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/sites/credential-fields.tsx

@@ -2,9 +2,9 @@ import type { SiteAccount, SiteCredentialsBody } from "@umt/contracts";
 import { FormField } from "~/components/console/form-field.tsx";
 import { SecretInput } from "~/components/console/secret-input.tsx";
 import { Input } from "~/components/ui/input.tsx";
+import { SegmentedControl } from "~/components/ui/segmented.tsx";
 import { Switch } from "~/components/ui/switch.tsx";
 import { secretHint, secretPatch } from "~/lib/secret.ts";
-import { cn } from "~/lib/utils.ts";
 import { AUTH_KIND_LABEL, type LoginKind } from "./site-fields.ts";
 
 // 凭证三选一(账号密码 / Cookie / API Key)。只写不回显;添加站点向导与"更新凭证"对话框共用。
@@ -106,29 +106,14 @@ export function CredentialFields({
   return (
     <div className="grid gap-x-4 gap-y-1">
       {kinds.length > 1 ? (
-        <div className="mb-4" role="radiogroup" aria-label="凭证类型">
+        <div className="mb-4">
           <p className="mb-1.5 text-caption font-medium text-foreground">凭证类型</p>
-          <div className="inline-flex flex-wrap gap-1 rounded-xl border border-border p-1">
-            {kinds.map((k) => (
-              // biome-ignore lint/a11y/useSemanticElements: 分段按钮,radio 语义由 role 表达
-              <button
-                key={k}
-                type="button"
-                role="radio"
-                aria-checked={value.kind === k}
-                disabled={disabled}
-                onClick={() => set("kind", k)}
-                className={cn(
-                  "rounded-lg px-3 py-1.5 text-caption transition-colors",
-                  value.kind === k
-                    ? "bg-foreground text-background"
-                    : "text-muted-foreground hover:bg-accent hover:text-foreground",
-                )}
-              >
-                {AUTH_KIND_LABEL[k]}
-              </button>
-            ))}
-          </div>
+          <SegmentedControl
+            label="凭证类型"
+            value={value.kind}
+            onChange={(k) => set("kind", k)}
+            options={kinds.map((k) => ({ value: k, label: AUTH_KIND_LABEL[k], disabled }))}
+          />
         </div>
       ) : null}