@godv61/dsh-task-engine 0.22.4 → 0.22.6

package/.p0-test.mjs

@@ -708,4 +708,19 @@ function memProbe(files) {
   assert(ctl.checkedPath('D:/proj/one') === 'D:/proj/one', 'strict mode still admits registered workspaces')
 }
 
+// ── 36. 0.22.5: directory-bundle skill install Remote ──────────────────────
+{
+  const controller = readFileSync('./lib/controller.js', 'utf8')
+  assert(controller.includes('installSkill'), 'installSkill Remote is registered')
+  assert(controller.includes('源目录必须是绝对路径'), 'install rejects a non-absolute source directory')
+  assert(controller.includes('SKILL.md'), 'install requires SKILL.md in the source directory')
+  assert(controller.includes('node_modules'), 'install skips dependency caches')
+  assert(controller.includes('内置技能，不可覆盖'), 'install refuses to shadow a bundled skill')
+}
+{
+  const client = readFileSync('./lib/client.js', 'utf8')
+  assert(client.includes('installSkill'), 'client declares the installSkill Remote contract')
+  assert(client.includes('sourceDir'), 'client schema carries the source directory')
+}
+
 console.log(`\nP0 acceptance: ${passed} checks passed`)

package/README.md

@@ -56,6 +56,20 @@ dsh plugin --profile <name> add github:<你的org>/dsh-task-engine
 dsh plugin --profile <name> add .
 ```
 
+### host 集成 API（0.22.4，供 harness 层接入）
+
+`./agent`（工具面）无需额外集成；工作台 Remote 的 workspace 边界可由宿主收紧：
+
+```ts
+import { registerWorkspace, enableStrictWorkspaces } from '@godv61/dsh-task-engine'
+// 每个会话工作区挂载时注册（未注册的路径被 Remote 拒绝）：
+registerWorkspace('/absolute/workspace/path')
+// 生产模式：空 registry 不再回退放行（不调用则保持兼容的防误用校验）：
+enableStrictWorkspaces()
+```
+
+根治性的 Typert 调用上下文（Remote 携带 session/workspace）与任务状态的 host 侧 HMAC 签名仍在 harness 层，本包已预留接入点并在「门禁边界」说明三层分工。
+
 ## 启用（点选即用）
 
 装完 bundle、重启 web，预设列表里会**自动多出一个「工程化开发引擎」**——host 半在首次启动时把它对齐当前 `standard` 生成（换好工程人设 + 加好 agent 行），落在 `~/.dsh/.agent-presets/eng/`。
@@ -158,7 +172,7 @@ dsh plugin --profile <name> add .
 
 ## 状态与待办
 
-- **脚本级已验证**：strict `tsc` typecheck/build 零错误；`dsh plugin add` 装进独立实例、`--dump-config` 确认 `task-engine` 进组合树；`validateWorkflow`（配置校验）、`artifacts_present`（产物门）、`file_scope`（文件范围门）、`hooks/commit-msg`（机械门禁）单测/冒烟全过——非法配置逐条报错、产物没填全挡流转、范围外文件挡提交、钩子该放放该拦拦。
+- **当前验证基线（0.22.4）**：`npm test` 123 项验收全过（引擎状态机 / 守卫 / 快照 hash / 回执门 / 并发 CAS / Remote 路径 / 沙箱策略断言）；`npm run typecheck` host + client 双面零错误；`npm run verify:package` 发布包黑盒 16 项（pack → 白名单 → 真实安装 → 主入口 import → client 注册 → 包内测试 → CLI）；真实 git 临时仓库 e2e（合法放行 / 阶段·范围·快照篡改·敏感路径拦截）；headless Chrome 实测侧栏入口与设置按钮逐像素对齐。发布前必跑 `npm test` + `npm run verify:package`。
 - **真实模型端到端（0.4.1）**：headless + NewAPI DeepSeek 下让真模型走 `dev_task` 全流程，抓到并修掉一个真实 bug——`readText`/`writeText` 调 `fs.resolve()` 漏了 `await`，把 `Promise<FsTarget>` 当 `target` 传给了读写方法，导致 create/record/advance/commit 全部写不了任务文件、读永远返回 undefined。0.4.1 修复（`await fs.resolve(relPath)`），并把 `task_id` 在 create 也必填的说明补进工具 schema 与技能。修复后走真实 `ctx.fs` 路径冒烟全绿。
 - **网页图形化配置界面（0.5.0）**：新增 `src/client/` 设置页「工程流程配置」+ Host 端 `task-engine` Remote 控制器；`@godv61/dsh-task-engine` 升级为双端包（`dsh.client` manifest + `./client` 出品，`exports` 暴露）。已实机验证：`dsh web` 起服务后 boot 数据里 `@godv61/dsh-task-engine` 以 `inject:["@deepseek-ai/dsh-api-gateway"]` 进入 application batch、`/plugins/…/client.js` 正常服务；headless 冒烟确认 boot + `dev_task` 未被新控制器破坏。浏览器点击级 e2e 留到发布后用真浏览器收尾。
 - **skill/rule 挂载与渐进披露（0.6.0）**：`WorkflowConfig` 新增 `stage_bindings`（每阶段挂 skills/rules，可选字段），`dev_task` 的 `status`/`advance` 按当前阶段披露挂载的 skill 名 + rule 正文；内置 6 技能 + 3 规则库；Host 控制器新增 `listSkills`/`listRules`/`writeSkill`/`writeRule`；设置页新增「节点挂载」和「新建 skill / rule」两块，同时补上 `dev_task` 缺失的 `items` 操作（更新实施项状态）。引擎层 `stage_bindings` 校验（未知阶段/空名）与合并已单测通过。
@@ -187,4 +201,6 @@ dsh plugin --profile <name> add .
 - **沙箱写入修复（0.22.1）**：`dev_task` 的文件写入此前没有携带按调用传递的沙箱策略（`writeText` 的 `sandboxPolicy` 参数），在 DSH 文件沙箱下会把 workspace 内的任务记录写入误判为越界而拒绝（`file access denied under workspace-write mode`，且会话策略变化无法影响它）；现在每次写入显式携带 `{ mode, workspaceRoot: 会话目录 }`，并新增 `sandbox_permissions` 参数（`workspace-write` / `danger-full-access`）作为被拒后的一次性升级路径。
 - **质量修补（0.22.2，采纳 codex 评审五项）**：① client typecheck 修复——`project.ts` 不再依赖 `node:path`，浏览器面可完整类型检查；② sandbox 升级补审批——`sandbox_permissions` 必须与 `justification` 成对出现，`danger-full-access` 需人工一次批准，无审批服务即拒绝；③ Remote 任意路径设防——工作台 Remote 拒绝非绝对路径与系统级根目录；④ `set_risk` 升到 `high_risk` 时受流程能力门约束（`minimal`/`agile` 拒绝，不再绕过 `create` 的检查）；⑤ `loadTask` 补齐旧记录缺失字段（items / verification / review / commits），损坏记录 fail-closed 而非引擎裸崩。
 - **可信边界加固（0.22.3，采纳 GPT 评审）**：① 验证命令统一在任务记录的项目根运行（monorepo 子目录不再跑错目录），receipt.root 与任务根强校验；② 旧任务（无 frozen 快照）禁止升 `high_risk`——迁移或重建后才可；③ `init apply` 强制 `expected_hash`，新增 `existing_hash` 防审批期间文件被换（TOCTOU）；④ 任务记录新增 `revision`，每次写入 compare-and-swap，并发覆盖直接报错（`changed concurrently`）；⑤ 工作台 Remote 增加 host workspace registry（`registerWorkspace` 供 harness 集成，注册后未授权路径一律拒绝）；⑥ sandbox 升级审批展示 workspace；⑦ 文档明确 hook（本地反馈）/ host（工具流约束）/ CI（最终可信门禁）三层职责边界。
-- **并发与发布闭环（0.22.4，采纳 REVIEW-0.22.3）**：① `init apply` 在目标文件存在时**强制** `existing_hash`（不再可选），propose→apply 之间文件被篡改直接 fail-closed；② 任务写入升级为真正的原子 CAS——逻辑 `revision` 检查 + dsh-fs 的 `lstat` 版本号 `replaceIfVersion` write intent，并发写入报 `FS_STALE_VERSION` 而非静默覆盖；③ workspace registry 增加 `enableStrictWorkspaces()` 生产模式（空 registry 不再回退放行）；④ `exports["./client"]` 补 `types` 条件（`lib/client.d.ts` 随构建生成）；⑤ 新增 `npm run verify:package` 发布包黑盒验证（pack → 白名单一致性 → 真实安装 → 主入口 import → client 注册 → 包内 121 checks → CLI 语法）。REVIEW 指出的 Typert invocation context、host 可信状态签名、CI 最终门禁仍属 harness 层，集成点已在文档标注。
+- **并发与发布闭环（0.22.4，采纳 REVIEW-0.22.3）**：① `init apply` 在目标文件存在时**强制** `existing_hash`（不再可选），propose→apply 之间文件被篡改直接 fail-closed；② 任务写入升级为真正的原子 CAS——逻辑 `revision` 检查 + dsh-fs 的 `lstat` 版本号 `replaceIfVersion` write intent，并发写入报 `FS_STALE_VERSION` 而非静默覆盖；③ workspace registry 增加 `enableStrictWorkspaces()` 生产模式（空 registry 不再回退放行）；④ `exports["./client"]` 补 `types` 条件（`lib/client.d.ts` 随构建生成）；⑤ 新增 `npm run verify:package` 发布包黑盒验证（pack → 白名单一致性 → 真实安装 → 主入口 import → client 注册 → 包内 123 checks → CLI 语法）；⑥ 工作台 UI 优化——侧栏「工程流程」入口与设置按钮逐像素对齐（实测对齐 36 圆形 rail / 42 高 12 圆角展开行）、流程预设改卡片式选择器、工作台 header 品牌化、初始化预览容器化。REVIEW 指出的 Typert invocation context、host 可信状态签名、CI 最终门禁仍属 harness 层，集成点已在文档标注。
+- **目录型 skill 安装（0.22.5）**：工作台「技能」页新增「安装 skill」——把本机已有的目录型 skill（`SKILL.md` + references / scripts / agents 等文件）一键装到<b>项目级</b>（工作区 `.dsh/skills`，团队共享）或<b>用户级</b>（`$DSH_HOME/skills`，个人所有项目可用）；安装校验 SKILL.md frontmatter、拒绝覆盖内置同名、拒绝覆盖已装同名、自动排除 node_modules / .git / `__pycache__` 等缓存目录并限制 200 文件 / 20 MB；实机验证 `software-testing` 目录型 skill 从 UI 安装完整落盘（含 references + scripts）。
+- **文案收尾（0.22.6）**：「安装 skill」输入框 placeholder 去掉示例绝对路径，改为通用提示「本机 skill 目录，需含 SKILL.md」。

package/docs/manual.html

@@ -198,7 +198,7 @@ pnpm install &amp;&amp; pnpm run build &amp;&amp; pnpm dsh web</code></pre>
           <li><strong>选流程预设</strong>：standard / agile / minimal 点一下即切。</li>
           <li><strong>给节点挂 skill / rule</strong>：先选一个节点（如「开发」），再勾选它用什么 skill、守哪条 rule，保存。</li>
         </ol>
-        <p>「技能」「规则」页支持新建 / 查看 / 编辑 / 删除：内置资源只读（正文以 markdown 富文本渲染）；项目级 / 用户级资源可编辑、可删除（两步确认）。</p>
+        <p>「技能」页支持新建 / <b>安装</b> / 查看 / 编辑 / 删除：内置资源只读（正文以 markdown 富文本渲染）；项目级 / 用户级资源可编辑、可删除（两步确认）。「安装 skill」把本机已有的<b>目录型 skill</b>（含 <code>SKILL.md</code>，可带 references / scripts 等文件）一键装到项目级（工作区 <code>.dsh/skills</code>，团队共享）或用户级（<code>$DSH_HOME/skills</code>，个人所有项目可用）；自动排除 node_modules / <code>.git</code> / <code>__pycache__</code> 等缓存，同名内置或已装技能拒绝覆盖。</p>
         <pre><code>// .dsh/eng.json 等价内容
 {
   "flow": "standard",
@@ -309,6 +309,7 @@ pnpm install &amp;&amp; pnpm run build &amp;&amp; pnpm dsh web</code></pre>
           <li>无法联调外部系统时必须如实写「未联调」，不能把编译成功说成功能通过。</li>
           <li><code>high_risk</code> 任务过验证门必须跑真实命令回执（引擎运行命令、取退出码，非自报通过）。</li>
           <li><code>verify</code> 不带 <code>command</code> 时引擎自动选命令：<code>.dsh/eng.json</code> 的 <code>verify_command</code> 优先，其次按项目语言用默认（node → <code>npm test</code>、java → <code>mvn -q test</code>、python → <code>python -m pytest</code>、go → <code>go test ./...</code>、rust → <code>cargo test</code>）；识别不出语言且未配置时保留自报路径。跑命令依赖宿主 shell 服务，未挂载会明确报错。</li>
+          <li><b>验证命令始终在任务记录的项目根运行</b>（任务创建时自动发现并固化 <code>root</code>），不是会话当前目录——monorepo 里会话停在子目录时，<code>npm test</code> 等也会在放清单文件的项目根执行；回执记录的 <code>root</code> 与任务根强校验，不一致直接拒绝。</li>
         </ul>
         <h3>评审</h3>
         <p>开发阶段每项做「规格 + 质量」两阶段评审，都 pass 才标 done；缺评审或任一阶段 fail 会挡住「开发 → 交付」。</p>
@@ -370,8 +371,11 @@ risk_level: high_risk   // 涉及鉴权，验证要加证据
         <details><summary>任务文档要不要提交？</summary><div>要。<code>.dsh/task-*.json</code> 是团队共享、跨会话恢复的任务事实，随分支提交——引擎已豁免 <code>.dsh/task-*.json</code> 与 <code>.dsh/eng.json</code>，不受文件范围门拦截；忽略它别人只能看到代码，看不到确认内容和进度。</div></details>
         <details><summary>一个会话能同时做两个需求吗？</summary><div>一个任务对应一份状态文档、一个分支。新需求保存当前进度后切新分支，切回原分支即可恢复。</div></details>
         <details><summary>提交被拒是怎么回事？</summary><div>通常是四类：没建 dev_task 任务、阶段没到提交检查点、消息格式不符、提交文件不在任务范围内。按拒绝原因修正即可。</div></details>
+        <details><summary>git 钩子能防住所有绕过吗？</summary><div>不能，这是它的定位：<code>.git/hooks/commit-msg</code> 是<b>本地即时反馈</b>，拦常规 <code>git commit</code>（校验任务、阶段、范围、消息、快照 hash、敏感路径），但挡不住 <code>git commit --no-verify</code>、<code>core.hooksPath</code> 替换或直接手改 task 记录。<b>最终可信门禁在 CI</b>：CI 里重新校验 task id、快照 hash、staged 范围、提交消息、真实验证退出码、高风险回执，并检测钩子是否被绕过。三层分工：钩子 = 本地反馈，host 工具流 = 正常路径强约束，CI = 最终验证。</div></details>
+        <details><summary>任务记录被手改会怎样？</summary><div>引擎会拒绝：任务创建时把流程配置固化成 SHA-256 快照，工具和钩子每次读任务记录都校验——<b>被改过的快照一律拒绝继续</b>（提示修复或重建任务）。另外每次写入带 <code>revision</code> 版本号做 compare-and-swap，多个会话同时改同一任务会报「changed concurrently」而不是静默互相覆盖。</div></details>
+        <details><summary>dev_task 写文件被沙箱拒绝（file access denied）怎么办？</summary><div>沙箱按调用策略放行写入，偶发的越界误判可用一次性升级重试：同一操作加 <code>sandbox_permissions: "workspace-write"（或 "danger-full-access"）</code> 并配 <code>justification</code>（一句话说明原因），升级需要<b>人工批准</b>；无审批服务时直接拒绝。日常任务记录写入默认已在会话工作区内放行，通常无需升级。</div></details>
         <details><summary>「完成」等于上线了吗？</summary><div>不等于。<code>done</code> 只表示本地验证与必要评审通过；上线、合并、发布需人另行决定。</div></details>
-        <p class="stamp">当前结构基线：三套流程预设 · 工作台项目初始化（0.19.0）· 通用项目适配（0.21.0）· 审计与发布质量（0.22.0）· 最后更新：2026-09-12</p>
+        <p class="stamp">当前结构基线：三套流程预设 · 工作台项目初始化（0.19.0）· 通用项目适配（0.21.0）· 审计与发布质量（0.22.0）· 可信边界加固（0.22.3）· 并发与发布闭环（0.22.4）· 最后更新：2026-09-14</p>
       </section>
     </main>
   </div>

package/lib/client.js

@@ -4134,6 +4134,11 @@ var writeSkillRequestSchema = external_exports.object({
   level: external_exports.enum(["project", "user"]),
   path: external_exports.string().optional()
 });
+var installSkillRequestSchema = external_exports.object({
+  sourceDir: external_exports.string(),
+  level: external_exports.enum(["project", "user"]),
+  path: external_exports.string().optional()
+});
 var writeRuleRequestSchema = external_exports.object({
   name: external_exports.string(),
   content: external_exports.string(),
@@ -4308,6 +4313,22 @@ var TYPERT_REMOTE = {
       ],
       result: { mode: "strict", typeSymbol: `${PACKAGE}/types#WriteResourceResult`, schema: writeResourceResultSchema }
     },
