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

package/dist/ui/bot-activity.js

@@ -1,16 +1,33 @@
 "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-activity.tsx
+var bot_activity_exports = {};
+__export(bot_activity_exports, {
+  BotActivity: () => BotActivity,
+  default: () => bot_activity_default
+});
+module.exports = __toCommonJS(bot_activity_exports);
+var import_react = require("react");
+var import_plugin_ui_kit = require("@fw/plugin-ui-kit");
+var import_plugin_theme = require("@fw/plugin-theme");
 var import_jsx_runtime = require("react/jsx-runtime");
-var React = require("react");
-var { useState, useEffect, useCallback, useRef } = React;
-var { Typography } = require("@fw/plugin-ui-kit");
-var { Icon } = require("@fw/plugin-ui-kit");
-var { IconButton } = require("@fw/plugin-ui-kit");
-var { Badge } = require("@fw/plugin-ui-kit");
-var { ScrollArea } = require("@fw/plugin-ui-kit");
-var { LoadingSpinner } = require("@fw/plugin-ui-kit");
-var { styled } = require("@fw/plugin-theme");
 var REFRESH_INTERVAL = 3e4;
 function packToolUrl(toolName) {
   return `/api/pack-tool/@synergenius/flow-weaver-pack-weaver/${toolName}`;
@@ -31,19 +48,19 @@ async function callTool(toolName, body = {}) {
     return json.result;
   }
 }
