npm - @civilization/deepseek-harness-skill-mcp - Versions diffs - 0.1.4 → 0.1.6 - Mend

@civilization/deepseek-harness-skill-mcp 0.1.4 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/README.md CHANGED Viewed

@@ -57,15 +57,17 @@ skills/
 Skill 页面支持：
-- 添加、启用和禁用多个 Skill 路径
+- 添加、编辑路径、启用、禁用和移除多个 Skill 来源；移除来源不会删除目录中的文件
 - 用独立的来源、用户分组和状态条件筛选技能
 - 为单个 Skill 设置用户分组；分组保存在对应 `SKILL.md` 的 `metadata` 中
 - 搜索、数量统计、frontmatter 格式诊断和同名覆盖提示
 - 查看 `scripts`、`references`、`assets` 等资源文件
+- 编辑 Skill 描述、适用场景、指令正文和调用权限
+- 删除单个 Skill；目录型 Skill 会连同其资源目录一起删除，并在界面中二次确认
 - 控制模型自动选择和用户 `/name` 调用
 - 创建只有 `SKILL.md` 的最小目录，或包含标准资源目录的 Skill
-新路径默认禁用。启用后，Harness 的 Skill provider 扫描该路径中的技能。页面在前台时每 3 秒刷新一次。
+新路径默认禁用。启用后，Harness 的 Skill provider 扫描该路径中的技能。页面在前台时每 3 秒刷新一次。当前 Harness Web 会按会话缓存 `/` Skill 候选，但未把 Host 的 `skills/change` 转发给浏览器；本插件在管理操作成功或用户点击“刷新”后触发客户端目录缓存失效，使下一次打开 `/` 菜单重新读取 Skill 列表。直接在文件系统外部修改 Skill 时，在管理页点击一次“刷新”即可同步菜单。
 ## MCP 管理
