@godv61/dsh-task-engine 0.6.1 → 0.8.0

package/lib/client.js

@@ -1019,10 +1019,10 @@ function isValidJWT(jwt, alg) {
   if (!jwtRegex.test(jwt))
     return false;
   try {
-    const [header] = jwt.split(".");
-    if (!header)
+    const [header2] = jwt.split(".");
+    if (!header2)
       return false;
-    const base64 = header.replace(/-/g, "+").replace(/_/g, "/").padEnd(header.length + (4 - header.length % 4) % 4, "=");
+    const base64 = header2.replace(/-/g, "+").replace(/_/g, "/").padEnd(header2.length + (4 - header2.length % 4) % 4, "=");
     const decoded = JSON.parse(atob(base64));
     if (typeof decoded !== "object" || decoded === null)
       return false;
@@ -4144,6 +4144,30 @@ var writeResourceResultSchema = external_exports.object({
   path: external_exports.string(),
   error: external_exports.string().optional()
 });
+var readSkillRequestSchema = external_exports.object({
+  name: external_exports.string(),
+  level: external_exports.enum(["project", "user"]),
+  path: external_exports.string().optional()
+});
+var readSkillResultSchema = external_exports.object({
+  ok: external_exports.boolean(),
+  name: external_exports.string(),
+  description: external_exports.string(),
+  whenToUse: external_exports.string(),
+  content: external_exports.string(),
+  error: external_exports.string().optional()
+});
+var readRuleRequestSchema = external_exports.object({
+  name: external_exports.string(),
+  level: external_exports.enum(["project", "user"]),
+  path: external_exports.string().optional()
+});
+var readRuleResultSchema = external_exports.object({
+  ok: external_exports.boolean(),
+  name: external_exports.string(),
+  content: external_exports.string(),
+  error: external_exports.string().optional()
+});
 var PACKAGE = "@godv61/dsh-task-engine";
 var TYPERT_REMOTE = {
   package: PACKAGE,
@@ -4243,11 +4267,123 @@ var TYPERT_REMOTE = {
         }
       ],
       result: { mode: "strict", typeSymbol: `${PACKAGE}/types#WriteResourceResult`, schema: writeResourceResultSchema }
+    },
+    {
+      id: `${PACKAGE}#task-engine/readSkill`,
+      service: "taskEngineController",
+      namespace: "task-engine",
+      method: "readSkill",
+      invocation: { kind: "direct" },
+      parameters: [
+        {
+          name: "request",
+          wire: "request",
+          source: "json",
+          codec: { mode: "strict", typeSymbol: `${PACKAGE}/types#ReadSkillRequest`, schema: readSkillRequestSchema }
+        }
+      ],
+      result: { mode: "strict", typeSymbol: `${PACKAGE}/types#ReadSkillResult`, schema: readSkillResultSchema }
+    },
+    {
+      id: `${PACKAGE}#task-engine/readRule`,
+      service: "taskEngineController",
+      namespace: "task-engine",
+      method: "readRule",
+      invocation: { kind: "direct" },
+      parameters: [
+        {
+          name: "request",
+          wire: "request",
+          source: "json",
+          codec: { mode: "strict", typeSymbol: `${PACKAGE}/types#ReadRuleRequest`, schema: readRuleRequestSchema }
+        }
+      ],
+      result: { mode: "strict", typeSymbol: `${PACKAGE}/types#ReadRuleResult`, schema: readRuleResultSchema }
     }
   ]
 };
 var remote_default = TYPERT_REMOTE;
 
+// src/client/Workbench.tsx
+var import_react5 = require("react");
+var import_dsh_client_ui_primitives4 = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// src/client/styles.ts
+var text = "var(--dsw-alias-label-primary)";
+var textSecondary = "var(--dsw-alias-label-secondary)";
+var textTertiary = "var(--dsw-alias-label-tertiary)";
+var border = "var(--dsw-alias-border-l2)";
+var surface = "var(--dsw-alias-bg-layer-2)";
+var danger = "var(--dsw-alias-state-error-primary)";
+var success = "var(--dsw-alias-state-success-primary)";
+var warn = "var(--dsw-alias-state-warn-primary)";
+var styles = {
+  wrap: { display: "flex", flexDirection: "column", gap: 16, padding: 20, maxWidth: 900 },
+  head: { display: "flex", flexDirection: "column", gap: 4 },
+  title: { margin: 0, color: text },
+  muted: { margin: 0, color: textSecondary, fontSize: 13, lineHeight: 1.5 },
+  sourceRow: { display: "flex", alignItems: "center", gap: 8 },
+  sourceText: { color: textTertiary, fontSize: 13 },
+  workspaceRow: { display: "flex", alignItems: "center", gap: 8 },
+  workspaceLabel: { color: textSecondary, fontSize: 13 },
+  flowCard: { border: `1px solid ${border}`, borderRadius: 10, background: surface, padding: 12, overflowX: "auto" },
+  section: { display: "flex", flexDirection: "column", gap: 12 },
+  cardBody: { padding: "4px 0 8px", display: "flex", flexDirection: "column", gap: 12 },
+  row: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" },
+  field: { display: "flex", flexDirection: "column", gap: 4, flex: "1 1 220px", minWidth: 180 },
+  fieldLabel: { color: textSecondary, fontSize: 13 },
+  hint: { color: textTertiary, fontSize: 12, margin: 0, lineHeight: 1.4 },
+  chips: { display: "flex", flexWrap: "wrap", gap: 6, alignItems: "center" },
+  cardRow: {
+    display: "flex",
+    alignItems: "center",
+    gap: 8,
+    flexWrap: "wrap",
+    border: `1px solid ${border}`,
+    borderRadius: 8,
+    padding: "8px 10px"
+  },
+  inline: { display: "inline-flex", alignItems: "center", gap: 6, marginRight: 8 },
+  textarea: {
+    background: "var(--dsw-alias-bg-layer-1)",
+    border: `1px solid ${border}`,
+    borderRadius: 8,
+    padding: "8px 10px",
+    color: text,
+    fontSize: 13,
+    minHeight: 90,
+    resize: "vertical",
+    fontFamily: "inherit",
+    width: "100%",
+    boxSizing: "border-box"
+  },
+  sourceBadge: { color: textTertiary, fontSize: 11 },
+  bindingStage: { display: "flex", flexDirection: "column", gap: 6 },
+  bindingLabel: { color: text, fontSize: 13, fontWeight: 600 },
+  problems: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 8,
+    border: `1px solid ${danger}`,
+    borderRadius: 8,
+    padding: "10px 12px"
+  },
+  problemsTitle: { color: danger, fontSize: 13, fontWeight: 600, display: "flex", alignItems: "center", gap: 8 },
+  problemsList: { margin: 0, paddingLeft: 20, color: text, fontSize: 13, display: "flex", flexDirection: "column", gap: 4 },
+  noticeBox: {
+    border: `1px solid ${warn}`,
+    borderRadius: 8,
+    padding: "10px 12px",
+    display: "flex",
+    flexDirection: "column",
+    gap: 8
+  },
+  noticeTitle: { color: warn, fontSize: 13, fontWeight: 600, display: "flex", alignItems: "center", gap: 8 },
+  okText: { color: success, fontSize: 13, display: "flex", alignItems: "center", gap: 6 },
+  status: { color: textTertiary, fontSize: 13, display: "flex", alignItems: "center", gap: 6 },
+  actions: { display: "flex", alignItems: "center", gap: 12, marginTop: 4 }
+};
+
 // src/client/TaskEngineSection.tsx
 var import_react2 = require("react");
 var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