-var Container = styled.div({
+var Container = import_plugin_theme.styled.div({
   display: "flex",
   flexDirection: "column",
   height: "100%",
   overflow: "hidden"
 });
-var SectionHeader = styled.div({
+var SectionHeader = import_plugin_theme.styled.div({
   display: "flex",
   alignItems: "center",
   gap: "6px",
   padding: "10px 12px 4px"
 });
-var RunningCard = styled.div({
+var RunningCard = import_plugin_theme.styled.div({
   margin: "4px 12px 8px",
   padding: "10px 12px",
   borderRadius: "$border-radius-compact",
@@ -52,25 +69,25 @@ var RunningCard = styled.div({
   cursor: "pointer",
   "&:hover": { opacity: 0.85 }
 });
-var RunningHeader = styled.div({
+var RunningHeader = import_plugin_theme.styled.div({
   display: "flex",
   alignItems: "center",
   gap: "8px",
   marginBottom: "6px"
 });
-var RunningControls = styled.div({
+var RunningControls = import_plugin_theme.styled.div({
   display: "flex",
   gap: "4px",
   marginLeft: "auto"
 });
-var QueueItem = styled.div({
+var QueueItem = import_plugin_theme.styled.div({
   display: "flex",
   alignItems: "center",
   gap: "8px",
   padding: "6px 12px",
   borderBottom: "1px solid $color-border-default"
 });
-var RunRow = styled.div({
+var RunRow = import_plugin_theme.styled.div({
   display: "flex",
   alignItems: "center",
   gap: "8px",
@@ -79,13 +96,13 @@ var RunRow = styled.div({
   borderBottom: "1px solid $color-border-default",
   "&:hover": { backgroundColor: "$color-surface-elevated" }
 });
-var RunText = styled.div({
+var RunText = import_plugin_theme.styled.div({
   flex: 1,
   overflow: "hidden",
   textOverflow: "ellipsis",
   whiteSpace: "nowrap"
 });
-var KpiBar = styled.div({
+var KpiBar = import_plugin_theme.styled.div({
   display: "flex",
   justifyContent: "center",
   gap: "12px",
@@ -93,7 +110,7 @@ var KpiBar = styled.div({
   borderTop: "1px solid $color-border-default",
   flexShrink: 0
 });
-var EmptyState = styled.div({
+var EmptyState = import_plugin_theme.styled.div({
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
@@ -129,13 +146,13 @@ function healthColor(score) {
   return "var(--color-status-negative)";
 }
 function BotActivity({ packName, botId }) {
-  const [history, setHistory] = useState([]);
-  const [queue, setQueue] = useState([]);
-  const [insights, setInsights] = useState(null);
-  const [status, setStatus] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const timerRef = useRef();
-  const fetchAll = useCallback(async () => {
+  const [history, setHistory] = (0, import_react.useState)([]);
+  const [queue, setQueue] = (0, import_react.useState)([]);
+  const [insights, setInsights] = (0, import_react.useState)(null);
+  const [status, setStatus] = (0, import_react.useState)(null);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  const timerRef = (0, import_react.useRef)();
+  const fetchAll = (0, import_react.useCallback)(async () => {
     const [hist, q, ins, st] = await Promise.allSettled([
       callTool("fw_weaver_history", { limit: 15 }),
       callTool("fw_weaver_task_list", { status: "pending" }),
@@ -148,12 +165,12 @@ function BotActivity({ packName, botId }) {
     if (st.status === "fulfilled") setStatus(st.value);
     setLoading(false);
   }, []);
-  useEffect(() => {
+  (0, import_react.useEffect)(() => {
     fetchAll();
     timerRef.current = setInterval(fetchAll, REFRESH_INTERVAL);
     return () => clearInterval(timerRef.current);
   }, [fetchAll]);
-  const openWorkspace = useCallback((runId, isLive) => {
+  const openWorkspace = (0, import_react.useCallback)((runId, isLive) => {
     window.dispatchEvent(new CustomEvent("fw:open-bot-workspace", {
       detail: {
         runId,
@@ -163,77 +180,77 @@ function BotActivity({ packName, botId }) {
       }
     }));
   }, [botId]);
-  const handleRemoveQueueItem = useCallback(async (id) => {
+  const handleRemoveQueueItem = (0, import_react.useCallback)(async (id) => {
     await callTool("fw_weaver_task_cancel", { id });
     setQueue((prev) => prev.filter((q) => q.id !== id));
   }, []);
-  const handlePause = useCallback(async (e) => {
+  const handlePause = (0, import_react.useCallback)(async (e) => {
     e.stopPropagation();
     await callTool("fw_weaver_steer", { command: "pause" });
   }, []);
-  const handleStop = useCallback(async (e) => {
+  const handleStop = (0, import_react.useCallback)(async (e) => {
     e.stopPropagation();
     await callTool("fw_weaver_steer", { command: "cancel" });
   }, []);
-  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyState, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingSpinner, { size: "small" }) });
+  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyState, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.LoadingSpinner, { size: "small" }) });
   const isRunning = status?.state && status.state !== "idle" && status.state !== "no active session";
   const recentRuns = history.slice(0, 15);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, { children: [
     isRunning && status && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SectionHeader, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { name: "playArrow", size: 12, color: "color-brand-main" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "smallCaption-bold", color: "color-text-subtle", style: { textTransform: "uppercase", letterSpacing: "0.04em" }, children: "Running" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Icon, { name: "playArrow", size: 12, color: "color-brand-main" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-bold", color: "color-text-subtle", style: { textTransform: "uppercase", letterSpacing: "0.04em" }, children: "Running" })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(RunningCard, { onClick: () => openWorkspace(void 0, true), children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(RunningHeader, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, { variant: "info", children: status.state }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Badge, { variant: "info", children: status.state }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(RunningControls, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconButton, { icon: "pause", size: "xs", variant: "clear", onClick: handlePause, title: "Pause" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconButton, { icon: "stop", size: "xs", variant: "clear", onClick: handleStop, title: "Stop" })
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.IconButton, { icon: "pause", size: "xs", variant: "clear", onClick: handlePause, title: "Pause" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.IconButton, { icon: "stop", size: "xs", variant: "clear", onClick: handleStop, title: "Stop" })
           ] })
         ] }),
-        status.currentTask && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "caption-regular", color: "color-text-medium", style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: status.currentTask })
+        status.currentTask && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-regular", color: "color-text-medium", style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: status.currentTask })
       ] })
     ] }),
     queue.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SectionHeader, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { name: "pendingActions", size: 12, color: "color-text-subtle" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Typography, { variant: "smallCaption-bold", color: "color-text-subtle", style: { textTransform: "uppercase", letterSpacing: "0.04em" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Icon, { name: "pendingActions", size: 12, color: "color-text-subtle" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Typography, { variant: "smallCaption-bold", color: "color-text-subtle", style: { textTransform: "uppercase", letterSpacing: "0.04em" }, children: [
           "Queued (",
           queue.length,
           ")"
         ] })
       ] }),
       queue.map((q) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(QueueItem, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { name: "pending", size: 14, color: "color-text-subtle" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "caption-regular", color: "color-text-medium", style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: q.instruction }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconButton, { icon: "close", size: "xs", variant: "clear", onClick: () => handleRemoveQueueItem(q.id), title: "Remove" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Icon, { name: "pending", size: 14, color: "color-text-subtle" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-regular", color: "color-text-medium", style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: q.instruction }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.IconButton, { icon: "close", size: "xs", variant: "clear", onClick: () => handleRemoveQueueItem(q.id), title: "Remove" })
       ] }, q.id))
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SectionHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { name: "scheduled", size: 12, color: "color-text-subtle" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "smallCaption-bold", color: "color-text-subtle", style: { textTransform: "uppercase", letterSpacing: "0.04em" }, children: "Recent" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Icon, { name: "scheduled", size: 12, color: "color-text-subtle" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-bold", color: "color-text-subtle", style: { textTransform: "uppercase", letterSpacing: "0.04em" }, children: "Recent" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { flex: 1 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconButton, { icon: "refresh", size: "xs", variant: "clear", onClick: fetchAll, title: "Refresh" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.IconButton, { icon: "refresh", size: "xs", variant: "clear", onClick: fetchAll, title: "Refresh" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollArea, { style: { flex: 1 }, children: recentRuns.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EmptyState, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { name: "info", size: 20, color: "color-text-subtle" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "caption-regular", color: "color-text-subtle", children: "No recent runs. Ask Weaver to run a bot." })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.ScrollArea, { style: { flex: 1 }, children: recentRuns.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EmptyState, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Icon, { name: "info", size: 20, color: "color-text-subtle" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-regular", color: "color-text-subtle", children: "No recent runs. Ask Weaver to run a bot." })
     ] }) : recentRuns.map((run, i) => {
       const oc = outcomeConfig[run.outcome] ?? { icon: "help", color: "color-text-subtle" };
       return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(RunRow, { onClick: () => openWorkspace(run.id), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { name: oc.icon, size: 14, color: oc.color }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RunText, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "caption-regular", color: "color-text-medium", children: run.summary ?? run.workflowFile ?? run.outcome }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "smallCaption-regular", color: "color-text-subtle", style: { fontFamily: "var(--typography-family-mono)", flexShrink: 0 }, children: formatTime(run.startedAt) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Icon, { name: oc.icon, size: 14, color: oc.color }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RunText, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-regular", color: "color-text-medium", children: run.summary ?? run.workflowFile ?? run.outcome }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", style: { fontFamily: "var(--typography-family-mono)", flexShrink: 0 }, children: formatTime(run.startedAt) })
       ] }, run.id ?? i);
     }) }),
     insights && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(KpiBar, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: healthColor(insights.health?.overall ?? 0), fontWeight: 600 }, children: insights.health?.overall ?? 0 }),
         " ",
         "health"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { fontWeight: 600 }, children: [
           "P",
           insights.trust?.phase ?? "?"
@@ -241,7 +258,7 @@ function BotActivity({ packName, botId }) {
         " ",
         "trust"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { fontWeight: 600 }, children: [
           "$",
           (insights.cost?.last7Days ?? 0).toFixed(2)
@@ -251,4 +268,4 @@ function BotActivity({ packName, botId }) {
     ] })
   ] });
 }
-module.exports = BotActivity;
+var bot_activity_default = BotActivity;

package/dist/ui/bot-config.js

@@ -1,18 +1,35 @@
 "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-config.tsx
+var bot_config_exports = {};
+__export(bot_config_exports, {
+  BotConfig: () => BotConfig,
+  default: () => bot_config_default
+});
+module.exports = __toCommonJS(bot_config_exports);
+var import_react = require("react");
+var import_plugin_ui_kit = require("@fw/plugin-ui-kit");
+var import_plugin_theme = require("@fw/plugin-theme");
 var import_jsx_runtime = require("react/jsx-runtime");
-var React = require("react");
-var { useState, useEffect, useCallback } = React;
-var { Typography } = require("@fw/plugin-ui-kit");
-var { CollapsibleSection } = require("@fw/plugin-ui-kit");
-var { LoadingSpinner } = require("@fw/plugin-ui-kit");
-var { Banner } = require("@fw/plugin-ui-kit");
-var { IconButton } = require("@fw/plugin-ui-kit");
-var { Badge } = require("@fw/plugin-ui-kit");
-var { styled } = require("@fw/plugin-theme");
 var BASE = "/api/pack-tool/@synergenius/flow-weaver-pack-weaver";
-var ConfigRow = styled.div({
+var ConfigRow = import_plugin_theme.styled.div({
   display: "flex",
   justifyContent: "space-between",
   alignItems: "center",
@@ -20,7 +37,7 @@ var ConfigRow = styled.div({
   borderBottom: "1px solid $color-border-default",
   "&:last-of-type": { borderBottom: "none" }
 });
-var Footer = styled.div({
+var Footer = import_plugin_theme.styled.div({
   display: "flex",
   justifyContent: "space-between",
   alignItems: "center",
@@ -46,11 +63,11 @@ function callTool(tool, body = {}) {
   });
 }
 function BotConfig({ packName, botId }) {
-  const [insights, setInsights] = useState(null);
-  const [providers, setProviders] = useState([]);
-  const [error, setError] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const fetchData = useCallback(async () => {
+  const [insights, setInsights] = (0, import_react.useState)(null);
+  const [providers, setProviders] = (0, import_react.useState)([]);
+  const [error, setError] = (0, import_react.useState)(null);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  const fetchData = (0, import_react.useCallback)(async () => {
     try {
       const [ins, provs] = await Promise.allSettled([
         callTool("fw_weaver_insights"),
@@ -65,11 +82,11 @@ function BotConfig({ packName, botId }) {
       setLoading(false);
     }
   }, []);
-  useEffect(() => {
+  (0, import_react.useEffect)(() => {
     fetchData();
   }, [fetchData]);
-  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: 16, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingSpinner, { size: "small" }) });
-  if (error && !insights) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: "8px 12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Banner, { status: "danger", size: "small", children: error }) });
+  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: 16, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.LoadingSpinner, { size: "small" }) });
+  if (error && !insights) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: "8px 12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Banner, { status: "danger", size: "small", children: error }) });
   const bot = insights?.bots?.find((b) => b.name === botId) ?? insights?.bots?.[0];
   const configuredProvider = bot?.provider;
   const availableProvider = providers.find((p) => p.envVarsSet);
@@ -79,21 +96,21 @@ function BotConfig({ packName, botId }) {
   const trustPhase = insights?.trust?.phase ?? 1;
   const trustScore = insights?.trust?.score ?? 0;
   const noProvider = !activeProvider;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleSection, { title: "Configuration", defaultExpanded: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: "4px 12px 12px" }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.CollapsibleSection, { title: "Configuration", defaultExpanded: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: "4px 12px 12px" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ConfigRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "smallCaption-bold", color: "color-text-subtle", children: "Provider" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-bold", color: "color-text-subtle", children: "Provider" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "caption-regular", color: "color-text-high", children: activeProvider ?? "None detected" }),
-        isAutoDetected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, { variant: "default", children: "auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-regular", color: "color-text-high", children: activeProvider ?? "None detected" }),
+        isAutoDetected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Badge, { variant: "default", children: "auto" })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ConfigRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "smallCaption-bold", color: "color-text-subtle", children: "Approval" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "caption-regular", color: "color-text-high", children: approval })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-bold", color: "color-text-subtle", children: "Approval" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-regular", color: "color-text-high", children: approval })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ConfigRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "smallCaption-bold", color: "color-text-subtle", children: "Trust" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Typography, { variant: "caption-regular", color: "color-text-high", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-bold", color: "color-text-subtle", children: "Trust" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Typography, { variant: "caption-regular", color: "color-text-high", children: [
         "P",
         trustPhase,
         " (",
@@ -101,11 +118,11 @@ function BotConfig({ packName, botId }) {
         "/100)"
       ] })
     ] }),
-    noProvider && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { marginTop: 10 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Banner, { status: "warning", size: "small", children: "No AI provider detected. Set ANTHROPIC_API_KEY or install Claude CLI." }) }),
+    noProvider && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { marginTop: 10 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Banner, { status: "warning", size: "small", children: "No AI provider detected. Set ANTHROPIC_API_KEY or install Claude CLI." }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Footer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: "Customize via .weaver.json" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconButton, { icon: "refresh", size: "xs", variant: "clear", onClick: fetchData, title: "Refresh" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: "Customize via .weaver.json" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.IconButton, { icon: "refresh", size: "xs", variant: "clear", onClick: fetchData, title: "Refresh" })
     ] })
   ] }) });
 }
-module.exports = BotConfig;
+var bot_config_default = BotConfig;

package/dist/ui/bot-dashboard.js

@@ -1,17 +1,33 @@
 "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-dashboard.tsx
+var bot_dashboard_exports = {};
+__export(bot_dashboard_exports, {
+  BotDashboard: () => BotDashboard,
+  default: () => bot_dashboard_default
+});
+module.exports = __toCommonJS(bot_dashboard_exports);
+var import_react = require("react");
+var import_plugin_ui_kit = require("@fw/plugin-ui-kit");
+var import_plugin_theme = require("@fw/plugin-theme");
 var import_jsx_runtime = require("react/jsx-runtime");
-var React = require("react");
-var { useState, useEffect, useCallback, useRef } = React;
-var { Typography } = require("@fw/plugin-ui-kit");
-var { Icon } = require("@fw/plugin-ui-kit");
-var { Badge } = require("@fw/plugin-ui-kit");
-var { CollapsibleSection } = require("@fw/plugin-ui-kit");
-var { LoadingSpinner } = require("@fw/plugin-ui-kit");
-var { Banner } = require("@fw/plugin-ui-kit");
-var { IconButton } = require("@fw/plugin-ui-kit");
-var { styled } = require("@fw/plugin-theme");
 var BASE = "/api/pack-tool/@synergenius/flow-weaver-pack-weaver";
 function callTool(tool, body = {}) {
   return fetch(`${BASE}/${tool}`, {
@@ -30,38 +46,38 @@ function callTool(tool, body = {}) {
     }
   });
 }
-var KpiRow = styled.div({
+var KpiRow = import_plugin_theme.styled.div({
   display: "flex",
   gap: "8px",
   marginBottom: "12px"
 });
-var KpiCard = styled.div({
+var KpiCard = import_plugin_theme.styled.div({
   flex: 1,
   padding: "8px 10px",
   borderRadius: "6px",
   border: "1px solid $color-border-default",
   backgroundColor: "$color-surface-elevated"
 });
-var KpiValue = styled.div({
+var KpiValue = import_plugin_theme.styled.div({
   fontSize: "20px",
   fontWeight: 700,
   lineHeight: 1.2
 });
-var KpiLabel = styled.div({
+var KpiLabel = import_plugin_theme.styled.div({
   fontSize: "10px",
   opacity: 0.5,
   textTransform: "uppercase",
   letterSpacing: "0.04em",
   marginTop: "2px"
 });
-var InsightRow = styled.div({
+var InsightRow = import_plugin_theme.styled.div({
   display: "flex",
   alignItems: "center",
   gap: "8px",
   padding: "5px 0",
   borderBottom: "1px solid $color-border-default"
 });
-var RunRow = styled.div({
+var RunRow = import_plugin_theme.styled.div({
   display: "flex",
   alignItems: "center",
   gap: "8px",
@@ -100,12 +116,12 @@ function formatTime(iso) {
   }
 }
 function BotDashboard({ packName, botId }) {
-  const [insights, setInsights] = useState(null);
-  const [history, setHistory] = useState([]);
-  const [error, setError] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const timerRef = useRef();
-  const fetchData = useCallback(async () => {
+  const [insights, setInsights] = (0, import_react.useState)(null);
+  const [history, setHistory] = (0, import_react.useState)([]);
+  const [error, setError] = (0, import_react.useState)(null);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  const timerRef = (0, import_react.useRef)();
+  const fetchData = (0, import_react.useCallback)(async () => {
     try {
       const [ins, hist] = await Promise.allSettled([
         callTool("fw_weaver_insights"),
@@ -124,20 +140,20 @@ function BotDashboard({ packName, botId }) {
       setLoading(false);
     }
   }, []);
-  useEffect(() => {
+  (0, import_react.useEffect)(() => {
     fetchData();
     timerRef.current = setInterval(fetchData, 3e4);
     return () => clearInterval(timerRef.current);
   }, [fetchData]);
-  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: 16, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingSpinner, { size: "small" }) });
-  if (error && !insights) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Banner, { status: "danger", size: "small", children: error }) });
+  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: 16, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.LoadingSpinner, { size: "small" }) });
+  if (error && !insights) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Banner, { status: "danger", size: "small", children: error }) });
   if (!insights) return null;
   const healthScore = insights.health?.overall ?? 0;
   const trust = insights.trust ?? { phase: 1, score: 0 };
   const cost = insights.cost ?? { last7Days: 0, trend: "stable" };
   const topInsights = (insights.insights ?? []).slice(0, 3);
   const recentRuns = history.slice(0, 5);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleSection, { title: "Dashboard", defaultExpanded: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: "4px 12px 12px" }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.CollapsibleSection, { title: "Dashboard", defaultExpanded: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: "4px 12px 12px" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(KpiRow, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(KpiCard, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(KpiValue, { style: { color: healthColor(healthScore) }, children: healthScore }),
@@ -163,25 +179,25 @@ function BotDashboard({ packName, botId }) {
       ] })
     ] }),
     topInsights.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginBottom: 12 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "smallCaption-bold", color: "color-text-subtle", style: { marginBottom: 6, textTransform: "uppercase", letterSpacing: "0.04em" }, children: "Insights" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-bold", color: "color-text-subtle", style: { marginBottom: 6, textTransform: "uppercase", letterSpacing: "0.04em" }, children: "Insights" }),
       topInsights.map((ins, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(InsightRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, { variant: severityToVariant[ins.severity] ?? "default", children: ins.severity }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "caption-regular", color: "color-text-medium", style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: ins.title })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Badge, { variant: severityToVariant[ins.severity] ?? "default", children: ins.severity }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-regular", color: "color-text-medium", style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: ins.title })
       ] }, i))
     ] }),
     recentRuns.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginBottom: 8 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "smallCaption-bold", color: "color-text-subtle", style: { marginBottom: 6, textTransform: "uppercase", letterSpacing: "0.04em" }, children: "Recent Runs" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-bold", color: "color-text-subtle", style: { marginBottom: 6, textTransform: "uppercase", letterSpacing: "0.04em" }, children: "Recent Runs" }),
       recentRuns.map((run, i) => {
         const oc = outcomeToIcon[run.outcome] ?? { name: "help", color: "color-text-subtle" };
         return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(RunRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { name: oc.name, size: 14, color: oc.color }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "caption-regular", color: "color-text-medium", style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: run.summary ?? run.workflowFile ?? run.outcome }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "smallCaption-regular", color: "color-text-subtle", style: { fontFamily: "var(--typography-family-mono)" }, children: formatTime(run.startedAt) })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Icon, { name: oc.name, size: 14, color: oc.color }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-regular", color: "color-text-medium", style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: run.summary ?? run.workflowFile ?? run.outcome }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", style: { fontFamily: "var(--typography-family-mono)" }, children: formatTime(run.startedAt) })
         ] }, run.id ?? i);
       })
     ] }),
-    topInsights.length === 0 && recentRuns.length === 0 && healthScore === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "caption-regular", color: "color-text-subtle", style: { textAlign: "center", padding: 20 }, children: "No data yet. Run a bot to see dashboard metrics." }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", justifyContent: "flex-end", marginTop: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconButton, { icon: "refresh", size: "xs", variant: "clear", onClick: fetchData, title: "Refresh" }) })
+    topInsights.length === 0 && recentRuns.length === 0 && healthScore === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-regular", color: "color-text-subtle", style: { textAlign: "center", padding: 20 }, children: "No data yet. Run a bot to see dashboard metrics." }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", justifyContent: "flex-end", marginTop: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.IconButton, { icon: "refresh", size: "xs", variant: "clear", onClick: fetchData, title: "Refresh" }) })
   ] }) });
 }
-module.exports = BotDashboard;
+var bot_dashboard_default = BotDashboard;