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

package/dist/ui/swarm-controls.js

@@ -35,17 +35,17 @@ var {
   toast,
   usePackWorkspace
 } = require("@fw/plugin-ui-kit");
-function statusToVariant(status) {
+function swarmStatusToIconStatus(status) {
   switch (status) {
     case "running":
-      return "positive";
+      return "running";
     case "paused":
-      return "caution";
+      return "pending";
     case "stopping":
-      return "negative";
+      return "failed";
     case "idle":
     default:
-      return "neutral";
+      return "completed";
   }
 }
 function statusLabel(status) {
@@ -61,9 +61,9 @@ function statusLabel(status) {
       return "Idle";
   }
 }
-function countActiveBots(bots) {
-  const entries = Object.values(bots);
-  const active = entries.filter((b) => b.status === "executing").length;
+function countActiveInstances(instances) {
+  const entries = Object.values(instances);
+  const active = entries.filter((i) => i.status === "executing").length;
   return { active, total: entries.length };
 }
 function SwarmControls({ swarmStatus, onRefresh }) {
@@ -72,8 +72,8 @@ function SwarmControls({ swarmStatus, onRefresh }) {
   const [pausing, setPausing] = useState(false);
   const [stopping, setStopping] = useState(false);
   const status = swarmStatus?.status ?? "idle";
-  const bots = swarmStatus?.bots ?? {};
-  const { active, total } = countActiveBots(bots);
+  const instances = swarmStatus?.instances ?? {};
+  const { active, total } = countActiveInstances(instances);
   const isIdle = status === "idle";
   const isRunning = status === "running";
   const isPaused = status === "paused";
@@ -131,6 +131,15 @@ function SwarmControls({ swarmStatus, onRefresh }) {
   }, [ctx, onRefresh]);
   const handleStop = useCallback(async () => {
     setStopping(true);
+    const ok = await ctx.confirm("This will stop all running instances and abort active tasks.", {
+      title: "Stop Swarm",
+      confirmLabel: "Stop",
+      state: "danger"
+    });
+    if (!ok) {
+      setStopping(false);
+      return;
+    }
     try {
       const result = await ctx.callTool("fw_weaver_swarm_stop", {});
       const data = result;
@@ -152,9 +161,9 @@ function SwarmControls({ swarmStatus, onRefresh }) {
     {
       variant: "row-center-space-between-nowrap-10",
       style: {
-        flexShrink: 0,
         padding: "8px 16px",
         borderBottom: "1px solid var(--color-border-default)",
+        flexShrink: 0,
         backgroundColor: isRunning ? "var(--color-brand-main-alpha-10)" : isPaused ? "var(--color-status-caution-alpha-10)" : "transparent"
       }
     },
@@ -163,12 +172,11 @@ function SwarmControls({ swarmStatus, onRefresh }) {
       Flex,
       { variant: "row-center-start-nowrap-8", style: { flexShrink: 0 } },
       React.createElement(StatusIcon, {
-        variant: statusToVariant(status),
-        size: 10
+        status: swarmStatusToIconStatus(status),
+        size: "sm"
       }),
       React.createElement(Typography, {
-        variant: "caption-bold",
-        style: { textTransform: "capitalize" }
+        variant: "caption-bold"
       }, statusLabel(status))
     ),
     // Center: bot count + stats
@@ -176,7 +184,7 @@ function SwarmControls({ swarmStatus, onRefresh }) {
       Flex,
       {
         variant: "row-center-start-nowrap-12",
-        style: { flex: 1, fontSize: "12px" }
+        style: { flex: 1 }
       },
       total > 0 && React.createElement(Typography, {
         variant: "caption-regular",
@@ -194,27 +202,29 @@ function SwarmControls({ swarmStatus, onRefresh }) {
     // Right: action buttons
     React.createElement(
       Flex,
-      { variant: "row-center-start-nowrap-6", style: { flexShrink: 0 } },
+      { variant: "row-center-start-nowrap-4", style: { flexShrink: 0 } },
       // Start / Resume button
       (isIdle || isPaused) && React.createElement(Button, {
-        size: "sm",
-        variant: "clear",
+        size: "xs",
+        variant: "outlined",
+        color: "primary",
         onClick: isPaused ? handleResume : handleStart,
         loading: starting,
         disabled: anyLoading
       }, isPaused ? "Resume" : "Start"),
       // Pause button (only when running)
       isRunning && React.createElement(Button, {
-        size: "sm",
-        variant: "clear",
+        size: "xs",
+        variant: "outlined",
+        color: "warning",
         onClick: handlePause,
         loading: pausing,
         disabled: anyLoading
       }, "Pause"),
       // Stop button (when running or paused)
       (isRunning || isPaused) && React.createElement(Button, {
-        size: "sm",
-        variant: "clear",
+        size: "xs",
+        variant: "outlined",
         color: "danger",
         onClick: handleStop,
         loading: stopping,
@@ -222,12 +232,11 @@ function SwarmControls({ swarmStatus, onRefresh }) {
       }, "Stop"),
       // Refresh button (always available)
       React.createElement(IconButton, {
-        icon: "refresh",
+        icon: "reset",
         size: "xs",
-        variant: "clear",
+        variant: "outlined",
         onClick: onRefresh,
-        disabled: anyLoading,
-        title: "Refresh swarm status"
+        disabled: anyLoading
       })
     )
   );