@ixo/editor 4.0.0 → 4.0.1

package/dist/{chunk-YWL7V44B.mjs → chunk-MKNM3L24.mjs}

@@ -25122,18 +25122,19 @@ var EvaluateClaimConfig = ({ inputs, onInputsChange, editor, blockId }) => {
 
 // src/mantine/blocks/action/actionTypes/evaluateClaim/EvaluateClaimFlowDetail.tsx
 import React244, { useCallback as useCallback86, useEffect as useEffect89, useMemo as useMemo93, useState as useState110 } from "react";
-import { ActionIcon as ActionIcon34, Alert as Alert47, Box as Box56, Button as Button49, Checkbox as Checkbox13, Divider as Divider22, Group as Group93, Loader as Loader45, ScrollArea as ScrollArea7, Stack as Stack173, Text as Text149, UnstyledButton as UnstyledButton6 } from "@mantine/core";
+import { ActionIcon as ActionIcon34, Alert as Alert47, Box as Box56, Button as Button49, Checkbox as Checkbox13, Divider as Divider22, Group as Group94, Loader as Loader45, ScrollArea as ScrollArea7, Stack as Stack173, Text as Text149, UnstyledButton as UnstyledButton6 } from "@mantine/core";
 import { IconArrowLeft as IconArrowLeft8, IconCheck as IconCheck18, IconFilter as IconFilter2 } from "@tabler/icons-react";
 import { SurveyModel as SurveyModel10 } from "@ixo/surveys";
 
 // src/mantine/blocks/action/actionTypes/evaluateClaim/ClaimAttachments.tsx
 import React243, { useCallback as useCallback85, useEffect as useEffect88, useMemo as useMemo92, useRef as useRef24, useState as useState109 } from "react";
-import { Box as Box55, Group as Group92, Loader as Loader44, SimpleGrid as SimpleGrid4, Stack as Stack172, Text as Text148, Tooltip as Tooltip18, UnstyledButton as UnstyledButton5 } from "@mantine/core";
+import { Box as Box55, Group as Group93, Loader as Loader44, SimpleGrid as SimpleGrid4, Stack as Stack172, Text as Text148, Tooltip as Tooltip18, UnstyledButton as UnstyledButton5 } from "@mantine/core";
 import { IconFile as IconFile5, IconFileText as IconFileText6, IconMusic, IconPhoto as IconPhoto5, IconVideo } from "@tabler/icons-react";
 
 // src/mantine/components/MediaPreviewModal.tsx
 import React242 from "react";
-import { Anchor, Box as Box54, Center as Center13, Modal as Modal3, Stack as Stack171, Text as Text147 } from "@mantine/core";
+import { Anchor, Box as Box54, Center as Center13, Group as Group92, Modal as Modal3, Stack as Stack171, Text as Text147 } from "@mantine/core";
+import { useMediaQuery as useMediaQuery2 } from "@mantine/hooks";
 import { IconDownload as IconDownload4 } from "@tabler/icons-react";
 function detectKind(type, name) {
   const t = (type || "").toLowerCase();
@@ -25145,19 +25146,46 @@ function detectKind(type, name) {
   return "other";
 }
 var MediaPreviewModal = ({ file, onClose }) => {
+  const isMobile = useMediaQuery2("(max-width: 992px)");
   const opened = !!file;
   const kind = file ? detectKind(file.type, file.name) : "other";
+  const wide = kind === "pdf" || kind === "image" || kind === "video";
   return /* @__PURE__ */ React242.createElement(
     Modal3,
     {
       opened,
       onClose,
-      title: /* @__PURE__ */ React242.createElement(Text147, { fw: 500, size: "sm", truncate: true }, file?.name || "Preview"),
-      size: "xl",
-      centered: true
+      zIndex: 1e4,
+      portalProps: typeof document !== "undefined" ? { target: document.body } : void 0,
+      title: /* @__PURE__ */ React242.createElement(Group92, { gap: "sm", wrap: "nowrap", style: { width: "100%" } }, /* @__PURE__ */ React242.createElement(Text147, { fw: 500, size: "sm", truncate: true, style: { flex: 1, minWidth: 0 } }, file?.name || "Preview"), file && /* @__PURE__ */ React242.createElement(Anchor, { href: file.content, target: "_blank", rel: "noopener noreferrer", download: file.name, size: "xs", c: "dimmed", style: { flexShrink: 0 } }, /* @__PURE__ */ React242.createElement(Box54, { style: { display: "inline-flex", alignItems: "center", gap: 4 } }, icon(IconDownload4, 14), "Download"))),
+      size: wide ? "95vw" : "xl",
+      centered: true,
+      styles: wide ? {
+        content: {
+          height: "95vh",
+          maxWidth: isMobile ? "100%" : 1400,
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden"
+        },
+        body: {
+          flex: 1,
+          minHeight: 0,
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden"
+        }
+      } : void 0
     },
-    file && /* @__PURE__ */ React242.createElement(Stack171, { gap: "sm" }, kind === "image" && /* @__PURE__ */ React242.createElement(Center13, null, /* @__PURE__ */ React242.createElement("img", { src: file.content, alt: file.name, style: { maxWidth: "100%", maxHeight: "70vh", objectFit: "contain", borderRadius: 8 } })), kind === "video" && // eslint-disable-next-line jsx-a11y/media-has-caption
-    /* @__PURE__ */ React242.createElement("video", { src: file.content, controls: true, style: { width: "100%", maxHeight: "70vh", borderRadius: 8, background: "var(--mantine-color-neutralColor-3)" } }), kind === "audio" && /* @__PURE__ */ React242.createElement("audio", { src: file.content, controls: true, style: { width: "100%" } }), kind === "pdf" && /* @__PURE__ */ React242.createElement(Box54, { style: { height: "70vh", borderRadius: 8, overflow: "hidden" } }, /* @__PURE__ */ React242.createElement("iframe", { src: file.content, title: file.name, style: { width: "100%", height: "100%", border: "none" } })), kind === "other" && /* @__PURE__ */ React242.createElement(Center13, { p: "xl" }, /* @__PURE__ */ React242.createElement(Stack171, { gap: "xs", align: "center" }, /* @__PURE__ */ React242.createElement(Text147, { size: "sm", c: "dimmed" }, "This file type can't be previewed inline."), /* @__PURE__ */ React242.createElement(Anchor, { href: file.content, target: "_blank", rel: "noopener noreferrer", download: file.name }, /* @__PURE__ */ React242.createElement(Box54, { style: { display: "inline-flex", alignItems: "center", gap: 6 } }, icon(IconDownload4, 16), "Download ", file.name)))), /* @__PURE__ */ React242.createElement(Anchor, { href: file.content, target: "_blank", rel: "noopener noreferrer", download: file.name, size: "xs", c: "dimmed" }, /* @__PURE__ */ React242.createElement(Box54, { style: { display: "inline-flex", alignItems: "center", gap: 4 } }, icon(IconDownload4, 12), "Download original")))
+    file && /* @__PURE__ */ React242.createElement(Stack171, { gap: "sm", style: wide ? { flex: 1, minHeight: 0 } : void 0 }, kind === "image" && /* @__PURE__ */ React242.createElement(Center13, { style: { flex: 1, minHeight: 0, overflow: "hidden" } }, /* @__PURE__ */ React242.createElement(
+      "img",
+      {
+        src: file.content,
+        alt: file.name,
+        style: { display: "block", maxWidth: "100%", maxHeight: "100%", width: "auto", height: "auto", objectFit: "contain", borderRadius: 8 }
+      }
+    )), kind === "video" && // eslint-disable-next-line jsx-a11y/media-has-caption
+    /* @__PURE__ */ React242.createElement("video", { src: file.content, controls: true, style: { width: "100%", flex: 1, minHeight: 0, borderRadius: 8, background: "var(--mantine-color-neutralColor-3)" } }), kind === "audio" && /* @__PURE__ */ React242.createElement("audio", { src: file.content, controls: true, style: { width: "100%" } }), kind === "pdf" && /* @__PURE__ */ React242.createElement(Box54, { style: { flex: 1, minHeight: 0, borderRadius: 8, overflow: "hidden" } }, /* @__PURE__ */ React242.createElement("iframe", { src: file.content, title: file.name, style: { width: "100%", height: "100%", border: "none" } })), kind === "other" && /* @__PURE__ */ React242.createElement(Center13, { p: "xl" }, /* @__PURE__ */ React242.createElement(Text147, { size: "sm", c: "dimmed" }, "This file type can't be previewed inline. Use Download above.")))
   );
 };
 
@@ -25434,7 +25462,7 @@ var ClaimAttachments = ({ surveyModel, credentialSubject }) => {
             }
           }
         ) : isFetching ? /* @__PURE__ */ React243.createElement(Loader44, { size: "sm" }) : icon(IconCmp, 28)
-      ), /* @__PURE__ */ React243.createElement(Group92, { gap: 6, p: 8, wrap: "nowrap" }, icon(IconCmp, 14), /* @__PURE__ */ React243.createElement(Text148, { size: "xs", truncate: true, style: { flex: 1 } }, item.name)))
+      ), /* @__PURE__ */ React243.createElement(Group93, { gap: 6, p: 8, wrap: "nowrap" }, icon(IconCmp, 14), /* @__PURE__ */ React243.createElement(Text148, { size: "xs", truncate: true, style: { flex: 1 } }, item.name)))
     ));
   })), /* @__PURE__ */ React243.createElement(MediaPreviewModal, { file: active, onClose: () => setActive(null) }));
 };
@@ -25549,6 +25577,44 @@ var EvaluateClaimFlowDetail = ({
     if (!cs || typeof cs !== "object") return cs;
     return resolveFilesInCredentialSubject(cs);
   }, [claimData]);
