dsh-armory 2.1.0 → 2.2.1

package/lib/client.js

@@ -46,15 +46,54 @@ const { useState, useEffect, useCallback, useMemo, useRef } = React2;
 // 将来加新语言可改走 require.async 外部字典文件。
 const i18nMessages = {};
 const setI18nMessages = (table) => { Object.assign(i18nMessages, table || {}); };
-// OPT-14 · 1.1 locale 判定：localStorage 偏好 → navigator.language → zh-CN 回落。
-// 所有失败路径（存储不可用、无 navigator）都静默回落，绝不抛错影响面板加载。
-const I18N_LOCALE = (() => {
+const resetI18nMessages = () => { for (const key of Object.keys(i18nMessages)) delete i18nMessages[key]; };
+// OPT-14 · 1.1 / OPT-25 locale 判定（首个命中即返回）：
+//   ① localStorage['dsh-armory.locale'] —— 显式覆盖（测试与高级用户）
+//   ② DSH 宿主 locale.active —— 设置 → 通用里的语言，用户真正看到的 UI 语言
+//   ③ navigator.language —— 宿主 locale 不可用时的浏览器回落
+//   ④ zh-CN —— 源语言兜底
+// 只读 navigator 是 2.2.0 及以前的做法：中文系统 + DSH 设英文时 navigator 仍是
+// zh-CN，英文表永远不装载（issue #1 的根因）。宿主服务用 ctx.get('locale') 取，
+// **不写进 inject**——老版本 DSH 没有该服务时仍能照常加载。
+// 所有失败路径（存储不可用、无 navigator、宿主快照抛错）都静默回落，绝不抛错。
+const readStoredI18nLocale = () => {
   try {
-    const stored = localStorage['dsh-armory.locale'];
-    if (stored) return stored;
-  } catch { /* 存储不可用时跳过偏好，继续往下回落 */ }
-  return typeof navigator !== 'undefined' && navigator.language ? navigator.language : 'zh-CN';
-})();
+    return localStorage['dsh-armory.locale'] || null;
+  } catch { return null; }
+};
+const hostActiveLocale = (localeService) => {
+  try {
+    const snapshot = localeService && typeof localeService.getSnapshot === 'function' ? localeService.getSnapshot() : null;
+    return snapshot && typeof snapshot.active === 'string' && snapshot.active ? snapshot.active : null;
+  } catch { return null; }
+};
+const initialI18nLocale = readStoredI18nLocale()
+  || (typeof navigator !== 'undefined' && navigator.language ? navigator.language : 'zh-CN');
+let I18N_LOCALE = initialI18nLocale;
+const resolveI18nLocale = (localeService) => readStoredI18nLocale()
+  || hostActiveLocale(localeService)
+  || initialI18nLocale
+  || 'zh-CN';
+// 切换语言时必须先清空旧字典：中文（源语言）要求空表才能恒等直出，
+// 否则从 en 切回 zh 会残留英文译文。
+// P1：源语言是中文、唯一译文是英文，所以按「zh* → 中文，其余 → 英文」判定。
+// 非 zh 的非英文语言（ja / de / fr…）宁可给英文，也不把中文丢给看不懂的用户；
+// en* 之外的显式覆盖同理。新增第三种语言时才需要把这里改成精确查表。
+const isChineseLocale = (locale = I18N_LOCALE) => String(locale || '').toLowerCase().startsWith('zh');
+const usesEnglish = (locale = I18N_LOCALE) => !isChineseLocale(locale);
+const applyI18nLocale = (locale) => {
+  I18N_LOCALE = locale || initialI18nLocale || 'zh-CN';
+  resetI18nMessages();
+  if (usesEnglish()) setI18nMessages(EN_US_MESSAGES);
+  return I18N_LOCALE;
+};
+// 宿主 locale 订阅：包一层 try/catch，服务没实现 subscribe 或抛错都不影响面板。
+const subscribeI18nLocale = (localeService, listener) => {
+  try {
+    if (localeService && typeof localeService.subscribe === 'function') return localeService.subscribe(listener);
+  } catch { /* 订阅失败：保留启动时判定的语言 */ }
+  return null;
+};
 const EN_US_MESSAGES = {
  " + 捆绑技能": " + bundled skills",
  " · {0} 个失败": " · {0} failed",
@@ -117,6 +156,17 @@ const EN_US_MESSAGES = {
  "toolTailor 调用失败": "toolTailor call failed",
  "zstd 解压不可用：当前 Node 不支持 zlib.zstdDecompressSync（需 >= 22.15），所有调用计数都会是 0": "zstd decompression unavailable: this Node lacks zlib.zstdDecompressSync (needs >= 22.15); all call counts will read 0",
  "{0} 个 MCP 工具在 {1} 天内零调用，合计每轮请求白缴 ~{2} tok 上下文税。可到「MCP」页或在上方行内禁用对应服务器（随时可启用，禁用只作用于新请求）。": "{0} MCP tools had zero calls in {1} days, wasting ~{2} tok of context tax per request. Disable the servers on the 'MCP' page or inline above (re-enable anytime; disabling only affects new requests).",
+ // §6.1 / §6.2 / §6.4 工具裁缝「税的时间维度与归因」。
+ "近 {0} 天每轮真实下发的工具税（左旧右新）": "Real per-request tool tax over the last {0} days (older left, newer right)",
+ "每轮下发清单在 {0} 天内一次没变": "The per-request tool list did not change once in {0} days",
+ "每轮下发清单变化 {0} 次": "The per-request tool list changed {0} times",
+ "最近一次 {0} 个工具 ~{1} tok（{2}）": "Latest request: {0} tools, ~{1} tok ({2})",
+ "{0} 条调用事件没有可用的 time 字段，无法判定落在哪个窗口，已全部计入当前窗口（切换时间窗对这部分不生效）。": "{0} call events had no usable time field and could not be placed in any window; all were counted into the current one (switching the window does not affect them).",
+ "窗口内真实下发清单的种类数超过上限，税趋势线只覆盖前若干种。": "The window held more distinct tool lists than the cap allows; the tax trend covers only the first few.",
+ "窗口 {0} 天，但读到的调用记录只跨 {1} 天（最早一条是 {2}）；更早的部分本机没有日志，加长窗口不会改变任何数字。": "The window is {0} days, but the call records read span only {1} days (earliest {2}). There are no local logs before that, so widening the window cannot change any number.",
+ "注册表快照比最近一次真实下发多 ~{0} tok：多半是改完配置还没重启宿主，或项目级工具还没在当前会话注册。": "The registry snapshot is ~{0} tok larger than the latest real request: you likely edited the config without restarting the host, or project-level tools are not registered in this session yet.",
+ "最近一次真实下发比注册表快照多 ~{0} tok：当前会话的工具集与面板读到的全局注册表不一致（可能来自项目级或子 Agent 作用域）。": "The latest real request carries ~{0} tok more than the registry snapshot: this session's tool set differs from the global registry the panel reads (likely project-level or sub-agent scope).",
+
  "{0} 个专家正挂在 {1} 个会话上": "{0} experts are attached to {1} sessions",
  "{0} 个会话": "{0} sessions",
  "{0} 个共用": "{0} shared",
@@ -516,7 +566,8 @@ const EN_US_MESSAGES = {
  "替换当前 Profile": "Replace current profile",
  "替换该项目": "Replace this project",
  "最后使用": "Last used",
- "最多下载": "Most downloads",
+ "下载量（本页排序）": "Downloads (this page)",
+  "SkillHub 已不再提供全站下载量排序；这一项只在当前页内按下载量排序。": "SkillHub no longer offers a global download ranking; this option sorts by downloads within the current page only.",
  "最多安装": "Most installs",
  "最多星标": "Most stars",
  "最大尝试次数": "Max attempts",
@@ -759,9 +810,6 @@ const EN_US_MESSAGES = {
  "成员由主理人用 subagent 调度；若本会话没有 subagent 工具，请新建会话并选择「WorkBuddy 专家 · {0}」预设": "Members are dispatched by the lead via subagent; if this session has no subagent tool, create a new session and pick the \"WorkBuddy Expert · {0}\" preset",
  "今日": "Today",
  "账本缓存": "Ledger cache",
- "清空缓存": "Clear cache",
- "正在清空缓存…": "Clearing cache…",
- "已清空缓存，释放 {0}": "Cache cleared, {0} freed",
   " 条": " items",
  "": "",
  "&": "&",
@@ -822,7 +870,68 @@ const EN_US_MESSAGES = {
   "跳转到指定页": "Jump to a specific page",
   "共 {0} 条": "{0} total",
   "免认证": "No auth",
-  "这个看板是只读的：宿主只提供 listSkills / skillDetail，没有启用/禁用或修改入口；要改内容请直接编辑 SKILL.md。": "This board is read-only: the host only exposes listSkills / skillDetail, with no enable/disable or edit endpoint. To change a skill, edit its SKILL.md directly.",
+  "宿主只提供 skill 的读取接口；这里可以卸载用户级/项目级目录里的 skill（永久删除，不可撤销）。随 DSH 分发、运行时注册、自定义目录的 skill 不可卸载——要改内容请直接编辑 SKILL.md。": "The host only exposes read endpoints for skills. Skills in user-level/project-level directories can be uninstalled here (permanent deletion, no undo). Skills shipped with DSH, registered at runtime, or living in custom directories cannot be uninstalled — edit SKILL.md directly to change them.",
+  "将从磁盘永久删除 {0}（不可撤销），确认卸载？": "This permanently deletes {0} from disk (no undo). Uninstall?",
+  "确认卸载": "Uninstall",
+  "卸载中…": "Uninstalling…",
+  "永久删除这个 skill 所在目录（不可撤销）": "Permanently delete this skill's directory (no undo)",
+  "已卸载 {0}": "Uninstalled {0}",
+  "这个 skill 来自「{0}」，不在可卸载范围内：随 DSH 分发、运行时注册与自定义目录的 skill 只能查看。要停用它，请编辑所属预设或 SKILL.md。": "This skill comes from \"{0}\" and cannot be uninstalled: skills shipped with DSH, registered at runtime, or living in custom directories are read-only. To disable it, edit its preset or SKILL.md instead.",
+
+  // 自定义套件（Skill 看板的套件管理弹窗 + 召唤菜单技能子菜单里的套件分组）。
+  // 「套件」本身、保存中…、取消、关闭、搜索 skill… 等复用既有键，不在此重复登记。
+  "套件管理": "Suite manager",
+  "把多个相关 skill 打包成套件；在输入框的引用菜单里点一次套件，等于同时引用全部成员。": "Bundle related skills into a suite; one click in the composer's reference menu inserts every member at once.",
+  "管理自定义套件": "Manage custom suites",
+  "管理自定义套件：把多个相关 skill 打包，引用一次全部生效": "Manage custom suites: bundle related skills so one reference applies them all",
+  "管理套件…": "Manage suites…",
+  "新建或修改套件（把多个相关 skill 打包，引用一次全部生效）": "Create or edit suites (bundle related skills so one reference applies them all)",
+  "引用套件：展开为 {0} 个 /name": "Reference this suite: expands into {0} /name tokens",
+  "{0} 技能": "{0} skills",
+  "我的套件": "My suites",
+  "新建套件": "New suite",
+  "新建一个空套件": "Create an empty suite",
+  "还没有套件：点右上「新建套件」开始": "No suites yet: click \"New suite\" at the top right to start",
+  "未命名套件": "Untitled suite",
+  "套件名称": "Suite name",
+  "例如：演示视频流水线": "e.g. Demo video pipeline",
+  "说明（可选，显示在引用菜单条目右侧）": "Description (optional, shown beside the entry in the reference menu)",
+  "一句话说明这套技能干什么": "One line on what this bundle of skills does",
+  "成员技能": "Member skills",
+  "{0} 个 · 拖拽可排序": "{0} · drag to reorder",
+  "把左侧卡片拖到这里": "Drag a card from the left in here",
+  "拖不动时，悬停卡片点 + 也能加进来": "If dragging is awkward, hover a card and click + to add it",
+  "选择右上列表里的一个套件，或点「新建套件」": "Select a suite from the list at the top right, or click \"New suite\"",
+  "先在右侧选择一个套件，或点「新建套件」": "Select a suite on the right first, or click \"New suite\"",
+  "套件 = 一组相关 skill 的引用打包": "A suite = one reference that bundles related skills",
+  "拖左侧卡片到成员区即可添加；成员可上下拖拽排序，+ / × 是无拖拽的替代路径。": "Drag a card from the left into the member area to add it; drag members up or down to reorder. + / × are the no-drag alternatives.",
+  "看板没有读到 skill 列表": "The board did not return a skill list",
+  "宿主未挂载 skill 注册表（@deepseek-ai/dsh-skill）时这里就是空的；套件仍能保存，但成员名要自己保证正确。": "This is empty when the host mounts no skill registry (@deepseek-ai/dsh-skill). Suites can still be saved, but you have to get the member names right yourself.",
+  "没有符合筛选的 skill": "No skill matches the filter",
+  "已在当前套件中": "Already in the current suite",
+  "已在套件中": "In suite",
+  "拖到右侧成员区，或点 + 添加": "Drag to the member area on the right, or click + to add",
+  "添加到当前套件": "Add to the current suite",
+  "已加入「{0}」": "Added \"{0}\"",
+  "「{0}」已在这个套件里": "\"{0}\" is already in this suite",
+  "成员已达上限 {0} 个": "Member limit reached ({0})",
+  "套件数量已达上限 {0} 个": "Suite limit reached ({0})",
+  "宿主当前找不到这个 skill（可能已移动或删除），引用时会失效": "The host can no longer find this skill (it may have been moved or deleted); referencing it will fail",
+  "已失效": "Missing",
+  "移除 {0}": "Remove {0}",
+  "删除套件": "Delete suite",
+  "再点一次确认删除": "Click again to confirm deletion",
+  "确认?": "Sure?",
+  "删除": "Delete",
+  "未保存": "Unsaved",
+  "整集合覆盖保存：右侧列表就是全部套件": "Saving overwrites the whole set: the list on the right is all your suites",
+  "保存套件": "Save suites",
+  "套件已保存（{0} 个）": "Suites saved ({0})",
+  "保存失败：宿主没有回包": "Save failed: no response from the host",
+  "有套件还没起名": "A suite still has no name",
+  "套件「{0}」还没有成员": "Suite \"{0}\" has no members yet",
+  "已删除套件（保存后生效）": "Suite deleted (takes effect on save)",
+  "已放弃未保存的修改": "Unsaved changes discarded",
 
   "这 {0} 个 MCP 都需要交互取值，无法直接导入": "These {0} MCP servers all require interactive input and cannot be imported directly",
   "（另有 {0} 个需要交互取值）": " ({0} more require interactive input)",
@@ -897,9 +1006,10 @@ const EN_US_MESSAGES = {
 
   "：": ": ",
 };
-// OPT-14 · 1.1：仅当判定为英文 locale 时装载 en-US 表；zh-CN（源语言）保持空字典
-// 恒等直出，其他语言缺键也原样回落，不出现 key 名。
-if (I18N_LOCALE && I18N_LOCALE.toLowerCase().startsWith('en')) setI18nMessages(EN_US_MESSAGES);
+// 模块加载时先用 ①/③ 判定的 locale 装载一次；apply() 拿到宿主 locale 后会再按
+// ② 重算（见 applyI18nLocale）。zh-CN（源语言）保持空字典恒等直出，其他语言
+// 缺键也原样回落，不出现 key 名。
+applyI18nLocale(I18N_LOCALE);
 const t = (s, vars) => {
   let text = i18nMessages[s] || s;
   if (vars && vars.length) {
@@ -907,6 +1017,59 @@ const t = (s, vars) => {
   }
   return text;
 };
+// OPT-25：宿主切换语言后通知已挂载的界面重渲染。模块级文案表已改为 getter /
+// 函数（见 ENTRY_LABELS / SKILL_CATS 等），重渲染时就会读到新字典，不需要重载页面。
+// 订阅者失败隔离：一个组件抛错不影响其它组件更新。
+const i18nChangeListeners = new Set();
+const emitI18nChange = () => {
+  for (const listener of [...i18nChangeListeners]) {
+    try { listener(); } catch { /* 单个订阅者失败不影响其它订阅者 */ }
+  }
+};
+const onI18nChange = (listener) => {
+  i18nChangeListeners.add(listener);
+  return () => { i18nChangeListeners.delete(listener); };
+};
+// 顶层槽位组件调用一次即可：locale 变化时强制自身重渲染。
+const useI18nRevision = () => {
+  const [, setRevision] = useState(0);
+  useEffect(() => onI18nChange(() => setRevision((value) => value + 1)), []);
+};
+
+// ── P1：数据型英文覆盖（更新日志 / 内置 MCP 目录）───────────────────────────
+// 这两类文案不是 UI 字面量，而是宿主随 RPC 送来的数据：更新日志在 whats-new.js，
+// 目录在生成的 mcp-catalog.js。它们不能走 t() 字典（键集合由那两个文件决定，硬抄
+// 进字典会让 i18n-coverage 的「死键」断言永久变红），所以由宿主同时送中文与英文
+// 字段，客户端按当前 locale 选择。英文缺失时逐条回落中文，绝不渲染 undefined。
+//
+// 两个 helper 的 `english` 参数只用于测试时显式指定；运行时用当前 locale 判定。
+const localizeWhatsNewEntries = (entries, english = usesEnglish()) => {
+  if (!english || !Array.isArray(entries)) return entries;
+  return entries.map((entry) => ({
+    ...entry,
+    items: Array.isArray(entry.items)
+      ? entry.items.map((item) => ({
+          ...item,
+          text: item.textEn || item.text,
+          ...(item.whereEn ? { where: item.whereEn } : {}),
+        }))
+      : [],
+  }));
+};
+const localizeBuiltinItem = (item, english = usesEnglish()) => {
+  if (!english || !item) return item;
+  const authNote = item.authNoteEn || item.authNote;
+  // 只在英文字段真的存在时才覆盖：缺译文时保留原键（连 undefined 键都不新增），
+  // 面板据此区分「没有说明」与「说明是空的」。
+  return {
+    ...item,
+    ...(item.labelEn ? { label: item.labelEn } : {}),
+    ...(item.summaryEn ? { summary: item.summaryEn } : {}),
+    ...(item.accessEn ? { access: item.accessEn } : {}),
+    ...(authNote ? { authNote } : {}),
+    ...(item.categoryLabelEn ? { categoryLabel: item.categoryLabelEn } : {}),
+  };
+};
 
 // ── 旧插件名 → 新插件名的 localStorage 键迁移 ──────────────────────────────
 // 1.9.0 起本插件由 dsh-skill-mcp-board 更名为 dsh-armory（package.json 与
@@ -2027,6 +2190,142 @@ body[data-ds-dark-theme]{--mcp-cat-dev:var(--dsw-static-deepseek-400);--mcp-cat-
 .dsh-mcp-skill-d-close:hover{background:var(--dsw-alias-interactive-bg-hover);border-color:var(--dsw-alias-border-l3);color:var(--dsw-alias-label-primary)}
 @media (max-width:760px){.dsh-mcp-skill-content{overflow:visible;max-height:none}.dsh-mcp-skill-toolbar{flex-wrap:wrap}.dsh-mcp-skill-search{flex:1 1 160px}.dsh-mcp-skill-detail{position:static;max-height:none;align-self:stretch}}
 
+/* ══ 自定义套件（看板工具条入口 + 召唤菜单套件分组 + 套件管理弹窗）═══════════════════
+   度量取自 docs/design-suites-mockup.html（局部 A/B/C），类名沿用 mockup 的 suite-* 命名，
+   只有两处刻意改名：mockup 的 .pick-card → .suite-pick-card（看板里 pick 另有含义），
+   mockup 的 header/.x/.sub → .suite-head/.suite-x/.suite-head-text（弹窗里要能定位到类，
+   元素选择器太宽，会把宿主注入的任何 header/h3 一起带走）。
+   只用宿主 --dsw-* 与本插件已有的 --mcp-* 令牌，不新增自定义属性；阴影一律带回落值
+   （--dsw-elevation-card 在本仓库从未用过，不能假定宿主一定提供）。
+   短类名（.nm/.cat/.tile/.grip/.idx/.rm…）一律带父级前缀，避免日后与别的组件撞名。 */
+.dsh-mcp-btn.suite-entry{flex:none}
+.dsh-mcp-btn.suite-entry .cnt{padding:0 5px;border-radius:var(--mcp-r-xs);background:var(--dsw-alias-interactive-bg-hover-accent);color:var(--dsw-alias-brand-text);font-size:10.5px;line-height:15px;font-variant-numeric:tabular-nums}
+.dsh-mcp-btn.suite-entry:hover .cnt{background:var(--mcp-accent);color:var(--dsw-alias-label-primary-inverted)}
+/* 召唤菜单：套件分组头 + 分隔线 + 条目前的 accent 图标（只有套件条目带图标——
+   技能/MCP/专家条目保持原样，避免一次改动三个子菜单的既有观感）。 */
+.dsh-mcp-quick-group{display:flex;align-items:center;gap:6px;flex:none;padding:5px 9px 3px;color:var(--dsw-alias-label-tertiary);font-size:10.5px;line-height:14px;letter-spacing:.05em}
+.dsh-mcp-quick-group svg{flex:none;color:var(--mcp-accent)}
+.dsh-mcp-quick-sep{height:1px;flex:none;margin:4px 6px;background:var(--mcp-line)}
+/* 条目行是 align-items:baseline（文字与徽章按基线对齐），图标不参与基线：
+    alignSelf:center 让它在 28px 固定行高里正中，不会被 svg 的下沿顶偏。 */
+.dsh-mcp-quick-item .ic{flex:none;align-self:center;display:inline-flex;align-items:center;color:var(--dsw-alias-label-tertiary)}
+.dsh-mcp-quick-item.suite .ic{color:var(--mcp-accent)}
+.dsh-mcp-quick-sub .dsh-mcp-quick-manage{gap:6px}
+.dsh-mcp-quick-manage .ic{flex:none;display:inline-flex;align-items:center}
+/* 两条页脚按钮叠着时（管理技能… / 管理套件…），第二条不再自带 4px 上边距：
+   否则分割线会浮在空隙中间，看着像渲染错位。 */
+.dsh-mcp-quick-manage+.dsh-mcp-quick-manage{margin-top:0}
+/* 弹窗本体：把基类 .dsh-mcp-modal 的 560px/20px 内边距/纵向滚动整体换掉——
+   套件弹窗是「左右两栏各自滚动」，外层必须 overflow:hidden 才不会出现双滚动条。 */
+.dsh-mcp-modal.suites{display:flex;flex-direction:column;width:min(980px,94vw);max-width:94vw;height:min(640px,88vh);max-height:88vh;padding:0;overflow:hidden}
+.suite-head{display:flex;align-items:flex-start;gap:10px;flex:none;padding:16px 18px 12px;border-bottom:1px solid var(--mcp-line);background:var(--mcp-bg-1)}
+.suite-head-text{min-width:0}
+.suite-head h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:650;line-height:20px;color:var(--dsw-alias-label-primary)}
+.suite-head h3::before{content:"";flex:none;width:4px;height:14px;border-radius:2px;background:var(--mcp-accent)}
+.suite-head .sub{margin:5px 0 0 12px;font-size:11.5px;line-height:17px;color:var(--mcp-mut)}
+/* 关闭按钮不用 .dsh-mcp-skill-d-close：那个是 position:absolute（贴详情面板的角），
+   放进 flex 头部会脱离文档流、盖住副标题。 */
+.suite-x{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;margin-left:auto;padding:0;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-sm);background:var(--dsw-alias-button-elevated-fill);color:var(--mcp-mut);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
+.suite-x:hover{background:var(--dsw-alias-interactive-bg-hover);border-color:var(--dsw-alias-border-l3);color:var(--dsw-alias-label-primary)}
+.suite-x:disabled{opacity:.5;cursor:default}
+.suite-x:focus-visible{outline:2px solid var(--mcp-accent);outline-offset:1px}
+.suite-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(320px,44%) 1fr}
+/* ── 左：技能库选择器 ──────────────────────────────────────────────── */
+.suite-left{display:flex;flex-direction:column;gap:9px;min-height:0;padding:13px 14px;border-right:1px solid var(--mcp-line);background:var(--mcp-bg-2)}
+/* 搜索框不复用 .dsh-mcp-skill-search：那条在本仓库只有 flex 尺寸、没有图标定位，
+   看板里的放大镜其实是裸排的（既有小瑕疵，不在本次范围）。这里自带一份完整的。 */
+.suite-search{position:relative;display:flex;align-items:center;flex:none;height:30px}
+.suite-search svg{position:absolute;top:50%;left:9px;transform:translateY(-50%);pointer-events:none;color:var(--mcp-mut)}
+.suite-search input{box-sizing:border-box;width:100%;height:30px;padding:0 10px 0 28px;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-md);background:var(--mcp-bg-1);color:var(--dsw-alias-label-primary);font-family:inherit;font-size:12px;outline:0;transition:border-color .15s,box-shadow .15s}
+.suite-search input::placeholder{color:var(--mcp-mut)}
+.suite-search input:focus{border-color:var(--mcp-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--mcp-accent) 14%,transparent)}
+/* 分类轨道在弹窗里更窄，chips 收一号才放得下 6 个。 */
+.suite-left .dsh-mcp-skill-rail{gap:5px}
+.suite-left .dsh-mcp-skill-cat{padding:2px 9px;font-size:11px;line-height:17px}
+.suite-pick-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:7px;padding:2px 2px 6px;scrollbar-width:thin}
+.suite-pick-card{position:relative;display:flex;align-items:flex-start;gap:9px;padding:9px 26px 9px 10px;border:.5px solid var(--mcp-line);border-radius:var(--mcp-r-md);background:var(--mcp-bg-1);cursor:grab;transition:border-color .12s,background .12s,box-shadow .14s,opacity .12s}
+.suite-pick-card:hover{border-color:var(--dsw-alias-border-l3);background:var(--dsw-alias-interactive-bg-hover);box-shadow:var(--dsw-elevation-overlay,0 1px 3px rgba(0,0,0,.1))}
+.suite-pick-card:active{cursor:grabbing}
+.suite-pick-card.dragging{opacity:.45;border-style:dashed}
+.suite-pick-card.in-suite{border-color:color-mix(in srgb,var(--mcp-accent) 45%,var(--mcp-line));background:var(--dsw-alias-interactive-bg-hover-accent)}
+.suite-pick-card .tile{flex:none;width:10px;height:10px;margin-top:3px;border-radius:3px}
+.suite-pick-card .body{min-width:0;flex:1}
+.suite-pick-card .nm{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:550;line-height:18px;color:var(--dsw-alias-label-primary)}
+.suite-pick-card .nm .cat{font-size:10.5px;font-weight:400;color:var(--dsw-alias-label-tertiary)}
+.suite-pick-card .ds{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:2px 0 0;font-size:11px;line-height:1.5;color:var(--mcp-mut)}
+.suite-pick-card .grip{flex:none;margin-top:2px;color:var(--dsw-alias-label-tertiary);opacity:.55}
+.suite-pick-card:hover .grip{opacity:1}
+/* + 是无拖拽的替代路径：平时藏着（hover / 键盘聚焦才现形），已在套件里则常亮成 ✓。 */
+.suite-pick-card .add{position:absolute;top:7px;right:7px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid var(--mcp-line);border-radius:7px;background:var(--mcp-bg-1);color:var(--dsw-alias-label-secondary);font-size:11px;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s,background .12s,border-color .12s,color .12s}
+.suite-pick-card:hover .add,.suite-pick-card:focus-within .add{opacity:1}
+.suite-pick-card .add:hover{background:var(--mcp-accent);border-color:var(--mcp-accent);color:var(--dsw-alias-label-primary-inverted)}
+.suite-pick-card .add:disabled{cursor:default}
+.suite-pick-card.in-suite .add{opacity:1;border-color:color-mix(in srgb,var(--mcp-accent) 40%,var(--mcp-line));color:var(--mcp-accent)}
+/* ── 右：套件列表 + 编辑器 ─────────────────────────────────────────── */
+.suite-right{display:flex;flex-direction:column;min-height:0;background:var(--mcp-bg-1)}
+.suite-list-bar{display:flex;align-items:center;gap:8px;flex:none;padding:11px 14px 9px;border-bottom:1px solid var(--mcp-line)}
+.suite-list-bar .t{font-size:12px;font-weight:650;color:var(--dsw-alias-label-secondary)}
+.suite-list-bar .sp{flex:1}
+.dsh-mcp-btn.suite-new{padding:4px 10px;font-size:11.5px}
+.suite-list{display:flex;flex-direction:column;gap:4px;flex:none;max-height:132px;overflow-y:auto;padding:8px 10px;border-bottom:1px solid var(--mcp-line);background:var(--mcp-bg-2);scrollbar-width:thin}
+/* div[role=button] 而不是 <button>：行内还要放「删除」按钮，button 套 button 是无效 HTML。
+   所以这里得把 button 的默认外观一条条抹平（font/border/background/text-align）。 */
+.suite-row{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border:1px solid transparent;border-radius:var(--mcp-r-md);background:transparent;font-family:inherit;font-size:12.5px;text-align:left;cursor:pointer;transition:background .12s,border-color .12s}
+.suite-row:hover{background:var(--dsw-alias-interactive-bg-hover)}
+.suite-row.on{border-color:color-mix(in srgb,var(--mcp-accent) 40%,transparent);background:var(--dsw-alias-interactive-bg-hover-accent)}
+.suite-row:focus-visible{outline:2px solid var(--mcp-accent);outline-offset:1px}
+.suite-row .ic{flex:none;display:inline-flex;align-items:center;color:var(--mcp-accent)}
+.suite-row .nm{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:550;color:var(--dsw-alias-label-primary)}
+/* 成员色点叠成一摞：一眼看出这套件里都是哪几类技能（最多 4 个，见 slice(0,4)）。 */
+.suite-row .stack{display:inline-flex;flex:none}
+.suite-row .stack i{width:9px;height:9px;margin-left:-3px;border:1.5px solid var(--mcp-bg-2);border-radius:3px}
+.suite-row .stack i:first-child{margin-left:0}
+.suite-row .ct{flex:none;font-size:10.5px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums}
+/* 删除是两步确认（点一次变红写「确认?」，2.6s 内再点才真删）：平时藏起来，
+   hover 或已武装时常显；武装态用实底红，让「再点一次就没了」这件事不可能被忽略。 */
+.suite-row .del{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--dsw-alias-label-tertiary);font-family:inherit;font-size:10.5px;cursor:pointer;opacity:0;transition:opacity .12s,background .12s,color .12s}
+.suite-row:hover .del,.suite-row .del:focus-visible,.suite-row .del.arm{opacity:1}
+.suite-row .del:hover{background:var(--dsw-alias-interactive-bg-hover-danger);color:var(--mcp-err)}
+.suite-row .del.arm{width:auto;padding:0 7px;background:var(--mcp-err);color:var(--dsw-alias-label-primary-inverted);font-weight:600}
+.suite-editor{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;padding:12px 14px 14px}
+.suite-editor .fields{display:grid;grid-template-columns:1fr;gap:8px;flex:none}
+.field label{display:block;margin-bottom:4px;font-size:10.5px;letter-spacing:.03em;color:var(--dsw-alias-label-tertiary)}
+.field input{box-sizing:border-box;width:100%;height:32px;padding:0 10px;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-sm);background:var(--mcp-bg-1);color:var(--dsw-alias-label-primary);font-family:inherit;font-size:12.5px;outline:0;transition:border-color .15s,box-shadow .15s}
+.field input::placeholder{color:var(--mcp-mut)}
+.field input:focus{border-color:var(--mcp-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--mcp-accent) 14%,transparent)}
+/* 成员区：虚线框表达「往这里放东西」，拖拽悬停时整块变 accent 底。 */
+.member-zone{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;border:1.5px dashed var(--mcp-line);border-radius:var(--mcp-r-lg);background:var(--mcp-bg-2);transition:border-color .14s,background .14s}
+.member-zone.over{border-color:var(--mcp-accent);background:var(--dsw-alias-interactive-bg-hover-accent)}
+.member-zone .zh{display:flex;align-items:center;gap:7px;flex:none;padding:8px 11px;border-bottom:1px dashed var(--mcp-line);font-size:11px;color:var(--dsw-alias-label-tertiary)}
+.member-zone .zh svg{flex:none;color:var(--mcp-accent)}
+.member-zone .zh b{font-weight:600;color:var(--dsw-alias-label-secondary)}
+.member-list{display:flex;flex-direction:column;gap:5px;flex:1;min-height:0;overflow-y:auto;padding:7px;scrollbar-width:thin}
+.member-row{display:flex;align-items:center;gap:8px;padding:7px 9px;border:.5px solid var(--mcp-line);border-radius:var(--mcp-r-md);background:var(--mcp-bg-1);cursor:grab;transition:border-color .12s,box-shadow .12s,opacity .12s}
+.member-row:hover{border-color:var(--dsw-alias-border-l3);box-shadow:var(--dsw-elevation-overlay,0 1px 3px rgba(0,0,0,.1))}
+.member-row.dragging{opacity:.4}
+.member-row .idx{flex:none;width:16px;text-align:center;font-size:10px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums}
+.member-row .grip{flex:none;display:inline-flex;align-items:center;color:var(--dsw-alias-label-tertiary);opacity:.6}
+.member-row .tile{flex:none;width:9px;height:9px;border-radius:3px}
+.member-row .nm{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;color:var(--dsw-alias-label-primary)}
+.member-row .cat{flex:none;font-size:10px;color:var(--dsw-alias-label-tertiary)}
+/* 宿主注册表里查不到的成员：不删（用户可能只是切了作用域），但如实标成警示色。 */
+.member-row .cat.gone{color:var(--mcp-warn)}
+.member-row .rm{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--dsw-alias-label-tertiary);cursor:pointer;transition:background .12s,color .12s}
+.member-row .rm:hover{background:var(--dsw-alias-interactive-bg-hover-danger);color:var(--mcp-err)}
+/* 拖拽插入指示线：普通行元素而不是独立浮层，成员区因此始终只有一个滚动容器。 */
+.drop-line{flex:none;height:2px;margin:1px 4px;border-radius:1px;background:var(--mcp-accent)}
+.member-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1;padding:22px;color:var(--dsw-alias-label-tertiary);font-size:11.5px;line-height:17px;text-align:center}
+.member-empty .big{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:var(--dsw-alias-interactive-bg-hover-accent);color:var(--mcp-accent)}
+/* ── 弹窗底栏 ─────────────────────────────────────────────────────── */
+.suite-foot{display:flex;align-items:center;gap:10px;flex:none;padding:11px 16px;border-top:1px solid var(--mcp-line);background:var(--mcp-bg-1)}
+.suite-foot .hint{display:flex;align-items:center;gap:6px;min-width:0;flex:1;font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary)}
+.suite-foot .hint svg{flex:none}
+/* 保存失败与「未保存」互斥显示：失败是阻断信息（红），未保存只是状态提示（橙）。 */
+.suite-foot .err{flex:none;max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--mcp-err)}
+.suite-foot .dirty{display:inline-flex;align-items:center;gap:5px;flex:none;font-size:11px;color:var(--mcp-warn)}
+.suite-foot .dirty i{width:6px;height:6px;border-radius:50%;background:var(--mcp-warn)}
+@media (max-width:900px){.suite-body{grid-template-columns:1fr}.suite-left{max-height:260px;border-right:0;border-bottom:1px solid var(--mcp-line)}.suite-foot .hint{display:none}}
+
 /* 工具裁缝（Tool Tailor）：账本表格 + 税单卡 + 死工具清单。 */
 .dsh-mcp-tailor{display:flex;flex-direction:column;gap:12px;min-height:0}
 .dsh-mcp-tailor-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;flex:none}
