[优化] 格式化

openflare_server/web/components/feedback/empty-state.tsx

@@ -1,17 +1,19 @@
-interface EmptyStateProps {
-    title: string;
-    description?: string;
-}
-
-export function EmptyState({title, description}: EmptyStateProps) {
-    return (
-        <div
-            className='rounded-2xl border border-dashed border-[var(--border-default)] bg-[var(--surface-muted)] px-5 py-6 text-sm'>
-            <p className='text-base font-semibold text-[var(--foreground-primary)]'>{title}</p>
-            {description ?
-                <p className='mt-2 leading-6 text-[var(--foreground-secondary)]'>{description}</p> : null
-            }
-
-        </div>
-    );
-}
+interface EmptyStateProps {
+  title: string;
+  description?: string;
+}
+
+export function EmptyState({ title, description }: EmptyStateProps) {
+  return (
+    <div className="rounded-2xl border border-dashed border-[var(--border-default)] bg-[var(--surface-muted)] px-5 py-6 text-sm">
+      <p className="text-base font-semibold text-[var(--foreground-primary)]">
+        {title}
+      </p>
+      {description ? (
+        <p className="mt-2 leading-6 text-[var(--foreground-secondary)]">
+          {description}
+        </p>
+      ) : null}
+    </div>
+  );
+}

openflare_server/web/components/feedback/error-state.tsx

@@ -1,13 +1,17 @@
-interface ErrorStateProps {
-  title: string;
-  description: string;
-}
-
-export function ErrorState({ title, description }: ErrorStateProps) {
-  return (
-    <div className='rounded-2xl border border-[var(--status-danger-border)] bg-[var(--status-danger-soft)] px-5 py-6 text-sm'>
-      <p className='text-base font-semibold text-[var(--status-danger-foreground)]'>{title}</p>
-      <p className='mt-2 leading-6 text-[var(--status-danger-foreground)]/80'>{description}</p>
-    </div>
-  );
-}
+interface ErrorStateProps {
+  title: string;
+  description: string;
+}
+
+export function ErrorState({ title, description }: ErrorStateProps) {
+  return (
+    <div className="rounded-2xl border border-[var(--status-danger-border)] bg-[var(--status-danger-soft)] px-5 py-6 text-sm">
+      <p className="text-base font-semibold text-[var(--status-danger-foreground)]">
+        {title}
+      </p>
+      <p className="mt-2 leading-6 text-[var(--status-danger-foreground)]/80">
+        {description}
+      </p>
+    </div>
+  );
+}

openflare_server/web/components/feedback/feature-placeholder.tsx

@@ -1,31 +1,31 @@
-import { AppCard } from '@/components/ui/app-card';
-import { StatusBadge } from '@/components/ui/status-badge';
-
-interface FeaturePlaceholderProps {
-  title: string;
-  description: string;
-  milestones: string[];
-}
-
-export function FeaturePlaceholder({
-  title,
-  description,
-  milestones,
-}: FeaturePlaceholderProps) {
-  return (
-    <AppCard
-      title={title}
-      description={description}
-      action={<StatusBadge label='阶段 1 骨架完成' variant='success' />}
-    >
-      <ul className='space-y-3 text-sm leading-6 text-[var(--foreground-secondary)]'>
-        {milestones.map((item) => (
-          <li key={item} className='flex gap-3'>
-            <span className='mt-2 h-2 w-2 shrink-0 rounded-full bg-[var(--brand-primary)]' />
-            <span>{item}</span>
-          </li>
-        ))}
-      </ul>
-    </AppCard>
-  );
-}
+import { AppCard } from '@/components/ui/app-card';
+import { StatusBadge } from '@/components/ui/status-badge';
+
+interface FeaturePlaceholderProps {
+  title: string;
+  description: string;
+  milestones: string[];
+}
+
+export function FeaturePlaceholder({
+  title,
+  description,
+  milestones,
+}: FeaturePlaceholderProps) {
+  return (
+    <AppCard
+      title={title}
+      description={description}
+      action={<StatusBadge label="阶段 1 骨架完成" variant="success" />}
+    >
+      <ul className="space-y-3 text-sm leading-6 text-[var(--foreground-secondary)]">
+        {milestones.map((item) => (
+          <li key={item} className="flex gap-3">
+            <span className="mt-2 h-2 w-2 shrink-0 rounded-full bg-[var(--brand-primary)]" />
+            <span>{item}</span>
+          </li>
+        ))}
+      </ul>
+    </AppCard>
+  );
+}

