@ixo/editor 2.27.0 → 2.27.1

package/dist/{chunk-FLFC7MR5.mjs → chunk-HT2SFUTR.mjs}

@@ -18707,9 +18707,9 @@ var EmailTemplateView = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/email/flow/FlowView.tsx
-import React177 from "react";
-import { Alert as Alert25, Badge as Badge27, Button as Button33, Group as Group58, Loader as Loader23, Stack as Stack123, Text as Text97, Tooltip as Tooltip17 } from "@mantine/core";
-import { IconMail as IconMail4, IconSend as IconSend4, IconAlertCircle as IconAlertCircle10, IconCheck as IconCheck8, IconRefresh as IconRefresh7 } from "@tabler/icons-react";
+import React177, { useMemo as useMemo56 } from "react";
+import { Group as Group58, Stack as Stack123, Text as Text97, ActionIcon as ActionIcon29, Tooltip as Tooltip17, Button as Button33, Badge as Badge27, Alert as Alert25, Loader as Loader23, Divider as Divider16 } from "@mantine/core";
+import { IconSend as IconSend4, IconCheck as IconCheck8, IconX as IconX10 } from "@tabler/icons-react";
 
 // src/mantine/blocks/email/flow/hooks/useEmailActions.ts
 import { useState as useState65, useCallback as useCallback49 } from "react";
@@ -18810,61 +18810,68 @@ function useEmailActions({ block, editor }) {
 }
 
 // src/mantine/blocks/email/flow/FlowView.tsx
