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

@@ -1,4 +1,4 @@
-import { AuditAction, type AuditEvent } from "@umt/contracts";
+import { AuditAction, type AuditEvent, CAPABILITY_CATALOG, type KnownCapabilityId } from "@umt/contracts";
 import { X } from "lucide-react";
 import { useEffect, useState } from "react";
 import { useSearchParams } from "react-router";
@@ -40,7 +40,8 @@ const ACTION_LABEL: Record<string, string> = {
   "schedule.skip": "跳过定时任务",
   "acquisition_plan.manual_submit": "手动提交下载计划",
   "engine.run_retry": "重跑任务",
-  "capability.invoke": "智能体调用能力",
+  "capability.invoke": "智能体操作",
+  "capability.denied": "智能体操作被拒绝",
   "site.created": "登记站点",
   "site.updated": "修改站点",
   "feed_source.created": "新建 RSS",
@@ -64,6 +65,29 @@ const NOUN: Record<string, string> = {
   schedule: "定时任务",
   automation_grant: "持续授权",
 };
+const TARGET_LABEL: Record<string, string> = {
+  ...NOUN,
+  admin_user: "管理员",
+  api_key: "API Key",
+  settings: "设置",
+  secret: "凭证",
+  site: "站点",
+  site_account: "站点账号",
+  feed_source: "RSS",
+  engine_run: "任务",
+  acquisition_plan: "下载计划",
+  download_task: "下载任务",
+  media_entity: "作品",
+  source_release: "资源",
+  organization_record: "整理记录",
+  file: "文件",
+  capability: "能力",
+};
+/** 对象列:能力显示中文名,其余显示对象类型;ID 只在详情里 */
+function targetText(type: string, id: string | null): string {
+  if (type === "capability" && id) return CAPABILITY_CATALOG[id as KnownCapabilityId]?.title ?? id;
+  return TARGET_LABEL[type] ?? type;
+}
 function actionLabel(a: string): string {
   if (ACTION_LABEL[a]) return ACTION_LABEL[a];
   const [noun, verb] = a.split(".");
@@ -132,7 +156,7 @@ export default function AuditPage() {
 
   return (
     <>
-      <PageHeader title="审计" description="登录、设置、密钥与实例变更，新的在前。不记录凭证内容。" />
+      <PageHeader title="审计" />
       <FilterBar
         search={{ value: target, onChange: setTarget, placeholder: "对象类型，如 downloader_instance" }}
         onReset={
@@ -188,7 +212,6 @@ export default function AuditPage() {
             cell: (r) => (
               <div className="min-w-0">
                 <p className="font-medium">{actionLabel(r.action)}</p>
-                <p className="font-mono text-meta text-muted-foreground">{r.action}</p>
               </div>
             ),
           },
@@ -199,10 +222,9 @@ export default function AuditPage() {
             hideBelow: "md",
             cell: (r) =>
               r.targetType ? (
-                <div className="min-w-0 max-w-[18rem]">
-                  <p className="truncate">{r.targetType}</p>
-                  <p className="truncate font-mono text-meta text-muted-foreground">{r.targetId}</p>
-                </div>
+                <p className="min-w-0 max-w-[18rem] truncate" title={`${r.targetType} · ${r.targetId ?? ""}`}>
+                  {targetText(r.targetType, r.targetId)}
+                </p>
               ) : (
                 "—"
               ),

apps/web/app/routes/console/downloads.plans.tsx

@@ -78,7 +78,7 @@ export default function DownloadPlansPage() {
 
   return (
     <>
-      <PageHeader title="下载面板" description="候选被选中后生成计划，同时预留收录版本、空间与预算。" />
+      <PageHeader title="下载面板" />
       <DownloadsTabs />
       <FilterBar onReset={f.active ? f.reset : undefined}>
         <FilterSelect

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

@@ -91,7 +91,6 @@ export default function DownloadsPage() {
     <>
       <PageHeader
         title="下载面板"
-        description="阈值暂停不能手动绕过；无进展只记录，不自动换源。"
         actions={
           <Button variant="outline" size="sm" onClick={() => void qc.invalidateQueries({ queryKey: ["downloads"] })}>
             <RefreshCw className={downloads.isFetching ? "animate-spin" : undefined} />

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

@@ -695,7 +695,7 @@ export default function FilesPage() {
       key: "scrape",
       label: "刷新元数据",
       icon: RefreshCw,
-      disabled: selected.every((e) => e.asset) ? null : "只对已登记项",
+      disabled: selected.every((e) => e.asset) ? null : "只对已入库的文件",
       onSelect: () => act("scrape", selected),
     });
     items.push({ key: "copyPath", label: "复制路径", icon: ClipboardCopy, onSelect: () => void copyPaths(selected) });

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

@@ -98,7 +98,7 @@ function entityOf(d: Decision): string | null {
 
 const IMPACT_KEY: Record<string, string> = {
   slots: "收录版本",
-  units: "内容单元",
+  units: "季与集",
   files: "文件",
   releases: "资源",
   tasks: "任务",

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 ? (

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

@@ -16,7 +16,7 @@ import { CoverPlaceholder, relTime, Tone } from "~/components/library/parts.tsx"
 import { Button } from "~/components/ui/button.tsx";
 import { Tabs, TabsList, TabsTrigger } from "~/components/ui/tabs.tsx";
 
-export const meta = () => [{ title: "媒体概览 · UHD 媒体自动化控制台" }];
+export const meta = () => [{ title: "媒体库 · UHD 媒体自动化控制台" }];
 
 const FILTERS: { value: NonNullable<LibraryListQuery["filter"]>; label: string }[] = [
   { value: "gap", label: "有缺口" },
@@ -61,8 +61,7 @@ export default function LibraryPage() {
   return (
     <>
       <PageHeader
-        title="媒体概览"
-        description="本地账本：作品、收录版本、资产与外部身份。自动匹配不覆盖人工锁定的外部身份。"
+        title="媒体库"
         actions={
           view === "unidentified" ? (
             <Button asChild variant="outline" size="sm">

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

@@ -72,12 +72,11 @@ export default function RulesPage() {
     <>
       <PageHeader
         title="规则"
-        description="规则组决定哪些资源能下载、同一作品优先挑哪个。收录策略决定哪些新作品自动收录。"
         actions={
           tab === "policies" ? (
             <Button onClick={() => setCreatingPolicy(true)}>
               <FilePlus2 />
-              新建策略草案
+              新建
             </Button>
           ) : (
             <Button onClick={create}>
@@ -104,9 +103,9 @@ export default function RulesPage() {
         <TabsList aria-label="规则分节">
           <TabsTrigger value="groups">规则组</TabsTrigger>
           <TabsTrigger value="atoms">自定义条件</TabsTrigger>
-          <TabsTrigger value="defaults">默认值</TabsTrigger>
-          <TabsTrigger value="policies">收录策略</TabsTrigger>
-          <TabsTrigger value="suppressions">抑制记录</TabsTrigger>
+          <TabsTrigger value="defaults">默认规则</TabsTrigger>
+          <TabsTrigger value="policies">自动收新作品</TabsTrigger>
+          <TabsTrigger value="suppressions">已忽略</TabsTrigger>
         </TabsList>
 
         <TabsContent value="groups">

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

@@ -44,7 +44,7 @@ export default function SearchPage() {
 
   return (
     <>
-      <PageHeader title="搜索" description="先看作品和库内状态，需要时再到站点搜资源。" />
+      <PageHeader title="搜索" />
       <form onSubmit={submit} className="mb-6 flex gap-2">
         <div className="relative min-w-0 flex-1 sm:max-w-xl">
           <Search className="pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground" />

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

@@ -100,7 +100,6 @@ export default function SitesPage() {
     <>
       <PageHeader
         title="站点"
-        description="凭证、账号数据和健康状态；点站点名看资源、抓取与 RSS"
         actions={
           <>
             <Button variant="outline" size="sm" onClick={() => void sites.refetch()} disabled={sites.isFetching}>

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

@@ -84,7 +84,6 @@ export default function SourcesPage() {
     <>
       <PageHeader
         title="RSS"
-        description="单个站点的抓取、RSS 和账号在站点页管理。"
         actions={
           <Button size="sm" onClick={() => setCreating(true)}>
             <Plus />

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

@@ -21,6 +21,7 @@ import { ErrorState, LoadingState } from "~/components/console/empty-state.tsx";
 import { KvList } from "~/components/console/kv-list.tsx";
 import { PageHeader } from "~/components/console/page-header.tsx";
 import { StatusBadge, type StatusTone } from "~/components/console/status-badge.tsx";
+import { TechInfo } from "~/components/console/tech-info.tsx";
 import { HistoryChart } from "~/components/status/history-chart.tsx";
 import { StorageSection } from "~/components/status/storage-section.tsx";
 import { Button } from "~/components/ui/button.tsx";
@@ -465,7 +466,6 @@ export default function StatusPage() {
     <>
       <PageHeader
         title="运行状态"
-        description="进程心跳、数据库、磁盘、挂载根与存储。15 秒刷新一次。"
         actions={
           <Button
             variant="outline"
@@ -485,16 +485,6 @@ export default function StatusPage() {
       ) : d ? (
         <div className="space-y-4">
           <Banner d={d} />
-          <section className="min-w-0">
-            <h2 className="mb-2 flex items-center gap-2 text-body font-semibold text-foreground">
-              <Cpu className="h-4 w-4 text-muted-foreground" />
-              进程
-              <span className="text-meta font-normal text-muted-foreground">SSE 连接合计 {d.sse.connections}</span>
-            </h2>
-            <Processes d={d} />
-            <RetiredProcesses rows={d.retiredProcesses} />
-          </section>
-          <History />
           <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
             <Card title="数据库" icon={Database} level={d.db.level}>
               {d.db.error ? <p className="mb-2 text-caption text-destructive">{d.db.error}</p> : null}
@@ -578,6 +568,18 @@ export default function StatusPage() {
             <Mounts d={d} />
           </div>
           <StorageSection health={d} />
+          <TechInfo title="进程与趋势" columns={1}>
+            <section className="min-w-0">
+              <h2 className="mb-2 flex items-center gap-2 text-body font-semibold text-foreground">
+                <Cpu className="h-4 w-4 text-muted-foreground" />
+                进程
+                <span className="text-meta font-normal text-muted-foreground">SSE 连接合计 {d.sse.connections}</span>
+              </h2>
+              <Processes d={d} />
+              <RetiredProcesses rows={d.retiredProcesses} />
+            </section>
+            <History />
+          </TechInfo>
         </div>
       ) : null}
     </>