@morehao/dsh-skills-console 0.5.1 → 0.5.2

package/README.md

@@ -90,7 +90,7 @@ plugin_manager install_bundle(target = <本仓库绝对路径>)
 1. **添加技能**：点右上角「添加技能」，填 `owner/repo` 或 GitHub URL，点「检测技能」；仓库里有多个技能时勾选要装的（支持多选，默认全选，列表带每个技能的说明），只有一个会默认勾上。检测不到时可以手填技能名，留空则装仓库内全部。
 2. **共享至其他 Agent**：只有「只读自己目录」的 Agent 才需要这一步（例如 Claude Code）。点行内「共享设置」勾选目标 Agent；本来就读共享目录的 Agent 不在列表里。之后新装技能默认共享至哪些 Agent，用页头「新安装时自动共享」设定（默认一个都不勾）。
 3. **检查更新**：点列表头上的刷新图标；有更新的行会亮起「更新」，也可以一次「全部更新」。本地改过的技能会先要求确认。
-4. **调用策略**：点行内「自动 / 仅手动 / 完全停用」状态按钮切换，弹层里同时给出各 Agent 的覆盖情况。自动＝模型与 `/` 都能调用；仅手动＝只改 `SKILL.md` 的 `disable-model-invocation`，`/` 仍可用；完全停用＝把 `SKILL.md` 改名为 `SKILL.md.disabled` 并留 marker，恢复时回到停用前的模式。作者已在 `SKILL.md` 里声明仅手动时，chip 只读展示，不会被覆盖。停用期间更新 / 安装会被拒绝，避免文件被悄悄写回。
+4. **调用策略**：点行内「自动 / 仅手动 / 完全停用」状态按钮，在居中的调用策略弹窗里切换。自动＝模型与 `/` 都能调用；仅手动＝只改 `SKILL.md` 的 `disable-model-invocation`，`/` 仍可用；完全停用＝把 `SKILL.md` 改名为 `SKILL.md.disabled` 并留 marker，恢复时回到停用前的模式。作者已在 `SKILL.md` 里声明仅手动时，chip 只读展示，不会被覆盖。停用期间更新 / 安装会被拒绝，避免文件被悄悄写回。
 
 ## 安全与可靠性
 

package/client.js

@@ -1134,6 +1134,19 @@ var CSS = `
   .dshsc-pop-label em { font-style: normal; font-size: 11px; color: var(--dsw-alias-label-tertiary); }
   .dshsc-pop-name { display: inline-flex; align-items: baseline; gap: 6px; }
   .dshsc-pop-hint { font-size: 11px; line-height: 1.5; color: var(--dsw-alias-label-tertiary); }
+  /* 与 DSH 自带开关同尺寸/同 token：关是 border-l3 轨道，开是 brand-primary 轨道。
+     0.5.0 换三档 chip 时这组规则被一起删掉，但「侧边栏入口」还在用 .dshsc-switch，补回来。 */
+  .dshsc-switch { box-sizing: border-box; position: relative; flex: none; width: 36px; height: 20px; padding: 2px;
+    border: 0; border-radius: 999px; background: var(--dsw-alias-border-l3); cursor: pointer;
+    transition: background .14s ease; }
+  .dshsc-switch:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 2px; }
+  .dshsc-switch:disabled { cursor: not-allowed; opacity: .5; }
+  .dshsc-switch[aria-checked="true"] { background: var(--dsw-alias-brand-primary); }
+  .dshsc-knob { display: block; width: 16px; height: 16px; border-radius: 50%;
+    background: var(--dsw-alias-switch-thumb, #fff); box-shadow: 0 1px 2px rgba(0, 0, 0, .28);
+    transition: transform .12s ease, background .12s ease; }
+  .dshsc-switch[aria-checked="true"] .dshsc-knob { transform: translateX(16px);
+    background: var(--dsw-alias-label-primary-foreground, #fff); }
 
   .dshsc-btn { font: inherit; font-size: 12px; line-height: 1; padding: 7px 11px; border-radius: 8px; cursor: pointer;
     white-space: nowrap;
@@ -1357,10 +1370,15 @@ var CSS = `
   .dshsc-sub-list { display: flex; flex-direction: column; padding: 0 12px 7px 46px;
     background: color-mix(in srgb, var(--dsw-alias-bg-layer-2) 22%, transparent);
     border-top: 1px solid var(--dsw-alias-border-l1); }
