@ixo/editor 2.16.0 → 2.16.2

package/dist/{chunk-AOSYWSEN.mjs → chunk-3ER6BXWB.mjs}

@@ -16744,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();
@@ -16759,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");
@@ -16896,145 +16905,20 @@ var SignPanel = ({ editor, block, onComplete, onError }) => {
   return /* @__PURE__ */ React184.createElement(Stack121, { gap: "md", p: "md" }, /* @__PURE__ */ React184.createElement(Group58, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React184.createElement(Stack121, { gap: 4 }, /* @__PURE__ */ React184.createElement(Title16, { order: 5 }, block.props.title || "Sign to Create"), /* @__PURE__ */ React184.createElement(Text95, { size: "sm", c: "dimmed" }, "Review and sign to create your domain.")), /* @__PURE__ */ React184.createElement(CloseButton13, { onClick: handleClose, title: "Close panel" })), /* @__PURE__ */ React184.createElement(Stack121, { gap: "xs", p: "md", style: { backgroundColor: "var(--mantine-color-dark-6)", borderRadius: 8 } }, /* @__PURE__ */ React184.createElement(Text95, { fw: 600, size: "sm" }, "Domain Card Summary"), /* @__PURE__ */ React184.createElement(Group58, { gap: "xs" }, /* @__PURE__ */ React184.createElement(Text95, { size: "xs", c: "dimmed", style: { width: 80 } }, "Name:"), /* @__PURE__ */ React184.createElement(Text95, { size: "xs" }, domainCardData?.name || "Not set")), /* @__PURE__ */ React184.createElement(Group58, { gap: "xs" }, /* @__PURE__ */ React184.createElement(Text95, { size: "xs", c: "dimmed", style: { width: 80 } }, "Type:"), /* @__PURE__ */ React184.createElement(Text95, { size: "xs" }, block.props.entityType || domainCardData?.type?.[0] || "dao")), domainCardData?.description && /* @__PURE__ */ React184.createElement(Group58, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React184.createElement(Text95, { size: "xs", c: "dimmed", style: { width: 80 } }, "Description:"), /* @__PURE__ */ React184.createElement(Text95, { size: "xs", lineClamp: 2, style: { flex: 1 } }, domainCardData.description))), /* @__PURE__ */ React184.createElement(Button32, { leftSection: /* @__PURE__ */ React184.createElement(IconSignature, { size: 18 }), onClick: handleSign, fullWidth: true }, "Sign & Create 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"
-  }
-};
-
 // src/mantine/blocks/domainCreatorSign/flow/FlowView.tsx
 var DOMAIN_CREATOR_SIGN_FLOW_PANEL_ID = "domain-creator-sign-flow-panel";
-var IS_DEV = false;
+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 {
@@ -17046,8 +16930,27 @@ 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();
+    const unsubscribe = editor.onChange?.(updateViewerData);
+    const pollInterval = setInterval(updateViewerData, 1e3);
+    return () => {
+      unsubscribe?.();
+      clearInterval(pollInterval);
+    };
+  }, [editor]);
+  const { domainCardData, isApproved: isViewerApproved } = viewerData;
+  const isDataReady = isDomainCardDataReady(domainCardData) && isViewerApproved;
   useEffect47(() => {
     if (status === "pending" && isDataReady) {
       editor.updateBlock(block, {
@@ -17056,6 +16959,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(
@@ -17109,33 +17019,6 @@ var DomainCreatorSignFlowView = ({ editor, block }) => {
   };
   const badgeProps = getBadgeProps();
   const isClickable = isDataReady || status === "completed" || status === "error";
-  const handlePrefillDummyData = useCallback47(
-    (e) => {
-      e.stopPropagation();
-      editor.updateBlock(block, {
-        props: {
-          ...block.props,
-          domainCardData: JSON.stringify(dummyDomainCardData),
-          entityType: "dao"
-        }
-      });
-    },
-    [editor, block]
-  );
-  const handleClearDummyData = useCallback47(
-    (e) => {
-      e.stopPropagation();
-      editor.updateBlock(block, {
-        props: {
-          ...block.props,
-          domainCardData: "{}",
-          entityType: "",
-          status: "pending"
-        }
-      });
-    },
-    [editor, block]
-  );
   const getDescriptionText = () => {
     switch (status) {
       case "completed":
@@ -17145,10 +17028,10 @@ var DomainCreatorSignFlowView = ({ editor, block }) => {
       case "ready":
         return "Click to sign and create the domain";
       default:
-        return "Waiting for domain card data to be filled";
+        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()))), 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 })))));
+  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
@@ -17167,12 +17050,11 @@ var DomainCreatorSignBlockSpec = createReactBlockSpec16(
     propSchema: {
       title: { default: "" },
       description: { default: "" },
-      icon: { default: "file-text" },
-      // JSON string of credential subject data (oracle fills this)
-      domainCardData: { 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: "" },
@@ -17207,11 +17089,11 @@ 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 useState65 } from "react";
+import React188, { useEffect as useEffect48, useState as useState66 } from "react";
 var GeneralTab13 = ({ title, description, icon, onTitleChange, onDescriptionChange, onIconChange }) => {
-  const [localTitle, setLocalTitle] = useState65(title || "");
-  const [localDescription, setLocalDescription] = useState65(description || "");
-  const [localIcon, setLocalIcon] = useState65(icon || "dots-circle");
+  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]);
@@ -17330,15 +17212,15 @@ var DomainCardViewerTemplateView = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/domainCardViewer/flow/FlowView.tsx
-import React192, { useMemo as useMemo59, useCallback as useCallback49, useEffect as useEffect49, useRef as useRef11 } from "react";
-import { ActionIcon as ActionIcon28, Badge as Badge30, Button as Button35, Group as Group61, Stack as Stack125, Text as Text99, Tooltip as Tooltip19 } from "@mantine/core";
-import { IconChevronRight as IconChevronRight9, IconLoader, IconTestPipe as IconTestPipe2, IconTrash as IconTrash6 } from "@tabler/icons-react";
+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 Button34, Box as Box34, ScrollArea as ScrollArea6, Code as Code6 } from "@mantine/core";
+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 parseDomainCardData(jsonString) {
+function parsePreviewData(jsonString) {
   if (!jsonString || jsonString === "{}") return null;
   try {
     return JSON.parse(jsonString);
@@ -17355,12 +17237,12 @@ var ViewerPanel = ({ block, onApprove }) => {
   const status = block.props.status || "pending";
   const loadingMessage = block.props.loadingMessage || "Agents is generating your domain data...";
   const errorMessage = block.props.errorMessage || "An error occurred while generating the domain data.";
-  const domainCardData = useMemo58(() => parseDomainCardData(block.props.domainCardData || "{}"), [block.props.domainCardData]);
+  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 = domainCardData !== null;
+  const hasData = domainPreviewData !== null;
   return /* @__PURE__ */ React191.createElement(
     Paper20,
     {
@@ -17388,10 +17270,10 @@ var ViewerPanel = ({ block, onApprove }) => {
     ),
     /* @__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(domainCardData))
+      /* @__PURE__ */ React191.createElement(ScrollArea6, { h: "100%", offsetScrollbars: true }, domainCardRenderer(domainPreviewData))
     ) : (
       // Fallback to JSON viewer
-      /* @__PURE__ */ React191.createElement(JsonViewer, { data: domainCardData })
+      /* @__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,
@@ -17405,7 +17287,7 @@ var ViewerPanel = ({ block, onApprove }) => {
       },
       /* @__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(Button34, { fullWidth: true, color: "teal", leftSection: /* @__PURE__ */ React191.createElement(IconCheck6, { size: 16 }), onClick: onApprove }, "Approve")
+      /* @__PURE__ */ React191.createElement(Button33, { fullWidth: true, color: "teal", leftSection: /* @__PURE__ */ React191.createElement(IconCheck6, { size: 16 }), onClick: onApprove }, "Approve")
     ),
     isApproved && /* @__PURE__ */ React191.createElement(
       Box34,
@@ -17422,46 +17304,230 @@ var ViewerPanel = ({ block, onApprove }) => {
   );
 };
 
+// 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_DEV2 = false;
-function isDomainCardDataReady2(domainCardData) {
-  if (!domainCardData || domainCardData === "{}") return false;
+var IS_DEV = false;
+function isPreviewDataReady(domainPreviewData) {
+  if (!domainPreviewData || domainPreviewData === "{}") return false;
   try {
-    const parsed = JSON.parse(domainCardData);
+    const parsed = JSON.parse(domainPreviewData);
     return Boolean(parsed && typeof parsed === "object" && parsed.name);
   } catch {
     return false;
   }
 }
-function syncToDomainCreatorSignBlocks(editor, domainCardData) {
-  const allBlocks = editor.document;
-  for (const block of allBlocks) {
-    if (block.type === "domainCreatorSign") {
-      if (block.props.domainCardData !== domainCardData) {
-        editor.updateBlock(block, {
-          props: {
-            ...block.props,
-            domainCardData,
-            // Also update status if data is ready
-            status: isDomainCardDataReady2(domainCardData) ? "ready" : "pending"
-          }
-        });
-      }
-    }
-  }
-}
 var DomainCardViewerFlowView = ({ editor, block }) => {
   const status = block.props.status || "pending";
-  const domainCardData = block.props.domainCardData || "{}";
-  const isDataReady = isDomainCardDataReady2(domainCardData);
-  const prevDomainCardDataRef = useRef11(domainCardData);
-  useEffect49(() => {
-    if (prevDomainCardDataRef.current !== domainCardData && isDataReady) {
-      syncToDomainCreatorSignBlocks(editor, domainCardData);
-    }
-    prevDomainCardDataRef.current = domainCardData;
-  }, [domainCardData, isDataReady, editor]);
+  const domainPreviewData = block.props.domainPreviewData || "{}";
+  const isDataReady = isPreviewDataReady(domainPreviewData);
+  console.log("block.props", block.props);
   useEffect49(() => {
     if (status === "pending" && isDataReady) {
       editor.updateBlock(block, {
@@ -17489,7 +17555,8 @@ var DomainCardViewerFlowView = ({ editor, block }) => {
       editor.updateBlock(block, {
         props: {
           ...block.props,
-          domainCardData: JSON.stringify(dummyDomainCardData),
+          domainPreviewData: JSON.stringify(dummyDomainCardData),
+          domainCardData: JSON.stringify(dummyCredentialSubject),
           status: "ready",
           loadingMessage: "",
           errorMessage: ""
@@ -17517,6 +17584,7 @@ var DomainCardViewerFlowView = ({ editor, block }) => {
       editor.updateBlock(block, {
         props: {
           ...block.props,
+          domainPreviewData: "{}",
           domainCardData: "{}",
           status: "pending",
           loadingMessage: "",
@@ -17556,7 +17624,7 @@ var DomainCardViewerFlowView = ({ editor, block }) => {
     }
   };
   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_DEV2 && status === "pending" && /* @__PURE__ */ React192.createElement(React192.Fragment, null, /* @__PURE__ */ React192.createElement(Button35, { size: "compact-xs", variant: "light", color: "orange", leftSection: /* @__PURE__ */ React192.createElement(IconTestPipe2, { size: 14 }), onClick: handleInjectDummyData }, "Test Data"), /* @__PURE__ */ React192.createElement(Button35, { size: "compact-xs", variant: "light", color: "blue", leftSection: /* @__PURE__ */ React192.createElement(IconLoader, { size: 14 }), onClick: handleSetLoading }, "Loading")), IS_DEV2 && (status === "ready" || status === "approved" || status === "loading") && /* @__PURE__ */ React192.createElement(Button35, { size: "compact-xs", variant: "light", color: "orange", leftSection: /* @__PURE__ */ React192.createElement(IconTrash6, { 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 })))));
+  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/domainCardViewer/DomainCardViewerBlock.tsx
@@ -17576,7 +17644,11 @@ var DomainCardViewerBlockSpec = createReactBlockSpec17(
       title: { default: "" },
       description: { default: "" },
       icon: { default: "dots-circle" },
-      // Core domain card data (JSON string, injected by oracle)
+      // 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: "{}" },
       // Status tracking for oracle workflow
       status: { default: "pending" },
@@ -17767,7 +17839,7 @@ blockRegistry.register({
 });
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo60, useEffect as useEffect50, useState as useState66, useCallback as useCallback50 } 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 useMemo61 } from "react";
@@ -18123,7 +18195,6 @@ var getExtraSlashMenuItems = (editor) => {
                 title: "",
                 description: "",
                 icon: "feather",
-                domainCardData: "{}",
                 entityType: "",
                 status: "pending",
                 entityDid: "",
@@ -18151,6 +18222,7 @@ var getExtraSlashMenuItems = (editor) => {
                 title: "",
                 description: "",
                 icon: "dots-circle",
+                domainPreviewData: "{}",
                 domainCardData: "{}",
                 status: "pending",
                 loadingMessage: "",
@@ -18245,14 +18317,14 @@ import { useCreateBlockNote as useCreateBlockNote2 } from "@blocknote/react";
 import { BlockNoteSchema as BlockNoteSchema2, defaultBlockSpecs as defaultBlockSpecs2, defaultInlineContentSpecs as defaultInlineContentSpecs2, defaultStyleSpecs as defaultStyleSpecs2 } from "@blocknote/core";
 
 // src/core/hooks/useMatrixProvider.ts
-import { useEffect as useEffect51, useState as useState67, useRef as useRef12, useCallback as useCallback51, useMemo as useMemo62 } 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] = useState67(null);
-  const [status, setStatus] = useState67("disconnected");
-  const isMountedRef = useRef12(true);
-  const providerRef = useRef12(null);
-  const retryTimeoutRef = useRef12(null);
+  const [matrixProvider, setProvider] = useState68(null);
+  const [status, setStatus] = useState68("disconnected");
+  const isMountedRef = useRef11(true);
+  const providerRef = useRef11(null);
+  const retryTimeoutRef = useRef11(null);
   const providerOptions = useMemo62(
     () => ({
       translator: {
@@ -18794,7 +18866,7 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/components/CoverImage.tsx
-import React196, { useState as useState68, useRef as useRef13, useEffect as useEffect53 } from "react";
+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
@@ -18929,10 +19001,10 @@ function transformIconImage(sourceUrl, size = "default", customOptions) {
 
 // src/mantine/components/Base/CoverImageButton.tsx
 import React195 from "react";
-import { Button as Button36 } from "@mantine/core";
+import { Button as Button35 } from "@mantine/core";
 function CoverImageButton({ isActive = false, children, onClick, style }) {
   return /* @__PURE__ */ React195.createElement(
-    Button36,
+    Button35,
     {
       onClick,
       variant: "filled",
@@ -18954,12 +19026,12 @@ function CoverImageButton({ isActive = false, children, onClick, style }) {
 // src/mantine/components/CoverImage.tsx
 function CoverImage({ coverImageUrl, logoUrl }) {
   const { editor, handlers, editable } = useBlocknoteContext();
-  const [isHovering, setIsHovering] = useState68(false);
-  const [isRepositioning, setIsRepositioning] = useState68(false);
-  const [coverPosition, setCoverPosition] = useState68(50);
-  const coverFileInputRef = useRef13(null);
-  const logoFileInputRef = useRef13(null);
-  const [metadata, setMetadata] = useState68(() => editor?.getPageMetadata?.() || null);
+  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] = useState69(() => editor?.getPageMetadata?.() || null);
   useEffect53(() => {
     if (!editor?._metadataManager) {
       return;
@@ -19247,7 +19319,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
 }
 
 // src/mantine/components/PageHeader.tsx
-import React197, { useState as useState69, useRef as useRef14, useEffect as useEffect54 } from "react";
+import React197, { useState as useState70, useRef as useRef13, useEffect as useEffect54 } from "react";
 function PageHeader({
   title = "New page",
   icon,
@@ -19258,8 +19330,8 @@ function PageHeader({
   isFavorited = false,
   menuItems = []
 }) {
-  const [isMenuOpen, setIsMenuOpen] = useState69(false);
-  const menuRef = useRef14(null);
+  const [isMenuOpen, setIsMenuOpen] = useState70(false);
+  const menuRef = useRef13(null);
   useEffect54(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
@@ -19440,7 +19512,7 @@ var styles = {
 };
 
 // src/mantine/components/ExternalDropZone.tsx
-import React198, { useCallback as useCallback52, useEffect as useEffect55, useRef as useRef15, useState as useState70 } from "react";
+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;
@@ -19453,14 +19525,14 @@ var ExternalDropZone = ({
   onPlacementCancel,
   children
 }) => {
-  const containerRef = useRef15(null);
-  const [isValidDrag, setIsValidDrag] = useState70(false);
-  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState70(false);
-  const [indicatorStyle, setIndicatorStyle] = useState70({});
-  const dropPositionRef = useRef15(null);
-  const scrollAnimationRef = useRef15(null);
-  const scrollDirectionRef = useRef15(null);
-  const scrollContainerRef = useRef15(null);
+  const containerRef = useRef14(null);
+  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 = useCallback52(() => {
     if (!containerRef.current) return [];
     const blocks = containerRef.current.querySelectorAll('[data-node-type="blockContainer"]');
@@ -19978,8 +20050,8 @@ function IxoEditor({
 }
 
 // src/mantine/components/EntitySigningSetup.tsx
-import React201, { useState as useState71 } from "react";
-import { Modal as Modal3, Stack as Stack126, Text as Text100, TextInput as TextInput6, Button as Button37, Alert as Alert26, Group as Group63 } from "@mantine/core";
+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,
@@ -19988,11 +20060,11 @@ var EntitySigningSetup = ({
   entityName,
   onSetup
 }) => {
-  const [pin, setPin] = useState71("");
-  const [confirmPin, setConfirmPin] = useState71("");
-  const [loading, setLoading] = useState71(false);
-  const [error, setError] = useState71(null);
-  const [success, setSuccess] = useState71(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");
@@ -20061,8 +20133,8 @@ var EntitySigningSetup = ({
         onChange: (e) => setConfirmPin(e.currentTarget.value),
         disabled: loading
       }
-    ), 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(Button37, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React201.createElement(
-      Button37,
+    ), 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,
@@ -20074,9 +20146,9 @@ var EntitySigningSetup = ({
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
-import React202, { useState as useState72, 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 Button38, ActionIcon as ActionIcon29, Loader as Loader26, Alert as Alert27, Divider as Divider12 } from "@mantine/core";
-import { IconPlus as IconPlus5, IconTrash as IconTrash7, IconShieldCheck as IconShieldCheck2, IconUser as IconUser4, IconRobot as IconRobot3, IconBuilding } from "@tabler/icons-react";
+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,
   entityDid,
@@ -20085,9 +20157,9 @@ var FlowPermissionsPanel = ({
   onRevokePermission,
   getUserDisplayName
 }) => {
-  const [delegations, setDelegations] = useState72([]);
-  const [loading, setLoading] = useState72(true);
-  const [revoking, setRevoking] = useState72(null);
+  const [delegations, setDelegations] = useState73([]);
+  const [loading, setLoading] = useState73(true);
+  const [revoking, setRevoking] = useState73(null);
   const rootCapability = useMemo65(() => editor.getRootCapability?.(), [editor]);
   useEffect56(() => {
     const loadDelegations = async () => {
@@ -20160,9 +20232,9 @@ var FlowPermissionsPanel = ({
       loading: revoking === capability.id,
       disabled: !!revoking
     },
-    /* @__PURE__ */ React202.createElement(IconTrash7, { size: 16 })
+    /* @__PURE__ */ React202.createElement(IconTrash6, { size: 16 })
   ))))), /* @__PURE__ */ React202.createElement(
-    Button38,
+    Button37,
     {
       leftSection: /* @__PURE__ */ React202.createElement(IconPlus5, { size: 16 }),
       variant: "light",
@@ -20173,13 +20245,13 @@ var FlowPermissionsPanel = ({
 };
 
 // src/mantine/components/GrantPermissionModal.tsx
-import React203, { useState as useState73, useCallback as useCallback53 } from "react";
+import React203, { useState as useState74, useCallback as useCallback53 } from "react";
 import {
   Modal as Modal4,
   Stack as Stack128,
   Text as Text102,
   TextInput as TextInput7,
-  Button as Button39,
+  Button as Button38,
   Group as Group65,
   Radio as Radio6,
   Checkbox as Checkbox12,
@@ -20205,20 +20277,20 @@ 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] = useState73("user");
-  const [searchQuery, setSearchQuery] = useState73("");
-  const [searchResults, setSearchResults] = useState73([]);
-  const [searching, setSearching] = useState73(false);
-  const [selectedRecipient, setSelectedRecipient] = useState73(null);
-  const [manualDid, setManualDid] = useState73("");
-  const [scopeType, setScopeType] = useState73("full");
-  const [selectedBlocks, setSelectedBlocks] = useState73([]);
-  const [expirationEnabled, setExpirationEnabled] = useState73(false);
-  const [expirationDays, setExpirationDays] = useState73(30);
-  const [canDelegate, setCanDelegate] = useState73(false);
-  const [pin, setPin] = useState73("");
-  const [loading, setLoading] = useState73(false);
-  const [error, setError] = useState73(null);
+  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);
@@ -20329,7 +20401,7 @@ var GrantPermissionModal = ({
         onKeyDown: (e) => e.key === "Enter" && handleSearch()
       }
     ), 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(
-      Button39,
+      Button38,
       {
         key: result.did,
         variant: "subtle",
@@ -20400,7 +20472,7 @@ var GrantPermissionModal = ({
         value: pin,
         onChange: (e) => setPin(e.currentTarget.value)
       }
-    ), error && /* @__PURE__ */ React203.createElement(Alert28, { color: "red" }, error), /* @__PURE__ */ React203.createElement(Group65, { justify: "flex-end" }, /* @__PURE__ */ React203.createElement(Button39, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React203.createElement(Button39, { 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")))
   );
 };
 
@@ -20506,4 +20578,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-AOSYWSEN.mjs.map
+//# sourceMappingURL=chunk-3ER6BXWB.mjs.map