@godv61/dsh-task-engine 0.5.2 → 0.6.0

package/lib/client.js

@@ -4088,13 +4088,18 @@ var commitSchema = external_exports.object({
   checkpoints: external_exports.array(external_exports.string()),
   file_scope: external_exports.boolean()
 });
+var stageBindingSchema = external_exports.object({
+  skills: external_exports.array(external_exports.string()).optional(),
+  rules: external_exports.array(external_exports.string()).optional()
+});
 var configSchema = external_exports.object({
   stages: external_exports.array(external_exports.string()),
   start_stage: external_exports.string(),
   transitions: external_exports.array(transitionSchema),
   artifacts: external_exports.array(artifactSchema),
   commit: commitSchema,
-  high_risk_requires_verification: external_exports.boolean()
+  high_risk_requires_verification: external_exports.boolean(),
+  stage_bindings: external_exports.record(external_exports.string(), stageBindingSchema).optional()
 });
 var viewSchema = external_exports.object({
   ok: external_exports.boolean(),
@@ -4106,6 +4111,39 @@ var writeRequestSchema = external_exports.object({
   path: external_exports.string(),
   config: configSchema
 });
+var skillCatalogSchema = external_exports.object({
+  skills: external_exports.array(external_exports.object({
+    name: external_exports.string(),
+    description: external_exports.string(),
+    source: external_exports.string()
+  }))
+});
+var ruleCatalogSchema = external_exports.object({
+  rules: external_exports.array(external_exports.object({
+    name: external_exports.string(),
+    source: external_exports.string()
+  }))
+});
+var writeSkillRequestSchema = external_exports.object({
+  name: external_exports.string(),
+  description: external_exports.string(),
+  whenToUse: external_exports.string().optional(),
+  content: external_exports.string(),
+  level: external_exports.enum(["project", "user"]),
+  path: external_exports.string().optional()
+});
+var writeRuleRequestSchema = external_exports.object({
+  name: external_exports.string(),
+  content: external_exports.string(),
+  level: external_exports.enum(["project", "user"]),
+  path: external_exports.string().optional()
+});
+var writeResourceResultSchema = external_exports.object({
+  ok: external_exports.boolean(),
+  name: external_exports.string(),
+  path: external_exports.string(),
+  error: external_exports.string().optional()
+});
 var PACKAGE = "@godv61/dsh-task-engine";
 var TYPERT_REMOTE = {
   package: PACKAGE,
@@ -4141,6 +4179,70 @@ var TYPERT_REMOTE = {
         }
       ],
       result: { mode: "strict", typeSymbol: `${PACKAGE}/types#EngConfigView`, schema: viewSchema }
+    },
+    {
+      id: `${PACKAGE}#task-engine/listSkills`,
+      service: "taskEngineController",
+      namespace: "task-engine",
+      method: "listSkills",
+      invocation: { kind: "direct" },
+      parameters: [
+        {
+          name: "path",
+          wire: "path",
+          source: "json",
+          codec: { mode: "strict", typeSymbol: "string", schema: external_exports.string() }
+        }
+      ],
+      result: { mode: "strict", typeSymbol: `${PACKAGE}/types#SkillCatalog`, schema: skillCatalogSchema }
+    },
+    {
+      id: `${PACKAGE}#task-engine/listRules`,
+      service: "taskEngineController",
+      namespace: "task-engine",
+      method: "listRules",
+      invocation: { kind: "direct" },
+      parameters: [
+        {
+          name: "path",
+          wire: "path",
+          source: "json",
+          codec: { mode: "strict", typeSymbol: "string", schema: external_exports.string() }
+        }
+      ],
+      result: { mode: "strict", typeSymbol: `${PACKAGE}/types#RuleCatalog`, schema: ruleCatalogSchema }
+    },
+    {
+      id: `${PACKAGE}#task-engine/writeSkill`,
+      service: "taskEngineController",
+      namespace: "task-engine",
+      method: "writeSkill",
+      invocation: { kind: "direct" },
+      parameters: [
+        {
+          name: "request",
+          wire: "request",
+          source: "json",
+          codec: { mode: "strict", typeSymbol: `${PACKAGE}/types#WriteSkillRequest`, schema: writeSkillRequestSchema }
+        }
+      ],
+      result: { mode: "strict", typeSymbol: `${PACKAGE}/types#WriteResourceResult`, schema: writeResourceResultSchema }
+    },
+    {
+      id: `${PACKAGE}#task-engine/writeRule`,
+      service: "taskEngineController",
+      namespace: "task-engine",
+      method: "writeRule",
+      invocation: { kind: "direct" },
+      parameters: [
+        {
+          name: "request",
+          wire: "request",
+          source: "json",
+          codec: { mode: "strict", typeSymbol: `${PACKAGE}/types#WriteRuleRequest`, schema: writeRuleRequestSchema }
+        }
+      ],
+      result: { mode: "strict", typeSymbol: `${PACKAGE}/types#WriteResourceResult`, schema: writeResourceResultSchema }
     }
   ]
 };
