feat(web): 设置页按新分类重排,加搜索、缓存分区与旧锚点跳转

- 左栏三组分区 + 当前分区的节;窄屏为搜索框、分组下拉和节的横排胶囊
- 搜索框按分区、节、节别名和字段名定位,选中字段时滚到该字段并聚焦
- 旧 hash(#automation/cache、#api-keys、#library/scrape 等)replace 到新位置
- 下载器分区放下载盘水位与保种缺省值,名字与实例抽屉统一(暂停线 / 恢复线 / 保种天数)
- 新增获取、整理与刮削、系统、缓存分区;API Key 并入账户与安全,快捷键移到界面
- 补上缺的入口:最小视频体积、子会话并发与层数、搜索站点;日志保留天数(已废弃)不再显示
- 缓存分区按区列出条数、占用、最近写入,单区清空二次确认;TMDB 与图片缓存并入
- 保存提示统一为「已保存「节名」」;按入库口径把相关文案改成「整理」

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

apps/web/app/components/settings/account.tsx

@@ -4,7 +4,6 @@ import { useState } from "react";
 import { toast } from "sonner";
 import { z } from "zod";
 import { useChangePassword, useLogout, useSession } from "~/api/auth.ts";
-import { AgentShortcutsHelp } from "~/components/console/agent-launcher.tsx";
 import { FormField, zodFieldErrors } from "~/components/console/form-field.tsx";
 import { SecretInput } from "~/components/console/secret-input.tsx";
 import { Button } from "~/components/ui/button.tsx";
@@ -13,9 +12,11 @@ import { clearAuth, errorMessage, getToken, LOGIN_PATH, setToken } from "~/lib/a
 import { formatDateTime } from "~/lib/utils.ts";
 import { PasskeyBlock } from "./account-passkeys.tsx";
 import { TotpBlock } from "./account-totp.tsx";
-import { anchorId, SettingsBlock } from "./settings-block.tsx";
+import { ApiKeysSection } from "./api-keys.tsx";
+import { SettingsBlock } from "./settings-block.tsx";
 
-// 账户与安全:改密、二次验证(TOTP,account-totp.tsx)、Passkey(account-passkeys.tsx)、当前会话与本机 Token、快捷键
+// 账户与安全:改密、二次验证(TOTP,account-totp.tsx)、Passkey(account-passkeys.tsx)、当前会话与本机 Token、
+// 签发给外部程序的 API Key(api-keys.tsx)。快捷键在「界面」。
 
 const PasswordForm = PasswordChangeRequest.extend({ confirm: z.string() }).refine((v) => v.newPassword === v.confirm, {
   message: "两次输入的新密码不一致",
@@ -122,7 +123,12 @@ function SessionBlock() {
   };
 
   return (
-    <SettingsBlock section="account" anchor="session" title="会话">
+    <SettingsBlock
+      section="account"
+      anchor="session"
+      title="会话"
+      description="当前登录状态和这个浏览器保存的本机 Token。"
+    >
       <dl className="grid grid-cols-[auto_1fr] gap-x-6 gap-y-1.5 text-caption">
         <dt className="text-muted-foreground">身份</dt>
         <dd>
@@ -194,10 +200,7 @@ export function AccountSection() {
       <TotpBlock disabled={!cookie} />
       <PasskeyBlock disabled={!cookie} />
       <SessionBlock />
-      {/* 快捷键说明自带标题,只包卡片与锚点 */}
-      <section id={anchorId("account", "shortcuts")} className="pg-slab min-w-0 scroll-mt-24 rounded-xl p-5">
-        <AgentShortcutsHelp />
-      </section>
+      <ApiKeysSection />
     </div>
   );
 }