+  /* 条目操作列 92px 是照两枚按钮预留的，眼下每行只有一枚「安装」（两字 ≈ 43px：0 9px padding + 边框）。
+     表头「操作」和已装行的破折号都按按钮宽度做一个右对齐的居中盒子：三者落在同一条中轴上，
+     既不贴着列右缘，也不用改列宽 / 挪按钮。换语言或字号时盒子只是不再严格等于按钮宽度。 */
+  .dshsc-sub-list { --dshsc-entry-act: 44px; }
   .dshsc-entryhead { display: grid; grid-template-columns: minmax(0, 1fr) 110px 92px; gap: 10px;
     align-items: center; height: 26px; border-bottom: 1px solid var(--dsw-alias-border-l1);
     color: var(--dsw-alias-label-tertiary); font-size: 10px; font-weight: 500; letter-spacing: .02em; }
-  .dshsc-entryhead .right { text-align: right; padding-right: 2px; }
+  .dshsc-entryhead .right { justify-self: end; box-sizing: border-box; width: var(--dshsc-entry-act);
+    text-align: center; padding-right: 0; }
   .dshsc-sub-entry { display: grid; grid-template-columns: minmax(0, 1fr) 110px 92px; gap: 10px;
     align-items: center; font-size: 12px; padding: 6px 0; border-top: 1px solid var(--dsw-alias-border-l1); }
   .dshsc-entryhead + .dshsc-sub-entry { border-top: 0; }
@@ -1374,8 +1392,9 @@ var CSS = `
   .dshsc-state.ok svg { color: var(--dsw-alias-state-success-primary); }
   .dshsc-sub-entry .dshsc-actions { justify-self: end; display: flex; justify-content: flex-end; }
   .dshsc-sub-entry .dshsc-btn { height: 24px; padding: 0 9px; font-size: 11.5px; }
-  /* 已装条目的操作列没有动作：破折号占位，保持右对齐与按钮基线一致 */
-  .dshsc-sub-entry .dshsc-noop { color: var(--dsw-alias-label-tertiary); font-size: 11.5px; line-height: 24px; padding-right: 9px; }
+  /* 已装条目的操作列没有动作：破折号占位，居中在按钮宽度里，和表头、安装按钮同一条中轴 */
+  .dshsc-sub-entry .dshsc-noop { box-sizing: border-box; width: var(--dshsc-entry-act); padding: 0;
+    text-align: center; color: var(--dsw-alias-label-tertiary); font-size: 11.5px; line-height: 24px; }
   /* 设置页的真实宽度常常远小于窗口（侧栏 + 页面缩放），视口 media query 不可靠；
      以 .dshsc-root 自身宽度为准，窄面板时切两列，避免固定列把 Agent 标签挤成竖排。
      断点取 860 而不是贴着面板常见的 ~900：四列网格需要 280 + 150 + 操作列 + 3×14 gap + 中间列，
@@ -1404,7 +1423,7 @@ var CSS = `
   }
   .dshsc-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; }
 