+  const mediaBlobCacheRef = React244.useRef(/* @__PURE__ */ new Map());
+  const [surveyActiveFile, setSurveyActiveFile] = useState110(null);
+  const openFileRef = React244.useRef(() => {
+  });
+  useEffect89(() => {
+    return () => {
+      for (const blobUrl of mediaBlobCacheRef.current.values()) URL.revokeObjectURL(blobUrl);
+      mediaBlobCacheRef.current.clear();
+    };
+  }, []);
+  useEffect89(() => {
+    const fetcher = handlers.fetchClaimMedia;
+    const cache = mediaBlobCacheRef.current;
+    openFileRef.current = async (file) => {
+      if (!file?.content || typeof file.content !== "string") return;
+      const raw = file.content;
+      const name = file.name || raw.split("/").pop() || "file";
+      const type = file.type || "";
+      if (!/^https?:/i.test(raw) || !fetcher) {
+        setSurveyActiveFile({ name, type, content: raw });
+        return;
+      }
+      const cached = cache.get(raw);
+      if (cached) {
+        setSurveyActiveFile({ name, type, content: cached });
+        return;
+      }
+      setSurveyActiveFile({ name, type, content: raw });
+      try {
+        const blob = await fetcher(raw);
+        const blobUrl = URL.createObjectURL(blob);
+        cache.set(raw, blobUrl);
+        setSurveyActiveFile((curr) => curr && curr.content === raw ? { name, type, content: blobUrl } : curr);
+      } catch (err) {
+        console.error("[EvaluateClaim] fetchClaimMedia failed", raw, err);
+      }
+    };
+  }, [handlers.fetchClaimMedia]);
   const surveyModel = useMemo93(() => {
     if (!surveyJson || !claimData) return null;
     const model = new SurveyModel10(surveyJson);
@@ -25556,6 +25622,59 @@ var EvaluateClaimFlowDetail = ({
     model.showQuestionNumbers = "off";
     model.questionsOnPageMode = "singlePage";
     model.mode = "display";
+    if (handlers.fetchClaimMedia) {
+      const fetcher = handlers.fetchClaimMedia;
+      const cache = mediaBlobCacheRef.current;
+      model.onDownloadFile.add((_sender, options) => {
+        const src = options?.content;
+        if (typeof src !== "string" || !/^https?:/i.test(src)) {
+          options.callback("success", src);
+          return;
+        }
+        const cached = cache.get(src);
+        if (cached) {
+          options.callback("success", cached);
+          return;
+        }
+        fetcher(src).then((blob) => {
+          const blobUrl = URL.createObjectURL(blob);
+          cache.set(src, blobUrl);
+          options.callback("success", blobUrl);
+        }).catch((err) => {
+          console.error("[EvaluateClaim] fetchClaimMedia failed", src, err);
+          options.callback("error");
+        });
+      });
+    }
+    model.onAfterRenderQuestion.add((_sender, opts) => {
+      const q = opts?.question;
+      if (!q || q.getType?.() !== "file") return;
+      const root = opts?.htmlElement;
+      if (!root) return;
+      const clickHandler = (e) => {
+        const target = e.target;
+        if (!target) return;
+        const item = target.closest(".sd-file__preview-item, .sd-file__image-wrapper, .sd-file__sign, .sd-file__default-image");
+        if (!item) return;
+        e.preventDefault();
+        e.stopPropagation();
+        const previewItem = item.closest(".sd-file__preview-item");
+        const list = previewItem?.parentElement;
+        const index = list && previewItem ? Array.prototype.indexOf.call(list.children, previewItem) : 0;
+        const value = q.value;
+        const fileData = Array.isArray(value) ? value[Math.max(0, index)] : value;
+        if (!fileData || typeof fileData !== "object") return;
+        openFileRef.current({ name: fileData.name, type: fileData.type, content: fileData.content });
+      };
+      root.addEventListener("click", clickHandler, true);
+    });
+    if (handlers.fetchClaimMedia) {
+      for (const q of model.getAllQuestions()) {
+        if (q.getType?.() === "file") {
+          q.storeDataAsText = false;
+        }
+      }
+    }
     model.data = resolvedCredentialSubject;
     return model;
   }, [surveyJson, claimData, resolvedCredentialSubject]);
@@ -25917,7 +26036,7 @@ var EvaluateClaimFlowDetail = ({
     const selectedClaimProfile = profilesByDid[selectedClaim.agentDid];
     const selectedDisplayName = selectedClaimProfile?.displayname || selectedClaim.agentDid || selectedClaim.agentAddress;
     const selectedAvatarLabel = (selectedClaimProfile?.displayname || selectedClaim.agentDid || selectedClaim.agentAddress || "?")[0]?.toUpperCase();
-    return /* @__PURE__ */ React244.createElement(Stack173, { gap: "md" }, /* @__PURE__ */ React244.createElement(Group93, { gap: "xs", align: "center" }, /* @__PURE__ */ React244.createElement(ActionIcon34, { variant: "subtle", color: "gray", size: "sm", onClick: () => setSelectedClaimId("") }, /* @__PURE__ */ React244.createElement(IconArrowLeft8, { size: 16 })), /* @__PURE__ */ React244.createElement(Text149, { fw: 500, size: "sm", title: selectedClaim.claimId }, "Claim #", truncateId(selectedClaim.claimId))), /* @__PURE__ */ React244.createElement(Group93, { gap: 16, align: "center", style: { width: "100%" } }, /* @__PURE__ */ React244.createElement(
+    return /* @__PURE__ */ React244.createElement(Stack173, { gap: "md" }, /* @__PURE__ */ React244.createElement(Group94, { gap: "xs", align: "center" }, /* @__PURE__ */ React244.createElement(ActionIcon34, { variant: "subtle", color: "gray", size: "sm", onClick: () => setSelectedClaimId("") }, /* @__PURE__ */ React244.createElement(IconArrowLeft8, { size: 16 })), /* @__PURE__ */ React244.createElement(Text149, { fw: 500, size: "sm", title: selectedClaim.claimId }, "Claim #", truncateId(selectedClaim.claimId))), /* @__PURE__ */ React244.createElement(Group94, { gap: 16, align: "center", style: { width: "100%" } }, /* @__PURE__ */ React244.createElement(
       Box56,
       {
         style: {
@@ -25938,15 +26057,15 @@ var EvaluateClaimFlowDetail = ({
         }
       },
       selectedClaimProfile?.avatarUrl ? null : selectedAvatarLabel
-    ), /* @__PURE__ */ React244.createElement(Stack173, { gap: 0, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React244.createElement(Text149, { fw: 500, size: "md", truncate: true }, selectedDisplayName), /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed", truncate: true }, truncateAddress4(selectedClaim.agentAddress))), /* @__PURE__ */ React244.createElement(Stack173, { gap: 0, align: "flex-end", style: { flexShrink: 0 } }, /* @__PURE__ */ React244.createElement(Text149, { fw: 500, size: "md", c: claimStatus.color }, claimStatus.key === "approved" && /* @__PURE__ */ React244.createElement(IconCheck18, { size: 14, style: { verticalAlign: "middle", marginRight: 4 } }), claimStatus.label), /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, getTimeAgo3(selectedClaim.submissionDate || "")))), /* @__PURE__ */ React244.createElement(CollapsibleSection, { title: "Submission" }, surveyLoading ? /* @__PURE__ */ React244.createElement(Group93, { gap: "xs" }, /* @__PURE__ */ React244.createElement(Loader45, { size: "xs" }), /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, "Loading submission details...")) : surveyModel ? /* @__PURE__ */ React244.createElement(ScrollArea7, { h: 280 }, /* @__PURE__ */ React244.createElement(StableSurvey, { model: surveyModel })) : /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, "No submission template/data available.")), /* @__PURE__ */ React244.createElement(CollapsibleSection, { title: "Attachments" }, /* @__PURE__ */ React244.createElement(ClaimAttachments, { surveyModel, credentialSubject: resolvedCredentialSubject })), /* @__PURE__ */ React244.createElement(CollapsibleSection, { title: "AI Evaluation" }, evaluationLoading ? /* @__PURE__ */ React244.createElement(Group93, { gap: "xs" }, /* @__PURE__ */ React244.createElement(Loader45, { size: "xs" }), /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, "Running rubric evaluation...")) : evaluationResult ? /* @__PURE__ */ React244.createElement(ScrollArea7, { h: 280 }, /* @__PURE__ */ React244.createElement(RubricEvaluationResults, { evaluation: evaluationResult })) : /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, "No rubric evaluation available for this claim.")), (outcomeTemplateLoading || outcomeTemplateJson) && /* @__PURE__ */ React244.createElement(
+    ), /* @__PURE__ */ React244.createElement(Stack173, { gap: 0, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React244.createElement(Text149, { fw: 500, size: "md", truncate: true }, selectedDisplayName), /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed", truncate: true }, truncateAddress4(selectedClaim.agentAddress))), /* @__PURE__ */ React244.createElement(Stack173, { gap: 0, align: "flex-end", style: { flexShrink: 0 } }, /* @__PURE__ */ React244.createElement(Text149, { fw: 500, size: "md", c: claimStatus.color }, claimStatus.key === "approved" && /* @__PURE__ */ React244.createElement(IconCheck18, { size: 14, style: { verticalAlign: "middle", marginRight: 4 } }), claimStatus.label), /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, getTimeAgo3(selectedClaim.submissionDate || "")))), /* @__PURE__ */ React244.createElement(CollapsibleSection, { title: "Submission" }, surveyLoading ? /* @__PURE__ */ React244.createElement(Group94, { gap: "xs" }, /* @__PURE__ */ React244.createElement(Loader45, { size: "xs" }), /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, "Loading submission details...")) : surveyModel ? /* @__PURE__ */ React244.createElement(ScrollArea7, { h: 280 }, /* @__PURE__ */ React244.createElement(StableSurvey, { model: surveyModel })) : /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, "No submission template/data available.")), /* @__PURE__ */ React244.createElement(CollapsibleSection, { title: "Attachments" }, /* @__PURE__ */ React244.createElement(ClaimAttachments, { surveyModel, credentialSubject: resolvedCredentialSubject })), /* @__PURE__ */ React244.createElement(CollapsibleSection, { title: "AI Evaluation" }, evaluationLoading ? /* @__PURE__ */ React244.createElement(Group94, { gap: "xs" }, /* @__PURE__ */ React244.createElement(Loader45, { size: "xs" }), /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, "Running rubric evaluation...")) : evaluationResult ? /* @__PURE__ */ React244.createElement(ScrollArea7, { h: 280 }, /* @__PURE__ */ React244.createElement(RubricEvaluationResults, { evaluation: evaluationResult })) : /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, "No rubric evaluation available for this claim.")), (outcomeTemplateLoading || outcomeTemplateJson) && /* @__PURE__ */ React244.createElement(
       CollapsibleSection,
       {
         title: "Outcome",
         defaultOpen: true,
         badge: /* @__PURE__ */ React244.createElement(React244.Fragment, null, outcomeTemplateJson && !outcomeComplete && /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "yellow" }, "(required)"), outcomeComplete && /* @__PURE__ */ React244.createElement(IconCheck18, { size: 14, color: "var(--mantine-color-green-6)" }))
       },
-      outcomeTemplateLoading ? /* @__PURE__ */ React244.createElement(Group93, { gap: "xs" }, /* @__PURE__ */ React244.createElement(Loader45, { size: "xs" }), /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, "Loading evaluation template...")) : outcomeSurveyModel ? /* @__PURE__ */ React244.createElement(ScrollArea7, { h: 320 }, /* @__PURE__ */ React244.createElement(StableSurvey, { model: outcomeSurveyModel })) : /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, "No evaluation template available.")
-    ), /* @__PURE__ */ React244.createElement(CollapsibleSection, { title: "Evaluation", defaultOpen: true }, /* @__PURE__ */ React244.createElement(Stack173, { gap: "md" }, /* @__PURE__ */ React244.createElement(Divider22, { color: "rgba(255,255,255,0.06)" }), /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, "Payment (optional custom payouts)"), paymentRows.map((row, index) => /* @__PURE__ */ React244.createElement(Stack173, { key: row.id, gap: 8 }, /* @__PURE__ */ React244.createElement(Group93, { justify: "space-between", align: "center" }, /* @__PURE__ */ React244.createElement(Text149, { size: "sm" }, "Token ", index + 1), paymentRows.length > 1 && /* @__PURE__ */ React244.createElement(Button49, { variant: "subtle", size: "compact-xs", color: "red", onClick: () => removePaymentRow(row.id), disabled: isDisabled || submitting }, "Remove")), /* @__PURE__ */ React244.createElement(
+      outcomeTemplateLoading ? /* @__PURE__ */ React244.createElement(Group94, { gap: "xs" }, /* @__PURE__ */ React244.createElement(Loader45, { size: "xs" }), /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, "Loading evaluation template...")) : outcomeSurveyModel ? /* @__PURE__ */ React244.createElement(ScrollArea7, { h: 320 }, /* @__PURE__ */ React244.createElement(StableSurvey, { model: outcomeSurveyModel })) : /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, "No evaluation template available.")
+    ), /* @__PURE__ */ React244.createElement(CollapsibleSection, { title: "Evaluation", defaultOpen: true }, /* @__PURE__ */ React244.createElement(Stack173, { gap: "md" }, /* @__PURE__ */ React244.createElement(Divider22, { color: "rgba(255,255,255,0.06)" }), /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, "Payment (optional custom payouts)"), paymentRows.map((row, index) => /* @__PURE__ */ React244.createElement(Stack173, { key: row.id, gap: 8 }, /* @__PURE__ */ React244.createElement(Group94, { justify: "space-between", align: "center" }, /* @__PURE__ */ React244.createElement(Text149, { size: "sm" }, "Token ", index + 1), paymentRows.length > 1 && /* @__PURE__ */ React244.createElement(Button49, { variant: "subtle", size: "compact-xs", color: "red", onClick: () => removePaymentRow(row.id), disabled: isDisabled || submitting }, "Remove")), /* @__PURE__ */ React244.createElement(
       BaseSelect,
       {
         value: row.denom,
@@ -25989,7 +26108,7 @@ var EvaluateClaimFlowDetail = ({
         ],
         disabled: isDisabled || submitting || isClaimAlreadyEvaluated
       }
-    ), error && /* @__PURE__ */ React244.createElement(Alert47, { color: "red", styles: actionAlertStyles }, error));
+    ), error && /* @__PURE__ */ React244.createElement(Alert47, { color: "red", styles: actionAlertStyles }, error), /* @__PURE__ */ React244.createElement(MediaPreviewModal, { file: surveyActiveFile, onClose: () => setSurveyActiveFile(null) }));
   }
   const filterTabs = [
     { value: "all", label: "All" },
@@ -25997,7 +26116,7 @@ var EvaluateClaimFlowDetail = ({
     { value: "approved", label: "Approved" },
     { value: "rejected", label: "Rejected" }
   ];
-  return /* @__PURE__ */ React244.createElement(Stack173, { gap: "md" }, !deedDid || !collectionId ? /* @__PURE__ */ React244.createElement(Alert47, { color: "yellow", styles: actionAlertStyles }, "Configure DID and claim collection in template mode before running this action.") : /* @__PURE__ */ React244.createElement(React244.Fragment, null, /* @__PURE__ */ React244.createElement(Group93, { justify: "space-between", align: "center" }, /* @__PURE__ */ React244.createElement(Group93, { gap: 0 }, filterTabs.map((tab) => /* @__PURE__ */ React244.createElement(
+  return /* @__PURE__ */ React244.createElement(Stack173, { gap: "md" }, !deedDid || !collectionId ? /* @__PURE__ */ React244.createElement(Alert47, { color: "yellow", styles: actionAlertStyles }, "Configure DID and claim collection in template mode before running this action.") : /* @__PURE__ */ React244.createElement(React244.Fragment, null, /* @__PURE__ */ React244.createElement(Group94, { justify: "space-between", align: "center" }, /* @__PURE__ */ React244.createElement(Group94, { gap: 0 }, filterTabs.map((tab) => /* @__PURE__ */ React244.createElement(
     UnstyledButton6,
     {
       key: tab.value,
@@ -26011,12 +26130,12 @@ var EvaluateClaimFlowDetail = ({
       }
     },
     /* @__PURE__ */ React244.createElement(Text149, { size: "sm", fw: 500, c: activeFilter === tab.value ? "white" : "dimmed" }, tab.label)
-  ))), /* @__PURE__ */ React244.createElement(ActionIcon34, { variant: "subtle", color: "gray", size: "sm" }, /* @__PURE__ */ React244.createElement(IconFilter2, { size: 16 }))), loadingClaims && /* @__PURE__ */ React244.createElement(Group93, { gap: "xs", justify: "center", py: "md" }, /* @__PURE__ */ React244.createElement(Loader45, { size: "xs" }), /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, "Loading claims...")), !loadingClaims && filteredClaims.length === 0 && /* @__PURE__ */ React244.createElement(Text149, { size: "sm", c: "dimmed", ta: "center", py: "md" }, claims.length === 0 ? "No claims available for this collection." : `No ${activeFilter} claims found.`), filteredClaims.length > 0 && /* @__PURE__ */ React244.createElement(Stack173, { gap: 12 }, filteredClaims.map((claim) => {
+  ))), /* @__PURE__ */ React244.createElement(ActionIcon34, { variant: "subtle", color: "gray", size: "sm" }, /* @__PURE__ */ React244.createElement(IconFilter2, { size: 16 }))), loadingClaims && /* @__PURE__ */ React244.createElement(Group94, { gap: "xs", justify: "center", py: "md" }, /* @__PURE__ */ React244.createElement(Loader45, { size: "xs" }), /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, "Loading claims...")), !loadingClaims && filteredClaims.length === 0 && /* @__PURE__ */ React244.createElement(Text149, { size: "sm", c: "dimmed", ta: "center", py: "md" }, claims.length === 0 ? "No claims available for this collection." : `No ${activeFilter} claims found.`), filteredClaims.length > 0 && /* @__PURE__ */ React244.createElement(Stack173, { gap: 12 }, filteredClaims.map((claim) => {
     const status = getClaimStatusInfo(claim);
     const profile = profilesByDid[claim.agentDid];
     const displayName = profile?.displayname || claim.agentDid || claim.agentAddress;
     const avatarLabel = (profile?.displayname || claim.agentDid || claim.agentAddress || "?")[0]?.toUpperCase();
-    return /* @__PURE__ */ React244.createElement(ListItemContainer, { key: claim.claimId, isChecked: false, onClick: () => setSelectedClaimId(claim.claimId) }, /* @__PURE__ */ React244.createElement(Group93, { gap: 16, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React244.createElement(
+    return /* @__PURE__ */ React244.createElement(ListItemContainer, { key: claim.claimId, isChecked: false, onClick: () => setSelectedClaimId(claim.claimId) }, /* @__PURE__ */ React244.createElement(Group94, { gap: 16, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React244.createElement(
       Box56,
       {
         style: {
@@ -26038,7 +26157,7 @@ var EvaluateClaimFlowDetail = ({
       },
       profile?.avatarUrl ? null : avatarLabel
     ), /* @__PURE__ */ React244.createElement(Stack173, { gap: 0, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React244.createElement(Text149, { fw: 500, size: "md", truncate: true, style: { lineHeight: 1.5 } }, displayName), /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed", truncate: true }, truncateAddress4(claim.agentAddress)))), /* @__PURE__ */ React244.createElement(Stack173, { gap: 0, align: "flex-end", style: { flexShrink: 0, minWidth: 80 } }, /* @__PURE__ */ React244.createElement(Text149, { fw: 500, size: "md", c: status.color, style: { lineHeight: 1.5 } }, status.key === "approved" && /* @__PURE__ */ React244.createElement(IconCheck18, { size: 14, style: { verticalAlign: "middle", marginRight: 2 } }), status.label), /* @__PURE__ */ React244.createElement(Text149, { size: "xs", c: "dimmed" }, getTimeAgo3(claim.submissionDate || ""))));
-  }))), error && /* @__PURE__ */ React244.createElement(Alert47, { color: "red", styles: actionAlertStyles }, error));
+  }))), error && /* @__PURE__ */ React244.createElement(Alert47, { color: "red", styles: actionAlertStyles }, error), /* @__PURE__ */ React244.createElement(MediaPreviewModal, { file: surveyActiveFile, onClose: () => setSurveyActiveFile(null) }));
 };
 
 // src/mantine/blocks/action/actionTypes/evaluateClaim/index.ts
@@ -26195,7 +26314,7 @@ var ProposalCreateConfig = ({ inputs, onInputsChange, editor, blockId }) => {
 
 // src/mantine/blocks/action/actionTypes/proposalCreate/ProposalCreateFlowDetail.tsx
 import React246, { useCallback as useCallback88, useEffect as useEffect91, useMemo as useMemo94, useState as useState112 } from "react";
-import { Alert as Alert48, Badge as Badge41, Button as Button50, Card as Card23, Group as Group94, Loader as Loader47, Stack as Stack175, Text as Text151 } from "@mantine/core";
+import { Alert as Alert48, Badge as Badge41, Button as Button50, Card as Card23, Group as Group95, Loader as Loader47, Stack as Stack175, Text as Text151 } from "@mantine/core";
 import { IconPlus as IconPlus9, IconPlayerPlay as IconPlayerPlay5 } from "@tabler/icons-react";
 var CHAIN_STATUSES2 = ["open", "passed", "rejected", "executed", "closed", "execution_failed", "veto_timelock"];
 var isChainStatus2 = (value) => CHAIN_STATUSES2.includes(value);
@@ -26433,7 +26552,7 @@ var ProposalCreateFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
         border: `1px solid ${statusColor2[currentStatus] || "#333"}`
       }
     },
-    /* @__PURE__ */ React246.createElement(Stack175, { gap: "xs" }, /* @__PURE__ */ React246.createElement(Group94, { justify: "space-between" }, /* @__PURE__ */ React246.createElement(Text151, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, "Proposal #", proposalId), /* @__PURE__ */ React246.createElement(Badge41, { color: statusColor2[currentStatus], variant: "filled", size: "sm", radius: "sm" }, currentStatus.replace(/_/g, " ").toUpperCase())), proposalTitle && /* @__PURE__ */ React246.createElement(Text151, { size: "sm", style: { color: "#adb5bd" } }, proposalTitle))
+    /* @__PURE__ */ React246.createElement(Stack175, { gap: "xs" }, /* @__PURE__ */ React246.createElement(Group95, { justify: "space-between" }, /* @__PURE__ */ React246.createElement(Text151, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, "Proposal #", proposalId), /* @__PURE__ */ React246.createElement(Badge41, { color: statusColor2[currentStatus], variant: "filled", size: "sm", radius: "sm" }, currentStatus.replace(/_/g, " ").toUpperCase())), proposalTitle && /* @__PURE__ */ React246.createElement(Text151, { size: "sm", style: { color: "#adb5bd" } }, proposalTitle))
   ), isProposalCreated && /* @__PURE__ */ React246.createElement(Card23, { padding: "md", radius: "md", withBorder: true, style: { borderColor: "var(--mantine-color-green-6)" } }, /* @__PURE__ */ React246.createElement(Text151, { fw: 500, size: "sm", c: "green" }, "Proposal Created Successfully"), /* @__PURE__ */ React246.createElement(Text151, { size: "sm", c: "dimmed" }, "Your proposal has been created and is now open for voting.")), currentStatus === "passed" && /* @__PURE__ */ React246.createElement(
     Button50,
     {
@@ -26456,7 +26575,7 @@ var ProposalCreateFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
       loading: isCreating
     },
     "Create Proposal"
-  )), isFetching && /* @__PURE__ */ React246.createElement(Group94, { gap: "xs" }, /* @__PURE__ */ React246.createElement(Loader47, { size: "xs" }), /* @__PURE__ */ React246.createElement(Text151, { size: "xs", c: "dimmed" }, "Fetching proposal status...")), error && /* @__PURE__ */ React246.createElement(Alert48, { color: "red", styles: actionAlertStyles }, error), fetchError && /* @__PURE__ */ React246.createElement(Alert48, { color: "red", styles: actionAlertStyles }, typeof fetchError === "string" ? fetchError : "Failed to fetch proposal data"), runtime.error?.message && /* @__PURE__ */ React246.createElement(Alert48, { color: "red", styles: actionAlertStyles }, runtime.error.message));
+  )), isFetching && /* @__PURE__ */ React246.createElement(Group95, { gap: "xs" }, /* @__PURE__ */ React246.createElement(Loader47, { size: "xs" }), /* @__PURE__ */ React246.createElement(Text151, { size: "xs", c: "dimmed" }, "Fetching proposal status...")), error && /* @__PURE__ */ React246.createElement(Alert48, { color: "red", styles: actionAlertStyles }, error), fetchError && /* @__PURE__ */ React246.createElement(Alert48, { color: "red", styles: actionAlertStyles }, typeof fetchError === "string" ? fetchError : "Failed to fetch proposal data"), runtime.error?.message && /* @__PURE__ */ React246.createElement(Alert48, { color: "red", styles: actionAlertStyles }, runtime.error.message));
 };
 
 // src/mantine/blocks/action/actionTypes/proposalCreate/index.ts
@@ -26605,7 +26724,7 @@ var ProposalVoteConfig = ({ inputs, onInputsChange, editor, blockId }) => {
 
 // src/mantine/blocks/action/actionTypes/proposalVote/ProposalVoteFlowDetail.tsx
 import React248, { useCallback as useCallback90, useEffect as useEffect93, useMemo as useMemo95, useState as useState114 } from "react";
-import { Alert as Alert49, Box as Box57, Button as Button51, Card as Card24, Group as Group95, Progress as Progress4, Stack as Stack177, Text as Text153, Tooltip as Tooltip19 } from "@mantine/core";
+import { Alert as Alert49, Box as Box57, Button as Button51, Card as Card24, Group as Group96, Progress as Progress4, Stack as Stack177, Text as Text153, Tooltip as Tooltip19 } from "@mantine/core";
 var getVoteIcon2 = (voteType) => {
   switch (voteType) {
     case "yes":
@@ -26806,7 +26925,7 @@ var ProposalVoteFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, i
         color: "#f1f3f5"
       }
     },
-    /* @__PURE__ */ React248.createElement(Group95, { gap: "xs", align: "center" }, /* @__PURE__ */ React248.createElement(
+    /* @__PURE__ */ React248.createElement(Group96, { gap: "xs", align: "center" }, /* @__PURE__ */ React248.createElement(
       Box57,
       {
         style: {
@@ -26830,7 +26949,7 @@ var ProposalVoteFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, i
         opacity: !hasSubmittedProposal ? 0.6 : 1
       }
     },
-    /* @__PURE__ */ React248.createElement(Stack177, { gap: "xs" }, /* @__PURE__ */ React248.createElement(Group95, { justify: "space-between" }, /* @__PURE__ */ React248.createElement(Group95, { gap: "xs" }, /* @__PURE__ */ React248.createElement(
+    /* @__PURE__ */ React248.createElement(Stack177, { gap: "xs" }, /* @__PURE__ */ React248.createElement(Group96, { justify: "space-between" }, /* @__PURE__ */ React248.createElement(Group96, { gap: "xs" }, /* @__PURE__ */ React248.createElement(
       Box57,
       {
         w: 8,
@@ -26840,7 +26959,7 @@ var ProposalVoteFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, i
           borderRadius: "50%"
         }
       }
-    ), /* @__PURE__ */ React248.createElement(Text153, { size: "sm", style: { color: "#adb5bd" } }, "Proposal ID")), /* @__PURE__ */ React248.createElement(Text153, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? `#${proposalId}` : "TBD")), /* @__PURE__ */ React248.createElement(Group95, { justify: "space-between" }, /* @__PURE__ */ React248.createElement(Group95, { gap: "xs" }, /* @__PURE__ */ React248.createElement(Box57, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React248.createElement(Text153, { size: "sm", style: { color: "#adb5bd" } }, "My Vote")), /* @__PURE__ */ React248.createElement(Text153, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? userVote?.vote ? userVote.vote.vote : "Pending" : "N/A"))),
+    ), /* @__PURE__ */ React248.createElement(Text153, { size: "sm", style: { color: "#adb5bd" } }, "Proposal ID")), /* @__PURE__ */ React248.createElement(Text153, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? `#${proposalId}` : "TBD")), /* @__PURE__ */ React248.createElement(Group96, { justify: "space-between" }, /* @__PURE__ */ React248.createElement(Group96, { gap: "xs" }, /* @__PURE__ */ React248.createElement(Box57, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React248.createElement(Text153, { size: "sm", style: { color: "#adb5bd" } }, "My Vote")), /* @__PURE__ */ React248.createElement(Text153, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? userVote?.vote ? userVote.vote.vote : "Pending" : "N/A"))),
     /* @__PURE__ */ React248.createElement(Stack177, { gap: "xs", mt: "md" }, /* @__PURE__ */ React248.createElement(Text153, { size: "sm", style: { color: "#adb5bd" } }, hasSubmittedProposal ? "Voting is open" : "Voting pending"), /* @__PURE__ */ React248.createElement(Progress4, { value: hasSubmittedProposal ? 75 : 0, size: "md" }))
   ), hasSubmittedProposal && !hasVoted && /* @__PURE__ */ React248.createElement(Stack177, { gap: "lg" }, /* @__PURE__ */ React248.createElement(Stack177, { gap: "md" }, ["yes", "no", "no_with_veto", "abstain"].map((voteType) => /* @__PURE__ */ React248.createElement(Tooltip19, { key: voteType, label: isDisabled ? "Action is disabled" : void 0, disabled: !isDisabled, position: "top" }, /* @__PURE__ */ React248.createElement(
     Button51,
@@ -26918,7 +27037,7 @@ var ProposalVoteFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, i
         color: "#f1f3f5"
       }
     },
-    /* @__PURE__ */ React248.createElement(Stack177, { gap: "xs" }, /* @__PURE__ */ React248.createElement(Group95, { gap: "xs", align: "center" }, /* @__PURE__ */ React248.createElement(
+    /* @__PURE__ */ React248.createElement(Stack177, { gap: "xs" }, /* @__PURE__ */ React248.createElement(Group96, { gap: "xs", align: "center" }, /* @__PURE__ */ React248.createElement(
       Box57,
       {
         style: {
@@ -26985,7 +27104,7 @@ var ProtocolSelectConfig = ({ inputs, onInputsChange }) => {
 
 // src/mantine/blocks/action/actionTypes/protocolSelect/ProtocolSelectFlowDetail.tsx
 import React250, { useCallback as useCallback91, useEffect as useEffect94, useMemo as useMemo97, useState as useState116 } from "react";
-import { Box as Box59, Group as Group96, Loader as Loader49, Stack as Stack179, Text as Text155 } from "@mantine/core";
+import { Box as Box59, Group as Group97, Loader as Loader49, Stack as Stack179, Text as Text155 } from "@mantine/core";
 function parseInputs2(json) {
   try {
     const parsed = typeof json === "string" ? JSON.parse(json) : json;
@@ -27084,7 +27203,7 @@ var ProtocolSelectFlowDetail = ({ inputs, block, runtime, updateRuntime, isDisab
           transition: "all 0.15s ease"
         }
       },
-      /* @__PURE__ */ React250.createElement(Group96, { wrap: "nowrap", gap: "md", align: "center" }, protocol.loading ? /* @__PURE__ */ React250.createElement(Loader49, { size: "xs", color: "white" }) : /* @__PURE__ */ React250.createElement(EntityAvatar_default, { size: 24 }), /* @__PURE__ */ React250.createElement(Stack179, { gap: 2, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React250.createElement(Text155, { fw: 500, size: "sm", lineClamp: 1 }, protocol.loading ? "Loading..." : protocol.type), /* @__PURE__ */ React250.createElement(Text155, { size: "xs", c: "dimmed", lineClamp: 2 }, protocol.loading ? "Fetching protocol info..." : protocol.description || protocol.did)))
+      /* @__PURE__ */ React250.createElement(Group97, { wrap: "nowrap", gap: "md", align: "center" }, protocol.loading ? /* @__PURE__ */ React250.createElement(Loader49, { size: "xs", color: "white" }) : /* @__PURE__ */ React250.createElement(EntityAvatar_default, { size: 24 }), /* @__PURE__ */ React250.createElement(Stack179, { gap: 2, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React250.createElement(Text155, { fw: 500, size: "sm", lineClamp: 1 }, protocol.loading ? "Loading..." : protocol.type), /* @__PURE__ */ React250.createElement(Text155, { size: "xs", c: "dimmed", lineClamp: 2 }, protocol.loading ? "Fetching protocol info..." : protocol.description || protocol.did)))
     );
   }));
 };
@@ -27169,7 +27288,7 @@ var DomainSignConfig = ({ inputs, onInputsChange }) => {
 
 // src/mantine/blocks/action/actionTypes/domainSign/DomainSignFlowDetail.tsx
 import React252, { useCallback as useCallback93, useMemo as useMemo98, useState as useState118 } from "react";
-import { Alert as Alert50, Button as Button52, Group as Group97, Loader as Loader50, Stack as Stack181, Text as Text157 } from "@mantine/core";
+import { Alert as Alert50, Button as Button52, Group as Group98, Loader as Loader50, Stack as Stack181, Text as Text157 } from "@mantine/core";
 import { IconCheck as IconCheck19, IconAlertCircle as IconAlertCircle17, IconExternalLink as IconExternalLink2 } from "@tabler/icons-react";
 var STEP_LABELS = {
   signing: "Signing credential...",
@@ -27344,11 +27463,11 @@ var DomainSignFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isD
       handlers.redirectToEntityOverview(entityDid, resolvedEntityType);
     }
   }, [entityDid, resolvedEntityType, handlers]);
-  return /* @__PURE__ */ React252.createElement(Stack181, { gap: "md" }, /* @__PURE__ */ React252.createElement(Stack181, { gap: 2 }, /* @__PURE__ */ React252.createElement(Text157, { fw: 600 }, block?.props?.title || "Sign Domain Card"), /* @__PURE__ */ React252.createElement(Text157, { size: "sm", c: "dimmed" }, block?.props?.description || "Sign the domain card credential and create a domain entity on-chain.")), !domainCardData ? /* @__PURE__ */ React252.createElement(Alert50, { color: "yellow", styles: actionAlertStyles }, "No domain card data available. The domain card viewer block must push data to this action before it can run.") : /* @__PURE__ */ React252.createElement(React252.Fragment, null, /* @__PURE__ */ React252.createElement(Stack181, { gap: "xs", p: "md", style: { backgroundColor: "var(--mantine-color-dark-6)", borderRadius: 8 } }, /* @__PURE__ */ React252.createElement(Text157, { fw: 600, size: "sm" }, "Domain Card Summary"), /* @__PURE__ */ React252.createElement(Group97, { gap: "xs" }, /* @__PURE__ */ React252.createElement(Text157, { size: "xs", c: "dimmed", style: { width: 80 } }, "Name:"), /* @__PURE__ */ React252.createElement(Text157, { size: "xs" }, domainName || "Not set")), /* @__PURE__ */ React252.createElement(Group97, { gap: "xs" }, /* @__PURE__ */ React252.createElement(Text157, { size: "xs", c: "dimmed", style: { width: 80 } }, "Type:"), /* @__PURE__ */ React252.createElement(Text157, { size: "xs" }, resolvedEntityType)), domainDescription && /* @__PURE__ */ React252.createElement(Group97, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React252.createElement(Text157, { size: "xs", c: "dimmed", style: { width: 80 } }, "Description:"), /* @__PURE__ */ React252.createElement(Text157, { size: "xs", lineClamp: 2, style: { flex: 1 } }, domainDescription))), flowStep === "running" && /* @__PURE__ */ React252.createElement(Stack181, { gap: "xs" }, ["signing", "uploading", "creating"].map((step) => {
+  return /* @__PURE__ */ React252.createElement(Stack181, { gap: "md" }, /* @__PURE__ */ React252.createElement(Stack181, { gap: 2 }, /* @__PURE__ */ React252.createElement(Text157, { fw: 600 }, block?.props?.title || "Sign Domain Card"), /* @__PURE__ */ React252.createElement(Text157, { size: "sm", c: "dimmed" }, block?.props?.description || "Sign the domain card credential and create a domain entity on-chain.")), !domainCardData ? /* @__PURE__ */ React252.createElement(Alert50, { color: "yellow", styles: actionAlertStyles }, "No domain card data available. The domain card viewer block must push data to this action before it can run.") : /* @__PURE__ */ React252.createElement(React252.Fragment, null, /* @__PURE__ */ React252.createElement(Stack181, { gap: "xs", p: "md", style: { backgroundColor: "var(--mantine-color-dark-6)", borderRadius: 8 } }, /* @__PURE__ */ React252.createElement(Text157, { fw: 600, size: "sm" }, "Domain Card Summary"), /* @__PURE__ */ React252.createElement(Group98, { gap: "xs" }, /* @__PURE__ */ React252.createElement(Text157, { size: "xs", c: "dimmed", style: { width: 80 } }, "Name:"), /* @__PURE__ */ React252.createElement(Text157, { size: "xs" }, domainName || "Not set")), /* @__PURE__ */ React252.createElement(Group98, { gap: "xs" }, /* @__PURE__ */ React252.createElement(Text157, { size: "xs", c: "dimmed", style: { width: 80 } }, "Type:"), /* @__PURE__ */ React252.createElement(Text157, { size: "xs" }, resolvedEntityType)), domainDescription && /* @__PURE__ */ React252.createElement(Group98, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React252.createElement(Text157, { size: "xs", c: "dimmed", style: { width: 80 } }, "Description:"), /* @__PURE__ */ React252.createElement(Text157, { size: "xs", lineClamp: 2, style: { flex: 1 } }, domainDescription))), flowStep === "running" && /* @__PURE__ */ React252.createElement(Stack181, { gap: "xs" }, ["signing", "uploading", "creating"].map((step) => {
     const isActive = activeStep === step;
     const isDone = ["signing", "uploading", "creating"].indexOf(step) < ["signing", "uploading", "creating"].indexOf(activeStep);
-    return /* @__PURE__ */ React252.createElement(Group97, { key: step, gap: "xs" }, isDone ? /* @__PURE__ */ React252.createElement(IconCheck19, { size: 14, color: "var(--mantine-color-green-5)" }) : isActive ? /* @__PURE__ */ React252.createElement(Loader50, { size: 14 }) : /* @__PURE__ */ React252.createElement(Text157, { size: "xs", c: "dimmed", style: { width: 14 } }, "\u2013"), /* @__PURE__ */ React252.createElement(Text157, { size: "xs", c: isActive ? void 0 : "dimmed" }, STEP_LABELS[step]));
-  })), isCompleted && /* @__PURE__ */ React252.createElement(Alert50, { icon: /* @__PURE__ */ React252.createElement(IconCheck19, { size: 16 }), title: "Domain Created Successfully", color: "green" }, /* @__PURE__ */ React252.createElement(Stack181, { gap: "xs" }, /* @__PURE__ */ React252.createElement(Text157, { size: "sm" }, "The domain card has been signed and the entity has been created on-chain."), entityDid && /* @__PURE__ */ React252.createElement(Text157, { size: "xs", c: "dimmed", style: { wordBreak: "break-all" } }, "Entity DID: ", entityDid))), isCompleted && entityDid && handlers?.redirectToEntityOverview && /* @__PURE__ */ React252.createElement(Button52, { variant: "outline", leftSection: /* @__PURE__ */ React252.createElement(IconExternalLink2, { size: 14 }), onClick: handleVisitEntity }, "Visit Entity"), !isCompleted && /* @__PURE__ */ React252.createElement(Button52, { fullWidth: true, onClick: handleSign, disabled: isDisabled || flowStep === "running", loading: flowStep === "running" }, flowStep === "running" ? "Processing..." : "Sign & Create Domain"), flowStep === "error" && /* @__PURE__ */ React252.createElement(Group97, null, /* @__PURE__ */ React252.createElement(Button52, { variant: "outline", onClick: handleRetry }, "Try Again"))), error && /* @__PURE__ */ React252.createElement(Alert50, { icon: /* @__PURE__ */ React252.createElement(IconAlertCircle17, { size: 16 }), color: "red", styles: actionAlertStyles }, error), runtime.error?.message && flowStep !== "error" && /* @__PURE__ */ React252.createElement(Alert50, { color: "red", styles: actionAlertStyles }, runtime.error.message));
+    return /* @__PURE__ */ React252.createElement(Group98, { key: step, gap: "xs" }, isDone ? /* @__PURE__ */ React252.createElement(IconCheck19, { size: 14, color: "var(--mantine-color-green-5)" }) : isActive ? /* @__PURE__ */ React252.createElement(Loader50, { size: 14 }) : /* @__PURE__ */ React252.createElement(Text157, { size: "xs", c: "dimmed", style: { width: 14 } }, "\u2013"), /* @__PURE__ */ React252.createElement(Text157, { size: "xs", c: isActive ? void 0 : "dimmed" }, STEP_LABELS[step]));
+  })), isCompleted && /* @__PURE__ */ React252.createElement(Alert50, { icon: /* @__PURE__ */ React252.createElement(IconCheck19, { size: 16 }), title: "Domain Created Successfully", color: "green" }, /* @__PURE__ */ React252.createElement(Stack181, { gap: "xs" }, /* @__PURE__ */ React252.createElement(Text157, { size: "sm" }, "The domain card has been signed and the entity has been created on-chain."), entityDid && /* @__PURE__ */ React252.createElement(Text157, { size: "xs", c: "dimmed", style: { wordBreak: "break-all" } }, "Entity DID: ", entityDid))), isCompleted && entityDid && handlers?.redirectToEntityOverview && /* @__PURE__ */ React252.createElement(Button52, { variant: "outline", leftSection: /* @__PURE__ */ React252.createElement(IconExternalLink2, { size: 14 }), onClick: handleVisitEntity }, "Visit Entity"), !isCompleted && /* @__PURE__ */ React252.createElement(Button52, { fullWidth: true, onClick: handleSign, disabled: isDisabled || flowStep === "running", loading: flowStep === "running" }, flowStep === "running" ? "Processing..." : "Sign & Create Domain"), flowStep === "error" && /* @__PURE__ */ React252.createElement(Group98, null, /* @__PURE__ */ React252.createElement(Button52, { variant: "outline", onClick: handleRetry }, "Try Again"))), error && /* @__PURE__ */ React252.createElement(Alert50, { icon: /* @__PURE__ */ React252.createElement(IconAlertCircle17, { size: 16 }), color: "red", styles: actionAlertStyles }, error), runtime.error?.message && flowStep !== "error" && /* @__PURE__ */ React252.createElement(Alert50, { color: "red", styles: actionAlertStyles }, runtime.error.message));
 };
 
 // src/mantine/blocks/action/actionTypes/domainSign/index.ts
@@ -27421,7 +27540,7 @@ var DomainCardBuildConfig = ({ inputs, onInputsChange }) => {
 
 // src/mantine/blocks/action/actionTypes/domainCardBuild/DomainCardBuildFlowDetail.tsx
 import React254, { useCallback as useCallback95, useEffect as useEffect97, useMemo as useMemo99, useState as useState120 } from "react";
-import { Alert as Alert51, Button as Button53, Group as Group98, Loader as Loader51, Stack as Stack183, Text as Text159 } from "@mantine/core";
+import { Alert as Alert51, Button as Button53, Group as Group99, Loader as Loader51, Stack as Stack183, Text as Text159 } from "@mantine/core";
 import { IconCheck as IconCheck20, IconAlertCircle as IconAlertCircle18, IconPlayerPlay as IconPlayerPlay6, IconEdit } from "@tabler/icons-react";
 import { SurveyModel as SurveyModel11 } from "@ixo/surveys";
 var DomainCardBuildFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabled }) => {
@@ -27563,7 +27682,7 @@ var DomainCardBuildFlowDetail = ({ inputs, editor, block, runtime, updateRuntime
     setError(null);
   }, [surveyModel]);
   const cardName = runtime.output?.domainCardData?.credentialSubject?.name;
-  return /* @__PURE__ */ React254.createElement(Stack183, { gap: "md" }, /* @__PURE__ */ React254.createElement(Stack183, { gap: 2 }, /* @__PURE__ */ React254.createElement(Text159, { fw: 600 }, block?.props?.title || "Build Domain Card"), /* @__PURE__ */ React254.createElement(Text159, { size: "sm", c: "dimmed" }, block?.props?.description || "Answer the survey to build an unsigned Domain Card credential for review and signing.")), flowStep === "success" && /* @__PURE__ */ React254.createElement(Stack183, { gap: "md" }, /* @__PURE__ */ React254.createElement(Alert51, { icon: /* @__PURE__ */ React254.createElement(IconCheck20, { size: 16 }), title: "Domain Card Built", color: "green", styles: actionAlertStyles }, /* @__PURE__ */ React254.createElement(Stack183, { gap: "xs" }, /* @__PURE__ */ React254.createElement(Text159, { size: "sm" }, cardName ? `"${cardName}" is ready to preview.` : "Domain card built and ready to preview."), /* @__PURE__ */ React254.createElement(Text159, { size: "xs", c: "dimmed" }, "No credential has been signed yet. The card data will flow into the next preview and signing steps."))), /* @__PURE__ */ React254.createElement(Button53, { variant: "outline", leftSection: /* @__PURE__ */ React254.createElement(IconEdit, { size: 14 }), onClick: handleStartSurvey, disabled: isDisabled }, "Edit Card")), flowStep === "error" && /* @__PURE__ */ React254.createElement(Stack183, { gap: "md" }, /* @__PURE__ */ React254.createElement(Alert51, { icon: /* @__PURE__ */ React254.createElement(IconAlertCircle18, { size: 16 }), title: "Domain Card Build Failed", color: "red", styles: actionAlertStyles }, /* @__PURE__ */ React254.createElement(Text159, { size: "sm" }, error || "An unexpected error occurred")), /* @__PURE__ */ React254.createElement(Group98, null, /* @__PURE__ */ React254.createElement(Button53, { variant: "outline", onClick: handleRetry, disabled: isDisabled }, "Try Again"))), flowStep === "submitting" && /* @__PURE__ */ React254.createElement(Stack183, { gap: "sm", align: "center", py: "md" }, /* @__PURE__ */ React254.createElement(Loader51, { size: "md" }), /* @__PURE__ */ React254.createElement(Text159, { size: "sm", c: "dimmed" }, "Building domain card...")), flowStep === "idle" && /* @__PURE__ */ React254.createElement(Button53, { leftSection: /* @__PURE__ */ React254.createElement(IconPlayerPlay6, { size: 14 }), onClick: handleStartSurvey, disabled: isDisabled }, "Start Domain Card Survey"), flowStep === "survey" && !error && /* @__PURE__ */ React254.createElement(StableSurvey, { model: surveyModel }), runtime.error?.message && flowStep !== "error" && /* @__PURE__ */ React254.createElement(Alert51, { color: "red", styles: actionAlertStyles }, runtime.error.message));
+  return /* @__PURE__ */ React254.createElement(Stack183, { gap: "md" }, /* @__PURE__ */ React254.createElement(Stack183, { gap: 2 }, /* @__PURE__ */ React254.createElement(Text159, { fw: 600 }, block?.props?.title || "Build Domain Card"), /* @__PURE__ */ React254.createElement(Text159, { size: "sm", c: "dimmed" }, block?.props?.description || "Answer the survey to build an unsigned Domain Card credential for review and signing.")), flowStep === "success" && /* @__PURE__ */ React254.createElement(Stack183, { gap: "md" }, /* @__PURE__ */ React254.createElement(Alert51, { icon: /* @__PURE__ */ React254.createElement(IconCheck20, { size: 16 }), title: "Domain Card Built", color: "green", styles: actionAlertStyles }, /* @__PURE__ */ React254.createElement(Stack183, { gap: "xs" }, /* @__PURE__ */ React254.createElement(Text159, { size: "sm" }, cardName ? `"${cardName}" is ready to preview.` : "Domain card built and ready to preview."), /* @__PURE__ */ React254.createElement(Text159, { size: "xs", c: "dimmed" }, "No credential has been signed yet. The card data will flow into the next preview and signing steps."))), /* @__PURE__ */ React254.createElement(Button53, { variant: "outline", leftSection: /* @__PURE__ */ React254.createElement(IconEdit, { size: 14 }), onClick: handleStartSurvey, disabled: isDisabled }, "Edit Card")), flowStep === "error" && /* @__PURE__ */ React254.createElement(Stack183, { gap: "md" }, /* @__PURE__ */ React254.createElement(Alert51, { icon: /* @__PURE__ */ React254.createElement(IconAlertCircle18, { size: 16 }), title: "Domain Card Build Failed", color: "red", styles: actionAlertStyles }, /* @__PURE__ */ React254.createElement(Text159, { size: "sm" }, error || "An unexpected error occurred")), /* @__PURE__ */ React254.createElement(Group99, null, /* @__PURE__ */ React254.createElement(Button53, { variant: "outline", onClick: handleRetry, disabled: isDisabled }, "Try Again"))), flowStep === "submitting" && /* @__PURE__ */ React254.createElement(Stack183, { gap: "sm", align: "center", py: "md" }, /* @__PURE__ */ React254.createElement(Loader51, { size: "md" }), /* @__PURE__ */ React254.createElement(Text159, { size: "sm", c: "dimmed" }, "Building domain card...")), flowStep === "idle" && /* @__PURE__ */ React254.createElement(Button53, { leftSection: /* @__PURE__ */ React254.createElement(IconPlayerPlay6, { size: 14 }), onClick: handleStartSurvey, disabled: isDisabled }, "Start Domain Card Survey"), flowStep === "survey" && !error && /* @__PURE__ */ React254.createElement(StableSurvey, { model: surveyModel }), runtime.error?.message && flowStep !== "error" && /* @__PURE__ */ React254.createElement(Alert51, { color: "red", styles: actionAlertStyles }, runtime.error.message));
 };
 
 // src/mantine/blocks/action/actionTypes/domainCardBuild/index.ts
@@ -27620,7 +27739,7 @@ var DomainCardPreviewConfig = ({ inputs, onInputsChange }) => {
 
 // src/mantine/blocks/action/actionTypes/domainCardPreview/DomainCardPreviewFlowDetail.tsx
 import React256, { useCallback as useCallback97, useMemo as useMemo100 } from "react";
-import { Alert as Alert52, Badge as Badge42, Box as Box60, Button as Button54, Code as Code9, Group as Group99, Loader as Loader52, ScrollArea as ScrollArea8, Stack as Stack185, Text as Text161 } from "@mantine/core";
+import { Alert as Alert52, Badge as Badge42, Box as Box60, Button as Button54, Code as Code9, Group as Group100, Loader as Loader52, ScrollArea as ScrollArea8, Stack as Stack185, Text as Text161 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle19, IconCheck as IconCheck21, IconSparkles as IconSparkles5 } from "@tabler/icons-react";
 var JsonViewer = ({ data }) => /* @__PURE__ */ React256.createElement(ScrollArea8.Autosize, { mah: 360, offsetScrollbars: true }, /* @__PURE__ */ React256.createElement(Stack185, { gap: "md" }, data.name && /* @__PURE__ */ React256.createElement(Box60, null, /* @__PURE__ */ React256.createElement(Text161, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Name"), /* @__PURE__ */ React256.createElement(Text161, { size: "lg", fw: 600 }, data.name)), data.summary && /* @__PURE__ */ React256.createElement(Box60, null, /* @__PURE__ */ React256.createElement(Text161, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Summary"), /* @__PURE__ */ React256.createElement(Text161, { size: "sm" }, data.summary)), data.description && /* @__PURE__ */ React256.createElement(Box60, null, /* @__PURE__ */ React256.createElement(Text161, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Description"), /* @__PURE__ */ React256.createElement(Text161, { size: "sm" }, data.description)), data.entity_type && data.entity_type.length > 0 && /* @__PURE__ */ React256.createElement(Box60, null, /* @__PURE__ */ React256.createElement(Text161, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Type"), /* @__PURE__ */ React256.createElement(Text161, { size: "sm" }, data.entity_type.join(", "))), data.keywords && data.keywords.length > 0 && /* @__PURE__ */ React256.createElement(Box60, null, /* @__PURE__ */ React256.createElement(Text161, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Keywords"), /* @__PURE__ */ React256.createElement(Text161, { size: "sm" }, data.keywords.join(", "))), data.faq && data.faq.length > 0 && /* @__PURE__ */ React256.createElement(Box60, null, /* @__PURE__ */ React256.createElement(Text161, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, mb: "xs" }, "FAQ"), /* @__PURE__ */ React256.createElement(Stack185, { gap: "sm" }, data.faq.map((item, index) => /* @__PURE__ */ React256.createElement(Box60, { key: index, p: "sm", style: { borderRadius: 8, backgroundColor: "var(--mantine-color-dark-6)" } }, /* @__PURE__ */ React256.createElement(Text161, { size: "sm", fw: 500, mb: 4 }, item.question), /* @__PURE__ */ React256.createElement(Text161, { size: "xs", c: "dimmed" }, item.answer))))), /* @__PURE__ */ React256.createElement(Box60, null, /* @__PURE__ */ React256.createElement(Text161, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, mb: "xs" }, "Raw Data"), /* @__PURE__ */ React256.createElement(Code9, { block: true, style: { fontSize: 11, maxHeight: 200, overflow: "auto" } }, JSON.stringify(data, null, 2)))));
 var STATUS_BADGE = {
@@ -27674,7 +27793,7 @@ var DomainCardPreviewFlowDetail = ({ inputs, editor, block, runtime, updateRunti
       }
     });
   }, [isDisabled, domainCardData, domainPreviewData, runtime.output, updateRuntime]);
-  return /* @__PURE__ */ React256.createElement(Stack185, { gap: "md" }, /* @__PURE__ */ React256.createElement(Stack185, { gap: 2 }, /* @__PURE__ */ React256.createElement(Group99, { gap: "xs", align: "center" }, /* @__PURE__ */ React256.createElement(Text161, { fw: 600 }, block?.props?.title || "Preview Domain Card"), /* @__PURE__ */ React256.createElement(Badge42, { size: "xs", variant: "filled", color: badge.color }, badge.text)), /* @__PURE__ */ React256.createElement(Text161, { size: "sm", c: "dimmed" }, block?.props?.description || "Review the oracle-enriched domain card before signing.")), status === "loading" && /* @__PURE__ */ React256.createElement(Stack185, { align: "center", py: "lg", gap: "md" }, /* @__PURE__ */ React256.createElement(Loader52, { size: "lg", color: "blue" }), /* @__PURE__ */ React256.createElement(Stack185, { align: "center", gap: "xs" }, /* @__PURE__ */ React256.createElement(IconSparkles5, { size: 22, color: "var(--mantine-color-blue-5)" }), /* @__PURE__ */ React256.createElement(Text161, { size: "sm", c: "dimmed", ta: "center" }, loadingMessage))), status === "error" && /* @__PURE__ */ React256.createElement(Alert52, { icon: /* @__PURE__ */ React256.createElement(IconAlertCircle19, { size: 16 }), title: "Preview error", color: "red", variant: "light", styles: actionAlertStyles }, /* @__PURE__ */ React256.createElement(Stack185, { gap: "xs" }, /* @__PURE__ */ React256.createElement(Text161, { size: "sm" }, errorMessage), /* @__PURE__ */ React256.createElement(Text161, { size: "xs", c: "dimmed" }, "Ask the oracle agent to regenerate, or rebuild the card upstream."))), (status === "ready" || status === "approved") && hasPreview && domainPreviewData && /* @__PURE__ */ React256.createElement(Box60, { p: "md", style: { backgroundColor: "var(--mantine-color-dark-6)", borderRadius: 8 } }, domainCardRenderer ? domainCardRenderer(domainPreviewData) : /* @__PURE__ */ React256.createElement(JsonViewer, { data: domainPreviewData })), (status === "ready" || status === "approved") && !hasPreview && domainCardData && /* @__PURE__ */ React256.createElement(Alert52, { color: "yellow", variant: "light", styles: actionAlertStyles }, /* @__PURE__ */ React256.createElement(Text161, { size: "sm" }, "No human-facing preview was published by the oracle. You can still approve the underlying card, but consider asking the oracle agent to publish", " ", /* @__PURE__ */ React256.createElement("code", null, "domainPreviewData"), ".")), status === "pending" && /* @__PURE__ */ React256.createElement(Alert52, { color: "gray", variant: "light", styles: actionAlertStyles }, /* @__PURE__ */ React256.createElement(Text161, { size: "sm" }, "Waiting for the oracle agent to generate a preview. Run the companion skill upstream to populate this node's runtime output.")), status === "ready" && domainCardData && /* @__PURE__ */ React256.createElement(Button54, { color: "teal", leftSection: /* @__PURE__ */ React256.createElement(IconCheck21, { size: 16 }), onClick: handleApprove, disabled: isDisabled, fullWidth: true }, "Approve Domain Card"), status === "approved" && /* @__PURE__ */ React256.createElement(Alert52, { icon: /* @__PURE__ */ React256.createElement(IconCheck21, { size: 16 }), color: "green", variant: "light", styles: actionAlertStyles }, /* @__PURE__ */ React256.createElement(Text161, { size: "sm" }, "Domain card approved. Ready to sign and create the domain.")), runtime.error?.message && /* @__PURE__ */ React256.createElement(Alert52, { color: "red", styles: actionAlertStyles }, runtime.error.message));
+  return /* @__PURE__ */ React256.createElement(Stack185, { gap: "md" }, /* @__PURE__ */ React256.createElement(Stack185, { gap: 2 }, /* @__PURE__ */ React256.createElement(Group100, { gap: "xs", align: "center" }, /* @__PURE__ */ React256.createElement(Text161, { fw: 600 }, block?.props?.title || "Preview Domain Card"), /* @__PURE__ */ React256.createElement(Badge42, { size: "xs", variant: "filled", color: badge.color }, badge.text)), /* @__PURE__ */ React256.createElement(Text161, { size: "sm", c: "dimmed" }, block?.props?.description || "Review the oracle-enriched domain card before signing.")), status === "loading" && /* @__PURE__ */ React256.createElement(Stack185, { align: "center", py: "lg", gap: "md" }, /* @__PURE__ */ React256.createElement(Loader52, { size: "lg", color: "blue" }), /* @__PURE__ */ React256.createElement(Stack185, { align: "center", gap: "xs" }, /* @__PURE__ */ React256.createElement(IconSparkles5, { size: 22, color: "var(--mantine-color-blue-5)" }), /* @__PURE__ */ React256.createElement(Text161, { size: "sm", c: "dimmed", ta: "center" }, loadingMessage))), status === "error" && /* @__PURE__ */ React256.createElement(Alert52, { icon: /* @__PURE__ */ React256.createElement(IconAlertCircle19, { size: 16 }), title: "Preview error", color: "red", variant: "light", styles: actionAlertStyles }, /* @__PURE__ */ React256.createElement(Stack185, { gap: "xs" }, /* @__PURE__ */ React256.createElement(Text161, { size: "sm" }, errorMessage), /* @__PURE__ */ React256.createElement(Text161, { size: "xs", c: "dimmed" }, "Ask the oracle agent to regenerate, or rebuild the card upstream."))), (status === "ready" || status === "approved") && hasPreview && domainPreviewData && /* @__PURE__ */ React256.createElement(Box60, { p: "md", style: { backgroundColor: "var(--mantine-color-dark-6)", borderRadius: 8 } }, domainCardRenderer ? domainCardRenderer(domainPreviewData) : /* @__PURE__ */ React256.createElement(JsonViewer, { data: domainPreviewData })), (status === "ready" || status === "approved") && !hasPreview && domainCardData && /* @__PURE__ */ React256.createElement(Alert52, { color: "yellow", variant: "light", styles: actionAlertStyles }, /* @__PURE__ */ React256.createElement(Text161, { size: "sm" }, "No human-facing preview was published by the oracle. You can still approve the underlying card, but consider asking the oracle agent to publish", " ", /* @__PURE__ */ React256.createElement("code", null, "domainPreviewData"), ".")), status === "pending" && /* @__PURE__ */ React256.createElement(Alert52, { color: "gray", variant: "light", styles: actionAlertStyles }, /* @__PURE__ */ React256.createElement(Text161, { size: "sm" }, "Waiting for the oracle agent to generate a preview. Run the companion skill upstream to populate this node's runtime output.")), status === "ready" && domainCardData && /* @__PURE__ */ React256.createElement(Button54, { color: "teal", leftSection: /* @__PURE__ */ React256.createElement(IconCheck21, { size: 16 }), onClick: handleApprove, disabled: isDisabled, fullWidth: true }, "Approve Domain Card"), status === "approved" && /* @__PURE__ */ React256.createElement(Alert52, { icon: /* @__PURE__ */ React256.createElement(IconCheck21, { size: 16 }), color: "green", variant: "light", styles: actionAlertStyles }, /* @__PURE__ */ React256.createElement(Text161, { size: "sm" }, "Domain card approved. Ready to sign and create the domain.")), runtime.error?.message && /* @__PURE__ */ React256.createElement(Alert52, { color: "red", styles: actionAlertStyles }, runtime.error.message));
 };
 
 // src/mantine/blocks/action/actionTypes/domainCardPreview/index.ts
@@ -28508,7 +28627,7 @@ var PaymentConfig = ({ inputs, onInputsChange }) => {
 
 // src/mantine/blocks/action/actionTypes/payment/PaymentFlowDetail.tsx
 import React266, { useCallback as useCallback107, useMemo as useMemo105, useState as useState131 } from "react";
-import { Alert as Alert57, Button as Button57, Code as Code11, Divider as Divider26, Group as Group100, Loader as Loader56, Stack as Stack195, Text as Text168 } from "@mantine/core";
+import { Alert as Alert57, Button as Button57, Code as Code11, Divider as Divider26, Group as Group101, Loader as Loader56, Stack as Stack195, Text as Text168 } from "@mantine/core";
 import { IconAlertTriangle as IconAlertTriangle6, IconCash as IconCash2, IconSearch as IconSearch8, IconSend as IconSend7 } from "@tabler/icons-react";
 function parsePrimarySkill3(rawSkill) {
   const coerce2 = (candidate) => {
@@ -28784,7 +28903,7 @@ var PaymentFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisa
       setSubmitting(false);
     }
   }, [isDisabled, submitting, block, handlers, transactionId]);
-  return /* @__PURE__ */ React266.createElement(Stack195, { gap: "md" }, paymentConfig && !isProposed && !isTerminal && /* @__PURE__ */ React266.createElement(React266.Fragment, null, /* @__PURE__ */ React266.createElement(Text168, { size: "xs", fw: 600, c: "dimmed" }, "Payment Configuration"), /* @__PURE__ */ React266.createElement(Code11, { block: true, style: { fontSize: "11px", maxHeight: "200px", overflow: "auto" } }, JSON.stringify(paymentConfig, null, 2))), summary && /* @__PURE__ */ React266.createElement(React266.Fragment, null, /* @__PURE__ */ React266.createElement(Divider26, null), /* @__PURE__ */ React266.createElement(Text168, { size: "xs", fw: 600, c: "dimmed" }, "Payout Proposal"), /* @__PURE__ */ React266.createElement(Stack195, { gap: 4, style: { background: "var(--mantine-color-neutralColor-4)", borderRadius: 8, padding: 12 } }, Object.entries(summary).map(([key, value]) => /* @__PURE__ */ React266.createElement(Group100, { key, justify: "space-between", wrap: "nowrap" }, /* @__PURE__ */ React266.createElement(Text168, { size: "xs", c: "dimmed", style: { textTransform: "capitalize" } }, key.replace(/_/g, " ")), /* @__PURE__ */ React266.createElement(Text168, { size: "xs", fw: 500, c: "white", style: { textAlign: "right", wordBreak: "break-all" } }, typeof value === "object" ? JSON.stringify(value) : String(value)))))), paymentStatus && /* @__PURE__ */ React266.createElement(React266.Fragment, null, /* @__PURE__ */ React266.createElement(Divider26, null), /* @__PURE__ */ React266.createElement(Group100, { justify: "space-between" }, /* @__PURE__ */ React266.createElement(Text168, { size: "xs", fw: 600, c: "dimmed" }, "Status"), /* @__PURE__ */ React266.createElement(Text168, { size: "sm", fw: 600, c: getPaymentStatusColor(paymentStatus), style: { textTransform: "capitalize" } }, paymentStatus))), transactionId && /* @__PURE__ */ React266.createElement(Group100, { justify: "space-between" }, /* @__PURE__ */ React266.createElement(Text168, { size: "xs", fw: 600, c: "dimmed" }, "Transaction ID"), /* @__PURE__ */ React266.createElement(Text168, { size: "xs", c: "white", style: { fontFamily: "monospace" } }, transactionId)), !isTerminal && /* @__PURE__ */ React266.createElement(React266.Fragment, null, /* @__PURE__ */ React266.createElement(Divider26, null), isSubmitted ? /* @__PURE__ */ React266.createElement(
+  return /* @__PURE__ */ React266.createElement(Stack195, { gap: "md" }, paymentConfig && !isProposed && !isTerminal && /* @__PURE__ */ React266.createElement(React266.Fragment, null, /* @__PURE__ */ React266.createElement(Text168, { size: "xs", fw: 600, c: "dimmed" }, "Payment Configuration"), /* @__PURE__ */ React266.createElement(Code11, { block: true, style: { fontSize: "11px", maxHeight: "200px", overflow: "auto" } }, JSON.stringify(paymentConfig, null, 2))), summary && /* @__PURE__ */ React266.createElement(React266.Fragment, null, /* @__PURE__ */ React266.createElement(Divider26, null), /* @__PURE__ */ React266.createElement(Text168, { size: "xs", fw: 600, c: "dimmed" }, "Payout Proposal"), /* @__PURE__ */ React266.createElement(Stack195, { gap: 4, style: { background: "var(--mantine-color-neutralColor-4)", borderRadius: 8, padding: 12 } }, Object.entries(summary).map(([key, value]) => /* @__PURE__ */ React266.createElement(Group101, { key, justify: "space-between", wrap: "nowrap" }, /* @__PURE__ */ React266.createElement(Text168, { size: "xs", c: "dimmed", style: { textTransform: "capitalize" } }, key.replace(/_/g, " ")), /* @__PURE__ */ React266.createElement(Text168, { size: "xs", fw: 500, c: "white", style: { textAlign: "right", wordBreak: "break-all" } }, typeof value === "object" ? JSON.stringify(value) : String(value)))))), paymentStatus && /* @__PURE__ */ React266.createElement(React266.Fragment, null, /* @__PURE__ */ React266.createElement(Divider26, null), /* @__PURE__ */ React266.createElement(Group101, { justify: "space-between" }, /* @__PURE__ */ React266.createElement(Text168, { size: "xs", fw: 600, c: "dimmed" }, "Status"), /* @__PURE__ */ React266.createElement(Text168, { size: "sm", fw: 600, c: getPaymentStatusColor(paymentStatus), style: { textTransform: "capitalize" } }, paymentStatus))), transactionId && /* @__PURE__ */ React266.createElement(Group101, { justify: "space-between" }, /* @__PURE__ */ React266.createElement(Text168, { size: "xs", fw: 600, c: "dimmed" }, "Transaction ID"), /* @__PURE__ */ React266.createElement(Text168, { size: "xs", c: "white", style: { fontFamily: "monospace" } }, transactionId)), !isTerminal && /* @__PURE__ */ React266.createElement(React266.Fragment, null, /* @__PURE__ */ React266.createElement(Divider26, null), isSubmitted ? /* @__PURE__ */ React266.createElement(
     Button57,
     {
       fullWidth: true,
@@ -29042,7 +29161,7 @@ import React277 from "react";
 
 // src/mantine/blocks/location/template/TemplateView.tsx
 import React274, { useMemo as useMemo107 } from "react";
-import { Group as Group102, Stack as Stack198, Text as Text172 } from "@mantine/core";
+import { Group as Group103, Stack as Stack198, Text as Text172 } from "@mantine/core";
 import { IconMapPin } from "@tabler/icons-react";
 
 // src/mantine/blocks/location/template/TemplateConfig.tsx
@@ -29113,7 +29232,7 @@ function useUnlMap() {
 
 // src/mantine/blocks/location/components/TileSelector.tsx
 import React270, { useState as useState134, useCallback as useCallback109 } from "react";
-import { ActionIcon as ActionIcon35, Group as Group101, Tooltip as Tooltip20 } from "@mantine/core";
+import { ActionIcon as ActionIcon35, Group as Group102, Tooltip as Tooltip20 } from "@mantine/core";
 import { IconMap, IconMoon, IconSatellite, IconMountain } from "@tabler/icons-react";
 var TILE_LAYERS = {
   dark: {
@@ -29188,7 +29307,7 @@ var TileSelector = ({ mapRef }) => {
     ...OVERLAY_KEYS.map((key) => ({ type: key, label: TILE_LAYERS[key].label, icon: TILE_LAYERS[key].icon }))
   ];
   return /* @__PURE__ */ React270.createElement(
-    Group101,
+    Group102,
     {
       gap: 2,
       style: {
@@ -29472,12 +29591,12 @@ var LocationTemplateView = ({ editor, block }) => {
   const panelContent = useMemo107(() => /* @__PURE__ */ React274.createElement(TemplateConfig14, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const hasLocation = block.props.latitude && block.props.longitude;
-  return /* @__PURE__ */ React274.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React274.createElement(Stack198, { gap: "xs", justify: "center" }, /* @__PURE__ */ React274.createElement(Group102, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React274.createElement(IconMapPin, { color: "white", size: 26, stroke: 1.5 }), /* @__PURE__ */ React274.createElement(Stack198, { gap: 2 }, /* @__PURE__ */ React274.createElement(Text172, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Location"), block.props.description && /* @__PURE__ */ React274.createElement(Text172, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), hasLocation && /* @__PURE__ */ React274.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, mapId: `location-template-map-${block.id}`, zoom: 14, showMarker: true, showTilesControl: true })));
+  return /* @__PURE__ */ React274.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React274.createElement(Stack198, { gap: "xs", justify: "center" }, /* @__PURE__ */ React274.createElement(Group103, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React274.createElement(IconMapPin, { color: "white", size: 26, stroke: 1.5 }), /* @__PURE__ */ React274.createElement(Stack198, { gap: 2 }, /* @__PURE__ */ React274.createElement(Text172, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Location"), block.props.description && /* @__PURE__ */ React274.createElement(Text172, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), hasLocation && /* @__PURE__ */ React274.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, mapId: `location-template-map-${block.id}`, zoom: 14, showMarker: true, showTilesControl: true })));
 };
 
 // src/mantine/blocks/location/flow/FlowView.tsx
 import React276, { useMemo as useMemo108 } from "react";
-import { Center as Center14, Group as Group103, Stack as Stack199, Text as Text173 } from "@mantine/core";
+import { Center as Center14, Group as Group104, Stack as Stack199, Text as Text173 } from "@mantine/core";
 import { IconMapPin as IconMapPin2 } from "@tabler/icons-react";
 
 // src/mantine/blocks/location/flow/FlowConfig.tsx
@@ -29495,7 +29614,7 @@ var LocationFlowView = ({ editor, block }) => {
   const panelContent = useMemo108(() => /* @__PURE__ */ React276.createElement(FlowConfig3, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const hasLocation = block.props.latitude && block.props.longitude;
-  return /* @__PURE__ */ React276.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React276.createElement(Stack199, { gap: "xs", justify: "center" }, /* @__PURE__ */ React276.createElement(Group103, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React276.createElement(IconMapPin2, { color: "white", size: 26, stroke: 1.5 }), /* @__PURE__ */ React276.createElement(Stack199, { gap: 2 }, /* @__PURE__ */ React276.createElement(Text173, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Location"), block.props.description && /* @__PURE__ */ React276.createElement(Text173, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), hasLocation ? /* @__PURE__ */ React276.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, mapId: `location-flow-map-${block.id}`, zoom: 14, showMarker: true, showTilesControl: true }) : /* @__PURE__ */ React276.createElement(Center14, { py: "md" }, /* @__PURE__ */ React276.createElement(Text173, { size: "sm", c: "dimmed" }, "Location not configured"))));
+  return /* @__PURE__ */ React276.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React276.createElement(Stack199, { gap: "xs", justify: "center" }, /* @__PURE__ */ React276.createElement(Group104, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React276.createElement(IconMapPin2, { color: "white", size: 26, stroke: 1.5 }), /* @__PURE__ */ React276.createElement(Stack199, { gap: 2 }, /* @__PURE__ */ React276.createElement(Text173, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Location"), block.props.description && /* @__PURE__ */ React276.createElement(Text173, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), hasLocation ? /* @__PURE__ */ React276.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, mapId: `location-flow-map-${block.id}`, zoom: 14, showMarker: true, showTilesControl: true }) : /* @__PURE__ */ React276.createElement(Center14, { py: "md" }, /* @__PURE__ */ React276.createElement(Text173, { size: "sm", c: "dimmed" }, "Location not configured"))));
 };
 
 // src/mantine/blocks/location/LocationBlock.tsx
@@ -29537,7 +29656,7 @@ import React284 from "react";
 
 // src/mantine/blocks/embed/template/TemplateView.tsx
 import React281, { useMemo as useMemo109 } from "react";
-import { Box as Box63, Group as Group104, Stack as Stack201, Text as Text175 } from "@mantine/core";
+import { Box as Box63, Group as Group105, Stack as Stack201, Text as Text175 } from "@mantine/core";
 
 // src/mantine/blocks/embed/template/TemplateConfig.tsx
 import React280, { useCallback as useCallback111 } from "react";
@@ -29670,7 +29789,7 @@ var EmbedTemplateView = ({ editor, block }) => {
   const safeUrl = sanitizeEmbedUrl(block.props.url);
   const height = Number(block.props.height) || 400;
   const sandbox = block.props.allowAuth === "true" ? "allow-scripts allow-same-origin allow-forms allow-popups" : "allow-scripts allow-forms allow-popups";
-  return /* @__PURE__ */ React281.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React281.createElement(Stack201, { gap: "xs", justify: "center" }, /* @__PURE__ */ React281.createElement(Group104, { wrap: "nowrap", align: "center" }, getIcon("code", block.props.icon), /* @__PURE__ */ React281.createElement(Stack201, { gap: 2 }, /* @__PURE__ */ React281.createElement(Text175, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Embed"), /* @__PURE__ */ React281.createElement(Text175, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, block.props.description || safeUrl || "Click to configure"))), safeUrl && /* @__PURE__ */ React281.createElement(Box63, { style: { borderRadius: 8, overflow: "hidden" } }, /* @__PURE__ */ React281.createElement(
+  return /* @__PURE__ */ React281.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React281.createElement(Stack201, { gap: "xs", justify: "center" }, /* @__PURE__ */ React281.createElement(Group105, { wrap: "nowrap", align: "center" }, getIcon("code", block.props.icon), /* @__PURE__ */ React281.createElement(Stack201, { gap: 2 }, /* @__PURE__ */ React281.createElement(Text175, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Embed"), /* @__PURE__ */ React281.createElement(Text175, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, block.props.description || safeUrl || "Click to configure"))), safeUrl && /* @__PURE__ */ React281.createElement(Box63, { style: { borderRadius: 8, overflow: "hidden" } }, /* @__PURE__ */ React281.createElement(
     "iframe",
     {
       ...isImageUrl(safeUrl) ? { srcDoc: buildImageSrcdoc(safeUrl) } : { src: safeUrl },
@@ -29687,7 +29806,7 @@ var EmbedTemplateView = ({ editor, block }) => {
 
 // src/mantine/blocks/embed/flow/FlowView.tsx
 import React283, { useMemo as useMemo110 } from "react";
-import { Box as Box64, Group as Group105, Stack as Stack202, Text as Text176 } from "@mantine/core";
+import { Box as Box64, Group as Group106, Stack as Stack202, Text as Text176 } from "@mantine/core";
 
 // src/mantine/blocks/embed/flow/FlowConfig.tsx
 import React282, { useCallback as useCallback112 } from "react";
@@ -29736,7 +29855,7 @@ var EmbedFlowView = ({ editor, block }) => {
   const safeUrl = sanitizeEmbedUrl(block.props.url);
   const height = Number(block.props.height) || 400;
   const sandbox = block.props.allowAuth === "true" ? "allow-scripts allow-same-origin allow-forms allow-popups" : "allow-scripts allow-forms allow-popups";
-  return /* @__PURE__ */ React283.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React283.createElement(Stack202, { gap: "xs", justify: "center" }, /* @__PURE__ */ React283.createElement(Group105, { wrap: "nowrap", align: "center" }, getIcon("code", block.props.icon), /* @__PURE__ */ React283.createElement(Stack202, { gap: 2 }, /* @__PURE__ */ React283.createElement(Text176, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Embed"), /* @__PURE__ */ React283.createElement(Text176, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, block.props.description || safeUrl || "No URL configured"))), safeUrl && /* @__PURE__ */ React283.createElement(Box64, { style: { borderRadius: 8, overflow: "hidden" } }, /* @__PURE__ */ React283.createElement(
+  return /* @__PURE__ */ React283.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React283.createElement(Stack202, { gap: "xs", justify: "center" }, /* @__PURE__ */ React283.createElement(Group106, { wrap: "nowrap", align: "center" }, getIcon("code", block.props.icon), /* @__PURE__ */ React283.createElement(Stack202, { gap: 2 }, /* @__PURE__ */ React283.createElement(Text176, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Embed"), /* @__PURE__ */ React283.createElement(Text176, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, block.props.description || safeUrl || "No URL configured"))), safeUrl && /* @__PURE__ */ React283.createElement(Box64, { style: { borderRadius: 8, overflow: "hidden" } }, /* @__PURE__ */ React283.createElement(
     "iframe",
     {
       ...isImageUrl(safeUrl) ? { srcDoc: buildImageSrcdoc(safeUrl) } : { src: safeUrl },
@@ -31823,7 +31942,7 @@ function PanelContent({ theme }) {
 
 // src/mantine/components/CoverImage.tsx
 import React292, { useState as useState145, useRef as useRef31, useEffect as useEffect117, useMemo as useMemo119 } from "react";
-import { Box as Box70, Group as Group109 } from "@mantine/core";
+import { Box as Box70, Group as Group110 } from "@mantine/core";
 import { IconMoodSmile, IconPhoto as IconPhoto6, IconSettings as IconSettings19, IconArrowsMove, IconTrash as IconTrash10, IconRefresh as IconRefresh6 } from "@tabler/icons-react";
 
 // src/core/lib/imageTransform.ts
@@ -31958,7 +32077,7 @@ function transformIconImage(sourceUrl, size = "default", customOptions) {
 
 // src/mantine/components/Base/CoverImageButton.tsx
 import React288, { forwardRef, useState as useState142 } from "react";
-import { UnstyledButton as UnstyledButton7, Group as Group106, Text as Text178 } from "@mantine/core";
+import { UnstyledButton as UnstyledButton7, Group as Group107, Text as Text178 } from "@mantine/core";
 var CoverImageButton = forwardRef(function CoverImageButton2({ isActive = false, onClick, icon: icon2, children, style }, ref) {
   const [hovered, setHovered] = useState142(false);
   return /* @__PURE__ */ React288.createElement(
@@ -31977,7 +32096,7 @@ var CoverImageButton = forwardRef(function CoverImageButton2({ isActive = false,
         ...style
       }
     },
-    /* @__PURE__ */ React288.createElement(Group106, { gap: 4, wrap: "nowrap" }, icon2 && /* @__PURE__ */ React288.createElement(
+    /* @__PURE__ */ React288.createElement(Group107, { gap: 4, wrap: "nowrap" }, icon2 && /* @__PURE__ */ React288.createElement(
       "span",
       {
         style: {
@@ -32003,7 +32122,7 @@ var CoverImageButton = forwardRef(function CoverImageButton2({ isActive = false,
 
 // src/mantine/components/Base/BaseIconPicker.tsx
 import React289, { useState as useState143, useMemo as useMemo117, useEffect as useEffect115 } from "react";
-import { TextInput as TextInput9, Tabs as Tabs3, Box as Box67, Stack as Stack204, UnstyledButton as UnstyledButton8, Text as Text179, Center as Center15, ScrollArea as ScrollArea9, Group as Group107, Popover as Popover6 } from "@mantine/core";
+import { TextInput as TextInput9, Tabs as Tabs3, Box as Box67, Stack as Stack204, UnstyledButton as UnstyledButton8, Text as Text179, Center as Center15, ScrollArea as ScrollArea9, Group as Group108, Popover as Popover6 } from "@mantine/core";
 import * as TablerIcons2 from "@tabler/icons-react";
 import { IconSearch as IconSearch9, IconX as IconX15, IconChevronLeft, IconChevronRight as IconChevronRight10 } from "@tabler/icons-react";
 
@@ -32144,7 +32263,7 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, onRemove
           transition: "background 0.15s ease"
         }
       },
-      /* @__PURE__ */ React289.createElement(Group107, { gap: 4, wrap: "nowrap" }, /* @__PURE__ */ React289.createElement(IconX15, { size: 14 }), /* @__PURE__ */ React289.createElement(Text179, { fz: 12, style: { color: "var(--mantine-color-neutralColor-7) !important", whiteSpace: "nowrap" } }, "Remove"))
+      /* @__PURE__ */ React289.createElement(Group108, { gap: 4, wrap: "nowrap" }, /* @__PURE__ */ React289.createElement(IconX15, { size: 14 }), /* @__PURE__ */ React289.createElement(Text179, { fz: 12, style: { color: "var(--mantine-color-neutralColor-7) !important", whiteSpace: "nowrap" } }, "Remove"))
     ),
     /* @__PURE__ */ React289.createElement(Stack204, { gap: "md", p: "md" }, /* @__PURE__ */ React289.createElement(Tabs3, { value: activeTab, onChange: setActiveTab, variant: "pills" }, /* @__PURE__ */ React289.createElement(Tabs3.List, null, /* @__PURE__ */ React289.createElement(Tabs3.Tab, { value: "icons" }, "Icons"), /* @__PURE__ */ React289.createElement(Tabs3.Tab, { value: "upload" }, "Upload")), /* @__PURE__ */ React289.createElement(Tabs3.Panel, { value: "icons", pt: "md" }, /* @__PURE__ */ React289.createElement(
       TextInput9,
@@ -32164,7 +32283,7 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, onRemove
           }
         }
       }
-    ), !searchQuery && /* @__PURE__ */ React289.createElement(Box67, { mb: "md" }, /* @__PURE__ */ React289.createElement(Text179, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React289.createElement(ScrollArea9.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React289.createElement(Box67, null, /* @__PURE__ */ React289.createElement(Group107, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React289.createElement(Text179, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React289.createElement(Group107, { gap: "xs" }, /* @__PURE__ */ React289.createElement(Text179, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React289.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React289.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React289.createElement(
+    ), !searchQuery && /* @__PURE__ */ React289.createElement(Box67, { mb: "md" }, /* @__PURE__ */ React289.createElement(Text179, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React289.createElement(ScrollArea9.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React289.createElement(Box67, null, /* @__PURE__ */ React289.createElement(Group108, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React289.createElement(Text179, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React289.createElement(Group108, { gap: "xs" }, /* @__PURE__ */ React289.createElement(Text179, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React289.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React289.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React289.createElement(
       BaseButton,
       {
         size: "xs",
@@ -32231,7 +32350,7 @@ import { useDisclosure as useDisclosure7 } from "@mantine/hooks";
 
 // src/mantine/components/FlowSettingsPanel.tsx
 import React291, { useState as useState144, useEffect as useEffect116, useCallback as useCallback117 } from "react";
-import { Stack as Stack205, Group as Group108, Button as Button58, ActionIcon as ActionIcon36, Text as Text180, Box as Box69 } from "@mantine/core";
+import { Stack as Stack205, Group as Group109, Button as Button58, ActionIcon as ActionIcon36, Text as Text180, Box as Box69 } from "@mantine/core";
 import { IconPlus as IconPlus10, IconTrash as IconTrash9 } from "@tabler/icons-react";
 var SYSTEM_KEYS = /* @__PURE__ */ new Set(["@context", "_type", "schema_version", "doc_id", "title", "createdAt", "createdBy", "flowOwnerDid"]);
 var FlowSettingsPanel = ({ editor }) => {
@@ -32298,7 +32417,7 @@ var FlowSettingsPanel = ({ editor }) => {
     [editor]
   );
   const subtitle = /* @__PURE__ */ React291.createElement(Box69, { px: 40, mb: "md" }, /* @__PURE__ */ React291.createElement(Text180, { size: "sm", c: "dimmed" }, "Add key-value settings for this flow. These are available to oracles and action blocks at runtime."));
-  return /* @__PURE__ */ React291.createElement(BaseRightPanelLayout, { title: "Flow Details", onClose: closePanel, isTemplate: true, captionContent: subtitle }, /* @__PURE__ */ React291.createElement(Stack205, { gap: "lg" }, rows.map((row, index) => /* @__PURE__ */ React291.createElement(Stack205, { key: index, gap: "xs" }, /* @__PURE__ */ React291.createElement(Group108, { gap: "xs", align: "center", wrap: "nowrap" }, /* @__PURE__ */ React291.createElement(BaseTextInput, { placeholder: "Key (e.g. protocolDid)", value: row.key, onChange: (e) => handleKeyChange(index, e.currentTarget.value), style: { flex: 1 } }), /* @__PURE__ */ React291.createElement(ActionIcon36, { variant: "subtle", color: "red", onClick: () => handleDelete(index), size: "lg" }, /* @__PURE__ */ React291.createElement(IconTrash9, { size: 16 }))), /* @__PURE__ */ React291.createElement(BaseTextArea, { placeholder: "Value", value: row.value, onChange: (e) => handleValueChange(index, e.currentTarget.value), minRows: 1, maxRows: 8 }))), /* @__PURE__ */ React291.createElement(Button58, { variant: "subtle", leftSection: /* @__PURE__ */ React291.createElement(IconPlus10, { size: 16 }), onClick: handleAdd, size: "sm" }, "Add detail")));
+  return /* @__PURE__ */ React291.createElement(BaseRightPanelLayout, { title: "Flow Details", onClose: closePanel, isTemplate: true, captionContent: subtitle }, /* @__PURE__ */ React291.createElement(Stack205, { gap: "lg" }, rows.map((row, index) => /* @__PURE__ */ React291.createElement(Stack205, { key: index, gap: "xs" }, /* @__PURE__ */ React291.createElement(Group109, { gap: "xs", align: "center", wrap: "nowrap" }, /* @__PURE__ */ React291.createElement(BaseTextInput, { placeholder: "Key (e.g. protocolDid)", value: row.key, onChange: (e) => handleKeyChange(index, e.currentTarget.value), style: { flex: 1 } }), /* @__PURE__ */ React291.createElement(ActionIcon36, { variant: "subtle", color: "red", onClick: () => handleDelete(index), size: "lg" }, /* @__PURE__ */ React291.createElement(IconTrash9, { size: 16 }))), /* @__PURE__ */ React291.createElement(BaseTextArea, { placeholder: "Value", value: row.value, onChange: (e) => handleValueChange(index, e.currentTarget.value), minRows: 1, maxRows: 8 }))), /* @__PURE__ */ React291.createElement(Button58, { variant: "subtle", leftSection: /* @__PURE__ */ React291.createElement(IconPlus10, { size: 16 }), onClick: handleAdd, size: "sm" }, "Add detail")));
 };
 
 // src/mantine/components/CoverImage.tsx
@@ -32450,7 +32569,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             }
           )
         )
-      ), editable && (isHovering || opened) && /* @__PURE__ */ React292.createElement(Group109, { gap: 4, style: { position: "absolute", bottom: hasLogo ? -18 : 0, left: 0, zIndex: 10 } }, !logoSrc && /* @__PURE__ */ React292.createElement(
+      ), editable && (isHovering || opened) && /* @__PURE__ */ React292.createElement(Group110, { gap: 4, style: { position: "absolute", bottom: hasLogo ? -18 : 0, left: 0, zIndex: 10 } }, !logoSrc && /* @__PURE__ */ React292.createElement(
         BaseIconPicker,
         {
           opened,
@@ -32510,7 +32629,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
       }
     ),
     editable && isHovering && /* @__PURE__ */ React292.createElement(
-      Group109,
+      Group110,
       {
         gap: "xs",
         style: {
@@ -33556,7 +33675,7 @@ var styles = {
 
 // src/mantine/components/EntitySigningSetup.tsx
 import React298, { useState as useState149 } from "react";
-import { Modal as Modal4, Stack as Stack206, Text as Text181, TextInput as TextInput10, Button as Button59, Alert as Alert58, Group as Group110 } from "@mantine/core";
+import { Modal as Modal4, Stack as Stack206, Text as Text181, TextInput as TextInput10, Button as Button59, Alert as Alert58, Group as Group111 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle21, IconCheck as IconCheck23, IconKey as IconKey2 } from "@tabler/icons-react";
 var EntitySigningSetup = ({ opened, onClose, entityDid, entityName, onSetup }) => {
   const [pin, setPin] = useState149("");
@@ -33608,7 +33727,7 @@ var EntitySigningSetup = ({ opened, onClose, entityDid, entityName, onSetup }) =
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React298.createElement(Group110, { gap: "xs" }, /* @__PURE__ */ React298.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React298.createElement(Text181, { fw: 600 }, "Entity Signing Setup")),
+      title: /* @__PURE__ */ React298.createElement(Group111, { gap: "xs" }, /* @__PURE__ */ React298.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React298.createElement(Text181, { fw: 600 }, "Entity Signing Setup")),
       size: "md"
     },
     /* @__PURE__ */ React298.createElement(Stack206, { gap: "md" }, success ? /* @__PURE__ */ React298.createElement(Alert58, { color: "green", icon: /* @__PURE__ */ React298.createElement(IconCheck23, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React298.createElement(React298.Fragment, null, /* @__PURE__ */ React298.createElement(Text181, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React298.createElement(Text181, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React298.createElement(Alert58, { color: "blue", variant: "light" }, /* @__PURE__ */ React298.createElement(Text181, { size: "sm" }, "This is a ", /* @__PURE__ */ React298.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React298.createElement(Stack206, { gap: "xs" }, /* @__PURE__ */ React298.createElement(Text181, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React298.createElement(Text181, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React298.createElement(Text181, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React298.createElement(Text181, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React298.createElement(
@@ -33622,13 +33741,13 @@ var EntitySigningSetup = ({ opened, onClose, entityDid, entityName, onSetup }) =
         onChange: (e) => setPin(e.currentTarget.value),
         disabled: loading
       }
-    ), /* @__PURE__ */ React298.createElement(TextInput10, { label: "Confirm PIN", type: "password", placeholder: "Confirm PIN", value: confirmPin, onChange: (e) => setConfirmPin(e.currentTarget.value), disabled: loading }), error && /* @__PURE__ */ React298.createElement(Alert58, { color: "red", icon: /* @__PURE__ */ React298.createElement(IconAlertCircle21, { size: 16 }) }, error), /* @__PURE__ */ React298.createElement(Group110, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React298.createElement(Button59, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React298.createElement(Button59, { onClick: handleSetup, loading, leftSection: /* @__PURE__ */ React298.createElement(IconKey2, { size: 16 }) }, "Setup Entity Signing"))))
+    ), /* @__PURE__ */ React298.createElement(TextInput10, { label: "Confirm PIN", type: "password", placeholder: "Confirm PIN", value: confirmPin, onChange: (e) => setConfirmPin(e.currentTarget.value), disabled: loading }), error && /* @__PURE__ */ React298.createElement(Alert58, { color: "red", icon: /* @__PURE__ */ React298.createElement(IconAlertCircle21, { size: 16 }) }, error), /* @__PURE__ */ React298.createElement(Group111, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React298.createElement(Button59, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React298.createElement(Button59, { onClick: handleSetup, loading, leftSection: /* @__PURE__ */ React298.createElement(IconKey2, { size: 16 }) }, "Setup Entity Signing"))))
   );
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
 import React299, { useState as useState150, useEffect as useEffect121, useMemo as useMemo120 } from "react";
-import { Stack as Stack207, Text as Text182, Paper as Paper19, Group as Group111, Badge as Badge43, Button as Button60, ActionIcon as ActionIcon37, Loader as Loader58, Alert as Alert59, Divider as Divider28 } from "@mantine/core";
+import { Stack as Stack207, Text as Text182, Paper as Paper19, Group as Group112, Badge as Badge43, Button as Button60, ActionIcon as ActionIcon37, Loader as Loader58, Alert as Alert59, Divider as Divider28 } from "@mantine/core";
 import { IconPlus as IconPlus11, IconTrash as IconTrash11, IconShieldCheck as IconShieldCheck15, IconUser as IconUser14, IconRobot as IconRobot4, IconBuilding as IconBuilding2 } from "@tabler/icons-react";
 var FlowPermissionsPanel = ({ editor, entityDid, entityName, onGrantPermission, onRevokePermission, getUserDisplayName }) => {
   const [delegations, setDelegations] = useState150([]);
@@ -33705,12 +33824,12 @@ var FlowPermissionsPanel = ({ editor, entityDid, entityName, onGrantPermission,
     if (date < /* @__PURE__ */ new Date()) return "Expired";
     return date.toLocaleDateString();
   };
-  return /* @__PURE__ */ React299.createElement(Stack207, { gap: "md" }, /* @__PURE__ */ React299.createElement(Stack207, { gap: "xs" }, /* @__PURE__ */ React299.createElement(Text182, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React299.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React299.createElement(Group111, { gap: "xs" }, /* @__PURE__ */ React299.createElement(IconShieldCheck15, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React299.createElement(Stack207, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React299.createElement(Text182, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React299.createElement(Text182, { size: "xs", c: "dimmed" }, rootDelegation ? `Granted: ${new Date(rootDelegation.createdAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React299.createElement(Badge43, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React299.createElement(Divider28, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React299.createElement(Group111, { justify: "center", py: "xl" }, /* @__PURE__ */ React299.createElement(Loader58, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React299.createElement(Alert59, { color: "gray", variant: "light" }, /* @__PURE__ */ React299.createElement(Text182, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React299.createElement(Stack207, { gap: "xs" }, delegations.map(({ delegation, displayName, type }) => /* @__PURE__ */ React299.createElement(Paper19, { key: delegation.cid, p: "sm", withBorder: true }, /* @__PURE__ */ React299.createElement(Group111, { justify: "space-between" }, /* @__PURE__ */ React299.createElement(Group111, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React299.createElement(Stack207, { gap: 2 }, /* @__PURE__ */ React299.createElement(Text182, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React299.createElement(Text182, { size: "xs", c: "dimmed" }, formatCapabilities(delegation.capabilities)), /* @__PURE__ */ React299.createElement(Group111, { gap: "xs" }, /* @__PURE__ */ React299.createElement(Text182, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(delegation.expiration)), /* @__PURE__ */ React299.createElement(Text182, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React299.createElement(Text182, { size: "xs", c: "dimmed" }, "Granted by: ", delegation.issuerDid === entityDid ? "Entity" : delegation.issuerDid.slice(-8))))), /* @__PURE__ */ React299.createElement(ActionIcon37, { color: "red", variant: "subtle", onClick: () => handleRevoke(delegation.cid), loading: revoking === delegation.cid, disabled: !!revoking }, /* @__PURE__ */ React299.createElement(IconTrash11, { size: 16 })))))), /* @__PURE__ */ React299.createElement(Button60, { leftSection: /* @__PURE__ */ React299.createElement(IconPlus11, { size: 16 }), variant: "light", onClick: onGrantPermission }, "Grant Permission"));
+  return /* @__PURE__ */ React299.createElement(Stack207, { gap: "md" }, /* @__PURE__ */ React299.createElement(Stack207, { gap: "xs" }, /* @__PURE__ */ React299.createElement(Text182, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React299.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React299.createElement(Group112, { gap: "xs" }, /* @__PURE__ */ React299.createElement(IconShieldCheck15, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React299.createElement(Stack207, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React299.createElement(Text182, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React299.createElement(Text182, { size: "xs", c: "dimmed" }, rootDelegation ? `Granted: ${new Date(rootDelegation.createdAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React299.createElement(Badge43, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React299.createElement(Divider28, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React299.createElement(Group112, { justify: "center", py: "xl" }, /* @__PURE__ */ React299.createElement(Loader58, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React299.createElement(Alert59, { color: "gray", variant: "light" }, /* @__PURE__ */ React299.createElement(Text182, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React299.createElement(Stack207, { gap: "xs" }, delegations.map(({ delegation, displayName, type }) => /* @__PURE__ */ React299.createElement(Paper19, { key: delegation.cid, p: "sm", withBorder: true }, /* @__PURE__ */ React299.createElement(Group112, { justify: "space-between" }, /* @__PURE__ */ React299.createElement(Group112, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React299.createElement(Stack207, { gap: 2 }, /* @__PURE__ */ React299.createElement(Text182, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React299.createElement(Text182, { size: "xs", c: "dimmed" }, formatCapabilities(delegation.capabilities)), /* @__PURE__ */ React299.createElement(Group112, { gap: "xs" }, /* @__PURE__ */ React299.createElement(Text182, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(delegation.expiration)), /* @__PURE__ */ React299.createElement(Text182, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React299.createElement(Text182, { size: "xs", c: "dimmed" }, "Granted by: ", delegation.issuerDid === entityDid ? "Entity" : delegation.issuerDid.slice(-8))))), /* @__PURE__ */ React299.createElement(ActionIcon37, { color: "red", variant: "subtle", onClick: () => handleRevoke(delegation.cid), loading: revoking === delegation.cid, disabled: !!revoking }, /* @__PURE__ */ React299.createElement(IconTrash11, { size: 16 })))))), /* @__PURE__ */ React299.createElement(Button60, { leftSection: /* @__PURE__ */ React299.createElement(IconPlus11, { size: 16 }), variant: "light", onClick: onGrantPermission }, "Grant Permission"));
 };
 
 // src/mantine/components/GrantPermissionModal.tsx
 import React300, { useState as useState151, useCallback as useCallback120 } from "react";
-import { Modal as Modal5, Stack as Stack208, Text as Text183, TextInput as TextInput11, Button as Button61, Group as Group112, Radio as Radio5, Checkbox as Checkbox14, Alert as Alert60, Paper as Paper20, Loader as Loader59, Badge as Badge44, ActionIcon as ActionIcon38, Divider as Divider29, NumberInput as NumberInput4 } from "@mantine/core";
+import { Modal as Modal5, Stack as Stack208, Text as Text183, TextInput as TextInput11, Button as Button61, Group as Group113, Radio as Radio5, Checkbox as Checkbox14, Alert as Alert60, Paper as Paper20, Loader as Loader59, Badge as Badge44, ActionIcon as ActionIcon38, Divider as Divider29, NumberInput as NumberInput4 } from "@mantine/core";
 import { IconSearch as IconSearch10, IconUser as IconUser15, IconRobot as IconRobot5, IconX as IconX16, IconShieldPlus as IconShieldPlus4 } from "@tabler/icons-react";
 var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, searchUsers, getOracles, onGrant }) => {
   const singleBlockMode = !!targetBlockId || blocks.length === 1;
@@ -33822,7 +33941,7 @@ var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, s
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React300.createElement(Group112, { gap: "xs" }, /* @__PURE__ */ React300.createElement(IconShieldPlus4, { size: 20 }), /* @__PURE__ */ React300.createElement(Text183, { fw: 600 }, "Grant Permission")),
+      title: /* @__PURE__ */ React300.createElement(Group113, { gap: "xs" }, /* @__PURE__ */ React300.createElement(IconShieldPlus4, { size: 20 }), /* @__PURE__ */ React300.createElement(Text183, { fw: 600 }, "Grant Permission")),
       size: "lg"
     },
     /* @__PURE__ */ React300.createElement(Stack208, { gap: "md" }, /* @__PURE__ */ React300.createElement(Stack208, { gap: "xs" }, /* @__PURE__ */ React300.createElement(Text183, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React300.createElement(
@@ -33835,7 +33954,7 @@ var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, s
           setSearchResults([]);
         }
       },
-      /* @__PURE__ */ React300.createElement(Group112, null, /* @__PURE__ */ React300.createElement(Radio5, { value: "user", label: "User" }), /* @__PURE__ */ React300.createElement(Radio5, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React300.createElement(Radio5, { value: "manual", label: "Enter DID" }))
+      /* @__PURE__ */ React300.createElement(Group113, null, /* @__PURE__ */ React300.createElement(Radio5, { value: "user", label: "User" }), /* @__PURE__ */ React300.createElement(Radio5, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React300.createElement(Radio5, { value: "manual", label: "Enter DID" }))
     )), recipientType !== "manual" ? /* @__PURE__ */ React300.createElement(Stack208, { gap: "xs" }, /* @__PURE__ */ React300.createElement(
       TextInput11,
       {
@@ -33846,9 +33965,9 @@ var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, s
         onChange: (e) => setSearchQuery(e.currentTarget.value),
         onKeyDown: (e) => e.key === "Enter" && handleSearch()
       }
-    ), selectedRecipient ? /* @__PURE__ */ React300.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React300.createElement(Group112, { justify: "space-between" }, /* @__PURE__ */ React300.createElement(Group112, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React300.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React300.createElement(IconUser15, { size: 16 }), /* @__PURE__ */ React300.createElement(Text183, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React300.createElement(Badge44, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React300.createElement(ActionIcon38, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React300.createElement(IconX16, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React300.createElement(Paper20, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React300.createElement(Stack208, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React300.createElement(Button61, { key: result.did, variant: "subtle", size: "sm", justify: "flex-start", onClick: () => setSelectedRecipient(result) }, result.displayName)))) : null) : /* @__PURE__ */ React300.createElement(TextInput11, { label: "Recipient DID", placeholder: "did:ixo:...", value: manualDid, onChange: (e) => setManualDid(e.currentTarget.value) }), /* @__PURE__ */ React300.createElement(Divider29, null), /* @__PURE__ */ React300.createElement(Stack208, { gap: "xs" }, /* @__PURE__ */ React300.createElement(Text183, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
+    ), selectedRecipient ? /* @__PURE__ */ React300.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React300.createElement(Group113, { justify: "space-between" }, /* @__PURE__ */ React300.createElement(Group113, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React300.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React300.createElement(IconUser15, { size: 16 }), /* @__PURE__ */ React300.createElement(Text183, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React300.createElement(Badge44, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React300.createElement(ActionIcon38, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React300.createElement(IconX16, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React300.createElement(Paper20, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React300.createElement(Stack208, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React300.createElement(Button61, { key: result.did, variant: "subtle", size: "sm", justify: "flex-start", onClick: () => setSelectedRecipient(result) }, result.displayName)))) : null) : /* @__PURE__ */ React300.createElement(TextInput11, { label: "Recipient DID", placeholder: "did:ixo:...", value: manualDid, onChange: (e) => setManualDid(e.currentTarget.value) }), /* @__PURE__ */ React300.createElement(Divider29, null), /* @__PURE__ */ React300.createElement(Stack208, { gap: "xs" }, /* @__PURE__ */ React300.createElement(Text183, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
       // Single block mode: show fixed block info
-      /* @__PURE__ */ React300.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React300.createElement(Group112, { gap: "xs" }, /* @__PURE__ */ React300.createElement(Badge44, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React300.createElement(Text183, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React300.createElement(Text183, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
+      /* @__PURE__ */ React300.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React300.createElement(Group113, { gap: "xs" }, /* @__PURE__ */ React300.createElement(Badge44, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React300.createElement(Text183, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React300.createElement(Text183, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
     ) : (
       // Multi-block mode: show scope selection
       /* @__PURE__ */ React300.createElement(React300.Fragment, null, /* @__PURE__ */ React300.createElement(Radio5.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React300.createElement(Stack208, { gap: "xs" }, /* @__PURE__ */ React300.createElement(Radio5, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React300.createElement(Radio5, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React300.createElement(Paper20, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React300.createElement(Stack208, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React300.createElement(
@@ -33874,7 +33993,7 @@ var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, s
         checked: canDelegate,
         onChange: (e) => setCanDelegate(e.currentTarget.checked)
       }
-    ), /* @__PURE__ */ React300.createElement(Divider29, null), /* @__PURE__ */ React300.createElement(TextInput11, { label: "Enter your PIN to sign this delegation", type: "password", placeholder: "PIN", value: pin, onChange: (e) => setPin(e.currentTarget.value) }), error && /* @__PURE__ */ React300.createElement(Alert60, { color: "red" }, error), /* @__PURE__ */ React300.createElement(Group112, { justify: "flex-end" }, /* @__PURE__ */ React300.createElement(Button61, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React300.createElement(Button61, { onClick: handleGrant, loading }, "Grant Permission")))
+    ), /* @__PURE__ */ React300.createElement(Divider29, null), /* @__PURE__ */ React300.createElement(TextInput11, { label: "Enter your PIN to sign this delegation", type: "password", placeholder: "PIN", value: pin, onChange: (e) => setPin(e.currentTarget.value) }), error && /* @__PURE__ */ React300.createElement(Alert60, { color: "red" }, error), /* @__PURE__ */ React300.createElement(Group113, { justify: "flex-end" }, /* @__PURE__ */ React300.createElement(Button61, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React300.createElement(Button61, { onClick: handleGrant, loading }, "Grant Permission")))
   );
 };
 
@@ -33988,4 +34107,4 @@ export {
   getExtraSlashMenuItems,
   useCreateIxoEditor
 };
-//# sourceMappingURL=chunk-YWL7V44B.mjs.map
+//# sourceMappingURL=chunk-MKNM3L24.mjs.map