@shgroup/dsh-serenity-hooks 1.109.0 → 1.111.0

package/dsh.plugin.json

@@ -1,6 +1,6 @@
 {
   "id": "dsh-serenity-hooks",
-  "version": "1.109.0",
+  "version": "1.111.0",
   "main": "lib/index.js",
   "description": "宁静号 ACC harness（Native Cordis 插件）：给 DSH 装一个「AI 工作区」——12 个工具（container_fs/cognitive_trajectory/dashboard/container_git/msm/praxis/ontology/serenity-skill-creator/localstore/container_admin；另两个 im-bridge/diagram 按配置条件出现）+ 机械约束（安全模式/工作区围墙/密钥守卫）+ 认知轨迹日志与原地重建 + 网页登录入口/IM 桥/认知轨迹唤醒注册表。轨迹声明 = 轨迹目录下的 trajectory.json（约束面 + 旧标识 uid + CRO 机器绑定 cro.host；旧名 trajectory-constraint.json / skiff.json 仍在读取族里）；轨迹提示词 = 轨迹目录下的 PROMPT.md（一条轨迹「是谁、按什么章程工作」，所有轨迹通用，追加在容器层与质量层之后，不替换它们）。适配 DSH 0.1.7-rc.1 / 0.2.0-rc.1 / 0.2.1-rc.1（三档，deepseek-ai/deepseek-harness）。",
   "engines": {

package/lib/client.js

@@ -8,7 +8,7 @@ window.__ModuleLoader__.load({
 		let react = require("react");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		//#region \0sp-css:src/client/SafeModePanel
-		const css$5 = "/* SafeModePanel — 会话头部 Serenity 状态胶囊（v1.24.10 胶囊改版，对齐 OcgoDockEntry pill）\n * 胶囊 999px 全圆 → 点击 → 自绘 popover（340px 右上角卡片，外点/Escape 关闭）\n * popover 内：分组（groupTitle 标题 + rowCard 行卡）——看齐官方 settings 设计语言\n * 遵循 web-styling.md：颜色只用 --dsw-alias-* 语义 token（明暗自适应）+ --sp-safe-green 统一绿家族；\n * 前缀 sp- 防冲突。 */\n\n/* ── 统一绿色变量家族（一处改全改；emerald 500~600 区间保证深色对比度） ── */\n\n.sp-root {\n  --sp-safe-green: #0ba875;      /* emerald-550：SAFE ON 主色 */\n  --sp-safe-green-deep: #059669; /* emerald-600：渐变深端 */\n}\n\n/* ── 头部状态胶囊（可点击） ── */\n\n.sp-card {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 9px;              /* 无固定 height：由内容撑高（胶囊） */\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 999px;\n  background: var(--dsw-alias-bg-layer-2);\n  color: inherit;\n  font-size: 12px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background var(--ds-transition-duration-fast, 0.1s) var(--ds-ease-in-out, ease),\n    border-color var(--ds-transition-duration-fast, 0.1s) var(--ds-ease-in-out, ease);\n}\n\n.sp-card:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  border-color: var(--dsw-alias-border-l2);\n}\n\n.sp-card:focus-visible {\n  outline: 2px solid var(--dsw-alias-button-ghost-active-border);\n  outline-offset: 1px;\n}\n\n.sp-card:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n/* 绿点 = Serenity 在线（恒亮绿，不随 SAFE 变）；离线/未激活 → 灰 */\n.sp-dot {\n  flex: none;\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--dsw-alias-state-success-primary);\n}\n\n.sp-dotOff {\n  background: var(--dsw-alias-label-dimmed);\n}\n\n.sp-cardInactive {\n  opacity: 0.85;\n}\n\n.sp-cardInactive .sp-brand {\n  color: var(--dsw-alias-label-secondary);\n  font-weight: 500;\n}\n\n.sp-brand {\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n/* 版本号：monospace + translateY(1px) 下沉对齐（与文字基线齐平） */\n.sp-ver {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  font-family: var(--ds-font-family-code, monospace);\n  transform: translateY(1px);\n}\n\n/* 1px 深灰分隔线（两侧紧凑） */\n.sp-sep {\n  flex: none;\n  width: 1px;\n  height: 12px;\n  margin: 0 2px;\n  background: var(--dsw-alias-label-tertiary);\n}\n\n.sp-shield {\n  display: inline-flex;\n  width: 14px;\n  height: 14px;\n  flex: none;\n}\n\n.sp-shield svg {\n  width: 14px;\n  height: 14px;\n}\n\n.sp-statusWord {\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0;\n  white-space: nowrap;\n}\n\n/* SAFE OFF（未保护）：灰——低姿态提醒，非错误（用户自己的开关选择） */\n.sp-cardUnprotected .sp-shield {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sp-cardUnprotected .sp-statusWord {\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* SAFE ON（保护中）：emerald 绿——安心（盾牌实色 + SAFE 文字渐变质感） */\n.sp-cardProtected .sp-shield {\n  color: var(--sp-safe-green);\n}\n\n.sp-cardProtected .sp-statusWord {\n  color: var(--sp-safe-green);\n  background: linear-gradient(135deg, var(--sp-safe-green) 0%, var(--sp-safe-green-deep) 100%);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n/* ── Mac 风格滑块（v1.24.10：轨道 24×13 / thumb 11px 灰白 #f2f4f6 无图标 / cubic-bezier 平滑） ── */\n\n.sp-switch {\n  display: inline-block;\n  width: 24px;\n  height: 13px;\n  border-radius: 999px;\n  position: relative;\n  flex: none;\n  cursor: pointer;\n  transition: background 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.sp-switchOff {\n  background: var(--dsw-alias-border-l2);\n}\n\n.sp-switchOn {\n  background: var(--sp-safe-green);\n}\n\n.sp-switchThumb {\n  position: absolute;\n  top: 1px;\n  width: 11px;\n  height: 11px;\n  border-radius: 50%;\n  background: #f2f4f6; /* Mac 灰白 thumb（明暗通用） */\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\n  transition: left 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.sp-switchOff .sp-switchThumb {\n  left: 1px;\n}\n\n.sp-switchOn .sp-switchThumb {\n  left: 12px; /* 24 - 11 - 1 */\n}\n\n/* CSS 特异性坑（S013 指南）：.sp-switch:hover (0,2,0) 会覆盖 .sp-switchOn (0,1,0)\n * → ON 态 hover 绿底消失。必须同特异性且后定义补回。 */\n.sp-switch:hover {\n  filter: brightness(1.08);\n}\n\n.sp-switchOn:hover {\n  background: var(--sp-safe-green);\n}\n\n.sp-switchBusy {\n  opacity: 0.6;\n  cursor: default;\n  pointer-events: none;\n}\n\n.sp-chev {\n  color: var(--dsw-alias-label-dimmed);\n  flex: none;\n}\n\n/* ── 自绘 popover（340px 右上角小卡片，替代官方 Modal） ── */\n\n.sp-root {\n  position: relative;\n  display: inline-flex;\n}\n\n/* ── 自绘 popover（卡片，替代官方 Modal）\n   v1.36.1（所有者：「卡片做成双倍宽，左侧是信息，右侧是动画」）：340 → **680px**（双倍）。\n   v1.39.1（所有者：「下拉 dialog / 弹窗内容过宽后，会被左侧元素遮挡」）：\n     🔴 根因 = **祖先 `overflow:hidden` 裁切**，不是 z-index 也不是宽度不够。\n     真机取证（CDP hit-test，1280/1600/1920 三档一致）：\n       · 胶囊右端 x=954.2、卡片 680 宽 ⇒ 左边界 274.2\n       · 而会话中列 `pI_x6G_centerCol` / `wSkVaW_root` 都 `overflow:hidden` 且左边界 = **280**\n       ⇒ 左边缘 **5.8px** 被裁掉（左边框线与圆角消失）。\n     加宽前（340px）左边界 614.2 远在 280 右侧 ⇒ **这正是 v1.36.1 加宽引入的回归**。\n     修法：**改为 `position: fixed`** —— fixed 子元素**不受祖先 overflow 裁切**；\n     坐标由 SafeModePanel 用 `getBoundingClientRect()` 算出并夹取进视口（见 .tsx 的 useLayoutEffect）。\n     （本仓 client 侧**无 `react-dom` 依赖** ⇒ `createPortal` 不可用；fixed 是等效且更轻的出路。\n       已在真机验证祖先链**无** transform/filter/contain/will-change ⇒ fixed 不会被降级为相对某祖先。）\n     宽度仍走 `min(680px, 100vw-24px)`（窄视口兜底），窄屏退回单栏见文末 @media。 */\n.sp-pop {\n  position: fixed; /* 不受祖先 overflow:hidden 裁切；left/top 由 JS 计算 */\n  top: 0; /* ← 声明默认值，JS 会覆写（未落位时组件给 -9999 屏外值，不会闪到右下角） */\n  left: 0;\n  /* 🔴 2026-10-18（owner：「可以到 1000px 宽，长度更长些，允许存在滚动条」）：\n     680 → **1000px**。这是 CCC 状态面板的**容器**，未来更多 CCC 内容都装在这里，\n     ⇒ 宽度按\"要承载什么\"给，不按\"当前装了多少\"给。\n     窄视口仍走 `calc(100vw - 24px)` 兜底（不因追求宽度而在小屏上溢出）。 */\n  width: min(1000px, calc(100vw - 24px));\n  z-index: 2000;\n  box-sizing: border-box;\n  padding: 14px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 14px;\n  background: var(--dsw-alias-bg-overlay);\n  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);\n}\n\n/* ── 航行动画栏：宁静号心智模型（ACC 层资产 /serenity/voyage，S142 §12.44 → v1.36.1 改右栏）\n   v1.36.1 改版（所有者：「卡片做成双倍宽，左侧是信息，右侧是动画」）：\n   动画从**背景层**改为**右栏**。这一改动解开了 v1.36.0 的取舍死结——\n   旧布局里动画垫在正文底下，必须靠 0.75 的卡片底色把它压住才读得清字；\n   分段之后两者不再争同一片像素 ⇒ 动画可以亮、正文可以干净，不必再互相妥协。\n   ⚠️ 动画本身仍是「卡片模式」（词元压到 22%、铭牌层关闭），本栏只负责**给位置**，不改作品。 */\n.sp-popVoyage {\n  overflow: hidden; /* 裁掉 iframe 在 14px 圆角外的溢出 */\n  /* 分段后不再需要 0.75 的重压暗：压到 0.9 只压整体观感，不与正文争对比度。\n     若所有者觉得动画太亮/太暗，这仍是主旋钮（次旋钮 = iframe 的 blur）。 */\n  background: rgba(6, 11, 14, 0.9);\n  display: flex;\n  flex-direction: row;\n  /* 两栏都从**同一行高**分配（row 轴 cross = 高度）：左栏按内容、右栏吃满行高。\n     行高 = 左栏内容高度，且被 max-height 封顶 ⇒ 信息长时内部滚动，动画不把行撑破。 */\n  align-items: stretch;\n  gap: 12px;\n  padding: 12px;\n  /* 🔴 2026-10-18（owner：「长度更长些，允许存在滚动条」）：120 → **80**。\n     上限贴着视口走，把能给的垂直空间尽量给出去；真正超长时由**内部两栏各自滚动**消化\n     （左栏 `.sp-popBody` 有 overflow-y:auto，右栏动画吃满行高）——卡片本身仍不溢出视口。 */\n  max-height: calc(100vh - 80px);\n}\n/* 左栏：内容区（**主体**）—— owner 2026-10-18：「内容区作为主体，用多 panel 模式」\n   旧形态：固定 340px 的信息栏 ＋ 吃掉剩余宽度的动画栏（动画占了大半张卡片）。\n   现在：内容区 `flex: 1` 吃掉主体，动画降为**定宽窄栏**（见 .sp-voyage）。\n   ⚠️ 顺序仍由 `order` 决定（内容在左、动画在右），与 DOM 顺序解耦。 */\n/* 左栏：内容区——**定宽一列**（tab 只显示一个列表，不需要铺满）\n   🔴 2026-10-18 owner 修正后的分工：内容区占**固定列宽**，动画吃剩余空间。\n   为什么定宽而不是 flex:1：tab 里只有一个列表，铺得越宽每行留白越多、反而更难读；\n   定宽 420px 让\"标识 ＋ 名字 ＋ 天数\"三列都有合适密度，剩下的横向空间整体让给动画。 */\n.sp-popVoyage > .sp-content {\n  order: 1;\n  position: relative;\n  z-index: 1;\n  flex: none;\n  width: 420px;\n  min-width: 0;\n}\n/* 右栏：动画——**恢复为可伸缩**（owner 2026-10-18 修正：「剩下的位置还是给动画」）\n   🔵 为什么这次可以给它 flex:1 而上一版不行：上一版两 panel 并排把宽度吃光了；\n      改成 tab 后内容区只占一列 ⇒ 右侧空出来的位置本来就该是动画的。\n   ⚠️ 仍然 `min-width: 0`：动画 iframe 不该把内容区挤窄（内容区是 flex:none 的一列）。 */\n.sp-voyage {\n  order: 2;\n  flex: 1 1 auto;\n  min-width: 0;\n  position: relative;\n  pointer-events: none; /* 纯展示：不挡点击、不抢焦点 */\n  overflow: hidden;\n  border-radius: 10px;\n  /* 卡片加高后动画也随之变长，避免\"加高只换来留白\" */\n  min-height: 360px;\n}\n.sp-voyage iframe {\n  display: block;\n  width: 100%;\n  height: 100%;\n  border: 0;\n  /* ⚠️ 用 iframe 自身的 filter 而**不是** backdrop-filter：iframe 内容不参与本文档的\n     backdrop（跨文档不采样）⇒ backdrop-filter 对它无效，只有 filter 才是可靠的杠杆。\n     v1.36.1：动画移入独立右栏后不再压在文字后面 ⇒ 磨砂可以收得很轻（1.2 → 0.6px），\n     既保留柔化，又让飞船细节（舷窗/引擎环）比旧版清楚。 */\n  filter: blur(0.6px);\n}\n\n/* 窄屏（放不下两栏）⇒ 退回单栏：信息在上、动画在下（DOM 顺序即如此，无需改结构） */\n@media (max-width: 860px) {\n  .sp-pop {\n    /* 两栏放不下时，卡片回到\"不超过视口\"的旧行为 */\n    width: min(520px, calc(100vw - 24px));\n  }\n  .sp-popVoyage {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .sp-popVoyage > .sp-content {\n    /* 单栏下不再定宽 420px：跟随卡片宽度 */\n    flex: 1 1 auto;\n    width: auto;\n  }\n  .sp-voyage {\n    flex: none;\n    width: auto;\n    height: 180px;\n    min-height: 0;\n  }\n}\n\n.sp-popBody {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  max-height: calc(100vh - 140px);\n  overflow-y: auto;\n}\n\n/* ── 分组（官方 settings 语言：groupTitle + rows） ── */\n\n.sp-group {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.sp-groupHead {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n\n.sp-groupTitle {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sp-rows {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n/* ── safe-mode 状态徽标（owner 2026-10-18：「显示小标志即可，是个状态信息」）──────────\n   旧形态 = 盾牌 ＋ SAFE 字样 ＋ Mac 滑块（看起来像控件、实际可点）。\n   现在 = **不可交互**的小徽标：一个状态点 ＋ 两三个字母。\n   ⚠️ 刻意**不做 hover 反馈、不做 cursor:pointer** —— 它不是按钮。\n     这类\"长得像控件却只是信息\"的形态，正是旧版让人误以为面板能改 safe-mode 的成因。 */\n.sp-safeBadge {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  flex: none;\n  padding: 1px 7px;\n  border-radius: 99px;\n  font-size: 10.5px;\n  line-height: 15px;\n  font-weight: 600;\n  letter-spacing: 0.03em;\n  border: 1px solid transparent;\n  white-space: nowrap;\n}\n.sp-safeBadgeOn {\n  color: #6ee7b7;\n  background: rgba(16, 185, 129, 0.12);\n  border-color: rgba(16, 185, 129, 0.35);\n}\n.sp-safeBadgeOff {\n  color: var(--dsw-alias-label-secondary);\n  background: rgba(127, 127, 127, 0.1);\n  border-color: var(--dsw-alias-border-l1);\n}\n.sp-safeDot {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  flex: none;\n  background: currentColor;\n}\n\n/* ── 运行环境：一行元信息（owner：「比较丑，简易一些」）──────────────\n   旧形态 = 三个带边框的 row 卡片。它们是**背景事实**（路径/模型/守卫），\n   逐行加框等于把\"不值得对焦的信息\"提到与主体同等的视觉权重。\n   现在 = 一行等宽小字，溢出省略（path 很长时靠 title 给全文）。 */\n.sp-meta {\n  flex: none;\n  display: flex;\n  align-items: baseline;\n  gap: 6px;\n  min-width: 0;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-secondary);\n  font-family: var(--ds-font-family-code, monospace);\n  white-space: nowrap;\n  overflow: hidden;\n}\n.sp-metaPath {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.sp-metaSep {\n  flex: none;\n  opacity: 0.45;\n}\n\n/* ── safe-mode 快捷开关（owner 2026-10-22：「放到 CCC 面板里吧，方便些」）──\n   形态沿用胶囊里那枚 Mac 风格滑块（24×13），只缩到 32×16 以贴合 11px 小字行高。\n   🔴 `align-self: center` + `flex: none`：`.sp-meta` 是 `align-items: baseline`，\n      滑块按基线对齐会**沉到文字下沿**（视觉上像掉出这一行）。 */\n.sp-quickSwitch {\n  flex: none;\n  align-self: center;\n  position: relative;\n  width: 32px;\n  height: 16px;\n  padding: 0;\n  border: none;\n  border-radius: 999px;\n  cursor: pointer;\n  transition: background-color 120ms ease;\n}\n/* OFF 态底色取官方 `border-l3`（中性灰，浅/深主题都成立）。\n   ⚠️ 不用 `--dsw-alias-fill-*` 家族：那份词汇表里**没有** fill-* 系列\n   （`client-css-tokens.test.ts` 的官方白名单是唯一真相源，自造 token 会在浅色主题下变黑块）。 */\n.sp-quickSwitchOff {\n  background: var(--dsw-alias-border-l3);\n}\n.sp-quickSwitchOn {\n  background: #10b981; /* emerald-500，与胶囊 SAFE ON 的绿一致 */\n}\n.sp-quickSwitchBusy {\n  opacity: 0.55;\n  cursor: default;\n}\n.sp-quickSwitchThumb {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: #fff;\n  transition: transform 120ms ease;\n}\n.sp-quickSwitchOn .sp-quickSwitchThumb {\n  transform: translateX(16px);\n}\n/* SAFE ON/OFF 字样：紧挨滑块，是**状态文字**不是控件（滑块才是控件） */\n.sp-metaSafeWord {\n  flex: none;\n  font-variant-numeric: tabular-nums;\n}\n\n/* ── 主体：tab 容器（owner 2026-10-18 修正：「活动轨迹和 skills 使用 tab 来实现，\n   剩下的位置还是给动画」）─────────────────────────────────────────────\n   这条修正**推翻了上一版\"两 panel 并排\"的布局**，理由值得写下来（R↓）：\n   并排会把内容区横着吃掉一倍宽度，动画栏只能被压成 240px 定宽窄条。\n   改成 tab 后——**同一块面积轮换显示两个列表**——内容区宽度减半，\n   省下的横向空间**正好还给动画**（见 .sp-voyage 恢复 flex:1）。\n   ⇒ \"tab\" 在本面板里不只是交互选择，它**同时是布局手段**。 */\n.sp-content {\n  flex: 1 1 auto;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  overflow: hidden;\n}\n.sp-tabs {\n  flex: 1 1 auto;\n  min-height: 0;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  overflow: hidden;\n}\n/* tab 条：贴近官方 settings 的分段控件语域（低调、无边框盒） */\n.sp-tabBar {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--dsw-alias-border-l1);\n}\n.sp-tab {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border: 0;\n  border-radius: 8px 8px 0 0;\n  background: transparent;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  /* 选中态**不只依赖颜色**（色盲不友好）：底部 2px 高亮条 ＋ 文字色提亮 */\n  border-bottom: 2px solid transparent;\n  margin-bottom: -7px;\n}\n.sp-tab:hover {\n  color: var(--dsw-alias-label-primary);\n}\n.sp-tabActive {\n  color: var(--dsw-alias-label-primary);\n  border-bottom-color: #10b981;\n}\n.sp-panelEmpty {\n  margin: 0;\n  padding: 8px 4px;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n}\n/* tab 内容列表：**自身滚动**（不把容器顶长） */\n.sp-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.sp-item {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  min-width: 0;\n  padding: 4px 6px;\n  border-radius: 6px;\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: 11px;\n  line-height: 16px;\n}\n.sp-item:hover {\n  background: var(--dsw-alias-bg-overlay);\n}\n/* 标识列：UID 或编码。定宽让多行对齐，与目录名分离 */\n.sp-itemId {\n  flex: none;\n  min-width: 56px;\n  max-width: 120px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.sp-itemName {\n  flex: 1;\n  min-width: 0;\n  color: var(--dsw-alias-label-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.sp-itemNameFull {\n  flex: 1 1 auto;\n}\n.sp-itemAge {\n  flex: none;\n  min-width: 32px;\n  text-align: right;\n  color: var(--dsw-alias-label-secondary);\n}\n/* 空壳标记：目录在但没有 SESSION.md ⇒ **真异常**（激活会失败），不是阶段 */\n.sp-itemWarn {\n  flex: none;\n  padding: 0 5px;\n  border-radius: 4px;\n  font-size: 10px;\n  line-height: 14px;\n  color: #fff;\n  background: #c2410c;\n}\n/* 已建模标记：🟢 **信息**不是缺陷（无 skill.ttl 完全正常）⇒ 中性灰，不用告警色 */\n.sp-itemTag {\n  flex: none;\n  padding: 0 5px;\n  border-radius: 4px;\n  font-size: 10px;\n  line-height: 14px;\n  color: var(--dsw-alias-label-secondary);\n  border: 1px solid var(--dsw-alias-border-l1);\n}\n\n/* ── 活跃轨迹清单（owner 2026-10-18 需求二）─────────────────────────\n   形态：每行 = [S### 定宽] [目录名 伸缩] [天数 定宽右对齐] [空壳标记 条件]\n   · 用 mono 字体：目录名与 S### 是**标识符**，等宽才扫得快\n   · 名字用 `text-overflow: ellipsis` 单行截断 + `title` 全文 —— 目录名很长时\n     宁可行内截断，也不让一行折成三四行把整个清单撑得读不下去\n   · 整个列表**有上限高度 + 自身滚动**：轨迹会越攒越多，而它的容器（左栏）不该跟着无限长 */\n.sp-count {\n  font-size: 11px;\n  line-height: 16px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n  font-family: var(--ds-font-family-code, monospace);\n  padding: 0 6px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 99px;\n}\n\n.sp-trajList {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  /* 清单自身封顶：活跃轨迹会越攒越多，超出后本列表滚动，不把左栏顶长 */\n  max-height: 240px;\n  overflow-y: auto;\n}\n\n.sp-trajItem {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  min-width: 0;\n  padding: 5px 8px;\n  border-radius: 8px;\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: 11px;\n  line-height: 16px;\n}\n.sp-trajItem:hover {\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.sp-trajId {\n  flex: none;\n  min-width: 40px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sp-trajName {\n  flex: 1;\n  min-width: 0;\n  color: var(--dsw-alias-label-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sp-trajAge {\n  flex: none;\n  color: var(--dsw-alias-label-secondary);\n  text-align: right;\n  min-width: 32px;\n}\n\n/* 空壳标记：目录在但没有 SESSION.md —— 这是**真异常**（激活会失败），不是阶段。\n   ⚠️ 因此用告警色，而不是任何\"状态\"色。 */\n.sp-trajWarn {\n  flex: none;\n  padding: 0 5px;\n  border-radius: 4px;\n  font-size: 10px;\n  line-height: 14px;\n  color: #fff;\n  background: #c2410c;\n}\n\n/* 行卡（rowCard：border + radius + padding；值与 label 分离、长内容可换行） */\n.sp-row {\n  display: flex;\n  align-items: baseline;\n  gap: 12px;\n  min-width: 0;\n  padding: 8px 12px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.sp-label {\n  /* 🔴 曾写死 `width: 76px` ⇒ 「CheapWorker 模型」这类长标签会**溢出到数值上**\n     （nowrap ＋ 定宽 ⇒ 文字直接压过去，不换行也不报错）。\n     改 `min-width`：短标签仍在同一列对齐，长标签自己撑开，绝不压数值。 */\n  flex: none;\n  min-width: 76px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-secondary);\n  white-space: nowrap;\n}\n\n.sp-value {\n  flex: 1;\n  min-width: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n  font-family: var(--ds-font-family-code, monospace);\n  word-break: break-all;\n  overflow-wrap: anywhere;\n}\n\n/* 安全模式动作区 */\n.sp-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 12px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.sp-toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  height: 24px;\n  padding: 0 10px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 6px;\n  font-size: 12px;\n  cursor: pointer;\n  transition: background var(--ds-transition-duration-fast, 0.1s) var(--ds-ease-in-out, ease);\n}\n\n.sp-toggleLg {\n  height: 30px;\n  padding: 0 16px;\n  font-size: 13px;\n}\n\n.sp-toggleOn {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 14%, transparent);\n  color: var(--dsw-alias-state-error-primary);\n  border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 45%, transparent);\n}\n\n.sp-toggleOff {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sp-toggleIcon {\n  flex: none;\n}\n\n.sp-toggleDesc {\n  flex: 1;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* 🔴 2026-10-14：`.sp-cheapWorkers*` / `.sp-cheapWorker*` 样式区块已随 background 模式删除\n   —— 那是「运行中 cheap-worker」列表（进度文件驱动）的样式，而进度文件不再有生产者。\n   🔴 2026-10-28：工具本体也整条下线 ⇒ 这些类名**永远不会再出现**。 */\n\n/* 底部提示（配置入口引导） */\n.sp-hint {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n  word-break: break-word;\n  overflow-wrap: anywhere;\n  padding: 8px 12px;\n  border: 1px dashed var(--dsw-alias-border-l2);\n  border-radius: 10px;\n}\n";
+		const css$5 = "/* SafeModePanel — 会话头部 Serenity 状态胶囊（v1.24.10 胶囊改版，对齐 OcgoDockEntry pill）\n * 胶囊 999px 全圆 → 点击 → 自绘 popover（340px 右上角卡片，外点/Escape 关闭）\n * popover 内：分组（groupTitle 标题 + rowCard 行卡）——看齐官方 settings 设计语言\n * 遵循 web-styling.md：颜色只用 --dsw-alias-* 语义 token（明暗自适应）+ --sp-safe-green 统一绿家族；\n * 前缀 sp- 防冲突。 */\n\n/* ── 统一绿色变量家族（一处改全改；emerald 500~600 区间保证深色对比度） ── */\n\n.sp-root {\n  --sp-safe-green: #0ba875;      /* emerald-550：SAFE ON 主色 */\n  --sp-safe-green-deep: #059669; /* emerald-600：渐变深端 */\n}\n\n/* ── 头部状态胶囊（可点击） ── */\n\n.sp-card {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 9px;              /* 无固定 height：由内容撑高（胶囊） */\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 999px;\n  background: var(--dsw-alias-bg-layer-2);\n  color: inherit;\n  font-size: 12px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background var(--ds-transition-duration-fast, 0.1s) var(--ds-ease-in-out, ease),\n    border-color var(--ds-transition-duration-fast, 0.1s) var(--ds-ease-in-out, ease);\n}\n\n.sp-card:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  border-color: var(--dsw-alias-border-l2);\n}\n\n.sp-card:focus-visible {\n  outline: 2px solid var(--dsw-alias-button-ghost-active-border);\n  outline-offset: 1px;\n}\n\n.sp-card:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n/* 绿点 = Serenity 在线（恒亮绿，不随 SAFE 变）；离线/未激活 → 灰 */\n.sp-dot {\n  flex: none;\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--dsw-alias-state-success-primary);\n}\n\n.sp-dotOff {\n  background: var(--dsw-alias-label-dimmed);\n}\n\n.sp-cardInactive {\n  opacity: 0.85;\n}\n\n.sp-cardInactive .sp-brand {\n  color: var(--dsw-alias-label-secondary);\n  font-weight: 500;\n}\n\n.sp-brand {\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n/* 版本号：monospace + translateY(1px) 下沉对齐（与文字基线齐平） */\n.sp-ver {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  font-family: var(--ds-font-family-code, monospace);\n  transform: translateY(1px);\n}\n\n/* 1px 深灰分隔线（两侧紧凑） */\n.sp-sep {\n  flex: none;\n  width: 1px;\n  height: 12px;\n  margin: 0 2px;\n  background: var(--dsw-alias-label-tertiary);\n}\n\n.sp-shield {\n  display: inline-flex;\n  width: 14px;\n  height: 14px;\n  flex: none;\n}\n\n.sp-shield svg {\n  width: 14px;\n  height: 14px;\n}\n\n.sp-statusWord {\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0;\n  white-space: nowrap;\n}\n\n/* SAFE OFF（未保护）：灰——低姿态提醒，非错误（用户自己的开关选择） */\n.sp-cardUnprotected .sp-shield {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sp-cardUnprotected .sp-statusWord {\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* SAFE ON（保护中）：emerald 绿——安心（盾牌实色 + SAFE 文字渐变质感） */\n.sp-cardProtected .sp-shield {\n  color: var(--sp-safe-green);\n}\n\n.sp-cardProtected .sp-statusWord {\n  color: var(--sp-safe-green);\n  background: linear-gradient(135deg, var(--sp-safe-green) 0%, var(--sp-safe-green-deep) 100%);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n/* ── Mac 风格滑块（v1.24.10：轨道 24×13 / thumb 11px 灰白 #f2f4f6 无图标 / cubic-bezier 平滑） ── */\n\n.sp-switch {\n  display: inline-block;\n  width: 24px;\n  height: 13px;\n  border-radius: 999px;\n  position: relative;\n  flex: none;\n  cursor: pointer;\n  transition: background 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.sp-switchOff {\n  background: var(--dsw-alias-border-l2);\n}\n\n.sp-switchOn {\n  background: var(--sp-safe-green);\n}\n\n.sp-switchThumb {\n  position: absolute;\n  top: 1px;\n  width: 11px;\n  height: 11px;\n  border-radius: 50%;\n  background: #f2f4f6; /* Mac 灰白 thumb（明暗通用） */\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\n  transition: left 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.sp-switchOff .sp-switchThumb {\n  left: 1px;\n}\n\n.sp-switchOn .sp-switchThumb {\n  left: 12px; /* 24 - 11 - 1 */\n}\n\n/* CSS 特异性坑（S013 指南）：.sp-switch:hover (0,2,0) 会覆盖 .sp-switchOn (0,1,0)\n * → ON 态 hover 绿底消失。必须同特异性且后定义补回。 */\n.sp-switch:hover {\n  filter: brightness(1.08);\n}\n\n.sp-switchOn:hover {\n  background: var(--sp-safe-green);\n}\n\n.sp-switchBusy {\n  opacity: 0.6;\n  cursor: default;\n  pointer-events: none;\n}\n\n.sp-chev {\n  color: var(--dsw-alias-label-dimmed);\n  flex: none;\n}\n\n/* ── 自绘 popover（340px 右上角小卡片，替代官方 Modal） ── */\n\n.sp-root {\n  position: relative;\n  display: inline-flex;\n}\n\n/* ── 自绘 popover（卡片，替代官方 Modal）\n   v1.36.1（所有者：「卡片做成双倍宽，左侧是信息，右侧是动画」）：340 → **680px**（双倍）。\n   v1.39.1（所有者：「下拉 dialog / 弹窗内容过宽后，会被左侧元素遮挡」）：\n     🔴 根因 = **祖先 `overflow:hidden` 裁切**，不是 z-index 也不是宽度不够。\n     真机取证（CDP hit-test，1280/1600/1920 三档一致）：\n       · 胶囊右端 x=954.2、卡片 680 宽 ⇒ 左边界 274.2\n       · 而会话中列 `pI_x6G_centerCol` / `wSkVaW_root` 都 `overflow:hidden` 且左边界 = **280**\n       ⇒ 左边缘 **5.8px** 被裁掉（左边框线与圆角消失）。\n     加宽前（340px）左边界 614.2 远在 280 右侧 ⇒ **这正是 v1.36.1 加宽引入的回归**。\n     修法：**改为 `position: fixed`** —— fixed 子元素**不受祖先 overflow 裁切**；\n     坐标由 SafeModePanel 用 `getBoundingClientRect()` 算出并夹取进视口（见 .tsx 的 useLayoutEffect）。\n     （本仓 client 侧**无 `react-dom` 依赖** ⇒ `createPortal` 不可用；fixed 是等效且更轻的出路。\n       已在真机验证祖先链**无** transform/filter/contain/will-change ⇒ fixed 不会被降级为相对某祖先。）\n     宽度仍走 `min(680px, 100vw-24px)`（窄视口兜底），窄屏退回单栏见文末 @media。 */\n.sp-pop {\n  position: fixed; /* 不受祖先 overflow:hidden 裁切；left/top 由 JS 计算 */\n  top: 0; /* ← 声明默认值，JS 会覆写（未落位时组件给 -9999 屏外值，不会闪到右下角） */\n  left: 0;\n  /* 🔴 2026-10-18（owner：「可以到 1000px 宽，长度更长些，允许存在滚动条」）：\n     680 → **1000px**。这是 CCC 状态面板的**容器**，未来更多 CCC 内容都装在这里，\n     ⇒ 宽度按\"要承载什么\"给，不按\"当前装了多少\"给。\n     窄视口仍走 `calc(100vw - 24px)` 兜底（不因追求宽度而在小屏上溢出）。 */\n  width: min(1000px, calc(100vw - 24px));\n  z-index: 2000;\n  box-sizing: border-box;\n  padding: 14px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 14px;\n  background: var(--dsw-alias-bg-overlay);\n  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);\n}\n\n/* ── 航行动画栏：宁静号心智模型（ACC 层资产 /serenity/voyage，S142 §12.44 → v1.36.1 改右栏）\n   v1.36.1 改版（所有者：「卡片做成双倍宽，左侧是信息，右侧是动画」）：\n   动画从**背景层**改为**右栏**。这一改动解开了 v1.36.0 的取舍死结——\n   旧布局里动画垫在正文底下，必须靠 0.75 的卡片底色把它压住才读得清字；\n   分段之后两者不再争同一片像素 ⇒ 动画可以亮、正文可以干净，不必再互相妥协。\n   ⚠️ 动画本身仍是「卡片模式」（词元压到 22%、铭牌层关闭），本栏只负责**给位置**，不改作品。 */\n.sp-popVoyage {\n  overflow: hidden; /* 裁掉 iframe 在 14px 圆角外的溢出 */\n  /* 分段后不再需要 0.75 的重压暗：压到 0.9 只压整体观感，不与正文争对比度。\n     若所有者觉得动画太亮/太暗，这仍是主旋钮（次旋钮 = iframe 的 blur）。 */\n  background: rgba(6, 11, 14, 0.9);\n  display: flex;\n  flex-direction: row;\n  /* 两栏都从**同一行高**分配（row 轴 cross = 高度）：左栏按内容、右栏吃满行高。\n     行高 = 左栏内容高度，且被 max-height 封顶 ⇒ 信息长时内部滚动，动画不把行撑破。 */\n  align-items: stretch;\n  gap: 12px;\n  padding: 12px;\n  /* 🔴 2026-10-18（owner：「长度更长些，允许存在滚动条」）：120 → **80**。\n     上限贴着视口走，把能给的垂直空间尽量给出去；真正超长时由**内部两栏各自滚动**消化\n     （左栏 `.sp-popBody` 有 overflow-y:auto，右栏动画吃满行高）——卡片本身仍不溢出视口。 */\n  max-height: calc(100vh - 80px);\n}\n/* 左栏：内容区（**主体**）—— owner 2026-10-18：「内容区作为主体，用多 panel 模式」\n   旧形态：固定 340px 的信息栏 ＋ 吃掉剩余宽度的动画栏（动画占了大半张卡片）。\n   现在：内容区 `flex: 1` 吃掉主体，动画降为**定宽窄栏**（见 .sp-voyage）。\n   ⚠️ 顺序仍由 `order` 决定（内容在左、动画在右），与 DOM 顺序解耦。 */\n/* 左栏：内容区——**定宽一列**（tab 只显示一个列表，不需要铺满）\n   🔴 2026-10-18 owner 修正后的分工：内容区占**固定列宽**，动画吃剩余空间。\n   为什么定宽而不是 flex:1：tab 里只有一个列表，铺得越宽每行留白越多、反而更难读；\n   定宽 420px 让\"标识 ＋ 名字 ＋ 天数\"三列都有合适密度，剩下的横向空间整体让给动画。 */\n.sp-popVoyage > .sp-content {\n  order: 1;\n  position: relative;\n  z-index: 1;\n  flex: none;\n  width: 420px;\n  min-width: 0;\n}\n/* 右栏：动画——**恢复为可伸缩**（owner 2026-10-18 修正：「剩下的位置还是给动画」）\n   🔵 为什么这次可以给它 flex:1 而上一版不行：上一版两 panel 并排把宽度吃光了；\n      改成 tab 后内容区只占一列 ⇒ 右侧空出来的位置本来就该是动画的。\n   ⚠️ 仍然 `min-width: 0`：动画 iframe 不该把内容区挤窄（内容区是 flex:none 的一列）。 */\n.sp-voyage {\n  order: 2;\n  flex: 1 1 auto;\n  min-width: 0;\n  position: relative;\n  pointer-events: none; /* 纯展示：不挡点击、不抢焦点 */\n  overflow: hidden;\n  border-radius: 10px;\n  /* 卡片加高后动画也随之变长，避免\"加高只换来留白\" */\n  min-height: 360px;\n}\n.sp-voyage iframe {\n  display: block;\n  width: 100%;\n  height: 100%;\n  border: 0;\n  /* ⚠️ 用 iframe 自身的 filter 而**不是** backdrop-filter：iframe 内容不参与本文档的\n     backdrop（跨文档不采样）⇒ backdrop-filter 对它无效，只有 filter 才是可靠的杠杆。\n     v1.36.1：动画移入独立右栏后不再压在文字后面 ⇒ 磨砂可以收得很轻（1.2 → 0.6px），\n     既保留柔化，又让飞船细节（舷窗/引擎环）比旧版清楚。 */\n  filter: blur(0.6px);\n}\n\n/* 窄屏（放不下两栏）⇒ 退回单栏：信息在上、动画在下（DOM 顺序即如此，无需改结构） */\n@media (max-width: 860px) {\n  .sp-pop {\n    /* 两栏放不下时，卡片回到\"不超过视口\"的旧行为 */\n    width: min(520px, calc(100vw - 24px));\n  }\n  .sp-popVoyage {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .sp-popVoyage > .sp-content {\n    /* 单栏下不再定宽 420px：跟随卡片宽度 */\n    flex: 1 1 auto;\n    width: auto;\n  }\n  .sp-voyage {\n    flex: none;\n    width: auto;\n    height: 180px;\n    min-height: 0;\n  }\n}\n\n.sp-popBody {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  max-height: calc(100vh - 140px);\n  overflow-y: auto;\n}\n\n/* ── 分组（官方 settings 语言：groupTitle + rows） ── */\n\n.sp-group {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.sp-groupHead {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n\n.sp-groupTitle {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sp-rows {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n/* ── safe-mode 状态徽标（owner 2026-10-18：「显示小标志即可，是个状态信息」）──────────\n   旧形态 = 盾牌 ＋ SAFE 字样 ＋ Mac 滑块（看起来像控件、实际可点）。\n   现在 = **不可交互**的小徽标：一个状态点 ＋ 两三个字母。\n   ⚠️ 刻意**不做 hover 反馈、不做 cursor:pointer** —— 它不是按钮。\n     这类\"长得像控件却只是信息\"的形态，正是旧版让人误以为面板能改 safe-mode 的成因。 */\n.sp-safeBadge {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  flex: none;\n  padding: 1px 7px;\n  border-radius: 99px;\n  font-size: 10.5px;\n  line-height: 15px;\n  font-weight: 600;\n  letter-spacing: 0.03em;\n  border: 1px solid transparent;\n  white-space: nowrap;\n}\n.sp-safeBadgeOn {\n  color: #6ee7b7;\n  background: rgba(16, 185, 129, 0.12);\n  border-color: rgba(16, 185, 129, 0.35);\n}\n.sp-safeBadgeOff {\n  color: var(--dsw-alias-label-secondary);\n  background: rgba(127, 127, 127, 0.1);\n  border-color: var(--dsw-alias-border-l1);\n}\n.sp-safeDot {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  flex: none;\n  background: currentColor;\n}\n\n/* ── 运行环境：一行元信息（owner：「比较丑，简易一些」）──────────────\n   旧形态 = 三个带边框的 row 卡片。它们是**背景事实**（路径/模型/守卫），\n   逐行加框等于把\"不值得对焦的信息\"提到与主体同等的视觉权重。\n   现在 = 一行等宽小字，溢出省略（path 很长时靠 title 给全文）。 */\n.sp-meta {\n  flex: none;\n  display: flex;\n  align-items: baseline;\n  gap: 6px;\n  min-width: 0;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-secondary);\n  font-family: var(--ds-font-family-code, monospace);\n  white-space: nowrap;\n  overflow: hidden;\n}\n.sp-metaPath {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.sp-metaSep {\n  flex: none;\n  opacity: 0.45;\n}\n\n/* ── safe-mode 快捷开关（owner 2026-10-22：「放到 CCC 面板里吧，方便些」）──\n   形态沿用胶囊里那枚 Mac 风格滑块（24×13），只缩到 32×16 以贴合 11px 小字行高。\n   🔴 `align-self: center` + `flex: none`：`.sp-meta` 是 `align-items: baseline`，\n      滑块按基线对齐会**沉到文字下沿**（视觉上像掉出这一行）。 */\n.sp-quickSwitch {\n  flex: none;\n  align-self: center;\n  position: relative;\n  width: 32px;\n  height: 16px;\n  padding: 0;\n  border: none;\n  border-radius: 999px;\n  cursor: pointer;\n  transition: background-color 120ms ease;\n}\n/* OFF 态底色取官方 `border-l3`（中性灰，浅/深主题都成立）。\n   ⚠️ 不用 `--dsw-alias-fill-*` 家族：那份词汇表里**没有** fill-* 系列\n   （`client-css-tokens.test.ts` 的官方白名单是唯一真相源，自造 token 会在浅色主题下变黑块）。 */\n.sp-quickSwitchOff {\n  background: var(--dsw-alias-border-l3);\n}\n.sp-quickSwitchOn {\n  background: #10b981; /* emerald-500，与胶囊 SAFE ON 的绿一致 */\n}\n.sp-quickSwitchBusy {\n  opacity: 0.55;\n  cursor: default;\n}\n.sp-quickSwitchThumb {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: #fff;\n  transition: transform 120ms ease;\n}\n.sp-quickSwitchOn .sp-quickSwitchThumb {\n  transform: translateX(16px);\n}\n/* SAFE ON/OFF 字样：紧挨滑块，是**状态文字**不是控件（滑块才是控件） */\n.sp-metaSafeWord {\n  flex: none;\n  font-variant-numeric: tabular-nums;\n}\n\n/* ── 主体：tab 容器（owner 2026-10-18 修正：「活动轨迹和 skills 使用 tab 来实现，\n   剩下的位置还是给动画」）─────────────────────────────────────────────\n   这条修正**推翻了上一版\"两 panel 并排\"的布局**，理由值得写下来（R↓）：\n   并排会把内容区横着吃掉一倍宽度，动画栏只能被压成 240px 定宽窄条。\n   改成 tab 后——**同一块面积轮换显示两个列表**——内容区宽度减半，\n   省下的横向空间**正好还给动画**（见 .sp-voyage 恢复 flex:1）。\n   ⇒ \"tab\" 在本面板里不只是交互选择，它**同时是布局手段**。 */\n.sp-content {\n  flex: 1 1 auto;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  overflow: hidden;\n}\n.sp-tabs {\n  flex: 1 1 auto;\n  min-height: 0;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  overflow: hidden;\n}\n/* tab 条：贴近官方 settings 的分段控件语域（低调、无边框盒） */\n.sp-tabBar {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--dsw-alias-border-l1);\n}\n.sp-tab {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border: 0;\n  border-radius: 8px 8px 0 0;\n  background: transparent;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  /* 选中态**不只依赖颜色**（色盲不友好）：底部 2px 高亮条 ＋ 文字色提亮 */\n  border-bottom: 2px solid transparent;\n  margin-bottom: -7px;\n}\n.sp-tab:hover {\n  color: var(--dsw-alias-label-primary);\n}\n.sp-tabActive {\n  color: var(--dsw-alias-label-primary);\n  border-bottom-color: #10b981;\n}\n.sp-panelEmpty {\n  margin: 0;\n  padding: 8px 4px;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n}\n/* tab 内容列表：**自身滚动**（不把容器顶长） */\n.sp-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.sp-item {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  min-width: 0;\n  padding: 4px 6px;\n  border-radius: 6px;\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: 11px;\n  line-height: 16px;\n}\n.sp-item:hover {\n  background: var(--dsw-alias-bg-overlay);\n}\n/* 标识列：UID 或编码。定宽让多行对齐，与目录名分离 */\n.sp-itemId {\n  flex: none;\n  min-width: 56px;\n  max-width: 120px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.sp-itemName {\n  flex: 1;\n  min-width: 0;\n  color: var(--dsw-alias-label-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.sp-itemNameFull {\n  flex: 1 1 auto;\n}\n.sp-itemAge {\n  flex: none;\n  min-width: 32px;\n  text-align: right;\n  color: var(--dsw-alias-label-secondary);\n}\n/* 空壳标记：目录在但没有 SESSION.md ⇒ **真异常**（激活会失败），不是阶段 */\n.sp-itemWarn {\n  flex: none;\n  padding: 0 5px;\n  border-radius: 4px;\n  font-size: 10px;\n  line-height: 14px;\n  color: #fff;\n  background: #c2410c;\n}\n/* 已建模标记：🟢 **信息**不是缺陷（无 skill.ttl 完全正常）⇒ 中性灰，不用告警色 */\n.sp-itemTag {\n  flex: none;\n  padding: 0 5px;\n  border-radius: 4px;\n  font-size: 10px;\n  line-height: 14px;\n  color: var(--dsw-alias-label-secondary);\n  border: 1px solid var(--dsw-alias-border-l1);\n}\n\n/* ── 活跃轨迹清单（owner 2026-10-18 需求二）─────────────────────────\n   形态：每行 = [S### 定宽] [目录名 伸缩] [天数 定宽右对齐] [空壳标记 条件]\n   · 用 mono 字体：目录名与 S### 是**标识符**，等宽才扫得快\n   · 名字用 `text-overflow: ellipsis` 单行截断 + `title` 全文 —— 目录名很长时\n     宁可行内截断，也不让一行折成三四行把整个清单撑得读不下去\n   · 整个列表**有上限高度 + 自身滚动**：轨迹会越攒越多，而它的容器（左栏）不该跟着无限长 */\n.sp-count {\n  font-size: 11px;\n  line-height: 16px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n  font-family: var(--ds-font-family-code, monospace);\n  padding: 0 6px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 99px;\n}\n\n.sp-trajList {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  /* 清单自身封顶：活跃轨迹会越攒越多，超出后本列表滚动，不把左栏顶长 */\n  max-height: 240px;\n  overflow-y: auto;\n}\n\n.sp-trajItem {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  min-width: 0;\n  padding: 5px 8px;\n  border-radius: 8px;\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: 11px;\n  line-height: 16px;\n}\n.sp-trajItem:hover {\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.sp-trajId {\n  flex: none;\n  min-width: 40px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sp-trajName {\n  flex: 1;\n  min-width: 0;\n  color: var(--dsw-alias-label-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sp-trajAge {\n  flex: none;\n  color: var(--dsw-alias-label-secondary);\n  text-align: right;\n  min-width: 32px;\n}\n\n/* 空壳标记：目录在但没有 SESSION.md —— 这是**真异常**（激活会失败），不是阶段。\n   ⚠️ 因此用告警色，而不是任何\"状态\"色。 */\n.sp-trajWarn {\n  flex: none;\n  padding: 0 5px;\n  border-radius: 4px;\n  font-size: 10px;\n  line-height: 14px;\n  color: #fff;\n  background: #c2410c;\n}\n\n/* 行卡（rowCard：border + radius + padding；值与 label 分离、长内容可换行） */\n.sp-row {\n  display: flex;\n  align-items: baseline;\n  gap: 12px;\n  min-width: 0;\n  padding: 8px 12px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.sp-label {\n  /* 🔴 曾写死 `width: 76px` ⇒ 「CheapWorker 模型」这类长标签会**溢出到数值上**\n     （nowrap ＋ 定宽 ⇒ 文字直接压过去，不换行也不报错）。\n     改 `min-width`：短标签仍在同一列对齐，长标签自己撑开，绝不压数值。 */\n  flex: none;\n  min-width: 76px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-secondary);\n  white-space: nowrap;\n}\n\n.sp-value {\n  flex: 1;\n  min-width: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n  font-family: var(--ds-font-family-code, monospace);\n  word-break: break-all;\n  overflow-wrap: anywhere;\n}\n\n/* 安全模式动作区 */\n.sp-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 12px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.sp-toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  height: 24px;\n  padding: 0 10px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 6px;\n  font-size: 12px;\n  cursor: pointer;\n  transition: background var(--ds-transition-duration-fast, 0.1s) var(--ds-ease-in-out, ease);\n}\n\n.sp-toggleLg {\n  height: 30px;\n  padding: 0 16px;\n  font-size: 13px;\n}\n\n.sp-toggleOn {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 14%, transparent);\n  color: var(--dsw-alias-state-error-primary);\n  border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 45%, transparent);\n}\n\n.sp-toggleOff {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sp-toggleIcon {\n  flex: none;\n}\n\n.sp-toggleDesc {\n  flex: 1;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* 🔴 2026-10-14：`.sp-cheapWorkers*` / `.sp-cheapWorker*` 样式区块已随 background 模式删除\n   —— 那是「运行中 cheap-worker」列表（进度文件驱动）的样式，而进度文件不再有生产者。\n   🔴 2026-10-28：工具本体也整条下线 ⇒ 这些类名**永远不会再出现**。 */\n\n/* 底部提示（配置入口引导） */\n.sp-hint {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n  word-break: break-word;\n  overflow-wrap: anywhere;\n  padding: 8px 12px;\n  border: 1px dashed var(--dsw-alias-border-l2);\n  border-radius: 10px;\n}\n\n/* ── 订阅 tab（v1.110.0：从 DSH 设置面板搬到 CCC 面板）─────────────────\n   🔴 为什么这一段样式在**这个**文件里：面板是 420px 定宽的一栏，\n   而设置面板是宽页 ⇒ 原来用 `style={{...}}` 内联的写法搬过来会挤爆窄栏。\n   这里全部走类名，并让**内容区自身滚动**（`.sp-subsBody`），\n   与 `.sp-list` 同一套做法：清单越多不该把卡片顶长。 */\n.sp-subs {\n  flex: 1 1 auto;\n  min-height: 0;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  overflow: hidden;\n}\n\n.sp-subsBar {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n.sp-subsBtn {\n  flex: none;\n  padding: 3px 10px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 6px;\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n  font-size: 11px;\n  line-height: 16px;\n  cursor: pointer;\n}\n.sp-subsBtn:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n/* 说明文字：**单行截断**（窄栏里换行会把按钮行撑高两倍），全文走 title */\n.sp-subsHint {\n  flex: 1;\n  min-width: 0;\n  font-size: 10px;\n  line-height: 14px;\n  color: var(--dsw-alias-label-tertiary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* 内容区：**自身滚动**（订阅/投递/机制三段加起来通常比一屏高） */\n.sp-subsBody {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.sp-subsSectionTitle {\n  flex: none;\n  margin-top: 6px;\n  font-size: 11px;\n  line-height: 16px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n}\n.sp-subsSectionTitle:first-child {\n  margin-top: 0;\n}\n\n/* 机制计数：等宽（数字要能对齐扫读），可换行（它是一句完整的话） */\n.sp-subsMeter {\n  margin: 0;\n  padding: 4px 6px;\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: 10px;\n  line-height: 15px;\n  color: var(--dsw-alias-label-secondary);\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n\n/* 告警：配置坏项 / 拉取失败 / 投递失败。**用告警色**（它是真异常，不是状态） */\n.sp-subsError {\n  margin: 0;\n  padding: 4px 6px;\n  border-radius: 6px;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-state-error-primary);\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent);\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n\n/* ── v1.111.0：把「谁盯谁」从一句话改成卡片（owner：「太丑陋了 这怎么让人看得懂呢」）──\n   旧形态 = 一整行 `2026-10-23--butler--家庭容器治理管家 盯 2026-10-20--logistics--…、…`，\n   130+ 字符塞进 420px 栏 ⇒ 截断位置恰好落在**后半批成员**上，\n   于是\"它到底管哪几条\"这件事在界面上**根本读不到**（不是不好看，是信息丢失）。\n   新形态 = 卡头一行（观察者 → N 个）＋ 成员各占一行 ＋ note 灰字，都是短名。 */\n.sp-subsCard {\n  flex: none;\n  padding: 6px 8px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-2);\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n}\n\n.sp-subsCardHead {\n  display: flex;\n  align-items: baseline;\n  gap: 6px;\n  min-width: 0;\n}\n\n/* 观察者名：**加粗且不截断主体**（它是这条卡片的标题） */\n.sp-subsWho {\n  flex: 1;\n  min-width: 0;\n  font-size: 12px;\n  line-height: 17px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sp-subsArrow {\n  flex: none;\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* 「7 个」计数：用小徽章形状，让\"它管几条\"一眼可数（不必逐行数） */\n.sp-subsCount {\n  flex: none;\n  padding: 0 6px;\n  border-radius: 99px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: 10px;\n  line-height: 15px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* 成员清单：每个成员一行，前面一个淡淡的圆点（读起来是\"名单\"，不是段落） */\n.sp-subsMembers {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.sp-subsMember {\n  position: relative;\n  padding-left: 12px;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-secondary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.sp-subsMember::before {\n  content: '';\n  position: absolute;\n  left: 3px;\n  top: 50%;\n  width: 3px;\n  height: 3px;\n  margin-top: -1.5px;\n  border-radius: 50%;\n  background: var(--dsw-alias-label-tertiary);\n}\n\n/* note：多行截断（3 行封顶）。它是**说明**不是数据 ⇒ 允许被截，全文走 title。\n   不给无限高度是因为 note 可以很长（管家那条 100+ 字），会把卡片撑成一整屏。 */\n.sp-subsNote {\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  font-size: 10px;\n  line-height: 15px;\n  color: var(--dsw-alias-label-tertiary);\n  border-top: 1px dashed var(--dsw-alias-border-l1);\n  padding-top: 4px;\n  margin-top: 1px;\n}\n\n/* 投递一行：左=谁（成员短名） 右=成功/失败徽章。\n   🔴 键是 `watcher←member`，旧形态把两端原始目录名拼在一起显示 ⇒ 更读不懂；\n      这里只显示**成员**（\"谁跑完了\"），watcher 已在上方卡片里，重复写只会挤爆。 */\n.sp-subsDelivery {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  min-width: 0;\n  padding: 2px 4px;\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.sp-subsDlvWho {\n  flex: 1;\n  min-width: 0;\n  color: var(--dsw-alias-label-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sp-subsDlvStat {\n  flex: none;\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: 10px;\n  padding: 0 5px;\n  border-radius: 4px;\n}\n.sp-subsDlvOk {\n  color: #10b981;\n  background: color-mix(in srgb, #10b981 14%, transparent);\n}\n.sp-subsDlvBad {\n  color: var(--dsw-alias-state-error-primary);\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 14%, transparent);\n}\n";
 		if (typeof document !== "undefined" && document.querySelector("style[data-sp-css=\"SafeModePanel\"]") === null) {
 			const tag = document.createElement("style");
 			tag.setAttribute("data-sp-css", "SafeModePanel");
@@ -24,6 +24,53 @@ window.__ModuleLoader__.load({
 		/** 尚未落位时的屏外坐标（`useLayoutEffect` 在绘制前就会覆写，肉眼看不到） */
 		const POP_OFFSCREEN = -9999;
 		const API = "/serenity/status";
+		/**
+		* 轨迹名 → 展示名（v1.111.0）。
+		*
+		* 🔴 **为什么需要它**（owner 原话：「功能正常，但太丑陋了 这怎么让人看得懂呢」）：
+		*   原始目录名 `2026-10-23--butler--家庭容器治理管家` 在 420px 窄栏里被截断成
+		*   `2026-10-23--butler--家庭容器…` —— 用户看到的是一串**日期**，而"谁"被挤没了。
+		*   日期前缀是**排序/归档信息，不是身份** ⇒ 展示时让位。
+		*
+		* 规则与 `surface/http.ts` 的 `trajectoryLabel` **同源**（剥 `YYYY-MM-DD--`，`--` → ` · `）。
+		* ⚠️ 这里是**纯字符串**副本，刻意不在 client bundle 里引入 node 侧的 `trajectory/core.ts`；
+		*   若展示规则哪天变复杂（要查盘/要本地化）⇒ **必须改为服务端下发**，别让两份规则漂。
+		*/
+		function labelOf(name) {
+			const m = /^\d{4}-\d{2}-\d{2}--(.*)$/.exec(name);
+			if (!m) return name;
+			return m[1].replace(/--/g, " · ");
+		}
+		/** 投递键 `watcher←member` → 两端展示名 */
+		function splitDeliveryKey(key) {
+			const at = key.indexOf("←");
+			if (at === -1) return {
+				watcher: labelOf(key),
+				member: ""
+			};
+			return {
+				watcher: labelOf(key.slice(0, at)),
+				member: labelOf(key.slice(at + 1))
+			};
+		}
+		const SUBSCRIPTIONS_API = "/serenity/subscriptions";
+		/**
+		* 拉取订阅读数（只读、无副作用）。
+		*
+		* @param workspace 本面板正在显示的那个 CCC（= `status.root`）。
+		*   🔴 **必须传**：服务端在"没有归属信息且多 CCC 共存"时**故意不猜**
+		*   （`surface/http.ts` 的 `resolveWorkspaceCore`）⇒ 不传就会拿到 `root:""` ＋ 空表。
+		*   ⚠️ 空表**不报错**，所以漏传这件事在界面上看起来像"没配订阅"——这正是要避免的形态。
+		*/
+		async function fetchSubscriptions(workspace) {
+			const qs = workspace ? `?workspace=${encodeURIComponent(workspace)}` : "";
+			const res = await fetch(`${SUBSCRIPTIONS_API}${qs}`, { headers: { accept: "application/json" } });
+			if (!res.ok) {
+				const body = await res.json().catch(() => null);
+				throw new Error(body?.error ?? `HTTP ${res.status}`);
+			}
+			return await res.json();
+		}
 		/** 拼接类名（等价 clsx 最小子集，避免额外依赖） */
 		function cx(...parts) {
 			return parts.filter(Boolean).join(" ");
@@ -33,7 +80,9 @@ window.__ModuleLoader__.load({
 			const [status, setStatus] = (0, react.useState)(null);
 			const [open, setOpen] = (0, react.useState)(false);
 			/** tab 切换（2026-10-18 owner 修正：活跃轨迹 / 技能 用 tab，而不是并排两个 panel）
-			*  ⚠️ 纯前端显示状态 —— 两份数据后端一次性都给全，切换**不触发任何请求**。 */
+			*  ⚠️ 前两个 tab 是纯前端显示状态 —— 那两份数据后端一次性都给全，切换**不触发请求**。
+			*  🔴 2026-11-01 新增第三个 tab「订阅」：它的数据**不在** `/serenity/status` 里
+			*  （投递计数只存在于插件进程内，见 `SubscriptionsWire` 上方说明）⇒ 首次选中时才拉一次。 */
 			const [tab, setTab] = (0, react.useState)("trajectories");
 			/** 切换在途（防重复点击；同时给按钮一个禁用态） */
 			const [busy, setBusy] = (0, react.useState)(false);
@@ -43,6 +92,10 @@ window.__ModuleLoader__.load({
 			const sessionId = props.sessionId;
 			const trajectories = status?.trajectories ?? [];
 			const skills = status?.skills ?? [];
+			const [subs, setSubs] = (0, react.useState)(null);
+			const [subsBusy, setSubsBusy] = (0, react.useState)(false);
+			const [subsError, setSubsError] = (0, react.useState)(null);
+			const subsRoot = status?.root ?? null;
 			const refresh = (0, react.useCallback)(async () => {
 				const qs = sessionId ? `?sessionId=${encodeURIComponent(sessionId)}` : "";
 				try {
@@ -56,6 +109,33 @@ window.__ModuleLoader__.load({
 				refresh();
 			}, [refresh]);
 			/**
+			* 拉订阅读数。**只在切到「订阅」tab 时拉**（不是每次开卡片都拉）：
+			* 它读的是进程内计数，多拉一次只多一次噪声；而"进面板就要有数"的诉求由 tab 切换满足。
+			* 🔴 依赖 `subsRoot`：`status` 首次加载完才有 root，root 变了必须重拉
+			* （否则从 CCC 切到另一个 CCC 时会显示上一个 CCC 的订阅表）。
+			*/
+			const loadSubs = (0, react.useCallback)(async () => {
+				if (subsRoot === null) return;
+				setSubsBusy(true);
+				setSubsError(null);
+				try {
+					setSubs(await fetchSubscriptions(subsRoot));
+				} catch (err) {
+					setSubsError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setSubsBusy(false);
+				}
+			}, [subsRoot]);
+			(0, react.useEffect)(() => {
+				if (open && tab === "subscriptions" && subs === null && !subsBusy) loadSubs();
+			}, [
+				open,
+				tab,
+				subs,
+				subsBusy,
+				loadSubs
+			]);
+			/**
 			* 切换安全模式（owner 2026-10-22：「放到 CCC 面板里吧，方便些」⇒ 快捷开关放回面板）。
 			*
 			* 🔴 写通道 = 同源 `POST /serenity/status`，服务端要求 **WebUI 专属头 `x-serenity-ui`**
@@ -235,27 +315,41 @@ window.__ModuleLoader__.load({
 								className: cx("sp-tabBar"),
 								role: "tablist",
 								"aria-label": "CCC 状态面板",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-									type: "button",
-									role: "tab",
-									"aria-selected": tab === "trajectories",
-									className: cx("sp-tab", tab === "trajectories" && "sp-tabActive"),
-									onClick: () => setTab("trajectories"),
-									children: ["活跃轨迹", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: cx("sp-count"),
-										children: trajectories.length
-									})]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-									type: "button",
-									role: "tab",
-									"aria-selected": tab === "skills",
-									className: cx("sp-tab", tab === "skills" && "sp-tabActive"),
-									onClick: () => setTab("skills"),
-									children: ["技能", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: cx("sp-count"),
-										children: skills.length
-									})]
-								})]
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										role: "tab",
+										"aria-selected": tab === "trajectories",
+										className: cx("sp-tab", tab === "trajectories" && "sp-tabActive"),
+										onClick: () => setTab("trajectories"),
+										children: ["活跃轨迹", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: cx("sp-count"),
+											children: trajectories.length
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										role: "tab",
+										"aria-selected": tab === "skills",
+										className: cx("sp-tab", tab === "skills" && "sp-tabActive"),
+										onClick: () => setTab("skills"),
+										children: ["技能", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: cx("sp-count"),
+											children: skills.length
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										role: "tab",
+										"aria-selected": tab === "subscriptions",
+										className: cx("sp-tab", tab === "subscriptions" && "sp-tabActive"),
+										onClick: () => setTab("subscriptions"),
+										children: ["订阅", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: cx("sp-count"),
+											children: subs?.subscriptions.length ?? 0
+										})]
+									})
+								]
 							}), tab === "trajectories" ? trajectories.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: cx("sp-panelEmpty"),
 								children: "暂无活跃轨迹"
@@ -286,7 +380,7 @@ window.__ModuleLoader__.load({
 										})
 									]
 								}, t.dirName))
-							}) : skills.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							}) : tab === "skills" ? skills.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: cx("sp-panelEmpty"),
 								children: "暂无技能"
 							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
@@ -304,6 +398,11 @@ window.__ModuleLoader__.load({
 										children: "建模"
 									})]
 								}, s.name))
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionsView, {
+								data: subs,
+								busy: subsBusy,
+								error: subsError,
+								onRefresh: () => void loadSubs()
 							})]
 						})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							className: cx("sp-panelEmpty"),
@@ -322,6 +421,159 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
+		/**
+		* 「订阅」tab 内容（v1.110.0）。
+		*
+		* 🔴 **刻意分三段显示，不合并不省略**：
+		*  ① **意图**（配置里写了谁盯谁）② **实际**（真的投递过没有）③ **机制**（收到过事件吗）。
+		*  三者回答三个不同问题，任一为真都不能推出另一个：
+		*   · 有意图、无实际 ⇒ 还没触发过（⛔ 不是"在工作"）
+		*   · 有实际、`failed>0` ⇒ 触发了但送不到（这才是要修的）
+		*   · `statusEvents=0` ⇒ 要么没人跑轮次，要么订阅没装配 —— **两者在读数上同形**
+		*  ⇒ 把三段合成一句话，人就分不出来了（这是本轨迹反复踩的同族形态）。
+		*
+		* ⚠️ 计数是**进程内**的（宿主重启清零）——UI 上必须写明，
+		*    否则 `0` 会被读成"从来没配过"。
+		*/
+		function SubscriptionsView(props) {
+			const { data, busy, error, onRefresh } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: cx("sp-subs"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: cx("sp-subsBar"),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: cx("sp-subsBtn"),
+							disabled: busy,
+							onClick: onRefresh,
+							children: busy ? "读取中…" : "刷新"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: cx("sp-subsHint"),
+							title: "投递计数只存在于宿主进程内存，重启即清零",
+							children: "计数重启清零"
+						})]
+					}),
+					error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						className: cx("sp-subsError"),
+						children: ["⚠ ", error]
+					}),
+					data === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: cx("sp-panelEmpty"),
+						children: busy ? "读取中…" : "尚未读取"
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: cx("sp-subsBody"),
+						children: [
+							data.problems.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+								className: cx("sp-subsError"),
+								children: [
+									"⚠ 配置坏项 ",
+									data.problems.length,
+									" 条（配了但不生效）：",
+									data.problems.join("；")
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: cx("sp-subsSectionTitle"),
+								children: "谁盯谁（配置）"
+							}),
+							data.subscriptions.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: cx("sp-panelEmpty"),
+								children: "未配置 —— 在 .opencode/serenity.json 的 trajectorySubscriptions 里写"
+							}) : data.subscriptions.map((s, i) => {
+								const wLabel = s.watcherLabel ?? labelOf(s.watcher);
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: cx("sp-subsCard"),
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: cx("sp-subsCardHead"),
+											title: `观察者：${s.watcher}`,
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: cx("sp-subsWho"),
+													children: wLabel
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: cx("sp-subsArrow"),
+													children: "→"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													className: cx("sp-subsCount"),
+													children: [s.members.length, " 个"]
+												})
+											]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+											className: cx("sp-subsMembers"),
+											children: s.members.map((m, j) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+												className: cx("sp-subsMember"),
+												title: m,
+												children: s.memberLabels?.[j] ?? labelOf(m)
+											}, m))
+										}),
+										s.note !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: cx("sp-subsNote"),
+											title: s.note,
+											children: s.note
+										})
+									]
+								}, `${s.watcher}-${i}`);
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: cx("sp-subsSectionTitle"),
+								children: "投递（实际发生过）"
+							}),
+							data.deliveries.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: cx("sp-panelEmpty"),
+								children: "还没投递过 —— 配了但没出现＝还没触发，不等于在工作"
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+								className: cx("sp-subsMembers"),
+								children: data.deliveries.map((d) => {
+									const { watcher, member } = splitDeliveryKey(d.key);
+									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+										className: cx("sp-subsDelivery"),
+										title: d.lastError ?? d.key,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: cx("sp-subsDlvWho"),
+											children: member || watcher
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: cx("sp-subsDlvStat", d.failed > 0 ? "sp-subsDlvBad" : "sp-subsDlvOk"),
+											children: d.failed > 0 ? `失败 ${d.failed}` : `成功 ${d.ok}`
+										})]
+									}, d.key);
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: cx("sp-subsSectionTitle"),
+								children: "机制（在跑吗）"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+								className: cx("sp-subsMeter"),
+								children: [
+									"收到状态事件 ",
+									data.eval.statusEvents,
+									" 次 ｜ 认出在跑 ",
+									data.eval.runningSeen,
+									" ／ 空闲",
+									" ",
+									data.eval.idleSeen,
+									" ｜ 判成一轮结束 ",
+									data.eval.turnFinished
+								]
+							}),
+							Object.keys(data.eval.skips).length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+								className: cx("sp-subsMeter"),
+								children: ["跳过：", Object.entries(data.eval.skips).map(([k, v]) => `${k}×${v}`).join("、")]
+							}),
+							data.eval.statusEvents === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: cx("sp-panelEmpty"),
+								children: "⚠ 一次状态事件都没收到 —— 此刻没人跑轮次，或订阅未装配；两者读数同形。"
+							})
+						]
+					})
+				]
+			});
+		}
 		//#endregion
 		//#region src/client/image-fallback-api.ts
 		/** 图片落盘接口路径（node half surface/http.ts，client 专属 x-serenity-ui 头） */