-  /* 调用策略 chip：一个入口显示当前模式；点开三档弹层。窄列里允许省略，不撑破 102px */
+  /* 调用策略 chip：一个入口显示当前模式；点开三档弹窗。窄列里允许省略，不撑破 102px */
   .dshsc-chip { box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; max-width: 100%;
     height: 24px; padding: 0 9px; border: 1px solid var(--dsw-alias-border-l2); border-radius: 999px;
     background: var(--dsw-alias-bg-layer-1); color: var(--dsw-alias-label-secondary); font-family: inherit;
@@ -1428,40 +1447,40 @@ var CSS = `
   .dshsc-chip.legacy { color: var(--dsw-alias-label-tertiary); background: var(--dsw-alias-bg-layer-2); }
   .dshsc-chip.muted { color: var(--dsw-alias-label-tertiary); cursor: default; opacity: .8; }
 
-  .dshsc-policy-pop { position: fixed; z-index: 70; box-sizing: border-box; width: min(380px, calc(100vw - 16px));
-    max-height: min(600px, calc(100vh - 16px)); overflow: auto; padding: 14px;
+  /* 锚定浮层外壳：介绍浮层等共用（fixed + portal 到宿主弹窗），不再和调用策略弹窗共用 */
+  .dshsc-floatpop { position: fixed; z-index: 70; box-sizing: border-box; width: min(380px, calc(100vw - 16px));
+    max-height: min(600px, calc(100vh - 16px)); overflow: hidden; padding: 14px;
     background: var(--dsw-alias-bg-base); border: 1px solid var(--dsw-alias-border-l1); border-radius: 14px;
     box-shadow: 0 18px 48px rgba(0,0,0,.32), 0 2px 8px rgba(0,0,0,.16);
     display: flex; flex-direction: column; gap: 10px; }
-  .dshsc-policy-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
-  .dshsc-policy-title { font-size: 13px; font-weight: 600; color: var(--dsw-alias-label-primary); }
-  .dshsc-policy-sub { margin: 2px 0 0; font-size: 11px; line-height: 16px; color: var(--dsw-alias-label-tertiary); }
-  .dshsc-policy-close { flex: none; width: 24px; height: 24px; margin: -4px -4px 0 0; border: 0; border-radius: 6px;
+  .dshsc-floatpop-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; flex: none; }
+  .dshsc-floatpop-title { font-size: 13px; font-weight: 600; color: var(--dsw-alias-label-primary); }
+  .dshsc-floatpop-sub { margin: 2px 0 0; font-size: 11px; line-height: 16px; color: var(--dsw-alias-label-tertiary); }
+  .dshsc-floatpop-close { flex: none; width: 24px; height: 24px; margin: -4px -4px 0 0; border: 0; border-radius: 6px;
     background: transparent; color: var(--dsw-alias-label-secondary); font-size: 18px; line-height: 1; cursor: pointer; }
-  .dshsc-policy-close:hover { background: var(--dsw-alias-bg-layer-2); color: var(--dsw-alias-label-primary); }
-  .dshsc-policy-options { display: flex; flex-direction: column; gap: 6px; }
-  .dshsc-policyopt { box-sizing: border-box; display: flex; align-items: flex-start; gap: 10px; width: 100%;
-    padding: 9px 10px; text-align: left; border: 1px solid var(--dsw-alias-border-l1); border-radius: 9px;
-    background: var(--dsw-alias-bg-layer-1); color: var(--dsw-alias-label-primary); font-family: inherit; cursor: pointer; }
-  .dshsc-policyopt:hover:not(:disabled) { background: var(--dsw-alias-bg-layer-2); border-color: var(--dsw-alias-border-l2); }
-  .dshsc-policyopt.active { border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 55%, var(--dsw-alias-border-l1));
-    background: color-mix(in srgb, var(--dsw-alias-brand-primary) 7%, transparent); }
+  .dshsc-floatpop-close:hover { background: var(--dsw-alias-bg-layer-2); color: var(--dsw-alias-label-primary); }
+
+  /* 调用策略：标准居中弹窗（Overlay）里的单选列表；行距 / 圆点尺寸对齐共享设置的 .dshsc-check */
+  .dshsc-policy-options { max-height: none; overflow: visible; }
+  .dshsc-policyopt { box-sizing: border-box; display: flex; align-items: flex-start; gap: 9px; width: 100%;
+    padding: 5px 8px; text-align: left; border: 0; border-radius: 8px;
+    background: transparent; color: var(--dsw-alias-label-primary); font-family: inherit; cursor: pointer; }
+  .dshsc-policyopt:hover:not(:disabled) { background: var(--dsw-alias-bg-layer-2); }
+  .dshsc-policyopt:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: -2px; }
   .dshsc-policyopt:disabled { cursor: not-allowed; opacity: .55; }
   .dshsc-policyopt.static { cursor: default; }
-  .dshsc-policyopt-dot { flex: none; width: 14px; height: 14px; margin-top: 1px; border-radius: 50%;
-    border: 1.5px solid var(--dsw-alias-border-l3); }
-  .dshsc-policyopt.active .dshsc-policyopt-dot { border-color: var(--dsw-alias-brand-primary);
-    background: radial-gradient(circle, var(--dsw-alias-brand-primary) 0 40%, transparent 47%); }
+  .dshsc-policyopt.static:hover { background: transparent; }
+  .dshsc-policyopt-dot { box-sizing: border-box; flex: none; width: 15px; height: 15px; margin-top: 2px;
+    border-radius: 50%; border: 1px solid var(--dsw-alias-border-l2); background: var(--dsw-alias-bg-layer-1); }
+  .dshsc-policyopt.active .dshsc-policyopt-dot { border: 5px solid var(--dsw-alias-brand-primary); }
   .dshsc-policyopt-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
-  .dshsc-policyopt-body b { font-size: 12px; font-weight: 600; }
+  .dshsc-policyopt-body b { font-size: 13px; font-weight: 600; }
   .dshsc-policyopt-body small { font-size: 11px; line-height: 15px; color: var(--dsw-alias-label-tertiary); }
   .dshsc-policy-note { padding: 7px 9px; border-radius: 8px; background: var(--dsw-alias-bg-layer-2);
     color: var(--dsw-alias-label-secondary); font-size: 11px; line-height: 15px; }
   .dshsc-policy-note.warn, .dshsc-policy-note.author { color: var(--dsw-alias-state-warn-primary);
     background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 9%, transparent); }
   .dshsc-policy-hidden { display: flex; flex-direction: column; gap: 8px; }
-  .dshsc-policy-restore { align-self: flex-start; }
-  .dshsc-policy-foot { display: flex; justify-content: flex-end; gap: 6px; }
   .dshsc-policy-confirm { display: flex; flex-direction: column; gap: 6px; padding: 10px; border-radius: 9px;
     border: 1px solid color-mix(in srgb, var(--dsw-alias-state-error-primary) 34%, var(--dsw-alias-border-l1));
     background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 7%, transparent); }
@@ -1657,7 +1676,7 @@ var CSS = `
   .dshsc-intro-btn:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 2px; }
   .dshsc-intro-btn .dshsc-spark { font-size: 10px; color: var(--dsw-alias-brand-primary); }
 
