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/library.tsx

@@ -1,110 +1,25 @@
 import { LibraryRootsTable } from "./instances.tsx";
 import { NamingSection } from "./naming.tsx";
 import { ClassificationSection, OrganizeSourcesSection } from "./organize-sources.tsx";
-import { str } from "./resource-section.tsx";
 import { SettingsBlock } from "./settings-block.tsx";
-import { type CardSpec, SettingsCard, SettingsGate } from "./settings-card.tsx";
 
-// 媒体库与目录:库根(含哨兵状态)+ 默认整理方式 + 刮削 + 命名模板
-
-const ORGANIZE_CARD: CardSpec = {
-  anchor: "organize",
-  title: "整理方式",
-  description: "复制入库时源文件留在缓存继续做种，保留天数在自动化分区设置。",
-  fields: [
-    {
-      name: "organize.defaultMode",
-      label: "默认整理方式",
-      kind: "select",
-      options: [
-        { value: "copy", label: "复制（源文件继续做种）" },
-        { value: "move", label: "移动（移走源文件）" },
-      ],
-    },
-    {
-      name: "organize.allowCrossVolumeMove",
-      label: "允许跨卷移动",
-      kind: "switch",
-      hint: "跨卷时按复制 → 核验 → 删源执行",
-    },
-  ],
-  fromSettings: (s) => ({
-    "organize.defaultMode": s.organize.defaultMode,
-    "organize.allowCrossVolumeMove": s.organize.allowCrossVolumeMove,
-  }),
-  toPatch: (v) => ({
-    organize: {
-      defaultMode: str(v["organize.defaultMode"]) as "copy" | "move",
-      allowCrossVolumeMove: v["organize.allowCrossVolumeMove"] === true,
-    },
-  }),
-};
-
-// SCR-1 刮削:入库后写 NFO 与图片到媒体库目录(Emby / Jellyfin / Kodi 读取)
-const SCRAPE_CARD: CardSpec = {
-  anchor: "scrape",
-  title: "刮削",
-  description: "把作品信息写成 NFO，连同海报、背景图放进媒体库目录，Emby、Jellyfin、Kodi 直接读取。",
-  fields: [
-    {
-      name: "organize.scrapeAfterImport",
-      label: "入库后自动刮削",
-      kind: "switch",
-      hint: "关闭时可在作品详情或文件管理里手动刮削",
-    },
-    {
-      name: "organize.scrapeMode",
-      label: "已有文件",
-      kind: "select",
-      options: [
-        { value: "update", label: "更新" },
-        { value: "missing", label: "只补缺失" },
-        { value: "overwrite", label: "全部覆盖" },
-      ],
-      hint: "更新只替换本工具写过、之后没被改过的文件；全部覆盖会替换目录里已有的 NFO 和图片，包括其他工具写的",
-    },
-    {
-      name: "organize.scrapeImages",
-      label: "下载图片",
-      kind: "switch",
-      hint: "海报、背景图、季海报",
-    },
-    {
-      name: "organize.scrapeEpisodeThumbs",
-      label: "下载剧照",
-      kind: "switch",
-      hint: "每集一张，存为「视频名-thumb.jpg」；关闭下载图片时不生效",
-    },
-  ],
-  fromSettings: (s) => ({
-    "organize.scrapeAfterImport": s.organize.scrapeAfterImport,
-    "organize.scrapeMode": s.organize.scrapeMode,
-    "organize.scrapeImages": s.organize.scrapeImages,
-    "organize.scrapeEpisodeThumbs": s.organize.scrapeEpisodeThumbs,
-  }),
-  toPatch: (v) => ({
-    organize: {
-      scrapeAfterImport: v["organize.scrapeAfterImport"] === true,
-      scrapeMode: scrapeModeOf(str(v["organize.scrapeMode"])),
-      scrapeImages: v["organize.scrapeImages"] === true,
-      scrapeEpisodeThumbs: v["organize.scrapeEpisodeThumbs"] === true,
-    },
-  }),
-};
-
-const scrapeModeOf = (v: string | null | undefined): "missing" | "overwrite" | "update" =>
-  v === "overwrite" || v === "missing" ? v : "update";
+// 媒体库与目录:媒体库目录(含标记文件检查)、整理来源、分类规则、命名模板(全局 + 目录覆盖)。
+// 整理方式与刮削在「整理与刮削」。
 
 export function LibrarySection() {
   return (
     <div className="grid grid-cols-1 gap-8">
-      <SettingsBlock section="library" anchor="roots" title="媒体库目录" plain>
+      <SettingsBlock
+        section="library"
+        anchor="roots"
+        title="媒体库目录"
+        description="整理把作品放进这些目录；媒体服务器扫的也是它们。"
+        plain
+      >
         <LibraryRootsTable />
       </SettingsBlock>
-      <SettingsGate>{(s) => <SettingsCard section="library" spec={ORGANIZE_CARD} settings={s} />}</SettingsGate>
-      <SettingsGate>{(s) => <SettingsCard section="library" spec={SCRAPE_CARD} settings={s} />}</SettingsGate>
-      <ClassificationSection />
       <OrganizeSourcesSection />
+      <ClassificationSection />
       <NamingSection />
     </div>
   );