@ixo/editor 3.0.0-beta.25 → 3.0.0-beta.26

package/dist/{chunk-TLYT3OAQ.mjs → chunk-K75BAQDR.mjs}

@@ -15,8 +15,9 @@ import {
   getAllActions,
   isActorAuthorized,
   parseLinkedEntities,
+  sendDirectMessage,
   transformSurveyToCredentialSubject
-} from "./chunk-3RYZSIC2.mjs";
+} from "./chunk-SUFKRSSM.mjs";
 
 // src/mantine/hooks/useCreateIxoEditor.ts
 import { useCreateBlockNote } from "@blocknote/react";
@@ -1380,62 +1381,6 @@ var addLinkedEntityAction = {
   }
 };
 
-// src/core/lib/matrixDm.ts
-function getHomeserver(matrixClient) {
-  const userId = matrixClient.getUserId();
-  if (!userId) throw new Error("Matrix client has no user ID");
-  const idx = userId.indexOf(":");
-  if (idx === -1) throw new Error(`Invalid Matrix user ID: ${userId}`);
-  return userId.substring(idx + 1);
-}
-function didToMatrixUserId(did, homeserver) {
-  const localpart = did.replace(/:/g, "-");
-  return `@${localpart}:${homeserver}`;
-}
-async function findOrCreateDMRoom(matrixClient, targetUserId) {
-  try {
-    const directEvent = matrixClient.getAccountData("m.direct");
-    const directContent = directEvent?.getContent() || {};
-    const existingRooms = directContent[targetUserId];
-    if (existingRooms && existingRooms.length > 0) {
-      return existingRooms[0];
-    }
-  } catch {
-  }
-  const response = await matrixClient.createRoom({
-    is_direct: true,
-    invite: [targetUserId],
-    preset: "trusted_private_chat",
-    initial_state: []
-  });
-  const roomId = response.room_id;
-  try {
-    const directEvent = matrixClient.getAccountData("m.direct");
-    const directContent = directEvent?.getContent() || {};
-    const updatedContent = {
-      ...directContent,
-      [targetUserId]: [...directContent[targetUserId] || [], roomId]
-    };
-    await matrixClient.setAccountData("m.direct", updatedContent);
-  } catch (error) {
-    console.warn("[MatrixDM] Failed to update m.direct account data:", error);
-  }
-  return roomId;
-}
-async function sendMatrixMessage(matrixClient, roomId, message) {
-  await matrixClient.sendEvent(roomId, "m.room.message", {
-    msgtype: "m.text",
-    body: message
-  });
-}
-async function sendDirectMessage(matrixClient, targetDid, message) {
-  const homeserver = getHomeserver(matrixClient);
-  const targetUserId = didToMatrixUserId(targetDid, homeserver);
-  const roomId = await findOrCreateDMRoom(matrixClient, targetUserId);
-  await sendMatrixMessage(matrixClient, roomId, message);
-  return { roomId };
-}
-
 // src/mantine/blocks/hooks/hookedActions/actionTypes/sendMatrixDM.ts
 var sendMatrixDMAction = {
   type: "sendMatrixDM",
@@ -22905,11 +22850,11 @@ var FlowLinkBlockSpec = createReactBlockSpec19(
 );
 
 // src/mantine/blocks/action/ActionBlockSpec.tsx
-import React269 from "react";
+import React270 from "react";
 import { createReactBlockSpec as createReactBlockSpec20 } from "@blocknote/react";
 
 // src/mantine/blocks/action/ActionBlock.tsx
-import React268 from "react";
+import React269 from "react";
 
 // src/mantine/blocks/action/template/TemplateView.tsx
 import React234, { useMemo as useMemo85 } from "react";
@@ -22941,7 +22886,8 @@ import {
   IconSignature as IconSignature3,
   IconBuildingEstate,
   IconShieldCheck as IconShieldCheck12,
-  IconCash
+  IconCash,
+  IconMessageCircle
 } from "@tabler/icons-react";
 
 // src/mantine/components/Base/BaseIconCombobox.tsx
@@ -23102,6 +23048,11 @@ var ACTION_TYPE_META = {
     label: "Payment",
     description: "Calculate, propose, and execute a payment",
     icon: icon(IconCash, COMBO_ICON_SIZE)
+  },
+  "matrix.dm": {
+    label: "Matrix DM",
+    description: "Send a direct message via Matrix",
+    icon: icon(IconMessageCircle, COMBO_ICON_SIZE)
   }
 };
 function getActionMeta(actionType) {
@@ -29027,12 +28978,119 @@ registerActionTypeUI("payment", {
   flowDetailComponent: PaymentFlowDetail
 });
 
+// src/mantine/blocks/action/actionTypes/matrixDm/MatrixDmConfig.tsx
+import React268, { useCallback as useCallback99, useEffect as useEffect98, useMemo as useMemo108, useState as useState120 } from "react";
+import { Flex as Flex32, Stack as Stack188, Text as Text158 } from "@mantine/core";
+
+// src/mantine/blocks/action/actionTypes/matrixDm/types.ts
+function parseMatrixDmInputs(json) {
+  try {
+    const parsed = typeof json === "string" ? JSON.parse(json) : json;
+    return {
+      targetDid: parsed?.targetDid || "",
+      message: parsed?.message || ""
+    };
+  } catch {
+    return {
+      targetDid: "",
+      message: ""
+    };
+  }
+}
+function serializeMatrixDmInputs(inputs) {
+  return JSON.stringify(inputs);
+}
+
+// src/mantine/blocks/action/actionTypes/matrixDm/MatrixDmConfig.tsx
+var MatrixDmConfig = ({ inputs, onInputsChange, editor }) => {
+  const handlers = useBlocknoteHandlers();
+  const [local, setLocal] = useState120(() => parseMatrixDmInputs(inputs));
+  const [roomMembers, setRoomMembers] = useState120([]);
+  const [searchValue, setSearchValue] = useState120("");
+  const roomId = editor?.getRoomId?.() || null;
+  const mx = editor?.getMatrixClient?.() || null;
+  useEffect98(() => {
+    setLocal(parseMatrixDmInputs(inputs));
+  }, [inputs]);
+  useEffect98(() => {
+    (async () => {
+      if (!roomId || !mx) return;
+      try {
+        const members = await handlers.getRoomMembers(roomId, mx);
+        setRoomMembers(members);
+      } catch (error) {
+        console.error("MatrixDmConfig: Failed to fetch room members:", error);
+      }
+    })();
+  }, [roomId, mx]);
+  const update = useCallback99(
+    (patch) => {
+      const updated = { ...local, ...patch };
+      setLocal(updated);
+      onInputsChange(serializeMatrixDmInputs(updated));
+    },
+    [local, onInputsChange]
+  );
+  const selectData = useMemo108(() => {
+    return roomMembers.map((member) => ({
+      value: member.did,
+      label: member.name || member.did
+    }));
+  }, [roomMembers]);
+  const memberLookup = useMemo108(() => {
+    const lookup = {};
+    roomMembers.forEach((member) => {
+      lookup[member.did] = member;
+    });
+    return lookup;
+  }, [roomMembers]);
+  const selectedMember = local.targetDid ? memberLookup[local.targetDid] : void 0;
+  return /* @__PURE__ */ React268.createElement(Stack188, { gap: "md" }, /* @__PURE__ */ React268.createElement(
+    BaseSelect,
+    {
+      label: "Recipient",
+      description: "Select a person from this flow or search by name",
+      placeholder: "Search for a recipient...",
+      searchable: true,
+      value: local.targetDid || null,
+      onChange: (value) => update({ targetDid: value || "" }),
+      searchValue,
+      onSearchChange: setSearchValue,
+      data: selectData,
+      clearable: true,
+      required: true,
+      renderOption: ({ option, checked }) => {
+        const member = memberLookup[option.value];
+        if (!member) return /* @__PURE__ */ React268.createElement(Text158, { size: "sm" }, option.label);
+        return /* @__PURE__ */ React268.createElement(Flex32, { align: "center", gap: "sm" }, /* @__PURE__ */ React268.createElement(BaseAvatar, { src: member.src, did: member.did, size: 24 }), /* @__PURE__ */ React268.createElement(Text158, { size: "sm", c: checked ? "accent" : void 0 }, option.label));
+      },
+      leftSection: selectedMember ? /* @__PURE__ */ React268.createElement(BaseAvatar, { src: selectedMember.src, did: selectedMember.did, size: 20, withCenter: true }) : null
+    }
+  ), /* @__PURE__ */ React268.createElement(
+    BaseTextArea,
+    {
+      label: "Message",
+      description: "The message to send as a direct message",
+      placeholder: "Enter the message to send...",
+      value: local.message,
+      onChange: (event) => update({ message: event.currentTarget.value }),
+      minRows: 3,
+      required: true
+    }
+  ));
+};
+
+// src/mantine/blocks/action/actionTypes/matrixDm/index.ts
+registerActionTypeUI("matrix.dm", {
+  configComponent: MatrixDmConfig
+});
+
 // src/mantine/blocks/action/ActionBlock.tsx
 function ActionBlock({ editor, block }) {
   const { docType } = useBlocknoteContext();
   const { actions } = useBlockConditions(block, editor);
   if (docType === "template") {
-    return /* @__PURE__ */ React268.createElement(ActionTemplateView, { editor, block });
+    return /* @__PURE__ */ React269.createElement(ActionTemplateView, { editor, block });
   }
   const conditionConfig = parseConditionConfig(block.props.conditions);
   const hasVisibility = hasVisibilityConditions(conditionConfig);
@@ -29043,7 +29101,7 @@ function ActionBlock({ editor, block }) {
   const hasEnable = hasEnableConditions(conditionConfig);
   const enableActionExists = actions.some((a) => a.action === "enable");
   const shouldDisable = hasEnable && !enableActionExists;
-  return /* @__PURE__ */ React268.createElement(
+  return /* @__PURE__ */ React269.createElement(
     ActionFlowView,
     {
       block,
@@ -29119,36 +29177,36 @@ var ActionBlockSpec = createReactBlockSpec20(
   {
     render: (props) => {
       const ixoProps = props;
-      return /* @__PURE__ */ React269.createElement(ActionBlock, { ...ixoProps });
+      return /* @__PURE__ */ React270.createElement(ActionBlock, { ...ixoProps });
     }
   }
 );
 
 // src/mantine/blocks/location/LocationBlockSpec.tsx
-import React278 from "react";
+import React279 from "react";
 import { createReactBlockSpec as createReactBlockSpec21 } from "@blocknote/react";
 
 // src/mantine/blocks/location/LocationBlock.tsx
-import React277 from "react";
+import React278 from "react";
 
 // src/mantine/blocks/location/template/TemplateView.tsx
-import React274, { useMemo as useMemo108 } from "react";
-import { Group as Group101, Stack as Stack189, Text as Text160 } from "@mantine/core";
+import React275, { useMemo as useMemo109 } from "react";
+import { Group as Group101, Stack as Stack190, Text as Text161 } from "@mantine/core";
 import { IconMapPin } from "@tabler/icons-react";
 
 // src/mantine/blocks/location/template/TemplateConfig.tsx
-import React272, { useCallback as useCallback100 } from "react";
+import React273, { useCallback as useCallback101 } from "react";
 import { IconSettings as IconSettings19 } from "@tabler/icons-react";
 
 // src/mantine/blocks/location/template/GeneralTab.tsx
-import React271, { useEffect as useEffect99, useRef as useRef23, useState as useState122 } from "react";
-import { Box as Box52, Divider as Divider28, Stack as Stack188, Text as Text158 } from "@mantine/core";
+import React272, { useEffect as useEffect100, useRef as useRef23, useState as useState123 } from "react";
+import { Box as Box52, Divider as Divider28, Stack as Stack189, Text as Text159 } from "@mantine/core";
 
 // src/core/hooks/useUnlMap.ts
-import { useEffect as useEffect98, useState as useState120 } from "react";
+import { useEffect as useEffect99, useState as useState121 } from "react";
 function useUnlMap() {
-  const [status, setStatus] = useState120("loading");
-  useEffect98(() => {
+  const [status, setStatus] = useState121("loading");
+  useEffect99(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -29203,7 +29261,7 @@ function useUnlMap() {
 }
 
 // src/mantine/blocks/location/components/TileSelector.tsx
-import React270, { useState as useState121, useCallback as useCallback99 } from "react";
+import React271, { useState as useState122, useCallback as useCallback100 } from "react";
 import { ActionIcon as ActionIcon36, Group as Group100, Tooltip as Tooltip22 } from "@mantine/core";
 import { IconMap, IconMoon, IconSatellite, IconMountain } from "@tabler/icons-react";
 var TILE_LAYERS = {
@@ -29256,8 +29314,8 @@ function ensureLayer(map, config) {
   );
 }
 var TileSelector = ({ mapRef }) => {
-  const [active, setActive] = useState121("map");
-  const switchTo = useCallback99(
+  const [active, setActive] = useState122("map");
+  const switchTo = useCallback100(
     (type) => {
       const map = mapRef.current;
       if (!map || active === type) return;
@@ -29275,10 +29333,10 @@ var TileSelector = ({ mapRef }) => {
     [mapRef, active]
   );
   const items = [
-    { type: "map", label: "Map", icon: /* @__PURE__ */ React270.createElement(IconMap, { size: 14 }) },
+    { type: "map", label: "Map", icon: /* @__PURE__ */ React271.createElement(IconMap, { size: 14 }) },
     ...OVERLAY_KEYS.map((key) => ({ type: key, label: TILE_LAYERS[key].label, icon: TILE_LAYERS[key].icon }))
   ];
-  return /* @__PURE__ */ React270.createElement(
+  return /* @__PURE__ */ React271.createElement(
     Group100,
     {
       gap: 2,
@@ -29292,7 +29350,7 @@ var TileSelector = ({ mapRef }) => {
         padding: 2
       }
     },
-    items.map(({ type, label, icon: icon2 }) => /* @__PURE__ */ React270.createElement(Tooltip22, { key: type, label, withArrow: true }, /* @__PURE__ */ React270.createElement(
+    items.map(({ type, label, icon: icon2 }) => /* @__PURE__ */ React271.createElement(Tooltip22, { key: type, label, withArrow: true }, /* @__PURE__ */ React271.createElement(
       ActionIcon36,
       {
         variant: active === type ? "filled" : "subtle",
@@ -29313,22 +29371,22 @@ 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] = useState122(title);
-  const [localDescription, setLocalDescription] = useState122(description);
-  const [mapError, setMapError] = useState122(null);
+  const [localTitle, setLocalTitle] = useState123(title);
+  const [localDescription, setLocalDescription] = useState123(description);
+  const [mapError, setMapError] = useState123(null);
   const { status, UnlSdk } = useUnlMap();
   const { mapConfig } = useBlocknoteContext();
   const markerRef = useRef23(null);
   const mapRef = useRef23(null);
   const wrapperRef = useRef23(null);
   const containerRef = useRef23(null);
-  useEffect99(() => {
+  useEffect100(() => {
     setLocalTitle(title);
   }, [title]);
-  useEffect99(() => {
+  useEffect100(() => {
     setLocalDescription(description);
   }, [description]);
-  useEffect99(() => {
+  useEffect100(() => {
     if (status !== "ready" || !UnlSdk || mapRef.current || !mapConfig || !containerRef.current || !wrapperRef.current) return;
     try {
       const hasCoords = latitude && longitude;
@@ -29378,7 +29436,7 @@ var GeneralTab17 = ({ title, description, latitude, longitude, onTitleChange, on
       markerRef.current = null;
     };
   }, [status, UnlSdk]);
-  return /* @__PURE__ */ React271.createElement(Stack188, { gap: "lg" }, /* @__PURE__ */ React271.createElement(Stack188, { gap: "xs" }, /* @__PURE__ */ React271.createElement(Text158, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React271.createElement(
+  return /* @__PURE__ */ React272.createElement(Stack189, { gap: "lg" }, /* @__PURE__ */ React272.createElement(Stack189, { gap: "xs" }, /* @__PURE__ */ React272.createElement(Text159, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React272.createElement(
     BaseTextInput,
     {
       placeholder: "e.g. Project Location",
@@ -29389,7 +29447,7 @@ var GeneralTab17 = ({ title, description, latitude, longitude, onTitleChange, on
         onTitleChange(v);
       }
     }
-  )), /* @__PURE__ */ React271.createElement(Stack188, { gap: "xs" }, /* @__PURE__ */ React271.createElement(Text158, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React271.createElement(
+  )), /* @__PURE__ */ React272.createElement(Stack189, { gap: "xs" }, /* @__PURE__ */ React272.createElement(Text159, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React272.createElement(
     BaseTextInput,
     {
       placeholder: "e.g. Main project site coordinates",
@@ -29400,7 +29458,7 @@ var GeneralTab17 = ({ title, description, latitude, longitude, onTitleChange, on
         onDescriptionChange(v);
       }
     }
-  )), /* @__PURE__ */ React271.createElement(Divider28, { variant: "dashed" }), /* @__PURE__ */ React271.createElement(Stack188, { gap: "xs" }, /* @__PURE__ */ React271.createElement(Text158, { size: "sm", fw: 600 }, "Location"), /* @__PURE__ */ React271.createElement(Text158, { size: "xs", c: "dimmed" }, "Click on the map to set the location."), mapError ? /* @__PURE__ */ React271.createElement(Text158, { size: "sm", c: "red" }, mapError) : /* @__PURE__ */ React271.createElement(Box52, { ref: wrapperRef, mx: "auto", w: "100%", miw: 280, h: 300, style: { borderRadius: 12, position: "relative", overflow: "hidden" } }, /* @__PURE__ */ React271.createElement(
+  )), /* @__PURE__ */ React272.createElement(Divider28, { variant: "dashed" }), /* @__PURE__ */ React272.createElement(Stack189, { gap: "xs" }, /* @__PURE__ */ React272.createElement(Text159, { size: "sm", fw: 600 }, "Location"), /* @__PURE__ */ React272.createElement(Text159, { size: "xs", c: "dimmed" }, "Click on the map to set the location."), mapError ? /* @__PURE__ */ React272.createElement(Text159, { size: "sm", c: "red" }, mapError) : /* @__PURE__ */ React272.createElement(Box52, { ref: wrapperRef, mx: "auto", w: "100%", miw: 280, h: 300, style: { borderRadius: 12, position: "relative", overflow: "hidden" } }, /* @__PURE__ */ React272.createElement(
     Box52,
     {
       ref: containerRef,
@@ -29413,19 +29471,19 @@ var GeneralTab17 = ({ title, description, latitude, longitude, onTitleChange, on
         height: "600px"
       }
     }
-  ), /* @__PURE__ */ React271.createElement(TileSelector, { mapRef }))), /* @__PURE__ */ React271.createElement(Stack188, { gap: "xs" }, /* @__PURE__ */ React271.createElement(BaseTextInput, { label: "Latitude", value: latitude, readOnly: true, placeholder: "Not set" }), /* @__PURE__ */ React271.createElement(BaseTextInput, { label: "Longitude", value: longitude, readOnly: true, placeholder: "Not set" })));
+  ), /* @__PURE__ */ React272.createElement(TileSelector, { mapRef }))), /* @__PURE__ */ React272.createElement(Stack189, { gap: "xs" }, /* @__PURE__ */ React272.createElement(BaseTextInput, { label: "Latitude", value: latitude, readOnly: true, placeholder: "Not set" }), /* @__PURE__ */ React272.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 = useCallback100(
+  const updateProp = useCallback101(
     (key, value) => {
       editor.updateBlock(block, { props: { ...block.props, [key]: value } });
     },
     [editor, block]
   );
-  const updateProps = useCallback100(
+  const updateProps = useCallback101(
     (updates) => {
       editor.updateBlock(block, { props: { ...block.props, ...updates } });
     },
@@ -29436,7 +29494,7 @@ var TemplateConfig17 = ({ editor, block }) => {
       label: "General",
       value: "general",
       icon: icon(IconSettings19),
-      content: /* @__PURE__ */ React272.createElement(
+      content: /* @__PURE__ */ React273.createElement(
         GeneralTab17,
         {
           title: block.props.title || "",
@@ -29450,21 +29508,21 @@ var TemplateConfig17 = ({ editor, block }) => {
       )
     }
   ];
-  return /* @__PURE__ */ React272.createElement(BaseRightPanelLayout, { title: "Location Settings", onClose: closePanel, tabs, context: { editor, block } });
+  return /* @__PURE__ */ React273.createElement(BaseRightPanelLayout, { title: "Location Settings", onClose: closePanel, tabs, context: { editor, block } });
 };
 
 // src/mantine/blocks/location/components/LocationMap.tsx
-import React273, { useEffect as useEffect100, useRef as useRef24, useState as useState123 } from "react";
-import { Box as Box53, Flex as Flex32, Loader as Loader53, Text as Text159 } from "@mantine/core";
+import React274, { useEffect as useEffect101, useRef as useRef24, useState as useState124 } from "react";
+import { Box as Box53, Flex as Flex33, Loader as Loader53, Text as Text160 } from "@mantine/core";
 var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker = true, showTilesControl = false }) => {
-  const [mapError, setMapError] = useState123(null);
+  const [mapError, setMapError] = useState124(null);
   const { mapConfig } = useBlocknoteContext();
   const wrapperRef = useRef24(null);
   const containerRef = useRef24(null);
   const mapRef = useRef24(null);
   const markerRef = useRef24(null);
   const { status, UnlSdk } = useUnlMap();
-  useEffect100(() => {
+  useEffect101(() => {
     if (status !== "ready" || !UnlSdk || mapRef.current || !containerRef.current || !wrapperRef.current) return;
     let ro;
     let resizeTimer;
@@ -29495,7 +29553,7 @@ var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker =
       ro?.disconnect();
     };
   }, [status, UnlSdk, mapConfig]);
-  useEffect100(() => {
+  useEffect101(() => {
     if (!mapRef.current || !latitude || !longitude) return;
     const coords = [Number(longitude), Number(latitude)];
     mapRef.current.setCenter(coords);
@@ -29504,7 +29562,7 @@ var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker =
     }
   }, [latitude, longitude, showMarker]);
   if (status === "loading") {
-    return /* @__PURE__ */ React273.createElement(
+    return /* @__PURE__ */ React274.createElement(
       Box53,
       {
         style: {
@@ -29516,11 +29574,11 @@ var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker =
         w,
         h
       },
-      /* @__PURE__ */ React273.createElement(Loader53, null)
+      /* @__PURE__ */ React274.createElement(Loader53, null)
     );
   }
   if (status === "error" || mapError) {
-    return /* @__PURE__ */ React273.createElement(
+    return /* @__PURE__ */ React274.createElement(
       Box53,
       {
         style: {
@@ -29532,10 +29590,10 @@ var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker =
         w,
         h
       },
-      /* @__PURE__ */ React273.createElement(Text159, { size: "sm", c: "red" }, mapError || "Failed to load map")
+      /* @__PURE__ */ React274.createElement(Text160, { size: "sm", c: "red" }, mapError || "Failed to load map")
     );
   }
-  return /* @__PURE__ */ React273.createElement(Box53, { ref: wrapperRef, style: { position: "relative", borderRadius: 16, overflow: "hidden" }, w, h }, /* @__PURE__ */ React273.createElement(
+  return /* @__PURE__ */ React274.createElement(Box53, { ref: wrapperRef, style: { position: "relative", borderRadius: 16, overflow: "hidden" }, w, h }, /* @__PURE__ */ React274.createElement(
     Box53,
     {
       ref: containerRef,
@@ -29548,55 +29606,55 @@ var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker =
         height: "600px"
       }
     }
-  ), showTilesControl && /* @__PURE__ */ React273.createElement(TileSelector, { mapRef }));
+  ), showTilesControl && /* @__PURE__ */ React274.createElement(TileSelector, { mapRef }));
 };
 function LocationMap(props) {
   if (props.latitude === void 0 || props.longitude === void 0)
-    return /* @__PURE__ */ React273.createElement(Flex32, { w: "100%", h: 200, align: "center", justify: "center" }, /* @__PURE__ */ React273.createElement(Loader53, null));
-  return /* @__PURE__ */ React273.createElement(UnlMap, { ...props });
+    return /* @__PURE__ */ React274.createElement(Flex33, { w: "100%", h: 200, align: "center", justify: "center" }, /* @__PURE__ */ React274.createElement(Loader53, null));
+  return /* @__PURE__ */ React274.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 = useMemo108(() => /* @__PURE__ */ React274.createElement(TemplateConfig17, { editor, block }), [editor, block]);
+  const panelContent = useMemo109(() => /* @__PURE__ */ React275.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__ */ React274.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React274.createElement(Stack189, { gap: "xs", justify: "center" }, /* @__PURE__ */ React274.createElement(Group101, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React274.createElement(IconMapPin, { color: "white", size: 26, stroke: 1.5 }), /* @__PURE__ */ React274.createElement(Stack189, { gap: 2 }, /* @__PURE__ */ React274.createElement(Text160, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Location"), block.props.description && /* @__PURE__ */ React274.createElement(Text160, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), hasLocation && /* @__PURE__ */ React274.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, mapId: `location-template-map-${block.id}`, zoom: 14, showMarker: true, showTilesControl: true })));
+  return /* @__PURE__ */ React275.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React275.createElement(Stack190, { gap: "xs", justify: "center" }, /* @__PURE__ */ React275.createElement(Group101, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React275.createElement(IconMapPin, { color: "white", size: 26, stroke: 1.5 }), /* @__PURE__ */ React275.createElement(Stack190, { gap: 2 }, /* @__PURE__ */ React275.createElement(Text161, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Location"), block.props.description && /* @__PURE__ */ React275.createElement(Text161, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), hasLocation && /* @__PURE__ */ React275.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, mapId: `location-template-map-${block.id}`, zoom: 14, showMarker: true, showTilesControl: true })));
 };
 
 // src/mantine/blocks/location/flow/FlowView.tsx
-import React276, { useMemo as useMemo109 } from "react";
-import { Center as Center12, Group as Group102, Stack as Stack190, Text as Text161 } from "@mantine/core";
+import React277, { useMemo as useMemo110 } from "react";
+import { Center as Center12, Group as Group102, Stack as Stack191, Text as Text162 } from "@mantine/core";
 import { IconMapPin as IconMapPin2 } from "@tabler/icons-react";
 
 // src/mantine/blocks/location/flow/FlowConfig.tsx
-import React275 from "react";
+import React276 from "react";
 var FlowConfig3 = ({ block }) => {
   const { closePanel } = usePanelStore();
   const hasLocation = block.props.latitude && block.props.longitude;
-  return /* @__PURE__ */ React275.createElement(BaseRightPanelLayout, { title: block.props.title || "Location", onClose: closePanel, isTemplate: false }, hasLocation ? /* @__PURE__ */ React275.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, h: 600, zoom: 14, showMarker: true, showTilesControl: true }) : null);
+  return /* @__PURE__ */ React276.createElement(BaseRightPanelLayout, { title: block.props.title || "Location", onClose: closePanel, isTemplate: false }, hasLocation ? /* @__PURE__ */ React276.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, h: 600, zoom: 14, showMarker: true, showTilesControl: true }) : 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 = useMemo109(() => /* @__PURE__ */ React276.createElement(FlowConfig3, { editor, block }), [editor, block]);
+  const panelContent = useMemo110(() => /* @__PURE__ */ React277.createElement(FlowConfig3, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const hasLocation = block.props.latitude && block.props.longitude;
-  return /* @__PURE__ */ React276.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React276.createElement(Stack190, { gap: "xs", justify: "center" }, /* @__PURE__ */ React276.createElement(Group102, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React276.createElement(IconMapPin2, { color: "white", size: 26, stroke: 1.5 }), /* @__PURE__ */ React276.createElement(Stack190, { gap: 2 }, /* @__PURE__ */ React276.createElement(Text161, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Location"), block.props.description && /* @__PURE__ */ React276.createElement(Text161, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), hasLocation ? /* @__PURE__ */ React276.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, mapId: `location-flow-map-${block.id}`, zoom: 14, showMarker: true, showTilesControl: true }) : /* @__PURE__ */ React276.createElement(Center12, { py: "md" }, /* @__PURE__ */ React276.createElement(Text161, { size: "sm", c: "dimmed" }, "Location not configured"))));
+  return /* @__PURE__ */ React277.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React277.createElement(Stack191, { gap: "xs", justify: "center" }, /* @__PURE__ */ React277.createElement(Group102, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React277.createElement(IconMapPin2, { color: "white", size: 26, stroke: 1.5 }), /* @__PURE__ */ React277.createElement(Stack191, { gap: 2 }, /* @__PURE__ */ React277.createElement(Text162, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Location"), block.props.description && /* @__PURE__ */ React277.createElement(Text162, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), hasLocation ? /* @__PURE__ */ React277.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, mapId: `location-flow-map-${block.id}`, zoom: 14, showMarker: true, showTilesControl: true }) : /* @__PURE__ */ React277.createElement(Center12, { py: "md" }, /* @__PURE__ */ React277.createElement(Text162, { size: "sm", c: "dimmed" }, "Location not configured"))));
 };
 
 // src/mantine/blocks/location/LocationBlock.tsx
 function LocationBlock({ editor, block }) {
   const { docType } = useBlocknoteContext();
   if (docType === "template" || docType === "page") {
-    return /* @__PURE__ */ React277.createElement(LocationTemplateView, { editor, block });
+    return /* @__PURE__ */ React278.createElement(LocationTemplateView, { editor, block });
   }
-  return /* @__PURE__ */ React277.createElement(LocationFlowView, { editor, block });
+  return /* @__PURE__ */ React278.createElement(LocationFlowView, { editor, block });
 }
 
 // src/mantine/blocks/location/LocationBlockSpec.tsx
@@ -29615,29 +29673,29 @@ var LocationBlockSpec = createReactBlockSpec21(
   {
     render: (props) => {
       const ixoProps = props;
-      return /* @__PURE__ */ React278.createElement(LocationBlock, { ...ixoProps });
+      return /* @__PURE__ */ React279.createElement(LocationBlock, { ...ixoProps });
     }
   }
 );
 
 // src/mantine/blocks/embed/EmbedBlockSpec.tsx
-import React285 from "react";
+import React286 from "react";
 import { createReactBlockSpec as createReactBlockSpec22 } from "@blocknote/react";
 
 // src/mantine/blocks/embed/EmbedBlock.tsx
-import React284 from "react";
+import React285 from "react";
 
 // src/mantine/blocks/embed/template/TemplateView.tsx
-import React281, { useMemo as useMemo110 } from "react";
-import { Box as Box54, Group as Group103, Stack as Stack192, Text as Text163 } from "@mantine/core";
+import React282, { useMemo as useMemo111 } from "react";
+import { Box as Box54, Group as Group103, Stack as Stack193, Text as Text164 } from "@mantine/core";
 
 // src/mantine/blocks/embed/template/TemplateConfig.tsx
-import React280, { useCallback as useCallback101 } from "react";
+import React281, { useCallback as useCallback102 } from "react";
 import { IconSettings as IconSettings20 } from "@tabler/icons-react";
 
 // src/mantine/blocks/embed/template/GeneralTab.tsx
-import React279, { useEffect as useEffect101, useState as useState124 } from "react";
-import { Stack as Stack191, Switch as Switch7, Text as Text162 } from "@mantine/core";
+import React280, { useEffect as useEffect102, useState as useState125 } from "react";
+import { Stack as Stack192, Switch as Switch7, Text as Text163 } from "@mantine/core";
 var GeneralTab18 = ({
   url,
   title,
@@ -29652,19 +29710,19 @@ var GeneralTab18 = ({
   onHeightChange,
   onAllowAuthChange
 }) => {
-  const [localUrl, setLocalUrl] = useState124(url);
-  const [localHeight, setLocalHeight] = useState124(height);
+  const [localUrl, setLocalUrl] = useState125(url);
+  const [localHeight, setLocalHeight] = useState125(height);
   const iconOptions = Object.keys(ICON_MAP).map((key) => ({
     value: key,
     label: key.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ")
   }));
-  useEffect101(() => {
+  useEffect102(() => {
     setLocalUrl(url);
   }, [url]);
-  useEffect101(() => {
+  useEffect102(() => {
     setLocalHeight(height);
   }, [height]);
-  return /* @__PURE__ */ React279.createElement(Stack191, { gap: "md" }, /* @__PURE__ */ React279.createElement(Stack191, { gap: "xs" }, /* @__PURE__ */ React279.createElement(Text162, { size: "sm", fw: 600 }, "URL"), /* @__PURE__ */ React279.createElement(
+  return /* @__PURE__ */ React280.createElement(Stack192, { gap: "md" }, /* @__PURE__ */ React280.createElement(Stack192, { gap: "xs" }, /* @__PURE__ */ React280.createElement(Text163, { size: "sm", fw: 600 }, "URL"), /* @__PURE__ */ React280.createElement(
     BaseTextInput,
     {
       placeholder: "https://example.com",
@@ -29675,7 +29733,7 @@ var GeneralTab18 = ({
         onUrlChange(v);
       }
     }
-  ), /* @__PURE__ */ React279.createElement(Text162, { size: "xs", c: "dimmed" }, "Enter the URL of the page to embed.")), /* @__PURE__ */ React279.createElement(BaseTextInput, { label: "Title", placeholder: "e.g. Dashboard", value: title, onChange: (e) => onTitleChange(e.currentTarget.value) }), /* @__PURE__ */ React279.createElement(BaseTextArea, { label: "Description", placeholder: "Enter description", value: description, onChange: (e) => onDescriptionChange(e.currentTarget.value), minRows: 2 }), /* @__PURE__ */ React279.createElement(BaseSelect, { label: "Icon", placeholder: "Select an icon", value: icon2 || "code", onChange: (value) => onIconChange(value || "code"), data: iconOptions, searchable: true }), /* @__PURE__ */ React279.createElement(
+  ), /* @__PURE__ */ React280.createElement(Text163, { size: "xs", c: "dimmed" }, "Enter the URL of the page to embed.")), /* @__PURE__ */ React280.createElement(BaseTextInput, { label: "Title", placeholder: "e.g. Dashboard", value: title, onChange: (e) => onTitleChange(e.currentTarget.value) }), /* @__PURE__ */ React280.createElement(BaseTextArea, { label: "Description", placeholder: "Enter description", value: description, onChange: (e) => onDescriptionChange(e.currentTarget.value), minRows: 2 }), /* @__PURE__ */ React280.createElement(BaseSelect, { label: "Icon", placeholder: "Select an icon", value: icon2 || "code", onChange: (value) => onIconChange(value || "code"), data: iconOptions, searchable: true }), /* @__PURE__ */ React280.createElement(
     BaseTextInput,
     {
       label: "Height (px)",
@@ -29688,13 +29746,13 @@ var GeneralTab18 = ({
         onHeightChange(v);
       }
     }
-  ), /* @__PURE__ */ React279.createElement(Stack191, { gap: "xs" }, /* @__PURE__ */ React279.createElement(Switch7, { label: "Allow authenticated embeds", checked: allowAuth, onChange: (event) => onAllowAuthChange(event.currentTarget.checked) }), /* @__PURE__ */ React279.createElement(Text162, { size: "xs", c: "dimmed" }, "Enable for services like Google Calendar that require cookie access. Only use with trusted URLs.")));
+  ), /* @__PURE__ */ React280.createElement(Stack192, { gap: "xs" }, /* @__PURE__ */ React280.createElement(Switch7, { label: "Allow authenticated embeds", checked: allowAuth, onChange: (event) => onAllowAuthChange(event.currentTarget.checked) }), /* @__PURE__ */ React280.createElement(Text163, { size: "xs", c: "dimmed" }, "Enable for services like Google Calendar that require cookie access. Only use with trusted URLs.")));
 };
 
 // src/mantine/blocks/embed/template/TemplateConfig.tsx
 var TemplateConfig18 = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
-  const updateProp = useCallback101(
+  const updateProp = useCallback102(
     (key, value) => {
       editor.updateBlock(block, { props: { ...block.props, [key]: value } });
     },
@@ -29705,7 +29763,7 @@ var TemplateConfig18 = ({ editor, block }) => {
       label: "General",
       value: "general",
       icon: icon(IconSettings20),
-      content: /* @__PURE__ */ React280.createElement(
+      content: /* @__PURE__ */ React281.createElement(
         GeneralTab18,
         {
           url: block.props.url || "",
@@ -29724,7 +29782,7 @@ var TemplateConfig18 = ({ editor, block }) => {
       )
     }
   ];
-  return /* @__PURE__ */ React280.createElement(BaseRightPanelLayout, { title: "Embed Settings", onClose: closePanel, tabs, context: { editor, block } });
+  return /* @__PURE__ */ React281.createElement(BaseRightPanelLayout, { title: "Embed Settings", onClose: closePanel, tabs, context: { editor, block } });
 };
 
 // src/mantine/blocks/embed/sanitizeUrl.ts
@@ -29745,12 +29803,12 @@ function sanitizeEmbedUrl(raw) {
 var EMBED_TEMPLATE_PANEL_ID = "embed-template-panel";
 var EmbedTemplateView = ({ editor, block }) => {
   const panelId = `${EMBED_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo110(() => /* @__PURE__ */ React281.createElement(TemplateConfig18, { editor, block }), [editor, block]);
+  const panelContent = useMemo111(() => /* @__PURE__ */ React282.createElement(TemplateConfig18, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const safeUrl = sanitizeEmbedUrl(block.props.url);
   const height = Number(block.props.height) || 400;
   const sandbox = block.props.allowAuth === "true" ? "allow-scripts allow-same-origin allow-forms allow-popups" : "allow-scripts allow-forms allow-popups";
-  return /* @__PURE__ */ React281.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React281.createElement(Stack192, { gap: "xs", justify: "center" }, /* @__PURE__ */ React281.createElement(Group103, { wrap: "nowrap", align: "center" }, getIcon("code", block.props.icon), /* @__PURE__ */ React281.createElement(Stack192, { gap: 2 }, /* @__PURE__ */ React281.createElement(Text163, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Embed"), /* @__PURE__ */ React281.createElement(Text163, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, block.props.description || safeUrl || "Click to configure"))), safeUrl && /* @__PURE__ */ React281.createElement(Box54, { style: { borderRadius: 8, overflow: "hidden" } }, /* @__PURE__ */ React281.createElement(
+  return /* @__PURE__ */ React282.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React282.createElement(Stack193, { gap: "xs", justify: "center" }, /* @__PURE__ */ React282.createElement(Group103, { wrap: "nowrap", align: "center" }, getIcon("code", block.props.icon), /* @__PURE__ */ React282.createElement(Stack193, { gap: 2 }, /* @__PURE__ */ React282.createElement(Text164, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Embed"), /* @__PURE__ */ React282.createElement(Text164, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, block.props.description || safeUrl || "Click to configure"))), safeUrl && /* @__PURE__ */ React282.createElement(Box54, { style: { borderRadius: 8, overflow: "hidden" } }, /* @__PURE__ */ React282.createElement(
     "iframe",
     {
       src: safeUrl,
@@ -29766,15 +29824,15 @@ var EmbedTemplateView = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/embed/flow/FlowView.tsx
-import React283, { useMemo as useMemo111 } from "react";
-import { Box as Box55, Group as Group104, Stack as Stack193, Text as Text164 } from "@mantine/core";
+import React284, { useMemo as useMemo112 } from "react";
+import { Box as Box55, Group as Group104, Stack as Stack194, Text as Text165 } from "@mantine/core";
 
 // src/mantine/blocks/embed/flow/FlowConfig.tsx
-import React282, { useCallback as useCallback102 } from "react";
+import React283, { useCallback as useCallback103 } from "react";
 import { IconSettings as IconSettings21 } from "@tabler/icons-react";
 var FlowConfig4 = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
-  const updateProp = useCallback102(
+  const updateProp = useCallback103(
     (key, value) => {
       editor.updateBlock(block, { props: { ...block.props, [key]: value } });
     },
@@ -29785,7 +29843,7 @@ var FlowConfig4 = ({ editor, block }) => {
       label: "General",
       value: "general",
       icon: icon(IconSettings21),
-      content: /* @__PURE__ */ React282.createElement(
+      content: /* @__PURE__ */ React283.createElement(
         GeneralTab18,
         {
           url: block.props.url || "",
@@ -29804,19 +29862,19 @@ var FlowConfig4 = ({ editor, block }) => {
       )
     }
   ];
-  return /* @__PURE__ */ React282.createElement(BaseRightPanelLayout, { title: "Embed Settings", onClose: closePanel, tabs, context: { editor, block }, isTemplate: false });
+  return /* @__PURE__ */ React283.createElement(BaseRightPanelLayout, { title: "Embed Settings", onClose: closePanel, tabs, context: { editor, block }, isTemplate: false });
 };
 
 // src/mantine/blocks/embed/flow/FlowView.tsx
 var EMBED_FLOW_PANEL_ID = "embed-flow-panel";
 var EmbedFlowView = ({ editor, block }) => {
   const panelId = `${EMBED_FLOW_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo111(() => /* @__PURE__ */ React283.createElement(FlowConfig4, { editor, block }), [editor, block]);
+  const panelContent = useMemo112(() => /* @__PURE__ */ React284.createElement(FlowConfig4, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const safeUrl = sanitizeEmbedUrl(block.props.url);
   const height = Number(block.props.height) || 400;
   const sandbox = block.props.allowAuth === "true" ? "allow-scripts allow-same-origin allow-forms allow-popups" : "allow-scripts allow-forms allow-popups";
-  return /* @__PURE__ */ React283.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React283.createElement(Stack193, { gap: "xs", justify: "center" }, /* @__PURE__ */ React283.createElement(Group104, { wrap: "nowrap", align: "center" }, getIcon("code", block.props.icon), /* @__PURE__ */ React283.createElement(Stack193, { gap: 2 }, /* @__PURE__ */ React283.createElement(Text164, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Embed"), /* @__PURE__ */ React283.createElement(Text164, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, block.props.description || safeUrl || "No URL configured"))), safeUrl && /* @__PURE__ */ React283.createElement(Box55, { style: { borderRadius: 8, overflow: "hidden" } }, /* @__PURE__ */ React283.createElement(
+  return /* @__PURE__ */ React284.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React284.createElement(Stack194, { gap: "xs", justify: "center" }, /* @__PURE__ */ React284.createElement(Group104, { wrap: "nowrap", align: "center" }, getIcon("code", block.props.icon), /* @__PURE__ */ React284.createElement(Stack194, { gap: 2 }, /* @__PURE__ */ React284.createElement(Text165, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Embed"), /* @__PURE__ */ React284.createElement(Text165, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, block.props.description || safeUrl || "No URL configured"))), safeUrl && /* @__PURE__ */ React284.createElement(Box55, { style: { borderRadius: 8, overflow: "hidden" } }, /* @__PURE__ */ React284.createElement(
     "iframe",
     {
       src: safeUrl,
@@ -29835,9 +29893,9 @@ var EmbedFlowView = ({ editor, block }) => {
 function EmbedBlock({ editor, block }) {
   const { docType } = useBlocknoteContext();
   if (docType === "template" || docType === "page") {
-    return /* @__PURE__ */ React284.createElement(EmbedTemplateView, { editor, block });
+    return /* @__PURE__ */ React285.createElement(EmbedTemplateView, { editor, block });
   }
-  return /* @__PURE__ */ React284.createElement(EmbedFlowView, { editor, block });
+  return /* @__PURE__ */ React285.createElement(EmbedFlowView, { editor, block });
 }
 
 // src/mantine/blocks/embed/EmbedBlockSpec.tsx
@@ -29858,7 +29916,7 @@ var EmbedBlockSpec = createReactBlockSpec22(
   {
     render: (props) => {
       const ixoProps = props;
-      return /* @__PURE__ */ React285.createElement(EmbedBlock, { ...ixoProps });
+      return /* @__PURE__ */ React286.createElement(EmbedBlock, { ...ixoProps });
     }
   }
 );
@@ -30078,10 +30136,10 @@ blockRegistry.register({
 });
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo112, useEffect as useEffect102, useState as useState125, useCallback as useCallback103 } from "react";
+import { useMemo as useMemo113, useEffect as useEffect103, useState as useState126, useCallback as useCallback104 } from "react";
 
 // src/mantine/blocks/hooks/useDependsOn.ts
-import { useMemo as useMemo113 } from "react";
+import { useMemo as useMemo114 } from "react";
 
 // src/mantine/blocks/index.ts
 var blockSpecs = {
@@ -30576,15 +30634,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 useEffect103, useState as useState126, useRef as useRef25, useCallback as useCallback104, useMemo as useMemo114 } from "react";
+import { useEffect as useEffect104, useState as useState127, useRef as useRef25, useCallback as useCallback105, useMemo as useMemo115 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
-  const [matrixProvider, setProvider] = useState126(null);
-  const [status, setStatus] = useState126("disconnected");
+  const [matrixProvider, setProvider] = useState127(null);
+  const [status, setStatus] = useState127("disconnected");
   const isMountedRef = useRef25(true);
   const providerRef = useRef25(null);
   const retryTimeoutRef = useRef25(null);
-  const providerOptions = useMemo114(
+  const providerOptions = useMemo115(
     () => ({
       translator: {
         updateEventType: "matrix-crdt.doc_update",
@@ -30597,22 +30655,22 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
     }),
     []
   );
-  const handleDocumentAvailable = useCallback104(() => {
+  const handleDocumentAvailable = useCallback105(() => {
     if (isMountedRef.current) {
       setStatus("connected");
     }
   }, []);
-  const handleDocumentUnavailable = useCallback104(() => {
+  const handleDocumentUnavailable = useCallback105(() => {
     if (isMountedRef.current) {
       setStatus("failed");
     }
   }, []);
-  const handleCanWriteChanged = useCallback104(() => {
+  const handleCanWriteChanged = useCallback105(() => {
     if (isMountedRef.current && providerRef.current) {
       setStatus(providerRef.current.canWrite ? "connected" : "failed");
     }
   }, []);
-  const initProvider = useCallback104(async () => {
+  const initProvider = useCallback105(async () => {
     if (!isMountedRef.current) return;
     if (retryTimeoutRef.current) {
       clearTimeout(retryTimeoutRef.current);
@@ -30645,7 +30703,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       }
     }
   }, [matrixClient, providerOptions, handleDocumentAvailable, handleDocumentUnavailable, handleCanWriteChanged]);
-  useEffect103(() => {
+  useEffect104(() => {
     isMountedRef.current = true;
     initProvider();
     return () => {
@@ -30662,7 +30720,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       setStatus("disconnected");
     };
   }, [initProvider]);
-  useEffect103(() => {
+  useEffect104(() => {
     return () => {
       isMountedRef.current = false;
     };
@@ -30671,17 +30729,17 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
 }
 
 // src/mantine/hooks/useCollaborativeYDoc.ts
-import { useMemo as useMemo115 } from "react";
+import { useMemo as useMemo116 } from "react";
 import * as Y from "yjs";
 function useCollaborativeYDoc(_options) {
-  return useMemo115(() => {
+  return useMemo116(() => {
     const doc = new Y.Doc();
     return doc;
   }, []);
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo116, useEffect as useEffect104, useState as useState127, useRef as useRef26 } from "react";
+import { useMemo as useMemo117, useEffect as useEffect105, useState as useState128, useRef as useRef26 } from "react";
 
 // src/core/lib/matrixMetadata.ts
 var COVER_IMAGE_EVENT_TYPE = "ixo.page.cover_image";
@@ -30878,7 +30936,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     permissions = { write: false }
   } = options || {};
-  const memoizedUser = useMemo116(
+  const memoizedUser = useMemo117(
     () => ({
       id: user?.id || "",
       name: user?.name || "",
@@ -30894,13 +30952,13 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     roomId: options.roomId
   });
-  const metadataManager = useMemo116(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
-  useEffect104(() => {
+  const metadataManager = useMemo117(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
+  useEffect105(() => {
     return () => {
       metadataManager.dispose();
     };
   }, [metadataManager]);
-  const defaultUploadFile = useMemo116(
+  const defaultUploadFile = useMemo117(
     () => uploadFile || (async (file) => {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -30914,7 +30972,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [uploadFile]
   );
-  const schema = useMemo116(
+  const schema = useMemo117(
     () => BlockNoteSchema2.create({
       blockSpecs: {
         ...defaultBlockSpecs2,
@@ -30929,16 +30987,16 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     []
   );
-  const root = useMemo116(() => yDoc.getMap("root"), [yDoc]);
-  const documentFragment = useMemo116(() => yDoc.getXmlFragment("document"), [yDoc]);
-  const flowArray = useMemo116(() => yDoc.getArray("flow"), [yDoc]);
-  const runtimeMap = useMemo116(() => yDoc.getMap("runtime"), [yDoc]);
-  const delegationsMap = useMemo116(() => yDoc.getMap("delegations"), [yDoc]);
-  const invocationsMap = useMemo116(() => yDoc.getMap("invocations"), [yDoc]);
-  const ucanDelegationStore = useMemo116(() => createUcanDelegationStore(delegationsMap), [delegationsMap]);
-  const invocationStore = useMemo116(() => createInvocationStore(invocationsMap), [invocationsMap]);
-  const userFragment = useMemo116(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
-  const collaborationConfig = useMemo116(
+  const root = useMemo117(() => yDoc.getMap("root"), [yDoc]);
+  const documentFragment = useMemo117(() => yDoc.getXmlFragment("document"), [yDoc]);
+  const flowArray = useMemo117(() => yDoc.getArray("flow"), [yDoc]);
+  const runtimeMap = useMemo117(() => yDoc.getMap("runtime"), [yDoc]);
+  const delegationsMap = useMemo117(() => yDoc.getMap("delegations"), [yDoc]);
+  const invocationsMap = useMemo117(() => yDoc.getMap("invocations"), [yDoc]);
+  const ucanDelegationStore = useMemo117(() => createUcanDelegationStore(delegationsMap), [delegationsMap]);
+  const invocationStore = useMemo117(() => createInvocationStore(invocationsMap), [invocationsMap]);
+  const userFragment = useMemo117(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
+  const collaborationConfig = useMemo117(
     () => ({
       provider: matrixProvider,
       fragment: documentFragment,
@@ -30950,7 +31008,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [matrixProvider, documentFragment, memoizedUser.name, memoizedUser.color]
   );
-  const ixoConfig = useMemo116(
+  const ixoConfig = useMemo117(
     () => ({
       theme,
       editable,
@@ -30970,7 +31028,7 @@ function useCreateCollaborativeIxoEditor(options) {
     collaboration: collaborationConfig,
     pasteHandler: ixoPasteHandler
   });
-  const titleText = useMemo116(() => yDoc.getText("title"), [yDoc]);
+  const titleText = useMemo117(() => yDoc.getText("title"), [yDoc]);
   let ixoEditor;
   if (editor) {
     ixoEditor = editor;
@@ -31162,12 +31220,12 @@ function useCreateCollaborativeIxoEditor(options) {
       return void 0;
     };
   }
-  useEffect104(() => {
+  useEffect105(() => {
     if (ixoEditor) {
       ixoEditor.isEditable = editable;
     }
   }, [ixoEditor, editable]);
-  useEffect104(() => {
+  useEffect105(() => {
     if (connectionStatus !== "connected") {
       return;
     }
@@ -31189,10 +31247,10 @@ function useCreateCollaborativeIxoEditor(options) {
       titleText.insert(0, options.title);
     }
   }, [connectionStatus, root, titleText, permissions.write, options.docId, options.title, memoizedUser.id]);
-  const [connectedUsers, setConnectedUsers] = useState127([]);
+  const [connectedUsers, setConnectedUsers] = useState128([]);
   const activeBlockIdRef = useRef26(null);
   const awarenessInstance = matrixProvider?.awarenessInstance ?? null;
-  useEffect104(() => {
+  useEffect105(() => {
     if (!awarenessInstance || connectionStatus !== "connected") {
       return;
     }
@@ -31210,7 +31268,7 @@ function useCreateCollaborativeIxoEditor(options) {
       awarenessInstance.off("change", updateUsers);
     };
   }, [awarenessInstance, connectionStatus]);
-  useEffect104(() => {
+  useEffect105(() => {
     if (!awarenessInstance || connectionStatus !== "connected") {
       return;
     }
@@ -31239,7 +31297,7 @@ function useCreateCollaborativeIxoEditor(options) {
     };
   }, [awarenessInstance, connectionStatus, memoizedUser.id, memoizedUser.name, memoizedUser.color, memoizedUser.avatar]);
   const dmSentRef = useRef26(false);
-  useEffect104(() => {
+  useEffect105(() => {
     if (!ixoEditor || connectionStatus !== "connected" || dmSentRef.current) return;
     if (ixoEditor.docType !== "flow") return;
     const mx = ixoEditor.getMatrixClient?.();
@@ -31304,14 +31362,14 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/IxoEditor.tsx
-import React294, { useState as useState133, useEffect as useEffect110, useCallback as useCallback107 } from "react";
+import React295, { useState as useState134, useEffect as useEffect111, useCallback as useCallback108 } from "react";
 import { 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 React286 from "react";
+import React287 from "react";
 import { Box as Box56 } from "@mantine/core";
 var panelStyles = {
   light: {
@@ -31341,7 +31399,7 @@ function PanelContent({ theme }) {
   const { activePanel, registeredPanels } = usePanelStore();
   const isOpen = activePanel !== null;
   const content = activePanel ? registeredPanels.get(activePanel) : null;
-  return /* @__PURE__ */ React286.createElement(
+  return /* @__PURE__ */ React287.createElement(
     Box56,
     {
       pos: "sticky",
@@ -31361,7 +31419,7 @@ function PanelContent({ theme }) {
 }
 
 // src/mantine/components/CoverImage.tsx
-import React291, { useState as useState130, useRef as useRef27, useEffect as useEffect107, useMemo as useMemo119 } from "react";
+import React292, { useState as useState131, useRef as useRef27, useEffect as useEffect108, useMemo as useMemo120 } from "react";
 import { Box as Box60, Group as Group107 } from "@mantine/core";
 
 // src/core/lib/imageTransform.ts
@@ -31495,9 +31553,9 @@ function transformIconImage(sourceUrl, size = "default", customOptions) {
 }
 
 // src/mantine/components/Base/CoverImageButton.tsx
-import React287, { forwardRef } from "react";
+import React288, { forwardRef } from "react";
 import { Button as Button51 } from "@mantine/core";
-var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style, ...props }, ref) => /* @__PURE__ */ React287.createElement(
+var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style, ...props }, ref) => /* @__PURE__ */ React288.createElement(
   Button51,
   {
     ref,
@@ -31520,8 +31578,8 @@ var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style,
 CoverImageButton.displayName = "CoverImageButton";
 
 // src/mantine/components/Base/BaseIconPicker.tsx
-import React288, { useState as useState128, useMemo as useMemo117, useEffect as useEffect105 } from "react";
-import { TextInput as TextInput8, Tabs as Tabs4, Box as Box57, Stack as Stack194, UnstyledButton as UnstyledButton5, Text as Text165, Center as Center13, ScrollArea as ScrollArea9, Group as Group105, Popover as Popover6 } from "@mantine/core";
+import React289, { useState as useState129, useMemo as useMemo118, useEffect as useEffect106 } from "react";
+import { TextInput as TextInput8, Tabs as Tabs4, Box as Box57, Stack as Stack195, UnstyledButton as UnstyledButton5, Text as Text166, Center as Center13, ScrollArea as ScrollArea9, Group as Group105, Popover as Popover6 } from "@mantine/core";
 import * as TablerIcons from "@tabler/icons-react";
 import { IconSearch as IconSearch7, IconX as IconX14, IconChevronLeft, IconChevronRight as IconChevronRight14 } from "@tabler/icons-react";
 
@@ -31553,28 +31611,28 @@ var localStorageService = {
 var iconsKey = "editor_recent_icons";
 var ICONS_PER_PAGE = 500;
 function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children, currentIcon }) {
-  const [searchQuery, setSearchQuery] = useState128("");
-  const [activeTab, setActiveTab] = useState128("icons");
-  const [currentPage, setCurrentPage] = useState128(1);
-  const allIcons = useMemo117(() => {
+  const [searchQuery, setSearchQuery] = useState129("");
+  const [activeTab, setActiveTab] = useState129("icons");
+  const [currentPage, setCurrentPage] = useState129(1);
+  const allIcons = useMemo118(() => {
     const iconEntries = Object.entries(TablerIcons).filter(([name]) => name.startsWith("Icon") && name !== "IconProps");
     return iconEntries;
   }, []);
-  const filteredIcons = useMemo117(() => {
+  const filteredIcons = useMemo118(() => {
     if (!searchQuery) return allIcons;
     const query = searchQuery.toLowerCase();
     return allIcons.filter(([name]) => name.toLowerCase().includes(query));
   }, [allIcons, searchQuery]);
-  useEffect105(() => {
+  useEffect106(() => {
     setCurrentPage(1);
   }, [searchQuery]);
-  const paginatedIcons = useMemo117(() => {
+  const paginatedIcons = useMemo118(() => {
     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 = useMemo117(() => {
+  const recentIcons = useMemo118(() => {
     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);
@@ -31589,9 +31647,9 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
   };
   const renderIconGrid = (icons) => {
     if (icons.length === 0) {
-      return /* @__PURE__ */ React288.createElement(Center13, { py: "xl" }, /* @__PURE__ */ React288.createElement(Text165, { c: "dimmed", size: "sm" }, "No icons found"));
+      return /* @__PURE__ */ React289.createElement(Center13, { py: "xl" }, /* @__PURE__ */ React289.createElement(Text166, { c: "dimmed", size: "sm" }, "No icons found"));
     }
-    return /* @__PURE__ */ React288.createElement(
+    return /* @__PURE__ */ React289.createElement(
       Box57,
       {
         style: {
@@ -31603,7 +31661,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__ */ React288.createElement(
+        return /* @__PURE__ */ React289.createElement(
           UnstyledButton5,
           {
             key: name,
@@ -31629,12 +31687,12 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
               }
             }
           },
-          /* @__PURE__ */ React288.createElement(IconComponent, { color: "white", size: 24, stroke: 1.5 })
+          /* @__PURE__ */ React289.createElement(IconComponent, { color: "white", size: 24, stroke: 1.5 })
         );
       })
     );
   };
-  return /* @__PURE__ */ React288.createElement(Popover6, { opened, onClose, position: "right", width: 500, shadow: "xl" }, /* @__PURE__ */ React288.createElement(Popover6.Target, null, children), /* @__PURE__ */ React288.createElement(
+  return /* @__PURE__ */ React289.createElement(Popover6, { opened, onClose, position: "right", width: 500, shadow: "xl" }, /* @__PURE__ */ React289.createElement(Popover6.Target, null, children), /* @__PURE__ */ React289.createElement(
     Popover6.Dropdown,
     {
       style: {
@@ -31644,15 +31702,15 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
       },
       p: 0
     },
-    /* @__PURE__ */ React288.createElement(Stack194, { gap: "md", p: "md" }, /* @__PURE__ */ React288.createElement(Tabs4, { value: activeTab, onChange: setActiveTab, variant: "pills" }, /* @__PURE__ */ React288.createElement(Tabs4.List, null, /* @__PURE__ */ React288.createElement(Tabs4.Tab, { value: "icons" }, "Icons"), /* @__PURE__ */ React288.createElement(Tabs4.Tab, { value: "upload" }, "Upload")), /* @__PURE__ */ React288.createElement(Tabs4.Panel, { value: "icons", pt: "md" }, /* @__PURE__ */ React288.createElement(
+    /* @__PURE__ */ React289.createElement(Stack195, { gap: "md", p: "md" }, /* @__PURE__ */ React289.createElement(Tabs4, { value: activeTab, onChange: setActiveTab, variant: "pills" }, /* @__PURE__ */ React289.createElement(Tabs4.List, null, /* @__PURE__ */ React289.createElement(Tabs4.Tab, { value: "icons" }, "Icons"), /* @__PURE__ */ React289.createElement(Tabs4.Tab, { value: "upload" }, "Upload")), /* @__PURE__ */ React289.createElement(Tabs4.Panel, { value: "icons", pt: "md" }, /* @__PURE__ */ React289.createElement(
       TextInput8,
       {
         mb: "md",
         placeholder: "Filter",
-        leftSection: /* @__PURE__ */ React288.createElement(IconSearch7, { size: 18 }),
+        leftSection: /* @__PURE__ */ React289.createElement(IconSearch7, { size: 18 }),
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
-        rightSection: searchQuery && /* @__PURE__ */ React288.createElement(UnstyledButton5, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React288.createElement(IconX14, { size: 18 })),
+        rightSection: searchQuery && /* @__PURE__ */ React289.createElement(UnstyledButton5, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React289.createElement(IconX14, { size: 18 })),
         style: { flex: 1 },
         styles: {
           input: {
@@ -31662,26 +31720,26 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
           }
         }
       }
-    ), !searchQuery && /* @__PURE__ */ React288.createElement(Box57, { mb: "md" }, /* @__PURE__ */ React288.createElement(Text165, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React288.createElement(ScrollArea9.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React288.createElement(Box57, null, /* @__PURE__ */ React288.createElement(Group105, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React288.createElement(Text165, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React288.createElement(Group105, { gap: "xs" }, /* @__PURE__ */ React288.createElement(Text165, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React288.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React288.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React288.createElement(
+    ), !searchQuery && /* @__PURE__ */ React289.createElement(Box57, { mb: "md" }, /* @__PURE__ */ React289.createElement(Text166, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React289.createElement(ScrollArea9.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React289.createElement(Box57, null, /* @__PURE__ */ React289.createElement(Group105, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React289.createElement(Text166, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React289.createElement(Group105, { gap: "xs" }, /* @__PURE__ */ React289.createElement(Text166, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React289.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React289.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React289.createElement(
       BaseButton,
       {
         size: "xs",
         onClick: () => setCurrentPage((p) => Math.min(totalPages, p + 1)),
         disabled: currentPage === totalPages,
-        leftSection: /* @__PURE__ */ React288.createElement(IconChevronRight14, { size: 14 })
+        leftSection: /* @__PURE__ */ React289.createElement(IconChevronRight14, { size: 14 })
       },
       "Next"
-    ))), /* @__PURE__ */ React288.createElement(ScrollArea9.Autosize, { scrollbarSize: 0, mah: 200 }, renderIconGrid(paginatedIcons)))), /* @__PURE__ */ React288.createElement(Tabs4.Panel, { value: "upload", pt: "md" }, /* @__PURE__ */ React288.createElement(Center13, { py: "xl" }, /* @__PURE__ */ React288.createElement(Stack194, { align: "center", gap: "md" }, /* @__PURE__ */ React288.createElement(Text165, { size: "sm", c: "dimmed", ta: "center" }, "Upload a custom icon image", /* @__PURE__ */ React288.createElement("br", null), "(PNG, JPG, SVG)"), /* @__PURE__ */ React288.createElement(CoverImageButton, { onClick: onUploadClick }, "Choose File"))))))
+    ))), /* @__PURE__ */ React289.createElement(ScrollArea9.Autosize, { scrollbarSize: 0, mah: 200 }, renderIconGrid(paginatedIcons)))), /* @__PURE__ */ React289.createElement(Tabs4.Panel, { value: "upload", pt: "md" }, /* @__PURE__ */ React289.createElement(Center13, { py: "xl" }, /* @__PURE__ */ React289.createElement(Stack195, { align: "center", gap: "md" }, /* @__PURE__ */ React289.createElement(Text166, { size: "sm", c: "dimmed", ta: "center" }, "Upload a custom icon image", /* @__PURE__ */ React289.createElement("br", null), "(PNG, JPG, SVG)"), /* @__PURE__ */ React289.createElement(CoverImageButton, { onClick: onUploadClick }, "Choose File"))))))
   ));
 }
 
 // src/mantine/components/Base/PageIcon.tsx
-import React289, { useMemo as useMemo118 } from "react";
+import React290, { useMemo as useMemo119 } from "react";
 import { Center as Center14, Box as Box58 } 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 = useMemo118(() => {
+  const IconComponent = useMemo119(() => {
     if (!isIconName || !src) return null;
     const iconComponent = TablerIcons2[src];
     if (iconComponent) {
@@ -31692,7 +31750,7 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
   const Container = useCenter ? Center14 : Box58;
   if (!src) return null;
   if (IconComponent) {
-    return /* @__PURE__ */ React289.createElement(
+    return /* @__PURE__ */ React290.createElement(
       Container,
       {
         style: {
@@ -31704,10 +31762,10 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
           ...style
         }
       },
-      /* @__PURE__ */ React289.createElement(IconComponent, { size: iconSize, color: "white", stroke: 1.5 })
+      /* @__PURE__ */ React290.createElement(IconComponent, { size: iconSize, color: "white", stroke: 1.5 })
     );
   }
-  return /* @__PURE__ */ React289.createElement(
+  return /* @__PURE__ */ React290.createElement(
     "img",
     {
       src,
@@ -31728,14 +31786,14 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
 import { useDisclosure as useDisclosure7 } from "@mantine/hooks";
 
 // src/mantine/components/FlowSettingsPanel.tsx
-import React290, { useState as useState129, useEffect as useEffect106, useCallback as useCallback105 } from "react";
-import { Stack as Stack195, Group as Group106, Button as Button52, ActionIcon as ActionIcon37, Text as Text166, Box as Box59 } from "@mantine/core";
+import React291, { useState as useState130, useEffect as useEffect107, useCallback as useCallback106 } from "react";
+import { Stack as Stack196, Group as Group106, Button as Button52, ActionIcon as ActionIcon37, Text as Text167, Box as Box59 } from "@mantine/core";
 import { IconPlus as IconPlus11, IconTrash as IconTrash10 } from "@tabler/icons-react";
 var SYSTEM_KEYS = /* @__PURE__ */ new Set(["@context", "_type", "schema_version", "doc_id", "title", "createdAt", "createdBy", "flowOwnerDid"]);
 var FlowSettingsPanel = ({ editor }) => {
   const { closePanel } = usePanelStore();
-  const [rows, setRows] = useState129([]);
-  const loadSettings = useCallback105(() => {
+  const [rows, setRows] = useState130([]);
+  const loadSettings = useCallback106(() => {
     const metadata = editor.getFlowMetadata?.();
     if (!metadata) return;
     const customRows = [];
@@ -31746,10 +31804,10 @@ var FlowSettingsPanel = ({ editor }) => {
     }
     setRows(customRows);
   }, [editor]);
-  useEffect106(() => {
+  useEffect107(() => {
     loadSettings();
   }, [loadSettings]);
-  const handleKeyChange = useCallback105(
+  const handleKeyChange = useCallback106(
     (index, newKey) => {
       setRows((prev) => {
         const updated = [...prev];
@@ -31766,7 +31824,7 @@ var FlowSettingsPanel = ({ editor }) => {
     },
     [editor]
   );
-  const handleValueChange = useCallback105(
+  const handleValueChange = useCallback106(
     (index, newValue) => {
       setRows((prev) => {
         const updated = [...prev];
@@ -31780,10 +31838,10 @@ var FlowSettingsPanel = ({ editor }) => {
     },
     [editor]
   );
-  const handleAdd = useCallback105(() => {
+  const handleAdd = useCallback106(() => {
     setRows((prev) => [...prev, { key: "", value: "" }]);
   }, []);
-  const handleDelete = useCallback105(
+  const handleDelete = useCallback106(
     (index) => {
       setRows((prev) => {
         const row = prev[index];
@@ -31795,23 +31853,23 @@ var FlowSettingsPanel = ({ editor }) => {
     },
     [editor]
   );
-  const subtitle = /* @__PURE__ */ React290.createElement(Box59, { px: 40, mb: "md" }, /* @__PURE__ */ React290.createElement(Text166, { size: "sm", c: "dimmed" }, "Add key-value settings for this flow. These are available to oracles and action blocks at runtime."));
-  return /* @__PURE__ */ React290.createElement(BaseRightPanelLayout, { title: "Flow Settings", onClose: closePanel, isTemplate: true, captionContent: subtitle }, /* @__PURE__ */ React290.createElement(Stack195, { gap: "lg" }, rows.map((row, index) => /* @__PURE__ */ React290.createElement(Stack195, { key: index, gap: "xs" }, /* @__PURE__ */ React290.createElement(Group106, { gap: "xs", align: "center", wrap: "nowrap" }, /* @__PURE__ */ React290.createElement(BaseTextInput, { placeholder: "Key (e.g. protocolDid)", value: row.key, onChange: (e) => handleKeyChange(index, e.currentTarget.value), style: { flex: 1 } }), /* @__PURE__ */ React290.createElement(ActionIcon37, { variant: "subtle", color: "red", onClick: () => handleDelete(index), size: "lg" }, /* @__PURE__ */ React290.createElement(IconTrash10, { size: 16 }))), /* @__PURE__ */ React290.createElement(BaseTextArea, { placeholder: "Value", value: row.value, onChange: (e) => handleValueChange(index, e.currentTarget.value), minRows: 1, maxRows: 8 }))), /* @__PURE__ */ React290.createElement(Button52, { variant: "subtle", leftSection: /* @__PURE__ */ React290.createElement(IconPlus11, { size: 16 }), onClick: handleAdd, size: "sm" }, "Add setting")));
+  const subtitle = /* @__PURE__ */ React291.createElement(Box59, { px: 40, mb: "md" }, /* @__PURE__ */ React291.createElement(Text167, { size: "sm", c: "dimmed" }, "Add key-value settings for this flow. These are available to oracles and action blocks at runtime."));
+  return /* @__PURE__ */ React291.createElement(BaseRightPanelLayout, { title: "Flow Settings", onClose: closePanel, isTemplate: true, captionContent: subtitle }, /* @__PURE__ */ React291.createElement(Stack196, { gap: "lg" }, rows.map((row, index) => /* @__PURE__ */ React291.createElement(Stack196, { key: index, gap: "xs" }, /* @__PURE__ */ React291.createElement(Group106, { gap: "xs", align: "center", wrap: "nowrap" }, /* @__PURE__ */ React291.createElement(BaseTextInput, { placeholder: "Key (e.g. protocolDid)", value: row.key, onChange: (e) => handleKeyChange(index, e.currentTarget.value), style: { flex: 1 } }), /* @__PURE__ */ React291.createElement(ActionIcon37, { variant: "subtle", color: "red", onClick: () => handleDelete(index), size: "lg" }, /* @__PURE__ */ React291.createElement(IconTrash10, { size: 16 }))), /* @__PURE__ */ React291.createElement(BaseTextArea, { placeholder: "Value", value: row.value, onChange: (e) => handleValueChange(index, e.currentTarget.value), minRows: 1, maxRows: 8 }))), /* @__PURE__ */ React291.createElement(Button52, { variant: "subtle", leftSection: /* @__PURE__ */ React291.createElement(IconPlus11, { size: 16 }), onClick: handleAdd, size: "sm" }, "Add setting")));
 };
 
 // src/mantine/components/CoverImage.tsx
 function CoverImage({ coverImageUrl, logoUrl }) {
   const { editor, handlers, editable } = useBlocknoteContext();
-  const [isHovering, setIsHovering] = useState130(false);
-  const [isRepositioning, setIsRepositioning] = useState130(false);
-  const [coverPosition, setCoverPosition] = useState130(() => editor?.getPageMetadata?.()?.coverPosition ?? 50);
+  const [isHovering, setIsHovering] = useState131(false);
+  const [isRepositioning, setIsRepositioning] = useState131(false);
+  const [coverPosition, setCoverPosition] = useState131(() => editor?.getPageMetadata?.()?.coverPosition ?? 50);
   const coverFileInputRef = useRef27(null);
   const logoFileInputRef = useRef27(null);
   const [opened, { open, close }] = useDisclosure7(false);
-  const [metadata, setMetadata] = useState130(() => editor?.getPageMetadata?.() || null);
-  const settingsPanelContent = useMemo119(() => editor ? /* @__PURE__ */ React291.createElement(FlowSettingsPanel, { editor }) : null, [editor]);
+  const [metadata, setMetadata] = useState131(() => editor?.getPageMetadata?.() || null);
+  const settingsPanelContent = useMemo120(() => editor ? /* @__PURE__ */ React292.createElement(FlowSettingsPanel, { editor }) : null, [editor]);
   const { open: openSettings } = usePanel("flow-settings-panel", settingsPanelContent);
-  useEffect107(() => {
+  useEffect108(() => {
     if (!editor?._metadataManager) {
       return;
     }
@@ -31899,7 +31957,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     return null;
   }
   if (!hasCover) {
-    return /* @__PURE__ */ React291.createElement(
+    return /* @__PURE__ */ React292.createElement(
       Box60,
       {
         style: {
@@ -31912,7 +31970,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         onMouseEnter: () => editable && setIsHovering(true),
         onMouseLeave: () => editable && setIsHovering(false)
       },
-      /* @__PURE__ */ React291.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React291.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React291.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React291.createElement(
+      /* @__PURE__ */ React292.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React292.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React292.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React292.createElement(
         Group107,
         {
           gap: "xs",
@@ -31923,7 +31981,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 10
           }
         },
-        /* @__PURE__ */ React291.createElement(
+        /* @__PURE__ */ React292.createElement(
           BaseIconPicker,
           {
             opened,
@@ -31932,11 +31990,11 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             onSelectIcon: (name) => handleSelectLogoIcon(name),
             onUploadClick: () => logoFileInputRef.current?.click()
           },
-          /* @__PURE__ */ React291.createElement(CoverImageButton, { onClick: open }, "Add icon")
+          /* @__PURE__ */ React292.createElement(CoverImageButton, { onClick: open }, "Add icon")
         ),
-        /* @__PURE__ */ React291.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover"),
-        /* @__PURE__ */ React291.createElement(CoverImageButton, { onClick: openSettings }, "Settings")
-      ), logoSrc && /* @__PURE__ */ React291.createElement(
+        /* @__PURE__ */ React292.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover"),
+        /* @__PURE__ */ React292.createElement(CoverImageButton, { onClick: openSettings }, "Settings")
+      ), logoSrc && /* @__PURE__ */ React292.createElement(
         Box60,
         {
           style: {
@@ -31950,8 +32008,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 11
           }
         },
-        /* @__PURE__ */ React291.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
-        editable && isHovering && /* @__PURE__ */ React291.createElement(
+        /* @__PURE__ */ React292.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
+        editable && isHovering && /* @__PURE__ */ React292.createElement(
           "div",
           {
             style: {
@@ -31966,7 +32024,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               alignItems: "center"
             }
           },
-          /* @__PURE__ */ React291.createElement(
+          /* @__PURE__ */ React292.createElement(
             BaseIconPicker,
             {
               opened,
@@ -31975,16 +32033,16 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               onSelectIcon: (name) => handleSelectLogoIcon(name),
               onUploadClick: () => logoFileInputRef.current?.click()
             },
-            /* @__PURE__ */ React291.createElement(CoverImageButton, { onClick: open }, "Change")
+            /* @__PURE__ */ React292.createElement(CoverImageButton, { onClick: open }, "Change")
           ),
-          /* @__PURE__ */ React291.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
-          /* @__PURE__ */ React291.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover"),
-          /* @__PURE__ */ React291.createElement(CoverImageButton, { onClick: openSettings }, "Settings")
+          /* @__PURE__ */ React292.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
+          /* @__PURE__ */ React292.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover"),
+          /* @__PURE__ */ React292.createElement(CoverImageButton, { onClick: openSettings }, "Settings")
         )
       ))
     );
   }
-  return /* @__PURE__ */ React291.createElement(
+  return /* @__PURE__ */ React292.createElement(
     Box60,
     {
       style: {
@@ -32012,7 +32070,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         }
       }
     },
-    /* @__PURE__ */ React291.createElement(
+    /* @__PURE__ */ React292.createElement(
       "img",
       {
         src: coverUrl,
@@ -32030,7 +32088,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         }
       }
     ),
-    editable && isHovering && /* @__PURE__ */ React291.createElement(
+    editable && isHovering && /* @__PURE__ */ React292.createElement(
       Group107,
       {
         gap: "xs",
@@ -32041,8 +32099,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 10
         }
       },
-      /* @__PURE__ */ React291.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Change cover"),
-      /* @__PURE__ */ React291.createElement(
+      /* @__PURE__ */ React292.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Change cover"),
+      /* @__PURE__ */ React292.createElement(
         CoverImageButton,
         {
           onClick: () => {
@@ -32055,10 +32113,10 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         },
         isRepositioning ? "Done" : "Reposition"
       ),
-      /* @__PURE__ */ React291.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove"),
-      /* @__PURE__ */ React291.createElement(CoverImageButton, { onClick: openSettings }, "Settings")
+      /* @__PURE__ */ React292.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove"),
+      /* @__PURE__ */ React292.createElement(CoverImageButton, { onClick: openSettings }, "Settings")
     ),
-    /* @__PURE__ */ React291.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: 0, right: 0, height: "70px" } }, /* @__PURE__ */ React291.createElement(
+    /* @__PURE__ */ React292.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: 0, right: 0, height: "70px" } }, /* @__PURE__ */ React292.createElement(
       Box60,
       {
         style: {
@@ -32070,8 +32128,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 11
         }
       },
-      logoSrc && /* @__PURE__ */ React291.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
-      editable && isHovering && /* @__PURE__ */ React291.createElement(React291.Fragment, null, logoSrc ? /* @__PURE__ */ React291.createElement(
+      logoSrc && /* @__PURE__ */ React292.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
+      editable && isHovering && /* @__PURE__ */ React292.createElement(React292.Fragment, null, logoSrc ? /* @__PURE__ */ React292.createElement(
         Group107,
         {
           gap: "xs",
@@ -32082,7 +32140,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 12
           }
         },
-        /* @__PURE__ */ React291.createElement(
+        /* @__PURE__ */ React292.createElement(
           BaseIconPicker,
           {
             opened,
@@ -32091,10 +32149,10 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             onSelectIcon: (name) => handleSelectLogoIcon(name),
             onUploadClick: () => logoFileInputRef.current?.click()
           },
-          /* @__PURE__ */ React291.createElement(CoverImageButton, { onClick: open }, "Change")
+          /* @__PURE__ */ React292.createElement(CoverImageButton, { onClick: open }, "Change")
         ),
-        /* @__PURE__ */ React291.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
-      ) : /* @__PURE__ */ React291.createElement(
+        /* @__PURE__ */ React292.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
+      ) : /* @__PURE__ */ React292.createElement(
         BaseIconPicker,
         {
           opened,
@@ -32103,7 +32161,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           onSelectIcon: (name) => handleSelectLogoIcon(name),
           onUploadClick: () => logoFileInputRef.current?.click()
         },
-        /* @__PURE__ */ React291.createElement(
+        /* @__PURE__ */ React292.createElement(
           CoverImageButton,
           {
             onClick: open,
@@ -32119,13 +32177,13 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         )
       ))
     )),
-    /* @__PURE__ */ React291.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
-    /* @__PURE__ */ React291.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
+    /* @__PURE__ */ React292.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
+    /* @__PURE__ */ React292.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
   );
 }
 
 // src/mantine/components/PageHeader.tsx
-import React292, { useState as useState131, useRef as useRef28, useEffect as useEffect108 } from "react";
+import React293, { useState as useState132, useRef as useRef28, useEffect as useEffect109 } from "react";
 function PageHeader({
   title = "New page",
   icon: icon2,
@@ -32137,11 +32195,11 @@ function PageHeader({
   isFavorited = false,
   menuItems = []
 }) {
-  const [isMenuOpen, setIsMenuOpen] = useState131(false);
-  const [isPrivacyOpen, setIsPrivacyOpen] = useState131(false);
+  const [isMenuOpen, setIsMenuOpen] = useState132(false);
+  const [isPrivacyOpen, setIsPrivacyOpen] = useState132(false);
   const menuRef = useRef28(null);
   const privacyRef = useRef28(null);
-  useEffect108(() => {
+  useEffect109(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         setIsMenuOpen(false);
@@ -32163,7 +32221,7 @@ function PageHeader({
       setIsMenuOpen(false);
     }
   };
-  return /* @__PURE__ */ React292.createElement("div", { style: styles.container }, /* @__PURE__ */ React292.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React292.createElement("span", { style: styles.icon }, icon2 || "\u{1F4C4}"), /* @__PURE__ */ React292.createElement("span", { style: styles.title }, title), /* @__PURE__ */ React292.createElement("div", { style: styles.privacyContainer, ref: privacyRef }, /* @__PURE__ */ React292.createElement("button", { style: styles.privacyBadge, onClick: () => onPrivacyChange && setIsPrivacyOpen(!isPrivacyOpen) }, /* @__PURE__ */ React292.createElement("span", { style: styles.lockIcon }, isPrivate ? "\u{1F512}" : "\u{1F310}"), /* @__PURE__ */ React292.createElement("span", null, isPrivate ? "Private" : "Public"), onPrivacyChange && /* @__PURE__ */ React292.createElement("span", { style: styles.chevron }, "\u25BE")), isPrivacyOpen && onPrivacyChange && /* @__PURE__ */ React292.createElement("div", { style: styles.dropdown }, /* @__PURE__ */ React292.createElement(
+  return /* @__PURE__ */ React293.createElement("div", { style: styles.container }, /* @__PURE__ */ React293.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React293.createElement("span", { style: styles.icon }, icon2 || "\u{1F4C4}"), /* @__PURE__ */ React293.createElement("span", { style: styles.title }, title), /* @__PURE__ */ React293.createElement("div", { style: styles.privacyContainer, ref: privacyRef }, /* @__PURE__ */ React293.createElement("button", { style: styles.privacyBadge, onClick: () => onPrivacyChange && setIsPrivacyOpen(!isPrivacyOpen) }, /* @__PURE__ */ React293.createElement("span", { style: styles.lockIcon }, isPrivate ? "\u{1F512}" : "\u{1F310}"), /* @__PURE__ */ React293.createElement("span", null, isPrivate ? "Private" : "Public"), onPrivacyChange && /* @__PURE__ */ React293.createElement("span", { style: styles.chevron }, "\u25BE")), isPrivacyOpen && onPrivacyChange && /* @__PURE__ */ React293.createElement("div", { style: styles.dropdown }, /* @__PURE__ */ React293.createElement(
     "button",
     {
       style: {
@@ -32175,9 +32233,9 @@ function PageHeader({
         setIsPrivacyOpen(false);
       }
     },
-    /* @__PURE__ */ React292.createElement("span", { style: styles.menuItemIcon }, "\u{1F512}"),
-    /* @__PURE__ */ React292.createElement("span", null, "Private")
-  ), /* @__PURE__ */ React292.createElement(
+    /* @__PURE__ */ React293.createElement("span", { style: styles.menuItemIcon }, "\u{1F512}"),
+    /* @__PURE__ */ React293.createElement("span", null, "Private")
+  ), /* @__PURE__ */ React293.createElement(
     "button",
     {
       style: {
@@ -32189,9 +32247,9 @@ function PageHeader({
         setIsPrivacyOpen(false);
       }
     },
-    /* @__PURE__ */ React292.createElement("span", { style: styles.menuItemIcon }, "\u{1F310}"),
-    /* @__PURE__ */ React292.createElement("span", null, "Public")
-  )))), /* @__PURE__ */ React292.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React292.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React292.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React292.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React292.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React292.createElement("button", { style: styles.menuButton, onClick: () => setIsMenuOpen(!isMenuOpen), "aria-label": "Menu" }, /* @__PURE__ */ React292.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, /* @__PURE__ */ React292.createElement("circle", { cx: "3", cy: "8", r: "1.5" }), /* @__PURE__ */ React292.createElement("circle", { cx: "8", cy: "8", r: "1.5" }), /* @__PURE__ */ React292.createElement("circle", { cx: "13", cy: "8", r: "1.5" }))), isMenuOpen && /* @__PURE__ */ React292.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React292.createElement(React292.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React292.createElement("div", { style: styles.divider }), /* @__PURE__ */ React292.createElement(
+    /* @__PURE__ */ React293.createElement("span", { style: styles.menuItemIcon }, "\u{1F310}"),
+    /* @__PURE__ */ React293.createElement("span", null, "Public")
+  )))), /* @__PURE__ */ React293.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React293.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React293.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React293.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React293.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React293.createElement("button", { style: styles.menuButton, onClick: () => setIsMenuOpen(!isMenuOpen), "aria-label": "Menu" }, /* @__PURE__ */ React293.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, /* @__PURE__ */ React293.createElement("circle", { cx: "3", cy: "8", r: "1.5" }), /* @__PURE__ */ React293.createElement("circle", { cx: "8", cy: "8", r: "1.5" }), /* @__PURE__ */ React293.createElement("circle", { cx: "13", cy: "8", r: "1.5" }))), isMenuOpen && /* @__PURE__ */ React293.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React293.createElement(React293.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React293.createElement("div", { style: styles.divider }), /* @__PURE__ */ React293.createElement(
     "button",
     {
       style: {
@@ -32201,8 +32259,8 @@ function PageHeader({
       onClick: () => handleMenuItemClick(item),
       disabled: item.disabled
     },
-    item.icon && /* @__PURE__ */ React292.createElement("span", { style: styles.menuItemIcon }, item.icon),
-    /* @__PURE__ */ React292.createElement("span", null, item.label)
+    item.icon && /* @__PURE__ */ React293.createElement("span", { style: styles.menuItemIcon }, item.icon),
+    /* @__PURE__ */ React293.createElement("span", null, item.label)
   )))))));
 }
 var styles = {
@@ -32339,7 +32397,7 @@ var styles = {
 };
 
 // src/mantine/components/ExternalDropZone.tsx
-import React293, { useCallback as useCallback106, useEffect as useEffect109, useRef as useRef29, useState as useState132 } from "react";
+import React294, { useCallback as useCallback107, useEffect as useEffect110, useRef as useRef29, useState as useState133 } from "react";
 import { Box as Box61 } from "@mantine/core";
 var SCROLL_ZONE_SIZE = 80;
 var SCROLL_SPEED = 12;
@@ -32353,19 +32411,19 @@ var ExternalDropZone = ({
   children
 }) => {
   const containerRef = useRef29(null);
-  const [isValidDrag, setIsValidDrag] = useState132(false);
-  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState132(false);
-  const [indicatorStyle, setIndicatorStyle] = useState132({});
+  const [isValidDrag, setIsValidDrag] = useState133(false);
+  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState133(false);
+  const [indicatorStyle, setIndicatorStyle] = useState133({});
   const dropPositionRef = useRef29(null);
   const scrollAnimationRef = useRef29(null);
   const scrollDirectionRef = useRef29(null);
   const scrollContainerRef = useRef29(null);
-  const getBlockElements = useCallback106(() => {
+  const getBlockElements = useCallback107(() => {
     if (!containerRef.current) return [];
     const blocks = containerRef.current.querySelectorAll('[data-node-type="blockContainer"]');
     return Array.from(blocks);
   }, []);
-  const getScrollContainer = useCallback106(() => {
+  const getScrollContainer = useCallback107(() => {
     if (scrollContainerRef.current) return scrollContainerRef.current;
     let element = containerRef.current;
     while (element) {
@@ -32380,7 +32438,7 @@ var ExternalDropZone = ({
     scrollContainerRef.current = window;
     return window;
   }, []);
-  const performScroll = useCallback106(() => {
+  const performScroll = useCallback107(() => {
     const container = getScrollContainer();
     const direction = scrollDirectionRef.current;
     if (!direction) {
@@ -32395,7 +32453,7 @@ var ExternalDropZone = ({
     }
     scrollAnimationRef.current = requestAnimationFrame(performScroll);
   }, [getScrollContainer]);
-  const startAutoScroll = useCallback106(
+  const startAutoScroll = useCallback107(
     (direction) => {
       if (scrollDirectionRef.current === direction) return;
       scrollDirectionRef.current = direction;
@@ -32405,14 +32463,14 @@ var ExternalDropZone = ({
     },
     [performScroll]
   );
-  const stopAutoScroll = useCallback106(() => {
+  const stopAutoScroll = useCallback107(() => {
     scrollDirectionRef.current = null;
     if (scrollAnimationRef.current) {
       cancelAnimationFrame(scrollAnimationRef.current);
       scrollAnimationRef.current = null;
     }
   }, []);
-  const checkAutoScroll = useCallback106(
+  const checkAutoScroll = useCallback107(
     (clientY) => {
       const container = getScrollContainer();
       let containerTop;
@@ -32435,7 +32493,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer, startAutoScroll, stopAutoScroll]
   );
-  const findDropPosition = useCallback106(
+  const findDropPosition = useCallback107(
     (clientY) => {
       const blocks = getBlockElements();
       if (blocks.length === 0 || !editor?.document) return null;
@@ -32468,7 +32526,7 @@ var ExternalDropZone = ({
     },
     [getBlockElements, editor]
   );
-  const handleDragOver = useCallback106(
+  const handleDragOver = useCallback107(
     (e) => {
       if (!e.dataTransfer.types.includes(acceptedType)) return;
       e.preventDefault();
@@ -32491,7 +32549,7 @@ var ExternalDropZone = ({
     },
     [acceptedType, findDropPosition, checkAutoScroll]
   );
-  const handleDragLeave = useCallback106(
+  const handleDragLeave = useCallback107(
     (e) => {
       if (containerRef.current && !containerRef.current.contains(e.relatedTarget)) {
         setIsValidDrag(false);
@@ -32501,7 +32559,7 @@ var ExternalDropZone = ({
     },
     [stopAutoScroll]
   );
-  const handleDrop = useCallback106(
+  const handleDrop = useCallback107(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -32515,7 +32573,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  useEffect109(() => {
+  useEffect110(() => {
     const handleGlobalDragEnd = () => {
       setIsValidDrag(false);
       dropPositionRef.current = null;
@@ -32524,7 +32582,7 @@ var ExternalDropZone = ({
     window.addEventListener("dragend", handleGlobalDragEnd);
     return () => window.removeEventListener("dragend", handleGlobalDragEnd);
   }, [stopAutoScroll]);
-  const handleOverlayMouseMove = useCallback106(
+  const handleOverlayMouseMove = useCallback107(
     (e) => {
       setIsHoveringInPlacementMode(true);
       checkAutoScroll(e.clientY);
@@ -32543,12 +32601,12 @@ var ExternalDropZone = ({
     },
     [findDropPosition, checkAutoScroll]
   );
-  const handleOverlayMouseLeave = useCallback106(() => {
+  const handleOverlayMouseLeave = useCallback107(() => {
     setIsHoveringInPlacementMode(false);
     dropPositionRef.current = null;
     stopAutoScroll();
   }, [stopAutoScroll]);
-  const handleOverlayClick = useCallback106(
+  const handleOverlayClick = useCallback107(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -32562,7 +32620,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  const handleOverlayWheel = useCallback106(
+  const handleOverlayWheel = useCallback107(
     (e) => {
       const container = getScrollContainer();
       if (container === window) {
@@ -32573,7 +32631,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer]
   );
-  useEffect109(() => {
+  useEffect110(() => {
     if (!isPlacementMode) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -32596,13 +32654,13 @@ var ExternalDropZone = ({
       document.removeEventListener("click", handleGlobalClick, true);
     };
   }, [isPlacementMode, onPlacementCancel]);
-  useEffect109(() => {
+  useEffect110(() => {
     if (!isPlacementMode) {
       setIsHoveringInPlacementMode(false);
       dropPositionRef.current = null;
     }
   }, [isPlacementMode]);
-  useEffect109(() => {
+  useEffect110(() => {
     const isActive = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
     if (isActive) {
       document.body.classList.add("external-artifact-drag-active");
@@ -32613,18 +32671,18 @@ var ExternalDropZone = ({
       document.body.classList.remove("external-artifact-drag-active");
     };
   }, [isValidDrag, isPlacementMode, isHoveringInPlacementMode]);
-  useEffect109(() => {
+  useEffect110(() => {
     return () => {
       if (scrollAnimationRef.current) {
         cancelAnimationFrame(scrollAnimationRef.current);
       }
     };
   }, []);
-  const indicatorWithPosition = dropIndicator && React293.isValidElement(dropIndicator) ? React293.cloneElement(dropIndicator, {
+  const indicatorWithPosition = dropIndicator && React294.isValidElement(dropIndicator) ? React294.cloneElement(dropIndicator, {
     indicatorTop: typeof indicatorStyle.top === "number" ? indicatorStyle.top : void 0
   }) : dropIndicator;
   const shouldShowIndicator = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
-  return /* @__PURE__ */ React293.createElement(
+  return /* @__PURE__ */ React294.createElement(
     Box61,
     {
       ref: containerRef,
@@ -32640,7 +32698,7 @@ var ExternalDropZone = ({
       "data-placement-mode": isPlacementMode ? "true" : void 0
     },
     children,
-    isPlacementMode && /* @__PURE__ */ React293.createElement(
+    isPlacementMode && /* @__PURE__ */ React294.createElement(
       Box61,
       {
         style: {
@@ -32660,7 +32718,7 @@ var ExternalDropZone = ({
         onWheel: handleOverlayWheel
       }
     ),
-    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React293.createElement(Box61, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
+    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React294.createElement(Box61, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
   );
 };
 
@@ -32686,8 +32744,8 @@ function IxoEditorContent({
 }) {
   const { activePanel } = usePanelStore();
   const isPanelOpen = activePanel !== null;
-  const [isRoomPrivate, setIsRoomPrivate] = useState133(pageHeaderProps?.isPrivate ?? true);
-  useEffect110(() => {
+  const [isRoomPrivate, setIsRoomPrivate] = useState134(pageHeaderProps?.isPrivate ?? true);
+  useEffect111(() => {
     const matrixClient = editor.getMatrixClient?.();
     const roomId = editor.getRoomId?.();
     if (!matrixClient || !roomId) return;
@@ -32703,7 +32761,7 @@ function IxoEditorContent({
     } catch {
     }
   }, [editor]);
-  const handlePrivacyChange = useCallback107(
+  const handlePrivacyChange = useCallback108(
     async (makePrivate) => {
       const matrixClient = editor.getMatrixClient?.();
       const roomId = editor.getRoomId?.();
@@ -32724,7 +32782,7 @@ function IxoEditorContent({
     },
     [editor]
   );
-  const editorContent = /* @__PURE__ */ React294.createElement(
+  const editorContent = /* @__PURE__ */ React295.createElement(
     BlockNoteView,
     {
       editor,
@@ -32739,7 +32797,7 @@ function IxoEditorContent({
       onChange,
       onSelectionChange
     },
-    config.slashMenu && /* @__PURE__ */ React294.createElement(
+    config.slashMenu && /* @__PURE__ */ React295.createElement(
       SuggestionMenuController,
       {
         triggerCharacter: "/",
@@ -32757,7 +32815,7 @@ function IxoEditorContent({
     ),
     children
   );
-  return /* @__PURE__ */ React294.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React294.createElement(
+  return /* @__PURE__ */ React295.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React295.createElement(
     "div",
     {
       className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`,
@@ -32766,9 +32824,9 @@ function IxoEditorContent({
         transition: "width 0.2s ease"
       }
     },
-    selfNav && /* @__PURE__ */ React294.createElement(PageHeader, { ...pageHeaderProps, isPrivate: isRoomPrivate, onPrivacyChange: handlePrivacyChange }),
-    /* @__PURE__ */ React294.createElement(CoverImage, { coverImageUrl, logoUrl }),
-    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React294.createElement(
+    selfNav && /* @__PURE__ */ React295.createElement(PageHeader, { ...pageHeaderProps, isPrivate: isRoomPrivate, onPrivacyChange: handlePrivacyChange }),
+    /* @__PURE__ */ React295.createElement(CoverImage, { coverImageUrl, logoUrl }),
+    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React295.createElement(
       ExternalDropZone,
       {
         editor,
@@ -32781,7 +32839,7 @@ function IxoEditorContent({
       },
       editorContent
     ) : editorContent
-  ), isPanelVisible && /* @__PURE__ */ React294.createElement(PanelContent, { theme: config.theme }));
+  ), isPanelVisible && /* @__PURE__ */ React295.createElement(PanelContent, { theme: config.theme }));
 }
 function IxoEditor({
   editor,
@@ -32824,7 +32882,7 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React294.createElement(
+  const editorContent = /* @__PURE__ */ React295.createElement(
     BlocknoteProvider,
     {
       editor,
@@ -32839,7 +32897,7 @@ function IxoEditor({
       connectedUsers,
       awarenessInstance
     },
-    /* @__PURE__ */ React294.createElement(
+    /* @__PURE__ */ React295.createElement(
       IxoEditorContent,
       {
         isPanelVisible,
@@ -32863,13 +32921,13 @@ function IxoEditor({
     )
   );
   if (mantineTheme) {
-    return /* @__PURE__ */ React294.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
+    return /* @__PURE__ */ React295.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
   return editorContent;
 }
 
 // src/mantine/components/DebugButton.tsx
-import React295 from "react";
+import React296 from "react";
 function DebugButton({ editor }) {
   const yMapToObject = (map) => {
     if (!map) return null;
@@ -32896,7 +32954,7 @@ function DebugButton({ editor }) {
     const json = JSON.stringify(dump, null, 2);
     console.log("Editor Debug Dump:\n" + json);
   };
-  return /* @__PURE__ */ React295.createElement(
+  return /* @__PURE__ */ React296.createElement(
     "button",
     {
       onClick: handleClick,
@@ -32922,15 +32980,15 @@ function DebugButton({ editor }) {
 }
 
 // src/mantine/components/EntitySigningSetup.tsx
-import React296, { useState as useState134 } from "react";
-import { Modal as Modal3, Stack as Stack196, Text as Text167, TextInput as TextInput9, Button as Button53, Alert as Alert53, Group as Group108 } from "@mantine/core";
+import React297, { useState as useState135 } from "react";
+import { Modal as Modal3, Stack as Stack197, Text as Text168, TextInput as TextInput9, Button as Button53, Alert as Alert53, Group as Group108 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle20, IconCheck as IconCheck23, IconKey as IconKey2 } from "@tabler/icons-react";
 var EntitySigningSetup = ({ opened, onClose, entityDid, entityName, onSetup }) => {
-  const [pin, setPin] = useState134("");
-  const [confirmPin, setConfirmPin] = useState134("");
-  const [loading, setLoading] = useState134(false);
-  const [error, setError] = useState134(null);
-  const [success, setSuccess] = useState134(false);
+  const [pin, setPin] = useState135("");
+  const [confirmPin, setConfirmPin] = useState135("");
+  const [loading, setLoading] = useState135(false);
+  const [error, setError] = useState135(null);
+  const [success, setSuccess] = useState135(false);
   const handleSetup = async () => {
     if (pin.length < 4) {
       setError("PIN must be at least 4 characters");
@@ -32970,15 +33028,15 @@ var EntitySigningSetup = ({ opened, onClose, entityDid, entityName, onSetup }) =
       setSuccess(false);
     }
   };
-  return /* @__PURE__ */ React296.createElement(
+  return /* @__PURE__ */ React297.createElement(
     Modal3,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React296.createElement(Group108, { gap: "xs" }, /* @__PURE__ */ React296.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React296.createElement(Text167, { fw: 600 }, "Entity Signing Setup")),
+      title: /* @__PURE__ */ React297.createElement(Group108, { gap: "xs" }, /* @__PURE__ */ React297.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React297.createElement(Text168, { fw: 600 }, "Entity Signing Setup")),
       size: "md"
     },
-    /* @__PURE__ */ React296.createElement(Stack196, { gap: "md" }, success ? /* @__PURE__ */ React296.createElement(Alert53, { color: "green", icon: /* @__PURE__ */ React296.createElement(IconCheck23, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React296.createElement(React296.Fragment, null, /* @__PURE__ */ React296.createElement(Text167, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React296.createElement(Text167, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React296.createElement(Alert53, { color: "blue", variant: "light" }, /* @__PURE__ */ React296.createElement(Text167, { size: "sm" }, "This is a ", /* @__PURE__ */ React296.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React296.createElement(Stack196, { gap: "xs" }, /* @__PURE__ */ React296.createElement(Text167, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React296.createElement(Text167, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React296.createElement(Text167, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React296.createElement(Text167, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React296.createElement(
+    /* @__PURE__ */ React297.createElement(Stack197, { gap: "md" }, success ? /* @__PURE__ */ React297.createElement(Alert53, { color: "green", icon: /* @__PURE__ */ React297.createElement(IconCheck23, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React297.createElement(React297.Fragment, null, /* @__PURE__ */ React297.createElement(Text168, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React297.createElement(Text168, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React297.createElement(Alert53, { color: "blue", variant: "light" }, /* @__PURE__ */ React297.createElement(Text168, { size: "sm" }, "This is a ", /* @__PURE__ */ React297.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React297.createElement(Stack197, { gap: "xs" }, /* @__PURE__ */ React297.createElement(Text168, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React297.createElement(Text168, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React297.createElement(Text168, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React297.createElement(Text168, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React297.createElement(
       TextInput9,
       {
         label: "Enter PIN to encrypt signing key",
@@ -32989,20 +33047,20 @@ var EntitySigningSetup = ({ opened, onClose, entityDid, entityName, onSetup }) =
         onChange: (e) => setPin(e.currentTarget.value),
         disabled: loading
       }
-    ), /* @__PURE__ */ React296.createElement(TextInput9, { label: "Confirm PIN", type: "password", placeholder: "Confirm PIN", value: confirmPin, onChange: (e) => setConfirmPin(e.currentTarget.value), disabled: loading }), error && /* @__PURE__ */ React296.createElement(Alert53, { color: "red", icon: /* @__PURE__ */ React296.createElement(IconAlertCircle20, { size: 16 }) }, error), /* @__PURE__ */ React296.createElement(Group108, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React296.createElement(Button53, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React296.createElement(Button53, { onClick: handleSetup, loading, leftSection: /* @__PURE__ */ React296.createElement(IconKey2, { size: 16 }) }, "Setup Entity Signing"))))
+    ), /* @__PURE__ */ React297.createElement(TextInput9, { label: "Confirm PIN", type: "password", placeholder: "Confirm PIN", value: confirmPin, onChange: (e) => setConfirmPin(e.currentTarget.value), disabled: loading }), error && /* @__PURE__ */ React297.createElement(Alert53, { color: "red", icon: /* @__PURE__ */ React297.createElement(IconAlertCircle20, { size: 16 }) }, error), /* @__PURE__ */ React297.createElement(Group108, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React297.createElement(Button53, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React297.createElement(Button53, { onClick: handleSetup, loading, leftSection: /* @__PURE__ */ React297.createElement(IconKey2, { size: 16 }) }, "Setup Entity Signing"))))
   );
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
-import React297, { useState as useState135, useEffect as useEffect111, useMemo as useMemo120 } from "react";
-import { Stack as Stack197, Text as Text168, Paper as Paper18, Group as Group109, Badge as Badge43, Button as Button54, ActionIcon as ActionIcon38, Loader as Loader54, Alert as Alert54, Divider as Divider29 } from "@mantine/core";
+import React298, { useState as useState136, useEffect as useEffect112, useMemo as useMemo121 } from "react";
+import { Stack as Stack198, Text as Text169, Paper as Paper18, Group as Group109, Badge as Badge43, Button as Button54, ActionIcon as ActionIcon38, Loader as Loader54, Alert as Alert54, Divider as Divider29 } from "@mantine/core";
 import { IconPlus as IconPlus12, IconTrash as IconTrash11, IconShieldCheck as IconShieldCheck15, IconUser as IconUser14, IconRobot as IconRobot4, IconBuilding as IconBuilding2 } from "@tabler/icons-react";
 var FlowPermissionsPanel = ({ editor, entityDid, entityName, onGrantPermission, onRevokePermission, getUserDisplayName }) => {
-  const [delegations, setDelegations] = useState135([]);
-  const [loading, setLoading] = useState135(true);
-  const [revoking, setRevoking] = useState135(null);
-  const rootCapability = useMemo120(() => editor.getRootCapability?.(), [editor]);
-  useEffect111(() => {
+  const [delegations, setDelegations] = useState136([]);
+  const [loading, setLoading] = useState136(true);
+  const [revoking, setRevoking] = useState136(null);
+  const rootCapability = useMemo121(() => editor.getRootCapability?.(), [editor]);
+  useEffect112(() => {
     const loadDelegations = async () => {
       setLoading(true);
       const allDelegations = editor.getAllDelegations?.() || [];
@@ -33041,11 +33099,11 @@ var FlowPermissionsPanel = ({ editor, entityDid, entityName, onGrantPermission,
   const getIcon2 = (type) => {
     switch (type) {
       case "oracle":
-        return /* @__PURE__ */ React297.createElement(IconRobot4, { size: 16 });
+        return /* @__PURE__ */ React298.createElement(IconRobot4, { size: 16 });
       case "entity":
-        return /* @__PURE__ */ React297.createElement(IconBuilding2, { size: 16 });
+        return /* @__PURE__ */ React298.createElement(IconBuilding2, { size: 16 });
       default:
-        return /* @__PURE__ */ React297.createElement(IconUser14, { size: 16 });
+        return /* @__PURE__ */ React298.createElement(IconUser14, { size: 16 });
     }
   };
   const formatCapabilities = (caps) => {
@@ -33064,32 +33122,32 @@ var FlowPermissionsPanel = ({ editor, entityDid, entityName, onGrantPermission,
     if (date < /* @__PURE__ */ new Date()) return "Expired";
     return date.toLocaleDateString();
   };
-  return /* @__PURE__ */ React297.createElement(Stack197, { gap: "md" }, /* @__PURE__ */ React297.createElement(Stack197, { gap: "xs" }, /* @__PURE__ */ React297.createElement(Text168, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React297.createElement(Paper18, { p: "sm", withBorder: true }, /* @__PURE__ */ React297.createElement(Group109, { gap: "xs" }, /* @__PURE__ */ React297.createElement(IconShieldCheck15, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React297.createElement(Stack197, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React297.createElement(Text168, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React297.createElement(Text168, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React297.createElement(Badge43, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React297.createElement(Divider29, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React297.createElement(Group109, { justify: "center", py: "xl" }, /* @__PURE__ */ React297.createElement(Loader54, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React297.createElement(Alert54, { color: "gray", variant: "light" }, /* @__PURE__ */ React297.createElement(Text168, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React297.createElement(Stack197, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React297.createElement(Paper18, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React297.createElement(Group109, { justify: "space-between" }, /* @__PURE__ */ React297.createElement(Group109, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React297.createElement(Stack197, { gap: 2 }, /* @__PURE__ */ React297.createElement(Text168, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React297.createElement(Text168, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React297.createElement(Group109, { gap: "xs" }, /* @__PURE__ */ React297.createElement(Text168, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React297.createElement(Text168, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React297.createElement(Text168, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React297.createElement(ActionIcon38, { color: "red", variant: "subtle", onClick: () => handleRevoke(capability.id), loading: revoking === capability.id, disabled: !!revoking }, /* @__PURE__ */ React297.createElement(IconTrash11, { size: 16 })))))), /* @__PURE__ */ React297.createElement(Button54, { leftSection: /* @__PURE__ */ React297.createElement(IconPlus12, { size: 16 }), variant: "light", onClick: onGrantPermission }, "Grant Permission"));
+  return /* @__PURE__ */ React298.createElement(Stack198, { gap: "md" }, /* @__PURE__ */ React298.createElement(Stack198, { gap: "xs" }, /* @__PURE__ */ React298.createElement(Text169, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React298.createElement(Paper18, { p: "sm", withBorder: true }, /* @__PURE__ */ React298.createElement(Group109, { gap: "xs" }, /* @__PURE__ */ React298.createElement(IconShieldCheck15, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React298.createElement(Stack198, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React298.createElement(Text169, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React298.createElement(Text169, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React298.createElement(Badge43, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React298.createElement(Divider29, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React298.createElement(Group109, { justify: "center", py: "xl" }, /* @__PURE__ */ React298.createElement(Loader54, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React298.createElement(Alert54, { color: "gray", variant: "light" }, /* @__PURE__ */ React298.createElement(Text169, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React298.createElement(Stack198, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React298.createElement(Paper18, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React298.createElement(Group109, { justify: "space-between" }, /* @__PURE__ */ React298.createElement(Group109, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React298.createElement(Stack198, { gap: 2 }, /* @__PURE__ */ React298.createElement(Text169, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React298.createElement(Text169, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React298.createElement(Group109, { gap: "xs" }, /* @__PURE__ */ React298.createElement(Text169, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React298.createElement(Text169, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React298.createElement(Text169, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React298.createElement(ActionIcon38, { color: "red", variant: "subtle", onClick: () => handleRevoke(capability.id), loading: revoking === capability.id, disabled: !!revoking }, /* @__PURE__ */ React298.createElement(IconTrash11, { size: 16 })))))), /* @__PURE__ */ React298.createElement(Button54, { leftSection: /* @__PURE__ */ React298.createElement(IconPlus12, { size: 16 }), variant: "light", onClick: onGrantPermission }, "Grant Permission"));
 };
 
 // src/mantine/components/GrantPermissionModal.tsx
-import React298, { useState as useState136, useCallback as useCallback108 } from "react";
-import { Modal as Modal4, Stack as Stack198, Text as Text169, TextInput as TextInput10, Button as Button55, Group as Group110, Radio as Radio6, Checkbox as Checkbox13, Alert as Alert55, Paper as Paper19, Loader as Loader55, Badge as Badge44, ActionIcon as ActionIcon39, Divider as Divider30, NumberInput as NumberInput3 } from "@mantine/core";
+import React299, { useState as useState137, useCallback as useCallback109 } from "react";
+import { Modal as Modal4, Stack as Stack199, Text as Text170, TextInput as TextInput10, Button as Button55, Group as Group110, Radio as Radio6, Checkbox as Checkbox13, Alert as Alert55, Paper as Paper19, Loader as Loader55, Badge as Badge44, ActionIcon as ActionIcon39, Divider as Divider30, NumberInput as NumberInput3 } from "@mantine/core";
 import { IconSearch as IconSearch8, IconUser as IconUser15, IconRobot as IconRobot5, IconX as IconX15, IconShieldPlus as IconShieldPlus4 } from "@tabler/icons-react";
 var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, searchUsers, getOracles, onGrant }) => {
   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] = useState136("user");
-  const [searchQuery, setSearchQuery] = useState136("");
-  const [searchResults, setSearchResults] = useState136([]);
-  const [searching, setSearching] = useState136(false);
-  const [selectedRecipient, setSelectedRecipient] = useState136(null);
-  const [manualDid, setManualDid] = useState136("");
-  const [scopeType, setScopeType] = useState136("full");
-  const [selectedBlocks, setSelectedBlocks] = useState136([]);
-  const [expirationEnabled, setExpirationEnabled] = useState136(false);
-  const [expirationDays, setExpirationDays] = useState136(30);
-  const [canDelegate, setCanDelegate] = useState136(false);
-  const [pin, setPin] = useState136("");
-  const [loading, setLoading] = useState136(false);
-  const [error, setError] = useState136(null);
-  const handleSearch = useCallback108(async () => {
+  const [recipientType, setRecipientType] = useState137("user");
+  const [searchQuery, setSearchQuery] = useState137("");
+  const [searchResults, setSearchResults] = useState137([]);
+  const [searching, setSearching] = useState137(false);
+  const [selectedRecipient, setSelectedRecipient] = useState137(null);
+  const [manualDid, setManualDid] = useState137("");
+  const [scopeType, setScopeType] = useState137("full");
+  const [selectedBlocks, setSelectedBlocks] = useState137([]);
+  const [expirationEnabled, setExpirationEnabled] = useState137(false);
+  const [expirationDays, setExpirationDays] = useState137(30);
+  const [canDelegate, setCanDelegate] = useState137(false);
+  const [pin, setPin] = useState137("");
+  const [loading, setLoading] = useState137(false);
+  const [error, setError] = useState137(null);
+  const handleSearch = useCallback109(async () => {
     if (searchQuery.length < 2) return;
     setSearching(true);
     try {
@@ -33176,15 +33234,15 @@ var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, s
       resetForm();
     }
   };
-  return /* @__PURE__ */ React298.createElement(
+  return /* @__PURE__ */ React299.createElement(
     Modal4,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React298.createElement(Group110, { gap: "xs" }, /* @__PURE__ */ React298.createElement(IconShieldPlus4, { size: 20 }), /* @__PURE__ */ React298.createElement(Text169, { fw: 600 }, "Grant Permission")),
+      title: /* @__PURE__ */ React299.createElement(Group110, { gap: "xs" }, /* @__PURE__ */ React299.createElement(IconShieldPlus4, { size: 20 }), /* @__PURE__ */ React299.createElement(Text170, { fw: 600 }, "Grant Permission")),
       size: "lg"
     },
-    /* @__PURE__ */ React298.createElement(Stack198, { gap: "md" }, /* @__PURE__ */ React298.createElement(Stack198, { gap: "xs" }, /* @__PURE__ */ React298.createElement(Text169, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React298.createElement(
+    /* @__PURE__ */ React299.createElement(Stack199, { gap: "md" }, /* @__PURE__ */ React299.createElement(Stack199, { gap: "xs" }, /* @__PURE__ */ React299.createElement(Text170, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React299.createElement(
       Radio6.Group,
       {
         value: recipientType,
@@ -33194,23 +33252,23 @@ var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, s
           setSearchResults([]);
         }
       },
-      /* @__PURE__ */ React298.createElement(Group110, null, /* @__PURE__ */ React298.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React298.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React298.createElement(Radio6, { value: "manual", label: "Enter DID" }))
-    )), recipientType !== "manual" ? /* @__PURE__ */ React298.createElement(Stack198, { gap: "xs" }, /* @__PURE__ */ React298.createElement(
+      /* @__PURE__ */ React299.createElement(Group110, null, /* @__PURE__ */ React299.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React299.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React299.createElement(Radio6, { value: "manual", label: "Enter DID" }))
+    )), recipientType !== "manual" ? /* @__PURE__ */ React299.createElement(Stack199, { gap: "xs" }, /* @__PURE__ */ React299.createElement(
       TextInput10,
       {
         placeholder: recipientType === "oracle" ? "Search oracles..." : "Search users...",
-        leftSection: /* @__PURE__ */ React298.createElement(IconSearch8, { size: 16 }),
-        rightSection: searching ? /* @__PURE__ */ React298.createElement(Loader55, { size: 14 }) : null,
+        leftSection: /* @__PURE__ */ React299.createElement(IconSearch8, { size: 16 }),
+        rightSection: searching ? /* @__PURE__ */ React299.createElement(Loader55, { size: 14 }) : null,
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
         onKeyDown: (e) => e.key === "Enter" && handleSearch()
       }
-    ), selectedRecipient ? /* @__PURE__ */ React298.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React298.createElement(Group110, { justify: "space-between" }, /* @__PURE__ */ React298.createElement(Group110, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React298.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React298.createElement(IconUser15, { size: 16 }), /* @__PURE__ */ React298.createElement(Text169, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React298.createElement(Badge44, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React298.createElement(ActionIcon39, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React298.createElement(IconX15, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React298.createElement(Paper19, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React298.createElement(Stack198, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React298.createElement(Button55, { key: result.did, variant: "subtle", size: "sm", justify: "flex-start", onClick: () => setSelectedRecipient(result) }, result.displayName)))) : null) : /* @__PURE__ */ React298.createElement(TextInput10, { label: "Recipient DID", placeholder: "did:ixo:...", value: manualDid, onChange: (e) => setManualDid(e.currentTarget.value) }), /* @__PURE__ */ React298.createElement(Divider30, null), /* @__PURE__ */ React298.createElement(Stack198, { gap: "xs" }, /* @__PURE__ */ React298.createElement(Text169, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
+    ), selectedRecipient ? /* @__PURE__ */ React299.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React299.createElement(Group110, { justify: "space-between" }, /* @__PURE__ */ React299.createElement(Group110, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React299.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React299.createElement(IconUser15, { size: 16 }), /* @__PURE__ */ React299.createElement(Text170, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React299.createElement(Badge44, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React299.createElement(ActionIcon39, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React299.createElement(IconX15, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React299.createElement(Paper19, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React299.createElement(Stack199, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React299.createElement(Button55, { key: result.did, variant: "subtle", size: "sm", justify: "flex-start", onClick: () => setSelectedRecipient(result) }, result.displayName)))) : null) : /* @__PURE__ */ React299.createElement(TextInput10, { label: "Recipient DID", placeholder: "did:ixo:...", value: manualDid, onChange: (e) => setManualDid(e.currentTarget.value) }), /* @__PURE__ */ React299.createElement(Divider30, null), /* @__PURE__ */ React299.createElement(Stack199, { gap: "xs" }, /* @__PURE__ */ React299.createElement(Text170, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
       // Single block mode: show fixed block info
-      /* @__PURE__ */ React298.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React298.createElement(Group110, { gap: "xs" }, /* @__PURE__ */ React298.createElement(Badge44, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React298.createElement(Text169, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React298.createElement(Text169, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
+      /* @__PURE__ */ React299.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React299.createElement(Group110, { gap: "xs" }, /* @__PURE__ */ React299.createElement(Badge44, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React299.createElement(Text170, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React299.createElement(Text170, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
     ) : (
       // Multi-block mode: show scope selection
-      /* @__PURE__ */ React298.createElement(React298.Fragment, null, /* @__PURE__ */ React298.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React298.createElement(Stack198, { gap: "xs" }, /* @__PURE__ */ React298.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React298.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React298.createElement(Paper19, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React298.createElement(Stack198, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React298.createElement(
+      /* @__PURE__ */ React299.createElement(React299.Fragment, null, /* @__PURE__ */ React299.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React299.createElement(Stack199, { gap: "xs" }, /* @__PURE__ */ React299.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React299.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React299.createElement(Paper19, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React299.createElement(Stack199, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React299.createElement(
         Checkbox13,
         {
           key: block.id,
@@ -33225,7 +33283,7 @@ var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, s
           }
         }
       )))))
-    )), /* @__PURE__ */ React298.createElement(Divider30, null), /* @__PURE__ */ React298.createElement(Stack198, { gap: "xs" }, /* @__PURE__ */ React298.createElement(Checkbox13, { label: "Set expiration", checked: expirationEnabled, onChange: (e) => setExpirationEnabled(e.currentTarget.checked) }), expirationEnabled && /* @__PURE__ */ React298.createElement(NumberInput3, { label: "Expires in (days)", placeholder: "30", value: expirationDays, onChange: setExpirationDays, min: 1, max: 365 })), /* @__PURE__ */ React298.createElement(
+    )), /* @__PURE__ */ React299.createElement(Divider30, null), /* @__PURE__ */ React299.createElement(Stack199, { gap: "xs" }, /* @__PURE__ */ React299.createElement(Checkbox13, { label: "Set expiration", checked: expirationEnabled, onChange: (e) => setExpirationEnabled(e.currentTarget.checked) }), expirationEnabled && /* @__PURE__ */ React299.createElement(NumberInput3, { label: "Expires in (days)", placeholder: "30", value: expirationDays, onChange: setExpirationDays, min: 1, max: 365 })), /* @__PURE__ */ React299.createElement(
       Checkbox13,
       {
         label: "Recipient can grant permissions to others",
@@ -33233,7 +33291,7 @@ var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, s
         checked: canDelegate,
         onChange: (e) => setCanDelegate(e.currentTarget.checked)
       }
-    ), /* @__PURE__ */ React298.createElement(Divider30, null), /* @__PURE__ */ React298.createElement(TextInput10, { label: "Enter your PIN to sign this delegation", type: "password", placeholder: "PIN", value: pin, onChange: (e) => setPin(e.currentTarget.value) }), error && /* @__PURE__ */ React298.createElement(Alert55, { color: "red" }, error), /* @__PURE__ */ React298.createElement(Group110, { justify: "flex-end" }, /* @__PURE__ */ React298.createElement(Button55, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React298.createElement(Button55, { onClick: handleGrant, loading }, "Grant Permission")))
+    ), /* @__PURE__ */ React299.createElement(Divider30, null), /* @__PURE__ */ React299.createElement(TextInput10, { label: "Enter your PIN to sign this delegation", type: "password", placeholder: "PIN", value: pin, onChange: (e) => setPin(e.currentTarget.value) }), error && /* @__PURE__ */ React299.createElement(Alert55, { color: "red" }, error), /* @__PURE__ */ React299.createElement(Group110, { justify: "flex-end" }, /* @__PURE__ */ React299.createElement(Button55, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React299.createElement(Button55, { onClick: handleGrant, loading }, "Grant Permission")))
   );
 };
 
@@ -33306,10 +33364,6 @@ export {
   registerBlockActions,
   getBlockActions,
   useHookedActions,
-  getHomeserver,
-  didToMatrixUserId,
-  findOrCreateDMRoom,
-  sendDirectMessage,
   registerBuiltInActionTypes,
   initializeHookedActions,
   BlocknoteProvider,
@@ -33350,4 +33404,4 @@ export {
   getExtraSlashMenuItems,
   useCreateIxoEditor
 };
-//# sourceMappingURL=chunk-TLYT3OAQ.mjs.map
+//# sourceMappingURL=chunk-K75BAQDR.mjs.map