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

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),
@@ -1985,11 +1992,26 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
           // Add file row
           React7.createElement(
             Flex6,
-            { variant: "row-center-start-nowrap-4", style: { overflow: "hidden" } },
+            { variant: "row-center-start-nowrap-4" },
+            React7.createElement(Button3, {
+              size: "xs",
+              variant: "outlined",
+              color: "primary",
+              leftIcon: "filePresent",
+              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];
+                  });
+                }
+              }
+            }, "Browse"),
             React7.createElement(Input, {
               type: "text",
               size: "small",
-              placeholder: "File path",
+              placeholder: "Or type a path and press Enter",
               value: newFile,
               onChange: (v) => setNewFile(v),
               onEnter: handleAddFile,
@@ -2039,16 +2061,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 +2095,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),
@@ -448,11 +455,26 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }) {
           // Add file row
           React.createElement(
             Flex,
-            { variant: "row-center-start-nowrap-4", style: { overflow: "hidden" } },
+            { variant: "row-center-start-nowrap-4" },
+            React.createElement(Button, {
+              size: "xs",
+              variant: "outlined",
+              color: "primary",
+              leftIcon: "filePresent",
+              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];
+                  });
+                }
+              }
+            }, "Browse"),
             React.createElement(Input, {
               type: "text",
               size: "small",
-              placeholder: "File path",
+              placeholder: "Or type a path and press Enter",
               value: newFile,
               onChange: (v) => setNewFile(v),
               onEnter: handleAddFile,
@@ -502,16 +524,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 +558,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.87",
   "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),
@@ -488,10 +496,23 @@ function TaskEditor({ mode, taskId, onSave, onCancel, onDelete }: TaskEditorProp
       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(Flex, { variant: 'row-center-start-nowrap-4' },
+            React.createElement(Button, {
+              size: 'xs', variant: 'outlined', color: 'primary',
+              leftIcon: 'filePresent',
+              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];
+                  });
+                }
+              },
+            }, 'Browse'),
             React.createElement(Input, {
               type: 'text', size: 'small',
-              placeholder: 'File path',
+              placeholder: 'Or type a path and press Enter',
               value: newFile,
               onChange: (v: string) => setNewFile(v),
               onEnter: handleAddFile,
@@ -528,15 +549,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 +577,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),