@synergenius/flow-weaver-pack-weaver 0.9.62 → 0.9.78

package/src/node-types/receive-task.ts

@@ -1,10 +1,8 @@
 import type { WeaverEnv, WeaverContext } from '../bot/types.js';
-import { TaskStore } from '../bot/task-store.js';
 
 /**
- * Receives a task from CLI args, MCP tool call, or the task queue.
- * Parses the instruction into a structured BotTask. Creates the
- * WeaverContext that threads through the bot pipeline.
+ * Receives a pre-supplied task and creates the WeaverContext that
+ * threads through the bot pipeline.
  *
  * @flowWeaver nodeType
  * @label Receive Task
@@ -28,7 +26,6 @@ export async function weaverReceiveTask(
     return { onSuccess: true, onFailure: false, ctx: JSON.stringify(context) };
   }
 
-  // If taskJson is pre-supplied, use it directly
   if (taskJson) {
     try {
       const parsed = JSON.parse(taskJson);
@@ -38,29 +35,9 @@ export async function weaverReceiveTask(
         context.hasTask = true;
         return { onSuccess: true, onFailure: false, ctx: JSON.stringify(context) };
       }
-    } catch { /* fall through to queue check */ }
+    } catch { /* invalid JSON — no task */ }
   }
 
-  // Check task queue via TaskStore
-  try {
-    const store = new TaskStore(env.projectDir);
-    const claimed = await store.claimNext('weaver-bot');
-
-    if (claimed) {
-      const botTask = {
-        instruction: claimed.title,
-        mode: 'create',
-        targets: undefined as string[] | undefined,
-        options: undefined as Record<string, unknown> | undefined,
-        queueId: claimed.id,
-      };
-      console.log(`\x1b[36m→ Task from queue [${claimed.id}]: ${claimed.title.slice(0, 80)}\x1b[0m`);
-      context.taskJson = JSON.stringify(botTask);
-      context.hasTask = true;
-      return { onSuccess: true, onFailure: false, ctx: JSON.stringify(context) };
-    }
-  } catch (err) { if (process.env.WEAVER_VERBOSE) console.error('[receive-task] queue error:', err); }
-
   console.log('\x1b[33m→ No task found\x1b[0m');
   return { onSuccess: false, onFailure: true, ctx: JSON.stringify(context) };
 }

package/src/ui/bot-constants.ts

