feat(web): 记录抽屉与两层导航标准

控制台导航最多两层(侧栏一项 = 一页,页内最多一层页签 / 分段);从列表打开的
记录改成列表页上的右侧抽屉,打开的记录写在 ?open=,刷新、分享、前进后退都能还原,
后退就是关抽屉。标准写在 docs/design/console-ia.md §9,ui-controls.md 引用。

- DetailSheet 加 xl 宽度、标题下操作行;抽屉里再开的 DetailSheet 在同一抽屉里换成子视图(返回 / Esc)
- record-sheet.tsx:useRecordSheet / RecordLink / useOpenRecord / recordPath / taskPath
- 整理记录、订阅、站点(含页签)、下载、日志任务改成抽屉;旧业务任务 / 下载任务 id 在任务抽屉里换算
- 回收站并进文件管理右侧视图(?view=trash);设置左栏只列分区
- 规则组、策略版本、媒体库未识别 / 外部身份、设置实例编辑走 ?open=
- 旧地址 /console/{organize,subscriptions,sites,downloads}/:id、/tasks/:id、/files/trash 跳到列表页抽屉
- 站内链接、铃铛、命令面板、任务时间线改拼新地址;冒烟按 ?open= 检查抽屉

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

apps/web/app/routes/console/rules.tsx

@@ -1,10 +1,11 @@
 import type { RuleGroup, RuleGroupKind, RuleGroupSource } from "@umt/contracts";
 import { FilePlus2, Plus } from "lucide-react";
-import { useMemo, useState } from "react";
+import { useMemo, useRef, useState } from "react";
 import { useSearchParams } from "react-router";
 import { useRuleGroups, useRuleRefs } from "~/api/rules.ts";
 import { FilterBar, FilterSelect } from "~/components/console/filter-bar.tsx";
 import { PageHeader } from "~/components/console/page-header.tsx";
+import { useRecordSheet } from "~/components/console/record-sheet.tsx";
 import { PolicyWorkspace } from "~/components/library/subscriptions-policy.tsx";
 import { RuleGroupEditor } from "~/components/rules/group-editor.tsx";
 import { RuleGroupTable, RuleTags } from "~/components/rules/group-list.tsx";
@@ -56,17 +57,25 @@ export default function RulesPage() {
   });
   const all = useRuleGroups({});
   const refs = useRuleRefs();
-  const [editor, setEditor] = useState<{ open: boolean; id: string | null }>({ open: false, id: null });
+  // 记录抽屉(console-ia.md §9):打开的规则组在 ?open=<id>(「自动收新作品」的策略版本也用 ?open=,各认自己的 id);新建只在本页状态里
+  const sheet = useRecordSheet();
+  const [creating, setCreating] = useState(false);
+  const lastId = useRef<string | null>(null);
+  if (sheet.id) lastId.current = sheet.id;
+  const editId = sheet.id ?? (creating ? null : lastId.current);
   const [creatingPolicy, setCreatingPolicy] = useState(false);
 
   const items = groups.data?.items;
   const tags = useMemo(() => (items ?? []).filter(isTagLike), [items]);
   const rest = useMemo(() => items?.filter((g) => !isTagLike(g)), [items]);
-  const editing: RuleGroup | null = editor.id
-    ? ((items ?? []).find((g) => g.id === editor.id) ?? all.data?.items.find((g) => g.id === editor.id) ?? null)
+  const editing: RuleGroup | null = editId
+    ? ((items ?? []).find((g) => g.id === editId) ?? all.data?.items.find((g) => g.id === editId) ?? null)
     : null;
-  const open = (g: RuleGroup) => setEditor({ open: true, id: g.id });
-  const create = () => setEditor({ open: true, id: null });
+  const open = (g: RuleGroup) => sheet.open(g.id);
+  const create = () => {
+    lastId.current = null;
+    setCreating(true);
+  };
 
   return (
     <>
@@ -188,10 +197,14 @@ export default function RulesPage() {
       </Tabs>
 
       <RuleGroupEditor
-        open={editor.open}
+        open={creating || (!!sheet.id && !!editing)}
         group={editing}
         defaultKind={(kind || "acquisition") as RuleGroupKind}
-        onOpenChange={(o) => setEditor((e) => ({ ...e, open: o }))}
+        onOpenChange={(o) => {
+          if (o) return;
+          if (creating) setCreating(false);
+          else sheet.close();
+        }}
       />
     </>
   );