@godv61/dsh-task-engine 0.5.1 → 0.5.3

package/lib/client.js

@@ -168,8 +168,8 @@ var util;
     return util2.objectValues(filtered);
   };
   util2.objectValues = (obj) => {
-    return util2.objectKeys(obj).map(function(e2) {
-      return obj[e2];
+    return util2.objectKeys(obj).map(function(e) {
+      return obj[e];
     });
   };
   util2.objectKeys = typeof Object.keys === "function" ? (obj) => Object.keys(obj) : (object) => {
@@ -3337,13 +3337,13 @@ var ZodFunction = class _ZodFunction extends ZodType {
       const me = this;
       return OK(async function(...args) {
         const error = new ZodError([]);
-        const parsedArgs = await me._def.args.parseAsync(args, params).catch((e2) => {
-          error.addIssue(makeArgsIssue(args, e2));
+        const parsedArgs = await me._def.args.parseAsync(args, params).catch((e) => {
+          error.addIssue(makeArgsIssue(args, e));
           throw error;
         });
         const result = await Reflect.apply(fn, this, parsedArgs);
-        const parsedReturns = await me._def.returns._def.type.parseAsync(result, params).catch((e2) => {
-          error.addIssue(makeReturnsIssue(result, e2));
+        const parsedReturns = await me._def.returns._def.type.parseAsync(result, params).catch((e) => {
+          error.addIssue(makeReturnsIssue(result, e));
           throw error;
         });
         return parsedReturns;
@@ -4146,8 +4146,9 @@ var TYPERT_REMOTE = {
 };
 var remote_default = TYPERT_REMOTE;
 
-// src/client/TaskEngineSection.ts
-var import_react = require("react");
+// src/client/TaskEngineSection.tsx
+var import_react2 = require("react");
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/engine.ts
 var GUARD_NAMES = [
@@ -4223,23 +4224,389 @@ function validateWorkflow(config) {
   return problems;
 }
 
-// src/client/TaskEngineSection.ts
-var e = import_react.createElement;
+// src/client/FlowDiagram.tsx
+var import_react = require("react");
+var nodeW = 108;
+var nodeH = 40;
+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 brand = "var(--dsw-alias-state-business-primary)";
+var danger = "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;
+    const orphaned = !config.stages.includes(t.from) || !config.stages.includes(t.to);
+    return { from: t.from, to: t.to, label, orphaned };
+  });
+}
+function nodeX(index, stageCount) {
+  return index < 0 ? margin + stageCount * stepX + nodeW : margin + index * stepX;
+}
+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;
+  const indexOf = (s) => {
+    const i = stages.indexOf(s);
+    return i < 0 ? -1 : i;
+  };
+  const width = Math.max(margin * 2 + stageCount * stepX, 360);
+  const height = 210;
+  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}`;
+    const cx = (x1 + x2) / 2;
+    const cy = nodeCenterY + (to - from) * 20;
+    return `M ${x1} ${nodeCenterY} Q ${cx} ${cy} ${x2} ${nodeCenterY}`;
+  };
+  const returnPath = (from, to) => {
+    const x1 = nodeX(from, stageCount) + nodeW / 2;
+    const x2 = nodeX(to, stageCount) + nodeW / 2;
+    const y1 = nodeTop;
+    const lift = 26 + Math.abs(from - to) * 6;
+    if (from === to) {
+      const cx2 = x1 + nodeW / 2 + 8;
+      return `M ${x1 + nodeW / 2} ${y1} Q ${cx2} ${y1 - lift} ${x1 + nodeW / 2 + 18} ${y1}`;
+    }
+    const cx = (x1 + x2) / 2;
+    return `M ${x1} ${y1} Q ${cx} ${y1 - lift} ${x2} ${y1}`;
+  };
+  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\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",
+      null,
+      (0, import_react.createElement)("marker", {
+        id: "flow-arrow",
+        viewBox: "0 0 10 10",
+        refX: 8,
+        refY: 5,
+        markerWidth: 7,
+        markerHeight: 7,
+        orient: "auto"
+      }, (0, import_react.createElement)("path", { d: "M 0 0 L 10 5 L 0 10 z", fill: "context-stroke" }))
+    ),
+    ...edges.map((edge, i) => {
+      const from = indexOf(edge.from);
+      const to = indexOf(edge.to);
+      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;
+      const common = {
+        key: `edge-${i}`,
+        d,
+        fill: "none",
+        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", {
+        x: labelX,
+        y: labelY,
+        textAnchor: "middle",
+        fontSize: 11,
+        fill: edge.orphaned ? danger : textSecondary
+      }, 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
+      );
+    }),
+    ...stages.map((stage, i) => {
+      const x = nodeX(i, stageCount);
+      const isStart = stage === config.start_stage;
+      return (0, import_react.createElement)(
+        "g",
+        {
+          key: stage,
+          style: { cursor: dragFrom === null ? "crosshair" : "pointer" },
+          onMouseDown: (e) => {
+            startDrag(stage, e);
+          },
+          onMouseUp: () => {
+            dropOn(stage);
+          }
+        },
+        (0, import_react.createElement)("rect", {
+          x,
+          y: nodeTop,
+          width: nodeW,
+          height: nodeH,
+          rx: 20,
+          ry: 20,
+          fill: surface,
+          stroke: isStart ? brand : border,
+          strokeWidth: isStart ? 2 : 1.5
+        }),
+        (0, import_react.createElement)("text", {
+          x: x + nodeW / 2,
+          y: nodeCenterY,
+          textAnchor: "middle",
+          alignmentBaseline: "middle",
+          fontSize: 12,
+          fill: "var(--dsw-alias-label-primary)",
+          fontWeight: isStart ? 600 : 400
+        }, 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)";
+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 },
+  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/TaskEngineSection.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+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}`,
+  borderRadius: 8,
+  padding: "5px 8px",
+  color: text2,
+  fontSize: 13,
+  minWidth: 0
+};
+var cardV = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 8,
+  border: `1px solid ${border2}`,
+  borderRadius: 8,
+  padding: "10px 12px"
+};
+var GUARD_OPTIONS = [
+  { value: "requirement_confirmation", label: "\u9700\u6C42\u786E\u8BA4" },
+  { value: "solution_confirmation", label: "\u65B9\u6848\u786E\u8BA4" },
+  { value: "todos_done", label: "\u5F85\u529E\u5B8C\u6210" },
+  { value: "verified", label: "\u5DF2\u9A8C\u8BC1" },
+  { value: "review_passed", label: "\u8BC4\u5BA1\u901A\u8FC7" },
+  { value: "artifacts_present", label: "\u4EA7\u7269\u9F50\u5168" }
+];
+var POLICY_OPTIONS = [
+  { value: "task", label: "task", hint: "\u68C0\u67E5\u70B9\u4E00\u6B21\u63D0\u4EA4" },
+  { value: "item", label: "item", hint: "\u9010\u9879\u63D0\u4EA4 + \u6536\u5C3E TASK" },
+  { 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_react.useState)("");
-  const [config, setConfig] = (0, import_react.useState)(null);
-  const [source, setSource] = (0, import_react.useState)("default");
-  const [savedAt, setSavedAt] = (0, import_react.useState)("");
-  const [loadError, setLoadError] = (0, import_react.useState)("");
-  const [loadedProblems, setLoadedProblems] = (0, import_react.useState)([]);
-  (0, import_react.useEffect)(() => {
+  const [workspace, setWorkspace] = (0, import_react2.useState)("");
+  const [config, setConfig] = (0, import_react2.useState)(null);
+  const [source, setSource] = (0, import_react2.useState)("default");
+  const [savedAt, setSavedAt] = (0, import_react2.useState)("");
+  const [loadError, setLoadError] = (0, import_react2.useState)("");
+  const [loadedProblems, setLoadedProblems] = (0, import_react2.useState)([]);
+  (0, import_react2.useEffect)(() => {
     if (workspaces.length > 0 && workspace === "") {
       setWorkspace(workspaces[0].path);
     }
   }, [workspaces, workspace]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (workspace === "") return;
     let alive = true;
     setLoadError("");
@@ -4260,221 +4627,406 @@ function TaskEngineSection(props) {
       alive = false;
     };
   }, [remote, workspace]);
-  const problems = (0, import_react.useMemo)(() => config === null ? [] : validateWorkflow(config), [config]);
+  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 e(
-      "div",
-      { style: styles.wrap },
-      e("h2", { style: styles.title }, "\u5DE5\u7A0B\u6D41\u7A0B\u914D\u7F6E"),
-      e("p", { style: styles.problems }, "\u5F53\u524D\u6CA1\u6709\u4EFB\u4F55\u5DE5\u4F5C\u533A\uFF1A\u8BF7\u5148\u5728\u4FA7\u680F\u521B\u5EFA\u4E00\u4E2A\u5DE5\u4F5C\u533A\u3002")
-    );
+    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 e(
-      "div",
-      { style: styles.wrap },
-      e("h2", { style: styles.title }, "\u5DE5\u7A0B\u6D41\u7A0B\u914D\u7F6E"),
-      e("p", { style: styles.problems }, 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" }),
+      /* @__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" }),
+          "\u8BFB\u53D6\u5931\u8D25"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.muted, children: loadError })
+      ] })
+    ] });
   }
   if (config === null) {
-    return e(
-      "div",
-      { style: styles.wrap },
-      e("h2", { style: styles.title }, "\u5DE5\u7A0B\u6D41\u7A0B\u914D\u7F6E"),
-      e("p", null, "\u52A0\u8F7D\u4E2D\u2026")
-    );
-  }
-  return e(
-    "div",
-    { style: styles.wrap },
-    e("h2", { style: styles.title }, "\u5DE5\u7A0B\u6D41\u7A0B\u914D\u7F6E"),
-    e("p", { style: styles.muted }, "\u8FD9\u4EFD\u914D\u7F6E\u540C\u65F6\u9A71\u52A8 dev_task \u7684\u786C\u95E8\u7981\uFF1B\u6709\u95EE\u9898\u7684\u914D\u7F6E\u4E0D\u4F1A\u88AB\u4FDD\u5B58\u3002"),
-    workspacePicker(workspaces, workspace, setWorkspace),
-    e("h3", null, "\u9636\u6BB5"),
-    stageEditor(config, setConfig),
-    e("h3", null, "\u6D41\u8F6C\uFF08\u9636\u6BB5 \u2192 \u9636\u6BB5\uFF0C\u53EF\u5E26\u5B88\u536B\uFF09"),
-    transitionEditor(config, setConfig),
-    e("h3", null, "\u4EA7\u7269\uFF08\u6BCF\u4E2A\u9636\u6BB5\u8981\u586B\u7684\u5B57\u6BB5\uFF09"),
-    artifactEditor(config, setConfig),
-    e("h3", null, "\u63D0\u4EA4\u89C4\u5219"),
-    commitEditor(config, setConfig),
-    e(
-      "label",
-      { style: styles.row },
-      e("input", {
-        type: "checkbox",
-        checked: config.high_risk_requires_verification,
-        onChange: (ev) => update(config, setConfig, (c) => ({ ...c, high_risk_requires_verification: ev.target.checked }))
-      }),
-      "\u9AD8\u98CE\u9669\u4EFB\u52A1\u5FC5\u987B\u9644\u9A8C\u8BC1\u8BC1\u636E\u624D\u80FD\u8FC7 verified \u5B88\u536B"
-    ),
-    problems.length > 0 ? e(
-      "div",
-      { style: styles.problems },
-      e("strong", null, `\u6709 ${problems.length} \u4E2A\u95EE\u9898\uFF08\u4FDD\u5B58\u4F1A\u88AB\u62D2\u7EDD\uFF09\uFF1A`),
-      e("ul", null, ...problems.map((p) => e("li", { key: p }, p)))
-    ) : notice.length > 0 ? e(
-      "div",
-      { style: styles.problems },
-      e("strong", null, "\u539F .dsh/eng.json \u65E0\u6CD5\u89E3\u6790\uFF1A"),
-      e("ul", null, ...notice.map((p) => e("li", { key: p }, p))),
-      e("p", { style: styles.muted }, "\u5F53\u524D\u663E\u793A\u5185\u7F6E\u9ED8\u8BA4\u914D\u7F6E\uFF1B\u70B9\u51FB\u4FDD\u5B58\u4F1A\u8986\u76D6\u539F\u6587\u4EF6\u3002")
-    ) : e("p", { style: styles.ok }, source === "default" ? "\u5F53\u524D\u4F7F\u7528\u5185\u7F6E\u9ED8\u8BA4\u914D\u7F6E\u3002" : "\u914D\u7F6E\u6709\u6548\u3002"),
-    e(
-      "div",
-      { style: styles.actions },
-      e("button", { onClick: () => save(props, config, workspace, setSavedAt, setSource, setLoadedProblems), disabled: problems.length > 0 }, "\u4FDD\u5B58\u5230 .dsh/eng.json"),
-      savedAt !== "" ? e("span", { style: styles.ok }, savedAt) : null
-    )
-  );
+    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: "\u52A0\u8F7D\u4E2D\u2026" })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.wrap, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.head, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { style: styles.title, children: "\u5DE5\u7A0B\u6D41\u7A0B\u914D\u7F6E" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.muted, children: "\u8FD9\u4EFD\u914D\u7F6E\u540C\u65F6\u9A71\u52A8 dev_task \u7684\u786C\u95E8\u7981\uFF1B\u6709\u95EE\u9898\u7684\u914D\u7F6E\u4E0D\u4F1A\u88AB\u4FDD\u5B58\u3002" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.sourceRow, children: [
+      /* @__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", 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" }),
+        "\u6709 ",
+        problems.length,
+        " \u4E2A\u95EE\u9898\uFF08\u4FDD\u5B58\u4F1A\u88AB\u62D2\u7EDD\uFF09"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { style: styles.problemsList, children: problems.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: p }, p)) })
+    ] }) : notice.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.noticeBox, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: styles.noticeTitle, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.StateDot, { state: "warning" }),
+        "\u539F .dsh/eng.json \u65E0\u6CD5\u89E3\u6790"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { style: styles.problemsList, children: notice.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: p }, p)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.muted, children: "\u5F53\u524D\u663E\u793A\u5185\u7F6E\u9ED8\u8BA4\u914D\u7F6E\uFF1B\u70B9\u51FB\u4FDD\u5B58\u4F1A\u8986\u76D6\u539F\u6587\u4EF6\u3002" })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: styles.okText, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.StateDot, { state: "done" }),
+      source === "default" ? "\u5F53\u524D\u4F7F\u7528\u5185\u7F6E\u9ED8\u8BA4\u914D\u7F6E" : "\u914D\u7F6E\u6709\u6548"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.actions, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_dsh_client_ui_primitives.Button,
+        {
+          variant: "primary",
+          size: "md",
+          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconCheckOutline16, { size: 16 }),
+          disabled: problems.length > 0,
+          onClick: () => {
+            void save(remote, config, workspace, setSavedAt, setSource, setLoadedProblems);
+          },
+          children: "\u4FDD\u5B58\u5230 .dsh/eng.json"
+        }
+      ),
+      savedAt !== "" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: styles.okText, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.StateDot, { state: savedAt.startsWith("\u5DF2") ? "done" : "error" }),
+        savedAt
+      ] }) : null
+    ] })
+  ] });
 }
-function workspacePicker(workspaces, workspace, setWorkspace) {
-  if (workspaces.length === 0) return e("p", { style: styles.problems }, "\u5F53\u524D\u6CA1\u6709\u4EFB\u4F55\u5DE5\u4F5C\u533A\uFF1A\u8BF7\u5148\u5728\u4FA7\u680F\u521B\u5EFA\u4E00\u4E2A\u5DE5\u4F5C\u533A\u3002");
-  return e(
-    "label",
-    { style: styles.row },
-    "\u5DE5\u4F5C\u533A ",
-    e(
-      "select",
-      { value: workspace, onChange: (ev) => setWorkspace(ev.target.value) },
-      ...workspaces.map((w) => e("option", { key: w.path, value: w.path }, w.title || w.path))
-    )
-  );
+function sourceText(source) {
+  switch (source) {
+    case "project":
+      return "\u9879\u76EE\u914D\u7F6E\uFF08.dsh/eng.json\uFF09";
+    case "invalid":
+      return "\u539F\u6587\u4EF6\u65E0\u6CD5\u89E3\u6790\uFF0C\u663E\u793A\u5185\u7F6E\u9ED8\u8BA4\u914D\u7F6E";
+    default:
+      return "\u5185\u7F6E\u9ED8\u8BA4\u914D\u7F6E\uFF08\u5DE5\u4F5C\u533A\u5C1A\u65E0 .dsh/eng.json\uFF09";
+  }
 }
-function stageEditor(config, setConfig) {
-  const stageText = () => config.stages.join("\n");
-  return e(
-    "div",
-    null,
-    e("textarea", {
-      style: styles.textarea,
-      rows: 4,
-      value: stageText(),
-      onChange: (ev) => update(config, setConfig, (c) => ({
+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,
+    {
+      icon,
+      title,
+      open,
+      expandable: true,
+      onToggle: () => {
+        setOpen(!open);
+      },
+      keepContentWhenOpen: true,
+      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 = () => {
+    const name = draft.trim();
+    if (name === "" || config.stages.includes(name)) return;
+    update(config, setConfig, (c) => ({ ...c, stages: [...c.stages, name] }));
+    setDraft("");
+  };
+  const removeStage = (stage) => {
+    update(config, setConfig, (c) => {
+      const stages = c.stages.filter((s) => s !== stage);
+      return {
         ...c,
-        stages: ev.target.value.split("\n").map((s) => s.trim()).filter((s) => s.length > 0)
-      }))
-    }),
-    e(
-      "label",
-      { style: styles.row },
-      "\u8D77\u59CB\u9636\u6BB5 ",
-      e(
+        stages,
+        start_stage: c.start_stage === stage ? stages[0] ?? "" : c.start_stage
+      };
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.section, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.chips, children: config.stages.map((stage) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dsh_client_ui_primitives.Pill,
+      {
+        active: stage === config.start_stage,
+        onClick: stage === config.start_stage ? void 0 : () => {
+          removeStage(stage);
+        },
+        title: stage === config.start_stage ? "\u8D77\u59CB\u9636\u6BB5" : `\u70B9\u51FB\u5220\u9664 ${stage}`,
+        children: stage
+      },
+      stage
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.row, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "input",
+        {
+          style: { ...control, flex: "1 1 180px" },
+          placeholder: "\u65B0\u9636\u6BB5\u540D",
+          value: draft,
+          onChange: (ev) => {
+            setDraft(ev.target.value);
+          },
+          onKeyDown: (ev) => {
+            if (ev.key === "Enter") addStage();
+          }
+        }
+      ),
+      /* @__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: draft.trim() === "", onClick: addStage, children: "\u6DFB\u52A0\u9636\u6BB5" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.row, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.fieldLabel, children: "\u8D77\u59CB\u9636\u6BB5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "select",
-        { value: config.start_stage, onChange: (ev) => update(config, setConfig, (c) => ({ ...c, start_stage: ev.target.value })) },
-        ...config.stages.map((s) => e("option", { key: s, value: s }, s))
+        {
+          style: control,
+          value: config.start_stage,
+          onChange: (ev) => {
+            update(config, setConfig, (c) => ({ ...c, start_stage: ev.target.value }));
+          },
+          children: config.stages.map((s) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: s, children: s }, s))
+        }
       )
-    )
-  );
+    ] })
+  ] });
 }
-function transitionEditor(config, setConfig) {
-  const rows = config.transitions.map((t, i) => e(
-    "div",
-    { key: i, style: styles.card },
-    selectOf(config, t.from, (v) => update(config, setConfig, (c) => ({ ...c, transitions: c.transitions.map((x, j) => j === i ? { ...x, from: v } : x) }))),
-    " \u2192 ",
-    selectOf(config, t.to, (v) => update(config, setConfig, (c) => ({ ...c, transitions: c.transitions.map((x, j) => j === i ? { ...x, to: v } : x) }))),
-    e("input", {
-      style: styles.input,
-      placeholder: "\u5B88\u536B\uFF0C\u9017\u53F7\u5206\u9694\uFF08\u5982 todos_done, verified\uFF09",
-      value: (t.requires ?? []).join(", "),
-      onChange: (ev) => update(config, setConfig, (c) => ({ ...c, transitions: c.transitions.map((x, j) => j === i ? { ...x, requires: splitList(ev.target.value) } : x) }))
-    }),
-    e("button", { type: "button", onClick: () => update(config, setConfig, (c) => ({ ...c, transitions: c.transitions.filter((_, j) => j !== i) })) }, "\u5220\u9664")
-  ));
-  return e(
-    "div",
-    null,
-    ...rows,
-    e("button", { type: "button", onClick: () => update(config, setConfig, (c) => ({ ...c, transitions: [...c.transitions, { from: c.start_stage, to: c.start_stage }] })) }, "+ \u52A0\u4E00\u6761\u6D41\u8F6C")
-  );
-}
-function artifactEditor(config, setConfig) {
-  const rows = config.artifacts.map((a, i) => e(
-    "div",
-    { key: i, style: styles.card },
-    selectOf(config, a.stage, (v) => update(config, setConfig, (c) => ({ ...c, artifacts: c.artifacts.map((x, j) => j === i ? { ...x, stage: v } : x) }))),
-    e("input", { style: styles.input, placeholder: "id", value: a.id, onChange: (ev) => update(config, setConfig, (c) => ({ ...c, artifacts: c.artifacts.map((x, j) => j === i ? { ...x, id: ev.target.value } : x) })) }),
-    e("input", { style: styles.input, placeholder: "\u540D\u79F0", value: a.name, onChange: (ev) => update(config, setConfig, (c) => ({ ...c, artifacts: c.artifacts.map((x, j) => j === i ? { ...x, name: ev.target.value } : x) })) }),
-    e("input", { style: styles.input, placeholder: "\u5B57\u6BB5\uFF0C\u9017\u53F7\u5206\u9694", value: a.fields.join(", "), onChange: (ev) => update(config, setConfig, (c) => ({ ...c, artifacts: c.artifacts.map((x, j) => j === i ? { ...x, fields: splitList(ev.target.value) } : x) })) }),
-    e("button", { type: "button", onClick: () => update(config, setConfig, (c) => ({ ...c, artifacts: c.artifacts.filter((_, j) => j !== i) })) }, "\u5220\u9664")
-  ));
-  return e(
-    "div",
-    null,
-    ...rows,
-    e("button", { type: "button", onClick: () => update(config, setConfig, (c) => ({ ...c, artifacts: [...c.artifacts, { stage: c.start_stage, id: "", name: "", fields: [] }] })) }, "+ \u52A0\u4E00\u4E2A\u4EA7\u7269")
-  );
+function TransitionEditor({ config, setConfig }) {
+  const setTransition = (i, patch) => {
+    update(config, setConfig, (c) => ({
+      ...c,
+      transitions: c.transitions.map((t, j) => j === i ? { ...t, ...patch } : t)
+    }));
+  };
+  const toggleGuard = (i, guard) => {
+    const t = config.transitions[i];
+    if (t === void 0) return;
+    const current = t.requires ?? [];
+    const next = current.includes(guard) ? current.filter((g) => g !== guard) : [...current, guard];
+    setTransition(i, { requires: next });
+  };
+  const remove = (i) => {
+    update(config, setConfig, (c) => ({ ...c, transitions: c.transitions.filter((_, j) => j !== i) }));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.section, children: [
+    config.transitions.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: cardV, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", { style: control, value: t.from, onChange: (ev) => {
+          setTransition(i, { from: ev.target.value });
+        }, children: config.stages.map((s) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: s, children: s }, s)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: textTertiary3 }, children: "\u2192" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", { style: control, value: t.to, onChange: (ev) => {
+          setTransition(i, { to: ev.target.value });
+        }, children: config.stages.map((s) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: s, children: s }, s)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconCloseOutline16, { size: 14 }), onClick: () => {
+          remove(i);
+        }, title: "\u5220\u9664\u8FD9\u6761\u6D41\u8F6C" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.chips, children: GUARD_OPTIONS.map((g) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_dsh_client_ui_primitives.Pill,
+        {
+          active: (t.requires ?? []).includes(g.value),
+          onClick: () => {
+            toggleGuard(i, g.value);
+          },
+          title: `\u5B88\u536B ${g.value}`,
+          children: g.label
+        },
+        g.value
+      )) })
+    ] }, i)),
+    /* @__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 }),
+        onClick: () => {
+          update(config, setConfig, (c) => ({ ...c, transitions: [...c.transitions, { from: c.start_stage, to: c.start_stage }] }));
+        },
+        children: "\u52A0\u4E00\u6761\u6D41\u8F6C"
+      }
+    ) })
+  ] });
 }
-function commitEditor(config, setConfig) {
-  const c = config.commit;
-  return e(
-    "div",
-    null,
-    e(
-      "label",
-      { style: styles.row },
-      "\u63D0\u4EA4\u7B56\u7565 ",
-      e(
-        "select",
-        { value: c.policy, onChange: (ev) => update(config, setConfig, (cfg) => ({ ...cfg, commit: { ...cfg.commit, policy: ev.target.value } })) },
-        e("option", { value: "task" }, "task\uFF08\u68C0\u67E5\u70B9\u4E00\u6B21\u63D0\u4EA4\uFF09"),
-        e("option", { value: "item" }, "item\uFF08\u9010\u9879\u63D0\u4EA4 + \u6536\u5C3E TASK\uFF09"),
-        e("option", { value: "manual" }, "manual\uFF08\u4EBA\u5DE5\u6307\u793A\uFF09")
+function ArtifactEditor({ config, setConfig }) {
+  const setArtifact = (i, patch) => {
+    update(config, setConfig, (c) => ({
+      ...c,
+      artifacts: c.artifacts.map((a, j) => j === i ? { ...a, ...patch } : a)
+    }));
+  };
+  const remove = (i) => {
+    update(config, setConfig, (c) => ({ ...c, artifacts: c.artifacts.filter((_, j) => j !== i) }));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.section, children: [
+    config.artifacts.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: cardV, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", { style: control, value: a.stage, onChange: (ev) => {
+          setArtifact(i, { stage: ev.target.value });
+        }, children: config.stages.map((s) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: s, children: s }, s)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { style: { ...control, flex: "1 1 120px" }, placeholder: "id", value: a.id, onChange: (ev) => {
+          setArtifact(i, { id: ev.target.value });
+        } }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { style: { ...control, flex: "1 1 140px" }, placeholder: "\u540D\u79F0", value: a.name, onChange: (ev) => {
+          setArtifact(i, { name: ev.target.value });
+        } }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconCloseOutline16, { size: 14 }), onClick: () => {
+          remove(i);
+        }, title: "\u5220\u9664\u8FD9\u4E2A\u4EA7\u7269" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "input",
+        {
+          style: control,
+          placeholder: "\u5B57\u6BB5\uFF0C\u9017\u53F7\u5206\u9694\uFF08\u5982 scope, acceptance_criteria\uFF09",
+          value: a.fields.join(", "),
+          onChange: (ev) => {
+            setArtifact(i, { fields: splitList(ev.target.value) });
+          }
+        }
       )
-    ),
-    e(
-      "label",
-      { style: styles.row },
-      "\u6D88\u606F\u683C\u5F0F\uFF08\u6B63\u5219\uFF09",
-      e("input", { style: styles.input, value: c.message_pattern, onChange: (ev) => update(config, setConfig, (cfg) => ({ ...cfg, commit: { ...cfg.commit, message_pattern: ev.target.value } })) })
-    ),
-    e(
-      "label",
-      { style: styles.row },
-      "\u683C\u5F0F\u8BF4\u660E",
-      e("input", { style: styles.input, value: c.message_hint, onChange: (ev) => update(config, setConfig, (cfg) => ({ ...cfg, commit: { ...cfg.commit, message_hint: ev.target.value } })) })
-    ),
-    e(
-      "div",
-      { style: styles.row },
-      "\u63D0\u4EA4\u68C0\u67E5\u70B9\uFF1A",
-      ...config.stages.map((s) => e(
-        "label",
-        { key: s, style: styles.inline },
-        e("input", {
-          type: "checkbox",
-          checked: c.checkpoints.includes(s),
-          onChange: (ev) => update(config, setConfig, (cfg) => ({
-            ...cfg,
-            commit: { ...cfg.commit, checkpoints: toggle(cfg.commit.checkpoints, s, ev.target.checked) }
-          }))
-        }),
-        s
-      ))
-    ),
-    e(
-      "label",
-      { style: styles.row },
-      e("input", { type: "checkbox", checked: c.file_scope, onChange: (ev) => update(config, setConfig, (cfg) => ({ ...cfg, commit: { ...cfg.commit, file_scope: ev.target.checked } })) }),
-      "\u6587\u4EF6\u8303\u56F4\u5F00\u5173\uFF08\u63D0\u4EA4\u53EA\u5141\u8BB8\u4EFB\u52A1\u91CC\u58F0\u660E\u7684\u6587\u4EF6\uFF09"
-    )
-  );
+    ] }, i)),
+    /* @__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 }),
+        onClick: () => {
+          update(config, setConfig, (c) => ({ ...c, artifacts: [...c.artifacts, { stage: c.start_stage, id: "", name: "", fields: [] }] }));
+        },
+        children: "\u52A0\u4E00\u4E2A\u4EA7\u7269"
+      }
+    ) })
+  ] });
 }
-function selectOf(config, value, onChange) {
-  return e(
-    "select",
-    { style: styles.select, value, onChange: (ev) => onChange(ev.target.value) },
-    ...config.stages.map((s) => e("option", { key: s, value: s }, s))
-  );
+function CommitEditor({ config, setConfig }) {
+  const commit = config.commit;
+  const setCommit = (patch) => {
+    update(config, setConfig, (c) => ({ ...c, commit: { ...c.commit, ...patch } }));
+  };
+  const toggleCheckpoint = (stage) => {
+    const current = commit.checkpoints;
+    const next = current.includes(stage) ? current.filter((s) => s !== stage) : [...current, stage];
+    setCommit({ checkpoints: next });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.section, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.field, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.fieldLabel, children: "\u63D0\u4EA4\u7B56\u7565" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.chips, children: POLICY_OPTIONS.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Pill, { active: commit.policy === p.value, onClick: () => {
+        setCommit({ policy: p.value });
+      }, title: p.hint, children: p.label }, p.value)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.hint, children: POLICY_OPTIONS.find((p) => p.value === commit.policy)?.hint })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.row, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: styles.field, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.fieldLabel, children: "\u63D0\u4EA4\u6D88\u606F\u683C\u5F0F\uFF08\u6B63\u5219\uFF0C\u7559\u7A7A\u5219\u4E0D\u6821\u9A8C\uFF09" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { style: control, value: commit.message_pattern, onChange: (ev) => {
+          setCommit({ message_pattern: ev.target.value });
+        } })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: styles.field, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.fieldLabel, children: "\u683C\u5F0F\u8BF4\u660E" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { style: control, value: commit.message_hint, onChange: (ev) => {
+          setCommit({ message_hint: ev.target.value });
+        } })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.field, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.fieldLabel, children: "\u63D0\u4EA4\u68C0\u67E5\u70B9\uFF08\u5230\u8FBE\u8FD9\u4E9B\u9636\u6BB5\u524D\u9700\u63D0\u4EA4\uFF09" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.chips, children: config.stages.map((s) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Pill, { active: commit.checkpoints.includes(s), onClick: () => {
+        toggleCheckpoint(s);
+      }, title: `\u68C0\u67E5\u70B9 ${s}`, children: s }, s)) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.field, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.inline, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            type: "checkbox",
+            checked: commit.file_scope,
+            onChange: (ev) => {
+              setCommit({ file_scope: ev.target.checked });
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.fieldLabel, children: "\u6587\u4EF6\u8303\u56F4\u5F00\u5173\uFF08\u63D0\u4EA4\u53EA\u5141\u8BB8\u4EFB\u52A1\u91CC\u58F0\u660E\u7684\u6587\u4EF6\uFF09" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.inline, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            type: "checkbox",
+            checked: config.high_risk_requires_verification,
+            onChange: (ev) => {
+              update(config, setConfig, (c) => ({ ...c, high_risk_requires_verification: ev.target.checked }));
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.fieldLabel, children: "\u9AD8\u98CE\u9669\u4EFB\u52A1\u5FC5\u987B\u9644\u9A8C\u8BC1\u8BC1\u636E\u624D\u80FD\u8FC7 verified \u5B88\u536B" })
+      ] })
+    ] })
+  ] });
 }
 function update(config, setConfig, fn) {
   setConfig(fn(config));
 }
-async function save(props, config, workspace, setSavedAt, setSource, setLoadedProblems) {
-  const result = await props.remote.write({ path: workspace, 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;
@@ -4483,31 +5035,14 @@ async function save(props, config, workspace, setSavedAt, setSource, setLoadedPr
   setLoadedProblems(result.value.source === "invalid" ? result.value.problems : []);
   setSavedAt(result.value.ok ? "\u5DF2\u4FDD\u5B58" : "");
 }
-function splitList(text) {
-  return text.split(",").map((s) => s.trim()).filter((s) => s.length > 0);
-}
-function toggle(list, value, on) {
-  return on ? list.includes(value) ? list : [...list, value] : list.filter((v) => v !== value);
+function splitList(textInput) {
+  return textInput.split(",").map((s) => s.trim()).filter((s) => s.length > 0);
 }
 function describeError(error) {
   if (error instanceof Error) return error.message;
   if (typeof error === "string") return error;
   return "\u672A\u77E5\u9519\u8BEF";
 }
-var styles = {
-  wrap: { padding: "16px", maxWidth: "760px", display: "flex", flexDirection: "column", gap: "8px" },
-  title: { margin: "0 0 4px" },
-  muted: { margin: "0 0 8px", opacity: "0.7" },
-  row: { display: "flex", alignItems: "center", gap: "8px", flexWrap: "wrap" },
-  inline: { display: "inline-flex", alignItems: "center", gap: "4px", marginRight: "12px" },
-  card: { display: "flex", alignItems: "center", gap: "8px", flexWrap: "wrap", padding: "4px 0" },
-  input: { flex: "1 1 220px", minWidth: "140px" },
-  select: { minWidth: "90px" },
-  textarea: { width: "100%", fontFamily: "monospace" },
-  problems: { color: "#c62828", background: "#fdecea", padding: "8px 12px", borderRadius: "4px" },
-  ok: { color: "#2e7d32" },
-  actions: { display: "flex", alignItems: "center", gap: "12px", marginTop: "8px" }
-};
 
 // src/client/index.ts
 var inject = ["remote", "slots"];