@godv61/dsh-task-engine 0.5.2 → 0.5.3

package/defaults/eng.json

@@ -1,23 +1,23 @@
 {
-  "stages": ["requirement_review", "design", "implement", "deliver", "review", "done"],
-  "start_stage": "requirement_review",
+  "stages": ["需求评审", "设计", "开发", "交付", "代码审核", "完成"],
+  "start_stage": "需求评审",
   "transitions": [
-    { "from": "requirement_review", "to": "design", "requires": ["requirement_confirmation", "artifacts_present"] },
-    { "from": "design", "to": "implement", "requires": ["solution_confirmation", "artifacts_present"] },
-    { "from": "implement", "to": "deliver", "requires": ["todos_done"] },
-    { "from": "deliver", "to": "review", "requires": ["verified"] },
-    { "from": "review", "to": "done", "requires": ["review_passed", "artifacts_present"] }
+    { "from": "需求评审", "to": "设计", "requires": ["requirement_confirmation", "artifacts_present"] },
+    { "from": "设计", "to": "开发", "requires": ["solution_confirmation", "artifacts_present"] },
+    { "from": "开发", "to": "交付", "requires": ["todos_done"] },
+    { "from": "交付", "to": "代码审核", "requires": ["verified"] },
+    { "from": "代码审核", "to": "完成", "requires": ["review_passed", "artifacts_present"] }
   ],
   "artifacts": [
-    { "stage": "requirement_review", "id": "requirement", "name": "需求说明", "fields": ["scope", "acceptance_criteria"] },
-    { "stage": "design", "id": "design", "name": "设计文档", "fields": ["approach", "risks", "impact"] },
-    { "stage": "review", "id": "review", "name": "评审记录", "fields": ["conclusion", "issues"] }
+    { "stage": "需求评审", "id": "requirement", "name": "需求说明", "fields": ["scope", "acceptance_criteria"] },
+    { "stage": "设计", "id": "design", "name": "设计文档", "fields": ["approach", "risks", "impact"] },
+    { "stage": "代码审核", "id": "review", "name": "评审记录", "fields": ["conclusion", "issues"] }
   ],
   "commit": {
     "policy": "task",
     "message_pattern": "^【(\\S+)】【(?:TASK|T\\d+)】.+",
     "message_hint": "【<module>】【TASK/T1】说明 —— 写结果，不写空泛动作",
-    "checkpoints": ["deliver"],
+    "checkpoints": ["交付"],
     "file_scope": true
   },
   "high_risk_requires_verification": true

package/hooks/commit-msg

@@ -33,25 +33,25 @@ function readJson(abs) {
 
 // Mirrors defaults/eng.json — keep in sync.
 const DEFAULTS = {
-  stages: ['requirement_review', 'design', 'implement', 'deliver', 'review', 'done'],
-  start_stage: 'requirement_review',
+  stages: ['需求评审', '设计', '开发', '交付', '代码审核', '完成'],
+  start_stage: '需求评审',
   transitions: [
-    { from: 'requirement_review', to: 'design', requires: ['requirement_confirmation', 'artifacts_present'] },
-    { from: 'design', to: 'implement', requires: ['solution_confirmation', 'artifacts_present'] },
-    { from: 'implement', to: 'deliver', requires: ['todos_done'] },
-    { from: 'deliver', to: 'review', requires: ['verified'] },
-    { from: 'review', to: 'done', requires: ['review_passed', 'artifacts_present'] },
+    { from: '需求评审', to: '设计', requires: ['requirement_confirmation', 'artifacts_present'] },
+    { from: '设计', to: '开发', requires: ['solution_confirmation', 'artifacts_present'] },
+    { from: '开发', to: '交付', requires: ['todos_done'] },
+    { from: '交付', to: '代码审核', requires: ['verified'] },
+    { from: '代码审核', to: '完成', requires: ['review_passed', 'artifacts_present'] },
   ],
   artifacts: [
-    { stage: 'requirement_review', id: 'requirement', name: '需求说明', fields: ['scope', 'acceptance_criteria'] },
-    { stage: 'design', id: 'design', name: '设计文档', fields: ['approach', 'risks', 'impact'] },
-    { stage: 'review', id: 'review', name: '评审记录', fields: ['conclusion', 'issues'] },
+    { stage: '需求评审', id: 'requirement', name: '需求说明', fields: ['scope', 'acceptance_criteria'] },
+    { stage: '设计', id: 'design', name: '设计文档', fields: ['approach', 'risks', 'impact'] },
+    { stage: '代码审核', id: 'review', name: '评审记录', fields: ['conclusion', 'issues'] },
   ],
   commit: {
     policy: 'task',
     message_pattern: '^【(\\S+)】【(?:TASK|T\\d+)】.+',
     message_hint: '【<module>】【TASK/T1】说明',
-    checkpoints: ['deliver'],
+    checkpoints: ['交付'],
     file_scope: true,
   },
   high_risk_requires_verification: true,

package/lib/client.js

@@ -4248,7 +4248,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 +4261,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 +4298,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 +4347,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 +4358,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 +4370,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 +4394,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 +4424,80 @@ 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
+};
+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
+};
+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
+};
+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)";
@@ -4500,6 +4629,17 @@ function TaskEngineSection(props) {
   }, [remote, workspace]);
   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 +4687,12 @@ 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 }) }),
     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 +4743,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 +4756,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 = () => {