@synergenius/flow-weaver-pack-weaver 0.9.53 → 0.9.55

package/dist/ui/approval-card.js

@@ -0,0 +1,134 @@
+"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/approval-card.tsx
+var approval_card_exports = {};
+__export(approval_card_exports, {
+  ApprovalCard: () => ApprovalCard,
+  default: () => approval_card_default
+});
+module.exports = __toCommonJS(approval_card_exports);
+var React = require("react");
+var { useState, useCallback } = React;
+var {
+  CollapsibleBlock,
+  Flex,
+  Typography,
+  Badge,
+  Tag,
+  Button,
+  toast
+} = require("@fw/plugin-ui-kit");
+function ApprovalCard({ plan, callTool, onDecision }) {
+  const [deciding, setDeciding] = useState(false);
+  const [decided, setDecided] = useState(null);
+  const handleDecision = useCallback(
+    async (approved) => {
+      setDeciding(true);
+      try {
+        await callTool("fw_weaver_approve", { approved });
+        setDecided(approved);
+        onDecision?.(approved);
+        toast(approved ? "Plan approved" : "Plan rejected", {
+          type: approved ? "success" : "info"
+        });
+      } catch (err) {
+        toast(err instanceof Error ? err.message : "Failed to send decision", { type: "error" });
+      } finally {
+        setDeciding(false);
+      }
+    },
+    [callTool, onDecision]
+  );
+  if (decided !== null) {
+    return React.createElement(CollapsibleBlock, {
+      status: decided ? "completed" : "error",
+      label: React.createElement(Typography, {
+        variant: "caption-bold",
+        color: decided ? "color-status-positive" : "color-status-negative"
+      }, decided ? "Plan Approved" : "Plan Rejected"),
+      expanded: false,
+      canExpand: false
+    });
+  }
+  return React.createElement(
+    CollapsibleBlock,
+    {
+      status: "pending",
+      label: React.createElement(
+        Flex,
+        { variant: "row-center-start-nowrap-8" },
+        React.createElement(Badge, { variant: "warning" }, "Approval Needed"),
+        React.createElement(
+          Typography,
+          { variant: "caption-bold", color: "color-text-high" },
+          plan.summary || `${plan.steps.length} step plan`
+        )
+      ),
+      expanded: true,
+      canExpand: false
+    },
+    React.createElement(
+      Flex,
+      {
+        variant: "column-start-start-nowrap-6",
+        style: { padding: "10px 12px" }
+      },
+      ...plan.steps.map(
+        (step, i) => React.createElement(
+          Flex,
+          {
+            key: step.id || i,
+            variant: "row-center-start-nowrap-6",
+            style: { fontSize: "11px" }
+          },
+          React.createElement(Tag, { size: "small", color: "info" }, step.operation),
+          React.createElement(Typography, {
+            variant: "smallCaption-regular",
+            color: "color-text-medium"
+          }, step.description)
+        )
+      )
+    ),
+    React.createElement(
+      Flex,
+      {
+        variant: "row-center-start-nowrap-8",
+        style: { padding: "10px 12px", borderTop: "1px solid var(--color-border-default)" }
+      },
+      React.createElement(Button, {
+        variant: "fill",
+        color: "primary",
+        size: "xs",
+        onClick: () => handleDecision(true),
+        loading: deciding,
+        disabled: deciding
+      }, "Approve"),
+      React.createElement(Button, {
+        variant: "outlined",
+        color: "danger",
+        size: "xs",
+        onClick: () => handleDecision(false),
+        loading: deciding,
+        disabled: deciding
+      }, "Reject")
+    )
+  );
+}
+var approval_card_default = ApprovalCard;