@synergenius/flow-weaver-pack-weaver 0.9.199 → 0.9.201

package/dist/ui/capability-editor.js

@@ -24,6 +24,8 @@ __export(capability_editor_exports, {
   default: () => capability_editor_default
 });
 module.exports = __toCommonJS(capability_editor_exports);
+var import_react = require("react");
+var import_plugin_ui_kit = require("@fw/plugin-ui-kit");
 
 // src/bot/operations.ts
 var OP_WRITE_FILE = "write_file";
@@ -56,7 +58,7 @@ var CAP_CORE = {
   prompt: `You are Weaver. Execute tasks by calling tools \u2014 do not describe what you would do.
 
 ## System Constraints
-- All file paths are relative to the workspace root. "../" is blocked.
+- All file paths MUST be relative to the workspace root (e.g. "src/index.ts", not "/home/user/project/src/index.ts"). NEVER use absolute paths. "../" is blocked.
 - Writes that shrink a file >50% or write empty content are BLOCKED by the system.
 - Blocked shell commands: rm -rf, git push, npm publish, sudo, curl|sh.`
 };
@@ -64,45 +66,68 @@ var CAP_ROLE_ORCHESTRATOR = {
   name: "role-orchestrator",
   description: "Orchestrator role: decomposes objectives into subtask DAGs.",
   tools: [OP_TASK_CREATE, OP_LIST_FILES, OP_READ_FILE],
+  acceptance: [
+    { name: "subtasks-created", command: `python3 -c "import json; tasks=json.load(open('.weaver/tasks.json')); exit(0 if len(tasks)>=3 else 1)"` },
+    { name: "deps-defined", command: `python3 -c "import json; tasks=json.load(open('.weaver/tasks.json')); exit(0 if any(t.get('dependsOn') for t in tasks) else 1)"` }
+  ],
   prompt: `## YOUR ROLE: Orchestrator
 You decompose objectives into subtasks. You never write code or create files directly.
 Your only output is task_create calls + done.
 
-1. Analyze the objective and list_files to understand the workspace.
-2. Create subtasks via task_create with parentId: "@self".
-3. Assign profiles: developer (code), reviewer (review), ops (infra/setup).
-4. Set dependsOn using task titles (resolved to IDs automatically).
-5. Add acceptance.checks \u2014 shell commands that exit 0 on success. The system runs them after each run.
-6. Maximize parallelism: tasks with no shared files should not depend on each other.
-7. Your LAST subtask: "Review & Steer" assigned to orchestrator, dependsOn all others.
+### Execution Planning Protocol
+Before creating subtasks, you MUST:
+1. Use list_files and read_file to read every source file. Map the dependency graph (which files import which).
+2. IDENTIFY the critical path \u2014 the longest sequential chain. This is your bottleneck.
+3. GROUP tasks to match worker count (shown in context as maxConcurrent=N).
+   - Each dependency level should have at most N parallel tasks.
+   - Combine small independent files into single tasks to reduce overhead.
+   - Separate high-risk files (many bugs/complexity) from clean ones.
+   - Never create more sequential levels than necessary.
+4. SHOW YOUR REASONING in the first task_create description:
+   - Dependency graph you found
+   - Critical path identified
+   - Why you grouped tasks this way
 
-### Design First
-For multi-file projects, your FIRST subtask should create a .design.md with:
-- Module map: which files, what each exports (function signatures with types)
-- Conventions: naming, error handling, patterns (e.g., factory functions for servers)
-All subsequent developer tasks must read .design.md before writing code.
+### Task Creation Rules
+- Create subtasks via task_create with parentId: "@self".
+- Assign profiles: developer (code), reviewer (review), ops (infra/setup).
+- Set dependsOn using task titles (resolved to IDs automatically).
+- Fewer tasks with more work each > many tiny serial tasks.
+- A file and its only dependent CAN be in the same task.
+- Tests can be combined with the last implementation task.
+- Your LAST subtask: "Review & Steer" assigned to orchestrator, dependsOn all others.
 
 ### Acceptance Criteria
 Every subtask MUST have acceptance.checks \u2014 shell commands that verify "done" (exit 0 = pass).
+Checks must test BEHAVIOR (run the code, import the module), not string patterns (grep for text).
 The system runs them automatically after each run. If any fail, the task stays open.
 Examples:
-- File exists: test -f url-shortener/src/store.ts
-- Compiles: cd url-shortener && npx tsc --noEmit
-- Tests pass: cd url-shortener && npx vitest run
-- Export exists: grep -q "export.*startServer" url-shortener/src/server.ts
+- Compiles: npx tsc --noEmit
+- Tests pass: npx vitest run
+- Module works: node -e "import('./src/db.js').then(m => process.exit(m.getById ? 0 : 1))"
+- File exists: test -f src/types.ts
+
+### Design First
+For multi-file projects, your FIRST subtask should create a .design.md with:
+- Module map: which files, what each exports (function signatures with types)
+- Conventions: naming, error handling, patterns
+All subsequent developer tasks must read .design.md before writing code.
 
 ### Steering Mode (when running a Review & Steer task)
 Read the sibling task list in your context \u2014 it shows status, run count, and check failures with error details.
 - All checks pass \u2192 done.
 - Tasks with 0 runs still open \u2192 they will be picked up, do not recreate them.
-- Checks failing \u2192 read the specific error in the check detail, then create a targeted fix task addressing that exact error. Do not create broad "fix everything" tasks.
+- Checks failing \u2192 read the specific error in the check detail, then create a targeted fix task addressing that exact error.
 - Task stagnant (3+ failed runs) \u2192 redefine with smaller scope or reassign to different profile.
-- Before creating ANY task, check if an existing open sibling already covers the same work. If yes, do not create a duplicate \u2014 the existing task will be retried.
+- Before creating ANY task, check if an existing open sibling already covers the same work.
 - After creating fix tasks, create one more Review & Steer depending on them, then done.`
 };
 var CAP_ROLE_DEVELOPER = {
   name: "role-developer",
   description: "Developer role: writes code, creates files, runs commands.",
+  acceptance: [
+    { name: "file-changes-produced", command: 'test $(find src tests -name "*.ts" -newer .weaver/swarm.json 2>/dev/null | wc -l) -gt 0 || test $(find src tests -name "*.js" -newer .weaver/swarm.json 2>/dev/null | wc -l) -gt 0', condition: "src" }
+  ],
   prompt: `## YOUR ROLE: Developer
 You write code and produce files. Execute the task directly \u2014 do not delegate.
 
@@ -150,8 +175,8 @@ var CAP_SHELL = {
 };
 var CAP_TASK_MGMT = {
   name: "task-mgmt",
-  description: "Create swarm subtasks.",
-  tools: [OP_TASK_CREATE],
+  description: "Create and inspect swarm subtasks.",
+  tools: [OP_TASK_CREATE, "task_list", "task_get", "task_update"],
   prompt: `## Task Management
 - task_create(title, description?, assignedProfile?, parentId?, dependsOn?, complexity?, acceptance?):
   Creates a subtask in the swarm task pool. Returns task ID.
@@ -160,6 +185,9 @@ var CAP_TASK_MGMT = {
   - assignedProfile: "developer" | "reviewer" | "ops" | "orchestrator". Omit for auto-routing.
   - parentId: "@self" to nest under current task. Omit for top-level.
   - dependsOn: Array of task titles. Resolved to IDs automatically.
+- task_list(status?): List tasks in the swarm. Optionally filter by status (pending, in-progress, done, failed).
+- task_get(id): Get full details of a specific task.
+- task_update(id, notes?, files?, description?): Update a task's notes, files list, or description.
   - complexity: "trivial" | "simple" | "moderate" | "complex".
   - acceptance: { checks: [{ name: string, command: string }] } \u2014 shell commands that exit 0 on success.`
 };
@@ -264,17 +292,22 @@ var CAP_VERIFICATION = {
   name: "verification",
   description: "TypeScript compilation and test runner verification.",
   tools: [OP_RUN_SHELL],
+  acceptance: [
+    { name: "tsc-compiles", command: "npx tsc --noEmit", condition: "find src -name '*.ts' | head -1 | grep -q ." }
+  ],
   prompt: `## Verification
-- tsc_check: npx tsc --noEmit \u2014 returns TypeScript compilation errors or empty on success.
-- test_run: npx vitest run \u2014 returns test results with pass/fail counts.`
+Use run_shell for compilation and test verification:
+- npx tsc --noEmit \u2014 returns TypeScript compilation errors or empty on success.
+- npx vitest run \u2014 returns test results with pass/fail counts.`
 };
 var CAP_CROSS_FILE_CHECK = {
   name: "cross-file-check",
   description: "Cross-file dependency verification.",
   tools: [OP_READ_FILE, OP_LIST_FILES, OP_RUN_SHELL],
   prompt: `## Cross-File Checks
-Use grep (via run_shell) to find all import/export references across files.
-Use read_file to verify import paths resolve to actual exports.`
+Use list_files to find relevant files, read_file to inspect them,
+and run_shell with grep to find all import/export references across files.
+Verify import paths resolve to actual exports.`
 };
 var CAP_PROJECT_SETUP = {
   name: "project-setup",
@@ -289,7 +322,7 @@ var CAP_SECURITY = {
   description: "Security audit tools.",
   tools: [OP_READ_FILE, OP_LIST_FILES, OP_RUN_SHELL],
   prompt: `## Security
-Use grep (via run_shell) to scan for hardcoded secrets, eval(), shell injection patterns.
+Use list_files to discover files, read_file to inspect them, and run_shell with grep to scan for hardcoded secrets, eval(), shell injection patterns.
 Use npm audit (via run_shell) for dependency vulnerabilities.
 Finding format: FILE:LINE | SEVERITY (critical/high/medium/low) | ISSUE.`
 };
@@ -362,24 +395,7 @@ function estimateTokens(text) {
 }
 
 // src/ui/capability-editor.tsx
-var React = require("react");
-var { useState, useCallback } = React;
-var {
-  Flex,
-  Typography,
-  Input,
-  Button,
-  IconButton,
-  Icon,
-  Field,
-  Chip,
-  Checkbox,
-  Table,
-  CodeBlock,
-  ScrollArea,
-  toast,
-  usePackWorkspace
-} = require("@fw/plugin-ui-kit");
+var import_jsx_runtime = require("react/jsx-runtime");
 var AVAILABLE_TOOLS = [...PLAN_OPERATIONS];
 function CapabilityDetail({
   cap,
@@ -388,207 +404,269 @@ function CapabilityDetail({
   onBack,
   onSubmit
 }) {
-  const [name, setName] = useState(cap?.name ?? "");
-  const [description, setDescription] = useState(cap?.description ?? "");
-  const [prompt, setPrompt] = useState(cap?.prompt ?? "");
-  const [tools, setTools] = useState(cap?.tools ?? []);
+  const [name, setName] = (0, import_react.useState)(cap?.name ?? "");
+  const [description, setDescription] = (0, import_react.useState)(cap?.description ?? "");
+  const [prompt, setPrompt] = (0, import_react.useState)(cap?.prompt ?? "");
+  const [tools, setTools] = (0, import_react.useState)(cap?.tools ?? []);
+  const [acceptance, setAcceptance] = (0, import_react.useState)(cap?.acceptance ?? []);
   const readOnly = mode === "view";
   const isCreate = mode === "create";
-  const handleToggleTool = useCallback((tool) => {
+  const handleToggleTool = (0, import_react.useCallback)((tool) => {
     setTools(
       (prev) => prev.includes(tool) ? prev.filter((t) => t !== tool) : [...prev, tool]
     );
   }, []);
-  const handleSubmit = useCallback(() => {
+  const handleSubmit = (0, import_react.useCallback)(() => {
     const trimName = name.trim().toLowerCase().replace(/\s+/g, "-");
     if (!trimName || !description.trim()) {
-      toast("Name and description are required", { type: "error" });
+      (0, import_plugin_ui_kit.toast)("Name and description are required", { type: "error" });
       return;
     }
     if (isCreate && allNames.includes(trimName)) {
-      toast(`Capability "${trimName}" already exists`, { type: "error" });
+      (0, import_plugin_ui_kit.toast)(`Capability "${trimName}" already exists`, { type: "error" });
       return;
     }
     onSubmit({
       name: isCreate ? trimName : cap?.name ?? trimName,
       description: description.trim(),
       prompt: prompt.trim() || `## ${description.trim()}`,
-      tools: tools.length > 0 ? tools : void 0
+      tools: tools.length > 0 ? tools : void 0,
+      acceptance: acceptance.length > 0 ? acceptance.filter((a) => a.name && a.command) : void 0
     });
