@synergenius/flow-weaver-pack-weaver 0.9.86 → 0.9.88

package/dist/ui/swarm-dashboard.js

@@ -1613,6 +1613,7 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
   const [newDep, setNewDep] = useState5("");
   const [taskData, setTaskData] = useState5(null);
   const [profiles, setProfiles] = useState5([]);
+  const [availableTasks, setAvailableTasks] = useState5([]);
   const [loading, setLoading] = useState5(mode === "edit");
   useEffect3(() => {
     (async () => {
@@ -1627,6 +1628,17 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
         }
       } catch {
       }
+      try {
+        const taskRaw = await callTool("fw_weaver_task_list", {});
+        const taskData2 = typeof taskRaw === "string" ? JSON.parse(taskRaw) : taskRaw;
+        if (Array.isArray(taskData2)) {
+          setAvailableTasks(taskData2.map((t) => ({
+            id: t.id,
+            title: t.title || t.id
+          })));
+        }
+      } catch {
+      }
     })();
   }, [callTool]);
   useEffect3(() => {
@@ -1928,9 +1940,7 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
           size: "small",
           placeholder: "3",
           value: maxAttempts,
-          onChange: (v) => setMaxAttempts(v),
-          defaultBoxStyle: { flex: 1, minWidth: 0 },
-          inputBoxStyle: { maxWidth: "none" }
+          onChange: (v) => setMaxAttempts(v)
         })
       ),
       // -- Budget Tokens --
@@ -1942,9 +1952,7 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
           size: "small",
           placeholder: "Optional token limit",
           value: budgetTokens,
-          onChange: (v) => setBudgetTokens(v),
-          defaultBoxStyle: { flex: 1, minWidth: 0 },
-          inputBoxStyle: { maxWidth: "none" }
+          onChange: (v) => setBudgetTokens(v)
         })
       ),
       // -- Budget Cost --
@@ -1956,18 +1964,17 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
           size: "small",
           placeholder: "Optional cost limit (USD)",
           value: budgetCost,
-          onChange: (v) => setBudgetCost(v),
-          defaultBoxStyle: { flex: 1, minWidth: 0 },
-          inputBoxStyle: { maxWidth: "none" }
+          onChange: (v) => setBudgetCost(v)
         })
       ),
       // -- Notes --
       React7.createElement(
         Field,
-        { label: "Notes" },
+        { label: "Notes", align: "start" },
         React7.createElement(Input, {
           type: "text",
           size: "small",
+          multiline: true,
           placeholder: "Optional notes for context",
           value: notes,
           onChange: (v) => setNotes(v),
@@ -1982,29 +1989,23 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
         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()
-            })
-          ),
+          // File picker
+          React7.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) => React7.createElement(
               Flex6,
@@ -2039,16 +2040,15 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
           // Add dependency row (create mode only)
           mode === "create" && React7.createElement(
             Flex6,
-            { variant: "row-center-start-nowrap-4", style: { overflow: "hidden" } },
+            { variant: "row-center-start-nowrap-4" },
             React7.createElement(Input, {
-              type: "text",
+              type: "select",
               size: "small",
-              placeholder: "Task ID",
-              value: newDep,
+              placeholder: "Select a task",
+              options: availableTasks.filter((t) => !deps.includes(t.id) && t.id !== taskId).map((t) => ({ id: t.id, label: t.title })),
+              optionId: newDep,
               onChange: (v) => setNewDep(v),
-              onEnter: handleAddDep,
-              defaultBoxStyle: { flex: 1, minWidth: 0 },
-              inputBoxStyle: { maxWidth: "none" }
+              defaultBoxStyle: { flex: 1, minWidth: 0 }
             }),
             React7.createElement(IconButton4, {
               icon: "add",
@@ -2074,8 +2074,11 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
                 React7.createElement(Typography6, {
                   variant: "smallCaption-regular",
                   color: "color-text-high",
-                  style: { flex: 1, minWidth: 0, fontFamily: "var(--font-mono, monospace)" }
-                }, dep),
+                  style: { flex: 1, minWidth: 0 }
+                }, (() => {
+                  const t = availableTasks.find((t2) => t2.id === dep);
+                  return t ? t.title : dep;
+                })()),
                 mode === "create" && React7.createElement(IconButton4, {
                   icon: "close",
                   size: "xs",

package/dist/ui/task-editor.js

@@ -76,6 +76,7 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
   const [newDep, setNewDep] = useState("");
   const [taskData, setTaskData] = useState(null);
   const [profiles, setProfiles] = useState([]);
+  const [availableTasks, setAvailableTasks] = useState([]);
   const [loading, setLoading] = useState(mode === "edit");
   useEffect(() => {
     (async () => {
@@ -90,6 +91,17 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
         }
       } catch {
       }
+      try {
+        const taskRaw = await callTool("fw_weaver_task_list", {});
+        const taskData2 = typeof taskRaw === "string" ? JSON.parse(taskRaw) : taskRaw;
+        if (Array.isArray(taskData2)) {
+          setAvailableTasks(taskData2.map((t) => ({
+            id: t.id,
+            title: t.title || t.id
+          })));
+        }
+      } catch {
+      }
     })();
   }, [callTool]);
   useEffect(() => {
@@ -391,9 +403,7 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
           size: "small",
           placeholder: "3",
           value: maxAttempts,
-          onChange: (v) => setMaxAttempts(v),
-          defaultBoxStyle: { flex: 1, minWidth: 0 },
-          inputBoxStyle: { maxWidth: "none" }
+          onChange: (v) => setMaxAttempts(v)
         })
       ),
       // -- Budget Tokens --
@@ -405,9 +415,7 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
           size: "small",
           placeholder: "Optional token limit",
           value: budgetTokens,
-          onChange: (v) => setBudgetTokens(v),
-          defaultBoxStyle: { flex: 1, minWidth: 0 },
-          inputBoxStyle: { maxWidth: "none" }
+          onChange: (v) => setBudgetTokens(v)
         })
       ),
       // -- Budget Cost --
