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

package/dist/ui/task-detail-view.js

@@ -24,8 +24,8 @@ __export(task_detail_view_exports, {
   default: () => task_detail_view_default
 });
 module.exports = __toCommonJS(task_detail_view_exports);
-var import_react = require("react");
-var import_plugin_ui_kit = require("@fw/plugin-ui-kit");
+var import_react2 = require("react");
+var import_plugin_ui_kit2 = require("@fw/plugin-ui-kit");
 
 // src/ui/use-stream-timeline.ts
 var React = require("react");
@@ -326,85 +326,629 @@ function traceToTimeline(run) {
   return entries;
 }
 
-// src/ui/task-detail-view.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var statusToIcon = {
+// src/ui/task-editor.tsx
+var import_react = require("react");
+var import_plugin_ui_kit = require("@fw/plugin-ui-kit");
+
+// src/ui/task-status.ts
+var TASK_STATUS_ICON = {
   "open": "pending",
   "in-progress": "running",
   "done": "completed",
   "cancelled": "failed"
 };
-var statusToLabel = {
+var TASK_STATUS_ICON_OVERRIDE = {
+  "in-progress": "pendingActions"
+};
+var TASK_STATUS_LABEL = {
   "open": "Open",
-  "in-progress": "Running",
+  "in-progress": "In Progress",
   "done": "Done",
   "cancelled": "Cancelled"
 };
-var headerStyle = {
-  padding: "12px 16px",
-  borderBottom: "1px solid var(--color-border-default)",
-  flexShrink: 0
-};
-var fileItemStyle = {
-  fontFamily: "monospace",
-  fontSize: "12px",
-  color: "var(--color-text-mid)",
-  padding: "2px 4px",
-  borderRadius: "4px"
+var TASK_STATUS_CHIP = {
+  "open": "info",
+  "in-progress": "warning",
+  "done": "success",
+  "cancelled": "error"
 };
-var fileItemHoverStyle = {
-  ...fileItemStyle,
-  backgroundColor: "var(--color-surface-elevated)"
+var TASK_STATUS_COLOR = {
+  "open": "color-brand-alt",
+  "in-progress": "color-status-info",
+  "done": "color-status-positive",
+  "cancelled": "color-status-negative"
 };
-var subtaskRowStyle = {
-  padding: "6px 8px",
-  cursor: "pointer",
-  borderRadius: "6px"
-};
-var subtaskRowHoverStyle = {
-  ...subtaskRowStyle,
-  backgroundColor: "var(--color-surface-elevated)"
-};
-function SubtaskRowItem({ sub, onBack }) {
-  const [hovered, setHovered] = (0, import_react.useState)(false);
+
+// src/ui/task-editor.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var PRIORITY_OPTIONS = [
+  { id: "0", label: "0 - None" },
+  { id: "1", label: "1 - Low" },
+  { id: "2", label: "2 - Medium" },
+  { id: "3", label: "3 - High" },
+  { id: "4", label: "4 - Critical" }
+];
+var COMPLEXITY_OPTIONS = [
+  { id: "", label: "Not set" },
+  { id: "trivial", label: "Trivial" },
+  { id: "simple", label: "Simple" },
+  { id: "moderate", label: "Moderate" },
+  { id: "complex", label: "Complex" }
+];
+function TaskEditor({ mode, taskId, onSave, onCancel, onDelete, embedded }) {
+  const ctx = (0, import_plugin_ui_kit.usePackWorkspace)();
+  const { callTool } = ctx;
+  const [title, setTitle] = (0, import_react.useState)("");
+  const [description, setDescription] = (0, import_react.useState)("");
+  const [priority, setPriority] = (0, import_react.useState)("0");
+  const [complexity, setComplexity] = (0, import_react.useState)("");
+  const [assignedProfile, setAssignedProfile] = (0, import_react.useState)("");
+  const [budgetCost, setBudgetCost] = (0, import_react.useState)("");
+  const [notes, setNotes] = (0, import_react.useState)("");
+  const [files, setFiles] = (0, import_react.useState)([]);
+  const [newFile, setNewFile] = (0, import_react.useState)("");
+  const [dependsOn, setDependsOn] = (0, import_react.useState)([]);
+  const [newDep, setNewDep] = (0, import_react.useState)("");
+  const [taskData, setTaskData] = (0, import_react.useState)(null);
+  const [profiles, setProfiles] = (0, import_react.useState)([]);
+  const [availableTasks, setAvailableTasks] = (0, import_react.useState)([]);
+  const [loading, setLoading] = (0, import_react.useState)(mode === "edit");
+  (0, import_react.useEffect)(() => {
+    (async () => {
+      try {
+        const raw = await callTool("fw_weaver_profile_list", {});
+        const data = typeof raw === "string" ? JSON.parse(raw) : raw;
+        if (Array.isArray(data)) {
+          setProfiles(data.map((p) => ({
+            id: p.id,
+            name: p.name || p.id
+          })));
+        }
+      } catch {
+      }
+      try {
+        const taskRaw = await callTool("fw_weaver_task_list", {});
+        const taskData2 = typeof taskRaw === "string" ? JSON.parse(taskRaw) : taskRaw;
+        if (Array.isArray(taskData2)) {
+          setAvailableTasks(taskData2.map((t) => ({
+            id: t.id,
+            title: t.title || t.id
+          })));
+        }
+      } catch {
+      }
+    })();
+  }, [callTool]);
+  (0, import_react.useEffect)(() => {
+    if (mode !== "edit" || !taskId) return;
+    let cancelled = false;
+    (async () => {
+      try {
+        const raw = await callTool("fw_weaver_task_get", { id: taskId });
+        if (cancelled) return;
+        const data = typeof raw === "string" ? JSON.parse(raw) : raw;
+        const t = data?.task ?? data;
+        if (!t || !t.id) {
+          (0, import_plugin_ui_kit.toast)("Task not found", { type: "error" });
+          onCancel();
+          return;
+        }
+        setTaskData(t);
+        setTitle(t.title || "");
+        setDescription(t.description || "");
+        setPriority(String(t.priority ?? 0));
+        setComplexity(t.complexity || "");
+        setAssignedProfile(t.assignedProfile || "");
+        setBudgetCost(t.budgetCost != null ? String(t.budgetCost) : "");
+        setNotes(t.context?.notes || "");
+        setFiles(t.context?.files || []);
+        setDependsOn(t.dependsOn || []);
+      } catch {
+        (0, import_plugin_ui_kit.toast)("Failed to load task", { type: "error" });
+        onCancel();
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [mode, taskId, callTool]);
+  const isDirty = (0, import_react.useCallback)(() => {
+    if (mode === "create") {
+      return !!(title.trim() || description.trim() || notes.trim() || files.length > 0 || dependsOn.length > 0 || priority !== "0" || complexity || assignedProfile || budgetCost);
+    }
+    if (!taskData) return false;
+    return title.trim() !== (taskData.title || "") || description.trim() !== (taskData.description || "") || notes.trim() !== (taskData.context?.notes || "") || JSON.stringify(files) !== JSON.stringify(taskData.context?.files || []) || priority !== String(taskData.priority ?? 0) || complexity !== (taskData.complexity || "") || assignedProfile !== (taskData.assignedProfile || "") || budgetCost !== (taskData.budgetCost != null ? String(taskData.budgetCost) : "");
+  }, [mode, title, description, notes, files, dependsOn, priority, complexity, assignedProfile, budgetCost, taskData]);
+  const handleBack = (0, import_react.useCallback)(async () => {
+    if (isDirty()) {
+      const ok = await ctx.confirm("Discard unsaved changes?", {
+        title: "Unsaved Changes",
+        state: "warning"
+      });
+      if (!ok) return;
+    }
+    onCancel();
+  }, [isDirty, ctx, onCancel]);
+  const handleAddFile = (0, import_react.useCallback)(() => {
+    const trimmed = newFile.trim();
+    if (!trimmed) return;
+    setFiles((prev) => [...prev, trimmed]);
+    setNewFile("");
+  }, [newFile]);
+  const handleRemoveFile = (0, import_react.useCallback)((index) => {
+    setFiles((prev) => prev.filter((_, i) => i !== index));
+  }, []);
+  const handleAddDep = (0, import_react.useCallback)(() => {
+    const trimmed = newDep.trim();
+    if (!trimmed) return;
+    setDependsOn((prev) => [...prev, trimmed]);
+    setNewDep("");
+  }, [newDep]);
+  const handleRemoveDep = (0, import_react.useCallback)((index) => {
+    setDependsOn((prev) => prev.filter((_, i) => i !== index));
+  }, []);
+  const handleSave = (0, import_react.useCallback)(async () => {
+    if (!title.trim()) {
+      (0, import_plugin_ui_kit.toast)("Title is required", { type: "error" });
+      return;
+    }
+    try {
+      if (mode === "create") {
+        const args = {
+          title: title.trim(),
+          description: description.trim(),
+          priority: parseInt(priority, 10) || 0
+        };
+        if (complexity) args.complexity = complexity;
+        if (assignedProfile) args.assignedProfile = assignedProfile;
+        if (budgetCost) args.budgetCost = parseFloat(budgetCost);
+        if (dependsOn.length > 0) args.dependsOn = dependsOn;
+        const result = await callTool("fw_weaver_task_create", args);
+        const createData = typeof result === "string" ? JSON.parse(result) : result;
+        const createdId = createData?.task?.id;
+        if (createdId && (notes.trim() || files.length > 0)) {
+          await callTool("fw_weaver_task_update", {
+            id: createdId,
+            context: {
+              notes: notes.trim(),
+              files,
+              runHistory: [],
+              stagnationCount: 0
+            }
+          });
+        }
+        (0, import_plugin_ui_kit.toast)("Task created", { type: "success" });
+      } else {
+        const patch = {
+          id: taskId,
+          title: title.trim(),
+          description: description.trim(),
+          priority: parseInt(priority, 10) || 0,
+          complexity: complexity || void 0,
+          assignedProfile: assignedProfile || null
+        };
+        if (budgetCost) {
+          patch.budgetCost = parseFloat(budgetCost);
+        } else {
+          patch.budgetCost = void 0;
+        }
+        patch.context = {
+          files,
+          notes: notes.trim(),
+          runHistory: taskData?.context?.runHistory || [],
+          stagnationCount: taskData?.context?.stagnationCount ?? 0
+        };
+        await callTool("fw_weaver_task_update", patch);
+        (0, import_plugin_ui_kit.toast)("Task updated", { type: "success" });
+      }
+      onSave();
+    } catch (err) {
+      (0, import_plugin_ui_kit.toast)(err instanceof Error ? err.message : `Failed to ${mode} task`, { type: "error" });
+    }
+  }, [mode, taskId, title, description, priority, complexity, assignedProfile, budgetCost, notes, files, dependsOn, taskData, callTool, onSave]);
+  const handleDelete = (0, import_react.useCallback)(async () => {
+    if (!taskId) return;
+    const ok = await ctx.confirm("Are you sure you want to cancel this task?", {
+      title: "Cancel Task",
+      confirmLabel: "Cancel Task",
+      state: "danger"
+    });
+    if (!ok) return;
+    try {
+      await callTool("fw_weaver_task_cancel", { id: taskId });
+      (0, import_plugin_ui_kit.toast)("Task cancelled", { type: "success" });
+      if (onDelete) onDelete();
+    } catch (err) {
+      (0, import_plugin_ui_kit.toast)(err instanceof Error ? err.message : "Failed to cancel task", { type: "error" });
+    }
+  }, [taskId, callTool, onDelete, ctx]);
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_plugin_ui_kit.Flex,
+      {
+        variant: "column-center-center-nowrap-12",
+        style: { padding: "24px 16px" },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-regular", color: "color-text-subtle", children: "Loading task..." })
+      }
+    );
+  }
+  const profileOptions = [
+    { id: "", label: "Not assigned" },
+    ...profiles.map((p) => ({ id: p.id, label: p.name }))
+  ];
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_plugin_ui_kit.Flex,
     {
-      variant: "row-center-start-nowrap-8",
-      style: hovered ? subtaskRowHoverStyle : subtaskRowStyle,
-      onClick: () => onBack(),
-      onMouseEnter: () => setHovered(true),
-      onMouseLeave: () => setHovered(false),
+      variant: "column-stretch-start-nowrap-0",
+      style: { width: "100%", height: "100%", overflow: "hidden" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_plugin_ui_kit.StatusIcon,
+        !embedded && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_plugin_ui_kit.Flex,
           {
-            status: statusToIcon[sub.status] || "pending",
-            size: "sm"
+            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: handleBack,
+                    title: "Back"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-thick", color: "color-text-high", children: mode === "create" ? "Create Task" : "Edit Task" })
+              ] }),
+              mode === "edit" && onDelete && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.IconButton,
+                {
+                  icon: "outlinedDelete",
+                  size: "sm",
+                  variant: "clear",
+                  color: "danger",
+                  onClick: handleDelete,
+                  title: "Cancel task"
+                }
+              )
+            ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           import_plugin_ui_kit.Flex,
           {
-            variant: "row-center-start-nowrap-0",
-            style: { flex: 1, minWidth: 0 },
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-regular", truncate: true, children: sub.title })
+            variant: "column-stretch-start-nowrap-10",
+            style: { flex: 1, minHeight: 0, overflow: "auto", padding: "12px 16px" },
+            children: [
+              mode === "edit" && taskData && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Status", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Chip,
+                {
+                  label: taskData.status,
+                  size: "small",
+                  color: TASK_STATUS_COLOR[taskData.status] || "color-brand-alt"
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Title", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Input,
+                {
+                  type: "text",
+                  size: "small",
+                  placeholder: "Task title (required)",
+                  value: title,
+                  onChange: (v) => setTitle(v),
+                  defaultBoxStyle: { flex: 1, minWidth: 0 },
+                  inputBoxStyle: { maxWidth: "none" }
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Description", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Input,
+                {
+                  type: "text",
+                  size: "small",
+                  placeholder: "Detailed task description",
+                  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: "Priority", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Input,
+                {
+                  type: "select",
+                  size: "small",
+                  options: PRIORITY_OPTIONS,
+                  optionId: priority,
+                  onChange: (id) => setPriority(id),
+                  defaultBoxStyle: { flex: 1, minWidth: 0 }
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Complexity", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Input,
+                {
+                  type: "select",
+                  size: "small",
+                  options: COMPLEXITY_OPTIONS,
+                  optionId: complexity,
+                  onChange: (id) => setComplexity(id),
+                  defaultBoxStyle: { flex: 1, minWidth: 0 }
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Profile", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Input,
+                {
+                  type: "select",
+                  size: "small",
+                  options: profileOptions,
+                  optionId: assignedProfile,
+                  onChange: (id) => setAssignedProfile(id),
+                  placeholder: "Select profile",
+                  defaultBoxStyle: { flex: 1, minWidth: 0 }
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Budget Cost", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Input,
+                {
+                  type: "number",
+                  size: "small",
+                  placeholder: "Optional cost limit (USD)",
+                  value: budgetCost,
+                  onChange: (v) => setBudgetCost(v)
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Notes", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Input,
+                {
+                  type: "text",
+                  size: "small",
+                  multiline: true,
+                  placeholder: "Optional notes for context",
+                  value: notes,
+                  onChange: (v) => setNotes(v),
+                  defaultBoxStyle: { flex: 1, minWidth: 0 },
+                  inputBoxStyle: { maxWidth: "none" }
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Files", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-6", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_plugin_ui_kit.Input,
+                  {
+                    type: "path",
+                    size: "small",
+                    placeholder: "Click to browse files",
+                    value: "",
+                    onClick: async () => {
+                      const selected = await ctx.browseFiles({ title: "Select Files", multiple: true });
+                      if (selected.length > 0) {
+                        setFiles((prev) => {
+                          const unique = selected.filter((f) => !prev.includes(f));
+                          return [...prev, ...unique];
+                        });
+                      }
+                    },
+                    defaultBoxStyle: { flex: 1, minWidth: 0 }
+                  }
+                ),
+                files.map((file, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  import_plugin_ui_kit.Flex,
+                  {
+                    variant: "row-center-start-nowrap-6",
+                    style: { paddingLeft: "4px" },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_plugin_ui_kit.Typography,
+                        {
+                          variant: "smallCaption-regular",
+                          color: "color-text-high",
+                          style: { flex: 1, minWidth: 0, fontFamily: "var(--font-mono, monospace)" },
+                          children: file
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_plugin_ui_kit.IconButton,
+                        {
+                          icon: "close",
+                          size: "xs",
+                          variant: "clear",
+                          color: "danger",
+                          onClick: () => handleRemoveFile(idx)
+                        }
+                      )
+                    ]
+                  },
+                  `file-${idx}`
+                ))
+              ] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Dependencies", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-6", children: [
+                mode === "create" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_plugin_ui_kit.Input,
+                    {
+                      type: "select",
+                      size: "small",
+                      placeholder: "Select a task",
+                      options: availableTasks.filter((t) => !dependsOn.includes(t.id) && t.id !== taskId).map((t) => ({ id: t.id, label: t.title })),
+                      optionId: newDep,
+                      onChange: (v) => setNewDep(v),
+                      defaultBoxStyle: { flex: 1, minWidth: 0 }
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_plugin_ui_kit.IconButton,
+                    {
+                      icon: "add",
+                      size: "sm",
+                      variant: "outlined",
+                      color: "primary",
+                      onClick: handleAddDep,
+                      disabled: !newDep.trim()
+                    }
+                  )
+                ] }),
+                dependsOn.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-4", children: dependsOn.map((dep, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  import_plugin_ui_kit.Flex,
+                  {
+                    variant: "row-center-start-nowrap-6",
+                    style: { paddingLeft: "4px" },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_plugin_ui_kit.Typography,
+                        {
+                          variant: "smallCaption-regular",
+                          color: "color-text-high",
+                          style: { flex: 1, minWidth: 0 },
+                          children: (() => {
+                            const t = availableTasks.find((t2) => t2.id === dep);
+                            return t ? t.title : dep;
+                          })()
+                        }
+                      ),
+                      mode === "create" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_plugin_ui_kit.IconButton,
+                        {
+                          icon: "close",
+                          size: "xs",
+                          variant: "clear",
+                          color: "danger",
+                          onClick: () => handleRemoveDep(idx)
+                        }
+                      )
+                    ]
+                  },
+                  `dep-${idx}`
+                )) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_plugin_ui_kit.Typography,
+                  {
+                    variant: "smallCaption-regular",
+                    color: "color-text-subtle",
+                    style: { paddingLeft: "4px" },
+                    children: "None"
+                  }
+                ),
+                mode === "edit" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_plugin_ui_kit.Typography,
+                  {
+                    variant: "smallCaption-regular",
+                    color: "color-text-subtle",
+                    style: { paddingLeft: "4px", fontStyle: "italic" },
+                    children: "Dependencies cannot be changed after creation"
+                  }
+                )
+              ] }) })
+            ]
           }
         ),
