[优化] go 引用调整

openflare-server/web/components/ui/app-card.tsx

@@ -0,0 +1,47 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+
+import { cn } from '@/lib/utils/cn';
+
+interface AppCardProps extends HTMLAttributes<HTMLDivElement> {
+  title?: string;
+  description?: string;
+  action?: ReactNode;
+}
+
+export function AppCard({
+  title,
+  description,
+  action,
+  className,
+  children,
+  ...props
+}: AppCardProps) {
+  return (
+    <section
+      className={cn(
+        'rounded-[var(--radius-xl)] border border-[var(--border-default)] bg-[var(--surface-card)]/90 shadow-[var(--shadow-soft)] backdrop-blur',
+        className,
+      )}
+      {...props}
+    >
+      {(title || description || action) && (
+        <header className="flex flex-col gap-3 border-b border-[var(--border-default)] px-6 py-5 md:flex-row md:items-start md:justify-between">
+          <div className="space-y-1">
+            {title ? (
+              <h2 className="text-lg font-semibold text-[var(--foreground-primary)]">
+                {title}
+              </h2>
+            ) : null}
+            {description ? (
+              <p className="text-sm leading-6 text-[var(--foreground-secondary)]">
+                {description}
+              </p>
+            ) : null}
+          </div>
+          {action ? <div className="shrink-0">{action}</div> : null}
+        </header>
+      )}
+      <div className="px-6 py-5">{children}</div>
+    </section>
+  );
+}