@ixo/editor 5.36.1 → 5.37.0

package/dist/{chunk-CDBCSQQA.mjs → chunk-MNPEDF2U.mjs}

@@ -65,7 +65,7 @@ import {
   transformSurveyToCredentialSubject,
   updateXeroWorkReviewPayloadForEditor,
   upsertXeroWorkItemForEditor
-} from "./chunk-MCFRBVCB.mjs";
+} from "./chunk-OOPKMGYW.mjs";
 
 // src/mantine/hooks/usePanel.ts
 import { useCallback, useMemo, useEffect, useRef } from "react";
@@ -571,6 +571,7 @@ var BlocknoteProvider = ({
   getDynamicListData,
   dynamicListPanelRenderer,
   domainCardRenderer,
+  onFlowStepRefClick,
   mapConfig,
   connectedUsers,
   awarenessInstance,
@@ -723,6 +724,7 @@ var BlocknoteProvider = ({
         getDynamicListData,
         dynamicListPanelRenderer,
         domainCardRenderer,
+        onFlowStepRefClick,
         mapConfig,
         connectedUsers,
         awarenessInstance,
@@ -1630,7 +1632,13 @@ var GeneralTab = ({
 // src/mantine/components/Layouts/BaseRightPanelLayout.tsx
 import { ActionIcon as ActionIcon5, Box as Box2, Flex as Flex2, Stack as Stack11, Text as Text9 } from "@mantine/core";
 import { IconBrain, IconHourglass, IconShieldCheck as IconShieldCheck2, IconWand, IconX as IconX3 } from "@tabler/icons-react";
-import React21, { useEffect as useEffect11, useMemo as useMemo8 } from "react";
+import React21, { useContext as useContext2, useEffect as useEffect11, useMemo as useMemo8 } from "react";
+
+// src/mantine/flow/embeddedPanelContext.ts
+import { createContext as createContext2 } from "react";
+var FlowPanelEmbeddedContext = createContext2(false);
+
+// src/mantine/components/Layouts/BaseRightPanelLayout.tsx
 import { useMediaQuery } from "@mantine/hooks";
 
 // src/mantine/components/ReusablePanel.tsx
@@ -2939,6 +2947,7 @@ function BaseRightPanelLayout({ title, isTemplate: _isTemplate = true, captionCo
     }
   }, [context?.block.props.skill]);
   const tabState = useTabState(allTabs);
+  const embedded = useContext2(FlowPanelEmbeddedContext);
   return (
     // pos:absolute + inset:0 gives the Stack a definite size from its
     // positioned parent (AppShell.Aside). `h="100%"` doesn't reliably
@@ -2955,7 +2964,7 @@ function BaseRightPanelLayout({ title, isTemplate: _isTemplate = true, captionCo
           overflow: "hidden"
         }
       },
-      /* @__PURE__ */ React21.createElement(Flex2, { align: "center", px: "md", justify: "space-between", gap: "md" }, title ? /* @__PURE__ */ React21.createElement(Text9, { fz: 16, fw: 400, truncate: "end", style: { flex: 1, minWidth: 0 } }, title) : /* @__PURE__ */ React21.createElement(Box2, { style: { flex: 1 } }), /* @__PURE__ */ React21.createElement(Flex2, { align: "center", gap: "5px" }, /* @__PURE__ */ React21.createElement(PanelMaximizeButton, { isMaximized, onToggleMaximize: () => setMaximized(!isMaximized), isMobile }), /* @__PURE__ */ React21.createElement(
+      !embedded && /* @__PURE__ */ React21.createElement(Flex2, { align: "center", px: "md", justify: "space-between", gap: "md" }, title ? /* @__PURE__ */ React21.createElement(Text9, { fz: 16, fw: 400, truncate: "end", style: { flex: 1, minWidth: 0 } }, title) : /* @__PURE__ */ React21.createElement(Box2, { style: { flex: 1 } }), /* @__PURE__ */ React21.createElement(Flex2, { align: "center", gap: "5px" }, /* @__PURE__ */ React21.createElement(PanelMaximizeButton, { isMaximized, onToggleMaximize: () => setMaximized(!isMaximized), isMobile }), /* @__PURE__ */ React21.createElement(
         ActionIcon5,
         {
           onClick: () => {
@@ -2967,11 +2976,11 @@ function BaseRightPanelLayout({ title, isTemplate: _isTemplate = true, captionCo
         },
         /* @__PURE__ */ React21.createElement(IconX3, { size: 18 })
       ))),
-      allTabs.length > 0 && /* @__PURE__ */ React21.createElement(Box2, { px: 40 }, /* @__PURE__ */ React21.createElement(TabsSelection, { tabs: allTabs, activeTab: tabState.activeTab, onTabChange: tabState.setActiveTab, defaultValue: tabState.defaultValue })),
+      allTabs.length > 0 && /* @__PURE__ */ React21.createElement(Box2, { px: embedded ? 16 : 40 }, /* @__PURE__ */ React21.createElement(TabsSelection, { tabs: allTabs, activeTab: tabState.activeTab, onTabChange: tabState.setActiveTab, defaultValue: tabState.defaultValue })),
       selectedSkill && selectedSkill?.name && /* @__PURE__ */ React21.createElement(
         Flex2,
         {
-          mx: 40,
+          mx: embedded ? 16 : 40,
           style: { borderRadius: 16, cursor: "pointer" },
           mb: 12,
           py: "sm",
@@ -2988,7 +2997,7 @@ function BaseRightPanelLayout({ title, isTemplate: _isTemplate = true, captionCo
       /* @__PURE__ */ React21.createElement(
         Box2,
         {
-          px: 40,
+          px: embedded ? 16 : 40,
           className: "ixo-hide-scrollbar",
           style: {
             flex: 1,
@@ -42588,9 +42597,15 @@ var SecretsBlockSpec = createReactBlockSpec23(
 
 // src/mantine/blocks/secrets/template/SecretsTemplateView.tsx
 import React379 from "react";
+var SecretsTemplateView = ({ editor, block }) => {
+  return /* @__PURE__ */ React379.createElement(SecretsBlock, { editor, block });
+};
 
 // src/mantine/blocks/secrets/flow/SecretsFlowView.tsx
 import React380 from "react";
+var SecretsFlowView = ({ editor, block }) => {
+  return /* @__PURE__ */ React380.createElement(SecretsBlock, { editor, block });
+};
 
 // src/mantine/blocks/skills/SkillsBlockSpec.tsx
 import React384 from "react";
@@ -43705,6 +43720,66 @@ var getExtraSlashMenuItems = (editor, translate) => {
   return slashMenuList;
 };
 
+// src/mantine/inline/FlowStepRefSpec.tsx
+import React385 from "react";
+import { createReactInlineContentSpec } from "@blocknote/react";
+import { IconBolt as IconBolt13 } from "@tabler/icons-react";
+function FlowStepRefChip({ nodeId, label }) {
+  const { onFlowStepRefClick } = useBlocknoteContext();
+  const text = label || nodeId || "Step";
+  return /* @__PURE__ */ React385.createElement(
+    "span",
+    {
+      role: "button",
+      tabIndex: 0,
+      contentEditable: false,
+      "data-flow-step-ref": nodeId,
+      onClick: () => onFlowStepRefClick?.(nodeId),
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onFlowStepRefClick?.(nodeId);
+        }
+      },
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 3,
+        padding: "0 6px",
+        borderRadius: 4,
+        lineHeight: 1.5,
+        cursor: "pointer",
+        userSelect: "none",
+        whiteSpace: "nowrap",
+        verticalAlign: "baseline",
+        backgroundColor: "var(--mantine-color-blue-light)",
+        color: "var(--mantine-color-blue-light-color)",
+        fontWeight: 500
+      }
+    },
+    /* @__PURE__ */ React385.createElement(IconBolt13, { size: 13, style: { flexShrink: 0 } }),
+    text
+  );
+}
+var FlowStepRefSpec = createReactInlineContentSpec(
+  {
+    type: "flowStepRef",
+    propSchema: {
+      nodeId: { default: "" },
+      label: { default: "" }
+    },
+    content: "none"
+  },
+  {
+    render: (props) => /* @__PURE__ */ React385.createElement(FlowStepRefChip, { nodeId: props.inlineContent.props.nodeId, label: props.inlineContent.props.label })
+  }
+);
+
+// src/mantine/inline/index.ts
+var inlineContentSpecs = {
+  flowStepRef: FlowStepRefSpec
+};
+
 // src/mantine/hooks/useCreateIxoEditor.ts
 import { useCreateBlockNote } from "@blocknote/react";
 import { BlockNoteSchema, defaultBlockSpecs, defaultInlineContentSpecs } from "@blocknote/core";
@@ -43812,7 +43887,8 @@ function useCreateIxoEditor(options) {
       ...blockSpecs
     },
     inlineContentSpecs: {
-      ...defaultInlineContentSpecs
+      ...defaultInlineContentSpecs,
+      ...inlineContentSpecs
     },
     styleSpecs: ixoStyleSpecs
   });
@@ -44623,7 +44699,8 @@ function useCreateCollaborativeIxoEditor(options) {
         ...blockSpecs
       },
       inlineContentSpecs: {
-        ...defaultInlineContentSpecs2
+        ...defaultInlineContentSpecs2,
+        ...inlineContentSpecs
       },
       styleSpecs: ixoStyleSpecs
     }),
@@ -45001,17 +45078,17 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/components/Base/BaseIconPicker.tsx
-import React386, { useState as useState206, useMemo as useMemo167, useEffect as useEffect173 } from "react";
+import React387, { useState as useState206, useMemo as useMemo167, useEffect as useEffect173 } from "react";
 import { TextInput as TextInput13, Tabs as Tabs4, Box as Box73, Stack as Stack284, UnstyledButton as UnstyledButton8, Text as Text259, Center as Center15, ScrollArea as ScrollArea10, Group as Group155, Popover as Popover5 } from "@mantine/core";
 import * as TablerIcons2 from "@tabler/icons-react";
 import { IconSearch as IconSearch12, IconX as IconX20, IconChevronLeft, IconChevronRight as IconChevronRight13 } from "@tabler/icons-react";
 
 // src/mantine/components/Base/CoverImageButton.tsx
-import React385, { forwardRef, useState as useState205 } from "react";
+import React386, { forwardRef, useState as useState205 } from "react";
 import { UnstyledButton as UnstyledButton7, Group as Group154, Text as Text258 } from "@mantine/core";
 var CoverImageButton = forwardRef(function CoverImageButton2({ isActive = false, onClick, icon: icon2, children, style }, ref) {
   const [hovered, setHovered] = useState205(false);
-  return /* @__PURE__ */ React385.createElement(
+  return /* @__PURE__ */ React386.createElement(
     UnstyledButton7,
     {
       ref,
@@ -45027,7 +45104,7 @@ var CoverImageButton = forwardRef(function CoverImageButton2({ isActive = false,
         ...style
       }
     },
-    /* @__PURE__ */ React385.createElement(Group154, { gap: 4, wrap: "nowrap" }, icon2 && /* @__PURE__ */ React385.createElement(
+    /* @__PURE__ */ React386.createElement(Group154, { gap: 4, wrap: "nowrap" }, icon2 && /* @__PURE__ */ React386.createElement(
       "span",
       {
         style: {
@@ -45037,7 +45114,7 @@ var CoverImageButton = forwardRef(function CoverImageButton2({ isActive = false,
         }
       },
       icon2
-    ), /* @__PURE__ */ React385.createElement(
+    ), /* @__PURE__ */ React386.createElement(
       Text258,
       {
         fz: 12,
@@ -45115,9 +45192,9 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, onRemove
   };
   const renderIconGrid = (icons) => {
     if (icons.length === 0) {
-      return /* @__PURE__ */ React386.createElement(Center15, { py: "xl" }, /* @__PURE__ */ React386.createElement(Text259, { c: "dimmed", size: "sm" }, "No icons found"));
+      return /* @__PURE__ */ React387.createElement(Center15, { py: "xl" }, /* @__PURE__ */ React387.createElement(Text259, { c: "dimmed", size: "sm" }, "No icons found"));
     }
-    return /* @__PURE__ */ React386.createElement(
+    return /* @__PURE__ */ React387.createElement(
       Box73,
       {
         style: {
@@ -45129,7 +45206,7 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, onRemove
       },
       icons.map(([name, IconComponent]) => {
         const isSelected = currentIcon === name.replace("Icon", "").replace(/([A-Z])/g, "-$1").toLowerCase().slice(1);
-        return /* @__PURE__ */ React386.createElement(
+        return /* @__PURE__ */ React387.createElement(
           UnstyledButton8,
           {
             key: name,
@@ -45155,12 +45232,12 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, onRemove
               }
             }
           },
-          /* @__PURE__ */ React386.createElement(IconComponent, { size: 24, stroke: 1.5, color: "var(--mantine-color-text)" })
+          /* @__PURE__ */ React387.createElement(IconComponent, { size: 24, stroke: 1.5, color: "var(--mantine-color-text)" })
         );
       })
     );
   };
-  return /* @__PURE__ */ React386.createElement(Popover5, { opened, onClose, position: "right", width: 500, shadow: "xl" }, /* @__PURE__ */ React386.createElement(Popover5.Target, null, children), /* @__PURE__ */ React386.createElement(
+  return /* @__PURE__ */ React387.createElement(Popover5, { opened, onClose, position: "right", width: 500, shadow: "xl" }, /* @__PURE__ */ React387.createElement(Popover5.Target, null, children), /* @__PURE__ */ React387.createElement(
     Popover5.Dropdown,
     {
       style: {
@@ -45170,7 +45247,7 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, onRemove
       },
       p: 0
     },
-    onRemove && /* @__PURE__ */ React386.createElement(
+    onRemove && /* @__PURE__ */ React387.createElement(
       UnstyledButton8,
       {
         onClick: () => {
@@ -45187,17 +45264,17 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, onRemove
           transition: "background 0.15s ease"
         }
       },
-      /* @__PURE__ */ React386.createElement(Group155, { gap: 4, wrap: "nowrap" }, /* @__PURE__ */ React386.createElement(IconX20, { size: 14 }), /* @__PURE__ */ React386.createElement(Text259, { fz: 12, c: "dimmed", style: { whiteSpace: "nowrap" } }, "Remove"))
+      /* @__PURE__ */ React387.createElement(Group155, { gap: 4, wrap: "nowrap" }, /* @__PURE__ */ React387.createElement(IconX20, { size: 14 }), /* @__PURE__ */ React387.createElement(Text259, { fz: 12, c: "dimmed", style: { whiteSpace: "nowrap" } }, "Remove"))
     ),
-    /* @__PURE__ */ React386.createElement(Stack284, { gap: "md", p: "md" }, /* @__PURE__ */ React386.createElement(Tabs4, { value: activeTab, onChange: setActiveTab, variant: "pills" }, /* @__PURE__ */ React386.createElement(Tabs4.List, null, /* @__PURE__ */ React386.createElement(Tabs4.Tab, { value: "icons" }, "Icons"), /* @__PURE__ */ React386.createElement(Tabs4.Tab, { value: "upload" }, "Upload")), /* @__PURE__ */ React386.createElement(Tabs4.Panel, { value: "icons", pt: "md" }, /* @__PURE__ */ React386.createElement(
+    /* @__PURE__ */ React387.createElement(Stack284, { gap: "md", p: "md" }, /* @__PURE__ */ React387.createElement(Tabs4, { value: activeTab, onChange: setActiveTab, variant: "pills" }, /* @__PURE__ */ React387.createElement(Tabs4.List, null, /* @__PURE__ */ React387.createElement(Tabs4.Tab, { value: "icons" }, "Icons"), /* @__PURE__ */ React387.createElement(Tabs4.Tab, { value: "upload" }, "Upload")), /* @__PURE__ */ React387.createElement(Tabs4.Panel, { value: "icons", pt: "md" }, /* @__PURE__ */ React387.createElement(
       TextInput13,
       {
         mb: "md",
         placeholder: "Filter",
-        leftSection: /* @__PURE__ */ React386.createElement(IconSearch12, { size: 18 }),
+        leftSection: /* @__PURE__ */ React387.createElement(IconSearch12, { size: 18 }),
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
-        rightSection: searchQuery && /* @__PURE__ */ React386.createElement(UnstyledButton8, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React386.createElement(IconX20, { size: 18 })),
+        rightSection: searchQuery && /* @__PURE__ */ React387.createElement(UnstyledButton8, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React387.createElement(IconX20, { size: 18 })),
         style: { flex: 1 },
         styles: {
           input: {
@@ -45207,21 +45284,21 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, onRemove
           }
         }
       }
-    ), !searchQuery && /* @__PURE__ */ React386.createElement(Box73, { mb: "md" }, /* @__PURE__ */ React386.createElement(Text259, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React386.createElement(ScrollArea10.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React386.createElement(Box73, null, /* @__PURE__ */ React386.createElement(Group155, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React386.createElement(Text259, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React386.createElement(Group155, { gap: "xs" }, /* @__PURE__ */ React386.createElement(Text259, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React386.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React386.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React386.createElement(
+    ), !searchQuery && /* @__PURE__ */ React387.createElement(Box73, { mb: "md" }, /* @__PURE__ */ React387.createElement(Text259, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React387.createElement(ScrollArea10.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React387.createElement(Box73, null, /* @__PURE__ */ React387.createElement(Group155, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React387.createElement(Text259, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React387.createElement(Group155, { gap: "xs" }, /* @__PURE__ */ React387.createElement(Text259, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React387.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React387.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React387.createElement(
       BaseButton,
       {
         size: "xs",
         onClick: () => setCurrentPage((p) => Math.min(totalPages, p + 1)),
         disabled: currentPage === totalPages,
-        leftSection: /* @__PURE__ */ React386.createElement(IconChevronRight13, { size: 14 })
+        leftSection: /* @__PURE__ */ React387.createElement(IconChevronRight13, { size: 14 })
       },
       "Next"
-    ))), /* @__PURE__ */ React386.createElement(ScrollArea10.Autosize, { scrollbarSize: 0, mah: 200 }, renderIconGrid(paginatedIcons)))), /* @__PURE__ */ React386.createElement(Tabs4.Panel, { value: "upload", pt: "md" }, /* @__PURE__ */ React386.createElement(Center15, { py: "xl" }, /* @__PURE__ */ React386.createElement(Stack284, { align: "center", gap: "md" }, /* @__PURE__ */ React386.createElement(Text259, { size: "sm", c: "dimmed", ta: "center" }, "Upload a custom icon image", /* @__PURE__ */ React386.createElement("br", null), "(PNG, JPG, SVG)"), /* @__PURE__ */ React386.createElement(CoverImageButton, { onClick: onUploadClick }, "Choose File"))))))
+    ))), /* @__PURE__ */ React387.createElement(ScrollArea10.Autosize, { scrollbarSize: 0, mah: 200 }, renderIconGrid(paginatedIcons)))), /* @__PURE__ */ React387.createElement(Tabs4.Panel, { value: "upload", pt: "md" }, /* @__PURE__ */ React387.createElement(Center15, { py: "xl" }, /* @__PURE__ */ React387.createElement(Stack284, { align: "center", gap: "md" }, /* @__PURE__ */ React387.createElement(Text259, { size: "sm", c: "dimmed", ta: "center" }, "Upload a custom icon image", /* @__PURE__ */ React387.createElement("br", null), "(PNG, JPG, SVG)"), /* @__PURE__ */ React387.createElement(CoverImageButton, { onClick: onUploadClick }, "Choose File"))))))
   ));
 }
 
 // src/mantine/components/CoverImage.tsx
-import React389, { useState as useState208, useRef as useRef53, useEffect as useEffect175, useMemo as useMemo169 } from "react";
+import React390, { useState as useState208, useRef as useRef53, useEffect as useEffect175, useMemo as useMemo169 } from "react";
 import { Box as Box76, Group as Group157 } from "@mantine/core";
 import { IconMoodSmile, IconPhoto as IconPhoto6, IconSettings as IconSettings23, IconArrowsMove, IconTrash as IconTrash15, IconRefresh as IconRefresh15 } from "@tabler/icons-react";
 
@@ -45356,7 +45433,7 @@ function transformIconImage(sourceUrl, size = "default", customOptions) {
 }
 
 // src/mantine/components/Base/PageIcon.tsx
-import React387, { useMemo as useMemo168 } from "react";
+import React388, { useMemo as useMemo168 } from "react";
 import { Center as Center16, Box as Box74 } from "@mantine/core";
 import * as TablerIcons3 from "@tabler/icons-react";
 function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
@@ -45372,7 +45449,7 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
   const Container = useCenter ? Center16 : Box74;
   if (!src) return null;
   if (IconComponent) {
-    return /* @__PURE__ */ React387.createElement(
+    return /* @__PURE__ */ React388.createElement(
       Container,
       {
         style: {
@@ -45388,10 +45465,10 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
           ...style
         }
       },
-      /* @__PURE__ */ React387.createElement(IconComponent, { size: iconSize, stroke: 1.5, color: "var(--mantine-color-text)" })
+      /* @__PURE__ */ React388.createElement(IconComponent, { size: iconSize, stroke: 1.5, color: "var(--mantine-color-text)" })
     );
   }
-  return /* @__PURE__ */ React387.createElement(
+  return /* @__PURE__ */ React388.createElement(
     "img",
     {
       src,
@@ -45412,7 +45489,7 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
 import { useDisclosure as useDisclosure7 } from "@mantine/hooks";
 
 // src/mantine/components/FlowSettingsPanel.tsx
-import React388, { useState as useState207, useEffect as useEffect174, useCallback as useCallback191 } from "react";
+import React389, { useState as useState207, useEffect as useEffect174, useCallback as useCallback191 } from "react";
 import { Stack as Stack285, Group as Group156, Button as Button96, ActionIcon as ActionIcon52, Text as Text260, Box as Box75 } from "@mantine/core";
 import { IconPlus as IconPlus13, IconTrash as IconTrash14 } from "@tabler/icons-react";
 var SYSTEM_KEYS = /* @__PURE__ */ new Set(["@context", "_type", "schema_version", "doc_id", "title", "createdAt", "createdBy", "flowOwnerDid"]);
@@ -45479,8 +45556,8 @@ var FlowSettingsPanel = ({ editor }) => {
     },
     [editor]
   );
-  const subtitle = /* @__PURE__ */ React388.createElement(Box75, { px: 40, mb: "md" }, /* @__PURE__ */ React388.createElement(Text260, { size: "sm", c: "dimmed" }, "Add key-value settings for this flow. These are available to oracles and action blocks at runtime."));
-  return /* @__PURE__ */ React388.createElement(BaseRightPanelLayout, { title: "Flow Details", onClose: closePanel, isTemplate: true, captionContent: subtitle }, /* @__PURE__ */ React388.createElement(Stack285, { gap: "lg" }, rows.map((row, index) => /* @__PURE__ */ React388.createElement(Stack285, { key: index, gap: "xs" }, /* @__PURE__ */ React388.createElement(Group156, { gap: "xs", align: "center", wrap: "nowrap" }, /* @__PURE__ */ React388.createElement(BaseTextInput, { placeholder: "Key (e.g. protocolDid)", value: row.key, onChange: (e) => handleKeyChange(index, e.currentTarget.value), style: { flex: 1 } }), /* @__PURE__ */ React388.createElement(ActionIcon52, { variant: "subtle", color: "red", onClick: () => handleDelete(index), size: "lg" }, /* @__PURE__ */ React388.createElement(IconTrash14, { size: 16 }))), /* @__PURE__ */ React388.createElement(BaseTextArea, { placeholder: "Value", value: row.value, onChange: (e) => handleValueChange(index, e.currentTarget.value), minRows: 1, maxRows: 8 }))), /* @__PURE__ */ React388.createElement(Button96, { variant: "subtle", leftSection: /* @__PURE__ */ React388.createElement(IconPlus13, { size: 16 }), onClick: handleAdd, size: "sm" }, "Add detail")));
+  const subtitle = /* @__PURE__ */ React389.createElement(Box75, { px: 40, mb: "md" }, /* @__PURE__ */ React389.createElement(Text260, { size: "sm", c: "dimmed" }, "Add key-value settings for this flow. These are available to oracles and action blocks at runtime."));
+  return /* @__PURE__ */ React389.createElement(BaseRightPanelLayout, { title: "Flow Details", onClose: closePanel, isTemplate: true, captionContent: subtitle }, /* @__PURE__ */ React389.createElement(Stack285, { gap: "lg" }, rows.map((row, index) => /* @__PURE__ */ React389.createElement(Stack285, { key: index, gap: "xs" }, /* @__PURE__ */ React389.createElement(Group156, { gap: "xs", align: "center", wrap: "nowrap" }, /* @__PURE__ */ React389.createElement(BaseTextInput, { placeholder: "Key (e.g. protocolDid)", value: row.key, onChange: (e) => handleKeyChange(index, e.currentTarget.value), style: { flex: 1 } }), /* @__PURE__ */ React389.createElement(ActionIcon52, { variant: "subtle", color: "red", onClick: () => handleDelete(index), size: "lg" }, /* @__PURE__ */ React389.createElement(IconTrash14, { size: 16 }))), /* @__PURE__ */ React389.createElement(BaseTextArea, { placeholder: "Value", value: row.value, onChange: (e) => handleValueChange(index, e.currentTarget.value), minRows: 1, maxRows: 8 }))), /* @__PURE__ */ React389.createElement(Button96, { variant: "subtle", leftSection: /* @__PURE__ */ React389.createElement(IconPlus13, { size: 16 }), onClick: handleAdd, size: "sm" }, "Add detail")));
 };
 
 // src/mantine/components/CoverImage.tsx
@@ -45493,7 +45570,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
   const logoFileInputRef = useRef53(null);
   const [opened, { open, close }] = useDisclosure7(false);
   const [metadata, setMetadata] = useState208(() => editor?.getPageMetadata?.() || null);
-  const settingsPanelContent = useMemo169(() => editor ? /* @__PURE__ */ React389.createElement(FlowSettingsPanel, { editor }) : null, [editor]);
+  const settingsPanelContent = useMemo169(() => editor ? /* @__PURE__ */ React390.createElement(FlowSettingsPanel, { editor }) : null, [editor]);
   const { open: openSettings } = usePanel("flow-settings-panel", settingsPanelContent);
   useEffect175(() => {
     if (!editor?._metadataManager) {
@@ -45583,7 +45660,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     return null;
   }
   if (!hasCover) {
-    return /* @__PURE__ */ React389.createElement(
+    return /* @__PURE__ */ React390.createElement(
       Box76,
       {
         style: {
@@ -45595,7 +45672,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         onMouseEnter: () => editable && setIsHovering(true),
         onMouseLeave: () => editable && setIsHovering(false)
       },
-      /* @__PURE__ */ React389.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", minHeight: "inherit" } }, /* @__PURE__ */ React389.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React389.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), logoSrc && /* @__PURE__ */ React389.createElement(
+      /* @__PURE__ */ React390.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", minHeight: "inherit" } }, /* @__PURE__ */ React390.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React390.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), logoSrc && /* @__PURE__ */ React390.createElement(
         Box76,
         {
           style: {
@@ -45608,8 +45685,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 11
           }
         },
-        /* @__PURE__ */ React389.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
-        editable && /* @__PURE__ */ React389.createElement(
+        /* @__PURE__ */ React390.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
+        editable && /* @__PURE__ */ React390.createElement(
           BaseIconPicker,
           {
             opened,
@@ -45619,7 +45696,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             onUploadClick: () => logoFileInputRef.current?.click(),
             onRemove: handleRemoveLogo
           },
-          /* @__PURE__ */ React389.createElement(
+          /* @__PURE__ */ React390.createElement(
             Box76,
             {
               onClick: open,
@@ -45632,7 +45709,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             }
           )
         )
-      ), editable && (isHovering || opened) && /* @__PURE__ */ React389.createElement(Group157, { gap: 4, style: { position: "absolute", bottom: hasLogo ? -18 : 0, left: 0, zIndex: 10 } }, !logoSrc && /* @__PURE__ */ React389.createElement(
+      ), editable && (isHovering || opened) && /* @__PURE__ */ React390.createElement(Group157, { gap: 4, style: { position: "absolute", bottom: hasLogo ? -18 : 0, left: 0, zIndex: 10 } }, !logoSrc && /* @__PURE__ */ React390.createElement(
         BaseIconPicker,
         {
           opened,
@@ -45641,11 +45718,11 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           onSelectIcon: (name) => handleSelectLogoIcon(name),
           onUploadClick: () => logoFileInputRef.current?.click()
         },
-        /* @__PURE__ */ React389.createElement(CoverImageButton, { onClick: open, icon: /* @__PURE__ */ React389.createElement(IconMoodSmile, { size: 14 }) }, "Add icon")
-      ), /* @__PURE__ */ React389.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click(), icon: /* @__PURE__ */ React389.createElement(IconPhoto6, { size: 14 }) }, "Add cover"), /* @__PURE__ */ React389.createElement(CoverImageButton, { onClick: openSettings, icon: /* @__PURE__ */ React389.createElement(IconSettings23, { size: 14 }) }, "Details")))
+        /* @__PURE__ */ React390.createElement(CoverImageButton, { onClick: open, icon: /* @__PURE__ */ React390.createElement(IconMoodSmile, { size: 14 }) }, "Add icon")
+      ), /* @__PURE__ */ React390.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click(), icon: /* @__PURE__ */ React390.createElement(IconPhoto6, { size: 14 }) }, "Add cover"), /* @__PURE__ */ React390.createElement(CoverImageButton, { onClick: openSettings, icon: /* @__PURE__ */ React390.createElement(IconSettings23, { size: 14 }) }, "Details")))
     );
   }
-  return /* @__PURE__ */ React389.createElement(
+  return /* @__PURE__ */ React390.createElement(
     Box76,
     {
       style: {
@@ -45673,7 +45750,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         }
       }
     },
-    /* @__PURE__ */ React389.createElement(
+    /* @__PURE__ */ React390.createElement(
       "img",
       {
         src: coverUrl,
@@ -45691,7 +45768,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         }
       }
     ),
-    editable && isHovering && /* @__PURE__ */ React389.createElement(
+    editable && isHovering && /* @__PURE__ */ React390.createElement(
       Group157,
       {
         gap: "xs",
@@ -45702,8 +45779,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 10
         }
       },
-      /* @__PURE__ */ React389.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click(), icon: /* @__PURE__ */ React389.createElement(IconRefresh15, { size: 14 }) }, "Change cover"),
-      /* @__PURE__ */ React389.createElement(
+      /* @__PURE__ */ React390.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click(), icon: /* @__PURE__ */ React390.createElement(IconRefresh15, { size: 14 }) }, "Change cover"),
+      /* @__PURE__ */ React390.createElement(
         CoverImageButton,
         {
           onClick: () => {
@@ -45713,25 +45790,25 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             setIsRepositioning(!isRepositioning);
           },
           isActive: isRepositioning,
-          icon: /* @__PURE__ */ React389.createElement(IconArrowsMove, { size: 14 })
+          icon: /* @__PURE__ */ React390.createElement(IconArrowsMove, { size: 14 })
         },
         isRepositioning ? "Done" : "Reposition"
       ),
-      /* @__PURE__ */ React389.createElement(CoverImageButton, { onClick: handleRemoveCover, icon: /* @__PURE__ */ React389.createElement(IconTrash15, { size: 14 }) }, "Remove")
+      /* @__PURE__ */ React390.createElement(CoverImageButton, { onClick: handleRemoveCover, icon: /* @__PURE__ */ React390.createElement(IconTrash15, { size: 14 }) }, "Remove")
     ),
-    /* @__PURE__ */ React389.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: 0, right: 0, height: "70px" } }, /* @__PURE__ */ React389.createElement(
+    /* @__PURE__ */ React390.createElement("div", { style: { maxWidth: "964px", margin: "0 auto", position: "absolute", bottom: 0, left: 0, right: 0, height: "70px" } }, /* @__PURE__ */ React390.createElement(
       Box76,
       {
         style: {
           position: "absolute",
           bottom: "4px",
-          insetInlineStart: "0",
+          insetInlineStart: "32px",
           width: "120px",
           height: "120px",
           zIndex: 11
         }
       },
-      logoSrc ? /* @__PURE__ */ React389.createElement(React389.Fragment, null, /* @__PURE__ */ React389.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }), editable && /* @__PURE__ */ React389.createElement(
+      logoSrc ? /* @__PURE__ */ React390.createElement(React390.Fragment, null, /* @__PURE__ */ React390.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }), editable && /* @__PURE__ */ React390.createElement(
         BaseIconPicker,
         {
           opened,
@@ -45741,7 +45818,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           onUploadClick: () => logoFileInputRef.current?.click(),
           onRemove: handleRemoveLogo
         },
-        /* @__PURE__ */ React389.createElement(
+        /* @__PURE__ */ React390.createElement(
           Box76,
           {
             onClick: open,
@@ -45753,7 +45830,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             }
           }
         )
-      )) : editable && isHovering && /* @__PURE__ */ React389.createElement(
+      )) : editable && isHovering && /* @__PURE__ */ React390.createElement(
         BaseIconPicker,
         {
           opened,
@@ -45762,11 +45839,11 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           onSelectIcon: (name) => handleSelectLogoIcon(name),
           onUploadClick: () => logoFileInputRef.current?.click()
         },
-        /* @__PURE__ */ React389.createElement(
+        /* @__PURE__ */ React390.createElement(
           CoverImageButton,
           {
             onClick: open,
-            icon: /* @__PURE__ */ React389.createElement(IconMoodSmile, { size: 14 }),
+            icon: /* @__PURE__ */ React390.createElement(IconMoodSmile, { size: 14 }),
             style: {
               position: "absolute",
               top: "50%",
@@ -45779,13 +45856,13 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         )
       )
     )),
-    /* @__PURE__ */ React389.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
-    /* @__PURE__ */ React389.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
+    /* @__PURE__ */ React390.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
+    /* @__PURE__ */ React390.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
   );
 }
 
 // src/mantine/components/PageTitle.tsx
-import React390, { useState as useState209, useEffect as useEffect176, useRef as useRef54, useCallback as useCallback192 } from "react";
+import React391, { useState as useState209, useEffect as useEffect176, useRef as useRef54, useCallback as useCallback192 } from "react";
 import { Box as Box77 } from "@mantine/core";
 var DEFAULT_TITLE = "New page";
 function isUserTitle(name) {
@@ -45931,7 +46008,7 @@ function PageTitle({ editor, editable }) {
       setTitle(titleRef.current.textContent || "");
     }
   }, []);
-  return /* @__PURE__ */ React390.createElement(Box77, { maw: 900, mx: "auto", w: "100%" }, /* @__PURE__ */ React390.createElement(
+  return /* @__PURE__ */ React391.createElement(Box77, { maw: 964, mx: "auto", w: "100%", px: 32 }, /* @__PURE__ */ React391.createElement(
     Box77,
     {
       ref: titleRef,
@@ -45988,7 +46065,7 @@ if (typeof document !== "undefined") {
 }
 
 // src/mantine/components/ExternalDropZone.tsx
-import React391, { useCallback as useCallback193, useEffect as useEffect177, useRef as useRef55, useState as useState210 } from "react";
+import React392, { useCallback as useCallback193, useEffect as useEffect177, useRef as useRef55, useState as useState210 } from "react";
 import { Box as Box78 } from "@mantine/core";
 var SCROLL_ZONE_SIZE = 80;
 var SCROLL_SPEED = 12;
@@ -46269,11 +46346,11 @@ var ExternalDropZone = ({
       }
     };
   }, []);
-  const indicatorWithPosition = dropIndicator && React391.isValidElement(dropIndicator) ? React391.cloneElement(dropIndicator, {
+  const indicatorWithPosition = dropIndicator && React392.isValidElement(dropIndicator) ? React392.cloneElement(dropIndicator, {
     indicatorTop: typeof indicatorStyle.top === "number" ? indicatorStyle.top : void 0
   }) : dropIndicator;
   const shouldShowIndicator = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
-  return /* @__PURE__ */ React391.createElement(
+  return /* @__PURE__ */ React392.createElement(
     Box78,
     {
       ref: containerRef,
@@ -46289,7 +46366,7 @@ var ExternalDropZone = ({
       "data-placement-mode": isPlacementMode ? "true" : void 0
     },
     children,
-    isPlacementMode && /* @__PURE__ */ React391.createElement(
+    isPlacementMode && /* @__PURE__ */ React392.createElement(
       Box78,
       {
         style: {
@@ -46309,12 +46386,12 @@ var ExternalDropZone = ({
         onWheel: handleOverlayWheel
       }
     ),
-    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React391.createElement(Box78, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
+    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React392.createElement(Box78, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
   );
 };
 
 // src/mantine/IxoEditor.tsx
-import React394, { useMemo as useMemo171 } from "react";
+import React395, { useMemo as useMemo171 } from "react";
 import { GridSuggestionMenuController, SuggestionMenuController, getDefaultReactSlashMenuItems } from "@blocknote/react";
 import { BlockNoteView } from "@blocknote/mantine";
 import { filterSuggestionItems } from "@blocknote/core";
@@ -46359,7 +46436,7 @@ function sanitizeThemeForMantine7(theme) {
 }
 
 // src/mantine/components/CommandPalette.tsx
-import React392, { useEffect as useEffect178, useRef as useRef56, useState as useState211, useMemo as useMemo170, useCallback as useCallback194 } from "react";
+import React393, { useEffect as useEffect178, useRef as useRef56, useState as useState211, useMemo as useMemo170, useCallback as useCallback194 } from "react";
 import { Box as Box79, Text as Text261, Stack as Stack286 } from "@mantine/core";
 var GROUP_ORDER = {
   Headings: 0,
@@ -46397,7 +46474,7 @@ function PaletteItem({ item, isSelected, onClick, id }) {
     }
   }, [isSelected]);
   const highlighted = isSelected || hovered;
-  return /* @__PURE__ */ React392.createElement(
+  return /* @__PURE__ */ React393.createElement(
     Box79,
     {
       ref,
@@ -46419,7 +46496,7 @@ function PaletteItem({ item, isSelected, onClick, id }) {
         backgroundColor: highlighted ? "var(--mantine-color-neutralColor-4)" : "transparent"
       }
     },
-    /* @__PURE__ */ React392.createElement(
+    /* @__PURE__ */ React393.createElement(
       Box79,
       {
         style: {
@@ -46436,7 +46513,7 @@ function PaletteItem({ item, isSelected, onClick, id }) {
       },
       item.icon
     ),
-    /* @__PURE__ */ React392.createElement(Stack286, { gap: 0, style: { overflow: "hidden", minWidth: 0, flex: 1 } }, /* @__PURE__ */ React392.createElement(
+    /* @__PURE__ */ React393.createElement(Stack286, { gap: 0, style: { overflow: "hidden", minWidth: 0, flex: 1 } }, /* @__PURE__ */ React393.createElement(
       Text261,
       {
         size: "sm",
@@ -46447,7 +46524,7 @@ function PaletteItem({ item, isSelected, onClick, id }) {
         }
       },
       item.title
-    ), item.subtext && /* @__PURE__ */ React392.createElement(
+    ), item.subtext && /* @__PURE__ */ React393.createElement(
       Text261,
       {
         size: "xs",
@@ -46482,7 +46559,7 @@ function CommandPalette({ items, onItemClick, loadingState, selectedIndex }) {
     [onItemClick]
   );
   if (loadingState === "loading-initial") {
-    return /* @__PURE__ */ React392.createElement(
+    return /* @__PURE__ */ React393.createElement(
       Box79,
       {
         style: {
@@ -46494,10 +46571,10 @@ function CommandPalette({ items, onItemClick, loadingState, selectedIndex }) {
           boxShadow: "0 4px 16px rgba(0, 0, 0, 0.2)"
         }
       },
-      /* @__PURE__ */ React392.createElement(Text261, { size: "sm", style: { color: "var(--mantine-color-neutralColor-7) !important", textAlign: "center" } }, t("palette.loading", { defaultValue: "Loading..." }))
+      /* @__PURE__ */ React393.createElement(Text261, { size: "sm", style: { color: "var(--mantine-color-neutralColor-7) !important", textAlign: "center" } }, t("palette.loading", { defaultValue: "Loading..." }))
     );
   }
-  return /* @__PURE__ */ React392.createElement(
+  return /* @__PURE__ */ React393.createElement(
     Box79,
     {
       id: "bn-suggestion-menu",
@@ -46513,7 +46590,7 @@ function CommandPalette({ items, onItemClick, loadingState, selectedIndex }) {
         padding: "6px 0"
       }
     },
-    /* @__PURE__ */ React392.createElement(
+    /* @__PURE__ */ React393.createElement(
       Box79,
       {
         style: {
@@ -46524,7 +46601,7 @@ function CommandPalette({ items, onItemClick, loadingState, selectedIndex }) {
           msOverflowStyle: "none"
         }
       },
-      groupedItems.map((group) => /* @__PURE__ */ React392.createElement(React392.Fragment, { key: group.label }, /* @__PURE__ */ React392.createElement(
+      groupedItems.map((group) => /* @__PURE__ */ React393.createElement(React393.Fragment, { key: group.label }, /* @__PURE__ */ React393.createElement(
         Text261,
         {
           size: "xs",
@@ -46538,7 +46615,7 @@ function CommandPalette({ items, onItemClick, loadingState, selectedIndex }) {
           }
         },
         translateGroupLabel(group.label, t)
-      ), group.items.map(({ item, globalIndex }) => /* @__PURE__ */ React392.createElement(
+      ), group.items.map(({ item, globalIndex }) => /* @__PURE__ */ React393.createElement(
         PaletteItem,
         {
           key: `${item.title}-${globalIndex}`,
@@ -46548,7 +46625,7 @@ function CommandPalette({ items, onItemClick, loadingState, selectedIndex }) {
           id: `bn-suggestion-menu-item-${globalIndex}`
         }
       )))),
-      items.length === 0 && (loadingState === "loaded" || loadingState === "loading") && /* @__PURE__ */ React392.createElement(
+      items.length === 0 && (loadingState === "loaded" || loadingState === "loading") && /* @__PURE__ */ React393.createElement(
         Text261,
         {
           size: "sm",
@@ -46585,7 +46662,7 @@ import {
 } from "@tabler/icons-react";
 
 // src/mantine/components/PanelContent.tsx
-import React393 from "react";
+import React394 from "react";
 import { Box as Box80 } from "@mantine/core";
 var panelStyles = {
   backgroundColor: "var(--mantine-color-body)",
@@ -46599,7 +46676,7 @@ function PanelContent({ theme: _theme }) {
   const { activePanel, registeredPanels } = usePanelStore();
   const isOpen = activePanel !== null;
   const content = activePanel ? registeredPanels.get(activePanel) : null;
-  return /* @__PURE__ */ React393.createElement(
+  return /* @__PURE__ */ React394.createElement(
     Box80,
     {
       pos: "sticky",
@@ -46657,7 +46734,7 @@ var BUILTIN_TITLE_KEYS = {
 function SanitizedThemeBoundary({ children }) {
   const parentTheme = useMantineTheme();
   const sanitizedTheme = useMemo171(() => sanitizeThemeForMantine7(parentTheme), [parentTheme]);
-  return /* @__PURE__ */ React394.createElement(MantineThemeContext.Provider, { value: sanitizedTheme }, children);
+  return /* @__PURE__ */ React395.createElement(MantineThemeContext.Provider, { value: sanitizedTheme }, children);
 }
 function IxoEditorContent({
   editor,
@@ -46680,7 +46757,7 @@ function IxoEditorContent({
   const { activePanel } = usePanelStore();
   const isPanelOpen = activePanel !== null;
   const t = useTranslate();
-  const editorContent = /* @__PURE__ */ React394.createElement(
+  const editorContent = /* @__PURE__ */ React395.createElement(
     BlockNoteView,
     {
       editor,
@@ -46695,7 +46772,7 @@ function IxoEditorContent({
       onChange,
       onSelectionChange
     },
-    config.slashMenu && /* @__PURE__ */ React394.createElement(React394.Fragment, null, /* @__PURE__ */ React394.createElement(
+    config.slashMenu && /* @__PURE__ */ React395.createElement(React395.Fragment, null, /* @__PURE__ */ React395.createElement(
       SuggestionMenuController,
       {
         triggerCharacter: "/",
@@ -46721,10 +46798,27 @@ function IxoEditorContent({
           return filterSuggestionItems(allItems, query);
         }
       }
-    ), /* @__PURE__ */ React394.createElement(GridSuggestionMenuController, { triggerCharacter: ":", columns: 10, minQueryLength: 2 })),
+    ), /* @__PURE__ */ React395.createElement(GridSuggestionMenuController, { triggerCharacter: ":", columns: 10, minQueryLength: 2 }), /* @__PURE__ */ React395.createElement(
+      SuggestionMenuController,
+      {
+        triggerCharacter: "@",
+        getItems: async (query) => filterSuggestionItems(
+          (editor.document || []).filter((block) => block.type === "action").map((block) => ({
+            title: String(block.props?.title || block.id),
+            onItemClick: () => {
+              editor.insertInlineContent([
+                { type: "flowStepRef", props: { nodeId: block.id, label: String(block.props?.title || "") } },
+                " "
+              ]);
+            }
+          })),
+          query
+        )
+      }
+    )),
     children
   );
-  return /* @__PURE__ */ React394.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React394.createElement(
+  return /* @__PURE__ */ React395.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React395.createElement(
     "div",
     {
       className: `ixo-editor ixo-editor--theme-${config.theme}${isEditable ? "" : " ixo-editor--readonly"} ${className}`,
@@ -46734,10 +46828,10 @@ function IxoEditorContent({
         ...isEditable ? {} : { caretColor: "transparent" }
       }
     },
-    /* @__PURE__ */ React394.createElement(CoverImage, { coverImageUrl, logoUrl }),
-    /* @__PURE__ */ React394.createElement(PageTitle, { editor, editable: isEditable }),
+    /* @__PURE__ */ React395.createElement(CoverImage, { coverImageUrl, logoUrl }),
+    /* @__PURE__ */ React395.createElement(PageTitle, { editor, editable: isEditable }),
     belowTitleSlot,
-    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React394.createElement(
+    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React395.createElement(
       ExternalDropZone,
       {
         editor,
@@ -46750,7 +46844,7 @@ function IxoEditorContent({
       },
       editorContent
     ) : editorContent
-  ), isPanelVisible && /* @__PURE__ */ React394.createElement(PanelContent, { theme: config.theme }));
+  ), isPanelVisible && /* @__PURE__ */ React395.createElement(PanelContent, { theme: config.theme }));
 }
 function IxoEditor({
   editor,
@@ -46769,6 +46863,7 @@ function IxoEditor({
   getDynamicListData,
   dynamicListPanelRenderer,
   domainCardRenderer,
+  onFlowStepRefClick,
   onExternalDrop,
   externalDropType,
   dropIndicator,
@@ -46793,7 +46888,7 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React394.createElement(SanitizedThemeBoundary, null, /* @__PURE__ */ React394.createElement(
+  const editorContent = /* @__PURE__ */ React395.createElement(SanitizedThemeBoundary, null, /* @__PURE__ */ React395.createElement(
     BlocknoteProvider,
     {
       editor,
@@ -46804,12 +46899,13 @@ function IxoEditor({
       getDynamicListData,
       dynamicListPanelRenderer,
       domainCardRenderer,
+      onFlowStepRefClick,
       mapConfig,
       connectedUsers,
       awarenessInstance,
       translate
     },
-    /* @__PURE__ */ React394.createElement(
+    /* @__PURE__ */ React395.createElement(
       IxoEditorContent,
       {
         isPanelVisible,
@@ -46835,7 +46931,7 @@ function IxoEditor({
 }
 
 // src/mantine/components/DevUcanGrantButton.tsx
-import React395, { useEffect as useEffect179, useMemo as useMemo172, useState as useState212 } from "react";
+import React396, { useEffect as useEffect179, useMemo as useMemo172, useState as useState212 } from "react";
 import { Alert as Alert103, Badge as Badge59, Button as Button97, Checkbox as Checkbox16, Divider as Divider45, Group as Group158, Loader as Loader93, Modal as Modal4, Paper as Paper26, Select as Select12, Stack as Stack287, Text as Text262 } from "@mantine/core";
 import { IconKey as IconKey5, IconShieldPlus as IconShieldPlus5 } from "@tabler/icons-react";
 var FLOW_AGENT_COMMAND_TYPES = [
@@ -47069,7 +47165,7 @@ function DevUcanGrantButton({ editor, handlers: propHandlers }) {
     value: member.did,
     label: member.name ? `${member.name} (${member.did})` : member.did
   }));
-  return /* @__PURE__ */ React395.createElement(React395.Fragment, null, /* @__PURE__ */ React395.createElement(
+  return /* @__PURE__ */ React396.createElement(React396.Fragment, null, /* @__PURE__ */ React396.createElement(
     "button",
     {
       onClick: () => setOpened(true),
@@ -47091,7 +47187,7 @@ function DevUcanGrantButton({ editor, handlers: propHandlers }) {
       title: "Dev: grant Flow Agent and block action UCANs to room members"
     },
     "Grant UCANs"
-  ), /* @__PURE__ */ React395.createElement(Modal4, { opened, onClose: () => setOpened(false), title: "Grant Dev UCANs", size: "xl", centered: true }, /* @__PURE__ */ React395.createElement(Stack287, { gap: "md" }, /* @__PURE__ */ React395.createElement(Alert103, { color: "yellow", variant: "light", icon: /* @__PURE__ */ React395.createElement(IconKey5, { size: 16 }) }, /* @__PURE__ */ React395.createElement(Text262, { size: "sm" }, "Dev tool for granting Flow Agent command UCANs and block action UCANs to members of the current Matrix room.")), /* @__PURE__ */ React395.createElement(
+  ), /* @__PURE__ */ React396.createElement(Modal4, { opened, onClose: () => setOpened(false), title: "Grant Dev UCANs", size: "xl", centered: true }, /* @__PURE__ */ React396.createElement(Stack287, { gap: "md" }, /* @__PURE__ */ React396.createElement(Alert103, { color: "yellow", variant: "light", icon: /* @__PURE__ */ React396.createElement(IconKey5, { size: 16 }) }, /* @__PURE__ */ React396.createElement(Text262, { size: "sm" }, "Dev tool for granting Flow Agent command UCANs and block action UCANs to members of the current Matrix room.")), /* @__PURE__ */ React396.createElement(
     Select12,
     {
       label: "Room member",
@@ -47101,9 +47197,9 @@ function DevUcanGrantButton({ editor, handlers: propHandlers }) {
       onChange: setSelectedMemberDid,
       searchable: true,
       disabled: loadingMembers || signing,
-      rightSection: loadingMembers ? /* @__PURE__ */ React395.createElement(Loader93, { size: 14 }) : null
+      rightSection: loadingMembers ? /* @__PURE__ */ React396.createElement(Loader93, { size: 14 }) : null
     }
-  ), /* @__PURE__ */ React395.createElement(Divider45, null), /* @__PURE__ */ React395.createElement(Stack287, { gap: "xs" }, /* @__PURE__ */ React395.createElement(Group158, { justify: "space-between" }, /* @__PURE__ */ React395.createElement(Text262, { size: "sm", fw: 600 }, "UCAN capabilities"), /* @__PURE__ */ React395.createElement(Group158, { gap: "xs" }, /* @__PURE__ */ React395.createElement(Button97, { size: "compact-xs", variant: "subtle", onClick: () => setSelectedCapabilities(capabilityOptions.map((option) => option.id)) }, "All"), /* @__PURE__ */ React395.createElement(Button97, { size: "compact-xs", variant: "subtle", onClick: () => setSelectedCapabilities([]) }, "None"))), /* @__PURE__ */ React395.createElement(Paper26, { withBorder: true, p: "sm", style: { maxHeight: 360, overflow: "auto" } }, /* @__PURE__ */ React395.createElement(Stack287, { gap: "xs" }, capabilityOptions.map((option) => /* @__PURE__ */ React395.createElement(
+  ), /* @__PURE__ */ React396.createElement(Divider45, null), /* @__PURE__ */ React396.createElement(Stack287, { gap: "xs" }, /* @__PURE__ */ React396.createElement(Group158, { justify: "space-between" }, /* @__PURE__ */ React396.createElement(Text262, { size: "sm", fw: 600 }, "UCAN capabilities"), /* @__PURE__ */ React396.createElement(Group158, { gap: "xs" }, /* @__PURE__ */ React396.createElement(Button97, { size: "compact-xs", variant: "subtle", onClick: () => setSelectedCapabilities(capabilityOptions.map((option) => option.id)) }, "All"), /* @__PURE__ */ React396.createElement(Button97, { size: "compact-xs", variant: "subtle", onClick: () => setSelectedCapabilities([]) }, "None"))), /* @__PURE__ */ React396.createElement(Paper26, { withBorder: true, p: "sm", style: { maxHeight: 360, overflow: "auto" } }, /* @__PURE__ */ React396.createElement(Stack287, { gap: "xs" }, capabilityOptions.map((option) => /* @__PURE__ */ React396.createElement(
     Checkbox16,
     {
       key: option.id,
@@ -47111,14 +47207,14 @@ function DevUcanGrantButton({ editor, handlers: propHandlers }) {
       onChange: (event) => {
         setSelectedCapabilities((current) => event.currentTarget.checked ? [...current, option.id] : current.filter((id) => id !== option.id));
       },
-      label: /* @__PURE__ */ React395.createElement(Group158, { gap: "xs" }, /* @__PURE__ */ React395.createElement(Text262, { size: "sm" }, option.label), /* @__PURE__ */ React395.createElement(Badge59, { size: "xs", variant: "light" }, option.capability.can)),
+      label: /* @__PURE__ */ React396.createElement(Group158, { gap: "xs" }, /* @__PURE__ */ React396.createElement(Text262, { size: "sm" }, option.label), /* @__PURE__ */ React396.createElement(Badge59, { size: "xs", variant: "light" }, option.capability.can)),
       description: `${option.description} on ${option.capability.with}`
     }
-  ))))), message && /* @__PURE__ */ React395.createElement(Alert103, { color: message.color }, message.text), /* @__PURE__ */ React395.createElement(Group158, { justify: "flex-end" }, /* @__PURE__ */ React395.createElement(Button97, { variant: "subtle", onClick: () => setOpened(false), disabled: signing }, "Close"), /* @__PURE__ */ React395.createElement(Button97, { variant: "light", color: "gray", onClick: logAvailableHandlers, disabled: signing }, "Log handlers"), /* @__PURE__ */ React395.createElement(Button97, { leftSection: /* @__PURE__ */ React395.createElement(IconShieldPlus5, { size: 16 }), onClick: handleSign, loading: signing, disabled: !hasSigningHandler }, "Sign UCAN")))));
+  ))))), message && /* @__PURE__ */ React396.createElement(Alert103, { color: message.color }, message.text), /* @__PURE__ */ React396.createElement(Group158, { justify: "flex-end" }, /* @__PURE__ */ React396.createElement(Button97, { variant: "subtle", onClick: () => setOpened(false), disabled: signing }, "Close"), /* @__PURE__ */ React396.createElement(Button97, { variant: "light", color: "gray", onClick: logAvailableHandlers, disabled: signing }, "Log handlers"), /* @__PURE__ */ React396.createElement(Button97, { leftSection: /* @__PURE__ */ React396.createElement(IconShieldPlus5, { size: 16 }), onClick: handleSign, loading: signing, disabled: !hasSigningHandler }, "Sign UCAN")))));
 }
 
 // src/mantine/components/EntitySigningSetup.tsx
-import React396, { useState as useState213 } from "react";
+import React397, { useState as useState213 } from "react";
 import { Modal as Modal5, Stack as Stack288, Text as Text263, TextInput as TextInput14, Button as Button98, Alert as Alert104, Group as Group159 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle51, IconCheck as IconCheck50, IconKey as IconKey6 } from "@tabler/icons-react";
 var EntitySigningSetup = ({ opened, onClose, entityDid, entityName, onSetup }) => {
@@ -47166,15 +47262,15 @@ var EntitySigningSetup = ({ opened, onClose, entityDid, entityName, onSetup }) =
       setSuccess(false);
     }
   };
-  return /* @__PURE__ */ React396.createElement(
+  return /* @__PURE__ */ React397.createElement(
     Modal5,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React396.createElement(Group159, { gap: "xs" }, /* @__PURE__ */ React396.createElement(IconKey6, { size: 20 }), /* @__PURE__ */ React396.createElement(Text263, { fw: 600 }, "Entity Signing Setup")),
+      title: /* @__PURE__ */ React397.createElement(Group159, { gap: "xs" }, /* @__PURE__ */ React397.createElement(IconKey6, { size: 20 }), /* @__PURE__ */ React397.createElement(Text263, { fw: 600 }, "Entity Signing Setup")),
       size: "md"
     },
-    /* @__PURE__ */ React396.createElement(Stack288, { gap: "md" }, success ? /* @__PURE__ */ React396.createElement(Alert104, { color: "green", icon: /* @__PURE__ */ React396.createElement(IconCheck50, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React396.createElement(React396.Fragment, null, /* @__PURE__ */ React396.createElement(Text263, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React396.createElement(Text263, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React396.createElement(Alert104, { color: "blue", variant: "light" }, /* @__PURE__ */ React396.createElement(Text263, { size: "sm" }, "This is a ", /* @__PURE__ */ React396.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React396.createElement(Stack288, { gap: "xs" }, /* @__PURE__ */ React396.createElement(Text263, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React396.createElement(Text263, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React396.createElement(Text263, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React396.createElement(Text263, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React396.createElement(
+    /* @__PURE__ */ React397.createElement(Stack288, { gap: "md" }, success ? /* @__PURE__ */ React397.createElement(Alert104, { color: "green", icon: /* @__PURE__ */ React397.createElement(IconCheck50, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React397.createElement(React397.Fragment, null, /* @__PURE__ */ React397.createElement(Text263, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React397.createElement(Text263, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React397.createElement(Alert104, { color: "blue", variant: "light" }, /* @__PURE__ */ React397.createElement(Text263, { size: "sm" }, "This is a ", /* @__PURE__ */ React397.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React397.createElement(Stack288, { gap: "xs" }, /* @__PURE__ */ React397.createElement(Text263, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React397.createElement(Text263, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React397.createElement(Text263, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React397.createElement(Text263, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React397.createElement(
       TextInput14,
       {
         label: "Enter PIN to encrypt signing key",
@@ -47185,12 +47281,12 @@ var EntitySigningSetup = ({ opened, onClose, entityDid, entityName, onSetup }) =
         onChange: (e) => setPin(e.currentTarget.value),
         disabled: loading
       }
-    ), /* @__PURE__ */ React396.createElement(TextInput14, { label: "Confirm PIN", type: "password", placeholder: "Confirm PIN", value: confirmPin, onChange: (e) => setConfirmPin(e.currentTarget.value), disabled: loading }), error && /* @__PURE__ */ React396.createElement(Alert104, { color: "red", icon: /* @__PURE__ */ React396.createElement(IconAlertCircle51, { size: 16 }) }, error), /* @__PURE__ */ React396.createElement(Group159, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React396.createElement(Button98, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React396.createElement(Button98, { onClick: handleSetup, loading, leftSection: /* @__PURE__ */ React396.createElement(IconKey6, { size: 16 }) }, "Setup Entity Signing"))))
+    ), /* @__PURE__ */ React397.createElement(TextInput14, { label: "Confirm PIN", type: "password", placeholder: "Confirm PIN", value: confirmPin, onChange: (e) => setConfirmPin(e.currentTarget.value), disabled: loading }), error && /* @__PURE__ */ React397.createElement(Alert104, { color: "red", icon: /* @__PURE__ */ React397.createElement(IconAlertCircle51, { size: 16 }) }, error), /* @__PURE__ */ React397.createElement(Group159, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React397.createElement(Button98, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React397.createElement(Button98, { onClick: handleSetup, loading, leftSection: /* @__PURE__ */ React397.createElement(IconKey6, { size: 16 }) }, "Setup Entity Signing"))))
   );
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
-import React397, { useState as useState214, useEffect as useEffect180, useMemo as useMemo173 } from "react";
+import React398, { useState as useState214, useEffect as useEffect180, useMemo as useMemo173 } from "react";
 import { Stack as Stack289, Text as Text264, Paper as Paper27, Group as Group160, Badge as Badge60, Button as Button99, ActionIcon as ActionIcon53, Loader as Loader94, Alert as Alert105, Divider as Divider46 } from "@mantine/core";
 import { IconPlus as IconPlus14, IconTrash as IconTrash16, IconShieldCheck as IconShieldCheck18, IconUser as IconUser14, IconRobot as IconRobot5, IconBuilding as IconBuilding2 } from "@tabler/icons-react";
 var FlowPermissionsPanel = ({ editor, entityDid, entityName, onGrantPermission, onRevokePermission, getUserDisplayName }) => {
@@ -47245,11 +47341,11 @@ var FlowPermissionsPanel = ({ editor, entityDid, entityName, onGrantPermission,
   const getIcon2 = (type) => {
     switch (type) {
       case "oracle":
-        return /* @__PURE__ */ React397.createElement(IconRobot5, { size: 16 });
+        return /* @__PURE__ */ React398.createElement(IconRobot5, { size: 16 });
       case "entity":
-        return /* @__PURE__ */ React397.createElement(IconBuilding2, { size: 16 });
+        return /* @__PURE__ */ React398.createElement(IconBuilding2, { size: 16 });
       default:
-        return /* @__PURE__ */ React397.createElement(IconUser14, { size: 16 });
+        return /* @__PURE__ */ React398.createElement(IconUser14, { size: 16 });
     }
   };
   const isCustomCapability = (caps) => {
@@ -47273,11 +47369,11 @@ var FlowPermissionsPanel = ({ editor, entityDid, entityName, onGrantPermission,
     if (date < /* @__PURE__ */ new Date()) return "Expired";
     return date.toLocaleDateString();
   };
-  return /* @__PURE__ */ React397.createElement(Stack289, { gap: "md" }, /* @__PURE__ */ React397.createElement(Stack289, { gap: "xs" }, /* @__PURE__ */ React397.createElement(Text264, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React397.createElement(Paper27, { p: "sm", withBorder: true }, /* @__PURE__ */ React397.createElement(Group160, { gap: "xs" }, /* @__PURE__ */ React397.createElement(IconShieldCheck18, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React397.createElement(Stack289, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React397.createElement(Text264, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React397.createElement(Text264, { size: "xs", c: "dimmed" }, rootDelegation ? `Granted: ${new Date(rootDelegation.createdAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React397.createElement(Badge60, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React397.createElement(Divider46, { label: "Flow Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React397.createElement(Group160, { justify: "center", py: "xl" }, /* @__PURE__ */ React397.createElement(Loader94, { size: "sm" })) : flowDelegations.length === 0 ? /* @__PURE__ */ React397.createElement(Alert105, { color: "gray", variant: "light" }, /* @__PURE__ */ React397.createElement(Text264, { size: "sm" }, "No flow permissions have been granted yet.")) : /* @__PURE__ */ React397.createElement(Stack289, { gap: "xs" }, flowDelegations.map(({ delegation, displayName, type }) => /* @__PURE__ */ React397.createElement(Paper27, { key: delegation.cid, p: "sm", withBorder: true }, /* @__PURE__ */ React397.createElement(Group160, { justify: "space-between" }, /* @__PURE__ */ React397.createElement(Group160, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React397.createElement(Stack289, { gap: 2 }, /* @__PURE__ */ React397.createElement(Text264, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React397.createElement(Text264, { size: "xs", c: "dimmed" }, formatCapabilities(delegation.capabilities)), /* @__PURE__ */ React397.createElement(Group160, { gap: "xs" }, /* @__PURE__ */ React397.createElement(Text264, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(delegation.expiration)), /* @__PURE__ */ React397.createElement(Text264, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React397.createElement(Text264, { size: "xs", c: "dimmed" }, "Granted by: ", delegation.issuerDid === entityDid ? "Entity" : delegation.issuerDid.slice(-8))))), /* @__PURE__ */ React397.createElement(ActionIcon53, { color: "red", variant: "subtle", onClick: () => handleRevoke(delegation.cid), loading: revoking === delegation.cid, disabled: !!revoking }, /* @__PURE__ */ React397.createElement(IconTrash16, { size: 16 })))))), /* @__PURE__ */ React397.createElement(Divider46, { label: "Custom Capabilities", labelPosition: "center" }), !loading && customDelegations.length === 0 ? /* @__PURE__ */ React397.createElement(Alert105, { color: "gray", variant: "light" }, /* @__PURE__ */ React397.createElement(Text264, { size: "sm" }, "No custom capabilities have been created yet.")) : /* @__PURE__ */ React397.createElement(Stack289, { gap: "xs" }, customDelegations.map(({ delegation, displayName, type }) => /* @__PURE__ */ React397.createElement(Paper27, { key: delegation.cid, p: "sm", withBorder: true, style: { borderColor: "var(--mantine-color-violet-4)" } }, /* @__PURE__ */ React397.createElement(Group160, { justify: "space-between" }, /* @__PURE__ */ React397.createElement(Group160, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React397.createElement(Stack289, { gap: 2 }, /* @__PURE__ */ React397.createElement(Group160, { gap: "xs" }, /* @__PURE__ */ React397.createElement(Text264, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React397.createElement(Badge60, { size: "xs", variant: "light", color: "violet" }, "custom")), /* @__PURE__ */ React397.createElement(Text264, { size: "xs", c: "dimmed" }, formatCapabilities(delegation.capabilities)), /* @__PURE__ */ React397.createElement(Group160, { gap: "xs" }, /* @__PURE__ */ React397.createElement(Text264, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(delegation.expiration)), /* @__PURE__ */ React397.createElement(Text264, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React397.createElement(Text264, { size: "xs", c: "dimmed" }, "Issued by: ", delegation.issuerDid.slice(-12))))), /* @__PURE__ */ React397.createElement(ActionIcon53, { color: "red", variant: "subtle", onClick: () => handleRevoke(delegation.cid), loading: revoking === delegation.cid, disabled: !!revoking }, /* @__PURE__ */ React397.createElement(IconTrash16, { size: 16 })))))), /* @__PURE__ */ React397.createElement(Button99, { leftSection: /* @__PURE__ */ React397.createElement(IconPlus14, { size: 16 }), variant: "light", onClick: onGrantPermission }, "Grant Permission"));
+  return /* @__PURE__ */ React398.createElement(Stack289, { gap: "md" }, /* @__PURE__ */ React398.createElement(Stack289, { gap: "xs" }, /* @__PURE__ */ React398.createElement(Text264, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React398.createElement(Paper27, { p: "sm", withBorder: true }, /* @__PURE__ */ React398.createElement(Group160, { gap: "xs" }, /* @__PURE__ */ React398.createElement(IconShieldCheck18, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React398.createElement(Stack289, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React398.createElement(Text264, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React398.createElement(Text264, { size: "xs", c: "dimmed" }, rootDelegation ? `Granted: ${new Date(rootDelegation.createdAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React398.createElement(Badge60, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React398.createElement(Divider46, { label: "Flow Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React398.createElement(Group160, { justify: "center", py: "xl" }, /* @__PURE__ */ React398.createElement(Loader94, { size: "sm" })) : flowDelegations.length === 0 ? /* @__PURE__ */ React398.createElement(Alert105, { color: "gray", variant: "light" }, /* @__PURE__ */ React398.createElement(Text264, { size: "sm" }, "No flow permissions have been granted yet.")) : /* @__PURE__ */ React398.createElement(Stack289, { gap: "xs" }, flowDelegations.map(({ delegation, displayName, type }) => /* @__PURE__ */ React398.createElement(Paper27, { key: delegation.cid, p: "sm", withBorder: true }, /* @__PURE__ */ React398.createElement(Group160, { justify: "space-between" }, /* @__PURE__ */ React398.createElement(Group160, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React398.createElement(Stack289, { gap: 2 }, /* @__PURE__ */ React398.createElement(Text264, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React398.createElement(Text264, { size: "xs", c: "dimmed" }, formatCapabilities(delegation.capabilities)), /* @__PURE__ */ React398.createElement(Group160, { gap: "xs" }, /* @__PURE__ */ React398.createElement(Text264, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(delegation.expiration)), /* @__PURE__ */ React398.createElement(Text264, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React398.createElement(Text264, { size: "xs", c: "dimmed" }, "Granted by: ", delegation.issuerDid === entityDid ? "Entity" : delegation.issuerDid.slice(-8))))), /* @__PURE__ */ React398.createElement(ActionIcon53, { color: "red", variant: "subtle", onClick: () => handleRevoke(delegation.cid), loading: revoking === delegation.cid, disabled: !!revoking }, /* @__PURE__ */ React398.createElement(IconTrash16, { size: 16 })))))), /* @__PURE__ */ React398.createElement(Divider46, { label: "Custom Capabilities", labelPosition: "center" }), !loading && customDelegations.length === 0 ? /* @__PURE__ */ React398.createElement(Alert105, { color: "gray", variant: "light" }, /* @__PURE__ */ React398.createElement(Text264, { size: "sm" }, "No custom capabilities have been created yet.")) : /* @__PURE__ */ React398.createElement(Stack289, { gap: "xs" }, customDelegations.map(({ delegation, displayName, type }) => /* @__PURE__ */ React398.createElement(Paper27, { key: delegation.cid, p: "sm", withBorder: true, style: { borderColor: "var(--mantine-color-violet-4)" } }, /* @__PURE__ */ React398.createElement(Group160, { justify: "space-between" }, /* @__PURE__ */ React398.createElement(Group160, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React398.createElement(Stack289, { gap: 2 }, /* @__PURE__ */ React398.createElement(Group160, { gap: "xs" }, /* @__PURE__ */ React398.createElement(Text264, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React398.createElement(Badge60, { size: "xs", variant: "light", color: "violet" }, "custom")), /* @__PURE__ */ React398.createElement(Text264, { size: "xs", c: "dimmed" }, formatCapabilities(delegation.capabilities)), /* @__PURE__ */ React398.createElement(Group160, { gap: "xs" }, /* @__PURE__ */ React398.createElement(Text264, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(delegation.expiration)), /* @__PURE__ */ React398.createElement(Text264, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React398.createElement(Text264, { size: "xs", c: "dimmed" }, "Issued by: ", delegation.issuerDid.slice(-12))))), /* @__PURE__ */ React398.createElement(ActionIcon53, { color: "red", variant: "subtle", onClick: () => handleRevoke(delegation.cid), loading: revoking === delegation.cid, disabled: !!revoking }, /* @__PURE__ */ React398.createElement(IconTrash16, { size: 16 })))))), /* @__PURE__ */ React398.createElement(Button99, { leftSection: /* @__PURE__ */ React398.createElement(IconPlus14, { size: 16 }), variant: "light", onClick: onGrantPermission }, "Grant Permission"));
 };
 
 // src/mantine/components/GrantPermissionModal.tsx
-import React398, { useState as useState215, useCallback as useCallback195 } from "react";
+import React399, { useState as useState215, useCallback as useCallback195 } from "react";
 import { Modal as Modal6, Stack as Stack290, Text as Text265, TextInput as TextInput15, Button as Button100, Group as Group161, Radio as Radio6, Checkbox as Checkbox17, Alert as Alert106, Paper as Paper28, Loader as Loader95, Badge as Badge61, ActionIcon as ActionIcon54, Divider as Divider47, NumberInput as NumberInput10 } from "@mantine/core";
 import { IconSearch as IconSearch13, IconUser as IconUser15, IconRobot as IconRobot6, IconX as IconX21, IconShieldPlus as IconShieldPlus6 } from "@tabler/icons-react";
 var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, searchUsers, getOracles, onGrant }) => {
@@ -47385,15 +47481,15 @@ var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, s
       resetForm();
     }
   };
-  return /* @__PURE__ */ React398.createElement(
+  return /* @__PURE__ */ React399.createElement(
     Modal6,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React398.createElement(Group161, { gap: "xs" }, /* @__PURE__ */ React398.createElement(IconShieldPlus6, { size: 20 }), /* @__PURE__ */ React398.createElement(Text265, { fw: 600 }, "Grant Permission")),
+      title: /* @__PURE__ */ React399.createElement(Group161, { gap: "xs" }, /* @__PURE__ */ React399.createElement(IconShieldPlus6, { size: 20 }), /* @__PURE__ */ React399.createElement(Text265, { fw: 600 }, "Grant Permission")),
       size: "lg"
     },
-    /* @__PURE__ */ React398.createElement(Stack290, { gap: "md" }, /* @__PURE__ */ React398.createElement(Stack290, { gap: "xs" }, /* @__PURE__ */ React398.createElement(Text265, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React398.createElement(
+    /* @__PURE__ */ React399.createElement(Stack290, { gap: "md" }, /* @__PURE__ */ React399.createElement(Stack290, { gap: "xs" }, /* @__PURE__ */ React399.createElement(Text265, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React399.createElement(
       Radio6.Group,
       {
         value: recipientType,
@@ -47403,23 +47499,23 @@ var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, s
           setSearchResults([]);
         }
       },
-      /* @__PURE__ */ React398.createElement(Group161, null, /* @__PURE__ */ React398.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React398.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React398.createElement(Radio6, { value: "manual", label: "Enter DID" }))
-    )), recipientType !== "manual" ? /* @__PURE__ */ React398.createElement(Stack290, { gap: "xs" }, /* @__PURE__ */ React398.createElement(
+      /* @__PURE__ */ React399.createElement(Group161, null, /* @__PURE__ */ React399.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React399.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React399.createElement(Radio6, { value: "manual", label: "Enter DID" }))
+    )), recipientType !== "manual" ? /* @__PURE__ */ React399.createElement(Stack290, { gap: "xs" }, /* @__PURE__ */ React399.createElement(
       TextInput15,
       {
         placeholder: recipientType === "oracle" ? "Search oracles..." : "Search users...",
-        leftSection: /* @__PURE__ */ React398.createElement(IconSearch13, { size: 16 }),
-        rightSection: searching ? /* @__PURE__ */ React398.createElement(Loader95, { size: 14 }) : null,
+        leftSection: /* @__PURE__ */ React399.createElement(IconSearch13, { size: 16 }),
+        rightSection: searching ? /* @__PURE__ */ React399.createElement(Loader95, { size: 14 }) : null,
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
         onKeyDown: (e) => e.key === "Enter" && handleSearch()
       }
-    ), selectedRecipient ? /* @__PURE__ */ React398.createElement(Paper28, { p: "sm", withBorder: true }, /* @__PURE__ */ React398.createElement(Group161, { justify: "space-between" }, /* @__PURE__ */ React398.createElement(Group161, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React398.createElement(IconRobot6, { size: 16 }) : /* @__PURE__ */ React398.createElement(IconUser15, { size: 16 }), /* @__PURE__ */ React398.createElement(Text265, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React398.createElement(Badge61, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React398.createElement(ActionIcon54, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React398.createElement(IconX21, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React398.createElement(Paper28, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React398.createElement(Stack290, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React398.createElement(Button100, { key: result.did, variant: "subtle", size: "sm", justify: "flex-start", onClick: () => setSelectedRecipient(result) }, result.displayName)))) : null) : /* @__PURE__ */ React398.createElement(TextInput15, { label: "Recipient DID", placeholder: "did:ixo:...", value: manualDid, onChange: (e) => setManualDid(e.currentTarget.value) }), /* @__PURE__ */ React398.createElement(Divider47, null), /* @__PURE__ */ React398.createElement(Stack290, { gap: "xs" }, /* @__PURE__ */ React398.createElement(Text265, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
+    ), selectedRecipient ? /* @__PURE__ */ React399.createElement(Paper28, { p: "sm", withBorder: true }, /* @__PURE__ */ React399.createElement(Group161, { justify: "space-between" }, /* @__PURE__ */ React399.createElement(Group161, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React399.createElement(IconRobot6, { size: 16 }) : /* @__PURE__ */ React399.createElement(IconUser15, { size: 16 }), /* @__PURE__ */ React399.createElement(Text265, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React399.createElement(Badge61, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React399.createElement(ActionIcon54, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React399.createElement(IconX21, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React399.createElement(Paper28, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React399.createElement(Stack290, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React399.createElement(Button100, { key: result.did, variant: "subtle", size: "sm", justify: "flex-start", onClick: () => setSelectedRecipient(result) }, result.displayName)))) : null) : /* @__PURE__ */ React399.createElement(TextInput15, { label: "Recipient DID", placeholder: "did:ixo:...", value: manualDid, onChange: (e) => setManualDid(e.currentTarget.value) }), /* @__PURE__ */ React399.createElement(Divider47, null), /* @__PURE__ */ React399.createElement(Stack290, { gap: "xs" }, /* @__PURE__ */ React399.createElement(Text265, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
       // Single block mode: show fixed block info
-      /* @__PURE__ */ React398.createElement(Paper28, { p: "sm", withBorder: true }, /* @__PURE__ */ React398.createElement(Group161, { gap: "xs" }, /* @__PURE__ */ React398.createElement(Badge61, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React398.createElement(Text265, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React398.createElement(Text265, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
+      /* @__PURE__ */ React399.createElement(Paper28, { p: "sm", withBorder: true }, /* @__PURE__ */ React399.createElement(Group161, { gap: "xs" }, /* @__PURE__ */ React399.createElement(Badge61, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React399.createElement(Text265, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React399.createElement(Text265, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
     ) : (
       // Multi-block mode: show scope selection
-      /* @__PURE__ */ React398.createElement(React398.Fragment, null, /* @__PURE__ */ React398.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React398.createElement(Stack290, { gap: "xs" }, /* @__PURE__ */ React398.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React398.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React398.createElement(Paper28, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React398.createElement(Stack290, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React398.createElement(
+      /* @__PURE__ */ React399.createElement(React399.Fragment, null, /* @__PURE__ */ React399.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React399.createElement(Stack290, { gap: "xs" }, /* @__PURE__ */ React399.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React399.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React399.createElement(Paper28, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React399.createElement(Stack290, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React399.createElement(
         Checkbox17,
         {
           key: block.id,
@@ -47434,7 +47530,7 @@ var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, s
           }
         }
       )))))
-    )), /* @__PURE__ */ React398.createElement(Divider47, null), /* @__PURE__ */ React398.createElement(Stack290, { gap: "xs" }, /* @__PURE__ */ React398.createElement(Checkbox17, { label: "Set expiration", checked: expirationEnabled, onChange: (e) => setExpirationEnabled(e.currentTarget.checked) }), expirationEnabled && /* @__PURE__ */ React398.createElement(NumberInput10, { label: "Expires in (days)", placeholder: "30", value: expirationDays, onChange: setExpirationDays, min: 1, max: 365 })), /* @__PURE__ */ React398.createElement(
+    )), /* @__PURE__ */ React399.createElement(Divider47, null), /* @__PURE__ */ React399.createElement(Stack290, { gap: "xs" }, /* @__PURE__ */ React399.createElement(Checkbox17, { label: "Set expiration", checked: expirationEnabled, onChange: (e) => setExpirationEnabled(e.currentTarget.checked) }), expirationEnabled && /* @__PURE__ */ React399.createElement(NumberInput10, { label: "Expires in (days)", placeholder: "30", value: expirationDays, onChange: setExpirationDays, min: 1, max: 365 })), /* @__PURE__ */ React399.createElement(
       Checkbox17,
       {
         label: "Recipient can grant permissions to others",
@@ -47442,7 +47538,7 @@ var GrantPermissionModal = ({ opened, onClose, flowUri, blocks, targetBlockId, s
         checked: canDelegate,
         onChange: (e) => setCanDelegate(e.currentTarget.checked)
       }
-    ), /* @__PURE__ */ React398.createElement(Divider47, null), /* @__PURE__ */ React398.createElement(TextInput15, { label: "Enter your PIN to sign this delegation", type: "password", placeholder: "PIN", value: pin, onChange: (e) => setPin(e.currentTarget.value) }), error && /* @__PURE__ */ React398.createElement(Alert106, { color: "red" }, error), /* @__PURE__ */ React398.createElement(Group161, { justify: "flex-end" }, /* @__PURE__ */ React398.createElement(Button100, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React398.createElement(Button100, { onClick: handleGrant, loading }, "Grant Permission")))
+    ), /* @__PURE__ */ React399.createElement(Divider47, null), /* @__PURE__ */ React399.createElement(TextInput15, { label: "Enter your PIN to sign this delegation", type: "password", placeholder: "PIN", value: pin, onChange: (e) => setPin(e.currentTarget.value) }), error && /* @__PURE__ */ React399.createElement(Alert106, { color: "red" }, error), /* @__PURE__ */ React399.createElement(Group161, { justify: "flex-end" }, /* @__PURE__ */ React399.createElement(Button100, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React399.createElement(Button100, { onClick: handleGrant, loading }, "Grant Permission")))
   );
 };
 
@@ -47509,6 +47605,7 @@ export {
   usePanel,
   useListBlocksUIStore,
   useListBlocksUI,
+  FlowPanelEmbeddedContext,
   registerHookedActionType,
   getHookedActionType,
   getAllHookedActionTypes,
@@ -47527,21 +47624,51 @@ export {
   AuthzExecActionTypes,
   ValidatorActionType,
   AuthorizationTab,
+  TemplateConfig,
   useNodeRuntime,
+  CheckboxFlowView,
   CheckboxBlockSpec,
+  TemplateConfig3 as TemplateConfig2,
   useOpenSurveyStore,
   snapshotOpenSurvey,
   fillOpenSurvey,
   useRegisterOpenSurvey,
+  EvaluatorFlowView,
   ListBlockSpec,
   OverviewBlock,
+  TemplateConfig4 as TemplateConfig3,
+  FlowConfig2 as FlowConfig,
   ProposalBlockSpec,
   EvaluationTab,
+  TemplateConfig5 as TemplateConfig4,
+  ApiRequestFlowView,
   ApiRequestBlockSpec,
+  TemplateConfig6 as TemplateConfig5,
+  NotifyFlowView,
+  TemplateConfig7 as TemplateConfig6,
+  ClaimFlowView,
   DynamicListBlockSpec,
+  TemplateConfig8 as TemplateConfig7,
+  DomainCreatorSurveyPanel,
+  TemplateConfig9 as TemplateConfig8,
+  EmailFlowView,
+  TemplateConfig11 as TemplateConfig9,
+  FormPanel,
+  TemplateConfig12 as TemplateConfig10,
+  SignPanel,
   HookedActionsTab,
+  TemplateConfig14 as TemplateConfig11,
+  GovernanceGroupPanel,
+  TemplateConfig16 as TemplateConfig12,
+  ActionFlowPanel,
+  SecretsTemplateView,
+  SecretsFlowView,
+  SkillsTemplateView,
+  SkillsFlowView,
   blockSpecs,
   getExtraSlashMenuItems,
+  FlowStepRefSpec,
+  inlineContentSpecs,
   useCreateIxoEditor,
   getDMNotificationState,
   setDMNotificationRecord,
@@ -47560,4 +47687,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-CDBCSQQA.mjs.map
+//# sourceMappingURL=chunk-MNPEDF2U.mjs.map