@@ -0,0 +1,192 @@
+/**
+ * Shared constants for bot panel components: icon catalog, colors, helpers.
+ */
+
+/* ── Categorised icon catalog ──────────────────────────────────────── */
+
+export const ICON_CATALOG: { category: string; icons: string[] }[] = [
+  {
+    category: 'Actions',
+    icons: [
+      'playArrow',
+      'stop',
+      'pause',
+      'restart',
+      'send',
+      'check',
+      'edit',
+      'copy',
+      'add',
+      'reset',
+      'resume',
+    ],
+  },
+  {
+    category: 'AI & Science',
+    icons: ['smartToy', 'psychology', 'autoAwesome', 'modelTraining', 'biotech', 'science', 'ai'],
+  },
+  {
+    category: 'Data & Storage',
+    icons: ['database', 'dataObject', 'dataArray', 'tableChart', 'token', 'dns', 'cloudStorage'],
+  },
+  {
+    category: 'Logic & Flow',
+    icons: [
+      'altRoute',
+      'callSplit',
+      'callMerge',
+      'rule',
+      'filterAlt',
+      'sort',
+      'loop',
+      'repeat',
+      'compareArrows',
+      'swapHoriz',
+      'syncAlt',
+      'changeCircle',
+      'allInclusive',
+    ],
+  },
+  {
+    category: 'Cloud & Network',
+    icons: [
+      'cloudSync',
+      'cloudUpload',
+      'cloudDownload',
+      'cloudDone',
+      'api',
+      'webhook',
+      'public',
+      'router',
+    ],
+  },
+  {
+    category: 'Communication',
+    icons: ['email', 'chat', 'forum', 'notifications', 'campaign', 'rssFeed', 'sms'],
+  },
+  {
+    category: 'Security',
+    icons: [
+      'key',
+      'shield',
+      'security',
+      'vpnKey',
+      'adminPanel',
+      'policy',
+      'verified',
+      'lockClosed',
+      'lockOpened',
+    ],
+  },
+  {
+    category: 'Time',
+    icons: [
+      'timer',
+      'alarm',
+      'hourglassEmpty',
+      'pendingActions',
+      'update',
+      'watchLater',
+      'scheduled',
+    ],
+  },
+  {
+    category: 'Tasks & Workflow',
+    icons: [
+      'task',
+      'taskAlt',
+      'checklist',
+      'assignment',
+      'publish',
+      'build',
+      'construction',
+      'engineering',
+    ],
+  },
+  {
+    category: 'Analytics',
+    icons: [
+      'analytics',
+      'insights',
+      'barChart',
+      'pieChart',
+      'trendingUp',
+      'showChart',
+      'leaderboard',
+      'monitoring',
+    ],
+  },
+  {
+    category: 'Flow Nodes',
+    icons: [
+      'schema',
+      'hub',
+      'deviceHub',
+      'source',
+      'trigger',
+      'pulse',
+      'step',
+      'event',
+      'outlinedFlow',
+    ],
+  },
+  {
+    category: 'Files & Documents',
+    icons: [
+      'file',
+      'filePresent',
+      'fileCopy',
+      'textSnippet',
+      'attachFile',
+      'uploadFile',
+      'save',
+      'upload',
+      'download',
+    ],
+  },
+  {
+    category: 'General',
+    icons: [
+      'rocketLaunch',
+      'code',
+      'terminal',
+      'logs',
+      'info',
+      'help',
+      'list',
+      'category',
+      'hash',
+      'calendar',
+      'history',
+      'integration',
+      'layers',
+      'link',
+      'search',
+      'outlinedSettings',
+      'outlinedBug',
+      'collaboration',
+      'person',
+      'people',
+      'backup',
+      'healthAndSafety',
+    ],
+  },
+];
+
+export const BOT_COLORS = [
+  { label: 'Blue', token: 'color-node-blue-icon' },
+  { label: 'Purple', token: 'color-node-purple-icon' },
+  { label: 'Cyan', token: 'color-node-cyan-icon' },
+  { label: 'Orange', token: 'color-node-orange-icon' },
+  { label: 'Pink', token: 'color-node-pink-icon' },
+  { label: 'Green', token: 'color-node-green-icon' },
+  { label: 'Brand', token: 'color-brand-main' },
+  { label: 'Accent', token: 'color-brand-alt' },
+  { label: 'Positive', token: 'color-status-positive' },
+  { label: 'Info', token: 'color-status-info' },
+];
+
+/** Convert camelCase icon name to searchable words: "cloudSync" -> "cloud sync" */
+export function iconToWords(name: string): string {
+  return name.replace(/([A-Z])/g, ' $1').toLowerCase();
+}

package/src/ui/bot-panel.tsx

@@ -14,27 +14,30 @@ const React = require('react');
 const { useState, useEffect, useCallback, useRef } = React;
 const {
   Flex, Typography, Button, IconButton, Icon, EmptyState,
-  ScrollArea, usePackWorkspace,
+  ScrollArea, StatusIcon, usePackWorkspace,
 } = require('@fw/plugin-ui-kit');
 
 // ---------------------------------------------------------------------------
 // Types
 // ---------------------------------------------------------------------------
 
