feat(web): 命令面板 combobox+可见入口 + sticky 导航壳 + 焦点环统一 + 抽屉锁滚动/关闭按钮 + 主题首帧修复 + 设置徽标/datalist

apps/web/components/AppShell.tsx

@@ -3,8 +3,9 @@ import type { ReactNode } from "react";
 import { Settings } from "lucide-react";
 
 import type { ActiveNav } from "@/lib/nav/items";
-import { buttonClass } from "@/lib/ui/variants";
+import { buttonClass, focusRing } from "@/lib/ui/variants";
 import { AiToolbar } from "./AiToolbar";
+import { CommandSearchButton } from "./command/CommandPaletteMount";
 import { LeftNav } from "./LeftNav";
 import { NavDrawer } from "./NavDrawer";
 import { ThemeToggle } from "./ThemeToggle";
@@ -39,11 +40,11 @@ export function AppShell({
       >
         跳到正文
       </a>
-      <header className="flex h-16 items-center gap-4 border-b border-line bg-panel px-4 sm:px-6">
+      <header className="sticky top-0 z-30 flex h-16 items-center gap-4 border-b border-line bg-panel px-4 sm:px-6">
         <NavDrawer projectId={projectId} activeNav={activeNav} />
         <Link
           href="/"
-          className="shrink-0 whitespace-nowrap font-serif text-xl text-cinnabar"
+          className={`shrink-0 whitespace-nowrap rounded font-serif text-xl text-cinnabar ${focusRing}`}
           aria-label="返回作品库"
         >
           墨痕
@@ -62,6 +63,7 @@ export function AppShell({
           aria-label="快捷操作"
           className="ml-auto flex shrink-0 items-center gap-2 text-sm"
         >
+          <CommandSearchButton />
           <ThemeToggle />
           <Link
             href="/settings/providers"