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

@@ -10,6 +10,7 @@ import { useEffect, useState } from "react";
 import { useExternalIdentities, useIdentityPool } from "~/api/identity.ts";
 import { type DataColumn, DataTable } from "~/components/console/data-table.tsx";
 import { FilterBar, FilterSelect } from "~/components/console/filter-bar.tsx";
+import { useRecordSheet } from "~/components/console/record-sheet.tsx";
 import { ExternalIdentitySheet, identityRef } from "~/components/library/identity-external-sheet.tsx";
 import { PoolSheet, querySummary } from "~/components/library/identity-pool-sheet.tsx";
 import {
@@ -44,7 +45,9 @@ export function PoolTab() {
     status: (status || undefined) as IdentityCandidateStatus | undefined,
     reason: (reason || undefined) as IdentityCandidateReason | undefined,
   });
-  const [openId, setOpenId] = useState<string | null>(null);
+  // 记录抽屉(console-ia.md §9):?open=<id>
+  const sheet = useRecordSheet();
+  const openId = sheet.id;
   const rows = pool.data?.pages.flatMap((p) => p.items);
   const open = rows?.find((r) => r.id === openId) ?? null;
 
@@ -134,7 +137,7 @@ export function PoolTab() {
         loading={pool.isPending}
         error={pool.error}
         onRetry={() => pool.refetch()}
-        onRowClick={(r) => setOpenId(r.id)}
+        onRowClick={(r) => sheet.open(r.id)}
         selectedKey={openId}
         empty={{
           icon: SearchX,
@@ -145,7 +148,7 @@ export function PoolTab() {
         onLoadMore={() => pool.fetchNextPage()}
         loadingMore={pool.isFetchingNextPage}
       />
-      <PoolSheet key={open?.id ?? "none"} item={open} onClose={() => setOpenId(null)} />
+      <PoolSheet key={open?.id ?? "none"} item={open} onClose={sheet.close} />
     </>
   );
 }
@@ -157,7 +160,9 @@ export function ExternalTab() {
     provider: provider || undefined,
     status: (status || undefined) as IdentityStatus | undefined,
   });
-  const [openId, setOpenId] = useState<string | null>(null);
+  // 记录抽屉(console-ia.md §9):?open=<id>
+  const sheet = useRecordSheet();
+  const openId = sheet.id;
   const rows = list.data?.pages.flatMap((p) => p.items);
   const open = rows?.find((r) => r.id === openId) ?? null;
 
@@ -235,7 +240,7 @@ export function ExternalTab() {
         loading={list.isPending}
         error={list.error}
         onRetry={() => list.refetch()}
-        onRowClick={(r) => setOpenId(r.id)}
+        onRowClick={(r) => sheet.open(r.id)}
         selectedKey={openId}
         empty={{
           icon: Fingerprint,
@@ -246,7 +251,7 @@ export function ExternalTab() {
         onLoadMore={() => list.fetchNextPage()}
         loadingMore={list.isFetchingNextPage}
       />
-      <ExternalIdentitySheet item={open} onClose={() => setOpenId(null)} />
+      <ExternalIdentitySheet item={open} onClose={sheet.close} />
     </>
   );
 }

apps/web/app/components/library/subscriptions-policy.tsx

@@ -24,6 +24,7 @@ import { EmptyState, ErrorState, LoadingState } from "~/components/console/empty
 import { FormField } from "~/components/console/form-field.tsx";
 import { JsonView } from "~/components/console/json-view.tsx";
 import { KvList } from "~/components/console/kv-list.tsx";
+import { useRecordSheet } from "~/components/console/record-sheet.tsx";
 import { Button } from "~/components/ui/button.tsx";
 import { Input } from "~/components/ui/input.tsx";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "~/components/ui/select.tsx";
@@ -190,7 +191,9 @@ export function PolicyWorkspace({
 }) {
   const q = usePolicyRevisions();
   const [editor, setEditor] = useState<{ base: PolicyRevision | null; editId: string | null } | null>(null);
-  const [viewId, setViewId] = useState<string | null>(null);
+  // 记录抽屉(console-ia.md §9):查看的策略版本写在 ?open=<id>
+  const sheet = useRecordSheet();
+  const viewId = sheet.id;
 
   const groups = useMemo(() => {
     const m = new Map<string, PolicyRevision[]>();
@@ -235,7 +238,7 @@ export function PolicyWorkspace({
             key={g.key}
             policyKey={g.key}
             revs={g.revs}
-            onView={setViewId}
+            onView={(id) => sheet.open(id)}
             onEdit={(r) => setEditor({ base: r, editId: r.id })}
             onDraftFrom={(r) => setEditor({ base: r, editId: null })}
           />
@@ -249,19 +252,19 @@ export function PolicyWorkspace({
           onClose={closeEditor}
           onSaved={(r) => {
             closeEditor();
-            setViewId(r.id);
+            sheet.open(r.id);
           }}
         />
       ) : null}
       <PolicyDetailSheet
         rev={viewing}
-        onClose={() => setViewId(null)}
+        onClose={sheet.close}
         onEdit={(r) => {
-          setViewId(null);
+          sheet.close();
           setEditor({ base: r, editId: r.id });
         }}
         onDraftFrom={(r) => {
-          setViewId(null);
+          sheet.close();
           setEditor({ base: r, editId: null });
         }}
       />

apps/web/app/components/library/versions.tsx

@@ -7,11 +7,10 @@ import {
 } from "@umt/contracts";
 import { ChevronDown } from "lucide-react";
 import { type ReactNode, useState } from "react";
-import { Link } from "react-router";
 import { useLibraryVersions } from "~/api/library-versions.ts";
 import { type KvItem, KvList } from "~/components/console/kv-list.tsx";
-import { consolePath } from "~/components/console/nav.ts";
 import { PaginatedList } from "~/components/console/paginated-list.tsx";
+import { RecordLink } from "~/components/console/record-sheet.tsx";
 import { TechInfo } from "~/components/console/tech-info.tsx";
 import { Panel } from "~/components/library/parts.tsx";
 import { cn, formatBytes, formatDateTime } from "~/lib/utils.ts";
@@ -113,9 +112,9 @@ function VersionDetail({ v, match }: { v: AssetVersion; match?: UnitMatch | unde
     {
       label: "下载任务",
       value: v.downloadTaskId ? (
-        <Link to={consolePath("downloads", v.downloadTaskId)} className="underline-offset-2 hover:underline">
+        <RecordLink page="downloads" id={v.downloadTaskId} className="underline-offset-2 hover:underline">
           查看下载任务
-        </Link>
+        </RecordLink>
       ) : null,
     },
   ].filter((it) => it.value !== null && it.value !== undefined && it.value !== "");