@ixo/editor 5.7.0 → 5.9.0

package/dist/{chunk-4QAMDIPO.mjs → chunk-MOPZZGGR.mjs}

@@ -38,12 +38,26 @@ import {
 
 // src/mantine/hooks/useCreateIxoEditor.ts
 import { useCreateBlockNote } from "@blocknote/react";
-import { BlockNoteSchema, defaultBlockSpecs, defaultInlineContentSpecs, defaultStyleSpecs } from "@blocknote/core";
+import { BlockNoteSchema, defaultBlockSpecs, defaultInlineContentSpecs } from "@blocknote/core";
 
 // src/mantine/utils/markdownPasteHandler.ts
 var isMarkdownList = (text) => /^[ \t]*(?:[-*+]|\d+\.)[ \t]+\S/m.test(text);
 var tightenMarkdownList = (text) => text.replace(/\n[ \t]*\n(?=[ \t]*(?:[-*+]|\d+\.)[ \t])/g, "\n");
 var tightenHtmlList = (html) => html.replace(/<li([^>]*)>\s*<p[^>]*>([\s\S]*?)<\/p>\s*<\/li>/gi, "<li$1>$2</li>");
+function insertPlainTextFallback(editor, plain) {
+  if (!plain) return void 0;
+  const view = editor?.prosemirrorView;
+  if (!view) return void 0;
+  const { from, to } = view.state.selection;
+  if (typeof editor?.transact === "function") {
+    editor.transact((tr) => {
+      tr.insertText(plain, from, to);
+    });
+  } else {
+    view.dispatch(view.state.tr.insertText(plain, from, to));
+  }
+  return true;
+}
 var ixoPasteHandler = ({
   event,
   editor,
@@ -60,18 +74,41 @@ var ixoPasteHandler = ({
     return true;
   }
   try {
-    return defaultPasteHandler();
+    return defaultPasteHandler({
+      prioritizeMarkdownOverHTML: true,
+      plainTextAsMarkdown: true
+    });
   } catch {
-    if (plain) {
-      const view = editor.prosemirrorView;
-      if (view) {
-        const { from, to } = view.state.selection;
-        view.dispatch(view.state.tr.insertText(plain, from, to));
-        return true;
-      }
-    }
-    return void 0;
+    return insertPlainTextFallback(editor, plain);
+  }
+};
+
+// src/mantine/utils/blocknoteStyleSpecs.ts
+import { createStyleSpecFromTipTapMark, defaultStyleSpecs } from "@blocknote/core";
+import { InputRule, markInputRule } from "@tiptap/core";
+import Code from "@tiptap/extension-code";
+var CodeWithTrailingSpaceInputRule = Code.extend({
+  addInputRules() {
+    return [
+      markInputRule({
+        find: /(^|[^`])`([^`]+)`(?!`)$/,
+        type: this.type
+      }),
+      new InputRule({
+        find: /(^|[^`])`([^`]+)`(?!`) $/,
+        handler: ({ state, range, match }) => {
+          const { tr, schema } = state;
+          const leadingChar = match[1];
+          const content = match[2];
+          tr.replaceWith(range.from + leadingChar.length, range.to, [schema.text(content, [this.type.create()]), schema.text(" ")]);
+        }
+      })
+    ];
   }
+});
+var ixoStyleSpecs = {
+  ...defaultStyleSpecs,
+  code: createStyleSpecFromTipTapMark(CodeWithTrailingSpaceInputRule, "boolean")
 };
 
 // src/mantine/blocks/checkbox/CheckboxBlockSpec.tsx
@@ -1765,7 +1802,8 @@ function BaseContainer({ children, onClick, style, blockId }) {
         ...hasPresence ? { borderLeftColor: presenceBorderColor, borderLeftWidth: 3 } : {}
       },
       onClick,
-      onPointerDown: blockId ? onPointerDown : void 0
+      onMouseDown: onClick ? void 0 : (e) => e.preventDefault(),
+      onPointerDown: blockId && onClick ? onPointerDown : void 0
     },
     /* @__PURE__ */ React9.createElement(PresenceBadges, { users: presenceUsers }),
     children
@@ -15674,7 +15712,7 @@ var GeneralTab5 = ({
 
 // src/mantine/blocks/apiRequest/template/ResponseSchemaTab.tsx
 import React149 from "react";
-import { Stack as Stack112, Text as Text88, Button as Button30, Group as Group51, ActionIcon as ActionIcon21, Paper as Paper10, Alert as Alert22, Code } from "@mantine/core";
+import { Stack as Stack112, Text as Text88, Button as Button30, Group as Group51, ActionIcon as ActionIcon21, Paper as Paper10, Alert as Alert22, Code as Code2 } from "@mantine/core";
 import { IconTrash as IconTrash3, IconPlus as IconPlus4, IconInfoCircle as IconInfoCircle2 } from "@tabler/icons-react";
 var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
   const fields = schema?.fields || [];
@@ -15699,7 +15737,7 @@ var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
     newFields[index] = { ...newFields[index], [key]: value };
     onSchemaChange({ fields: newFields });
   };
-  return /* @__PURE__ */ React149.createElement(Stack112, { gap: "lg" }, /* @__PURE__ */ React149.createElement(Alert22, { icon: /* @__PURE__ */ React149.createElement(IconInfoCircle2, { size: 16 }), title: "Response Schema", color: "blue" }, /* @__PURE__ */ React149.createElement(Text88, { size: "xs" }, "Define the expected structure of your API response. This allows other blocks to reference specific fields from the response data using the DataInput component.")), /* @__PURE__ */ React149.createElement(Stack112, { gap: "xs" }, /* @__PURE__ */ React149.createElement(Text88, { size: "sm", fw: 600 }, "How it works"), /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "1. Define response fields using dot notation (e.g., ", /* @__PURE__ */ React149.createElement(Code, null, "customer.email"), ")"), /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "2. Fields become available in DataInput selectors across other blocks"), /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "3. Reference them like: ", /* @__PURE__ */ React149.createElement(Code, null, `{{${blockId}.response.customer.email}}`))), /* @__PURE__ */ React149.createElement(Stack112, { gap: "xs" }, /* @__PURE__ */ React149.createElement(Group51, { justify: "space-between" }, /* @__PURE__ */ React149.createElement(Text88, { size: "sm", fw: 600 }, "Response Fields"), /* @__PURE__ */ React149.createElement(Button30, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React149.createElement(IconPlus4, { size: 14 }), onClick: handleAddField }, "Add Field")), fields.length === 0 ? /* @__PURE__ */ React149.createElement(Code, { p: "md" }, 'No response fields defined yet. Click "Add Field" to start defining your response structure.') : /* @__PURE__ */ React149.createElement(Stack112, { gap: "md" }, fields.map((field, index) => /* @__PURE__ */ React149.createElement(Paper10, { key: index, p: "md", withBorder: true }, /* @__PURE__ */ React149.createElement(Stack112, { gap: "sm" }, /* @__PURE__ */ React149.createElement(Group51, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React149.createElement(Text88, { size: "sm", fw: 500 }, "Field ", index + 1), /* @__PURE__ */ React149.createElement(ActionIcon21, { color: "red", variant: "subtle", onClick: () => handleRemoveField(index) }, /* @__PURE__ */ React149.createElement(IconTrash3, { size: 16 }))), /* @__PURE__ */ React149.createElement(
+  return /* @__PURE__ */ React149.createElement(Stack112, { gap: "lg" }, /* @__PURE__ */ React149.createElement(Alert22, { icon: /* @__PURE__ */ React149.createElement(IconInfoCircle2, { size: 16 }), title: "Response Schema", color: "blue" }, /* @__PURE__ */ React149.createElement(Text88, { size: "xs" }, "Define the expected structure of your API response. This allows other blocks to reference specific fields from the response data using the DataInput component.")), /* @__PURE__ */ React149.createElement(Stack112, { gap: "xs" }, /* @__PURE__ */ React149.createElement(Text88, { size: "sm", fw: 600 }, "How it works"), /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "1. Define response fields using dot notation (e.g., ", /* @__PURE__ */ React149.createElement(Code2, null, "customer.email"), ")"), /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "2. Fields become available in DataInput selectors across other blocks"), /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "3. Reference them like: ", /* @__PURE__ */ React149.createElement(Code2, null, `{{${blockId}.response.customer.email}}`))), /* @__PURE__ */ React149.createElement(Stack112, { gap: "xs" }, /* @__PURE__ */ React149.createElement(Group51, { justify: "space-between" }, /* @__PURE__ */ React149.createElement(Text88, { size: "sm", fw: 600 }, "Response Fields"), /* @__PURE__ */ React149.createElement(Button30, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React149.createElement(IconPlus4, { size: 14 }), onClick: handleAddField }, "Add Field")), fields.length === 0 ? /* @__PURE__ */ React149.createElement(Code2, { p: "md" }, 'No response fields defined yet. Click "Add Field" to start defining your response structure.') : /* @__PURE__ */ React149.createElement(Stack112, { gap: "md" }, fields.map((field, index) => /* @__PURE__ */ React149.createElement(Paper10, { key: index, p: "md", withBorder: true }, /* @__PURE__ */ React149.createElement(Stack112, { gap: "sm" }, /* @__PURE__ */ React149.createElement(Group51, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React149.createElement(Text88, { size: "sm", fw: 500 }, "Field ", index + 1), /* @__PURE__ */ React149.createElement(ActionIcon21, { color: "red", variant: "subtle", onClick: () => handleRemoveField(index) }, /* @__PURE__ */ React149.createElement(IconTrash3, { size: 16 }))), /* @__PURE__ */ React149.createElement(
     BaseTextInput,
     {
       label: "Field Path",
@@ -15747,7 +15785,7 @@ var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
       minRows: 2,
       size: "sm"
     }
-  ), field.path && field.displayName && /* @__PURE__ */ React149.createElement(Stack112, { gap: 4 }, /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "Reference format:"), /* @__PURE__ */ React149.createElement(Code, { block: true, style: { fontSize: "11px" } }, `{{${blockId}.response.${field.path}}}`))))))), fields.length === 0 && /* @__PURE__ */ React149.createElement(Stack112, { gap: "xs" }, /* @__PURE__ */ React149.createElement(Text88, { size: "sm", fw: 600 }, "Example Schema"), /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "For a typical API response like:"), /* @__PURE__ */ React149.createElement(Code, { block: true, style: { fontSize: "11px" } }, `{
+  ), field.path && field.displayName && /* @__PURE__ */ React149.createElement(Stack112, { gap: 4 }, /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "Reference format:"), /* @__PURE__ */ React149.createElement(Code2, { block: true, style: { fontSize: "11px" } }, `{{${blockId}.response.${field.path}}}`))))))), fields.length === 0 && /* @__PURE__ */ React149.createElement(Stack112, { gap: "xs" }, /* @__PURE__ */ React149.createElement(Text88, { size: "sm", fw: 600 }, "Example Schema"), /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "For a typical API response like:"), /* @__PURE__ */ React149.createElement(Code2, { block: true, style: { fontSize: "11px" } }, `{
   "customer": {
     "email": "user@example.com",
     "name": "John Doe"
@@ -15756,7 +15794,7 @@ var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
     "id": "l1v6r07b",
     "name": "Product-1"
   }
-}`), /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "You would define fields like:"), /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React149.createElement(Code, null, "customer.email"), ', Display Name: "Customer Email", Type: string'), /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React149.createElement(Code, null, "customer.name"), ', Display Name: "Customer Name", Type: string'), /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React149.createElement(Code, null, "product.id"), ', Display Name: "Product ID", Type: string'), /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React149.createElement(Code, null, "product.name"), ', Display Name: "Product Name", Type: string')));
+}`), /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "You would define fields like:"), /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React149.createElement(Code2, null, "customer.email"), ', Display Name: "Customer Email", Type: string'), /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React149.createElement(Code2, null, "customer.name"), ', Display Name: "Customer Name", Type: string'), /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React149.createElement(Code2, null, "product.id"), ', Display Name: "Product ID", Type: string'), /* @__PURE__ */ React149.createElement(Text88, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React149.createElement(Code2, null, "product.name"), ', Display Name: "Product Name", Type: string')));
 };
 
 // src/mantine/components/EvaluationTab.tsx
