@ixo/editor 3.8.0 → 3.8.1

package/dist/{chunk-5POKGPCS.mjs → chunk-WIPR64OD.mjs}

@@ -26199,14 +26199,14 @@ var EvaluateClaimConfig = ({ inputs, onInputsChange, editor, blockId }) => {
 };
 
 // src/mantine/blocks/action/actionTypes/evaluateClaim/EvaluateClaimFlowDetail.tsx
-import React254, { useCallback as useCallback81, useEffect as useEffect85, useMemo as useMemo100, useState as useState105 } from "react";
-import { ActionIcon as ActionIcon36, Alert as Alert44, Box as Box54, Button as Button48, Checkbox as Checkbox12, Divider as Divider22, Group as Group96, Loader as Loader42, ScrollArea as ScrollArea8, Stack as Stack171, Text as Text147, UnstyledButton as UnstyledButton6 } from "@mantine/core";
+import React254, { useCallback as useCallback82, useEffect as useEffect86, useMemo as useMemo100, useState as useState105 } from "react";
+import { ActionIcon as ActionIcon36, Alert as Alert44, Box as Box54, Button as Button48, Checkbox as Checkbox12, Divider as Divider22, Group as Group96, Loader as Loader43, ScrollArea as ScrollArea8, Stack as Stack171, Text as Text147, UnstyledButton as UnstyledButton6 } from "@mantine/core";
 import { IconArrowLeft as IconArrowLeft7, IconCheck as IconCheck19, IconFilter as IconFilter2 } from "@tabler/icons-react";
 import { SurveyModel as SurveyModel11 } from "@ixo/surveys";
 
 // src/mantine/blocks/action/actionTypes/evaluateClaim/ClaimAttachments.tsx
-import React253, { useMemo as useMemo99, useState as useState104 } from "react";
-import { Box as Box53, Group as Group95, SimpleGrid as SimpleGrid4, Stack as Stack170, Text as Text146, Tooltip as Tooltip22, UnstyledButton as UnstyledButton5 } from "@mantine/core";
+import React253, { useCallback as useCallback81, useEffect as useEffect85, useMemo as useMemo99, useRef as useRef24, useState as useState104 } from "react";
+import { Box as Box53, Group as Group95, Loader as Loader42, SimpleGrid as SimpleGrid4, Stack as Stack170, Text as Text146, Tooltip as Tooltip22, UnstyledButton as UnstyledButton5 } from "@mantine/core";
 import { IconFile as IconFile5, IconFileText as IconFileText6, IconMusic, IconPhoto as IconPhoto4, IconVideo } from "@tabler/icons-react";
 
 // src/mantine/components/MediaPreviewModal.tsx
@@ -26369,7 +26369,49 @@ function isImage(file) {
   return t.startsWith("image/") || ["png", "jpg", "jpeg", "gif", "webp", "svg", "bmp"].includes(ext);
 }
 var ClaimAttachments = ({ surveyModel, credentialSubject }) => {
+  const { fetchClaimMedia } = useBlocknoteHandlers();
   const [active, setActive] = useState104(null);
+  const [resolved, setResolved] = useState104({});
+  const [pending, setPending] = useState104({});
+  const [openingKey, setOpeningKey] = useState104(null);
+  const cacheRef = useRef24(/* @__PURE__ */ new Map());
+  const inflightRef = useRef24(/* @__PURE__ */ new Map());
+  useEffect85(() => {
+    return () => {
+      for (const blobUrl of cacheRef.current.values()) URL.revokeObjectURL(blobUrl);
+      cacheRef.current.clear();
+      inflightRef.current.clear();
+    };
+  }, []);
+  const resolveBlob = useCallback81(
+    (url) => {
+      if (!fetchClaimMedia) return Promise.resolve(url);
+      const cached = cacheRef.current.get(url);
+      if (cached) return Promise.resolve(cached);
+      const existing = inflightRef.current.get(url);
+      if (existing) return existing;
+      setPending((p) => ({ ...p, [url]: true }));
+      const promise = (async () => {
+        const blob = await fetchClaimMedia(url);
+        const blobUrl = URL.createObjectURL(blob);
+        cacheRef.current.set(url, blobUrl);
+        setResolved((r) => ({ ...r, [url]: blobUrl }));
+        return blobUrl;
+      })().catch((err) => {
+        console.error("[ClaimAttachments] fetchClaimMedia failed", url, err);
+        return url;
+      }).finally(() => {
+        inflightRef.current.delete(url);
+        setPending((p) => {
+          const { [url]: _, ...rest } = p;
+          return rest;
+        });
+      });
+      inflightRef.current.set(url, promise);
+      return promise;
+    },
+    [fetchClaimMedia]
+  );
   const items = useMemo99(() => {
     if (!credentialSubject || typeof credentialSubject !== "object") return [];
     const questionTitles = /* @__PURE__ */ new Map();
@@ -26404,16 +26446,42 @@ var ClaimAttachments = ({ surveyModel, credentialSubject }) => {
     }
     return result;
   }, [surveyModel, credentialSubject]);
+  useEffect85(() => {
+    if (!fetchClaimMedia) return;
+    for (const item of items) {
+      if (isImage(item) && !cacheRef.current.has(item.content)) {
+        resolveBlob(item.content);
+      }
+    }
+  }, [items, fetchClaimMedia, resolveBlob]);
+  const handleOpen = useCallback81(
+    async (item) => {
+      if (!fetchClaimMedia) {
+        setActive(item);
+        return;
+      }
+      setOpeningKey(item.content);
+      try {
+        const url = await resolveBlob(item.content);
+        setActive({ ...item, content: url });
+      } finally {
+        setOpeningKey((k) => k === item.content ? null : k);
+      }
+    },
+    [fetchClaimMedia, resolveBlob]
+  );
   if (items.length === 0) {
     return /* @__PURE__ */ React253.createElement(Text146, { size: "xs", c: "dimmed" }, "No attachments in this submission.");
   }
   return /* @__PURE__ */ React253.createElement(React253.Fragment, null, /* @__PURE__ */ React253.createElement(SimpleGrid4, { cols: { base: 2, sm: 3, md: 4 }, spacing: "xs" }, items.map((item, index) => {
     const IconCmp = kindIcon(item);
     const showImage = isImage(item);
+    const displayUrl = resolved[item.content] || (!fetchClaimMedia ? item.content : "");
+    const isFetching = !!pending[item.content] || openingKey === item.content;
     return /* @__PURE__ */ React253.createElement(Tooltip22, { key: `${item.content}-${index}`, label: item.label, openDelay: 400, disabled: !item.label || item.label === item.name }, /* @__PURE__ */ React253.createElement(
       UnstyledButton5,
       {
-        onClick: () => setActive(item),
+        onClick: () => handleOpen(item),
         style: {
           borderRadius: 12,
           overflow: "hidden",
@@ -26433,17 +26501,17 @@ var ClaimAttachments = ({ surveyModel, credentialSubject }) => {
             overflow: "hidden"
           }
         },
-        showImage ? /* @__PURE__ */ React253.createElement(
+        showImage && displayUrl ? /* @__PURE__ */ React253.createElement(
           "img",
           {
-            src: item.content,
+            src: displayUrl,
             alt: item.name,
             style: { width: "100%", height: "100%", objectFit: "cover" },
             onError: (e) => {
               e.currentTarget.style.display = "none";
             }
           }
-        ) : icon(IconCmp, 28)
+        ) : isFetching ? /* @__PURE__ */ React253.createElement(Loader42, { size: "sm" }) : icon(IconCmp, 28)
       ), /* @__PURE__ */ React253.createElement(Group95, { gap: 6, p: 8, wrap: "nowrap" }, icon(IconCmp, 14), /* @__PURE__ */ React253.createElement(Text146, { size: "xs", truncate: true, style: { flex: 1 } }, item.name)))
     ));
   })), /* @__PURE__ */ React253.createElement(MediaPreviewModal, { file: active, onClose: () => setActive(null) }));
@@ -26584,7 +26652,7 @@ var EvaluateClaimFlowDetail = ({
     });
     return model;
   }, [outcomeTemplateJson]);