@@ -4754,161 +5006,10 @@ Instruction-following style:
 						title: "会话清理",
 						desc: "删除 N 天前无活动的 DSH 会话（手动，不可恢复）",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionCleanupBlock, {})
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Collapse, {
-						title: "轨迹订阅",
-						desc: "观察者盯一组成员，任一轮结束即通知（只读；配置在 serenity.json）",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionsBlock, {})
 					})
 				]
 			});
 		}
-		/**
-		* 「轨迹订阅」块（v1.108.0，owner 2026-11-01 P3）。
-		*
-		* 🔴 **只读**，且刻意分两栏显示「意图」与「实际」：
-		* · **意图栏** = 配置里写了谁盯谁；**实际栏** = 真的发生过投递的键。
-		* · 两者**必须分开看**：一个配了却不出现在实际栏的订阅 = **还没触发过**（不是"在工作"）；
-		*   出现在实际栏且 `failed>0` = **触发了但送不到**（那才是要修的）。
-		*   把这两件事合成一句话，人就分不出来了（这正是 diag ⑤ 段同一个理由）。
-		*
-		* ⚠️ 计数是**进程内**的（重启清零）—— UI 上必须写明，否则"0"会被读成"从来没配过"。
-		*/
-		function SubscriptionsBlock() {
-			const [data, setData] = (0, react.useState)(null);
-			const [busy, setBusy] = (0, react.useState)(false);
-			const [error, setError] = (0, react.useState)(null);
-			const load = async () => {
-				setBusy(true);
-				setError(null);
-				try {
-					const res = await fetch("/serenity/subscriptions", { headers: {
-						accept: "application/json",
-						"x-serenity-ui": "1"
-					} });
-					if (!res.ok) {
-						const body = await res.json().catch(() => null);
-						setError(body?.error ?? `HTTP ${res.status}`);
-						return;
-					}
-					setData(await res.json());
-				} catch (err) {
-					setError(err instanceof Error ? err.message : String(err));
-				} finally {
-					setBusy(false);
-				}
-			};
-			(0, react.useEffect)(() => {
-				load();
-			}, []);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "ss-field",
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "ss-row",
-						style: {
-							display: "flex",
-							alignItems: "center",
-							gap: 8
-						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							className: "ss-btn",
-							disabled: busy,
-							onClick: () => void load(),
-							children: busy ? "读取中…" : "刷新读数"
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: {
-								opacity: .7,
-								fontSize: 12
-							},
-							children: "投递计数只在宿主进程内有效（重启清零）；配置全表在 .opencode/serenity.json"
-						})]
-					}),
-					error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "ss-error",
-						children: ["⚠ ", error]
-					}),
-					data !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-						data.problems.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "ss-error",
-							children: [
-								"⚠ 配置坏项 ",
-								data.problems.length,
-								" 条（配了但不生效）：",
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-									style: { margin: "4px 0 0 16px" },
-									children: data.problems.map((p, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: p }, i))
-								})
-							]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
-							style: { margin: "12px 0 4px" },
-							children: "配置（意图：谁盯谁）"
-						}),
-						data.subscriptions.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: { opacity: .7 },
-							children: "（未配置任何订阅 —— 在 .opencode/serenity.json 里写 trajectorySubscriptions）"
-						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-							style: { margin: "0 0 0 16px" },
-							children: data.subscriptions.map((s, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: s.watcher }),
-								" 盯 ",
-								s.members.join("、"),
-								s.note !== null ? `（${s.note}）` : ""
-							] }, i))
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
-							style: { margin: "12px 0 4px" },
-							children: "投递（实际：发生了没有）"
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							style: {
-								opacity: .75,
-								fontSize: 12,
-								marginBottom: 4
-							},
-							children: [
-								"机制计数：收到 agent/status ",
-								data.eval.statusEvents,
-								" 次 ｜ running ",
-								data.eval.runningSeen,
-								" ／ idle",
-								" ",
-								data.eval.idleSeen,
-								" ｜ 判成一轮结束 ",
-								data.eval.turnFinished,
-								Object.keys(data.eval.skips).length > 0 && ` ｜ 跳过 ${Object.entries(data.eval.skips).map(([k, v]) => `${k}=${v}`).join("、")}`
-							]
-						}),
-						data.eval.statusEvents === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: {
-								opacity: .7,
-								fontSize: 12
-							},
-							children: "⚠ 一次 agent/status 都没收到 —— 可能此刻没人跑轮次，也可能订阅未装配；两者在读数上同形。"
-						}),
-						data.deliveries.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: { opacity: .7 },
-							children: "（本进程内还没有任何投递发生 —— 配了但没出现 = 还没触发过，不等于在工作）"
-						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-							style: { margin: "0 0 0 16px" },
-							children: data.deliveries.map((d, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
-								d.key,
-								"：成功 ",
-								d.ok,
-								" ／ 失败 ",
-								d.failed,
-								d.failed > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: "ss-error",
-									children: ["　⚠ ", d.lastError ?? "（无说明）"]
-								})
-							] }, i))
-						})
-					] })
-				]
-			});
-		}
 		/** 「会话清理」块（v1.29 需求③，S142 用户拍板：lastActive + 手动按钮 + 直接物理删）：
 		*  天数输入 → GET 预览（dryRun 列表）→ 确认 → POST 执行。live 会话由服务端保护跳过。 */
 		function SessionCleanupBlock() {

package/lib/index.js

@@ -1,7 +1,7 @@
 import { i as __toESM, n as __exportAll } from "./rolldown-runtime-B4iAMlE-.js";
 import { c as hostAgents, d as hostSessions, f as hostSettings, i as cccRootForExec, m as hostWebServer, n as agentCwdFor, o as listCccs, p as hostWeb, r as cccRootForCwd, t as NO_CCC_FROM_AGENT_CWD, u as hostService } from "./ccc-roots-DPMwBywc.js";
 import { a as findSerenityRoot$1, d as readCccName, g as resolveInside, l as pathInside, m as readTrajectorySubscriptions, s as loadSerenityConfig, t as DEFAULT_SERENITY_CONFIG_PATHS } from "./ccc-BmpE3cQz.js";
-import { A as useSession, C as resolveSessionByTitle, D as showSession, E as setActiveSessionInfo, F as isoLocal, I as localFileStamp, M as TRAJECTORY_LEGACY_FILENAMES, O as summarize, S as readTrajectoryUid, T as sessionsRoot, _ as listSessions, b as parseTrajectoryCode, c as UID_FILENAME, d as createSession, f as extractSessionMdPathFromText, j as TRAJECTORY_FILENAME, l as archiveSession, m as getActiveSessionInfo, o as COGNITIVE_TRAJECTORY_ACTIONS, p as findSession, u as clearActiveSessionInfo, v as namingTitleFor, w as sessionEvents, y as parseSessionContextFromEvents } from "./bind-file-B0TuOP89.js";
+import { A as useSession, C as resolveSessionByTitle, D as showSession, E as setActiveSessionInfo, F as isoLocal, I as localFileStamp, M as TRAJECTORY_LEGACY_FILENAMES, O as summarize, S as readTrajectoryUid, T as sessionsRoot, _ as listSessions, b as parseTrajectoryCode, c as UID_FILENAME, d as createSession, f as extractSessionMdPathFromText, j as TRAJECTORY_FILENAME, k as trajectoryDescOf, l as archiveSession, m as getActiveSessionInfo, o as COGNITIVE_TRAJECTORY_ACTIONS, p as findSession, u as clearActiveSessionInfo, v as namingTitleFor, w as sessionEvents, y as parseSessionContextFromEvents } from "./bind-file-B0TuOP89.js";
 import { n as checkLocalstoreGitCompliance, o as readStore, s as runLocalStore, t as LOCALSTORE_SCOPES } from "./service-Z3aSR1cn.js";
 import { d as findPackageRoot, i as constraintSystemPromptSource, l as resolveConstraintSystemPrompt, r as constraintCognitiveTrajectory, t as TRAJECTORY_CONSTRAINT_HINT, u as ACC_VERSION } from "./rules-BLkYTPUy.js";
 import { C as docsPointer, E as setWeixinSendEndpoint, S as runMsmAsync, T as renderDocsIndex, _ as CCC_CONFIG_REFERENCE, a as setSafeMode, b as loadMsmEntries, d as forgetNonCccToolVisibility, g as ACC_CATALOG, h as forgetToolVisibility, i as readDshVersion, m as syncToolVisibility, n as summarizeHostContract, o as listOpencodeSkillDirs, p as registerGuards, r as getStatus, s as loadOpencodeSkill, t as hostContractReport, w as findDocsChapter, x as runMsm, y as findEntry } from "./contract-BiNzzd77.js";
@@ -9290,6 +9290,27 @@ function sendJson$2(res, code, body) {
 	res.end(payload);
 }
 /**
+* 轨迹的**展示名**（v1.111.0）：`2026-10-23--butler--家庭容器治理管家` → `butler · 家庭容器治理管家`。
+*
+* 🔴 为什么要它（owner 原话：「功能正常，但太丑陋了 这怎么让人看得懂呢」）：
+*   面板是 420px 窄栏，而原始目录名 20+ 字符 ⇒ 被截断成 `2026-10-23--butler--家庭容器…`，
+*   用户看到的是**一串日期**，而身份信息（谁）被挤到看不见的地方。
+*   日期前缀是**排序/归档信息，不是身份** ⇒ 展示时让位。
+*
+* 判据：解析走 {@link parseTrajectoryCode} / {@link trajectoryDescOf} 两个**既有**函数
+*   —— 它们与 `create --id` 的写入侧同源（互逆）。⛔ 不在这里另写剥日期的正则：
+*   那会长出第二份会漂的实现（同 `resolveWorkspace` 那条纪律）。
+*
+* @param name 轨迹编码（`S142` / `butler`）**或** AGENT_SESSIONS 目录名（配置里两种都允许）
+* @returns 展示名；解析不出（不是目录名形态）⇒ **原样返回**（不吞信息，也不假装认识它）
+*/
+function trajectoryLabel(name) {
+	const code = parseTrajectoryCode(name);
+	if (code === null) return name;
+	const desc = trajectoryDescOf(name);
+	return desc === "" ? code : `${code} · ${desc}`;
+}
+/**
 * WebUI 专属动作的来源判别（C4 块 C：此前 **9 处内联** `req.headers['x-serenity-ui'] !== '1'`）。
 *
 * ⚠️ 语义边界（勿误读为认证）：这是**客户端判别头**——任何本机能发 HTTP 的进程都可自带它
@@ -9544,7 +9565,9 @@ function registerStatusApi(ctx, opts = {}) {
 					subscriptions: subs.map((s) => ({
 						watcher: s.watcher,
 						members: s.members,
-						note: s.note ?? null
+						note: s.note ?? null,
+						watcherLabel: trajectoryLabel(s.watcher),
+						memberLabels: s.members.map((m) => trajectoryLabel(m))
 					})),
 					problems,
 					deliveries: subscriptionStats(),

package/lib/surface/http.d.ts

@@ -30,6 +30,22 @@ export declare function sanitizeFileName(name: string): string;
  * 校验失败抛 Error（handler 转 400）。
  */
 export declare function saveFileToTmp(root: string, fileName: string, data: string): string;
+/**
+ * 轨迹的**展示名**（v1.111.0）：`2026-10-23--butler--家庭容器治理管家` → `butler · 家庭容器治理管家`。
+ *
+ * 🔴 为什么要它（owner 原话：「功能正常，但太丑陋了 这怎么让人看得懂呢」）：
+ *   面板是 420px 窄栏，而原始目录名 20+ 字符 ⇒ 被截断成 `2026-10-23--butler--家庭容器…`，
+ *   用户看到的是**一串日期**，而身份信息（谁）被挤到看不见的地方。
+ *   日期前缀是**排序/归档信息，不是身份** ⇒ 展示时让位。
+ *
+ * 判据：解析走 {@link parseTrajectoryCode} / {@link trajectoryDescOf} 两个**既有**函数
+ *   —— 它们与 `create --id` 的写入侧同源（互逆）。⛔ 不在这里另写剥日期的正则：
+ *   那会长出第二份会漂的实现（同 `resolveWorkspace` 那条纪律）。
+ *
+ * @param name 轨迹编码（`S142` / `butler`）**或** AGENT_SESSIONS 目录名（配置里两种都允许）
+ * @returns 展示名；解析不出（不是目录名形态）⇒ **原样返回**（不吞信息，也不假装认识它）
+ */
+export declare function trajectoryLabel(name: string): string;
 interface StatusApiRegistration {
     configPaths?: string[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shgroup/dsh-serenity-hooks",
-  "version": "1.109.0",
+  "version": "1.111.0",
   "description": "宁静号 ACC harness（Native Cordis 插件）——给 DeepSeek Harness 装一个「AI 工作区」：12 个工具（container_fs/cognitive_trajectory/dashboard/container_git/msm/praxis/ontology/serenity-skill-creator/localstore/container_admin；另两个 im-bridge/diagram 按配置条件出现）+ 机械约束（安全模式/工作区围墙/密钥守卫/对外输出守卫）+ 认知轨迹日志与原地重建 + 网页登录入口/IM 桥/认知轨迹唤醒注册表。轨迹声明 = 轨迹目录下的 trajectory.json（约束面 + 旧标识 uid + CRO 机器绑定 cro.host；旧名 trajectory-constraint.json / skiff.json 仍在读取族里）；轨迹提示词 = 轨迹目录下的 PROMPT.md（一条轨迹「是谁、按什么章程工作」，所有轨迹通用，追加在容器层与质量层之后，不替换它们）。适配 DSH 0.1.7-rc.1 / 0.2.0-rc.1 / 0.2.1-rc.1（三档）。",
   "license": "MIT",
   "repository": {