@@ -2054,10 +2353,10 @@ body[data-ds-dark-theme]{--mcp-cat-dev:var(--dsw-static-deepseek-400);--mcp-cat-
 .dsh-mcp-tailor-empty{color:var(--mcp-mut);font-size:13px;padding:18px 14px}
 .dsh-mcp-tailor-note{border:0.5px solid var(--mcp-line);border-radius:var(--mcp-r-md);corner-shape:round;background:var(--mcp-bg-2);padding:10px 14px;font-size:12.5px;line-height:19px;color:var(--mcp-mut);flex:none}
 .dsh-mcp-tailor-note b{color:var(--dsw-alias-label-primary)}
-/* OPT-19 · 4.3：账本缓存占用行（小号弱化文本 + 行内清空按钮），贴在工具条下方。 */
+/* 账本缓存占用行（只读读数，贴在工具条下方）。行内清空按钮已于 2026-10-23 删除，见
+   lib/client.js 里 cacheLine 的注释；这条只剩文本，所以配套的 .cache-clear 规则一并删掉。 */
 .dsh-mcp-tailor-cache{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11.5px;line-height:16px;color:var(--mcp-mut);padding:2px 2px 0;flex:none}
 .dsh-mcp-tailor-cache-label{color:var(--dsw-alias-label-tertiary)}
-.dsh-mcp-tailor-cache .dsh-mcp-tailor-cache-clear{height:22px;padding:0 10px;font-size:11px;line-height:20px;flex:none}
 /* 解码告警（OPT-02）：正常运行时整块不渲染，所以这里可以给足视觉权重。 */
 .dsh-mcp-tailor-warn{border:0.5px solid var(--mcp-warn);border-radius:var(--mcp-r-md);corner-shape:round;background:color-mix(in srgb,var(--mcp-warn) 8%,transparent);padding:10px 14px;font-size:12.5px;line-height:19px;color:var(--dsw-alias-label-primary);flex:none;display:flex;flex-direction:column;gap:4px}
 .dsh-mcp-tailor-warn b{color:var(--mcp-warn)}
@@ -2455,10 +2754,16 @@ const useFocusTrap = (ref, active) => {
 
 const MAX_TIMER_DELAY_MS = 2147483647;
 const REDACTED_VALUE = '__DSH_MCP_REDACTED__';
-const PRESERVED_VALUE_LABEL = t('••••••（保留原值）');
+// 屏蔽值在表单里需要**稳定哨兵**：locale 切换后译文会变，但已填进 state 的旧
+// 字符串不能随译文一起变，否则 toFormValue/fromFormValue 的相等判定会失配。
+// 因此内部只存 ASCII 哨兵，展示层再映射成当前语言的文案。
+const PRESERVED_VALUE_TOKEN = '__DSH_MCP_PRESERVED__';
+const preservedValueLabel = () => t('••••••（保留原值）');
 const MASKED_VALUE = '••••••';
-const toFormValue = (value) => value === REDACTED_VALUE ? PRESERVED_VALUE_LABEL : String(value || '');
-const fromFormValue = (value) => value === PRESERVED_VALUE_LABEL ? REDACTED_VALUE : value;
+const toFormValue = (value) => value === REDACTED_VALUE ? PRESERVED_VALUE_TOKEN : String(value || '');
+const fromFormValue = (value) => value === PRESERVED_VALUE_TOKEN ? REDACTED_VALUE : value;
+// args 是「每行一个」的多行串，哨兵可能夹在中间，所以按 token 全量替换而不是只比整串。
+const displayFormValue = (value) => String(value ?? '').split(PRESERVED_VALUE_TOKEN).join(preservedValueLabel());
 const displayValue = (value) => value === REDACTED_VALUE ? MASKED_VALUE : value;
 function setOwn(target, key, value) {
   Object.defineProperty(target, key, { value, enumerable: true, configurable: true, writable: true });
@@ -2515,6 +2820,11 @@ const ICONS = {
   // grid：网格视图（2×2 方块）；list：列表视图（三行点线），Skill 看板视图切换用
   grid: 'M2.5 2.5h4.5v4.5H2.5zM9 2.5h4.5v4.5H9zM2.5 9h4.5v4.5H2.5zM9 9h4.5v4.5H9z',
   list: 'M2 3.5h2M6.5 3.5h7.5M2 8h2M6.5 8h7.5M2 12.5h2M6.5 12.5h7.5',
+  // layers：三层堆叠 = 自定义套件（看板入口按钮、召唤菜单套件分组、弹窗空态共用）；
+  // grip：六点拖拽手柄，套件弹窗里「这张卡 / 这一行可以拖」的可见线索（16×16 网格，
+  // 用 .2 长的短线段而不是零长路径——零长路径在部分渲染器里画不出圆点）。
+  layers: 'M8 2l6 3.3-6 3.4-6-3.4zM2.4 8.4L8 11.5l5.6-3.1M2.4 11.1L8 14.2l5.6-3.1',
+  grip: 'M6 3.4v.2M10 3.4v.2M6 7.9v.2M10 7.9v.2M6 12.4v.2M10 12.4v.2',
 };
 
 // ── 常用 MCP 预设模板（主流管理器常见的“浏览即添加”能力）────────────
@@ -3031,8 +3341,9 @@ const Pager = ({ page, pageCount, total, onPage, disabled }) => {
 // oauth-or-pat）+ 有则挂 authNote。**这与市场连接器 tab 的 authMode 不是一回事**：
 // authMode 是上游 connectors 清单里的自由文本，只能原样显示；auth 是枚举，可以映射
 // 成人能读的标签。未知枚举值原样显示，绝不猜。
-const AUTH_KIND_LABELS = { none: t('免认证'), apiKey: 'API Key', oauth: 'OAuth', 'oauth-or-pat': 'OAuth / PAT' };
-const authKindLabel = (kind) => AUTH_KIND_LABELS[kind] || kind;
+const AUTH_KIND_LABELS = { apiKey: 'API Key', oauth: 'OAuth', 'oauth-or-pat': 'OAuth / PAT' };
+// 惰性求值：模块加载时宿主 locale 还没接进来，只有 none 需要翻译。
+const authKindLabel = (kind) => (kind === 'none' ? t('免认证') : AUTH_KIND_LABELS[kind] || kind);
 // 色语沿用 §1.3：oauth 系装完还得去浏览器授权，属「还需注意」→ 橙；apiKey 有既有
 // 「需密钥」徽章兜住，这里只作信息性标注，用默认灰。
 const authBadgeCls = (kind) => (kind === 'oauth' || kind === 'oauth-or-pat' ? 's-warn' : '');
@@ -3567,7 +3878,7 @@ const AddEditModal = ({ open, onClose, onSubmit, busy, initial, onRevealValue, r
   const kv = (rows, setRows, i, field, v) => {
     const next = rows.slice();
     const row = { ...next[i], [field]: v };
-    if (field === 'k' && row.v === PRESERVED_VALUE_LABEL && v !== row.originalKey) row.v = '';
+    if (field === 'k' && row.v === PRESERVED_VALUE_TOKEN && v !== row.originalKey) row.v = '';
     next[i] = row;
     setRows(next);
   };
@@ -3579,7 +3890,7 @@ const AddEditModal = ({ open, onClose, onSubmit, busy, initial, onRevealValue, r
     : value && typeof value === 'object'
       ? Object.entries(value).map(([key, item]) => `${key}=${typeof item === 'object' ? JSON.stringify(item) : String(item)}`).join('\n')
       : String(value ?? '');
-  const visibleEditValue = (field, key, fallback) => Object.hasOwn(editRevealed, editRevealId(field, key)) ? editRevealed[editRevealId(field, key)] : fallback;
+  const visibleEditValue = (field, key, fallback) => Object.hasOwn(editRevealed, editRevealId(field, key)) ? editRevealed[editRevealId(field, key)] : displayFormValue(fallback);
   const hideEditReveal = (field, key) => setEditRevealed((prev) => {
     const next = { ...prev };
     delete next[editRevealId(field, key)];
@@ -3671,7 +3982,7 @@ const AddEditModal = ({ open, onClose, onSubmit, busy, initial, onRevealValue, r
             h('label', null, 'URL'),
             h('div', { className: 'dsh-mcp-input-action' },
               h('input', { value: visibleEditValue('url', undefined, url), onChange: (e) => { hideEditReveal('url'); setUrl(e.target.value); }, placeholder: 'https://example.com/mcp' }),
-              editing && url === PRESERVED_VALUE_LABEL ? revealIcon('url', 'URL', () => toggleEditReveal('url')) : null,
+              editing && url === PRESERVED_VALUE_TOKEN ? revealIcon('url', 'URL', () => toggleEditReveal('url')) : null,
             ),
           )
         : h('div', null,
@@ -3680,7 +3991,7 @@ const AddEditModal = ({ open, onClose, onSubmit, busy, initial, onRevealValue, r
               h('label', null, t('参数（每行一个，原样传给进程）')),
               h('div', { className: 'dsh-mcp-input-action' },
                 h('textarea', { rows: 4, value: visibleEditValue('args', undefined, args), onChange: (e) => { hideEditReveal('args'); setArgs(e.target.value); }, placeholder: '-y\nmcp-server@latest' }),
-                editing && args === PRESERVED_VALUE_LABEL ? revealIcon('args', t('参数'), () => toggleEditReveal('args')) : null,
+                editing && args === PRESERVED_VALUE_TOKEN ? revealIcon('args', t('参数'), () => toggleEditReveal('args')) : null,
               ),
             ),
             h('div', { className: 'dsh-mcp-field' }, h('label', null, t('工作目录 cwd（可选）')), h('input', { value: cwd, onChange: (e) => setCwd(e.target.value), placeholder: 'C:\\path\\to\\workspace' })),
@@ -3695,7 +4006,7 @@ const AddEditModal = ({ open, onClose, onSubmit, busy, initial, onRevealValue, r
             h('input', { placeholder: transport === 'http' ? 'Authorization' : 'API_KEY', value: row.k, onChange: (e) => { hideEditReveal(field, originalKey); kv(kvRows, setKvRows, i, 'k', e.target.value); } }),
             h('input', { placeholder: transport === 'http' ? t('Bearer … 或 !!js process.env.KEY') : 'value', value: visibleEditValue(field, originalKey, row.v), onChange: (e) => { hideEditReveal(field, originalKey); kv(kvRows, setKvRows, i, 'v', e.target.value); } }),
             h('div', { className: 'dsh-mcp-kv-row-actions' },
-              editing && row.v === PRESERVED_VALUE_LABEL ? revealIcon(id, row.k, () => toggleEditReveal(field, originalKey)) : null,
+              editing && row.v === PRESERVED_VALUE_TOKEN ? revealIcon(id, row.k, () => toggleEditReveal(field, originalKey)) : null,
               h('button', { type: 'button', className: 'dsh-mcp-kv-del', onClick: () => delRow(kvRows, setKvRows, i), title: t('删除此项'), 'aria-label': t('删除 ') + (row.k || t('配置项')) }, '✕'),
             ),
           );
@@ -4658,12 +4969,14 @@ const ENTRY_VISIBILITY = {
   sidebar: { panel: false, fab: false, sidebar: true },
   all: { panel: true, fab: true, sidebar: true },
 };
+// getter 而不是模块加载时求值：apply() 拿到宿主 locale 后文案才正确，
+// 且切语言后重渲染能直接读到新译文。
 const ENTRY_LABELS = {
-  both: t('全局面板 + 悬浮按钮（推荐）'),
-  panel: t('仅全局面板（左上角，"插件"旁）'),
-  fab: t('仅悬浮按钮'),
-  sidebar: t('仅侧栏底部入口'),
-  all: t('三个入口全开'),
+  get both() { return t('全局面板 + 悬浮按钮（推荐）'); },
+  get panel() { return t('仅全局面板（左上角，"插件"旁）'); },
+  get fab() { return t('仅悬浮按钮'); },
+  get sidebar() { return t('仅侧栏底部入口'); },
+  get all() { return t('三个入口全开'); },
 };
 const ENTRY_DEFAULT = 'both';
 const ENTRY_MODES = Object.keys(ENTRY_VISIBILITY);
@@ -4735,49 +5048,57 @@ const PANEL_ID = 'mcp-manager';
 // 入口排序：插件管理器用 0，定时任务用 10；取 5 让本入口正好落在「插件」旁边。
 const PANEL_ORDER = 5;
 // 看板五分类（MCP / Skill / 专家 / 工具裁缝 / 市场）随名称一并示人。
-const PANEL_LABEL = t('技能 · MCP · 专家');
-// 左上角侧栏入口（sidebar.panellist）单独命名，与 PANEL_LABEL 解耦：
+// 函数而非常量：槽位注册发生在 apply() 里，那时才拿到宿主 locale。
+const panelLabel = () => t('技能 · MCP · 专家');
+// 左上角侧栏入口（sidebar.panellist）单独命名，与 panelLabel() 解耦：
 // 该行的 label 同时是可见文字、无障碍名称和折叠提示，改动不牵动输入框快捷菜单、
 // 会话头专家徽章、悬浮按钮和侧栏底部入口的文案。
-const SIDEBAR_ENTRY_LABEL = t('大肥鱼军械库');
+const sidebarEntryLabel = () => t('大肥鱼军械库');
 
 // skill 的 source 取值域来自官方 dsh-skill-filesystem 的 roots()（rank 顺序即优先级），
 // 与 skill-registry 的 runtime。这里只做展示文案，不参与判定。
+// getter 保证每次读取都按当前 locale 翻译（切语言后重渲染即生效）。
 const SKILL_SOURCE_LABELS = {
-  'project-dsh': t('项目 .dsh/skills'),
-  'project-agents': t('项目 .agents/skills'),
-  custom: t('自定义目录'),
-  'user-dsh': t('用户 ~/.dsh/skills'),
-  'user-agents': t('用户 ~/.agents/skills'),
-  bundled: t('随 DSH 分发'),
-  runtime: t('运行时注册'),
+  get 'project-dsh'() { return t('项目 .dsh/skills'); },
+  get 'project-agents'() { return t('项目 .agents/skills'); },
+  get custom() { return t('自定义目录'); },
+  get 'user-dsh'() { return t('用户 ~/.dsh/skills'); },
+  get 'user-agents'() { return t('用户 ~/.agents/skills'); },
+  get bundled() { return t('随 DSH 分发'); },
+  get runtime() { return t('运行时注册'); },
 };
 const skillSourceLabel = (source) => SKILL_SOURCE_LABELS[source] || (source || t('未知来源'));
 
+// 可卸载来源白名单：与宿主 lib/skill-remove.js 的 REMOVABLE_SKILL_SOURCES 一一对应，
+// 改一处必须改两处。bundled / runtime / custom 不在这里——前三者的去处不可信或不该由
+// 面板删（宿主侧仍会二次校验，客户端判定只决定「按不按钮」）。
+const SKILL_REMOVABLE_SOURCES = new Set(['user-agents', 'user-dsh', 'project-agents', 'project-dsh']);
+const skillRemovable = (source) => SKILL_REMOVABLE_SOURCES.has(String(source || ''));
+
 // ── Skill 分类升级（决策 6/10）：6 类 + 未分类兜底，两段式强/弱特征词匹配 ─────────
 // 为什么两段式：中英混排描述里 code/image/frontend 这类词跨类污染严重，单层表会把
 // imagegen-frontend-* 误判成「编程开发」。先按 SKILL_CAT_MATCH_ORDER 整体扫强特征词
 // （跨类污染最小者优先），未命中再扫弱特征词，仍未命中落「未分类」——保证不丢条目。
 // 匹配对象 = name + ' ' + description 的小写串；首个命中即定类。关键词表允许实现方微调。
 const SKILL_CATS = [
-  { key: 'all', name: t('全部'), color: 'var(--mcp-cat-all)' },
-  { key: 'dev', name: t('编程开发'), color: 'var(--mcp-cat-dev)',
+  { key: 'all', get name() { return t('全部'); }, color: 'var(--mcp-cat-all)' },
+  { key: 'dev', get name() { return t('编程开发'); }, color: 'var(--mcp-cat-dev)',
     strong: ['skill p8', 'arkts', 'arkui', '微信小程序', '小程序', '后端', '数据库', 'mysql', 'mariadb', 'api 设计', 'api设计', 'bug 诊断', 'bug诊断', '代码审查', '代码生成', '代码可读', '重构', '测试用例', '全栈', 'karpathy', 'spec 驱动', 'image-to-code', 'mcp server', 'sdk', 'monorepo', '源码'],
     weak: ['code', 'coding', 'developer', 'typescript', 'javascript', 'python', 'rust', 'sql', '编程', '开发'] },
-  { key: 'design', name: t('设计与创作'), color: 'var(--mcp-cat-design)',
+  { key: 'design', get name() { return t('设计与创作'); }, color: 'var(--mcp-cat-design)',
     strong: ['imagegen', '品牌', 'brandkit', 'logo', '海报', 'stitch', 'mockup', '图标', '插画', '视频生成', '视频编辑', '视频翻译', '素材分析', '内容生产', '内容合成', '设计稿', '设计系统', 'landing page', '配图', '设计'],
     weak: ['design', '创作', 'image', 'video', '视觉', '前端', 'frontend', '页面'] },
-  { key: 'office', name: t('文档办公'), color: 'var(--mcp-cat-office)',
+  { key: 'office', get name() { return t('文档办公'); }, color: 'var(--mcp-cat-office)',
     strong: ['docx', 'xlsx', 'pptx', 'pdf', 'word 文档', 'excel', 'powerpoint', '文档', '公文', '报告', '表格', '幻灯', '公式缓存', 'libreoffice'],
     weak: ['office', '写作', 'markdown', '笔记'] },
-  { key: 'auto', name: t('效率与自动化'), color: 'var(--mcp-cat-auto)',
+  { key: 'auto', get name() { return t('效率与自动化'); }, color: 'var(--mcp-cat-auto)',
     strong: ['browser', '浏览器', '定时', 'schedule', 'workflow', '工作流', '自动化', '批量', '表单填写', '数据提取', '提醒'],
     weak: ['自动', '效率', '抓取', '搜索'] },
-  { key: 'ops', name: t('开发运维'), color: 'var(--mcp-cat-ops)',
+  { key: 'ops', get name() { return t('开发运维'); }, color: 'var(--mcp-cat-ops)',
     strong: ['sandbox', '沙箱', 'acl', '运维', '部署', 'deploy', 'release', '发布', '排查', '诊断', '环境', '崩溃', '代理下载', '签名', '供应链'],
     weak: ['debug', 'windows', '安装', '升级', '更新'] },
 ];
-const SKILL_UNCAT = { key: 'uncat', name: t('未分类'), color: 'var(--mcp-cat-uncat)' };
+const SKILL_UNCAT = { key: 'uncat', get name() { return t('未分类'); }, color: 'var(--mcp-cat-uncat)' };
 // skillcat hash 值合法性校验用。
 const SKILL_CAT_KEYS = new Set(SKILL_CATS.map((c) => c.key));
 const skillCatByKey = (key) => SKILL_CATS.find((c) => c.key === key) || null;
@@ -4809,10 +5130,10 @@ const skillScopeArg = (scope) => (scope === 'global' ? {} : { cwd: scope });
 // OPT-16 · 3.2：专家详情弹层 persona 预览截断阈值（展开全文后渲染完整原文）。
 const PERSONA_PREVIEW_MAX = 4000;
 const TAILOR_WINDOWS = [
-  { key: '1', label: t('今日'), days: 1 }, // OPT-24b · 4.1：今日档，回答「刚配置完它到底被调了几次」
-  { key: '7', label: t('近 7 天'), days: 7 },
-  { key: '30', label: t('近 30 天'), days: 30 },
-  { key: '90', label: t('近 90 天'), days: 90 },
+  { key: '1', get label() { return t('今日'); }, days: 1 }, // OPT-24b · 4.1：今日档，回答「刚配置完它到底被调了几次」
+  { key: '7', get label() { return t('近 7 天'); }, days: 7 },
+  { key: '30', get label() { return t('近 30 天'); }, days: 30 },
+  { key: '90', get label() { return t('近 90 天'); }, days: 90 },
 ];
 const fmtInt = (n) => (typeof n === 'number' ? n.toLocaleString(I18N_LOCALE || 'zh-CN') : '—'); // OPT-14 · 1.2：跟随 locale 回落
 // OPT-18 · 4.2 零值显性化：zstd 不可用时所有调用计数恒为 0（解不出帧），这个 0 是「测不到」
@@ -4862,8 +5183,6 @@ const ToolTailor = ({ call, timer, report: reportProp, onReport, seedPending })
   // 零调用的候选项。旧版默认打开「只看零调用」，屏幕上必然整列 0，看上去像「检测
   // 全坏」——那是筛选口径而不是数据问题。默认关掉，筛选交给用户显式开启。
   const [onlyDead, setOnlyDead] = useState(false);
-  // OPT-19 · 4.3：清空缓存是独立动作，busy 态与全局扫描分开，避免清空期间误开「重扫」。
-  const [clearing, setClearing] = useState(false);
   const flashCancel = useRef(null);
   const days = Number(windowKey) || 30;
   // 父层先把 30 天窗口扫好了（角标要用）。窗口一致且已有报告时，首次挂载**不必**再扫；
@@ -4929,43 +5248,23 @@ const ToolTailor = ({ call, timer, report: reportProp, onReport, seedPending })
     }
   };
 
-  // OPT-19 · 4.3：解压文本缓存行 + 清空。宿主侧 `action: 'clearTextCache'` 是「先清后扫」
-  // （lib/index.js toolTailor 分支），一次调用同时完成清空与新报告，无需再补一发 load。
-  const clearCache = async () => {
-    if (clearing || busy) return;
-    setClearing(true);
-    setActionError('');
-    try {
-      const res = await call('toolTailor', { action: 'clearTextCache', days });
-      if (res && res.ok) {
-        const freed = res.textCache && typeof res.textCache.clearedBytes === 'number' ? res.textCache.clearedBytes : null;
-        commitReport(res);
-        setActionError('');
-        flash(freed !== null ? t('已清空缓存，释放 {0}', [fmtBytes(freed)]) : t('正在清空缓存…'));
-      } else {
-        setActionError((res && res.error) || t('toolTailor 调用失败'));
-      }
-    } catch (e) {
-      setActionError(String((e && e.message) || e));
-    } finally {
-      setClearing(false);
-    }
-  };
-
-  // OPT-19：只有报告带了 textCache 快照（Wave 1-A 起宿主才有）才渲染整行；旧报告整行缺省。
+  // 解压文本缓存只留读数，「清空缓存」按钮与它的整条动作链已删除（2026-10-23 实测）：
+  //   · 反馈永远错：宿主 toolTailor 分支把 clearTextCache() 的返回值丢了，报告里的
+  //     textCache 来自 textCacheStats()，根本没有 clearedBytes 这个键 → 面板成功分支只能落到
+  //     兜底文案，点完之后浮层恒显示「正在清空缓存…」，看着像还在忙；
+  //   · 占用不会降：那是「先清后扫」，快照取在扫描**之后**，同一发调用里 92 个日志重新解压
+  //     回填，实测按下去前后都是 32 条 / 65.8 MB；
+  //   · 而且这台机器上缓存本来就没在起作用：槽位 32、日志 92 个，淘汰按插入序而每轮按同序
+  //     遍历全量，命中率 = max(0, 2×槽位 − 文件数) ÷ 文件数 = 0%（冷扫 1797ms / 热扫 1881ms）。
+  // 结论是这个动作既不回收内存也不修任何东西，删掉。合成分 utilization（取字节与条数占比的
+  // 较大者，本机恒 100%）一并从这行去掉 —— 它原本就是用来把用户推向这个已经不存在的按钮。
   const cacheLine = report && report.textCache && typeof report.textCache.entries === 'number'
     ? (() => {
         const cache = report.textCache;
         const fmtI = (n) => (typeof n === 'number' ? n.toLocaleString(I18N_LOCALE || 'zh-CN') : '—');
         return h('div', { className: 'dsh-mcp-tailor-cache' },
           h('span', { className: 'dsh-mcp-tailor-cache-label' }, t('账本缓存')),
-          h('span', null, fmtBytes(cache.bytes) + ' · ' + fmtI(cache.entries) + '/' + fmtI(cache.maxEntries) + t(' 条') + ' · ' + fmtPct(cache.utilization)),
-          h('button', {
-            type: 'button',
-            className: 'dsh-mcp-btn dsh-mcp-tailor-cache-clear',
-            onClick: clearCache,
-            disabled: clearing || busy,
-          }, clearing ? t('正在清空缓存…') : t('清空缓存')),
+          h('span', null, fmtBytes(cache.bytes) + ' · ' + fmtI(cache.entries) + '/' + fmtI(cache.maxEntries) + t(' 条')),
         );
       })()
     : null;
@@ -4995,13 +5294,24 @@ const ToolTailor = ({ call, timer, report: reportProp, onReport, seedPending })
         ? t('{0} 个日志帧解码失败，调用计数可能偏低', [tailorNum(report.failedFrames, report)])
         : '';
   const scanFailures = report && Array.isArray(report.failedFileSamples) ? report.failedFileSamples : [];
+  // §6.2 无 time 的调用事件：账本对这类事件的口径是「计进当前窗口」（见 tool-ledger.js 头注）。
+  // 现在恒为 0，所以这行**不渲染**；等宿主日志格式一改、它变成非 0，界面必须当场说清楚
+  // 「切窗口对这部分不生效」，否则症状又会退化成这次这种「数字看着不动但没人知道为什么」。
+  const undatedWarning = report && report.undatedCalls > 0
+    ? t('{0} 条调用事件没有可用的 time 字段，无法判定落在哪个窗口，已全部计入当前窗口（切换时间窗对这部分不生效）。', [fmtInt(report.undatedCalls)])
+    : '';
+  const truncatedWarning = report && report.wireTaxTruncated === true
+    ? t('窗口内真实下发清单的种类数超过上限，税趋势线只覆盖前若干种。')
+    : '';
   // 正常运行时这一段**完全不渲染**（无噪音），只有真出问题才占位。
-  const decodeIssue = decodeWarning || scanFailures.length
+  const decodeIssue = decodeWarning || scanFailures.length || undatedWarning || truncatedWarning
     ? h('div', { className: 'dsh-mcp-tailor-warn' },
         decodeWarning ? h('div', null, h('b', null, t('⚠ 数据可能不完整：')), decodeWarning) : null,
         report && report.zstdSupported === false
           ? h('div', null, t('当前运行在 Node {0}，请升级到 22.15 以上后重启宿主。', [report.nodeVersion || t('（未知版本）')]))
           : null,
+        undatedWarning ? h('div', null, undatedWarning) : null,
+        truncatedWarning ? h('div', null, truncatedWarning) : null,
         scanFailures.length
           ? h('details', { className: 'dsh-mcp-tailor-details' },
               h('summary', null, t('{0} 个日志文件未能读取（含超限跳过），展开看原因', [tailorNum(report.failedFiles, report)])),
@@ -5011,6 +5321,31 @@ const ToolTailor = ({ call, timer, report: reportProp, onReport, seedPending })
       )
     : null;
 
+  // §6.4 两条「为什么这个数字不动」的归因，合成一条 note（无话可说时整块不渲染）：
+  //   ① 窗口比本机日志还长 → 加长窗口必然无变化（实测这台机器只有 14 天日志，30 天与 90 天
+  //      输出一字不差，而界面此前对此毫无提示）；
+  //   ② 注册表快照与最近一次真实下发差得多 → 改了配置没生效 / 工具挂在别的作用域里读不到。
+  // 阈值取「>500 tok 且 >5%」：Schema 长度的口径差有几十 tok 的正常噪声，压在阈值里就不会
+  // 变成一条常驻假告警（假告警会把真告警教成背景噪音）。
+  const attribution = (() => {
+    if (!report) return null;
+    const lines = [];
+    if (typeof report.scannedSpanDays === 'number' && report.scannedSpanDays > 0 && report.windowDays > report.scannedSpanDays) {
+      lines.push(t('窗口 {0} 天，但读到的调用记录只跨 {1} 天（最早一条是 {2}）；更早的部分本机没有日志，加长窗口不会改变任何数字。', [
+        fmtInt(report.windowDays), fmtInt(report.scannedSpanDays), fmtLast(report.scannedEventsOldestMs, report.generatedAt),
+      ]));
+    }
+    const divergence = report.wireTaxDivergenceTokens;
+    if (typeof divergence === 'number' && report.taxTotalTokens > 0 && Math.abs(divergence) > Math.max(500, report.taxTotalTokens * 0.05)) {
+      lines.push(divergence > 0
+        ? t('注册表快照比最近一次真实下发多 ~{0} tok：多半是改完配置还没重启宿主，或项目级工具还没在当前会话注册。', [fmtInt(divergence)])
+        : t('最近一次真实下发比注册表快照多 ~{0} tok：当前会话的工具集与面板读到的全局注册表不一致（可能来自项目级或子 Agent 作用域）。', [fmtInt(-divergence)]));
+    }
+    if (!lines.length) return null;
+    return h('div', { className: 'dsh-mcp-tailor-note' }, lines.map((line, i) => h('div', { key: i }, line)));
+  })();
+
+
   // §5.2 头部指标分层：原来四张同权重卡把「上下文税」和「调用总数」摆成一样大，
   // 于是用户读完四个数字仍然不知道最该动什么。真正需要行动的是「每轮白缴多少税」，
   // 它才是本页存在的理由；调用数只是背景。因此税单独放大居首，其余三个降为次级 KPI 行。
@@ -5018,6 +5353,15 @@ const ToolTailor = ({ call, timer, report: reportProp, onReport, seedPending })
   // 画一排等高灰条假装有数据，比不画更误导。
   const daily = report && Array.isArray(report.dailyCalls) ? report.dailyCalls : [];
   const hasTrend = daily.length > 0 && daily.some((v) => v > 0);
+  // §6.1 真实下发税。上面那个主数字（上下文税）是「当前注册表 Schema 长度」的纯函数，与时间
+  // 无关 —— 于是「连着几天一模一样」既可能是真的没改过，也可能是界面读不出变化，两者在屏幕上
+  // 长得完全一样（这正是本次排查的起因）。日志里每次请求都落了一份真实下发的工具清单，按天
+  // 采样后税值第一次有了时间形状：变化 0 次 = 数字不动是事实，不是裁缝坏了。
+  const wireDaily = report && Array.isArray(report.wireTaxDaily) ? report.wireTaxDaily : [];
+  const hasWireTax = wireDaily.length > 0 && wireDaily.some((v) => v > 0);
+  const wireLatest = report ? report.wireTaxLatest : null;
+  const wireChanges = report && typeof report.wireTaxChangeCount === 'number' ? report.wireTaxChangeCount : null;
+
   const errRate = report && report.totalCalls > 0 ? report.totalErrors / report.totalCalls : 0;
   // 错误率阈值按文档口径：<5% 是常态（绿），≥5% 才值得红着显示。
   const errTone = errRate >= 0.05 ? 'err' : 'ok';
@@ -5035,6 +5379,14 @@ const ToolTailor = ({ call, timer, report: reportProp, onReport, seedPending })
           : t('扫描后给出'),
       ),
       hasTrend ? h('div', { className: 'dsh-mcp-tailor-trend' }, h(Spark, { series: daily, title: t('近 {0} 天每日调用量（左旧右新）', [days]) }), h('span', null, t('近 {0} 天每日调用', [days]))) : null,
+      // §6.1 第二行趋势：真实下发税 + 清单变化次数 + 最近一次下发的规模。三件事合成一行，
+      // 免得「每日调用」和「每轮税」两张 sparkline 各自带一句标签，把 hero 卡撑散。
+      hasWireTax ? h('div', { className: 'dsh-mcp-tailor-trend' },
+        h(Spark, { series: wireDaily, title: t('近 {0} 天每轮真实下发的工具税（左旧右新）', [days]) }),
+        h('span', null, wireChanges === 1 ? t('每轮下发清单在 {0} 天内一次没变', [days]) : t('每轮下发清单变化 {0} 次', [wireChanges])),
+        wireLatest ? h('span', null, t('最近一次 {0} 个工具 ~{1} tok（{2}）', [fmtInt(wireLatest.toolCount), fmtInt(wireLatest.tokens), fmtLast(wireLatest.atMs, report.generatedAt)])) : null,
+      ) : null,
+
     ),
     h('div', { className: 'dsh-mcp-tailor-kpis' },
       // OPT-18：四张 KPI 的数字都随报告来，zstd 不可用时 0 是「测不到」→ 统一 tailorNum。
@@ -5063,11 +5415,13 @@ const ToolTailor = ({ call, timer, report: reportProp, onReport, seedPending })
       h('button', { type: 'button', className: 'dsh-mcp-btn', onClick: load, disabled: busy }, t('重扫')),
       h('span', { className: 'dsh-mcp-tailor-meta' }, metaText),
     ),
-    // OPT-19 · 4.3：缓存占用 + 一键清空（先清后扫，一次调用拿新报告）。
+    // 账本缓存读数（只读，动作已删；见 cacheLine 上方注释）。
     cacheLine,
     error ? h('div', { className: 'dsh-mcp-tailor-note' }, t('账本加载失败：'), fmtScanError(error)) : null,
     // 解码告警放在数据和表格**上方**：调用数整列 0 时，用户第一眼要能看到「为什么」。
     decodeIssue,
+    attribution,
+
     actionError ? h('div', { className: 'dsh-mcp-tailor-note' }, actionError) : null,
     flashMsg ? h('div', { className: 'dsh-mcp-tailor-note' }, flashMsg) : null,
     h('div', { className: 'dsh-mcp-tailor-table' },
@@ -5130,19 +5484,19 @@ const ToolTailor = ({ call, timer, report: reportProp, onReport, seedPending })
 const BOARD_CATEGORIES = [
   { key: 'mcp', label: 'MCP', icon: 'plug' },
   { key: 'skill', label: 'Skill', icon: 'skill' },
-  { key: 'expert', label: t('专家'), icon: 'expert' },
-  { key: 'tailor', label: t('工具裁缝'), icon: 'scissors' },
-  { key: 'wb', label: t('市场'), icon: 'store' },
+  { key: 'expert', get label() { return t('专家'); }, icon: 'expert' },
+  { key: 'tailor', get label() { return t('工具裁缝'); }, icon: 'scissors' },
+  { key: 'wb', get label() { return t('市场'); }, icon: 'store' },
 ];
 // 分类摘要文案表：把「这一页到底有什么」压成一句话 + 两三行事实。
 // 拆成纯数据而不是写在渲染里，是因为它同时被 hover 浮层和键盘焦点复用，
 // 且后面加分类时只要补一条，不必改渲染逻辑。
 const CATEGORY_BLURB = {
-  mcp: t('按服务器看工具清单、连接状态与参数；可增删、重连、导入。'),
-  skill: t('本地 Skill 清单：来源、是否启用、是否可被模型调用。'),
-  expert: t('已召唤的专家：人设、捆绑技能、当前在场状态，可送还。'),
-  tailor: t('工具使用账本：谁在被调用、谁在白缴上下文税。'),
-  wb: t('市场：连接器、内置 MCP、SkillHub 技能与专家召唤。'),
+  get mcp() { return t('按服务器看工具清单、连接状态与参数；可增删、重连、导入。'); },
+  get skill() { return t('本地 Skill 清单：来源、是否启用、是否可被模型调用。'); },
+  get expert() { return t('已召唤的专家：人设、捆绑技能、当前在场状态，可送还。'); },
+  get tailor() { return t('工具使用账本：谁在被调用、谁在白缴上下文税。'); },
+  get wb() { return t('市场：连接器、内置 MCP、SkillHub 技能与专家召唤。'); },
 };
 // §1.1 分类 hover 摘要。定位由父层算好（left），这里只负责内容与外观。
 // 只用 pointer-events:none 的只读浮层：不承载交互，因此不需要焦点陷阱，
@@ -5169,6 +5523,503 @@ const CatHintPopover = ({ hint, category, counts }) => {
     category !== hint.key ? h('div', { className: 'dsh-mcp-cat-pop-foot' }, t('点击切换到此分类')) : null,
   );
 };
+// ── 自定义套件（Skill 看板）：管理弹窗 + 跨组件打开总线 ─────────────────────
+// 一个套件 = 一组相关 skill 的**有序**命名组合；在输入框的引用菜单里点一次套件，等于把
+// 成员的 /name 逐个插进草稿（纯插件侧展开，宿主零改动）。数据层 lib/suites-registry.js
+// （~/.dsh/armory/suites.json），通道 listSkillSuites / saveSkillSuites。
+// 两条必须遵守的分工：
+//   ① 保存是**整集合覆盖**：右侧列表就是全部真相，删除 = 从列表里拿掉再保存；
+//   ② id 由**数据层**分配：新建条目在本地只有 `local-N` 临时 id（只为 React key 与选中态
+//      服务），提交前置空，保存成功后以返回值刷新看板副本——拿旧副本再存一次，同一套件
+//      会分裂成两条。
+// save 的传输错误翻译复用紧随其后的 skillTransportHint（404 = 宿主还没重启）。
+const SUITE_LOCAL_ID_PREFIX = 'local-';
+// 与 lib/suites-registry.js 的同名常量同值：写侧对超长是「放行 + 截断」，这里在输入时就
+// 限住，免得用户写满两百字、保存后才发现被截断。改一处请同时改另一处。
+const SUITE_NAME_MAX = 40;
+const SUITE_DESC_MAX = 120;
+const SUITE_MEMBERS_MAX = 40;
+const SUITES_MAX = 100;
+
+// 打开弹窗的两段式总线（与 pendingSkillFocus / pendingBoardCategory 完全同一套语义）：
+// 召唤菜单的「管理套件…」也要能开这个弹窗，而弹窗挂在 SkillBoard 里。看板已挂载 → 直接
+// 广播；没挂载（用户在会话界面点的）→ 意图先记在模块里，SkillBoard 挂载后自领，随后
+// openBoardCategory('skill') 把看板切到 Skill 分类（它自己会 selectPanel，不必再开一次）。
+let pendingSuiteOpen = false;
+const suiteOpenListeners = new Set();
+function openSuiteManager() {
+  pendingSuiteOpen = true;
+  for (const listener of [...suiteOpenListeners]) {
+    try { listener(); } catch { /* 单个订阅者失败不影响弹窗本身 */ }
+  }
+  openBoardCategory('skill');
+}
+const onSuiteOpenRequest = (listener) => {
+  suiteOpenListeners.add(listener);
+  return () => { suiteOpenListeners.delete(listener); };
+};
+
+// 提交给数据层的形状：本地临时 id 置空（写侧分配真 id），已有的 id / 时间戳原样带上
+// （updatedAt 由调用方决定 → 同一 payload 重放得到同一结果，写侧幂等）。
+const suitePayloadOf = (rows) => (Array.isArray(rows) ? rows : []).map((suite) => ({
+  id: String(suite.id || '').startsWith(SUITE_LOCAL_ID_PREFIX) ? '' : String(suite.id || ''),
+  name: String(suite.name || ''),
+  desc: String(suite.desc || ''),
+  members: Array.isArray(suite.members) ? [...suite.members] : [],
+  ...(suite.createdAt ? { createdAt: suite.createdAt } : {}),
+  ...(suite.updatedAt ? { updatedAt: suite.updatedAt } : {}),
+}));
+// 工作副本的一条：字段全部拉成确定形状，编辑时不必再逐处判空。
+const cloneSuiteRow = (suite) => ({
+  id: String(suite?.id || ''),
+  name: String(suite?.name || ''),
+  desc: String(suite?.desc || ''),
+  members: Array.isArray(suite?.members) ? suite.members.map((name) => String(name)) : [],
+  createdAt: Number(suite?.createdAt) || 0,
+  updatedAt: Number(suite?.updatedAt) || 0,
+});
+
+const SuiteManager = ({ call, skills, catOf, suites, onClose, onSaved, notify }) => {
+  const skillRows = Array.isArray(skills) ? skills : [];
+  // 弹窗内所有编辑都落在 draft 上，「保存」才整集合提交；取消 = 直接丢弃 draft。
+  // 只在挂载时从 props 拷一次：弹窗打开期间唯一的写入者就是它自己，不需要反向同步。
+  const [draft, setDraft] = useState(() => (Array.isArray(suites) ? suites.map(cloneSuiteRow) : []));
+  const [selId, setSelId] = useState(() => (Array.isArray(suites) && suites.length ? String(suites[0].id || '') : ''));
+  const [pickCat, setPickCat] = useState('all');
+  const [pickQuery, setPickQuery] = useState('');
+  const [dirty, setDirty] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const [saveError, setSaveError] = useState('');
+  const [flashMsg, setFlashMsg] = useState(null);   // { msg, ok }：弹窗内的小反馈
+  const [armDel, setArmDel] = useState('');         // 两段式删除：已 arm 的套件 id
+  const [dropIndex, setDropIndex] = useState(null); // 拖拽插入位（null = 不画指示线）
+  const [zoneOver, setZoneOver] = useState(false);
+  const [dragging, setDragging] = useState('');     // 拖动中的来源标记（半透明视觉）
+  const dragRef = useRef(null);        // { kind: 'skill', name } | { kind: 'member', index }
+  const localSeq = useRef(0);
+  const flashTimer = useRef(null);
+  const armTimer = useRef(null);
+  const nameRef = useRef(null);
+  const modalRef = useRef(null);
+  useFocusTrap(modalRef, true);
+  useEffect(() => () => {
+    if (flashTimer.current) clearTimeout(flashTimer.current);
+    if (armTimer.current) clearTimeout(armTimer.current);
+  }, []);
+
+  const flash = (msg, ok = true) => {
+    setFlashMsg({ msg, ok });
+    if (flashTimer.current) clearTimeout(flashTimer.current);
+    flashTimer.current = setTimeout(() => setFlashMsg(null), 2400);
+  };
+
+  // 分类：优先用看板已经算好的 catOf（同一份映射，两处判定不会漂移），缺席时现算。
+  const skillByName = useMemo(() => {
+    const map = new Map();
+    for (const s of skillRows) map.set(s.name, s);
+    return map;
+  }, [skills]);
+  const catFor = (skill) => (skill ? ((catOf && catOf.get(skill.name)) || skillCategoryOf(skill)) : SKILL_UNCAT);
+  const catOfName = (name) => catFor(skillByName.get(name));
+
+  // 左栏：分类轨道计数固定全量（与看板决策 9 同口径，不随搜索联动），列表随搜索/分类筛。
+  const pickCounts = useMemo(() => {
+    const list = Array.isArray(skills) ? skills : [];
+    const map = new Map([['all', list.length]]);
+    for (const s of list) {
+      const cat = (catOf && catOf.get(s.name)) || skillCategoryOf(s);
+      map.set(cat.key, (map.get(cat.key) || 0) + 1);
+    }
+    return map;
+  }, [skills, catOf]);
+  const pickList = useMemo(() => {
+    const list = Array.isArray(skills) ? skills : [];
+    const q = pickQuery.trim().toLowerCase();
+    return list.filter((s) => {
+      if (pickCat !== 'all') {
+        const cat = (catOf && catOf.get(s.name)) || skillCategoryOf(s);
+        if (cat.key !== pickCat) return false;
+      }
+      if (q && !(String(s.name || '') + ' ' + String(s.description || '')).toLowerCase().includes(q)) return false;
+      return true;
+    });
+  }, [skills, catOf, pickCat, pickQuery]);
+
+  const cur = draft.find((s) => s.id === selId) || null;
+  const curMembers = cur && Array.isArray(cur.members) ? cur.members : [];
+
+  const patchCur = (patch) => {
+    if (!cur) return;
+    setDraft((prev) => prev.map((s) => (s.id === cur.id ? { ...s, ...patch } : s)));
+    setDirty(true);
+  };
+
+  // 无拖拽替代路径（也是唯一的键盘路径）：点卡片上的 + 把 skill 加进当前套件。
+  const addMember = (name, at) => {
+    if (!cur) { flash(t('先在右侧选择一个套件，或点「新建套件」'), false); return; }
+    if (curMembers.includes(name)) { flash(t('「{0}」已在这个套件里', [name]), false); return; }
+    if (curMembers.length >= SUITE_MEMBERS_MAX) { flash(t('成员已达上限 {0} 个', [SUITE_MEMBERS_MAX]), false); return; }
+    const members = [...curMembers];
+    members.splice(typeof at === 'number' && at >= 0 && at <= members.length ? at : members.length, 0, name);
+    patchCur({ members });
+    flash(t('已加入「{0}」', [name]));
+  };
+  const removeMember = (index) => {
+    if (!cur) return;
+    patchCur({ members: curMembers.filter((_, i) => i !== index) });
+  };
+  const moveMember = (from, to) => {
+    if (!cur || from < 0 || from >= curMembers.length) return;
+    const members = [...curMembers];
+    const [moved] = members.splice(from, 1);
+    // 指示线下标是按**移动前**的数组算的：来源在目标之前时，抽出来源后目标整体前移一位。
+    const target = Math.max(0, Math.min(from < to ? to - 1 : to, members.length));
+    members.splice(target, 0, moved);
+    patchCur({ members });
+  };
+
+  // ── 拖拽（HTML5 DnD）：载荷真源是 dragRef，dataTransfer 只作跨容器兜底 ─────────
+  const startSkillDrag = (e, name) => {
+    dragRef.current = { kind: 'skill', name };
+    setDragging('skill:' + name);
+    try {
+      if (e.dataTransfer) { e.dataTransfer.setData('text/plain', name); e.dataTransfer.effectAllowed = 'copy'; }
+    } catch { /* 个别浏览器限制 setData 时机；本组件不依赖它 */ }
+  };
+  const startMemberDrag = (e, index) => {
+    dragRef.current = { kind: 'member', index };
+    setDragging('member:' + index);
+    try {
+      if (e.dataTransfer) { e.dataTransfer.setData('text/plain', String(index)); e.dataTransfer.effectAllowed = 'move'; }
+    } catch { /* 同上：dragRef 是真源 */ }
+  };
+  const endDrag = () => { dragRef.current = null; setDragging(''); setDropIndex(null); setZoneOver(false); };
+  const onRowDragOver = (e, index) => {
+    e.preventDefault();
+    const rect = e.currentTarget.getBoundingClientRect();
+    setZoneOver(true);
+    setDropIndex(e.clientY < rect.top + rect.height / 2 ? index : index + 1);
+  };
+  const onZoneDrop = (e) => {
+    e.preventDefault();
+    const payload = dragRef.current;
+    const at = dropIndex === null ? curMembers.length : dropIndex;
+    endDrag();
+    if (!payload || !cur) return;
+    if (payload.kind === 'skill') addMember(payload.name, at);
+    else moveMember(payload.index, at);
+  };
+
+  const newSuite = () => {
+    if (draft.length >= SUITES_MAX) { flash(t('套件数量已达上限 {0} 个', [SUITES_MAX]), false); return; }
+    localSeq.current += 1;
+    const id = SUITE_LOCAL_ID_PREFIX + localSeq.current;
+    setDraft((prev) => [...prev, { id, name: '', desc: '', members: [], createdAt: 0, updatedAt: 0 }]);
+    setSelId(id);
+    setDirty(true);
+    setArmDel('');
+    setSaveError('');
+    // 名称框要等这一帧渲染完才存在（编辑器随 selId 重渲染），聚焦放到下一帧。
+    requestAnimationFrame(() => { if (nameRef.current) nameRef.current.focus(); });
+  };
+  // 两段式删除：第一次点变「确认?」（2.6s 后自动收回），第二次点才真删。删除只改 draft，
+  // 落盘要等「保存」——所以文案是「保存后生效」，误删可以在关窗前反悔（取消即回滚）。
+  const armDelete = (id) => {
+    if (armDel !== id) {
+      setArmDel(id);
+      if (armTimer.current) clearTimeout(armTimer.current);
+      armTimer.current = setTimeout(() => setArmDel(''), 2600);
+      return;
+    }
+    if (armTimer.current) clearTimeout(armTimer.current);
+    setArmDel('');
+    const next = draft.filter((s) => s.id !== id);
+    setDraft(next);
+    if (selId === id) setSelId(next.length ? next[0].id : '');
+    setDirty(true);
+    flash(t('已删除套件（保存后生效）'), false);
+  };
+
+  const attemptClose = () => {
+    if (saving) return;
+    // 「已放弃未保存的修改」必须由看板来说：弹窗一关自己就卸载了，反馈留在弹窗里等于没有。
+    if (dirty && typeof notify === 'function') notify(t('已放弃未保存的修改'), false);
+    onClose();
+  };
+
+  const save = async () => {
+    // 前置校验与写侧同口径（无名 / 空成员都属「拒绝」档），先在界面上挡住并跳到那一条：
+    // 写侧的错误消息里只有序号，用户还得自己数是第几条。
+    const unnamed = draft.find((s) => !String(s.name || '').trim());
+    if (unnamed) {
+      setSelId(unnamed.id);
+      flash(t('有套件还没起名'), false);
+      requestAnimationFrame(() => { if (nameRef.current) nameRef.current.focus(); });
+      return;
+    }
+    const hollow = draft.find((s) => !Array.isArray(s.members) || !s.members.length);
+    if (hollow) {
+      setSelId(hollow.id);
+      flash(t('套件「{0}」还没有成员', [hollow.name]), false);
+      return;
+    }
+    setSaving(true);
+    setSaveError('');
+    let res = null;
+    try {
+      res = await call('saveSkillSuites', { suites: suitePayloadOf(draft) });
+    } catch (e) {
+      setSaving(false);
+      setSaveError(skillTransportHint(String((e && e.message) || e)));
+      return;
+    }
+    if (res && res.ok) {
+      const saved = Array.isArray(res.suites) ? res.suites : [];
+      setSaving(false);
+      setDirty(false);
+      // 先把返回值交出去再关窗：新分配的 id 只在这里出现，看板用它刷新副本与计数徽标。
+      if (typeof onSaved === 'function') onSaved(saved);
+      if (typeof notify === 'function') notify(t('套件已保存（{0} 个）', [saved.length]), true);
+      onClose();
+      return;
+    }
+    setSaving(false);
+    setSaveError(skillTransportHint((res && res.error) || t('保存失败：宿主没有回包')));
+  };
+
+  // 成员行 + 拖拽插入指示线：指示线是普通行元素（不是独立容器），成员区始终只有一个滚动区。
+  const memberCells = [];
+  curMembers.forEach((name, index) => {
+    if (dropIndex === index) memberCells.push(h('div', { key: '__dl__' + index, className: 'drop-line' }));
+    const cat = catOfName(name);
+    // 注册表里查不到 = 该 skill 已被移动 / 删除 / 不在当前作用域。成员保留（用户可能只是
+    // 暂时切了作用域），但如实标「已失效」——引用时宿主插进去的 /name 命中不了任何技能。
+    const missing = !skillByName.has(name);
+    memberCells.push(h('div', {
+      key: name,
+      className: 'member-row' + (dragging === 'member:' + index ? ' dragging' : ''),
+      draggable: true,
+      title: missing ? t('宿主当前找不到这个 skill（可能已移动或删除），引用时会失效') : name,
+      onDragStart: (e) => startMemberDrag(e, index),
+      onDragEnd: endDrag,
+      onDragOver: (e) => onRowDragOver(e, index),
+    },
+      h('span', { className: 'idx' }, index + 1),
+      h('span', { className: 'grip', 'aria-hidden': true }, h(Icon, { d: ICONS.grip, size: 11 })),
+      h('span', { className: 'tile', style: { background: cat.color } }),
+      h('span', { className: 'nm' }, name),
+      h('span', { className: 'cat' + (missing ? ' gone' : '') }, missing ? t('已失效') : cat.name),
+      h('button', {
+        type: 'button', className: 'rm', title: t('移除'), 'aria-label': t('移除 {0}', [name]),
+        onClick: () => removeMember(index),
+      }, h(Icon, { d: ICONS.x, size: 10 })),
+    ));
+  });
+  if (cur && dropIndex === curMembers.length) memberCells.push(h('div', { key: '__dl__end', className: 'drop-line' }));
+
+  return h('div', {
+    className: 'dsh-mcp-overlay',
+    onMouseDown: (e) => { if (e.target === e.currentTarget) attemptClose(); },
+  },
+    h('div', {
+      ref: modalRef,
+      className: 'dsh-mcp-modal suites',
+      role: 'dialog',
+      'aria-modal': true,
+      'aria-label': t('套件管理'),
+      tabIndex: -1,
+      onKeyDown: (e) => { if (e.key === 'Escape') { e.stopPropagation(); attemptClose(); } },
+    },
+      h('header', { className: 'suite-head' },
+        h('div', { className: 'suite-head-text' },
+          h('h3', null, t('套件管理')),
+          h('p', { className: 'sub' }, t('把多个相关 skill 打包成套件；在输入框的引用菜单里点一次套件，等于同时引用全部成员。')),
+        ),
+        h('button', {
+          type: 'button', className: 'suite-x', title: t('关闭'), 'aria-label': t('关闭'),
+          disabled: saving, onClick: attemptClose,
+        }, h(Icon, { d: ICONS.x, size: 14 })),
+      ),
+      h('div', { className: 'suite-body' },
+        // ── 左：技能库选择器（分类轨道 + 搜索 + 可拖卡片）──
+        h('div', { className: 'suite-left' },
+          h('label', { className: 'suite-search' },
+            h(Icon, { d: ICONS.search, size: 13 }),
+            h('input', {
+              value: pickQuery,
+              placeholder: t('搜索 skill…'),
+              'aria-label': t('搜索 skill'),
+              onChange: (e) => setPickQuery(e.target.value),
+            }),
+          ),
+          h('div', { className: 'dsh-mcp-skill-rail', role: 'tablist', 'aria-label': t('按分类过滤 skill') },
+            SKILL_CATS.map((c) => h('button', {
+              key: c.key,
+              type: 'button',
+              role: 'tab',
+              'aria-selected': pickCat === c.key,
+              className: 'dsh-mcp-skill-cat' + (pickCat === c.key ? ' on' : ''),
+              onClick: () => setPickCat(c.key),
+            },
+              h('span', { className: 'dsh-mcp-skill-cat-dot', style: { background: c.color } }),
+              c.name,
+              h('span', { className: 'dsh-mcp-skill-cat-count' }, pickCounts.get(c.key) || 0),
+            ))),
+          skillRows.length === 0
+            ? h('div', { className: 'member-empty' },
+                h('span', { className: 'big' }, h(Icon, { d: ICONS.skill, size: 20 })),
+                t('看板没有读到 skill 列表'),
+                t('宿主未挂载 skill 注册表（@deepseek-ai/dsh-skill）时这里就是空的；套件仍能保存，但成员名要自己保证正确。'))
+            : h('div', { className: 'suite-pick-list' },
+                pickList.length === 0
+                  ? h('div', { className: 'member-empty' }, t('没有符合筛选的 skill'))
+                  : pickList.map((s) => {
+                      const cat = catFor(s);
+                      const inSuite = curMembers.includes(s.name);
+                      return h('div', {
+                        key: s.name,
+                        className: 'suite-pick-card' + (inSuite ? ' in-suite' : '') + (dragging === 'skill:' + s.name ? ' dragging' : ''),
+                        draggable: !!cur,
+                        title: inSuite ? t('已在当前套件中') : t('拖到右侧成员区，或点 + 添加'),
+                        onDragStart: (e) => startSkillDrag(e, s.name),
+                        onDragEnd: endDrag,
+                      },
+                        h('span', { className: 'tile', style: { background: cat.color } }),
+                        h('span', { className: 'body' },
+                          h('span', { className: 'nm' }, s.name, h('span', { className: 'cat' }, cat.name)),
+                          h('span', { className: 'ds' }, s.description || t('（无描述）')),
+                        ),
+                        h('span', { className: 'grip', 'aria-hidden': true }, h(Icon, { d: ICONS.grip, size: 12 })),
+                        h('button', {
+                          type: 'button',
+                          className: 'add',
+                          disabled: !cur,
+                          title: inSuite ? t('已在套件中') : t('添加到当前套件'),
+                          'aria-label': t('添加到当前套件'),
+                          onClick: (e) => { e.stopPropagation(); addMember(s.name); },
+                        }, inSuite ? '✓' : h(Icon, { d: ICONS.plus, size: 11 })),
+                      );
+                    })),
+        ),
+        // ── 右：套件列表 + 编辑器 ──
+        h('div', { className: 'suite-right' },
+          h('div', { className: 'suite-list-bar' },
+            h('span', { className: 't' }, t('我的套件')),
+            h('span', { className: 'sp' }),
+            h(Btn, {
+              cls: 'suite-new', icon: 'plus', disabled: saving, onClick: newSuite,
+              title: t('新建一个空套件'), children: t('新建套件'),
+            }),
+          ),
+          h('div', { className: 'suite-list' },
+            draft.length === 0
+              ? h('div', { className: 'member-empty' }, t('还没有套件：点右上「新建套件」开始'))
+              : draft.map((s) => h('div', {
+                  key: s.id,
+                  className: 'suite-row' + (s.id === selId ? ' on' : ''),
+                  // 行本身是 div[role=button] 而不是 <button>：里面还要放「删除」按钮，
+                  // button 套 button 是无效 HTML（浏览器会拆节点，React 的树跟着错位）。
+                  role: 'button',
+                  tabIndex: 0,
+                  'aria-pressed': s.id === selId,
+                  onClick: () => { setSelId(s.id); setArmDel(''); },
+                  onKeyDown: (e) => {
+                    if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setSelId(s.id); setArmDel(''); }
+                  },
+                },
+                  h('span', { className: 'ic' }, h(Icon, { d: ICONS.layers, size: 13 })),
+                  h('span', { className: 'nm' }, s.name || t('未命名套件')),
+                  h('span', { className: 'stack', 'aria-hidden': true },
+                    s.members.slice(0, 4).map((name) => h('i', { key: name, style: { background: catOfName(name).color } }))),
+                  h('span', { className: 'ct' }, s.members.length),
+                  h('button', {
+                    type: 'button',
+                    className: 'del' + (armDel === s.id ? ' arm' : ''),
+                    disabled: saving,
+                    title: armDel === s.id ? t('再点一次确认删除') : t('删除套件'),
+                    onClick: (e) => { e.stopPropagation(); armDelete(s.id); },
+                  }, armDel === s.id ? t('确认?') : t('删除')),
+                ))),
+          cur
+            ? h('div', { className: 'suite-editor' },
+                h('div', { className: 'fields' },
+                  h('div', { className: 'field' },
+                    h('label', { htmlFor: 'dsh-suite-name' }, t('套件名称')),
+                    h('input', {
+                      id: 'dsh-suite-name',
+                      ref: nameRef,
+                      value: cur.name,
+                      maxLength: SUITE_NAME_MAX,
+                      placeholder: t('例如：演示视频流水线'),
+                      onChange: (e) => patchCur({ name: e.target.value }),
+                    }),
+                  ),
+                  h('div', { className: 'field' },
+                    h('label', { htmlFor: 'dsh-suite-desc' }, t('说明（可选，显示在引用菜单条目右侧）')),
+                    h('input', {
+                      id: 'dsh-suite-desc',
+                      value: cur.desc,
+                      maxLength: SUITE_DESC_MAX,
+                      placeholder: t('一句话说明这套技能干什么'),
+                      onChange: (e) => patchCur({ desc: e.target.value }),
+                    }),
+                  ),
+                ),
+                h('div', {
+                  className: 'member-zone' + (zoneOver ? ' over' : ''),
+                  onDragOver: (e) => {
+                    e.preventDefault();
+                    setZoneOver(true);
+                    // 空成员区没有行可测几何：整个区域就是一个放置点（追加到末尾）。
+                    if (!curMembers.length) setDropIndex(0);
+                  },
+                  onDragLeave: (e) => {
+                    if (!e.currentTarget.contains(e.relatedTarget)) { setZoneOver(false); setDropIndex(null); }
+                  },
+                  onDrop: onZoneDrop,
+                },
+                  h('div', { className: 'zh' },
+                    h(Icon, { d: ICONS.layers, size: 12 }),
+                    h('b', null, t('成员技能')),
+                    h('span', null, t('{0} 个 · 拖拽可排序', [curMembers.length])),
+                  ),
+                  h('div', { className: 'member-list' },
+                    curMembers.length === 0
+                      ? h('div', { className: 'member-empty' },
+                          h('span', { className: 'big' }, h(Icon, { d: ICONS.grip, size: 20 })),
+                          t('把左侧卡片拖到这里'),
+                          t('拖不动时，悬停卡片点 + 也能加进来'))
+                      : memberCells),
+                ),
+              )
+            : h('div', { className: 'suite-editor' },
+                h('div', { className: 'member-empty' },
+                  h('span', { className: 'big' }, h(Icon, { d: ICONS.layers, size: 20 })),
+                  t('选择右上列表里的一个套件，或点「新建套件」'),
+                  t('套件 = 一组相关 skill 的引用打包')),
+              ),
+        ),
+      ),
+      h('div', { className: 'suite-foot' },
+        h('span', { className: 'hint' },
+          h(Icon, { d: ICONS.grip, size: 12 }),
+          h('span', null, t('拖左侧卡片到成员区即可添加；成员可上下拖拽排序，+ / × 是无拖拽的替代路径。')),
+        ),
+        saveError
+          ? h('span', { className: 'err', role: 'alert', title: saveError }, saveError)
+          : (dirty ? h('span', { className: 'dirty' }, h('i', null), t('未保存')) : null),
+        h(Btn, { onClick: attemptClose, disabled: saving, children: t('取消') }),
+        h(Btn, {
+          cls: 'primary', onClick: save, disabled: saving,
+          title: t('整集合覆盖保存：右侧列表就是全部套件'),
+          children: saving ? t('保存中…') : t('保存套件'),
+        }),
+      ),
+      flashMsg ? h('div', { className: 'dsh-mcp-toast ' + (flashMsg.ok ? 'ok' : 'err') }, flashMsg.msg) : null,
+    ),
+  );
+};
+
 // 宿主侧接口不存在（HTTP 404 / transport failure）几乎总是「宿主还没重启」：
 // 客户端 bundle 从磁盘现读、改完刷新即生效，而宿主的 Remote 方法在启动时才注册。
 // 这里把生硬的传输错误翻译成可操作的提示，而不是让用户对着 404 猜。
@@ -5177,6 +6028,22 @@ const skillTransportHint = (message) =>
     ? String(message) + t('　——宿主还没注册 skill 接口：重启 DeepSeek Harness 让宿主侧生效后即可')
     : String(message);
 
+// Skill 集合变更总线：市场安装/卸载、看板卸载都会改磁盘上的 skill 集合，但这些入口
+// 与消费方不在一棵子树里——顶部数量角标在 McpBoardPage，列表在 SkillBoard，二者还
+// 不同时挂载（分类是单选渲染）。没有总线时角标只在 McpBoardPage 首次挂载读一次，
+// 装完必须离开整个看板再回来才更新。与 expertChangeListeners 同构：模块级 Set、
+// 逐个 try（单个订阅者失败不影响其它）、返回退订函数；reason 只用于排查日志/测试。
+const skillChangeListeners = new Set();
+const emitSkillChange = (reason = '') => {
+  for (const listener of [...skillChangeListeners]) {
+    try { listener(reason); } catch { /* 单个订阅者失败不影响其它订阅者 */ }
+  }
+};
+const onSkillChange = (listener) => {
+  skillChangeListeners.add(listener);
+  return () => { skillChangeListeners.delete(listener); };
+};
+
 // ── Skill 看板：列表 + 详情 ──────────────────────────────────────────
 // 数据来自宿主新增的 listSkills / skillDetail（走同一个 mcpManager Remote 命名空间，
 // 复用既有的 call 信封 {ok, ...}），不引入第二条 Remote 通道。
@@ -5195,14 +6062,26 @@ const SkillBoard = ({ call, scope, timer }) => {
   const [detail, setDetail] = useState(null);
   const [detailLoading, setDetailLoading] = useState(false);
   const [detailError, setDetailError] = useState('');
+  // 卸载三态：confirmRemove = 详情里已展开二次确认；removing = 请求在途；
+  // removeError = 宿主拒绝或网络失败的原因（成功即关详情，不在详情里留错误）。
+  const [confirmRemove, setConfirmRemove] = useState(false);
+  const [removing, setRemoving] = useState(false);
+  const [removeError, setRemoveError] = useState('');
   // 分类升级（决策 3/4/7）：分类单选 + 网格/列表双视图，全部记忆到 URL hash
   // （skillcat/skillview/skillpick），刷新与分享都能回到原处；'' = 默认态不写键。
   const [cat, setCat] = useState('');
   const [view, setView] = useState('');
   const [toast, setToast] = useState(null); // { msg, ok }
+  // 自定义套件三态：suites = 宿主 ~/.dsh/armory/suites.json 的本地镜像，suiteOpen = 管理弹窗开关，
+  // notice = 看板根级浮层提示。notice 必须与 toast 分开——toast 渲染在详情体内（dsh-mcp-skill-d-flash），
+  // 而「套件已保存 / 已放弃未保存的修改」恰恰发生在弹窗关闭的一刻，挂在详情里根本看不见。
+  const [suites, setSuites] = useState([]);
+  const [suiteOpen, setSuiteOpen] = useState(false);
+  const [notice, setNotice] = useState(null); // { msg, ok }
   const loadSeq = useRef(0);
   const detailSeq = useRef(0);
   const toastCancel = useRef(null);
+  const noticeCancel = useRef(null);
   // 作用域切换检测（skillpick 只在真换作用域时清）+ skillpick 恢复只做一次的哨兵。
   const mountedScope = useRef(null);
   const seededPick = useRef(false);
@@ -5231,6 +6110,17 @@ const SkillBoard = ({ call, scope, timer }) => {
     }
   }, [call, scope]);
 
+  // 套件集合读取。与 listSkills 不同：它读的是本插件自己的数据层（不依赖宿主 skill 注册表），
+  // 失败也不该把整个看板拖进错误态——读不到就当「还没有套件」，与 wb-registry 读侧同一口径。
+  const loadSuites = useCallback(async () => {
+    try {
+      const res = await call('listSkillSuites');
+      if (res && res.ok && Array.isArray(res.suites)) setSuites(res.suites);
+    } catch {
+      // 宿主未重启 / 接口缺失：静默降级为空集合，看板与召唤菜单都还能用。
+    }
+  }, [call]);
+
   useEffect(() => {
     // cat/view 从 hash 恢复（作用域切换时 hash 仍是唯一真值源，直接重读）。
     const seededCat = readHashParam('skillcat');
@@ -5246,7 +6136,12 @@ const SkillBoard = ({ call, scope, timer }) => {
     setDetailError('');
     setQuery('');
     load(false);
-  }, [load]);
+    loadSuites();
+  }, [load, loadSuites]);
+
+  // 本看板挂着时收到变更（目前主要是自己卸载成功，以及将来其它入口）立即重读真值。
+  // 不挂着时不用补——上面的挂载 effect 每次都会 load(false)，切回本页天然是新数据。
+  useEffect(() => onSkillChange(() => { load(true); }), [load]);
 
   const queryKey = (query || '').toLowerCase();
   // 分类判定只依赖 name+description、与筛选无关 → 一次 memo 全量映射；
@@ -5306,7 +6201,10 @@ const SkillBoard = ({ call, scope, timer }) => {
   
 
   const openDetail = useCallback(async (name) => {
+    if (removing) return; // 卸载在途时不切换选中，避免成功回调关掉另一条详情
     setSelected(name);
+    setConfirmRemove(false);
+    setRemoveError('');
     // 选中态记忆到 hash（决策 4），刷新/分享可回到同一技能详情。
     writeHashParams({ skillpick: name });
     const seq = ++detailSeq.current;
@@ -5324,7 +6222,7 @@ const SkillBoard = ({ call, scope, timer }) => {
     } finally {
       if (seq === detailSeq.current) setDetailLoading(false);
     }
-  }, [call, scope]);
+  }, [call, scope, removing]);
 
   // 关掉网格视图的详情弹窗：选中态、正文、报错、toast 一起清，并把 hash 里的 skillpick 撤回。
   // 只清 UI 不清 hash 的话，刷新/分享链接会把弹窗又弹回来，看起来像「关不掉」。
@@ -5334,10 +6232,19 @@ const SkillBoard = ({ call, scope, timer }) => {
     setDetail(null);
     setDetailError('');
     setDetailLoading(false);
+    setConfirmRemove(false);
+    setRemoveError('');
     setToast(null);
     writeHashParams({ skillpick: '' });
   }, []);
 
+  // 卸载在途时拒绝关闭详情：请求不可取消，关掉后失败原因就无处可显示。
+  // 所有「用户主动关」的入口都走这里；removeSelected 成功后用 closeDetail 强关。
+  const requestCloseDetail = useCallback(() => {
+    if (removing) return;
+    closeDetail();
+  }, [removing, closeDetail]);
+
   // 弹窗要能被 Escape 关掉，前提是焦点在它里面。ref 回调在节点挂载时触发，
   // 比再挂一个 useEffect 更贴近「出现即聚焦」，也省掉一轮渲染。
   const focusModal = useCallback((el) => {
@@ -5359,6 +6266,19 @@ const SkillBoard = ({ call, scope, timer }) => {
     return off;
   }, [openDetail]);
 
+  // 套件弹窗的跨组件入口：召唤菜单底部「管理套件…」发广播 → 这里领走并打开弹窗。
+  // 与 pendingSkillFocus 同构：订阅覆盖「看板已挂载」，自领 pending 覆盖「从别的页签跳过来时
+  // 广播早已发完」；领走即清标志，否则下次再进看板会莫名其妙自己弹一次。
+  useEffect(() => {
+    const open = () => {
+      pendingSuiteOpen = false;
+      setSuiteOpen(true);
+    };
+    const off = onSuiteOpenRequest(open);
+    if (pendingSuiteOpen) open();
+    return off;
+  }, []);
+
   // skillpick 恢复（决策 4）：列表就绪后按 hash 打开详情，只做一次；scope 切换时哨兵复位。
   useEffect(() => {
     if (seededPick.current || loading || !skills.length) return;
@@ -5369,6 +6289,7 @@ const SkillBoard = ({ call, scope, timer }) => {
 
   const summary = selected ? skills.find((s) => s.name === selected) : null;
   const summaryCat = summary ? (catOf.get(summary.name) || SKILL_UNCAT) : null;
+
   // 网格视图不再占右侧详情栏：有选中就浮成居中弹窗；列表视图仍走右侧栏（决策见 §12）。
   // 注意 view 的取值是 'list' | ''（网格是空串，见 setView(readHashParam('skillview') === 'list' ...)），
   // 所以判据必须是 !== 'list'，写成 === 'grid' 会让弹窗永远不出现（卡片点了像没反应）。
@@ -5395,6 +6316,14 @@ const SkillBoard = ({ call, scope, timer }) => {
     toastCancel.current = timer.timeout(() => setToast(null), 2600);
   }, [timer]);
   useEffect(() => () => { if (toastCancel.current) toastCancel.current(); }, []);
+  // 看板根级提示（约 2.6s 自动消失）：套件弹窗一关就卸载，自己的 toast 活不过那一帧，
+  // 所以「已保存 / 已放弃修改」这类消息一律交给这里，挂在看板根节点上。
+  const showNotice = useCallback((msg, ok) => {
+    setNotice({ msg, ok });
+    if (noticeCancel.current) noticeCancel.current();
+    noticeCancel.current = timer.timeout(() => setNotice(null), 2600);
+  }, [timer]);
+  useEffect(() => () => { if (noticeCancel.current) noticeCancel.current(); }, []);
   const copySkillMdPath = () => {
     const dir = String((summary && summary.path) || '').replace(/[\\/]+$/, '');
     if (!dir) return;
@@ -5405,12 +6334,36 @@ const SkillBoard = ({ call, scope, timer }) => {
     copyText('@' + summary.name).then((ok) => showToast(ok ? t('已复制到剪贴板') : t('复制失败'), ok));
   };
 
+  // 卸载：宿主按注册表记录的真路径永久删除。成功后先本地收敛列表（注册表可能有扫描缓存，
+  // 等 listSkills 回来才消失会让用户以为没删掉），再广播变更——本看板的订阅者会 load(true)
+  // 让真值覆盖，顶部数量角标也同帧重算；刷新失败也不回滚——文件已经没了，回滚只会制造假象。
+  // 注意定义位置：必须排在 showNotice 之后（依赖数组在渲染期求值，放前面会 TDZ）。
+  const removeSelected = useCallback(async () => {
+    if (!summary || !summary.path || removing) return;
+    const name = summary.name;
+    setConfirmRemove(false);
+    setRemoving(true);
+    setRemoveError('');
+    try {
+      const res = await call('removeSkill', { ...skillScopeArg(scope), name });
+      if (!res || !res.ok) throw new Error((res && res.error) || t('卸载失败'));
+      setSkills((rows) => rows.filter((s) => s.name !== name));
+      closeDetail();
+      showNotice(t('已卸载 {0}', [name]), true);
+      emitSkillChange('skill-board-remove');
+    } catch (e) {
+      setRemoveError(skillTransportHint(String((e && e.message) || e)));
+    } finally {
+      setRemoving(false);
+    }
+  }, [summary, removing, call, scope, closeDetail, showNotice]);
+
   // §1.4 空状态四件套：两种空况共用一份 JSX；「清除全部筛选」现在连同分类轨道一起清。
   const emptyBoard = skills.length === 0
     ? h(EmptyState, {
         icon: 'skill', title: t('这个作用域下没有发现 skill'),
         hint: t('skill 由 skill-filesystem 从项目 .dsh/skills、用户 ~/.dsh/skills 等目录发现；放一个 SKILL.md 进去就会出现在这里。'),
-        actions: [{ label: t('重新扫描'), icon: 'refresh', onClick: () => load(true) }],
+        actions: [{ label: t('重新扫描'), icon: 'refresh', onClick: () => { load(true); loadSuites(); } }],
         tight: true,
       })
     : h(EmptyState, {
@@ -5447,6 +6400,18 @@ const SkillBoard = ({ call, scope, timer }) => {
               title: t('列表视图'), onClick: () => setViewHash('list'),
             }, h(Icon, { d: ICONS.list, size: 13 }), t('列表视图')),
           ),
+          // 自定义套件入口（决策：按钮放在 skill 看板工具条上，与视图分段控件同一行）。
+          // 徽章显示已保存的套件数——0 时不渲染，避免空看板挂一个「0」误导成有东西可点。
+          h('button', {
+            type: 'button', className: 'dsh-mcp-btn suite-entry',
+            title: t('管理自定义套件：把多个相关 skill 打包，引用一次全部生效'),
+            onClick: () => setSuiteOpen(true),
+            'aria-label': t('管理自定义套件'),
+          },
+            h(Icon, { d: ICONS.layers, size: 13 }),
+            t('套件'),
+            suites.length ? h('span', { className: 'cnt' }, suites.length) : null,
+          ),
         ),
         // 分类轨道（决策 5：轨道在搜索下、chips 上；计数固定全量，决策 9）。
         // 分类与来源/权限是正交维度——分类筛「它是什么」，来源/权限筛「它从哪来/谁能调用」。
@@ -5468,13 +6433,14 @@ const SkillBoard = ({ call, scope, timer }) => {
           h('span', null, (loading && !refreshing) ? t('读取中…') : t('显示 {0} / {1} 个 skill', [filtered.length, skills.length])
             + (filtered.length !== skills.length ? t('（共 {0}，已筛选）', [skills.length]) : '')),
           refreshing ? h('span', null, t(' · 刷新中…')) : null,
-          // OPT-31 · 5.1：把「只读」从代码注释提到界面上。宿主 skill 注册表只有
-          // listSkills / skillDetail 两个读接口，没有启用/禁用/写入——这层语义以前只写在
-          // 源码注释里，用户会反复找不到开关。明示之后「没有开关」变成预期而非缺陷。
-          // 位置：筛选条之后、列表之前——读列表前先知道能做什么，比滚到底才发现划算。
+          // OPT-31 · 5.1：把「能做什么、不能做什么」从代码注释提到界面上。
+          // 宿主注册表本身只有 listSkills / skillDetail 两个读接口；卸载是本插件补的
+          // removeSkill（仅限用户级/项目级目录）。这层边界不写明，用户会把「随包分发 /
+          // 运行时注册不可卸载」当成缺陷反复找开关。
+          // 位置：筛选条之后、列表之前——读列表前先知道能力边界，比滚到底才发现划算。
           h('div', { className: 'dsh-mcp-readonly-note' },
             h(Icon, { d: ICONS.eye, size: 12 }),
-            h('span', null, t('这个看板是只读的：宿主只提供 listSkills / skillDetail，没有启用/禁用或修改入口；要改内容请直接编辑 SKILL.md。')),
+            h('span', null, t('宿主只提供 skill 的读取接口；这里可以卸载用户级/项目级目录里的 skill（永久删除，不可撤销）。随 DSH 分发、运行时注册、自定义目录的 skill 不可卸载——要改内容请直接编辑 SKILL.md。')),
           ),
         ),
         h('div', { className: 'dsh-mcp-skill-filters' },
@@ -5580,7 +6546,7 @@ const SkillBoard = ({ call, scope, timer }) => {
       // 网格视图的详情以弹窗呈现（与市场卡片详情同一套观感），列表视图仍走右侧栏。
       // 遮罩单独做一层兄弟节点而不是包住弹窗：点遮罩即关，点弹窗内部不会冒泡到它。
       isModal
-        ? h('div', { className: 'dsh-mcp-skill-modal-hit', onClick: closeDetail })
+        ? h('div', { className: 'dsh-mcp-skill-modal-hit', onClick: requestCloseDetail })
         : null,
       h('div', {
         className: 'dsh-mcp-skill-detail' + (isModal ? ' is-modal' : ''),
@@ -5593,7 +6559,7 @@ const SkillBoard = ({ call, scope, timer }) => {
           ? (e) => {
               if (e.key === 'Escape') {
                 e.stopPropagation();
-                closeDetail();
+                requestCloseDetail();
               }
             }
           : undefined,
@@ -5605,7 +6571,7 @@ const SkillBoard = ({ call, scope, timer }) => {
               className: 'dsh-mcp-skill-d-close',
               title: t('关闭'),
               'aria-label': t('关闭'),
-              onClick: closeDetail,
+              onClick: requestCloseDetail,
             }, h(Icon, { d: ICONS.x, size: 14 }))
           : null,
         !summary && !detailLoading
@@ -5655,7 +6621,31 @@ const SkillBoard = ({ call, scope, timer }) => {
             h('button', {
               type: 'button', className: 'dsh-mcp-btn', onClick: copySessionRef,
             }, h(Icon, { d: ICONS.copy, size: 13 }), t('复制 @会话引用')),
+            // 卸载入口只在「来源可定位到用户级/项目级 skills 根」且确有磁盘路径时出现。
+            // 二次确认就地展开（不弹窗、不移位），确认按钮为危险色，取消在左侧。
+            skillRemovable(summary.source) && summary.path
+              ? (confirmRemove
+                  ? h(InlineConfirm, {
+                      question: t('将从磁盘永久删除 {0}（不可撤销），确认卸载？', [summary.name]),
+                      confirmLabel: removing ? t('卸载中…') : t('确认卸载'),
+                      busy: removing,
+                      onConfirm: removeSelected,
+                      onCancel: () => setConfirmRemove(false),
+                    })
+                  : h('button', {
+                      type: 'button', className: 'dsh-mcp-btn danger', disabled: removing,
+                      title: t('永久删除这个 skill 所在目录（不可撤销）'),
+                      onClick: () => { setRemoveError(''); setConfirmRemove(true); },
+                    }, h(Icon, { d: ICONS.trash, size: 13 }), t('卸载')))
+              : null,
           ),
+          !skillRemovable(summary.source)
+            ? h('div', { className: 'dsh-mcp-readonly-note' },
+                h(Icon, { d: ICONS.eye, size: 12 }),
+                h('span', null, t('这个 skill 来自「{0}」，不在可卸载范围内：随 DSH 分发、运行时注册与自定义目录的 skill 只能查看。要停用它，请编辑所属预设或 SKILL.md。', [skillSourceLabel(summary.source)])),
+              )
+            : null,
+          removeError ? h('div', { className: 'dsh-mcp-d-err' }, removeError) : null,
           detailLoading ? h('div', { className: 'dsh-mcp-skill-empty' }, t('读取 skill 内容…')) : null,
           detailError ? h('div', { className: 'dsh-mcp-d-err' }, detailError) : null,
           detail && detail.content !== undefined ? h('div', { className: 'dsh-mcp-skill-d-sec' },
@@ -5666,6 +6656,23 @@ const SkillBoard = ({ call, scope, timer }) => {
         ) : null,
       ),
     ) : null,
+    // 套件管理弹窗：挂在「看板可用」判据**之外**——它读的是本插件自己的数据层，
+    // 就算宿主没挂载 skill 注册表（error 态、工具条不渲染），召唤菜单里的「管理套件…」
+    // 也仍应能把它打开，只是左侧候选列表是空的。
+    suiteOpen
+      ? h(SuiteManager, {
+          call,
+          skills,
+          catOf,
+          suites,
+          onClose: () => setSuiteOpen(false),
+          // 保存成功后一律以宿主返回的集合为真值：新分配的 id 只出现在返回值里，
+          // 拿本地副本回填会让同一条套件在下次保存时被当成「新建」再存一份。
+          onSaved: setSuites,
+          notify: showNotice,
+        })
+      : null,
+    notice ? h('div', { className: 'dsh-mcp-toast ' + (notice.ok ? 'ok' : 'err'), role: 'status' }, notice.msg) : null,
   );
 };
 
@@ -5684,32 +6691,32 @@ const connectorMatchesVisibleIn = (rowVisibleTags, selectedTags) => {
   return rowVisibleTags.some((tag) => selectedTags.includes(tag));
 };
 const WB_SKILLHUB_SORTS = [
-  { key: 'downloads', label: t('最多下载') },
-  { key: 'installs', label: t('最多安装') },
-  { key: 'stars', label: t('最多星标') },
-  { key: 'score', label: t('综合评分') },
+  { key: 'downloads', get label() { return t('下载量（本页排序）'); } },
+  { key: 'installs', get label() { return t('最多安装'); } },
+  { key: 'stars', get label() { return t('最多星标'); } },
+  { key: 'score', get label() { return t('综合评分'); } },
 ];
 // T05/R10：连接器排序（全量本地排序，不受分页影响）。
 // 目录自带 skillCount（捆绑技能数）与 visibleIn（适用环境标签数），够做有意义的排序；
 // upstream 无下载量/评分字段，不臆造。
 const WB_CONNECTOR_SORTS = [
-  { key: 'default', label: t('目录默认顺序') },
-  { key: 'skills', label: t('技能数由多到少') },
-  { key: 'name', label: t('名称 A→Z') },
+  { key: 'default', get label() { return t('目录默认顺序'); } },
+  { key: 'skills', get label() { return t('技能数由多到少'); } },
+  { key: 'name', get label() { return t('名称 A→Z'); } },
 ];
 // T06/Awesome：DSH 社区目录排序（全量本地排序，不受分页影响）。
 // upstream 自带 stars 与 lastVerified，无下载量/评分字段，不臆造。
 const AWESOME_SORTS = [
-  { key: 'stars', label: t('最多星标') },
-  { key: 'recent', label: t('最新收录') },
-  { key: 'name', label: t('名称 A→Z') },
+  { key: 'stars', get label() { return t('最多星标'); } },
+  { key: 'recent', get label() { return t('最新收录'); } },
+  { key: 'name', get label() { return t('名称 A→Z'); } },
 ];
 const AWESOME_CATEGORIES = [
-  { key: 'all', label: t('全部') },
-  { key: 'plugin', label: t('插件') },
-  { key: 'skill', label: t('技能') },
-  { key: 'bundle', label: t('套件') },
-  { key: 'tool', label: t('工具') },
+  { key: 'all', get label() { return t('全部'); } },
+  { key: 'plugin', get label() { return t('插件'); } },
+  { key: 'skill', get label() { return t('技能'); } },
+  { key: 'bundle', get label() { return t('套件'); } },
+  { key: 'tool', get label() { return t('工具'); } },
 ];
 const AWESOME_TAGS = ['ui', 'terminal', 'agents', 'memory', 'models', 'vision', 'capabilities', 'channels', 'notifications', 'usage', 'observability', 'marketplace', 'devtools', 'safety', 'knowledge', 'interop', 'fun'];
 const AWESOME_PAGE_SIZE = 50;
@@ -6392,15 +7399,18 @@ const expertCardActions = ({ summoned, expertType, personaText }) => ({
 // 也不要让一条读不出来的旧行悄悄用坏人设开新会话）。
 const personaTextOf = (rows, plugin) => (Array.isArray(rows) ? rows.find((row) => row?.plugin === plugin)?.personaText : '') || '';
 const QUICK_MENU_KINDS = [
-  { key: 'skill', label: t('技能'), icon: 'skill', hint: t('技能按需触发：选择后以 /技能名 插入输入框') },
-  { key: 'mcp', label: 'MCP', icon: 'plug', hint: t('MCP 工具按 server 生效：选择后点名 mcp__服务__* 工具') },
-  { key: 'expert', label: t('专家'), icon: 'expert', hint: t('专家随时挂/换/摘：点一个即接管本会话，再点别的直接换，点 chip 的 × 取消') },
+  { key: 'skill', get label() { return t('技能'); }, icon: 'skill', get hint() { return t('技能按需触发：选择后以 /技能名 插入输入框'); } },
+  { key: 'mcp', label: 'MCP', icon: 'plug', get hint() { return t('MCP 工具按 server 生效：选择后点名 mcp__服务__* 工具'); } },
+  { key: 'expert', get label() { return t('专家'); }, icon: 'expert', get hint() { return t('专家随时挂/换/摘：点一个即接管本会话，再点别的直接换，点 chip 的 × 取消'); } },
 ];
 // 子菜单列表每屏固定 6 行（6 × 28px），更多条目在 .dsh-mcp-quick-list 里纵向滚动；
 // 「最近」徽章只标最近池里的前 6 名（首屏可见的那批），避免整列都是徽章。
 // 专家预设显示名前缀：召唤时写死的 `WorkBuddy 专家 · <显示名>`（见 expert-market.js
 // buildExpertPresetRow），宿主的会话头预设标签原样显示它——用来识别「那条会过期的标签」。
-const EXPERT_PRESET_LABEL_PREFIX = t('WorkBuddy 专家 · ');
+// 这是**匹配用**前缀，不是展示文案：宿主 expert-market.js 写入预设定名时永远用
+// 中文 `WorkBuddy 专家 · `（见 buildExpertPresetRow），这里必须逐字相同。
+// 不能包 t()——英文环境下翻译成 "WorkBuddy Expert · " 会永远匹配不上宿主标签。
+const EXPERT_PRESET_LABEL_PREFIX = 'WorkBuddy 专家 · ';
 // 专家挂载状态的最小事件总线：快速菜单挂/换/摘专家后立刻通知会话头徽章与菜单 chip，
 // 三处显示同一帧内对齐（不再各自等重挂载）。低频轮询只作兜底，覆盖「别的入口挂的专家」。
 const expertChangeListeners = new Set();
@@ -6430,6 +7440,7 @@ const quickMentionText = (kind, item) => {
   return /^[\w-]+$/.test(token) ? `/${token} ` : t('{0}：', [token]);
 };
 const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
+  useI18nRevision(); // 宿主切语言后重渲染，模块级 getter 文案即时更新
   const [open, setOpen] = useState(false);
   const [hoverKind, setHoverKind] = useState(null);
   const [recent, setRecent] = useState(null); // { skill: [], mcp: [], expert: [] }
@@ -6449,20 +7460,34 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
   // MCP 行字段是 serverName（gateway list() 的行形状，与面板列表同一来源）；禁用的不进菜单。
   const loadRecent = useCallback(async () => {
     setListError('');
-    const [recentRes, skillsRes, mcpRes, expertRes] = await Promise.all([
+    const [recentRes, skillsRes, mcpRes, expertRes, suitesRes] = await Promise.all([
       call('wbExpertRecent'),
       call('listSkills', skillScopeArg('global')),
       call('list'),
       call('wbExpertInstalled'),
+      // 套件读本插件自己的数据层（不是宿主接口），失败不该连累整个菜单——Promise.all 是
+      // 「一败全败」，所以单独兜住：宿主还没重启（接口 404）时菜单照常出技能/MCP/专家。
+      call('listSkillSuites').catch(() => ({ ok: false })),
     ]);
     const kinds = recentRes?.ok && recentRes.kinds ? recentRes.kinds : {};
     const skillRows = skillsRes?.ok && Array.isArray(skillsRes.skills) ? skillsRes.skills : [];
     const mcpRows = mcpRes?.ok && Array.isArray(mcpRes.servers) ? mcpRes.servers.filter((server) => !server.disabled && server.serverName) : [];
     const expertRows = expertRes?.ok && Array.isArray(expertRes.presets) ? expertRes.presets : [];
+    const suiteRows = suitesRes?.ok && Array.isArray(suitesRes.suites) ? suitesRes.suites : [];
     setRecent({
       skill: skillRows.map((row) => ({ name: row.name, description: row.description || row.whenToUse || '' })),
       mcp: mcpRows.map((row) => ({ name: row.serverName, description: row.url || row.command || row.transport || '' })),
       expert: expertRows.map((row) => ({ plugin: row.plugin, name: row.plugin, presetId: row.presetId })),
+      // 数据层读侧已经滤掉「无名/无成员」的残缺条目，这里再兜一次手改文件的形状：
+      // 空套件展开后什么都插不进草稿，留在菜单里只是个点了没反应的死条目。
+      suite: suiteRows
+        .filter((row) => row && row.name && Array.isArray(row.members) && row.members.length)
+        .map((row) => ({
+          id: String(row.id || ''),
+          name: String(row.name),
+          desc: String(row.desc || ''),
+          members: row.members.map((name) => String(name)),
+        })),
       recentSkill: Array.isArray(kinds.skill) ? kinds.skill : [],
       recentMcp: Array.isArray(kinds.mcp) ? kinds.mcp : [],
       recentExpert: Array.isArray(kinds.expert) ? kinds.expert : [],
@@ -6534,17 +7559,15 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
     return () => { document.removeEventListener('click', onDocClick); document.removeEventListener('keydown', onKey); };
   }, [open]);
 
-  // 选用动作：把引用插进输入框光标处 + 上报最近使用。
+  // 插入动作（技能 / MCP / 套件共用）：把引用插进输入框光标处。
   // 写通道（按优先级）：
   //   ① inputActions.insertText(text, captureInsertion()) —— composer 的 standard provide channel
   //     （InputBar 同款 useInput/inputActions），在光标处插入并保留现有草稿，最贴近 WorkBuddy；
   //   ② inputActions.setDraft(现草稿 + 引用) —— insertText 不可用时的整草稿兜底；
   //   ③ 复制进剪贴板 + 按钮上闪现「已复制」（绝不跳走：跳页是上一版的行为缺陷）。
-  const pick = async (kind, item, text) => {
-    setOpen(false); setHoverKind(null);
-    // 上报最近使用（失败静默：纯增值数据）。expert 不经 pick（点击分支直接 attachExpert）。
-    const row = kind === 'mcp' ? { serverName: item.name } : { name: item.name };
-    call('wbExpertRecordUse', { kind, row }).catch(() => {});
+  // 套件展开出来是一整串 `/a /b /c`，走的正是同一条通道——所以「引用套件」不需要
+  // 宿主认识套件这个概念，宿主看到的仍然只是普通草稿文本。
+  const insertRef = async (text) => {
     const insertion = typeof text === 'string' ? (text.endsWith(' ') ? text : text + ' ') : String(text);
     if (inputActions && typeof inputActions.captureInsertion === 'function' && typeof inputActions.insertText === 'function') {
       try {
@@ -6566,6 +7589,25 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
       setTimeout(() => setCopied(''), 1600);
     } catch { /* 剪贴板不可用：静默 */ }
   };
+  const pick = async (kind, item, text) => {
+    setOpen(false); setHoverKind(null);
+    // 上报最近使用（失败静默：纯增值数据）。expert 不经 pick（点击分支直接 attachExpert）。
+    const row = kind === 'mcp' ? { serverName: item.name } : { name: item.name };
+    call('wbExpertRecordUse', { kind, row }).catch(() => {});
+    await insertRef(text);
+  };
+  // 引用一个套件 = 把成员逐个展开成引用文本拼成一段插入草稿（纯插件侧展开，宿主零改动）。
+  // 文本用 quickMentionText('skill', …) 逐成员生成，与单个技能的引用格式完全同源：
+  // 合法标识符走 `/name`，中文名等走 `名字：`——两处各写一套正则必然漂移。
+  // 最近使用按**成员**上报而不是按套件：技能最近池里只该出现真实的 skill 名，
+  // 记套件名会污染池子（子菜单的「最近」徽章拿套件名去匹技能，永远匹配不上）。
+  const pickSuite = async (suite) => {
+    setOpen(false); setHoverKind(null);
+    const members = (Array.isArray(suite?.members) ? suite.members : []).map((name) => String(name).trim()).filter(Boolean);
+    if (!members.length) return;
+    for (const name of members) call('wbExpertRecordUse', { kind: 'skill', row: { name } }).catch(() => {});
+    await insertRef(members.map((name) => quickMentionText('skill', { name }).trim()).join(' ') + ' ');
+  };
 
   // 子菜单排序：最近使用的条目按 usedAt 新→旧置顶（带「最近」标记，只标首屏 6 个），
   // 未命中最近记录的排在后面保持注册表原序。主键 per kind：skill/mcp=条目名，expert=plugin。
@@ -6734,6 +7776,13 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
           QUICK_MENU_KINDS.map((kind) => {
             const items = subItems(kind.key);
             const expanded = hoverKind === kind.key;
+            // 套件只在「技能」子菜单里出现，且作为独立分组置顶（决策：与单个技能同级但分组，
+            // 让用户一眼看出「这一条点下去是同时引用好几个 skill」）。
+            const suites = kind.key === 'skill' && recent && Array.isArray(recent.suite) ? recent.suite : [];
+            const skillRows = Array.isArray(items) ? items : [];
+            // 子菜单的空态判据要把套件算进来：只有套件、一个技能都没有时也是「有内容」，
+            // 否则 .empty 会把分组头和条目一起按空态样式压掉。
+            const hasAny = skillRows.length > 0 || suites.length > 0;
             return h('div', {
               key: kind.key,
               className: 'dsh-mcp-quick-row' + (expanded && flipKinds.has(kind.key) ? ' flip' : ''),
@@ -6755,14 +7804,35 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
               },
                 h(Icon, { d: ICONS[kind.icon], size: 13 }),
                 h('span', null, kind.label),
-                Array.isArray(items) && items.length ? h('span', { className: 'dsh-mcp-quick-count' }, items.length) : null,
+                // 计数只报技能本身（与主菜单「这一类有多少条」的语义一致），不把套件数混进去。
+                skillRows.length ? h('span', { className: 'dsh-mcp-quick-count' }, skillRows.length) : null,
                 h('span', { className: 'dsh-mcp-quick-arrow', 'aria-hidden': true }, '›'),
               ),
               hoverKind === kind.key
-                ? h('div', { className: 'dsh-mcp-quick-sub' + (Array.isArray(items) && items.length ? '' : ' empty'), role: 'menu', 'aria-label': kind.label + t('可选项') },
-                    Array.isArray(items) && items.length
+                ? h('div', { className: 'dsh-mcp-quick-sub' + (hasAny ? '' : ' empty'), role: 'menu', 'aria-label': kind.label + t('可选项') },
+                    hasAny
                       ? h('div', { className: 'dsh-mcp-quick-list', role: 'group', 'aria-label': kind.label + t('列表（最多显示 6 行，滚动查看更多）') },
-                          items.map((item, index) => h('button', {
+                          // ── 套件分组（仅技能子菜单）─────────────────────────────
+                          suites.length ? h('div', { className: 'dsh-mcp-quick-group', 'aria-hidden': true },
+                            h(Icon, { d: ICONS.layers, size: 11 }),
+                            t('套件'),
+                          ) : null,
+                          suites.map((suite, index) => h('button', {
+                            key: suite.id || suite.name || index,
+                            type: 'button',
+                            role: 'menuitem',
+                            className: 'dsh-mcp-quick-item suite',
+                            title: t('引用套件：展开为 {0} 个 /name', [suite.members.length]),
+                            onClick: (e) => { e.stopPropagation(); pickSuite(suite); },
+                          },
+                            h('span', { className: 'ic', 'aria-hidden': true }, h(Icon, { d: ICONS.layers, size: 12 })),
+                            h('span', { className: 'dsh-mcp-quick-item-name' }, suite.name),
+                            h('span', { className: 'dsh-mcp-quick-item-badge' }, t('{0} 技能', [suite.members.length])),
+                            suite.desc ? h('span', { className: 'dsh-mcp-quick-item-desc', title: suite.desc }, suite.desc) : null,
+                          )),
+                          // 分隔线只在两段都有内容时画：只有一段时它是条多余的尾巴。
+                          suites.length && skillRows.length ? h('div', { className: 'dsh-mcp-quick-sep', role: 'separator' }) : null,
+                          skillRows.map((item, index) => h('button', {
                             key: item.name || item.plugin || index,
                             type: 'button',
                             role: 'menuitem',
@@ -6789,6 +7859,21 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
                     },
                       h('span', { className: 'dsh-mcp-quick-item-name' }, t('管理') + kind.label + '…'),
                     ),
+                    // 套件管理入口只在技能子菜单里给（套件就是技能的组合，放在别处会找不到语境）。
+                    // 走 openSuiteManager()：它广播 + 切到 skill 看板，弹窗由 SkillBoard 那边挂出来——
+                    // 菜单自己是输入框旁的临时浮层，不适合承载一个模态对话框。
+                    kind.key === 'skill'
+                      ? h('button', {
+                          type: 'button',
+                          role: 'menuitem',
+                          className: 'dsh-mcp-quick-manage',
+                          title: t('新建或修改套件（把多个相关 skill 打包，引用一次全部生效）'),
+                          onClick: (e) => { e.stopPropagation(); setOpen(false); setHoverKind(null); openSuiteManager(); },
+                        },
+                          h('span', { className: 'ic', 'aria-hidden': true }, h(Icon, { d: ICONS.layers, size: 11 })),
+                          h('span', { className: 'dsh-mcp-quick-item-name' }, t('管理套件…')),
+                        )
+                      : null,
                   )
                 : null,
             );
@@ -6807,6 +7892,7 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
 // 宿主标签在 540px 以下隐藏，本徽章跟随同一断点（container query 无法跨包复用，
 // 用媒体查询近似窄窗行为）。
 const SessionExpertBadge = ({ call, sessionId }) => {
+  useI18nRevision(); // 宿主切语言后重渲染，模块级 getter 文案即时更新
   const [attached, setAttached] = useState(null);
   const [ready, setReady] = useState(false);
   const badgeRef = useRef(null);
@@ -6969,6 +8055,12 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
   const [skillKeywordInput, setSkillKeywordInput] = useState('');
   const [skills, setSkills] = useState([]);
   const [skillTotal, setSkillTotal] = useState(0);
+  // 技能侧自己的加载/错误态：此前与连接器共用 `loading`/`error`，两种请求谁先回来谁就
+  // 把对方的态改掉——连接器 1 秒读完就把 loading 置 false，技能还在飞，于是技能页先画
+  // 「技能目录暂时是空的 / 可能还没同步下来」；等技能真的超时，又把整页 banner 改成报错。
+  // 拆开之后，技能慢只影响技能页自己的 loading/error。
+  const [skillLoading, setSkillLoading] = useState(true);
+  const [skillError, setSkillError] = useState('');
   const [skillDetail, setSkillDetail] = useState(null);
   const [installedSkills, setInstalledSkills] = useState(new Set());
   // §6.3 已安装筛选：SkillHub 每页 20 条远程分页，而「已装」是本地集合，
@@ -7029,17 +8121,21 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
     }
   }, [call]);
 
+  // 技能列表请求序号：搜索防抖与翻页会连发多个请求，慢的那个回来时不能盖掉新的结果。
+  const skillSeq = useRef(0);
   const loadSkills = useCallback(async (page, sort, keyword) => {
-    setLoading(true); setError(''); setNote('');
+    const seq = ++skillSeq.current;
+    setSkillLoading(true); setSkillError('');
     try {
       const res = await call('wbSkillCatalog', { page, sort, keyword, pageSize: WB_PAGE_SIZE });
+      if (seq !== skillSeq.current) return; // 过期响应，直接丢弃
       if (!res?.ok) throw new Error(res?.error || t('读取技能目录失败'));
       setSkills(res.skills || []);
       setSkillTotal(res.total || 0);
     } catch (e) {
-      setError(String(e?.message || e));
+      if (seq === skillSeq.current) setSkillError(String(e?.message || e));
     } finally {
-      setLoading(false);
+      if (seq === skillSeq.current) setSkillLoading(false);
     }
   }, [call]);
 
@@ -7273,6 +8369,9 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
       if (!res?.ok) throw new Error(res?.error || t('安装失败'));
       setNote(t('{0}：{1}', [skill.name, res.note || t('已安装')]));
       setSkillDetail(null);
+      // 磁盘上的 skill 集合已经变了：广播出去，顶部分类计数与（切回时的）Skill 看板
+      // 立即按新集合重算，不再等用户离开看板/重挂载。市场自己的列表照旧局部刷新。
+      emitSkillChange('market-install');
       await loadInstalled();
       await loadInstallState();
     } catch (e) {
@@ -7288,6 +8387,7 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
       if (!res?.ok) throw new Error(res?.error || t('卸载失败'));
       setNote(t('{0}：{1}', [skill.name, res.note || t('已卸载')]));
       setSkillDetail(null);
+      emitSkillChange('market-uninstall');
       await loadInstalled();
       await loadInstallState();
     } catch (e) {
@@ -7334,16 +8434,19 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
   const builtinNeedsConfig = (item) => Array.isArray(item.configKeys) && item.configKeys.length > 0;
   const builtinNeedsArgs = (item) => Array.isArray(item.placeholders) && item.placeholders.length > 0;
   const builtinReady = (item) => !builtinNeedsKey(item) && !builtinNeedsConfig(item) && !builtinNeedsArgs(item);
-  const builtinCategories = useMemo(() => {
+  // P1：目录随 RPC 同时送中英字段，这里按当前 locale 投影一次。只在 47 条上跑，
+  // 不做 useMemo——locale 变化时 useI18nRevision 已强制重渲染，缓存反而会留下旧语言。
+  const localizedBuiltins = builtins.map((item) => localizeBuiltinItem(item));
+  const builtinCategories = (() => {
     const counts = new Map();
-    for (const item of builtins) {
+    for (const item of localizedBuiltins) {
       const key = item.category || 'other';
       const entry = counts.get(key) || { label: item.categoryLabel || key, count: 0 };
       entry.count += 1;
       counts.set(key, entry);
     }
     return [...counts.entries()].map(([key, entry]) => ({ key, ...entry }));
-  }, [builtins]);
+  })();
   const builtinQueryKey = builtinQuery.trim().toLowerCase();
   // ── T03/R5：codebuddy 插件市场 ──
   // 目录一次全量（官方 zip 里的 external_plugins 清单，无分页概念），本地过滤。
@@ -7597,7 +8700,7 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
   const awesomePageCount = Math.max(1, Math.ceil(sortedAwesome.length / AWESOME_PAGE_SIZE));
   const safeAwesomePage = Math.min(awesomePage, awesomePageCount);
   const visibleAwesome = sortedAwesome.slice((safeAwesomePage - 1) * AWESOME_PAGE_SIZE, safeAwesomePage * AWESOME_PAGE_SIZE);
-  const filteredBuiltins = builtins.filter((item) => {
+  const filteredBuiltins = localizedBuiltins.filter((item) => {
     if (builtinCategory !== 'all' && (item.category || 'other') !== builtinCategory) return false;
     if (builtinOnlyReady && !builtinReady(item)) return false;
     if (!builtinQueryKey) return true;
@@ -7622,7 +8725,7 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
     onChange: (value) => { setConnectorQuery(value); setConnectorPage(1); },
   });
   const skillSearch = h(WbSearchBox, {
-    value: skillKeywordInput, placeholder: t('搜索 SkillHub 技能（19 万+）'), disabled: loading,
+    value: skillKeywordInput, placeholder: t('搜索 SkillHub 技能（19 万+）'), disabled: skillLoading,
     onChange: (value) => setSkillKeywordInput(value),
     // 回车跳过防抖立即生效（防抖本身也会触发，双保险但幂等）。
     onCommit: () => { setSkillPage(1); setSkillKeyword(skillKeywordInput); },
@@ -7780,11 +8883,12 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
           ? h('div', { className: 'dsh-mcp-wb-toolbar' },
               skillSearch,
             h('select', {
-              className: 'dsh-mcp-input dsh-mcp-wb-sort', value: skillSort, disabled: loading,
+              className: 'dsh-mcp-input dsh-mcp-wb-sort', value: skillSort, disabled: skillLoading,
+              title: t('SkillHub 已不再提供全站下载量排序；这一项只在当前页内按下载量排序。'),
               onChange: (e) => { setSkillSort(e.target.value); setSkillPage(1); },
             }, WB_SKILLHUB_SORTS.map((option) => h('option', { key: option.key, value: option.key }, option.label))),
             h('label', { className: 'dsh-mcp-check', title: t('仅在本页 {0} 条里筛出已安装的（SkillHub 是远程分页，无法跨页筛选）', [skills.length]) },
-              h('input', { type: 'checkbox', checked: skillOnlyInstalled, disabled: loading, onChange: (e) => setSkillOnlyInstalled(e.target.checked) }),
+              h('input', { type: 'checkbox', checked: skillOnlyInstalled, disabled: skillLoading, onChange: (e) => setSkillOnlyInstalled(e.target.checked) }),
               t('只看已安装')),
             skillOnlyInstalled
               ? h('span', { className: 'dsh-mcp-builtin-count' }, t('本页已安装 {0} / {1}', [installedOnPage, skills.length]))
@@ -7795,8 +8899,17 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
     note ? h('div', { className: 'dsh-mcp-wb-note', role: 'status' }, note) : null,
     busyLabel ? h('div', { className: 'dsh-mcp-wb-note busy', 'aria-live': 'polite' }, busyLabel) : null,
     error ? h('div', { className: 'dsh-mcp-wb-error', role: 'alert' }, error) : null,
+    // 技能加载失败只落在这一行（带重试），不再借用整页 banner：一个上游接口挂了
+    // 不该让「连接器 / 内置 / 插件 / 专家」页签看起来都坏了。
+    tab === 'skill' && skillError
+      ? h('div', { className: 'dsh-mcp-wb-error', role: 'alert' }, skillError, ' ',
+          h('button', {
+            type: 'button', className: 'dsh-mcp-btn', disabled: skillLoading,
+            onClick: () => loadSkills(skillPage, skillSort, skillKeyword),
+          }, t('重试')))
+      : null,
     loading && !connectors.length && tab === 'connector' ? h('div', { className: 'dsh-mcp-wb-empty' }, t('正在读取连接器目录…')) : null,
-    loading && !skills.length && tab === 'skill' ? h('div', { className: 'dsh-mcp-wb-empty' }, t('正在读取技能目录…')) : null,
+    skillLoading && !skills.length && tab === 'skill' ? h('div', { className: 'dsh-mcp-wb-empty' }, t('正在读取技能目录…')) : null,
     // §1.4 「只看可直接安装」把本页筛空了：这是本页最容易踩的坑（默认勾选），
     // 主操作就是取消它——一句话说清「这里本来有条目，是筛选挡掉了」。
     !loading && tab === 'connector' && !visibleConnectors.length
@@ -7823,7 +8936,7 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
       : null,
     // §1.4 技能：搜索与「只看已安装」是两种完全不同的空，说法必须分开——
     // 否则用户会以为 SkillHub 里根本没有这个词。
-    !loading && tab === 'skill' && !skills.length
+    !skillLoading && tab === 'skill' && !skills.length
       ? h(EmptyState, {
           icon: 'skill',
           title: skillKeyword.trim() ? t('没有搜到「{0}」相关的技能', [skillKeyword.trim()]) : t('技能目录暂时是空的'),
@@ -7834,7 +8947,7 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
         })
       : null,
     // 「只看已安装」把本页筛空了：不能沿用「没有匹配的技能」——那会让人以为搜索没结果。
-    !loading && tab === 'skill' && skills.length && !shownSkills.length
+    !skillLoading && tab === 'skill' && skills.length && !shownSkills.length
       ? h(EmptyState, {
           icon: 'skill',
           tight: true,
@@ -7996,7 +9109,7 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
         )
       : null,
     tab === 'skill' && skillPageCount > 1
-      ? h(Pager, { page: skillPage, pageCount: skillPageCount, total: skillTotal, onPage: setSkillPage, disabled: loading })
+      ? h(Pager, { page: skillPage, pageCount: skillPageCount, total: skillTotal, onPage: setSkillPage, disabled: skillLoading })
       : null,
     // ── T03/R5：codebuddy 插件市场 ──
     // 重启提示条：常驻本 tab 顶部（组件卸载即消失，不写 localStorage）——
@@ -8402,6 +9515,7 @@ const EntryMenu = () => {
 // 左侧栏底部入口（sidebar.footer.action，DSH 0.1.5 起提供）：官方标准的发现入口。
 // 点击打开的是同一个浮层面板——不切换主面板、不打断正在进行的会话。
 const McpFooterAction = ({ wide }) => {
+  useI18nRevision(); // 宿主切语言后重渲染，模块级 getter 文案即时更新
   const mode = useEntryMode();
   // 「仅悬浮按钮」模式：返回 null 就够了，不需要注销注册。list 型 slot 的每个条目直接渲染
   // 进侧栏的 .footerActions（display:flex、无 gap/padding），外层 outlet 锚点又是
@@ -8819,6 +9933,7 @@ function openBoardCategory(key) {
 }
 const McpBoardPage = (props) => {
   const { call, timer, pluginManager } = props;
+  useI18nRevision(); // 宿主切语言后整块看板重渲染，模块级 getter 文案即时更新
   // §1.2 URL 记忆：分类写进 hash，刷新 / 从别处退回 / 分享链接都能回到同一页。
   // 初值只在首帧读一次（useState 惰性初始化），之后由 effect 单向写出，
   // 不做 hash→state 的反向监听：宿主可能在任意时刻改 hash，双向同步必然互相打架。
@@ -8865,8 +9980,10 @@ const McpBoardPage = (props) => {
     setCatHint({ key, left });
   }, []);
   const hideCatHint = useCallback(() => setCatHint(null), []);
-  // 顶层分类计数：全部是「本机在手」数据，打开看板就一次性取齐，
+  // 顶层分类计数：全部是「本机在手」数据，打开看板就先取齐，
   // 让 chip 数字常驻——而不是「进过哪一页才出现哪个」，视觉上才协调。
+  // 四类里只有 Skill 会随用户操作变化（市场装/卸、看板卸载），所以它下面额外接了
+  // 变更总线重取；其余三类仍是一次性读取。
   // 市场是唯一例外+特例：目录在远端（24MB ZIP），不能为个数字在打开看板时
   // 全量下载；这里调 wbConnectorCachedCount 只读磁盘缓存（绝不联网），
   // 用户没进过市场时返回 null（chip 暂不显示数字），进过一次后就常驻。
@@ -8875,13 +9992,22 @@ const McpBoardPage = (props) => {
   const [expertCount, setExpertCount] = useState(null);
   const [mkCount, setMkCount] = useState(null);
   const countsLoaded = useRef(false);
+  // Skill 角标会在挂载后被反复重取（市场装/卸、Skill 看板卸载都会广播变更），用序号挡住
+  // 乱序回包；读失败保留旧值——角标读不到不该把数字改成 0，也不该拖垮其它分类的计数。
+  const skillCountSeq = useRef(0);
+  const refreshSkillCount = useCallback(async () => {
+    const seq = ++skillCountSeq.current;
+    try {
+      const res = await call('listSkills', skillScopeArg('global'));
+      if (seq !== skillCountSeq.current) return;
+      if (res && res.ok) setSkillCount(Array.isArray(res.skills) ? res.skills.length : null);
+    } catch { /* 保留旧值 */ }
+  }, [call]);
   useEffect(() => {
     if (countsLoaded.current) return;
     countsLoaded.current = true;
     let alive = true;
-    call('listSkills', skillScopeArg('global')).then((res) => {
-      if (alive && res && res.ok) setSkillCount(Array.isArray(res.skills) ? res.skills.length : null);
-    }).catch(() => {});
+    refreshSkillCount();
     call('list').then((res) => {
       if (alive && res && res.ok && Array.isArray(res.servers)) setMcpCount(res.servers.length);
     }).catch(() => {});
@@ -8894,7 +10020,10 @@ const McpBoardPage = (props) => {
       if (alive && res && res.ok && Number.isFinite(res.total)) setMkCount(res.total);
     }).catch(() => {});
     return () => { alive = false; };
-  }, [call]);
+  }, [call, refreshSkillCount]);
+  // 关键：角标不再只在首次挂载读一次。市场装完就广播，这里直接重取数量并重渲染；
+  // Skill 看板挂着时它自己的订阅负责刷新列表，没挂着时靠其挂载 effect 重读，路径不同但都不漏。
+  useEffect(() => onSkillChange(() => { refreshSkillCount(); }), [refreshSkillCount]);
   // OPT-04：报告上提到这里，分类角标与 ToolTailor 页面本体共用同一份。
   // 扫描时机不再等进裁缝页——账本是本机文件，打开看板就扫，橙点角标才有数。
   // 用「已发起」标记而不是判断报告是否非空，是为了区分「还没开始」与「发起了但失败了」：
@@ -9136,6 +10265,7 @@ function whatsNewFor(current, lastSeen, entries) {
 // 自带 RPC 与状态：面板只管「在这儿渲染一个」。它挂在面板里，就自然随面板挂载/卸载——
 // 这正是「升级后第一次打开面板时弹一次」的触发点，不需要另外判开合。
 const WhatsNewModal = ({ call }) => {
+  useI18nRevision(); // P1：宿主切语言后条目按新 locale 重新选择
   const [notice, setNotice] = useState(null);
   const boxRef = useRef(null);
   const confirmRef = useRef(null);
@@ -9199,6 +10329,8 @@ const WhatsNewModal = ({ call }) => {
   useFocusTrap(boxRef, !!notice);
 
   if (!notice) return null;
+  // 在渲染期按当前 locale 选择，而不是在 RPC 回包时固化：弹窗开着时切语言也能即时变。
+  const localizedEntries = localizeWhatsNewEntries(notice.entries);
   return h(
     'div',
     { className: 'dsh-mcp-overlay', onClick: (e) => e.target === e.currentTarget && dismiss() },
@@ -9212,10 +10344,10 @@ const WhatsNewModal = ({ call }) => {
         h('span', null, t('这些变化你可能想知道')),
       ),
       h('div', { className: 'dsh-mcp-whatsnew-body' },
-        notice.entries.map((entry) =>
+        localizedEntries.map((entry) =>
           h('div', { key: entry.version, className: 'dsh-mcp-whatsnew-entry' },
             // 一次跳多个版本时每条自带版本号；只报一条时标题里的版本号就够了。
-            notice.entries.length > 1 ? h('div', { className: 'dsh-mcp-whatsnew-ver' }, 'v' + entry.version) : null,
+            localizedEntries.length > 1 ? h('div', { className: 'dsh-mcp-whatsnew-ver' }, 'v' + entry.version) : null,
             entry.items.map((item, position) =>
               h('div', { key: position, className: 'dsh-mcp-whatsnew-item' },
                 h('span', { className: 'dsh-mcp-whatsnew-dot', 'aria-hidden': true }, '·'),
@@ -9237,6 +10369,7 @@ const WhatsNewModal = ({ call }) => {
 
 // ── 悬浮按钮宿主（shell.overlay）：只剩这一个席位 ────────────────────────────────
 const McpOverlay = () => {
+  useI18nRevision(); // 宿主切语言后重渲染，模块级 getter 文案即时更新
   const mode = useEntryMode();
   const seats = overlaySeats(mode);
   const [pos, setPos] = useState(() => readFabPos() || defaultFabPos());
@@ -9419,6 +10552,11 @@ const MCP_CONTRIBUTION = {
     { id: 'dsh-armory#mcpManager/listSkills', service: 'mcpManager', namespace: 'mcpManager', method: 'listSkills', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('SkillListResult') },
     { id: 'dsh-armory#mcpManager/skillDetail', service: 'mcpManager', namespace: 'mcpManager', method: 'skillDetail', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('SkillDetailResult') },
     { id: 'dsh-armory#mcpManager/revealSkill', service: 'mcpManager', namespace: 'mcpManager', method: 'revealSkill', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('NoteResult') },
+    { id: 'dsh-armory#mcpManager/removeSkill', service: 'mcpManager', namespace: 'mcpManager', method: 'removeSkill', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('NoteResult') },
+    // 自定义套件：读全量集合 / 整集合覆盖保存（与 typert.js、lib/index.js 三处同步，
+    // 漏一处这条通道恒 404 —— toolTailor、installInfo 各踩过一次）。
+    { id: 'dsh-armory#mcpManager/listSkillSuites', service: 'mcpManager', namespace: 'mcpManager', method: 'listSkillSuites', invocation: { kind: 'direct' }, parameters: [], result: mcpCodec('SkillSuiteListResult') },
+    { id: 'dsh-armory#mcpManager/saveSkillSuites', service: 'mcpManager', namespace: 'mcpManager', method: 'saveSkillSuites', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('SkillSuiteSaveResult') },
     // ── 工具裁缝：与 revealSkill 同批加入看板，但两端契约此前双双缺失（客户端永远 404）──
     { id: 'dsh-armory#mcpManager/toolTailor', service: 'mcpManager', namespace: 'mcpManager', method: 'toolTailor', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('TailorReport') },
     // ── WorkBuddy 市场直连：连接器 MCP + SkillHub 技能（同一命名空间同一信封）──
@@ -9472,19 +10610,34 @@ const MCP_CONTRIBUTION = {
 };
 // ── 插件入口：挂 RPC、注入样式、注册六个界面槽位 ──────────────────────────────
 async function apply(ctx) {
+  // OPT-25：先接宿主 locale（设置 → 通用里的语言），再注册槽位——槽位 label 是
+  // 注册时求值的字符串，必须等这里算完。ctx.get 是可选读取，不写进 inject：
+  // 老版本 DSH 没有 locale 服务时返回 undefined，自动回落 navigator/zh-CN。
+  const readHostLocale = () => {
+    try { return typeof ctx.get === 'function' ? ctx.get('locale') : null; } catch { return null; }
+  };
+  let hostLocaleService = readHostLocale();
+  applyI18nLocale(resolveI18nLocale(hostLocaleService));
   const disposeMount = await ctx.remote.$mount(MCP_CONTRIBUTION);
   let disposeCss;
   let timer;
   let cleanupPromise;
+  let disposeLocaleSub = null;
+  let disposeServiceWatch = null;
   const cleanup = () => {
     cleanupPromise ??= (async () => {
       try {
-        timer?.dispose();
+        try { disposeLocaleSub?.(); } catch { /* 宿主订阅已失效 */ }
+        try { disposeServiceWatch?.(); } catch { /* 宿主事件监听已失效 */ }
       } finally {
         try {
-          disposeCss?.();
+          timer?.dispose();
         } finally {
-          await disposeMount();
+          try {
+            disposeCss?.();
+          } finally {
+            await disposeMount();
+          }
         }
       }
     })();
@@ -9513,7 +10666,7 @@ async function apply(ctx) {
     // 直接 register：它声明感知，会等 ui-layout 把 main slot 声明出来（插件加载顺序不保证
     // 晚于布局）。
     ctx.slots.inject('main', () =>
-      ctx.slots.register({ name: 'main', key: PANEL_ID, label: PANEL_LABEL, inject: () => ({ call, timer, pluginManager }) }, McpBoardPage),
+      ctx.slots.register({ name: 'main', key: PANEL_ID, label: panelLabel(), inject: () => ({ call, timer, pluginManager }) }, McpBoardPage),
     );
     // 输入框召唤菜单（conversation.input.right，list 型 slot）：权限/模型座位右侧的小图标，
     // 点开 = 技能/MCP/专家三分类 + 悬停最近使用子菜单。声明感知注入（会话 slot 由 conversation
@@ -9521,13 +10674,13 @@ async function apply(ctx) {
     // sessionId 由 slot 渲染作为 prop 显式传入（session 座位约定：id 只走 props，不走 summary 投影），
     // 「挂专家」的人设通道 RPC 用它寻址当前会话。
     ctx.slots.inject('conversation.input.right', () =>
-      ctx.slots.register({ name: 'conversation.input.right', id: PANEL_ID + '-quick', order: 40, label: PANEL_LABEL, inject: (sessionId) => ({ call, sessionId }) }, SummonQuickMenu),
+      ctx.slots.register({ name: 'conversation.input.right', id: PANEL_ID + '-quick', order: 40, label: panelLabel(), inject: (sessionId) => ({ call, sessionId }) }, SummonQuickMenu),
     );
     // 会话头「当前生效专家」徽章（conversation.session.header.actions，list 型 slot）：
     // 与宿主 AgentPresetLabel 同列——但显示的是人设通道真正生效的专家（expertActive），
     // 修复「换专家后顶栏仍显示第一次预设名」的显示/实效分叉。
     ctx.slots.inject('conversation.session.header.actions', () =>
-      ctx.slots.register({ name: 'conversation.session.header.actions', id: PANEL_ID + '-head-expert', order: -5, label: PANEL_LABEL, inject: (sessionId) => ({ call, sessionId }) }, SessionExpertBadge),
+      ctx.slots.register({ name: 'conversation.session.header.actions', id: PANEL_ID + '-head-expert', order: -5, label: panelLabel(), inject: (sessionId) => ({ call, sessionId }) }, SessionExpertBadge),
     );
     // 左上角全局面板行（sidebar.panellist）：「插件」旁边，主入口。行点击由宿主承担——
     // layout.selectPanel(PANEL_ID) 要求 main slot 里存在同 key 条目，上面的注册保证了这点。
@@ -9537,20 +10690,52 @@ async function apply(ctx) {
     const syncPanelEntry = () => {
       const want = ENTRY_VISIBILITY[entryMode.get()].panel;
       if (want && !disposePanelEntry) disposePanelEntry = ctx.slots.register(
-        { name: 'sidebar.panellist', id: PANEL_ID, order: PANEL_ORDER, label: SIDEBAR_ENTRY_LABEL }, McpPanelIcon,
+        { name: 'sidebar.panellist', id: PANEL_ID, order: PANEL_ORDER, label: sidebarEntryLabel() }, McpPanelIcon,
       );
       if (!want && disposePanelEntry) { disposePanelEntry(); disposePanelEntry = null; }
     };
     ctx.slots.inject('sidebar.panellist', () => { syncPanelEntry(); });
     entryMode.subscribe(syncPanelEntry);
+    // OPT-25：宿主切换语言后重算字典并刷新槽位文案。
+    // sidebar.panellist 的 label 来自注册参数而不是组件，只能 dispose + 重新注册；
+    // 面板/菜单等内容组件通过 useI18nRevision 强制重渲染，getter 文案即时生效。
+    const applyHostLocale = () => {
+      const next = resolveI18nLocale(hostLocaleService);
+      if (next === I18N_LOCALE) return;
+      applyI18nLocale(next);
+      // 只在入口已经注册过时重注册：否则可能在 sidebar.panellist 声明前直接
+      // 调用 register（inject 的声明感知就白用了）。没注册过就没有旧文案可刷新，
+      // 之后的 syncPanelEntry 会用新 locale 取 label。
+      if (disposePanelEntry) {
+        disposePanelEntry();
+        disposePanelEntry = null;
+        syncPanelEntry();
+      }
+      emitI18nChange();
+    };
+    const bindHostLocale = () => {
+      const service = readHostLocale();
+      if (!service) return;
+      hostLocaleService = service;
+      applyHostLocale();
+      if (!disposeLocaleSub) disposeLocaleSub = subscribeI18nLocale(service, applyHostLocale);
+    };
+    bindHostLocale();
+    // locale 插件可能晚于本插件完成 apply：服务注册时再绑一次（Cordis 内置事件）。
+    // 老宿主没有该事件也无妨，启动时的 ctx.get 已经覆盖绝大多数加载顺序。
+    if (typeof ctx.on === 'function') {
+      disposeServiceWatch = ctx.on('internal/service', (name) => {
+        if (name === 'locale') bindHostLocale();
+      });
+    }
     // 右下角悬浮按钮：保留既有能力，点击同样切到看板页。
     ctx.slots.inject('shell.overlay', () =>
-      ctx.slots.register({ name: 'shell.overlay', id: 'mcp-fab', order: 1000, label: PANEL_LABEL, inject: () => ({ call, timer, pluginManager }) }, McpOverlay),
+      ctx.slots.register({ name: 'shell.overlay', id: 'mcp-fab', order: 1000, label: panelLabel(), inject: () => ({ call, timer, pluginManager }) }, McpOverlay),
     );
     // 左侧栏底部入口（sidebar.footer.action，0.1.5 起声明）：兼容入口，行为与面板行一致。
     // 用 inject 而不是直接 register：它声明感知，会等侧边栏把 slot 声明出来。
     ctx.slots.inject('sidebar.footer.action', () =>
-      ctx.slots.register({ name: 'sidebar.footer.action', id: 'mcp-manager', order: 100, label: PANEL_LABEL }, McpFooterAction),
+      ctx.slots.register({ name: 'sidebar.footer.action', id: 'mcp-manager', order: 100, label: panelLabel() }, McpFooterAction),
     );
     return cleanup;
   } catch (error) {