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

art-agent/frontend/src/components/sidebar/sidebar.tsx

@@ -0,0 +1,52 @@
+"use client";
+
+import { useApp } from "@/lib/app-context";
+import { TagFilter } from "./tag-filter";
+import { SessionList } from "./session-list";
+
+export function Sidebar() {
+  const { sidebarCollapsed, setSidebarCollapsed } = useApp();
+
+  return (
+    <>
+      {/* 移动端遮罩 */}
+      {!sidebarCollapsed && (
+        <div
+          className="fixed inset-0 z-30 bg-black/50 sidebar-overlay md:hidden"
+          onClick={() => setSidebarCollapsed(true)}
+        />
+      )}
+
+      <aside
+        className={`
+          /* 移动端：固定定位抽屉 */
+          fixed inset-y-0 left-0 z-40 w-[280px]
+          md:relative md:inset-auto md:z-auto
+          flex-shrink-0 border-r border-[var(--border)] bg-[var(--bg-secondary)]
+          flex flex-col transition-transform duration-200
+          ${sidebarCollapsed ? "-translate-x-full md:-translate-x-0 md:w-0 md:border-r-0" : "translate-x-0 md:w-[280px]"}
+          ${sidebarCollapsed ? "md:overflow-hidden" : ""}
+        `}
+      >
+        <div className="flex items-center justify-between px-3 py-2 border-b border-[var(--border)]">
+          <span className="text-xs font-medium text-[var(--text-secondary)] uppercase tracking-wider">
+            对话
+          </span>
+          <button
+            onClick={() => setSidebarCollapsed(true)}
+            className="text-[var(--text-secondary)] hover:text-[var(--text-primary)]
+                       transition-colors cursor-pointer p-0.5"
+            title="折叠侧边栏"
+          >
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+              <path d="M11 17l-5-5 5-5M18 17l-5-5 5-5" />
+            </svg>
+          </button>
+        </div>
+
+        <TagFilter />
+        <SessionList />
+      </aside>
+    </>
+  );
+}