-function formatTime2(isoString) {
-  try {
-    const date = new Date(isoString);
-    return date.toLocaleString();
-  } catch {
-    return isoString;
-  }
-}
 var EmailFlowView = ({ editor, block, isDisabled }) => {
   const disabled = isDisabled?.isDisabled === "disable";
+  const { closePanel } = usePanelStore();
+  const assignmentPanelContent = useMemo56(
+    () => /* @__PURE__ */ React177.createElement(BaseRightPanelLayout, { onClose: closePanel, title: "Assignment Tab" }, /* @__PURE__ */ React177.createElement(AssignmentTab, { editor, block })),
+    [editor, block]
+  );
+  const assignmentPanelId = `email-assignment-panel-${block.id}`;
+  const { open: openAssignment } = usePanel(assignmentPanelId, assignmentPanelContent);
+  const detailsPanelContent = useMemo56(() => /* @__PURE__ */ React177.createElement(EmailDetailsPanel, { editor, block, onClose: closePanel }), [editor, block]);
+  const detailsPanelId = `email-details-panel-${block.id}`;
+  const { open: openDetails } = usePanel(detailsPanelId, detailsPanelContent);
   const { sendEmail, resetStatus, loading } = useEmailActions({ block, editor });
   const status = block.props.status || "idle";
   const editorDocument = editor.document || [];
   const toDisplay = resolveReferences(block.props.to, editorDocument);
-  const subjectDisplay = resolveReferences(block.props.subject, editorDocument);
-  const getStatusColor2 = () => {
-    switch (status) {
-      case "sending":
-        return "blue";
+  const getStatusColor2 = (s) => {
+    switch (s) {
       case "sent":
         return "green";
       case "error":
         return "red";
-      default:
-        return "gray";
-    }
-  };
-  const getStatusText = () => {
-    switch (status) {
-      case "sending":
-        return "Sending...";
-      case "sent":
-        return `Sent ${block.props.lastSentAt ? formatTime2(block.props.lastSentAt) : ""}`;
-      case "error":
-        return "Failed";
-      default:
-        return "Ready";
-    }
-  };
-  const getStatusIcon = () => {
-    switch (status) {
       case "sending":
-        return /* @__PURE__ */ React177.createElement(Loader23, { size: 14 });
-      case "sent":
-        return /* @__PURE__ */ React177.createElement(IconCheck8, { size: 14 });
-      case "error":
-        return /* @__PURE__ */ React177.createElement(IconAlertCircle10, { size: 14 });
+        return "blue";
       default:
-        return /* @__PURE__ */ React177.createElement(IconMail4, { size: 14 });
+        return "gray";
     }
   };
   const canSend = !disabled && !loading && block.props.templateName && block.props.to && block.props.from;
-  const sendButton = /* @__PURE__ */ React177.createElement(Button33, { leftSection: loading ? /* @__PURE__ */ React177.createElement(Loader23, { size: "xs", color: "white" }) : /* @__PURE__ */ React177.createElement(IconSend4, { size: 16 }), onClick: sendEmail, disabled: !canSend, loading, size: "sm" }, block.props.buttonLabel || "Send Email");
-  return /* @__PURE__ */ React177.createElement(BaseContainer, null, /* @__PURE__ */ React177.createElement(Stack123, { gap: "sm" }, /* @__PURE__ */ React177.createElement(Group58, { justify: "space-between", wrap: "nowrap" }, /* @__PURE__ */ React177.createElement(Group58, { wrap: "nowrap" }, /* @__PURE__ */ React177.createElement(IconMail4, { size: 20, style: { color: "var(--mantine-color-blue-6)" } }), /* @__PURE__ */ React177.createElement(Text97, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Send Email")), /* @__PURE__ */ React177.createElement(Badge27, { color: getStatusColor2(), leftSection: getStatusIcon(), size: "sm" }, getStatusText())), block.props.description && /* @__PURE__ */ React177.createElement(Text97, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description), /* @__PURE__ */ React177.createElement(Stack123, { gap: 4 }, /* @__PURE__ */ React177.createElement(Text97, { size: "xs", contentEditable: false }, /* @__PURE__ */ React177.createElement(Text97, { span: true, fw: 500 }, "To:"), " ", toDisplay || /* @__PURE__ */ React177.createElement(Text97, { span: true, c: "orange" }, "Not configured")), /* @__PURE__ */ React177.createElement(Text97, { size: "xs", contentEditable: false }, /* @__PURE__ */ React177.createElement(Text97, { span: true, fw: 500 }, "Subject:"), " ", subjectDisplay || /* @__PURE__ */ React177.createElement(Text97, { span: true, c: "dimmed" }, "No subject"))), status === "error" && block.props.error && /* @__PURE__ */ React177.createElement(Alert25, { color: "red", icon: /* @__PURE__ */ React177.createElement(IconAlertCircle10, { size: 16 }), py: "xs" }, block.props.error), /* @__PURE__ */ React177.createElement(Group58, { gap: "sm" }, disabled && isDisabled?.message ? /* @__PURE__ */ React177.createElement(Tooltip17, { label: isDisabled.message, position: "top", withArrow: true }, sendButton) : sendButton, status === "error" && /* @__PURE__ */ React177.createElement(Button33, { variant: "light", color: "gray", size: "sm", leftSection: /* @__PURE__ */ React177.createElement(IconRefresh7, { size: 16 }), onClick: resetStatus }, "Reset"), status === "sent" && /* @__PURE__ */ React177.createElement(Button33, { variant: "light", color: "blue", size: "sm", leftSection: /* @__PURE__ */ React177.createElement(IconRefresh7, { size: 16 }), onClick: resetStatus }, "Send Again")), status === "sent" && block.props.lastMessageId && /* @__PURE__ */ React177.createElement(Text97, { size: "xs", c: "dimmed", contentEditable: false }, "Message ID: ", block.props.lastMessageId)));
+  const sendButton = /* @__PURE__ */ React177.createElement(
+    Button33,
+    {
+      size: "sm",
+      variant: "light",
+      color: "blue",
+      leftSection: loading ? /* @__PURE__ */ React177.createElement(Loader23, { size: 14 }) : status === "sent" ? /* @__PURE__ */ React177.createElement(IconCheck8, { size: 14 }) : /* @__PURE__ */ React177.createElement(IconSend4, { size: 14 }),
+      onClick: sendEmail,
+      disabled: !canSend,
+      style: { flexShrink: 0 }
+    },
+    loading ? "Sending..." : status === "sent" ? "Sent" : block.props.buttonLabel || "Send"
+  );
+  return /* @__PURE__ */ React177.createElement(BaseContainer, { onClick: openDetails }, /* @__PURE__ */ React177.createElement(Stack123, { gap: "md" }, /* @__PURE__ */ React177.createElement(Group58, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React177.createElement(Group58, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, getIcon("mail", block.props.icon), /* @__PURE__ */ React177.createElement(Stack123, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React177.createElement(Group58, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React177.createElement(Badge27, { size: "sm", variant: "filled", color: "blue" }, "EMAIL"), /* @__PURE__ */ React177.createElement(Text97, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Send Email"), status !== "idle" && /* @__PURE__ */ React177.createElement(Badge27, { size: "xs", variant: "dot", color: getStatusColor2(status) }, status)), /* @__PURE__ */ React177.createElement(Text97, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, toDisplay ? `To: ${toDisplay}` : "No recipient configured"), block.props.description && /* @__PURE__ */ React177.createElement(Text97, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React177.createElement(Group58, { gap: "xs", style: { flexShrink: 0 }, onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React177.createElement(AssignmentDisplay, { block, onClick: openAssignment }), disabled && isDisabled?.message ? /* @__PURE__ */ React177.createElement(Tooltip17, { label: isDisabled.message, position: "left", withArrow: true }, sendButton) : sendButton, status === "sent" && /* @__PURE__ */ React177.createElement(Tooltip17, { label: "Send again", position: "top", withArrow: true }, /* @__PURE__ */ React177.createElement(ActionIcon29, { variant: "light", color: "blue", onClick: resetStatus }, /* @__PURE__ */ React177.createElement(IconSend4, { size: 14 }))))), status === "error" && block.props.error && /* @__PURE__ */ React177.createElement(Alert25, { color: "red", icon: /* @__PURE__ */ React177.createElement(IconX10, { size: 16 }), title: "Failed to send", styles: { message: { fontSize: "12px" } } }, block.props.error)));
 };
+function EmailDetailsPanel({ editor, block, onClose }) {
+  const editorDocument = editor.document || [];
+  const toDisplay = resolveReferences(block.props.to, editorDocument);
+  const subjectDisplay = resolveReferences(block.props.subject, editorDocument);
+  const fromDisplay = block.props.from ? resolveReferences(block.props.from, editorDocument) : "";
+  const ccDisplay = block.props.cc ? resolveReferences(block.props.cc, editorDocument) : "";
+  const bccDisplay = block.props.bcc ? resolveReferences(block.props.bcc, editorDocument) : "";
+  const replyToDisplay = block.props.replyTo ? resolveReferences(block.props.replyTo, editorDocument) : "";
+  let variables = {};
+  try {
+    variables = JSON.parse(block.props.variables || "{}");
+  } catch {
+  }
+  return /* @__PURE__ */ React177.createElement(BaseRightPanelLayout, { onClose, title: "Email Details" }, /* @__PURE__ */ React177.createElement(Stack123, { gap: "lg", py: "md" }, /* @__PURE__ */ React177.createElement(Stack123, { gap: "xs" }, /* @__PURE__ */ React177.createElement(Text97, { size: "sm", fw: 600 }, "Recipients"), /* @__PURE__ */ React177.createElement(DetailRow, { label: "To", value: toDisplay }), fromDisplay && /* @__PURE__ */ React177.createElement(DetailRow, { label: "From", value: fromDisplay }), ccDisplay && /* @__PURE__ */ React177.createElement(DetailRow, { label: "CC", value: ccDisplay }), bccDisplay && /* @__PURE__ */ React177.createElement(DetailRow, { label: "BCC", value: bccDisplay }), replyToDisplay && /* @__PURE__ */ React177.createElement(DetailRow, { label: "Reply-To", value: replyToDisplay })), /* @__PURE__ */ React177.createElement(Divider16, null), /* @__PURE__ */ React177.createElement(Stack123, { gap: "xs" }, /* @__PURE__ */ React177.createElement(Text97, { size: "sm", fw: 600 }, "Subject"), /* @__PURE__ */ React177.createElement(Text97, { size: "sm", c: subjectDisplay ? void 0 : "dimmed" }, subjectDisplay || "No subject")), /* @__PURE__ */ React177.createElement(Divider16, null), /* @__PURE__ */ React177.createElement(Stack123, { gap: "xs" }, /* @__PURE__ */ React177.createElement(Text97, { size: "sm", fw: 600 }, "Template"), /* @__PURE__ */ React177.createElement(DetailRow, { label: "Name", value: block.props.templateName, placeholder: "Not selected" }), block.props.templateVersion && /* @__PURE__ */ React177.createElement(DetailRow, { label: "Version", value: block.props.templateVersion })), Object.keys(variables).length > 0 && /* @__PURE__ */ React177.createElement(React177.Fragment, null, /* @__PURE__ */ React177.createElement(Divider16, null), /* @__PURE__ */ React177.createElement(Stack123, { gap: "xs" }, /* @__PURE__ */ React177.createElement(Text97, { size: "sm", fw: 600 }, "Variables"), Object.entries(variables).map(([key, value]) => /* @__PURE__ */ React177.createElement(DetailRow, { key, label: key, value: resolveReferences(value, editorDocument) })))), block.props.status && block.props.status !== "idle" && /* @__PURE__ */ React177.createElement(React177.Fragment, null, /* @__PURE__ */ React177.createElement(Divider16, null), /* @__PURE__ */ React177.createElement(Stack123, { gap: "xs" }, /* @__PURE__ */ React177.createElement(Text97, { size: "sm", fw: 600 }, "Status"), /* @__PURE__ */ React177.createElement(DetailRow, { label: "Status", value: block.props.status }), block.props.lastSentAt && /* @__PURE__ */ React177.createElement(DetailRow, { label: "Last sent", value: new Date(block.props.lastSentAt).toLocaleString() }), block.props.lastMessageId && /* @__PURE__ */ React177.createElement(DetailRow, { label: "Message ID", value: block.props.lastMessageId }), block.props.error && /* @__PURE__ */ React177.createElement(Text97, { size: "xs", c: "red" }, block.props.error)))));
+}
+function DetailRow({ label, value, placeholder }) {
+  return /* @__PURE__ */ React177.createElement(Group58, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React177.createElement(Text97, { size: "xs", fw: 500, c: "dimmed", style: { minWidth: 70 } }, label, ":"), /* @__PURE__ */ React177.createElement(Text97, { size: "xs", c: value ? void 0 : "dimmed", lineClamp: 1, style: { flex: 1 } }, value || placeholder || "\u2014"));
+}
 
 // src/mantine/blocks/email/EmailBlock.tsx
 function EmailBlock({ editor, block }) {
@@ -18948,19 +18955,19 @@ import { createReactBlockSpec as createReactBlockSpec15 } from "@blocknote/react
 import React186 from "react";
 
 // src/mantine/blocks/protocolSelector/template/TemplateView.tsx
-import React182, { useMemo as useMemo57 } from "react";
+import React182, { useMemo as useMemo58 } from "react";
 
 // src/mantine/blocks/protocolSelector/template/TemplateConfig.tsx
 import React181, { useCallback as useCallback50 } from "react";
 
 // src/mantine/blocks/protocolSelector/template/GeneralTab.tsx
-import React180, { useEffect as useEffect51, useMemo as useMemo56, useState as useState66 } from "react";
-import { Divider as Divider16, Stack as Stack124, Text as Text98, PillsInput as PillsInput2, Pill as Pill2, Box as Box35 } from "@mantine/core";
+import React180, { useEffect as useEffect51, useMemo as useMemo57, useState as useState66 } from "react";
+import { Divider as Divider17, Stack as Stack124, Text as Text98, PillsInput as PillsInput2, Pill as Pill2, Box as Box35 } from "@mantine/core";
 var GeneralTab11 = ({ title, description, protocolDids, onTitleChange, onDescriptionChange, onProtocolDidsChange }) => {
   const [localTitle, setLocalTitle] = useState66(title || "");
   const [localDescription, setLocalDescription] = useState66(description || "");
   const [inputValue, setInputValue] = useState66("");
-  const localDids = useMemo56(() => {
+  const localDids = useMemo57(() => {
     try {
       const parsed = JSON.parse(protocolDids || "[]");
       return Array.isArray(parsed) ? parsed : [];
@@ -19010,7 +19017,7 @@ var GeneralTab11 = ({ title, description, protocolDids, onTitleChange, onDescrip
         onDescriptionChange(newDescription);
       }
     }
-  )), /* @__PURE__ */ React180.createElement(Divider16, { variant: "dashed" }), /* @__PURE__ */ React180.createElement(Stack124, { gap: "xs" }, /* @__PURE__ */ React180.createElement(Text98, { size: "sm", fw: 600 }, "Protocol DIDs"), /* @__PURE__ */ React180.createElement(Text98, { size: "xs", c: "dimmed" }, "Add the protocol DIDs that users can select from. Enter a DID and press Enter to add it."), /* @__PURE__ */ React180.createElement(PillsInput2, null, /* @__PURE__ */ React180.createElement(Pill2.Group, null, localDids.map((did) => /* @__PURE__ */ React180.createElement(Pill2, { key: did, withRemoveButton: true, onRemove: () => handleRemoveDid(did) }, did.length > 30 ? `${did.slice(0, 15)}...${did.slice(-12)}` : did)), /* @__PURE__ */ React180.createElement(
+  )), /* @__PURE__ */ React180.createElement(Divider17, { variant: "dashed" }), /* @__PURE__ */ React180.createElement(Stack124, { gap: "xs" }, /* @__PURE__ */ React180.createElement(Text98, { size: "sm", fw: 600 }, "Protocol DIDs"), /* @__PURE__ */ React180.createElement(Text98, { size: "xs", c: "dimmed" }, "Add the protocol DIDs that users can select from. Enter a DID and press Enter to add it."), /* @__PURE__ */ React180.createElement(PillsInput2, null, /* @__PURE__ */ React180.createElement(Pill2.Group, null, localDids.map((did) => /* @__PURE__ */ React180.createElement(Pill2, { key: did, withRemoveButton: true, onRemove: () => handleRemoveDid(did) }, did.length > 30 ? `${did.slice(0, 15)}...${did.slice(-12)}` : did)), /* @__PURE__ */ React180.createElement(
     PillsInput2.Field,
     {
       placeholder: localDids.length === 0 ? "Enter protocol DID and press Enter" : "",
@@ -19071,9 +19078,9 @@ import { IconCircleDashed as IconCircleDashed2 } from "@tabler/icons-react";
 var PROTOCOL_SELECTOR_TEMPLATE_PANEL_ID = "protocol-selector-template-panel";
 var ProtocolSelectorTemplateView = ({ editor, block }) => {
   const panelId = `${PROTOCOL_SELECTOR_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo57(() => /* @__PURE__ */ React182.createElement(TemplateConfig11, { editor, block }), [editor, block]);
+  const panelContent = useMemo58(() => /* @__PURE__ */ React182.createElement(TemplateConfig11, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
-  const protocolDids = useMemo57(() => {
+  const protocolDids = useMemo58(() => {
     try {
       const parsed = JSON.parse(block.props.protocolDids || "[]");
       return Array.isArray(parsed) ? parsed : [];
@@ -19099,12 +19106,12 @@ var ProtocolSelectorTemplateView = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/protocolSelector/flow/FlowView.tsx
-import React185, { useMemo as useMemo59 } from "react";
+import React185, { useMemo as useMemo60 } from "react";
 import { Badge as Badge28, Box as Box38, Group as Group61, Stack as Stack127, Text as Text101, Tooltip as Tooltip18 } from "@mantine/core";
 import { IconCircleDashed as IconCircleDashed3, IconChecks } from "@tabler/icons-react";
 
 // src/mantine/blocks/protocolSelector/flow/ProtocolSelectionPanel.tsx
-import React184, { useState as useState67, useEffect as useEffect52, useMemo as useMemo58, useCallback as useCallback51 } from "react";
+import React184, { useState as useState67, useEffect as useEffect52, useMemo as useMemo59, useCallback as useCallback51 } from "react";
 import { Stack as Stack126, Text as Text100, Box as Box37, Group as Group60, Loader as Loader24 } from "@mantine/core";
 
 // src/icons/EntityAvatar.tsx
@@ -19134,7 +19141,7 @@ var EntityAvatar_default = EntityAvatar;
 var ProtocolSelectionPanel = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
   const handlers = useBlocknoteHandlers();
-  const protocolDids = useMemo58(() => {
+  const protocolDids = useMemo59(() => {
     try {
       const parsed = JSON.parse(block.props.protocolDids || "[]");
       return Array.isArray(parsed) ? parsed : [];
@@ -19257,7 +19264,7 @@ var ProtocolSelectorFlowView = ({ editor, block, isDisabled }) => {
   const disabled = isDisabled?.isDisabled === "disable";
   const panelId = `${PROTOCOL_SELECTOR_FLOW_PANEL_ID}-${block.id}`;
   const isCompleted = block.props.status === "completed" && block.props.selectedProtocolDid;
-  const panelContent = useMemo59(() => /* @__PURE__ */ React185.createElement(ProtocolSelectionPanel, { editor, block }), [editor, block]);
+  const panelContent = useMemo60(() => /* @__PURE__ */ React185.createElement(ProtocolSelectionPanel, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const handleClick = () => {
     if (disabled) return;
@@ -19362,7 +19369,7 @@ import { createReactBlockSpec as createReactBlockSpec16 } from "@blocknote/react
 import React193 from "react";
 
 // src/mantine/blocks/form/template/TemplateView.tsx
-import React190, { useMemo as useMemo60 } from "react";
+import React190, { useMemo as useMemo61 } from "react";
 import { Badge as Badge29, Group as Group62, Stack as Stack128, Text as Text103 } from "@mantine/core";
 
 // src/mantine/blocks/form/template/TemplateConfig.tsx
@@ -19518,22 +19525,22 @@ var TemplateConfig12 = ({ editor, block }) => {
 var FORM_TEMPLATE_PANEL_ID = "form-template-panel";
 var FormTemplateView = ({ editor, block }) => {
   const panelId = `${FORM_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo60(() => /* @__PURE__ */ React190.createElement(TemplateConfig12, { editor, block }), [editor, block]);
+  const panelContent = useMemo61(() => /* @__PURE__ */ React190.createElement(TemplateConfig12, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const hasSchema = Boolean(block.props.surveySchema);
   return /* @__PURE__ */ React190.createElement(BaseContainer, { onClick: open }, /* @__PURE__ */ React190.createElement(Badge29, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React190.createElement(Group62, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React190.createElement(Group62, { wrap: "nowrap", align: "center" }, getIcon("checklist", block.props.icon), /* @__PURE__ */ React190.createElement(Stack128, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React190.createElement(Text103, { fw: 500, size: "sm" }, block.props.title || "Form"), /* @__PURE__ */ React190.createElement(Text103, { size: "xs", c: "dimmed" }, hasSchema ? "Form configured" : "Click to configure form schema")))));
 };
 
 // src/mantine/blocks/form/flow/FlowView.tsx
-import React192, { useMemo as useMemo62, useState as useState69, useCallback as useCallback54 } from "react";
-import { ActionIcon as ActionIcon29, Badge as Badge30, Group as Group63, Stack as Stack129, Text as Text105, Tooltip as Tooltip19 } from "@mantine/core";
+import React192, { useMemo as useMemo63, useState as useState69, useCallback as useCallback54 } from "react";
+import { ActionIcon as ActionIcon30, Badge as Badge30, Group as Group63, Stack as Stack129, Text as Text105, Tooltip as Tooltip19 } from "@mantine/core";
 import { IconChevronRight as IconChevronRight7 } from "@tabler/icons-react";
 
 // src/mantine/blocks/form/flow/FormPanel.tsx
-import React191, { useCallback as useCallback53, useEffect as useEffect54, useMemo as useMemo61, useRef as useRef14 } from "react";
+import React191, { useCallback as useCallback53, useEffect as useEffect54, useMemo as useMemo62, useRef as useRef14 } from "react";
 import { Alert as Alert26, Text as Text104 } from "@mantine/core";
 import { useDebouncedCallback as useDebouncedCallback2 } from "@mantine/hooks";
-import { IconAlertCircle as IconAlertCircle11 } from "@tabler/icons-react";
+import { IconAlertCircle as IconAlertCircle10 } from "@tabler/icons-react";
 import { Survey as Survey6, SurveyModel as SurveyModel6 } from "@ixo/surveys";
 var SYNC_DEBOUNCE_MS2 = 300;
 function deepEqual2(a, b) {
@@ -19557,7 +19564,7 @@ var FormPanel = ({ editor, block, onComplete }) => {
   const { closePanel } = usePanelStore();
   const isUpdatingFromProp = useRef14(false);
   const lastSyncedAnswers = useRef14("");
-  const surveySchema = useMemo61(() => {
+  const surveySchema = useMemo62(() => {
     if (!block.props.surveySchema) return null;
     try {
       return JSON.parse(block.props.surveySchema);
@@ -19565,7 +19572,7 @@ var FormPanel = ({ editor, block, onComplete }) => {
       return null;
     }
   }, [block.props.surveySchema]);
-  const surveyModel = useMemo61(() => {
+  const surveyModel = useMemo62(() => {
     if (!surveySchema) return null;
     const model = new SurveyModel6(surveySchema);
     model.applyTheme(surveyTheme);
@@ -19651,7 +19658,7 @@ var FormPanel = ({ editor, block, onComplete }) => {
     closePanel();
   }, [closePanel]);
   if (!surveySchema) {
-    return /* @__PURE__ */ React191.createElement(BaseRightPanelLayout, { title: block.props.title || "Form", onClose: handleClose }, /* @__PURE__ */ React191.createElement(Alert26, { icon: /* @__PURE__ */ React191.createElement(IconAlertCircle11, { size: 16 }), title: "Form Not Configured", color: "yellow" }, /* @__PURE__ */ React191.createElement(Text104, { size: "sm" }, "No survey schema has been configured for this form. Please configure it in template mode.")));
+    return /* @__PURE__ */ React191.createElement(BaseRightPanelLayout, { title: block.props.title || "Form", onClose: handleClose }, /* @__PURE__ */ React191.createElement(Alert26, { icon: /* @__PURE__ */ React191.createElement(IconAlertCircle10, { size: 16 }), title: "Form Not Configured", color: "yellow" }, /* @__PURE__ */ React191.createElement(Text104, { size: "sm" }, "No survey schema has been configured for this form. Please configure it in template mode.")));
   }
   return /* @__PURE__ */ React191.createElement(
     BaseRightPanelLayout,
@@ -19680,7 +19687,7 @@ var FormFlowView = ({ editor, block }) => {
     });
   }, [editor, block]);
   const panelId = `${FORM_FLOW_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo62(() => /* @__PURE__ */ React192.createElement(FormPanel, { editor, block, onComplete: handleComplete }), [editor, block, handleComplete]);
+  const panelContent = useMemo63(() => /* @__PURE__ */ React192.createElement(FormPanel, { editor, block, onComplete: handleComplete }), [editor, block, handleComplete]);
   const { open } = usePanel(panelId, panelContent);
   const handleOpen = () => {
     setHasOpened(true);
@@ -19717,7 +19724,7 @@ var FormFlowView = ({ editor, block }) => {
   )), /* @__PURE__ */ React192.createElement(Text105, { size: "xs", c: "dimmed", lineClamp: 2 }, isCompleted ? `Completed on ${new Date(block.props.completedAt).toLocaleDateString()}` : (
     // : block.props.description || (hasSchema ? 'Click to fill out the form' : 'Form not configured')}
     hasSchema ? "Click to fill out the form" : "Form not configured"
-  )))), /* @__PURE__ */ React192.createElement(Tooltip19, { label: isCompleted ? "View form" : "Fill form", withArrow: true }, /* @__PURE__ */ React192.createElement(ActionIcon29, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React192.createElement(IconChevronRight7, { size: 18 })))));
+  )))), /* @__PURE__ */ React192.createElement(Tooltip19, { label: isCompleted ? "View form" : "Fill form", withArrow: true }, /* @__PURE__ */ React192.createElement(ActionIcon30, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React192.createElement(IconChevronRight7, { size: 18 })))));
 };
 
 // src/mantine/blocks/form/FormBlock.tsx
@@ -19760,7 +19767,7 @@ import { createReactBlockSpec as createReactBlockSpec17 } from "@blocknote/react
 import React201 from "react";
 
 // src/mantine/blocks/domainCreatorSign/template/TemplateView.tsx
-import React197, { useMemo as useMemo63 } from "react";
+import React197, { useMemo as useMemo64 } from "react";
 import { Badge as Badge31, Group as Group64, Stack as Stack130, Text as Text106 } from "@mantine/core";
 
 // src/mantine/blocks/domainCreatorSign/template/TemplateConfig.tsx
@@ -19860,11 +19867,11 @@ var DOMAIN_CREATOR_SIGN_TEMPLATE_PANEL_ID = "domain-creator-sign-template-panel"
 var DOMAIN_CREATOR_SIGN_TEMPLATE_ASSIGNMENT_PANEL_ID = "domain-creator-sign-template-assignment-panel";
 var DomainCreatorSignTemplateView = ({ editor, block }) => {
   const panelId = `${DOMAIN_CREATOR_SIGN_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo63(() => /* @__PURE__ */ React197.createElement(TemplateConfig13, { editor, block }), [editor, block]);
+  const panelContent = useMemo64(() => /* @__PURE__ */ React197.createElement(TemplateConfig13, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const { closePanel } = usePanelStore();
   const assignmentPanelId = `${DOMAIN_CREATOR_SIGN_TEMPLATE_ASSIGNMENT_PANEL_ID}-${block.id}`;
-  const assignmentPanelContent = useMemo63(
+  const assignmentPanelContent = useMemo64(
     () => /* @__PURE__ */ React197.createElement(BaseRightPanelLayout, { onClose: closePanel, title: "Assignment Tab" }, /* @__PURE__ */ React197.createElement(AssignmentTab, { editor, block })),
     [editor, block, closePanel]
   );
@@ -19873,13 +19880,13 @@ var DomainCreatorSignTemplateView = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/domainCreatorSign/flow/FlowView.tsx
-import React200, { useCallback as useCallback57, useMemo as useMemo64, useEffect as useEffect56 } from "react";
-import { ActionIcon as ActionIcon30, Badge as Badge33, Group as Group67, Stack as Stack133, Text as Text109, Tooltip as Tooltip21 } from "@mantine/core";
+import React200, { useCallback as useCallback57, useMemo as useMemo65, useEffect as useEffect56 } from "react";
+import { ActionIcon as ActionIcon31, Badge as Badge33, Group as Group67, Stack as Stack133, Text as Text109, Tooltip as Tooltip21 } from "@mantine/core";
 import { IconChevronRight as IconChevronRight8 } from "@tabler/icons-react";
 
 // src/mantine/blocks/domainCreatorSign/flow/SignPanel.tsx
 import { Alert as Alert27, Button as Button34, Group as Group66, Loader as Loader25, Stack as Stack132, Text as Text108 } from "@mantine/core";
-import { IconAlertCircle as IconAlertCircle12, IconCheck as IconCheck9 } from "@tabler/icons-react";
+import { IconAlertCircle as IconAlertCircle11, IconCheck as IconCheck9 } from "@tabler/icons-react";
 import React199, { useCallback as useCallback56, useState as useState72 } from "react";
 
 // src/mantine/blocks/domainCreatorSign/utils/buildLinkedEntityResource.ts
@@ -20170,7 +20177,7 @@ var SignPanel = ({ editor, block, onComplete, onError }) => {
     return /* @__PURE__ */ React199.createElement(BaseRightPanelLayout, { onClose: handleClose, title: block.props.title || "Sign to Create" }, /* @__PURE__ */ React199.createElement(Stack132, { gap: "md" }, /* @__PURE__ */ React199.createElement(Alert27, { icon: /* @__PURE__ */ React199.createElement(IconCheck9, { size: 16 }), title: "Domain Created Successfully", color: "green" }, /* @__PURE__ */ React199.createElement(Stack132, { gap: "xs" }, /* @__PURE__ */ React199.createElement(Text108, { size: "sm" }, "Your domain has been created and the Domain Card credential has been signed and stored."), createdEntityDid && /* @__PURE__ */ React199.createElement(Text108, { size: "xs", c: "dimmed" }, "Entity DID: ", createdEntityDid))), /* @__PURE__ */ React199.createElement(Button34, { onClick: handleVisitEntity }, "Visit Entity")));
   }
   if (flowStep === "error") {
-    return /* @__PURE__ */ React199.createElement(BaseRightPanelLayout, { onClose: handleClose, title: block.props.title || "Sign to Create" }, /* @__PURE__ */ React199.createElement(Stack132, { gap: "md" }, /* @__PURE__ */ React199.createElement(Alert27, { icon: /* @__PURE__ */ React199.createElement(IconAlertCircle12, { size: 16 }), title: "Domain Creation Failed", color: "red" }, /* @__PURE__ */ React199.createElement(Text108, { size: "sm" }, error || "An unexpected error occurred")), /* @__PURE__ */ React199.createElement(Group66, null, /* @__PURE__ */ React199.createElement(Button34, { variant: "outline", onClick: handleRetry }, "Try Again"), /* @__PURE__ */ React199.createElement(Button34, { variant: "subtle", onClick: handleClose }, "Close"))));
+    return /* @__PURE__ */ React199.createElement(BaseRightPanelLayout, { onClose: handleClose, title: block.props.title || "Sign to Create" }, /* @__PURE__ */ React199.createElement(Stack132, { gap: "md" }, /* @__PURE__ */ React199.createElement(Alert27, { icon: /* @__PURE__ */ React199.createElement(IconAlertCircle11, { size: 16 }), title: "Domain Creation Failed", color: "red" }, /* @__PURE__ */ React199.createElement(Text108, { size: "sm" }, error || "An unexpected error occurred")), /* @__PURE__ */ React199.createElement(Group66, null, /* @__PURE__ */ React199.createElement(Button34, { variant: "outline", onClick: handleRetry }, "Try Again"), /* @__PURE__ */ React199.createElement(Button34, { variant: "subtle", onClick: handleClose }, "Close"))));
   }
   const domainCardData = getDomainCardData();
   return /* @__PURE__ */ React199.createElement(
@@ -20236,11 +20243,11 @@ var DomainCreatorSignFlowView = ({ editor, block }) => {
     [editor, block]
   );
   const panelId = `${DOMAIN_CREATOR_SIGN_FLOW_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo64(() => /* @__PURE__ */ React200.createElement(SignPanel, { editor, block, onComplete: handleComplete, onError: handleError }), [editor, block, handleComplete, handleError]);
+  const panelContent = useMemo65(() => /* @__PURE__ */ React200.createElement(SignPanel, { editor, block, onComplete: handleComplete, onError: handleError }), [editor, block, handleComplete, handleError]);
   const { open } = usePanel(panelId, panelContent);
   const { closePanel } = usePanelStore();
   const assignmentPanelId = `domain-creator-sign-assignment-${block.id}`;
-  const assignmentPanelContent = useMemo64(
+  const assignmentPanelContent = useMemo65(
     () => /* @__PURE__ */ React200.createElement(BaseRightPanelLayout, { onClose: closePanel, title: "Assignment Tab" }, /* @__PURE__ */ React200.createElement(AssignmentTab, { editor, block })),
     [editor, block, closePanel]
   );
@@ -20280,7 +20287,7 @@ var DomainCreatorSignFlowView = ({ editor, block }) => {
         return "Waiting for domain card data";
     }
   };
-  return /* @__PURE__ */ React200.createElement(BaseContainer, { onClick: isClickable ? handleOpen : void 0, style: { opacity: isClickable ? 1 : 0.7, cursor: isClickable ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React200.createElement(Group67, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React200.createElement(Group67, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("feather", block.props.icon), /* @__PURE__ */ React200.createElement(Stack133, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React200.createElement(Group67, { gap: "xs", align: "center" }, /* @__PURE__ */ React200.createElement(Text109, { fw: 600, size: "sm" }, block.props.title || "Sign to Create"), /* @__PURE__ */ React200.createElement(Badge33, { size: "xs", variant: "filled", color: badgeProps.color, styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } } }, badgeProps.text)), /* @__PURE__ */ React200.createElement(Text109, { size: "xs", c: "dimmed", lineClamp: 2 }, getDescriptionText()))), /* @__PURE__ */ React200.createElement(Group67, null, /* @__PURE__ */ React200.createElement(AssignmentDisplay, { block, onClick: openAssignment }), isClickable && /* @__PURE__ */ React200.createElement(Tooltip21, { label: status === "completed" ? "View details" : "Sign & Create", withArrow: true }, /* @__PURE__ */ React200.createElement(ActionIcon30, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React200.createElement(IconChevronRight8, { size: 18 }))))));
+  return /* @__PURE__ */ React200.createElement(BaseContainer, { onClick: isClickable ? handleOpen : void 0, style: { opacity: isClickable ? 1 : 0.7, cursor: isClickable ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React200.createElement(Group67, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React200.createElement(Group67, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("feather", block.props.icon), /* @__PURE__ */ React200.createElement(Stack133, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React200.createElement(Group67, { gap: "xs", align: "center" }, /* @__PURE__ */ React200.createElement(Text109, { fw: 600, size: "sm" }, block.props.title || "Sign to Create"), /* @__PURE__ */ React200.createElement(Badge33, { size: "xs", variant: "filled", color: badgeProps.color, styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } } }, badgeProps.text)), /* @__PURE__ */ React200.createElement(Text109, { size: "xs", c: "dimmed", lineClamp: 2 }, getDescriptionText()))), /* @__PURE__ */ React200.createElement(Group67, null, /* @__PURE__ */ React200.createElement(AssignmentDisplay, { block, onClick: openAssignment }), isClickable && /* @__PURE__ */ React200.createElement(Tooltip21, { label: status === "completed" ? "View details" : "Sign & Create", withArrow: true }, /* @__PURE__ */ React200.createElement(ActionIcon31, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React200.createElement(IconChevronRight8, { size: 18 }))))));
 };
 
 // src/mantine/blocks/domainCreatorSign/DomainCreatorSignBlock.tsx
@@ -20340,7 +20347,7 @@ import { createReactBlockSpec as createReactBlockSpec18 } from "@blocknote/react
 import React208 from "react";
 
 // src/mantine/blocks/domainCardViewer/template/TemplateView.tsx
-import React205, { useMemo as useMemo65 } from "react";
+import React205, { useMemo as useMemo66 } from "react";
 import { Badge as Badge34, Group as Group68, Stack as Stack134, Text as Text110 } from "@mantine/core";
 
 // src/mantine/blocks/domainCardViewer/template/TemplateConfig.tsx
@@ -20465,20 +20472,20 @@ var TemplateConfig14 = ({ editor, block }) => {
 var DOMAIN_CARD_VIEWER_TEMPLATE_PANEL_ID = "domain-card-viewer-template-panel";
 var DomainCardViewerTemplateView = ({ editor, block }) => {
   const panelId = `${DOMAIN_CARD_VIEWER_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo65(() => /* @__PURE__ */ React205.createElement(TemplateConfig14, { editor, block }), [editor, block]);
+  const panelContent = useMemo66(() => /* @__PURE__ */ React205.createElement(TemplateConfig14, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   return /* @__PURE__ */ React205.createElement(BaseContainer, { onClick: open }, /* @__PURE__ */ React205.createElement(Badge34, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React205.createElement(Group68, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React205.createElement(Group68, { wrap: "nowrap", align: "center" }, getIcon("dots-circle", block.props.icon), /* @__PURE__ */ React205.createElement(Stack134, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React205.createElement(Text110, { fw: 500, size: "sm" }, block.props.title || "Domain Card"), /* @__PURE__ */ React205.createElement(Text110, { size: "xs", c: "dimmed" }, block.props.description || "Preview domain card generated by AI")))));
 };
 
 // src/mantine/blocks/domainCardViewer/flow/FlowView.tsx
-import React207, { useMemo as useMemo67, useCallback as useCallback59, useEffect as useEffect58 } from "react";
-import { ActionIcon as ActionIcon31, Badge as Badge35, Button as Button36, Group as Group69, Stack as Stack136, Text as Text112, Tooltip as Tooltip22 } from "@mantine/core";
+import React207, { useMemo as useMemo68, useCallback as useCallback59, useEffect as useEffect58 } from "react";
+import { ActionIcon as ActionIcon32, Badge as Badge35, Button as Button36, Group as Group69, Stack as Stack136, Text as Text112, Tooltip as Tooltip22 } from "@mantine/core";
 import { IconChevronRight as IconChevronRight9, IconLoader, IconTestPipe, IconTrash as IconTrash6 } from "@tabler/icons-react";
 
 // src/mantine/blocks/domainCardViewer/flow/ViewerPanel.tsx
-import React206, { useMemo as useMemo66 } from "react";
+import React206, { useMemo as useMemo67 } from "react";
 import { Paper as Paper18, CloseButton as CloseButton8, Title as Title11, Stack as Stack135, Text as Text111, Loader as Loader26, Alert as Alert28, Button as Button35, Box as Box40, ScrollArea as ScrollArea7, Code as Code6 } from "@mantine/core";
-import { IconAlertCircle as IconAlertCircle13, IconCheck as IconCheck10, IconSparkles as IconSparkles3 } from "@tabler/icons-react";
+import { IconAlertCircle as IconAlertCircle12, IconCheck as IconCheck10, IconSparkles as IconSparkles3 } from "@tabler/icons-react";
 function parsePreviewData(jsonString) {
   if (!jsonString || jsonString === "{}") return null;
   try {
@@ -20496,7 +20503,7 @@ var ViewerPanel = ({ block, onApprove }) => {
   const status = block.props.status || "pending";
   const loadingMessage = block.props.loadingMessage || "Agents is generating your domain data...";
   const errorMessage = block.props.errorMessage || "An error occurred while generating the domain data.";
-  const domainPreviewData = useMemo66(() => parsePreviewData(block.props.domainPreviewData || "{}"), [block.props.domainPreviewData]);
+  const domainPreviewData = useMemo67(() => parsePreviewData(block.props.domainPreviewData || "{}"), [block.props.domainPreviewData]);
   const isLoading = status === "loading";
   const isError = status === "error";
   const isReady = status === "ready";
@@ -20527,7 +20534,7 @@ var ViewerPanel = ({ block, onApprove }) => {
       /* @__PURE__ */ React206.createElement(Title11, { order: 5 }, block.props.title || "Domain Card"),
       /* @__PURE__ */ React206.createElement(CloseButton8, { onClick: closePanel })
     ),
-    /* @__PURE__ */ React206.createElement(Box40, { style: { flex: 1, overflow: "hidden", display: "flex", flexDirection: "column" } }, isLoading && /* @__PURE__ */ React206.createElement(Stack135, { align: "center", justify: "center", style: { flex: 1 }, gap: "md" }, /* @__PURE__ */ React206.createElement(Loader26, { size: "lg", color: "blue" }), /* @__PURE__ */ React206.createElement(Stack135, { align: "center", gap: "xs" }, /* @__PURE__ */ React206.createElement(IconSparkles3, { size: 24, color: "var(--mantine-color-blue-5)" }), /* @__PURE__ */ React206.createElement(Text111, { size: "sm", c: "dimmed", ta: "center" }, loadingMessage))), isError && /* @__PURE__ */ React206.createElement(Stack135, { style: { flex: 1 }, gap: "md" }, /* @__PURE__ */ React206.createElement(Alert28, { icon: /* @__PURE__ */ React206.createElement(IconAlertCircle13, { size: 16 }), title: "Error", color: "red", variant: "light" }, errorMessage), /* @__PURE__ */ React206.createElement(Text111, { size: "sm", c: "dimmed", ta: "center" }, "Please ask the oracle to try again.")), (isReady || isApproved) && hasData && /* @__PURE__ */ React206.createElement(Box40, { style: { flex: 1, overflow: "hidden" } }, domainCardRenderer ? (
+    /* @__PURE__ */ React206.createElement(Box40, { style: { flex: 1, overflow: "hidden", display: "flex", flexDirection: "column" } }, isLoading && /* @__PURE__ */ React206.createElement(Stack135, { align: "center", justify: "center", style: { flex: 1 }, gap: "md" }, /* @__PURE__ */ React206.createElement(Loader26, { size: "lg", color: "blue" }), /* @__PURE__ */ React206.createElement(Stack135, { align: "center", gap: "xs" }, /* @__PURE__ */ React206.createElement(IconSparkles3, { size: 24, color: "var(--mantine-color-blue-5)" }), /* @__PURE__ */ React206.createElement(Text111, { size: "sm", c: "dimmed", ta: "center" }, loadingMessage))), isError && /* @__PURE__ */ React206.createElement(Stack135, { style: { flex: 1 }, gap: "md" }, /* @__PURE__ */ React206.createElement(Alert28, { icon: /* @__PURE__ */ React206.createElement(IconAlertCircle12, { size: 16 }), title: "Error", color: "red", variant: "light" }, errorMessage), /* @__PURE__ */ React206.createElement(Text111, { size: "sm", c: "dimmed", ta: "center" }, "Please ask the oracle to try again.")), (isReady || isApproved) && hasData && /* @__PURE__ */ React206.createElement(Box40, { style: { flex: 1, overflow: "hidden" } }, domainCardRenderer ? (
       // Use custom renderer from web app
       /* @__PURE__ */ React206.createElement(ScrollArea7, { h: "100%", offsetScrollbars: true }, domainCardRenderer(domainPreviewData))
     ) : (
@@ -20805,7 +20812,7 @@ var DomainCardViewerFlowView = ({ editor, block }) => {
     });
   }, [editor, block]);
   const panelId = `${DOMAIN_CARD_VIEWER_FLOW_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo67(() => /* @__PURE__ */ React207.createElement(ViewerPanel, { editor, block, onApprove: handleApprove }), [editor, block, handleApprove]);
+  const panelContent = useMemo68(() => /* @__PURE__ */ React207.createElement(ViewerPanel, { editor, block, onApprove: handleApprove }), [editor, block, handleApprove]);
   const { open } = usePanel(panelId, panelContent);
   const handleInjectDummyData = useCallback59(
     (e) => {
@@ -20882,7 +20889,7 @@ var DomainCardViewerFlowView = ({ editor, block }) => {
     }
   };
   const canOpenPanel = status !== "pending";
-  return /* @__PURE__ */ React207.createElement(BaseContainer, { onClick: canOpenPanel ? open : void 0, style: { opacity: canOpenPanel ? 1 : 0.7, cursor: canOpenPanel ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React207.createElement(Group69, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React207.createElement(Group69, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("dots-circle", block.props.icon), /* @__PURE__ */ React207.createElement(Stack136, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React207.createElement(Group69, { gap: "xs", align: "center" }, /* @__PURE__ */ React207.createElement(Text112, { fw: 600, size: "sm" }, block.props.title || "Domain Card"), /* @__PURE__ */ React207.createElement(Badge35, { size: "xs", variant: "filled", color: badgeProps.color, styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } } }, badgeProps.text)), /* @__PURE__ */ React207.createElement(Text112, { size: "xs", c: "dimmed", lineClamp: 2 }, getDescriptionText()))), IS_DEV && status === "pending" && /* @__PURE__ */ React207.createElement(React207.Fragment, null, /* @__PURE__ */ React207.createElement(Button36, { size: "compact-xs", variant: "light", color: "orange", leftSection: /* @__PURE__ */ React207.createElement(IconTestPipe, { size: 14 }), onClick: handleInjectDummyData }, "Test Data"), /* @__PURE__ */ React207.createElement(Button36, { size: "compact-xs", variant: "light", color: "blue", leftSection: /* @__PURE__ */ React207.createElement(IconLoader, { size: 14 }), onClick: handleSetLoading }, "Loading")), IS_DEV && (status === "ready" || status === "approved" || status === "loading") && /* @__PURE__ */ React207.createElement(Button36, { size: "compact-xs", variant: "light", color: "orange", leftSection: /* @__PURE__ */ React207.createElement(IconTrash6, { size: 14 }), onClick: handleClearData }, "Clear"), canOpenPanel && /* @__PURE__ */ React207.createElement(Tooltip22, { label: status === "approved" ? "View domain data" : "Review domain data", withArrow: true }, /* @__PURE__ */ React207.createElement(ActionIcon31, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React207.createElement(IconChevronRight9, { size: 18 })))));
+  return /* @__PURE__ */ React207.createElement(BaseContainer, { onClick: canOpenPanel ? open : void 0, style: { opacity: canOpenPanel ? 1 : 0.7, cursor: canOpenPanel ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React207.createElement(Group69, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React207.createElement(Group69, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("dots-circle", block.props.icon), /* @__PURE__ */ React207.createElement(Stack136, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React207.createElement(Group69, { gap: "xs", align: "center" }, /* @__PURE__ */ React207.createElement(Text112, { fw: 600, size: "sm" }, block.props.title || "Domain Card"), /* @__PURE__ */ React207.createElement(Badge35, { size: "xs", variant: "filled", color: badgeProps.color, styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } } }, badgeProps.text)), /* @__PURE__ */ React207.createElement(Text112, { size: "xs", c: "dimmed", lineClamp: 2 }, getDescriptionText()))), IS_DEV && status === "pending" && /* @__PURE__ */ React207.createElement(React207.Fragment, null, /* @__PURE__ */ React207.createElement(Button36, { size: "compact-xs", variant: "light", color: "orange", leftSection: /* @__PURE__ */ React207.createElement(IconTestPipe, { size: 14 }), onClick: handleInjectDummyData }, "Test Data"), /* @__PURE__ */ React207.createElement(Button36, { size: "compact-xs", variant: "light", color: "blue", leftSection: /* @__PURE__ */ React207.createElement(IconLoader, { size: 14 }), onClick: handleSetLoading }, "Loading")), IS_DEV && (status === "ready" || status === "approved" || status === "loading") && /* @__PURE__ */ React207.createElement(Button36, { size: "compact-xs", variant: "light", color: "orange", leftSection: /* @__PURE__ */ React207.createElement(IconTrash6, { size: 14 }), onClick: handleClearData }, "Clear"), canOpenPanel && /* @__PURE__ */ React207.createElement(Tooltip22, { label: status === "approved" ? "View domain data" : "Review domain data", withArrow: true }, /* @__PURE__ */ React207.createElement(ActionIcon32, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React207.createElement(IconChevronRight9, { size: 18 })))));
 };
 
 // src/mantine/blocks/domainCardViewer/DomainCardViewerBlock.tsx
@@ -20934,7 +20941,7 @@ import { createReactBlockSpec as createReactBlockSpec19 } from "@blocknote/react
 import React215 from "react";
 
 // src/mantine/blocks/governanceGroup/template/TemplateView.tsx
-import React212, { useMemo as useMemo68 } from "react";
+import React212, { useMemo as useMemo69 } from "react";
 import { Badge as Badge36, Group as Group70, Stack as Stack138, Text as Text114 } from "@mantine/core";
 
 // src/mantine/blocks/governanceGroup/template/TemplateConfig.tsx
@@ -21849,21 +21856,21 @@ var TemplateConfig15 = ({ editor, block }) => {
 var GOVERNANCE_GROUP_TEMPLATE_PANEL_ID = "governance-group-template-panel";
 var GovernanceGroupTemplateView = ({ editor, block }) => {
   const panelId = `${GOVERNANCE_GROUP_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo68(() => /* @__PURE__ */ React212.createElement(TemplateConfig15, { editor, block }), [editor, block]);
+  const panelContent = useMemo69(() => /* @__PURE__ */ React212.createElement(TemplateConfig15, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   return /* @__PURE__ */ React212.createElement(BaseContainer, { onClick: open }, /* @__PURE__ */ React212.createElement(Badge36, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React212.createElement(Group70, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React212.createElement(Group70, { wrap: "nowrap", align: "center" }, getIcon("users", block.props.icon), /* @__PURE__ */ React212.createElement(Stack138, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React212.createElement(Text114, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Governance Group"), /* @__PURE__ */ React212.createElement(Text114, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description || "Configure the governance group creation flow")))));
 };
 
 // src/mantine/blocks/governanceGroup/flow/FlowView.tsx
-import React214, { useCallback as useCallback62, useEffect as useEffect61, useMemo as useMemo70, useRef as useRef16, useState as useState76 } from "react";
-import { ActionIcon as ActionIcon32, Badge as Badge37, Group as Group72, Stack as Stack140, Text as Text116, Tooltip as Tooltip23 } from "@mantine/core";
+import React214, { useCallback as useCallback62, useEffect as useEffect61, useMemo as useMemo71, useRef as useRef16, useState as useState76 } from "react";
+import { ActionIcon as ActionIcon33, Badge as Badge37, Group as Group72, Stack as Stack140, Text as Text116, Tooltip as Tooltip23 } from "@mantine/core";
 import { IconChevronRight as IconChevronRight10 } from "@tabler/icons-react";
 
 // src/mantine/blocks/governanceGroup/flow/GovernanceGroupPanel.tsx
-import React213, { useCallback as useCallback61, useEffect as useEffect60, useMemo as useMemo69, useRef as useRef15, useState as useState75 } from "react";
+import React213, { useCallback as useCallback61, useEffect as useEffect60, useMemo as useMemo70, useRef as useRef15, useState as useState75 } from "react";
 import { Alert as Alert29, Button as Button37, Card as Card19, Group as Group71, Loader as Loader27, SimpleGrid as SimpleGrid3, Stack as Stack139, Text as Text115, ThemeIcon as ThemeIcon4 } from "@mantine/core";
 import { useDebouncedCallback as useDebouncedCallback3 } from "@mantine/hooks";
-import { IconAlertCircle as IconAlertCircle14, IconCheck as IconCheck11, IconUsers as IconUsers5, IconSignature as IconSignature2, IconPhoto as IconPhoto3, IconCoin as IconCoin2, IconArrowLeft as IconArrowLeft5 } from "@tabler/icons-react";
+import { IconAlertCircle as IconAlertCircle13, IconCheck as IconCheck11, IconUsers as IconUsers5, IconSignature as IconSignature2, IconPhoto as IconPhoto3, IconCoin as IconCoin2, IconArrowLeft as IconArrowLeft5 } from "@tabler/icons-react";
 import { Survey as Survey7, SurveyModel as SurveyModel7 } from "@ixo/surveys";
 var SYNC_DEBOUNCE_MS3 = 300;
 function deepEqual3(a, b) {
@@ -21907,7 +21914,7 @@ var GovernanceGroupPanel = ({ editor, block, onComplete }) => {
   const [createdGroupAddress, setCreatedGroupAddress] = useState75(block.props.groupAddress || null);
   const isUpdatingFromProp = useRef15(false);
   const lastSyncedAnswers = useRef15("");
-  const surveyModel = useMemo69(() => {
+  const surveyModel = useMemo70(() => {
     if (!selectedGroupType) return null;
     const surveySchema = getSurveyForGroupType(selectedGroupType);
     if (!surveySchema) return null;
@@ -22085,7 +22092,7 @@ var GovernanceGroupPanel = ({ editor, block, onComplete }) => {
     return /* @__PURE__ */ React213.createElement(Stack139, { gap: "md", p: "md" }, /* @__PURE__ */ React213.createElement(Alert29, { icon: /* @__PURE__ */ React213.createElement(IconCheck11, { size: 16 }), title: "Group Created Successfully", color: "green" }, /* @__PURE__ */ React213.createElement(Stack139, { gap: "xs" }, /* @__PURE__ */ React213.createElement(Text115, { size: "sm" }, "Your ", groupTypeName, " has been created successfully."), createdCoreAddress && /* @__PURE__ */ React213.createElement(Text115, { size: "xs", c: "dimmed" }, "Core Address: ", createdCoreAddress), createdGroupAddress && /* @__PURE__ */ React213.createElement(Text115, { size: "xs", c: "dimmed" }, "Group Address: ", createdGroupAddress))), /* @__PURE__ */ React213.createElement(Button37, { onClick: handleClose }, "Close"));
   }
   if (flowStep === "error") {
-    return /* @__PURE__ */ React213.createElement(Stack139, { gap: "md", p: "md" }, /* @__PURE__ */ React213.createElement(Alert29, { icon: /* @__PURE__ */ React213.createElement(IconAlertCircle14, { size: 16 }), title: "Group Creation Failed", color: "red" }, /* @__PURE__ */ React213.createElement(Text115, { size: "sm" }, error || "An unexpected error occurred")), /* @__PURE__ */ React213.createElement(Group71, null, /* @__PURE__ */ React213.createElement(Button37, { variant: "outline", onClick: handleRetry }, "Try Again"), /* @__PURE__ */ React213.createElement(Button37, { variant: "subtle", onClick: handleClose }, "Close")));
+    return /* @__PURE__ */ React213.createElement(Stack139, { gap: "md", p: "md" }, /* @__PURE__ */ React213.createElement(Alert29, { icon: /* @__PURE__ */ React213.createElement(IconAlertCircle13, { size: 16 }), title: "Group Creation Failed", color: "red" }, /* @__PURE__ */ React213.createElement(Text115, { size: "sm" }, error || "An unexpected error occurred")), /* @__PURE__ */ React213.createElement(Group71, null, /* @__PURE__ */ React213.createElement(Button37, { variant: "outline", onClick: handleRetry }, "Try Again"), /* @__PURE__ */ React213.createElement(Button37, { variant: "subtle", onClick: handleClose }, "Close")));
   }
   if (flowStep === "survey" && surveyModel) {
     const groupTypeName = selectedGroupType ? GROUP_TYPE_CONFIGS.find((c) => c.type === selectedGroupType)?.title || "Group" : "Group";
@@ -22116,7 +22123,7 @@ var GovernanceGroupFlowView = ({ editor, block }) => {
     editorRef.current = editor;
     blockRef.current = block;
   });
-  const stableEditor = useMemo70(
+  const stableEditor = useMemo71(
     () => new Proxy(editor, {
       get(_, prop) {
         return editorRef.current[prop];
@@ -22125,7 +22132,7 @@ var GovernanceGroupFlowView = ({ editor, block }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  const stableBlock = useMemo70(
+  const stableBlock = useMemo71(
     () => new Proxy(block, {
       get(_, prop) {
         return blockRef.current[prop];
@@ -22165,7 +22172,7 @@ var GovernanceGroupFlowView = ({ editor, block }) => {
     []
   );
   const panelId = `${GOVERNANCE_GROUP_FLOW_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo70(
+  const panelContent = useMemo71(
     () => /* @__PURE__ */ React214.createElement(GovernanceGroupPanel, { editor: stableEditor, block: stableBlock, onComplete: stableHandleComplete }),
     [stableEditor, stableBlock, stableHandleComplete]
   );
@@ -22192,7 +22199,7 @@ var GovernanceGroupFlowView = ({ editor, block }) => {
     const groupTypeName = lastSubmission.groupType ? lastSubmission.groupType.charAt(0).toUpperCase() + lastSubmission.groupType.slice(1).replace(/([A-Z])/g, " $1") : "Group";
     return `${groupTypeName} created: ${lastSubmission.coreAddress?.slice(0, 12)}...`;
   };
-  return /* @__PURE__ */ React214.createElement(BaseContainer, { onClick: handleOpen }, /* @__PURE__ */ React214.createElement(Group72, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React214.createElement(Group72, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("users", block.props.icon), /* @__PURE__ */ React214.createElement(Stack140, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React214.createElement(Group72, { gap: "xs", align: "center" }, /* @__PURE__ */ React214.createElement(Text116, { fw: 600, size: "sm", contentEditable: false }, block.props.title || "Governance Group"), /* @__PURE__ */ React214.createElement(Badge37, { size: "xs", variant: "filled", color: badgeProps.color, styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } } }, badgeProps.text)), /* @__PURE__ */ React214.createElement(Text116, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 2 }, hasExistingSubmission ? getSubmissionDisplay() : block.props.description || "Open the panel to create a new governance group."))), /* @__PURE__ */ React214.createElement(Tooltip23, { label: hasExistingSubmission ? "View/Edit group" : "Create group", withArrow: true }, /* @__PURE__ */ React214.createElement(ActionIcon32, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React214.createElement(IconChevronRight10, { size: 18 })))));
+  return /* @__PURE__ */ React214.createElement(BaseContainer, { onClick: handleOpen }, /* @__PURE__ */ React214.createElement(Group72, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React214.createElement(Group72, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("users", block.props.icon), /* @__PURE__ */ React214.createElement(Stack140, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React214.createElement(Group72, { gap: "xs", align: "center" }, /* @__PURE__ */ React214.createElement(Text116, { fw: 600, size: "sm", contentEditable: false }, block.props.title || "Governance Group"), /* @__PURE__ */ React214.createElement(Badge37, { size: "xs", variant: "filled", color: badgeProps.color, styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } } }, badgeProps.text)), /* @__PURE__ */ React214.createElement(Text116, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 2 }, hasExistingSubmission ? getSubmissionDisplay() : block.props.description || "Open the panel to create a new governance group."))), /* @__PURE__ */ React214.createElement(Tooltip23, { label: hasExistingSubmission ? "View/Edit group" : "Create group", withArrow: true }, /* @__PURE__ */ React214.createElement(ActionIcon33, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React214.createElement(IconChevronRight10, { size: 18 })))));
 };
 
 // src/mantine/blocks/governanceGroup/GovernanceGroupBlock.tsx
@@ -22242,7 +22249,7 @@ import { createReactBlockSpec as createReactBlockSpec20 } from "@blocknote/react
 import React223 from "react";
 
 // src/mantine/blocks/flowLink/template/TemplateView.tsx
-import React220, { useMemo as useMemo72 } from "react";
+import React220, { useMemo as useMemo73 } from "react";
 import { Group as Group74, Stack as Stack143, Text as Text118 } from "@mantine/core";
 
 // src/mantine/blocks/flowLink/template/TemplateConfig.tsx
@@ -22279,8 +22286,8 @@ var GeneralTab16 = ({ title, description, icon, onTitleChange, onDescriptionChan
 };
 
 // src/mantine/blocks/flowLink/template/LinksTab.tsx
-import React218, { useMemo as useMemo71 } from "react";
-import { Stack as Stack142, Card as Card20, Group as Group73, ActionIcon as ActionIcon33, Text as Text117, Divider as Divider17 } from "@mantine/core";
+import React218, { useMemo as useMemo72 } from "react";
+import { Stack as Stack142, Card as Card20, Group as Group73, ActionIcon as ActionIcon34, Text as Text117, Divider as Divider18 } from "@mantine/core";
 import { IconPlus as IconPlus6, IconTrash as IconTrash7, IconGripVertical } from "@tabler/icons-react";
 import { DndContext, PointerSensor, useSensor, useSensors, closestCenter, useDraggable, useDroppable } from "@dnd-kit/core";
 
@@ -22309,7 +22316,7 @@ var DraggableLinkCard = ({ link, index, onRemove, onUpdate }) => {
     opacity: isDragging ? 0.5 : 1,
     border: isOver ? "2px dashed var(--mantine-color-accent-5)" : void 0
   };
-  return /* @__PURE__ */ React218.createElement("div", { ref: setDropRef }, /* @__PURE__ */ React218.createElement(Card20, { p: "sm", style }, /* @__PURE__ */ React218.createElement(Stack142, { gap: "xs" }, /* @__PURE__ */ React218.createElement(Group73, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React218.createElement(Group73, { gap: "xs", align: "center" }, /* @__PURE__ */ React218.createElement("div", { ref: setDragRef, ...listeners, ...attributes, style: { cursor: "grab", display: "flex", alignItems: "center" } }, /* @__PURE__ */ React218.createElement(IconGripVertical, { size: 16, color: "gray" })), /* @__PURE__ */ React218.createElement(Text117, { size: "xs", c: "dimmed" }, link.title || `Link ${index + 1}`)), /* @__PURE__ */ React218.createElement(ActionIcon33, { variant: "subtle", color: "red", size: "sm", onClick: () => onRemove(link.id) }, /* @__PURE__ */ React218.createElement(IconTrash7, { size: 14 }))), /* @__PURE__ */ React218.createElement(Divider17, null), /* @__PURE__ */ React218.createElement(BaseTextInput, { label: "Title", placeholder: "Link title", value: link.title, onChange: (e) => onUpdate(link.id, "title", e.currentTarget.value) }), /* @__PURE__ */ React218.createElement(
+  return /* @__PURE__ */ React218.createElement("div", { ref: setDropRef }, /* @__PURE__ */ React218.createElement(Card20, { p: "sm", style }, /* @__PURE__ */ React218.createElement(Stack142, { gap: "xs" }, /* @__PURE__ */ React218.createElement(Group73, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React218.createElement(Group73, { gap: "xs", align: "center" }, /* @__PURE__ */ React218.createElement("div", { ref: setDragRef, ...listeners, ...attributes, style: { cursor: "grab", display: "flex", alignItems: "center" } }, /* @__PURE__ */ React218.createElement(IconGripVertical, { size: 16, color: "gray" })), /* @__PURE__ */ React218.createElement(Text117, { size: "xs", c: "dimmed" }, link.title || `Link ${index + 1}`)), /* @__PURE__ */ React218.createElement(ActionIcon34, { variant: "subtle", color: "red", size: "sm", onClick: () => onRemove(link.id) }, /* @__PURE__ */ React218.createElement(IconTrash7, { size: 14 }))), /* @__PURE__ */ React218.createElement(Divider18, null), /* @__PURE__ */ React218.createElement(BaseTextInput, { label: "Title", placeholder: "Link title", value: link.title, onChange: (e) => onUpdate(link.id, "title", e.currentTarget.value) }), /* @__PURE__ */ React218.createElement(
     BaseTextInput,
     {
       label: "Description",
@@ -22339,7 +22346,7 @@ var DraggableLinkCard = ({ link, index, onRemove, onUpdate }) => {
 };
 var LinksTab = ({ links, onLinksChange }) => {
   const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 8 } }));
-  const sortedLinks = useMemo71(() => [...links].sort((a, b) => a.position - b.position), [links]);
+  const sortedLinks = useMemo72(() => [...links].sort((a, b) => a.position - b.position), [links]);
   const handleAddLink = () => {
     const maxPosition = links.length > 0 ? Math.max(...links.map((l) => l.position)) : -1;
     const newLink = {
@@ -22421,7 +22428,7 @@ var TemplateConfig16 = ({ editor, block }) => {
 var FLOW_LINK_TEMPLATE_PANEL_ID = "flow-link-template-panel";
 var FlowLinkTemplateView = ({ editor, block }) => {
   const panelId = `${FLOW_LINK_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo72(() => /* @__PURE__ */ React220.createElement(TemplateConfig16, { editor, block }), [editor, block]);
+  const panelContent = useMemo73(() => /* @__PURE__ */ React220.createElement(TemplateConfig16, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const links = safeParseJSONArray(block.props.links);
   const linksCount = links.length;
@@ -22429,13 +22436,13 @@ var FlowLinkTemplateView = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/flowLink/flow/FlowView.tsx
-import React222, { useMemo as useMemo73 } from "react";
+import React222, { useMemo as useMemo74 } from "react";
 import { Badge as Badge39, Group as Group76, Stack as Stack145, Text as Text120, Tooltip as Tooltip25 } from "@mantine/core";
 
 // src/mantine/blocks/flowLink/flow/FlowLinkPanel.tsx
 import React221, { useState as useState77, useEffect as useEffect62, useCallback as useCallback63 } from "react";
-import { Stack as Stack144, Text as Text119, Card as Card21, Group as Group75, Badge as Badge38, ActionIcon as ActionIcon34, Loader as Loader28, Tooltip as Tooltip24 } from "@mantine/core";
-import { IconRefresh as IconRefresh8, IconCheck as IconCheck12, IconClock as IconClock3, IconCircleDashed as IconCircleDashed4 } from "@tabler/icons-react";
+import { Stack as Stack144, Text as Text119, Card as Card21, Group as Group75, Badge as Badge38, ActionIcon as ActionIcon35, Loader as Loader28, Tooltip as Tooltip24 } from "@mantine/core";
+import { IconRefresh as IconRefresh7, IconCheck as IconCheck12, IconClock as IconClock3, IconCircleDashed as IconCircleDashed4 } from "@tabler/icons-react";
 var FlowLinkPanel = ({ block }) => {
   const { closePanel } = usePanelStore();
   const handlers = useBlocknoteHandlers();
@@ -22487,7 +22494,7 @@ var FlowLinkPanel = ({ block }) => {
         return /* @__PURE__ */ React221.createElement(Badge38, { display: "inline-block", size: "sm", variant: "light", color: "gray", leftSection: /* @__PURE__ */ React221.createElement(IconCircleDashed4, { size: 12 }) }, "Not Started");
     }
   };
-  return /* @__PURE__ */ React221.createElement(BaseRightPanelLayout, { title: block.props.title || "Flow Links", onClose: closePanel }, /* @__PURE__ */ React221.createElement(Stack144, { gap: "md" }, handlers.getFlowStatus && /* @__PURE__ */ React221.createElement(Tooltip24, { label: "Refresh status" }, /* @__PURE__ */ React221.createElement(ActionIcon34, { variant: "subtle", size: "sm", onClick: fetchStatuses }, /* @__PURE__ */ React221.createElement(IconRefresh8, { size: 16 }))), linksWithStatus.length === 0 ? /* @__PURE__ */ React221.createElement(Card21, { withBorder: true, p: "md", bg: "gray.0" }, /* @__PURE__ */ React221.createElement(Text119, { size: "sm", c: "dimmed", ta: "center" }, "No flow links configured.")) : /* @__PURE__ */ React221.createElement(Stack144, { gap: "sm" }, linksWithStatus.map((link) => /* @__PURE__ */ React221.createElement(Stack144, { key: link.id }, link.description && /* @__PURE__ */ React221.createElement(Text119, null, link.description), /* @__PURE__ */ React221.createElement(
+  return /* @__PURE__ */ React221.createElement(BaseRightPanelLayout, { title: block.props.title || "Flow Links", onClose: closePanel }, /* @__PURE__ */ React221.createElement(Stack144, { gap: "md" }, handlers.getFlowStatus && /* @__PURE__ */ React221.createElement(Tooltip24, { label: "Refresh status" }, /* @__PURE__ */ React221.createElement(ActionIcon35, { variant: "subtle", size: "sm", onClick: fetchStatuses }, /* @__PURE__ */ React221.createElement(IconRefresh7, { size: 16 }))), linksWithStatus.length === 0 ? /* @__PURE__ */ React221.createElement(Card21, { withBorder: true, p: "md", bg: "gray.0" }, /* @__PURE__ */ React221.createElement(Text119, { size: "sm", c: "dimmed", ta: "center" }, "No flow links configured.")) : /* @__PURE__ */ React221.createElement(Stack144, { gap: "sm" }, linksWithStatus.map((link) => /* @__PURE__ */ React221.createElement(Stack144, { key: link.id }, link.description && /* @__PURE__ */ React221.createElement(Text119, null, link.description), /* @__PURE__ */ React221.createElement(
     BaseContainer,
     {
       onClick: () => handlers.navigateToFlow && handleNavigate(link.docRoomId),
@@ -22504,7 +22511,7 @@ var FlowLinkFlowView = ({ editor, block, isDisabled }) => {
   const links = safeParseJSONArray(block.props.links);
   const linksCount = links.length;
   const panelId = `${FLOW_LINK_FLOW_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo73(() => /* @__PURE__ */ React222.createElement(FlowLinkPanel, { editor, block }), [editor, block]);
+  const panelContent = useMemo74(() => /* @__PURE__ */ React222.createElement(FlowLinkPanel, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const handleClick = () => {
     if (!disabled) {
@@ -22758,10 +22765,10 @@ blockRegistry.register({
 });
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo74, useEffect as useEffect63, useState as useState78, useCallback as useCallback64 } from "react";
+import { useMemo as useMemo75, useEffect as useEffect63, useState as useState78, useCallback as useCallback64 } from "react";
 
 // src/mantine/blocks/hooks/useDependsOn.ts
-import { useMemo as useMemo75 } from "react";
+import { useMemo as useMemo76 } from "react";
 
 // src/mantine/blocks/index.ts
 var blockSpecs = {
@@ -23328,7 +23335,7 @@ 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 useEffect64, useState as useState79, useRef as useRef17, useCallback as useCallback65, useMemo as useMemo76 } from "react";
+import { useEffect as useEffect64, useState as useState79, useRef as useRef17, useCallback as useCallback65, useMemo as useMemo77 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
   const [matrixProvider, setProvider] = useState79(null);
@@ -23336,7 +23343,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
   const isMountedRef = useRef17(true);
   const providerRef = useRef17(null);
   const retryTimeoutRef = useRef17(null);
-  const providerOptions = useMemo76(
+  const providerOptions = useMemo77(
     () => ({
       translator: {
         updateEventType: "matrix-crdt.doc_update",
@@ -23423,17 +23430,17 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
 }
 
 // src/mantine/hooks/useCollaborativeYDoc.ts
-import { useMemo as useMemo77 } from "react";
+import { useMemo as useMemo78 } from "react";
 import * as Y from "yjs";
 function useCollaborativeYDoc(_options) {
-  return useMemo77(() => {
+  return useMemo78(() => {
     const doc = new Y.Doc();
     return doc;
   }, []);
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo78, useEffect as useEffect65, useState as useState80 } from "react";
+import { useMemo as useMemo79, useEffect as useEffect65, useState as useState80 } from "react";
 
 // src/core/lib/matrixMetadata.ts
 var COVER_IMAGE_EVENT_TYPE = "ixo.page.cover_image";
@@ -23602,7 +23609,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     permissions = { write: false }
   } = options || {};
-  const memoizedUser = useMemo78(
+  const memoizedUser = useMemo79(
     () => ({
       id: user?.id || "",
       name: user?.name || "",
@@ -23617,13 +23624,13 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     roomId: options.roomId
   });
-  const metadataManager = useMemo78(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
+  const metadataManager = useMemo79(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
   useEffect65(() => {
     return () => {
       metadataManager.dispose();
     };
   }, [metadataManager]);
-  const defaultUploadFile = useMemo78(
+  const defaultUploadFile = useMemo79(
     () => uploadFile || (async (file) => {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -23637,7 +23644,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [uploadFile]
   );
-  const schema = useMemo78(
+  const schema = useMemo79(
     () => BlockNoteSchema2.create({
       blockSpecs: {
         ...defaultBlockSpecs2,
@@ -23652,16 +23659,16 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     []
   );
-  const root = useMemo78(() => yDoc.getMap("root"), [yDoc]);
-  const documentFragment = useMemo78(() => yDoc.getXmlFragment("document"), [yDoc]);
-  const flowArray = useMemo78(() => yDoc.getArray("flow"), [yDoc]);
-  const runtimeMap = useMemo78(() => yDoc.getMap("runtime"), [yDoc]);
-  const delegationsMap = useMemo78(() => yDoc.getMap("delegations"), [yDoc]);
-  const invocationsMap = useMemo78(() => yDoc.getMap("invocations"), [yDoc]);
-  const ucanDelegationStore = useMemo78(() => createUcanDelegationStore(delegationsMap), [delegationsMap]);
-  const invocationStore = useMemo78(() => createInvocationStore(invocationsMap), [invocationsMap]);
-  const userFragment = useMemo78(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
-  const collaborationConfig = useMemo78(
+  const root = useMemo79(() => yDoc.getMap("root"), [yDoc]);
+  const documentFragment = useMemo79(() => yDoc.getXmlFragment("document"), [yDoc]);
+  const flowArray = useMemo79(() => yDoc.getArray("flow"), [yDoc]);
+  const runtimeMap = useMemo79(() => yDoc.getMap("runtime"), [yDoc]);
+  const delegationsMap = useMemo79(() => yDoc.getMap("delegations"), [yDoc]);
+  const invocationsMap = useMemo79(() => yDoc.getMap("invocations"), [yDoc]);
+  const ucanDelegationStore = useMemo79(() => createUcanDelegationStore(delegationsMap), [delegationsMap]);
+  const invocationStore = useMemo79(() => createInvocationStore(invocationsMap), [invocationsMap]);
+  const userFragment = useMemo79(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
+  const collaborationConfig = useMemo79(
     () => ({
       provider: matrixProvider,
       fragment: documentFragment,
@@ -23673,7 +23680,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [matrixProvider, documentFragment, memoizedUser.name, memoizedUser.color]
   );
-  const ixoConfig = useMemo78(
+  const ixoConfig = useMemo79(
     () => ({
       theme,
       editable,
@@ -23692,7 +23699,7 @@ function useCreateCollaborativeIxoEditor(options) {
     uploadFile: defaultUploadFile,
     collaboration: collaborationConfig
   });
-  const titleText = useMemo78(() => yDoc.getText("title"), [yDoc]);
+  const titleText = useMemo79(() => yDoc.getText("title"), [yDoc]);
   let ixoEditor;
   if (editor) {
     ixoEditor = editor;
@@ -23956,10 +23963,10 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/components/Base/BaseIconPicker.tsx
-import React226, { useState as useState81, useMemo as useMemo79, useEffect as useEffect66 } from "react";
+import React226, { useState as useState81, useMemo as useMemo80, useEffect as useEffect66 } from "react";
 import { TextInput as TextInput7, Tabs as Tabs5, Box as Box41, Stack as Stack146, UnstyledButton as UnstyledButton2, Text as Text121, Center as Center12, ScrollArea as ScrollArea8, Group as Group77, Popover as Popover4 } from "@mantine/core";
 import * as TablerIcons from "@tabler/icons-react";
-import { IconSearch as IconSearch6, IconX as IconX10, IconChevronLeft, IconChevronRight as IconChevronRight11 } from "@tabler/icons-react";
+import { IconSearch as IconSearch6, IconX as IconX11, IconChevronLeft, IconChevronRight as IconChevronRight11 } from "@tabler/icons-react";
 
 // src/mantine/components/Base/CoverImageButton.tsx
 import React225, { forwardRef } from "react";
@@ -24017,11 +24024,11 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
   const [searchQuery, setSearchQuery] = useState81("");
   const [activeTab, setActiveTab] = useState81("icons");
   const [currentPage, setCurrentPage] = useState81(1);
-  const allIcons = useMemo79(() => {
+  const allIcons = useMemo80(() => {
     const iconEntries = Object.entries(TablerIcons).filter(([name]) => name.startsWith("Icon") && name !== "IconProps");
     return iconEntries;
   }, []);
-  const filteredIcons = useMemo79(() => {
+  const filteredIcons = useMemo80(() => {
     if (!searchQuery) return allIcons;
     const query = searchQuery.toLowerCase();
     return allIcons.filter(([name]) => name.toLowerCase().includes(query));
@@ -24029,13 +24036,13 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
   useEffect66(() => {
     setCurrentPage(1);
   }, [searchQuery]);
-  const paginatedIcons = useMemo79(() => {
+  const paginatedIcons = useMemo80(() => {
     const startIndex = (currentPage - 1) * ICONS_PER_PAGE;
     const endIndex = startIndex + ICONS_PER_PAGE;
     return filteredIcons.slice(startIndex, endIndex);
   }, [filteredIcons, currentPage]);
   const totalPages = Math.ceil(filteredIcons.length / ICONS_PER_PAGE);
-  const recentIcons = useMemo79(() => {
+  const recentIcons = useMemo80(() => {
     const recentIconNames = localStorageService.get(iconsKey);
     if (!recentIconNames || recentIconNames.length === 0) return [];
     return recentIconNames.slice(0, 24).map((iconName) => allIcons.find(([name]) => name === iconName)).filter((entry) => entry !== void 0);
@@ -24113,7 +24120,7 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
         leftSection: /* @__PURE__ */ React226.createElement(IconSearch6, { size: 18 }),
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
-        rightSection: searchQuery && /* @__PURE__ */ React226.createElement(UnstyledButton2, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React226.createElement(IconX10, { size: 18 })),
+        rightSection: searchQuery && /* @__PURE__ */ React226.createElement(UnstyledButton2, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React226.createElement(IconX11, { size: 18 })),
         style: { flex: 1 },
         styles: {
           input: {
@@ -24271,12 +24278,12 @@ function transformIconImage(sourceUrl, size = "default", customOptions) {
 }
 
 // src/mantine/components/Base/PageIcon.tsx
-import React227, { useMemo as useMemo80 } from "react";
+import React227, { useMemo as useMemo81 } from "react";
 import { Center as Center13, Box as Box42 } from "@mantine/core";
 import * as TablerIcons2 from "@tabler/icons-react";
 function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
   const isIconName = src && !src.startsWith("http");
-  const IconComponent = useMemo80(() => {
+  const IconComponent = useMemo81(() => {
     if (!isIconName || !src) return null;
     const iconComponent = TablerIcons2[src];
     if (iconComponent) {
@@ -25338,7 +25345,7 @@ function IxoEditor({
 // src/mantine/components/EntitySigningSetup.tsx
 import React233, { useState as useState85 } from "react";
 import { Modal as Modal3, Stack as Stack147, Text as Text122, TextInput as TextInput8, Button as Button39, Alert as Alert30, Group as Group79 } from "@mantine/core";
-import { IconAlertCircle as IconAlertCircle15, IconCheck as IconCheck13, IconKey as IconKey2 } from "@tabler/icons-react";
+import { IconAlertCircle as IconAlertCircle14, IconCheck as IconCheck13, IconKey as IconKey2 } from "@tabler/icons-react";
 var EntitySigningSetup = ({
   opened,
   onClose,
@@ -25419,7 +25426,7 @@ var EntitySigningSetup = ({
         onChange: (e) => setConfirmPin(e.currentTarget.value),
         disabled: loading
       }
-    ), error && /* @__PURE__ */ React233.createElement(Alert30, { color: "red", icon: /* @__PURE__ */ React233.createElement(IconAlertCircle15, { size: 16 }) }, error), /* @__PURE__ */ React233.createElement(Group79, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React233.createElement(Button39, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React233.createElement(
+    ), error && /* @__PURE__ */ React233.createElement(Alert30, { color: "red", icon: /* @__PURE__ */ React233.createElement(IconAlertCircle14, { size: 16 }) }, error), /* @__PURE__ */ React233.createElement(Group79, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React233.createElement(Button39, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React233.createElement(
       Button39,
       {
         onClick: handleSetup,
@@ -25432,8 +25439,8 @@ var EntitySigningSetup = ({
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
-import React234, { useState as useState86, useEffect as useEffect70, useMemo as useMemo81 } from "react";
-import { Stack as Stack148, Text as Text123, Paper as Paper19, Group as Group80, Badge as Badge40, Button as Button40, ActionIcon as ActionIcon35, Loader as Loader29, Alert as Alert31, Divider as Divider18 } from "@mantine/core";
+import React234, { useState as useState86, useEffect as useEffect70, useMemo as useMemo82 } from "react";
+import { Stack as Stack148, Text as Text123, Paper as Paper19, Group as Group80, Badge as Badge40, Button as Button40, ActionIcon as ActionIcon36, Loader as Loader29, Alert as Alert31, Divider as Divider19 } from "@mantine/core";
 import { IconPlus as IconPlus7, IconTrash as IconTrash8, IconShieldCheck as IconShieldCheck2, IconUser as IconUser5, IconRobot as IconRobot4, IconBuilding } from "@tabler/icons-react";
 var FlowPermissionsPanel = ({
   editor,
@@ -25446,7 +25453,7 @@ var FlowPermissionsPanel = ({
   const [delegations, setDelegations] = useState86([]);
   const [loading, setLoading] = useState86(true);
   const [revoking, setRevoking] = useState86(null);
-  const rootCapability = useMemo81(() => editor.getRootCapability?.(), [editor]);
+  const rootCapability = useMemo82(() => editor.getRootCapability?.(), [editor]);
   useEffect70(() => {
     const loadDelegations = async () => {
       setLoading(true);
@@ -25509,8 +25516,8 @@ var FlowPermissionsPanel = ({
     if (date < /* @__PURE__ */ new Date()) return "Expired";
     return date.toLocaleDateString();
   };
-  return /* @__PURE__ */ React234.createElement(Stack148, { gap: "md" }, /* @__PURE__ */ React234.createElement(Stack148, { gap: "xs" }, /* @__PURE__ */ React234.createElement(Text123, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React234.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React234.createElement(Group80, { gap: "xs" }, /* @__PURE__ */ React234.createElement(IconShieldCheck2, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React234.createElement(Stack148, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React234.createElement(Text123, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React234.createElement(Badge40, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React234.createElement(Divider18, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React234.createElement(Group80, { justify: "center", py: "xl" }, /* @__PURE__ */ React234.createElement(Loader29, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React234.createElement(Alert31, { color: "gray", variant: "light" }, /* @__PURE__ */ React234.createElement(Text123, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React234.createElement(Stack148, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React234.createElement(Paper19, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React234.createElement(Group80, { justify: "space-between" }, /* @__PURE__ */ React234.createElement(Group80, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React234.createElement(Stack148, { gap: 2 }, /* @__PURE__ */ React234.createElement(Text123, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React234.createElement(Group80, { gap: "xs" }, /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React234.createElement(
-    ActionIcon35,
+  return /* @__PURE__ */ React234.createElement(Stack148, { gap: "md" }, /* @__PURE__ */ React234.createElement(Stack148, { gap: "xs" }, /* @__PURE__ */ React234.createElement(Text123, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React234.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React234.createElement(Group80, { gap: "xs" }, /* @__PURE__ */ React234.createElement(IconShieldCheck2, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React234.createElement(Stack148, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React234.createElement(Text123, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React234.createElement(Badge40, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React234.createElement(Divider19, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React234.createElement(Group80, { justify: "center", py: "xl" }, /* @__PURE__ */ React234.createElement(Loader29, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React234.createElement(Alert31, { color: "gray", variant: "light" }, /* @__PURE__ */ React234.createElement(Text123, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React234.createElement(Stack148, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React234.createElement(Paper19, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React234.createElement(Group80, { justify: "space-between" }, /* @__PURE__ */ React234.createElement(Group80, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React234.createElement(Stack148, { gap: 2 }, /* @__PURE__ */ React234.createElement(Text123, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React234.createElement(Group80, { gap: "xs" }, /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React234.createElement(
+    ActionIcon36,
     {
       color: "red",
       variant: "subtle",
@@ -25545,11 +25552,11 @@ import {
   Paper as Paper20,
   Loader as Loader30,
   Badge as Badge41,
-  ActionIcon as ActionIcon36,
-  Divider as Divider19,
+  ActionIcon as ActionIcon37,
+  Divider as Divider20,
   NumberInput as NumberInput3
 } from "@mantine/core";
-import { IconSearch as IconSearch7, IconUser as IconUser6, IconRobot as IconRobot5, IconX as IconX11, IconShieldPlus as IconShieldPlus4 } from "@tabler/icons-react";
+import { IconSearch as IconSearch7, IconUser as IconUser6, IconRobot as IconRobot5, IconX as IconX12, IconShieldPlus as IconShieldPlus4 } from "@tabler/icons-react";
 var GrantPermissionModal = ({
   opened,
   onClose,
@@ -25686,7 +25693,7 @@ var GrantPermissionModal = ({
         onChange: (e) => setSearchQuery(e.currentTarget.value),
         onKeyDown: (e) => e.key === "Enter" && handleSearch()
       }
-    ), selectedRecipient ? /* @__PURE__ */ React235.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React235.createElement(Group81, { justify: "space-between" }, /* @__PURE__ */ React235.createElement(Group81, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React235.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React235.createElement(IconUser6, { size: 16 }), /* @__PURE__ */ React235.createElement(Text124, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React235.createElement(Badge41, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React235.createElement(ActionIcon36, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React235.createElement(IconX11, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React235.createElement(Paper20, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React235.createElement(Stack149, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React235.createElement(
+    ), selectedRecipient ? /* @__PURE__ */ React235.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React235.createElement(Group81, { justify: "space-between" }, /* @__PURE__ */ React235.createElement(Group81, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React235.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React235.createElement(IconUser6, { size: 16 }), /* @__PURE__ */ React235.createElement(Text124, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React235.createElement(Badge41, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React235.createElement(ActionIcon37, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React235.createElement(IconX12, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React235.createElement(Paper20, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React235.createElement(Stack149, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React235.createElement(
       Button41,
       {
         key: result.did,
@@ -25704,7 +25711,7 @@ var GrantPermissionModal = ({
         value: manualDid,
         onChange: (e) => setManualDid(e.currentTarget.value)
       }
-    ), /* @__PURE__ */ React235.createElement(Divider19, null), /* @__PURE__ */ React235.createElement(Stack149, { gap: "xs" }, /* @__PURE__ */ React235.createElement(Text124, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
+    ), /* @__PURE__ */ React235.createElement(Divider20, null), /* @__PURE__ */ React235.createElement(Stack149, { gap: "xs" }, /* @__PURE__ */ React235.createElement(Text124, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
       // Single block mode: show fixed block info
       /* @__PURE__ */ React235.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React235.createElement(Group81, { gap: "xs" }, /* @__PURE__ */ React235.createElement(Badge41, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React235.createElement(Text124, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React235.createElement(Text124, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
     ) : (
@@ -25724,7 +25731,7 @@ var GrantPermissionModal = ({
           }
         }
       )))))
-    )), /* @__PURE__ */ React235.createElement(Divider19, null), /* @__PURE__ */ React235.createElement(Stack149, { gap: "xs" }, /* @__PURE__ */ React235.createElement(
+    )), /* @__PURE__ */ React235.createElement(Divider20, null), /* @__PURE__ */ React235.createElement(Stack149, { gap: "xs" }, /* @__PURE__ */ React235.createElement(
       Checkbox12,
       {
         label: "Set expiration",
@@ -25749,7 +25756,7 @@ var GrantPermissionModal = ({
         checked: canDelegate,
         onChange: (e) => setCanDelegate(e.currentTarget.checked)
       }
-    ), /* @__PURE__ */ React235.createElement(Divider19, null), /* @__PURE__ */ React235.createElement(
+    ), /* @__PURE__ */ React235.createElement(Divider20, null), /* @__PURE__ */ React235.createElement(
       TextInput9,
       {
         label: "Enter your PIN to sign this delegation",
@@ -25874,4 +25881,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-FLFC7MR5.mjs.map
+//# sourceMappingURL=chunk-HT2SFUTR.mjs.map