-interface BotSlotInfo {
-  botId: string;
-  botName: string;
+interface InstanceInfo {
+  instanceId: string;
+  profileId: string;
+  index: number;
   status: 'idle' | 'executing' | 'paused' | 'stopped';
   currentTaskId?: string;
   currentRunId?: string;
   startedAt?: string;
   tokensUsed: number;
   cost: number;
+  tasksCompleted: number;
+  tasksFailed: number;
 }
 
 interface SwarmStatus {
   status: 'idle' | 'running' | 'paused' | 'stopping';
-  bots: Record<string, BotSlotInfo>;
+  instances: Record<string, InstanceInfo>;
   maxConcurrent: number;
   tasksCompleted: number;
   tasksFailed: number;
@@ -54,12 +57,12 @@ function parseToolResult(raw: unknown): unknown {
   return raw;
 }
 
-function statusColor(status: string): string {
+function statusToIconStatus(status: string): 'pending' | 'running' | 'completed' | 'failed' {
   switch (status) {
-    case 'executing': case 'running': return 'var(--color-success)';
-    case 'paused': return 'var(--color-warning)';
-    case 'stopped': case 'stopping': return 'var(--color-danger)';
-    default: return 'var(--color-text-subtle)';
+    case 'executing': case 'running': return 'running';
+    case 'paused': return 'pending';
+    case 'stopped': case 'stopping': return 'failed';
+    default: return 'completed';
   }
 }
 
@@ -139,10 +142,10 @@ function BotPanel() {
       type: 'custom',
       title: 'Swarm Dashboard',
       icon: 'dashboard',
-      contentType: 'workspace',
+      contentType: 'bot-workspace',
       displayState: 'docked',
       dockZone: 'center',
-      definitionId: 'workspace',
+      definitionId: 'bot-workspace',
       size: { width: 1000, height: 700 },
       singleton: true,
       data: { packId },
@@ -153,23 +156,17 @@ function BotPanel() {
 
   // Header
   const header = React.createElement(Flex, {
-    variant: 'row-center-between-nowrap-8',
+    variant: 'row-center-space-between-nowrap-8',
     style: { padding: '8px 12px', borderBottom: '1px solid var(--color-border-default)', flexShrink: 0 },
   },
     React.createElement(Flex, { variant: 'row-center-start-nowrap-6' },
       React.createElement(Icon, { name: 'smartToy', size: 16, color: 'color-text-medium' }),
       React.createElement(Typography, { variant: 'caption-thick', color: 'color-text-high' }, 'Swarm'),
     ),
-    React.createElement(Flex, { variant: 'row-center-start-nowrap-4' },
-      React.createElement(IconButton, {
-        icon: 'refresh', size: 'xs', variant: 'clear',
-        onClick: fetchStatus, title: 'Refresh',
-      }),
-      React.createElement(IconButton, {
-        icon: 'dashboard', size: 'xs', variant: 'clear',
-        onClick: handleOpenDashboard, title: 'Open Dashboard',
-      }),
-    ),
+    React.createElement(IconButton, {
+      icon: 'reset', size: 'xs', variant: 'clear',
+      onClick: fetchStatus, title: 'Refresh',
+    }),
   );
 
   // Loading state
@@ -181,7 +178,7 @@ function BotPanel() {
       header,
       React.createElement(Flex, {
         variant: 'column-center-center-nowrap-8',
-        style: { flex: 1, padding: '24px' },
+        style: { flex: 1 },
       },
         React.createElement(Typography, { variant: 'caption-regular', color: 'color-text-subtle' }, 'Loading swarm status...'),
       ),
@@ -197,9 +194,9 @@ function BotPanel() {
       header,
       React.createElement(Flex, {
         variant: 'column-center-center-nowrap-8',
-        style: { flex: 1, padding: '24px' },
+        style: { flex: 1 },
       },
-        React.createElement(Typography, { variant: 'caption-regular', color: 'color-danger' }, error),
+        React.createElement(Typography, { variant: 'caption-regular', color: 'color-status-negative' }, error),
         React.createElement(Button, { size: 'xs', variant: 'outlined', onClick: fetchStatus }, 'Retry'),
       ),
     );
@@ -207,20 +204,16 @@ function BotPanel() {
 
   // Swarm status indicator
   const swarmStatus = swarm?.status ?? 'idle';
-  const statusDot = React.createElement('div', {
-    style: {
-      width: 8, height: 8, borderRadius: '50%',
-      backgroundColor: statusColor(swarmStatus),
-      flexShrink: 0,
-    },
-  });
 
   const statusRow = React.createElement(Flex, {
-    variant: 'row-center-between-nowrap-8',
+    variant: 'row-center-space-between-nowrap-8',
     style: { padding: '8px 12px', borderBottom: '1px solid var(--color-border-default)' },
   },
     React.createElement(Flex, { variant: 'row-center-start-nowrap-6' },
-      statusDot,
+      React.createElement(StatusIcon, {
+        status: statusToIconStatus(swarmStatus),
+        size: 'sm',
+      }),
       React.createElement(Typography, { variant: 'caption-thick', color: 'color-text-high' },
         statusLabel(swarmStatus),
       ),
@@ -233,12 +226,8 @@ function BotPanel() {
 
   // Quick stats
   const statsRow = React.createElement(Flex, {
-    variant: 'row-center-between-nowrap-8',
-    style: {
-      padding: '8px 12px',
-      borderBottom: '1px solid var(--color-border-default)',
-      backgroundColor: 'var(--color-surface-low)',
-    },
+    variant: 'row-center-space-between-nowrap-8',
+    style: { padding: '8px 12px', borderBottom: '1px solid var(--color-border-default)', backgroundColor: 'var(--color-surface-low)' },
   },
     React.createElement(Flex, { variant: 'column-center-center-nowrap-1' },
       React.createElement(Typography, { variant: 'smallCaption-thick', color: 'color-text-high' },
@@ -267,33 +256,22 @@ function BotPanel() {
   );
 
   // Bot list
-  const botEntries = Object.values(swarm?.bots ?? {}) as BotSlotInfo[];
-  const hasBots = botEntries.length > 0;
-
-  const botCards = botEntries.map((bot: BotSlotInfo) => {
-    const botDot = React.createElement('div', {
-      style: {
-        width: 6, height: 6, borderRadius: '50%',
-        backgroundColor: statusColor(bot.status),
-        flexShrink: 0,
-      },
-    });
+  const instanceEntries = Object.values(swarm?.instances ?? {}) as InstanceInfo[];
+  const hasBots = instanceEntries.length > 0;
 
-    return React.createElement(Flex, {
-      key: bot.botId,
+  const botCards = instanceEntries.map((inst: InstanceInfo) =>
+    React.createElement(Flex, {
+      key: inst.instanceId,
       variant: 'row-center-start-nowrap-8',
-      style: {
-        padding: '6px 8px',
-        borderRadius: 'var(--border-radius-secondary)',
-        border: '1px solid var(--color-border-default)',
-      },
+      style: { padding: '8px', borderRadius: 'var(--border-radius-regular)', border: '1px solid var(--color-border-default)' },
     },
       // Bot icon
-      React.createElement('div', {
+      React.createElement(Flex, {
+        variant: 'row-center-center-nowrap-0',
         style: {
           width: 26, height: 26,
           borderRadius: 'var(--border-radius-compact)',
-          display: 'flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0,
+          flexShrink: 0,
           background: 'var(--color-surface-low)',
         },
       },
@@ -308,48 +286,46 @@ function BotPanel() {
         React.createElement(Flex, { variant: 'row-center-start-nowrap-4' },
           React.createElement(Typography, {
             variant: 'caption-thick', color: 'color-text-high',
-            style: { wordBreak: 'break-word' },
-          }, bot.botName),
-          botDot,
+          }, `${inst.profileId} #${inst.index}`),
+          React.createElement(StatusIcon, {
+            status: statusToIconStatus(inst.status),
+            size: 'sm',
+          }),
           React.createElement(Typography, {
             variant: 'smallCaption-regular', color: 'color-text-subtle',
-          }, statusLabel(bot.status)),
+          }, statusLabel(inst.status)),
         ),
-        bot.currentTaskId ? React.createElement(Typography, {
+        inst.currentTaskId ? React.createElement(Typography, {
           variant: 'smallCaption-regular', color: 'color-text-medium',
-          style: {
-            wordBreak: 'break-word',
-            overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap',
-            maxWidth: '100%',
-          },
-        }, `Task: ${bot.currentTaskId}`) : null,
+          truncate: true,
+        }, `Task: ${inst.currentTaskId}`) : null,
       ),
 
-      // Per-bot stats
+      // Per-instance stats
       React.createElement(Flex, {
         variant: 'column-end-end-nowrap-1',
         style: { flexShrink: 0 },
       },
         React.createElement(Typography, { variant: 'smallCaption-regular', color: 'color-text-subtle' },
-          formatTokens(bot.tokensUsed),
+          formatTokens(inst.tokensUsed),
         ),
         React.createElement(Typography, { variant: 'smallCaption-regular', color: 'color-text-subtle' },
-          formatCost(bot.cost),
+          formatCost(inst.cost),
         ),
       ),
-    );
-  });
+    ),
+  );
 
   const content = hasBots
     ? React.createElement(ScrollArea, { style: { flex: 1 } },
         React.createElement(Flex, {
-          variant: 'column-stretch-start-nowrap-4',
+          variant: 'column-stretch-start-nowrap-6',
           style: { padding: '8px 12px' },
         }, ...botCards),
       )
     : React.createElement(Flex, {
         variant: 'column-center-center-nowrap-0',
-        style: { flex: 1, padding: '24px' },
+        style: { flex: 1 },
       },
         React.createElement(EmptyState, {
           icon: 'smartToy',