+    {
+      id: `${PACKAGE}#task-engine/installSkill`,
+      service: "taskEngineController",
+      namespace: "task-engine",
+      method: "installSkill",
+      invocation: { kind: "direct" },
+      parameters: [
+        {
+          name: "request",
+          wire: "request",
+          source: "json",
+          codec: { mode: "strict", typeSymbol: `${PACKAGE}/types#InstallSkillRequest`, schema: installSkillRequestSchema }
+        }
+      ],
+      result: { mode: "strict", typeSymbol: `${PACKAGE}/types#WriteResourceResult`, schema: writeResourceResultSchema }
+    },
     {
       id: `${PACKAGE}#task-engine/writeRule`,
       service: "taskEngineController",
@@ -5423,6 +5444,9 @@ function SkillManager({ workspace, remote }) {
   const [whenToUse, setWhenToUse] = (0, import_react4.useState)("");
   const [body2, setBody] = (0, import_react4.useState)("");
   const [msg, setMsg] = (0, import_react4.useState)("");
+  const [installing, setInstalling] = (0, import_react4.useState)(false);
+  const [installDir, setInstallDir] = (0, import_react4.useState)("");
+  const [installLevel, setInstallLevel] = (0, import_react4.useState)("project");
   const refresh = (0, import_react4.useCallback)(() => {
     void remote.listSkills(workspace).then((r) => {
       if (r.ok) setSkills(r.value.skills);
@@ -5446,6 +5470,7 @@ function SkillManager({ workspace, remote }) {
     setEditing(null);
     setCreating(true);
     setViewing(false);
+    setInstalling(false);
     setLevel("project");
     setName("");
     setDescription("");
@@ -5453,6 +5478,34 @@ function SkillManager({ workspace, remote }) {
     setBody("");
     setMsg("");
   };
+  const startInstall = () => {
+    setEditing(null);
+    setCreating(false);
+    setViewing(false);
+    setInstalling(true);
+    setInstallDir("");
+    setInstallLevel("project");
+    setMsg("");
+  };
+  const submitInstall = async () => {
+    setMsg("");
+    const result = await remote.installSkill({
+      sourceDir: installDir,
+      level: installLevel,
+      path: installLevel === "project" ? workspace : void 0
+    });
+    if (!result.ok) {
+      setMsg("\u5B89\u88C5\u5931\u8D25\uFF1A" + describeError(result.error));
+      return;
+    }
+    if (!result.value.ok) {
+      setMsg("\u5B89\u88C5\u5931\u8D25\uFF1A" + (result.value.error ?? "\u672A\u77E5\u9519\u8BEF"));
+      return;
+    }
+    setMsg(`\u5DF2\u5B89\u88C5 skill\u300C${result.value.name}\u300D\u2192 ${result.value.path}`);
+    setInstalling(false);
+    refresh();
+  };
   const loadSkill = (skillName, lvl) => {
     setMsg("");
     void remote.readSkill({ name: skillName, level: lvl, path: workspace }).then((r) => {
@@ -5524,7 +5577,7 @@ function SkillManager({ workspace, remote }) {
     setConfirming(null);
     refresh();
   };
-  const formOpen = editing !== null || creating;
+  const formOpen = editing !== null || creating || installing;
   const renderRow = (sk) => (0, import_react4.createElement)(
     "div",
     {
@@ -5614,6 +5667,53 @@ function SkillManager({ workspace, remote }) {
       msg !== "" ? (0, import_react4.createElement)("p", { style: styles.status }, msg) : null
     );
   };
+  const renderInstallForm = () => (0, import_react4.createElement)(
+    ResourceModal,
+    {
+      title: "\u5B89\u88C5\u73B0\u6709 skill\uFF08\u76EE\u5F55\u578B\uFF09",
+      description: "\u628A\u4E00\u4E2A\u672C\u673A\u5DF2\u6709\u7684 skill \u76EE\u5F55\uFF08\u542B SKILL.md\uFF0C\u53EF\u5E26 references / scripts \u7B49\u6587\u4EF6\uFF09\u5B89\u88C5\u5230\u9879\u76EE\u7EA7\u6216\u7528\u6237\u7EA7\u3002",
+      onClose: () => {
+        setInstalling(false);
+        setMsg("");
+      },
+      footer: (0, import_react4.createElement)(
+        "div",
+        { style: styles.row },
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, {
+          variant: "primary",
+          size: "sm",
+          disabled: installDir.trim() === "",
+          onClick: () => {
+            void submitInstall();
+          }
+        }, "\u5B89\u88C5"),
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", size: "sm", onClick: () => {
+          setInstalling(false);
+          setMsg("");
+        } }, "\u53D6\u6D88")
+      )
+    },
+    (0, import_react4.createElement)(
+      "div",
+      { style: styles.chips },
+      (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Pill, { active: installLevel === "project", onClick: () => {
+        setInstallLevel("project");
+      }, title: "\u88C5\u5230\u5DE5\u4F5C\u533A .dsh/skills\uFF0C\u56E2\u961F\u5171\u4EAB" }, "\u9879\u76EE\u7EA7"),
+      (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Pill, { active: installLevel === "user", onClick: () => {
+        setInstallLevel("user");
+      }, title: "\u88C5\u5230 $DSH_HOME/skills\uFF0C\u4E2A\u4EBA\u6240\u6709\u9879\u76EE\u53EF\u7528" }, "\u7528\u6237\u7EA7")
+    ),
+    (0, import_react4.createElement)("input", {
+      style: control,
+      placeholder: "\u6E90\u76EE\u5F55\u7EDD\u5BF9\u8DEF\u5F84\uFF08\u672C\u673A skill \u76EE\u5F55\uFF0C\u9700\u542B SKILL.md\uFF09",
+      value: installDir,
+      onChange: (ev) => {
+        setInstallDir(ev.target.value);
+      }
+    }),
+    (0, import_react4.createElement)("p", { style: styles.hint }, "\u8981\u6C42\uFF1A\u76EE\u5F55\u5185\u6709 SKILL.md\uFF08frontmatter \u542B name + description\uFF09\u3002\u5B89\u88C5\u4F1A\u590D\u5236\u6574\u4E2A\u76EE\u5F55\uFF08\u81EA\u52A8\u6392\u9664 node_modules / .git \u7B49\u7F13\u5B58\uFF09\uFF0C\u540C\u540D\u5185\u7F6E\u6280\u80FD\u62D2\u7EDD\u8986\u76D6\uFF0C\u540C\u540D\u5DF2\u88C5\u6280\u80FD\u9700\u5148\u5220\u9664\u3002"),
+    msg !== "" ? (0, import_react4.createElement)("p", { style: styles.status }, msg) : null
+  );
   return (0, import_react4.createElement)(
     "div",
     { style: styles.section },
@@ -5624,15 +5724,21 @@ function SkillManager({ workspace, remote }) {
         "div",
         { style: styles.bindingStage },
         (0, import_react4.createElement)("span", { style: styles.bindingLabel }, "\u5DF2\u5B89\u88C5\u7684 skill"),
-        skills.length === 0 ? (0, import_react4.createElement)("p", { style: styles.muted }, "\u6682\u65E0 skill\uFF0C\u70B9\u4E0B\u65B9\u300C\u65B0\u5EFA skill\u300D\u521B\u5EFA\u4E00\u4E2A\u3002") : (0, import_react4.createElement)(
+        skills.length === 0 ? (0, import_react4.createElement)("p", { style: styles.muted }, "\u6682\u65E0 skill\uFF0C\u70B9\u4E0B\u65B9\u300C\u65B0\u5EFA skill\u300D\u521B\u5EFA\uFF0C\u6216\u300C\u5B89\u88C5 skill\u300D\u5BFC\u5165\u672C\u673A\u5DF2\u6709\u7684 skill \u76EE\u5F55\u3002") : (0, import_react4.createElement)(
           "div",
           { style: styles.section },
           ...skills.map(renderRow)
         )
       ),
-      (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", size: "md", onClick: startCreate }, "\u65B0\u5EFA skill")
+      (0, import_react4.createElement)(
+        "div",
+        { style: styles.row },
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", size: "md", onClick: startCreate }, "\u65B0\u5EFA skill"),
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", size: "md", onClick: startInstall }, "\u5B89\u88C5 skill")
+      )
     ),
-    formOpen ? renderForm() : null
+    installing ? renderInstallForm() : null,
+    formOpen && !installing ? renderForm() : null
   );
 }