@ixo/editor 5.6.0 → 5.8.0

package/dist/{chunk-CUDEZXQH.mjs → chunk-KMUBFINJ.mjs}

@@ -26205,7 +26205,7 @@ var BidConfig = ({ inputs, onInputsChange, editor, blockId }) => {
 };
 
 // src/mantine/blocks/action/actionTypes/bid/BidFlowDetail.tsx
-import React260, { useCallback as useCallback90, useEffect as useEffect91, useMemo as useMemo96, useState as useState112 } from "react";
+import React260, { useCallback as useCallback90, useEffect as useEffect91, useMemo as useMemo96, useRef as useRef26, useState as useState112 } from "react";
 import { Alert as Alert46, Loader as Loader43, Stack as Stack178, Text as Text156 } from "@mantine/core";
 import { IconPlayerPlay as IconPlayerPlay3 } from "@tabler/icons-react";
 import { SurveyModel as SurveyModel9 } from "@ixo/surveys";
@@ -26227,6 +26227,10 @@ var BidFlowDetail = ({
   registerRuntimeInputs
 }) => {
   const handlers = useBlocknoteHandlers();
+  const handlersRef = useRef26(handlers);
+  useEffect91(() => {
+    handlersRef.current = handlers;
+  }, [handlers]);
   const services = useMemo96(() => buildServicesFromHandlers(handlers), [handlers]);
   const flowNode = useMemo96(() => buildFlowNodeFromBlock(block), [block]);
   const runtimeManager = useMemo96(() => createRuntimeStateManager(editor), [editor]);
@@ -26302,10 +26306,11 @@ var BidFlowDetail = ({
       setError("Collection is required in template configuration.");
       return;
     }
+    const handlers2 = handlersRef.current;
     setLoadingSurvey(true);
     setError(null);
     try {
-      const result = role === "service_agent" ? await handlers.getBidContributorSurveyTemplate(deedDid, collectionId) : await handlers.getBidEvaluatorSurveyTemplate(deedDid, collectionId);
+      const result = role === "service_agent" ? await handlers2.getBidContributorSurveyTemplate(deedDid, collectionId) : await handlers2.getBidEvaluatorSurveyTemplate(deedDid, collectionId);
       if (!result?.surveyTemplate) {
         setSurveyJson(null);
         setError("No survey template found for the selected role.");
@@ -26318,7 +26323,7 @@ var BidFlowDetail = ({
     } finally {
       setLoadingSurvey(false);
     }
-  }, [handlers, role, deedDid, collectionId]);
+  }, [role, deedDid, collectionId]);
   useEffect91(() => {
     setSurveyJson(null);
     setError(null);
@@ -26332,10 +26337,11 @@ var BidFlowDetail = ({
         setUserRole(null);
         return;
       }
+      const handlers2 = handlersRef.current;
       setStatusLoading(true);
       try {
         const formattedDid = actorDid.startsWith("did:ixo:") ? actorDid : `did:ixo:${actorDid}`;
-        const [bidResponse, collectionsResponse] = await Promise.all([handlers.queryBidsByDid({ collectionId, did: formattedDid }), handlers.getClaimCollections(deedDid)]);
+        const [bidResponse, collectionsResponse] = await Promise.all([handlers2.queryBidsByDid({ collectionId, did: formattedDid }), handlers2.getClaimCollections(deedDid)]);
         if (!mounted) return;
         const bid = Array.isArray(bidResponse?.data) && bidResponse.data.length > 0 ? bidResponse.data[0] : null;
         setUserBid(bid);
@@ -26344,7 +26350,7 @@ var BidFlowDetail = ({
           setUserRole(null);
           return;
         }
-        const roles = await handlers.getUserRoles({
+        const roles = await handlers2.getUserRoles({
           userAddress: actorDid,
           adminAddress,
           deedDid,
@@ -26365,7 +26371,7 @@ var BidFlowDetail = ({
     return () => {
       mounted = false;
     };
-  }, [handlers, deedDid, collectionId, actorDid]);
+  }, [deedDid, collectionId, actorDid]);
   const isApproved = userRole === "SA" /* ServiceProvider */ || userRole === "EA" /* Evaluator */;
   const isPending = !isApproved && !!userBid;
   const canSubmit = !isPending && !isApproved;
@@ -26664,7 +26670,7 @@ var EvaluateBidConfig = ({ inputs, onInputsChange, editor, blockId }) => {
 };
 
 // src/mantine/blocks/action/actionTypes/evaluateBid/EvaluateBidFlowDetail.tsx
-import React263, { useCallback as useCallback92, useEffect as useEffect93, useMemo as useMemo98, useState as useState115 } from "react";
+import React263, { useCallback as useCallback92, useEffect as useEffect93, useMemo as useMemo98, useRef as useRef27, useState as useState115 } from "react";
 import { ActionIcon as ActionIcon39, Alert as Alert48, Badge as Badge49, Box as Box53, Button as Button52, Divider as Divider21, Group as Group101, JsonInput, Loader as Loader45, Stack as Stack180, Text as Text158, UnstyledButton as UnstyledButton4 } from "@mantine/core";
 import { IconArrowLeft as IconArrowLeft7, IconCheck as IconCheck20, IconFilter } from "@tabler/icons-react";
 
@@ -26754,6 +26760,10 @@ var EvaluateBidFlowDetail = ({
   registerRuntimeInputs
 }) => {
   const handlers = useBlocknoteHandlers();
+  const handlersRef = useRef27(handlers);
+  useEffect93(() => {
+    handlersRef.current = handlers;
+  }, [handlers]);
   const services = useMemo98(() => buildServicesFromHandlers(handlers), [handlers]);
   const flowNode = useMemo98(() => buildFlowNodeFromBlock(block), [block]);
   const runtimeManager = useMemo98(() => createRuntimeStateManager(editor), [editor]);
@@ -26799,10 +26809,11 @@ var EvaluateBidFlowDetail = ({
   }, [bids, activeFilter]);
   const refreshBids = useCallback92(async () => {
     if (!deedDid || !collectionId) return;
+    const handlers2 = handlersRef.current;
     setLoadingBids(true);
     setError(null);
     try {
-      const [bidsResponse, collectionsResponse] = await Promise.all([handlers.queryBids({ collectionId }), handlers.getClaimCollections(deedDid)]);
+      const [bidsResponse, collectionsResponse] = await Promise.all([handlers2.queryBids({ collectionId }), handlers2.getClaimCollections(deedDid)]);
       const fetchedBids = Array.isArray(bidsResponse?.data) ? bidsResponse.data : [];
       setBids(fetchedBids);
       if (selectedBidId && !fetchedBids.some((bid) => bid.id === selectedBidId)) {
@@ -26817,7 +26828,7 @@ var EvaluateBidFlowDetail = ({
     } finally {
       setLoadingBids(false);
     }
-  }, [handlers, deedDid, collectionId, selectedBidId]);
+  }, [deedDid, collectionId, selectedBidId]);
   useEffect93(() => {
     setSelectedBidId("");
     setRejectReason("");
@@ -26841,10 +26852,11 @@ var EvaluateBidFlowDetail = ({
         mounted = false;
       };
     const loadProfiles = async () => {
+      const handlers2 = handlersRef.current;
       const results = await Promise.all(
         missing.map(async (did) => {
           try {
-            const profile = await handlers.getMatrixInfoPerDid(did);
+            const profile = await handlers2.getMatrixInfoPerDid(did);
             return [did, profile];
           } catch {
             return [did, null];
@@ -26866,7 +26878,7 @@ var EvaluateBidFlowDetail = ({
     return () => {
       mounted = false;
     };
-  }, [bids, handlers, profilesByDid]);
+  }, [bids, profilesByDid]);
   const addPaymentRow = useCallback92(() => {
     setPaymentRows((prev) => [...prev, createPaymentRow()]);
   }, []);
@@ -27175,7 +27187,7 @@ registerActionTypeUI("qi/bid.evaluate", {
 });
 
 // src/mantine/blocks/action/actionTypes/claim/ClaimConfig.tsx
-import React264, { useCallback as useCallback93, useEffect as useEffect94, useMemo as useMemo99, useRef as useRef26, useState as useState116 } from "react";
+import React264, { useCallback as useCallback93, useEffect as useEffect94, useMemo as useMemo99, useRef as useRef28, useState as useState116 } from "react";
 import { Alert as Alert49, Button as Button53, Loader as Loader46, Stack as Stack181, Text as Text159 } from "@mantine/core";
 
 // src/mantine/blocks/action/actionTypes/claim/types.ts
@@ -27206,7 +27218,7 @@ var ClaimConfig = ({ inputs, onInputsChange, editor, blockId }) => {
   const [collections, setCollections] = useState116([]);
   const [loadingCollections, setLoadingCollections] = useState116(false);
   const [error, setError] = useState116(null);
-  const localRef = useRef26(local);
+  const localRef = useRef28(local);
   useEffect94(() => {
     localRef.current = local;
   }, [local]);
@@ -27226,7 +27238,7 @@ var ClaimConfig = ({ inputs, onInputsChange, editor, blockId }) => {
   );
   const [schemaLoading, setSchemaLoading] = useState116(false);
   const [schemaError, setSchemaError] = useState116(null);
-  const fetchGenRef = useRef26(0);
+  const fetchGenRef = useRef28(0);
   const materialiseSurveySchema = useCallback93(
     async (deedDid, collectionId) => {
       if (!deedDid || !collectionId) return;
@@ -27332,7 +27344,7 @@ var ClaimConfig = ({ inputs, onInputsChange, editor, blockId }) => {
 };
 
 // src/mantine/blocks/action/actionTypes/claim/ClaimFlowDetail.tsx
-import React265, { useCallback as useCallback94, useEffect as useEffect95, useMemo as useMemo100, useState as useState117 } from "react";
+import React265, { useCallback as useCallback94, useEffect as useEffect95, useMemo as useMemo100, useRef as useRef29, useState as useState117 } from "react";
 import { ActionIcon as ActionIcon40, Alert as Alert50, Box as Box54, Group as Group102, Loader as Loader47, Stack as Stack182, Text as Text160 } from "@mantine/core";
 import { IconArrowLeft as IconArrowLeft8, IconCheck as IconCheck21, IconPlayerPlay as IconPlayerPlay4 } from "@tabler/icons-react";
 import { SurveyModel as SurveyModel10 } from "@ixo/surveys";
@@ -27376,6 +27388,10 @@ var ClaimFlowDetail = ({
   registerRuntimeInputs
 }) => {
   const handlers = useBlocknoteHandlers();
+  const handlersRef = useRef29(handlers);
+  useEffect95(() => {
+    handlersRef.current = handlers;
+  }, [handlers]);
   const services = useMemo100(() => buildServicesFromHandlers(handlers), [handlers]);
   const flowNode = useMemo100(() => buildFlowNodeFromBlock(block), [block]);
   const runtimeManager = useMemo100(() => createRuntimeStateManager(editor), [editor]);
@@ -27485,12 +27501,13 @@ var ClaimFlowDetail = ({
   }, [provideSigningHandler, surveyModel]);
   const fetchClaimsAndAdmin = useCallback94(async () => {
     if (!deedDid || !collectionId || !actorDid) return;
+    const handlers2 = handlersRef.current;
     setLoadingClaims(true);
     setError(null);
     try {
       const [claimsResponse, collectionsResponse] = await Promise.all([
-        handlers.getClaimsPerUserAddress({ collectionId, userAddress: actorDid }),
-        handlers.getClaimCollections(deedDid)
+        handlers2.getClaimsPerUserAddress({ collectionId, userAddress: actorDid }),
+        handlers2.getClaimCollections(deedDid)
       ]);
       const fetchedClaims = Array.isArray(claimsResponse) ? claimsResponse : [];
       console.log(
@@ -27512,7 +27529,7 @@ var ClaimFlowDetail = ({
     } finally {
       setLoadingClaims(false);
     }
-  }, [handlers, deedDid, collectionId, actorDid]);
+  }, [deedDid, collectionId, actorDid]);
   useEffect95(() => {
     setSurveyJson(null);
     setPrefillData(null);
@@ -27532,10 +27549,11 @@ var ClaimFlowDetail = ({
         mounted = false;
       };
     const loadProfiles = async () => {
+      const handlers2 = handlersRef.current;
       const results = await Promise.all(
         missing.map(async (did) => {
           try {
-            const profile = await handlers.getMatrixInfoPerDid(did);
+            const profile = await handlers2.getMatrixInfoPerDid(did);
             return [did, profile];
           } catch {
             return [did, null];
@@ -27557,10 +27575,11 @@ var ClaimFlowDetail = ({
     return () => {
       mounted = false;
     };
-  }, [claims, handlers, profilesByDid]);
+  }, [claims, profilesByDid]);
   useEffect95(() => {
     let mounted = true;
     const checkServiceAgentAuthorization = async () => {
+      const handlers2 = handlersRef.current;
       if (!deedDid || !collectionId || !adminAddress || !actorDid) {
         if (mounted) {
           setIsServiceAgentAuthorized(false);
@@ -27569,7 +27588,7 @@ var ClaimFlowDetail = ({
         }
         return;
       }
-      if (typeof handlers.getUserRoles !== "function") {
+      if (typeof handlers2.getUserRoles !== "function") {
         if (mounted) {
           setIsServiceAgentAuthorized(false);
           setAuthError(null);
@@ -27580,7 +27599,7 @@ var ClaimFlowDetail = ({
       setAuthChecking(true);
       setAuthError(null);
       try {
-        const roles = await handlers.getUserRoles({
+        const roles = await handlers2.getUserRoles({
           userAddress: actorDid,
           adminAddress,
           deedDid,
@@ -27606,7 +27625,7 @@ var ClaimFlowDetail = ({
     return () => {
       mounted = false;
     };
-  }, [handlers, actorDid, adminAddress, deedDid, collectionId, authRetryKey]);
+  }, [actorDid, adminAddress, deedDid, collectionId, authRetryKey]);
   useEffect95(() => {
     if (!selectedClaim) {
       setSelectedClaimData(null);
@@ -27615,12 +27634,13 @@ var ClaimFlowDetail = ({
     }
     let cancelled = false;
     const loadDetail = async () => {
+      const handlers2 = handlersRef.current;
       setLoadingClaimDetail(true);
       setError(null);
       try {
         const [claimDataResult, templateResult] = await Promise.all([
-          handlers.getClaimData(collectionId, selectedClaim.claimId),
-          surveyJson ? Promise.resolve({ surveyTemplate: surveyJson }) : handlers.getDeedSurveyTemplate(deedDid, collectionId)
+          handlers2.getClaimData(collectionId, selectedClaim.claimId),
+          surveyJson ? Promise.resolve({ surveyTemplate: surveyJson }) : handlers2.getDeedSurveyTemplate(deedDid, collectionId)
         ]);
         if (cancelled) return;
         setSelectedClaimData(claimDataResult || null);
@@ -27632,10 +27652,10 @@ var ClaimFlowDetail = ({
       } finally {
         if (!cancelled) setLoadingClaimDetail(false);
       }
-      if (getClaimStatusInfo(selectedClaim).key === "disputed" && typeof handlers.getClaimDisputeDetails === "function") {
+      if (getClaimStatusInfo(selectedClaim).key === "disputed" && typeof handlers2.getClaimDisputeDetails === "function") {
         setLoadingDispute(true);
         try {
-          const details = await handlers.getClaimDisputeDetails(selectedClaim.claimId);
+          const details = await handlers2.getClaimDisputeDetails(selectedClaim.claimId);
           if (!cancelled) setDisputeDetails(details);
         } catch {
           if (!cancelled) setDisputeDetails(null);
@@ -27650,7 +27670,7 @@ var ClaimFlowDetail = ({
     return () => {
       cancelled = true;
     };
-  }, [selectedClaim, collectionId, deedDid, handlers, surveyJson]);
+  }, [selectedClaim, collectionId, deedDid, surveyJson]);
   const amendAndResubmit = useCallback94(() => {
     if (!selectedClaimData) return;
     setPrefillData(selectedClaimData);
@@ -27658,11 +27678,12 @@ var ClaimFlowDetail = ({
   }, [selectedClaimData]);
   const startSurvey = useCallback94(async () => {
     if (!deedDid) return;
+    const handlers2 = handlersRef.current;
     setLoadingSurvey(true);
     setError(null);
     setPrefillData(null);
     try {
-      const template = await handlers.getDeedSurveyTemplate(deedDid, collectionId);
+      const template = await handlers2.getDeedSurveyTemplate(deedDid, collectionId);
       if (!template?.surveyTemplate) {
         setSurveyJson(null);
         setError("No survey template found for this DID");
@@ -27675,7 +27696,7 @@ var ClaimFlowDetail = ({
     } finally {
       setLoadingSurvey(false);
     }
-  }, [handlers, deedDid, collectionId]);
+  }, [deedDid, collectionId]);
   const handleSurveyComplete = useCallback94(
     async (sender) => {
       if (authChecking || !isServiceAgentAuthorized) {
@@ -27879,7 +27900,7 @@ registerActionTypeUI("qi/claim.submit", {
 });
 
 // src/mantine/blocks/action/actionTypes/evaluateClaim/EvaluateClaimConfig.tsx
-import React266, { useCallback as useCallback95, useEffect as useEffect96, useMemo as useMemo101, useRef as useRef27, useState as useState118 } from "react";
+import React266, { useCallback as useCallback95, useEffect as useEffect96, useMemo as useMemo101, useRef as useRef30, useState as useState118 } from "react";
 import { Alert as Alert51, Button as Button54, Loader as Loader48, Stack as Stack183, Text as Text161 } from "@mantine/core";
 
 // src/mantine/blocks/action/actionTypes/evaluateClaim/types.ts
@@ -27914,7 +27935,7 @@ var EvaluateClaimConfig = ({ inputs, onInputsChange, editor, blockId }) => {
   const [collections, setCollections] = useState118([]);
   const [loadingCollections, setLoadingCollections] = useState118(false);
   const [error, setError] = useState118(null);
-  const localRef = useRef27(local);
+  const localRef = useRef30(local);
   useEffect96(() => {
     localRef.current = local;
   }, [local]);
@@ -27934,7 +27955,7 @@ var EvaluateClaimConfig = ({ inputs, onInputsChange, editor, blockId }) => {
   );
   const [schemaLoading, setSchemaLoading] = useState118(false);
   const [schemaError, setSchemaError] = useState118(null);
-  const fetchGenRef = useRef27(0);
+  const fetchGenRef = useRef30(0);
   const materialiseSurveySchema = useCallback95(
     async (deedDid, collectionId) => {
       if (!deedDid || !collectionId) return;
@@ -28077,13 +28098,13 @@ function buildBlockOptions(editorDocument, actionType, excludeBlockId) {
 }
 
 // src/mantine/blocks/action/actionTypes/evaluateClaim/EvaluateClaimFlowDetail.tsx
-import React269, { useCallback as useCallback97, useEffect as useEffect98, useMemo as useMemo103, useState as useState120 } from "react";
+import React269, { useCallback as useCallback97, useEffect as useEffect98, useMemo as useMemo103, useRef as useRef32, useState as useState120 } from "react";
 import { ActionIcon as ActionIcon41, Alert as Alert52, Box as Box57, Button as Button55, Checkbox as Checkbox13, Divider as Divider22, Group as Group105, Loader as Loader50, ScrollArea as ScrollArea8, Stack as Stack186, Text as Text164, UnstyledButton as UnstyledButton6 } from "@mantine/core";
 import { IconArrowLeft as IconArrowLeft9, IconCheck as IconCheck22, IconFilter as IconFilter2 } from "@tabler/icons-react";
 import { SurveyModel as SurveyModel11 } from "@ixo/surveys";
 
 // src/mantine/blocks/action/actionTypes/evaluateClaim/ClaimAttachments.tsx
-import React268, { useCallback as useCallback96, useEffect as useEffect97, useMemo as useMemo102, useRef as useRef28, useState as useState119 } from "react";
+import React268, { useCallback as useCallback96, useEffect as useEffect97, useMemo as useMemo102, useRef as useRef31, useState as useState119 } from "react";
 import { Box as Box56, Group as Group104, Loader as Loader49, SimpleGrid as SimpleGrid4, Stack as Stack185, Text as Text163, Tooltip as Tooltip24, UnstyledButton as UnstyledButton5 } from "@mantine/core";
 import { IconFile as IconFile5, IconFileText as IconFileText6, IconMusic, IconPhoto as IconPhoto5, IconVideo } from "@tabler/icons-react";
 
@@ -28280,8 +28301,8 @@ var ClaimAttachments = ({ surveyModel, credentialSubject }) => {
   const [resolved, setResolved] = useState119({});
   const [pending, setPending] = useState119({});
   const [openingKey, setOpeningKey] = useState119(null);
-  const cacheRef = useRef28(/* @__PURE__ */ new Map());
-  const inflightRef = useRef28(/* @__PURE__ */ new Map());
+  const cacheRef = useRef31(/* @__PURE__ */ new Map());
+  const inflightRef = useRef31(/* @__PURE__ */ new Map());
   useEffect97(() => {
     return () => {
       for (const blobUrl of cacheRef.current.values()) URL.revokeObjectURL(blobUrl);
@@ -28476,6 +28497,10 @@ var EvaluateClaimFlowDetail = ({
   registerRuntimeInputs
 }) => {
   const handlers = useBlocknoteHandlers();
+  const handlersRef = useRef32(handlers);
+  useEffect98(() => {
+    handlersRef.current = handlers;
+  }, [handlers]);
   const services = useMemo103(() => buildServicesFromHandlers(handlers), [handlers]);
   const flowNode = useMemo103(() => buildFlowNodeFromBlock(block), [block]);
   const runtimeManager = useMemo103(() => createRuntimeStateManager(editor), [editor]);
@@ -28718,10 +28743,11 @@ var EvaluateClaimFlowDetail = ({
   }, [outcomeTemplateJson]);
   const refreshClaims = useCallback97(async () => {
     if (!deedDid || !collectionId) return;
+    const handlers2 = handlersRef.current;
     setLoadingClaims(true);
     setError(null);
     try {
-      const [claimsResponse, collectionsResponse] = await Promise.all([handlers.getClaimsPerCollectionId({ collectionId }), handlers.getClaimCollections(deedDid)]);
+      const [claimsResponse, collectionsResponse] = await Promise.all([handlers2.getClaimsPerCollectionId({ collectionId }), handlers2.getClaimCollections(deedDid)]);
       const fetchedClaims = Array.isArray(claimsResponse) ? claimsResponse : [];
       setClaims(fetchedClaims);
       if (selectedClaimId && !fetchedClaims.some((claim) => claim.claimId === selectedClaimId)) {
@@ -28736,22 +28762,23 @@ var EvaluateClaimFlowDetail = ({
     } finally {
       setLoadingClaims(false);
     }
-  }, [handlers, deedDid, collectionId, selectedClaimId]);
+  }, [deedDid, collectionId, selectedClaimId]);
   const loadClaimDetail = useCallback97(
     async (claim) => {
+      const handlers2 = handlersRef.current;
       setSurveyLoading(true);
       setEvaluationLoading(false);
       setEvaluationResult(null);
       setError(null);
       try {
-        const claimDataResult = await handlers.getClaimData(collectionId, claim.claimId);
+        const claimDataResult = await handlers2.getClaimData(collectionId, claim.claimId);
         setClaimData(claimDataResult || null);
-        const surveyResult = await handlers.getDeedSurveyTemplate(deedDid, collectionId);
+        const surveyResult = await handlers2.getDeedSurveyTemplate(deedDid, collectionId);
         setSurveyJson(surveyResult?.surveyTemplate || null);
-        if (handlers.getEvaluationTemplate) {
+        if (handlers2.getEvaluationTemplate) {
           setOutcomeTemplateLoading(true);
           try {
-            const evalTemplateResult = await handlers.getEvaluationTemplate(deedDid);
+            const evalTemplateResult = await handlers2.getEvaluationTemplate(deedDid, collectionId);
             setOutcomeTemplateJson(evalTemplateResult?.surveyTemplate || null);
           } catch {
             setOutcomeTemplateJson(null);
@@ -28759,12 +28786,12 @@ var EvaluateClaimFlowDetail = ({
             setOutcomeTemplateLoading(false);
           }
         }
-        if (handlers.getDeedRubric && handlers.evaluateWithRubric && claimDataResult) {
+        if (handlers2.getDeedRubric && handlers2.evaluateWithRubric && claimDataResult) {
           setEvaluationLoading(true);
           try {
-            const rubric = await handlers.getDeedRubric(deedDid);
+            const rubric = await handlers2.getDeedRubric(deedDid);
             if (rubric) {
-              const evalResult = await handlers.evaluateWithRubric({
+              const evalResult = await handlers2.evaluateWithRubric({
                 rubric: typeof rubric.rubric === "string" ? rubric.rubric : JSON.stringify(rubric.rubric),
                 claim: claimDataResult
               });
@@ -28790,7 +28817,7 @@ var EvaluateClaimFlowDetail = ({
         setSurveyLoading(false);
       }
     },
-    [handlers, collectionId, deedDid]
+    [collectionId, deedDid]
   );
   useEffect98(() => {
     setSelectedClaimId("");
@@ -28870,10 +28897,11 @@ var EvaluateClaimFlowDetail = ({
         mounted = false;
       };
     const loadProfiles = async () => {
+      const handlers2 = handlersRef.current;
       const results = await Promise.all(
         missing.map(async (did) => {
           try {
-            const profile = await handlers.getMatrixInfoPerDid(did);
+            const profile = await handlers2.getMatrixInfoPerDid(did);
             return [did, profile];
           } catch {
             return [did, null];
@@ -28895,10 +28923,11 @@ var EvaluateClaimFlowDetail = ({
     return () => {
       mounted = false;
     };
-  }, [claims, handlers, profilesByDid]);
+  }, [claims, profilesByDid]);
   useEffect98(() => {
     let mounted = true;
     const checkEvaluatorAuthorization = async () => {
+      const handlers2 = handlersRef.current;
       if (!deedDid || !collectionId || !adminAddress || !actorDid) {
         if (mounted) {
           setIsEvaluatorAuthorized(false);
@@ -28907,7 +28936,7 @@ var EvaluateClaimFlowDetail = ({
         }
         return;
       }
-      if (typeof handlers.getUserRoles !== "function") {
+      if (typeof handlers2.getUserRoles !== "function") {
         if (mounted) {
           setIsEvaluatorAuthorized(false);
           setAuthError(null);
@@ -28918,7 +28947,7 @@ var EvaluateClaimFlowDetail = ({
       setAuthChecking(true);
       setAuthError(null);
       try {
-        const roles = await handlers.getUserRoles({
+        const roles = await handlers2.getUserRoles({
           userAddress: actorDid,
           adminAddress,
           deedDid,
@@ -28944,7 +28973,7 @@ var EvaluateClaimFlowDetail = ({
     return () => {
       mounted = false;
     };
-  }, [handlers, actorDid, adminAddress, deedDid, collectionId, authRetryKey]);
+  }, [actorDid, adminAddress, deedDid, collectionId, authRetryKey]);
   useEffect98(() => {
     if (!selectedClaim) {
       setClaimData(null);
@@ -28953,6 +28982,7 @@ var EvaluateClaimFlowDetail = ({
       setDisputeDetails(null);
       return void 0;
     }
+    const handlers2 = handlersRef.current;
     setDecision("");
     setDisputeReason("");
     setPaymentRows([createPaymentRow2()]);
@@ -28960,10 +28990,10 @@ var EvaluateClaimFlowDetail = ({
     setOutcomeComplete(false);
     loadClaimDetail(selectedClaim);
     const isDisputed = getClaimStatusInfo(selectedClaim).key === "disputed";
-    if (isDisputed && typeof handlers.getClaimDisputeDetails === "function") {
+    if (isDisputed && typeof handlers2.getClaimDisputeDetails === "function") {
       let cancelled = false;
       setLoadingDispute(true);
-      handlers.getClaimDisputeDetails(selectedClaim.claimId).then((details) => {
+      handlers2.getClaimDisputeDetails(selectedClaim.claimId).then((details) => {
         if (!cancelled) setDisputeDetails(details);
       }).catch(() => {
         if (!cancelled) setDisputeDetails(null);
@@ -28976,7 +29006,7 @@ var EvaluateClaimFlowDetail = ({
     }
     setDisputeDetails(null);
     return void 0;
-  }, [selectedClaim, loadClaimDetail, handlers]);
+  }, [selectedClaim, loadClaimDetail]);
   const isClaimAlreadyEvaluated = useMemo103(() => {
     if (!selectedClaim) return false;
     return isClaimEvaluated(selectedClaim);
@@ -36742,7 +36772,7 @@ var OracleStoreSecretsConfig = ({ inputs, onInputsChange }) => {
 };
 
 // src/mantine/blocks/action/actionTypes/oracleStoreSecrets/OracleStoreSecretsFlowDetail.tsx
-import React325, { useCallback as useCallback150, useEffect as useEffect134, useMemo as useMemo133, useRef as useRef29, useState as useState163 } from "react";
+import React325, { useCallback as useCallback150, useEffect as useEffect134, useMemo as useMemo133, useRef as useRef33, useState as useState163 } from "react";
 import { Alert as Alert79, Button as Button74, Collapse as Collapse11, Divider as Divider36, Group as Group127, Loader as Loader72, Stack as Stack242, Text as Text215 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle33, IconCheck as IconCheck35, IconChevronDown as IconChevronDown11, IconChevronUp as IconChevronUp5, IconLock as IconLock2 } from "@tabler/icons-react";
 var EXPECTED_SECRETS = ["SECP_MNEMONIC", "MATRIX_ORACLE_ADMIN_PASSWORD", "MATRIX_ORACLE_ADMIN_ACCESS_TOKEN", "MATRIX_RECOVERY_PHRASE", "MATRIX_VALUE_PIN", "OPEN_ROUTER_API_KEY"];
@@ -36819,7 +36849,7 @@ var OracleStoreSecretsFlowDetail = ({ inputs, editor, block, runtime, updateRunt
   const [showAdditional, setShowAdditional] = useState163(false);
   const [networkConstants, setNetworkConstants] = useState163(null);
   const [isLoadingConstants, setIsLoadingConstants] = useState163(false);
-  const constantsFetchRef = useRef29(false);
+  const constantsFetchRef = useRef33(false);
   const handleSaveOpenRouter = useCallback150(async () => {
     if (!openRouterDraft) return;
     if (!resolvedInputs.publicKeyMultibase) {
@@ -36937,7 +36967,7 @@ var OracleStoreSecretsFlowDetail = ({ inputs, editor, block, runtime, updateRunt
     schemaVersion,
     missingFields
   ]);
-  const idempotencyCheckRef = useRef29(false);
+  const idempotencyCheckRef = useRef33(false);
   useEffect134(() => {
     if (idempotencyCheckRef.current) return;
     if (!inputsReady) return;
@@ -37616,7 +37646,7 @@ var OracleStoreSecretsAndConfigConfig = ({ inputs, onInputsChange }) => {
 };
 
 // src/mantine/blocks/action/actionTypes/oracleStoreSecretsAndConfig/OracleStoreSecretsAndConfigFlowDetail.tsx
-import React329, { useCallback as useCallback154, useEffect as useEffect137, useMemo as useMemo135, useRef as useRef30, useState as useState166 } from "react";
+import React329, { useCallback as useCallback154, useEffect as useEffect137, useMemo as useMemo135, useRef as useRef34, useState as useState166 } from "react";
 import { Alert as Alert81, Button as Button76, Collapse as Collapse12, Divider as Divider39, Group as Group129, Loader as Loader74, Stack as Stack246, Text as Text219 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle35, IconCheck as IconCheck37, IconChevronDown as IconChevronDown12, IconChevronUp as IconChevronUp6, IconLock as IconLock3 } from "@tabler/icons-react";
 var EXPECTED_SECRETS2 = ["SECP_MNEMONIC", "MATRIX_ORACLE_ADMIN_PASSWORD", "MATRIX_ORACLE_ADMIN_ACCESS_TOKEN", "MATRIX_RECOVERY_PHRASE", "MATRIX_VALUE_PIN", "OPEN_ROUTER_API_KEY"];
@@ -37712,7 +37742,7 @@ var OracleStoreSecretsAndConfigFlowDetail = ({ inputs, editor, block, runtime, u
   const [showAdditional, setShowAdditional] = useState166(false);
   const [networkConstants, setNetworkConstants] = useState166(null);
   const [isLoadingConstants, setIsLoadingConstants] = useState166(false);
-  const constantsFetchRef = useRef30(false);
+  const constantsFetchRef = useRef34(false);
   const handleSaveOpenRouter = useCallback154(async () => {
     if (!openRouterDraft) return;
     if (!resolvedInputs.publicKeyMultibase) return;
@@ -37823,7 +37853,7 @@ var OracleStoreSecretsAndConfigFlowDetail = ({ inputs, editor, block, runtime, u
     schemaVersion,
     missingFields
   ]);
-  const idempotencyCheckRef = useRef30(false);
+  const idempotencyCheckRef = useRef34(false);
   useEffect137(() => {
     if (idempotencyCheckRef.current) return;
     if (!inputsReady) return;
@@ -38163,7 +38193,7 @@ var OracleConfigureOracleConfig = ({ inputs, onInputsChange }) => {
 };
 
 // src/mantine/blocks/action/actionTypes/oracleConfigureOracle/OracleConfigureOracleFlowDetail.tsx
-import React331, { useCallback as useCallback156, useEffect as useEffect139, useMemo as useMemo136, useRef as useRef31, useState as useState168 } from "react";
+import React331, { useCallback as useCallback156, useEffect as useEffect139, useMemo as useMemo136, useRef as useRef35, useState as useState168 } from "react";
 import { Alert as Alert82, Button as Button77, Collapse as Collapse13, Divider as Divider41, Group as Group130, Loader as Loader75, Stack as Stack248, Text as Text221 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle36, IconCheck as IconCheck38, IconChevronDown as IconChevronDown13, IconChevronUp as IconChevronUp7, IconLock as IconLock4 } from "@tabler/icons-react";
 var EXPECTED_SECRETS3 = ["SECP_MNEMONIC", "MATRIX_ORACLE_ADMIN_PASSWORD", "MATRIX_ORACLE_ADMIN_ACCESS_TOKEN", "MATRIX_RECOVERY_PHRASE", "MATRIX_VALUE_PIN", "OPEN_ROUTER_API_KEY"];
@@ -38279,7 +38309,7 @@ var OracleConfigureOracleFlowDetail = ({ inputs, editor, block, runtime, updateR
   const [showAdditional, setShowAdditional] = useState168(false);
   const [networkConstants, setNetworkConstants] = useState168(null);
   const [isLoadingConstants, setIsLoadingConstants] = useState168(false);
-  const constantsFetchRef = useRef31(false);
+  const constantsFetchRef = useRef35(false);
   const handleSaveOpenRouter = useCallback156(async () => {
     if (!openRouterDraft) return;
     if (!resolvedInputs.publicKeyMultibase) return;
@@ -38391,7 +38421,7 @@ var OracleConfigureOracleFlowDetail = ({ inputs, editor, block, runtime, updateR
     schemaVersion,
     missingFields
   ]);
-  const idempotencyCheckRef = useRef31(false);
+  const idempotencyCheckRef = useRef35(false);
   useEffect139(() => {
     if (idempotencyCheckRef.current) return;
     if (!inputsReady) return;
@@ -39210,7 +39240,7 @@ import React342, { useCallback as useCallback161 } from "react";
 import { IconSettings as IconSettings19 } from "@tabler/icons-react";
 
 // src/mantine/blocks/location/template/GeneralTab.tsx
-import React341, { useEffect as useEffect141, useRef as useRef32, useState as useState171 } from "react";
+import React341, { useEffect as useEffect141, useRef as useRef36, useState as useState171 } from "react";
 import { Box as Box63, Divider as Divider42, Stack as Stack255, Text as Text228 } from "@mantine/core";
 
 // src/core/hooks/useUnlMap.ts
@@ -39387,10 +39417,10 @@ var GeneralTab17 = ({ title, description, latitude, longitude, onTitleChange, on
   const [mapError, setMapError] = useState171(null);
   const { status, UnlSdk } = useUnlMap();
   const { mapConfig } = useBlocknoteContext();
-  const markerRef = useRef32(null);
-  const mapRef = useRef32(null);
-  const wrapperRef = useRef32(null);
-  const containerRef = useRef32(null);
+  const markerRef = useRef36(null);
+  const mapRef = useRef36(null);
+  const wrapperRef = useRef36(null);
+  const containerRef = useRef36(null);
   useEffect141(() => {
     setLocalTitle(title);
   }, [title]);
@@ -39523,15 +39553,15 @@ var TemplateConfig17 = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/location/components/LocationMap.tsx
-import React343, { useEffect as useEffect142, useRef as useRef33, useState as useState172 } from "react";
+import React343, { useEffect as useEffect142, useRef as useRef37, useState as useState172 } from "react";
 import { Box as Box64, Flex as Flex36, Loader as Loader79, Text as Text229 } from "@mantine/core";
 var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker = true, showTilesControl = false }) => {
   const [mapError, setMapError] = useState172(null);
   const { mapConfig } = useBlocknoteContext();
-  const wrapperRef = useRef33(null);
-  const containerRef = useRef33(null);
-  const mapRef = useRef33(null);
-  const markerRef = useRef33(null);
+  const wrapperRef = useRef37(null);
+  const containerRef = useRef37(null);
+  const mapRef = useRef37(null);
+  const markerRef = useRef37(null);
   const { status, UnlSdk } = useUnlMap();
   useEffect142(() => {
     if (status !== "ready" || !UnlSdk || mapRef.current || !containerRef.current || !wrapperRef.current) return;
@@ -40144,7 +40174,7 @@ var SkillsTemplateView = ({ editor: _editor, block }) => {
 // src/mantine/blocks/skills/flow/SkillsFlowView.tsx
 import { ActionIcon as ActionIcon46, Badge as Badge57, Button as Button82, Collapse as Collapse15, Group as Group141, Loader as Loader80, Paper as Paper21, Stack as Stack263, Text as Text237, Tooltip as Tooltip30 } from "@mantine/core";
 import { IconBrain as IconBrain3, IconCheck as IconCheck43, IconPencil, IconPlus as IconPlus11, IconTrash as IconTrash11, IconX as IconX15 } from "@tabler/icons-react";
-import React361, { useCallback as useCallback165, useEffect as useEffect144, useMemo as useMemo146, useRef as useRef34, useState as useState175 } from "react";
+import React361, { useCallback as useCallback165, useEffect as useEffect144, useMemo as useMemo146, useRef as useRef38, useState as useState175 } from "react";
 function parseSkills2(raw) {
   try {
     const parsed = JSON.parse(raw || "[]");
@@ -40176,7 +40206,7 @@ var SkillsFlowView = ({ editor, block }) => {
   const [validatingUrls, setValidatingUrls] = useState175({});
   const [capsules, setCapsules] = useState175([]);
   const [loadingCapsules, setLoadingCapsules] = useState175(false);
-  const capsulesFetchedRef = useRef34(false);
+  const capsulesFetchedRef = useRef38(false);
   useEffect144(() => {
     if (capsulesFetchedRef.current || !handlers.getSkills) return;
     capsulesFetchedRef.current = true;
@@ -40184,7 +40214,7 @@ var SkillsFlowView = ({ editor, block }) => {
     handlers.getSkills().then((r) => setCapsules(r.capsules || [])).catch((err) => console.error("[skills] Failed to fetch capsules:", err)).finally(() => setLoadingCapsules(false));
   }, [handlers.getSkills]);
   const [network, setNetwork] = useState175("");
-  const networkFetchedRef = useRef34(false);
+  const networkFetchedRef = useRef38(false);
   useEffect144(() => {
     if (networkFetchedRef.current || !handlers.getNetwork) return;
     networkFetchedRef.current = true;
@@ -41290,14 +41320,14 @@ import { useCreateBlockNote as useCreateBlockNote2 } from "@blocknote/react";
 import { BlockNoteSchema as BlockNoteSchema2, defaultBlockSpecs as defaultBlockSpecs2, defaultInlineContentSpecs as defaultInlineContentSpecs2, defaultStyleSpecs as defaultStyleSpecs2 } from "@blocknote/core";
 
 // src/core/hooks/useMatrixProvider.ts
-import { useEffect as useEffect146, useState as useState177, useRef as useRef35, useCallback as useCallback167, useMemo as useMemo149 } from "react";
+import { useEffect as useEffect146, useState as useState177, useRef as useRef39, useCallback as useCallback167, useMemo as useMemo149 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
   const [matrixProvider, setProvider] = useState177(null);
   const [status, setStatus] = useState177("disconnected");
-  const isMountedRef = useRef35(true);
-  const providerRef = useRef35(null);
-  const retryTimeoutRef = useRef35(null);
+  const isMountedRef = useRef39(true);
+  const providerRef = useRef39(null);
+  const retryTimeoutRef = useRef39(null);
   const providerOptions = useMemo149(
     () => ({
       translator: {
@@ -41395,7 +41425,7 @@ function useCollaborativeYDoc(_options) {
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo151, useEffect as useEffect148, useState as useState178, useRef as useRef37 } from "react";
+import { useMemo as useMemo151, useEffect as useEffect148, useState as useState178, useRef as useRef41 } from "react";
 
 // src/core/lib/matrixMetadata.ts
 var COVER_IMAGE_EVENT_TYPE = "ixo.page.cover_image";
@@ -41664,7 +41694,7 @@ function logInvocation(matrixClient, roomId, invocation) {
 }
 
 // src/mantine/hooks/useFlowLifecycle.ts
-import { useEffect as useEffect147, useCallback as useCallback168, useRef as useRef36 } from "react";
+import { useEffect as useEffect147, useCallback as useCallback168, useRef as useRef40 } from "react";
 
 // src/mantine/hooks/useFlowTTLCleanup.ts
 function performTTLCleanup(editor) {
@@ -41901,8 +41931,8 @@ function isBlockEnabledInFlow(block, editorDocument) {
 // src/mantine/hooks/useFlowLifecycle.ts
 var DEFAULT_INTERVAL_MS = 3e4;
 function useFlowLifecycle({ editor, connectionStatus, enabled = true }) {
-  const hasRunInitialRef = useRef36(false);
-  const runningRef = useRef36(false);
+  const hasRunInitialRef = useRef40(false);
+  const runningRef = useRef40(false);
   const runPipeline = useCallback168(async () => {
     if (!editor || runningRef.current) return;
     runningRef.current = true;
@@ -42121,6 +42151,10 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [theme, editable, sideMenu, slashMenu, formattingToolbar, linkToolbar, filePanel, tableHandles]
   );
+  const [providerReady, setProviderReady] = useState178(false);
+  useEffect148(() => {
+    if (matrixProvider && !providerReady) setProviderReady(true);
+  }, [matrixProvider, providerReady]);
   const editor = useCreateBlockNote2(
     {
       schema,
@@ -42129,7 +42163,7 @@ function useCreateCollaborativeIxoEditor(options) {
       collaboration: collaborationConfig,
       pasteHandler: ixoPasteHandler
     },
-    [matrixProvider]
+    [providerReady]
   );
   const titleText = useMemo151(() => yDoc.getText("title"), [yDoc]);
   let ixoEditor;
@@ -42356,7 +42390,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }
   }, [connectionStatus, root, titleText, permissions.write, options.docId, options.title, memoizedUser.id]);
   const [connectedUsers, setConnectedUsers] = useState178([]);
-  const activeBlockIdRef = useRef37(null);
+  const activeBlockIdRef = useRef41(null);
   const awarenessInstance = matrixProvider?.awarenessInstance ?? null;
   useEffect148(() => {
     if (!awarenessInstance || connectionStatus !== "connected") {
@@ -42472,7 +42506,7 @@ function sanitizeThemeForMantine7(theme) {
 }
 
 // src/mantine/components/CommandPalette.tsx
-import React364, { useEffect as useEffect149, useRef as useRef38, useState as useState179, useMemo as useMemo152, useCallback as useCallback169 } from "react";
+import React364, { useEffect as useEffect149, useRef as useRef42, useState as useState179, useMemo as useMemo152, useCallback as useCallback169 } from "react";
 import { Box as Box67, Text as Text238, Stack as Stack264 } from "@mantine/core";
 var GROUP_ORDER = {
   Headings: 0,
@@ -42486,7 +42520,7 @@ var GROUP_ORDER = {
   Flows: 8
 };
 function PaletteItem({ item, isSelected, onClick, id }) {
-  const ref = useRef38(null);
+  const ref = useRef42(null);
   const [hovered, setHovered] = useState179(false);
   useEffect149(() => {
     if (isSelected && ref.current) {
@@ -42714,7 +42748,7 @@ function PanelContent({ theme: _theme }) {
 }
 
 // src/mantine/components/CoverImage.tsx
-import React370, { useState as useState183, useRef as useRef39, useEffect as useEffect152, useMemo as useMemo155 } from "react";
+import React370, { useState as useState183, useRef as useRef43, useEffect as useEffect152, useMemo as useMemo155 } from "react";
 import { Box as Box72, Group as Group145 } from "@mantine/core";
 import { IconMoodSmile, IconPhoto as IconPhoto6, IconSettings as IconSettings22, IconArrowsMove, IconTrash as IconTrash13, IconRefresh as IconRefresh10 } from "@tabler/icons-react";
 
@@ -43202,8 +43236,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
   const [isHovering, setIsHovering] = useState183(false);
   const [isRepositioning, setIsRepositioning] = useState183(false);
   const [coverPosition, setCoverPosition] = useState183(() => editor?.getPageMetadata?.()?.coverPosition ?? 50);
-  const coverFileInputRef = useRef39(null);
-  const logoFileInputRef = useRef39(null);
+  const coverFileInputRef = useRef43(null);
+  const logoFileInputRef = useRef43(null);
   const [opened, { open, close }] = useDisclosure8(false);
   const [metadata, setMetadata] = useState183(() => editor?.getPageMetadata?.() || null);
   const settingsPanelContent = useMemo155(() => editor ? /* @__PURE__ */ React370.createElement(FlowSettingsPanel, { editor }) : null, [editor]);
@@ -43498,7 +43532,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
 }
 
 // src/mantine/components/PageTitle.tsx
-import React371, { useState as useState184, useEffect as useEffect153, useRef as useRef40, useCallback as useCallback171 } from "react";
+import React371, { useState as useState184, useEffect as useEffect153, useRef as useRef44, useCallback as useCallback171 } from "react";
 import { Box as Box73 } from "@mantine/core";
 var DEFAULT_TITLE = "New page";
 function isUserTitle(name) {
@@ -43516,8 +43550,8 @@ function cleanEmptyEditable(el) {
 function PageTitle({ editor, editable }) {
   const [title, setTitle] = useState184("");
   const [hasIcon, setHasIcon] = useState184(false);
-  const titleRef = useRef40(null);
-  const isComposing = useRef40(false);
+  const titleRef = useRef44(null);
+  const isComposing = useRef44(false);
   useEffect153(() => {
     if (!editor?._metadataManager) return;
     const metadata = editor._metadataManager.getMetadata();
@@ -43668,7 +43702,7 @@ if (typeof document !== "undefined") {
 }
 
 // src/mantine/components/ExternalDropZone.tsx
-import React372, { useCallback as useCallback172, useEffect as useEffect154, useRef as useRef41, useState as useState185 } from "react";
+import React372, { useCallback as useCallback172, useEffect as useEffect154, useRef as useRef45, useState as useState185 } from "react";
 import { Box as Box74 } from "@mantine/core";
 var SCROLL_ZONE_SIZE = 80;
 var SCROLL_SPEED = 12;
@@ -43681,14 +43715,14 @@ var ExternalDropZone = ({
   onPlacementCancel,
   children
 }) => {
-  const containerRef = useRef41(null);
+  const containerRef = useRef45(null);
   const [isValidDrag, setIsValidDrag] = useState185(false);
   const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState185(false);
   const [indicatorStyle, setIndicatorStyle] = useState185({});
-  const dropPositionRef = useRef41(null);
-  const scrollAnimationRef = useRef41(null);
-  const scrollDirectionRef = useRef41(null);
-  const scrollContainerRef = useRef41(null);
+  const dropPositionRef = useRef45(null);
+  const scrollAnimationRef = useRef45(null);
+  const scrollDirectionRef = useRef45(null);
+  const scrollContainerRef = useRef45(null);
   const getBlockElements = useCallback172(() => {
     if (!containerRef.current) return [];
     const blocks = containerRef.current.querySelectorAll('[data-node-type="blockContainer"]');
@@ -44032,7 +44066,8 @@ function IxoEditorContent({
   externalDropType,
   dropIndicator,
   isPlacementMode,
-  onPlacementCancel
+  onPlacementCancel,
+  belowTitleSlot
 }) {
   const { activePanel } = usePanelStore();
   const isPanelOpen = activePanel !== null;
@@ -44087,6 +44122,7 @@ function IxoEditorContent({
     },
     /* @__PURE__ */ React373.createElement(CoverImage, { coverImageUrl, logoUrl }),
     /* @__PURE__ */ React373.createElement(PageTitle, { editor, editable: isEditable }),
+    belowTitleSlot,
     (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React373.createElement(
       ExternalDropZone,
       {
@@ -44126,7 +44162,8 @@ function IxoEditor({
   onPlacementCancel,
   mapConfig,
   connectedUsers,
-  awarenessInstance
+  awarenessInstance,
+  belowTitleSlot
 }) {
   if (!editor) {
     return null;
@@ -44172,7 +44209,8 @@ function IxoEditor({
         externalDropType,
         dropIndicator,
         isPlacementMode,
-        onPlacementCancel
+        onPlacementCancel,
+        belowTitleSlot
       },
       children
     )
@@ -44263,7 +44301,7 @@ function DebugButton({ editor }) {
 }
 
 // src/mantine/components/PageHeader.tsx
-import React375, { useState as useState186, useRef as useRef42, useEffect as useEffect155 } from "react";
+import React375, { useState as useState186, useRef as useRef46, useEffect as useEffect155 } from "react";
 function PageHeader({
   title = "New page",
   icon: icon2,
@@ -44277,8 +44315,8 @@ function PageHeader({
 }) {
   const [isMenuOpen, setIsMenuOpen] = useState186(false);
   const [isPrivacyOpen, setIsPrivacyOpen] = useState186(false);
-  const menuRef = useRef42(null);
-  const privacyRef = useRef42(null);
+  const menuRef = useRef46(null);
+  const privacyRef = useRef46(null);
   useEffect155(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
@@ -44910,4 +44948,4 @@ export {
   getExtraSlashMenuItems,
   useCreateIxoEditor
 };
-//# sourceMappingURL=chunk-CUDEZXQH.mjs.map
+//# sourceMappingURL=chunk-KMUBFINJ.mjs.map