refactor(web): 技术信息折叠铺到媒体库 / 审计 / 运行状态,清理正常态徽章与解释型页描述(DEAI-2)

- 媒体库详情:作品 UUID 进技术信息;「实际路径与库根」改「文件位置」,正常态(已核验、
  可访问、主位置)不加徽章;外部身份显示「TMDB 90228 · 你确认的 / 自动匹配」,修订号进悬停;
  元数据字段来源默认收起(「显示来源」,跟随界面设置);别名默认只列中英文与手动加的;
  「内容单元」→「季与集」,「临时单元」→「编号待确认」;侧栏与页标题统一「媒体库」
- 审计:动作列不再重复英文码,对象列显示中文类型 / 能力名,ID 只在详情;补 capability.denied
- 运行状态:进程、已下线实例、趋势图与最大表收进折叠区;图例同名序列加序号,不再拼接
- 站点卡:账号正常与登录方式不加徽章,健康不显示毫秒,限流移出卡片
- 文件管理:目录「正常」徽章与重复的剩余空间去掉;已登记 → 已入库,临时文件 → 未完成
- 规则:「修订」列改「最后修改」;不支持的关键字合成一行;页签改「默认规则 / 自动收新作品 / 已忽略」;
  默认规则说明去掉「带层」等算法描述
- 站点 Passkey 与登录用通行密钥区分命名;命令面板提示去重
- 删解释型页描述(审计、搜索、下载、下载计划、RSS、规则、媒体库、运行状态、站点、任务、计划、整理)

Co-Authored-By: Claude Opus 5.5 <[email protected]>

apps/web/app/routes/console/library.$id.tsx

@@ -43,6 +43,7 @@ import { type DataColumn, DataTable } from "~/components/console/data-table.tsx"
 import { EmptyState, ErrorState, LoadingState } from "~/components/console/empty-state.tsx";
 import { consolePath } from "~/components/console/nav.ts";
 import { StatusBadge } from "~/components/console/status-badge.tsx";