@@ -419,18 +427,17 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
           size: "small",
           placeholder: "Optional cost limit (USD)",
           value: budgetCost,
-          onChange: (v) => setBudgetCost(v),
-          defaultBoxStyle: { flex: 1, minWidth: 0 },
-          inputBoxStyle: { maxWidth: "none" }
+          onChange: (v) => setBudgetCost(v)
         })
       ),
       // -- Notes --
       React.createElement(
         Field,
-        { label: "Notes" },
+        { label: "Notes", align: "start" },
         React.createElement(Input, {
           type: "text",
           size: "small",
+          multiline: true,
           placeholder: "Optional notes for context",
           value: notes,
           onChange: (v) => setNotes(v),
@@ -445,29 +452,23 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
         React.createElement(
           Flex,
           { variant: "column-stretch-start-nowrap-6" },
-          // Add file row
-          React.createElement(
-            Flex,
-            { variant: "row-center-start-nowrap-4", style: { overflow: "hidden" } },
-            React.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" }
-            }),
-            React.createElement(IconButton, {
-              icon: "add",
-              size: "sm",
-              variant: "outlined",
-              color: "primary",
-              onClick: handleAddFile,
-              disabled: !newFile.trim()
-            })
-          ),
+          // 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,
@@ -502,16 +503,15 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
           // Add dependency row (create mode only)
           mode === "create" && React.createElement(
             Flex,
-            { variant: "row-center-start-nowrap-4", style: { overflow: "hidden" } },
+            { variant: "row-center-start-nowrap-4" },
             React.createElement(Input, {
-              type: "text",
+              type: "select",
               size: "small",
-              placeholder: "Task ID",
-              value: newDep,
+              placeholder: "Select a task",
+              options: availableTasks.filter((t) => !deps.includes(t.id) && t.id !== taskId).map((t) => ({ id: t.id, label: t.title })),
+              optionId: newDep,
               onChange: (v) => setNewDep(v),
-              onEnter: handleAddDep,
-              defaultBoxStyle: { flex: 1, minWidth: 0 },
-              inputBoxStyle: { maxWidth: "none" }
+              defaultBoxStyle: { flex: 1, minWidth: 0 }
             }),
             React.createElement(IconButton, {
               icon: "add",
@@ -537,8 +537,11 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
                 React.createElement(Typography, {
                   variant: "smallCaption-regular",
                   color: "color-text-high",
-                  style: { flex: 1, minWidth: 0, fontFamily: "var(--font-mono, monospace)" }
-                }, dep),
+                  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",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synergenius/flow-weaver-pack-weaver",
-  "version": "0.9.86",
+  "version": "0.9.88",
   "description": "AI bot for Flow Weaver. Execute tasks, run workflows, evolve autonomously.",
   "type": "module",
   "main": "./dist/index.js",

package/src/ui/task-editor.tsx

@@ -113,6 +113,8 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }: TaskEditorProp
 
   // --- Profiles for select ---
   const [profiles, setProfiles] = useState<Array<{ id: string; name: string }>>([]);
+  // --- Tasks for dependency select ---
+  const [availableTasks, setAvailableTasks] = useState<Array<{ id: string; title: string }>>([]);
 
   const [loading, setLoading] = useState(mode === 'edit');
 
@@ -129,6 +131,17 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }: TaskEditorProp
           })));
         }
       } catch { /* non-fatal */ }