@@ -15983,7 +16021,7 @@ var ApiRequestTemplateView = ({ editor, block }) => {
 
 // src/mantine/blocks/apiRequest/flow/FlowView.tsx
 import React153, { useMemo as useMemo51, useState as useState62 } from "react";
-import { Group as Group53, Stack as Stack115, Text as Text91, Button as Button31, Badge as Badge19, Code as Code2, Loader as Loader22, Alert as Alert23, Divider as Divider11 } from "@mantine/core";
+import { Group as Group53, Stack as Stack115, Text as Text91, Button as Button31, Badge as Badge19, Code as Code3, Loader as Loader22, Alert as Alert23, Divider as Divider11 } from "@mantine/core";
 import { IconSend as IconSend2, IconAlertTriangle as IconAlertTriangle2, IconUser as IconUser9, IconApi } from "@tabler/icons-react";
 var getMethodColor2 = (method) => {
   switch (method) {
@@ -16167,7 +16205,7 @@ function ApiRequestPanelContent({ editor, block, isDisabled, disabledMessage })
       disabled: isDisabled || isLoading || !endpoint
     },
     isLoading ? "Sending..." : "Execute"
-  ), isDisabled && disabledMessage && /* @__PURE__ */ React153.createElement(Text91, { size: "xs", c: "dimmed" }, disabledMessage), validationWarnings.length > 0 && /* @__PURE__ */ React153.createElement(Alert23, { icon: /* @__PURE__ */ React153.createElement(IconAlertTriangle2, { size: 16 }), title: "Schema Validation Warnings", color: "yellow" }, /* @__PURE__ */ React153.createElement(Stack115, { gap: "xs" }, /* @__PURE__ */ React153.createElement(Text91, { size: "xs" }, "The API response does not match the defined schema:"), validationWarnings.map((warning, index) => /* @__PURE__ */ React153.createElement(Text91, { key: index, size: "xs", c: "dimmed" }, "\u2022", " ", warning)))), runtime.error && /* @__PURE__ */ React153.createElement(Alert23, { icon: /* @__PURE__ */ React153.createElement(IconAlertTriangle2, { size: 16 }), title: "Request Error", color: "red" }, /* @__PURE__ */ React153.createElement(Text91, { size: "xs" }, runtime.error.message)), headers.length > 0 && /* @__PURE__ */ React153.createElement(React153.Fragment, null, /* @__PURE__ */ React153.createElement(Divider11, null), /* @__PURE__ */ React153.createElement(Stack115, { gap: "xs" }, /* @__PURE__ */ React153.createElement(Text91, { size: "xs", fw: 600, c: "dimmed" }, "Headers"), /* @__PURE__ */ React153.createElement(Code2, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
+  ), isDisabled && disabledMessage && /* @__PURE__ */ React153.createElement(Text91, { size: "xs", c: "dimmed" }, disabledMessage), validationWarnings.length > 0 && /* @__PURE__ */ React153.createElement(Alert23, { icon: /* @__PURE__ */ React153.createElement(IconAlertTriangle2, { size: 16 }), title: "Schema Validation Warnings", color: "yellow" }, /* @__PURE__ */ React153.createElement(Stack115, { gap: "xs" }, /* @__PURE__ */ React153.createElement(Text91, { size: "xs" }, "The API response does not match the defined schema:"), validationWarnings.map((warning, index) => /* @__PURE__ */ React153.createElement(Text91, { key: index, size: "xs", c: "dimmed" }, "\u2022", " ", warning)))), runtime.error && /* @__PURE__ */ React153.createElement(Alert23, { icon: /* @__PURE__ */ React153.createElement(IconAlertTriangle2, { size: 16 }), title: "Request Error", color: "red" }, /* @__PURE__ */ React153.createElement(Text91, { size: "xs" }, runtime.error.message)), headers.length > 0 && /* @__PURE__ */ React153.createElement(React153.Fragment, null, /* @__PURE__ */ React153.createElement(Divider11, null), /* @__PURE__ */ React153.createElement(Stack115, { gap: "xs" }, /* @__PURE__ */ React153.createElement(Text91, { size: "xs", fw: 600, c: "dimmed" }, "Headers"), /* @__PURE__ */ React153.createElement(Code3, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
     headers.reduce(
       (acc, h) => {
         if (h.key && h.value) acc[h.key] = h.value;
@@ -16177,7 +16215,7 @@ function ApiRequestPanelContent({ editor, block, isDisabled, disabledMessage })
     ),
     null,
     2
-  )))), method !== "GET" && body.length > 0 && /* @__PURE__ */ React153.createElement(React153.Fragment, null, /* @__PURE__ */ React153.createElement(Divider11, null), /* @__PURE__ */ React153.createElement(Stack115, { gap: "xs" }, /* @__PURE__ */ React153.createElement(Text91, { size: "xs", fw: 600, c: "dimmed" }, "Body"), /* @__PURE__ */ React153.createElement(Code2, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
+  )))), method !== "GET" && body.length > 0 && /* @__PURE__ */ React153.createElement(React153.Fragment, null, /* @__PURE__ */ React153.createElement(Divider11, null), /* @__PURE__ */ React153.createElement(Stack115, { gap: "xs" }, /* @__PURE__ */ React153.createElement(Text91, { size: "xs", fw: 600, c: "dimmed" }, "Body"), /* @__PURE__ */ React153.createElement(Code3, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
     body.reduce(
       (acc, b) => {
         if (b.key && b.value) acc[b.key] = b.value;
@@ -16187,7 +16225,7 @@ function ApiRequestPanelContent({ editor, block, isDisabled, disabledMessage })
     ),
     null,
     2
-  )))), response && /* @__PURE__ */ React153.createElement(React153.Fragment, null, /* @__PURE__ */ React153.createElement(Divider11, null), /* @__PURE__ */ React153.createElement(Stack115, { gap: "xs" }, /* @__PURE__ */ React153.createElement(Text91, { size: "xs", fw: 600, c: "dimmed" }, "Response"), status === "error" ? /* @__PURE__ */ React153.createElement(Alert23, { color: "red", title: "Error", styles: { message: { fontSize: "11px" } } }, /* @__PURE__ */ React153.createElement(Code2, { block: true, style: { fontSize: "11px" } }, response)) : /* @__PURE__ */ React153.createElement(Code2, { block: true, style: { fontSize: "11px", maxHeight: "300px", overflow: "auto" } }, response))));
+  )))), response && /* @__PURE__ */ React153.createElement(React153.Fragment, null, /* @__PURE__ */ React153.createElement(Divider11, null), /* @__PURE__ */ React153.createElement(Stack115, { gap: "xs" }, /* @__PURE__ */ React153.createElement(Text91, { size: "xs", fw: 600, c: "dimmed" }, "Response"), status === "error" ? /* @__PURE__ */ React153.createElement(Alert23, { color: "red", title: "Error", styles: { message: { fontSize: "11px" } } }, /* @__PURE__ */ React153.createElement(Code3, { block: true, style: { fontSize: "11px" } }, response)) : /* @__PURE__ */ React153.createElement(Code3, { block: true, style: { fontSize: "11px", maxHeight: "300px", overflow: "auto" } }, response))));
 }
 
 // src/mantine/blocks/apiRequest/ApiRequestBlock.tsx
