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

package/dist/ui/bot-panel.js

@@ -1,19 +1,32 @@
 "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/bot-panel.tsx
-var React = require("react");
-var { useState, useEffect, useCallback, useRef } = React;
-var {
-  Flex,
-  Typography,
-  Button,
-  IconButton,
-  Icon,
-  EmptyState,
-  ScrollArea,
-  StatusIcon,
-  usePackWorkspace
-} = require("@fw/plugin-ui-kit");
+var bot_panel_exports = {};
+__export(bot_panel_exports, {
+  BotPanel: () => BotPanel,
+  default: () => bot_panel_default
+});
+module.exports = __toCommonJS(bot_panel_exports);
+var import_react = require("react");
+var import_plugin_ui_kit = require("@fw/plugin-ui-kit");
+var import_jsx_runtime = require("react/jsx-runtime");
 function parseToolResult(raw) {
   if (typeof raw === "string") {
     try {
@@ -64,20 +77,20 @@ function formatCost(n) {
 }
 var POLL_INTERVAL_MS = 5e3;
 function BotPanel() {
-  const ctx = usePackWorkspace();
+  const ctx = (0, import_plugin_ui_kit.usePackWorkspace)();
   const { callTool } = ctx;
   const packId = ctx.packId;
-  const [swarm, setSwarm] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const mountedRef = useRef(true);
-  useEffect(() => {
+  const [swarm, setSwarm] = (0, import_react.useState)(null);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  const [error, setError] = (0, import_react.useState)(null);
+  const mountedRef = (0, import_react.useRef)(true);
+  (0, import_react.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  const fetchStatus = useCallback(async () => {
+  const fetchStatus = (0, import_react.useCallback)(async () => {
     try {
       setError(null);
       const raw = await callTool("fw_weaver_swarm_status", {});
@@ -92,12 +105,12 @@ function BotPanel() {
       if (mountedRef.current) setLoading(false);
     }
   }, [callTool]);
-  useEffect(() => {
+  (0, import_react.useEffect)(() => {
     fetchStatus();
     const timer = setInterval(fetchStatus, POLL_INTERVAL_MS);
     return () => clearInterval(timer);
   }, [fetchStatus]);
-  const handleOpenDashboard = useCallback(() => {
+  const handleOpenDashboard = (0, import_react.useCallback)(() => {
     ctx.openWindow({
       type: "custom",
       title: "Weaver",
@@ -111,240 +124,229 @@ function BotPanel() {
       data: { packId }
     });
   }, [ctx, packId]);
-  const header = React.createElement(
-    Flex,
+  const header = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_plugin_ui_kit.Flex,
     {
       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" }, "Weaver")
-    ),
-    React.createElement(IconButton, {
-      icon: "reset",
-      size: "xs",
-      variant: "clear",
-      onClick: fetchStatus,
-      title: "Refresh"
-    })
+      style: { padding: "8px 12px", borderBottom: "1px solid var(--color-border-default)", flexShrink: 0 },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Icon, { name: "smartToy", size: 16, color: "color-text-medium" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-thick", color: "color-text-high", children: "Weaver" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_plugin_ui_kit.IconButton,
+          {
+            icon: "reset",
+            size: "xs",
+            variant: "clear",
+            onClick: fetchStatus,
+            title: "Refresh"
+          }
+        )
+      ]
+    }
   );
   if (loading) {
-    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%" }
-      },
-      header,
-      React.createElement(
-        Flex,
-        {
-          variant: "column-center-center-nowrap-8",
-          style: { flex: 1 }
-        },
-        React.createElement(Typography, { variant: "caption-regular", color: "color-text-subtle" }, "Loading swarm status...")
-      )
+        style: { width: "100%", height: "100%" },
+        children: [
+          header,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_plugin_ui_kit.Flex,
+            {
+              variant: "column-center-center-nowrap-8",
+              style: { flex: 1 },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-regular", color: "color-text-subtle", children: "Loading swarm status..." })
+            }
+          )
+        ]
+      }
     );
   }
   if (error) {
-    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%" }
-      },
-      header,
-      React.createElement(
-        Flex,
-        {
-          variant: "column-center-center-nowrap-8",
-          style: { flex: 1 }
-        },
-        React.createElement(Typography, { variant: "caption-regular", color: "color-status-negative" }, error),
-        React.createElement(Button, { size: "xs", variant: "outlined", onClick: fetchStatus }, "Retry")
-      )
+        style: { width: "100%", height: "100%" },
+        children: [
+          header,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_plugin_ui_kit.Flex,
+            {
+              variant: "column-center-center-nowrap-8",
+              style: { flex: 1 },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-regular", color: "color-status-negative", children: error }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Button, { size: "xs", variant: "outlined", onClick: fetchStatus, children: "Retry" })
+              ]
+            }
+          )
+        ]
+      }
     );
   }
   const swarmStatus = swarm?.status ?? "idle";
-  const statusRow = React.createElement(
-    Flex,
+  const statusRow = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_plugin_ui_kit.Flex,
     {
       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" },
-      React.createElement(StatusIcon, {
-        status: statusToIconStatus(swarmStatus),
-        size: "sm"
-      }),
-      React.createElement(
-        Typography,
-        { variant: "caption-thick", color: "color-text-high" },
-        statusLabel(swarmStatus)
-      )
-    ),
-    React.createElement(Button, {
-      size: "xs",
-      variant: "outlined",
-      color: "primary",
-      onClick: handleOpenDashboard
-    }, "Open Dashboard")
+      style: { padding: "8px 12px", borderBottom: "1px solid var(--color-border-default)" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_plugin_ui_kit.StatusIcon,
+            {
+              status: statusToIconStatus(swarmStatus),
+              size: "sm"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-thick", color: "color-text-high", children: statusLabel(swarmStatus) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_plugin_ui_kit.Button,
+          {
+            size: "xs",
+            variant: "outlined",
+            color: "primary",
+            onClick: handleOpenDashboard,
+            children: "Open Dashboard"
+          }
+        )
+      ]
+    }
   );
-  const statsRow = React.createElement(
-    Flex,
+  const statsRow = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_plugin_ui_kit.Flex,
     {
       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" },
-        String(swarm?.tasksCompleted ?? 0)
-      ),
-      React.createElement(Typography, { variant: "smallCaption-regular", color: "color-text-subtle" }, "Done")
-    ),
-    React.createElement(
-      Flex,
-      { variant: "column-center-center-nowrap-1" },
-      React.createElement(
-        Typography,
-        { variant: "smallCaption-thick", color: "color-text-high" },
-        String(swarm?.runsIncomplete ?? 0)
-      ),
-      React.createElement(Typography, { variant: "smallCaption-regular", color: "color-text-subtle" }, "Failed")
-    ),
-    React.createElement(
-      Flex,
-      { variant: "column-center-center-nowrap-1" },
-      React.createElement(
-        Typography,
-        { variant: "smallCaption-thick", color: "color-text-high" },
-        formatTokens(swarm?.totalTokensUsed ?? 0)
-      ),
-      React.createElement(Typography, { variant: "smallCaption-regular", color: "color-text-subtle" }, "Tokens")
-    ),
-    React.createElement(
-      Flex,
-      { variant: "column-center-center-nowrap-1" },
-      React.createElement(
-        Typography,
-        { variant: "smallCaption-thick", color: "color-text-high" },
-        formatCost(swarm?.totalCost ?? 0)
-      ),
-      React.createElement(Typography, { variant: "smallCaption-regular", color: "color-text-subtle" }, "Cost")
-    )
+      style: { padding: "8px 12px", borderBottom: "1px solid var(--color-border-default)", backgroundColor: "var(--color-surface-low)" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-center-center-nowrap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-thick", color: "color-text-high", children: String(swarm?.tasksCompleted ?? 0) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: "Done" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-center-center-nowrap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-thick", color: "color-text-high", children: String(swarm?.runsIncomplete ?? 0) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: "Failed" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-center-center-nowrap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-thick", color: "color-text-high", children: formatTokens(swarm?.totalTokensUsed ?? 0) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: "Tokens" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-center-center-nowrap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-thick", color: "color-text-high", children: formatCost(swarm?.totalCost ?? 0) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: "Cost" })
+        ] })
+      ]
+    }
   );
   const instanceEntries = Object.values(swarm?.instances ?? {});
   const hasBots = instanceEntries.length > 0;
