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

package/dist/ui/budget-strip.js

@@ -0,0 +1,156 @@
+"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/budget-strip.tsx
+var budget_strip_exports = {};
+__export(budget_strip_exports, {
+  BudgetStrip: () => BudgetStrip,
+  default: () => budget_strip_default
+});
+module.exports = __toCommonJS(budget_strip_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 Strip = import_plugin_theme.styled.div({
+  display: "flex",
+  alignItems: "center",
+  gap: "$gap-cluster",
+  padding: "$gap-list-tight $gap-card-content",
+  borderRadius: "$border-radius-container",
+  backgroundColor: "$color-surface-float",
+  border: "1px solid $color-border-subtle",
+  minHeight: "34px"
+});
+var PopoverOverlay = import_plugin_theme.styled.div({
+  position: "fixed",
+  inset: 0,
+  zIndex: 999
+});
+var PopoverCard = import_plugin_theme.styled.div({
+  position: "absolute",
+  zIndex: 1e3,
+  backgroundColor: "$color-surface-main",
+  border: "1px solid $color-border-default",
+  borderRadius: "$border-radius-popover",
+  padding: "$gap-card-content",
+  boxShadow: "0 4px 16px rgba(0,0,0,0.4)"
+});
+function formatCost(n) {
+  if (n >= 1) return `$${n.toFixed(2)}`;
+  if (n >= 0.01) return `$${n.toFixed(2)}`;
+  if (n > 0) return `$${n.toFixed(4)}`;
+  return "$0";
+}
+function BudgetStrip({
+  costUsed,
+  costLimit,
+  costSource,
+  tokenLimit,
+  tasksDone = 0,
+  tasksFailed = 0,
+  tasksOpen = 0,
+  onLimitsChange
+}) {
+  const [popoverOpen, setPopoverOpen] = (0, import_react.useState)(false);
+  const [editCost, setEditCost] = (0, import_react.useState)("");
+  const [editTokens, setEditTokens] = (0, import_react.useState)("");
+  const editRef = (0, import_react.useRef)(null);
+  const handleOpenPopover = (0, import_react.useCallback)(() => {
+    setEditCost(String(costLimit));
+    setEditTokens(String(tokenLimit));
+    setPopoverOpen(true);
+  }, [costLimit, tokenLimit]);
+  const handleSave = (0, import_react.useCallback)(() => {
+    const c = parseFloat(editCost);
+    const t = parseFloat(editTokens);
+    if (c > 0 && t > 0 && onLimitsChange) {
+      onLimitsChange(c, t);
+    }
+    setPopoverOpen(false);
+  }, [editCost, editTokens, onLimitsChange]);
+  const sourceTag = costSource === "cli" ? "actual" : costSource === "estimated" ? "est." : null;
+  const tallyParts = [];
+  if (tasksDone > 0) tallyParts.push({ count: tasksDone, label: "done", chipStatus: "success", icon: "check" });
+  if (tasksFailed > 0) tallyParts.push({ count: tasksFailed, label: "failed", chipStatus: "error", icon: "close" });
+  if (tasksOpen > 0) tallyParts.push({ count: tasksOpen, label: "open", chipStatus: "info", icon: "schedule" });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Strip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-4", style: { flexShrink: 0 }, children: tallyParts.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.StatusChip, { status: p.chipStatus, icon: p.icon, children: [
+      p.count,
+      " ",
+      p.label
+    ] }, i)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-center-nowrap-4", style: { flex: 1, minWidth: 0 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-thick", color: "color-text-high", children: costLimit > 0 ? `${Math.round(costUsed / costLimit * 100)}%` : "0%" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-border-default", children: "|" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: [
+        formatCost(costUsed),
+        " / ",
+        formatCost(costLimit)
+      ] }),
+      sourceTag && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: costSource === "cli" ? "color-status-positive" : "color-text-subtle", children: [
+        "(",
+        sourceTag,
+        ")"
+      ] })
+    ] }),
+    onLimitsChange && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: editRef, style: { position: "relative", flexShrink: 0 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Button, { size: "xs", variant: "outlined", onClick: handleOpenPopover, children: "Edit Budget" }),
+      popoverOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverOverlay, { onClick: () => setPopoverOpen(false) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverCard, { style: { top: "100%", right: 0, marginTop: "4px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-thick", color: "color-text-high", children: "Budget Limits" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-space-between-nowrap-4", style: { whiteSpace: "nowrap" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", style: { flexShrink: 0 }, children: "Cost ($)" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_plugin_ui_kit.Input,
+              {
+                type: "number",
+                size: "extraSmall",
+                value: editCost,
+                onChange: (v) => setEditCost(v),
+                autoFocus: true
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-space-between-nowrap-4", style: { whiteSpace: "nowrap" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", style: { flexShrink: 0 }, children: "Tokens" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_plugin_ui_kit.Input,
+              {
+                type: "number",
+                size: "extraSmall",
+                value: editTokens,
+                onChange: (v) => setEditTokens(v),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") handleSave();
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-end-nowrap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Button, { size: "xs", variant: "clear", onClick: () => setPopoverOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Button, { size: "xs", variant: "fill", color: "primary", onClick: handleSave, children: "Save" })
+          ] })
+        ] }) })
+      ] })
+    ] })
+  ] });
+}
+var budget_strip_default = BudgetStrip;

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

