@ixo/editor 2.29.0 → 2.30.0

package/dist/{chunk-BHBXPXWA.mjs → chunk-5CXU2GBG.mjs}

@@ -22466,18 +22466,18 @@ var GovernanceGroupBlockSpec = createReactBlockSpec19(
 );
 
 // src/mantine/blocks/flowLink/FlowLinkBlockSpec.tsx
-import React225 from "react";
+import React226 from "react";
 import { createReactBlockSpec as createReactBlockSpec20 } from "@blocknote/react";
 
 // src/mantine/blocks/flowLink/FlowLinkBlock.tsx
-import React224 from "react";
+import React225 from "react";
 
 // src/mantine/blocks/flowLink/template/TemplateView.tsx
-import React221, { useMemo as useMemo74 } from "react";
+import React222, { useMemo as useMemo74 } from "react";
 import { Group as Group75, Stack as Stack144, Text as Text119 } from "@mantine/core";
 
 // src/mantine/blocks/flowLink/template/TemplateConfig.tsx
-import React220 from "react";
+import React221 from "react";
 
 // src/mantine/blocks/flowLink/template/GeneralTab.tsx
 import React218 from "react";
@@ -22510,8 +22510,8 @@ var GeneralTab16 = ({ title, description, icon, onTitleChange, onDescriptionChan
 };
 
 // src/mantine/blocks/flowLink/template/LinksTab.tsx
-import React219, { useMemo as useMemo73 } from "react";
-import { Stack as Stack143, Card as Card20, Group as Group74, ActionIcon as ActionIcon34, Text as Text118, Divider as Divider18 } from "@mantine/core";
+import React220, { useMemo as useMemo73 } from "react";
+import { Stack as Stack143, Card as Card20, Group as Group74, ActionIcon as ActionIcon34, Text as Text118, Divider as Divider18, Checkbox as Checkbox12 } from "@mantine/core";
 import { IconPlus as IconPlus6, IconTrash as IconTrash7, IconGripVertical } from "@tabler/icons-react";
 import { DndContext, PointerSensor, useSensor, useSensors, closestCenter, useDraggable, useDroppable } from "@dnd-kit/core";
 
@@ -22531,6 +22531,59 @@ function generateId(prefix) {
   return `${prefix}_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 10)}`;
 }
 
+// src/mantine/blocks/flowLink/template/WorkspacePageSelector.tsx
+import React219, { useEffect as useEffect62, useState as useState78 } from "react";
+import { Loader as Loader28, Alert as Alert30 } from "@mantine/core";
+var WorkspacePageSelector = ({ selectedPageId, onSelect }) => {
+  const handlers = useBlocknoteHandlers();
+  const [pages, setPages] = useState78([]);
+  const [loading, setLoading] = useState78(false);
+  const [error, setError] = useState78(null);
+  useEffect62(() => {
+    const fetchPages = async () => {
+      if (!handlers.getWorkspacePages) {
+        setError("Workspace pages not supported");
+        return;
+      }
+      setLoading(true);
+      setError(null);
+      try {
+        const result = await handlers.getWorkspacePages();
+        setPages(result);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Failed to fetch pages");
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchPages();
+  }, []);
+  if (loading) {
+    return /* @__PURE__ */ React219.createElement(Loader28, { size: "sm" });
+  }
+  if (error) {
+    return /* @__PURE__ */ React219.createElement(Alert30, { color: "red" }, error);
+  }
+  return /* @__PURE__ */ React219.createElement(
+    BaseSelect,
+    {
+      label: "Workspace Page",
+      placeholder: "Select a workspace page",
+      value: selectedPageId || "",
+      onChange: (value) => {
+        const page = pages.find((p) => p.id === value);
+        if (page) onSelect(page);
+      },
+      data: pages.map((page) => ({
+        value: page.id,
+        label: page.description
+      })),
+      searchable: true,
+      description: "Choose which workspace page to link to"
+    }
+  );
+};
+
 // src/mantine/blocks/flowLink/template/LinksTab.tsx
 var DraggableLinkCard = ({ link, index, onRemove, onUpdate }) => {
   const { attributes, listeners, setNodeRef: setDragRef, transform, isDragging } = useDraggable({ id: link.id });
@@ -22540,31 +22593,69 @@ var DraggableLinkCard = ({ link, index, onRemove, onUpdate }) => {
     opacity: isDragging ? 0.5 : 1,
     border: isOver ? "2px dashed var(--mantine-color-accent-5)" : void 0
   };
-  return /* @__PURE__ */ React219.createElement("div", { ref: setDropRef }, /* @__PURE__ */ React219.createElement(Card20, { p: "sm", style }, /* @__PURE__ */ React219.createElement(Stack143, { gap: "xs" }, /* @__PURE__ */ React219.createElement(Group74, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React219.createElement(Group74, { gap: "xs", align: "center" }, /* @__PURE__ */ React219.createElement("div", { ref: setDragRef, ...listeners, ...attributes, style: { cursor: "grab", display: "flex", alignItems: "center" } }, /* @__PURE__ */ React219.createElement(IconGripVertical, { size: 16, color: "gray" })), /* @__PURE__ */ React219.createElement(Text118, { size: "xs", c: "dimmed" }, link.title || `Link ${index + 1}`)), /* @__PURE__ */ React219.createElement(ActionIcon34, { variant: "subtle", color: "red", size: "sm", onClick: () => onRemove(link.id) }, /* @__PURE__ */ React219.createElement(IconTrash7, { size: 14 }))), /* @__PURE__ */ React219.createElement(Divider18, null), /* @__PURE__ */ React219.createElement(BaseTextInput, { label: "Title", placeholder: "Link title", value: link.title, onChange: (e) => onUpdate(link.id, "title", e.currentTarget.value) }), /* @__PURE__ */ React219.createElement(
+  return /* @__PURE__ */ React220.createElement("div", { ref: setDropRef }, /* @__PURE__ */ React220.createElement(Card20, { p: "sm", style }, /* @__PURE__ */ React220.createElement(Stack143, { gap: "xs" }, /* @__PURE__ */ React220.createElement(Group74, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React220.createElement(Group74, { gap: "xs", align: "center" }, /* @__PURE__ */ React220.createElement("div", { ref: setDragRef, ...listeners, ...attributes, style: { cursor: "grab", display: "flex", alignItems: "center" } }, /* @__PURE__ */ React220.createElement(IconGripVertical, { size: 16, color: "gray" })), /* @__PURE__ */ React220.createElement(Text118, { size: "xs", c: "dimmed" }, link.title || `Link ${index + 1}`)), /* @__PURE__ */ React220.createElement(ActionIcon34, { variant: "subtle", color: "red", size: "sm", onClick: () => onRemove(link.id) }, /* @__PURE__ */ React220.createElement(IconTrash7, { size: 14 }))), /* @__PURE__ */ React220.createElement(Divider18, null), /* @__PURE__ */ React220.createElement(BaseTextInput, { label: "Title", placeholder: "Link title", value: link.title, onChange: (e) => onUpdate(link.id, { title: e.currentTarget.value }) }), /* @__PURE__ */ React220.createElement(
     BaseTextInput,
     {
       label: "Description",
       placeholder: "Optional text to place above the link title",
       value: link.description,
-      onChange: (e) => onUpdate(link.id, "description", e.currentTarget.value)
+      onChange: (e) => onUpdate(link.id, { description: e.currentTarget.value })
+    }
+  ), /* @__PURE__ */ React220.createElement(
+    Checkbox12,
+    {
+      label: "Workspace Link",
+      description: "Link to a user's workspace page instead of a flow",
+      checked: link.isWorkspaceLink || false,
+      onChange: (e) => {
+        const isWorkspace = e.currentTarget.checked;
+        onUpdate(link.id, {
+          isWorkspaceLink: isWorkspace,
+          // Clear workspace-specific fields when switching to regular link
+          ...isWorkspace === false && {
+            workspacePageId: "",
+            workspacePageDescription: "",
+            docRoomId: ""
+            // Clear docRoomId from workspace selector
+          },
+          // Clear docRoomId when switching to workspace link (will be set by selector)
+          ...isWorkspace === true && {
+            docRoomId: ""
+          }
+        });
+      }
     }
-  ), /* @__PURE__ */ React219.createElement(
+  ), link.isWorkspaceLink && /* @__PURE__ */ React220.createElement(
+    WorkspacePageSelector,
+    {
+      selectedPageId: link.workspacePageId,
+      onSelect: (page) => {
+        console.log("[LinksTab] link:", link);
+        console.log("[LinksTab] link - page:", page);
+        onUpdate(link.id, {
+          workspacePageId: page.id,
+          workspacePageDescription: page.description,
+          docRoomId: page.serviceEndpoint
+        });
+      }
+    }
+  ), !link.isWorkspaceLink && /* @__PURE__ */ React220.createElement(
     BaseTextInput,
     {
       label: "Document Room ID",
       placeholder: "!roomId:matrix.server",
       value: link.docRoomId,
-      onChange: (e) => onUpdate(link.id, "docRoomId", e.currentTarget.value),
+      onChange: (e) => onUpdate(link.id, { docRoomId: e.currentTarget.value }),
       description: "Matrix room ID of the target flow document"
     }
-  ), /* @__PURE__ */ React219.createElement(
+  ), /* @__PURE__ */ React220.createElement(
     BaseTextArea,
     {
       label: "Caption",
       placeholder: "Optional text to place below the link title",
       minRows: 2,
       value: link.captionText,
-      onChange: (e) => onUpdate(link.id, "captionText", e.currentTarget.value)
+      onChange: (e) => onUpdate(link.id, { captionText: e.currentTarget.value })
     }
   ))));
 };
@@ -22579,6 +22670,9 @@ var LinksTab = ({ links, onLinksChange }) => {
       title: "",
       captionText: "",
       description: "",
+      isWorkspaceLink: false,
+      workspacePageId: "",
+      workspacePageDescription: "",
       position: maxPosition + 1
     };
     onLinksChange([...links, newLink]);
@@ -22588,8 +22682,9 @@ var LinksTab = ({ links, onLinksChange }) => {
     const reordered = filtered.map((link, idx) => ({ ...link, position: idx }));
     onLinksChange(reordered);
   };
-  const handleUpdateLink = (id, field, value) => {
-    onLinksChange(links.map((link) => link.id === id ? { ...link, [field]: value } : link));
+  const handleUpdateLink = (id, updates) => {
+    const updatedLinks = links.map((link) => link.id === id ? { ...link, ...updates } : link);
+    onLinksChange(updatedLinks);
   };
   const handleDragEnd = (event) => {
     const { active, over } = event;
@@ -22605,7 +22700,7 @@ var LinksTab = ({ links, onLinksChange }) => {
     const updated = reordered.map((link, idx) => ({ ...link, position: idx }));
     onLinksChange(updated);
   };
-  return /* @__PURE__ */ React219.createElement(Stack143, { gap: "md" }, /* @__PURE__ */ React219.createElement(Group74, { justify: "space-between", align: "center" }, /* @__PURE__ */ React219.createElement(Text118, { size: "sm", fw: 500 }, "Flow Links"), /* @__PURE__ */ React219.createElement(BaseButton, { leftSection: /* @__PURE__ */ React219.createElement(IconPlus6, { size: 16 }), size: "xs", onClick: handleAddLink }, "Add Link")), links.length === 0 ? /* @__PURE__ */ React219.createElement(BaseContainer, null, /* @__PURE__ */ React219.createElement(Text118, { size: "sm", c: "dimmed", ta: "center" }, 'No links configured. Click "Add Link" to create a link to another flow.')) : /* @__PURE__ */ React219.createElement(DndContext, { sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd }, /* @__PURE__ */ React219.createElement(Stack143, { gap: "sm" }, sortedLinks.map((link, index) => /* @__PURE__ */ React219.createElement(DraggableLinkCard, { key: link.id, link, index, onRemove: handleRemoveLink, onUpdate: handleUpdateLink })))));
+  return /* @__PURE__ */ React220.createElement(Stack143, { gap: "md" }, /* @__PURE__ */ React220.createElement(Group74, { justify: "space-between", align: "center" }, /* @__PURE__ */ React220.createElement(Text118, { size: "sm", fw: 500 }, "Flow Links"), /* @__PURE__ */ React220.createElement(BaseButton, { leftSection: /* @__PURE__ */ React220.createElement(IconPlus6, { size: 16 }), size: "xs", onClick: handleAddLink }, "Add Link")), links.length === 0 ? /* @__PURE__ */ React220.createElement(BaseContainer, null, /* @__PURE__ */ React220.createElement(Text118, { size: "sm", c: "dimmed", ta: "center" }, 'No links configured. Click "Add Link" to create a link to another flow.')) : /* @__PURE__ */ React220.createElement(DndContext, { sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd }, /* @__PURE__ */ React220.createElement(Stack143, { gap: "sm" }, sortedLinks.map((link, index) => /* @__PURE__ */ React220.createElement(DraggableLinkCard, { key: link.id, link, index, onRemove: handleRemoveLink, onUpdate: handleUpdateLink })))));
 };
 
 // src/mantine/blocks/flowLink/template/TemplateConfig.tsx
@@ -22618,14 +22713,14 @@ var TemplateConfig16 = ({ editor, block }) => {
   const handleLinksChange = (newLinks) => {
     updateProp("links", JSON.stringify(newLinks));
   };
-  return /* @__PURE__ */ React220.createElement(BaseRightPanelLayout, { title: "Flow Link Settings", onClose: closePanel }, /* @__PURE__ */ React220.createElement(
+  return /* @__PURE__ */ React221.createElement(BaseRightPanelLayout, { title: "Flow Link Settings", onClose: closePanel }, /* @__PURE__ */ React221.createElement(
     ReusablePanel,
     {
       extraTabs: [
         {
           label: "General",
           value: "general",
-          content: /* @__PURE__ */ React220.createElement(
+          content: /* @__PURE__ */ React221.createElement(
             GeneralTab16,
             {
               title: block.props.title || "",
@@ -22640,7 +22735,7 @@ var TemplateConfig16 = ({ editor, block }) => {
         {
           label: "Links",
           value: "links",
-          content: /* @__PURE__ */ React220.createElement(LinksTab, { links, onLinksChange: handleLinksChange })
+          content: /* @__PURE__ */ React221.createElement(LinksTab, { links, onLinksChange: handleLinksChange })
         }
       ],
       context: { editor, block }
@@ -22652,26 +22747,26 @@ var TemplateConfig16 = ({ editor, block }) => {
 var FLOW_LINK_TEMPLATE_PANEL_ID = "flow-link-template-panel";
 var FlowLinkTemplateView = ({ editor, block }) => {
   const panelId = `${FLOW_LINK_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo74(() => /* @__PURE__ */ React221.createElement(TemplateConfig16, { editor, block }), [editor, block]);
+  const panelContent = useMemo74(() => /* @__PURE__ */ React222.createElement(TemplateConfig16, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const links = safeParseJSONArray(block.props.links);
   const linksCount = links.length;
-  return /* @__PURE__ */ React221.createElement(BaseContainer, { onClick: open }, /* @__PURE__ */ React221.createElement(Group75, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React221.createElement(Group75, { wrap: "nowrap", align: "center" }, getIcon("external-link", block.props.icon), /* @__PURE__ */ React221.createElement(Stack144, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React221.createElement(Text119, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Flow Link"), /* @__PURE__ */ React221.createElement(Text119, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description || (linksCount > 0 ? `${linksCount} link${linksCount !== 1 ? "s" : ""} configured` : "Click to configure links to other flows"))))));
+  return /* @__PURE__ */ React222.createElement(BaseContainer, { onClick: open }, /* @__PURE__ */ React222.createElement(Group75, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React222.createElement(Group75, { wrap: "nowrap", align: "center" }, getIcon("external-link", block.props.icon), /* @__PURE__ */ React222.createElement(Stack144, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React222.createElement(Text119, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Flow Link"), /* @__PURE__ */ React222.createElement(Text119, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description || (linksCount > 0 ? `${linksCount} link${linksCount !== 1 ? "s" : ""} configured` : "Click to configure links to other flows"))))));
 };
 
 // src/mantine/blocks/flowLink/flow/FlowView.tsx
-import React223, { useMemo as useMemo75 } from "react";
+import React224, { useMemo as useMemo75 } from "react";
 import { Badge as Badge39, Group as Group77, Stack as Stack146, Text as Text121, Tooltip as Tooltip25 } from "@mantine/core";
 
 // src/mantine/blocks/flowLink/flow/FlowLinkPanel.tsx
-import React222, { useState as useState78, useEffect as useEffect62, useCallback as useCallback64 } from "react";
-import { Stack as Stack145, Text as Text120, Card as Card21, Group as Group76, Badge as Badge38, ActionIcon as ActionIcon35, Loader as Loader28, Tooltip as Tooltip24 } from "@mantine/core";
+import React223, { useState as useState79, useEffect as useEffect63, useCallback as useCallback64 } from "react";
+import { Stack as Stack145, Text as Text120, Card as Card21, Group as Group76, Badge as Badge38, ActionIcon as ActionIcon35, Loader as Loader29, Tooltip as Tooltip24 } from "@mantine/core";
 import { IconRefresh as IconRefresh7, IconCheck as IconCheck12, IconClock as IconClock3, IconCircleDashed as IconCircleDashed4 } from "@tabler/icons-react";
 var FlowLinkPanel = ({ block }) => {
   const { closePanel } = usePanelStore();
   const handlers = useBlocknoteHandlers();
   const links = safeParseJSONArray(block.props.links).sort((a, b) => a.position - b.position);
-  const [linksWithStatus, setLinksWithStatus] = useState78(links.map((link) => ({ ...link })));
+  const [linksWithStatus, setLinksWithStatus] = useState79(links.map((link) => ({ ...link })));
   const fetchStatuses = useCallback64(async () => {
     if (!handlers.getFlowStatus) {
       return;
@@ -22689,20 +22784,20 @@ var FlowLinkPanel = ({ block }) => {
     );
     setLinksWithStatus(updatedLinks);
   }, [handlers, links]);
-  useEffect62(() => {
+  useEffect63(() => {
     fetchStatuses();
   }, []);
-  const handleNavigate = (docRoomId) => {
+  const handleNavigate = (link) => {
     if (handlers.navigateToFlow) {
-      handlers.navigateToFlow(docRoomId);
+      handlers.navigateToFlow(link.docRoomId, link.isWorkspaceLink);
     }
   };
   const getStatusBadge = (link) => {
     if (link.isLoading) {
-      return /* @__PURE__ */ React222.createElement(Badge38, { display: "inline-block", size: "sm", variant: "light", color: "gray", leftSection: /* @__PURE__ */ React222.createElement(Loader28, { size: 10 }) }, "Loading");
+      return /* @__PURE__ */ React223.createElement(Badge38, { display: "inline-block", size: "sm", variant: "light", color: "gray", leftSection: /* @__PURE__ */ React223.createElement(Loader29, { size: 10 }) }, "Loading");
     }
     if (link.error) {
-      return /* @__PURE__ */ React222.createElement(Tooltip24, { label: link.error }, /* @__PURE__ */ React222.createElement(Badge38, { display: "inline-block", size: "sm", variant: "light", color: "red" }, "Error"));
+      return /* @__PURE__ */ React223.createElement(Tooltip24, { label: link.error }, /* @__PURE__ */ React223.createElement(Badge38, { display: "inline-block", size: "sm", variant: "light", color: "red" }, "Error"));
     }
     if (!link.statusData) {
       return null;
@@ -22710,21 +22805,21 @@ var FlowLinkPanel = ({ block }) => {
     const status = link.statusData.status;
     switch (status) {
       case "completed":
-        return /* @__PURE__ */ React222.createElement(Badge38, { display: "inline-block", size: "sm", variant: "light", color: "green", leftSection: /* @__PURE__ */ React222.createElement(IconCheck12, { size: 12 }) }, "Completed");
+        return /* @__PURE__ */ React223.createElement(Badge38, { display: "inline-block", size: "sm", variant: "light", color: "green", leftSection: /* @__PURE__ */ React223.createElement(IconCheck12, { size: 12 }) }, "Completed");
       case "in_progress":
-        return /* @__PURE__ */ React222.createElement(Badge38, { display: "inline-block", size: "sm", variant: "light", color: "blue", leftSection: /* @__PURE__ */ React222.createElement(IconClock3, { size: 12 }) }, "In Progress");
+        return /* @__PURE__ */ React223.createElement(Badge38, { display: "inline-block", size: "sm", variant: "light", color: "blue", leftSection: /* @__PURE__ */ React223.createElement(IconClock3, { size: 12 }) }, "In Progress");
       case "not_started":
       default:
-        return /* @__PURE__ */ React222.createElement(Badge38, { display: "inline-block", size: "sm", variant: "light", color: "gray", leftSection: /* @__PURE__ */ React222.createElement(IconCircleDashed4, { size: 12 }) }, "Not Started");
+        return /* @__PURE__ */ React223.createElement(Badge38, { display: "inline-block", size: "sm", variant: "light", color: "gray", leftSection: /* @__PURE__ */ React223.createElement(IconCircleDashed4, { size: 12 }) }, "Not Started");
     }
   };
-  return /* @__PURE__ */ React222.createElement(BaseRightPanelLayout, { title: block.props.title || "Flow Links", onClose: closePanel }, /* @__PURE__ */ React222.createElement(Stack145, { gap: "md" }, handlers.getFlowStatus && /* @__PURE__ */ React222.createElement(Tooltip24, { label: "Refresh status" }, /* @__PURE__ */ React222.createElement(ActionIcon35, { variant: "subtle", size: "sm", onClick: fetchStatuses }, /* @__PURE__ */ React222.createElement(IconRefresh7, { size: 16 }))), linksWithStatus.length === 0 ? /* @__PURE__ */ React222.createElement(Card21, { withBorder: true, p: "md", bg: "gray.0" }, /* @__PURE__ */ React222.createElement(Text120, { size: "sm", c: "dimmed", ta: "center" }, "No flow links configured.")) : /* @__PURE__ */ React222.createElement(Stack145, { gap: "sm" }, linksWithStatus.map((link) => /* @__PURE__ */ React222.createElement(Stack145, { key: link.id }, link.description && /* @__PURE__ */ React222.createElement(Text120, null, link.description), /* @__PURE__ */ React222.createElement(
+  return /* @__PURE__ */ React223.createElement(BaseRightPanelLayout, { title: block.props.title || "Flow Links", onClose: closePanel }, /* @__PURE__ */ React223.createElement(Stack145, { gap: "md" }, handlers.getFlowStatus && /* @__PURE__ */ React223.createElement(Tooltip24, { label: "Refresh status" }, /* @__PURE__ */ React223.createElement(ActionIcon35, { variant: "subtle", size: "sm", onClick: fetchStatuses }, /* @__PURE__ */ React223.createElement(IconRefresh7, { size: 16 }))), linksWithStatus.length === 0 ? /* @__PURE__ */ React223.createElement(Card21, { withBorder: true, p: "md", bg: "gray.0" }, /* @__PURE__ */ React223.createElement(Text120, { size: "sm", c: "dimmed", ta: "center" }, "No flow links configured.")) : /* @__PURE__ */ React223.createElement(Stack145, { gap: "sm" }, linksWithStatus.map((link) => /* @__PURE__ */ React223.createElement(Stack145, { key: link.id }, link.description && /* @__PURE__ */ React223.createElement(Text120, null, link.description), /* @__PURE__ */ React223.createElement(
     BaseContainer,
     {
-      onClick: () => handlers.navigateToFlow && handleNavigate(link.docRoomId),
+      onClick: () => handleNavigate(link),
       style: { opacity: !handlers.navigateToFlow ? 0.6 : 1, minHeight: 84, cursor: !handlers.navigateToFlow ? "not-allowed" : "pointer" }
     },
-    /* @__PURE__ */ React222.createElement(Group76, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("external-link", block.props.icon), /* @__PURE__ */ React222.createElement(Stack145, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React222.createElement(Group76, { gap: "xs", align: "center" }, /* @__PURE__ */ React222.createElement(Text120, { size: "sm", fw: 600 }, link.title || "Untitled Flow"), getStatusBadge(link)), link.captionText && /* @__PURE__ */ React222.createElement(Text120, { size: "sm", c: "dimmed", lineClamp: 2 }, link.captionText)), link.statusData?.completedAt && /* @__PURE__ */ React222.createElement(Text120, { size: "sm", c: "dimmed" }, "Completed: ", new Date(link.statusData.completedAt).toLocaleDateString()))
+    /* @__PURE__ */ React223.createElement(Group76, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("external-link", block.props.icon), /* @__PURE__ */ React223.createElement(Stack145, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React223.createElement(Group76, { gap: "xs", align: "center" }, /* @__PURE__ */ React223.createElement(Text120, { size: "sm", fw: 600 }, link.title || "Untitled Flow"), link.isWorkspaceLink && /* @__PURE__ */ React223.createElement(Badge38, { size: "xs", variant: "light", color: "blue" }, "Workspace"), getStatusBadge(link)), link.isWorkspaceLink && link.workspacePageDescription && /* @__PURE__ */ React223.createElement(Text120, { size: "xs", c: "dimmed" }, "\u2192 ", link.workspacePageDescription), link.captionText && /* @__PURE__ */ React223.createElement(Text120, { size: "sm", c: "dimmed", lineClamp: 2 }, link.captionText)), link.statusData?.completedAt && /* @__PURE__ */ React223.createElement(Text120, { size: "sm", c: "dimmed" }, "Completed: ", new Date(link.statusData.completedAt).toLocaleDateString()))
   ))))));
 };
 
@@ -22735,7 +22830,7 @@ var FlowLinkFlowView = ({ editor, block, isDisabled }) => {
   const links = safeParseJSONArray(block.props.links);
   const linksCount = links.length;
   const panelId = `${FLOW_LINK_FLOW_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo75(() => /* @__PURE__ */ React223.createElement(FlowLinkPanel, { editor, block }), [editor, block]);
+  const panelContent = useMemo75(() => /* @__PURE__ */ React224.createElement(FlowLinkPanel, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const handleClick = () => {
     if (!disabled) {
@@ -22749,9 +22844,9 @@ var FlowLinkFlowView = ({ editor, block, isDisabled }) => {
     return { color: "accent.5", text: `${linksCount} link${linksCount !== 1 ? "s" : ""}` };
   };
   const badgeProps = getBadgeProps();
-  const cardContent = /* @__PURE__ */ React223.createElement(BaseContainer, { onClick: handleClick, style: { opacity: disabled ? 0.6 : 1, cursor: disabled ? "not-allowed" : "pointer" } }, /* @__PURE__ */ React223.createElement(Group77, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("external-link", block.props.icon), /* @__PURE__ */ React223.createElement(Stack146, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React223.createElement(Group77, { gap: "xs", align: "center" }, /* @__PURE__ */ React223.createElement(Text121, { fw: 600, size: "sm" }, block.props.title || "Flow Link"), /* @__PURE__ */ React223.createElement(Badge39, { size: "xs", variant: "light", bg: badgeProps.color }, badgeProps.text)), /* @__PURE__ */ React223.createElement(Text121, { size: "xs", c: "dimmed", lineClamp: 2 }, block.props.description || (linksCount > 0 ? "Click to view links" : "No links configured")))));
+  const cardContent = /* @__PURE__ */ React224.createElement(BaseContainer, { onClick: handleClick, style: { opacity: disabled ? 0.6 : 1, cursor: disabled ? "not-allowed" : "pointer" } }, /* @__PURE__ */ React224.createElement(Group77, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("external-link", block.props.icon), /* @__PURE__ */ React224.createElement(Stack146, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React224.createElement(Group77, { gap: "xs", align: "center" }, /* @__PURE__ */ React224.createElement(Text121, { fw: 600, size: "sm" }, block.props.title || "Flow Link"), /* @__PURE__ */ React224.createElement(Badge39, { size: "xs", variant: "light", bg: badgeProps.color }, badgeProps.text)), /* @__PURE__ */ React224.createElement(Text121, { size: "xs", c: "dimmed", lineClamp: 2 }, block.props.description || (linksCount > 0 ? "Click to view links" : "No links configured")))));
   if (disabled && isDisabled?.message) {
-    return /* @__PURE__ */ React223.createElement(Tooltip25, { label: isDisabled.message }, cardContent);
+    return /* @__PURE__ */ React224.createElement(Tooltip25, { label: isDisabled.message }, cardContent);
   }
   return cardContent;
 };
@@ -22761,7 +22856,7 @@ function FlowLinkBlock({ editor, block }) {
   const { docType } = useBlocknoteContext();
   const { actions } = useBlockConditions(block, editor);
   if (docType === "template") {
-    return /* @__PURE__ */ React224.createElement(FlowLinkTemplateView, { editor, block });
+    return /* @__PURE__ */ React225.createElement(FlowLinkTemplateView, { editor, block });
   }
   const conditionConfig = parseConditionConfig(block.props.conditions);
   const hasVisibility = hasVisibilityConditions(conditionConfig);
@@ -22773,7 +22868,7 @@ function FlowLinkBlock({ editor, block }) {
   const hasEnable = hasEnableConditions(conditionConfig);
   const enableActionExists = actions.some((a) => a.action === "enable");
   const shouldDisable = hasEnable && !enableActionExists;
-  return /* @__PURE__ */ React224.createElement(
+  return /* @__PURE__ */ React225.createElement(
     FlowLinkFlowView,
     {
       block,
@@ -22813,7 +22908,7 @@ var FlowLinkBlockSpec = createReactBlockSpec20(
   {
     render: (props) => {
       const ixoProps = props;
-      return /* @__PURE__ */ React225.createElement(FlowLinkBlock_default, { ...ixoProps });
+      return /* @__PURE__ */ React226.createElement(FlowLinkBlock_default, { ...ixoProps });
     }
   }
 );
@@ -22989,7 +23084,7 @@ blockRegistry.register({
 });
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo76, useEffect as useEffect63, useState as useState79, useCallback as useCallback65 } from "react";
+import { useMemo as useMemo76, useEffect as useEffect64, useState as useState80, useCallback as useCallback65 } from "react";
 
 // src/mantine/blocks/hooks/useDependsOn.ts
 import { useMemo as useMemo77 } from "react";
@@ -23559,11 +23654,11 @@ import { useCreateBlockNote as useCreateBlockNote2 } from "@blocknote/react";
 import { BlockNoteSchema as BlockNoteSchema2, defaultBlockSpecs as defaultBlockSpecs2, defaultInlineContentSpecs as defaultInlineContentSpecs2, defaultStyleSpecs as defaultStyleSpecs2 } from "@blocknote/core";
 
 // src/core/hooks/useMatrixProvider.ts
-import { useEffect as useEffect64, useState as useState80, useRef as useRef17, useCallback as useCallback66, useMemo as useMemo78 } from "react";
+import { useEffect as useEffect65, useState as useState81, useRef as useRef17, useCallback as useCallback66, useMemo as useMemo78 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
-  const [matrixProvider, setProvider] = useState80(null);
-  const [status, setStatus] = useState80("disconnected");
+  const [matrixProvider, setProvider] = useState81(null);
+  const [status, setStatus] = useState81("disconnected");
   const isMountedRef = useRef17(true);
   const providerRef = useRef17(null);
   const retryTimeoutRef = useRef17(null);
@@ -23628,7 +23723,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       }
     }
   }, [matrixClient, providerOptions, handleDocumentAvailable, handleDocumentUnavailable, handleCanWriteChanged]);
-  useEffect64(() => {
+  useEffect65(() => {
     isMountedRef.current = true;
     initProvider();
     return () => {
@@ -23645,7 +23740,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       setStatus("disconnected");
     };
   }, [initProvider]);
-  useEffect64(() => {
+  useEffect65(() => {
     return () => {
       isMountedRef.current = false;
     };
@@ -23664,7 +23759,7 @@ function useCollaborativeYDoc(_options) {
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo80, useEffect as useEffect65, useState as useState81 } from "react";
+import { useMemo as useMemo80, useEffect as useEffect66, useState as useState82 } from "react";
 
 // src/core/lib/matrixMetadata.ts
 var COVER_IMAGE_EVENT_TYPE = "ixo.page.cover_image";
@@ -23849,7 +23944,7 @@ function useCreateCollaborativeIxoEditor(options) {
     roomId: options.roomId
   });
   const metadataManager = useMemo80(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
-  useEffect65(() => {
+  useEffect66(() => {
     return () => {
       metadataManager.dispose();
     };
@@ -24101,12 +24196,12 @@ function useCreateCollaborativeIxoEditor(options) {
       return void 0;
     };
   }
-  useEffect65(() => {
+  useEffect66(() => {
     if (ixoEditor) {
       ixoEditor.isEditable = editable;
     }
   }, [ixoEditor, editable]);
-  useEffect65(() => {
+  useEffect66(() => {
     if (connectionStatus !== "connected") {
       return;
     }
@@ -24128,9 +24223,9 @@ function useCreateCollaborativeIxoEditor(options) {
       titleText.insert(0, options.title);
     }
   }, [connectionStatus, root, titleText, permissions.write, options.docId, options.title, memoizedUser.id]);
-  const [connectedUsers, setConnectedUsers] = useState81([]);
+  const [connectedUsers, setConnectedUsers] = useState82([]);
   const webrtcProvider = matrixProvider?.webrtcProvider;
-  useEffect65(() => {
+  useEffect66(() => {
     if (!matrixProvider?.awarenessInstance || !webrtcProvider || connectionStatus !== "connected") {
       return;
     }
@@ -24149,7 +24244,7 @@ function useCreateCollaborativeIxoEditor(options) {
       awareness.off("change", updateUsers);
     };
   }, [matrixProvider, webrtcProvider, connectionStatus]);
-  useEffect65(() => {
+  useEffect66(() => {
     if (!matrixProvider?.awarenessInstance || !webrtcProvider || connectionStatus !== "connected") {
       return;
     }
@@ -24187,15 +24282,15 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/components/Base/BaseIconPicker.tsx
-import React227, { useState as useState82, useMemo as useMemo81, useEffect as useEffect66 } from "react";
+import React228, { useState as useState83, useMemo as useMemo81, useEffect as useEffect67 } from "react";
 import { TextInput as TextInput7, Tabs as Tabs5, Box as Box41, Stack as Stack147, UnstyledButton as UnstyledButton2, Text as Text122, Center as Center12, ScrollArea as ScrollArea8, Group as Group78, Popover as Popover4 } from "@mantine/core";
 import * as TablerIcons from "@tabler/icons-react";
 import { IconSearch as IconSearch6, IconX as IconX11, IconChevronLeft, IconChevronRight as IconChevronRight11 } from "@tabler/icons-react";
 
 // src/mantine/components/Base/CoverImageButton.tsx
-import React226, { forwardRef } from "react";
+import React227, { forwardRef } from "react";
 import { Button as Button38 } from "@mantine/core";
-var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style, ...props }, ref) => /* @__PURE__ */ React226.createElement(
+var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style, ...props }, ref) => /* @__PURE__ */ React227.createElement(
   Button38,
   {
     ref,
@@ -24245,9 +24340,9 @@ var localStorageService = {
 var iconsKey = "editor_recent_icons";
 var ICONS_PER_PAGE = 500;
 function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children, currentIcon }) {
-  const [searchQuery, setSearchQuery] = useState82("");
-  const [activeTab, setActiveTab] = useState82("icons");
-  const [currentPage, setCurrentPage] = useState82(1);
+  const [searchQuery, setSearchQuery] = useState83("");
+  const [activeTab, setActiveTab] = useState83("icons");
+  const [currentPage, setCurrentPage] = useState83(1);
   const allIcons = useMemo81(() => {
     const iconEntries = Object.entries(TablerIcons).filter(([name]) => name.startsWith("Icon") && name !== "IconProps");
     return iconEntries;
@@ -24257,7 +24352,7 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
     const query = searchQuery.toLowerCase();
     return allIcons.filter(([name]) => name.toLowerCase().includes(query));
   }, [allIcons, searchQuery]);
-  useEffect66(() => {
+  useEffect67(() => {
     setCurrentPage(1);
   }, [searchQuery]);
   const paginatedIcons = useMemo81(() => {
@@ -24281,9 +24376,9 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
   };
   const renderIconGrid = (icons) => {
     if (icons.length === 0) {
-      return /* @__PURE__ */ React227.createElement(Center12, { py: "xl" }, /* @__PURE__ */ React227.createElement(Text122, { c: "dimmed", size: "sm" }, "No icons found"));
+      return /* @__PURE__ */ React228.createElement(Center12, { py: "xl" }, /* @__PURE__ */ React228.createElement(Text122, { c: "dimmed", size: "sm" }, "No icons found"));
     }
-    return /* @__PURE__ */ React227.createElement(
+    return /* @__PURE__ */ React228.createElement(
       Box41,
       {
         style: {
@@ -24295,7 +24390,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__ */ React227.createElement(
+        return /* @__PURE__ */ React228.createElement(
           UnstyledButton2,
           {
             key: name,
@@ -24321,12 +24416,12 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
               }
             }
           },
-          /* @__PURE__ */ React227.createElement(IconComponent, { color: "white", size: 24, stroke: 1.5 })
+          /* @__PURE__ */ React228.createElement(IconComponent, { color: "white", size: 24, stroke: 1.5 })
         );
       })
     );
   };
-  return /* @__PURE__ */ React227.createElement(Popover4, { opened, onClose, position: "right", width: 500, shadow: "xl" }, /* @__PURE__ */ React227.createElement(Popover4.Target, null, children), /* @__PURE__ */ React227.createElement(
+  return /* @__PURE__ */ React228.createElement(Popover4, { opened, onClose, position: "right", width: 500, shadow: "xl" }, /* @__PURE__ */ React228.createElement(Popover4.Target, null, children), /* @__PURE__ */ React228.createElement(
     Popover4.Dropdown,
     {
       style: {
@@ -24336,15 +24431,15 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
       },
       p: 0
     },
-    /* @__PURE__ */ React227.createElement(Stack147, { gap: "md", p: "md" }, /* @__PURE__ */ React227.createElement(Tabs5, { value: activeTab, onChange: setActiveTab, variant: "pills" }, /* @__PURE__ */ React227.createElement(Tabs5.List, null, /* @__PURE__ */ React227.createElement(Tabs5.Tab, { value: "icons" }, "Icons"), /* @__PURE__ */ React227.createElement(Tabs5.Tab, { value: "upload" }, "Upload")), /* @__PURE__ */ React227.createElement(Tabs5.Panel, { value: "icons", pt: "md" }, /* @__PURE__ */ React227.createElement(
+    /* @__PURE__ */ React228.createElement(Stack147, { gap: "md", p: "md" }, /* @__PURE__ */ React228.createElement(Tabs5, { value: activeTab, onChange: setActiveTab, variant: "pills" }, /* @__PURE__ */ React228.createElement(Tabs5.List, null, /* @__PURE__ */ React228.createElement(Tabs5.Tab, { value: "icons" }, "Icons"), /* @__PURE__ */ React228.createElement(Tabs5.Tab, { value: "upload" }, "Upload")), /* @__PURE__ */ React228.createElement(Tabs5.Panel, { value: "icons", pt: "md" }, /* @__PURE__ */ React228.createElement(
       TextInput7,
       {
         mb: "md",
         placeholder: "Filter",
-        leftSection: /* @__PURE__ */ React227.createElement(IconSearch6, { size: 18 }),
+        leftSection: /* @__PURE__ */ React228.createElement(IconSearch6, { size: 18 }),
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
-        rightSection: searchQuery && /* @__PURE__ */ React227.createElement(UnstyledButton2, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React227.createElement(IconX11, { size: 18 })),
+        rightSection: searchQuery && /* @__PURE__ */ React228.createElement(UnstyledButton2, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React228.createElement(IconX11, { size: 18 })),
         style: { flex: 1 },
         styles: {
           input: {
@@ -24354,21 +24449,21 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
           }
         }
       }
-    ), !searchQuery && /* @__PURE__ */ React227.createElement(Box41, { mb: "md" }, /* @__PURE__ */ React227.createElement(Text122, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React227.createElement(ScrollArea8.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React227.createElement(Box41, null, /* @__PURE__ */ React227.createElement(Group78, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React227.createElement(Text122, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React227.createElement(Group78, { gap: "xs" }, /* @__PURE__ */ React227.createElement(Text122, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React227.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React227.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React227.createElement(
+    ), !searchQuery && /* @__PURE__ */ React228.createElement(Box41, { mb: "md" }, /* @__PURE__ */ React228.createElement(Text122, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React228.createElement(ScrollArea8.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React228.createElement(Box41, null, /* @__PURE__ */ React228.createElement(Group78, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React228.createElement(Text122, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React228.createElement(Group78, { gap: "xs" }, /* @__PURE__ */ React228.createElement(Text122, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React228.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React228.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React228.createElement(
       BaseButton,
       {
         size: "xs",
         onClick: () => setCurrentPage((p) => Math.min(totalPages, p + 1)),
         disabled: currentPage === totalPages,
-        leftSection: /* @__PURE__ */ React227.createElement(IconChevronRight11, { size: 14 })
+        leftSection: /* @__PURE__ */ React228.createElement(IconChevronRight11, { size: 14 })
       },
       "Next"
-    ))), /* @__PURE__ */ React227.createElement(ScrollArea8.Autosize, { scrollbarSize: 0, mah: 200 }, renderIconGrid(paginatedIcons)))), /* @__PURE__ */ React227.createElement(Tabs5.Panel, { value: "upload", pt: "md" }, /* @__PURE__ */ React227.createElement(Center12, { py: "xl" }, /* @__PURE__ */ React227.createElement(Stack147, { align: "center", gap: "md" }, /* @__PURE__ */ React227.createElement(Text122, { size: "sm", c: "dimmed", ta: "center" }, "Upload a custom icon image", /* @__PURE__ */ React227.createElement("br", null), "(PNG, JPG, SVG)"), /* @__PURE__ */ React227.createElement(CoverImageButton, { onClick: onUploadClick }, "Choose File"))))))
+    ))), /* @__PURE__ */ React228.createElement(ScrollArea8.Autosize, { scrollbarSize: 0, mah: 200 }, renderIconGrid(paginatedIcons)))), /* @__PURE__ */ React228.createElement(Tabs5.Panel, { value: "upload", pt: "md" }, /* @__PURE__ */ React228.createElement(Center12, { py: "xl" }, /* @__PURE__ */ React228.createElement(Stack147, { align: "center", gap: "md" }, /* @__PURE__ */ React228.createElement(Text122, { size: "sm", c: "dimmed", ta: "center" }, "Upload a custom icon image", /* @__PURE__ */ React228.createElement("br", null), "(PNG, JPG, SVG)"), /* @__PURE__ */ React228.createElement(CoverImageButton, { onClick: onUploadClick }, "Choose File"))))))
   ));
 }
 
 // src/mantine/components/CoverImage.tsx
-import React229, { useState as useState83, useRef as useRef18, useEffect as useEffect67 } from "react";
+import React230, { useState as useState84, useRef as useRef18, useEffect as useEffect68 } from "react";
 import { Box as Box43, Group as Group79 } from "@mantine/core";
 
 // src/core/lib/imageTransform.ts
@@ -24502,7 +24597,7 @@ function transformIconImage(sourceUrl, size = "default", customOptions) {
 }
 
 // src/mantine/components/Base/PageIcon.tsx
-import React228, { useMemo as useMemo82 } from "react";
+import React229, { useMemo as useMemo82 } from "react";
 import { Center as Center13, Box as Box42 } from "@mantine/core";
 import * as TablerIcons2 from "@tabler/icons-react";
 function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
@@ -24518,7 +24613,7 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
   const Container = useCenter ? Center13 : Box42;
   if (!src) return null;
   if (IconComponent) {
-    return /* @__PURE__ */ React228.createElement(
+    return /* @__PURE__ */ React229.createElement(
       Container,
       {
         style: {
@@ -24530,10 +24625,10 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
           ...style
         }
       },
-      /* @__PURE__ */ React228.createElement(IconComponent, { size: iconSize, color: "white", stroke: 1.5 })
+      /* @__PURE__ */ React229.createElement(IconComponent, { size: iconSize, color: "white", stroke: 1.5 })
     );
   }
-  return /* @__PURE__ */ React228.createElement(
+  return /* @__PURE__ */ React229.createElement(
     "img",
     {
       src,
@@ -24554,14 +24649,14 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
 import { useDisclosure as useDisclosure5 } from "@mantine/hooks";
 function CoverImage({ coverImageUrl, logoUrl }) {
   const { editor, handlers, editable } = useBlocknoteContext();
-  const [isHovering, setIsHovering] = useState83(false);
-  const [isRepositioning, setIsRepositioning] = useState83(false);
-  const [coverPosition, setCoverPosition] = useState83(50);
+  const [isHovering, setIsHovering] = useState84(false);
+  const [isRepositioning, setIsRepositioning] = useState84(false);
+  const [coverPosition, setCoverPosition] = useState84(50);
   const coverFileInputRef = useRef18(null);
   const logoFileInputRef = useRef18(null);
   const [opened, { open, close }] = useDisclosure5(false);
-  const [metadata, setMetadata] = useState83(() => editor?.getPageMetadata?.() || null);
-  useEffect67(() => {
+  const [metadata, setMetadata] = useState84(() => editor?.getPageMetadata?.() || null);
+  useEffect68(() => {
     if (!editor?._metadataManager) {
       return;
     }
@@ -24643,7 +24738,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     return null;
   }
   if (!hasCover) {
-    return /* @__PURE__ */ React229.createElement(
+    return /* @__PURE__ */ React230.createElement(
       Box43,
       {
         style: {
@@ -24656,7 +24751,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         onMouseEnter: () => editable && setIsHovering(true),
         onMouseLeave: () => editable && setIsHovering(false)
       },
-      /* @__PURE__ */ React229.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React229.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React229.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React229.createElement(
+      /* @__PURE__ */ React230.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React230.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React230.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React230.createElement(
         Group79,
         {
           gap: "xs",
@@ -24667,7 +24762,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 10
           }
         },
-        /* @__PURE__ */ React229.createElement(
+        /* @__PURE__ */ React230.createElement(
           BaseIconPicker,
           {
             opened,
@@ -24676,10 +24771,10 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             onSelectIcon: (name) => handleSelectLogoIcon(name),
             onUploadClick: () => logoFileInputRef.current?.click()
           },
-          /* @__PURE__ */ React229.createElement(CoverImageButton, { onClick: open }, "Add icon")
+          /* @__PURE__ */ React230.createElement(CoverImageButton, { onClick: open }, "Add icon")
         ),
-        /* @__PURE__ */ React229.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
-      ), logoSrc && /* @__PURE__ */ React229.createElement(
+        /* @__PURE__ */ React230.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
+      ), logoSrc && /* @__PURE__ */ React230.createElement(
         Box43,
         {
           style: {
@@ -24693,8 +24788,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 11
           }
         },
-        /* @__PURE__ */ React229.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
-        editable && isHovering && /* @__PURE__ */ React229.createElement(
+        /* @__PURE__ */ React230.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
+        editable && isHovering && /* @__PURE__ */ React230.createElement(
           "div",
           {
             style: {
@@ -24709,7 +24804,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               alignItems: "center"
             }
           },
-          /* @__PURE__ */ React229.createElement(
+          /* @__PURE__ */ React230.createElement(
             BaseIconPicker,
             {
               opened,
@@ -24718,15 +24813,15 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               onSelectIcon: (name) => handleSelectLogoIcon(name),
               onUploadClick: () => logoFileInputRef.current?.click()
             },
-            /* @__PURE__ */ React229.createElement(CoverImageButton, { onClick: open }, "Change")
+            /* @__PURE__ */ React230.createElement(CoverImageButton, { onClick: open }, "Change")
           ),
-          /* @__PURE__ */ React229.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
-          /* @__PURE__ */ React229.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
+          /* @__PURE__ */ React230.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
+          /* @__PURE__ */ React230.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
         )
       ))
     );
   }
-  return /* @__PURE__ */ React229.createElement(
+  return /* @__PURE__ */ React230.createElement(
     Box43,
     {
       style: {
@@ -24746,7 +24841,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
       onMouseMove: handleMouseMove,
       onClick: () => isRepositioning && setIsRepositioning(false)
     },
-    /* @__PURE__ */ React229.createElement(
+    /* @__PURE__ */ React230.createElement(
       "img",
       {
         src: coverUrl,
@@ -24764,7 +24859,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         }
       }
     ),
-    editable && isHovering && /* @__PURE__ */ React229.createElement(
+    editable && isHovering && /* @__PURE__ */ React230.createElement(
       Group79,
       {
         gap: "xs",
@@ -24775,11 +24870,11 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 10
         }
       },
-      /* @__PURE__ */ React229.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Change cover"),
-      /* @__PURE__ */ React229.createElement(CoverImageButton, { onClick: () => setIsRepositioning(!isRepositioning), isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
-      /* @__PURE__ */ React229.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove")
+      /* @__PURE__ */ React230.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Change cover"),
+      /* @__PURE__ */ React230.createElement(CoverImageButton, { onClick: () => setIsRepositioning(!isRepositioning), isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
+      /* @__PURE__ */ React230.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove")
     ),
-    /* @__PURE__ */ React229.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React229.createElement(
+    /* @__PURE__ */ React230.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React230.createElement(
       Box43,
       {
         style: {
@@ -24791,8 +24886,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 11
         }
       },
-      logoSrc && /* @__PURE__ */ React229.createElement(PageIcon, { src: logoSrc, iconSize: 64 }),
-      editable && isHovering && /* @__PURE__ */ React229.createElement(React229.Fragment, null, logoSrc ? /* @__PURE__ */ React229.createElement(
+      logoSrc && /* @__PURE__ */ React230.createElement(PageIcon, { src: logoSrc, iconSize: 64 }),
+      editable && isHovering && /* @__PURE__ */ React230.createElement(React230.Fragment, null, logoSrc ? /* @__PURE__ */ React230.createElement(
         Group79,
         {
           gap: "xs",
@@ -24803,7 +24898,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 12
           }
         },
-        /* @__PURE__ */ React229.createElement(
+        /* @__PURE__ */ React230.createElement(
           BaseIconPicker,
           {
             opened,
@@ -24812,10 +24907,10 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             onSelectIcon: (name) => handleSelectLogoIcon(name),
             onUploadClick: () => logoFileInputRef.current?.click()
           },
-          /* @__PURE__ */ React229.createElement(CoverImageButton, { onClick: open }, "Change")
+          /* @__PURE__ */ React230.createElement(CoverImageButton, { onClick: open }, "Change")
         ),
-        /* @__PURE__ */ React229.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
-      ) : /* @__PURE__ */ React229.createElement(
+        /* @__PURE__ */ React230.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
+      ) : /* @__PURE__ */ React230.createElement(
         CoverImageButton,
         {
           onClick: open,
@@ -24830,13 +24925,13 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         "Add icon"
       ))
     )),
-    /* @__PURE__ */ React229.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
-    /* @__PURE__ */ React229.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
+    /* @__PURE__ */ React230.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
+    /* @__PURE__ */ React230.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
   );
 }
 
 // src/mantine/components/PageHeader.tsx
-import React230, { useState as useState84, useRef as useRef19, useEffect as useEffect68 } from "react";
+import React231, { useState as useState85, useRef as useRef19, useEffect as useEffect69 } from "react";
 function PageHeader({
   title = "New page",
   icon,
@@ -24847,9 +24942,9 @@ function PageHeader({
   isFavorited = false,
   menuItems = []
 }) {
-  const [isMenuOpen, setIsMenuOpen] = useState84(false);
+  const [isMenuOpen, setIsMenuOpen] = useState85(false);
   const menuRef = useRef19(null);
-  useEffect68(() => {
+  useEffect69(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         setIsMenuOpen(false);
@@ -24868,14 +24963,14 @@ function PageHeader({
       setIsMenuOpen(false);
     }
   };
-  return /* @__PURE__ */ React230.createElement("div", { style: styles.container }, /* @__PURE__ */ React230.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React230.createElement("span", { style: styles.icon }, icon || "\u{1F4C4}"), /* @__PURE__ */ React230.createElement("span", { style: styles.title }, title), isPrivate && /* @__PURE__ */ React230.createElement("button", { style: styles.privacyBadge }, /* @__PURE__ */ React230.createElement("span", { style: styles.lockIcon }, "\u{1F512}"), /* @__PURE__ */ React230.createElement("span", null, "Private"), /* @__PURE__ */ React230.createElement("span", { style: styles.chevron }, "\u25BE"))), /* @__PURE__ */ React230.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React230.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React230.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React230.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React230.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React230.createElement(
+  return /* @__PURE__ */ React231.createElement("div", { style: styles.container }, /* @__PURE__ */ React231.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React231.createElement("span", { style: styles.icon }, icon || "\u{1F4C4}"), /* @__PURE__ */ React231.createElement("span", { style: styles.title }, title), isPrivate && /* @__PURE__ */ React231.createElement("button", { style: styles.privacyBadge }, /* @__PURE__ */ React231.createElement("span", { style: styles.lockIcon }, "\u{1F512}"), /* @__PURE__ */ React231.createElement("span", null, "Private"), /* @__PURE__ */ React231.createElement("span", { style: styles.chevron }, "\u25BE"))), /* @__PURE__ */ React231.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React231.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React231.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React231.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React231.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React231.createElement(
     "button",
     {
       style: styles.menuButton,
       onClick: () => setIsMenuOpen(!isMenuOpen),
       "aria-label": "Menu"
     },
-    /* @__PURE__ */ React230.createElement(
+    /* @__PURE__ */ React231.createElement(
       "svg",
       {
         width: "16",
@@ -24883,11 +24978,11 @@ function PageHeader({
         viewBox: "0 0 16 16",
         fill: "currentColor"
       },
-      /* @__PURE__ */ React230.createElement("circle", { cx: "3", cy: "8", r: "1.5" }),
-      /* @__PURE__ */ React230.createElement("circle", { cx: "8", cy: "8", r: "1.5" }),
-      /* @__PURE__ */ React230.createElement("circle", { cx: "13", cy: "8", r: "1.5" })
+      /* @__PURE__ */ React231.createElement("circle", { cx: "3", cy: "8", r: "1.5" }),
+      /* @__PURE__ */ React231.createElement("circle", { cx: "8", cy: "8", r: "1.5" }),
+      /* @__PURE__ */ React231.createElement("circle", { cx: "13", cy: "8", r: "1.5" })
     )
-  ), isMenuOpen && /* @__PURE__ */ React230.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React230.createElement(React230.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React230.createElement("div", { style: styles.divider }), /* @__PURE__ */ React230.createElement(
+  ), isMenuOpen && /* @__PURE__ */ React231.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React231.createElement(React231.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React231.createElement("div", { style: styles.divider }), /* @__PURE__ */ React231.createElement(
     "button",
     {
       style: {
@@ -24897,8 +24992,8 @@ function PageHeader({
       onClick: () => handleMenuItemClick(item),
       disabled: item.disabled
     },
-    item.icon && /* @__PURE__ */ React230.createElement("span", { style: styles.menuItemIcon }, item.icon),
-    /* @__PURE__ */ React230.createElement("span", null, item.label)
+    item.icon && /* @__PURE__ */ React231.createElement("span", { style: styles.menuItemIcon }, item.icon),
+    /* @__PURE__ */ React231.createElement("span", null, item.label)
   )))))));
 }
 var styles = {
@@ -25029,7 +25124,7 @@ var styles = {
 };
 
 // src/mantine/components/ExternalDropZone.tsx
-import React231, { useCallback as useCallback67, useEffect as useEffect69, useRef as useRef20, useState as useState85 } from "react";
+import React232, { useCallback as useCallback67, useEffect as useEffect70, useRef as useRef20, useState as useState86 } from "react";
 import { Box as Box44 } from "@mantine/core";
 var SCROLL_ZONE_SIZE = 80;
 var SCROLL_SPEED = 12;
@@ -25043,9 +25138,9 @@ var ExternalDropZone = ({
   children
 }) => {
   const containerRef = useRef20(null);
-  const [isValidDrag, setIsValidDrag] = useState85(false);
-  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState85(false);
-  const [indicatorStyle, setIndicatorStyle] = useState85({});
+  const [isValidDrag, setIsValidDrag] = useState86(false);
+  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState86(false);
+  const [indicatorStyle, setIndicatorStyle] = useState86({});
   const dropPositionRef = useRef20(null);
   const scrollAnimationRef = useRef20(null);
   const scrollDirectionRef = useRef20(null);
@@ -25205,7 +25300,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  useEffect69(() => {
+  useEffect70(() => {
     const handleGlobalDragEnd = () => {
       setIsValidDrag(false);
       dropPositionRef.current = null;
@@ -25263,7 +25358,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer]
   );
-  useEffect69(() => {
+  useEffect70(() => {
     if (!isPlacementMode) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -25286,13 +25381,13 @@ var ExternalDropZone = ({
       document.removeEventListener("click", handleGlobalClick, true);
     };
   }, [isPlacementMode, onPlacementCancel]);
-  useEffect69(() => {
+  useEffect70(() => {
     if (!isPlacementMode) {
       setIsHoveringInPlacementMode(false);
       dropPositionRef.current = null;
     }
   }, [isPlacementMode]);
-  useEffect69(() => {
+  useEffect70(() => {
     const isActive = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
     if (isActive) {
       document.body.classList.add("external-artifact-drag-active");
@@ -25303,18 +25398,18 @@ var ExternalDropZone = ({
       document.body.classList.remove("external-artifact-drag-active");
     };
   }, [isValidDrag, isPlacementMode, isHoveringInPlacementMode]);
-  useEffect69(() => {
+  useEffect70(() => {
     return () => {
       if (scrollAnimationRef.current) {
         cancelAnimationFrame(scrollAnimationRef.current);
       }
     };
   }, []);
-  const indicatorWithPosition = dropIndicator && React231.isValidElement(dropIndicator) ? React231.cloneElement(dropIndicator, {
+  const indicatorWithPosition = dropIndicator && React232.isValidElement(dropIndicator) ? React232.cloneElement(dropIndicator, {
     indicatorTop: typeof indicatorStyle.top === "number" ? indicatorStyle.top : void 0
   }) : dropIndicator;
   const shouldShowIndicator = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
-  return /* @__PURE__ */ React231.createElement(
+  return /* @__PURE__ */ React232.createElement(
     Box44,
     {
       ref: containerRef,
@@ -25330,7 +25425,7 @@ var ExternalDropZone = ({
       "data-placement-mode": isPlacementMode ? "true" : void 0
     },
     children,
-    isPlacementMode && /* @__PURE__ */ React231.createElement(
+    isPlacementMode && /* @__PURE__ */ React232.createElement(
       Box44,
       {
         style: {
@@ -25350,19 +25445,19 @@ var ExternalDropZone = ({
         onWheel: handleOverlayWheel
       }
     ),
-    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React231.createElement(Box44, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
+    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React232.createElement(Box44, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
   );
 };
 
 // src/mantine/IxoEditor.tsx
-import React233 from "react";
+import React234 from "react";
 import { getDefaultReactSlashMenuItems, SuggestionMenuController } from "@blocknote/react";
 import { BlockNoteView } from "@blocknote/mantine";
 import { filterSuggestionItems } from "@blocknote/core";
 import { MantineProvider } from "@mantine/core";
 
 // src/mantine/components/PanelContent.tsx
-import React232 from "react";
+import React233 from "react";
 import { Box as Box45 } from "@mantine/core";
 var panelStyles = {
   light: {
@@ -25392,7 +25487,7 @@ function PanelContent({ theme }) {
   const { activePanel, registeredPanels } = usePanelStore();
   const isOpen = activePanel !== null;
   const content = activePanel ? registeredPanels.get(activePanel) : null;
-  return /* @__PURE__ */ React232.createElement(
+  return /* @__PURE__ */ React233.createElement(
     Box45,
     {
       pos: "sticky",
@@ -25433,7 +25528,7 @@ function IxoEditorContent({
 }) {
   const { activePanel } = usePanelStore();
   const isPanelOpen = activePanel !== null;
-  const editorContent = /* @__PURE__ */ React233.createElement(
+  const editorContent = /* @__PURE__ */ React234.createElement(
     BlockNoteView,
     {
       editor,
@@ -25448,7 +25543,7 @@ function IxoEditorContent({
       onChange,
       onSelectionChange
     },
-    config.slashMenu && /* @__PURE__ */ React233.createElement(
+    config.slashMenu && /* @__PURE__ */ React234.createElement(
       SuggestionMenuController,
       {
         triggerCharacter: "/",
@@ -25461,7 +25556,7 @@ function IxoEditorContent({
     ),
     children
   );
-  return /* @__PURE__ */ React233.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React233.createElement(
+  return /* @__PURE__ */ React234.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React234.createElement(
     "div",
     {
       className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`,
@@ -25470,9 +25565,9 @@ function IxoEditorContent({
         transition: "width 0.2s ease"
       }
     },
-    selfNav && /* @__PURE__ */ React233.createElement(PageHeader, { ...pageHeaderProps }),
-    /* @__PURE__ */ React233.createElement(CoverImage, { coverImageUrl, logoUrl }),
-    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React233.createElement(
+    selfNav && /* @__PURE__ */ React234.createElement(PageHeader, { ...pageHeaderProps }),
+    /* @__PURE__ */ React234.createElement(CoverImage, { coverImageUrl, logoUrl }),
+    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React234.createElement(
       ExternalDropZone,
       {
         editor,
@@ -25485,7 +25580,7 @@ function IxoEditorContent({
       },
       editorContent
     ) : editorContent
-  ), isPanelVisible && /* @__PURE__ */ React233.createElement(PanelContent, { theme: config.theme }));
+  ), isPanelVisible && /* @__PURE__ */ React234.createElement(PanelContent, { theme: config.theme }));
 }
 function IxoEditor({
   editor,
@@ -25525,7 +25620,7 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React233.createElement(
+  const editorContent = /* @__PURE__ */ React234.createElement(
     BlocknoteProvider,
     {
       editor,
@@ -25537,7 +25632,7 @@ function IxoEditor({
       dynamicListPanelRenderer,
       domainCardRenderer
     },
-    /* @__PURE__ */ React233.createElement(
+    /* @__PURE__ */ React234.createElement(
       IxoEditorContent,
       {
         isPanelVisible,
@@ -25561,14 +25656,14 @@ function IxoEditor({
     )
   );
   if (mantineTheme) {
-    return /* @__PURE__ */ React233.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
+    return /* @__PURE__ */ React234.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
   return editorContent;
 }
 
 // src/mantine/components/EntitySigningSetup.tsx
-import React234, { useState as useState86 } from "react";
-import { Modal as Modal3, Stack as Stack148, Text as Text123, TextInput as TextInput8, Button as Button39, Alert as Alert30, Group as Group80 } from "@mantine/core";
+import React235, { useState as useState87 } from "react";
+import { Modal as Modal3, Stack as Stack148, Text as Text123, TextInput as TextInput8, Button as Button39, Alert as Alert31, Group as Group80 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle14, IconCheck as IconCheck13, IconKey as IconKey2 } from "@tabler/icons-react";
 var EntitySigningSetup = ({
   opened,
@@ -25577,11 +25672,11 @@ var EntitySigningSetup = ({
   entityName,
   onSetup
 }) => {
-  const [pin, setPin] = useState86("");
-  const [confirmPin, setConfirmPin] = useState86("");
-  const [loading, setLoading] = useState86(false);
-  const [error, setError] = useState86(null);
-  const [success, setSuccess] = useState86(false);
+  const [pin, setPin] = useState87("");
+  const [confirmPin, setConfirmPin] = useState87("");
+  const [loading, setLoading] = useState87(false);
+  const [error, setError] = useState87(null);
+  const [success, setSuccess] = useState87(false);
   const handleSetup = async () => {
     if (pin.length < 4) {
       setError("PIN must be at least 4 characters");
@@ -25621,15 +25716,15 @@ var EntitySigningSetup = ({
       setSuccess(false);
     }
   };
-  return /* @__PURE__ */ React234.createElement(
+  return /* @__PURE__ */ React235.createElement(
     Modal3,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React234.createElement(Group80, { gap: "xs" }, /* @__PURE__ */ React234.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React234.createElement(Text123, { fw: 600 }, "Entity Signing Setup")),
+      title: /* @__PURE__ */ React235.createElement(Group80, { gap: "xs" }, /* @__PURE__ */ React235.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React235.createElement(Text123, { fw: 600 }, "Entity Signing Setup")),
       size: "md"
     },
-    /* @__PURE__ */ React234.createElement(Stack148, { gap: "md" }, success ? /* @__PURE__ */ React234.createElement(Alert30, { color: "green", icon: /* @__PURE__ */ React234.createElement(IconCheck13, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React234.createElement(React234.Fragment, null, /* @__PURE__ */ React234.createElement(Text123, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React234.createElement(Text123, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React234.createElement(Alert30, { color: "blue", variant: "light" }, /* @__PURE__ */ React234.createElement(Text123, { size: "sm" }, "This is a ", /* @__PURE__ */ React234.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React234.createElement(Stack148, { gap: "xs" }, /* @__PURE__ */ React234.createElement(Text123, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React234.createElement(Text123, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React234.createElement(Text123, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React234.createElement(Text123, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React234.createElement(
+    /* @__PURE__ */ React235.createElement(Stack148, { gap: "md" }, success ? /* @__PURE__ */ React235.createElement(Alert31, { color: "green", icon: /* @__PURE__ */ React235.createElement(IconCheck13, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React235.createElement(React235.Fragment, null, /* @__PURE__ */ React235.createElement(Text123, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React235.createElement(Text123, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React235.createElement(Alert31, { color: "blue", variant: "light" }, /* @__PURE__ */ React235.createElement(Text123, { size: "sm" }, "This is a ", /* @__PURE__ */ React235.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React235.createElement(Stack148, { gap: "xs" }, /* @__PURE__ */ React235.createElement(Text123, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React235.createElement(Text123, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React235.createElement(Text123, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React235.createElement(Text123, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React235.createElement(
       TextInput8,
       {
         label: "Enter PIN to encrypt signing key",
@@ -25640,7 +25735,7 @@ var EntitySigningSetup = ({
         onChange: (e) => setPin(e.currentTarget.value),
         disabled: loading
       }
-    ), /* @__PURE__ */ React234.createElement(
+    ), /* @__PURE__ */ React235.createElement(
       TextInput8,
       {
         label: "Confirm PIN",
@@ -25650,12 +25745,12 @@ var EntitySigningSetup = ({
         onChange: (e) => setConfirmPin(e.currentTarget.value),
         disabled: loading
       }
-    ), error && /* @__PURE__ */ React234.createElement(Alert30, { color: "red", icon: /* @__PURE__ */ React234.createElement(IconAlertCircle14, { size: 16 }) }, error), /* @__PURE__ */ React234.createElement(Group80, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React234.createElement(Button39, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React234.createElement(
+    ), error && /* @__PURE__ */ React235.createElement(Alert31, { color: "red", icon: /* @__PURE__ */ React235.createElement(IconAlertCircle14, { size: 16 }) }, error), /* @__PURE__ */ React235.createElement(Group80, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React235.createElement(Button39, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React235.createElement(
       Button39,
       {
         onClick: handleSetup,
         loading,
-        leftSection: /* @__PURE__ */ React234.createElement(IconKey2, { size: 16 })
+        leftSection: /* @__PURE__ */ React235.createElement(IconKey2, { size: 16 })
       },
       "Setup Entity Signing"
     ))))
@@ -25663,8 +25758,8 @@ var EntitySigningSetup = ({
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
-import React235, { useState as useState87, useEffect as useEffect70, useMemo as useMemo83 } from "react";
-import { Stack as Stack149, Text as Text124, Paper as Paper19, Group as Group81, Badge as Badge40, Button as Button40, ActionIcon as ActionIcon36, Loader as Loader29, Alert as Alert31, Divider as Divider19 } from "@mantine/core";
+import React236, { useState as useState88, useEffect as useEffect71, useMemo as useMemo83 } from "react";
+import { Stack as Stack149, Text as Text124, Paper as Paper19, Group as Group81, Badge as Badge40, Button as Button40, ActionIcon as ActionIcon36, Loader as Loader30, Alert as Alert32, Divider as Divider19 } from "@mantine/core";
 import { IconPlus as IconPlus7, IconTrash as IconTrash8, IconShieldCheck as IconShieldCheck2, IconUser as IconUser5, IconRobot as IconRobot4, IconBuilding } from "@tabler/icons-react";
 var FlowPermissionsPanel = ({
   editor,
@@ -25674,11 +25769,11 @@ var FlowPermissionsPanel = ({
   onRevokePermission,
   getUserDisplayName
 }) => {
-  const [delegations, setDelegations] = useState87([]);
-  const [loading, setLoading] = useState87(true);
-  const [revoking, setRevoking] = useState87(null);
+  const [delegations, setDelegations] = useState88([]);
+  const [loading, setLoading] = useState88(true);
+  const [revoking, setRevoking] = useState88(null);
   const rootCapability = useMemo83(() => editor.getRootCapability?.(), [editor]);
-  useEffect70(() => {
+  useEffect71(() => {
     const loadDelegations = async () => {
       setLoading(true);
       const allDelegations = editor.getAllDelegations?.() || [];
@@ -25717,11 +25812,11 @@ var FlowPermissionsPanel = ({
   const getIcon2 = (type) => {
     switch (type) {
       case "oracle":
-        return /* @__PURE__ */ React235.createElement(IconRobot4, { size: 16 });
+        return /* @__PURE__ */ React236.createElement(IconRobot4, { size: 16 });
       case "entity":
-        return /* @__PURE__ */ React235.createElement(IconBuilding, { size: 16 });
+        return /* @__PURE__ */ React236.createElement(IconBuilding, { size: 16 });
       default:
-        return /* @__PURE__ */ React235.createElement(IconUser5, { size: 16 });
+        return /* @__PURE__ */ React236.createElement(IconUser5, { size: 16 });
     }
   };
   const formatCapabilities = (caps) => {
@@ -25740,7 +25835,7 @@ var FlowPermissionsPanel = ({
     if (date < /* @__PURE__ */ new Date()) return "Expired";
     return date.toLocaleDateString();
   };
-  return /* @__PURE__ */ React235.createElement(Stack149, { gap: "md" }, /* @__PURE__ */ React235.createElement(Stack149, { gap: "xs" }, /* @__PURE__ */ React235.createElement(Text124, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React235.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React235.createElement(Group81, { gap: "xs" }, /* @__PURE__ */ React235.createElement(IconShieldCheck2, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React235.createElement(Stack149, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React235.createElement(Text124, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React235.createElement(Text124, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React235.createElement(Badge40, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React235.createElement(Divider19, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React235.createElement(Group81, { justify: "center", py: "xl" }, /* @__PURE__ */ React235.createElement(Loader29, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React235.createElement(Alert31, { color: "gray", variant: "light" }, /* @__PURE__ */ React235.createElement(Text124, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React235.createElement(Stack149, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React235.createElement(Paper19, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React235.createElement(Group81, { justify: "space-between" }, /* @__PURE__ */ React235.createElement(Group81, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React235.createElement(Stack149, { gap: 2 }, /* @__PURE__ */ React235.createElement(Text124, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React235.createElement(Text124, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React235.createElement(Group81, { gap: "xs" }, /* @__PURE__ */ React235.createElement(Text124, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React235.createElement(Text124, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React235.createElement(Text124, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React235.createElement(
+  return /* @__PURE__ */ React236.createElement(Stack149, { gap: "md" }, /* @__PURE__ */ React236.createElement(Stack149, { gap: "xs" }, /* @__PURE__ */ React236.createElement(Text124, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React236.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React236.createElement(Group81, { gap: "xs" }, /* @__PURE__ */ React236.createElement(IconShieldCheck2, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React236.createElement(Stack149, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React236.createElement(Text124, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React236.createElement(Text124, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React236.createElement(Badge40, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React236.createElement(Divider19, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React236.createElement(Group81, { justify: "center", py: "xl" }, /* @__PURE__ */ React236.createElement(Loader30, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React236.createElement(Alert32, { color: "gray", variant: "light" }, /* @__PURE__ */ React236.createElement(Text124, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React236.createElement(Stack149, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React236.createElement(Paper19, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React236.createElement(Group81, { justify: "space-between" }, /* @__PURE__ */ React236.createElement(Group81, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React236.createElement(Stack149, { gap: 2 }, /* @__PURE__ */ React236.createElement(Text124, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React236.createElement(Text124, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React236.createElement(Group81, { gap: "xs" }, /* @__PURE__ */ React236.createElement(Text124, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React236.createElement(Text124, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React236.createElement(Text124, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React236.createElement(
     ActionIcon36,
     {
       color: "red",
@@ -25749,11 +25844,11 @@ var FlowPermissionsPanel = ({
       loading: revoking === capability.id,
       disabled: !!revoking
     },
-    /* @__PURE__ */ React235.createElement(IconTrash8, { size: 16 })
-  ))))), /* @__PURE__ */ React235.createElement(
+    /* @__PURE__ */ React236.createElement(IconTrash8, { size: 16 })
+  ))))), /* @__PURE__ */ React236.createElement(
     Button40,
     {
-      leftSection: /* @__PURE__ */ React235.createElement(IconPlus7, { size: 16 }),
+      leftSection: /* @__PURE__ */ React236.createElement(IconPlus7, { size: 16 }),
       variant: "light",
       onClick: onGrantPermission
     },
@@ -25762,7 +25857,7 @@ var FlowPermissionsPanel = ({
 };
 
 // src/mantine/components/GrantPermissionModal.tsx
-import React236, { useState as useState88, useCallback as useCallback68 } from "react";
+import React237, { useState as useState89, useCallback as useCallback68 } from "react";
 import {
   Modal as Modal4,
   Stack as Stack150,
@@ -25771,10 +25866,10 @@ import {
   Button as Button41,
   Group as Group82,
   Radio as Radio6,
-  Checkbox as Checkbox12,
-  Alert as Alert32,
+  Checkbox as Checkbox13,
+  Alert as Alert33,
   Paper as Paper20,
-  Loader as Loader30,
+  Loader as Loader31,
   Badge as Badge41,
   ActionIcon as ActionIcon37,
   Divider as Divider20,
@@ -25794,20 +25889,20 @@ var GrantPermissionModal = ({
   const singleBlockMode = !!targetBlockId || blocks.length === 1;
   const fixedBlockId = targetBlockId || (blocks.length === 1 ? blocks[0].id : null);
   const fixedBlock = fixedBlockId ? blocks.find((b) => b.id === fixedBlockId) || blocks[0] : null;
-  const [recipientType, setRecipientType] = useState88("user");
-  const [searchQuery, setSearchQuery] = useState88("");
-  const [searchResults, setSearchResults] = useState88([]);
-  const [searching, setSearching] = useState88(false);
-  const [selectedRecipient, setSelectedRecipient] = useState88(null);
-  const [manualDid, setManualDid] = useState88("");
-  const [scopeType, setScopeType] = useState88("full");
-  const [selectedBlocks, setSelectedBlocks] = useState88([]);
-  const [expirationEnabled, setExpirationEnabled] = useState88(false);
-  const [expirationDays, setExpirationDays] = useState88(30);
-  const [canDelegate, setCanDelegate] = useState88(false);
-  const [pin, setPin] = useState88("");
-  const [loading, setLoading] = useState88(false);
-  const [error, setError] = useState88(null);
+  const [recipientType, setRecipientType] = useState89("user");
+  const [searchQuery, setSearchQuery] = useState89("");
+  const [searchResults, setSearchResults] = useState89([]);
+  const [searching, setSearching] = useState89(false);
+  const [selectedRecipient, setSelectedRecipient] = useState89(null);
+  const [manualDid, setManualDid] = useState89("");
+  const [scopeType, setScopeType] = useState89("full");
+  const [selectedBlocks, setSelectedBlocks] = useState89([]);
+  const [expirationEnabled, setExpirationEnabled] = useState89(false);
+  const [expirationDays, setExpirationDays] = useState89(30);
+  const [canDelegate, setCanDelegate] = useState89(false);
+  const [pin, setPin] = useState89("");
+  const [loading, setLoading] = useState89(false);
+  const [error, setError] = useState89(null);
   const handleSearch = useCallback68(async () => {
     if (searchQuery.length < 2) return;
     setSearching(true);
@@ -25895,29 +25990,29 @@ var GrantPermissionModal = ({
       resetForm();
     }
   };
-  return /* @__PURE__ */ React236.createElement(
+  return /* @__PURE__ */ React237.createElement(
     Modal4,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React236.createElement(Group82, { gap: "xs" }, /* @__PURE__ */ React236.createElement(IconShieldPlus4, { size: 20 }), /* @__PURE__ */ React236.createElement(Text125, { fw: 600 }, "Grant Permission")),
+      title: /* @__PURE__ */ React237.createElement(Group82, { gap: "xs" }, /* @__PURE__ */ React237.createElement(IconShieldPlus4, { size: 20 }), /* @__PURE__ */ React237.createElement(Text125, { fw: 600 }, "Grant Permission")),
       size: "lg"
     },
-    /* @__PURE__ */ React236.createElement(Stack150, { gap: "md" }, /* @__PURE__ */ React236.createElement(Stack150, { gap: "xs" }, /* @__PURE__ */ React236.createElement(Text125, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React236.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
+    /* @__PURE__ */ React237.createElement(Stack150, { gap: "md" }, /* @__PURE__ */ React237.createElement(Stack150, { gap: "xs" }, /* @__PURE__ */ React237.createElement(Text125, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React237.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
       setRecipientType(v);
       setSelectedRecipient(null);
       setSearchResults([]);
-    } }, /* @__PURE__ */ React236.createElement(Group82, null, /* @__PURE__ */ React236.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React236.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React236.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React236.createElement(Stack150, { gap: "xs" }, /* @__PURE__ */ React236.createElement(
+    } }, /* @__PURE__ */ React237.createElement(Group82, null, /* @__PURE__ */ React237.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React237.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React237.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React237.createElement(Stack150, { gap: "xs" }, /* @__PURE__ */ React237.createElement(
       TextInput9,
       {
         placeholder: recipientType === "oracle" ? "Search oracles..." : "Search users...",
-        leftSection: /* @__PURE__ */ React236.createElement(IconSearch7, { size: 16 }),
-        rightSection: searching ? /* @__PURE__ */ React236.createElement(Loader30, { size: 14 }) : null,
+        leftSection: /* @__PURE__ */ React237.createElement(IconSearch7, { size: 16 }),
+        rightSection: searching ? /* @__PURE__ */ React237.createElement(Loader31, { size: 14 }) : null,
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
         onKeyDown: (e) => e.key === "Enter" && handleSearch()
       }
-    ), selectedRecipient ? /* @__PURE__ */ React236.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React236.createElement(Group82, { justify: "space-between" }, /* @__PURE__ */ React236.createElement(Group82, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React236.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React236.createElement(IconUser6, { size: 16 }), /* @__PURE__ */ React236.createElement(Text125, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React236.createElement(Badge41, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React236.createElement(ActionIcon37, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React236.createElement(IconX12, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React236.createElement(Paper20, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React236.createElement(Stack150, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React236.createElement(
+    ), selectedRecipient ? /* @__PURE__ */ React237.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React237.createElement(Group82, { justify: "space-between" }, /* @__PURE__ */ React237.createElement(Group82, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React237.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React237.createElement(IconUser6, { size: 16 }), /* @__PURE__ */ React237.createElement(Text125, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React237.createElement(Badge41, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React237.createElement(ActionIcon37, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React237.createElement(IconX12, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React237.createElement(Paper20, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React237.createElement(Stack150, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React237.createElement(
       Button41,
       {
         key: result.did,
@@ -25927,7 +26022,7 @@ var GrantPermissionModal = ({
         onClick: () => setSelectedRecipient(result)
       },
       result.displayName
-    )))) : null) : /* @__PURE__ */ React236.createElement(
+    )))) : null) : /* @__PURE__ */ React237.createElement(
       TextInput9,
       {
         label: "Recipient DID",
@@ -25935,13 +26030,13 @@ var GrantPermissionModal = ({
         value: manualDid,
         onChange: (e) => setManualDid(e.currentTarget.value)
       }
-    ), /* @__PURE__ */ React236.createElement(Divider20, null), /* @__PURE__ */ React236.createElement(Stack150, { gap: "xs" }, /* @__PURE__ */ React236.createElement(Text125, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
+    ), /* @__PURE__ */ React237.createElement(Divider20, null), /* @__PURE__ */ React237.createElement(Stack150, { gap: "xs" }, /* @__PURE__ */ React237.createElement(Text125, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
       // Single block mode: show fixed block info
-      /* @__PURE__ */ React236.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React236.createElement(Group82, { gap: "xs" }, /* @__PURE__ */ React236.createElement(Badge41, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React236.createElement(Text125, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React236.createElement(Text125, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
+      /* @__PURE__ */ React237.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React237.createElement(Group82, { gap: "xs" }, /* @__PURE__ */ React237.createElement(Badge41, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React237.createElement(Text125, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React237.createElement(Text125, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
     ) : (
       // Multi-block mode: show scope selection
-      /* @__PURE__ */ React236.createElement(React236.Fragment, null, /* @__PURE__ */ React236.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React236.createElement(Stack150, { gap: "xs" }, /* @__PURE__ */ React236.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React236.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React236.createElement(Paper20, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React236.createElement(Stack150, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React236.createElement(
-        Checkbox12,
+      /* @__PURE__ */ React237.createElement(React237.Fragment, null, /* @__PURE__ */ React237.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React237.createElement(Stack150, { gap: "xs" }, /* @__PURE__ */ React237.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React237.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React237.createElement(Paper20, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React237.createElement(Stack150, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React237.createElement(
+        Checkbox13,
         {
           key: block.id,
           label: block.name || `${block.type} (${block.id.slice(-8)})`,
@@ -25955,14 +26050,14 @@ var GrantPermissionModal = ({
           }
         }
       )))))
-    )), /* @__PURE__ */ React236.createElement(Divider20, null), /* @__PURE__ */ React236.createElement(Stack150, { gap: "xs" }, /* @__PURE__ */ React236.createElement(
-      Checkbox12,
+    )), /* @__PURE__ */ React237.createElement(Divider20, null), /* @__PURE__ */ React237.createElement(Stack150, { gap: "xs" }, /* @__PURE__ */ React237.createElement(
+      Checkbox13,
       {
         label: "Set expiration",
         checked: expirationEnabled,
         onChange: (e) => setExpirationEnabled(e.currentTarget.checked)
       }
-    ), expirationEnabled && /* @__PURE__ */ React236.createElement(
+    ), expirationEnabled && /* @__PURE__ */ React237.createElement(
       NumberInput3,
       {
         label: "Expires in (days)",
@@ -25972,15 +26067,15 @@ var GrantPermissionModal = ({
         min: 1,
         max: 365
       }
-    )), /* @__PURE__ */ React236.createElement(
-      Checkbox12,
+    )), /* @__PURE__ */ React237.createElement(
+      Checkbox13,
       {
         label: "Recipient can grant permissions to others",
         description: "Allow this recipient to delegate their permissions",
         checked: canDelegate,
         onChange: (e) => setCanDelegate(e.currentTarget.checked)
       }
-    ), /* @__PURE__ */ React236.createElement(Divider20, null), /* @__PURE__ */ React236.createElement(
+    ), /* @__PURE__ */ React237.createElement(Divider20, null), /* @__PURE__ */ React237.createElement(
       TextInput9,
       {
         label: "Enter your PIN to sign this delegation",
@@ -25989,7 +26084,7 @@ var GrantPermissionModal = ({
         value: pin,
         onChange: (e) => setPin(e.currentTarget.value)
       }
-    ), error && /* @__PURE__ */ React236.createElement(Alert32, { color: "red" }, error), /* @__PURE__ */ React236.createElement(Group82, { justify: "flex-end" }, /* @__PURE__ */ React236.createElement(Button41, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React236.createElement(Button41, { onClick: handleGrant, loading }, "Grant Permission")))
+    ), error && /* @__PURE__ */ React237.createElement(Alert33, { color: "red" }, error), /* @__PURE__ */ React237.createElement(Group82, { justify: "flex-end" }, /* @__PURE__ */ React237.createElement(Button41, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React237.createElement(Button41, { onClick: handleGrant, loading }, "Grant Permission")))
   );
 };
 
@@ -26105,4 +26200,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-BHBXPXWA.mjs.map
+//# sourceMappingURL=chunk-5CXU2GBG.mjs.map