fix(web): 控制台界面细节与 uhd_web 控件规范对齐

- 顶栏搜索移进右侧玻璃胶囊;输入框改淡玻璃(边线 0.46 → 0.16,悬停加深,聚焦 / 出错保留光晕)
- 新增 SegmentedControl(滑动 seg-thumb),替换站点、下载、订阅、文件、智能体列表及对话框里的实心选中块;Tabs 改为同一枚滑块
- 开关型按钮统一 outline + aria-pressed 选中外观;页头 / 工具栏次操作描边、图标钮描边圆;文件排序改 Select;下载总速度加标签
- 分页一页放得下时只留总数、空列表不渲染、按容器宽度收起按钮
- 运行状态存储区重排;智能体列表页与会话页共用外壳路由,标题与左栏不再重挂载
- 站点卡片「⋯」不再单独换行;设置导航、状态计数、多选条件改玻璃选中态

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Cxwgnn2pbzQ7rXv3rq7fei

apps/web/app/components/search/quick-filter-bar.tsx

@@ -459,20 +459,13 @@ function MorePanel({
                         className={cn(
                           "inline-flex h-8 max-w-full cursor-pointer items-center gap-1.5 rounded-full border px-3 text-caption transition-colors duration-micro md:h-7",
                           on
-                            ? "border-primary bg-primary text-primary-foreground"
+                            ? "pill-selected text-foreground"
                             : "border-border text-foreground hover:bg-foreground/[0.06]",
                           dead ? "cursor-default opacity-40 hover:bg-transparent" : "",
                         )}
                       >
                         <span className="min-w-0 truncate">{o.label}</span>
-                        <span
-                          className={cn(
-                            "text-meta tabular-nums",
-                            on ? "text-primary-foreground/80" : "text-muted-foreground",
-                          )}
-                        >
-                          {o.count}
-                        </span>
+                        <span className="text-meta text-muted-foreground tabular-nums">{o.count}</span>
                       </button>
                     );
                   })}

apps/web/app/components/search/search-trigger.tsx

@@ -4,7 +4,11 @@ import { Button } from "~/components/ui/button.tsx";
 import { cn } from "~/lib/utils.ts";
 import { openSearchPalette, searchShortcutLabel } from "./search-store.ts";
 
-/** 顶栏搜索入口:桌面是带快捷键提示的输入框样按钮,手机是图标按钮;都打开命令面板 */
+/**
+ * 顶栏搜索入口,放在右侧玻璃胶囊里的第一格(与 uhd_web 流媒体顶栏的搜索同一做法):
+ * 桌面是一枚平涂淡底的胶囊(搜索图标 + 提示 + 快捷键),手机只留图标;都打开命令面板。
+ * 胶囊本身已经是玻璃,里面不再套 .field-glass 或描边。
+ */
 export function SearchTrigger({ className }: { className?: string }) {
   // 快捷键文案依赖 navigator,挂载后再算,避免水合不一致
   const [shortcut, setShortcut] = useState("Ctrl K");
@@ -17,21 +21,20 @@ export function SearchTrigger({ className }: { className?: string }) {
         aria-label="搜索"
         aria-keyshortcuts="Control+K Meta+K"
         className={cn(
-          // 长得像输入框,材质与输入框同一套(.field-glass)
-          "field-glass hidden h-8 w-56 cursor-pointer items-center gap-2 rounded-full px-3 text-caption text-muted-foreground outline-none hover:text-foreground md:flex lg:w-72",
+          "hidden h-8 w-48 cursor-pointer items-center gap-2 rounded-full bg-foreground/[0.05] pr-1.5 pl-3 text-caption text-muted-foreground outline-none transition-colors duration-base hover:bg-foreground/[0.08] hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/50 md:flex lg:w-60",
           className,
         )}
       >
         <Search className="h-3.5 w-3.5 shrink-0" />
         <span className="flex-1 truncate text-left">搜索作品、页面</span>
-        <kbd className="rounded-tight border border-border/70 px-1 font-sans text-label leading-4 font-medium">
+        <kbd className="rounded-full bg-foreground/[0.06] px-1.5 font-sans text-label leading-5 font-medium">
           {shortcut}
         </kbd>
       </button>
       <Button
         variant="ghost"
-        size="icon"
-        className="h-8 w-8 md:hidden"
+        size="icon-sm"
+        className="md:hidden"
         aria-label="搜索"
         onClick={() => openSearchPalette()}
       >