@@ -26,6 +26,25 @@ __export(chat_task_result_exports, {
 module.exports = __toCommonJS(chat_task_result_exports);
 var import_react = require("react");
 var import_plugin_ui_kit = require("@fw/plugin-ui-kit");
+
+// src/ui/task-status.ts
+var TASK_STATUS_ICON = {
+  "open": "pending",
+  "in-progress": "running",
+  "done": "completed",
+  "cancelled": "failed"
+};
+var TASK_STATUS_ICON_OVERRIDE = {
+  "in-progress": "pendingActions"
+};
+var TASK_STATUS_LABEL = {
+  "open": "Open",
+  "in-progress": "In Progress",
+  "done": "Done",
+  "cancelled": "Cancelled"
+};
+
+// src/ui/chat-task-result.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 function parseResult(result) {
   try {
@@ -39,33 +58,9 @@ function parseResult(result) {
     return { task: null, subtasks: [] };
   }
 }
-function statusToIcon(status) {
-  switch (status) {
-    case "open":
-      return "pending";
-    case "in-progress":
-      return "running";
-    case "done":
-      return "completed";
-    case "cancelled":
-      return "failed";
-    default:
-      return "pending";
-  }
-}
 function statusLabel(status) {
-  switch (status) {
-    case "open":
-      return "Open";
-    case "in-progress":
-      return "Running";
-    case "done":
-      return "Done";
-    case "cancelled":
-      return "Cancelled";
-    default:
-      return status;
-  }
+  if (status === "in-progress") return "Running";
+  return TASK_STATUS_LABEL[status] ?? status;
 }
 function isTerminal(status) {
   return status === "done" || status === "cancelled";
@@ -141,7 +136,7 @@ function ChatTaskResult(props) {
         backgroundColor: "var(--color-surface-low)"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.StatusIcon, { status: statusToIcon(task.status), size: "sm" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.StatusIcon, { status: TASK_STATUS_ICON[task.status] || "pending", icon: TASK_STATUS_ICON_OVERRIDE[task.status], size: "sm" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           import_plugin_ui_kit.Flex,
           {

package/dist/ui/instance-stream-view.js

@@ -220,6 +220,27 @@ function buildConversation(events) {
         });
         lastType = "bot-failed";
         break;
+      // ── Session/bridge warnings (from CliSession markDead, active turn kill) ──
+      case "session-warning":
+        flushThinking(false);
+        flushText(false);
+        blocks.push({
+          kind: "warning",
+          label: d.label ?? "Session warning",
+          detail: d.detail ?? d.stderr ?? void 0
+        });
+        lastType = "session-warning";
+        break;
+      case "audit:bridge-tool-filtered":
+        if (d.textToolCallDetected > 0) {
+          blocks.push({
+            kind: "warning",
+            label: `MCP tools not connected \u2014 ${d.textToolCallDetected} tool calls output as text`,
+            detail: "The CLI session does not have MCP tools registered. Tool calls were output as text instead of structured tool_use."
+          });
+        }
+        lastType = "audit:bridge-tool-filtered";
+        break;
       // ── Swarm/workflow-level events (emitted by runner + swarm-controller) ──
       case "task-claimed":
         blocks.push({
@@ -361,6 +382,8 @@ function useConversationTypewriter(blocks) {
       }
       case "status":
         return (block.detail ?? "").length;
+      case "warning":
+        return (block.detail ?? "").length;
       default:
         return 0;
     }
@@ -674,6 +697,19 @@ function InstanceStreamView({
                 }
               );
             }
+            case "warning":
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.CollapsibleBlock,
+                {
+                  status: "error",
+                  label: block.label,
+                  expanded: !!block.detail,
+                  canExpand: !!block.detail,
+                  onToggle: () => {
+                  },
+                  children: block.detail && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Section, { padding: "compact", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "body-regular", color: "color-danger-main", children: block.detail }) })
+                }
+              );
             default:
               return null;
           }