@ixo/editor 2.15.0 → 2.16.1

package/dist/{chunk-ER7KTMUM.mjs → chunk-52ED245Y.mjs}

@@ -69,7 +69,7 @@ var BlocknoteContext = createContext({
     throw new Error("BlocknoteContext not initialized");
   }
 });
-var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editable, visualizationRenderer, getDynamicListData, dynamicListPanelRenderer }) => {
+var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editable, visualizationRenderer, getDynamicListData, dynamicListPanelRenderer, domainCardRenderer }) => {
   const [sharedProposals, setSharedProposals] = useState({});
   const sharedProposalsRef = useRef2({});
   const [activeDrawerId, setActiveDrawerId] = useState(null);
@@ -165,7 +165,8 @@ var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editab
         closeDrawer,
         visualizationRenderer,
         getDynamicListData,
-        dynamicListPanelRenderer
+        dynamicListPanelRenderer,
+        domainCardRenderer
       }
     },
     children
@@ -1333,7 +1334,8 @@ import {
   IconChecklist,
   IconThumbUp,
   IconBell,
-  IconFeather
+  IconFeather,
+  IconDotsCircleHorizontal
 } from "@tabler/icons-react";
 var ICON_MAP = {
   "square-check": IconSquareCheck,
@@ -1345,7 +1347,8 @@ var ICON_MAP = {
   bell: IconBell,
   plus: IconPlus,
   "dollar-sign": IconUserDollar,
-  feather: IconFeather
+  feather: IconFeather,
+  "dots-circle": IconDotsCircleHorizontal
 };
 var getIcon = (fallback = "square-check", key, color = "white", size = 26, stroke = 1.5) => {
   const validKey = key in ICON_MAP ? key : fallback;
@@ -16741,14 +16744,27 @@ var DomainCreatorSignTemplateView = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/domainCreatorSign/flow/FlowView.tsx
-import React185, { useCallback as useCallback47, useMemo as useMemo56, useEffect as useEffect47 } from "react";
-import { ActionIcon as ActionIcon27, Badge as Badge28, Button as Button33, Group as Group59, Stack as Stack122, Text as Text96, Tooltip as Tooltip18 } from "@mantine/core";
-import { IconChevronRight as IconChevronRight8, IconTestPipe, IconTrash as IconTrash5 } from "@tabler/icons-react";
+import React185, { useCallback as useCallback47, useMemo as useMemo56, useEffect as useEffect47, useState as useState65 } from "react";
+import { ActionIcon as ActionIcon27, Badge as Badge28, Group as Group59, Stack as Stack122, Text as Text96, Tooltip as Tooltip18 } from "@mantine/core";
+import { IconChevronRight as IconChevronRight8 } from "@tabler/icons-react";
 
 // src/mantine/blocks/domainCreatorSign/flow/SignPanel.tsx
 import React184, { useCallback as useCallback46, useState as useState64 } from "react";
 import { Alert as Alert24, Button as Button32, CloseButton as CloseButton13, Group as Group58, Loader as Loader24, Stack as Stack121, Text as Text95, Title as Title16 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle11, IconCheck as IconCheck5, IconSignature } from "@tabler/icons-react";
+function getDomainCardDataFromViewer(editor) {
+  const allBlocks = editor.document;
+  for (const docBlock of allBlocks) {
+    if (docBlock.type === "domainCardViewer") {
+      try {
+        return JSON.parse(docBlock.props.domainCardData || "{}");
+      } catch {
+        return null;
+      }
+    }
+  }
+  return null;
+}
 var SignPanel = ({ editor, block, onComplete, onError }) => {
   const { closePanel } = usePanelStore();
   const { handlers } = useBlocknoteContext();
@@ -16756,12 +16772,8 @@ var SignPanel = ({ editor, block, onComplete, onError }) => {
   const [error, setError] = useState64(block.props.errorMessage || null);
   const [createdEntityDid, setCreatedEntityDid] = useState64(block.props.entityDid || null);
   const getDomainCardData = useCallback46(() => {
-    try {
-      return JSON.parse(block.props.domainCardData || "{}");
-    } catch {
-      return null;
-    }
-  }, [block.props.domainCardData]);
+    return getDomainCardDataFromViewer(editor);
+  }, [editor]);
   const processSignAndCreate = useCallback46(async () => {
     if (!handlers) {
       throw new Error("Handlers not available");
@@ -16895,14 +16907,18 @@ var SignPanel = ({ editor, block, onComplete, onError }) => {
 
 // src/mantine/blocks/domainCreatorSign/flow/FlowView.tsx
 var DOMAIN_CREATOR_SIGN_FLOW_PANEL_ID = "domain-creator-sign-flow-panel";
-var IS_DEV = false;
-var DUMMY_DOMAIN_CARD_DATA = {
-  type: ["ixo:dao"],
-  name: "Test Domain",
-  description: "A test domain created for development purposes.",
-  keywords: ["test", "development", "demo"],
-  url: "https://example.com"
-};
+function getDomainCardViewerData(editor) {
+  const allBlocks = editor.document;
+  for (const docBlock of allBlocks) {
+    if (docBlock.type === "domainCardViewer") {
+      return {
+        domainCardData: docBlock.props.domainCardData || "{}",
+        isApproved: docBlock.props.status === "approved"
+      };
+    }
+  }
+  return { domainCardData: "{}", isApproved: false };
+}
 function isDomainCardDataReady(domainCardData) {
   if (!domainCardData || domainCardData === "{}") return false;
   try {
@@ -16914,8 +16930,22 @@ function isDomainCardDataReady(domainCardData) {
 }
 var DomainCreatorSignFlowView = ({ editor, block }) => {
   const status = block.props.status || "pending";
-  const domainCardData = block.props.domainCardData || "{}";
-  const isDataReady = isDomainCardDataReady(domainCardData);
+  const [viewerData, setViewerData] = useState65(() => getDomainCardViewerData(editor));
+  useEffect47(() => {
+    const updateViewerData = () => {
+      const newData = getDomainCardViewerData(editor);
+      setViewerData((prev) => {
+        if (prev.domainCardData !== newData.domainCardData || prev.isApproved !== newData.isApproved) {
+          return newData;
+        }
+        return prev;
+      });
+    };
+    updateViewerData();
+    return editor.onChange(updateViewerData);
+  }, [editor]);
+  const { domainCardData, isApproved: isViewerApproved } = viewerData;
+  const isDataReady = isDomainCardDataReady(domainCardData) && isViewerApproved;
   useEffect47(() => {
     if (status === "pending" && isDataReady) {
       editor.updateBlock(block, {
@@ -16924,6 +16954,13 @@ var DomainCreatorSignFlowView = ({ editor, block }) => {
           status: "ready"
         }
       });
+    } else if (status === "ready" && !isDataReady) {
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          status: "pending"
+        }
+      });
     }
   }, [isDataReady, status, editor, block]);
   const handleComplete = useCallback47(
@@ -16977,76 +17014,643 @@ var DomainCreatorSignFlowView = ({ editor, block }) => {
   };
   const badgeProps = getBadgeProps();
   const isClickable = isDataReady || status === "completed" || status === "error";
-  const handlePrefillDummyData = useCallback47(
+  const getDescriptionText = () => {
+    switch (status) {
+      case "completed":
+        return `Entity created: ${block.props.entityDid}`;
+      case "error":
+        return block.props.errorMessage || "An error occurred";
+      case "ready":
+        return "Click to sign and create the domain";
+      default:
+        return "Waiting for domain data to be approved";
+    }
+  };
+  return /* @__PURE__ */ React185.createElement(BaseContainer, { onClick: isClickable ? handleOpen : void 0, style: { opacity: isClickable ? 1 : 0.7, cursor: isClickable ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React185.createElement(Group59, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React185.createElement(Group59, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("feather", block.props.icon), /* @__PURE__ */ React185.createElement(Stack122, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React185.createElement(Group59, { gap: "xs", align: "center" }, /* @__PURE__ */ React185.createElement(Text96, { fw: 600, size: "sm" }, block.props.title || "Sign to Create"), /* @__PURE__ */ React185.createElement(Badge28, { size: "xs", variant: "filled", color: badgeProps.color, styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } } }, badgeProps.text)), /* @__PURE__ */ React185.createElement(Text96, { size: "xs", c: "dimmed", lineClamp: 2 }, getDescriptionText()))), isClickable && /* @__PURE__ */ React185.createElement(Tooltip18, { label: status === "completed" ? "View details" : "Sign & Create", withArrow: true }, /* @__PURE__ */ React185.createElement(ActionIcon27, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React185.createElement(IconChevronRight8, { size: 18 })))));
+};
+
+// src/mantine/blocks/domainCreatorSign/DomainCreatorSignBlock.tsx
+function DomainCreatorSignBlock({ editor, block }) {
+  const { docType } = useBlocknoteContext();
+  if (docType === "template") {
+    return /* @__PURE__ */ React186.createElement(DomainCreatorSignTemplateView, { editor, block });
+  }
+  return /* @__PURE__ */ React186.createElement(DomainCreatorSignFlowView, { editor, block });
+}
+
+// src/mantine/blocks/domainCreatorSign/DomainCreatorSignBlockSpec.tsx
+var DomainCreatorSignBlockSpec = createReactBlockSpec16(
+  {
+    type: "domainCreatorSign",
+    propSchema: {
+      title: { default: "" },
+      description: { default: "" },
+      icon: { default: "feather" },
+      // Entity type from protocol selector or oracle
+      entityType: { default: "" },
+      // Status: pending | ready | signing | uploading | creating | completed | error
+      // NOTE: This block reads domainCardData from the domainCardViewer block
+      status: { default: "pending" },
+      // Created entity DID (after success)
+      entityDid: { default: "" },
+      // Transaction hash (after success)
+      transactionHash: { default: "" },
+      // Error message if failed
+      errorMessage: { default: "" }
+    },
+    content: "none"
+  },
+  {
+    render: (props) => {
+      const ixoProps = props;
+      return /* @__PURE__ */ React187.createElement(DomainCreatorSignBlock, { ...ixoProps });
+    }
+  }
+);
+
+// src/mantine/blocks/domainCardViewer/DomainCardViewerBlockSpec.tsx
+import React194 from "react";
+import { createReactBlockSpec as createReactBlockSpec17 } from "@blocknote/react";
+
+// src/mantine/blocks/domainCardViewer/DomainCardViewerBlock.tsx
+import React193 from "react";
+
+// src/mantine/blocks/domainCardViewer/template/TemplateView.tsx
+import React190, { useMemo as useMemo57 } from "react";
+import { Badge as Badge29, Group as Group60, Stack as Stack123, Text as Text97 } from "@mantine/core";
+
+// src/mantine/blocks/domainCardViewer/template/TemplateConfig.tsx
+import React189, { useCallback as useCallback48 } from "react";
+import { Paper as Paper19, CloseButton as CloseButton14, Title as Title17 } from "@mantine/core";
+
+// src/mantine/blocks/domainCardViewer/template/GeneralTab.tsx
+import React188, { useEffect as useEffect48, useState as useState66 } from "react";
+var GeneralTab13 = ({ title, description, icon, onTitleChange, onDescriptionChange, onIconChange }) => {
+  const [localTitle, setLocalTitle] = useState66(title || "");
+  const [localDescription, setLocalDescription] = useState66(description || "");
+  const [localIcon, setLocalIcon] = useState66(icon || "dots-circle");
+  useEffect48(() => setLocalTitle(title || ""), [title]);
+  useEffect48(() => setLocalDescription(description || ""), [description]);
+  useEffect48(() => setLocalIcon(icon || "dots-circle"), [icon]);
+  return /* @__PURE__ */ React188.createElement(BaseSection, null, /* @__PURE__ */ React188.createElement(
+    BaseTextInput,
+    {
+      label: "Title",
+      placeholder: "e.g. Domain Card Preview",
+      value: localTitle,
+      onChange: (event) => {
+        const newValue = event.currentTarget.value;
+        setLocalTitle(newValue);
+        onTitleChange(newValue);
+      }
+    }
+  ), /* @__PURE__ */ React188.createElement(
+    BaseTextArea,
+    {
+      label: "Description",
+      placeholder: "Short description shown on the block",
+      minRows: 2,
+      value: localDescription,
+      onChange: (event) => {
+        const newValue = event.currentTarget.value;
+        setLocalDescription(newValue);
+        onDescriptionChange(newValue);
+      }
+    }
+  ), /* @__PURE__ */ React188.createElement(
+    BaseTextInput,
+    {
+      label: "Icon",
+      description: "Use a supported icon key (e.g. id-badge, file-text, eye)",
+      placeholder: "id-badge",
+      value: localIcon,
+      onChange: (event) => {
+        const newValue = event.currentTarget.value;
+        setLocalIcon(newValue);
+        onIconChange(newValue);
+      }
+    }
+  ));
+};
+
+// src/mantine/blocks/domainCardViewer/template/TemplateConfig.tsx
+var TemplateConfig13 = ({ editor, block }) => {
+  const { closePanel } = usePanelStore();
+  const updateProp = useCallback48(
+    (key, value) => {
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          [key]: value
+        }
+      });
+    },
+    [editor, block]
+  );
+  return /* @__PURE__ */ React189.createElement(
+    Paper19,
+    {
+      p: "md",
+      shadow: "sm",
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    /* @__PURE__ */ React189.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          marginBottom: "1rem"
+        }
+      },
+      /* @__PURE__ */ React189.createElement(Title17, { order: 5 }, "Domain Card Settings"),
+      /* @__PURE__ */ React189.createElement(CloseButton14, { onClick: closePanel })
+    ),
+    /* @__PURE__ */ React189.createElement(
+      ReusablePanel,
+      {
+        extraTabs: [
+          {
+            label: "General",
+            value: "general",
+            content: /* @__PURE__ */ React189.createElement(
+              GeneralTab13,
+              {
+                title: block.props.title || "",
+                description: block.props.description || "",
+                icon: block.props.icon || "dots-circle",
+                onTitleChange: (value) => updateProp("title", value),
+                onDescriptionChange: (value) => updateProp("description", value),
+                onIconChange: (value) => updateProp("icon", value)
+              }
+            )
+          }
+        ],
+        context: { editor, block }
+      }
+    )
+  );
+};
+
+// src/mantine/blocks/domainCardViewer/template/TemplateView.tsx
+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 = useMemo57(() => /* @__PURE__ */ React190.createElement(TemplateConfig13, { editor, block }), [editor, block]);
+  const { open } = usePanel(panelId, panelContent);
+  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(Group60, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React190.createElement(Group60, { wrap: "nowrap", align: "center" }, getIcon("dots-circle", block.props.icon), /* @__PURE__ */ React190.createElement(Stack123, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React190.createElement(Text97, { fw: 500, size: "sm" }, block.props.title || "Domain Card"), /* @__PURE__ */ React190.createElement(Text97, { size: "xs", c: "dimmed" }, block.props.description || "Preview domain card generated by AI")))));
+};
+
+// src/mantine/blocks/domainCardViewer/flow/FlowView.tsx
+import React192, { useMemo as useMemo59, useCallback as useCallback49, useEffect as useEffect49 } from "react";
+import { ActionIcon as ActionIcon28, Badge as Badge30, Button as Button34, Group as Group61, Stack as Stack125, Text as Text99, Tooltip as Tooltip19 } from "@mantine/core";
+import { IconChevronRight as IconChevronRight9, IconLoader, IconTestPipe, IconTrash as IconTrash5 } from "@tabler/icons-react";
+
+// src/mantine/blocks/domainCardViewer/flow/ViewerPanel.tsx
+import React191, { useMemo as useMemo58 } from "react";
+import { Paper as Paper20, CloseButton as CloseButton15, Title as Title18, Stack as Stack124, Text as Text98, Loader as Loader25, Alert as Alert25, Button as Button33, Box as Box34, ScrollArea as ScrollArea6, Code as Code6 } from "@mantine/core";
+import { IconAlertCircle as IconAlertCircle12, IconCheck as IconCheck6, IconSparkles as IconSparkles3 } from "@tabler/icons-react";
+function parsePreviewData(jsonString) {
+  if (!jsonString || jsonString === "{}") return null;
+  try {
+    return JSON.parse(jsonString);
+  } catch {
+    return null;
+  }
+}
+var JsonViewer = ({ data }) => {
+  return /* @__PURE__ */ React191.createElement(ScrollArea6, { h: "100%", offsetScrollbars: true }, /* @__PURE__ */ React191.createElement(Stack124, { gap: "md" }, data.name && /* @__PURE__ */ React191.createElement(Box34, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Name"), /* @__PURE__ */ React191.createElement(Text98, { size: "lg", fw: 600 }, data.name)), data.summary && /* @__PURE__ */ React191.createElement(Box34, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Summary"), /* @__PURE__ */ React191.createElement(Text98, { size: "sm" }, data.summary)), data.description && /* @__PURE__ */ React191.createElement(Box34, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Description"), /* @__PURE__ */ React191.createElement(Text98, { size: "sm" }, data.description)), data.entity_type && data.entity_type.length > 0 && /* @__PURE__ */ React191.createElement(Box34, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Type"), /* @__PURE__ */ React191.createElement(Text98, { size: "sm" }, data.entity_type.join(", "))), data.keywords && data.keywords.length > 0 && /* @__PURE__ */ React191.createElement(Box34, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Keywords"), /* @__PURE__ */ React191.createElement(Text98, { size: "sm" }, data.keywords.join(", "))), data.faq && data.faq.length > 0 && /* @__PURE__ */ React191.createElement(Box34, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, mb: "xs" }, "FAQ"), /* @__PURE__ */ React191.createElement(Stack124, { gap: "sm" }, data.faq.map((item, index) => /* @__PURE__ */ React191.createElement(Box34, { key: index, p: "sm", style: { borderRadius: 8, backgroundColor: "var(--mantine-color-dark-6)" } }, /* @__PURE__ */ React191.createElement(Text98, { size: "sm", fw: 500, mb: 4 }, item.question), /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed" }, item.answer))))), /* @__PURE__ */ React191.createElement(Box34, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, mb: "xs" }, "Raw Data"), /* @__PURE__ */ React191.createElement(Code6, { block: true, style: { fontSize: 11, maxHeight: 200, overflow: "auto" } }, JSON.stringify(data, null, 2)))));
+};
+var ViewerPanel = ({ block, onApprove }) => {
+  const { closePanel } = usePanelStore();
+  const { domainCardRenderer } = useBlocknoteContext();
+  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 = useMemo58(() => parsePreviewData(block.props.domainPreviewData || "{}"), [block.props.domainPreviewData]);
+  const isLoading = status === "loading";
+  const isError = status === "error";
+  const isReady = status === "ready";
+  const isApproved = status === "approved";
+  const hasData = domainPreviewData !== null;
+  return /* @__PURE__ */ React191.createElement(
+    Paper20,
+    {
+      p: "md",
+      shadow: "sm",
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    /* @__PURE__ */ React191.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          marginBottom: "1rem",
+          flexShrink: 0
+        }
+      },
+      /* @__PURE__ */ React191.createElement(Title18, { order: 5 }, block.props.title || "Domain Card"),
+      /* @__PURE__ */ React191.createElement(CloseButton15, { onClick: closePanel })
+    ),
+    /* @__PURE__ */ React191.createElement(Box34, { style: { flex: 1, overflow: "hidden", display: "flex", flexDirection: "column" } }, isLoading && /* @__PURE__ */ React191.createElement(Stack124, { align: "center", justify: "center", style: { flex: 1 }, gap: "md" }, /* @__PURE__ */ React191.createElement(Loader25, { size: "lg", color: "blue" }), /* @__PURE__ */ React191.createElement(Stack124, { align: "center", gap: "xs" }, /* @__PURE__ */ React191.createElement(IconSparkles3, { size: 24, color: "var(--mantine-color-blue-5)" }), /* @__PURE__ */ React191.createElement(Text98, { size: "sm", c: "dimmed", ta: "center" }, loadingMessage))), isError && /* @__PURE__ */ React191.createElement(Stack124, { style: { flex: 1 }, gap: "md" }, /* @__PURE__ */ React191.createElement(Alert25, { icon: /* @__PURE__ */ React191.createElement(IconAlertCircle12, { size: 16 }), title: "Error", color: "red", variant: "light" }, errorMessage), /* @__PURE__ */ React191.createElement(Text98, { size: "sm", c: "dimmed", ta: "center" }, "Please ask the oracle to try again.")), (isReady || isApproved) && hasData && /* @__PURE__ */ React191.createElement(Box34, { style: { flex: 1, overflow: "hidden" } }, domainCardRenderer ? (
+      // Use custom renderer from web app
+      /* @__PURE__ */ React191.createElement(ScrollArea6, { h: "100%", offsetScrollbars: true }, domainCardRenderer(domainPreviewData))
+    ) : (
+      // Fallback to JSON viewer
+      /* @__PURE__ */ React191.createElement(JsonViewer, { data: domainPreviewData })
+    )), !isLoading && !isError && !hasData && /* @__PURE__ */ React191.createElement(Stack124, { align: "center", justify: "center", style: { flex: 1 }, gap: "md" }, /* @__PURE__ */ React191.createElement(Text98, { size: "sm", c: "dimmed", ta: "center" }, "No domain data available yet."))),
+    isReady && hasData && /* @__PURE__ */ React191.createElement(
+      Box34,
+      {
+        pt: "md",
+        mt: "md",
+        style: {
+          borderTop: "1px solid var(--mantine-color-dark-4)",
+          flexShrink: 0
+        }
+      },
+      /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", ta: "center", mb: "0" }, "This shows the domain details to see if the narrative aligns with what the domain is about."),
+      /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", ta: "center", mb: "md" }, "If you'd like changes, ask the oracle to make changes for you."),
+      /* @__PURE__ */ React191.createElement(Button33, { fullWidth: true, color: "teal", leftSection: /* @__PURE__ */ React191.createElement(IconCheck6, { size: 16 }), onClick: onApprove }, "Approve")
+    ),
+    isApproved && /* @__PURE__ */ React191.createElement(
+      Box34,
+      {
+        pt: "md",
+        mt: "md",
+        style: {
+          borderTop: "1px solid var(--mantine-color-dark-4)",
+          flexShrink: 0
+        }
+      },
+      /* @__PURE__ */ React191.createElement(Alert25, { icon: /* @__PURE__ */ React191.createElement(IconCheck6, { size: 16 }), color: "green", variant: "light" }, "Domain data approved. You can proceed to sign and create the domain.")
+    )
+  );
+};
+
+// src/data/domainCard.ts
+var dummyDomainCardData = {
+  id: "6fcb075108d95d7418a1336e81b07fd5b4bc28b6edf96f1d75a34bfaa40b146e",
+  issuer: "did:ixo:issuer:blueventures",
+  credential_type: ["VerifiableCredential", "ixo:DomainCard"],
+  valid_from: "2025-01-15T08:00:00.000Z",
+  schema_id: "https://github.com/ixofoundation/docs",
+  entity_type: ["schema:Organization", "schema:NGO"],
+  name: "Blue Ventures",
+  alternate_names: ["Blue Ventures Conservation"],
+  description: "Blue Ventures is an award-winning marine conservation organization supporting community-led management of coastal ecosystems across Madagascar, East Africa, Southeast Asia, and the Caribbean. Their work focuses on blue carbon restoration, sustainable fisheries, locally managed marine areas (LMMAs), and strengthening coastal community resilience through science-based conservation practices.",
+  keywords: [
+    "Marine Conservation",
+    "Blue Carbon",
+    "Mangrove Restoration",
+    "Seagrass Conservation",
+    "Sustainable Fisheries",
+    "Biodiversity Protection",
+    "Climate Resilience",
+    "Community-Led Conservation",
+    "LMMAs",
+    "Coastal Livelihoods"
+  ],
+  categories: ["ixo:project"],
+  knows_about: [
+    "community-based conservation models",
+    "blue carbon ecosystems",
+    "mangrove reforestation",
+    "seagrass mapping",
+    "marine protected area development",
+    "sustainable small-scale fisheries"
+  ],
+  url: "https://blueventures.org/",
+  same_as: [
+    "https://twitter.com/blueventures",
+    "https://github.com/blueventures",
+    "https://linkedin.com/company/blue-ventures",
+    "https://facebook.com/blueventuresorg",
+    "https://instagram.com/blueventures"
+  ],
+  logo_url: {
+    url: "https://blueventures.org/wp-content/uploads/2023/08/BlueVentures_logo.png",
+    alt: "The page returned a 404 Not Found error, indicating the requested resource could not be located. The server is running nginx, which is a web server software."
+  },
+  image_urls: [
+    {
+      url: "https://blueventures.org/wp-content/uploads/2024/01/bluecarbon_seascape.jpg",
+      alt: "The page returned a 404 Not Found error, indicating the requested resource could not be located. The server is running nginx, which is a web server software.",
+      type: "schema:ImageObject"
+    }
+  ],
+  contact: {
+    email: "info@blueventures.org",
+    website: "https://blueventures.org/",
+    location: "22-26 Station Road, Bristol, England, BS1 4RQ, GB",
+    socialLinks: []
+  },
+  location: "22-26 Station Road, Bristol, England, BS1 4RQ, GB",
+  coordinates: {
+    type: "Point",
+    coordinates: [-2.674898, 51.487256]
+  },
+  address: "22-26 Station Road, Bristol, England, BS1 4RQ, GB",
+  area_served: "Global Coastal Regions",
+  relationships: {
+    memberOf: ["The Blue Carbon Initiative"],
+    partners: ["WWF", "The Nature Conservancy", "IUCN Mangrove Specialist Group"],
+    funders: ["UK Aid / FCDO"]
+  },
+  additional_properties: {
+    attributes: [
+      {
+        "@type": "schema:PropertyValue",
+        "@id": "urn:ixo:attr:projects",
+        name: "Active Conservation Sites",
+        value: "40+"
+      },
+      {
+        "@type": "schema:PropertyValue",
+        "@id": "urn:ixo:attr:focus",
+        name: "Core Focus Areas",
+        value: "Blue carbon, fisheries, biodiversity"
+      }
+    ],
+    content_hashes: {
+      "https://blueventures.org/": "1765daf4a048e042bc651e13d6ed88d7f70f576c1b16ac4bc00cd42e78a9fcb0"
+    },
+    content_summaries: {
+      "https://blueventures.org/": "The content highlights Blue Ventures' community-centered approach to marine conservation, emphasizing the critical role of coastal communities in sustaining fisheries and protecting ocean ecosystems. The organization works across 11 countries\u2014including Madagascar, Timor-Leste, Indonesia, and Belize\u2014supporting Locally Managed Marine Areas (LMMAs), community-led fisheries management, and the recognition of traditional governance systems like Tara Bandu. Key strategies include empowering local institutions, promoting data-driven decision-making, strengthening co-management partnerships, and advocating for small-scale fishers' rights. Blue Ventures also addresses social challenges by integrating healthcare access and supporting women-led initiatives. With a vision of 'Thriving Communities. Thriving Oceans,' the organization aims to scale locally led conservation to combat climate change, overfishing, and industrial exploitation, ensuring long-term resilience for both people and nature."
+    },
+    last_fetch_date: "2025-12-11T16:32:33.260Z"
+  },
+  faq: [
+    {
+      question: "What is Marine Conservation Partnerships and what problem does it solve?",
+      answer: "Marine Conservation Partnerships is a service offering that enables NGOs, governments, and coastal communities to implement community-led marine conservation models\u2014primarily Locally Managed Marine Areas (LMMAs)\u2014to address threats to coastal ecosystems. It combines governance frameworks, science-based monitoring, and livelihoods support to deliver measurable conservation and community benefits."
+    },
+    {
+      question: "How does Marine Conservation Partnerships work technically?",
+      answer: "It works by designing and deploying locally led governance structures (LMMA frameworks), conducting science-driven monitoring (ecological surveys, standardized catch surveys), and enabling community-led patrols and fishery closures. The program also integrates mangrove blue carbon initiatives and drone-assisted seagrass mapping to track ecosystem change."
+    },
+    {
+      question: "What can you do with Marine Conservation Partnerships?",
+      answer: "You can establish LMMA networks, implement seasonal or spatial fishery closures, develop mangrove blue carbon projects, and leverage open-access research to inform policy. The offering supports capacity building, governance design, and community-driven stewardship with data-backed decision making."
+    },
+    {
+      question: "Who uses Marine Conservation Partnerships?",
+      answer: "NGOs and governments seeking community-based conservation models, researchers studying blue carbon and tropical fisheries, and funders supporting high-impact coastal restoration programs use Marine Conservation Partnerships. Communities actively participate in planning, monitoring, and stewardship."
+    },
+    {
+      question: "What outcomes does Marine Conservation Partnerships aim to achieve?",
+      answer: "The program targets verified ecological gains such as mangrove restoration and biomass accumulation, improved fisheries performance, and biodiversity rebound, supported by science-based monitoring and governance metrics. These outcomes are designed to be scalable across regions and inform broader conservation strategies."
+    }
+  ],
+  summary: "Blue Ventures is a marine conservation NGO advancing community-led coastal stewardship across Madagascar, East Africa, Southeast Asia, and the Caribbean, focusing on blue carbon restoration, mangroves, seagrass meadows, and sustainable small-scale fisheries. Through Marine Conservation Partnerships, it enables NGOs, governments, and coastal communities to design Locally Managed Marine Areas (LMMAs), conduct science-based monitoring, and implement mangrove blue carbon initiatives and drone-assisted seagrass mapping. The organization differentiates itself by pioneering the LMMA model in Madagascar and integrating ecological science with livelihoods and conservation financing within a network that includes the Blue Carbon Initiative, WWF, The Nature Conservancy, and IUCN Mangrove Specialist Group, funded by UK Aid / FCDO.",
+  overview: "### Mission & Technical Foundation\nBlue Ventures is a globally recognized marine conservation NGO focused on community-led management of coastal ecosystems. Its mission centers on empowering coastal communities to design, govern, and sustain their own marine management systems, with primary ecosystems including mangroves, coral reefs, seagrass meadows, and small-scale fisheries. The organization operates across Madagascar, East Africa, Southeast Asia, and the Caribbean, and maintains a science-driven program portfolio that integrates ecological surveys, fisheries data, and socioeconomic research to deliver measurable conservation and livelihood outcomes. The core technical approach combines governance design, field monitoring, and community-based stewardship to translate science into locally governed restoration and management.\n\n### Ecosystem & Capabilities\nBlue Ventures positions itself within a collaborative ecosystem that includes the Blue Carbon Initiative, Global Mangrove Alliance, WWF, IUCN, and The Nature Conservancy. Its flagship offering, Marine Conservation Partnerships, enables NGOs, governments, and coastal communities to implement Locally Managed Marine Areas (LMMAs), integrating governance frameworks, science-based monitoring, and livelihoods support to achieve scalable, community-first conservation. Key capabilities include LMMA design and governance, drone-assisted seagrass mapping, standardized catch surveys for fisheries monitoring, mangrove blue carbon initiatives, and community patrols with seasonal or spatial fishery closures. The organization also produces open-access research used by global conservation networks and pursues partnerships that expand mangrove restoration and blue carbon across regions. Notable collaborations include the Blue Carbon Initiative, Global Mangrove Alliance, and partnerships with WWF, IUCN, and TNC, with UK Aid / FCDO as a principal funder. Upcoming engagement includes the Global Mangrove Alliance \u2013 Annual Gathering 2025 in Dar es Salaam, reflecting a commitment to scale and knowledge exchange across Africa, Southeast Asia, and the Caribbean.",
+  events: ["81382424481d6291b3caaaf6bb1d16eef568fe24a96fd2c1a3fddec9b368f165"],
+  agents: [],
+  indexed_at: "2025-12-11T16:32:33.260Z",
+  updated_at: "2025-12-11T16:32:33.260Z",
+  research_profile: {
+    type: "ixo:ResearchProfile",
+    "ixo:seedQueries": ["Blue Ventures blue carbon community conservation", "mangrove restoration Madagascar community management"],
+    citation: [
+      {
+        type: "schema:CreativeWork",
+        name: "Blue Carbon Ecosystems in Madagascar",
+        url: "https://blueventures.org/blue-carbon/",
+        publisher: "Blue Ventures",
+        datePublished: "2023-11-14"
+      }
+    ],
+    dateModified: "2025-01-15"
+  }
+};
+var dummyCredentialSubject = {
+  id: "did:ixo:entity:pending",
+  type: ["ixo:dao"],
+  name: "Blue Ventures",
+  description: "Blue Ventures is an award-winning marine conservation organization supporting community-led management of coastal ecosystems across Madagascar, East Africa, Southeast Asia, and the Caribbean.",
+  url: "https://blueventures.org/",
+  sameAs: ["https://twitter.com/blueventures", "https://linkedin.com/company/blue-ventures", "https://facebook.com/blueventuresorg"],
+  logo: {
+    type: "schema:ImageObject",
+    id: "https://blueventures.org/wp-content/uploads/2023/08/BlueVentures_logo.png",
+    contentUrl: "https://blueventures.org/wp-content/uploads/2023/08/BlueVentures_logo.png"
+  },
+  image: [
+    {
+      type: "schema:ImageObject",
+      id: "https://blueventures.org/wp-content/uploads/2024/01/bluecarbon_seascape.jpg",
+      contentUrl: "https://blueventures.org/wp-content/uploads/2024/01/bluecarbon_seascape.jpg"
+    }
+  ],
+  keywords: ["Marine Conservation", "Blue Carbon", "Mangrove Restoration", "Sustainable Fisheries", "Community-Led Conservation"],
+  knowsAbout: ["community-based conservation models", "blue carbon ecosystems", "mangrove reforestation", "marine protected area development"],
+  address: {
+    type: "schema:PostalAddress",
+    streetAddress: "22-26 Station Road",
+    addressLocality: "Bristol",
+    addressRegion: "England",
+    postalCode: "BS1 4RQ",
+    addressCountry: "GB"
+  },
+  areaServed: {
+    type: "schema:AdministrativeArea",
+    name: "Global Coastal Regions"
+  },
+  contactPoint: [
+    {
+      type: "schema:ContactPoint",
+      contactType: "general",
+      email: "info@blueventures.org"
+    }
+  ],
+  relationships: {
+    memberOf: [
+      { type: "schema:Organization", name: "The Blue Carbon Initiative" },
+      { type: "schema:Organization", name: "Global Mangrove Alliance" }
+    ],
+    "prov:wasAssociatedWith": [
+      { type: "schema:Organization", name: "WWF", url: "https://wwf.org" },
+      { type: "schema:Organization", name: "The Nature Conservancy" }
+    ],
+    funding: [
+      {
+        type: "schema:MonetaryGrant",
+        funder: { type: "schema:Organization", name: "UK Aid / FCDO" }
+      }
+    ]
+  },
+  researchProfile: {
+    type: "ixo:ResearchProfile",
+    "ixo:seedQueries": ["Blue Ventures blue carbon community conservation"],
+    citation: [
+      {
+        type: "schema:CreativeWork",
+        name: "Blue Carbon Ecosystems in Madagascar",
+        url: "https://blueventures.org/blue-carbon/",
+        publisher: "Blue Ventures",
+        datePublished: "2023-11-14"
+      }
+    ],
+    dateModified: "2025-01-15"
+  }
+};
+
+// src/mantine/blocks/domainCardViewer/flow/FlowView.tsx
+var DOMAIN_CARD_VIEWER_FLOW_PANEL_ID = "domain-card-viewer-flow-panel";
+var IS_DEV = false;
+function isPreviewDataReady(domainPreviewData) {
+  if (!domainPreviewData || domainPreviewData === "{}") return false;
+  try {
+    const parsed = JSON.parse(domainPreviewData);
+    return Boolean(parsed && typeof parsed === "object" && parsed.name);
+  } catch {
+    return false;
+  }
+}
+var DomainCardViewerFlowView = ({ editor, block }) => {
+  const status = block.props.status || "pending";
+  const domainPreviewData = block.props.domainPreviewData || "{}";
+  const isDataReady = isPreviewDataReady(domainPreviewData);
+  console.log("block.props", block.props);
+  useEffect49(() => {
+    if (status === "pending" && isDataReady) {
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          status: "ready"
+        }
+      });
+    }
+  }, [isDataReady, status, editor, block]);
+  const handleApprove = useCallback49(() => {
+    editor.updateBlock(block, {
+      props: {
+        ...block.props,
+        status: "approved"
+      }
+    });
+  }, [editor, block]);
+  const panelId = `${DOMAIN_CARD_VIEWER_FLOW_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo59(() => /* @__PURE__ */ React192.createElement(ViewerPanel, { editor, block, onApprove: handleApprove }), [editor, block, handleApprove]);
+  const { open } = usePanel(panelId, panelContent);
+  const handleInjectDummyData = useCallback49(
+    (e) => {
+      e.stopPropagation();
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          domainPreviewData: JSON.stringify(dummyDomainCardData),
+          domainCardData: JSON.stringify(dummyCredentialSubject),
+          status: "ready",
+          loadingMessage: "",
+          errorMessage: ""
+        }
+      });
+    },
+    [editor, block]
+  );
+  const handleSetLoading = useCallback49(
     (e) => {
       e.stopPropagation();
       editor.updateBlock(block, {
         props: {
           ...block.props,
-          domainCardData: JSON.stringify(DUMMY_DOMAIN_CARD_DATA),
-          entityType: "dao"
+          status: "loading",
+          loadingMessage: "Agents are analyzing your domain information..."
         }
       });
     },
     [editor, block]
   );
-  const handleClearDummyData = useCallback47(
+  const handleClearData = useCallback49(
     (e) => {
       e.stopPropagation();
       editor.updateBlock(block, {
         props: {
           ...block.props,
+          domainPreviewData: "{}",
           domainCardData: "{}",
-          entityType: "",
-          status: "pending"
+          status: "pending",
+          loadingMessage: "",
+          errorMessage: ""
         }
       });
     },
     [editor, block]
   );
+  const getBadgeProps = () => {
+    switch (status) {
+      case "approved":
+        return { color: "green", text: "Approved" };
+      case "error":
+        return { color: "red", text: "Error" };
+      case "loading":
+        return { color: "blue", text: "Generating..." };
+      case "ready":
+        return { color: "teal", text: "Ready to Review" };
+      default:
+        return { color: "gray", text: "Waiting" };
+    }
+  };
+  const badgeProps = getBadgeProps();
   const getDescriptionText = () => {
     switch (status) {
-      case "completed":
-        return `Entity created: ${block.props.entityDid}`;
+      case "approved":
+        return "Domain data approved";
       case "error":
         return block.props.errorMessage || "An error occurred";
+      case "loading":
+        return block.props.loadingMessage || "Agents are generating domain data...";
       case "ready":
-        return "Click to sign and create the domain";
+        return "Click to review and approve";
       default:
-        return "Waiting for domain card data to be filled";
+        return "Waiting for agents to generate domain data";
     }
   };
-  return /* @__PURE__ */ React185.createElement(BaseContainer, { onClick: isClickable ? handleOpen : void 0, style: { opacity: isClickable ? 1 : 0.7, cursor: isClickable ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React185.createElement(Group59, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React185.createElement(Group59, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("feather", block.props.icon), /* @__PURE__ */ React185.createElement(Stack122, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React185.createElement(Group59, { gap: "xs", align: "center" }, /* @__PURE__ */ React185.createElement(Text96, { fw: 600, size: "sm" }, block.props.title || "Sign to Create"), /* @__PURE__ */ React185.createElement(Badge28, { size: "xs", variant: "filled", color: badgeProps.color, styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } } }, badgeProps.text)), /* @__PURE__ */ React185.createElement(Text96, { size: "xs", c: "dimmed", lineClamp: 2 }, getDescriptionText()))), IS_DEV && status === "pending" && !isDataReady && /* @__PURE__ */ React185.createElement(Button33, { size: "compact-xs", variant: "light", color: "orange", leftSection: /* @__PURE__ */ React185.createElement(IconTestPipe, { size: 14 }), onClick: handlePrefillDummyData }, "Test Data"), IS_DEV && isDataReady && /* @__PURE__ */ React185.createElement(Button33, { size: "compact-xs", variant: "light", color: "orange", leftSection: /* @__PURE__ */ React185.createElement(IconTrash5, { size: 14 }), onClick: handleClearDummyData }, "Clear Data"), isClickable && /* @__PURE__ */ React185.createElement(Tooltip18, { label: status === "completed" ? "View details" : "Sign & Create", withArrow: true }, /* @__PURE__ */ React185.createElement(ActionIcon27, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React185.createElement(IconChevronRight8, { size: 18 })))));
+  const canOpenPanel = status !== "pending";
+  return /* @__PURE__ */ React192.createElement(BaseContainer, { onClick: canOpenPanel ? open : void 0, style: { opacity: canOpenPanel ? 1 : 0.7, cursor: canOpenPanel ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React192.createElement(Group61, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React192.createElement(Group61, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("dots-circle", block.props.icon), /* @__PURE__ */ React192.createElement(Stack125, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React192.createElement(Group61, { gap: "xs", align: "center" }, /* @__PURE__ */ React192.createElement(Text99, { fw: 600, size: "sm" }, block.props.title || "Domain Card"), /* @__PURE__ */ React192.createElement(Badge30, { size: "xs", variant: "filled", color: badgeProps.color, styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } } }, badgeProps.text)), /* @__PURE__ */ React192.createElement(Text99, { size: "xs", c: "dimmed", lineClamp: 2 }, getDescriptionText()))), IS_DEV && status === "pending" && /* @__PURE__ */ React192.createElement(React192.Fragment, null, /* @__PURE__ */ React192.createElement(Button34, { size: "compact-xs", variant: "light", color: "orange", leftSection: /* @__PURE__ */ React192.createElement(IconTestPipe, { size: 14 }), onClick: handleInjectDummyData }, "Test Data"), /* @__PURE__ */ React192.createElement(Button34, { size: "compact-xs", variant: "light", color: "blue", leftSection: /* @__PURE__ */ React192.createElement(IconLoader, { size: 14 }), onClick: handleSetLoading }, "Loading")), IS_DEV && (status === "ready" || status === "approved" || status === "loading") && /* @__PURE__ */ React192.createElement(Button34, { size: "compact-xs", variant: "light", color: "orange", leftSection: /* @__PURE__ */ React192.createElement(IconTrash5, { size: 14 }), onClick: handleClearData }, "Clear"), canOpenPanel && /* @__PURE__ */ React192.createElement(Tooltip19, { label: status === "approved" ? "View domain data" : "Review domain data", withArrow: true }, /* @__PURE__ */ React192.createElement(ActionIcon28, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React192.createElement(IconChevronRight9, { size: 18 })))));
 };
 
-// src/mantine/blocks/domainCreatorSign/DomainCreatorSignBlock.tsx
-function DomainCreatorSignBlock({ editor, block }) {
+// src/mantine/blocks/domainCardViewer/DomainCardViewerBlock.tsx
+function DomainCardViewerBlock({ editor, block }) {
   const { docType } = useBlocknoteContext();
   if (docType === "template") {
-    return /* @__PURE__ */ React186.createElement(DomainCreatorSignTemplateView, { editor, block });
+    return /* @__PURE__ */ React193.createElement(DomainCardViewerTemplateView, { editor, block });
   }
-  return /* @__PURE__ */ React186.createElement(DomainCreatorSignFlowView, { editor, block });
+  return /* @__PURE__ */ React193.createElement(DomainCardViewerFlowView, { editor, block });
 }
 
-// src/mantine/blocks/domainCreatorSign/DomainCreatorSignBlockSpec.tsx
-var DomainCreatorSignBlockSpec = createReactBlockSpec16(
+// src/mantine/blocks/domainCardViewer/DomainCardViewerBlockSpec.tsx
+var DomainCardViewerBlockSpec = createReactBlockSpec17(
   {
-    type: "domainCreatorSign",
+    type: "domainCardViewer",
     propSchema: {
       title: { default: "" },
       description: { default: "" },
-      icon: { default: "file-text" },
-      // JSON string of credential subject data (oracle fills this)
+      icon: { default: "dots-circle" },
+      // Preview data for UI display (JSON string, injected by oracle)
+      // Uses DomainCardResponse format with faq, summary, logo_url, etc.
+      domainPreviewData: { default: "{}" },
+      // Credential subject data for signing (JSON string, injected by oracle)
+      // Uses DomainCardCredentialSubject format for W3C VC
       domainCardData: { default: "{}" },
-      // Entity type from protocol selector or oracle
-      entityType: { default: "" },
-      // Status: pending | ready | signing | uploading | creating | completed | error
+      // Status tracking for oracle workflow
       status: { default: "pending" },
-      // Created entity DID (after success)
-      entityDid: { default: "" },
-      // Transaction hash (after success)
-      transactionHash: { default: "" },
-      // Error message if failed
+      // 'pending' | 'loading' | 'ready' | 'approved' | 'error'
+      // Loading message from oracle
+      loadingMessage: { default: "" },
+      // Error message if something goes wrong
       errorMessage: { default: "" }
     },
     content: "none"
@@ -17054,7 +17658,7 @@ var DomainCreatorSignBlockSpec = createReactBlockSpec16(
   {
     render: (props) => {
       const ixoProps = props;
-      return /* @__PURE__ */ React187.createElement(DomainCreatorSignBlock, { ...ixoProps });
+      return /* @__PURE__ */ React194.createElement(DomainCardViewerBlock, { ...ixoProps });
     }
   }
 );
@@ -17230,10 +17834,10 @@ blockRegistry.register({
 });
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo57, useEffect as useEffect48, useState as useState65, useCallback as useCallback48 } from "react";
+import { useMemo as useMemo60, useEffect as useEffect50, useState as useState67, useCallback as useCallback50 } from "react";
 
 // src/mantine/blocks/hooks/useDependsOn.ts
-import { useMemo as useMemo58 } from "react";
+import { useMemo as useMemo61 } from "react";
 
 // src/mantine/blocks/index.ts
 var blockSpecs = {
@@ -17252,7 +17856,8 @@ var blockSpecs = {
   dynamicList: DynamicListBlockSpec,
   protocolSelector: ProtocolSelectorBlockSpec,
   form: FormBlockSpec,
-  domainCreatorSign: DomainCreatorSignBlockSpec
+  domainCreatorSign: DomainCreatorSignBlockSpec,
+  domainCardViewer: DomainCardViewerBlockSpec
 };
 var getExtraSlashMenuItems = (editor) => {
   const slashMenuList = [
@@ -17585,7 +18190,6 @@ var getExtraSlashMenuItems = (editor) => {
                 title: "",
                 description: "",
                 icon: "feather",
-                domainCardData: "{}",
                 entityType: "",
                 status: "pending",
                 entityDid: "",
@@ -17601,6 +18205,33 @@ var getExtraSlashMenuItems = (editor) => {
       aliases: ["domain-sign"],
       group: "Domains",
       subtext: "Sign domain card and create entity on-chain"
+    },
+    {
+      title: "Domain Card",
+      onItemClick: () => {
+        editor.insertBlocks(
+          [
+            {
+              type: "domainCardViewer",
+              props: {
+                title: "",
+                description: "",
+                icon: "dots-circle",
+                domainPreviewData: "{}",
+                domainCardData: "{}",
+                status: "pending",
+                loadingMessage: "",
+                errorMessage: ""
+              }
+            }
+          ],
+          editor.getTextCursorPosition().block,
+          "after"
+        );
+      },
+      aliases: ["domain-card", "domain-viewer", "card-preview"],
+      group: "Domains",
+      subtext: "Preview domain card before signing"
     }
   ];
   const yRoot = editor?._yRoot;
@@ -17681,15 +18312,15 @@ 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 useEffect49, useState as useState66, useRef as useRef11, useCallback as useCallback49, useMemo as useMemo59 } from "react";
+import { useEffect as useEffect51, useState as useState68, useRef as useRef11, useCallback as useCallback51, useMemo as useMemo62 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
-  const [matrixProvider, setProvider] = useState66(null);
-  const [status, setStatus] = useState66("disconnected");
+  const [matrixProvider, setProvider] = useState68(null);
+  const [status, setStatus] = useState68("disconnected");
   const isMountedRef = useRef11(true);
   const providerRef = useRef11(null);
   const retryTimeoutRef = useRef11(null);
-  const providerOptions = useMemo59(
+  const providerOptions = useMemo62(
     () => ({
       translator: {
         updateEventType: "matrix-crdt.doc_update",
@@ -17702,22 +18333,22 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
     }),
     []
   );
-  const handleDocumentAvailable = useCallback49(() => {
+  const handleDocumentAvailable = useCallback51(() => {
     if (isMountedRef.current) {
       setStatus("connected");
     }
   }, []);
-  const handleDocumentUnavailable = useCallback49(() => {
+  const handleDocumentUnavailable = useCallback51(() => {
     if (isMountedRef.current) {
       setStatus("failed");
     }
   }, []);
-  const handleCanWriteChanged = useCallback49(() => {
+  const handleCanWriteChanged = useCallback51(() => {
     if (isMountedRef.current && providerRef.current) {
       setStatus(providerRef.current.canWrite ? "connected" : "failed");
     }
   }, []);
-  const initProvider = useCallback49(async () => {
+  const initProvider = useCallback51(async () => {
     if (!isMountedRef.current) return;
     if (retryTimeoutRef.current) {
       clearTimeout(retryTimeoutRef.current);
@@ -17750,7 +18381,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       }
     }
   }, [matrixClient, providerOptions, handleDocumentAvailable, handleDocumentUnavailable, handleCanWriteChanged]);
-  useEffect49(() => {
+  useEffect51(() => {
     isMountedRef.current = true;
     initProvider();
     return () => {
@@ -17767,7 +18398,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       setStatus("disconnected");
     };
   }, [initProvider]);
-  useEffect49(() => {
+  useEffect51(() => {
     return () => {
       isMountedRef.current = false;
     };
@@ -17776,17 +18407,17 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
 }
 
 // src/mantine/hooks/useCollaborativeYDoc.ts
-import { useMemo as useMemo60 } from "react";
+import { useMemo as useMemo63 } from "react";
 import * as Y from "yjs";
 function useCollaborativeYDoc(_options) {
-  return useMemo60(() => {
+  return useMemo63(() => {
     const doc = new Y.Doc();
     return doc;
   }, []);
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo61, useEffect as useEffect50 } from "react";
+import { useMemo as useMemo64, useEffect as useEffect52 } from "react";
 
 // src/core/lib/matrixMetadata.ts
 var COVER_IMAGE_EVENT_TYPE = "ixo.page.cover_image";
@@ -17955,7 +18586,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     permissions = { write: false }
   } = options || {};
-  const memoizedUser = useMemo61(
+  const memoizedUser = useMemo64(
     () => ({
       id: user?.id || "",
       name: user?.name || "",
@@ -17970,13 +18601,13 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     roomId: options.roomId
   });
-  const metadataManager = useMemo61(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
-  useEffect50(() => {
+  const metadataManager = useMemo64(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
+  useEffect52(() => {
     return () => {
       metadataManager.dispose();
     };
   }, [metadataManager]);
-  const defaultUploadFile = useMemo61(
+  const defaultUploadFile = useMemo64(
     () => uploadFile || (async (file) => {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -17990,7 +18621,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [uploadFile]
   );
-  const schema = useMemo61(
+  const schema = useMemo64(
     () => BlockNoteSchema2.create({
       blockSpecs: {
         ...defaultBlockSpecs2,
@@ -18005,13 +18636,13 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     []
   );
-  const root = useMemo61(() => yDoc.getMap("root"), [yDoc]);
-  const documentFragment = useMemo61(() => yDoc.getXmlFragment("document"), [yDoc]);
-  const flowArray = useMemo61(() => yDoc.getArray("flow"), [yDoc]);
-  const runtimeMap = useMemo61(() => yDoc.getMap("runtime"), [yDoc]);
-  const delegationsMap = useMemo61(() => yDoc.getMap("delegations"), [yDoc]);
-  const userFragment = useMemo61(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
-  const collaborationConfig = useMemo61(
+  const root = useMemo64(() => yDoc.getMap("root"), [yDoc]);
+  const documentFragment = useMemo64(() => yDoc.getXmlFragment("document"), [yDoc]);
+  const flowArray = useMemo64(() => yDoc.getArray("flow"), [yDoc]);
+  const runtimeMap = useMemo64(() => yDoc.getMap("runtime"), [yDoc]);
+  const delegationsMap = useMemo64(() => yDoc.getMap("delegations"), [yDoc]);
+  const userFragment = useMemo64(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
+  const collaborationConfig = useMemo64(
     () => ({
       provider: matrixProvider,
       fragment: documentFragment,
@@ -18023,7 +18654,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [matrixProvider, documentFragment, memoizedUser.name, memoizedUser.color]
   );
-  const ixoConfig = useMemo61(
+  const ixoConfig = useMemo64(
     () => ({
       theme,
       editable,
@@ -18042,7 +18673,7 @@ function useCreateCollaborativeIxoEditor(options) {
     uploadFile: defaultUploadFile,
     collaboration: collaborationConfig
   });
-  const titleText = useMemo61(() => yDoc.getText("title"), [yDoc]);
+  const titleText = useMemo64(() => yDoc.getText("title"), [yDoc]);
   let ixoEditor;
   if (editor) {
     ixoEditor = editor;
@@ -18192,12 +18823,12 @@ function useCreateCollaborativeIxoEditor(options) {
       return void 0;
     };
   }
-  useEffect50(() => {
+  useEffect52(() => {
     if (ixoEditor) {
       ixoEditor.isEditable = editable;
     }
   }, [ixoEditor, editable]);
-  useEffect50(() => {
+  useEffect52(() => {
     if (connectionStatus !== "connected") {
       return;
     }
@@ -18230,8 +18861,8 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/components/CoverImage.tsx
-import React189, { useState as useState67, useRef as useRef12, useEffect as useEffect51 } from "react";
-import { Box as Box34, Group as Group60 } from "@mantine/core";
+import React196, { useState as useState69, useRef as useRef12, useEffect as useEffect53 } from "react";
+import { Box as Box35, Group as Group62 } from "@mantine/core";
 
 // src/core/lib/imageTransform.ts
 var CLOUDFLARE_CDN_BASE = "https://www.ixo.earth/cdn-cgi/image";
@@ -18364,11 +18995,11 @@ function transformIconImage(sourceUrl, size = "default", customOptions) {
 }
 
 // src/mantine/components/Base/CoverImageButton.tsx
-import React188 from "react";
-import { Button as Button34 } from "@mantine/core";
+import React195 from "react";
+import { Button as Button35 } from "@mantine/core";
 function CoverImageButton({ isActive = false, children, onClick, style }) {
-  return /* @__PURE__ */ React188.createElement(
-    Button34,
+  return /* @__PURE__ */ React195.createElement(
+    Button35,
     {
       onClick,
       variant: "filled",
@@ -18390,13 +19021,13 @@ function CoverImageButton({ isActive = false, children, onClick, style }) {
 // src/mantine/components/CoverImage.tsx
 function CoverImage({ coverImageUrl, logoUrl }) {
   const { editor, handlers, editable } = useBlocknoteContext();
-  const [isHovering, setIsHovering] = useState67(false);
-  const [isRepositioning, setIsRepositioning] = useState67(false);
-  const [coverPosition, setCoverPosition] = useState67(50);
+  const [isHovering, setIsHovering] = useState69(false);
+  const [isRepositioning, setIsRepositioning] = useState69(false);
+  const [coverPosition, setCoverPosition] = useState69(50);
   const coverFileInputRef = useRef12(null);
   const logoFileInputRef = useRef12(null);
-  const [metadata, setMetadata] = useState67(() => editor?.getPageMetadata?.() || null);
-  useEffect51(() => {
+  const [metadata, setMetadata] = useState69(() => editor?.getPageMetadata?.() || null);
+  useEffect53(() => {
     if (!editor?._metadataManager) {
       return;
     }
@@ -18487,8 +19118,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     return null;
   }
   if (!hasCover) {
-    return /* @__PURE__ */ React189.createElement(
-      Box34,
+    return /* @__PURE__ */ React196.createElement(
+      Box35,
       {
         style: {
           position: "relative",
@@ -18500,8 +19131,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         onMouseEnter: () => editable && setIsHovering(true),
         onMouseLeave: () => editable && setIsHovering(false)
       },
-      /* @__PURE__ */ React189.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React189.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React189.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React189.createElement(
-        Group60,
+      /* @__PURE__ */ React196.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React196.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React196.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React196.createElement(
+        Group62,
         {
           gap: "xs",
           style: {
@@ -18511,10 +19142,10 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 10
           }
         },
-        /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleAddLogo }, "Add icon"),
-        /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleAddCover }, "Add cover")
-      ), logoSrc && /* @__PURE__ */ React189.createElement(
-        Box34,
+        /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleAddLogo }, "Add icon"),
+        /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleAddCover }, "Add cover")
+      ), logoSrc && /* @__PURE__ */ React196.createElement(
+        Box35,
         {
           style: {
             position: "relative",
@@ -18527,7 +19158,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 11
           }
         },
-        /* @__PURE__ */ React189.createElement(
+        /* @__PURE__ */ React196.createElement(
           "img",
           {
             src: logoSrc,
@@ -18541,7 +19172,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             }
           }
         ),
-        editable && isHovering && /* @__PURE__ */ React189.createElement(
+        editable && isHovering && /* @__PURE__ */ React196.createElement(
           "div",
           {
             style: {
@@ -18556,15 +19187,15 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               alignItems: "center"
             }
           },
-          /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleChangeLogo }, "Change"),
-          /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
-          /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleAddCover }, "Add cover")
+          /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleChangeLogo }, "Change"),
+          /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
+          /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleAddCover }, "Add cover")
         )
       ))
     );
   }
-  return /* @__PURE__ */ React189.createElement(
-    Box34,
+  return /* @__PURE__ */ React196.createElement(
+    Box35,
     {
       style: {
         position: "relative",
@@ -18584,7 +19215,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
       onMouseMove: handleMouseMove,
       onClick: () => isRepositioning && setIsRepositioning(false)
     },
-    /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React196.createElement(
       "img",
       {
         src: coverUrl,
@@ -18602,8 +19233,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         }
       }
     ),
-    editable && isHovering && /* @__PURE__ */ React189.createElement(
-      Group60,
+    editable && isHovering && /* @__PURE__ */ React196.createElement(
+      Group62,
       {
         gap: "xs",
         style: {
@@ -18613,12 +19244,12 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 10
         }
       },
-      /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleChangeCover }, "Change cover"),
-      /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleReposition, isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
-      /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove")
+      /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleChangeCover }, "Change cover"),
+      /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleReposition, isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
+      /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove")
     ),
-    /* @__PURE__ */ React189.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React189.createElement(
-      Box34,
+    /* @__PURE__ */ React196.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React196.createElement(
+      Box35,
       {
         style: {
           position: "absolute",
@@ -18629,7 +19260,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 11
         }
       },
-      logoSrc && /* @__PURE__ */ React189.createElement(
+      logoSrc && /* @__PURE__ */ React196.createElement(
         "img",
         {
           src: logoSrc,
@@ -18643,10 +19274,10 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           }
         }
       ),
-      editable && isHovering && /* @__PURE__ */ React189.createElement(React189.Fragment, null, logoSrc ? (
+      editable && isHovering && /* @__PURE__ */ React196.createElement(React196.Fragment, null, logoSrc ? (
         // Logo exists: Show Change/Remove buttons when hovering on cover
-        /* @__PURE__ */ React189.createElement(
-          Group60,
+        /* @__PURE__ */ React196.createElement(
+          Group62,
           {
             gap: "xs",
             style: {
@@ -18656,12 +19287,12 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               zIndex: 12
             }
           },
-          /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleChangeLogo }, "Change"),
-          /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
+          /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleChangeLogo }, "Change"),
+          /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
         )
       ) : (
         // No logo: Show "Add icon" button when hovering anywhere on cover
-        /* @__PURE__ */ React189.createElement(
+        /* @__PURE__ */ React196.createElement(
           CoverImageButton,
           {
             onClick: handleAddLogo,
@@ -18677,13 +19308,13 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         )
       ))
     )),
-    /* @__PURE__ */ React189.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
-    /* @__PURE__ */ React189.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
+    /* @__PURE__ */ React196.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
+    /* @__PURE__ */ React196.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
   );
 }
 
 // src/mantine/components/PageHeader.tsx
-import React190, { useState as useState68, useRef as useRef13, useEffect as useEffect52 } from "react";
+import React197, { useState as useState70, useRef as useRef13, useEffect as useEffect54 } from "react";
 function PageHeader({
   title = "New page",
   icon,
@@ -18694,9 +19325,9 @@ function PageHeader({
   isFavorited = false,
   menuItems = []
 }) {
-  const [isMenuOpen, setIsMenuOpen] = useState68(false);
+  const [isMenuOpen, setIsMenuOpen] = useState70(false);
   const menuRef = useRef13(null);
-  useEffect52(() => {
+  useEffect54(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         setIsMenuOpen(false);
@@ -18715,14 +19346,14 @@ function PageHeader({
       setIsMenuOpen(false);
     }
   };
-  return /* @__PURE__ */ React190.createElement("div", { style: styles.container }, /* @__PURE__ */ React190.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React190.createElement("span", { style: styles.icon }, icon || "\u{1F4C4}"), /* @__PURE__ */ React190.createElement("span", { style: styles.title }, title), isPrivate && /* @__PURE__ */ React190.createElement("button", { style: styles.privacyBadge }, /* @__PURE__ */ React190.createElement("span", { style: styles.lockIcon }, "\u{1F512}"), /* @__PURE__ */ React190.createElement("span", null, "Private"), /* @__PURE__ */ React190.createElement("span", { style: styles.chevron }, "\u25BE"))), /* @__PURE__ */ React190.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React190.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React190.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React190.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React190.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React190.createElement(
+  return /* @__PURE__ */ React197.createElement("div", { style: styles.container }, /* @__PURE__ */ React197.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React197.createElement("span", { style: styles.icon }, icon || "\u{1F4C4}"), /* @__PURE__ */ React197.createElement("span", { style: styles.title }, title), isPrivate && /* @__PURE__ */ React197.createElement("button", { style: styles.privacyBadge }, /* @__PURE__ */ React197.createElement("span", { style: styles.lockIcon }, "\u{1F512}"), /* @__PURE__ */ React197.createElement("span", null, "Private"), /* @__PURE__ */ React197.createElement("span", { style: styles.chevron }, "\u25BE"))), /* @__PURE__ */ React197.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React197.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React197.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React197.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React197.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React197.createElement(
     "button",
     {
       style: styles.menuButton,
       onClick: () => setIsMenuOpen(!isMenuOpen),
       "aria-label": "Menu"
     },
-    /* @__PURE__ */ React190.createElement(
+    /* @__PURE__ */ React197.createElement(
       "svg",
       {
         width: "16",
@@ -18730,11 +19361,11 @@ function PageHeader({
         viewBox: "0 0 16 16",
         fill: "currentColor"
       },
-      /* @__PURE__ */ React190.createElement("circle", { cx: "3", cy: "8", r: "1.5" }),
-      /* @__PURE__ */ React190.createElement("circle", { cx: "8", cy: "8", r: "1.5" }),
-      /* @__PURE__ */ React190.createElement("circle", { cx: "13", cy: "8", r: "1.5" })
+      /* @__PURE__ */ React197.createElement("circle", { cx: "3", cy: "8", r: "1.5" }),
+      /* @__PURE__ */ React197.createElement("circle", { cx: "8", cy: "8", r: "1.5" }),
+      /* @__PURE__ */ React197.createElement("circle", { cx: "13", cy: "8", r: "1.5" })
     )
-  ), isMenuOpen && /* @__PURE__ */ React190.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React190.createElement(React190.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React190.createElement("div", { style: styles.divider }), /* @__PURE__ */ React190.createElement(
+  ), isMenuOpen && /* @__PURE__ */ React197.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React197.createElement(React197.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React197.createElement("div", { style: styles.divider }), /* @__PURE__ */ React197.createElement(
     "button",
     {
       style: {
@@ -18744,8 +19375,8 @@ function PageHeader({
       onClick: () => handleMenuItemClick(item),
       disabled: item.disabled
     },
-    item.icon && /* @__PURE__ */ React190.createElement("span", { style: styles.menuItemIcon }, item.icon),
-    /* @__PURE__ */ React190.createElement("span", null, item.label)
+    item.icon && /* @__PURE__ */ React197.createElement("span", { style: styles.menuItemIcon }, item.icon),
+    /* @__PURE__ */ React197.createElement("span", null, item.label)
   )))))));
 }
 var styles = {
@@ -18876,8 +19507,8 @@ var styles = {
 };
 
 // src/mantine/components/ExternalDropZone.tsx
-import React191, { useCallback as useCallback50, useEffect as useEffect53, useRef as useRef14, useState as useState69 } from "react";
-import { Box as Box35 } from "@mantine/core";
+import React198, { useCallback as useCallback52, useEffect as useEffect55, useRef as useRef14, useState as useState71 } from "react";
+import { Box as Box36 } from "@mantine/core";
 var SCROLL_ZONE_SIZE = 80;
 var SCROLL_SPEED = 12;
 var ExternalDropZone = ({
@@ -18890,19 +19521,19 @@ var ExternalDropZone = ({
   children
 }) => {
   const containerRef = useRef14(null);
-  const [isValidDrag, setIsValidDrag] = useState69(false);
-  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState69(false);
-  const [indicatorStyle, setIndicatorStyle] = useState69({});
+  const [isValidDrag, setIsValidDrag] = useState71(false);
+  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState71(false);
+  const [indicatorStyle, setIndicatorStyle] = useState71({});
   const dropPositionRef = useRef14(null);
   const scrollAnimationRef = useRef14(null);
   const scrollDirectionRef = useRef14(null);
   const scrollContainerRef = useRef14(null);
-  const getBlockElements = useCallback50(() => {
+  const getBlockElements = useCallback52(() => {
     if (!containerRef.current) return [];
     const blocks = containerRef.current.querySelectorAll('[data-node-type="blockContainer"]');
     return Array.from(blocks);
   }, []);
-  const getScrollContainer = useCallback50(() => {
+  const getScrollContainer = useCallback52(() => {
     if (scrollContainerRef.current) return scrollContainerRef.current;
     let element = containerRef.current;
     while (element) {
@@ -18917,7 +19548,7 @@ var ExternalDropZone = ({
     scrollContainerRef.current = window;
     return window;
   }, []);
-  const performScroll = useCallback50(() => {
+  const performScroll = useCallback52(() => {
     const container = getScrollContainer();
     const direction = scrollDirectionRef.current;
     if (!direction) {
@@ -18932,7 +19563,7 @@ var ExternalDropZone = ({
     }
     scrollAnimationRef.current = requestAnimationFrame(performScroll);
   }, [getScrollContainer]);
-  const startAutoScroll = useCallback50(
+  const startAutoScroll = useCallback52(
     (direction) => {
       if (scrollDirectionRef.current === direction) return;
       scrollDirectionRef.current = direction;
@@ -18942,14 +19573,14 @@ var ExternalDropZone = ({
     },
     [performScroll]
   );
-  const stopAutoScroll = useCallback50(() => {
+  const stopAutoScroll = useCallback52(() => {
     scrollDirectionRef.current = null;
     if (scrollAnimationRef.current) {
       cancelAnimationFrame(scrollAnimationRef.current);
       scrollAnimationRef.current = null;
     }
   }, []);
-  const checkAutoScroll = useCallback50(
+  const checkAutoScroll = useCallback52(
     (clientY) => {
       const container = getScrollContainer();
       let containerTop;
@@ -18972,7 +19603,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer, startAutoScroll, stopAutoScroll]
   );
-  const findDropPosition = useCallback50(
+  const findDropPosition = useCallback52(
     (clientY) => {
       const blocks = getBlockElements();
       if (blocks.length === 0 || !editor?.document) return null;
@@ -19005,7 +19636,7 @@ var ExternalDropZone = ({
     },
     [getBlockElements, editor]
   );
-  const handleDragOver = useCallback50(
+  const handleDragOver = useCallback52(
     (e) => {
       if (!e.dataTransfer.types.includes(acceptedType)) return;
       e.preventDefault();
@@ -19028,7 +19659,7 @@ var ExternalDropZone = ({
     },
     [acceptedType, findDropPosition, checkAutoScroll]
   );
-  const handleDragLeave = useCallback50(
+  const handleDragLeave = useCallback52(
     (e) => {
       if (containerRef.current && !containerRef.current.contains(e.relatedTarget)) {
         setIsValidDrag(false);
@@ -19038,7 +19669,7 @@ var ExternalDropZone = ({
     },
     [stopAutoScroll]
   );
-  const handleDrop = useCallback50(
+  const handleDrop = useCallback52(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -19052,7 +19683,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  useEffect53(() => {
+  useEffect55(() => {
     const handleGlobalDragEnd = () => {
       setIsValidDrag(false);
       dropPositionRef.current = null;
@@ -19061,7 +19692,7 @@ var ExternalDropZone = ({
     window.addEventListener("dragend", handleGlobalDragEnd);
     return () => window.removeEventListener("dragend", handleGlobalDragEnd);
   }, [stopAutoScroll]);
-  const handleOverlayMouseMove = useCallback50(
+  const handleOverlayMouseMove = useCallback52(
     (e) => {
       setIsHoveringInPlacementMode(true);
       checkAutoScroll(e.clientY);
@@ -19080,12 +19711,12 @@ var ExternalDropZone = ({
     },
     [findDropPosition, checkAutoScroll]
   );
-  const handleOverlayMouseLeave = useCallback50(() => {
+  const handleOverlayMouseLeave = useCallback52(() => {
     setIsHoveringInPlacementMode(false);
     dropPositionRef.current = null;
     stopAutoScroll();
   }, [stopAutoScroll]);
-  const handleOverlayClick = useCallback50(
+  const handleOverlayClick = useCallback52(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -19099,7 +19730,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  const handleOverlayWheel = useCallback50(
+  const handleOverlayWheel = useCallback52(
     (e) => {
       const container = getScrollContainer();
       if (container === window) {
@@ -19110,7 +19741,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer]
   );
-  useEffect53(() => {
+  useEffect55(() => {
     if (!isPlacementMode) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -19133,13 +19764,13 @@ var ExternalDropZone = ({
       document.removeEventListener("click", handleGlobalClick, true);
     };
   }, [isPlacementMode, onPlacementCancel]);
-  useEffect53(() => {
+  useEffect55(() => {
     if (!isPlacementMode) {
       setIsHoveringInPlacementMode(false);
       dropPositionRef.current = null;
     }
   }, [isPlacementMode]);
-  useEffect53(() => {
+  useEffect55(() => {
     const isActive = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
     if (isActive) {
       document.body.classList.add("external-artifact-drag-active");
@@ -19150,19 +19781,19 @@ var ExternalDropZone = ({
       document.body.classList.remove("external-artifact-drag-active");
     };
   }, [isValidDrag, isPlacementMode, isHoveringInPlacementMode]);
-  useEffect53(() => {
+  useEffect55(() => {
     return () => {
       if (scrollAnimationRef.current) {
         cancelAnimationFrame(scrollAnimationRef.current);
       }
     };
   }, []);
-  const indicatorWithPosition = dropIndicator && React191.isValidElement(dropIndicator) ? React191.cloneElement(dropIndicator, {
+  const indicatorWithPosition = dropIndicator && React198.isValidElement(dropIndicator) ? React198.cloneElement(dropIndicator, {
     indicatorTop: typeof indicatorStyle.top === "number" ? indicatorStyle.top : void 0
   }) : dropIndicator;
   const shouldShowIndicator = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
-  return /* @__PURE__ */ React191.createElement(
-    Box35,
+  return /* @__PURE__ */ React198.createElement(
+    Box36,
     {
       ref: containerRef,
       style: {
@@ -19177,8 +19808,8 @@ var ExternalDropZone = ({
       "data-placement-mode": isPlacementMode ? "true" : void 0
     },
     children,
-    isPlacementMode && /* @__PURE__ */ React191.createElement(
-      Box35,
+    isPlacementMode && /* @__PURE__ */ React198.createElement(
+      Box36,
       {
         style: {
           position: "absolute",
@@ -19197,20 +19828,20 @@ var ExternalDropZone = ({
         onWheel: handleOverlayWheel
       }
     ),
-    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React191.createElement(Box35, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
+    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React198.createElement(Box36, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
   );
 };
 
 // src/mantine/IxoEditor.tsx
-import React193 from "react";
+import React200 from "react";
 import { getDefaultReactSlashMenuItems, SuggestionMenuController } from "@blocknote/react";
 import { BlockNoteView } from "@blocknote/mantine";
 import { filterSuggestionItems } from "@blocknote/core";
 import { MantineProvider } from "@mantine/core";
 
 // src/mantine/components/PanelContent.tsx
-import React192 from "react";
-import { Box as Box36 } from "@mantine/core";
+import React199 from "react";
+import { Box as Box37 } from "@mantine/core";
 var panelStyles = {
   light: {
     backgroundColor: "#ffffff",
@@ -19239,8 +19870,8 @@ function PanelContent({ theme }) {
   const { activePanel, registeredPanels } = usePanelStore();
   const isOpen = activePanel !== null;
   const content = activePanel ? registeredPanels.get(activePanel) : null;
-  return /* @__PURE__ */ React192.createElement(
-    Box36,
+  return /* @__PURE__ */ React199.createElement(
+    Box37,
     {
       pos: "sticky",
       right: 0,
@@ -19280,7 +19911,7 @@ function IxoEditorContent({
 }) {
   const { activePanel } = usePanelStore();
   const isPanelOpen = activePanel !== null;
-  const editorContent = /* @__PURE__ */ React193.createElement(
+  const editorContent = /* @__PURE__ */ React200.createElement(
     BlockNoteView,
     {
       editor,
@@ -19295,7 +19926,7 @@ function IxoEditorContent({
       onChange,
       onSelectionChange
     },
-    config.slashMenu && /* @__PURE__ */ React193.createElement(
+    config.slashMenu && /* @__PURE__ */ React200.createElement(
       SuggestionMenuController,
       {
         triggerCharacter: "/",
@@ -19308,7 +19939,7 @@ function IxoEditorContent({
     ),
     children
   );
-  return /* @__PURE__ */ React193.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React193.createElement(
+  return /* @__PURE__ */ React200.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React200.createElement(
     "div",
     {
       className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`,