@@ -4350,12 +4486,12 @@ var stepX = nodeW + 56;
 var margin = 40;
 var nodeTop = 92;
 var nodeCenterY = nodeTop + nodeH / 2;
-var textTertiary = "var(--dsw-alias-label-tertiary)";
-var textSecondary = "var(--dsw-alias-label-secondary)";
-var border = "var(--dsw-alias-border-l2)";
-var surface = "var(--dsw-alias-bg-layer-2)";
+var textTertiary2 = "var(--dsw-alias-label-tertiary)";
+var textSecondary2 = "var(--dsw-alias-label-secondary)";
+var border2 = "var(--dsw-alias-border-l2)";
+var surface2 = "var(--dsw-alias-bg-layer-2)";
 var brand = "var(--dsw-alias-state-business-primary)";
-var danger = "var(--dsw-alias-state-error-primary)";
+var danger2 = "var(--dsw-alias-state-error-primary)";
 function edgeList(config) {
   return config.transitions.map((t) => {
     const label = (t.requires ?? []).length > 0 ? (t.requires ?? []).join(" \xB7 ") : null;
@@ -4465,7 +4601,7 @@ function FlowDiagram({ config, onAddTransition, onRemoveTransition }) {
     ...edges.map((edge, i) => {
       const from = indexOf(edge.from);
       const to = indexOf(edge.to);
-      const stroke = edge.orphaned ? danger : textTertiary;
+      const stroke = edge.orphaned ? danger2 : textTertiary2;
       const d = from < to ? forwardPath(from, to) : returnPath(from, to < 0 ? from : to);
       const labelY = from < to ? forwardLabelY(from, to) : returnLabelY(from, to < 0 ? from : to);
       const labelX = from < to ? (nodeX(from, stageCount) + nodeW + nodeX(to, stageCount)) / 2 : (nodeX(from, stageCount) + nodeX(to < 0 ? from : to, stageCount) + nodeW) / 2;
@@ -4487,7 +4623,7 @@ function FlowDiagram({ config, onAddTransition, onRemoveTransition }) {
         y: labelY,
         textAnchor: "middle",
         fontSize: 11,
-        fill: edge.orphaned ? danger : textSecondary
+        fill: edge.orphaned ? danger2 : textSecondary2
       }, edge.label);
       return (0, import_react.createElement)(
         "g",
@@ -4529,8 +4665,8 @@ function FlowDiagram({ config, onAddTransition, onRemoveTransition }) {
           height: nodeH,
           rx: 20,
           ry: 20,
-          fill: surface,
-          stroke: isStart ? brand : border,
+          fill: surface2,
+          stroke: isStart ? brand : border2,
           strokeWidth: isStart ? 2 : 1.5
         }),
         (0, import_react.createElement)("text", {
@@ -4633,81 +4769,30 @@ var WORKFLOW_TEMPLATES = [
   { id: "minimal", label: "\u7EAF\u4EE3\u7801", description: "\u5F00\u53D1 \u2192 \u4EA4\u4ED8\uFF0C\u4E24\u9636\u6BB5\uFF0C\u53EA\u7559\u63D0\u4EA4\u95E8\u7981", config: MINIMAL }
 ];
 
-// src/client/styles.ts
-var text = "var(--dsw-alias-label-primary)";
-var textSecondary2 = "var(--dsw-alias-label-secondary)";
-var textTertiary2 = "var(--dsw-alias-label-tertiary)";
-var border2 = "var(--dsw-alias-border-l2)";
-var surface2 = "var(--dsw-alias-bg-layer-2)";
-var danger2 = "var(--dsw-alias-state-error-primary)";
-var success = "var(--dsw-alias-state-success-primary)";
-var warn = "var(--dsw-alias-state-warn-primary)";
-var styles = {
-  wrap: { display: "flex", flexDirection: "column", gap: 16, padding: 20, maxWidth: 900 },
-  head: { display: "flex", flexDirection: "column", gap: 4 },
-  title: { margin: 0, color: text },
-  muted: { margin: 0, color: textSecondary2, fontSize: 13, lineHeight: 1.5 },
-  sourceRow: { display: "flex", alignItems: "center", gap: 8 },
-  sourceText: { color: textTertiary2, fontSize: 13 },
-  workspaceRow: { display: "flex", alignItems: "center", gap: 8 },
-  workspaceLabel: { color: textSecondary2, fontSize: 13 },
-  flowCard: { border: `1px solid ${border2}`, borderRadius: 10, background: surface2, padding: 12, overflowX: "auto" },
-  section: { display: "flex", flexDirection: "column", gap: 12 },
-  cardBody: { padding: "4px 0 8px", display: "flex", flexDirection: "column", gap: 12 },
-  row: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" },
-  field: { display: "flex", flexDirection: "column", gap: 4, flex: "1 1 220px", minWidth: 180 },
-  fieldLabel: { color: textSecondary2, fontSize: 13 },
-  hint: { color: textTertiary2, fontSize: 12, margin: 0, lineHeight: 1.4 },
-  chips: { display: "flex", flexWrap: "wrap", gap: 6, alignItems: "center" },
-  cardRow: {
-    display: "flex",
-    alignItems: "center",
-    gap: 8,
-    flexWrap: "wrap",
-    border: `1px solid ${border2}`,
-    borderRadius: 8,
-    padding: "8px 10px"
-  },
-  inline: { display: "inline-flex", alignItems: "center", gap: 6, marginRight: 8 },
-  textarea: {
-    background: "var(--dsw-alias-bg-layer-1)",
-    border: `1px solid ${border2}`,
-    borderRadius: 8,
-    padding: "8px 10px",
-    color: text,
-    fontSize: 13,
-    minHeight: 90,
-    resize: "vertical",
-    fontFamily: "inherit",
-    width: "100%",
-    boxSizing: "border-box"
-  },
-  sourceBadge: { color: textTertiary2, fontSize: 11 },
-  bindingStage: { display: "flex", flexDirection: "column", gap: 6 },
-  bindingLabel: { color: text, fontSize: 13, fontWeight: 600 },
-  problems: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 8,
-    border: `1px solid ${danger2}`,
-    borderRadius: 8,
-    padding: "10px 12px"
-  },
-  problemsTitle: { color: danger2, fontSize: 13, fontWeight: 600, display: "flex", alignItems: "center", gap: 8 },
-  problemsList: { margin: 0, paddingLeft: 20, color: text, fontSize: 13, display: "flex", flexDirection: "column", gap: 4 },
-  noticeBox: {
-    border: `1px solid ${warn}`,
-    borderRadius: 8,
-    padding: "10px 12px",
-    display: "flex",
-    flexDirection: "column",
-    gap: 8
-  },
-  noticeTitle: { color: warn, fontSize: 13, fontWeight: 600, display: "flex", alignItems: "center", gap: 8 },
-  okText: { color: success, fontSize: 13, display: "flex", alignItems: "center", gap: 6 },
-  status: { color: textTertiary2, fontSize: 13, display: "flex", alignItems: "center", gap: 6 },
-  actions: { display: "flex", alignItems: "center", gap: 12, marginTop: 4 }
-};
+// src/client/shared.ts
+function sourceLabel(source) {
+  switch (source) {
+    case "bundled":
+      return "\u5185\u7F6E";
+    case "project":
+    case "project-dsh":
+    case "project-agents":
+      return "\u9879\u76EE";
+    case "user":
+    case "user-dsh":
+    case "user-agents":
+      return "\u7528\u6237";
+    case "custom":
+      return "\u81EA\u5B9A\u4E49";
+    default:
+      return source;
+  }
+}
+function describeError(error) {
+  if (error instanceof Error) return error.message;
+  if (typeof error === "string") return error;
+  return "\u672A\u77E5\u9519\u8BEF";
+}
 
 // src/client/TaskEngineSection.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -4715,7 +4800,7 @@ var text2 = "var(--dsw-alias-label-primary)";
 var textTertiary3 = "var(--dsw-alias-label-tertiary)";
 var control = {
   background: "var(--dsw-alias-bg-layer-1)",
-  border: `1px solid ${border2}`,
+  border: `1px solid ${border}`,
   borderRadius: 8,
   padding: "5px 8px",
   color: text2,
@@ -4726,7 +4811,7 @@ var cardV = {
   display: "flex",
   flexDirection: "column",
   gap: 8,
-  border: `1px solid ${border2}`,
+  border: `1px solid ${border}`,
   borderRadius: 8,
   padding: "10px 12px"
 };
@@ -4744,9 +4829,7 @@ var POLICY_OPTIONS = [
   { value: "manual", label: "manual", hint: "\u4EBA\u5DE5\u6307\u793A" }
 ];
 function TaskEngineSection(props) {
-  const { remote, useWorkspaces } = props;
-  const workspaces = useWorkspaces((state) => state.items);
-  const [workspace, setWorkspace] = (0, import_react2.useState)("");
+  const { remote, workspace } = props;
   const [config, setConfig] = (0, import_react2.useState)(null);
   const [source, setSource] = (0, import_react2.useState)("default");
   const [savedAt, setSavedAt] = (0, import_react2.useState)("");
@@ -4754,11 +4837,6 @@ function TaskEngineSection(props) {
   const [loadedProblems, setLoadedProblems] = (0, import_react2.useState)([]);
   const [skills, setSkills] = (0, import_react2.useState)([]);
   const [rules, setRules] = (0, import_react2.useState)([]);
-  (0, import_react2.useEffect)(() => {
-    if (workspaces.length > 0 && workspace === "") {
-      setWorkspace(workspaces[0].path);
-    }
-  }, [workspaces, workspace]);
   (0, import_react2.useEffect)(() => {
     if (workspace === "") return;
     let alive = true;
@@ -4807,12 +4885,6 @@ function TaskEngineSection(props) {
     if (config === null) return;
     update(config, setConfig, (c) => ({ ...c, transitions: c.transitions.filter((_, j) => j !== index) }));
   };
-  if (workspaces.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.wrap, 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: "\u5F53\u524D\u6CA1\u6709\u4EFB\u4F55\u5DE5\u4F5C\u533A\uFF1A\u8BF7\u5148\u5728\u4FA7\u680F\u521B\u5EFA\u4E00\u4E2A\u5DE5\u4F5C\u533A\u3002" })
-    ] });
-  }
   if (loadError !== "") {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.wrap, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { style: styles.title, children: "\u5DE5\u7A0B\u6D41\u7A0B\u914D\u7F6E" }),
@@ -4840,28 +4912,13 @@ function TaskEngineSection(props) {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.StateDot, { state: source === "project" ? "done" : source === "invalid" ? "warning" : "ongoing" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.sourceText, children: sourceText(source) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.workspaceRow, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.workspaceLabel, children: "\u5DE5\u4F5C\u533A" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "select",
-        {
-          style: control,
-          value: workspace,
-          onChange: (ev) => {
-            setWorkspace(ev.target.value);
-          },
-          children: workspaces.map((w) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: w.path, children: w.title || w.path }, w.path))
-        }
-      )
-    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TemplatePicker, { config, setConfig }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.flowCard, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FlowDiagram, { config, onAddTransition: addTransition, onRemoveTransition: removeTransition }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionCard, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconSettingsOutline16, { size: 16 }), title: "\u9636\u6BB5", hint: "\u6D41\u7A0B\u7531\u8FD9\u4E9B\u9636\u6BB5\u6309\u987A\u5E8F\u7EC4\u6210\u3002\u70B9\u4E00\u4E2A\u6807\u7B7E\u53EF\u5220\u9664\u5B83\uFF08\u8D77\u59CB\u9636\u6BB5\u9664\u5916\uFF09\uFF1B\u7528\u4E2D\u6587\u540D\u66F4\u6613\u61C2\uFF0C\u4F8B\u5982\u300C\u9700\u6C42\u8BC4\u5BA1\u300D\u300C\u5F00\u53D1\u300D\u3002", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StageEditor, { config, setConfig }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionCard, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconBranchOutline16, { size: 16 }), title: "\u6D41\u8F6C\uFF08\u9636\u6BB5 \u2192 \u9636\u6BB5\uFF0C\u53EF\u5E26\u5B88\u536B\uFF09", defaultOpen: false, hint: "\u6BCF\u6761\u6D41\u8F6C = \u4ECE\u300C\u4E0A\u4E00\u6B65\u300D\u5230\u300C\u4E0B\u4E00\u6B65\u300D\u5141\u8BB8\u8D70\u7684\u8DEF\uFF1B\u53EF\u9644\u52A0\u5B88\u536B\uFF0C\u6EE1\u8DB3\u5B88\u536B\u624D\u653E\u884C\u3002\u4E5F\u53EF\u5728\u6D41\u7A0B\u56FE\u91CC\u76F4\u63A5\u8FDE\u7EBF/\u70B9\u7BAD\u5934\u5220\u9664\u3002", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TransitionEditor, { config, setConfig }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionCard, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconCheckOutline16, { size: 16 }), title: "\u4EA7\u7269\uFF08\u6BCF\u4E2A\u9636\u6BB5\u8981\u586B\u7684\u5B57\u6BB5\uFF09", defaultOpen: false, hint: "\u7ED9\u67D0\u9636\u6BB5\u58F0\u660E\u8981\u4EA4\u7684\u4EA7\u7269\u548C\u5FC5\u586B\u5B57\u6BB5\uFF1B\u914D\u5408\u6D41\u8F6C\u91CC\u7684\u300C\u4EA7\u7269\u9F50\u5168\u300D\u5B88\u536B\uFF0C\u5B57\u6BB5\u6CA1\u586B\u5168\u5C31\u8FC7\u4E0D\u53BB\u3002", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArtifactEditor, { config, setConfig }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionCard, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconEditOutline16, { size: 16 }), title: "\u63D0\u4EA4\u89C4\u5219", defaultOpen: false, hint: "\u63D0\u4EA4\u7B56\u7565\u3001\u6D88\u606F\u683C\u5F0F\u3001\u63D0\u4EA4\u68C0\u67E5\u70B9\u3001\u6587\u4EF6\u8303\u56F4\uFF0C\u4EE5\u53CA\u9AD8\u98CE\u9669\u662F\u5426\u5FC5\u987B\u9644\u9A8C\u8BC1\u8BC1\u636E\u3002", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommitEditor, { config, setConfig }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionCard, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconBranchOutline16, { size: 16 }), title: "\u8282\u70B9\u6302\u8F7D\uFF08skill / rule\uFF09", hint: "\u7ED9\u6BCF\u4E2A\u9636\u6BB5\u6302\u300C\u8FD9\u4E2A\u9636\u6BB5\u7528\u4EC0\u4E48 skill\u300D\u548C\u300C\u5B88\u54EA\u6761 rule\u300D\u3002\u5927\u6A21\u578B\u8D70\u5230\u8BE5\u9636\u6BB5\u65F6\uFF0Cdev_task \u53EA\u62AB\u9732\u8FD9\u9636\u6BB5\u6302\u8F7D\u7684\u5185\u5BB9\u3002", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BindingEditor, { config, setConfig, skills, rules }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionCard, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconPlusOutline16, { size: 16 }), title: "\u65B0\u5EFA skill / rule", defaultOpen: false, hint: "\u6E05\u5355\u91CC\u6CA1\u6709\u5408\u9002\u7684\u5C31\u5F53\u573A\u65B0\u5EFA\uFF0C\u5199\u5230\u9879\u76EE .dsh/ \u6216\u7528\u6237 $DSH_HOME\uFF1B\u5199\u597D\u540E\u81EA\u52A8\u51FA\u73B0\u5728\u4E0A\u9762\u7684\u6302\u8F7D\u6E05\u5355\u3002", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ResourceCreator, { remote, workspace, onCreated: refreshCatalogs }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionCard, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconBranchOutline16, { size: 16 }), title: "\u8282\u70B9\u6302\u8F7D\uFF08skill / rule\uFF09", hint: "\u7ED9\u6BCF\u4E2A\u9636\u6BB5\u6302\u300C\u8FD9\u4E2A\u9636\u6BB5\u7528\u4EC0\u4E48 skill\u300D\u548C\u300C\u5B88\u54EA\u6761 rule\u300D\u3002\u5927\u6A21\u578B\u8D70\u5230\u8BE5\u9636\u6BB5\u65F6\uFF0Cdev_task \u53EA\u62AB\u9732\u8FD9\u9636\u6BB5\u6302\u8F7D\u7684\u5185\u5BB9\uFF1B\u8981\u65B0\u5EFA\u6216\u6539\u6B63\u6587\uFF0C\u8BF7\u5207\u5230\u4E0A\u65B9\u7684\u300C\u6280\u80FD / \u89C4\u5219\u300D\u6807\u7B7E\u9875\u3002", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BindingEditor, { config, setConfig, skills, rules }) }),
     problems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.problems, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: styles.problemsTitle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.StateDot, { state: "error" }),
