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

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

@@ -1,9 +1,32 @@
 "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/chat-task-result.tsx
-var React = require("react");
-var { useState, useEffect, useCallback, useRef } = React;
-var { Flex, Typography, StatusIcon, Button } = require("@fw/plugin-ui-kit");
+var chat_task_result_exports = {};
+__export(chat_task_result_exports, {
+  ChatTaskResult: () => ChatTaskResult,
+  default: () => chat_task_result_default
+});
+module.exports = __toCommonJS(chat_task_result_exports);
+var import_react = require("react");
+var import_plugin_ui_kit = require("@fw/plugin-ui-kit");
+var import_jsx_runtime = require("react/jsx-runtime");
 function parseResult(result) {
   try {
     const parsed = typeof result === "string" ? JSON.parse(result) : result;
@@ -50,16 +73,16 @@ function isTerminal(status) {
 function ChatTaskResult(props) {
   const { result = null, args = {}, callTool, openWorkspace } = props ?? {};
   const initial = parseResult(result);
-  const [task, setTask] = useState(initial.task);
-  const [subtasks, setSubtasks] = useState(initial.subtasks);
-  const mountedRef = useRef(true);
-  useEffect(() => {
+  const [task, setTask] = (0, import_react.useState)(initial.task);
+  const [subtasks, setSubtasks] = (0, import_react.useState)(initial.subtasks);
+  const mountedRef = (0, import_react.useRef)(true);
+  (0, import_react.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  useEffect(() => {
+  (0, import_react.useEffect)(() => {
     if (!task?.id) return;
     if (isTerminal(task.status)) return;
     const poll = async () => {
@@ -82,92 +105,76 @@ function ChatTaskResult(props) {
     };
   }, [task?.id, task?.status, callTool]);
   if (!task) {
-    return React.createElement(
-      Flex,
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_plugin_ui_kit.Flex,
       {
         variant: "row-center-start-nowrap-10",
         style: {
           borderRadius: "var(--border-radius-regular)",
           border: "1px solid var(--color-border-default)",
           backgroundColor: "var(--color-surface-low)"
-        }
-      },
-      React.createElement(StatusIcon, { status: "pending", size: "sm" }),
-      React.createElement(Typography, {
-        variant: "caption-thick",
-        color: "color-text-medium"
-      }, "Task created")
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.StatusIcon, { status: "pending", size: "sm" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-thick", color: "color-text-medium", children: "Task created" })
+        ]
+      }
     );
   }
   const doneCount = subtasks.filter((s) => s.status === "done").length;
   const totalCount = subtasks.length;
   const hasSubtasks = task.isParent && totalCount > 0;
   const botLabel = task.assignedProfile ? `Profile: ${task.assignedProfile}` : null;
-  const handleOpenDashboard = useCallback(() => {
+  const handleOpenDashboard = (0, import_react.useCallback)(() => {
     openWorkspace({
       packId: "@synergenius/flow-weaver-pack-weaver",
       taskId: task.id
     });
   }, [openWorkspace, task.id]);
-  return React.createElement(
-    Flex,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_plugin_ui_kit.Flex,
     {
       variant: "row-center-start-nowrap-10",
       style: {
         borderRadius: "var(--border-radius-regular)",
         border: "1px solid var(--color-border-default)",
         backgroundColor: "var(--color-surface-low)"
-      }
-    },
-    // Status icon
-    React.createElement(StatusIcon, {
-      status: statusToIcon(task.status),
-      size: "sm"
-    }),
-    // Title + meta column
-    React.createElement(
-      Flex,
-      {
-        variant: "column-start-start-nowrap-2",
-        style: { flex: 1, minWidth: 0 }
       },
-      // Title row
-      React.createElement(Typography, {
-        variant: "caption-thick",
-        color: "color-text-high",
-        truncate: true
-      }, task.title),
-      // Status + subtask progress + bot
-      React.createElement(
-        Flex,
-        {
-          variant: "row-center-start-wrap-8"
-        },
-        // Status label
-        React.createElement(Typography, {
-          variant: "smallCaption-regular",
-          color: task.status === "done" ? "color-text-positive" : task.status === "cancelled" ? "color-text-negative" : task.status === "in-progress" ? "color-text-info" : "color-text-medium"
-        }, statusLabel(task.status)),
-        // Subtask progress
-        hasSubtasks && React.createElement(Typography, {
-          variant: "smallCaption-regular",
-          color: "color-text-medium"
-        }, `${doneCount}/${totalCount} done`),
-        // Bot
-        botLabel && React.createElement(Typography, {
-          variant: "smallCaption-regular",
-          color: "color-text-low",
-          truncate: true
-        }, botLabel)
-      )
-    ),
-    // Open Dashboard button
-    React.createElement(Button, {
-      size: "xs",
-      variant: "clear",
-      color: "secondary",
-      onClick: handleOpenDashboard
-    }, "Open Dashboard")
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.StatusIcon, { status: statusToIcon(task.status), size: "sm" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_plugin_ui_kit.Flex,
+          {
+            variant: "column-start-start-nowrap-2",
+            style: { flex: 1, minWidth: 0 },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-thick", color: "color-text-high", truncate: true, children: task.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-wrap-8", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_plugin_ui_kit.Typography,
+                  {
+                    variant: "smallCaption-regular",
+                    color: task.status === "done" ? "color-text-positive" : task.status === "cancelled" ? "color-text-negative" : task.status === "in-progress" ? "color-text-info" : "color-text-medium",
+                    children: statusLabel(task.status)
+                  }
+                ),
+                hasSubtasks && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-medium", children: `${doneCount}/${totalCount} done` }),
+                botLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_plugin_ui_kit.Typography,
+                  {
+                    variant: "smallCaption-regular",
+                    color: "color-text-low",
+                    truncate: true,
+                    children: botLabel
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Button, { size: "xs", variant: "clear", color: "secondary", onClick: handleOpenDashboard, children: "Open Dashboard" })
+      ]
+    }
   );
 }
-module.exports = ChatTaskResult;
+var chat_task_result_default = ChatTaskResult;

package/dist/ui/decision-log.js

@@ -24,14 +24,8 @@ __export(decision_log_exports, {
   default: () => decision_log_default
 });
 module.exports = __toCommonJS(decision_log_exports);
-var React = require("react");
-var {
-  Flex,
-  Typography,
-  ScrollArea,
-  Chip,
-  SectionTitle
-} = require("@fw/plugin-ui-kit");
+var import_plugin_ui_kit = require("@fw/plugin-ui-kit");
+var import_jsx_runtime = require("react/jsx-runtime");
 var methodColors = {
   "exact-match": "color-status-info",
   "single-eligible": "color-status-positive",
@@ -55,83 +49,76 @@ function truncate(text, max) {
 }
 function DecisionLog({ decisions }) {
   if (!decisions || decisions.length === 0) {
-    return React.createElement(
-      Flex,
-      {
-        variant: "column-stretch-start-nowrap-4"
-      },
-      React.createElement(SectionTitle, null, "Decision Log"),
-      React.createElement(Typography, {
-        variant: "smallCaption-regular",
-        color: "color-text-subtle"
-      }, "No routing decisions yet.")
-    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.SectionTitle, { children: "Decision Log" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: "No routing decisions yet." })
+    ] });
   }
   const sorted = [...decisions].sort((a, b) => b.timestamp - a.timestamp);
-  return React.createElement(
-    Flex,
-    {
-      variant: "column-stretch-start-nowrap-4"
-    },
-    React.createElement(SectionTitle, null, "Decision Log"),
-    React.createElement(
-      ScrollArea,
-      {
-        style: { maxHeight: "260px" }
-      },
-      React.createElement(
-        Flex,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.SectionTitle, { children: "Decision Log" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.ScrollArea, { style: { maxHeight: "260px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-0", children: sorted.map((d) => {
+      const methodLabel = d.method === "ai-routed" && d.confidence != null ? `ai ${d.confidence}%` : methodLabels[d.method] || d.method;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_plugin_ui_kit.Flex,
         {
-          variant: "column-stretch-start-nowrap-0"
-        },
-        ...sorted.map((d) => {
-          const methodLabel = d.method === "ai-routed" && d.confidence != null ? `ai ${d.confidence}%` : methodLabels[d.method] || d.method;
-          return React.createElement(
-            Flex,
-            {
-              key: d.id,
-              variant: "column-stretch-start-nowrap-2",
-              style: {
-                padding: "6px 8px",
-                borderBottom: "1px solid var(--color-border-default)"
-              }
-            },
-            // Main line: time, title, instance, method
-            React.createElement(
-              Flex,
-              { variant: "row-center-start-nowrap-8" },
-              React.createElement(Typography, {
+          variant: "column-stretch-start-nowrap-2",
+          style: {
+            padding: "6px 8px",
+            borderBottom: "1px solid var(--color-border-default)"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-8", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Typography,
+                {
+                  variant: "smallCaption-regular",
+                  color: "color-text-subtle",
+                  style: { flexShrink: 0, fontFamily: "var(--font-mono, monospace)", fontSize: "11px" },
+                  children: formatTime(d.timestamp)
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Typography,
+                {
+                  variant: "smallCaption-regular",
+                  color: "color-text-high",
+                  style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
+                  children: `"${truncate(d.taskTitle, 40)}"`
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Typography,
+                {
+                  variant: "smallCaption-regular",
+                  color: "color-text-medium",
+                  style: { flexShrink: 0 },
+                  children: `\u2192 ${d.assignedInstanceId}`
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.Chip,
+                {
+                  label: methodLabel,
+                  size: "small",
+                  color: methodColors[d.method] || "color-brand-alt"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_plugin_ui_kit.Typography,
+              {
                 variant: "smallCaption-regular",
                 color: "color-text-subtle",
-                style: { flexShrink: 0, fontFamily: "var(--font-mono, monospace)", fontSize: "11px" }
-              }, formatTime(d.timestamp)),
-              React.createElement(Typography, {
-                variant: "smallCaption-regular",
-                color: "color-text-high",
-                style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }
-              }, `"${truncate(d.taskTitle, 40)}"`),
-              React.createElement(Typography, {
-                variant: "smallCaption-regular",
-                color: "color-text-medium",
-                style: { flexShrink: 0 }
-              }, `\u2192 ${d.assignedInstanceId}`),
-              React.createElement(Chip, {
-                label: methodLabel,
-                size: "small",
-                color: methodColors[d.method] || "color-brand-alt"
-              })
-            ),
-            // Reason line
-            React.createElement(Typography, {
-              variant: "smallCaption-regular",
-              color: "color-text-subtle",
-              style: { paddingLeft: "70px" }
-            }, d.reason)
-          );
-        })
-      )
-    )
-  );
+                style: { paddingLeft: "70px" },
+                children: d.reason
+              }
+            )
+          ]
+        },
+        d.id
+      );
+    }) }) })
+  ] });
 }
 var decision_log_default = DecisionLog;
-module.exports = DecisionLog;

package/dist/ui/genesis-block.js

@@ -24,9 +24,9 @@ __export(genesis_block_exports, {
   default: () => genesis_block_default
 });
 module.exports = __toCommonJS(genesis_block_exports);
-var React = require("react");
-var { useState, useCallback } = React;
-var { CollapsibleBlock, Flex, Typography, Icon, Badge, Chip, Button, toast, formatTimestamp } = require("@fw/plugin-ui-kit");
+var import_react = require("react");
+var import_plugin_ui_kit = require("@fw/plugin-ui-kit");
+var import_jsx_runtime = require("react/jsx-runtime");
 var OUTCOME_BADGE_VARIANTS = {
   applied: "success",
   "rolled-back": "error",
@@ -44,112 +44,103 @@ var OUTCOME_STATUS = {
   "no-change": "completed"
 };
 function GenesisBlock({ cycle, callTool }) {
-  const [expanded, setExpanded] = useState(false);
-  const [rollingBack, setRollingBack] = useState(false);
-  const handleRollback = useCallback(async () => {
+  const [expanded, setExpanded] = (0, import_react.useState)(false);
+  const [rollingBack, setRollingBack] = (0, import_react.useState)(false);
+  const handleRollback = (0, import_react.useCallback)(async () => {
     setRollingBack(true);
     try {
       await callTool("fw_weaver_genesis_rollback", { cycleId: cycle.id });
-      toast("Genesis cycle rolled back", { type: "success" });
+      (0, import_plugin_ui_kit.toast)("Genesis cycle rolled back", { type: "success" });
     } catch (err) {
-      toast(err instanceof Error ? err.message : "Failed to rollback", { type: "error" });
+      (0, import_plugin_ui_kit.toast)(err instanceof Error ? err.message : "Failed to rollback", { type: "error" });
     }
     setRollingBack(false);
   }, [callTool, cycle.id]);
   const summary = cycle.proposal?.summary ?? `Genesis cycle ${cycle.id.slice(0, 8)}`;
   const badgeVariant = OUTCOME_BADGE_VARIANTS[cycle.outcome] ?? "default";
   const status = OUTCOME_STATUS[cycle.outcome] ?? "pending";
-  return React.createElement(
-    CollapsibleBlock,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_plugin_ui_kit.CollapsibleBlock,
     {
       status,
-      icon: React.createElement(Icon, { name: "autorenew", size: 14, color: "color-brand-main" }),
-      label: React.createElement(Typography, {
-        variant: "caption-thick",
-        color: "color-text-high",
-        style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", minWidth: 0 }
-      }, summary),
-      headerSuffix: React.createElement(
-        Flex,
-        { variant: "row-center-start-nowrap-8" },
-        React.createElement(Typography, { variant: "smallCaption-regular", color: "color-text-subtle" }, formatTimestamp(cycle.timestamp)),
-        React.createElement(Badge, { variant: badgeVariant }, cycle.outcome)
+      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Icon, { name: "autorenew", size: 14, color: "color-brand-main" }),
+      label: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_plugin_ui_kit.Typography,
+        {
+          variant: "caption-thick",
+          color: "color-text-high",
+          style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", minWidth: 0 },
+          children: summary
+        }
       ),
+      headerSuffix: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: (0, import_plugin_ui_kit.formatTimestamp)(cycle.timestamp) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Badge, { variant: badgeVariant, children: cycle.outcome })
+      ] }),
       expanded,
-      onToggle: () => setExpanded((v) => !v)
-    },
-    // Proposal
-    cycle.proposal && React.createElement(
-      Flex,
-      {
-        variant: "column-start-start-nowrap-6",
-        style: { padding: "10px 12px", borderBottom: "1px solid var(--color-border-default)" }
-      },
-      React.createElement(
-        Typography,
-        { variant: "caption-bold", color: "color-text-subtle" },
-        `Proposal \xB7 ${cycle.proposal.impactLevel}`
-      ),
-      React.createElement(
-        Typography,
-        { variant: "smallCaption-regular", color: "color-text-medium" },
-        cycle.proposal.rationale
-      ),
-      ...cycle.proposal.operations.map(
-        (op, i) => React.createElement(
-          Flex,
-          { key: i, variant: "row-center-start-nowrap-6", style: { fontSize: "11px" } },
-          React.createElement(Chip, { label: op.type, size: "small", color: "color-status-info" }),
-          React.createElement(Typography, { variant: "smallCaption-regular", color: "color-text-medium" }, op.rationale)
-        )
-      )
-    ),
-    // Diff
-    cycle.diffSummary && React.createElement(
-      Flex,
-      {
-        variant: "column-start-start-nowrap-6",
-        style: { padding: "10px 12px", borderBottom: "1px solid var(--color-border-default)" }
-      },
-      React.createElement(Typography, { variant: "caption-bold", color: "color-text-subtle" }, "Changes"),
-      React.createElement("pre", {
-        style: {
-          fontSize: "11px",
-          fontFamily: "monospace",
-          lineHeight: 1.4,
-          padding: "8px",
-          borderRadius: "var(--border-radius-compact, 4px)",
-          backgroundColor: "var(--color-surface-raised)",
-          color: "var(--color-text-medium)",
-          whiteSpace: "pre-wrap",
-          wordBreak: "break-word",
-          maxHeight: "200px",
-          overflow: "auto",
-          margin: 0,
-          width: "100%"
-        }
-      }, cycle.diffSummary)
-    ),
-    // Error
-    cycle.error && React.createElement("div", {
-      style: { padding: "10px 12px", borderBottom: "1px solid var(--color-border-default)" }
-    }, React.createElement(Typography, { variant: "smallCaption-regular", color: "color-status-negative" }, cycle.error)),
-    // Rollback action
-    cycle.outcome === "applied" && React.createElement(
-      Flex,
-      {
-        variant: "row-center-start-nowrap-8",
-        style: { padding: "10px 12px" }
-      },
-      React.createElement(Button, {
-        size: "xs",
-        variant: "outlined",
-        color: "danger",
-        onClick: handleRollback,
-        loading: rollingBack,
-        disabled: rollingBack
-      }, "Rollback")
-    )
+      onToggle: () => setExpanded((v) => !v),
+      children: [
+        cycle.proposal && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_plugin_ui_kit.Flex,
+          {
+            variant: "column-start-start-nowrap-6",
+            style: { padding: "10px 12px", borderBottom: "1px solid var(--color-border-default)" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-bold", color: "color-text-subtle", children: `Proposal \xB7 ${cycle.proposal.impactLevel}` }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-medium", children: cycle.proposal.rationale }),
+              cycle.proposal.operations.map((op, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-6", style: { fontSize: "11px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Chip, { label: op.type, size: "small", color: "color-status-info" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-medium", children: op.rationale })
+              ] }, i))
+            ]
+          }
+        ),
+        cycle.diffSummary && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_plugin_ui_kit.Flex,
+          {
+            variant: "column-start-start-nowrap-6",
+            style: { padding: "10px 12px", borderBottom: "1px solid var(--color-border-default)" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-bold", color: "color-text-subtle", children: "Changes" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "pre",
+                {
+                  style: {
+                    fontSize: "11px",
+                    fontFamily: "monospace",
+                    lineHeight: 1.4,
+                    padding: "8px",
+                    borderRadius: "var(--border-radius-compact, 4px)",
+                    backgroundColor: "var(--color-surface-raised)",
+                    color: "var(--color-text-medium)",
+                    whiteSpace: "pre-wrap",
+                    wordBreak: "break-word",
+                    maxHeight: "200px",
+                    overflow: "auto",
+                    margin: 0,
+                    width: "100%"
+                  },
+                  children: cycle.diffSummary
+                }
+              )
+            ]
+          }
+        ),
+        cycle.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: "10px 12px", borderBottom: "1px solid var(--color-border-default)" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-status-negative", children: cycle.error }) }),
+        cycle.outcome === "applied" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-8", style: { padding: "10px 12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_plugin_ui_kit.Button,
+          {
+            size: "xs",
+            variant: "outlined",
+            color: "danger",
+            onClick: handleRollback,
+            loading: rollingBack,
+            disabled: rollingBack,
+            children: "Rollback"
+          }
+        ) })
+      ]
+    }
   );
 }
 var genesis_block_default = GenesisBlock;