-  /* 介绍浮层：复用 policy 浮层的外壳（fixed + portal），只调内容排版 */
+  /* 介绍浮层：复用通用 floatpop 外壳（fixed + portal），只调内容排版 */
   .dshsc-intro-pop { width: min(360px, calc(100vw - 16px)); gap: 7px; }
   .dshsc-intro-text { margin: 0; font-size: 12.5px; line-height: 1.7; color: var(--dsw-alias-label-primary);
     white-space: pre-wrap; overflow-wrap: anywhere; }
@@ -2558,23 +2577,23 @@ function IntroPopover({
     "div",
     {
       ref,
-      className: "dshsc-policy-pop dshsc-intro-pop",
+      className: "dshsc-floatpop dshsc-intro-pop",
       role: "dialog",
       "aria-label": `${t("intro.title")} · ${name}`,
       style: { left: `${pos.left}px`, top: `${pos.top}px`, visibility: pos.visibility }
     },
     h(
       "div",
-      { className: "dshsc-policy-head" },
+      { className: "dshsc-floatpop-head" },
       h(
         "div",
         null,
-        h("div", { className: "dshsc-policy-title" }, `✨ ${t("intro.title")}`),
-        h("div", { className: "dshsc-policy-sub", title: subtitle || name }, subtitle || name)
+        h("div", { className: "dshsc-floatpop-title" }, `✨ ${t("intro.title")}`),
+        h("div", { className: "dshsc-floatpop-sub", title: subtitle || name }, subtitle || name)
       ),
       h("button", {
         type: "button",
-        className: "dshsc-policy-close",
+        className: "dshsc-floatpop-close",
         "aria-label": t("action.close"),
         onClick: onClose
       }, "×")
@@ -2589,40 +2608,40 @@ function IntroPopover({
   ));
 }
 
-// client/views/policy-popover.js
+// client/views/policy-modal.js
 var import_react4 = __toESM(require("react"), 1);
-function PolicyPopover({ t, row, anchor, anchorEl, busy, onClose, onSave, onUnpark }) {
+
+// client/views/overlay.js
+function Overlay({ t, title, children, footer, onCancel }) {
+  useOverlayLayer(true, onCancel);
+  return portalize(h(
+    "div",
+    { className: "dshsc-overlay", onClick: (event) => {
+      if (event.target === event.currentTarget) onCancel?.();
+    } },
+    h(
+      "div",
+      { className: "dshsc-modal", role: "dialog", "aria-modal": "true" },
+      h("button", {
+        className: "dshsc-modal-close",
+        "aria-label": t("action.cancel"),
+        onClick: (event) => {
+          event.stopPropagation();
+          onCancel?.();
+        }
+      }, "×"),
+      h("h3", null, title),
+      children,
+      h("div", { className: "dshsc-modal-foot" }, footer)
+    )
+  ), overlayHost());
+}
+
+// client/views/policy-modal.js
+function PolicyModal({ t, row, busy, onClose, onSave, onUnpark }) {
   const initial = row.mode === "hidden" ? "auto" : row.mode;
   const [mode, setMode] = import_react4.default.useState(initial);
   const [confirming, setConfirming] = import_react4.default.useState(false);
-  const ref = import_react4.default.useRef(null);
-  const [pos, setPos] = import_react4.default.useState({ left: 0, top: 0, visibility: "hidden" });
-  useOverlayLayer(true, onClose);
-  import_react4.default.useLayoutEffect(() => {
-    const node = ref.current;
-    if (!node || !anchor || typeof window === "undefined") return;
-    const rect = node.getBoundingClientRect();
-    const width = rect.width || 360;
-    const height = rect.height || 320;
-    let left = anchor.left + anchor.width / 2 - width / 2;
-    left = Math.max(8, Math.min(left, window.innerWidth - width - 8));
-    let top = anchor.bottom + 8;
-    if (top + height > window.innerHeight - 8) {
-      top = Math.max(8, anchor.top - height - 8);
-    }
-    setPos({ left, top, visibility: "visible" });
-  }, [anchor, confirming, mode]);
-  import_react4.default.useEffect(() => {
-    if (typeof document === "undefined") return void 0;
-    const onPointerDown = (event) => {
-      const target = event?.target;
-      if (ref.current?.contains?.(target)) return;
-      if (anchorEl?.contains?.(target)) return;
-      onClose();
-    };
-    document.addEventListener("pointerdown", onPointerDown, true);
-    return () => document.removeEventListener("pointerdown", onPointerDown, true);
-  }, [anchorEl, onClose]);
   const hidden = row.mode === "hidden";
   const author = row.origin === "author" && row.mode === "manual";
   const flat = row.kind === "file";
@@ -2644,7 +2663,8 @@ function PolicyPopover({ t, row, anchor, anchorEl, busy, onClose, onSave, onUnpa
       type: "button",
       key: `policy-${id}`,
       className: `dshsc-policyopt${mode === id ? " active" : ""}`,
-      "aria-pressed": String(mode === id),
+      role: "radio",
+      "aria-checked": String(mode === id),
       disabled: busy || flat,
       onClick: () => choose(id)
     },
@@ -2656,95 +2676,85 @@ function PolicyPopover({ t, row, anchor, anchorEl, busy, onClose, onSave, onUnpa
       h("small", null, desc)
     )
   );
-  return portalize(h(
-    "div",
+  const footer = confirming ? [
+    h("button", {
+      type: "button",
+      key: "cancel",
+      className: "dshsc-btn ghost",
+      disabled: busy,
+      onClick: () => setConfirming(false)
+    }, t("action.cancel")),
+    h("button", {
+      type: "button",
+      key: "confirm",
+      className: "dshsc-btn danger",
+      disabled: busy,
+      onClick: () => onSave("hidden")
+    }, busy ? t("policy.saving") : t("policy.hiddenConfirm"))
+  ] : hidden ? [
+    h("button", { type: "button", key: "cancel", className: "dshsc-btn ghost", onClick: onClose }, t("action.cancel")),
+    h("button", {
+      type: "button",
+      key: "restore",
+      className: "dshsc-btn primary",
+      disabled: busy,
+      onClick: onUnpark
+    }, t("policy.unpark"))
+  ] : [
+    h("button", { type: "button", key: "cancel", className: "dshsc-btn ghost", onClick: onClose }, t("action.cancel")),
+    h("button", {
+      type: "button",
+      key: "save",
+      className: "dshsc-btn primary",
+      disabled: busy || !dirty || flat,
+      onClick: submit
+    }, busy ? t("policy.saving") : t("action.save"))
+  ];
+  return h(
+    Overlay,
     {
-      ref,
-      className: "dshsc-policy-pop",
-      role: "dialog",
-      "aria-label": t("policy.title"),
-      style: { left: `${pos.left}px`, top: `${pos.top}px`, visibility: pos.visibility }
+      t,
+      title: t("policy.title"),
+      onCancel: onClose,
+      footer
     },
-    h(
-      "div",
-      { className: "dshsc-policy-head" },
-      h(
-        "div",
-        null,
-        h("div", { className: "dshsc-policy-title" }, t("policy.title")),
-        h("div", { className: "dshsc-policy-sub" }, t("policy.subtitle"))
-      ),
-      h("button", {
-        type: "button",
-        className: "dshsc-policy-close",
-        "aria-label": t("action.close"),
-        onClick: onClose
-      }, "×")
-    ),
-    author ? h("div", { className: "dshsc-policy-note author" }, t("policy.authorHint")) : null,
-    row.legacy ? h("div", { className: "dshsc-policy-note" }, t("policy.legacyHint")) : null,
-    row.drift ? h("div", { className: "dshsc-policy-note warn" }, t("policy.driftHint")) : null,
+    h("p", { className: "dshsc-sub", key: "sub" }, t("policy.subtitle")),
+    author ? h("div", { className: "dshsc-policy-note author", key: "author" }, t("policy.authorHint")) : null,
+    row.legacy ? h("div", { className: "dshsc-policy-note", key: "legacy" }, t("policy.legacyHint")) : null,
+    row.drift ? h("div", { className: "dshsc-policy-note warn", key: "drift" }, t("policy.driftHint")) : null,
     hidden ? h(
       "div",
-      { className: "dshsc-policy-hidden" },
+      { className: "dshsc-policy-hidden", key: "hidden" },
       h(
         "div",
-        { className: "dshsc-policyopt active static" },
-        h("span", { className: "dshsc-policyopt-dot" }),
+        { className: "dshsc-panel" },
         h(
-          "span",
-          { className: "dshsc-policyopt-body" },
-          h("b", null, t("policy.hidden")),
-          h("small", null, t("policy.hiddenDesc"))
+          "div",
+          { className: "dshsc-policyopt active static", role: "radio", "aria-checked": "true" },
+          h("span", { className: "dshsc-policyopt-dot", "aria-hidden": "true" }),
+          h(
+            "span",
+            { className: "dshsc-policyopt-body" },
+            h("b", null, t("policy.hidden")),
+            h("small", null, t("policy.hiddenDesc"))
+          )
         )
       ),
-      h("button", {
-        type: "button",
-        className: "dshsc-btn primary dshsc-policy-restore",
-        disabled: busy,
-        onClick: onUnpark
-      }, t("policy.unpark")),
-      h("p", { className: "dshsc-policy-sub" }, t("policy.hiddenHint"))
+      h("p", { className: "dshsc-sub" }, t("policy.hiddenHint"))
     ) : h(
       "div",
-      { className: "dshsc-policy-options" },
+      { className: "dshsc-panel dshsc-policy-options", key: "options", role: "radiogroup", "aria-label": t("policy.title") },
       option("auto", t("policy.auto"), t("policy.autoDesc")),
       option("manual", t("policy.manual"), t("policy.manualDesc")),
       option("hidden", t("policy.hidden"), t("policy.hiddenDesc"))
     ),
     confirming ? h(
       "div",
-      { className: "dshsc-policy-confirm" },
+      { className: "dshsc-policy-confirm", key: "confirm" },
       h("b", null, t("policy.hiddenConfirmTitle")),
-      h("p", null, t("policy.hiddenConfirmBody")),
-      h(
-        "div",
-        { className: "dshsc-policy-foot" },
-        h("button", {
-          type: "button",
-          className: "dshsc-btn ghost",
-          disabled: busy,
-          onClick: () => setConfirming(false)
-        }, t("action.cancel")),
-        h("button", {
-          type: "button",
-          className: "dshsc-btn danger",
-          disabled: busy,
-          onClick: () => onSave("hidden")
-        }, busy ? t("policy.saving") : t("policy.hiddenConfirm"))
-      )
-    ) : h(
-      "div",
-      { className: "dshsc-policy-foot" },
-      h("button", { type: "button", className: "dshsc-btn ghost", onClick: onClose }, t("action.cancel")),
-      hidden ? null : h("button", {
-        type: "button",
-        className: "dshsc-btn primary",
-        disabled: busy || !dirty || flat,
-        onClick: submit
-      }, busy ? t("policy.saving") : t("action.save"))
-    )
-  ), overlayHost());
+      h("p", null, t("policy.hiddenConfirmBody"))
+    ) : null
+  );
 }
 
 // client/views/installed.js
@@ -2788,16 +2798,10 @@ function InstalledTab({
       anchor: { left: rect.left, top: rect.top, bottom: rect.bottom, width: rect.width, height: rect.height }
     });
   }
-  function openPolicy(event, row) {
+  function openPolicy(row) {
     if (busy !== null || row.kind === "file") return;
     if (row.mode === "manual" && row.origin === "author") return;
-    const el = event.currentTarget;
-    const rect = el.getBoundingClientRect();
-    setPolicy({
-      row,
-      anchorEl: el,
-      anchor: { left: rect.left, top: rect.top, bottom: rect.bottom, width: rect.width, height: rect.height }
-    });
+    setPolicy({ row });
   }
   function policyChip(row) {
     if (row.status === "unmanaged") {
@@ -2814,7 +2818,7 @@ function InstalledTab({
         disabled: busy !== null,
         title: t("policy.hiddenHint"),
         "aria-haspopup": "dialog",
-        onClick: (event) => openPolicy(event, row)
+        onClick: () => openPolicy(row)
       }, t("policy.hidden"));
     }
     if (mode === "manual" && row.origin === "author") {
@@ -2830,7 +2834,7 @@ function InstalledTab({
         disabled: busy !== null,
         title: t("policy.driftHint"),
         "aria-haspopup": "dialog",
-        onClick: (event) => openPolicy(event, row)
+        onClick: () => openPolicy(row)
       }, t("policy.drift"));
     }
     if (row.legacy === "dsh-off") {
@@ -2840,7 +2844,7 @@ function InstalledTab({
         disabled: busy !== null,
         title: t("policy.legacyHint"),
         "aria-haspopup": "dialog",
-        onClick: (event) => openPolicy(event, row)
+        onClick: () => openPolicy(row)
       }, t("policy.legacy"));
     }
     if (mode === "manual") {
@@ -2850,7 +2854,7 @@ function InstalledTab({
         disabled: busy !== null,
         title: t("policy.manualOnlyHint"),
         "aria-haspopup": "dialog",
-        onClick: (event) => openPolicy(event, row)
+        onClick: () => openPolicy(row)
       }, t("policy.manual"));
     }
     return h("button", {
@@ -2859,7 +2863,7 @@ function InstalledTab({
       disabled: busy !== null,
       title: t("policy.open"),
       "aria-haspopup": "dialog",
-      onClick: (event) => openPolicy(event, row)
+      onClick: () => openPolicy(row)
     }, t("policy.auto"));
   }
   function statusTag(row) {
@@ -3256,11 +3260,9 @@ function InstalledTab({
       actions.onView(target);
     }
   }) : null;
-  const popover = policy ? h(PolicyPopover, {
+  const policyModal = policy ? h(PolicyModal, {
     t,
     row: policy.row,
-    anchor: policy.anchor,
-    anchorEl: policy.anchorEl,
     busy: busy !== null,
     onClose: () => setPolicy(null),
     onSave: (mode) => {
@@ -3274,7 +3276,7 @@ function InstalledTab({
       actions.onRequestUnpark(target);
     }
   }) : null;
-  return h(import_react5.default.Fragment, null, content(), popover, introPopover);
+  return h(import_react5.default.Fragment, null, content(), policyModal, introPopover);
 }
 
 // client/views/agent-tip.js
@@ -3511,7 +3513,6 @@ function SubscriptionsTab({
                   h(
                     "span",
                     { className: `dshsc-state${installedAlready ? " ok" : ""}` },
-                    installedAlready ? "✓ " : "",
                     installedAlready ? t("installed") : t("notInstalled")
                   ),
                   h(
@@ -3539,34 +3540,6 @@ var import_react8 = __toESM(require("react"), 1);
 
 // client/views/add-skill.js
 var import_react7 = __toESM(require("react"), 1);
-
-// client/views/overlay.js
-function Overlay({ t, title, children, footer, onCancel }) {
-  useOverlayLayer(true, onCancel);
-  return portalize(h(
-    "div",
-    { className: "dshsc-overlay", onClick: (event) => {
-      if (event.target === event.currentTarget) onCancel?.();
-    } },
-    h(
-      "div",
-      { className: "dshsc-modal", role: "dialog", "aria-modal": "true" },
-      h("button", {
-        className: "dshsc-modal-close",
-        "aria-label": t("action.cancel"),
-        onClick: (event) => {
-          event.stopPropagation();
-          onCancel?.();
-        }
-      }, "×"),
-      h("h3", null, title),
-      children,
-      h("div", { className: "dshsc-modal-foot" }, footer)
-    )
-  ), overlayHost());
-}
-
-// client/views/add-skill.js
 function AddSkillModal({ t, onCancel, onProbe, onInstall }) {
   const [source, setSource] = import_react7.default.useState("");
   const [phase, setPhase] = import_react7.default.useState("idle");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morehao/dsh-skills-console",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "统一管理本地技能的安装、更新、删除与接入，让同一份技能在多个 Agent 间复用。A skill manager for DeepSeek Harness: install, update, remove, link and toggle agent skills.",
   "license": "MIT",
   "author": "morehao <morehao@qq.com>",