-  const refreshClaims = useCallback81(async () => {
+  const refreshClaims = useCallback82(async () => {
     if (!deedDid || !collectionId) return;
     setLoadingClaims(true);
     setError(null);
@@ -26605,7 +26673,7 @@ var EvaluateClaimFlowDetail = ({
       setLoadingClaims(false);
     }
   }, [handlers, deedDid, collectionId, selectedClaimId]);
-  const loadClaimDetail = useCallback81(
+  const loadClaimDetail = useCallback82(
     async (claim) => {
       setSurveyLoading(true);
       setEvaluationLoading(false);
@@ -26660,7 +26728,7 @@ var EvaluateClaimFlowDetail = ({
     },
     [handlers, collectionId, deedDid]
   );
-  useEffect85(() => {
+  useEffect86(() => {
     setSelectedClaimId("");
     setError(null);
     setPaymentRows([createPaymentRow2()]);
@@ -26671,11 +26739,11 @@ var EvaluateClaimFlowDetail = ({
     setOutcomeResponses({});
     setOutcomeComplete(false);
   }, [deedDid, collectionId]);
-  useEffect85(() => {
+  useEffect86(() => {
     if (!deedDid || !collectionId) return;
     refreshClaims();
   }, [deedDid, collectionId, refreshClaims]);
-  useEffect85(() => {
+  useEffect86(() => {
     let mounted = true;
     const dids = Array.from(new Set(claims.map((claim) => claim.agentDid).filter(Boolean)));
     const missing = dids.filter((did) => !profilesByDid[did]);
@@ -26710,7 +26778,7 @@ var EvaluateClaimFlowDetail = ({
       mounted = false;
     };
   }, [claims, handlers, profilesByDid]);
-  useEffect85(() => {
+  useEffect86(() => {
     let mounted = true;
     const checkEvaluatorAuthorization = async () => {
       if (!deedDid || !collectionId || !adminAddress || !actorDid) {
@@ -26754,7 +26822,7 @@ var EvaluateClaimFlowDetail = ({
       mounted = false;
     };
   }, [handlers, actorDid, adminAddress, deedDid, collectionId]);
-  useEffect85(() => {
+  useEffect86(() => {
     if (!selectedClaim) {
       setClaimData(null);
       setSurveyJson(null);
@@ -26772,16 +26840,16 @@ var EvaluateClaimFlowDetail = ({
     return isClaimEvaluated(selectedClaim);
   }, [selectedClaim]);
   const outcomeNotReady = Boolean(outcomeTemplateJson && !outcomeComplete);
-  const addPaymentRow = useCallback81(() => {
+  const addPaymentRow = useCallback82(() => {
     setPaymentRows((prev) => [...prev, createPaymentRow2()]);
   }, []);
-  const removePaymentRow = useCallback81((id) => {
+  const removePaymentRow = useCallback82((id) => {
     setPaymentRows((prev) => prev.length === 1 ? prev : prev.filter((row) => row.id !== id));
   }, []);
-  const updatePaymentRow = useCallback81((id, patch) => {
+  const updatePaymentRow = useCallback82((id, patch) => {
     setPaymentRows((prev) => prev.map((row) => row.id === id ? { ...row, ...patch } : row));
   }, []);
-  const buildPaymentCoins = useCallback81(() => {
+  const buildPaymentCoins = useCallback82(() => {
     return paymentRows.map((row) => {
       const denom = row.denom === CUSTOM_DENOM2 ? row.customDenom.trim() : row.denom || "";
       const amount = Number(row.amount);
@@ -26794,7 +26862,7 @@ var EvaluateClaimFlowDetail = ({
       };
     }).filter((entry) => !!entry);
   }, [paymentRows]);
-  useEffect85(() => {
+  useEffect86(() => {
     if (!registerRuntimeInputs) return;
     if (!selectedClaim) {
       registerRuntimeInputs({ claimId: "", decision: "", adminAddress: "", createUdid: true });
@@ -26811,7 +26879,7 @@ var EvaluateClaimFlowDetail = ({
       alreadyEvaluated: isClaimAlreadyEvaluated
     });
   }, [registerRuntimeInputs, selectedClaim, decision, adminAddress, createUdid, buildPaymentCoins, outcomeTemplateJson, outcomeComplete, isClaimAlreadyEvaluated]);
-  useEffect85(() => {
+  useEffect86(() => {
     if (!unlockSigning) return;
     if (!selectedClaim || !decision || !adminAddress || authChecking || !isEvaluatorAuthorized || isClaimAlreadyEvaluated || outcomeNotReady) {
       unlockSigning(false);
@@ -26819,7 +26887,7 @@ var EvaluateClaimFlowDetail = ({
     }
     unlockSigning(true);
   }, [unlockSigning, selectedClaim, decision, adminAddress, authChecking, isEvaluatorAuthorized, isClaimAlreadyEvaluated, outcomeNotReady]);
-  useEffect85(() => {
+  useEffect86(() => {
     if (!provideSigningHandler || !selectedClaim || !decision) return;
     provideSigningHandler(async () => {
       const actionDef = getAction("qi/claim.evaluate");
@@ -26948,14 +27016,14 @@ var EvaluateClaimFlowDetail = ({
         }
       },
       selectedClaimProfile?.avatarUrl ? null : selectedAvatarLabel
-    ), /* @__PURE__ */ React254.createElement(Stack171, { gap: 0, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React254.createElement(Text147, { fw: 500, size: "md", truncate: true }, selectedDisplayName), /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed", truncate: true }, truncateAddress4(selectedClaim.agentAddress))), /* @__PURE__ */ React254.createElement(Stack171, { gap: 0, align: "flex-end", style: { flexShrink: 0 } }, /* @__PURE__ */ React254.createElement(Text147, { fw: 500, size: "md", c: claimStatus.color }, claimStatus.key === "approved" && /* @__PURE__ */ React254.createElement(IconCheck19, { size: 14, style: { verticalAlign: "middle", marginRight: 4 } }), claimStatus.label), /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed" }, getTimeAgo3(selectedClaim.submissionDate || "")))), /* @__PURE__ */ React254.createElement(CollapsibleSection, { title: "Submission" }, surveyLoading ? /* @__PURE__ */ React254.createElement(Group96, { gap: "xs" }, /* @__PURE__ */ React254.createElement(Loader42, { size: "xs" }), /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed" }, "Loading submission details...")) : surveyModel ? /* @__PURE__ */ React254.createElement(ScrollArea8, { h: 280 }, /* @__PURE__ */ React254.createElement(StableSurvey, { model: surveyModel })) : /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed" }, "No submission template/data available.")), /* @__PURE__ */ React254.createElement(CollapsibleSection, { title: "Attachments" }, /* @__PURE__ */ React254.createElement(ClaimAttachments, { surveyModel, credentialSubject: resolvedCredentialSubject })), /* @__PURE__ */ React254.createElement(CollapsibleSection, { title: "AI Evaluation" }, evaluationLoading ? /* @__PURE__ */ React254.createElement(Group96, { gap: "xs" }, /* @__PURE__ */ React254.createElement(Loader42, { size: "xs" }), /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed" }, "Running rubric evaluation...")) : evaluationResult ? /* @__PURE__ */ React254.createElement(ScrollArea8, { h: 280 }, /* @__PURE__ */ React254.createElement(RubricEvaluationResults, { evaluation: evaluationResult })) : /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed" }, "No rubric evaluation available for this claim.")), (outcomeTemplateLoading || outcomeTemplateJson) && /* @__PURE__ */ React254.createElement(
+    ), /* @__PURE__ */ React254.createElement(Stack171, { gap: 0, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React254.createElement(Text147, { fw: 500, size: "md", truncate: true }, selectedDisplayName), /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed", truncate: true }, truncateAddress4(selectedClaim.agentAddress))), /* @__PURE__ */ React254.createElement(Stack171, { gap: 0, align: "flex-end", style: { flexShrink: 0 } }, /* @__PURE__ */ React254.createElement(Text147, { fw: 500, size: "md", c: claimStatus.color }, claimStatus.key === "approved" && /* @__PURE__ */ React254.createElement(IconCheck19, { size: 14, style: { verticalAlign: "middle", marginRight: 4 } }), claimStatus.label), /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed" }, getTimeAgo3(selectedClaim.submissionDate || "")))), /* @__PURE__ */ React254.createElement(CollapsibleSection, { title: "Submission" }, surveyLoading ? /* @__PURE__ */ React254.createElement(Group96, { gap: "xs" }, /* @__PURE__ */ React254.createElement(Loader43, { size: "xs" }), /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed" }, "Loading submission details...")) : surveyModel ? /* @__PURE__ */ React254.createElement(ScrollArea8, { h: 280 }, /* @__PURE__ */ React254.createElement(StableSurvey, { model: surveyModel })) : /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed" }, "No submission template/data available.")), /* @__PURE__ */ React254.createElement(CollapsibleSection, { title: "Attachments" }, /* @__PURE__ */ React254.createElement(ClaimAttachments, { surveyModel, credentialSubject: resolvedCredentialSubject })), /* @__PURE__ */ React254.createElement(CollapsibleSection, { title: "AI Evaluation" }, evaluationLoading ? /* @__PURE__ */ React254.createElement(Group96, { gap: "xs" }, /* @__PURE__ */ React254.createElement(Loader43, { size: "xs" }), /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed" }, "Running rubric evaluation...")) : evaluationResult ? /* @__PURE__ */ React254.createElement(ScrollArea8, { h: 280 }, /* @__PURE__ */ React254.createElement(RubricEvaluationResults, { evaluation: evaluationResult })) : /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed" }, "No rubric evaluation available for this claim.")), (outcomeTemplateLoading || outcomeTemplateJson) && /* @__PURE__ */ React254.createElement(
       CollapsibleSection,
       {
         title: "Outcome",
         defaultOpen: true,
         badge: /* @__PURE__ */ React254.createElement(React254.Fragment, null, outcomeTemplateJson && !outcomeComplete && /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "yellow" }, "(required)"), outcomeComplete && /* @__PURE__ */ React254.createElement(IconCheck19, { size: 14, color: "var(--mantine-color-green-6)" }))
       },
-      outcomeTemplateLoading ? /* @__PURE__ */ React254.createElement(Group96, { gap: "xs" }, /* @__PURE__ */ React254.createElement(Loader42, { size: "xs" }), /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed" }, "Loading evaluation template...")) : outcomeSurveyModel ? /* @__PURE__ */ React254.createElement(ScrollArea8, { h: 320 }, /* @__PURE__ */ React254.createElement(StableSurvey, { model: outcomeSurveyModel })) : /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed" }, "No evaluation template available.")
+      outcomeTemplateLoading ? /* @__PURE__ */ React254.createElement(Group96, { gap: "xs" }, /* @__PURE__ */ React254.createElement(Loader43, { size: "xs" }), /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed" }, "Loading evaluation template...")) : outcomeSurveyModel ? /* @__PURE__ */ React254.createElement(ScrollArea8, { h: 320 }, /* @__PURE__ */ React254.createElement(StableSurvey, { model: outcomeSurveyModel })) : /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed" }, "No evaluation template available.")
     ), /* @__PURE__ */ React254.createElement(CollapsibleSection, { title: "Evaluation", defaultOpen: true }, /* @__PURE__ */ React254.createElement(Stack171, { gap: "md" }, /* @__PURE__ */ React254.createElement(Divider22, { color: "rgba(255,255,255,0.06)" }), /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed" }, "Payment (optional custom payouts)"), paymentRows.map((row, index) => /* @__PURE__ */ React254.createElement(Stack171, { key: row.id, gap: 8 }, /* @__PURE__ */ React254.createElement(Group96, { justify: "space-between", align: "center" }, /* @__PURE__ */ React254.createElement(Text147, { size: "sm" }, "Token ", index + 1), paymentRows.length > 1 && /* @__PURE__ */ React254.createElement(Button48, { variant: "subtle", size: "compact-xs", color: "red", onClick: () => removePaymentRow(row.id), disabled: isDisabled || submitting }, "Remove")), /* @__PURE__ */ React254.createElement(
       BaseSelect,
       {
@@ -27021,7 +27089,7 @@ var EvaluateClaimFlowDetail = ({
       }
     },
     /* @__PURE__ */ React254.createElement(Text147, { size: "sm", fw: 500, c: activeFilter === tab.value ? "white" : "dimmed" }, tab.label)
-  ))), /* @__PURE__ */ React254.createElement(ActionIcon36, { variant: "subtle", color: "gray", size: "sm" }, /* @__PURE__ */ React254.createElement(IconFilter2, { size: 16 }))), loadingClaims && /* @__PURE__ */ React254.createElement(Group96, { gap: "xs", justify: "center", py: "md" }, /* @__PURE__ */ React254.createElement(Loader42, { size: "xs" }), /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed" }, "Loading claims...")), !loadingClaims && filteredClaims.length === 0 && /* @__PURE__ */ React254.createElement(Text147, { 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__ */ React254.createElement(Stack171, { gap: 12 }, filteredClaims.map((claim) => {
+  ))), /* @__PURE__ */ React254.createElement(ActionIcon36, { variant: "subtle", color: "gray", size: "sm" }, /* @__PURE__ */ React254.createElement(IconFilter2, { size: 16 }))), loadingClaims && /* @__PURE__ */ React254.createElement(Group96, { gap: "xs", justify: "center", py: "md" }, /* @__PURE__ */ React254.createElement(Loader43, { size: "xs" }), /* @__PURE__ */ React254.createElement(Text147, { size: "xs", c: "dimmed" }, "Loading claims...")), !loadingClaims && filteredClaims.length === 0 && /* @__PURE__ */ React254.createElement(Text147, { 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__ */ React254.createElement(Stack171, { gap: 12 }, filteredClaims.map((claim) => {
     const status = getClaimStatusInfo(claim);
     const profile = profilesByDid[claim.agentDid];
     const displayName = profile?.displayname || claim.agentDid || claim.agentAddress;
@@ -27059,8 +27127,8 @@ registerActionTypeUI("qi/claim.evaluate", {
 });
 
 // src/mantine/blocks/action/actionTypes/proposalCreate/ProposalCreateConfig.tsx
-import React255, { useCallback as useCallback82, useEffect as useEffect86, useState as useState106 } from "react";
-import { Divider as Divider23, Loader as Loader43, SegmentedControl as SegmentedControl6, Stack as Stack172, Text as Text148 } from "@mantine/core";
+import React255, { useCallback as useCallback83, useEffect as useEffect87, useState as useState106 } from "react";
+import { Divider as Divider23, Loader as Loader44, SegmentedControl as SegmentedControl6, Stack as Stack172, Text as Text148 } from "@mantine/core";
 
 // src/mantine/blocks/action/actionTypes/proposalCreate/types.ts
 function parseProposalCreateInputs(json) {
@@ -27093,10 +27161,10 @@ var ProposalCreateConfig = ({ inputs, onInputsChange, editor, blockId }) => {
   const [loadingGroups, setLoadingGroups] = useState106(false);
   const [inputMode, setInputMode] = useState106("select");
   const [manualAddress, setManualAddress] = useState106("");
-  useEffect86(() => {
+  useEffect87(() => {
     setLocal(parseProposalCreateInputs(inputs));
   }, [inputs]);
-  const update = useCallback82(
+  const update = useCallback83(
     (patch) => {
       const updated = { ...local, ...patch };
       setLocal(updated);
@@ -27104,7 +27172,7 @@ var ProposalCreateConfig = ({ inputs, onInputsChange, editor, blockId }) => {
     },
     [local, onInputsChange]
   );
-  useEffect86(() => {
+  useEffect87(() => {
     if (local.coreAddress) {
       const matchesGroup = groups.some((g) => g.coreAddress === local.coreAddress);
       if (matchesGroup) {
@@ -27115,7 +27183,7 @@ var ProposalCreateConfig = ({ inputs, onInputsChange, editor, blockId }) => {
       }
     }
   }, [local.coreAddress, groups]);
-  useEffect86(() => {
+  useEffect87(() => {
     const fetchGroups = async () => {
       if (!handlers?.getDAOGroups) return;
       setLoadingGroups(true);
@@ -27129,7 +27197,7 @@ var ProposalCreateConfig = ({ inputs, onInputsChange, editor, blockId }) => {
     };
     fetchGroups();
   }, [handlers]);
-  const handleActionsChange = useCallback82(
+  const handleActionsChange = useCallback83(
     (newActions) => {
       update({ governanceActions: JSON.stringify(newActions) });
     },
@@ -27164,7 +27232,7 @@ var ProposalCreateConfig = ({ inputs, onInputsChange, editor, blockId }) => {
         label: group.name
       })),
       disabled: loadingGroups,
-      rightSection: loadingGroups ? /* @__PURE__ */ React255.createElement(Loader43, { size: "xs" }) : void 0,
+      rightSection: loadingGroups ? /* @__PURE__ */ React255.createElement(Loader44, { size: "xs" }) : void 0,
       searchable: true
     }
   ) : /* @__PURE__ */ React255.createElement(
@@ -27204,8 +27272,8 @@ var ProposalCreateConfig = ({ inputs, onInputsChange, editor, blockId }) => {
 };
 
 // src/mantine/blocks/action/actionTypes/proposalCreate/ProposalCreateFlowDetail.tsx
-import React256, { useCallback as useCallback83, useEffect as useEffect87, useMemo as useMemo101, useState as useState107 } from "react";
-import { Alert as Alert45, Badge as Badge45, Button as Button49, Card as Card23, Group as Group97, Loader as Loader44, Stack as Stack173, Text as Text149 } from "@mantine/core";
+import React256, { useCallback as useCallback84, useEffect as useEffect88, useMemo as useMemo101, useState as useState107 } from "react";
+import { Alert as Alert45, Badge as Badge45, Button as Button49, Card as Card23, Group as Group97, Loader as Loader45, Stack as Stack173, Text as Text149 } 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);
@@ -27256,7 +27324,7 @@ var ProposalCreateFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
   const proposalId = runtime.output?.proposalId || "";
   const currentStatus = parseStatus2(runtime.output?.status);
   const isProposalCreated = !!proposalId;
-  useEffect87(() => {
+  useEffect88(() => {
     if (!handlers || !coreAddress || !proposalId) {
       setProposalContractAddress(null);
       return;
@@ -27288,7 +27356,7 @@ var ProposalCreateFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
     contractAddress: proposalContractAddress || "",
     autoFetch: shouldFetch
   });
-  useEffect87(() => {
+  useEffect88(() => {
     if (!proposal) return;
     const chainStatus = proposal.proposal.status;
     const parsedStatus = parseStatus2(chainStatus);
@@ -27306,7 +27374,7 @@ var ProposalCreateFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
     }
   } catch {
   }
-  const handleCreateProposal = useCallback83(async () => {
+  const handleCreateProposal = useCallback84(async () => {
     if (isDisabled || isCreating || isProposalCreated) return;
     if (!coreAddress) {
       setError("DAO core address is required");
@@ -27410,7 +27478,7 @@ var ProposalCreateFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
     ucanService,
     updateRuntime
   ]);
-  const handleExecuteProposal = useCallback83(async () => {
+  const handleExecuteProposal = useCallback84(async () => {
     if (!handlers || !proposalContractAddress || !proposalId) return;
     setIsExecuting(true);
     setError(null);
@@ -27428,7 +27496,7 @@ var ProposalCreateFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
       setIsExecuting(false);
     }
   }, [handlers, proposalContractAddress, proposalId, invalidate, refetch]);
-  useEffect87(() => {
+  useEffect88(() => {
     if (currentStatus === "executed" && runtime.state !== "completed") {
       updateRuntime({ state: "completed" });
     }
@@ -27449,7 +27517,7 @@ var ProposalCreateFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
     {
       fullWidth: true,
       color: "green",
-      leftSection: isExecuting ? /* @__PURE__ */ React256.createElement(Loader44, { size: 14 }) : /* @__PURE__ */ React256.createElement(IconPlayerPlay5, { size: 14 }),
+      leftSection: isExecuting ? /* @__PURE__ */ React256.createElement(Loader45, { size: 14 }) : /* @__PURE__ */ React256.createElement(IconPlayerPlay5, { size: 14 }),
       onClick: handleExecuteProposal,
       disabled: isExecuting,
       loading: isExecuting
@@ -27460,13 +27528,13 @@ var ProposalCreateFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
     Button49,
     {
       fullWidth: true,
-      leftSection: isCreating ? /* @__PURE__ */ React256.createElement(Loader44, { size: 14 }) : /* @__PURE__ */ React256.createElement(IconPlus9, { size: 14 }),
+      leftSection: isCreating ? /* @__PURE__ */ React256.createElement(Loader45, { size: 14 }) : /* @__PURE__ */ React256.createElement(IconPlus9, { size: 14 }),
       onClick: handleCreateProposal,
       disabled: isDisabled || isCreating || !proposalTitle || !proposalDescription,
       loading: isCreating
     },
     "Create Proposal"
-  )), isFetching && /* @__PURE__ */ React256.createElement(Group97, { gap: "xs" }, /* @__PURE__ */ React256.createElement(Loader44, { size: "xs" }), /* @__PURE__ */ React256.createElement(Text149, { size: "xs", c: "dimmed" }, "Fetching proposal status...")), error && /* @__PURE__ */ React256.createElement(Alert45, { color: "red", styles: actionAlertStyles }, error), fetchError && /* @__PURE__ */ React256.createElement(Alert45, { color: "red", styles: actionAlertStyles }, typeof fetchError === "string" ? fetchError : "Failed to fetch proposal data"), runtime.error?.message && /* @__PURE__ */ React256.createElement(Alert45, { color: "red", styles: actionAlertStyles }, runtime.error.message));
+  )), isFetching && /* @__PURE__ */ React256.createElement(Group97, { gap: "xs" }, /* @__PURE__ */ React256.createElement(Loader45, { size: "xs" }), /* @__PURE__ */ React256.createElement(Text149, { size: "xs", c: "dimmed" }, "Fetching proposal status...")), error && /* @__PURE__ */ React256.createElement(Alert45, { color: "red", styles: actionAlertStyles }, error), fetchError && /* @__PURE__ */ React256.createElement(Alert45, { color: "red", styles: actionAlertStyles }, typeof fetchError === "string" ? fetchError : "Failed to fetch proposal data"), runtime.error?.message && /* @__PURE__ */ React256.createElement(Alert45, { color: "red", styles: actionAlertStyles }, runtime.error.message));
 };
 
 // src/mantine/blocks/action/actionTypes/proposalCreate/index.ts
@@ -27476,8 +27544,8 @@ registerActionTypeUI("qi/proposal.create", {
 });
 
 // src/mantine/blocks/action/actionTypes/proposalVote/ProposalVoteConfig.tsx
-import React257, { useCallback as useCallback84, useEffect as useEffect88, useState as useState108 } from "react";
-import { Divider as Divider24, Loader as Loader45, SegmentedControl as SegmentedControl7, Stack as Stack174, Text as Text150 } from "@mantine/core";
+import React257, { useCallback as useCallback85, useEffect as useEffect89, useState as useState108 } from "react";
+import { Divider as Divider24, Loader as Loader46, SegmentedControl as SegmentedControl7, Stack as Stack174, Text as Text150 } from "@mantine/core";
 
 // src/mantine/blocks/action/actionTypes/proposalVote/types.ts
 function parseProposalVoteInputs(json) {
@@ -27508,10 +27576,10 @@ var ProposalVoteConfig = ({ inputs, onInputsChange, editor, blockId }) => {
   const [loadingGroups, setLoadingGroups] = useState108(false);
   const [inputMode, setInputMode] = useState108("select");
   const [manualAddress, setManualAddress] = useState108("");
-  useEffect88(() => {
+  useEffect89(() => {
     setLocal(parseProposalVoteInputs(inputs));
   }, [inputs]);
-  const update = useCallback84(
+  const update = useCallback85(
     (patch) => {
       const updated = { ...local, ...patch };
       setLocal(updated);
@@ -27519,7 +27587,7 @@ var ProposalVoteConfig = ({ inputs, onInputsChange, editor, blockId }) => {
     },
     [local, onInputsChange]
   );
-  useEffect88(() => {
+  useEffect89(() => {
     if (local.coreAddress) {
       const matchesGroup = groups.some((g) => g.coreAddress === local.coreAddress);
       if (matchesGroup) {
@@ -27530,7 +27598,7 @@ var ProposalVoteConfig = ({ inputs, onInputsChange, editor, blockId }) => {
       }
     }
   }, [local.coreAddress, groups]);
-  useEffect88(() => {
+  useEffect89(() => {
     const fetchGroups = async () => {
       if (!handlers?.getDAOGroups) return;
       setLoadingGroups(true);
@@ -27573,7 +27641,7 @@ var ProposalVoteConfig = ({ inputs, onInputsChange, editor, blockId }) => {
         label: group.name
       })),
       disabled: loadingGroups,
-      rightSection: loadingGroups ? /* @__PURE__ */ React257.createElement(Loader45, { size: "xs" }) : void 0,
+      rightSection: loadingGroups ? /* @__PURE__ */ React257.createElement(Loader46, { size: "xs" }) : void 0,
       searchable: true
     }
   ) : /* @__PURE__ */ React257.createElement(
@@ -27614,7 +27682,7 @@ var ProposalVoteConfig = ({ inputs, onInputsChange, editor, blockId }) => {
 };
 
 // src/mantine/blocks/action/actionTypes/proposalVote/ProposalVoteFlowDetail.tsx
-import React258, { useCallback as useCallback85, useEffect as useEffect89, useMemo as useMemo102, useState as useState109 } from "react";
+import React258, { useCallback as useCallback86, useEffect as useEffect90, useMemo as useMemo102, useState as useState109 } from "react";
 import { Alert as Alert46, Box as Box55, Button as Button50, Card as Card24, Group as Group98, Progress as Progress4, Stack as Stack175, Text as Text151, Tooltip as Tooltip23 } from "@mantine/core";
 var getVoteIcon2 = (voteType) => {
   switch (voteType) {
@@ -27664,7 +27732,7 @@ var ProposalVoteFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, i
   const [proposalContractAddress, setProposalContractAddress] = useState109(inputContractAddress || null);
   const hasSubmittedProposal = Boolean(proposalId);
   const hasVoted = Boolean(userVote?.vote);
-  useEffect89(() => {
+  useEffect90(() => {
     if (inputContractAddress) {
       setProposalContractAddress(inputContractAddress);
       return;
@@ -27688,7 +27756,7 @@ var ProposalVoteFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, i
       isCancelled = true;
     };
   }, [handlers, coreAddress, proposalId, inputContractAddress]);
-  useEffect89(() => {
+  useEffect90(() => {
     if (!handlers || !proposalContractAddress || !proposalId) return;
     let isCancelled = false;
     const loadUserVote = async () => {
@@ -27706,7 +27774,7 @@ var ProposalVoteFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, i
       isCancelled = true;
     };
   }, [handlers, proposalContractAddress, proposalId]);
-  const handleVote = useCallback85(async () => {
+  const handleVote = useCallback86(async () => {
     if (!selectedVote || !proposalId || !proposalContractAddress || isDisabled || submitting) return;
     const actionDef = getAction("qi/proposal.vote");
     if (!actionDef) {
@@ -27994,8 +28062,8 @@ var ProtocolSelectConfig = ({ inputs, onInputsChange }) => {
 };
 
 // src/mantine/blocks/action/actionTypes/protocolSelect/ProtocolSelectFlowDetail.tsx
-import React260, { useCallback as useCallback86, useEffect as useEffect90, useMemo as useMemo104, useState as useState111 } from "react";
-import { Box as Box57, Group as Group99, Loader as Loader46, Stack as Stack177, Text as Text153 } from "@mantine/core";
+import React260, { useCallback as useCallback87, useEffect as useEffect91, useMemo as useMemo104, useState as useState111 } from "react";
+import { Box as Box57, Group as Group99, Loader as Loader47, Stack as Stack177, Text as Text153 } from "@mantine/core";
 function parseInputs2(json) {
   try {
     const parsed = typeof json === "string" ? JSON.parse(json) : json;
@@ -28011,7 +28079,7 @@ var ProtocolSelectFlowDetail = ({ inputs, block, runtime, updateRuntime, isDisab
   const { protocolDids } = useMemo104(() => parseInputs2(inputs), [inputs]);
   const [protocols, setProtocols] = useState111([]);
   const selectedDid = runtime.output?.selectedProtocolDid;
-  useEffect90(() => {
+  useEffect91(() => {
     if (protocolDids.length === 0) {
       setProtocols([]);
       return;
@@ -28060,7 +28128,7 @@ var ProtocolSelectFlowDetail = ({ inputs, block, runtime, updateRuntime, isDisab
       }
     });
   }, [protocolDids, handlers]);
-  const handleSelect = useCallback86(
+  const handleSelect = useCallback87(
     (protocol) => {
       if (protocol.loading || isDisabled) return;
       updateRuntime({
@@ -28094,7 +28162,7 @@ var ProtocolSelectFlowDetail = ({ inputs, block, runtime, updateRuntime, isDisab
           transition: "all 0.15s ease"
         }
       },
-      /* @__PURE__ */ React260.createElement(Group99, { wrap: "nowrap", gap: "md", align: "center" }, protocol.loading ? /* @__PURE__ */ React260.createElement(Loader46, { size: "xs", color: "white" }) : /* @__PURE__ */ React260.createElement(EntityAvatar_default, { size: 24 }), /* @__PURE__ */ React260.createElement(Stack177, { gap: 2, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React260.createElement(Text153, { fw: 500, size: "sm", lineClamp: 1 }, protocol.loading ? "Loading..." : protocol.type), /* @__PURE__ */ React260.createElement(Text153, { size: "xs", c: "dimmed", lineClamp: 2 }, protocol.loading ? "Fetching protocol info..." : protocol.description || protocol.did)))
+      /* @__PURE__ */ React260.createElement(Group99, { wrap: "nowrap", gap: "md", align: "center" }, protocol.loading ? /* @__PURE__ */ React260.createElement(Loader47, { size: "xs", color: "white" }) : /* @__PURE__ */ React260.createElement(EntityAvatar_default, { size: 24 }), /* @__PURE__ */ React260.createElement(Stack177, { gap: 2, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React260.createElement(Text153, { fw: 500, size: "sm", lineClamp: 1 }, protocol.loading ? "Loading..." : protocol.type), /* @__PURE__ */ React260.createElement(Text153, { size: "xs", c: "dimmed", lineClamp: 2 }, protocol.loading ? "Fetching protocol info..." : protocol.description || protocol.did)))
     );
   }));
 };
@@ -28106,7 +28174,7 @@ registerActionTypeUI("qi/protocol.select", {
 });
 
 // src/mantine/blocks/action/actionTypes/domainSign/DomainSignConfig.tsx
-import React261, { useCallback as useCallback87, useEffect as useEffect91, useState as useState112 } from "react";
+import React261, { useCallback as useCallback88, useEffect as useEffect92, useState as useState112 } from "react";
 import { Divider as Divider25, Stack as Stack178, Text as Text154, Textarea as Textarea2 } from "@mantine/core";
 
 // src/mantine/blocks/action/actionTypes/domainSign/types.ts
@@ -28139,10 +28207,10 @@ var ENTITY_TYPE_OPTIONS = [
 ];
 var DomainSignConfig = ({ inputs, onInputsChange }) => {
   const [local, setLocal] = useState112(() => parseDomainSignInputs(inputs));
-  useEffect91(() => {
+  useEffect92(() => {
     setLocal(parseDomainSignInputs(inputs));
   }, [inputs]);
-  const update = useCallback87(
+  const update = useCallback88(
     (patch) => {
       const updated = { ...local, ...patch };
       setLocal(updated);
@@ -28178,8 +28246,8 @@ var DomainSignConfig = ({ inputs, onInputsChange }) => {
 };
 
 // src/mantine/blocks/action/actionTypes/domainSign/DomainSignFlowDetail.tsx
-import React262, { useCallback as useCallback88, useMemo as useMemo105, useState as useState113 } from "react";
-import { Alert as Alert47, Button as Button51, Group as Group100, Loader as Loader47, Stack as Stack179, Text as Text155 } from "@mantine/core";
+import React262, { useCallback as useCallback89, useMemo as useMemo105, useState as useState113 } from "react";
+import { Alert as Alert47, Button as Button51, Group as Group100, Loader as Loader48, Stack as Stack179, Text as Text155 } from "@mantine/core";
 import { IconCheck as IconCheck20, IconAlertCircle as IconAlertCircle17, IconExternalLink as IconExternalLink2 } from "@tabler/icons-react";
 var STEP_LABELS = {
   signing: "Signing credential...",
@@ -28232,7 +28300,7 @@ var DomainSignFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isD
   const [error, setError] = useState113(runtime.error?.message || null);
   const entityDid = runtime.output?.entityDid || "";
   const isCompleted = flowStep === "success" || runtime.state === "completed";
-  const handleSign = useCallback88(async () => {
+  const handleSign = useCallback89(async () => {
     if (isDisabled || flowStep === "running" || isCompleted) return;
     if (!domainCardData) {
       setError("No domain card data available. Ensure the domain card viewer block has pushed data to this action.");
@@ -28344,12 +28412,12 @@ var DomainSignFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isD
     ucanService,
     updateRuntime
   ]);
-  const handleRetry = useCallback88(() => {
+  const handleRetry = useCallback89(() => {
     setFlowStep("idle");
     setError(null);
     updateRuntime({ state: "idle", error: void 0 });
   }, [updateRuntime]);
-  const handleVisitEntity = useCallback88(() => {
+  const handleVisitEntity = useCallback89(() => {
     if (entityDid && handlers?.redirectToEntityOverview) {
       handlers.redirectToEntityOverview(entityDid, resolvedEntityType);
     }
@@ -28357,7 +28425,7 @@ var DomainSignFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isD
   return /* @__PURE__ */ React262.createElement(Stack179, { gap: "md" }, /* @__PURE__ */ React262.createElement(Stack179, { gap: 2 }, /* @__PURE__ */ React262.createElement(Text155, { fw: 600 }, block?.props?.title || "Sign Domain Card"), /* @__PURE__ */ React262.createElement(Text155, { size: "sm", c: "dimmed" }, block?.props?.description || "Sign the domain card credential and create a domain entity on-chain.")), !domainCardData ? /* @__PURE__ */ React262.createElement(Alert47, { 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__ */ React262.createElement(React262.Fragment, null, /* @__PURE__ */ React262.createElement(Stack179, { gap: "xs", p: "md", style: { backgroundColor: "var(--mantine-color-dark-6)", borderRadius: 8 } }, /* @__PURE__ */ React262.createElement(Text155, { fw: 600, size: "sm" }, "Domain Card Summary"), /* @__PURE__ */ React262.createElement(Group100, { gap: "xs" }, /* @__PURE__ */ React262.createElement(Text155, { size: "xs", c: "dimmed", style: { width: 80 } }, "Name:"), /* @__PURE__ */ React262.createElement(Text155, { size: "xs" }, domainName || "Not set")), /* @__PURE__ */ React262.createElement(Group100, { gap: "xs" }, /* @__PURE__ */ React262.createElement(Text155, { size: "xs", c: "dimmed", style: { width: 80 } }, "Type:"), /* @__PURE__ */ React262.createElement(Text155, { size: "xs" }, resolvedEntityType)), domainDescription && /* @__PURE__ */ React262.createElement(Group100, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React262.createElement(Text155, { size: "xs", c: "dimmed", style: { width: 80 } }, "Description:"), /* @__PURE__ */ React262.createElement(Text155, { size: "xs", lineClamp: 2, style: { flex: 1 } }, domainDescription))), flowStep === "running" && /* @__PURE__ */ React262.createElement(Stack179, { 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__ */ React262.createElement(Group100, { key: step, gap: "xs" }, isDone ? /* @__PURE__ */ React262.createElement(IconCheck20, { size: 14, color: "var(--mantine-color-green-5)" }) : isActive ? /* @__PURE__ */ React262.createElement(Loader47, { size: 14 }) : /* @__PURE__ */ React262.createElement(Text155, { size: "xs", c: "dimmed", style: { width: 14 } }, "\u2013"), /* @__PURE__ */ React262.createElement(Text155, { size: "xs", c: isActive ? void 0 : "dimmed" }, STEP_LABELS[step]));
+    return /* @__PURE__ */ React262.createElement(Group100, { key: step, gap: "xs" }, isDone ? /* @__PURE__ */ React262.createElement(IconCheck20, { size: 14, color: "var(--mantine-color-green-5)" }) : isActive ? /* @__PURE__ */ React262.createElement(Loader48, { size: 14 }) : /* @__PURE__ */ React262.createElement(Text155, { size: "xs", c: "dimmed", style: { width: 14 } }, "\u2013"), /* @__PURE__ */ React262.createElement(Text155, { size: "xs", c: isActive ? void 0 : "dimmed" }, STEP_LABELS[step]));
   })), isCompleted && /* @__PURE__ */ React262.createElement(Alert47, { icon: /* @__PURE__ */ React262.createElement(IconCheck20, { size: 16 }), title: "Domain Created Successfully", color: "green" }, /* @__PURE__ */ React262.createElement(Stack179, { gap: "xs" }, /* @__PURE__ */ React262.createElement(Text155, { size: "sm" }, "The domain card has been signed and the entity has been created on-chain."), entityDid && /* @__PURE__ */ React262.createElement(Text155, { size: "xs", c: "dimmed", style: { wordBreak: "break-all" } }, "Entity DID: ", entityDid))), isCompleted && entityDid && handlers?.redirectToEntityOverview && /* @__PURE__ */ React262.createElement(Button51, { variant: "outline", leftSection: /* @__PURE__ */ React262.createElement(IconExternalLink2, { size: 14 }), onClick: handleVisitEntity }, "Visit Entity"), !isCompleted && /* @__PURE__ */ React262.createElement(Button51, { fullWidth: true, onClick: handleSign, disabled: isDisabled || flowStep === "running", loading: flowStep === "running" }, flowStep === "running" ? "Processing..." : "Sign & Create Domain"), flowStep === "error" && /* @__PURE__ */ React262.createElement(Group100, null, /* @__PURE__ */ React262.createElement(Button51, { variant: "outline", onClick: handleRetry }, "Try Again"))), error && /* @__PURE__ */ React262.createElement(Alert47, { icon: /* @__PURE__ */ React262.createElement(IconAlertCircle17, { size: 16 }), color: "red", styles: actionAlertStyles }, error), runtime.error?.message && flowStep !== "error" && /* @__PURE__ */ React262.createElement(Alert47, { color: "red", styles: actionAlertStyles }, runtime.error.message));
 };
 
@@ -28368,7 +28436,7 @@ registerActionTypeUI("qi/domain.sign", {
 });
 
 // src/mantine/blocks/action/actionTypes/domainCreate/DomainCreateConfig.tsx
-import React263, { useCallback as useCallback89, useEffect as useEffect92, useState as useState114 } from "react";
+import React263, { useCallback as useCallback90, useEffect as useEffect93, useState as useState114 } from "react";
 import { Stack as Stack180, Text as Text156 } from "@mantine/core";
 
 // src/mantine/blocks/action/actionTypes/domainCreate/types.ts
@@ -28400,10 +28468,10 @@ var ENTITY_TYPE_OPTIONS2 = [
 ];
 var DomainCreateConfig = ({ inputs, onInputsChange }) => {
   const [local, setLocal] = useState114(() => parseDomainCreateInputs(inputs));
-  useEffect92(() => {
+  useEffect93(() => {
     setLocal(parseDomainCreateInputs(inputs));
   }, [inputs]);
-  const update = useCallback89(
+  const update = useCallback90(
     (patch) => {
       const updated = { ...local, ...patch };
       setLocal(updated);
@@ -28411,7 +28479,7 @@ var DomainCreateConfig = ({ inputs, onInputsChange }) => {
     },
     [local, onInputsChange]
   );
-  useEffect92(() => {
+  useEffect93(() => {
     if (!local.surveySchema) {
       update({ surveySchema: tempDomainCreatorSurvey });
     }
@@ -28430,8 +28498,8 @@ var DomainCreateConfig = ({ inputs, onInputsChange }) => {
 };
 
 // src/mantine/blocks/action/actionTypes/domainCreate/DomainCreateFlowDetail.tsx
-import React264, { useCallback as useCallback90, useEffect as useEffect93, useMemo as useMemo106, useState as useState115 } from "react";
-import { Alert as Alert48, Button as Button52, Group as Group101, Loader as Loader48, Stack as Stack181, Text as Text157 } from "@mantine/core";
+import React264, { useCallback as useCallback91, useEffect as useEffect94, useMemo as useMemo106, useState as useState115 } from "react";
+import { Alert as Alert48, Button as Button52, Group as Group101, Loader as Loader49, Stack as Stack181, Text as Text157 } from "@mantine/core";
 import { IconCheck as IconCheck21, IconAlertCircle as IconAlertCircle18, IconPlayerPlay as IconPlayerPlay6 } from "@tabler/icons-react";
 import { SurveyModel as SurveyModel12 } from "@ixo/surveys";
 var DomainCreateFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabled }) => {
@@ -28470,7 +28538,7 @@ var DomainCreateFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, i
     model.questionsOnPageMode = "singlePage";
     return model;
   }, [surveySchema]);
-  const handleSurveyComplete = useCallback90(
+  const handleSurveyComplete = useCallback91(
     async (sender) => {
       const actionDef = getAction("qi/domain.create");
       if (!actionDef) {
@@ -28541,23 +28609,23 @@ var DomainCreateFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, i
     },
     [actorDid, block.id, editor, entityType, flowId, flowNode, flowOwnerDid, flowUri, handlers, invocationStore, runtimeManager, services, ucanService, updateRuntime]
   );
-  useEffect93(() => {
+  useEffect94(() => {
     surveyModel.onComplete.add(handleSurveyComplete);
     return () => {
       surveyModel.onComplete.remove(handleSurveyComplete);
     };
   }, [surveyModel, handleSurveyComplete]);
-  const handleStartSurvey = useCallback90(() => {
+  const handleStartSurvey = useCallback91(() => {
     surveyModel.clear();
     setFlowStep("survey");
     setError(null);
   }, [surveyModel]);
-  const handleRetry = useCallback90(() => {
+  const handleRetry = useCallback91(() => {
     surveyModel.clear();
     setFlowStep("survey");
     setError(null);
   }, [surveyModel]);
-  const handleVisitEntity = useCallback90(() => {
+  const handleVisitEntity = useCallback91(() => {
     const createdEntityDid = runtime.output?.entityDid;
     const createdEntityType = runtime.output?.entityType || entityType;
     if (createdEntityDid && handlers?.redirectToEntityOverview) {
@@ -28565,7 +28633,7 @@ var DomainCreateFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, i
     }
   }, [runtime.output, entityType, handlers]);
   const entityDid = runtime.output?.entityDid || "";
-  return /* @__PURE__ */ React264.createElement(Stack181, { gap: "md" }, /* @__PURE__ */ React264.createElement(Stack181, { gap: 2 }, /* @__PURE__ */ React264.createElement(Text157, { fw: 600 }, block?.props?.title || "Create Domain"), /* @__PURE__ */ React264.createElement(Text157, { size: "sm", c: "dimmed" }, block?.props?.description || "Complete the survey to create a new domain with a signed Domain Card credential.")), flowStep === "success" && /* @__PURE__ */ React264.createElement(Stack181, { gap: "md" }, /* @__PURE__ */ React264.createElement(Alert48, { icon: /* @__PURE__ */ React264.createElement(IconCheck21, { size: 16 }), title: "Domain Created", color: "green", styles: actionAlertStyles }, /* @__PURE__ */ React264.createElement(Stack181, { gap: "xs" }, /* @__PURE__ */ React264.createElement(Text157, { size: "sm" }, "Your domain has been created and the Domain Card has been signed and stored."), entityDid && /* @__PURE__ */ React264.createElement(Text157, { size: "xs", c: "dimmed" }, "DID: ", entityDid))), entityDid && /* @__PURE__ */ React264.createElement(Button52, { variant: "outline", onClick: handleVisitEntity }, "Visit Entity")), flowStep === "error" && /* @__PURE__ */ React264.createElement(Stack181, { gap: "md" }, /* @__PURE__ */ React264.createElement(Alert48, { icon: /* @__PURE__ */ React264.createElement(IconAlertCircle18, { size: 16 }), title: "Domain Creation Failed", color: "red", styles: actionAlertStyles }, /* @__PURE__ */ React264.createElement(Text157, { size: "sm" }, error || "An unexpected error occurred")), /* @__PURE__ */ React264.createElement(Group101, null, /* @__PURE__ */ React264.createElement(Button52, { variant: "outline", onClick: handleRetry, disabled: isDisabled }, "Try Again"))), flowStep === "submitting" && /* @__PURE__ */ React264.createElement(Stack181, { gap: "sm", align: "center", py: "md" }, /* @__PURE__ */ React264.createElement(Loader48, { size: "md" }), /* @__PURE__ */ React264.createElement(Text157, { size: "sm", c: "dimmed" }, "Creating domain \u2014 signing, uploading, and registering on chain...")), flowStep === "idle" && /* @__PURE__ */ React264.createElement(Button52, { leftSection: /* @__PURE__ */ React264.createElement(IconPlayerPlay6, { size: 14 }), onClick: handleStartSurvey, disabled: isDisabled }, "Start Domain Creator"), flowStep === "survey" && !error && /* @__PURE__ */ React264.createElement(StableSurvey, { model: surveyModel }), runtime.error?.message && flowStep !== "error" && /* @__PURE__ */ React264.createElement(Alert48, { color: "red", styles: actionAlertStyles }, runtime.error.message));
+  return /* @__PURE__ */ React264.createElement(Stack181, { gap: "md" }, /* @__PURE__ */ React264.createElement(Stack181, { gap: 2 }, /* @__PURE__ */ React264.createElement(Text157, { fw: 600 }, block?.props?.title || "Create Domain"), /* @__PURE__ */ React264.createElement(Text157, { size: "sm", c: "dimmed" }, block?.props?.description || "Complete the survey to create a new domain with a signed Domain Card credential.")), flowStep === "success" && /* @__PURE__ */ React264.createElement(Stack181, { gap: "md" }, /* @__PURE__ */ React264.createElement(Alert48, { icon: /* @__PURE__ */ React264.createElement(IconCheck21, { size: 16 }), title: "Domain Created", color: "green", styles: actionAlertStyles }, /* @__PURE__ */ React264.createElement(Stack181, { gap: "xs" }, /* @__PURE__ */ React264.createElement(Text157, { size: "sm" }, "Your domain has been created and the Domain Card has been signed and stored."), entityDid && /* @__PURE__ */ React264.createElement(Text157, { size: "xs", c: "dimmed" }, "DID: ", entityDid))), entityDid && /* @__PURE__ */ React264.createElement(Button52, { variant: "outline", onClick: handleVisitEntity }, "Visit Entity")), flowStep === "error" && /* @__PURE__ */ React264.createElement(Stack181, { gap: "md" }, /* @__PURE__ */ React264.createElement(Alert48, { icon: /* @__PURE__ */ React264.createElement(IconAlertCircle18, { size: 16 }), title: "Domain Creation Failed", color: "red", styles: actionAlertStyles }, /* @__PURE__ */ React264.createElement(Text157, { size: "sm" }, error || "An unexpected error occurred")), /* @__PURE__ */ React264.createElement(Group101, null, /* @__PURE__ */ React264.createElement(Button52, { variant: "outline", onClick: handleRetry, disabled: isDisabled }, "Try Again"))), flowStep === "submitting" && /* @__PURE__ */ React264.createElement(Stack181, { gap: "sm", align: "center", py: "md" }, /* @__PURE__ */ React264.createElement(Loader49, { size: "md" }), /* @__PURE__ */ React264.createElement(Text157, { size: "sm", c: "dimmed" }, "Creating domain \u2014 signing, uploading, and registering on chain...")), flowStep === "idle" && /* @__PURE__ */ React264.createElement(Button52, { leftSection: /* @__PURE__ */ React264.createElement(IconPlayerPlay6, { size: 14 }), onClick: handleStartSurvey, disabled: isDisabled }, "Start Domain Creator"), flowStep === "survey" && !error && /* @__PURE__ */ React264.createElement(StableSurvey, { model: surveyModel }), runtime.error?.message && flowStep !== "error" && /* @__PURE__ */ React264.createElement(Alert48, { color: "red", styles: actionAlertStyles }, runtime.error.message));
 };
 
 // src/mantine/blocks/action/actionTypes/domainCreate/index.ts
@@ -28575,7 +28643,7 @@ registerActionTypeUI("qi/domain.create", {
 });
 
 // src/mantine/blocks/action/actionTypes/oracle/OracleConfig.tsx
-import React265, { useCallback as useCallback91, useEffect as useEffect94, useState as useState116 } from "react";
+import React265, { useCallback as useCallback92, useEffect as useEffect95, useState as useState116 } from "react";
 import { Stack as Stack182 } from "@mantine/core";
 
 // src/mantine/blocks/action/actionTypes/oracle/types.ts
@@ -28598,10 +28666,10 @@ function serializeOracleInputs(inputs) {
 // src/mantine/blocks/action/actionTypes/oracle/OracleConfig.tsx
 var OracleConfig = ({ inputs, onInputsChange, editor, blockId }) => {
   const [local, setLocal] = useState116(() => parseOracleInputs(inputs));
-  useEffect94(() => {
+  useEffect95(() => {
     setLocal(parseOracleInputs(inputs));
   }, [inputs]);
-  const update = useCallback91(
+  const update = useCallback92(
     (patch) => {
       const updated = { ...local, ...patch };
       setLocal(updated);
@@ -28625,7 +28693,7 @@ var OracleConfig = ({ inputs, onInputsChange, editor, blockId }) => {
 };
 
 // src/mantine/blocks/action/actionTypes/oracle/OracleFlowDetail.tsx
-import React266, { useCallback as useCallback92, useMemo as useMemo107, useState as useState117 } from "react";
+import React266, { useCallback as useCallback93, useMemo as useMemo107, useState as useState117 } from "react";
 import { Alert as Alert49, Button as Button53, Stack as Stack183 } from "@mantine/core";
 import { IconCheck as IconCheck22, IconAlertCircle as IconAlertCircle19, IconSparkles as IconSparkles6 } from "@tabler/icons-react";
 var OracleFlowDetail = ({ inputs, editor, runtime, updateRuntime, isDisabled }) => {
@@ -28637,7 +28705,7 @@ var OracleFlowDetail = ({ inputs, editor, runtime, updateRuntime, isDisabled })
   const [isLoading, setIsLoading] = useState117(false);
   const [error, setError] = useState117(null);
   const isCompleted = runtime.state === "completed";
-  const handleExecute = useCallback92(async () => {
+  const handleExecute = useCallback93(async () => {
     if (isDisabled || isLoading || isCompleted) return;
     if (!resolvedPrompt) {
       setError("No prompt configured. Set a prompt in template mode.");
@@ -28678,7 +28746,7 @@ registerActionTypeUI("oracle", {
 });
 
 // src/mantine/blocks/action/actionTypes/oraclePrompt/OraclePromptConfig.tsx
-import React267, { useCallback as useCallback93, useEffect as useEffect95, useState as useState118 } from "react";
+import React267, { useCallback as useCallback94, useEffect as useEffect96, useState as useState118 } from "react";
 import { Stack as Stack184 } from "@mantine/core";
 
 // src/mantine/blocks/action/actionTypes/oraclePrompt/types.ts
@@ -28699,10 +28767,10 @@ function serializeOraclePromptInputs(inputs) {
 // src/mantine/blocks/action/actionTypes/oraclePrompt/OraclePromptConfig.tsx
 var OraclePromptConfig = ({ inputs, onInputsChange }) => {
   const [localPrompt, setLocalPrompt] = useState118(() => parseOraclePromptInputs(inputs).prompt);
-  useEffect95(() => {
+  useEffect96(() => {
     setLocalPrompt(parseOraclePromptInputs(inputs).prompt);
   }, [inputs]);
-  const handleChange = useCallback93(
+  const handleChange = useCallback94(
     (value) => {
       setLocalPrompt(value);
       onInputsChange(serializeOraclePromptInputs({ prompt: value }));
@@ -28723,8 +28791,8 @@ var OraclePromptConfig = ({ inputs, onInputsChange }) => {
 };
 
 // src/mantine/blocks/action/actionTypes/oraclePrompt/OraclePromptFlowDetail.tsx
-import React268, { useCallback as useCallback94, useMemo as useMemo108, useState as useState119 } from "react";
-import { Alert as Alert50, Loader as Loader49, Stack as Stack185, Text as Text158 } from "@mantine/core";
+import React268, { useCallback as useCallback95, useMemo as useMemo108, useState as useState119 } from "react";
+import { Alert as Alert50, Loader as Loader50, Stack as Stack185, Text as Text158 } from "@mantine/core";
 import { IconSend as IconSend6 } from "@tabler/icons-react";
 function parsePrimarySkill(rawSkill) {
   const coerce = (candidate) => {
@@ -28769,7 +28837,7 @@ var OraclePromptFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, i
   const resolvedPrompt = useMemo108(() => resolveReferences(parsed.prompt || "", editorDocument, resolveOpts).trim(), [parsed.prompt, editorDocument, resolveOpts]);
   const [submitting, setSubmitting] = useState119(false);
   const [error, setError] = useState119(null);
-  const handleExecute = useCallback94(async () => {
+  const handleExecute = useCallback95(async () => {
     if (isDisabled || submitting || !resolvedPrompt) return;
     if (typeof handlers?.askCompanion !== "function") {
       setError("askCompanion handler is not available");
@@ -28799,7 +28867,7 @@ var OraclePromptFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, i
     }
   }, [block?.props?.skill, handlers, isDisabled, resolvedPrompt, submitting, updateRuntime]);
   const isCompleted = runtime.state === "completed";
-  return /* @__PURE__ */ React268.createElement(Stack185, { gap: "md" }, !resolvedPrompt ? /* @__PURE__ */ React268.createElement(Alert50, { color: "yellow", styles: actionAlertStyles }, "Configure a prompt in template mode before running this action.") : /* @__PURE__ */ React268.createElement(React268.Fragment, null, /* @__PURE__ */ React268.createElement(Text158, { size: "sm", c: "dimmed", style: { whiteSpace: "pre-wrap" } }, resolvedPrompt), /* @__PURE__ */ React268.createElement(BasePrimaryButton, { leftSection: submitting ? /* @__PURE__ */ React268.createElement(Loader49, { size: 14 }) : /* @__PURE__ */ React268.createElement(IconSend6, { size: 14 }), onClick: handleExecute, disabled: isDisabled || submitting }, submitting ? "Sending..." : isCompleted ? "Send Again" : "Send Prompt")), isCompleted && /* @__PURE__ */ React268.createElement(Text158, { size: "xs", c: "dimmed" }, "Prompt sent successfully."), error && /* @__PURE__ */ React268.createElement(Alert50, { color: "red", styles: actionAlertStyles }, error), runtime.error?.message && /* @__PURE__ */ React268.createElement(Alert50, { color: "red", styles: actionAlertStyles }, runtime.error.message));
+  return /* @__PURE__ */ React268.createElement(Stack185, { gap: "md" }, !resolvedPrompt ? /* @__PURE__ */ React268.createElement(Alert50, { color: "yellow", styles: actionAlertStyles }, "Configure a prompt in template mode before running this action.") : /* @__PURE__ */ React268.createElement(React268.Fragment, null, /* @__PURE__ */ React268.createElement(Text158, { size: "sm", c: "dimmed", style: { whiteSpace: "pre-wrap" } }, resolvedPrompt), /* @__PURE__ */ React268.createElement(BasePrimaryButton, { leftSection: submitting ? /* @__PURE__ */ React268.createElement(Loader50, { size: 14 }) : /* @__PURE__ */ React268.createElement(IconSend6, { size: 14 }), onClick: handleExecute, disabled: isDisabled || submitting }, submitting ? "Sending..." : isCompleted ? "Send Again" : "Send Prompt")), isCompleted && /* @__PURE__ */ React268.createElement(Text158, { size: "xs", c: "dimmed" }, "Prompt sent successfully."), error && /* @__PURE__ */ React268.createElement(Alert50, { color: "red", styles: actionAlertStyles }, error), runtime.error?.message && /* @__PURE__ */ React268.createElement(Alert50, { color: "red", styles: actionAlertStyles }, runtime.error.message));
 };
 
 // src/mantine/blocks/action/actionTypes/oraclePrompt/index.ts
@@ -28809,7 +28877,7 @@ registerActionTypeUI("oracle.prompt", {
 });
 
 // src/mantine/blocks/action/actionTypes/formSubmit/FormSubmitConfig.tsx
-import React269, { useCallback as useCallback95, useEffect as useEffect96, useState as useState120 } from "react";
+import React269, { useCallback as useCallback96, useEffect as useEffect97, useState as useState120 } from "react";
 import { Stack as Stack186, Text as Text159 } from "@mantine/core";
 
 // src/mantine/blocks/action/actionTypes/formSubmit/types.ts
@@ -28846,11 +28914,11 @@ function isValidSchemaJson(value) {
 var FormSubmitConfig = ({ inputs, onInputsChange }) => {
   const [localSchema, setLocalSchema] = useState120(() => parseFormSubmitActionInputs(inputs).surveySchema);
   const [error, setError] = useState120(null);
-  useEffect96(() => {
+  useEffect97(() => {
     setLocalSchema(parseFormSubmitActionInputs(inputs).surveySchema);
     setError(null);
   }, [inputs]);
-  const handleChange = useCallback95(
+  const handleChange = useCallback96(
     (value) => {
       setLocalSchema(value);
       setError(null);
@@ -28881,8 +28949,8 @@ var FormSubmitConfig = ({ inputs, onInputsChange }) => {
 };
 
 // src/mantine/blocks/action/actionTypes/formSubmit/FormSubmitFlowDetail.tsx
-import React270, { useCallback as useCallback96, useEffect as useEffect97, useMemo as useMemo109, useState as useState121 } from "react";
-import { Alert as Alert51, Loader as Loader50, Stack as Stack187, Text as Text160 } from "@mantine/core";
+import React270, { useCallback as useCallback97, useEffect as useEffect98, useMemo as useMemo109, useState as useState121 } from "react";
+import { Alert as Alert51, Loader as Loader51, Stack as Stack187, Text as Text160 } from "@mantine/core";
 import { SurveyModel as SurveyModel13 } from "@ixo/surveys";
 function parsePrimarySkill2(rawSkill) {
   const coerce = (candidate) => {
@@ -28984,7 +29052,7 @@ var FormSubmitFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isD
     }
     return model;
   }, [parsedSchema, isDisabled, submitting, savedAnswers]);
-  const handleSurveyComplete = useCallback96(
+  const handleSurveyComplete = useCallback97(
     async (sender) => {
       if (isDisabled || submitting) return;
       const actionType = String(block?.props?.actionType || "qi/form.submit");
@@ -29068,7 +29136,7 @@ var FormSubmitFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isD
     },
     [actorDid, block, editor, flowId, flowNode, flowOwnerDid, flowUri, handlers, invocationStore, isDisabled, runtimeManager, services, submitting, ucanService, updateRuntime]
   );
-  useEffect97(() => {
+  useEffect98(() => {
     if (!surveyModel) return void 0;
     surveyModel.onComplete.add(handleSurveyComplete);
     return () => {
@@ -29076,7 +29144,7 @@ var FormSubmitFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isD
     };
   }, [surveyModel, handleSurveyComplete]);
   const statusMessage = runtime.state === "completed" ? "Last execution completed." : submitting ? "Executing..." : null;
-  return /* @__PURE__ */ React270.createElement(Stack187, { gap: "md" }, !resolvedSchemaString ? /* @__PURE__ */ React270.createElement(Alert51, { color: "yellow", styles: actionAlertStyles }, "Configure Survey Schema JSON in template mode before running this action.") : !parsedSchema ? /* @__PURE__ */ React270.createElement(Alert51, { color: "red", styles: actionAlertStyles }, "Survey schema is invalid JSON. Fix it in template mode.") : /* @__PURE__ */ React270.createElement(StableSurvey, { model: surveyModel }), statusMessage && /* @__PURE__ */ React270.createElement(Stack187, { gap: 4 }, submitting && /* @__PURE__ */ React270.createElement(Loader50, { size: "xs" }), /* @__PURE__ */ React270.createElement(Text160, { size: "xs", c: "dimmed" }, statusMessage)), error && /* @__PURE__ */ React270.createElement(Alert51, { color: "red", styles: actionAlertStyles }, error), runtime.error?.message && /* @__PURE__ */ React270.createElement(Alert51, { color: "red", styles: actionAlertStyles }, runtime.error.message));
+  return /* @__PURE__ */ React270.createElement(Stack187, { gap: "md" }, !resolvedSchemaString ? /* @__PURE__ */ React270.createElement(Alert51, { color: "yellow", styles: actionAlertStyles }, "Configure Survey Schema JSON in template mode before running this action.") : !parsedSchema ? /* @__PURE__ */ React270.createElement(Alert51, { color: "red", styles: actionAlertStyles }, "Survey schema is invalid JSON. Fix it in template mode.") : /* @__PURE__ */ React270.createElement(StableSurvey, { model: surveyModel }), statusMessage && /* @__PURE__ */ React270.createElement(Stack187, { gap: 4 }, submitting && /* @__PURE__ */ React270.createElement(Loader51, { size: "xs" }), /* @__PURE__ */ React270.createElement(Text160, { size: "xs", c: "dimmed" }, statusMessage)), error && /* @__PURE__ */ React270.createElement(Alert51, { color: "red", styles: actionAlertStyles }, error), runtime.error?.message && /* @__PURE__ */ React270.createElement(Alert51, { color: "red", styles: actionAlertStyles }, runtime.error.message));
 };
 
 // src/mantine/blocks/action/actionTypes/formSubmit/index.ts
@@ -29090,7 +29158,7 @@ registerActionTypeUI("qi/human.form.submit", {
 });
 
 // src/mantine/blocks/action/actionTypes/credentialStore/CredentialStoreConfig.tsx
-import React271, { useCallback as useCallback97, useEffect as useEffect98, useState as useState122 } from "react";
+import React271, { useCallback as useCallback98, useEffect as useEffect99, useState as useState122 } from "react";
 import { Stack as Stack188, Text as Text161 } from "@mantine/core";
 
 // src/mantine/blocks/action/actionTypes/credentialStore/types.ts
@@ -29123,10 +29191,10 @@ function serializeCredentialStoreInputs(inputs) {
 // src/mantine/blocks/action/actionTypes/credentialStore/CredentialStoreConfig.tsx
 var CredentialStoreConfig = ({ inputs, onInputsChange, editor, blockId }) => {
   const [local, setLocal] = useState122(() => parseCredentialStoreInputs(inputs));
-  useEffect98(() => {
+  useEffect99(() => {
     setLocal(parseCredentialStoreInputs(inputs));
   }, [inputs]);
-  const update = useCallback97(
+  const update = useCallback98(
     (patch) => {
       const updated = { ...local, ...patch };
       setLocal(updated);
@@ -29166,8 +29234,8 @@ var CredentialStoreConfig = ({ inputs, onInputsChange, editor, blockId }) => {
 };
 
 // src/mantine/blocks/action/actionTypes/credentialStore/CredentialStoreFlowDetail.tsx
-import React272, { useCallback as useCallback98, useMemo as useMemo110, useState as useState123 } from "react";
-import { Alert as Alert52, Button as Button54, Code as Code10, Loader as Loader51, Stack as Stack189, Text as Text162 } from "@mantine/core";
+import React272, { useCallback as useCallback99, useMemo as useMemo110, useState as useState123 } from "react";
+import { Alert as Alert52, Button as Button54, Code as Code10, Loader as Loader52, Stack as Stack189, Text as Text162 } from "@mantine/core";
 import { IconShieldCheck as IconShieldCheck15 } from "@tabler/icons-react";
 function safeParse(value) {
   let result = value;
@@ -29228,7 +29296,7 @@ var CredentialStoreFlowDetail = ({ inputs, editor, block, runtime, updateRuntime
   const hasCredential = !!resolvedCredential;
   const hasKey = !!resolvedCredentialKey;
   const isCompleted = runtime.state === "completed";
-  const handleExecute = useCallback98(async () => {
+  const handleExecute = useCallback99(async () => {
     if (isDisabled || submitting) return;
     const actionDef = getAction("qi/credential.store");
     if (!actionDef) {
@@ -29317,7 +29385,7 @@ var CredentialStoreFlowDetail = ({ inputs, editor, block, runtime, updateRuntime
     ucanService,
     updateRuntime
   ]);
-  return /* @__PURE__ */ React272.createElement(Stack189, { gap: "md" }, !hasKey && /* @__PURE__ */ React272.createElement(Alert52, { color: "yellow", styles: actionAlertStyles }, "No credential key configured. Set one in template mode."), hasKey && !hasCredential && !isCompleted && /* @__PURE__ */ React272.createElement(Alert52, { color: "yellow", styles: actionAlertStyles }, "Waiting for credential data. It will be provided by a block reference or at execution time."), hasKey && hasCredential && !isCompleted && /* @__PURE__ */ React272.createElement(Stack189, { gap: "xs" }, /* @__PURE__ */ React272.createElement(Text162, { size: "xs", c: "dimmed" }, "Credential key: ", resolvedCredentialKey), /* @__PURE__ */ React272.createElement(CredentialPreview, { value: resolvedCredential }), /* @__PURE__ */ React272.createElement(Button54, { leftSection: submitting ? /* @__PURE__ */ React272.createElement(Loader51, { size: 14 }) : /* @__PURE__ */ React272.createElement(IconShieldCheck15, { size: 14 }), onClick: handleExecute, disabled: isDisabled || submitting, size: "sm" }, submitting ? "Storing..." : "Store Credential")), isCompleted && /* @__PURE__ */ React272.createElement(Alert52, { color: runtime.output?.duplicate ? "yellow" : "green", styles: actionAlertStyles }, runtime.output?.duplicate ? `Credential already stored under key "${runtime.output?.credentialKey || resolvedCredentialKey}" (duplicate).` : `Credential stored successfully under key "${runtime.output?.credentialKey || resolvedCredentialKey}".`), error && /* @__PURE__ */ React272.createElement(Alert52, { color: "red", styles: actionAlertStyles }, error), runtime.error?.message && !error && /* @__PURE__ */ React272.createElement(Alert52, { color: "red", styles: actionAlertStyles }, runtime.error.message));
+  return /* @__PURE__ */ React272.createElement(Stack189, { gap: "md" }, !hasKey && /* @__PURE__ */ React272.createElement(Alert52, { color: "yellow", styles: actionAlertStyles }, "No credential key configured. Set one in template mode."), hasKey && !hasCredential && !isCompleted && /* @__PURE__ */ React272.createElement(Alert52, { color: "yellow", styles: actionAlertStyles }, "Waiting for credential data. It will be provided by a block reference or at execution time."), hasKey && hasCredential && !isCompleted && /* @__PURE__ */ React272.createElement(Stack189, { gap: "xs" }, /* @__PURE__ */ React272.createElement(Text162, { size: "xs", c: "dimmed" }, "Credential key: ", resolvedCredentialKey), /* @__PURE__ */ React272.createElement(CredentialPreview, { value: resolvedCredential }), /* @__PURE__ */ React272.createElement(Button54, { leftSection: submitting ? /* @__PURE__ */ React272.createElement(Loader52, { size: 14 }) : /* @__PURE__ */ React272.createElement(IconShieldCheck15, { size: 14 }), onClick: handleExecute, disabled: isDisabled || submitting, size: "sm" }, submitting ? "Storing..." : "Store Credential")), isCompleted && /* @__PURE__ */ React272.createElement(Alert52, { color: runtime.output?.duplicate ? "yellow" : "green", styles: actionAlertStyles }, runtime.output?.duplicate ? `Credential already stored under key "${runtime.output?.credentialKey || resolvedCredentialKey}" (duplicate).` : `Credential stored successfully under key "${runtime.output?.credentialKey || resolvedCredentialKey}".`), error && /* @__PURE__ */ React272.createElement(Alert52, { color: "red", styles: actionAlertStyles }, error), runtime.error?.message && !error && /* @__PURE__ */ React272.createElement(Alert52, { color: "red", styles: actionAlertStyles }, runtime.error.message));
 };
 
 // src/mantine/blocks/action/actionTypes/credentialStore/index.ts
@@ -29327,7 +29395,7 @@ registerActionTypeUI("qi/credential.store", {
 });
 
 // src/mantine/blocks/action/actionTypes/payment/PaymentConfig.tsx
-import React273, { useCallback as useCallback99, useEffect as useEffect99, useState as useState124 } from "react";
+import React273, { useCallback as useCallback100, useEffect as useEffect100, useState as useState124 } from "react";
 import { Stack as Stack190, Text as Text163 } from "@mantine/core";
 
 // src/mantine/blocks/action/actionTypes/payment/types.ts
@@ -29363,11 +29431,11 @@ function isValidPaymentConfig(value) {
 var PaymentConfig = ({ inputs, onInputsChange }) => {
   const [localConfig, setLocalConfig] = useState124(() => parsePaymentInputs(inputs).paymentConfig);
   const [error, setError] = useState124(null);
-  useEffect99(() => {
+  useEffect100(() => {
     setLocalConfig(parsePaymentInputs(inputs).paymentConfig);
     setError(null);
   }, [inputs]);
-  const handleChange = useCallback99(
+  const handleChange = useCallback100(
     (value) => {
       setLocalConfig(value);
       setError(null);
@@ -29398,8 +29466,8 @@ var PaymentConfig = ({ inputs, onInputsChange }) => {
 };
 
 // src/mantine/blocks/action/actionTypes/payment/PaymentFlowDetail.tsx
-import React274, { useCallback as useCallback100, useMemo as useMemo111, useState as useState125 } from "react";
-import { Alert as Alert53, Button as Button55, Code as Code11, Divider as Divider26, Group as Group102, Loader as Loader52, Stack as Stack191, Text as Text164 } from "@mantine/core";
+import React274, { useCallback as useCallback101, useMemo as useMemo111, useState as useState125 } from "react";
+import { Alert as Alert53, Button as Button55, Code as Code11, Divider as Divider26, Group as Group102, Loader as Loader53, Stack as Stack191, Text as Text164 } from "@mantine/core";
 import { IconAlertTriangle as IconAlertTriangle6, IconCash as IconCash2, IconSearch as IconSearch6, IconSend as IconSend7 } from "@tabler/icons-react";
 function parsePrimarySkill3(rawSkill) {
   const coerce = (candidate) => {
@@ -29525,7 +29593,7 @@ var PaymentFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisa
       return null;
     }
   }, [parsed.paymentConfig]);
-  const handlePropose = useCallback100(async () => {
+  const handlePropose = useCallback101(async () => {
     if (isDisabled || submitting) return;
     const skill = parsePrimarySkill3(block?.props?.skill);
     if (!skill) {
@@ -29558,7 +29626,7 @@ var PaymentFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisa
       setSubmitting(false);
     }
   }, [isDisabled, submitting, block, handlers, paymentConfig]);
-  const handleExecute = useCallback100(async () => {
+  const handleExecute = useCallback101(async () => {
     if (isDisabled || submitting) return;
     const skill = parsePrimarySkill3(block?.props?.skill);
     if (!skill) {
@@ -29647,7 +29715,7 @@ var PaymentFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisa
   const isProposed = paymentStatus === "proposed" || !!proposal;
   const isSubmitted = paymentStatus === "submitted" || paymentStatus === "pending" || paymentStatus === "processing";
   const isTerminal = paymentStatus === "completed" || paymentStatus === "failed";
-  const handleCheckStatus = useCallback100(async () => {
+  const handleCheckStatus = useCallback101(async () => {
     if (isDisabled || submitting) return;
     const skill = parsePrimarySkill3(block?.props?.skill);
     if (!skill) {
@@ -29681,7 +29749,7 @@ var PaymentFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisa
       fullWidth: true,
       variant: "light",
       color: "blue",
-      leftSection: submitting ? /* @__PURE__ */ React274.createElement(Loader52, { size: 14 }) : /* @__PURE__ */ React274.createElement(IconSearch6, { size: 14 }),
+      leftSection: submitting ? /* @__PURE__ */ React274.createElement(Loader53, { size: 14 }) : /* @__PURE__ */ React274.createElement(IconSearch6, { size: 14 }),
       onClick: handleCheckStatus,
       disabled: isDisabled || submitting
     },
@@ -29692,7 +29760,7 @@ var PaymentFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisa
       fullWidth: true,
       variant: "light",
       color: "violet",
-      leftSection: submitting ? /* @__PURE__ */ React274.createElement(Loader52, { size: 14 }) : /* @__PURE__ */ React274.createElement(IconCash2, { size: 14 }),
+      leftSection: submitting ? /* @__PURE__ */ React274.createElement(Loader53, { size: 14 }) : /* @__PURE__ */ React274.createElement(IconCash2, { size: 14 }),
       onClick: handlePropose,
       disabled: isDisabled || submitting || !paymentConfig
     },
@@ -29703,7 +29771,7 @@ var PaymentFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisa
       fullWidth: true,
       variant: "light",
       color: "green",
-      leftSection: submitting ? /* @__PURE__ */ React274.createElement(Loader52, { size: 14 }) : /* @__PURE__ */ React274.createElement(IconSend7, { size: 14 }),
+      leftSection: submitting ? /* @__PURE__ */ React274.createElement(Loader53, { size: 14 }) : /* @__PURE__ */ React274.createElement(IconSend7, { size: 14 }),
       onClick: handleExecute,
       disabled: isDisabled || submitting
     },
@@ -29718,7 +29786,7 @@ registerActionTypeUI("qi/payment.execute", {
 });
 
 // src/mantine/blocks/action/actionTypes/matrixDm/MatrixDmConfig.tsx
-import React275, { useCallback as useCallback101, useEffect as useEffect100, useMemo as useMemo112, useState as useState126 } from "react";
+import React275, { useCallback as useCallback102, useEffect as useEffect101, useMemo as useMemo112, useState as useState126 } from "react";
 import { Flex as Flex34, Stack as Stack192, Text as Text165 } from "@mantine/core";
 
 // src/mantine/blocks/action/actionTypes/matrixDm/types.ts
@@ -29748,10 +29816,10 @@ var MatrixDmConfig = ({ inputs, onInputsChange, editor }) => {
   const [searchValue, setSearchValue] = useState126("");
   const roomId = editor?.getRoomId?.() || null;
   const mx = editor?.getMatrixClient?.() || null;
-  useEffect100(() => {
+  useEffect101(() => {
     setLocal(parseMatrixDmInputs(inputs));
   }, [inputs]);
-  useEffect100(() => {
+  useEffect101(() => {
     (async () => {
       if (!roomId || !mx) return;
       try {
@@ -29762,7 +29830,7 @@ var MatrixDmConfig = ({ inputs, onInputsChange, editor }) => {
       }
     })();
   }, [roomId, mx]);
-  const update = useCallback101(
+  const update = useCallback102(
     (patch) => {
       const updated = { ...local, ...patch };
       setLocal(updated);
@@ -29937,18 +30005,18 @@ import { Group as Group104, Stack as Stack194, Text as Text168 } from "@mantine/
 import { IconMapPin } from "@tabler/icons-react";
 
 // src/mantine/blocks/location/template/TemplateConfig.tsx
-import React280, { useCallback as useCallback103 } from "react";
+import React280, { useCallback as useCallback104 } from "react";
 import { IconSettings as IconSettings19 } from "@tabler/icons-react";
 
 // src/mantine/blocks/location/template/GeneralTab.tsx
-import React279, { useEffect as useEffect102, useRef as useRef24, useState as useState129 } from "react";
+import React279, { useEffect as useEffect103, useRef as useRef25, useState as useState129 } from "react";
 import { Box as Box58, Divider as Divider27, Stack as Stack193, Text as Text166 } from "@mantine/core";
 
 // src/core/hooks/useUnlMap.ts
-import { useEffect as useEffect101, useState as useState127 } from "react";
+import { useEffect as useEffect102, useState as useState127 } from "react";
 function useUnlMap() {
   const [status, setStatus] = useState127("loading");
-  useEffect101(() => {
+  useEffect102(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -30003,7 +30071,7 @@ function useUnlMap() {
 }
 
 // src/mantine/blocks/location/components/TileSelector.tsx
-import React278, { useState as useState128, useCallback as useCallback102 } from "react";
+import React278, { useState as useState128, useCallback as useCallback103 } from "react";
 import { ActionIcon as ActionIcon37, Group as Group103, Tooltip as Tooltip24 } from "@mantine/core";
 import { IconMap, IconMoon, IconSatellite, IconMountain } from "@tabler/icons-react";
 var TILE_LAYERS = {
@@ -30057,7 +30125,7 @@ function ensureLayer(map, config) {
 }
 var TileSelector = ({ mapRef }) => {
   const [active, setActive] = useState128("map");
-  const switchTo = useCallback102(
+  const switchTo = useCallback103(
     (type) => {
       const map = mapRef.current;
       if (!map || active === type) return;
@@ -30118,17 +30186,17 @@ var GeneralTab17 = ({ title, description, latitude, longitude, onTitleChange, on
   const [mapError, setMapError] = useState129(null);
   const { status, UnlSdk } = useUnlMap();
   const { mapConfig } = useBlocknoteContext();
-  const markerRef = useRef24(null);
-  const mapRef = useRef24(null);
-  const wrapperRef = useRef24(null);
-  const containerRef = useRef24(null);
-  useEffect102(() => {
+  const markerRef = useRef25(null);
+  const mapRef = useRef25(null);
+  const wrapperRef = useRef25(null);
+  const containerRef = useRef25(null);
+  useEffect103(() => {
     setLocalTitle(title);
   }, [title]);
-  useEffect102(() => {
+  useEffect103(() => {
     setLocalDescription(description);
   }, [description]);
-  useEffect102(() => {
+  useEffect103(() => {
     if (status !== "ready" || !UnlSdk || mapRef.current || !mapConfig || !containerRef.current || !wrapperRef.current) return;
     try {
       const hasCoords = latitude && longitude;
@@ -30219,13 +30287,13 @@ var GeneralTab17 = ({ title, description, latitude, longitude, onTitleChange, on
 // src/mantine/blocks/location/template/TemplateConfig.tsx
 var TemplateConfig17 = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
-  const updateProp = useCallback103(
+  const updateProp = useCallback104(
     (key, value) => {
       editor.updateBlock(block, { props: { ...block.props, [key]: value } });
     },
     [editor, block]
   );
-  const updateProps = useCallback103(
+  const updateProps = useCallback104(
     (updates) => {
       editor.updateBlock(block, { props: { ...block.props, ...updates } });
     },
@@ -30254,17 +30322,17 @@ var TemplateConfig17 = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/location/components/LocationMap.tsx
-import React281, { useEffect as useEffect103, useRef as useRef25, useState as useState130 } from "react";
-import { Box as Box59, Flex as Flex35, Loader as Loader53, Text as Text167 } from "@mantine/core";
+import React281, { useEffect as useEffect104, useRef as useRef26, useState as useState130 } from "react";
+import { Box as Box59, Flex as Flex35, Loader as Loader54, Text as Text167 } from "@mantine/core";
 var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker = true, showTilesControl = false }) => {
   const [mapError, setMapError] = useState130(null);
   const { mapConfig } = useBlocknoteContext();
-  const wrapperRef = useRef25(null);
-  const containerRef = useRef25(null);
-  const mapRef = useRef25(null);
-  const markerRef = useRef25(null);
+  const wrapperRef = useRef26(null);
+  const containerRef = useRef26(null);
+  const mapRef = useRef26(null);
+  const markerRef = useRef26(null);
   const { status, UnlSdk } = useUnlMap();
-  useEffect103(() => {
+  useEffect104(() => {
     if (status !== "ready" || !UnlSdk || mapRef.current || !containerRef.current || !wrapperRef.current) return;
     let ro;
     let resizeTimer;
@@ -30295,7 +30363,7 @@ var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker =
       ro?.disconnect();
     };
   }, [status, UnlSdk, mapConfig]);
-  useEffect103(() => {
+  useEffect104(() => {
     if (!mapRef.current || !latitude || !longitude) return;
     const coords = [Number(longitude), Number(latitude)];
     mapRef.current.setCenter(coords);
@@ -30316,7 +30384,7 @@ var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker =
         w,
         h
       },
-      /* @__PURE__ */ React281.createElement(Loader53, null)
+      /* @__PURE__ */ React281.createElement(Loader54, null)
     );
   }
   if (status === "error" || mapError) {
@@ -30352,7 +30420,7 @@ var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker =
 };
 function LocationMap(props) {
   if (props.latitude === void 0 || props.longitude === void 0)
-    return /* @__PURE__ */ React281.createElement(Flex35, { w: "100%", h: 200, align: "center", justify: "center" }, /* @__PURE__ */ React281.createElement(Loader53, null));
+    return /* @__PURE__ */ React281.createElement(Flex35, { w: "100%", h: 200, align: "center", justify: "center" }, /* @__PURE__ */ React281.createElement(Loader54, null));
   return /* @__PURE__ */ React281.createElement(UnlMap, { ...props });
 }
 
@@ -30431,11 +30499,11 @@ import React289, { useMemo as useMemo115 } from "react";
 import { Box as Box60, Group as Group106, Stack as Stack197, Text as Text171 } from "@mantine/core";
 
 // src/mantine/blocks/embed/template/TemplateConfig.tsx
-import React288, { useCallback as useCallback104 } from "react";
+import React288, { useCallback as useCallback105 } from "react";
 import { IconSettings as IconSettings20 } from "@tabler/icons-react";
 
 // src/mantine/blocks/embed/template/GeneralTab.tsx
-import React287, { useEffect as useEffect104, useState as useState131 } from "react";
+import React287, { useEffect as useEffect105, useState as useState131 } from "react";
 import { Stack as Stack196, Switch as Switch6, Text as Text170 } from "@mantine/core";
 var GeneralTab18 = ({
   url,
@@ -30457,10 +30525,10 @@ var GeneralTab18 = ({
     value: key,
     label: key.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ")
   }));
-  useEffect104(() => {
+  useEffect105(() => {
     setLocalUrl(url);
   }, [url]);
-  useEffect104(() => {
+  useEffect105(() => {
     setLocalHeight(height);
   }, [height]);
   return /* @__PURE__ */ React287.createElement(Stack196, { gap: "md" }, /* @__PURE__ */ React287.createElement(Stack196, { gap: "xs" }, /* @__PURE__ */ React287.createElement(Text170, { size: "sm", fw: 600 }, "URL"), /* @__PURE__ */ React287.createElement(
@@ -30493,7 +30561,7 @@ var GeneralTab18 = ({
 // src/mantine/blocks/embed/template/TemplateConfig.tsx
 var TemplateConfig18 = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
-  const updateProp = useCallback104(
+  const updateProp = useCallback105(
     (key, value) => {
       editor.updateBlock(block, { props: { ...block.props, [key]: value } });
     },
@@ -30581,11 +30649,11 @@ import React291, { useMemo as useMemo116 } from "react";
 import { Box as Box61, Group as Group107, Stack as Stack198, Text as Text172 } from "@mantine/core";
 
 // src/mantine/blocks/embed/flow/FlowConfig.tsx
-import React290, { useCallback as useCallback105 } from "react";
+import React290, { useCallback as useCallback106 } from "react";
 import { IconSettings as IconSettings21 } from "@tabler/icons-react";
 var FlowConfig4 = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
-  const updateProp = useCallback105(
+  const updateProp = useCallback106(
     (key, value) => {
       editor.updateBlock(block, { props: { ...block.props, [key]: value } });
     },
@@ -30909,7 +30977,7 @@ blockRegistry.register({
 });
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo117, useEffect as useEffect105, useState as useState132, useCallback as useCallback106 } from "react";
+import { useMemo as useMemo117, useEffect as useEffect106, useState as useState132, useCallback as useCallback107 } from "react";
 
 // src/mantine/blocks/hooks/useDependsOn.ts
 import { useMemo as useMemo118 } from "react";
@@ -31419,14 +31487,14 @@ import { useCreateBlockNote as useCreateBlockNote2 } from "@blocknote/react";
 import { BlockNoteSchema as BlockNoteSchema2, defaultBlockSpecs as defaultBlockSpecs2, defaultInlineContentSpecs as defaultInlineContentSpecs2, defaultStyleSpecs as defaultStyleSpecs2 } from "@blocknote/core";
 
 // src/core/hooks/useMatrixProvider.ts
-import { useEffect as useEffect106, useState as useState133, useRef as useRef26, useCallback as useCallback107, useMemo as useMemo119 } from "react";
+import { useEffect as useEffect107, useState as useState133, useRef as useRef27, useCallback as useCallback108, useMemo as useMemo119 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
   const [matrixProvider, setProvider] = useState133(null);
   const [status, setStatus] = useState133("disconnected");
-  const isMountedRef = useRef26(true);
-  const providerRef = useRef26(null);
-  const retryTimeoutRef = useRef26(null);
+  const isMountedRef = useRef27(true);
+  const providerRef = useRef27(null);
+  const retryTimeoutRef = useRef27(null);
   const providerOptions = useMemo119(
     () => ({
       translator: {
@@ -31440,22 +31508,22 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
     }),
     []
   );
-  const handleDocumentAvailable = useCallback107(() => {
+  const handleDocumentAvailable = useCallback108(() => {
     if (isMountedRef.current) {
       setStatus("connected");
     }
   }, []);
-  const handleDocumentUnavailable = useCallback107(() => {
+  const handleDocumentUnavailable = useCallback108(() => {
     if (isMountedRef.current) {
       setStatus("failed");
     }
   }, []);
-  const handleCanWriteChanged = useCallback107(() => {
+  const handleCanWriteChanged = useCallback108(() => {
     if (isMountedRef.current && providerRef.current) {
       setStatus(providerRef.current.canWrite ? "connected" : "failed");
     }
   }, []);
-  const initProvider = useCallback107(async () => {
+  const initProvider = useCallback108(async () => {
     if (!isMountedRef.current) return;
     if (retryTimeoutRef.current) {
       clearTimeout(retryTimeoutRef.current);
@@ -31488,7 +31556,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       }
     }
   }, [matrixClient, providerOptions, handleDocumentAvailable, handleDocumentUnavailable, handleCanWriteChanged]);
-  useEffect106(() => {
+  useEffect107(() => {
     isMountedRef.current = true;
     initProvider();
     return () => {
@@ -31505,7 +31573,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       setStatus("disconnected");
     };
   }, [initProvider]);
-  useEffect106(() => {
+  useEffect107(() => {
     return () => {
       isMountedRef.current = false;
     };
@@ -31524,7 +31592,7 @@ function useCollaborativeYDoc(_options) {
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo121, useEffect as useEffect108, useState as useState134, useRef as useRef28 } from "react";
+import { useMemo as useMemo121, useEffect as useEffect109, useState as useState134, useRef as useRef29 } from "react";
 
 // src/core/lib/matrixMetadata.ts
 var COVER_IMAGE_EVENT_TYPE = "ixo.page.cover_image";
@@ -31793,7 +31861,7 @@ function logInvocation(matrixClient, roomId, invocation) {
 }
 
 // src/mantine/hooks/useFlowLifecycle.ts
-import { useEffect as useEffect107, useCallback as useCallback108, useRef as useRef27 } from "react";
+import { useEffect as useEffect108, useCallback as useCallback109, useRef as useRef28 } from "react";
 
 // src/mantine/hooks/useFlowTTLCleanup.ts
 function performTTLCleanup(editor) {
@@ -32030,9 +32098,9 @@ function isBlockEnabledInFlow(block, editorDocument) {
 // src/mantine/hooks/useFlowLifecycle.ts
 var DEFAULT_INTERVAL_MS = 3e4;
 function useFlowLifecycle({ editor, connectionStatus, enabled = true }) {
-  const hasRunInitialRef = useRef27(false);
-  const runningRef = useRef27(false);
-  const runPipeline = useCallback108(async () => {
+  const hasRunInitialRef = useRef28(false);
+  const runningRef = useRef28(false);
+  const runPipeline = useCallback109(async () => {
     if (!editor || runningRef.current) return;
     runningRef.current = true;
     try {
@@ -32044,19 +32112,19 @@ function useFlowLifecycle({ editor, connectionStatus, enabled = true }) {
       runningRef.current = false;
     }
   }, [editor]);
-  useEffect107(() => {
+  useEffect108(() => {
     if (!enabled || !editor || connectionStatus !== "connected" || hasRunInitialRef.current) return;
     if (editor.docType !== "flow") return;
     hasRunInitialRef.current = true;
     runPipeline();
   }, [editor, connectionStatus, enabled, runPipeline]);
-  useEffect107(() => {
+  useEffect108(() => {
     if (!enabled || !editor || connectionStatus !== "connected") return;
     if (editor.docType !== "flow") return;
     const id = setInterval(runPipeline, DEFAULT_INTERVAL_MS);
     return () => clearInterval(id);
   }, [editor, connectionStatus, enabled, runPipeline]);
-  useEffect107(() => {
+  useEffect108(() => {
     if (!enabled || !editor || connectionStatus !== "connected") return;
     if (editor.docType !== "flow") return;
     const runtimeMap = editor._yRuntime;
@@ -32166,7 +32234,7 @@ function useCreateCollaborativeIxoEditor(options) {
     roomId: options.roomId
   });
   const metadataManager = useMemo121(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
-  useEffect108(() => {
+  useEffect109(() => {
     return () => {
       metadataManager.dispose();
     };
@@ -32453,12 +32521,12 @@ function useCreateCollaborativeIxoEditor(options) {
       return void 0;
     };
   }
-  useEffect108(() => {
+  useEffect109(() => {
     if (ixoEditor) {
       ixoEditor.isEditable = editable;
     }
   }, [ixoEditor, editable]);
-  useEffect108(() => {
+  useEffect109(() => {
     if (connectionStatus !== "connected") {
       return;
     }
@@ -32481,9 +32549,9 @@ function useCreateCollaborativeIxoEditor(options) {
     }
   }, [connectionStatus, root, titleText, permissions.write, options.docId, options.title, memoizedUser.id]);
   const [connectedUsers, setConnectedUsers] = useState134([]);
-  const activeBlockIdRef = useRef28(null);
+  const activeBlockIdRef = useRef29(null);
   const awarenessInstance = matrixProvider?.awarenessInstance ?? null;
-  useEffect108(() => {
+  useEffect109(() => {
     if (!awarenessInstance || connectionStatus !== "connected") {
       return;
     }
@@ -32501,7 +32569,7 @@ function useCreateCollaborativeIxoEditor(options) {
       awarenessInstance.off("change", updateUsers);
     };
   }, [awarenessInstance, connectionStatus]);
-  useEffect108(() => {
+  useEffect109(() => {
     if (!awarenessInstance || connectionStatus !== "connected") {
       return;
     }
@@ -32530,7 +32598,7 @@ function useCreateCollaborativeIxoEditor(options) {
     };
   }, [awarenessInstance, connectionStatus, memoizedUser.id, memoizedUser.name, memoizedUser.color, memoizedUser.avatar]);
   useFlowLifecycle({ editor: ixoEditor, connectionStatus, enabled: permissions.write });
-  useEffect108(() => {
+  useEffect109(() => {
     if (!ixoEditor) return;
     setActiveEditor(ixoEditor);
     return () => {
@@ -32559,7 +32627,7 @@ import { filterSuggestionItems } from "@blocknote/core";
 import { MantineProvider } from "@mantine/core";
 
 // src/mantine/components/CommandPalette.tsx
-import React294, { useEffect as useEffect109, useRef as useRef29, useState as useState135, useMemo as useMemo122, useCallback as useCallback109 } from "react";
+import React294, { useEffect as useEffect110, useRef as useRef30, useState as useState135, useMemo as useMemo122, useCallback as useCallback110 } from "react";
 import { Box as Box62, Text as Text173, Stack as Stack199 } from "@mantine/core";
 var GROUP_ORDER = {
   Headings: 0,
@@ -32573,9 +32641,9 @@ var GROUP_ORDER = {
   Flows: 8
 };
 function PaletteItem({ item, isSelected, onClick, id }) {
-  const ref = useRef29(null);
+  const ref = useRef30(null);
   const [hovered, setHovered] = useState135(false);
-  useEffect109(() => {
+  useEffect110(() => {
     if (isSelected && ref.current) {
       ref.current.scrollIntoView({ block: "nearest" });
     }
@@ -32658,7 +32726,7 @@ function CommandPalette({ items, onItemClick, loadingState, selectedIndex }) {
     }
     return groups;
   }, [items]);
-  const handleItemClick = useCallback109(
+  const handleItemClick = useCallback110(
     (item) => {
       onItemClick?.(item);
     },
@@ -32818,7 +32886,7 @@ function PanelContent({ theme }) {
 }
 
 // src/mantine/components/CoverImage.tsx
-import React300, { useState as useState139, useRef as useRef30, useEffect as useEffect112, useMemo as useMemo125 } from "react";
+import React300, { useState as useState139, useRef as useRef31, useEffect as useEffect113, useMemo as useMemo125 } from "react";
 import { Box as Box67, Group as Group111 } from "@mantine/core";
 import { IconMoodSmile, IconPhoto as IconPhoto5, IconSettings as IconSettings22, IconArrowsMove, IconTrash as IconTrash11, IconRefresh as IconRefresh6 } from "@tabler/icons-react";
 
@@ -32998,7 +33066,7 @@ var CoverImageButton = forwardRef(function CoverImageButton2({ isActive = false,
 });
 
 // src/mantine/components/Base/BaseIconPicker.tsx
-import React297, { useState as useState137, useMemo as useMemo123, useEffect as useEffect110 } from "react";
+import React297, { useState as useState137, useMemo as useMemo123, useEffect as useEffect111 } from "react";
 import { TextInput as TextInput7, Tabs as Tabs4, Box as Box64, Stack as Stack200, UnstyledButton as UnstyledButton8, Text as Text175, Center as Center15, ScrollArea as ScrollArea9, Group as Group109, Popover as Popover6 } from "@mantine/core";
 import * as TablerIcons2 from "@tabler/icons-react";
 import { IconSearch as IconSearch7, IconX as IconX14, IconChevronLeft, IconChevronRight as IconChevronRight13 } from "@tabler/icons-react";
@@ -33043,7 +33111,7 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, onRemove
     const query = searchQuery.toLowerCase();
     return allIcons.filter(([name]) => name.toLowerCase().includes(query));
   }, [allIcons, searchQuery]);
-  useEffect110(() => {
+  useEffect111(() => {
     setCurrentPage(1);
   }, [searchQuery]);
   const paginatedIcons = useMemo123(() => {
@@ -33226,14 +33294,14 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
 import { useDisclosure as useDisclosure7 } from "@mantine/hooks";
 
 // src/mantine/components/FlowSettingsPanel.tsx
-import React299, { useState as useState138, useEffect as useEffect111, useCallback as useCallback110 } from "react";
+import React299, { useState as useState138, useEffect as useEffect112, useCallback as useCallback111 } from "react";
 import { Stack as Stack201, Group as Group110, Button as Button56, ActionIcon as ActionIcon38, Text as Text176, Box as Box66 } from "@mantine/core";
 import { IconPlus as IconPlus10, IconTrash as IconTrash10 } from "@tabler/icons-react";
 var SYSTEM_KEYS = /* @__PURE__ */ new Set(["@context", "_type", "schema_version", "doc_id", "title", "createdAt", "createdBy", "flowOwnerDid"]);
 var FlowSettingsPanel = ({ editor }) => {
   const { closePanel } = usePanelStore();
   const [rows, setRows] = useState138([]);
-  const loadSettings = useCallback110(() => {
+  const loadSettings = useCallback111(() => {
     const metadata = editor.getFlowMetadata?.();
     if (!metadata) return;
     const customRows = [];
@@ -33244,10 +33312,10 @@ var FlowSettingsPanel = ({ editor }) => {
     }
     setRows(customRows);
   }, [editor]);
-  useEffect111(() => {
+  useEffect112(() => {
     loadSettings();
   }, [loadSettings]);
-  const handleKeyChange = useCallback110(
+  const handleKeyChange = useCallback111(
     (index, newKey) => {
       setRows((prev) => {
         const updated = [...prev];
@@ -33264,7 +33332,7 @@ var FlowSettingsPanel = ({ editor }) => {
     },
     [editor]
   );
-  const handleValueChange = useCallback110(
+  const handleValueChange = useCallback111(
     (index, newValue) => {
       setRows((prev) => {
         const updated = [...prev];
@@ -33278,10 +33346,10 @@ var FlowSettingsPanel = ({ editor }) => {
     },
     [editor]
   );
-  const handleAdd = useCallback110(() => {
+  const handleAdd = useCallback111(() => {
     setRows((prev) => [...prev, { key: "", value: "" }]);
   }, []);
-  const handleDelete = useCallback110(
+  const handleDelete = useCallback111(
     (index) => {
       setRows((prev) => {
         const row = prev[index];
@@ -33303,13 +33371,13 @@ function CoverImage({ coverImageUrl, logoUrl }) {
   const [isHovering, setIsHovering] = useState139(false);
   const [isRepositioning, setIsRepositioning] = useState139(false);
   const [coverPosition, setCoverPosition] = useState139(() => editor?.getPageMetadata?.()?.coverPosition ?? 50);
-  const coverFileInputRef = useRef30(null);
-  const logoFileInputRef = useRef30(null);
+  const coverFileInputRef = useRef31(null);
+  const logoFileInputRef = useRef31(null);
   const [opened, { open, close }] = useDisclosure7(false);
   const [metadata, setMetadata] = useState139(() => editor?.getPageMetadata?.() || null);
   const settingsPanelContent = useMemo125(() => editor ? /* @__PURE__ */ React300.createElement(FlowSettingsPanel, { editor }) : null, [editor]);
   const { open: openSettings } = usePanel("flow-settings-panel", settingsPanelContent);
-  useEffect112(() => {
+  useEffect113(() => {
     if (!editor?._metadataManager) {
       return;
     }
@@ -33599,7 +33667,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
 }
 
 // src/mantine/components/PageTitle.tsx
-import React301, { useState as useState140, useEffect as useEffect113, useRef as useRef31, useCallback as useCallback111 } from "react";
+import React301, { useState as useState140, useEffect as useEffect114, useRef as useRef32, useCallback as useCallback112 } from "react";
 import { Box as Box68 } from "@mantine/core";
 var DEFAULT_TITLE = "New page";
 function isUserTitle(name) {
@@ -33617,9 +33685,9 @@ function cleanEmptyEditable(el) {
 function PageTitle({ editor, editable }) {
   const [title, setTitle] = useState140("");
   const [hasIcon, setHasIcon] = useState140(false);
-  const titleRef = useRef31(null);
-  const isComposing = useRef31(false);
-  useEffect113(() => {
+  const titleRef = useRef32(null);
+  const isComposing = useRef32(false);
+  useEffect114(() => {
     if (!editor?._metadataManager) return;
     const metadata = editor._metadataManager.getMetadata();
     const initial = isUserTitle(metadata?.title);
@@ -33639,12 +33707,12 @@ function PageTitle({ editor, editable }) {
     });
     return unsubscribe;
   }, [editor]);
-  useEffect113(() => {
+  useEffect114(() => {
     if (titleRef.current && title && !titleRef.current.textContent) {
       titleRef.current.textContent = title;
     }
   }, [title]);
-  const saveTitle = useCallback111(
+  const saveTitle = useCallback112(
     async (newTitle) => {
       const trimmed = newTitle.trim();
       const toSave = trimmed || DEFAULT_TITLE;
@@ -33660,19 +33728,19 @@ function PageTitle({ editor, editable }) {
     },
     [editor]
   );
-  const handleInput = useCallback111(() => {
+  const handleInput = useCallback112(() => {
     if (titleRef.current) {
       cleanEmptyEditable(titleRef.current);
       setTitle(titleRef.current.textContent || "");
     }
   }, []);
-  const handleBlur = useCallback111(() => {
+  const handleBlur = useCallback112(() => {
     if (titleRef.current) {
       cleanEmptyEditable(titleRef.current);
       saveTitle(titleRef.current.textContent || "");
     }
   }, [saveTitle]);
-  const handleKeyDown = useCallback111(
+  const handleKeyDown = useCallback112(
     (e) => {
       if (isComposing.current) return;
       if (e.key === "Enter" || e.key === "ArrowDown") {
@@ -33683,7 +33751,7 @@ function PageTitle({ editor, editable }) {
     },
     [editor, saveTitle]
   );
-  useEffect113(() => {
+  useEffect114(() => {
     const handleEditorKeyDown = (e) => {
       if (e.key !== "ArrowUp" || !titleRef.current) return;
       if (document.getElementById("bn-suggestion-menu")) return;
@@ -33707,7 +33775,7 @@ function PageTitle({ editor, editable }) {
       container?.removeEventListener("keydown", handleEditorKeyDown, true);
     };
   }, [editor]);
-  const handlePaste = useCallback111((e) => {
+  const handlePaste = useCallback112((e) => {
     e.preventDefault();
     const text = e.clipboardData.getData("text/plain").replace(/\n/g, " ");
     document.execCommand("insertText", false, text);
@@ -33769,7 +33837,7 @@ if (typeof document !== "undefined") {
 }
 
 // src/mantine/components/ExternalDropZone.tsx
-import React302, { useCallback as useCallback112, useEffect as useEffect114, useRef as useRef32, useState as useState141 } from "react";
+import React302, { useCallback as useCallback113, useEffect as useEffect115, useRef as useRef33, useState as useState141 } from "react";
 import { Box as Box69 } from "@mantine/core";
 var SCROLL_ZONE_SIZE = 80;
 var SCROLL_SPEED = 12;
@@ -33782,20 +33850,20 @@ var ExternalDropZone = ({
   onPlacementCancel,
   children
 }) => {
-  const containerRef = useRef32(null);
+  const containerRef = useRef33(null);
   const [isValidDrag, setIsValidDrag] = useState141(false);
   const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState141(false);
   const [indicatorStyle, setIndicatorStyle] = useState141({});
-  const dropPositionRef = useRef32(null);
-  const scrollAnimationRef = useRef32(null);
-  const scrollDirectionRef = useRef32(null);
-  const scrollContainerRef = useRef32(null);
-  const getBlockElements = useCallback112(() => {
+  const dropPositionRef = useRef33(null);
+  const scrollAnimationRef = useRef33(null);
+  const scrollDirectionRef = useRef33(null);
+  const scrollContainerRef = useRef33(null);
+  const getBlockElements = useCallback113(() => {
     if (!containerRef.current) return [];
     const blocks = containerRef.current.querySelectorAll('[data-node-type="blockContainer"]');
     return Array.from(blocks);
   }, []);
-  const getScrollContainer = useCallback112(() => {
+  const getScrollContainer = useCallback113(() => {
     if (scrollContainerRef.current) return scrollContainerRef.current;
     let element = containerRef.current;
     while (element) {
@@ -33810,7 +33878,7 @@ var ExternalDropZone = ({
     scrollContainerRef.current = window;
     return window;
   }, []);
-  const performScroll = useCallback112(() => {
+  const performScroll = useCallback113(() => {
     const container = getScrollContainer();
     const direction = scrollDirectionRef.current;
     if (!direction) {
@@ -33825,7 +33893,7 @@ var ExternalDropZone = ({
     }
     scrollAnimationRef.current = requestAnimationFrame(performScroll);
   }, [getScrollContainer]);
-  const startAutoScroll = useCallback112(
+  const startAutoScroll = useCallback113(
     (direction) => {
       if (scrollDirectionRef.current === direction) return;
       scrollDirectionRef.current = direction;
@@ -33835,14 +33903,14 @@ var ExternalDropZone = ({
     },
     [performScroll]
   );
-  const stopAutoScroll = useCallback112(() => {
+  const stopAutoScroll = useCallback113(() => {
     scrollDirectionRef.current = null;
     if (scrollAnimationRef.current) {
       cancelAnimationFrame(scrollAnimationRef.current);
       scrollAnimationRef.current = null;
     }
   }, []);
-  const checkAutoScroll = useCallback112(
+  const checkAutoScroll = useCallback113(
     (clientY) => {
       const container = getScrollContainer();
       let containerTop;
@@ -33865,7 +33933,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer, startAutoScroll, stopAutoScroll]
   );
-  const findDropPosition = useCallback112(
+  const findDropPosition = useCallback113(
     (clientY) => {
       const blocks = getBlockElements();
       if (blocks.length === 0 || !editor?.document) return null;
@@ -33898,7 +33966,7 @@ var ExternalDropZone = ({
     },
     [getBlockElements, editor]
   );
-  const handleDragOver = useCallback112(
+  const handleDragOver = useCallback113(
     (e) => {
       if (!e.dataTransfer.types.includes(acceptedType)) return;
       e.preventDefault();
@@ -33921,7 +33989,7 @@ var ExternalDropZone = ({
     },
     [acceptedType, findDropPosition, checkAutoScroll]
   );
-  const handleDragLeave = useCallback112(
+  const handleDragLeave = useCallback113(
     (e) => {
       if (containerRef.current && !containerRef.current.contains(e.relatedTarget)) {
         setIsValidDrag(false);
@@ -33931,7 +33999,7 @@ var ExternalDropZone = ({
     },
     [stopAutoScroll]
   );
-  const handleDrop = useCallback112(
+  const handleDrop = useCallback113(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -33945,7 +34013,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  useEffect114(() => {
+  useEffect115(() => {
     const handleGlobalDragEnd = () => {
       setIsValidDrag(false);
       dropPositionRef.current = null;
@@ -33954,7 +34022,7 @@ var ExternalDropZone = ({
     window.addEventListener("dragend", handleGlobalDragEnd);
     return () => window.removeEventListener("dragend", handleGlobalDragEnd);
   }, [stopAutoScroll]);
-  const handleOverlayMouseMove = useCallback112(
+  const handleOverlayMouseMove = useCallback113(
     (e) => {
       setIsHoveringInPlacementMode(true);
       checkAutoScroll(e.clientY);
@@ -33973,12 +34041,12 @@ var ExternalDropZone = ({
     },
     [findDropPosition, checkAutoScroll]
   );
-  const handleOverlayMouseLeave = useCallback112(() => {
+  const handleOverlayMouseLeave = useCallback113(() => {
     setIsHoveringInPlacementMode(false);
     dropPositionRef.current = null;
     stopAutoScroll();
   }, [stopAutoScroll]);
-  const handleOverlayClick = useCallback112(
+  const handleOverlayClick = useCallback113(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -33992,7 +34060,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  const handleOverlayWheel = useCallback112(
+  const handleOverlayWheel = useCallback113(
     (e) => {
       const container = getScrollContainer();
       if (container === window) {
@@ -34003,7 +34071,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer]
   );
-  useEffect114(() => {
+  useEffect115(() => {
     if (!isPlacementMode) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -34026,13 +34094,13 @@ var ExternalDropZone = ({
       document.removeEventListener("click", handleGlobalClick, true);
     };
   }, [isPlacementMode, onPlacementCancel]);
-  useEffect114(() => {
+  useEffect115(() => {
     if (!isPlacementMode) {
       setIsHoveringInPlacementMode(false);
       dropPositionRef.current = null;
     }
   }, [isPlacementMode]);
-  useEffect114(() => {
+  useEffect115(() => {
     const isActive = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
     if (isActive) {
       document.body.classList.add("external-artifact-drag-active");
@@ -34043,7 +34111,7 @@ var ExternalDropZone = ({
       document.body.classList.remove("external-artifact-drag-active");
     };
   }, [isValidDrag, isPlacementMode, isHoveringInPlacementMode]);
-  useEffect114(() => {
+  useEffect115(() => {
     return () => {
       if (scrollAnimationRef.current) {
         cancelAnimationFrame(scrollAnimationRef.current);
@@ -34333,7 +34401,7 @@ function DebugButton({ editor }) {
 }
 
 // src/mantine/components/PageHeader.tsx
-import React305, { useState as useState142, useRef as useRef33, useEffect as useEffect115 } from "react";
+import React305, { useState as useState142, useRef as useRef34, useEffect as useEffect116 } from "react";
 function PageHeader({
   title = "New page",
   icon: icon2,
@@ -34347,9 +34415,9 @@ function PageHeader({
 }) {
   const [isMenuOpen, setIsMenuOpen] = useState142(false);
   const [isPrivacyOpen, setIsPrivacyOpen] = useState142(false);
-  const menuRef = useRef33(null);
-  const privacyRef = useRef33(null);
-  useEffect115(() => {
+  const menuRef = useRef34(null);
+  const privacyRef = useRef34(null);
+  useEffect116(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         setIsMenuOpen(false);
@@ -34619,8 +34687,8 @@ var EntitySigningSetup = ({ opened, onClose, entityDid, entityName, onSetup }) =
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
-import React307, { useState as useState144, useEffect as useEffect116, useMemo as useMemo126 } from "react";
-import { Stack as Stack203, Text as Text178, Paper as Paper19, Group as Group113, Badge as Badge46, Button as Button58, ActionIcon as ActionIcon39, Loader as Loader54, Alert as Alert55, Divider as Divider28 } from "@mantine/core";
+import React307, { useState as useState144, useEffect as useEffect117, useMemo as useMemo126 } from "react";
+import { Stack as Stack203, Text as Text178, Paper as Paper19, Group as Group113, Badge as Badge46, Button as Button58, ActionIcon as ActionIcon39, Loader as Loader55, Alert as Alert55, Divider as Divider28 } from "@mantine/core";
 import { IconPlus as IconPlus11, IconTrash as IconTrash12, IconShieldCheck as IconShieldCheck16, IconUser as IconUser14, IconRobot as IconRobot4, IconBuilding as IconBuilding2 } from "@tabler/icons-react";
 var FlowPermissionsPanel = ({ editor, entityDid, entityName, onGrantPermission, onRevokePermission, getUserDisplayName }) => {
   const [delegations, setDelegations] = useState144([]);
@@ -34632,7 +34700,7 @@ var FlowPermissionsPanel = ({ editor, entityDid, entityName, onGrantPermission,
     }
     return null;
   }, [editor]);
-  useEffect116(() => {
+  useEffect117(() => {
     const loadDelegations = async () => {
       setLoading(true);
       let allDelegations = [];
@@ -34697,12 +34765,12 @@ var FlowPermissionsPanel = ({ editor, entityDid, entityName, onGrantPermission,
     if (date < /* @__PURE__ */ new Date()) return "Expired";
     return date.toLocaleDateString();
   };
-  return /* @__PURE__ */ React307.createElement(Stack203, { gap: "md" }, /* @__PURE__ */ React307.createElement(Stack203, { gap: "xs" }, /* @__PURE__ */ React307.createElement(Text178, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React307.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React307.createElement(Group113, { gap: "xs" }, /* @__PURE__ */ React307.createElement(IconShieldCheck16, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React307.createElement(Stack203, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React307.createElement(Text178, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React307.createElement(Text178, { size: "xs", c: "dimmed" }, rootDelegation ? `Granted: ${new Date(rootDelegation.createdAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React307.createElement(Badge46, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React307.createElement(Divider28, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React307.createElement(Group113, { justify: "center", py: "xl" }, /* @__PURE__ */ React307.createElement(Loader54, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React307.createElement(Alert55, { color: "gray", variant: "light" }, /* @__PURE__ */ React307.createElement(Text178, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React307.createElement(Stack203, { gap: "xs" }, delegations.map(({ delegation, displayName, type }) => /* @__PURE__ */ React307.createElement(Paper19, { key: delegation.cid, p: "sm", withBorder: true }, /* @__PURE__ */ React307.createElement(Group113, { justify: "space-between" }, /* @__PURE__ */ React307.createElement(Group113, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React307.createElement(Stack203, { gap: 2 }, /* @__PURE__ */ React307.createElement(Text178, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React307.createElement(Text178, { size: "xs", c: "dimmed" }, formatCapabilities(delegation.capabilities)), /* @__PURE__ */ React307.createElement(Group113, { gap: "xs" }, /* @__PURE__ */ React307.createElement(Text178, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(delegation.expiration)), /* @__PURE__ */ React307.createElement(Text178, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React307.createElement(Text178, { size: "xs", c: "dimmed" }, "Granted by: ", delegation.issuerDid === entityDid ? "Entity" : delegation.issuerDid.slice(-8))))), /* @__PURE__ */ React307.createElement(ActionIcon39, { color: "red", variant: "subtle", onClick: () => handleRevoke(delegation.cid), loading: revoking === delegation.cid, disabled: !!revoking }, /* @__PURE__ */ React307.createElement(IconTrash12, { size: 16 })))))), /* @__PURE__ */ React307.createElement(Button58, { leftSection: /* @__PURE__ */ React307.createElement(IconPlus11, { size: 16 }), variant: "light", onClick: onGrantPermission }, "Grant Permission"));
+  return /* @__PURE__ */ React307.createElement(Stack203, { gap: "md" }, /* @__PURE__ */ React307.createElement(Stack203, { gap: "xs" }, /* @__PURE__ */ React307.createElement(Text178, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React307.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React307.createElement(Group113, { gap: "xs" }, /* @__PURE__ */ React307.createElement(IconShieldCheck16, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React307.createElement(Stack203, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React307.createElement(Text178, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React307.createElement(Text178, { size: "xs", c: "dimmed" }, rootDelegation ? `Granted: ${new Date(rootDelegation.createdAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React307.createElement(Badge46, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React307.createElement(Divider28, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React307.createElement(Group113, { justify: "center", py: "xl" }, /* @__PURE__ */ React307.createElement(Loader55, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React307.createElement(Alert55, { color: "gray", variant: "light" }, /* @__PURE__ */ React307.createElement(Text178, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React307.createElement(Stack203, { gap: "xs" }, delegations.map(({ delegation, displayName, type }) => /* @__PURE__ */ React307.createElement(Paper19, { key: delegation.cid, p: "sm", withBorder: true }, /* @__PURE__ */ React307.createElement(Group113, { justify: "space-between" }, /* @__PURE__ */ React307.createElement(Group113, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React307.createElement(Stack203, { gap: 2 }, /* @__PURE__ */ React307.createElement(Text178, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React307.createElement(Text178, { size: "xs", c: "dimmed" }, formatCapabilities(delegation.capabilities)), /* @__PURE__ */ React307.createElement(Group113, { gap: "xs" }, /* @__PURE__ */ React307.createElement(Text178, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(delegation.expiration)), /* @__PURE__ */ React307.createElement(Text178, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React307.createElement(Text178, { size: "xs", c: "dimmed" }, "Granted by: ", delegation.issuerDid === entityDid ? "Entity" : delegation.issuerDid.slice(-8))))), /* @__PURE__ */ React307.createElement(ActionIcon39, { color: "red", variant: "subtle", onClick: () => handleRevoke(delegation.cid), loading: revoking === delegation.cid, disabled: !!revoking }, /* @__PURE__ */ React307.createElement(IconTrash12, { size: 16 })))))), /* @__PURE__ */ React307.createElement(Button58, { leftSection: /* @__PURE__ */ React307.createElement(IconPlus11, { size: 16 }), variant: "light", onClick: onGrantPermission }, "Grant Permission"));
 };
 
 // src/mantine/components/GrantPermissionModal.tsx
-import React308, { useState as useState145, useCallback as useCallback113 } from "react";
-import { Modal as Modal5, Stack as Stack204, Text as Text179, TextInput as TextInput9, Button as Button59, Group as Group114, Radio as Radio5, Checkbox as Checkbox13, Alert as Alert56, Paper as Paper20, Loader as Loader55, Badge as Badge47, ActionIcon as ActionIcon40, Divider as Divider29, NumberInput as NumberInput3 } from "@mantine/core";
+import React308, { useState as useState145, useCallback as useCallback114 } from "react";
+import { Modal as Modal5, Stack as Stack204, Text as Text179, TextInput as TextInput9, Button as Button59, Group as Group114, Radio as Radio5, Checkbox as Checkbox13, Alert as Alert56, Paper as Paper20, Loader as Loader56, Badge as Badge47, ActionIcon as ActionIcon40, Divider as Divider29, NumberInput as NumberInput3 } from "@mantine/core";
 import { IconSearch as IconSearch8, IconUser as IconUser15, IconRobot as IconRobot5, IconX as IconX15, IconShieldPlus as IconShieldPlus4 } from "@tabler/icons-react";
 var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, searchUsers, getOracles, onGrant }) => {
   const singleBlockMode = !!targetBlockId || blocks.length === 1;
@@ -34722,7 +34790,7 @@ var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, s
   const [pin, setPin] = useState145("");
   const [loading, setLoading] = useState145(false);
   const [error, setError] = useState145(null);
-  const handleSearch = useCallback113(async () => {
+  const handleSearch = useCallback114(async () => {
     if (searchQuery.length < 2) return;
     setSearching(true);
     try {
@@ -34833,7 +34901,7 @@ var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, s
       {
         placeholder: recipientType === "oracle" ? "Search oracles..." : "Search users...",
         leftSection: /* @__PURE__ */ React308.createElement(IconSearch8, { size: 16 }),
-        rightSection: searching ? /* @__PURE__ */ React308.createElement(Loader55, { size: 14 }) : null,
+        rightSection: searching ? /* @__PURE__ */ React308.createElement(Loader56, { size: 14 }) : null,
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
         onKeyDown: (e) => e.key === "Enter" && handleSearch()
@@ -34980,4 +35048,4 @@ export {
   getExtraSlashMenuItems,
   useCreateIxoEditor
 };
-//# sourceMappingURL=chunk-5POKGPCS.mjs.map
+//# sourceMappingURL=chunk-WIPR64OD.mjs.map