@godv61/dsh-task-engine 0.22.5 → 0.22.7

package/.p0-test.mjs

@@ -723,4 +723,26 @@ function memProbe(files) {
   assert(client.includes('sourceDir'), 'client schema carries the source directory')
 }
 
+// ── 37. 0.22.7: installSkill auto-locates a single nested skill root ───────
+{
+  const controller = readFileSync('./lib/controller.js', 'utf8')
+  assert(controller.includes('多个带 SKILL.md 的子目录') || controller.includes("candidates.length > 1"),
+    'installSkill rejects an ambiguous container directory')
+  assert(controller.includes('缺少') && controller.includes('candidates[0]'),
+    'installSkill auto-locates the single nested skill root')
+}
+
+// ── 38. 0.22.7: install directory picker (listDirs) + package-skill bounds ──
+{
+  const controller = readFileSync('./lib/controller.js', 'utf8')
+  assert(controller.includes('async listDirs'), 'listDirs Remote serves the install directory picker')
+  assert(controller.includes('SKILL_DIR_FILTER'), 'picker filters dependency caches from the listing')
+  assert(controller.includes('SKILL_MAX_FILES = 1000'), 'package-skill file bound is generous')
+  assert(controller.includes('SKILL_MAX_BYTES = 100'), 'package-skill byte bound is generous')
+}
+{
+  const client = readFileSync('./lib/client.js', 'utf8')
+  assert(client.includes('listDirs'), 'client declares the listDirs Remote contract')
+}
+
 console.log(`\nP0 acceptance: ${passed} checks passed`)

package/README.md

@@ -202,4 +202,6 @@ enableStrictWorkspaces()
 - **质量修补（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 注册 → 包内 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）。