openflare_server/web/components/feedback/inline-message.tsx

@@ -1,35 +1,35 @@
-import { cn } from '@/lib/utils/cn';
-
-type InlineMessageTone = 'info' | 'success' | 'danger';
-
-const toneClasses: Record<InlineMessageTone, string> = {
-  info: 'border-[var(--status-info-border)] bg-[var(--status-info-soft)] text-[var(--status-info-foreground)]',
-  success:
-    'border-[var(--status-success-border)] bg-[var(--status-success-soft)] text-[var(--status-success-foreground)]',
-  danger:
-    'border-[var(--status-danger-border)] bg-[var(--status-danger-soft)] text-[var(--status-danger-foreground)]',
-};
-
-interface InlineMessageProps {
-  tone?: InlineMessageTone;
-  message: string;
-  className?: string;
-}
-
-export function InlineMessage({
-  tone = 'info',
-  message,
-  className,
-}: InlineMessageProps) {
-  return (
-    <div
-      className={cn(
-        'rounded-2xl border px-4 py-3 text-sm leading-6',
-        toneClasses[tone],
-        className,
-      )}
-    >
-      {message}
-    </div>
-  );
-}
+import { cn } from '@/lib/utils/cn';
+
+type InlineMessageTone = 'info' | 'success' | 'danger';
+
+const toneClasses: Record<InlineMessageTone, string> = {
+  info: 'border-[var(--status-info-border)] bg-[var(--status-info-soft)] text-[var(--status-info-foreground)]',
+  success:
+    'border-[var(--status-success-border)] bg-[var(--status-success-soft)] text-[var(--status-success-foreground)]',
+  danger:
+    'border-[var(--status-danger-border)] bg-[var(--status-danger-soft)] text-[var(--status-danger-foreground)]',
+};
+
+interface InlineMessageProps {
+  tone?: InlineMessageTone;
+  message: string;
+  className?: string;
+}
+
+export function InlineMessage({
+  tone = 'info',
+  message,
+  className,
+}: InlineMessageProps) {
+  return (
+    <div
+      className={cn(
+        'rounded-2xl border px-4 py-3 text-sm leading-6',
+        toneClasses[tone],
+        className,
+      )}
+    >
+      {message}
+    </div>
+  );
+}

openflare_server/web/components/feedback/loading-state.tsx

@@ -1,15 +1,15 @@
-import { cn } from '@/lib/utils/cn';
-
-interface LoadingStateProps {
-  className?: string;
-}
-
-export function LoadingState({ className }: LoadingStateProps) {
-  return (
-    <div className={cn('space-y-3', className)}>
-      <div className='h-4 w-32 animate-pulse rounded bg-[var(--control-background-hover)]' />
-      <div className='h-24 animate-pulse rounded-2xl bg-[var(--surface-muted)]' />
-      <div className='h-24 animate-pulse rounded-2xl bg-[var(--surface-muted)]' />
-    </div>
-  );
-}
+import { cn } from '@/lib/utils/cn';
+
+interface LoadingStateProps {
+  className?: string;
+}
+
+export function LoadingState({ className }: LoadingStateProps) {
+  return (
+    <div className={cn('space-y-3', className)}>
+      <div className="h-4 w-32 animate-pulse rounded bg-[var(--control-background-hover)]" />
+      <div className="h-24 animate-pulse rounded-2xl bg-[var(--surface-muted)]" />
+      <div className="h-24 animate-pulse rounded-2xl bg-[var(--surface-muted)]" />
+    </div>
+  );
+}