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

apps/web/components/AiToolbarMoreMenu.tsx

@@ -6,7 +6,7 @@ import { useEffect, useId, useRef, useState } from "react";
 
 import type { AiToolItem } from "@/lib/nav/ai-tools";
 import type { ActiveNav } from "@/lib/nav/items";
-import { buttonClass, cn } from "@/lib/ui/variants";
+import { buttonClass, cn, focusRing } from "@/lib/ui/variants";
 
 interface AiToolbarMoreMenuProps {
   items: AiToolItem[];
@@ -52,7 +52,7 @@ export function AiToolbarMoreMenu({
       <button
         ref={buttonRef}
         type="button"
-        aria-haspopup="menu"
+        aria-haspopup="true"
         aria-expanded={open}
         aria-controls={menuId}
         onClick={() => setOpen((value) => !value)}
@@ -62,9 +62,10 @@ export function AiToolbarMoreMenu({
         更多
       </button>
       {open ? (
-        <div
+        // 诚实的 Tab-only 折叠面板：普通导航链接，不冒充 ARIA menu（无 roving tabindex/方向键）。
+        <nav
           id={menuId}
-          role="menu"
+          aria-label="更多工具"
           className="absolute right-0 z-30 mt-2 min-w-36 rounded border border-line bg-panel p-1 shadow-paper"
         >
           {items.map((item) => {
@@ -73,11 +74,11 @@ export function AiToolbarMoreMenu({
               <Link
                 key={item.href}
                 href={item.href}
-                role="menuitem"
                 aria-current={active ? "page" : undefined}
                 onClick={() => setOpen(false)}
                 className={cn(
-                  "block rounded px-3 py-2 text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cinnabar/35",
+                  "block rounded px-3 py-2 text-sm transition-colors",
+                  focusRing,
                   active
                     ? "bg-[var(--color-cinnabar-wash)] text-cinnabar"
                     : "text-ink hover:bg-bg hover:text-cinnabar",
@@ -87,7 +88,7 @@ export function AiToolbarMoreMenu({
               </Link>
             );
           })}
-        </div>
+        </nav>
       ) : null}
     </div>
   );