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

package/dist/ui/approval-card.js

@@ -0,0 +1,111 @@
+"use strict";
+
+// src/ui/approval-card.tsx
+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")
+    )
+  );
+}
+module.exports = ApprovalCard;