@@ -5255,143 +5312,511 @@ function BindingEditor({ config, setConfig, skills, rules }) {
     ] })
   ] });
 }
-function ResourceCreator({ remote, workspace, onCreated }) {
-  const [skillName, setSkillName] = (0, import_react2.useState)("");
-  const [skillDesc, setSkillDesc] = (0, import_react2.useState)("");
-  const [skillWhen, setSkillWhen] = (0, import_react2.useState)("");
-  const [skillBody, setSkillBody] = (0, import_react2.useState)("");
-  const [ruleName, setRuleName] = (0, import_react2.useState)("");
-  const [ruleBody, setRuleBody] = (0, import_react2.useState)("");
-  const [level, setLevel] = (0, import_react2.useState)("project");
-  const [msg, setMsg] = (0, import_react2.useState)("");
-  const createSkill = async () => {
+function update(config, setConfig, fn) {
+  setConfig(fn(config));
+}
+async function save(remote, config, workspace, setSavedAt, setSource, setLoadedProblems) {
+  const result = await remote.write({ path: workspace, config });
+  if (!result.ok) {
+    setSavedAt("\u4FDD\u5B58\u5931\u8D25\uFF1A" + describeError(result.error));
+    return;
+  }
+  setSource(result.value.source);
+  setLoadedProblems(result.value.source === "invalid" ? result.value.problems : []);
+  setSavedAt(result.value.ok ? "\u5DF2\u4FDD\u5B58" : "");
+}
+function splitList(textInput) {
+  return textInput.split(",").map((s) => s.trim()).filter((s) => s.length > 0);
+}
+
+// src/client/SkillManager.tsx
+var import_react3 = require("react");
+var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
+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 card = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 8,
+  border: "1px solid var(--dsw-alias-border-l2)",
+  borderRadius: 8,
+  padding: "10px 12px"
+};
+function levelOf(source) {
+  return source.startsWith("user") ? "user" : "project";
+}
+function SkillManager({ workspace, remote }) {
+  const [skills, setSkills] = (0, import_react3.useState)([]);
+  const [level, setLevel] = (0, import_react3.useState)("project");
+  const [editing, setEditing] = (0, import_react3.useState)(null);
+  const [name, setName] = (0, import_react3.useState)("");
+  const [description, setDescription] = (0, import_react3.useState)("");
+  const [whenToUse, setWhenToUse] = (0, import_react3.useState)("");
+  const [body2, setBody] = (0, import_react3.useState)("");
+  const [msg, setMsg] = (0, import_react3.useState)("");
+  const refresh = (0, import_react3.useCallback)(() => {
+    void remote.listSkills(workspace).then((r) => {
+      if (r.ok) setSkills(r.value.skills);
+    }, () => {
+    });
+  }, [remote, workspace]);
+  (0, import_react3.useEffect)(() => {
+    refresh();
+  }, [refresh]);
+  const startCreate = () => {
+    setEditing(null);
+    setLevel("project");
+    setName("");
+    setDescription("");
+    setWhenToUse("");
+    setBody("");
     setMsg("");
+  };
+  const startEdit = (sk) => {
+    const lvl = levelOf(sk.source);
+    setEditing(sk.name);
+    setLevel(lvl);
+    setMsg("");
+    void remote.readSkill({ name: sk.name, 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 submit = async () => {
+    setMsg("");
+    const target = editing ?? name;
     const result = await remote.writeSkill({
-      name: skillName,
-      description: skillDesc,
-      whenToUse: skillWhen === "" ? void 0 : skillWhen,
-      content: skillBody,
+      name: target,
+      description,
+      whenToUse: whenToUse.trim() === "" ? void 0 : whenToUse,
+      content: body2,
       level,
-      path: workspace
+      path: level === "project" ? workspace : void 0
     });
     if (!result.ok) {
-      setMsg("\u65B0\u5EFA skill \u5931\u8D25\uFF1A" + describeError(result.error));
+      setMsg("\u4FDD\u5B58\u5931\u8D25\uFF1A" + describeError(result.error));
       return;
     }
     if (!result.value.ok) {
-      setMsg("\u65B0\u5EFA skill \u5931\u8D25\uFF1A" + (result.value.error ?? "\u672A\u77E5\u9519\u8BEF"));
+      setMsg("\u4FDD\u5B58\u5931\u8D25\uFF1A" + (result.value.error ?? "\u672A\u77E5\u9519\u8BEF"));
       return;
     }
-    const loc = level === "project" ? `.dsh/skills/${result.value.name}/SKILL.md` : `$DSH_HOME/skills/${result.value.name}/SKILL.md`;
-    setMsg(`\u5DF2\u65B0\u5EFA skill\u300C${result.value.name}\u300D\u2192 \u5199\u5165 ${loc}\uFF08\u5DF2\u51FA\u73B0\u5728\u4E0A\u65B9\u6302\u8F7D\u6E05\u5355\uFF09`);
-    setSkillName("");
-    setSkillDesc("");
-    setSkillWhen("");
-    setSkillBody("");
-    onCreated();
+    setMsg(`\u5DF2\u4FDD\u5B58 skill\u300C${result.value.name}\u300D`);
+    setEditing(null);
+    refresh();
+  };
+  const formOpen = editing !== null || name !== "" || description !== "" || body2 !== "";
+  return (0, import_react3.createElement)(
+    "div",
+    { style: styles.section },
+    (0, import_react3.createElement)(
+      "div",
+      { style: card },
+      (0, import_react3.createElement)(
+        "div",
+        { style: styles.bindingStage },
+        (0, import_react3.createElement)("span", { style: styles.bindingLabel }, "\u5DF2\u5B89\u88C5\u7684 skill"),
+        skills.length === 0 ? (0, import_react3.createElement)("p", { style: styles.muted }, "\u6682\u65E0 skill\uFF0C\u70B9\u4E0B\u65B9\u300C\u65B0\u5EFA skill\u300D\u521B\u5EFA\u4E00\u4E2A\u3002") : (0, import_react3.createElement)(
+          "div",
+          { style: styles.section },
+          ...skills.map((sk) => (0, import_react3.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_react3.createElement)(
+              "div",
+              { style: { display: "flex", flexDirection: "column", gap: 2, minWidth: 0 } },
+              (0, import_react3.createElement)(
+                "span",
+                { style: { fontSize: 13, color: "var(--dsw-alias-label-primary)" } },
+                sk.name,
+                sk.source !== "bundled" ? (0, import_react3.createElement)("span", { style: styles.sourceBadge }, `\uFF08${sourceLabel(sk.source)}\uFF09`) : null
+              ),
+              (0, import_react3.createElement)("span", { style: styles.sourceBadge }, sk.description)
+            ),
+            sk.source === "bundled" ? (0, import_react3.createElement)("span", { style: styles.sourceBadge }, "\u5185\u7F6E \xB7 \u53EA\u8BFB") : (0, import_react3.createElement)(import_dsh_client_ui_primitives2.Button, { variant: "outline", size: "sm", onClick: () => {
+              startEdit(sk);
+            } }, "\u7F16\u8F91")
+          ))
+        )
+      )
+    ),
+    formOpen ? (0, import_react3.createElement)(
+      "div",
+      { style: card },
+      (0, import_react3.createElement)("span", { style: styles.bindingLabel }, editing === null ? "\u65B0\u5EFA skill" : `\u7F16\u8F91 skill\u300C${editing}\u300D`),
+      (0, import_react3.createElement)(
+        "div",
+        { style: styles.chips },
+        (0, import_react3.createElement)(import_dsh_client_ui_primitives2.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_react3.createElement)(import_dsh_client_ui_primitives2.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_react3.createElement)("input", { style: control2, 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_react3.createElement)("span", { style: styles.sourceBadge }, `name \u56FA\u5B9A\u4E3A ${name}\uFF08\u6539\u540D\u8BF7\u5220\u9664\u540E\u91CD\u5EFA\uFF09`),
+      (0, import_react3.createElement)("input", { style: control2, placeholder: "description\uFF08\u4E00\u53E5\u8BDD\u8BF4\u660E\u5B83\u505A\u4EC0\u4E48\uFF09", value: description, onChange: (ev) => {
+        setDescription(ev.target.value);
+      } }),
+      (0, import_react3.createElement)("input", { style: control2, placeholder: "whenToUse\uFF08\u53EF\u9009\uFF1A\u4EC0\u4E48\u60C5\u51B5\u8BE5\u7528\uFF09", value: whenToUse, onChange: (ev) => {
+        setWhenToUse(ev.target.value);
+      } }),
+      (0, import_react3.createElement)("textarea", { style: { ...styles.textarea, minHeight: 220 }, 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);
+      } }),
+      (0, import_react3.createElement)(
+        "div",
+        { style: styles.row },
+        (0, import_react3.createElement)(import_dsh_client_ui_primitives2.Button, {
+          variant: "primary",
+          size: "sm",
+          disabled: editing === null && name.trim() === "" || description.trim() === "" || body2.trim() === "",
+          onClick: () => {
+            void submit();
+          }
+        }, "\u4FDD\u5B58"),
+        (0, import_react3.createElement)(import_dsh_client_ui_primitives2.Button, { variant: "ghost", size: "sm", onClick: () => {
+          setEditing(null);
+          setName("");
+          setDescription("");
+          setWhenToUse("");
+          setBody("");
+          setMsg("");
+        } }, "\u53D6\u6D88")
+      ),
+      msg !== "" ? (0, import_react3.createElement)("p", { style: styles.status }, msg) : null
+    ) : (0, import_react3.createElement)(
+      "div",
+      null,
+      (0, import_react3.createElement)(import_dsh_client_ui_primitives2.Button, { variant: "outline", size: "md", onClick: startCreate }, "\u65B0\u5EFA skill")
+    )
+  );
+}
+
+// src/client/RuleManager.tsx
+var import_react4 = require("react");
+var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
+var control3 = {
+  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 levelOf2(source) {
+  return source.startsWith("user") ? "user" : "project";
+}
+function RuleManager({ workspace, remote }) {
+  const [rules, setRules] = (0, import_react4.useState)([]);
+  const [level, setLevel] = (0, import_react4.useState)("project");
+  const [editing, setEditing] = (0, import_react4.useState)(null);
+  const [name, setName] = (0, import_react4.useState)("");
+  const [body2, setBody] = (0, import_react4.useState)("");
+  const [msg, setMsg] = (0, import_react4.useState)("");
+  const refresh = (0, import_react4.useCallback)(() => {
+    void remote.listRules(workspace).then((r) => {
+      if (r.ok) setRules(r.value.rules);
+    }, () => {
+    });
+  }, [remote, workspace]);
+  (0, import_react4.useEffect)(() => {
+    refresh();
+  }, [refresh]);
+  const startCreate = () => {
+    setEditing(null);
+    setLevel("project");
+    setName("");
+    setBody("");
+    setMsg("");
+  };
+  const startEdit = (rule) => {
+    const lvl = levelOf2(rule.source);
+    setEditing(rule.name);
+    setLevel(lvl);
+    setMsg("");
+    void remote.readRule({ name: rule.name, 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 createRule = async () => {
+  const submit = async () => {
     setMsg("");
-    const result = await remote.writeRule({ name: ruleName, content: ruleBody, level, path: workspace });
+    const result = await remote.writeRule({
+      name: editing ?? name,
+      content: body2,
+      level,
+      path: level === "project" ? workspace : void 0
+    });
     if (!result.ok) {
-      setMsg("\u65B0\u5EFA rule \u5931\u8D25\uFF1A" + describeError(result.error));
+      setMsg("\u4FDD\u5B58\u5931\u8D25\uFF1A" + describeError(result.error));
       return;
     }
     if (!result.value.ok) {
-      setMsg("\u65B0\u5EFA rule \u5931\u8D25\uFF1A" + (result.value.error ?? "\u672A\u77E5\u9519\u8BEF"));
+      setMsg("\u4FDD\u5B58\u5931\u8D25\uFF1A" + (result.value.error ?? "\u672A\u77E5\u9519\u8BEF"));
       return;
     }
-    const loc = level === "project" ? `.dsh/rules/${result.value.name}.md` : `$DSH_HOME/rules/${result.value.name}.md`;
-    setMsg(`\u5DF2\u65B0\u5EFA rule\u300C${result.value.name}\u300D\u2192 \u5199\u5165 ${loc}\uFF08\u5DF2\u51FA\u73B0\u5728\u4E0A\u65B9\u6302\u8F7D\u6E05\u5355\uFF09`);
-    setRuleName("");
-    setRuleBody("");
-    onCreated();
+    setMsg(`\u5DF2\u4FDD\u5B58 rule\u300C${result.value.name}\u300D`);
+    setEditing(null);
+    refresh();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.section, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.row, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.fieldLabel, children: "\u5199\u5165\u4F4D\u7F6E" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.chips, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Pill, { active: level === "project", onClick: () => {
+  const formOpen = editing !== null || name !== "" || body2 !== "";
+  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 rule"),
+        rules.length === 0 ? (0, import_react4.createElement)("p", { style: styles.muted }, "\u6682\u65E0 rule\uFF0C\u70B9\u4E0B\u65B9\u300C\u65B0\u5EFA rule\u300D\u521B\u5EFA\u4E00\u4E2A\u3002") : (0, import_react4.createElement)(
+          "div",
+          { style: styles.section },
+          ...rules.map((rule) => (0, import_react4.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_react4.createElement)(
+              "span",
+              { style: { fontSize: 13, color: "var(--dsw-alias-label-primary)" } },
+              rule.name,
+              rule.source !== "bundled" ? (0, import_react4.createElement)("span", { style: styles.sourceBadge }, `\uFF08${sourceLabel(rule.source)}\uFF09`) : null
+            ),
+            rule.source === "bundled" ? (0, import_react4.createElement)("span", { style: styles.sourceBadge }, "\u5185\u7F6E \xB7 \u53EA\u8BFB") : (0, import_react4.createElement)(import_dsh_client_ui_primitives3.Button, { variant: "outline", size: "sm", onClick: () => {
+              startEdit(rule);
+            } }, "\u7F16\u8F91")
+          ))
+        )
+      )
+    ),
+    formOpen ? (0, import_react4.createElement)(
+      "div",
+      { style: card2 },
+      (0, import_react4.createElement)("span", { style: styles.bindingLabel }, editing === null ? "\u65B0\u5EFA rule" : `\u7F16\u8F91 rule\u300C${editing}\u300D`),
+      (0, import_react4.createElement)(
+        "div",
+        { style: styles.chips },
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives3.Pill, { active: level === "project", onClick: () => {
           setLevel("project");
-        }, title: "\u5199\u5230\u5DE5\u4F5C\u533A .dsh/\uFF0C\u56E2\u961F\u5171\u4EAB", children: "\u9879\u76EE\u7EA7" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Pill, { active: level === "user", onClick: () => {
+        }, title: "\u5199\u5230\u5DE5\u4F5C\u533A .dsh/rules\uFF0C\u56E2\u961F\u5171\u4EAB" }, "\u9879\u76EE\u7EA7"),
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives3.Pill, { active: level === "user", onClick: () => {
           setLevel("user");
-        }, title: "\u5199\u5230 $DSH_HOME\uFF0C\u4E2A\u4EBA\u6240\u6709\u9879\u76EE\u53EF\u7528", children: "\u7528\u6237\u7EA7" })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: cardV, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.bindingLabel, children: "\u65B0\u5EFA Skill" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.row, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { style: { ...control, flex: "1 1 140px" }, placeholder: "name\uFF08\u5982 my-skill\uFF09", value: skillName, onChange: (ev) => {
-          setSkillName(ev.target.value);
-        } }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { style: { ...control, flex: "1 1 240px" }, placeholder: "description\uFF08\u4E00\u53E5\u8BDD\u8BF4\u660E\u5B83\u505A\u4EC0\u4E48\uFF09", value: skillDesc, onChange: (ev) => {
-          setSkillDesc(ev.target.value);
-        } })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { style: control, placeholder: "whenToUse\uFF08\u53EF\u9009\uFF1A\u4EC0\u4E48\u60C5\u51B5\u8BE5\u7528\uFF09", value: skillWhen, onChange: (ev) => {
-        setSkillWhen(ev.target.value);
-      } }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { style: styles.textarea, placeholder: "skill \u6B63\u6587\uFF08\u544A\u8BC9\u5927\u6A21\u578B\u8FD9\u4E2A\u9636\u6BB5\u600E\u4E48\u5E72\uFF09", value: skillBody, onChange: (ev) => {
-        setSkillBody(ev.target.value);
-      } }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", size: "sm", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconPlusOutline16, { size: 14 }), disabled: skillName.trim() === "" || skillDesc.trim() === "" || skillBody.trim() === "", onClick: () => {
-        void createSkill();
-      }, children: "\u65B0\u5EFA skill" }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: cardV, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.bindingLabel, children: "\u65B0\u5EFA Rule" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { style: control, placeholder: "name\uFF08\u5982 my-redlines\uFF09", value: ruleName, onChange: (ev) => {
-        setRuleName(ev.target.value);
-      } }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { style: styles.textarea, placeholder: "rule \u6B63\u6587\uFF08\u8FD9\u6761\u89C4\u5219\u7EA6\u675F\u5927\u6A21\u578B\u9075\u5B88\u4EC0\u4E48\uFF09", value: ruleBody, onChange: (ev) => {
-        setRuleBody(ev.target.value);
+        }, title: "\u5199\u5230 $DSH_HOME/rules\uFF0C\u4E2A\u4EBA\u6240\u6709\u9879\u76EE\u53EF\u7528" }, "\u7528\u6237\u7EA7")
+      ),
+      editing === null ? (0, import_react4.createElement)("input", { style: control3, 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_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)("textarea", { style: { ...styles.textarea, minHeight: 240 }, 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);
       } }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", size: "sm", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconPlusOutline16, { size: 14 }), disabled: ruleName.trim() === "" || ruleBody.trim() === "", onClick: () => {
-        void createRule();
-      }, children: "\u65B0\u5EFA rule" }) })
-    ] }),
-    msg !== "" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.status, children: msg }) : null
-  ] });
-}
-function sourceLabel(source) {
-  switch (source) {
-    case "bundled":
-      return "\u5185\u7F6E";
-    case "project":
-    case "project-dsh":
-    case "project-agents":
-      return "\u9879\u76EE";
-    case "user":
-    case "user-dsh":
-    case "user-agents":
-      return "\u7528\u6237";
-    case "custom":
-      return "\u81EA\u5B9A\u4E49";
-    default:
-      return source;
-  }
-}
-function update(config, setConfig, fn) {
-  setConfig(fn(config));
+      (0, import_react4.createElement)(
+        "div",
+        { style: styles.row },
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives3.Button, {
+          variant: "primary",
+          size: "sm",
+          disabled: editing === null && name.trim() === "" || body2.trim() === "",
+          onClick: () => {
+            void submit();
+          }
+        }, "\u4FDD\u5B58"),
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives3.Button, { variant: "ghost", size: "sm", onClick: () => {
+          setEditing(null);
+          setName("");
+          setBody("");
+          setMsg("");
+        } }, "\u53D6\u6D88")
+      ),
+      msg !== "" ? (0, import_react4.createElement)("p", { style: styles.status }, msg) : null
+    ) : (0, import_react4.createElement)(
+      "div",
+      null,
+      (0, import_react4.createElement)(import_dsh_client_ui_primitives3.Button, { variant: "outline", size: "md", onClick: startCreate }, "\u65B0\u5EFA rule")
+    )
+  );
 }