@@ -4206,6 +4308,22 @@ function validateWorkflow(config) {
       fieldSet.add(field);
     }
   });
+  const bindings = config.stage_bindings ?? {};
+  for (const [stage, binding] of Object.entries(bindings)) {
+    if (!config.stages.includes(stage)) {
+      problems.push(`stage_bindings: stage "${stage}" is not a stage`);
+    }
+    for (const skill of binding.skills ?? []) {
+      if (typeof skill !== "string" || skill.trim() === "") {
+        problems.push(`stage_bindings "${stage}": empty skill name`);
+      }
+    }
+    for (const rule of binding.rules ?? []) {
+      if (typeof rule !== "string" || rule.trim() === "") {
+        problems.push(`stage_bindings "${stage}": empty rule name`);
+      }
+    }
+  }
   if (!["task", "item", "manual"].includes(config.commit.policy)) {
     problems.push(`commit.policy "${config.commit.policy}" is not task|item|manual`);
   }
@@ -4248,7 +4366,10 @@ function edgeList(config) {
 function nodeX(index, stageCount) {
   return index < 0 ? margin + stageCount * stepX + nodeW : margin + index * stepX;
 }
-function FlowDiagram({ config }) {
+function FlowDiagram({ config, onAddTransition, onRemoveTransition }) {
+  const [dragFrom, setDragFrom] = (0, import_react.useState)(null);
+  const [dragPos, setDragPos] = (0, import_react.useState)(null);
+  const svgRef = (0, import_react.useRef)(null);
   const stages = config.stages;
   const edges = edgeList(config);
   const stageCount = stages.length;
@@ -4258,13 +4379,27 @@ function FlowDiagram({ config }) {
   };
   const width = Math.max(margin * 2 + stageCount * stepX, 360);
   const height = 210;
-  const nodeTitle = (stage) => `${stage}${stage === config.start_stage ? "\uFF08\u8D77\u59CB\uFF09" : ""}`;
+  const toSvg = (e) => {
+    const rect = svgRef.current.getBoundingClientRect();
+    return { x: e.clientX - rect.left, y: e.clientY - rect.top };
+  };
+  const startDrag = (stage, e) => {
+    setDragFrom(stage);
+    setDragPos(toSvg(e));
+  };
+  const dropOn = (stage) => {
+    if (dragFrom !== null && dragFrom !== stage) onAddTransition(dragFrom, stage);
+    setDragFrom(null);
+    setDragPos(null);
+  };
+  const cancelDrag = () => {
+    setDragFrom(null);
+    setDragPos(null);
+  };
   const forwardPath = (from, to) => {
     const x1 = nodeX(from, stageCount) + nodeW;
     const x2 = nodeX(to, stageCount);
-    if (to === from + 1) {
-      return `M ${x1} ${nodeCenterY} L ${x2} ${nodeCenterY}`;
-    }
+    if (to === from + 1) return `M ${x1} ${nodeCenterY} L ${x2} ${nodeCenterY}`;
     const cx = (x1 + x2) / 2;
     const cy = nodeCenterY + (to - from) * 20;
     return `M ${x1} ${nodeCenterY} Q ${cx} ${cy} ${x2} ${nodeCenterY}`;
@@ -4281,18 +4416,38 @@ function FlowDiagram({ config }) {
     const cx = (x1 + x2) / 2;
     return `M ${x1} ${y1} Q ${cx} ${y1 - lift} ${x2} ${y1}`;
   };
-  const strokeOf = (edge) => edge.orphaned ? danger : textTertiary;
   const forwardLabelY = (from, to) => to === from + 1 ? nodeCenterY - 8 : nodeCenterY + (to - from) * 20 + 16;
   const returnLabelY = (from, to) => nodeTop - 30 - Math.abs(from - to) * 6;
+  const dragLine = dragFrom !== null && dragPos !== null ? (() => {
+    const from = indexOf(dragFrom);
+    const cx = from < 0 ? nodeX(-1, stageCount) + nodeW / 2 : nodeX(from, stageCount) + nodeW / 2;
+    const cy = nodeTop;
+    return (0, import_react.createElement)("line", {
+      x1: cx,
+      y1: cy,
+      x2: dragPos.x,
+      y2: dragPos.y,
+      stroke: brand,
+      strokeWidth: 1.5,
+      strokeDasharray: "5 3",
+      pointerEvents: "none"
+    });
+  })() : null;
   return (0, import_react.createElement)(
     "svg",
     {
+      ref: svgRef,
       width,
       height,
       viewBox: `0 0 ${width} ${height}`,
       style: { display: "block", minWidth: "100%", fontFamily: "inherit" },
       role: "img",
-      "aria-label": "\u5DE5\u7A0B\u9636\u6BB5\u6D41\u8F6C\u56FE"
+      "aria-label": "\u5DE5\u7A0B\u9636\u6BB5\u6D41\u8F6C\u56FE\uFF08\u53EF\u62D6\u62FD\u8FDE\u7EBF\u3001\u70B9\u51FB\u7BAD\u5934\u5220\u9664\uFF09",
+      onMouseMove: dragFrom === null ? void 0 : (e) => {
+        setDragPos(toSvg(e));
+      },
+      onMouseUp: cancelDrag,
+      onMouseLeave: cancelDrag
     },
     (0, import_react.createElement)(
       "defs",
@@ -4310,7 +4465,7 @@ function FlowDiagram({ config }) {
     ...edges.map((edge, i) => {
       const from = indexOf(edge.from);
       const to = indexOf(edge.to);
-      const stroke = strokeOf(edge);
+      const stroke = edge.orphaned ? danger : textTertiary;
       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;
@@ -4321,6 +4476,10 @@ function FlowDiagram({ config }) {
         stroke,
         strokeWidth: 1.5,
         markerEnd: "url(#flow-arrow)",
+        style: { cursor: "pointer" },
+        onClick: () => {
+          onRemoveTransition(i);
+        },
         ...edge.orphaned ? { strokeDasharray: "4 3" } : {}
       };
       const label = edge.label === null ? null : (0, import_react.createElement)("text", {
@@ -4329,10 +4488,21 @@ function FlowDiagram({ config }) {
         textAnchor: "middle",
         fontSize: 11,
         fill: edge.orphaned ? danger : textSecondary
-      }, edge.from === edge.to ? edge.label : edge.label);
+      }, edge.label);
       return (0, import_react.createElement)(
         "g",
         { key: `edgeg-${i}` },
+        (0, import_react.createElement)(
+          "path",
+          {
+            ...common,
+            strokeWidth: 6,
+            stroke: "transparent",
+            fill: "none",
+            markerEnd: void 0,
+            strokeDasharray: void 0
+          }
+        ),
         (0, import_react.createElement)("path", common),
         label
       );
@@ -4342,7 +4512,16 @@ function FlowDiagram({ config }) {
       const isStart = stage === config.start_stage;
       return (0, import_react.createElement)(
         "g",
-        { key: stage },
+        {
+          key: stage,
+          style: { cursor: dragFrom === null ? "crosshair" : "pointer" },
+          onMouseDown: (e) => {
+            startDrag(stage, e);
+          },
+          onMouseUp: () => {
+            dropOn(stage);
+          }
+        },
         (0, import_react.createElement)("rect", {
           x,
           y: nodeTop,
@@ -4363,12 +4542,97 @@ function FlowDiagram({ config }) {
           fill: "var(--dsw-alias-label-primary)",
           fontWeight: isStart ? 600 : 400
         }, stage),
-        (0, import_react.createElement)("title", null, nodeTitle(stage))
+        (0, import_react.createElement)("title", null, `${stage}${stage === config.start_stage ? "\uFF08\u8D77\u59CB\uFF09" : ""} \u2014 \u62D6\u5230\u53E6\u4E00\u9636\u6BB5\u65B0\u5EFA\u6D41\u8F6C`)
       );
-    })
+    }),
+    dragLine
   );
 }
 
+// src/client/templates.ts
+var STANDARD = {
+  stages: ["\u9700\u6C42\u8BC4\u5BA1", "\u8BBE\u8BA1", "\u5F00\u53D1", "\u4EA4\u4ED8", "\u4EE3\u7801\u5BA1\u6838", "\u5B8C\u6210"],
+  start_stage: "\u9700\u6C42\u8BC4\u5BA1",
+  transitions: [
+    { from: "\u9700\u6C42\u8BC4\u5BA1", to: "\u8BBE\u8BA1", requires: ["requirement_confirmation", "artifacts_present"] },
+    { from: "\u8BBE\u8BA1", to: "\u5F00\u53D1", requires: ["solution_confirmation", "artifacts_present"] },
+    { from: "\u5F00\u53D1", to: "\u4EA4\u4ED8", requires: ["todos_done"] },
+    { from: "\u4EA4\u4ED8", to: "\u4EE3\u7801\u5BA1\u6838", requires: ["verified"] },
+    { from: "\u4EE3\u7801\u5BA1\u6838", to: "\u5B8C\u6210", requires: ["review_passed", "artifacts_present"] }
+  ],
+  artifacts: [
+    { stage: "\u9700\u6C42\u8BC4\u5BA1", id: "requirement", name: "\u9700\u6C42\u8BF4\u660E", fields: ["scope", "acceptance_criteria"] },
+    { stage: "\u8BBE\u8BA1", id: "design", name: "\u8BBE\u8BA1\u6587\u6863", fields: ["approach", "risks", "impact"] },
+    { stage: "\u4EE3\u7801\u5BA1\u6838", id: "review", name: "\u8BC4\u5BA1\u8BB0\u5F55", fields: ["conclusion", "issues"] }
+  ],
+  commit: {
+    policy: "task",
+    message_pattern: "^\u3010(\\S+)\u3011\u3010(?:TASK|T\\d+)\u3011.+",
+    message_hint: "\u3010<module>\u3011\u3010TASK/T1\u3011\u8BF4\u660E \u2014\u2014 \u5199\u7ED3\u679C\uFF0C\u4E0D\u5199\u7A7A\u6CDB\u52A8\u4F5C",
+    checkpoints: ["\u4EA4\u4ED8"],
+    file_scope: true
+  },
+  high_risk_requires_verification: true,
+  stage_bindings: {
+    "\u9700\u6C42\u8BC4\u5BA1": { skills: ["requirement-analysis"], rules: ["security-redlines"] },
+    "\u8BBE\u8BA1": { skills: ["solution-design"] },
+    "\u5F00\u53D1": { skills: ["code-implement"], rules: ["coding-conventions"] },
+    "\u4EA4\u4ED8": { skills: ["code-verify", "code-commit"], rules: ["coding-conventions", "commit-conventions"] },
+    "\u4EE3\u7801\u5BA1\u6838": { skills: ["code-review"], rules: ["security-redlines"] }
+  }
+};
+var AGILE = {
+  stages: ["\u9700\u6C42", "\u5F00\u53D1", "\u4EA4\u4ED8", "\u5BA1\u67E5"],
+  start_stage: "\u9700\u6C42",
+  transitions: [
+    { from: "\u9700\u6C42", to: "\u5F00\u53D1", requires: ["requirement_confirmation"] },
+    { from: "\u5F00\u53D1", to: "\u4EA4\u4ED8", requires: ["todos_done"] },
+    { from: "\u4EA4\u4ED8", to: "\u5BA1\u67E5", requires: [] }
+  ],
+  artifacts: [
+    { stage: "\u9700\u6C42", id: "requirement", name: "\u9700\u6C42\u8BF4\u660E", fields: ["scope"] }
+  ],
+  commit: {
+    policy: "item",
+    message_pattern: "^\u3010(\\S+)\u3011\u3010T\\d+\u3011.+",
+    message_hint: "\u3010<module>\u3011\u3010T1\u3011\u8BF4\u660E",
+    checkpoints: ["\u4EA4\u4ED8"],
+    file_scope: true
+  },
+  high_risk_requires_verification: false,
+  stage_bindings: {
+    "\u9700\u6C42": { skills: ["requirement-analysis"] },
+    "\u5F00\u53D1": { skills: ["code-implement"], rules: ["coding-conventions"] },
+    "\u4EA4\u4ED8": { skills: ["code-verify", "code-commit"], rules: ["commit-conventions"] },
+    "\u5BA1\u67E5": { skills: ["code-review"] }
+  }
+};
+var MINIMAL = {
+  stages: ["\u5F00\u53D1", "\u4EA4\u4ED8"],
+  start_stage: "\u5F00\u53D1",
+  transitions: [
+    { from: "\u5F00\u53D1", to: "\u4EA4\u4ED8", requires: ["todos_done"] }
+  ],
+  artifacts: [],
+  commit: {
+    policy: "task",
+    message_pattern: "",
+    message_hint: "\u65E0\u683C\u5F0F\u8981\u6C42",
+    checkpoints: ["\u4EA4\u4ED8"],
+    file_scope: false
+  },
+  high_risk_requires_verification: false,
+  stage_bindings: {
+    "\u5F00\u53D1": { skills: ["code-implement"] },
+    "\u4EA4\u4ED8": { skills: ["code-commit"], rules: ["commit-conventions"] }
+  }
+};
+var WORKFLOW_TEMPLATES = [
+  { id: "standard", label: "\u6807\u51C6\u7814\u53D1", description: "\u9700\u6C42\u8BC4\u5BA1 \u2192 \u8BBE\u8BA1 \u2192 \u5F00\u53D1 \u2192 \u4EA4\u4ED8 \u2192 \u4EE3\u7801\u5BA1\u6838\uFF0C\u542B\u4EA7\u7269\u95E8 + \u786E\u8BA4\u95E8", config: STANDARD },
+  { id: "agile", label: "\u654F\u6377\u8F7B\u91CF", description: "\u9700\u6C42 \u2192 \u5F00\u53D1 \u2192 \u4EA4\u4ED8 \u2192 \u5BA1\u67E5\uFF0C\u56DB\u9636\u6BB5\u3001\u5C11\u4EA7\u7269", config: AGILE },
+  { 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)";
@@ -4405,6 +4669,22 @@ var styles = {
     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",
@@ -4472,6 +4752,8 @@ function TaskEngineSection(props) {
   const [savedAt, setSavedAt] = (0, import_react2.useState)("");
   const [loadError, setLoadError] = (0, import_react2.useState)("");
   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);
@@ -4498,8 +4780,33 @@ function TaskEngineSection(props) {
       alive = false;
     };
   }, [remote, workspace]);
+  const refreshCatalogs = (0, import_react2.useCallback)(() => {
+    if (workspace === "") return;
+    void remote.listSkills(workspace).then((result) => {
+      if (result.ok) setSkills(result.value.skills);
+    }, () => {
+    });
+    void remote.listRules(workspace).then((result) => {
+      if (result.ok) setRules(result.value.rules);
+    }, () => {
+    });
+  }, [remote, workspace]);
+  (0, import_react2.useEffect)(() => {
+    refreshCatalogs();
+  }, [refreshCatalogs]);
   const problems = (0, import_react2.useMemo)(() => config === null ? [] : validateWorkflow(config), [config]);
   const notice = problems.length === 0 && loadedProblems.length > 0 ? loadedProblems : [];
+  const addTransition = (from, to) => {
+    if (config === null || from === "" || to === "") return;
+    update(config, setConfig, (c) => ({
+      ...c,
+      transitions: [...c.transitions, { from, to }]
+    }));
+  };
+  const removeTransition = (index) => {
+    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" }),
@@ -4547,11 +4854,14 @@ function TaskEngineSection(props) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.flowCard, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FlowDiagram, { config }) }),
-    /* @__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", 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", 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", 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", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommitEditor, { config, setConfig }) }),
+    /* @__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", 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", 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", 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", 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 }) }),
     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" }),
@@ -4602,7 +4912,7 @@ function sourceText(source) {
       return "\u5185\u7F6E\u9ED8\u8BA4\u914D\u7F6E\uFF08\u5DE5\u4F5C\u533A\u5C1A\u65E0 .dsh/eng.json\uFF09";
   }
 }
-function SectionCard({ icon, title, children }) {
+function SectionCard({ icon, title, hint, children }) {
   const [open, setOpen] = (0, import_react2.useState)(true);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.section, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_dsh_client_ui_primitives.DisclosureRow,
@@ -4615,10 +4925,30 @@ function SectionCard({ icon, title, children }) {
         setOpen(!open);
       },
       keepContentWhenOpen: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.cardBody, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.cardBody, children: [
+        hint !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.muted, children: hint }) : null,
+        children
+      ] })
     }
   ) });
 }
+function TemplatePicker({ config, setConfig }) {
+  const apply2 = (id) => {
+    const template = WORKFLOW_TEMPLATES.find((t) => t.id === id);
+    if (template === void 0) return;
+    setConfig(cloneConfig(template.config));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.field, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.fieldLabel, children: "\u6D41\u7A0B\u6A21\u677F\uFF08\u70B9\u4E00\u4E0B\u6574\u4F53\u5957\u7528\uFF0C\u4F1A\u8986\u76D6\u5F53\u524D\u7F16\u8F91\uFF09" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.chips, children: WORKFLOW_TEMPLATES.map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Pill, { active: config.stages.join(",") === t.config.stages.join(","), onClick: () => {
+      apply2(t.id);
+    }, title: t.description, children: t.label }, t.id)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.hint, children: "\u4E0D\u786E\u5B9A\u600E\u4E48\u914D\u5C31\u4ECE\u300C\u6807\u51C6\u7814\u53D1\u300D\u8D77\u6B65\uFF0C\u5957\u7528\u540E\u518D\u5FAE\u8C03\uFF1B\u4E5F\u53EF\u4EE5\u5148\u5957\u6A21\u677F\uFF0C\u518D\u7528\u4E0B\u9762\u7684\u5361\u7247\u6539\u3002" })
+  ] });
+}
+function cloneConfig(config) {
+  return JSON.parse(JSON.stringify(config));
+}
 function StageEditor({ config, setConfig }) {
   const [draft, setDraft] = (0, import_react2.useState)("");
   const addStage = () => {
@@ -4861,6 +5191,177 @@ function CommitEditor({ config, setConfig }) {
     ] })
   ] });
 }
+function BindingEditor({ config, setConfig, skills, rules }) {
+  const toggleSkill = (stage, skill) => {
+    update(config, setConfig, (c) => {
+      const bindings = c.stage_bindings ?? {};
+      const current = bindings[stage]?.skills ?? [];
+      const next = current.includes(skill) ? current.filter((s) => s !== skill) : [...current, skill].sort();
+      return { ...c, stage_bindings: { ...bindings, [stage]: { ...bindings[stage] ?? {}, skills: next } } };
+    });
+  };
+  const toggleRule = (stage, rule) => {
+    update(config, setConfig, (c) => {
+      const bindings = c.stage_bindings ?? {};
+      const current = bindings[stage]?.rules ?? [];
+      const next = current.includes(rule) ? current.filter((s) => s !== rule) : [...current, rule].sort();
+      return { ...c, stage_bindings: { ...bindings, [stage]: { ...bindings[stage] ?? {}, rules: next } } };
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.section, children: config.stages.map((stage) => {
+    const binding = config.stage_bindings?.[stage];
+    const boundSkills = binding?.skills ?? [];
+    const boundRules = binding?.rules ?? [];
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: cardV, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.bindingLabel, children: stage }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.bindingStage, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.fieldLabel, children: "skill\uFF08\u505A\u4EC0\u4E48\uFF09" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.chips, children: skills.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.sourceBadge, children: "\u6682\u65E0\u53EF\u7528 skill\uFF0C\u53EF\u5728\u4E0B\u65B9\u65B0\u5EFA" }) : skills.map((sk) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_dsh_client_ui_primitives.Pill,
+          {
+            active: boundSkills.includes(sk.name),
+            onClick: () => {
+              toggleSkill(stage, sk.name);
+            },
+            title: `${sk.description}\uFF08${sourceLabel(sk.source)}\uFF09`,
+            children: sk.name
+          },
+          sk.name
+        )) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.bindingStage, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.fieldLabel, children: "rule\uFF08\u5B88\u4EC0\u4E48\uFF09" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.chips, children: rules.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.sourceBadge, children: "\u6682\u65E0\u53EF\u7528 rule\uFF0C\u53EF\u5728\u4E0B\u65B9\u65B0\u5EFA" }) : rules.map((rule) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_dsh_client_ui_primitives.Pill,
+          {
+            active: boundRules.includes(rule.name),
+            onClick: () => {
+              toggleRule(stage, rule.name);
+            },
+            title: `\u6765\u6E90\uFF1A${sourceLabel(rule.source)}`,
+            children: rule.name
+          },
+          rule.name
+        )) })
+      ] })
+    ] }, stage);
+  }) });
+}
+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 () => {
+    setMsg("");
+    const result = await remote.writeSkill({
+      name: skillName,
+      description: skillDesc,
+      whenToUse: skillWhen === "" ? void 0 : skillWhen,
+      content: skillBody,
+      level,
+      path: workspace
+    });
+    if (!result.ok) {
+      setMsg("\u65B0\u5EFA skill \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"));
+      return;
+    }
+    setMsg(`\u5DF2\u65B0\u5EFA skill\u300C${result.value.name}\u300D`);
+    setSkillName("");
+    setSkillDesc("");
+    setSkillWhen("");
+    setSkillBody("");
+    onCreated();
+  };
+  const createRule = async () => {
+    setMsg("");
+    const result = await remote.writeRule({ name: ruleName, content: ruleBody, level, path: workspace });
+    if (!result.ok) {
+      setMsg("\u65B0\u5EFA rule \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"));
+      return;
+    }
+    setMsg(`\u5DF2\u65B0\u5EFA rule\u300C${result.value.name}\u300D`);
+    setRuleName("");
+    setRuleBody("");
+    onCreated();
+  };
+  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: () => {
+          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: () => {
+          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);
+      } }),
+      /* @__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));
 }