@godv61/dsh-task-engine 0.22.7 → 0.23.0

package/lib/client.js

@@ -4206,6 +4206,10 @@ var taskLedgerItemSchema = external_exports.object({
 });
 var taskLedgerViewSchema = external_exports.object({
   tasks: external_exports.array(external_exports.object({
+    risk_level: external_exports.string().optional(),
+    updated_at: external_exports.string().optional(),
+    verification_passed: external_exports.boolean().optional(),
+    review_outcome: external_exports.string().optional(),
     task_id: external_exports.string(),
     title: external_exports.string(),
     stage: external_exports.string(),
@@ -4238,10 +4242,37 @@ var initDraftSchema = external_exports.object({
   lines: external_exports.number(),
   error: external_exports.string().optional()
 });
+var resourceRequestSchema = external_exports.object({
+  kind: external_exports.enum(["skill", "rule"]),
+  level: external_exports.enum(["project", "user"]),
+  path: external_exports.string(),
+  files: external_exports.array(external_exports.object({ path: external_exports.string(), base64: external_exports.string() })).max(1e3),
+  sourceDir: external_exports.string().optional(),
+  expectedHash: external_exports.string().optional()
+});
+var resourcePreviewSchema = external_exports.object({ ok: external_exports.boolean(), name: external_exports.string(), description: external_exports.string(), content: external_exports.string(), target: external_exports.string(), files: external_exports.number(), bytes: external_exports.number(), hash: external_exports.string(), conflict: external_exports.boolean(), error: external_exports.string().optional() });
 var PACKAGE = "@godv61/dsh-task-engine";
 var TYPERT_REMOTE = {
   package: PACKAGE,
   descriptors: [
+    ...["previewResource", "importResource"].map((method) => ({
+      id: `${PACKAGE}#task-engine/${method}`,
+      service: "taskEngineController",
+      namespace: "task-engine",
+      method,
+      invocation: { kind: "direct" },
+      parameters: [{ name: "request", wire: "request", source: "json", codec: { mode: "strict", typeSymbol: `${PACKAGE}/types#ResourceImportRequest`, schema: resourceRequestSchema } }],
+      result: { mode: "strict", typeSymbol: `${PACKAGE}/types#ResourcePreview`, schema: resourcePreviewSchema }
+    })),
+    {
+      id: `${PACKAGE}#task-engine/resourceRoots`,
+      service: "taskEngineController",
+      namespace: "task-engine",
+      method: "resourceRoots",
+      invocation: { kind: "direct" },
+      parameters: [{ name: "request", wire: "request", source: "json", codec: { mode: "strict", typeSymbol: `${PACKAGE}/types#ResourceRootsRequest`, schema: external_exports.object({ kind: external_exports.enum(["skill", "rule"]), path: external_exports.string() }) } }],
+      result: { mode: "strict", typeSymbol: `${PACKAGE}/types#ResourceRoots`, schema: external_exports.object({ project: external_exports.string(), user: external_exports.string() }) }
+    },
     {
       id: `${PACKAGE}#task-engine/read`,
       service: "taskEngineController",
@@ -4503,8 +4534,59 @@ var TYPERT_REMOTE = {
 var remote_default = TYPERT_REMOTE;
 
 // src/client/Workbench.tsx
-var import_react7 = require("react");
-var import_dsh_client_ui_primitives7 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react8 = require("react");
+var import_dsh_client_ui_primitives6 = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// src/client/workbench-theme.ts
+var workbenchTheme = `
+.te-workbench { color:var(--dsw-alias-label-primary); font-size:14px; }
+.te-workbench *,.te-modal * { box-sizing:border-box; }
+.te-workbench button,.te-modal button { font-family:inherit; }
+.te-workbench button:focus-visible,.te-modal button:focus-visible,.te-input:focus-visible { outline:2px solid var(--dsw-alias-state-business-primary); outline-offset:3px; }
+.te-workbench h2 { margin:0 0 6px; font-size:24px; letter-spacing:-.5px; }
+.te-workbench h3,.te-modal h3 { margin:0; font-size:16px; overflow-wrap:anywhere; }
+.te-workbench p,.te-modal p { color:var(--dsw-alias-label-secondary); line-height:1.65; }
+.te-content { max-width:1120px; margin:auto; width:100%; }
+.te-resource { display:flex; flex-direction:column; gap:20px; }
+.te-section-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
+.te-section-heading p { margin:0; }
+.te-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
+.te-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
+.te-toolbar>input { flex:1; min-width:180px; }
+.te-input { background:var(--dsw-alias-bg-layer-1); border:1px solid var(--dsw-alias-border-l2); border-radius:10px; padding:10px 12px; font:inherit; color:var(--dsw-alias-label-primary); min-width:0; }
+.te-resource-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr)); gap:16px; }
+.te-resource-card { display:flex; flex-direction:column; gap:14px; background:var(--dsw-alias-bg-layer-1); border:1px solid var(--dsw-alias-border-l2); border-radius:16px; padding:20px; transition:border-color .15s; }
+.te-resource-card:hover { border-color:var(--dsw-alias-state-business-primary); }
+.te-resource-card p { margin:0; font-size:13px; flex:1; }
+.te-card-top { display:flex; justify-content:space-between; align-items:center; }
+.te-resource-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:var(--dsw-alias-bg-layer-2); color:var(--dsw-alias-state-business-primary); font-size:25px; }
+.te-badge { display:inline-flex; border-radius:20px; background:var(--dsw-alias-bg-layer-2); color:var(--dsw-alias-label-secondary); padding:4px 10px; font-size:12px; }
+.te-delete,.te-link { border:none; background:transparent; cursor:pointer; padding:8px; color:var(--dsw-alias-label-secondary); }
+.te-delete { margin-left:auto; }
+.te-delete:hover { color:var(--dsw-alias-state-error-primary); }
+.te-link { text-align:left; align-self:flex-start; text-decoration:underline; }
+.te-danger-button { border:0; border-radius:9px; padding:10px 16px; background:var(--dsw-alias-state-error-primary); color:white; cursor:pointer; }
+.te-danger-button:disabled { opacity:.5; cursor:wait; }
+.te-alert,.te-success { padding:12px 16px; border-radius:10px; border:1px solid currentColor; overflow-wrap:anywhere; font-size:13px; }
+.te-alert { color:var(--dsw-alias-state-error-primary); }
+.te-success { color:var(--dsw-alias-state-success-primary); }
+.te-empty { text-align:center; padding:56px 24px; border:1px dashed var(--dsw-alias-border-l2); border-radius:16px; color:var(--dsw-alias-label-secondary); }
+.te-targets { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:4px 0 16px; }
+.te-target { display:flex; flex-direction:column; align-items:flex-start; gap:6px; padding:16px; border-radius:12px; border:1px solid var(--dsw-alias-border-l2); background:var(--dsw-alias-bg-layer-1); color:var(--dsw-alias-label-primary); cursor:pointer; }
+.te-target small { color:var(--dsw-alias-label-secondary); text-align:left; }
+.te-target.selected { border-color:var(--dsw-alias-state-business-primary); box-shadow:0 0 0 1px var(--dsw-alias-state-business-primary); }
+.te-path { display:block; grid-column:1/-1; padding:10px 12px; font-size:12px; border-radius:8px; background:var(--dsw-alias-bg-layer-1); color:var(--dsw-alias-label-secondary); overflow-wrap:anywhere; white-space:pre-wrap; }
+.te-preview { display:flex; flex-direction:column; gap:12px; margin-top:16px; }
+.te-markdown { max-height:360px; overflow:auto; padding:16px; border:1px solid var(--dsw-alias-border-l2); border-radius:12px; }
+.te-advanced { margin-top:16px; padding:12px; border:1px dashed var(--dsw-alias-border-l2); border-radius:12px; }
+.te-dir-list { max-height:160px; overflow:auto; display:flex; flex-direction:column; gap:4px; }
+.te-dir-list button { text-align:left; border:0; background:transparent; color:var(--dsw-alias-label-primary); padding:8px; cursor:pointer; }
+.te-dir-list button:hover { background:var(--dsw-alias-bg-layer-1); }
+.te-form { display:flex; flex-direction:column; gap:16px; }
+.te-form label { display:flex; flex-direction:column; gap:8px; font-size:13px; }
+.te-editor { min-height:260px; resize:vertical; line-height:1.6; font-family:monospace; }
+@media(max-width:640px) { .te-targets {grid-template-columns:1fr;} .te-resource {gap:14px;} .te-section-heading h2 {font-size:21px;} .te-modal {padding:10px !important;} }
+`;
 
 // src/client/styles.ts
 var text = "var(--dsw-alias-label-primary)";
@@ -4898,29 +4980,39 @@ function TaskEngineSection(props) {
   const [source, setSource] = (0, import_react.useState)("default");
   const [savedAt, setSavedAt] = (0, import_react.useState)("");
   const [loadError, setLoadError] = (0, import_react.useState)("");
+  const [saving, setSaving] = (0, import_react.useState)(false);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  const [loadAttempt, setLoadAttempt] = (0, import_react.useState)(0);
+  const [configProblems, setConfigProblems] = (0, import_react.useState)([]);
   const [skills, setSkills] = (0, import_react.useState)([]);
   const [rules, setRules] = (0, import_react.useState)([]);
   (0, import_react.useEffect)(() => {
     if (workspace === "") return;
     let alive = true;
     setLoadError("");
+    setLoading(true);
     void remote.read(workspace).then((result) => {
       if (!alive) return;
+      setLoading(false);
       if (result.ok) {
         setFlow(result.value.flow);
         setStageBindings(result.value.config.stage_bindings ?? {});
         setSource(result.value.source);
+        setConfigProblems(result.value.problems);
         setSavedAt("");
       } else {
         setLoadError("\u8BFB\u53D6\u914D\u7F6E\u5931\u8D25\uFF1A" + describeError(result.error));
       }
     }, (error) => {
-      if (alive) setLoadError("\u8BFB\u53D6\u914D\u7F6E\u5931\u8D25\uFF1A" + describeError(error));
+      if (alive) {
+        setLoading(false);
+        setLoadError("\u8BFB\u53D6\u914D\u7F6E\u5931\u8D25\uFF1A" + describeError(error));
+      }
     });
     return () => {
       alive = false;
     };
-  }, [remote, workspace]);
+  }, [remote, workspace, loadAttempt]);
   const refreshCatalogs = (0, import_react.useCallback)(() => {
     if (workspace === "") return;
     void remote.listSkills(workspace).then((result) => {
@@ -4952,11 +5044,18 @@ function TaskEngineSection(props) {
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.StateDot, { state: "error" }),
           "\u8BFB\u53D6\u5931\u8D25"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.muted, children: loadError })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.muted, children: loadError }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { onClick: () => setLoadAttempt((n) => n + 1), children: "\u91CD\u8BD5" })
       ] })
     ] });
   }
+  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "status", children: "\u6B63\u5728\u8BFB\u53D6\u6D41\u7A0B\u914D\u7F6E\u2026" });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.wrap, children: [
+    configProblems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { role: "alert", style: styles.problems, children: [
+      "\u539F\u914D\u7F6E\u6709\u95EE\u9898\uFF1A",
+      configProblems.join("\uFF1B"),
+      "\u3002\u8BF7\u9009\u62E9\u6709\u6548\u9884\u8BBE\u5E76\u4FDD\u5B58\u4FEE\u590D\u3002"
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.head, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { style: styles.title, children: "\u5DE5\u7A0B\u6D41\u7A0B\u914D\u7F6E" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.muted, children: "\u9009\u4E00\u5957\u6D41\u7A0B\uFF0C\u518D\u7ED9\u6BCF\u4E2A\u8282\u70B9\u6302\u4E0A skill / rule\u3002\u9636\u6BB5\u6D41\u8F6C\u3001\u5B88\u536B\u3001\u63D0\u4EA4\u89C4\u5219\u90FD\u7531\u6D41\u7A0B\u9884\u8BBE\u56FA\u5316\uFF0C\u65E0\u9700\u624B\u5DE5\u914D\u7F6E\u3002" })
@@ -5012,11 +5111,14 @@ function TaskEngineSection(props) {
           variant: "primary",
           size: "md",
           icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconCheckOutline16, { size: 16 }),
-          disabled: problems.length > 0,
+          disabled: problems.length > 0 || saving,
           onClick: () => {
-            void save(remote, flow, stageBindings, workspace, setSavedAt, setSource);
+            setSaving(true);
+            void save(remote, flow, stageBindings, workspace, setSavedAt, setSource).then((ok) => {
+              if (ok) setConfigProblems([]);
+            }).finally(() => setSaving(false));
           },
-          children: "\u4FDD\u5B58\u5230 .dsh/eng.json"
+          children: saving ? "\u6B63\u5728\u4FDD\u5B58\u2026" : "\u4FDD\u5B58\u5230 .dsh/eng.json"
         }
       ),
       savedAt !== "" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: styles.okText, children: [
@@ -5115,13 +5217,23 @@ function BindingEditor({ stages, stageBindings, setStageBindings, skills, rules
   ] });
 }
 async function save(remote, flow, stageBindings, workspace, setSavedAt, setSource) {
-  const result = await remote.write({ path: workspace, flow, stage_bindings: stageBindings });
-  if (!result.ok) {
-    setSavedAt("\u4FDD\u5B58\u5931\u8D25\uFF1A" + describeError(result.error));
-    return;
+  try {
+    const result = await remote.write({ path: workspace, flow, stage_bindings: stageBindings });
+    if (!result.ok) {
+      setSavedAt("\u4FDD\u5B58\u5931\u8D25\uFF1A" + describeError(result.error));
+      return false;
+    }
+    if (!result.value.ok) {
+      setSavedAt("\u4FDD\u5B58\u5931\u8D25\uFF1A" + result.value.problems.join("\uFF1B"));
+      return false;
+    }
+    setSource(result.value.source);
+    setSavedAt("\u5DF2\u4FDD\u5B58");
+    return true;
+  } catch (error) {
+    setSavedAt("\u4FDD\u5B58\u5931\u8D25\uFF1A" + describeError(error));
+    return false;
   }
-  setSource(result.value.source);
-  setSavedAt(result.value.ok ? "\u5DF2\u4FDD\u5B58" : "");
 }
 
 // src/client/InitPanel.tsx
@@ -5310,6 +5422,9 @@ function InitPanel({ workspace, remote }) {
 }
 
 // src/client/SkillManager.tsx
+var import_react5 = require("react");
+
+// src/client/ResourceManager.tsx
 var import_react4 = require("react");
 var import_dsh_client_ui_primitives4 = require("@deepseek-ai/dsh-client-ui-primitives");
 
@@ -5398,23 +5513,49 @@ var footerStyle = {
   flex: "none"
 };
 function ResourceModal({ title, description, onClose, footer, children }) {
+  const dialog = (0, import_react3.useRef)(null);
+  const closer = (0, import_react3.useRef)(onClose);
+  closer.current = onClose;
   (0, import_react3.useEffect)(() => {
+    const previous = document.activeElement;
+    dialog.current?.focus();
     const onKey = (e) => {
-      if (e.key === "Escape") onClose();
+      if (!dialog.current?.contains(document.activeElement)) return;
+      if (e.key === "Escape") {
+        e.preventDefault();
+        e.stopPropagation();
+        closer.current();
+        return;
+      }
+      if (e.key !== "Tab") return;
+      const nodes = Array.from(dialog.current.querySelectorAll('button:not(:disabled),input:not(:disabled):not([hidden]),select:not(:disabled),textarea:not(:disabled),[tabindex="0"]')).filter((el) => el.getClientRects().length);
+      const first = nodes[0], last = nodes[nodes.length - 1];
+      if (!first || !last) {
+        e.preventDefault();
+        return;
+      }
+      if (e.shiftKey && (document.activeElement === first || document.activeElement === dialog.current)) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && (document.activeElement === last || document.activeElement === dialog.current)) {
+        e.preventDefault();
+        first.focus();
+      }
     };
     document.addEventListener("keydown", onKey);
     return () => {
       document.removeEventListener("keydown", onKey);
+      if (previous?.isConnected) previous.focus();
     };
-  }, [onClose]);
+  }, []);
   return (0, import_react_dom.createPortal)(
     (0, import_react3.createElement)(
       "div",
-      { style: rootStyle, role: "presentation" },
+      { style: rootStyle, className: "te-modal", role: "presentation" },
       (0, import_react3.createElement)("div", { style: maskStyle, "aria-hidden": true, onClick: onClose }),
       (0, import_react3.createElement)(
         "div",
-        { style: dialogStyle, role: "dialog", "aria-modal": true, "aria-label": title },
+        { style: dialogStyle, ref: dialog, tabIndex: -1, role: "dialog", "aria-modal": true, "aria-label": title },
         (0, import_react3.createElement)(
           "div",
           { style: headerStyle },
@@ -5434,815 +5575,333 @@ function ResourceModal({ title, description, onClose, footer, children }) {
   );
 }
 
-// src/client/SkillManager.tsx
-var MD_LABELS2 = { code: { copyLabel: "\u590D\u5236", copiedLabel: "\u5DF2\u590D\u5236" }, footnotes: "\u811A\u6CE8" };
-var control = {
-  background: "var(--dsw-alias-bg-layer-1)",
-  border: "1px solid var(--dsw-alias-border-l2)",
-  borderRadius: 8,
-  padding: "5px 8px",
-  color: "var(--dsw-alias-label-primary)",
-  fontSize: 13,
-  minWidth: 0
-};
-var card2 = {
-  display: "flex",
-  flexDirection: "column",
-  gap: 8,
-  border: "1px solid var(--dsw-alias-border-l2)",
-  borderRadius: 8,
-  padding: "10px 12px"
-};
-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)([]);
+// src/client/ResourceManager.tsx
+var labels = { code: { copyLabel: "\u590D\u5236", copiedLabel: "\u5DF2\u590D\u5236" }, footnotes: "\u811A\u6CE8" };
+var levelOf = (row) => row.source === "bundled" ? "bundled" : row.source.startsWith("user") ? "user" : "project";
+var sourceText2 = (source) => source === "bundled" ? "\u5185\u7F6E" : source.startsWith("user") ? "\u4E2A\u4EBA" : "\u9879\u76EE";
+var sizeText = (bytes) => bytes < 1024 ? `${bytes} B` : bytes < 1024 * 1024 ? `${(bytes / 1024).toFixed(1)} KB` : `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+var fail = (r) => describeError(r.error ?? "\u64CD\u4F5C\u5931\u8D25");
+function ResourceManager({ workspace, remote, kind }) {
+  const noun = kind === "skill" ? "\u6280\u80FD" : "\u89C4\u5219";
+  const [rows, setRows] = (0, import_react4.useState)([]);
+  const [query, setQuery] = (0, import_react4.useState)("");
+  const [filter, setFilter] = (0, import_react4.useState)("all");
+  const [notice, setNotice] = (0, import_react4.useState)("");
+  const [error, setError] = (0, import_react4.useState)("");
+  const [loading, setLoading] = (0, import_react4.useState)(true);
+  const [revision, refresh] = (0, import_react4.useState)(0);
+  const [busy, setBusy] = (0, import_react4.useState)(false);
+  const [roots, setRoots] = (0, import_react4.useState)(null);
+  const [importing, setImporting] = (0, import_react4.useState)(false);
+  const [request, setRequest] = (0, import_react4.useState)(null);
+  const [preview, setPreview] = (0, import_react4.useState)(null);
   const [level, setLevel] = (0, import_react4.useState)("project");
+  const [manual, setManual] = (0, import_react4.useState)(false);
+  const [sourceDir, setSourceDir] = (0, import_react4.useState)("");
+  const [dirs, setDirs] = (0, import_react4.useState)([]);
+  const [browsePath, setBrowsePath] = (0, import_react4.useState)("");
   const [editing, setEditing] = (0, import_react4.useState)(null);
-  const [creating, setCreating] = (0, import_react4.useState)(false);
   const [viewing, setViewing] = (0, import_react4.useState)(false);
-  const [confirming, setConfirming] = (0, import_react4.useState)(null);
   const [name, setName] = (0, import_react4.useState)("");
   const [description, setDescription] = (0, import_react4.useState)("");
   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 [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([]);
+  const [deleting, setDeleting] = (0, import_react4.useState)(null);
+  const input = (0, import_react4.useRef)(null);
+  const fileEpoch = (0, import_react4.useRef)(0);
+  const browseEpoch = (0, import_react4.useRef)(0);
+  const readonly = editing !== null && editing !== "new" && levelOf(editing) === "bundled";
+  (0, import_react4.useEffect)(() => {
+    let active = true;
+    setLoading(true);
+    setRows([]);
+    setError("");
+    const run = async () => {
+      try {
+        const r = kind === "skill" ? await remote.listSkills(workspace) : await remote.listRules(workspace);
+        if (!active) return;
+        if (!r.ok) throw new Error(fail(r));
+        setRows("skills" in r.value ? r.value.skills : r.value.rules);
+      } catch (e) {
+        if (active) setError("\u52A0\u8F7D\u5931\u8D25\uFF1A" + describeError(e));
+      } finally {
+        if (active) setLoading(false);
       }
+    };
+    void run();
+    void remote.resourceRoots({ kind, path: workspace }).then((r) => {
+      if (active && r.ok) setRoots(r.value);
     }, () => {
-      setBrowseChildEntries([]);
     });
+    return () => {
+      active = false;
+      fileEpoch.current++;
+    };
+  }, [workspace, remote, kind, revision]);
+  (0, import_react4.useEffect)(() => {
+    let active = true;
+    setPreview(null);
+    if (!request) return;
+    setBusy(true);
+    setError("");
+    void remote.previewResource({ ...request, level, path: workspace }).then((r) => {
+      if (!active) return;
+      if (!r.ok) setError(fail(r));
+      else if (!r.value.ok) setError(r.value.error ?? "\u9884\u89C8\u5931\u8D25");
+      else setPreview(r.value);
+    }, (e) => {
+      if (active) setError(describeError(e));
+    }).finally(() => {
+      if (active) setBusy(false);
+    });
+    return () => {
+      active = false;
+    };
+  }, [request, level, workspace, remote]);
+  const close = () => {
+    if (busy) return;
+    fileEpoch.current++;
+    setImporting(false);
+    setEditing(null);
+    setDeleting(null);
+    setRequest(null);
+    setError("");
   };
-  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 choose = () => {
+    setError("");
+    if (input.current) {
+      input.current.value = "";
+      input.current.click();
+    }
   };
-  const openBrowse = () => {
-    setBrowsing(true);
-    setBrowseError("");
-    loadLevel("");
+  const selected = async (files) => {
+    if (!files.length) return;
+    const epoch = ++fileEpoch.current;
+    setImporting(true);
+    setManual(false);
+    setRequest(null);
+    setPreview(null);
+    setBusy(true);
+    setError("");
+    setNotice("");
+    try {
+      files = files.filter((f) => !(f.webkitRelativePath || f.name).split("/").some((p) => ["node_modules", ".git", "__pycache__", ".venv", "venv", ".cache", ".DS_Store"].includes(p)));
+      if (!files.length || files.length > 1e3 || files.reduce((n, f) => n + f.size, 0) > 100 * 1024 * 1024 || files.some((f) => f.size > 20 * 1024 * 1024)) throw new Error("\u8BF7\u9009\u62E9\u4E0D\u8D85\u8FC7 1000 \u4E2A\u6587\u4EF6 / 100 MB \u7684\u6280\u80FD\u5305\uFF0C\u5355\u6587\u4EF6\u4E0D\u8D85\u8FC7 20 MB");
+      const entries = [];
+      for (const file of files) {
+        const data = new Uint8Array(await file.arrayBuffer());
+        let binary = "";
+        for (let i = 0; i < data.length; i += 32768) binary += String.fromCharCode(...data.subarray(i, i + 32768));
+        entries.push({ path: file.webkitRelativePath || file.name, base64: btoa(binary) });
+      }
+      if (epoch === fileEpoch.current) setRequest({ kind, level, path: workspace, files: entries });
+    } catch (e) {
+      if (epoch === fileEpoch.current) setError(describeError(e));
+    } finally {
+      if (epoch === fileEpoch.current) setBusy(false);
+    }
   };
-  const browseUp = () => {
-    const p = browseCurrent.replace(/[\\/]+$/u, "");
-    const idx = Math.max(p.lastIndexOf("/"), p.lastIndexOf("\\"));
-    loadLevel(idx <= 2 ? "" : p.slice(0, idx));
+  const install = async () => {
+    if (!request || !preview || preview.conflict || busy) return;
+    setBusy(true);
+    setError("");
+    try {
+      const r = await remote.importResource({ ...request, level, path: workspace, expectedHash: preview.hash });
+      if (!r.ok) throw new Error(fail(r));
+      if (!r.value.ok) throw new Error(r.value.error ?? "\u5B89\u88C5\u5931\u8D25");
+      setNotice(`\u5DF2\u5B89\u88C5${noun}\u300C${r.value.name}\u300D \xB7 ${r.value.target}`);
+      setImporting(false);
+      setRequest(null);
+      refresh((n) => n + 1);
+    } catch (e) {
+      setError(describeError(e));
+    } finally {
+      setBusy(false);
+    }
   };
-  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);
-    }, () => {
-    });
-  }, [remote, workspace]);
-  (0, import_react4.useEffect)(() => {
-    refresh();
-  }, [refresh]);
-  const closeForm = () => {
-    setEditing(null);
-    setCreating(false);
-    setViewing(false);
-    setName("");
-    setDescription("");
-    setWhenToUse("");
-    setBody("");
-    setMsg("");
+  const browse = async (path) => {
+    const epoch = ++browseEpoch.current;
+    setError("");
+    try {
+      const r = await remote.listDirs({ path });
+      if (epoch !== browseEpoch.current) return;
+      if (!r.ok) throw new Error(fail(r));
+      if (!r.value.ok) throw new Error(r.value.error ?? "\u76EE\u5F55\u8BFB\u53D6\u5931\u8D25");
+      setBrowsePath(r.value.path);
+      setSourceDir(r.value.path);
+      setDirs(r.value.entries);
+    } catch (e) {
+      if (epoch === browseEpoch.current) setError(describeError(e));
+    }
   };
-  const startCreate = () => {
-    setEditing(null);
-    setCreating(true);
-    setViewing(false);
-    setInstalling(false);
-    setLevel("project");
-    setName("");
+  const edit = async (row, view = false) => {
+    setEditing(row);
+    setViewing(view);
+    setName(row === "new" ? "" : row.name);
     setDescription("");
     setWhenToUse("");
     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"));
+    setError("");
+    if (row === "new") {
+      setLevel("project");
       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) => {
-      if (r.ok && r.value.ok) {
-        setName(r.value.name);
-        setDescription(r.value.description);
-        setWhenToUse(r.value.whenToUse);
-        setBody(r.value.content);
-      } else {
-        setMsg("\u8BFB\u53D6\u5931\u8D25\uFF1A" + (r.ok ? r.value.error ?? "\u672A\u77E5\u9519\u8BEF" : describeError(r.error)));
-      }
-    });
-  };
-  const startEdit = (sk) => {
-    const lvl = levelOf(sk.source);
-    setEditing(sk.name);
-    setCreating(false);
-    setViewing(false);
+    const lvl = levelOf(row);
     setLevel(lvl === "user" ? "user" : "project");
-    loadSkill(sk.name, lvl);
-  };
-  const startView = (sk) => {
-    setEditing(sk.name);
-    setCreating(false);
-    setViewing(true);
-    loadSkill(sk.name, "bundled");
-  };
-  const submit = async () => {
-    setMsg("");
-    const target = editing ?? name;
-    const result = await remote.writeSkill({
-      name: target,
-      description,
-      whenToUse: whenToUse.trim() === "" ? void 0 : whenToUse,
-      content: body2,
-      level,
-      path: level === "project" ? workspace : void 0
-    });
-    if (!result.ok) {
-      setMsg("\u4FDD\u5B58\u5931\u8D25\uFF1A" + describeError(result.error));
-      return;
+    setBusy(true);
+    try {
+      const r = kind === "skill" ? await remote.readSkill({ name: row.name, level: lvl, path: workspace }) : await remote.readRule({ name: row.name, level: lvl, path: workspace });
+      if (!r.ok) throw new Error(fail(r));
+      if (!r.value.ok) throw new Error(r.value.error ?? "\u8BFB\u53D6\u5931\u8D25");
+      setBody(r.value.content);
+      if (kind === "skill") {
+        const skill = r.value;
+        setDescription(skill.description);
+        setWhenToUse(skill.whenToUse);
+      }
+    } catch (e) {
+      setError(describeError(e));
+    } finally {
+      setBusy(false);
     }
-    if (!result.value.ok) {
-      setMsg("\u4FDD\u5B58\u5931\u8D25\uFF1A" + (result.value.error ?? "\u672A\u77E5\u9519\u8BEF"));
-      return;
+  };
+  const save2 = async () => {
+    if (busy) return;
+    setBusy(true);
+    setError("");
+    try {
+      if (editing === "new" && rows.some((r2) => r2.name === name && (levelOf(r2) === level || levelOf(r2) === "bundled"))) throw new Error("\u540C\u540D\u8D44\u6E90\u5DF2\u5B58\u5728\uFF0C\u8BF7\u6362\u540D\u6216\u7F16\u8F91\u73B0\u6709\u8D44\u6E90");
+      const r = kind === "skill" ? await remote.writeSkill({ name, description, whenToUse, content: body2, level, path: workspace }) : await remote.writeRule({ name, content: body2, level, path: workspace });
+      if (!r.ok) throw new Error(fail(r));
+      if (!r.value.ok) throw new Error(r.value.error ?? "\u4FDD\u5B58\u5931\u8D25");
+      setNotice(`\u5DF2\u4FDD\u5B58${noun} \xB7 ${r.value.path}`);
+      setEditing(null);
+      refresh((n) => n + 1);
+    } catch (e) {
+      setError(describeError(e));
+    } finally {
+      setBusy(false);
     }
-    setMsg(`\u5DF2\u4FDD\u5B58 skill\u300C${result.value.name}\u300D`);
-    setEditing(null);
-    setCreating(false);
-    refresh();
   };
-  const remove = async (sk) => {
-    setMsg("");
-    const lvl = levelOf(sk.source);
+  const remove = async () => {
+    if (!deleting || busy) return;
+    const lvl = levelOf(deleting);
     if (lvl === "bundled") return;
-    const result = await remote.deleteSkill({ name: sk.name, level: lvl, path: workspace });
-    if (!result.ok) {
-      setMsg("\u5220\u9664\u5931\u8D25\uFF1A" + describeError(result.error));
-      setConfirming(null);
-      return;
-    }
-    if (!result.value.ok) {
-      setMsg("\u5220\u9664\u5931\u8D25\uFF1A" + (result.value.error ?? "\u672A\u77E5\u9519\u8BEF"));
-      setConfirming(null);
-      return;
+    setBusy(true);
+    setError("");
+    try {
+      const r = kind === "skill" ? await remote.deleteSkill({ name: deleting.name, level: lvl, path: workspace }) : await remote.deleteRule({ name: deleting.name, level: lvl, path: workspace });
+      if (!r.ok) throw new Error(fail(r));
+      if (!r.value.ok) throw new Error(r.value.error ?? "\u5220\u9664\u5931\u8D25");
+      setNotice(`\u5DF2\u5220\u9664${noun}\u300C${deleting.name}\u300D`);
+      setDeleting(null);
+      refresh((n) => n + 1);
+    } catch (e) {
+      setError(describeError(e));
+    } finally {
+      setBusy(false);
     }
-    setMsg(`\u5DF2\u5220\u9664 skill\u300C${result.value.name}\u300D`);
-    if (editing === sk.name) setEditing(null);
-    setConfirming(null);
-    refresh();
   };
-  const formOpen = editing !== null || creating || installing;
-  const renderRow = (sk) => (0, import_react4.createElement)(
+  const status = () => error ? (0, import_react4.createElement)("div", { className: "te-alert", role: "alert" }, error) : null;
+  const targets = () => (0, import_react4.createElement)(
     "div",
-    {
-      key: sk.name,
-      style: { display: "flex", alignItems: "center", gap: 8, justifyContent: "space-between", padding: "6px 0", borderBottom: "1px solid var(--dsw-alias-border-l2)" }
-    },
-    (0, import_react4.createElement)(
-      "div",
-      { style: { display: "flex", flexDirection: "column", gap: 2, minWidth: 0 } },
-      (0, import_react4.createElement)(
-        "span",
-        { style: { fontSize: 13, color: "var(--dsw-alias-label-primary)" } },
-        sk.name,
-        sk.source !== "bundled" ? (0, import_react4.createElement)("span", { style: styles.sourceBadge }, `\uFF08${sourceLabel(sk.source)}\uFF09`) : null
-      ),
-      (0, import_react4.createElement)("span", { style: styles.sourceBadge }, sk.description)
-    ),
-    sk.source === "bundled" ? (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", size: "sm", onClick: () => {
-      startView(sk);
-    } }, "\u67E5\u770B") : (0, import_react4.createElement)(
-      "div",
-      { style: { display: "flex", gap: 6 } },
-      (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", size: "sm", onClick: () => {
-        startEdit(sk);
-      } }, "\u7F16\u8F91"),
-      confirming === sk.name ? (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "primary", size: "sm", onClick: () => {
-        void remove(sk);
-      } }, "\u786E\u8BA4\u5220\u9664") : (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", size: "sm", onClick: () => {
-        setConfirming(sk.name);
-      } }, "\u5220\u9664")
-    )
+    { className: "te-targets" },
+    ...["project", "user"].map((lvl) => (0, import_react4.createElement)(
+      "button",
+      { type: "button", key: lvl, className: `te-target ${level === lvl ? "selected" : ""}`, "aria-pressed": level === lvl, disabled: busy || editing !== null && editing !== "new", onClick: () => {
+        setPreview(null);
+        setLevel(lvl);
+      } },
+      (0, import_react4.createElement)("strong", null, lvl === "project" ? "\u9879\u76EE\u5171\u4EAB" : "\u4E2A\u4EBA\u5168\u5C40"),
+      (0, import_react4.createElement)("small", null, lvl === "project" ? "\u4EC5\u5F53\u524D\u5DE5\u4F5C\u533A\u4F7F\u7528" : "\u6B64\u4E3B\u673A\u4E0A\u7684\u6240\u6709\u9879\u76EE\u53EF\u7528")
+    )),
+    (0, import_react4.createElement)("code", { className: "te-path" }, roots?.[level] ?? (level === "project" ? `${workspace}/.dsh/${kind}s` : `DSH_HOME/${kind}s`))
   );
-  const renderForm = () => {
-    if (viewing) {
-      return (0, import_react4.createElement)(
-        ResourceModal,
-        {
-          title: `\u67E5\u770B skill\u300C${editing ?? ""}\u300D`,
-          description: "\u5185\u7F6E \xB7 \u53EA\u8BFB" + (whenToUse !== "" && whenToUse !== void 0 ? ` \xB7 \u4F7F\u7528\u65F6\u673A\uFF1A${whenToUse}` : ""),
-          onClose: closeForm,
-          footer: (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", size: "sm", onClick: closeForm }, "\u5173\u95ED")
-        },
-        (0, import_react4.createElement)(import_dsh_client_ui_primitives4.MarkdownText, { text: body2, labels: MD_LABELS2 })
-      );
-    }
-    return (0, import_react4.createElement)(
+  const visible = rows.filter((r) => `${r.name} ${r.description ?? ""}`.toLowerCase().includes(query.toLowerCase()) && (filter === "all" || levelOf(r) === filter));
+  return (0, import_react4.createElement)(
+    "section",
+    { className: "te-resource" },
+    (0, import_react4.createElement)("input", { type: "file", ref: input, hidden: true, "aria-label": kind === "skill" ? "\u9009\u62E9\u6280\u80FD\u6587\u4EF6\u5939" : "\u9009\u62E9\u89C4\u5219\u6587\u4EF6", ...kind === "skill" ? { webkitdirectory: "", multiple: true } : { accept: ".md,text/markdown" }, onChange: (e) => {
+      void selected(Array.from(e.target.files ?? []));
+    } }),
+    (0, import_react4.createElement)("div", { className: "te-section-heading" }, (0, import_react4.createElement)("div", null, (0, import_react4.createElement)("h2", null, `${noun}\u5E93`), (0, import_react4.createElement)("p", null, kind === "skill" ? "\u628A\u53EF\u590D\u7528\u7684\u5DE5\u4F5C\u65B9\u6CD5\u5E26\u5165\u9879\u76EE\u3002" : "\u4E3A\u9879\u76EE\u660E\u786E\u7EA6\u5B9A\uFF0C\u8BA9\u6BCF\u6B21\u4EA4\u4ED8\u4FDD\u6301\u4E00\u81F4\u3002")), (0, import_react4.createElement)("div", { className: "te-actions" }, (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", onClick: () => {
+      void edit("new");
+    } }, `\u65B0\u5EFA${noun}`), (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "primary", onClick: choose }, `\u5B89\u88C5${noun}`))),
+    (0, import_react4.createElement)("div", { className: "te-toolbar" }, (0, import_react4.createElement)("input", { className: "te-input", placeholder: `\u641C\u7D22${noun}\u540D\u79F0${kind === "skill" ? "\u6216\u63CF\u8FF0" : ""}`, value: query, onChange: (e) => setQuery(e.target.value) }), (0, import_react4.createElement)("select", { className: "te-input", "aria-label": "\u7B5B\u9009\u6765\u6E90", value: filter, onChange: (e) => setFilter(e.target.value) }, (0, import_react4.createElement)("option", { value: "all" }, `\u5168\u90E8\u6765\u6E90 \xB7 ${rows.length}`), (0, import_react4.createElement)("option", { value: "bundled" }, "\u5185\u7F6E"), (0, import_react4.createElement)("option", { value: "project" }, "\u9879\u76EE"), (0, import_react4.createElement)("option", { value: "user" }, "\u4E2A\u4EBA")), (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", onClick: () => refresh((n) => n + 1), disabled: loading }, "\u5237\u65B0")),
+    notice ? (0, import_react4.createElement)("div", { className: "te-success", role: "status" }, notice) : null,
+    !importing && !editing && !deleting ? status() : null,
+    loading ? (0, import_react4.createElement)("div", { className: "te-empty", role: "status" }, "\u6B63\u5728\u52A0\u8F7D\u2026") : visible.length === 0 ? (0, import_react4.createElement)("div", { className: "te-empty" }, (0, import_react4.createElement)("h3", null, query || filter !== "all" ? "\u6CA1\u6709\u5339\u914D\u7684\u7ED3\u679C" : `\u8FD8\u6CA1\u6709${noun}`), (0, import_react4.createElement)("p", null, "\u8C03\u6574\u7B5B\u9009\uFF0C\u6216\u4F7F\u7528\u53F3\u4E0A\u89D2\u6309\u94AE\u6DFB\u52A0\u3002")) : (0, import_react4.createElement)("div", { className: "te-resource-grid" }, ...visible.map((row) => (0, import_react4.createElement)(
+      "article",
+      { className: "te-resource-card", key: row.source + "/" + row.name },
+      (0, import_react4.createElement)("div", { className: "te-card-top" }, (0, import_react4.createElement)("span", { className: "te-resource-icon", "aria-hidden": true }, kind === "skill" ? "\u25C7" : "\u2261"), (0, import_react4.createElement)("span", { className: "te-badge" }, sourceText2(row.source))),
+      (0, import_react4.createElement)("h3", null, row.name),
+      (0, import_react4.createElement)("p", null, row.description || "\u9879\u76EE\u7EA6\u5B9A\u4E0E\u6267\u884C\u89C4\u5219"),
+      (0, import_react4.createElement)("div", { className: "te-actions" }, (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", size: "sm", onClick: () => {
+        void edit(row, true);
+      } }, "\u67E5\u770B"), levelOf(row) !== "bundled" ? (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", size: "sm", onClick: () => {
+        void edit(row);
+      } }, "\u7F16\u8F91") : null, levelOf(row) !== "bundled" ? (0, import_react4.createElement)("button", { className: "te-delete", onClick: () => {
+        setDeleting(row);
+        setError("");
+      } }, "\u5220\u9664") : null)
+    ))),
+    kind === "skill" ? (0, import_react4.createElement)("button", { className: "te-link", onClick: () => {
+      setImporting(true);
+      setManual(true);
+      setError("");
+    } }, "\u9AD8\u7EA7\uFF1A\u4ECE Harness \u4E3B\u673A\u8DEF\u5F84\u5B89\u88C5") : null,
+    importing ? (0, import_react4.createElement)(
       ResourceModal,
-      {
-        title: editing === null ? "\u65B0\u5EFA skill" : `\u7F16\u8F91 skill\u300C${editing ?? ""}\u300D`,
-        onClose: closeForm,
-        footer: (0, import_react4.createElement)(
-          "div",
-          { style: styles.row },
-          (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, {
-            variant: "primary",
-            size: "sm",
-            disabled: editing === null && name.trim() === "" || description.trim() === "" || body2.trim() === "",
-            onClick: () => {
-              void submit();
-            }
-          }, "\u4FDD\u5B58"),
-          (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", size: "sm", onClick: closeForm }, "\u53D6\u6D88")
-        )
-      },
-      (0, import_react4.createElement)(
-        "div",
-        { style: styles.chips },
-        (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Pill, { active: level === "project", onClick: () => {
-          setLevel("project");
-        }, title: "\u5199\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: level === "user", onClick: () => {
-          setLevel("user");
-        }, title: "\u5199\u5230 $DSH_HOME/skills\uFF0C\u4E2A\u4EBA\u6240\u6709\u9879\u76EE\u53EF\u7528" }, "\u7528\u6237\u7EA7")
-      ),
-      editing === null ? (0, import_react4.createElement)("input", { style: control, placeholder: "name\uFF08\u5982 my-skill\uFF0C\u53EA\u542B\u5C0F\u5199\u5B57\u6BCD\u6570\u5B57\u548C -\uFF09", value: name, onChange: (ev) => {
-        setName(ev.target.value);
-      } }) : (0, import_react4.createElement)("span", { style: styles.sourceBadge }, `name \u56FA\u5B9A\u4E3A ${name}\uFF08\u6539\u540D\u8BF7\u5220\u9664\u540E\u91CD\u5EFA\uFF09`),
-      (0, import_react4.createElement)("input", { style: control, placeholder: "description\uFF08\u4E00\u53E5\u8BDD\u8BF4\u660E\u5B83\u505A\u4EC0\u4E48\uFF09", value: description, onChange: (ev) => {
-        setDescription(ev.target.value);
-      } }),
-      (0, import_react4.createElement)("input", { style: control, placeholder: "whenToUse\uFF08\u53EF\u9009\uFF1A\u4EC0\u4E48\u60C5\u51B5\u8BE5\u7528\uFF09", value: whenToUse, onChange: (ev) => {
-        setWhenToUse(ev.target.value);
-      } }),
-      (0, import_react4.createElement)("textarea", { style: { ...styles.textarea, minHeight: 300 }, placeholder: "\u6B63\u6587\uFF08\u544A\u8BC9\u5927\u6A21\u578B\u8FD9\u4E2A\u9636\u6BB5\u600E\u4E48\u5E72\uFF09", value: body2, onChange: (ev) => {
-        setBody(ev.target.value);
-      } }),
-      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)(
-      "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, "")))
+      { title: `\u5B89\u88C5${noun}`, description: "\u5148\u68C0\u67E5\u5185\u5BB9\u548C\u5B89\u88C5\u4F4D\u7F6E\uFF0C\u786E\u8BA4\u540E\u624D\u4F1A\u5199\u5165\u3002", onClose: close, footer: (0, import_react4.createElement)("div", { className: "te-actions" }, (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", disabled: busy, onClick: close }, "\u53D6\u6D88"), (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "primary", disabled: busy || !preview || preview.conflict, onClick: () => {
+        void install();
+      } }, busy ? "\u5904\u7406\u4E2D\u2026" : "\u786E\u8BA4\u5B89\u88C5")) },
+      targets(),
+      (0, import_react4.createElement)("div", { className: "te-actions" }, (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", disabled: busy, onClick: choose }, "\u91CD\u65B0\u9009\u62E9"), kind === "skill" ? (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", disabled: busy, onClick: () => setManual(!manual) }, manual ? "\u6536\u8D77\u9AD8\u7EA7\u65B9\u5F0F" : "\u4E3B\u673A\u8DEF\u5F84") : null),
+      manual ? (0, import_react4.createElement)("div", { className: "te-advanced" }, (0, import_react4.createElement)("p", null, "\u6B64\u8DEF\u5F84\u4F4D\u4E8E Harness \u4E3B\u673A\uFF1B\u6D4F\u89C8\u5668\u9009\u62E9\u5668\u8BFB\u53D6\u7684\u662F\u4F60\u5F53\u524D\u7535\u8111\u3002"), (0, import_react4.createElement)("div", { className: "te-toolbar" }, (0, import_react4.createElement)("input", { className: "te-input", "aria-label": "\u4E3B\u673A\u6280\u80FD\u76EE\u5F55", value: sourceDir, onChange: (e) => {
+        setSourceDir(e.target.value);
+        setRequest(null);
+      } }), (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", onClick: () => {
+        void browse(sourceDir);
+      } }, "\u6D4F\u89C8"), (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", disabled: busy || !sourceDir.trim(), onClick: () => setRequest({ kind, level, path: workspace, files: [], sourceDir }) }, "\u9884\u89C8\u76EE\u5F55")), (0, import_react4.createElement)("div", { className: "te-dir-list" }, browsePath ? (0, import_react4.createElement)("button", { onClick: () => {
+        void browse(browsePath.replace(/[\\/][^\\/]+[\\/]?$/u, "") || "/");
+      } }, "\u2191 \u4E0A\u7EA7\u76EE\u5F55") : null, ...dirs.map((d) => (0, import_react4.createElement)("button", { key: d.name, onClick: () => {
+        setRequest(null);
+        void browse(browsePath.replace(/[\\/]+$/u, "") + "/" + d.name);
+      } }, d.name + (d.hasSkill ? " \xB7 SKILL.md" : ""))))) : null,
+      busy ? (0, import_react4.createElement)("p", { role: "status" }, "\u6B63\u5728\u6821\u9A8C\u6587\u4EF6\uFF0C\u8BF7\u7A0D\u5019\u2026") : null,
+      status(),
+      preview ? (0, import_react4.createElement)("div", { className: "te-preview" }, (0, import_react4.createElement)("h3", null, preview.name), (0, import_react4.createElement)("p", null, preview.description), (0, import_react4.createElement)("div", { className: "te-actions" }, (0, import_react4.createElement)("span", { className: "te-badge" }, `${preview.files} \u4E2A\u6587\u4EF6`), (0, import_react4.createElement)("span", { className: "te-badge" }, sizeText(preview.bytes))), (0, import_react4.createElement)("code", { className: "te-path" }, preview.target), preview.conflict ? (0, import_react4.createElement)("div", { className: "te-alert", role: "alert" }, "\u5DF2\u6709\u540C\u540D\u8D44\u6E90\u3002\u8BF7\u53D6\u6D88\u5E76\u68C0\u67E5\u73B0\u6709\u5185\u5BB9\uFF0C\u5B89\u88C5\u4E0D\u4F1A\u8986\u76D6\u5B83\u3002") : null, (0, import_react4.createElement)("div", { className: "te-markdown" }, (0, import_react4.createElement)(import_dsh_client_ui_primitives4.MarkdownText, { text: preview.content, labels }))) : null
     ) : 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 },
-    (0, import_react4.createElement)(
-      "div",
-      { style: card2 },
-      (0, import_react4.createElement)(
-        "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\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)(
-        "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")
-      )
-    ),
-    installing ? renderInstallForm() : null,
-    browsing ? renderBrowseModal() : null,
-    formOpen && !installing ? renderForm() : null
+    editing ? (0, import_react4.createElement)(
+      ResourceModal,
+      { title: editing === "new" ? `\u65B0\u5EFA${noun}` : `${viewing ? "\u67E5\u770B" : "\u7F16\u8F91"}${noun} \xB7 ${name}`, onClose: close, footer: (0, import_react4.createElement)("div", { className: "te-actions" }, (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", disabled: busy, onClick: close }, "\u5173\u95ED"), !readonly ? (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", disabled: busy, onClick: () => setViewing(!viewing) }, viewing ? "\u7F16\u8F91\u5185\u5BB9" : "\u9884\u89C8") : null, !readonly ? (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "primary", disabled: busy || !name.trim() || !body2.trim() || kind === "skill" && !description.trim(), onClick: () => {
+        void save2();
+      } }, busy ? "\u5904\u7406\u4E2D\u2026" : "\u4FDD\u5B58") : null) },
+      !readonly ? targets() : (0, import_react4.createElement)("p", { className: "te-badge" }, "\u5185\u7F6E\u8D44\u6E90 \xB7 \u53EA\u8BFB"),
+      status(),
+      viewing ? (0, import_react4.createElement)("div", { className: "te-markdown" }, (0, import_react4.createElement)(import_dsh_client_ui_primitives4.MarkdownText, { text: body2, labels })) : (0, import_react4.createElement)("div", { className: "te-form" }, (0, import_react4.createElement)("label", null, "\u540D\u79F0", (0, import_react4.createElement)("input", { className: "te-input", value: name, disabled: editing !== "new" || busy, onChange: (e) => setName(e.target.value), placeholder: "\u5C0F\u5199\u5B57\u6BCD\u3001\u6570\u5B57\u548C\u8FDE\u5B57\u7B26" })), kind === "skill" ? (0, import_react4.createElement)("label", null, "\u63CF\u8FF0", (0, import_react4.createElement)("input", { className: "te-input", value: description, disabled: busy, onChange: (e) => setDescription(e.target.value) })) : null, kind === "skill" ? (0, import_react4.createElement)("label", null, "\u4F7F\u7528\u65F6\u673A\uFF08\u53EF\u9009\uFF09", (0, import_react4.createElement)("input", { className: "te-input", value: whenToUse, disabled: busy, onChange: (e) => setWhenToUse(e.target.value) })) : null, (0, import_react4.createElement)("label", null, "Markdown \u6B63\u6587", (0, import_react4.createElement)("textarea", { className: "te-input te-editor", value: body2, disabled: busy, onChange: (e) => setBody(e.target.value) })))
+    ) : null,
+    deleting ? (0, import_react4.createElement)(ResourceModal, { title: `\u5220\u9664${noun}\u300C${deleting.name}\u300D\uFF1F`, description: levelOf(deleting) === "user" ? "\u8FD9\u662F\u4E2A\u4EBA\u5168\u5C40\u8D44\u6E90\uFF0C\u5220\u9664\u4F1A\u5F71\u54CD\u6B64\u4E3B\u673A\u4E0A\u7684\u6240\u6709\u9879\u76EE\u3002" : "\u5220\u9664\u5C06\u5F71\u54CD\u5F53\u524D\u9879\u76EE\u3002", onClose: close, footer: (0, import_react4.createElement)("div", { className: "te-actions" }, (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", disabled: busy, onClick: close }, "\u4FDD\u7559"), (0, import_react4.createElement)("button", { className: "te-danger-button", disabled: busy, onClick: () => {
+      void remove();
+    } }, busy ? "\u5220\u9664\u4E2D\u2026" : "\u786E\u8BA4\u6C38\u4E45\u5220\u9664")) }, (0, import_react4.createElement)("code", { className: "te-path" }, `${roots?.[levelOf(deleting) === "user" ? "user" : "project"] ?? "\u8D44\u6E90\u76EE\u5F55"}/${deleting.name}${kind === "rule" ? ".md" : ""}`), (0, import_react4.createElement)("p", null, "\u6B64\u64CD\u4F5C\u4E0D\u4F1A\u8FDB\u5165\u56DE\u6536\u7AD9\uFF0C\u8BF7\u786E\u8BA4\u5DF2\u6709\u5907\u4EFD\u3002"), status()) : null
   );
 }
 
-// src/client/RuleManager.tsx
-var import_react5 = require("react");
-var import_dsh_client_ui_primitives5 = require("@deepseek-ai/dsh-client-ui-primitives");
-var MD_LABELS3 = { code: { copyLabel: "\u590D\u5236", copiedLabel: "\u5DF2\u590D\u5236" }, footnotes: "\u811A\u6CE8" };
-var control2 = {
-  background: "var(--dsw-alias-bg-layer-1)",
-  border: "1px solid var(--dsw-alias-border-l2)",
-  borderRadius: 8,
-  padding: "5px 8px",
-  color: "var(--dsw-alias-label-primary)",
-  fontSize: 13,
-  minWidth: 0
-};
-var card3 = {
-  display: "flex",
-  flexDirection: "column",
-  gap: 8,
-  border: "1px solid var(--dsw-alias-border-l2)",
-  borderRadius: 8,
-  padding: "10px 12px"
-};
-function levelOf2(source) {
-  if (source === "bundled") return "bundled";
-  return source.startsWith("user") ? "user" : "project";
+// src/client/SkillManager.tsx
+function SkillManager(props) {
+  return (0, import_react5.createElement)(ResourceManager, { ...props, key: props.workspace, kind: "skill" });
 }
-function RuleManager({ workspace, remote }) {
-  const [rules, setRules] = (0, import_react5.useState)([]);
-  const [level, setLevel] = (0, import_react5.useState)("project");
-  const [editing, setEditing] = (0, import_react5.useState)(null);
-  const [creating, setCreating] = (0, import_react5.useState)(false);
-  const [viewing, setViewing] = (0, import_react5.useState)(false);
-  const [confirming, setConfirming] = (0, import_react5.useState)(null);
-  const [name, setName] = (0, import_react5.useState)("");
-  const [body2, setBody] = (0, import_react5.useState)("");
-  const [msg, setMsg] = (0, import_react5.useState)("");
-  const refresh = (0, import_react5.useCallback)(() => {
-    void remote.listRules(workspace).then((r) => {
-      if (r.ok) setRules(r.value.rules);
-    }, () => {
-    });
-  }, [remote, workspace]);
-  (0, import_react5.useEffect)(() => {
-    refresh();
-  }, [refresh]);
-  const closeForm = () => {
-    setEditing(null);
-    setCreating(false);
-    setViewing(false);
-    setName("");
-    setBody("");
-    setMsg("");
-  };
-  const startCreate = () => {
-    setEditing(null);
-    setCreating(true);
-    setViewing(false);
-    setLevel("project");
-    setName("");
-    setBody("");
-    setMsg("");
-  };
-  const loadRule = (ruleName, lvl) => {
-    setMsg("");
-    void remote.readRule({ name: ruleName, level: lvl, path: workspace }).then((r) => {
-      if (r.ok && r.value.ok) {
-        setName(r.value.name);
-        setBody(r.value.content);
-      } else {
-        setMsg("\u8BFB\u53D6\u5931\u8D25\uFF1A" + (r.ok ? r.value.error ?? "\u672A\u77E5\u9519\u8BEF" : describeError(r.error)));
-      }
-    });
-  };
-  const startEdit = (rule) => {
-    const lvl = levelOf2(rule.source);
-    setEditing(rule.name);
-    setCreating(false);
-    setViewing(false);
-    setLevel(lvl === "user" ? "user" : "project");
-    loadRule(rule.name, lvl);
-  };
-  const startView = (rule) => {
-    setEditing(rule.name);
-    setCreating(false);
-    setViewing(true);
-    loadRule(rule.name, "bundled");
-  };
-  const submit = async () => {
-    setMsg("");
-    const result = await remote.writeRule({
-      name: editing ?? name,
-      content: body2,
-      level,
-      path: level === "project" ? workspace : void 0
-    });
-    if (!result.ok) {
-      setMsg("\u4FDD\u5B58\u5931\u8D25\uFF1A" + describeError(result.error));
-      return;
-    }
-    if (!result.value.ok) {
-      setMsg("\u4FDD\u5B58\u5931\u8D25\uFF1A" + (result.value.error ?? "\u672A\u77E5\u9519\u8BEF"));
-      return;
-    }
-    setMsg(`\u5DF2\u4FDD\u5B58 rule\u300C${result.value.name}\u300D`);
-    setEditing(null);
-    setCreating(false);
-    refresh();
-  };
-  const remove = async (rule) => {
-    setMsg("");
-    const lvl = levelOf2(rule.source);
-    if (lvl === "bundled") return;
-    const result = await remote.deleteRule({ name: rule.name, level: lvl, path: workspace });
-    if (!result.ok) {
-      setMsg("\u5220\u9664\u5931\u8D25\uFF1A" + describeError(result.error));
-      setConfirming(null);
-      return;
-    }
-    if (!result.value.ok) {
-      setMsg("\u5220\u9664\u5931\u8D25\uFF1A" + (result.value.error ?? "\u672A\u77E5\u9519\u8BEF"));
-      setConfirming(null);
-      return;
-    }
-    setMsg(`\u5DF2\u5220\u9664 rule\u300C${result.value.name}\u300D`);
-    if (editing === rule.name) setEditing(null);
-    setConfirming(null);
-    refresh();
-  };
-  const formOpen = editing !== null || creating;
-  const renderRow = (rule) => (0, import_react5.createElement)(
-    "div",
-    {
-      key: rule.name,
-      style: { display: "flex", alignItems: "center", gap: 8, justifyContent: "space-between", padding: "6px 0", borderBottom: "1px solid var(--dsw-alias-border-l2)" }
-    },
-    (0, import_react5.createElement)(
-      "span",
-      { style: { fontSize: 13, color: "var(--dsw-alias-label-primary)" } },
-      rule.name,
-      rule.source !== "bundled" ? (0, import_react5.createElement)("span", { style: styles.sourceBadge }, `\uFF08${sourceLabel(rule.source)}\uFF09`) : null
-    ),
-    rule.source === "bundled" ? (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "outline", size: "sm", onClick: () => {
-      startView(rule);
-    } }, "\u67E5\u770B") : (0, import_react5.createElement)(
-      "div",
-      { style: { display: "flex", gap: 6 } },
-      (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "outline", size: "sm", onClick: () => {
-        startEdit(rule);
-      } }, "\u7F16\u8F91"),
-      confirming === rule.name ? (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "primary", size: "sm", onClick: () => {
-        void remove(rule);
-      } }, "\u786E\u8BA4\u5220\u9664") : (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "ghost", size: "sm", onClick: () => {
-        setConfirming(rule.name);
-      } }, "\u5220\u9664")
-    )
-  );
-  const renderForm = () => {
-    if (viewing) {
-      return (0, import_react5.createElement)(
-        ResourceModal,
-        {
-          title: `\u67E5\u770B rule\u300C${editing ?? ""}\u300D`,
-          description: "\u5185\u7F6E \xB7 \u53EA\u8BFB",
-          onClose: closeForm,
-          footer: (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "ghost", size: "sm", onClick: closeForm }, "\u5173\u95ED")
-        },
-        (0, import_react5.createElement)(import_dsh_client_ui_primitives5.MarkdownText, { text: body2, labels: MD_LABELS3 })
-      );
-    }
-    return (0, import_react5.createElement)(
-      ResourceModal,
-      {
-        title: editing === null ? "\u65B0\u5EFA rule" : `\u7F16\u8F91 rule\u300C${editing ?? ""}\u300D`,
-        onClose: closeForm,
-        footer: (0, import_react5.createElement)(
-          "div",
-          { style: styles.row },
-          (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, {
-            variant: "primary",
-            size: "sm",
-            disabled: editing === null && name.trim() === "" || body2.trim() === "",
-            onClick: () => {
-              void submit();
-            }
-          }, "\u4FDD\u5B58"),
-          (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "ghost", size: "sm", onClick: closeForm }, "\u53D6\u6D88")
-        )
-      },
-      (0, import_react5.createElement)(
-        "div",
-        { style: styles.chips },
-        (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Pill, { active: level === "project", onClick: () => {
-          setLevel("project");
-        }, title: "\u5199\u5230\u5DE5\u4F5C\u533A .dsh/rules\uFF0C\u56E2\u961F\u5171\u4EAB" }, "\u9879\u76EE\u7EA7"),
-        (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Pill, { active: level === "user", onClick: () => {
-          setLevel("user");
-        }, title: "\u5199\u5230 $DSH_HOME/rules\uFF0C\u4E2A\u4EBA\u6240\u6709\u9879\u76EE\u53EF\u7528" }, "\u7528\u6237\u7EA7")
-      ),
-      editing === null ? (0, import_react5.createElement)("input", { style: control2, placeholder: "name\uFF08\u5982 my-redlines\uFF0C\u53EA\u542B\u5C0F\u5199\u5B57\u6BCD\u6570\u5B57\u548C -\uFF09", value: name, onChange: (ev) => {
-        setName(ev.target.value);
-      } }) : (0, import_react5.createElement)("span", { style: styles.sourceBadge }, `name \u56FA\u5B9A\u4E3A ${name}\uFF08\u6539\u540D\u8BF7\u5220\u9664\u540E\u91CD\u5EFA\uFF09`),
-      (0, import_react5.createElement)("textarea", { style: { ...styles.textarea, minHeight: 260 }, placeholder: "\u6B63\u6587\uFF08\u8FD9\u6761\u89C4\u5219\u7EA6\u675F\u5927\u6A21\u578B\u9075\u5B88\u4EC0\u4E48\uFF09", value: body2, onChange: (ev) => {
-        setBody(ev.target.value);
-      } }),
-      msg !== "" ? (0, import_react5.createElement)("p", { style: styles.status }, msg) : null
-    );
-  };
-  return (0, import_react5.createElement)(
-    "div",
-    { style: styles.section },
-    (0, import_react5.createElement)(
-      "div",
-      { style: card3 },
-      (0, import_react5.createElement)(
-        "div",
-        { style: styles.bindingStage },
-        (0, import_react5.createElement)("span", { style: styles.bindingLabel }, "\u5DF2\u5B89\u88C5\u7684 rule"),
-        rules.length === 0 ? (0, import_react5.createElement)("p", { style: styles.muted }, "\u6682\u65E0 rule\uFF0C\u70B9\u4E0B\u65B9\u300C\u65B0\u5EFA rule\u300D\u521B\u5EFA\u4E00\u4E2A\u3002") : (0, import_react5.createElement)(
-          "div",
-          { style: styles.section },
-          ...rules.map(renderRow)
-        )
-      ),
-      (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "outline", size: "md", onClick: startCreate }, "\u65B0\u5EFA rule")
-    ),
-    formOpen ? renderForm() : null
-  );
+
+// src/client/RuleManager.tsx
+var import_react6 = require("react");
+function RuleManager(props) {
+  return (0, import_react6.createElement)(ResourceManager, { ...props, key: props.workspace, kind: "rule" });
 }
 
 // src/client/TaskLedger.tsx
-var import_react6 = require("react");
-var import_dsh_client_ui_primitives6 = require("@deepseek-ai/dsh-client-ui-primitives");
-var card4 = {
+var import_react7 = require("react");
+var import_dsh_client_ui_primitives5 = require("@deepseek-ai/dsh-client-ui-primitives");
+var card2 = {
   display: "flex",
   flexDirection: "column",
   gap: 10,
@@ -6279,10 +5938,10 @@ var badge = {
   color: "var(--dsw-alias-label-secondary)"
 };
 function verdictDot(outcome) {
-  return (0, import_react6.createElement)(import_dsh_client_ui_primitives6.StateDot, { state: outcome === "pass" ? "done" : "error" });
+  return (0, import_react7.createElement)(import_dsh_client_ui_primitives5.StateDot, { state: outcome === "pass" ? "done" : "error" });
 }
 function itemStatusDot(status) {
-  return (0, import_react6.createElement)(import_dsh_client_ui_primitives6.StateDot, { state: status === "done" ? "done" : "ongoing" });
+  return (0, import_react7.createElement)(import_dsh_client_ui_primitives5.StateDot, { state: status === "done" ? "done" : "ongoing" });
 }
 function timeText(at) {
   return at.slice(0, 19).replace("T", " ");
@@ -6290,92 +5949,111 @@ function timeText(at) {
 function itemAudit(item) {
   const lines = [];
   if (item.dispatch !== void 0) {
-    lines.push((0, import_react6.createElement)(
+    lines.push((0, import_react7.createElement)(
       "div",
       { key: "dispatch", style: metaLine },
-      (0, import_react6.createElement)("span", { style: badge }, "\u5DF2\u6D3E\u53D1"),
-      (0, import_react6.createElement)("span", null, item.dispatch.description === "" ? "\uFF08\u65E0\u63CF\u8FF0\uFF09" : item.dispatch.description),
-      (0, import_react6.createElement)("span", { style: badge }, timeText(item.dispatch.at))
+      (0, import_react7.createElement)("span", { style: badge }, "\u5DF2\u6D3E\u53D1"),
+      (0, import_react7.createElement)("span", null, item.dispatch.description === "" ? "\uFF08\u65E0\u63CF\u8FF0\uFF09" : item.dispatch.description),
+      (0, import_react7.createElement)("span", { style: badge }, timeText(item.dispatch.at))
     ));
   }
   if (item.review !== void 0) {
     const spec = item.review.spec;
     const quality = item.review.quality;
-    lines.push((0, import_react6.createElement)(
+    lines.push((0, import_react7.createElement)(
       "div",
       { key: "review", style: metaLine },
       verdictDot(spec.outcome),
-      (0, import_react6.createElement)("span", null, `\u89C4\u683C\u7B26\u5408 ${spec.outcome === "pass" ? "\u901A\u8FC7" : "\u4E0D\u901A\u8FC7"}`),
-      (0, import_react6.createElement)("span", null, "\xB7"),
+      (0, import_react7.createElement)("span", null, `\u89C4\u683C\u7B26\u5408 ${spec.outcome === "pass" ? "\u901A\u8FC7" : "\u4E0D\u901A\u8FC7"}`),
+      (0, import_react7.createElement)("span", null, "\xB7"),
       verdictDot(quality.outcome),
-      (0, import_react6.createElement)("span", null, `\u4EE3\u7801\u8D28\u91CF ${quality.outcome === "pass" ? "\u901A\u8FC7" : "\u4E0D\u901A\u8FC7"}`)
+      (0, import_react7.createElement)("span", null, `\u4EE3\u7801\u8D28\u91CF ${quality.outcome === "pass" ? "\u901A\u8FC7" : "\u4E0D\u901A\u8FC7"}`)
     ));
     const failNotes = [spec, quality].flatMap((stage) => stage.outcome === "fail" ? stage.notes ?? [] : []);
     if (failNotes.length > 0) {
-      lines.push((0, import_react6.createElement)(
+      lines.push((0, import_react7.createElement)(
         "div",
         { key: "notes", style: metaLine },
-        ...failNotes.map((note) => (0, import_react6.createElement)("span", { key: note, style: badge }, note))
+        ...failNotes.map((note) => (0, import_react7.createElement)("span", { key: note, style: badge }, note))
       ));
     }
   }
   if (lines.length === 0) {
-    lines.push((0, import_react6.createElement)("div", { key: "none", style: metaLine }, (0, import_react6.createElement)("span", { style: badge }, "\u672A\u6D3E\u53D1 / \u672A\u5BA1\u67E5")));
+    lines.push((0, import_react7.createElement)("div", { key: "none", style: metaLine }, (0, import_react7.createElement)("span", { style: badge }, "\u672A\u6D3E\u53D1 / \u672A\u5BA1\u67E5")));
   }
-  return (0, import_react6.createElement)("div", { style: { display: "flex", flexDirection: "column", gap: 4 } }, ...lines);
+  return (0, import_react7.createElement)("div", { style: { display: "flex", flexDirection: "column", gap: 4 } }, ...lines);
 }
 function TaskLedger({ workspace, remote }) {
-  const [tasks, setTasks] = (0, import_react6.useState)([]);
-  const [error, setError] = (0, import_react6.useState)("");
-  const refresh = (0, import_react6.useCallback)(() => {
+  const [tasks, setTasks] = (0, import_react7.useState)([]);
+  const [error, setError] = (0, import_react7.useState)("");
+  const [loading, setLoading] = (0, import_react7.useState)(true);
+  const [query, setQuery] = (0, import_react7.useState)("");
+  const [risk, setRisk] = (0, import_react7.useState)("all");
+  const [stage, setStage] = (0, import_react7.useState)("all");
+  const refresh = (0, import_react7.useCallback)(() => {
     if (workspace === "") return;
     setError("");
+    setLoading(true);
     void remote.readTasks(workspace).then((result) => {
+      setLoading(false);
       if (result.ok) setTasks(result.value.tasks);
       else setError("\u8BFB\u53D6\u53F0\u8D26\u5931\u8D25\uFF1A" + describeError(result.error));
     }, (reason) => {
+      setLoading(false);
       setError("\u8BFB\u53D6\u53F0\u8D26\u5931\u8D25\uFF1A" + describeError(reason));
     });
   }, [remote, workspace]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     refresh();
   }, [refresh]);
-  return (0, import_react6.createElement)(
+  const visible = tasks.filter((task) => `${task.task_id} ${task.title} ${task.branch}`.toLowerCase().includes(query.toLowerCase()) && (risk === "all" || task.risk_level === risk) && (stage === "all" || task.stage === stage));
+  return (0, import_react7.createElement)(
     "div",
     { style: styles.section },
-    (0, import_react6.createElement)(
+    (0, import_react7.createElement)(
+      "div",
+      { className: "te-toolbar" },
+      (0, import_react7.createElement)("input", { className: "te-input", placeholder: "\u641C\u7D22\u4EFB\u52A1\u3001\u6807\u9898\u6216\u5206\u652F", value: query, onChange: (e) => setQuery(e.target.value) }),
+      (0, import_react7.createElement)("select", { className: "te-input", "aria-label": "\u98CE\u9669\u7B5B\u9009", value: risk, onChange: (e) => setRisk(e.target.value) }, (0, import_react7.createElement)("option", { value: "all" }, "\u5168\u90E8\u98CE\u9669"), (0, import_react7.createElement)("option", { value: "standard" }, "\u6807\u51C6"), (0, import_react7.createElement)("option", { value: "high_risk" }, "\u9AD8\u98CE\u9669")),
+      (0, import_react7.createElement)("select", { className: "te-input", "aria-label": "\u9636\u6BB5\u7B5B\u9009", value: stage, onChange: (e) => setStage(e.target.value) }, (0, import_react7.createElement)("option", { value: "all" }, "\u5168\u90E8\u9636\u6BB5"), ...Array.from(new Set(tasks.map((t) => t.stage))).map((value) => (0, import_react7.createElement)("option", { key: value, value }, value)))
+    ),
+    (0, import_react7.createElement)(
       "div",
       { style: headerRow },
-      (0, import_react6.createElement)("span", { style: styles.bindingLabel }, "\u4EFB\u52A1\u53F0\u8D26"),
-      (0, import_react6.createElement)("span", { style: styles.sourceBadge }, "\u53EA\u8BFB \xB7 \u6765\u81EA .dsh/task-*.json"),
-      (0, import_react6.createElement)(import_dsh_client_ui_primitives6.Button, { variant: "outline", size: "sm", onClick: refresh }, "\u5237\u65B0")
+      (0, import_react7.createElement)("span", { style: styles.bindingLabel }, "\u4EFB\u52A1\u53F0\u8D26"),
+      (0, import_react7.createElement)("span", { style: styles.sourceBadge }, "\u53EA\u8BFB \xB7 \u6765\u81EA .dsh/task-*.json"),
+      (0, import_react7.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "outline", size: "sm", disabled: loading, onClick: refresh }, loading ? "\u8BFB\u53D6\u4E2D\u2026" : "\u5237\u65B0")
     ),
-    error !== "" ? (0, import_react6.createElement)("p", { style: styles.status }, error) : tasks.length === 0 ? (0, import_react6.createElement)("p", { style: styles.muted }, "\u5F53\u524D\u5DE5\u4F5C\u533A\u8FD8\u6CA1\u6709\u4EFB\u52A1\uFF1A\u5F00\u5DE5\u540E\uFF08dev_task create\uFF09\u4F1A\u5728\u8FD9\u91CC\u5217\u51FA\u6D3E\u53D1\u4E0E\u5BA1\u67E5\u7559\u75D5\u3002") : (0, import_react6.createElement)(
+    loading ? (0, import_react7.createElement)("p", { role: "status" }, "\u6B63\u5728\u8BFB\u53D6\u4EFB\u52A1\u2026") : error !== "" ? (0, import_react7.createElement)("p", { style: styles.status }, error) : tasks.length === 0 ? (0, import_react7.createElement)("p", { style: styles.muted }, "\u5F53\u524D\u5DE5\u4F5C\u533A\u8FD8\u6CA1\u6709\u4EFB\u52A1\uFF1A\u5F00\u5DE5\u540E\uFF08dev_task create\uFF09\u4F1A\u5728\u8FD9\u91CC\u5217\u51FA\u6D3E\u53D1\u4E0E\u5BA1\u67E5\u7559\u75D5\u3002") : visible.length === 0 ? (0, import_react7.createElement)("div", { className: "te-empty" }, "\u6CA1\u6709\u5339\u914D\u7684\u4EFB\u52A1\uFF0C\u8BF7\u8C03\u6574\u7B5B\u9009\u3002") : (0, import_react7.createElement)(
       "div",
       { style: { display: "flex", flexDirection: "column", gap: 12 } },
-      ...tasks.map((task) => (0, import_react6.createElement)(
+      ...visible.map((task) => (0, import_react7.createElement)(
         "div",
-        { key: task.task_id, style: card4 },
-        (0, import_react6.createElement)(
+        { key: task.task_id, style: card2 },
+        (0, import_react7.createElement)(
           "div",
           { style: headerRow },
-          (0, import_react6.createElement)("span", { style: { fontSize: 14, fontWeight: 600, color: "var(--dsw-alias-label-primary)" } }, task.task_id),
-          (0, import_react6.createElement)("span", { style: { fontSize: 13, color: "var(--dsw-alias-label-primary)" } }, task.title),
-          (0, import_react6.createElement)("span", { style: badge }, task.stage),
-          (0, import_react6.createElement)("span", { style: badge }, task.branch)
+          (0, import_react7.createElement)("span", { style: { fontSize: 14, fontWeight: 600, color: "var(--dsw-alias-label-primary)" } }, task.task_id),
+          (0, import_react7.createElement)("span", { style: { fontSize: 13, color: "var(--dsw-alias-label-primary)" } }, task.title),
+          (0, import_react7.createElement)("span", { style: badge }, task.stage),
+          (0, import_react7.createElement)("span", { style: badge }, task.branch),
+          (0, import_react7.createElement)("span", { className: "te-badge", style: task.risk_level === "high_risk" ? { color: "var(--dsw-alias-state-error-primary)" } : {} }, task.risk_level === "high_risk" ? "\u9AD8\u98CE\u9669" : "\u6807\u51C6"),
+          (0, import_react7.createElement)("span", { className: "te-badge" }, task.verification_passed ? "\u9A8C\u8BC1\u901A\u8FC7" : "\u5F85\u9A8C\u8BC1"),
+          (0, import_react7.createElement)("span", { className: "te-badge" }, `\u5BA1\u6838\uFF1A${task.review_outcome ?? "pending"}`),
+          task.updated_at ? (0, import_react7.createElement)("span", { style: metaLine }, "\u66F4\u65B0\u4E8E " + timeText(task.updated_at)) : null
         ),
-        (0, import_react6.createElement)(
+        (0, import_react7.createElement)(
           "div",
           { style: { display: "flex", flexDirection: "column" } },
-          ...task.items.map((item) => (0, import_react6.createElement)(
+          ...task.items.map((item) => (0, import_react7.createElement)(
             "div",
             { key: item.id, style: itemRow },
-            (0, import_react6.createElement)(
+            (0, import_react7.createElement)(
               "div",
               { style: headerRow },
               itemStatusDot(item.status),
-              (0, import_react6.createElement)("span", { style: { fontSize: 13, color: "var(--dsw-alias-label-primary)" } }, item.id),
-              (0, import_react6.createElement)("span", { style: { fontSize: 12, color: "var(--dsw-alias-label-secondary)" } }, item.title)
+              (0, import_react7.createElement)("span", { style: { fontSize: 13, color: "var(--dsw-alias-label-primary)" } }, item.id),
+              (0, import_react7.createElement)("span", { style: { fontSize: 12, color: "var(--dsw-alias-label-secondary)" } }, item.title)
             ),
             itemAudit(item)
           ))
@@ -6398,24 +6076,25 @@ var header = {
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
-  padding: "12px 20px",
+  padding: "20px 28px",
   borderBottom: "1px solid var(--dsw-alias-border-l2)"
 };
 var headerBrand = { display: "flex", alignItems: "center", gap: 10, minWidth: 0 };
 var headerText = { display: "flex", flexDirection: "column", gap: 1, minWidth: 0 };
-var headerTitle = { fontSize: 15, fontWeight: 600, color: "var(--dsw-alias-label-primary)" };
+var headerTitle = { fontSize: 20, fontWeight: 650, color: "var(--dsw-alias-label-primary)" };
 var headerSub = { fontSize: 12, color: "var(--dsw-alias-label-tertiary)", margin: 0 };
 var tabbar = {
   display: "flex",
   alignItems: "center",
   gap: 8,
-  padding: "10px 20px",
+  padding: "12px 28px",
+  flexWrap: "wrap",
   borderBottom: "1px solid var(--dsw-alias-border-l2)"
 };
 var body = {
   flex: 1,
   overflowY: "auto",
-  padding: 20
+  padding: "24px clamp(12px, 3vw, 32px)"
 };
 var selectStyle = {
   marginLeft: "auto",
@@ -6442,34 +6121,35 @@ var TABS = [
   { id: "init", label: "\u9879\u76EE\u521D\u59CB\u5316" },
   { id: "flow", label: "\u6D41\u7A0B\u914D\u7F6E" },
   { id: "tasks", label: "\u4EFB\u52A1\u53F0\u8D26" },
-  { id: "skills", label: "\u6280\u80FD skill" },
-  { id: "rules", label: "\u89C4\u5219 rule" }
+  { id: "skills", label: "\u6280\u80FD" },
+  { id: "rules", label: "\u89C4\u5219" }
 ];
 function Workbench({ useStore, actions, useWorkspaces, remote }) {
   const open = useStore((s) => s.open);
   const workspaces = useWorkspaces((s) => s.items);
-  const [tab, setTab] = (0, import_react7.useState)("init");
-  const [workspace, setWorkspace] = (0, import_react7.useState)("");
+  const [tab, setTab] = (0, import_react8.useState)("init");
+  const [workspace, setWorkspace] = (0, import_react8.useState)("");
   if (!open) return null;
   const current = workspaces.some((w) => w.path === workspace) ? workspace : workspaces[0]?.path ?? "";
-  return (0, import_react7.createElement)(
+  return (0, import_react8.createElement)(
     "div",
-    { style: overlay },
-    (0, import_react7.createElement)(
+    { style: overlay, className: "te-workbench" },
+    (0, import_react8.createElement)("style", null, workbenchTheme),
+    (0, import_react8.createElement)(
       "div",
       { style: header },
-      (0, import_react7.createElement)(
+      (0, import_react8.createElement)(
         "div",
         { style: headerBrand },
-        (0, import_react7.createElement)(import_dsh_client_ui_primitives7.IconSettingsOutline16, { size: 18 }),
-        (0, import_react7.createElement)(
+        (0, import_react8.createElement)(import_dsh_client_ui_primitives6.IconSettingsOutline16, { size: 18 }),
+        (0, import_react8.createElement)(
           "div",
           { style: headerText },
-          (0, import_react7.createElement)("span", { style: headerTitle }, "\u5DE5\u7A0B\u6D41\u7A0B"),
-          (0, import_react7.createElement)("p", { style: headerSub }, "\u5DE5\u7A0B\u5316\u4EA4\u4ED8\u5DE5\u4F5C\u53F0 \xB7 \u9700\u6C42\u8BC4\u5BA1 \u2192 \u8BBE\u8BA1 \u2192 \u5F00\u53D1 \u2192 \u4EA4\u4ED8 \u2192 \u4EE3\u7801\u5BA1\u6838")
+          (0, import_react8.createElement)("span", { style: headerTitle }, "\u5DE5\u7A0B\u6D41\u7A0B"),
+          (0, import_react8.createElement)("p", { style: headerSub }, "\u5DE5\u7A0B\u5316\u4EA4\u4ED8\u5DE5\u4F5C\u53F0 \xB7 \u9700\u6C42\u8BC4\u5BA1 \u2192 \u8BBE\u8BA1 \u2192 \u5F00\u53D1 \u2192 \u4EA4\u4ED8 \u2192 \u4EE3\u7801\u5BA1\u6838")
         )
       ),
-      (0, import_react7.createElement)(
+      (0, import_react8.createElement)(
         "button",
         {
           type: "button",
@@ -6485,38 +6165,44 @@ function Workbench({ useStore, actions, useWorkspaces, remote }) {
             event.currentTarget.style.background = "transparent";
           }
         },
-        (0, import_react7.createElement)(import_dsh_client_ui_primitives7.IconCloseOutline16, { size: 16 })
+        (0, import_react8.createElement)(import_dsh_client_ui_primitives6.IconCloseOutline16, { size: 16 })
       )
     ),
-    (0, import_react7.createElement)(
+    (0, import_react8.createElement)(
       "div",
       { style: tabbar },
-      ...TABS.map((t) => (0, import_react7.createElement)(import_dsh_client_ui_primitives7.Pill, { key: t.id, active: tab === t.id, onClick: () => {
+      ...TABS.map((t) => (0, import_react8.createElement)(import_dsh_client_ui_primitives6.Pill, { key: t.id, active: tab === t.id, onClick: () => {
         setTab(t.id);
       } }, t.label)),
-      workspaces.length > 0 ? (0, import_react7.createElement)("select", {
+      workspaces.length > 0 ? (0, import_react8.createElement)("select", {
         style: selectStyle,
+        "aria-label": "\u5F53\u524D\u5DE5\u4F5C\u533A",
         value: current,
         onChange: (ev) => {
           setWorkspace(ev.target.value);
         }
-      }, ...workspaces.map((w) => (0, import_react7.createElement)("option", { key: w.path, value: w.path }, w.title || w.path))) : null
+      }, ...workspaces.map((w) => (0, import_react8.createElement)("option", { key: w.path, value: w.path }, w.title || w.path))) : null
     ),
-    (0, import_react7.createElement)(
+    (0, import_react8.createElement)(
       "div",
       { style: body },
-      current === "" ? (0, import_react7.createElement)("p", { style: styles.muted }, "\u5F53\u524D\u6CA1\u6709\u5DE5\u4F5C\u533A\uFF1A\u8BF7\u5148\u5728\u4FA7\u680F\u521B\u5EFA\u4E00\u4E2A\u5DE5\u4F5C\u533A\uFF0C\u518D\u56DE\u6765\u914D\u7F6E\u6D41\u7A0B\u3002") : tab === "init" ? (0, import_react7.createElement)(InitPanel, { workspace: current, remote }) : tab === "flow" ? (0, import_react7.createElement)(TaskEngineSection, { workspace: current, remote }) : tab === "tasks" ? (0, import_react7.createElement)(TaskLedger, { workspace: current, remote }) : tab === "skills" ? (0, import_react7.createElement)(SkillManager, { workspace: current, remote }) : (0, import_react7.createElement)(RuleManager, { workspace: current, remote })
+      (0, import_react8.createElement)(
+        "div",
+        { className: "te-content", key: current },
+        (0, import_react8.createElement)("p", { style: { ...styles.hint, marginBottom: 20 }, title: current }, "\u5DE5\u4F5C\u533A \xB7 " + current),
+        current === "" ? (0, import_react8.createElement)("p", { style: styles.muted }, "\u5F53\u524D\u6CA1\u6709\u5DE5\u4F5C\u533A\uFF1A\u8BF7\u5148\u5728\u4FA7\u680F\u521B\u5EFA\u4E00\u4E2A\u5DE5\u4F5C\u533A\uFF0C\u518D\u56DE\u6765\u914D\u7F6E\u6D41\u7A0B\u3002") : tab === "init" ? (0, import_react8.createElement)(InitPanel, { workspace: current, remote }) : tab === "flow" ? (0, import_react8.createElement)(TaskEngineSection, { workspace: current, remote }) : tab === "tasks" ? (0, import_react8.createElement)(TaskLedger, { workspace: current, remote }) : tab === "skills" ? (0, import_react8.createElement)(SkillManager, { workspace: current, remote }) : (0, import_react8.createElement)(RuleManager, { workspace: current, remote })
+      )
     )
   );
 }
 
 // src/client/TriggerButton.tsx
-var import_react8 = require("react");
-var import_dsh_client_ui_primitives8 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react9 = require("react");
+var import_dsh_client_ui_primitives7 = require("@deepseek-ai/dsh-client-ui-primitives");
 var hover = "var(--dsw-alias-bg-layer-2)";
 var label = "var(--dsw-alias-label-primary)";
 function TriggerButton({ wide, actions }) {
-  return (0, import_react8.createElement)(
+  return (0, import_react9.createElement)(
     "button",
     {
       type: "button",
@@ -6556,8 +6242,8 @@ function TriggerButton({ wide, actions }) {
         transition: "background 120ms ease"
       }
     },
-    (0, import_react8.createElement)(import_dsh_client_ui_primitives8.IconSettingsOutline16, { size: wide ? 16 : 18 }),
-    wide ? (0, import_react8.createElement)("span", { style: { fontSize: 14, lineHeight: "22px" } }, "\u5DE5\u7A0B\u6D41\u7A0B") : null
+    (0, import_react9.createElement)(import_dsh_client_ui_primitives7.IconSettingsOutline16, { size: wide ? 16 : 18 }),
+    wide ? (0, import_react9.createElement)("span", { style: { fontSize: 14, lineHeight: "22px" } }, "\u5DE5\u7A0B\u6D41\u7A0B") : null
   );
 }