-async function save(remote, config, workspace, setSavedAt, setSource, setLoadedProblems) {
-  const result = await remote.write({ path: workspace, config });
-  if (!result.ok) {
-    setSavedAt("\u4FDD\u5B58\u5931\u8D25\uFF1A" + describeError(result.error));
-    return;
-  }
-  setSource(result.value.source);
-  setLoadedProblems(result.value.source === "invalid" ? result.value.problems : []);
-  setSavedAt(result.value.ok ? "\u5DF2\u4FDD\u5B58" : "");
+
+// src/client/Workbench.tsx
+var overlay = {
+  position: "absolute",
+  inset: 0,
+  display: "flex",
+  flexDirection: "column",
+  background: "var(--dsw-alias-bg-base)",
+  zIndex: 20
+};
+var header = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  padding: "12px 20px",
+  borderBottom: "1px solid var(--dsw-alias-border-l2)"
+};
+var tabbar = {
+  display: "flex",
+  alignItems: "center",
+  gap: 8,
+  padding: "10px 20px",
+  borderBottom: "1px solid var(--dsw-alias-border-l2)"
+};
+var body = {
+  flex: 1,
+  overflowY: "auto",
+  padding: 20
+};
+var selectStyle = {
+  marginLeft: "auto",
+  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
+};
+var closeStyle = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: 28,
+  height: 28,
+  border: "none",
+  background: "transparent",
+  cursor: "pointer",
+  borderRadius: 6,
+  color: "var(--dsw-alias-label-secondary)"
+};
+var TABS = [
+  { id: "flow", label: "\u6D41\u7A0B\u914D\u7F6E" },
+  { id: "skills", label: "\u6280\u80FD skill" },
+  { id: "rules", label: "\u89C4\u5219 rule" }
+];
+function Workbench({ useStore, actions, useWorkspaces, remote }) {
+  const open = useStore((s) => s.open);
+  const workspaces = useWorkspaces((s) => s.items);
+  const [tab, setTab] = (0, import_react5.useState)("flow");
+  const [workspace, setWorkspace] = (0, import_react5.useState)("");
+  if (!open) return null;
+  const current = workspaces.some((w) => w.path === workspace) ? workspace : workspaces[0]?.path ?? "";
+  return (0, import_react5.createElement)(
+    "div",
+    { style: overlay },
+    (0, import_react5.createElement)(
+      "div",
+      { style: header },
+      (0, import_react5.createElement)("span", { style: { fontSize: 15, fontWeight: 600, color: "var(--dsw-alias-label-primary)" } }, "\u5DE5\u7A0B\u6D41\u7A0B"),
+      (0, import_react5.createElement)(
+        "button",
+        { type: "button", title: "\u5173\u95ED", onClick: () => {
+          actions.close();
+        }, style: closeStyle },
+        (0, import_react5.createElement)(import_dsh_client_ui_primitives4.IconCloseOutline16, { size: 16 })
+      )
+    ),
+    (0, import_react5.createElement)(
+      "div",
+      { style: tabbar },
+      ...TABS.map((t) => (0, import_react5.createElement)(import_dsh_client_ui_primitives4.Pill, { key: t.id, active: tab === t.id, onClick: () => {
+        setTab(t.id);
+      } }, t.label)),
+      workspaces.length > 0 ? (0, import_react5.createElement)("select", {
+        style: selectStyle,
+        value: current,
+        onChange: (ev) => {
+          setWorkspace(ev.target.value);
+        }
+      }, ...workspaces.map((w) => (0, import_react5.createElement)("option", { key: w.path, value: w.path }, w.title || w.path))) : null
+    ),
+    (0, import_react5.createElement)(
+      "div",
+      { style: body },
+      current === "" ? (0, import_react5.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 === "flow" ? (0, import_react5.createElement)(TaskEngineSection, { workspace: current, remote }) : tab === "skills" ? (0, import_react5.createElement)(SkillManager, { workspace: current, remote }) : (0, import_react5.createElement)(RuleManager, { workspace: current, remote })
+    )
+  );
 }
-function splitList(textInput) {
-  return textInput.split(",").map((s) => s.trim()).filter((s) => s.length > 0);
+
+// src/client/TriggerButton.tsx
+var import_react6 = require("react");
+var import_dsh_client_ui_primitives5 = require("@deepseek-ai/dsh-client-ui-primitives");
+function TriggerButton({ wide, actions }) {
+  return (0, import_react6.createElement)(
+    "button",
+    {
+      type: "button",
+      title: "\u5DE5\u7A0B\u6D41\u7A0B",
+      "aria-haspopup": "dialog",
+      onClick: () => {
+        actions.open();
+      },
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: wide ? "flex-start" : "center",
+        gap: wide ? 8 : 0,
+        width: "100%",
+        height: 32,
+        border: "none",
+        background: "transparent",
+        cursor: "pointer",
+        color: "var(--dsw-alias-label-secondary)",
+        borderRadius: 6,
+        padding: wide ? "0 10px" : 0,
+        boxSizing: "border-box"
+      }
+    },
+    (0, import_react6.createElement)(import_dsh_client_ui_primitives5.IconSettingsOutline16, { size: wide ? 16 : 18 }),
+    wide ? (0, import_react6.createElement)("span", { style: { fontSize: 13 } }, "\u5DE5\u7A0B\u6D41\u7A0B") : null
+  );
 }
-function describeError(error) {
-  if (error instanceof Error) return error.message;
-  if (typeof error === "string") return error;
-  return "\u672A\u77E5\u9519\u8BEF";
+
+// src/client/visibility.ts
+var import_dsh_client_store = require("@deepseek-ai/dsh-client-store");
+function createVisibilityStore() {
+  return (0, import_dsh_client_store.defineStore)({
+    init: () => ({ open: false }),
+    actions: {
+      open: (d) => {
+        d.open = true;
+      },
+      close: (d) => {
+        d.open = false;
+      }
+    }
+  });
 }
 
 // src/client/index.ts
@@ -5403,13 +5828,20 @@ async function apply(ctx) {
     await disposeRemote();
     throw new Error("task-engine: remote.task-engine namespace failed to mount");
   }
-  ctx.slots.inject("settings.section", () => ctx.slots.register({
-    name: "settings.section",
+  const visibility = createVisibilityStore();
+  ctx.slots.inject("shell.overlay", () => ctx.slots.register({
+    name: "shell.overlay",
     id: "task-engine",
     order: 100,
-    label: "\u5DE5\u7A0B\u6D41\u7A0B\u914D\u7F6E",
+    store: visibility,
     inject: () => ({ remote: taskEngine })
-  }, TaskEngineSection));
+  }, Workbench));
+  ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register({
+    name: "sidebar.footer.action",
+    id: "task-engine",
+    order: 100,
+    store: visibility
+  }, TriggerButton));
   return async () => {
     await disposeRemote();
   };