+- **目录型 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」；`installSkill` 支持<b>容器目录自动定位</b>——填的目录自身没有 SKILL.md 但直接子目录里恰好有一个含 SKILL.md 的 skill 根时自动装入该子目录（多个候选则提示直接填 skill 根）。
+- **skill 目录选择器 + 包形态（0.22.7）**：① 安装表单新增「浏览…」——host 端 `listDirs` 逐级列举目录（Windows 盘符快捷 + 路径输入回车跳转 + ↑ 上级 + **可点击面包屑**标明当前位置），含 `SKILL.md` 的子目录标「含 SKILL.md ✓」，当前目录能否直接安装实时提示，点「选此目录」回填路径，彻底不用手输；② 安装上限放宽到 1000 文件 / 100 MB（单文件 20 MB 上限），skill 作为<b>完整包</b>安装（references / scripts / 模板 / 资源等全部保留，仍自动排除 node_modules / `.git` / `__pycache__` 缓存）；③ 实机验证<b>项目级</b>（工作区 `.dsh/skills`）与<b>用户级</b>（`$DSH_HOME/skills`）两条安装路径均完整落盘，逐级进入与面包屑经浏览器实测确认。

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>「技能」页支持新建 / <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>
+        <p>「技能」页支持新建 / <b>安装</b> / 查看 / 编辑 / 删除：内置资源只读（正文以 markdown 富文本渲染）；项目级 / 用户级资源可编辑、可删除（两步确认）。「安装 skill」把本机已有的<b>目录型 skill 包</b>（含 <code>SKILL.md</code>，可带 references / scripts / 模板 / 资源）一键装到项目级（工作区 <code>.dsh/skills</code>，团队共享）或用户级（<code>$DSH_HOME/skills</code>，个人所有项目可用）：点「浏览…」逐级选目录（支持盘符快捷与路径跳转，含 <code>SKILL.md</code> 的目录会标记出来），也可直接填路径；装外层容器目录时会自动定位到内含 <code>SKILL.md</code> 的子目录。安装自动排除 node_modules / <code>.git</code> / <code>__pycache__</code> 等缓存（上限 1000 文件 / 100 MB），同名内置或已装技能拒绝覆盖。</p>
         <pre><code>// .dsh/eng.json 等价内容
 {
   "flow": "standard",

package/lib/client.js

@@ -4139,6 +4139,15 @@ var installSkillRequestSchema = external_exports.object({
   level: external_exports.enum(["project", "user"]),
   path: external_exports.string().optional()
 });
+var listDirsRequestSchema = external_exports.object({ path: external_exports.string() });
+var listDirsViewSchema = external_exports.object({
+  ok: external_exports.boolean(),
+  path: external_exports.string(),
+  entries: external_exports.array(external_exports.object({ name: external_exports.string(), hasSkill: external_exports.boolean() })),
+  roots: external_exports.array(external_exports.string()),
+  currentHasSkill: external_exports.boolean(),
+  error: external_exports.string().optional()
+});
 var writeRuleRequestSchema = external_exports.object({
   name: external_exports.string(),
   content: external_exports.string(),
@@ -4329,6 +4338,22 @@ var TYPERT_REMOTE = {
       ],
       result: { mode: "strict", typeSymbol: `${PACKAGE}/types#WriteResourceResult`, schema: writeResourceResultSchema }
     },
+    {
+      id: `${PACKAGE}#task-engine/listDirs`,
+      service: "taskEngineController",
+      namespace: "task-engine",
+      method: "listDirs",
+      invocation: { kind: "direct" },
+      parameters: [
+        {
+          name: "request",
+          wire: "request",
+          source: "json",
+          codec: { mode: "strict", typeSymbol: `${PACKAGE}/types#ListDirsRequest`, schema: listDirsRequestSchema }
+        }
+      ],
+      result: { mode: "strict", typeSymbol: `${PACKAGE}/types#ListDirsView`, schema: listDirsViewSchema }
+    },
     {
       id: `${PACKAGE}#task-engine/writeRule`,
       service: "taskEngineController",
@@ -5432,6 +5457,42 @@ function levelOf(source) {
   if (source === "bundled") return "bundled";
   return source.startsWith("user") ? "user" : "project";
 }
+function joinPath(dir, name) {
+  if (dir === "") return name;
+  return dir.replace(/[\\/]+$/u, "") + "/" + name;
+}
+function breadcrumbSegments(path) {
+  const trimmed = path.replace(/[\\/]+$/u, "");
+  const sep = trimmed.includes("\\") ? "\\" : "/";
+  const parts = trimmed.split(/[\\/]+/u).filter((part) => part !== "");
+  const segments = [];
+  let acc = "";
+  for (const part of parts) {
+    if (acc === "") {
+      acc = /^[A-Za-z]:$/u.test(part) ? part + sep : sep + part;
+      segments.push({ label: part, path: acc });
+    } else {
+      acc = acc.replace(/[\\/]+$/u, "") + sep + part;
+      segments.push({ label: part, path: acc });
+    }
+  }
+  return segments;
+}
+function isRootLevel(path) {
+  if (path === "") return true;
+  return /^[A-Za-z]:[\\/]?$/u.test(path) || path === "/";
+}
+var paneStyle = {
+  flex: "1 1 0",
+  minWidth: 0,
+  overflowY: "auto",
+  display: "flex",
+  flexDirection: "column",
+  gap: 2,
+  border: "1px solid var(--dsw-alias-border-l2)",
+  borderRadius: 8,
+  padding: 4
+};
 function SkillManager({ workspace, remote }) {
   const [skills, setSkills] = (0, import_react4.useState)([]);
   const [level, setLevel] = (0, import_react4.useState)("project");
@@ -5447,6 +5508,81 @@ function SkillManager({ workspace, remote }) {
   const [installing, setInstalling] = (0, import_react4.useState)(false);
   const [installDir, setInstallDir] = (0, import_react4.useState)("");
   const [installLevel, setInstallLevel] = (0, import_react4.useState)("project");
+  const [browsing, setBrowsing] = (0, import_react4.useState)(false);
+  const [browseCurrent, setBrowseCurrent] = (0, import_react4.useState)("");
+  const [browseEntries, setBrowseEntries] = (0, import_react4.useState)([]);
+  const [browseSelected, setBrowseSelected] = (0, import_react4.useState)(null);
+  const [browseChildEntries, setBrowseChildEntries] = (0, import_react4.useState)([]);
+  const [browseChildHasSkill, setBrowseChildHasSkill] = (0, import_react4.useState)(false);
+  const [browseRoots, setBrowseRoots] = (0, import_react4.useState)([]);
+  const [browseHasSkill, setBrowseHasSkill] = (0, import_react4.useState)(false);
+  const [browseDraft, setBrowseDraft] = (0, import_react4.useState)("");
+  const [browseError, setBrowseError] = (0, import_react4.useState)("");
+  const loadLevel = (path) => {
+    setBrowseError("");
+    setBrowseSelected(null);
+    setBrowseChildEntries([]);
+    setBrowseChildHasSkill(false);
+    void remote.listDirs({ path }).then((r) => {
+      if (r.ok && r.value.ok) {
+        setBrowseCurrent(r.value.path);
+        setBrowseDraft(r.value.path);
+        setBrowseEntries(r.value.entries);
+        setBrowseRoots(r.value.roots);
+        setBrowseHasSkill(r.value.currentHasSkill);
+      } else {
+        setBrowseEntries([]);
+        setBrowseError(describeError(r.ok ? r.value.error : r.error));
+      }
+    }, (error) => {
+      setBrowseEntries([]);
+      setBrowseError("\u76EE\u5F55\u8BFB\u53D6\u5931\u8D25\uFF1A" + describeError(error));
+    });
+  };
+  const loadChild = (path) => {
+    setBrowseChildEntries([]);
+    setBrowseChildHasSkill(false);
+    void remote.listDirs({ path }).then((r) => {
+      if (r.ok && r.value.ok) {
+        setBrowseChildEntries(r.value.entries);
+        setBrowseChildHasSkill(r.value.currentHasSkill);
+      } else {
+        setBrowseChildEntries([]);
+      }
+    }, () => {
+      setBrowseChildEntries([]);
+    });
+  };
+  const selectRow = (entry) => {
+    const next = joinPath(browseCurrent, entry.name);
+    setBrowseSelected({ name: entry.name, path: next });
+    loadChild(next);
+  };
+  const selectChildRow = (entry) => {
+    if (browseSelected === null) return;
+    const base = browseSelected.path;
+    const baseEntries = browseChildEntries;
+    const baseHasSkill = browseChildHasSkill;
+    setBrowseCurrent(base);
+    setBrowseDraft(base);
+    setBrowseEntries(baseEntries);
+    setBrowseHasSkill(baseHasSkill);
+    const next = joinPath(base, entry.name);
+    setBrowseSelected({ name: entry.name, path: next });
+    loadChild(next);
+  };
+  const openBrowse = () => {
+    setBrowsing(true);
+    setBrowseError("");
+    loadLevel("");
+  };
+  const browseUp = () => {
+    const p = browseCurrent.replace(/[\\/]+$/u, "");
+    const idx = Math.max(p.lastIndexOf("/"), p.lastIndexOf("\\"));
+    loadLevel(idx <= 2 ? "" : p.slice(0, idx));
+  };
+  const pickedPath = browseSelected !== null ? browseSelected.path : browseCurrent;
+  const pickedHasSkill = browseSelected !== null ? browseChildHasSkill : browseHasSkill;
   const refresh = (0, import_react4.useCallback)(() => {
     void remote.listSkills(workspace).then((r) => {
       if (r.ok) setSkills(r.value.skills);
@@ -5703,17 +5839,149 @@ function SkillManager({ workspace, remote }) {
         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\u5982 D:\\yourong\\software-testing\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"),
+    (0, import_react4.createElement)(
+      "div",
+      { style: styles.row },
+      (0, import_react4.createElement)("input", {
+        style: { ...control, flex: "1 1 220px", minWidth: 160 },
+        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)(import_dsh_client_ui_primitives4.Button, { variant: "outline", size: "sm", onClick: openBrowse }, "\u6D4F\u89C8\u2026")
+    ),
+    (0, import_react4.createElement)("p", { style: styles.hint }, "\u8981\u6C42\uFF1A\u76EE\u5F55\u5185\u6709 SKILL.md\uFF08frontmatter \u542B name + description\uFF09\u3002skill \u53EF\u4EE5\u662F\u5B8C\u6574\u5305\uFF08references / scripts / \u6A21\u677F\u7B49\u90FD\u4F1A\u4FDD\u7559\uFF09\uFF1B\u5B89\u88C5\u81EA\u52A8\u6392\u9664 node_modules / .git / __pycache__ \u7B49\u7F13\u5B58\u76EE\u5F55\uFF08\u4E0A\u9650 1000 \u6587\u4EF6 / 100 MB\uFF09\uFF0C\u540C\u540D\u5185\u7F6E\u6280\u80FD\u62D2\u7EDD\u8986\u76D6\uFF0C\u540C\u540D\u5DF2\u88C5\u6280\u80FD\u9700\u5148\u5220\u9664\u3002\u70B9\u300C\u6D4F\u89C8\u2026\u300D\u9009\u62E9\u76EE\u5F55\uFF0C\u6216\u76F4\u63A5\u8F93\u5165\u8DEF\u5F84\u3002"),
     msg !== "" ? (0, import_react4.createElement)("p", { style: styles.status }, msg) : null
   );
+  const renderDirRow = (entry, active, onClick) => (0, import_react4.createElement)(
+    "button",
+    {
+      key: entry.name,
+      type: "button",
+      onClick,
+      title: entry.name,
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: 6,
+        width: "100%",
+        border: "none",
+        cursor: "pointer",
+        textAlign: "left",
+        padding: "5px 8px",
+        borderRadius: 6,
+        fontSize: 13,
+        background: active ? "var(--dsw-alias-bg-layer-2)" : "transparent",
+        color: "var(--dsw-alias-label-primary)",
+        fontWeight: active ? 600 : 400
+      }
+    },
+    (0, import_react4.createElement)("span", { style: { flex: "1 1 auto", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, " " + entry.name),
+    entry.hasSkill ? (0, import_react4.createElement)("span", { style: { fontSize: 11, color: "var(--dsw-alias-state-success-primary)" } }, "SKILL.md") : null
+  );
+  const renderBrowseModal = () => (0, import_react4.createElement)(
+    ResourceModal,
+    {
+      title: "\u9009\u62E9 skill \u76EE\u5F55",
+      description: "\u76EE\u5F55\u5217\u8868\u7531\u4F60\u7684 DSH \u4E3B\u673A\u8BFB\u53D6\uFF1B\u5C55\u5F00\u5230\u542B SKILL.md \u7684\u76EE\u5F55\u540E\u70B9\u300C\u9009\u6B64\u76EE\u5F55\u300D\u3002",
+      onClose: () => {
+        setBrowsing(false);
+      },
+      footer: (0, import_react4.createElement)(
+        "div",
+        { style: styles.row },
+        (0, import_react4.createElement)("span", {
+          style: {
+            ...styles.sourceText,
+            flex: "1 1 auto",
+            color: pickedHasSkill ? "var(--dsw-alias-state-success-primary)" : "var(--dsw-alias-label-tertiary)"
+          }
+        }, pickedHasSkill ? "\u2713 \u5F53\u524D\u76EE\u5F55\u542B SKILL.md\uFF0C\u53EF\u76F4\u63A5\u5B89\u88C5" : "\u5F53\u524D\u76EE\u5F55\u4E0D\u542B SKILL.md\u2014\u2014\u8FDB\u5165\u542B SKILL.md \u7684\u5B50\u76EE\u5F55\u518D\u9009"),
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, {
+          variant: "primary",
+          size: "sm",
+          disabled: pickedPath.trim() === "",
+          onClick: () => {
+            setInstallDir(pickedPath);
+            setBrowsing(false);
+          }
+        }, "\u9009\u6B64\u76EE\u5F55"),
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", size: "sm", onClick: () => {
+          setBrowsing(false);
+        } }, "\u53D6\u6D88")
+      )
+    },
+    (0, import_react4.createElement)(
+      "div",
+      { style: { ...styles.row, marginBottom: 6 } },
+      (0, import_react4.createElement)("input", {
+        style: { ...control, flex: "1 1 200px", minWidth: 140 },
+        placeholder: "\u8F93\u5165\u7EDD\u5BF9\u8DEF\u5F84\u540E\u56DE\u8F66\u524D\u5F80",
+        value: browseDraft,
+        onChange: (ev) => {
+          setBrowseDraft(ev.target.value);
+        },
+        onKeyDown: (ev) => {
+          if (ev.key === "Enter") loadLevel(browseDraft.trim());
+        }
+      }),
+      (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", size: "sm", onClick: () => {
+        loadLevel(browseDraft.trim());
+      } }, "\u524D\u5F80"),
+      (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", size: "sm", disabled: isRootLevel(browseCurrent), onClick: browseUp, title: "\u8FDB\u5165\u4E0A\u7EA7\u76EE\u5F55" }, "\u2191 \u4E0A\u7EA7")
+    ),
+    browseRoots.length > 1 ? (0, import_react4.createElement)(
+      "div",
+      { style: { ...styles.chips, marginBottom: 6 } },
+      ...browseRoots.map((root) => (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { key: root, variant: "ghost", size: "sm", onClick: () => {
+        loadLevel(root);
+      } }, root.replace(/[\\/]+$/u, "")))
+    ) : null,
+    // Breadcrumb: the current level with every ancestor clickable — the
+    // visible answer to "where am I / how do I go up".
+    (0, import_react4.createElement)(
+      "div",
+      { style: { display: "flex", alignItems: "center", flexWrap: "wrap", gap: 2, marginBottom: 6, minHeight: 22 } },
+      browseCurrent === "" ? (0, import_react4.createElement)("span", { style: styles.sourceText }, "\u4E3B\u76EE\u5F55") : (0, import_react4.createElement)(
+        "span",
+        { style: { display: "inline-flex", alignItems: "center", flexWrap: "wrap", gap: 2 } },
+        ...breadcrumbSegments(browseCurrent).map(
+          (seg) => (0, import_react4.createElement)("button", {
+            key: seg.path,
+            type: "button",
+            onClick: () => {
+              loadLevel(seg.path);
+            },
+            title: seg.path,
+            style: { border: "none", background: "transparent", cursor: "pointer", padding: "1px 3px", borderRadius: 4, fontSize: 12, color: "var(--dsw-alias-label-secondary)" }
+          }, seg.label + " \u203A")
+        )
+      )
+    ),
+    browseError !== "" ? (0, import_react4.createElement)("p", { style: { ...styles.status, color: "var(--dsw-alias-state-error-primary)" } }, browseError) : null,
+    (0, import_react4.createElement)(
+      "div",
+      { style: { display: "flex", gap: 8, height: 260 } },
+      (0, import_react4.createElement)(
+        "div",
+        { style: paneStyle },
+        browseEntries.length === 0 && browseError === "" ? (0, import_react4.createElement)("p", { style: styles.sourceText }, "\uFF08\u6B64\u76EE\u5F55\u4E0B\u6CA1\u6709\u5B50\u76EE\u5F55\uFF09") : null,
+        ...browseEntries.map((entry) => renderDirRow(entry, browseSelected?.name === entry.name, () => {
+          selectRow(entry);
+        }))
+      ),
+      browseSelected !== null ? (0, import_react4.createElement)(
+        "div",
+        { style: paneStyle },
+        browseChildEntries.length === 0 ? (0, import_react4.createElement)("p", { style: styles.sourceText }, "\uFF08\u6CA1\u6709\u5B50\u76EE\u5F55\uFF09") : null,
+        ...browseChildEntries.map((entry) => renderDirRow(entry, false, () => {
+          selectChildRow(entry);
+        }))
+      ) : null
+    )
+  );
   return (0, import_react4.createElement)(
     "div",
     { style: styles.section },
@@ -5738,6 +6006,7 @@ function SkillManager({ workspace, remote }) {
       )
     ),
     installing ? renderInstallForm() : null,
+    browsing ? renderBrowseModal() : null,
     formOpen && !installing ? renderForm() : null
   );
 }