@godv61/dsh-task-engine 0.25.0 → 0.26.1

package/lib/client.js

@@ -4536,8 +4536,8 @@ var TYPERT_REMOTE = {
 var remote_default = TYPERT_REMOTE;
 
 // src/client/Workbench.tsx
-var import_react8 = require("react");
-var import_dsh_client_ui_primitives6 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react9 = require("react");
+var import_dsh_client_ui_primitives7 = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/client/workbench-theme.ts
 var workbenchTheme = `
@@ -4576,8 +4576,35 @@ var workbenchTheme = `
 .te-binding-name { font-size:13px; font-weight:600; overflow-wrap:anywhere; }
 .te-binding-description { color:var(--dsw-alias-label-secondary); font-size:12px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
 .te-binding-empty { margin:0; padding:18px 8px; font-size:13px; }
+.te-transfer { display:grid; grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr); gap:12px; align-items:stretch; }
+.te-transfer-pane { display:flex; flex-direction:column; min-width:0; gap:10px; padding:14px; border:1px solid var(--dsw-alias-border-l2); border-radius:12px; background:var(--dsw-alias-bg-layer-1); }
+.te-transfer-pane h4 { margin:0; font-size:14px; }
+.te-transfer-arrow { display:grid; place-items:center; color:var(--dsw-alias-label-tertiary); font-size:20px; }
+.te-transfer-search,.te-transfer-caption { min-height:38px; width:100%; }
+.te-transfer-caption { display:flex; align-items:center; margin:0; color:var(--dsw-alias-label-secondary); font-size:12px; }
+.te-transfer-list { display:flex; flex-direction:column; gap:4px; min-height:180px; max-height:310px; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
+.te-transfer-row { width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid transparent; border-radius:8px; padding:9px 11px; background:var(--dsw-alias-bg-layer-2); color:var(--dsw-alias-label-primary); text-align:left; cursor:pointer; }
+.te-transfer-row:hover { border-color:var(--dsw-alias-state-business-primary); }
+.te-transfer-row.is-bound { background:var(--dsw-alias-bg-layer-1); border-color:var(--dsw-alias-border-l2); cursor:default; }
+.te-transfer-row-main { min-width:0; display:flex; flex-direction:column; gap:2px; }
+.te-transfer-row-main strong { font-size:13px; font-weight:600; overflow-wrap:anywhere; }
+.te-transfer-row-main small { color:var(--dsw-alias-label-secondary); font-size:11px; line-height:1.35; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.te-transfer-action { flex:none; display:grid; place-items:center; width:27px; height:27px; border-radius:7px; background:var(--dsw-alias-bg-layer-1); color:var(--dsw-alias-state-business-primary); font-size:18px; }
+.te-transfer-actions { flex:none; display:flex; align-items:center; gap:6px; }
+.te-transfer-config,.te-transfer-remove { border:0; border-radius:7px; padding:6px 8px; background:var(--dsw-alias-bg-layer-2); color:var(--dsw-alias-label-primary); cursor:pointer; font-size:12px; white-space:nowrap; }
+.te-transfer-config:hover,.te-transfer-remove:hover { color:var(--dsw-alias-state-business-primary); }
+.te-transfer-remove { width:27px; height:27px; padding:0; font-size:19px; line-height:1; }
+.te-dialog-error { color:var(--dsw-alias-state-error-primary); font-size:12px; margin-right:auto; }
+.te-skill-config { display:flex; flex:1; flex-direction:column; gap:12px; min-width:0; min-height:0; }
+.te-skill-evidence { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:13px; font-weight:600; }
+.te-skill-evidence .te-input { min-width:210px; }
+.te-skill-rule-list { display:flex; flex:1; flex-direction:column; gap:4px; min-height:0; overflow:auto; padding:4px; }
+.te-skill-rule-row { display:flex; align-items:center; gap:10px; padding:9px 10px; border:1px solid var(--dsw-alias-border-l2); border-radius:8px; cursor:pointer; }
+.te-skill-rule-row:hover { background:var(--dsw-alias-bg-layer-1); }
+.te-skill-rule-row span { flex:1; min-width:0; overflow-wrap:anywhere; }
+.te-skill-rule-row small { color:var(--dsw-alias-label-secondary); }
 .te-workbench p,.te-modal p { color:var(--dsw-alias-label-secondary); line-height:1.65; }
-.te-content { max-width:1120px; margin:auto; width:100%; }
+.te-content { max-width:1600px; margin:auto; width:100%; }
 .te-resource { display:flex; flex-direction:column; gap:20px; }
 .te-section-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
 .te-section-heading p { margin:0; }
@@ -4585,7 +4612,7 @@ var workbenchTheme = `
 .te-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
 .te-toolbar>input { flex:1; min-width:180px; }
 .te-input { background:var(--dsw-alias-bg-layer-1); border:1px solid var(--dsw-alias-border-l2); border-radius:10px; padding:10px 12px; font:inherit; color:var(--dsw-alias-label-primary); min-width:0; }
-.te-resource-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr)); gap:16px; }
+.te-resource-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr)); gap:16px; }
 .te-resource-card { display:flex; flex-direction:column; gap:14px; background:var(--dsw-alias-bg-layer-1); border:1px solid var(--dsw-alias-border-l2); border-radius:16px; padding:20px; transition:border-color .15s; }
 .te-resource-card:hover { border-color:var(--dsw-alias-state-business-primary); }
 .te-resource-card p { margin:0; font-size:13px; flex:1; }
@@ -4616,7 +4643,8 @@ var workbenchTheme = `
 .te-form { display:flex; flex-direction:column; gap:16px; }
 .te-form label { display:flex; flex-direction:column; gap:8px; font-size:13px; }
 .te-editor { min-height:260px; resize:vertical; line-height:1.6; font-family:monospace; }
-@media(max-width:640px) { .te-targets {grid-template-columns:1fr;} .te-resource {gap:14px;} .te-section-heading h2 {font-size:21px;} .te-modal {padding:10px !important;} }
+@media(max-width:760px) { .te-transfer {grid-template-columns:1fr;} .te-transfer-arrow {transform:rotate(90deg); height:20px;} .te-transfer-list {max-height:210px;} }
+@media(max-width:640px) { .te-targets {grid-template-columns:1fr;} .te-resource {gap:14px;} .te-section-heading h2 {font-size:21px;} .te-modal:not(.te-drawer) {padding:10px !important;} .te-drawer [role=dialog] {border-radius:0 !important;} .te-skill-evidence {align-items:stretch; flex-direction:column;} .te-skill-evidence .te-input {min-width:0;} }
 `;
 
 // src/client/styles.ts
@@ -4630,8 +4658,8 @@ var success = "var(--dsw-alias-state-success-primary)";
 var warn = "var(--dsw-alias-state-warn-primary)";
 var brand = "var(--dsw-alias-state-business-primary)";
 var styles = {
-  wrap: { display: "flex", flexDirection: "column", gap: 16, padding: 20, maxWidth: 900 },
-  head: { display: "flex", flexDirection: "column", gap: 4 },
+  wrap: { display: "flex", flexDirection: "column", gap: 14, padding: "0 0 24px", width: "100%" },
+  head: { display: "flex", flexDirection: "column", gap: 4, maxWidth: 1e3 },
   title: { margin: 0, color: text },
   muted: { margin: 0, color: textSecondary, fontSize: 13, lineHeight: 1.5 },
   sourceRow: { display: "flex", alignItems: "center", gap: 8 },
@@ -4702,7 +4730,7 @@ var styles = {
     borderTop: `1px solid ${border}`
   },
   // ── flow preset picker ────────────────────────────────────────────────────
-  flowGrid: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(230px, 1fr))", gap: 10 },
+  flowGrid: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(230px, 1fr))", gap: 10, maxWidth: 1200 },
   // The adoption row is deliberately separated from the flow picker: choosing a
   // skeleton and adopting a recommended setup are different decisions, and the
   // button is the only thing that writes method into the user's config.
@@ -4748,8 +4776,8 @@ var styles = {
 };
 
 // src/client/TaskEngineSection.tsx
-var import_react = require("react");
-var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react3 = require("react");
+var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/engine.ts
 function formatResourceRef(ref) {
@@ -4769,7 +4797,7 @@ var GUARD_NAMES = [
   "artifacts_present"
 ];
 function validateWorkflow(config) {
-  const problems = [];
+  const problems = [...config.configuration_errors ?? []];
   if (config.stages.length === 0) problems.push("stages must not be empty");
   const seen = /* @__PURE__ */ new Set();
   for (const stage of config.stages) {
@@ -4816,6 +4844,7 @@ function validateWorkflow(config) {
     }
   });
   const bindings = config.stage_bindings ?? {};
+  const skillMethods = /* @__PURE__ */ new Map();
   for (const [stage, binding] of Object.entries(bindings)) {
     if (!config.stages.includes(stage)) {
       problems.push(`stage_bindings: stage "${stage}" is not a stage`);
@@ -4828,6 +4857,19 @@ function validateWorkflow(config) {
       if (!["bundled", "project", "user"].includes(entry.skill.source)) {
         problems.push(`stage_bindings "${stage}": skill "${entry.skill.name}" has unknown source "${String(entry.skill.source)}"`);
       }
+      const skillKey = formatResourceRef(entry.skill);
+      const method = JSON.stringify({ rules: entry.rules ?? [], evidence: entry.evidence });
+      const existing = skillMethods.get(skillKey);
+      if (existing !== void 0 && existing !== method) {
+        problems.push(`skill "${skillKey}" has different rules or evidence in multiple stages; copy it as a distinct skill`);
+      }
+      skillMethods.set(skillKey, method);
+      if (entry.evidence === "artifact" && !config.artifacts.some((artifact) => artifact.stage === stage)) {
+        problems.push(`skill "${skillKey}" requires artifact evidence, but stage "${stage}" declares no artifact`);
+      }
+      if (entry.evidence !== void 0 && !["command", "artifact", "review", "manual", "none"].includes(entry.evidence)) {
+        problems.push(`skill "${skillKey}" has unknown evidence type "${String(entry.evidence)}"`);
+      }
       for (const rule of entry.rules ?? []) {
         if (typeof rule?.name !== "string" || rule.name.trim() === "") {
           problems.push(`stage_bindings "${stage}": skill "${entry.skill.name}" has a rule with no name`);
@@ -5019,15 +5061,80 @@ function applyProjectConfig(base, project) {
   if (project === void 0) return base;
   const next = { ...base };
   if (project.stage_bindings !== void 0) {
+    const profiles = { ...project.skill_profiles ?? {} };
+    const explicitProfiles = new Set(Object.keys(project.skill_profiles ?? {}));
+    const problems = [];
     const bindings = {};
     for (const [stage, binding] of Object.entries(project.stage_bindings)) {
       const entry = {};
-      if ((binding.skills ?? []).length > 0) entry.skills = [...binding.skills];
+      if (binding === null || typeof binding !== "object") {
+        problems.push(`stage_bindings "${stage}" must be an object`);
+        bindings[stage] = entry;
+        continue;
+      }
+      if (binding.skill_refs !== void 0 && binding.skills !== void 0) {
+        problems.push(`stage_bindings "${stage}" has both skill_refs and legacy skills`);
+      }
+      if (binding.skill_refs !== void 0) {
+        if (!Array.isArray(binding.skill_refs)) {
+          problems.push(`stage_bindings "${stage}" skill_refs must be an array`);
+        }
+        entry.skills = (Array.isArray(binding.skill_refs) ? binding.skill_refs : []).flatMap((ref) => {
+          if (ref === null || typeof ref !== "object") {
+            problems.push(`stage_bindings "${stage}" has an invalid skill reference`);
+            return [];
+          }
+          const key = formatResourceRef(ref);
+          const profile = profiles[key];
+          if (profile === void 0) {
+            problems.push(`skill profile "${key}" is missing`);
+            return [];
+          }
+          if (profile === null || !Array.isArray(profile.rules)) {
+            problems.push(`skill profile "${key}" must declare a rules array`);
+            return [];
+          }
+          return [{ skill: ref, rules: profile.rules, ...profile.evidence !== void 0 ? { evidence: profile.evidence } : {} }];
+        });
+      } else if (binding.skills !== void 0) {
+        if (!Array.isArray(binding.skills)) {
+          problems.push(`stage_bindings "${stage}" skills must be an array`);
+        }
+        entry.skills = (Array.isArray(binding.skills) ? binding.skills : []).flatMap((skill) => {
+          if (skill === null || typeof skill !== "object" || skill.skill === null || typeof skill.skill !== "object") {
+            problems.push(`stage_bindings "${stage}" has an invalid skill binding`);
+            return [];
+          }
+          const key = formatResourceRef(skill.skill);
+          if (explicitProfiles.has(key)) {
+            const profile = profiles[key];
+            if (profile === null || !Array.isArray(profile?.rules)) {
+              problems.push(`skill profile "${key}" must declare a rules array`);
+              return [];
+            }
+            return [{
+              skill: skill.skill,
+              rules: profile.rules,
+              ...profile.evidence !== void 0 ? { evidence: profile.evidence } : {}
+            }];
+          }
+          const candidate = { rules: skill.rules ?? [], ...skill.evidence !== void 0 ? { evidence: skill.evidence } : {} };
+          const existing = profiles[key];
+          if (existing !== void 0 && JSON.stringify(existing) !== JSON.stringify(candidate)) {
+            problems.push(`skill "${key}" has different rules or evidence in multiple stages; copy it as a distinct skill`);
+          } else profiles[key] = candidate;
+          return [skill];
+        });
+      }
       const legacy = dedupe(binding.legacy_rules ?? []);
       if (legacy.length > 0) entry.legacy_rules = legacy;
       bindings[stage] = entry;
     }
     next.stage_bindings = bindings;
+    next.skill_profiles = profiles;
+    if (problems.length > 0) next.configuration_errors = problems;
+  } else if (project.skill_profiles !== void 0) {
+    next.skill_profiles = project.skill_profiles;
   }
   if (project.commit !== void 0) next.commit = project.commit;
   if (project.artifacts !== void 0) next.artifacts = project.artifacts;
@@ -5048,6 +5155,7 @@ function adoptRecommendation(presetId, current) {
   const config = {
     flow: presetId,
     stage_bindings: current?.stage_bindings ?? rec.stage_bindings ?? {},
+    ...current?.skill_profiles !== void 0 ? { skill_profiles: current.skill_profiles } : {},
     commit,
     artifacts: current?.artifacts ?? rec.artifacts ?? preset2.config.artifacts,
     ...current?.review_depth !== void 0 ? { review_depth: current.review_depth } : rec.review_depth !== void 0 ? { review_depth: rec.review_depth } : {},
@@ -5055,6 +5163,19 @@ function adoptRecommendation(presetId, current) {
   };
   return config;
 }
+function compactProjectConfig(project) {
+  const resolved = resolveFlow(project.flow, project);
+  if (!resolved.ok) return project;
+  const profiles = resolved.config.skill_profiles ?? {};
+  const bindings = {};
+  for (const [stage, binding] of Object.entries(resolved.config.stage_bindings ?? {})) {
+    bindings[stage] = {
+      skill_refs: (binding.skills ?? []).map((entry) => entry.skill),
+      ...binding.legacy_rules?.length ? { legacy_rules: binding.legacy_rules } : {}
+    };
+  }
+  return { ...project, stage_bindings: bindings, skill_profiles: profiles };
+}
 function resolveFlow(flow, project) {
   const preset2 = FLOW_PRESETS[flow];
   if (preset2 === void 0) {
@@ -5071,33 +5192,296 @@ function describeError(error) {
   return "\u672A\u77E5\u9519\u8BEF";
 }
 
-// src/client/TaskEngineSection.tsx
+// src/client/SkillRuleDialog.tsx
+var import_react2 = require("react");
+var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// src/client/ResourceModal.tsx
+var import_react = require("react");
+var import_react_dom = require("react-dom");
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+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 drawerStyle = {
+  ...dialogStyle,
+  width: "min(560px, 100%)",
+  height: "100%",
+  maxHeight: "100%",
+  borderRadius: "16px 0 0 16px"
+};
+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, placement = "center" }) {
+  const dialog = (0, import_react.useRef)(null);
+  const closer = (0, import_react.useRef)(onClose);
+  closer.current = onClose;
+  (0, import_react.useEffect)(() => {
+    const previous = document.activeElement;
+    dialog.current?.focus();
+    const onKey = (e) => {
+      if (!dialog.current?.contains(document.activeElement)) return;
+      if (e.key === "Escape") {
+        e.preventDefault();
+        e.stopPropagation();
+        closer.current();
+        return;
+      }
+      if (e.key !== "Tab") return;
+      const nodes = Array.from(dialog.current.querySelectorAll('button:not(:disabled),input:not(:disabled):not([hidden]),select:not(:disabled),textarea:not(:disabled),[tabindex="0"]')).filter((el) => el.getClientRects().length);
+      const first = nodes[0], last = nodes[nodes.length - 1];
+      if (!first || !last) {
+        e.preventDefault();
+        return;
+      }
+      if (e.shiftKey && (document.activeElement === first || document.activeElement === dialog.current)) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && (document.activeElement === last || document.activeElement === dialog.current)) {
+        e.preventDefault();
+        first.focus();
+      }
+    };
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("keydown", onKey);
+      if (previous?.isConnected) previous.focus();
+    };
+  }, []);
+  return (0, import_react_dom.createPortal)(
+    (0, import_react.createElement)(
+      "div",
+      { style: placement === "right" ? { ...rootStyle, justifyContent: "flex-end", padding: 0 } : rootStyle, className: `te-modal${placement === "right" ? " te-drawer" : ""}`, role: "presentation" },
+      (0, import_react.createElement)("div", { style: placement === "right" ? { ...maskStyle, background: "rgba(0, 0, 0, 0.18)" } : maskStyle, "aria-hidden": true, onClick: onClose }),
+      (0, import_react.createElement)(
+        "div",
+        { style: placement === "right" ? drawerStyle : dialogStyle, ref: dialog, tabIndex: -1, role: "dialog", "aria-modal": true, "aria-label": title },
+        (0, import_react.createElement)(
+          "div",
+          { style: headerStyle },
+          (0, import_react.createElement)("h2", { style: titleStyle }, title),
+          (0, import_react.createElement)(
+            "button",
+            { type: "button", style: closeBtnStyle, "aria-label": "\u5173\u95ED", onClick: onClose },
+            (0, import_react.createElement)(import_dsh_client_ui_primitives.IconCloseOutline16, { size: 14 })
+          )
+        ),
+        description !== void 0 && description !== "" ? (0, import_react.createElement)("p", { style: descStyle }, description) : null,
+        (0, import_react.createElement)("div", { style: bodyStyle }, children),
+        footer !== void 0 ? (0, import_react.createElement)("div", { style: footerStyle }, footer) : null
+      )
+    ),
+    document.body
+  );
+}
+
+// src/client/SkillRuleDialog.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+function SkillRuleDialog({ skill, profile, rules, description, saveLabel, onSave, onClose }) {
+  const [draftRules, setDraftRules] = (0, import_react2.useState)(profile?.rules ?? []);
+  const [evidence, setEvidence] = (0, import_react2.useState)(profile?.evidence ?? "");
+  const [query, setQuery] = (0, import_react2.useState)("");
+  const [dirty, setDirty] = (0, import_react2.useState)(false);
+  const [busy, setBusy] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)("");
+  const close = () => {
+    if (busy) return;
+    if (dirty && !window.confirm("\u6280\u80FD\u89C4\u5219\u914D\u7F6E\u5C1A\u672A\u4FDD\u5B58\uFF0C\u786E\u5B9A\u653E\u5F03\u4FEE\u6539\uFF1F")) return;
+    onClose();
+  };
+  const toggle = (rule) => {
+    const key = formatResourceRef(rule);
+    setDraftRules((previous) => previous.some((item) => formatResourceRef(item) === key) ? previous.filter((item) => formatResourceRef(item) !== key) : [...previous, rule].sort((a, b) => formatResourceRef(a).localeCompare(formatResourceRef(b))));
+    setDirty(true);
+    setError("");
+  };
+  const save2 = async () => {
+    if (busy || !dirty) return;
+    setBusy(true);
+    setError("");
+    try {
+      await onSave({ rules: draftRules, ...evidence ? { evidence } : {} });
+    } catch (failure) {
+      setError(failure instanceof Error ? failure.message : "\u4FDD\u5B58\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002");
+    } finally {
+      setBusy(false);
+    }
+  };
+  const filtered = rules.filter((rule) => {
+    const key = formatResourceRef(rule.ref);
+    const chosen = draftRules.some((item) => formatResourceRef(item) === key);
+    return chosen || `${rule.name} ${rule.sourceLabel}`.toLowerCase().includes(query.trim().toLowerCase());
+  });
+  const catalogKeys = new Set(rules.map((rule) => formatResourceRef(rule.ref)));
+  const missingRules = draftRules.filter((rule) => !catalogKeys.has(formatResourceRef(rule)));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ResourceModal,
+    {
+      placement: "right",
+      title: `\u914D\u7F6E\u89C4\u5219 \xB7 ${skill.name}`,
+      description: description ?? "\u89C4\u5219\u5C5E\u4E8E\u6280\u80FD\uFF1B\u6B64\u5904\u7684\u914D\u7F6E\u4F1A\u7528\u4E8E\u6240\u6709\u7ED1\u5B9A\u8BE5\u6280\u80FD\u7684\u8282\u70B9\u3002",
+      onClose: close,
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { role: "alert", className: "te-dialog-error", children: error }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "ghost", disabled: busy, onClick: close, children: "\u53D6\u6D88" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "primary", disabled: busy || !dirty, onClick: () => {
+          void save2();
+        }, children: busy ? "\u5904\u7406\u4E2D\u2026" : saveLabel ?? "\u4FDD\u5B58\u914D\u7F6E" })
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "te-skill-config", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "te-skill-evidence", children: [
+          "\u5B8C\u6210\u51ED\u8BC1",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", { className: "te-input", "aria-label": "\u6280\u80FD\u5B8C\u6210\u51ED\u8BC1", value: evidence, onChange: (event) => {
+            setEvidence(event.target.value);
+            setDirty(true);
+          }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "", children: "\u6CBF\u7528\u65E7\u914D\u7F6E\u9ED8\u8BA4\u503C" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "command", children: "\u547D\u4EE4\u6267\u884C\u8BB0\u5F55" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "artifact", children: "\u4EA7\u7269\u5185\u5BB9" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "review", children: "\u5BA1\u6838\u7ED3\u679C" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "manual", children: "\u4EBA\u5DE5\u786E\u8BA4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "none", children: "\u65E0\u9700\u51ED\u8BC1" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "te-binding-heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: "\u9002\u7528\u89C4\u5219" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "te-binding-count", children: [
+            "\u5DF2\u9009 ",
+            draftRules.length
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: "te-input", type: "search", "aria-label": "\u641C\u7D22\u89C4\u5219", placeholder: "\u641C\u7D22\u89C4\u5219\u540D\u79F0\u6216\u6765\u6E90", value: query, onChange: (event) => setQuery(event.target.value) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "te-skill-rule-list", role: "group", "aria-label": "\u89C4\u5219\u5217\u8868", children: [
+          rules.length === 0 && missingRules.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "te-binding-empty", children: "\u89C4\u5219\u5E93\u4E3A\u7A7A\uFF0C\u8BF7\u5148\u5230\u201C\u89C4\u5219\u201D\u9875\u521B\u5EFA\u6216\u5B89\u88C5\u3002" }) : null,
+          rules.length > 0 && filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "te-binding-empty", children: "\u6CA1\u6709\u5339\u914D\u7684\u89C4\u5219\u3002" }) : null,
+          missingRules.map((rule) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "te-skill-rule-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", checked: true, onChange: () => toggle(rule) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: rule.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("small", { children: [
+              rule.source,
+              " \xB7 \u89C4\u5219\u6587\u4EF6\u672A\u627E\u5230"
+            ] })
+          ] }, formatResourceRef(rule))),
+          filtered.map((rule) => {
+            const key = formatResourceRef(rule.ref);
+            const checked = draftRules.some((item) => formatResourceRef(item) === key);
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "te-skill-rule-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", checked, onChange: () => toggle(rule.ref) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: rule.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: rule.sourceLabel })
+            ] }, key);
+          })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/client/TaskEngineSection.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function refFromText(text2) {
   return parseResourceRef(text2) ?? { source: "bundled", name: text2 };
 }
-function resolvedConfig(flow, stageBindings) {
-  const resolved = resolveFlow(flow, { flow, stage_bindings: stageBindings });
+function resolvedConfig(flow, stageBindings, skillProfiles) {
+  const resolved = resolveFlow(flow, { flow, stage_bindings: stageBindings, skill_profiles: skillProfiles });
   return resolved.ok ? resolved.config : FLOW_PRESETS.standard.config;
 }
 function TaskEngineSection(props) {
   const { remote, workspace } = props;
-  const [flow, setFlow] = (0, import_react.useState)("standard");
-  const [stageBindings, setStageBindings] = (0, import_react.useState)({});
-  const [commitRule, setCommitRule] = (0, import_react.useState)(void 0);
-  const [artifacts, setArtifacts] = (0, import_react.useState)(void 0);
-  const [reviewDepth, setReviewDepth] = (0, import_react.useState)(void 0);
-  const [source, setSource] = (0, import_react.useState)("default");
-  const [savedAt, setSavedAt] = (0, import_react.useState)("");
-  const [dirty, setDirty] = (0, import_react.useState)(false);
-  const [loadError, setLoadError] = (0, import_react.useState)("");
-  const [saving, setSaving] = (0, import_react.useState)(false);
-  const [loading, setLoading] = (0, import_react.useState)(true);
-  const [loadAttempt, setLoadAttempt] = (0, import_react.useState)(0);
-  const [configProblems, setConfigProblems] = (0, import_react.useState)([]);
-  const [skills, setSkills] = (0, import_react.useState)([]);
-  const [rules, setRules] = (0, import_react.useState)([]);
-  (0, import_react.useEffect)(() => {
+  const [flow, setFlow] = (0, import_react3.useState)("standard");
+  const [stageBindings, setStageBindings] = (0, import_react3.useState)({});
+  const [skillProfiles, setSkillProfiles] = (0, import_react3.useState)({});
+  const [commitRule, setCommitRule] = (0, import_react3.useState)(void 0);
+  const [artifacts, setArtifacts] = (0, import_react3.useState)(void 0);
+  const [reviewDepth, setReviewDepth] = (0, import_react3.useState)(void 0);
+  const [commitRequired, setCommitRequired] = (0, import_react3.useState)(void 0);
+  const [source, setSource] = (0, import_react3.useState)("default");
+  const [savedAt, setSavedAt] = (0, import_react3.useState)("");
+  const [dirty, setDirty] = (0, import_react3.useState)(false);
+  const [loadError, setLoadError] = (0, import_react3.useState)("");
+  const [saving, setSaving] = (0, import_react3.useState)(false);
+  const [loading, setLoading] = (0, import_react3.useState)(true);
+  const [loadAttempt, setLoadAttempt] = (0, import_react3.useState)(0);
+  const [configProblems, setConfigProblems] = (0, import_react3.useState)([]);
+  const [skills, setSkills] = (0, import_react3.useState)([]);
+  const [rules, setRules] = (0, import_react3.useState)([]);
+  const [configuringSkill, setConfiguringSkill] = (0, import_react3.useState)(null);
+  (0, import_react3.useEffect)(() => {
     if (workspace === "") return;
     let alive = true;
     setLoadError("");
@@ -5108,9 +5492,11 @@ function TaskEngineSection(props) {
       if (result.ok) {
         setFlow(result.value.flow);
         setStageBindings(result.value.config.stage_bindings ?? {});
+        setSkillProfiles(result.value.config.skill_profiles ?? {});
         setCommitRule(result.value.config.commit);
         setArtifacts(result.value.config.artifacts);
         setReviewDepth(result.value.config.review_depth);
+        setCommitRequired(result.value.config.commit_required);
         setSource(result.value.source);
         setConfigProblems(result.value.problems);
         setSavedAt("");
@@ -5127,7 +5513,7 @@ function TaskEngineSection(props) {
       alive = false;
     };
   }, [remote, workspace, loadAttempt]);
-  const refreshCatalogs = (0, import_react.useCallback)(() => {
+  const refreshCatalogs = (0, import_react3.useCallback)(() => {
     if (workspace === "") return;
     void remote.listSkills(workspace).then((result) => {
       if (result.ok) setSkills(result.value.skills);
@@ -5138,13 +5524,13 @@ function TaskEngineSection(props) {
     }, () => {
     });
   }, [remote, workspace]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     refreshCatalogs();
   }, [refreshCatalogs]);
-  const stages = (0, import_react.useMemo)(() => (FLOW_PRESETS[flow] ?? FLOW_PRESETS.standard).config.stages, [flow]);
-  const problems = (0, import_react.useMemo)(
-    () => validateWorkflow(resolvedConfig(flow, stageBindings)),
-    [flow, stageBindings]
+  const stages = (0, import_react3.useMemo)(() => (FLOW_PRESETS[flow] ?? FLOW_PRESETS.standard).config.stages, [flow]);
+  const problems = (0, import_react3.useMemo)(
+    () => validateWorkflow(resolvedConfig(flow, stageBindings, skillProfiles)),
+    [flow, stageBindings, skillProfiles]
   );
   const selectFlow = (id) => {
     if (id === flow) return;
@@ -5158,53 +5544,68 @@ function TaskEngineSection(props) {
     if (adopted === void 0) return;
     if (dirty && !window.confirm("\u91C7\u7528\u63A8\u8350\u914D\u7F6E\u4F1A\u66FF\u6362\u5F53\u524D\u7684\u6280\u80FD\u4E0E\u89C4\u5219\u8BBE\u7F6E\u3002\u7EE7\u7EED\uFF1F")) return;
     setStageBindings({ ...adopted.stage_bindings ?? {} });
+    const adoptedFlow = resolveFlow(flow, adopted);
+    setSkillProfiles(adoptedFlow.ok ? adoptedFlow.config.skill_profiles ?? {} : {});
     setCommitRule(adopted.commit);
     setArtifacts(adopted.artifacts);
     setReviewDepth(adopted.review_depth);
     setDirty(true);
     setSavedAt("");
   };
+  const updateSkillProfile = async (profile) => {
+    if (!configuringSkill) return;
+    const key = formatResourceRef(configuringSkill);
+    const bindings = {};
+    for (const [name, binding] of Object.entries(stageBindings)) {
+      bindings[name] = { ...binding, skills: binding.skills?.map((entry) => formatResourceRef(entry.skill) === key ? { skill: entry.skill, rules: profile.rules, ...profile.evidence ? { evidence: profile.evidence } : {} } : entry) };
+    }
+    setStageBindings(bindings);
+    setSkillProfiles({ ...skillProfiles, [key]: profile });
+    setDirty(true);
+    setSavedAt("");
+    setConfiguringSkill(null);
+  };
   if (loadError !== "") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.wrap, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { style: styles.title, children: "\u5DE5\u7A0B\u6D41\u7A0B\u914D\u7F6E" }),
-      /* @__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" }),
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: styles.wrap, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { style: styles.title, children: "\u5DE5\u7A0B\u6D41\u7A0B\u914D\u7F6E" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: styles.problems, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: styles.problemsTitle, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives3.StateDot, { state: "error" }),
           "\u8BFB\u53D6\u5931\u8D25"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.muted, children: loadError }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { onClick: () => setLoadAttempt((n) => n + 1), children: "\u91CD\u8BD5" })
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { style: styles.muted, children: loadError }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives3.Button, { onClick: () => setLoadAttempt((n) => n + 1), children: "\u91CD\u8BD5" })
       ] })
     ] });
   }
-  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "status", children: "\u6B63\u5728\u8BFB\u53D6\u6D41\u7A0B\u914D\u7F6E\u2026" });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.wrap, children: [
-    configProblems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { role: "alert", style: styles.problems, children: [
+  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { role: "status", children: "\u6B63\u5728\u8BFB\u53D6\u6D41\u7A0B\u914D\u7F6E\u2026" });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: styles.wrap, children: [
+    configProblems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { role: "alert", style: styles.problems, children: [
       "\u539F\u914D\u7F6E\u6709\u95EE\u9898\uFF1A",
       configProblems.join("\uFF1B"),
       "\u3002\u8BF7\u9009\u62E9\u6709\u6548\u9884\u8BBE\u5E76\u4FDD\u5B58\u4FEE\u590D\u3002"
     ] }),
-    /* @__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: "\u6D41\u7A0B\u51B3\u5B9A\u5DE5\u4F5C\u600E\u4E48\u6D41\u8F6C\uFF08\u9636\u6BB5\u4E0E\u95E8\u7981\uFF09\uFF1B\u6280\u80FD\u3001\u89C4\u5219\u3001\u63D0\u4EA4\u683C\u5F0F\u548C\u4EA7\u7269\u5B57\u6BB5\u7531\u4F60\u81EA\u5DF1\u914D\u7F6E\u3002 \u9700\u8981\u4E00\u4EFD\u73B0\u6210\u7684\u8D77\u70B9\u65F6\uFF0C\u53EF\u4EE5\u300C\u91C7\u7528\u63A8\u8350\u914D\u7F6E\u300D\u2014\u2014\u91C7\u7528\u540E\u8FD9\u4E9B\u5C31\u5B8C\u5168\u5C5E\u4E8E\u4F60\uFF0C\u53EF\u968F\u610F\u4FEE\u6539\u6216\u5220\u9664\u3002" })
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: styles.head, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { style: styles.title, children: "\u5DE5\u7A0B\u6D41\u7A0B\u914D\u7F6E" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { style: styles.muted, children: "\u6D41\u7A0B\u51B3\u5B9A\u5DE5\u4F5C\u600E\u4E48\u6D41\u8F6C\uFF08\u9636\u6BB5\u4E0E\u95E8\u7981\uFF09\uFF1B\u6280\u80FD\u3001\u89C4\u5219\u3001\u63D0\u4EA4\u683C\u5F0F\u548C\u4EA7\u7269\u5B57\u6BB5\u7531\u4F60\u81EA\u5DF1\u914D\u7F6E\u3002 \u9700\u8981\u4E00\u4EFD\u73B0\u6210\u7684\u8D77\u70B9\u65F6\uFF0C\u53EF\u4EE5\u300C\u91C7\u7528\u63A8\u8350\u914D\u7F6E\u300D\u2014\u2014\u91C7\u7528\u540E\u8FD9\u4E9B\u5C31\u5B8C\u5168\u5C5E\u4E8E\u4F60\uFF0C\u53EF\u968F\u610F\u4FEE\u6539\u6216\u5220\u9664\u3002" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.adoptRow, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dsh_client_ui_primitives.Button, { size: "sm", onClick: adopt, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: styles.adoptRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_dsh_client_ui_primitives3.Button, { size: "sm", onClick: adopt, children: [
         "\u91C7\u7528\u300C",
         FLOW_PRESETS[flow]?.label ?? flow,
         "\u300D\u7684\u63A8\u8350\u914D\u7F6E"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.muted, children: "\u5199\u5165\u63A8\u8350\u6280\u80FD\u3001\u63D0\u4EA4\u4FE1\u606F\u683C\u5F0F\u4E0E\u4EA7\u7269\u5B57\u6BB5\u3002\u4EC5\u5728\u4F60\u70B9\u51FB\u65F6\u53D1\u751F\u4E00\u6B21\uFF1B\u5220\u9664\u540E\u4E0D\u4F1A\u81EA\u52A8\u8865\u56DE\u3002" })
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: styles.muted, children: "\u5199\u5165\u63A8\u8350\u6280\u80FD\u3001\u63D0\u4EA4\u4FE1\u606F\u683C\u5F0F\u4E0E\u4EA7\u7269\u5B57\u6BB5\u3002\u4EC5\u5728\u4F60\u70B9\u51FB\u65F6\u53D1\u751F\u4E00\u6B21\uFF1B\u5220\u9664\u540E\u4E0D\u4F1A\u81EA\u52A8\u8865\u56DE\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_runtime2.jsxs)("div", { style: styles.sourceRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives3.StateDot, { state: source === "project" ? "done" : source === "invalid" ? "warning" : "ongoing" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: styles.sourceText, children: sourceText(source) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.field, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "\u6D41\u7A0B\u9884\u8BBE" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.flowGrid, children: FLOW_OPTIONS.map((option) => {
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: styles.field, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { children: "\u6D41\u7A0B\u9884\u8BBE" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: styles.flowGrid, children: FLOW_OPTIONS.map((option) => {
         const active = flow === option.id;
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
           "button",
           {
             type: "button",
@@ -5214,45 +5615,49 @@ function TaskEngineSection(props) {
             },
             style: { ...styles.flowOption, ...active ? styles.flowOptionActive : {} },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: styles.flowOptionTitle, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.StateDot, { state: active ? "done" : "ongoing", size: 8 }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: styles.flowOptionTitle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives3.StateDot, { state: active ? "done" : "ongoing", size: 8 }),
                 option.label
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.flowOptionDesc, children: option.description })
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { style: styles.flowOptionDesc, children: option.description })
             ]
           },
           option.id
         );
       }) })
     ] }),
-    /* @__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\u62E9\u8282\u70B9\uFF0C\u518D\u52FE\u9009\u9644\u52A0\u6280\u80FD\u4E0E\u89C4\u5219\u3002\u9884\u8BBE\u9ED8\u8BA4\u7ED1\u5B9A\u56FA\u5B9A\u4FDD\u7559\uFF1B\u65B0\u5EFA\u6216\u7F16\u8F91\u5185\u5BB9\u8BF7\u524D\u5F80\u4E0A\u65B9\u201C\u6280\u80FD\u201D\u6216\u201C\u89C4\u5219\u201D\u9875\u3002", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BindingEditor, { stages, defaults: (FLOW_PRESETS[flow] ?? FLOW_PRESETS.standard).config.stage_bindings ?? {}, stageBindings, setStageBindings: (next) => {
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SectionCard, { icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives3.IconSettingsOutline16, { size: 16 }), title: "\u9636\u6BB5\u6280\u80FD", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BindingEditor, { stages, stageBindings, setStageBindings: (next) => {
       setStageBindings(next);
       setDirty(true);
       setSavedAt("");
-    }, 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" }),
+    }, skillProfiles, setSkillProfiles: (next) => {
+      setSkillProfiles(next);
+      setDirty(true);
+      setSavedAt("");
+    }, skills, onConfigureSkill: setConfiguringSkill }) }),
+    problems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: styles.problems, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: styles.problemsTitle, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives3.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)) })
-    ] }) : /* @__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 === "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_runtime2.jsx)("ul", { style: styles.problemsList, children: problems.map((p) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { children: p }, p)) })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: styles.okText, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives3.StateDot, { state: "done" }),
+      source === "project" ? "\u914D\u7F6E\u6709\u6548" : "\u4F7F\u7528\u7A7A\u767D\u6D41\u7A0B\u914D\u7F6E\uFF08\u5C1A\u672A\u4FDD\u5B58\uFF09"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.actions, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_dsh_client_ui_primitives.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: styles.actions, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_dsh_client_ui_primitives3.Button,
         {
           variant: "primary",
           size: "md",
-          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconCheckOutline16, { size: 16 }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives3.IconCheckOutline16, { size: 16 }),
           disabled: problems.length > 0 || saving,
           onClick: () => {
             setSaving(true);
-            void save(remote, { flow, stage_bindings: stageBindings, ...commitRule !== void 0 ? { commit: commitRule } : {}, ...artifacts !== void 0 ? { artifacts } : {}, ...reviewDepth !== void 0 ? { review_depth: reviewDepth } : {} }, workspace, setSavedAt, setSource).then((ok) => {
+            void save(remote, { flow, stage_bindings: stageBindings, skill_profiles: skillProfiles, ...commitRule !== void 0 ? { commit: commitRule } : {}, ...artifacts !== void 0 ? { artifacts } : {}, ...reviewDepth !== void 0 ? { review_depth: reviewDepth } : {}, ...commitRequired !== void 0 ? { commit_required: commitRequired } : {} }, workspace, setSavedAt, setSource).then((ok) => {
               if (ok) {
                 setConfigProblems([]);
                 setDirty(false);
@@ -5262,11 +5667,24 @@ function TaskEngineSection(props) {
           children: saving ? "\u6B63\u5728\u4FDD\u5B58\u2026" : dirty ? "\u4FDD\u5B58\u5230 .dsh/eng.json" : "\u5DF2\u4FDD\u5B58 \xB7 \u65E0\u9700\u4FDD\u5B58"
         }
       ),
-      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 !== "" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: styles.okText, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives3.StateDot, { state: savedAt.startsWith("\u5DF2") ? "done" : "error" }),
         savedAt
       ] }) : null
-    ] })
+    ] }),
+    configuringSkill ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      SkillRuleDialog,
+      {
+        skill: configuringSkill,
+        profile: skillProfiles[formatResourceRef(configuringSkill)],
+        rules,
+        description: "\u89C4\u5219\u5C5E\u4E8E\u6280\u80FD\uFF0C\u6240\u6709\u5F15\u7528\u6B64\u6280\u80FD\u7684\u8282\u70B9\u90FD\u4F1A\u540C\u6B65\u3002\u5E94\u7528\u540E\u8BF7\u70B9\u51FB\u9875\u9762\u5E95\u90E8\u4FDD\u5B58\u3002",
+        saveLabel: "\u5E94\u7528\u5230\u5F53\u524D\u914D\u7F6E",
+        onSave: updateSkillProfile,
+        onClose: () => setConfiguringSkill(null)
+      },
+      formatResourceRef(configuringSkill)
+    ) : null
   ] });
 }
 function sourceText(source) {
@@ -5280,9 +5698,9 @@ function sourceText(source) {
   }
 }
 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,
+  const [open, setOpen] = (0, import_react3.useState)(true);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: styles.section, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_dsh_client_ui_primitives3.DisclosureRow,
     {
       icon,
       title,
@@ -5294,187 +5712,115 @@ function SectionCard({ icon, title, hint, children }) {
         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: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: styles.cardBody, children: [
+        hint !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { style: styles.muted, children: hint }) : null,
         children
       ] })
     }
   ) });
 }
-function BindingEditor({ stages, defaults, stageBindings, setStageBindings, skills, rules }) {
-  const [stage, setStage] = (0, import_react.useState)(stages[0] ?? "");
-  const [expanded, setExpanded] = (0, import_react.useState)(null);
-  const [query, setQuery] = (0, import_react.useState)("");
-  const [onlySelected, setOnlySelected] = (0, import_react.useState)(false);
-  const [ruleQuery, setRuleQuery] = (0, import_react.useState)("");
-  const [ruleOnlySelected, setRuleOnlySelected] = (0, import_react.useState)(false);
+function BindingEditor({ stages, stageBindings, setStageBindings, skillProfiles, setSkillProfiles, skills, onConfigureSkill }) {
+  const [stage, setStage] = (0, import_react3.useState)(stages[0] ?? "");
+  const [query, setQuery] = (0, import_react3.useState)("");
   const currentStage = stages.includes(stage) ? stage : stages[0] ?? "";
   const bindingFor = (name) => stageBindings[name] ?? {};
-  const presetSkills = (name) => defaults[name]?.skills ?? [];
-  const isPresetSkill = (name, raw) => presetSkills(name).some((entry) => formatResourceRef(entry.skill) === raw);
-  const visibleSkills = () => {
-    const bound = bindingFor(currentStage).skills ?? [];
-    const boundKeys = new Set(bound.map((entry) => formatResourceRef(entry.skill)));
-    const needle = query.trim().toLowerCase();
-    return skills.filter((entry) => {
-      const raw = formatResourceRef(entry.ref);
-      const inForce = boundKeys.has(raw) || isPresetSkill(currentStage, raw);
-      if (onlySelected && !inForce) return false;
-      if (needle === "") return true;
-      return inForce || entry.name.toLowerCase().includes(needle) || entry.description.toLowerCase().includes(needle) || entry.sourceLabel.toLowerCase().includes(needle);
-    });
-  };
-  const visibleRulesFor = (bound) => {
-    const chosen = new Set(bound.rules.map((rule) => formatResourceRef(rule)));
-    const needle = ruleQuery.trim().toLowerCase();
-    return rules.filter((rule) => {
-      const raw = formatResourceRef(rule.ref);
-      if (ruleOnlySelected && !chosen.has(raw)) return false;
-      if (needle === "") return true;
-      return chosen.has(raw) || rule.name.toLowerCase().includes(needle) || rule.sourceLabel.toLowerCase().includes(needle);
-    });
-  };
   const setSkills = (name, next) => {
     setStageBindings({ ...stageBindings, [name]: { ...bindingFor(name), skills: next } });
   };
   const toggleSkill = (raw) => {
-    if (currentStage === "" || isPresetSkill(currentStage, raw)) return;
-    const current = bindingFor(currentStage).skills ?? [];
-    const next = current.some((entry) => formatResourceRef(entry.skill) === raw) ? current.filter((entry) => formatResourceRef(entry.skill) !== raw) : [...current, { skill: refFromText(raw), rules: [] }].sort((a, b) => formatResourceRef(a.skill).localeCompare(formatResourceRef(b.skill)));
-    setSkills(currentStage, next);
-  };
-  const toggleRule = (skillRaw, ruleRaw) => {
     if (currentStage === "") return;
     const current = bindingFor(currentStage).skills ?? [];
-    setSkills(currentStage, current.map((entry) => {
-      if (formatResourceRef(entry.skill) !== skillRaw) return entry;
-      const has = entry.rules.some((rule) => formatResourceRef(rule) === ruleRaw);
-      const next = has ? entry.rules.filter((rule) => formatResourceRef(rule) !== ruleRaw) : [...entry.rules, refFromText(ruleRaw)].sort((a, b) => formatResourceRef(a).localeCompare(formatResourceRef(b)));
-      return { ...entry, rules: next };
-    }));
+    const profile = skillProfiles[raw];
+    const alreadyBound = current.some((entry) => formatResourceRef(entry.skill) === raw);
+    const next = alreadyBound ? current.filter((entry) => formatResourceRef(entry.skill) !== raw) : [...current, { skill: refFromText(raw), rules: profile?.rules ?? [], ...profile?.evidence !== void 0 ? { evidence: profile.evidence } : {} }].sort((a, b) => formatResourceRef(a.skill).localeCompare(formatResourceRef(b.skill)));
+    if (!alreadyBound && profile === void 0) setSkillProfiles({ ...skillProfiles, [raw]: { rules: [] } });
+    setSkills(currentStage, next);
   };
   if (currentStage === "") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.muted, children: "\u5F53\u524D\u6D41\u7A0B\u6CA1\u6709\u8282\u70B9\u3002" });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { style: styles.muted, children: "\u5F53\u524D\u6D41\u7A0B\u6CA1\u6709\u8282\u70B9\u3002" });
   }
   const boundSkills = bindingFor(currentStage).skills ?? [];
   const unassigned = bindingFor(currentStage).legacy_rules ?? [];
-  const presetCount = presetSkills(currentStage).length;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.section, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.hint, children: "\u8282\u70B9\u53EA\u9009\u62E9\u6280\u80FD\uFF1B\u89C4\u5219\u5C5E\u4E8E\u6280\u80FD\u2014\u2014\u70B9\u5F00\u4E00\u4E2A\u6280\u80FD\u5C31\u80FD\u770B\u5230\u5B83\u5B8C\u6574\u7684\u89C4\u5219\u5217\u8868\uFF0C\u6302\u5230\u4EFB\u4F55\u8282\u70B9\u90FD\u662F\u540C\u4E00\u5957\u89C4\u5219\u3002 \u9700\u8981\u540C\u4E00\u6280\u80FD\u7528\u4E0D\u540C\u89C4\u5219\u65F6\uFF0C\u590D\u5236\u6210\u53E6\u4E00\u4E2A\u6280\u80FD\u518D\u5206\u522B\u914D\u7F6E\u3002" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.field, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.bindingLabel, children: "\u9009\u62E9\u8282\u70B9" }),
-      /* @__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: () => {
+  const boundKeys = new Set(boundSkills.map((entry) => formatResourceRef(entry.skill)));
+  const needle = query.trim().toLowerCase();
+  const available = skills.filter((entry) => !boundKeys.has(formatResourceRef(entry.ref)) && `${entry.name} ${entry.description} ${entry.sourceLabel}`.toLowerCase().includes(needle));
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: styles.section, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: styles.field, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: styles.bindingLabel, children: "\u9009\u62E9\u8282\u70B9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: styles.chips, children: stages.map((s) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives3.Pill, { active: s === currentStage, onClick: () => {
         setStage(s);
       }, children: s }, s)) })
     ] }),
-    unassigned.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "te-alert", children: [
+    unassigned.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "te-alert", children: [
       "\u4EE5\u4E0B\u89C4\u5219\u5C5E\u4E8E",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: "\u8282\u70B9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: "\u8282\u70B9" }),
       "\u800C\u4E0D\u662F\u4EFB\u4F55\u6280\u80FD\uFF08\u65E7\u914D\u7F6E\uFF09\uFF1A",
       unassigned.join("\u3001"),
       "\u3002 \u5B83\u4EEC\u4ECD\u7136\u751F\u6548\uFF0C\u4F46\u9700\u8981\u6307\u5B9A\u5F52\u5C5E\u2014\u2014\u628A\u6BCF\u6761\u89C4\u5219\u52A0\u5230\u4F60\u5E0C\u671B\u627F\u8F7D\u5B83\u7684\u6280\u80FD\u4E0B\uFF0C\u7136\u540E\u4ECE\u8FD9\u91CC\u79FB\u9664\uFF1B \u82E5\u540C\u4E00\u6280\u80FD\u5728\u4E0D\u540C\u8282\u70B9\u9700\u8981\u4E0D\u540C\u89C4\u5219\uFF0C\u8BF7\u590D\u5236\u8BE5\u6280\u80FD\u518D\u5206\u522B\u914D\u7F6E\u3002"
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "te-binding-grid", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "te-binding-picker", "aria-label": "\u6280\u80FD\u7ED1\u5B9A", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "te-binding-heading", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: "\u6280\u80FD" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "te-binding-count", children: [
-          "\u5DF2\u9009 ",
-          boundSkills.length,
-          presetCount > 0 ? `\uFF08\u542B ${presetCount} \u9879\u9884\u8BBE\uFF09` : "",
-          visibleSkills().length !== skills.length ? ` \xB7 \u663E\u793A ${visibleSkills().length}/${skills.length}` : ""
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "te-binding-controls", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "input",
-          {
-            className: "te-binding-search",
-            type: "search",
-            value: query,
-            placeholder: "\u641C\u7D22\u6280\u80FD\u540D\u6216\u8BF4\u660E\u2026",
-            "aria-label": "\u641C\u7D22\u6280\u80FD",
-            onChange: (event) => setQuery(event.target.value)
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "te-binding-filter", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", checked: onlySelected, onChange: () => setOnlySelected((value) => !value) }),
-          " ",
-          "\u4EC5\u770B\u5DF2\u9009"
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "te-transfer", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "te-transfer-pane", "aria-label": "\u53EF\u7528\u6280\u80FD", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "te-binding-heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h4", { children: "\u53EF\u7528\u6280\u80FD" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "te-binding-count", children: [
+            skills.filter((entry) => !boundKeys.has(formatResourceRef(entry.ref))).length,
+            " \u9879"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { className: "te-input te-transfer-search", type: "search", value: query, placeholder: "\u641C\u7D22\u6280\u80FD\u540D\u79F0\u6216\u8BF4\u660E", "aria-label": "\u641C\u7D22\u53EF\u7528\u6280\u80FD", onChange: (event) => setQuery(event.target.value) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "te-transfer-list", role: "group", "aria-label": "\u53EF\u7528\u6280\u80FD\u5217\u8868", children: [
+          skills.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "te-binding-empty", children: "\u6682\u65E0\u6280\u80FD\uFF0C\u8BF7\u5148\u5728\u201C\u6280\u80FD\u201D\u9875\u6DFB\u52A0\u3002" }) : null,
+          skills.length > 0 && available.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "te-binding-empty", children: "\u6CA1\u6709\u53EF\u6DFB\u52A0\u7684\u6280\u80FD\u3002" }) : null,
+          available.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { type: "button", className: "te-transfer-row", onClick: () => toggleSkill(formatResourceRef(entry.ref)), "aria-label": `\u6DFB\u52A0\u6280\u80FD ${entry.name}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "te-transfer-row-main", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: entry.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("small", { children: [
+                entry.sourceLabel,
+                entry.description ? ` \xB7 ${entry.description}` : ""
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "te-transfer-action", "aria-hidden": "true", children: "\uFF0B" })
+          ] }, formatResourceRef(entry.ref)))
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "te-binding-list", role: "group", "aria-label": "\u6280\u80FD\u5217\u8868", tabIndex: 0, children: [
-        skills.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "te-binding-empty", children: "\u6682\u65E0\u6280\u80FD\uFF0C\u8BF7\u5728\u4E0A\u65B9\u201C\u6280\u80FD\u201D\u9875\u6DFB\u52A0\u3002" }) : null,
-        skills.length > 0 && visibleSkills().length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "te-binding-empty", children: "\u6CA1\u6709\u5339\u914D\u7684\u6280\u80FD\u3002" }) : null,
-        visibleSkills().map((entry) => {
-          const raw = formatResourceRef(entry.ref);
-          const bound = boundSkills.find((candidate) => formatResourceRef(candidate.skill) === raw);
-          const preset2 = isPresetSkill(currentStage, raw);
-          const open = expanded === raw;
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `te-binding-option${bound !== void 0 ? " is-selected" : ""}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "input",
-              {
-                type: "checkbox",
-                "aria-label": raw,
-                checked: bound !== void 0,
-                disabled: preset2,
-                onChange: () => toggleSkill(raw)
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "te-binding-detail", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "te-binding-name", children: [
-                entry.name,
-                preset2 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "te-source-badge", children: "\u9884\u8BBE" }) : null
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "te-binding-meta", children: [
-                entry.sourceLabel,
-                " \xB7 ",
-                bound === void 0 ? "\u672A\u7ED1\u5B9A" : `${bound.rules.length} \u6761\u89C4\u5219`
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "te-transfer-arrow", "aria-hidden": "true", children: "\u2192" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "te-transfer-pane", "aria-label": "\u5F53\u524D\u8282\u70B9\u6280\u80FD", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "te-binding-heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("h4", { children: [
+            currentStage,
+            " \xB7 \u5DF2\u7ED1\u5B9A"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "te-binding-count", children: [
+            boundSkills.length,
+            " \u9879"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "te-transfer-caption", children: "\u89C4\u5219\u5C5E\u4E8E\u6280\u80FD\uFF1B\u70B9\u201C\u914D\u7F6E\u89C4\u5219\u201D\u5373\u53EF\u7EDF\u4E00\u4FEE\u6539\u3002" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "te-transfer-list", role: "group", "aria-label": "\u5DF2\u7ED1\u5B9A\u6280\u80FD\u5217\u8868", children: [
+          boundSkills.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "te-binding-empty", children: "\u6B64\u8282\u70B9\u5C1A\u672A\u7ED1\u5B9A\u6280\u80FD\u3002\u70B9\u51FB\u5DE6\u4FA7 \uFF0B \u6DFB\u52A0\u3002" }) : null,
+          boundSkills.map((entry) => {
+            const raw = formatResourceRef(entry.skill);
+            const catalog = skills.find((skill) => formatResourceRef(skill.ref) === raw);
+            return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "te-transfer-row is-bound", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "te-transfer-row-main", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: entry.skill.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("small", { children: [
+                  catalog?.sourceLabel ?? entry.skill.source,
+                  " \xB7 ",
+                  entry.rules.length,
+                  " \u6761\u89C4\u5219",
+                  catalog ? "" : " \xB7 \u8D44\u6E90\u672A\u627E\u5230"
+                ] })
               ] }),
-              bound !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "te-link", onClick: () => setExpanded(open ? null : raw), children: open ? "\u6536\u8D77\u89C4\u5219" : "\u89C4\u5219\u8BBE\u7F6E" }) : null,
-              open && bound !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "te-rule-list", children: [
-                ruleQuery !== "" || ruleOnlySelected ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "te-binding-meta", children: [
-                  rules.length,
-                  " \u6761\u53EF\u7528\u89C4\u5219"
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "input",
-                  {
-                    className: "te-binding-search",
-                    type: "search",
-                    value: ruleQuery,
-                    placeholder: "\u8FC7\u6EE4\u89C4\u5219\u2026",
-                    "aria-label": `\u8FC7\u6EE4 ${entry.name} \u7684\u89C4\u5219`,
-                    onChange: (event) => setRuleQuery(event.target.value)
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "te-binding-filter", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", checked: ruleOnlySelected, onChange: () => setRuleOnlySelected((value) => !value) }),
-                  " ",
-                  "\u4EC5\u770B\u5DF2\u9009"
-                ] }),
-                rules.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "te-binding-meta", children: "\u89C4\u5219\u5E93\u4E3A\u7A7A\u3002" }) : null,
-                rules.length > 0 && visibleRulesFor(bound).length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "te-binding-meta", children: "\u6CA1\u6709\u5339\u914D\u7684\u89C4\u5219\u3002" }) : null,
-                visibleRulesFor(bound).map((rule) => {
-                  const ruleRaw = formatResourceRef(rule.ref);
-                  const on = bound.rules.some((candidate) => formatResourceRef(candidate) === ruleRaw);
-                  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "te-binding-filter", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", checked: on, onChange: () => toggleRule(raw, ruleRaw) }),
-                    " ",
-                    rule.name,
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "te-binding-meta", children: [
-                      "\uFF08",
-                      rule.sourceLabel,
-                      "\uFF09"
-                    ] })
-                  ] }, ruleRaw);
-                })
-              ] }) : null
-            ] })
-          ] }, raw);
-        })
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "te-transfer-actions", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "te-transfer-config", onClick: () => onConfigureSkill(entry.skill), children: "\u914D\u7F6E\u89C4\u5219" }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "te-transfer-remove", onClick: () => toggleSkill(raw), "aria-label": `\u79FB\u9664\u6280\u80FD ${entry.skill.name}`, children: "\xD7" })
+              ] })
+            ] }, raw);
+          })
+        ] })
       ] })
-    ] }) }, currentStage)
+    ] }, currentStage)
   ] });
 }
 async function save(remote, config, workspace, setSavedAt, setSource) {
@@ -5498,8 +5844,8 @@ async function save(remote, config, workspace, setSavedAt, setSource) {
 }
 
 // src/client/InitPanel.tsx
-var import_react2 = require("react");
-var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react4 = require("react");
+var import_dsh_client_ui_primitives4 = require("@deepseek-ai/dsh-client-ui-primitives");
 var MD_LABELS = { code: { copyLabel: "\u590D\u5236", copiedLabel: "\u5DF2\u590D\u5236" }, footnotes: "\u811A\u6CE8" };
 var INIT_TIMEOUT_S = 150;
 var card = {
@@ -5511,14 +5857,14 @@ var card = {
   padding: "12px 14px"
 };
 function InitPanel({ workspace, remote }) {
-  const [view, setView] = (0, import_react2.useState)(null);
-  const [generating, setGenerating] = (0, import_react2.useState)(false);
-  const [elapsed, setElapsed] = (0, import_react2.useState)(0);
-  const [draft, setDraft] = (0, import_react2.useState)(null);
-  const [editing, setEditing] = (0, import_react2.useState)(false);
-  const [body2, setBody] = (0, import_react2.useState)("");
-  const [msg, setMsg] = (0, import_react2.useState)("");
-  (0, import_react2.useEffect)(() => {
+  const [view, setView] = (0, import_react4.useState)(null);
+  const [generating, setGenerating] = (0, import_react4.useState)(false);
+  const [elapsed, setElapsed] = (0, import_react4.useState)(0);
+  const [draft, setDraft] = (0, import_react4.useState)(null);
+  const [editing, setEditing] = (0, import_react4.useState)(false);
+  const [body2, setBody] = (0, import_react4.useState)("");
+  const [msg, setMsg] = (0, import_react4.useState)("");
+  (0, import_react4.useEffect)(() => {
     if (!generating) {
       setElapsed(0);
       return;
@@ -5532,13 +5878,13 @@ function InitPanel({ workspace, remote }) {
       clearInterval(timer);
     };
   }, [generating]);
-  const refresh = (0, import_react2.useCallback)(() => {
+  const refresh = (0, import_react4.useCallback)(() => {
     void remote.readInit(workspace).then((r) => {
       if (r.ok) setView(r.value);
     }, () => {
     });
   }, [remote, workspace]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     refresh();
   }, [refresh]);
   const generate = async () => {
@@ -5581,45 +5927,45 @@ function InitPanel({ workspace, remote }) {
     setMsg("");
   };
   const exists = view?.exists === true;
-  return (0, import_react2.createElement)(
+  return (0, import_react4.createElement)(
     "div",
     { style: styles.section },
-    (0, import_react2.createElement)(
+    (0, import_react4.createElement)(
       "div",
       { style: card },
-      (0, import_react2.createElement)(
+      (0, import_react4.createElement)(
         "div",
         { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" } },
-        (0, import_react2.createElement)(import_dsh_client_ui_primitives2.StateDot, { state: exists ? "done" : "ongoing" }),
-        (0, import_react2.createElement)("span", { style: styles.bindingLabel }, exists ? `\u5DF2\u521D\u59CB\u5316 \xB7 ${view.lines} \u884C\uFF08\u4E0A\u9650 200\uFF09` : "\u672A\u521D\u59CB\u5316"),
-        view?.path !== void 0 ? (0, import_react2.createElement)("span", { style: styles.sourceBadge }, `\u5DF2\u5B9A\u4F4D\u5230 ${view.path}`) : null
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives4.StateDot, { state: exists ? "done" : "ongoing" }),
+        (0, import_react4.createElement)("span", { style: styles.bindingLabel }, exists ? `\u5DF2\u521D\u59CB\u5316 \xB7 ${view.lines} \u884C\uFF08\u4E0A\u9650 200\uFF09` : "\u672A\u521D\u59CB\u5316"),
+        view?.path !== void 0 ? (0, import_react4.createElement)("span", { style: styles.sourceBadge }, `\u5DF2\u5B9A\u4F4D\u5230 ${view.path}`) : null
       ),
-      (0, import_react2.createElement)(
+      (0, import_react4.createElement)(
         "p",
         { style: styles.muted },
         "\u9879\u76EE\u6839 AGENTS.md \u4F1A\u88AB DSH \u81EA\u52A8\u6CE8\u5165\u5230\u6BCF\u4E2A\u4F1A\u8BDD\u3002\u521D\u59CB\u5316\u4E00\u6B21\uFF0C\u4E4B\u540E\u6BCF\u6B21\u4EFB\u52A1\u5F00\u5DE5 AI \u90FD\u81EA\u5E26\u8FD9\u4EFD\u9879\u76EE\u8BA4\u77E5\uFF08\u9879\u76EE\u662F\u4EC0\u4E48 \u2192 \u600E\u4E48\u8DD1 \u2192 \u7ED3\u6784 \u2192 \u7EA6\u5B9A \u2192 \u5751\uFF09\u3002"
       ),
-      exists && !editing && draft === null ? (0, import_react2.createElement)(
+      exists && !editing && draft === null ? (0, import_react4.createElement)(
         "div",
         { style: styles.mdPreview },
-        (0, import_react2.createElement)(import_dsh_client_ui_primitives2.MarkdownText, { text: view.content, labels: MD_LABELS })
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives4.MarkdownText, { text: view.content, labels: MD_LABELS })
       ) : null,
-      draft !== null ? (0, import_react2.createElement)(
+      draft !== null ? (0, import_react4.createElement)(
         "div",
         { style: styles.section },
-        (0, import_react2.createElement)(
+        (0, import_react4.createElement)(
           "div",
           { style: styles.sourceRow },
-          (0, import_react2.createElement)(import_dsh_client_ui_primitives2.StateDot, { state: "ongoing", size: 8 }),
-          (0, import_react2.createElement)("span", { style: styles.sourceBadge }, `AI \u8349\u7A3F \xB7 ${draft.lines} \u884C \xB7 \u5C1A\u672A\u5199\u5165`)
+          (0, import_react4.createElement)(import_dsh_client_ui_primitives4.StateDot, { state: "ongoing", size: 8 }),
+          (0, import_react4.createElement)("span", { style: styles.sourceBadge }, `AI \u8349\u7A3F \xB7 ${draft.lines} \u884C \xB7 \u5C1A\u672A\u5199\u5165`)
         ),
-        (0, import_react2.createElement)(
+        (0, import_react4.createElement)(
           "div",
           { style: styles.mdPreview },
-          (0, import_react2.createElement)(import_dsh_client_ui_primitives2.MarkdownText, { text: draft.content, labels: MD_LABELS })
+          (0, import_react4.createElement)(import_dsh_client_ui_primitives4.MarkdownText, { text: draft.content, labels: MD_LABELS })
         )
       ) : null,
-      editing ? (0, import_react2.createElement)("textarea", {
+      editing ? (0, import_react4.createElement)("textarea", {
         style: { ...styles.textarea, minHeight: 300 },
         placeholder: "AGENTS.md \u6B63\u6587\uFF08Markdown\uFF0C\u2264200 \u884C\uFF09",
         value: body2,
@@ -5627,16 +5973,16 @@ function InitPanel({ workspace, remote }) {
           setBody(ev.target.value);
         }
       }) : null,
-      generating ? (0, import_react2.createElement)(
+      generating ? (0, import_react4.createElement)(
         "p",
         { style: styles.status },
         `AI \u6B63\u5728\u626B\u63CF\u9879\u76EE\u5E76\u751F\u6210\u8349\u7A3F\u2026 \u5DF2\u8017\u65F6 ${elapsed} \u79D2\uFF08\u6700\u957F ${INIT_TIMEOUT_S} \u79D2\uFF09\uFF0C\u8BF7\u7A0D\u5019`
       ) : null,
-      msg !== "" ? (0, import_react2.createElement)("p", { style: styles.status }, msg) : null,
-      draft !== null ? (0, import_react2.createElement)(
+      msg !== "" ? (0, import_react4.createElement)("p", { style: styles.status }, msg) : null,
+      draft !== null ? (0, import_react4.createElement)(
         "div",
         { style: styles.row },
-        (0, import_react2.createElement)(import_dsh_client_ui_primitives2.Button, {
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, {
           variant: "primary",
           size: "md",
           disabled: draft.lines > 200,
@@ -5645,14 +5991,14 @@ function InitPanel({ workspace, remote }) {
             void write(draft.content, exists);
           }
         }, exists ? "\u4FDD\u5B58\u5E76\u8986\u76D6" : "\u4FDD\u5B58"),
-        draft.lines > 200 ? (0, import_react2.createElement)("span", { style: styles.sourceBadge }, `\u8349\u7A3F ${draft.lines} \u884C\u8D85\u9650\uFF0C\u8BF7\u70B9\u300C\u653E\u5F03\u300D\u540E\u91CD\u8BD5`) : null,
-        (0, import_react2.createElement)(import_dsh_client_ui_primitives2.Button, { variant: "ghost", size: "md", onClick: () => {
+        draft.lines > 200 ? (0, import_react4.createElement)("span", { style: styles.sourceBadge }, `\u8349\u7A3F ${draft.lines} \u884C\u8D85\u9650\uFF0C\u8BF7\u70B9\u300C\u653E\u5F03\u300D\u540E\u91CD\u8BD5`) : null,
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", size: "md", onClick: () => {
           setDraft(null);
         } }, "\u653E\u5F03")
-      ) : editing ? (0, import_react2.createElement)(
+      ) : editing ? (0, import_react4.createElement)(
         "div",
         { style: styles.row },
-        (0, import_react2.createElement)(import_dsh_client_ui_primitives2.Button, {
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, {
           variant: "primary",
           size: "md",
           disabled: body2.trim() === "",
@@ -5661,13 +6007,13 @@ function InitPanel({ workspace, remote }) {
             void write(body2, exists);
           }
         }, exists ? "\u4FDD\u5B58\u5E76\u8986\u76D6" : "\u4FDD\u5B58"),
-        (0, import_react2.createElement)(import_dsh_client_ui_primitives2.Button, { variant: "ghost", size: "md", onClick: () => {
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", size: "md", onClick: () => {
           setEditing(false);
         } }, "\u53D6\u6D88")
-      ) : (0, import_react2.createElement)(
+      ) : (0, import_react4.createElement)(
         "div",
         { style: styles.row },
-        (0, import_react2.createElement)(import_dsh_client_ui_primitives2.Button, {
+        (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, {
           variant: "primary",
           size: "md",
           disabled: generating,
@@ -5676,203 +6022,55 @@ function InitPanel({ workspace, remote }) {
             void generate();
           }
         }, exists ? "\u91CD\u65B0\u521D\u59CB\u5316\uFF08AI \u626B\u63CF\u8986\u76D6\uFF09" : "\u8BA9 AI \u521D\u59CB\u5316"),
-        exists ? (0, import_react2.createElement)(import_dsh_client_ui_primitives2.Button, { variant: "outline", size: "md", onClick: startEdit }, "\u624B\u52A8\u7F16\u8F91") : null
+        exists ? (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", size: "md", onClick: startEdit }, "\u624B\u52A8\u7F16\u8F91") : null
       )
     )
   );
 }
 
 // src/client/SkillManager.tsx
-var import_react5 = require("react");
-
-// src/client/ResourceManager.tsx
-var import_react4 = require("react");
-var import_dsh_client_ui_primitives4 = require("@deepseek-ai/dsh-client-ui-primitives");
-
-// src/client/ResourceModal.tsx
-var import_react3 = require("react");
-var import_react_dom = require("react-dom");
-var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
-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 }) {
-  const dialog = (0, import_react3.useRef)(null);
-  const closer = (0, import_react3.useRef)(onClose);
-  closer.current = onClose;
-  (0, import_react3.useEffect)(() => {
-    const previous = document.activeElement;
-    dialog.current?.focus();
-    const onKey = (e) => {
-      if (!dialog.current?.contains(document.activeElement)) return;
-      if (e.key === "Escape") {
-        e.preventDefault();
-        e.stopPropagation();
-        closer.current();
-        return;
-      }
-      if (e.key !== "Tab") return;
-      const nodes = Array.from(dialog.current.querySelectorAll('button:not(:disabled),input:not(:disabled):not([hidden]),select:not(:disabled),textarea:not(:disabled),[tabindex="0"]')).filter((el) => el.getClientRects().length);
-      const first = nodes[0], last = nodes[nodes.length - 1];
-      if (!first || !last) {
-        e.preventDefault();
-        return;
-      }
-      if (e.shiftKey && (document.activeElement === first || document.activeElement === dialog.current)) {
-        e.preventDefault();
-        last.focus();
-      } else if (!e.shiftKey && (document.activeElement === last || document.activeElement === dialog.current)) {
-        e.preventDefault();
-        first.focus();
-      }
-    };
-    document.addEventListener("keydown", onKey);
-    return () => {
-      document.removeEventListener("keydown", onKey);
-      if (previous?.isConnected) previous.focus();
-    };
-  }, []);
-  return (0, import_react_dom.createPortal)(
-    (0, import_react3.createElement)(
-      "div",
-      { style: rootStyle, className: "te-modal", role: "presentation" },
-      (0, import_react3.createElement)("div", { style: maskStyle, "aria-hidden": true, onClick: onClose }),
-      (0, import_react3.createElement)(
-        "div",
-        { style: dialogStyle, ref: dialog, tabIndex: -1, role: "dialog", "aria-modal": true, "aria-label": title },
-        (0, import_react3.createElement)(
-          "div",
-          { style: headerStyle },
-          (0, import_react3.createElement)("h2", { style: titleStyle }, title),
-          (0, import_react3.createElement)(
-            "button",
-            { type: "button", style: closeBtnStyle, "aria-label": "\u5173\u95ED", onClick: onClose },
-            (0, import_react3.createElement)(import_dsh_client_ui_primitives3.IconCloseOutline16, { size: 14 })
-          )
-        ),
-        description !== void 0 && description !== "" ? (0, import_react3.createElement)("p", { style: descStyle }, description) : null,
-        (0, import_react3.createElement)("div", { style: bodyStyle }, children),
-        footer !== void 0 ? (0, import_react3.createElement)("div", { style: footerStyle }, footer) : null
-      )
-    ),
-    document.body
-  );
-}
+var import_react6 = require("react");
 
 // src/client/ResourceManager.tsx
+var import_react5 = require("react");
+var import_dsh_client_ui_primitives5 = require("@deepseek-ai/dsh-client-ui-primitives");
 var labels = { code: { copyLabel: "\u590D\u5236", copiedLabel: "\u5DF2\u590D\u5236" }, footnotes: "\u811A\u6CE8" };
 var levelOf = (row) => row.source === "bundled" ? "bundled" : row.source.startsWith("user") ? "user" : "project";
 var sourceText2 = (source) => source === "bundled" ? "\u5185\u7F6E" : source.startsWith("user") ? "\u4E2A\u4EBA" : "\u9879\u76EE";
 var sizeText = (bytes) => bytes < 1024 ? `${bytes} B` : bytes < 1024 * 1024 ? `${(bytes / 1024).toFixed(1)} KB` : `${(bytes / 1024 / 1024).toFixed(1)} MB`;
 var fail = (r) => describeError(r.error ?? "\u64CD\u4F5C\u5931\u8D25");
-function ResourceManager({ workspace, remote, kind }) {
+function ResourceManager({ workspace, remote, kind, onConfigureSkill }) {
   const noun = kind === "skill" ? "\u6280\u80FD" : "\u89C4\u5219";
-  const [rows, setRows] = (0, import_react4.useState)([]);
-  const [query, setQuery] = (0, import_react4.useState)("");
-  const [filter, setFilter] = (0, import_react4.useState)("all");
-  const [notice, setNotice] = (0, import_react4.useState)("");
-  const [error, setError] = (0, import_react4.useState)("");
-  const [loading, setLoading] = (0, import_react4.useState)(true);
-  const [revision, refresh] = (0, import_react4.useState)(0);
-  const [busy, setBusy] = (0, import_react4.useState)(false);
-  const [roots, setRoots] = (0, import_react4.useState)(null);
-  const [importing, setImporting] = (0, import_react4.useState)(false);
-  const [request, setRequest] = (0, import_react4.useState)(null);
-  const [preview, setPreview] = (0, import_react4.useState)(null);
-  const [level, setLevel] = (0, import_react4.useState)("project");
-  const [manual, setManual] = (0, import_react4.useState)(false);
-  const [sourceDir, setSourceDir] = (0, import_react4.useState)("");
-  const [dirs, setDirs] = (0, import_react4.useState)([]);
-  const [browsePath, setBrowsePath] = (0, import_react4.useState)("");
-  const [editing, setEditing] = (0, import_react4.useState)(null);
-  const [viewing, setViewing] = (0, import_react4.useState)(false);
-  const [name, setName] = (0, import_react4.useState)("");
-  const [description, setDescription] = (0, import_react4.useState)("");
-  const [whenToUse, setWhenToUse] = (0, import_react4.useState)("");
-  const [body2, setBody] = (0, import_react4.useState)("");
-  const [deleting, setDeleting] = (0, import_react4.useState)(null);
-  const input = (0, import_react4.useRef)(null);
-  const fileEpoch = (0, import_react4.useRef)(0);
-  const browseEpoch = (0, import_react4.useRef)(0);
+  const [rows, setRows] = (0, import_react5.useState)([]);
+  const [query, setQuery] = (0, import_react5.useState)("");
+  const [filter, setFilter] = (0, import_react5.useState)("all");
+  const [notice, setNotice] = (0, import_react5.useState)("");
+  const [error, setError] = (0, import_react5.useState)("");
+  const [loading, setLoading] = (0, import_react5.useState)(true);
+  const [revision, refresh] = (0, import_react5.useState)(0);
+  const [busy, setBusy] = (0, import_react5.useState)(false);
+  const [roots, setRoots] = (0, import_react5.useState)(null);
+  const [importing, setImporting] = (0, import_react5.useState)(false);
+  const [request, setRequest] = (0, import_react5.useState)(null);
+  const [preview, setPreview] = (0, import_react5.useState)(null);
+  const [level, setLevel] = (0, import_react5.useState)("project");
+  const [manual, setManual] = (0, import_react5.useState)(false);
+  const [sourceDir, setSourceDir] = (0, import_react5.useState)("");
+  const [dirs, setDirs] = (0, import_react5.useState)([]);
+  const [browsePath, setBrowsePath] = (0, import_react5.useState)("");
+  const [editing, setEditing] = (0, import_react5.useState)(null);
+  const [viewing, setViewing] = (0, import_react5.useState)(false);
+  const [name, setName] = (0, import_react5.useState)("");
+  const [description, setDescription] = (0, import_react5.useState)("");
+  const [whenToUse, setWhenToUse] = (0, import_react5.useState)("");
+  const [body2, setBody] = (0, import_react5.useState)("");
+  const [templateSource, setTemplateSource] = (0, import_react5.useState)(null);
+  const [deleting, setDeleting] = (0, import_react5.useState)(null);
+  const input = (0, import_react5.useRef)(null);
+  const fileEpoch = (0, import_react5.useRef)(0);
+  const browseEpoch = (0, import_react5.useRef)(0);
   const readonly = editing !== null && editing !== "new" && levelOf(editing) === "bundled";
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     let active = true;
     setLoading(true);
     setRows([]);
@@ -5899,7 +6097,7 @@ function ResourceManager({ workspace, remote, kind }) {
       fileEpoch.current++;
     };
   }, [workspace, remote, kind, revision]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     let active = true;
     setPreview(null);
     if (!request) return;
@@ -5924,6 +6122,7 @@ function ResourceManager({ workspace, remote, kind }) {
     fileEpoch.current++;
     setImporting(false);
     setEditing(null);
+    setTemplateSource(null);
     setDeleting(null);
     setRequest(null);
     setError("");
@@ -5996,6 +6195,7 @@ function ResourceManager({ workspace, remote, kind }) {
     }
   };
   const edit = async (row, view = false) => {
+    setTemplateSource(null);
     setEditing(row);
     setViewing(view);
     setName(row === "new" ? "" : row.name);
@@ -6026,6 +6226,39 @@ function ResourceManager({ workspace, remote, kind }) {
       setBusy(false);
     }
   };
+  const copyTemplate = async (row) => {
+    if (busy || levelOf(row) !== "bundled") return;
+    setBusy(true);
+    setError("");
+    try {
+      const r = kind === "skill" ? await remote.readSkill({ name: row.name, level: "bundled", path: workspace }) : await remote.readRule({ name: row.name, level: "bundled", path: workspace });
+      if (!r.ok) throw new Error(fail(r));
+      if (!r.value.ok) throw new Error(r.value.error ?? "\u8BFB\u53D6\u5185\u7F6E\u6837\u672C\u5931\u8D25");
+      const used = new Set(rows.map((item) => item.name));
+      const base = `${row.name}-copy`;
+      let candidate = base;
+      for (let index = 2; used.has(candidate); index++) candidate = `${base}-${index}`;
+      setName(candidate);
+      setBody(r.value.content);
+      setLevel("project");
+      setViewing(false);
+      if (kind === "skill") {
+        const skill = r.value;
+        setDescription(skill.description);
+        setWhenToUse(skill.whenToUse);
+      } else {
+        setDescription("");
+        setWhenToUse("");
+      }
+      setTemplateSource(row);
+      setEditing("new");
+      setNotice("");
+    } catch (e) {
+      setError("\u590D\u5236\u6837\u672C\u5931\u8D25\uFF1A" + describeError(e));
+    } finally {
+      setBusy(false);
+    }
+  };
   const save2 = async () => {
     if (busy) return;
     setBusy(true);
@@ -6035,9 +6268,12 @@ function ResourceManager({ workspace, remote, kind }) {
       const r = kind === "skill" ? await remote.writeSkill({ name, description, whenToUse, content: body2, level, path: workspace }) : await remote.writeRule({ name, content: body2, level, path: workspace });
       if (!r.ok) throw new Error(fail(r));
       if (!r.value.ok) throw new Error(r.value.error ?? "\u4FDD\u5B58\u5931\u8D25");
-      setNotice(`\u5DF2\u4FDD\u5B58${noun} \xB7 ${r.value.path}`);
+      const copied = templateSource !== null;
+      setNotice(`\u5DF2\u4FDD\u5B58${noun} \xB7 ${r.value.path}${copied ? "\uFF1B\u8BF7\u6309\u9700\u914D\u7F6E\u5B8C\u6210\u51ED\u8BC1\u3001\u89C4\u5219\u4E0E\u9636\u6BB5\u7ED1\u5B9A" : ""}`);
       setEditing(null);
+      setTemplateSource(null);
       refresh((n) => n + 1);
+      if (copied && kind === "skill") onConfigureSkill?.({ source: level, name: r.value.name });
     } catch (e) {
       setError(describeError(e));
     } finally {
@@ -6063,105 +6299,168 @@ function ResourceManager({ workspace, remote, kind }) {
       setBusy(false);
     }
   };
-  const status = () => error ? (0, import_react4.createElement)("div", { className: "te-alert", role: "alert" }, error) : null;
-  const targets = () => (0, import_react4.createElement)(
+  const status = () => error ? (0, import_react5.createElement)("div", { className: "te-alert", role: "alert" }, error) : null;
+  const targets = () => (0, import_react5.createElement)(
     "div",
     { className: "te-targets" },
-    ...["project", "user"].map((lvl) => (0, import_react4.createElement)(
+    ...["project", "user"].map((lvl) => (0, import_react5.createElement)(
       "button",
       { type: "button", key: lvl, className: `te-target ${level === lvl ? "selected" : ""}`, "aria-pressed": level === lvl, disabled: busy || editing !== null && editing !== "new", onClick: () => {
         setPreview(null);
         setLevel(lvl);
       } },
-      (0, import_react4.createElement)("strong", null, lvl === "project" ? "\u9879\u76EE\u5171\u4EAB" : "\u4E2A\u4EBA\u5168\u5C40"),
-      (0, import_react4.createElement)("small", null, lvl === "project" ? "\u4EC5\u5F53\u524D\u5DE5\u4F5C\u533A\u4F7F\u7528" : "\u6B64\u4E3B\u673A\u4E0A\u7684\u6240\u6709\u9879\u76EE\u53EF\u7528")
+      (0, import_react5.createElement)("strong", null, lvl === "project" ? "\u9879\u76EE\u5171\u4EAB" : "\u4E2A\u4EBA\u5168\u5C40"),
+      (0, import_react5.createElement)("small", null, lvl === "project" ? "\u4EC5\u5F53\u524D\u5DE5\u4F5C\u533A\u4F7F\u7528" : "\u6B64\u4E3B\u673A\u4E0A\u7684\u6240\u6709\u9879\u76EE\u53EF\u7528")
     )),
-    (0, import_react4.createElement)("code", { className: "te-path" }, roots?.[level] ?? (level === "project" ? `${workspace}/.dsh/${kind}s` : `DSH_HOME/${kind}s`))
+    (0, import_react5.createElement)("code", { className: "te-path" }, roots?.[level] ?? (level === "project" ? `${workspace}/.dsh/${kind}s` : `DSH_HOME/${kind}s`))
   );
   const visible = rows.filter((r) => `${r.name} ${r.description ?? ""}`.toLowerCase().includes(query.toLowerCase()) && (filter === "all" || levelOf(r) === filter));
-  return (0, import_react4.createElement)(
+  return (0, import_react5.createElement)(
     "section",
     { className: "te-resource" },
-    (0, import_react4.createElement)("input", { type: "file", ref: input, hidden: true, "aria-label": kind === "skill" ? "\u9009\u62E9\u6280\u80FD\u6587\u4EF6\u5939" : "\u9009\u62E9\u89C4\u5219\u6587\u4EF6", ...kind === "skill" ? { webkitdirectory: "", multiple: true } : { accept: ".md,text/markdown" }, onChange: (e) => {
+    (0, import_react5.createElement)("input", { type: "file", ref: input, hidden: true, "aria-label": kind === "skill" ? "\u9009\u62E9\u6280\u80FD\u6587\u4EF6\u5939" : "\u9009\u62E9\u89C4\u5219\u6587\u4EF6", ...kind === "skill" ? { webkitdirectory: "", multiple: true } : { accept: ".md,text/markdown" }, onChange: (e) => {
       void selected(Array.from(e.target.files ?? []));
     } }),
-    (0, import_react4.createElement)("div", { className: "te-section-heading" }, (0, import_react4.createElement)("div", null, (0, import_react4.createElement)("h2", null, `${noun}\u5E93`), (0, import_react4.createElement)("p", null, kind === "skill" ? "\u628A\u53EF\u590D\u7528\u7684\u5DE5\u4F5C\u65B9\u6CD5\u5E26\u5165\u9879\u76EE\u3002" : "\u4E3A\u9879\u76EE\u660E\u786E\u7EA6\u5B9A\uFF0C\u8BA9\u6BCF\u6B21\u4EA4\u4ED8\u4FDD\u6301\u4E00\u81F4\u3002")), (0, import_react4.createElement)("div", { className: "te-actions" }, (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", onClick: () => {
+    (0, import_react5.createElement)("div", { className: "te-section-heading" }, (0, import_react5.createElement)("div", null, (0, import_react5.createElement)("h2", null, `${noun}\u5E93`), (0, import_react5.createElement)("p", null, kind === "skill" ? "\u628A\u53EF\u590D\u7528\u7684\u5DE5\u4F5C\u65B9\u6CD5\u5E26\u5165\u9879\u76EE\u3002" : "\u4E3A\u9879\u76EE\u660E\u786E\u7EA6\u5B9A\uFF0C\u8BA9\u6BCF\u6B21\u4EA4\u4ED8\u4FDD\u6301\u4E00\u81F4\u3002")), (0, import_react5.createElement)("div", { className: "te-actions" }, (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "outline", onClick: () => {
       void edit("new");
-    } }, `\u65B0\u5EFA${noun}`), (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "primary", onClick: choose }, `\u5B89\u88C5${noun}`))),
-    (0, import_react4.createElement)("div", { className: "te-toolbar" }, (0, import_react4.createElement)("input", { className: "te-input", placeholder: `\u641C\u7D22${noun}\u540D\u79F0${kind === "skill" ? "\u6216\u63CF\u8FF0" : ""}`, value: query, onChange: (e) => setQuery(e.target.value) }), (0, import_react4.createElement)("select", { className: "te-input", "aria-label": "\u7B5B\u9009\u6765\u6E90", value: filter, onChange: (e) => setFilter(e.target.value) }, (0, import_react4.createElement)("option", { value: "all" }, `\u5168\u90E8\u6765\u6E90 \xB7 ${rows.length}`), (0, import_react4.createElement)("option", { value: "bundled" }, "\u5185\u7F6E"), (0, import_react4.createElement)("option", { value: "project" }, "\u9879\u76EE"), (0, import_react4.createElement)("option", { value: "user" }, "\u4E2A\u4EBA")), (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", onClick: () => refresh((n) => n + 1), disabled: loading }, "\u5237\u65B0")),
-    notice ? (0, import_react4.createElement)("div", { className: "te-success", role: "status" }, notice) : null,
+    } }, `\u65B0\u5EFA${noun}`), (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "primary", onClick: choose }, `\u5B89\u88C5${noun}`))),
+    (0, import_react5.createElement)("div", { className: "te-toolbar" }, (0, import_react5.createElement)("input", { className: "te-input", placeholder: `\u641C\u7D22${noun}\u540D\u79F0${kind === "skill" ? "\u6216\u63CF\u8FF0" : ""}`, value: query, onChange: (e) => setQuery(e.target.value) }), (0, import_react5.createElement)("select", { className: "te-input", "aria-label": "\u7B5B\u9009\u6765\u6E90", value: filter, onChange: (e) => setFilter(e.target.value) }, (0, import_react5.createElement)("option", { value: "all" }, `\u5168\u90E8\u6765\u6E90 \xB7 ${rows.length}`), (0, import_react5.createElement)("option", { value: "bundled" }, "\u5185\u7F6E"), (0, import_react5.createElement)("option", { value: "project" }, "\u9879\u76EE"), (0, import_react5.createElement)("option", { value: "user" }, "\u4E2A\u4EBA")), (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "ghost", onClick: () => refresh((n) => n + 1), disabled: loading }, "\u5237\u65B0")),
+    notice ? (0, import_react5.createElement)("div", { className: "te-success", role: "status" }, notice) : null,
     !importing && !editing && !deleting ? status() : null,
-    loading ? (0, import_react4.createElement)("div", { className: "te-empty", role: "status" }, "\u6B63\u5728\u52A0\u8F7D\u2026") : visible.length === 0 ? (0, import_react4.createElement)("div", { className: "te-empty" }, (0, import_react4.createElement)("h3", null, query || filter !== "all" ? "\u6CA1\u6709\u5339\u914D\u7684\u7ED3\u679C" : `\u8FD8\u6CA1\u6709${noun}`), (0, import_react4.createElement)("p", null, "\u8C03\u6574\u7B5B\u9009\uFF0C\u6216\u4F7F\u7528\u53F3\u4E0A\u89D2\u6309\u94AE\u6DFB\u52A0\u3002")) : (0, import_react4.createElement)("div", { className: "te-resource-grid" }, ...visible.map((row) => (0, import_react4.createElement)(
+    loading ? (0, import_react5.createElement)("div", { className: "te-empty", role: "status" }, "\u6B63\u5728\u52A0\u8F7D\u2026") : visible.length === 0 ? (0, import_react5.createElement)("div", { className: "te-empty" }, (0, import_react5.createElement)("h3", null, query || filter !== "all" ? "\u6CA1\u6709\u5339\u914D\u7684\u7ED3\u679C" : `\u8FD8\u6CA1\u6709${noun}`), (0, import_react5.createElement)("p", null, "\u8C03\u6574\u7B5B\u9009\uFF0C\u6216\u4F7F\u7528\u53F3\u4E0A\u89D2\u6309\u94AE\u6DFB\u52A0\u3002")) : (0, import_react5.createElement)("div", { className: "te-resource-grid" }, ...visible.map((row) => (0, import_react5.createElement)(
       "article",
       { className: "te-resource-card", key: row.source + "/" + row.name },
-      (0, import_react4.createElement)("div", { className: "te-card-top" }, (0, import_react4.createElement)("span", { className: "te-resource-icon", "aria-hidden": true }, kind === "skill" ? "\u25C7" : "\u2261"), (0, import_react4.createElement)("span", { className: "te-badge" }, sourceText2(row.source))),
-      (0, import_react4.createElement)("h3", null, row.name),
-      (0, import_react4.createElement)("p", null, row.description || "\u9879\u76EE\u7EA6\u5B9A\u4E0E\u6267\u884C\u89C4\u5219"),
-      (0, import_react4.createElement)("div", { className: "te-actions" }, (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", size: "sm", onClick: () => {
+      (0, import_react5.createElement)("div", { className: "te-card-top" }, (0, import_react5.createElement)("span", { className: "te-resource-icon", "aria-hidden": true }, kind === "skill" ? "\u25C7" : "\u2261"), (0, import_react5.createElement)("span", { className: "te-badge" }, sourceText2(row.source))),
+      (0, import_react5.createElement)("h3", null, row.name),
+      (0, import_react5.createElement)("p", null, row.description || "\u9879\u76EE\u7EA6\u5B9A\u4E0E\u6267\u884C\u89C4\u5219"),
+      (0, import_react5.createElement)("div", { className: "te-actions" }, kind === "skill" && onConfigureSkill ? (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "primary", size: "sm", onClick: () => onConfigureSkill({ source: levelOf(row), name: row.name }) }, "\u914D\u7F6E\u89C4\u5219") : null, (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "outline", size: "sm", onClick: () => {
         void edit(row, true);
-      } }, "\u67E5\u770B"), levelOf(row) !== "bundled" ? (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", size: "sm", onClick: () => {
+      } }, "\u67E5\u770B"), levelOf(row) === "bundled" ? (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "ghost", size: "sm", disabled: busy, onClick: () => {
+        void copyTemplate(row);
+      } }, "\u4EE5\u6B64\u4E3A\u6A21\u677F\u65B0\u5EFA") : (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "ghost", size: "sm", onClick: () => {
         void edit(row);
-      } }, "\u7F16\u8F91") : null, levelOf(row) !== "bundled" ? (0, import_react4.createElement)("button", { className: "te-delete", onClick: () => {
+      } }, "\u7F16\u8F91"), levelOf(row) !== "bundled" ? (0, import_react5.createElement)("button", { className: "te-delete", onClick: () => {
         setDeleting(row);
         setError("");
       } }, "\u5220\u9664") : null)
     ))),
-    kind === "skill" ? (0, import_react4.createElement)("button", { className: "te-link", onClick: () => {
+    kind === "skill" ? (0, import_react5.createElement)("button", { className: "te-link", onClick: () => {
       setImporting(true);
       setManual(true);
       setError("");
     } }, "\u9AD8\u7EA7\uFF1A\u4ECE Harness \u4E3B\u673A\u8DEF\u5F84\u5B89\u88C5") : null,
-    importing ? (0, import_react4.createElement)(
+    importing ? (0, import_react5.createElement)(
       ResourceModal,
-      { title: `\u5B89\u88C5${noun}`, description: "\u5148\u68C0\u67E5\u5185\u5BB9\u548C\u5B89\u88C5\u4F4D\u7F6E\uFF0C\u786E\u8BA4\u540E\u624D\u4F1A\u5199\u5165\u3002", onClose: close, footer: (0, import_react4.createElement)("div", { className: "te-actions" }, (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", disabled: busy, onClick: close }, "\u53D6\u6D88"), (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "primary", disabled: busy || !preview || preview.conflict, onClick: () => {
+      { title: `\u5B89\u88C5${noun}`, description: "\u5148\u68C0\u67E5\u5185\u5BB9\u548C\u5B89\u88C5\u4F4D\u7F6E\uFF0C\u786E\u8BA4\u540E\u624D\u4F1A\u5199\u5165\u3002", onClose: close, footer: (0, import_react5.createElement)("div", { className: "te-actions" }, (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "ghost", disabled: busy, onClick: close }, "\u53D6\u6D88"), (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "primary", disabled: busy || !preview || preview.conflict, onClick: () => {
         void install();
       } }, busy ? "\u5904\u7406\u4E2D\u2026" : "\u786E\u8BA4\u5B89\u88C5")) },
       targets(),
-      (0, import_react4.createElement)("div", { className: "te-actions" }, (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", disabled: busy, onClick: choose }, "\u91CD\u65B0\u9009\u62E9"), kind === "skill" ? (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", disabled: busy, onClick: () => setManual(!manual) }, manual ? "\u6536\u8D77\u9AD8\u7EA7\u65B9\u5F0F" : "\u4E3B\u673A\u8DEF\u5F84") : null),
-      manual ? (0, import_react4.createElement)("div", { className: "te-advanced" }, (0, import_react4.createElement)("p", null, "\u6B64\u8DEF\u5F84\u4F4D\u4E8E Harness \u4E3B\u673A\uFF1B\u6D4F\u89C8\u5668\u9009\u62E9\u5668\u8BFB\u53D6\u7684\u662F\u4F60\u5F53\u524D\u7535\u8111\u3002"), (0, import_react4.createElement)("div", { className: "te-toolbar" }, (0, import_react4.createElement)("input", { className: "te-input", "aria-label": "\u4E3B\u673A\u6280\u80FD\u76EE\u5F55", value: sourceDir, onChange: (e) => {
+      (0, import_react5.createElement)("div", { className: "te-actions" }, (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "outline", disabled: busy, onClick: choose }, "\u91CD\u65B0\u9009\u62E9"), kind === "skill" ? (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "ghost", disabled: busy, onClick: () => setManual(!manual) }, manual ? "\u6536\u8D77\u9AD8\u7EA7\u65B9\u5F0F" : "\u4E3B\u673A\u8DEF\u5F84") : null),
+      manual ? (0, import_react5.createElement)("div", { className: "te-advanced" }, (0, import_react5.createElement)("p", null, "\u6B64\u8DEF\u5F84\u4F4D\u4E8E Harness \u4E3B\u673A\uFF1B\u6D4F\u89C8\u5668\u9009\u62E9\u5668\u8BFB\u53D6\u7684\u662F\u4F60\u5F53\u524D\u7535\u8111\u3002"), (0, import_react5.createElement)("div", { className: "te-toolbar" }, (0, import_react5.createElement)("input", { className: "te-input", "aria-label": "\u4E3B\u673A\u6280\u80FD\u76EE\u5F55", value: sourceDir, onChange: (e) => {
         setSourceDir(e.target.value);
         setRequest(null);
-      } }), (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", onClick: () => {
+      } }), (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "outline", onClick: () => {
         void browse(sourceDir);
-      } }, "\u6D4F\u89C8"), (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", disabled: busy || !sourceDir.trim(), onClick: () => setRequest({ kind, level, path: workspace, files: [], sourceDir }) }, "\u9884\u89C8\u76EE\u5F55")), (0, import_react4.createElement)("div", { className: "te-dir-list" }, browsePath ? (0, import_react4.createElement)("button", { onClick: () => {
+      } }, "\u6D4F\u89C8"), (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "outline", disabled: busy || !sourceDir.trim(), onClick: () => setRequest({ kind, level, path: workspace, files: [], sourceDir }) }, "\u9884\u89C8\u76EE\u5F55")), (0, import_react5.createElement)("div", { className: "te-dir-list" }, browsePath ? (0, import_react5.createElement)("button", { onClick: () => {
         void browse(browsePath.replace(/[\\/][^\\/]+[\\/]?$/u, "") || "/");
-      } }, "\u2191 \u4E0A\u7EA7\u76EE\u5F55") : null, ...dirs.map((d) => (0, import_react4.createElement)("button", { key: d.name, onClick: () => {
+      } }, "\u2191 \u4E0A\u7EA7\u76EE\u5F55") : null, ...dirs.map((d) => (0, import_react5.createElement)("button", { key: d.name, onClick: () => {
         setRequest(null);
         void browse(browsePath.replace(/[\\/]+$/u, "") + "/" + d.name);
       } }, d.name + (d.hasSkill ? " \xB7 SKILL.md" : ""))))) : null,
-      busy ? (0, import_react4.createElement)("p", { role: "status" }, "\u6B63\u5728\u6821\u9A8C\u6587\u4EF6\uFF0C\u8BF7\u7A0D\u5019\u2026") : null,
+      busy ? (0, import_react5.createElement)("p", { role: "status" }, "\u6B63\u5728\u6821\u9A8C\u6587\u4EF6\uFF0C\u8BF7\u7A0D\u5019\u2026") : null,
       status(),
-      preview ? (0, import_react4.createElement)("div", { className: "te-preview" }, (0, import_react4.createElement)("h3", null, preview.name), (0, import_react4.createElement)("p", null, preview.description), (0, import_react4.createElement)("div", { className: "te-actions" }, (0, import_react4.createElement)("span", { className: "te-badge" }, `${preview.files} \u4E2A\u6587\u4EF6`), (0, import_react4.createElement)("span", { className: "te-badge" }, sizeText(preview.bytes))), (0, import_react4.createElement)("code", { className: "te-path" }, preview.target), preview.conflict ? (0, import_react4.createElement)("div", { className: "te-alert", role: "alert" }, "\u5DF2\u6709\u540C\u540D\u8D44\u6E90\u3002\u8BF7\u53D6\u6D88\u5E76\u68C0\u67E5\u73B0\u6709\u5185\u5BB9\uFF0C\u5B89\u88C5\u4E0D\u4F1A\u8986\u76D6\u5B83\u3002") : null, (0, import_react4.createElement)("div", { className: "te-markdown" }, (0, import_react4.createElement)(import_dsh_client_ui_primitives4.MarkdownText, { text: preview.content, labels }))) : null
+      preview ? (0, import_react5.createElement)("div", { className: "te-preview" }, (0, import_react5.createElement)("h3", null, preview.name), (0, import_react5.createElement)("p", null, preview.description), (0, import_react5.createElement)("div", { className: "te-actions" }, (0, import_react5.createElement)("span", { className: "te-badge" }, `${preview.files} \u4E2A\u6587\u4EF6`), (0, import_react5.createElement)("span", { className: "te-badge" }, sizeText(preview.bytes))), (0, import_react5.createElement)("code", { className: "te-path" }, preview.target), preview.conflict ? (0, import_react5.createElement)("div", { className: "te-alert", role: "alert" }, "\u5DF2\u6709\u540C\u540D\u8D44\u6E90\u3002\u8BF7\u53D6\u6D88\u5E76\u68C0\u67E5\u73B0\u6709\u5185\u5BB9\uFF0C\u5B89\u88C5\u4E0D\u4F1A\u8986\u76D6\u5B83\u3002") : null, (0, import_react5.createElement)("div", { className: "te-markdown" }, (0, import_react5.createElement)(import_dsh_client_ui_primitives5.MarkdownText, { text: preview.content, labels }))) : null
     ) : null,
-    editing ? (0, import_react4.createElement)(
+    editing ? (0, import_react5.createElement)(
       ResourceModal,
-      { title: editing === "new" ? `\u65B0\u5EFA${noun}` : `${viewing ? "\u67E5\u770B" : "\u7F16\u8F91"}${noun} \xB7 ${name}`, onClose: close, footer: (0, import_react4.createElement)("div", { className: "te-actions" }, (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "ghost", disabled: busy, onClick: close }, "\u5173\u95ED"), !readonly ? (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", disabled: busy, onClick: () => setViewing(!viewing) }, viewing ? "\u7F16\u8F91\u5185\u5BB9" : "\u9884\u89C8") : null, !readonly ? (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "primary", disabled: busy || !name.trim() || !body2.trim() || kind === "skill" && !description.trim(), onClick: () => {
+      { title: editing === "new" ? `\u65B0\u5EFA${noun}` : `${viewing ? "\u67E5\u770B" : "\u7F16\u8F91"}${noun} \xB7 ${name}`, onClose: close, footer: (0, import_react5.createElement)("div", { className: "te-actions" }, (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "ghost", disabled: busy, onClick: close }, "\u5173\u95ED"), readonly ? (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "outline", disabled: busy, onClick: () => {
+        void copyTemplate(editing);
+      } }, "\u4EE5\u6B64\u4E3A\u6A21\u677F\u65B0\u5EFA") : null, !readonly ? (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "outline", disabled: busy, onClick: () => setViewing(!viewing) }, viewing ? "\u7F16\u8F91\u5185\u5BB9" : "\u9884\u89C8") : null, !readonly ? (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "primary", disabled: busy || !name.trim() || !body2.trim() || kind === "skill" && !description.trim(), onClick: () => {
         void save2();
       } }, busy ? "\u5904\u7406\u4E2D\u2026" : "\u4FDD\u5B58") : null) },
-      !readonly ? targets() : (0, import_react4.createElement)("p", { className: "te-badge" }, "\u5185\u7F6E\u8D44\u6E90 \xB7 \u53EA\u8BFB"),
+      !readonly ? targets() : (0, import_react5.createElement)("p", { className: "te-badge" }, "\u5185\u7F6E\u6837\u672C \xB7 \u53EA\u8BFB"),
+      templateSource ? (0, import_react5.createElement)("p", null, `\u4EE5\u300C${templateSource.name}\u300D\u4E3A\u6A21\u677F\u590D\u5236\u6B63\u6587\u3002\u65B0\u8D44\u6E90\u7684\u5B8C\u6210\u51ED\u8BC1\u3001\u89C4\u5219\u548C\u9636\u6BB5\u7ED1\u5B9A\u9700\u5355\u72EC\u914D\u7F6E\uFF0C\u4FDD\u5B58\u672C\u8EAB\u4E0D\u4F1A\u542F\u7528\u5B83\u3002`) : null,
       status(),
-      viewing ? (0, import_react4.createElement)("div", { className: "te-markdown" }, (0, import_react4.createElement)(import_dsh_client_ui_primitives4.MarkdownText, { text: body2, labels })) : (0, import_react4.createElement)("div", { className: "te-form" }, (0, import_react4.createElement)("label", null, "\u540D\u79F0", (0, import_react4.createElement)("input", { className: "te-input", value: name, disabled: editing !== "new" || busy, onChange: (e) => setName(e.target.value), placeholder: "\u5C0F\u5199\u5B57\u6BCD\u3001\u6570\u5B57\u548C\u8FDE\u5B57\u7B26" })), kind === "skill" ? (0, import_react4.createElement)("label", null, "\u63CF\u8FF0", (0, import_react4.createElement)("input", { className: "te-input", value: description, disabled: busy, onChange: (e) => setDescription(e.target.value) })) : null, kind === "skill" ? (0, import_react4.createElement)("label", null, "\u4F7F\u7528\u65F6\u673A\uFF08\u53EF\u9009\uFF09", (0, import_react4.createElement)("input", { className: "te-input", value: whenToUse, disabled: busy, onChange: (e) => setWhenToUse(e.target.value) })) : null, (0, import_react4.createElement)("label", null, "Markdown \u6B63\u6587", (0, import_react4.createElement)("textarea", { className: "te-input te-editor", value: body2, disabled: busy, onChange: (e) => setBody(e.target.value) })))
+      viewing ? (0, import_react5.createElement)("div", { className: "te-markdown" }, (0, import_react5.createElement)(import_dsh_client_ui_primitives5.MarkdownText, { text: body2, labels })) : (0, import_react5.createElement)("div", { className: "te-form" }, (0, import_react5.createElement)("label", null, "\u540D\u79F0", (0, import_react5.createElement)("input", { className: "te-input", value: name, disabled: editing !== "new" || busy, onChange: (e) => setName(e.target.value), placeholder: "\u5C0F\u5199\u5B57\u6BCD\u3001\u6570\u5B57\u548C\u8FDE\u5B57\u7B26" })), kind === "skill" ? (0, import_react5.createElement)("label", null, "\u63CF\u8FF0", (0, import_react5.createElement)("input", { className: "te-input", value: description, disabled: busy, onChange: (e) => setDescription(e.target.value) })) : null, kind === "skill" ? (0, import_react5.createElement)("label", null, "\u4F7F\u7528\u65F6\u673A\uFF08\u53EF\u9009\uFF09", (0, import_react5.createElement)("input", { className: "te-input", value: whenToUse, disabled: busy, onChange: (e) => setWhenToUse(e.target.value) })) : null, (0, import_react5.createElement)("label", null, "Markdown \u6B63\u6587", (0, import_react5.createElement)("textarea", { className: "te-input te-editor", value: body2, disabled: busy, onChange: (e) => setBody(e.target.value) })))
     ) : null,
-    deleting ? (0, import_react4.createElement)(ResourceModal, { title: `\u5220\u9664${noun}\u300C${deleting.name}\u300D\uFF1F`, description: levelOf(deleting) === "user" ? "\u8FD9\u662F\u4E2A\u4EBA\u5168\u5C40\u8D44\u6E90\uFF0C\u5220\u9664\u4F1A\u5F71\u54CD\u6B64\u4E3B\u673A\u4E0A\u7684\u6240\u6709\u9879\u76EE\u3002" : "\u5220\u9664\u5C06\u5F71\u54CD\u5F53\u524D\u9879\u76EE\u3002", onClose: close, footer: (0, import_react4.createElement)("div", { className: "te-actions" }, (0, import_react4.createElement)(import_dsh_client_ui_primitives4.Button, { variant: "outline", disabled: busy, onClick: close }, "\u4FDD\u7559"), (0, import_react4.createElement)("button", { className: "te-danger-button", disabled: busy, onClick: () => {
+    deleting ? (0, import_react5.createElement)(ResourceModal, { title: `\u5220\u9664${noun}\u300C${deleting.name}\u300D\uFF1F`, description: levelOf(deleting) === "user" ? "\u8FD9\u662F\u4E2A\u4EBA\u5168\u5C40\u8D44\u6E90\uFF0C\u5220\u9664\u4F1A\u5F71\u54CD\u6B64\u4E3B\u673A\u4E0A\u7684\u6240\u6709\u9879\u76EE\u3002" : "\u5220\u9664\u5C06\u5F71\u54CD\u5F53\u524D\u9879\u76EE\u3002", onClose: close, footer: (0, import_react5.createElement)("div", { className: "te-actions" }, (0, import_react5.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "outline", disabled: busy, onClick: close }, "\u4FDD\u7559"), (0, import_react5.createElement)("button", { className: "te-danger-button", disabled: busy, onClick: () => {
       void remove();
-    } }, busy ? "\u5220\u9664\u4E2D\u2026" : "\u786E\u8BA4\u6C38\u4E45\u5220\u9664")) }, (0, import_react4.createElement)("code", { className: "te-path" }, `${roots?.[levelOf(deleting) === "user" ? "user" : "project"] ?? "\u8D44\u6E90\u76EE\u5F55"}/${deleting.name}${kind === "rule" ? ".md" : ""}`), (0, import_react4.createElement)("p", null, "\u6B64\u64CD\u4F5C\u4E0D\u4F1A\u8FDB\u5165\u56DE\u6536\u7AD9\uFF0C\u8BF7\u786E\u8BA4\u5DF2\u6709\u5907\u4EFD\u3002"), status()) : null
+    } }, busy ? "\u5220\u9664\u4E2D\u2026" : "\u786E\u8BA4\u6C38\u4E45\u5220\u9664")) }, (0, import_react5.createElement)("code", { className: "te-path" }, `${roots?.[levelOf(deleting) === "user" ? "user" : "project"] ?? "\u8D44\u6E90\u76EE\u5F55"}/${deleting.name}${kind === "rule" ? ".md" : ""}`), (0, import_react5.createElement)("p", null, "\u6B64\u64CD\u4F5C\u4E0D\u4F1A\u8FDB\u5165\u56DE\u6536\u7AD9\uFF0C\u8BF7\u786E\u8BA4\u5DF2\u6709\u5907\u4EFD\u3002"), status()) : null
   );
 }
 
 // src/client/SkillManager.tsx
-function SkillManager(props) {
-  return (0, import_react5.createElement)(ResourceManager, { ...props, key: props.workspace, kind: "skill" });
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function SkillManager({ workspace, remote }) {
+  const [config, setConfig] = (0, import_react6.useState)(null);
+  const [rules, setRules] = (0, import_react6.useState)([]);
+  const [selected, setSelected] = (0, import_react6.useState)(null);
+  const [message, setMessage] = (0, import_react6.useState)("");
+  (0, import_react6.useEffect)(() => {
+    let active = true;
+    void Promise.all([remote.read(workspace), remote.listRules(workspace)]).then(([saved, availableRules]) => {
+      if (!active) return;
+      if (!saved.ok || !saved.value.ok || !availableRules.ok) {
+        setMessage("\u8BFB\u53D6\u6280\u80FD\u89C4\u5219\u914D\u7F6E\u5931\u8D25\uFF0C\u8BF7\u91CD\u65B0\u6253\u5F00\u6280\u80FD\u9875\u3002");
+        return;
+      }
+      const effective = saved.value.config;
+      setConfig(compactProjectConfig({
+        flow: saved.value.flow,
+        stage_bindings: effective.stage_bindings,
+        skill_profiles: effective.skill_profiles,
+        commit: effective.commit,
+        artifacts: effective.artifacts,
+        review_depth: effective.review_depth,
+        commit_required: effective.commit_required
+      }));
+      setRules(availableRules.value.rules);
+    }).catch(() => {
+      if (active) setMessage("\u8BFB\u53D6\u6280\u80FD\u89C4\u5219\u914D\u7F6E\u5931\u8D25\uFF0C\u8BF7\u91CD\u65B0\u6253\u5F00\u6280\u80FD\u9875\u3002");
+    });
+    return () => {
+      active = false;
+    };
+  }, [remote, workspace]);
+  const saveProfile = async (profile) => {
+    if (!config || !selected) throw new Error("\u914D\u7F6E\u5C1A\u672A\u52A0\u8F7D\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5\u3002");
+    const key = formatResourceRef(selected);
+    const next = { ...config, skill_profiles: { ...config.skill_profiles, [key]: profile } };
+    const result = await remote.write({ path: workspace, ...next });
+    if (!result.ok || !result.value.ok) throw new Error(result.ok ? result.value.problems.join("\uFF1B") : "\u4FDD\u5B58\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002");
+    setConfig(next);
+    setMessage(`\u5DF2\u4FDD\u5B58 ${selected.name} \u7684\u89C4\u5219\u914D\u7F6E\u3002`);
+    setSelected(null);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ResourceManager, { workspace, remote, kind: "skill", onConfigureSkill: config ? (ref) => {
+      setMessage("");
+      setSelected(ref);
+    } : void 0 }),
+    selected === null && message ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { role: "status", className: "te-success", children: message }) : null,
+    selected !== null ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      SkillRuleDialog,
+      {
+        skill: selected,
+        profile: config?.skill_profiles?.[formatResourceRef(selected)],
+        rules,
+        onSave: saveProfile,
+        onClose: () => setSelected(null)
+      },
+      formatResourceRef(selected)
+    ) : null
+  ] });
 }
 
 // src/client/RuleManager.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 function RuleManager(props) {
-  return (0, import_react6.createElement)(ResourceManager, { ...props, key: props.workspace, kind: "rule" });
+  return (0, import_react7.createElement)(ResourceManager, { ...props, key: props.workspace, kind: "rule" });
 }
 
 // src/client/TaskLedger.tsx
-var import_react7 = require("react");
-var import_dsh_client_ui_primitives5 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react8 = require("react");
+var import_dsh_client_ui_primitives6 = require("@deepseek-ai/dsh-client-ui-primitives");
 var card2 = {
   display: "flex",
   flexDirection: "column",
@@ -6199,10 +6498,10 @@ var badge = {
   color: "var(--dsw-alias-label-secondary)"
 };
 function verdictDot(outcome) {
-  return (0, import_react7.createElement)(import_dsh_client_ui_primitives5.StateDot, { state: outcome === "pass" ? "done" : "error" });
+  return (0, import_react8.createElement)(import_dsh_client_ui_primitives6.StateDot, { state: outcome === "pass" ? "done" : "error" });
 }
 function itemStatusDot(status) {
-  return (0, import_react7.createElement)(import_dsh_client_ui_primitives5.StateDot, { state: status === "done" ? "done" : "ongoing" });
+  return (0, import_react8.createElement)(import_dsh_client_ui_primitives6.StateDot, { state: status === "done" ? "done" : "ongoing" });
 }
 function timeText(at) {
   return at.slice(0, 19).replace("T", " ");
@@ -6210,48 +6509,48 @@ function timeText(at) {
 function itemAudit(item) {
   const lines = [];
   if (item.dispatch !== void 0) {
-    lines.push((0, import_react7.createElement)(
+    lines.push((0, import_react8.createElement)(
       "div",
       { key: "dispatch", style: metaLine },
-      (0, import_react7.createElement)("span", { style: badge }, "\u5DF2\u6D3E\u53D1"),
-      (0, import_react7.createElement)("span", null, item.dispatch.description === "" ? "\uFF08\u65E0\u63CF\u8FF0\uFF09" : item.dispatch.description),
-      (0, import_react7.createElement)("span", { style: badge }, timeText(item.dispatch.at))
+      (0, import_react8.createElement)("span", { style: badge }, "\u5DF2\u6D3E\u53D1"),
+      (0, import_react8.createElement)("span", null, item.dispatch.description === "" ? "\uFF08\u65E0\u63CF\u8FF0\uFF09" : item.dispatch.description),
+      (0, import_react8.createElement)("span", { style: badge }, timeText(item.dispatch.at))
     ));
   }
   if (item.review !== void 0) {
     const spec = item.review.spec;
     const quality = item.review.quality;
-    lines.push((0, import_react7.createElement)(
+    lines.push((0, import_react8.createElement)(
       "div",
       { key: "review", style: metaLine },
       verdictDot(spec.outcome),
-      (0, import_react7.createElement)("span", null, `\u89C4\u683C\u7B26\u5408 ${spec.outcome === "pass" ? "\u901A\u8FC7" : "\u4E0D\u901A\u8FC7"}`),
-      (0, import_react7.createElement)("span", null, "\xB7"),
+      (0, import_react8.createElement)("span", null, `\u89C4\u683C\u7B26\u5408 ${spec.outcome === "pass" ? "\u901A\u8FC7" : "\u4E0D\u901A\u8FC7"}`),
+      (0, import_react8.createElement)("span", null, "\xB7"),
       verdictDot(quality.outcome),
-      (0, import_react7.createElement)("span", null, `\u4EE3\u7801\u8D28\u91CF ${quality.outcome === "pass" ? "\u901A\u8FC7" : "\u4E0D\u901A\u8FC7"}`)
+      (0, import_react8.createElement)("span", null, `\u4EE3\u7801\u8D28\u91CF ${quality.outcome === "pass" ? "\u901A\u8FC7" : "\u4E0D\u901A\u8FC7"}`)
     ));
     const failNotes = [spec, quality].flatMap((stage) => stage.outcome === "fail" ? stage.notes ?? [] : []);
     if (failNotes.length > 0) {
-      lines.push((0, import_react7.createElement)(
+      lines.push((0, import_react8.createElement)(
         "div",
         { key: "notes", style: metaLine },
-        ...failNotes.map((note) => (0, import_react7.createElement)("span", { key: note, style: badge }, note))
+        ...failNotes.map((note) => (0, import_react8.createElement)("span", { key: note, style: badge }, note))
       ));
     }
   }
   if (lines.length === 0) {
-    lines.push((0, import_react7.createElement)("div", { key: "none", style: metaLine }, (0, import_react7.createElement)("span", { style: badge }, "\u672A\u6D3E\u53D1 / \u672A\u5BA1\u67E5")));
+    lines.push((0, import_react8.createElement)("div", { key: "none", style: metaLine }, (0, import_react8.createElement)("span", { style: badge }, "\u672A\u6D3E\u53D1 / \u672A\u5BA1\u67E5")));
   }
-  return (0, import_react7.createElement)("div", { style: { display: "flex", flexDirection: "column", gap: 4 } }, ...lines);
+  return (0, import_react8.createElement)("div", { style: { display: "flex", flexDirection: "column", gap: 4 } }, ...lines);
 }
 function TaskLedger({ workspace, remote }) {
-  const [tasks, setTasks] = (0, import_react7.useState)([]);
-  const [error, setError] = (0, import_react7.useState)("");
-  const [loading, setLoading] = (0, import_react7.useState)(true);
-  const [query, setQuery] = (0, import_react7.useState)("");
-  const [risk, setRisk] = (0, import_react7.useState)("all");
-  const [stage, setStage] = (0, import_react7.useState)("all");
-  const refresh = (0, import_react7.useCallback)(() => {
+  const [tasks, setTasks] = (0, import_react8.useState)([]);
+  const [error, setError] = (0, import_react8.useState)("");
+  const [loading, setLoading] = (0, import_react8.useState)(true);
+  const [query, setQuery] = (0, import_react8.useState)("");
+  const [risk, setRisk] = (0, import_react8.useState)("all");
+  const [stage, setStage] = (0, import_react8.useState)("all");
+  const refresh = (0, import_react8.useCallback)(() => {
     if (workspace === "") return;
     setError("");
     setLoading(true);
@@ -6264,57 +6563,57 @@ function TaskLedger({ workspace, remote }) {
       setError("\u8BFB\u53D6\u53F0\u8D26\u5931\u8D25\uFF1A" + describeError(reason));
     });
   }, [remote, workspace]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     refresh();
   }, [refresh]);
   const visible = tasks.filter((task) => `${task.task_id} ${task.title} ${task.branch}`.toLowerCase().includes(query.toLowerCase()) && (risk === "all" || task.risk_level === risk) && (stage === "all" || task.stage === stage));
-  return (0, import_react7.createElement)(
+  return (0, import_react8.createElement)(
     "div",
     { style: styles.section },
-    (0, import_react7.createElement)(
+    (0, import_react8.createElement)(
       "div",
       { className: "te-toolbar" },
-      (0, import_react7.createElement)("input", { className: "te-input", placeholder: "\u641C\u7D22\u4EFB\u52A1\u3001\u6807\u9898\u6216\u5206\u652F", value: query, onChange: (e) => setQuery(e.target.value) }),
-      (0, import_react7.createElement)("select", { className: "te-input", "aria-label": "\u98CE\u9669\u7B5B\u9009", value: risk, onChange: (e) => setRisk(e.target.value) }, (0, import_react7.createElement)("option", { value: "all" }, "\u5168\u90E8\u98CE\u9669"), (0, import_react7.createElement)("option", { value: "standard" }, "\u6807\u51C6"), (0, import_react7.createElement)("option", { value: "high_risk" }, "\u9AD8\u98CE\u9669")),
-      (0, import_react7.createElement)("select", { className: "te-input", "aria-label": "\u9636\u6BB5\u7B5B\u9009", value: stage, onChange: (e) => setStage(e.target.value) }, (0, import_react7.createElement)("option", { value: "all" }, "\u5168\u90E8\u9636\u6BB5"), ...Array.from(new Set(tasks.map((t) => t.stage))).map((value) => (0, import_react7.createElement)("option", { key: value, value }, value)))
+      (0, import_react8.createElement)("input", { className: "te-input", placeholder: "\u641C\u7D22\u4EFB\u52A1\u3001\u6807\u9898\u6216\u5206\u652F", value: query, onChange: (e) => setQuery(e.target.value) }),
+      (0, import_react8.createElement)("select", { className: "te-input", "aria-label": "\u98CE\u9669\u7B5B\u9009", value: risk, onChange: (e) => setRisk(e.target.value) }, (0, import_react8.createElement)("option", { value: "all" }, "\u5168\u90E8\u98CE\u9669"), (0, import_react8.createElement)("option", { value: "standard" }, "\u6807\u51C6"), (0, import_react8.createElement)("option", { value: "high_risk" }, "\u9AD8\u98CE\u9669")),
+      (0, import_react8.createElement)("select", { className: "te-input", "aria-label": "\u9636\u6BB5\u7B5B\u9009", value: stage, onChange: (e) => setStage(e.target.value) }, (0, import_react8.createElement)("option", { value: "all" }, "\u5168\u90E8\u9636\u6BB5"), ...Array.from(new Set(tasks.map((t) => t.stage))).map((value) => (0, import_react8.createElement)("option", { key: value, value }, value)))
     ),
-    (0, import_react7.createElement)(
+    (0, import_react8.createElement)(
       "div",
       { style: headerRow },
-      (0, import_react7.createElement)("span", { style: styles.bindingLabel }, "\u4EFB\u52A1\u53F0\u8D26"),
-      (0, import_react7.createElement)("span", { style: styles.sourceBadge }, "\u53EA\u8BFB \xB7 \u6765\u81EA .dsh/task-*.json"),
-      (0, import_react7.createElement)(import_dsh_client_ui_primitives5.Button, { variant: "outline", size: "sm", disabled: loading, onClick: refresh }, loading ? "\u8BFB\u53D6\u4E2D\u2026" : "\u5237\u65B0")
+      (0, import_react8.createElement)("span", { style: styles.bindingLabel }, "\u4EFB\u52A1\u53F0\u8D26"),
+      (0, import_react8.createElement)("span", { style: styles.sourceBadge }, "\u53EA\u8BFB \xB7 \u6765\u81EA .dsh/task-*.json"),
+      (0, import_react8.createElement)(import_dsh_client_ui_primitives6.Button, { variant: "outline", size: "sm", disabled: loading, onClick: refresh }, loading ? "\u8BFB\u53D6\u4E2D\u2026" : "\u5237\u65B0")
     ),
-    loading ? (0, import_react7.createElement)("p", { role: "status" }, "\u6B63\u5728\u8BFB\u53D6\u4EFB\u52A1\u2026") : error !== "" ? (0, import_react7.createElement)("p", { style: styles.status }, error) : tasks.length === 0 ? (0, import_react7.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") : visible.length === 0 ? (0, import_react7.createElement)("div", { className: "te-empty" }, "\u6CA1\u6709\u5339\u914D\u7684\u4EFB\u52A1\uFF0C\u8BF7\u8C03\u6574\u7B5B\u9009\u3002") : (0, import_react7.createElement)(
+    loading ? (0, import_react8.createElement)("p", { role: "status" }, "\u6B63\u5728\u8BFB\u53D6\u4EFB\u52A1\u2026") : error !== "" ? (0, import_react8.createElement)("p", { style: styles.status }, error) : tasks.length === 0 ? (0, import_react8.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") : visible.length === 0 ? (0, import_react8.createElement)("div", { className: "te-empty" }, "\u6CA1\u6709\u5339\u914D\u7684\u4EFB\u52A1\uFF0C\u8BF7\u8C03\u6574\u7B5B\u9009\u3002") : (0, import_react8.createElement)(
       "div",
       { style: { display: "flex", flexDirection: "column", gap: 12 } },
-      ...visible.map((task) => (0, import_react7.createElement)(
+      ...visible.map((task) => (0, import_react8.createElement)(
         "div",
         { key: task.task_id, style: card2 },
-        (0, import_react7.createElement)(
+        (0, import_react8.createElement)(
           "div",
           { style: headerRow },
-          (0, import_react7.createElement)("span", { style: { fontSize: 14, fontWeight: 600, color: "var(--dsw-alias-label-primary)" } }, task.task_id),
-          (0, import_react7.createElement)("span", { style: { fontSize: 13, color: "var(--dsw-alias-label-primary)" } }, task.title),
-          (0, import_react7.createElement)("span", { style: badge }, task.stage),
-          (0, import_react7.createElement)("span", { style: badge }, task.branch),
-          (0, import_react7.createElement)("span", { className: "te-badge", style: task.risk_level === "high_risk" ? { color: "var(--dsw-alias-state-error-primary)" } : {} }, task.risk_level === "high_risk" ? "\u9AD8\u98CE\u9669" : "\u6807\u51C6"),
-          (0, import_react7.createElement)("span", { className: "te-badge" }, task.verification_passed ? "\u9A8C\u8BC1\u901A\u8FC7" : "\u5F85\u9A8C\u8BC1"),
-          (0, import_react7.createElement)("span", { className: "te-badge" }, `\u5BA1\u6838\uFF1A${task.review_outcome ?? "pending"}`),
-          task.updated_at ? (0, import_react7.createElement)("span", { style: metaLine }, "\u66F4\u65B0\u4E8E " + timeText(task.updated_at)) : null
+          (0, import_react8.createElement)("span", { style: { fontSize: 14, fontWeight: 600, color: "var(--dsw-alias-label-primary)" } }, task.task_id),
+          (0, import_react8.createElement)("span", { style: { fontSize: 13, color: "var(--dsw-alias-label-primary)" } }, task.title),
+          (0, import_react8.createElement)("span", { style: badge }, task.stage),
+          (0, import_react8.createElement)("span", { style: badge }, task.branch),
+          (0, import_react8.createElement)("span", { className: "te-badge", style: task.risk_level === "high_risk" ? { color: "var(--dsw-alias-state-error-primary)" } : {} }, task.risk_level === "high_risk" ? "\u9AD8\u98CE\u9669" : "\u6807\u51C6"),
+          (0, import_react8.createElement)("span", { className: "te-badge" }, task.verification_passed ? "\u9A8C\u8BC1\u901A\u8FC7" : "\u5F85\u9A8C\u8BC1"),
+          (0, import_react8.createElement)("span", { className: "te-badge" }, `\u5BA1\u6838\uFF1A${task.review_outcome ?? "pending"}`),
+          task.updated_at ? (0, import_react8.createElement)("span", { style: metaLine }, "\u66F4\u65B0\u4E8E " + timeText(task.updated_at)) : null
         ),
-        (0, import_react7.createElement)(
+        (0, import_react8.createElement)(
           "div",
           { style: { display: "flex", flexDirection: "column" } },
-          ...task.items.map((item) => (0, import_react7.createElement)(
+          ...task.items.map((item) => (0, import_react8.createElement)(
             "div",
             { key: item.id, style: itemRow },
-            (0, import_react7.createElement)(
+            (0, import_react8.createElement)(
               "div",
               { style: headerRow },
               itemStatusDot(item.status),
-              (0, import_react7.createElement)("span", { style: { fontSize: 13, color: "var(--dsw-alias-label-primary)" } }, item.id),
-              (0, import_react7.createElement)("span", { style: { fontSize: 12, color: "var(--dsw-alias-label-secondary)" } }, item.title)
+              (0, import_react8.createElement)("span", { style: { fontSize: 13, color: "var(--dsw-alias-label-primary)" } }, item.id),
+              (0, import_react8.createElement)("span", { style: { fontSize: 12, color: "var(--dsw-alias-label-secondary)" } }, item.title)
             ),
             itemAudit(item)
           ))
@@ -6355,7 +6654,7 @@ var tabbar = {
 var body = {
   flex: 1,
   overflowY: "auto",
-  padding: "24px clamp(12px, 3vw, 32px)"
+  padding: "16px clamp(12px, 2vw, 28px)"
 };
 var selectStyle = {
   marginLeft: "auto",
@@ -6388,29 +6687,29 @@ var TABS = [
 function Workbench({ useStore, actions, useWorkspaces, remote }) {
   const open = useStore((s) => s.open);
   const workspaces = useWorkspaces((s) => s.items);
-  const [tab, setTab] = (0, import_react8.useState)("init");
-  const [workspace, setWorkspace] = (0, import_react8.useState)("");
+  const [tab, setTab] = (0, import_react9.useState)("init");
+  const [workspace, setWorkspace] = (0, import_react9.useState)("");
   if (!open) return null;
   const current = workspaces.some((w) => w.path === workspace) ? workspace : workspaces[0]?.path ?? "";
-  return (0, import_react8.createElement)(
+  return (0, import_react9.createElement)(
     "div",
     { style: overlay, className: "te-workbench" },
-    (0, import_react8.createElement)("style", null, workbenchTheme),
-    (0, import_react8.createElement)(
+    (0, import_react9.createElement)("style", null, workbenchTheme),
+    (0, import_react9.createElement)(
       "div",
       { style: header },
-      (0, import_react8.createElement)(
+      (0, import_react9.createElement)(
         "div",
         { style: headerBrand },
-        (0, import_react8.createElement)(import_dsh_client_ui_primitives6.IconSettingsOutline16, { size: 18 }),
-        (0, import_react8.createElement)(
+        (0, import_react9.createElement)(import_dsh_client_ui_primitives7.IconSettingsOutline16, { size: 18 }),
+        (0, import_react9.createElement)(
           "div",
           { style: headerText },
-          (0, import_react8.createElement)("span", { style: headerTitle }, "\u5DE5\u7A0B\u6D41\u7A0B"),
-          (0, import_react8.createElement)("p", { style: headerSub }, "\u5DE5\u7A0B\u5316\u4EA4\u4ED8\u5DE5\u4F5C\u53F0 \xB7 \u9700\u6C42\u8BC4\u5BA1 \u2192 \u8BBE\u8BA1 \u2192 \u5F00\u53D1 \u2192 \u4EA4\u4ED8 \u2192 \u4EE3\u7801\u5BA1\u6838")
+          (0, import_react9.createElement)("span", { style: headerTitle }, "\u5DE5\u7A0B\u6D41\u7A0B"),
+          (0, import_react9.createElement)("p", { style: headerSub }, "\u5DE5\u7A0B\u5316\u4EA4\u4ED8\u5DE5\u4F5C\u53F0 \xB7 \u9700\u6C42\u8BC4\u5BA1 \u2192 \u8BBE\u8BA1 \u2192 \u5F00\u53D1 \u2192 \u4EA4\u4ED8 \u2192 \u4EE3\u7801\u5BA1\u6838")
         )
       ),
-      (0, import_react8.createElement)(
+      (0, import_react9.createElement)(
         "button",
         {
           type: "button",
@@ -6426,44 +6725,44 @@ function Workbench({ useStore, actions, useWorkspaces, remote }) {
             event.currentTarget.style.background = "transparent";
           }
         },
-        (0, import_react8.createElement)(import_dsh_client_ui_primitives6.IconCloseOutline16, { size: 16 })
+        (0, import_react9.createElement)(import_dsh_client_ui_primitives7.IconCloseOutline16, { size: 16 })
       )
     ),
-    (0, import_react8.createElement)(
+    (0, import_react9.createElement)(
       "div",
       { style: tabbar },
-      ...TABS.map((t) => (0, import_react8.createElement)(import_dsh_client_ui_primitives6.Pill, { key: t.id, active: tab === t.id, onClick: () => {
+      ...TABS.map((t) => (0, import_react9.createElement)(import_dsh_client_ui_primitives7.Pill, { key: t.id, active: tab === t.id, onClick: () => {
         setTab(t.id);
       } }, t.label)),
-      workspaces.length > 0 ? (0, import_react8.createElement)("select", {
+      workspaces.length > 0 ? (0, import_react9.createElement)("select", {
         style: selectStyle,
         "aria-label": "\u5F53\u524D\u5DE5\u4F5C\u533A",
         value: current,
         onChange: (ev) => {
           setWorkspace(ev.target.value);
         }
-      }, ...workspaces.map((w) => (0, import_react8.createElement)("option", { key: w.path, value: w.path }, w.title || w.path))) : null
+      }, ...workspaces.map((w) => (0, import_react9.createElement)("option", { key: w.path, value: w.path }, w.title || w.path))) : null
     ),
-    (0, import_react8.createElement)(
+    (0, import_react9.createElement)(
       "div",
       { style: body },
-      (0, import_react8.createElement)(
+      (0, import_react9.createElement)(
         "div",
         { className: "te-content", key: current },
-        (0, import_react8.createElement)("p", { style: { ...styles.hint, marginBottom: 20 }, title: current }, "\u5DE5\u4F5C\u533A \xB7 " + current),
-        current === "" ? (0, import_react8.createElement)("p", { style: styles.muted }, "\u5F53\u524D\u6CA1\u6709\u5DE5\u4F5C\u533A\uFF1A\u8BF7\u5148\u5728\u4FA7\u680F\u521B\u5EFA\u4E00\u4E2A\u5DE5\u4F5C\u533A\uFF0C\u518D\u56DE\u6765\u914D\u7F6E\u6D41\u7A0B\u3002") : tab === "init" ? (0, import_react8.createElement)(InitPanel, { workspace: current, remote }) : tab === "flow" ? (0, import_react8.createElement)(TaskEngineSection, { workspace: current, remote }) : tab === "tasks" ? (0, import_react8.createElement)(TaskLedger, { workspace: current, remote }) : tab === "skills" ? (0, import_react8.createElement)(SkillManager, { workspace: current, remote }) : (0, import_react8.createElement)(RuleManager, { workspace: current, remote })
+        (0, import_react9.createElement)("p", { style: { ...styles.hint, marginBottom: 10 }, title: current }, "\u5DE5\u4F5C\u533A \xB7 " + current),
+        current === "" ? (0, import_react9.createElement)("p", { style: styles.muted }, "\u5F53\u524D\u6CA1\u6709\u5DE5\u4F5C\u533A\uFF1A\u8BF7\u5148\u5728\u4FA7\u680F\u521B\u5EFA\u4E00\u4E2A\u5DE5\u4F5C\u533A\uFF0C\u518D\u56DE\u6765\u914D\u7F6E\u6D41\u7A0B\u3002") : tab === "init" ? (0, import_react9.createElement)(InitPanel, { workspace: current, remote }) : tab === "flow" ? (0, import_react9.createElement)(TaskEngineSection, { workspace: current, remote }) : tab === "tasks" ? (0, import_react9.createElement)(TaskLedger, { workspace: current, remote }) : tab === "skills" ? (0, import_react9.createElement)(SkillManager, { workspace: current, remote }) : (0, import_react9.createElement)(RuleManager, { workspace: current, remote })
       )
     )
   );
 }
 
 // src/client/TriggerButton.tsx
-var import_react9 = require("react");
-var import_dsh_client_ui_primitives7 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react10 = require("react");
+var import_dsh_client_ui_primitives8 = require("@deepseek-ai/dsh-client-ui-primitives");
 var hover = "var(--dsw-alias-bg-layer-2)";
 var label = "var(--dsw-alias-label-primary)";
 function TriggerButton({ wide, actions }) {
-  return (0, import_react9.createElement)(
+  return (0, import_react10.createElement)(
     "button",
     {
       type: "button",
@@ -6503,8 +6802,8 @@ function TriggerButton({ wide, actions }) {
         transition: "background 120ms ease"
       }
     },
-    (0, import_react9.createElement)(import_dsh_client_ui_primitives7.IconSettingsOutline16, { size: wide ? 16 : 18 }),
-    wide ? (0, import_react9.createElement)("span", { style: { fontSize: 14, lineHeight: "22px" } }, "\u5DE5\u7A0B\u6D41\u7A0B") : null
+    (0, import_react10.createElement)(import_dsh_client_ui_primitives8.IconSettingsOutline16, { size: wide ? 16 : 18 }),
+    wide ? (0, import_react10.createElement)("span", { style: { fontSize: 14, lineHeight: "22px" } }, "\u5DE5\u7A0B\u6D41\u7A0B") : null
   );
 }