+      // Also fetch task list for dependency picker
+      try {
+        const taskRaw = await callTool('fw_weaver_task_list', {});
+        const taskData = typeof taskRaw === 'string' ? JSON.parse(taskRaw) : taskRaw;
+        if (Array.isArray(taskData)) {
+          setAvailableTasks(taskData.map((t: Record<string, unknown>) => ({
+            id: t.id as string,
+            title: (t.title as string) || (t.id as string),
+          })));
+        }
+      } catch { /* non-fatal */ }
     })();
   }, [callTool]);
 
@@ -443,8 +456,6 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }: TaskEditorProp
           placeholder: '3',
           value: maxAttempts,
           onChange: (v: string) => setMaxAttempts(v),
-          defaultBoxStyle: { flex: 1, minWidth: 0 },
-          inputBoxStyle: { maxWidth: 'none' },
         }),
       ),
 
@@ -455,8 +466,6 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }: TaskEditorProp
           placeholder: 'Optional token limit',
           value: budgetTokens,
           onChange: (v: string) => setBudgetTokens(v),
-          defaultBoxStyle: { flex: 1, minWidth: 0 },
-          inputBoxStyle: { maxWidth: 'none' },
         }),
       ),
 
@@ -467,15 +476,14 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }: TaskEditorProp
           placeholder: 'Optional cost limit (USD)',
           value: budgetCost,
           onChange: (v: string) => setBudgetCost(v),
-          defaultBoxStyle: { flex: 1, minWidth: 0 },
-          inputBoxStyle: { maxWidth: 'none' },
         }),
       ),
 
       // -- Notes --
-      React.createElement(Field, { label: '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: string) => setNotes(v),
@@ -487,23 +495,22 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }: TaskEditorProp
       // -- Files --
       React.createElement(Field, { label: 'Files', align: 'start' },
         React.createElement(Flex, { variant: 'column-stretch-start-nowrap-6' },
-          // Add file row
-          React.createElement(Flex, { variant: 'row-center-start-nowrap-4', style: { overflow: 'hidden' } },
-            React.createElement(Input, {
-              type: 'text', size: 'small',
-              placeholder: 'File path',
-              value: newFile,
-              onChange: (v: string) => setNewFile(v),
-              onEnter: handleAddFile,
-              defaultBoxStyle: { flex: 1, minWidth: 0 },
-              inputBoxStyle: { maxWidth: 'none' },
-            }),
-            React.createElement(IconButton, {
-              icon: 'add', size: 'sm', variant: 'outlined', color: 'primary',
-              onClick: handleAddFile,
-              disabled: !newFile.trim(),
-            }),
-          ),
+          // 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: string[]) => {
+                  const unique = selected.filter((f: string) => !prev.includes(f));
+                  return [...prev, ...unique];
+                });
+              }
+            },
+            defaultBoxStyle: { flex: 1, minWidth: 0 },
+          }),
           // File list
           ...files.map((file: string, idx: number) =>
             React.createElement(Flex, {
@@ -528,15 +535,16 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }: TaskEditorProp
       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', style: { overflow: 'hidden' } },
+          mode === 'create' && React.createElement(Flex, { variant: 'row-center-start-nowrap-4' },
             React.createElement(Input, {
-              type: 'text', size: 'small',
-              placeholder: 'Task ID',
-              value: newDep,
+              type: 'select', size: 'small',
+              placeholder: 'Select a task',
+              options: availableTasks
+                .filter((t: { id: string }) => !deps.includes(t.id) && t.id !== taskId)
+                .map((t: { id: string; title: string }) => ({ id: t.id, label: t.title })),
+              optionId: newDep,
               onChange: (v: string) => setNewDep(v),
-              onEnter: handleAddDep,
               defaultBoxStyle: { flex: 1, minWidth: 0 },
-              inputBoxStyle: { maxWidth: 'none' },
             }),
             React.createElement(IconButton, {
               icon: 'add', size: 'sm', variant: 'outlined', color: 'primary',
@@ -555,8 +563,8 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }: TaskEditorProp
                   },
                     React.createElement(Typography, {
                       variant: 'smallCaption-regular', color: 'color-text-high',
-                      style: { flex: 1, minWidth: 0, fontFamily: 'var(--font-mono, monospace)' },
-                    }, dep),
+                      style: { flex: 1, minWidth: 0 },
+                    }, (() => { const t = availableTasks.find((t: { id: string }) => t.id === dep); return t ? t.title : dep; })()),
                     mode === 'create' && React.createElement(IconButton, {
                       icon: 'close', size: 'xs', variant: 'clear', color: 'danger',
                       onClick: () => handleRemoveDep(idx),