@ixo/editor 2.14.0 → 2.15.0

package/dist/{chunk-LNFOOQY3.mjs → chunk-ER7KTMUM.mjs}

@@ -704,8 +704,8 @@ function PropertyValueInput({ property, value, onChange, disabled = false }) {
 // src/mantine/components/Base/BaseContainer.tsx
 import { Card } from "@mantine/core";
 import React6 from "react";
-function BaseContainer({ children, onClick }) {
-  return /* @__PURE__ */ React6.createElement(Card, { withBorder: true, radius: "lg", style: { width: "100%", cursor: onClick ? "pointer" : "default", position: "relative" }, onClick }, children);
+function BaseContainer({ children, onClick, style }) {
+  return /* @__PURE__ */ React6.createElement(Card, { withBorder: true, radius: "lg", style: { width: "100%", cursor: onClick ? "pointer" : "default", position: "relative", ...style }, onClick }, children);
 }
 
 // src/mantine/blocks/components/ConditionBuilder/ConditionRow.tsx
@@ -1060,6 +1060,10 @@ function BaseTextArea({ ...props }) {
     Textarea,
     {
       minRows: 2,
+      draggable: true,
+      autosize: true,
+      maxRows: 10,
+      resize: "vertical",
       radius: "md",
       styles: {
         input: {
@@ -1319,7 +1323,18 @@ import { Checkbox, Group as Group2, Stack as Stack7, Text as Text4 } from "@mant
 
 // src/mantine/utils/iconMap.tsx
 import React16 from "react";
-import { IconSquareCheck, IconPlus, IconUserDollar, IconFileText, IconCheckbox, IconNote, IconChecklist, IconThumbUp, IconBell } from "@tabler/icons-react";
+import {
+  IconSquareCheck,
+  IconPlus,
+  IconUserDollar,
+  IconFileText,
+  IconCheckbox,
+  IconNote,
+  IconChecklist,
+  IconThumbUp,
+  IconBell,
+  IconFeather
+} from "@tabler/icons-react";
 var ICON_MAP = {
   "square-check": IconSquareCheck,
   "file-text": IconFileText,
@@ -1329,7 +1344,8 @@ var ICON_MAP = {
   "thumb-up": IconThumbUp,
   bell: IconBell,
   plus: IconPlus,
-  "dollar-sign": IconUserDollar
+  "dollar-sign": IconUserDollar,
+  feather: IconFeather
 };
 var getIcon = (fallback = "square-check", key, color = "white", size = 26, stroke = 1.5) => {
   const validKey = key in ICON_MAP ? key : fallback;
@@ -15768,208 +15784,1486 @@ var DomainCreatorBlockSpec = createReactBlockSpec13(
   }
 );
 
-// src/mantine/blocks/registry/blockRegistry.ts
-var BlockRegistry = class {
-  constructor() {
-    this.blocks = /* @__PURE__ */ new Map();
-  }
-  register(entry) {
-    this.blocks.set(entry.type, entry);
-  }
-  get(type) {
-    return this.blocks.get(type);
-  }
-  getAll() {
-    return new Map(this.blocks);
-  }
-  getValidDependencies(type) {
-    const entry = this.get(type);
-    return entry?.validDependencies || [];
-  }
-  getPropSchema(type) {
-    const entry = this.get(type);
-    return entry?.propSchema;
-  }
-  isValidDependency(blockType, dependencyType) {
-    const validDeps = this.getValidDependencies(blockType);
-    return validDeps.includes(dependencyType);
-  }
-};
-var blockRegistry = new BlockRegistry();
-blockRegistry.register({
-  type: "proposal",
-  propSchema: {
-    title: "",
-    description: "",
-    icon: "\u{1F4DD}",
-    proposalId: "",
-    status: "draft",
-    contractAddress: "",
-    coreAddress: "",
-    createdProposalId: ""
-  },
-  validDependencies: [],
-  defaultProps: {
-    icon: "\u{1F4DD}",
-    status: "draft"
-  }
-});
-blockRegistry.register({
-  type: "proposalVote",
-  propSchema: {
-    title: "",
-    subtitle: "",
-    icon: "\u{1F5F3}\uFE0F",
-    status: "open",
-    daysLeft: 0,
-    proposalId: "",
-    proposalBlockId: "",
-    proposalContractAddress: ""
-  },
-  validDependencies: ["proposal"],
-  defaultProps: {
-    icon: "\u{1F5F3}\uFE0F",
-    status: "open",
-    daysLeft: 0,
-    proposalBlockId: ""
-  }
-});
-blockRegistry.register({
-  type: "list",
-  propSchema: {
-    title: "",
-    did: "",
-    fragmentIdentifier: ""
-  },
-  validDependencies: [],
-  defaultProps: {}
-});
-blockRegistry.register({
-  type: "overview",
-  propSchema: {
-    did: ""
-  },
-  validDependencies: [],
-  defaultProps: {}
-});
-blockRegistry.register({
-  type: "enumChecklist",
-  propSchema: {
-    listType: "",
-    listConfig: "{}"
-  },
-  validDependencies: [],
-  defaultProps: {}
-});
-blockRegistry.register({
-  type: "notify",
-  propSchema: {
-    title: "",
-    description: "",
-    icon: "bell",
-    channel: "email",
-    to: "[]",
-    cc: "[]",
-    bcc: "[]",
-    subject: "",
-    body: "",
-    bodyType: "text",
-    from: "",
-    replyTo: "",
-    templateId: "",
-    templateVariables: "{}",
-    status: "idle",
-    messageId: "",
-    sentAt: "",
-    errorMessage: "",
-    conditions: ""
-  },
-  validDependencies: [],
-  defaultProps: {
-    icon: "bell",
-    channel: "email",
-    bodyType: "text",
-    status: "idle"
-  }
-});
-blockRegistry.register({
-  type: "bid",
-  propSchema: {
-    title: "",
-    description: "",
-    did: "",
-    selectedCollections: "[]",
-    adminAddress: ""
-  },
-  validDependencies: [],
-  defaultProps: {}
-});
-blockRegistry.register({
-  type: "claim",
-  propSchema: {
-    title: "",
-    description: "",
-    icon: "square-check",
-    deedDid: "",
-    selectedCollections: "[]",
-    adminAddress: ""
-  },
-  validDependencies: [],
-  defaultProps: {
-    icon: "square-check"
-  }
-});
-blockRegistry.register({
-  type: "domainCreator",
-  propSchema: {
-    title: "",
-    description: "",
-    icon: "file-text",
-    surveySchema: "",
-    answers: "",
-    lastSubmission: ""
-  },
-  validDependencies: [],
-  defaultProps: {
-    icon: "file-text",
-    surveySchema: "",
-    answers: "",
-    lastSubmission: ""
-  }
-});
+// src/mantine/blocks/protocolSelector/ProtocolSelectorBlockSpec.tsx
+import React173 from "react";
+import { createReactBlockSpec as createReactBlockSpec14 } from "@blocknote/react";
 
-// src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo48, useEffect as useEffect42, useState as useState59, useCallback as useCallback40 } from "react";
+// src/mantine/blocks/protocolSelector/ProtocolSelectorBlock.tsx
+import React172 from "react";
 
-// src/mantine/blocks/hooks/useDependsOn.ts
-import { useMemo as useMemo49 } from "react";
+// src/mantine/blocks/protocolSelector/template/TemplateView.tsx
+import React168, { useMemo as useMemo49 } from "react";
 
-// src/mantine/blocks/index.ts
-var blockSpecs = {
-  checkbox: CheckboxBlockSpec,
-  list: ListBlockSpec,
-  enumChecklist: EnumChecklistBlock,
-  overview: OverviewBlock,
-  proposal: ProposalBlockSpec,
-  apiRequest: ApiRequestBlockSpec,
-  notify: NotifyBlockSpec,
-  claim: ClaimBlockSpec,
-  bid: BidBlockSpec,
-  evaluator: EvaluatorBlockSpec,
-  domainCreator: DomainCreatorBlockSpec,
-  visualization: VisualizationBlockSpec,
-  dynamicList: DynamicListBlockSpec
+// src/mantine/blocks/protocolSelector/template/TemplateConfig.tsx
+import React167, { useCallback as useCallback40 } from "react";
+
+// src/mantine/blocks/protocolSelector/template/GeneralTab.tsx
+import React166, { useEffect as useEffect42, useMemo as useMemo48, useState as useState59 } from "react";
+import { Divider as Divider11, Stack as Stack113, Text as Text86, PillsInput as PillsInput2, Pill as Pill2, Box as Box30 } from "@mantine/core";
+var GeneralTab10 = ({ title, description, protocolDids, onTitleChange, onDescriptionChange, onProtocolDidsChange }) => {
+  const [localTitle, setLocalTitle] = useState59(title || "");
+  const [localDescription, setLocalDescription] = useState59(description || "");
+  const [inputValue, setInputValue] = useState59("");
+  const localDids = useMemo48(() => {
+    try {
+      const parsed = JSON.parse(protocolDids || "[]");
+      return Array.isArray(parsed) ? parsed : [];
+    } catch {
+      return [];
+    }
+  }, [protocolDids]);
+  useEffect42(() => {
+    setLocalTitle(title || "");
+  }, [title]);
+  useEffect42(() => {
+    setLocalDescription(description || "");
+  }, [description]);
+  const handleAddDid = () => {
+    const trimmed = inputValue.trim();
+    if (trimmed && !localDids.includes(trimmed)) {
+      const newDids = [...localDids, trimmed];
+      onProtocolDidsChange(JSON.stringify(newDids));
+      setInputValue("");
+    }
+  };
+  const handleRemoveDid = (didToRemove) => {
+    const newDids = localDids.filter((did) => did !== didToRemove);
+    onProtocolDidsChange(JSON.stringify(newDids));
+  };
+  return /* @__PURE__ */ React166.createElement(Stack113, { gap: "lg" }, /* @__PURE__ */ React166.createElement(Stack113, { gap: "xs" }, /* @__PURE__ */ React166.createElement(Text86, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React166.createElement(
+    BaseTextInput,
+    {
+      placeholder: "e.g. Select type of the domain",
+      value: localTitle,
+      onChange: (event) => {
+        const newTitle = event.currentTarget.value;
+        setLocalTitle(newTitle);
+        onTitleChange(newTitle);
+      }
+    }
+  )), /* @__PURE__ */ React166.createElement(Stack113, { gap: "xs" }, /* @__PURE__ */ React166.createElement(
+    BaseTextArea,
+    {
+      label: "Description",
+      placeholder: "Describe what this selection is for",
+      minRows: 3,
+      value: localDescription,
+      onChange: (event) => {
+        const newDescription = event.currentTarget.value;
+        setLocalDescription(newDescription);
+        onDescriptionChange(newDescription);
+      }
+    }
+  )), /* @__PURE__ */ React166.createElement(Divider11, { variant: "dashed" }), /* @__PURE__ */ React166.createElement(Stack113, { gap: "xs" }, /* @__PURE__ */ React166.createElement(Text86, { size: "sm", fw: 600 }, "Protocol DIDs"), /* @__PURE__ */ React166.createElement(Text86, { size: "xs", c: "dimmed" }, "Add the protocol DIDs that users can select from. Enter a DID and press Enter to add it."), /* @__PURE__ */ React166.createElement(PillsInput2, null, /* @__PURE__ */ React166.createElement(Pill2.Group, null, localDids.map((did) => /* @__PURE__ */ React166.createElement(Pill2, { key: did, withRemoveButton: true, onRemove: () => handleRemoveDid(did) }, did.length > 30 ? `${did.slice(0, 15)}...${did.slice(-12)}` : did)), /* @__PURE__ */ React166.createElement(
+    PillsInput2.Field,
+    {
+      placeholder: localDids.length === 0 ? "Enter protocol DID and press Enter" : "",
+      value: inputValue,
+      onChange: (event) => setInputValue(event.currentTarget.value),
+      onKeyDown: (event) => {
+        if (event.key === "Enter") {
+          event.preventDefault();
+          handleAddDid();
+        }
+      }
+    }
+  ))), localDids.length > 0 && /* @__PURE__ */ React166.createElement(Box30, { mt: "xs" }, /* @__PURE__ */ React166.createElement(Text86, { size: "xs", c: "dimmed" }, localDids.length, " protocol", localDids.length !== 1 ? "s" : "", " configured"))));
 };
-var getExtraSlashMenuItems = (editor) => {
-  const slashMenuList = [
+
+// src/mantine/blocks/protocolSelector/template/TemplateConfig.tsx
+var TemplateConfig10 = ({ editor, block }) => {
+  const { closePanel } = usePanelStore();
+  const updateProp = useCallback40(
+    (key, value) => {
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          [key]: value
+        }
+      });
+    },
+    [editor, block]
+  );
+  return /* @__PURE__ */ React167.createElement(BaseRightPanelLayout, { title: "Protocol Selector Settings", onClose: closePanel }, /* @__PURE__ */ React167.createElement(
+    ReusablePanel,
     {
-      title: "Checkbox",
-      onItemClick: () => {
-        editor.insertBlocks(
-          [
+      extraTabs: [
+        {
+          label: "General",
+          value: "general",
+          content: /* @__PURE__ */ React167.createElement(
+            GeneralTab10,
             {
-              type: "checkbox",
-              props: {
+              title: block.props.title || "",
+              description: block.props.description || "",
+              protocolDids: block.props.protocolDids || "[]",
+              onTitleChange: (value) => updateProp("title", value),
+              onDescriptionChange: (value) => updateProp("description", value),
+              onProtocolDidsChange: (value) => updateProp("protocolDids", value)
+            }
+          )
+        }
+      ],
+      context: { editor, block }
+    }
+  ));
+};
+
+// src/mantine/blocks/protocolSelector/template/TemplateView.tsx
+import { Box as Box31, Group as Group51, Stack as Stack114, Text as Text87 } from "@mantine/core";
+import { IconCircleDashed as IconCircleDashed2 } from "@tabler/icons-react";
+var PROTOCOL_SELECTOR_TEMPLATE_PANEL_ID = "protocol-selector-template-panel";
+var ProtocolSelectorTemplateView = ({ editor, block }) => {
+  const panelId = `${PROTOCOL_SELECTOR_TEMPLATE_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo49(() => /* @__PURE__ */ React168.createElement(TemplateConfig10, { editor, block }), [editor, block]);
+  const { open } = usePanel(panelId, panelContent);
+  const protocolDids = useMemo49(() => {
+    try {
+      const parsed = JSON.parse(block.props.protocolDids || "[]");
+      return Array.isArray(parsed) ? parsed : [];
+    } catch {
+      return [];
+    }
+  }, [block.props.protocolDids]);
+  return /* @__PURE__ */ React168.createElement(BaseContainer, { onClick: open }, /* @__PURE__ */ React168.createElement(Group51, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React168.createElement(Group51, { wrap: "nowrap", align: "center", gap: "md" }, /* @__PURE__ */ React168.createElement(
+    Box31,
+    {
+      style: {
+        width: 40,
+        height: 40,
+        borderRadius: "50%",
+        border: "2px dashed var(--mantine-color-dark-3)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      }
+    },
+    /* @__PURE__ */ React168.createElement(IconCircleDashed2, { size: 20, color: "var(--mantine-color-dark-3)" })
+  ), /* @__PURE__ */ React168.createElement(Stack114, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React168.createElement(Text87, { fw: 500, size: "sm", contentEditable: false, lineClamp: 1 }, block.props.title || "Select type of the do..."), /* @__PURE__ */ React168.createElement(Text87, { size: "xs", c: "dimmed", contentEditable: false }, "Selection"))), /* @__PURE__ */ React168.createElement(Stack114, { gap: 2, align: "flex-end" }, /* @__PURE__ */ React168.createElement(Text87, { size: "sm", c: "dimmed", contentEditable: false }, "Pending"), /* @__PURE__ */ React168.createElement(Text87, { size: "xs", c: "dimmed", contentEditable: false }, protocolDids.length, " protocol", protocolDids.length !== 1 ? "s" : "", " configured"))));
+};
+
+// src/mantine/blocks/protocolSelector/flow/FlowView.tsx
+import React171, { useMemo as useMemo51 } from "react";
+import { Badge as Badge24, Box as Box33, Group as Group53, Stack as Stack116, Text as Text89, Tooltip as Tooltip16 } from "@mantine/core";
+import { IconCircleDashed as IconCircleDashed3, IconChecks } from "@tabler/icons-react";
+
+// src/mantine/blocks/protocolSelector/flow/ProtocolSelectionPanel.tsx
+import React170, { useState as useState60, useEffect as useEffect43, useMemo as useMemo50, useCallback as useCallback41 } from "react";
+import { Paper as Paper16, CloseButton as CloseButton9, Stack as Stack115, Text as Text88, Box as Box32, Group as Group52, Loader as Loader23 } from "@mantine/core";
+
+// src/icons/EntityAvatar.tsx
+import React169 from "react";
+var EntityAvatar = ({ size = 32, style }) => {
+  return /* @__PURE__ */ React169.createElement("svg", { width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", style }, /* @__PURE__ */ React169.createElement("rect", { width: "32", height: "32", rx: "16", fill: "#0B478E" }), /* @__PURE__ */ React169.createElement(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M22.4037 7.66251V10.0977H24.839C25.8991 10.0977 26.7482 10.0977 27.3639 10.1847C27.9691 10.2703 28.5581 10.4667 28.8008 11.0525C29.0434 11.6382 28.7658 12.1937 28.3983 12.6821C28.0245 13.179 27.4242 13.7794 26.6746 14.529L24.9528 16.2507L26.6745 17.9724C27.4242 18.722 28.0245 19.3224 28.3983 19.8194C28.7658 20.3077 29.0434 20.8632 28.8008 21.449C28.5581 22.0347 27.9691 22.2311 27.3639 22.3167C26.7482 22.4038 25.8991 22.4037 24.839 22.4037H22.4037V24.839C22.4037 25.8991 22.4038 26.7482 22.3167 27.3639C22.2311 27.9691 22.0347 28.5581 21.449 28.8008C20.8632 29.0434 20.3077 28.7658 19.8194 28.3983C19.3224 28.0245 18.7221 27.4242 17.9725 26.6746L16.2507 24.9528L14.529 26.6746C13.7794 27.4242 13.179 28.0245 12.6821 28.3983C12.1937 28.7658 11.6382 29.0434 11.0525 28.8008C10.4667 28.5581 10.2703 27.9691 10.1847 27.3639C10.0977 26.7482 10.0977 25.8991 10.0977 24.839V22.4037H7.6625C6.60236 22.4037 5.75328 22.4038 5.13756 22.3167C4.53241 22.2311 3.94331 22.0347 3.70068 21.449C3.45805 20.8632 3.73572 20.3077 4.10312 19.8194C4.47692 19.3224 5.07731 18.722 5.82693 17.9724L7.54864 16.2507L5.82695 14.529C5.07732 13.7794 4.47692 13.179 4.10312 12.6821C3.73572 12.1937 3.45805 11.6382 3.70068 11.0525C3.94331 10.4667 4.53241 10.2703 5.13756 10.1847C5.75327 10.0977 6.60233 10.0977 7.66245 10.0977H10.0977V7.66245C10.0977 6.60235 10.0977 5.75328 10.1847 5.13756C10.2703 4.53241 10.4667 3.94331 11.0525 3.70068C11.6382 3.45805 12.1937 3.73572 12.6821 4.10312C13.179 4.47692 13.7794 5.07731 14.529 5.82693L16.2507 7.54864L17.9724 5.82693C18.722 5.07732 19.3224 4.47692 19.8194 4.10312C20.3077 3.73572 20.8632 3.45805 21.449 3.70068C22.0347 3.94331 22.2311 4.53241 22.3167 5.13756C22.4038 5.75328 22.4037 6.60235 22.4037 7.66251ZM18.6213 6.53568C19.4077 5.74933 19.9604 5.19831 20.3964 4.8703C20.8476 4.53092 21.0089 4.55749 21.0816 4.58761C21.1543 4.61772 21.2871 4.71298 21.3662 5.27197C21.4426 5.81227 21.4437 6.59269 21.4437 7.7048V10.0977H18.7998L16.9295 8.22747L18.6213 6.53568ZM19.7598 11.0577H21.4437V12.7417L19.7598 11.0577ZM22.4037 11.0577V13.7017L24.274 15.5719L25.9658 13.8802C26.7521 13.0938 27.3031 12.5411 27.6311 12.105C27.9706 11.6539 27.944 11.4926 27.9139 11.4199C27.8837 11.3471 27.7885 11.2143 27.2295 11.1353C26.6892 11.0589 25.9087 11.0577 24.7967 11.0577H22.4037ZM20.9577 13.6132L21.4437 14.0993V14.7848C21.5751 15.2509 21.6453 15.7427 21.6453 16.2508C21.6453 16.7589 21.5751 17.2507 21.4437 17.7168V18.4022L20.9578 18.8881C20.4717 19.7538 19.7537 20.4718 18.8879 20.958L18.4022 21.4437H17.7171C17.2508 21.5751 16.759 21.6454 16.2507 21.6454C15.7423 21.6454 15.2505 21.5751 14.7842 21.4437H14.0993L13.6137 20.9581C12.7477 20.472 12.0294 19.7538 11.5433 18.8877L11.0577 18.4022V17.7173C10.9263 17.251 10.856 16.7591 10.856 16.2508C10.856 15.7425 10.9263 15.2506 11.0577 14.7842V14.0993L11.5434 13.6136C12.0295 12.7478 12.7476 12.0297 13.6134 11.5436L14.0993 11.0577H14.7846C15.2507 10.9264 15.7425 10.8561 16.2507 10.8561C16.7588 10.8561 17.2506 10.9264 17.7167 11.0577H18.4022L18.8882 11.5437C19.7538 12.0298 20.4716 12.7477 20.9577 13.6132ZM22.4037 15.0593V17.4422L23.5952 16.2507L22.4037 15.0593ZM19.7598 21.4437L21.4437 19.7598V21.4437H19.7598ZM22.4037 18.7998V21.4437H24.7967C25.9087 21.4437 26.6892 21.4426 27.2295 21.3662C27.7885 21.2871 27.8837 21.1543 27.9139 21.0816C27.944 21.0089 27.9706 20.8476 27.6311 20.3964C27.3031 19.9604 26.7521 19.4077 25.9658 18.6213L24.274 16.9295L22.4037 18.7998ZM18.7998 22.4037H21.4437V24.7967C21.4437 25.9087 21.4426 26.6892 21.3662 27.2295C21.2871 27.7885 21.1543 27.8837 21.0816 27.9139C21.0089 27.944 20.8476 27.9706 20.3964 27.6311C19.9604 27.3031 19.4077 26.7521 18.6213 25.9658L16.9295 24.274L18.7998 22.4037ZM17.4422 22.4037L16.2507 23.5952L15.0593 22.4037H17.4422ZM11.0577 19.7598L12.7417 21.4437H11.0577V19.7598ZM13.7017 22.4037H11.0577V24.7967C11.0577 25.9087 11.0589 26.6892 11.1353 27.2295C11.2143 27.7885 11.3471 27.8837 11.4199 27.9139C11.4926 27.944 11.6539 27.9706 12.105 27.6311C12.5411 27.3031 13.0938 26.7521 13.8802 25.9658L15.5719 24.274L13.7017 22.4037ZM10.0977 18.7998V21.4437H7.70477C6.59272 21.4437 5.81224 21.4426 5.27197 21.3662C4.71298 21.2871 4.61772 21.1543 4.58761 21.0816C4.55749 21.0089 4.53092 20.8476 4.8703 20.3964C5.19831 19.9604 5.74935 19.4077 6.53569 18.6213L8.22747 16.9295L10.0977 18.7998ZM10.0977 17.4422L8.90629 16.2507L10.0977 15.0593V17.4422ZM12.7417 11.0577L11.0577 12.7417V11.0577H12.7417ZM10.0977 13.7017V11.0577H7.70477C6.59272 11.0577 5.81224 11.0589 5.27197 11.1353C4.71298 11.2143 4.61772 11.3471 4.58761 11.4199C4.55749 11.4926 4.53092 11.6539 4.8703 12.105C5.19831 12.5411 5.74935 13.0938 6.53569 13.8802L8.22747 15.5719L10.0977 13.7017ZM13.7017 10.0977H11.0577V7.70475C11.0577 6.59269 11.0589 5.81227 11.1353 5.27197C11.2143 4.71298 11.3471 4.61772 11.4199 4.58761C11.4926 4.55749 11.6539 4.53092 12.105 4.8703C12.5411 5.19831 13.0938 5.74933 13.8802 6.53568L15.5719 8.22747L13.7017 10.0977ZM15.0593 10.0977L16.2507 8.90629L17.4422 10.0977H15.0593Z",
+      fill: "url(#paint0_linear_entity)"
+    }
+  ), /* @__PURE__ */ React169.createElement(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M19.5819 8.21266L18.65 5.96285C18.2443 4.98338 17.9194 4.19893 17.6034 3.6634C17.2928 3.13706 16.8858 2.66797 16.2518 2.66797C15.6178 2.66797 15.2109 3.13706 14.9002 3.6634C14.5842 4.19892 14.2593 4.98336 13.8536 5.9628L12.9218 8.21229L10.6723 7.2805C9.69293 6.8748 8.9085 6.54989 8.30632 6.39469C7.71449 6.24216 7.09507 6.19821 6.64675 6.64653C6.19843 7.09485 6.24241 7.71426 6.39493 8.3061C6.55011 8.90824 6.87504 9.69266 7.28074 10.6721L8.21266 12.922L5.96279 13.8539C4.98336 14.2596 4.19892 14.5845 3.6634 14.9006C3.13706 15.2112 2.66797 15.6181 2.66797 16.2521C2.66797 16.8862 3.13706 17.2931 3.6634 17.6037C4.19891 17.9198 4.98331 18.2447 5.96269 18.6503L8.21229 19.5822L7.28052 21.8316C6.87482 22.8111 6.54988 23.5955 6.3947 24.1976C6.24218 24.7895 6.1982 25.4089 6.64652 25.8572C7.09484 26.3055 7.71426 26.2616 8.3061 26.109C8.90824 25.9538 9.69272 25.6289 10.6721 25.2232L12.922 24.2913L13.8539 26.5412C14.2596 27.5206 14.5845 28.305 14.9006 28.8406C15.2112 29.3669 15.6181 29.836 16.2521 29.836C16.8862 29.836 17.2931 29.3669 17.6037 28.8406C17.9198 28.305 18.2447 27.5207 18.6503 26.5413L19.5822 24.2916L21.8315 25.2234C22.811 25.6291 23.5955 25.9541 24.1976 26.1093C24.7895 26.2618 25.4089 26.3058 25.8572 25.8575C26.3055 25.4091 26.2616 24.7897 26.109 24.1979C25.9538 23.5957 25.6289 22.8113 25.2232 21.8319L24.2913 19.5819L26.5411 18.65C27.5206 18.2443 28.305 17.9194 28.8406 17.6034C29.3669 17.2928 29.836 16.8858 29.836 16.2518C29.836 15.6178 29.3669 15.2109 28.8406 14.9002C28.305 14.5842 27.5206 14.2593 26.5411 13.8536L24.2916 12.9218L25.2234 10.6723C25.6291 9.69293 25.9541 8.90845 26.1093 8.30632C26.2618 7.71448 26.3058 7.09506 25.8575 6.64674C25.4091 6.19842 24.7897 6.24242 24.1979 6.3949C23.5957 6.5501 22.8113 6.87506 21.8319 7.28072L19.5819 8.21266ZM15.727 4.15134C15.4497 4.62125 15.1499 5.34184 14.7243 6.36925L13.8088 8.57965L16.2524 9.59186L18.6951 8.58008L17.7793 6.36925C17.3537 5.34184 17.0539 4.62125 16.7766 4.15134C16.4897 3.66514 16.3305 3.62797 16.2518 3.62797C16.1731 3.62797 16.0139 3.66514 15.727 4.15134ZM19.0624 9.46701L17.5067 10.1114L19.7069 11.0227L19.0624 9.46701ZM20.9611 11.5423L19.9494 9.0996L22.1601 8.18386C23.1875 7.75832 23.9091 7.46072 24.4375 7.32456C24.9841 7.18365 25.123 7.26994 25.1786 7.32557C25.2343 7.3812 25.3206 7.52008 25.1796 8.06674C25.0435 8.59512 24.7459 9.31666 24.3203 10.3441L23.4048 12.5545L20.9611 11.5423ZM19.5888 12.013C19.9236 12.2768 20.2264 12.5795 20.4903 12.9142C21.0909 13.6758 21.4906 14.6031 21.6096 15.6163C21.634 15.8248 21.6466 16.037 21.6466 16.2521C21.6466 16.4674 21.6341 16.6798 21.6095 16.8886C21.4905 17.9012 21.091 18.828 20.4909 19.5893C20.2272 19.9237 19.9247 20.2263 19.5903 20.49C18.8286 21.091 17.9008 21.4909 16.8872 21.6097C16.6788 21.6342 16.4668 21.6468 16.252 21.6468C16.0367 21.6468 15.8244 21.6342 15.6159 21.6097C14.603 21.4907 13.6759 21.0911 12.9145 20.4907C12.5801 20.2271 12.2776 19.9247 12.0139 19.5904C11.4131 18.8287 11.0132 17.9009 10.8943 16.8874C10.8699 16.6791 10.8572 16.467 10.8572 16.2521C10.8572 16.0367 10.8699 15.8243 10.8944 15.6155C11.0135 14.603 11.4129 13.6762 12.013 12.915C12.2768 12.5803 12.5795 12.2776 12.9141 12.0137C13.6756 11.4132 14.603 11.0135 15.6161 10.8945C15.8246 10.87 16.0368 10.8574 16.252 10.8574C16.4674 10.8574 16.68 10.87 16.8889 10.8946C17.9012 11.0137 18.8278 11.4131 19.5888 12.013ZM22.3926 14.998L21.4807 12.7966L23.0374 13.4414L22.3926 14.998ZM22.3926 17.5067L21.4812 19.7068L23.037 19.0624L22.3926 17.5067ZM23.9239 18.6951L22.9121 16.2524L23.9243 13.8088L26.1347 14.7243C27.1621 15.1499 27.8827 15.4497 28.3526 15.727C28.8388 16.0139 28.876 16.1731 28.876 16.2518C28.876 16.3305 28.8388 16.4897 28.3526 16.7766C27.8827 17.0539 27.1621 17.3537 26.1347 17.7793L23.9239 18.6951ZM23.4043 19.9494L20.9617 20.9611L19.9495 23.4048L22.1599 24.3203C23.1873 24.7459 23.9088 25.0435 24.4372 25.1796C24.9839 25.3206 25.1227 25.2343 25.1784 25.1786C25.2341 25.123 25.3203 24.9841 25.1794 24.4375C25.0432 23.9091 24.7457 23.1875 24.3201 22.1601L23.4043 19.9494ZM19.0626 23.0374L19.7074 21.4807L17.5059 22.3926L19.0626 23.0374ZM14.9973 22.3926L12.7971 21.4812L13.4416 23.037L14.9973 22.3926ZM13.8089 23.9239L16.2516 22.9121L18.6952 23.9243L17.7796 26.1347C17.354 27.1621 17.0543 27.8827 16.777 28.3526C16.49 28.8388 16.3308 28.876 16.2521 28.876C16.1735 28.876 16.0143 28.8388 15.7273 28.3526C15.45 27.8827 15.1502 27.1621 14.7247 26.1347L13.8089 23.9239ZM12.5546 23.4043L11.5428 20.9617L9.09922 19.9495L8.18365 22.1599C7.75808 23.1873 7.46049 23.9088 7.32432 24.4372C7.18343 24.9839 7.26969 25.1227 7.32534 25.1784C7.38099 25.2341 7.51982 25.3203 8.06653 25.1794C8.5949 25.0432 9.3164 24.7457 10.3438 24.3201L12.5546 23.4043ZM9.46658 19.0626L11.0233 19.7074L10.1114 17.5059L9.46658 19.0626ZM10.1114 14.9973L11.0227 12.7971L9.46701 13.4416L10.1114 14.9973ZM8.58008 13.8089L9.59186 16.2516L8.57965 18.6952L6.36926 17.7796C5.34186 17.354 4.62125 17.0543 4.15134 16.777C3.66514 16.49 3.62797 16.3308 3.62797 16.2521C3.62797 16.1735 3.66514 16.0143 4.15134 15.7273C4.62125 15.45 5.34186 15.1502 6.36926 14.7247L8.58008 13.8089ZM9.0996 12.5546L11.5423 11.5428L12.5545 9.09922L10.3441 8.18365C9.31666 7.75805 8.59512 7.4605 8.06674 7.32434C7.52005 7.18344 7.38122 7.26968 7.32557 7.32536C7.26992 7.38098 7.18366 7.51981 7.32455 8.06653C7.46072 8.5949 7.7583 9.3164 8.18386 10.3438L9.0996 12.5546ZM13.4414 9.46658L12.7966 11.0233L14.998 10.1114L13.4414 9.46658Z",
+      fill: "url(#paint1_linear_entity)"
+    }
+  ), /* @__PURE__ */ React169.createElement("defs", null, /* @__PURE__ */ React169.createElement("linearGradient", { id: "paint0_linear_entity", x1: "16.2507", y1: "2.55445", x2: "16.2507", y2: "29.947", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React169.createElement("stop", { stopColor: "#2BFFBF" }), /* @__PURE__ */ React169.createElement("stop", { offset: "1", stopColor: "#1BA897" })), /* @__PURE__ */ React169.createElement("linearGradient", { id: "paint1_linear_entity", x1: "10.3207", y1: "1.12708", x2: "20.2572", y2: "30.2205", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React169.createElement("stop", { stopColor: "#58F5FF" }), /* @__PURE__ */ React169.createElement("stop", { offset: "1", stopColor: "#1A7E8C" }))));
+};
+var EntityAvatar_default = EntityAvatar;
+
+// src/mantine/blocks/protocolSelector/flow/ProtocolSelectionPanel.tsx
+var ProtocolSelectionPanel = ({ editor, block }) => {
+  const { closePanel } = usePanelStore();
+  const handlers = useBlocknoteHandlers();
+  const protocolDids = useMemo50(() => {
+    try {
+      const parsed = JSON.parse(block.props.protocolDids || "[]");
+      return Array.isArray(parsed) ? parsed : [];
+    } catch {
+      return [];
+    }
+  }, [block.props.protocolDids]);
+  const [protocols, setProtocols] = useState60([]);
+  useEffect43(() => {
+    if (protocolDids.length === 0) {
+      setProtocols([]);
+      return;
+    }
+    const initialProtocols = protocolDids.map((did) => ({
+      did,
+      name: did,
+      type: "Protocol",
+      description: "",
+      loading: true
+    }));
+    setProtocols(initialProtocols);
+    protocolDids.forEach(async (did, index) => {
+      try {
+        if (handlers.getEntity) {
+          const entity = await handlers.getEntity(did);
+          console.log("entity", entity);
+          let metadata = {};
+          if (entity?.metadata) {
+            try {
+              metadata = typeof entity.metadata === "string" ? JSON.parse(entity.metadata) : entity.metadata;
+            } catch {
+            }
+          }
+          const rawType = entity?.type || "";
+          const extractedType = rawType.includes("/") ? rawType.split("/").pop() || rawType : rawType;
+          const displayType = extractedType.charAt(0).toUpperCase() + extractedType.slice(1);
+          setProtocols(
+            (prev) => prev.map(
+              (p, i) => i === index ? {
+                ...p,
+                name: metadata?.name || entity?.id || did,
+                type: displayType || "Protocol",
+                description: metadata?.description || "",
+                loading: false
+              } : p
+            )
+          );
+        } else {
+          setProtocols(
+            (prev) => prev.map(
+              (p, i) => i === index ? {
+                ...p,
+                name: `Protocol ${index + 1}`,
+                type: "Protocol",
+                description: `DID: ${did}`,
+                loading: false
+              } : p
+            )
+          );
+        }
+      } catch (_error) {
+        setProtocols(
+          (prev) => prev.map(
+            (p, i) => i === index ? {
+              ...p,
+              name: `Protocol ${index + 1}`,
+              type: "Protocol",
+              description: `DID: ${did}`,
+              loading: false,
+              error: "Failed to fetch entity info"
+            } : p
+          )
+        );
+      }
+    });
+  }, [protocolDids, handlers]);
+  const handleSelectProtocol = useCallback41(
+    (protocol) => {
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          selectedProtocolDid: protocol.did,
+          selectedProtocolName: protocol.name,
+          selectedProtocolType: protocol.type,
+          status: "completed"
+        }
+      });
+      closePanel();
+    },
+    [editor, block, closePanel]
+  );
+  const selectedDid = block.props.selectedProtocolDid;
+  return /* @__PURE__ */ React170.createElement(
+    Paper16,
+    {
+      p: "md",
+      shadow: "sm",
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        position: "relative"
+      }
+    },
+    /* @__PURE__ */ React170.createElement(Group52, { justify: "space-between", align: "center", mb: "xl" }, /* @__PURE__ */ React170.createElement(Text88, { fz: 16, fw: 600 }, block.props.title || "Select Protocol"), /* @__PURE__ */ React170.createElement(CloseButton9, { onClick: closePanel })),
+    /* @__PURE__ */ React170.createElement(Stack115, { gap: "sm", style: { flex: 1, overflow: "auto" } }, protocols.length === 0 ? /* @__PURE__ */ React170.createElement(Box32, { py: "md" }, /* @__PURE__ */ React170.createElement(Text88, { c: "dimmed", ta: "center" }, "No protocols configured.", /* @__PURE__ */ React170.createElement("br", null), "Add protocol DIDs in template mode.")) : protocols.map((protocol) => {
+      const isSelected = protocol.did === selectedDid;
+      return /* @__PURE__ */ React170.createElement(
+        Box32,
+        {
+          key: protocol.did,
+          onClick: () => !protocol.loading && handleSelectProtocol(protocol),
+          style: {
+            padding: "12px 16px",
+            borderRadius: 12,
+            border: isSelected ? "2px solid var(--mantine-primary-color-filled)" : "1px solid var(--mantine-color-dark-4)",
+            backgroundColor: isSelected ? "var(--mantine-color-dark-6)" : "var(--mantine-color-dark-7)",
+            cursor: protocol.loading ? "wait" : "pointer",
+            transition: "all 0.15s ease",
+            "&:hover": {
+              backgroundColor: "var(--mantine-color-dark-6)"
+            }
+          }
+        },
+        /* @__PURE__ */ React170.createElement(Group52, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React170.createElement(Group52, { wrap: "nowrap", align: "center", gap: "md", style: { flex: 1 } }, protocol.loading ? /* @__PURE__ */ React170.createElement(Loader23, { size: "xs", color: "white" }) : /* @__PURE__ */ React170.createElement(EntityAvatar_default, { size: 24 }), /* @__PURE__ */ React170.createElement(Stack115, { gap: 2, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React170.createElement(Text88, { fw: 500, size: "sm", lineClamp: 1 }, protocol.loading ? "Loading..." : protocol.type), /* @__PURE__ */ React170.createElement(Text88, { size: "xs", c: "dimmed", lineClamp: 2 }, protocol.loading ? "Fetching protocol info..." : protocol.description || protocol.did))))
+      );
+    }))
+  );
+};
+
+// src/mantine/blocks/protocolSelector/flow/FlowView.tsx
+var PROTOCOL_SELECTOR_FLOW_PANEL_ID = "protocol-selector-flow-panel";
+var ProtocolSelectorFlowView = ({ editor, block, isDisabled }) => {
+  const disabled = isDisabled?.isDisabled === "disable";
+  const panelId = `${PROTOCOL_SELECTOR_FLOW_PANEL_ID}-${block.id}`;
+  const isCompleted = block.props.status === "completed" && block.props.selectedProtocolDid;
+  const panelContent = useMemo51(() => /* @__PURE__ */ React171.createElement(ProtocolSelectionPanel, { editor, block }), [editor, block]);
+  const { open } = usePanel(panelId, panelContent);
+  const handleClick = () => {
+    if (disabled) return;
+    open();
+  };
+  const containerContent = /* @__PURE__ */ React171.createElement(BaseContainer, { onClick: disabled ? void 0 : handleClick }, /* @__PURE__ */ React171.createElement(Group53, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React171.createElement(Group53, { wrap: "nowrap", align: "center", gap: "md" }, /* @__PURE__ */ React171.createElement(
+    Box33,
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        opacity: disabled ? 0.5 : 1
+      }
+    },
+    /* @__PURE__ */ React171.createElement(IconCircleDashed3, { size: 26, color: "white" })
+  ), /* @__PURE__ */ React171.createElement(Stack116, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React171.createElement(Text89, { fw: 500, size: "sm", lineClamp: 1, style: { opacity: disabled ? 0.5 : 1 } }, block.props.title || "Select Protocol"), isCompleted && block.props.selectedProtocolType ? /* @__PURE__ */ React171.createElement(Badge24, { size: "sm", styles: { root: { backgroundColor: "var(--mantine-primary-color-light)", color: "var(--mantine-primary-color-filled)" } } }, block.props.selectedProtocolType) : /* @__PURE__ */ React171.createElement(Text89, { size: "xs", c: "dimmed", style: { opacity: disabled ? 0.5 : 1 } }, "Selection"))), /* @__PURE__ */ React171.createElement(Stack116, { gap: 2, align: "flex-end" }, isCompleted ? /* @__PURE__ */ React171.createElement(React171.Fragment, null, /* @__PURE__ */ React171.createElement(Group53, { gap: 4 }, /* @__PURE__ */ React171.createElement(IconChecks, { size: 16, color: "var(--mantine-color-green-4)" }), /* @__PURE__ */ React171.createElement(Text89, { size: "sm", c: "green.4", fw: 500 }, "Completed")), /* @__PURE__ */ React171.createElement(Text89, { size: "xs", c: "dimmed", lineClamp: 1 }, block.props.selectedProtocolName || block.props.selectedProtocolDid)) : /* @__PURE__ */ React171.createElement(React171.Fragment, null, /* @__PURE__ */ React171.createElement(Text89, { size: "sm" }, "Pending"), /* @__PURE__ */ React171.createElement(Text89, { size: "xs", c: "dimmed" }, "Complete now")))));
+  if (disabled && isDisabled?.message) {
+    return /* @__PURE__ */ React171.createElement(Tooltip16, { label: isDisabled.message, position: "top", withArrow: true }, /* @__PURE__ */ React171.createElement(Box33, { style: { cursor: "not-allowed" } }, containerContent));
+  }
+  return containerContent;
+};
+
+// src/mantine/blocks/protocolSelector/ProtocolSelectorBlock.tsx
+function ProtocolSelectorBlock({ editor, block }) {
+  const { docType } = useBlocknoteContext();
+  const { actions } = useBlockConditions(block, editor);
+  if (docType === "template") {
+    return /* @__PURE__ */ React172.createElement(ProtocolSelectorTemplateView, { 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__ */ React172.createElement(
+    ProtocolSelectorFlowView,
+    {
+      block,
+      editor,
+      isDisabled: shouldDisable ? {
+        isDisabled: "disable",
+        message: "This protocol selector is currently disabled by conditions"
+      } : void 0
+    }
+  );
+}
+
+// src/mantine/blocks/protocolSelector/ProtocolSelectorBlockSpec.tsx
+var ProtocolSelectorBlockSpec = createReactBlockSpec14(
+  {
+    type: "protocolSelector",
+    propSchema: {
+      title: {
+        default: ""
+      },
+      description: {
+        default: ""
+      },
+      icon: {
+        default: "git-branch"
+      },
+      protocolDids: {
+        default: "[]"
+      },
+      selectedProtocolDid: {
+        default: ""
+      },
+      selectedProtocolName: {
+        default: ""
+      },
+      selectedProtocolType: {
+        default: ""
+      },
+      status: {
+        default: "pending"
+      },
+      conditions: {
+        default: ""
+      }
+    },
+    content: "none"
+  },
+  {
+    render: (props) => {
+      const ixoProps = props;
+      return /* @__PURE__ */ React173.createElement(ProtocolSelectorBlock, { ...ixoProps });
+    }
+  }
+);
+
+// src/mantine/blocks/form/FormBlockSpec.tsx
+import React180 from "react";
+import { createReactBlockSpec as createReactBlockSpec15 } from "@blocknote/react";
+
+// src/mantine/blocks/form/FormBlock.tsx
+import React179 from "react";
+
+// src/mantine/blocks/form/template/TemplateView.tsx
+import React176, { useMemo as useMemo52 } from "react";
+import { Badge as Badge25, Group as Group54, Stack as Stack117, Text as Text91 } from "@mantine/core";
+
+// src/mantine/blocks/form/template/TemplateConfig.tsx
+import React175, { useCallback as useCallback42 } from "react";
+import { Paper as Paper17, CloseButton as CloseButton10, Title as Title13 } from "@mantine/core";
+
+// src/mantine/blocks/form/template/GeneralTab.tsx
+import React174, { useEffect as useEffect44, useState as useState61 } from "react";
+import { Text as Text90 } from "@mantine/core";
+var GeneralTab11 = ({ title, description, icon, surveySchema, onTitleChange, onDescriptionChange, onIconChange, onSurveySchemaChange }) => {
+  const [localTitle, setLocalTitle] = useState61(title || "");
+  const [localDescription, setLocalDescription] = useState61(description || "");
+  const [localIcon, setLocalIcon] = useState61(icon || "checklist");
+  const [localSchema, setLocalSchema] = useState61(surveySchema || "");
+  const [schemaError, setSchemaError] = useState61(null);
+  useEffect44(() => setLocalTitle(title || ""), [title]);
+  useEffect44(() => setLocalDescription(description || ""), [description]);
+  useEffect44(() => setLocalIcon(icon || "checklist"), [icon]);
+  useEffect44(() => setLocalSchema(surveySchema || ""), [surveySchema]);
+  const handleSchemaChange = (value) => {
+    setLocalSchema(value);
+    setSchemaError(null);
+    if (value.trim()) {
+      try {
+        JSON.parse(value);
+        onSurveySchemaChange(value);
+      } catch {
+        setSchemaError("Invalid JSON format");
+      }
+    } else {
+      onSurveySchemaChange("");
+    }
+  };
+  return /* @__PURE__ */ React174.createElement(BaseSection, null, /* @__PURE__ */ React174.createElement(
+    BaseTextInput,
+    {
+      label: "Title",
+      placeholder: "e.g. Basic Information",
+      value: localTitle,
+      onChange: (event) => {
+        const newValue = event.currentTarget.value;
+        setLocalTitle(newValue);
+        onTitleChange(newValue);
+      }
+    }
+  ), /* @__PURE__ */ React174.createElement(
+    BaseTextArea,
+    {
+      label: "Description",
+      placeholder: "Short description of the form",
+      minRows: 2,
+      value: localDescription,
+      onChange: (event) => {
+        const newValue = event.currentTarget.value;
+        setLocalDescription(newValue);
+        onDescriptionChange(newValue);
+      }
+    }
+  ), /* @__PURE__ */ React174.createElement(
+    BaseTextInput,
+    {
+      label: "Icon",
+      description: "Use a supported icon key (e.g. checklist, file-text, checkbox)",
+      placeholder: "checklist",
+      value: localIcon,
+      onChange: (event) => {
+        const newValue = event.currentTarget.value;
+        setLocalIcon(newValue);
+        onIconChange(newValue);
+      }
+    }
+  ), /* @__PURE__ */ React174.createElement(
+    BaseTextArea,
+    {
+      label: "Survey Schema (JSON)",
+      description: "Paste your SurveyJS schema JSON here",
+      placeholder: '{"elements": [{"type": "text", "name": "question1", "title": "Your question"}]}',
+      minRows: 8,
+      value: localSchema,
+      onChange: (event) => handleSchemaChange(event.currentTarget.value),
+      error: schemaError
+    }
+  ), localSchema && !schemaError && /* @__PURE__ */ React174.createElement(Text90, { size: "xs", c: "green" }, "\u2713 Valid JSON schema"));
+};
+
+// src/mantine/blocks/form/template/TemplateConfig.tsx
+var TemplateConfig11 = ({ editor, block }) => {
+  const { closePanel } = usePanelStore();
+  const updateProp = useCallback42(
+    (key, value) => {
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          [key]: value
+        }
+      });
+    },
+    [editor, block]
+  );
+  return /* @__PURE__ */ React175.createElement(
+    Paper17,
+    {
+      p: "md",
+      shadow: "sm",
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    /* @__PURE__ */ React175.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          marginBottom: "1rem"
+        }
+      },
+      /* @__PURE__ */ React175.createElement(Title13, { order: 3 }, "Form Settings"),
+      /* @__PURE__ */ React175.createElement(CloseButton10, { onClick: closePanel })
+    ),
+    /* @__PURE__ */ React175.createElement(
+      ReusablePanel,
+      {
+        extraTabs: [
+          {
+            label: "General",
+            value: "general",
+            content: /* @__PURE__ */ React175.createElement(
+              GeneralTab11,
+              {
+                title: block.props.title || "",
+                description: block.props.description || "",
+                icon: block.props.icon || "checklist",
+                surveySchema: block.props.surveySchema || "",
+                onTitleChange: (value) => updateProp("title", value),
+                onDescriptionChange: (value) => updateProp("description", value),
+                onIconChange: (value) => updateProp("icon", value),
+                onSurveySchemaChange: (value) => updateProp("surveySchema", value)
+              }
+            )
+          }
+        ],
+        context: { editor, block }
+      }
+    )
+  );
+};
+
+// src/mantine/blocks/form/template/TemplateView.tsx
+var FORM_TEMPLATE_PANEL_ID = "form-template-panel";
+var FormTemplateView = ({ editor, block }) => {
+  const panelId = `${FORM_TEMPLATE_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo52(() => /* @__PURE__ */ React176.createElement(TemplateConfig11, { editor, block }), [editor, block]);
+  const { open } = usePanel(panelId, panelContent);
+  const hasSchema = Boolean(block.props.surveySchema);
+  return /* @__PURE__ */ React176.createElement(BaseContainer, { onClick: open }, /* @__PURE__ */ React176.createElement(Badge25, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React176.createElement(Group54, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React176.createElement(Group54, { wrap: "nowrap", align: "center" }, getIcon("checklist", block.props.icon), /* @__PURE__ */ React176.createElement(Stack117, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React176.createElement(Text91, { fw: 500, size: "sm" }, block.props.title || "Form"), /* @__PURE__ */ React176.createElement(Text91, { size: "xs", c: "dimmed" }, hasSchema ? "Form configured" : "Click to configure form schema")))));
+};
+
+// src/mantine/blocks/form/flow/FlowView.tsx
+import React178, { useMemo as useMemo54, useState as useState62, useCallback as useCallback44 } from "react";
+import { ActionIcon as ActionIcon26, Badge as Badge26, Group as Group56, Stack as Stack119, Text as Text93, Tooltip as Tooltip17 } from "@mantine/core";
+import { IconChevronRight as IconChevronRight7 } from "@tabler/icons-react";
+
+// src/mantine/blocks/form/flow/FormPanel.tsx
+import React177, { useCallback as useCallback43, useEffect as useEffect45, useMemo as useMemo53, useRef as useRef10 } from "react";
+import { Alert as Alert23, CloseButton as CloseButton11, Group as Group55, Stack as Stack118, Text as Text92, Title as Title14 } from "@mantine/core";
+import { useDebouncedCallback as useDebouncedCallback2 } from "@mantine/hooks";
+import { IconAlertCircle as IconAlertCircle10 } from "@tabler/icons-react";
+import { Survey as Survey6, SurveyModel as SurveyModel6 } from "@ixo/surveys";
+var SYNC_DEBOUNCE_MS2 = 300;
+function deepEqual2(a, b) {
+  if (a === b) return true;
+  if (a === null || b === null) return a === b;
+  if (typeof a !== typeof b) return false;
+  if (typeof a !== "object") return false;
+  if (Array.isArray(a) && Array.isArray(b)) {
+    if (a.length !== b.length) return false;
+    return a.every((item, index) => deepEqual2(item, b[index]));
+  }
+  if (Array.isArray(a) !== Array.isArray(b)) return false;
+  const aObj = a;
+  const bObj = b;
+  const aKeys = Object.keys(aObj);
+  const bKeys = Object.keys(bObj);
+  if (aKeys.length !== bKeys.length) return false;
+  return aKeys.every((key) => deepEqual2(aObj[key], bObj[key]));
+}
+var FormPanel = ({ editor, block, onComplete }) => {
+  const { closePanel } = usePanelStore();
+  const isUpdatingFromProp = useRef10(false);
+  const lastSyncedAnswers = useRef10("");
+  const surveySchema = useMemo53(() => {
+    if (!block.props.surveySchema) return null;
+    try {
+      return JSON.parse(block.props.surveySchema);
+    } catch {
+      return null;
+    }
+  }, [block.props.surveySchema]);
+  const surveyModel = useMemo53(() => {
+    if (!surveySchema) return null;
+    const model = new SurveyModel6(surveySchema);
+    model.applyTheme(surveyTheme);
+    model.showQuestionNumbers = "off";
+    model.questionsOnPageMode = "singlePage";
+    model.completeText = "Complete";
+    return model;
+  }, [surveySchema]);
+  const syncPropToSurvey = useCallback43(
+    (answersJson) => {
+      if (!surveyModel || !answersJson || answersJson === lastSyncedAnswers.current) return;
+      try {
+        const answers = JSON.parse(answersJson);
+        isUpdatingFromProp.current = true;
+        Object.entries(answers).forEach(([key, value]) => {
+          const currentValue = surveyModel.getValue(key);
+          if (!deepEqual2(currentValue, value)) {
+            surveyModel.setValue(key, value);
+          }
+        });
+        lastSyncedAnswers.current = answersJson;
+      } catch (err) {
+        console.error("Failed to parse answers prop:", err);
+      } finally {
+        isUpdatingFromProp.current = false;
+      }
+    },
+    [surveyModel]
+  );
+  const syncSurveyToProp = useDebouncedCallback2((data) => {
+    const newAnswersJson = JSON.stringify(data);
+    if (newAnswersJson === lastSyncedAnswers.current) return;
+    lastSyncedAnswers.current = newAnswersJson;
+    editor.updateBlock(block, {
+      props: {
+        ...block.props,
+        answers: newAnswersJson
+      }
+    });
+  }, SYNC_DEBOUNCE_MS2);
+  useEffect45(() => {
+    const answersJson = block.props.answers;
+    if (answersJson) {
+      syncPropToSurvey(answersJson);
+    }
+  }, [block.props.answers, syncPropToSurvey]);
+  useEffect45(() => {
+    if (!surveyModel) return;
+    const handleValueChanged = () => {
+      if (isUpdatingFromProp.current) return;
+      syncSurveyToProp(surveyModel.data);
+    };
+    surveyModel.onValueChanged.add(handleValueChanged);
+    return () => {
+      surveyModel.onValueChanged.remove(handleValueChanged);
+    };
+  }, [surveyModel, syncSurveyToProp]);
+  const handleSurveyComplete = useCallback43(
+    (sender) => {
+      const data = sender.data || {};
+      const finalAnswersJson = JSON.stringify(data);
+      lastSyncedAnswers.current = finalAnswersJson;
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          answers: finalAnswersJson,
+          status: "completed",
+          completedAt: (/* @__PURE__ */ new Date()).toISOString()
+        }
+      });
+      onComplete?.();
+    },
+    [editor, block, onComplete]
+  );
+  useEffect45(() => {
+    if (!surveyModel) return;
+    surveyModel.onComplete.add(handleSurveyComplete);
+    return () => {
+      surveyModel.onComplete.remove(handleSurveyComplete);
+    };
+  }, [handleSurveyComplete, surveyModel]);
+  const handleClose = useCallback43(() => {
+    closePanel();
+  }, [closePanel]);
+  if (!surveySchema) {
+    return /* @__PURE__ */ React177.createElement(Stack118, { gap: "md", p: "md" }, /* @__PURE__ */ React177.createElement(Group55, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React177.createElement(Title14, { order: 5 }, block.props.title || "Form"), /* @__PURE__ */ React177.createElement(CloseButton11, { onClick: handleClose, title: "Close panel" })), /* @__PURE__ */ React177.createElement(Alert23, { icon: /* @__PURE__ */ React177.createElement(IconAlertCircle10, { size: 16 }), title: "Form Not Configured", color: "yellow" }, /* @__PURE__ */ React177.createElement(Text92, { size: "sm" }, "No survey schema has been configured for this form. Please configure it in template mode.")));
+  }
+  return /* @__PURE__ */ React177.createElement(Stack118, { bg: "#1a1a1a", gap: "md", p: "md" }, /* @__PURE__ */ React177.createElement(Group55, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React177.createElement(Stack118, { gap: 4 }, /* @__PURE__ */ React177.createElement(Title14, { order: 5 }, block.props.title || "Form"), block.props.description && /* @__PURE__ */ React177.createElement(Text92, { size: "sm", c: "dimmed" }, block.props.description)), /* @__PURE__ */ React177.createElement(CloseButton11, { onClick: handleClose, title: "Close panel" })), surveyModel && /* @__PURE__ */ React177.createElement(Survey6, { model: surveyModel }));
+};
+
+// src/mantine/blocks/form/flow/FlowView.tsx
+var FORM_FLOW_PANEL_ID = "form-flow-panel";
+var FormFlowView = ({ editor, block }) => {
+  const [hasOpened, setHasOpened] = useState62(false);
+  const status = block.props.status || "pending";
+  const isCompleted = status === "completed";
+  const handleComplete = useCallback44(() => {
+    editor.updateBlock(block, {
+      props: {
+        ...block.props,
+        status: "completed",
+        completedAt: (/* @__PURE__ */ new Date()).toISOString()
+      }
+    });
+  }, [editor, block]);
+  const panelId = `${FORM_FLOW_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo54(() => /* @__PURE__ */ React178.createElement(FormPanel, { editor, block, onComplete: handleComplete }), [editor, block, handleComplete]);
+  const { open } = usePanel(panelId, panelContent);
+  const handleOpen = () => {
+    setHasOpened(true);
+    if (status === "pending") {
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          status: "in_progress"
+        }
+      });
+    }
+    open();
+  };
+  const getBadgeProps = () => {
+    if (isCompleted) {
+      return { variant: "light", color: "green", text: "Completed" };
+    }
+    if (status === "in_progress" || hasOpened) {
+      return { variant: "light", color: "blue", text: "In Progress" };
+    }
+    return { variant: "light", color: "gray", text: "Pending" };
+  };
+  const badgeProps = getBadgeProps();
+  const hasSchema = Boolean(block.props.surveySchema);
+  return /* @__PURE__ */ React178.createElement(BaseContainer, { onClick: handleOpen }, /* @__PURE__ */ React178.createElement(Group56, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React178.createElement(Group56, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("checklist", block.props.icon), /* @__PURE__ */ React178.createElement(Stack119, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React178.createElement(Group56, { gap: "xs", align: "center" }, /* @__PURE__ */ React178.createElement(Text93, { fw: 600, size: "sm" }, block.props.title || "Form"), /* @__PURE__ */ React178.createElement(
+    Badge26,
+    {
+      size: "xs",
+      variant: badgeProps.variant,
+      color: badgeProps.color,
+      styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } }
+    },
+    badgeProps.text
+  )), /* @__PURE__ */ React178.createElement(Text93, { size: "xs", c: "dimmed", lineClamp: 2 }, isCompleted ? `Completed on ${new Date(block.props.completedAt).toLocaleDateString()}` : (
+    // : block.props.description || (hasSchema ? 'Click to fill out the form' : 'Form not configured')}
+    hasSchema ? "Click to fill out the form" : "Form not configured"
+  )))), /* @__PURE__ */ React178.createElement(Tooltip17, { label: isCompleted ? "View form" : "Fill form", withArrow: true }, /* @__PURE__ */ React178.createElement(ActionIcon26, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React178.createElement(IconChevronRight7, { size: 18 })))));
+};
+
+// src/mantine/blocks/form/FormBlock.tsx
+function FormBlock({ editor, block }) {
+  const { docType } = useBlocknoteContext();
+  if (docType === "template") {
+    return /* @__PURE__ */ React179.createElement(FormTemplateView, { editor, block });
+  }
+  return /* @__PURE__ */ React179.createElement(FormFlowView, { editor, block });
+}
+
+// src/mantine/blocks/form/FormBlockSpec.tsx
+var FormBlockSpec = createReactBlockSpec15(
+  {
+    type: "form",
+    propSchema: {
+      title: { default: "" },
+      description: { default: "" },
+      icon: { default: "checklist" },
+      surveySchema: { default: "" },
+      answers: { default: "" },
+      status: { default: "pending" },
+      completedAt: { default: "" }
+    },
+    content: "none"
+  },
+  {
+    render: (props) => {
+      const ixoProps = props;
+      return /* @__PURE__ */ React180.createElement(FormBlock, { ...ixoProps });
+    }
+  }
+);
+
+// src/mantine/blocks/domainCreatorSign/DomainCreatorSignBlockSpec.tsx
+import React187 from "react";
+import { createReactBlockSpec as createReactBlockSpec16 } from "@blocknote/react";
+
+// src/mantine/blocks/domainCreatorSign/DomainCreatorSignBlock.tsx
+import React186 from "react";
+
+// src/mantine/blocks/domainCreatorSign/template/TemplateView.tsx
+import React183, { useMemo as useMemo55 } from "react";
+import { Badge as Badge27, Group as Group57, Stack as Stack120, Text as Text94 } from "@mantine/core";
+
+// src/mantine/blocks/domainCreatorSign/template/TemplateConfig.tsx
+import React182, { useCallback as useCallback45 } from "react";
+import { Paper as Paper18, CloseButton as CloseButton12, Title as Title15 } from "@mantine/core";
+
+// src/mantine/blocks/domainCreatorSign/template/GeneralTab.tsx
+import React181, { useEffect as useEffect46, useState as useState63 } from "react";
+var GeneralTab12 = ({ title, description, icon, onTitleChange, onDescriptionChange, onIconChange }) => {
+  const [localTitle, setLocalTitle] = useState63(title || "");
+  const [localDescription, setLocalDescription] = useState63(description || "");
+  const [localIcon, setLocalIcon] = useState63(icon || "file-text");
+  useEffect46(() => setLocalTitle(title || ""), [title]);
+  useEffect46(() => setLocalDescription(description || ""), [description]);
+  useEffect46(() => setLocalIcon(icon || "file-text"), [icon]);
+  return /* @__PURE__ */ React181.createElement(BaseSection, null, /* @__PURE__ */ React181.createElement(
+    BaseTextInput,
+    {
+      label: "Title",
+      placeholder: "e.g. Sign to Create Domain",
+      value: localTitle,
+      onChange: (event) => {
+        const newValue = event.currentTarget.value;
+        setLocalTitle(newValue);
+        onTitleChange(newValue);
+      }
+    }
+  ), /* @__PURE__ */ React181.createElement(
+    BaseTextArea,
+    {
+      label: "Description",
+      placeholder: "Short description",
+      minRows: 2,
+      value: localDescription,
+      onChange: (event) => {
+        const newValue = event.currentTarget.value;
+        setLocalDescription(newValue);
+        onDescriptionChange(newValue);
+      }
+    }
+  ), /* @__PURE__ */ React181.createElement(
+    BaseTextInput,
+    {
+      label: "Icon",
+      description: "Use a supported icon key (e.g. file-text, checklist)",
+      placeholder: "file-text",
+      value: localIcon,
+      onChange: (event) => {
+        const newValue = event.currentTarget.value;
+        setLocalIcon(newValue);
+        onIconChange(newValue);
+      }
+    }
+  ));
+};
+
+// src/mantine/blocks/domainCreatorSign/template/TemplateConfig.tsx
+var TemplateConfig12 = ({ editor, block }) => {
+  const { closePanel } = usePanelStore();
+  const updateProp = useCallback45(
+    (key, value) => {
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          [key]: value
+        }
+      });
+    },
+    [editor, block]
+  );
+  return /* @__PURE__ */ React182.createElement(
+    Paper18,
+    {
+      p: "md",
+      shadow: "sm",
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    /* @__PURE__ */ React182.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          marginBottom: "1rem"
+        }
+      },
+      /* @__PURE__ */ React182.createElement(Title15, { order: 5 }, "Sign to Create Settings"),
+      /* @__PURE__ */ React182.createElement(CloseButton12, { onClick: closePanel })
+    ),
+    /* @__PURE__ */ React182.createElement(
+      ReusablePanel,
+      {
+        extraTabs: [
+          {
+            label: "General",
+            value: "general",
+            content: /* @__PURE__ */ React182.createElement(
+              GeneralTab12,
+              {
+                title: block.props.title || "",
+                description: block.props.description || "",
+                icon: block.props.icon || "file-text",
+                onTitleChange: (value) => updateProp("title", value),
+                onDescriptionChange: (value) => updateProp("description", value),
+                onIconChange: (value) => updateProp("icon", value)
+              }
+            )
+          }
+        ],
+        context: { editor, block }
+      }
+    )
+  );
+};
+
+// src/mantine/blocks/domainCreatorSign/template/TemplateView.tsx
+var DOMAIN_CREATOR_SIGN_TEMPLATE_PANEL_ID = "domain-creator-sign-template-panel";
+var DomainCreatorSignTemplateView = ({ editor, block }) => {
+  const panelId = `${DOMAIN_CREATOR_SIGN_TEMPLATE_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo55(() => /* @__PURE__ */ React183.createElement(TemplateConfig12, { editor, block }), [editor, block]);
+  const { open } = usePanel(panelId, panelContent);
+  return /* @__PURE__ */ React183.createElement(BaseContainer, { onClick: open }, /* @__PURE__ */ React183.createElement(Badge27, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React183.createElement(Group57, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React183.createElement(Group57, { wrap: "nowrap", align: "center" }, getIcon("feather", block.props.icon), /* @__PURE__ */ React183.createElement(Stack120, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React183.createElement(Text94, { fw: 500, size: "sm" }, block.props.title || "Sign to Create"), /* @__PURE__ */ React183.createElement(Text94, { size: "xs", c: "dimmed" }, "Sign")))));
+};
+
+// src/mantine/blocks/domainCreatorSign/flow/FlowView.tsx
+import React185, { useCallback as useCallback47, useMemo as useMemo56, useEffect as useEffect47 } from "react";
+import { ActionIcon as ActionIcon27, Badge as Badge28, Button as Button33, Group as Group59, Stack as Stack122, Text as Text96, Tooltip as Tooltip18 } from "@mantine/core";
+import { IconChevronRight as IconChevronRight8, IconTestPipe, IconTrash as IconTrash5 } from "@tabler/icons-react";
+
+// src/mantine/blocks/domainCreatorSign/flow/SignPanel.tsx
+import React184, { useCallback as useCallback46, useState as useState64 } from "react";
+import { Alert as Alert24, Button as Button32, CloseButton as CloseButton13, Group as Group58, Loader as Loader24, Stack as Stack121, Text as Text95, Title as Title16 } from "@mantine/core";
+import { IconAlertCircle as IconAlertCircle11, IconCheck as IconCheck5, IconSignature } from "@tabler/icons-react";
+var SignPanel = ({ editor, block, onComplete, onError }) => {
+  const { closePanel } = usePanelStore();
+  const { handlers } = useBlocknoteContext();
+  const [flowStep, setFlowStep] = useState64(block.props.status === "completed" ? "success" : block.props.status === "error" ? "error" : "ready");
+  const [error, setError] = useState64(block.props.errorMessage || null);
+  const [createdEntityDid, setCreatedEntityDid] = useState64(block.props.entityDid || null);
+  const getDomainCardData = useCallback46(() => {
+    try {
+      return JSON.parse(block.props.domainCardData || "{}");
+    } catch {
+      return null;
+    }
+  }, [block.props.domainCardData]);
+  const processSignAndCreate = useCallback46(async () => {
+    if (!handlers) {
+      throw new Error("Handlers not available");
+    }
+    if (!handlers.signCredential) {
+      throw new Error("signCredential handler not implemented");
+    }
+    if (!handlers.publicFileUpload) {
+      throw new Error("publicFileUpload handler not available");
+    }
+    if (!handlers.createDomain) {
+      throw new Error("createDomain handler not implemented");
+    }
+    if (!handlers.requestPin) {
+      throw new Error("requestPin handler not available");
+    }
+    const domainCardData2 = getDomainCardData();
+    if (!domainCardData2 || !domainCardData2.name) {
+      throw new Error("Domain card data is missing or invalid");
+    }
+    const entityType = block.props.entityType || domainCardData2.type?.[0]?.replace("ixo:", "") || "dao";
+    const issuerDid = handlers.getEntityDid?.() || handlers.getCurrentUser?.()?.address;
+    if (!issuerDid) {
+      throw new Error("Unable to determine issuer DID");
+    }
+    const entityDid = "did:ixo:entity:pending";
+    const credentialSubject = {
+      ...domainCardData2,
+      id: entityDid
+    };
+    const unsignedCredential = buildVerifiableCredential({
+      entityDid,
+      issuerDid,
+      credentialSubject,
+      validFrom: domainCardData2.validFrom || (/* @__PURE__ */ new Date()).toISOString(),
+      validUntil: domainCardData2.validUntil
+    });
+    setFlowStep("signing");
+    editor.updateBlock(block, { props: { ...block.props, status: "signing" } });
+    const pin = await handlers.requestPin({
+      title: "Sign Domain Card",
+      description: "Enter your PIN to sign the Domain Card credential",
+      submitText: "Sign"
+    });
+    const { signedCredential } = await handlers.signCredential({
+      issuerDid,
+      issuerType: "user",
+      credential: unsignedCredential,
+      pin
+    });
+    setFlowStep("uploading");
+    editor.updateBlock(block, { props: { ...block.props, status: "uploading" } });
+    const credentialBlob = new Blob([JSON.stringify(signedCredential, null, 2)], {
+      type: "application/json"
+    });
+    const credentialFile = new File([credentialBlob], "domainCard.json", {
+      type: "application/json"
+    });
+    const uploadResult = await handlers.publicFileUpload(credentialFile);
+    const domainCardLinkedResource = buildDomainCardLinkedResource({
+      entityDid,
+      cid: uploadResult.cid,
+      serviceEndpoint: uploadResult.url,
+      description: `Domain Card for ${domainCardData2.name || "Domain"}`
+    });
+    setFlowStep("creating");
+    editor.updateBlock(block, { props: { ...block.props, status: "creating" } });
+    const { entityDid: newEntityDid, transactionHash } = await handlers.createDomain({
+      entityType,
+      linkedResource: [domainCardLinkedResource],
+      startDate: domainCardData2.validFrom,
+      endDate: domainCardData2.validUntil
+    });
+    return {
+      entityDid: newEntityDid,
+      entityType,
+      transactionHash
+    };
+  }, [handlers, getDomainCardData, block, editor]);
+  const handleSign = useCallback46(async () => {
+    try {
+      const result = await processSignAndCreate();
+      setCreatedEntityDid(result.entityDid);
+      setFlowStep("success");
+      onComplete?.(result);
+    } catch (err) {
+      console.error("Sign and create failed:", err);
+      const errorMessage = err instanceof Error ? err.message : "Sign and create failed";
+      setError(errorMessage);
+      setFlowStep("error");
+      onError?.(errorMessage);
+    }
+  }, [processSignAndCreate, onComplete, onError]);
+  const handleRetry = useCallback46(() => {
+    setFlowStep("ready");
+    setError(null);
+    editor.updateBlock(block, {
+      props: {
+        ...block.props,
+        status: "ready",
+        errorMessage: ""
+      }
+    });
+  }, [editor, block]);
+  const handleClose = useCallback46(() => {
+    closePanel();
+  }, [closePanel]);
+  const handleVisitEntity = useCallback46(() => {
+    const entityType = block.props.entityType || "dao";
+    if (createdEntityDid && handlers?.redirectToEntityOverview) {
+      handlers.redirectToEntityOverview(createdEntityDid, entityType);
+    }
+  }, [createdEntityDid, block.props.entityType, handlers]);
+  if (flowStep === "signing" || flowStep === "uploading" || flowStep === "creating") {
+    const stepMessages = {
+      signing: "Signing Domain Card credential...",
+      uploading: "Uploading credential to storage...",
+      creating: "Creating domain entity..."
+    };
+    return /* @__PURE__ */ React184.createElement(Stack121, { gap: "md", p: "md", align: "center", justify: "center", style: { minHeight: 300 } }, /* @__PURE__ */ React184.createElement(Loader24, { size: "lg" }), /* @__PURE__ */ React184.createElement(Text95, { size: "sm", c: "dimmed" }, stepMessages[flowStep]));
+  }
+  if (flowStep === "success") {
+    return /* @__PURE__ */ React184.createElement(Stack121, { gap: "md", p: "md" }, /* @__PURE__ */ React184.createElement(Group58, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React184.createElement(Title16, { order: 5 }, block.props.title || "Sign to Create"), /* @__PURE__ */ React184.createElement(CloseButton13, { onClick: handleClose, title: "Close panel" })), /* @__PURE__ */ React184.createElement(Alert24, { icon: /* @__PURE__ */ React184.createElement(IconCheck5, { size: 16 }), title: "Domain Created Successfully", color: "green" }, /* @__PURE__ */ React184.createElement(Stack121, { gap: "xs" }, /* @__PURE__ */ React184.createElement(Text95, { size: "sm" }, "Your domain has been created and the Domain Card credential has been signed and stored."), createdEntityDid && /* @__PURE__ */ React184.createElement(Text95, { size: "xs", c: "dimmed" }, "Entity DID: ", createdEntityDid))), /* @__PURE__ */ React184.createElement(Button32, { onClick: handleVisitEntity }, "Visit Entity"));
+  }
+  if (flowStep === "error") {
+    return /* @__PURE__ */ React184.createElement(Stack121, { gap: "md", p: "md" }, /* @__PURE__ */ React184.createElement(Group58, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React184.createElement(Title16, { order: 5 }, block.props.title || "Sign to Create"), /* @__PURE__ */ React184.createElement(CloseButton13, { onClick: handleClose, title: "Close panel" })), /* @__PURE__ */ React184.createElement(Alert24, { icon: /* @__PURE__ */ React184.createElement(IconAlertCircle11, { size: 16 }), title: "Domain Creation Failed", color: "red" }, /* @__PURE__ */ React184.createElement(Text95, { size: "sm" }, error || "An unexpected error occurred")), /* @__PURE__ */ React184.createElement(Group58, null, /* @__PURE__ */ React184.createElement(Button32, { variant: "outline", onClick: handleRetry }, "Try Again"), /* @__PURE__ */ React184.createElement(Button32, { variant: "subtle", onClick: handleClose }, "Close")));
+  }
+  const domainCardData = getDomainCardData();
+  return /* @__PURE__ */ React184.createElement(Stack121, { gap: "md", p: "md" }, /* @__PURE__ */ React184.createElement(Group58, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React184.createElement(Stack121, { gap: 4 }, /* @__PURE__ */ React184.createElement(Title16, { order: 5 }, block.props.title || "Sign to Create"), /* @__PURE__ */ React184.createElement(Text95, { size: "sm", c: "dimmed" }, "Review and sign to create your domain.")), /* @__PURE__ */ React184.createElement(CloseButton13, { onClick: handleClose, title: "Close panel" })), /* @__PURE__ */ React184.createElement(Stack121, { gap: "xs", p: "md", style: { backgroundColor: "var(--mantine-color-dark-6)", borderRadius: 8 } }, /* @__PURE__ */ React184.createElement(Text95, { fw: 600, size: "sm" }, "Domain Card Summary"), /* @__PURE__ */ React184.createElement(Group58, { gap: "xs" }, /* @__PURE__ */ React184.createElement(Text95, { size: "xs", c: "dimmed", style: { width: 80 } }, "Name:"), /* @__PURE__ */ React184.createElement(Text95, { size: "xs" }, domainCardData?.name || "Not set")), /* @__PURE__ */ React184.createElement(Group58, { gap: "xs" }, /* @__PURE__ */ React184.createElement(Text95, { size: "xs", c: "dimmed", style: { width: 80 } }, "Type:"), /* @__PURE__ */ React184.createElement(Text95, { size: "xs" }, block.props.entityType || domainCardData?.type?.[0] || "dao")), domainCardData?.description && /* @__PURE__ */ React184.createElement(Group58, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React184.createElement(Text95, { size: "xs", c: "dimmed", style: { width: 80 } }, "Description:"), /* @__PURE__ */ React184.createElement(Text95, { size: "xs", lineClamp: 2, style: { flex: 1 } }, domainCardData.description))), /* @__PURE__ */ React184.createElement(Button32, { leftSection: /* @__PURE__ */ React184.createElement(IconSignature, { size: 18 }), onClick: handleSign, fullWidth: true }, "Sign & Create Domain"));
+};
+
+// src/mantine/blocks/domainCreatorSign/flow/FlowView.tsx
+var DOMAIN_CREATOR_SIGN_FLOW_PANEL_ID = "domain-creator-sign-flow-panel";
+var IS_DEV = false;
+var DUMMY_DOMAIN_CARD_DATA = {
+  type: ["ixo:dao"],
+  name: "Test Domain",
+  description: "A test domain created for development purposes.",
+  keywords: ["test", "development", "demo"],
+  url: "https://example.com"
+};
+function isDomainCardDataReady(domainCardData) {
+  if (!domainCardData || domainCardData === "{}") return false;
+  try {
+    const parsed = JSON.parse(domainCardData);
+    return Boolean(parsed && typeof parsed === "object" && parsed.name);
+  } catch {
+    return false;
+  }
+}
+var DomainCreatorSignFlowView = ({ editor, block }) => {
+  const status = block.props.status || "pending";
+  const domainCardData = block.props.domainCardData || "{}";
+  const isDataReady = isDomainCardDataReady(domainCardData);
+  useEffect47(() => {
+    if (status === "pending" && isDataReady) {
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          status: "ready"
+        }
+      });
+    }
+  }, [isDataReady, status, editor, block]);
+  const handleComplete = useCallback47(
+    (result) => {
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          status: "completed",
+          entityDid: result.entityDid,
+          transactionHash: result.transactionHash
+        }
+      });
+    },
+    [editor, block]
+  );
+  const handleError = useCallback47(
+    (errorMessage) => {
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          status: "error",
+          errorMessage
+        }
+      });
+    },
+    [editor, block]
+  );
+  const panelId = `${DOMAIN_CREATOR_SIGN_FLOW_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo56(() => /* @__PURE__ */ React185.createElement(SignPanel, { editor, block, onComplete: handleComplete, onError: handleError }), [editor, block, handleComplete, handleError]);
+  const { open } = usePanel(panelId, panelContent);
+  const handleOpen = () => {
+    if (isDataReady || status === "completed" || status === "error") {
+      open();
+    }
+  };
+  const getBadgeProps = () => {
+    switch (status) {
+      case "completed":
+        return { color: "green", text: "Created" };
+      case "error":
+        return { color: "red", text: "Error" };
+      case "signing":
+      case "uploading":
+      case "creating":
+        return { color: "blue", text: "In Progress" };
+      case "ready":
+        return { color: "teal", text: "Ready to sign" };
+      default:
+        return { color: "gray", text: "Waiting for data" };
+    }
+  };
+  const badgeProps = getBadgeProps();
+  const isClickable = isDataReady || status === "completed" || status === "error";
+  const handlePrefillDummyData = useCallback47(
+    (e) => {
+      e.stopPropagation();
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          domainCardData: JSON.stringify(DUMMY_DOMAIN_CARD_DATA),
+          entityType: "dao"
+        }
+      });
+    },
+    [editor, block]
+  );
+  const handleClearDummyData = useCallback47(
+    (e) => {
+      e.stopPropagation();
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          domainCardData: "{}",
+          entityType: "",
+          status: "pending"
+        }
+      });
+    },
+    [editor, block]
+  );
+  const getDescriptionText = () => {
+    switch (status) {
+      case "completed":
+        return `Entity created: ${block.props.entityDid}`;
+      case "error":
+        return block.props.errorMessage || "An error occurred";
+      case "ready":
+        return "Click to sign and create the domain";
+      default:
+        return "Waiting for domain card data to be filled";
+    }
+  };
+  return /* @__PURE__ */ React185.createElement(BaseContainer, { onClick: isClickable ? handleOpen : void 0, style: { opacity: isClickable ? 1 : 0.7, cursor: isClickable ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React185.createElement(Group59, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React185.createElement(Group59, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("feather", block.props.icon), /* @__PURE__ */ React185.createElement(Stack122, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React185.createElement(Group59, { gap: "xs", align: "center" }, /* @__PURE__ */ React185.createElement(Text96, { fw: 600, size: "sm" }, block.props.title || "Sign to Create"), /* @__PURE__ */ React185.createElement(Badge28, { size: "xs", variant: "filled", color: badgeProps.color, styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } } }, badgeProps.text)), /* @__PURE__ */ React185.createElement(Text96, { size: "xs", c: "dimmed", lineClamp: 2 }, getDescriptionText()))), IS_DEV && status === "pending" && !isDataReady && /* @__PURE__ */ React185.createElement(Button33, { size: "compact-xs", variant: "light", color: "orange", leftSection: /* @__PURE__ */ React185.createElement(IconTestPipe, { size: 14 }), onClick: handlePrefillDummyData }, "Test Data"), IS_DEV && isDataReady && /* @__PURE__ */ React185.createElement(Button33, { size: "compact-xs", variant: "light", color: "orange", leftSection: /* @__PURE__ */ React185.createElement(IconTrash5, { size: 14 }), onClick: handleClearDummyData }, "Clear Data"), isClickable && /* @__PURE__ */ React185.createElement(Tooltip18, { label: status === "completed" ? "View details" : "Sign & Create", withArrow: true }, /* @__PURE__ */ React185.createElement(ActionIcon27, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React185.createElement(IconChevronRight8, { size: 18 })))));
+};
+
+// src/mantine/blocks/domainCreatorSign/DomainCreatorSignBlock.tsx
+function DomainCreatorSignBlock({ editor, block }) {
+  const { docType } = useBlocknoteContext();
+  if (docType === "template") {
+    return /* @__PURE__ */ React186.createElement(DomainCreatorSignTemplateView, { editor, block });
+  }
+  return /* @__PURE__ */ React186.createElement(DomainCreatorSignFlowView, { editor, block });
+}
+
+// src/mantine/blocks/domainCreatorSign/DomainCreatorSignBlockSpec.tsx
+var DomainCreatorSignBlockSpec = createReactBlockSpec16(
+  {
+    type: "domainCreatorSign",
+    propSchema: {
+      title: { default: "" },
+      description: { default: "" },
+      icon: { default: "file-text" },
+      // JSON string of credential subject data (oracle fills this)
+      domainCardData: { default: "{}" },
+      // Entity type from protocol selector or oracle
+      entityType: { default: "" },
+      // Status: pending | ready | signing | uploading | creating | completed | error
+      status: { default: "pending" },
+      // Created entity DID (after success)
+      entityDid: { default: "" },
+      // Transaction hash (after success)
+      transactionHash: { default: "" },
+      // Error message if failed
+      errorMessage: { default: "" }
+    },
+    content: "none"
+  },
+  {
+    render: (props) => {
+      const ixoProps = props;
+      return /* @__PURE__ */ React187.createElement(DomainCreatorSignBlock, { ...ixoProps });
+    }
+  }
+);
+
+// src/mantine/blocks/registry/blockRegistry.ts
+var BlockRegistry = class {
+  constructor() {
+    this.blocks = /* @__PURE__ */ new Map();
+  }
+  register(entry) {
+    this.blocks.set(entry.type, entry);
+  }
+  get(type) {
+    return this.blocks.get(type);
+  }
+  getAll() {
+    return new Map(this.blocks);
+  }
+  getValidDependencies(type) {
+    const entry = this.get(type);
+    return entry?.validDependencies || [];
+  }
+  getPropSchema(type) {
+    const entry = this.get(type);
+    return entry?.propSchema;
+  }
+  isValidDependency(blockType, dependencyType) {
+    const validDeps = this.getValidDependencies(blockType);
+    return validDeps.includes(dependencyType);
+  }
+};
+var blockRegistry = new BlockRegistry();
+blockRegistry.register({
+  type: "proposal",
+  propSchema: {
+    title: "",
+    description: "",
+    icon: "\u{1F4DD}",
+    proposalId: "",
+    status: "draft",
+    contractAddress: "",
+    coreAddress: "",
+    createdProposalId: ""
+  },
+  validDependencies: [],
+  defaultProps: {
+    icon: "\u{1F4DD}",
+    status: "draft"
+  }
+});
+blockRegistry.register({
+  type: "proposalVote",
+  propSchema: {
+    title: "",
+    subtitle: "",
+    icon: "\u{1F5F3}\uFE0F",
+    status: "open",
+    daysLeft: 0,
+    proposalId: "",
+    proposalBlockId: "",
+    proposalContractAddress: ""
+  },
+  validDependencies: ["proposal"],
+  defaultProps: {
+    icon: "\u{1F5F3}\uFE0F",
+    status: "open",
+    daysLeft: 0,
+    proposalBlockId: ""
+  }
+});
+blockRegistry.register({
+  type: "list",
+  propSchema: {
+    title: "",
+    did: "",
+    fragmentIdentifier: ""
+  },
+  validDependencies: [],
+  defaultProps: {}
+});
+blockRegistry.register({
+  type: "overview",
+  propSchema: {
+    did: ""
+  },
+  validDependencies: [],
+  defaultProps: {}
+});
+blockRegistry.register({
+  type: "enumChecklist",
+  propSchema: {
+    listType: "",
+    listConfig: "{}"
+  },
+  validDependencies: [],
+  defaultProps: {}
+});
+blockRegistry.register({
+  type: "notify",
+  propSchema: {
+    title: "",
+    description: "",
+    icon: "bell",
+    channel: "email",
+    to: "[]",
+    cc: "[]",
+    bcc: "[]",
+    subject: "",
+    body: "",
+    bodyType: "text",
+    from: "",
+    replyTo: "",
+    templateId: "",
+    templateVariables: "{}",
+    status: "idle",
+    messageId: "",
+    sentAt: "",
+    errorMessage: "",
+    conditions: ""
+  },
+  validDependencies: [],
+  defaultProps: {
+    icon: "bell",
+    channel: "email",
+    bodyType: "text",
+    status: "idle"
+  }
+});
+blockRegistry.register({
+  type: "bid",
+  propSchema: {
+    title: "",
+    description: "",
+    did: "",
+    selectedCollections: "[]",
+    adminAddress: ""
+  },
+  validDependencies: [],
+  defaultProps: {}
+});
+blockRegistry.register({
+  type: "claim",
+  propSchema: {
+    title: "",
+    description: "",
+    icon: "square-check",
+    deedDid: "",
+    selectedCollections: "[]",
+    adminAddress: ""
+  },
+  validDependencies: [],
+  defaultProps: {
+    icon: "square-check"
+  }
+});
+blockRegistry.register({
+  type: "domainCreator",
+  propSchema: {
+    title: "",
+    description: "",
+    icon: "file-text",
+    surveySchema: "",
+    answers: "",
+    lastSubmission: ""
+  },
+  validDependencies: [],
+  defaultProps: {
+    icon: "file-text",
+    surveySchema: "",
+    answers: "",
+    lastSubmission: ""
+  }
+});
+
+// src/mantine/blocks/hooks/useBlockDependencies.ts
+import { useMemo as useMemo57, useEffect as useEffect48, useState as useState65, useCallback as useCallback48 } from "react";
+
+// src/mantine/blocks/hooks/useDependsOn.ts
+import { useMemo as useMemo58 } from "react";
+
+// src/mantine/blocks/index.ts
+var blockSpecs = {
+  checkbox: CheckboxBlockSpec,
+  list: ListBlockSpec,
+  enumChecklist: EnumChecklistBlock,
+  overview: OverviewBlock,
+  proposal: ProposalBlockSpec,
+  apiRequest: ApiRequestBlockSpec,
+  notify: NotifyBlockSpec,
+  claim: ClaimBlockSpec,
+  bid: BidBlockSpec,
+  evaluator: EvaluatorBlockSpec,
+  domainCreator: DomainCreatorBlockSpec,
+  visualization: VisualizationBlockSpec,
+  dynamicList: DynamicListBlockSpec,
+  protocolSelector: ProtocolSelectorBlockSpec,
+  form: FormBlockSpec,
+  domainCreatorSign: DomainCreatorSignBlockSpec
+};
+var getExtraSlashMenuItems = (editor) => {
+  const slashMenuList = [
+    {
+      title: "Checkbox",
+      onItemClick: () => {
+        editor.insertBlocks(
+          [
+            {
+              type: "checkbox",
+              props: {
                 checked: false,
                 allowedCheckers: "all",
                 initialChecked: false,
@@ -16226,6 +17520,87 @@ var getExtraSlashMenuItems = (editor) => {
       aliases: ["dynamic-list", "action-list", "ag-ui-list", "oracle-list"],
       group: "Basics",
       subtext: "Add a dynamic list from AG-UI with snapshot support"
+    },
+    {
+      title: "Protocol Selector",
+      onItemClick: () => {
+        editor.insertBlocks(
+          [
+            {
+              type: "protocolSelector",
+              props: {
+                title: "",
+                description: "",
+                icon: "git-branch",
+                protocolDids: "[]",
+                selectedProtocolDid: "",
+                selectedProtocolName: "",
+                status: "pending",
+                conditions: ""
+              }
+            }
+          ],
+          editor.getTextCursorPosition().block,
+          "after"
+        );
+      },
+      aliases: ["protocol", "protocol-selector", "select-protocol", "domain-type"],
+      group: "Domains",
+      subtext: "Select a protocol from a predefined list"
+    },
+    {
+      title: "Form",
+      onItemClick: () => {
+        editor.insertBlocks(
+          [
+            {
+              type: "form",
+              props: {
+                title: "",
+                description: "",
+                icon: "checklist",
+                surveySchema: "",
+                answers: "",
+                status: "pending",
+                completedAt: ""
+              }
+            }
+          ],
+          editor.getTextCursorPosition().block,
+          "after"
+        );
+      },
+      aliases: ["form", "survey", "questionnaire", "input"],
+      group: "Basics",
+      subtext: "Add a configurable form with SurveyJS"
+    },
+    {
+      title: "Sign to Create",
+      onItemClick: () => {
+        editor.insertBlocks(
+          [
+            {
+              type: "domainCreatorSign",
+              props: {
+                title: "",
+                description: "",
+                icon: "feather",
+                domainCardData: "{}",
+                entityType: "",
+                status: "pending",
+                entityDid: "",
+                transactionHash: "",
+                errorMessage: ""
+              }
+            }
+          ],
+          editor.getTextCursorPosition().block,
+          "after"
+        );
+      },
+      aliases: ["domain-sign"],
+      group: "Domains",
+      subtext: "Sign domain card and create entity on-chain"
     }
   ];
   const yRoot = editor?._yRoot;
@@ -16306,15 +17681,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 useEffect43, useState as useState60, useRef as useRef10, useCallback as useCallback41, useMemo as useMemo50 } from "react";
+import { useEffect as useEffect49, useState as useState66, useRef as useRef11, useCallback as useCallback49, useMemo as useMemo59 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
-  const [matrixProvider, setProvider] = useState60(null);
-  const [status, setStatus] = useState60("disconnected");
-  const isMountedRef = useRef10(true);
-  const providerRef = useRef10(null);
-  const retryTimeoutRef = useRef10(null);
-  const providerOptions = useMemo50(
+  const [matrixProvider, setProvider] = useState66(null);
+  const [status, setStatus] = useState66("disconnected");
+  const isMountedRef = useRef11(true);
+  const providerRef = useRef11(null);
+  const retryTimeoutRef = useRef11(null);
+  const providerOptions = useMemo59(
     () => ({
       translator: {
         updateEventType: "matrix-crdt.doc_update",
@@ -16327,22 +17702,22 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
     }),
     []
   );
-  const handleDocumentAvailable = useCallback41(() => {
+  const handleDocumentAvailable = useCallback49(() => {
     if (isMountedRef.current) {
       setStatus("connected");
     }
   }, []);
-  const handleDocumentUnavailable = useCallback41(() => {
+  const handleDocumentUnavailable = useCallback49(() => {
     if (isMountedRef.current) {
       setStatus("failed");
     }
   }, []);
-  const handleCanWriteChanged = useCallback41(() => {
+  const handleCanWriteChanged = useCallback49(() => {
     if (isMountedRef.current && providerRef.current) {
       setStatus(providerRef.current.canWrite ? "connected" : "failed");
     }
   }, []);
-  const initProvider = useCallback41(async () => {
+  const initProvider = useCallback49(async () => {
     if (!isMountedRef.current) return;
     if (retryTimeoutRef.current) {
       clearTimeout(retryTimeoutRef.current);
@@ -16375,7 +17750,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       }
     }
   }, [matrixClient, providerOptions, handleDocumentAvailable, handleDocumentUnavailable, handleCanWriteChanged]);
-  useEffect43(() => {
+  useEffect49(() => {
     isMountedRef.current = true;
     initProvider();
     return () => {
@@ -16392,7 +17767,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       setStatus("disconnected");
     };
   }, [initProvider]);
-  useEffect43(() => {
+  useEffect49(() => {
     return () => {
       isMountedRef.current = false;
     };
@@ -16401,17 +17776,17 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
 }
 
 // src/mantine/hooks/useCollaborativeYDoc.ts
-import { useMemo as useMemo51 } from "react";
+import { useMemo as useMemo60 } from "react";
 import * as Y from "yjs";
 function useCollaborativeYDoc(_options) {
-  return useMemo51(() => {
+  return useMemo60(() => {
     const doc = new Y.Doc();
     return doc;
   }, []);
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo52, useEffect as useEffect44 } from "react";
+import { useMemo as useMemo61, useEffect as useEffect50 } from "react";
 
 // src/core/lib/matrixMetadata.ts
 var COVER_IMAGE_EVENT_TYPE = "ixo.page.cover_image";
@@ -16580,7 +17955,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     permissions = { write: false }
   } = options || {};
-  const memoizedUser = useMemo52(
+  const memoizedUser = useMemo61(
     () => ({
       id: user?.id || "",
       name: user?.name || "",
@@ -16595,13 +17970,13 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     roomId: options.roomId
   });
-  const metadataManager = useMemo52(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
-  useEffect44(() => {
+  const metadataManager = useMemo61(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
+  useEffect50(() => {
     return () => {
       metadataManager.dispose();
     };
   }, [metadataManager]);
-  const defaultUploadFile = useMemo52(
+  const defaultUploadFile = useMemo61(
     () => uploadFile || (async (file) => {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -16615,7 +17990,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [uploadFile]
   );
-  const schema = useMemo52(
+  const schema = useMemo61(
     () => BlockNoteSchema2.create({
       blockSpecs: {
         ...defaultBlockSpecs2,
@@ -16630,13 +18005,13 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     []
   );
-  const root = useMemo52(() => yDoc.getMap("root"), [yDoc]);
-  const documentFragment = useMemo52(() => yDoc.getXmlFragment("document"), [yDoc]);
-  const flowArray = useMemo52(() => yDoc.getArray("flow"), [yDoc]);
-  const runtimeMap = useMemo52(() => yDoc.getMap("runtime"), [yDoc]);
-  const delegationsMap = useMemo52(() => yDoc.getMap("delegations"), [yDoc]);
-  const userFragment = useMemo52(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
-  const collaborationConfig = useMemo52(
+  const root = useMemo61(() => yDoc.getMap("root"), [yDoc]);
+  const documentFragment = useMemo61(() => yDoc.getXmlFragment("document"), [yDoc]);
+  const flowArray = useMemo61(() => yDoc.getArray("flow"), [yDoc]);
+  const runtimeMap = useMemo61(() => yDoc.getMap("runtime"), [yDoc]);
+  const delegationsMap = useMemo61(() => yDoc.getMap("delegations"), [yDoc]);
+  const userFragment = useMemo61(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
+  const collaborationConfig = useMemo61(
     () => ({
       provider: matrixProvider,
       fragment: documentFragment,
@@ -16648,7 +18023,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [matrixProvider, documentFragment, memoizedUser.name, memoizedUser.color]
   );
-  const ixoConfig = useMemo52(
+  const ixoConfig = useMemo61(
     () => ({
       theme,
       editable,
@@ -16667,7 +18042,7 @@ function useCreateCollaborativeIxoEditor(options) {
     uploadFile: defaultUploadFile,
     collaboration: collaborationConfig
   });
-  const titleText = useMemo52(() => yDoc.getText("title"), [yDoc]);
+  const titleText = useMemo61(() => yDoc.getText("title"), [yDoc]);
   let ixoEditor;
   if (editor) {
     ixoEditor = editor;
@@ -16817,12 +18192,12 @@ function useCreateCollaborativeIxoEditor(options) {
       return void 0;
     };
   }
-  useEffect44(() => {
+  useEffect50(() => {
     if (ixoEditor) {
       ixoEditor.isEditable = editable;
     }
   }, [ixoEditor, editable]);
-  useEffect44(() => {
+  useEffect50(() => {
     if (connectionStatus !== "connected") {
       return;
     }
@@ -16855,8 +18230,8 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/components/CoverImage.tsx
-import React167, { useState as useState61, useRef as useRef11, useEffect as useEffect45 } from "react";
-import { Box as Box30, Group as Group51 } from "@mantine/core";
+import React189, { useState as useState67, useRef as useRef12, useEffect as useEffect51 } from "react";
+import { Box as Box34, Group as Group60 } from "@mantine/core";
 
 // src/core/lib/imageTransform.ts
 var CLOUDFLARE_CDN_BASE = "https://www.ixo.earth/cdn-cgi/image";
@@ -16989,11 +18364,11 @@ function transformIconImage(sourceUrl, size = "default", customOptions) {
 }
 
 // src/mantine/components/Base/CoverImageButton.tsx
-import React166 from "react";
-import { Button as Button32 } from "@mantine/core";
+import React188 from "react";
+import { Button as Button34 } from "@mantine/core";
 function CoverImageButton({ isActive = false, children, onClick, style }) {
-  return /* @__PURE__ */ React166.createElement(
-    Button32,
+  return /* @__PURE__ */ React188.createElement(
+    Button34,
     {
       onClick,
       variant: "filled",
@@ -17015,13 +18390,13 @@ function CoverImageButton({ isActive = false, children, onClick, style }) {
 // src/mantine/components/CoverImage.tsx
 function CoverImage({ coverImageUrl, logoUrl }) {
   const { editor, handlers, editable } = useBlocknoteContext();
-  const [isHovering, setIsHovering] = useState61(false);
-  const [isRepositioning, setIsRepositioning] = useState61(false);
-  const [coverPosition, setCoverPosition] = useState61(50);
-  const coverFileInputRef = useRef11(null);
-  const logoFileInputRef = useRef11(null);
-  const [metadata, setMetadata] = useState61(() => editor?.getPageMetadata?.() || null);
-  useEffect45(() => {
+  const [isHovering, setIsHovering] = useState67(false);
+  const [isRepositioning, setIsRepositioning] = useState67(false);
+  const [coverPosition, setCoverPosition] = useState67(50);
+  const coverFileInputRef = useRef12(null);
+  const logoFileInputRef = useRef12(null);
+  const [metadata, setMetadata] = useState67(() => editor?.getPageMetadata?.() || null);
+  useEffect51(() => {
     if (!editor?._metadataManager) {
       return;
     }
@@ -17112,8 +18487,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     return null;
   }
   if (!hasCover) {
-    return /* @__PURE__ */ React167.createElement(
-      Box30,
+    return /* @__PURE__ */ React189.createElement(
+      Box34,
       {
         style: {
           position: "relative",
@@ -17125,8 +18500,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         onMouseEnter: () => editable && setIsHovering(true),
         onMouseLeave: () => editable && setIsHovering(false)
       },
-      /* @__PURE__ */ React167.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React167.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React167.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React167.createElement(
-        Group51,
+      /* @__PURE__ */ React189.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React189.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React189.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React189.createElement(
+        Group60,
         {
           gap: "xs",
           style: {
@@ -17136,10 +18511,10 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 10
           }
         },
-        /* @__PURE__ */ React167.createElement(CoverImageButton, { onClick: handleAddLogo }, "Add icon"),
-        /* @__PURE__ */ React167.createElement(CoverImageButton, { onClick: handleAddCover }, "Add cover")
-      ), logoSrc && /* @__PURE__ */ React167.createElement(
-        Box30,
+        /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleAddLogo }, "Add icon"),
+        /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleAddCover }, "Add cover")
+      ), logoSrc && /* @__PURE__ */ React189.createElement(
+        Box34,
         {
           style: {
             position: "relative",
@@ -17152,7 +18527,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 11
           }
         },
-        /* @__PURE__ */ React167.createElement(
+        /* @__PURE__ */ React189.createElement(
           "img",
           {
             src: logoSrc,
@@ -17166,7 +18541,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             }
           }
         ),
-        editable && isHovering && /* @__PURE__ */ React167.createElement(
+        editable && isHovering && /* @__PURE__ */ React189.createElement(
           "div",
           {
             style: {
@@ -17181,15 +18556,15 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               alignItems: "center"
             }
           },
-          /* @__PURE__ */ React167.createElement(CoverImageButton, { onClick: handleChangeLogo }, "Change"),
-          /* @__PURE__ */ React167.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
-          /* @__PURE__ */ React167.createElement(CoverImageButton, { onClick: handleAddCover }, "Add cover")
+          /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleChangeLogo }, "Change"),
+          /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
+          /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleAddCover }, "Add cover")
         )
       ))
     );
   }
-  return /* @__PURE__ */ React167.createElement(
-    Box30,
+  return /* @__PURE__ */ React189.createElement(
+    Box34,
     {
       style: {
         position: "relative",
@@ -17209,7 +18584,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
       onMouseMove: handleMouseMove,
       onClick: () => isRepositioning && setIsRepositioning(false)
     },
-    /* @__PURE__ */ React167.createElement(
+    /* @__PURE__ */ React189.createElement(
       "img",
       {
         src: coverUrl,
@@ -17227,8 +18602,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         }
       }
     ),
-    editable && isHovering && /* @__PURE__ */ React167.createElement(
-      Group51,
+    editable && isHovering && /* @__PURE__ */ React189.createElement(
+      Group60,
       {
         gap: "xs",
         style: {
@@ -17238,12 +18613,12 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 10
         }
       },
-      /* @__PURE__ */ React167.createElement(CoverImageButton, { onClick: handleChangeCover }, "Change cover"),
-      /* @__PURE__ */ React167.createElement(CoverImageButton, { onClick: handleReposition, isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
-      /* @__PURE__ */ React167.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove")
+      /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleChangeCover }, "Change cover"),
+      /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleReposition, isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
+      /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove")
     ),
-    /* @__PURE__ */ React167.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React167.createElement(
-      Box30,
+    /* @__PURE__ */ React189.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React189.createElement(
+      Box34,
       {
         style: {
           position: "absolute",
@@ -17254,7 +18629,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 11
         }
       },
-      logoSrc && /* @__PURE__ */ React167.createElement(
+      logoSrc && /* @__PURE__ */ React189.createElement(
         "img",
         {
           src: logoSrc,
@@ -17268,10 +18643,10 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           }
         }
       ),
-      editable && isHovering && /* @__PURE__ */ React167.createElement(React167.Fragment, null, logoSrc ? (
+      editable && isHovering && /* @__PURE__ */ React189.createElement(React189.Fragment, null, logoSrc ? (
         // Logo exists: Show Change/Remove buttons when hovering on cover
-        /* @__PURE__ */ React167.createElement(
-          Group51,
+        /* @__PURE__ */ React189.createElement(
+          Group60,
           {
             gap: "xs",
             style: {
@@ -17281,12 +18656,12 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               zIndex: 12
             }
           },
-          /* @__PURE__ */ React167.createElement(CoverImageButton, { onClick: handleChangeLogo }, "Change"),
-          /* @__PURE__ */ React167.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
+          /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleChangeLogo }, "Change"),
+          /* @__PURE__ */ React189.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
         )
       ) : (
         // No logo: Show "Add icon" button when hovering anywhere on cover
-        /* @__PURE__ */ React167.createElement(
+        /* @__PURE__ */ React189.createElement(
           CoverImageButton,
           {
             onClick: handleAddLogo,
@@ -17302,13 +18677,13 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         )
       ))
     )),
-    /* @__PURE__ */ React167.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
-    /* @__PURE__ */ React167.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
+    /* @__PURE__ */ React189.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
+    /* @__PURE__ */ React189.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
   );
 }
 
 // src/mantine/components/PageHeader.tsx
-import React168, { useState as useState62, useRef as useRef12, useEffect as useEffect46 } from "react";
+import React190, { useState as useState68, useRef as useRef13, useEffect as useEffect52 } from "react";
 function PageHeader({
   title = "New page",
   icon,
@@ -17319,9 +18694,9 @@ function PageHeader({
   isFavorited = false,
   menuItems = []
 }) {
-  const [isMenuOpen, setIsMenuOpen] = useState62(false);
-  const menuRef = useRef12(null);
-  useEffect46(() => {
+  const [isMenuOpen, setIsMenuOpen] = useState68(false);
+  const menuRef = useRef13(null);
+  useEffect52(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         setIsMenuOpen(false);
@@ -17340,14 +18715,14 @@ function PageHeader({
       setIsMenuOpen(false);
     }
   };
-  return /* @__PURE__ */ React168.createElement("div", { style: styles.container }, /* @__PURE__ */ React168.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React168.createElement("span", { style: styles.icon }, icon || "\u{1F4C4}"), /* @__PURE__ */ React168.createElement("span", { style: styles.title }, title), isPrivate && /* @__PURE__ */ React168.createElement("button", { style: styles.privacyBadge }, /* @__PURE__ */ React168.createElement("span", { style: styles.lockIcon }, "\u{1F512}"), /* @__PURE__ */ React168.createElement("span", null, "Private"), /* @__PURE__ */ React168.createElement("span", { style: styles.chevron }, "\u25BE"))), /* @__PURE__ */ React168.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React168.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React168.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React168.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React168.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React168.createElement(
+  return /* @__PURE__ */ React190.createElement("div", { style: styles.container }, /* @__PURE__ */ React190.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React190.createElement("span", { style: styles.icon }, icon || "\u{1F4C4}"), /* @__PURE__ */ React190.createElement("span", { style: styles.title }, title), isPrivate && /* @__PURE__ */ React190.createElement("button", { style: styles.privacyBadge }, /* @__PURE__ */ React190.createElement("span", { style: styles.lockIcon }, "\u{1F512}"), /* @__PURE__ */ React190.createElement("span", null, "Private"), /* @__PURE__ */ React190.createElement("span", { style: styles.chevron }, "\u25BE"))), /* @__PURE__ */ React190.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React190.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React190.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React190.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React190.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       style: styles.menuButton,
       onClick: () => setIsMenuOpen(!isMenuOpen),
       "aria-label": "Menu"
     },
-    /* @__PURE__ */ React168.createElement(
+    /* @__PURE__ */ React190.createElement(
       "svg",
       {
         width: "16",
@@ -17355,11 +18730,11 @@ function PageHeader({
         viewBox: "0 0 16 16",
         fill: "currentColor"
       },
-      /* @__PURE__ */ React168.createElement("circle", { cx: "3", cy: "8", r: "1.5" }),
-      /* @__PURE__ */ React168.createElement("circle", { cx: "8", cy: "8", r: "1.5" }),
-      /* @__PURE__ */ React168.createElement("circle", { cx: "13", cy: "8", r: "1.5" })
+      /* @__PURE__ */ React190.createElement("circle", { cx: "3", cy: "8", r: "1.5" }),
+      /* @__PURE__ */ React190.createElement("circle", { cx: "8", cy: "8", r: "1.5" }),
+      /* @__PURE__ */ React190.createElement("circle", { cx: "13", cy: "8", r: "1.5" })
     )
-  ), isMenuOpen && /* @__PURE__ */ React168.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React168.createElement(React168.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React168.createElement("div", { style: styles.divider }), /* @__PURE__ */ React168.createElement(
+  ), isMenuOpen && /* @__PURE__ */ React190.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React190.createElement(React190.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React190.createElement("div", { style: styles.divider }), /* @__PURE__ */ React190.createElement(
     "button",
     {
       style: {
@@ -17369,8 +18744,8 @@ function PageHeader({
       onClick: () => handleMenuItemClick(item),
       disabled: item.disabled
     },
-    item.icon && /* @__PURE__ */ React168.createElement("span", { style: styles.menuItemIcon }, item.icon),
-    /* @__PURE__ */ React168.createElement("span", null, item.label)
+    item.icon && /* @__PURE__ */ React190.createElement("span", { style: styles.menuItemIcon }, item.icon),
+    /* @__PURE__ */ React190.createElement("span", null, item.label)
   )))))));
 }
 var styles = {
@@ -17501,8 +18876,8 @@ var styles = {
 };
 
 // src/mantine/components/ExternalDropZone.tsx
-import React169, { useCallback as useCallback42, useEffect as useEffect47, useRef as useRef13, useState as useState63 } from "react";
-import { Box as Box31 } from "@mantine/core";
+import React191, { useCallback as useCallback50, useEffect as useEffect53, useRef as useRef14, useState as useState69 } from "react";
+import { Box as Box35 } from "@mantine/core";
 var SCROLL_ZONE_SIZE = 80;
 var SCROLL_SPEED = 12;
 var ExternalDropZone = ({
@@ -17514,20 +18889,20 @@ var ExternalDropZone = ({
   onPlacementCancel,
   children
 }) => {
-  const containerRef = useRef13(null);
-  const [isValidDrag, setIsValidDrag] = useState63(false);
-  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState63(false);
-  const [indicatorStyle, setIndicatorStyle] = useState63({});
-  const dropPositionRef = useRef13(null);
-  const scrollAnimationRef = useRef13(null);
-  const scrollDirectionRef = useRef13(null);
-  const scrollContainerRef = useRef13(null);
-  const getBlockElements = useCallback42(() => {
+  const containerRef = useRef14(null);
+  const [isValidDrag, setIsValidDrag] = useState69(false);
+  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState69(false);
+  const [indicatorStyle, setIndicatorStyle] = useState69({});
+  const dropPositionRef = useRef14(null);
+  const scrollAnimationRef = useRef14(null);
+  const scrollDirectionRef = useRef14(null);
+  const scrollContainerRef = useRef14(null);
+  const getBlockElements = useCallback50(() => {
     if (!containerRef.current) return [];
     const blocks = containerRef.current.querySelectorAll('[data-node-type="blockContainer"]');
     return Array.from(blocks);
   }, []);
-  const getScrollContainer = useCallback42(() => {
+  const getScrollContainer = useCallback50(() => {
     if (scrollContainerRef.current) return scrollContainerRef.current;
     let element = containerRef.current;
     while (element) {
@@ -17542,7 +18917,7 @@ var ExternalDropZone = ({
     scrollContainerRef.current = window;
     return window;
   }, []);
-  const performScroll = useCallback42(() => {
+  const performScroll = useCallback50(() => {
     const container = getScrollContainer();
     const direction = scrollDirectionRef.current;
     if (!direction) {
@@ -17557,7 +18932,7 @@ var ExternalDropZone = ({
     }
     scrollAnimationRef.current = requestAnimationFrame(performScroll);
   }, [getScrollContainer]);
-  const startAutoScroll = useCallback42(
+  const startAutoScroll = useCallback50(
     (direction) => {
       if (scrollDirectionRef.current === direction) return;
       scrollDirectionRef.current = direction;
@@ -17567,14 +18942,14 @@ var ExternalDropZone = ({
     },
     [performScroll]
   );
-  const stopAutoScroll = useCallback42(() => {
+  const stopAutoScroll = useCallback50(() => {
     scrollDirectionRef.current = null;
     if (scrollAnimationRef.current) {
       cancelAnimationFrame(scrollAnimationRef.current);
       scrollAnimationRef.current = null;
     }
   }, []);
-  const checkAutoScroll = useCallback42(
+  const checkAutoScroll = useCallback50(
     (clientY) => {
       const container = getScrollContainer();
       let containerTop;
@@ -17597,7 +18972,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer, startAutoScroll, stopAutoScroll]
   );
-  const findDropPosition = useCallback42(
+  const findDropPosition = useCallback50(
     (clientY) => {
       const blocks = getBlockElements();
       if (blocks.length === 0 || !editor?.document) return null;
@@ -17630,7 +19005,7 @@ var ExternalDropZone = ({
     },
     [getBlockElements, editor]
   );
-  const handleDragOver = useCallback42(
+  const handleDragOver = useCallback50(
     (e) => {
       if (!e.dataTransfer.types.includes(acceptedType)) return;
       e.preventDefault();
@@ -17653,7 +19028,7 @@ var ExternalDropZone = ({
     },
     [acceptedType, findDropPosition, checkAutoScroll]
   );
-  const handleDragLeave = useCallback42(
+  const handleDragLeave = useCallback50(
     (e) => {
       if (containerRef.current && !containerRef.current.contains(e.relatedTarget)) {
         setIsValidDrag(false);
@@ -17663,7 +19038,7 @@ var ExternalDropZone = ({
     },
     [stopAutoScroll]
   );
-  const handleDrop = useCallback42(
+  const handleDrop = useCallback50(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -17677,7 +19052,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  useEffect47(() => {
+  useEffect53(() => {
     const handleGlobalDragEnd = () => {
       setIsValidDrag(false);
       dropPositionRef.current = null;
@@ -17686,7 +19061,7 @@ var ExternalDropZone = ({
     window.addEventListener("dragend", handleGlobalDragEnd);
     return () => window.removeEventListener("dragend", handleGlobalDragEnd);
   }, [stopAutoScroll]);
-  const handleOverlayMouseMove = useCallback42(
+  const handleOverlayMouseMove = useCallback50(
     (e) => {
       setIsHoveringInPlacementMode(true);
       checkAutoScroll(e.clientY);
@@ -17705,12 +19080,12 @@ var ExternalDropZone = ({
     },
     [findDropPosition, checkAutoScroll]
   );
-  const handleOverlayMouseLeave = useCallback42(() => {
+  const handleOverlayMouseLeave = useCallback50(() => {
     setIsHoveringInPlacementMode(false);
     dropPositionRef.current = null;
     stopAutoScroll();
   }, [stopAutoScroll]);
-  const handleOverlayClick = useCallback42(
+  const handleOverlayClick = useCallback50(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -17724,7 +19099,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  const handleOverlayWheel = useCallback42(
+  const handleOverlayWheel = useCallback50(
     (e) => {
       const container = getScrollContainer();
       if (container === window) {
@@ -17735,7 +19110,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer]
   );
-  useEffect47(() => {
+  useEffect53(() => {
     if (!isPlacementMode) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -17758,13 +19133,13 @@ var ExternalDropZone = ({
       document.removeEventListener("click", handleGlobalClick, true);
     };
   }, [isPlacementMode, onPlacementCancel]);
-  useEffect47(() => {
+  useEffect53(() => {
     if (!isPlacementMode) {
       setIsHoveringInPlacementMode(false);
       dropPositionRef.current = null;
     }
   }, [isPlacementMode]);
-  useEffect47(() => {
+  useEffect53(() => {
     const isActive = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
     if (isActive) {
       document.body.classList.add("external-artifact-drag-active");
@@ -17775,19 +19150,19 @@ var ExternalDropZone = ({
       document.body.classList.remove("external-artifact-drag-active");
     };
   }, [isValidDrag, isPlacementMode, isHoveringInPlacementMode]);
-  useEffect47(() => {
+  useEffect53(() => {
     return () => {
       if (scrollAnimationRef.current) {
         cancelAnimationFrame(scrollAnimationRef.current);
       }
     };
   }, []);
-  const indicatorWithPosition = dropIndicator && React169.isValidElement(dropIndicator) ? React169.cloneElement(dropIndicator, {
+  const indicatorWithPosition = dropIndicator && React191.isValidElement(dropIndicator) ? React191.cloneElement(dropIndicator, {
     indicatorTop: typeof indicatorStyle.top === "number" ? indicatorStyle.top : void 0
   }) : dropIndicator;
   const shouldShowIndicator = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
-  return /* @__PURE__ */ React169.createElement(
-    Box31,
+  return /* @__PURE__ */ React191.createElement(
+    Box35,
     {
       ref: containerRef,
       style: {
@@ -17802,8 +19177,8 @@ var ExternalDropZone = ({
       "data-placement-mode": isPlacementMode ? "true" : void 0
     },
     children,
-    isPlacementMode && /* @__PURE__ */ React169.createElement(
-      Box31,
+    isPlacementMode && /* @__PURE__ */ React191.createElement(
+      Box35,
       {
         style: {
           position: "absolute",
@@ -17822,20 +19197,20 @@ var ExternalDropZone = ({
         onWheel: handleOverlayWheel
       }
     ),
-    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React169.createElement(Box31, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
+    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React191.createElement(Box35, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
   );
 };
 
 // src/mantine/IxoEditor.tsx
-import React171 from "react";
+import React193 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 React170 from "react";
-import { Box as Box32 } from "@mantine/core";
+import React192 from "react";
+import { Box as Box36 } from "@mantine/core";
 var panelStyles = {
   light: {
     backgroundColor: "#ffffff",
@@ -17864,8 +19239,8 @@ function PanelContent({ theme }) {
   const { activePanel, registeredPanels } = usePanelStore();
   const isOpen = activePanel !== null;
   const content = activePanel ? registeredPanels.get(activePanel) : null;
-  return /* @__PURE__ */ React170.createElement(
-    Box32,
+  return /* @__PURE__ */ React192.createElement(
+    Box36,
     {
       pos: "sticky",
       right: 0,
@@ -17905,7 +19280,7 @@ function IxoEditorContent({
 }) {
   const { activePanel } = usePanelStore();
   const isPanelOpen = activePanel !== null;
-  const editorContent = /* @__PURE__ */ React171.createElement(
+  const editorContent = /* @__PURE__ */ React193.createElement(
     BlockNoteView,
     {
       editor,
@@ -17920,7 +19295,7 @@ function IxoEditorContent({
       onChange,
       onSelectionChange
     },
-    config.slashMenu && /* @__PURE__ */ React171.createElement(
+    config.slashMenu && /* @__PURE__ */ React193.createElement(
       SuggestionMenuController,
       {
         triggerCharacter: "/",
@@ -17933,7 +19308,7 @@ function IxoEditorContent({
     ),
     children
   );
-  return /* @__PURE__ */ React171.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React171.createElement(
+  return /* @__PURE__ */ React193.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React193.createElement(
     "div",
     {
       className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`,
@@ -17942,9 +19317,9 @@ function IxoEditorContent({
         transition: "width 0.2s ease"
       }
     },
-    selfNav && /* @__PURE__ */ React171.createElement(PageHeader, { ...pageHeaderProps }),
-    /* @__PURE__ */ React171.createElement(CoverImage, { coverImageUrl, logoUrl }),
-    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React171.createElement(
+    selfNav && /* @__PURE__ */ React193.createElement(PageHeader, { ...pageHeaderProps }),
+    /* @__PURE__ */ React193.createElement(CoverImage, { coverImageUrl, logoUrl }),
+    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React193.createElement(
       ExternalDropZone,
       {
         editor,
@@ -17957,7 +19332,7 @@ function IxoEditorContent({
       },
       editorContent
     ) : editorContent
-  ), isPanelVisible && /* @__PURE__ */ React171.createElement(PanelContent, { theme: config.theme }));
+  ), isPanelVisible && /* @__PURE__ */ React193.createElement(PanelContent, { theme: config.theme }));
 }
 function IxoEditor({
   editor,
@@ -17996,7 +19371,7 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React171.createElement(
+  const editorContent = /* @__PURE__ */ React193.createElement(
     BlocknoteProvider,
     {
       editor,
@@ -18007,7 +19382,7 @@ function IxoEditor({
       getDynamicListData,
       dynamicListPanelRenderer
     },
-    /* @__PURE__ */ React171.createElement(
+    /* @__PURE__ */ React193.createElement(
       IxoEditorContent,
       {
         isPanelVisible,
@@ -18031,15 +19406,15 @@ function IxoEditor({
     )
   );
   if (mantineTheme) {
-    return /* @__PURE__ */ React171.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
+    return /* @__PURE__ */ React193.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
   return editorContent;
 }
 
 // src/mantine/components/EntitySigningSetup.tsx
-import React172, { useState as useState64 } from "react";
-import { Modal as Modal3, Stack as Stack113, Text as Text86, TextInput as TextInput6, Button as Button33, Alert as Alert23, Group as Group52 } from "@mantine/core";
-import { IconAlertCircle as IconAlertCircle10, IconCheck as IconCheck5, IconKey as IconKey2 } from "@tabler/icons-react";
+import React194, { useState as useState70 } from "react";
+import { Modal as Modal3, Stack as Stack123, Text as Text97, TextInput as TextInput6, Button as Button35, Alert as Alert25, Group as Group61 } from "@mantine/core";
+import { IconAlertCircle as IconAlertCircle12, IconCheck as IconCheck6, IconKey as IconKey2 } from "@tabler/icons-react";
 var EntitySigningSetup = ({
   opened,
   onClose,
@@ -18047,11 +19422,11 @@ var EntitySigningSetup = ({
   entityName,
   onSetup
 }) => {
-  const [pin, setPin] = useState64("");
-  const [confirmPin, setConfirmPin] = useState64("");
-  const [loading, setLoading] = useState64(false);
-  const [error, setError] = useState64(null);
-  const [success, setSuccess] = useState64(false);
+  const [pin, setPin] = useState70("");
+  const [confirmPin, setConfirmPin] = useState70("");
+  const [loading, setLoading] = useState70(false);
+  const [error, setError] = useState70(null);
+  const [success, setSuccess] = useState70(false);
   const handleSetup = async () => {
     if (pin.length < 4) {
       setError("PIN must be at least 4 characters");
@@ -18091,15 +19466,15 @@ var EntitySigningSetup = ({
       setSuccess(false);
     }
   };
-  return /* @__PURE__ */ React172.createElement(
+  return /* @__PURE__ */ React194.createElement(
     Modal3,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React172.createElement(Group52, { gap: "xs" }, /* @__PURE__ */ React172.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React172.createElement(Text86, { fw: 600 }, "Entity Signing Setup")),
+      title: /* @__PURE__ */ React194.createElement(Group61, { gap: "xs" }, /* @__PURE__ */ React194.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React194.createElement(Text97, { fw: 600 }, "Entity Signing Setup")),
       size: "md"
     },
-    /* @__PURE__ */ React172.createElement(Stack113, { gap: "md" }, success ? /* @__PURE__ */ React172.createElement(Alert23, { color: "green", icon: /* @__PURE__ */ React172.createElement(IconCheck5, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React172.createElement(React172.Fragment, null, /* @__PURE__ */ React172.createElement(Text86, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React172.createElement(Text86, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React172.createElement(Alert23, { color: "blue", variant: "light" }, /* @__PURE__ */ React172.createElement(Text86, { size: "sm" }, "This is a ", /* @__PURE__ */ React172.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React172.createElement(Stack113, { gap: "xs" }, /* @__PURE__ */ React172.createElement(Text86, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React172.createElement(Text86, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React172.createElement(Text86, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React172.createElement(Text86, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React172.createElement(
+    /* @__PURE__ */ React194.createElement(Stack123, { gap: "md" }, success ? /* @__PURE__ */ React194.createElement(Alert25, { color: "green", icon: /* @__PURE__ */ React194.createElement(IconCheck6, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React194.createElement(React194.Fragment, null, /* @__PURE__ */ React194.createElement(Text97, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React194.createElement(Text97, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React194.createElement(Alert25, { color: "blue", variant: "light" }, /* @__PURE__ */ React194.createElement(Text97, { size: "sm" }, "This is a ", /* @__PURE__ */ React194.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React194.createElement(Stack123, { gap: "xs" }, /* @__PURE__ */ React194.createElement(Text97, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React194.createElement(Text97, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React194.createElement(Text97, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React194.createElement(Text97, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React194.createElement(
       TextInput6,
       {
         label: "Enter PIN to encrypt signing key",
@@ -18110,7 +19485,7 @@ var EntitySigningSetup = ({
         onChange: (e) => setPin(e.currentTarget.value),
         disabled: loading
       }
-    ), /* @__PURE__ */ React172.createElement(
+    ), /* @__PURE__ */ React194.createElement(
       TextInput6,
       {
         label: "Confirm PIN",
@@ -18120,12 +19495,12 @@ var EntitySigningSetup = ({
         onChange: (e) => setConfirmPin(e.currentTarget.value),
         disabled: loading
       }
-    ), error && /* @__PURE__ */ React172.createElement(Alert23, { color: "red", icon: /* @__PURE__ */ React172.createElement(IconAlertCircle10, { size: 16 }) }, error), /* @__PURE__ */ React172.createElement(Group52, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React172.createElement(Button33, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React172.createElement(
-      Button33,
+    ), error && /* @__PURE__ */ React194.createElement(Alert25, { color: "red", icon: /* @__PURE__ */ React194.createElement(IconAlertCircle12, { size: 16 }) }, error), /* @__PURE__ */ React194.createElement(Group61, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React194.createElement(Button35, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React194.createElement(
+      Button35,
       {
         onClick: handleSetup,
         loading,
-        leftSection: /* @__PURE__ */ React172.createElement(IconKey2, { size: 16 })
+        leftSection: /* @__PURE__ */ React194.createElement(IconKey2, { size: 16 })
       },
       "Setup Entity Signing"
     ))))
@@ -18133,9 +19508,9 @@ var EntitySigningSetup = ({
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
-import React173, { useState as useState65, useEffect as useEffect48, useMemo as useMemo53 } from "react";
-import { Stack as Stack114, Text as Text87, Paper as Paper16, Group as Group53, Badge as Badge24, Button as Button34, ActionIcon as ActionIcon26, Loader as Loader23, Alert as Alert24, Divider as Divider11 } from "@mantine/core";
-import { IconPlus as IconPlus5, IconTrash as IconTrash5, IconShieldCheck as IconShieldCheck2, IconUser as IconUser4, IconRobot as IconRobot3, IconBuilding } from "@tabler/icons-react";
+import React195, { useState as useState71, useEffect as useEffect54, useMemo as useMemo62 } from "react";
+import { Stack as Stack124, Text as Text98, Paper as Paper19, Group as Group62, Badge as Badge29, Button as Button36, ActionIcon as ActionIcon28, Loader as Loader25, Alert as Alert26, Divider as Divider12 } from "@mantine/core";
+import { IconPlus as IconPlus5, IconTrash as IconTrash6, IconShieldCheck as IconShieldCheck2, IconUser as IconUser4, IconRobot as IconRobot3, IconBuilding } from "@tabler/icons-react";
 var FlowPermissionsPanel = ({
   editor,
   entityDid,
@@ -18144,11 +19519,11 @@ var FlowPermissionsPanel = ({
   onRevokePermission,
   getUserDisplayName
 }) => {
-  const [delegations, setDelegations] = useState65([]);
-  const [loading, setLoading] = useState65(true);
-  const [revoking, setRevoking] = useState65(null);
-  const rootCapability = useMemo53(() => editor.getRootCapability?.(), [editor]);
-  useEffect48(() => {
+  const [delegations, setDelegations] = useState71([]);
+  const [loading, setLoading] = useState71(true);
+  const [revoking, setRevoking] = useState71(null);
+  const rootCapability = useMemo62(() => editor.getRootCapability?.(), [editor]);
+  useEffect54(() => {
     const loadDelegations = async () => {
       setLoading(true);
       const allDelegations = editor.getAllDelegations?.() || [];
@@ -18187,11 +19562,11 @@ var FlowPermissionsPanel = ({
   const getIcon2 = (type) => {
     switch (type) {
       case "oracle":
-        return /* @__PURE__ */ React173.createElement(IconRobot3, { size: 16 });
+        return /* @__PURE__ */ React195.createElement(IconRobot3, { size: 16 });
       case "entity":
-        return /* @__PURE__ */ React173.createElement(IconBuilding, { size: 16 });
+        return /* @__PURE__ */ React195.createElement(IconBuilding, { size: 16 });
       default:
-        return /* @__PURE__ */ React173.createElement(IconUser4, { size: 16 });
+        return /* @__PURE__ */ React195.createElement(IconUser4, { size: 16 });
     }
   };
   const formatCapabilities = (caps) => {
@@ -18210,8 +19585,8 @@ var FlowPermissionsPanel = ({
     if (date < /* @__PURE__ */ new Date()) return "Expired";
     return date.toLocaleDateString();
   };
-  return /* @__PURE__ */ React173.createElement(Stack114, { gap: "md" }, /* @__PURE__ */ React173.createElement(Stack114, { gap: "xs" }, /* @__PURE__ */ React173.createElement(Text87, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React173.createElement(Paper16, { p: "sm", withBorder: true }, /* @__PURE__ */ React173.createElement(Group53, { gap: "xs" }, /* @__PURE__ */ React173.createElement(IconShieldCheck2, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React173.createElement(Stack114, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React173.createElement(Text87, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React173.createElement(Text87, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React173.createElement(Badge24, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React173.createElement(Divider11, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React173.createElement(Group53, { justify: "center", py: "xl" }, /* @__PURE__ */ React173.createElement(Loader23, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React173.createElement(Alert24, { color: "gray", variant: "light" }, /* @__PURE__ */ React173.createElement(Text87, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React173.createElement(Stack114, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React173.createElement(Paper16, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React173.createElement(Group53, { justify: "space-between" }, /* @__PURE__ */ React173.createElement(Group53, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React173.createElement(Stack114, { gap: 2 }, /* @__PURE__ */ React173.createElement(Text87, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React173.createElement(Text87, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React173.createElement(Group53, { gap: "xs" }, /* @__PURE__ */ React173.createElement(Text87, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React173.createElement(Text87, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React173.createElement(Text87, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React173.createElement(
-    ActionIcon26,
+  return /* @__PURE__ */ React195.createElement(Stack124, { gap: "md" }, /* @__PURE__ */ React195.createElement(Stack124, { gap: "xs" }, /* @__PURE__ */ React195.createElement(Text98, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React195.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React195.createElement(Group62, { gap: "xs" }, /* @__PURE__ */ React195.createElement(IconShieldCheck2, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React195.createElement(Stack124, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React195.createElement(Text98, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React195.createElement(Text98, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React195.createElement(Badge29, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React195.createElement(Divider12, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React195.createElement(Group62, { justify: "center", py: "xl" }, /* @__PURE__ */ React195.createElement(Loader25, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React195.createElement(Alert26, { color: "gray", variant: "light" }, /* @__PURE__ */ React195.createElement(Text98, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React195.createElement(Stack124, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React195.createElement(Paper19, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React195.createElement(Group62, { justify: "space-between" }, /* @__PURE__ */ React195.createElement(Group62, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React195.createElement(Stack124, { gap: 2 }, /* @__PURE__ */ React195.createElement(Text98, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React195.createElement(Text98, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React195.createElement(Group62, { gap: "xs" }, /* @__PURE__ */ React195.createElement(Text98, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React195.createElement(Text98, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React195.createElement(Text98, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React195.createElement(
+    ActionIcon28,
     {
       color: "red",
       variant: "subtle",
@@ -18219,11 +19594,11 @@ var FlowPermissionsPanel = ({
       loading: revoking === capability.id,
       disabled: !!revoking
     },
-    /* @__PURE__ */ React173.createElement(IconTrash5, { size: 16 })
-  ))))), /* @__PURE__ */ React173.createElement(
-    Button34,
+    /* @__PURE__ */ React195.createElement(IconTrash6, { size: 16 })
+  ))))), /* @__PURE__ */ React195.createElement(
+    Button36,
     {
-      leftSection: /* @__PURE__ */ React173.createElement(IconPlus5, { size: 16 }),
+      leftSection: /* @__PURE__ */ React195.createElement(IconPlus5, { size: 16 }),
       variant: "light",
       onClick: onGrantPermission
     },
@@ -18232,22 +19607,22 @@ var FlowPermissionsPanel = ({
 };
 
 // src/mantine/components/GrantPermissionModal.tsx
-import React174, { useState as useState66, useCallback as useCallback43 } from "react";
+import React196, { useState as useState72, useCallback as useCallback51 } from "react";
 import {
   Modal as Modal4,
-  Stack as Stack115,
-  Text as Text88,
+  Stack as Stack125,
+  Text as Text99,
   TextInput as TextInput7,
-  Button as Button35,
-  Group as Group54,
+  Button as Button37,
+  Group as Group63,
   Radio as Radio6,
   Checkbox as Checkbox12,
-  Alert as Alert25,
-  Paper as Paper17,
-  Loader as Loader24,
-  Badge as Badge25,
-  ActionIcon as ActionIcon27,
-  Divider as Divider12,
+  Alert as Alert27,
+  Paper as Paper20,
+  Loader as Loader26,
+  Badge as Badge30,
+  ActionIcon as ActionIcon29,
+  Divider as Divider13,
   NumberInput as NumberInput3
 } from "@mantine/core";
 import { IconSearch as IconSearch5, IconUser as IconUser5, IconRobot as IconRobot4, IconX as IconX8, IconShieldPlus as IconShieldPlus3 } from "@tabler/icons-react";
@@ -18264,21 +19639,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] = useState66("user");
-  const [searchQuery, setSearchQuery] = useState66("");
-  const [searchResults, setSearchResults] = useState66([]);
-  const [searching, setSearching] = useState66(false);
-  const [selectedRecipient, setSelectedRecipient] = useState66(null);
-  const [manualDid, setManualDid] = useState66("");
-  const [scopeType, setScopeType] = useState66("full");
-  const [selectedBlocks, setSelectedBlocks] = useState66([]);
-  const [expirationEnabled, setExpirationEnabled] = useState66(false);
-  const [expirationDays, setExpirationDays] = useState66(30);
-  const [canDelegate, setCanDelegate] = useState66(false);
-  const [pin, setPin] = useState66("");
-  const [loading, setLoading] = useState66(false);
-  const [error, setError] = useState66(null);
-  const handleSearch = useCallback43(async () => {
+  const [recipientType, setRecipientType] = useState72("user");
+  const [searchQuery, setSearchQuery] = useState72("");
+  const [searchResults, setSearchResults] = useState72([]);
+  const [searching, setSearching] = useState72(false);
+  const [selectedRecipient, setSelectedRecipient] = useState72(null);
+  const [manualDid, setManualDid] = useState72("");
+  const [scopeType, setScopeType] = useState72("full");
+  const [selectedBlocks, setSelectedBlocks] = useState72([]);
+  const [expirationEnabled, setExpirationEnabled] = useState72(false);
+  const [expirationDays, setExpirationDays] = useState72(30);
+  const [canDelegate, setCanDelegate] = useState72(false);
+  const [pin, setPin] = useState72("");
+  const [loading, setLoading] = useState72(false);
+  const [error, setError] = useState72(null);
+  const handleSearch = useCallback51(async () => {
     if (searchQuery.length < 2) return;
     setSearching(true);
     try {
@@ -18365,30 +19740,30 @@ var GrantPermissionModal = ({
       resetForm();
     }
   };
-  return /* @__PURE__ */ React174.createElement(
+  return /* @__PURE__ */ React196.createElement(
     Modal4,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React174.createElement(Group54, { gap: "xs" }, /* @__PURE__ */ React174.createElement(IconShieldPlus3, { size: 20 }), /* @__PURE__ */ React174.createElement(Text88, { fw: 600 }, "Grant Permission")),
+      title: /* @__PURE__ */ React196.createElement(Group63, { gap: "xs" }, /* @__PURE__ */ React196.createElement(IconShieldPlus3, { size: 20 }), /* @__PURE__ */ React196.createElement(Text99, { fw: 600 }, "Grant Permission")),
       size: "lg"
     },
-    /* @__PURE__ */ React174.createElement(Stack115, { gap: "md" }, /* @__PURE__ */ React174.createElement(Stack115, { gap: "xs" }, /* @__PURE__ */ React174.createElement(Text88, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React174.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
+    /* @__PURE__ */ React196.createElement(Stack125, { gap: "md" }, /* @__PURE__ */ React196.createElement(Stack125, { gap: "xs" }, /* @__PURE__ */ React196.createElement(Text99, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React196.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
       setRecipientType(v);
       setSelectedRecipient(null);
       setSearchResults([]);
-    } }, /* @__PURE__ */ React174.createElement(Group54, null, /* @__PURE__ */ React174.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React174.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React174.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React174.createElement(Stack115, { gap: "xs" }, /* @__PURE__ */ React174.createElement(
+    } }, /* @__PURE__ */ React196.createElement(Group63, null, /* @__PURE__ */ React196.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React196.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React196.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React196.createElement(Stack125, { gap: "xs" }, /* @__PURE__ */ React196.createElement(
       TextInput7,
       {
         placeholder: recipientType === "oracle" ? "Search oracles..." : "Search users...",
-        leftSection: /* @__PURE__ */ React174.createElement(IconSearch5, { size: 16 }),
-        rightSection: searching ? /* @__PURE__ */ React174.createElement(Loader24, { size: 14 }) : null,
+        leftSection: /* @__PURE__ */ React196.createElement(IconSearch5, { size: 16 }),
+        rightSection: searching ? /* @__PURE__ */ React196.createElement(Loader26, { size: 14 }) : null,
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
         onKeyDown: (e) => e.key === "Enter" && handleSearch()
       }
-    ), selectedRecipient ? /* @__PURE__ */ React174.createElement(Paper17, { p: "sm", withBorder: true }, /* @__PURE__ */ React174.createElement(Group54, { justify: "space-between" }, /* @__PURE__ */ React174.createElement(Group54, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React174.createElement(IconRobot4, { size: 16 }) : /* @__PURE__ */ React174.createElement(IconUser5, { size: 16 }), /* @__PURE__ */ React174.createElement(Text88, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React174.createElement(Badge25, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React174.createElement(ActionIcon27, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React174.createElement(IconX8, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React174.createElement(Paper17, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React174.createElement(Stack115, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React174.createElement(
-      Button35,
+    ), selectedRecipient ? /* @__PURE__ */ React196.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React196.createElement(Group63, { justify: "space-between" }, /* @__PURE__ */ React196.createElement(Group63, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React196.createElement(IconRobot4, { size: 16 }) : /* @__PURE__ */ React196.createElement(IconUser5, { size: 16 }), /* @__PURE__ */ React196.createElement(Text99, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React196.createElement(Badge30, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React196.createElement(ActionIcon29, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React196.createElement(IconX8, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React196.createElement(Paper20, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React196.createElement(Stack125, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React196.createElement(
+      Button37,
       {
         key: result.did,
         variant: "subtle",
@@ -18397,7 +19772,7 @@ var GrantPermissionModal = ({
         onClick: () => setSelectedRecipient(result)
       },
       result.displayName
-    )))) : null) : /* @__PURE__ */ React174.createElement(
+    )))) : null) : /* @__PURE__ */ React196.createElement(
       TextInput7,
       {
         label: "Recipient DID",
@@ -18405,12 +19780,12 @@ var GrantPermissionModal = ({
         value: manualDid,
         onChange: (e) => setManualDid(e.currentTarget.value)
       }
-    ), /* @__PURE__ */ React174.createElement(Divider12, null), /* @__PURE__ */ React174.createElement(Stack115, { gap: "xs" }, /* @__PURE__ */ React174.createElement(Text88, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
+    ), /* @__PURE__ */ React196.createElement(Divider13, null), /* @__PURE__ */ React196.createElement(Stack125, { gap: "xs" }, /* @__PURE__ */ React196.createElement(Text99, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
       // Single block mode: show fixed block info
-      /* @__PURE__ */ React174.createElement(Paper17, { p: "sm", withBorder: true }, /* @__PURE__ */ React174.createElement(Group54, { gap: "xs" }, /* @__PURE__ */ React174.createElement(Badge25, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React174.createElement(Text88, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React174.createElement(Text88, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
+      /* @__PURE__ */ React196.createElement(Paper20, { p: "sm", withBorder: true }, /* @__PURE__ */ React196.createElement(Group63, { gap: "xs" }, /* @__PURE__ */ React196.createElement(Badge30, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React196.createElement(Text99, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React196.createElement(Text99, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
     ) : (
       // Multi-block mode: show scope selection
-      /* @__PURE__ */ React174.createElement(React174.Fragment, null, /* @__PURE__ */ React174.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React174.createElement(Stack115, { gap: "xs" }, /* @__PURE__ */ React174.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React174.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React174.createElement(Paper17, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React174.createElement(Stack115, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React174.createElement(
+      /* @__PURE__ */ React196.createElement(React196.Fragment, null, /* @__PURE__ */ React196.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React196.createElement(Stack125, { gap: "xs" }, /* @__PURE__ */ React196.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React196.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React196.createElement(Paper20, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React196.createElement(Stack125, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React196.createElement(
         Checkbox12,
         {
           key: block.id,
@@ -18425,14 +19800,14 @@ var GrantPermissionModal = ({
           }
         }
       )))))
-    )), /* @__PURE__ */ React174.createElement(Divider12, null), /* @__PURE__ */ React174.createElement(Stack115, { gap: "xs" }, /* @__PURE__ */ React174.createElement(
+    )), /* @__PURE__ */ React196.createElement(Divider13, null), /* @__PURE__ */ React196.createElement(Stack125, { gap: "xs" }, /* @__PURE__ */ React196.createElement(
       Checkbox12,
       {
         label: "Set expiration",
         checked: expirationEnabled,
         onChange: (e) => setExpirationEnabled(e.currentTarget.checked)
       }
-    ), expirationEnabled && /* @__PURE__ */ React174.createElement(
+    ), expirationEnabled && /* @__PURE__ */ React196.createElement(
       NumberInput3,
       {
         label: "Expires in (days)",
@@ -18442,7 +19817,7 @@ var GrantPermissionModal = ({
         min: 1,
         max: 365
       }
-    )), /* @__PURE__ */ React174.createElement(
+    )), /* @__PURE__ */ React196.createElement(
       Checkbox12,
       {
         label: "Recipient can grant permissions to others",
@@ -18450,7 +19825,7 @@ var GrantPermissionModal = ({
         checked: canDelegate,
         onChange: (e) => setCanDelegate(e.currentTarget.checked)
       }
-    ), /* @__PURE__ */ React174.createElement(Divider12, null), /* @__PURE__ */ React174.createElement(
+    ), /* @__PURE__ */ React196.createElement(Divider13, null), /* @__PURE__ */ React196.createElement(
       TextInput7,
       {
         label: "Enter your PIN to sign this delegation",
@@ -18459,7 +19834,7 @@ var GrantPermissionModal = ({
         value: pin,
         onChange: (e) => setPin(e.currentTarget.value)
       }
-    ), error && /* @__PURE__ */ React174.createElement(Alert25, { color: "red" }, error), /* @__PURE__ */ React174.createElement(Group54, { justify: "flex-end" }, /* @__PURE__ */ React174.createElement(Button35, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React174.createElement(Button35, { onClick: handleGrant, loading }, "Grant Permission")))
+    ), error && /* @__PURE__ */ React196.createElement(Alert27, { color: "red" }, error), /* @__PURE__ */ React196.createElement(Group63, { justify: "flex-end" }, /* @__PURE__ */ React196.createElement(Button37, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React196.createElement(Button37, { onClick: handleGrant, loading }, "Grant Permission")))
   );
 };
 
@@ -18565,4 +19940,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-LNFOOQY3.mjs.map
+//# sourceMappingURL=chunk-ER7KTMUM.mjs.map