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

package/dist/ui/task-editor.js

@@ -23,19 +23,9 @@ __export(task_editor_exports, {
   default: () => task_editor_default
 });
 module.exports = __toCommonJS(task_editor_exports);
-var React = require("react");
-var { useState, useEffect, useCallback } = React;
-var {
-  Flex,
-  Typography,
-  Input,
-  Button,
-  IconButton,
-  Chip,
-  Field,
-  toast,
-  usePackWorkspace
-} = require("@fw/plugin-ui-kit");
+var import_react = require("react");
+var import_plugin_ui_kit = require("@fw/plugin-ui-kit");
+var import_jsx_runtime = require("react/jsx-runtime");
 var PRIORITY_OPTIONS = [
   { id: "0", label: "0 - None" },
   { id: "1", label: "1 - Low" },
@@ -57,24 +47,24 @@ var STATUS_COLOR = {
   "cancelled": "color-status-negative"
 };
 function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
-  const ctx = usePackWorkspace();
+  const ctx = (0, import_plugin_ui_kit.usePackWorkspace)();
   const { callTool } = ctx;
-  const [title, setTitle] = useState("");
-  const [description, setDescription] = useState("");
-  const [priority, setPriority] = useState("0");
-  const [complexity, setComplexity] = useState("");
-  const [assignedProfile, setAssignedProfile] = useState("");
-  const [budgetCost, setBudgetCost] = useState("");
-  const [notes, setNotes] = useState("");
-  const [files, setFiles] = useState([]);
-  const [newFile, setNewFile] = useState("");
-  const [dependsOn, setDependsOn] = useState([]);
-  const [newDep, setNewDep] = useState("");
-  const [taskData, setTaskData] = useState(null);
-  const [profiles, setProfiles] = useState([]);
-  const [availableTasks, setAvailableTasks] = useState([]);
-  const [loading, setLoading] = useState(mode === "edit");
-  useEffect(() => {
+  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", {});
@@ -100,7 +90,7 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
       }
     })();
   }, [callTool]);