-        sub.assignedProfile && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Chip, { label: sub.assignedProfile, size: "small", color: "color-status-info" })
+        !embedded ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_plugin_ui_kit.Flex,
+          {
+            variant: "row-center-end-nowrap-8",
+            style: { padding: "8px 16px", flexShrink: 0, borderTop: "1px solid var(--color-border-default)" },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_plugin_ui_kit.Button,
+              {
+                size: "xs",
+                variant: "fill",
+                color: "primary",
+                onClick: handleSave,
+                disabled: !title.trim(),
+                children: mode === "create" ? "Create" : "Save"
+              }
+            )
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_plugin_ui_kit.Flex,
+          {
+            variant: "row-center-end-nowrap-8",
+            style: { padding: "8px 16px", flexShrink: 0 },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_plugin_ui_kit.Button,
+              {
+                size: "xs",
+                variant: "fill",
+                color: "primary",
+                onClick: handleSave,
+                disabled: !title.trim(),
+                children: "Save"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+var task_editor_default = TaskEditor;
+
+// src/ui/task-detail-view.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var headerStyle = {
+  padding: "12px 16px",
+  borderBottom: "1px solid var(--color-border-faint)",
+  flexShrink: 0
+};
+function SubtaskRowItem(props) {
+  const { sub, onClick } = props;
+  const [hovered, setHovered] = (0, import_react2.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    import_plugin_ui_kit2.Flex,
+    {
+      variant: "row-center-start-nowrap-8",
+      style: {
+        padding: "6px 8px",
+        cursor: "pointer",
+        borderRadius: "6px",
+        backgroundColor: hovered ? "var(--color-surface-hover)" : "transparent"
+      },
+      onClick,
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.StatusIcon, { status: TASK_STATUS_ICON[sub.status] || "pending", icon: TASK_STATUS_ICON_OVERRIDE[sub.status], size: "sm" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Typography, { variant: "caption-regular", truncate: true, style: { flex: 1, minWidth: 0 }, children: sub.title }),
+        sub.assignedProfile && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Chip, { label: sub.assignedProfile, size: "small", color: "color-status-info" })
       ]
     }
   );
 }