@@ -16631,7 +16669,7 @@ var NotifyTemplateView = ({ editor, block }) => {
 
 // src/mantine/blocks/notify/flow/FlowView.tsx
 import React159, { useState as useState64 } from "react";
-import { Group as Group56, Stack as Stack118, Text as Text94, ActionIcon as ActionIcon23, Tooltip as Tooltip11, Button as Button32, Badge as Badge21, Collapse as Collapse4, Alert as Alert24, Loader as Loader23, Code as Code3 } from "@mantine/core";
+import { Group as Group56, Stack as Stack118, Text as Text94, ActionIcon as ActionIcon23, Tooltip as Tooltip11, Button as Button32, Badge as Badge21, Collapse as Collapse4, Alert as Alert24, Loader as Loader23, Code as Code4 } from "@mantine/core";
 import { IconSend as IconSend3, IconChevronDown as IconChevronDown4, IconChevronUp as IconChevronUp2, IconCheck as IconCheck6, IconX as IconX10 } from "@tabler/icons-react";
 var NotifyFlowView = ({ editor, block, isDisabled }) => {
   const disabled = isDisabled?.isDisabled === "disable";
@@ -16759,7 +16797,7 @@ var NotifyFlowView = ({ editor, block, isDisabled }) => {
     },
     isLoading ? "Sending..." : status === "sent" ? "Sent" : "Send"
   );
-  return /* @__PURE__ */ React159.createElement(BaseContainer, { blockId: block.id }, /* @__PURE__ */ React159.createElement(Stack118, { gap: "md" }, /* @__PURE__ */ React159.createElement(Group56, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React159.createElement(Group56, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, getIcon("bell", block.props.icon), /* @__PURE__ */ React159.createElement(Stack118, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React159.createElement(Group56, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React159.createElement(Badge21, { size: "sm", variant: "filled", color: getChannelColor(channel) }, channel.toUpperCase()), /* @__PURE__ */ React159.createElement(Text94, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Notification"), status !== "idle" && /* @__PURE__ */ React159.createElement(Badge21, { size: "xs", variant: "dot", color: getStatusColor5(status) }, status)), /* @__PURE__ */ React159.createElement(Text94, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, to.length > 0 ? `To: ${to.slice(0, 2).join(", ")}${to.length > 2 ? ` +${to.length - 2} more` : ""}` : "No recipients"), block.props.description && /* @__PURE__ */ React159.createElement(Text94, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React159.createElement(Group56, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React159.createElement(Tooltip11, { label: isDisabled.message, position: "left", withArrow: true }, sendButton) : sendButton, /* @__PURE__ */ React159.createElement(ActionIcon23, { variant: "subtle", onClick: () => setShowDetails(!showDetails) }, showDetails ? /* @__PURE__ */ React159.createElement(IconChevronUp2, { size: 16 }) : /* @__PURE__ */ React159.createElement(IconChevronDown4, { size: 16 })))), status === "failed" && runtime.error?.message && /* @__PURE__ */ React159.createElement(Alert24, { color: "red", icon: /* @__PURE__ */ React159.createElement(IconX10, { size: 16 }), title: "Failed to send", styles: { message: { fontSize: "12px" } } }, runtime.error.message), status === "sent" && runtime.output?.notify?.messageId && /* @__PURE__ */ React159.createElement(Alert24, { color: "green", icon: /* @__PURE__ */ React159.createElement(IconCheck6, { size: 16 }), title: "Sent successfully", styles: { message: { fontSize: "12px" } } }, "Message ID: ", runtime.output.notify.messageId, runtime.output.notify.sentAt && /* @__PURE__ */ React159.createElement(React159.Fragment, null, /* @__PURE__ */ React159.createElement("br", null), "Sent at: ", new Date(runtime.output.notify.sentAt).toLocaleString())), /* @__PURE__ */ React159.createElement(Collapse4, { in: showDetails }, /* @__PURE__ */ React159.createElement(Stack118, { gap: "md" }, channel === "email" && /* @__PURE__ */ React159.createElement(React159.Fragment, null, /* @__PURE__ */ React159.createElement(Stack118, { gap: "xs" }, /* @__PURE__ */ React159.createElement(Text94, { size: "xs", fw: 600, c: "dimmed" }, "Recipients:"), /* @__PURE__ */ React159.createElement(Code3, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
+  return /* @__PURE__ */ React159.createElement(BaseContainer, { blockId: block.id }, /* @__PURE__ */ React159.createElement(Stack118, { gap: "md" }, /* @__PURE__ */ React159.createElement(Group56, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React159.createElement(Group56, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, getIcon("bell", block.props.icon), /* @__PURE__ */ React159.createElement(Stack118, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React159.createElement(Group56, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React159.createElement(Badge21, { size: "sm", variant: "filled", color: getChannelColor(channel) }, channel.toUpperCase()), /* @__PURE__ */ React159.createElement(Text94, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Notification"), status !== "idle" && /* @__PURE__ */ React159.createElement(Badge21, { size: "xs", variant: "dot", color: getStatusColor5(status) }, status)), /* @__PURE__ */ React159.createElement(Text94, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, to.length > 0 ? `To: ${to.slice(0, 2).join(", ")}${to.length > 2 ? ` +${to.length - 2} more` : ""}` : "No recipients"), block.props.description && /* @__PURE__ */ React159.createElement(Text94, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React159.createElement(Group56, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React159.createElement(Tooltip11, { label: isDisabled.message, position: "left", withArrow: true }, sendButton) : sendButton, /* @__PURE__ */ React159.createElement(ActionIcon23, { variant: "subtle", onClick: () => setShowDetails(!showDetails) }, showDetails ? /* @__PURE__ */ React159.createElement(IconChevronUp2, { size: 16 }) : /* @__PURE__ */ React159.createElement(IconChevronDown4, { size: 16 })))), status === "failed" && runtime.error?.message && /* @__PURE__ */ React159.createElement(Alert24, { color: "red", icon: /* @__PURE__ */ React159.createElement(IconX10, { size: 16 }), title: "Failed to send", styles: { message: { fontSize: "12px" } } }, runtime.error.message), status === "sent" && runtime.output?.notify?.messageId && /* @__PURE__ */ React159.createElement(Alert24, { color: "green", icon: /* @__PURE__ */ React159.createElement(IconCheck6, { size: 16 }), title: "Sent successfully", styles: { message: { fontSize: "12px" } } }, "Message ID: ", runtime.output.notify.messageId, runtime.output.notify.sentAt && /* @__PURE__ */ React159.createElement(React159.Fragment, null, /* @__PURE__ */ React159.createElement("br", null), "Sent at: ", new Date(runtime.output.notify.sentAt).toLocaleString())), /* @__PURE__ */ React159.createElement(Collapse4, { in: showDetails }, /* @__PURE__ */ React159.createElement(Stack118, { gap: "md" }, channel === "email" && /* @__PURE__ */ React159.createElement(React159.Fragment, null, /* @__PURE__ */ React159.createElement(Stack118, { gap: "xs" }, /* @__PURE__ */ React159.createElement(Text94, { size: "xs", fw: 600, c: "dimmed" }, "Recipients:"), /* @__PURE__ */ React159.createElement(Code4, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
     {
       to: to.filter((e) => e.trim() !== ""),
       ...cc.length > 0 && { cc: cc.filter((e) => e.trim() !== "") },
@@ -16767,7 +16805,7 @@ var NotifyFlowView = ({ editor, block, isDisabled }) => {
     },
     null,
     2
-  ))), block.props.subject && /* @__PURE__ */ React159.createElement(Stack118, { gap: "xs" }, /* @__PURE__ */ React159.createElement(Text94, { size: "xs", fw: 600, c: "dimmed" }, "Subject:"), /* @__PURE__ */ React159.createElement(Text94, { size: "xs" }, block.props.subject)), block.props.body && /* @__PURE__ */ React159.createElement(Stack118, { gap: "xs" }, /* @__PURE__ */ React159.createElement(Text94, { size: "xs", fw: 600, c: "dimmed" }, "Body (", block.props.bodyType || "text", "):"), /* @__PURE__ */ React159.createElement(Code3, { block: true, style: { fontSize: "11px", maxHeight: "200px", overflow: "auto" } }, block.props.body)), (block.props.from || block.props.replyTo) && /* @__PURE__ */ React159.createElement(Stack118, { gap: "xs" }, /* @__PURE__ */ React159.createElement(Text94, { size: "xs", fw: 600, c: "dimmed" }, "Additional:"), /* @__PURE__ */ React159.createElement(Code3, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
+  ))), block.props.subject && /* @__PURE__ */ React159.createElement(Stack118, { gap: "xs" }, /* @__PURE__ */ React159.createElement(Text94, { size: "xs", fw: 600, c: "dimmed" }, "Subject:"), /* @__PURE__ */ React159.createElement(Text94, { size: "xs" }, block.props.subject)), block.props.body && /* @__PURE__ */ React159.createElement(Stack118, { gap: "xs" }, /* @__PURE__ */ React159.createElement(Text94, { size: "xs", fw: 600, c: "dimmed" }, "Body (", block.props.bodyType || "text", "):"), /* @__PURE__ */ React159.createElement(Code4, { block: true, style: { fontSize: "11px", maxHeight: "200px", overflow: "auto" } }, block.props.body)), (block.props.from || block.props.replyTo) && /* @__PURE__ */ React159.createElement(Stack118, { gap: "xs" }, /* @__PURE__ */ React159.createElement(Text94, { size: "xs", fw: 600, c: "dimmed" }, "Additional:"), /* @__PURE__ */ React159.createElement(Code4, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
     {
       ...block.props.from && { from: block.props.from },
       ...block.props.replyTo && { replyTo: block.props.replyTo }
@@ -17284,7 +17322,7 @@ import { createReactBlockSpec as createReactBlockSpec11 } from "@blocknote/react
 
 // src/mantine/blocks/dynamicList/DynamicListBlock.tsx
 import React171, { useMemo as useMemo58, useState as useState68, useCallback as useCallback47, useEffect as useEffect54, useRef as useRef16 } from "react";
-import { Box as Box36, Stack as Stack123, Text as Text99, Paper as Paper14, Group as Group60, Button as Button33, ActionIcon as ActionIcon24, Tooltip as Tooltip12, Code as Code5, Flex as Flex30, Collapse as Collapse6, Title as Title6, Badge as Badge22, TextInput as TextInput6, CloseButton as CloseButton3, Select as Select3, Menu as Menu2 } from "@mantine/core";
+import { Box as Box36, Stack as Stack123, Text as Text99, Paper as Paper14, Group as Group60, Button as Button33, ActionIcon as ActionIcon24, Tooltip as Tooltip12, Code as Code6, Flex as Flex30, Collapse as Collapse6, Title as Title6, Badge as Badge22, TextInput as TextInput6, CloseButton as CloseButton3, Select as Select3, Menu as Menu2 } from "@mantine/core";
 import { useDisclosure as useDisclosure6 } from "@mantine/hooks";
 import {
   IconCamera,
@@ -17305,7 +17343,7 @@ import {
 
 // src/mantine/blocks/dynamicList/DynamicListSelectionPanel.tsx
 import React170, { useMemo as useMemo57, useState as useState67 } from "react";
-import { Paper as Paper13, CloseButton as CloseButton2, Stack as Stack122, Text as Text98, Box as Box35, Group as Group59, Divider as Divider13, Code as Code4, ScrollArea as ScrollArea6, Collapse as Collapse5 } from "@mantine/core";
+import { Paper as Paper13, CloseButton as CloseButton2, Stack as Stack122, Text as Text98, Box as Box35, Group as Group59, Divider as Divider13, Code as Code5, ScrollArea as ScrollArea6, Collapse as Collapse5 } from "@mantine/core";
 import { IconSparkles as IconSparkles2, IconChevronDown as IconChevronDown5, IconChevronRight as IconChevronRight4 } from "@tabler/icons-react";
 function formatKeyAsLabel(key) {
   return key.replace(/([A-Z])/g, " $1").replace(/[_-]/g, " ").replace(/^\s/, "").split(" ").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
@@ -17351,8 +17389,8 @@ function DefaultKeyValueView({
     const value = item[key];
     const formattedValue = formatValue(value, column?.type);
     const isObject = typeof value === "object" && value !== null;
-    return /* @__PURE__ */ React170.createElement(Box35, { key }, /* @__PURE__ */ React170.createElement(Text98, { size: "xs", c: "dimmed", fw: 500 }, label), isObject ? /* @__PURE__ */ React170.createElement(Code4, { block: true, style: { fontSize: "12px", whiteSpace: "pre-wrap", maxHeight: 150, overflow: "auto" } }, formattedValue) : /* @__PURE__ */ React170.createElement(Text98, { size: "sm", c: column?.color || void 0 }, formattedValue));
-  }))))), /* @__PURE__ */ React170.createElement(Box35, { style: { flex: 1 } }), dataSource && /* @__PURE__ */ React170.createElement(React170.Fragment, null, /* @__PURE__ */ React170.createElement(Divider13, null), /* @__PURE__ */ React170.createElement(Box35, null, /* @__PURE__ */ React170.createElement(Group59, { gap: "xs", mb: "xs" }, /* @__PURE__ */ React170.createElement(IconSparkles2, { size: 14, color: "var(--mantine-color-blue-4)" }), /* @__PURE__ */ React170.createElement(Text98, { size: "xs", fw: 500, c: "dimmed" }, "Data Source")), dataSource.oracleName && /* @__PURE__ */ React170.createElement(Text98, { size: "xs", c: "dimmed" }, "Oracle: ", dataSource.oracleName), dataSource.query && /* @__PURE__ */ React170.createElement(Box35, { mt: "xs" }, /* @__PURE__ */ React170.createElement(Text98, { size: "xs", c: "dimmed", mb: 4 }, "Query:"), /* @__PURE__ */ React170.createElement(Code4, { block: true, style: { fontSize: "11px", whiteSpace: "pre-wrap" } }, dataSource.query)))));
+    return /* @__PURE__ */ React170.createElement(Box35, { key }, /* @__PURE__ */ React170.createElement(Text98, { size: "xs", c: "dimmed", fw: 500 }, label), isObject ? /* @__PURE__ */ React170.createElement(Code5, { block: true, style: { fontSize: "12px", whiteSpace: "pre-wrap", maxHeight: 150, overflow: "auto" } }, formattedValue) : /* @__PURE__ */ React170.createElement(Text98, { size: "sm", c: column?.color || void 0 }, formattedValue));
+  }))))), /* @__PURE__ */ React170.createElement(Box35, { style: { flex: 1 } }), dataSource && /* @__PURE__ */ React170.createElement(React170.Fragment, null, /* @__PURE__ */ React170.createElement(Divider13, null), /* @__PURE__ */ React170.createElement(Box35, null, /* @__PURE__ */ React170.createElement(Group59, { gap: "xs", mb: "xs" }, /* @__PURE__ */ React170.createElement(IconSparkles2, { size: 14, color: "var(--mantine-color-blue-4)" }), /* @__PURE__ */ React170.createElement(Text98, { size: "xs", fw: 500, c: "dimmed" }, "Data Source")), dataSource.oracleName && /* @__PURE__ */ React170.createElement(Text98, { size: "xs", c: "dimmed" }, "Oracle: ", dataSource.oracleName), dataSource.query && /* @__PURE__ */ React170.createElement(Box35, { mt: "xs" }, /* @__PURE__ */ React170.createElement(Text98, { size: "xs", c: "dimmed", mb: 4 }, "Query:"), /* @__PURE__ */ React170.createElement(Code5, { block: true, style: { fontSize: "11px", whiteSpace: "pre-wrap" } }, dataSource.query)))));
 }
 var DynamicListSelectionPanel = ({
   selectedItem,
@@ -17749,7 +17787,7 @@ function DynamicListBlock({ block, editor }) {
       }
     },
     /* @__PURE__ */ React171.createElement(Flex30, { justify: "space-between", align: "flex-start", mb: "xs" }, /* @__PURE__ */ React171.createElement(Group60, { gap: "xs" }, /* @__PURE__ */ React171.createElement(IconInfoCircle3, { size: 14, color: "var(--mantine-color-blue-4)" }), /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", fw: 500, c: "dimmed" }, "Data Source")), /* @__PURE__ */ React171.createElement(ActionIcon24, { variant: "subtle", size: "xs", onClick: () => setShowInfo(false), "aria-label": "Close info" }, /* @__PURE__ */ React171.createElement(IconX11, { size: 14 }))),
-    /* @__PURE__ */ React171.createElement(Stack123, { gap: 6 }, parsedDataSource?.oracleName && /* @__PURE__ */ React171.createElement(Group60, { gap: "xs" }, /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", c: "dimmed", w: 70 }, "Oracle:"), /* @__PURE__ */ React171.createElement(Text99, { fz: "xs" }, parsedDataSource.oracleName)), parsedDataSource?.oracleDid && /* @__PURE__ */ React171.createElement(Group60, { gap: "xs" }, /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", c: "dimmed", w: 70 }, "DID:"), /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", style: { wordBreak: "break-all" } }, parsedDataSource.oracleDid)), parsedDataSource?.toolName && /* @__PURE__ */ React171.createElement(Group60, { gap: "xs" }, /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", c: "dimmed", w: 70 }, "Tool:"), /* @__PURE__ */ React171.createElement(Text99, { fz: "xs" }, parsedDataSource.toolName)), parsedDataSource?.query && /* @__PURE__ */ React171.createElement(Box36, null, /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", c: "dimmed", mb: 4 }, "Query:"), /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", style: { whiteSpace: "pre-wrap" } }, parsedDataSource.query)), parsedDataSource?.description && /* @__PURE__ */ React171.createElement(Box36, null, /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", c: "dimmed", mb: 4 }, "Description:"), /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", fs: "italic" }, parsedDataSource.description)), parsedDataSource?.params && Object.keys(parsedDataSource.params).length > 0 && /* @__PURE__ */ React171.createElement(Box36, null, /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", c: "dimmed", mb: 4 }, "Params:"), /* @__PURE__ */ React171.createElement(Code5, { block: true, style: { fontSize: "11px", whiteSpace: "pre-wrap" } }, JSON.stringify(parsedDataSource.params, null, 2))))
+    /* @__PURE__ */ React171.createElement(Stack123, { gap: 6 }, parsedDataSource?.oracleName && /* @__PURE__ */ React171.createElement(Group60, { gap: "xs" }, /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", c: "dimmed", w: 70 }, "Oracle:"), /* @__PURE__ */ React171.createElement(Text99, { fz: "xs" }, parsedDataSource.oracleName)), parsedDataSource?.oracleDid && /* @__PURE__ */ React171.createElement(Group60, { gap: "xs" }, /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", c: "dimmed", w: 70 }, "DID:"), /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", style: { wordBreak: "break-all" } }, parsedDataSource.oracleDid)), parsedDataSource?.toolName && /* @__PURE__ */ React171.createElement(Group60, { gap: "xs" }, /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", c: "dimmed", w: 70 }, "Tool:"), /* @__PURE__ */ React171.createElement(Text99, { fz: "xs" }, parsedDataSource.toolName)), parsedDataSource?.query && /* @__PURE__ */ React171.createElement(Box36, null, /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", c: "dimmed", mb: 4 }, "Query:"), /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", style: { whiteSpace: "pre-wrap" } }, parsedDataSource.query)), parsedDataSource?.description && /* @__PURE__ */ React171.createElement(Box36, null, /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", c: "dimmed", mb: 4 }, "Description:"), /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", fs: "italic" }, parsedDataSource.description)), parsedDataSource?.params && Object.keys(parsedDataSource.params).length > 0 && /* @__PURE__ */ React171.createElement(Box36, null, /* @__PURE__ */ React171.createElement(Text99, { fz: "xs", c: "dimmed", mb: 4 }, "Params:"), /* @__PURE__ */ React171.createElement(Code6, { block: true, style: { fontSize: "11px", whiteSpace: "pre-wrap" } }, JSON.stringify(parsedDataSource.params, null, 2))))
   )), /* @__PURE__ */ React171.createElement(Collapse6, { pb: 5, px: 5, in: opened }, /* @__PURE__ */ React171.createElement(Stack123, { w: "100%" }, /* @__PURE__ */ React171.createElement(Collapse6, { in: showSearch }, /* @__PURE__ */ React171.createElement(Flex30, { gap: "xs", align: "center" }, /* @__PURE__ */ React171.createElement(
     TextInput6,
     {
@@ -17907,7 +17945,7 @@ function DynamicListBlock({ block, editor }) {
     const rowId = getRowId(row, index);
     const isChecked = isItemChecked(rowId);
     return /* @__PURE__ */ React171.createElement(ListItemContainer, { key: rowId, isChecked, onClick: () => onItemCheck(rowId, !isChecked) }, /* @__PURE__ */ React171.createElement(Flex30, { align: "center", gap: "sm" }, /* @__PURE__ */ React171.createElement(Stack123, { gap: 2 }, renderField(row, columnsByPosition.topLeft), columnsByPosition.bottomLeft && /* @__PURE__ */ React171.createElement(Text99, { size: "xs", c: columnsByPosition.bottomLeft.color || "dimmed", lineClamp: 1 }, formatValue2(row[columnsByPosition.bottomLeft.key], columnsByPosition.bottomLeft.type) || ""))), /* @__PURE__ */ React171.createElement(Flex30, { align: "center", gap: "md" }, /* @__PURE__ */ React171.createElement(Stack123, { gap: 2, align: "flex-end" }, columnsByPosition.topRight && /* @__PURE__ */ React171.createElement(Text99, { size: "sm", fw: 500, c: columnsByPosition.topRight.color || void 0 }, formatValue2(row[columnsByPosition.topRight.key], columnsByPosition.topRight.type) || ""), columnsByPosition.bottomRight && /* @__PURE__ */ React171.createElement(Text99, { size: "xs", c: columnsByPosition.bottomRight.color || "dimmed", tt: "capitalize" }, formatValue2(row[columnsByPosition.bottomRight.key], columnsByPosition.bottomRight.type) || "")), isMultiSelect && /* @__PURE__ */ React171.createElement(ListItemCheckbox, { ariaLabel: `Select ${rowId}`, checked: isChecked, onCheck: (checked) => onItemCheck(rowId, checked) })));
-  })), hasData && totalPages > 1 && /* @__PURE__ */ React171.createElement(ListPagination, { page, setPage, totalPages }), !hasData && !liveData.loading && searchQuery && rawData && rawData.length > 0 && /* @__PURE__ */ React171.createElement(Text99, { c: "dimmed", ta: "center", fz: "sm" }, "No matching items for \u201C", searchQuery, "\u201D"), !hasData && !liveData.loading && !searchQuery && parsedDataSource && /* @__PURE__ */ React171.createElement(Paper14, { p: "lg", bg: "var(--mantine-color-dark-6)", radius: "sm" }, /* @__PURE__ */ React171.createElement(Stack123, { gap: "sm" }, /* @__PURE__ */ React171.createElement(Group60, { gap: "xs" }, /* @__PURE__ */ React171.createElement(IconSparkles3, { size: 16, color: "var(--mantine-color-blue-4)" }), /* @__PURE__ */ React171.createElement(Text99, { fz: "sm", fw: 500 }, "Data Source")), parsedDataSource.oracleName && /* @__PURE__ */ React171.createElement(Group60, { gap: "xs" }, /* @__PURE__ */ React171.createElement(Text99, { size: "xs", c: "dimmed" }, "Oracle:"), /* @__PURE__ */ React171.createElement(Badge22, { size: "sm", variant: "light" }, parsedDataSource.oracleName)), parsedDataSource.query && /* @__PURE__ */ React171.createElement(Box36, null, /* @__PURE__ */ React171.createElement(Text99, { size: "xs", c: "dimmed", mb: 4 }, "Query:"), /* @__PURE__ */ React171.createElement(Code5, { block: true, style: { fontSize: "12px", whiteSpace: "pre-wrap" } }, parsedDataSource.query)), parsedDataSource.description && /* @__PURE__ */ React171.createElement(Text99, { size: "xs", c: "dimmed", fs: "italic" }, parsedDataSource.description), /* @__PURE__ */ React171.createElement(Text99, { size: "xs", c: "dimmed", ta: "center", mt: "xs" }, "Ask your oracle this query to populate the list."))), !hasData && !liveData.loading && !searchQuery && !parsedDataSource && /* @__PURE__ */ React171.createElement(Paper14, { p: "lg", bg: "var(--mantine-color-dark-6)", radius: "sm" }, /* @__PURE__ */ React171.createElement(Text99, { c: "dimmed", ta: "center", fz: "sm" }, "No data available. Add data from the AG-UI Canvas.")))));
+  })), hasData && totalPages > 1 && /* @__PURE__ */ React171.createElement(ListPagination, { page, setPage, totalPages }), !hasData && !liveData.loading && searchQuery && rawData && rawData.length > 0 && /* @__PURE__ */ React171.createElement(Text99, { c: "dimmed", ta: "center", fz: "sm" }, "No matching items for \u201C", searchQuery, "\u201D"), !hasData && !liveData.loading && !searchQuery && parsedDataSource && /* @__PURE__ */ React171.createElement(Paper14, { p: "lg", bg: "var(--mantine-color-dark-6)", radius: "sm" }, /* @__PURE__ */ React171.createElement(Stack123, { gap: "sm" }, /* @__PURE__ */ React171.createElement(Group60, { gap: "xs" }, /* @__PURE__ */ React171.createElement(IconSparkles3, { size: 16, color: "var(--mantine-color-blue-4)" }), /* @__PURE__ */ React171.createElement(Text99, { fz: "sm", fw: 500 }, "Data Source")), parsedDataSource.oracleName && /* @__PURE__ */ React171.createElement(Group60, { gap: "xs" }, /* @__PURE__ */ React171.createElement(Text99, { size: "xs", c: "dimmed" }, "Oracle:"), /* @__PURE__ */ React171.createElement(Badge22, { size: "sm", variant: "light" }, parsedDataSource.oracleName)), parsedDataSource.query && /* @__PURE__ */ React171.createElement(Box36, null, /* @__PURE__ */ React171.createElement(Text99, { size: "xs", c: "dimmed", mb: 4 }, "Query:"), /* @__PURE__ */ React171.createElement(Code6, { block: true, style: { fontSize: "12px", whiteSpace: "pre-wrap" } }, parsedDataSource.query)), parsedDataSource.description && /* @__PURE__ */ React171.createElement(Text99, { size: "xs", c: "dimmed", fs: "italic" }, parsedDataSource.description), /* @__PURE__ */ React171.createElement(Text99, { size: "xs", c: "dimmed", ta: "center", mt: "xs" }, "Ask your oracle this query to populate the list."))), !hasData && !liveData.loading && !searchQuery && !parsedDataSource && /* @__PURE__ */ React171.createElement(Paper14, { p: "lg", bg: "var(--mantine-color-dark-6)", radius: "sm" }, /* @__PURE__ */ React171.createElement(Text99, { c: "dimmed", ta: "center", fz: "sm" }, "No data available. Add data from the AG-UI Canvas.")))));
 }
 
 // src/mantine/blocks/dynamicList/DynamicListBlockSpec.tsx