-  useEffect(() => {
+  (0, import_react.useEffect)(() => {
     if (mode !== "edit" || !taskId) return;
     let cancelled = false;
     (async () => {
@@ -110,7 +100,7 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
         const data = typeof raw === "string" ? JSON.parse(raw) : raw;
         const t = data?.task ?? data;
         if (!t || !t.id) {
-          toast("Task not found", { type: "error" });
+          (0, import_plugin_ui_kit.toast)("Task not found", { type: "error" });
           onCancel();
           return;
         }
@@ -125,7 +115,7 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
         setFiles(t.context?.files || []);
         setDependsOn(t.dependsOn || []);
       } catch {
-        toast("Failed to load task", { type: "error" });
+        (0, import_plugin_ui_kit.toast)("Failed to load task", { type: "error" });
         onCancel();
       } finally {
         if (!cancelled) setLoading(false);
@@ -135,14 +125,14 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
       cancelled = true;
     };
   }, [mode, taskId, callTool]);
-  const isDirty = useCallback(() => {
+  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 = useCallback(async () => {
+  const handleBack = (0, import_react.useCallback)(async () => {
     if (isDirty()) {
       const ok = await ctx.confirm("Discard unsaved changes?", {
         title: "Unsaved Changes",
@@ -152,27 +142,27 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
     }
     onCancel();
   }, [isDirty, ctx, onCancel]);
-  const handleAddFile = useCallback(() => {
+  const handleAddFile = (0, import_react.useCallback)(() => {
     const trimmed = newFile.trim();
     if (!trimmed) return;
     setFiles((prev) => [...prev, trimmed]);
     setNewFile("");
   }, [newFile]);
-  const handleRemoveFile = useCallback((index) => {
+  const handleRemoveFile = (0, import_react.useCallback)((index) => {
     setFiles((prev) => prev.filter((_, i) => i !== index));
   }, []);
-  const handleAddDep = useCallback(() => {
+  const handleAddDep = (0, import_react.useCallback)(() => {
     const trimmed = newDep.trim();
     if (!trimmed) return;
     setDependsOn((prev) => [...prev, trimmed]);
     setNewDep("");
   }, [newDep]);
-  const handleRemoveDep = useCallback((index) => {
+  const handleRemoveDep = (0, import_react.useCallback)((index) => {
     setDependsOn((prev) => prev.filter((_, i) => i !== index));
   }, []);
-  const handleSave = useCallback(async () => {
+  const handleSave = (0, import_react.useCallback)(async () => {
     if (!title.trim()) {
-      toast("Title is required", { type: "error" });
+      (0, import_plugin_ui_kit.toast)("Title is required", { type: "error" });
       return;
     }
     try {
@@ -200,7 +190,7 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
             }
           });
         }
-        toast("Task created", { type: "success" });
+        (0, import_plugin_ui_kit.toast)("Task created", { type: "success" });
       } else {
         const patch = {
           id: taskId,
@@ -222,14 +212,14 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
           stagnationCount: taskData?.context?.stagnationCount ?? 0
         };
         await callTool("fw_weaver_task_update", patch);
-        toast("Task updated", { type: "success" });
+        (0, import_plugin_ui_kit.toast)("Task updated", { type: "success" });
       }
       onSave();
     } catch (err) {
-      toast(err instanceof Error ? err.message : `Failed to ${mode} task`, { type: "error" });
+      (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 = useCallback(async () => {
+  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",
@@ -239,373 +229,332 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
     if (!ok) return;
     try {
       await callTool("fw_weaver_task_cancel", { id: taskId });
-      toast("Task cancelled", { type: "success" });
+      (0, import_plugin_ui_kit.toast)("Task cancelled", { type: "success" });
       if (onDelete) onDelete();
     } catch (err) {
-      toast(err instanceof Error ? err.message : "Failed to cancel task", { type: "error" });
+      (0, import_plugin_ui_kit.toast)(err instanceof Error ? err.message : "Failed to cancel task", { type: "error" });
     }
   }, [taskId, callTool, onDelete, ctx]);
   if (loading) {
-    return React.createElement(
-      Flex,
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_plugin_ui_kit.Flex,
       {
         variant: "column-center-center-nowrap-12",
-        style: { padding: "24px 16px" }
-      },
-      React.createElement(Typography, { variant: "caption-regular", color: "color-text-subtle" }, "Loading task...")
+        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 React.createElement(
-    Flex,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_plugin_ui_kit.Flex,
     {
       variant: "column-stretch-start-nowrap-0",
-      style: { width: "100%", height: "100%", overflow: "hidden" }
-    },
-    // -- Header bar --
-    React.createElement(
-      Flex,
-      {
-        variant: "row-center-space-between-nowrap-8",
-        style: { padding: "8px 16px", flexShrink: 0, borderBottom: "1px solid var(--color-border-default)" }
-      },
-      React.createElement(
-        Flex,
-        { variant: "row-center-start-nowrap-8" },
-        React.createElement(IconButton, {
-          icon: "back",
-          size: "xs",
-          variant: "clear",
-          onClick: handleBack,
-          title: "Back"
-        }),
-        React.createElement(
-          Typography,
-          { variant: "caption-thick", color: "color-text-high" },
-          mode === "create" ? "Create Task" : "Edit Task"
-        )
-      ),
-      mode === "edit" && onDelete && React.createElement(IconButton, {
-        icon: "outlinedDelete",
-        size: "sm",
-        variant: "clear",
-        color: "danger",
-        onClick: handleDelete,
-        title: "Cancel task"
-      })
-    ),
-    // -- Scrollable form body --
-    React.createElement(
-      Flex,
-      {
-        variant: "column-stretch-start-nowrap-10",
-        style: { flex: 1, minHeight: 0, overflow: "auto", padding: "12px 16px" }
-      },
-      // -- Edit-only: Status tag --
-      mode === "edit" && taskData && React.createElement(
-        Field,
-        { label: "Status" },
-        React.createElement(Chip, {
-          label: taskData.status,
-          size: "small",
-          color: STATUS_COLOR[taskData.status] || "color-brand-alt"
-        })
-      ),
-      // -- Title --
-      React.createElement(
-        Field,
-        { label: "Title" },
-        React.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 --
-      React.createElement(
-        Field,
-        { label: "Description" },
-        React.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 --
-      React.createElement(
-        Field,
-        { label: "Priority" },
-        React.createElement(Input, {
-          type: "select",
-          size: "small",
-          options: PRIORITY_OPTIONS,
-          optionId: priority,
-          onChange: (id) => setPriority(id),
-          defaultBoxStyle: { flex: 1, minWidth: 0 }
-        })
-      ),
-      // -- Complexity --
-      React.createElement(
-        Field,
-        { label: "Complexity" },
-        React.createElement(Input, {
-          type: "select",
-          size: "small",
-          options: COMPLEXITY_OPTIONS,
-          optionId: complexity,
-          onChange: (id) => setComplexity(id),
-          defaultBoxStyle: { flex: 1, minWidth: 0 }
-        })
-      ),
-      // -- Assigned Profile --
-      React.createElement(
-        Field,
-        { label: "Profile" },
-        React.createElement(Input, {
-          type: "select",
-          size: "small",
-          options: profileOptions,
-          optionId: assignedProfile,
-          onChange: (id) => setAssignedProfile(id),
-          placeholder: "Select profile",
-          defaultBoxStyle: { flex: 1, minWidth: 0 }
-        })
-      ),
-      // -- Budget Cost --
-      React.createElement(
-        Field,
-        { label: "Budget Cost" },
-        React.createElement(Input, {
-          type: "number",
-          size: "small",
-          placeholder: "Optional cost limit (USD)",
-          value: budgetCost,
-          onChange: (v) => setBudgetCost(v)
-        })
-      ),
-      // -- Notes --
-      React.createElement(
-        Field,
-        { label: "Notes", align: "start" },
-        React.createElement(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" }
-        })
-      ),
-      // -- Files --
-      React.createElement(
-        Field,
-        { label: "Files", align: "start" },
-        React.createElement(
-          Flex,
-          { variant: "column-stretch-start-nowrap-6" },
-          // File picker
-          React.createElement(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) => React.createElement(
-              Flex,
-              {
-                key: `file-${idx}`,
-                variant: "row-center-start-nowrap-6",
-                style: { paddingLeft: "4px" }
-              },
-              React.createElement(Typography, {
-                variant: "smallCaption-regular",
-                color: "color-text-high",
-                style: { flex: 1, minWidth: 0, fontFamily: "var(--font-mono, monospace)" }
-              }, file),
-              React.createElement(IconButton, {
-                icon: "close",
-                size: "xs",
-                variant: "clear",
-                color: "danger",
-                onClick: () => handleRemoveFile(idx)
-              })
-            )
-          )
-        )
-      ),
-      // -- Dependencies --
-      React.createElement(
-        Field,
-        { label: "Dependencies", align: "start" },
-        React.createElement(
-          Flex,
-          { variant: "column-stretch-start-nowrap-6" },
-          // Add dependency row (create mode only)
-          mode === "create" && React.createElement(
-            Flex,
-            { variant: "row-center-start-nowrap-4" },
-            React.createElement(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 }
-            }),
-            React.createElement(IconButton, {
-              icon: "add",
-              size: "sm",
-              variant: "outlined",
-              color: "primary",
-              onClick: handleAddDep,
-              disabled: !newDep.trim()
-            })
-          ),
-          // Dependency list
-          dependsOn.length > 0 ? React.createElement(
-            Flex,
-            { variant: "column-stretch-start-nowrap-4" },
-            ...dependsOn.map(
-              (dep, idx) => React.createElement(
-                Flex,
+      style: { width: "100%", height: "100%", overflow: "hidden" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_plugin_ui_kit.Flex,
+          {
+            variant: "row-center-space-between-nowrap-8",
+            style: { padding: "8px 16px", flexShrink: 0, borderBottom: "1px solid var(--color-border-default)" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-8", children: [
+                /* @__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,
                 {
-                  key: `dep-${idx}`,
-                  variant: "row-center-start-nowrap-6",
-                  style: { paddingLeft: "4px" }
-                },
-                React.createElement(Typography, {
-                  variant: "smallCaption-regular",
-                  color: "color-text-high",
-                  style: { flex: 1, minWidth: 0 }
-                }, (() => {
-                  const t = availableTasks.find((t2) => t2.id === dep);
-                  return t ? t.title : dep;
-                })()),
-                mode === "create" && React.createElement(IconButton, {
-                  icon: "close",
-                  size: "xs",
+                  icon: "outlinedDelete",
+                  size: "sm",
                   variant: "clear",
                   color: "danger",
-                  onClick: () => handleRemoveDep(idx)
-                })
+                  onClick: handleDelete,
+                  title: "Cancel task"
+                }
               )
-            )
-          ) : React.createElement(Typography, {
-            variant: "smallCaption-regular",
-            color: "color-text-subtle",
-            style: { paddingLeft: "4px" }
-          }, "None"),
-          mode === "edit" && React.createElement(Typography, {
-            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 && React.createElement(
-        Flex,
-        {
-          variant: "column-stretch-start-nowrap-10",
-          style: { marginTop: 8, paddingTop: 12, borderTop: "1px solid var(--color-border-default)" }
-        },
-        React.createElement(
-          Field,
-          { label: "Created by" },
-          React.createElement(
-            Typography,
-            { variant: "smallCaption-regular", color: "color-text-medium" },
-            taskData.createdBy || "unknown"
-          )
-        ),
-        React.createElement(
-          Field,
-          { label: "Created at" },
-          React.createElement(
-            Typography,
-            { variant: "smallCaption-regular", color: "color-text-medium" },
-            taskData.createdAt ? new Date(taskData.createdAt).toLocaleString() : "-"
-          )
+            ]
+          }
         ),
-        React.createElement(
-          Field,
-          { label: "Updated at" },
-          React.createElement(
-            Typography,
-            { variant: "smallCaption-regular", color: "color-text-medium" },
-            taskData.updatedAt ? new Date(taskData.updatedAt).toLocaleString() : "-"
-          )
-        ),
-        React.createElement(
-          Field,
-          { label: "Tokens used" },
-          React.createElement(
-            Typography,
-            { variant: "smallCaption-regular", color: "color-text-medium" },
-            (taskData.tokensUsed ?? 0).toLocaleString()
-          )
-        ),
-        React.createElement(
-          Field,
-          { label: "Cost used" },
-          React.createElement(
-            Typography,
-            { variant: "smallCaption-regular", color: "color-text-medium" },
-            `$${(taskData.costUsed ?? 0).toFixed(3)}`
-          )
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_plugin_ui_kit.Flex,
+          {
+            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: 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"
+                  }
+                )
+              ] }) }),
+              mode === "edit" && taskData && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                import_plugin_ui_kit.Flex,
+                {
+                  variant: "column-stretch-start-nowrap-10",
+                  style: { marginTop: 8, paddingTop: 12, borderTop: "1px solid var(--color-border-default)" },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Created by", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-medium", children: taskData.createdBy || "unknown" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Created at", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-medium", children: taskData.createdAt ? new Date(taskData.createdAt).toLocaleString() : "-" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Updated at", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-medium", children: taskData.updatedAt ? new Date(taskData.updatedAt).toLocaleString() : "-" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Tokens used", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-medium", children: (taskData.tokensUsed ?? 0).toLocaleString() }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Cost used", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-medium", children: `$${(taskData.costUsed ?? 0).toFixed(3)}` }) }),
+                    taskData.context?.runHistory?.slice(-1)?.[0]?.remainingWork && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Remaining work", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_plugin_ui_kit.Typography,
+                      {
+                        variant: "smallCaption-regular",
+                        color: "color-status-caution",
+                        style: { fontFamily: "var(--font-mono, monospace)", whiteSpace: "pre-wrap" },
+                        children: taskData.context.runHistory.slice(-1)[0]?.remainingWork
+                      }
+                    ) })
+                  ]
+                }
+              )
+            ]
+          }
         ),
-        taskData.context?.runHistory?.slice(-1)?.[0]?.remainingWork && React.createElement(
-          Field,
-          { label: "Remaining work", align: "start" },
-          React.createElement(Typography, {
-            variant: "smallCaption-regular",
-            color: "color-status-caution",
-            style: { fontFamily: "var(--font-mono, monospace)", whiteSpace: "pre-wrap" }
-          }, taskData.context.runHistory.slice(-1)[0]?.remainingWork)
+        /* @__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"
+              }
+            )
+          }
         )
-      )
-    ),
-    // -- Footer bar with save button --
-    React.createElement(
-      Flex,
-      {
-        variant: "row-center-end-nowrap-8",
-        style: { padding: "8px 16px", flexShrink: 0, borderTop: "1px solid var(--color-border-default)" }
-      },
-      React.createElement(Button, {
-        size: "xs",
-        variant: "fill",
-        color: "primary",
-        onClick: handleSave,
-        disabled: !title.trim()
-      }, mode === "create" ? "Create" : "Save")
-    )
+      ]
+    }
   );
 }
 var task_editor_default = TaskEditor;
-module.exports = TaskEditor;