@godv61/dsh-task-engine 0.14.0 → 0.16.0

package/lib/client.js

@@ -4104,12 +4104,14 @@ var configSchema = external_exports.object({
 var viewSchema = external_exports.object({
   ok: external_exports.boolean(),
   source: external_exports.enum(["default", "project", "invalid"]),
+  flow: external_exports.string(),
   config: configSchema,
   problems: external_exports.array(external_exports.string())
 });
 var writeRequestSchema = external_exports.object({
   path: external_exports.string(),
-  config: configSchema
+  flow: external_exports.string(),
+  stage_bindings: external_exports.record(external_exports.string(), stageBindingSchema).optional()
 });
 var skillCatalogSchema = external_exports.object({
   skills: external_exports.array(external_exports.object({
@@ -4383,7 +4385,7 @@ var remote_default = TYPERT_REMOTE;
 
 // src/client/Workbench.tsx
 var import_react6 = require("react");
-var import_dsh_client_ui_primitives5 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_dsh_client_ui_primitives6 = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/client/styles.ts
 var text = "var(--dsw-alias-label-primary)";
@@ -4462,7 +4464,7 @@ var styles = {
 };
 
 // src/client/TaskEngineSection.tsx
-var import_react2 = require("react");
+var import_react = require("react");
 var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/engine.ts
@@ -4555,214 +4557,12 @@ function validateWorkflow(config) {
   return problems;
 }
 
-// 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 textTertiary2 = "var(--dsw-alias-label-tertiary)";
-var textSecondary2 = "var(--dsw-alias-label-secondary)";
-var border2 = "var(--dsw-alias-border-l2)";
-var surface2 = "var(--dsw-alias-bg-layer-2)";
-var brand = "var(--dsw-alias-state-business-primary)";
-var danger2 = "var(--dsw-alias-state-error-primary)";
-function edgeList(config) {
-  return config.transitions.map((t) => {
-    const label = (t.requires ?? []).length > 0 ? (t.requires ?? []).join(" \xB7 ") : null;
-    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 ? danger2 : textTertiary2;
-      const d = from < to ? forwardPath(from, to) : returnPath(from, to < 0 ? from : to);
-      const labelY = from < to ? forwardLabelY(from, to) : returnLabelY(from, to < 0 ? from : to);
-      const labelX = from < to ? (nodeX(from, stageCount) + nodeW + nodeX(to, stageCount)) / 2 : (nodeX(from, stageCount) + nodeX(to < 0 ? from : to, stageCount) + nodeW) / 2;
-      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 ? danger2 : textSecondary2
-      }, 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: surface2,
-          stroke: isStart ? brand : border2,
-          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
+// src/workflows.ts
+var FLOW_OPTIONS = [
+  { 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" },
+  { 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" },
+  { id: "minimal", label: "\u7EAF\u4EE3\u7801", description: "\u5F00\u53D1 \u2192 \u4EA4\u4ED8\uFF0C\u4E24\u9636\u6BB5\uFF0C\u53EA\u7559\u63D0\u4EA4\u95E8\u7981" }
+];
 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",
@@ -4840,11 +4640,18 @@ var MINIMAL = {
     "\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 }
-];
+var FLOW_CONFIGS = {
+  standard: STANDARD,
+  agile: AGILE,
+  minimal: MINIMAL
+};
+function resolveFlowConfig(flow, override) {
+  const base = FLOW_CONFIGS[flow] ?? STANDARD;
+  if (override?.stage_bindings !== void 0) {
+    return { ...base, stage_bindings: { ...override.stage_bindings } };
+  }
+  return base;
+}
 
 // src/client/shared.ts
 function sourceLabel(source) {
@@ -4873,17 +4680,6 @@ function describeError(error) {
 
 // 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 ${border}`,
-  borderRadius: 8,
-  padding: "5px 8px",
-  color: text2,
-  fontSize: 13,
-  minWidth: 0
-};
 var cardV = {
   display: "flex",
   flexDirection: "column",
@@ -4892,38 +4688,25 @@ var cardV = {
   borderRadius: 8,
   padding: "10px 12px"
 };
-var GUARD_OPTIONS = [
-  { value: "requirement_confirmation", label: "\u9700\u6C42\u786E\u8BA4", hint: "\u9700\u6C42\u5DF2\u7ECF\u4EBA\u786E\u8BA4\u8FC7" },
-  { value: "solution_confirmation", label: "\u65B9\u6848\u786E\u8BA4", hint: "\u65B9\u6848\u5DF2\u7ECF\u4EBA\u786E\u8BA4\u8FC7" },
-  { value: "todos_done", label: "\u5F85\u529E\u5B8C\u6210", hint: "\u4EFB\u52A1\u6E05\u5355\u91CC\u7684\u6BCF\u4E00\u9879\u90FD\u5DF2\u52FE\u9009\u5B8C\u6210" },
-  { value: "verified", label: "\u5DF2\u9A8C\u8BC1", hint: "\u5DF2\u901A\u8FC7\u9A8C\u8BC1\uFF08\u9AD8\u98CE\u9669\u4EFB\u52A1\u8FD8\u5FC5\u987B\u9644\u9A8C\u8BC1\u8BC1\u636E\uFF09" },
-  { value: "review_passed", label: "\u8BC4\u5BA1\u901A\u8FC7", hint: "\u4EE3\u7801\u5BA1\u6838\u7ED3\u8BBA\u4E3A\u901A\u8FC7" },
-  { value: "artifacts_present", label: "\u4EA7\u7269\u5B57\u6BB5\u5DF2\u586B\u5168", hint: "\u8BE5\u9636\u6BB5\u58F0\u660E\u7684\u6BCF\u4E00\u4E2A\u4EA7\u7269\u5B57\u6BB5\u90FD\u5DF2\u586B\u4E0A\u5185\u5BB9" }
-];
-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, workspace } = props;
-  const [config, setConfig] = (0, import_react2.useState)(null);
-  const [source, setSource] = (0, import_react2.useState)("default");
-  const [savedAt, setSavedAt] = (0, import_react2.useState)("");
-  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)(() => {
+  const [flow, setFlow] = (0, import_react.useState)("standard");
+  const [stageBindings, setStageBindings] = (0, import_react.useState)({});
+  const [source, setSource] = (0, import_react.useState)("default");
+  const [savedAt, setSavedAt] = (0, import_react.useState)("");
+  const [loadError, setLoadError] = (0, import_react.useState)("");
+  const [skills, setSkills] = (0, import_react.useState)([]);
+  const [rules, setRules] = (0, import_react.useState)([]);
+  (0, import_react.useEffect)(() => {
     if (workspace === "") return;
     let alive = true;
     setLoadError("");
     void remote.read(workspace).then((result) => {
       if (!alive) return;
       if (result.ok) {
-        setConfig(result.value.config);
+        setFlow(result.value.flow);
+        setStageBindings(result.value.config.stage_bindings ?? {});
         setSource(result.value.source);
-        setLoadedProblems(result.value.source === "invalid" ? result.value.problems : []);
         setSavedAt("");
       } else {
         setLoadError("\u8BFB\u53D6\u914D\u7F6E\u5931\u8D25\uFF1A" + describeError(result.error));
@@ -4935,7 +4718,7 @@ function TaskEngineSection(props) {
       alive = false;
     };
   }, [remote, workspace]);
-  const refreshCatalogs = (0, import_react2.useCallback)(() => {
+  const refreshCatalogs = (0, import_react.useCallback)(() => {
     if (workspace === "") return;
     void remote.listSkills(workspace).then((result) => {
       if (result.ok) setSkills(result.value.skills);
@@ -4946,21 +4729,17 @@ function TaskEngineSection(props) {
     }, () => {
     });
   }, [remote, workspace]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.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) }));
+  const stages = (0, import_react.useMemo)(() => (FLOW_CONFIGS[flow] ?? FLOW_CONFIGS.standard).stages, [flow]);
+  const problems = (0, import_react.useMemo)(
+    () => validateWorkflow(resolveFlowConfig(flow, { stage_bindings: stageBindings })),
+    [flow, stageBindings]
+  );
+  const selectFlow = (id) => {
+    setFlow(id);
+    setStageBindings({ ...FLOW_CONFIGS[id]?.stage_bindings ?? {} });
   };
   if (loadError !== "") {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.wrap, children: [
@@ -4974,28 +4753,24 @@ function TaskEngineSection(props) {
       ] })
     ] });
   }
-  if (config === 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.jsx)("p", { style: styles.muted, children: "\u9009\u4E00\u5957\u6D41\u7A0B\uFF0C\u518D\u7ED9\u6BCF\u4E2A\u8282\u70B9\u6302\u4E0A skill / rule\u3002\u9636\u6BB5\u6D41\u8F6C\u3001\u5B88\u536B\u3001\u63D0\u4EA4\u89C4\u5219\u90FD\u7531\u6D41\u7A0B\u9884\u8BBE\u56FA\u5316\uFF0C\u65E0\u9700\u624B\u5DE5\u914D\u7F6E\u3002" })
     ] }),
     /* @__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.jsx)(TemplatePicker, { config, setConfig }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.flowCard, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FlowDiagram, { config, onAddTransition: addTransition, onRemoveTransition: removeTransition }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionCard, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconSettingsOutline16, { size: 16 }), title: "\u9636\u6BB5", hint: "\u6D41\u7A0B\u7531\u8FD9\u4E9B\u9636\u6BB5\u6309\u987A\u5E8F\u7EC4\u6210\u3002\u70B9\u4E00\u4E2A\u6807\u7B7E\u53EF\u5220\u9664\u5B83\uFF08\u8D77\u59CB\u9636\u6BB5\u9664\u5916\uFF09\uFF1B\u7528\u4E2D\u6587\u540D\u66F4\u6613\u61C2\uFF0C\u4F8B\u5982\u300C\u9700\u6C42\u8BC4\u5BA1\u300D\u300C\u5F00\u53D1\u300D\u3002", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StageEditor, { config, setConfig }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionCard, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconBranchOutline16, { size: 16 }), title: "\u6D41\u8F6C\uFF08\u9636\u6BB5 \u2192 \u9636\u6BB5\uFF0C\u53EF\u5E26\u5B88\u536B\uFF09", defaultOpen: false, hint: "\u6BCF\u6761\u6D41\u8F6C = \u4ECE\u300C\u4E0A\u4E00\u6B65\u300D\u5230\u300C\u4E0B\u4E00\u6B65\u300D\u5141\u8BB8\u8D70\u7684\u8DEF\uFF1B\u53EF\u9644\u52A0\u5B88\u536B\uFF0C\u6EE1\u8DB3\u5B88\u536B\u624D\u653E\u884C\u3002\u4E5F\u53EF\u5728\u6D41\u7A0B\u56FE\u91CC\u76F4\u63A5\u8FDE\u7EBF/\u70B9\u7BAD\u5934\u5220\u9664\u3002", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TransitionEditor, { config, setConfig }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionCard, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconCheckOutline16, { size: 16 }), title: "\u4EA7\u7269\uFF08\u6BCF\u4E2A\u9636\u6BB5\u8981\u5199\u6E05\u695A\u7684\u8BB0\u5F55\uFF09", defaultOpen: false, hint: "\u4EA7\u7269 = \u67D0\u9636\u6BB5\u5FC5\u987B\u4EA4\u4ED8\u7684\u4E00\u4EFD\u300C\u586B\u5199\u8BB0\u5F55\u300D\uFF1B\u5B57\u6BB5 = \u8FD9\u4EFD\u8BB0\u5F55\u91CC\u5927\u6A21\u578B\u5FC5\u987B\u586B\u4E0A\u7684\u7A7A\u3002\u4F8B\u5982\u300C\u9700\u6C42\u8BC4\u5BA1\u300D\u9636\u6BB5\u7684\u4EA7\u7269\u300C\u9700\u6C42\u8BF4\u660E\u300D\u8981\u586B scope\uFF08\u8303\u56F4\uFF09\u3001acceptance_criteria\uFF08\u9A8C\u6536\u6807\u51C6\uFF09\u4E24\u4E2A\u5B57\u6BB5\uFF1B\u518D\u7ED9\u300C\u9700\u6C42\u8BC4\u5BA1 \u2192 \u8BBE\u8BA1\u300D\u8FD9\u6761\u6D41\u8F6C\u6302\u4E0A\u300C\u4EA7\u7269\u5B57\u6BB5\u5DF2\u586B\u5168\u300D\u5B88\u536B\uFF0C\u5B57\u6BB5\u6CA1\u586B\u5168\u5C31\u8FDB\u4E0D\u4E86\u4E0B\u4E00\u9636\u6BB5\u3002", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArtifactEditor, { config, setConfig }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionCard, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconEditOutline16, { size: 16 }), title: "\u63D0\u4EA4\u89C4\u5219", defaultOpen: false, hint: "\u63D0\u4EA4\u7B56\u7565\u3001\u6D88\u606F\u683C\u5F0F\u3001\u63D0\u4EA4\u68C0\u67E5\u70B9\u3001\u6587\u4EF6\u8303\u56F4\uFF0C\u4EE5\u53CA\u9AD8\u98CE\u9669\u662F\u5426\u5FC5\u987B\u9644\u9A8C\u8BC1\u8BC1\u636E\u3002", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommitEditor, { config, setConfig }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionCard, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconBranchOutline16, { size: 16 }), title: "\u9636\u6BB5\u6280\u80FD / \u89C4\u5219", hint: "\u9009\u4E00\u4E2A\u9636\u6BB5\uFF0C\u52FE\u9009\u5B83\u300C\u7528\u4EC0\u4E48 skill\uFF08\u6280\u80FD\uFF09\u300D\u548C\u300C\u5B88\u54EA\u6761 rule\uFF08\u89C4\u5219\uFF09\u300D\u3002\u5927\u6A21\u578B\u8D70\u5230\u8BE5\u9636\u6BB5\u65F6\uFF0C\u53EA\u4F1A\u770B\u5230\u7ED9\u5B83\u6302\u8F7D\u7684\u8FD9\u51E0\u6761\u6280\u80FD\u4E0E\u89C4\u5219\uFF1B\u8981\u65B0\u5EFA\u6216\u6539\u6B63\u6587\uFF0C\u5207\u5230\u4E0A\u65B9\u7684\u300C\u6280\u80FD\u300D/\u300C\u89C4\u5219\u300D\u6807\u7B7E\u9875\u3002", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BindingEditor, { config, setConfig, skills, rules }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.field, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.fieldLabel, children: "\u6D41\u7A0B\u9884\u8BBE" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.chips, children: FLOW_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Pill, { active: flow === option.id, onClick: () => {
+        selectFlow(option.id);
+      }, title: option.description, children: option.label }, option.id)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.hint, children: FLOW_OPTIONS.find((option) => option.id === flow)?.description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionCard, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconBranchOutline16, { size: 16 }), title: "\u6D41\u7A0B\u8282\u70B9", hint: "\u8BE5\u6D41\u7A0B\u9884\u8BBE\u56FA\u5B9A\u7684\u9636\u6BB5\u987A\u5E8F\uFF1B\u6539\u53D8\u6D41\u7A0B\u8BF7\u5207\u6362\u4E0A\u9762\u7684\u9884\u8BBE\u3002", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.chips, children: stages.map((stage) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Pill, { active: stage === (FLOW_CONFIGS[flow]?.start_stage ?? ""), title: stage === FLOW_CONFIGS[flow]?.start_stage ? "\u8D77\u59CB\u9636\u6BB5" : void 0, children: stage }, stage)) }) }),
+    /* @__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\u6280\u80FD / \u89C4\u5219", hint: "\u9009\u4E00\u4E2A\u8282\u70B9\uFF0C\u52FE\u9009\u5B83\u300C\u7528\u4EC0\u4E48 skill\uFF08\u6280\u80FD\uFF09\u300D\u548C\u300C\u5B88\u54EA\u6761 rule\uFF08\u89C4\u5219\uFF09\u300D\u3002\u6A21\u578B\u8D70\u5230\u8BE5\u8282\u70B9\u65F6\u53EA\u4F1A\u770B\u5230\u4F60\u6302\u8F7D\u7684\u8FD9\u51E0\u6761\uFF1B\u8981\u65B0\u5EFA\u6216\u6539\u6B63\u6587\uFF0C\u5207\u5230\u4E0A\u65B9\u7684\u300C\u6280\u80FD\u300D/\u300C\u89C4\u5219\u300D\u6807\u7B7E\u9875\u3002", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BindingEditor, { stages, stageBindings, setStageBindings, skills, rules }) }),
     problems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.problems, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: styles.problemsTitle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.StateDot, { state: "error" }),
@@ -5004,16 +4779,9 @@ function TaskEngineSection(props) {
         " \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"
+      source === "project" ? "\u914D\u7F6E\u6709\u6548" : "\u4F7F\u7528\u6D41\u7A0B\u9884\u8BBE\u9ED8\u8BA4\u7ED1\u5B9A\uFF08\u5C1A\u672A\u4FDD\u5B58\uFF09"
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.actions, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -5024,7 +4792,7 @@ function TaskEngineSection(props) {
           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);
+            void save(remote, flow, stageBindings, workspace, setSavedAt, setSource);
           },
           children: "\u4FDD\u5B58\u5230 .dsh/eng.json"
         }
@@ -5041,13 +4809,13 @@ function sourceText(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";
+      return "\u539F\u6587\u4EF6\u65E0\u6CD5\u89E3\u6790\uFF0C\u663E\u793A\u6807\u51C6\u9884\u8BBE";
     default:
-      return "\u5185\u7F6E\u9ED8\u8BA4\u914D\u7F6E\uFF08\u5DE5\u4F5C\u533A\u5C1A\u65E0 .dsh/eng.json\uFF09";
+      return "\u6807\u51C6\u9884\u8BBE\uFF08\u5DE5\u4F5C\u533A\u5C1A\u65E0 .dsh/eng.json\uFF09";
   }
 }
-function SectionCard({ icon, title, hint, defaultOpen = true, children }) {
-  const [open, setOpen] = (0, import_react2.useState)(defaultOpen);
+function SectionCard({ icon, title, hint, children }) {
+  const [open, setOpen] = (0, import_react.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,
     {
@@ -5066,301 +4834,36 @@ function SectionCard({ icon, title, hint, defaultOpen = true, 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,
-        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",
-        {
-          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 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: g.hint,
-          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 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 110px" }, placeholder: "\u82F1\u6587 id\uFF08\u5982 requirement\uFF09", value: a.id, onChange: (ev) => {
-          setArtifact(i, { id: ev.target.value });
-        } }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { style: { ...control, flex: "1 1 130px" }, placeholder: "\u540D\u79F0\uFF08\u7ED9\u4EBA\u770B\uFF0C\u5982 \u9700\u6C42\u8BF4\u660E\uFF09", 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: "\u8981\u586B\u7684\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) });
-          }
-        }
-      )
-    ] }, 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 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 BindingEditor({ config, setConfig, skills, rules }) {
-  const [stage, setStage] = (0, import_react2.useState)(config.stages[0] ?? "");
-  const currentStage = config.stages.includes(stage) ? stage : config.stages[0] ?? "";
+function BindingEditor({ stages, stageBindings, setStageBindings, skills, rules }) {
+  const [stage, setStage] = (0, import_react.useState)(stages[0] ?? "");
+  const currentStage = stages.includes(stage) ? stage : stages[0] ?? "";
   const toggleSkill = (skill) => {
     if (currentStage === "") return;
-    update(config, setConfig, (c) => {
-      const bindings = c.stage_bindings ?? {};
-      const current = bindings[currentStage]?.skills ?? [];
-      const next = current.includes(skill) ? current.filter((s) => s !== skill) : [...current, skill].sort();
-      return { ...c, stage_bindings: { ...bindings, [currentStage]: { ...bindings[currentStage] ?? {}, skills: next } } };
-    });
+    const current = stageBindings[currentStage]?.skills ?? [];
+    const next = current.includes(skill) ? current.filter((s) => s !== skill) : [...current, skill].sort();
+    setStageBindings({ ...stageBindings, [currentStage]: { ...stageBindings[currentStage] ?? {}, skills: next } });
   };
   const toggleRule = (rule) => {
     if (currentStage === "") return;
-    update(config, setConfig, (c) => {
-      const bindings = c.stage_bindings ?? {};
-      const current = bindings[currentStage]?.rules ?? [];
-      const next = current.includes(rule) ? current.filter((s) => s !== rule) : [...current, rule].sort();
-      return { ...c, stage_bindings: { ...bindings, [currentStage]: { ...bindings[currentStage] ?? {}, rules: next } } };
-    });
+    const current = stageBindings[currentStage]?.rules ?? [];
+    const next = current.includes(rule) ? current.filter((s) => s !== rule) : [...current, rule].sort();
+    setStageBindings({ ...stageBindings, [currentStage]: { ...stageBindings[currentStage] ?? {}, rules: next } });
   };
   if (currentStage === "") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.muted, children: "\u5148\u5728\u300C\u9636\u6BB5\u300D\u91CC\u52A0\u4E00\u4E2A\u9636\u6BB5\uFF0C\u518D\u56DE\u6765\u6302 skill / rule\u3002" });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.muted, children: "\u5F53\u524D\u6D41\u7A0B\u6CA1\u6709\u8282\u70B9\u3002" });
   }
-  const boundSkills = config.stage_bindings?.[currentStage]?.skills ?? [];
-  const boundRules = config.stage_bindings?.[currentStage]?.rules ?? [];
+  const boundSkills = stageBindings[currentStage]?.skills ?? [];
+  const boundRules = stageBindings[currentStage]?.rules ?? [];
   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: "\u9009\u62E9\u9636\u6BB5\uFF08\u6539\u54EA\u4E2A\u9636\u6BB5\u7684\u6302\u8F7D\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: s === currentStage, onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.fieldLabel, children: "\u9009\u62E9\u8282\u70B9\uFF08\u6539\u54EA\u4E2A\u8282\u70B9\u7684\u6302\u8F7D\uFF09" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.chips, children: stages.map((s) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Pill, { active: s === currentStage, onClick: () => {
         setStage(s);
       }, children: s }, s)) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: cardV, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.bindingStage, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.fieldLabel, children: "skill\uFF08\u8FD9\u4E2A\u9636\u6BB5\u505A\u4EC0\u4E48\uFF09" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.fieldLabel, children: "skill\uFF08\u8FD9\u4E2A\u8282\u70B9\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 \u2014\u2014 \u5207\u5230\u4E0A\u65B9\u300C\u6280\u80FD\u300D\u6807\u7B7E\u9875\u65B0\u5EFA" }) : skills.map((sk) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dsh_client_ui_primitives.Pill, { active: boundSkills.includes(sk.name), onClick: () => {
           toggleSkill(sk.name);
         }, title: `${sk.description}\uFF08${sourceLabel(sk.source)}\uFF09`, children: [
@@ -5373,7 +4876,7 @@ function BindingEditor({ config, setConfig, skills, rules }) {
         ] }, 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\u8FD9\u4E2A\u9636\u6BB5\u5B88\u4EC0\u4E48\uFF09" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.fieldLabel, children: "rule\uFF08\u8FD9\u4E2A\u8282\u70B9\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 \u2014\u2014 \u5207\u5230\u4E0A\u65B9\u300C\u89C4\u5219\u300D\u6807\u7B7E\u9875\u65B0\u5EFA" }) : rules.map((rule) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dsh_client_ui_primitives.Pill, { active: boundRules.includes(rule.name), onClick: () => {
           toggleRule(rule.name);
         }, title: `\u6765\u6E90\uFF1A${sourceLabel(rule.source)}`, children: [
@@ -5385,31 +4888,148 @@ function BindingEditor({ config, setConfig, skills, rules }) {
           ] }) : null
         ] }, rule.name)) })
       ] }),
-      boundSkills.length === 0 && boundRules.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.hint, children: "\u8FD9\u4E2A\u9636\u6BB5\u8FD8\u6CA1\u6302\u4EFB\u4F55 skill / rule \u2014\u2014 \u70B9\u4E0A\u9762\u7684\u540D\u79F0\u52FE\u9009\u3002" }) : null
+      boundSkills.length === 0 && boundRules.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.hint, children: "\u8FD9\u4E2A\u8282\u70B9\u8FD8\u6CA1\u6302\u4EFB\u4F55 skill / rule \u2014\u2014 \u70B9\u4E0A\u9762\u7684\u540D\u79F0\u52FE\u9009\u3002" }) : null
     ] })
   ] });
 }
-function update(config, setConfig, fn) {
-  setConfig(fn(config));
-}
-async function save(remote, config, workspace, setSavedAt, setSource, setLoadedProblems) {
-  const result = await remote.write({ path: workspace, config });
+async function save(remote, flow, stageBindings, workspace, setSavedAt, setSource) {
+  const result = await remote.write({ path: workspace, flow, stage_bindings: stageBindings });
   if (!result.ok) {
     setSavedAt("\u4FDD\u5B58\u5931\u8D25\uFF1A" + describeError(result.error));
     return;
   }
   setSource(result.value.source);
-  setLoadedProblems(result.value.source === "invalid" ? result.value.problems : []);
   setSavedAt(result.value.ok ? "\u5DF2\u4FDD\u5B58" : "");
 }
-function splitList(textInput) {
-  return textInput.split(",").map((s) => s.trim()).filter((s) => s.length > 0);
-}
 
 // src/client/SkillManager.tsx
 var import_react3 = require("react");
+var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// src/client/ResourceModal.tsx
+var import_react2 = require("react");
+var import_react_dom = require("react-dom");
 var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
-var control2 = {
+var rootStyle = {
+  position: "fixed",
+  inset: 0,
+  zIndex: 1e3,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: 24
+};
+var maskStyle = {
+  position: "absolute",
+  inset: 0,
+  background: "var(--dsw-alias-bg-mask-1)",
+  backdropFilter: "var(--dsw-mask-blur)"
+};
+var dialogStyle = {
+  position: "relative",
+  zIndex: 1,
+  display: "flex",
+  flexDirection: "column",
+  width: "min(760px, 100%)",
+  maxHeight: "85vh",
+  borderRadius: 24,
+  background: "var(--dsw-alias-bg-layer-2)",
+  boxShadow: "var(--dsw-elevation-prominent)",
+  overflow: "hidden"
+};
+var headerStyle = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: 8,
+  padding: "18px 18px 10px 24px",
+  flex: "none"
+};
+var titleStyle = {
+  margin: 0,
+  fontSize: 16,
+  lineHeight: "24px",
+  fontWeight: 500,
+  color: "var(--dsw-alias-label-primary)"
+};
+var closeBtnStyle = {
+  flex: "none",
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: 28,
+  height: 28,
+  border: "none",
+  borderRadius: 8,
+  background: "transparent",
+  cursor: "pointer",
+  color: "var(--dsw-alias-label-secondary)",
+  padding: 0
+};
+var descStyle = {
+  margin: 0,
+  padding: "0 24px",
+  fontSize: 13,
+  lineHeight: "20px",
+  color: "var(--dsw-alias-label-secondary)",
+  flex: "none"
+};
+var bodyStyle = {
+  flex: "1 1 auto",
+  minHeight: 0,
+  overflowY: "auto",
+  padding: "16px 24px 4px",
+  display: "flex",
+  flexDirection: "column"
+};
+var footerStyle = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "flex-end",
+  gap: 8,
+  padding: "12px 24px 20px",
+  flex: "none"
+};
+function ResourceModal({ title, description, onClose, footer, children }) {
+  (0, import_react2.useEffect)(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [onClose]);
+  return (0, import_react_dom.createPortal)(
+    (0, import_react2.createElement)(
+      "div",
+      { style: rootStyle, role: "presentation" },
+      (0, import_react2.createElement)("div", { style: maskStyle, "aria-hidden": true, onClick: onClose }),
+      (0, import_react2.createElement)(
+        "div",
+        { style: dialogStyle, role: "dialog", "aria-modal": true, "aria-label": title },
+        (0, import_react2.createElement)(
+          "div",
+          { style: headerStyle },
+          (0, import_react2.createElement)("h2", { style: titleStyle }, title),
+          (0, import_react2.createElement)(
+            "button",
+            { type: "button", style: closeBtnStyle, "aria-label": "\u5173\u95ED", onClick: onClose },
+            (0, import_react2.createElement)(import_dsh_client_ui_primitives2.IconCloseOutline16, { size: 14 })
+          )
+        ),
+        description !== void 0 && description !== "" ? (0, import_react2.createElement)("p", { style: descStyle }, description) : null,
+        (0, import_react2.createElement)("div", { style: bodyStyle }, children),
+        footer !== void 0 ? (0, import_react2.createElement)("div", { style: footerStyle }, footer) : null
+      )
+    ),
+    document.body
+  );
+}
+
+// src/client/SkillManager.tsx
+var MD_LABELS = { code: { copyLabel: "\u590D\u5236", copiedLabel: "\u5DF2\u590D\u5236" }, footnotes: "\u811A\u6CE8" };
+var control = {
   background: "var(--dsw-alias-bg-layer-1)",
   border: "1px solid var(--dsw-alias-border-l2)",
   borderRadius: 8,
@@ -5561,17 +5181,17 @@ function SkillManager({ workspace, remote }) {
       ),
       (0, import_react3.createElement)("span", { style: styles.sourceBadge }, sk.description)
     ),
-    sk.source === "bundled" ? (0, import_react3.createElement)(import_dsh_client_ui_primitives2.Button, { variant: "outline", size: "sm", onClick: () => {
+    sk.source === "bundled" ? (0, import_react3.createElement)(import_dsh_client_ui_primitives3.Button, { variant: "outline", size: "sm", onClick: () => {
       startView(sk);
     } }, "\u67E5\u770B") : (0, import_react3.createElement)(
       "div",
       { style: { display: "flex", gap: 6 } },
-      (0, import_react3.createElement)(import_dsh_client_ui_primitives2.Button, { variant: "outline", size: "sm", onClick: () => {
+      (0, import_react3.createElement)(import_dsh_client_ui_primitives3.Button, { variant: "outline", size: "sm", onClick: () => {
         startEdit(sk);
       } }, "\u7F16\u8F91"),
-      confirming === sk.name ? (0, import_react3.createElement)(import_dsh_client_ui_primitives2.Button, { variant: "primary", size: "sm", onClick: () => {
+      confirming === sk.name ? (0, import_react3.createElement)(import_dsh_client_ui_primitives3.Button, { variant: "primary", size: "sm", onClick: () => {
         void remove(sk);
-      } }, "\u786E\u8BA4\u5220\u9664") : (0, import_react3.createElement)(import_dsh_client_ui_primitives2.Button, { variant: "ghost", size: "sm", onClick: () => {
+      } }, "\u786E\u8BA4\u5220\u9664") : (0, import_react3.createElement)(import_dsh_client_ui_primitives3.Button, { variant: "ghost", size: "sm", onClick: () => {
         setConfirming(sk.name);
       } }, "\u5220\u9664")
     )
@@ -5579,60 +5199,57 @@ function SkillManager({ workspace, remote }) {
   const renderForm = () => {
     if (viewing) {
       return (0, import_react3.createElement)(
-        "div",
-        { style: card },
-        (0, import_react3.createElement)("span", { style: styles.bindingLabel }, `\u67E5\u770B skill\u300C${editing ?? ""}\u300D\uFF08\u5185\u7F6E \xB7 \u53EA\u8BFB\uFF09`),
-        (0, import_react3.createElement)("input", { style: control2, value: name, disabled: true, readOnly: true }),
-        (0, import_react3.createElement)("input", { style: control2, value: description, disabled: true, readOnly: true }),
-        (0, import_react3.createElement)("input", { style: control2, value: whenToUse, disabled: true, readOnly: true }),
-        (0, import_react3.createElement)("textarea", { style: { ...styles.textarea, minHeight: 220 }, value: body2, disabled: true, readOnly: true }),
-        (0, import_react3.createElement)(
-          "div",
-          { style: styles.row },
-          (0, import_react3.createElement)(import_dsh_client_ui_primitives2.Button, { variant: "ghost", size: "sm", onClick: closeForm }, "\u5173\u95ED")
-        ),
-        msg !== "" ? (0, import_react3.createElement)("p", { style: styles.status }, msg) : null
+        ResourceModal,
+        {
+          title: `\u67E5\u770B skill\u300C${editing ?? ""}\u300D`,
+          description: "\u5185\u7F6E \xB7 \u53EA\u8BFB" + (whenToUse !== "" && whenToUse !== void 0 ? ` \xB7 \u4F7F\u7528\u65F6\u673A\uFF1A${whenToUse}` : ""),
+          onClose: closeForm,
+          footer: (0, import_react3.createElement)(import_dsh_client_ui_primitives3.Button, { variant: "ghost", size: "sm", onClick: closeForm }, "\u5173\u95ED")
+        },
+        (0, import_react3.createElement)(import_dsh_client_ui_primitives3.MarkdownText, { text: body2, labels: MD_LABELS })
       );
     }
     return (0, import_react3.createElement)(
-      "div",
-      { style: card },
-      (0, import_react3.createElement)("span", { style: styles.bindingLabel }, editing === null ? "\u65B0\u5EFA skill" : `\u7F16\u8F91 skill\u300C${editing}\u300D`),
+      ResourceModal,
+      {
+        title: editing === null ? "\u65B0\u5EFA skill" : `\u7F16\u8F91 skill\u300C${editing ?? ""}\u300D`,
+        onClose: closeForm,
+        footer: (0, import_react3.createElement)(
+          "div",
+          { style: styles.row },
+          (0, import_react3.createElement)(import_dsh_client_ui_primitives3.Button, {
+            variant: "primary",
+            size: "sm",
+            disabled: editing === null && name.trim() === "" || description.trim() === "" || body2.trim() === "",
+            onClick: () => {
+              void submit();
+            }
+          }, "\u4FDD\u5B58"),
+          (0, import_react3.createElement)(import_dsh_client_ui_primitives3.Button, { variant: "ghost", size: "sm", onClick: closeForm }, "\u53D6\u6D88")
+        )
+      },
       (0, import_react3.createElement)(
         "div",
         { style: styles.chips },
-        (0, import_react3.createElement)(import_dsh_client_ui_primitives2.Pill, { active: level === "project", onClick: () => {
+        (0, import_react3.createElement)(import_dsh_client_ui_primitives3.Pill, { active: level === "project", onClick: () => {
           setLevel("project");
         }, title: "\u5199\u5230\u5DE5\u4F5C\u533A .dsh/skills\uFF0C\u56E2\u961F\u5171\u4EAB" }, "\u9879\u76EE\u7EA7"),
-        (0, import_react3.createElement)(import_dsh_client_ui_primitives2.Pill, { active: level === "user", onClick: () => {
+        (0, import_react3.createElement)(import_dsh_client_ui_primitives3.Pill, { active: level === "user", onClick: () => {
           setLevel("user");
         }, title: "\u5199\u5230 $DSH_HOME/skills\uFF0C\u4E2A\u4EBA\u6240\u6709\u9879\u76EE\u53EF\u7528" }, "\u7528\u6237\u7EA7")
       ),
-      editing === null ? (0, import_react3.createElement)("input", { style: control2, placeholder: "name\uFF08\u5982 my-skill\uFF0C\u53EA\u542B\u5C0F\u5199\u5B57\u6BCD\u6570\u5B57\u548C -\uFF09", value: name, onChange: (ev) => {
+      editing === null ? (0, import_react3.createElement)("input", { style: control, placeholder: "name\uFF08\u5982 my-skill\uFF0C\u53EA\u542B\u5C0F\u5199\u5B57\u6BCD\u6570\u5B57\u548C -\uFF09", value: name, onChange: (ev) => {
         setName(ev.target.value);
       } }) : (0, import_react3.createElement)("span", { style: styles.sourceBadge }, `name \u56FA\u5B9A\u4E3A ${name}\uFF08\u6539\u540D\u8BF7\u5220\u9664\u540E\u91CD\u5EFA\uFF09`),
-      (0, import_react3.createElement)("input", { style: control2, placeholder: "description\uFF08\u4E00\u53E5\u8BDD\u8BF4\u660E\u5B83\u505A\u4EC0\u4E48\uFF09", value: description, onChange: (ev) => {
+      (0, import_react3.createElement)("input", { style: control, placeholder: "description\uFF08\u4E00\u53E5\u8BDD\u8BF4\u660E\u5B83\u505A\u4EC0\u4E48\uFF09", value: description, onChange: (ev) => {
         setDescription(ev.target.value);
       } }),
-      (0, import_react3.createElement)("input", { style: control2, placeholder: "whenToUse\uFF08\u53EF\u9009\uFF1A\u4EC0\u4E48\u60C5\u51B5\u8BE5\u7528\uFF09", value: whenToUse, onChange: (ev) => {
+      (0, import_react3.createElement)("input", { style: control, placeholder: "whenToUse\uFF08\u53EF\u9009\uFF1A\u4EC0\u4E48\u60C5\u51B5\u8BE5\u7528\uFF09", value: whenToUse, onChange: (ev) => {
         setWhenToUse(ev.target.value);
       } }),
-      (0, import_react3.createElement)("textarea", { style: { ...styles.textarea, minHeight: 220 }, placeholder: "\u6B63\u6587\uFF08\u544A\u8BC9\u5927\u6A21\u578B\u8FD9\u4E2A\u9636\u6BB5\u600E\u4E48\u5E72\uFF09", value: body2, onChange: (ev) => {
+      (0, import_react3.createElement)("textarea", { style: { ...styles.textarea, minHeight: 300 }, placeholder: "\u6B63\u6587\uFF08\u544A\u8BC9\u5927\u6A21\u578B\u8FD9\u4E2A\u9636\u6BB5\u600E\u4E48\u5E72\uFF09", value: body2, onChange: (ev) => {
         setBody(ev.target.value);
       } }),
-      (0, import_react3.createElement)(
-        "div",
-        { style: styles.row },
-        (0, import_react3.createElement)(import_dsh_client_ui_primitives2.Button, {
-          variant: "primary",
-          size: "sm",
-          disabled: editing === null && name.trim() === "" || description.trim() === "" || body2.trim() === "",
-          onClick: () => {
-            void submit();
-          }
-        }, "\u4FDD\u5B58"),
-        (0, import_react3.createElement)(import_dsh_client_ui_primitives2.Button, { variant: "ghost", size: "sm", onClick: closeForm }, "\u53D6\u6D88")
-      ),
       msg !== "" ? (0, import_react3.createElement)("p", { style: styles.status }, msg) : null
     );
   };
@@ -5651,20 +5268,18 @@ function SkillManager({ workspace, remote }) {
           { style: styles.section },
           ...skills.map(renderRow)
         )
-      )
+      ),
+      (0, import_react3.createElement)(import_dsh_client_ui_primitives3.Button, { variant: "outline", size: "md", onClick: startCreate }, "\u65B0\u5EFA skill")
     ),
-    formOpen ? renderForm() : (0, import_react3.createElement)(
-      "div",
-      null,
-      (0, import_react3.createElement)(import_dsh_client_ui_primitives2.Button, { variant: "outline", size: "md", onClick: startCreate }, "\u65B0\u5EFA skill")
-    )
+    formOpen ? renderForm() : null
   );
 }
 
 // src/client/RuleManager.tsx
 var import_react4 = require("react");
-var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
-var control3 = {
+var import_dsh_client_ui_primitives4 = require("@deepseek-ai/dsh-client-ui-primitives");
+var MD_LABELS2 = { code: { copyLabel: "\u590D\u5236", copiedLabel: "\u5DF2\u590D\u5236" }, footnotes: "\u811A\u6CE8" };
+var control2 = {
   background: "var(--dsw-alias-bg-layer-1)",
   border: "1px solid var(--dsw-alias-border-l2)",
   borderRadius: 8,
@@ -5800,17 +5415,17 @@ function RuleManager({ workspace, remote }) {
       rule.name,
       rule.source !== "bundled" ? (0, import_react4.createElement)("span", { style: styles.sourceBadge }, `\uFF08${sourceLabel(rule.source)}\uFF09`) : null
     ),
-    rule.source === "bundled" ? (0, import_react4.createElement)(import_dsh_client_ui_primitives3.Button, { variant: "outline", size: "sm", onClick: () => {
+    rule.source === "bundled" ? (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", size: "sm", onClick: () => {
       startView(rule);
     } }, "\u67E5\u770B") : (0, import_react4.createElement)(
       "div",
       { style: { display: "flex", gap: 6 } },
-      (0, import_react4.createElement)(import_dsh_client_ui_primitives3.Button, { variant: "outline", size: "sm", onClick: () => {
+      (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", size: "sm", onClick: () => {
         startEdit(rule);
       } }, "\u7F16\u8F91"),
-      confirming === rule.name ? (0, import_react4.createElement)(import_dsh_client_ui_primitives3.Button, { variant: "primary", size: "sm", onClick: () => {
+      confirming === rule.name ? (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "primary", size: "sm", onClick: () => {
         void remove(rule);
-      } }, "\u786E\u8BA4\u5220\u9664") : (0, import_react4.createElement)(import_dsh_client_ui_primitives3.Button, { variant: "ghost", size: "sm", onClick: () => {
+      } }, "\u786E\u8BA4\u5220\u9664") : (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", size: "sm", onClick: () => {
         setConfirming(rule.name);
       } }, "\u5220\u9664")
     )
@@ -5818,51 +5433,51 @@ function RuleManager({ workspace, remote }) {
   const renderForm = () => {
     if (viewing) {
       return (0, import_react4.createElement)(
-        "div",
-        { style: card2 },
-        (0, import_react4.createElement)("span", { style: styles.bindingLabel }, `\u67E5\u770B rule\u300C${editing ?? ""}\u300D\uFF08\u5185\u7F6E \xB7 \u53EA\u8BFB\uFF09`),
-        (0, import_react4.createElement)("textarea", { style: { ...styles.textarea, minHeight: 240 }, value: body2, disabled: true, readOnly: true }),
-        (0, import_react4.createElement)(
-          "div",
-          { style: styles.row },
-          (0, import_react4.createElement)(import_dsh_client_ui_primitives3.Button, { variant: "ghost", size: "sm", onClick: closeForm }, "\u5173\u95ED")
-        ),
-        msg !== "" ? (0, import_react4.createElement)("p", { style: styles.status }, msg) : null
+        ResourceModal,
+        {
+          title: `\u67E5\u770B rule\u300C${editing ?? ""}\u300D`,
+          description: "\u5185\u7F6E \xB7 \u53EA\u8BFB",
+          onClose: closeForm,
+          footer: (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", size: "sm", onClick: closeForm }, "\u5173\u95ED")
+        },
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives4.MarkdownText, { text: body2, labels: MD_LABELS2 })
       );
     }
     return (0, import_react4.createElement)(
-      "div",
-      { style: card2 },
-      (0, import_react4.createElement)("span", { style: styles.bindingLabel }, editing === null ? "\u65B0\u5EFA rule" : `\u7F16\u8F91 rule\u300C${editing}\u300D`),
+      ResourceModal,
+      {
+        title: editing === null ? "\u65B0\u5EFA rule" : `\u7F16\u8F91 rule\u300C${editing ?? ""}\u300D`,
+        onClose: closeForm,
+        footer: (0, import_react4.createElement)(
+          "div",
+          { style: styles.row },
+          (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, {
+            variant: "primary",
+            size: "sm",
+            disabled: editing === null && name.trim() === "" || body2.trim() === "",
+            onClick: () => {
+              void submit();
+            }
+          }, "\u4FDD\u5B58"),
+          (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", size: "sm", onClick: closeForm }, "\u53D6\u6D88")
+        )
+      },
       (0, import_react4.createElement)(
         "div",
         { style: styles.chips },
-        (0, import_react4.createElement)(import_dsh_client_ui_primitives3.Pill, { active: level === "project", onClick: () => {
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Pill, { active: level === "project", onClick: () => {
           setLevel("project");
         }, title: "\u5199\u5230\u5DE5\u4F5C\u533A .dsh/rules\uFF0C\u56E2\u961F\u5171\u4EAB" }, "\u9879\u76EE\u7EA7"),
-        (0, import_react4.createElement)(import_dsh_client_ui_primitives3.Pill, { active: level === "user", onClick: () => {
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Pill, { active: level === "user", onClick: () => {
           setLevel("user");
         }, title: "\u5199\u5230 $DSH_HOME/rules\uFF0C\u4E2A\u4EBA\u6240\u6709\u9879\u76EE\u53EF\u7528" }, "\u7528\u6237\u7EA7")
       ),
-      editing === null ? (0, import_react4.createElement)("input", { style: control3, placeholder: "name\uFF08\u5982 my-redlines\uFF0C\u53EA\u542B\u5C0F\u5199\u5B57\u6BCD\u6570\u5B57\u548C -\uFF09", value: name, onChange: (ev) => {
+      editing === null ? (0, import_react4.createElement)("input", { style: control2, placeholder: "name\uFF08\u5982 my-redlines\uFF0C\u53EA\u542B\u5C0F\u5199\u5B57\u6BCD\u6570\u5B57\u548C -\uFF09", value: name, onChange: (ev) => {
         setName(ev.target.value);
       } }) : (0, import_react4.createElement)("span", { style: styles.sourceBadge }, `name \u56FA\u5B9A\u4E3A ${name}\uFF08\u6539\u540D\u8BF7\u5220\u9664\u540E\u91CD\u5EFA\uFF09`),
-      (0, import_react4.createElement)("textarea", { style: { ...styles.textarea, minHeight: 240 }, placeholder: "\u6B63\u6587\uFF08\u8FD9\u6761\u89C4\u5219\u7EA6\u675F\u5927\u6A21\u578B\u9075\u5B88\u4EC0\u4E48\uFF09", value: body2, onChange: (ev) => {
+      (0, import_react4.createElement)("textarea", { style: { ...styles.textarea, minHeight: 260 }, placeholder: "\u6B63\u6587\uFF08\u8FD9\u6761\u89C4\u5219\u7EA6\u675F\u5927\u6A21\u578B\u9075\u5B88\u4EC0\u4E48\uFF09", value: body2, onChange: (ev) => {
         setBody(ev.target.value);
       } }),
-      (0, import_react4.createElement)(
-        "div",
-        { style: styles.row },
-        (0, import_react4.createElement)(import_dsh_client_ui_primitives3.Button, {
-          variant: "primary",
-          size: "sm",
-          disabled: editing === null && name.trim() === "" || body2.trim() === "",
-          onClick: () => {
-            void submit();
-          }
-        }, "\u4FDD\u5B58"),
-        (0, import_react4.createElement)(import_dsh_client_ui_primitives3.Button, { variant: "ghost", size: "sm", onClick: closeForm }, "\u53D6\u6D88")
-      ),
       msg !== "" ? (0, import_react4.createElement)("p", { style: styles.status }, msg) : null
     );
   };
@@ -5881,19 +5496,16 @@ function RuleManager({ workspace, remote }) {
           { style: styles.section },
           ...rules.map(renderRow)
         )
-      )
+      ),
+      (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", size: "md", onClick: startCreate }, "\u65B0\u5EFA rule")
     ),
-    formOpen ? renderForm() : (0, import_react4.createElement)(
-      "div",
-      null,
-      (0, import_react4.createElement)(import_dsh_client_ui_primitives3.Button, { variant: "outline", size: "md", onClick: startCreate }, "\u65B0\u5EFA rule")
-    )
+    formOpen ? renderForm() : null
   );
 }
 
 // src/client/TaskLedger.tsx
 var import_react5 = require("react");
-var import_dsh_client_ui_primitives4 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_dsh_client_ui_primitives5 = require("@deepseek-ai/dsh-client-ui-primitives");
 var card3 = {
   display: "flex",
   flexDirection: "column",
@@ -5931,10 +5543,10 @@ var badge = {
   color: "var(--dsw-alias-label-secondary)"
 };
 function verdictDot(outcome) {
-  return (0, import_react5.createElement)(import_dsh_client_ui_primitives4.StateDot, { state: outcome === "pass" ? "done" : "error" });
+  return (0, import_react5.createElement)(import_dsh_client_ui_primitives5.StateDot, { state: outcome === "pass" ? "done" : "error" });
 }
 function itemStatusDot(status) {
-  return (0, import_react5.createElement)(import_dsh_client_ui_primitives4.StateDot, { state: status === "done" ? "done" : "ongoing" });
+  return (0, import_react5.createElement)(import_dsh_client_ui_primitives5.StateDot, { state: status === "done" ? "done" : "ongoing" });
 }
 function timeText(at) {
   return at.slice(0, 19).replace("T", " ");
@@ -6000,7 +5612,7 @@ function TaskLedger({ workspace, remote }) {
       { style: headerRow },
       (0, import_react5.createElement)("span", { style: styles.bindingLabel }, "\u4EFB\u52A1\u53F0\u8D26"),
       (0, import_react5.createElement)("span", { style: styles.sourceBadge }, "\u53EA\u8BFB \xB7 \u6765\u81EA .dsh/task-*.json"),
-      (0, import_react5.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", size: "sm", onClick: refresh }, "\u5237\u65B0")
+      (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "outline", size: "sm", onClick: refresh }, "\u5237\u65B0")
     ),
     error !== "" ? (0, import_react5.createElement)("p", { style: styles.status }, error) : tasks.length === 0 ? (0, import_react5.createElement)("p", { style: styles.muted }, "\u5F53\u524D\u5DE5\u4F5C\u533A\u8FD8\u6CA1\u6709\u4EFB\u52A1\uFF1A\u5F00\u5DE5\u540E\uFF08dev_task create\uFF09\u4F1A\u5728\u8FD9\u91CC\u5217\u51FA\u6D3E\u53D1\u4E0E\u5BA1\u67E5\u7559\u75D5\u3002") : (0, import_react5.createElement)(
       "div",
@@ -6111,13 +5723,13 @@ function Workbench({ useStore, actions, useWorkspaces, remote }) {
         { type: "button", title: "\u5173\u95ED", onClick: () => {
           actions.close();
         }, style: closeStyle },
-        (0, import_react6.createElement)(import_dsh_client_ui_primitives5.IconCloseOutline16, { size: 16 })
+        (0, import_react6.createElement)(import_dsh_client_ui_primitives6.IconCloseOutline16, { size: 16 })
       )
     ),
     (0, import_react6.createElement)(
       "div",
       { style: tabbar },
-      ...TABS.map((t) => (0, import_react6.createElement)(import_dsh_client_ui_primitives5.Pill, { key: t.id, active: tab === t.id, onClick: () => {
+      ...TABS.map((t) => (0, import_react6.createElement)(import_dsh_client_ui_primitives6.Pill, { key: t.id, active: tab === t.id, onClick: () => {
         setTab(t.id);
       } }, t.label)),
       workspaces.length > 0 ? (0, import_react6.createElement)("select", {
@@ -6138,7 +5750,7 @@ function Workbench({ useStore, actions, useWorkspaces, remote }) {
 
 // src/client/TriggerButton.tsx
 var import_react7 = require("react");
-var import_dsh_client_ui_primitives6 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_dsh_client_ui_primitives7 = require("@deepseek-ai/dsh-client-ui-primitives");
 function TriggerButton({ wide, actions }) {
   return (0, import_react7.createElement)(
     "button",
@@ -6165,7 +5777,7 @@ function TriggerButton({ wide, actions }) {
         boxSizing: "border-box"
       }
     },
-    (0, import_react7.createElement)(import_dsh_client_ui_primitives6.IconSettingsOutline16, { size: wide ? 16 : 18 }),
+    (0, import_react7.createElement)(import_dsh_client_ui_primitives7.IconSettingsOutline16, { size: wide ? 16 : 18 }),
     wide ? (0, import_react7.createElement)("span", { style: { fontSize: 13 } }, "\u5DE5\u7A0B\u6D41\u7A0B") : null
   );
 }