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

package/dist/ui/bot-slot-card.js

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/ui/bot-slot-card.tsx
@@ -24,20 +34,8 @@ __export(bot_slot_card_exports, {
   default: () => bot_slot_card_default
 });
 module.exports = __toCommonJS(bot_slot_card_exports);
-var React = require("react");
-var { Flex, Typography, IconButton, StatusIcon, Icon } = require("@fw/plugin-ui-kit");
-var statusToDot = {
-  idle: "neutral",
-  executing: "info",
-  paused: "caution",
-  stopped: "negative"
-};
-var statusToIcon = {
-  idle: "pending",
-  executing: "running",
-  paused: "pause",
-  stopped: "stop"
-};
+var import_react = __toESM(require("react"), 1);
+var import_plugin_ui_kit = require("@fw/plugin-ui-kit");
 var statusToLabel = {
   idle: "Idle",
   executing: "Executing",
@@ -53,124 +51,91 @@ function formatCost(n) {
   if (n < 0.01 && n > 0) return "<$0.01";
   return `$${n.toFixed(2)}`;
 }
-function BotSlotCard({ bot, currentTaskTitle, onPause, onResume, onStop }) {
+function BotSlotCard({ bot, currentTaskTitle, profileName, botDisplayName, botIcon, botColor, onPause, onResume, onStop }) {
   const { botId, botName, status, currentTaskId, tokensUsed, cost } = bot;
-  const dotStatus = statusToDot[status] ?? "neutral";
-  const iconName = statusToIcon[status] ?? "pending";
-  const label = statusToLabel[status] ?? status;
   const isExecuting = status === "executing";
   const isPaused = status === "paused";
-  const iconColor = dotStatus === "neutral" ? "color-text-subtle" : `color-status-${dotStatus}`;
-  const taskText = isExecuting ? currentTaskTitle || currentTaskId || "Working..." : null;
-  const actions = React.createElement(
-    Flex,
+  const label = statusToLabel[status] ?? status;
+  const taskText = isExecuting ? currentTaskTitle || currentTaskId || "-" : "-";
+  return import_react.default.createElement(
+    import_plugin_ui_kit.Flex,
     {
-      variant: "row-center-center-nowrap-2",
-      style: { marginTop: "4px" }
+      variant: "row-center-start-nowrap-8",
+      style: { padding: "6px 16px", minHeight: "38px", borderBottom: "1px solid var(--color-border-default)" }
     },
-    // Pause / Resume button
-    isExecuting && onPause ? React.createElement(IconButton, {
-      icon: "pause",
-      size: "xs",
-      variant: "clear",
-      onClick: (e) => {
-        e.stopPropagation();
-        onPause(botId);
-      },
-      title: "Pause bot"
-    }) : null,
-    isPaused && onResume ? React.createElement(IconButton, {
-      icon: "playArrow",
-      size: "xs",
-      variant: "clear",
-      onClick: (e) => {
-        e.stopPropagation();
-        onResume(botId);
-      },
-      title: "Resume bot"
-    }) : null,
-    // Stop button (available when executing or paused)
-    (isExecuting || isPaused) && onStop ? React.createElement(IconButton, {
-      icon: "stop",
-      size: "xs",
-      variant: "clear",
-      onClick: (e) => {
-        e.stopPropagation();
-        onStop(botId);
+    // Instance name
+    import_react.default.createElement(import_plugin_ui_kit.Typography, {
+      variant: "smallCaption-regular",
+      color: "color-text-high",
+      style: { width: "120px", flexShrink: 0 }
+    }, profileName ? `${profileName} #${botId.split("-").pop() ?? "0"}` : botName),
+    // Bot (icon + name)
+    import_react.default.createElement(
+      import_plugin_ui_kit.Flex,
+      {
+        variant: "row-center-start-nowrap-4",
+        style: { width: "110px", flexShrink: 0, color: botColor ? `var(--${botColor})` : void 0 }
       },
-      title: "Stop bot"
-    }) : null
-  );
-  const hasActions = isExecuting && onPause || isPaused && onResume || (isExecuting || isPaused) && onStop;
-  return React.createElement(
-    "div",
-    {
-      style: {
-        width: "120px",
-        minWidth: "120px",
-        padding: "8px",
-        borderRadius: "var(--border-radius-secondary)",
-        border: "1px solid var(--color-border-default)",
-        backgroundColor: "var(--color-surface-elevated)",
-        display: "flex",
-        flexDirection: "column",
-        gap: "4px",
-        flexShrink: 0
-      }
-    },
-    // Row 1: Status icon + bot name
-    React.createElement(
-      Flex,
-      { variant: "row-center-start-nowrap-4" },
-      React.createElement(Icon, {
-        name: iconName,
-        size: 12,
-        color: iconColor
-      }),
-      React.createElement(Typography, {
-        variant: "caption-thick",
-        color: "color-text-high",
-        style: {
-          overflow: "hidden",
-          textOverflow: "ellipsis",
-          whiteSpace: "nowrap",
-          flex: 1,
-          minWidth: 0
-        }
-      }, botName)
+      import_react.default.createElement(import_plugin_ui_kit.Icon, { name: botIcon || "smartToy", size: 12 }),
+      import_react.default.createElement(import_plugin_ui_kit.Typography, {
+        variant: "smallCaption-regular",
+        color: "color-text-subtle"
+      }, botDisplayName || "-")
     ),
-    // Row 2: Status label
-    React.createElement(Typography, {
+    // Status
+    import_react.default.createElement(import_plugin_ui_kit.Typography, {
       variant: "smallCaption-regular",
-      color: iconColor,
-      style: { textTransform: "capitalize" }
+      color: isExecuting ? "color-brand-main" : "color-text-subtle",
+      style: { width: "70px", flexShrink: 0 }
     }, label),
-    // Row 3: Current task (if executing)
-    taskText ? React.createElement(Typography, {
+    // Current task
+    import_react.default.createElement(import_plugin_ui_kit.Typography, {
       variant: "smallCaption-regular",
-      color: "color-text-medium",
-      style: {
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        whiteSpace: "nowrap"
-      }
-    }, taskText) : null,
-    // Row 4: Tokens + cost
-    React.createElement(
-      Flex,
-      { variant: "row-center-between-nowrap-4", style: { marginTop: "auto" } },
-      React.createElement(Typography, {
-        variant: "smallCaption-regular",
-        color: "color-text-subtle"
-      }, formatTokens(tokensUsed)),
-      React.createElement(Typography, {
-        variant: "smallCaption-regular",
-        color: "color-text-subtle"
-      }, formatCost(cost))
-    ),
-    // Row 5: Actions (optional)
-    hasActions ? actions : null
+      color: isExecuting ? "color-text-medium" : "color-text-subtle",
+      style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }
+    }, taskText),
+    // Tokens
+    import_react.default.createElement(import_plugin_ui_kit.Typography, {
+      variant: "smallCaption-regular",
+      color: "color-text-subtle",
+      style: { width: "50px", flexShrink: 0, textAlign: "right" }
+    }, formatTokens(tokensUsed)),
+    // Cost
+    import_react.default.createElement(import_plugin_ui_kit.Typography, {
+      variant: "smallCaption-regular",
+      color: "color-text-subtle",
+      style: { width: "50px", flexShrink: 0, textAlign: "right" }
+    }, formatCost(cost)),
+    // Actions
+    import_react.default.createElement(
+      import_plugin_ui_kit.Flex,
+      {
+        variant: "row-center-end-nowrap-1",
+        style: { width: "50px", flexShrink: 0 }
+      },
+      isExecuting && onPause && import_react.default.createElement(import_plugin_ui_kit.IconButton, {
+        icon: "pause",
+        size: "xs",
+        variant: "clear",
+        onClick: () => onPause(botId),
+        title: "Pause"
+      }),
+      isPaused && onResume && import_react.default.createElement(import_plugin_ui_kit.IconButton, {
+        icon: "playArrow",
+        size: "xs",
+        variant: "clear",
+        onClick: () => onResume(botId),
+        title: "Resume"
+      }),
+      (isExecuting || isPaused) && onStop && import_react.default.createElement(import_plugin_ui_kit.IconButton, {
+        icon: "stop",
+        size: "xs",
+        variant: "clear",
+        color: "danger",
+        onClick: () => onStop(botId),
+        title: "Stop"
+      })
+    )
   );
 }
 var bot_slot_card_default = BotSlotCard;
-module.exports = BotSlotCard;

package/dist/ui/budget-bar.js

@@ -43,11 +43,13 @@ function BudgetBar({ label, used, limit, unit }) {
       )
     ),
     React.createElement(
-      "div",
+      Flex,
       {
-        style: { width: "100%", height: "4px", borderRadius: "2px", backgroundColor: "var(--color-surface-raised)" }
+        variant: "row-start-start-nowrap-0",
+        style: { width: "100%", height: "4px", borderRadius: "2px", backgroundColor: "var(--color-surface-raised)", overflow: "hidden" }
       },
-      React.createElement("div", {
+      React.createElement(Flex, {
+        variant: "row-start-start-nowrap-0",
         style: { width: `${pct}%`, height: "100%", borderRadius: "2px", backgroundColor: color, transition: "width 0.3s" }
       })
     )

package/dist/ui/chat-task-result.js

@@ -92,7 +92,6 @@ function ChatTaskResult({ result, args, callTool, openWorkspace }) {
       {
         variant: "row-center-start-nowrap-10",
         style: {
-          padding: "8px 12px",
           borderRadius: "var(--border-radius-regular)",
           border: "1px solid var(--color-border-default)",
           backgroundColor: "var(--color-surface-low)"
@@ -108,7 +107,7 @@ function ChatTaskResult({ result, args, callTool, openWorkspace }) {
   const doneCount = subtasks.filter((s) => s.status === "done").length;
   const totalCount = subtasks.length;
   const hasSubtasks = task.isParent && totalCount > 0;
-  const botLabel = task.currentBotId ? `Bot: ${task.currentBotId}` : task.assignedBots?.length ? `Assigned: ${task.assignedBots.join(", ")}` : null;
+  const botLabel = task.currentBotId ? `Bot: ${task.currentBotId}` : task.assignedProfile ? `Profile: ${task.assignedProfile}` : null;
   const handleOpenDashboard = useCallback(() => {
     openWorkspace({
       packId: "@synergenius/flow-weaver-pack-weaver",
@@ -120,7 +119,6 @@ function ChatTaskResult({ result, args, callTool, openWorkspace }) {
     {
       variant: "row-center-start-nowrap-10",
       style: {
-        padding: "8px 12px",
         borderRadius: "var(--border-radius-regular)",
         border: "1px solid var(--color-border-default)",
         backgroundColor: "var(--color-surface-low)"
@@ -142,14 +140,13 @@ function ChatTaskResult({ result, args, callTool, openWorkspace }) {
       React.createElement(Typography, {
         variant: "caption-thick",
         color: "color-text-high",
-        style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", maxWidth: "100%" }
+        truncate: true
       }, task.title),
       // Status + subtask progress + bot
       React.createElement(
         Flex,
         {
-          variant: "row-center-start-nowrap-6",
-          style: { flexWrap: "wrap", gap: "4px 8px" }
+          variant: "row-center-start-wrap-8"
         },
         // Status label
         React.createElement(Typography, {
@@ -165,7 +162,7 @@ function ChatTaskResult({ result, args, callTool, openWorkspace }) {
         botLabel && React.createElement(Typography, {
           variant: "smallCaption-regular",
           color: "color-text-low",
-          style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }
+          truncate: true
         }, botLabel)
       )
     ),

package/dist/ui/decision-log.js

@@ -0,0 +1,136 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ui/decision-log.tsx
+var decision_log_exports = {};
+__export(decision_log_exports, {
+  DecisionLog: () => DecisionLog,
+  default: () => decision_log_default
+});
+module.exports = __toCommonJS(decision_log_exports);
+var React = require("react");
+var {
+  Flex,
+  Typography,
+  ScrollArea,
+  Tag,
+  SectionTitle
+} = require("@fw/plugin-ui-kit");
+var methodColors = {
+  "exact-match": "info",
+  "single-eligible": "positive",
+  "ai-routed": "secondary",
+  "round-robin": "secondary",
+  "manual": "caution"
+};
+var methodLabels = {
+  "exact-match": "exact",
+  "single-eligible": "single",
+  "ai-routed": "ai",
+  "round-robin": "robin",
+  "manual": "manual"
+};
+function formatTime(ts) {
+  const d = new Date(ts);
+  return d.toLocaleTimeString("en-GB", { hour: "2-digit", minute: "2-digit", second: "2-digit" });
+}
+function truncate(text, max) {
+  return text.length > max ? text.slice(0, max - 1) + "\u2026" : text;
+}
+function DecisionLog({ decisions }) {
+  if (!decisions || decisions.length === 0) {
+    return React.createElement(
+      Flex,
+      {
+        variant: "column-stretch-start-nowrap-4"
+      },
+      React.createElement(SectionTitle, null, "Decision Log"),
+      React.createElement(Typography, {
+        variant: "smallCaption-regular",
+        color: "color-text-subtle"
+      }, "No routing decisions yet.")
+    );
+  }
+  const sorted = [...decisions].sort((a, b) => b.timestamp - a.timestamp);
+  return React.createElement(
+    Flex,
+    {
+      variant: "column-stretch-start-nowrap-4"
+    },
+    React.createElement(SectionTitle, null, "Decision Log"),
+    React.createElement(
+      ScrollArea,
+      {
+        style: { maxHeight: "260px" }
+      },
+      React.createElement(
+        Flex,
+        {
+          variant: "column-stretch-start-nowrap-0"
+        },
+        ...sorted.map((d) => {
+          const methodLabel = d.method === "ai-routed" && d.confidence != null ? `ai ${d.confidence}%` : methodLabels[d.method] || d.method;
+          return React.createElement(
+            Flex,
+            {
+              key: d.id,
+              variant: "column-stretch-start-nowrap-2",
+              style: {
+                padding: "6px 8px",
+                borderBottom: "1px solid var(--color-border-default)"
+              }
+            },
+            // Main line: time, title, instance, method
+            React.createElement(
+              Flex,
+              { variant: "row-center-start-nowrap-8" },
+              React.createElement(Typography, {
+                variant: "smallCaption-regular",
+                color: "color-text-subtle",
+                style: { flexShrink: 0, fontFamily: "var(--font-mono, monospace)", fontSize: "11px" }
+              }, formatTime(d.timestamp)),
+              React.createElement(Typography, {
+                variant: "smallCaption-regular",
+                color: "color-text-high",
+                style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }
+              }, `"${truncate(d.taskTitle, 40)}"`),
+              React.createElement(Typography, {
+                variant: "smallCaption-regular",
+                color: "color-text-medium",
+                style: { flexShrink: 0 }
+              }, `\u2192 ${d.assignedInstanceId}`),
+              React.createElement(Tag, {
+                size: "small",
+                color: methodColors[d.method] || "secondary"
+              }, methodLabel)
+            ),
+            // Reason line
+            React.createElement(Typography, {
+              variant: "smallCaption-regular",
+              color: "color-text-subtle",
+              style: { paddingLeft: "70px" }
+            }, d.reason)
+          );
+        })
+      )
+    )
+  );
+}
+var decision_log_default = DecisionLog;
+module.exports = DecisionLog;

package/dist/ui/profile-card.js

@@ -0,0 +1,158 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ui/profile-card.tsx
+var profile_card_exports = {};
+__export(profile_card_exports, {
+  ProfileCard: () => ProfileCard,
+  default: () => profile_card_default
+});
+module.exports = __toCommonJS(profile_card_exports);
+var React = require("react");
+var {
+  Flex,
+  Typography,
+  Icon,
+  Chip,
+  IconButton,
+  Tag
+} = require("@fw/plugin-ui-kit");
+function ProfileCard({ profile, activeInstances, onEdit, onDelete }) {
+  const {
+    id,
+    name,
+    description,
+    icon,
+    color,
+    capabilities,
+    preferences,
+    maxInstances
+  } = profile;
+  const budgetParts = [];
+  if (preferences.maxCostPerRun) budgetParts.push(`$${preferences.maxCostPerRun.toFixed(2)}/run`);
+  if (preferences.maxCostPerTask) budgetParts.push(`$${preferences.maxCostPerTask.toFixed(2)}/task`);
+  const budgetText = budgetParts.length > 0 ? budgetParts.join(" / ") : null;
+  return React.createElement(
+    Flex,
+    {
+      variant: "column-stretch-start-nowrap-6",
+      style: {
+        padding: "10px 12px",
+        borderRadius: "8px",
+        border: "1px solid var(--color-border-default)",
+        backgroundColor: "var(--color-surface-elevated)"
+      }
+    },
+    // Row 1: Icon + Name + Edit/Delete buttons
+    React.createElement(
+      Flex,
+      { variant: "row-center-start-nowrap-8" },
+      React.createElement(
+        Flex,
+        {
+          variant: "row-center-center-nowrap-0",
+          style: { color: `var(--${color})`, flexShrink: 0 }
+        },
+        React.createElement(Icon, { name: icon || "smartToy", size: 18 })
+      ),
+      React.createElement(Typography, {
+        variant: "caption-thick",
+        color: "color-text-high",
+        style: { flex: 1, minWidth: 0 }
+      }, name),
+      onEdit && React.createElement(IconButton, {
+        icon: "edit",
+        size: "xs",
+        variant: "clear",
+        onClick: () => onEdit(id),
+        title: "Edit profile"
+      }),
+      onDelete && React.createElement(IconButton, {
+        icon: "delete",
+        size: "xs",
+        variant: "clear",
+        color: "danger",
+        onClick: () => onDelete(id),
+        title: "Delete profile"
+      })
+    ),
+    // Description
+    description && React.createElement(Typography, {
+      variant: "smallCaption-regular",
+      color: "color-text-medium"
+    }, description),
+    // Divider
+    React.createElement(Flex, {
+      variant: "row-center-start-nowrap-0",
+      style: { borderTop: "1px solid var(--color-border-default)", margin: "2px 0" }
+    }),
+    // Capabilities
+    capabilities.length > 0 && React.createElement(
+      Flex,
+      { variant: "row-center-start-wrap-4" },
+      React.createElement(Typography, {
+        variant: "smallCaption-regular",
+        color: "color-text-subtle",
+        style: { flexShrink: 0 }
+      }, "Capabilities:"),
+      ...capabilities.map(
+        (cap) => React.createElement(
+          "span",
+          { key: cap.name, title: cap.description },
+          React.createElement(Chip, { label: cap.name, size: "small", color: "color-brand-main" })
+        )
+      )
+    ),
+    // Cost strategy
+    React.createElement(
+      Flex,
+      { variant: "row-center-start-wrap-12" },
+      React.createElement(Typography, {
+        variant: "smallCaption-regular",
+        color: "color-text-subtle"
+      }, `Cost strategy: ${preferences.costStrategy}`)
+    ),
+    // Instances + Approval + Budget
+    React.createElement(
+      Flex,
+      { variant: "row-center-start-wrap-12" },
+      React.createElement(Typography, {
+        variant: "smallCaption-regular",
+        color: "color-text-subtle"
+      }, `Instances: ${activeInstances}/${maxInstances} active`),
+      React.createElement(Tag, {
+        size: "small",
+        color: preferences.requireApproval ? "caution" : "positive"
+      }, preferences.requireApproval ? "Approval required" : "Auto-approve")
+    ),
+    // Budget line
+    budgetText && React.createElement(Typography, {
+      variant: "smallCaption-regular",
+      color: "color-text-subtle"
+    }, `Budget: ${budgetText}`),
+    // Instructions
+    preferences.instructions && React.createElement(Typography, {
+      variant: "smallCaption-regular",
+      color: "color-text-subtle",
+      style: { fontStyle: "italic" }
+    }, preferences.instructions)
+  );
+}
+var profile_card_default = ProfileCard;
+module.exports = ProfileCard;