@synergenius/flow-weaver-pack-weaver 0.9.57 → 0.9.59

package/dist/ui/bot-panel.js

@@ -0,0 +1,388 @@
+"use strict";
+
+// src/ui/bot-panel.tsx
+var React = require("react");
+var { useState, useEffect, useCallback, useRef } = React;
+var {
+  Flex,
+  Typography,
+  Button,
+  IconButton,
+  Icon,
+  Input,
+  EmptyState,
+  ScrollArea,
+  StatusIcon,
+  toast,
+  usePackWorkspace
+} = require("@fw/plugin-ui-kit");
+function parseToolResult(raw) {
+  if (typeof raw === "string") {
+    try {
+      return JSON.parse(raw);
+    } catch {
+      return raw;
+    }
+  }
+  return raw;
+}
+function validationIcon(state) {
+  switch (state) {
+    case "valid":
+      return { icon: "checkCircle", color: "var(--color-success)" };
+    case "invalid":
+      return { icon: "error", color: "var(--color-danger)" };
+    case "checking":
+      return { icon: "sync", color: "var(--color-warning)" };
+    default:
+      return { icon: "helpOutline", color: "var(--color-text-subtle)" };
+  }
+}
+function BotPanel() {
+  const ctx = usePackWorkspace();
+  const { callTool, dispatchEvent } = ctx;
+  const packId = ctx.packId;
+  const [bots, setBots] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [showRegForm, setShowRegForm] = useState(false);
+  const [regName, setRegName] = useState("");
+  const [regFilePath, setRegFilePath] = useState("");
+  const [regExport, setRegExport] = useState("");
+  const [registering, setRegistering] = useState(false);
+  const [confirmUnregId, setConfirmUnregId] = useState(null);
+  const [unregistering, setUnregistering] = useState(false);
+  const loadBots = useCallback(async () => {
+    try {
+      setError(null);
+      const raw = await callTool("fw_weaver_list_bots");
+      const parsed = parseToolResult(raw);
+      if (Array.isArray(parsed)) {
+        setBots(parsed);
+      } else {
+        setBots([]);
+      }
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : "Failed to load bots";
+      setError(msg);
+    } finally {
+      setLoading(false);
+    }
+  }, [callTool]);
+  const mountedRef = useRef(false);
+  useEffect(() => {
+    if (!mountedRef.current) {
+      mountedRef.current = true;
+      loadBots();
+    }
+  }, [loadBots]);
+  const handleRegister = useCallback(async () => {
+    if (!regName.trim() || !regFilePath.trim() || !regExport.trim()) return;
+    setRegistering(true);
+    try {
+      await callTool("fw_weaver_register_bot", {
+        name: regName.trim(),
+        filePath: regFilePath.trim(),
+        workflowExport: regExport.trim(),
+        paramName: "taskJson"
+      });
+      toast("Bot registered", { type: "success" });
+      setRegName("");
+      setRegFilePath("");
+      setRegExport("");
+      setShowRegForm(false);
+      await loadBots();
+    } catch (err) {
+      toast(err instanceof Error ? err.message : "Registration failed", { type: "error" });
+    } finally {
+      setRegistering(false);
+    }
+  }, [regName, regFilePath, regExport, callTool, loadBots]);
+  const handleUnregister = useCallback(async (id) => {
+    setUnregistering(true);
+    try {
+      await callTool("fw_weaver_unregister_bot", { id });
+      toast("Bot unregistered", { type: "warning" });
+      setConfirmUnregId(null);
+      await loadBots();
+    } catch (err) {
+      toast(err instanceof Error ? err.message : "Unregister failed", { type: "error" });
+    } finally {
+      setUnregistering(false);
+    }
+  }, [callTool, loadBots]);
+  const handleOpenWorkspace = useCallback((botId) => {
+    dispatchEvent("fw:open-bot-workspace", { botId, packId, live: false });
+  }, [dispatchEvent, packId]);
+  const hasBots = bots.length > 0;
+  const header = React.createElement(
+    Flex,
+    {
+      variant: "row-center-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" }, "Bots")
+    ),
+    React.createElement(
+      Flex,
+      { variant: "row-center-start-nowrap-4" },
+      React.createElement(IconButton, {
+        icon: "refresh",
+        size: "xs",
+        variant: "clear",
+        onClick: loadBots,
+        title: "Refresh"
+      }),
+      React.createElement(IconButton, {
+        icon: "add",
+        size: "xs",
+        variant: "clear",
+        onClick: () => setShowRegForm((v) => !v),
+        title: "Register bot"
+      })
+    )
+  );
+  const regForm = showRegForm ? React.createElement(
+    Flex,
+    {
+      variant: "column-start-start-nowrap-8",
+      style: {
+        padding: "10px 12px",
+        borderBottom: "1px solid var(--color-border-default)",
+        backgroundColor: "var(--color-surface-low)"
+      }
+    },
+    React.createElement(Typography, { variant: "smallCaption-thick", color: "color-text-medium" }, "Register Existing Workflow"),
+    React.createElement(Input, {
+      type: "text",
+      size: "small",
+      placeholder: "Bot name",
+      value: regName,
+      onChange: setRegName
+    }),
+    React.createElement(Input, {
+      type: "text",
+      size: "small",
+      placeholder: "File path (e.g. my-bot.ts)",
+      value: regFilePath,
+      onChange: setRegFilePath
+    }),
+    React.createElement(Input, {
+      type: "text",
+      size: "small",
+      placeholder: "Export name (e.g. myBot)",
+      value: regExport,
+      onChange: setRegExport
+    }),
+    React.createElement(
+      Flex,
+      { variant: "row-center-start-nowrap-6" },
+      React.createElement(Button, {
+        size: "xs",
+        variant: "fill",
+        color: "primary",
+        onClick: handleRegister,
+        disabled: registering || !regName.trim() || !regFilePath.trim() || !regExport.trim()
+      }, registering ? "Registering..." : "Register"),
+      React.createElement(Button, {
+        size: "xs",
+        variant: "clear",
+        color: "secondary",
+        onClick: () => {
+          setShowRegForm(false);
+          setRegName("");
+          setRegFilePath("");
+          setRegExport("");
+        }
+      }, "Cancel")
+    )
+  ) : null;
+  if (loading) {
+    return React.createElement(
+      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, padding: "24px" }
+        },
+        React.createElement(Typography, { variant: "caption-regular", color: "color-text-subtle" }, "Loading bots...")
+      )
+    );
+  }
+  if (error) {
+    return React.createElement(
+      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, padding: "24px" }
+        },
+        React.createElement(Typography, { variant: "caption-regular", color: "color-danger" }, error),
+        React.createElement(Button, { size: "xs", variant: "outlined", onClick: loadBots }, "Retry")
+      )
+    );
+  }
+  const botCards = bots.map((bot) => {
+    const vState = bot.validation?.state;
+    const vInfo = validationIcon(vState);
+    const isConfirming = confirmUnregId === bot.id;
+    return React.createElement(
+      Flex,
+      {
+        key: bot.id,
+        variant: "row-center-start-nowrap-8",
+        style: {
+          padding: "7px 8px",
+          borderRadius: "var(--border-radius-secondary)",
+          border: "1px solid var(--color-border-default)",
+          cursor: "pointer",
+          transition: "background-color 0.12s"
+        },
+        onClick: () => handleOpenWorkspace(bot.id),
+        onMouseEnter: (e) => {
+          e.currentTarget.style.backgroundColor = "var(--color-surface-raised)";
+        },
+        onMouseLeave: (e) => {
+          e.currentTarget.style.backgroundColor = "";
+        }
+      },
+      // Icon
+      React.createElement(
+        "div",
+        {
+          style: {
+            width: "26px",
+            height: "26px",
+            borderRadius: "var(--border-radius-compact)",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            flexShrink: 0,
+            background: bot.color ? `color-mix(in srgb, ${bot.color} 14%, transparent)` : "var(--color-surface-low)"
+          }
+        },
+        React.createElement(Icon, {
+          name: bot.icon || "smartToy",
+          size: 14,
+          color: bot.color ? void 0 : "color-text-medium",
+          style: bot.color ? { color: bot.color } : void 0
+        })
+      ),
+      // Name + description
+      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",
+            style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }
+          }, bot.name),
+          // Validation badge
+          React.createElement(Icon, {
+            name: vInfo.icon,
+            size: 12,
+            style: { color: vInfo.color, flexShrink: 0 }
+          })
+        ),
+        bot.description ? React.createElement(Typography, {
+          variant: "smallCaption-regular",
+          color: "color-text-medium",
+          style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }
+        }, bot.description) : null
+      ),
+      // Actions
+      isConfirming ? React.createElement(
+        Flex,
+        {
+          variant: "row-center-start-nowrap-4",
+          onClick: (e) => e.stopPropagation()
+        },
+        React.createElement(Button, {
+          size: "xs",
+          variant: "fill",
+          color: "danger",
+          onClick: () => handleUnregister(bot.id),
+          disabled: unregistering
+        }, unregistering ? "..." : "Yes"),
+        React.createElement(Button, {
+          size: "xs",
+          variant: "clear",
+          color: "secondary",
+          onClick: () => setConfirmUnregId(null)
+        }, "No")
+      ) : React.createElement(
+        Flex,
+        {
+          variant: "row-center-start-nowrap-2",
+          onClick: (e) => e.stopPropagation()
+        },
+        React.createElement(IconButton, {
+          icon: "openInNew",
+          size: "xs",
+          variant: "clear",
+          onClick: () => handleOpenWorkspace(bot.id),
+          title: "Open workspace"
+        }),
+        React.createElement(IconButton, {
+          icon: "close",
+          size: "xs",
+          variant: "clear",
+          onClick: () => setConfirmUnregId(bot.id),
+          title: "Unregister"
+        })
+      )
+    );
+  });
+  const content = hasBots ? React.createElement(
+    ScrollArea,
+    { style: { flex: 1 } },
+    React.createElement(Flex, {
+      variant: "column-start-start-nowrap-4",
+      style: { padding: "8px 12px" }
+    }, ...botCards)
+  ) : React.createElement(
+    Flex,
+    {
+      variant: "column-center-center-nowrap-0",
+      style: { flex: 1, padding: "24px" }
+    },
+    React.createElement(EmptyState, {
+      icon: "smartToy",
+      message: "No bots registered",
+      description: "Register an existing workflow or ask the AI assistant to create one."
+    })
+  );
+  return React.createElement(
+    Flex,
+    {
+      variant: "column-stretch-start-nowrap-0",
+      style: { width: "100%", height: "100%", overflow: "hidden" }
+    },
+    header,
+    regForm,
+    content
+  );
+}
+module.exports = BotPanel;