@@ -20479,7 +20517,7 @@ import { IconChevronRight as IconChevronRight9, IconLoader, IconTestPipe, IconTr
 
 // src/mantine/blocks/domainCardViewer/flow/ViewerPanel.tsx
 import React214, { useMemo as useMemo76 } from "react";
-import { Paper as Paper15, CloseButton as CloseButton4, Title as Title7, Stack as Stack142, Text as Text121, Loader as Loader30, Alert as Alert31, Button as Button37, Box as Box42, ScrollArea as ScrollArea7, Code as Code6 } from "@mantine/core";
+import { Paper as Paper15, CloseButton as CloseButton4, Title as Title7, Stack as Stack142, Text as Text121, Loader as Loader30, Alert as Alert31, Button as Button37, Box as Box42, ScrollArea as ScrollArea7, Code as Code7 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle15, IconCheck as IconCheck12, IconSparkles as IconSparkles4 } from "@tabler/icons-react";
 function parsePreviewData(jsonString) {
   if (!jsonString || jsonString === "{}") return null;
@@ -20490,7 +20528,7 @@ function parsePreviewData(jsonString) {
   }
 }
 var JsonViewer = ({ data }) => {
-  return /* @__PURE__ */ React214.createElement(ScrollArea7, { h: "100%", offsetScrollbars: true }, /* @__PURE__ */ React214.createElement(Stack142, { gap: "md" }, data.name && /* @__PURE__ */ React214.createElement(Box42, null, /* @__PURE__ */ React214.createElement(Text121, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Name"), /* @__PURE__ */ React214.createElement(Text121, { size: "lg", fw: 600 }, data.name)), data.summary && /* @__PURE__ */ React214.createElement(Box42, null, /* @__PURE__ */ React214.createElement(Text121, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Summary"), /* @__PURE__ */ React214.createElement(Text121, { size: "sm" }, data.summary)), data.description && /* @__PURE__ */ React214.createElement(Box42, null, /* @__PURE__ */ React214.createElement(Text121, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Description"), /* @__PURE__ */ React214.createElement(Text121, { size: "sm" }, data.description)), data.entity_type && data.entity_type.length > 0 && /* @__PURE__ */ React214.createElement(Box42, null, /* @__PURE__ */ React214.createElement(Text121, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Type"), /* @__PURE__ */ React214.createElement(Text121, { size: "sm" }, data.entity_type.join(", "))), data.keywords && data.keywords.length > 0 && /* @__PURE__ */ React214.createElement(Box42, null, /* @__PURE__ */ React214.createElement(Text121, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Keywords"), /* @__PURE__ */ React214.createElement(Text121, { size: "sm" }, data.keywords.join(", "))), data.faq && data.faq.length > 0 && /* @__PURE__ */ React214.createElement(Box42, null, /* @__PURE__ */ React214.createElement(Text121, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, mb: "xs" }, "FAQ"), /* @__PURE__ */ React214.createElement(Stack142, { gap: "sm" }, data.faq.map((item, index) => /* @__PURE__ */ React214.createElement(Box42, { key: index, p: "sm", style: { borderRadius: 8, backgroundColor: "var(--mantine-color-dark-6)" } }, /* @__PURE__ */ React214.createElement(Text121, { size: "sm", fw: 500, mb: 4 }, item.question), /* @__PURE__ */ React214.createElement(Text121, { size: "xs", c: "dimmed" }, item.answer))))), /* @__PURE__ */ React214.createElement(Box42, null, /* @__PURE__ */ React214.createElement(Text121, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, mb: "xs" }, "Raw Data"), /* @__PURE__ */ React214.createElement(Code6, { block: true, style: { fontSize: 11, maxHeight: 200, overflow: "auto" } }, JSON.stringify(data, null, 2)))));
+  return /* @__PURE__ */ React214.createElement(ScrollArea7, { h: "100%", offsetScrollbars: true }, /* @__PURE__ */ React214.createElement(Stack142, { gap: "md" }, data.name && /* @__PURE__ */ React214.createElement(Box42, null, /* @__PURE__ */ React214.createElement(Text121, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Name"), /* @__PURE__ */ React214.createElement(Text121, { size: "lg", fw: 600 }, data.name)), data.summary && /* @__PURE__ */ React214.createElement(Box42, null, /* @__PURE__ */ React214.createElement(Text121, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Summary"), /* @__PURE__ */ React214.createElement(Text121, { size: "sm" }, data.summary)), data.description && /* @__PURE__ */ React214.createElement(Box42, null, /* @__PURE__ */ React214.createElement(Text121, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Description"), /* @__PURE__ */ React214.createElement(Text121, { size: "sm" }, data.description)), data.entity_type && data.entity_type.length > 0 && /* @__PURE__ */ React214.createElement(Box42, null, /* @__PURE__ */ React214.createElement(Text121, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Type"), /* @__PURE__ */ React214.createElement(Text121, { size: "sm" }, data.entity_type.join(", "))), data.keywords && data.keywords.length > 0 && /* @__PURE__ */ React214.createElement(Box42, null, /* @__PURE__ */ React214.createElement(Text121, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Keywords"), /* @__PURE__ */ React214.createElement(Text121, { size: "sm" }, data.keywords.join(", "))), data.faq && data.faq.length > 0 && /* @__PURE__ */ React214.createElement(Box42, null, /* @__PURE__ */ React214.createElement(Text121, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, mb: "xs" }, "FAQ"), /* @__PURE__ */ React214.createElement(Stack142, { gap: "sm" }, data.faq.map((item, index) => /* @__PURE__ */ React214.createElement(Box42, { key: index, p: "sm", style: { borderRadius: 8, backgroundColor: "var(--mantine-color-dark-6)" } }, /* @__PURE__ */ React214.createElement(Text121, { size: "sm", fw: 500, mb: 4 }, item.question), /* @__PURE__ */ React214.createElement(Text121, { size: "xs", c: "dimmed" }, item.answer))))), /* @__PURE__ */ React214.createElement(Box42, null, /* @__PURE__ */ React214.createElement(Text121, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, mb: "xs" }, "Raw Data"), /* @__PURE__ */ React214.createElement(Code7, { block: true, style: { fontSize: 11, maxHeight: 200, overflow: "auto" } }, JSON.stringify(data, null, 2)))));
 };
 var ViewerPanel = ({ block, onApprove }) => {
   const { closePanel } = usePanelStore();
@@ -23688,6 +23726,7 @@ var ActionTemplateView = ({ editor, block }) => {
   const panelId = `${ACTION_TEMPLATE_PANEL_ID}-${block.id}`;
   const assignmentPanelId = `${ACTION_ASSIGNMENT_PANEL_ID}-${block.id}`;
   const { closePanel, activePanel } = usePanelStore();
+  const { editable } = useBlocknoteContext();
   const panelContent = useMemo87(() => /* @__PURE__ */ React238.createElement(TemplateConfig16, { editor, block }), [editor, block]);
   const assignmentPanelContent = useMemo87(
     () => /* @__PURE__ */ React238.createElement(
@@ -23710,6 +23749,7 @@ var ActionTemplateView = ({ editor, block }) => {
   const { open: openCommitment } = usePanel(commitmentPanelId, commitmentPanelContent);
   const isPanelOpenForBlock = activePanel === panelId || activePanel === assignmentPanelId || activePanel === commitmentPanelId;
   const isPanelBlocked = activePanel !== null && !isPanelOpenForBlock;
+  const interactive = !!editable;
   const actionType = block.props.actionType || "";
   const dueDate = block.props.ttlAbsoluteDueDate;
   const dueDateDisplay = dueDate ? formatDate(dueDate) : "";
@@ -23718,7 +23758,7 @@ var ActionTemplateView = ({ editor, block }) => {
     BaseContainer,
     {
       blockId: block.id,
-      onClick: isPanelBlocked ? void 0 : open,
+      onClick: !interactive || isPanelBlocked ? void 0 : open,
       style: {
         padding: 20,
         borderColor: isPanelOpenForBlock ? "var(--mantine-color-accent-5)" : void 0,
@@ -23727,15 +23767,15 @@ var ActionTemplateView = ({ editor, block }) => {
         opacity: isPanelBlocked ? 0.6 : 1
       }
     },
-    /* @__PURE__ */ React238.createElement(Group88, { wrap: "nowrap", gap: 24, align: "center", style: { width: "100%" } }, /* @__PURE__ */ React238.createElement(Group88, { wrap: "nowrap", gap: 16, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React238.createElement(Box44, { style: { flexShrink: 0, width: 32, height: 32, display: "flex", alignItems: "center", justifyContent: "center" } }, getActionMeta(actionType).icon), /* @__PURE__ */ React238.createElement(Stack158, { gap: 0, style: { flex: 1, minWidth: 0, overflow: "hidden" } }, /* @__PURE__ */ React238.createElement(Text135, { fw: 500, size: "md", truncate: true, contentEditable: false, style: { letterSpacing: "0.16px", lineHeight: 1.5 } }, block.props.title || "Title of the action"), /* @__PURE__ */ React238.createElement(Text135, { size: "sm", c: "dimmed", truncate: true, contentEditable: false, style: { letterSpacing: "0.14px" } }, subtitle))), /* @__PURE__ */ React238.createElement(Stack158, { gap: 2, align: "flex-end", style: { flexShrink: 0, minWidth: 100 } }, /* @__PURE__ */ React238.createElement(Text135, { fw: 500, size: "md", contentEditable: false, style: { letterSpacing: "0.16px", lineHeight: 1.5, textAlign: "right" } }, "Pending"), /* @__PURE__ */ React238.createElement(Group88, { gap: 4, justify: "flex-end" }, /* @__PURE__ */ React238.createElement(CommitmentDisplay, { block, onClick: isPanelBlocked ? () => {
-    } : openCommitment }), /* @__PURE__ */ React238.createElement(AssignmentDisplay, { onClick: isPanelBlocked ? () => {
+    /* @__PURE__ */ React238.createElement(Group88, { wrap: "nowrap", gap: 24, align: "center", style: { width: "100%" } }, /* @__PURE__ */ React238.createElement(Group88, { wrap: "nowrap", gap: 16, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React238.createElement(Box44, { style: { flexShrink: 0, width: 32, height: 32, display: "flex", alignItems: "center", justifyContent: "center" } }, getActionMeta(actionType).icon), /* @__PURE__ */ React238.createElement(Stack158, { gap: 0, style: { flex: 1, minWidth: 0, overflow: "hidden" } }, /* @__PURE__ */ React238.createElement(Text135, { fw: 500, size: "md", truncate: true, contentEditable: false, style: { letterSpacing: "0.16px", lineHeight: 1.5 } }, block.props.title || "Title of the action"), /* @__PURE__ */ React238.createElement(Text135, { size: "sm", c: "dimmed", truncate: true, contentEditable: false, style: { letterSpacing: "0.14px" } }, subtitle))), /* @__PURE__ */ React238.createElement(Stack158, { gap: 2, align: "flex-end", style: { flexShrink: 0, minWidth: 100 } }, /* @__PURE__ */ React238.createElement(Text135, { fw: 500, size: "md", contentEditable: false, style: { letterSpacing: "0.16px", lineHeight: 1.5, textAlign: "right" } }, "Pending"), /* @__PURE__ */ React238.createElement(Group88, { gap: 4, justify: "flex-end" }, /* @__PURE__ */ React238.createElement(CommitmentDisplay, { block, onClick: !interactive || isPanelBlocked ? () => {
+    } : openCommitment }), /* @__PURE__ */ React238.createElement(AssignmentDisplay, { onClick: !interactive || isPanelBlocked ? () => {
     } : openAssignment, block }))))
   );
 };
 
 // src/mantine/blocks/action/flow/FlowView.tsx
 import React242, { useCallback as useCallback74, useEffect as useEffect78, useMemo as useMemo90, useRef as useRef23, useState as useState95 } from "react";
-import { Group as Group91, Stack as Stack161, Text as Text139, Code as Code7, Alert as Alert35, Box as Box47, Divider as Divider20, Button as Button43, Loader as Loader34 } from "@mantine/core";
+import { Group as Group91, Stack as Stack161, Text as Text139, Code as Code8, Alert as Alert35, Box as Box47, Divider as Divider20, Button as Button43, Loader as Loader34 } from "@mantine/core";
 import { IconAlertTriangle as IconAlertTriangle4, IconUser as IconUser13, IconBolt as IconBolt9, IconShieldCheck as IconShieldCheck14, IconPlayerPlay as IconPlayerPlay2 } from "@tabler/icons-react";
 
 // src/mantine/hooks/useAutoCommitOnExecute.ts
@@ -24444,7 +24484,7 @@ function GenericFlowPanel({
       disabled: isDisabled || isLoading || !actionType
     },
     isLoading ? "Running..." : "Execute"
-  ), isDisabled && disabledMessage && /* @__PURE__ */ React242.createElement(Text139, { size: "xs", c: "dimmed" }, disabledMessage), runtime.error && /* @__PURE__ */ React242.createElement(Alert35, { icon: /* @__PURE__ */ React242.createElement(IconAlertTriangle4, { size: 16 }), title: "Execution Error", color: "red", styles: actionAlertStyles }, /* @__PURE__ */ React242.createElement(Text139, { size: "xs" }, runtime.error.message)), Object.keys(parsedInputs).length > 0 && /* @__PURE__ */ React242.createElement(React242.Fragment, null, /* @__PURE__ */ React242.createElement(Divider20, null), /* @__PURE__ */ React242.createElement(Stack161, { gap: "xs" }, /* @__PURE__ */ React242.createElement(Text139, { size: "xs", fw: 600, c: "dimmed" }, "Inputs"), /* @__PURE__ */ React242.createElement(Code7, { block: true, style: { fontSize: "11px" } }, JSON.stringify(parsedInputs, null, 2)))), outputJson && /* @__PURE__ */ React242.createElement(React242.Fragment, null, /* @__PURE__ */ React242.createElement(Divider20, null), /* @__PURE__ */ React242.createElement(Stack161, { gap: "xs" }, /* @__PURE__ */ React242.createElement(Text139, { size: "xs", fw: 600, c: "dimmed" }, "Output"), /* @__PURE__ */ React242.createElement(Code7, { block: true, style: { fontSize: "11px", maxHeight: "300px", overflow: "auto" } }, outputJson))));
+  ), isDisabled && disabledMessage && /* @__PURE__ */ React242.createElement(Text139, { size: "xs", c: "dimmed" }, disabledMessage), runtime.error && /* @__PURE__ */ React242.createElement(Alert35, { icon: /* @__PURE__ */ React242.createElement(IconAlertTriangle4, { size: 16 }), title: "Execution Error", color: "red", styles: actionAlertStyles }, /* @__PURE__ */ React242.createElement(Text139, { size: "xs" }, runtime.error.message)), Object.keys(parsedInputs).length > 0 && /* @__PURE__ */ React242.createElement(React242.Fragment, null, /* @__PURE__ */ React242.createElement(Divider20, null), /* @__PURE__ */ React242.createElement(Stack161, { gap: "xs" }, /* @__PURE__ */ React242.createElement(Text139, { size: "xs", fw: 600, c: "dimmed" }, "Inputs"), /* @__PURE__ */ React242.createElement(Code8, { block: true, style: { fontSize: "11px" } }, JSON.stringify(parsedInputs, null, 2)))), outputJson && /* @__PURE__ */ React242.createElement(React242.Fragment, null, /* @__PURE__ */ React242.createElement(Divider20, null), /* @__PURE__ */ React242.createElement(Stack161, { gap: "xs" }, /* @__PURE__ */ React242.createElement(Text139, { size: "xs", fw: 600, c: "dimmed" }, "Output"), /* @__PURE__ */ React242.createElement(Code8, { block: true, style: { fontSize: "11px", maxHeight: "300px", overflow: "auto" } }, outputJson))));
 }
 
 // src/mantine/blocks/action/actionTypes/pod/domainIndexerLookup/DomainIndexerLookupConfig.tsx
@@ -25617,7 +25657,7 @@ registerActionTypeUI("qi/pod.list-domain-flows", {
 
 // src/mantine/blocks/action/actionTypes/httpRequest/HttpRequestConfig.tsx
 import React255, { useEffect as useEffect88, useState as useState108, useCallback as useCallback87 } from "react";
-import { Stack as Stack174, Text as Text152, Button as Button49, Group as Group97, ActionIcon as ActionIcon37, Paper as Paper19, Alert as Alert42, Code as Code8 } from "@mantine/core";
+import { Stack as Stack174, Text as Text152, Button as Button49, Group as Group97, ActionIcon as ActionIcon37, Paper as Paper19, Alert as Alert42, Code as Code9 } from "@mantine/core";
 import { IconTrash as IconTrash9, IconPlus as IconPlus8, IconInfoCircle as IconInfoCircle5 } from "@tabler/icons-react";
 var HttpRequestConfig = ({ inputs, onInputsChange, editor, blockId }) => {
   const [local, setLocal] = useState108(() => parseHttpRequestInputs(inputs));
@@ -25722,7 +25762,7 @@ var HttpRequestConfig = ({ inputs, onInputsChange, editor, blockId }) => {
       currentBlockId: blockId,
       size: "sm"
     }
-  ), /* @__PURE__ */ React255.createElement(ActionIcon37, { color: "red", variant: "subtle", onClick: () => handleRemoveBodyField(index) }, /* @__PURE__ */ React255.createElement(IconTrash9, { size: 16 }))))))), /* @__PURE__ */ React255.createElement(Alert42, { icon: /* @__PURE__ */ React255.createElement(IconInfoCircle5, { size: 16 }), title: "Response Schema", styles: actionAlertStyles }, /* @__PURE__ */ React255.createElement(Text152, { size: "xs" }, "Define the expected structure of your API response. This allows other blocks to reference specific fields from the response data using the DataInput component.")), /* @__PURE__ */ React255.createElement(Stack174, { gap: "xs" }, /* @__PURE__ */ React255.createElement(Text152, { size: "sm", c: "neutralColor.7" }, "How it works"), /* @__PURE__ */ React255.createElement(Text152, { size: "xs", c: "dimmed" }, "1. Define response fields using dot notation (e.g., ", /* @__PURE__ */ React255.createElement(Code8, null, "customer.email"), ")"), /* @__PURE__ */ React255.createElement(Text152, { size: "xs", c: "dimmed" }, "2. Fields become available in DataInput selectors across other blocks"), /* @__PURE__ */ React255.createElement(Text152, { size: "xs", c: "dimmed" }, "3. Reference them like: ", /* @__PURE__ */ React255.createElement(Code8, null, `{{${blockId}.response.customer.email}}`))), /* @__PURE__ */ React255.createElement(Stack174, { gap: "xs" }, /* @__PURE__ */ React255.createElement(Group97, { justify: "space-between" }, /* @__PURE__ */ React255.createElement(Text152, { size: "sm", c: "neutralColor.7" }, "Response Fields"), /* @__PURE__ */ React255.createElement(Button49, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React255.createElement(IconPlus8, { size: 14 }), onClick: handleAddSchemaField }, "Add Field")), schemaFields.length === 0 ? /* @__PURE__ */ React255.createElement(Code8, { p: "md" }, 'No response fields defined yet. Click "Add Field" to start defining your response structure.') : /* @__PURE__ */ React255.createElement(Stack174, { gap: "md" }, schemaFields.map((field, index) => /* @__PURE__ */ React255.createElement(Paper19, { key: index, p: "md", withBorder: true }, /* @__PURE__ */ React255.createElement(Stack174, { gap: "sm" }, /* @__PURE__ */ React255.createElement(Group97, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React255.createElement(Text152, { size: "sm", fw: 500 }, "Field ", index + 1), /* @__PURE__ */ React255.createElement(ActionIcon37, { color: "red", variant: "subtle", onClick: () => handleRemoveSchemaField(index) }, /* @__PURE__ */ React255.createElement(IconTrash9, { size: 16 }))), /* @__PURE__ */ React255.createElement(
+  ), /* @__PURE__ */ React255.createElement(ActionIcon37, { color: "red", variant: "subtle", onClick: () => handleRemoveBodyField(index) }, /* @__PURE__ */ React255.createElement(IconTrash9, { size: 16 }))))))), /* @__PURE__ */ React255.createElement(Alert42, { icon: /* @__PURE__ */ React255.createElement(IconInfoCircle5, { size: 16 }), title: "Response Schema", styles: actionAlertStyles }, /* @__PURE__ */ React255.createElement(Text152, { size: "xs" }, "Define the expected structure of your API response. This allows other blocks to reference specific fields from the response data using the DataInput component.")), /* @__PURE__ */ React255.createElement(Stack174, { gap: "xs" }, /* @__PURE__ */ React255.createElement(Text152, { size: "sm", c: "neutralColor.7" }, "How it works"), /* @__PURE__ */ React255.createElement(Text152, { size: "xs", c: "dimmed" }, "1. Define response fields using dot notation (e.g., ", /* @__PURE__ */ React255.createElement(Code9, null, "customer.email"), ")"), /* @__PURE__ */ React255.createElement(Text152, { size: "xs", c: "dimmed" }, "2. Fields become available in DataInput selectors across other blocks"), /* @__PURE__ */ React255.createElement(Text152, { size: "xs", c: "dimmed" }, "3. Reference them like: ", /* @__PURE__ */ React255.createElement(Code9, null, `{{${blockId}.response.customer.email}}`))), /* @__PURE__ */ React255.createElement(Stack174, { gap: "xs" }, /* @__PURE__ */ React255.createElement(Group97, { justify: "space-between" }, /* @__PURE__ */ React255.createElement(Text152, { size: "sm", c: "neutralColor.7" }, "Response Fields"), /* @__PURE__ */ React255.createElement(Button49, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React255.createElement(IconPlus8, { size: 14 }), onClick: handleAddSchemaField }, "Add Field")), schemaFields.length === 0 ? /* @__PURE__ */ React255.createElement(Code9, { p: "md" }, 'No response fields defined yet. Click "Add Field" to start defining your response structure.') : /* @__PURE__ */ React255.createElement(Stack174, { gap: "md" }, schemaFields.map((field, index) => /* @__PURE__ */ React255.createElement(Paper19, { key: index, p: "md", withBorder: true }, /* @__PURE__ */ React255.createElement(Stack174, { gap: "sm" }, /* @__PURE__ */ React255.createElement(Group97, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React255.createElement(Text152, { size: "sm", fw: 500 }, "Field ", index + 1), /* @__PURE__ */ React255.createElement(ActionIcon37, { color: "red", variant: "subtle", onClick: () => handleRemoveSchemaField(index) }, /* @__PURE__ */ React255.createElement(IconTrash9, { size: 16 }))), /* @__PURE__ */ React255.createElement(
     BaseTextInput,
     {
       label: "Field Path",
@@ -25770,12 +25810,12 @@ var HttpRequestConfig = ({ inputs, onInputsChange, editor, blockId }) => {
       minRows: 2,
       size: "sm"
     }
-  ), field.path && field.displayName && /* @__PURE__ */ React255.createElement(Stack174, { gap: 4 }, /* @__PURE__ */ React255.createElement(Text152, { size: "xs", c: "dimmed" }, "Reference format:"), /* @__PURE__ */ React255.createElement(Code8, { block: true, style: { fontSize: "11px" } }, `{{${blockId}.response.${field.path}}}`))))))));
+  ), field.path && field.displayName && /* @__PURE__ */ React255.createElement(Stack174, { gap: 4 }, /* @__PURE__ */ React255.createElement(Text152, { size: "xs", c: "dimmed" }, "Reference format:"), /* @__PURE__ */ React255.createElement(Code9, { block: true, style: { fontSize: "11px" } }, `{{${blockId}.response.${field.path}}}`))))))));
 };
 
 // src/mantine/blocks/action/actionTypes/httpRequest/HttpRequestFlowDetail.tsx
 import React256, { useMemo as useMemo93, useState as useState109 } from "react";
-import { Group as Group98, Stack as Stack175, Text as Text153, ActionIcon as ActionIcon38, Badge as Badge47, Collapse as Collapse8, Code as Code9, Loader as Loader40, Alert as Alert43 } from "@mantine/core";
+import { Group as Group98, Stack as Stack175, Text as Text153, ActionIcon as ActionIcon38, Badge as Badge47, Collapse as Collapse8, Code as Code10, Loader as Loader40, Alert as Alert43 } from "@mantine/core";
 import { IconSend as IconSend5, IconChevronDown as IconChevronDown8, IconChevronUp as IconChevronUp4, IconAlertTriangle as IconAlertTriangle5 } from "@tabler/icons-react";
 var HttpRequestFlowDetail = ({ inputs, editor, runtime, updateRuntime, isDisabled }) => {
   const [isLoading, setIsLoading] = useState109(false);
@@ -25879,7 +25919,7 @@ var HttpRequestFlowDetail = ({ inputs, editor, runtime, updateRuntime, isDisable
     }
   };
   const hasDetails = headers.length > 0 || body.length > 0 || !!response;
-  return /* @__PURE__ */ React256.createElement(Stack175, { gap: "md" }, /* @__PURE__ */ React256.createElement(Group98, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React256.createElement(Badge47, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React256.createElement(Text153, { size: "xs", c: "dimmed", contentEditable: false, style: { wordBreak: "break-all", overflow: "hidden", textOverflow: "ellipsis" } }, endpoint || "No endpoint configured"), status !== "idle" && /* @__PURE__ */ React256.createElement(Badge47, { size: "xs", variant: "dot", color: getStatusColor5(status) }, status)), /* @__PURE__ */ React256.createElement(Group98, { gap: "xs" }, /* @__PURE__ */ React256.createElement(BasePrimaryButton, { leftSection: isLoading ? /* @__PURE__ */ React256.createElement(Loader40, { size: 14 }) : /* @__PURE__ */ React256.createElement(IconSend5, { size: 14 }), onClick: handleExecuteRequest, disabled: isDisabled || isLoading || !endpoint }, isLoading ? "Sending..." : "Execute"), /* @__PURE__ */ React256.createElement(ActionIcon38, { variant: "subtle", onClick: () => setShowDetails(!showDetails), disabled: !hasDetails }, showDetails ? /* @__PURE__ */ React256.createElement(IconChevronUp4, { size: 16 }) : /* @__PURE__ */ React256.createElement(IconChevronDown8, { size: 16 }))), /* @__PURE__ */ React256.createElement(Collapse8, { in: showDetails }, /* @__PURE__ */ React256.createElement(Stack175, { gap: "md" }, validationWarnings.length > 0 && /* @__PURE__ */ React256.createElement(Alert43, { icon: /* @__PURE__ */ React256.createElement(IconAlertTriangle5, { size: 16 }), title: "Schema Validation Warnings", color: "yellow", styles: actionAlertStyles }, /* @__PURE__ */ React256.createElement(Stack175, { gap: "xs" }, /* @__PURE__ */ React256.createElement(Text153, { size: "xs" }, "The API response does not match the defined schema:"), validationWarnings.map((warning, index) => /* @__PURE__ */ React256.createElement(Text153, { key: index, size: "xs", c: "dimmed" }, "\u2022 ", warning)))), headers.length > 0 && /* @__PURE__ */ React256.createElement(Stack175, { gap: "xs" }, /* @__PURE__ */ React256.createElement(Text153, { size: "xs", fw: 600, c: "dimmed" }, "Headers:"), /* @__PURE__ */ React256.createElement(Code9, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
+  return /* @__PURE__ */ React256.createElement(Stack175, { gap: "md" }, /* @__PURE__ */ React256.createElement(Group98, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React256.createElement(Badge47, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React256.createElement(Text153, { size: "xs", c: "dimmed", contentEditable: false, style: { wordBreak: "break-all", overflow: "hidden", textOverflow: "ellipsis" } }, endpoint || "No endpoint configured"), status !== "idle" && /* @__PURE__ */ React256.createElement(Badge47, { size: "xs", variant: "dot", color: getStatusColor5(status) }, status)), /* @__PURE__ */ React256.createElement(Group98, { gap: "xs" }, /* @__PURE__ */ React256.createElement(BasePrimaryButton, { leftSection: isLoading ? /* @__PURE__ */ React256.createElement(Loader40, { size: 14 }) : /* @__PURE__ */ React256.createElement(IconSend5, { size: 14 }), onClick: handleExecuteRequest, disabled: isDisabled || isLoading || !endpoint }, isLoading ? "Sending..." : "Execute"), /* @__PURE__ */ React256.createElement(ActionIcon38, { variant: "subtle", onClick: () => setShowDetails(!showDetails), disabled: !hasDetails }, showDetails ? /* @__PURE__ */ React256.createElement(IconChevronUp4, { size: 16 }) : /* @__PURE__ */ React256.createElement(IconChevronDown8, { size: 16 }))), /* @__PURE__ */ React256.createElement(Collapse8, { in: showDetails }, /* @__PURE__ */ React256.createElement(Stack175, { gap: "md" }, validationWarnings.length > 0 && /* @__PURE__ */ React256.createElement(Alert43, { icon: /* @__PURE__ */ React256.createElement(IconAlertTriangle5, { size: 16 }), title: "Schema Validation Warnings", color: "yellow", styles: actionAlertStyles }, /* @__PURE__ */ React256.createElement(Stack175, { gap: "xs" }, /* @__PURE__ */ React256.createElement(Text153, { size: "xs" }, "The API response does not match the defined schema:"), validationWarnings.map((warning, index) => /* @__PURE__ */ React256.createElement(Text153, { key: index, size: "xs", c: "dimmed" }, "\u2022 ", warning)))), headers.length > 0 && /* @__PURE__ */ React256.createElement(Stack175, { gap: "xs" }, /* @__PURE__ */ React256.createElement(Text153, { size: "xs", fw: 600, c: "dimmed" }, "Headers:"), /* @__PURE__ */ React256.createElement(Code10, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
     headers.reduce(
       (acc, h) => {
         if (h.key && h.value) acc[h.key] = h.value;
@@ -25889,7 +25929,7 @@ var HttpRequestFlowDetail = ({ inputs, editor, runtime, updateRuntime, isDisable
     ),
     null,
     2
-  ))), method !== "GET" && body.length > 0 && /* @__PURE__ */ React256.createElement(Stack175, { gap: "xs" }, /* @__PURE__ */ React256.createElement(Text153, { size: "xs", fw: 600, c: "dimmed" }, "Body:"), /* @__PURE__ */ React256.createElement(Code9, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
+  ))), method !== "GET" && body.length > 0 && /* @__PURE__ */ React256.createElement(Stack175, { gap: "xs" }, /* @__PURE__ */ React256.createElement(Text153, { size: "xs", fw: 600, c: "dimmed" }, "Body:"), /* @__PURE__ */ React256.createElement(Code10, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
     body.reduce(
       (acc, b) => {
         if (b.key && b.value) acc[b.key] = b.value;
@@ -25899,7 +25939,7 @@ var HttpRequestFlowDetail = ({ inputs, editor, runtime, updateRuntime, isDisable
     ),
     null,
     2
-  ))), response && /* @__PURE__ */ React256.createElement(Stack175, { gap: "xs" }, /* @__PURE__ */ React256.createElement(Text153, { size: "xs", fw: 600, c: "dimmed" }, "Response:"), status === "error" ? /* @__PURE__ */ React256.createElement(Alert43, { color: "red", title: "Error", styles: { ...actionAlertStyles, message: { ...actionAlertStyles.message, fontSize: "11px" } } }, /* @__PURE__ */ React256.createElement(Code9, { block: true, style: { fontSize: "11px" } }, response)) : /* @__PURE__ */ React256.createElement(Code9, { block: true, style: { fontSize: "11px", maxHeight: "300px", overflow: "auto" } }, response)))));
+  ))), response && /* @__PURE__ */ React256.createElement(Stack175, { gap: "xs" }, /* @__PURE__ */ React256.createElement(Text153, { size: "xs", fw: 600, c: "dimmed" }, "Response:"), status === "error" ? /* @__PURE__ */ React256.createElement(Alert43, { color: "red", title: "Error", styles: { ...actionAlertStyles, message: { ...actionAlertStyles.message, fontSize: "11px" } } }, /* @__PURE__ */ React256.createElement(Code10, { block: true, style: { fontSize: "11px" } }, response)) : /* @__PURE__ */ React256.createElement(Code10, { block: true, style: { fontSize: "11px", maxHeight: "300px", overflow: "auto" } }, response)))));
 };
 
 // src/mantine/blocks/action/actionTypes/httpRequest/index.ts
@@ -28778,7 +28818,7 @@ var EvaluateClaimFlowDetail = ({
         if (handlers2.getEvaluationTemplate) {
           setOutcomeTemplateLoading(true);
           try {
-            const evalTemplateResult = await handlers2.getEvaluationTemplate(deedDid);
+            const evalTemplateResult = await handlers2.getEvaluationTemplate(deedDid, collectionId);
             setOutcomeTemplateJson(evalTemplateResult?.surveyTemplate || null);
           } catch {
             setOutcomeTemplateJson(null);
@@ -30920,9 +30960,9 @@ var DomainCardPreviewConfig = ({ inputs, onInputsChange }) => {
 
 // src/mantine/blocks/action/actionTypes/domainCardPreview/DomainCardPreviewFlowDetail.tsx
 import React279, { useCallback as useCallback106, useMemo as useMemo109 } from "react";
-import { Alert as Alert56, Badge as Badge52, Box as Box61, Button as Button59, Code as Code10, Group as Group110, Loader as Loader56, ScrollArea as ScrollArea9, Stack as Stack196, Text as Text174 } from "@mantine/core";
+import { Alert as Alert56, Badge as Badge52, Box as Box61, Button as Button59, Code as Code11, Group as Group110, Loader as Loader56, ScrollArea as ScrollArea9, Stack as Stack196, Text as Text174 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle22, IconCheck as IconCheck24, IconSparkles as IconSparkles6 } from "@tabler/icons-react";
-var JsonViewer2 = ({ data }) => /* @__PURE__ */ React279.createElement(ScrollArea9.Autosize, { mah: 360, offsetScrollbars: true }, /* @__PURE__ */ React279.createElement(Stack196, { gap: "md" }, data.name && /* @__PURE__ */ React279.createElement(Box61, null, /* @__PURE__ */ React279.createElement(Text174, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Name"), /* @__PURE__ */ React279.createElement(Text174, { size: "lg", fw: 600 }, data.name)), data.summary && /* @__PURE__ */ React279.createElement(Box61, null, /* @__PURE__ */ React279.createElement(Text174, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Summary"), /* @__PURE__ */ React279.createElement(Text174, { size: "sm" }, data.summary)), data.description && /* @__PURE__ */ React279.createElement(Box61, null, /* @__PURE__ */ React279.createElement(Text174, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Description"), /* @__PURE__ */ React279.createElement(Text174, { size: "sm" }, data.description)), data.entity_type && data.entity_type.length > 0 && /* @__PURE__ */ React279.createElement(Box61, null, /* @__PURE__ */ React279.createElement(Text174, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Type"), /* @__PURE__ */ React279.createElement(Text174, { size: "sm" }, data.entity_type.join(", "))), data.keywords && data.keywords.length > 0 && /* @__PURE__ */ React279.createElement(Box61, null, /* @__PURE__ */ React279.createElement(Text174, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Keywords"), /* @__PURE__ */ React279.createElement(Text174, { size: "sm" }, data.keywords.join(", "))), data.faq && data.faq.length > 0 && /* @__PURE__ */ React279.createElement(Box61, null, /* @__PURE__ */ React279.createElement(Text174, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, mb: "xs" }, "FAQ"), /* @__PURE__ */ React279.createElement(Stack196, { gap: "sm" }, data.faq.map((item, index) => /* @__PURE__ */ React279.createElement(Box61, { key: index, p: "sm", style: { borderRadius: 8, backgroundColor: "var(--mantine-color-dark-6)" } }, /* @__PURE__ */ React279.createElement(Text174, { size: "sm", fw: 500, mb: 4 }, item.question), /* @__PURE__ */ React279.createElement(Text174, { size: "xs", c: "dimmed" }, item.answer))))), /* @__PURE__ */ React279.createElement(Box61, null, /* @__PURE__ */ React279.createElement(Text174, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, mb: "xs" }, "Raw Data"), /* @__PURE__ */ React279.createElement(Code10, { block: true, style: { fontSize: 11, maxHeight: 200, overflow: "auto" } }, JSON.stringify(data, null, 2)))));
+var JsonViewer2 = ({ data }) => /* @__PURE__ */ React279.createElement(ScrollArea9.Autosize, { mah: 360, offsetScrollbars: true }, /* @__PURE__ */ React279.createElement(Stack196, { gap: "md" }, data.name && /* @__PURE__ */ React279.createElement(Box61, null, /* @__PURE__ */ React279.createElement(Text174, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Name"), /* @__PURE__ */ React279.createElement(Text174, { size: "lg", fw: 600 }, data.name)), data.summary && /* @__PURE__ */ React279.createElement(Box61, null, /* @__PURE__ */ React279.createElement(Text174, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Summary"), /* @__PURE__ */ React279.createElement(Text174, { size: "sm" }, data.summary)), data.description && /* @__PURE__ */ React279.createElement(Box61, null, /* @__PURE__ */ React279.createElement(Text174, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Description"), /* @__PURE__ */ React279.createElement(Text174, { size: "sm" }, data.description)), data.entity_type && data.entity_type.length > 0 && /* @__PURE__ */ React279.createElement(Box61, null, /* @__PURE__ */ React279.createElement(Text174, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Type"), /* @__PURE__ */ React279.createElement(Text174, { size: "sm" }, data.entity_type.join(", "))), data.keywords && data.keywords.length > 0 && /* @__PURE__ */ React279.createElement(Box61, null, /* @__PURE__ */ React279.createElement(Text174, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Keywords"), /* @__PURE__ */ React279.createElement(Text174, { size: "sm" }, data.keywords.join(", "))), data.faq && data.faq.length > 0 && /* @__PURE__ */ React279.createElement(Box61, null, /* @__PURE__ */ React279.createElement(Text174, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, mb: "xs" }, "FAQ"), /* @__PURE__ */ React279.createElement(Stack196, { gap: "sm" }, data.faq.map((item, index) => /* @__PURE__ */ React279.createElement(Box61, { key: index, p: "sm", style: { borderRadius: 8, backgroundColor: "var(--mantine-color-dark-6)" } }, /* @__PURE__ */ React279.createElement(Text174, { size: "sm", fw: 500, mb: 4 }, item.question), /* @__PURE__ */ React279.createElement(Text174, { size: "xs", c: "dimmed" }, item.answer))))), /* @__PURE__ */ React279.createElement(Box61, null, /* @__PURE__ */ React279.createElement(Text174, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, mb: "xs" }, "Raw Data"), /* @__PURE__ */ React279.createElement(Code11, { block: true, style: { fontSize: 11, maxHeight: 200, overflow: "auto" } }, JSON.stringify(data, null, 2)))));
 var STATUS_BADGE = {
   approved: { color: "green", text: "Approved" },
   error: { color: "red", text: "Error" },
@@ -31582,7 +31622,7 @@ var CredentialStoreConfig = ({ inputs, onInputsChange, editor, blockId }) => {
 
 // src/mantine/blocks/action/actionTypes/credentialStore/CredentialStoreFlowDetail.tsx
 import React287, { useCallback as useCallback114, useMemo as useMemo113, useState as useState137 } from "react";
-import { Alert as Alert60, Button as Button61, Code as Code11, Loader as Loader59, Stack as Stack204, Text as Text179 } from "@mantine/core";
+import { Alert as Alert60, Button as Button61, Code as Code12, Loader as Loader59, Stack as Stack204, Text as Text179 } from "@mantine/core";
 import { IconShieldCheck as IconShieldCheck15 } from "@tabler/icons-react";
 function safeParse(value) {
   let result = value;
@@ -31606,7 +31646,7 @@ function CredentialPreview({ value }) {
     return value;
   }, [value]);
   if (!display) return null;
-  return /* @__PURE__ */ React287.createElement(React287.Fragment, null, /* @__PURE__ */ React287.createElement(Text179, { size: "xs", fw: 600, c: "dimmed" }, "Credential"), /* @__PURE__ */ React287.createElement(Code11, { block: true, style: { fontSize: "11px", maxHeight: "200px", overflow: "auto" } }, display));
+  return /* @__PURE__ */ React287.createElement(React287.Fragment, null, /* @__PURE__ */ React287.createElement(Text179, { size: "xs", fw: 600, c: "dimmed" }, "Credential"), /* @__PURE__ */ React287.createElement(Code12, { block: true, style: { fontSize: "11px", maxHeight: "200px", overflow: "auto" } }, display));
 }
 var CredentialStoreFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabled }) => {
   const handlers = useBlocknoteHandlers();
@@ -31814,7 +31854,7 @@ var PaymentConfig = ({ inputs, onInputsChange }) => {
 
 // src/mantine/blocks/action/actionTypes/payment/PaymentFlowDetail.tsx
 import React289, { useCallback as useCallback116, useMemo as useMemo114, useState as useState139 } from "react";
-import { Alert as Alert61, Button as Button62, Code as Code12, Divider as Divider25, Group as Group111, Loader as Loader60, Stack as Stack206, Text as Text181 } from "@mantine/core";
+import { Alert as Alert61, Button as Button62, Code as Code13, Divider as Divider25, Group as Group111, Loader as Loader60, Stack as Stack206, Text as Text181 } from "@mantine/core";
 import { IconAlertTriangle as IconAlertTriangle6, IconCash as IconCash2, IconSearch as IconSearch8, IconSend as IconSend7 } from "@tabler/icons-react";
 function parsePrimarySkill3(rawSkill) {
   const coerce2 = (candidate) => {
@@ -32090,7 +32130,7 @@ var PaymentFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisa
       setSubmitting(false);
     }
   }, [isDisabled, submitting, block, handlers, transactionId]);
-  return /* @__PURE__ */ React289.createElement(Stack206, { gap: "md" }, paymentConfig && !isProposed && !isTerminal && /* @__PURE__ */ React289.createElement(React289.Fragment, null, /* @__PURE__ */ React289.createElement(Text181, { size: "xs", fw: 600, c: "dimmed" }, "Payment Configuration"), /* @__PURE__ */ React289.createElement(Code12, { block: true, style: { fontSize: "11px", maxHeight: "200px", overflow: "auto" } }, JSON.stringify(paymentConfig, null, 2))), summary && /* @__PURE__ */ React289.createElement(React289.Fragment, null, /* @__PURE__ */ React289.createElement(Divider25, null), /* @__PURE__ */ React289.createElement(Text181, { size: "xs", fw: 600, c: "dimmed" }, "Payout Proposal"), /* @__PURE__ */ React289.createElement(Stack206, { gap: 4, style: { background: "var(--mantine-color-neutralColor-4)", borderRadius: 8, padding: 12 } }, Object.entries(summary).map(([key, value]) => /* @__PURE__ */ React289.createElement(Group111, { key, justify: "space-between", wrap: "nowrap" }, /* @__PURE__ */ React289.createElement(Text181, { size: "xs", c: "dimmed", style: { textTransform: "capitalize" } }, key.replace(/_/g, " ")), /* @__PURE__ */ React289.createElement(Text181, { size: "xs", fw: 500, c: "var(--mantine-color-text)", style: { textAlign: "right", wordBreak: "break-all" } }, typeof value === "object" ? JSON.stringify(value) : String(value)))))), paymentStatus && /* @__PURE__ */ React289.createElement(React289.Fragment, null, /* @__PURE__ */ React289.createElement(Divider25, null), /* @__PURE__ */ React289.createElement(Group111, { justify: "space-between" }, /* @__PURE__ */ React289.createElement(Text181, { size: "xs", fw: 600, c: "dimmed" }, "Status"), /* @__PURE__ */ React289.createElement(Text181, { size: "sm", fw: 600, c: getPaymentStatusColor(paymentStatus), style: { textTransform: "capitalize" } }, paymentStatus))), transactionId && /* @__PURE__ */ React289.createElement(Group111, { justify: "space-between" }, /* @__PURE__ */ React289.createElement(Text181, { size: "xs", fw: 600, c: "dimmed" }, "Transaction ID"), /* @__PURE__ */ React289.createElement(Text181, { size: "xs", c: "var(--mantine-color-text)", style: { fontFamily: "monospace" } }, transactionId)), !isTerminal && /* @__PURE__ */ React289.createElement(React289.Fragment, null, /* @__PURE__ */ React289.createElement(Divider25, null), isSubmitted ? /* @__PURE__ */ React289.createElement(
+  return /* @__PURE__ */ React289.createElement(Stack206, { gap: "md" }, paymentConfig && !isProposed && !isTerminal && /* @__PURE__ */ React289.createElement(React289.Fragment, null, /* @__PURE__ */ React289.createElement(Text181, { size: "xs", fw: 600, c: "dimmed" }, "Payment Configuration"), /* @__PURE__ */ React289.createElement(Code13, { block: true, style: { fontSize: "11px", maxHeight: "200px", overflow: "auto" } }, JSON.stringify(paymentConfig, null, 2))), summary && /* @__PURE__ */ React289.createElement(React289.Fragment, null, /* @__PURE__ */ React289.createElement(Divider25, null), /* @__PURE__ */ React289.createElement(Text181, { size: "xs", fw: 600, c: "dimmed" }, "Payout Proposal"), /* @__PURE__ */ React289.createElement(Stack206, { gap: 4, style: { background: "var(--mantine-color-neutralColor-4)", borderRadius: 8, padding: 12 } }, Object.entries(summary).map(([key, value]) => /* @__PURE__ */ React289.createElement(Group111, { key, justify: "space-between", wrap: "nowrap" }, /* @__PURE__ */ React289.createElement(Text181, { size: "xs", c: "dimmed", style: { textTransform: "capitalize" } }, key.replace(/_/g, " ")), /* @__PURE__ */ React289.createElement(Text181, { size: "xs", fw: 500, c: "var(--mantine-color-text)", style: { textAlign: "right", wordBreak: "break-all" } }, typeof value === "object" ? JSON.stringify(value) : String(value)))))), paymentStatus && /* @__PURE__ */ React289.createElement(React289.Fragment, null, /* @__PURE__ */ React289.createElement(Divider25, null), /* @__PURE__ */ React289.createElement(Group111, { justify: "space-between" }, /* @__PURE__ */ React289.createElement(Text181, { size: "xs", fw: 600, c: "dimmed" }, "Status"), /* @__PURE__ */ React289.createElement(Text181, { size: "sm", fw: 600, c: getPaymentStatusColor(paymentStatus), style: { textTransform: "capitalize" } }, paymentStatus))), transactionId && /* @__PURE__ */ React289.createElement(Group111, { justify: "space-between" }, /* @__PURE__ */ React289.createElement(Text181, { size: "xs", fw: 600, c: "dimmed" }, "Transaction ID"), /* @__PURE__ */ React289.createElement(Text181, { size: "xs", c: "var(--mantine-color-text)", style: { fontFamily: "monospace" } }, transactionId)), !isTerminal && /* @__PURE__ */ React289.createElement(React289.Fragment, null, /* @__PURE__ */ React289.createElement(Divider25, null), isSubmitted ? /* @__PURE__ */ React289.createElement(
     Button62,
     {
       fullWidth: true,
@@ -32123,7 +32163,7 @@ var PaymentFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisa
       disabled: isDisabled || submitting
     },
     submitting ? "Executing..." : "Execute Payout"
-  )), paymentError && /* @__PURE__ */ React289.createElement(Alert61, { icon: /* @__PURE__ */ React289.createElement(IconAlertTriangle6, { size: 16 }), title: "Payment Error", color: "red", styles: actionAlertStyles }, /* @__PURE__ */ React289.createElement(Text181, { size: "xs" }, paymentError)), error && /* @__PURE__ */ React289.createElement(Alert61, { icon: /* @__PURE__ */ React289.createElement(IconAlertTriangle6, { size: 16 }), color: "red", styles: actionAlertStyles }, /* @__PURE__ */ React289.createElement(Text181, { size: "xs" }, error)), runtime.error?.message && /* @__PURE__ */ React289.createElement(Alert61, { icon: /* @__PURE__ */ React289.createElement(IconAlertTriangle6, { size: 16 }), color: "red", styles: actionAlertStyles }, /* @__PURE__ */ React289.createElement(Text181, { size: "xs" }, runtime.error.message)), proposal && /* @__PURE__ */ React289.createElement(React289.Fragment, null, /* @__PURE__ */ React289.createElement(Divider25, null), /* @__PURE__ */ React289.createElement(Text181, { size: "xs", fw: 600, c: "dimmed" }, "Proposal Detail"), /* @__PURE__ */ React289.createElement(Code12, { block: true, style: { fontSize: "11px", maxHeight: "200px", overflow: "auto" } }, JSON.stringify(proposal, null, 2))));
+  )), paymentError && /* @__PURE__ */ React289.createElement(Alert61, { icon: /* @__PURE__ */ React289.createElement(IconAlertTriangle6, { size: 16 }), title: "Payment Error", color: "red", styles: actionAlertStyles }, /* @__PURE__ */ React289.createElement(Text181, { size: "xs" }, paymentError)), error && /* @__PURE__ */ React289.createElement(Alert61, { icon: /* @__PURE__ */ React289.createElement(IconAlertTriangle6, { size: 16 }), color: "red", styles: actionAlertStyles }, /* @__PURE__ */ React289.createElement(Text181, { size: "xs" }, error)), runtime.error?.message && /* @__PURE__ */ React289.createElement(Alert61, { icon: /* @__PURE__ */ React289.createElement(IconAlertTriangle6, { size: 16 }), color: "red", styles: actionAlertStyles }, /* @__PURE__ */ React289.createElement(Text181, { size: "xs" }, runtime.error.message)), proposal && /* @__PURE__ */ React289.createElement(React289.Fragment, null, /* @__PURE__ */ React289.createElement(Divider25, null), /* @__PURE__ */ React289.createElement(Text181, { size: "xs", fw: 600, c: "dimmed" }, "Proposal Detail"), /* @__PURE__ */ React289.createElement(Code13, { block: true, style: { fontSize: "11px", maxHeight: "200px", overflow: "auto" } }, JSON.stringify(proposal, null, 2))));
 };
 
 // src/mantine/blocks/action/actionTypes/payment/index.ts
@@ -41284,9 +41324,7 @@ function useCreateIxoEditor(options) {
     inlineContentSpecs: {
       ...defaultInlineContentSpecs
     },
-    styleSpecs: {
-      ...defaultStyleSpecs
-    }
+    styleSpecs: ixoStyleSpecs
   });
   const editor = useCreateBlockNote({
     schema,
@@ -41317,7 +41355,7 @@ function useCreateIxoEditor(options) {
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
 import { useCreateBlockNote as useCreateBlockNote2 } from "@blocknote/react";
-import { BlockNoteSchema as BlockNoteSchema2, defaultBlockSpecs as defaultBlockSpecs2, defaultInlineContentSpecs as defaultInlineContentSpecs2, defaultStyleSpecs as defaultStyleSpecs2 } from "@blocknote/core";
+import { BlockNoteSchema as BlockNoteSchema2, defaultBlockSpecs as defaultBlockSpecs2, defaultInlineContentSpecs as defaultInlineContentSpecs2 } from "@blocknote/core";
 
 // src/core/hooks/useMatrixProvider.ts
 import { useEffect as useEffect146, useState as useState177, useRef as useRef39, useCallback as useCallback167, useMemo as useMemo149 } from "react";
@@ -42094,9 +42132,7 @@ function useCreateCollaborativeIxoEditor(options) {
       inlineContentSpecs: {
         ...defaultInlineContentSpecs2
       },
-      styleSpecs: {
-        ...defaultStyleSpecs2
-      }
+      styleSpecs: ixoStyleSpecs
     }),
     []
   );
@@ -42462,7 +42498,7 @@ function useCreateCollaborativeIxoEditor(options) {
 
 // src/mantine/IxoEditor.tsx
 import React373, { useMemo as useMemo156 } from "react";
-import { SuggestionMenuController, getDefaultReactSlashMenuItems } from "@blocknote/react";
+import { GridSuggestionMenuController, SuggestionMenuController, getDefaultReactSlashMenuItems } from "@blocknote/react";
 import { BlockNoteView } from "@blocknote/mantine";
 import { filterSuggestionItems } from "@blocknote/core";
 import { MantineThemeContext, useMantineTheme } from "@mantine/core";
@@ -43547,6 +43583,34 @@ function cleanEmptyEditable(el) {
     el.innerHTML = "";
   }
 }
+function isSelectionInsideRoot(selection, root) {
+  const anchor = selection.anchorNode;
+  const focus = selection.focusNode;
+  return !!anchor && !!focus && root.contains(anchor) && root.contains(focus);
+}
+function placeCaretAfter(node) {
+  const selection = window.getSelection();
+  if (!selection) return;
+  const range = document.createRange();
+  range.setStartAfter(node);
+  range.collapse(true);
+  selection.removeAllRanges();
+  selection.addRange(range);
+}
+function insertPlainTextAtSelection(root, text) {
+  const selection = window.getSelection();
+  if (!selection || selection.rangeCount === 0 || !isSelectionInsideRoot(selection, root)) {
+    const textNode2 = document.createTextNode(text);
+    root.appendChild(textNode2);
+    placeCaretAfter(textNode2);
+    return;
+  }
+  const range = selection.getRangeAt(0);
+  range.deleteContents();
+  const textNode = document.createTextNode(text);
+  range.insertNode(textNode);
+  placeCaretAfter(textNode);
+}
 function PageTitle({ editor, editable }) {
   const [title, setTitle] = useState184("");
   const [hasIcon, setHasIcon] = useState184(false);
@@ -43642,8 +43706,12 @@ function PageTitle({ editor, editable }) {
   }, [editor]);
   const handlePaste = useCallback171((e) => {
     e.preventDefault();
-    const text = e.clipboardData.getData("text/plain").replace(/\n/g, " ");
-    document.execCommand("insertText", false, text);
+    const text = e.clipboardData.getData("text/plain").replace(/\r?\n/g, " ");
+    if (titleRef.current) {
+      insertPlainTextAtSelection(titleRef.current, text);
+      cleanEmptyEditable(titleRef.current);
+      setTitle(titleRef.current.textContent || "");
+    }
   }, []);
   return /* @__PURE__ */ React371.createElement(Box73, { maw: 900, mx: "auto", w: "100%" }, /* @__PURE__ */ React371.createElement(
     Box73,
@@ -44086,7 +44154,7 @@ function IxoEditorContent({
       onChange,
       onSelectionChange
     },
-    config.slashMenu && /* @__PURE__ */ React373.createElement(
+    config.slashMenu && /* @__PURE__ */ React373.createElement(React373.Fragment, null, /* @__PURE__ */ React373.createElement(
       SuggestionMenuController,
       {
         triggerCharacter: "/",
@@ -44108,16 +44176,17 @@ function IxoEditorContent({
           return filterSuggestionItems(allItems, query);
         }
       }
-    ),
+    ), /* @__PURE__ */ React373.createElement(GridSuggestionMenuController, { triggerCharacter: ":", columns: 10, minQueryLength: 2 })),
     children
   );
   return /* @__PURE__ */ React373.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React373.createElement(
     "div",
     {
-      className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`,
+      className: `ixo-editor ixo-editor--theme-${config.theme}${isEditable ? "" : " ixo-editor--readonly"} ${className}`,
       style: {
         width: isPanelVisible && isPanelOpen ? "50%" : "100%",
-        transition: "width 0.2s ease"
+        transition: "width 0.2s ease",
+        ...isEditable ? {} : { caretColor: "transparent" }
       }
     },
     /* @__PURE__ */ React373.createElement(CoverImage, { coverImageUrl, logoUrl }),
@@ -44948,4 +45017,4 @@ export {
   getExtraSlashMenuItems,
   useCreateIxoEditor
 };
-//# sourceMappingURL=chunk-4QAMDIPO.mjs.map
+//# sourceMappingURL=chunk-MOPZZGGR.mjs.map