@ixo/editor 2.27.0 → 2.28.0

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

@@ -326,6 +326,41 @@ function registerBuiltInActionTypes() {
   registerHookedActionType(addLinkedEntityAction);
 }
 
+// src/mantine/blocks/hooks/hookedActions/extractSurveyFields.ts
+function extractSurveyFields(schema) {
+  const fields = [];
+  if (!schema) return fields;
+  const extractFromElements = (elements) => {
+    if (!Array.isArray(elements)) return;
+    for (const el of elements) {
+      if (el.name) {
+        fields.push({
+          name: el.name,
+          title: el.title || el.name
+        });
+      }
+      if (el.elements) extractFromElements(el.elements);
+    }
+  };
+  if (Array.isArray(schema.pages)) {
+    for (const page of schema.pages) {
+      extractFromElements(page.elements || []);
+    }
+  }
+  if (Array.isArray(schema.elements)) {
+    extractFromElements(schema.elements);
+  }
+  return fields;
+}
+function surveyFieldsToPayloadFields(schema, parentKey = "surveyAnswers") {
+  return extractSurveyFields(schema).map((field) => ({
+    key: `${parentKey}.${field.name}`,
+    label: `Survey: ${field.title}`,
+    type: "string",
+    description: `Survey field: ${field.title}`
+  }));
+}
+
 // src/mantine/blocks/governanceGroup/actions.ts
 var governanceGroupActions = [
   {
@@ -11001,7 +11036,7 @@ var SimpleUCANManager = class {
 };
 
 // src/mantine/components/HookedActionsTab/HookedActionsTab.tsx
-import React115, { useCallback as useCallback23, useMemo as useMemo21, useEffect as useEffect24 } from "react";
+import React115, { useCallback as useCallback23, useMemo as useMemo21, useEffect as useEffect24, useState as useState37 } from "react";
 import { Stack as Stack86, Text as Text60, Alert as Alert13, Accordion as Accordion3, Group as Group34, Badge as Badge15, Menu as Menu2, Button as Button21 } from "@mantine/core";
 import { IconPlus as IconPlus5, IconMail as IconMail3, IconLink as IconLink2 } from "@tabler/icons-react";
 
@@ -11267,9 +11302,33 @@ function ensureActionTypesRegistered() {
   }
 }
 var HookedActionsTab = ({ editor, block, blockActions, hookedActions, onHookedActionsChange }) => {
+  const handlers = useBlocknoteHandlers();
   useEffect24(() => {
     ensureActionTypesRegistered();
   }, []);
+  const [dynamicFields, setDynamicFields] = useState37({});
+  useEffect24(() => {
+    const blockProps = block?.props || {};
+    let cancelled = false;
+    const resolveAll = async () => {
+      const results = {};
+      for (const action of blockActions) {
+        if (action.resolveDynamicFields) {
+          try {
+            const fields = await action.resolveDynamicFields({ handlers, blockProps });
+            results[action.actionId] = fields;
+          } catch {
+            results[action.actionId] = [];
+          }
+        }
+      }
+      if (!cancelled) setDynamicFields(results);
+    };
+    resolveAll();
+    return () => {
+      cancelled = true;
+    };
+  }, [blockActions, handlers, block?.props]);
   const config = useMemo21(() => parseHookedActionsConfig(hookedActions), [hookedActions]);
   const availableActionTypes = useMemo21(() => {
     ensureActionTypesRegistered();
@@ -11370,6 +11429,7 @@ var HookedActionsTab = ({ editor, block, blockActions, hookedActions, onHookedAc
     blockActions.map((blockAction) => {
       const actionsForThisEvent = config[blockAction.actionId] || [];
       const enabledCount = actionsForThisEvent.filter((a) => a.enabled).length;
+      const allPayloadFields = [...blockAction.payloadSchema.filter((f) => f.type !== "object"), ...dynamicFields[blockAction.actionId] || []];
       return /* @__PURE__ */ React115.createElement(Accordion3.Item, { key: blockAction.actionId, value: blockAction.actionId }, /* @__PURE__ */ React115.createElement(Accordion3.Control, null, /* @__PURE__ */ React115.createElement(Group34, { justify: "space-between", pr: "md" }, /* @__PURE__ */ React115.createElement(Stack86, { gap: 2 }, /* @__PURE__ */ React115.createElement(Text60, { size: "sm", fw: 500, c: "#f1f3f5" }, blockAction.label), /* @__PURE__ */ React115.createElement(Text60, { size: "xs", c: "#666" }, blockAction.description)), actionsForThisEvent.length > 0 && /* @__PURE__ */ React115.createElement(
         Badge15,
         {
@@ -11382,7 +11442,7 @@ var HookedActionsTab = ({ editor, block, blockActions, hookedActions, onHookedAc
         },
         enabledCount,
         " active"
-      ))), /* @__PURE__ */ React115.createElement(Accordion3.Panel, null, /* @__PURE__ */ React115.createElement(Stack86, { gap: "sm" }, blockAction.payloadSchema.length > 0 && /* @__PURE__ */ React115.createElement(
+      ))), /* @__PURE__ */ React115.createElement(Accordion3.Panel, null, /* @__PURE__ */ React115.createElement(Stack86, { gap: "sm" }, allPayloadFields.length > 0 && /* @__PURE__ */ React115.createElement(
         Stack86,
         {
           gap: "xs",
@@ -11394,7 +11454,7 @@ var HookedActionsTab = ({ editor, block, blockActions, hookedActions, onHookedAc
           }
         },
         /* @__PURE__ */ React115.createElement(Text60, { size: "xs", fw: 500, c: "#adb5bd" }, "Available payload data:"),
-        /* @__PURE__ */ React115.createElement(Group34, { gap: "xs" }, blockAction.payloadSchema.map((field) => /* @__PURE__ */ React115.createElement(
+        /* @__PURE__ */ React115.createElement(Group34, { gap: "xs" }, allPayloadFields.map((field) => /* @__PURE__ */ React115.createElement(
           Badge15,
           {
             key: field.key,
@@ -11416,7 +11476,7 @@ var HookedActionsTab = ({ editor, block, blockActions, hookedActions, onHookedAc
             key: instance.id,
             instance,
             actionType,
-            payloadFields: blockAction.payloadSchema,
+            payloadFields: allPayloadFields,
             availableBlocks,
             onUpdate: (updates) => handleUpdateAction(blockAction.actionId, instance.id, updates),
             onRemove: () => handleRemoveAction(blockAction.actionId, instance.id)
@@ -11471,7 +11531,7 @@ import React118 from "react";
 import { createReactBlockSpec as createReactBlockSpec6 } from "@blocknote/react";
 
 // src/mantine/blocks/dynamicList/DynamicListBlock.tsx
-import React117, { useMemo as useMemo23, useState as useState38, useCallback as useCallback24, useEffect as useEffect25, useRef as useRef4 } from "react";
+import React117, { useMemo as useMemo23, useState as useState39, useCallback as useCallback24, useEffect as useEffect25, useRef as useRef4 } from "react";
 import { Box as Box27, Stack as Stack88, Text as Text62, Paper as Paper11, Group as Group36, Button as Button22, ActionIcon as ActionIcon15, Tooltip as Tooltip10, Code as Code4, Flex as Flex24, Collapse as Collapse6, Title as Title4, Badge as Badge16, TextInput as TextInput6, CloseButton as CloseButton4, Select as Select3, Menu as Menu3 } from "@mantine/core";
 import { useDisclosure as useDisclosure4 } from "@mantine/hooks";
 import {
@@ -11492,7 +11552,7 @@ import {
 } from "@tabler/icons-react";
 
 // src/mantine/blocks/dynamicList/DynamicListSelectionPanel.tsx
-import React116, { useMemo as useMemo22, useState as useState37 } from "react";
+import React116, { useMemo as useMemo22, useState as useState38 } from "react";
 import { Paper as Paper10, CloseButton as CloseButton3, Stack as Stack87, Text as Text61, Box as Box26, Group as Group35, Divider as Divider10, Code as Code3, ScrollArea as ScrollArea5, Collapse as Collapse5 } from "@mantine/core";
 import { IconSparkles, IconChevronDown as IconChevronDown5, IconChevronRight as IconChevronRight4 } from "@tabler/icons-react";
 function formatKeyAsLabel(key) {
@@ -11522,7 +11582,7 @@ function DefaultKeyValueView({
   panelDescription
   // actions,
 }) {
-  const [valuesExpanded, setValuesExpanded] = useState37(false);
+  const [valuesExpanded, setValuesExpanded] = useState38(false);
   const columnMap = useMemo22(() => {
     const map = {};
     columns.forEach((col) => {
@@ -11640,19 +11700,19 @@ function DynamicListBlock({ block, editor }) {
     panelDescription
     /* actions */
   } = block.props;
-  const [useLiveMode, setUseLiveMode] = useState38(false);
+  const [useLiveMode, setUseLiveMode] = useState39(false);
   const [opened, { toggle }] = useDisclosure4(true);
-  const [selectedIds, setSelectedIds] = useState38(/* @__PURE__ */ new Set());
-  const [selectedItem, setSelectedItem] = useState38(null);
-  const [isMultiSelect, setIsMultiSelect] = useState38(false);
-  const [page, setPage] = useState38(1);
-  const [sortConfig, setSortConfig] = useState38(null);
-  const [showSearch, setShowSearch] = useState38(false);
-  const [searchQuery, setSearchQuery] = useState38("");
+  const [selectedIds, setSelectedIds] = useState39(/* @__PURE__ */ new Set());
+  const [selectedItem, setSelectedItem] = useState39(null);
+  const [isMultiSelect, setIsMultiSelect] = useState39(false);
+  const [page, setPage] = useState39(1);
+  const [sortConfig, setSortConfig] = useState39(null);
+  const [showSearch, setShowSearch] = useState39(false);
+  const [searchQuery, setSearchQuery] = useState39("");
   const searchInputRef = useRef4(null);
-  const [orderByCollapsed, setOrderByCollapsed] = useState38(true);
-  const [columnsCollapsed, setColumnsCollapsed] = useState38(true);
-  const [showInfo, setShowInfo] = useState38(false);
+  const [orderByCollapsed, setOrderByCollapsed] = useState39(true);
+  const [columnsCollapsed, setColumnsCollapsed] = useState39(true);
+  const [showInfo, setShowInfo] = useState39(false);
   const parsedColumns = useMemo23(() => {
     try {
       return typeof columns === "string" ? JSON.parse(columns) : columns;
@@ -12139,7 +12199,7 @@ var DynamicListBlockSpec = createReactBlockSpec6(
 );
 
 // src/mantine/blocks/enumChecklist/EnumChecklistBlock.tsx
-import React125, { useState as useState40, useEffect as useEffect26, useMemo as useMemo24, useCallback as useCallback25 } from "react";
+import React125, { useState as useState41, useEffect as useEffect26, useMemo as useMemo24, useCallback as useCallback25 } from "react";
 import { createReactBlockSpec as createReactBlockSpec7 } from "@blocknote/react";
 import { Stack as Stack94, Text as Text68, Button as Button27, ActionIcon as ActionIcon16, Center as Center5, Flex as Flex26 } from "@mantine/core";
 
@@ -12155,7 +12215,7 @@ function OraclePersonalitiesEnumList({ selectionMode, isItemChecked, onItemCheck
 }
 
 // src/mantine/blocks/enumChecklist/EnumChecklistConfigModal.tsx
-import React124, { useState as useState39 } from "react";
+import React124, { useState as useState40 } from "react";
 import { Modal, Group as Group40, Box as Box30 } from "@mantine/core";
 
 // src/mantine/blocks/list/modal/ModalNavigation.tsx
@@ -12425,9 +12485,9 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
 
 // src/mantine/blocks/enumChecklist/EnumChecklistConfigModal.tsx
 var EnumChecklistConfigModal = ({ opened, onClose, onSave, initialConfig }) => {
-  const [activeStep, setActiveStep] = useState39("type");
-  const [selectedType, setSelectedType] = useState39(initialConfig?.listType || null);
-  const [config, setConfig] = useState39(initialConfig?.listConfig || {});
+  const [activeStep, setActiveStep] = useState40("type");
+  const [selectedType, setSelectedType] = useState40(initialConfig?.listType || null);
+  const [config, setConfig] = useState40(initialConfig?.listConfig || {});
   const handleTypeSelect = (type) => {
     setSelectedType(type);
     const configFieldsByType = getEnumListTypesConfigFields(type);
@@ -12508,7 +12568,7 @@ var EnumChecklistConfigModal = ({ opened, onClose, onSave, initialConfig }) => {
 var IconSettings2 = () => /* @__PURE__ */ React125.createElement("span", null, "\u2699\uFE0F");
 var EnumChecklistBlockType = "enumChecklist";
 var EnumChecklistBlockContent = ({ block, editor }) => {
-  const [modalOpened, setModalOpened] = useState40(false);
+  const [modalOpened, setModalOpened] = useState41(false);
   const { editable } = useBlocknoteContext();
   const listType = block.props.listType && block.props.listType !== "" ? block.props.listType : null;
   const listConfig = useMemo24(() => {
@@ -12652,7 +12712,7 @@ import React128, { useMemo as useMemo25 } from "react";
 import React127, { useCallback as useCallback26 } from "react";
 
 // src/mantine/blocks/notify/template/GeneralTab.tsx
-import React126, { useEffect as useEffect27, useState as useState41 } from "react";
+import React126, { useEffect as useEffect27, useState as useState42 } from "react";
 import { Divider as Divider11, Stack as Stack95, Text as Text69, Group as Group41, ActionIcon as ActionIcon17, Paper as Paper12 } from "@mantine/core";
 import { IconTrash as IconTrash5 } from "@tabler/icons-react";
 var GeneralTab5 = ({
@@ -12681,17 +12741,17 @@ var GeneralTab5 = ({
   editor,
   blockId
 }) => {
-  const [localTitle, setLocalTitle] = useState41(title || "");
-  const [localDescription, setLocalDescription] = useState41(description || "");
-  const [localChannel, setLocalChannel] = useState41(channel || "email");
-  const [localTo, setLocalTo] = useState41(to || []);
-  const [localCc, setLocalCc] = useState41(cc || []);
-  const [localBcc, setLocalBcc] = useState41(bcc || []);
-  const [localSubject, setLocalSubject] = useState41(subject || "");
-  const [localBody, setLocalBody] = useState41(body || "");
-  const [localBodyType, setLocalBodyType] = useState41(bodyType || "text");
-  const [localFrom, setLocalFrom] = useState41(from || "");
-  const [localReplyTo, setLocalReplyTo] = useState41(replyTo || "");
+  const [localTitle, setLocalTitle] = useState42(title || "");
+  const [localDescription, setLocalDescription] = useState42(description || "");
+  const [localChannel, setLocalChannel] = useState42(channel || "email");
+  const [localTo, setLocalTo] = useState42(to || []);
+  const [localCc, setLocalCc] = useState42(cc || []);
+  const [localBcc, setLocalBcc] = useState42(bcc || []);
+  const [localSubject, setLocalSubject] = useState42(subject || "");
+  const [localBody, setLocalBody] = useState42(body || "");
+  const [localBodyType, setLocalBodyType] = useState42(bodyType || "text");
+  const [localFrom, setLocalFrom] = useState42(from || "");
+  const [localReplyTo, setLocalReplyTo] = useState42(replyTo || "");
   useEffect27(() => setLocalTitle(title || ""), [title]);
   useEffect27(() => setLocalDescription(description || ""), [description]);
   useEffect27(() => setLocalChannel(channel || "email"), [channel]);
@@ -12994,13 +13054,13 @@ var NotifyTemplateView = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/notify/flow/FlowView.tsx
-import React129, { useState as useState42 } from "react";
+import React129, { useState as useState43 } from "react";
 import { Group as Group43, Stack as Stack97, Text as Text71, ActionIcon as ActionIcon18, Tooltip as Tooltip11, Button as Button28, Badge as Badge18, Collapse as Collapse7, Alert as Alert14, Loader as Loader9, Code as Code5 } from "@mantine/core";
 import { IconSend as IconSend3, IconChevronDown as IconChevronDown7, IconChevronUp as IconChevronUp4, IconCheck as IconCheck2, IconX as IconX7 } from "@tabler/icons-react";
 var NotifyFlowView = ({ editor, block, isDisabled }) => {
   const disabled = isDisabled?.isDisabled === "disable";
-  const [isLoading, setIsLoading] = useState42(false);
-  const [showDetails, setShowDetails] = useState42(false);
+  const [isLoading, setIsLoading] = useState43(false);
+  const [showDetails, setShowDetails] = useState43(false);
   let handlers = null;
   try {
     handlers = useBlocknoteHandlers();
@@ -13221,10 +13281,10 @@ import { Group as Group44, Stack as Stack99, Text as Text73 } from "@mantine/cor
 import React134, { useCallback as useCallback28 } from "react";
 
 // src/mantine/blocks/claim/template/GeneralTab.tsx
-import React133, { useEffect as useEffect29, useState as useState44, useCallback as useCallback27, useMemo as useMemo26 } from "react";
+import React133, { useEffect as useEffect29, useState as useState45, useCallback as useCallback27, useMemo as useMemo26 } from "react";
 
 // src/mantine/components/CollectionSelector.tsx
-import React132, { useState as useState43, useEffect as useEffect28 } from "react";
+import React132, { useState as useState44, useEffect as useEffect28 } from "react";
 import { Stack as Stack98, Text as Text72, Checkbox as Checkbox11, Loader as Loader10, Alert as Alert15 } from "@mantine/core";
 var CollectionSelector = ({
   did,
@@ -13235,10 +13295,10 @@ var CollectionSelector = ({
   currentAdminAddress
 }) => {
   const handlers = useBlocknoteHandlers();
-  const [localDid, setLocalDid] = useState43(did || "");
-  const [collections, setCollections] = useState43([]);
-  const [loading, setLoading] = useState43(false);
-  const [error, setError] = useState43(null);
+  const [localDid, setLocalDid] = useState44(did || "");
+  const [collections, setCollections] = useState44([]);
+  const [loading, setLoading] = useState44(false);
+  const [error, setError] = useState44(null);
   useEffect28(() => {
     setLocalDid(did || "");
   }, [did]);
@@ -13318,8 +13378,8 @@ var GeneralTab6 = ({
   onSelectedCollectionsChange,
   onAdminAddressChange
 }) => {
-  const [localTitle, setLocalTitle] = useState44(title || "");
-  const [localDescription, setLocalDescription] = useState44(description || "");
+  const [localTitle, setLocalTitle] = useState45(title || "");
+  const [localDescription, setLocalDescription] = useState45(description || "");
   useEffect29(() => {
     setLocalTitle(title || "");
   }, [title]);
@@ -13466,14 +13526,14 @@ import React149, { useMemo as useMemo42, useRef as useRef9, useEffect as useEffe
 import { Stack as Stack111, Text as Text85, Loader as Loader18, Center as Center9, Alert as Alert20, Title as Title6, Flex as Flex27, ActionIcon as ActionIcon25 } from "@mantine/core";
 
 // src/mantine/hooks/useCurrentUser.ts
-import { useState as useState45, useEffect as useEffect30, useRef as useRef5 } from "react";
+import { useState as useState46, useEffect as useEffect30, useRef as useRef5 } from "react";
 function useCurrentUser() {
   const { getCurrentUser } = useBlocknoteHandlers();
   const getCurrentUserRef = useRef5(getCurrentUser);
   useEffect30(() => {
     getCurrentUserRef.current = getCurrentUser;
   }, [getCurrentUser]);
-  const [userAddress, setUserAddress] = useState45("");
+  const [userAddress, setUserAddress] = useState46("");
   useEffect30(() => {
     const fetchUserAddress = () => {
       try {
@@ -13489,16 +13549,16 @@ function useCurrentUser() {
 }
 
 // src/mantine/hooks/useCollections.ts
-import { useState as useState46, useEffect as useEffect31, useCallback as useCallback29, useRef as useRef6, useMemo as useMemo28 } from "react";
+import { useState as useState47, useEffect as useEffect31, useCallback as useCallback29, useRef as useRef6, useMemo as useMemo28 } from "react";
 function useCollections(did, selectedCollectionIds, block, editor) {
   const { getClaimCollections } = useBlocknoteHandlers();
   const getClaimCollectionsRef = useRef6(getClaimCollections);
   useEffect31(() => {
     getClaimCollectionsRef.current = getClaimCollections;
   }, [getClaimCollections]);
-  const [collections, setCollections] = useState46([]);
-  const [loading, setLoading] = useState46(false);
-  const [error, setError] = useState46(null);
+  const [collections, setCollections] = useState47([]);
+  const [loading, setLoading] = useState47(false);
+  const [error, setError] = useState47(null);
   const adminAddressUpdatedRef = useRef6(false);
   const selectedCollectionIdsStr = useMemo28(() => JSON.stringify(selectedCollectionIds.sort()), [selectedCollectionIds]);
   const fetchCollections = useCallback29(async () => {
@@ -13547,7 +13607,7 @@ import React148 from "react";
 import { Stack as Stack110, Text as Text84, Loader as Loader17, Center as Center8 } from "@mantine/core";
 
 // src/mantine/hooks/useUserRoles.ts
-import { useState as useState47, useEffect as useEffect32, useMemo as useMemo29, useRef as useRef7 } from "react";
+import { useState as useState48, useEffect as useEffect32, useMemo as useMemo29, useRef as useRef7 } from "react";
 
 // src/mantine/hooks/utils.ts
 function isClientFulfillmentError(error) {
@@ -13562,8 +13622,8 @@ function useUserRoles(collections, userAddress, adminAddress, deedId) {
   useEffect32(() => {
     getUserRolesRef.current = getUserRoles;
   }, [getUserRoles]);
-  const [userRoles, setUserRoles] = useState47({});
-  const [loading, setLoading] = useState47(true);
+  const [userRoles, setUserRoles] = useState48({});
+  const [loading, setLoading] = useState48(true);
   const failedRequestKeyRef = useRef7(null);
   const collectionIdsKey = useMemo29(
     () => collections.map((c) => c.id).sort().join("|"),
@@ -13637,7 +13697,7 @@ import React137, { useMemo as useMemo31 } from "react";
 import { Stack as Stack101, Text as Text75, ActionIcon as ActionIcon20, Tooltip as Tooltip12 } from "@mantine/core";
 
 // src/mantine/blocks/claim/flow/ClaimsListSheet.tsx
-import React136, { useState as useState48, useEffect as useEffect33, useCallback as useCallback30, useMemo as useMemo30 } from "react";
+import React136, { useState as useState49, useEffect as useEffect33, useCallback as useCallback30, useMemo as useMemo30 } from "react";
 import { Loader as Loader11, Stack as Stack100, Text as Text74, ActionIcon as ActionIcon19, Alert as Alert16, Box as Box31, Group as Group45 } from "@mantine/core";
 import { IconArrowLeft as IconArrowLeft3, IconAlertCircle } from "@tabler/icons-react";
 import { Survey, SurveyModel } from "@ixo/surveys";
@@ -13756,13 +13816,13 @@ var surveyTheme = {
 var ClaimsListSheet = ({ collectionId, collectionName, deedId, adminAddress, userAddress, onSubmitComplete, execution }) => {
   const { closePanel } = usePanelStore();
   const handlers = useBlocknoteHandlers();
-  const [viewMode, setViewMode] = useState48("list");
-  const [claims, setClaims] = useState48([]);
-  const [loading, setLoading] = useState48(true);
-  const [error, setError] = useState48(null);
-  const [surveyJson, setSurveyJson] = useState48(null);
-  const [surveyLoading, setSurveyLoading] = useState48(false);
-  const [surveyError, setSurveyError] = useState48(null);
+  const [viewMode, setViewMode] = useState49("list");
+  const [claims, setClaims] = useState49([]);
+  const [loading, setLoading] = useState49(true);
+  const [error, setError] = useState49(null);
+  const [surveyJson, setSurveyJson] = useState49(null);
+  const [surveyLoading, setSurveyLoading] = useState49(false);
+  const [surveyError, setSurveyError] = useState49(null);
   console.log("[ClaimsListSheet] render", { collectionId, collectionName, deedId, adminAddress, userAddress, viewMode });
   const fetchClaims = useCallback30(async () => {
     console.log("[ClaimsListSheet] fetchClaims start", { collectionId, userAddress });
@@ -14076,7 +14136,7 @@ import { Stack as Stack106, Text as Text80, Button as Button30, Menu as Menu4, B
 import { IconChevronDown as IconChevronDown8, IconArrowRight as IconArrowRight3, IconLock } from "@tabler/icons-react";
 
 // src/mantine/hooks/useBlockAuthorization.ts
-import { useState as useState49, useEffect as useEffect34, useMemo as useMemo32 } from "react";
+import { useState as useState50, useEffect as useEffect34, useMemo as useMemo32 } from "react";
 function useBlockAuthorization({
   editor,
   flowNode,
@@ -14084,9 +14144,9 @@ function useBlockAuthorization({
   flowUri
 }) {
   const handlers = useBlocknoteHandlers();
-  const [result, setResult] = useState49({ authorized: true });
-  const [loading, setLoading] = useState49(true);
-  const [checkTrigger, setCheckTrigger] = useState49(0);
+  const [result, setResult] = useState50({ authorized: true });
+  const [loading, setLoading] = useState50(true);
+  const [checkTrigger, setCheckTrigger] = useState50(0);
   const flowOwnerDid = useMemo32(() => editor.getFlowOwnerDid?.() || "", [editor]);
   const entityDid = useMemo32(() => handlers.getEntityDid?.() || "", [handlers]);
   const rootIssuer = flowOwnerDid || entityDid;
@@ -14156,14 +14216,14 @@ import { Loader as Loader12, Stack as Stack102, Text as Text76 } from "@mantine/
 import { Survey as Survey2 } from "@ixo/surveys";
 
 // src/mantine/blocks/bid/flow/hooks/useBidSurvey.ts
-import { useState as useState50, useEffect as useEffect35, useMemo as useMemo33, useCallback as useCallback31 } from "react";
+import { useState as useState51, useEffect as useEffect35, useMemo as useMemo33, useCallback as useCallback31 } from "react";
 import { SurveyModel as SurveyModel2 } from "@ixo/surveys";
 function useBidSurvey(deedId, collectionId, role, onSubmitComplete, execution, executeHookedActions) {
   const handlers = useBlocknoteHandlers();
   const { closePanel } = usePanelStore();
-  const [surveyJson, setSurveyJson] = useState50(null);
-  const [loading, setLoading] = useState50(true);
-  const [error, setError] = useState50(null);
+  const [surveyJson, setSurveyJson] = useState51(null);
+  const [loading, setLoading] = useState51(true);
+  const [error, setError] = useState51(null);
   useEffect35(() => {
     const fetchSurveyTemplate = async () => {
       try {
@@ -14232,7 +14292,8 @@ function useBidSurvey(deedId, collectionId, role, onSubmitComplete, execution, e
           role,
           submitterDid: execution.actorDid,
           deedDid: deedId,
-          status: "pending"
+          status: "pending",
+          surveyAnswers: surveyData
         });
         closePanel();
         onSubmitComplete?.();
@@ -14307,13 +14368,13 @@ import { Stack as Stack104, Text as Text78, Badge as Badge19, Group as Group47,
 import { IconArrowRight as IconArrowRight2 } from "@tabler/icons-react";
 
 // src/mantine/blocks/bid/flow/components/BidViewPanel.tsx
-import React139, { useMemo as useMemo36, useState as useState53 } from "react";
+import React139, { useMemo as useMemo36, useState as useState54 } from "react";
 import { Loader as Loader13, Stack as Stack103, Text as Text77, Button as Button29, Group as Group46, Modal as Modal2, Alert as Alert17 } from "@mantine/core";
 import { Survey as Survey3 } from "@ixo/surveys";
 import { IconCheck as IconCheck3, IconX as IconX8, IconAlertCircle as IconAlertCircle2 } from "@tabler/icons-react";
 
 // src/mantine/blocks/bid/flow/hooks/useBidView.ts
-import { useState as useState51, useEffect as useEffect37, useMemo as useMemo35 } from "react";
+import { useState as useState52, useEffect as useEffect37, useMemo as useMemo35 } from "react";
 import { SurveyModel as SurveyModel3 } from "@ixo/surveys";
 
 // src/mantine/blocks/bid/flow/utils.ts
@@ -14343,9 +14404,9 @@ function parseBidData(data) {
 // src/mantine/blocks/bid/flow/hooks/useBidView.ts
 function useBidView(bid, deedId) {
   const handlers = useBlocknoteHandlers();
-  const [surveyJson, setSurveyJson] = useState51(null);
-  const [loading, setLoading] = useState51(true);
-  const [error, setError] = useState51(null);
+  const [surveyJson, setSurveyJson] = useState52(null);
+  const [loading, setLoading] = useState52(true);
+  const [error, setError] = useState52(null);
   useEffect37(() => {
     const fetchSurveyTemplate = async () => {
       try {
@@ -14388,12 +14449,12 @@ function useBidView(bid, deedId) {
 }
 
 // src/mantine/blocks/bid/flow/hooks/useBidActions.ts
-import { useState as useState52, useCallback as useCallback32 } from "react";
+import { useState as useState53, useCallback as useCallback32 } from "react";
 function useBidActions(bid, deedId, adminAddress, execution, onRefresh, executeHookedActions) {
   const handlers = useBlocknoteHandlers();
   const { closePanel } = usePanelStore();
-  const [loading, setLoading] = useState52(false);
-  const [error, setError] = useState52(null);
+  const [loading, setLoading] = useState53(false);
+  const [error, setError] = useState53(null);
   const approveBid = useCallback32(async () => {
     try {
       setLoading(true);
@@ -14534,8 +14595,8 @@ var BidViewPanel = ({ bid, deedId, adminAddress, onRefresh, execution, executeHo
     error: actionError,
     setError: setActionError
   } = useBidActions(bid, deedId, adminAddress, execution, onRefresh, executeHookedActions);
-  const [rejectModalOpen, setRejectModalOpen] = useState53(false);
-  const [rejectReason, setRejectReason] = useState53("");
+  const [rejectModalOpen, setRejectModalOpen] = useState54(false);
+  const [rejectReason, setRejectReason] = useState54("");
   const surveyContainerStyle = useMemo36(
     () => ({
       flex: 1,
@@ -14561,11 +14622,11 @@ var BidViewPanel = ({ bid, deedId, adminAddress, onRefresh, execution, executeHo
 };
 
 // src/mantine/hooks/useUserProfile.ts
-import { useState as useState54, useEffect as useEffect38 } from "react";
+import { useState as useState55, useEffect as useEffect38 } from "react";
 function useUserProfile(did) {
   const handlers = useBlocknoteHandlers();
-  const [userProfile, setUserProfile] = useState54(null);
-  const [loading, setLoading] = useState54(false);
+  const [userProfile, setUserProfile] = useState55(null);
+  const [loading, setLoading] = useState55(false);
   useEffect38(() => {
     const fetchUserProfile = async () => {
       if (!did) return;
@@ -14601,12 +14662,12 @@ var BidItem = ({ bid, deedId, adminAddress, onRefresh, execution, executeHookedA
 };
 
 // src/mantine/blocks/bid/flow/hooks/useBids.ts
-import { useState as useState55, useEffect as useEffect39, useCallback as useCallback33 } from "react";
+import { useState as useState56, useEffect as useEffect39, useCallback as useCallback33 } from "react";
 function useBids(collectionId) {
   const handlers = useBlocknoteHandlers();
-  const [bids, setBids] = useState55([]);
-  const [loading, setLoading] = useState55(true);
-  const [error, setError] = useState55(null);
+  const [bids, setBids] = useState56([]);
+  const [loading, setLoading] = useState56(true);
+  const [error, setError] = useState56(null);
   const fetchBids = useCallback33(async () => {
     if (!collectionId) {
       setLoading(false);
@@ -14839,7 +14900,7 @@ import React147, { useMemo as useMemo41, useEffect as useEffect41, useRef as use
 import { Stack as Stack109, Text as Text83, ActionIcon as ActionIcon24, Tooltip as Tooltip15 } from "@mantine/core";
 
 // src/mantine/blocks/evaluator/flow/ClaimsList.tsx
-import React146, { useState as useState56, useEffect as useEffect40, useCallback as useCallback35, useMemo as useMemo40 } from "react";
+import React146, { useState as useState57, useEffect as useEffect40, useCallback as useCallback35, useMemo as useMemo40 } from "react";
 import { Paper as Paper14, CloseButton as CloseButton5, Title as Title5, Loader as Loader16, Stack as Stack108, Text as Text82, ActionIcon as ActionIcon23, Alert as Alert19, Badge as Badge22, Group as Group49, Button as Button31, Divider as Divider13, Tabs as Tabs3, ScrollArea as ScrollArea6 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle4, IconArrowRight as IconArrowRight4, IconRefresh as IconRefresh3, IconArrowLeft as IconArrowLeft4, IconFileText as IconFileText3, IconRobot as IconRobot3, IconChecklist as IconChecklist3 } from "@tabler/icons-react";
 import { Survey as Survey4, SurveyModel as SurveyModel4 } from "@ixo/surveys";
@@ -15285,20 +15346,20 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
   const { closePanel } = usePanelStore();
   const handlers = useBlocknoteHandlers();
   const { editor } = useBlocknoteContext();
-  const [viewMode, setViewMode] = useState56("list");
-  const [claims, setClaims] = useState56([]);
-  const [loading, setLoading] = useState56(true);
-  const [error, setError] = useState56(null);
-  const [selectedClaim, setSelectedClaim] = useState56(null);
-  const [claimData, setClaimData] = useState56(null);
-  const [surveyJson, setSurveyJson] = useState56(null);
-  const [surveyLoading, setSurveyLoading] = useState56(false);
-  const [surveyError, setSurveyError] = useState56(null);
-  const [evaluating, setEvaluating] = useState56(false);
-  const [rubricData, setRubricData] = useState56(null);
-  const [evaluationResult, setEvaluationResult] = useState56(null);
-  const [evaluationLoading, setEvaluationLoading] = useState56(false);
-  const [activeTab, setActiveTab] = useState56("submission");
+  const [viewMode, setViewMode] = useState57("list");
+  const [claims, setClaims] = useState57([]);
+  const [loading, setLoading] = useState57(true);
+  const [error, setError] = useState57(null);
+  const [selectedClaim, setSelectedClaim] = useState57(null);
+  const [claimData, setClaimData] = useState57(null);
+  const [surveyJson, setSurveyJson] = useState57(null);
+  const [surveyLoading, setSurveyLoading] = useState57(false);
+  const [surveyError, setSurveyError] = useState57(null);
+  const [evaluating, setEvaluating] = useState57(false);
+  const [rubricData, setRubricData] = useState57(null);
+  const [evaluationResult, setEvaluationResult] = useState57(null);
+  const [evaluationLoading, setEvaluationLoading] = useState57(false);
+  const [activeTab, setActiveTab] = useState57("submission");
   const fetchClaims = useCallback35(async () => {
     try {
       setLoading(true);
@@ -15697,8 +15758,8 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
 };
 var ClaimListItem = ({ claim, onViewClaim }) => {
   const handlers = useBlocknoteHandlers();
-  const [userProfile, setUserProfile] = useState56(null);
-  const [loadingProfile, setLoadingProfile] = useState56(false);
+  const [userProfile, setUserProfile] = useState57(null);
+  const [loadingProfile, setLoadingProfile] = useState57(false);
   useEffect40(() => {
     const fetchUserProfile = async () => {
       if (!claim.agentDid) return;
@@ -16055,7 +16116,7 @@ import { Group as Group50, Stack as Stack112, Text as Text86 } from "@mantine/co
 import React153, { useCallback as useCallback38 } from "react";
 
 // src/mantine/blocks/bid/template/GeneralTab.tsx
-import React152, { useEffect as useEffect43, useState as useState57, useCallback as useCallback37, useMemo as useMemo43 } from "react";
+import React152, { useEffect as useEffect43, useState as useState58, useCallback as useCallback37, useMemo as useMemo43 } from "react";
 var GeneralTab7 = ({
   title,
   description,
@@ -16068,8 +16129,8 @@ var GeneralTab7 = ({
   onSelectedCollectionsChange,
   onAdminAddressChange
 }) => {
-  const [localTitle, setLocalTitle] = useState57(title || "");
-  const [localDescription, setLocalDescription] = useState57(description || "");
+  const [localTitle, setLocalTitle] = useState58(title || "");
+  const [localDescription, setLocalDescription] = useState58(description || "");
   useEffect43(() => {
     setLocalTitle(title || "");
   }, [title]);
@@ -16178,8 +16239,26 @@ var bidActions = [
         label: "Status",
         type: "string",
         description: "The bid status (pending)"
+      },
+      {
+        key: "surveyAnswers",
+        label: "Survey Answers",
+        type: "object",
+        description: "All submitted survey form answers (use dot notation for individual fields)"
       }
-    ]
+    ],
+    resolveDynamicFields: async ({ handlers, blockProps }) => {
+      const deedDid = blockProps.did;
+      if (!deedDid || !handlers.getBidContributorSurveyTemplate) return [];
+      try {
+        const result = await handlers.getBidContributorSurveyTemplate(deedDid);
+        if (!result?.surveyTemplate) return [];
+        const schema = typeof result.surveyTemplate === "string" ? JSON.parse(result.surveyTemplate) : result.surveyTemplate;
+        return surveyFieldsToPayloadFields(schema);
+      } catch {
+        return [];
+      }
+    }
   },
   {
     actionId: "approve",
@@ -16573,7 +16652,7 @@ import { Group as Group51, Stack as Stack114, Text as Text88 } from "@mantine/co
 import React159, { useCallback as useCallback41 } from "react";
 
 // src/mantine/blocks/evaluator/template/GeneralTab.tsx
-import React158, { useEffect as useEffect45, useState as useState58, useCallback as useCallback40, useMemo as useMemo46 } from "react";
+import React158, { useEffect as useEffect45, useState as useState59, useCallback as useCallback40, useMemo as useMemo46 } from "react";
 var GeneralTab8 = ({
   title,
   description,
@@ -16586,8 +16665,8 @@ var GeneralTab8 = ({
   onSelectedCollectionsChange,
   onAdminAddressChange
 }) => {
-  const [localTitle, setLocalTitle] = useState58(title || "");
-  const [localDescription, setLocalDescription] = useState58(description || "");
+  const [localTitle, setLocalTitle] = useState59(title || "");
+  const [localDescription, setLocalDescription] = useState59(description || "");
   useEffect45(() => {
     setLocalTitle(title || "");
   }, [title]);
@@ -16799,13 +16878,13 @@ import React165 from "react";
 import { createReactBlockSpec as createReactBlockSpec12 } from "@blocknote/react";
 
 // src/mantine/blocks/visualization/VisualizationBlock.tsx
-import React164, { useMemo as useMemo49, useCallback as useCallback42, useRef as useRef11, useState as useState59, useEffect as useEffect46 } from "react";
+import React164, { useMemo as useMemo49, useCallback as useCallback42, useRef as useRef11, useState as useState60, useEffect as useEffect46 } from "react";
 import { Box as Box34, Stack as Stack116, Text as Text90, Paper as Paper15, Group as Group52 } from "@mantine/core";
 function VisualizationBlock({ block, editor }) {
   const { visualizationRenderer } = useBlocknoteContext();
   const { vizType, config, title, preferences } = block.props;
   const containerRef = useRef11(null);
-  const [hasValidDimensions, setHasValidDimensions] = useState59(false);
+  const [hasValidDimensions, setHasValidDimensions] = useState60(false);
   useEffect46(() => {
     const container = containerRef.current;
     if (!container) return;
@@ -16905,11 +16984,11 @@ import { Badge as Badge23, Group as Group53, Stack as Stack117, Text as Text91 }
 import React167, { useCallback as useCallback43 } from "react";
 
 // src/mantine/blocks/domainCreator/template/GeneralTab.tsx
-import React166, { useEffect as useEffect47, useState as useState60 } from "react";
+import React166, { useEffect as useEffect47, useState as useState61 } from "react";
 var GeneralTab9 = ({ title, description, icon, onTitleChange, onDescriptionChange, onIconChange }) => {
-  const [localTitle, setLocalTitle] = useState60(title || "");
-  const [localDescription, setLocalDescription] = useState60(description || "");
-  const [localIcon, setLocalIcon] = useState60(icon || "file-text");
+  const [localTitle, setLocalTitle] = useState61(title || "");
+  const [localDescription, setLocalDescription] = useState61(description || "");
+  const [localIcon, setLocalIcon] = useState61(icon || "file-text");
   useEffect47(() => setLocalTitle(title || ""), [title]);
   useEffect47(() => setLocalDescription(description || ""), [description]);
   useEffect47(() => setLocalIcon(icon || "file-text"), [icon]);
@@ -17008,12 +17087,12 @@ var DomainCreatorTemplateView = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/domainCreator/flow/FlowView.tsx
-import React170, { useCallback as useCallback45, useMemo as useMemo52, useState as useState62 } from "react";
+import React170, { useCallback as useCallback45, useMemo as useMemo52, useState as useState63 } from "react";
 import { ActionIcon as ActionIcon28, Badge as Badge24, Group as Group55, Stack as Stack119, Text as Text93, Tooltip as Tooltip16 } from "@mantine/core";
 import { IconChevronRight as IconChevronRight6, IconCheck as IconCheck6, IconAlertCircle as IconAlertCircle9 } from "@tabler/icons-react";
 
 // src/mantine/blocks/domainCreator/flow/DomainCreatorSurveyPanel.tsx
-import React169, { useCallback as useCallback44, useEffect as useEffect48, useMemo as useMemo51, useRef as useRef12, useState as useState61 } from "react";
+import React169, { useCallback as useCallback44, useEffect as useEffect48, useMemo as useMemo51, useRef as useRef12, useState as useState62 } from "react";
 import { Alert as Alert23, Button as Button32, Group as Group54, Loader as Loader21, Stack as Stack118, Text as Text92 } from "@mantine/core";
 import { useDebouncedCallback } from "@mantine/hooks";
 import { IconAlertCircle as IconAlertCircle8, IconCheck as IconCheck5 } from "@tabler/icons-react";
@@ -18074,10 +18153,10 @@ var DomainCreatorSurveyPanel = ({ editor, block, onComplete, entityDid: existing
   const { handlers } = useBlocknoteContext();
   const existingBlockEntityDid = block.props.entityDid;
   const existingBlockEntityType = block.props.entityType;
-  const [flowStep, setFlowStep] = useState61(existingBlockEntityDid ? "success" : "survey");
-  const [error, setError] = useState61(null);
-  const [createdEntityDid, setCreatedEntityDid] = useState61(existingBlockEntityDid || null);
-  const [createdEntityType, setCreatedEntityType] = useState61(existingBlockEntityType || null);
+  const [flowStep, setFlowStep] = useState62(existingBlockEntityDid ? "success" : "survey");
+  const [error, setError] = useState62(null);
+  const [createdEntityDid, setCreatedEntityDid] = useState62(existingBlockEntityDid || null);
+  const [createdEntityType, setCreatedEntityType] = useState62(existingBlockEntityType || null);
   const isUpdatingFromProp = useRef12(false);
   const lastSyncedAnswers = useRef12("");
   const surveyModel = useMemo51(() => {
@@ -18310,8 +18389,8 @@ var DomainCreatorSurveyPanel = ({ editor, block, onComplete, entityDid: existing
 // src/mantine/blocks/domainCreator/flow/FlowView.tsx
 var DOMAIN_CREATOR_FLOW_PANEL_ID = "domain-creator-flow-panel";
 var DomainCreatorFlowView = ({ editor, block }) => {
-  const [hasOpened, setHasOpened] = useState62(false);
-  const [submissionStatus, setSubmissionStatus] = useState62("idle");
+  const [hasOpened, setHasOpened] = useState63(false);
+  const [submissionStatus, setSubmissionStatus] = useState63("idle");
   const lastSubmission = block.props.lastSubmission ? JSON.parse(block.props.lastSubmission) : null;
   const hasExistingSubmission = lastSubmission?.entityDid;
   const handleComplete = useCallback45(
@@ -18402,20 +18481,20 @@ import { Badge as Badge26, Group as Group57, Stack as Stack122, Text as Text96 }
 import React175, { useCallback as useCallback48, useMemo as useMemo54 } from "react";
 
 // src/mantine/blocks/email/template/GeneralTab.tsx
-import React173, { useEffect as useEffect49, useState as useState63, useCallback as useCallback46, useRef as useRef13 } from "react";
+import React173, { useEffect as useEffect49, useState as useState64, useCallback as useCallback46, useRef as useRef13 } from "react";
 import { Divider as Divider14, Loader as Loader22, Select as Select4, Stack as Stack120, Text as Text94 } from "@mantine/core";
 var GeneralTab10 = ({ editor, blockId, getCurrentBlock, onTitleChange, onTemplateChange, onFromChange, onToChange }) => {
   const handlers = useBlocknoteHandlers();
   const block = getCurrentBlock();
   const blockProps = block.props;
-  const [localTitle, setLocalTitle] = useState63(blockProps.title || "");
-  const [localTemplateName, setLocalTemplateName] = useState63(blockProps.templateName || "");
-  const [localFrom, setLocalFrom] = useState63(blockProps.from || "");
-  const [localTo, setLocalTo] = useState63(blockProps.to || "");
-  const [templates, setTemplates] = useState63([]);
-  const [loadingTemplates, setLoadingTemplates] = useState63(false);
-  const [loadingContent, setLoadingContent] = useState63(false);
-  const [error, setError] = useState63(null);
+  const [localTitle, setLocalTitle] = useState64(blockProps.title || "");
+  const [localTemplateName, setLocalTemplateName] = useState64(blockProps.templateName || "");
+  const [localFrom, setLocalFrom] = useState64(blockProps.from || "");
+  const [localTo, setLocalTo] = useState64(blockProps.to || "");
+  const [templates, setTemplates] = useState64([]);
+  const [loadingTemplates, setLoadingTemplates] = useState64(false);
+  const [loadingContent, setLoadingContent] = useState64(false);
+  const [error, setError] = useState64(null);
   useEffect49(() => {
     const currentBlock = getCurrentBlock();
     setLocalTitle(currentBlock.props.title || "");
@@ -18550,7 +18629,7 @@ var GeneralTab10 = ({ editor, blockId, getCurrentBlock, onTitleChange, onTemplat
 };
 
 // src/mantine/blocks/email/template/VariablesTab.tsx
-import React174, { useMemo as useMemo53, useCallback as useCallback47, useState as useState64, useEffect as useEffect50 } from "react";
+import React174, { useMemo as useMemo53, useCallback as useCallback47, useState as useState65, useEffect as useEffect50 } from "react";
 import { Alert as Alert24, Badge as Badge25, Divider as Divider15, Group as Group56, Stack as Stack121, Text as Text95 } from "@mantine/core";
 import { IconInfoCircle as IconInfoCircle4, IconCheck as IconCheck7 } from "@tabler/icons-react";
 var VariablesTab = ({ editor, blockId, getCurrentBlock, onVariablesChange }) => {
@@ -18570,7 +18649,7 @@ var VariablesTab = ({ editor, blockId, getCurrentBlock, onVariablesChange }) =>
       return {};
     }
   }, [blockProps.variables]);
-  const [localMapping, setLocalMapping] = useState64(parsedVariableMapping);
+  const [localMapping, setLocalMapping] = useState65(parsedVariableMapping);
   useEffect50(() => {
     const currentBlock = getCurrentBlock();
     try {
@@ -18707,15 +18786,15 @@ var EmailTemplateView = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/email/flow/FlowView.tsx
-import React177 from "react";
-import { Alert as Alert25, Badge as Badge27, Button as Button33, Group as Group58, Loader as Loader23, Stack as Stack123, Text as Text97, Tooltip as Tooltip17 } from "@mantine/core";
-import { IconMail as IconMail4, IconSend as IconSend4, IconAlertCircle as IconAlertCircle10, IconCheck as IconCheck8, IconRefresh as IconRefresh7 } from "@tabler/icons-react";
+import React177, { useMemo as useMemo56 } from "react";
+import { Group as Group58, Stack as Stack123, Text as Text97, ActionIcon as ActionIcon29, Tooltip as Tooltip17, Button as Button33, Badge as Badge27, Alert as Alert25, Loader as Loader23, Divider as Divider16 } from "@mantine/core";
+import { IconSend as IconSend4, IconCheck as IconCheck8, IconX as IconX10 } from "@tabler/icons-react";
 
 // src/mantine/blocks/email/flow/hooks/useEmailActions.ts
-import { useState as useState65, useCallback as useCallback49 } from "react";
+import { useState as useState66, useCallback as useCallback49 } from "react";
 function useEmailActions({ block, editor }) {
   const handlers = useBlocknoteHandlers();
-  const [loading, setLoading] = useState65(false);
+  const [loading, setLoading] = useState66(false);
   const updateBlockStatus = useCallback49(
     (updates) => {
       editor.updateBlock(block, {
@@ -18810,61 +18889,68 @@ function useEmailActions({ block, editor }) {
 }
 
 // src/mantine/blocks/email/flow/FlowView.tsx
-function formatTime2(isoString) {
-  try {
-    const date = new Date(isoString);
-    return date.toLocaleString();
-  } catch {
-    return isoString;
-  }
-}
 var EmailFlowView = ({ editor, block, isDisabled }) => {
   const disabled = isDisabled?.isDisabled === "disable";
+  const { closePanel } = usePanelStore();
+  const assignmentPanelContent = useMemo56(
+    () => /* @__PURE__ */ React177.createElement(BaseRightPanelLayout, { onClose: closePanel, title: "Assignment Tab" }, /* @__PURE__ */ React177.createElement(AssignmentTab, { editor, block })),
+    [editor, block]
+  );
+  const assignmentPanelId = `email-assignment-panel-${block.id}`;
+  const { open: openAssignment } = usePanel(assignmentPanelId, assignmentPanelContent);
+  const detailsPanelContent = useMemo56(() => /* @__PURE__ */ React177.createElement(EmailDetailsPanel, { editor, block, onClose: closePanel }), [editor, block]);
+  const detailsPanelId = `email-details-panel-${block.id}`;
+  const { open: openDetails } = usePanel(detailsPanelId, detailsPanelContent);
   const { sendEmail, resetStatus, loading } = useEmailActions({ block, editor });
   const status = block.props.status || "idle";
   const editorDocument = editor.document || [];
   const toDisplay = resolveReferences(block.props.to, editorDocument);
-  const subjectDisplay = resolveReferences(block.props.subject, editorDocument);
-  const getStatusColor2 = () => {
-    switch (status) {
-      case "sending":
-        return "blue";
+  const getStatusColor2 = (s) => {
+    switch (s) {
       case "sent":
         return "green";
       case "error":
         return "red";
-      default:
-        return "gray";
-    }
-  };
-  const getStatusText = () => {
-    switch (status) {
       case "sending":
-        return "Sending...";
-      case "sent":
-        return `Sent ${block.props.lastSentAt ? formatTime2(block.props.lastSentAt) : ""}`;
-      case "error":
-        return "Failed";
-      default:
-        return "Ready";
-    }
-  };
-  const getStatusIcon = () => {
-    switch (status) {
-      case "sending":
-        return /* @__PURE__ */ React177.createElement(Loader23, { size: 14 });
-      case "sent":
-        return /* @__PURE__ */ React177.createElement(IconCheck8, { size: 14 });
-      case "error":
-        return /* @__PURE__ */ React177.createElement(IconAlertCircle10, { size: 14 });
+        return "blue";
       default:
-        return /* @__PURE__ */ React177.createElement(IconMail4, { size: 14 });
+        return "gray";
     }
   };
   const canSend = !disabled && !loading && block.props.templateName && block.props.to && block.props.from;
-  const sendButton = /* @__PURE__ */ React177.createElement(Button33, { leftSection: loading ? /* @__PURE__ */ React177.createElement(Loader23, { size: "xs", color: "white" }) : /* @__PURE__ */ React177.createElement(IconSend4, { size: 16 }), onClick: sendEmail, disabled: !canSend, loading, size: "sm" }, block.props.buttonLabel || "Send Email");
-  return /* @__PURE__ */ React177.createElement(BaseContainer, null, /* @__PURE__ */ React177.createElement(Stack123, { gap: "sm" }, /* @__PURE__ */ React177.createElement(Group58, { justify: "space-between", wrap: "nowrap" }, /* @__PURE__ */ React177.createElement(Group58, { wrap: "nowrap" }, /* @__PURE__ */ React177.createElement(IconMail4, { size: 20, style: { color: "var(--mantine-color-blue-6)" } }), /* @__PURE__ */ React177.createElement(Text97, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Send Email")), /* @__PURE__ */ React177.createElement(Badge27, { color: getStatusColor2(), leftSection: getStatusIcon(), size: "sm" }, getStatusText())), block.props.description && /* @__PURE__ */ React177.createElement(Text97, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description), /* @__PURE__ */ React177.createElement(Stack123, { gap: 4 }, /* @__PURE__ */ React177.createElement(Text97, { size: "xs", contentEditable: false }, /* @__PURE__ */ React177.createElement(Text97, { span: true, fw: 500 }, "To:"), " ", toDisplay || /* @__PURE__ */ React177.createElement(Text97, { span: true, c: "orange" }, "Not configured")), /* @__PURE__ */ React177.createElement(Text97, { size: "xs", contentEditable: false }, /* @__PURE__ */ React177.createElement(Text97, { span: true, fw: 500 }, "Subject:"), " ", subjectDisplay || /* @__PURE__ */ React177.createElement(Text97, { span: true, c: "dimmed" }, "No subject"))), status === "error" && block.props.error && /* @__PURE__ */ React177.createElement(Alert25, { color: "red", icon: /* @__PURE__ */ React177.createElement(IconAlertCircle10, { size: 16 }), py: "xs" }, block.props.error), /* @__PURE__ */ React177.createElement(Group58, { gap: "sm" }, disabled && isDisabled?.message ? /* @__PURE__ */ React177.createElement(Tooltip17, { label: isDisabled.message, position: "top", withArrow: true }, sendButton) : sendButton, status === "error" && /* @__PURE__ */ React177.createElement(Button33, { variant: "light", color: "gray", size: "sm", leftSection: /* @__PURE__ */ React177.createElement(IconRefresh7, { size: 16 }), onClick: resetStatus }, "Reset"), status === "sent" && /* @__PURE__ */ React177.createElement(Button33, { variant: "light", color: "blue", size: "sm", leftSection: /* @__PURE__ */ React177.createElement(IconRefresh7, { size: 16 }), onClick: resetStatus }, "Send Again")), status === "sent" && block.props.lastMessageId && /* @__PURE__ */ React177.createElement(Text97, { size: "xs", c: "dimmed", contentEditable: false }, "Message ID: ", block.props.lastMessageId)));
+  const sendButton = /* @__PURE__ */ React177.createElement(
+    Button33,
+    {
+      size: "sm",
+      variant: "light",
+      color: "blue",
+      leftSection: loading ? /* @__PURE__ */ React177.createElement(Loader23, { size: 14 }) : status === "sent" ? /* @__PURE__ */ React177.createElement(IconCheck8, { size: 14 }) : /* @__PURE__ */ React177.createElement(IconSend4, { size: 14 }),
+      onClick: sendEmail,
+      disabled: !canSend,
+      style: { flexShrink: 0 }
+    },
+    loading ? "Sending..." : status === "sent" ? "Sent" : block.props.buttonLabel || "Send"
+  );
+  return /* @__PURE__ */ React177.createElement(BaseContainer, { onClick: openDetails }, /* @__PURE__ */ React177.createElement(Stack123, { gap: "md" }, /* @__PURE__ */ React177.createElement(Group58, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React177.createElement(Group58, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, getIcon("mail", block.props.icon), /* @__PURE__ */ React177.createElement(Stack123, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React177.createElement(Group58, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React177.createElement(Badge27, { size: "sm", variant: "filled", color: "blue" }, "EMAIL"), /* @__PURE__ */ React177.createElement(Text97, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Send Email"), status !== "idle" && /* @__PURE__ */ React177.createElement(Badge27, { size: "xs", variant: "dot", color: getStatusColor2(status) }, status)), /* @__PURE__ */ React177.createElement(Text97, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, toDisplay ? `To: ${toDisplay}` : "No recipient configured"), block.props.description && /* @__PURE__ */ React177.createElement(Text97, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React177.createElement(Group58, { gap: "xs", style: { flexShrink: 0 }, onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React177.createElement(AssignmentDisplay, { block, onClick: openAssignment }), disabled && isDisabled?.message ? /* @__PURE__ */ React177.createElement(Tooltip17, { label: isDisabled.message, position: "left", withArrow: true }, sendButton) : sendButton, status === "sent" && /* @__PURE__ */ React177.createElement(Tooltip17, { label: "Send again", position: "top", withArrow: true }, /* @__PURE__ */ React177.createElement(ActionIcon29, { variant: "light", color: "blue", onClick: resetStatus }, /* @__PURE__ */ React177.createElement(IconSend4, { size: 14 }))))), status === "error" && block.props.error && /* @__PURE__ */ React177.createElement(Alert25, { color: "red", icon: /* @__PURE__ */ React177.createElement(IconX10, { size: 16 }), title: "Failed to send", styles: { message: { fontSize: "12px" } } }, block.props.error)));
 };
+function EmailDetailsPanel({ editor, block, onClose }) {
+  const editorDocument = editor.document || [];
+  const toDisplay = resolveReferences(block.props.to, editorDocument);
+  const subjectDisplay = resolveReferences(block.props.subject, editorDocument);
+  const fromDisplay = block.props.from ? resolveReferences(block.props.from, editorDocument) : "";
+  const ccDisplay = block.props.cc ? resolveReferences(block.props.cc, editorDocument) : "";
+  const bccDisplay = block.props.bcc ? resolveReferences(block.props.bcc, editorDocument) : "";
+  const replyToDisplay = block.props.replyTo ? resolveReferences(block.props.replyTo, editorDocument) : "";
+  let variables = {};
+  try {
+    variables = JSON.parse(block.props.variables || "{}");
+  } catch {
+  }
+  return /* @__PURE__ */ React177.createElement(BaseRightPanelLayout, { onClose, title: "Email Details" }, /* @__PURE__ */ React177.createElement(Stack123, { gap: "lg", py: "md" }, /* @__PURE__ */ React177.createElement(Stack123, { gap: "xs" }, /* @__PURE__ */ React177.createElement(Text97, { size: "sm", fw: 600 }, "Recipients"), /* @__PURE__ */ React177.createElement(DetailRow, { label: "To", value: toDisplay }), fromDisplay && /* @__PURE__ */ React177.createElement(DetailRow, { label: "From", value: fromDisplay }), ccDisplay && /* @__PURE__ */ React177.createElement(DetailRow, { label: "CC", value: ccDisplay }), bccDisplay && /* @__PURE__ */ React177.createElement(DetailRow, { label: "BCC", value: bccDisplay }), replyToDisplay && /* @__PURE__ */ React177.createElement(DetailRow, { label: "Reply-To", value: replyToDisplay })), /* @__PURE__ */ React177.createElement(Divider16, null), /* @__PURE__ */ React177.createElement(Stack123, { gap: "xs" }, /* @__PURE__ */ React177.createElement(Text97, { size: "sm", fw: 600 }, "Subject"), /* @__PURE__ */ React177.createElement(Text97, { size: "sm", c: subjectDisplay ? void 0 : "dimmed" }, subjectDisplay || "No subject")), /* @__PURE__ */ React177.createElement(Divider16, null), /* @__PURE__ */ React177.createElement(Stack123, { gap: "xs" }, /* @__PURE__ */ React177.createElement(Text97, { size: "sm", fw: 600 }, "Template"), /* @__PURE__ */ React177.createElement(DetailRow, { label: "Name", value: block.props.templateName, placeholder: "Not selected" }), block.props.templateVersion && /* @__PURE__ */ React177.createElement(DetailRow, { label: "Version", value: block.props.templateVersion })), Object.keys(variables).length > 0 && /* @__PURE__ */ React177.createElement(React177.Fragment, null, /* @__PURE__ */ React177.createElement(Divider16, null), /* @__PURE__ */ React177.createElement(Stack123, { gap: "xs" }, /* @__PURE__ */ React177.createElement(Text97, { size: "sm", fw: 600 }, "Variables"), Object.entries(variables).map(([key, value]) => /* @__PURE__ */ React177.createElement(DetailRow, { key, label: key, value: resolveReferences(value, editorDocument) })))), block.props.status && block.props.status !== "idle" && /* @__PURE__ */ React177.createElement(React177.Fragment, null, /* @__PURE__ */ React177.createElement(Divider16, null), /* @__PURE__ */ React177.createElement(Stack123, { gap: "xs" }, /* @__PURE__ */ React177.createElement(Text97, { size: "sm", fw: 600 }, "Status"), /* @__PURE__ */ React177.createElement(DetailRow, { label: "Status", value: block.props.status }), block.props.lastSentAt && /* @__PURE__ */ React177.createElement(DetailRow, { label: "Last sent", value: new Date(block.props.lastSentAt).toLocaleString() }), block.props.lastMessageId && /* @__PURE__ */ React177.createElement(DetailRow, { label: "Message ID", value: block.props.lastMessageId }), block.props.error && /* @__PURE__ */ React177.createElement(Text97, { size: "xs", c: "red" }, block.props.error)))));
+}
+function DetailRow({ label, value, placeholder }) {
+  return /* @__PURE__ */ React177.createElement(Group58, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React177.createElement(Text97, { size: "xs", fw: 500, c: "dimmed", style: { minWidth: 70 } }, label, ":"), /* @__PURE__ */ React177.createElement(Text97, { size: "xs", c: value ? void 0 : "dimmed", lineClamp: 1, style: { flex: 1 } }, value || placeholder || "\u2014"));
+}
 
 // src/mantine/blocks/email/EmailBlock.tsx
 function EmailBlock({ editor, block }) {
@@ -18948,19 +19034,19 @@ import { createReactBlockSpec as createReactBlockSpec15 } from "@blocknote/react
 import React186 from "react";
 
 // src/mantine/blocks/protocolSelector/template/TemplateView.tsx
-import React182, { useMemo as useMemo57 } from "react";
+import React182, { useMemo as useMemo58 } from "react";
 
 // src/mantine/blocks/protocolSelector/template/TemplateConfig.tsx
 import React181, { useCallback as useCallback50 } from "react";
 
 // src/mantine/blocks/protocolSelector/template/GeneralTab.tsx
-import React180, { useEffect as useEffect51, useMemo as useMemo56, useState as useState66 } from "react";
-import { Divider as Divider16, Stack as Stack124, Text as Text98, PillsInput as PillsInput2, Pill as Pill2, Box as Box35 } from "@mantine/core";
+import React180, { useEffect as useEffect51, useMemo as useMemo57, useState as useState67 } from "react";
+import { Divider as Divider17, Stack as Stack124, Text as Text98, PillsInput as PillsInput2, Pill as Pill2, Box as Box35 } from "@mantine/core";
 var GeneralTab11 = ({ title, description, protocolDids, onTitleChange, onDescriptionChange, onProtocolDidsChange }) => {
-  const [localTitle, setLocalTitle] = useState66(title || "");
-  const [localDescription, setLocalDescription] = useState66(description || "");
-  const [inputValue, setInputValue] = useState66("");
-  const localDids = useMemo56(() => {
+  const [localTitle, setLocalTitle] = useState67(title || "");
+  const [localDescription, setLocalDescription] = useState67(description || "");
+  const [inputValue, setInputValue] = useState67("");
+  const localDids = useMemo57(() => {
     try {
       const parsed = JSON.parse(protocolDids || "[]");
       return Array.isArray(parsed) ? parsed : [];
@@ -19010,7 +19096,7 @@ var GeneralTab11 = ({ title, description, protocolDids, onTitleChange, onDescrip
         onDescriptionChange(newDescription);
       }
     }
-  )), /* @__PURE__ */ React180.createElement(Divider16, { variant: "dashed" }), /* @__PURE__ */ React180.createElement(Stack124, { gap: "xs" }, /* @__PURE__ */ React180.createElement(Text98, { size: "sm", fw: 600 }, "Protocol DIDs"), /* @__PURE__ */ React180.createElement(Text98, { size: "xs", c: "dimmed" }, "Add the protocol DIDs that users can select from. Enter a DID and press Enter to add it."), /* @__PURE__ */ React180.createElement(PillsInput2, null, /* @__PURE__ */ React180.createElement(Pill2.Group, null, localDids.map((did) => /* @__PURE__ */ React180.createElement(Pill2, { key: did, withRemoveButton: true, onRemove: () => handleRemoveDid(did) }, did.length > 30 ? `${did.slice(0, 15)}...${did.slice(-12)}` : did)), /* @__PURE__ */ React180.createElement(
+  )), /* @__PURE__ */ React180.createElement(Divider17, { variant: "dashed" }), /* @__PURE__ */ React180.createElement(Stack124, { gap: "xs" }, /* @__PURE__ */ React180.createElement(Text98, { size: "sm", fw: 600 }, "Protocol DIDs"), /* @__PURE__ */ React180.createElement(Text98, { size: "xs", c: "dimmed" }, "Add the protocol DIDs that users can select from. Enter a DID and press Enter to add it."), /* @__PURE__ */ React180.createElement(PillsInput2, null, /* @__PURE__ */ React180.createElement(Pill2.Group, null, localDids.map((did) => /* @__PURE__ */ React180.createElement(Pill2, { key: did, withRemoveButton: true, onRemove: () => handleRemoveDid(did) }, did.length > 30 ? `${did.slice(0, 15)}...${did.slice(-12)}` : did)), /* @__PURE__ */ React180.createElement(
     PillsInput2.Field,
     {
       placeholder: localDids.length === 0 ? "Enter protocol DID and press Enter" : "",
@@ -19071,9 +19157,9 @@ import { IconCircleDashed as IconCircleDashed2 } from "@tabler/icons-react";
 var PROTOCOL_SELECTOR_TEMPLATE_PANEL_ID = "protocol-selector-template-panel";
 var ProtocolSelectorTemplateView = ({ editor, block }) => {
   const panelId = `${PROTOCOL_SELECTOR_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo57(() => /* @__PURE__ */ React182.createElement(TemplateConfig11, { editor, block }), [editor, block]);
+  const panelContent = useMemo58(() => /* @__PURE__ */ React182.createElement(TemplateConfig11, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
-  const protocolDids = useMemo57(() => {
+  const protocolDids = useMemo58(() => {
     try {
       const parsed = JSON.parse(block.props.protocolDids || "[]");
       return Array.isArray(parsed) ? parsed : [];
@@ -19099,12 +19185,12 @@ var ProtocolSelectorTemplateView = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/protocolSelector/flow/FlowView.tsx
-import React185, { useMemo as useMemo59 } from "react";
+import React185, { useMemo as useMemo60 } from "react";
 import { Badge as Badge28, Box as Box38, Group as Group61, Stack as Stack127, Text as Text101, Tooltip as Tooltip18 } from "@mantine/core";
 import { IconCircleDashed as IconCircleDashed3, IconChecks } from "@tabler/icons-react";
 
 // src/mantine/blocks/protocolSelector/flow/ProtocolSelectionPanel.tsx
-import React184, { useState as useState67, useEffect as useEffect52, useMemo as useMemo58, useCallback as useCallback51 } from "react";
+import React184, { useState as useState68, useEffect as useEffect52, useMemo as useMemo59, useCallback as useCallback51 } from "react";
 import { Stack as Stack126, Text as Text100, Box as Box37, Group as Group60, Loader as Loader24 } from "@mantine/core";
 
 // src/icons/EntityAvatar.tsx
@@ -19134,7 +19220,7 @@ var EntityAvatar_default = EntityAvatar;
 var ProtocolSelectionPanel = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
   const handlers = useBlocknoteHandlers();
-  const protocolDids = useMemo58(() => {
+  const protocolDids = useMemo59(() => {
     try {
       const parsed = JSON.parse(block.props.protocolDids || "[]");
       return Array.isArray(parsed) ? parsed : [];
@@ -19142,7 +19228,7 @@ var ProtocolSelectionPanel = ({ editor, block }) => {
       return [];
     }
   }, [block.props.protocolDids]);
-  const [protocols, setProtocols] = useState67([]);
+  const [protocols, setProtocols] = useState68([]);
   useEffect52(() => {
     if (protocolDids.length === 0) {
       setProtocols([]);
@@ -19257,7 +19343,7 @@ var ProtocolSelectorFlowView = ({ editor, block, isDisabled }) => {
   const disabled = isDisabled?.isDisabled === "disable";
   const panelId = `${PROTOCOL_SELECTOR_FLOW_PANEL_ID}-${block.id}`;
   const isCompleted = block.props.status === "completed" && block.props.selectedProtocolDid;
-  const panelContent = useMemo59(() => /* @__PURE__ */ React185.createElement(ProtocolSelectionPanel, { editor, block }), [editor, block]);
+  const panelContent = useMemo60(() => /* @__PURE__ */ React185.createElement(ProtocolSelectionPanel, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const handleClick = () => {
     if (disabled) return;
@@ -19362,7 +19448,7 @@ import { createReactBlockSpec as createReactBlockSpec16 } from "@blocknote/react
 import React193 from "react";
 
 // src/mantine/blocks/form/template/TemplateView.tsx
-import React190, { useMemo as useMemo60 } from "react";
+import React190, { useMemo as useMemo61 } from "react";
 import { Badge as Badge29, Group as Group62, Stack as Stack128, Text as Text103 } from "@mantine/core";
 
 // src/mantine/blocks/form/template/TemplateConfig.tsx
@@ -19370,14 +19456,14 @@ import React189, { useCallback as useCallback52 } from "react";
 import { Paper as Paper16, CloseButton as CloseButton6, Title as Title9 } from "@mantine/core";
 
 // src/mantine/blocks/form/template/GeneralTab.tsx
-import React188, { useEffect as useEffect53, useState as useState68 } from "react";
+import React188, { useEffect as useEffect53, useState as useState69 } from "react";
 import { Text as Text102 } from "@mantine/core";
 var GeneralTab12 = ({ title, description, icon, surveySchema, onTitleChange, onDescriptionChange, onIconChange, onSurveySchemaChange }) => {
-  const [localTitle, setLocalTitle] = useState68(title || "");
-  const [localDescription, setLocalDescription] = useState68(description || "");
-  const [localIcon, setLocalIcon] = useState68(icon || "checklist");
-  const [localSchema, setLocalSchema] = useState68(surveySchema || "");
-  const [schemaError, setSchemaError] = useState68(null);
+  const [localTitle, setLocalTitle] = useState69(title || "");
+  const [localDescription, setLocalDescription] = useState69(description || "");
+  const [localIcon, setLocalIcon] = useState69(icon || "checklist");
+  const [localSchema, setLocalSchema] = useState69(surveySchema || "");
+  const [schemaError, setSchemaError] = useState69(null);
   useEffect53(() => setLocalTitle(title || ""), [title]);
   useEffect53(() => setLocalDescription(description || ""), [description]);
   useEffect53(() => setLocalIcon(icon || "checklist"), [icon]);
@@ -19518,22 +19604,22 @@ var TemplateConfig12 = ({ editor, block }) => {
 var FORM_TEMPLATE_PANEL_ID = "form-template-panel";
 var FormTemplateView = ({ editor, block }) => {
   const panelId = `${FORM_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo60(() => /* @__PURE__ */ React190.createElement(TemplateConfig12, { editor, block }), [editor, block]);
+  const panelContent = useMemo61(() => /* @__PURE__ */ React190.createElement(TemplateConfig12, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const hasSchema = Boolean(block.props.surveySchema);
   return /* @__PURE__ */ React190.createElement(BaseContainer, { onClick: open }, /* @__PURE__ */ React190.createElement(Badge29, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React190.createElement(Group62, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React190.createElement(Group62, { wrap: "nowrap", align: "center" }, getIcon("checklist", block.props.icon), /* @__PURE__ */ React190.createElement(Stack128, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React190.createElement(Text103, { fw: 500, size: "sm" }, block.props.title || "Form"), /* @__PURE__ */ React190.createElement(Text103, { size: "xs", c: "dimmed" }, hasSchema ? "Form configured" : "Click to configure form schema")))));
 };
 
 // src/mantine/blocks/form/flow/FlowView.tsx
-import React192, { useMemo as useMemo62, useState as useState69, useCallback as useCallback54 } from "react";
-import { ActionIcon as ActionIcon29, Badge as Badge30, Group as Group63, Stack as Stack129, Text as Text105, Tooltip as Tooltip19 } from "@mantine/core";
+import React192, { useMemo as useMemo63, useState as useState70, useCallback as useCallback54 } from "react";
+import { ActionIcon as ActionIcon30, Badge as Badge30, Group as Group63, Stack as Stack129, Text as Text105, Tooltip as Tooltip19 } from "@mantine/core";
 import { IconChevronRight as IconChevronRight7 } from "@tabler/icons-react";
 
 // src/mantine/blocks/form/flow/FormPanel.tsx
-import React191, { useCallback as useCallback53, useEffect as useEffect54, useMemo as useMemo61, useRef as useRef14 } from "react";
+import React191, { useCallback as useCallback53, useEffect as useEffect54, useMemo as useMemo62, useRef as useRef14 } from "react";
 import { Alert as Alert26, Text as Text104 } from "@mantine/core";
 import { useDebouncedCallback as useDebouncedCallback2 } from "@mantine/hooks";
-import { IconAlertCircle as IconAlertCircle11 } from "@tabler/icons-react";
+import { IconAlertCircle as IconAlertCircle10 } from "@tabler/icons-react";
 import { Survey as Survey6, SurveyModel as SurveyModel6 } from "@ixo/surveys";
 var SYNC_DEBOUNCE_MS2 = 300;
 function deepEqual2(a, b) {
@@ -19557,7 +19643,7 @@ var FormPanel = ({ editor, block, onComplete }) => {
   const { closePanel } = usePanelStore();
   const isUpdatingFromProp = useRef14(false);
   const lastSyncedAnswers = useRef14("");
-  const surveySchema = useMemo61(() => {
+  const surveySchema = useMemo62(() => {
     if (!block.props.surveySchema) return null;
     try {
       return JSON.parse(block.props.surveySchema);
@@ -19565,7 +19651,7 @@ var FormPanel = ({ editor, block, onComplete }) => {
       return null;
     }
   }, [block.props.surveySchema]);
-  const surveyModel = useMemo61(() => {
+  const surveyModel = useMemo62(() => {
     if (!surveySchema) return null;
     const model = new SurveyModel6(surveySchema);
     model.applyTheme(surveyTheme);
@@ -19651,7 +19737,7 @@ var FormPanel = ({ editor, block, onComplete }) => {
     closePanel();
   }, [closePanel]);
   if (!surveySchema) {
-    return /* @__PURE__ */ React191.createElement(BaseRightPanelLayout, { title: block.props.title || "Form", onClose: handleClose }, /* @__PURE__ */ React191.createElement(Alert26, { icon: /* @__PURE__ */ React191.createElement(IconAlertCircle11, { size: 16 }), title: "Form Not Configured", color: "yellow" }, /* @__PURE__ */ React191.createElement(Text104, { size: "sm" }, "No survey schema has been configured for this form. Please configure it in template mode.")));
+    return /* @__PURE__ */ React191.createElement(BaseRightPanelLayout, { title: block.props.title || "Form", onClose: handleClose }, /* @__PURE__ */ React191.createElement(Alert26, { icon: /* @__PURE__ */ React191.createElement(IconAlertCircle10, { size: 16 }), title: "Form Not Configured", color: "yellow" }, /* @__PURE__ */ React191.createElement(Text104, { size: "sm" }, "No survey schema has been configured for this form. Please configure it in template mode.")));
   }
   return /* @__PURE__ */ React191.createElement(
     BaseRightPanelLayout,
@@ -19667,7 +19753,7 @@ var FormPanel = ({ editor, block, onComplete }) => {
 // src/mantine/blocks/form/flow/FlowView.tsx
 var FORM_FLOW_PANEL_ID = "form-flow-panel";
 var FormFlowView = ({ editor, block }) => {
-  const [hasOpened, setHasOpened] = useState69(false);
+  const [hasOpened, setHasOpened] = useState70(false);
   const status = block.props.status || "pending";
   const isCompleted = status === "completed";
   const handleComplete = useCallback54(() => {
@@ -19680,7 +19766,7 @@ var FormFlowView = ({ editor, block }) => {
     });
   }, [editor, block]);
   const panelId = `${FORM_FLOW_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo62(() => /* @__PURE__ */ React192.createElement(FormPanel, { editor, block, onComplete: handleComplete }), [editor, block, handleComplete]);
+  const panelContent = useMemo63(() => /* @__PURE__ */ React192.createElement(FormPanel, { editor, block, onComplete: handleComplete }), [editor, block, handleComplete]);
   const { open } = usePanel(panelId, panelContent);
   const handleOpen = () => {
     setHasOpened(true);
@@ -19717,7 +19803,7 @@ var FormFlowView = ({ editor, block }) => {
   )), /* @__PURE__ */ React192.createElement(Text105, { size: "xs", c: "dimmed", lineClamp: 2 }, isCompleted ? `Completed on ${new Date(block.props.completedAt).toLocaleDateString()}` : (
     // : block.props.description || (hasSchema ? 'Click to fill out the form' : 'Form not configured')}
     hasSchema ? "Click to fill out the form" : "Form not configured"
-  )))), /* @__PURE__ */ React192.createElement(Tooltip19, { label: isCompleted ? "View form" : "Fill form", withArrow: true }, /* @__PURE__ */ React192.createElement(ActionIcon29, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React192.createElement(IconChevronRight7, { size: 18 })))));
+  )))), /* @__PURE__ */ React192.createElement(Tooltip19, { label: isCompleted ? "View form" : "Fill form", withArrow: true }, /* @__PURE__ */ React192.createElement(ActionIcon30, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React192.createElement(IconChevronRight7, { size: 18 })))));
 };
 
 // src/mantine/blocks/form/FormBlock.tsx
@@ -19760,18 +19846,18 @@ import { createReactBlockSpec as createReactBlockSpec17 } from "@blocknote/react
 import React201 from "react";
 
 // src/mantine/blocks/domainCreatorSign/template/TemplateView.tsx
-import React197, { useMemo as useMemo63 } from "react";
+import React197, { useMemo as useMemo64 } from "react";
 import { Badge as Badge31, Group as Group64, Stack as Stack130, Text as Text106 } from "@mantine/core";
 
 // src/mantine/blocks/domainCreatorSign/template/TemplateConfig.tsx
 import React196, { useCallback as useCallback55 } from "react";
 
 // src/mantine/blocks/domainCreatorSign/template/GeneralTab.tsx
-import React195, { useEffect as useEffect55, useState as useState70 } from "react";
+import React195, { useEffect as useEffect55, useState as useState71 } from "react";
 var GeneralTab13 = ({ title, description, icon, onTitleChange, onDescriptionChange, onIconChange }) => {
-  const [localTitle, setLocalTitle] = useState70(title || "");
-  const [localDescription, setLocalDescription] = useState70(description || "");
-  const [localIcon, setLocalIcon] = useState70(icon || "file-text");
+  const [localTitle, setLocalTitle] = useState71(title || "");
+  const [localDescription, setLocalDescription] = useState71(description || "");
+  const [localIcon, setLocalIcon] = useState71(icon || "file-text");
   useEffect55(() => setLocalTitle(title || ""), [title]);
   useEffect55(() => setLocalDescription(description || ""), [description]);
   useEffect55(() => setLocalIcon(icon || "file-text"), [icon]);
@@ -19860,11 +19946,11 @@ var DOMAIN_CREATOR_SIGN_TEMPLATE_PANEL_ID = "domain-creator-sign-template-panel"
 var DOMAIN_CREATOR_SIGN_TEMPLATE_ASSIGNMENT_PANEL_ID = "domain-creator-sign-template-assignment-panel";
 var DomainCreatorSignTemplateView = ({ editor, block }) => {
   const panelId = `${DOMAIN_CREATOR_SIGN_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo63(() => /* @__PURE__ */ React197.createElement(TemplateConfig13, { editor, block }), [editor, block]);
+  const panelContent = useMemo64(() => /* @__PURE__ */ React197.createElement(TemplateConfig13, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const { closePanel } = usePanelStore();
   const assignmentPanelId = `${DOMAIN_CREATOR_SIGN_TEMPLATE_ASSIGNMENT_PANEL_ID}-${block.id}`;
-  const assignmentPanelContent = useMemo63(
+  const assignmentPanelContent = useMemo64(
     () => /* @__PURE__ */ React197.createElement(BaseRightPanelLayout, { onClose: closePanel, title: "Assignment Tab" }, /* @__PURE__ */ React197.createElement(AssignmentTab, { editor, block })),
     [editor, block, closePanel]
   );
@@ -19873,14 +19959,14 @@ var DomainCreatorSignTemplateView = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/domainCreatorSign/flow/FlowView.tsx
-import React200, { useCallback as useCallback57, useMemo as useMemo64, useEffect as useEffect56 } from "react";
-import { ActionIcon as ActionIcon30, Badge as Badge33, Group as Group67, Stack as Stack133, Text as Text109, Tooltip as Tooltip21 } from "@mantine/core";
+import React200, { useCallback as useCallback57, useMemo as useMemo65, useEffect as useEffect56 } from "react";
+import { ActionIcon as ActionIcon31, Badge as Badge33, Group as Group67, Stack as Stack133, Text as Text109, Tooltip as Tooltip21 } from "@mantine/core";
 import { IconChevronRight as IconChevronRight8 } from "@tabler/icons-react";
 
 // src/mantine/blocks/domainCreatorSign/flow/SignPanel.tsx
 import { Alert as Alert27, Button as Button34, Group as Group66, Loader as Loader25, Stack as Stack132, Text as Text108 } from "@mantine/core";
-import { IconAlertCircle as IconAlertCircle12, IconCheck as IconCheck9 } from "@tabler/icons-react";
-import React199, { useCallback as useCallback56, useState as useState72 } from "react";
+import { IconAlertCircle as IconAlertCircle11, IconCheck as IconCheck9 } from "@tabler/icons-react";
+import React199, { useCallback as useCallback56, useState as useState73 } from "react";
 
 // src/mantine/blocks/domainCreatorSign/utils/buildLinkedEntityResource.ts
 function parseLinkedEntities2(entitiesString) {
@@ -19903,11 +19989,11 @@ function buildGovernanceGroupLinkedEntities(linkedEntities) {
 // src/mantine/components/Base/BaseSigning.tsx
 import { Badge as Badge32, Box as Box39, Flex as Flex30, Group as Group65, Slider, Stack as Stack131, Tabs as Tabs4, Text as Text107, Tooltip as Tooltip20 } from "@mantine/core";
 import { IconClock as IconClock2, IconFeather as IconFeather2, IconUsers as IconUsers3, IconArrowsExchange as IconArrowsExchange2, IconCalendar as IconCalendar2, IconLeaf as IconLeaf2, IconBolt } from "@tabler/icons-react";
-import React198, { useState as useState71 } from "react";
+import React198, { useState as useState72 } from "react";
 function BaseSigning({ handleSign }) {
-  const [value, setValue] = useState71(23);
-  const [isSigned, setIsSigned] = useState71(false);
-  const [activeTab, setActiveTab] = useState71("agents");
+  const [value, setValue] = useState72(23);
+  const [isSigned, setIsSigned] = useState72(false);
+  const [activeTab, setActiveTab] = useState72("agents");
   const handleSlideEnd = (sliderValue) => {
     if (sliderValue >= 60) {
       setValue(73);
@@ -20021,9 +20107,9 @@ function BaseSigning({ handleSign }) {
 var SignPanel = ({ editor, block, onComplete, onError }) => {
   const { closePanel } = usePanelStore();
   const { handlers } = useBlocknoteContext();
-  const [flowStep, setFlowStep] = useState72(block.props.status === "completed" ? "success" : block.props.status === "error" ? "error" : "ready");
-  const [error, setError] = useState72(block.props.errorMessage || null);
-  const [createdEntityDid, setCreatedEntityDid] = useState72(block.props.entityDid || null);
+  const [flowStep, setFlowStep] = useState73(block.props.status === "completed" ? "success" : block.props.status === "error" ? "error" : "ready");
+  const [error, setError] = useState73(block.props.errorMessage || null);
+  const [createdEntityDid, setCreatedEntityDid] = useState73(block.props.entityDid || null);
   const getDomainCardData = useCallback56(() => {
     try {
       return JSON.parse(block.props.domainCardData || "{}");
@@ -20170,7 +20256,7 @@ var SignPanel = ({ editor, block, onComplete, onError }) => {
     return /* @__PURE__ */ React199.createElement(BaseRightPanelLayout, { onClose: handleClose, title: block.props.title || "Sign to Create" }, /* @__PURE__ */ React199.createElement(Stack132, { gap: "md" }, /* @__PURE__ */ React199.createElement(Alert27, { icon: /* @__PURE__ */ React199.createElement(IconCheck9, { size: 16 }), title: "Domain Created Successfully", color: "green" }, /* @__PURE__ */ React199.createElement(Stack132, { gap: "xs" }, /* @__PURE__ */ React199.createElement(Text108, { size: "sm" }, "Your domain has been created and the Domain Card credential has been signed and stored."), createdEntityDid && /* @__PURE__ */ React199.createElement(Text108, { size: "xs", c: "dimmed" }, "Entity DID: ", createdEntityDid))), /* @__PURE__ */ React199.createElement(Button34, { onClick: handleVisitEntity }, "Visit Entity")));
   }
   if (flowStep === "error") {
-    return /* @__PURE__ */ React199.createElement(BaseRightPanelLayout, { onClose: handleClose, title: block.props.title || "Sign to Create" }, /* @__PURE__ */ React199.createElement(Stack132, { gap: "md" }, /* @__PURE__ */ React199.createElement(Alert27, { icon: /* @__PURE__ */ React199.createElement(IconAlertCircle12, { size: 16 }), title: "Domain Creation Failed", color: "red" }, /* @__PURE__ */ React199.createElement(Text108, { size: "sm" }, error || "An unexpected error occurred")), /* @__PURE__ */ React199.createElement(Group66, null, /* @__PURE__ */ React199.createElement(Button34, { variant: "outline", onClick: handleRetry }, "Try Again"), /* @__PURE__ */ React199.createElement(Button34, { variant: "subtle", onClick: handleClose }, "Close"))));
+    return /* @__PURE__ */ React199.createElement(BaseRightPanelLayout, { onClose: handleClose, title: block.props.title || "Sign to Create" }, /* @__PURE__ */ React199.createElement(Stack132, { gap: "md" }, /* @__PURE__ */ React199.createElement(Alert27, { icon: /* @__PURE__ */ React199.createElement(IconAlertCircle11, { size: 16 }), title: "Domain Creation Failed", color: "red" }, /* @__PURE__ */ React199.createElement(Text108, { size: "sm" }, error || "An unexpected error occurred")), /* @__PURE__ */ React199.createElement(Group66, null, /* @__PURE__ */ React199.createElement(Button34, { variant: "outline", onClick: handleRetry }, "Try Again"), /* @__PURE__ */ React199.createElement(Button34, { variant: "subtle", onClick: handleClose }, "Close"))));
   }
   const domainCardData = getDomainCardData();
   return /* @__PURE__ */ React199.createElement(
@@ -20236,11 +20322,11 @@ var DomainCreatorSignFlowView = ({ editor, block }) => {
     [editor, block]
   );
   const panelId = `${DOMAIN_CREATOR_SIGN_FLOW_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo64(() => /* @__PURE__ */ React200.createElement(SignPanel, { editor, block, onComplete: handleComplete, onError: handleError }), [editor, block, handleComplete, handleError]);
+  const panelContent = useMemo65(() => /* @__PURE__ */ React200.createElement(SignPanel, { editor, block, onComplete: handleComplete, onError: handleError }), [editor, block, handleComplete, handleError]);
   const { open } = usePanel(panelId, panelContent);
   const { closePanel } = usePanelStore();
   const assignmentPanelId = `domain-creator-sign-assignment-${block.id}`;
-  const assignmentPanelContent = useMemo64(
+  const assignmentPanelContent = useMemo65(
     () => /* @__PURE__ */ React200.createElement(BaseRightPanelLayout, { onClose: closePanel, title: "Assignment Tab" }, /* @__PURE__ */ React200.createElement(AssignmentTab, { editor, block })),
     [editor, block, closePanel]
   );
@@ -20280,7 +20366,7 @@ var DomainCreatorSignFlowView = ({ editor, block }) => {
         return "Waiting for domain card data";
     }
   };
-  return /* @__PURE__ */ React200.createElement(BaseContainer, { onClick: isClickable ? handleOpen : void 0, style: { opacity: isClickable ? 1 : 0.7, cursor: isClickable ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React200.createElement(Group67, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React200.createElement(Group67, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("feather", block.props.icon), /* @__PURE__ */ React200.createElement(Stack133, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React200.createElement(Group67, { gap: "xs", align: "center" }, /* @__PURE__ */ React200.createElement(Text109, { fw: 600, size: "sm" }, block.props.title || "Sign to Create"), /* @__PURE__ */ React200.createElement(Badge33, { size: "xs", variant: "filled", color: badgeProps.color, styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } } }, badgeProps.text)), /* @__PURE__ */ React200.createElement(Text109, { size: "xs", c: "dimmed", lineClamp: 2 }, getDescriptionText()))), /* @__PURE__ */ React200.createElement(Group67, null, /* @__PURE__ */ React200.createElement(AssignmentDisplay, { block, onClick: openAssignment }), isClickable && /* @__PURE__ */ React200.createElement(Tooltip21, { label: status === "completed" ? "View details" : "Sign & Create", withArrow: true }, /* @__PURE__ */ React200.createElement(ActionIcon30, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React200.createElement(IconChevronRight8, { size: 18 }))))));
+  return /* @__PURE__ */ React200.createElement(BaseContainer, { onClick: isClickable ? handleOpen : void 0, style: { opacity: isClickable ? 1 : 0.7, cursor: isClickable ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React200.createElement(Group67, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React200.createElement(Group67, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("feather", block.props.icon), /* @__PURE__ */ React200.createElement(Stack133, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React200.createElement(Group67, { gap: "xs", align: "center" }, /* @__PURE__ */ React200.createElement(Text109, { fw: 600, size: "sm" }, block.props.title || "Sign to Create"), /* @__PURE__ */ React200.createElement(Badge33, { size: "xs", variant: "filled", color: badgeProps.color, styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } } }, badgeProps.text)), /* @__PURE__ */ React200.createElement(Text109, { size: "xs", c: "dimmed", lineClamp: 2 }, getDescriptionText()))), /* @__PURE__ */ React200.createElement(Group67, null, /* @__PURE__ */ React200.createElement(AssignmentDisplay, { block, onClick: openAssignment }), isClickable && /* @__PURE__ */ React200.createElement(Tooltip21, { label: status === "completed" ? "View details" : "Sign & Create", withArrow: true }, /* @__PURE__ */ React200.createElement(ActionIcon31, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React200.createElement(IconChevronRight8, { size: 18 }))))));
 };
 
 // src/mantine/blocks/domainCreatorSign/DomainCreatorSignBlock.tsx
@@ -20340,7 +20426,7 @@ import { createReactBlockSpec as createReactBlockSpec18 } from "@blocknote/react
 import React208 from "react";
 
 // src/mantine/blocks/domainCardViewer/template/TemplateView.tsx
-import React205, { useMemo as useMemo65 } from "react";
+import React205, { useMemo as useMemo66 } from "react";
 import { Badge as Badge34, Group as Group68, Stack as Stack134, Text as Text110 } from "@mantine/core";
 
 // src/mantine/blocks/domainCardViewer/template/TemplateConfig.tsx
@@ -20348,11 +20434,11 @@ import React204, { useCallback as useCallback58 } from "react";
 import { Paper as Paper17, CloseButton as CloseButton7, Title as Title10 } from "@mantine/core";
 
 // src/mantine/blocks/domainCardViewer/template/GeneralTab.tsx
-import React203, { useEffect as useEffect57, useState as useState73 } from "react";
+import React203, { useEffect as useEffect57, useState as useState74 } from "react";
 var GeneralTab14 = ({ title, description, icon, onTitleChange, onDescriptionChange, onIconChange }) => {
-  const [localTitle, setLocalTitle] = useState73(title || "");
-  const [localDescription, setLocalDescription] = useState73(description || "");
-  const [localIcon, setLocalIcon] = useState73(icon || "dots-circle");
+  const [localTitle, setLocalTitle] = useState74(title || "");
+  const [localDescription, setLocalDescription] = useState74(description || "");
+  const [localIcon, setLocalIcon] = useState74(icon || "dots-circle");
   useEffect57(() => setLocalTitle(title || ""), [title]);
   useEffect57(() => setLocalDescription(description || ""), [description]);
   useEffect57(() => setLocalIcon(icon || "dots-circle"), [icon]);
@@ -20465,20 +20551,20 @@ var TemplateConfig14 = ({ editor, block }) => {
 var DOMAIN_CARD_VIEWER_TEMPLATE_PANEL_ID = "domain-card-viewer-template-panel";
 var DomainCardViewerTemplateView = ({ editor, block }) => {
   const panelId = `${DOMAIN_CARD_VIEWER_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo65(() => /* @__PURE__ */ React205.createElement(TemplateConfig14, { editor, block }), [editor, block]);
+  const panelContent = useMemo66(() => /* @__PURE__ */ React205.createElement(TemplateConfig14, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   return /* @__PURE__ */ React205.createElement(BaseContainer, { onClick: open }, /* @__PURE__ */ React205.createElement(Badge34, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React205.createElement(Group68, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React205.createElement(Group68, { wrap: "nowrap", align: "center" }, getIcon("dots-circle", block.props.icon), /* @__PURE__ */ React205.createElement(Stack134, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React205.createElement(Text110, { fw: 500, size: "sm" }, block.props.title || "Domain Card"), /* @__PURE__ */ React205.createElement(Text110, { size: "xs", c: "dimmed" }, block.props.description || "Preview domain card generated by AI")))));
 };
 
 // src/mantine/blocks/domainCardViewer/flow/FlowView.tsx
-import React207, { useMemo as useMemo67, useCallback as useCallback59, useEffect as useEffect58 } from "react";
-import { ActionIcon as ActionIcon31, Badge as Badge35, Button as Button36, Group as Group69, Stack as Stack136, Text as Text112, Tooltip as Tooltip22 } from "@mantine/core";
+import React207, { useMemo as useMemo68, useCallback as useCallback59, useEffect as useEffect58 } from "react";
+import { ActionIcon as ActionIcon32, Badge as Badge35, Button as Button36, Group as Group69, Stack as Stack136, Text as Text112, Tooltip as Tooltip22 } from "@mantine/core";
 import { IconChevronRight as IconChevronRight9, IconLoader, IconTestPipe, IconTrash as IconTrash6 } from "@tabler/icons-react";
 
 // src/mantine/blocks/domainCardViewer/flow/ViewerPanel.tsx
-import React206, { useMemo as useMemo66 } from "react";
+import React206, { useMemo as useMemo67 } from "react";
 import { Paper as Paper18, CloseButton as CloseButton8, Title as Title11, Stack as Stack135, Text as Text111, Loader as Loader26, Alert as Alert28, Button as Button35, Box as Box40, ScrollArea as ScrollArea7, Code as Code6 } from "@mantine/core";
-import { IconAlertCircle as IconAlertCircle13, IconCheck as IconCheck10, IconSparkles as IconSparkles3 } from "@tabler/icons-react";
+import { IconAlertCircle as IconAlertCircle12, IconCheck as IconCheck10, IconSparkles as IconSparkles3 } from "@tabler/icons-react";
 function parsePreviewData(jsonString) {
   if (!jsonString || jsonString === "{}") return null;
   try {
@@ -20496,7 +20582,7 @@ var ViewerPanel = ({ block, onApprove }) => {
   const status = block.props.status || "pending";
   const loadingMessage = block.props.loadingMessage || "Agents is generating your domain data...";
   const errorMessage = block.props.errorMessage || "An error occurred while generating the domain data.";
-  const domainPreviewData = useMemo66(() => parsePreviewData(block.props.domainPreviewData || "{}"), [block.props.domainPreviewData]);
+  const domainPreviewData = useMemo67(() => parsePreviewData(block.props.domainPreviewData || "{}"), [block.props.domainPreviewData]);
   const isLoading = status === "loading";
   const isError = status === "error";
   const isReady = status === "ready";
@@ -20527,7 +20613,7 @@ var ViewerPanel = ({ block, onApprove }) => {
       /* @__PURE__ */ React206.createElement(Title11, { order: 5 }, block.props.title || "Domain Card"),
       /* @__PURE__ */ React206.createElement(CloseButton8, { onClick: closePanel })
     ),
-    /* @__PURE__ */ React206.createElement(Box40, { style: { flex: 1, overflow: "hidden", display: "flex", flexDirection: "column" } }, isLoading && /* @__PURE__ */ React206.createElement(Stack135, { align: "center", justify: "center", style: { flex: 1 }, gap: "md" }, /* @__PURE__ */ React206.createElement(Loader26, { size: "lg", color: "blue" }), /* @__PURE__ */ React206.createElement(Stack135, { align: "center", gap: "xs" }, /* @__PURE__ */ React206.createElement(IconSparkles3, { size: 24, color: "var(--mantine-color-blue-5)" }), /* @__PURE__ */ React206.createElement(Text111, { size: "sm", c: "dimmed", ta: "center" }, loadingMessage))), isError && /* @__PURE__ */ React206.createElement(Stack135, { style: { flex: 1 }, gap: "md" }, /* @__PURE__ */ React206.createElement(Alert28, { icon: /* @__PURE__ */ React206.createElement(IconAlertCircle13, { size: 16 }), title: "Error", color: "red", variant: "light" }, errorMessage), /* @__PURE__ */ React206.createElement(Text111, { size: "sm", c: "dimmed", ta: "center" }, "Please ask the oracle to try again.")), (isReady || isApproved) && hasData && /* @__PURE__ */ React206.createElement(Box40, { style: { flex: 1, overflow: "hidden" } }, domainCardRenderer ? (
+    /* @__PURE__ */ React206.createElement(Box40, { style: { flex: 1, overflow: "hidden", display: "flex", flexDirection: "column" } }, isLoading && /* @__PURE__ */ React206.createElement(Stack135, { align: "center", justify: "center", style: { flex: 1 }, gap: "md" }, /* @__PURE__ */ React206.createElement(Loader26, { size: "lg", color: "blue" }), /* @__PURE__ */ React206.createElement(Stack135, { align: "center", gap: "xs" }, /* @__PURE__ */ React206.createElement(IconSparkles3, { size: 24, color: "var(--mantine-color-blue-5)" }), /* @__PURE__ */ React206.createElement(Text111, { size: "sm", c: "dimmed", ta: "center" }, loadingMessage))), isError && /* @__PURE__ */ React206.createElement(Stack135, { style: { flex: 1 }, gap: "md" }, /* @__PURE__ */ React206.createElement(Alert28, { icon: /* @__PURE__ */ React206.createElement(IconAlertCircle12, { size: 16 }), title: "Error", color: "red", variant: "light" }, errorMessage), /* @__PURE__ */ React206.createElement(Text111, { size: "sm", c: "dimmed", ta: "center" }, "Please ask the oracle to try again.")), (isReady || isApproved) && hasData && /* @__PURE__ */ React206.createElement(Box40, { style: { flex: 1, overflow: "hidden" } }, domainCardRenderer ? (
       // Use custom renderer from web app
       /* @__PURE__ */ React206.createElement(ScrollArea7, { h: "100%", offsetScrollbars: true }, domainCardRenderer(domainPreviewData))
     ) : (
@@ -20805,7 +20891,7 @@ var DomainCardViewerFlowView = ({ editor, block }) => {
     });
   }, [editor, block]);
   const panelId = `${DOMAIN_CARD_VIEWER_FLOW_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo67(() => /* @__PURE__ */ React207.createElement(ViewerPanel, { editor, block, onApprove: handleApprove }), [editor, block, handleApprove]);
+  const panelContent = useMemo68(() => /* @__PURE__ */ React207.createElement(ViewerPanel, { editor, block, onApprove: handleApprove }), [editor, block, handleApprove]);
   const { open } = usePanel(panelId, panelContent);
   const handleInjectDummyData = useCallback59(
     (e) => {
@@ -20882,7 +20968,7 @@ var DomainCardViewerFlowView = ({ editor, block }) => {
     }
   };
   const canOpenPanel = status !== "pending";
-  return /* @__PURE__ */ React207.createElement(BaseContainer, { onClick: canOpenPanel ? open : void 0, style: { opacity: canOpenPanel ? 1 : 0.7, cursor: canOpenPanel ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React207.createElement(Group69, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React207.createElement(Group69, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("dots-circle", block.props.icon), /* @__PURE__ */ React207.createElement(Stack136, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React207.createElement(Group69, { gap: "xs", align: "center" }, /* @__PURE__ */ React207.createElement(Text112, { fw: 600, size: "sm" }, block.props.title || "Domain Card"), /* @__PURE__ */ React207.createElement(Badge35, { size: "xs", variant: "filled", color: badgeProps.color, styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } } }, badgeProps.text)), /* @__PURE__ */ React207.createElement(Text112, { size: "xs", c: "dimmed", lineClamp: 2 }, getDescriptionText()))), IS_DEV && status === "pending" && /* @__PURE__ */ React207.createElement(React207.Fragment, null, /* @__PURE__ */ React207.createElement(Button36, { size: "compact-xs", variant: "light", color: "orange", leftSection: /* @__PURE__ */ React207.createElement(IconTestPipe, { size: 14 }), onClick: handleInjectDummyData }, "Test Data"), /* @__PURE__ */ React207.createElement(Button36, { size: "compact-xs", variant: "light", color: "blue", leftSection: /* @__PURE__ */ React207.createElement(IconLoader, { size: 14 }), onClick: handleSetLoading }, "Loading")), IS_DEV && (status === "ready" || status === "approved" || status === "loading") && /* @__PURE__ */ React207.createElement(Button36, { size: "compact-xs", variant: "light", color: "orange", leftSection: /* @__PURE__ */ React207.createElement(IconTrash6, { size: 14 }), onClick: handleClearData }, "Clear"), canOpenPanel && /* @__PURE__ */ React207.createElement(Tooltip22, { label: status === "approved" ? "View domain data" : "Review domain data", withArrow: true }, /* @__PURE__ */ React207.createElement(ActionIcon31, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React207.createElement(IconChevronRight9, { size: 18 })))));
+  return /* @__PURE__ */ React207.createElement(BaseContainer, { onClick: canOpenPanel ? open : void 0, style: { opacity: canOpenPanel ? 1 : 0.7, cursor: canOpenPanel ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React207.createElement(Group69, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React207.createElement(Group69, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("dots-circle", block.props.icon), /* @__PURE__ */ React207.createElement(Stack136, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React207.createElement(Group69, { gap: "xs", align: "center" }, /* @__PURE__ */ React207.createElement(Text112, { fw: 600, size: "sm" }, block.props.title || "Domain Card"), /* @__PURE__ */ React207.createElement(Badge35, { size: "xs", variant: "filled", color: badgeProps.color, styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } } }, badgeProps.text)), /* @__PURE__ */ React207.createElement(Text112, { size: "xs", c: "dimmed", lineClamp: 2 }, getDescriptionText()))), IS_DEV && status === "pending" && /* @__PURE__ */ React207.createElement(React207.Fragment, null, /* @__PURE__ */ React207.createElement(Button36, { size: "compact-xs", variant: "light", color: "orange", leftSection: /* @__PURE__ */ React207.createElement(IconTestPipe, { size: 14 }), onClick: handleInjectDummyData }, "Test Data"), /* @__PURE__ */ React207.createElement(Button36, { size: "compact-xs", variant: "light", color: "blue", leftSection: /* @__PURE__ */ React207.createElement(IconLoader, { size: 14 }), onClick: handleSetLoading }, "Loading")), IS_DEV && (status === "ready" || status === "approved" || status === "loading") && /* @__PURE__ */ React207.createElement(Button36, { size: "compact-xs", variant: "light", color: "orange", leftSection: /* @__PURE__ */ React207.createElement(IconTrash6, { size: 14 }), onClick: handleClearData }, "Clear"), canOpenPanel && /* @__PURE__ */ React207.createElement(Tooltip22, { label: status === "approved" ? "View domain data" : "Review domain data", withArrow: true }, /* @__PURE__ */ React207.createElement(ActionIcon32, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React207.createElement(IconChevronRight9, { size: 18 })))));
 };
 
 // src/mantine/blocks/domainCardViewer/DomainCardViewerBlock.tsx
@@ -20934,14 +21020,14 @@ import { createReactBlockSpec as createReactBlockSpec19 } from "@blocknote/react
 import React215 from "react";
 
 // src/mantine/blocks/governanceGroup/template/TemplateView.tsx
-import React212, { useMemo as useMemo68 } from "react";
+import React212, { useMemo as useMemo69 } from "react";
 import { Badge as Badge36, Group as Group70, Stack as Stack138, Text as Text114 } from "@mantine/core";
 
 // src/mantine/blocks/governanceGroup/template/TemplateConfig.tsx
 import React211, { useCallback as useCallback60 } from "react";
 
 // src/mantine/blocks/governanceGroup/template/GeneralTab.tsx
-import React210, { useEffect as useEffect59, useState as useState74 } from "react";
+import React210, { useEffect as useEffect59, useState as useState75 } from "react";
 import { Card as Card18, SimpleGrid as SimpleGrid2, Stack as Stack137, Text as Text113, ThemeIcon as ThemeIcon3 } from "@mantine/core";
 import { IconUsers as IconUsers4, IconSignature, IconPhoto as IconPhoto2, IconCoin } from "@tabler/icons-react";
 
@@ -20981,9 +21067,9 @@ var GROUP_TYPE_ICONS = {
   tokenStaking: /* @__PURE__ */ React210.createElement(IconCoin, { size: 20 })
 };
 var GeneralTab15 = ({ title, description, icon, groupType, onTitleChange, onDescriptionChange, onIconChange, onGroupTypeChange }) => {
-  const [localTitle, setLocalTitle] = useState74(title || "");
-  const [localDescription, setLocalDescription] = useState74(description || "");
-  const [localIcon, setLocalIcon] = useState74(icon || "users");
+  const [localTitle, setLocalTitle] = useState75(title || "");
+  const [localDescription, setLocalDescription] = useState75(description || "");
+  const [localIcon, setLocalIcon] = useState75(icon || "users");
   useEffect59(() => setLocalTitle(title || ""), [title]);
   useEffect59(() => setLocalDescription(description || ""), [description]);
   useEffect59(() => setLocalIcon(icon || "users"), [icon]);
@@ -21849,21 +21935,21 @@ var TemplateConfig15 = ({ editor, block }) => {
 var GOVERNANCE_GROUP_TEMPLATE_PANEL_ID = "governance-group-template-panel";
 var GovernanceGroupTemplateView = ({ editor, block }) => {
   const panelId = `${GOVERNANCE_GROUP_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo68(() => /* @__PURE__ */ React212.createElement(TemplateConfig15, { editor, block }), [editor, block]);
+  const panelContent = useMemo69(() => /* @__PURE__ */ React212.createElement(TemplateConfig15, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   return /* @__PURE__ */ React212.createElement(BaseContainer, { onClick: open }, /* @__PURE__ */ React212.createElement(Badge36, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React212.createElement(Group70, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React212.createElement(Group70, { wrap: "nowrap", align: "center" }, getIcon("users", block.props.icon), /* @__PURE__ */ React212.createElement(Stack138, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React212.createElement(Text114, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Governance Group"), /* @__PURE__ */ React212.createElement(Text114, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description || "Configure the governance group creation flow")))));
 };
 
 // src/mantine/blocks/governanceGroup/flow/FlowView.tsx
-import React214, { useCallback as useCallback62, useEffect as useEffect61, useMemo as useMemo70, useRef as useRef16, useState as useState76 } from "react";
-import { ActionIcon as ActionIcon32, Badge as Badge37, Group as Group72, Stack as Stack140, Text as Text116, Tooltip as Tooltip23 } from "@mantine/core";
+import React214, { useCallback as useCallback62, useEffect as useEffect61, useMemo as useMemo71, useRef as useRef16, useState as useState77 } from "react";
+import { ActionIcon as ActionIcon33, Badge as Badge37, Group as Group72, Stack as Stack140, Text as Text116, Tooltip as Tooltip23 } from "@mantine/core";
 import { IconChevronRight as IconChevronRight10 } from "@tabler/icons-react";
 
 // src/mantine/blocks/governanceGroup/flow/GovernanceGroupPanel.tsx
-import React213, { useCallback as useCallback61, useEffect as useEffect60, useMemo as useMemo69, useRef as useRef15, useState as useState75 } from "react";
+import React213, { useCallback as useCallback61, useEffect as useEffect60, useMemo as useMemo70, useRef as useRef15, useState as useState76 } from "react";
 import { Alert as Alert29, Button as Button37, Card as Card19, Group as Group71, Loader as Loader27, SimpleGrid as SimpleGrid3, Stack as Stack139, Text as Text115, ThemeIcon as ThemeIcon4 } from "@mantine/core";
 import { useDebouncedCallback as useDebouncedCallback3 } from "@mantine/hooks";
-import { IconAlertCircle as IconAlertCircle14, IconCheck as IconCheck11, IconUsers as IconUsers5, IconSignature as IconSignature2, IconPhoto as IconPhoto3, IconCoin as IconCoin2, IconArrowLeft as IconArrowLeft5 } from "@tabler/icons-react";
+import { IconAlertCircle as IconAlertCircle13, IconCheck as IconCheck11, IconUsers as IconUsers5, IconSignature as IconSignature2, IconPhoto as IconPhoto3, IconCoin as IconCoin2, IconArrowLeft as IconArrowLeft5 } from "@tabler/icons-react";
 import { Survey as Survey7, SurveyModel as SurveyModel7 } from "@ixo/surveys";
 var SYNC_DEBOUNCE_MS3 = 300;
 function deepEqual3(a, b) {
@@ -21900,14 +21986,14 @@ var GovernanceGroupPanel = ({ editor, block, onComplete }) => {
     if (existingGroupType) return "survey";
     return "typeSelection";
   };
-  const [flowStep, setFlowStep] = useState75(getInitialFlowStep);
-  const [selectedGroupType, setSelectedGroupType] = useState75(existingGroupType || null);
-  const [error, setError] = useState75(null);
-  const [createdCoreAddress, setCreatedCoreAddress] = useState75(existingCoreAddress || null);
-  const [createdGroupAddress, setCreatedGroupAddress] = useState75(block.props.groupAddress || null);
+  const [flowStep, setFlowStep] = useState76(getInitialFlowStep);
+  const [selectedGroupType, setSelectedGroupType] = useState76(existingGroupType || null);
+  const [error, setError] = useState76(null);
+  const [createdCoreAddress, setCreatedCoreAddress] = useState76(existingCoreAddress || null);
+  const [createdGroupAddress, setCreatedGroupAddress] = useState76(block.props.groupAddress || null);
   const isUpdatingFromProp = useRef15(false);
   const lastSyncedAnswers = useRef15("");
-  const surveyModel = useMemo69(() => {
+  const surveyModel = useMemo70(() => {
     if (!selectedGroupType) return null;
     const surveySchema = getSurveyForGroupType(selectedGroupType);
     if (!surveySchema) return null;
@@ -22085,7 +22171,7 @@ var GovernanceGroupPanel = ({ editor, block, onComplete }) => {
     return /* @__PURE__ */ React213.createElement(Stack139, { gap: "md", p: "md" }, /* @__PURE__ */ React213.createElement(Alert29, { icon: /* @__PURE__ */ React213.createElement(IconCheck11, { size: 16 }), title: "Group Created Successfully", color: "green" }, /* @__PURE__ */ React213.createElement(Stack139, { gap: "xs" }, /* @__PURE__ */ React213.createElement(Text115, { size: "sm" }, "Your ", groupTypeName, " has been created successfully."), createdCoreAddress && /* @__PURE__ */ React213.createElement(Text115, { size: "xs", c: "dimmed" }, "Core Address: ", createdCoreAddress), createdGroupAddress && /* @__PURE__ */ React213.createElement(Text115, { size: "xs", c: "dimmed" }, "Group Address: ", createdGroupAddress))), /* @__PURE__ */ React213.createElement(Button37, { onClick: handleClose }, "Close"));
   }
   if (flowStep === "error") {
-    return /* @__PURE__ */ React213.createElement(Stack139, { gap: "md", p: "md" }, /* @__PURE__ */ React213.createElement(Alert29, { icon: /* @__PURE__ */ React213.createElement(IconAlertCircle14, { size: 16 }), title: "Group Creation Failed", color: "red" }, /* @__PURE__ */ React213.createElement(Text115, { size: "sm" }, error || "An unexpected error occurred")), /* @__PURE__ */ React213.createElement(Group71, null, /* @__PURE__ */ React213.createElement(Button37, { variant: "outline", onClick: handleRetry }, "Try Again"), /* @__PURE__ */ React213.createElement(Button37, { variant: "subtle", onClick: handleClose }, "Close")));
+    return /* @__PURE__ */ React213.createElement(Stack139, { gap: "md", p: "md" }, /* @__PURE__ */ React213.createElement(Alert29, { icon: /* @__PURE__ */ React213.createElement(IconAlertCircle13, { size: 16 }), title: "Group Creation Failed", color: "red" }, /* @__PURE__ */ React213.createElement(Text115, { size: "sm" }, error || "An unexpected error occurred")), /* @__PURE__ */ React213.createElement(Group71, null, /* @__PURE__ */ React213.createElement(Button37, { variant: "outline", onClick: handleRetry }, "Try Again"), /* @__PURE__ */ React213.createElement(Button37, { variant: "subtle", onClick: handleClose }, "Close")));
   }
   if (flowStep === "survey" && surveyModel) {
     const groupTypeName = selectedGroupType ? GROUP_TYPE_CONFIGS.find((c) => c.type === selectedGroupType)?.title || "Group" : "Group";
@@ -22106,8 +22192,8 @@ var GovernanceGroupPanel = ({ editor, block, onComplete }) => {
 // src/mantine/blocks/governanceGroup/flow/FlowView.tsx
 var GOVERNANCE_GROUP_FLOW_PANEL_ID = "governance-group-flow-panel";
 var GovernanceGroupFlowView = ({ editor, block }) => {
-  const [hasOpened, setHasOpened] = useState76(false);
-  const [submissionStatus, setSubmissionStatus] = useState76("idle");
+  const [hasOpened, setHasOpened] = useState77(false);
+  const [submissionStatus, setSubmissionStatus] = useState77("idle");
   const lastSubmission = block.props.lastSubmission ? JSON.parse(block.props.lastSubmission) : null;
   const hasExistingSubmission = lastSubmission?.coreAddress;
   const editorRef = useRef16(editor);
@@ -22116,7 +22202,7 @@ var GovernanceGroupFlowView = ({ editor, block }) => {
     editorRef.current = editor;
     blockRef.current = block;
   });
-  const stableEditor = useMemo70(
+  const stableEditor = useMemo71(
     () => new Proxy(editor, {
       get(_, prop) {
         return editorRef.current[prop];
@@ -22125,7 +22211,7 @@ var GovernanceGroupFlowView = ({ editor, block }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  const stableBlock = useMemo70(
+  const stableBlock = useMemo71(
     () => new Proxy(block, {
       get(_, prop) {
         return blockRef.current[prop];
@@ -22165,7 +22251,7 @@ var GovernanceGroupFlowView = ({ editor, block }) => {
     []
   );
   const panelId = `${GOVERNANCE_GROUP_FLOW_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo70(
+  const panelContent = useMemo71(
     () => /* @__PURE__ */ React214.createElement(GovernanceGroupPanel, { editor: stableEditor, block: stableBlock, onComplete: stableHandleComplete }),
     [stableEditor, stableBlock, stableHandleComplete]
   );
@@ -22192,7 +22278,7 @@ var GovernanceGroupFlowView = ({ editor, block }) => {
     const groupTypeName = lastSubmission.groupType ? lastSubmission.groupType.charAt(0).toUpperCase() + lastSubmission.groupType.slice(1).replace(/([A-Z])/g, " $1") : "Group";
     return `${groupTypeName} created: ${lastSubmission.coreAddress?.slice(0, 12)}...`;
   };
-  return /* @__PURE__ */ React214.createElement(BaseContainer, { onClick: handleOpen }, /* @__PURE__ */ React214.createElement(Group72, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React214.createElement(Group72, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("users", block.props.icon), /* @__PURE__ */ React214.createElement(Stack140, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React214.createElement(Group72, { gap: "xs", align: "center" }, /* @__PURE__ */ React214.createElement(Text116, { fw: 600, size: "sm", contentEditable: false }, block.props.title || "Governance Group"), /* @__PURE__ */ React214.createElement(Badge37, { size: "xs", variant: "filled", color: badgeProps.color, styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } } }, badgeProps.text)), /* @__PURE__ */ React214.createElement(Text116, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 2 }, hasExistingSubmission ? getSubmissionDisplay() : block.props.description || "Open the panel to create a new governance group."))), /* @__PURE__ */ React214.createElement(Tooltip23, { label: hasExistingSubmission ? "View/Edit group" : "Create group", withArrow: true }, /* @__PURE__ */ React214.createElement(ActionIcon32, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React214.createElement(IconChevronRight10, { size: 18 })))));
+  return /* @__PURE__ */ React214.createElement(BaseContainer, { onClick: handleOpen }, /* @__PURE__ */ React214.createElement(Group72, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React214.createElement(Group72, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("users", block.props.icon), /* @__PURE__ */ React214.createElement(Stack140, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React214.createElement(Group72, { gap: "xs", align: "center" }, /* @__PURE__ */ React214.createElement(Text116, { fw: 600, size: "sm", contentEditable: false }, block.props.title || "Governance Group"), /* @__PURE__ */ React214.createElement(Badge37, { size: "xs", variant: "filled", color: badgeProps.color, styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } } }, badgeProps.text)), /* @__PURE__ */ React214.createElement(Text116, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 2 }, hasExistingSubmission ? getSubmissionDisplay() : block.props.description || "Open the panel to create a new governance group."))), /* @__PURE__ */ React214.createElement(Tooltip23, { label: hasExistingSubmission ? "View/Edit group" : "Create group", withArrow: true }, /* @__PURE__ */ React214.createElement(ActionIcon33, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React214.createElement(IconChevronRight10, { size: 18 })))));
 };
 
 // src/mantine/blocks/governanceGroup/GovernanceGroupBlock.tsx
@@ -22242,7 +22328,7 @@ import { createReactBlockSpec as createReactBlockSpec20 } from "@blocknote/react
 import React223 from "react";
 
 // src/mantine/blocks/flowLink/template/TemplateView.tsx
-import React220, { useMemo as useMemo72 } from "react";
+import React220, { useMemo as useMemo73 } from "react";
 import { Group as Group74, Stack as Stack143, Text as Text118 } from "@mantine/core";
 
 // src/mantine/blocks/flowLink/template/TemplateConfig.tsx
@@ -22279,8 +22365,8 @@ var GeneralTab16 = ({ title, description, icon, onTitleChange, onDescriptionChan
 };
 
 // src/mantine/blocks/flowLink/template/LinksTab.tsx
-import React218, { useMemo as useMemo71 } from "react";
-import { Stack as Stack142, Card as Card20, Group as Group73, ActionIcon as ActionIcon33, Text as Text117, Divider as Divider17 } from "@mantine/core";
+import React218, { useMemo as useMemo72 } from "react";
+import { Stack as Stack142, Card as Card20, Group as Group73, ActionIcon as ActionIcon34, Text as Text117, Divider as Divider18 } from "@mantine/core";
 import { IconPlus as IconPlus6, IconTrash as IconTrash7, IconGripVertical } from "@tabler/icons-react";
 import { DndContext, PointerSensor, useSensor, useSensors, closestCenter, useDraggable, useDroppable } from "@dnd-kit/core";
 
@@ -22309,7 +22395,7 @@ var DraggableLinkCard = ({ link, index, onRemove, onUpdate }) => {
     opacity: isDragging ? 0.5 : 1,
     border: isOver ? "2px dashed var(--mantine-color-accent-5)" : void 0
   };
-  return /* @__PURE__ */ React218.createElement("div", { ref: setDropRef }, /* @__PURE__ */ React218.createElement(Card20, { p: "sm", style }, /* @__PURE__ */ React218.createElement(Stack142, { gap: "xs" }, /* @__PURE__ */ React218.createElement(Group73, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React218.createElement(Group73, { gap: "xs", align: "center" }, /* @__PURE__ */ React218.createElement("div", { ref: setDragRef, ...listeners, ...attributes, style: { cursor: "grab", display: "flex", alignItems: "center" } }, /* @__PURE__ */ React218.createElement(IconGripVertical, { size: 16, color: "gray" })), /* @__PURE__ */ React218.createElement(Text117, { size: "xs", c: "dimmed" }, link.title || `Link ${index + 1}`)), /* @__PURE__ */ React218.createElement(ActionIcon33, { variant: "subtle", color: "red", size: "sm", onClick: () => onRemove(link.id) }, /* @__PURE__ */ React218.createElement(IconTrash7, { size: 14 }))), /* @__PURE__ */ React218.createElement(Divider17, null), /* @__PURE__ */ React218.createElement(BaseTextInput, { label: "Title", placeholder: "Link title", value: link.title, onChange: (e) => onUpdate(link.id, "title", e.currentTarget.value) }), /* @__PURE__ */ React218.createElement(
+  return /* @__PURE__ */ React218.createElement("div", { ref: setDropRef }, /* @__PURE__ */ React218.createElement(Card20, { p: "sm", style }, /* @__PURE__ */ React218.createElement(Stack142, { gap: "xs" }, /* @__PURE__ */ React218.createElement(Group73, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React218.createElement(Group73, { gap: "xs", align: "center" }, /* @__PURE__ */ React218.createElement("div", { ref: setDragRef, ...listeners, ...attributes, style: { cursor: "grab", display: "flex", alignItems: "center" } }, /* @__PURE__ */ React218.createElement(IconGripVertical, { size: 16, color: "gray" })), /* @__PURE__ */ React218.createElement(Text117, { size: "xs", c: "dimmed" }, link.title || `Link ${index + 1}`)), /* @__PURE__ */ React218.createElement(ActionIcon34, { variant: "subtle", color: "red", size: "sm", onClick: () => onRemove(link.id) }, /* @__PURE__ */ React218.createElement(IconTrash7, { size: 14 }))), /* @__PURE__ */ React218.createElement(Divider18, null), /* @__PURE__ */ React218.createElement(BaseTextInput, { label: "Title", placeholder: "Link title", value: link.title, onChange: (e) => onUpdate(link.id, "title", e.currentTarget.value) }), /* @__PURE__ */ React218.createElement(
     BaseTextInput,
     {
       label: "Description",
@@ -22339,7 +22425,7 @@ var DraggableLinkCard = ({ link, index, onRemove, onUpdate }) => {
 };
 var LinksTab = ({ links, onLinksChange }) => {
   const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 8 } }));
-  const sortedLinks = useMemo71(() => [...links].sort((a, b) => a.position - b.position), [links]);
+  const sortedLinks = useMemo72(() => [...links].sort((a, b) => a.position - b.position), [links]);
   const handleAddLink = () => {
     const maxPosition = links.length > 0 ? Math.max(...links.map((l) => l.position)) : -1;
     const newLink = {
@@ -22421,7 +22507,7 @@ var TemplateConfig16 = ({ editor, block }) => {
 var FLOW_LINK_TEMPLATE_PANEL_ID = "flow-link-template-panel";
 var FlowLinkTemplateView = ({ editor, block }) => {
   const panelId = `${FLOW_LINK_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo72(() => /* @__PURE__ */ React220.createElement(TemplateConfig16, { editor, block }), [editor, block]);
+  const panelContent = useMemo73(() => /* @__PURE__ */ React220.createElement(TemplateConfig16, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const links = safeParseJSONArray(block.props.links);
   const linksCount = links.length;
@@ -22429,18 +22515,18 @@ var FlowLinkTemplateView = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/flowLink/flow/FlowView.tsx
-import React222, { useMemo as useMemo73 } from "react";
+import React222, { useMemo as useMemo74 } from "react";
 import { Badge as Badge39, Group as Group76, Stack as Stack145, Text as Text120, Tooltip as Tooltip25 } from "@mantine/core";
 
 // src/mantine/blocks/flowLink/flow/FlowLinkPanel.tsx
-import React221, { useState as useState77, useEffect as useEffect62, useCallback as useCallback63 } from "react";
-import { Stack as Stack144, Text as Text119, Card as Card21, Group as Group75, Badge as Badge38, ActionIcon as ActionIcon34, Loader as Loader28, Tooltip as Tooltip24 } from "@mantine/core";
-import { IconRefresh as IconRefresh8, IconCheck as IconCheck12, IconClock as IconClock3, IconCircleDashed as IconCircleDashed4 } from "@tabler/icons-react";
+import React221, { useState as useState78, useEffect as useEffect62, useCallback as useCallback63 } from "react";
+import { Stack as Stack144, Text as Text119, Card as Card21, Group as Group75, Badge as Badge38, ActionIcon as ActionIcon35, Loader as Loader28, Tooltip as Tooltip24 } from "@mantine/core";
+import { IconRefresh as IconRefresh7, IconCheck as IconCheck12, IconClock as IconClock3, IconCircleDashed as IconCircleDashed4 } from "@tabler/icons-react";
 var FlowLinkPanel = ({ block }) => {
   const { closePanel } = usePanelStore();
   const handlers = useBlocknoteHandlers();
   const links = safeParseJSONArray(block.props.links).sort((a, b) => a.position - b.position);
-  const [linksWithStatus, setLinksWithStatus] = useState77(links.map((link) => ({ ...link })));
+  const [linksWithStatus, setLinksWithStatus] = useState78(links.map((link) => ({ ...link })));
   const fetchStatuses = useCallback63(async () => {
     if (!handlers.getFlowStatus) {
       return;
@@ -22487,7 +22573,7 @@ var FlowLinkPanel = ({ block }) => {
         return /* @__PURE__ */ React221.createElement(Badge38, { display: "inline-block", size: "sm", variant: "light", color: "gray", leftSection: /* @__PURE__ */ React221.createElement(IconCircleDashed4, { size: 12 }) }, "Not Started");
     }
   };
-  return /* @__PURE__ */ React221.createElement(BaseRightPanelLayout, { title: block.props.title || "Flow Links", onClose: closePanel }, /* @__PURE__ */ React221.createElement(Stack144, { gap: "md" }, handlers.getFlowStatus && /* @__PURE__ */ React221.createElement(Tooltip24, { label: "Refresh status" }, /* @__PURE__ */ React221.createElement(ActionIcon34, { variant: "subtle", size: "sm", onClick: fetchStatuses }, /* @__PURE__ */ React221.createElement(IconRefresh8, { size: 16 }))), linksWithStatus.length === 0 ? /* @__PURE__ */ React221.createElement(Card21, { withBorder: true, p: "md", bg: "gray.0" }, /* @__PURE__ */ React221.createElement(Text119, { size: "sm", c: "dimmed", ta: "center" }, "No flow links configured.")) : /* @__PURE__ */ React221.createElement(Stack144, { gap: "sm" }, linksWithStatus.map((link) => /* @__PURE__ */ React221.createElement(Stack144, { key: link.id }, link.description && /* @__PURE__ */ React221.createElement(Text119, null, link.description), /* @__PURE__ */ React221.createElement(
+  return /* @__PURE__ */ React221.createElement(BaseRightPanelLayout, { title: block.props.title || "Flow Links", onClose: closePanel }, /* @__PURE__ */ React221.createElement(Stack144, { gap: "md" }, handlers.getFlowStatus && /* @__PURE__ */ React221.createElement(Tooltip24, { label: "Refresh status" }, /* @__PURE__ */ React221.createElement(ActionIcon35, { variant: "subtle", size: "sm", onClick: fetchStatuses }, /* @__PURE__ */ React221.createElement(IconRefresh7, { size: 16 }))), linksWithStatus.length === 0 ? /* @__PURE__ */ React221.createElement(Card21, { withBorder: true, p: "md", bg: "gray.0" }, /* @__PURE__ */ React221.createElement(Text119, { size: "sm", c: "dimmed", ta: "center" }, "No flow links configured.")) : /* @__PURE__ */ React221.createElement(Stack144, { gap: "sm" }, linksWithStatus.map((link) => /* @__PURE__ */ React221.createElement(Stack144, { key: link.id }, link.description && /* @__PURE__ */ React221.createElement(Text119, null, link.description), /* @__PURE__ */ React221.createElement(
     BaseContainer,
     {
       onClick: () => handlers.navigateToFlow && handleNavigate(link.docRoomId),
@@ -22504,7 +22590,7 @@ var FlowLinkFlowView = ({ editor, block, isDisabled }) => {
   const links = safeParseJSONArray(block.props.links);
   const linksCount = links.length;
   const panelId = `${FLOW_LINK_FLOW_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo73(() => /* @__PURE__ */ React222.createElement(FlowLinkPanel, { editor, block }), [editor, block]);
+  const panelContent = useMemo74(() => /* @__PURE__ */ React222.createElement(FlowLinkPanel, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const handleClick = () => {
     if (!disabled) {
@@ -22758,10 +22844,10 @@ blockRegistry.register({
 });
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo74, useEffect as useEffect63, useState as useState78, useCallback as useCallback64 } from "react";
+import { useMemo as useMemo75, useEffect as useEffect63, useState as useState79, useCallback as useCallback64 } from "react";
 
 // src/mantine/blocks/hooks/useDependsOn.ts
-import { useMemo as useMemo75 } from "react";
+import { useMemo as useMemo76 } from "react";
 
 // src/mantine/blocks/index.ts
 var blockSpecs = {
@@ -23328,15 +23414,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 useEffect64, useState as useState79, useRef as useRef17, useCallback as useCallback65, useMemo as useMemo76 } from "react";
+import { useEffect as useEffect64, useState as useState80, useRef as useRef17, useCallback as useCallback65, useMemo as useMemo77 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
-  const [matrixProvider, setProvider] = useState79(null);
-  const [status, setStatus] = useState79("disconnected");
+  const [matrixProvider, setProvider] = useState80(null);
+  const [status, setStatus] = useState80("disconnected");
   const isMountedRef = useRef17(true);
   const providerRef = useRef17(null);
   const retryTimeoutRef = useRef17(null);
-  const providerOptions = useMemo76(
+  const providerOptions = useMemo77(
     () => ({
       translator: {
         updateEventType: "matrix-crdt.doc_update",
@@ -23423,17 +23509,17 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
 }
 
 // src/mantine/hooks/useCollaborativeYDoc.ts
-import { useMemo as useMemo77 } from "react";
+import { useMemo as useMemo78 } from "react";
 import * as Y from "yjs";
 function useCollaborativeYDoc(_options) {
-  return useMemo77(() => {
+  return useMemo78(() => {
     const doc = new Y.Doc();
     return doc;
   }, []);
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo78, useEffect as useEffect65, useState as useState80 } from "react";
+import { useMemo as useMemo79, useEffect as useEffect65, useState as useState81 } from "react";
 
 // src/core/lib/matrixMetadata.ts
 var COVER_IMAGE_EVENT_TYPE = "ixo.page.cover_image";
@@ -23602,7 +23688,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     permissions = { write: false }
   } = options || {};
-  const memoizedUser = useMemo78(
+  const memoizedUser = useMemo79(
     () => ({
       id: user?.id || "",
       name: user?.name || "",
@@ -23617,13 +23703,13 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     roomId: options.roomId
   });
-  const metadataManager = useMemo78(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
+  const metadataManager = useMemo79(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
   useEffect65(() => {
     return () => {
       metadataManager.dispose();
     };
   }, [metadataManager]);
-  const defaultUploadFile = useMemo78(
+  const defaultUploadFile = useMemo79(
     () => uploadFile || (async (file) => {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -23637,7 +23723,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [uploadFile]
   );
-  const schema = useMemo78(
+  const schema = useMemo79(
     () => BlockNoteSchema2.create({
       blockSpecs: {
         ...defaultBlockSpecs2,
@@ -23652,16 +23738,16 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     []
   );
-  const root = useMemo78(() => yDoc.getMap("root"), [yDoc]);
-  const documentFragment = useMemo78(() => yDoc.getXmlFragment("document"), [yDoc]);
-  const flowArray = useMemo78(() => yDoc.getArray("flow"), [yDoc]);
-  const runtimeMap = useMemo78(() => yDoc.getMap("runtime"), [yDoc]);
-  const delegationsMap = useMemo78(() => yDoc.getMap("delegations"), [yDoc]);
-  const invocationsMap = useMemo78(() => yDoc.getMap("invocations"), [yDoc]);
-  const ucanDelegationStore = useMemo78(() => createUcanDelegationStore(delegationsMap), [delegationsMap]);
-  const invocationStore = useMemo78(() => createInvocationStore(invocationsMap), [invocationsMap]);
-  const userFragment = useMemo78(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
-  const collaborationConfig = useMemo78(
+  const root = useMemo79(() => yDoc.getMap("root"), [yDoc]);
+  const documentFragment = useMemo79(() => yDoc.getXmlFragment("document"), [yDoc]);
+  const flowArray = useMemo79(() => yDoc.getArray("flow"), [yDoc]);
+  const runtimeMap = useMemo79(() => yDoc.getMap("runtime"), [yDoc]);
+  const delegationsMap = useMemo79(() => yDoc.getMap("delegations"), [yDoc]);
+  const invocationsMap = useMemo79(() => yDoc.getMap("invocations"), [yDoc]);
+  const ucanDelegationStore = useMemo79(() => createUcanDelegationStore(delegationsMap), [delegationsMap]);
+  const invocationStore = useMemo79(() => createInvocationStore(invocationsMap), [invocationsMap]);
+  const userFragment = useMemo79(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
+  const collaborationConfig = useMemo79(
     () => ({
       provider: matrixProvider,
       fragment: documentFragment,
@@ -23673,7 +23759,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [matrixProvider, documentFragment, memoizedUser.name, memoizedUser.color]
   );
-  const ixoConfig = useMemo78(
+  const ixoConfig = useMemo79(
     () => ({
       theme,
       editable,
@@ -23692,7 +23778,7 @@ function useCreateCollaborativeIxoEditor(options) {
     uploadFile: defaultUploadFile,
     collaboration: collaborationConfig
   });
-  const titleText = useMemo78(() => yDoc.getText("title"), [yDoc]);
+  const titleText = useMemo79(() => yDoc.getText("title"), [yDoc]);
   let ixoEditor;
   if (editor) {
     ixoEditor = editor;
@@ -23897,7 +23983,7 @@ function useCreateCollaborativeIxoEditor(options) {
       titleText.insert(0, options.title);
     }
   }, [connectionStatus, root, titleText, permissions.write, options.docId, options.title, memoizedUser.id]);
-  const [connectedUsers, setConnectedUsers] = useState80([]);
+  const [connectedUsers, setConnectedUsers] = useState81([]);
   const webrtcProvider = matrixProvider?.webrtcProvider;
   useEffect65(() => {
     if (!matrixProvider?.awarenessInstance || !webrtcProvider || connectionStatus !== "connected") {
@@ -23956,10 +24042,10 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/components/Base/BaseIconPicker.tsx
-import React226, { useState as useState81, useMemo as useMemo79, useEffect as useEffect66 } from "react";
+import React226, { useState as useState82, useMemo as useMemo80, useEffect as useEffect66 } from "react";
 import { TextInput as TextInput7, Tabs as Tabs5, Box as Box41, Stack as Stack146, UnstyledButton as UnstyledButton2, Text as Text121, Center as Center12, ScrollArea as ScrollArea8, Group as Group77, Popover as Popover4 } from "@mantine/core";
 import * as TablerIcons from "@tabler/icons-react";
-import { IconSearch as IconSearch6, IconX as IconX10, IconChevronLeft, IconChevronRight as IconChevronRight11 } from "@tabler/icons-react";
+import { IconSearch as IconSearch6, IconX as IconX11, IconChevronLeft, IconChevronRight as IconChevronRight11 } from "@tabler/icons-react";
 
 // src/mantine/components/Base/CoverImageButton.tsx
 import React225, { forwardRef } from "react";
@@ -24014,14 +24100,14 @@ var localStorageService = {
 var iconsKey = "editor_recent_icons";
 var ICONS_PER_PAGE = 500;
 function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children, currentIcon }) {
-  const [searchQuery, setSearchQuery] = useState81("");
-  const [activeTab, setActiveTab] = useState81("icons");
-  const [currentPage, setCurrentPage] = useState81(1);
-  const allIcons = useMemo79(() => {
+  const [searchQuery, setSearchQuery] = useState82("");
+  const [activeTab, setActiveTab] = useState82("icons");
+  const [currentPage, setCurrentPage] = useState82(1);
+  const allIcons = useMemo80(() => {
     const iconEntries = Object.entries(TablerIcons).filter(([name]) => name.startsWith("Icon") && name !== "IconProps");
     return iconEntries;
   }, []);
-  const filteredIcons = useMemo79(() => {
+  const filteredIcons = useMemo80(() => {
     if (!searchQuery) return allIcons;
     const query = searchQuery.toLowerCase();
     return allIcons.filter(([name]) => name.toLowerCase().includes(query));
@@ -24029,13 +24115,13 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
   useEffect66(() => {
     setCurrentPage(1);
   }, [searchQuery]);
-  const paginatedIcons = useMemo79(() => {
+  const paginatedIcons = useMemo80(() => {
     const startIndex = (currentPage - 1) * ICONS_PER_PAGE;
     const endIndex = startIndex + ICONS_PER_PAGE;
     return filteredIcons.slice(startIndex, endIndex);
   }, [filteredIcons, currentPage]);
   const totalPages = Math.ceil(filteredIcons.length / ICONS_PER_PAGE);
-  const recentIcons = useMemo79(() => {
+  const recentIcons = useMemo80(() => {
     const recentIconNames = localStorageService.get(iconsKey);
     if (!recentIconNames || recentIconNames.length === 0) return [];
     return recentIconNames.slice(0, 24).map((iconName) => allIcons.find(([name]) => name === iconName)).filter((entry) => entry !== void 0);
@@ -24113,7 +24199,7 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
         leftSection: /* @__PURE__ */ React226.createElement(IconSearch6, { size: 18 }),
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
-        rightSection: searchQuery && /* @__PURE__ */ React226.createElement(UnstyledButton2, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React226.createElement(IconX10, { size: 18 })),
+        rightSection: searchQuery && /* @__PURE__ */ React226.createElement(UnstyledButton2, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React226.createElement(IconX11, { size: 18 })),
         style: { flex: 1 },
         styles: {
           input: {
@@ -24137,7 +24223,7 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
 }
 
 // src/mantine/components/CoverImage.tsx
-import React228, { useState as useState82, useRef as useRef18, useEffect as useEffect67 } from "react";
+import React228, { useState as useState83, useRef as useRef18, useEffect as useEffect67 } from "react";
 import { Box as Box43, Group as Group78 } from "@mantine/core";
 
 // src/core/lib/imageTransform.ts
@@ -24271,12 +24357,12 @@ function transformIconImage(sourceUrl, size = "default", customOptions) {
 }
 
 // src/mantine/components/Base/PageIcon.tsx
-import React227, { useMemo as useMemo80 } from "react";
+import React227, { useMemo as useMemo81 } from "react";
 import { Center as Center13, Box as Box42 } from "@mantine/core";
 import * as TablerIcons2 from "@tabler/icons-react";
 function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
   const isIconName = src && !src.startsWith("http");
-  const IconComponent = useMemo80(() => {
+  const IconComponent = useMemo81(() => {
     if (!isIconName || !src) return null;
     const iconComponent = TablerIcons2[src];
     if (iconComponent) {
@@ -24323,13 +24409,13 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
 import { useDisclosure as useDisclosure5 } from "@mantine/hooks";
 function CoverImage({ coverImageUrl, logoUrl }) {
   const { editor, handlers, editable } = useBlocknoteContext();
-  const [isHovering, setIsHovering] = useState82(false);
-  const [isRepositioning, setIsRepositioning] = useState82(false);
-  const [coverPosition, setCoverPosition] = useState82(50);
+  const [isHovering, setIsHovering] = useState83(false);
+  const [isRepositioning, setIsRepositioning] = useState83(false);
+  const [coverPosition, setCoverPosition] = useState83(50);
   const coverFileInputRef = useRef18(null);
   const logoFileInputRef = useRef18(null);
   const [opened, { open, close }] = useDisclosure5(false);
-  const [metadata, setMetadata] = useState82(() => editor?.getPageMetadata?.() || null);
+  const [metadata, setMetadata] = useState83(() => editor?.getPageMetadata?.() || null);
   useEffect67(() => {
     if (!editor?._metadataManager) {
       return;
@@ -24605,7 +24691,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
 }
 
 // src/mantine/components/PageHeader.tsx
-import React229, { useState as useState83, useRef as useRef19, useEffect as useEffect68 } from "react";
+import React229, { useState as useState84, useRef as useRef19, useEffect as useEffect68 } from "react";
 function PageHeader({
   title = "New page",
   icon,
@@ -24616,7 +24702,7 @@ function PageHeader({
   isFavorited = false,
   menuItems = []
 }) {
-  const [isMenuOpen, setIsMenuOpen] = useState83(false);
+  const [isMenuOpen, setIsMenuOpen] = useState84(false);
   const menuRef = useRef19(null);
   useEffect68(() => {
     function handleClickOutside(event) {
@@ -24798,7 +24884,7 @@ var styles = {
 };
 
 // src/mantine/components/ExternalDropZone.tsx
-import React230, { useCallback as useCallback66, useEffect as useEffect69, useRef as useRef20, useState as useState84 } from "react";
+import React230, { useCallback as useCallback66, useEffect as useEffect69, useRef as useRef20, useState as useState85 } from "react";
 import { Box as Box44 } from "@mantine/core";
 var SCROLL_ZONE_SIZE = 80;
 var SCROLL_SPEED = 12;
@@ -24812,9 +24898,9 @@ var ExternalDropZone = ({
   children
 }) => {
   const containerRef = useRef20(null);
-  const [isValidDrag, setIsValidDrag] = useState84(false);
-  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState84(false);
-  const [indicatorStyle, setIndicatorStyle] = useState84({});
+  const [isValidDrag, setIsValidDrag] = useState85(false);
+  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState85(false);
+  const [indicatorStyle, setIndicatorStyle] = useState85({});
   const dropPositionRef = useRef20(null);
   const scrollAnimationRef = useRef20(null);
   const scrollDirectionRef = useRef20(null);
@@ -25336,9 +25422,9 @@ function IxoEditor({
 }
 
 // src/mantine/components/EntitySigningSetup.tsx
-import React233, { useState as useState85 } from "react";
+import React233, { useState as useState86 } from "react";
 import { Modal as Modal3, Stack as Stack147, Text as Text122, TextInput as TextInput8, Button as Button39, Alert as Alert30, Group as Group79 } from "@mantine/core";
-import { IconAlertCircle as IconAlertCircle15, IconCheck as IconCheck13, IconKey as IconKey2 } from "@tabler/icons-react";
+import { IconAlertCircle as IconAlertCircle14, IconCheck as IconCheck13, IconKey as IconKey2 } from "@tabler/icons-react";
 var EntitySigningSetup = ({
   opened,
   onClose,
@@ -25346,11 +25432,11 @@ var EntitySigningSetup = ({
   entityName,
   onSetup
 }) => {
-  const [pin, setPin] = useState85("");
-  const [confirmPin, setConfirmPin] = useState85("");
-  const [loading, setLoading] = useState85(false);
-  const [error, setError] = useState85(null);
-  const [success, setSuccess] = useState85(false);
+  const [pin, setPin] = useState86("");
+  const [confirmPin, setConfirmPin] = useState86("");
+  const [loading, setLoading] = useState86(false);
+  const [error, setError] = useState86(null);
+  const [success, setSuccess] = useState86(false);
   const handleSetup = async () => {
     if (pin.length < 4) {
       setError("PIN must be at least 4 characters");
@@ -25419,7 +25505,7 @@ var EntitySigningSetup = ({
         onChange: (e) => setConfirmPin(e.currentTarget.value),
         disabled: loading
       }
-    ), error && /* @__PURE__ */ React233.createElement(Alert30, { color: "red", icon: /* @__PURE__ */ React233.createElement(IconAlertCircle15, { size: 16 }) }, error), /* @__PURE__ */ React233.createElement(Group79, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React233.createElement(Button39, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React233.createElement(
+    ), error && /* @__PURE__ */ React233.createElement(Alert30, { color: "red", icon: /* @__PURE__ */ React233.createElement(IconAlertCircle14, { size: 16 }) }, error), /* @__PURE__ */ React233.createElement(Group79, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React233.createElement(Button39, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React233.createElement(
       Button39,
       {
         onClick: handleSetup,
@@ -25432,8 +25518,8 @@ var EntitySigningSetup = ({
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
-import React234, { useState as useState86, useEffect as useEffect70, useMemo as useMemo81 } from "react";
-import { Stack as Stack148, Text as Text123, Paper as Paper19, Group as Group80, Badge as Badge40, Button as Button40, ActionIcon as ActionIcon35, Loader as Loader29, Alert as Alert31, Divider as Divider18 } from "@mantine/core";
+import React234, { useState as useState87, useEffect as useEffect70, useMemo as useMemo82 } from "react";
+import { Stack as Stack148, Text as Text123, Paper as Paper19, Group as Group80, Badge as Badge40, Button as Button40, ActionIcon as ActionIcon36, Loader as Loader29, Alert as Alert31, Divider as Divider19 } from "@mantine/core";
 import { IconPlus as IconPlus7, IconTrash as IconTrash8, IconShieldCheck as IconShieldCheck2, IconUser as IconUser5, IconRobot as IconRobot4, IconBuilding } from "@tabler/icons-react";
 var FlowPermissionsPanel = ({
   editor,
@@ -25443,10 +25529,10 @@ var FlowPermissionsPanel = ({
   onRevokePermission,
   getUserDisplayName
 }) => {
-  const [delegations, setDelegations] = useState86([]);
-  const [loading, setLoading] = useState86(true);
-  const [revoking, setRevoking] = useState86(null);
-  const rootCapability = useMemo81(() => editor.getRootCapability?.(), [editor]);
+  const [delegations, setDelegations] = useState87([]);
+  const [loading, setLoading] = useState87(true);
+  const [revoking, setRevoking] = useState87(null);
+  const rootCapability = useMemo82(() => editor.getRootCapability?.(), [editor]);
   useEffect70(() => {
     const loadDelegations = async () => {
       setLoading(true);
@@ -25509,8 +25595,8 @@ var FlowPermissionsPanel = ({
     if (date < /* @__PURE__ */ new Date()) return "Expired";
     return date.toLocaleDateString();
   };
-  return /* @__PURE__ */ React234.createElement(Stack148, { gap: "md" }, /* @__PURE__ */ React234.createElement(Stack148, { gap: "xs" }, /* @__PURE__ */ React234.createElement(Text123, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React234.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React234.createElement(Group80, { gap: "xs" }, /* @__PURE__ */ React234.createElement(IconShieldCheck2, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React234.createElement(Stack148, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React234.createElement(Text123, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React234.createElement(Badge40, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React234.createElement(Divider18, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React234.createElement(Group80, { justify: "center", py: "xl" }, /* @__PURE__ */ React234.createElement(Loader29, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React234.createElement(Alert31, { color: "gray", variant: "light" }, /* @__PURE__ */ React234.createElement(Text123, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React234.createElement(Stack148, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React234.createElement(Paper19, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React234.createElement(Group80, { justify: "space-between" }, /* @__PURE__ */ React234.createElement(Group80, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React234.createElement(Stack148, { gap: 2 }, /* @__PURE__ */ React234.createElement(Text123, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React234.createElement(Group80, { gap: "xs" }, /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React234.createElement(
-    ActionIcon35,
+  return /* @__PURE__ */ React234.createElement(Stack148, { gap: "md" }, /* @__PURE__ */ React234.createElement(Stack148, { gap: "xs" }, /* @__PURE__ */ React234.createElement(Text123, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React234.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React234.createElement(Group80, { gap: "xs" }, /* @__PURE__ */ React234.createElement(IconShieldCheck2, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React234.createElement(Stack148, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React234.createElement(Text123, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React234.createElement(Badge40, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React234.createElement(Divider19, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React234.createElement(Group80, { justify: "center", py: "xl" }, /* @__PURE__ */ React234.createElement(Loader29, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React234.createElement(Alert31, { color: "gray", variant: "light" }, /* @__PURE__ */ React234.createElement(Text123, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React234.createElement(Stack148, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React234.createElement(Paper19, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React234.createElement(Group80, { justify: "space-between" }, /* @__PURE__ */ React234.createElement(Group80, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React234.createElement(Stack148, { gap: 2 }, /* @__PURE__ */ React234.createElement(Text123, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React234.createElement(Group80, { gap: "xs" }, /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React234.createElement(Text123, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React234.createElement(
+    ActionIcon36,
     {
       color: "red",
       variant: "subtle",
@@ -25531,7 +25617,7 @@ var FlowPermissionsPanel = ({
 };
 
 // src/mantine/components/GrantPermissionModal.tsx
-import React235, { useState as useState87, useCallback as useCallback67 } from "react";
+import React235, { useState as useState88, useCallback as useCallback67 } from "react";
 import {
   Modal as Modal4,
   Stack as Stack149,
@@ -25545,11 +25631,11 @@ import {
   Paper as Paper20,
   Loader as Loader30,
   Badge as Badge41,
-  ActionIcon as ActionIcon36,
-  Divider as Divider19,
+  ActionIcon as ActionIcon37,
+  Divider as Divider20,
   NumberInput as NumberInput3
 } from "@mantine/core";
-import { IconSearch as IconSearch7, IconUser as IconUser6, IconRobot as IconRobot5, IconX as IconX11, IconShieldPlus as IconShieldPlus4 } from "@tabler/icons-react";
+import { IconSearch as IconSearch7, IconUser as IconUser6, IconRobot as IconRobot5, IconX as IconX12, IconShieldPlus as IconShieldPlus4 } from "@tabler/icons-react";
 var GrantPermissionModal = ({
   opened,
   onClose,
@@ -25563,20 +25649,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] = useState87("user");
-  const [searchQuery, setSearchQuery] = useState87("");
-  const [searchResults, setSearchResults] = useState87([]);
-  const [searching, setSearching] = useState87(false);
-  const [selectedRecipient, setSelectedRecipient] = useState87(null);
-  const [manualDid, setManualDid] = useState87("");
-  const [scopeType, setScopeType] = useState87("full");
-  const [selectedBlocks, setSelectedBlocks] = useState87([]);
-  const [expirationEnabled, setExpirationEnabled] = useState87(false);
-  const [expirationDays, setExpirationDays] = useState87(30);
-  const [canDelegate, setCanDelegate] = useState87(false);
-  const [pin, setPin] = useState87("");
-  const [loading, setLoading] = useState87(false);
-  const [error, setError] = useState87(null);
+  const [recipientType, setRecipientType] = useState88("user");
+  const [searchQuery, setSearchQuery] = useState88("");
+  const [searchResults, setSearchResults] = useState88([]);
+  const [searching, setSearching] = useState88(false);
+  const [selectedRecipient, setSelectedRecipient] = useState88(null);
+  const [manualDid, setManualDid] = useState88("");
+  const [scopeType, setScopeType] = useState88("full");
+  const [selectedBlocks, setSelectedBlocks] = useState88([]);
+  const [expirationEnabled, setExpirationEnabled] = useState88(false);
+  const [expirationDays, setExpirationDays] = useState88(30);
+  const [canDelegate, setCanDelegate] = useState88(false);
+  const [pin, setPin] = useState88("");
+  const [loading, setLoading] = useState88(false);
+  const [error, setError] = useState88(null);
   const handleSearch = useCallback67(async () => {
     if (searchQuery.length < 2) return;
     setSearching(true);
@@ -25686,7 +25772,7 @@ var GrantPermissionModal = ({
         onChange: (e) => setSearchQuery(e.currentTarget.value),
         onKeyDown: (e) => e.key === "Enter" && handleSearch()
       }
-    ), selectedRecipient ? /* @__PURE__ */ React235.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React235.createElement(Group81, { justify: "space-between" }, /* @__PURE__ */ React235.createElement(Group81, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React235.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React235.createElement(IconUser6, { size: 16 }), /* @__PURE__ */ React235.createElement(Text124, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React235.createElement(Badge41, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React235.createElement(ActionIcon36, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React235.createElement(IconX11, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React235.createElement(Paper20, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React235.createElement(Stack149, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React235.createElement(
+    ), selectedRecipient ? /* @__PURE__ */ React235.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React235.createElement(Group81, { justify: "space-between" }, /* @__PURE__ */ React235.createElement(Group81, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React235.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React235.createElement(IconUser6, { size: 16 }), /* @__PURE__ */ React235.createElement(Text124, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React235.createElement(Badge41, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React235.createElement(ActionIcon37, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React235.createElement(IconX12, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React235.createElement(Paper20, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React235.createElement(Stack149, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React235.createElement(
       Button41,
       {
         key: result.did,
@@ -25704,7 +25790,7 @@ var GrantPermissionModal = ({
         value: manualDid,
         onChange: (e) => setManualDid(e.currentTarget.value)
       }
-    ), /* @__PURE__ */ React235.createElement(Divider19, null), /* @__PURE__ */ React235.createElement(Stack149, { gap: "xs" }, /* @__PURE__ */ React235.createElement(Text124, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
+    ), /* @__PURE__ */ React235.createElement(Divider20, null), /* @__PURE__ */ React235.createElement(Stack149, { gap: "xs" }, /* @__PURE__ */ React235.createElement(Text124, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
       // Single block mode: show fixed block info
       /* @__PURE__ */ React235.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React235.createElement(Group81, { gap: "xs" }, /* @__PURE__ */ React235.createElement(Badge41, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React235.createElement(Text124, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React235.createElement(Text124, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
     ) : (
@@ -25724,7 +25810,7 @@ var GrantPermissionModal = ({
           }
         }
       )))))
-    )), /* @__PURE__ */ React235.createElement(Divider19, null), /* @__PURE__ */ React235.createElement(Stack149, { gap: "xs" }, /* @__PURE__ */ React235.createElement(
+    )), /* @__PURE__ */ React235.createElement(Divider20, null), /* @__PURE__ */ React235.createElement(Stack149, { gap: "xs" }, /* @__PURE__ */ React235.createElement(
       Checkbox12,
       {
         label: "Set expiration",
@@ -25749,7 +25835,7 @@ var GrantPermissionModal = ({
         checked: canDelegate,
         onChange: (e) => setCanDelegate(e.currentTarget.checked)
       }
-    ), /* @__PURE__ */ React235.createElement(Divider19, null), /* @__PURE__ */ React235.createElement(
+    ), /* @__PURE__ */ React235.createElement(Divider20, null), /* @__PURE__ */ React235.createElement(
       TextInput9,
       {
         label: "Enter your PIN to sign this delegation",
@@ -25874,4 +25960,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-FLFC7MR5.mjs.map
+//# sourceMappingURL=chunk-I6Q5SHHA.mjs.map