dsh-recency-guard 0.10.0 → 0.11.0

package/README.md

@@ -65,6 +65,37 @@
 
 当某个插件把 DSH 拖垮时，本插件会在崩溃的那一刻记录下"谁最可疑"，并在**下一次启动时、在崩溃插件的代码被加载之前**把它挡在门外。反复崩溃时，关闭的插件会逐个增加（第 1 次关最近更新的 1 个，仍崩溃则关最近更新的 2 个）。稳定之后，除首要嫌疑外，其余被关闭的配置会自动恢复。
 
+## v0.11 新增（数据面安全 + 图谱图例一致性 + 马尔可夫去向可见 + 市场准备）
+
+- **动作路由方法守卫（P0 安全修复）**：`/action/archive|reenable|restore|recover`
+  此前不检查 HTTP 方法 —— `GET /recency-guard/api/action/archive` 也会执行归档重置
+  （浏览器预取/爬虫/误点链接都可能触发）。现在非 POST 一律 405 + `allow: POST`。
+- **`?partition=` 真正生效（P0）**：客户端一直拼分区查询参数，但数据面此前从不读它
+  —— 跨分区查看永远静默返回当前分区。现在快照路由在宿主侧实现分区感知：
+  请求其它分区返回**只读磁盘投影**（状态/日志/决策/备份），运行时字段如实标注
+  归属，未知分区返回 `available:false`（绝不假绿）。
+- **面板动作面补齐**：新增 `/action/restore` 路由 + 面板「恢复非嫌疑插件」按钮
+  （工具早有此动作，路由此前缺失）；暂停轮询时 footer 显示「数据已停留 N 分钟」。
+- **图谱图例一致性（P0）**：图例颜色此前固定语义色调色板，切到「按类型」口径时
+  与节点实际颜色不一致；现在图例色**跟随当前着色口径**（legendColorOf），并直接
+  绘制节点形状（形状=第二编码通道，图例不展示它就只对知道映射的人可读）。
+- **搜索循环跳转**：多匹配时回车依次遍历（第 n/m 指示可见），不再永远停在第一个；
+  「重置」按钮现在同时清掉拖拽偏移（此前节点拖飞后只能刷新页面）。
+- **马尔可夫跨阶段去向（P0）**：矩阵卡此前只渲染自环概率条 —— `monitoring → 崩溃
+  40%` 这类核心去向分布（README 宣称的）在界面上根本看不到。现在每行带 top-2
+  跨阶段去向徽标。
+- **事件流展开**：默认 12 条 + 「展开其余 N 条」显式计数（与嫌疑排名同款纪律，
+  数据层给全量、显示层管截断）。
+- **测试盲区补齐**：新增 `tests/client/graph-model.test.ts`（过滤共源/布局确定性/
+  图例同源/平行边曲率）与 `tests/host/routes.test.ts`（方法守卫/partition/参数
+  校验/请假语义）—— 文件头「已由测试钉死」的注释如今成真。13/13 全绿。
+- **参考插件取长补短**：系统研究 dsh-ops（输出 notice 三要素）、dsh-compat-guardian
+  （reconcile 自愈/原子写/乐观锁）、dsh-context（工作预算/资源自适应）、
+  dsh-cookie-guard（独立救援 CLI）后按审计清单采纳落地；研究报告见
+  `.cycles/cycles/cycle-6/参考插件研究报告.md`。
+- **插件市场准备**：仓库 topics（dsh-plugin 等）补齐、256px 图标、screenshots.json
+  声明、投稿 YAML 按 awesome-dsh-plugin contributing.md 形态定稿。
+
 ## v0.7 新增（崩溃级修复 + 可交互图谱 + 可观测性白盒化）
 
 **先说最要紧的一条：v0.6 会把 profile 写崩。**
@@ -267,6 +298,10 @@ npm 发布后市场索引会自动携带 npm 版本；GitHub-only 期间用上
     includeExperimental: true  # 是否把 experimental/beta 命名的包算作嫌疑
     maxAutoDisable: 2          # 单次恢复最多关闭几个嫌疑插件
     autoRestore: true          # 稳定后自动恢复非首要嫌疑的配置
+    confirmRounds: 2           # 概率性证据的行动阈值（唯一嫌疑不受限）
+    versionedBackups: true     # 插件更新时写带版本的时间线备份
+    backupRetain: 5            # 每插件保留几份时间线备份
+    backupRoot: ''             # 备份自定义目录（留空=profile 内分区目录）
 ```
 
 | 配置 | 默认 | 说明 |
@@ -275,6 +310,10 @@ npm 发布后市场索引会自动携带 npm 版本；GitHub-only 期间用上
 | `includeExperimental` | `true` | 实验性/beta 命名的包是否算嫌疑 |
 | `maxAutoDisable` | `2` | 单次恢复最多关闭几个。崩溃次数递增，但封顶于此值 |
 | `autoRestore` | `true` | 稳定启动后自动重新启用非首要嫌疑 |
+| `confirmRounds` | `2` | 多嫌疑时同一头号嫌疑连续 N 轮崩溃才自动关闭（唯一嫌疑第 1 轮即行动） |
+| `versionedBackups` | `true` | 插件更新时写「带版本的时间线备份」，可逐版对账 |
+| `backupRetain` | `5` | 每个插件保留的备份份数（超出删最旧） |
+| `backupRoot` | `''` | 备份自定义目录；环境变量 `RECENCY_GUARD_BACKUP_ROOT` 优先 |
 
 ---
 
@@ -305,12 +344,18 @@ npm 发布后市场索引会自动携带 npm 版本；GitHub-only 期间用上
 
 ```
 <profile>/.recency-guard/
-├── journal.jsonl        # 只追加的事件日志：install / update / crash-detected / disable / restore …
-├── snapshot.json        # 上次观测到的 { 插件名: 版本 }，用于识别更新
-├── state.json           # 崩溃计数、被自动关闭的插件、已恢复的插件
-├── decision.json        # 本轮要拦截的插件（守护行的表达式读它）
-├── crashed              # 崩溃哨兵：非零退出码时写下
-└── backups/             # 关闭前备份的配置
+├── current.json          # 指针文件：当前分区键（守护行的 disabled 表达式经它搭桥）
+├── partitions.json       # 分区索引：项目 → 分区键（多项目隔离的登记处）
+├── projects/<分区键>/    # 每个项目的分区目录（状态/日志/决策完全独立）
+│   ├── journal.jsonl     # 只追加的事件日志：install / update / crash-detected / disable / restore …
+│   ├── snapshot.json     # 上次观测到的 { 插件名: 版本 }，用于识别更新
+│   ├── state.json        # 崩溃计数、被自动关闭的插件、已恢复的插件
+│   ├── decision.json     # 本轮要拦截的插件（守护行的表达式读它）
+│   ├── crashed           # 崩溃哨兵：非零退出码时写下
+│   ├── observation-*.json # 观测快照（启动事实，量化指标的数据源）
+│   ├── archive/          # 本分区的历史归档（搬走+留档）
+│   └── backups/          # 关闭前备份的配置（versionedBackups 时带版本）
+└── …
 ```
 
 ---
@@ -349,9 +394,9 @@ npm 发布后市场索引会自动携带 npm 版本；GitHub-only 期间用上
 
 ```bash
 npm install
-npm run build        # esbuild 打包到 lib/
+npm run build        # esbuild 双产物：dist/index.js（宿主）+ dist/client.js（客户端）
 npm run typecheck    # tsc --noEmit