-  }, [name, description, prompt, tools, isCreate, allNames, cap, onSubmit]);
+  }, [name, description, prompt, tools, acceptance, isCreate, allNames, cap, onSubmit]);
   const title = isCreate ? "New Capability" : readOnly ? cap?.name ?? "" : `Edit: ${cap?.name ?? ""}`;
-  return React.createElement(
-    Flex,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_plugin_ui_kit.Flex,
     {
       variant: "column-stretch-start-nowrap-0",
-      style: { width: "100%", height: "100%", overflow: "hidden" }
-    },
-    // Header
-    React.createElement(
-      Flex,
-      {
-        variant: "row-center-space-between-nowrap-8",
-        style: { padding: "8px 16px", flexShrink: 0, borderBottom: "1px solid var(--color-border-default)" }
-      },
-      React.createElement(
-        Flex,
-        { variant: "row-center-start-nowrap-8" },
-        React.createElement(IconButton, {
-          icon: "back",
-          size: "xs",
-          variant: "clear",
-          onClick: onBack,
-          title: "Back to list"
-        }),
-        React.createElement(Typography, { variant: "caption-thick", color: "color-text-high" }, title),
-        readOnly && React.createElement(Chip, {
-          label: "built-in",
-          size: "small",
-          color: "color-status-info"
-        })
-      )
-    ),
-    // Scrollable form
-    React.createElement(
-      ScrollArea,
-      { style: { flex: 1, minHeight: 0 } },
-      React.createElement(
-        Flex,
-        {
-          variant: "column-stretch-start-nowrap-10",
-          style: { padding: "12px 16px" }
-        },
-        // Name
-        React.createElement(
-          Field,
-          { label: "Name" },
-          readOnly ? React.createElement(Typography, {
-            variant: "smallCaption-thick",
-            color: "color-text-high",
-            style: { padding: "4px 0" }
-          }, cap?.name) : React.createElement(Input, {
-            type: "text",
-            size: "small",
-            placeholder: "e.g. api-design",
-            value: name,
-            onChange: (v) => setName(v),
-            disabled: !isCreate,
-            defaultBoxStyle: { flex: 1, minWidth: 0 },
-            inputBoxStyle: { maxWidth: "none" }
-          })
-        ),
-        // Description
-        React.createElement(
-          Field,
-          { label: "Description" },
-          readOnly ? React.createElement(Typography, {
-            variant: "smallCaption-regular",
-            color: "color-text-medium",
-            style: { padding: "4px 0" }
-          }, cap?.description) : React.createElement(Input, {
-            type: "text",
-            size: "small",
-            placeholder: "What this capability provides",
-            value: description,
-            onChange: (v) => setDescription(v),
-            defaultBoxStyle: { flex: 1, minWidth: 0 },
-            inputBoxStyle: { maxWidth: "none" }
-          })
-        ),
-        // Prompt
-        React.createElement(
-          Field,
-          { label: "Prompt", align: "start" },
-          readOnly ? React.createElement(Typography, {
-            variant: "smallCaption-regular",
-            color: "color-text-medium",
-            style: { whiteSpace: "pre-wrap", lineHeight: 1.5 }
-          }, cap?.prompt) : React.createElement(Input, {
-            type: "text",
-            size: "small",
-            multiline: true,
-            placeholder: "Knowledge content (markdown) injected into the system prompt",
-            value: prompt,
-            onChange: (v) => setPrompt(v),
-            defaultBoxStyle: { flex: 1, minWidth: 0 },
-            inputBoxStyle: { maxWidth: "none", minHeight: 160 }
-          })
+      style: { width: "100%", height: "100%", overflow: "hidden" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_plugin_ui_kit.Flex,
+          {
+            variant: "row-center-space-between-nowrap-8",
+            style: { padding: "8px 16px", flexShrink: 0, borderBottom: "1px solid var(--color-border-default)" },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-8", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.IconButton,
+                {
+                  icon: "back",
+                  size: "xs",
+                  variant: "clear",
+                  onClick: onBack,
+                  title: "Back to list"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-thick", color: "color-text-high", children: title }),
+              readOnly && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Chip, { label: "built-in", size: "small", color: "color-status-info" })
+            ] })
+          }
         ),
-        // Tools
-        React.createElement(
-          Field,
-          { label: "Tools", align: "start" },
-          React.createElement(Table, {
-            size: "compact",
-            showHeader: false,
-            data: AVAILABLE_TOOLS.map((t) => ({
-              tool: t,
-              active: (readOnly ? cap?.tools ?? [] : tools).includes(t)
-            })),
-            getRowKey: (row) => row.tool,
-            columns: [
-              {
-                key: "check",
-                header: "",
-                width: "28px",
-                render: (_v, row) => React.createElement(
-                  "div",
-                  { style: { height: 20, display: "flex", alignItems: "center" } },
-                  React.createElement(Checkbox, {
-                    checked: row.active,
-                    disabled: readOnly,
-                    onChange: readOnly ? void 0 : () => handleToggleTool(row.tool),
-                    size: "sm"
-                  })
-                )
-              },
-              {
-                key: "tool",
-                header: "Tool",
-                render: (_v, row) => React.createElement(
-                  "div",
-                  { style: { height: 20, display: "flex", alignItems: "center" } },
-                  React.createElement(Typography, {
-                    variant: "smallCaption-regular",
-                    color: row.active ? "color-text-high" : "color-text-subtle"
-                  }, row.tool)
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.ScrollArea, { style: { flex: 1, minHeight: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_plugin_ui_kit.Flex,
+          {
+            variant: "column-stretch-start-nowrap-10",
+            style: { padding: "12px 16px" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Name", children: readOnly ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Typography,
+                {
+                  variant: "smallCaption-thick",
+                  color: "color-text-high",
+                  style: { padding: "4px 0" },
+                  children: cap?.name
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Input,
+                {
+                  type: "text",
+                  size: "small",
+                  placeholder: "e.g. api-design",
+                  value: name,
+                  onChange: (v) => setName(v),
+                  disabled: !isCreate,
+                  defaultBoxStyle: { flex: 1, minWidth: 0 },
+                  inputBoxStyle: { maxWidth: "none" }
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Description", children: readOnly ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Typography,
+                {
+                  variant: "smallCaption-regular",
+                  color: "color-text-medium",
+                  style: { padding: "4px 0" },
+                  children: cap?.description
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Input,
+                {
+                  type: "text",
+                  size: "small",
+                  placeholder: "What this capability provides",
+                  value: description,
+                  onChange: (v) => setDescription(v),
+                  defaultBoxStyle: { flex: 1, minWidth: 0 },
+                  inputBoxStyle: { maxWidth: "none" }
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Prompt", align: "start", children: readOnly ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Typography,
+                {
+                  variant: "smallCaption-regular",
+                  color: "color-text-medium",
+                  style: { whiteSpace: "pre-wrap", lineHeight: 1.5 },
+                  children: cap?.prompt
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Input,
+                {
+                  type: "text",
+                  size: "small",
+                  multiline: true,
+                  placeholder: "Knowledge content (markdown) injected into the system prompt",
+                  value: prompt,
+                  onChange: (v) => setPrompt(v),
+                  defaultBoxStyle: { flex: 1, minWidth: 0 },
+                  inputBoxStyle: { maxWidth: "none", minHeight: 160 }
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Tools", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Table,
+                {
+                  size: "compact",
+                  showHeader: false,
+                  data: AVAILABLE_TOOLS.map((t) => ({
+                    tool: t,
+                    active: (readOnly ? cap?.tools ?? [] : tools).includes(t)
+                  })),
+                  getRowKey: (row) => row.tool,
+                  columns: [
+                    {
+                      key: "check",
+                      header: "",
+                      width: "28px",
+                      render: (_v, row) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { height: 20, display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_plugin_ui_kit.Checkbox,
+                        {
+                          checked: row.active,
+                          disabled: readOnly,
+                          onChange: readOnly ? void 0 : () => handleToggleTool(row.tool),
+                          size: "sm"
+                        }
+                      ) })
+                    },
+                    {
+                      key: "tool",
+                      header: "Tool",
+                      render: (_v, row) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { height: 20, display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_plugin_ui_kit.Typography,
+                        {
+                          variant: "smallCaption-regular",
+                          color: row.active ? "color-text-high" : "color-text-subtle",
+                          children: row.tool
+                        }
+                      ) })
+                    }
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Field, { label: "Acceptance Checks", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", style: { marginBottom: 4 }, children: "Shell commands that auto-run after every task using this capability. Exit 0 = pass." }),
+                (readOnly ? cap?.acceptance ?? [] : acceptance).map((check, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-4", style: { marginBottom: 4 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_plugin_ui_kit.Input,
+                    {
+                      size: "xs",
+                      placeholder: "Check name",
+                      value: check.name,
+                      readOnly,
+                      style: { width: 120 },
+                      onChange: (e) => {
+                        const updated = [...acceptance];
+                        updated[idx] = { ...updated[idx], name: e.target.value };
+                        setAcceptance(updated);
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_plugin_ui_kit.Input,
+                    {
+                      size: "xs",
+                      placeholder: "Shell command (exit 0 = pass)",
+                      value: check.command,
+                      readOnly,
+                      style: { flex: 1 },
+                      onChange: (e) => {
+                        const updated = [...acceptance];
+                        updated[idx] = { ...updated[idx], command: e.target.value };
+                        setAcceptance(updated);
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_plugin_ui_kit.Input,
+                    {
+                      size: "xs",
+                      placeholder: "Condition (optional file)",
+                      value: check.condition ?? "",
+                      readOnly,
+                      style: { width: 140 },
+                      onChange: (e) => {
+                        const updated = [...acceptance];
+                        updated[idx] = { ...updated[idx], condition: e.target.value || void 0 };
+                        setAcceptance(updated);
+                      }
+                    }
+                  ),
+                  !readOnly && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_plugin_ui_kit.IconButton,
+                    {
+                      size: "xs",
+                      variant: "clear",
+                      color: "danger",
+                      onClick: () => setAcceptance(acceptance.filter((_, i) => i !== idx)),
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Icon, { name: "delete", size: 14 })
+                    }
+                  )
+                ] }, idx)),
+                !readOnly && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_plugin_ui_kit.Button,
+                  {
+                    size: "xs",
+                    variant: "clear",
+                    color: "primary",
+                    onClick: () => setAcceptance([...acceptance, { name: "", command: "" }]),
+                    children: "+ Add check"
+                  }
                 )
-              }
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Est. tokens", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: `~${estimateTokens(readOnly ? cap?.prompt ?? "" : prompt)} tokens (approx.)` }) }),
+              !readOnly && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                import_plugin_ui_kit.Flex,
+                {
+                  variant: "row-center-end-nowrap-8",
+                  style: { paddingTop: 4 },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Button, { size: "xs", variant: "clear", color: "secondary", onClick: onBack, children: "Cancel" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_plugin_ui_kit.Button,
+                      {
+                        size: "xs",
+                        variant: "fill",
+                        color: "primary",
+                        onClick: handleSubmit,
+                        disabled: readOnly || !isCreate && !description.trim() || isCreate && (!name.trim() || !description.trim()),
+                        children: isCreate ? "Create" : "Save"
+                      }
+                    )
+                  ]
+                }
+              )
             ]
-          })
-        ),
-        // Token estimate
-        React.createElement(
-          Field,
-          { label: "Est. tokens" },
-          React.createElement(Typography, {
-            variant: "smallCaption-regular",
-            color: "color-text-subtle"
-          }, `~${estimateTokens(readOnly ? cap?.prompt ?? "" : prompt)} tokens (approx.)`)
-        ),
-        // Submit button (not for view mode)
-        !readOnly && React.createElement(
-          Flex,
-          {
-            variant: "row-center-end-nowrap-8",
-            style: { paddingTop: 4 }
-          },
-          React.createElement(Button, {
-            size: "xs",
-            variant: "clear",
-            color: "secondary",
-            onClick: onBack
-          }, "Cancel"),
-          React.createElement(Button, {
-            size: "xs",
-            variant: "fill",
-            color: "primary",
-            onClick: handleSubmit,
-            disabled: readOnly || !isCreate && !description.trim() || isCreate && (!name.trim() || !description.trim())
-          }, isCreate ? "Create" : "Save")
-        )
-      )
-    )
+          }
+        ) })
+      ]
+    }
   );
 }
 function CapabilityList({
@@ -600,188 +678,179 @@ function CapabilityList({
   onClose,
   hasCustom
 }) {
-  return React.createElement(
-    Flex,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_plugin_ui_kit.Flex,
     {
       variant: "column-stretch-start-nowrap-0",
-      style: { width: "100%", height: "100%", overflow: "hidden" }
-    },
-    // Header
-    React.createElement(
-      Flex,
-      {
-        variant: "row-center-space-between-nowrap-8",
-        style: { padding: "8px 16px", flexShrink: 0, borderBottom: "1px solid var(--color-border-default)" }
-      },
-      React.createElement(
-        Flex,
-        { variant: "row-center-start-nowrap-8" },
-        onClose && React.createElement(IconButton, {
-          icon: "back",
-          size: "xs",
-          variant: "clear",
-          onClick: onClose,
-          title: "Back"
-        }),
-        React.createElement(Typography, { variant: "caption-thick", color: "color-text-high" }, "Capabilities"),
-        React.createElement(Chip, {
-          label: `${allCaps.length}`,
-          size: "small",
-          color: "color-brand-main"
-        })
-      ),
-      React.createElement(
-        Flex,
-        { variant: "row-center-end-nowrap-6" },
-        onSaveAll && hasCustom && React.createElement(Button, {
-          size: "xs",
-          variant: "outlined",
-          color: "primary",
-          onClick: onSaveAll
-        }, "Save"),
-        React.createElement(Button, {
-          size: "xs",
-          variant: "fill",
-          color: "primary",
-          onClick: onCreate
-        }, "New")
-      )
-    ),
-    // Scrollable list
-    React.createElement(
-      ScrollArea,
-      { style: { flex: 1, minHeight: 0 } },
-      React.createElement(
-        Flex,
-        {
-          variant: "column-stretch-start-nowrap-2",
-          style: { padding: "8px 16px" }
-        },
-        ...allCaps.map(
-          (cap) => React.createElement(
-            Flex,
-            {
-              key: cap.name,
-              variant: "row-center-space-between-nowrap-8",
-              style: {
-                padding: "7px 10px",
-                borderRadius: 6,
-                cursor: "pointer",
-                border: "1px solid var(--color-border-default)",
-                transition: "background-color 0.1s"
-              },
-              onClick: () => onOpen(cap.name),
-              onMouseEnter: (e) => {
-                e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
-              },
-              onMouseLeave: (e) => {
-                e.currentTarget.style.backgroundColor = "transparent";
-              }
-            },
-            // Left: icon + name + description
-            React.createElement(
-              Flex,
-              { variant: "row-center-start-nowrap-8", style: { flex: 1, minWidth: 0 } },
-              React.createElement(Icon, {
-                name: cap.builtIn ? "lock" : "edit",
-                size: 13,
-                color: cap.builtIn ? "color-text-subtle" : "color-brand-main"
-              }),
-              React.createElement(Typography, {
-                variant: "smallCaption-thick",
-                color: "color-text-high",
-                style: { minWidth: 80, flexShrink: 0 }
-              }, cap.name),
-              React.createElement(Typography, {
-                variant: "smallCaption-regular",
-                color: "color-text-subtle",
-                style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }
-              }, cap.description)
-            ),
-            // Right: chips + actions
-            React.createElement(
-              Flex,
-              { variant: "row-center-end-nowrap-4", style: { flexShrink: 0 } },
-              cap.tools && cap.tools.length > 0 && React.createElement(Chip, {
-                label: `${cap.tools.length} tools`,
-                size: "small",
-                color: "color-status-positive"
-              }),
-              !cap.builtIn && React.createElement(IconButton, {
-                icon: "outlinedDelete",
-                size: "xs",
-                variant: "clear",
-                color: "danger",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  onDelete(cap.name);
+      style: { width: "100%", height: "100%", overflow: "hidden" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_plugin_ui_kit.Flex,
+          {
+            variant: "row-center-space-between-nowrap-8",
+            style: { padding: "8px 16px", flexShrink: 0, borderBottom: "1px solid var(--color-border-default)" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-8", children: [
+                onClose && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.IconButton, { icon: "back", size: "xs", variant: "clear", onClick: onClose, title: "Back" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-thick", color: "color-text-high", children: "Capabilities" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_plugin_ui_kit.Chip,
+                  {
+                    label: `${allCaps.length}`,
+                    size: "small",
+                    color: "color-brand-main"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-end-nowrap-6", children: [
+                onSaveAll && hasCustom && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Button, { size: "xs", variant: "outlined", color: "primary", onClick: onSaveAll, children: "Save" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Button, { size: "xs", variant: "fill", color: "primary", onClick: onCreate, children: "New" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.ScrollArea, { style: { flex: 1, minHeight: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_plugin_ui_kit.Flex,
+          {
+            variant: "column-stretch-start-nowrap-2",
+            style: { padding: "8px 16px" },
+            children: allCaps.map((cap) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_plugin_ui_kit.Flex,
+              {
+                variant: "row-center-space-between-nowrap-8",
+                style: {
+                  padding: "7px 10px",
+                  borderRadius: 6,
+                  cursor: "pointer",
+                  border: "1px solid var(--color-border-default)",
+                  transition: "background-color 0.1s"
                 },
-                title: "Delete capability"
-              }),
-              React.createElement(Icon, {
-                name: "chevronRight",
-                size: 12,
-                color: "color-text-subtle"
-              })
-            )
-          )
-        )
-      )
-    )
+                onClick: () => onOpen(cap.name),
+                onMouseEnter: (e) => {
+                  e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+                },
+                onMouseLeave: (e) => {
+                  e.currentTarget.style.backgroundColor = "transparent";
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-8", style: { flex: 1, minWidth: 0 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_plugin_ui_kit.Typography,
+                      {
+                        variant: "smallCaption-thick",
+                        color: "color-text-high",
+                        style: { minWidth: 80, flexShrink: 0 },
+                        children: cap.name
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_plugin_ui_kit.Typography,
+                      {
+                        variant: "smallCaption-regular",
+                        color: "color-text-subtle",
+                        style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
+                        children: cap.description
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-end-nowrap-4", style: { flexShrink: 0 }, children: [
+                    cap.tools && cap.tools.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_plugin_ui_kit.Chip,
+                      {
+                        label: `${cap.tools.length} tools`,
+                        size: "small",
+                        color: "color-status-positive"
+                      }
+                    ),
+                    !cap.builtIn && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_plugin_ui_kit.IconButton,
+                      {
+                        icon: "outlinedDelete",
+                        size: "xs",
+                        variant: "clear",
+                        color: "danger",
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          onDelete(cap.name);
+                        },
+                        title: "Delete capability"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Icon, { name: "chevronRight", size: 12, color: "color-text-subtle" })
+                  ] })
+                ]
+              },
+              cap.name
+            ))
+          }
+        ) })
+      ]
+    }
   );
 }
 function CapabilityEditor({ customCapabilities = [], onSave, onClose }) {
-  const [customs, setCustoms] = useState(customCapabilities);
-  const [screen, setScreen] = useState("list");
+  const [customs, setCustoms] = (0, import_react.useState)(customCapabilities);
+  const [screen, setScreen] = (0, import_react.useState)("list");
   const allCaps = [
     ...BUILT_IN_CAPABILITIES.map((c) => ({ ...c, builtIn: true })),
     ...customs.map((c) => ({ ...c, builtIn: false }))
   ];
   const allNames = allCaps.map((c) => c.name);
-  const handleOpen = useCallback((name) => {
+  const handleOpen = (0, import_react.useCallback)((name) => {
     const cap = allCaps.find((c) => c.name === name);
     if (!cap) return;
-    setScreen({ mode: cap.builtIn ? "view" : "edit", name });
+    setScreen({ mode: "edit", name });
   }, [allCaps]);
-  const handleDelete = useCallback((name) => {
+  const handleDelete = (0, import_react.useCallback)((name) => {
     setCustoms((prev) => prev.filter((c) => c.name !== name));
-    toast(`Capability "${name}" deleted`, { type: "success" });
+    (0, import_plugin_ui_kit.toast)(`Capability "${name}" deleted`, { type: "success" });
   }, []);
-  const handleSubmit = useCallback((cap) => {
+  const handleSubmit = (0, import_react.useCallback)((cap) => {
     if (typeof screen === "object" && screen.mode === "edit") {
-      setCustoms(
-        (prev) => prev.map((c) => c.name === cap.name ? cap : c)
-      );
-      toast(`Capability "${cap.name}" updated`, { type: "success" });
+      const isExistingCustom = customs.some((c) => c.name === cap.name);
+      if (isExistingCustom) {
+        setCustoms(
+          (prev) => prev.map((c) => c.name === cap.name ? cap : c)
+        );
+        (0, import_plugin_ui_kit.toast)(`Capability "${cap.name}" updated`, { type: "success" });
+      } else {
+        setCustoms((prev) => [...prev, cap]);
+        (0, import_plugin_ui_kit.toast)(`Capability "${cap.name}" customized`, { type: "success" });
+      }
     } else {
       setCustoms((prev) => [...prev, cap]);
-      toast(`Capability "${cap.name}" created`, { type: "success" });
+      (0, import_plugin_ui_kit.toast)(`Capability "${cap.name}" created`, { type: "success" });
     }
     setScreen("list");
-  }, [screen]);
-  const handleSaveAll = useCallback(() => {
+  }, [screen, customs]);
+  const handleSaveAll = (0, import_react.useCallback)(() => {
     onSave?.(customs);
-    toast("Capabilities saved", { type: "success" });
+    (0, import_plugin_ui_kit.toast)("Capabilities saved", { type: "success" });
   }, [customs, onSave]);
   if (typeof screen === "object") {
     const cap = screen.name ? allCaps.find((c) => c.name === screen.name) : void 0;
-    return React.createElement(CapabilityDetail, {
-      cap,
-      mode: screen.mode,
-      allNames,
-      onBack: () => setScreen("list"),
-      onSubmit: handleSubmit
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      CapabilityDetail,
+      {
+        cap,
+        mode: screen.mode,
+        allNames,
+        onBack: () => setScreen("list"),
+        onSubmit: handleSubmit
+      }
+    );
   }
-  return React.createElement(CapabilityList, {
-    allCaps,
-    onOpen: handleOpen,
-    onDelete: handleDelete,
-    onCreate: () => setScreen({ mode: "create" }),
-    onSaveAll: onSave ? handleSaveAll : void 0,
-    onClose,
-    hasCustom: customs.length > 0
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    CapabilityList,
+    {
+      allCaps,
+      onOpen: handleOpen,
+      onDelete: handleDelete,
+      onCreate: () => setScreen({ mode: "create" }),
+      onSaveAll: onSave ? handleSaveAll : void 0,
+      onClose,
+      hasCustom: customs.length > 0
+    }
+  );
 }
 var capability_editor_default = CapabilityEditor;
-module.exports = CapabilityEditor;