kit初版，模型引入,agent优化

art-agent/frontend/src/components/layout/top-nav.tsx

@@ -0,0 +1,84 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { useApp } from "@/lib/app-context";
+
+const NAV_ITEMS = [
+  { href: "/", label: "对话" },
+  { href: "/gallery", label: "资源库" },
+] as const;
+
+export function TopNav() {
+  const pathname = usePathname();
+  const { sidebarCollapsed, setSidebarCollapsed } = useApp();
+
+  return (
+    <header className="flex-shrink-0 h-12 border-b border-[var(--border)] bg-[var(--bg-secondary)] flex items-center px-3 md:px-4 gap-3 md:gap-6">
+      {/* 移动端汉堡菜单 */}
+      <button
+        onClick={() => setSidebarCollapsed(!sidebarCollapsed)}
+        className="md:hidden flex-shrink-0 p-1.5 rounded-md
+                   text-[var(--text-secondary)] hover:text-[var(--text-primary)]
+                   transition-colors cursor-pointer"
+        title="菜单"
+      >
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+          <path d="M3 12h18M3 6h18M3 18h18" />
+        </svg>
+      </button>
+
+      {/* Logo */}
+      <Link href="/" className="flex items-center gap-2 flex-shrink-0">
+        <svg width="22" height="22" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <rect width="32" height="32" rx="7" fill="var(--accent)" />
+          <path d="M8 22L12.5 10h2.2L19 22h-2.3l-1.1-3h-4.2l-1.1 3H8Zm3.7-5h3.1l-1.5-4.6h-.1L11.7 17Z" fill="white" />
+          <circle cx="23" cy="12" r="3.5" stroke="white" strokeWidth="1.8" fill="none" />
+          <path d="M23 15.5v5" stroke="white" strokeWidth="1.8" strokeLinecap="round" />
+          <circle cx="23" cy="22.5" r="1" fill="white" />
+        </svg>
+        <span className="text-base font-bold tracking-tight text-[var(--text-primary)]">
+          EPEEKit
+        </span>
+      </Link>
+
+      {/* 导航 Tab */}
+      <nav className="flex items-center gap-1">
+        {NAV_ITEMS.map(({ href, label }) => {
+          const active = href === "/" ? pathname === "/" : pathname.startsWith(href);
+          return (
+            <Link
+              key={href}
+              href={href}
+              className={`px-2.5 md:px-3 py-1.5 text-sm rounded-md transition-colors ${
+                active
+                  ? "bg-[var(--bg-tertiary)] text-[var(--text-primary)] font-medium"
+                  : "text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
+              }`}
+            >
+              {label}
+            </Link>
+          );
+        })}
+      </nav>
+
+      <div className="flex-1" />
+
+      {/* 全局搜索入口 — 移动端只显示图标 */}
+      <button
+        className="flex items-center gap-2 px-2 md:px-3 py-1.5 rounded-md text-sm
+                   text-[var(--text-secondary)] border border-[var(--border)]
+                   bg-[var(--bg-tertiary)] hover:border-[var(--accent)]
+                   transition-colors cursor-pointer"
+        title="搜索"
+      >
+        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+          <circle cx="11" cy="11" r="8" />
+          <path d="M21 21l-4.35-4.35" />
+        </svg>
+        <span className="hidden sm:inline">搜索</span>
+        <kbd className="hidden md:inline text-xs text-[var(--text-secondary)] opacity-50 ml-2">⌘K</kbd>
+      </button>
+    </header>
+  );
+}