@ixo/editor 2.24.0 → 2.25.0

package/dist/{chunk-HEO27URH.mjs → chunk-44NJWFQK.mjs}

@@ -1198,6 +1198,26 @@ var CONDITIONABLE_PROPERTIES = {
       type: "string",
       description: "Description of the governance group block"
     }
+  ],
+  flowLink: [
+    {
+      name: "title",
+      displayName: "Title",
+      type: "string",
+      description: "Block title"
+    },
+    {
+      name: "description",
+      displayName: "Description",
+      type: "string",
+      description: "Block description"
+    },
+    {
+      name: "linksCount",
+      displayName: "Links count",
+      type: "number",
+      description: "Number of configured links"
+    }
   ]
 };
 function getConditionableProperties(blockType, block) {
@@ -1362,7 +1382,16 @@ function PropertyValueInput({ property, value, onChange, disabled = false }) {
 import { Card } from "@mantine/core";
 import React8 from "react";
 function BaseContainer({ children, onClick, style }) {
-  return /* @__PURE__ */ React8.createElement(Card, { withBorder: true, radius: "lg", style: { width: "100%", cursor: onClick ? "pointer" : "default", position: "relative", ...style }, onClick }, children);
+  return /* @__PURE__ */ React8.createElement(
+    Card,
+    {
+      withBorder: true,
+      radius: "lg",
+      style: { width: "100%", borderColor: "var(--mantine-color-neutralColor-6)", cursor: onClick ? "pointer" : "default", position: "relative", ...style },
+      onClick
+    },
+    children
+  );
 }
 
 // src/mantine/blocks/components/ConditionBuilder/ConditionRow.tsx
@@ -2016,7 +2045,8 @@ import {
   IconMail,
   IconFeather,
   IconDotsCircleHorizontal,
-  IconUsers as IconUsers2
+  IconUsers as IconUsers2,
+  IconExternalLink
 } from "@tabler/icons-react";
 var ICON_MAP = {
   "square-check": IconSquareCheck,
@@ -2031,7 +2061,8 @@ var ICON_MAP = {
   mail: IconMail,
   feather: IconFeather,
   "dots-circle": IconDotsCircleHorizontal,
-  users: IconUsers2
+  users: IconUsers2,
+  "external-link": IconExternalLink
 };
 var getIcon = (fallback = "square-check", key, color = "white", size = 26, stroke = 1.5) => {
   const validKey = key in ICON_MAP ? key : fallback;
@@ -20821,6 +20852,359 @@ var GovernanceGroupBlockSpec = createReactBlockSpec19(
   }
 );
 
+// src/mantine/blocks/flowLink/FlowLinkBlockSpec.tsx
+import React224 from "react";
+import { createReactBlockSpec as createReactBlockSpec20 } from "@blocknote/react";
+
+// src/mantine/blocks/flowLink/FlowLinkBlock.tsx
+import React223 from "react";
+
+// src/mantine/blocks/flowLink/template/TemplateView.tsx
+import React220, { useMemo as useMemo71 } from "react";
+import { Group as Group72, Stack as Stack142, Text as Text117 } from "@mantine/core";
+
+// src/mantine/blocks/flowLink/template/TemplateConfig.tsx
+import React219 from "react";
+
+// src/mantine/blocks/flowLink/template/GeneralTab.tsx
+import React217 from "react";
+import { Stack as Stack140 } from "@mantine/core";
+var GeneralTab16 = ({ title, description, icon, onTitleChange, onDescriptionChange, onIconChange }) => {
+  const iconOptions = Object.keys(ICON_MAP).map((key) => ({
+    value: key,
+    label: key.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ")
+  }));
+  return /* @__PURE__ */ React217.createElement(Stack140, { gap: "md" }, /* @__PURE__ */ React217.createElement(BaseTextInput, { label: "Title", placeholder: "Enter block title", value: title, onChange: (e) => onTitleChange(e.currentTarget.value) }), /* @__PURE__ */ React217.createElement(
+    BaseTextArea,
+    {
+      label: "Description",
+      placeholder: "Enter description (shown in panel)",
+      value: description,
+      onChange: (e) => onDescriptionChange(e.currentTarget.value),
+      minRows: 3
+    }
+  ), /* @__PURE__ */ React217.createElement(
+    BaseSelect,
+    {
+      label: "Icon",
+      placeholder: "Select an icon",
+      value: icon || "external-link",
+      onChange: (value) => onIconChange(value || "external-link"),
+      data: iconOptions,
+      searchable: true
+    }
+  ));
+};
+
+// src/mantine/blocks/flowLink/template/LinksTab.tsx
+import React218, { useMemo as useMemo70 } from "react";
+import { Stack as Stack141, Card as Card20, Group as Group71, ActionIcon as ActionIcon33, Text as Text116, Divider as Divider16 } 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";
+
+// src/core/utils/json.ts
+function safeParseJSONArray(jsonString) {
+  if (!jsonString || jsonString === "[]") {
+    return [];
+  }
+  try {
+    const parsed = JSON.parse(jsonString);
+    return Array.isArray(parsed) ? parsed : [];
+  } catch {
+    return [];
+  }
+}
+function generateId(prefix) {
+  return `${prefix}_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 10)}`;
+}
+
+// src/mantine/blocks/flowLink/template/LinksTab.tsx
+var DraggableLinkCard = ({ link, index, onRemove, onUpdate }) => {
+  const { attributes, listeners, setNodeRef: setDragRef, transform, isDragging } = useDraggable({ id: link.id });
+  const { setNodeRef: setDropRef, isOver } = useDroppable({ id: link.id });
+  const style = {
+    transform: transform ? `translate3d(${transform.x}px, ${transform.y}px, 0)` : void 0,
+    opacity: isDragging ? 0.5 : 1,
+    border: isOver ? "2px dashed var(--mantine-color-accent-5)" : void 0
+  };
+  return /* @__PURE__ */ React218.createElement("div", { ref: setDropRef }, /* @__PURE__ */ React218.createElement(Card20, { p: "sm", style }, /* @__PURE__ */ React218.createElement(Stack141, { gap: "xs" }, /* @__PURE__ */ React218.createElement(Group71, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React218.createElement(Group71, { gap: "xs", align: "center" }, /* @__PURE__ */ React218.createElement("div", { ref: setDragRef, ...listeners, ...attributes, style: { cursor: "grab", display: "flex", alignItems: "center" } }, /* @__PURE__ */ React218.createElement(IconGripVertical, { size: 16, color: "gray" })), /* @__PURE__ */ React218.createElement(Text116, { size: "xs", c: "dimmed" }, link.title || `Link ${index + 1}`)), /* @__PURE__ */ React218.createElement(ActionIcon33, { variant: "subtle", color: "red", size: "sm", onClick: () => onRemove(link.id) }, /* @__PURE__ */ React218.createElement(IconTrash7, { size: 14 }))), /* @__PURE__ */ React218.createElement(Divider16, null), /* @__PURE__ */ React218.createElement(BaseTextInput, { label: "Title", placeholder: "Link title", value: link.title, onChange: (e) => onUpdate(link.id, "title", e.currentTarget.value) }), /* @__PURE__ */ React218.createElement(
+    BaseTextInput,
+    {
+      label: "Description",
+      placeholder: "Optional text to place above the link title",
+      value: link.description,
+      onChange: (e) => onUpdate(link.id, "description", e.currentTarget.value)
+    }
+  ), /* @__PURE__ */ React218.createElement(
+    BaseTextInput,
+    {
+      label: "Document Room ID",
+      placeholder: "!roomId:matrix.server",
+      value: link.docRoomId,
+      onChange: (e) => onUpdate(link.id, "docRoomId", e.currentTarget.value),
+      description: "Matrix room ID of the target flow document"
+    }
+  ), /* @__PURE__ */ React218.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)
+    }
+  ))));
+};
+var LinksTab = ({ links, onLinksChange }) => {
+  const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 8 } }));
+  const sortedLinks = useMemo70(() => [...links].sort((a, b) => a.position - b.position), [links]);
+  const handleAddLink = () => {
+    const maxPosition = links.length > 0 ? Math.max(...links.map((l) => l.position)) : -1;
+    const newLink = {
+      id: generateId("link"),
+      docRoomId: "",
+      title: "",
+      captionText: "",
+      description: "",
+      position: maxPosition + 1
+    };
+    onLinksChange([...links, newLink]);
+  };
+  const handleRemoveLink = (id) => {
+    const filtered = links.filter((link) => link.id !== id);
+    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 handleDragEnd = (event) => {
+    const { active, over } = event;
+    if (!over || active.id === over.id) return;
+    const activeLink = links.find((l) => l.id === active.id);
+    const overLink = links.find((l) => l.id === over.id);
+    if (!activeLink || !overLink) return;
+    const oldIndex = sortedLinks.findIndex((l) => l.id === active.id);
+    const newIndex = sortedLinks.findIndex((l) => l.id === over.id);
+    const reordered = [...sortedLinks];
+    const [moved] = reordered.splice(oldIndex, 1);
+    reordered.splice(newIndex, 0, moved);
+    const updated = reordered.map((link, idx) => ({ ...link, position: idx }));
+    onLinksChange(updated);
+  };
+  return /* @__PURE__ */ React218.createElement(Stack141, { gap: "md" }, /* @__PURE__ */ React218.createElement(Group71, { justify: "space-between", align: "center" }, /* @__PURE__ */ React218.createElement(Text116, { size: "sm", fw: 500 }, "Flow Links"), /* @__PURE__ */ React218.createElement(BaseButton, { leftSection: /* @__PURE__ */ React218.createElement(IconPlus6, { size: 16 }), size: "xs", onClick: handleAddLink }, "Add Link")), links.length === 0 ? /* @__PURE__ */ React218.createElement(BaseContainer, null, /* @__PURE__ */ React218.createElement(Text116, { size: "sm", c: "dimmed", ta: "center" }, 'No links configured. Click "Add Link" to create a link to another flow.')) : /* @__PURE__ */ React218.createElement(DndContext, { sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd }, /* @__PURE__ */ React218.createElement(Stack141, { gap: "sm" }, sortedLinks.map((link, index) => /* @__PURE__ */ React218.createElement(DraggableLinkCard, { key: link.id, link, index, onRemove: handleRemoveLink, onUpdate: handleUpdateLink })))));
+};
+
+// src/mantine/blocks/flowLink/template/TemplateConfig.tsx
+var TemplateConfig16 = ({ editor, block }) => {
+  const { closePanel } = usePanelStore();
+  const updateProp = (key, value) => {
+    editor.updateBlock(block, { props: { ...block.props, [key]: value } });
+  };
+  const links = safeParseJSONArray(block.props.links);
+  const handleLinksChange = (newLinks) => {
+    updateProp("links", JSON.stringify(newLinks));
+  };
+  return /* @__PURE__ */ React219.createElement(BaseRightPanelLayout, { title: "Flow Link Settings", onClose: closePanel }, /* @__PURE__ */ React219.createElement(
+    ReusablePanel,
+    {
+      extraTabs: [
+        {
+          label: "General",
+          value: "general",
+          content: /* @__PURE__ */ React219.createElement(
+            GeneralTab16,
+            {
+              title: block.props.title || "",
+              description: block.props.description || "",
+              icon: block.props.icon || "external-link",
+              onTitleChange: (value) => updateProp("title", value),
+              onDescriptionChange: (value) => updateProp("description", value),
+              onIconChange: (value) => updateProp("icon", value)
+            }
+          )
+        },
+        {
+          label: "Links",
+          value: "links",
+          content: /* @__PURE__ */ React219.createElement(LinksTab, { links, onLinksChange: handleLinksChange })
+        }
+      ],
+      context: { editor, block }
+    }
+  ));
+};
+
+// src/mantine/blocks/flowLink/template/TemplateView.tsx
+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 = useMemo71(() => /* @__PURE__ */ React220.createElement(TemplateConfig16, { editor, block }), [editor, block]);
+  const { open } = usePanel(panelId, panelContent);
+  const links = safeParseJSONArray(block.props.links);
+  const linksCount = links.length;
+  return /* @__PURE__ */ React220.createElement(BaseContainer, { onClick: open }, /* @__PURE__ */ React220.createElement(Group72, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React220.createElement(Group72, { wrap: "nowrap", align: "center" }, getIcon("external-link", block.props.icon), /* @__PURE__ */ React220.createElement(Stack142, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React220.createElement(Text117, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Flow Link"), /* @__PURE__ */ React220.createElement(Text117, { 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 React222, { useMemo as useMemo72 } from "react";
+import { Badge as Badge38, Group as Group74, Stack as Stack144, Text as Text119, Tooltip as Tooltip25 } from "@mantine/core";
+
+// src/mantine/blocks/flowLink/flow/FlowLinkPanel.tsx
+import React221, { useState as useState75, useEffect as useEffect55, useCallback as useCallback59 } from "react";
+import { Stack as Stack143, Text as Text118, Card as Card21, Group as Group73, Badge as Badge37, ActionIcon as ActionIcon34, Loader as Loader27, Tooltip as Tooltip24 } from "@mantine/core";
+import { IconRefresh as IconRefresh8, 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] = useState75(links.map((link) => ({ ...link })));
+  const fetchStatuses = useCallback59(async () => {
+    if (!handlers.getFlowStatus) {
+      return;
+    }
+    setLinksWithStatus((prev) => prev.map((link) => ({ ...link, isLoading: true, error: void 0 })));
+    const updatedLinks = await Promise.all(
+      links.map(async (link) => {
+        try {
+          const statusData = await handlers.getFlowStatus(link.docRoomId);
+          return { ...link, statusData, isLoading: false };
+        } catch (err) {
+          return { ...link, isLoading: false, error: err instanceof Error ? err.message : "Failed to fetch status" };
+        }
+      })
+    );
+    setLinksWithStatus(updatedLinks);
+  }, [handlers, links]);
+  useEffect55(() => {
+    fetchStatuses();
+  }, []);
+  const handleNavigate = (docRoomId) => {
+    if (handlers.navigateToFlow) {
+      handlers.navigateToFlow(docRoomId);
+    }
+  };
+  const getStatusBadge = (link) => {
+    if (link.isLoading) {
+      return /* @__PURE__ */ React221.createElement(Badge37, { display: "inline-block", size: "sm", variant: "light", color: "gray", leftSection: /* @__PURE__ */ React221.createElement(Loader27, { size: 10 }) }, "Loading");
+    }
+    if (link.error) {
+      return /* @__PURE__ */ React221.createElement(Tooltip24, { label: link.error }, /* @__PURE__ */ React221.createElement(Badge37, { display: "inline-block", size: "sm", variant: "light", color: "red" }, "Error"));
+    }
+    if (!link.statusData) {
+      return null;
+    }
+    const status = link.statusData.status;
+    switch (status) {
+      case "completed":
+        return /* @__PURE__ */ React221.createElement(Badge37, { display: "inline-block", size: "sm", variant: "light", color: "green", leftSection: /* @__PURE__ */ React221.createElement(IconCheck12, { size: 12 }) }, "Completed");
+      case "in_progress":
+        return /* @__PURE__ */ React221.createElement(Badge37, { display: "inline-block", size: "sm", variant: "light", color: "blue", leftSection: /* @__PURE__ */ React221.createElement(IconClock3, { size: 12 }) }, "In Progress");
+      case "not_started":
+      default:
+        return /* @__PURE__ */ React221.createElement(Badge37, { display: "inline-block", size: "sm", variant: "light", color: "gray", leftSection: /* @__PURE__ */ React221.createElement(IconCircleDashed4, { size: 12 }) }, "Not Started");
+    }
+  };
+  return /* @__PURE__ */ React221.createElement(BaseRightPanelLayout, { title: block.props.title || "Flow Links", onClose: closePanel }, /* @__PURE__ */ React221.createElement(Stack143, { gap: "md" }, handlers.getFlowStatus && /* @__PURE__ */ React221.createElement(Tooltip24, { label: "Refresh status" }, /* @__PURE__ */ React221.createElement(ActionIcon34, { variant: "subtle", size: "sm", onClick: fetchStatuses }, /* @__PURE__ */ React221.createElement(IconRefresh8, { size: 16 }))), linksWithStatus.length === 0 ? /* @__PURE__ */ React221.createElement(Card21, { withBorder: true, p: "md", bg: "gray.0" }, /* @__PURE__ */ React221.createElement(Text118, { size: "sm", c: "dimmed", ta: "center" }, "No flow links configured.")) : /* @__PURE__ */ React221.createElement(Stack143, { gap: "sm" }, linksWithStatus.map((link) => /* @__PURE__ */ React221.createElement(Stack143, { key: link.id }, link.description && /* @__PURE__ */ React221.createElement(Text118, null, link.description), /* @__PURE__ */ React221.createElement(
+    BaseContainer,
+    {
+      onClick: () => handlers.navigateToFlow && handleNavigate(link.docRoomId),
+      style: { opacity: !handlers.navigateToFlow ? 0.6 : 1, minHeight: 84, cursor: !handlers.navigateToFlow ? "not-allowed" : "pointer" }
+    },
+    /* @__PURE__ */ React221.createElement(Group73, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("external-link", block.props.icon), /* @__PURE__ */ React221.createElement(Stack143, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React221.createElement(Group73, { gap: "xs", align: "center" }, /* @__PURE__ */ React221.createElement(Text118, { size: "sm", fw: 600 }, link.title || "Untitled Flow"), getStatusBadge(link)), link.captionText && /* @__PURE__ */ React221.createElement(Text118, { size: "sm", c: "dimmed", lineClamp: 2 }, link.captionText)), link.statusData?.completedAt && /* @__PURE__ */ React221.createElement(Text118, { size: "sm", c: "dimmed" }, "Completed: ", new Date(link.statusData.completedAt).toLocaleDateString()))
+  ))))));
+};
+
+// src/mantine/blocks/flowLink/flow/FlowView.tsx
+var FLOW_LINK_FLOW_PANEL_ID = "flow-link-flow-panel";
+var FlowLinkFlowView = ({ editor, block, isDisabled }) => {
+  const disabled = isDisabled?.isDisabled === "disable";
+  const links = safeParseJSONArray(block.props.links);
+  const linksCount = links.length;
+  const panelId = `${FLOW_LINK_FLOW_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo72(() => /* @__PURE__ */ React222.createElement(FlowLinkPanel, { editor, block }), [editor, block]);
+  const { open } = usePanel(panelId, panelContent);
+  const handleClick = () => {
+    if (!disabled) {
+      open();
+    }
+  };
+  const getBadgeProps = () => {
+    if (linksCount === 0) {
+      return { color: "neutralColor.5", text: "No links" };
+    }
+    return { color: "accent.5", text: `${linksCount} link${linksCount !== 1 ? "s" : ""}` };
+  };
+  const badgeProps = getBadgeProps();
+  const cardContent = /* @__PURE__ */ React222.createElement(BaseContainer, { onClick: handleClick, style: { opacity: disabled ? 0.6 : 1, cursor: disabled ? "not-allowed" : "pointer" } }, /* @__PURE__ */ React222.createElement(Group74, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("external-link", block.props.icon), /* @__PURE__ */ React222.createElement(Stack144, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React222.createElement(Group74, { gap: "xs", align: "center" }, /* @__PURE__ */ React222.createElement(Text119, { fw: 600, size: "sm" }, block.props.title || "Flow Link"), /* @__PURE__ */ React222.createElement(Badge38, { size: "xs", variant: "light", bg: badgeProps.color }, badgeProps.text)), /* @__PURE__ */ React222.createElement(Text119, { size: "xs", c: "dimmed", lineClamp: 2 }, block.props.description || (linksCount > 0 ? "Click to view links" : "No links configured")))));
+  if (disabled && isDisabled?.message) {
+    return /* @__PURE__ */ React222.createElement(Tooltip25, { label: isDisabled.message }, cardContent);
+  }
+  return cardContent;
+};
+
+// src/mantine/blocks/flowLink/FlowLinkBlock.tsx
+function FlowLinkBlock({ editor, block }) {
+  const { docType } = useBlocknoteContext();
+  const { actions } = useBlockConditions(block, editor);
+  if (docType === "template") {
+    return /* @__PURE__ */ React223.createElement(FlowLinkTemplateView, { editor, block });
+  }
+  const conditionConfig = parseConditionConfig(block.props.conditions);
+  const hasVisibility = hasVisibilityConditions(conditionConfig);
+  const showActionExists = actions.some((a) => a.action === "show");
+  const shouldHide = hasVisibility && !showActionExists;
+  if (shouldHide) {
+    return null;
+  }
+  const hasEnable = hasEnableConditions(conditionConfig);
+  const enableActionExists = actions.some((a) => a.action === "enable");
+  const shouldDisable = hasEnable && !enableActionExists;
+  return /* @__PURE__ */ React223.createElement(
+    FlowLinkFlowView,
+    {
+      block,
+      editor,
+      isDisabled: shouldDisable ? {
+        isDisabled: "disable",
+        message: "This block is currently disabled by conditions"
+      } : void 0
+    }
+  );
+}
+var FlowLinkBlock_default = FlowLinkBlock;
+
+// src/mantine/blocks/flowLink/FlowLinkBlockSpec.tsx
+var FlowLinkBlockSpec = createReactBlockSpec20(
+  {
+    type: "flowLink",
+    propSchema: {
+      title: {
+        default: ""
+      },
+      description: {
+        default: ""
+      },
+      icon: {
+        default: "external-link"
+      },
+      links: {
+        default: "[]"
+      },
+      conditions: {
+        default: ""
+      }
+    },
+    content: "none"
+  },
+  {
+    render: (props) => {
+      const ixoProps = props;
+      return /* @__PURE__ */ React224.createElement(FlowLinkBlock_default, { ...ixoProps });
+    }
+  }
+);
+
 // src/mantine/blocks/registry/blockRegistry.ts
 var BlockRegistry = class {
   constructor() {
@@ -20992,10 +21376,10 @@ blockRegistry.register({
 });
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo70, useEffect as useEffect55, useState as useState75, useCallback as useCallback59 } from "react";
+import { useMemo as useMemo73, useEffect as useEffect56, useState as useState76, useCallback as useCallback60 } from "react";
 
 // src/mantine/blocks/hooks/useDependsOn.ts
-import { useMemo as useMemo71 } from "react";
+import { useMemo as useMemo74 } from "react";
 
 // src/mantine/blocks/index.ts
 var blockSpecs = {
@@ -21017,7 +21401,8 @@ var blockSpecs = {
   form: FormBlockSpec,
   domainCreatorSign: DomainCreatorSignBlockSpec,
   domainCardViewer: DomainCardViewerBlockSpec,
-  governanceGroup: GovernanceGroupBlockSpec
+  governanceGroup: GovernanceGroupBlockSpec,
+  flowLink: FlowLinkBlockSpec
 };
 var getExtraSlashMenuItems = (editor) => {
   const slashMenuList = [
@@ -21457,6 +21842,30 @@ var getExtraSlashMenuItems = (editor) => {
       aliases: ["domain-card", "domain-viewer", "card-preview"],
       group: "Domains",
       subtext: "Preview domain card before signing"
+    },
+    {
+      title: "Flow Link",
+      onItemClick: () => {
+        editor.insertBlocks(
+          [
+            {
+              type: "flowLink",
+              props: {
+                title: "",
+                description: "",
+                icon: "external-link",
+                links: "[]",
+                conditions: ""
+              }
+            }
+          ],
+          editor.getTextCursorPosition().block,
+          "after"
+        );
+      },
+      aliases: ["flow-link", "link", "navigate", "redirect"],
+      group: "Flows",
+      subtext: "Link to other flow documents"
     }
   ];
   const yRoot = editor?._yRoot;
@@ -21537,15 +21946,15 @@ import { useCreateBlockNote as useCreateBlockNote2 } from "@blocknote/react";
 import { BlockNoteSchema as BlockNoteSchema2, defaultBlockSpecs as defaultBlockSpecs2, defaultInlineContentSpecs as defaultInlineContentSpecs2, defaultStyleSpecs as defaultStyleSpecs2 } from "@blocknote/core";
 
 // src/core/hooks/useMatrixProvider.ts
-import { useEffect as useEffect56, useState as useState76, useRef as useRef12, useCallback as useCallback60, useMemo as useMemo72 } from "react";
+import { useEffect as useEffect57, useState as useState77, useRef as useRef12, useCallback as useCallback61, useMemo as useMemo75 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
-  const [matrixProvider, setProvider] = useState76(null);
-  const [status, setStatus] = useState76("disconnected");
+  const [matrixProvider, setProvider] = useState77(null);
+  const [status, setStatus] = useState77("disconnected");
   const isMountedRef = useRef12(true);
   const providerRef = useRef12(null);
   const retryTimeoutRef = useRef12(null);
-  const providerOptions = useMemo72(
+  const providerOptions = useMemo75(
     () => ({
       translator: {
         updateEventType: "matrix-crdt.doc_update",
@@ -21558,22 +21967,22 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
     }),
     []
   );
-  const handleDocumentAvailable = useCallback60(() => {
+  const handleDocumentAvailable = useCallback61(() => {
     if (isMountedRef.current) {
       setStatus("connected");
     }
   }, []);
-  const handleDocumentUnavailable = useCallback60(() => {
+  const handleDocumentUnavailable = useCallback61(() => {
     if (isMountedRef.current) {
       setStatus("failed");
     }
   }, []);
-  const handleCanWriteChanged = useCallback60(() => {
+  const handleCanWriteChanged = useCallback61(() => {
     if (isMountedRef.current && providerRef.current) {
       setStatus(providerRef.current.canWrite ? "connected" : "failed");
     }
   }, []);
-  const initProvider = useCallback60(async () => {
+  const initProvider = useCallback61(async () => {
     if (!isMountedRef.current) return;
     if (retryTimeoutRef.current) {
       clearTimeout(retryTimeoutRef.current);
@@ -21606,7 +22015,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       }
     }
   }, [matrixClient, providerOptions, handleDocumentAvailable, handleDocumentUnavailable, handleCanWriteChanged]);
-  useEffect56(() => {
+  useEffect57(() => {
     isMountedRef.current = true;
     initProvider();
     return () => {
@@ -21623,7 +22032,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       setStatus("disconnected");
     };
   }, [initProvider]);
-  useEffect56(() => {
+  useEffect57(() => {
     return () => {
       isMountedRef.current = false;
     };
@@ -21632,17 +22041,17 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
 }
 
 // src/mantine/hooks/useCollaborativeYDoc.ts
-import { useMemo as useMemo73 } from "react";
+import { useMemo as useMemo76 } from "react";
 import * as Y from "yjs";
 function useCollaborativeYDoc(_options) {
-  return useMemo73(() => {
+  return useMemo76(() => {
     const doc = new Y.Doc();
     return doc;
   }, []);
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo74, useEffect as useEffect57, useState as useState77 } from "react";
+import { useMemo as useMemo77, useEffect as useEffect58, useState as useState78 } from "react";
 
 // src/core/lib/matrixMetadata.ts
 var COVER_IMAGE_EVENT_TYPE = "ixo.page.cover_image";
@@ -21811,7 +22220,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     permissions = { write: false }
   } = options || {};
-  const memoizedUser = useMemo74(
+  const memoizedUser = useMemo77(
     () => ({
       id: user?.id || "",
       name: user?.name || "",
@@ -21826,13 +22235,13 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     roomId: options.roomId
   });
-  const metadataManager = useMemo74(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
-  useEffect57(() => {
+  const metadataManager = useMemo77(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
+  useEffect58(() => {
     return () => {
       metadataManager.dispose();
     };
   }, [metadataManager]);
-  const defaultUploadFile = useMemo74(
+  const defaultUploadFile = useMemo77(
     () => uploadFile || (async (file) => {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -21846,7 +22255,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [uploadFile]
   );
-  const schema = useMemo74(
+  const schema = useMemo77(
     () => BlockNoteSchema2.create({
       blockSpecs: {
         ...defaultBlockSpecs2,
@@ -21861,13 +22270,13 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     []
   );
-  const root = useMemo74(() => yDoc.getMap("root"), [yDoc]);
-  const documentFragment = useMemo74(() => yDoc.getXmlFragment("document"), [yDoc]);
-  const flowArray = useMemo74(() => yDoc.getArray("flow"), [yDoc]);
-  const runtimeMap = useMemo74(() => yDoc.getMap("runtime"), [yDoc]);
-  const delegationsMap = useMemo74(() => yDoc.getMap("delegations"), [yDoc]);
-  const userFragment = useMemo74(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
-  const collaborationConfig = useMemo74(
+  const root = useMemo77(() => yDoc.getMap("root"), [yDoc]);
+  const documentFragment = useMemo77(() => yDoc.getXmlFragment("document"), [yDoc]);
+  const flowArray = useMemo77(() => yDoc.getArray("flow"), [yDoc]);
+  const runtimeMap = useMemo77(() => yDoc.getMap("runtime"), [yDoc]);
+  const delegationsMap = useMemo77(() => yDoc.getMap("delegations"), [yDoc]);
+  const userFragment = useMemo77(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
+  const collaborationConfig = useMemo77(
     () => ({
       provider: matrixProvider,
       fragment: documentFragment,
@@ -21879,7 +22288,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [matrixProvider, documentFragment, memoizedUser.name, memoizedUser.color]
   );
-  const ixoConfig = useMemo74(
+  const ixoConfig = useMemo77(
     () => ({
       theme,
       editable,
@@ -21898,7 +22307,7 @@ function useCreateCollaborativeIxoEditor(options) {
     uploadFile: defaultUploadFile,
     collaboration: collaborationConfig
   });
-  const titleText = useMemo74(() => yDoc.getText("title"), [yDoc]);
+  const titleText = useMemo77(() => yDoc.getText("title"), [yDoc]);
   let ixoEditor;
   if (editor) {
     ixoEditor = editor;
@@ -22054,12 +22463,12 @@ function useCreateCollaborativeIxoEditor(options) {
       return void 0;
     };
   }
-  useEffect57(() => {
+  useEffect58(() => {
     if (ixoEditor) {
       ixoEditor.isEditable = editable;
     }
   }, [ixoEditor, editable]);
-  useEffect57(() => {
+  useEffect58(() => {
     if (connectionStatus !== "connected") {
       return;
     }
@@ -22081,9 +22490,9 @@ function useCreateCollaborativeIxoEditor(options) {
       titleText.insert(0, options.title);
     }
   }, [connectionStatus, root, titleText, permissions.write, options.docId, options.title, memoizedUser.id]);
-  const [connectedUsers, setConnectedUsers] = useState77([]);
+  const [connectedUsers, setConnectedUsers] = useState78([]);
   const webrtcProvider = matrixProvider?.webrtcProvider;
-  useEffect57(() => {
+  useEffect58(() => {
     if (!matrixProvider?.awarenessInstance || !webrtcProvider || connectionStatus !== "connected") {
       return;
     }
@@ -22102,7 +22511,7 @@ function useCreateCollaborativeIxoEditor(options) {
       awareness.off("change", updateUsers);
     };
   }, [matrixProvider, webrtcProvider, connectionStatus]);
-  useEffect57(() => {
+  useEffect58(() => {
     if (!matrixProvider?.awarenessInstance || !webrtcProvider || connectionStatus !== "connected") {
       return;
     }
@@ -22140,15 +22549,15 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/components/Base/BaseIconPicker.tsx
-import React218, { useState as useState78, useMemo as useMemo75, useEffect as useEffect58 } from "react";
-import { TextInput as TextInput7, Tabs as Tabs5, Box as Box40, Stack as Stack140, UnstyledButton as UnstyledButton2, Text as Text116, Center as Center12, ScrollArea as ScrollArea8, Group as Group71, Popover as Popover4 } from "@mantine/core";
+import React226, { useState as useState79, useMemo as useMemo78, useEffect as useEffect59 } from "react";
+import { TextInput as TextInput7, Tabs as Tabs5, Box as Box40, Stack as Stack145, UnstyledButton as UnstyledButton2, Text as Text120, Center as Center12, ScrollArea as ScrollArea8, Group as Group75, Popover as Popover4 } from "@mantine/core";
 import * as TablerIcons from "@tabler/icons-react";
 import { IconSearch as IconSearch6, IconX as IconX10, IconChevronLeft, IconChevronRight as IconChevronRight11 } from "@tabler/icons-react";
 
 // src/mantine/components/Base/CoverImageButton.tsx
-import React217, { forwardRef } from "react";
+import React225, { forwardRef } from "react";
 import { Button as Button38 } from "@mantine/core";
-var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style, ...props }, ref) => /* @__PURE__ */ React217.createElement(
+var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style, ...props }, ref) => /* @__PURE__ */ React225.createElement(
   Button38,
   {
     ref,
@@ -22198,28 +22607,28 @@ var localStorageService = {
 var iconsKey = "editor_recent_icons";
 var ICONS_PER_PAGE = 500;
 function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children, currentIcon }) {
-  const [searchQuery, setSearchQuery] = useState78("");
-  const [activeTab, setActiveTab] = useState78("icons");
-  const [currentPage, setCurrentPage] = useState78(1);
-  const allIcons = useMemo75(() => {
+  const [searchQuery, setSearchQuery] = useState79("");
+  const [activeTab, setActiveTab] = useState79("icons");
+  const [currentPage, setCurrentPage] = useState79(1);
+  const allIcons = useMemo78(() => {
     const iconEntries = Object.entries(TablerIcons).filter(([name]) => name.startsWith("Icon") && name !== "IconProps");
     return iconEntries;
   }, []);
-  const filteredIcons = useMemo75(() => {
+  const filteredIcons = useMemo78(() => {
     if (!searchQuery) return allIcons;
     const query = searchQuery.toLowerCase();
     return allIcons.filter(([name]) => name.toLowerCase().includes(query));
   }, [allIcons, searchQuery]);
-  useEffect58(() => {
+  useEffect59(() => {
     setCurrentPage(1);
   }, [searchQuery]);
-  const paginatedIcons = useMemo75(() => {
+  const paginatedIcons = useMemo78(() => {
     const startIndex = (currentPage - 1) * ICONS_PER_PAGE;
     const endIndex = startIndex + ICONS_PER_PAGE;
     return filteredIcons.slice(startIndex, endIndex);
   }, [filteredIcons, currentPage]);
   const totalPages = Math.ceil(filteredIcons.length / ICONS_PER_PAGE);
-  const recentIcons = useMemo75(() => {
+  const recentIcons = useMemo78(() => {
     const recentIconNames = localStorageService.get(iconsKey);
     if (!recentIconNames || recentIconNames.length === 0) return [];
     return recentIconNames.slice(0, 24).map((iconName) => allIcons.find(([name]) => name === iconName)).filter((entry) => entry !== void 0);
@@ -22234,9 +22643,9 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
   };
   const renderIconGrid = (icons) => {
     if (icons.length === 0) {
-      return /* @__PURE__ */ React218.createElement(Center12, { py: "xl" }, /* @__PURE__ */ React218.createElement(Text116, { c: "dimmed", size: "sm" }, "No icons found"));
+      return /* @__PURE__ */ React226.createElement(Center12, { py: "xl" }, /* @__PURE__ */ React226.createElement(Text120, { c: "dimmed", size: "sm" }, "No icons found"));
     }
-    return /* @__PURE__ */ React218.createElement(
+    return /* @__PURE__ */ React226.createElement(
       Box40,
       {
         style: {
@@ -22248,7 +22657,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__ */ React218.createElement(
+        return /* @__PURE__ */ React226.createElement(
           UnstyledButton2,
           {
             key: name,
@@ -22274,12 +22683,12 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
               }
             }
           },
-          /* @__PURE__ */ React218.createElement(IconComponent, { color: "white", size: 24, stroke: 1.5 })
+          /* @__PURE__ */ React226.createElement(IconComponent, { color: "white", size: 24, stroke: 1.5 })
         );
       })
     );
   };
-  return /* @__PURE__ */ React218.createElement(Popover4, { opened, onClose, position: "right", width: 500, shadow: "xl" }, /* @__PURE__ */ React218.createElement(Popover4.Target, null, children), /* @__PURE__ */ React218.createElement(
+  return /* @__PURE__ */ React226.createElement(Popover4, { opened, onClose, position: "right", width: 500, shadow: "xl" }, /* @__PURE__ */ React226.createElement(Popover4.Target, null, children), /* @__PURE__ */ React226.createElement(
     Popover4.Dropdown,
     {
       style: {
@@ -22289,15 +22698,15 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
       },
       p: 0
     },
-    /* @__PURE__ */ React218.createElement(Stack140, { gap: "md", p: "md" }, /* @__PURE__ */ React218.createElement(Tabs5, { value: activeTab, onChange: setActiveTab, variant: "pills" }, /* @__PURE__ */ React218.createElement(Tabs5.List, null, /* @__PURE__ */ React218.createElement(Tabs5.Tab, { value: "icons" }, "Icons"), /* @__PURE__ */ React218.createElement(Tabs5.Tab, { value: "upload" }, "Upload")), /* @__PURE__ */ React218.createElement(Tabs5.Panel, { value: "icons", pt: "md" }, /* @__PURE__ */ React218.createElement(
+    /* @__PURE__ */ React226.createElement(Stack145, { gap: "md", p: "md" }, /* @__PURE__ */ React226.createElement(Tabs5, { value: activeTab, onChange: setActiveTab, variant: "pills" }, /* @__PURE__ */ React226.createElement(Tabs5.List, null, /* @__PURE__ */ React226.createElement(Tabs5.Tab, { value: "icons" }, "Icons"), /* @__PURE__ */ React226.createElement(Tabs5.Tab, { value: "upload" }, "Upload")), /* @__PURE__ */ React226.createElement(Tabs5.Panel, { value: "icons", pt: "md" }, /* @__PURE__ */ React226.createElement(
       TextInput7,
       {
         mb: "md",
         placeholder: "Filter",
-        leftSection: /* @__PURE__ */ React218.createElement(IconSearch6, { size: 18 }),
+        leftSection: /* @__PURE__ */ React226.createElement(IconSearch6, { size: 18 }),
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
-        rightSection: searchQuery && /* @__PURE__ */ React218.createElement(UnstyledButton2, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React218.createElement(IconX10, { size: 18 })),
+        rightSection: searchQuery && /* @__PURE__ */ React226.createElement(UnstyledButton2, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React226.createElement(IconX10, { size: 18 })),
         style: { flex: 1 },
         styles: {
           input: {
@@ -22307,22 +22716,22 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
           }
         }
       }
-    ), !searchQuery && /* @__PURE__ */ React218.createElement(Box40, { mb: "md" }, /* @__PURE__ */ React218.createElement(Text116, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React218.createElement(ScrollArea8.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React218.createElement(Box40, null, /* @__PURE__ */ React218.createElement(Group71, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React218.createElement(Text116, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React218.createElement(Group71, { gap: "xs" }, /* @__PURE__ */ React218.createElement(Text116, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React218.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React218.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React218.createElement(
+    ), !searchQuery && /* @__PURE__ */ React226.createElement(Box40, { mb: "md" }, /* @__PURE__ */ React226.createElement(Text120, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React226.createElement(ScrollArea8.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React226.createElement(Box40, null, /* @__PURE__ */ React226.createElement(Group75, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React226.createElement(Text120, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React226.createElement(Group75, { gap: "xs" }, /* @__PURE__ */ React226.createElement(Text120, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React226.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React226.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React226.createElement(
       BaseButton,
       {
         size: "xs",
         onClick: () => setCurrentPage((p) => Math.min(totalPages, p + 1)),
         disabled: currentPage === totalPages,
-        leftSection: /* @__PURE__ */ React218.createElement(IconChevronRight11, { size: 14 })
+        leftSection: /* @__PURE__ */ React226.createElement(IconChevronRight11, { size: 14 })
       },
       "Next"
-    ))), /* @__PURE__ */ React218.createElement(ScrollArea8.Autosize, { scrollbarSize: 0, mah: 200 }, renderIconGrid(paginatedIcons)))), /* @__PURE__ */ React218.createElement(Tabs5.Panel, { value: "upload", pt: "md" }, /* @__PURE__ */ React218.createElement(Center12, { py: "xl" }, /* @__PURE__ */ React218.createElement(Stack140, { align: "center", gap: "md" }, /* @__PURE__ */ React218.createElement(Text116, { size: "sm", c: "dimmed", ta: "center" }, "Upload a custom icon image", /* @__PURE__ */ React218.createElement("br", null), "(PNG, JPG, SVG)"), /* @__PURE__ */ React218.createElement(CoverImageButton, { onClick: onUploadClick }, "Choose File"))))))
+    ))), /* @__PURE__ */ React226.createElement(ScrollArea8.Autosize, { scrollbarSize: 0, mah: 200 }, renderIconGrid(paginatedIcons)))), /* @__PURE__ */ React226.createElement(Tabs5.Panel, { value: "upload", pt: "md" }, /* @__PURE__ */ React226.createElement(Center12, { py: "xl" }, /* @__PURE__ */ React226.createElement(Stack145, { align: "center", gap: "md" }, /* @__PURE__ */ React226.createElement(Text120, { size: "sm", c: "dimmed", ta: "center" }, "Upload a custom icon image", /* @__PURE__ */ React226.createElement("br", null), "(PNG, JPG, SVG)"), /* @__PURE__ */ React226.createElement(CoverImageButton, { onClick: onUploadClick }, "Choose File"))))))
   ));
 }
 
 // src/mantine/components/CoverImage.tsx
-import React220, { useState as useState79, useRef as useRef13, useEffect as useEffect59 } from "react";
-import { Box as Box42, Group as Group72 } from "@mantine/core";
+import React228, { useState as useState80, useRef as useRef13, useEffect as useEffect60 } from "react";
+import { Box as Box42, Group as Group76 } from "@mantine/core";
 
 // src/core/lib/imageTransform.ts
 var CLOUDFLARE_CDN_BASE = "https://www.ixo.earth/cdn-cgi/image";
@@ -22455,12 +22864,12 @@ function transformIconImage(sourceUrl, size = "default", customOptions) {
 }
 
 // src/mantine/components/Base/PageIcon.tsx
-import React219, { useMemo as useMemo76 } from "react";
+import React227, { useMemo as useMemo79 } from "react";
 import { Center as Center13, Box as Box41 } from "@mantine/core";
 import * as TablerIcons2 from "@tabler/icons-react";
 function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
   const isIconName = src && !src.startsWith("http");
-  const IconComponent = useMemo76(() => {
+  const IconComponent = useMemo79(() => {
     if (!isIconName || !src) return null;
     const iconComponent = TablerIcons2[src];
     if (iconComponent) {
@@ -22471,7 +22880,7 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
   const Container = useCenter ? Center13 : Box41;
   if (!src) return null;
   if (IconComponent) {
-    return /* @__PURE__ */ React219.createElement(
+    return /* @__PURE__ */ React227.createElement(
       Container,
       {
         style: {
@@ -22483,10 +22892,10 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
           ...style
         }
       },
-      /* @__PURE__ */ React219.createElement(IconComponent, { size: iconSize, color: "white", stroke: 1.5 })
+      /* @__PURE__ */ React227.createElement(IconComponent, { size: iconSize, color: "white", stroke: 1.5 })
     );
   }
-  return /* @__PURE__ */ React219.createElement(
+  return /* @__PURE__ */ React227.createElement(
     "img",
     {
       src,
@@ -22507,14 +22916,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] = useState79(false);
-  const [isRepositioning, setIsRepositioning] = useState79(false);
-  const [coverPosition, setCoverPosition] = useState79(50);
+  const [isHovering, setIsHovering] = useState80(false);
+  const [isRepositioning, setIsRepositioning] = useState80(false);
+  const [coverPosition, setCoverPosition] = useState80(50);
   const coverFileInputRef = useRef13(null);
   const logoFileInputRef = useRef13(null);
   const [opened, { open, close }] = useDisclosure5(false);
-  const [metadata, setMetadata] = useState79(() => editor?.getPageMetadata?.() || null);
-  useEffect59(() => {
+  const [metadata, setMetadata] = useState80(() => editor?.getPageMetadata?.() || null);
+  useEffect60(() => {
     if (!editor?._metadataManager) {
       return;
     }
@@ -22596,7 +23005,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     return null;
   }
   if (!hasCover) {
-    return /* @__PURE__ */ React220.createElement(
+    return /* @__PURE__ */ React228.createElement(
       Box42,
       {
         style: {
@@ -22609,8 +23018,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         onMouseEnter: () => editable && setIsHovering(true),
         onMouseLeave: () => editable && setIsHovering(false)
       },
-      /* @__PURE__ */ React220.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React220.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React220.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React220.createElement(
-        Group72,
+      /* @__PURE__ */ React228.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React228.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React228.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React228.createElement(
+        Group76,
         {
           gap: "xs",
           style: {
@@ -22620,7 +23029,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 10
           }
         },
-        /* @__PURE__ */ React220.createElement(
+        /* @__PURE__ */ React228.createElement(
           BaseIconPicker,
           {
             opened,
@@ -22629,10 +23038,10 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             onSelectIcon: (name) => handleSelectLogoIcon(name),
             onUploadClick: () => logoFileInputRef.current?.click()
           },
-          /* @__PURE__ */ React220.createElement(CoverImageButton, { onClick: open }, "Add icon")
+          /* @__PURE__ */ React228.createElement(CoverImageButton, { onClick: open }, "Add icon")
         ),
-        /* @__PURE__ */ React220.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
-      ), logoSrc && /* @__PURE__ */ React220.createElement(
+        /* @__PURE__ */ React228.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
+      ), logoSrc && /* @__PURE__ */ React228.createElement(
         Box42,
         {
           style: {
@@ -22646,8 +23055,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 11
           }
         },
-        /* @__PURE__ */ React220.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
-        editable && isHovering && /* @__PURE__ */ React220.createElement(
+        /* @__PURE__ */ React228.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
+        editable && isHovering && /* @__PURE__ */ React228.createElement(
           "div",
           {
             style: {
@@ -22662,7 +23071,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               alignItems: "center"
             }
           },
-          /* @__PURE__ */ React220.createElement(
+          /* @__PURE__ */ React228.createElement(
             BaseIconPicker,
             {
               opened,
@@ -22671,15 +23080,15 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               onSelectIcon: (name) => handleSelectLogoIcon(name),
               onUploadClick: () => logoFileInputRef.current?.click()
             },
-            /* @__PURE__ */ React220.createElement(CoverImageButton, { onClick: open }, "Change")
+            /* @__PURE__ */ React228.createElement(CoverImageButton, { onClick: open }, "Change")
           ),
-          /* @__PURE__ */ React220.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
-          /* @__PURE__ */ React220.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
+          /* @__PURE__ */ React228.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
+          /* @__PURE__ */ React228.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
         )
       ))
     );
   }
-  return /* @__PURE__ */ React220.createElement(
+  return /* @__PURE__ */ React228.createElement(
     Box42,
     {
       style: {
@@ -22699,7 +23108,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
       onMouseMove: handleMouseMove,
       onClick: () => isRepositioning && setIsRepositioning(false)
     },
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React228.createElement(
       "img",
       {
         src: coverUrl,
@@ -22717,8 +23126,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         }
       }
     ),
-    editable && isHovering && /* @__PURE__ */ React220.createElement(
-      Group72,
+    editable && isHovering && /* @__PURE__ */ React228.createElement(
+      Group76,
       {
         gap: "xs",
         style: {
@@ -22728,11 +23137,11 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 10
         }
       },
-      /* @__PURE__ */ React220.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Change cover"),
-      /* @__PURE__ */ React220.createElement(CoverImageButton, { onClick: () => setIsRepositioning(!isRepositioning), isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
-      /* @__PURE__ */ React220.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove")
+      /* @__PURE__ */ React228.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Change cover"),
+      /* @__PURE__ */ React228.createElement(CoverImageButton, { onClick: () => setIsRepositioning(!isRepositioning), isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
+      /* @__PURE__ */ React228.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove")
     ),
-    /* @__PURE__ */ React220.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React228.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React228.createElement(
       Box42,
       {
         style: {
@@ -22744,9 +23153,9 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 11
         }
       },
-      logoSrc && /* @__PURE__ */ React220.createElement(PageIcon, { src: logoSrc, iconSize: 64 }),
-      editable && isHovering && /* @__PURE__ */ React220.createElement(React220.Fragment, null, logoSrc ? /* @__PURE__ */ React220.createElement(
-        Group72,
+      logoSrc && /* @__PURE__ */ React228.createElement(PageIcon, { src: logoSrc, iconSize: 64 }),
+      editable && isHovering && /* @__PURE__ */ React228.createElement(React228.Fragment, null, logoSrc ? /* @__PURE__ */ React228.createElement(
+        Group76,
         {
           gap: "xs",
           style: {
@@ -22756,7 +23165,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 12
           }
         },
-        /* @__PURE__ */ React220.createElement(
+        /* @__PURE__ */ React228.createElement(
           BaseIconPicker,
           {
             opened,
@@ -22765,10 +23174,10 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             onSelectIcon: (name) => handleSelectLogoIcon(name),
             onUploadClick: () => logoFileInputRef.current?.click()
           },
-          /* @__PURE__ */ React220.createElement(CoverImageButton, { onClick: open }, "Change")
+          /* @__PURE__ */ React228.createElement(CoverImageButton, { onClick: open }, "Change")
         ),
-        /* @__PURE__ */ React220.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
-      ) : /* @__PURE__ */ React220.createElement(
+        /* @__PURE__ */ React228.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
+      ) : /* @__PURE__ */ React228.createElement(
         CoverImageButton,
         {
           onClick: open,
@@ -22783,13 +23192,13 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         "Add icon"
       ))
     )),
-    /* @__PURE__ */ React220.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
-    /* @__PURE__ */ React220.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
+    /* @__PURE__ */ React228.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
+    /* @__PURE__ */ React228.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
   );
 }
 
 // src/mantine/components/PageHeader.tsx
-import React221, { useState as useState80, useRef as useRef14, useEffect as useEffect60 } from "react";
+import React229, { useState as useState81, useRef as useRef14, useEffect as useEffect61 } from "react";
 function PageHeader({
   title = "New page",
   icon,
@@ -22800,9 +23209,9 @@ function PageHeader({
   isFavorited = false,
   menuItems = []
 }) {
-  const [isMenuOpen, setIsMenuOpen] = useState80(false);
+  const [isMenuOpen, setIsMenuOpen] = useState81(false);
   const menuRef = useRef14(null);
-  useEffect60(() => {
+  useEffect61(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         setIsMenuOpen(false);
@@ -22821,14 +23230,14 @@ function PageHeader({
       setIsMenuOpen(false);
     }
   };
-  return /* @__PURE__ */ React221.createElement("div", { style: styles.container }, /* @__PURE__ */ React221.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React221.createElement("span", { style: styles.icon }, icon || "\u{1F4C4}"), /* @__PURE__ */ React221.createElement("span", { style: styles.title }, title), isPrivate && /* @__PURE__ */ React221.createElement("button", { style: styles.privacyBadge }, /* @__PURE__ */ React221.createElement("span", { style: styles.lockIcon }, "\u{1F512}"), /* @__PURE__ */ React221.createElement("span", null, "Private"), /* @__PURE__ */ React221.createElement("span", { style: styles.chevron }, "\u25BE"))), /* @__PURE__ */ React221.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React221.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React221.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React221.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React221.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React221.createElement(
+  return /* @__PURE__ */ React229.createElement("div", { style: styles.container }, /* @__PURE__ */ React229.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React229.createElement("span", { style: styles.icon }, icon || "\u{1F4C4}"), /* @__PURE__ */ React229.createElement("span", { style: styles.title }, title), isPrivate && /* @__PURE__ */ React229.createElement("button", { style: styles.privacyBadge }, /* @__PURE__ */ React229.createElement("span", { style: styles.lockIcon }, "\u{1F512}"), /* @__PURE__ */ React229.createElement("span", null, "Private"), /* @__PURE__ */ React229.createElement("span", { style: styles.chevron }, "\u25BE"))), /* @__PURE__ */ React229.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React229.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React229.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React229.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React229.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React229.createElement(
     "button",
     {
       style: styles.menuButton,
       onClick: () => setIsMenuOpen(!isMenuOpen),
       "aria-label": "Menu"
     },
-    /* @__PURE__ */ React221.createElement(
+    /* @__PURE__ */ React229.createElement(
       "svg",
       {
         width: "16",
@@ -22836,11 +23245,11 @@ function PageHeader({
         viewBox: "0 0 16 16",
         fill: "currentColor"
       },
-      /* @__PURE__ */ React221.createElement("circle", { cx: "3", cy: "8", r: "1.5" }),
-      /* @__PURE__ */ React221.createElement("circle", { cx: "8", cy: "8", r: "1.5" }),
-      /* @__PURE__ */ React221.createElement("circle", { cx: "13", cy: "8", r: "1.5" })
+      /* @__PURE__ */ React229.createElement("circle", { cx: "3", cy: "8", r: "1.5" }),
+      /* @__PURE__ */ React229.createElement("circle", { cx: "8", cy: "8", r: "1.5" }),
+      /* @__PURE__ */ React229.createElement("circle", { cx: "13", cy: "8", r: "1.5" })
     )
-  ), isMenuOpen && /* @__PURE__ */ React221.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React221.createElement(React221.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React221.createElement("div", { style: styles.divider }), /* @__PURE__ */ React221.createElement(
+  ), isMenuOpen && /* @__PURE__ */ React229.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React229.createElement(React229.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React229.createElement("div", { style: styles.divider }), /* @__PURE__ */ React229.createElement(
     "button",
     {
       style: {
@@ -22850,8 +23259,8 @@ function PageHeader({
       onClick: () => handleMenuItemClick(item),
       disabled: item.disabled
     },
-    item.icon && /* @__PURE__ */ React221.createElement("span", { style: styles.menuItemIcon }, item.icon),
-    /* @__PURE__ */ React221.createElement("span", null, item.label)
+    item.icon && /* @__PURE__ */ React229.createElement("span", { style: styles.menuItemIcon }, item.icon),
+    /* @__PURE__ */ React229.createElement("span", null, item.label)
   )))))));
 }
 var styles = {
@@ -22982,7 +23391,7 @@ var styles = {
 };
 
 // src/mantine/components/ExternalDropZone.tsx
-import React222, { useCallback as useCallback61, useEffect as useEffect61, useRef as useRef15, useState as useState81 } from "react";
+import React230, { useCallback as useCallback62, useEffect as useEffect62, useRef as useRef15, useState as useState82 } from "react";
 import { Box as Box43 } from "@mantine/core";
 var SCROLL_ZONE_SIZE = 80;
 var SCROLL_SPEED = 12;
@@ -22996,19 +23405,19 @@ var ExternalDropZone = ({
   children
 }) => {
   const containerRef = useRef15(null);
-  const [isValidDrag, setIsValidDrag] = useState81(false);
-  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState81(false);
-  const [indicatorStyle, setIndicatorStyle] = useState81({});
+  const [isValidDrag, setIsValidDrag] = useState82(false);
+  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState82(false);
+  const [indicatorStyle, setIndicatorStyle] = useState82({});
   const dropPositionRef = useRef15(null);
   const scrollAnimationRef = useRef15(null);
   const scrollDirectionRef = useRef15(null);
   const scrollContainerRef = useRef15(null);
-  const getBlockElements = useCallback61(() => {
+  const getBlockElements = useCallback62(() => {
     if (!containerRef.current) return [];
     const blocks = containerRef.current.querySelectorAll('[data-node-type="blockContainer"]');
     return Array.from(blocks);
   }, []);
-  const getScrollContainer = useCallback61(() => {
+  const getScrollContainer = useCallback62(() => {
     if (scrollContainerRef.current) return scrollContainerRef.current;
     let element = containerRef.current;
     while (element) {
@@ -23023,7 +23432,7 @@ var ExternalDropZone = ({
     scrollContainerRef.current = window;
     return window;
   }, []);
-  const performScroll = useCallback61(() => {
+  const performScroll = useCallback62(() => {
     const container = getScrollContainer();
     const direction = scrollDirectionRef.current;
     if (!direction) {
@@ -23038,7 +23447,7 @@ var ExternalDropZone = ({
     }
     scrollAnimationRef.current = requestAnimationFrame(performScroll);
   }, [getScrollContainer]);
-  const startAutoScroll = useCallback61(
+  const startAutoScroll = useCallback62(
     (direction) => {
       if (scrollDirectionRef.current === direction) return;
       scrollDirectionRef.current = direction;
@@ -23048,14 +23457,14 @@ var ExternalDropZone = ({
     },
     [performScroll]
   );
-  const stopAutoScroll = useCallback61(() => {
+  const stopAutoScroll = useCallback62(() => {
     scrollDirectionRef.current = null;
     if (scrollAnimationRef.current) {
       cancelAnimationFrame(scrollAnimationRef.current);
       scrollAnimationRef.current = null;
     }
   }, []);
-  const checkAutoScroll = useCallback61(
+  const checkAutoScroll = useCallback62(
     (clientY) => {
       const container = getScrollContainer();
       let containerTop;
@@ -23078,7 +23487,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer, startAutoScroll, stopAutoScroll]
   );
-  const findDropPosition = useCallback61(
+  const findDropPosition = useCallback62(
     (clientY) => {
       const blocks = getBlockElements();
       if (blocks.length === 0 || !editor?.document) return null;
@@ -23111,7 +23520,7 @@ var ExternalDropZone = ({
     },
     [getBlockElements, editor]
   );
-  const handleDragOver = useCallback61(
+  const handleDragOver = useCallback62(
     (e) => {
       if (!e.dataTransfer.types.includes(acceptedType)) return;
       e.preventDefault();
@@ -23134,7 +23543,7 @@ var ExternalDropZone = ({
     },
     [acceptedType, findDropPosition, checkAutoScroll]
   );
-  const handleDragLeave = useCallback61(
+  const handleDragLeave = useCallback62(
     (e) => {
       if (containerRef.current && !containerRef.current.contains(e.relatedTarget)) {
         setIsValidDrag(false);
@@ -23144,7 +23553,7 @@ var ExternalDropZone = ({
     },
     [stopAutoScroll]
   );
-  const handleDrop = useCallback61(
+  const handleDrop = useCallback62(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -23158,7 +23567,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  useEffect61(() => {
+  useEffect62(() => {
     const handleGlobalDragEnd = () => {
       setIsValidDrag(false);
       dropPositionRef.current = null;
@@ -23167,7 +23576,7 @@ var ExternalDropZone = ({
     window.addEventListener("dragend", handleGlobalDragEnd);
     return () => window.removeEventListener("dragend", handleGlobalDragEnd);
   }, [stopAutoScroll]);
-  const handleOverlayMouseMove = useCallback61(
+  const handleOverlayMouseMove = useCallback62(
     (e) => {
       setIsHoveringInPlacementMode(true);
       checkAutoScroll(e.clientY);
@@ -23186,12 +23595,12 @@ var ExternalDropZone = ({
     },
     [findDropPosition, checkAutoScroll]
   );
-  const handleOverlayMouseLeave = useCallback61(() => {
+  const handleOverlayMouseLeave = useCallback62(() => {
     setIsHoveringInPlacementMode(false);
     dropPositionRef.current = null;
     stopAutoScroll();
   }, [stopAutoScroll]);
-  const handleOverlayClick = useCallback61(
+  const handleOverlayClick = useCallback62(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -23205,7 +23614,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  const handleOverlayWheel = useCallback61(
+  const handleOverlayWheel = useCallback62(
     (e) => {
       const container = getScrollContainer();
       if (container === window) {
@@ -23216,7 +23625,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer]
   );
-  useEffect61(() => {
+  useEffect62(() => {
     if (!isPlacementMode) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -23239,13 +23648,13 @@ var ExternalDropZone = ({
       document.removeEventListener("click", handleGlobalClick, true);
     };
   }, [isPlacementMode, onPlacementCancel]);
-  useEffect61(() => {
+  useEffect62(() => {
     if (!isPlacementMode) {
       setIsHoveringInPlacementMode(false);
       dropPositionRef.current = null;
     }
   }, [isPlacementMode]);
-  useEffect61(() => {
+  useEffect62(() => {
     const isActive = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
     if (isActive) {
       document.body.classList.add("external-artifact-drag-active");
@@ -23256,18 +23665,18 @@ var ExternalDropZone = ({
       document.body.classList.remove("external-artifact-drag-active");
     };
   }, [isValidDrag, isPlacementMode, isHoveringInPlacementMode]);
-  useEffect61(() => {
+  useEffect62(() => {
     return () => {
       if (scrollAnimationRef.current) {
         cancelAnimationFrame(scrollAnimationRef.current);
       }
     };
   }, []);
-  const indicatorWithPosition = dropIndicator && React222.isValidElement(dropIndicator) ? React222.cloneElement(dropIndicator, {
+  const indicatorWithPosition = dropIndicator && React230.isValidElement(dropIndicator) ? React230.cloneElement(dropIndicator, {
     indicatorTop: typeof indicatorStyle.top === "number" ? indicatorStyle.top : void 0
   }) : dropIndicator;
   const shouldShowIndicator = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
-  return /* @__PURE__ */ React222.createElement(
+  return /* @__PURE__ */ React230.createElement(
     Box43,
     {
       ref: containerRef,
@@ -23283,7 +23692,7 @@ var ExternalDropZone = ({
       "data-placement-mode": isPlacementMode ? "true" : void 0
     },
     children,
-    isPlacementMode && /* @__PURE__ */ React222.createElement(
+    isPlacementMode && /* @__PURE__ */ React230.createElement(
       Box43,
       {
         style: {
@@ -23303,19 +23712,19 @@ var ExternalDropZone = ({
         onWheel: handleOverlayWheel
       }
     ),
-    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React222.createElement(Box43, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
+    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React230.createElement(Box43, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
   );
 };
 
 // src/mantine/IxoEditor.tsx
-import React224 from "react";
+import React232 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 React223 from "react";
+import React231 from "react";
 import { Box as Box44 } from "@mantine/core";
 var panelStyles = {
   light: {
@@ -23345,7 +23754,7 @@ function PanelContent({ theme }) {
   const { activePanel, registeredPanels } = usePanelStore();
   const isOpen = activePanel !== null;
   const content = activePanel ? registeredPanels.get(activePanel) : null;
-  return /* @__PURE__ */ React223.createElement(
+  return /* @__PURE__ */ React231.createElement(
     Box44,
     {
       pos: "sticky",
@@ -23386,7 +23795,7 @@ function IxoEditorContent({
 }) {
   const { activePanel } = usePanelStore();
   const isPanelOpen = activePanel !== null;
-  const editorContent = /* @__PURE__ */ React224.createElement(
+  const editorContent = /* @__PURE__ */ React232.createElement(
     BlockNoteView,
     {
       editor,
@@ -23401,7 +23810,7 @@ function IxoEditorContent({
       onChange,
       onSelectionChange
     },
-    config.slashMenu && /* @__PURE__ */ React224.createElement(
+    config.slashMenu && /* @__PURE__ */ React232.createElement(
       SuggestionMenuController,
       {
         triggerCharacter: "/",
@@ -23414,7 +23823,7 @@ function IxoEditorContent({
     ),
     children
   );
-  return /* @__PURE__ */ React224.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React224.createElement(
+  return /* @__PURE__ */ React232.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React232.createElement(
     "div",
     {
       className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`,
@@ -23423,9 +23832,9 @@ function IxoEditorContent({
         transition: "width 0.2s ease"
       }
     },
-    selfNav && /* @__PURE__ */ React224.createElement(PageHeader, { ...pageHeaderProps }),
-    /* @__PURE__ */ React224.createElement(CoverImage, { coverImageUrl, logoUrl }),
-    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React224.createElement(
+    selfNav && /* @__PURE__ */ React232.createElement(PageHeader, { ...pageHeaderProps }),
+    /* @__PURE__ */ React232.createElement(CoverImage, { coverImageUrl, logoUrl }),
+    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React232.createElement(
       ExternalDropZone,
       {
         editor,
@@ -23438,7 +23847,7 @@ function IxoEditorContent({
       },
       editorContent
     ) : editorContent
-  ), isPanelVisible && /* @__PURE__ */ React224.createElement(PanelContent, { theme: config.theme }));
+  ), isPanelVisible && /* @__PURE__ */ React232.createElement(PanelContent, { theme: config.theme }));
 }
 function IxoEditor({
   editor,
@@ -23478,7 +23887,7 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React224.createElement(
+  const editorContent = /* @__PURE__ */ React232.createElement(
     BlocknoteProvider,
     {
       editor,
@@ -23490,7 +23899,7 @@ function IxoEditor({
       dynamicListPanelRenderer,
       domainCardRenderer
     },
-    /* @__PURE__ */ React224.createElement(
+    /* @__PURE__ */ React232.createElement(
       IxoEditorContent,
       {
         isPanelVisible,
@@ -23514,15 +23923,15 @@ function IxoEditor({
     )
   );
   if (mantineTheme) {
-    return /* @__PURE__ */ React224.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
+    return /* @__PURE__ */ React232.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
   return editorContent;
 }
 
 // src/mantine/components/EntitySigningSetup.tsx
-import React225, { useState as useState82 } from "react";
-import { Modal as Modal3, Stack as Stack141, Text as Text117, TextInput as TextInput8, Button as Button39, Alert as Alert30, Group as Group73 } from "@mantine/core";
-import { IconAlertCircle as IconAlertCircle15, IconCheck as IconCheck12, IconKey as IconKey2 } from "@tabler/icons-react";
+import React233, { useState as useState83 } from "react";
+import { Modal as Modal3, Stack as Stack146, Text as Text121, TextInput as TextInput8, Button as Button39, Alert as Alert30, Group as Group77 } from "@mantine/core";
+import { IconAlertCircle as IconAlertCircle15, IconCheck as IconCheck13, IconKey as IconKey2 } from "@tabler/icons-react";
 var EntitySigningSetup = ({
   opened,
   onClose,
@@ -23530,11 +23939,11 @@ var EntitySigningSetup = ({
   entityName,
   onSetup
 }) => {
-  const [pin, setPin] = useState82("");
-  const [confirmPin, setConfirmPin] = useState82("");
-  const [loading, setLoading] = useState82(false);
-  const [error, setError] = useState82(null);
-  const [success, setSuccess] = useState82(false);
+  const [pin, setPin] = useState83("");
+  const [confirmPin, setConfirmPin] = useState83("");
+  const [loading, setLoading] = useState83(false);
+  const [error, setError] = useState83(null);
+  const [success, setSuccess] = useState83(false);
   const handleSetup = async () => {
     if (pin.length < 4) {
       setError("PIN must be at least 4 characters");
@@ -23574,15 +23983,15 @@ var EntitySigningSetup = ({
       setSuccess(false);
     }
   };
-  return /* @__PURE__ */ React225.createElement(
+  return /* @__PURE__ */ React233.createElement(
     Modal3,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React225.createElement(Group73, { gap: "xs" }, /* @__PURE__ */ React225.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React225.createElement(Text117, { fw: 600 }, "Entity Signing Setup")),
+      title: /* @__PURE__ */ React233.createElement(Group77, { gap: "xs" }, /* @__PURE__ */ React233.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React233.createElement(Text121, { fw: 600 }, "Entity Signing Setup")),
       size: "md"
     },
-    /* @__PURE__ */ React225.createElement(Stack141, { gap: "md" }, success ? /* @__PURE__ */ React225.createElement(Alert30, { color: "green", icon: /* @__PURE__ */ React225.createElement(IconCheck12, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React225.createElement(React225.Fragment, null, /* @__PURE__ */ React225.createElement(Text117, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React225.createElement(Text117, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React225.createElement(Alert30, { color: "blue", variant: "light" }, /* @__PURE__ */ React225.createElement(Text117, { size: "sm" }, "This is a ", /* @__PURE__ */ React225.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React225.createElement(Stack141, { gap: "xs" }, /* @__PURE__ */ React225.createElement(Text117, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React225.createElement(Text117, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React225.createElement(Text117, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React225.createElement(Text117, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React225.createElement(
+    /* @__PURE__ */ React233.createElement(Stack146, { gap: "md" }, success ? /* @__PURE__ */ React233.createElement(Alert30, { color: "green", icon: /* @__PURE__ */ React233.createElement(IconCheck13, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React233.createElement(React233.Fragment, null, /* @__PURE__ */ React233.createElement(Text121, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React233.createElement(Text121, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React233.createElement(Alert30, { color: "blue", variant: "light" }, /* @__PURE__ */ React233.createElement(Text121, { size: "sm" }, "This is a ", /* @__PURE__ */ React233.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React233.createElement(Stack146, { gap: "xs" }, /* @__PURE__ */ React233.createElement(Text121, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React233.createElement(Text121, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React233.createElement(Text121, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React233.createElement(Text121, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React233.createElement(
       TextInput8,
       {
         label: "Enter PIN to encrypt signing key",
@@ -23593,7 +24002,7 @@ var EntitySigningSetup = ({
         onChange: (e) => setPin(e.currentTarget.value),
         disabled: loading
       }
-    ), /* @__PURE__ */ React225.createElement(
+    ), /* @__PURE__ */ React233.createElement(
       TextInput8,
       {
         label: "Confirm PIN",
@@ -23603,12 +24012,12 @@ var EntitySigningSetup = ({
         onChange: (e) => setConfirmPin(e.currentTarget.value),
         disabled: loading
       }
-    ), error && /* @__PURE__ */ React225.createElement(Alert30, { color: "red", icon: /* @__PURE__ */ React225.createElement(IconAlertCircle15, { size: 16 }) }, error), /* @__PURE__ */ React225.createElement(Group73, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React225.createElement(Button39, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React225.createElement(
+    ), error && /* @__PURE__ */ React233.createElement(Alert30, { color: "red", icon: /* @__PURE__ */ React233.createElement(IconAlertCircle15, { size: 16 }) }, error), /* @__PURE__ */ React233.createElement(Group77, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React233.createElement(Button39, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React233.createElement(
       Button39,
       {
         onClick: handleSetup,
         loading,
-        leftSection: /* @__PURE__ */ React225.createElement(IconKey2, { size: 16 })
+        leftSection: /* @__PURE__ */ React233.createElement(IconKey2, { size: 16 })
       },
       "Setup Entity Signing"
     ))))
@@ -23616,9 +24025,9 @@ var EntitySigningSetup = ({
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
-import React226, { useState as useState83, useEffect as useEffect62, useMemo as useMemo77 } from "react";
-import { Stack as Stack142, Text as Text118, Paper as Paper19, Group as Group74, Badge as Badge37, Button as Button40, ActionIcon as ActionIcon33, Loader as Loader27, Alert as Alert31, Divider as Divider16 } from "@mantine/core";
-import { IconPlus as IconPlus6, IconTrash as IconTrash7, IconShieldCheck as IconShieldCheck2, IconUser as IconUser5, IconRobot as IconRobot4, IconBuilding } from "@tabler/icons-react";
+import React234, { useState as useState84, useEffect as useEffect63, useMemo as useMemo80 } from "react";
+import { Stack as Stack147, Text as Text122, Paper as Paper19, Group as Group78, Badge as Badge39, Button as Button40, ActionIcon as ActionIcon35, Loader as Loader28, Alert as Alert31, Divider as Divider17 } 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,
   entityDid,
@@ -23627,11 +24036,11 @@ var FlowPermissionsPanel = ({
   onRevokePermission,
   getUserDisplayName
 }) => {
-  const [delegations, setDelegations] = useState83([]);
-  const [loading, setLoading] = useState83(true);
-  const [revoking, setRevoking] = useState83(null);
-  const rootCapability = useMemo77(() => editor.getRootCapability?.(), [editor]);
-  useEffect62(() => {
+  const [delegations, setDelegations] = useState84([]);
+  const [loading, setLoading] = useState84(true);
+  const [revoking, setRevoking] = useState84(null);
+  const rootCapability = useMemo80(() => editor.getRootCapability?.(), [editor]);
+  useEffect63(() => {
     const loadDelegations = async () => {
       setLoading(true);
       const allDelegations = editor.getAllDelegations?.() || [];
@@ -23670,11 +24079,11 @@ var FlowPermissionsPanel = ({
   const getIcon2 = (type) => {
     switch (type) {
       case "oracle":
-        return /* @__PURE__ */ React226.createElement(IconRobot4, { size: 16 });
+        return /* @__PURE__ */ React234.createElement(IconRobot4, { size: 16 });
       case "entity":
-        return /* @__PURE__ */ React226.createElement(IconBuilding, { size: 16 });
+        return /* @__PURE__ */ React234.createElement(IconBuilding, { size: 16 });
       default:
-        return /* @__PURE__ */ React226.createElement(IconUser5, { size: 16 });
+        return /* @__PURE__ */ React234.createElement(IconUser5, { size: 16 });
     }
   };
   const formatCapabilities = (caps) => {
@@ -23693,8 +24102,8 @@ var FlowPermissionsPanel = ({
     if (date < /* @__PURE__ */ new Date()) return "Expired";
     return date.toLocaleDateString();
   };
-  return /* @__PURE__ */ React226.createElement(Stack142, { gap: "md" }, /* @__PURE__ */ React226.createElement(Stack142, { gap: "xs" }, /* @__PURE__ */ React226.createElement(Text118, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React226.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React226.createElement(Group74, { gap: "xs" }, /* @__PURE__ */ React226.createElement(IconShieldCheck2, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React226.createElement(Stack142, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React226.createElement(Text118, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React226.createElement(Text118, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React226.createElement(Badge37, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React226.createElement(Divider16, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React226.createElement(Group74, { justify: "center", py: "xl" }, /* @__PURE__ */ React226.createElement(Loader27, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React226.createElement(Alert31, { color: "gray", variant: "light" }, /* @__PURE__ */ React226.createElement(Text118, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React226.createElement(Stack142, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React226.createElement(Paper19, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React226.createElement(Group74, { justify: "space-between" }, /* @__PURE__ */ React226.createElement(Group74, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React226.createElement(Stack142, { gap: 2 }, /* @__PURE__ */ React226.createElement(Text118, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React226.createElement(Text118, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React226.createElement(Group74, { gap: "xs" }, /* @__PURE__ */ React226.createElement(Text118, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React226.createElement(Text118, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React226.createElement(Text118, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React226.createElement(
-    ActionIcon33,
+  return /* @__PURE__ */ React234.createElement(Stack147, { gap: "md" }, /* @__PURE__ */ React234.createElement(Stack147, { gap: "xs" }, /* @__PURE__ */ React234.createElement(Text122, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React234.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React234.createElement(Group78, { gap: "xs" }, /* @__PURE__ */ React234.createElement(IconShieldCheck2, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React234.createElement(Stack147, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React234.createElement(Text122, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React234.createElement(Text122, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React234.createElement(Badge39, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React234.createElement(Divider17, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React234.createElement(Group78, { justify: "center", py: "xl" }, /* @__PURE__ */ React234.createElement(Loader28, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React234.createElement(Alert31, { color: "gray", variant: "light" }, /* @__PURE__ */ React234.createElement(Text122, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React234.createElement(Stack147, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React234.createElement(Paper19, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React234.createElement(Group78, { justify: "space-between" }, /* @__PURE__ */ React234.createElement(Group78, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React234.createElement(Stack147, { gap: 2 }, /* @__PURE__ */ React234.createElement(Text122, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React234.createElement(Text122, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React234.createElement(Group78, { gap: "xs" }, /* @__PURE__ */ React234.createElement(Text122, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React234.createElement(Text122, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React234.createElement(Text122, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React234.createElement(
+    ActionIcon35,
     {
       color: "red",
       variant: "subtle",
@@ -23702,11 +24111,11 @@ var FlowPermissionsPanel = ({
       loading: revoking === capability.id,
       disabled: !!revoking
     },
-    /* @__PURE__ */ React226.createElement(IconTrash7, { size: 16 })
-  ))))), /* @__PURE__ */ React226.createElement(
+    /* @__PURE__ */ React234.createElement(IconTrash8, { size: 16 })
+  ))))), /* @__PURE__ */ React234.createElement(
     Button40,
     {
-      leftSection: /* @__PURE__ */ React226.createElement(IconPlus6, { size: 16 }),
+      leftSection: /* @__PURE__ */ React234.createElement(IconPlus7, { size: 16 }),
       variant: "light",
       onClick: onGrantPermission
     },
@@ -23715,22 +24124,22 @@ var FlowPermissionsPanel = ({
 };
 
 // src/mantine/components/GrantPermissionModal.tsx
-import React227, { useState as useState84, useCallback as useCallback62 } from "react";
+import React235, { useState as useState85, useCallback as useCallback63 } from "react";
 import {
   Modal as Modal4,
-  Stack as Stack143,
-  Text as Text119,
+  Stack as Stack148,
+  Text as Text123,
   TextInput as TextInput9,
   Button as Button41,
-  Group as Group75,
+  Group as Group79,
   Radio as Radio6,
   Checkbox as Checkbox12,
   Alert as Alert32,
   Paper as Paper20,
-  Loader as Loader28,
-  Badge as Badge38,
-  ActionIcon as ActionIcon34,
-  Divider as Divider17,
+  Loader as Loader29,
+  Badge as Badge40,
+  ActionIcon as ActionIcon36,
+  Divider as Divider18,
   NumberInput as NumberInput3
 } from "@mantine/core";
 import { IconSearch as IconSearch7, IconUser as IconUser6, IconRobot as IconRobot5, IconX as IconX11, IconShieldPlus as IconShieldPlus4 } from "@tabler/icons-react";
@@ -23747,21 +24156,21 @@ var GrantPermissionModal = ({
   const singleBlockMode = !!targetBlockId || blocks.length === 1;
   const fixedBlockId = targetBlockId || (blocks.length === 1 ? blocks[0].id : null);
   const fixedBlock = fixedBlockId ? blocks.find((b) => b.id === fixedBlockId) || blocks[0] : null;
-  const [recipientType, setRecipientType] = useState84("user");
-  const [searchQuery, setSearchQuery] = useState84("");
-  const [searchResults, setSearchResults] = useState84([]);
-  const [searching, setSearching] = useState84(false);
-  const [selectedRecipient, setSelectedRecipient] = useState84(null);
-  const [manualDid, setManualDid] = useState84("");
-  const [scopeType, setScopeType] = useState84("full");
-  const [selectedBlocks, setSelectedBlocks] = useState84([]);
-  const [expirationEnabled, setExpirationEnabled] = useState84(false);
-  const [expirationDays, setExpirationDays] = useState84(30);
-  const [canDelegate, setCanDelegate] = useState84(false);
-  const [pin, setPin] = useState84("");
-  const [loading, setLoading] = useState84(false);
-  const [error, setError] = useState84(null);
-  const handleSearch = useCallback62(async () => {
+  const [recipientType, setRecipientType] = useState85("user");
+  const [searchQuery, setSearchQuery] = useState85("");
+  const [searchResults, setSearchResults] = useState85([]);
+  const [searching, setSearching] = useState85(false);
+  const [selectedRecipient, setSelectedRecipient] = useState85(null);
+  const [manualDid, setManualDid] = useState85("");
+  const [scopeType, setScopeType] = useState85("full");
+  const [selectedBlocks, setSelectedBlocks] = useState85([]);
+  const [expirationEnabled, setExpirationEnabled] = useState85(false);
+  const [expirationDays, setExpirationDays] = useState85(30);
+  const [canDelegate, setCanDelegate] = useState85(false);
+  const [pin, setPin] = useState85("");
+  const [loading, setLoading] = useState85(false);
+  const [error, setError] = useState85(null);
+  const handleSearch = useCallback63(async () => {
     if (searchQuery.length < 2) return;
     setSearching(true);
     try {
@@ -23848,29 +24257,29 @@ var GrantPermissionModal = ({
       resetForm();
     }
   };
-  return /* @__PURE__ */ React227.createElement(
+  return /* @__PURE__ */ React235.createElement(
     Modal4,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React227.createElement(Group75, { gap: "xs" }, /* @__PURE__ */ React227.createElement(IconShieldPlus4, { size: 20 }), /* @__PURE__ */ React227.createElement(Text119, { fw: 600 }, "Grant Permission")),
+      title: /* @__PURE__ */ React235.createElement(Group79, { gap: "xs" }, /* @__PURE__ */ React235.createElement(IconShieldPlus4, { size: 20 }), /* @__PURE__ */ React235.createElement(Text123, { fw: 600 }, "Grant Permission")),
       size: "lg"
     },
-    /* @__PURE__ */ React227.createElement(Stack143, { gap: "md" }, /* @__PURE__ */ React227.createElement(Stack143, { gap: "xs" }, /* @__PURE__ */ React227.createElement(Text119, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React227.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
+    /* @__PURE__ */ React235.createElement(Stack148, { gap: "md" }, /* @__PURE__ */ React235.createElement(Stack148, { gap: "xs" }, /* @__PURE__ */ React235.createElement(Text123, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React235.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
       setRecipientType(v);
       setSelectedRecipient(null);
       setSearchResults([]);
-    } }, /* @__PURE__ */ React227.createElement(Group75, null, /* @__PURE__ */ React227.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React227.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React227.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React227.createElement(Stack143, { gap: "xs" }, /* @__PURE__ */ React227.createElement(
+    } }, /* @__PURE__ */ React235.createElement(Group79, null, /* @__PURE__ */ React235.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React235.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React235.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React235.createElement(Stack148, { gap: "xs" }, /* @__PURE__ */ React235.createElement(
       TextInput9,
       {
         placeholder: recipientType === "oracle" ? "Search oracles..." : "Search users...",
-        leftSection: /* @__PURE__ */ React227.createElement(IconSearch7, { size: 16 }),
-        rightSection: searching ? /* @__PURE__ */ React227.createElement(Loader28, { size: 14 }) : null,
+        leftSection: /* @__PURE__ */ React235.createElement(IconSearch7, { size: 16 }),
+        rightSection: searching ? /* @__PURE__ */ React235.createElement(Loader29, { size: 14 }) : null,
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
         onKeyDown: (e) => e.key === "Enter" && handleSearch()
       }
-    ), selectedRecipient ? /* @__PURE__ */ React227.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React227.createElement(Group75, { justify: "space-between" }, /* @__PURE__ */ React227.createElement(Group75, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React227.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React227.createElement(IconUser6, { size: 16 }), /* @__PURE__ */ React227.createElement(Text119, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React227.createElement(Badge38, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React227.createElement(ActionIcon34, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React227.createElement(IconX11, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React227.createElement(Paper20, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React227.createElement(Stack143, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React227.createElement(
+    ), selectedRecipient ? /* @__PURE__ */ React235.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React235.createElement(Group79, { justify: "space-between" }, /* @__PURE__ */ React235.createElement(Group79, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React235.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React235.createElement(IconUser6, { size: 16 }), /* @__PURE__ */ React235.createElement(Text123, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React235.createElement(Badge40, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React235.createElement(ActionIcon36, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React235.createElement(IconX11, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React235.createElement(Paper20, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React235.createElement(Stack148, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React235.createElement(
       Button41,
       {
         key: result.did,
@@ -23880,7 +24289,7 @@ var GrantPermissionModal = ({
         onClick: () => setSelectedRecipient(result)
       },
       result.displayName
-    )))) : null) : /* @__PURE__ */ React227.createElement(
+    )))) : null) : /* @__PURE__ */ React235.createElement(
       TextInput9,
       {
         label: "Recipient DID",
@@ -23888,12 +24297,12 @@ var GrantPermissionModal = ({
         value: manualDid,
         onChange: (e) => setManualDid(e.currentTarget.value)
       }
-    ), /* @__PURE__ */ React227.createElement(Divider17, null), /* @__PURE__ */ React227.createElement(Stack143, { gap: "xs" }, /* @__PURE__ */ React227.createElement(Text119, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
+    ), /* @__PURE__ */ React235.createElement(Divider18, null), /* @__PURE__ */ React235.createElement(Stack148, { gap: "xs" }, /* @__PURE__ */ React235.createElement(Text123, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
       // Single block mode: show fixed block info
-      /* @__PURE__ */ React227.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React227.createElement(Group75, { gap: "xs" }, /* @__PURE__ */ React227.createElement(Badge38, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React227.createElement(Text119, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React227.createElement(Text119, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
+      /* @__PURE__ */ React235.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React235.createElement(Group79, { gap: "xs" }, /* @__PURE__ */ React235.createElement(Badge40, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React235.createElement(Text123, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React235.createElement(Text123, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
     ) : (
       // Multi-block mode: show scope selection
-      /* @__PURE__ */ React227.createElement(React227.Fragment, null, /* @__PURE__ */ React227.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React227.createElement(Stack143, { gap: "xs" }, /* @__PURE__ */ React227.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React227.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React227.createElement(Paper20, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React227.createElement(Stack143, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React227.createElement(
+      /* @__PURE__ */ React235.createElement(React235.Fragment, null, /* @__PURE__ */ React235.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React235.createElement(Stack148, { gap: "xs" }, /* @__PURE__ */ React235.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React235.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React235.createElement(Paper20, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React235.createElement(Stack148, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React235.createElement(
         Checkbox12,
         {
           key: block.id,
@@ -23908,14 +24317,14 @@ var GrantPermissionModal = ({
           }
         }
       )))))
-    )), /* @__PURE__ */ React227.createElement(Divider17, null), /* @__PURE__ */ React227.createElement(Stack143, { gap: "xs" }, /* @__PURE__ */ React227.createElement(
+    )), /* @__PURE__ */ React235.createElement(Divider18, null), /* @__PURE__ */ React235.createElement(Stack148, { gap: "xs" }, /* @__PURE__ */ React235.createElement(
       Checkbox12,
       {
         label: "Set expiration",
         checked: expirationEnabled,
         onChange: (e) => setExpirationEnabled(e.currentTarget.checked)
       }
-    ), expirationEnabled && /* @__PURE__ */ React227.createElement(
+    ), expirationEnabled && /* @__PURE__ */ React235.createElement(
       NumberInput3,
       {
         label: "Expires in (days)",
@@ -23925,7 +24334,7 @@ var GrantPermissionModal = ({
         min: 1,
         max: 365
       }
-    )), /* @__PURE__ */ React227.createElement(
+    )), /* @__PURE__ */ React235.createElement(
       Checkbox12,
       {
         label: "Recipient can grant permissions to others",
@@ -23933,7 +24342,7 @@ var GrantPermissionModal = ({
         checked: canDelegate,
         onChange: (e) => setCanDelegate(e.currentTarget.checked)
       }
-    ), /* @__PURE__ */ React227.createElement(Divider17, null), /* @__PURE__ */ React227.createElement(
+    ), /* @__PURE__ */ React235.createElement(Divider18, null), /* @__PURE__ */ React235.createElement(
       TextInput9,
       {
         label: "Enter your PIN to sign this delegation",
@@ -23942,7 +24351,7 @@ var GrantPermissionModal = ({
         value: pin,
         onChange: (e) => setPin(e.currentTarget.value)
       }
-    ), error && /* @__PURE__ */ React227.createElement(Alert32, { color: "red" }, error), /* @__PURE__ */ React227.createElement(Group75, { justify: "flex-end" }, /* @__PURE__ */ React227.createElement(Button41, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React227.createElement(Button41, { onClick: handleGrant, loading }, "Grant Permission")))
+    ), error && /* @__PURE__ */ React235.createElement(Alert32, { color: "red" }, error), /* @__PURE__ */ React235.createElement(Group79, { justify: "flex-end" }, /* @__PURE__ */ React235.createElement(Button41, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React235.createElement(Button41, { onClick: handleGrant, loading }, "Grant Permission")))
   );
 };
 
@@ -24049,4 +24458,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-HEO27URH.mjs.map
+//# sourceMappingURL=chunk-44NJWFQK.mjs.map