+function AcceptanceCheckRow(props) {
+  const { name, pass, detail } = props;
+  const [expanded, setExpanded] = (0, import_react2.useState)(!pass && !!detail);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_plugin_ui_kit2.CollapsibleBlock,
+    {
+      status: pass ? "completed" : "error",
+      label: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "row-center-start-nowrap-6", style: { flex: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Typography, { variant: "smallCaption-thick", color: pass ? "color-status-positive" : "color-status-negative", children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: pass ? "passed" : "failed" })
+      ] }),
+      expanded,
+      onToggle: () => setExpanded((v) => !v),
+      canExpand: !!detail,
+      children: detail && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_plugin_ui_kit2.Typography,
+        {
+          variant: "smallCaption-regular",
+          color: "color-text-medium",
+          mono: true,
+          style: { whiteSpace: "pre-wrap", padding: "6px 0" },
+          children: detail
+        }
+      )
+    }
+  );
+}
 function TaskDetailView({ taskId, onBack, onEdit }) {
-  const ctx = (0, import_plugin_ui_kit.usePackWorkspace)();
+  const ctx = (0, import_plugin_ui_kit2.usePackWorkspace)();
   const { callTool } = ctx;
   const packId = ctx.packId;
-  const [task, setTask] = (0, import_react.useState)(null);
-  const [subtasks, setSubtasks] = (0, import_react.useState)([]);
-  const [history, setHistory] = (0, import_react.useState)([]);
-  const [loading, setLoading] = (0, import_react.useState)(true);
-  const fetchTask = (0, import_react.useCallback)(async () => {
+  const [task, setTask] = (0, import_react2.useState)(null);
+  const [subtasks, setSubtasks] = (0, import_react2.useState)([]);
+  const [history, setHistory] = (0, import_react2.useState)([]);
+  const [loading, setLoading] = (0, import_react2.useState)(true);
+  const fetchTask = (0, import_react2.useCallback)(async () => {
     try {
       const raw = await callTool("fw_weaver_task_get", { id: taskId });
       const data = typeof raw === "string" ? JSON.parse(raw) : raw;
@@ -435,14 +979,12 @@ function TaskDetailView({ taskId, onBack, onEdit }) {
       } else if (t.isParent) {
         const listRaw = await callTool("fw_weaver_task_list", { parentId: taskId });
         const listData = typeof listRaw === "string" ? JSON.parse(listRaw) : listRaw;
-        if (Array.isArray(listData)) {
-          setSubtasks(listData);
-        }
+        if (Array.isArray(listData)) setSubtasks(listData);
       }
-    } catch (err) {
+    } catch {
     }
   }, [callTool, taskId]);
-  const fetchHistory = (0, import_react.useCallback)(async () => {
+  const fetchHistory = (0, import_react2.useCallback)(async () => {
     try {
       const raw = await callTool("fw_weaver_history", { taskId });
       const data = typeof raw === "string" ? JSON.parse(raw) : raw;
@@ -453,16 +995,15 @@ function TaskDetailView({ taskId, onBack, onEdit }) {
             return { ...r, costDetail: costObj, cost: costObj?.totalCost };
           })
         );
-        return;
       }
     } catch {
     }
   }, [callTool, taskId]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     setLoading(true);
     Promise.all([fetchTask(), fetchHistory()]).finally(() => setLoading(false));
   }, [fetchTask, fetchHistory]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (!task || task.status !== "in-progress") return;
     const interval = setInterval(() => {
       fetchTask();
@@ -470,7 +1011,7 @@ function TaskDetailView({ taskId, onBack, onEdit }) {
     }, 5e3);
     return () => clearInterval(interval);
   }, [task?.status, fetchTask, fetchHistory]);
-  const stream = (0, import_plugin_ui_kit.useEventStream)();
+  const stream = (0, import_plugin_ui_kit2.useEventStream)();
   const {
     timeline: liveTimeline,
     phase: livePhase,
@@ -483,33 +1024,56 @@ function TaskDetailView({ taskId, onBack, onEdit }) {
   } = useStreamTimeline(stream.events, stream.isDone);
   const activeRunId = task?.activeRunId;
   const isLive = task?.status === "in-progress" && !!activeRunId;
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (!isLive || !activeRunId) return;
     stream.start(packId, "fw_weaver_events", activeRunId);
     return () => stream.stop();
   }, [isLive, activeRunId, packId]);