@@ -19317,9 +19948,9 @@ function IxoEditorContent({
         transition: "width 0.2s ease"
       }
     },
-    selfNav && /* @__PURE__ */ React193.createElement(PageHeader, { ...pageHeaderProps }),
-    /* @__PURE__ */ React193.createElement(CoverImage, { coverImageUrl, logoUrl }),
-    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React193.createElement(
+    selfNav && /* @__PURE__ */ React200.createElement(PageHeader, { ...pageHeaderProps }),
+    /* @__PURE__ */ React200.createElement(CoverImage, { coverImageUrl, logoUrl }),
+    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React200.createElement(
       ExternalDropZone,
       {
         editor,
@@ -19332,7 +19963,7 @@ function IxoEditorContent({
       },
       editorContent
     ) : editorContent
-  ), isPanelVisible && /* @__PURE__ */ React193.createElement(PanelContent, { theme: config.theme }));
+  ), isPanelVisible && /* @__PURE__ */ React200.createElement(PanelContent, { theme: config.theme }));
 }
 function IxoEditor({
   editor,
@@ -19352,6 +19983,7 @@ function IxoEditor({
   visualizationRenderer,
   getDynamicListData,
   dynamicListPanelRenderer,
+  domainCardRenderer,
   onExternalDrop,
   externalDropType,
   dropIndicator,
@@ -19371,7 +20003,7 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React193.createElement(
+  const editorContent = /* @__PURE__ */ React200.createElement(
     BlocknoteProvider,
     {
       editor,
@@ -19380,9 +20012,10 @@ function IxoEditor({
       editable: isEditable,
       visualizationRenderer,
       getDynamicListData,
-      dynamicListPanelRenderer
+      dynamicListPanelRenderer,
+      domainCardRenderer
     },
-    /* @__PURE__ */ React193.createElement(
+    /* @__PURE__ */ React200.createElement(
       IxoEditorContent,
       {
         isPanelVisible,
@@ -19406,15 +20039,15 @@ function IxoEditor({
     )
   );
   if (mantineTheme) {
-    return /* @__PURE__ */ React193.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
+    return /* @__PURE__ */ React200.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
   return editorContent;
 }
 
 // src/mantine/components/EntitySigningSetup.tsx
-import React194, { useState as useState70 } from "react";
-import { Modal as Modal3, Stack as Stack123, Text as Text97, TextInput as TextInput6, Button as Button35, Alert as Alert25, Group as Group61 } from "@mantine/core";
-import { IconAlertCircle as IconAlertCircle12, IconCheck as IconCheck6, IconKey as IconKey2 } from "@tabler/icons-react";
+import React201, { useState as useState72 } from "react";
+import { Modal as Modal3, Stack as Stack126, Text as Text100, TextInput as TextInput6, Button as Button36, Alert as Alert26, Group as Group63 } from "@mantine/core";
+import { IconAlertCircle as IconAlertCircle13, IconCheck as IconCheck7, IconKey as IconKey2 } from "@tabler/icons-react";
 var EntitySigningSetup = ({
   opened,
   onClose,
@@ -19422,11 +20055,11 @@ var EntitySigningSetup = ({
   entityName,
   onSetup
 }) => {
-  const [pin, setPin] = useState70("");
-  const [confirmPin, setConfirmPin] = useState70("");
-  const [loading, setLoading] = useState70(false);
-  const [error, setError] = useState70(null);
-  const [success, setSuccess] = useState70(false);
+  const [pin, setPin] = useState72("");
+  const [confirmPin, setConfirmPin] = useState72("");
+  const [loading, setLoading] = useState72(false);
+  const [error, setError] = useState72(null);
+  const [success, setSuccess] = useState72(false);
   const handleSetup = async () => {
     if (pin.length < 4) {
       setError("PIN must be at least 4 characters");
@@ -19466,15 +20099,15 @@ var EntitySigningSetup = ({
       setSuccess(false);
     }
   };
-  return /* @__PURE__ */ React194.createElement(
+  return /* @__PURE__ */ React201.createElement(
     Modal3,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React194.createElement(Group61, { gap: "xs" }, /* @__PURE__ */ React194.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React194.createElement(Text97, { fw: 600 }, "Entity Signing Setup")),
+      title: /* @__PURE__ */ React201.createElement(Group63, { gap: "xs" }, /* @__PURE__ */ React201.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React201.createElement(Text100, { fw: 600 }, "Entity Signing Setup")),
       size: "md"
     },
-    /* @__PURE__ */ React194.createElement(Stack123, { gap: "md" }, success ? /* @__PURE__ */ React194.createElement(Alert25, { color: "green", icon: /* @__PURE__ */ React194.createElement(IconCheck6, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React194.createElement(React194.Fragment, null, /* @__PURE__ */ React194.createElement(Text97, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React194.createElement(Text97, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React194.createElement(Alert25, { color: "blue", variant: "light" }, /* @__PURE__ */ React194.createElement(Text97, { size: "sm" }, "This is a ", /* @__PURE__ */ React194.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React194.createElement(Stack123, { gap: "xs" }, /* @__PURE__ */ React194.createElement(Text97, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React194.createElement(Text97, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React194.createElement(Text97, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React194.createElement(Text97, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React194.createElement(
+    /* @__PURE__ */ React201.createElement(Stack126, { gap: "md" }, success ? /* @__PURE__ */ React201.createElement(Alert26, { color: "green", icon: /* @__PURE__ */ React201.createElement(IconCheck7, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React201.createElement(React201.Fragment, null, /* @__PURE__ */ React201.createElement(Text100, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React201.createElement(Text100, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React201.createElement(Alert26, { color: "blue", variant: "light" }, /* @__PURE__ */ React201.createElement(Text100, { size: "sm" }, "This is a ", /* @__PURE__ */ React201.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React201.createElement(Stack126, { gap: "xs" }, /* @__PURE__ */ React201.createElement(Text100, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React201.createElement(Text100, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React201.createElement(Text100, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React201.createElement(Text100, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React201.createElement(
       TextInput6,
       {
         label: "Enter PIN to encrypt signing key",
@@ -19485,7 +20118,7 @@ var EntitySigningSetup = ({
         onChange: (e) => setPin(e.currentTarget.value),
         disabled: loading
       }
-    ), /* @__PURE__ */ React194.createElement(
+    ), /* @__PURE__ */ React201.createElement(
       TextInput6,
       {
         label: "Confirm PIN",
@@ -19495,12 +20128,12 @@ var EntitySigningSetup = ({
         onChange: (e) => setConfirmPin(e.currentTarget.value),
         disabled: loading
       }
-    ), error && /* @__PURE__ */ React194.createElement(Alert25, { color: "red", icon: /* @__PURE__ */ React194.createElement(IconAlertCircle12, { size: 16 }) }, error), /* @__PURE__ */ React194.createElement(Group61, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React194.createElement(Button35, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React194.createElement(
-      Button35,
+    ), error && /* @__PURE__ */ React201.createElement(Alert26, { color: "red", icon: /* @__PURE__ */ React201.createElement(IconAlertCircle13, { size: 16 }) }, error), /* @__PURE__ */ React201.createElement(Group63, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React201.createElement(Button36, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React201.createElement(
+      Button36,
       {
         onClick: handleSetup,
         loading,
-        leftSection: /* @__PURE__ */ React194.createElement(IconKey2, { size: 16 })
+        leftSection: /* @__PURE__ */ React201.createElement(IconKey2, { size: 16 })
       },
       "Setup Entity Signing"
     ))))
@@ -19508,8 +20141,8 @@ var EntitySigningSetup = ({
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
-import React195, { useState as useState71, useEffect as useEffect54, useMemo as useMemo62 } from "react";
-import { Stack as Stack124, Text as Text98, Paper as Paper19, Group as Group62, Badge as Badge29, Button as Button36, ActionIcon as ActionIcon28, Loader as Loader25, Alert as Alert26, Divider as Divider12 } from "@mantine/core";
+import React202, { useState as useState73, useEffect as useEffect56, useMemo as useMemo65 } from "react";
+import { Stack as Stack127, Text as Text101, Paper as Paper21, Group as Group64, Badge as Badge31, Button as Button37, ActionIcon as ActionIcon29, Loader as Loader26, Alert as Alert27, Divider as Divider12 } from "@mantine/core";
 import { IconPlus as IconPlus5, IconTrash as IconTrash6, IconShieldCheck as IconShieldCheck2, IconUser as IconUser4, IconRobot as IconRobot3, IconBuilding } from "@tabler/icons-react";
 var FlowPermissionsPanel = ({
   editor,
@@ -19519,11 +20152,11 @@ var FlowPermissionsPanel = ({
   onRevokePermission,
   getUserDisplayName
 }) => {
-  const [delegations, setDelegations] = useState71([]);
-  const [loading, setLoading] = useState71(true);
-  const [revoking, setRevoking] = useState71(null);
-  const rootCapability = useMemo62(() => editor.getRootCapability?.(), [editor]);
-  useEffect54(() => {
+  const [delegations, setDelegations] = useState73([]);
+  const [loading, setLoading] = useState73(true);
+  const [revoking, setRevoking] = useState73(null);
+  const rootCapability = useMemo65(() => editor.getRootCapability?.(), [editor]);
+  useEffect56(() => {
     const loadDelegations = async () => {
       setLoading(true);
       const allDelegations = editor.getAllDelegations?.() || [];
@@ -19562,11 +20195,11 @@ var FlowPermissionsPanel = ({
   const getIcon2 = (type) => {
     switch (type) {
       case "oracle":
-        return /* @__PURE__ */ React195.createElement(IconRobot3, { size: 16 });
+        return /* @__PURE__ */ React202.createElement(IconRobot3, { size: 16 });
       case "entity":
-        return /* @__PURE__ */ React195.createElement(IconBuilding, { size: 16 });
+        return /* @__PURE__ */ React202.createElement(IconBuilding, { size: 16 });
       default:
-        return /* @__PURE__ */ React195.createElement(IconUser4, { size: 16 });
+        return /* @__PURE__ */ React202.createElement(IconUser4, { size: 16 });
     }
   };
   const formatCapabilities = (caps) => {
@@ -19585,8 +20218,8 @@ var FlowPermissionsPanel = ({
     if (date < /* @__PURE__ */ new Date()) return "Expired";
     return date.toLocaleDateString();
   };
-  return /* @__PURE__ */ React195.createElement(Stack124, { gap: "md" }, /* @__PURE__ */ React195.createElement(Stack124, { gap: "xs" }, /* @__PURE__ */ React195.createElement(Text98, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React195.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React195.createElement(Group62, { gap: "xs" }, /* @__PURE__ */ React195.createElement(IconShieldCheck2, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React195.createElement(Stack124, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React195.createElement(Text98, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React195.createElement(Text98, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React195.createElement(Badge29, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React195.createElement(Divider12, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React195.createElement(Group62, { justify: "center", py: "xl" }, /* @__PURE__ */ React195.createElement(Loader25, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React195.createElement(Alert26, { color: "gray", variant: "light" }, /* @__PURE__ */ React195.createElement(Text98, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React195.createElement(Stack124, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React195.createElement(Paper19, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React195.createElement(Group62, { justify: "space-between" }, /* @__PURE__ */ React195.createElement(Group62, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React195.createElement(Stack124, { gap: 2 }, /* @__PURE__ */ React195.createElement(Text98, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React195.createElement(Text98, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React195.createElement(Group62, { gap: "xs" }, /* @__PURE__ */ React195.createElement(Text98, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React195.createElement(Text98, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React195.createElement(Text98, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React195.createElement(
-    ActionIcon28,
+  return /* @__PURE__ */ React202.createElement(Stack127, { gap: "md" }, /* @__PURE__ */ React202.createElement(Stack127, { gap: "xs" }, /* @__PURE__ */ React202.createElement(Text101, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React202.createElement(Paper21, { p: "sm", withBorder: true }, /* @__PURE__ */ React202.createElement(Group64, { gap: "xs" }, /* @__PURE__ */ React202.createElement(IconShieldCheck2, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React202.createElement(Stack127, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React202.createElement(Text101, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React202.createElement(Text101, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React202.createElement(Badge31, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React202.createElement(Divider12, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React202.createElement(Group64, { justify: "center", py: "xl" }, /* @__PURE__ */ React202.createElement(Loader26, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React202.createElement(Alert27, { color: "gray", variant: "light" }, /* @__PURE__ */ React202.createElement(Text101, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React202.createElement(Stack127, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React202.createElement(Paper21, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React202.createElement(Group64, { justify: "space-between" }, /* @__PURE__ */ React202.createElement(Group64, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React202.createElement(Stack127, { gap: 2 }, /* @__PURE__ */ React202.createElement(Text101, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React202.createElement(Text101, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React202.createElement(Group64, { gap: "xs" }, /* @__PURE__ */ React202.createElement(Text101, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React202.createElement(Text101, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React202.createElement(Text101, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React202.createElement(
+    ActionIcon29,
     {
       color: "red",
       variant: "subtle",
@@ -19594,11 +20227,11 @@ var FlowPermissionsPanel = ({
       loading: revoking === capability.id,
       disabled: !!revoking
     },
-    /* @__PURE__ */ React195.createElement(IconTrash6, { size: 16 })
-  ))))), /* @__PURE__ */ React195.createElement(
-    Button36,
+    /* @__PURE__ */ React202.createElement(IconTrash6, { size: 16 })
+  ))))), /* @__PURE__ */ React202.createElement(
+    Button37,
     {
-      leftSection: /* @__PURE__ */ React195.createElement(IconPlus5, { size: 16 }),
+      leftSection: /* @__PURE__ */ React202.createElement(IconPlus5, { size: 16 }),
       variant: "light",
       onClick: onGrantPermission
     },
@@ -19607,21 +20240,21 @@ var FlowPermissionsPanel = ({
 };
 
 // src/mantine/components/GrantPermissionModal.tsx
-import React196, { useState as useState72, useCallback as useCallback51 } from "react";
+import React203, { useState as useState74, useCallback as useCallback53 } from "react";
 import {
   Modal as Modal4,
-  Stack as Stack125,
-  Text as Text99,
+  Stack as Stack128,
+  Text as Text102,
   TextInput as TextInput7,
-  Button as Button37,
-  Group as Group63,
+  Button as Button38,
+  Group as Group65,
   Radio as Radio6,
   Checkbox as Checkbox12,
-  Alert as Alert27,
-  Paper as Paper20,
-  Loader as Loader26,
-  Badge as Badge30,
-  ActionIcon as ActionIcon29,
+  Alert as Alert28,
+  Paper as Paper22,
+  Loader as Loader27,
+  Badge as Badge32,
+  ActionIcon as ActionIcon30,
   Divider as Divider13,
   NumberInput as NumberInput3
 } from "@mantine/core";
@@ -19639,21 +20272,21 @@ var GrantPermissionModal = ({
   const singleBlockMode = !!targetBlockId || blocks.length === 1;
   const fixedBlockId = targetBlockId || (blocks.length === 1 ? blocks[0].id : null);
   const fixedBlock = fixedBlockId ? blocks.find((b) => b.id === fixedBlockId) || blocks[0] : null;
-  const [recipientType, setRecipientType] = useState72("user");
-  const [searchQuery, setSearchQuery] = useState72("");
-  const [searchResults, setSearchResults] = useState72([]);
-  const [searching, setSearching] = useState72(false);
-  const [selectedRecipient, setSelectedRecipient] = useState72(null);
-  const [manualDid, setManualDid] = useState72("");
-  const [scopeType, setScopeType] = useState72("full");
-  const [selectedBlocks, setSelectedBlocks] = useState72([]);
-  const [expirationEnabled, setExpirationEnabled] = useState72(false);
-  const [expirationDays, setExpirationDays] = useState72(30);
-  const [canDelegate, setCanDelegate] = useState72(false);
-  const [pin, setPin] = useState72("");
-  const [loading, setLoading] = useState72(false);
-  const [error, setError] = useState72(null);
-  const handleSearch = useCallback51(async () => {
+  const [recipientType, setRecipientType] = useState74("user");
+  const [searchQuery, setSearchQuery] = useState74("");
+  const [searchResults, setSearchResults] = useState74([]);
+  const [searching, setSearching] = useState74(false);
+  const [selectedRecipient, setSelectedRecipient] = useState74(null);
+  const [manualDid, setManualDid] = useState74("");
+  const [scopeType, setScopeType] = useState74("full");
+  const [selectedBlocks, setSelectedBlocks] = useState74([]);
+  const [expirationEnabled, setExpirationEnabled] = useState74(false);
+  const [expirationDays, setExpirationDays] = useState74(30);
+  const [canDelegate, setCanDelegate] = useState74(false);
+  const [pin, setPin] = useState74("");
+  const [loading, setLoading] = useState74(false);
+  const [error, setError] = useState74(null);
+  const handleSearch = useCallback53(async () => {
     if (searchQuery.length < 2) return;
     setSearching(true);
     try {
@@ -19740,30 +20373,30 @@ var GrantPermissionModal = ({
       resetForm();
     }
   };
-  return /* @__PURE__ */ React196.createElement(
+  return /* @__PURE__ */ React203.createElement(
     Modal4,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React196.createElement(Group63, { gap: "xs" }, /* @__PURE__ */ React196.createElement(IconShieldPlus3, { size: 20 }), /* @__PURE__ */ React196.createElement(Text99, { fw: 600 }, "Grant Permission")),
+      title: /* @__PURE__ */ React203.createElement(Group65, { gap: "xs" }, /* @__PURE__ */ React203.createElement(IconShieldPlus3, { size: 20 }), /* @__PURE__ */ React203.createElement(Text102, { fw: 600 }, "Grant Permission")),
       size: "lg"
     },
-    /* @__PURE__ */ React196.createElement(Stack125, { gap: "md" }, /* @__PURE__ */ React196.createElement(Stack125, { gap: "xs" }, /* @__PURE__ */ React196.createElement(Text99, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React196.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
+    /* @__PURE__ */ React203.createElement(Stack128, { gap: "md" }, /* @__PURE__ */ React203.createElement(Stack128, { gap: "xs" }, /* @__PURE__ */ React203.createElement(Text102, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React203.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
       setRecipientType(v);
       setSelectedRecipient(null);
       setSearchResults([]);
-    } }, /* @__PURE__ */ React196.createElement(Group63, null, /* @__PURE__ */ React196.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React196.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React196.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React196.createElement(Stack125, { gap: "xs" }, /* @__PURE__ */ React196.createElement(
+    } }, /* @__PURE__ */ React203.createElement(Group65, null, /* @__PURE__ */ React203.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React203.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React203.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React203.createElement(Stack128, { gap: "xs" }, /* @__PURE__ */ React203.createElement(
       TextInput7,
       {
         placeholder: recipientType === "oracle" ? "Search oracles..." : "Search users...",
-        leftSection: /* @__PURE__ */ React196.createElement(IconSearch5, { size: 16 }),
-        rightSection: searching ? /* @__PURE__ */ React196.createElement(Loader26, { size: 14 }) : null,
+        leftSection: /* @__PURE__ */ React203.createElement(IconSearch5, { size: 16 }),
+        rightSection: searching ? /* @__PURE__ */ React203.createElement(Loader27, { size: 14 }) : null,
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
         onKeyDown: (e) => e.key === "Enter" && handleSearch()
       }
-    ), selectedRecipient ? /* @__PURE__ */ React196.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React196.createElement(Group63, { justify: "space-between" }, /* @__PURE__ */ React196.createElement(Group63, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React196.createElement(IconRobot4, { size: 16 }) : /* @__PURE__ */ React196.createElement(IconUser5, { size: 16 }), /* @__PURE__ */ React196.createElement(Text99, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React196.createElement(Badge30, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React196.createElement(ActionIcon29, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React196.createElement(IconX8, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React196.createElement(Paper20, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React196.createElement(Stack125, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React196.createElement(
-      Button37,
+    ), selectedRecipient ? /* @__PURE__ */ React203.createElement(Paper22, { p: "sm", withBorder: true }, /* @__PURE__ */ React203.createElement(Group65, { justify: "space-between" }, /* @__PURE__ */ React203.createElement(Group65, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React203.createElement(IconRobot4, { size: 16 }) : /* @__PURE__ */ React203.createElement(IconUser5, { size: 16 }), /* @__PURE__ */ React203.createElement(Text102, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React203.createElement(Badge32, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React203.createElement(ActionIcon30, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React203.createElement(IconX8, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React203.createElement(Paper22, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React203.createElement(Stack128, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React203.createElement(
+      Button38,
       {
         key: result.did,
         variant: "subtle",
@@ -19772,7 +20405,7 @@ var GrantPermissionModal = ({
         onClick: () => setSelectedRecipient(result)
       },
       result.displayName
-    )))) : null) : /* @__PURE__ */ React196.createElement(
+    )))) : null) : /* @__PURE__ */ React203.createElement(
       TextInput7,
       {
         label: "Recipient DID",
@@ -19780,12 +20413,12 @@ var GrantPermissionModal = ({
         value: manualDid,
         onChange: (e) => setManualDid(e.currentTarget.value)
       }
-    ), /* @__PURE__ */ React196.createElement(Divider13, null), /* @__PURE__ */ React196.createElement(Stack125, { gap: "xs" }, /* @__PURE__ */ React196.createElement(Text99, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
+    ), /* @__PURE__ */ React203.createElement(Divider13, null), /* @__PURE__ */ React203.createElement(Stack128, { gap: "xs" }, /* @__PURE__ */ React203.createElement(Text102, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
       // Single block mode: show fixed block info
-      /* @__PURE__ */ React196.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React196.createElement(Group63, { gap: "xs" }, /* @__PURE__ */ React196.createElement(Badge30, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React196.createElement(Text99, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React196.createElement(Text99, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
+      /* @__PURE__ */ React203.createElement(Paper22, { p: "sm", withBorder: true }, /* @__PURE__ */ React203.createElement(Group65, { gap: "xs" }, /* @__PURE__ */ React203.createElement(Badge32, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React203.createElement(Text102, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React203.createElement(Text102, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
     ) : (
       // Multi-block mode: show scope selection
-      /* @__PURE__ */ React196.createElement(React196.Fragment, null, /* @__PURE__ */ React196.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React196.createElement(Stack125, { gap: "xs" }, /* @__PURE__ */ React196.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React196.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React196.createElement(Paper20, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React196.createElement(Stack125, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React196.createElement(
+      /* @__PURE__ */ React203.createElement(React203.Fragment, null, /* @__PURE__ */ React203.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React203.createElement(Stack128, { gap: "xs" }, /* @__PURE__ */ React203.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React203.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React203.createElement(Paper22, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React203.createElement(Stack128, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React203.createElement(
         Checkbox12,
         {
           key: block.id,
@@ -19800,14 +20433,14 @@ var GrantPermissionModal = ({
           }
         }
       )))))
-    )), /* @__PURE__ */ React196.createElement(Divider13, null), /* @__PURE__ */ React196.createElement(Stack125, { gap: "xs" }, /* @__PURE__ */ React196.createElement(
+    )), /* @__PURE__ */ React203.createElement(Divider13, null), /* @__PURE__ */ React203.createElement(Stack128, { gap: "xs" }, /* @__PURE__ */ React203.createElement(
       Checkbox12,
       {
         label: "Set expiration",
         checked: expirationEnabled,
         onChange: (e) => setExpirationEnabled(e.currentTarget.checked)
       }
-    ), expirationEnabled && /* @__PURE__ */ React196.createElement(
+    ), expirationEnabled && /* @__PURE__ */ React203.createElement(
       NumberInput3,
       {
         label: "Expires in (days)",
@@ -19817,7 +20450,7 @@ var GrantPermissionModal = ({
         min: 1,
         max: 365
       }
-    )), /* @__PURE__ */ React196.createElement(
+    )), /* @__PURE__ */ React203.createElement(
       Checkbox12,
       {
         label: "Recipient can grant permissions to others",
@@ -19825,7 +20458,7 @@ var GrantPermissionModal = ({
         checked: canDelegate,
         onChange: (e) => setCanDelegate(e.currentTarget.checked)
       }
-    ), /* @__PURE__ */ React196.createElement(Divider13, null), /* @__PURE__ */ React196.createElement(
+    ), /* @__PURE__ */ React203.createElement(Divider13, null), /* @__PURE__ */ React203.createElement(
       TextInput7,
       {
         label: "Enter your PIN to sign this delegation",
@@ -19834,7 +20467,7 @@ var GrantPermissionModal = ({
         value: pin,
         onChange: (e) => setPin(e.currentTarget.value)
       }
-    ), error && /* @__PURE__ */ React196.createElement(Alert27, { color: "red" }, error), /* @__PURE__ */ React196.createElement(Group63, { justify: "flex-end" }, /* @__PURE__ */ React196.createElement(Button37, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React196.createElement(Button37, { onClick: handleGrant, loading }, "Grant Permission")))
+    ), error && /* @__PURE__ */ React203.createElement(Alert28, { color: "red" }, error), /* @__PURE__ */ React203.createElement(Group65, { justify: "flex-end" }, /* @__PURE__ */ React203.createElement(Button38, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React203.createElement(Button38, { onClick: handleGrant, loading }, "Grant Permission")))
   );
 };
 
@@ -19940,4 +20573,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-ER7KTMUM.mjs.map
+//# sourceMappingURL=chunk-52ED245Y.mjs.map