@@ -94,7 +96,9 @@ HTTP 示例：
 }
 ```
-服务器卡片使用状态灯显示禁用、等待发现工具或工具可用，并可展开查看实际注册的工具列表。新服务器默认禁用；启用 stdio 服务器会在 Agent 沙箱之外执行所配置的程序。
+服务器卡片使用状态灯显示禁用、等待发现工具或工具可用，并可展开查看实际注册的工具列表。MCP 配置可以编辑或删除，编辑时保留服务器 id 与启用状态。新服务器默认禁用；启用 stdio 服务器会在 Agent 沙箱之外执行所配置的程序。
+MCP 工具是提供给模型的工具 schema，不是用户 `/` 命令，因此不会出现在 Skill 斜杠菜单中；它们的动态状态以 MCP 页面中的“工具列表”和 `extensions_inspect` 为准。
 当前版本不接受 `env`、认证 header、带凭据或 token 查询参数的 URL。请勿把密钥放进工具参数、MCP 地址或提交到仓库。
@@ -108,6 +112,9 @@ MCP 对端离线、命令启动失败或首次工具发现失败不会阻止 DSH
 | `extensions_add_skill` | 添加 Skill 路径；Agent 调用时显式指定内部 id |
 | `extensions_add_mcp` | 添加 stdio 或 HTTP MCP 配置 |
 | `extensions_set_enabled` | 启用或禁用受管配置 |
+| `extensions_update_skill` | 修改 Skill 来源路径 |
+| `extensions_update_mcp` | 替换 MCP 连接配置并保留 id 与启用状态 |
+| `extensions_remove` | 移除 Skill 来源或 MCP 配置；不会删除 Skill 来源目录 |
 | `extensions_inspect` | 查看当前 Agent 实际可见的 Skill 与 MCP 工具 |
 可以直接告诉 Agent：
@@ -136,7 +143,9 @@ pnpm run web
 ## 验证
-自动测试覆盖配置持久化、Skill 多路径与单技能用户分组、并发 revision、Skill 创建与调用权限、MCP 工具发现和卸载、轮询状态以及中英文词典一致性。测试不需要模型 API key。
+自动测试覆盖配置持久化、Skill 多路径、编辑和删除、单技能内容编辑与删除、用户分组、并发 revision、Skill 创建与调用权限、MCP 工具发现和卸载、轮询状态以及中英文词典一致性。测试不需要模型 API key。
+浏览器端 `/` 候选缓存失效兼容逻辑会使用公开的 `connection/reset` 客户端事件；自动测试验证 Host/RPC 和浏览器 bundle 构建，但没有在本仓库内启动完整 Harness Web 做端到端菜单点击验证。外部文件改动仍依赖 filesystem provider 先完成 watcher 失效，必要时可在变更后点击管理页“刷新”。
 ## 发布

package/lib/client.js CHANGED Viewed

@@ -30,6 +30,17 @@ module.exports = __toCommonJS(index_exports);
 var import_react = require("react");
 // src/client/controller.js
+var skillCatalogMutations = /* @__PURE__ */ new Set([
+  "add-skill",
+  "update-skill-source",
+  "create-skill",
+  "update-skill",
+  "delete-skill",
+  "set-skill-invocation"
+]);
+function refreshesSlashCatalog(endpoint, options = {}) {
+  return options.refreshSlashCatalog === true || skillCatalogMutations.has(endpoint);
+}
 var ExtensionsController = class {
   state = { extensions: [], sources: [], skills: [], revision: "", loading: false, saving: false, error: "", saved: false };
   listeners = /* @__PURE__ */ new Set();
@@ -106,9 +117,20 @@ var zh = {
   url: "\u670D\u52A1\u5668\u5730\u5740",
   cancel: "\u53D6\u6D88",
   save: "\u6DFB\u52A0",
+  saveChanges: "\u4FDD\u5B58\u4FEE\u6539",
   create: "\u521B\u5EFA",
+  edit: "\u7F16\u8F91",
+  delete: "\u5220\u9664",
+  confirmDelete: "\u786E\u8BA4\u5220\u9664",
+  deleting: "\u5220\u9664\u4E2D\u2026",
   saving: "\u4FDD\u5B58\u4E2D\u2026",
   loading: "\u52A0\u8F7D\u4E2D\u2026",
+  deleteExtensionTitle: "\u79FB\u9664 Skill \u6765\u6E90",
+  deleteMcpTitle: "\u5220\u9664 MCP \u670D\u52A1\u5668",
+  deleteSkillTitle: "\u6C38\u4E45\u5220\u9664 Skill",
+  deleteExtensionConfirm: "\u5C06\u4ECE\u5F53\u524D\u914D\u7F6E\u4E2D\u79FB\u9664\u201C{name}\u201D\uFF0C\u76EE\u5F55\u4E2D\u7684 Skill \u6587\u4EF6\u4F1A\u4FDD\u7559\u3002",
+  deleteMcpConfirm: "\u5C06\u5220\u9664 MCP \u670D\u52A1\u5668\u201C{name}\u201D\u53CA\u5176\u8FDE\u63A5\u914D\u7F6E\u3002",
+  deleteSkillConfirm: "\u5C06\u6C38\u4E45\u5220\u9664\u201C{name}\u201D\u53CA\u5176\u76EE\u5F55\u5185\u7684\u8D44\u6E90\u6587\u4EF6\u3002\u6B64\u64CD\u4F5C\u65E0\u6CD5\u64A4\u9500\u3002",
   enabled: "\u914D\u7F6E\u5DF2\u542F\u7528",
   disabled: "\u5DF2\u7981\u7528",
   enable: "\u542F\u7528",
@@ -166,6 +188,7 @@ var zh = {
   source: "\u4FDD\u5B58\u6765\u6E90",
   skillName: "Skill \u540D\u79F0",
   description: "\u63CF\u8FF0",
+  instructions: "Skill \u6307\u4EE4\u6B63\u6587",
   structure: "\u76EE\u5F55\u7ED3\u6784",
   structureMinimal: "\u4EC5 SKILL.md",
   structureStandard: "\u6807\u51C6\u76EE\u5F55\uFF08scripts / references / assets\uFF09",
@@ -204,9 +227,20 @@ var en = {
   url: "Server URL",
   cancel: "Cancel",
   save: "Add",
+  saveChanges: "Save changes",
   create: "Create",
+  edit: "Edit",
+  delete: "Delete",
+  confirmDelete: "Delete",
+  deleting: "Deleting\u2026",
   saving: "Saving\u2026",
   loading: "Loading\u2026",
+  deleteExtensionTitle: "Remove Skill source",
+  deleteMcpTitle: "Delete MCP server",
+  deleteSkillTitle: "Permanently delete Skill",
+  deleteExtensionConfirm: "Remove \u201C{name}\u201D from this configuration. Skill files in the directory will be kept.",
+  deleteMcpConfirm: "Delete MCP server \u201C{name}\u201D and its connection configuration.",
+  deleteSkillConfirm: "Permanently delete \u201C{name}\u201D and the resource files in its directory. This cannot be undone.",
   enabled: "Configured enabled",
   disabled: "Disabled",
   enable: "Enable",
@@ -264,6 +298,7 @@ var en = {
   source: "Source",
   skillName: "Skill name",
   description: "Description",
+  instructions: "Skill instructions",
   structure: "Structure",
   structureMinimal: "SKILL.md only",
   structureStandard: "Standard folders (scripts / references / assets)",
@@ -278,7 +313,7 @@ var en = {
 };
 // src/client/styles.css
-var styles_default = ".dsh-ext{color:var(--dsw-alias-label-primary);max-width:840px;padding:4px 0 28px;font:inherit}\n.dsh-ext-heading,.dsh-ext-card>header{display:flex;justify-content:space-between;align-items:center;gap:16px}\n.dsh-ext h2{font-size:22px;letter-spacing:-.4px;margin:0 0 8px}.dsh-ext h3{font-size:15px;margin:0;display:flex;align-items:center;gap:8px}\n.dsh-ext p,.dsh-ext small{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.6}.dsh-ext-heading p{margin:0}\n.dsh-ext button{font:inherit;font-size:13px;cursor:pointer;border:1px solid var(--dsw-alias-border-l4);border-radius:9px;background:var(--dsw-alias-bg-layer-2);color:inherit;padding:8px 13px;white-space:nowrap}\n.dsh-ext button:hover{background:var(--dsw-alias-bg-layer-3)}.dsh-ext button:disabled{opacity:.5;cursor:default}\n.dsh-ext :is(button,input,select,textarea):focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:3px}\n.dsh-ext-card{border:1px solid var(--dsw-alias-border-l4);border-radius:16px;margin-top:20px;background:var(--dsw-alias-bg-layer-2);overflow:hidden}\n.dsh-ext-card>header{padding:18px 20px;border-bottom:1px solid var(--dsw-alias-border-l4)}.dsh-ext-count{font-size:11px;font-weight:400;color:var(--dsw-alias-label-tertiary)}\n.dsh-ext-empty{padding:32px 20px}.dsh-ext-empty strong{font-size:14px;font-weight:500}.dsh-ext-empty p{margin:6px 0 0}\n.dsh-ext ul{list-style:none;padding:0;margin:0}.dsh-ext li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--dsw-alias-border-l4)}.dsh-ext li:last-child{border:0}\n.dsh-ext-details{display:flex;flex-direction:column;gap:5px;min-width:0}.dsh-ext-details strong{font-size:14px}.dsh-ext-details code{font-size:12px;color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere}\n.dsh-ext-runtime{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;color:var(--dsw-alias-label-tertiary)}\n.dsh-ext-status{width:7px;height:7px;border-radius:50%;background:#858585;box-shadow:0 0 0 3px color-mix(in srgb,#858585 16%,transparent)}\n.dsh-ext-status-available{background:#38a169;box-shadow:0 0 0 3px color-mix(in srgb,#38a169 18%,transparent)}.dsh-ext-status-waiting{background:#d69e2e;box-shadow:0 0 0 3px color-mix(in srgb,#d69e2e 18%,transparent)}\n.dsh-ext-runtime details{width:100%;margin-top:2px}.dsh-ext-runtime summary{width:max-content;cursor:pointer;color:var(--dsw-alias-label-secondary);user-select:none}.dsh-ext-runtime summary:hover{color:var(--dsw-alias-label-primary)}\n.dsh-ext-runtime .dsh-ext-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.dsh-ext-runtime .dsh-ext-tools li{display:block;border:0;padding:4px 8px;border-radius:6px;background:var(--dsw-alias-bg-layer-3)}\n.dsh-ext-form{padding:20px;border-top:1px solid var(--dsw-alias-border-l4)}.dsh-ext fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.dsh-ext label{display:flex;flex-direction:column;gap:7px;font-size:13px}\n.dsh-ext input,.dsh-ext select,.dsh-ext textarea{box-sizing:border-box;min-width:0;width:100%;font:inherit;color:inherit;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l4);border-radius:8px;padding:10px}.dsh-ext textarea{resize:vertical}\n.dsh-ext-actions{display:flex;justify-content:flex-end;gap:8px;grid-column:1/-1}.dsh-ext fieldset>p{grid-column:1/-1;margin:0}.dsh-ext-notice{padding:12px 16px;border:1px solid var(--dsw-alias-border-l4);border-radius:10px}.dsh-ext-footnote{padding:0 4px}\n.dsh-ext-heading-actions{display:flex;gap:8px;align-items:center}.dsh-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n.dsh-skill-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.dsh-skill-stats>div{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--dsw-alias-border-l4);border-radius:12px;background:var(--dsw-alias-bg-layer-2)}.dsh-skill-stats strong{font-size:20px}.dsh-skill-stats span{font-size:12px;color:var(--dsw-alias-label-tertiary)}\n.dsh-skill-search{margin-top:14px}.dsh-skill-search input{padding-left:13px}.dsh-skill-manager>.dsh-ext-form{margin-top:14px;border:1px solid var(--dsw-alias-border-l4);border-radius:14px;background:var(--dsw-alias-bg-layer-2)}\n.dsh-skill-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.dsh-skill-filters label{gap:5px;font-size:11px;color:var(--dsw-alias-label-tertiary)}.dsh-skill-filters select{padding:8px 10px;color:var(--dsw-alias-label-primary)}\n.dsh-skill-source-manager{margin-top:14px}.dsh-skill-source-manager>summary{cursor:pointer;padding:14px 18px;font-size:14px;font-weight:600;user-select:none}.dsh-skill-source-manager[open]>summary{border-bottom:1px solid var(--dsw-alias-border-l4)}\n.dsh-skill-source-manager li{padding:11px 18px}.dsh-skill-source-title{display:flex;align-items:flex-start;gap:11px;min-width:0}.dsh-skill-source-title>.dsh-ext-status{margin-top:6px;flex:0 0 auto}.dsh-skill-source-title>div{display:flex;min-width:0;flex-direction:column;gap:3px}.dsh-skill-source-title code{font-size:11px;color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere}.dsh-skill-source-title small{font-size:11px;color:#e98282}\n.dsh-skill-library{margin-top:14px}.dsh-skill-group-editor{display:flex;align-items:flex-end;gap:8px}.dsh-skill-group-editor label{flex:1}.dsh-skill-group-editor input{padding:7px 9px}.dsh-skill-group-editor button{padding:7px 10px}\n.dsh-skill-row{display:block!important;padding:15px 18px!important}.dsh-skill-row-main{min-width:0}.dsh-skill-name{display:flex;align-items:center;gap:9px}.dsh-skill-name strong{font-size:14px}.dsh-skill-row-main>p{margin:6px 0 3px}.dsh-skill-row-main>code{font-size:11px;color:var(--dsw-alias-label-tertiary)}\n.dsh-skill-badge{font-size:11px;padding:2px 7px;border-radius:999px;background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-secondary)}.dsh-skill-badge-group{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb,var(--dsw-alias-brand-primary) 12%,transparent)}.dsh-skill-badge-invalid{color:#e98282}.dsh-skill-badge-shadowed{color:#a98af8}.dsh-ext-status-invalid{background:#e05252;box-shadow:0 0 0 3px color-mix(in srgb,#e05252 18%,transparent)}.dsh-ext-status-shadowed{background:#8b5cf6;box-shadow:0 0 0 3px color-mix(in srgb,#8b5cf6 18%,transparent)}.dsh-ext-status-manual{background:#d69e2e;box-shadow:0 0 0 3px color-mix(in srgb,#d69e2e 18%,transparent)}\n.dsh-skill-row details{margin-top:9px}.dsh-skill-row summary{width:max-content;cursor:pointer;font-size:12px;color:var(--dsw-alias-label-secondary)}.dsh-skill-detail{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px;padding:14px;border-radius:10px;background:var(--dsw-alias-bg-layer-1)}.dsh-skill-detail>p{grid-column:1/-1;margin:0}.dsh-skill-detail p strong,.dsh-skill-detail>div>strong{display:block;margin-bottom:5px;color:var(--dsw-alias-label-secondary);font-size:12px}\n.dsh-skill-invocation{display:flex;flex-direction:column;gap:7px}.dsh-skill-invocation label,.dsh-skill-create-flags label{display:flex;flex-direction:row;align-items:center;gap:5px}.dsh-ext input[type=checkbox]{width:auto;min-width:auto}.dsh-skill-detail ul,.dsh-skill-detail li{display:block!important;margin:0;padding:0!important;border:0!important}.dsh-skill-resources{display:flex!important;flex-wrap:wrap!important;gap:5px}.dsh-skill-resources li{padding:3px 6px!important;border-radius:5px!important;background:var(--dsw-alias-bg-layer-3)!important}\n.dsh-ext-span{grid-column:1/-1}.dsh-skill-create-flags{display:flex;flex-direction:column;gap:7px;font-size:13px}.dsh-skill-create-flags>span{margin-bottom:1px}.dsh-skill-source>.dsh-ext-notice{margin:12px 18px}.dsh-skill-source>.dsh-ext-empty{padding:18px}\n@media(max-width:600px){.dsh-ext fieldset,.dsh-skill-detail,.dsh-skill-filters{grid-template-columns:1fr}.dsh-ext-heading{align-items:flex-start;flex-direction:column}.dsh-ext-heading-actions{flex-wrap:wrap}.dsh-ext-card>header{padding:14px}.dsh-ext li{padding:14px}.dsh-skill-stats{grid-template-columns:repeat(2,1fr)}.dsh-skill-group-editor{align-items:stretch;flex-direction:column}}\n";
+var styles_default = ".dsh-ext{color:var(--dsw-alias-label-primary);max-width:840px;padding:4px 0 28px;font:inherit}\n.dsh-ext-heading,.dsh-ext-card>header{display:flex;justify-content:space-between;align-items:center;gap:16px}\n.dsh-ext h2{font-size:22px;letter-spacing:-.4px;margin:0 0 8px}.dsh-ext h3{font-size:15px;margin:0;display:flex;align-items:center;gap:8px}\n.dsh-ext p,.dsh-ext small{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.6}.dsh-ext-heading p{margin:0}\n.dsh-ext button{font:inherit;font-size:13px;cursor:pointer;border:1px solid var(--dsw-alias-border-l4);border-radius:9px;background:var(--dsw-alias-bg-layer-2);color:inherit;padding:8px 13px;white-space:nowrap}\n.dsh-ext button:hover{background:var(--dsw-alias-bg-layer-3)}.dsh-ext button:disabled{opacity:.5;cursor:default}\n.dsh-ext :is(button,input,select,textarea):focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:3px}\n.dsh-ext-card{border:1px solid var(--dsw-alias-border-l4);border-radius:16px;margin-top:20px;background:var(--dsw-alias-bg-layer-2);overflow:hidden}\n.dsh-ext-card>header{padding:18px 20px;border-bottom:1px solid var(--dsw-alias-border-l4)}.dsh-ext-count{font-size:11px;font-weight:400;color:var(--dsw-alias-label-tertiary)}\n.dsh-ext-empty{padding:32px 20px}.dsh-ext-empty strong{font-size:14px;font-weight:500}.dsh-ext-empty p{margin:6px 0 0}\n.dsh-ext ul{list-style:none;padding:0;margin:0}.dsh-ext li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--dsw-alias-border-l4)}.dsh-ext li:last-child{border:0}\n.dsh-ext-details{display:flex;flex-direction:column;gap:5px;min-width:0}.dsh-ext-details strong{font-size:14px}.dsh-ext-details code{font-size:12px;color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere}\n.dsh-ext-runtime{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;color:var(--dsw-alias-label-tertiary)}\n.dsh-ext-status{width:7px;height:7px;border-radius:50%;background:#858585;box-shadow:0 0 0 3px color-mix(in srgb,#858585 16%,transparent)}\n.dsh-ext-status-available{background:#38a169;box-shadow:0 0 0 3px color-mix(in srgb,#38a169 18%,transparent)}.dsh-ext-status-waiting{background:#d69e2e;box-shadow:0 0 0 3px color-mix(in srgb,#d69e2e 18%,transparent)}\n.dsh-ext-runtime details{width:100%;margin-top:2px}.dsh-ext-runtime summary{width:max-content;cursor:pointer;color:var(--dsw-alias-label-secondary);user-select:none}.dsh-ext-runtime summary:hover{color:var(--dsw-alias-label-primary)}\n.dsh-ext-runtime .dsh-ext-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.dsh-ext-runtime .dsh-ext-tools li{display:block;border:0;padding:4px 8px;border-radius:6px;background:var(--dsw-alias-bg-layer-3)}\n.dsh-ext-form{padding:20px;border-top:1px solid var(--dsw-alias-border-l4)}.dsh-ext fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.dsh-ext label{display:flex;flex-direction:column;gap:7px;font-size:13px}\n.dsh-ext input,.dsh-ext select,.dsh-ext textarea{box-sizing:border-box;min-width:0;width:100%;font:inherit;color:inherit;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l4);border-radius:8px;padding:10px}.dsh-ext textarea{resize:vertical}\n.dsh-ext-actions{display:flex;justify-content:flex-end;gap:8px;grid-column:1/-1}.dsh-ext fieldset>p{grid-column:1/-1;margin:0}.dsh-ext-notice{padding:12px 16px;border:1px solid var(--dsw-alias-border-l4);border-radius:10px}.dsh-ext-footnote{padding:0 4px}\n.dsh-ext-row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.dsh-ext .dsh-ext-danger{color:#e98282}.dsh-ext-inline-form{width:100%;padding:14px 0 2px;border:0}.dsh-skill-edit-form{margin-top:12px;padding:14px;border-radius:10px;background:var(--dsw-alias-bg-layer-1)}\n.dsh-confirm{box-sizing:border-box;width:min(430px,calc(100vw - 32px));padding:22px;border:1px solid var(--dsw-alias-border-l4);border-radius:16px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);box-shadow:0 20px 60px rgba(0,0,0,.28);font:inherit}.dsh-confirm::backdrop{background:rgba(10,12,16,.48);backdrop-filter:blur(3px)}\n.dsh-confirm-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:16px;border-radius:10px;background:color-mix(in srgb,#e05252 14%,transparent);color:#e98282;font-size:19px;font-weight:700}.dsh-confirm-copy h3{margin:0;font-size:16px}.dsh-confirm-copy p{margin:8px 0 0;color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.65}.dsh-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.dsh-confirm button{font:inherit;font-size:13px;cursor:pointer;border:1px solid var(--dsw-alias-border-l4);border-radius:9px;background:var(--dsw-alias-bg-layer-2);color:inherit;padding:8px 14px}.dsh-confirm button:hover{background:var(--dsw-alias-bg-layer-3)}.dsh-confirm button:disabled{opacity:.5;cursor:default}.dsh-confirm button:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:3px}.dsh-confirm .dsh-confirm-delete{border-color:color-mix(in srgb,#e05252 45%,var(--dsw-alias-border-l4));background:#b83232;color:#fff}.dsh-confirm .dsh-confirm-delete:hover{background:#c63b3b}\n.dsh-ext-heading-actions{display:flex;gap:8px;align-items:center}.dsh-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n.dsh-skill-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.dsh-skill-stats>div{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--dsw-alias-border-l4);border-radius:12px;background:var(--dsw-alias-bg-layer-2)}.dsh-skill-stats strong{font-size:20px}.dsh-skill-stats span{font-size:12px;color:var(--dsw-alias-label-tertiary)}\n.dsh-skill-search{margin-top:14px}.dsh-skill-search input{padding-left:13px}.dsh-skill-manager>.dsh-ext-form{margin-top:14px;border:1px solid var(--dsw-alias-border-l4);border-radius:14px;background:var(--dsw-alias-bg-layer-2)}\n.dsh-skill-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.dsh-skill-filters label{gap:5px;font-size:11px;color:var(--dsw-alias-label-tertiary)}.dsh-skill-filters select{padding:8px 10px;color:var(--dsw-alias-label-primary)}\n.dsh-skill-source-manager{margin-top:14px}.dsh-skill-source-manager>summary{cursor:pointer;padding:14px 18px;font-size:14px;font-weight:600;user-select:none}.dsh-skill-source-manager[open]>summary{border-bottom:1px solid var(--dsw-alias-border-l4)}\n.dsh-skill-source-manager li{padding:11px 18px;flex-wrap:wrap}.dsh-skill-source-title{display:flex;align-items:flex-start;gap:11px;min-width:0}.dsh-skill-source-title>.dsh-ext-status{margin-top:6px;flex:0 0 auto}.dsh-skill-source-title>div{display:flex;min-width:0;flex-direction:column;gap:3px}.dsh-skill-source-title code{font-size:11px;color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere}.dsh-skill-source-title small{font-size:11px;color:#e98282}\n.dsh-skill-library{margin-top:14px}.dsh-skill-group-editor{display:flex;align-items:flex-end;gap:8px}.dsh-skill-group-editor label{flex:1}.dsh-skill-group-editor input{padding:7px 9px}.dsh-skill-group-editor button{padding:7px 10px}\n.dsh-skill-row{display:block!important;padding:15px 18px!important}.dsh-skill-row-main{min-width:0}.dsh-skill-name{display:flex;align-items:center;gap:9px}.dsh-skill-name strong{font-size:14px}.dsh-skill-row-main>p{margin:6px 0 3px}.dsh-skill-row-main>code{font-size:11px;color:var(--dsw-alias-label-tertiary)}\n.dsh-skill-badge{font-size:11px;padding:2px 7px;border-radius:999px;background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-secondary)}.dsh-skill-badge-group{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb,var(--dsw-alias-brand-primary) 12%,transparent)}.dsh-skill-badge-invalid{color:#e98282}.dsh-skill-badge-shadowed{color:#a98af8}.dsh-ext-status-invalid{background:#e05252;box-shadow:0 0 0 3px color-mix(in srgb,#e05252 18%,transparent)}.dsh-ext-status-shadowed{background:#8b5cf6;box-shadow:0 0 0 3px color-mix(in srgb,#8b5cf6 18%,transparent)}.dsh-ext-status-manual{background:#d69e2e;box-shadow:0 0 0 3px color-mix(in srgb,#d69e2e 18%,transparent)}\n.dsh-skill-row details{margin-top:9px}.dsh-skill-row summary{width:max-content;cursor:pointer;font-size:12px;color:var(--dsw-alias-label-secondary)}.dsh-skill-detail{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px;padding:14px;border-radius:10px;background:var(--dsw-alias-bg-layer-1)}.dsh-skill-detail>p{grid-column:1/-1;margin:0}.dsh-skill-detail p strong,.dsh-skill-detail>div>strong{display:block;margin-bottom:5px;color:var(--dsw-alias-label-secondary);font-size:12px}\n.dsh-skill-invocation{display:flex;flex-direction:column;gap:7px}.dsh-skill-invocation label,.dsh-skill-create-flags label{display:flex;flex-direction:row;align-items:center;gap:5px}.dsh-ext input[type=checkbox]{width:auto;min-width:auto}.dsh-skill-detail ul,.dsh-skill-detail li{display:block!important;margin:0;padding:0!important;border:0!important}.dsh-skill-resources{display:flex!important;flex-wrap:wrap!important;gap:5px}.dsh-skill-resources li{padding:3px 6px!important;border-radius:5px!important;background:var(--dsw-alias-bg-layer-3)!important}\n.dsh-ext-span{grid-column:1/-1}.dsh-skill-create-flags{display:flex;flex-direction:column;gap:7px;font-size:13px}.dsh-skill-create-flags>span{margin-bottom:1px}.dsh-skill-source>.dsh-ext-notice{margin:12px 18px}.dsh-skill-source>.dsh-ext-empty{padding:18px}\n@media(max-width:600px){.dsh-ext fieldset,.dsh-skill-detail,.dsh-skill-filters{grid-template-columns:1fr}.dsh-ext-heading{align-items:flex-start;flex-direction:column}.dsh-ext-heading-actions{flex-wrap:wrap}.dsh-ext-card>header{padding:14px}.dsh-ext li{padding:14px}.dsh-skill-stats{grid-template-columns:repeat(2,1fr)}.dsh-skill-group-editor{align-items:stretch;flex-direction:column}}\n";
 // src/client/index.jsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -287,8 +322,16 @@ var namespace = "settings.extension-manager";
 var settingsPollIntervalMs = 3e3;
 function apply(ctx) {
   const controller = new ExtensionsController((endpoint, args, signal) => ctx.connection.rpc.call("/extensions", endpoint, args, signal));
+  let catalogTimer;
+  const refreshSlashCatalog = () => {
+    window.clearTimeout(catalogTimer);
+    catalogTimer = window.setTimeout(() => ctx.emit("connection/reset"), 350);
+  };
   ctx.effect(() => ctx.locale.register(namespace, { zh, en }));
-  ctx.effect(() => () => controller.dispose());
+  ctx.effect(() => () => {
+    window.clearTimeout(catalogTimer);
+    controller.dispose();
+  });
   ctx.effect(() => {
     const style = document.createElement("style");
     style.textContent = styles_default;
@@ -299,7 +342,12 @@ function apply(ctx) {
     void controller.request("list");
   });
   const t = ctx.locale.bind(namespace);
-  const face = { hooks: { manager: controller }, request: (endpoint, args, options) => controller.request(endpoint, args, options) };
+  const request = async (endpoint, args, options) => {
+    const ok = await controller.request(endpoint, args, options);
+    if (ok && refreshesSlashCatalog(endpoint, options)) refreshSlashCatalog();
+    return ok;
+  };
+  const face = { hooks: { manager: controller }, request };
   const section = (id, kind) => ctx.slots.inject("settings.section", () => ctx.slots.register({
     name: "settings.section",
     id,
@@ -343,7 +391,7 @@ function SkillSection({ t, useManager, request }) {
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ext-heading-actions", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: busy || !state.revision, onClick: () => setForm("source"), children: t("add") }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: busy || sources.length === 0, onClick: () => setForm("skill"), children: t("newSkill") }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: busy, onClick: () => request("list"), children: t("refresh") })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: busy, onClick: () => request("list", {}, { refreshSlashCatalog: true }), children: t("refresh") })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageState, { state, t }),
@@ -420,42 +468,71 @@ function SkillSection({ t, useManager, request }) {
   ] });
 }
 function SkillSources({ sources, skills, t, busy, request }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", { className: "dsh-ext-card dsh-skill-source-manager", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("summary", { children: [
-      t("skillSources"),
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-ext-count", children: sources.length })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { children: sources.map((source) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-skill-source-title", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `dsh-ext-status ${source.enabled ? "dsh-ext-status-available" : ""}`, "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { children: [
-            source.id,
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-ext-count", children: skills.filter((skill) => skill.sourceId === source.id).length })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: source.location }),
-          source.issue && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: t(`issue_${source.issue}`) })
-        ] })
+  const [editing, setEditing] = (0, import_react.useState)("");
+  const [confirming, setConfirming] = (0, import_react.useState)("");
+  const target = sources.find((source) => source.id === confirming);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", { className: "dsh-ext-card dsh-skill-source-manager", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("summary", { children: [
+        t("skillSources"),
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-ext-count", children: sources.length })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "button",
-        {
-          type: "button",
-          role: "switch",
-          "aria-checked": source.enabled,
-          disabled: busy,
-          onClick: () => request("enable", { id: source.id, enabled: !source.enabled }),
-          children: t(source.enabled ? "disable" : "enable")
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { children: sources.map((source) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-skill-source-title", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `dsh-ext-status ${source.enabled ? "dsh-ext-status-available" : ""}`, "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { children: [
+              source.id,
+              " ",
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-ext-count", children: skills.filter((skill) => skill.sourceId === source.id).length })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: source.location }),
+            source.issue && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: t(`issue_${source.issue}`) })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ext-row-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: busy, onClick: () => setEditing(editing === source.id ? "" : source.id), children: t("edit") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              role: "switch",
+              "aria-checked": source.enabled,
+              disabled: busy,
+              onClick: () => request("enable", { id: source.id, enabled: !source.enabled }, { refreshSlashCatalog: true }),
+              children: t(source.enabled ? "disable" : "enable")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "dsh-ext-danger", type: "button", disabled: busy, onClick: () => setConfirming(source.id), children: t("delete") })
+        ] }),
+        editing === source.id && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SkillSourceForm, { source, t, busy, onCancel: () => setEditing(""), onSave: async (args) => {
+          if (await request("update-skill-source", args)) setEditing("");
+        } })
+      ] }, source.id)) })
+    ] }),
+    target && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ConfirmDialog,
+      {
+        title: t("deleteExtensionTitle"),
+        message: t("deleteExtensionConfirm").replace("{name}", target.id),
+        t,
+        busy,
+        onCancel: () => setConfirming(""),
+        onConfirm: async () => {
+          if (await request("delete-extension", { id: target.id }, { refreshSlashCatalog: true })) {
+            setEditing("");
+            setConfirming("");
+          }
         }
-      )
-    ] }, source.id)) })
+      }
+    )
   ] });
 }
 function McpSection({ t, useManager, request }) {
   const state = useManager((value) => value);
-  const [form, setForm] = (0, import_react.useState)(false);
+  const [form, setForm] = (0, import_react.useState)("");
+  const [confirming, setConfirming] = (0, import_react.useState)("");
   const busy = state.loading || state.saving;
   const rows = state.extensions.filter((row) => row.kind === "mcp");
   useLiveRefresh(request);
@@ -475,7 +552,7 @@ function McpSection({ t, useManager, request }) {
           " ",
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-ext-count", children: rows.length })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: busy || !state.revision, onClick: () => setForm(true), children: t("addMcp") })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: busy || !state.revision, onClick: () => setForm("new"), children: t("addMcp") })
       ] }),
       rows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ext-empty", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: t("emptyMcp") }),
@@ -485,26 +562,49 @@ function McpSection({ t, useManager, request }) {
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ext-details", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: row.id }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: row.location }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(McpRuntime, { row, t })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(McpRuntime, { row, t }),
+          form === row.id && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(McpForm, { row, t, busy, onCancel: () => setForm(""), onSave: async (args) => {
+            if (await request("update-mcp", args)) setForm("");
+          } })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "button",
-          {
-            type: "button",
-            role: "switch",
-            "aria-checked": row.enabled,
-            "aria-label": `${t(row.enabled ? "disable" : "enable")} ${row.id}`,
-            disabled: busy,
-            onClick: () => request("enable", { id: row.id, enabled: !row.enabled }),
-            children: t(row.enabled ? "disable" : "enable")
-          }
-        )
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ext-row-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: busy, onClick: () => setForm(form === row.id ? "" : row.id), children: t("edit") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              role: "switch",
+              "aria-checked": row.enabled,
+              "aria-label": `${t(row.enabled ? "disable" : "enable")} ${row.id}`,
+              disabled: busy,
+              onClick: () => request("enable", { id: row.id, enabled: !row.enabled }),
+              children: t(row.enabled ? "disable" : "enable")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "dsh-ext-danger", type: "button", disabled: busy, onClick: () => setConfirming(row.id), children: t("delete") })
+        ] })
       ] }, row.id)) }),
-      form && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AddForm, { kind: "mcp", t, busy, onCancel: () => setForm(false), onSave: async (args) => {
-        if (await request("add-mcp", args)) setForm(false);
+      form === "new" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(McpForm, { t, busy, onCancel: () => setForm(""), onSave: async (args) => {
+        if (await request("add-mcp", args)) setForm("");
       } })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsh-ext-footnote", children: t("mcpFootnote") })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsh-ext-footnote", children: t("mcpFootnote") }),
+    confirming && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ConfirmDialog,
+      {
+        title: t("deleteMcpTitle"),
+        message: t("deleteMcpConfirm").replace("{name}", confirming),
+        t,
+        busy,
+        onCancel: () => setConfirming(""),
+        onConfirm: async () => {
+          if (await request("delete-extension", { id: confirming })) {
+            setForm("");
+            setConfirming("");
+          }
+        }
+      }
+    )
   ] });
 }
 function useLiveRefresh(request) {
@@ -537,6 +637,8 @@ function skillState(skill) {
   return !skill.valid ? "invalid" : !skill.sourceEnabled || !skill.modelInvocable && !skill.userInvocable ? "disabled" : skill.shadowed ? "shadowed" : !skill.modelInvocable ? "manual" : "available";
 }
 function SkillRow({ skill, source, groups, t, busy, request }) {
+  const [editing, setEditing] = (0, import_react.useState)(false);
+  const [confirming, setConfirming] = (0, import_react.useState)(false);
   const state = skillState(skill);
   const invocation = skill.modelInvocable && skill.userInvocable ? "both" : skill.modelInvocable ? "modelOnly" : skill.userInvocable ? "manualOnly" : "none";
   const statusLabel = !skill.valid ? "skillStatusInvalid" : !skill.sourceEnabled ? "skillStatusSourceDisabled" : skill.shadowed ? "skillStatusShadowed" : "";
@@ -591,8 +693,119 @@ function SkillRow({ skill, source, groups, t, busy, request }) {
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: t("resources") }),
           skill.resources.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "dsh-skill-resources", children: skill.resources.map((path) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: path }) }, path)) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: t("noResources") })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ext-row-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: busy || !skill.valid, onClick: () => setEditing(!editing), children: t("edit") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "dsh-ext-danger", type: "button", disabled: busy || !skill.valid, onClick: () => setConfirming(true), children: t("delete") })
         ] })
       ] })
+    ] }),
+    editing && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SkillEditForm, { skill, t, busy, onCancel: () => setEditing(false), onSave: async (args) => {
+      if (await request("update-skill", args)) setEditing(false);
+    } }),
+    confirming && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ConfirmDialog,
+      {
+        title: t("deleteSkillTitle"),
+        message: t("deleteSkillConfirm").replace("{name}", skill.name),
+        t,
+        busy,
+        onCancel: () => setConfirming(false),
+        onConfirm: async () => {
+          await request("delete-skill", {
+            sourceId: skill.sourceId,
+            relativePath: skill.relativePath,
+            skillRevision: skill.revision
+          });
+        }
+      }
+    )
+  ] }) });
+}
+function ConfirmDialog({ title, message, t, busy, onConfirm, onCancel }) {
+  const dialog = (0, import_react.useRef)(null);
+  const cancel = (0, import_react.useRef)(null);
+  const titleId = (0, import_react.useId)();
+  const messageId = (0, import_react.useId)();
+  (0, import_react.useEffect)(() => {
+    dialog.current.showModal();
+    cancel.current.focus();
+    return () => {
+      if (dialog.current?.open) dialog.current.close();
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "dialog",
+    {
+      ref: dialog,
+      className: "dsh-confirm",
+      "aria-labelledby": titleId,
+      "aria-describedby": messageId,
+      onCancel: (event) => {
+        event.preventDefault();
+        if (!busy) onCancel();
+      },
+      onMouseDown: (event) => {
+        if (event.target === event.currentTarget && !busy) onCancel();
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-confirm-icon", "aria-hidden": "true", children: "!" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-confirm-copy", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { id: titleId, children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id: messageId, children: message })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-confirm-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { ref: cancel, type: "button", disabled: busy, onClick: onCancel, children: t("cancel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "dsh-confirm-delete", type: "button", disabled: busy, onClick: () => void onConfirm(), children: t(busy ? "deleting" : "confirmDelete") })
+        ] })
+      ]
+    }
+  );
+}
+function SkillEditForm({ skill, t, busy, onSave, onCancel }) {
+  const prefix = (0, import_react.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", { className: "dsh-skill-edit-form", onSubmit: (event) => {
+    event.preventDefault();
+    const data = new FormData(event.currentTarget);
+    void onSave({
+      sourceId: skill.sourceId,
+      relativePath: skill.relativePath,
+      skillRevision: skill.revision,
+      description: data.get("description"),
+      whenToUse: data.get("whenToUse"),
+      content: data.get("content"),
+      modelInvocable: data.has("modelInvocable"),
+      userInvocable: data.has("userInvocable")
+    });
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("fieldset", { disabled: busy, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "dsh-ext-span", htmlFor: `${prefix}-description`, children: [
+      t("description"),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { id: `${prefix}-description`, name: "description", rows: 3, required: true, defaultValue: skill.description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "dsh-ext-span", htmlFor: `${prefix}-whenToUse`, children: [
+      t("whenToUse"),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { id: `${prefix}-whenToUse`, name: "whenToUse", rows: 2, defaultValue: skill.whenToUse })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "dsh-ext-span", htmlFor: `${prefix}-content`, children: [
+      t("instructions"),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { id: `${prefix}-content`, name: "content", rows: 10, defaultValue: skill.content })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-skill-create-flags", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("invocation") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", name: "modelInvocable", defaultChecked: skill.modelInvocable }),
+        " ",
+        t("modelInvocable")
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", name: "userInvocable", defaultChecked: skill.userInvocable }),
+        " ",
+        t("userInvocable")
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ext-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: onCancel, children: t("cancel") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "submit", children: t(busy ? "saving" : "saveChanges") })
     ] })
   ] }) });
 }
@@ -697,6 +910,56 @@ function NewSkillForm({ sources, t, busy, onSave, onCancel }) {
     ] })
   ] }) });
 }
+function SkillSourceForm({ source, t, busy, onSave, onCancel }) {
+  const prefix = (0, import_react.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", { className: "dsh-ext-inline-form", onSubmit: (event) => {
+    event.preventDefault();
+    void onSave({ id: source.id, directory: new FormData(event.currentTarget).get("directory") });
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("fieldset", { disabled: busy, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "dsh-ext-span", htmlFor: `${prefix}-directory`, children: [
+      t("directory"),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { id: `${prefix}-directory`, name: "directory", required: true, autoComplete: "off", defaultValue: source.location })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ext-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: onCancel, children: t("cancel") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "submit", children: t(busy ? "saving" : "saveChanges") })
+    ] })
+  ] }) });
+}
+function McpForm({ row, t, busy, onSave, onCancel }) {
+  const prefix = (0, import_react.useId)();
+  const initial = row?.configuration ?? { transport: "stdio", command: "", args: [], cwd: "" };
+  const [transport, setTransport] = (0, import_react.useState)(initial.transport);
+  const field = (name, required = true, multiline = false, value = "") => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { htmlFor: `${prefix}-${name}`, children: [
+    t(name),
+    multiline ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { id: `${prefix}-${name}`, name, rows: 3, defaultValue: value }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { id: `${prefix}-${name}`, name, required, autoComplete: "off", defaultValue: value, ...name === "id" ? { pattern: "[A-Za-z0-9_\\-]{1,32}", maxLength: 32 } : {} })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", { className: row ? "dsh-ext-inline-form" : "dsh-ext-form", onSubmit: (event) => {
+    event.preventDefault();
+    const data = Object.fromEntries(new FormData(event.currentTarget));
+    const configuration = JSON.stringify(transport === "stdio" ? { transport, command: data.command, args: data.args.split(/\r?\n/).filter(Boolean), cwd: data.cwd } : { transport, url: data.url });
+    void onSave({ id: row?.id ?? data.id, configuration });
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("fieldset", { disabled: busy, children: [
+    !row && field("id"),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { htmlFor: `${prefix}-transport`, children: [
+      t("transport"),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", { id: `${prefix}-transport`, value: transport, onChange: (event) => setTransport(event.target.value), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "stdio", children: t("stdio") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "streamable-http", children: t("http") })
+      ] })
+    ] }),
+    transport === "stdio" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      field("command", true, false, initial.command),
+      field("args", false, true, (initial.args ?? []).join("\n")),
+      field("cwd", false, false, initial.cwd)
+    ] }) : field("url", true, false, initial.url),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: t("secret") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ext-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: onCancel, children: t("cancel") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "submit", children: t(busy ? "saving" : row ? "saveChanges" : "save") })
+    ] })
+  ] }) });
+}
 function AddForm({ kind, t, busy, onSave, onCancel }) {
   const prefix = (0, import_react.useId)();
   const [transport, setTransport] = (0, import_react.useState)("stdio");

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@civilization/deepseek-harness-skill-mcp",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Skill path and MCP server management for DeepSeek Harness Web",
   "license": "Apache-2.0",
   "repository": {

package/src/client/controller.js CHANGED Viewed

@@ -1,4 +1,13 @@
 /** One observable per mounted plugin; drafts stay in the settings component. */
+const skillCatalogMutations = new Set([
+  'add-skill', 'update-skill-source', 'create-skill', 'update-skill', 'delete-skill', 'set-skill-invocation',
+])
+/** Keep broad connection cache invalidation away from ordinary page reads and MCP-only writes. */
+export function refreshesSlashCatalog(endpoint, options = {}) {
+  return options.refreshSlashCatalog === true || skillCatalogMutations.has(endpoint)
+}
 export class ExtensionsController {
   state = { extensions: [], sources: [], skills: [], revision: '', loading: false, saving: false, error: '', saved: false }
   listeners = new Set()

package/src/client/index.jsx CHANGED Viewed

@@ -1,6 +1,6 @@
 /** Skill and MCP settings sections registered through the public Slots and Connection services. */
-import { useEffect, useId, useState } from 'react'
-import { ExtensionsController } from './controller.js'
+import { useEffect, useId, useRef, useState } from 'react'
+import { ExtensionsController, refreshesSlashCatalog } from './controller.js'
 import { zh, en } from './locales.js'
 import css from './styles.css'
@@ -10,8 +10,13 @@ const settingsPollIntervalMs = 3000
 export function apply(ctx) {
   const controller = new ExtensionsController((endpoint, args, signal) => ctx.connection.rpc.call('/extensions', endpoint, args, signal))
+  let catalogTimer
+  const refreshSlashCatalog = () => {
+    window.clearTimeout(catalogTimer)
+    catalogTimer = window.setTimeout(() => ctx.emit('connection/reset'), 350)
+  }
   ctx.effect(() => ctx.locale.register(namespace, { zh, en }))
-  ctx.effect(() => () => controller.dispose())
+  ctx.effect(() => () => { window.clearTimeout(catalogTimer); controller.dispose() })
   ctx.effect(() => {
     const style = document.createElement('style')
     style.textContent = css
@@ -20,7 +25,12 @@ export function apply(ctx) {
   })
   ctx.on('connection/reset', () => { void controller.request('list') })
   const t = ctx.locale.bind(namespace)
-  const face = { hooks: { manager: controller }, request: (endpoint, args, options) => controller.request(endpoint, args, options) }
+  const request = async (endpoint, args, options) => {
+    const ok = await controller.request(endpoint, args, options)
+    if (ok && refreshesSlashCatalog(endpoint, options)) refreshSlashCatalog()
+    return ok
+  }
+  const face = { hooks: { manager: controller }, request }
   // The two sections share one controller and managed patch; each kind gets its own settings page.
   const section = (id, kind) => ctx.slots.inject('settings.section', () => ctx.slots.register({
     name: 'settings.section', id, order: kind === 'skill' ? 16 : 17,
@@ -60,7 +70,7 @@ export function SkillSection({ t, useManager, request }) {
     <header className="dsh-ext-heading"><div><h2>{t('navSkill')}</h2><p>{t('skillIntro')}</p></div>
       <div className="dsh-ext-heading-actions"><button type="button" disabled={busy || !state.revision} onClick={() => setForm('source')}>{t('add')}</button>
         <button type="button" disabled={busy || sources.length === 0} onClick={() => setForm('skill')}>{t('newSkill')}</button>
-        <button type="button" disabled={busy} onClick={() => request('list')}>{t('refresh')}</button></div></header>
+        <button type="button" disabled={busy} onClick={() => request('list', {}, { refreshSlashCatalog: true })}>{t('refresh')}</button></div></header>
     <PageState state={state} t={t} />
     <div className="dsh-skill-stats">
       {Object.entries(counts).map(([key, value]) => <div key={key}><strong>{value}</strong><span>{t(`stat_${key}`)}</span></div>)}
@@ -96,18 +106,30 @@ export function SkillSection({ t, useManager, request }) {
 }
 function SkillSources({ sources, skills, t, busy, request }) {
-  return <details className="dsh-ext-card dsh-skill-source-manager"><summary>{t('skillSources')} <span className="dsh-ext-count">{sources.length}</span></summary>
+  const [editing, setEditing] = useState('')
+  const [confirming, setConfirming] = useState('')
+  const target = sources.find(source => source.id === confirming)
+  return <><details className="dsh-ext-card dsh-skill-source-manager"><summary>{t('skillSources')} <span className="dsh-ext-count">{sources.length}</span></summary>
     <ul>{sources.map(source => <li key={source.id}><div className="dsh-skill-source-title"><span className={`dsh-ext-status ${source.enabled ? 'dsh-ext-status-available' : ''}`} aria-hidden="true" />
       <div><strong>{source.id} <span className="dsh-ext-count">{skills.filter(skill => skill.sourceId === source.id).length}</span></strong><code>{source.location}</code>
         {source.issue && <small>{t(`issue_${source.issue}`)}</small>}</div></div>
-      <button type="button" role="switch" aria-checked={source.enabled} disabled={busy}
-        onClick={() => request('enable', { id: source.id, enabled: !source.enabled })}>{t(source.enabled ? 'disable' : 'enable')}</button></li>)}</ul>
-  </details>
+      <div className="dsh-ext-row-actions"><button type="button" disabled={busy} onClick={() => setEditing(editing === source.id ? '' : source.id)}>{t('edit')}</button>
+        <button type="button" role="switch" aria-checked={source.enabled} disabled={busy}
+          onClick={() => request('enable', { id: source.id, enabled: !source.enabled }, { refreshSlashCatalog: true })}>{t(source.enabled ? 'disable' : 'enable')}</button>
+        <button className="dsh-ext-danger" type="button" disabled={busy} onClick={() => setConfirming(source.id)}>{t('delete')}</button></div>
+      {editing === source.id && <SkillSourceForm source={source} t={t} busy={busy} onCancel={() => setEditing('')} onSave={async args => {
+        if (await request('update-skill-source', args)) setEditing('')
+      }} />}</li>)}</ul>
+  </details>{target && <ConfirmDialog title={t('deleteExtensionTitle')} message={t('deleteExtensionConfirm').replace('{name}', target.id)}
+    t={t} busy={busy} onCancel={() => setConfirming('')} onConfirm={async () => {
+      if (await request('delete-extension', { id: target.id }, { refreshSlashCatalog: true })) { setEditing(''); setConfirming('') }
+    }} />}</>
 }
 export function McpSection({ t, useManager, request }) {
   const state = useManager(value => value)
-  const [form, setForm] = useState(false)
+  const [form, setForm] = useState('')
+  const [confirming, setConfirming] = useState('')
   const busy = state.loading || state.saving
   const rows = state.extensions.filter(row => row.kind === 'mcp')
   useLiveRefresh(request)
@@ -117,16 +139,25 @@ export function McpSection({ t, useManager, request }) {
     <PageState state={state} t={t} />
     <section className="dsh-ext-card">
       <header><h3>{t('mcp')} <span className="dsh-ext-count">{rows.length}</span></h3>
-        <button type="button" disabled={busy || !state.revision} onClick={() => setForm(true)}>{t('addMcp')}</button></header>
+        <button type="button" disabled={busy || !state.revision} onClick={() => setForm('new')}>{t('addMcp')}</button></header>
       {rows.length === 0 && <div className="dsh-ext-empty"><strong>{t('emptyMcp')}</strong><p>{t('emptyMcpHint')}</p></div>}
-      <ul>{rows.map(row => <li key={row.id}><div className="dsh-ext-details"><strong>{row.id}</strong><code>{row.location}</code><McpRuntime row={row} t={t} /></div>
-        <button type="button" role="switch" aria-checked={row.enabled} aria-label={`${t(row.enabled ? 'disable' : 'enable')} ${row.id}`} disabled={busy}
-          onClick={() => request('enable', { id: row.id, enabled: !row.enabled })}>{t(row.enabled ? 'disable' : 'enable')}</button></li>)}</ul>
-      {form && <AddForm kind="mcp" t={t} busy={busy} onCancel={() => setForm(false)} onSave={async args => {
-        if (await request('add-mcp', args)) setForm(false)
+      <ul>{rows.map(row => <li key={row.id}><div className="dsh-ext-details"><strong>{row.id}</strong><code>{row.location}</code><McpRuntime row={row} t={t} />
+        {form === row.id && <McpForm row={row} t={t} busy={busy} onCancel={() => setForm('')} onSave={async args => {
+          if (await request('update-mcp', args)) setForm('')
+        }} />}</div>
+        <div className="dsh-ext-row-actions"><button type="button" disabled={busy} onClick={() => setForm(form === row.id ? '' : row.id)}>{t('edit')}</button>
+          <button type="button" role="switch" aria-checked={row.enabled} aria-label={`${t(row.enabled ? 'disable' : 'enable')} ${row.id}`} disabled={busy}
+            onClick={() => request('enable', { id: row.id, enabled: !row.enabled })}>{t(row.enabled ? 'disable' : 'enable')}</button>
+          <button className="dsh-ext-danger" type="button" disabled={busy} onClick={() => setConfirming(row.id)}>{t('delete')}</button></div></li>)}</ul>
+      {form === 'new' && <McpForm t={t} busy={busy} onCancel={() => setForm('')} onSave={async args => {
+        if (await request('add-mcp', args)) setForm('')
       }} />}
     </section>
     <p className="dsh-ext-footnote">{t('mcpFootnote')}</p>
+    {confirming && <ConfirmDialog title={t('deleteMcpTitle')} message={t('deleteMcpConfirm').replace('{name}', confirming)}
+      t={t} busy={busy} onCancel={() => setConfirming('')} onConfirm={async () => {
+        if (await request('delete-extension', { id: confirming })) { setForm(''); setConfirming('') }
+      }} />}
   </section>
 }
@@ -162,6 +193,8 @@ function skillState(skill) {
 }
 function SkillRow({ skill, source, groups, t, busy, request }) {
+  const [editing, setEditing] = useState(false)
+  const [confirming, setConfirming] = useState(false)
   const state = skillState(skill)
   const invocation = skill.modelInvocable && skill.userInvocable ? 'both'
     : skill.modelInvocable ? 'modelOnly' : skill.userInvocable ? 'manualOnly' : 'none'
@@ -187,10 +220,63 @@ function SkillRow({ skill, source, groups, t, busy, request }) {
       <div><strong>{t('resources')}</strong>{skill.resources.length
         ? <ul className="dsh-skill-resources">{skill.resources.map(path => <li key={path}><code>{path}</code></li>)}</ul>
         : <p>{t('noResources')}</p>}</div>
+      <div className="dsh-ext-row-actions"><button type="button" disabled={busy || !skill.valid} onClick={() => setEditing(!editing)}>{t('edit')}</button>
+        <button className="dsh-ext-danger" type="button" disabled={busy || !skill.valid} onClick={() => setConfirming(true)}>{t('delete')}</button></div>
     </div></details>
+    {editing && <SkillEditForm skill={skill} t={t} busy={busy} onCancel={() => setEditing(false)} onSave={async args => {
+      if (await request('update-skill', args)) setEditing(false)
+    }} />}
+    {confirming && <ConfirmDialog title={t('deleteSkillTitle')} message={t('deleteSkillConfirm').replace('{name}', skill.name)}
+      t={t} busy={busy} onCancel={() => setConfirming(false)} onConfirm={async () => {
+        await request('delete-skill', {
+          sourceId: skill.sourceId, relativePath: skill.relativePath, skillRevision: skill.revision,
+        })
+      }} />}
   </div></li>
 }
+function ConfirmDialog({ title, message, t, busy, onConfirm, onCancel }) {
+  const dialog = useRef(null)
+  const cancel = useRef(null)
+  const titleId = useId()
+  const messageId = useId()
+  useEffect(() => {
+    dialog.current.showModal()
+    cancel.current.focus()
+    return () => { if (dialog.current?.open) dialog.current.close() }
+  }, [])
+  return <dialog ref={dialog} className="dsh-confirm" aria-labelledby={titleId} aria-describedby={messageId}
+    onCancel={event => { event.preventDefault(); if (!busy) onCancel() }} onMouseDown={event => {
+      if (event.target === event.currentTarget && !busy) onCancel()
+    }}>
+    <div className="dsh-confirm-icon" aria-hidden="true">!</div>
+    <div className="dsh-confirm-copy"><h3 id={titleId}>{title}</h3><p id={messageId}>{message}</p></div>
+    <div className="dsh-confirm-actions"><button ref={cancel} type="button" disabled={busy} onClick={onCancel}>{t('cancel')}</button>
+      <button className="dsh-confirm-delete" type="button" disabled={busy} onClick={() => void onConfirm()}>{t(busy ? 'deleting' : 'confirmDelete')}</button></div>
+  </dialog>
+}
+function SkillEditForm({ skill, t, busy, onSave, onCancel }) {
+  const prefix = useId()
+  return <form className="dsh-skill-edit-form" onSubmit={event => {
+    event.preventDefault()
+    const data = new FormData(event.currentTarget)
+    void onSave({
+      sourceId: skill.sourceId, relativePath: skill.relativePath, skillRevision: skill.revision,
+      description: data.get('description'), whenToUse: data.get('whenToUse'), content: data.get('content'),
+      modelInvocable: data.has('modelInvocable'), userInvocable: data.has('userInvocable'),
+    })
+  }}><fieldset disabled={busy}>
+    <label className="dsh-ext-span" htmlFor={`${prefix}-description`}>{t('description')}<textarea id={`${prefix}-description`} name="description" rows={3} required defaultValue={skill.description} /></label>
+    <label className="dsh-ext-span" htmlFor={`${prefix}-whenToUse`}>{t('whenToUse')}<textarea id={`${prefix}-whenToUse`} name="whenToUse" rows={2} defaultValue={skill.whenToUse} /></label>
+    <label className="dsh-ext-span" htmlFor={`${prefix}-content`}>{t('instructions')}<textarea id={`${prefix}-content`} name="content" rows={10} defaultValue={skill.content} /></label>
+    <div className="dsh-skill-create-flags"><span>{t('invocation')}</span>
+      <label><input type="checkbox" name="modelInvocable" defaultChecked={skill.modelInvocable} /> {t('modelInvocable')}</label>
+      <label><input type="checkbox" name="userInvocable" defaultChecked={skill.userInvocable} /> {t('userInvocable')}</label></div>
+    <div className="dsh-ext-actions"><button type="button" onClick={onCancel}>{t('cancel')}</button><button type="submit">{t(busy ? 'saving' : 'saveChanges')}</button></div>
+  </fieldset></form>
+}
 function SkillGroupEditor({ skill, groups, t, busy, request }) {
   const currentGroup = skill.group ?? ''
   const [group, setGroup] = useState(currentGroup)
@@ -243,6 +329,40 @@ function NewSkillForm({ sources, t, busy, onSave, onCancel }) {
   </fieldset></form>
 }
+function SkillSourceForm({ source, t, busy, onSave, onCancel }) {
+  const prefix = useId()
+  return <form className="dsh-ext-inline-form" onSubmit={event => {
+    event.preventDefault()
+    void onSave({ id: source.id, directory: new FormData(event.currentTarget).get('directory') })
+  }}><fieldset disabled={busy}><label className="dsh-ext-span" htmlFor={`${prefix}-directory`}>{t('directory')}
+    <input id={`${prefix}-directory`} name="directory" required autoComplete="off" defaultValue={source.location} /></label>
+    <div className="dsh-ext-actions"><button type="button" onClick={onCancel}>{t('cancel')}</button><button type="submit">{t(busy ? 'saving' : 'saveChanges')}</button></div>
+  </fieldset></form>
+}
+function McpForm({ row, t, busy, onSave, onCancel }) {
+  const prefix = useId()
+  const initial = row?.configuration ?? { transport: 'stdio', command: '', args: [], cwd: '' }
+  const [transport, setTransport] = useState(initial.transport)
+  const field = (name, required = true, multiline = false, value = '') => <label htmlFor={`${prefix}-${name}`}>{t(name)}{multiline
+    ? <textarea id={`${prefix}-${name}`} name={name} rows={3} defaultValue={value} />
+    : <input id={`${prefix}-${name}`} name={name} required={required} autoComplete="off" defaultValue={value} {...(name === 'id' ? { pattern: '[A-Za-z0-9_\\-]{1,32}', maxLength: 32 } : {})} />}</label>
+  return <form className={row ? 'dsh-ext-inline-form' : 'dsh-ext-form'} onSubmit={event => {
+    event.preventDefault()
+    const data = Object.fromEntries(new FormData(event.currentTarget))
+    const configuration = JSON.stringify(transport === 'stdio'
+      ? { transport, command: data.command, args: data.args.split(/\r?\n/).filter(Boolean), cwd: data.cwd }
+      : { transport, url: data.url })
+    void onSave({ id: row?.id ?? data.id, configuration })
+  }}><fieldset disabled={busy}>{!row && field('id')}
+    <label htmlFor={`${prefix}-transport`}>{t('transport')}<select id={`${prefix}-transport`} value={transport} onChange={event => setTransport(event.target.value)}>
+      <option value="stdio">{t('stdio')}</option><option value="streamable-http">{t('http')}</option></select></label>
+    {transport === 'stdio' ? <>{field('command', true, false, initial.command)}{field('args', false, true, (initial.args ?? []).join('\n'))}{field('cwd', false, false, initial.cwd)}</> : field('url', true, false, initial.url)}
+    <p>{t('secret')}</p>
+    <div className="dsh-ext-actions"><button type="button" onClick={onCancel}>{t('cancel')}</button><button type="submit">{t(busy ? 'saving' : row ? 'saveChanges' : 'save')}</button></div>
+  </fieldset></form>
+}
 function AddForm({ kind, t, busy, onSave, onCancel }) {
   const prefix = useId()
   const [transport, setTransport] = useState('stdio')

package/src/client/locales.js CHANGED Viewed

@@ -7,7 +7,10 @@ export const zh = {
   emptyMcp: '还没有添加 MCP 服务器', emptyMcpHint: '通过本地命令或 HTTP 地址连接外部工具。',
   id: '标识', directory: 'Skill 路径', transport: '配置类型', stdio: 'stdio', http: 'HTTP',
   command: '命令', args: '参数（每行一个）', cwd: '工作目录（可选）', url: '服务器地址',
-  cancel: '取消', save: '添加', create: '创建', saving: '保存中…', loading: '加载中…',
+  cancel: '取消', save: '添加', saveChanges: '保存修改', create: '创建', edit: '编辑', delete: '删除', confirmDelete: '确认删除', deleting: '删除中…', saving: '保存中…', loading: '加载中…',
+  deleteExtensionTitle: '移除 Skill 来源', deleteMcpTitle: '删除 MCP 服务器', deleteSkillTitle: '永久删除 Skill',
+  deleteExtensionConfirm: '将从当前配置中移除“{name}”，目录中的 Skill 文件会保留。', deleteMcpConfirm: '将删除 MCP 服务器“{name}”及其连接配置。',
+  deleteSkillConfirm: '将永久删除“{name}”及其目录内的资源文件。此操作无法撤销。',
   enabled: '配置已启用', disabled: '已禁用', enable: '启用', disable: '禁用',
   saved: '更改已保存。', failed: '操作失败，请检查输入、连接或服务端日志后重试。',
   conflict: '配置已被修改，请刷新后重试。未提交的表单内容已保留。',
@@ -27,7 +30,7 @@ export const zh = {
   invocation: '调用权限', modelInvocable: '允许模型自动选择', userInvocable: '允许用户通过 /name 调用',
   invocation_both: '自动 + 手动', invocation_modelOnly: '仅模型', invocation_manualOnly: '仅手动', invocation_none: '完全禁用',
   format_bundle: '目录', format_flat: '单文件', skillStatusInvalid: '格式异常', skillStatusSourceDisabled: '来源已禁用', skillStatusShadowed: '被同名覆盖',
-  resources: '资源文件', noResources: '没有附加资源', source: '保存来源', skillName: 'Skill 名称', description: '描述',
+  resources: '资源文件', noResources: '没有附加资源', source: '保存来源', skillName: 'Skill 名称', description: '描述', instructions: 'Skill 指令正文',
   structure: '目录结构', structureMinimal: '仅 SKILL.md', structureStandard: '标准目录（scripts / references / assets）',
   'issue_missing-frontmatter': '缺少 YAML frontmatter', 'issue_invalid-yaml': 'YAML 格式错误',
   'issue_invalid-frontmatter': 'frontmatter 必须是对象', 'issue_invalid-name': 'name 必须使用 kebab-case',
@@ -42,7 +45,10 @@ export const en = {
   emptyMcp: 'No MCP servers yet', emptyMcpHint: 'Connect external tools with a local command or HTTP endpoint.',
   id: 'Identifier', directory: 'Skill path', transport: 'Type', stdio: 'stdio', http: 'HTTP',
   command: 'Command', args: 'Arguments (one per line)', cwd: 'Working directory (optional)', url: 'Server URL',
-  cancel: 'Cancel', save: 'Add', create: 'Create', saving: 'Saving…', loading: 'Loading…',
+  cancel: 'Cancel', save: 'Add', saveChanges: 'Save changes', create: 'Create', edit: 'Edit', delete: 'Delete', confirmDelete: 'Delete', deleting: 'Deleting…', saving: 'Saving…', loading: 'Loading…',
+  deleteExtensionTitle: 'Remove Skill source', deleteMcpTitle: 'Delete MCP server', deleteSkillTitle: 'Permanently delete Skill',
+  deleteExtensionConfirm: 'Remove “{name}” from this configuration. Skill files in the directory will be kept.', deleteMcpConfirm: 'Delete MCP server “{name}” and its connection configuration.',
+  deleteSkillConfirm: 'Permanently delete “{name}” and the resource files in its directory. This cannot be undone.',
   enabled: 'Configured enabled', disabled: 'Disabled', enable: 'Enable', disable: 'Disable',
   saved: 'Changes saved.', failed: 'Operation failed. Check input, connection or server logs and retry.',
   conflict: 'Configuration changed. Refresh and retry; your draft has been retained.',
@@ -62,7 +68,7 @@ export const en = {
   invocation: 'Invocation', modelInvocable: 'Allow model selection', userInvocable: 'Allow user /name invocation',
   invocation_both: 'Model + user', invocation_modelOnly: 'Model only', invocation_manualOnly: 'Manual only', invocation_none: 'Fully disabled',
   format_bundle: 'Bundle', format_flat: 'Flat file', skillStatusInvalid: 'Invalid', skillStatusSourceDisabled: 'Source disabled', skillStatusShadowed: 'Shadowed',
-  resources: 'Resource files', noResources: 'No additional resources', source: 'Source', skillName: 'Skill name', description: 'Description',
+  resources: 'Resource files', noResources: 'No additional resources', source: 'Source', skillName: 'Skill name', description: 'Description', instructions: 'Skill instructions',
   structure: 'Structure', structureMinimal: 'SKILL.md only', structureStandard: 'Standard folders (scripts / references / assets)',
   'issue_missing-frontmatter': 'Missing YAML frontmatter', 'issue_invalid-yaml': 'Invalid YAML',
   'issue_invalid-frontmatter': 'Frontmatter must be an object', 'issue_invalid-name': 'name must use kebab-case',

package/src/client/styles.css CHANGED Viewed

@@ -18,12 +18,15 @@
 .dsh-ext-form{padding:20px;border-top:1px solid var(--dsw-alias-border-l4)}.dsh-ext fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.dsh-ext label{display:flex;flex-direction:column;gap:7px;font-size:13px}
 .dsh-ext input,.dsh-ext select,.dsh-ext textarea{box-sizing:border-box;min-width:0;width:100%;font:inherit;color:inherit;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l4);border-radius:8px;padding:10px}.dsh-ext textarea{resize:vertical}
 .dsh-ext-actions{display:flex;justify-content:flex-end;gap:8px;grid-column:1/-1}.dsh-ext fieldset>p{grid-column:1/-1;margin:0}.dsh-ext-notice{padding:12px 16px;border:1px solid var(--dsw-alias-border-l4);border-radius:10px}.dsh-ext-footnote{padding:0 4px}
+.dsh-ext-row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.dsh-ext .dsh-ext-danger{color:#e98282}.dsh-ext-inline-form{width:100%;padding:14px 0 2px;border:0}.dsh-skill-edit-form{margin-top:12px;padding:14px;border-radius:10px;background:var(--dsw-alias-bg-layer-1)}
+.dsh-confirm{box-sizing:border-box;width:min(430px,calc(100vw - 32px));padding:22px;border:1px solid var(--dsw-alias-border-l4);border-radius:16px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);box-shadow:0 20px 60px rgba(0,0,0,.28);font:inherit}.dsh-confirm::backdrop{background:rgba(10,12,16,.48);backdrop-filter:blur(3px)}
+.dsh-confirm-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:16px;border-radius:10px;background:color-mix(in srgb,#e05252 14%,transparent);color:#e98282;font-size:19px;font-weight:700}.dsh-confirm-copy h3{margin:0;font-size:16px}.dsh-confirm-copy p{margin:8px 0 0;color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.65}.dsh-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.dsh-confirm button{font:inherit;font-size:13px;cursor:pointer;border:1px solid var(--dsw-alias-border-l4);border-radius:9px;background:var(--dsw-alias-bg-layer-2);color:inherit;padding:8px 14px}.dsh-confirm button:hover{background:var(--dsw-alias-bg-layer-3)}.dsh-confirm button:disabled{opacity:.5;cursor:default}.dsh-confirm button:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:3px}.dsh-confirm .dsh-confirm-delete{border-color:color-mix(in srgb,#e05252 45%,var(--dsw-alias-border-l4));background:#b83232;color:#fff}.dsh-confirm .dsh-confirm-delete:hover{background:#c63b3b}
 .dsh-ext-heading-actions{display:flex;gap:8px;align-items:center}.dsh-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .dsh-skill-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.dsh-skill-stats>div{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--dsw-alias-border-l4);border-radius:12px;background:var(--dsw-alias-bg-layer-2)}.dsh-skill-stats strong{font-size:20px}.dsh-skill-stats span{font-size:12px;color:var(--dsw-alias-label-tertiary)}
 .dsh-skill-search{margin-top:14px}.dsh-skill-search input{padding-left:13px}.dsh-skill-manager>.dsh-ext-form{margin-top:14px;border:1px solid var(--dsw-alias-border-l4);border-radius:14px;background:var(--dsw-alias-bg-layer-2)}
 .dsh-skill-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.dsh-skill-filters label{gap:5px;font-size:11px;color:var(--dsw-alias-label-tertiary)}.dsh-skill-filters select{padding:8px 10px;color:var(--dsw-alias-label-primary)}
 .dsh-skill-source-manager{margin-top:14px}.dsh-skill-source-manager>summary{cursor:pointer;padding:14px 18px;font-size:14px;font-weight:600;user-select:none}.dsh-skill-source-manager[open]>summary{border-bottom:1px solid var(--dsw-alias-border-l4)}
-.dsh-skill-source-manager li{padding:11px 18px}.dsh-skill-source-title{display:flex;align-items:flex-start;gap:11px;min-width:0}.dsh-skill-source-title>.dsh-ext-status{margin-top:6px;flex:0 0 auto}.dsh-skill-source-title>div{display:flex;min-width:0;flex-direction:column;gap:3px}.dsh-skill-source-title code{font-size:11px;color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere}.dsh-skill-source-title small{font-size:11px;color:#e98282}
+.dsh-skill-source-manager li{padding:11px 18px;flex-wrap:wrap}.dsh-skill-source-title{display:flex;align-items:flex-start;gap:11px;min-width:0}.dsh-skill-source-title>.dsh-ext-status{margin-top:6px;flex:0 0 auto}.dsh-skill-source-title>div{display:flex;min-width:0;flex-direction:column;gap:3px}.dsh-skill-source-title code{font-size:11px;color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere}.dsh-skill-source-title small{font-size:11px;color:#e98282}
 .dsh-skill-library{margin-top:14px}.dsh-skill-group-editor{display:flex;align-items:flex-end;gap:8px}.dsh-skill-group-editor label{flex:1}.dsh-skill-group-editor input{padding:7px 9px}.dsh-skill-group-editor button{padding:7px 10px}
 .dsh-skill-row{display:block!important;padding:15px 18px!important}.dsh-skill-row-main{min-width:0}.dsh-skill-name{display:flex;align-items:center;gap:9px}.dsh-skill-name strong{font-size:14px}.dsh-skill-row-main>p{margin:6px 0 3px}.dsh-skill-row-main>code{font-size:11px;color:var(--dsw-alias-label-tertiary)}
 .dsh-skill-badge{font-size:11px;padding:2px 7px;border-radius:999px;background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-secondary)}.dsh-skill-badge-group{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb,var(--dsw-alias-brand-primary) 12%,transparent)}.dsh-skill-badge-invalid{color:#e98282}.dsh-skill-badge-shadowed{color:#a98af8}.dsh-ext-status-invalid{background:#e05252;box-shadow:0 0 0 3px color-mix(in srgb,#e05252 18%,transparent)}.dsh-ext-status-shadowed{background:#8b5cf6;box-shadow:0 0 0 3px color-mix(in srgb,#8b5cf6 18%,transparent)}.dsh-ext-status-manual{background:#d69e2e;box-shadow:0 0 0 3px color-mix(in srgb,#d69e2e 18%,transparent)}

package/src/index.js CHANGED Viewed

@@ -45,6 +45,19 @@ export async function apply(ctx, config) {
   register('extensions_set_enabled', 'Enable or disable a managed extension. Enabling MCP authorizes its configured executable or endpoint to run when the profile reloads. Live profiles reload automatically; startup profiles require restart.', {
     id: string, enabled: { type: 'boolean', required: true },
   }, (args, exec) => store.setEnabled(args.id, args.enabled, exec.signal))
+  register('extensions_update_skill', 'Change the absolute directory of a managed Skill source while preserving its id and enabled state.', {
+    id: string, directory: string,
+  }, (args, exec) => store.updateSkillSource(args.id, args.directory, exec.signal))
+  register('extensions_update_mcp', 'Replace a managed MCP server configuration while preserving its id and enabled state. configuration is JSON; do not supply secrets.', {
+    id: string, configuration: string,
+  }, (args, exec) => {
+    const input = JSON.parse(args.configuration)
+    if (!input || typeof input !== 'object' || Array.isArray(input)) throw new Error('configuration must be a JSON object.')
+    return store.updateMcp(args.id, input, exec.signal)
+  })
+  register('extensions_remove', 'Remove one managed Skill source or MCP configuration. Removing a Skill source does not delete its files.', {
+    id: string,
+  }, (args, exec) => store.remove(args.id, exec.signal))
   register('extensions_inspect', 'Inspect actual Skill catalog and visible MCP tool names for the caller. Zero tools does not establish connection failure. Does not start a separate connection probe.', {
     cwd: string,
   }, async (args, exec) => ({

package/src/skills.js CHANGED Viewed

@@ -87,6 +87,7 @@ async function inspectSkill(source, path, format) {
       modelInvocable: parsed.modelInvocable,
       userInvocable: parsed.userInvocable,
       group: parsed.group,
+      content: parsed.body,
       valid: parsed.issues.length === 0,
       issues: parsed.issues,
       resources,
@@ -98,7 +99,7 @@ async function inspectSkill(source, path, format) {
     return {
       sourceId: source.id, sourceEnabled: source.enabled, relativePath, format,
       name: basename(path, extname(path)), description: '', whenToUse: '',
-      modelInvocable: false, userInvocable: false, group: '', valid: false, issues: [issue], resources: [], revision: '',
+      modelInvocable: false, userInvocable: false, group: '', content: '', valid: false, issues: [issue], resources: [], revision: '',
     }
   }
 }
@@ -166,7 +167,7 @@ export async function createSkill(rows, input) {
   }
 }
-async function updateSkillFrontmatter(rows, input, update) {
+async function updateSkillFrontmatter(rows, input, update, body) {
   const root = skillSource(rows, input.sourceId)
   const inventory = await inspectSkills(rows)
   const skill = inventory.skills.find(item => item.sourceId === input.sourceId && item.relativePath === input.relativePath)
@@ -180,7 +181,7 @@ async function updateSkillFrontmatter(rows, input, update) {
   const parsed = parseFrontmatter(content)
   update(parsed.data)
   const temporary = join(dirname(path), `.${basename(path)}.${randomUUID()}.tmp`)
-  await writeFile(temporary, `---\n${stringify(parsed.data)}---\n${parsed.body}`)
+  await writeFile(temporary, `---\n${stringify(parsed.data)}---\n${body === undefined ? parsed.body : body}`)
   await rename(temporary, path)
 }
@@ -208,3 +209,33 @@ export async function setSkillGroup(rows, input) {
     else delete data.metadata
   })
 }
+/** Update the editable frontmatter and instruction body of one Skill. */
+export async function updateSkill(rows, input) {
+  if (!input.description.trim()) throw new Error('Skill description is required.')
+  await updateSkillFrontmatter(rows, input, data => {
+    data.description = input.description.trim()
+    if (input.whenToUse.trim()) data.whenToUse = input.whenToUse.trim()
+    else delete data.whenToUse
+    if (input.modelInvocable) delete data['disable-model-invocation']
+    else data['disable-model-invocation'] = true
+    if (input.userInvocable) delete data['user-invocable']
+    else data['user-invocable'] = false
+  }, input.content)
+}
+/** Delete one exact inspected Skill; bundle deletion removes its complete directory. */
+export async function deleteSkill(rows, input) {
+  const root = skillSource(rows, input.sourceId)
+  const inventory = await inspectSkills(rows)
+  const skill = inventory.skills.find(item => item.sourceId === input.sourceId && item.relativePath === input.relativePath)
+  if (!skill?.valid) throw new Error('Unknown or invalid Skill.')
+  const path = resolve(root, input.relativePath)
+  const child = relative(resolve(root), path)
+  if (!child || child.startsWith('..') || resolve(root, child) !== path) throw new Error('Skill path escapes its source.')
+  const content = await readFile(path, 'utf8')
+  if (createHash('sha256').update(content).digest('hex') !== input.skillRevision) {
+    throw Object.assign(new Error('Skill changed. Refresh before deleting.'), { code: 'CONFLICT' })
+  }
+  await rm(skill.format === 'bundle' ? dirname(path) : path, { recursive: skill.format === 'bundle' })
+}

package/src/store.js CHANGED Viewed

@@ -182,6 +182,11 @@ export class ExtensionStore {
   async addMcp(id, input, signal, expectedRevision) {
     validateId(id)
+    const config = this.normalizeMcp(id, input)
+    return this.add({ id, name: moduleNames.mcp, disabled: true, config }, signal, expectedRevision)
+  }
+  normalizeMcp(id, input) {
     // Authentication values belong in the host credential setup, not tool arguments or logs.
     if (input.env || input.headers) throw new Error('This version does not accept environment values or authentication headers.')
     const normalized = input.transport === 'stdio' ? {
@@ -194,7 +199,7 @@ export class ExtensionStore {
       const url = new URL(config.url)
       if (!['http:', 'https:'].includes(url.protocol) || url.username || url.password || url.search || url.hash) throw new Error('Use an HTTP(S) endpoint without credentials, query or fragment.')
     } else if (!config.command.trim()) throw new Error('MCP command cannot be empty.')
-    return this.add({ id, name: moduleNames.mcp, disabled: true, config }, signal, expectedRevision)
+    return config
   }
   async add(row, signal, expectedRevision) {
@@ -211,4 +216,34 @@ export class ExtensionStore {
       row.disabled = !enabled
     }, signal, expectedRevision)
   }
+  async updateSkillSource(id, directory, signal, expectedRevision) {
+    const normalizedDirectory = normalizeWindowsPath(directory)
+    if (!isAbsolute(normalizedDirectory) || !(await stat(normalizedDirectory)).isDirectory()) throw new Error('Skill root must be an existing absolute directory containing skill bundles.')
+    return this.update(rows => {
+      const row = rows.find(row => row.id === id && !row.config.serverName)
+      if (!row) throw new Error('Unknown Skill source.')
+      if (rows.some(other => other !== row && !other.config.serverName && samePath(other.config.customSkillDirs[0], normalizedDirectory))) {
+        throw new Error('Skill path already exists.')
+      }
+      row.config.customSkillDirs = [normalizedDirectory]
+    }, signal, expectedRevision)
+  }
+  async updateMcp(id, input, signal, expectedRevision) {
+    const config = this.normalizeMcp(id, input)
+    return this.update(rows => {
+      const row = rows.find(row => row.id === id && row.config.serverName)
+      if (!row) throw new Error('Unknown MCP server.')
+      row.config = config
+    }, signal, expectedRevision)
+  }
+  async remove(id, signal, expectedRevision) {
+    return this.update(rows => {
+      const index = rows.findIndex(row => row.id === id)
+      if (index < 0) throw new Error('Unknown extension id.')
+      rows.splice(index, 1)
+    }, signal, expectedRevision)
+  }
 }

package/src/web.js CHANGED Viewed

@@ -1,13 +1,16 @@
 /** Authenticated Connection channel for the independent extension settings page. */
 import Schema from '@deepseek-ai/schemastery'
 import { revisionOf } from './store.js'
-import { createSkill, inspectSkills, setSkillGroup, setSkillInvocation } from './skills.js'
+import { createSkill, deleteSkill, inspectSkills, setSkillGroup, setSkillInvocation, updateSkill } from './skills.js'
 const text = Schema.string().required()
 const schemas = {
   list: Schema.object({}),
   'add-skill': Schema.object({ directory: text, revision: text }),
   'add-mcp': Schema.object({ id: text, configuration: text, revision: text }),
+  'update-skill-source': Schema.object({ id: text, directory: text, revision: text }),
+  'update-mcp': Schema.object({ id: text, configuration: text, revision: text }),
+  'delete-extension': Schema.object({ id: text, revision: text }),
   enable: Schema.object({ id: text, enabled: Schema.boolean().required(), revision: text }),
   'set-skill-group': Schema.object({ sourceId: text, relativePath: text, skillRevision: text, group: Schema.string().required(), revision: text }),
   'create-skill': Schema.object({
@@ -19,6 +22,12 @@ const schemas = {
     sourceId: text, relativePath: text, skillRevision: text,
     modelInvocable: Schema.boolean().required(), userInvocable: Schema.boolean().required(), revision: text,
   }),
+  'update-skill': Schema.object({
+    sourceId: text, relativePath: text, skillRevision: text, description: text,
+    whenToUse: Schema.string().required(), content: Schema.string().required(),
+    modelInvocable: Schema.boolean().required(), userInvocable: Schema.boolean().required(), revision: text,
+  }),
+  'delete-skill': Schema.object({ sourceId: text, relativePath: text, skillRevision: text, revision: text }),
 }
 /** Return redacted configuration and observed global tool availability. */
@@ -37,6 +46,9 @@ export async function describeExtensions(store, ctx) {
         : row.config.transport === 'streamable-http' ? new URL(row.config.url).origin
           : row.config.customSkillDirs[0],
       transport: row.config.transport ?? '',
+      configuration: row.config.serverName ? (row.config.transport === 'stdio'
+        ? { transport: row.config.transport, command: row.config.command, args: row.config.args ?? [], cwd: row.config.cwd ?? '' }
+        : { transport: row.config.transport, url: row.config.url }) : undefined,
       tools: row.config.serverName
         ? toolNames.filter(name => name.startsWith(`mcp__${row.id}__`)).sort() : [],
     })),
@@ -56,15 +68,24 @@ export function createWebHandler(store, ctx) {
         if (!input || typeof input !== 'object' || Array.isArray(input)) throw new Error('Expected an MCP configuration object.')
         await store.addMcp(args.id, input, signal, args.revision)
       }
+      if (endpoint === 'update-skill-source') await store.updateSkillSource(args.id, args.directory, signal, args.revision)
+      if (endpoint === 'update-mcp') {
+        const input = JSON.parse(args.configuration)
+        if (!input || typeof input !== 'object' || Array.isArray(input)) throw new Error('Expected an MCP configuration object.')
+        await store.updateMcp(args.id, input, signal, args.revision)
+      }
+      if (endpoint === 'delete-extension') await store.remove(args.id, signal, args.revision)
       if (endpoint === 'enable') await store.setEnabled(args.id, args.enabled, signal, args.revision)
-      if (endpoint === 'create-skill' || endpoint === 'set-skill-invocation' || endpoint === 'set-skill-group') {
+      if (['create-skill', 'set-skill-invocation', 'set-skill-group', 'update-skill', 'delete-skill'].includes(endpoint)) {
         const rows = await store.read()
         if (revisionOf(rows) !== args.revision) {
           throw Object.assign(new Error('Configuration changed. Refresh before saving.'), { code: 'CONFLICT' })
         }
         if (endpoint === 'create-skill') await createSkill(rows, args)
         else if (endpoint === 'set-skill-invocation') await setSkillInvocation(rows, args)
-        else await setSkillGroup(rows, args)
+        else if (endpoint === 'set-skill-group') await setSkillGroup(rows, args)
+        else if (endpoint === 'update-skill') await updateSkill(rows, args)
+        else await deleteSkill(rows, args)
       }
       return { ok: true, value: await describeExtensions(store, ctx) }
     } catch (error) {