-  const [detailTab, setDetailTab] = (0, import_react.useState)("runs");
-  const [actionLoading, setActionLoading] = (0, import_react.useState)(null);
-  const [availableProfiles, setAvailableProfiles] = (0, import_react.useState)([]);
-  (0, import_react.useEffect)(() => {
-    callTool("fw_weaver_profile_list", {}).then((raw) => {
-      const data = typeof raw === "string" ? JSON.parse(raw) : raw;
-      if (Array.isArray(data)) setAvailableProfiles(data);
-    }).catch(() => {
-    });
+  const [activeTab, setActiveTab] = (0, import_react2.useState)("runs");
+  const [actionLoading, setActionLoading] = (0, import_react2.useState)(null);
+  const [runningChecks, setRunningChecks] = (0, import_react2.useState)(false);
+  const [approvalStatus, setApprovalStatus] = (0, import_react2.useState)(null);
+  const [approvalLoading, setApprovalLoading] = (0, import_react2.useState)(false);
+  (0, import_react2.useEffect)(() => {
+    if (awaitingApproval) setApprovalStatus("pending");
+  }, [awaitingApproval]);
+  (0, import_react2.useEffect)(() => {
+    if (stream.events.length === 0) setApprovalStatus(null);
+  }, [stream.events.length]);
+  const handleApprove = (0, import_react2.useCallback)(async () => {
+    setApprovalLoading(true);
+    try {
+      await callTool("fw_weaver_approve", { approved: true });
+      setApprovalStatus("approved");
+      (0, import_plugin_ui_kit2.toast)("Plan approved", { type: "success" });
+    } catch (err) {
+      (0, import_plugin_ui_kit2.toast)(err instanceof Error ? err.message : "Failed to approve", { type: "error" });
+    }
+    setApprovalLoading(false);
+  }, [callTool]);
+  const handleReject = (0, import_react2.useCallback)(async () => {
+    setApprovalLoading(true);
+    try {
+      await callTool("fw_weaver_approve", { approved: false });
+      setApprovalStatus("rejected");
+      (0, import_plugin_ui_kit2.toast)("Plan rejected", { type: "info" });
+    } catch (err) {
+      (0, import_plugin_ui_kit2.toast)(err instanceof Error ? err.message : "Failed to reject", { type: "error" });
+    }
+    setApprovalLoading(false);
   }, [callTool]);
-  const handleRetry = (0, import_react.useCallback)(async () => {
+  const handleRetry = (0, import_react2.useCallback)(async () => {
     setActionLoading("retry");
     try {
       await callTool("fw_weaver_task_retry", { id: taskId });
-      (0, import_plugin_ui_kit.toast)("Task retried, back in pool", { type: "success" });
+      (0, import_plugin_ui_kit2.toast)("Task retried, back in pool", { type: "success" });
       fetchTask();
     } catch (err) {
-      (0, import_plugin_ui_kit.toast)(err instanceof Error ? err.message : "Failed to retry", { type: "error" });
+      (0, import_plugin_ui_kit2.toast)(err instanceof Error ? err.message : "Failed to retry", { type: "error" });
     }
     setActionLoading(null);
   }, [callTool, taskId, fetchTask]);
-  const handleCancel = (0, import_react.useCallback)(async () => {
+  const handleCancel = (0, import_react2.useCallback)(async () => {
     const ok = await ctx.confirm("Cancel this task? It cannot be undone.", {
       title: "Cancel Task",
       confirmLabel: "Cancel Task",
@@ -519,74 +1083,35 @@ function TaskDetailView({ taskId, onBack, onEdit }) {
     setActionLoading("cancel");
     try {
       await callTool("fw_weaver_task_cancel", { id: taskId });
-      (0, import_plugin_ui_kit.toast)("Task cancelled", { type: "info" });
+      (0, import_plugin_ui_kit2.toast)("Task cancelled", { type: "info" });
       fetchTask();
     } catch (err) {
-      (0, import_plugin_ui_kit.toast)(err instanceof Error ? err.message : "Failed to cancel", { type: "error" });
+      (0, import_plugin_ui_kit2.toast)(err instanceof Error ? err.message : "Failed to cancel", { type: "error" });
     }
     setActionLoading(null);
   }, [callTool, taskId, fetchTask, ctx]);
-  const handleAssignProfile = (0, import_react.useCallback)(async (profileId) => {
-    setActionLoading("assign-profile");
+  const handleRunChecks = (0, import_react2.useCallback)(async () => {
+    setRunningChecks(true);
     try {
-      const newProfile = task?.assignedProfile === profileId ? void 0 : profileId;
-      await callTool("fw_weaver_task_update", { id: taskId, assignedProfile: newProfile ?? null });
-      (0, import_plugin_ui_kit.toast)(newProfile ? `Assigned profile ${profileId}` : `Unassigned profile`, { type: "success" });
-      fetchTask();
+      await callTool("fw_weaver_task_update", { id: taskId, runAcceptanceChecks: true });
+      (0, import_plugin_ui_kit2.toast)("Acceptance checks triggered", { type: "info" });
+      setTimeout(() => fetchTask(), 2e3);
     } catch (err) {
-      (0, import_plugin_ui_kit.toast)(err instanceof Error ? err.message : "Failed to assign profile", { type: "error" });
+      (0, import_plugin_ui_kit2.toast)(err instanceof Error ? err.message : "Failed to run checks", { type: "error" });
     }
-    setActionLoading(null);
-  }, [callTool, taskId, task, fetchTask]);
-  const handlePriorityChange = (0, import_react.useCallback)(async (delta) => {
-    const newPriority = Math.max(0, (task?.priority ?? 0) + delta);
-    try {
-      await callTool("fw_weaver_task_update", { id: taskId, priority: newPriority });
-      fetchTask();
-    } catch {
-    }
-  }, [callTool, taskId, task, fetchTask]);
-  const [expandedRunId, setExpandedRunId] = (0, import_react.useState)(null);
-  const [liveExpanded, setLiveExpanded] = (0, import_react.useState)(true);
-  const toggleExpand = (0, import_react.useCallback)((id) => {
+    setRunningChecks(false);
+  }, [callTool, taskId, fetchTask]);
+  const [expandedRunId, setExpandedRunId] = (0, import_react2.useState)(null);
+  const [liveExpanded, setLiveExpanded] = (0, import_react2.useState)(true);
+  const toggleExpand = (0, import_react2.useCallback)((id) => {
     setExpandedRunId((prev) => prev === id ? null : id);
   }, []);
-  const scrollRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
+  const scrollRef = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(() => {
     const el = scrollRef.current;
     if (el) el.scrollTop = el.scrollHeight;
   }, [liveTimeline.length, stream.events.length]);
-  const [approvalStatus, setApprovalStatus] = (0, import_react.useState)(null);
-  const [approvalLoading, setApprovalLoading] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
-    if (awaitingApproval) setApprovalStatus("pending");
-  }, [awaitingApproval]);
-  (0, import_react.useEffect)(() => {
-    if (stream.events.length === 0) setApprovalStatus(null);
-  }, [stream.events.length]);
-  const handleApprove = (0, import_react.useCallback)(async () => {
-    setApprovalLoading(true);
-    try {
-      await callTool("fw_weaver_approve", { approved: true });
-      setApprovalStatus("approved");
-      (0, import_plugin_ui_kit.toast)("Plan approved", { type: "success" });
-    } catch (err) {
-      (0, import_plugin_ui_kit.toast)(err instanceof Error ? err.message : "Failed to approve", { type: "error" });
-    }
-    setApprovalLoading(false);
-  }, [callTool]);
-  const handleReject = (0, import_react.useCallback)(async () => {
-    setApprovalLoading(true);
-    try {
-      await callTool("fw_weaver_approve", { approved: false });
-      setApprovalStatus("rejected");
-      (0, import_plugin_ui_kit.toast)("Plan rejected", { type: "info" });
-    } catch (err) {
-      (0, import_plugin_ui_kit.toast)(err instanceof Error ? err.message : "Failed to reject", { type: "error" });
-    }
-    setApprovalLoading(false);
-  }, [callTool]);
-  const runItems = (0, import_react.useMemo)(() => {
+  const runItems = (0, import_react2.useMemo)(() => {
     return history.map((run) => ({
       run,
       runTimeline: traceToTimeline(run)
@@ -620,383 +1145,346 @@ function TaskDetailView({ taskId, onBack, onEdit }) {
     }
     return task?.title ?? "Bot run";
   }
-  if (loading && !task) {
-    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" },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-8", style: headerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Button, { variant: "ghost", size: "sm", onClick: onBack, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Icon, { name: "arrowBack", size: 16 }),
-            " Back"
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Flex, { variant: "column-center-center-nowrap-0", style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-regular", color: "color-text-subtle", children: "Loading task..." }) })
-        ]
+  const acceptanceChecks = task?.acceptance?.checks ?? [];
+  const lastAcceptance = task?.lastAcceptanceCheck;
+  const hasAcceptance = acceptanceChecks.length > 0;
+  const hasContext = (task?.context?.files?.length ?? 0) > 0 || task?.context?.notes;
+  const hasSubtasks = task?.isParent && subtasks.length > 0;
+  const hasRuns = runItems.length > 0 || isLive;
+  const attemptCount = task?.context?.runHistory?.length ?? 0;
+  const isTerminal = task?.status === "done" || task?.status === "cancelled";
+  const blockedByIds = task?.dependsOn?.length ? task.dependsOn : [];
+  const filesChangedSincePass = (0, import_react2.useMemo)(() => {
+    if (!lastAcceptance?.met || !lastAcceptance.checkedAt) return [];
+    const passTime = new Date(lastAcceptance.checkedAt).getTime();
+    const changed = [];
+    for (const run of task?.context?.runHistory ?? []) {
+      const runTime = new Date(run.endedAt).getTime();
+      if (runTime > passTime) {
+        changed.push(...run.filesModified ?? [], ...run.filesCreated ?? []);
       }
-    );
+    }
+    return [...new Set(changed)];
+  }, [lastAcceptance, task?.context?.runHistory]);
+  if (loading && !task) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "column-stretch-start-nowrap-0", style: { width: "100%", height: "100%", overflow: "hidden" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Flex, { variant: "column-stretch-start-nowrap-8", style: headerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Button, { variant: "ghost", size: "sm", onClick: onBack, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Icon, { name: "arrowBack", size: 16 }),
+        " Back"
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Flex, { variant: "column-center-center-nowrap-0", style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Typography, { variant: "caption-regular", color: "color-text-subtle", children: "Loading task..." }) })
+    ] });
   }
   if (!task) {
-    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" },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-8", style: headerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Button, { variant: "ghost", size: "sm", onClick: onBack, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Icon, { name: "arrowBack", size: 16 }),
-            " Back"
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Flex, { variant: "column-center-center-nowrap-0", style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-regular", color: "color-text-subtle", children: "Task not found." }) })
-        ]
-      }
-    );
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "column-stretch-start-nowrap-0", style: { width: "100%", height: "100%", overflow: "hidden" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Flex, { variant: "column-stretch-start-nowrap-8", style: headerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Button, { variant: "ghost", size: "sm", onClick: onBack, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Icon, { name: "arrowBack", size: 16 }),
+        " Back"
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Flex, { variant: "column-center-center-nowrap-0", style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Typography, { variant: "caption-regular", color: "color-text-subtle", children: "Task not found." }) })
+    ] });
   }
-  const hasContext = task.context?.files?.length > 0 || task.context?.notes;
-  const hasSubtasks = task.isParent && subtasks.length > 0;
-  const hasRuns = runItems.length > 0 || isLive;
-  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" },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          import_plugin_ui_kit.Flex,
+  const tabs = [
+    { id: "runs", title: `Runs (${runItems.length}${isLive ? "+1" : ""})` },
+    ...hasAcceptance ? [{ id: "checks", title: "Checks" }] : [],
+    { id: "details", title: "Details" },
+    ...hasSubtasks ? [{ id: "subtasks", title: `Subtasks (${subtasks.filter((s) => s.status === "done").length}/${subtasks.length})` }] : [],
+    ...hasContext ? [{ id: "context", title: "Context" }] : []
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "column-stretch-start-nowrap-0", style: { width: "100%", height: "100%", overflow: "hidden" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "column-stretch-start-nowrap-6", style: headerStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "row-center-space-between-nowrap-8", style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "row-center-start-nowrap-8", style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.IconButton, { icon: "back", size: "xs", variant: "clear", onClick: onBack }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_plugin_ui_kit2.StatusIcon,
+            {
+              status: TASK_STATUS_ICON[task.status] || "pending",
+              icon: TASK_STATUS_ICON_OVERRIDE[task.status],
+              size: "sm"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_plugin_ui_kit2.Typography,
+            {
+              variant: "caption-thick",
+              color: "color-text-high",
+              style: { flex: 1, minWidth: 0, wordBreak: "break-word" },
+              children: task.title || "Untitled Task"
+            }
+          )
+        ] }),
+        !isTerminal && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "row-center-end-nowrap-4", style: { flexShrink: 0 }, children: [
+          task.status === "open" && attemptCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_plugin_ui_kit2.IconButton,
+            {
+              icon: "replay",
+              size: "xs",
+              variant: "outlined",
+              onClick: handleRetry,
+              title: "Retry"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_plugin_ui_kit2.IconButton,
+            {
+              icon: "close",
+              size: "xs",
+              variant: "outlined",
+              color: "danger",
+              onClick: handleCancel,
+              title: "Cancel"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "row-center-start-wrap-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.StatusChip, { status: TASK_STATUS_CHIP[task.status] ?? "info", icon: TASK_STATUS_ICON[task.status], children: TASK_STATUS_LABEL[task.status] }),
+        task.assignedProfile && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.StatusChip, { status: "info", icon: "person", children: task.assignedProfile }),
+        task.priority > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          import_plugin_ui_kit2.StatusChip,
           {
-            variant: "column-stretch-start-nowrap-6",
-            style: { ...headerStyle, padding: "12px 16px", borderBottom: "1px solid var(--color-border-default)" },
+            status: task.priority >= 3 ? "error" : task.priority === 2 ? "warning" : "info",
+            icon: "flag",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-space-between-nowrap-8", 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.IconButton,
-                    {
-                      icon: "back",
-                      size: "xs",
-                      variant: "clear",
-                      onClick: onBack
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_plugin_ui_kit.StatusIcon,
-                    {
-                      status: statusToIcon[task.status] || "pending",
-                      size: "sm"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_plugin_ui_kit.Typography,
-                    {
-                      variant: "caption-thick",
-                      color: "color-text-high",
-                      style: { flex: 1, minWidth: 0, wordBreak: "break-word" },
-                      children: task.title || "Untitled Task"
-                    }
-                  )
-                ] }),
-                onEdit && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_plugin_ui_kit.IconButton,
-                  {
-                    icon: "edit",
-                    size: "xs",
-                    variant: "clear",
-                    onClick: () => onEdit(taskId),
-                    title: "Edit task"
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-wrap-6", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_plugin_ui_kit.Chip,
-                  {
-                    label: statusToLabel[task.status] || task.status || "open",
-                    size: "small",
-                    color: task.status === "done" ? "color-status-positive" : task.status === "cancelled" ? "color-status-negative" : task.status === "in-progress" ? "color-status-info" : "color-brand-alt"
-                  }
-                ),
-                task.assignedProfile && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Chip, { label: task.assignedProfile, size: "small", color: "color-status-info" }, `profile-${task.assignedProfile}`),
-                task.priority > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_plugin_ui_kit.Chip,
-                  {
-                    label: `P${task.priority}`,
-                    size: "small",
-                    color: task.priority >= 3 ? "color-status-caution" : "color-status-info"
-                  }
-                ),
-                (task.context?.runHistory?.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: `${task.context.runHistory.length} run${task.context.runHistory.length !== 1 ? "s" : ""}` })
-              ] }),
-              task.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-medium", children: task.description }),
-              task.assignedProfile && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-medium", children: `Profile: ${task.assignedProfile}` }),
-                task.routingReason && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: task.routingReason })
-              ] })
+              "P",
+              task.priority
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_plugin_ui_kit.Tabs,
+        attemptCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.StatusChip, { status: "info", icon: "replay", children: [
+          attemptCount,
+          " ",
+          attemptCount === 1 ? "attempt" : "attempts"
+        ] }),
+        task.costUsed > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.StatusChip, { status: "info", icon: "payments", children: [
+          (0, import_plugin_ui_kit2.formatCost)(task.costUsed),
+          task.budgetCost ? ` / ${(0, import_plugin_ui_kit2.formatCost)(task.budgetCost)}` : ""
+        ] }),
+        hasAcceptance && lastAcceptance && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_plugin_ui_kit2.StatusChip,
           {
-            tabs: [
-              { id: "runs", title: `Runs (${runItems.length}${isLive ? "+1" : ""})` },
-              ...hasSubtasks ? [{ id: "subtasks", title: `Subtasks (${subtasks.filter((s) => s.status === "done").length}/${subtasks.length})` }] : [],
-              ...task.status !== "done" && task.status !== "cancelled" ? [{ id: "actions", title: "Actions" }] : [],
-              ...hasContext ? [{ id: "context", title: "Context" }] : []
-            ],
-            activeTabId: detailTab,
-            onSelectTab: (id) => setDetailTab(id),
-            size: "sm"
+            status: lastAcceptance.met ? "success" : "error",
+            icon: lastAcceptance.met ? "checkCircle" : "cancel",
+            children: lastAcceptance.met ? "Checks pass" : "Checks fail"
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.ScrollArea, { ref: scrollRef, style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-8", style: { padding: "12px 16px" }, children: [
-          detailTab === "runs" && (hasRuns || (task.context?.runHistory?.length ?? 0) > 0) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-8", children: [
-            runItems.map(({ run, runTimeline }) => {
-              const runId = run.id;
-              const isExpanded = expandedRunId === runId;
-              const isSuccess = run.outcome === "completed" || run.success === true;
-              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_plugin_ui_kit.TaskBlock,
-                {
-                  state: isSuccess ? "completed" : "failed",
-                  instruction: extractInstruction(run),
-                  timeline: runTimeline,
-                  report: run.report ?? null,
-                  cost: typeof run.cost === "number" ? run.cost : run.costDetail?.totalCost ?? null,
-                  plan: run.plan,
-                  startedAt: run.startedAt,
-                  durationMs: run.durationMs ?? run.duration,
-                  expanded: isExpanded,
-                  onToggleExpand: () => toggleExpand(runId)
-                },
-                `run-${runId}`
-              );
-            }),
-            isLive && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_plugin_ui_kit.TaskBlock,
-              {
-                state: "running",
-                instruction: liveInstruction ?? task.title,
-                timeline: liveTimeline,
-                report: liveReport,
-                phase: livePhase,
-                elapsed,
-                cost: liveCost,
-                plan,
-                error: stream.error,
-                approval: approvalStatus ?? void 0,
-                approvalLoading,
-                onApprove: handleApprove,
-                onReject: handleReject,
-                expanded: liveExpanded,
-                onToggleExpand: () => setLiveExpanded((v) => !v)
-              },
-              "live-run"
-            )
-          ] }) : detailTab === "runs" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_plugin_ui_kit.EmptyState,
+        )
+      ] }),
+      task.description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Typography, { variant: "smallCaption-regular", color: "color-text-medium", truncate: true, children: task.description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_plugin_ui_kit2.Tabs,
+      {
+        tabs,
+        activeTabId: activeTab,
+        onSelectTab: (id) => setActiveTab(id),
+        size: "sm"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.ScrollArea, { ref: scrollRef, style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "column-stretch-start-nowrap-12", style: { padding: "12px 16px" }, children: [
+      activeTab === "checks" && hasAcceptance && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "column-stretch-start-nowrap-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "row-center-space-between-nowrap-8", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Typography, { variant: "caption-thick", color: "color-text-medium", children: "Acceptance Checks" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+            import_plugin_ui_kit2.Button,
             {
-              icon: "smartToy",
-              message: "No runs yet",
-              description: "This task has not been executed yet."
+              size: "xs",
+              variant: "outlined",
+              onClick: handleRunChecks,
+              loading: runningChecks,
+              disabled: runningChecks || isLive,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Icon, { name: "playArrow", size: 12 }),
+                " Run"
+              ]
             }
-          ),
-          detailTab === "subtasks" && hasSubtasks && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-0", children: (subtasks ?? []).map((sub) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            SubtaskRowItem,
+          )
+        ] }),
+        lastAcceptance ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "column-stretch-start-nowrap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "row-center-start-nowrap-8", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              import_plugin_ui_kit2.StatusChip,
+              {
+                status: lastAcceptance.met ? "success" : "error",
+                icon: lastAcceptance.met ? "check" : "close",
+                children: [
+                  lastAcceptance.results.filter((r) => r.pass).length,
+                  "/",
+                  lastAcceptance.results.length,
+                  " passed"
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: new Date(lastAcceptance.checkedAt).toLocaleTimeString() })
+          ] }),
+          lastAcceptance.results.map((r) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            AcceptanceCheckRow,
             {
-              sub,
-              onBack
+              name: r.name,
+              pass: r.pass,
+              detail: r.detail
             },
-            sub.id
-          )) }),
-          detailTab === "actions" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-16", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-8", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-thick", color: "color-text-medium", children: "Status" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-6", children: [
-                task.status === "open" && (task.context?.runHistory?.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_plugin_ui_kit.Button,
-                  {
-                    size: "xs",
-                    variant: "fill",
-                    color: "primary",
-                    onClick: handleRetry,
-                    loading: actionLoading === "retry",
-                    disabled: !!actionLoading,
-                    children: "Retry Task"
-                  }
-                ),
-                (task.status === "open" || task.status === "in-progress") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_plugin_ui_kit.Button,
-                  {
-                    size: "xs",
-                    variant: "outlined",
-                    color: "danger",
-                    onClick: handleCancel,
-                    loading: actionLoading === "cancel",
-                    disabled: !!actionLoading,
-                    children: "Cancel Task"
-                  }
-                )
+            r.name
+          )),
+          lastAcceptance.met && filesChangedSincePass.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "column-stretch-start-nowrap-4", style: { marginTop: "4px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "row-center-start-nowrap-6", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Icon, { name: "warning", size: 12, color: "color-status-caution" }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Typography, { variant: "smallCaption-regular", color: "color-status-caution", children: [
+                filesChangedSincePass.length,
+                " file",
+                filesChangedSincePass.length !== 1 ? "s" : "",
+                " changed since last pass"
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-8", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-thick", color: "color-text-medium", children: "Priority" }),
-              /* @__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: "expandLess",
-                    size: "xs",
-                    variant: "outlined",
-                    onClick: () => handlePriorityChange(1),
-                    title: "Increase priority"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-high", children: `P${task.priority ?? 0}` }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_plugin_ui_kit.IconButton,
-                  {
-                    icon: "expandMore",
-                    size: "xs",
-                    variant: "outlined",
-                    onClick: () => handlePriorityChange(-1),
-                    title: "Decrease priority"
-                  }
-                )
-              ] })
-            ] }),
-            availableProfiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-8", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-thick", color: "color-text-medium", children: "Assign Profile" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_plugin_ui_kit.Table,
-                {
-                  size: "compact",
-                  getRowKey: (row) => row.id,
-                  columns: [
-                    {
-                      key: "icon",
-                      header: "",
-                      width: "30px",
-                      render: (_, row) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                        import_plugin_ui_kit.Icon,
-                        {
-                          name: row.icon || "smartToy",
-                          size: 14,
-                          color: row.color || "color-text-medium"
-                        }
-                      )
-                    },
-                    {
-                      key: "name",
-                      header: "Profile"
-                    },
-                    {
-                      key: "capabilities",
-                      header: "Capabilities",
-                      render: (_, row) => {
-                        const caps = row.capabilities || [];
-                        if (caps.length === 0) return null;
-                        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-wrap-4", children: [
-                          caps.slice(0, 4).map((cap) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { title: cap.description, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Chip, { label: cap.name, size: "small", color: "color-brand-main" }) }, cap.name)),
-                          caps.length > 4 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: `+${caps.length - 4}` })
-                        ] });
-                      }
-                    },
-                    {
-                      key: "assigned",
-                      header: "Assign",
-                      width: "50px",
-                      align: "right",
-                      render: (_, row) => {
-                        const isAssigned = task.assignedProfile === row.id;
-                        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                          import_plugin_ui_kit.Checkbox,
-                          {
-                            checked: isAssigned,
-                            onChange: () => handleAssignProfile(row.id),
-                            size: "sm"
-                          }
-                        );
-                      }
-                    }
-                  ],
-                  data: availableProfiles
-                }
-              )
+            filesChangedSincePass.slice(0, 5).map((f) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", mono: true, children: f }, f)),
+            filesChangedSincePass.length > 5 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: [
+              "+",
+              filesChangedSincePass.length - 5,
+              " more"
             ] })
-          ] }),
-          detailTab === "context" && hasContext && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-12", children: [
-            (task.context?.files?.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-thick", color: "color-text-medium", children: "Files" }),
-              (task.context?.files ?? []).map((file) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_plugin_ui_kit.Typography,
-                {
-                  variant: "smallCaption-regular",
-                  color: "color-text-high",
-                  style: { fontFamily: "var(--font-mono, monospace)" },
-                  children: file
-                },
-                file
-              ))
-            ] }),
-            task.context?.notes && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-thick", color: "color-text-medium", children: "Notes" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_plugin_ui_kit.Typography,
-                {
-                  variant: "smallCaption-regular",
-                  color: "color-text-high",
-                  style: { whiteSpace: "pre-wrap" },
-                  children: task.context.notes
-                }
-              )
-            ] }),
-            (task.context?.runHistory?.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-6", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-thick", color: "color-text-medium", children: "Run History" }),
-              (task.context?.runHistory ?? []).map((rs, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                import_plugin_ui_kit.Card,
+          ] })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "column-stretch-start-nowrap-4", children: [
+          acceptanceChecks.map((check) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "row-center-start-nowrap-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Icon, { name: "schedule", size: 12, color: "color-text-subtle" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Typography, { variant: "smallCaption-regular", color: "color-text-medium", children: check.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", mono: true, children: check.command })
+          ] }, check.name)),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: "Not yet run" })
+        ] })
+      ] }),
+      activeTab === "details" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { margin: "-12px -16px", flex: 1, minHeight: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        task_editor_default,
+        {
+          mode: "edit",
+          taskId,
+          embedded: true,
+          onSave: () => {
+            fetchTask();
+            setActiveTab("actions");
+          },
+          onCancel: () => setActiveTab("actions"),
+          onDelete: () => {
+            fetchTask();
+            setActiveTab("actions");
+          }
+        }
+      ) }),
+      activeTab === "runs" && (hasRuns ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "column-stretch-start-nowrap-8", children: [
+        runItems.map(({ run, runTimeline }) => {
+          const runId = run.id;
+          const isExpanded = expandedRunId === runId;
+          const isSuccess = run.outcome === "completed" || run.success === true;
+          return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_plugin_ui_kit2.TaskBlock,
+            {
+              state: isSuccess ? "completed" : "failed",
+              instruction: extractInstruction(run),
+              timeline: runTimeline,
+              report: run.report ?? null,
+              cost: typeof run.cost === "number" ? run.cost : run.costDetail?.totalCost ?? null,
+              plan: run.plan,
+              startedAt: run.startedAt,
+              durationMs: run.durationMs ?? run.duration,
+              expanded: isExpanded,
+              onToggleExpand: () => toggleExpand(runId)
+            },
+            `run-${runId}`
+          );
+        }),
+        isLive && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_plugin_ui_kit2.TaskBlock,
+          {
+            state: "running",
+            instruction: liveInstruction ?? task.title,
+            timeline: liveTimeline,
+            report: liveReport,
+            phase: livePhase,
+            elapsed,
+            cost: liveCost,
+            plan,
+            error: stream.error,
+            approval: approvalStatus ?? void 0,
+            approvalLoading,
+            onApprove: handleApprove,
+            onReject: handleReject,
+            expanded: liveExpanded,
+            onToggleExpand: () => setLiveExpanded((v) => !v)
+          },
+          "live-run"
+        )
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_plugin_ui_kit2.EmptyState,
+        {
+          icon: "smartToy",
+          message: "No runs yet",
+          description: "This task has not been executed yet."
+        }
+      )),
+      activeTab === "subtasks" && hasSubtasks && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Flex, { variant: "column-stretch-start-nowrap-0", children: (subtasks ?? []).map((sub) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SubtaskRowItem, { sub, onClick: onBack }, sub.id)) }),
+      activeTab === "context" && hasContext && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "column-stretch-start-nowrap-12", children: [
+        (task.context?.files?.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "column-stretch-start-nowrap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Typography, { variant: "caption-thick", color: "color-text-medium", children: "Files" }),
+          (task.context?.files ?? []).map((file) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_plugin_ui_kit2.Typography,
+            {
+              variant: "smallCaption-regular",
+              color: "color-text-high",
+              mono: true,
+              children: file
+            },
+            file
+          ))
+        ] }),
+        task.context?.notes && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "column-stretch-start-nowrap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Typography, { variant: "caption-thick", color: "color-text-medium", children: "Notes" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_plugin_ui_kit2.Typography,
+            {
+              variant: "smallCaption-regular",
+              color: "color-text-high",
+              style: { whiteSpace: "pre-wrap" },
+              children: task.context.notes
+            }
+          )
+        ] }),
+        (task.context?.runHistory?.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "column-stretch-start-nowrap-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Typography, { variant: "caption-thick", color: "color-text-medium", children: "Run History" }),
+          (task.context?.runHistory ?? []).map((rs, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Card, { variant: "bordered", padding: "compact", style: { gap: "4px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Flex, { variant: "row-center-space-between-nowrap-8", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                import_plugin_ui_kit2.Typography,
                 {
-                  variant: "bordered",
-                  padding: "compact",
-                  style: { gap: "4px" },
+                  variant: "smallCaption-thick",
+                  color: rs.outcome === "success" ? "color-status-positive" : "color-status-negative",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-space-between-nowrap-8", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                        import_plugin_ui_kit.Typography,
-                        {
-                          variant: "smallCaption-thick",
-                          color: rs.outcome === "success" ? "color-status-positive" : "color-status-negative",
-                          children: `${rs.outcome === "success" ? "Success" : "Failed"} (${rs.botId ?? "unknown bot"})`
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: `${Math.round((rs.durationMs ?? 0) / 1e3)}s \xB7 ${rs.tokensUsed ?? 0} tok \xB7 $${(rs.cost ?? 0).toFixed(3)}` })
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-medium", children: rs.summary ?? "" }),
-                    (rs.filesModified ?? []).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                      import_plugin_ui_kit.Typography,
-                      {
-                        variant: "smallCaption-regular",
-                        color: "color-text-subtle",
-                        style: { fontFamily: "var(--font-mono, monospace)" },
-                        children: `Files: ${rs.filesModified.join(", ")}`
-                      }
-                    ),
-                    rs.remainingWork && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-status-caution", children: `Remaining: ${rs.remainingWork}` })
+                    rs.outcome === "success" ? "Success" : "Failed",
+                    " (",
+                    rs.botId ?? "unknown bot",
+                    ")"
                   ]
-                },
-                `rs-${i}`
-              ))
-            ] }),
-            (task.tokensUsed > 0 || task.costUsed > 0) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-thick", color: "color-text-medium", children: "Budget" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-16", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-high", children: `Tokens: ${task.tokensUsed?.toLocaleString() ?? 0}` }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-high", children: `Cost: $${(task.costUsed ?? 0).toFixed(3)}${task.budgetCost ? ` / $${task.budgetCost.toFixed(2)}` : ""}` })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: [
+                (0, import_plugin_ui_kit2.formatDuration)(rs.durationMs ?? 0),
+                " \xB7 ",
+                rs.tokensUsed ?? 0,
+                " tok \xB7 ",
+                (0, import_plugin_ui_kit2.formatCost)(rs.cost ?? 0)
               ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_plugin_ui_kit2.Typography, { variant: "smallCaption-regular", color: "color-text-medium", children: rs.summary ?? "" }),
+            (rs.filesModified ?? []).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", mono: true, children: [
+              "Files: ",
+              rs.filesModified.join(", ")
+            ] }),
+            rs.remainingWork && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_plugin_ui_kit2.Typography, { variant: "smallCaption-regular", color: "color-status-caution", children: [
+              "Remaining: ",
+              rs.remainingWork
             ] })
-          ] })
-        ] }) })
-      ]
-    }
-  );
+          ] }, `rs-${i}`))
+        ] })
+      ] })
+    ] }) })
+  ] });
 }
 var task_detail_view_default = TaskDetailView;