@ixo/editor 3.0.0-beta.13 → 3.0.0-beta.14

package/dist/{chunk-255WVXBP.mjs → chunk-3AD37CJI.mjs}

@@ -16,7 +16,7 @@ import {
   isActorAuthorized,
   parseLinkedEntities,
   transformSurveyToCredentialSubject
-} from "./chunk-MVIGR7ZU.mjs";
+} from "./chunk-VITMEP3T.mjs";
 
 // src/mantine/hooks/useCreateIxoEditor.ts
 import { useCreateBlockNote } from "@blocknote/react";
@@ -6794,12 +6794,7 @@ import { Stack as Stack47, Text as Text47, Center as Center4, Loader as Loader10
 
 // src/mantine/hooks/useBlockAuthorization.ts
 import { useState as useState23, useEffect as useEffect22, useMemo as useMemo25 } from "react";
-function useBlockAuthorization({
-  editor,
-  flowNode,
-  actorDid,
-  flowUri
-}) {
+function useBlockAuthorization({ editor, flowNode, actorDid, flowUri }) {
   const handlers = useBlocknoteHandlers();
   const [result, setResult] = useState23({ authorized: true });
   const [loading, setLoading] = useState23(true);
@@ -14872,10 +14867,7 @@ var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
 // src/mantine/components/EvaluationTab.tsx
 import React147, { useMemo as useMemo46, useState as useState58, useEffect as useEffect46, useCallback as useCallback38 } from "react";
 import { Stack as Stack110, TextInput as TextInput6, Text as Text86 } from "@mantine/core";
-var EvaluationTab = ({
-  editor,
-  block: initialBlock
-}) => {
+var EvaluationTab = ({ editor, block: initialBlock }) => {
   const [, forceUpdate] = useState58({});
   const block = useMemo46(() => {
     const doc = editor?.document || [];
@@ -23106,6 +23098,20 @@ var DraggableLinkCard = ({ link, index, onRemove, onUpdate }) => {
       },
       description: "HTTP link to the target flow or page"
     }
+  ), /* @__PURE__ */ React230.createElement(
+    BaseTextInput,
+    {
+      label: "External URL",
+      placeholder: "https://example.com",
+      value: link.externalUrl || "",
+      onChange: (e) => {
+        const val = e.currentTarget.value;
+        onUpdate(link.id, {
+          externalUrl: val
+        });
+      },
+      description: "Opens in a new tab instead of internal navigation."
+    }
   ), /* @__PURE__ */ React230.createElement(
     BaseTextArea,
     {
@@ -23218,6 +23224,9 @@ var FlowLinkPanel = ({ editor, block }) => {
     setLinksWithStatus((prev) => prev.map((link) => ({ ...link, isLoading: true, error: void 0 })));
     const updatedLinks = await Promise.all(
       links.map(async (link) => {
+        if (link.externalUrl) {
+          return { ...link, isLoading: false };
+        }
         try {
           const statusData = await handlers.getFlowStatus(link.url);
           return { ...link, statusData, isLoading: false };
@@ -23232,6 +23241,10 @@ var FlowLinkPanel = ({ editor, block }) => {
     fetchStatuses();
   }, []);
   const handleNavigate = (link) => {
+    if (link.externalUrl) {
+      window.open(link.externalUrl, "_blank", "noopener,noreferrer");
+      return;
+    }
     if (handlers.navigateToFlow && link.url) {
       handlers.navigateToFlow(link.url);
     }
@@ -23261,9 +23274,13 @@ var FlowLinkPanel = ({ editor, block }) => {
     BaseContainer,
     {
       onClick: () => handleNavigate(link),
-      style: { opacity: !handlers.navigateToFlow || !link.url ? 0.6 : 1, minHeight: 84, cursor: !handlers.navigateToFlow || !link.url ? "not-allowed" : "pointer" }
+      style: {
+        opacity: link.externalUrl || handlers.navigateToFlow && link.url ? 1 : 0.6,
+        minHeight: 84,
+        cursor: link.externalUrl || handlers.navigateToFlow && link.url ? "pointer" : "not-allowed"
+      }
     },
-    /* @__PURE__ */ React233.createElement(Group83, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("external-link", block.props.icon), /* @__PURE__ */ React233.createElement(Stack152, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React233.createElement(Group83, { gap: "xs", align: "center" }, /* @__PURE__ */ React233.createElement(Text129, { size: "sm", fw: 600 }, link.title || "Untitled Flow"), getStatusBadge(link)), link.captionText && /* @__PURE__ */ React233.createElement(Text129, { size: "sm", c: "dimmed", lineClamp: 2 }, link.captionText)), link.statusData?.completedAt && /* @__PURE__ */ React233.createElement(Text129, { size: "sm", c: "dimmed" }, "Completed: ", new Date(link.statusData.completedAt).toLocaleDateString()))
+    /* @__PURE__ */ React233.createElement(Group83, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("external-link", block.props.icon), /* @__PURE__ */ React233.createElement(Stack152, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React233.createElement(Group83, { gap: "xs", align: "center" }, /* @__PURE__ */ React233.createElement(Text129, { size: "sm", fw: 600 }, link.title || (link.externalUrl ? "External Link" : "Untitled Flow")), link.externalUrl && /* @__PURE__ */ React233.createElement(Badge37, { size: "xs", variant: "light", color: "teal" }, "External"), !link.externalUrl && getStatusBadge(link)), link.captionText && /* @__PURE__ */ React233.createElement(Text129, { size: "sm", c: "dimmed", lineClamp: 2 }, link.captionText)), link.statusData?.completedAt && /* @__PURE__ */ React233.createElement(Text129, { size: "sm", c: "dimmed" }, "Completed: ", new Date(link.statusData.completedAt).toLocaleDateString()))
   ))))));
 };
 
@@ -23359,11 +23376,11 @@ var FlowLinkBlockSpec = createReactBlockSpec20(
 );
 
 // src/mantine/blocks/action/ActionBlockSpec.tsx
-import React264 from "react";
+import React268 from "react";
 import { createReactBlockSpec as createReactBlockSpec21 } from "@blocknote/react";
 
 // src/mantine/blocks/action/ActionBlock.tsx
-import React263 from "react";
+import React267 from "react";
 
 // src/mantine/blocks/action/template/TemplateView.tsx
 import React240, { useMemo as useMemo88 } from "react";
@@ -23371,7 +23388,7 @@ import React240, { useMemo as useMemo88 } from "react";
 // src/mantine/blocks/action/template/TemplateConfig.tsx
 import React239, { useCallback as useCallback72, useMemo as useMemo87 } from "react";
 import { Stack as Stack156 } from "@mantine/core";
-import { IconCheck as IconCheck15, IconContract as IconContract5, IconSettings as IconSettings19, IconShieldCheck as IconShieldCheck13, IconUserCheck as IconUserCheck4 } from "@tabler/icons-react";
+import { IconCheck as IconCheck15, IconContract as IconContract5, IconSettings as IconSettings19, IconShieldCheck as IconShieldCheck14, IconUserCheck as IconUserCheck4 } from "@tabler/icons-react";
 
 // src/mantine/blocks/action/template/GeneralTab.tsx
 import React238, { useEffect as useEffect73, useMemo as useMemo86, useState as useState88 } from "react";
@@ -23393,7 +23410,8 @@ import {
   IconChecks as IconChecks4,
   IconThumbUp as IconThumbUp2,
   IconSignature as IconSignature3,
-  IconBuildingEstate
+  IconBuildingEstate,
+  IconShieldCheck as IconShieldCheck13
 } from "@tabler/icons-react";
 
 // src/mantine/components/Base/BaseIconCombobox.tsx
@@ -23544,6 +23562,11 @@ var ACTION_TYPE_META = {
     label: "Create Domain",
     description: "Create a new domain entity on-chain",
     icon: icon(IconBuildingEstate, COMBO_ICON_SIZE)
+  },
+  "credential.store": {
+    label: "Store Credential",
+    description: "Store a verifiable credential in Matrix room state",
+    icon: icon(IconShieldCheck13, COMBO_ICON_SIZE)
   }
 };
 function getActionMeta(actionType) {
@@ -23735,7 +23758,7 @@ var TemplateConfig17 = ({ editor, block }) => {
     {
       label: "Authorization",
       value: "authorization",
-      icon: icon(IconShieldCheck13),
+      icon: icon(IconShieldCheck14),
       content: /* @__PURE__ */ React239.createElement(AuthorizationTab, { editor, block })
     },
     {
@@ -28167,12 +28190,530 @@ registerActionTypeUI("domain.create", {
   flowDetailComponent: DomainCreateFlowDetail
 });
 
+// src/mantine/blocks/action/actionTypes/formSubmit/FormSubmitConfig.tsx
+import React263, { useCallback as useCallback92, useEffect as useEffect92, useState as useState111 } from "react";
+import { Stack as Stack180, Text as Text153 } from "@mantine/core";
+
+// src/mantine/blocks/action/actionTypes/formSubmit/types.ts
+function parseFormSubmitActionInputs(json) {
+  try {
+    const parsed = typeof json === "string" ? JSON.parse(json) : json;
+    const rawSchema = parsed?.surveySchema;
+    if (typeof rawSchema === "string") {
+      return { surveySchema: rawSchema };
+    }
+    if (rawSchema && typeof rawSchema === "object" && !Array.isArray(rawSchema)) {
+      return { surveySchema: JSON.stringify(rawSchema, null, 2) };
+    }
+    return { surveySchema: "" };
+  } catch {
+    return { surveySchema: "" };
+  }
+}
+function serializeFormSubmitActionInputs(inputs) {
+  return JSON.stringify({
+    surveySchema: inputs.surveySchema
+  });
+}
+
+// src/mantine/blocks/action/actionTypes/formSubmit/FormSubmitConfig.tsx
+function isValidSchemaJson(value) {
+  try {
+    const parsed = JSON.parse(value);
+    return !!parsed && typeof parsed === "object" && !Array.isArray(parsed);
+  } catch {
+    return false;
+  }
+}
+var FormSubmitConfig = ({ inputs, onInputsChange }) => {
+  const [localSchema, setLocalSchema] = useState111(() => parseFormSubmitActionInputs(inputs).surveySchema);
+  const [error, setError] = useState111(null);
+  useEffect92(() => {
+    setLocalSchema(parseFormSubmitActionInputs(inputs).surveySchema);
+    setError(null);
+  }, [inputs]);
+  const handleChange = useCallback92(
+    (value) => {
+      setLocalSchema(value);
+      setError(null);
+      if (!value.trim()) {
+        onInputsChange(serializeFormSubmitActionInputs({ surveySchema: "" }));
+        return;
+      }
+      if (!isValidSchemaJson(value)) {
+        setError("Survey schema must be a valid JSON object");
+        return;
+      }
+      onInputsChange(serializeFormSubmitActionInputs({ surveySchema: value }));
+    },
+    [onInputsChange]
+  );
+  return /* @__PURE__ */ React263.createElement(Stack180, { gap: "xs" }, /* @__PURE__ */ React263.createElement(
+    BaseTextArea,
+    {
+      label: "Survey Schema (JSON)",
+      description: "Paste the SurveyJS schema JSON that should be rendered in flow mode.",
+      placeholder: '{"elements":[{"type":"text","name":"name","title":"Your name"}]}',
+      minRows: 10,
+      value: localSchema,
+      onChange: (event) => handleChange(event.currentTarget.value),
+      error
+    }
+  ), localSchema && !error && /* @__PURE__ */ React263.createElement(Text153, { size: "xs", c: "green" }, "\u2713 Valid JSON object"));
+};
+
+// src/mantine/blocks/action/actionTypes/formSubmit/FormSubmitFlowDetail.tsx
+import React264, { useCallback as useCallback93, useEffect as useEffect93, useMemo as useMemo106, useState as useState112 } from "react";
+import { Alert as Alert49, Loader as Loader50, Stack as Stack181, Text as Text154 } from "@mantine/core";
+import { Survey as Survey13, SurveyModel as SurveyModel13 } from "@ixo/surveys";
+function parsePrimarySkill(rawSkill) {
+  const coerce = (candidate) => {
+    if (!candidate || typeof candidate !== "object") return null;
+    const cid = String(candidate.cid || "").trim();
+    const name = String(candidate.name || "").trim();
+    if (!cid) return null;
+    return name ? { cid, name } : { cid };
+  };
+  if (!rawSkill) return null;
+  if (typeof rawSkill === "object") {
+    if (Array.isArray(rawSkill)) {
+      for (const entry of rawSkill) {
+        const skill = coerce(entry);
+        if (skill) return skill;
+      }
+      return null;
+    }
+    return coerce(rawSkill);
+  }
+  if (typeof rawSkill === "string") {
+    const trimmed = rawSkill.trim();
+    if (!trimmed) return null;
+    try {
+      const parsed = JSON.parse(trimmed);
+      return parsePrimarySkill(parsed);
+    } catch {
+      return null;
+    }
+  }
+  return null;
+}
+function buildCompanionPrompt(params) {
+  const answersJson = JSON.stringify(params.answers || {}, null, 2);
+  return [
+    "Use the skill with this form context.",
+    "IMPORTANT: First read the flow context and settings \u2014 the flow may contain parameters required by the skill. Also review all blocks in the flow to understand the basic workflow before executing.",
+    `Skill name: ${params.skill.name || "(not provided)"}`,
+    `Skill CID: ${params.skill.cid}`,
+    `Action block title: ${params.blockTitle || "Form Submit Action"}`,
+    `Action block description: ${params.blockDescription || "Complete the form to execute this action."}`,
+    `Form answers JSON:
+${answersJson}`
+  ].join("\n");
+}
+var FormSubmitFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabled }) => {
+  const handlers = useBlocknoteHandlers();
+  const services = useMemo106(() => buildServicesFromHandlers(handlers), [handlers]);
+  const flowNode = useMemo106(() => buildFlowNodeFromBlock(block), [block]);
+  const runtimeManager = useMemo106(() => createRuntimeStateManager(editor), [editor]);
+  const ucanManager = useMemo106(() => new SimpleUCANManager(), []);
+  const delegationStore = useMemo106(() => {
+    if (!editor?._yDelegations) return void 0;
+    return createDelegationStore(editor._yDelegations);
+  }, [editor?._yDelegations]);
+  const verifySignature = useMemo106(() => {
+    if (!handlers?.verifyCapabilitySignature) return void 0;
+    return async (capabilityRaw, issuerDid) => handlers.verifyCapabilitySignature({ capabilityRaw, issuerDid });
+  }, [handlers]);
+  const flowOwnerDid = useMemo106(() => editor?.getFlowOwnerDid?.() || "", [editor]);
+  const flowUri = useMemo106(() => {
+    const docId = editor?.getFlowMetadata?.()?.doc_id || block.id;
+    return `ixo:flow:${docId}`;
+  }, [editor, block.id]);
+  const actorDid = useMemo106(() => {
+    try {
+      return handlers?.getCurrentUser?.()?.address || "";
+    } catch {
+      return "";
+    }
+  }, [handlers]);
+  const parsed = useMemo106(() => parseFormSubmitActionInputs(inputs), [inputs]);
+  const editorDocument = editor?.document || [];
+  const resolveOpts = useMemo106(() => ({ yRuntime: editor?._yRuntime }), [editor?._yRuntime]);
+  const resolvedSchemaString = useMemo106(() => resolveReferences(parsed.surveySchema || "", editorDocument, resolveOpts).trim(), [parsed.surveySchema, editorDocument, resolveOpts]);
+  const [submitting, setSubmitting] = useState112(false);
+  const [error, setError] = useState112(null);
+  const parsedSchema = useMemo106(() => {
+    if (!resolvedSchemaString) return null;
+    try {
+      const schema = JSON.parse(resolvedSchemaString);
+      if (!schema || typeof schema !== "object" || Array.isArray(schema)) return null;
+      return schema;
+    } catch {
+      return null;
+    }
+  }, [resolvedSchemaString]);
+  const isCompleted = runtime.state === "completed";
+  const savedAnswers = isCompleted && runtime.output?.answers && typeof runtime.output.answers === "object" ? runtime.output.answers : null;
+  const surveyModel = useMemo106(() => {
+    if (!parsedSchema) return null;
+    const model = new SurveyModel13(parsedSchema);
+    model.applyTheme(surveyTheme);
+    model.showQuestionNumbers = "off";
+    model.questionsOnPageMode = "singlePage";
+    model.completeText = "Execute";
+    if (savedAnswers) {
+      model.data = savedAnswers;
+      model.mode = "display";
+      model.showCompleteButton = false;
+    } else if (isDisabled || submitting) {
+      model.mode = "display";
+      model.showCompleteButton = false;
+    }
+    return model;
+  }, [parsedSchema, isDisabled, submitting, savedAnswers]);
+  const handleSurveyComplete = useCallback93(
+    async (sender) => {
+      if (isDisabled || submitting) return;
+      const actionType = String(block?.props?.actionType || "form.submit");
+      const actionDef = getAction(actionType) || getAction("form.submit");
+      if (!actionDef) {
+        setError(`${actionType} action is not registered`);
+        return;
+      }
+      setSubmitting(true);
+      setError(null);
+      updateRuntime({ state: "running", error: void 0 });
+      try {
+        const skill = parsePrimarySkill(block?.props?.skill);
+        if (skill && typeof handlers?.askCompanion === "function") {
+          const prompt = buildCompanionPrompt({
+            skill,
+            blockTitle: String(block?.props?.title || ""),
+            blockDescription: String(block?.props?.description || ""),
+            answers: sender.data || {}
+          });
+          handlers.askCompanion(prompt).catch((askError) => {
+            console.error("askCompanion failed during form submit execution", askError);
+          });
+        }
+        const outcome = await executeNode({
+          node: flowNode,
+          actorDid,
+          context: {
+            runtime: runtimeManager,
+            ucanManager,
+            delegationStore,
+            verifySignature,
+            rootIssuer: flowOwnerDid || void 0,
+            flowUri
+          },
+          action: async () => {
+            const result = await actionDef.run(
+              {
+                answers: sender.data || {}
+              },
+              {
+                actorDid,
+                flowId: flowUri,
+                nodeId: block.id,
+                services,
+                flowNode,
+                runtime: runtimeManager,
+                delegationStore,
+                verifySignature,
+                rootIssuer: flowOwnerDid || void 0,
+                flowUri,
+                handlers,
+                editor
+              }
+            );
+            return {
+              payload: result.output,
+              submittedByDid: actorDid || void 0
+            };
+          }
+        });
+        if (!outcome.success) {
+          throw new Error(outcome.error || "Form submit execution failed");
+        }
+        updateRuntime({
+          state: "completed",
+          executedAt: Date.now(),
+          output: outcome.result?.payload || {}
+        });
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Failed to execute form submit";
+        setError(message);
+        updateRuntime({
+          state: "failed",
+          error: { message, at: Date.now() }
+        });
+      } finally {
+        setSubmitting(false);
+      }
+    },
+    [
+      actorDid,
+      block,
+      delegationStore,
+      editor,
+      flowNode,
+      flowOwnerDid,
+      flowUri,
+      handlers,
+      isDisabled,
+      runtimeManager,
+      services,
+      submitting,
+      ucanManager,
+      updateRuntime,
+      verifySignature
+    ]
+  );
+  useEffect93(() => {
+    if (!surveyModel) return void 0;
+    surveyModel.onComplete.add(handleSurveyComplete);
+    return () => {
+      surveyModel.onComplete.remove(handleSurveyComplete);
+    };
+  }, [surveyModel, handleSurveyComplete]);
+  const statusMessage = runtime.state === "completed" ? "Last execution completed." : submitting ? "Executing..." : null;
+  return /* @__PURE__ */ React264.createElement(Stack181, { gap: "md" }, !resolvedSchemaString ? /* @__PURE__ */ React264.createElement(Alert49, { color: "yellow", styles: actionAlertStyles }, "Configure Survey Schema JSON in template mode before running this action.") : !parsedSchema ? /* @__PURE__ */ React264.createElement(Alert49, { color: "red", styles: actionAlertStyles }, "Survey schema is invalid JSON. Fix it in template mode.") : /* @__PURE__ */ React264.createElement(Survey13, { model: surveyModel }), statusMessage && /* @__PURE__ */ React264.createElement(Stack181, { gap: 4 }, submitting && /* @__PURE__ */ React264.createElement(Loader50, { size: "xs" }), /* @__PURE__ */ React264.createElement(Text154, { size: "xs", c: "dimmed" }, statusMessage)), error && /* @__PURE__ */ React264.createElement(Alert49, { color: "red", styles: actionAlertStyles }, error), runtime.error?.message && /* @__PURE__ */ React264.createElement(Alert49, { color: "red", styles: actionAlertStyles }, runtime.error.message));
+};
+
+// src/mantine/blocks/action/actionTypes/formSubmit/index.ts
+registerActionTypeUI("form.submit", {
+  configComponent: FormSubmitConfig,
+  flowDetailComponent: FormSubmitFlowDetail
+});
+registerActionTypeUI("human.form.submit", {
+  configComponent: FormSubmitConfig,
+  flowDetailComponent: FormSubmitFlowDetail
+});
+
+// src/mantine/blocks/action/actionTypes/credentialStore/CredentialStoreConfig.tsx
+import React265, { useCallback as useCallback94, useEffect as useEffect94, useState as useState113 } from "react";
+import { Stack as Stack182, Text as Text155 } from "@mantine/core";
+
+// src/mantine/blocks/action/actionTypes/credentialStore/types.ts
+function parseCredentialStoreInputs(json) {
+  try {
+    const parsed = typeof json === "string" ? JSON.parse(json) : json;
+    let credential = parsed?.credential || "";
+    if (typeof credential === "object" && credential !== null) {
+      credential = JSON.stringify(credential);
+    } else {
+      credential = String(credential);
+    }
+    return {
+      credentialKey: String(parsed?.credentialKey || ""),
+      credential,
+      roomId: String(parsed?.roomId || "")
+    };
+  } catch {
+    return { credentialKey: "", credential: "", roomId: "" };
+  }
+}
+function serializeCredentialStoreInputs(inputs) {
+  return JSON.stringify({
+    credentialKey: inputs.credentialKey,
+    credential: inputs.credential,
+    roomId: inputs.roomId
+  });
+}
+
+// src/mantine/blocks/action/actionTypes/credentialStore/CredentialStoreConfig.tsx
+var CredentialStoreConfig = ({ inputs, onInputsChange, editor, blockId }) => {
+  const [local, setLocal] = useState113(() => parseCredentialStoreInputs(inputs));
+  useEffect94(() => {
+    setLocal(parseCredentialStoreInputs(inputs));
+  }, [inputs]);
+  const update = useCallback94(
+    (patch) => {
+      const updated = { ...local, ...patch };
+      setLocal(updated);
+      onInputsChange(serializeCredentialStoreInputs(updated));
+    },
+    [local, onInputsChange]
+  );
+  return /* @__PURE__ */ React265.createElement(Stack182, { gap: "lg" }, /* @__PURE__ */ React265.createElement(Stack182, { gap: "xs" }, /* @__PURE__ */ React265.createElement(Text155, { size: "sm", c: "neutralColor.7" }, "Credential Key"), /* @__PURE__ */ React265.createElement(
+    BaseTextInput,
+    {
+      placeholder: "e.g. kycamllevel1",
+      description: "The state key under which the credential will be stored",
+      value: local.credentialKey,
+      onChange: (e) => update({ credentialKey: e.currentTarget.value })
+    }
+  )), /* @__PURE__ */ React265.createElement(Stack182, { gap: "xs" }, /* @__PURE__ */ React265.createElement(Text155, { size: "sm", c: "neutralColor.7" }, "Credential"), /* @__PURE__ */ React265.createElement(
+    DataInput,
+    {
+      placeholder: "Credential JSON or {{blockId.output.credential}}",
+      description: "A verifiable credential as JSON, a block reference, or provided at execution time",
+      value: local.credential,
+      onChange: (value) => update({ credential: value }),
+      editorDocument: editor?.document || [],
+      currentBlockId: blockId
+    }
+  )), /* @__PURE__ */ React265.createElement(Stack182, { gap: "xs" }, /* @__PURE__ */ React265.createElement(Text155, { size: "sm", c: "neutralColor.7" }, "Room ID (optional)"), /* @__PURE__ */ React265.createElement(
+    DataInput,
+    {
+      placeholder: "Defaults to the actor's room",
+      description: "Target Matrix room ID. Leave empty to use the current user's room.",
+      value: local.roomId,
+      onChange: (value) => update({ roomId: value }),
+      editorDocument: editor?.document || [],
+      currentBlockId: blockId
+    }
+  )));
+};
+
+// src/mantine/blocks/action/actionTypes/credentialStore/CredentialStoreFlowDetail.tsx
+import React266, { useCallback as useCallback95, useMemo as useMemo107, useState as useState114 } from "react";
+import { Alert as Alert50, Button as Button48, Loader as Loader51, Stack as Stack183, Text as Text156 } from "@mantine/core";
+import { IconShieldCheck as IconShieldCheck15 } from "@tabler/icons-react";
+var CredentialStoreFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabled }) => {
+  const handlers = useBlocknoteHandlers();
+  const services = useMemo107(() => buildServicesFromHandlers(handlers), [handlers]);
+  const flowNode = useMemo107(() => buildFlowNodeFromBlock(block), [block]);
+  const runtimeManager = useMemo107(() => createRuntimeStateManager(editor), [editor]);
+  const ucanManager = useMemo107(() => new SimpleUCANManager(), []);
+  const delegationStore = useMemo107(() => {
+    if (!editor?._yDelegations) return void 0;
+    return createDelegationStore(editor._yDelegations);
+  }, [editor?._yDelegations]);
+  const verifySignature = useMemo107(() => {
+    if (!handlers?.verifyCapabilitySignature) return void 0;
+    return async (capabilityRaw, issuerDid) => handlers.verifyCapabilitySignature({ capabilityRaw, issuerDid });
+  }, [handlers]);
+  const flowOwnerDid = useMemo107(() => editor?.getFlowOwnerDid?.() || "", [editor]);
+  const flowUri = useMemo107(() => {
+    const docId = editor?.getFlowMetadata?.()?.doc_id || block.id;
+    return `ixo:flow:${docId}`;
+  }, [editor, block.id]);
+  const actorDid = useMemo107(() => {
+    try {
+      return handlers?.getCurrentUser?.()?.address || "";
+    } catch {
+      return "";
+    }
+  }, [handlers]);
+  const parsed = useMemo107(() => parseCredentialStoreInputs(inputs), [inputs]);
+  const editorDocument = editor?.document || [];
+  const resolveOpts = useMemo107(() => ({ yRuntime: editor?._yRuntime }), [editor?._yRuntime]);
+  const resolvedCredentialKey = useMemo107(
+    () => resolveReferences(parsed.credentialKey || "", editorDocument, resolveOpts).trim(),
+    [parsed.credentialKey, editorDocument, resolveOpts]
+  );
+  const resolvedCredential = useMemo107(() => resolveReferences(parsed.credential || "", editorDocument, resolveOpts).trim(), [parsed.credential, editorDocument, resolveOpts]);
+  const resolvedRoomId = useMemo107(() => resolveReferences(parsed.roomId || "", editorDocument, resolveOpts).trim(), [parsed.roomId, editorDocument, resolveOpts]);
+  const [submitting, setSubmitting] = useState114(false);
+  const [error, setError] = useState114(null);
+  const hasCredential = !!resolvedCredential;
+  const hasKey = !!resolvedCredentialKey;
+  const isCompleted = runtime.state === "completed";
+  const handleExecute = useCallback95(async () => {
+    if (isDisabled || submitting) return;
+    const actionDef = getAction("credential.store");
+    if (!actionDef) {
+      setError("credential.store action is not registered");
+      return;
+    }
+    setSubmitting(true);
+    setError(null);
+    updateRuntime({ state: "running", error: void 0 });
+    try {
+      const outcome = await executeNode({
+        node: flowNode,
+        actorDid,
+        context: {
+          runtime: runtimeManager,
+          ucanManager,
+          delegationStore,
+          verifySignature,
+          rootIssuer: flowOwnerDid || void 0,
+          flowUri
+        },
+        action: async () => {
+          const result = await actionDef.run(
+            {
+              credentialKey: resolvedCredentialKey,
+              credential: resolvedCredential,
+              roomId: resolvedRoomId
+            },
+            {
+              actorDid,
+              flowId: flowUri,
+              nodeId: block.id,
+              services,
+              flowNode,
+              runtime: runtimeManager,
+              delegationStore,
+              verifySignature,
+              rootIssuer: flowOwnerDid || void 0,
+              flowUri,
+              handlers,
+              editor
+            }
+          );
+          return {
+            payload: result.output,
+            submittedByDid: actorDid || void 0
+          };
+        }
+      });
+      if (!outcome.success) {
+        throw new Error(outcome.error || "Credential store execution failed");
+      }
+      updateRuntime({
+        state: "completed",
+        executedAt: Date.now(),
+        output: outcome.result?.payload || {}
+      });
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Failed to store credential";
+      setError(message);
+      updateRuntime({
+        state: "failed",
+        error: { message, at: Date.now() }
+      });
+    } finally {
+      setSubmitting(false);
+    }
+  }, [
+    actorDid,
+    block.id,
+    delegationStore,
+    editor,
+    flowNode,
+    flowOwnerDid,
+    flowUri,
+    handlers,
+    isDisabled,
+    resolvedCredential,
+    resolvedCredentialKey,
+    resolvedRoomId,
+    runtimeManager,
+    services,
+    submitting,
+    ucanManager,
+    updateRuntime,
+    verifySignature
+  ]);
+  return /* @__PURE__ */ React266.createElement(Stack183, { gap: "md" }, !hasKey && /* @__PURE__ */ React266.createElement(Alert50, { color: "yellow", styles: actionAlertStyles }, "No credential key configured. Set one in template mode."), hasKey && !hasCredential && !isCompleted && /* @__PURE__ */ React266.createElement(Alert50, { color: "yellow", styles: actionAlertStyles }, "Waiting for credential data. It will be provided by a block reference or at execution time."), hasKey && hasCredential && !isCompleted && /* @__PURE__ */ React266.createElement(Stack183, { gap: "xs" }, /* @__PURE__ */ React266.createElement(Text156, { size: "xs", c: "dimmed" }, "Credential key: ", resolvedCredentialKey), /* @__PURE__ */ React266.createElement(Button48, { leftSection: submitting ? /* @__PURE__ */ React266.createElement(Loader51, { size: 14 }) : /* @__PURE__ */ React266.createElement(IconShieldCheck15, { size: 14 }), onClick: handleExecute, disabled: isDisabled || submitting, size: "sm" }, submitting ? "Storing..." : "Store Credential")), isCompleted && /* @__PURE__ */ React266.createElement(Alert50, { color: runtime.output?.duplicate ? "yellow" : "green", styles: actionAlertStyles }, runtime.output?.duplicate ? `Credential already stored under key "${runtime.output?.credentialKey || resolvedCredentialKey}" (duplicate).` : `Credential stored successfully under key "${runtime.output?.credentialKey || resolvedCredentialKey}".`), error && /* @__PURE__ */ React266.createElement(Alert50, { color: "red", styles: actionAlertStyles }, error), runtime.error?.message && !error && /* @__PURE__ */ React266.createElement(Alert50, { color: "red", styles: actionAlertStyles }, runtime.error.message));
+};
+
+// src/mantine/blocks/action/actionTypes/credentialStore/index.ts
+registerActionTypeUI("credential.store", {
+  configComponent: CredentialStoreConfig,
+  flowDetailComponent: CredentialStoreFlowDetail
+});
+
 // src/mantine/blocks/action/ActionBlock.tsx
 function ActionBlock({ editor, block }) {
   const { docType } = useBlocknoteContext();
   const { actions } = useBlockConditions(block, editor);
   if (docType === "template") {
-    return /* @__PURE__ */ React263.createElement(ActionTemplateView, { editor, block });
+    return /* @__PURE__ */ React267.createElement(ActionTemplateView, { editor, block });
   }
   const conditionConfig = parseConditionConfig(block.props.conditions);
   const hasVisibility = hasVisibilityConditions(conditionConfig);
@@ -28183,7 +28724,7 @@ function ActionBlock({ editor, block }) {
   const hasEnable = hasEnableConditions(conditionConfig);
   const enableActionExists = actions.some((a) => a.action === "enable");
   const shouldDisable = hasEnable && !enableActionExists;
-  return /* @__PURE__ */ React263.createElement(
+  return /* @__PURE__ */ React267.createElement(
     ActionFlowView,
     {
       block,
@@ -28253,36 +28794,36 @@ var ActionBlockSpec = createReactBlockSpec21(
   {
     render: (props) => {
       const ixoProps = props;
-      return /* @__PURE__ */ React264.createElement(ActionBlock, { ...ixoProps });
+      return /* @__PURE__ */ React268.createElement(ActionBlock, { ...ixoProps });
     }
   }
 );
 
 // src/mantine/blocks/location/LocationBlockSpec.tsx
-import React273 from "react";
+import React277 from "react";
 import { createReactBlockSpec as createReactBlockSpec22 } from "@blocknote/react";
 
 // src/mantine/blocks/location/LocationBlock.tsx
-import React272 from "react";
+import React276 from "react";
 
 // src/mantine/blocks/location/template/TemplateView.tsx
-import React269, { useMemo as useMemo106 } from "react";
-import { Group as Group101, Stack as Stack181, Text as Text155 } from "@mantine/core";
+import React273, { useMemo as useMemo108 } from "react";
+import { Group as Group101, Stack as Stack185, Text as Text159 } from "@mantine/core";
 import { IconMapPin } from "@tabler/icons-react";
 
 // src/mantine/blocks/location/template/TemplateConfig.tsx
-import React267, { useCallback as useCallback93 } from "react";
+import React271, { useCallback as useCallback97 } from "react";
 import { IconSettings as IconSettings20 } from "@tabler/icons-react";
 
 // src/mantine/blocks/location/template/GeneralTab.tsx
-import React266, { useEffect as useEffect93, useRef as useRef23, useState as useState113 } from "react";
-import { Box as Box52, Divider as Divider27, Stack as Stack180, Text as Text153 } from "@mantine/core";
+import React270, { useEffect as useEffect96, useRef as useRef23, useState as useState117 } from "react";
+import { Box as Box52, Divider as Divider27, Stack as Stack184, Text as Text157 } from "@mantine/core";
 
 // src/core/hooks/useUnlMap.ts
-import { useEffect as useEffect92, useState as useState111 } from "react";
+import { useEffect as useEffect95, useState as useState115 } from "react";
 function useUnlMap() {
-  const [status, setStatus] = useState111("loading");
-  useEffect92(() => {
+  const [status, setStatus] = useState115("loading");
+  useEffect95(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -28337,7 +28878,7 @@ function useUnlMap() {
 }
 
 // src/mantine/blocks/location/components/TileSelector.tsx
-import React265, { useState as useState112, useCallback as useCallback92 } from "react";
+import React269, { useState as useState116, useCallback as useCallback96 } from "react";
 import { ActionIcon as ActionIcon36, Group as Group100, Tooltip as Tooltip22 } from "@mantine/core";
 import { IconMap, IconMoon, IconSatellite, IconMountain } from "@tabler/icons-react";
 var TILE_LAYERS = {
@@ -28390,8 +28931,8 @@ function ensureLayer(map, config) {
   );
 }
 var TileSelector = ({ mapRef }) => {
-  const [active, setActive] = useState112("map");
-  const switchTo = useCallback92(
+  const [active, setActive] = useState116("map");
+  const switchTo = useCallback96(
     (type) => {
       const map = mapRef.current;
       if (!map || active === type) return;
@@ -28409,10 +28950,10 @@ var TileSelector = ({ mapRef }) => {
     [mapRef, active]
   );
   const items = [
-    { type: "map", label: "Map", icon: /* @__PURE__ */ React265.createElement(IconMap, { size: 14 }) },
+    { type: "map", label: "Map", icon: /* @__PURE__ */ React269.createElement(IconMap, { size: 14 }) },
     ...OVERLAY_KEYS.map((key) => ({ type: key, label: TILE_LAYERS[key].label, icon: TILE_LAYERS[key].icon }))
   ];
-  return /* @__PURE__ */ React265.createElement(
+  return /* @__PURE__ */ React269.createElement(
     Group100,
     {
       gap: 2,
@@ -28426,7 +28967,7 @@ var TileSelector = ({ mapRef }) => {
         padding: 2
       }
     },
-    items.map(({ type, label, icon: icon2 }) => /* @__PURE__ */ React265.createElement(Tooltip22, { key: type, label, withArrow: true }, /* @__PURE__ */ React265.createElement(
+    items.map(({ type, label, icon: icon2 }) => /* @__PURE__ */ React269.createElement(Tooltip22, { key: type, label, withArrow: true }, /* @__PURE__ */ React269.createElement(
       ActionIcon36,
       {
         variant: active === type ? "filled" : "subtle",
@@ -28447,22 +28988,22 @@ var DEFAULT_CENTER = [0, 20];
 var DEFAULT_ZOOM = 2;
 var PLACED_ZOOM = 14;
 var GeneralTab18 = ({ title, description, latitude, longitude, onTitleChange, onDescriptionChange, onCoordinatesChange }) => {
-  const [localTitle, setLocalTitle] = useState113(title);
-  const [localDescription, setLocalDescription] = useState113(description);
-  const [mapError, setMapError] = useState113(null);
+  const [localTitle, setLocalTitle] = useState117(title);
+  const [localDescription, setLocalDescription] = useState117(description);
+  const [mapError, setMapError] = useState117(null);
   const { status, UnlSdk } = useUnlMap();
   const { mapConfig } = useBlocknoteContext();
   const markerRef = useRef23(null);
   const mapRef = useRef23(null);
   const wrapperRef = useRef23(null);
   const containerRef = useRef23(null);
-  useEffect93(() => {
+  useEffect96(() => {
     setLocalTitle(title);
   }, [title]);
-  useEffect93(() => {
+  useEffect96(() => {
     setLocalDescription(description);
   }, [description]);
-  useEffect93(() => {
+  useEffect96(() => {
     if (status !== "ready" || !UnlSdk || mapRef.current || !mapConfig || !containerRef.current || !wrapperRef.current) return;
     try {
       const hasCoords = latitude && longitude;
@@ -28512,7 +29053,7 @@ var GeneralTab18 = ({ title, description, latitude, longitude, onTitleChange, on
       markerRef.current = null;
     };
   }, [status, UnlSdk]);
-  return /* @__PURE__ */ React266.createElement(Stack180, { gap: "lg" }, /* @__PURE__ */ React266.createElement(Stack180, { gap: "xs" }, /* @__PURE__ */ React266.createElement(Text153, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React266.createElement(
+  return /* @__PURE__ */ React270.createElement(Stack184, { gap: "lg" }, /* @__PURE__ */ React270.createElement(Stack184, { gap: "xs" }, /* @__PURE__ */ React270.createElement(Text157, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React270.createElement(
     BaseTextInput,
     {
       placeholder: "e.g. Project Location",
@@ -28523,7 +29064,7 @@ var GeneralTab18 = ({ title, description, latitude, longitude, onTitleChange, on
         onTitleChange(v);
       }
     }
-  )), /* @__PURE__ */ React266.createElement(Stack180, { gap: "xs" }, /* @__PURE__ */ React266.createElement(Text153, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React266.createElement(
+  )), /* @__PURE__ */ React270.createElement(Stack184, { gap: "xs" }, /* @__PURE__ */ React270.createElement(Text157, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React270.createElement(
     BaseTextInput,
     {
       placeholder: "e.g. Main project site coordinates",
@@ -28534,7 +29075,7 @@ var GeneralTab18 = ({ title, description, latitude, longitude, onTitleChange, on
         onDescriptionChange(v);
       }
     }
-  )), /* @__PURE__ */ React266.createElement(Divider27, { variant: "dashed" }), /* @__PURE__ */ React266.createElement(Stack180, { gap: "xs" }, /* @__PURE__ */ React266.createElement(Text153, { size: "sm", fw: 600 }, "Location"), /* @__PURE__ */ React266.createElement(Text153, { size: "xs", c: "dimmed" }, "Click on the map to set the location."), mapError ? /* @__PURE__ */ React266.createElement(Text153, { size: "sm", c: "red" }, mapError) : /* @__PURE__ */ React266.createElement(Box52, { ref: wrapperRef, mx: "auto", w: "100%", miw: 280, h: 300, style: { borderRadius: 12, position: "relative", overflow: "hidden" } }, /* @__PURE__ */ React266.createElement(
+  )), /* @__PURE__ */ React270.createElement(Divider27, { variant: "dashed" }), /* @__PURE__ */ React270.createElement(Stack184, { gap: "xs" }, /* @__PURE__ */ React270.createElement(Text157, { size: "sm", fw: 600 }, "Location"), /* @__PURE__ */ React270.createElement(Text157, { size: "xs", c: "dimmed" }, "Click on the map to set the location."), mapError ? /* @__PURE__ */ React270.createElement(Text157, { size: "sm", c: "red" }, mapError) : /* @__PURE__ */ React270.createElement(Box52, { ref: wrapperRef, mx: "auto", w: "100%", miw: 280, h: 300, style: { borderRadius: 12, position: "relative", overflow: "hidden" } }, /* @__PURE__ */ React270.createElement(
     Box52,
     {
       ref: containerRef,
@@ -28547,19 +29088,19 @@ var GeneralTab18 = ({ title, description, latitude, longitude, onTitleChange, on
         height: "600px"
       }
     }
-  ), /* @__PURE__ */ React266.createElement(TileSelector, { mapRef }))), /* @__PURE__ */ React266.createElement(Stack180, { gap: "xs" }, /* @__PURE__ */ React266.createElement(BaseTextInput, { label: "Latitude", value: latitude, readOnly: true, placeholder: "Not set" }), /* @__PURE__ */ React266.createElement(BaseTextInput, { label: "Longitude", value: longitude, readOnly: true, placeholder: "Not set" })));
+  ), /* @__PURE__ */ React270.createElement(TileSelector, { mapRef }))), /* @__PURE__ */ React270.createElement(Stack184, { gap: "xs" }, /* @__PURE__ */ React270.createElement(BaseTextInput, { label: "Latitude", value: latitude, readOnly: true, placeholder: "Not set" }), /* @__PURE__ */ React270.createElement(BaseTextInput, { label: "Longitude", value: longitude, readOnly: true, placeholder: "Not set" })));
 };
 
 // src/mantine/blocks/location/template/TemplateConfig.tsx
 var TemplateConfig18 = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
-  const updateProp = useCallback93(
+  const updateProp = useCallback97(
     (key, value) => {
       editor.updateBlock(block, { props: { ...block.props, [key]: value } });
     },
     [editor, block]
   );
-  const updateProps = useCallback93(
+  const updateProps = useCallback97(
     (updates) => {
       editor.updateBlock(block, { props: { ...block.props, ...updates } });
     },
@@ -28570,7 +29111,7 @@ var TemplateConfig18 = ({ editor, block }) => {
       label: "General",
       value: "general",
       icon: icon(IconSettings20),
-      content: /* @__PURE__ */ React267.createElement(
+      content: /* @__PURE__ */ React271.createElement(
         GeneralTab18,
         {
           title: block.props.title || "",
@@ -28584,21 +29125,21 @@ var TemplateConfig18 = ({ editor, block }) => {
       )
     }
   ];
-  return /* @__PURE__ */ React267.createElement(BaseRightPanelLayout, { title: "Location Settings", onClose: closePanel, tabs, context: { editor, block } });
+  return /* @__PURE__ */ React271.createElement(BaseRightPanelLayout, { title: "Location Settings", onClose: closePanel, tabs, context: { editor, block } });
 };
 
 // src/mantine/blocks/location/components/LocationMap.tsx
-import React268, { useEffect as useEffect94, useRef as useRef24, useState as useState114 } from "react";
-import { Box as Box53, Flex as Flex32, Loader as Loader50, Text as Text154 } from "@mantine/core";
+import React272, { useEffect as useEffect97, useRef as useRef24, useState as useState118 } from "react";
+import { Box as Box53, Flex as Flex32, Loader as Loader52, Text as Text158 } from "@mantine/core";
 var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker = true, showTilesControl = false }) => {
-  const [mapError, setMapError] = useState114(null);
+  const [mapError, setMapError] = useState118(null);
   const { mapConfig } = useBlocknoteContext();
   const wrapperRef = useRef24(null);
   const containerRef = useRef24(null);
   const mapRef = useRef24(null);
   const markerRef = useRef24(null);
   const { status, UnlSdk } = useUnlMap();
-  useEffect94(() => {
+  useEffect97(() => {
     if (status !== "ready" || !UnlSdk || mapRef.current || !containerRef.current || !wrapperRef.current) return;
     let ro;
     let resizeTimer;
@@ -28629,7 +29170,7 @@ var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker =
       ro?.disconnect();
     };
   }, [status, UnlSdk, mapConfig]);
-  useEffect94(() => {
+  useEffect97(() => {
     if (!mapRef.current || !latitude || !longitude) return;
     const coords = [Number(longitude), Number(latitude)];
     mapRef.current.setCenter(coords);
@@ -28638,7 +29179,7 @@ var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker =
     }
   }, [latitude, longitude, showMarker]);
   if (status === "loading") {
-    return /* @__PURE__ */ React268.createElement(
+    return /* @__PURE__ */ React272.createElement(
       Box53,
       {
         style: {
@@ -28650,11 +29191,11 @@ var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker =
         w,
         h
       },
-      /* @__PURE__ */ React268.createElement(Loader50, null)
+      /* @__PURE__ */ React272.createElement(Loader52, null)
     );
   }
   if (status === "error" || mapError) {
-    return /* @__PURE__ */ React268.createElement(
+    return /* @__PURE__ */ React272.createElement(
       Box53,
       {
         style: {
@@ -28666,10 +29207,10 @@ var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker =
         w,
         h
       },
-      /* @__PURE__ */ React268.createElement(Text154, { size: "sm", c: "red" }, mapError || "Failed to load map")
+      /* @__PURE__ */ React272.createElement(Text158, { size: "sm", c: "red" }, mapError || "Failed to load map")
     );
   }
-  return /* @__PURE__ */ React268.createElement(Box53, { ref: wrapperRef, style: { position: "relative", borderRadius: 16, overflow: "hidden" }, w, h }, /* @__PURE__ */ React268.createElement(
+  return /* @__PURE__ */ React272.createElement(Box53, { ref: wrapperRef, style: { position: "relative", borderRadius: 16, overflow: "hidden" }, w, h }, /* @__PURE__ */ React272.createElement(
     Box53,
     {
       ref: containerRef,
@@ -28682,55 +29223,55 @@ var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker =
         height: "600px"
       }
     }
-  ), showTilesControl && /* @__PURE__ */ React268.createElement(TileSelector, { mapRef }));
+  ), showTilesControl && /* @__PURE__ */ React272.createElement(TileSelector, { mapRef }));
 };
 function LocationMap(props) {
   if (props.latitude === void 0 || props.longitude === void 0)
-    return /* @__PURE__ */ React268.createElement(Flex32, { w: "100%", h: 200, align: "center", justify: "center" }, /* @__PURE__ */ React268.createElement(Loader50, null));
-  return /* @__PURE__ */ React268.createElement(UnlMap, { ...props });
+    return /* @__PURE__ */ React272.createElement(Flex32, { w: "100%", h: 200, align: "center", justify: "center" }, /* @__PURE__ */ React272.createElement(Loader52, null));
+  return /* @__PURE__ */ React272.createElement(UnlMap, { ...props });
 }
 
 // src/mantine/blocks/location/template/TemplateView.tsx
 var LOCATION_TEMPLATE_PANEL_ID = "location-template-panel";
 var LocationTemplateView = ({ editor, block }) => {
   const panelId = `${LOCATION_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo106(() => /* @__PURE__ */ React269.createElement(TemplateConfig18, { editor, block }), [editor, block]);
+  const panelContent = useMemo108(() => /* @__PURE__ */ React273.createElement(TemplateConfig18, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   console.log("block.props:", block.props);
   const hasLocation = block.props.latitude && block.props.longitude;
-  return /* @__PURE__ */ React269.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React269.createElement(Stack181, { gap: "xs", justify: "center" }, /* @__PURE__ */ React269.createElement(Group101, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React269.createElement(IconMapPin, { color: "white", size: 26, stroke: 1.5 }), /* @__PURE__ */ React269.createElement(Stack181, { gap: 2 }, /* @__PURE__ */ React269.createElement(Text155, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Location"), block.props.description && /* @__PURE__ */ React269.createElement(Text155, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), hasLocation && /* @__PURE__ */ React269.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, mapId: `location-template-map-${block.id}`, zoom: 14, showMarker: true, showTilesControl: true })));
+  return /* @__PURE__ */ React273.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React273.createElement(Stack185, { gap: "xs", justify: "center" }, /* @__PURE__ */ React273.createElement(Group101, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React273.createElement(IconMapPin, { color: "white", size: 26, stroke: 1.5 }), /* @__PURE__ */ React273.createElement(Stack185, { gap: 2 }, /* @__PURE__ */ React273.createElement(Text159, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Location"), block.props.description && /* @__PURE__ */ React273.createElement(Text159, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), hasLocation && /* @__PURE__ */ React273.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, mapId: `location-template-map-${block.id}`, zoom: 14, showMarker: true, showTilesControl: true })));
 };
 
 // src/mantine/blocks/location/flow/FlowView.tsx
-import React271, { useMemo as useMemo107 } from "react";
-import { Center as Center13, Group as Group102, Stack as Stack182, Text as Text156 } from "@mantine/core";
+import React275, { useMemo as useMemo109 } from "react";
+import { Center as Center13, Group as Group102, Stack as Stack186, Text as Text160 } from "@mantine/core";
 import { IconMapPin as IconMapPin2 } from "@tabler/icons-react";
 
 // src/mantine/blocks/location/flow/FlowConfig.tsx
-import React270 from "react";
+import React274 from "react";
 var FlowConfig3 = ({ block }) => {
   const { closePanel } = usePanelStore();
   const hasLocation = block.props.latitude && block.props.longitude;
-  return /* @__PURE__ */ React270.createElement(BaseRightPanelLayout, { title: block.props.title || "Location", onClose: closePanel, isTemplate: false }, hasLocation ? /* @__PURE__ */ React270.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, h: 600, zoom: 14, showMarker: true, showTilesControl: true }) : null);
+  return /* @__PURE__ */ React274.createElement(BaseRightPanelLayout, { title: block.props.title || "Location", onClose: closePanel, isTemplate: false }, hasLocation ? /* @__PURE__ */ React274.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, h: 600, zoom: 14, showMarker: true, showTilesControl: true }) : null);
 };
 
 // src/mantine/blocks/location/flow/FlowView.tsx
 var LOCATION_FLOW_PANEL_ID = "location-flow-panel";
 var LocationFlowView = ({ editor, block }) => {
   const panelId = `${LOCATION_FLOW_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo107(() => /* @__PURE__ */ React271.createElement(FlowConfig3, { editor, block }), [editor, block]);
+  const panelContent = useMemo109(() => /* @__PURE__ */ React275.createElement(FlowConfig3, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const hasLocation = block.props.latitude && block.props.longitude;
-  return /* @__PURE__ */ React271.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React271.createElement(Stack182, { gap: "xs", justify: "center" }, /* @__PURE__ */ React271.createElement(Group102, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React271.createElement(IconMapPin2, { color: "white", size: 26, stroke: 1.5 }), /* @__PURE__ */ React271.createElement(Stack182, { gap: 2 }, /* @__PURE__ */ React271.createElement(Text156, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Location"), block.props.description && /* @__PURE__ */ React271.createElement(Text156, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), hasLocation ? /* @__PURE__ */ React271.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, mapId: `location-flow-map-${block.id}`, zoom: 14, showMarker: true, showTilesControl: true }) : /* @__PURE__ */ React271.createElement(Center13, { py: "md" }, /* @__PURE__ */ React271.createElement(Text156, { size: "sm", c: "dimmed" }, "Location not configured"))));
+  return /* @__PURE__ */ React275.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React275.createElement(Stack186, { gap: "xs", justify: "center" }, /* @__PURE__ */ React275.createElement(Group102, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React275.createElement(IconMapPin2, { color: "white", size: 26, stroke: 1.5 }), /* @__PURE__ */ React275.createElement(Stack186, { gap: 2 }, /* @__PURE__ */ React275.createElement(Text160, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Location"), block.props.description && /* @__PURE__ */ React275.createElement(Text160, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), hasLocation ? /* @__PURE__ */ React275.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, mapId: `location-flow-map-${block.id}`, zoom: 14, showMarker: true, showTilesControl: true }) : /* @__PURE__ */ React275.createElement(Center13, { py: "md" }, /* @__PURE__ */ React275.createElement(Text160, { size: "sm", c: "dimmed" }, "Location not configured"))));
 };
 
 // src/mantine/blocks/location/LocationBlock.tsx
 function LocationBlock({ editor, block }) {
   const { docType } = useBlocknoteContext();
   if (docType === "template" || docType === "page") {
-    return /* @__PURE__ */ React272.createElement(LocationTemplateView, { editor, block });
+    return /* @__PURE__ */ React276.createElement(LocationTemplateView, { editor, block });
   }
-  return /* @__PURE__ */ React272.createElement(LocationFlowView, { editor, block });
+  return /* @__PURE__ */ React276.createElement(LocationFlowView, { editor, block });
 }
 
 // src/mantine/blocks/location/LocationBlockSpec.tsx
@@ -28749,7 +29290,7 @@ var LocationBlockSpec = createReactBlockSpec22(
   {
     render: (props) => {
       const ixoProps = props;
-      return /* @__PURE__ */ React273.createElement(LocationBlock, { ...ixoProps });
+      return /* @__PURE__ */ React277.createElement(LocationBlock, { ...ixoProps });
     }
   }
 );
@@ -28952,10 +29493,10 @@ blockRegistry.register({
 });
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo108, useEffect as useEffect95, useState as useState115, useCallback as useCallback94 } from "react";
+import { useMemo as useMemo110, useEffect as useEffect98, useState as useState119, useCallback as useCallback98 } from "react";
 
 // src/mantine/blocks/hooks/useDependsOn.ts
-import { useMemo as useMemo109 } from "react";
+import { useMemo as useMemo111 } from "react";
 
 // src/mantine/blocks/index.ts
 var blockSpecs = {
@@ -29426,15 +29967,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 useEffect96, useState as useState116, useRef as useRef25, useCallback as useCallback95, useMemo as useMemo110 } from "react";
+import { useEffect as useEffect99, useState as useState120, useRef as useRef25, useCallback as useCallback99, useMemo as useMemo112 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
-  const [matrixProvider, setProvider] = useState116(null);
-  const [status, setStatus] = useState116("disconnected");
+  const [matrixProvider, setProvider] = useState120(null);
+  const [status, setStatus] = useState120("disconnected");
   const isMountedRef = useRef25(true);
   const providerRef = useRef25(null);
   const retryTimeoutRef = useRef25(null);
-  const providerOptions = useMemo110(
+  const providerOptions = useMemo112(
     () => ({
       translator: {
         updateEventType: "matrix-crdt.doc_update",
@@ -29447,22 +29988,22 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
     }),
     []
   );
-  const handleDocumentAvailable = useCallback95(() => {
+  const handleDocumentAvailable = useCallback99(() => {
     if (isMountedRef.current) {
       setStatus("connected");
     }
   }, []);
-  const handleDocumentUnavailable = useCallback95(() => {
+  const handleDocumentUnavailable = useCallback99(() => {
     if (isMountedRef.current) {
       setStatus("failed");
     }
   }, []);
-  const handleCanWriteChanged = useCallback95(() => {
+  const handleCanWriteChanged = useCallback99(() => {
     if (isMountedRef.current && providerRef.current) {
       setStatus(providerRef.current.canWrite ? "connected" : "failed");
     }
   }, []);
-  const initProvider = useCallback95(async () => {
+  const initProvider = useCallback99(async () => {
     if (!isMountedRef.current) return;
     if (retryTimeoutRef.current) {
       clearTimeout(retryTimeoutRef.current);
@@ -29495,7 +30036,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       }
     }
   }, [matrixClient, providerOptions, handleDocumentAvailable, handleDocumentUnavailable, handleCanWriteChanged]);
-  useEffect96(() => {
+  useEffect99(() => {
     isMountedRef.current = true;
     initProvider();
     return () => {
@@ -29512,7 +30053,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       setStatus("disconnected");
     };
   }, [initProvider]);
-  useEffect96(() => {
+  useEffect99(() => {
     return () => {
       isMountedRef.current = false;
     };
@@ -29521,17 +30062,17 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
 }
 
 // src/mantine/hooks/useCollaborativeYDoc.ts
-import { useMemo as useMemo111 } from "react";
+import { useMemo as useMemo113 } from "react";
 import * as Y from "yjs";
 function useCollaborativeYDoc(_options) {
-  return useMemo111(() => {
+  return useMemo113(() => {
     const doc = new Y.Doc();
     return doc;
   }, []);
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo112, useEffect as useEffect97, useState as useState117, useRef as useRef26 } from "react";
+import { useMemo as useMemo114, useEffect as useEffect100, useState as useState121, useRef as useRef26 } from "react";
 
 // src/core/lib/matrixMetadata.ts
 var COVER_IMAGE_EVENT_TYPE = "ixo.page.cover_image";
@@ -29700,7 +30241,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     permissions = { write: false }
   } = options || {};
-  const memoizedUser = useMemo112(
+  const memoizedUser = useMemo114(
     () => ({
       id: user?.id || "",
       name: user?.name || "",
@@ -29716,13 +30257,13 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     roomId: options.roomId
   });
-  const metadataManager = useMemo112(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
-  useEffect97(() => {
+  const metadataManager = useMemo114(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
+  useEffect100(() => {
     return () => {
       metadataManager.dispose();
     };
   }, [metadataManager]);
-  const defaultUploadFile = useMemo112(
+  const defaultUploadFile = useMemo114(
     () => uploadFile || (async (file) => {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -29736,7 +30277,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [uploadFile]
   );
-  const schema = useMemo112(
+  const schema = useMemo114(
     () => BlockNoteSchema2.create({
       blockSpecs: {
         ...defaultBlockSpecs2,
@@ -29751,16 +30292,16 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     []
   );
-  const root = useMemo112(() => yDoc.getMap("root"), [yDoc]);
-  const documentFragment = useMemo112(() => yDoc.getXmlFragment("document"), [yDoc]);
-  const flowArray = useMemo112(() => yDoc.getArray("flow"), [yDoc]);
-  const runtimeMap = useMemo112(() => yDoc.getMap("runtime"), [yDoc]);
-  const delegationsMap = useMemo112(() => yDoc.getMap("delegations"), [yDoc]);
-  const invocationsMap = useMemo112(() => yDoc.getMap("invocations"), [yDoc]);
-  const ucanDelegationStore = useMemo112(() => createUcanDelegationStore(delegationsMap), [delegationsMap]);
-  const invocationStore = useMemo112(() => createInvocationStore(invocationsMap), [invocationsMap]);
-  const userFragment = useMemo112(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
-  const collaborationConfig = useMemo112(
+  const root = useMemo114(() => yDoc.getMap("root"), [yDoc]);
+  const documentFragment = useMemo114(() => yDoc.getXmlFragment("document"), [yDoc]);
+  const flowArray = useMemo114(() => yDoc.getArray("flow"), [yDoc]);
+  const runtimeMap = useMemo114(() => yDoc.getMap("runtime"), [yDoc]);
+  const delegationsMap = useMemo114(() => yDoc.getMap("delegations"), [yDoc]);
+  const invocationsMap = useMemo114(() => yDoc.getMap("invocations"), [yDoc]);
+  const ucanDelegationStore = useMemo114(() => createUcanDelegationStore(delegationsMap), [delegationsMap]);
+  const invocationStore = useMemo114(() => createInvocationStore(invocationsMap), [invocationsMap]);
+  const userFragment = useMemo114(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
+  const collaborationConfig = useMemo114(
     () => ({
       provider: matrixProvider,
       fragment: documentFragment,
@@ -29772,7 +30313,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [matrixProvider, documentFragment, memoizedUser.name, memoizedUser.color]
   );
-  const ixoConfig = useMemo112(
+  const ixoConfig = useMemo114(
     () => ({
       theme,
       editable,
@@ -29792,7 +30333,7 @@ function useCreateCollaborativeIxoEditor(options) {
     collaboration: collaborationConfig,
     pasteHandler: ixoPasteHandler
   });
-  const titleText = useMemo112(() => yDoc.getText("title"), [yDoc]);
+  const titleText = useMemo114(() => yDoc.getText("title"), [yDoc]);
   let ixoEditor;
   if (editor) {
     ixoEditor = editor;
@@ -29813,16 +30354,12 @@ function useCreateCollaborativeIxoEditor(options) {
       userFragment.set(block.id, { ...prev, ...updates });
     };
     ixoEditor.getFlowMetadata = () => {
-      return {
-        "@context": root.get("@context") || "",
-        _type: root.get("_type") || "",
-        schema_version: root.get("schema_version") || "",
-        doc_id: root.get("doc_id") || "",
-        title: titleText.toString(),
-        createdAt: root.get("createdAt") || "",
-        createdBy: root.get("createdBy") || "",
-        flowOwnerDid: root.get("flowOwnerDid") || ""
-      };
+      const result = {};
+      root.forEach((value, key) => {
+        result[key] = value;
+      });
+      result.title = titleText.toString() || result.title || "";
+      return result;
     };
     ixoEditor.getFlowOwnerDid = () => {
       return root.get("flowOwnerDid") || "";
@@ -29835,6 +30372,8 @@ function useCreateCollaborativeIxoEditor(options) {
         if (key === "title") {
           titleText.delete(0, titleText.length);
           titleText.insert(0, value);
+        } else if (value === void 0 || value === null) {
+          root.delete(key);
         } else {
           root.set(key, value);
         }
@@ -29986,12 +30525,12 @@ function useCreateCollaborativeIxoEditor(options) {
       return void 0;
     };
   }
-  useEffect97(() => {
+  useEffect100(() => {
     if (ixoEditor) {
       ixoEditor.isEditable = editable;
     }
   }, [ixoEditor, editable]);
-  useEffect97(() => {
+  useEffect100(() => {
     if (connectionStatus !== "connected") {
       return;
     }
@@ -30013,10 +30552,10 @@ function useCreateCollaborativeIxoEditor(options) {
       titleText.insert(0, options.title);
     }
   }, [connectionStatus, root, titleText, permissions.write, options.docId, options.title, memoizedUser.id]);
-  const [connectedUsers, setConnectedUsers] = useState117([]);
+  const [connectedUsers, setConnectedUsers] = useState121([]);
   const activeBlockIdRef = useRef26(null);
   const awarenessInstance = matrixProvider?.awarenessInstance ?? null;
-  useEffect97(() => {
+  useEffect100(() => {
     if (!awarenessInstance || connectionStatus !== "connected") {
       return;
     }
@@ -30034,7 +30573,7 @@ function useCreateCollaborativeIxoEditor(options) {
       awarenessInstance.off("change", updateUsers);
     };
   }, [awarenessInstance, connectionStatus]);
-  useEffect97(() => {
+  useEffect100(() => {
     if (!awarenessInstance || connectionStatus !== "connected") {
       return;
     }
@@ -30075,14 +30614,14 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/IxoEditor.tsx
-import React281, { useState as useState122, useEffect as useEffect102, useCallback as useCallback97 } from "react";
+import React286, { useState as useState127, useEffect as useEffect106, useCallback as useCallback102 } from "react";
 import { SuggestionMenuController } from "@blocknote/react";
 import { BlockNoteView } from "@blocknote/mantine";
 import { filterSuggestionItems } from "@blocknote/core";
 import { MantineProvider } from "@mantine/core";
 
 // src/mantine/components/PanelContent.tsx
-import React274 from "react";
+import React278 from "react";
 import { Box as Box54 } from "@mantine/core";
 var panelStyles = {
   light: {
@@ -30112,7 +30651,7 @@ function PanelContent({ theme }) {
   const { activePanel, registeredPanels } = usePanelStore();
   const isOpen = activePanel !== null;
   const content = activePanel ? registeredPanels.get(activePanel) : null;
-  return /* @__PURE__ */ React274.createElement(
+  return /* @__PURE__ */ React278.createElement(
     Box54,
     {
       pos: "sticky",
@@ -30132,8 +30671,8 @@ function PanelContent({ theme }) {
 }
 
 // src/mantine/components/CoverImage.tsx
-import React278, { useState as useState119, useRef as useRef27, useEffect as useEffect99 } from "react";
-import { Box as Box57, Group as Group104 } from "@mantine/core";
+import React283, { useState as useState124, useRef as useRef27, useEffect as useEffect103, useMemo as useMemo117 } from "react";
+import { Box as Box58, Group as Group105 } from "@mantine/core";
 
 // src/core/lib/imageTransform.ts
 var CLOUDFLARE_CDN_BASE = "https://www.ixo.earth/cdn-cgi/image";
@@ -30266,10 +30805,10 @@ function transformIconImage(sourceUrl, size = "default", customOptions) {
 }
 
 // src/mantine/components/Base/CoverImageButton.tsx
-import React275, { forwardRef } from "react";
-import { Button as Button48 } from "@mantine/core";
-var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style, ...props }, ref) => /* @__PURE__ */ React275.createElement(
-  Button48,
+import React279, { forwardRef } from "react";
+import { Button as Button49 } from "@mantine/core";
+var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style, ...props }, ref) => /* @__PURE__ */ React279.createElement(
+  Button49,
   {
     ref,
     variant: "filled",
@@ -30291,8 +30830,8 @@ var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style,
 CoverImageButton.displayName = "CoverImageButton";
 
 // src/mantine/components/Base/BaseIconPicker.tsx
-import React276, { useState as useState118, useMemo as useMemo113, useEffect as useEffect98 } from "react";
-import { TextInput as TextInput8, Tabs as Tabs4, Box as Box55, Stack as Stack183, UnstyledButton as UnstyledButton5, Text as Text157, Center as Center14, ScrollArea as ScrollArea9, Group as Group103, Popover as Popover6 } from "@mantine/core";
+import React280, { useState as useState122, useMemo as useMemo115, useEffect as useEffect101 } from "react";
+import { TextInput as TextInput8, Tabs as Tabs4, Box as Box55, Stack as Stack187, UnstyledButton as UnstyledButton5, Text as Text161, Center as Center14, ScrollArea as ScrollArea9, Group as Group103, Popover as Popover6 } from "@mantine/core";
 import * as TablerIcons from "@tabler/icons-react";
 import { IconSearch as IconSearch6, IconX as IconX14, IconChevronLeft, IconChevronRight as IconChevronRight14 } from "@tabler/icons-react";
 
@@ -30324,28 +30863,28 @@ var localStorageService = {
 var iconsKey = "editor_recent_icons";
 var ICONS_PER_PAGE = 500;
 function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children, currentIcon }) {
-  const [searchQuery, setSearchQuery] = useState118("");
-  const [activeTab, setActiveTab] = useState118("icons");
-  const [currentPage, setCurrentPage] = useState118(1);
-  const allIcons = useMemo113(() => {
+  const [searchQuery, setSearchQuery] = useState122("");
+  const [activeTab, setActiveTab] = useState122("icons");
+  const [currentPage, setCurrentPage] = useState122(1);
+  const allIcons = useMemo115(() => {
     const iconEntries = Object.entries(TablerIcons).filter(([name]) => name.startsWith("Icon") && name !== "IconProps");
     return iconEntries;
   }, []);
-  const filteredIcons = useMemo113(() => {
+  const filteredIcons = useMemo115(() => {
     if (!searchQuery) return allIcons;
     const query = searchQuery.toLowerCase();
     return allIcons.filter(([name]) => name.toLowerCase().includes(query));
   }, [allIcons, searchQuery]);
-  useEffect98(() => {
+  useEffect101(() => {
     setCurrentPage(1);
   }, [searchQuery]);
-  const paginatedIcons = useMemo113(() => {
+  const paginatedIcons = useMemo115(() => {
     const startIndex = (currentPage - 1) * ICONS_PER_PAGE;
     const endIndex = startIndex + ICONS_PER_PAGE;
     return filteredIcons.slice(startIndex, endIndex);
   }, [filteredIcons, currentPage]);
   const totalPages = Math.ceil(filteredIcons.length / ICONS_PER_PAGE);
-  const recentIcons = useMemo113(() => {
+  const recentIcons = useMemo115(() => {
     const recentIconNames = localStorageService.get(iconsKey);
     if (!recentIconNames || recentIconNames.length === 0) return [];
     return recentIconNames.slice(0, 24).map((iconName) => allIcons.find(([name]) => name === iconName)).filter((entry) => entry !== void 0);
@@ -30360,9 +30899,9 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
   };
   const renderIconGrid = (icons) => {
     if (icons.length === 0) {
-      return /* @__PURE__ */ React276.createElement(Center14, { py: "xl" }, /* @__PURE__ */ React276.createElement(Text157, { c: "dimmed", size: "sm" }, "No icons found"));
+      return /* @__PURE__ */ React280.createElement(Center14, { py: "xl" }, /* @__PURE__ */ React280.createElement(Text161, { c: "dimmed", size: "sm" }, "No icons found"));
     }
-    return /* @__PURE__ */ React276.createElement(
+    return /* @__PURE__ */ React280.createElement(
       Box55,
       {
         style: {
@@ -30374,7 +30913,7 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
       },
       icons.map(([name, IconComponent]) => {
         const isSelected = currentIcon === name.replace("Icon", "").replace(/([A-Z])/g, "-$1").toLowerCase().slice(1);
-        return /* @__PURE__ */ React276.createElement(
+        return /* @__PURE__ */ React280.createElement(
           UnstyledButton5,
           {
             key: name,
@@ -30400,12 +30939,12 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
               }
             }
           },
-          /* @__PURE__ */ React276.createElement(IconComponent, { color: "white", size: 24, stroke: 1.5 })
+          /* @__PURE__ */ React280.createElement(IconComponent, { color: "white", size: 24, stroke: 1.5 })
         );
       })
     );
   };
-  return /* @__PURE__ */ React276.createElement(Popover6, { opened, onClose, position: "right", width: 500, shadow: "xl" }, /* @__PURE__ */ React276.createElement(Popover6.Target, null, children), /* @__PURE__ */ React276.createElement(
+  return /* @__PURE__ */ React280.createElement(Popover6, { opened, onClose, position: "right", width: 500, shadow: "xl" }, /* @__PURE__ */ React280.createElement(Popover6.Target, null, children), /* @__PURE__ */ React280.createElement(
     Popover6.Dropdown,
     {
       style: {
@@ -30415,15 +30954,15 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
       },
       p: 0
     },
-    /* @__PURE__ */ React276.createElement(Stack183, { gap: "md", p: "md" }, /* @__PURE__ */ React276.createElement(Tabs4, { value: activeTab, onChange: setActiveTab, variant: "pills" }, /* @__PURE__ */ React276.createElement(Tabs4.List, null, /* @__PURE__ */ React276.createElement(Tabs4.Tab, { value: "icons" }, "Icons"), /* @__PURE__ */ React276.createElement(Tabs4.Tab, { value: "upload" }, "Upload")), /* @__PURE__ */ React276.createElement(Tabs4.Panel, { value: "icons", pt: "md" }, /* @__PURE__ */ React276.createElement(
+    /* @__PURE__ */ React280.createElement(Stack187, { gap: "md", p: "md" }, /* @__PURE__ */ React280.createElement(Tabs4, { value: activeTab, onChange: setActiveTab, variant: "pills" }, /* @__PURE__ */ React280.createElement(Tabs4.List, null, /* @__PURE__ */ React280.createElement(Tabs4.Tab, { value: "icons" }, "Icons"), /* @__PURE__ */ React280.createElement(Tabs4.Tab, { value: "upload" }, "Upload")), /* @__PURE__ */ React280.createElement(Tabs4.Panel, { value: "icons", pt: "md" }, /* @__PURE__ */ React280.createElement(
       TextInput8,
       {
         mb: "md",
         placeholder: "Filter",
-        leftSection: /* @__PURE__ */ React276.createElement(IconSearch6, { size: 18 }),
+        leftSection: /* @__PURE__ */ React280.createElement(IconSearch6, { size: 18 }),
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
-        rightSection: searchQuery && /* @__PURE__ */ React276.createElement(UnstyledButton5, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React276.createElement(IconX14, { size: 18 })),
+        rightSection: searchQuery && /* @__PURE__ */ React280.createElement(UnstyledButton5, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React280.createElement(IconX14, { size: 18 })),
         style: { flex: 1 },
         styles: {
           input: {
@@ -30433,26 +30972,26 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
           }
         }
       }
-    ), !searchQuery && /* @__PURE__ */ React276.createElement(Box55, { mb: "md" }, /* @__PURE__ */ React276.createElement(Text157, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React276.createElement(ScrollArea9.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React276.createElement(Box55, null, /* @__PURE__ */ React276.createElement(Group103, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React276.createElement(Text157, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React276.createElement(Group103, { gap: "xs" }, /* @__PURE__ */ React276.createElement(Text157, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React276.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React276.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React276.createElement(
+    ), !searchQuery && /* @__PURE__ */ React280.createElement(Box55, { mb: "md" }, /* @__PURE__ */ React280.createElement(Text161, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React280.createElement(ScrollArea9.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React280.createElement(Box55, null, /* @__PURE__ */ React280.createElement(Group103, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React280.createElement(Text161, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React280.createElement(Group103, { gap: "xs" }, /* @__PURE__ */ React280.createElement(Text161, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React280.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React280.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React280.createElement(
       BaseButton,
       {
         size: "xs",
         onClick: () => setCurrentPage((p) => Math.min(totalPages, p + 1)),
         disabled: currentPage === totalPages,
-        leftSection: /* @__PURE__ */ React276.createElement(IconChevronRight14, { size: 14 })
+        leftSection: /* @__PURE__ */ React280.createElement(IconChevronRight14, { size: 14 })
       },
       "Next"
-    ))), /* @__PURE__ */ React276.createElement(ScrollArea9.Autosize, { scrollbarSize: 0, mah: 200 }, renderIconGrid(paginatedIcons)))), /* @__PURE__ */ React276.createElement(Tabs4.Panel, { value: "upload", pt: "md" }, /* @__PURE__ */ React276.createElement(Center14, { py: "xl" }, /* @__PURE__ */ React276.createElement(Stack183, { align: "center", gap: "md" }, /* @__PURE__ */ React276.createElement(Text157, { size: "sm", c: "dimmed", ta: "center" }, "Upload a custom icon image", /* @__PURE__ */ React276.createElement("br", null), "(PNG, JPG, SVG)"), /* @__PURE__ */ React276.createElement(CoverImageButton, { onClick: onUploadClick }, "Choose File"))))))
+    ))), /* @__PURE__ */ React280.createElement(ScrollArea9.Autosize, { scrollbarSize: 0, mah: 200 }, renderIconGrid(paginatedIcons)))), /* @__PURE__ */ React280.createElement(Tabs4.Panel, { value: "upload", pt: "md" }, /* @__PURE__ */ React280.createElement(Center14, { py: "xl" }, /* @__PURE__ */ React280.createElement(Stack187, { align: "center", gap: "md" }, /* @__PURE__ */ React280.createElement(Text161, { size: "sm", c: "dimmed", ta: "center" }, "Upload a custom icon image", /* @__PURE__ */ React280.createElement("br", null), "(PNG, JPG, SVG)"), /* @__PURE__ */ React280.createElement(CoverImageButton, { onClick: onUploadClick }, "Choose File"))))))
   ));
 }
 
 // src/mantine/components/Base/PageIcon.tsx
-import React277, { useMemo as useMemo114 } from "react";
+import React281, { useMemo as useMemo116 } from "react";
 import { Center as Center15, Box as Box56 } from "@mantine/core";
 import * as TablerIcons2 from "@tabler/icons-react";
 function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
   const isIconName = src && !src.startsWith("http");
-  const IconComponent = useMemo114(() => {
+  const IconComponent = useMemo116(() => {
     if (!isIconName || !src) return null;
     const iconComponent = TablerIcons2[src];
     if (iconComponent) {
@@ -30463,7 +31002,7 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
   const Container = useCenter ? Center15 : Box56;
   if (!src) return null;
   if (IconComponent) {
-    return /* @__PURE__ */ React277.createElement(
+    return /* @__PURE__ */ React281.createElement(
       Container,
       {
         style: {
@@ -30475,10 +31014,10 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
           ...style
         }
       },
-      /* @__PURE__ */ React277.createElement(IconComponent, { size: iconSize, color: "white", stroke: 1.5 })
+      /* @__PURE__ */ React281.createElement(IconComponent, { size: iconSize, color: "white", stroke: 1.5 })
     );
   }
-  return /* @__PURE__ */ React277.createElement(
+  return /* @__PURE__ */ React281.createElement(
     "img",
     {
       src,
@@ -30497,16 +31036,92 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
 
 // src/mantine/components/CoverImage.tsx
 import { useDisclosure as useDisclosure7 } from "@mantine/hooks";
+
+// src/mantine/components/FlowSettingsPanel.tsx
+import React282, { useState as useState123, useEffect as useEffect102, useCallback as useCallback100 } from "react";
+import { Stack as Stack188, Group as Group104, Button as Button50, ActionIcon as ActionIcon37, Text as Text162, Box as Box57 } from "@mantine/core";
+import { IconPlus as IconPlus11, IconTrash as IconTrash10 } from "@tabler/icons-react";
+var SYSTEM_KEYS = /* @__PURE__ */ new Set(["@context", "_type", "schema_version", "doc_id", "title", "createdAt", "createdBy", "flowOwnerDid"]);
+var FlowSettingsPanel = ({ editor }) => {
+  const { closePanel } = usePanelStore();
+  const [rows, setRows] = useState123([]);
+  const loadSettings = useCallback100(() => {
+    const metadata = editor.getFlowMetadata?.();
+    if (!metadata) return;
+    const customRows = [];
+    for (const [key, value] of Object.entries(metadata)) {
+      if (!SYSTEM_KEYS.has(key)) {
+        customRows.push({ key, value: String(value ?? "") });
+      }
+    }
+    setRows(customRows);
+  }, [editor]);
+  useEffect102(() => {
+    loadSettings();
+  }, [loadSettings]);
+  const handleKeyChange = useCallback100(
+    (index, newKey) => {
+      setRows((prev) => {
+        const updated = [...prev];
+        const oldKey = updated[index].key;
+        updated[index] = { ...updated[index], key: newKey };
+        if (oldKey && oldKey !== newKey) {
+          editor.updateFlowMetadata?.({ [oldKey]: void 0 });
+        }
+        if (newKey) {
+          editor.updateFlowMetadata?.({ [newKey]: updated[index].value });
+        }
+        return updated;
+      });
+    },
+    [editor]
+  );
+  const handleValueChange = useCallback100(
+    (index, newValue) => {
+      setRows((prev) => {
+        const updated = [...prev];
+        updated[index] = { ...updated[index], value: newValue };
+        const key = updated[index].key;
+        if (key) {
+          editor.updateFlowMetadata?.({ [key]: newValue });
+        }
+        return updated;
+      });
+    },
+    [editor]
+  );
+  const handleAdd = useCallback100(() => {
+    setRows((prev) => [...prev, { key: "", value: "" }]);
+  }, []);
+  const handleDelete = useCallback100(
+    (index) => {
+      setRows((prev) => {
+        const row = prev[index];
+        if (row.key) {
+          editor.updateFlowMetadata?.({ [row.key]: void 0 });
+        }
+        return prev.filter((_, i) => i !== index);
+      });
+    },
+    [editor]
+  );
+  const subtitle = /* @__PURE__ */ React282.createElement(Box57, { px: 40, mb: "md" }, /* @__PURE__ */ React282.createElement(Text162, { size: "sm", c: "dimmed" }, "Add key-value settings for this flow. These are available to oracles and action blocks at runtime."));
+  return /* @__PURE__ */ React282.createElement(BaseRightPanelLayout, { title: "Flow Settings", onClose: closePanel, isTemplate: true, captionContent: subtitle }, /* @__PURE__ */ React282.createElement(Stack188, { gap: "lg" }, rows.map((row, index) => /* @__PURE__ */ React282.createElement(Stack188, { key: index, gap: "xs" }, /* @__PURE__ */ React282.createElement(Group104, { gap: "xs", align: "center", wrap: "nowrap" }, /* @__PURE__ */ React282.createElement(BaseTextInput, { placeholder: "Key (e.g. protocolDid)", value: row.key, onChange: (e) => handleKeyChange(index, e.currentTarget.value), style: { flex: 1 } }), /* @__PURE__ */ React282.createElement(ActionIcon37, { variant: "subtle", color: "red", onClick: () => handleDelete(index), size: "lg" }, /* @__PURE__ */ React282.createElement(IconTrash10, { size: 16 }))), /* @__PURE__ */ React282.createElement(BaseTextArea, { placeholder: "Value", value: row.value, onChange: (e) => handleValueChange(index, e.currentTarget.value), minRows: 1, maxRows: 8 }))), /* @__PURE__ */ React282.createElement(Button50, { variant: "subtle", leftSection: /* @__PURE__ */ React282.createElement(IconPlus11, { size: 16 }), onClick: handleAdd, size: "sm" }, "Add setting")));
+};
+
+// src/mantine/components/CoverImage.tsx
 function CoverImage({ coverImageUrl, logoUrl }) {
   const { editor, handlers, editable } = useBlocknoteContext();
-  const [isHovering, setIsHovering] = useState119(false);
-  const [isRepositioning, setIsRepositioning] = useState119(false);
-  const [coverPosition, setCoverPosition] = useState119(50);
+  const [isHovering, setIsHovering] = useState124(false);
+  const [isRepositioning, setIsRepositioning] = useState124(false);
+  const [coverPosition, setCoverPosition] = useState124(50);
   const coverFileInputRef = useRef27(null);
   const logoFileInputRef = useRef27(null);
   const [opened, { open, close }] = useDisclosure7(false);
-  const [metadata, setMetadata] = useState119(() => editor?.getPageMetadata?.() || null);
-  useEffect99(() => {
+  const [metadata, setMetadata] = useState124(() => editor?.getPageMetadata?.() || null);
+  const settingsPanelContent = useMemo117(() => editor ? /* @__PURE__ */ React283.createElement(FlowSettingsPanel, { editor }) : null, [editor]);
+  const { open: openSettings } = usePanel("flow-settings-panel", settingsPanelContent);
+  useEffect103(() => {
     if (!editor?._metadataManager) {
       return;
     }
@@ -30588,8 +31203,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     return null;
   }
   if (!hasCover) {
-    return /* @__PURE__ */ React278.createElement(
-      Box57,
+    return /* @__PURE__ */ React283.createElement(
+      Box58,
       {
         style: {
           position: "relative",
@@ -30601,8 +31216,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         onMouseEnter: () => editable && setIsHovering(true),
         onMouseLeave: () => editable && setIsHovering(false)
       },
-      /* @__PURE__ */ React278.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React278.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React278.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React278.createElement(
-        Group104,
+      /* @__PURE__ */ React283.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React283.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React283.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React283.createElement(
+        Group105,
         {
           gap: "xs",
           style: {
@@ -30612,7 +31227,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 10
           }
         },
-        /* @__PURE__ */ React278.createElement(
+        /* @__PURE__ */ React283.createElement(
           BaseIconPicker,
           {
             opened,
@@ -30621,11 +31236,12 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             onSelectIcon: (name) => handleSelectLogoIcon(name),
             onUploadClick: () => logoFileInputRef.current?.click()
           },
-          /* @__PURE__ */ React278.createElement(CoverImageButton, { onClick: open }, "Add icon")
+          /* @__PURE__ */ React283.createElement(CoverImageButton, { onClick: open }, "Add icon")
         ),
-        /* @__PURE__ */ React278.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
-      ), logoSrc && /* @__PURE__ */ React278.createElement(
-        Box57,
+        /* @__PURE__ */ React283.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover"),
+        /* @__PURE__ */ React283.createElement(CoverImageButton, { onClick: openSettings }, "Settings")
+      ), logoSrc && /* @__PURE__ */ React283.createElement(
+        Box58,
         {
           style: {
             position: "relative",
@@ -30638,8 +31254,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 11
           }
         },
-        /* @__PURE__ */ React278.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
-        editable && isHovering && /* @__PURE__ */ React278.createElement(
+        /* @__PURE__ */ React283.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
+        editable && isHovering && /* @__PURE__ */ React283.createElement(
           "div",
           {
             style: {
@@ -30654,7 +31270,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               alignItems: "center"
             }
           },
-          /* @__PURE__ */ React278.createElement(
+          /* @__PURE__ */ React283.createElement(
             BaseIconPicker,
             {
               opened,
@@ -30663,16 +31279,17 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               onSelectIcon: (name) => handleSelectLogoIcon(name),
               onUploadClick: () => logoFileInputRef.current?.click()
             },
-            /* @__PURE__ */ React278.createElement(CoverImageButton, { onClick: open }, "Change")
+            /* @__PURE__ */ React283.createElement(CoverImageButton, { onClick: open }, "Change")
           ),
-          /* @__PURE__ */ React278.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
-          /* @__PURE__ */ React278.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
+          /* @__PURE__ */ React283.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
+          /* @__PURE__ */ React283.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover"),
+          /* @__PURE__ */ React283.createElement(CoverImageButton, { onClick: openSettings }, "Settings")
         )
       ))
     );
   }
-  return /* @__PURE__ */ React278.createElement(
-    Box57,
+  return /* @__PURE__ */ React283.createElement(
+    Box58,
     {
       style: {
         position: "relative",
@@ -30691,7 +31308,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
       onMouseMove: handleMouseMove,
       onClick: () => isRepositioning && setIsRepositioning(false)
     },
-    /* @__PURE__ */ React278.createElement(
+    /* @__PURE__ */ React283.createElement(
       "img",
       {
         src: coverUrl,
@@ -30709,8 +31326,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         }
       }
     ),
-    editable && isHovering && /* @__PURE__ */ React278.createElement(
-      Group104,
+    editable && isHovering && /* @__PURE__ */ React283.createElement(
+      Group105,
       {
         gap: "xs",
         style: {
@@ -30720,12 +31337,13 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 10
         }
       },
-      /* @__PURE__ */ React278.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Change cover"),
-      /* @__PURE__ */ React278.createElement(CoverImageButton, { onClick: () => setIsRepositioning(!isRepositioning), isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
-      /* @__PURE__ */ React278.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove")
+      /* @__PURE__ */ React283.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Change cover"),
+      /* @__PURE__ */ React283.createElement(CoverImageButton, { onClick: () => setIsRepositioning(!isRepositioning), isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
+      /* @__PURE__ */ React283.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove"),
+      /* @__PURE__ */ React283.createElement(CoverImageButton, { onClick: openSettings }, "Settings")
     ),
-    /* @__PURE__ */ React278.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React278.createElement(
-      Box57,
+    /* @__PURE__ */ React283.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React283.createElement(
+      Box58,
       {
         style: {
           position: "absolute",
@@ -30736,9 +31354,9 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 11
         }
       },
-      logoSrc && /* @__PURE__ */ React278.createElement(PageIcon, { src: logoSrc, iconSize: 64 }),
-      editable && isHovering && /* @__PURE__ */ React278.createElement(React278.Fragment, null, logoSrc ? /* @__PURE__ */ React278.createElement(
-        Group104,
+      logoSrc && /* @__PURE__ */ React283.createElement(PageIcon, { src: logoSrc, iconSize: 64 }),
+      editable && isHovering && /* @__PURE__ */ React283.createElement(React283.Fragment, null, logoSrc ? /* @__PURE__ */ React283.createElement(
+        Group105,
         {
           gap: "xs",
           style: {
@@ -30748,7 +31366,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 12
           }
         },
-        /* @__PURE__ */ React278.createElement(
+        /* @__PURE__ */ React283.createElement(
           BaseIconPicker,
           {
             opened,
@@ -30757,10 +31375,10 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             onSelectIcon: (name) => handleSelectLogoIcon(name),
             onUploadClick: () => logoFileInputRef.current?.click()
           },
-          /* @__PURE__ */ React278.createElement(CoverImageButton, { onClick: open }, "Change")
+          /* @__PURE__ */ React283.createElement(CoverImageButton, { onClick: open }, "Change")
         ),
-        /* @__PURE__ */ React278.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
-      ) : /* @__PURE__ */ React278.createElement(
+        /* @__PURE__ */ React283.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
+      ) : /* @__PURE__ */ React283.createElement(
         CoverImageButton,
         {
           onClick: open,
@@ -30775,13 +31393,13 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         "Add icon"
       ))
     )),
-    /* @__PURE__ */ React278.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
-    /* @__PURE__ */ React278.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
+    /* @__PURE__ */ React283.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
+    /* @__PURE__ */ React283.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
   );
 }
 
 // src/mantine/components/PageHeader.tsx
-import React279, { useState as useState120, useRef as useRef28, useEffect as useEffect100 } from "react";
+import React284, { useState as useState125, useRef as useRef28, useEffect as useEffect104 } from "react";
 function PageHeader({
   title = "New page",
   icon: icon2,
@@ -30793,11 +31411,11 @@ function PageHeader({
   isFavorited = false,
   menuItems = []
 }) {
-  const [isMenuOpen, setIsMenuOpen] = useState120(false);
-  const [isPrivacyOpen, setIsPrivacyOpen] = useState120(false);
+  const [isMenuOpen, setIsMenuOpen] = useState125(false);
+  const [isPrivacyOpen, setIsPrivacyOpen] = useState125(false);
   const menuRef = useRef28(null);
   const privacyRef = useRef28(null);
-  useEffect100(() => {
+  useEffect104(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         setIsMenuOpen(false);
@@ -30819,7 +31437,7 @@ function PageHeader({
       setIsMenuOpen(false);
     }
   };
-  return /* @__PURE__ */ React279.createElement("div", { style: styles.container }, /* @__PURE__ */ React279.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React279.createElement("span", { style: styles.icon }, icon2 || "\u{1F4C4}"), /* @__PURE__ */ React279.createElement("span", { style: styles.title }, title), /* @__PURE__ */ React279.createElement("div", { style: styles.privacyContainer, ref: privacyRef }, /* @__PURE__ */ React279.createElement("button", { style: styles.privacyBadge, onClick: () => onPrivacyChange && setIsPrivacyOpen(!isPrivacyOpen) }, /* @__PURE__ */ React279.createElement("span", { style: styles.lockIcon }, isPrivate ? "\u{1F512}" : "\u{1F310}"), /* @__PURE__ */ React279.createElement("span", null, isPrivate ? "Private" : "Public"), onPrivacyChange && /* @__PURE__ */ React279.createElement("span", { style: styles.chevron }, "\u25BE")), isPrivacyOpen && onPrivacyChange && /* @__PURE__ */ React279.createElement("div", { style: styles.dropdown }, /* @__PURE__ */ React279.createElement(
+  return /* @__PURE__ */ React284.createElement("div", { style: styles.container }, /* @__PURE__ */ React284.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React284.createElement("span", { style: styles.icon }, icon2 || "\u{1F4C4}"), /* @__PURE__ */ React284.createElement("span", { style: styles.title }, title), /* @__PURE__ */ React284.createElement("div", { style: styles.privacyContainer, ref: privacyRef }, /* @__PURE__ */ React284.createElement("button", { style: styles.privacyBadge, onClick: () => onPrivacyChange && setIsPrivacyOpen(!isPrivacyOpen) }, /* @__PURE__ */ React284.createElement("span", { style: styles.lockIcon }, isPrivate ? "\u{1F512}" : "\u{1F310}"), /* @__PURE__ */ React284.createElement("span", null, isPrivate ? "Private" : "Public"), onPrivacyChange && /* @__PURE__ */ React284.createElement("span", { style: styles.chevron }, "\u25BE")), isPrivacyOpen && onPrivacyChange && /* @__PURE__ */ React284.createElement("div", { style: styles.dropdown }, /* @__PURE__ */ React284.createElement(
     "button",
     {
       style: {
@@ -30831,9 +31449,9 @@ function PageHeader({
         setIsPrivacyOpen(false);
       }
     },
-    /* @__PURE__ */ React279.createElement("span", { style: styles.menuItemIcon }, "\u{1F512}"),
-    /* @__PURE__ */ React279.createElement("span", null, "Private")
-  ), /* @__PURE__ */ React279.createElement(
+    /* @__PURE__ */ React284.createElement("span", { style: styles.menuItemIcon }, "\u{1F512}"),
+    /* @__PURE__ */ React284.createElement("span", null, "Private")
+  ), /* @__PURE__ */ React284.createElement(
     "button",
     {
       style: {
@@ -30845,9 +31463,9 @@ function PageHeader({
         setIsPrivacyOpen(false);
       }
     },
-    /* @__PURE__ */ React279.createElement("span", { style: styles.menuItemIcon }, "\u{1F310}"),
-    /* @__PURE__ */ React279.createElement("span", null, "Public")
-  )))), /* @__PURE__ */ React279.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React279.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React279.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React279.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React279.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React279.createElement("button", { style: styles.menuButton, onClick: () => setIsMenuOpen(!isMenuOpen), "aria-label": "Menu" }, /* @__PURE__ */ React279.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, /* @__PURE__ */ React279.createElement("circle", { cx: "3", cy: "8", r: "1.5" }), /* @__PURE__ */ React279.createElement("circle", { cx: "8", cy: "8", r: "1.5" }), /* @__PURE__ */ React279.createElement("circle", { cx: "13", cy: "8", r: "1.5" }))), isMenuOpen && /* @__PURE__ */ React279.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React279.createElement(React279.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React279.createElement("div", { style: styles.divider }), /* @__PURE__ */ React279.createElement(
+    /* @__PURE__ */ React284.createElement("span", { style: styles.menuItemIcon }, "\u{1F310}"),
+    /* @__PURE__ */ React284.createElement("span", null, "Public")
+  )))), /* @__PURE__ */ React284.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React284.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React284.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React284.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React284.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React284.createElement("button", { style: styles.menuButton, onClick: () => setIsMenuOpen(!isMenuOpen), "aria-label": "Menu" }, /* @__PURE__ */ React284.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, /* @__PURE__ */ React284.createElement("circle", { cx: "3", cy: "8", r: "1.5" }), /* @__PURE__ */ React284.createElement("circle", { cx: "8", cy: "8", r: "1.5" }), /* @__PURE__ */ React284.createElement("circle", { cx: "13", cy: "8", r: "1.5" }))), isMenuOpen && /* @__PURE__ */ React284.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React284.createElement(React284.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React284.createElement("div", { style: styles.divider }), /* @__PURE__ */ React284.createElement(
     "button",
     {
       style: {
@@ -30857,8 +31475,8 @@ function PageHeader({
       onClick: () => handleMenuItemClick(item),
       disabled: item.disabled
     },
-    item.icon && /* @__PURE__ */ React279.createElement("span", { style: styles.menuItemIcon }, item.icon),
-    /* @__PURE__ */ React279.createElement("span", null, item.label)
+    item.icon && /* @__PURE__ */ React284.createElement("span", { style: styles.menuItemIcon }, item.icon),
+    /* @__PURE__ */ React284.createElement("span", null, item.label)
   )))))));
 }
 var styles = {
@@ -30995,8 +31613,8 @@ var styles = {
 };
 
 // src/mantine/components/ExternalDropZone.tsx
-import React280, { useCallback as useCallback96, useEffect as useEffect101, useRef as useRef29, useState as useState121 } from "react";
-import { Box as Box58 } from "@mantine/core";
+import React285, { useCallback as useCallback101, useEffect as useEffect105, useRef as useRef29, useState as useState126 } from "react";
+import { Box as Box59 } from "@mantine/core";
 var SCROLL_ZONE_SIZE = 80;
 var SCROLL_SPEED = 12;
 var ExternalDropZone = ({
@@ -31009,19 +31627,19 @@ var ExternalDropZone = ({
   children
 }) => {
   const containerRef = useRef29(null);
-  const [isValidDrag, setIsValidDrag] = useState121(false);
-  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState121(false);
-  const [indicatorStyle, setIndicatorStyle] = useState121({});
+  const [isValidDrag, setIsValidDrag] = useState126(false);
+  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState126(false);
+  const [indicatorStyle, setIndicatorStyle] = useState126({});
   const dropPositionRef = useRef29(null);
   const scrollAnimationRef = useRef29(null);
   const scrollDirectionRef = useRef29(null);
   const scrollContainerRef = useRef29(null);
-  const getBlockElements = useCallback96(() => {
+  const getBlockElements = useCallback101(() => {
     if (!containerRef.current) return [];
     const blocks = containerRef.current.querySelectorAll('[data-node-type="blockContainer"]');
     return Array.from(blocks);
   }, []);
-  const getScrollContainer = useCallback96(() => {
+  const getScrollContainer = useCallback101(() => {
     if (scrollContainerRef.current) return scrollContainerRef.current;
     let element = containerRef.current;
     while (element) {
@@ -31036,7 +31654,7 @@ var ExternalDropZone = ({
     scrollContainerRef.current = window;
     return window;
   }, []);
-  const performScroll = useCallback96(() => {
+  const performScroll = useCallback101(() => {
     const container = getScrollContainer();
     const direction = scrollDirectionRef.current;
     if (!direction) {
@@ -31051,7 +31669,7 @@ var ExternalDropZone = ({
     }
     scrollAnimationRef.current = requestAnimationFrame(performScroll);
   }, [getScrollContainer]);
-  const startAutoScroll = useCallback96(
+  const startAutoScroll = useCallback101(
     (direction) => {
       if (scrollDirectionRef.current === direction) return;
       scrollDirectionRef.current = direction;
@@ -31061,14 +31679,14 @@ var ExternalDropZone = ({
     },
     [performScroll]
   );
-  const stopAutoScroll = useCallback96(() => {
+  const stopAutoScroll = useCallback101(() => {
     scrollDirectionRef.current = null;
     if (scrollAnimationRef.current) {
       cancelAnimationFrame(scrollAnimationRef.current);
       scrollAnimationRef.current = null;
     }
   }, []);
-  const checkAutoScroll = useCallback96(
+  const checkAutoScroll = useCallback101(
     (clientY) => {
       const container = getScrollContainer();
       let containerTop;
@@ -31091,7 +31709,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer, startAutoScroll, stopAutoScroll]
   );
-  const findDropPosition = useCallback96(
+  const findDropPosition = useCallback101(
     (clientY) => {
       const blocks = getBlockElements();
       if (blocks.length === 0 || !editor?.document) return null;
@@ -31124,7 +31742,7 @@ var ExternalDropZone = ({
     },
     [getBlockElements, editor]
   );
-  const handleDragOver = useCallback96(
+  const handleDragOver = useCallback101(
     (e) => {
       if (!e.dataTransfer.types.includes(acceptedType)) return;
       e.preventDefault();
@@ -31147,7 +31765,7 @@ var ExternalDropZone = ({
     },
     [acceptedType, findDropPosition, checkAutoScroll]
   );
-  const handleDragLeave = useCallback96(
+  const handleDragLeave = useCallback101(
     (e) => {
       if (containerRef.current && !containerRef.current.contains(e.relatedTarget)) {
         setIsValidDrag(false);
@@ -31157,7 +31775,7 @@ var ExternalDropZone = ({
     },
     [stopAutoScroll]
   );
-  const handleDrop = useCallback96(
+  const handleDrop = useCallback101(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -31171,7 +31789,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  useEffect101(() => {
+  useEffect105(() => {
     const handleGlobalDragEnd = () => {
       setIsValidDrag(false);
       dropPositionRef.current = null;
@@ -31180,7 +31798,7 @@ var ExternalDropZone = ({
     window.addEventListener("dragend", handleGlobalDragEnd);
     return () => window.removeEventListener("dragend", handleGlobalDragEnd);
   }, [stopAutoScroll]);
-  const handleOverlayMouseMove = useCallback96(
+  const handleOverlayMouseMove = useCallback101(
     (e) => {
       setIsHoveringInPlacementMode(true);
       checkAutoScroll(e.clientY);
@@ -31199,12 +31817,12 @@ var ExternalDropZone = ({
     },
     [findDropPosition, checkAutoScroll]
   );
-  const handleOverlayMouseLeave = useCallback96(() => {
+  const handleOverlayMouseLeave = useCallback101(() => {
     setIsHoveringInPlacementMode(false);
     dropPositionRef.current = null;
     stopAutoScroll();
   }, [stopAutoScroll]);
-  const handleOverlayClick = useCallback96(
+  const handleOverlayClick = useCallback101(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -31218,7 +31836,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  const handleOverlayWheel = useCallback96(
+  const handleOverlayWheel = useCallback101(
     (e) => {
       const container = getScrollContainer();
       if (container === window) {
@@ -31229,7 +31847,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer]
   );
-  useEffect101(() => {
+  useEffect105(() => {
     if (!isPlacementMode) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -31252,13 +31870,13 @@ var ExternalDropZone = ({
       document.removeEventListener("click", handleGlobalClick, true);
     };
   }, [isPlacementMode, onPlacementCancel]);
-  useEffect101(() => {
+  useEffect105(() => {
     if (!isPlacementMode) {
       setIsHoveringInPlacementMode(false);
       dropPositionRef.current = null;
     }
   }, [isPlacementMode]);
-  useEffect101(() => {
+  useEffect105(() => {
     const isActive = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
     if (isActive) {
       document.body.classList.add("external-artifact-drag-active");
@@ -31269,19 +31887,19 @@ var ExternalDropZone = ({
       document.body.classList.remove("external-artifact-drag-active");
     };
   }, [isValidDrag, isPlacementMode, isHoveringInPlacementMode]);
-  useEffect101(() => {
+  useEffect105(() => {
     return () => {
       if (scrollAnimationRef.current) {
         cancelAnimationFrame(scrollAnimationRef.current);
       }
     };
   }, []);
-  const indicatorWithPosition = dropIndicator && React280.isValidElement(dropIndicator) ? React280.cloneElement(dropIndicator, {
+  const indicatorWithPosition = dropIndicator && React285.isValidElement(dropIndicator) ? React285.cloneElement(dropIndicator, {
     indicatorTop: typeof indicatorStyle.top === "number" ? indicatorStyle.top : void 0
   }) : dropIndicator;
   const shouldShowIndicator = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
-  return /* @__PURE__ */ React280.createElement(
-    Box58,
+  return /* @__PURE__ */ React285.createElement(
+    Box59,
     {
       ref: containerRef,
       style: {
@@ -31296,8 +31914,8 @@ var ExternalDropZone = ({
       "data-placement-mode": isPlacementMode ? "true" : void 0
     },
     children,
-    isPlacementMode && /* @__PURE__ */ React280.createElement(
-      Box58,
+    isPlacementMode && /* @__PURE__ */ React285.createElement(
+      Box59,
       {
         style: {
           position: "absolute",
@@ -31316,7 +31934,7 @@ var ExternalDropZone = ({
         onWheel: handleOverlayWheel
       }
     ),
-    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React280.createElement(Box58, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
+    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React285.createElement(Box59, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
   );
 };
 
@@ -31342,8 +31960,8 @@ function IxoEditorContent({
 }) {
   const { activePanel } = usePanelStore();
   const isPanelOpen = activePanel !== null;
-  const [isRoomPrivate, setIsRoomPrivate] = useState122(pageHeaderProps?.isPrivate ?? true);
-  useEffect102(() => {
+  const [isRoomPrivate, setIsRoomPrivate] = useState127(pageHeaderProps?.isPrivate ?? true);
+  useEffect106(() => {
     const matrixClient = editor.getMatrixClient?.();
     const roomId = editor.getRoomId?.();
     if (!matrixClient || !roomId) return;
@@ -31359,7 +31977,7 @@ function IxoEditorContent({
     } catch {
     }
   }, [editor]);
-  const handlePrivacyChange = useCallback97(
+  const handlePrivacyChange = useCallback102(
     async (makePrivate) => {
       const matrixClient = editor.getMatrixClient?.();
       const roomId = editor.getRoomId?.();
@@ -31380,7 +31998,7 @@ function IxoEditorContent({
     },
     [editor]
   );
-  const editorContent = /* @__PURE__ */ React281.createElement(
+  const editorContent = /* @__PURE__ */ React286.createElement(
     BlockNoteView,
     {
       editor,
@@ -31395,7 +32013,7 @@ function IxoEditorContent({
       onChange,
       onSelectionChange
     },
-    config.slashMenu && /* @__PURE__ */ React281.createElement(
+    config.slashMenu && /* @__PURE__ */ React286.createElement(
       SuggestionMenuController,
       {
         triggerCharacter: "/",
@@ -31413,7 +32031,7 @@ function IxoEditorContent({
     ),
     children
   );
-  return /* @__PURE__ */ React281.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React281.createElement(
+  return /* @__PURE__ */ React286.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React286.createElement(
     "div",
     {
       className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`,
@@ -31422,9 +32040,9 @@ function IxoEditorContent({
         transition: "width 0.2s ease"
       }
     },
-    selfNav && /* @__PURE__ */ React281.createElement(PageHeader, { ...pageHeaderProps, isPrivate: isRoomPrivate, onPrivacyChange: handlePrivacyChange }),
-    /* @__PURE__ */ React281.createElement(CoverImage, { coverImageUrl, logoUrl }),
-    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React281.createElement(
+    selfNav && /* @__PURE__ */ React286.createElement(PageHeader, { ...pageHeaderProps, isPrivate: isRoomPrivate, onPrivacyChange: handlePrivacyChange }),
+    /* @__PURE__ */ React286.createElement(CoverImage, { coverImageUrl, logoUrl }),
+    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React286.createElement(
       ExternalDropZone,
       {
         editor,
@@ -31437,7 +32055,7 @@ function IxoEditorContent({
       },
       editorContent
     ) : editorContent
-  ), isPanelVisible && /* @__PURE__ */ React281.createElement(PanelContent, { theme: config.theme }));
+  ), isPanelVisible && /* @__PURE__ */ React286.createElement(PanelContent, { theme: config.theme }));
 }
 function IxoEditor({
   editor,
@@ -31480,7 +32098,7 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React281.createElement(
+  const editorContent = /* @__PURE__ */ React286.createElement(
     BlocknoteProvider,
     {
       editor,
@@ -31495,7 +32113,7 @@ function IxoEditor({
       connectedUsers,
       awarenessInstance
     },
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React286.createElement(
       IxoEditorContent,
       {
         isPanelVisible,
@@ -31519,27 +32137,74 @@ function IxoEditor({
     )
   );
   if (mantineTheme) {
-    return /* @__PURE__ */ React281.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
+    return /* @__PURE__ */ React286.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
   return editorContent;
 }
 
+// src/mantine/components/DebugButton.tsx
+import React287 from "react";
+function DebugButton({ editor }) {
+  const yMapToObject = (map) => {
+    if (!map) return null;
+    const obj = {};
+    map.forEach((value, key) => {
+      obj[key] = value;
+    });
+    return Object.keys(obj).length === 0 ? "(empty)" : obj;
+  };
+  const handleClick = () => {
+    const dump = {};
+    dump.blocks = editor.document.map((block) => ({
+      id: block.id,
+      type: block.type,
+      props: block.props,
+      content: block.content,
+      children: block.children
+    }));
+    dump.runtime = yMapToObject(editor._yRuntime);
+    dump.delegations = yMapToObject(editor._yDelegations);
+    dump.invocations = yMapToObject(editor._yInvocations);
+    dump.flowMetadata = editor.getFlowMetadata?.() || null;
+    dump.flowArray = editor.getFlow?.() || null;
+    const json = JSON.stringify(dump, null, 2);
+    console.log("Editor Debug Dump:\n" + json);
+  };
+  return /* @__PURE__ */ React287.createElement(
+    "button",
+    {
+      onClick: handleClick,
+      style: {
+        position: "fixed",
+        bottom: 16,
+        right: 16,
+        zIndex: 9999,
+        padding: "8px 12px",
+        background: "#1a1a2e",
+        color: "#00ff88",
+        border: "1px solid #00ff88",
+        borderRadius: 6,
+        fontSize: 12,
+        fontFamily: "monospace",
+        cursor: "pointer",
+        opacity: 0.7
+      },
+      title: "Debug: Log all blocks + runtime state to console"
+    },
+    "Debug Y.Doc"
+  );
+}
+
 // src/mantine/components/EntitySigningSetup.tsx
-import React282, { useState as useState123 } from "react";
-import { Modal as Modal3, Stack as Stack184, Text as Text158, TextInput as TextInput9, Button as Button49, Alert as Alert49, Group as Group105 } from "@mantine/core";
+import React288, { useState as useState128 } from "react";
+import { Modal as Modal3, Stack as Stack189, Text as Text163, TextInput as TextInput9, Button as Button51, Alert as Alert51, Group as Group106 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle20, IconCheck as IconCheck22, IconKey as IconKey2 } from "@tabler/icons-react";
-var EntitySigningSetup = ({
-  opened,
-  onClose,
-  entityDid,
-  entityName,
-  onSetup
-}) => {
-  const [pin, setPin] = useState123("");
-  const [confirmPin, setConfirmPin] = useState123("");
-  const [loading, setLoading] = useState123(false);
-  const [error, setError] = useState123(null);
-  const [success, setSuccess] = useState123(false);
+var EntitySigningSetup = ({ opened, onClose, entityDid, entityName, onSetup }) => {
+  const [pin, setPin] = useState128("");
+  const [confirmPin, setConfirmPin] = useState128("");
+  const [loading, setLoading] = useState128(false);
+  const [error, setError] = useState128(null);
+  const [success, setSuccess] = useState128(false);
   const handleSetup = async () => {
     if (pin.length < 4) {
       setError("PIN must be at least 4 characters");
@@ -31579,15 +32244,15 @@ var EntitySigningSetup = ({
       setSuccess(false);
     }
   };
-  return /* @__PURE__ */ React282.createElement(
+  return /* @__PURE__ */ React288.createElement(
     Modal3,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React282.createElement(Group105, { gap: "xs" }, /* @__PURE__ */ React282.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React282.createElement(Text158, { fw: 600 }, "Entity Signing Setup")),
+      title: /* @__PURE__ */ React288.createElement(Group106, { gap: "xs" }, /* @__PURE__ */ React288.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React288.createElement(Text163, { fw: 600 }, "Entity Signing Setup")),
       size: "md"
     },
-    /* @__PURE__ */ React282.createElement(Stack184, { gap: "md" }, success ? /* @__PURE__ */ React282.createElement(Alert49, { color: "green", icon: /* @__PURE__ */ React282.createElement(IconCheck22, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React282.createElement(React282.Fragment, null, /* @__PURE__ */ React282.createElement(Text158, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React282.createElement(Text158, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React282.createElement(Alert49, { color: "blue", variant: "light" }, /* @__PURE__ */ React282.createElement(Text158, { size: "sm" }, "This is a ", /* @__PURE__ */ React282.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React282.createElement(Stack184, { gap: "xs" }, /* @__PURE__ */ React282.createElement(Text158, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React282.createElement(Text158, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React282.createElement(Text158, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React282.createElement(Text158, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React282.createElement(
+    /* @__PURE__ */ React288.createElement(Stack189, { gap: "md" }, success ? /* @__PURE__ */ React288.createElement(Alert51, { color: "green", icon: /* @__PURE__ */ React288.createElement(IconCheck22, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React288.createElement(React288.Fragment, null, /* @__PURE__ */ React288.createElement(Text163, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React288.createElement(Text163, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React288.createElement(Alert51, { color: "blue", variant: "light" }, /* @__PURE__ */ React288.createElement(Text163, { size: "sm" }, "This is a ", /* @__PURE__ */ React288.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React288.createElement(Stack189, { gap: "xs" }, /* @__PURE__ */ React288.createElement(Text163, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React288.createElement(Text163, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React288.createElement(Text163, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React288.createElement(Text163, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React288.createElement(
       TextInput9,
       {
         label: "Enter PIN to encrypt signing key",
@@ -31598,45 +32263,20 @@ var EntitySigningSetup = ({
         onChange: (e) => setPin(e.currentTarget.value),
         disabled: loading
       }
-    ), /* @__PURE__ */ React282.createElement(
-      TextInput9,
-      {
-        label: "Confirm PIN",
-        type: "password",
-        placeholder: "Confirm PIN",
-        value: confirmPin,
-        onChange: (e) => setConfirmPin(e.currentTarget.value),
-        disabled: loading
-      }
-    ), error && /* @__PURE__ */ React282.createElement(Alert49, { color: "red", icon: /* @__PURE__ */ React282.createElement(IconAlertCircle20, { size: 16 }) }, error), /* @__PURE__ */ React282.createElement(Group105, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React282.createElement(Button49, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React282.createElement(
-      Button49,
-      {
-        onClick: handleSetup,
-        loading,
-        leftSection: /* @__PURE__ */ React282.createElement(IconKey2, { size: 16 })
-      },
-      "Setup Entity Signing"
-    ))))
+    ), /* @__PURE__ */ React288.createElement(TextInput9, { label: "Confirm PIN", type: "password", placeholder: "Confirm PIN", value: confirmPin, onChange: (e) => setConfirmPin(e.currentTarget.value), disabled: loading }), error && /* @__PURE__ */ React288.createElement(Alert51, { color: "red", icon: /* @__PURE__ */ React288.createElement(IconAlertCircle20, { size: 16 }) }, error), /* @__PURE__ */ React288.createElement(Group106, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React288.createElement(Button51, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React288.createElement(Button51, { onClick: handleSetup, loading, leftSection: /* @__PURE__ */ React288.createElement(IconKey2, { size: 16 }) }, "Setup Entity Signing"))))
   );
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
-import React283, { useState as useState124, useEffect as useEffect103, useMemo as useMemo115 } from "react";
-import { Stack as Stack185, Text as Text159, Paper as Paper18, Group as Group106, Badge as Badge43, Button as Button50, ActionIcon as ActionIcon37, Loader as Loader51, Alert as Alert50, Divider as Divider28 } from "@mantine/core";
-import { IconPlus as IconPlus11, IconTrash as IconTrash10, IconShieldCheck as IconShieldCheck14, IconUser as IconUser15, IconRobot as IconRobot4, IconBuilding as IconBuilding2 } from "@tabler/icons-react";
-var FlowPermissionsPanel = ({
-  editor,
-  entityDid,
-  entityName,
-  onGrantPermission,
-  onRevokePermission,
-  getUserDisplayName
-}) => {
-  const [delegations, setDelegations] = useState124([]);
-  const [loading, setLoading] = useState124(true);
-  const [revoking, setRevoking] = useState124(null);
-  const rootCapability = useMemo115(() => editor.getRootCapability?.(), [editor]);
-  useEffect103(() => {
+import React289, { useState as useState129, useEffect as useEffect107, useMemo as useMemo118 } from "react";
+import { Stack as Stack190, Text as Text164, Paper as Paper18, Group as Group107, Badge as Badge43, Button as Button52, ActionIcon as ActionIcon38, Loader as Loader53, Alert as Alert52, Divider as Divider28 } from "@mantine/core";
+import { IconPlus as IconPlus12, IconTrash as IconTrash11, IconShieldCheck as IconShieldCheck16, IconUser as IconUser15, IconRobot as IconRobot4, IconBuilding as IconBuilding2 } from "@tabler/icons-react";
+var FlowPermissionsPanel = ({ editor, entityDid, entityName, onGrantPermission, onRevokePermission, getUserDisplayName }) => {
+  const [delegations, setDelegations] = useState129([]);
+  const [loading, setLoading] = useState129(true);
+  const [revoking, setRevoking] = useState129(null);
+  const rootCapability = useMemo118(() => editor.getRootCapability?.(), [editor]);
+  useEffect107(() => {
     const loadDelegations = async () => {
       setLoading(true);
       const allDelegations = editor.getAllDelegations?.() || [];
@@ -31675,11 +32315,11 @@ var FlowPermissionsPanel = ({
   const getIcon2 = (type) => {
     switch (type) {
       case "oracle":
-        return /* @__PURE__ */ React283.createElement(IconRobot4, { size: 16 });
+        return /* @__PURE__ */ React289.createElement(IconRobot4, { size: 16 });
       case "entity":
-        return /* @__PURE__ */ React283.createElement(IconBuilding2, { size: 16 });
+        return /* @__PURE__ */ React289.createElement(IconBuilding2, { size: 16 });
       default:
-        return /* @__PURE__ */ React283.createElement(IconUser15, { size: 16 });
+        return /* @__PURE__ */ React289.createElement(IconUser15, { size: 16 });
     }
   };
   const formatCapabilities = (caps) => {
@@ -31698,75 +32338,32 @@ var FlowPermissionsPanel = ({
     if (date < /* @__PURE__ */ new Date()) return "Expired";
     return date.toLocaleDateString();
   };
-  return /* @__PURE__ */ React283.createElement(Stack185, { gap: "md" }, /* @__PURE__ */ React283.createElement(Stack185, { gap: "xs" }, /* @__PURE__ */ React283.createElement(Text159, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React283.createElement(Paper18, { p: "sm", withBorder: true }, /* @__PURE__ */ React283.createElement(Group106, { gap: "xs" }, /* @__PURE__ */ React283.createElement(IconShieldCheck14, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React283.createElement(Stack185, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React283.createElement(Text159, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React283.createElement(Text159, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React283.createElement(Badge43, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React283.createElement(Divider28, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React283.createElement(Group106, { justify: "center", py: "xl" }, /* @__PURE__ */ React283.createElement(Loader51, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React283.createElement(Alert50, { color: "gray", variant: "light" }, /* @__PURE__ */ React283.createElement(Text159, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React283.createElement(Stack185, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React283.createElement(Paper18, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React283.createElement(Group106, { justify: "space-between" }, /* @__PURE__ */ React283.createElement(Group106, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React283.createElement(Stack185, { gap: 2 }, /* @__PURE__ */ React283.createElement(Text159, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React283.createElement(Text159, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React283.createElement(Group106, { gap: "xs" }, /* @__PURE__ */ React283.createElement(Text159, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React283.createElement(Text159, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React283.createElement(Text159, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React283.createElement(
-    ActionIcon37,
-    {
-      color: "red",
-      variant: "subtle",
-      onClick: () => handleRevoke(capability.id),
-      loading: revoking === capability.id,
-      disabled: !!revoking
-    },
-    /* @__PURE__ */ React283.createElement(IconTrash10, { size: 16 })
-  ))))), /* @__PURE__ */ React283.createElement(
-    Button50,
-    {
-      leftSection: /* @__PURE__ */ React283.createElement(IconPlus11, { size: 16 }),
-      variant: "light",
-      onClick: onGrantPermission
-    },
-    "Grant Permission"
-  ));
+  return /* @__PURE__ */ React289.createElement(Stack190, { gap: "md" }, /* @__PURE__ */ React289.createElement(Stack190, { gap: "xs" }, /* @__PURE__ */ React289.createElement(Text164, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React289.createElement(Paper18, { p: "sm", withBorder: true }, /* @__PURE__ */ React289.createElement(Group107, { gap: "xs" }, /* @__PURE__ */ React289.createElement(IconShieldCheck16, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React289.createElement(Stack190, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React289.createElement(Text164, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React289.createElement(Text164, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React289.createElement(Badge43, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React289.createElement(Divider28, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React289.createElement(Group107, { justify: "center", py: "xl" }, /* @__PURE__ */ React289.createElement(Loader53, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React289.createElement(Alert52, { color: "gray", variant: "light" }, /* @__PURE__ */ React289.createElement(Text164, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React289.createElement(Stack190, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React289.createElement(Paper18, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React289.createElement(Group107, { justify: "space-between" }, /* @__PURE__ */ React289.createElement(Group107, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React289.createElement(Stack190, { gap: 2 }, /* @__PURE__ */ React289.createElement(Text164, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React289.createElement(Text164, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React289.createElement(Group107, { gap: "xs" }, /* @__PURE__ */ React289.createElement(Text164, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React289.createElement(Text164, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React289.createElement(Text164, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React289.createElement(ActionIcon38, { color: "red", variant: "subtle", onClick: () => handleRevoke(capability.id), loading: revoking === capability.id, disabled: !!revoking }, /* @__PURE__ */ React289.createElement(IconTrash11, { size: 16 })))))), /* @__PURE__ */ React289.createElement(Button52, { leftSection: /* @__PURE__ */ React289.createElement(IconPlus12, { size: 16 }), variant: "light", onClick: onGrantPermission }, "Grant Permission"));
 };
 
 // src/mantine/components/GrantPermissionModal.tsx
-import React284, { useState as useState125, useCallback as useCallback98 } from "react";
-import {
-  Modal as Modal4,
-  Stack as Stack186,
-  Text as Text160,
-  TextInput as TextInput10,
-  Button as Button51,
-  Group as Group107,
-  Radio as Radio6,
-  Checkbox as Checkbox13,
-  Alert as Alert51,
-  Paper as Paper19,
-  Loader as Loader52,
-  Badge as Badge44,
-  ActionIcon as ActionIcon38,
-  Divider as Divider29,
-  NumberInput as NumberInput3
-} from "@mantine/core";
+import React290, { useState as useState130, useCallback as useCallback103 } from "react";
+import { Modal as Modal4, Stack as Stack191, Text as Text165, TextInput as TextInput10, Button as Button53, Group as Group108, Radio as Radio6, Checkbox as Checkbox13, Alert as Alert53, Paper as Paper19, Loader as Loader54, Badge as Badge44, ActionIcon as ActionIcon39, Divider as Divider29, NumberInput as NumberInput3 } from "@mantine/core";
 import { IconSearch as IconSearch7, IconUser as IconUser16, IconRobot as IconRobot5, IconX as IconX15, IconShieldPlus as IconShieldPlus4 } from "@tabler/icons-react";
-var GrantPermissionModal = ({
-  opened,
-  onClose,
-  flowUri,
-  blocks,
-  targetBlockId,
-  searchUsers,
-  getOracles,
-  onGrant
-}) => {
+var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, searchUsers, getOracles, onGrant }) => {
   const singleBlockMode = !!targetBlockId || blocks.length === 1;
   const fixedBlockId = targetBlockId || (blocks.length === 1 ? blocks[0].id : null);
   const fixedBlock = fixedBlockId ? blocks.find((b) => b.id === fixedBlockId) || blocks[0] : null;
-  const [recipientType, setRecipientType] = useState125("user");
-  const [searchQuery, setSearchQuery] = useState125("");
-  const [searchResults, setSearchResults] = useState125([]);
-  const [searching, setSearching] = useState125(false);
-  const [selectedRecipient, setSelectedRecipient] = useState125(null);
-  const [manualDid, setManualDid] = useState125("");
-  const [scopeType, setScopeType] = useState125("full");
-  const [selectedBlocks, setSelectedBlocks] = useState125([]);
-  const [expirationEnabled, setExpirationEnabled] = useState125(false);
-  const [expirationDays, setExpirationDays] = useState125(30);
-  const [canDelegate, setCanDelegate] = useState125(false);
-  const [pin, setPin] = useState125("");
-  const [loading, setLoading] = useState125(false);
-  const [error, setError] = useState125(null);
-  const handleSearch = useCallback98(async () => {
+  const [recipientType, setRecipientType] = useState130("user");
+  const [searchQuery, setSearchQuery] = useState130("");
+  const [searchResults, setSearchResults] = useState130([]);
+  const [searching, setSearching] = useState130(false);
+  const [selectedRecipient, setSelectedRecipient] = useState130(null);
+  const [manualDid, setManualDid] = useState130("");
+  const [scopeType, setScopeType] = useState130("full");
+  const [selectedBlocks, setSelectedBlocks] = useState130([]);
+  const [expirationEnabled, setExpirationEnabled] = useState130(false);
+  const [expirationDays, setExpirationDays] = useState130(30);
+  const [canDelegate, setCanDelegate] = useState130(false);
+  const [pin, setPin] = useState130("");
+  const [loading, setLoading] = useState130(false);
+  const [error, setError] = useState130(null);
+  const handleSearch = useCallback103(async () => {
     if (searchQuery.length < 2) return;
     setSearching(true);
     try {
@@ -31853,52 +32450,41 @@ var GrantPermissionModal = ({
       resetForm();
     }
   };
-  return /* @__PURE__ */ React284.createElement(
+  return /* @__PURE__ */ React290.createElement(
     Modal4,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React284.createElement(Group107, { gap: "xs" }, /* @__PURE__ */ React284.createElement(IconShieldPlus4, { size: 20 }), /* @__PURE__ */ React284.createElement(Text160, { fw: 600 }, "Grant Permission")),
+      title: /* @__PURE__ */ React290.createElement(Group108, { gap: "xs" }, /* @__PURE__ */ React290.createElement(IconShieldPlus4, { size: 20 }), /* @__PURE__ */ React290.createElement(Text165, { fw: 600 }, "Grant Permission")),
       size: "lg"
     },
-    /* @__PURE__ */ React284.createElement(Stack186, { gap: "md" }, /* @__PURE__ */ React284.createElement(Stack186, { gap: "xs" }, /* @__PURE__ */ React284.createElement(Text160, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React284.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
-      setRecipientType(v);
-      setSelectedRecipient(null);
-      setSearchResults([]);
-    } }, /* @__PURE__ */ React284.createElement(Group107, null, /* @__PURE__ */ React284.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React284.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React284.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React284.createElement(Stack186, { gap: "xs" }, /* @__PURE__ */ React284.createElement(
+    /* @__PURE__ */ React290.createElement(Stack191, { gap: "md" }, /* @__PURE__ */ React290.createElement(Stack191, { gap: "xs" }, /* @__PURE__ */ React290.createElement(Text165, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React290.createElement(
+      Radio6.Group,
+      {
+        value: recipientType,
+        onChange: (v) => {
+          setRecipientType(v);
+          setSelectedRecipient(null);
+          setSearchResults([]);
+        }
+      },
+      /* @__PURE__ */ React290.createElement(Group108, null, /* @__PURE__ */ React290.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React290.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React290.createElement(Radio6, { value: "manual", label: "Enter DID" }))
+    )), recipientType !== "manual" ? /* @__PURE__ */ React290.createElement(Stack191, { gap: "xs" }, /* @__PURE__ */ React290.createElement(
       TextInput10,
       {
         placeholder: recipientType === "oracle" ? "Search oracles..." : "Search users...",
-        leftSection: /* @__PURE__ */ React284.createElement(IconSearch7, { size: 16 }),
-        rightSection: searching ? /* @__PURE__ */ React284.createElement(Loader52, { size: 14 }) : null,
+        leftSection: /* @__PURE__ */ React290.createElement(IconSearch7, { size: 16 }),
+        rightSection: searching ? /* @__PURE__ */ React290.createElement(Loader54, { size: 14 }) : null,
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
         onKeyDown: (e) => e.key === "Enter" && handleSearch()
       }
-    ), selectedRecipient ? /* @__PURE__ */ React284.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React284.createElement(Group107, { justify: "space-between" }, /* @__PURE__ */ React284.createElement(Group107, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React284.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React284.createElement(IconUser16, { size: 16 }), /* @__PURE__ */ React284.createElement(Text160, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React284.createElement(Badge44, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React284.createElement(ActionIcon38, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React284.createElement(IconX15, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React284.createElement(Paper19, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React284.createElement(Stack186, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React284.createElement(
-      Button51,
-      {
-        key: result.did,
-        variant: "subtle",
-        size: "sm",
-        justify: "flex-start",
-        onClick: () => setSelectedRecipient(result)
-      },
-      result.displayName
-    )))) : null) : /* @__PURE__ */ React284.createElement(
-      TextInput10,
-      {
-        label: "Recipient DID",
-        placeholder: "did:ixo:...",
-        value: manualDid,
-        onChange: (e) => setManualDid(e.currentTarget.value)
-      }
-    ), /* @__PURE__ */ React284.createElement(Divider29, null), /* @__PURE__ */ React284.createElement(Stack186, { gap: "xs" }, /* @__PURE__ */ React284.createElement(Text160, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
+    ), selectedRecipient ? /* @__PURE__ */ React290.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React290.createElement(Group108, { justify: "space-between" }, /* @__PURE__ */ React290.createElement(Group108, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React290.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React290.createElement(IconUser16, { size: 16 }), /* @__PURE__ */ React290.createElement(Text165, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React290.createElement(Badge44, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React290.createElement(ActionIcon39, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React290.createElement(IconX15, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React290.createElement(Paper19, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React290.createElement(Stack191, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React290.createElement(Button53, { key: result.did, variant: "subtle", size: "sm", justify: "flex-start", onClick: () => setSelectedRecipient(result) }, result.displayName)))) : null) : /* @__PURE__ */ React290.createElement(TextInput10, { label: "Recipient DID", placeholder: "did:ixo:...", value: manualDid, onChange: (e) => setManualDid(e.currentTarget.value) }), /* @__PURE__ */ React290.createElement(Divider29, null), /* @__PURE__ */ React290.createElement(Stack191, { gap: "xs" }, /* @__PURE__ */ React290.createElement(Text165, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
       // Single block mode: show fixed block info
-      /* @__PURE__ */ React284.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React284.createElement(Group107, { gap: "xs" }, /* @__PURE__ */ React284.createElement(Badge44, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React284.createElement(Text160, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React284.createElement(Text160, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
+      /* @__PURE__ */ React290.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React290.createElement(Group108, { gap: "xs" }, /* @__PURE__ */ React290.createElement(Badge44, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React290.createElement(Text165, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React290.createElement(Text165, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
     ) : (
       // Multi-block mode: show scope selection
-      /* @__PURE__ */ React284.createElement(React284.Fragment, null, /* @__PURE__ */ React284.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React284.createElement(Stack186, { gap: "xs" }, /* @__PURE__ */ React284.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React284.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React284.createElement(Paper19, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React284.createElement(Stack186, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React284.createElement(
+      /* @__PURE__ */ React290.createElement(React290.Fragment, null, /* @__PURE__ */ React290.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React290.createElement(Stack191, { gap: "xs" }, /* @__PURE__ */ React290.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React290.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React290.createElement(Paper19, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React290.createElement(Stack191, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React290.createElement(
         Checkbox13,
         {
           key: block.id,
@@ -31913,24 +32499,7 @@ var GrantPermissionModal = ({
           }
         }
       )))))
-    )), /* @__PURE__ */ React284.createElement(Divider29, null), /* @__PURE__ */ React284.createElement(Stack186, { gap: "xs" }, /* @__PURE__ */ React284.createElement(
-      Checkbox13,
-      {
-        label: "Set expiration",
-        checked: expirationEnabled,
-        onChange: (e) => setExpirationEnabled(e.currentTarget.checked)
-      }
-    ), expirationEnabled && /* @__PURE__ */ React284.createElement(
-      NumberInput3,
-      {
-        label: "Expires in (days)",
-        placeholder: "30",
-        value: expirationDays,
-        onChange: setExpirationDays,
-        min: 1,
-        max: 365
-      }
-    )), /* @__PURE__ */ React284.createElement(
+    )), /* @__PURE__ */ React290.createElement(Divider29, null), /* @__PURE__ */ React290.createElement(Stack191, { gap: "xs" }, /* @__PURE__ */ React290.createElement(Checkbox13, { label: "Set expiration", checked: expirationEnabled, onChange: (e) => setExpirationEnabled(e.currentTarget.checked) }), expirationEnabled && /* @__PURE__ */ React290.createElement(NumberInput3, { label: "Expires in (days)", placeholder: "30", value: expirationDays, onChange: setExpirationDays, min: 1, max: 365 })), /* @__PURE__ */ React290.createElement(
       Checkbox13,
       {
         label: "Recipient can grant permissions to others",
@@ -31938,16 +32507,7 @@ var GrantPermissionModal = ({
         checked: canDelegate,
         onChange: (e) => setCanDelegate(e.currentTarget.checked)
       }
-    ), /* @__PURE__ */ React284.createElement(Divider29, null), /* @__PURE__ */ React284.createElement(
-      TextInput10,
-      {
-        label: "Enter your PIN to sign this delegation",
-        type: "password",
-        placeholder: "PIN",
-        value: pin,
-        onChange: (e) => setPin(e.currentTarget.value)
-      }
-    ), error && /* @__PURE__ */ React284.createElement(Alert51, { color: "red" }, error), /* @__PURE__ */ React284.createElement(Group107, { justify: "flex-end" }, /* @__PURE__ */ React284.createElement(Button51, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React284.createElement(Button51, { onClick: handleGrant, loading }, "Grant Permission")))
+    ), /* @__PURE__ */ React290.createElement(Divider29, null), /* @__PURE__ */ React290.createElement(TextInput10, { label: "Enter your PIN to sign this delegation", type: "password", placeholder: "PIN", value: pin, onChange: (e) => setPin(e.currentTarget.value) }), error && /* @__PURE__ */ React290.createElement(Alert53, { color: "red" }, error), /* @__PURE__ */ React290.createElement(Group108, { justify: "flex-end" }, /* @__PURE__ */ React290.createElement(Button53, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React290.createElement(Button53, { onClick: handleGrant, loading }, "Grant Permission")))
   );
 };
 
@@ -32039,6 +32599,7 @@ export {
   PageHeader,
   ExternalDropZone,
   IxoEditor,
+  DebugButton,
   EvaluationTab,
   EntitySigningSetup,
   FlowPermissionsPanel,
@@ -32056,4 +32617,4 @@ export {
   getExtraSlashMenuItems,
   useCreateIxoEditor
 };
-//# sourceMappingURL=chunk-255WVXBP.mjs.map
+//# sourceMappingURL=chunk-3AD37CJI.mjs.map