@ixo/editor 2.40.0 → 2.41.0

package/dist/{chunk-JSVV5AQB.mjs → chunk-4TDDY3Q6.mjs}

@@ -1690,7 +1690,7 @@ var BlocknoteContext = createContext({
     throw new Error("BlocknoteContext not initialized");
   }
 });
-var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editable, visualizationRenderer, getDynamicListData, dynamicListPanelRenderer, domainCardRenderer }) => {
+var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editable, visualizationRenderer, getDynamicListData, dynamicListPanelRenderer, domainCardRenderer, mapConfig }) => {
   const [sharedProposals, setSharedProposals] = useState3({});
   const sharedProposalsRef = useRef3({});
   const [activeDrawerId, setActiveDrawerId] = useState3(null);
@@ -1790,7 +1790,8 @@ var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editab
         visualizationRenderer,
         getDynamicListData,
         dynamicListPanelRenderer,
-        domainCardRenderer
+        domainCardRenderer,
+        mapConfig
       }
     },
     children
@@ -23681,6 +23682,360 @@ var FlowLinkBlockSpec = createReactBlockSpec20(
   }
 );
 
+// src/mantine/blocks/location/LocationBlockSpec.tsx
+import React238 from "react";
+import { createReactBlockSpec as createReactBlockSpec21 } from "@blocknote/react";
+
+// src/mantine/blocks/location/LocationBlock.tsx
+import React237 from "react";
+
+// src/mantine/blocks/location/template/TemplateView.tsx
+import React234, { useMemo as useMemo81 } from "react";
+import { Group as Group84, Stack as Stack152, Text as Text130 } from "@mantine/core";
+import { IconMapPin } from "@tabler/icons-react";
+
+// src/mantine/blocks/location/template/TemplateConfig.tsx
+import React232, { useCallback as useCallback69 } from "react";
+import { IconSettings as IconSettings19 } from "@tabler/icons-react";
+
+// src/mantine/blocks/location/template/GeneralTab.tsx
+import React231, { useEffect as useEffect70, useRef as useRef21, useState as useState86 } from "react";
+import { Box as Box44, Divider as Divider20, Stack as Stack151, Text as Text128 } from "@mantine/core";
+
+// src/core/hooks/useUnlMap.ts
+import { useEffect as useEffect69, useState as useState85 } from "react";
+function useUnlMap() {
+  const [status, setStatus] = useState85("loading");
+  useEffect69(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    if (window.UnlSdk) {
+      setStatus("ready");
+      return;
+    }
+    const loadScript = (src) => {
+      return new Promise((resolve, reject) => {
+        const existingScript = document.querySelector(`script[src="${src}"]`);
+        if (existingScript) {
+          return resolve(new Event("load"));
+        }
+        const script = document.createElement("script");
+        script.src = src;
+        script.async = true;
+        script.addEventListener("load", resolve);
+        script.addEventListener("error", reject);
+        document.body.appendChild(script);
+      });
+    };
+    const loadCSS = (href) => {
+      return new Promise((resolve, reject) => {
+        const existingLink = document.querySelector(`link[href="${href}"]`);
+        if (existingLink) {
+          return resolve(new Event("load"));
+        }
+        const link = document.createElement("link");
+        link.href = href;
+        link.rel = "stylesheet";
+        link.addEventListener("load", resolve);
+        link.addEventListener("error", reject);
+        document.head.appendChild(link);
+      });
+    };
+    Promise.all([
+      loadScript("https://unpkg.com/unl-map-js@0.1.5/lib/unl-map-js.js"),
+      loadCSS("https://unpkg.com/unl-map-js@0.1.5/lib/unl-map-js.css"),
+      loadCSS("https://unpkg.com/maplibre-gl@2.1.9/dist/maplibre-gl.css")
+    ]).then(() => {
+      setStatus("ready");
+    }).catch(() => {
+      setStatus("error");
+    });
+    return () => {
+    };
+  }, []);
+  return {
+    status,
+    UnlSdk: status === "ready" && typeof window !== "undefined" ? window.UnlSdk : null
+  };
+}
+
+// src/mantine/blocks/location/template/GeneralTab.tsx
+var DEFAULT_CENTER = [0, 20];
+var DEFAULT_ZOOM = 2;
+var PLACED_ZOOM = 14;
+var GeneralTab17 = ({ title, description, latitude, longitude, onTitleChange, onDescriptionChange, onCoordinatesChange }) => {
+  const [localTitle, setLocalTitle] = useState86(title);
+  const [localDescription, setLocalDescription] = useState86(description);
+  const [mapError, setMapError] = useState86(null);
+  const { status, UnlSdk } = useUnlMap();
+  const { mapConfig } = useBlocknoteContext();
+  const markerRef = useRef21(null);
+  const mapRef = useRef21(null);
+  const containerRef = useRef21(null);
+  useEffect70(() => {
+    setLocalTitle(title);
+  }, [title]);
+  useEffect70(() => {
+    setLocalDescription(description);
+  }, [description]);
+  useEffect70(() => {
+    if (status !== "ready" || !UnlSdk || mapRef.current || !mapConfig || !containerRef.current) return;
+    try {
+      const hasCoords = latitude && longitude;
+      const center = hasCoords ? [Number(longitude), Number(latitude)] : DEFAULT_CENTER;
+      const zoom = hasCoords ? PLACED_ZOOM : DEFAULT_ZOOM;
+      const map = new UnlSdk.Map({
+        container: containerRef.current,
+        apiKey: mapConfig.apiKey,
+        vpmId: mapConfig.vpmId,
+        center,
+        zoom
+      });
+      mapRef.current = map;
+      map.on("load", () => {
+        if (hasCoords) {
+          markerRef.current = new UnlSdk.Marker().setLngLat([Number(longitude), Number(latitude)]).addTo(map);
+        }
+      });
+      map.on("click", (e) => {
+        const { lng, lat } = e.lngLat;
+        onCoordinatesChange(String(lat), String(lng));
+        if (markerRef.current) {
+          markerRef.current.setLngLat([lng, lat]);
+        } else if (UnlSdk) {
+          markerRef.current = new UnlSdk.Marker().setLngLat([lng, lat]).addTo(map);
+        }
+      });
+      const ro = new ResizeObserver(() => {
+        map.resize();
+      });
+      ro.observe(containerRef.current);
+      return () => {
+        ro.disconnect();
+        mapRef.current = null;
+        markerRef.current = null;
+      };
+    } catch (err) {
+      console.error("Failed to initialize map:", err);
+      setMapError("Failed to initialize map. WebGL may not be supported.");
+    }
+    return () => {
+      mapRef.current = null;
+      markerRef.current = null;
+    };
+  }, [status, UnlSdk]);
+  return /* @__PURE__ */ React231.createElement(Stack151, { gap: "lg" }, /* @__PURE__ */ React231.createElement(Stack151, { gap: "xs" }, /* @__PURE__ */ React231.createElement(Text128, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React231.createElement(
+    BaseTextInput,
+    {
+      placeholder: "e.g. Project Location",
+      value: localTitle,
+      onChange: (event) => {
+        const v = event.currentTarget.value;
+        setLocalTitle(v);
+        onTitleChange(v);
+      }
+    }
+  )), /* @__PURE__ */ React231.createElement(Stack151, { gap: "xs" }, /* @__PURE__ */ React231.createElement(Text128, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React231.createElement(
+    BaseTextInput,
+    {
+      placeholder: "e.g. Main project site coordinates",
+      value: localDescription,
+      onChange: (event) => {
+        const v = event.currentTarget.value;
+        setLocalDescription(v);
+        onDescriptionChange(v);
+      }
+    }
+  )), /* @__PURE__ */ React231.createElement(Divider20, { variant: "dashed" }), /* @__PURE__ */ React231.createElement(Stack151, { gap: "xs" }, /* @__PURE__ */ React231.createElement(Text128, { size: "sm", fw: 600 }, "Location"), /* @__PURE__ */ React231.createElement(Text128, { size: "xs", c: "dimmed" }, "Click on the map to set the location."), mapError ? /* @__PURE__ */ React231.createElement(Text128, { size: "sm", c: "red" }, mapError) : /* @__PURE__ */ React231.createElement(Box44, { mx: "auto", w: "100%", miw: 280, h: 300, ref: containerRef, style: { borderRadius: 12 } })), /* @__PURE__ */ React231.createElement(Stack151, { gap: "xs" }, /* @__PURE__ */ React231.createElement(BaseTextInput, { label: "Latitude", value: latitude, readOnly: true, placeholder: "Not set" }), /* @__PURE__ */ React231.createElement(BaseTextInput, { label: "Longitude", value: longitude, readOnly: true, placeholder: "Not set" })));
+};
+
+// src/mantine/blocks/location/template/TemplateConfig.tsx
+var TemplateConfig17 = ({ editor, block }) => {
+  const { closePanel } = usePanelStore();
+  const updateProp = useCallback69(
+    (key, value) => {
+      editor.updateBlock(block, { props: { ...block.props, [key]: value } });
+    },
+    [editor, block]
+  );
+  const updateProps = useCallback69(
+    (updates) => {
+      editor.updateBlock(block, { props: { ...block.props, ...updates } });
+    },
+    [editor, block]
+  );
+  const tabs = [
+    {
+      label: "General",
+      value: "general",
+      icon: icon(IconSettings19),
+      content: /* @__PURE__ */ React232.createElement(
+        GeneralTab17,
+        {
+          title: block.props.title || "",
+          description: block.props.description || "",
+          latitude: block.props.latitude || "",
+          longitude: block.props.longitude || "",
+          onTitleChange: (v) => updateProp("title", v),
+          onDescriptionChange: (v) => updateProp("description", v),
+          onCoordinatesChange: (lat, lng) => updateProps({ latitude: lat, longitude: lng })
+        }
+      )
+    }
+  ];
+  return /* @__PURE__ */ React232.createElement(BaseRightPanelLayout, { title: "Location Settings", onClose: closePanel, tabs, context: { editor, block } });
+};
+
+// src/mantine/blocks/location/components/LocationMap.tsx
+import React233, { useEffect as useEffect71, useRef as useRef22, useState as useState87 } from "react";
+import { Box as Box45, Flex as Flex30, Loader as Loader34, Text as Text129 } from "@mantine/core";
+var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker = true }) => {
+  const [mapError, setMapError] = useState87(null);
+  const { mapConfig } = useBlocknoteContext();
+  const containerRef = useRef22(null);
+  const mapRef = useRef22(null);
+  const markerRef = useRef22(null);
+  const { status, UnlSdk } = useUnlMap();
+  useEffect71(() => {
+    if (status !== "ready" || !UnlSdk || mapRef.current || !containerRef.current) return;
+    let ro;
+    try {
+      const map = new UnlSdk.Map({
+        container: containerRef.current,
+        apiKey: mapConfig?.apiKey || "",
+        vpmId: mapConfig?.vpmId || "",
+        center: [Number(longitude), Number(latitude)],
+        zoom
+      });
+      mapRef.current = map;
+      if (showMarker) {
+        markerRef.current = new UnlSdk.Marker().setLngLat([Number(longitude), Number(latitude)]).addTo(map);
+      }
+      ro = new ResizeObserver(() => {
+        map.resize();
+      });
+      ro.observe(containerRef.current);
+    } catch (err) {
+      console.error("Failed to initialize map:", err);
+      setMapError("Failed to initialize map");
+    }
+    return () => {
+      ro?.disconnect();
+    };
+  }, [status, UnlSdk, mapConfig]);
+  useEffect71(() => {
+    if (!mapRef.current || !latitude || !longitude) return;
+    const coords = [Number(longitude), Number(latitude)];
+    mapRef.current.setCenter(coords);
+    if (showMarker && markerRef.current) {
+      markerRef.current.setLngLat(coords);
+    }
+  }, [latitude, longitude, showMarker]);
+  if (status === "loading") {
+    return /* @__PURE__ */ React233.createElement(
+      Box45,
+      {
+        style: {
+          borderRadius: 16,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        w,
+        h
+      },
+      /* @__PURE__ */ React233.createElement(Loader34, null)
+    );
+  }
+  if (status === "error" || mapError) {
+    return /* @__PURE__ */ React233.createElement(
+      Box45,
+      {
+        style: {
+          borderRadius: 16,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        w,
+        h
+      },
+      /* @__PURE__ */ React233.createElement(Text129, { size: "sm", c: "red" }, mapError || "Failed to load map")
+    );
+  }
+  return /* @__PURE__ */ React233.createElement(Box45, { ref: containerRef, style: { borderRadius: 16 }, w, h });
+};
+function LocationMap(props) {
+  if (props.latitude === void 0 || props.longitude === void 0)
+    return /* @__PURE__ */ React233.createElement(Flex30, { w: "100%", h: 200, align: "center", justify: "center" }, /* @__PURE__ */ React233.createElement(Loader34, null));
+  return /* @__PURE__ */ React233.createElement(UnlMap, { ...props });
+}
+
+// src/mantine/blocks/location/template/TemplateView.tsx
+var LOCATION_TEMPLATE_PANEL_ID = "location-template-panel";
+var LocationTemplateView = ({ editor, block }) => {
+  const panelId = `${LOCATION_TEMPLATE_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo81(() => /* @__PURE__ */ React234.createElement(TemplateConfig17, { editor, block }), [editor, block]);
+  const { open } = usePanel(panelId, panelContent);
+  console.log("block.props:", block.props);
+  const hasLocation = block.props.latitude && block.props.longitude;
+  return /* @__PURE__ */ React234.createElement(BaseContainer, { onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React234.createElement(Stack152, { gap: "xs", justify: "center" }, /* @__PURE__ */ React234.createElement(Group84, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React234.createElement(IconMapPin, { color: "white", size: 26, stroke: 1.5 }), /* @__PURE__ */ React234.createElement(Stack152, { gap: 2 }, /* @__PURE__ */ React234.createElement(Text130, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Location"), block.props.description && /* @__PURE__ */ React234.createElement(Text130, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), hasLocation && /* @__PURE__ */ React234.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, mapId: `location-template-map-${block.id}`, zoom: 14 })));
+};
+
+// src/mantine/blocks/location/flow/FlowView.tsx
+import React236, { useMemo as useMemo82 } from "react";
+import { Center as Center13, Group as Group85, Stack as Stack153, Text as Text131 } from "@mantine/core";
+import { IconMapPin as IconMapPin2 } from "@tabler/icons-react";
+
+// src/mantine/blocks/location/flow/FlowConfig.tsx
+import React235 from "react";
+var FlowConfig2 = ({ block }) => {
+  const { closePanel } = usePanelStore();
+  const hasLocation = block.props.latitude && block.props.longitude;
+  return /* @__PURE__ */ React235.createElement(BaseRightPanelLayout, { title: block.props.title || "Location", onClose: closePanel, isTemplate: false }, hasLocation ? /* @__PURE__ */ React235.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, h: 400, zoom: 14 }) : null);
+};
+
+// src/mantine/blocks/location/flow/FlowView.tsx
+var LOCATION_FLOW_PANEL_ID = "location-flow-panel";
+var LocationFlowView = ({ editor, block }) => {
+  const panelId = `${LOCATION_FLOW_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo82(() => /* @__PURE__ */ React236.createElement(FlowConfig2, { editor, block }), [editor, block]);
+  const { open } = usePanel(panelId, panelContent);
+  const hasLocation = block.props.latitude && block.props.longitude;
+  return /* @__PURE__ */ React236.createElement(BaseContainer, { onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React236.createElement(Stack153, { gap: "xs", justify: "center" }, /* @__PURE__ */ React236.createElement(Group85, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React236.createElement(IconMapPin2, { color: "white", size: 26, stroke: 1.5 }), /* @__PURE__ */ React236.createElement(Stack153, { gap: 2 }, /* @__PURE__ */ React236.createElement(Text131, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Location"), block.props.description && /* @__PURE__ */ React236.createElement(Text131, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), hasLocation ? /* @__PURE__ */ React236.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, mapId: `location-flow-map-${block.id}`, zoom: 14 }) : /* @__PURE__ */ React236.createElement(Center13, { py: "md" }, /* @__PURE__ */ React236.createElement(Text131, { size: "sm", c: "dimmed" }, "Location not configured"))));
+};
+
+// src/mantine/blocks/location/LocationBlock.tsx
+function LocationBlock({ editor, block }) {
+  const { docType } = useBlocknoteContext();
+  if (docType === "template") {
+    return /* @__PURE__ */ React237.createElement(LocationTemplateView, { editor, block });
+  }
+  return /* @__PURE__ */ React237.createElement(LocationFlowView, { editor, block });
+}
+
+// src/mantine/blocks/location/LocationBlockSpec.tsx
+var LocationBlockSpec = createReactBlockSpec21(
+  {
+    type: "location",
+    propSchema: {
+      title: { default: "" },
+      description: { default: "" },
+      latitude: { default: "" },
+      longitude: { default: "" },
+      skill: { default: "" }
+    },
+    content: "none"
+  },
+  {
+    render: (props) => {
+      const ixoProps = props;
+      return /* @__PURE__ */ React238.createElement(LocationBlock, { ...ixoProps });
+    }
+  }
+);
+
 // src/mantine/blocks/registry/blockRegistry.ts
 var BlockRegistry = class {
   constructor() {
@@ -23850,12 +24205,23 @@ blockRegistry.register({
     lastSubmission: ""
   }
 });
+blockRegistry.register({
+  type: "location",
+  propSchema: {
+    title: "",
+    description: "",
+    latitude: "",
+    longitude: ""
+  },
+  validDependencies: [],
+  defaultProps: {}
+});
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo81, useEffect as useEffect69, useState as useState85, useCallback as useCallback69 } from "react";
+import { useMemo as useMemo83, useEffect as useEffect72, useState as useState88, useCallback as useCallback70 } from "react";
 
 // src/mantine/blocks/hooks/useDependsOn.ts
-import { useMemo as useMemo82 } from "react";
+import { useMemo as useMemo84 } from "react";
 
 // src/mantine/blocks/index.ts
 var blockSpecs = {
@@ -23878,7 +24244,8 @@ var blockSpecs = {
   domainCreatorSign: DomainCreatorSignBlockSpec,
   domainCardViewer: DomainCardViewerBlockSpec,
   governanceGroup: GovernanceGroupBlockSpec,
-  flowLink: FlowLinkBlockSpec
+  flowLink: FlowLinkBlockSpec,
+  location: LocationBlockSpec
 };
 var getExtraSlashMenuItems = (editor) => {
   const slashMenuList = [
@@ -24342,6 +24709,28 @@ var getExtraSlashMenuItems = (editor) => {
       aliases: ["flow-link", "link", "navigate", "redirect"],
       group: "Flows",
       subtext: "Link to other flow documents"
+    },
+    {
+      title: "Location",
+      onItemClick: () => {
+        editor.insertBlocks(
+          [
+            {
+              type: "location",
+              props: {
+                title: "",
+                latitude: "",
+                longitude: ""
+              }
+            }
+          ],
+          editor.getTextCursorPosition().block,
+          "after"
+        );
+      },
+      aliases: ["location", "map", "gps", "coordinates"],
+      group: "Basics",
+      subtext: "Set a location on a map"
     }
   ];
   const yRoot = editor?._yRoot;
@@ -24420,15 +24809,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 useEffect70, useState as useState86, useRef as useRef21, useCallback as useCallback70, useMemo as useMemo83 } from "react";
+import { useEffect as useEffect73, useState as useState89, useRef as useRef23, useCallback as useCallback71, useMemo as useMemo85 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
-  const [matrixProvider, setProvider] = useState86(null);
-  const [status, setStatus] = useState86("disconnected");
-  const isMountedRef = useRef21(true);
-  const providerRef = useRef21(null);
-  const retryTimeoutRef = useRef21(null);
-  const providerOptions = useMemo83(
+  const [matrixProvider, setProvider] = useState89(null);
+  const [status, setStatus] = useState89("disconnected");
+  const isMountedRef = useRef23(true);
+  const providerRef = useRef23(null);
+  const retryTimeoutRef = useRef23(null);
+  const providerOptions = useMemo85(
     () => ({
       translator: {
         updateEventType: "matrix-crdt.doc_update",
@@ -24441,22 +24830,22 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
     }),
     []
   );
-  const handleDocumentAvailable = useCallback70(() => {
+  const handleDocumentAvailable = useCallback71(() => {
     if (isMountedRef.current) {
       setStatus("connected");
     }
   }, []);
-  const handleDocumentUnavailable = useCallback70(() => {
+  const handleDocumentUnavailable = useCallback71(() => {
     if (isMountedRef.current) {
       setStatus("failed");
     }
   }, []);
-  const handleCanWriteChanged = useCallback70(() => {
+  const handleCanWriteChanged = useCallback71(() => {
     if (isMountedRef.current && providerRef.current) {
       setStatus(providerRef.current.canWrite ? "connected" : "failed");
     }
   }, []);
-  const initProvider = useCallback70(async () => {
+  const initProvider = useCallback71(async () => {
     if (!isMountedRef.current) return;
     if (retryTimeoutRef.current) {
       clearTimeout(retryTimeoutRef.current);
@@ -24489,7 +24878,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       }
     }
   }, [matrixClient, providerOptions, handleDocumentAvailable, handleDocumentUnavailable, handleCanWriteChanged]);
-  useEffect70(() => {
+  useEffect73(() => {
     isMountedRef.current = true;
     initProvider();
     return () => {
@@ -24506,7 +24895,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       setStatus("disconnected");
     };
   }, [initProvider]);
-  useEffect70(() => {
+  useEffect73(() => {
     return () => {
       isMountedRef.current = false;
     };
@@ -24515,17 +24904,17 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
 }
 
 // src/mantine/hooks/useCollaborativeYDoc.ts
-import { useMemo as useMemo84 } from "react";
+import { useMemo as useMemo86 } from "react";
 import * as Y from "yjs";
 function useCollaborativeYDoc(_options) {
-  return useMemo84(() => {
+  return useMemo86(() => {
     const doc = new Y.Doc();
     return doc;
   }, []);
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo85, useEffect as useEffect71, useState as useState87 } from "react";
+import { useMemo as useMemo87, useEffect as useEffect74, useState as useState90 } from "react";
 
 // src/core/lib/matrixMetadata.ts
 var COVER_IMAGE_EVENT_TYPE = "ixo.page.cover_image";
@@ -24694,7 +25083,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     permissions = { write: false }
   } = options || {};
-  const memoizedUser = useMemo85(
+  const memoizedUser = useMemo87(
     () => ({
       id: user?.id || "",
       name: user?.name || "",
@@ -24709,13 +25098,13 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     roomId: options.roomId
   });
-  const metadataManager = useMemo85(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
-  useEffect71(() => {
+  const metadataManager = useMemo87(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
+  useEffect74(() => {
     return () => {
       metadataManager.dispose();
     };
   }, [metadataManager]);
-  const defaultUploadFile = useMemo85(
+  const defaultUploadFile = useMemo87(
     () => uploadFile || (async (file) => {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -24729,7 +25118,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [uploadFile]
   );
-  const schema = useMemo85(
+  const schema = useMemo87(
     () => BlockNoteSchema2.create({
       blockSpecs: {
         ...defaultBlockSpecs2,
@@ -24744,16 +25133,16 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     []
   );
-  const root = useMemo85(() => yDoc.getMap("root"), [yDoc]);
-  const documentFragment = useMemo85(() => yDoc.getXmlFragment("document"), [yDoc]);
-  const flowArray = useMemo85(() => yDoc.getArray("flow"), [yDoc]);
-  const runtimeMap = useMemo85(() => yDoc.getMap("runtime"), [yDoc]);
-  const delegationsMap = useMemo85(() => yDoc.getMap("delegations"), [yDoc]);
-  const invocationsMap = useMemo85(() => yDoc.getMap("invocations"), [yDoc]);
-  const ucanDelegationStore = useMemo85(() => createUcanDelegationStore(delegationsMap), [delegationsMap]);
-  const invocationStore = useMemo85(() => createInvocationStore(invocationsMap), [invocationsMap]);
-  const userFragment = useMemo85(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
-  const collaborationConfig = useMemo85(
+  const root = useMemo87(() => yDoc.getMap("root"), [yDoc]);
+  const documentFragment = useMemo87(() => yDoc.getXmlFragment("document"), [yDoc]);
+  const flowArray = useMemo87(() => yDoc.getArray("flow"), [yDoc]);
+  const runtimeMap = useMemo87(() => yDoc.getMap("runtime"), [yDoc]);
+  const delegationsMap = useMemo87(() => yDoc.getMap("delegations"), [yDoc]);
+  const invocationsMap = useMemo87(() => yDoc.getMap("invocations"), [yDoc]);
+  const ucanDelegationStore = useMemo87(() => createUcanDelegationStore(delegationsMap), [delegationsMap]);
+  const invocationStore = useMemo87(() => createInvocationStore(invocationsMap), [invocationsMap]);
+  const userFragment = useMemo87(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
+  const collaborationConfig = useMemo87(
     () => ({
       provider: matrixProvider,
       fragment: documentFragment,
@@ -24765,7 +25154,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [matrixProvider, documentFragment, memoizedUser.name, memoizedUser.color]
   );
-  const ixoConfig = useMemo85(
+  const ixoConfig = useMemo87(
     () => ({
       theme,
       editable,
@@ -24784,7 +25173,7 @@ function useCreateCollaborativeIxoEditor(options) {
     uploadFile: defaultUploadFile,
     collaboration: collaborationConfig
   });
-  const titleText = useMemo85(() => yDoc.getText("title"), [yDoc]);
+  const titleText = useMemo87(() => yDoc.getText("title"), [yDoc]);
   let ixoEditor;
   if (editor) {
     ixoEditor = editor;
@@ -24962,12 +25351,12 @@ function useCreateCollaborativeIxoEditor(options) {
       return void 0;
     };
   }
-  useEffect71(() => {
+  useEffect74(() => {
     if (ixoEditor) {
       ixoEditor.isEditable = editable;
     }
   }, [ixoEditor, editable]);
-  useEffect71(() => {
+  useEffect74(() => {
     if (connectionStatus !== "connected") {
       return;
     }
@@ -24989,9 +25378,9 @@ function useCreateCollaborativeIxoEditor(options) {
       titleText.insert(0, options.title);
     }
   }, [connectionStatus, root, titleText, permissions.write, options.docId, options.title, memoizedUser.id]);
-  const [connectedUsers, setConnectedUsers] = useState87([]);
+  const [connectedUsers, setConnectedUsers] = useState90([]);
   const webrtcProvider = matrixProvider?.webrtcProvider;
-  useEffect71(() => {
+  useEffect74(() => {
     if (!matrixProvider?.awarenessInstance || !webrtcProvider || connectionStatus !== "connected") {
       return;
     }
@@ -25010,7 +25399,7 @@ function useCreateCollaborativeIxoEditor(options) {
       awareness.off("change", updateUsers);
     };
   }, [matrixProvider, webrtcProvider, connectionStatus]);
-  useEffect71(() => {
+  useEffect74(() => {
     if (!matrixProvider?.awarenessInstance || !webrtcProvider || connectionStatus !== "connected") {
       return;
     }
@@ -25048,15 +25437,15 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/IxoEditor.tsx
-import React238, { useState as useState92, useEffect as useEffect76, useCallback as useCallback72 } from "react";
+import React246, { useState as useState95, useEffect as useEffect79, useCallback as useCallback73 } from "react";
 import { getDefaultReactSlashMenuItems, SuggestionMenuController } from "@blocknote/react";
 import { BlockNoteView } from "@blocknote/mantine";
 import { filterSuggestionItems } from "@blocknote/core";
 import { MantineProvider } from "@mantine/core";
 
 // src/mantine/components/PanelContent.tsx
-import React231 from "react";
-import { Box as Box44 } from "@mantine/core";
+import React239 from "react";
+import { Box as Box46 } from "@mantine/core";
 var panelStyles = {
   light: {
     backgroundColor: "#ffffff",
@@ -25085,8 +25474,8 @@ function PanelContent({ theme }) {
   const { activePanel, registeredPanels } = usePanelStore();
   const isOpen = activePanel !== null;
   const content = activePanel ? registeredPanels.get(activePanel) : null;
-  return /* @__PURE__ */ React231.createElement(
-    Box44,
+  return /* @__PURE__ */ React239.createElement(
+    Box46,
     {
       pos: "sticky",
       right: 0,
@@ -25105,8 +25494,8 @@ function PanelContent({ theme }) {
 }
 
 // src/mantine/components/CoverImage.tsx
-import React235, { useState as useState89, useRef as useRef22, useEffect as useEffect73 } from "react";
-import { Box as Box47, Group as Group85 } from "@mantine/core";
+import React243, { useState as useState92, useRef as useRef24, useEffect as useEffect76 } from "react";
+import { Box as Box49, Group as Group87 } from "@mantine/core";
 
 // src/core/lib/imageTransform.ts
 var CLOUDFLARE_CDN_BASE = "https://www.ixo.earth/cdn-cgi/image";
@@ -25239,9 +25628,9 @@ function transformIconImage(sourceUrl, size = "default", customOptions) {
 }
 
 // src/mantine/components/Base/CoverImageButton.tsx
-import React232, { forwardRef } from "react";
+import React240, { forwardRef } from "react";
 import { Button as Button38 } from "@mantine/core";
-var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style, ...props }, ref) => /* @__PURE__ */ React232.createElement(
+var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style, ...props }, ref) => /* @__PURE__ */ React240.createElement(
   Button38,
   {
     ref,
@@ -25264,8 +25653,8 @@ var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style,
 CoverImageButton.displayName = "CoverImageButton";
 
 // src/mantine/components/Base/BaseIconPicker.tsx
-import React233, { useState as useState88, useMemo as useMemo86, useEffect as useEffect72 } from "react";
-import { TextInput as TextInput7, Tabs as Tabs4, Box as Box45, Stack as Stack151, UnstyledButton as UnstyledButton2, Text as Text128, Center as Center13, ScrollArea as ScrollArea8, Group as Group84, Popover as Popover4 } from "@mantine/core";
+import React241, { useState as useState91, useMemo as useMemo88, useEffect as useEffect75 } from "react";
+import { TextInput as TextInput7, Tabs as Tabs4, Box as Box47, Stack as Stack154, UnstyledButton as UnstyledButton2, Text as Text132, Center as Center14, ScrollArea as ScrollArea8, Group as Group86, Popover as Popover4 } from "@mantine/core";
 import * as TablerIcons from "@tabler/icons-react";
 import { IconSearch as IconSearch6, IconX as IconX13, IconChevronLeft, IconChevronRight as IconChevronRight11 } from "@tabler/icons-react";
 
@@ -25297,28 +25686,28 @@ var localStorageService = {
 var iconsKey = "editor_recent_icons";
 var ICONS_PER_PAGE = 500;
 function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children, currentIcon }) {
-  const [searchQuery, setSearchQuery] = useState88("");
-  const [activeTab, setActiveTab] = useState88("icons");
-  const [currentPage, setCurrentPage] = useState88(1);
-  const allIcons = useMemo86(() => {
+  const [searchQuery, setSearchQuery] = useState91("");
+  const [activeTab, setActiveTab] = useState91("icons");
+  const [currentPage, setCurrentPage] = useState91(1);
+  const allIcons = useMemo88(() => {
     const iconEntries = Object.entries(TablerIcons).filter(([name]) => name.startsWith("Icon") && name !== "IconProps");
     return iconEntries;
   }, []);
-  const filteredIcons = useMemo86(() => {
+  const filteredIcons = useMemo88(() => {
     if (!searchQuery) return allIcons;
     const query = searchQuery.toLowerCase();
     return allIcons.filter(([name]) => name.toLowerCase().includes(query));
   }, [allIcons, searchQuery]);
-  useEffect72(() => {
+  useEffect75(() => {
     setCurrentPage(1);
   }, [searchQuery]);
-  const paginatedIcons = useMemo86(() => {
+  const paginatedIcons = useMemo88(() => {
     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 = useMemo86(() => {
+  const recentIcons = useMemo88(() => {
     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);
@@ -25333,10 +25722,10 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
   };
   const renderIconGrid = (icons) => {
     if (icons.length === 0) {
-      return /* @__PURE__ */ React233.createElement(Center13, { py: "xl" }, /* @__PURE__ */ React233.createElement(Text128, { c: "dimmed", size: "sm" }, "No icons found"));
+      return /* @__PURE__ */ React241.createElement(Center14, { py: "xl" }, /* @__PURE__ */ React241.createElement(Text132, { c: "dimmed", size: "sm" }, "No icons found"));
     }
-    return /* @__PURE__ */ React233.createElement(
-      Box45,
+    return /* @__PURE__ */ React241.createElement(
+      Box47,
       {
         style: {
           display: "grid",
@@ -25347,7 +25736,7 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
       },
       icons.map(([name, IconComponent]) => {
         const isSelected = currentIcon === name.replace("Icon", "").replace(/([A-Z])/g, "-$1").toLowerCase().slice(1);
-        return /* @__PURE__ */ React233.createElement(
+        return /* @__PURE__ */ React241.createElement(
           UnstyledButton2,
           {
             key: name,
@@ -25373,12 +25762,12 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
               }
             }
           },
-          /* @__PURE__ */ React233.createElement(IconComponent, { color: "white", size: 24, stroke: 1.5 })
+          /* @__PURE__ */ React241.createElement(IconComponent, { color: "white", size: 24, stroke: 1.5 })
         );
       })
     );
   };
-  return /* @__PURE__ */ React233.createElement(Popover4, { opened, onClose, position: "right", width: 500, shadow: "xl" }, /* @__PURE__ */ React233.createElement(Popover4.Target, null, children), /* @__PURE__ */ React233.createElement(
+  return /* @__PURE__ */ React241.createElement(Popover4, { opened, onClose, position: "right", width: 500, shadow: "xl" }, /* @__PURE__ */ React241.createElement(Popover4.Target, null, children), /* @__PURE__ */ React241.createElement(
     Popover4.Dropdown,
     {
       style: {
@@ -25388,15 +25777,15 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
       },
       p: 0
     },
-    /* @__PURE__ */ React233.createElement(Stack151, { gap: "md", p: "md" }, /* @__PURE__ */ React233.createElement(Tabs4, { value: activeTab, onChange: setActiveTab, variant: "pills" }, /* @__PURE__ */ React233.createElement(Tabs4.List, null, /* @__PURE__ */ React233.createElement(Tabs4.Tab, { value: "icons" }, "Icons"), /* @__PURE__ */ React233.createElement(Tabs4.Tab, { value: "upload" }, "Upload")), /* @__PURE__ */ React233.createElement(Tabs4.Panel, { value: "icons", pt: "md" }, /* @__PURE__ */ React233.createElement(
+    /* @__PURE__ */ React241.createElement(Stack154, { gap: "md", p: "md" }, /* @__PURE__ */ React241.createElement(Tabs4, { value: activeTab, onChange: setActiveTab, variant: "pills" }, /* @__PURE__ */ React241.createElement(Tabs4.List, null, /* @__PURE__ */ React241.createElement(Tabs4.Tab, { value: "icons" }, "Icons"), /* @__PURE__ */ React241.createElement(Tabs4.Tab, { value: "upload" }, "Upload")), /* @__PURE__ */ React241.createElement(Tabs4.Panel, { value: "icons", pt: "md" }, /* @__PURE__ */ React241.createElement(
       TextInput7,
       {
         mb: "md",
         placeholder: "Filter",
-        leftSection: /* @__PURE__ */ React233.createElement(IconSearch6, { size: 18 }),
+        leftSection: /* @__PURE__ */ React241.createElement(IconSearch6, { size: 18 }),
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
-        rightSection: searchQuery && /* @__PURE__ */ React233.createElement(UnstyledButton2, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React233.createElement(IconX13, { size: 18 })),
+        rightSection: searchQuery && /* @__PURE__ */ React241.createElement(UnstyledButton2, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React241.createElement(IconX13, { size: 18 })),
         style: { flex: 1 },
         styles: {
           input: {
@@ -25406,26 +25795,26 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
           }
         }
       }
-    ), !searchQuery && /* @__PURE__ */ React233.createElement(Box45, { mb: "md" }, /* @__PURE__ */ React233.createElement(Text128, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React233.createElement(ScrollArea8.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React233.createElement(Box45, null, /* @__PURE__ */ React233.createElement(Group84, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React233.createElement(Text128, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React233.createElement(Group84, { gap: "xs" }, /* @__PURE__ */ React233.createElement(Text128, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React233.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React233.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React233.createElement(
+    ), !searchQuery && /* @__PURE__ */ React241.createElement(Box47, { mb: "md" }, /* @__PURE__ */ React241.createElement(Text132, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React241.createElement(ScrollArea8.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React241.createElement(Box47, null, /* @__PURE__ */ React241.createElement(Group86, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React241.createElement(Text132, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React241.createElement(Group86, { gap: "xs" }, /* @__PURE__ */ React241.createElement(Text132, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React241.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React241.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React241.createElement(
       BaseButton,
       {
         size: "xs",
         onClick: () => setCurrentPage((p) => Math.min(totalPages, p + 1)),
         disabled: currentPage === totalPages,
-        leftSection: /* @__PURE__ */ React233.createElement(IconChevronRight11, { size: 14 })
+        leftSection: /* @__PURE__ */ React241.createElement(IconChevronRight11, { size: 14 })
       },
       "Next"
-    ))), /* @__PURE__ */ React233.createElement(ScrollArea8.Autosize, { scrollbarSize: 0, mah: 200 }, renderIconGrid(paginatedIcons)))), /* @__PURE__ */ React233.createElement(Tabs4.Panel, { value: "upload", pt: "md" }, /* @__PURE__ */ React233.createElement(Center13, { py: "xl" }, /* @__PURE__ */ React233.createElement(Stack151, { align: "center", gap: "md" }, /* @__PURE__ */ React233.createElement(Text128, { size: "sm", c: "dimmed", ta: "center" }, "Upload a custom icon image", /* @__PURE__ */ React233.createElement("br", null), "(PNG, JPG, SVG)"), /* @__PURE__ */ React233.createElement(CoverImageButton, { onClick: onUploadClick }, "Choose File"))))))
+    ))), /* @__PURE__ */ React241.createElement(ScrollArea8.Autosize, { scrollbarSize: 0, mah: 200 }, renderIconGrid(paginatedIcons)))), /* @__PURE__ */ React241.createElement(Tabs4.Panel, { value: "upload", pt: "md" }, /* @__PURE__ */ React241.createElement(Center14, { py: "xl" }, /* @__PURE__ */ React241.createElement(Stack154, { align: "center", gap: "md" }, /* @__PURE__ */ React241.createElement(Text132, { size: "sm", c: "dimmed", ta: "center" }, "Upload a custom icon image", /* @__PURE__ */ React241.createElement("br", null), "(PNG, JPG, SVG)"), /* @__PURE__ */ React241.createElement(CoverImageButton, { onClick: onUploadClick }, "Choose File"))))))
   ));
 }
 
 // src/mantine/components/Base/PageIcon.tsx
-import React234, { useMemo as useMemo87 } from "react";
-import { Center as Center14, Box as Box46 } from "@mantine/core";
+import React242, { useMemo as useMemo89 } from "react";
+import { Center as Center15, Box as Box48 } 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 = useMemo87(() => {
+  const IconComponent = useMemo89(() => {
     if (!isIconName || !src) return null;
     const iconComponent = TablerIcons2[src];
     if (iconComponent) {
@@ -25433,10 +25822,10 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
     }
     return null;
   }, [isIconName, src]);
-  const Container = useCenter ? Center14 : Box46;
+  const Container = useCenter ? Center15 : Box48;
   if (!src) return null;
   if (IconComponent) {
-    return /* @__PURE__ */ React234.createElement(
+    return /* @__PURE__ */ React242.createElement(
       Container,
       {
         style: {
@@ -25448,10 +25837,10 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
           ...style
         }
       },
-      /* @__PURE__ */ React234.createElement(IconComponent, { size: iconSize, color: "white", stroke: 1.5 })
+      /* @__PURE__ */ React242.createElement(IconComponent, { size: iconSize, color: "white", stroke: 1.5 })
     );
   }
-  return /* @__PURE__ */ React234.createElement(
+  return /* @__PURE__ */ React242.createElement(
     "img",
     {
       src,
@@ -25472,14 +25861,14 @@ 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] = useState89(false);
-  const [isRepositioning, setIsRepositioning] = useState89(false);
-  const [coverPosition, setCoverPosition] = useState89(50);
-  const coverFileInputRef = useRef22(null);
-  const logoFileInputRef = useRef22(null);
+  const [isHovering, setIsHovering] = useState92(false);
+  const [isRepositioning, setIsRepositioning] = useState92(false);
+  const [coverPosition, setCoverPosition] = useState92(50);
+  const coverFileInputRef = useRef24(null);
+  const logoFileInputRef = useRef24(null);
   const [opened, { open, close }] = useDisclosure5(false);
-  const [metadata, setMetadata] = useState89(() => editor?.getPageMetadata?.() || null);
-  useEffect73(() => {
+  const [metadata, setMetadata] = useState92(() => editor?.getPageMetadata?.() || null);
+  useEffect76(() => {
     if (!editor?._metadataManager) {
       return;
     }
@@ -25561,8 +25950,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     return null;
   }
   if (!hasCover) {
-    return /* @__PURE__ */ React235.createElement(
-      Box47,
+    return /* @__PURE__ */ React243.createElement(
+      Box49,
       {
         style: {
           position: "relative",
@@ -25574,8 +25963,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         onMouseEnter: () => editable && setIsHovering(true),
         onMouseLeave: () => editable && setIsHovering(false)
       },
-      /* @__PURE__ */ React235.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React235.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React235.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React235.createElement(
-        Group85,
+      /* @__PURE__ */ React243.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React243.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React243.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React243.createElement(
+        Group87,
         {
           gap: "xs",
           style: {
@@ -25585,7 +25974,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 10
           }
         },
-        /* @__PURE__ */ React235.createElement(
+        /* @__PURE__ */ React243.createElement(
           BaseIconPicker,
           {
             opened,
@@ -25594,11 +25983,11 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             onSelectIcon: (name) => handleSelectLogoIcon(name),
             onUploadClick: () => logoFileInputRef.current?.click()
           },
-          /* @__PURE__ */ React235.createElement(CoverImageButton, { onClick: open }, "Add icon")
+          /* @__PURE__ */ React243.createElement(CoverImageButton, { onClick: open }, "Add icon")
         ),
-        /* @__PURE__ */ React235.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
-      ), logoSrc && /* @__PURE__ */ React235.createElement(
-        Box47,
+        /* @__PURE__ */ React243.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
+      ), logoSrc && /* @__PURE__ */ React243.createElement(
+        Box49,
         {
           style: {
             position: "relative",
@@ -25611,8 +26000,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 11
           }
         },
-        /* @__PURE__ */ React235.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
-        editable && isHovering && /* @__PURE__ */ React235.createElement(
+        /* @__PURE__ */ React243.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
+        editable && isHovering && /* @__PURE__ */ React243.createElement(
           "div",
           {
             style: {
@@ -25627,7 +26016,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               alignItems: "center"
             }
           },
-          /* @__PURE__ */ React235.createElement(
+          /* @__PURE__ */ React243.createElement(
             BaseIconPicker,
             {
               opened,
@@ -25636,16 +26025,16 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               onSelectIcon: (name) => handleSelectLogoIcon(name),
               onUploadClick: () => logoFileInputRef.current?.click()
             },
-            /* @__PURE__ */ React235.createElement(CoverImageButton, { onClick: open }, "Change")
+            /* @__PURE__ */ React243.createElement(CoverImageButton, { onClick: open }, "Change")
           ),
-          /* @__PURE__ */ React235.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
-          /* @__PURE__ */ React235.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
+          /* @__PURE__ */ React243.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
+          /* @__PURE__ */ React243.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
         )
       ))
     );
   }
-  return /* @__PURE__ */ React235.createElement(
-    Box47,
+  return /* @__PURE__ */ React243.createElement(
+    Box49,
     {
       style: {
         position: "relative",
@@ -25664,7 +26053,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
       onMouseMove: handleMouseMove,
       onClick: () => isRepositioning && setIsRepositioning(false)
     },
-    /* @__PURE__ */ React235.createElement(
+    /* @__PURE__ */ React243.createElement(
       "img",
       {
         src: coverUrl,
@@ -25682,8 +26071,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         }
       }
     ),
-    editable && isHovering && /* @__PURE__ */ React235.createElement(
-      Group85,
+    editable && isHovering && /* @__PURE__ */ React243.createElement(
+      Group87,
       {
         gap: "xs",
         style: {
@@ -25693,12 +26082,12 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 10
         }
       },
-      /* @__PURE__ */ React235.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Change cover"),
-      /* @__PURE__ */ React235.createElement(CoverImageButton, { onClick: () => setIsRepositioning(!isRepositioning), isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
-      /* @__PURE__ */ React235.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove")
+      /* @__PURE__ */ React243.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Change cover"),
+      /* @__PURE__ */ React243.createElement(CoverImageButton, { onClick: () => setIsRepositioning(!isRepositioning), isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
+      /* @__PURE__ */ React243.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove")
     ),
-    /* @__PURE__ */ React235.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React235.createElement(
-      Box47,
+    /* @__PURE__ */ React243.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React243.createElement(
+      Box49,
       {
         style: {
           position: "absolute",
@@ -25709,9 +26098,9 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 11
         }
       },
-      logoSrc && /* @__PURE__ */ React235.createElement(PageIcon, { src: logoSrc, iconSize: 64 }),
-      editable && isHovering && /* @__PURE__ */ React235.createElement(React235.Fragment, null, logoSrc ? /* @__PURE__ */ React235.createElement(
-        Group85,
+      logoSrc && /* @__PURE__ */ React243.createElement(PageIcon, { src: logoSrc, iconSize: 64 }),
+      editable && isHovering && /* @__PURE__ */ React243.createElement(React243.Fragment, null, logoSrc ? /* @__PURE__ */ React243.createElement(
+        Group87,
         {
           gap: "xs",
           style: {
@@ -25721,7 +26110,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 12
           }
         },
-        /* @__PURE__ */ React235.createElement(
+        /* @__PURE__ */ React243.createElement(
           BaseIconPicker,
           {
             opened,
@@ -25730,10 +26119,10 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             onSelectIcon: (name) => handleSelectLogoIcon(name),
             onUploadClick: () => logoFileInputRef.current?.click()
           },
-          /* @__PURE__ */ React235.createElement(CoverImageButton, { onClick: open }, "Change")
+          /* @__PURE__ */ React243.createElement(CoverImageButton, { onClick: open }, "Change")
         ),
-        /* @__PURE__ */ React235.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
-      ) : /* @__PURE__ */ React235.createElement(
+        /* @__PURE__ */ React243.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
+      ) : /* @__PURE__ */ React243.createElement(
         CoverImageButton,
         {
           onClick: open,
@@ -25748,13 +26137,13 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         "Add icon"
       ))
     )),
-    /* @__PURE__ */ React235.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
-    /* @__PURE__ */ React235.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
+    /* @__PURE__ */ React243.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
+    /* @__PURE__ */ React243.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
   );
 }
 
 // src/mantine/components/PageHeader.tsx
-import React236, { useState as useState90, useRef as useRef23, useEffect as useEffect74 } from "react";
+import React244, { useState as useState93, useRef as useRef25, useEffect as useEffect77 } from "react";
 function PageHeader({
   title = "New page",
   icon: icon2,
@@ -25766,11 +26155,11 @@ function PageHeader({
   isFavorited = false,
   menuItems = []
 }) {
-  const [isMenuOpen, setIsMenuOpen] = useState90(false);
-  const [isPrivacyOpen, setIsPrivacyOpen] = useState90(false);
-  const menuRef = useRef23(null);
-  const privacyRef = useRef23(null);
-  useEffect74(() => {
+  const [isMenuOpen, setIsMenuOpen] = useState93(false);
+  const [isPrivacyOpen, setIsPrivacyOpen] = useState93(false);
+  const menuRef = useRef25(null);
+  const privacyRef = useRef25(null);
+  useEffect77(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         setIsMenuOpen(false);
@@ -25792,7 +26181,7 @@ function PageHeader({
       setIsMenuOpen(false);
     }
   };
-  return /* @__PURE__ */ React236.createElement("div", { style: styles.container }, /* @__PURE__ */ React236.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React236.createElement("span", { style: styles.icon }, icon2 || "\u{1F4C4}"), /* @__PURE__ */ React236.createElement("span", { style: styles.title }, title), /* @__PURE__ */ React236.createElement("div", { style: styles.privacyContainer, ref: privacyRef }, /* @__PURE__ */ React236.createElement("button", { style: styles.privacyBadge, onClick: () => onPrivacyChange && setIsPrivacyOpen(!isPrivacyOpen) }, /* @__PURE__ */ React236.createElement("span", { style: styles.lockIcon }, isPrivate ? "\u{1F512}" : "\u{1F310}"), /* @__PURE__ */ React236.createElement("span", null, isPrivate ? "Private" : "Public"), onPrivacyChange && /* @__PURE__ */ React236.createElement("span", { style: styles.chevron }, "\u25BE")), isPrivacyOpen && onPrivacyChange && /* @__PURE__ */ React236.createElement("div", { style: styles.dropdown }, /* @__PURE__ */ React236.createElement(
+  return /* @__PURE__ */ React244.createElement("div", { style: styles.container }, /* @__PURE__ */ React244.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React244.createElement("span", { style: styles.icon }, icon2 || "\u{1F4C4}"), /* @__PURE__ */ React244.createElement("span", { style: styles.title }, title), /* @__PURE__ */ React244.createElement("div", { style: styles.privacyContainer, ref: privacyRef }, /* @__PURE__ */ React244.createElement("button", { style: styles.privacyBadge, onClick: () => onPrivacyChange && setIsPrivacyOpen(!isPrivacyOpen) }, /* @__PURE__ */ React244.createElement("span", { style: styles.lockIcon }, isPrivate ? "\u{1F512}" : "\u{1F310}"), /* @__PURE__ */ React244.createElement("span", null, isPrivate ? "Private" : "Public"), onPrivacyChange && /* @__PURE__ */ React244.createElement("span", { style: styles.chevron }, "\u25BE")), isPrivacyOpen && onPrivacyChange && /* @__PURE__ */ React244.createElement("div", { style: styles.dropdown }, /* @__PURE__ */ React244.createElement(
     "button",
     {
       style: {
@@ -25804,9 +26193,9 @@ function PageHeader({
         setIsPrivacyOpen(false);
       }
     },
-    /* @__PURE__ */ React236.createElement("span", { style: styles.menuItemIcon }, "\u{1F512}"),
-    /* @__PURE__ */ React236.createElement("span", null, "Private")
-  ), /* @__PURE__ */ React236.createElement(
+    /* @__PURE__ */ React244.createElement("span", { style: styles.menuItemIcon }, "\u{1F512}"),
+    /* @__PURE__ */ React244.createElement("span", null, "Private")
+  ), /* @__PURE__ */ React244.createElement(
     "button",
     {
       style: {
@@ -25818,9 +26207,9 @@ function PageHeader({
         setIsPrivacyOpen(false);
       }
     },
-    /* @__PURE__ */ React236.createElement("span", { style: styles.menuItemIcon }, "\u{1F310}"),
-    /* @__PURE__ */ React236.createElement("span", null, "Public")
-  )))), /* @__PURE__ */ React236.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React236.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React236.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React236.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React236.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React236.createElement("button", { style: styles.menuButton, onClick: () => setIsMenuOpen(!isMenuOpen), "aria-label": "Menu" }, /* @__PURE__ */ React236.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, /* @__PURE__ */ React236.createElement("circle", { cx: "3", cy: "8", r: "1.5" }), /* @__PURE__ */ React236.createElement("circle", { cx: "8", cy: "8", r: "1.5" }), /* @__PURE__ */ React236.createElement("circle", { cx: "13", cy: "8", r: "1.5" }))), isMenuOpen && /* @__PURE__ */ React236.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React236.createElement(React236.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React236.createElement("div", { style: styles.divider }), /* @__PURE__ */ React236.createElement(
+    /* @__PURE__ */ React244.createElement("span", { style: styles.menuItemIcon }, "\u{1F310}"),
+    /* @__PURE__ */ React244.createElement("span", null, "Public")
+  )))), /* @__PURE__ */ React244.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React244.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React244.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React244.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React244.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React244.createElement("button", { style: styles.menuButton, onClick: () => setIsMenuOpen(!isMenuOpen), "aria-label": "Menu" }, /* @__PURE__ */ React244.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, /* @__PURE__ */ React244.createElement("circle", { cx: "3", cy: "8", r: "1.5" }), /* @__PURE__ */ React244.createElement("circle", { cx: "8", cy: "8", r: "1.5" }), /* @__PURE__ */ React244.createElement("circle", { cx: "13", cy: "8", r: "1.5" }))), isMenuOpen && /* @__PURE__ */ React244.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React244.createElement(React244.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React244.createElement("div", { style: styles.divider }), /* @__PURE__ */ React244.createElement(
     "button",
     {
       style: {
@@ -25830,8 +26219,8 @@ function PageHeader({
       onClick: () => handleMenuItemClick(item),
       disabled: item.disabled
     },
-    item.icon && /* @__PURE__ */ React236.createElement("span", { style: styles.menuItemIcon }, item.icon),
-    /* @__PURE__ */ React236.createElement("span", null, item.label)
+    item.icon && /* @__PURE__ */ React244.createElement("span", { style: styles.menuItemIcon }, item.icon),
+    /* @__PURE__ */ React244.createElement("span", null, item.label)
   )))))));
 }
 var styles = {
@@ -25968,8 +26357,8 @@ var styles = {
 };
 
 // src/mantine/components/ExternalDropZone.tsx
-import React237, { useCallback as useCallback71, useEffect as useEffect75, useRef as useRef24, useState as useState91 } from "react";
-import { Box as Box48 } from "@mantine/core";
+import React245, { useCallback as useCallback72, useEffect as useEffect78, useRef as useRef26, useState as useState94 } from "react";
+import { Box as Box50 } from "@mantine/core";
 var SCROLL_ZONE_SIZE = 80;
 var SCROLL_SPEED = 12;
 var ExternalDropZone = ({
@@ -25981,20 +26370,20 @@ var ExternalDropZone = ({
   onPlacementCancel,
   children
 }) => {
-  const containerRef = useRef24(null);
-  const [isValidDrag, setIsValidDrag] = useState91(false);
-  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState91(false);
-  const [indicatorStyle, setIndicatorStyle] = useState91({});
-  const dropPositionRef = useRef24(null);
-  const scrollAnimationRef = useRef24(null);
-  const scrollDirectionRef = useRef24(null);
-  const scrollContainerRef = useRef24(null);
-  const getBlockElements = useCallback71(() => {
+  const containerRef = useRef26(null);
+  const [isValidDrag, setIsValidDrag] = useState94(false);
+  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState94(false);
+  const [indicatorStyle, setIndicatorStyle] = useState94({});
+  const dropPositionRef = useRef26(null);
+  const scrollAnimationRef = useRef26(null);
+  const scrollDirectionRef = useRef26(null);
+  const scrollContainerRef = useRef26(null);
+  const getBlockElements = useCallback72(() => {
     if (!containerRef.current) return [];
     const blocks = containerRef.current.querySelectorAll('[data-node-type="blockContainer"]');
     return Array.from(blocks);
   }, []);
-  const getScrollContainer = useCallback71(() => {
+  const getScrollContainer = useCallback72(() => {
     if (scrollContainerRef.current) return scrollContainerRef.current;
     let element = containerRef.current;
     while (element) {
@@ -26009,7 +26398,7 @@ var ExternalDropZone = ({
     scrollContainerRef.current = window;
     return window;
   }, []);
-  const performScroll = useCallback71(() => {
+  const performScroll = useCallback72(() => {
     const container = getScrollContainer();
     const direction = scrollDirectionRef.current;
     if (!direction) {
@@ -26024,7 +26413,7 @@ var ExternalDropZone = ({
     }
     scrollAnimationRef.current = requestAnimationFrame(performScroll);
   }, [getScrollContainer]);
-  const startAutoScroll = useCallback71(
+  const startAutoScroll = useCallback72(
     (direction) => {
       if (scrollDirectionRef.current === direction) return;
       scrollDirectionRef.current = direction;
@@ -26034,14 +26423,14 @@ var ExternalDropZone = ({
     },
     [performScroll]
   );
-  const stopAutoScroll = useCallback71(() => {
+  const stopAutoScroll = useCallback72(() => {
     scrollDirectionRef.current = null;
     if (scrollAnimationRef.current) {
       cancelAnimationFrame(scrollAnimationRef.current);
       scrollAnimationRef.current = null;
     }
   }, []);
-  const checkAutoScroll = useCallback71(
+  const checkAutoScroll = useCallback72(
     (clientY) => {
       const container = getScrollContainer();
       let containerTop;
@@ -26064,7 +26453,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer, startAutoScroll, stopAutoScroll]
   );
-  const findDropPosition = useCallback71(
+  const findDropPosition = useCallback72(
     (clientY) => {
       const blocks = getBlockElements();
       if (blocks.length === 0 || !editor?.document) return null;
@@ -26097,7 +26486,7 @@ var ExternalDropZone = ({
     },
     [getBlockElements, editor]
   );
-  const handleDragOver = useCallback71(
+  const handleDragOver = useCallback72(
     (e) => {
       if (!e.dataTransfer.types.includes(acceptedType)) return;
       e.preventDefault();
@@ -26120,7 +26509,7 @@ var ExternalDropZone = ({
     },
     [acceptedType, findDropPosition, checkAutoScroll]
   );
-  const handleDragLeave = useCallback71(
+  const handleDragLeave = useCallback72(
     (e) => {
       if (containerRef.current && !containerRef.current.contains(e.relatedTarget)) {
         setIsValidDrag(false);
@@ -26130,7 +26519,7 @@ var ExternalDropZone = ({
     },
     [stopAutoScroll]
   );
-  const handleDrop = useCallback71(
+  const handleDrop = useCallback72(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -26144,7 +26533,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  useEffect75(() => {
+  useEffect78(() => {
     const handleGlobalDragEnd = () => {
       setIsValidDrag(false);
       dropPositionRef.current = null;
@@ -26153,7 +26542,7 @@ var ExternalDropZone = ({
     window.addEventListener("dragend", handleGlobalDragEnd);
     return () => window.removeEventListener("dragend", handleGlobalDragEnd);
   }, [stopAutoScroll]);
-  const handleOverlayMouseMove = useCallback71(
+  const handleOverlayMouseMove = useCallback72(
     (e) => {
       setIsHoveringInPlacementMode(true);
       checkAutoScroll(e.clientY);
@@ -26172,12 +26561,12 @@ var ExternalDropZone = ({
     },
     [findDropPosition, checkAutoScroll]
   );
-  const handleOverlayMouseLeave = useCallback71(() => {
+  const handleOverlayMouseLeave = useCallback72(() => {
     setIsHoveringInPlacementMode(false);
     dropPositionRef.current = null;
     stopAutoScroll();
   }, [stopAutoScroll]);
-  const handleOverlayClick = useCallback71(
+  const handleOverlayClick = useCallback72(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -26191,7 +26580,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  const handleOverlayWheel = useCallback71(
+  const handleOverlayWheel = useCallback72(
     (e) => {
       const container = getScrollContainer();
       if (container === window) {
@@ -26202,7 +26591,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer]
   );
-  useEffect75(() => {
+  useEffect78(() => {
     if (!isPlacementMode) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -26225,13 +26614,13 @@ var ExternalDropZone = ({
       document.removeEventListener("click", handleGlobalClick, true);
     };
   }, [isPlacementMode, onPlacementCancel]);
-  useEffect75(() => {
+  useEffect78(() => {
     if (!isPlacementMode) {
       setIsHoveringInPlacementMode(false);
       dropPositionRef.current = null;
     }
   }, [isPlacementMode]);
-  useEffect75(() => {
+  useEffect78(() => {
     const isActive = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
     if (isActive) {
       document.body.classList.add("external-artifact-drag-active");
@@ -26242,19 +26631,19 @@ var ExternalDropZone = ({
       document.body.classList.remove("external-artifact-drag-active");
     };
   }, [isValidDrag, isPlacementMode, isHoveringInPlacementMode]);
-  useEffect75(() => {
+  useEffect78(() => {
     return () => {
       if (scrollAnimationRef.current) {
         cancelAnimationFrame(scrollAnimationRef.current);
       }
     };
   }, []);
-  const indicatorWithPosition = dropIndicator && React237.isValidElement(dropIndicator) ? React237.cloneElement(dropIndicator, {
+  const indicatorWithPosition = dropIndicator && React245.isValidElement(dropIndicator) ? React245.cloneElement(dropIndicator, {
     indicatorTop: typeof indicatorStyle.top === "number" ? indicatorStyle.top : void 0
   }) : dropIndicator;
   const shouldShowIndicator = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
-  return /* @__PURE__ */ React237.createElement(
-    Box48,
+  return /* @__PURE__ */ React245.createElement(
+    Box50,
     {
       ref: containerRef,
       style: {
@@ -26269,8 +26658,8 @@ var ExternalDropZone = ({
       "data-placement-mode": isPlacementMode ? "true" : void 0
     },
     children,
-    isPlacementMode && /* @__PURE__ */ React237.createElement(
-      Box48,
+    isPlacementMode && /* @__PURE__ */ React245.createElement(
+      Box50,
       {
         style: {
           position: "absolute",
@@ -26289,7 +26678,7 @@ var ExternalDropZone = ({
         onWheel: handleOverlayWheel
       }
     ),
-    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React237.createElement(Box48, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
+    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React245.createElement(Box50, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
   );
 };
 
@@ -26315,8 +26704,8 @@ function IxoEditorContent({
 }) {
   const { activePanel } = usePanelStore();
   const isPanelOpen = activePanel !== null;
-  const [isRoomPrivate, setIsRoomPrivate] = useState92(pageHeaderProps?.isPrivate ?? true);
-  useEffect76(() => {
+  const [isRoomPrivate, setIsRoomPrivate] = useState95(pageHeaderProps?.isPrivate ?? true);
+  useEffect79(() => {
     const matrixClient = editor.getMatrixClient?.();
     const roomId = editor.getRoomId?.();
     if (!matrixClient || !roomId) return;
@@ -26332,7 +26721,7 @@ function IxoEditorContent({
     } catch {
     }
   }, [editor]);
-  const handlePrivacyChange = useCallback72(
+  const handlePrivacyChange = useCallback73(
     async (makePrivate) => {
       const matrixClient = editor.getMatrixClient?.();
       const roomId = editor.getRoomId?.();
@@ -26353,7 +26742,7 @@ function IxoEditorContent({
     },
     [editor]
   );
-  const editorContent = /* @__PURE__ */ React238.createElement(
+  const editorContent = /* @__PURE__ */ React246.createElement(
     BlockNoteView,
     {
       editor,
@@ -26368,7 +26757,7 @@ function IxoEditorContent({
       onChange,
       onSelectionChange
     },
-    config.slashMenu && /* @__PURE__ */ React238.createElement(
+    config.slashMenu && /* @__PURE__ */ React246.createElement(
       SuggestionMenuController,
       {
         triggerCharacter: "/",
@@ -26387,7 +26776,7 @@ function IxoEditorContent({
     ),
     children
   );
-  return /* @__PURE__ */ React238.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React238.createElement(
+  return /* @__PURE__ */ React246.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React246.createElement(
     "div",
     {
       className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`,
@@ -26396,9 +26785,9 @@ function IxoEditorContent({
         transition: "width 0.2s ease"
       }
     },
-    selfNav && /* @__PURE__ */ React238.createElement(PageHeader, { ...pageHeaderProps, isPrivate: isRoomPrivate, onPrivacyChange: handlePrivacyChange }),
-    /* @__PURE__ */ React238.createElement(CoverImage, { coverImageUrl, logoUrl }),
-    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React238.createElement(
+    selfNav && /* @__PURE__ */ React246.createElement(PageHeader, { ...pageHeaderProps, isPrivate: isRoomPrivate, onPrivacyChange: handlePrivacyChange }),
+    /* @__PURE__ */ React246.createElement(CoverImage, { coverImageUrl, logoUrl }),
+    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React246.createElement(
       ExternalDropZone,
       {
         editor,
@@ -26411,7 +26800,7 @@ function IxoEditorContent({
       },
       editorContent
     ) : editorContent
-  ), isPanelVisible && /* @__PURE__ */ React238.createElement(PanelContent, { theme: config.theme }));
+  ), isPanelVisible && /* @__PURE__ */ React246.createElement(PanelContent, { theme: config.theme }));
 }
 function IxoEditor({
   editor,
@@ -26436,7 +26825,8 @@ function IxoEditor({
   externalDropType,
   dropIndicator,
   isPlacementMode,
-  onPlacementCancel
+  onPlacementCancel,
+  mapConfig
 }) {
   if (!editor) {
     return null;
@@ -26451,7 +26841,7 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React238.createElement(
+  const editorContent = /* @__PURE__ */ React246.createElement(
     BlocknoteProvider,
     {
       editor,
@@ -26461,9 +26851,10 @@ function IxoEditor({
       visualizationRenderer,
       getDynamicListData,
       dynamicListPanelRenderer,
-      domainCardRenderer
+      domainCardRenderer,
+      mapConfig
     },
-    /* @__PURE__ */ React238.createElement(
+    /* @__PURE__ */ React246.createElement(
       IxoEditorContent,
       {
         isPanelVisible,
@@ -26487,14 +26878,14 @@ function IxoEditor({
     )
   );
   if (mantineTheme) {
-    return /* @__PURE__ */ React238.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
+    return /* @__PURE__ */ React246.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
   return editorContent;
 }
 
 // src/mantine/components/EntitySigningSetup.tsx
-import React239, { useState as useState93 } from "react";
-import { Modal as Modal3, Stack as Stack152, Text as Text129, TextInput as TextInput8, Button as Button39, Alert as Alert34, Group as Group86 } from "@mantine/core";
+import React247, { useState as useState96 } from "react";
+import { Modal as Modal3, Stack as Stack155, Text as Text133, TextInput as TextInput8, Button as Button39, Alert as Alert34, Group as Group88 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle18, IconCheck as IconCheck15, IconKey as IconKey2 } from "@tabler/icons-react";
 var EntitySigningSetup = ({
   opened,
@@ -26503,11 +26894,11 @@ var EntitySigningSetup = ({
   entityName,
   onSetup
 }) => {
-  const [pin, setPin] = useState93("");
-  const [confirmPin, setConfirmPin] = useState93("");
-  const [loading, setLoading] = useState93(false);
-  const [error, setError] = useState93(null);
-  const [success, setSuccess] = useState93(false);
+  const [pin, setPin] = useState96("");
+  const [confirmPin, setConfirmPin] = useState96("");
+  const [loading, setLoading] = useState96(false);
+  const [error, setError] = useState96(null);
+  const [success, setSuccess] = useState96(false);
   const handleSetup = async () => {
     if (pin.length < 4) {
       setError("PIN must be at least 4 characters");
@@ -26547,15 +26938,15 @@ var EntitySigningSetup = ({
       setSuccess(false);
     }
   };
-  return /* @__PURE__ */ React239.createElement(
+  return /* @__PURE__ */ React247.createElement(
     Modal3,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React239.createElement(Group86, { gap: "xs" }, /* @__PURE__ */ React239.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React239.createElement(Text129, { fw: 600 }, "Entity Signing Setup")),
+      title: /* @__PURE__ */ React247.createElement(Group88, { gap: "xs" }, /* @__PURE__ */ React247.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React247.createElement(Text133, { fw: 600 }, "Entity Signing Setup")),
       size: "md"
     },
-    /* @__PURE__ */ React239.createElement(Stack152, { gap: "md" }, success ? /* @__PURE__ */ React239.createElement(Alert34, { color: "green", icon: /* @__PURE__ */ React239.createElement(IconCheck15, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React239.createElement(React239.Fragment, null, /* @__PURE__ */ React239.createElement(Text129, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React239.createElement(Text129, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React239.createElement(Alert34, { color: "blue", variant: "light" }, /* @__PURE__ */ React239.createElement(Text129, { size: "sm" }, "This is a ", /* @__PURE__ */ React239.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React239.createElement(Stack152, { gap: "xs" }, /* @__PURE__ */ React239.createElement(Text129, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React239.createElement(Text129, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React239.createElement(Text129, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React239.createElement(Text129, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React239.createElement(
+    /* @__PURE__ */ React247.createElement(Stack155, { gap: "md" }, success ? /* @__PURE__ */ React247.createElement(Alert34, { color: "green", icon: /* @__PURE__ */ React247.createElement(IconCheck15, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React247.createElement(React247.Fragment, null, /* @__PURE__ */ React247.createElement(Text133, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React247.createElement(Text133, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React247.createElement(Alert34, { color: "blue", variant: "light" }, /* @__PURE__ */ React247.createElement(Text133, { size: "sm" }, "This is a ", /* @__PURE__ */ React247.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React247.createElement(Stack155, { gap: "xs" }, /* @__PURE__ */ React247.createElement(Text133, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React247.createElement(Text133, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React247.createElement(Text133, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React247.createElement(Text133, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React247.createElement(
       TextInput8,
       {
         label: "Enter PIN to encrypt signing key",
@@ -26566,7 +26957,7 @@ var EntitySigningSetup = ({
         onChange: (e) => setPin(e.currentTarget.value),
         disabled: loading
       }
-    ), /* @__PURE__ */ React239.createElement(
+    ), /* @__PURE__ */ React247.createElement(
       TextInput8,
       {
         label: "Confirm PIN",
@@ -26576,12 +26967,12 @@ var EntitySigningSetup = ({
         onChange: (e) => setConfirmPin(e.currentTarget.value),
         disabled: loading
       }
-    ), error && /* @__PURE__ */ React239.createElement(Alert34, { color: "red", icon: /* @__PURE__ */ React239.createElement(IconAlertCircle18, { size: 16 }) }, error), /* @__PURE__ */ React239.createElement(Group86, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React239.createElement(Button39, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React239.createElement(
+    ), error && /* @__PURE__ */ React247.createElement(Alert34, { color: "red", icon: /* @__PURE__ */ React247.createElement(IconAlertCircle18, { size: 16 }) }, error), /* @__PURE__ */ React247.createElement(Group88, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React247.createElement(Button39, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React247.createElement(
       Button39,
       {
         onClick: handleSetup,
         loading,
-        leftSection: /* @__PURE__ */ React239.createElement(IconKey2, { size: 16 })
+        leftSection: /* @__PURE__ */ React247.createElement(IconKey2, { size: 16 })
       },
       "Setup Entity Signing"
     ))))
@@ -26589,8 +26980,8 @@ var EntitySigningSetup = ({
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
-import React240, { useState as useState94, useEffect as useEffect77, useMemo as useMemo88 } from "react";
-import { Stack as Stack153, Text as Text130, Paper as Paper16, Group as Group87, Badge as Badge40, Button as Button40, ActionIcon as ActionIcon31, Loader as Loader34, Alert as Alert35, Divider as Divider20 } from "@mantine/core";
+import React248, { useState as useState97, useEffect as useEffect80, useMemo as useMemo90 } from "react";
+import { Stack as Stack156, Text as Text134, Paper as Paper16, Group as Group89, Badge as Badge40, Button as Button40, ActionIcon as ActionIcon31, Loader as Loader35, Alert as Alert35, Divider as Divider21 } from "@mantine/core";
 import { IconPlus as IconPlus8, IconTrash as IconTrash8, IconShieldCheck as IconShieldCheck13, IconUser as IconUser12, IconRobot as IconRobot4, IconBuilding as IconBuilding2 } from "@tabler/icons-react";
 var FlowPermissionsPanel = ({
   editor,
@@ -26600,11 +26991,11 @@ var FlowPermissionsPanel = ({
   onRevokePermission,
   getUserDisplayName
 }) => {
-  const [delegations, setDelegations] = useState94([]);
-  const [loading, setLoading] = useState94(true);
-  const [revoking, setRevoking] = useState94(null);
-  const rootCapability = useMemo88(() => editor.getRootCapability?.(), [editor]);
-  useEffect77(() => {
+  const [delegations, setDelegations] = useState97([]);
+  const [loading, setLoading] = useState97(true);
+  const [revoking, setRevoking] = useState97(null);
+  const rootCapability = useMemo90(() => editor.getRootCapability?.(), [editor]);
+  useEffect80(() => {
     const loadDelegations = async () => {
       setLoading(true);
       const allDelegations = editor.getAllDelegations?.() || [];
@@ -26643,11 +27034,11 @@ var FlowPermissionsPanel = ({
   const getIcon2 = (type) => {
     switch (type) {
       case "oracle":
-        return /* @__PURE__ */ React240.createElement(IconRobot4, { size: 16 });
+        return /* @__PURE__ */ React248.createElement(IconRobot4, { size: 16 });
       case "entity":
-        return /* @__PURE__ */ React240.createElement(IconBuilding2, { size: 16 });
+        return /* @__PURE__ */ React248.createElement(IconBuilding2, { size: 16 });
       default:
-        return /* @__PURE__ */ React240.createElement(IconUser12, { size: 16 });
+        return /* @__PURE__ */ React248.createElement(IconUser12, { size: 16 });
     }
   };
   const formatCapabilities = (caps) => {
@@ -26666,7 +27057,7 @@ var FlowPermissionsPanel = ({
     if (date < /* @__PURE__ */ new Date()) return "Expired";
     return date.toLocaleDateString();
   };
-  return /* @__PURE__ */ React240.createElement(Stack153, { gap: "md" }, /* @__PURE__ */ React240.createElement(Stack153, { gap: "xs" }, /* @__PURE__ */ React240.createElement(Text130, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React240.createElement(Paper16, { p: "sm", withBorder: true }, /* @__PURE__ */ React240.createElement(Group87, { gap: "xs" }, /* @__PURE__ */ React240.createElement(IconShieldCheck13, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React240.createElement(Stack153, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React240.createElement(Text130, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React240.createElement(Text130, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React240.createElement(Badge40, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React240.createElement(Divider20, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React240.createElement(Group87, { justify: "center", py: "xl" }, /* @__PURE__ */ React240.createElement(Loader34, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React240.createElement(Alert35, { color: "gray", variant: "light" }, /* @__PURE__ */ React240.createElement(Text130, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React240.createElement(Stack153, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React240.createElement(Paper16, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React240.createElement(Group87, { justify: "space-between" }, /* @__PURE__ */ React240.createElement(Group87, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React240.createElement(Stack153, { gap: 2 }, /* @__PURE__ */ React240.createElement(Text130, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React240.createElement(Text130, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React240.createElement(Group87, { gap: "xs" }, /* @__PURE__ */ React240.createElement(Text130, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React240.createElement(Text130, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React240.createElement(Text130, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React240.createElement(
+  return /* @__PURE__ */ React248.createElement(Stack156, { gap: "md" }, /* @__PURE__ */ React248.createElement(Stack156, { gap: "xs" }, /* @__PURE__ */ React248.createElement(Text134, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React248.createElement(Paper16, { p: "sm", withBorder: true }, /* @__PURE__ */ React248.createElement(Group89, { gap: "xs" }, /* @__PURE__ */ React248.createElement(IconShieldCheck13, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React248.createElement(Stack156, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React248.createElement(Text134, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React248.createElement(Text134, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React248.createElement(Badge40, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React248.createElement(Divider21, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React248.createElement(Group89, { justify: "center", py: "xl" }, /* @__PURE__ */ React248.createElement(Loader35, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React248.createElement(Alert35, { color: "gray", variant: "light" }, /* @__PURE__ */ React248.createElement(Text134, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React248.createElement(Stack156, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React248.createElement(Paper16, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React248.createElement(Group89, { justify: "space-between" }, /* @__PURE__ */ React248.createElement(Group89, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React248.createElement(Stack156, { gap: 2 }, /* @__PURE__ */ React248.createElement(Text134, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React248.createElement(Text134, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React248.createElement(Group89, { gap: "xs" }, /* @__PURE__ */ React248.createElement(Text134, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React248.createElement(Text134, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React248.createElement(Text134, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React248.createElement(
     ActionIcon31,
     {
       color: "red",
@@ -26675,11 +27066,11 @@ var FlowPermissionsPanel = ({
       loading: revoking === capability.id,
       disabled: !!revoking
     },
-    /* @__PURE__ */ React240.createElement(IconTrash8, { size: 16 })
-  ))))), /* @__PURE__ */ React240.createElement(
+    /* @__PURE__ */ React248.createElement(IconTrash8, { size: 16 })
+  ))))), /* @__PURE__ */ React248.createElement(
     Button40,
     {
-      leftSection: /* @__PURE__ */ React240.createElement(IconPlus8, { size: 16 }),
+      leftSection: /* @__PURE__ */ React248.createElement(IconPlus8, { size: 16 }),
       variant: "light",
       onClick: onGrantPermission
     },
@@ -26688,22 +27079,22 @@ var FlowPermissionsPanel = ({
 };
 
 // src/mantine/components/GrantPermissionModal.tsx
-import React241, { useState as useState95, useCallback as useCallback73 } from "react";
+import React249, { useState as useState98, useCallback as useCallback74 } from "react";
 import {
   Modal as Modal4,
-  Stack as Stack154,
-  Text as Text131,
+  Stack as Stack157,
+  Text as Text135,
   TextInput as TextInput9,
   Button as Button41,
-  Group as Group88,
+  Group as Group90,
   Radio as Radio6,
   Checkbox as Checkbox13,
   Alert as Alert36,
   Paper as Paper17,
-  Loader as Loader35,
+  Loader as Loader36,
   Badge as Badge41,
   ActionIcon as ActionIcon32,
-  Divider as Divider21,
+  Divider as Divider22,
   NumberInput as NumberInput3
 } from "@mantine/core";
 import { IconSearch as IconSearch7, IconUser as IconUser13, IconRobot as IconRobot5, IconX as IconX14, IconShieldPlus as IconShieldPlus4 } from "@tabler/icons-react";
@@ -26720,21 +27111,21 @@ var GrantPermissionModal = ({
   const singleBlockMode = !!targetBlockId || blocks.length === 1;
   const fixedBlockId = targetBlockId || (blocks.length === 1 ? blocks[0].id : null);
   const fixedBlock = fixedBlockId ? blocks.find((b) => b.id === fixedBlockId) || blocks[0] : null;
-  const [recipientType, setRecipientType] = useState95("user");
-  const [searchQuery, setSearchQuery] = useState95("");
-  const [searchResults, setSearchResults] = useState95([]);
-  const [searching, setSearching] = useState95(false);
-  const [selectedRecipient, setSelectedRecipient] = useState95(null);
-  const [manualDid, setManualDid] = useState95("");
-  const [scopeType, setScopeType] = useState95("full");
-  const [selectedBlocks, setSelectedBlocks] = useState95([]);
-  const [expirationEnabled, setExpirationEnabled] = useState95(false);
-  const [expirationDays, setExpirationDays] = useState95(30);
-  const [canDelegate, setCanDelegate] = useState95(false);
-  const [pin, setPin] = useState95("");
-  const [loading, setLoading] = useState95(false);
-  const [error, setError] = useState95(null);
-  const handleSearch = useCallback73(async () => {
+  const [recipientType, setRecipientType] = useState98("user");
+  const [searchQuery, setSearchQuery] = useState98("");
+  const [searchResults, setSearchResults] = useState98([]);
+  const [searching, setSearching] = useState98(false);
+  const [selectedRecipient, setSelectedRecipient] = useState98(null);
+  const [manualDid, setManualDid] = useState98("");
+  const [scopeType, setScopeType] = useState98("full");
+  const [selectedBlocks, setSelectedBlocks] = useState98([]);
+  const [expirationEnabled, setExpirationEnabled] = useState98(false);
+  const [expirationDays, setExpirationDays] = useState98(30);
+  const [canDelegate, setCanDelegate] = useState98(false);
+  const [pin, setPin] = useState98("");
+  const [loading, setLoading] = useState98(false);
+  const [error, setError] = useState98(null);
+  const handleSearch = useCallback74(async () => {
     if (searchQuery.length < 2) return;
     setSearching(true);
     try {
@@ -26821,29 +27212,29 @@ var GrantPermissionModal = ({
       resetForm();
     }
   };
-  return /* @__PURE__ */ React241.createElement(
+  return /* @__PURE__ */ React249.createElement(
     Modal4,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React241.createElement(Group88, { gap: "xs" }, /* @__PURE__ */ React241.createElement(IconShieldPlus4, { size: 20 }), /* @__PURE__ */ React241.createElement(Text131, { fw: 600 }, "Grant Permission")),
+      title: /* @__PURE__ */ React249.createElement(Group90, { gap: "xs" }, /* @__PURE__ */ React249.createElement(IconShieldPlus4, { size: 20 }), /* @__PURE__ */ React249.createElement(Text135, { fw: 600 }, "Grant Permission")),
       size: "lg"
     },
-    /* @__PURE__ */ React241.createElement(Stack154, { gap: "md" }, /* @__PURE__ */ React241.createElement(Stack154, { gap: "xs" }, /* @__PURE__ */ React241.createElement(Text131, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React241.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
+    /* @__PURE__ */ React249.createElement(Stack157, { gap: "md" }, /* @__PURE__ */ React249.createElement(Stack157, { gap: "xs" }, /* @__PURE__ */ React249.createElement(Text135, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React249.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
       setRecipientType(v);
       setSelectedRecipient(null);
       setSearchResults([]);
-    } }, /* @__PURE__ */ React241.createElement(Group88, null, /* @__PURE__ */ React241.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React241.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React241.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React241.createElement(Stack154, { gap: "xs" }, /* @__PURE__ */ React241.createElement(
+    } }, /* @__PURE__ */ React249.createElement(Group90, null, /* @__PURE__ */ React249.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React249.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React249.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React249.createElement(Stack157, { gap: "xs" }, /* @__PURE__ */ React249.createElement(
       TextInput9,
       {
         placeholder: recipientType === "oracle" ? "Search oracles..." : "Search users...",
-        leftSection: /* @__PURE__ */ React241.createElement(IconSearch7, { size: 16 }),
-        rightSection: searching ? /* @__PURE__ */ React241.createElement(Loader35, { size: 14 }) : null,
+        leftSection: /* @__PURE__ */ React249.createElement(IconSearch7, { size: 16 }),
+        rightSection: searching ? /* @__PURE__ */ React249.createElement(Loader36, { size: 14 }) : null,
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
         onKeyDown: (e) => e.key === "Enter" && handleSearch()
       }
-    ), selectedRecipient ? /* @__PURE__ */ React241.createElement(Paper17, { p: "sm", withBorder: true }, /* @__PURE__ */ React241.createElement(Group88, { justify: "space-between" }, /* @__PURE__ */ React241.createElement(Group88, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React241.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React241.createElement(IconUser13, { size: 16 }), /* @__PURE__ */ React241.createElement(Text131, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React241.createElement(Badge41, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React241.createElement(ActionIcon32, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React241.createElement(IconX14, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React241.createElement(Paper17, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React241.createElement(Stack154, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React241.createElement(
+    ), selectedRecipient ? /* @__PURE__ */ React249.createElement(Paper17, { p: "sm", withBorder: true }, /* @__PURE__ */ React249.createElement(Group90, { justify: "space-between" }, /* @__PURE__ */ React249.createElement(Group90, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React249.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React249.createElement(IconUser13, { size: 16 }), /* @__PURE__ */ React249.createElement(Text135, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React249.createElement(Badge41, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React249.createElement(ActionIcon32, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React249.createElement(IconX14, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React249.createElement(Paper17, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React249.createElement(Stack157, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React249.createElement(
       Button41,
       {
         key: result.did,
@@ -26853,7 +27244,7 @@ var GrantPermissionModal = ({
         onClick: () => setSelectedRecipient(result)
       },
       result.displayName
-    )))) : null) : /* @__PURE__ */ React241.createElement(
+    )))) : null) : /* @__PURE__ */ React249.createElement(
       TextInput9,
       {
         label: "Recipient DID",
@@ -26861,12 +27252,12 @@ var GrantPermissionModal = ({
         value: manualDid,
         onChange: (e) => setManualDid(e.currentTarget.value)
       }
-    ), /* @__PURE__ */ React241.createElement(Divider21, null), /* @__PURE__ */ React241.createElement(Stack154, { gap: "xs" }, /* @__PURE__ */ React241.createElement(Text131, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
+    ), /* @__PURE__ */ React249.createElement(Divider22, null), /* @__PURE__ */ React249.createElement(Stack157, { gap: "xs" }, /* @__PURE__ */ React249.createElement(Text135, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
       // Single block mode: show fixed block info
-      /* @__PURE__ */ React241.createElement(Paper17, { p: "sm", withBorder: true }, /* @__PURE__ */ React241.createElement(Group88, { gap: "xs" }, /* @__PURE__ */ React241.createElement(Badge41, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React241.createElement(Text131, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React241.createElement(Text131, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
+      /* @__PURE__ */ React249.createElement(Paper17, { p: "sm", withBorder: true }, /* @__PURE__ */ React249.createElement(Group90, { gap: "xs" }, /* @__PURE__ */ React249.createElement(Badge41, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React249.createElement(Text135, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React249.createElement(Text135, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
     ) : (
       // Multi-block mode: show scope selection
-      /* @__PURE__ */ React241.createElement(React241.Fragment, null, /* @__PURE__ */ React241.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React241.createElement(Stack154, { gap: "xs" }, /* @__PURE__ */ React241.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React241.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React241.createElement(Paper17, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React241.createElement(Stack154, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React241.createElement(
+      /* @__PURE__ */ React249.createElement(React249.Fragment, null, /* @__PURE__ */ React249.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React249.createElement(Stack157, { gap: "xs" }, /* @__PURE__ */ React249.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React249.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React249.createElement(Paper17, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React249.createElement(Stack157, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React249.createElement(
         Checkbox13,
         {
           key: block.id,
@@ -26881,14 +27272,14 @@ var GrantPermissionModal = ({
           }
         }
       )))))
-    )), /* @__PURE__ */ React241.createElement(Divider21, null), /* @__PURE__ */ React241.createElement(Stack154, { gap: "xs" }, /* @__PURE__ */ React241.createElement(
+    )), /* @__PURE__ */ React249.createElement(Divider22, null), /* @__PURE__ */ React249.createElement(Stack157, { gap: "xs" }, /* @__PURE__ */ React249.createElement(
       Checkbox13,
       {
         label: "Set expiration",
         checked: expirationEnabled,
         onChange: (e) => setExpirationEnabled(e.currentTarget.checked)
       }
-    ), expirationEnabled && /* @__PURE__ */ React241.createElement(
+    ), expirationEnabled && /* @__PURE__ */ React249.createElement(
       NumberInput3,
       {
         label: "Expires in (days)",
@@ -26898,7 +27289,7 @@ var GrantPermissionModal = ({
         min: 1,
         max: 365
       }
-    )), /* @__PURE__ */ React241.createElement(
+    )), /* @__PURE__ */ React249.createElement(
       Checkbox13,
       {
         label: "Recipient can grant permissions to others",
@@ -26906,7 +27297,7 @@ var GrantPermissionModal = ({
         checked: canDelegate,
         onChange: (e) => setCanDelegate(e.currentTarget.checked)
       }
-    ), /* @__PURE__ */ React241.createElement(Divider21, null), /* @__PURE__ */ React241.createElement(
+    ), /* @__PURE__ */ React249.createElement(Divider22, null), /* @__PURE__ */ React249.createElement(
       TextInput9,
       {
         label: "Enter your PIN to sign this delegation",
@@ -26915,7 +27306,7 @@ var GrantPermissionModal = ({
         value: pin,
         onChange: (e) => setPin(e.currentTarget.value)
       }
-    ), error && /* @__PURE__ */ React241.createElement(Alert36, { color: "red" }, error), /* @__PURE__ */ React241.createElement(Group88, { justify: "flex-end" }, /* @__PURE__ */ React241.createElement(Button41, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React241.createElement(Button41, { onClick: handleGrant, loading }, "Grant Permission")))
+    ), error && /* @__PURE__ */ React249.createElement(Alert36, { color: "red" }, error), /* @__PURE__ */ React249.createElement(Group90, { justify: "flex-end" }, /* @__PURE__ */ React249.createElement(Button41, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React249.createElement(Button41, { onClick: handleGrant, loading }, "Grant Permission")))
   );
 };
 
@@ -27031,4 +27422,4 @@ export {
   getExtraSlashMenuItems,
   useCreateIxoEditor
 };
-//# sourceMappingURL=chunk-JSVV5AQB.mjs.map
+//# sourceMappingURL=chunk-4TDDY3Q6.mjs.map