-npm test             # 单元测试 + 工具行为测试
+npm test             # 分层测试（Core/Host/Client/Contract）
 ```
 
 工具行为测试需要 DSH 运行时包（harness 由应用提供，不在 profile 的 node_modules 中）：

package/dist/client.js

@@ -56,7 +56,9 @@ var zh_default = {
     emptyHint: "\u5B88\u62A4\u63D2\u4EF6\u5C1A\u672A\u8BB0\u5F55\u4EFB\u4F55\u542F\u52A8\u4E8B\u5B9E\u3002",
     snapshotAt: "\u5FEB\u7167\u65F6\u523B {time}",
     pollingOn: "\u6BCF {seconds} \u79D2\u8F6E\u8BE2",
-    pollingPaused: "\u8F6E\u8BE2\u5DF2\u6682\u505C\uFF08\u753B\u9762\u505C\u5728\u6682\u505C\u65F6\u523B\uFF09"
+    pollingPaused: "\u8F6E\u8BE2\u5DF2\u6682\u505C\uFF08\u753B\u9762\u505C\u5728\u6682\u505C\u65F6\u523B\uFF09",
+    restore: "\u6062\u590D\u975E\u5ACC\u7591\u63D2\u4EF6",
+    stale: "\u6570\u636E\u5DF2\u505C\u7559 {minutes} \u5206\u949F\uFF08\u8F6E\u8BE2\u5DF2\u6682\u505C\uFF09"
   },
   sections: {
     backupPolicy: "\u5907\u4EFD\u7B56\u7565",
@@ -267,11 +269,13 @@ var zh_default = {
       metric: "\u6307\u6807",
       bundle: "\u63D2\u4EF6",
       gap: "\u7F3A\u53E3"
-    }
+    },
+    matchIndex: "\u7B2C {index}/{total} \u4E2A"
   },
   events: {
     title: "\u4E8B\u4EF6\u6D41",
-    count: "\u6700\u8FD1 {count} \u6761"
+    count: "\u6700\u8FD1 {count} \u6761",
+    more: "\u5C55\u5F00\u5176\u4F59 {count} \u6761"
   },
   partitions: {
     title: "\u9879\u76EE\u5206\u533A",
@@ -328,7 +332,9 @@ var en_default = {
     emptyHint: "The guard has not recorded any startup facts yet.",
     snapshotAt: "Snapshot at {time}",
     pollingOn: "polling every {seconds}s",
-    pollingPaused: "polling paused (the view is frozen at the pause moment)"
+    pollingPaused: "polling paused (the view is frozen at the pause moment)",
+    restore: "Restore non-suspects",
+    stale: "Data is {minutes} min old (polling paused)"
   },
   sections: {
     backupPolicy: "Backup policy",
@@ -539,11 +545,13 @@ var en_default = {
       metric: "Metric",
       bundle: "Bundle",
       gap: "Gap"
-    }
+    },
+    matchIndex: "Match {index}/{total}"
   },
   events: {
     title: "Event stream",
-    count: "last {count}"
+    count: "last {count}",
+    more: "Show {count} more"
   },
   partitions: {
     title: "Project partitions",
@@ -967,6 +975,33 @@ function kindCounts(nodes) {
   for (const node of nodes) counts[node.kind] = (counts[node.kind] ?? 0) + 1;
   return counts;
 }
+function legendColorOf(kind, mode) {
+  if (mode === "kind") return KIND_COLOR[kind];
+  return TONE_COLOR[LEGEND_TONE[kind]];
+}
+var LEGEND_TONE = {
+  capability: "info",
+  stage: "neutral",
+  metric: "warn",
+  bundle: "neutral",
+  gap: "error"
+};
+function legendShapeOf(kind, nodes) {
+  const tally = /* @__PURE__ */ new Map();
+  for (const node of nodes) {
+    if (node.kind !== kind) continue;
+    tally.set(node.shape, (tally.get(node.shape) ?? 0) + 1);
+  }
+  let best = null;
+  let bestCount = 0;
+  for (const [shape, count] of tally) {
+    if (count > bestCount) {
+      best = shape;
+      bestCount = count;
+    }
+  }
+  return best ?? "circle";
+}
 var RADIAL_GAP = 28;
 var RADIAL_RING_GAP = NODE_HEIGHT + 40;
 function radialPositions(nodes) {
@@ -1065,17 +1100,30 @@ function GraphToolbar(props) {
           placeholder: t("graph.search"),
           onChange: (event) => props.onQuery(event.target.value),
           onKeyDown: (event) => {
-            if (event.key === "Enter" && props.matches.length > 0) props.onLocate(props.matches[0].id);
+            if (event.key === "Enter" && props.matches.length > 0) {
+              event.preventDefault?.();
+              props.onMatchNext();
+            }
             if (event.key === "Escape") props.onQuery("");
             event.stopPropagation();
           },
-          "aria-label": t("graph.search")
+          "aria-label": t("graph.search"),
+          "aria-keyshortcuts": "Enter"
         }
       ),
-      props.query.trim() !== "" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "rg-search-results", role: "listbox", "aria-label": t("graph.searchResults"), children: props.matches.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "rg-search-noresult", children: t("graph.noResults") }) : props.matches.map((node) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", onClick: () => props.onLocate(node.id), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `rg-dot rg-dot-${node.tone}`, "aria-hidden": true }),
-        node.label
-      ] }) }, node.id)) })
+      props.query.trim() !== "" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "rg-search-results", role: "listbox", "aria-label": t("graph.searchResults"), children: props.matches.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "rg-search-noresult", children: t("graph.noResults") }) : props.matches.map((node, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "button",
+        {
+          type: "button",
+          onClick: () => props.onLocate(node.id),
+          "aria-current": index === props.matchIndex,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `rg-dot rg-dot-${node.tone}`, "aria-hidden": true }),
+            node.label
+          ]
+        }
+      ) }, node.id)) }),
+      props.query.trim() !== "" && props.matches.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rg-search-index", role: "status", children: t("graph.matchIndex", { index: props.matchIndex + 1, total: props.matches.length }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Segmented,
@@ -1127,7 +1175,7 @@ function GraphToolbar(props) {
         "aria-pressed": !props.hidden.has(kind),
         title: t("graph.legendToggle", { kind: t(kindKey(kind)) }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `rg-dot rg-dot-${dotToneOf(kind)}`, "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "rg-legend-shape", viewBox: "-8 -8 16 16", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: shapePath(legendShapeOf(kind, props.allNodes), 7, 0), fill: legendColorOf(kind, props.colorMode) }) }),
           t(kindKey(kind)),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rg-legend-count", children: props.counts[kind] ?? 0 })
         ]
@@ -1136,21 +1184,6 @@ function GraphToolbar(props) {
     )) })
   ] });
 }
-function dotToneOf(kind) {
-  switch (kind) {
-    case "capability":
-      return "info";
-    case "stage":
-      return "neutral";
-    case "metric":
-      return "warn";
-    case "bundle":
-      return "neutral";
-    case "gap":
-    default:
-      return "error";
-  }
-}
 function Segmented({
   label,
   options,
@@ -1242,6 +1275,7 @@ function GuardGraph({ graph, height = VIEWPORT_HEIGHT_WIDE, focusId, onFocusChan
   const [hidden, setHidden] = (0, import_react.useState)(/* @__PURE__ */ new Set());
   const [size, setSize] = (0, import_react.useState)({ width: 0, height });
   const [query, setQuery] = (0, import_react.useState)("");
+  const [matchIndex, setMatchIndex] = (0, import_react.useState)(0);
   const [layoutMode, setLayoutMode] = (0, import_react.useState)("layered");
   const [colorMode, setColorMode] = (0, import_react.useState)("tone");
   const [onlyConnected, setOnlyConnected] = (0, import_react.useState)(false);
@@ -1419,9 +1453,13 @@ function GuardGraph({ graph, height = VIEWPORT_HEIGHT_WIDE, focusId, onFocusChan
       apply2(centerOn(viewport, size, centreOfNode(node)));
       onFocusChange(nodeId);
       setQuery("");
+      setMatchIndex(0);
     },
     [apply2, viewport, size, positionedById, centreOfNode, onFocusChange]
   );
+  (0, import_react.useEffect)(() => {
+    setMatchIndex(0);
+  }, [query]);
   (0, import_react.useEffect)(() => {
     if (locateRequest === null) return;
     if (locateRequest.nonce === lastLocateNonceRef.current) return;
@@ -1461,6 +1499,15 @@ function GuardGraph({ graph, height = VIEWPORT_HEIGHT_WIDE, focusId, onFocusChan
     return traceFrom(focusId, visibleEdges, "both");
   }, [focusId, visibleEdges]);
   const matches = (0, import_react.useMemo)(() => matchNodes(visibleNodes, query), [visibleNodes, query]);
+  const locateMatchNext = (0, import_react.useCallback)(() => {
+    if (matches.length === 0) return;
+    const next = (matchIndex + 1) % matches.length;
+    setMatchIndex(next);
+    const node = matches[next];
+    if (!node) return;
+    apply2(centerOn(viewport, size, centreOfNode(node)));
+    onFocusChange(node.id);
+  }, [matches, matchIndex, apply2, viewport, size, centreOfNode, onFocusChange]);
   const matchIds = (0, import_react.useMemo)(() => new Set(matches.map((node) => node.id)), [matches]);
   const focusNode = focusId === null ? void 0 : nodeById.get(focusId);
   const focusDegree = (0, import_react.useMemo)(() => focusId === null ? { in: 0, out: 0 } : degreeOf(focusId, visibleEdges), [focusId, visibleEdges]);
@@ -1503,14 +1550,18 @@ function GuardGraph({ graph, height = VIEWPORT_HEIGHT_WIDE, focusId, onFocusChan
           onFocusChange(null);
           setQuery("");
           setHoverId(null);
+          setOffsets({});
         },
-        canReset: focusId !== null || query !== "",
+        canReset: focusId !== null || query !== "" || Object.keys(offsets).length > 0,
         query,
         onQuery: setQuery,
         matches,
         onLocate: locateNode,
+        matchIndex,
+        onMatchNext: locateMatchNext,
         counts,
         hidden,
+        allNodes: visibleNodes,
         onToggleKind: (kind) => setHidden((current) => {
           const next = new Set(current);
           if (next.has(kind)) next.delete(kind);
@@ -1833,15 +1884,18 @@ function metricRows(snapshot) {
   );
   return rows;
 }
+var MARKOV_EXITS_LIMIT = 2;
 function markovView(snapshot) {
   const markov = snapshot.markov;
   const rows = markov.rows.map((row) => {
     const selfLoop = row.probabilities?.[row.stage];
+    const exits = row.probabilities === null ? null : Object.entries(row.probabilities).filter(([stage, p]) => stage !== row.stage && p > 0).sort((a, b) => b[1] - a[1] || a[0].localeCompare(b[0])).slice(0, MARKOV_EXITS_LIMIT).map(([stage, p]) => ({ stage, percent: Math.round(p * 100) }));
     return {
       stage: row.stage,
       label: row.label,
       selfLoop: typeof selfLoop === "number" ? selfLoop : null,
-      barPercent: typeof selfLoop === "number" ? Math.round(selfLoop * 100) : null
+      barPercent: typeof selfLoop === "number" ? Math.round(selfLoop * 100) : null,
+      exits: exits !== null && exits.length > 0 ? exits : null
     };
   });
   const stationary = markov.stationary === null ? [] : Object.entries(markov.stationary).map(([stage, share]) => ({ stage, share, percent: Math.round(share * 100) })).sort((a, b) => b.share - a.share || a.stage.localeCompare(b.stage));
@@ -2336,18 +2390,26 @@ function PartitionRow({
     !option.current && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "rg-button rg-button-small", onClick: () => onSelect(option.key), children: t("partitions.inspect") })
   ] });
 }
+var EVENTS_INITIAL = 12;
 function EventsBody({ events }) {
+  const [showAll, setShowAll] = (0, import_react2.useState)(false);
   if (events.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "rg-empty", children: t("panel.emptyHint") });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ol", { className: "rg-events", children: [...events].slice(-12).reverse().map((event, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { className: "rg-event", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("time", { className: "rg-event-time", title: event.t, children: formatClock(event.t) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `rg-badge rg-badge-${eventTone(event.kind, event.detail)}`, children: event.kind }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "rg-event-detail", title: event.detail ?? event.bundle ?? "", children: [
-      event.bundle !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: event.bundle }),
-      event.bundle !== void 0 && event.detail !== void 0 && " \xB7 ",
-      event.detail ?? ""
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "rg-event-ago", children: agoLabel(event.t) })
-  ] }, `${event.t}-${index}`)) });
+  const ordered = [...events].reverse();
+  const visible = showAll ? ordered : ordered.slice(0, EVENTS_INITIAL);
+  const omitted = ordered.length - visible.length;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ol", { className: "rg-events", children: visible.map((event, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { className: "rg-event", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("time", { className: "rg-event-time", title: event.t, children: formatClock(event.t) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `rg-badge rg-badge-${eventTone(event.kind, event.detail)}`, children: event.kind }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "rg-event-detail", title: event.detail ?? event.bundle ?? "", children: [
+        event.bundle !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: event.bundle }),
+        event.bundle !== void 0 && event.detail !== void 0 && " \xB7 ",
+        event.detail ?? ""
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "rg-event-ago", children: agoLabel(event.t) })
+    ] }, `${event.t}-${index}`)) }),
+    omitted > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "rg-link rg-risks-expand", onClick: () => setShowAll(true), children: t("events.more", { count: omitted }) })
+  ] });
 }
 function eventTone(kind, detail) {
   if (kind === "crash-detected") return "error";
@@ -2430,7 +2492,14 @@ function MarkovBody({ snapshot }) {
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "rg-markov", "aria-label": t("markov.title"), children: view.rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { className: "rg-markov-row", title: row.label, children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "rg-markov-stage", children: stageLabelOf(row.stage, row.stage) }),
       row.barPercent !== null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "rg-bar", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "rg-bar-fill", style: { width: `${row.barPercent}%` } }) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "rg-markov-nodata", children: t("metrics.undefined") }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "rg-markov-value", children: row.selfLoop !== null ? `${Math.round(row.selfLoop * 100)}%` : "\u2014" })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "rg-markov-value", children: row.selfLoop !== null ? `${Math.round(row.selfLoop * 100)}%` : "\u2014" }),
+      row.exits !== null && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "rg-markov-exits", children: row.exits.map((exit) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "rg-chip rg-chip-exit", title: row.label, children: [
+        "\u2192 ",
+        stageLabelOf(exit.stage, exit.stage),
+        " ",
+        exit.percent,
+        "%"
+      ] }, exit.stage)) })
     ] }, row.stage)) }),
     view.stationary.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "rg-markov-stationary", children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h4", { className: "rg-subhead", children: t("markov.stationary") }),
@@ -2592,6 +2661,16 @@ function GuardPanel(props) {
   }, [selectedNodeId, graph]);
   const unavailable = failure !== null && snapshot === null;
   const loading = snapshot === null;
+  const [nowTick, setNowTick] = (0, import_react3.useState)(() => Date.now());
+  (0, import_react3.useEffect)(() => {
+    if (polling) return;
+    const timer = setInterval(() => setNowTick(Date.now()), 6e4);
+    return () => clearInterval(timer);
+  }, [polling]);
+  const staleMinutes = (0, import_react3.useMemo)(() => {
+    if (polling || snapshot === null) return 0;
+    return Math.max(0, Math.round((nowTick - Date.parse(snapshot.at)) / 6e4));
+  }, [polling, snapshot, nowTick]);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "rg-panel", "data-form": form, "data-recency-guard-panel": "", ref: rootRef, "aria-busy": loading || busy, children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("header", { className: "rg-header", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "rg-header-main", children: [
@@ -2620,6 +2699,7 @@ function GuardPanel(props) {
         ),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "rg-button", onClick: () => void load(requestedKey), disabled: busy, children: t("panel.refresh") }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "rg-button", onClick: () => void runAction("recover"), disabled: busy, children: t("panel.recover") }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "rg-button", onClick: () => void runAction("restore"), disabled: busy, children: t("panel.restore") }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "button",
           {
@@ -2824,7 +2904,7 @@ function GuardPanel(props) {
       failure !== null && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "rg-error", role: "alert", children: failure }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("footer", { className: "rg-foot", children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: t("panel.snapshotAt", { time: snapshot.at.replace("T", " ").slice(0, 19) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: polling ? t("panel.pollingOn", { seconds: POLL_INTERVAL / 1e3 }) : t("panel.pollingPaused") })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: polling ? t("panel.pollingOn", { seconds: POLL_INTERVAL / 1e3 }) : t("panel.stale", { minutes: staleMinutes }) })
       ] })
     ] })
   ] });
@@ -3059,7 +3139,7 @@ function openPanel(ctx) {
 }
 
 // src/client/styles.css
-var styles_default = "/**\n * \u7BA1\u7406\u9762\u677F\u7684\u6837\u5F0F\u3002\n *\n * ## \u7EAA\u5F8B\n *\n * 1. **\u53EA\u7528\u4E3B\u9898\u53D8\u91CF**\uFF1A\u989C\u8272\u3001\u5706\u89D2\u3001\u5B57\u4F53\u5168\u90E8\u5F15\u7528 `--dsw-alias-*` / `--dsw-radius-*`\n *    / `--dsw-shadow-*` \u5BB6\u65CF\u3002\u5BBF\u4E3B\u91CD\u547D\u540D\u4E00\u4E2A\u53D8\u91CF\u65F6\u9762\u677F\u53EA\u662F\u53D8\u4E11\uFF0C\u4E0D\u4F1A\u5D29 \u2014\u2014\n *    \u56E0\u6B64\u6BCF\u4E2A var() \u90FD\u5E26\u4E00\u4E2A\u4FDD\u5B88\u7684\u515C\u5E95\u503C\u3002\n * 2. **\u4E24\u79CD\u5F62\u6001\u6309\u5BB9\u5668\u5BBD\u5EA6**\uFF1A`.rg-panel[data-form=\"narrow\"]` \u7531 JS \u6D4B\u51FA\u7684\n *    \u9762\u677F\u5BBD\u5EA6\u9A71\u52A8\uFF08\u9762\u677F\u53EF\u80FD\u6302\u5728\u88AB\u62D6\u7A84\u7684\u4FA7\u680F\u91CC\uFF0C\u5A92\u4F53\u67E5\u8BE2\u91CF\u7684\u662F\u7A97\u53E3\uFF0C\u4F1A\u7B54\u9519\uFF09\u3002\n * 3. **\u5C40\u90E8\u52A8\u6548\u4EE4\u724C**\uFF1A\u8FC7\u6E21\u65F6\u957F\u4E0E\u7F13\u52A8\u5B9A\u4E49\u5728 `.rg-panel` \u4E0A\u7684 `--rg-*`\uFF0C\n *    \u4E0D\u4F9D\u8D56\u672A\u7ECF\u9A8C\u8BC1\u7684\u5168\u5C40 `--ds-*`\uFF08\u751F\u6001\u63D2\u4EF6\u540C\u6837\u81EA\u6301\u8FD9\u5957\u4EE4\u724C\uFF09\u3002\n * 4. **\u4E0D\u5199\u6B7B\u5BB9\u5668\u5BBD\u5EA6**\uFF1A\u9762\u677F\u5360\u6EE1\u5BBF\u4E3B\u7ED9\u7684\u4E2D\u592E\u9762\u677F\u533A\u57DF\u3002\n * 5. **\u5BF9\u6BD4\u5EA6**\uFF1A\u6B63\u6587 `--dsw-alias-label-primary`\uFF0C\u6B21\u8981 `--dsw-alias-label-secondary`\uFF0C\n *    \u63D0\u793A `--dsw-alias-label-tertiary`\uFF08\u4EAE/\u6697\u4E3B\u9898\u90FD\u7531\u5BBF\u4E3B\u4FDD\u8BC1\u53EF\u8BFB\uFF09\u3002\n */\n\n.rg-panel {\n  /* \u5C40\u90E8\u4EE4\u724C\uFF1A\u63A7\u4EF6\u9AD8\u5EA6\u3001\u52A8\u6548\u3001\u95F4\u8DDD\u3002\u6539\u4E00\u5904\uFF0C\u6574\u5757\u9762\u677F\u8DDF\u7740\u4E00\u81F4\u3002 */\n  --rg-control-h: 28px;\n  --rg-motion-fast: 120ms;\n  --rg-motion-medium: 200ms;\n  --rg-ease: cubic-bezier(0.2, 0, 0, 1);\n  --rg-gap: 16px;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--rg-gap);\n  padding: 20px 24px 32px;\n  min-width: 0;\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-base);\n  font-family: var(--dsw-font-family);\n  font-size: var(--dsw-font-s-14, 14px);\n  line-height: var(--dsw-font-s-14-line-height, 22px);\n\n  /**\n   * \u9762\u677F\u5FC5\u987B**\u81EA\u5DF1**\u662F\u6EDA\u52A8\u5BB9\u5668\u3002\n   *\n   * \u4E3A\u4EC0\u4E48\u4E0D\u80FD\u6307\u671B\u5BBF\u4E3B\uFF1A\u5B9E\u6D4B\uFF08\u6C99\u7BB1 sb-rg-c5\uFF09\u5BBF\u4E3B\u69FD\u4F4D\u662F\u8FD9\u6837\u4E00\u4E32\n   *   .centerCol { overflow-y: hidden }        \u2190 \u7956\u5148\u628A\u6EA2\u51FA\u88C1\u6389\n   *   .mainPanel { height: 714px; overflow: visible }\n   *   .rg-panel  { height: 3965px }            \u2190 \u5185\u5BB9\u81EA\u7136\u9AD8\u5EA6\uFF0C\u8D85\u51FA\u540E\u76F4\u63A5\u88AB\u88C1\n   * \u6587\u6863\u672C\u8EAB\u4E0D\u6EDA\uFF08docScrollH == clientH == 714\uFF09\uFF0C\u56E0\u6B64**\u4E0B\u65B9\u6570\u636E\u9875\u6C38\u8FDC\u770B\u4E0D\u5230**\u3002\n   *\n   * \u4E09\u4E2A\u5C5E\u6027\u7F3A\u4E00\u4E0D\u53EF\uFF1A\n   * - `height: 100%` + `min-height: 0`\uFF1A\u6491\u6EE1\u5BBF\u4E3B\u7ED9\u7684\u786E\u5B9A\u9AD8\u5EA6\uFF0C\u4E14\u5141\u8BB8\u6536\u7F29\u5230\u53EF\u6EDA\u52A8\uFF1B\n   *   \u53EA\u5199 overflow \u800C\u4E0D\u9650\u5236\u9AD8\u5EA6\uFF0Cflex \u5B50\u9879\u4ECD\u4F1A\u6309\u5185\u5BB9\u6491\u5F00\uFF0C\u6EDA\u4E0D\u8D77\u6765\u3002\n   * - `overflow-y: auto`\uFF1A\u9762\u677F\u81EA\u5DF1\u6EDA\u3002\n   * - `overscroll-behavior: contain`\uFF1A\u6EDA\u5230\u5C3D\u5934\u4E0D\u628A\u6EDA\u52A8\u4F20\u7ED9\u5BBF\u4E3B\uFF0C\u5426\u5219\u4F1A\u628A\u6574\u9875/\u4FA7\u680F\n   *   \u5E26\u7740\u4E00\u8D77\u6EDA\uFF0C\u89C6\u89C9\u4E0A\u50CF\"\u9762\u677F\u5728\u4E71\u8DF3\"\u3002\n   */\n  height: 100%;\n  max-height: 100%;\n  min-height: 0;\n  overflow-y: auto;\n  overflow-x: hidden;\n  overscroll-behavior: contain;\n}\n\n/* \u7A84\u5F62\u6001\uFF08\u4FA7\u680F / \u5206\u5C4F\uFF09\uFF1A\u6536\u7D27\u8FB9\u8DDD\u4E0E\u95F4\u8DDD\uFF0C\u628A\u7EB5\u5411\u7A7A\u95F4\u8BA9\u7ED9\u5185\u5BB9\u3002 */\n.rg-panel[data-form='narrow'] {\n  --rg-gap: 12px;\n  padding: 14px 14px 24px;\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n/* ---------- \u5934\u90E8 ---------- */\n\n.rg-header {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.rg-header-main {\n  min-width: 0;\n  flex: 1 1 260px;\n}\n\n.rg-title {\n  margin: 0;\n  font-size: var(--dsw-font-l-20, 20px);\n  font-weight: var(--dsw-font-l-20-font-weight, 600);\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-panel[data-form='narrow'] .rg-title {\n  font-size: var(--dsw-font-m-18, 18px);\n}\n\n.rg-subtitle {\n  margin: 4px 0 0;\n  font-size: var(--dsw-font-xs-13, 13px);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n.rg-project-name {\n  font-weight: var(--dsw-font-xs-strong-13, 600);\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-partition-workspace-full {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 100%;\n  direction: ltr;\n}\n\n.rg-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n/* ---------- \u63A7\u4EF6 ---------- */\n\n.rg-button {\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  min-height: var(--rg-control-h);\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  border-radius: var(--dsw-radius-sm, 8px);\n  padding: 4px 12px;\n  font: inherit;\n  font-size: var(--dsw-font-xs-13, 13px);\n  cursor: pointer;\n  transition:\n    background var(--rg-motion-fast) var(--rg-ease),\n    border-color var(--rg-motion-fast) var(--rg-ease);\n}\n\n.rg-button:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-button:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n}\n\n.rg-button:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n\n.rg-button-small {\n  min-height: 24px;\n  padding: 2px 9px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-button-icon {\n  min-width: 28px;\n  padding: 2px 6px;\n  justify-content: center;\n  font-size: var(--dsw-font-s-14, 14px);\n  line-height: 1;\n}\n\n.rg-button-danger {\n  border-color: var(--dsw-alias-state-error-primary);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.rg-button-active {\n  border-color: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-brand-primary);\n}\n\n/* \u8F6E\u8BE2\u6682\u505C\u6001\u6309\u94AE\uFF08\u6682\u505C = \u9700\u8981\u88AB\u770B\u89C1\u7684\u72B6\u6001\uFF0C\u4E0D\u80FD\u53EA\u9760 aria-pressed\uFF09\u3002 */\n.rg-button-paused {\n  border-color: var(--dsw-alias-state-warn-primary);\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.rg-link {\n  appearance: none;\n  border: none;\n  background: none;\n  padding: 0 2px;\n  font: inherit;\n  font-size: inherit;\n  color: var(--dsw-alias-brand-primary);\n  cursor: pointer;\n  text-decoration: underline;\n}\n\n/* \u5206\u6BB5\u63A7\u4EF6\uFF08\u5E03\u5C40 / \u7740\u8272\u53E3\u5F84\uFF09\u3002 */\n.rg-segmented {\n  display: inline-flex;\n  align-items: stretch;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm, 8px);\n  overflow: hidden;\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n.rg-segment {\n  appearance: none;\n  border: none;\n  border-right: 1px solid var(--dsw-alias-border-l1);\n  background: none;\n  color: var(--dsw-alias-label-secondary);\n  padding: 3px 9px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  cursor: pointer;\n  transition: background var(--rg-motion-fast) var(--rg-ease);\n}\n\n.rg-segment:last-child {\n  border-right: none;\n}\n\n.rg-segment:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-segment[aria-pressed='true'] {\n  background: var(--dsw-alias-interactive-bg-active, var(--dsw-alias-bg-layer-2));\n  color: var(--dsw-alias-label-primary);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n}\n\n.rg-segment:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: -2px;\n}\n\n.rg-field {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  min-width: 0;\n}\n\n.rg-field-grow {\n  flex: 1 1 160px;\n}\n\n.rg-field-label {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-input,\n.rg-select {\n  min-height: var(--rg-control-h);\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  padding: 2px 8px;\n  font: inherit;\n  font-size: var(--dsw-font-xs-13, 13px);\n  max-width: 100%;\n}\n\n.rg-input:focus-visible,\n.rg-select:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* ---------- \u63D0\u793A\u6761 ---------- */\n\n.rg-notice {\n  margin: 0;\n  padding: 8px 10px;\n  border: 1px solid var(--dsw-alias-state-warn-primary);\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-error {\n  margin: 0;\n  padding: 10px 12px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  border: 1px solid var(--dsw-alias-state-error-primary);\n  color: var(--dsw-alias-state-error-primary);\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n.rg-empty {\n  margin: 0;\n  padding: 8px 0;\n  font-size: var(--dsw-font-xs-13, 13px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-muted {\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-strong {\n  font-weight: var(--dsw-font-xs-strong-13, 600);\n}\n\n.rg-block {\n  display: block;\n}\n\n.rg-ellipsis {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.rg-count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 16px;\n  margin-left: 6px;\n  padding: 0 4px;\n  border-radius: 999px;\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-xxxs-11, 11px);\n}\n\n/* \u52A0\u8F7D / \u4E0D\u53EF\u7528\u72B6\u6001\u5757\uFF1A\u5360\u4F4D\u9AD8\u5EA6\u7A33\u5B9A\uFF0C\u907F\u514D\u8F6E\u8BE2\u65F6\u9875\u9762\u8DF3\u52A8\u3002 */\n.rg-state-block {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 24px 0;\n}\n\n.rg-state-title {\n  margin: 0;\n  font-size: var(--dsw-font-m-18, 18px);\n  font-weight: var(--dsw-font-m-18-font-weight, 600);\n}\n\n/* ---------- \u5361\u7247\u7F51\u683C ---------- */\n\n.rg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 12px;\n}\n\n.rg-panel[data-form='narrow'] .rg-grid {\n  grid-template-columns: 1fr;\n}\n\n.rg-card {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 14px 16px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-md, 12px);\n  background: var(--dsw-alias-bg-layer-1);\n  min-width: 0;\n  min-height: 0;\n}\n\n/**\n * \u5361\u7247\u5185\u5BB9\u533A\u56FA\u5B9A\u9AD8\u5EA6 + \u5185\u90E8\u6EDA\u52A8\uFF08v0.9.1 \u7528\u6237\u9700\u6C42\uFF09\u3002\n *\n * \u4E3A\u4EC0\u4E48\u9650\u9AD8\u800C\u4E0D\u662F\u8BA9\u5185\u5BB9\u81EA\u7136\u4F38\u5C55\uFF1A\u5C55\u5F00\u7684\u5361\u7247\u591A\u4E86\u4E4B\u540E\uFF0C\u9762\u677F\u88AB\u5355\u4E2A\n * \u5361\u7247\u6491\u5230\u51E0\u5343\u50CF\u7D20\uFF0C\u4E0B\u9762\u7684\u5361\u7247\u8981\u6EDA\u5F88\u4E45\u624D\u770B\u5F97\u5230 \u2014\u2014 \u5747\u5300\u7684\u89C6\u53E3\u5BC6\u5EA6\n * \u6BD4\u5355\u5361\u7684\u5B8C\u6574\u6027\u66F4\u91CD\u8981\uFF08\u8FD9\u6B63\u662F\u7528\u6237\u539F\u59CB\u8BC9\u6C42\uFF09\u3002\n *\n * - \u9ED8\u8BA4 `--rg-card-body-h: 240px`\uFF1A\u8DB3\u591F\u770B\u7EA6 10 \u884C\u5185\u5BB9\uFF0C\u8D85\u51FA\u5185\u90E8\u6EDA\u52A8\uFF1B\n * - `overscroll-behavior: contain`\uFF1A\u6EDA\u5230\u5C3D\u5934\u4E0D\u628A\u5916\u5C42\u9762\u677F\u5E26\u7740\u6EDA\uFF1B\n * - `.rg-card-enlarged` \u89E3\u9664\u9650\u9AD8\uFF08\u2922 \u6309\u94AE\uFF09\uFF0C\u644A\u5F00\u9605\u8BFB\u957F\u6E05\u5355\uFF1B\n * - \u7A84\u5F62\u6001\u628A\u9650\u9AD8\u964D\u5230 180px\uFF08\u4FA7\u680F\u7A7A\u95F4\u5C11\uFF0C\u5BC6\u5EA6\u4F18\u5148\uFF09\u3002\n */\n.rg-card-body {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  height: var(--rg-card-body-h, 240px);\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  min-height: 0;\n}\n\n/* \u6269\u5927\u6001\uFF1A\u89E3\u9664\u9650\u9AD8\uFF0C\u5361\u7247\u6309\u5185\u5BB9\u81EA\u7136\u4F38\u5C55\uFF08\u9762\u677F\u81EA\u8EAB\u4ECD\u662F\u6EDA\u52A8\u5BB9\u5668\uFF09\u3002 */\n.rg-card-enlarged .rg-card-body {\n  height: auto;\n  max-height: none;\n  overflow-y: visible;\n}\n\n/* \u6269\u5927\u6309\u94AE\uFF1A\u5934\u90E8\u5185\u7684\u7B2C\u4E8C\u4E2A\u52A8\u4F5C\uFF0C\u5C0F\u5C3A\u5BF8\u3001\u4F4E\u5BF9\u6BD4\uFF0C\u4E0D\u4E0E\u6298\u53E0\u7BAD\u5934\u7ADE\u4E89\u3002 */\n.rg-card-expand {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  margin-left: auto;\n  border-radius: var(--dsw-radius-sm, 8px);\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n  user-select: none;\n  transition: background var(--rg-motion-fast, 120ms) var(--rg-ease, ease);\n}\n.rg-card-expand:hover,\n.rg-card-expand:focus-visible {\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-primary);\n}\n.rg-card-enlarged .rg-card-expand {\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-card-title {\n  margin: 0;\n  font-size: var(--dsw-font-s-14, 14px);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n}\n\n/* \u7A84\u5F62\u6001\uFF1A\u4FA7\u680F\u7A7A\u95F4\u5C11\uFF0C\u5BC6\u5EA6\u4F18\u5148 \u2014\u2014 \u5185\u5BB9\u533A\u9650\u9AD8\u964D\u4E3A 180px\u3002 */\n.rg-panel[data-form='narrow'] .rg-card-body {\n  --rg-card-body-h: 180px;\n}\n\n.rg-card-title {\n  margin: 0;\n  font-size: var(--dsw-font-s-14, 14px);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n}\n\n.rg-card-subtitle {\n  margin: 4px 0 0;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-card-note {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* \u53EF\u6298\u53E0\u5361\u7247\uFF1A\u6807\u9898\u884C\u662F\u6309\u94AE\uFF0C\u6574\u4E2A\u5934\u90E8\u53EF\u70B9\u3002 */\n.rg-card-head {\n  appearance: none;\n  border: none;\n  background: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n  cursor: pointer;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n}\n\n.rg-card-head:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n  border-radius: var(--dsw-radius-xs, 4px);\n}\n\n.rg-card-head-hint {\n  margin-left: auto;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.rg-card-chevron {\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-card-collapsed {\n  padding-bottom: 10px;\n}\n\n.rg-card-body {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n/* ---------- \u5FBD\u6807 / \u5706\u70B9 / \u8BA1\u6570\u7247 ---------- */\n\n.rg-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 8px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  border: 1px solid var(--dsw-alias-border-l2);\n  font-size: var(--dsw-font-xxs-12, 12px);\n  white-space: nowrap;\n}\n\n.rg-badge-idle,\n.rg-badge-monitoring {\n  border-color: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-brand-primary);\n}\n\n.rg-badge-crashed,\n.rg-badge-error {\n  border-color: var(--dsw-alias-state-error-primary);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.rg-badge-deciding,\n.rg-badge-worsening,\n.rg-badge-warn {\n  border-color: var(--dsw-alias-state-warn-primary);\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.rg-badge-stabilizing,\n.rg-badge-recovered,\n.rg-badge-improving,\n.rg-badge-success {\n  border-color: var(--dsw-alias-state-success-primary);\n  color: var(--dsw-alias-state-success-primary);\n}\n\n.rg-badge-stable,\n.rg-badge-neutral {\n  border-color: var(--dsw-alias-border-l2);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-chip {\n  display: inline-flex;\n  align-items: center;\n  padding: 0 6px;\n  border-radius: var(--dsw-radius-xs, 4px);\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  white-space: nowrap;\n}\n\n.rg-chip-warn {\n  border: 1px solid var(--dsw-alias-state-warn-primary);\n  color: var(--dsw-alias-state-warn-primary);\n  background: none;\n}\n\n.rg-chip-more {\n  font-variant-numeric: tabular-nums;\n}\n\n.rg-names {\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 3px;\n  min-width: 0;\n}\n\n.rg-dot {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--dsw-alias-label-secondary);\n  flex: none;\n}\n\n.rg-dot-info {\n  background: var(--dsw-alias-brand-primary);\n}\n\n.rg-dot-success {\n  background: var(--dsw-alias-state-success-primary);\n}\n\n.rg-dot-warn {\n  background: var(--dsw-alias-state-warn-primary);\n}\n\n.rg-dot-error {\n  background: var(--dsw-alias-state-error-primary);\n}\n\n/* ---------- \u8FDB\u5EA6\u6761 ---------- */\n\n.rg-bar {\n  display: inline-block;\n  width: 72px;\n  height: 4px;\n  border-radius: 2px;\n  background: var(--dsw-alias-bg-layer-2);\n  overflow: hidden;\n  flex: none;\n}\n\n.rg-bar-wide {\n  width: 100%;\n}\n\n.rg-bar-fill {\n  display: block;\n  height: 100%;\n  background: var(--dsw-alias-brand-primary);\n  transition: width var(--rg-motion-medium) var(--rg-ease);\n}\n\n/* ---------- KPI \u6458\u8981\u6761 ---------- */\n\n.rg-kpis {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 10px;\n}\n\n.rg-kpi {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 4px;\n  padding: 12px 14px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-md, 12px);\n  background: var(--dsw-alias-bg-layer-1);\n  min-width: 0;\n}\n\n.rg-kpi-label {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-kpi-value {\n  font-size: var(--dsw-font-s-14, 14px);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n  font-variant-numeric: tabular-nums;\n}\n\n.rg-kpi-big {\n  font-size: var(--dsw-font-m-18, 18px);\n  font-weight: var(--dsw-font-m-18-font-weight, 600);\n}\n\n.rg-kpi-detail {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 100%;\n}\n\n.rg-kpi-meta {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.rg-ring {\n  flex: none;\n}\n\n.rg-ring-text {\n  fill: var(--dsw-alias-label-primary);\n  font-size: 11px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n\n/* ---------- \u63CF\u8FF0\u5217\u8868 / \u9636\u6BB5\u8F68\u9053 ---------- */\n\n.rg-dl {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 4px 12px;\n  margin: 0;\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n.rg-dl dt {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-dl dd {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  flex-wrap: wrap;\n}\n\n.rg-dl-compact {\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-mono {\n  font-family: var(--dsw-font-mono, var(--dsw-font-family-mono, ui-monospace, monospace));\n  font-size: var(--dsw-font-xxs-12, 12px);\n  overflow-wrap: anywhere;\n}\n\n/* \u9636\u6BB5\u8F68\u9053\uFF1A\u72B6\u6001\u673A\u4E0D\u662F\u8FDB\u5EA6\u6761\uFF0Cvisited \u4E0E current \u7528\u4E0D\u540C\u901A\u9053\u8868\u8FBE\u3002 */\n.rg-stage-rail {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px 10px;\n}\n\n.rg-stage-cell {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-stage-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: none;\n  flex: none;\n}\n\n.rg-stage-visited {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-stage-visited .rg-stage-dot {\n  background: var(--dsw-alias-border-l3, var(--dsw-alias-border-l2));\n  border-color: var(--dsw-alias-border-l3, var(--dsw-alias-border-l2));\n}\n\n.rg-stage-current {\n  color: var(--dsw-alias-label-primary);\n  font-weight: var(--dsw-font-xxxs-strong-11, 600);\n}\n\n.rg-stage-current .rg-stage-dot {\n  background: var(--dsw-alias-brand-primary);\n  border-color: var(--dsw-alias-brand-primary);\n  box-shadow: 0 0 0 2px var(--dsw-alias-bg-layer-2);\n}\n\n/* ---------- \u6307\u6807 ---------- */\n\n.rg-metrics {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.rg-metric {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n}\n\n.rg-metric-label {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-metric-value {\n  font-size: var(--dsw-font-xs-13, 13px);\n  font-variant-numeric: tabular-nums;\n}\n\n.rg-metric-undefined {\n  color: var(--dsw-alias-label-secondary);\n  font-style: italic;\n}\n\n.rg-metric-reason {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-metric-detail {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-trend {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n/* ---------- \u8FC1\u79FB / \u51B3\u7B56 / \u4E8B\u4EF6\u65F6\u95F4\u7EBF ---------- */\n\n.rg-transitions,\n.rg-decisions,\n.rg-events {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n\n.rg-transition,\n.rg-decision,\n.rg-event {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  min-width: 0;\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-transition-reason,\n.rg-decision-detail,\n.rg-event-detail {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-decision-bundle {\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-transition-time,\n.rg-decision-time,\n.rg-event-time {\n  flex: none;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  font-size: var(--dsw-font-xxxs-11, 11px);\n}\n\n.rg-event-ago {\n  flex: none;\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  font-size: var(--dsw-font-xxxs-11, 11px);\n}\n\n/* ---------- \u5ACC\u7591\u6392\u540D ---------- */\n\n.rg-risks {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n/* \u300C\u5C55\u5F00\u5176\u4F59 N \u4E2A\u300D\u6309\u94AE\uFF1A\u5DE6\u5BF9\u9F50\u7684\u94FE\u63A5\u5F62\u6001\uFF0C\u4E0E\u5361\u7247\u5185\u7684\u5176\u5B83\u64CD\u4F5C\u533A\u5206\u3002 */\n.rg-risks-expand {\n  align-self: flex-start;\n  margin-top: 2px;\n}\n\n.rg-risk {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--dsw-alias-border-l1);\n}\n\n.rg-risk:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.rg-risk-main {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n.rg-risk-name {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n.rg-risk-score {\n  font-variant-numeric: tabular-nums;\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n.rg-risk-detail {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-risk-actions {\n  display: flex;\n  gap: 6px;\n}\n\n/* ---------- \u80FD\u529B\u6E05\u5355\u8868 ---------- */\n\n.rg-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  table-layout: fixed;\n}\n\n.rg-table th,\n.rg-table td {\n  text-align: left;\n  vertical-align: top;\n  padding: 5px 6px;\n  border-bottom: 1px solid var(--dsw-alias-hairline, var(--dsw-alias-border-l1));\n  overflow-wrap: anywhere;\n}\n\n.rg-table thead th {\n  color: var(--dsw-alias-label-secondary);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n  white-space: nowrap;\n  border-bottom-color: var(--dsw-alias-border-l2);\n}\n\n.rg-table tbody tr {\n  cursor: pointer;\n}\n\n.rg-table tbody tr:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n/* \u9009\u4E2D\u884C\uFF1A\u5DE6\u4FA7 2px \u7AD6\u6761 + \u5E95\u8272\uFF08\u53EA\u9760\u5E95\u8272\u5728\u6697\u8272\u4E3B\u9898\u4E0B\u4E0D\u591F\u663E\u773C\uFF09\u3002 */\n.rg-row-selected {\n  background: var(--dsw-alias-interactive-bg-active, var(--dsw-alias-bg-layer-2));\n  box-shadow: inset 2px 0 0 0 var(--dsw-alias-brand-primary);\n}\n\n/* \u7A84\u5F62\u6001\u4E0B\u8868\u683C\u4F1A\u6324\u6210\u4E00\u56E2 \u2014\u2014 \u5217\u5BBD\u6309\u300C\u80FD\u529B\u540D / \u5173\u7CFB\u300D\u4E24\u680F\u91CD\u6392\u3002 */\n.rg-panel[data-form='narrow'] .rg-table {\n  table-layout: auto;\n}\n\n.rg-panel[data-form='narrow'] .rg-table th:nth-child(2),\n.rg-panel[data-form='narrow'] .rg-table td:nth-child(2),\n.rg-panel[data-form='narrow'] .rg-table th:nth-child(3),\n.rg-panel[data-form='narrow'] .rg-table td:nth-child(3) {\n  display: none;\n}\n\n.rg-gaps {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.rg-gap {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-gap-detail {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* ---------- \u9879\u76EE\u5206\u533A ---------- */\n\n.rg-partitions {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.rg-partition {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  padding: 3px 4px;\n  border-radius: var(--dsw-radius-xs, 4px);\n}\n\n.rg-partition-selected {\n  background: var(--dsw-alias-interactive-bg-active, var(--dsw-alias-bg-layer-2));\n  box-shadow: inset 2px 0 0 0 var(--dsw-alias-brand-primary);\n}\n\n.rg-partition-label {\n  font-weight: var(--dsw-font-xs-strong-13, 600);\n  max-width: 40%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.rg-partition-workspace {\n  flex: 1 1 140px;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  direction: rtl;\n  text-align: left;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-partition-time {\n  flex: none;\n  font-variant-numeric: tabular-nums;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n/* ---------- \u5F52\u6863 ---------- */\n\n.rg-archive-run {\n  display: flex;\n  align-items: flex-end;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.rg-archives {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.rg-archive {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 6px 8px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-sm, 8px);\n}\n\n.rg-archive-dir {\n  font-family: var(--dsw-font-mono, var(--dsw-font-family-mono, ui-monospace, monospace));\n  font-size: var(--dsw-font-xxs-12, 12px);\n  overflow-wrap: anywhere;\n}\n\n.rg-archive-meta,\n.rg-archive-summary {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n/* ---------- \u533A\u5757 / \u9875\u811A ---------- */\n\n.rg-section {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.rg-section-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.rg-section-title {\n  margin: 0;\n  font-size: var(--dsw-font-m-18, 18px);\n  font-weight: var(--dsw-font-m-18-font-weight, 600);\n}\n\n.rg-selection-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n  padding: 2px 8px;\n  border: 1px solid var(--dsw-alias-brand-primary);\n  border-radius: 999px;\n}\n\n.rg-foot {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px 16px;\n  border-top: 1px solid var(--dsw-alias-hairline, var(--dsw-alias-border-l1));\n  padding-top: 8px;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n/* ---------- \u56FE\u8C31 ---------- */\n\n.rg-graph {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-md, 12px);\n  background: var(--dsw-alias-bg-layer-1);\n  padding: 10px;\n  min-width: 0;\n}\n\n.rg-graph-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.rg-graph-zoom {\n  display: inline-flex;\n  gap: 4px;\n}\n\n.rg-graph-hint {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-graph-viewport {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-2);\n  cursor: grab;\n  touch-action: none;\n}\n\n.rg-graph-viewport:active {\n  cursor: grabbing;\n}\n\n.rg-graph-viewport:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n}\n\n.rg-graph-node:focus-visible {\n  outline: none;\n}\n\n/* \u952E\u76D8\u805A\u7126\u7684\u8282\u70B9\u5FC5\u987B\u80FD\u770B\u89C1\u7126\u70B9\uFF08\u5426\u5219 Tab \u8D70\u4E00\u5708\u4E0D\u77E5\u9053\u505C\u5728\u54EA\uFF09\u3002 */\n.rg-graph-node:focus-visible .rg-graph-node-bg {\n  stroke: var(--dsw-alias-brand-primary);\n  stroke-width: 3px;\n}\n\n.rg-graph-node-label {\n  fill: var(--dsw-alias-label-primary);\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.rg-graph-node-detail {\n  fill: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n}\n\n.rg-graph-column-title {\n  fill: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n/* \u66F2\u7EBF\u8FB9\u7684\u8BED\u4E49\u6807\u7B7E\uFF08\u4EC5\u9AD8\u4EAE\u8FB9\u663E\u793A\uFF0C\u907F\u514D\u566A\u58F0\uFF09\u3002 */\n.rg-graph-edge-label {\n  fill: var(--dsw-alias-brand-primary);\n  font-size: 10px;\n  font-weight: 600;\n}\n\n/* \u56FE\u4F8B\uFF08\u7C7B\u578B\u8FC7\u6EE4 chips\uFF0C\u5E26\u8BA1\u6570\uFF09\u3002 */\n.rg-graph-legend {\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  margin-left: 4px;\n}\n\n.rg-legend-chip {\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  border-radius: 999px;\n  padding: 2px 10px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  cursor: pointer;\n  transition: background var(--rg-motion-fast) var(--rg-ease);\n}\n\n.rg-legend-chip:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-legend-chip-off {\n  opacity: 0.45;\n  text-decoration: line-through;\n}\n\n.rg-legend-chip:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.rg-legend-count {\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n/* \u56FE\u8C31\u4E3B\u4F53\uFF1A\u89C6\u53E3 + \u8BE6\u60C5\u4FA7\u680F\u4E24\u680F\uFF08\u7A84\u5BB9\u5668\u7EB5\u5411\u5806\u53E0\uFF09\u3002 */\n.rg-graph-body {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 10px;\n}\n\n@media (min-width: 960px) {\n  .rg-graph-body:has(.rg-graph-aside) {\n    grid-template-columns: minmax(0, 1fr) 260px;\n  }\n}\n\n.rg-graph-status {\n  display: flex;\n  align-items: center;\n  gap: 6px 14px;\n  flex-wrap: wrap;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-graph-zoom-label {\n  font-variant-numeric: tabular-nums;\n}\n\n.rg-graph-status-selected {\n  color: var(--dsw-alias-label-primary);\n}\n\n/* \u60AC\u505C\u6D6E\u5C42\uFF1A\u6D6E\u52A8\u5361\u7247\uFF08\u552F\u4E00\u5E26\u9634\u5F71\u7684\u8868\u9762\uFF09\u3002 */\n.rg-graph-tooltip {\n  position: absolute;\n  z-index: 5;\n  transform: translate(-50%, -100%);\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  max-width: 260px;\n  padding: 6px 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: var(--dsw-shadow-lv3, var(--dsw-shadow-lv1, none));\n  pointer-events: none;\n}\n\n.rg-tooltip-title {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-tooltip-meta,\n.rg-tooltip-detail {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  overflow-wrap: anywhere;\n}\n\n/* \u56FE\u8C31\u641C\u7D22\u6846\u4E0E\u7ED3\u679C\u4E0B\u62C9\u3002 */\n.rg-graph-search {\n  position: relative;\n  display: inline-flex;\n}\n\n.rg-search-input {\n  min-height: var(--rg-control-h);\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  border-radius: var(--dsw-radius-sm, 8px);\n  padding: 2px 9px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  min-width: 150px;\n}\n\n.rg-search-input:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.rg-search-input::placeholder {\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-search-results {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  z-index: 10;\n  margin: 0;\n  padding: 4px;\n  list-style: none;\n  min-width: 200px;\n  max-height: 220px;\n  overflow: auto;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: var(--dsw-shadow-lv3, var(--dsw-shadow-lv1, none));\n}\n\n.rg-search-results button {\n  appearance: none;\n  border: none;\n  background: none;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  padding: 5px 8px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  text-align: left;\n  border-radius: var(--dsw-radius-xs, 4px);\n}\n\n.rg-search-results button:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-search-noresult {\n  padding: 5px 8px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* \u8BE6\u60C5\u4FA7\u680F\u3002 */\n.rg-graph-aside {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 12px 14px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-md, 12px);\n  background: var(--dsw-alias-bg-layer-1);\n  min-width: 0;\n  align-self: start;\n}\n\n.rg-graph-aside-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n.rg-graph-aside-title {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: var(--dsw-font-s-14, 14px);\n}\n\n.rg-graph-aside-detail {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-graph-aside-actions {\n  display: flex;\n  gap: 6px;\n}\n\n/* \u90BB\u5C45\u5BFC\u822A\uFF08\u8BE6\u60C5\u4FA7\u680F\uFF09\uFF1A\u4E0A\u6E38/\u4E0B\u6E38\u5206\u7EC4\u5217\u8868\uFF0C\u70B9\u51FB\u5373\u8DF3\u8F6C\u5B9A\u4F4D\u3002 */\n.rg-graph-neighbors {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  border-top: 1px solid var(--dsw-alias-border-l1);\n  padding-top: 8px;\n}\n\n.rg-graph-neighbor-title {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-graph-neighbor-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.rg-graph-neighbor-link {\n  appearance: none;\n  border: none;\n  background: none;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  padding: 3px 6px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  text-align: left;\n  border-radius: var(--dsw-radius-xs, 4px);\n}\n\n.rg-graph-neighbor-link:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-graph-neighbor-link:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* \u52A8\u6548\u4E0E\u504F\u597D\uFF1A\u5C0A\u91CD\u300C\u51CF\u5C11\u52A8\u6001\u6548\u679C\u300D\uFF08\u524D\u5EAD\u5931\u8C03\u7528\u6237\u4F1A\u56E0\u8FC7\u6E21\u4E0D\u9002\uFF09\u3002 */\n@media (prefers-reduced-motion: reduce) {\n  .rg-panel *,\n  .rg-panel *::before,\n  .rg-panel *::after {\n    transition-duration: 0.01ms !important;\n    animation-duration: 0.01ms !important;\n  }\n}\n\n/* ---------- \u6062\u590D\u5224\u5B9A\u6761\uFF08v0.9.1\uFF09 ---------- */\n\n.rg-verdict {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin: 0;\n  padding: 8px 12px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n/* act\uFF08\u5173\u95ED\u4E86\u63D2\u4EF6\uFF09\u4E0E watch\uFF08\u89C2\u5BDF\u8F6E\uFF09\u7528**\u8FB9\u6846+\u6807\u7B7E**\u533A\u5206\u800C\u4E0D\u662F\u53EA\u9760\u989C\u8272\uFF1A\n   \u7070\u5EA6\u6253\u5370/\u8272\u5F31\u7528\u6237\u4E5F\u80FD\u5206\u8FA8\u3002 */\n.rg-verdict-act {\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-2);\n}\n.rg-verdict-watch {\n  border: 1px dashed var(--dsw-alias-border-l1);\n  background: transparent;\n}\n.rg-verdict-tag {\n  padding: 1px 8px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n  background: var(--dsw-alias-bg-layer-2);\n}\n.rg-verdict-meta {\n  margin-left: auto;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* ---------- v0.10 \u6D1E\u5BDF\u5361\uFF1A\u9A6C\u5C14\u53EF\u592B / \u6570\u636E\u6D41 / \u7CFB\u7EDF\u8BCA\u65AD ---------- */\n\n/* \u5361\u7247\u9876\u90E8\u7684\u4E00\u884C\u6458\u8981\uFF08\u6837\u672C\u6570\u3001\u6536\u655B\u6027\u7B49\u767D\u76D2\u5143\u4FE1\u606F\uFF09\u3002 */\n.rg-card-note {\n  margin: 0 0 8px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-tertiary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* \u9A6C\u5C14\u53EF\u592B\u884C\uFF1A\u9636\u6BB5\u540D | \u81EA\u73AF\u6982\u7387\u6761 | \u767E\u5206\u6BD4\u3002 */\n.rg-markov {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  gap: 6px;\n}\n.rg-markov-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n.rg-markov-stage {\n  width: 84px;\n  flex: none;\n  color: var(--dsw-alias-label-secondary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.rg-markov-row .rg-bar {\n  flex: 1 1 auto;\n  width: auto;\n}\n.rg-markov-value {\n  width: 44px;\n  flex: none;\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-primary);\n}\n.rg-markov-nodata {\n  flex: 1 1 auto;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n}\n.rg-markov-stationary {\n  margin-top: 10px;\n}\n.rg-subhead {\n  margin: 0 0 6px;\n  font-size: 12px;\n  font-weight: var(--dsw-font-s-strong-14, 600);\n  color: var(--dsw-alias-label-secondary);\n}\n.rg-chip-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n/* \u6570\u636E\u6D41\u94FE\u8DEF\uFF1A\u5E8F\u53F7 | \u540D\u79F0+\u8BF4\u660E | \u8BA1\u6570\u3002 */\n.rg-dataflow {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  gap: 8px;\n  counter-reset: rg-flow;\n}\n.rg-dataflow-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  min-width: 0;\n}\n.rg-dataflow-index {\n  flex: none;\n  width: 20px;\n  height: 20px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--dsw-radius-full, 999px);\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  font-weight: var(--dsw-font-s-strong-14, 600);\n}\n.rg-dataflow-main {\n  min-width: 0;\n  display: grid;\n  gap: 2px;\n}\n.rg-dataflow-label {\n  color: var(--dsw-alias-label-primary);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n  font-size: 13px;\n}\n.rg-dataflow-detail {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n.rg-dataflow-count {\n  flex: none;\n  margin-left: auto;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* \u7CFB\u7EDF\u8BCA\u65AD\u5361\uFF1A\u7D27\u51D1\u952E\u503C\u5BF9 + \u53CD\u9988\u6309\u94AE\u3002 */\n.rg-issues-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  margin-top: 10px;\n  text-decoration: none;\n  color: var(--dsw-alias-brand-primary);\n  border: 1px solid var(--dsw-alias-border-l1);\n}\n.rg-issues-button:hover {\n  border-color: var(--dsw-alias-brand-primary);\n}\n";
+var styles_default = "/**\n * \u7BA1\u7406\u9762\u677F\u7684\u6837\u5F0F\u3002\n *\n * ## \u7EAA\u5F8B\n *\n * 1. **\u53EA\u7528\u4E3B\u9898\u53D8\u91CF**\uFF1A\u989C\u8272\u3001\u5706\u89D2\u3001\u5B57\u4F53\u5168\u90E8\u5F15\u7528 `--dsw-alias-*` / `--dsw-radius-*`\n *    / `--dsw-shadow-*` \u5BB6\u65CF\u3002\u5BBF\u4E3B\u91CD\u547D\u540D\u4E00\u4E2A\u53D8\u91CF\u65F6\u9762\u677F\u53EA\u662F\u53D8\u4E11\uFF0C\u4E0D\u4F1A\u5D29 \u2014\u2014\n *    \u56E0\u6B64\u6BCF\u4E2A var() \u90FD\u5E26\u4E00\u4E2A\u4FDD\u5B88\u7684\u515C\u5E95\u503C\u3002\n * 2. **\u4E24\u79CD\u5F62\u6001\u6309\u5BB9\u5668\u5BBD\u5EA6**\uFF1A`.rg-panel[data-form=\"narrow\"]` \u7531 JS \u6D4B\u51FA\u7684\n *    \u9762\u677F\u5BBD\u5EA6\u9A71\u52A8\uFF08\u9762\u677F\u53EF\u80FD\u6302\u5728\u88AB\u62D6\u7A84\u7684\u4FA7\u680F\u91CC\uFF0C\u5A92\u4F53\u67E5\u8BE2\u91CF\u7684\u662F\u7A97\u53E3\uFF0C\u4F1A\u7B54\u9519\uFF09\u3002\n * 3. **\u5C40\u90E8\u52A8\u6548\u4EE4\u724C**\uFF1A\u8FC7\u6E21\u65F6\u957F\u4E0E\u7F13\u52A8\u5B9A\u4E49\u5728 `.rg-panel` \u4E0A\u7684 `--rg-*`\uFF0C\n *    \u4E0D\u4F9D\u8D56\u672A\u7ECF\u9A8C\u8BC1\u7684\u5168\u5C40 `--ds-*`\uFF08\u751F\u6001\u63D2\u4EF6\u540C\u6837\u81EA\u6301\u8FD9\u5957\u4EE4\u724C\uFF09\u3002\n * 4. **\u4E0D\u5199\u6B7B\u5BB9\u5668\u5BBD\u5EA6**\uFF1A\u9762\u677F\u5360\u6EE1\u5BBF\u4E3B\u7ED9\u7684\u4E2D\u592E\u9762\u677F\u533A\u57DF\u3002\n * 5. **\u5BF9\u6BD4\u5EA6**\uFF1A\u6B63\u6587 `--dsw-alias-label-primary`\uFF0C\u6B21\u8981 `--dsw-alias-label-secondary`\uFF0C\n *    \u63D0\u793A `--dsw-alias-label-tertiary`\uFF08\u4EAE/\u6697\u4E3B\u9898\u90FD\u7531\u5BBF\u4E3B\u4FDD\u8BC1\u53EF\u8BFB\uFF09\u3002\n */\n\n.rg-panel {\n  /* \u5C40\u90E8\u4EE4\u724C\uFF1A\u63A7\u4EF6\u9AD8\u5EA6\u3001\u52A8\u6548\u3001\u95F4\u8DDD\u3002\u6539\u4E00\u5904\uFF0C\u6574\u5757\u9762\u677F\u8DDF\u7740\u4E00\u81F4\u3002 */\n  --rg-control-h: 28px;\n  --rg-motion-fast: 120ms;\n  --rg-motion-medium: 200ms;\n  --rg-ease: cubic-bezier(0.2, 0, 0, 1);\n  --rg-gap: 16px;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--rg-gap);\n  padding: 20px 24px 32px;\n  min-width: 0;\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-base);\n  font-family: var(--dsw-font-family);\n  font-size: var(--dsw-font-s-14, 14px);\n  line-height: var(--dsw-font-s-14-line-height, 22px);\n\n  /**\n   * \u9762\u677F\u5FC5\u987B**\u81EA\u5DF1**\u662F\u6EDA\u52A8\u5BB9\u5668\u3002\n   *\n   * \u4E3A\u4EC0\u4E48\u4E0D\u80FD\u6307\u671B\u5BBF\u4E3B\uFF1A\u5B9E\u6D4B\uFF08\u6C99\u7BB1 sb-rg-c5\uFF09\u5BBF\u4E3B\u69FD\u4F4D\u662F\u8FD9\u6837\u4E00\u4E32\n   *   .centerCol { overflow-y: hidden }        \u2190 \u7956\u5148\u628A\u6EA2\u51FA\u88C1\u6389\n   *   .mainPanel { height: 714px; overflow: visible }\n   *   .rg-panel  { height: 3965px }            \u2190 \u5185\u5BB9\u81EA\u7136\u9AD8\u5EA6\uFF0C\u8D85\u51FA\u540E\u76F4\u63A5\u88AB\u88C1\n   * \u6587\u6863\u672C\u8EAB\u4E0D\u6EDA\uFF08docScrollH == clientH == 714\uFF09\uFF0C\u56E0\u6B64**\u4E0B\u65B9\u6570\u636E\u9875\u6C38\u8FDC\u770B\u4E0D\u5230**\u3002\n   *\n   * \u4E09\u4E2A\u5C5E\u6027\u7F3A\u4E00\u4E0D\u53EF\uFF1A\n   * - `height: 100%` + `min-height: 0`\uFF1A\u6491\u6EE1\u5BBF\u4E3B\u7ED9\u7684\u786E\u5B9A\u9AD8\u5EA6\uFF0C\u4E14\u5141\u8BB8\u6536\u7F29\u5230\u53EF\u6EDA\u52A8\uFF1B\n   *   \u53EA\u5199 overflow \u800C\u4E0D\u9650\u5236\u9AD8\u5EA6\uFF0Cflex \u5B50\u9879\u4ECD\u4F1A\u6309\u5185\u5BB9\u6491\u5F00\uFF0C\u6EDA\u4E0D\u8D77\u6765\u3002\n   * - `overflow-y: auto`\uFF1A\u9762\u677F\u81EA\u5DF1\u6EDA\u3002\n   * - `overscroll-behavior: contain`\uFF1A\u6EDA\u5230\u5C3D\u5934\u4E0D\u628A\u6EDA\u52A8\u4F20\u7ED9\u5BBF\u4E3B\uFF0C\u5426\u5219\u4F1A\u628A\u6574\u9875/\u4FA7\u680F\n   *   \u5E26\u7740\u4E00\u8D77\u6EDA\uFF0C\u89C6\u89C9\u4E0A\u50CF\"\u9762\u677F\u5728\u4E71\u8DF3\"\u3002\n   */\n  height: 100%;\n  max-height: 100%;\n  min-height: 0;\n  overflow-y: auto;\n  overflow-x: hidden;\n  overscroll-behavior: contain;\n}\n\n/* \u7A84\u5F62\u6001\uFF08\u4FA7\u680F / \u5206\u5C4F\uFF09\uFF1A\u6536\u7D27\u8FB9\u8DDD\u4E0E\u95F4\u8DDD\uFF0C\u628A\u7EB5\u5411\u7A7A\u95F4\u8BA9\u7ED9\u5185\u5BB9\u3002 */\n.rg-panel[data-form='narrow'] {\n  --rg-gap: 12px;\n  padding: 14px 14px 24px;\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n/* ---------- \u5934\u90E8 ---------- */\n\n.rg-header {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.rg-header-main {\n  min-width: 0;\n  flex: 1 1 260px;\n}\n\n.rg-title {\n  margin: 0;\n  font-size: var(--dsw-font-l-20, 20px);\n  font-weight: var(--dsw-font-l-20-font-weight, 600);\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-panel[data-form='narrow'] .rg-title {\n  font-size: var(--dsw-font-m-18, 18px);\n}\n\n.rg-subtitle {\n  margin: 4px 0 0;\n  font-size: var(--dsw-font-xs-13, 13px);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n.rg-project-name {\n  font-weight: var(--dsw-font-xs-strong-13, 600);\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-partition-workspace-full {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 100%;\n  direction: ltr;\n}\n\n.rg-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n/* ---------- \u63A7\u4EF6 ---------- */\n\n.rg-button {\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  min-height: var(--rg-control-h);\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  border-radius: var(--dsw-radius-sm, 8px);\n  padding: 4px 12px;\n  font: inherit;\n  font-size: var(--dsw-font-xs-13, 13px);\n  cursor: pointer;\n  transition:\n    background var(--rg-motion-fast) var(--rg-ease),\n    border-color var(--rg-motion-fast) var(--rg-ease);\n}\n\n.rg-button:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-button:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n}\n\n.rg-button:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n\n.rg-button-small {\n  min-height: 24px;\n  padding: 2px 9px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-button-icon {\n  min-width: 28px;\n  padding: 2px 6px;\n  justify-content: center;\n  font-size: var(--dsw-font-s-14, 14px);\n  line-height: 1;\n}\n\n.rg-button-danger {\n  border-color: var(--dsw-alias-state-error-primary);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.rg-button-active {\n  border-color: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-brand-primary);\n}\n\n/* \u8F6E\u8BE2\u6682\u505C\u6001\u6309\u94AE\uFF08\u6682\u505C = \u9700\u8981\u88AB\u770B\u89C1\u7684\u72B6\u6001\uFF0C\u4E0D\u80FD\u53EA\u9760 aria-pressed\uFF09\u3002 */\n.rg-button-paused {\n  border-color: var(--dsw-alias-state-warn-primary);\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.rg-link {\n  appearance: none;\n  border: none;\n  background: none;\n  padding: 0 2px;\n  font: inherit;\n  font-size: inherit;\n  color: var(--dsw-alias-brand-primary);\n  cursor: pointer;\n  text-decoration: underline;\n}\n\n/* \u5206\u6BB5\u63A7\u4EF6\uFF08\u5E03\u5C40 / \u7740\u8272\u53E3\u5F84\uFF09\u3002 */\n.rg-segmented {\n  display: inline-flex;\n  align-items: stretch;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm, 8px);\n  overflow: hidden;\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n.rg-segment {\n  appearance: none;\n  border: none;\n  border-right: 1px solid var(--dsw-alias-border-l1);\n  background: none;\n  color: var(--dsw-alias-label-secondary);\n  padding: 3px 9px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  cursor: pointer;\n  transition: background var(--rg-motion-fast) var(--rg-ease);\n}\n\n.rg-segment:last-child {\n  border-right: none;\n}\n\n.rg-segment:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-segment[aria-pressed='true'] {\n  background: var(--dsw-alias-interactive-bg-active, var(--dsw-alias-bg-layer-2));\n  color: var(--dsw-alias-label-primary);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n}\n\n.rg-segment:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: -2px;\n}\n\n.rg-field {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  min-width: 0;\n}\n\n.rg-field-grow {\n  flex: 1 1 160px;\n}\n\n.rg-field-label {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-input,\n.rg-select {\n  min-height: var(--rg-control-h);\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  padding: 2px 8px;\n  font: inherit;\n  font-size: var(--dsw-font-xs-13, 13px);\n  max-width: 100%;\n}\n\n.rg-input:focus-visible,\n.rg-select:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* ---------- \u63D0\u793A\u6761 ---------- */\n\n.rg-notice {\n  margin: 0;\n  padding: 8px 10px;\n  border: 1px solid var(--dsw-alias-state-warn-primary);\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-error {\n  margin: 0;\n  padding: 10px 12px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  border: 1px solid var(--dsw-alias-state-error-primary);\n  color: var(--dsw-alias-state-error-primary);\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n.rg-empty {\n  margin: 0;\n  padding: 8px 0;\n  font-size: var(--dsw-font-xs-13, 13px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-muted {\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-strong {\n  font-weight: var(--dsw-font-xs-strong-13, 600);\n}\n\n.rg-block {\n  display: block;\n}\n\n.rg-ellipsis {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.rg-count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 16px;\n  margin-left: 6px;\n  padding: 0 4px;\n  border-radius: 999px;\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-xxxs-11, 11px);\n}\n\n/* \u52A0\u8F7D / \u4E0D\u53EF\u7528\u72B6\u6001\u5757\uFF1A\u5360\u4F4D\u9AD8\u5EA6\u7A33\u5B9A\uFF0C\u907F\u514D\u8F6E\u8BE2\u65F6\u9875\u9762\u8DF3\u52A8\u3002 */\n.rg-state-block {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 24px 0;\n}\n\n.rg-state-title {\n  margin: 0;\n  font-size: var(--dsw-font-m-18, 18px);\n  font-weight: var(--dsw-font-m-18-font-weight, 600);\n}\n\n/* ---------- \u5361\u7247\u7F51\u683C ---------- */\n\n.rg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 12px;\n}\n\n.rg-panel[data-form='narrow'] .rg-grid {\n  grid-template-columns: 1fr;\n}\n\n.rg-card {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 14px 16px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-md, 12px);\n  background: var(--dsw-alias-bg-layer-1);\n  min-width: 0;\n  min-height: 0;\n}\n\n/**\n * \u5361\u7247\u5185\u5BB9\u533A\u56FA\u5B9A\u9AD8\u5EA6 + \u5185\u90E8\u6EDA\u52A8\uFF08v0.9.1 \u7528\u6237\u9700\u6C42\uFF09\u3002\n *\n * \u4E3A\u4EC0\u4E48\u9650\u9AD8\u800C\u4E0D\u662F\u8BA9\u5185\u5BB9\u81EA\u7136\u4F38\u5C55\uFF1A\u5C55\u5F00\u7684\u5361\u7247\u591A\u4E86\u4E4B\u540E\uFF0C\u9762\u677F\u88AB\u5355\u4E2A\n * \u5361\u7247\u6491\u5230\u51E0\u5343\u50CF\u7D20\uFF0C\u4E0B\u9762\u7684\u5361\u7247\u8981\u6EDA\u5F88\u4E45\u624D\u770B\u5F97\u5230 \u2014\u2014 \u5747\u5300\u7684\u89C6\u53E3\u5BC6\u5EA6\n * \u6BD4\u5355\u5361\u7684\u5B8C\u6574\u6027\u66F4\u91CD\u8981\uFF08\u8FD9\u6B63\u662F\u7528\u6237\u539F\u59CB\u8BC9\u6C42\uFF09\u3002\n *\n * - \u9ED8\u8BA4 `--rg-card-body-h: 240px`\uFF1A\u8DB3\u591F\u770B\u7EA6 10 \u884C\u5185\u5BB9\uFF0C\u8D85\u51FA\u5185\u90E8\u6EDA\u52A8\uFF1B\n * - `overscroll-behavior: contain`\uFF1A\u6EDA\u5230\u5C3D\u5934\u4E0D\u628A\u5916\u5C42\u9762\u677F\u5E26\u7740\u6EDA\uFF1B\n * - `.rg-card-enlarged` \u89E3\u9664\u9650\u9AD8\uFF08\u2922 \u6309\u94AE\uFF09\uFF0C\u644A\u5F00\u9605\u8BFB\u957F\u6E05\u5355\uFF1B\n * - \u7A84\u5F62\u6001\u628A\u9650\u9AD8\u964D\u5230 180px\uFF08\u4FA7\u680F\u7A7A\u95F4\u5C11\uFF0C\u5BC6\u5EA6\u4F18\u5148\uFF09\u3002\n */\n.rg-card-body {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  height: var(--rg-card-body-h, 240px);\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  min-height: 0;\n}\n\n/* \u6269\u5927\u6001\uFF1A\u89E3\u9664\u9650\u9AD8\uFF0C\u5361\u7247\u6309\u5185\u5BB9\u81EA\u7136\u4F38\u5C55\uFF08\u9762\u677F\u81EA\u8EAB\u4ECD\u662F\u6EDA\u52A8\u5BB9\u5668\uFF09\u3002 */\n.rg-card-enlarged .rg-card-body {\n  height: auto;\n  max-height: none;\n  overflow-y: visible;\n}\n\n/* \u6269\u5927\u6309\u94AE\uFF1A\u5934\u90E8\u5185\u7684\u7B2C\u4E8C\u4E2A\u52A8\u4F5C\uFF0C\u5C0F\u5C3A\u5BF8\u3001\u4F4E\u5BF9\u6BD4\uFF0C\u4E0D\u4E0E\u6298\u53E0\u7BAD\u5934\u7ADE\u4E89\u3002 */\n.rg-card-expand {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  margin-left: auto;\n  border-radius: var(--dsw-radius-sm, 8px);\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n  user-select: none;\n  transition: background var(--rg-motion-fast, 120ms) var(--rg-ease, ease);\n}\n.rg-card-expand:hover,\n.rg-card-expand:focus-visible {\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-primary);\n}\n.rg-card-enlarged .rg-card-expand {\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-card-title {\n  margin: 0;\n  font-size: var(--dsw-font-s-14, 14px);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n}\n\n/* \u7A84\u5F62\u6001\uFF1A\u4FA7\u680F\u7A7A\u95F4\u5C11\uFF0C\u5BC6\u5EA6\u4F18\u5148 \u2014\u2014 \u5185\u5BB9\u533A\u9650\u9AD8\u964D\u4E3A 180px\u3002 */\n.rg-panel[data-form='narrow'] .rg-card-body {\n  --rg-card-body-h: 180px;\n}\n\n.rg-card-title {\n  margin: 0;\n  font-size: var(--dsw-font-s-14, 14px);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n}\n\n.rg-card-subtitle {\n  margin: 4px 0 0;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-card-note {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* \u53EF\u6298\u53E0\u5361\u7247\uFF1A\u6807\u9898\u884C\u662F\u6309\u94AE\uFF0C\u6574\u4E2A\u5934\u90E8\u53EF\u70B9\u3002 */\n.rg-card-head {\n  appearance: none;\n  border: none;\n  background: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n  cursor: pointer;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n}\n\n.rg-card-head:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n  border-radius: var(--dsw-radius-xs, 4px);\n}\n\n.rg-card-head-hint {\n  margin-left: auto;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.rg-card-chevron {\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-card-collapsed {\n  padding-bottom: 10px;\n}\n\n.rg-card-body {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n/* ---------- \u5FBD\u6807 / \u5706\u70B9 / \u8BA1\u6570\u7247 ---------- */\n\n.rg-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 8px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  border: 1px solid var(--dsw-alias-border-l2);\n  font-size: var(--dsw-font-xxs-12, 12px);\n  white-space: nowrap;\n}\n\n.rg-badge-idle,\n.rg-badge-monitoring {\n  border-color: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-brand-primary);\n}\n\n.rg-badge-crashed,\n.rg-badge-error {\n  border-color: var(--dsw-alias-state-error-primary);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.rg-badge-deciding,\n.rg-badge-worsening,\n.rg-badge-warn {\n  border-color: var(--dsw-alias-state-warn-primary);\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.rg-badge-stabilizing,\n.rg-badge-recovered,\n.rg-badge-improving,\n.rg-badge-success {\n  border-color: var(--dsw-alias-state-success-primary);\n  color: var(--dsw-alias-state-success-primary);\n}\n\n.rg-badge-stable,\n.rg-badge-neutral {\n  border-color: var(--dsw-alias-border-l2);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-chip {\n  display: inline-flex;\n  align-items: center;\n  padding: 0 6px;\n  border-radius: var(--dsw-radius-xs, 4px);\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  white-space: nowrap;\n}\n\n.rg-chip-warn {\n  border: 1px solid var(--dsw-alias-state-warn-primary);\n  color: var(--dsw-alias-state-warn-primary);\n  background: none;\n}\n\n.rg-chip-more {\n  font-variant-numeric: tabular-nums;\n}\n\n.rg-names {\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 3px;\n  min-width: 0;\n}\n\n.rg-dot {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--dsw-alias-label-secondary);\n  flex: none;\n}\n\n.rg-dot-info {\n  background: var(--dsw-alias-brand-primary);\n}\n\n.rg-dot-success {\n  background: var(--dsw-alias-state-success-primary);\n}\n\n.rg-dot-warn {\n  background: var(--dsw-alias-state-warn-primary);\n}\n\n.rg-dot-error {\n  background: var(--dsw-alias-state-error-primary);\n}\n\n/* ---------- \u8FDB\u5EA6\u6761 ---------- */\n\n.rg-bar {\n  display: inline-block;\n  width: 72px;\n  height: 4px;\n  border-radius: 2px;\n  background: var(--dsw-alias-bg-layer-2);\n  overflow: hidden;\n  flex: none;\n}\n\n.rg-bar-wide {\n  width: 100%;\n}\n\n.rg-bar-fill {\n  display: block;\n  height: 100%;\n  background: var(--dsw-alias-brand-primary);\n  transition: width var(--rg-motion-medium) var(--rg-ease);\n}\n\n/* ---------- KPI \u6458\u8981\u6761 ---------- */\n\n.rg-kpis {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 10px;\n}\n\n.rg-kpi {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 4px;\n  padding: 12px 14px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-md, 12px);\n  background: var(--dsw-alias-bg-layer-1);\n  min-width: 0;\n}\n\n.rg-kpi-label {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-kpi-value {\n  font-size: var(--dsw-font-s-14, 14px);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n  font-variant-numeric: tabular-nums;\n}\n\n.rg-kpi-big {\n  font-size: var(--dsw-font-m-18, 18px);\n  font-weight: var(--dsw-font-m-18-font-weight, 600);\n}\n\n.rg-kpi-detail {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 100%;\n}\n\n.rg-kpi-meta {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.rg-ring {\n  flex: none;\n}\n\n.rg-ring-text {\n  fill: var(--dsw-alias-label-primary);\n  font-size: 11px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n\n/* ---------- \u63CF\u8FF0\u5217\u8868 / \u9636\u6BB5\u8F68\u9053 ---------- */\n\n.rg-dl {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 4px 12px;\n  margin: 0;\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n.rg-dl dt {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-dl dd {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  flex-wrap: wrap;\n}\n\n.rg-dl-compact {\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-mono {\n  font-family: var(--dsw-font-mono, var(--dsw-font-family-mono, ui-monospace, monospace));\n  font-size: var(--dsw-font-xxs-12, 12px);\n  overflow-wrap: anywhere;\n}\n\n/* \u9636\u6BB5\u8F68\u9053\uFF1A\u72B6\u6001\u673A\u4E0D\u662F\u8FDB\u5EA6\u6761\uFF0Cvisited \u4E0E current \u7528\u4E0D\u540C\u901A\u9053\u8868\u8FBE\u3002 */\n.rg-stage-rail {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px 10px;\n}\n\n.rg-stage-cell {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-stage-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: none;\n  flex: none;\n}\n\n.rg-stage-visited {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-stage-visited .rg-stage-dot {\n  background: var(--dsw-alias-border-l3, var(--dsw-alias-border-l2));\n  border-color: var(--dsw-alias-border-l3, var(--dsw-alias-border-l2));\n}\n\n.rg-stage-current {\n  color: var(--dsw-alias-label-primary);\n  font-weight: var(--dsw-font-xxxs-strong-11, 600);\n}\n\n.rg-stage-current .rg-stage-dot {\n  background: var(--dsw-alias-brand-primary);\n  border-color: var(--dsw-alias-brand-primary);\n  box-shadow: 0 0 0 2px var(--dsw-alias-bg-layer-2);\n}\n\n/* ---------- \u6307\u6807 ---------- */\n\n.rg-metrics {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.rg-metric {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n}\n\n.rg-metric-label {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-metric-value {\n  font-size: var(--dsw-font-xs-13, 13px);\n  font-variant-numeric: tabular-nums;\n}\n\n.rg-metric-undefined {\n  color: var(--dsw-alias-label-secondary);\n  font-style: italic;\n}\n\n.rg-metric-reason {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-metric-detail {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-trend {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n/* ---------- \u8FC1\u79FB / \u51B3\u7B56 / \u4E8B\u4EF6\u65F6\u95F4\u7EBF ---------- */\n\n.rg-transitions,\n.rg-decisions,\n.rg-events {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n\n.rg-transition,\n.rg-decision,\n.rg-event {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  min-width: 0;\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-transition-reason,\n.rg-decision-detail,\n.rg-event-detail {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-decision-bundle {\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-transition-time,\n.rg-decision-time,\n.rg-event-time {\n  flex: none;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  font-size: var(--dsw-font-xxxs-11, 11px);\n}\n\n.rg-event-ago {\n  flex: none;\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  font-size: var(--dsw-font-xxxs-11, 11px);\n}\n\n/* ---------- \u5ACC\u7591\u6392\u540D ---------- */\n\n.rg-risks {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n/* \u300C\u5C55\u5F00\u5176\u4F59 N \u4E2A\u300D\u6309\u94AE\uFF1A\u5DE6\u5BF9\u9F50\u7684\u94FE\u63A5\u5F62\u6001\uFF0C\u4E0E\u5361\u7247\u5185\u7684\u5176\u5B83\u64CD\u4F5C\u533A\u5206\u3002 */\n.rg-risks-expand {\n  align-self: flex-start;\n  margin-top: 2px;\n}\n\n.rg-risk {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--dsw-alias-border-l1);\n}\n\n.rg-risk:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.rg-risk-main {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n.rg-risk-name {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n.rg-risk-score {\n  font-variant-numeric: tabular-nums;\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n\n.rg-risk-detail {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-risk-actions {\n  display: flex;\n  gap: 6px;\n}\n\n/* ---------- \u80FD\u529B\u6E05\u5355\u8868 ---------- */\n\n.rg-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  table-layout: fixed;\n}\n\n.rg-table th,\n.rg-table td {\n  text-align: left;\n  vertical-align: top;\n  padding: 5px 6px;\n  border-bottom: 1px solid var(--dsw-alias-hairline, var(--dsw-alias-border-l1));\n  overflow-wrap: anywhere;\n}\n\n.rg-table thead th {\n  color: var(--dsw-alias-label-secondary);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n  white-space: nowrap;\n  border-bottom-color: var(--dsw-alias-border-l2);\n}\n\n.rg-table tbody tr {\n  cursor: pointer;\n}\n\n.rg-table tbody tr:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n/* \u9009\u4E2D\u884C\uFF1A\u5DE6\u4FA7 2px \u7AD6\u6761 + \u5E95\u8272\uFF08\u53EA\u9760\u5E95\u8272\u5728\u6697\u8272\u4E3B\u9898\u4E0B\u4E0D\u591F\u663E\u773C\uFF09\u3002 */\n.rg-row-selected {\n  background: var(--dsw-alias-interactive-bg-active, var(--dsw-alias-bg-layer-2));\n  box-shadow: inset 2px 0 0 0 var(--dsw-alias-brand-primary);\n}\n\n/* \u7A84\u5F62\u6001\u4E0B\u8868\u683C\u4F1A\u6324\u6210\u4E00\u56E2 \u2014\u2014 \u5217\u5BBD\u6309\u300C\u80FD\u529B\u540D / \u5173\u7CFB\u300D\u4E24\u680F\u91CD\u6392\u3002 */\n.rg-panel[data-form='narrow'] .rg-table {\n  table-layout: auto;\n}\n\n.rg-panel[data-form='narrow'] .rg-table th:nth-child(2),\n.rg-panel[data-form='narrow'] .rg-table td:nth-child(2),\n.rg-panel[data-form='narrow'] .rg-table th:nth-child(3),\n.rg-panel[data-form='narrow'] .rg-table td:nth-child(3) {\n  display: none;\n}\n\n.rg-gaps {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.rg-gap {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n}\n\n.rg-gap-detail {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* ---------- \u9879\u76EE\u5206\u533A ---------- */\n\n.rg-partitions {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.rg-partition {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  padding: 3px 4px;\n  border-radius: var(--dsw-radius-xs, 4px);\n}\n\n.rg-partition-selected {\n  background: var(--dsw-alias-interactive-bg-active, var(--dsw-alias-bg-layer-2));\n  box-shadow: inset 2px 0 0 0 var(--dsw-alias-brand-primary);\n}\n\n.rg-partition-label {\n  font-weight: var(--dsw-font-xs-strong-13, 600);\n  max-width: 40%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.rg-partition-workspace {\n  flex: 1 1 140px;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  direction: rtl;\n  text-align: left;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-partition-time {\n  flex: none;\n  font-variant-numeric: tabular-nums;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n/* ---------- \u5F52\u6863 ---------- */\n\n.rg-archive-run {\n  display: flex;\n  align-items: flex-end;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.rg-archives {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.rg-archive {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 6px 8px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-sm, 8px);\n}\n\n.rg-archive-dir {\n  font-family: var(--dsw-font-mono, var(--dsw-font-family-mono, ui-monospace, monospace));\n  font-size: var(--dsw-font-xxs-12, 12px);\n  overflow-wrap: anywhere;\n}\n\n.rg-archive-meta,\n.rg-archive-summary {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n/* ---------- \u533A\u5757 / \u9875\u811A ---------- */\n\n.rg-section {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.rg-section-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.rg-section-title {\n  margin: 0;\n  font-size: var(--dsw-font-m-18, 18px);\n  font-weight: var(--dsw-font-m-18-font-weight, 600);\n}\n\n.rg-selection-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n  padding: 2px 8px;\n  border: 1px solid var(--dsw-alias-brand-primary);\n  border-radius: 999px;\n}\n\n.rg-foot {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px 16px;\n  border-top: 1px solid var(--dsw-alias-hairline, var(--dsw-alias-border-l1));\n  padding-top: 8px;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n/* ---------- \u56FE\u8C31 ---------- */\n\n.rg-graph {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-md, 12px);\n  background: var(--dsw-alias-bg-layer-1);\n  padding: 10px;\n  min-width: 0;\n}\n\n.rg-graph-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.rg-graph-zoom {\n  display: inline-flex;\n  gap: 4px;\n}\n\n.rg-graph-hint {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-graph-viewport {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-2);\n  cursor: grab;\n  touch-action: none;\n}\n\n.rg-graph-viewport:active {\n  cursor: grabbing;\n}\n\n.rg-graph-viewport:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n}\n\n.rg-graph-node:focus-visible {\n  outline: none;\n}\n\n/* \u952E\u76D8\u805A\u7126\u7684\u8282\u70B9\u5FC5\u987B\u80FD\u770B\u89C1\u7126\u70B9\uFF08\u5426\u5219 Tab \u8D70\u4E00\u5708\u4E0D\u77E5\u9053\u505C\u5728\u54EA\uFF09\u3002 */\n.rg-graph-node:focus-visible .rg-graph-node-bg {\n  stroke: var(--dsw-alias-brand-primary);\n  stroke-width: 3px;\n}\n\n.rg-graph-node-label {\n  fill: var(--dsw-alias-label-primary);\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.rg-graph-node-detail {\n  fill: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n}\n\n.rg-graph-column-title {\n  fill: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n/* \u66F2\u7EBF\u8FB9\u7684\u8BED\u4E49\u6807\u7B7E\uFF08\u4EC5\u9AD8\u4EAE\u8FB9\u663E\u793A\uFF0C\u907F\u514D\u566A\u58F0\uFF09\u3002 */\n.rg-graph-edge-label {\n  fill: var(--dsw-alias-brand-primary);\n  font-size: 10px;\n  font-weight: 600;\n}\n\n/* \u56FE\u4F8B\uFF08\u7C7B\u578B\u8FC7\u6EE4 chips\uFF0C\u5E26\u8BA1\u6570\uFF09\u3002 */\n.rg-graph-legend {\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  margin-left: 4px;\n}\n\n.rg-legend-chip {\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  border-radius: 999px;\n  padding: 2px 10px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  cursor: pointer;\n  transition: background var(--rg-motion-fast) var(--rg-ease);\n}\n\n.rg-legend-chip:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-legend-chip-off {\n  opacity: 0.45;\n  text-decoration: line-through;\n}\n\n.rg-legend-chip:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.rg-legend-count {\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n/* \u5F62\u72B6\u56FE\u4F8B\uFF08v0.11\uFF09\uFF1A\u56FE\u4F8B\u91CC\u76F4\u63A5\u753B\u8282\u70B9\u5F62\u72B6 \u2014\u2014 \u5F62\u72B6\u662F\u989C\u8272\u4E4B\u5916\u7684\u7B2C\u4E8C\u7F16\u7801\u901A\u9053\uFF0C\n   \u56FE\u4F8B\u4E0D\u5C55\u793A\u5B83\uFF0C\u8272\u76F2/\u7070\u5EA6\u6253\u5370\u7528\u6237\u5C31\u6C38\u8FDC\u4E0D\u77E5\u9053\u65B9\u6846=\u5448\u73B0\u3001\u4E09\u89D2=\u7F3A\u53E3\u3002 */\n.rg-legend-shape {\n  width: 14px;\n  height: 14px;\n  flex: none;\n}\n\n/* \u641C\u7D22\u904D\u5386\u6307\u793A\uFF08v0.11\uFF09\uFF1A\u7B2C n/m \u4E2A\u5339\u914D\uFF0C\u56DE\u8F66\u5FAA\u73AF\u8DF3\u8F6C\u65F6\u544A\u8BC9\u7528\u6237\u4F4D\u7F6E\u3002 */\n.rg-search-index {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-secondary);\n  white-space: nowrap;\n}\n\n/* \u9A6C\u5C14\u53EF\u592B\u8DE8\u9636\u6BB5\u53BB\u5411\u5FBD\u6807\uFF08v0.11\uFF09\uFF1A`\u2192 \u5D29\u6E83 40%` \u9AD8\u5371\u8FC1\u79FB\u5FC5\u987B\u4E00\u773C\u53EF\u89C1\u3002 */\n.rg-markov-exits {\n  display: inline-flex;\n  gap: 4px;\n  margin-left: 6px;\n  flex-wrap: wrap;\n}\n\n.rg-chip-exit {\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n  border: 1px dashed var(--dsw-alias-border-l2);\n  background: transparent;\n  white-space: nowrap;\n}\n\n/* \u56FE\u8C31\u4E3B\u4F53\uFF1A\u89C6\u53E3 + \u8BE6\u60C5\u4FA7\u680F\u4E24\u680F\uFF08\u7A84\u5BB9\u5668\u7EB5\u5411\u5806\u53E0\uFF09\u3002 */\n.rg-graph-body {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 10px;\n}\n\n@media (min-width: 960px) {\n  .rg-graph-body:has(.rg-graph-aside) {\n    grid-template-columns: minmax(0, 1fr) 260px;\n  }\n}\n\n.rg-graph-status {\n  display: flex;\n  align-items: center;\n  gap: 6px 14px;\n  flex-wrap: wrap;\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-graph-zoom-label {\n  font-variant-numeric: tabular-nums;\n}\n\n.rg-graph-status-selected {\n  color: var(--dsw-alias-label-primary);\n}\n\n/* \u60AC\u505C\u6D6E\u5C42\uFF1A\u6D6E\u52A8\u5361\u7247\uFF08\u552F\u4E00\u5E26\u9634\u5F71\u7684\u8868\u9762\uFF09\u3002 */\n.rg-graph-tooltip {\n  position: absolute;\n  z-index: 5;\n  transform: translate(-50%, -100%);\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  max-width: 260px;\n  padding: 6px 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: var(--dsw-shadow-lv3, var(--dsw-shadow-lv1, none));\n  pointer-events: none;\n}\n\n.rg-tooltip-title {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n  color: var(--dsw-alias-label-primary);\n}\n\n.rg-tooltip-meta,\n.rg-tooltip-detail {\n  font-size: var(--dsw-font-xxxs-11, 11px);\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n  overflow-wrap: anywhere;\n}\n\n/* \u56FE\u8C31\u641C\u7D22\u6846\u4E0E\u7ED3\u679C\u4E0B\u62C9\u3002 */\n.rg-graph-search {\n  position: relative;\n  display: inline-flex;\n}\n\n.rg-search-input {\n  min-height: var(--rg-control-h);\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  border-radius: var(--dsw-radius-sm, 8px);\n  padding: 2px 9px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  min-width: 150px;\n}\n\n.rg-search-input:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.rg-search-input::placeholder {\n  color: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\n}\n\n.rg-search-results {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  z-index: 10;\n  margin: 0;\n  padding: 4px;\n  list-style: none;\n  min-width: 200px;\n  max-height: 220px;\n  overflow: auto;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm, 8px);\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: var(--dsw-shadow-lv3, var(--dsw-shadow-lv1, none));\n}\n\n.rg-search-results button {\n  appearance: none;\n  border: none;\n  background: none;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  padding: 5px 8px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  text-align: left;\n  border-radius: var(--dsw-radius-xs, 4px);\n}\n\n.rg-search-results button:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-search-noresult {\n  padding: 5px 8px;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* \u8BE6\u60C5\u4FA7\u680F\u3002 */\n.rg-graph-aside {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 12px 14px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-md, 12px);\n  background: var(--dsw-alias-bg-layer-1);\n  min-width: 0;\n  align-self: start;\n}\n\n.rg-graph-aside-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n.rg-graph-aside-title {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: var(--dsw-font-s-14, 14px);\n}\n\n.rg-graph-aside-detail {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-graph-aside-actions {\n  display: flex;\n  gap: 6px;\n}\n\n/* \u90BB\u5C45\u5BFC\u822A\uFF08\u8BE6\u60C5\u4FA7\u680F\uFF09\uFF1A\u4E0A\u6E38/\u4E0B\u6E38\u5206\u7EC4\u5217\u8868\uFF0C\u70B9\u51FB\u5373\u8DF3\u8F6C\u5B9A\u4F4D\u3002 */\n.rg-graph-neighbors {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  border-top: 1px solid var(--dsw-alias-border-l1);\n  padding-top: 8px;\n}\n\n.rg-graph-neighbor-title {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  font-weight: var(--dsw-font-xxs-strong-12, 600);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.rg-graph-neighbor-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.rg-graph-neighbor-link {\n  appearance: none;\n  border: none;\n  background: none;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  padding: 3px 6px;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12, 12px);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  text-align: left;\n  border-radius: var(--dsw-radius-xs, 4px);\n}\n\n.rg-graph-neighbor-link:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\n}\n\n.rg-graph-neighbor-link:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* \u52A8\u6548\u4E0E\u504F\u597D\uFF1A\u5C0A\u91CD\u300C\u51CF\u5C11\u52A8\u6001\u6548\u679C\u300D\uFF08\u524D\u5EAD\u5931\u8C03\u7528\u6237\u4F1A\u56E0\u8FC7\u6E21\u4E0D\u9002\uFF09\u3002 */\n@media (prefers-reduced-motion: reduce) {\n  .rg-panel *,\n  .rg-panel *::before,\n  .rg-panel *::after {\n    transition-duration: 0.01ms !important;\n    animation-duration: 0.01ms !important;\n  }\n}\n\n/* ---------- \u6062\u590D\u5224\u5B9A\u6761\uFF08v0.9.1\uFF09 ---------- */\n\n.rg-verdict {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin: 0;\n  padding: 8px 12px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  font-size: var(--dsw-font-xs-13, 13px);\n}\n/* act\uFF08\u5173\u95ED\u4E86\u63D2\u4EF6\uFF09\u4E0E watch\uFF08\u89C2\u5BDF\u8F6E\uFF09\u7528**\u8FB9\u6846+\u6807\u7B7E**\u533A\u5206\u800C\u4E0D\u662F\u53EA\u9760\u989C\u8272\uFF1A\n   \u7070\u5EA6\u6253\u5370/\u8272\u5F31\u7528\u6237\u4E5F\u80FD\u5206\u8FA8\u3002 */\n.rg-verdict-act {\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-2);\n}\n.rg-verdict-watch {\n  border: 1px dashed var(--dsw-alias-border-l1);\n  background: transparent;\n}\n.rg-verdict-tag {\n  padding: 1px 8px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n  background: var(--dsw-alias-bg-layer-2);\n}\n.rg-verdict-meta {\n  margin-left: auto;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* ---------- v0.10 \u6D1E\u5BDF\u5361\uFF1A\u9A6C\u5C14\u53EF\u592B / \u6570\u636E\u6D41 / \u7CFB\u7EDF\u8BCA\u65AD ---------- */\n\n/* \u5361\u7247\u9876\u90E8\u7684\u4E00\u884C\u6458\u8981\uFF08\u6837\u672C\u6570\u3001\u6536\u655B\u6027\u7B49\u767D\u76D2\u5143\u4FE1\u606F\uFF09\u3002 */\n.rg-card-note {\n  margin: 0 0 8px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-tertiary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* \u9A6C\u5C14\u53EF\u592B\u884C\uFF1A\u9636\u6BB5\u540D | \u81EA\u73AF\u6982\u7387\u6761 | \u767E\u5206\u6BD4\u3002 */\n.rg-markov {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  gap: 6px;\n}\n.rg-markov-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n.rg-markov-stage {\n  width: 84px;\n  flex: none;\n  color: var(--dsw-alias-label-secondary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.rg-markov-row .rg-bar {\n  flex: 1 1 auto;\n  width: auto;\n}\n.rg-markov-value {\n  width: 44px;\n  flex: none;\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-primary);\n}\n.rg-markov-nodata {\n  flex: 1 1 auto;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n}\n.rg-markov-stationary {\n  margin-top: 10px;\n}\n.rg-subhead {\n  margin: 0 0 6px;\n  font-size: 12px;\n  font-weight: var(--dsw-font-s-strong-14, 600);\n  color: var(--dsw-alias-label-secondary);\n}\n.rg-chip-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n/* \u6570\u636E\u6D41\u94FE\u8DEF\uFF1A\u5E8F\u53F7 | \u540D\u79F0+\u8BF4\u660E | \u8BA1\u6570\u3002 */\n.rg-dataflow {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  gap: 8px;\n  counter-reset: rg-flow;\n}\n.rg-dataflow-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  min-width: 0;\n}\n.rg-dataflow-index {\n  flex: none;\n  width: 20px;\n  height: 20px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--dsw-radius-full, 999px);\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  font-weight: var(--dsw-font-s-strong-14, 600);\n}\n\n/* \u6D41\u52A8\u8109\u51B2\uFF08v0.11\u300C\u53EF\u89C6\u5316\u6D41\u52A8\u300D\uFF09\uFF1A\u56DB\u73AF\u94FE\u8DEF\u7684\u5E8F\u53F7\u70B9\u6309\u94FE\u8DEF\u987A\u5E8F\u547C\u5438 \u2014\u2014\n   \u6570\u636E\u4ECE journal \u6D41\u5411\u753B\u9762\u7684\u65B9\u5411\u611F\u7528\u5EF6\u8FDF\u9519\u76F8\u8868\u8FBE\uFF08\u6BCF\u73AF\u5EF6\u8FDF 0.3s\uFF09\u3002\n   \u52A8\u753B\u53EA\u52A8 opacity\uFF08\u5408\u6210\u5C42\u5C5E\u6027\uFF0C\u4E0D\u89E6\u53D1\u91CD\u6392\uFF09\uFF1B\u7CFB\u7EDF\u300C\u51CF\u5C11\u52A8\u6001\u300D\u65F6\u505C\u7528\uFF0C\n   \u9759\u6001\u5E8F\u53F7\u4ECD\u7136\u5B8C\u6574\u627F\u8F7D\u4FE1\u606F\uFF08\u52A8\u753B\u662F\u589E\u5F3A\uFF0C\u4E0D\u662F\u4FE1\u606F\u8F7D\u4F53\uFF09\u3002 */\n.rg-dataflow-step .rg-dataflow-index {\n  animation: rg-flow-pulse 1.8s var(--rg-ease, ease) infinite;\n}\n.rg-dataflow-step:nth-child(2) .rg-dataflow-index {\n  animation-delay: 0.3s;\n}\n.rg-dataflow-step:nth-child(3) .rg-dataflow-index {\n  animation-delay: 0.6s;\n}\n.rg-dataflow-step:nth-child(4) .rg-dataflow-index {\n  animation-delay: 0.9s;\n}\n@keyframes rg-flow-pulse {\n  0%,\n  100% {\n    opacity: 1;\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--dsw-alias-brand-primary) 0%, transparent);\n  }\n  50% {\n    opacity: 0.55;\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--dsw-alias-brand-primary) 18%, transparent);\n  }\n}\n.rg-dataflow-main {\n  min-width: 0;\n  display: grid;\n  gap: 2px;\n}\n.rg-dataflow-label {\n  color: var(--dsw-alias-label-primary);\n  font-weight: var(--dsw-font-s-strong-14, 600);\n  font-size: 13px;\n}\n.rg-dataflow-detail {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n.rg-dataflow-count {\n  flex: none;\n  margin-left: auto;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* \u7CFB\u7EDF\u8BCA\u65AD\u5361\uFF1A\u7D27\u51D1\u952E\u503C\u5BF9 + \u53CD\u9988\u6309\u94AE\u3002 */\n.rg-issues-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  margin-top: 10px;\n  text-decoration: none;\n  color: var(--dsw-alias-brand-primary);\n  border: 1px solid var(--dsw-alias-border-l1);\n}\n.rg-issues-button:hover {\n  border-color: var(--dsw-alias-brand-primary);\n}\n";
 
 // src/client/styles.ts
 var STYLE_ELEMENT_ID = "dsh-recency-guard-styles";

package/dist/index.js

@@ -2557,6 +2557,7 @@ var ROUTE_PATHS = {
   archives: "/recency-guard/api/archives",
   archive: "/recency-guard/api/action/archive",
   reenable: "/recency-guard/api/action/reenable",
+  restore: "/recency-guard/api/action/restore",
   recover: "/recency-guard/api/action/recover"
 };
 var ROUTE_SURFACE = [
@@ -2567,6 +2568,7 @@ var ROUTE_SURFACE = [
   { capability: "guard.govern.archive", name: "archives", exposedName: "recency-guard.archives", path: ROUTE_PATHS.archives, method: "GET" },
   { capability: "guard.govern.reset", name: "archive", exposedName: "recency-guard.reset", path: ROUTE_PATHS.archive, method: "POST" },
   { capability: "guard.recover.reenable", name: "reenable", exposedName: "recency-guard.reenable", path: ROUTE_PATHS.reenable, method: "POST" },
+  { capability: "guard.recover.restore", name: "restore", exposedName: "recency-guard.restore", path: ROUTE_PATHS.restore, method: "POST" },
   { capability: "guard.recover.manual", name: "recover", exposedName: "recency-guard.recover", path: ROUTE_PATHS.recover, method: "POST" }
 ];
 function sendJson(res, data, status = 200) {
@@ -2595,21 +2597,38 @@ async function readBody(req) {
     return null;
   }
 }
+function partitionOf(req) {
+  const url = req.url ?? "";
+  const qIndex = url.indexOf("?");
+  if (qIndex === -1) return void 0;
+  const params = new URLSearchParams(url.slice(qIndex + 1));
+  const value = params.get("partition");
+  return value === null || value === "" ? void 0 : value;
+}
+function rejectWrongMethod(req, res) {
+  if ((req.method ?? "GET").toUpperCase() === "POST") return false;
+  res.writeHead(405, { allow: "POST", "content-type": "application/json; charset=utf-8" });
+  res.end(JSON.stringify({ ok: false, reason: `\u52A8\u4F5C\u8DEF\u7531\u53EA\u63A5\u53D7 POST\uFF08\u6536\u5230 ${req.method ?? "GET"}\uFF09` }));
+  return true;
+}
 function handlerTable(ctx) {
-  const read = (load) => async (_req, res) => {
+  const read = (load) => async (req, res) => {
     try {
-      sendJson(res, await load());
+      sendJson(res, await load(partitionOf(req)));
     } catch (error) {
       sendJson(res, { available: false, reason: describe(error) }, 500);
     }
   };
   return {
-    snapshot: read(() => ctx.snapshot()),
+    snapshot: read(
+      (partition) => partition === void 0 || partition === ctx.projectKey ? ctx.snapshot() : ctx.snapshotPartition(partition)
+    ),
     graph: read(() => ctx.graph()),
     isolation: read(() => ctx.isolation()),
     lifecycle: read(() => ctx.lifecycle()),
     archives: read(() => ctx.archives()),
     archive: async (req, res) => {
+      if (rejectWrongMethod(req, res)) return;
       try {
         const body = await readBody(req);
         const reason = typeof body?.reason === "string" && body.reason.trim() !== "" ? body.reason : "\u624B\u52A8\u5F52\u6863\u91CD\u7F6E";
@@ -2619,6 +2638,7 @@ function handlerTable(ctx) {
       }
     },
     reenable: async (req, res) => {
+      if (rejectWrongMethod(req, res)) return;
       try {
         const body = await readBody(req);
         const bundle = typeof body?.bundle === "string" ? body.bundle : "";
@@ -2631,7 +2651,16 @@ function handlerTable(ctx) {
         sendJson(res, { ok: false, reason: describe(error) }, 500);
       }
     },
-    recover: async (_req, res) => {
+    restore: async (req, res) => {
+      if (rejectWrongMethod(req, res)) return;
+      try {
+        sendJson(res, await ctx.restore());
+      } catch (error) {
+        sendJson(res, { ok: false, reason: describe(error) }, 500);
+      }
+    },
+    recover: async (req, res) => {
+      if (rejectWrongMethod(req, res)) return;
       try {
         sendJson(res, await ctx.recover());
       } catch (error) {
@@ -2833,6 +2862,9 @@ var CAPABILITY_SPECS = [
     stage: "recovered",
     exposed: true,
     exposedAs: "recency_guard",
+    // v0.11：restore 同时作为**动作路由**暴露（/action/restore），面板的
+    // 「恢复非嫌疑插件」按钮走这条路由 —— 名称必须声明，契约测试双向核对。
+    exposedAlsoAs: ["recency-guard.restore"],
     exposedActions: ["restore"],
     hostServices: ["tools", "pluginManager"]
   },
@@ -3505,6 +3537,67 @@ function partitionHealth(index) {
   }));
 }
 
+// src/partition-snapshot.ts
+async function buildPartitionSnapshot(input, key) {
+  const index = readPartitionIndex(input.profileDir);
+  const target = index.partitions.find((p) => p.key === key);
+  if (!target) {
+    return {
+      available: false,
+      reason: `\u672A\u77E5\u5206\u533A ${key}\uFF08\u672C profile \u53EA\u6709 ${index.partitions.length} \u4E2A\u5206\u533A\uFF09`
+    };
+  }
+  const viewer = new Store(input.profileDir, key);
+  const [state, journal] = await Promise.all([viewer.readState(), viewer.readJournal(40)]);
+  const events = journal.slice(-40).map((e) => ({ t: e.t, kind: e.kind, bundle: e.bundle, detail: e.detail }));
+  return {
+    at: (/* @__PURE__ */ new Date()).toISOString(),
+    profile: input.profileName,
+    projectKey: key,
+    // 运行时字段如实归属：阶段与评分是**当前进程**的状态机事实，
+    // 别的分区没有自己的守护进程在跑，这里不能替它编一个阶段。
+    stage: "idle",
+    stageLabel: "\u8DE8\u5206\u533A\u53EA\u8BFB\u89C6\u56FE\uFF08\u9636\u6BB5\u4E3A\u5F53\u524D\u5206\u533A\u8BED\u4E49\uFF0C\u975E\u5BF9\u65B9\u5B9E\u65F6\u72B6\u6001\uFF09",
+    transitions: [],
+    stabilityScore: null,
+    metrics: null,
+    risks: [],
+    capability: null,
+    graphConnectivity: null,
+    restored: state.restored,
+    autoDisabled: state.autoDisabled.map((d) => ({
+      name: d.name,
+      reason: d.reason,
+      crashSeq: d.crashSeq,
+      disabledAt: d.disabledAt
+    })),
+    lastRecoveryVerdict: state.lastRecoveryVerdict ?? null,
+    partitions: index.partitions.map((p) => ({ ...p })),
+    eventFlow: [],
+    recentEvents: events,
+    markov: null,
+    backupPolicy: {
+      versionedBackups: input.config.versionedBackups,
+      retain: input.config.backupRetain,
+      customRoot: false,
+      root: viewer.backupsRoot,
+      configEditorAvailable: input.config.configEditorAvailable
+    },
+    diagnostics: {
+      pluginVersion: input.selfPackage.version,
+      hostVersion: readHostVersion(),
+      platform: process.platform,
+      nodeVersion: process.version,
+      dataPlane: true,
+      snapshotMs: null,
+      repositoryUrl: input.selfPackage.repositoryUrl,
+      issuesUrl: input.selfPackage.issuesUrl
+    },
+    readonly: true,
+    workspace: target.workspace
+  };
+}
+
 // src/archive.ts
 import { existsSync as existsSync7, mkdirSync as mkdirSync6, readdirSync, readFileSync as readFileSync7, renameSync as renameSync4, statSync as statSync2, writeFileSync as writeFileSync7 } from "node:fs";
 import { join as join7 } from "node:path";
@@ -4184,11 +4277,14 @@ function apply(ctx, config) {
         profileDir: profile.dir,
         workspace: partition.workspace,
         profileName: profile.name,
+        projectKey: partition.key,
         snapshot: () => guard.panelSnapshot(),
+        snapshotPartition: (key) => guard.partitionSnapshot(key),
         graph: () => guard.graphData(),
         archive: (reason) => guard.archiveReset(reason),
         archives: () => guard.archives(),
         reenable: (bundle) => guard.reenable(bundle),
+        restore: () => guard.restore(),
         recover: () => guard.recoverNow(),
         isolation: async () => guard.isolationView(),
         lifecycle: async () => guard.lifecycleView(),
@@ -5080,6 +5176,31 @@ ${error?.stack ?? ""}
   async graphData() {
     return buildGraphDataFor(buildCapabilityGraph());
   }
+  /**
+   * 跨分区只读快照（v0.11 P0：数据面真正支持 `?partition=` 查询）。
+   *
+   * 投影实现在 `partition-snapshot.ts`（独立模块：磁盘投影有自己的一条
+   * 隔离边界要讲清楚，且 index.ts 复杂度预算 100 不该被它撑破）。
+   */
+  async partitionSnapshot(key) {
+    return buildPartitionSnapshot(
+      {
+        profileDir: this.profileDir,
+        profileName: this.profileName,
+        config: {
+          versionedBackups: this.config.versionedBackups,
+          backupRetain: this.config.backupRetain,
+          configEditorAvailable: this.configEditorAvailable
+        },
+        selfPackage: {
+          version: this.selfPackage.version,
+          repositoryUrl: this.selfPackage.repositoryUrl,
+          issuesUrl: this.selfPackage.issuesUrl
+        }
+      },
+      key
+    );
+  }
   /**
    * 实际注册出去的对外名称。
    *

package/locale/en.json

@@ -17,7 +17,9 @@
     "emptyHint": "The guard has not recorded any startup facts yet.",
     "snapshotAt": "Snapshot at {time}",
     "pollingOn": "polling every {seconds}s",
-    "pollingPaused": "polling paused (the view is frozen at the pause moment)"
+    "pollingPaused": "polling paused (the view is frozen at the pause moment)",
+    "restore": "Restore non-suspects",
+    "stale": "Data is {minutes} min old (polling paused)"
   },
   "sections": {
     "backupPolicy": "Backup policy",
@@ -228,11 +230,13 @@
       "metric": "Metric",
       "bundle": "Bundle",
       "gap": "Gap"
-    }
+    },
+    "matchIndex": "Match {index}/{total}"
   },
   "events": {
     "title": "Event stream",
-    "count": "last {count}"
+    "count": "last {count}",
+    "more": "Show {count} more"
   },
   "partitions": {
     "title": "Project partitions",

package/locale/zh.json

@@ -17,7 +17,9 @@
     "emptyHint": "守护插件尚未记录任何启动事实。",
     "snapshotAt": "快照时刻 {time}",
     "pollingOn": "每 {seconds} 秒轮询",
-    "pollingPaused": "轮询已暂停（画面停在暂停时刻）"
+    "pollingPaused": "轮询已暂停（画面停在暂停时刻）",
+    "restore": "恢复非嫌疑插件",
+    "stale": "数据已停留 {minutes} 分钟（轮询已暂停）"
   },
   "sections": {
     "backupPolicy": "备份策略",
@@ -228,11 +230,13 @@
       "metric": "指标",
       "bundle": "插件",
       "gap": "缺口"
-    }
+    },
+    "matchIndex": "第 {index}/{total} 个"
   },
   "events": {
     "title": "事件流",
-    "count": "最近 {count} 条"
+    "count": "最近 {count} 条",
+    "more": "展开其余 {count} 条"
   },
   "partitions": {
     "title": "项目分区",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-recency-guard",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "Crash-recovery guard for DeepSeek Harness: records third-party/experimental plugin install & update recency, backs up their config, and after a crash auto-disables the most-recently-updated plugin(s) so the profile boots again, then restores stable config.",
   "license": "MIT",
   "type": "module",
@@ -43,10 +43,10 @@
     "extract-runtime": "node scripts/extract-runtime.mjs",
     "repair-patch": "tsx scripts/repair-patch.mjs",
     "test": "tsx tests/run.ts",
-    "test:unit": "tsx tests/unit.test.ts",
-    "test:tool": "tsx tests/tool.test.ts",
+    "test:unit": "tsx tests/unit/core.test.ts",
+    "test:routes": "tsx tests/host/routes.test.ts",
     "test:coverage": "tsx tests/run.ts --coverage",
-    "test:e2e": "tsx tests/tool.test.ts"
+    "test:e2e": "tsx tests/host/tool.test.ts"
   },
   "dsh": {
     "manifestVersion": 1,