+import { TechInfo } from "~/components/console/tech-info.tsx";
 import { evidenceLabel, FieldLockDialog, IdentityDialog, MergeDialog } from "~/components/library/entity-dialogs.tsx";
 import {
   CONTENT_TYPE,
@@ -79,6 +80,7 @@ import { CELL_LABEL, type CellKind, cellKind } from "~/components/subscriptions/
 import { SubscriptionFormDialog } from "~/components/subscriptions/subscription-form.tsx";
 import { Button } from "~/components/ui/button.tsx";
 import { errorMessage } from "~/lib/api.ts";
+import { useUiPrefs } from "~/lib/ui-prefs.ts";
 import { formatBytes, formatDateTime } from "~/lib/utils.ts";
 
 // 作品详情(REQ §13.1 / §13.4.3):实际路径、外部身份映射及状态、元数据来源、各 Slot、候选拒绝理由、
@@ -120,7 +122,7 @@ function PathsPanel({ detail }: { detail: LibraryDetail }) {
   const rootOf = (id: string | null) => roots.data?.items.find((r) => r.id === id);
   const bindings = detail.pathBindings.filter((b) => b.status !== "superseded");
   return (
-    <Panel title="实际路径与媒体库目录" description="路径绑定建立后不随译名变化">
+    <Panel title="文件位置">
       {bindings.length === 0 && detail.assets.length === 0 ? (
         <EmptyState
           plain
@@ -158,19 +160,16 @@ function PathsPanel({ detail }: { detail: LibraryDetail }) {
               <div className="flex flex-wrap items-center gap-2">
                 <span className="text-sm font-medium text-foreground">{deliveryLine(a.asset) || "未知规格"}</span>
                 {a.asset.status !== "active" ? <StatusBadge tone="warning">{a.asset.status}</StatusBadge> : null}
-                {a.asset.verifiedAt ? (
-                  <StatusBadge tone="success">已核验 {relTime(a.asset.verifiedAt)}</StatusBadge>
-                ) : (
-                  <StatusBadge>未核验</StatusBadge>
-                )}
+                {a.asset.verifiedAt ? null : <StatusBadge>未核验</StatusBadge>}
               </div>
               <ul className="mt-2 space-y-1.5">
                 {a.locations.map((l) => (
                   <li key={l.id} className="min-w-0">
                     <div className="flex flex-wrap items-center gap-1.5">
-                      <Chip>{LOCATION_KIND[l.locationKind] ?? l.locationKind}</Chip>
-                      {l.isPrimary ? <Chip>主位置</Chip> : null}
-                      <Tone v={LOCATION_STATUS[l.status]} />
+                      {l.locationKind !== "library" ? (
+                        <Chip>{LOCATION_KIND[l.locationKind] ?? l.locationKind}</Chip>
+                      ) : null}
+                      {l.status !== "available" ? <Tone v={LOCATION_STATUS[l.status]} /> : null}
                       {l.libraryRootId ? (
                         <span className="text-meta text-muted-foreground">
                           {rootOf(l.libraryRootId)?.name ?? "媒体库目录"}
@@ -192,6 +191,8 @@ function PathsPanel({ detail }: { detail: LibraryDetail }) {
   );
 }
 
+const PROVIDER_LABEL: Record<string, string> = { tmdb: "TMDB", tvdb: "TVDB", imdb: "IMDb", douban: "豆瓣" };
+
 // ── 外部身份映射 ──
 function IdentityPanel({ detail }: { detail: LibraryDetail }) {
   const [open, setOpen] = useState(false);
@@ -199,8 +200,7 @@ function IdentityPanel({ detail }: { detail: LibraryDetail }) {
   const candidates = detail.identities.filter((i) => i.status === "proposed" || i.status === "conflicted");
   return (
     <Panel
-      title="外部身份"
-      description="以本地 ID 为准，外部身份可修改"
+      title="匹配的 TMDB 条目"
       actions={
         <Button variant="outline" size="sm" onClick={() => setOpen(true)}>
           <PencilLine />
@@ -240,10 +240,13 @@ function IdentityRow({ i }: { i: ExternalIdentity }) {
   return (
     <li className="rounded-lg border border-border/70 px-3 py-2">
       <div className="flex flex-wrap items-center gap-2">
-        <span className="font-mono text-caption break-all text-foreground">
-          {i.provider}:{i.entityType}:{i.externalId}
+        <span
+          className="text-caption break-all text-foreground"
+          title={`${i.provider}:${i.entityType}:${i.externalId}`}
+        >
+          {PROVIDER_LABEL[i.provider] ?? i.provider} {i.externalId}
         </span>
-        <Tone v={IDENTITY_STATUS[i.status]} />
+        {i.status !== "accepted" ? <Tone v={IDENTITY_STATUS[i.status]} /> : null}
         {i.locked ? (
           <StatusBadge>
             <Lock className="h-3 w-3" />
@@ -251,9 +254,12 @@ function IdentityRow({ i }: { i: ExternalIdentity }) {
           </StatusBadge>
         ) : null}
       </div>
-      <p className="mt-1 text-meta text-muted-foreground">
-        证据 {evidenceLabel(i.evidenceLevel)} · {VERIFY_STATUS[i.verifyStatus]?.label ?? i.verifyStatus}
-        {i.verifiedAt ? `(${relTime(i.verifiedAt)})` : ""} · r{i.revision}
+      <p
+        className="mt-1 text-meta text-muted-foreground"
+        title={`证据 ${evidenceLabel(i.evidenceLevel)} · ${VERIFY_STATUS[i.verifyStatus]?.label ?? i.verifyStatus} · r${i.revision}`}
+      >
+        {i.locked || i.evidenceLevel === "manual" ? "你确认的" : "自动匹配"}
+        {i.verifiedAt ? ` · ${relTime(i.verifiedAt)}` : ""}
       </p>
       {reason ? <p className="mt-0.5 text-meta break-words text-muted-foreground">{reason}</p> : null}
     </li>
@@ -360,29 +366,44 @@ function MetadataPanel({ detail, entity }: { detail: LibraryDetail; entity: Medi
     .filter((x) => x.final || !ENRICH_ONLY_FIELDS.has(x.field));
   const candidatesOf = (f: string) => (entity?.metadataFields ?? []).filter((m) => m.field === f);
   const current = editing ? finals.find((x) => x.field === editing)?.final?.value : undefined;
+  const prefs = useUiPrefs();
+  const [showSources, setShowSources] = useState(prefs.techInfoExpanded);
+  const [allAliases, setAllAliases] = useState(false);
+  // 别名:默认只列中英文与手动加的,其余折成 +N
+  const aliases = entity?.aliases ?? [];
+  const keyAliases = aliases.filter(
+    (a) => a.locked || !a.language || /^(zh|en|cn)/i.test(a.language) || /[\p{Script=Han}]/u.test(a.alias),
+  );
+  const shownAliases = allAliases ? aliases : keyAliases.slice(0, 12);
+  const moreAliases = aliases.length - shownAliases.length;
 
   return (
     <Panel
-      title="字段来源与锁"
-      description={`锁定的字段刷新时不变 · 最近刷新 ${formatDateTime(detail.entity.lastMetadataRefreshAt)}`}
+      title="元数据"
+      description={`更新于 ${formatDateTime(detail.entity.lastMetadataRefreshAt)}`}
       actions={
-        <Button
-          variant="outline"
-          size="sm"
-          disabled={refresh.isPending}
-          onClick={() =>
-            refresh.mutate(
-              { full: true },
-              {
-                onSuccess: () => toast.success("已提交刷新，含全部季的每集信息"),
-                onError: (err) => toast.error(errorMessage(err, "刷新失败")),
-              },
-            )
-          }
-        >
-          <RefreshCw className={refresh.isPending ? "animate-spin" : undefined} />
-          刷新元数据
-        </Button>
+        <>
+          <Button variant="ghost" size="sm" aria-pressed={showSources} onClick={() => setShowSources((v) => !v)}>
+            {showSources ? "隐藏来源" : "显示来源"}
+          </Button>
+          <Button
+            variant="outline"
+            size="sm"
+            disabled={refresh.isPending}
+            onClick={() =>
+              refresh.mutate(
+                { full: true },
+                {
+                  onSuccess: () => toast.success("已提交刷新，含全部季的每集信息"),
+                  onError: (err) => toast.error(errorMessage(err, "刷新失败")),
+                },
+              )
+            }
+          >
+            <RefreshCw className={refresh.isPending ? "animate-spin" : undefined} />
+            刷新元数据
+          </Button>
+        </>
       }
     >
       <ul className="divide-y divide-border/60">
@@ -395,14 +416,14 @@ function MetadataPanel({ detail, entity }: { detail: LibraryDetail; entity: Medi
                 <p className="line-clamp-4 text-sm break-words text-foreground">
                   {final ? fieldText(field, final.value) : <span className="text-muted-foreground">未提供</span>}
                 </p>
-                {final ? (
+                {final && showSources ? (
                   <p className="text-meta text-muted-foreground">
                     来源 {METADATA_SOURCE[final.source] ?? final.source}
                     {final.language ? ` · ${final.language}` : ""} · {relTime(final.at)}
                   </p>
                 ) : null}
-                {final ? <EvidenceLine field={cands.find((c) => c.source === final.source)} /> : null}
-                {cands.length ? (
+                {final && showSources ? <EvidenceLine field={cands.find((c) => c.source === final.source)} /> : null}
+                {cands.length && showSources ? (
                   <p className="mt-0.5 text-meta break-words text-muted-foreground">
                     候选：
                     {cands
@@ -456,15 +477,20 @@ function MetadataPanel({ detail, entity }: { detail: LibraryDetail; entity: Medi
       </ul>
       {entity?.aliases.length ? (
         <div className="mt-3 border-t border-border/60 pt-3">
-          <p className="mb-1.5 text-meta text-muted-foreground">别名（用于模糊召回）</p>
+          <p className="mb-1.5 text-meta text-muted-foreground">别名</p>
           <ChipList
-            items={entity.aliases.map((a) => (
+            items={shownAliases.map((a) => (
               <span key={a.id}>
                 {a.alias}
                 {a.locked ? <Lock className="ml-1 inline h-3 w-3" /> : null}
               </span>
             ))}
           />
+          {moreAliases > 0 || allAliases ? (
+            <Button variant="ghost" size="xs" className="mt-1" onClick={() => setAllAliases((v) => !v)}>
+              {allAliases ? "收起" : `还有 ${moreAliases} 个`}
+            </Button>
+          ) : null}
         </div>
       ) : null}
       <FieldLockDialog entityId={id} field={editing} current={current} onOpenChange={(o) => !o && setEditing(null)} />
@@ -542,7 +568,7 @@ function UnitsPanel({ entity, detail }: { entity: ReturnType<typeof useEntityDet
       cell: (u) => (
         <div className="flex flex-wrap gap-1">
           {u.status === "provisional" ? (
-            <StatusBadge tone="warning">临时单元</StatusBadge>
+            <StatusBadge tone="warning">编号待确认</StatusBadge>
           ) : u.status === "retired" ? (
             <StatusBadge>已退役</StatusBadge>
           ) : (
@@ -577,7 +603,7 @@ function UnitsPanel({ entity, detail }: { entity: ReturnType<typeof useEntityDet
       a.segment.localeCompare(b.segment),
   );
   return (
-    <Panel title="内容单元" description="临时单元按解析结果创建，确认或改编号后锁定" bodyClassName="p-0 sm:p-0">
+    <Panel title="季与集" bodyClassName="p-0 sm:p-0">
       <DataTable
         plain
         columns={columns}
@@ -587,8 +613,8 @@ function UnitsPanel({ entity, detail }: { entity: ReturnType<typeof useEntityDet
         error={entity.error}
         onRetry={() => entity.refetch()}
         empty={{
-          title: detail.entity.kind === "movie" ? "电影没有季和集" : "还没有内容单元",
-          description: detail.entity.kind === "movie" ? "电影按内容版本核对完整性。" : "识别到新集后会建临时单元。",
+          title: detail.entity.kind === "movie" ? "电影没有季和集" : "还没有季和集",
+          description: detail.entity.kind === "movie" ? undefined : "识别到新的一集后会出现在这里。",
         }}
       />
     </Panel>
@@ -1048,8 +1074,8 @@ export default function LibraryDetailPage() {
           </Button>
         ) : null}
         <EntityNamingButton entityId={e.id} kind={e.kind} />
-        <span className="font-mono text-meta break-all text-muted-foreground sm:ml-auto">{e.id}</span>
       </div>
+      <TechInfo className="-mt-3 mb-5" items={[{ label: "作品 ID", value: e.id, wide: true }]} />
 
       <div className="space-y-5">
         {credits.cast.length || credits.crew.length ? (