-  const botCards = instanceEntries.map(
-    (inst) => React.createElement(
-      Flex,
-      {
-        key: inst.instanceId,
-        variant: "row-center-start-nowrap-8",
-        style: { padding: "8px", borderRadius: "var(--border-radius-regular)", border: "1px solid var(--color-border-default)" }
-      },
-      // Bot icon
-      React.createElement(
-        Flex,
-        {
-          variant: "row-center-center-nowrap-0",
-          style: {
-            width: 26,
-            height: 26,
-            borderRadius: "var(--border-radius-compact)",
-            flexShrink: 0,
-            background: "var(--color-surface-low)"
-          }
-        },
-        React.createElement(Icon, { name: "smartToy", size: 14, color: "color-text-medium" })
-      ),
-      // Name + status + task
-      React.createElement(
-        Flex,
-        {
-          variant: "column-start-start-nowrap-1",
-          style: { flex: 1, minWidth: 0 }
-        },
-        React.createElement(
-          Flex,
-          { variant: "row-center-start-nowrap-4" },
-          React.createElement(Typography, {
-            variant: "caption-thick",
-            color: "color-text-high"
-          }, inst.profileId ? `${inst.instanceId} (${inst.profileId})` : inst.instanceId),
-          React.createElement(StatusIcon, {
-            status: statusToIconStatus(inst.status),
-            size: "sm"
-          }),
-          React.createElement(Typography, {
-            variant: "smallCaption-regular",
-            color: "color-text-subtle"
-          }, statusLabel(inst.status))
-        ),
-        inst.currentTaskId ? React.createElement(Typography, {
-          variant: "smallCaption-regular",
-          color: "color-text-medium",
-          truncate: true
-        }, `Task: ${inst.currentTaskId}`) : null
-      ),
-      // Per-instance stats
-      React.createElement(
-        Flex,
+  const content = hasBots ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.ScrollArea, { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_plugin_ui_kit.Flex,
+    {
+      variant: "column-stretch-start-nowrap-6",
+      style: { padding: "8px 12px" },
+      children: instanceEntries.map((inst) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_plugin_ui_kit.Flex,
         {
-          variant: "column-end-end-nowrap-1",
-          style: { flexShrink: 0 }
+          variant: "row-center-start-nowrap-8",
+          style: { padding: "8px", borderRadius: "var(--border-radius-regular)", border: "1px solid var(--color-border-default)" },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_plugin_ui_kit.Flex,
+              {
+                variant: "row-center-center-nowrap-0",
+                style: {
+                  width: 26,
+                  height: 26,
+                  borderRadius: "var(--border-radius-compact)",
+                  flexShrink: 0,
+                  background: "var(--color-surface-low)"
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Icon, { name: "smartToy", size: 14, color: "color-text-medium" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_plugin_ui_kit.Flex,
+              {
+                variant: "column-start-start-nowrap-1",
+                style: { flex: 1, minWidth: 0 },
+                children: [
+                  /* @__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.Typography, { variant: "caption-thick", color: "color-text-high", children: inst.profileId ? `${inst.instanceId} (${inst.profileId})` : inst.instanceId }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_plugin_ui_kit.StatusIcon,
+                      {
+                        status: statusToIconStatus(inst.status),
+                        size: "sm"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: statusLabel(inst.status) })
+                  ] }),
+                  inst.currentTaskId && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                    import_plugin_ui_kit.Typography,
+                    {
+                      variant: "smallCaption-regular",
+                      color: "color-text-medium",
+                      truncate: true,
+                      children: [
+                        "Task: ",
+                        inst.currentTaskId
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_plugin_ui_kit.Flex,
+              {
+                variant: "column-end-end-nowrap-1",
+                style: { flexShrink: 0 },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: formatTokens(inst.tokensUsed) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: formatCost(inst.cost) })
+                ]
+              }
+            )
+          ]
         },
-        React.createElement(
-          Typography,
-          { variant: "smallCaption-regular", color: "color-text-subtle" },
-          formatTokens(inst.tokensUsed)
-        ),
-        React.createElement(
-          Typography,
-          { variant: "smallCaption-regular", color: "color-text-subtle" },
-          formatCost(inst.cost)
-        )
-      )
-    )
-  );
-  const content = hasBots ? React.createElement(
-    ScrollArea,
-    { style: { flex: 1 } },
-    React.createElement(Flex, {
-      variant: "column-stretch-start-nowrap-6",
-      style: { padding: "8px 12px" }
-    }, ...botCards)
-  ) : React.createElement(
-    Flex,
+        inst.instanceId
+      ))
+    }
+  ) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_plugin_ui_kit.Flex,
     {
       variant: "column-center-center-nowrap-0",
-      style: { flex: 1 }
-    },
-    React.createElement(EmptyState, {
-      icon: "smartToy",
-      message: swarmStatus === "idle" ? "Idle" : "No instances active",
-      description: "Open the dashboard to configure and start the swarm."
-    })
+      style: { flex: 1 },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_plugin_ui_kit.EmptyState,
+        {
+          icon: "smartToy",
+          message: swarmStatus === "idle" ? "Idle" : "No instances active",
+          description: "Open the dashboard to configure and start the swarm."
+        }
+      )
+    }
   );
-  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,
-    statusRow,
-    statsRow,
-    content
+      style: { width: "100%", height: "100%", overflow: "hidden" },
+      children: [
+        header,
+        statusRow,
+        statsRow,
+        content
+      ]
+    }
   );
 }
-module.exports = BotPanel;
+var bot_panel_default = BotPanel;