@synergenius/flow-weaver-pack-weaver 0.9.81 → 0.9.83

package/dist/ui/swarm-dashboard.js

@@ -530,75 +530,11 @@ function TaskPoolList({ tasks, onTaskClick }) {
 var task_pool_list_default = TaskPoolList;
 module.exports = TaskPoolList;
 
-// src/ui/task-create-form.tsx
-var import_react2 = __toESM(require("react"), 1);
-var import_plugin_ui_kit2 = require("@fw/plugin-ui-kit");
-var { useState: useState3, useCallback: useCallback2 } = import_react2.default;
-function parseToolResult(raw) {
-  if (typeof raw === "string") {
-    try {
-      return JSON.parse(raw);
-    } catch {
-      return raw;
-    }
-  }
-  return raw;
-}
-function TaskCreateForm({ onTaskCreated }) {
-  const ctx = (0, import_plugin_ui_kit2.usePackWorkspace)();
-  const { callTool } = ctx;
-  const [title, setTitle] = useState3("");
-  const [creating, setCreating] = useState3(false);
-  const handleCreate = useCallback2(async () => {
-    const trimmed = title.trim();
-    if (!trimmed) return;
-    setCreating(true);
-    try {
-      const raw = await callTool("fw_weaver_task_create", { title: trimmed });
-      const result = parseToolResult(raw);
-      (0, import_plugin_ui_kit2.toast)(`Task created: ${result?.task?.title ?? trimmed}`, { type: "success" });
-      setTitle("");
-      onTaskCreated?.();
-    } catch (err) {
-      (0, import_plugin_ui_kit2.toast)(err instanceof Error ? err.message : "Failed to create task", { type: "error" });
-    } finally {
-      setCreating(false);
-    }
-  }, [title, callTool, onTaskCreated]);
-  return import_react2.default.createElement(
-    import_plugin_ui_kit2.Flex,
-    {
-      variant: "row-center-start-nowrap-6"
-    },
-    import_react2.default.createElement(import_plugin_ui_kit2.Input, {
-      type: "text",
-      size: "small",
-      placeholder: "What needs to be done?",
-      value: title,
-      onChange: (v) => setTitle(v),
-      onEnter: handleCreate,
-      disabled: creating,
-      defaultBoxStyle: { flex: 1, minWidth: 0 },
-      inputBoxStyle: { maxWidth: "none" }
-    }),
-    import_react2.default.createElement(import_plugin_ui_kit2.IconButton, {
-      icon: "add",
-      size: "sm",
-      variant: "fill",
-      color: "primary",
-      onClick: handleCreate,
-      disabled: creating || !title.trim(),
-      loading: creating
-    })
-  );
-}
-var task_create_form_default = TaskCreateForm;
-
 // src/ui/use-stream-timeline.ts
-var React6 = require("react");
-var { useMemo, useState: useState4, useEffect, useRef } = React6;
+var React5 = require("react");
+var { useMemo, useState: useState3, useEffect, useRef } = React5;
 function useStreamTimeline(events, isDone) {
-  const [elapsed, setElapsed] = useState4(0);
+  const [elapsed, setElapsed] = useState3(0);
   const startTimeRef = useRef(null);
   useEffect(() => {
     if (events.length === 0) {
@@ -855,17 +791,17 @@ function traceToTimeline(run) {
 }
 
 // src/ui/task-detail-view.tsx
-var React7 = require("react");
-var { useState: useState5, useEffect: useEffect2, useCallback: useCallback3, useRef: useRef2, useMemo: useMemo2 } = React7;
+var React6 = require("react");
+var { useState: useState4, useEffect: useEffect2, useCallback: useCallback2, useRef: useRef2, useMemo: useMemo2 } = React6;
 var {
-  Flex: Flex6,
+  Flex: Flex5,
   Typography: Typography5,
   ScrollArea: ScrollArea2,
   StatusIcon: StatusIcon3,
   Tag: Tag2,
   Badge: Badge2,
   Icon: Icon3,
-  IconButton: IconButton4,
+  IconButton: IconButton3,
   TaskBlock,
   Button: Button2,
   Card,
@@ -874,8 +810,8 @@ var {
   Table,
   Tabs,
   EmptyState: EmptyState2,
-  toast: toast3,
-  usePackWorkspace: usePackWorkspace3,
+  toast: toast2,
+  usePackWorkspace: usePackWorkspace2,
   useEventStream
 } = require("@fw/plugin-ui-kit");
 var statusToIcon2 = {
@@ -920,9 +856,9 @@ var subtaskRowHoverStyle = {
   backgroundColor: "var(--color-surface-elevated)"
 };
 function SubtaskRowItem({ sub, onBack }) {
-  const [hovered, setHovered] = useState5(false);
-  return React7.createElement(
-    Flex6,
+  const [hovered, setHovered] = useState4(false);
+  return React6.createElement(
+    Flex5,
     {
       variant: "row-center-start-nowrap-8",
       style: hovered ? subtaskRowHoverStyle : subtaskRowStyle,
@@ -930,37 +866,37 @@ function SubtaskRowItem({ sub, onBack }) {
       onMouseEnter: () => setHovered(true),
       onMouseLeave: () => setHovered(false)
     },
-    React7.createElement(StatusIcon3, {
+    React6.createElement(StatusIcon3, {
       status: statusToIcon2[sub.status] || "pending",
       size: "sm"
     }),
-    React7.createElement(
-      Flex6,
+    React6.createElement(
+      Flex5,
       {
         variant: "row-center-start-nowrap-0",
         style: { flex: 1, minWidth: 0 }
       },
-      React7.createElement(Typography5, { variant: "caption-regular", truncate: true }, sub.title)
+      React6.createElement(Typography5, { variant: "caption-regular", truncate: true }, sub.title)
     ),
-    sub.assignedProfile && React7.createElement(Tag2, {
+    sub.assignedProfile && React6.createElement(Tag2, {
       size: "small",
       color: "info"
     }, sub.assignedProfile),
-    React7.createElement(Typography5, {
+    React6.createElement(Typography5, {
       variant: "caption-regular",
       color: "color-text-subtle"
     }, `#${sub.attempt}`)
   );
 }
-function TaskDetailView({ taskId, onBack }) {
-  const ctx = usePackWorkspace3();
+function TaskDetailView({ taskId, onBack, onEdit }) {
+  const ctx = usePackWorkspace2();
   const { callTool } = ctx;
   const packId = ctx.packId;
-  const [task, setTask] = useState5(null);
-  const [subtasks, setSubtasks] = useState5([]);
-  const [history, setHistory] = useState5([]);
-  const [loading, setLoading] = useState5(true);
-  const fetchTask = useCallback3(async () => {
+  const [task, setTask] = useState4(null);
+  const [subtasks, setSubtasks] = useState4([]);
+  const [history, setHistory] = useState4([]);
+  const [loading, setLoading] = useState4(true);
+  const fetchTask = useCallback2(async () => {
     try {
       const raw = await callTool("fw_weaver_task_get", { id: taskId });
       const data = typeof raw === "string" ? JSON.parse(raw) : raw;
@@ -979,7 +915,7 @@ function TaskDetailView({ taskId, onBack }) {
     } catch (err) {
     }
   }, [callTool, taskId]);
-  const fetchHistory = useCallback3(async () => {
+  const fetchHistory = useCallback2(async () => {
     try {
       const raw = await callTool("fw_weaver_history", { taskId });
       const data = typeof raw === "string" ? JSON.parse(raw) : raw;
@@ -1023,9 +959,9 @@ function TaskDetailView({ taskId, onBack }) {
     stream.start(packId, "fw_weaver_events", currentRunId);
     return () => stream.stop();
   }, [isLive, currentRunId, packId]);
-  const [detailTab, setDetailTab] = useState5("runs");
-  const [actionLoading, setActionLoading] = useState5(null);
-  const [availableProfiles, setAvailableProfiles] = useState5([]);
+  const [detailTab, setDetailTab] = useState4("runs");
+  const [actionLoading, setActionLoading] = useState4(null);
+  const [availableProfiles, setAvailableProfiles] = useState4([]);
   useEffect2(() => {
     callTool("fw_weaver_profile_list", {}).then((raw) => {
       const data = typeof raw === "string" ? JSON.parse(raw) : raw;
@@ -1033,47 +969,47 @@ function TaskDetailView({ taskId, onBack }) {
     }).catch(() => {
     });
   }, [callTool]);
-  const handleRetry = useCallback3(async () => {
+  const handleRetry = useCallback2(async () => {
     setActionLoading("retry");
     try {
       await callTool("fw_weaver_task_retry", { id: taskId });
-      toast3("Task retried, back in pool", { type: "success" });
+      toast2("Task retried, back in pool", { type: "success" });
       fetchTask();
     } catch (err) {
-      toast3(err instanceof Error ? err.message : "Failed to retry", { type: "error" });
+      toast2(err instanceof Error ? err.message : "Failed to retry", { type: "error" });
     }
     setActionLoading(null);
   }, [callTool, taskId, fetchTask]);
-  const handleCancel = useCallback3(async () => {
+  const handleCancel = useCallback2(async () => {
     const ok = await ctx.confirm("Cancel this task? It cannot be undone.", {
       title: "Cancel Task",
       confirmLabel: "Cancel Task",
-      state: "warning"
+      state: "danger"
     });
     if (!ok) return;
     setActionLoading("cancel");
     try {
       await callTool("fw_weaver_task_cancel", { id: taskId });
-      toast3("Task cancelled", { type: "info" });
+      toast2("Task cancelled", { type: "info" });
       fetchTask();
     } catch (err) {
-      toast3(err instanceof Error ? err.message : "Failed to cancel", { type: "error" });
+      toast2(err instanceof Error ? err.message : "Failed to cancel", { type: "error" });
     }
     setActionLoading(null);
   }, [callTool, taskId, fetchTask, ctx]);
-  const handleAssignProfile = useCallback3(async (profileId) => {
+  const handleAssignProfile = useCallback2(async (profileId) => {
     setActionLoading("assign-profile");
     try {
       const newProfile = task?.assignedProfile === profileId ? void 0 : profileId;
       await callTool("fw_weaver_task_update", { id: taskId, assignedProfile: newProfile ?? null });
-      toast3(newProfile ? `Assigned profile ${profileId}` : `Unassigned profile`, { type: "success" });
+      toast2(newProfile ? `Assigned profile ${profileId}` : `Unassigned profile`, { type: "success" });
       fetchTask();
     } catch (err) {
-      toast3(err instanceof Error ? err.message : "Failed to assign profile", { type: "error" });
+      toast2(err instanceof Error ? err.message : "Failed to assign profile", { type: "error" });
     }
     setActionLoading(null);
   }, [callTool, taskId, task, fetchTask]);
-  const handlePriorityChange = useCallback3(async (delta) => {
+  const handlePriorityChange = useCallback2(async (delta) => {
     const newPriority = Math.max(0, (task?.priority ?? 0) + delta);
     try {
       await callTool("fw_weaver_task_update", { id: taskId, priority: newPriority });
@@ -1081,9 +1017,9 @@ function TaskDetailView({ taskId, onBack }) {
     } catch {
     }
   }, [callTool, taskId, task, fetchTask]);
-  const [expandedRunId, setExpandedRunId] = useState5(null);
-  const [liveExpanded, setLiveExpanded] = useState5(true);
-  const toggleExpand = useCallback3((id) => {
+  const [expandedRunId, setExpandedRunId] = useState4(null);
+  const [liveExpanded, setLiveExpanded] = useState4(true);
+  const toggleExpand = useCallback2((id) => {
     setExpandedRunId((prev) => prev === id ? null : id);
   }, []);
   const scrollRef = useRef2(null);
@@ -1091,33 +1027,33 @@ function TaskDetailView({ taskId, onBack }) {
     const el = scrollRef.current;
     if (el) el.scrollTop = el.scrollHeight;
   }, [liveTimeline.length, stream.events.length]);
-  const [approvalStatus, setApprovalStatus] = useState5(null);
-  const [approvalLoading, setApprovalLoading] = useState5(false);
+  const [approvalStatus, setApprovalStatus] = useState4(null);
+  const [approvalLoading, setApprovalLoading] = useState4(false);
   useEffect2(() => {
     if (awaitingApproval) setApprovalStatus("pending");
   }, [awaitingApproval]);
   useEffect2(() => {
     if (stream.events.length === 0) setApprovalStatus(null);
   }, [stream.events.length]);
-  const handleApprove = useCallback3(async () => {
+  const handleApprove = useCallback2(async () => {
     setApprovalLoading(true);
     try {
       await callTool("fw_weaver_approve", { approved: true });
       setApprovalStatus("approved");
-      toast3("Plan approved", { type: "success" });
+      toast2("Plan approved", { type: "success" });
     } catch (err) {
-      toast3(err instanceof Error ? err.message : "Failed to approve", { type: "error" });
+      toast2(err instanceof Error ? err.message : "Failed to approve", { type: "error" });
     }
     setApprovalLoading(false);
   }, [callTool]);
-  const handleReject = useCallback3(async () => {
+  const handleReject = useCallback2(async () => {
     setApprovalLoading(true);
     try {
       await callTool("fw_weaver_approve", { approved: false });
       setApprovalStatus("rejected");
-      toast3("Plan rejected", { type: "info" });
+      toast2("Plan rejected", { type: "info" });
     } catch (err) {
-      toast3(err instanceof Error ? err.message : "Failed to reject", { type: "error" });
+      toast2(err instanceof Error ? err.message : "Failed to reject", { type: "error" });
     }
     setApprovalLoading(false);
   }, [callTool]);
@@ -1146,32 +1082,32 @@ function TaskDetailView({ taskId, onBack }) {
     return "Bot run";
   }
   if (loading && !task) {
-    return React7.createElement(
-      Flex6,
+    return React6.createElement(
+      Flex5,
       {
         variant: "column-stretch-start-nowrap-0",
         style: { width: "100%", height: "100%", overflow: "hidden" }
       },
-      React7.createElement(
-        Flex6,
+      React6.createElement(
+        Flex5,
         {
           variant: "column-stretch-start-nowrap-8",
           style: headerStyle
         },
-        React7.createElement(
+        React6.createElement(
           Button2,
           { variant: "ghost", size: "sm", onClick: onBack },
-          React7.createElement(Icon3, { name: "arrowBack", size: 16 }),
+          React6.createElement(Icon3, { name: "arrowBack", size: 16 }),
           " Back"
         )
       ),
-      React7.createElement(
-        Flex6,
+      React6.createElement(
+        Flex5,
         {
           variant: "column-center-center-nowrap-0",
           style: { flex: 1 }
         },
-        React7.createElement(
+        React6.createElement(
           Typography5,
           { variant: "caption-regular", color: "color-text-subtle" },
           "Loading task..."
@@ -1180,32 +1116,32 @@ function TaskDetailView({ taskId, onBack }) {
     );
   }
   if (!task) {
-    return React7.createElement(
-      Flex6,
+    return React6.createElement(
+      Flex5,
       {
         variant: "column-stretch-start-nowrap-0",
         style: { width: "100%", height: "100%", overflow: "hidden" }
       },
-      React7.createElement(
-        Flex6,
+      React6.createElement(
+        Flex5,
         {
           variant: "column-stretch-start-nowrap-8",
           style: headerStyle
         },
-        React7.createElement(
+        React6.createElement(
           Button2,
           { variant: "ghost", size: "sm", onClick: onBack },
-          React7.createElement(Icon3, { name: "arrowBack", size: 16 }),
+          React6.createElement(Icon3, { name: "arrowBack", size: 16 }),
           " Back"
         )
       ),
-      React7.createElement(
-        Flex6,
+      React6.createElement(
+        Flex5,
         {
           variant: "column-center-center-nowrap-0",
           style: { flex: 1 }
         },
-        React7.createElement(
+        React6.createElement(
           Typography5,
           { variant: "caption-regular", color: "color-text-subtle" },
           "Task not found."
@@ -1216,71 +1152,82 @@ function TaskDetailView({ taskId, onBack }) {
   const hasContext = task.context?.files?.length > 0 || task.context?.notes;
   const hasSubtasks = task.isParent && subtasks.length > 0;
   const hasRuns = runItems.length > 0 || isLive;
-  return React7.createElement(
-    Flex6,
+  return React6.createElement(
+    Flex5,
     {
       variant: "column-stretch-start-nowrap-0",
       style: { width: "100%", height: "100%", overflow: "hidden" }
     },
     // ── Header ──
-    React7.createElement(
-      Flex6,
+    React6.createElement(
+      Flex5,
       {
         variant: "column-stretch-start-nowrap-6",
         style: { ...headerStyle, padding: "12px 16px", borderBottom: "1px solid var(--color-border-default)" }
       },
-      // Top row: back + title + status
-      React7.createElement(
-        Flex6,
-        { variant: "row-center-start-nowrap-8" },
-        React7.createElement(IconButton4, {
-          icon: "back",
+      // Top row: back + title + status + edit
+      React6.createElement(
+        Flex5,
+        { variant: "row-center-space-between-nowrap-8" },
+        React6.createElement(
+          Flex5,
+          { variant: "row-center-start-nowrap-8", style: { flex: 1, minWidth: 0 } },
+          React6.createElement(IconButton3, {
+            icon: "back",
+            size: "xs",
+            variant: "clear",
+            onClick: onBack
+          }),
+          React6.createElement(StatusIcon3, {
+            status: statusToIcon2[task.status] || "pending",
+            size: "sm"
+          }),
+          React6.createElement(Typography5, {
+            variant: "caption-thick",
+            color: "color-text-high",
+            style: { flex: 1, minWidth: 0, wordBreak: "break-word" }
+          }, task.title || "Untitled Task")
+        ),
+        onEdit && React6.createElement(IconButton3, {
+          icon: "edit",
           size: "xs",
           variant: "clear",
-          onClick: onBack
-        }),
-        React7.createElement(StatusIcon3, {
-          status: statusToIcon2[task.status] || "pending",
-          size: "sm"
-        }),
-        React7.createElement(Typography5, {
-          variant: "caption-thick",
-          color: "color-text-high",
-          style: { flex: 1, minWidth: 0, wordBreak: "break-word" }
-        }, task.title || "Untitled Task")
+          onClick: () => onEdit(taskId),
+          title: "Edit task"
+        })
       ),
       // Meta row: status tag, assigned profile, priority, attempts
-      React7.createElement(
-        Flex6,
+      React6.createElement(
+        Flex5,
         { variant: "row-center-start-wrap-6" },
-        React7.createElement(Tag2, {
+        React6.createElement(Tag2, {
           size: "small",
           color: task.status === "done" ? "positive" : task.status === "failed" ? "negative" : task.status === "in-progress" ? "info" : task.status === "blocked" ? "caution" : "secondary"
         }, statusToLabel2[task.status] || task.status || "pending"),
-        task.assignedProfile && React7.createElement(Tag2, { key: `profile-${task.assignedProfile}`, size: "small", color: "info" }, task.assignedProfile),
-        task.priority > 0 && React7.createElement(Tag2, {
+        task.assignedProfile && React6.createElement(Tag2, { key: `profile-${task.assignedProfile}`, size: "small", color: "info" }, task.assignedProfile),
+        task.priority > 0 && React6.createElement(Tag2, {
           size: "small",
           color: task.priority >= 3 ? "caution" : "info"
         }, `P${task.priority}`),
-        task.attempt != null && task.maxAttempts != null && React7.createElement(Typography5, {
+        task.attempt != null && task.maxAttempts != null && React6.createElement(Typography5, {
           variant: "smallCaption-regular",
           color: "color-text-subtle"
         }, `Attempt ${task.attempt}/${task.maxAttempts}`)
       ),
       // Description
-      task.description && React7.createElement(Typography5, {
+      task.description && React6.createElement(Typography5, {
         variant: "smallCaption-regular",
         color: "color-text-medium"
       }, task.description),
       // Profile routing info
-      task.assignedProfile && React7.createElement(
-        Flex6,
+      task.assignedProfile && React6.createElement(
+        Flex5,
         { variant: "column-stretch-start-nowrap-2" },
-        React7.createElement(Typography5, {
+        React6.createElement(Typography5, {
           variant: "smallCaption-regular",
           color: "color-text-medium"
         }, `Profile: ${task.assignedProfile}`),
-        task.routingReason && React7.createElement(Typography5, {
+        task.routingReason && React6.createElement(Typography5, {
           variant: "smallCaption-regular",
           color: "color-text-subtle"
         }, task.routingReason)
@@ -1288,7 +1235,7 @@ function TaskDetailView({ taskId, onBack }) {
       // (Actions moved to tab)
     ),
     // ── Tabs ──
-    React7.createElement(Tabs, {
+    React6.createElement(Tabs, {
       tabs: [
         { id: "runs", title: `Runs (${runItems.length}${isLive ? "+1" : ""})` },
         ...hasSubtasks ? [{ id: "subtasks", title: `Subtasks (${subtasks.filter((s) => s.status === "done").length}/${subtasks.length})` }] : [],
@@ -1300,21 +1247,21 @@ function TaskDetailView({ taskId, onBack }) {
       size: "sm"
     }),
     // ── Tab content ──
-    React7.createElement(
+    React6.createElement(
       ScrollArea2,
       { ref: scrollRef, style: { flex: 1 } },
-      React7.createElement(
-        Flex6,
+      React6.createElement(
+        Flex5,
         { variant: "column-stretch-start-nowrap-8", style: { padding: "12px 16px" } },
         // ── Runs tab ──
-        detailTab === "runs" && (hasRuns || (task.runs?.length ?? 0) > 0) ? React7.createElement(
-          Flex6,
+        detailTab === "runs" && (hasRuns || (task.runs?.length ?? 0) > 0) ? React6.createElement(
+          Flex5,
           { variant: "column-stretch-start-nowrap-8" },
           ...runItems.map(({ run, runTimeline }) => {
             const runId = run.id;
             const isExpanded = expandedRunId === runId;
             const isSuccess = run.outcome === "completed" || run.success === true;
-            return React7.createElement(TaskBlock, {
+            return React6.createElement(TaskBlock, {
               key: `run-${runId}`,
               state: isSuccess ? "completed" : "failed",
               instruction: extractInstruction(run),
@@ -1328,7 +1275,7 @@ function TaskDetailView({ taskId, onBack }) {
             });
           }),
           // Live run
-          isLive && React7.createElement(TaskBlock, {
+          isLive && React6.createElement(TaskBlock, {
             key: "live-run",
             state: "running",
             instruction: liveInstruction ?? task.title,
@@ -1345,19 +1292,19 @@ function TaskDetailView({ taskId, onBack }) {
             expanded: liveExpanded,
             onToggleExpand: () => setLiveExpanded((v) => !v)
           })
-        ) : detailTab === "runs" && React7.createElement(EmptyState2, {
+        ) : detailTab === "runs" && React6.createElement(EmptyState2, {
           icon: "smartToy",
           message: "No runs yet",
           description: "This task has not been executed yet."
         }),
         // ── Subtasks tab ──
-        detailTab === "subtasks" && hasSubtasks && React7.createElement(
-          Flex6,
+        detailTab === "subtasks" && hasSubtasks && React6.createElement(
+          Flex5,
           {
             variant: "column-stretch-start-nowrap-0"
           },
           ...(subtasks ?? []).map(
-            (sub) => React7.createElement(SubtaskRowItem, {
+            (sub) => React6.createElement(SubtaskRowItem, {
               key: sub.id,
               sub,
               onBack
@@ -1365,20 +1312,20 @@ function TaskDetailView({ taskId, onBack }) {
           )
         ),
         // ── Actions tab ──
-        detailTab === "actions" && React7.createElement(
-          Flex6,
+        detailTab === "actions" && React6.createElement(
+          Flex5,
           {
             variant: "column-stretch-start-nowrap-16"
           },
           // Status actions
-          React7.createElement(
-            Flex6,
+          React6.createElement(
+            Flex5,
             { variant: "column-stretch-start-nowrap-8" },
-            React7.createElement(Typography5, { variant: "caption-thick", color: "color-text-medium" }, "Status"),
-            React7.createElement(
-              Flex6,
+            React6.createElement(Typography5, { variant: "caption-thick", color: "color-text-medium" }, "Status"),
+            React6.createElement(
+              Flex5,
               { variant: "row-center-start-nowrap-6" },
-              task.status === "failed" && React7.createElement(Button2, {
+              task.status === "failed" && React6.createElement(Button2, {
                 size: "xs",
                 variant: "fill",
                 color: "primary",
@@ -1386,7 +1333,7 @@ function TaskDetailView({ taskId, onBack }) {
                 loading: actionLoading === "retry",
                 disabled: !!actionLoading
               }, "Retry Task"),
-              (task.status === "pending" || task.status === "in-progress" || task.status === "blocked") && React7.createElement(Button2, {
+              (task.status === "pending" || task.status === "in-progress" || task.status === "blocked") && React6.createElement(Button2, {
                 size: "xs",
                 variant: "outlined",
                 color: "danger",
@@ -1397,26 +1344,26 @@ function TaskDetailView({ taskId, onBack }) {
             )
           ),
           // Priority
-          React7.createElement(
-            Flex6,
+          React6.createElement(
+            Flex5,
             { variant: "column-stretch-start-nowrap-8" },
-            React7.createElement(Typography5, { variant: "caption-thick", color: "color-text-medium" }, "Priority"),
-            React7.createElement(
-              Flex6,
+            React6.createElement(Typography5, { variant: "caption-thick", color: "color-text-medium" }, "Priority"),
+            React6.createElement(
+              Flex5,
               { variant: "row-center-start-nowrap-8" },
-              React7.createElement(IconButton4, {
+              React6.createElement(IconButton3, {
                 icon: "expandLess",
                 size: "xs",
                 variant: "outlined",
                 onClick: () => handlePriorityChange(1),
                 title: "Increase priority"
               }),
-              React7.createElement(
+              React6.createElement(
                 Typography5,
                 { variant: "smallCaption-regular", color: "color-text-high" },
                 `P${task.priority ?? 0}`
               ),
-              React7.createElement(IconButton4, {
+              React6.createElement(IconButton3, {
                 icon: "expandMore",
                 size: "xs",
                 variant: "outlined",
@@ -1426,11 +1373,11 @@ function TaskDetailView({ taskId, onBack }) {
             )
           ),
           // Assign Profile
-          availableProfiles.length > 0 && React7.createElement(
-            Flex6,
+          availableProfiles.length > 0 && React6.createElement(
+            Flex5,
             { variant: "column-stretch-start-nowrap-8" },
-            React7.createElement(Typography5, { variant: "caption-thick", color: "color-text-medium" }, "Assign Profile"),
-            React7.createElement(Table, {
+            React6.createElement(Typography5, { variant: "caption-thick", color: "color-text-medium" }, "Assign Profile"),
+            React6.createElement(Table, {
               size: "compact",
               getRowKey: (row) => row.id,
               columns: [
@@ -1438,7 +1385,7 @@ function TaskDetailView({ taskId, onBack }) {
                   key: "icon",
                   header: "",
                   width: "30px",
-                  render: (_, row) => React7.createElement(Icon3, {
+                  render: (_, row) => React6.createElement(Icon3, {
                     name: row.icon || "smartToy",
                     size: 14,
                     color: row.color || "color-text-medium"
@@ -1454,17 +1401,17 @@ function TaskDetailView({ taskId, onBack }) {
                   render: (_, row) => {
                     const caps = row.capabilities || [];
                     if (caps.length === 0) return null;
-                    return React7.createElement(
-                      Flex6,
+                    return React6.createElement(
+                      Flex5,
                       { variant: "row-center-start-wrap-4" },
                       ...caps.slice(0, 4).map(
-                        (cap) => React7.createElement(
+                        (cap) => React6.createElement(
                           "span",
                           { key: cap.name, title: cap.description },
-                          React7.createElement(Chip, { label: cap.name, size: "small", color: "color-brand-main" })
+                          React6.createElement(Chip, { label: cap.name, size: "small", color: "color-brand-main" })
                         )
                       ),
-                      caps.length > 4 && React7.createElement(Typography5, {
+                      caps.length > 4 && React6.createElement(Typography5, {
                         variant: "smallCaption-regular",
                         color: "color-text-subtle"
                       }, `+${caps.length - 4}`)
@@ -1478,7 +1425,7 @@ function TaskDetailView({ taskId, onBack }) {
                   align: "right",
                   render: (_, row) => {
                     const isAssigned = task.assignedProfile === row.id;
-                    return React7.createElement(Checkbox, {
+                    return React6.createElement(Checkbox, {
                       checked: isAssigned,
                       onChange: () => handleAssignProfile(row.id),
                       size: "sm"
@@ -1491,20 +1438,20 @@ function TaskDetailView({ taskId, onBack }) {
           )
         ),
         // ── Context tab ──
-        detailTab === "context" && hasContext && React7.createElement(
-          Flex6,
+        detailTab === "context" && hasContext && React6.createElement(
+          Flex5,
           {
             variant: "column-stretch-start-nowrap-12"
           },
           // Files
-          (task.context?.files?.length ?? 0) > 0 && React7.createElement(
-            Flex6,
+          (task.context?.files?.length ?? 0) > 0 && React6.createElement(
+            Flex5,
             {
               variant: "column-stretch-start-nowrap-4"
             },
-            React7.createElement(Typography5, { variant: "caption-thick", color: "color-text-medium" }, "Files"),
+            React6.createElement(Typography5, { variant: "caption-thick", color: "color-text-medium" }, "Files"),
             ...(task.context?.files ?? []).map(
-              (file) => React7.createElement(Typography5, {
+              (file) => React6.createElement(Typography5, {
                 key: file,
                 variant: "smallCaption-regular",
                 color: "color-text-high",
@@ -1513,40 +1460,40 @@ function TaskDetailView({ taskId, onBack }) {
             )
           ),
           // Notes
-          task.context?.notes && React7.createElement(
-            Flex6,
+          task.context?.notes && React6.createElement(
+            Flex5,
             {
               variant: "column-stretch-start-nowrap-4"
             },
-            React7.createElement(Typography5, { variant: "caption-thick", color: "color-text-medium" }, "Notes"),
-            React7.createElement(Typography5, {
+            React6.createElement(Typography5, { variant: "caption-thick", color: "color-text-medium" }, "Notes"),
+            React6.createElement(Typography5, {
               variant: "smallCaption-regular",
               color: "color-text-high",
               style: { whiteSpace: "pre-wrap" }
             }, task.context.notes)
           ),
           // Last error
-          task.context?.lastError && React7.createElement(
-            Flex6,
+          task.context?.lastError && React6.createElement(
+            Flex5,
             {
               variant: "column-stretch-start-nowrap-4"
             },
-            React7.createElement(Typography5, { variant: "caption-thick", color: "color-status-negative" }, "Last Error"),
-            React7.createElement(Typography5, {
+            React6.createElement(Typography5, { variant: "caption-thick", color: "color-status-negative" }, "Last Error"),
+            React6.createElement(Typography5, {
               variant: "smallCaption-regular",
               color: "color-text-high",
               style: { fontFamily: "var(--font-mono, monospace)", whiteSpace: "pre-wrap" }
             }, task.context.lastError)
           ),
           // Run summaries (accumulated context)
-          (task.context?.runSummaries?.length ?? 0) > 0 && React7.createElement(
-            Flex6,
+          (task.context?.runSummaries?.length ?? 0) > 0 && React6.createElement(
+            Flex5,
             {
               variant: "column-stretch-start-nowrap-6"
             },
-            React7.createElement(Typography5, { variant: "caption-thick", color: "color-text-medium" }, "Run Summaries"),
+            React6.createElement(Typography5, { variant: "caption-thick", color: "color-text-medium" }, "Run Summaries"),
             ...(task.context?.runSummaries ?? []).map(
-              (rs, i) => React7.createElement(
+              (rs, i) => React6.createElement(
                 Card,
                 {
                   key: `rs-${i}`,
@@ -1554,28 +1501,28 @@ function TaskDetailView({ taskId, onBack }) {
                   padding: "compact",
                   style: { gap: "4px" }
                 },
-                React7.createElement(
-                  Flex6,
+                React6.createElement(
+                  Flex5,
                   { variant: "row-center-space-between-nowrap-8" },
-                  React7.createElement(Typography5, {
+                  React6.createElement(Typography5, {
                     variant: "smallCaption-thick",
                     color: rs.outcome === "success" ? "color-status-positive" : "color-status-negative"
                   }, `${rs.outcome === "success" ? "Success" : "Failed"} (${rs.botId ?? "unknown bot"})`),
-                  React7.createElement(Typography5, {
+                  React6.createElement(Typography5, {
                     variant: "smallCaption-regular",
                     color: "color-text-subtle"
                   }, `${Math.round((rs.durationMs ?? 0) / 1e3)}s \xB7 ${rs.tokensUsed ?? 0} tok \xB7 $${(rs.cost ?? 0).toFixed(3)}`)
                 ),
-                React7.createElement(Typography5, {
+                React6.createElement(Typography5, {
                   variant: "smallCaption-regular",
                   color: "color-text-medium"
                 }, rs.summary ?? ""),
-                (rs.filesModified ?? []).length > 0 && React7.createElement(Typography5, {
+                (rs.filesModified ?? []).length > 0 && React6.createElement(Typography5, {
                   variant: "smallCaption-regular",
                   color: "color-text-subtle",
                   style: { fontFamily: "var(--font-mono, monospace)" }
                 }, `Files: ${rs.filesModified.join(", ")}`),
-                rs.error && React7.createElement(Typography5, {
+                rs.error && React6.createElement(Typography5, {
                   variant: "smallCaption-regular",
                   color: "color-status-negative"
                 }, `Error: ${rs.error}`)
@@ -1583,21 +1530,21 @@ function TaskDetailView({ taskId, onBack }) {
             )
           ),
           // Budget
-          (task.tokensUsed > 0 || task.costUsed > 0) && React7.createElement(
-            Flex6,
+          (task.tokensUsed > 0 || task.costUsed > 0) && React6.createElement(
+            Flex5,
             {
               variant: "column-stretch-start-nowrap-4"
             },
-            React7.createElement(Typography5, { variant: "caption-thick", color: "color-text-medium" }, "Budget"),
-            React7.createElement(
-              Flex6,
+            React6.createElement(Typography5, { variant: "caption-thick", color: "color-text-medium" }, "Budget"),
+            React6.createElement(
+              Flex5,
               { variant: "row-center-start-nowrap-16" },
-              React7.createElement(
+              React6.createElement(
                 Typography5,
                 { variant: "smallCaption-regular", color: "color-text-high" },
                 `Tokens: ${task.tokensUsed?.toLocaleString() ?? 0}${task.budgetTokens ? ` / ${task.budgetTokens.toLocaleString()}` : ""}`
               ),
-              React7.createElement(
+              React6.createElement(
                 Typography5,
                 { variant: "smallCaption-regular", color: "color-text-high" },
                 `Cost: $${(task.costUsed ?? 0).toFixed(3)}${task.budgetCost ? ` / $${task.budgetCost.toFixed(2)}` : ""}`
@@ -1612,15 +1559,636 @@ function TaskDetailView({ taskId, onBack }) {
 var task_detail_view_default = TaskDetailView;
 module.exports = TaskDetailView;
 
+// src/ui/task-editor.tsx
+var React7 = require("react");
+var { useState: useState5, useEffect: useEffect3, useCallback: useCallback3 } = React7;
+var {
+  Flex: Flex6,
+  Typography: Typography6,
+  Input,
+  Button: Button3,
+  IconButton: IconButton4,
+  Tag: Tag3,
+  Field,
+  toast: toast3,
+  usePackWorkspace: usePackWorkspace3
+} = require("@fw/plugin-ui-kit");
+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" }
+];
+var STATUS_COLOR = {
+  "pending": "secondary",
+  "in-progress": "info",
+  "blocked": "caution",
+  "done": "positive",
+  "failed": "negative",
+  "cancelled": "negative"
+};
+function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
+  const ctx = usePackWorkspace3();
+  const { callTool } = ctx;
+  const [title, setTitle] = useState5("");
+  const [description, setDescription] = useState5("");
+  const [priority, setPriority] = useState5("0");
+  const [complexity, setComplexity] = useState5("");
+  const [assignedProfile, setAssignedProfile] = useState5("");
+  const [maxAttempts, setMaxAttempts] = useState5("3");
+  const [budgetTokens, setBudgetTokens] = useState5("");
+  const [budgetCost, setBudgetCost] = useState5("");
+  const [notes, setNotes] = useState5("");
+  const [files, setFiles] = useState5([]);
+  const [newFile, setNewFile] = useState5("");
+  const [dependsOn, setDependsOn] = useState5([]);
+  const [newDep, setNewDep] = useState5("");
+  const [taskData, setTaskData] = useState5(null);
+  const [profiles, setProfiles] = useState5([]);
+  const [loading, setLoading] = useState5(mode === "edit");
+  useEffect3(() => {
+    (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 {
+      }
+    })();
+  }, [callTool]);
+  useEffect3(() => {
+    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) {
+          toast3("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 || "");
+        setMaxAttempts(String(t.maxAttempts ?? 3));
+        setBudgetTokens(t.budgetTokens != null ? String(t.budgetTokens) : "");
+        setBudgetCost(t.budgetCost != null ? String(t.budgetCost) : "");
+        setNotes(t.context?.notes || "");
+        setFiles(t.context?.files || []);
+        setDependsOn(t.dependsOn || []);
+      } catch {
+        toast3("Failed to load task", { type: "error" });
+        onCancel();
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [mode, taskId, callTool]);
+  const isDirty = useCallback3(() => {
+    if (mode === "create") {
+      return !!(title.trim() || description.trim() || notes.trim() || files.length > 0 || dependsOn.length > 0 || priority !== "0" || complexity || assignedProfile || maxAttempts !== "3" || budgetTokens || 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 || "") || maxAttempts !== String(taskData.maxAttempts ?? 3) || budgetTokens !== (taskData.budgetTokens != null ? String(taskData.budgetTokens) : "") || budgetCost !== (taskData.budgetCost != null ? String(taskData.budgetCost) : "");
+  }, [mode, title, description, notes, files, dependsOn, priority, complexity, assignedProfile, maxAttempts, budgetTokens, budgetCost, taskData]);
+  const handleBack = useCallback3(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 = useCallback3(() => {
+    const trimmed = newFile.trim();
+    if (!trimmed) return;
+    setFiles((prev) => [...prev, trimmed]);
+    setNewFile("");
+  }, [newFile]);
+  const handleRemoveFile = useCallback3((index) => {
+    setFiles((prev) => prev.filter((_, i) => i !== index));
+  }, []);
+  const handleAddDep = useCallback3(() => {
+    const trimmed = newDep.trim();
+    if (!trimmed) return;
+    setDependsOn((prev) => [...prev, trimmed]);
+    setNewDep("");
+  }, [newDep]);
+  const handleRemoveDep = useCallback3((index) => {
+    setDependsOn((prev) => prev.filter((_, i) => i !== index));
+  }, []);
+  const handleSave = useCallback3(async () => {
+    if (!title.trim()) {
+      toast3("Title is required", { type: "error" });
+      return;
+    }
+    try {
+      if (mode === "create") {
+        const args = {
+          title: title.trim(),
+          description: description.trim(),
+          priority: parseInt(priority, 10) || 0,
+          maxAttempts: parseInt(maxAttempts, 10) || 3
+        };
+        if (complexity) args.complexity = complexity;
+        if (assignedProfile) args.assignedProfile = assignedProfile;
+        if (budgetTokens) args.budgetTokens = parseInt(budgetTokens, 10);
+        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,
+              runSummaries: []
+            }
+          });
+        }
+        toast3("Task created", { type: "success" });
+      } else {
+        const patch = {
+          id: taskId,
+          title: title.trim(),
+          description: description.trim(),
+          priority: parseInt(priority, 10) || 0,
+          maxAttempts: parseInt(maxAttempts, 10) || 3,
+          complexity: complexity || void 0,
+          assignedProfile: assignedProfile || null
+        };
+        if (budgetTokens) {
+          patch.budgetTokens = parseInt(budgetTokens, 10);
+        } else {
+          patch.budgetTokens = void 0;
+        }
+        if (budgetCost) {
+          patch.budgetCost = parseFloat(budgetCost);
+        } else {
+          patch.budgetCost = void 0;
+        }
+        patch.context = {
+          files,
+          notes: notes.trim(),
+          runSummaries: taskData?.context?.runSummaries || [],
+          lastError: taskData?.context?.lastError
+        };
+        await callTool("fw_weaver_task_update", patch);
+        toast3("Task updated", { type: "success" });
+      }
+      onSave();
+    } catch (err) {
+      toast3(err instanceof Error ? err.message : `Failed to ${mode} task`, { type: "error" });
+    }
+  }, [mode, taskId, title, description, priority, complexity, assignedProfile, maxAttempts, budgetTokens, budgetCost, notes, files, dependsOn, taskData, callTool, onSave]);
+  const handleDelete = useCallback3(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 });
+      toast3("Task cancelled", { type: "success" });
+      if (onDelete) onDelete();
+    } catch (err) {
+      toast3(err instanceof Error ? err.message : "Failed to cancel task", { type: "error" });
+    }
+  }, [taskId, callTool, onDelete, ctx]);
+  if (loading) {
+    return React7.createElement(
+      Flex6,
+      {
+        variant: "column-center-center-nowrap-12",
+        style: { padding: "24px 16px" }
+      },
+      React7.createElement(Typography6, { variant: "caption-regular", color: "color-text-subtle" }, "Loading task...")
+    );
+  }
+  const profileOptions = [
+    { id: "", label: "Not assigned" },
+    ...profiles.map((p) => ({ id: p.id, label: p.name }))
+  ];
+  return React7.createElement(
+    Flex6,
+    {
+      variant: "column-stretch-start-nowrap-0",
+      style: { width: "100%", height: "100%", overflow: "hidden" }
+    },
+    // -- Header bar --
+    React7.createElement(
+      Flex6,
+      {
+        variant: "row-center-space-between-nowrap-8",
+        style: { padding: "8px 16px", flexShrink: 0, borderBottom: "1px solid var(--color-border-default)" }
+      },
+      React7.createElement(
+        Flex6,
+        { variant: "row-center-start-nowrap-8" },
+        React7.createElement(IconButton4, {
+          icon: "back",
+          size: "xs",
+          variant: "clear",
+          onClick: handleBack,
+          title: "Back"
+        }),
+        React7.createElement(
+          Typography6,
+          { variant: "caption-thick", color: "color-text-high" },
+          mode === "create" ? "Create Task" : "Edit Task"
+        )
+      ),
+      mode === "edit" && onDelete && React7.createElement(IconButton4, {
+        icon: "outlinedDelete",
+        size: "sm",
+        variant: "clear",
+        color: "danger",
+        onClick: handleDelete,
+        title: "Cancel task"
+      })
+    ),
+    // -- Scrollable form body --
+    React7.createElement(
+      Flex6,
+      {
+        variant: "column-stretch-start-nowrap-10",
+        style: { flex: 1, minHeight: 0, overflow: "auto", padding: "12px 16px" }
+      },
+      // -- Edit-only: Status tag --
+      mode === "edit" && taskData && React7.createElement(
+        Field,
+        { label: "Status" },
+        React7.createElement(Tag3, {
+          size: "small",
+          color: STATUS_COLOR[taskData.status] || "secondary"
+        }, taskData.status)
+      ),
+      // -- Title --
+      React7.createElement(
+        Field,
+        { label: "Title" },
+        React7.createElement(Input, {
+          type: "text",
+          size: "small",
+          placeholder: "Task title (required)",
+          value: title,
+          onChange: (v) => setTitle(v),
+          defaultBoxStyle: { flex: 1, minWidth: 0 },
+          inputBoxStyle: { maxWidth: "none" }
+        })
+      ),
+      // -- Description --
+      React7.createElement(
+        Field,
+        { label: "Description" },
+        React7.createElement(Input, {
+          type: "text",
+          size: "small",
+          placeholder: "Detailed task description",
+          value: description,
+          onChange: (v) => setDescription(v),
+          defaultBoxStyle: { flex: 1, minWidth: 0 },
+          inputBoxStyle: { maxWidth: "none" }
+        })
+      ),
+      // -- Priority --
+      React7.createElement(
+        Field,
+        { label: "Priority" },
+        React7.createElement(Input, {
+          type: "select",
+          size: "small",
+          options: PRIORITY_OPTIONS,
+          optionId: priority,
+          onChange: (id) => setPriority(id),
+          defaultBoxStyle: { flex: 1, minWidth: 0 }
+        })
+      ),
+      // -- Complexity --
+      React7.createElement(
+        Field,
+        { label: "Complexity" },
+        React7.createElement(Input, {
+          type: "select",
+          size: "small",
+          options: COMPLEXITY_OPTIONS,
+          optionId: complexity,
+          onChange: (id) => setComplexity(id),
+          defaultBoxStyle: { flex: 1, minWidth: 0 }
+        })
+      ),
+      // -- Assigned Profile --
+      React7.createElement(
+        Field,
+        { label: "Profile" },
+        React7.createElement(Input, {
+          type: "select",
+          size: "small",
+          options: profileOptions,
+          optionId: assignedProfile,
+          onChange: (id) => setAssignedProfile(id),
+          placeholder: "Select profile",
+          defaultBoxStyle: { flex: 1, minWidth: 0 }
+        })
+      ),
+      // -- Max Attempts --
+      React7.createElement(
+        Field,
+        { label: "Max Attempts" },
+        React7.createElement(Input, {
+          type: "number",
+          size: "small",
+          placeholder: "3",
+          value: maxAttempts,
+          onChange: (v) => setMaxAttempts(v),
+          defaultBoxStyle: { flex: 1, minWidth: 0 },
+          inputBoxStyle: { maxWidth: "none" }
+        })
+      ),
+      // -- Budget Tokens --
+      React7.createElement(
+        Field,
+        { label: "Budget Tokens" },
+        React7.createElement(Input, {
+          type: "number",
+          size: "small",
+          placeholder: "Optional token limit",
+          value: budgetTokens,
+          onChange: (v) => setBudgetTokens(v),
+          defaultBoxStyle: { flex: 1, minWidth: 0 },
+          inputBoxStyle: { maxWidth: "none" }
+        })
+      ),
+      // -- Budget Cost --
+      React7.createElement(
+        Field,
+        { label: "Budget Cost" },
+        React7.createElement(Input, {
+          type: "number",
+          size: "small",
+          placeholder: "Optional cost limit (USD)",
+          value: budgetCost,
+          onChange: (v) => setBudgetCost(v),
+          defaultBoxStyle: { flex: 1, minWidth: 0 },
+          inputBoxStyle: { maxWidth: "none" }
+        })
+      ),
+      // -- Notes --
+      React7.createElement(
+        Field,
+        { label: "Notes" },
+        React7.createElement(Input, {
+          type: "text",
+          size: "small",
+          placeholder: "Optional notes for context",
+          value: notes,
+          onChange: (v) => setNotes(v),
+          defaultBoxStyle: { flex: 1, minWidth: 0 },
+          inputBoxStyle: { maxWidth: "none" }
+        })
+      ),
+      // -- Files --
+      React7.createElement(
+        Field,
+        { label: "Files", align: "start" },
+        React7.createElement(
+          Flex6,
+          { variant: "column-stretch-start-nowrap-6" },
+          // Add file row
+          React7.createElement(
+            Flex6,
+            { variant: "row-center-start-nowrap-4", style: { overflow: "hidden" } },
+            React7.createElement(Input, {
+              type: "text",
+              size: "small",
+              placeholder: "File path",
+              value: newFile,
+              onChange: (v) => setNewFile(v),
+              onEnter: handleAddFile,
+              defaultBoxStyle: { flex: 1, minWidth: 0 },
+              inputBoxStyle: { maxWidth: "none" }
+            }),
+            React7.createElement(IconButton4, {
+              icon: "add",
+              size: "sm",
+              variant: "outlined",
+              color: "primary",
+              onClick: handleAddFile,
+              disabled: !newFile.trim()
+            })
+          ),
+          ...files.map(
+            (file, idx) => React7.createElement(
+              Flex6,
+              {
+                key: `file-${idx}`,
+                variant: "row-center-start-nowrap-6",
+                style: { paddingLeft: "4px" }
+              },
+              React7.createElement(Typography6, {
+                variant: "smallCaption-regular",
+                color: "color-text-high",
+                style: { flex: 1, minWidth: 0, fontFamily: "var(--font-mono, monospace)" }
+              }, file),
+              React7.createElement(IconButton4, {
+                icon: "close",
+                size: "xs",
+                variant: "clear",
+                color: "danger",
+                onClick: () => handleRemoveFile(idx)
+              })
+            )
+          )
+        )
+      ),
+      // -- Dependencies --
+      React7.createElement(
+        Field,
+        { label: "Dependencies", align: "start" },
+        React7.createElement(
+          Flex6,
+          { variant: "column-stretch-start-nowrap-6" },
+          // Add dependency row (create mode only)
+          mode === "create" && React7.createElement(
+            Flex6,
+            { variant: "row-center-start-nowrap-4", style: { overflow: "hidden" } },
+            React7.createElement(Input, {
+              type: "text",
+              size: "small",
+              placeholder: "Task ID",
+              value: newDep,
+              onChange: (v) => setNewDep(v),
+              onEnter: handleAddDep,
+              defaultBoxStyle: { flex: 1, minWidth: 0 },
+              inputBoxStyle: { maxWidth: "none" }
+            }),
+            React7.createElement(IconButton4, {
+              icon: "add",
+              size: "sm",
+              variant: "outlined",
+              color: "primary",
+              onClick: handleAddDep,
+              disabled: !newDep.trim()
+            })
+          ),
+          // Dependency list
+          dependsOn.length > 0 ? React7.createElement(
+            Flex6,
+            { variant: "column-stretch-start-nowrap-4" },
+            ...dependsOn.map(
+              (dep, idx) => React7.createElement(
+                Flex6,
+                {
+                  key: `dep-${idx}`,
+                  variant: "row-center-start-nowrap-6",
+                  style: { paddingLeft: "4px" }
+                },
+                React7.createElement(Typography6, {
+                  variant: "smallCaption-regular",
+                  color: "color-text-high",
+                  style: { flex: 1, minWidth: 0, fontFamily: "var(--font-mono, monospace)" }
+                }, dep),
+                mode === "create" && React7.createElement(IconButton4, {
+                  icon: "close",
+                  size: "xs",
+                  variant: "clear",
+                  color: "danger",
+                  onClick: () => handleRemoveDep(idx)
+                })
+              )
+            )
+          ) : React7.createElement(Typography6, {
+            variant: "smallCaption-regular",
+            color: "color-text-subtle",
+            style: { paddingLeft: "4px" }
+          }, "None"),
+          mode === "edit" && React7.createElement(Typography6, {
+            variant: "smallCaption-regular",
+            color: "color-text-subtle",
+            style: { paddingLeft: "4px", fontStyle: "italic" }
+          }, "Dependencies cannot be changed after creation")
+        )
+      ),
+      // -- Edit-only: read-only metadata --
+      mode === "edit" && taskData && React7.createElement(
+        Flex6,
+        {
+          variant: "column-stretch-start-nowrap-10",
+          style: { marginTop: 8, paddingTop: 12, borderTop: "1px solid var(--color-border-default)" }
+        },
+        React7.createElement(
+          Field,
+          { label: "Created by" },
+          React7.createElement(
+            Typography6,
+            { variant: "smallCaption-regular", color: "color-text-medium" },
+            taskData.createdBy || "unknown"
+          )
+        ),
+        React7.createElement(
+          Field,
+          { label: "Created at" },
+          React7.createElement(
+            Typography6,
+            { variant: "smallCaption-regular", color: "color-text-medium" },
+            taskData.createdAt ? new Date(taskData.createdAt).toLocaleString() : "-"
+          )
+        ),
+        React7.createElement(
+          Field,
+          { label: "Updated at" },
+          React7.createElement(
+            Typography6,
+            { variant: "smallCaption-regular", color: "color-text-medium" },
+            taskData.updatedAt ? new Date(taskData.updatedAt).toLocaleString() : "-"
+          )
+        ),
+        React7.createElement(
+          Field,
+          { label: "Tokens used" },
+          React7.createElement(
+            Typography6,
+            { variant: "smallCaption-regular", color: "color-text-medium" },
+            (taskData.tokensUsed ?? 0).toLocaleString()
+          )
+        ),
+        React7.createElement(
+          Field,
+          { label: "Cost used" },
+          React7.createElement(
+            Typography6,
+            { variant: "smallCaption-regular", color: "color-text-medium" },
+            `$${(taskData.costUsed ?? 0).toFixed(3)}`
+          )
+        ),
+        taskData.context?.lastError && React7.createElement(
+          Field,
+          { label: "Last error", align: "start" },
+          React7.createElement(Typography6, {
+            variant: "smallCaption-regular",
+            color: "color-status-negative",
+            style: { fontFamily: "var(--font-mono, monospace)", whiteSpace: "pre-wrap" }
+          }, taskData.context.lastError)
+        )
+      )
+    ),
+    // -- Footer bar with save button --
+    React7.createElement(
+      Flex6,
+      {
+        variant: "row-center-end-nowrap-8",
+        style: { padding: "8px 16px", flexShrink: 0, borderTop: "1px solid var(--color-border-default)" }
+      },
+      React7.createElement(Button3, {
+        size: "xs",
+        variant: "fill",
+        color: "primary",
+        onClick: handleSave,
+        disabled: !title.trim()
+      }, mode === "create" ? "Create" : "Save")
+    )
+  );
+}
+var task_editor_default = TaskEditor;
+module.exports = TaskEditor;
+
 // src/ui/profile-card.tsx
 var React8 = require("react");
 var {
   Flex: Flex7,
-  Typography: Typography6,
+  Typography: Typography7,
   Icon: Icon4,
   Chip: Chip2,
   IconButton: IconButton5,
-  Tag: Tag3
+  Tag: Tag4
 } = require("@fw/plugin-ui-kit");
 function ProfileCard({ profile, activeInstances, onEdit, onDelete }) {
   const {
@@ -1660,7 +2228,7 @@ function ProfileCard({ profile, activeInstances, onEdit, onDelete }) {
         },
         React8.createElement(Icon4, { name: icon || "smartToy", size: 18 })
       ),
-      React8.createElement(Typography6, {
+      React8.createElement(Typography7, {
         variant: "caption-thick",
         color: "color-text-high",
         style: { flex: 1, minWidth: 0 }
@@ -1682,7 +2250,7 @@ function ProfileCard({ profile, activeInstances, onEdit, onDelete }) {
       })
     ),
     // Description
-    description && React8.createElement(Typography6, {
+    description && React8.createElement(Typography7, {
       variant: "smallCaption-regular",
       color: "color-text-medium"
     }, description),
@@ -1695,7 +2263,7 @@ function ProfileCard({ profile, activeInstances, onEdit, onDelete }) {
     capabilities.length > 0 && React8.createElement(
       Flex7,
       { variant: "row-center-start-wrap-4" },
-      React8.createElement(Typography6, {
+      React8.createElement(Typography7, {
         variant: "smallCaption-regular",
         color: "color-text-subtle",
         style: { flexShrink: 0 }
@@ -1712,7 +2280,7 @@ function ProfileCard({ profile, activeInstances, onEdit, onDelete }) {
     React8.createElement(
       Flex7,
       { variant: "row-center-start-wrap-12" },
-      React8.createElement(Typography6, {
+      React8.createElement(Typography7, {
         variant: "smallCaption-regular",
         color: "color-text-subtle"
       }, `Cost strategy: ${preferences.costStrategy}`)
@@ -1721,22 +2289,22 @@ function ProfileCard({ profile, activeInstances, onEdit, onDelete }) {
     React8.createElement(
       Flex7,
       { variant: "row-center-start-wrap-12" },
-      React8.createElement(Typography6, {
+      React8.createElement(Typography7, {
         variant: "smallCaption-regular",
         color: "color-text-subtle"
       }, `Instances: ${activeInstances}/${maxInstances} active`),
-      React8.createElement(Tag3, {
+      React8.createElement(Tag4, {
         size: "small",
         color: preferences.requireApproval ? "caution" : "positive"
       }, preferences.requireApproval ? "Approval required" : "Auto-approve")
     ),
     // Budget line
-    budgetText && React8.createElement(Typography6, {
+    budgetText && React8.createElement(Typography7, {
       variant: "smallCaption-regular",
       color: "color-text-subtle"
     }, `Budget: ${budgetText}`),
     // Instructions
-    preferences.instructions && React8.createElement(Typography6, {
+    preferences.instructions && React8.createElement(Typography7, {
       variant: "smallCaption-regular",
       color: "color-text-subtle",
       style: { fontStyle: "italic" }
@@ -1930,17 +2498,17 @@ var BOT_COLORS = [
 
 // src/ui/profile-editor.tsx
 var React9 = require("react");
-var { useState: useState6, useEffect: useEffect3, useCallback: useCallback4 } = React9;
+var { useState: useState6, useEffect: useEffect4, useCallback: useCallback4 } = React9;
 var {
   Flex: Flex8,
-  Typography: Typography7,
+  Typography: Typography8,
   Input: Input2,
-  Button: Button3,
+  Button: Button4,
   IconButton: IconButton6,
   Icon: Icon5,
   SectionTitle,
   Checkbox: Checkbox2,
-  Field,
+  Field: Field2,
   IconPicker,
   ColorPicker,
   toast: toast4,
@@ -1961,7 +2529,7 @@ function ProfileEditor({ mode, profileId, bots, onSave, onCancel, onDelete }) {
   const [instructions, setInstructions] = useState6("");
   const [requireApproval, setRequireApproval] = useState6(false);
   const [loading, setLoading] = useState6(mode === "edit");
-  useEffect3(() => {
+  useEffect4(() => {
     if (mode !== "edit" || !profileId) return;
     let cancelled = false;
     (async () => {
@@ -2079,7 +2647,7 @@ function ProfileEditor({ mode, profileId, bots, onSave, onCancel, onDelete }) {
         variant: "column-center-center-nowrap-12",
         style: { padding: "24px 16px" }
       },
-      React9.createElement(Typography7, { variant: "caption-regular", color: "color-text-subtle" }, "Loading profile...")
+      React9.createElement(Typography8, { variant: "caption-regular", color: "color-text-subtle" }, "Loading profile...")
     );
   }
   return React9.createElement(
@@ -2105,7 +2673,7 @@ function ProfileEditor({ mode, profileId, bots, onSave, onCancel, onDelete }) {
           onClick: onCancel,
           title: "Back"
         }),
-        React9.createElement(Typography7, { variant: "caption-thick", color: "color-text-high" }, mode === "create" ? "Create Profile" : "Edit Profile")
+        React9.createElement(Typography8, { variant: "caption-thick", color: "color-text-high" }, mode === "create" ? "Create Profile" : "Edit Profile")
       ),
       mode === "edit" && onDelete && React9.createElement(IconButton6, {
         icon: "outlinedDelete",
@@ -2125,7 +2693,7 @@ function ProfileEditor({ mode, profileId, bots, onSave, onCancel, onDelete }) {
       },
       // ── Name ──
       React9.createElement(
-        Field,
+        Field2,
         { label: "Name" },
         React9.createElement(Input2, {
           type: "text",
@@ -2139,7 +2707,7 @@ function ProfileEditor({ mode, profileId, bots, onSave, onCancel, onDelete }) {
       ),
       // ── Description ──
       React9.createElement(
-        Field,
+        Field2,
         { label: "Description" },
         React9.createElement(Input2, {
           type: "text",
@@ -2153,7 +2721,7 @@ function ProfileEditor({ mode, profileId, bots, onSave, onCancel, onDelete }) {
       ),
       // ── Bot ──
       React9.createElement(
-        Field,
+        Field2,
         { label: "Bot" },
         React9.createElement(Input2, {
           type: "select",
@@ -2168,7 +2736,7 @@ function ProfileEditor({ mode, profileId, bots, onSave, onCancel, onDelete }) {
       ),
       // ── Icon ──
       React9.createElement(
-        Field,
+        Field2,
         { label: "Icon", align: "start" },
         React9.createElement(IconPicker, {
           catalog: ICON_CATALOG,
@@ -2180,7 +2748,7 @@ function ProfileEditor({ mode, profileId, bots, onSave, onCancel, onDelete }) {
       ),
       // ── Color ──
       React9.createElement(
-        Field,
+        Field2,
         { label: "Color", align: "start" },
         React9.createElement(ColorPicker, {
           colors: BOT_COLORS,
@@ -2191,7 +2759,7 @@ function ProfileEditor({ mode, profileId, bots, onSave, onCancel, onDelete }) {
       ),
       // ── Cost Strategy ──
       React9.createElement(
-        Field,
+        Field2,
         { label: "Cost Strategy" },
         React9.createElement(Input2, {
           type: "select",
@@ -2208,7 +2776,7 @@ function ProfileEditor({ mode, profileId, bots, onSave, onCancel, onDelete }) {
       ),
       // ── Capabilities ──
       React9.createElement(
-        Field,
+        Field2,
         { label: "Capabilities", align: "start" },
         React9.createElement(
           Flex8,
@@ -2253,12 +2821,12 @@ function ProfileEditor({ mode, profileId, bots, onSave, onCancel, onDelete }) {
                 variant: "row-center-start-nowrap-6",
                 style: { paddingLeft: "4px" }
               },
-              React9.createElement(Typography7, {
+              React9.createElement(Typography8, {
                 variant: "smallCaption-regular",
                 color: "color-text-high",
                 style: { flexShrink: 0 }
               }, `\u2022 ${cap.name}:`),
-              React9.createElement(Typography7, {
+              React9.createElement(Typography8, {
                 variant: "smallCaption-regular",
                 color: "color-text-medium",
                 style: { flex: 1, minWidth: 0 }
@@ -2276,7 +2844,7 @@ function ProfileEditor({ mode, profileId, bots, onSave, onCancel, onDelete }) {
       ),
       // ── Instructions ──
       React9.createElement(
-        Field,
+        Field2,
         { label: "Instructions" },
         React9.createElement(Input2, {
           type: "text",
@@ -2290,7 +2858,7 @@ function ProfileEditor({ mode, profileId, bots, onSave, onCancel, onDelete }) {
       ),
       // ── Require Approval ──
       React9.createElement(
-        Field,
+        Field2,
         { label: "" },
         React9.createElement(Checkbox2, {
           checked: requireApproval,
@@ -2303,7 +2871,7 @@ function ProfileEditor({ mode, profileId, bots, onSave, onCancel, onDelete }) {
       React9.createElement(
         Flex8,
         { variant: "row-center-end-nowrap-8" },
-        React9.createElement(Button3, {
+        React9.createElement(Button4, {
           size: "xs",
           variant: "fill",
           color: "primary",
@@ -2321,9 +2889,9 @@ module.exports = ProfileEditor;
 var React10 = require("react");
 var {
   Flex: Flex9,
-  Typography: Typography8,
+  Typography: Typography9,
   ScrollArea: ScrollArea3,
-  Tag: Tag4,
+  Tag: Tag5,
   SectionTitle: SectionTitle2
 } = require("@fw/plugin-ui-kit");
 var methodColors = {
@@ -2355,7 +2923,7 @@ function DecisionLog({ decisions }) {
         variant: "column-stretch-start-nowrap-4"
       },
       React10.createElement(SectionTitle2, null, "Decision Log"),
-      React10.createElement(Typography8, {
+      React10.createElement(Typography9, {
         variant: "smallCaption-regular",
         color: "color-text-subtle"
       }, "No routing decisions yet.")
@@ -2394,28 +2962,28 @@ function DecisionLog({ decisions }) {
             React10.createElement(
               Flex9,
               { variant: "row-center-start-nowrap-8" },
-              React10.createElement(Typography8, {
+              React10.createElement(Typography9, {
                 variant: "smallCaption-regular",
                 color: "color-text-subtle",
                 style: { flexShrink: 0, fontFamily: "var(--font-mono, monospace)", fontSize: "11px" }
               }, formatTime(d.timestamp)),
-              React10.createElement(Typography8, {
+              React10.createElement(Typography9, {
                 variant: "smallCaption-regular",
                 color: "color-text-high",
                 style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }
               }, `"${truncate(d.taskTitle, 40)}"`),
-              React10.createElement(Typography8, {
+              React10.createElement(Typography9, {
                 variant: "smallCaption-regular",
                 color: "color-text-medium",
                 style: { flexShrink: 0 }
               }, `\u2192 ${d.assignedInstanceId}`),
-              React10.createElement(Tag4, {
+              React10.createElement(Tag5, {
                 size: "small",
                 color: methodColors[d.method] || "secondary"
               }, methodLabel)
             ),
             // Reason line
-            React10.createElement(Typography8, {
+            React10.createElement(Typography9, {
               variant: "smallCaption-regular",
               color: "color-text-subtle",
               style: { paddingLeft: "70px" }
@@ -2431,19 +2999,19 @@ module.exports = DecisionLog;
 
 // src/ui/swarm-dashboard.tsx
 var React11 = require("react");
-var { useState: useState7, useEffect: useEffect4, useCallback: useCallback5, useRef: useRef3 } = React11;
+var { useState: useState7, useEffect: useEffect5, useCallback: useCallback5, useRef: useRef3 } = React11;
 var {
   Flex: Flex10,
   ScrollArea: ScrollArea4,
   EmptyState: EmptyState3,
-  Typography: Typography9,
+  Typography: Typography10,
   StatusIcon: StatusIcon4,
   Icon: Icon6,
-  Tag: Tag5,
+  Tag: Tag6,
   Card: Card2,
   Tabs: Tabs2,
   SectionTitle: SectionTitle3,
-  Button: Button4,
+  Button: Button5,
   Input: Input3,
   IconButton: IconButton7,
   IconPicker: IconPicker2,
@@ -2451,7 +3019,7 @@ var {
   toast: toast5,
   usePackWorkspace: usePackWorkspace5
 } = require("@fw/plugin-ui-kit");
-function parseToolResult2(raw) {
+function parseToolResult(raw) {
   if (typeof raw === "string") {
     try {
       return JSON.parse(raw);
@@ -2474,6 +3042,8 @@ function SwarmDashboard() {
   const [editingBotId, setEditingBotId] = useState7(null);
   const [profileEditorMode, setProfileEditorMode] = useState7(null);
   const [editingProfileId, setEditingProfileId] = useState7(null);
+  const [taskEditorMode, setTaskEditorMode] = useState7(null);
+  const [editingTaskId, setEditingTaskId] = useState7(null);
   const [swarmStatus, setSwarmStatus] = useState7(null);
   const [tasks, setTasks] = useState7([]);
   const [registeredBots, setRegisteredBots] = useState7([]);
@@ -2483,7 +3053,7 @@ function SwarmDashboard() {
   const [orchestratorDecisions, setOrchestratorDecisions] = useState7([]);
   const [loading, setLoading] = useState7(true);
   const mountedRef = useRef3(true);
-  useEffect4(() => {
+  useEffect5(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -2493,7 +3063,7 @@ function SwarmDashboard() {
     try {
       const raw = await callTool("fw_weaver_swarm_status", {});
       if (!mountedRef.current) return;
-      const data = parseToolResult2(raw);
+      const data = parseToolResult(raw);
       if (data) setSwarmStatus(data);
     } catch {
     }
@@ -2502,7 +3072,7 @@ function SwarmDashboard() {
     try {
       const raw = await callTool("fw_weaver_task_list", {});
       if (!mountedRef.current) return;
-      const data = parseToolResult2(raw);
+      const data = parseToolResult(raw);
       if (Array.isArray(data)) {
         setTasks(data);
       } else if (data && typeof data === "object" && Array.isArray(data.tasks)) {
@@ -2559,25 +3129,25 @@ function SwarmDashboard() {
     await Promise.all([fetchSwarmStatus(), fetchTaskList(), fetchBots(), fetchConfig(), fetchProfiles(), fetchOrchestratorStatus()]);
     if (mountedRef.current) setLoading(false);
   }, [fetchSwarmStatus, fetchTaskList, fetchBots, fetchConfig, fetchProfiles, fetchOrchestratorStatus]);
-  useEffect4(() => {
+  useEffect5(() => {
     refreshAll();
   }, [refreshAll]);
-  useEffect4(() => {
+  useEffect5(() => {
     const interval = setInterval(fetchSwarmStatus, 3e3);
     return () => clearInterval(interval);
   }, [fetchSwarmStatus]);
-  useEffect4(() => {
+  useEffect5(() => {
     const interval = setInterval(fetchTaskList, 5e3);
     return () => clearInterval(interval);
   }, [fetchTaskList]);
-  useEffect4(() => {
+  useEffect5(() => {
     const interval = setInterval(() => {
       fetchProfiles();
       fetchOrchestratorStatus();
     }, 1e4);
     return () => clearInterval(interval);
   }, [fetchProfiles, fetchOrchestratorStatus]);
-  useEffect4(() => {
+  useEffect5(() => {
     return onRefresh(() => refreshAll());
   }, [refreshAll, onRefresh]);
   const handleUpdateBot = useCallback5(async (botId, patch) => {
@@ -2605,13 +3175,35 @@ function SwarmDashboard() {
     setSelectedTaskId(null);
     refreshAll();
   }, [refreshAll]);
-  const handleTaskCreated = useCallback5(() => {
-    fetchTaskList();
-  }, [fetchTaskList]);
+  const handleEditFromDetail = useCallback5((tid) => {
+    setEditingTaskId(tid);
+    setTaskEditorMode("edit");
+  }, []);
+  if (selectedTaskId && taskEditorMode === "edit" && editingTaskId) {
+    return React11.createElement(task_editor_default, {
+      mode: "edit",
+      taskId: editingTaskId,
+      onSave: () => {
+        setTaskEditorMode(null);
+        setEditingTaskId(null);
+      },
+      onCancel: () => {
+        setTaskEditorMode(null);
+        setEditingTaskId(null);
+      },
+      onDelete: () => {
+        setTaskEditorMode(null);
+        setEditingTaskId(null);
+        setSelectedTaskId(null);
+        fetchTaskList();
+      }
+    });
+  }
   if (selectedTaskId) {
     return React11.createElement(task_detail_view_default, {
       taskId: selectedTaskId,
-      onBack: handleBack
+      onBack: handleBack,
+      onEdit: handleEditFromDetail
     });
   }
   const swarmInstances = swarmStatus?.instances ?? {};
@@ -2672,8 +3264,27 @@ function SwarmDashboard() {
         variant: "column-stretch-start-nowrap-0",
         style: { flex: 1, minHeight: 0, overflow: "auto" }
       },
-      // Tasks tab
-      activeTab === "tasks" && React11.createElement(
+      // Tasks tab — when TaskEditor is open, render it INSTEAD of the list
+      activeTab === "tasks" && taskEditorMode != null && React11.createElement(task_editor_default, {
+        mode: taskEditorMode,
+        taskId: editingTaskId ?? void 0,
+        onSave: () => {
+          setTaskEditorMode(null);
+          setEditingTaskId(null);
+          fetchTaskList();
+        },
+        onCancel: () => {
+          setTaskEditorMode(null);
+          setEditingTaskId(null);
+        },
+        onDelete: taskEditorMode === "edit" ? () => {
+          setTaskEditorMode(null);
+          setEditingTaskId(null);
+          fetchTaskList();
+        } : void 0
+      }),
+      // Tasks tab — default list view
+      activeTab === "tasks" && taskEditorMode == null && React11.createElement(
         Flex10,
         {
           variant: "column-stretch-start-nowrap-0",
@@ -2695,7 +3306,7 @@ function SwarmDashboard() {
             variant: "row-center-start-nowrap-8",
             style: { padding: "4px 16px", flexShrink: 0 }
           },
-          React11.createElement(Button4, {
+          React11.createElement(Button5, {
             size: "xs",
             variant: "outlined",
             color: "secondary",
@@ -2709,7 +3320,7 @@ function SwarmDashboard() {
               if (!ok) return;
               try {
                 const raw = await callTool("fw_weaver_tasks_clear", { filter: "completed" });
-                const data = parseToolResult2(raw);
+                const data = parseToolResult(raw);
                 toast5(`Cleared ${data?.cleared ?? 0} tasks`, { type: "success" });
                 fetchTaskList();
               } catch (err) {
@@ -2717,7 +3328,7 @@ function SwarmDashboard() {
               }
             }
           }, "Clear Completed"),
-          React11.createElement(Button4, {
+          React11.createElement(Button5, {
             size: "xs",
             variant: "outlined",
             color: "danger",
@@ -2731,7 +3342,7 @@ function SwarmDashboard() {
               if (!ok) return;
               try {
                 const raw = await callTool("fw_weaver_tasks_clear", { filter: "all" });
-                const data = parseToolResult2(raw);
+                const data = parseToolResult(raw);
                 toast5(`Cleared ${data?.cleared ?? 0} tasks`, { type: "success" });
                 refreshAll();
               } catch (err) {
@@ -2740,16 +3351,20 @@ function SwarmDashboard() {
             }
           }, "Clear All")
         ),
-        // Task create form (inside Tasks tab)
+        // New Task button (bottom bar)
         React11.createElement(
           Flex10,
           {
             variant: "column-stretch-start-nowrap-0",
-            style: { padding: "8px 16px", flexShrink: 0, borderTop: "1px solid var(--color-border-default)" }
+            style: { flexShrink: 0, borderTop: "1px solid var(--color-border-default)", padding: "8px 16px" }
           },
-          React11.createElement(task_create_form_default, {
-            onTaskCreated: handleTaskCreated
-          })
+          React11.createElement(Button5, {
+            size: "xs",
+            variant: "clear",
+            color: "primary",
+            leftIcon: "add",
+            onClick: () => setTaskEditorMode("create")
+          }, "New Task")
         )
       ),
       // Bots tab
@@ -2771,37 +3386,37 @@ function SwarmDashboard() {
               variant: "row-center-start-nowrap-8",
               style: { padding: "8px 16px", borderBottom: "1px solid var(--color-border-default)" }
             },
-            React11.createElement(Typography9, {
+            React11.createElement(Typography10, {
               variant: "smallCaption-regular",
               color: "color-text-subtle",
               style: { width: "120px", flexShrink: 0 }
             }, "Instance"),
-            React11.createElement(Typography9, {
+            React11.createElement(Typography10, {
               variant: "smallCaption-regular",
               color: "color-text-subtle",
               style: { width: "110px", flexShrink: 0 }
             }, "Bot"),
-            React11.createElement(Typography9, {
+            React11.createElement(Typography10, {
               variant: "smallCaption-regular",
               color: "color-text-subtle",
               style: { width: "70px", flexShrink: 0 }
             }, "Status"),
-            React11.createElement(Typography9, {
+            React11.createElement(Typography10, {
               variant: "smallCaption-regular",
               color: "color-text-subtle",
               style: { flex: 1, minWidth: 0 }
             }, "Task"),
-            React11.createElement(Typography9, {
+            React11.createElement(Typography10, {
               variant: "smallCaption-regular",
               color: "color-text-subtle",
               style: { width: "50px", flexShrink: 0, textAlign: "right" }
             }, "Tokens"),
-            React11.createElement(Typography9, {
+            React11.createElement(Typography10, {
               variant: "smallCaption-regular",
               color: "color-text-subtle",
               style: { width: "50px", flexShrink: 0, textAlign: "right" }
             }, "Cost"),
-            React11.createElement(Typography9, {
+            React11.createElement(Typography10, {
               variant: "smallCaption-regular",
               color: "color-text-subtle",
               style: { width: "50px", flexShrink: 0 }
@@ -2866,8 +3481,8 @@ function SwarmDashboard() {
                 React11.createElement(
                   Flex10,
                   { variant: "column-start-start-nowrap-1", style: { flex: 1, minWidth: 0 } },
-                  React11.createElement(Typography9, { variant: "smallCaption-regular", color: "color-text-high" }, bot.name),
-                  bot.description && React11.createElement(Typography9, { variant: "smallCaption-regular", color: "color-text-subtle" }, bot.description)
+                  React11.createElement(Typography10, { variant: "smallCaption-regular", color: "color-text-high" }, bot.name),
+                  bot.description && React11.createElement(Typography10, { variant: "smallCaption-regular", color: "color-text-subtle" }, bot.description)
                 ),
                 React11.createElement(Icon6, { name: isEditing ? "expandLess" : "expandMore", size: 14, color: "color-text-subtle" })
               ),
@@ -2985,7 +3600,7 @@ function SwarmDashboard() {
             variant: "column-stretch-start-nowrap-0",
             style: { flexShrink: 0, borderTop: "1px solid var(--color-border-default)", padding: "8px 16px" }
           },
-          React11.createElement(Button4, {
+          React11.createElement(Button5, {
             size: "xs",
             variant: "clear",
             color: "primary",
@@ -3005,25 +3620,25 @@ function SwarmDashboard() {
         React11.createElement(
           Flex10,
           { variant: "row-center-space-between-nowrap-8" },
-          React11.createElement(Typography9, { variant: "smallCaption-regular", color: "color-text-subtle" }, "Provider"),
+          React11.createElement(Typography10, { variant: "smallCaption-regular", color: "color-text-subtle" }, "Provider"),
           React11.createElement(
             Flex10,
             { variant: "row-center-start-nowrap-4" },
             React11.createElement(
-              Typography9,
+              Typography10,
               { variant: "smallCaption-regular", color: "color-text-high" },
               providers.find((p) => p.envVarsSet)?.name ?? "None detected"
             ),
-            providers.find((p) => p.envVarsSet) && React11.createElement(Tag5, { size: "small", color: "info" }, "active")
+            providers.find((p) => p.envVarsSet) && React11.createElement(Tag6, { size: "small", color: "info" }, "active")
           )
         ),
         // Trust
         insights?.trust && React11.createElement(
           Flex10,
           { variant: "row-center-space-between-nowrap-8" },
-          React11.createElement(Typography9, { variant: "smallCaption-regular", color: "color-text-subtle" }, "Trust"),
+          React11.createElement(Typography10, { variant: "smallCaption-regular", color: "color-text-subtle" }, "Trust"),
           React11.createElement(
-            Typography9,
+            Typography10,
             { variant: "smallCaption-regular", color: "color-text-high" },
             `Phase ${insights.trust.phase} \xB7 ${insights.trust.score}/100`
           )
@@ -3032,9 +3647,9 @@ function SwarmDashboard() {
         insights?.health && React11.createElement(
           Flex10,
           { variant: "row-center-space-between-nowrap-8" },
-          React11.createElement(Typography9, { variant: "smallCaption-regular", color: "color-text-subtle" }, "Health"),
+          React11.createElement(Typography10, { variant: "smallCaption-regular", color: "color-text-subtle" }, "Health"),
           React11.createElement(
-            Typography9,
+            Typography10,
             { variant: "smallCaption-regular", color: "color-text-high" },
             `${insights.health.overall}/100`
           )
@@ -3043,12 +3658,12 @@ function SwarmDashboard() {
         providers.length > 0 && React11.createElement(
           Flex10,
           { variant: "column-stretch-start-nowrap-4" },
-          React11.createElement(Typography9, { variant: "smallCaption-regular", color: "color-text-subtle" }, "Available Providers"),
+          React11.createElement(Typography10, { variant: "smallCaption-regular", color: "color-text-subtle" }, "Available Providers"),
           React11.createElement(
             Flex10,
             { variant: "row-center-start-wrap-4" },
             ...providers.map(
-              (p) => React11.createElement(Tag5, {
+              (p) => React11.createElement(Tag6, {
                 key: p.name,
                 size: "small",
                 color: p.envVarsSet ? "positive" : "secondary"
@@ -3064,7 +3679,7 @@ function SwarmDashboard() {
           React11.createElement(
             Flex10,
             { variant: "row-center-start-nowrap-8" },
-            React11.createElement(Button4, {
+            React11.createElement(Button5, {
               size: "xs",
               variant: "outlined",
               color: "secondary",
@@ -3085,7 +3700,7 @@ function SwarmDashboard() {
                 }
               }
             }, "Reset Config"),
-            React11.createElement(Button4, {
+            React11.createElement(Button5, {
               size: "xs",
               variant: "outlined",
               color: "danger",
@@ -3102,7 +3717,7 @@ function SwarmDashboard() {
                 if (!ok) return;
                 try {
                   const raw = await callTool("fw_weaver_reset_all", {});
-                  const data = parseToolResult2(raw);
+                  const data = parseToolResult(raw);
                   toast5(`Full reset complete \u2014 ${data?.tasksCleared ?? 0} tasks, ${data?.profilesCleared ?? 0} profiles cleared`, { type: "success" });
                   refreshAll();
                 } catch (err) {