@ixo/editor 1.16.0 → 1.18.0

package/dist/{chunk-BIYUE2UP.mjs → chunk-JQ2HK6IY.mjs}

@@ -36,10 +36,19 @@ var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editab
       return;
     }
     const updateDocType = () => {
+      const authoritativeDocType = editor._authoritativeDocType;
+      if (authoritativeDocType) {
+        console.log("[BlocknoteContext] Using authoritative local docType:", authoritativeDocType);
+        if (authoritativeDocType !== docType) {
+          console.log("[BlocknoteContext] Setting docType to authoritative value:", authoritativeDocType);
+          setDocType(authoritativeDocType);
+        }
+        return;
+      }
       const newDocType = editor.getDocType?.() || "flow";
-      console.log("[BlocknoteContext] updateDocType() called, newDocType:", newDocType, "current docType:", docType);
+      console.log("[BlocknoteContext] updateDocType() called, newDocType from YMap:", newDocType, "current docType:", docType);
       if (newDocType !== docType) {
-        console.log("[BlocknoteContext] docType changed from", docType, "to", newDocType);
+        console.log("[BlocknoteContext] docType changed from", docType, "to", newDocType, "(remote or initial change)");
         setDocType(newDocType);
       }
     };
@@ -54,7 +63,7 @@ var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editab
       console.log("[BlocknoteContext] Unobserving YMap");
       editor._yRoot?.unobserve(observer);
     };
-  }, [editor]);
+  }, [editor, docType]);
   useEffect(() => {
     sharedProposalsRef.current = sharedProposals;
   }, [sharedProposals]);
@@ -266,6 +275,41 @@ import { Stack as Stack3, SegmentedControl, Button as Button2, Text, Alert } fro
 import React3, { useCallback as useCallback3, useMemo } from "react";
 import { Card, Stack as Stack2, TextInput as TextInput2, Select as Select2, Group, Button } from "@mantine/core";
 
+// src/mantine/blocks/apiRequest/types.ts
+function parseResponseSchema(schemaString) {
+  if (!schemaString) return null;
+  try {
+    return JSON.parse(schemaString);
+  } catch (error) {
+    console.warn("Failed to parse response schema:", error);
+    return null;
+  }
+}
+function validateResponseAgainstSchema(response, schema) {
+  const errors = [];
+  schema.fields.forEach((field) => {
+    const value = getNestedValueForValidation(response, field.path);
+    if (value === void 0) {
+      errors.push(`Missing field: ${field.path}`);
+    } else {
+      const actualType = Array.isArray(value) ? "array" : typeof value;
+      if (field.type === "object" && actualType !== "object") {
+        errors.push(`Type mismatch for ${field.path}: expected object, got ${actualType}`);
+      } else if (field.type === "array" && !Array.isArray(value)) {
+        errors.push(`Type mismatch for ${field.path}: expected array, got ${actualType}`);
+      } else if (field.type !== "object" && field.type !== "array" && actualType !== field.type) {
+        errors.push(`Type mismatch for ${field.path}: expected ${field.type}, got ${actualType}`);
+      }
+    }
+  });
+  return errors;
+}
+function getNestedValueForValidation(obj, path) {
+  return path.split(".").reduce((current, key) => {
+    return current?.[key];
+  }, obj);
+}
+
 // src/mantine/blocks/registry/conditionableProperties.ts
 var CONDITIONABLE_PROPERTIES = {
   checkbox: [
@@ -404,10 +448,75 @@ var CONDITIONABLE_PROPERTIES = {
       type: "string",
       description: "The JSON string of actions"
     }
+  ],
+  apiRequest: [
+    {
+      name: "endpoint",
+      displayName: "Endpoint",
+      type: "string",
+      description: "The API endpoint URL"
+    },
+    {
+      name: "method",
+      displayName: "HTTP Method",
+      type: "select",
+      selectOptions: [
+        { value: "GET", label: "GET" },
+        { value: "POST", label: "POST" },
+        { value: "PUT", label: "PUT" },
+        { value: "DELETE", label: "DELETE" },
+        { value: "PATCH", label: "PATCH" }
+      ],
+      description: "The HTTP method for the request"
+    },
+    {
+      name: "response",
+      displayName: "Response",
+      type: "string",
+      description: "The response data from the API request"
+    },
+    {
+      name: "status",
+      displayName: "Status",
+      type: "select",
+      selectOptions: [
+        { value: "idle", label: "Idle" },
+        { value: "loading", label: "Loading" },
+        { value: "success", label: "Success" },
+        { value: "error", label: "Error" }
+      ],
+      description: "The current status of the API request"
+    },
+    {
+      name: "title",
+      displayName: "Title",
+      type: "string",
+      description: "The title of the API request block"
+    },
+    {
+      name: "description",
+      displayName: "Description",
+      type: "string",
+      description: "The description of the API request block"
+    }
   ]
 };
-function getConditionableProperties(blockType) {
-  return CONDITIONABLE_PROPERTIES[blockType] || [];
+function getConditionableProperties(blockType, block) {
+  const baseProperties = CONDITIONABLE_PROPERTIES[blockType] || [];
+  if (blockType === "apiRequest" && block?.props?.responseSchema) {
+    const schema = parseResponseSchema(block.props.responseSchema);
+    if (schema && schema.fields.length > 0) {
+      const schemaProperties = schema.fields.map((field) => ({
+        name: `response.${field.path}`,
+        displayName: field.displayName,
+        type: field.type,
+        description: field.description || `Response field: ${field.displayName}`
+      }));
+      const filteredBase = baseProperties.filter((prop) => prop.name !== "response");
+      return [...filteredBase, ...schemaProperties];
+    }
+  }
+  return baseProperties;
 }
 function getPropertyByName(blockType, propertyName) {
   const properties = getConditionableProperties(blockType);
@@ -1298,7 +1407,7 @@ import React16, { useMemo as useMemo6 } from "react";
 
 // src/mantine/blocks/list/template/TemplateConfig.tsx
 import React15, { useCallback as useCallback8 } from "react";
-import { Paper as Paper2, CloseButton as CloseButton2, Title as Title2 } from "@mantine/core";
+import { Paper as Paper2, CloseButton as CloseButton2, Title as Title2, Flex } from "@mantine/core";
 
 // src/mantine/blocks/list/template/GeneralTab.tsx
 import React14, { useState as useState4 } from "react";
@@ -1333,7 +1442,8 @@ var linkedResourcesSortFields = [
   { key: "serviceEndpoint", label: "Service Endpoint", type: "string" }
 ];
 var linkedResourcesSelectionPanelConfig = {
-  title: (item) => item.description || "Linked Resource",
+  image: (item) => item.image,
+  title: (item) => item.title || "Linked Resource",
   description: (item) => item.description || "No description",
   prompts: (item) => [{ text: `ID: ${item.id}` }, { text: `Encrypted: ${item.encrypted ? "Yes" : "No"}` }, { text: `Service Endpoint: ${item.serviceEndpoint}` }],
   actionSections: (item) => item.actionSections,
@@ -1377,6 +1487,7 @@ var assetsFilterFields = [
   { key: "available", label: "Unavailable", type: false }
 ];
 var assetsSelectionPanelConfig = {
+  image: (item) => item.image,
   title: (item) => item.name || "Unnamed Asset",
   description: (item) => item.description || "No description",
   prompts: () => [{ text: `How many assets are available?` }, { text: `What are carbon credits` }],
@@ -1446,6 +1557,7 @@ var collectionsSortFields = [
 ];
 var collectionsHandlerKey = "getCollections";
 var collectionsSelectionPanelConfig = {
+  image: (item) => item.image,
   title: (item) => item.name || "Unnamed Collection",
   description: (item) => item.description || "No description",
   prompts: (item) => [{ text: `DID: ${item.did}` }, { text: `Type: ${item.type}` }],
@@ -1485,6 +1597,7 @@ var investmentsFilterFields = [
 var investmentsHandlerKey = "getInvestments";
 var investmentsSelectionPanelConfig = {
   title: (item) => item.name || "Investment Opportunity",
+  image: (item) => item.image,
   description: (item) => item.description || "No description",
   prompts: (item) => [
     { text: `Price: ${item.price} ${item.currency}` },
@@ -1527,6 +1640,7 @@ var oraclesFilterFields = [
 var oraclesHandlerKey = "getOracles";
 var oraclesSelectionPanelConfig = {
   title: (item) => item.name || "Oracle",
+  image: (item) => item.image,
   description: (item) => item.description || "No description",
   prompts: (item) => [{ text: `Flows Amount: ${item.flowsAmount}` }, { text: `Active: ${item.isActive ? "Yes" : "No"}` }, { text: `Invited: ${item.isInvited ? "Yes" : "No"}` }],
   actionSections: (item) => item.actionSections,
@@ -1562,6 +1676,7 @@ var podsFilterFields = [
 ];
 var podsHandlerKey = "getPODs";
 var podsSelectionPanelConfig = {
+  image: (item) => item.image,
   title: (item) => item.name || "POD",
   description: (item) => item.description || "No description",
   prompts: (item) => [{ text: `Start Date: ${item.startDate}` }, { text: `End Date: ${item.endDate}` }, { text: `Member: ${item.isMember ? "Yes" : "No"}` }],
@@ -1595,6 +1710,7 @@ var proposalsSortFields = [
 ];
 var proposalsHandlerKey = "getProposals";
 var proposalsSelectionPanelConfig = {
+  image: (item) => item.image,
   title: (item) => item.name || "Proposal",
   description: (item) => item.description || "No description",
   prompts: (item) => [{ text: `DID: ${item.did}` }, { text: `Status: ${item.status}` }],
@@ -1630,6 +1746,7 @@ var requestsFilterFields = [
 ];
 var requestsHandlerKey = "getRequests";
 var requestsSelectionPanelConfig = {
+  image: (item) => item.image,
   title: (item) => item.name || "Request",
   description: (item) => item.description || "No description",
   prompts: (item) => [{ text: `Total Applications: ${item.totalApplications}` }, { text: `Member: ${item.isMember ? "Yes" : "No"}` }, { text: `DID: ${item.did}` }],
@@ -1674,6 +1791,7 @@ var groupMembersSortFields = [
 ];
 var groupMembersHandlerKey = "getGroupMembers";
 var groupMembersSelectionPanelConfig = {
+  image: (item) => item.image,
   title: (item) => item.username || "Unknown Member",
   description: (item) => item.description || "No description",
   prompts: (item) => [{ text: `Address: ${item.address}` }, { text: `DID: ${item.did}` }],
@@ -1757,6 +1875,7 @@ var daoMembersSortFields = [
 ];
 var daoMembersHandlerKey = "getDaoMembers";
 var daoMembersSelectionPanelConfig = {
+  image: (item) => item.image,
   title: (item) => item.username || "Unknown Member",
   description: (item) => item.description || "No description",
   prompts: (item) => [{ text: `Address: ${item.address}` }, { text: `DID: ${item.did}` }],
@@ -1784,9 +1903,10 @@ var projectsSortFields = [{ key: "name", label: "Name", type: "string" }];
 var projectsFilterFields = [];
 var projectsHandlerKey = "getProjects";
 var projectsSelectionPanelConfig = {
+  image: (item) => item.image,
   title: (item) => item.name || "Project",
   description: (item) => item.description || "No description",
-  prompts: (item) => [{ text: `DID: ${item.did}` }],
+  prompts: (item) => [{ text: `DID: ${item.did}` }, { text: `Type: ${item.type}` }],
   actionSections: (item) => item.actionSections,
   detailsHandlerKey: "getProjectDetails"
 };
@@ -1812,8 +1932,9 @@ var daosFilterFields = [];
 var daosHandlerKey = "getDaos";
 var daosSelectionPanelConfig = {
   title: (item) => item.name || "Dao",
+  image: (item) => item.image,
   description: (item) => item.description || "No description",
-  prompts: (item) => [{ text: `DID: ${item.did}` }],
+  prompts: (item) => [{ text: `DID: ${item.did}` }, { text: `Type: ${item.type}` }],
   actionSections: (item) => item.actionSections,
   detailsHandlerKey: "getDaoDetails"
 };
@@ -2156,24 +2277,11 @@ var TemplateConfig2 = ({ editor, block }) => {
       p: "md",
       shadow: "sm",
       style: {
-        height: "100%",
         display: "flex",
         flexDirection: "column"
       }
     },
-    /* @__PURE__ */ React15.createElement(
-      "div",
-      {
-        style: {
-          display: "flex",
-          justifyContent: "space-between",
-          alignItems: "center",
-          marginBottom: "1rem"
-        }
-      },
-      /* @__PURE__ */ React15.createElement(Title2, { order: 3 }, "List Settings"),
-      /* @__PURE__ */ React15.createElement(CloseButton2, { onClick: closePanel })
-    ),
+    /* @__PURE__ */ React15.createElement(Flex, { align: "center", justify: "space-between", mb: "1rem" }, /* @__PURE__ */ React15.createElement(Title2, { order: 3 }, "List Settings"), /* @__PURE__ */ React15.createElement(CloseButton2, { onClick: closePanel })),
     /* @__PURE__ */ React15.createElement(
       ReusablePanel,
       {
@@ -2204,11 +2312,11 @@ var ListTemplateView = ({ editor, block }) => {
 
 // src/mantine/blocks/list/flow/ListFlowView.tsx
 import React40, { useState as useState6, useEffect as useEffect6, useMemo as useMemo9, useCallback as useCallback10 } from "react";
-import { Group as Group7, Stack as Stack26, Text as Text26, ActionIcon as ActionIcon5, Alert as Alert4, Loader as Loader2, Center as Center2, Flex as Flex17, Button as Button5, Title as Title4, Collapse } from "@mantine/core";
+import { Group as Group7, Stack as Stack26, Text as Text26, ActionIcon as ActionIcon5, Alert as Alert4, Loader as Loader2, Center as Center2, Flex as Flex18, Button as Button5, Title as Title4, Collapse } from "@mantine/core";
 
 // src/mantine/blocks/list/linked_resources/LinkedResourcesList.tsx
 import React20 from "react";
-import { Stack as Stack10, Text as Text8, Box as Box2, Flex as Flex2 } from "@mantine/core";
+import { Stack as Stack10, Text as Text8, Box as Box2, Flex as Flex3 } from "@mantine/core";
 
 // src/core/lib/getMediaTypeIcon.tsx
 import { IconArchive, IconDeviceAudioTape, IconFileTypeXml, IconImageInPicture, IconPdf, IconFile, IconJson, IconVideo } from "@tabler/icons-react";
@@ -2243,10 +2351,10 @@ function getMediaTypeIcon(mediaType, props = {}) {
 }
 
 // src/mantine/blocks/list/ListItemContainer.tsx
-import { Flex } from "@mantine/core";
+import { Flex as Flex2 } from "@mantine/core";
 import React18 from "react";
 function ListItemContainer({ children }) {
-  return /* @__PURE__ */ React18.createElement(Flex, { styles: { root: { borderRadius: 16, border: `1px solid rgba(255, 255, 255, 0.06)` } }, p: 20, bg: "rgba(255, 255, 255, 0.02)", justify: "space-between" }, children);
+  return /* @__PURE__ */ React18.createElement(Flex2, { styles: { root: { borderRadius: 16, border: `1px solid rgba(255, 255, 255, 0.06)` } }, p: 20, bg: "rgba(255, 255, 255, 0.02)", justify: "space-between" }, children);
 }
 
 // src/mantine/blocks/list/ListItemCheckbox.tsx
@@ -2278,7 +2386,7 @@ var LinkedResourcesList = ({ items, mods, isItemChecked, onItemCheck, config: _c
   }
   const rows = items.map((item, index) => {
     const title = item.description || item.id || `Resource ${index + 1}`;
-    return /* @__PURE__ */ React20.createElement(ListItemContainer, { key: item.id || index }, /* @__PURE__ */ React20.createElement(Flex2, { align: "center", gap: "sm" }, /* @__PURE__ */ React20.createElement(
+    return /* @__PURE__ */ React20.createElement(ListItemContainer, { key: item.id || index }, /* @__PURE__ */ React20.createElement(Flex3, { align: "center", gap: "sm" }, /* @__PURE__ */ React20.createElement(
       Box2,
       {
         style: {
@@ -2293,7 +2401,7 @@ var LinkedResourcesList = ({ items, mods, isItemChecked, onItemCheck, config: _c
         }
       },
       getMediaTypeIcon(item.mediaType, { size: 16 })
-    ), /* @__PURE__ */ React20.createElement(Stack10, { gap: 0 }, /* @__PURE__ */ React20.createElement(Text8, { size: "sm" }, title), item.type && /* @__PURE__ */ React20.createElement(Text8, { size: "xs", c: "dimmed" }, item.type))), /* @__PURE__ */ React20.createElement(Flex2, { align: "center", gap: "md" }, /* @__PURE__ */ React20.createElement(Stack10, { ta: "right", gap: 0 }, /* @__PURE__ */ React20.createElement(Text8, { size: "sm" }, item.encrypted === "true" ? "Private" : "Public"), /* @__PURE__ */ React20.createElement(Text8, { size: "xs", c: "dimmed" }, item.encrypted === "true" ? "Ask for access" : "Accessible")), mods && /* @__PURE__ */ React20.createElement(
+    ), /* @__PURE__ */ React20.createElement(Stack10, { gap: 0 }, /* @__PURE__ */ React20.createElement(Text8, { size: "sm" }, title), item.type && /* @__PURE__ */ React20.createElement(Text8, { size: "xs", c: "dimmed" }, item.type))), /* @__PURE__ */ React20.createElement(Flex3, { align: "center", gap: "md" }, /* @__PURE__ */ React20.createElement(Stack10, { ta: "right", gap: 0 }, /* @__PURE__ */ React20.createElement(Text8, { size: "sm" }, item.encrypted === "true" ? "Private" : "Public"), /* @__PURE__ */ React20.createElement(Text8, { size: "xs", c: "dimmed" }, item.encrypted === "true" ? "Ask for access" : "Accessible")), mods && /* @__PURE__ */ React20.createElement(
       ListItemCheckbox,
       {
         ariaLabel: `Select resource ${item.id}`,
@@ -2307,7 +2415,7 @@ var LinkedResourcesList = ({ items, mods, isItemChecked, onItemCheck, config: _c
 
 // src/mantine/blocks/list/assets/AssetsList.tsx
 import React21 from "react";
-import { Text as Text9, Box as Box3, Stack as Stack11, Flex as Flex3, Image } from "@mantine/core";
+import { Text as Text9, Box as Box3, Stack as Stack11, Flex as Flex4, Image } from "@mantine/core";
 
 // src/core/lib/formatters.ts
 var formatNumber = (value) => typeof value === "number" ? value.toLocaleString() : "-";
@@ -2325,13 +2433,13 @@ var AssetsList = ({ items, mods, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React21.createElement(Text9, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No assets found");
   }
-  const rows = items.map((asset) => /* @__PURE__ */ React21.createElement(ListItemContainer, { key: asset.did }, /* @__PURE__ */ React21.createElement(Flex3, { align: "center", gap: "sm" }, /* @__PURE__ */ React21.createElement(Image, { radius: 16, w: 32, h: 32, src: asset.icon }), /* @__PURE__ */ React21.createElement(Stack11, { gap: 0 }, /* @__PURE__ */ React21.createElement(Text9, { size: "sm" }, asset.name || "-", " ", asset.alsoKnownAs || "-"), asset.totalCarbon !== void 0 && /* @__PURE__ */ React21.createElement(Text9, { size: "sm", c: "dimmed" }, formatNumber(asset.totalCarbon), " CARBON"))), /* @__PURE__ */ React21.createElement(Flex3, { align: "center", gap: "md" }, /* @__PURE__ */ React21.createElement(Stack11, { ta: "right", gap: 0 }, /* @__PURE__ */ React21.createElement(Text9, { size: "sm" }, asset.currency || "", formatNumber(asset.price)), /* @__PURE__ */ React21.createElement(Text9, { size: "sm", c: "dimmed" }, asset.available ? "Available" : "Unavailable")), mods && /* @__PURE__ */ React21.createElement(ListItemCheckbox, { ariaLabel: `Select asset ${asset.did}`, checked: isItemChecked?.(asset.did), onCheck: (checked) => onItemCheck?.(asset.did, checked) }))));
+  const rows = items.map((asset) => /* @__PURE__ */ React21.createElement(ListItemContainer, { key: asset.did }, /* @__PURE__ */ React21.createElement(Flex4, { align: "center", gap: "sm" }, /* @__PURE__ */ React21.createElement(Image, { radius: 16, w: 32, h: 32, src: asset.icon }), /* @__PURE__ */ React21.createElement(Stack11, { gap: 0 }, /* @__PURE__ */ React21.createElement(Text9, { size: "sm" }, asset.name || "-", " ", asset.alsoKnownAs || "-"), asset.totalCarbon !== void 0 && /* @__PURE__ */ React21.createElement(Text9, { size: "sm", c: "dimmed" }, formatNumber(asset.totalCarbon), " CARBON"))), /* @__PURE__ */ React21.createElement(Flex4, { align: "center", gap: "md" }, /* @__PURE__ */ React21.createElement(Stack11, { ta: "right", gap: 0 }, /* @__PURE__ */ React21.createElement(Text9, { size: "sm" }, asset.currency || "", formatNumber(asset.price)), /* @__PURE__ */ React21.createElement(Text9, { size: "sm", c: "dimmed" }, asset.available ? "Available" : "Unavailable")), mods && /* @__PURE__ */ React21.createElement(ListItemCheckbox, { ariaLabel: `Select asset ${asset.did}`, checked: isItemChecked?.(asset.did), onCheck: (checked) => onItemCheck?.(asset.did, checked) }))));
   return /* @__PURE__ */ React21.createElement(Box3, { flex: 1 }, /* @__PURE__ */ React21.createElement(Stack11, null, rows));
 };
 
 // src/mantine/blocks/list/transactions/TransactionsList.tsx
 import React22 from "react";
-import { Text as Text10, Badge as Badge3, Tooltip as Tooltip2, Box as Box4, Flex as Flex4, Stack as Stack12 } from "@mantine/core";
+import { Text as Text10, Badge as Badge3, Tooltip as Tooltip2, Box as Box4, Flex as Flex5, Stack as Stack12 } from "@mantine/core";
 var formatTime = (timeStr) => {
   try {
     const date = new Date(timeStr);
@@ -2348,7 +2456,7 @@ var TransactionsList = ({ items, mods, isItemChecked, onItemCheck, config: _conf
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React22.createElement(Text10, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No transactions found");
   }
-  const rows = items.map((transaction, index) => /* @__PURE__ */ React22.createElement(ListItemContainer, { key: transaction.transactionHash || index }, /* @__PURE__ */ React22.createElement(Flex4, { align: "center", gap: "sm" }, /* @__PURE__ */ React22.createElement(Stack12, { gap: 2 }, /* @__PURE__ */ React22.createElement(Tooltip2, { label: transaction.transactionHash, position: "top" }, /* @__PURE__ */ React22.createElement(Text10, { size: "sm", style: { fontFamily: "monospace" } }, truncateHash(transaction.transactionHash))), /* @__PURE__ */ React22.createElement(Text10, { size: "sm", c: "dimmed" }, transaction.memo || "-"))), /* @__PURE__ */ React22.createElement(Flex4, { align: "center", gap: "md" }, /* @__PURE__ */ React22.createElement(Stack12, { ta: "right", gap: 2 }, /* @__PURE__ */ React22.createElement(Badge3, { size: "sm", variant: "light", color: "blue", style: { fontFamily: "monospace", fontSize: "10px" } }, transaction.typeUrl), /* @__PURE__ */ React22.createElement(Text10, { size: "xs", c: "dimmed" }, formatTime(transaction.time))), mods && /* @__PURE__ */ React22.createElement(
+  const rows = items.map((transaction, index) => /* @__PURE__ */ React22.createElement(ListItemContainer, { key: transaction.transactionHash || index }, /* @__PURE__ */ React22.createElement(Flex5, { align: "center", gap: "sm" }, /* @__PURE__ */ React22.createElement(Stack12, { gap: 2 }, /* @__PURE__ */ React22.createElement(Tooltip2, { label: transaction.transactionHash, position: "top" }, /* @__PURE__ */ React22.createElement(Text10, { size: "sm", style: { fontFamily: "monospace" } }, truncateHash(transaction.transactionHash))), /* @__PURE__ */ React22.createElement(Text10, { size: "sm", c: "dimmed" }, transaction.memo || "-"))), /* @__PURE__ */ React22.createElement(Flex5, { align: "center", gap: "md" }, /* @__PURE__ */ React22.createElement(Stack12, { ta: "right", gap: 2 }, /* @__PURE__ */ React22.createElement(Badge3, { size: "sm", variant: "light", color: "blue", style: { fontFamily: "monospace", fontSize: "10px" } }, transaction.typeUrl), /* @__PURE__ */ React22.createElement(Text10, { size: "xs", c: "dimmed" }, formatTime(transaction.time))), mods && /* @__PURE__ */ React22.createElement(
     ListItemCheckbox,
     {
       ariaLabel: `Select transaction ${transaction.transactionHash}`,
@@ -2361,12 +2469,12 @@ var TransactionsList = ({ items, mods, isItemChecked, onItemCheck, config: _conf
 
 // src/mantine/blocks/list/collections/CollectionsList.tsx
 import React23 from "react";
-import { Text as Text11, Box as Box5, Image as Image2, Stack as Stack13, Flex as Flex5 } from "@mantine/core";
+import { Text as Text11, Box as Box5, Image as Image2, Stack as Stack13, Flex as Flex6 } from "@mantine/core";
 var CollectionsList = ({ items, mods, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React23.createElement(Text11, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No collections found");
   }
-  const rows = items.map((collection) => /* @__PURE__ */ React23.createElement(ListItemContainer, { key: collection.did }, /* @__PURE__ */ React23.createElement(Flex5, { align: "center", gap: "sm" }, /* @__PURE__ */ React23.createElement(Image2, { radius: 16, w: 32, h: 32, src: collection.icon }), /* @__PURE__ */ React23.createElement(Stack13, { gap: 0 }, /* @__PURE__ */ React23.createElement(Text11, { size: "sm" }, collection.name), /* @__PURE__ */ React23.createElement(Text11, { size: "sm", c: "dimmed" }, collection.brand))), /* @__PURE__ */ React23.createElement(Flex5, { align: "center", gap: "md" }, /* @__PURE__ */ React23.createElement(Stack13, { ta: "right", gap: 0 }, /* @__PURE__ */ React23.createElement(Text11, { size: "sm" }, collection.totalAssets, " Assets"), /* @__PURE__ */ React23.createElement(Text11, { size: "sm", c: "dimmed" }, collection.currency, collection.price)), mods && /* @__PURE__ */ React23.createElement(
+  const rows = items.map((collection) => /* @__PURE__ */ React23.createElement(ListItemContainer, { key: collection.did }, /* @__PURE__ */ React23.createElement(Flex6, { align: "center", gap: "sm" }, /* @__PURE__ */ React23.createElement(Image2, { radius: 16, w: 32, h: 32, src: collection.icon }), /* @__PURE__ */ React23.createElement(Stack13, { gap: 0 }, /* @__PURE__ */ React23.createElement(Text11, { size: "sm" }, collection.name), /* @__PURE__ */ React23.createElement(Text11, { size: "sm", c: "dimmed" }, collection.brand))), /* @__PURE__ */ React23.createElement(Flex6, { align: "center", gap: "md" }, /* @__PURE__ */ React23.createElement(Stack13, { ta: "right", gap: 0 }, /* @__PURE__ */ React23.createElement(Text11, { size: "sm" }, collection.totalAssets, " Assets"), /* @__PURE__ */ React23.createElement(Text11, { size: "sm", c: "dimmed" }, collection.currency, collection.price)), mods && /* @__PURE__ */ React23.createElement(
     ListItemCheckbox,
     {
       ariaLabel: `Select collection ${collection.did}`,
@@ -2379,12 +2487,12 @@ var CollectionsList = ({ items, mods, isItemChecked, onItemCheck }) => {
 
 // src/mantine/blocks/list/investments/InvestmentsList.tsx
 import React24 from "react";
-import { Text as Text12, Box as Box6, Image as Image3, Stack as Stack14, Flex as Flex6, Progress } from "@mantine/core";
+import { Text as Text12, Box as Box6, Image as Image3, Stack as Stack14, Flex as Flex7, Progress } from "@mantine/core";
 var InvestmentsList = ({ items, mods, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React24.createElement(Text12, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No investments found");
   }
-  const rows = items.map((investment) => /* @__PURE__ */ React24.createElement(ListItemContainer, { key: investment.did }, /* @__PURE__ */ React24.createElement(Flex6, { align: "center", gap: "sm" }, /* @__PURE__ */ React24.createElement(Image3, { radius: 16, w: 32, h: 32, src: investment.icon }), /* @__PURE__ */ React24.createElement(Stack14, { gap: 0 }, /* @__PURE__ */ React24.createElement(Text12, { size: "sm" }, investment.name || "-"), /* @__PURE__ */ React24.createElement(Text12, { size: "sm", c: "dimmed" }, investment.brand || "-"))), /* @__PURE__ */ React24.createElement(Flex6, { align: "center", gap: "md" }, /* @__PURE__ */ React24.createElement(Stack14, { ta: "right", gap: 0 }, /* @__PURE__ */ React24.createElement(Flex6, { gap: "5px" }, /* @__PURE__ */ React24.createElement(Text12, { size: "sm" }, investment.currency + formatNumber(investment.currentAmount)), /* @__PURE__ */ React24.createElement(Text12, { size: "sm", c: "dimmed" }, "/ ", investment.currency + formatNumber(investment.maxAmount))), /* @__PURE__ */ React24.createElement(Text12, { size: "xs", c: "dimmed" }, /* @__PURE__ */ React24.createElement(Progress, { color: "rgb(0, 255, 157)", radius: "xl", size: "lg", value: investment.currentAmount * 100 / investment.maxAmount }))), mods && /* @__PURE__ */ React24.createElement(
+  const rows = items.map((investment) => /* @__PURE__ */ React24.createElement(ListItemContainer, { key: investment.did }, /* @__PURE__ */ React24.createElement(Flex7, { align: "center", gap: "sm" }, /* @__PURE__ */ React24.createElement(Image3, { radius: 16, w: 32, h: 32, src: investment.icon }), /* @__PURE__ */ React24.createElement(Stack14, { gap: 0 }, /* @__PURE__ */ React24.createElement(Text12, { size: "sm" }, investment.name || "-"), /* @__PURE__ */ React24.createElement(Text12, { size: "sm", c: "dimmed" }, investment.brand || "-"))), /* @__PURE__ */ React24.createElement(Flex7, { align: "center", gap: "md" }, /* @__PURE__ */ React24.createElement(Stack14, { ta: "right", gap: 0 }, /* @__PURE__ */ React24.createElement(Flex7, { gap: "5px" }, /* @__PURE__ */ React24.createElement(Text12, { size: "sm" }, investment.currency + formatNumber(investment.currentAmount)), /* @__PURE__ */ React24.createElement(Text12, { size: "sm", c: "dimmed" }, "/ ", investment.currency + formatNumber(investment.maxAmount))), /* @__PURE__ */ React24.createElement(Text12, { size: "xs", c: "dimmed" }, /* @__PURE__ */ React24.createElement(Progress, { color: "rgb(0, 255, 157)", radius: "xl", size: "lg", value: investment.currentAmount * 100 / investment.maxAmount }))), mods && /* @__PURE__ */ React24.createElement(
     ListItemCheckbox,
     {
       ariaLabel: `Select investment ${investment.did}`,
@@ -2397,62 +2505,62 @@ var InvestmentsList = ({ items, mods, isItemChecked, onItemCheck }) => {
 
 // src/mantine/blocks/list/oracles/OraclesList.tsx
 import React25 from "react";
-import { Text as Text13, Box as Box7, Image as Image4, Stack as Stack15, Flex as Flex7 } from "@mantine/core";
+import { Text as Text13, Box as Box7, Image as Image4, Stack as Stack15, Flex as Flex8 } from "@mantine/core";
 var OraclesList = ({ items, mods, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React25.createElement(Text13, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No oracles found");
   }
-  const rows = items.map((oracle) => /* @__PURE__ */ React25.createElement(ListItemContainer, { key: oracle.did }, /* @__PURE__ */ React25.createElement(Flex7, { align: "center", gap: "sm" }, /* @__PURE__ */ React25.createElement(Image4, { radius: 16, w: 32, h: 32, src: oracle.icon }), /* @__PURE__ */ React25.createElement(Stack15, { gap: 0 }, /* @__PURE__ */ React25.createElement(Text13, { size: "sm" }, oracle.name || "-"), /* @__PURE__ */ React25.createElement(Text13, { size: "sm", c: "dimmed" }, oracle.brand || "-"))), /* @__PURE__ */ React25.createElement(Flex7, { align: "center", gap: "md" }, /* @__PURE__ */ React25.createElement(Stack15, { ta: "right", gap: 0 }, /* @__PURE__ */ React25.createElement(Text13, { size: "sm" }, oracle.currency || "-"), /* @__PURE__ */ React25.createElement(Text13, { size: "xs", c: "dimmed" }, oracle.minPoints, " - ", oracle.maxPoints, " pts"), /* @__PURE__ */ React25.createElement(Text13, { size: "xs", c: "dimmed" }, oracle.flowsAmount, " Flows")), mods && /* @__PURE__ */ React25.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${oracle.did}`, checked: isItemChecked?.(oracle.did), onCheck: (checked) => onItemCheck?.(oracle.did, checked) }))));
+  const rows = items.map((oracle) => /* @__PURE__ */ React25.createElement(ListItemContainer, { key: oracle.did }, /* @__PURE__ */ React25.createElement(Flex8, { align: "center", gap: "sm" }, /* @__PURE__ */ React25.createElement(Image4, { radius: 16, w: 32, h: 32, src: oracle.icon }), /* @__PURE__ */ React25.createElement(Stack15, { gap: 0 }, /* @__PURE__ */ React25.createElement(Text13, { size: "sm" }, oracle.name || "-"), /* @__PURE__ */ React25.createElement(Text13, { size: "sm", c: "dimmed" }, oracle.brand || "-"))), /* @__PURE__ */ React25.createElement(Flex8, { align: "center", gap: "md" }, /* @__PURE__ */ React25.createElement(Stack15, { ta: "right", gap: 0 }, /* @__PURE__ */ React25.createElement(Text13, { size: "sm" }, oracle.currency || "-"), /* @__PURE__ */ React25.createElement(Text13, { size: "xs", c: "dimmed" }, oracle.minPoints, " - ", oracle.maxPoints, " pts"), /* @__PURE__ */ React25.createElement(Text13, { size: "xs", c: "dimmed" }, oracle.flowsAmount, " Flows")), mods && /* @__PURE__ */ React25.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${oracle.did}`, checked: isItemChecked?.(oracle.did), onCheck: (checked) => onItemCheck?.(oracle.did, checked) }))));
   return /* @__PURE__ */ React25.createElement(Box7, { flex: 1 }, /* @__PURE__ */ React25.createElement(Stack15, null, rows));
 };
 
 // src/mantine/blocks/list/pods/PODsList.tsx
 import React26 from "react";
-import { Text as Text14, Box as Box8, Image as Image5, Stack as Stack16, Flex as Flex8 } from "@mantine/core";
+import { Text as Text14, Box as Box8, Image as Image5, Stack as Stack16, Flex as Flex9 } from "@mantine/core";
 var PodsList = ({ items, mods, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React26.createElement(Text14, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No PODs found");
   }
-  const rows = items.map((pod) => /* @__PURE__ */ React26.createElement(ListItemContainer, { key: pod.did }, /* @__PURE__ */ React26.createElement(Flex8, { align: "center", gap: "sm" }, /* @__PURE__ */ React26.createElement(Image5, { radius: 16, w: 32, h: 32, src: pod.icon }), /* @__PURE__ */ React26.createElement(Stack16, { gap: 0 }, /* @__PURE__ */ React26.createElement(Text14, { size: "sm" }, pod.name || "-"), /* @__PURE__ */ React26.createElement(Text14, { size: "sm", c: "dimmed" }, pod.startDate, " \u2192 ", pod.endDate))), /* @__PURE__ */ React26.createElement(Flex8, { align: "center", gap: "md" }, /* @__PURE__ */ React26.createElement(Stack16, { ta: "right", gap: 0 }, /* @__PURE__ */ React26.createElement(Text14, { size: "sm" }, pod.members, " Members"), /* @__PURE__ */ React26.createElement(Text14, { size: "sm", c: "dimmed" }, pod.totalProposals, " Proposals")), mods && /* @__PURE__ */ React26.createElement(ListItemCheckbox, { ariaLabel: `Select pod ${pod.did}`, checked: isItemChecked?.(pod.did), onCheck: (checked) => onItemCheck?.(pod.did, checked) }))));
+  const rows = items.map((pod) => /* @__PURE__ */ React26.createElement(ListItemContainer, { key: pod.did }, /* @__PURE__ */ React26.createElement(Flex9, { align: "center", gap: "sm" }, /* @__PURE__ */ React26.createElement(Image5, { radius: 16, w: 32, h: 32, src: pod.icon }), /* @__PURE__ */ React26.createElement(Stack16, { gap: 0 }, /* @__PURE__ */ React26.createElement(Text14, { size: "sm" }, pod.name || "-"), /* @__PURE__ */ React26.createElement(Text14, { size: "sm", c: "dimmed" }, pod.startDate, " \u2192 ", pod.endDate))), /* @__PURE__ */ React26.createElement(Flex9, { align: "center", gap: "md" }, /* @__PURE__ */ React26.createElement(Stack16, { ta: "right", gap: 0 }, /* @__PURE__ */ React26.createElement(Text14, { size: "sm" }, pod.members, " Members"), /* @__PURE__ */ React26.createElement(Text14, { size: "sm", c: "dimmed" }, pod.totalProposals, " Proposals")), mods && /* @__PURE__ */ React26.createElement(ListItemCheckbox, { ariaLabel: `Select pod ${pod.did}`, checked: isItemChecked?.(pod.did), onCheck: (checked) => onItemCheck?.(pod.did, checked) }))));
   return /* @__PURE__ */ React26.createElement(Box8, { flex: 1 }, /* @__PURE__ */ React26.createElement(Stack16, null, rows));
 };
 
 // src/mantine/blocks/list/proposals/ProposalsList.tsx
 import React27 from "react";
-import { Text as Text15, Box as Box9, Image as Image6, Stack as Stack17, Flex as Flex9, Badge as Badge4 } from "@mantine/core";
+import { Text as Text15, Box as Box9, Image as Image6, Stack as Stack17, Flex as Flex10, Badge as Badge4 } from "@mantine/core";
 var ProposalsList = ({ items, mods, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React27.createElement(Text15, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No proposals found");
   }
-  const rows = items.map((proposal) => /* @__PURE__ */ React27.createElement(ListItemContainer, { key: proposal.did }, /* @__PURE__ */ React27.createElement(Flex9, { align: "center", gap: "sm" }, /* @__PURE__ */ React27.createElement(Image6, { radius: 16, w: 32, h: 32, src: proposal.icon }), /* @__PURE__ */ React27.createElement(Stack17, { gap: 0 }, /* @__PURE__ */ React27.createElement(Text15, { size: "sm" }, proposal.name || "-"), /* @__PURE__ */ React27.createElement(Text15, { size: "xs", c: "dimmed" }, proposal.description || "-"))), /* @__PURE__ */ React27.createElement(Flex9, { align: "center", gap: "md" }, /* @__PURE__ */ React27.createElement(Stack17, { ta: "right", align: "end", gap: 0 }, /* @__PURE__ */ React27.createElement(Badge4, { size: "sm", variant: "light", color: "blue", style: { fontFamily: "monospace", fontSize: "10px" } }, proposal.status), /* @__PURE__ */ React27.createElement(Text15, { size: "sm", c: "dimmed" }, proposal.isVotedOn ? "Voted" : "Not voted")), mods && /* @__PURE__ */ React27.createElement(ListItemCheckbox, { ariaLabel: `Select proposal ${proposal.did}`, checked: isItemChecked?.(proposal.did), onCheck: (checked) => onItemCheck?.(proposal.did, checked) }))));
+  const rows = items.map((proposal) => /* @__PURE__ */ React27.createElement(ListItemContainer, { key: proposal.did }, /* @__PURE__ */ React27.createElement(Flex10, { align: "center", gap: "sm" }, /* @__PURE__ */ React27.createElement(Image6, { radius: 16, w: 32, h: 32, src: proposal.icon }), /* @__PURE__ */ React27.createElement(Stack17, { gap: 0 }, /* @__PURE__ */ React27.createElement(Text15, { size: "sm" }, proposal.name || "-"), /* @__PURE__ */ React27.createElement(Text15, { size: "xs", c: "dimmed" }, proposal.description || "-"))), /* @__PURE__ */ React27.createElement(Flex10, { align: "center", gap: "md" }, /* @__PURE__ */ React27.createElement(Stack17, { ta: "right", align: "end", gap: 0 }, /* @__PURE__ */ React27.createElement(Badge4, { size: "sm", variant: "light", color: "blue", style: { fontFamily: "monospace", fontSize: "10px" } }, proposal.status), /* @__PURE__ */ React27.createElement(Text15, { size: "sm", c: "dimmed" }, proposal.isVotedOn ? "Voted" : "Not voted")), mods && /* @__PURE__ */ React27.createElement(ListItemCheckbox, { ariaLabel: `Select proposal ${proposal.did}`, checked: isItemChecked?.(proposal.did), onCheck: (checked) => onItemCheck?.(proposal.did, checked) }))));
   return /* @__PURE__ */ React27.createElement(Box9, { flex: 1 }, /* @__PURE__ */ React27.createElement(Stack17, null, rows));
 };
 
 // src/mantine/blocks/list/requests/RequestsList.tsx
 import React28 from "react";
-import { Text as Text16, Box as Box10, Image as Image7, Stack as Stack18, Flex as Flex10 } from "@mantine/core";
+import { Text as Text16, Box as Box10, Image as Image7, Stack as Stack18, Flex as Flex11 } from "@mantine/core";
 var RequestsList = ({ items, mods, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React28.createElement(Text16, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No requests found");
   }
-  const rows = items.map((request) => /* @__PURE__ */ React28.createElement(ListItemContainer, { key: request.did }, /* @__PURE__ */ React28.createElement(Flex10, { align: "center", gap: "sm" }, /* @__PURE__ */ React28.createElement(Image7, { radius: 16, w: 32, h: 32, src: request.icon }), /* @__PURE__ */ React28.createElement(Stack18, { gap: 0 }, /* @__PURE__ */ React28.createElement(Text16, { size: "sm" }, request.name || "-"), /* @__PURE__ */ React28.createElement(Text16, { size: "sm", c: "dimmed" }, request.brand || "-"))), /* @__PURE__ */ React28.createElement(Flex10, { align: "center", gap: "md" }, /* @__PURE__ */ React28.createElement(Stack18, { ta: "right", gap: 0 }, /* @__PURE__ */ React28.createElement(Text16, { size: "sm", c: "dimmed" }, request.currency || "", request.budget ?? "-"), /* @__PURE__ */ React28.createElement(Text16, { size: "xs", c: "dimmed" }, request.totalApplications ?? 0, " Applications")), mods && /* @__PURE__ */ React28.createElement(ListItemCheckbox, { ariaLabel: `Select request ${request.did}`, checked: isItemChecked?.(request.did), onCheck: (checked) => onItemCheck?.(request.did, checked) }))));
+  const rows = items.map((request) => /* @__PURE__ */ React28.createElement(ListItemContainer, { key: request.did }, /* @__PURE__ */ React28.createElement(Flex11, { align: "center", gap: "sm" }, /* @__PURE__ */ React28.createElement(Image7, { radius: 16, w: 32, h: 32, src: request.icon }), /* @__PURE__ */ React28.createElement(Stack18, { gap: 0 }, /* @__PURE__ */ React28.createElement(Text16, { size: "sm" }, request.name || "-"), /* @__PURE__ */ React28.createElement(Text16, { size: "sm", c: "dimmed" }, request.brand || "-"))), /* @__PURE__ */ React28.createElement(Flex11, { align: "center", gap: "md" }, /* @__PURE__ */ React28.createElement(Stack18, { ta: "right", gap: 0 }, /* @__PURE__ */ React28.createElement(Text16, { size: "sm", c: "dimmed" }, request.currency || "", request.budget ?? "-"), /* @__PURE__ */ React28.createElement(Text16, { size: "xs", c: "dimmed" }, request.totalApplications ?? 0, " Applications")), mods && /* @__PURE__ */ React28.createElement(ListItemCheckbox, { ariaLabel: `Select request ${request.did}`, checked: isItemChecked?.(request.did), onCheck: (checked) => onItemCheck?.(request.did, checked) }))));
   return /* @__PURE__ */ React28.createElement(Box10, { flex: 1 }, /* @__PURE__ */ React28.createElement(Stack18, null, rows));
 };
 
 // src/mantine/blocks/list/members/MembersList.tsx
 import React29 from "react";
-import { Text as Text17, Box as Box11, Image as Image8, Stack as Stack19, Flex as Flex11 } from "@mantine/core";
+import { Text as Text17, Box as Box11, Image as Image8, Stack as Stack19, Flex as Flex12 } from "@mantine/core";
 var MembersList = ({ items, mods, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React29.createElement(Text17, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No members found");
   }
-  const rows = items.map((member) => /* @__PURE__ */ React29.createElement(ListItemContainer, { key: member.did }, /* @__PURE__ */ React29.createElement(Flex11, { align: "center", gap: "sm" }, /* @__PURE__ */ React29.createElement(Image8, { radius: 16, w: 32, h: 32, src: member.icon }), /* @__PURE__ */ React29.createElement(Stack19, { gap: 0 }, /* @__PURE__ */ React29.createElement(Text17, { size: "sm" }, member.username || "-"), /* @__PURE__ */ React29.createElement(Text17, { size: "xs", c: "dimmed" }, member.address || "-"))), /* @__PURE__ */ React29.createElement(Flex11, { align: "center", gap: "md" }, /* @__PURE__ */ React29.createElement(Stack19, { ta: "right", gap: 0 }, /* @__PURE__ */ React29.createElement(Text17, { size: "sm" }, member.percentage), /* @__PURE__ */ React29.createElement(Text17, { size: "sm", c: "dimmed" }, member.role)), mods && /* @__PURE__ */ React29.createElement(ListItemCheckbox, { ariaLabel: `Select member ${member.did}`, checked: isItemChecked?.(member.did), onCheck: (checked) => onItemCheck?.(member.did, checked) }))));
+  const rows = items.map((member) => /* @__PURE__ */ React29.createElement(ListItemContainer, { key: member.did }, /* @__PURE__ */ React29.createElement(Flex12, { align: "center", gap: "sm" }, /* @__PURE__ */ React29.createElement(Image8, { radius: 16, w: 32, h: 32, src: member.icon }), /* @__PURE__ */ React29.createElement(Stack19, { gap: 0 }, /* @__PURE__ */ React29.createElement(Text17, { size: "sm" }, member.username || "-"), /* @__PURE__ */ React29.createElement(Text17, { size: "xs", c: "dimmed" }, member.address || "-"))), /* @__PURE__ */ React29.createElement(Flex12, { align: "center", gap: "md" }, /* @__PURE__ */ React29.createElement(Stack19, { ta: "right", gap: 0 }, /* @__PURE__ */ React29.createElement(Text17, { size: "sm" }, member.percentage), /* @__PURE__ */ React29.createElement(Text17, { size: "sm", c: "dimmed" }, member.role)), mods && /* @__PURE__ */ React29.createElement(ListItemCheckbox, { ariaLabel: `Select member ${member.did}`, checked: isItemChecked?.(member.did), onCheck: (checked) => onItemCheck?.(member.did, checked) }))));
   return /* @__PURE__ */ React29.createElement(Box11, { flex: 1 }, /* @__PURE__ */ React29.createElement(Stack19, null, rows));
 };
 
 // src/mantine/blocks/list/validators/ValidatorsList.tsx
 import React30 from "react";
-import { Text as Text18, Box as Box12, Image as Image9, Stack as Stack20, Flex as Flex12 } from "@mantine/core";
+import { Text as Text18, Box as Box12, Image as Image9, Stack as Stack20, Flex as Flex13 } from "@mantine/core";
 
 // src/core/utils/numbers.ts
 var numberFormatter = (num, digits) => {
@@ -2483,7 +2591,7 @@ var ValidatorsList = ({ items, mods, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React30.createElement(Text18, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No validators found");
   }
-  const rows = items.map((v) => /* @__PURE__ */ React30.createElement(ListItemContainer, { key: v.did }, /* @__PURE__ */ React30.createElement(Flex12, { align: "center", gap: "sm" }, /* @__PURE__ */ React30.createElement(Image9, { radius: 16, w: 32, h: 32, src: v.icon }), /* @__PURE__ */ React30.createElement(Stack20, { gap: 0 }, /* @__PURE__ */ React30.createElement(Text18, { size: "sm" }, v.name || "-"), /* @__PURE__ */ React30.createElement(Text18, { size: "xs", c: "dimmed" }, v.description || "-"))), /* @__PURE__ */ React30.createElement(Flex12, { align: "center", gap: "md" }, /* @__PURE__ */ React30.createElement(Stack20, { ta: "right", gap: 0 }, /* @__PURE__ */ React30.createElement(Text18, { size: "sm" }, numberFormatter(getDisplayDelegatedTokensFromValidator(v), 2), " ", v.currency), /* @__PURE__ */ React30.createElement(Text18, { size: "sm", c: "dimmed" }, v.commission, "% fee"), /* @__PURE__ */ React30.createElement(Text18, { size: "xs", c: "dimmed" }, v.isActive ? "Active" : "Inactive", " \u2022 ", v.isStaked ? "Staked" : "Not staked", " \u2022 ", v.isBonding ? "Bonding" : "Not bonding")), mods && /* @__PURE__ */ React30.createElement(ListItemCheckbox, { ariaLabel: `Select validator ${v.did}`, checked: isItemChecked?.(v.did), onCheck: (checked) => onItemCheck?.(v.did, checked) }))));
+  const rows = items.map((v) => /* @__PURE__ */ React30.createElement(ListItemContainer, { key: v.did }, /* @__PURE__ */ React30.createElement(Flex13, { align: "center", gap: "sm" }, /* @__PURE__ */ React30.createElement(Image9, { radius: 16, w: 32, h: 32, src: v.icon }), /* @__PURE__ */ React30.createElement(Stack20, { gap: 0 }, /* @__PURE__ */ React30.createElement(Text18, { size: "sm" }, v.name || "-"), /* @__PURE__ */ React30.createElement(Text18, { size: "xs", c: "dimmed" }, v.description || "-"))), /* @__PURE__ */ React30.createElement(Flex13, { align: "center", gap: "md" }, /* @__PURE__ */ React30.createElement(Stack20, { ta: "right", gap: 0 }, /* @__PURE__ */ React30.createElement(Text18, { size: "sm" }, numberFormatter(getDisplayDelegatedTokensFromValidator(v), 2), " ", v.currency), /* @__PURE__ */ React30.createElement(Text18, { size: "sm", c: "dimmed" }, v.commission, "% fee"), /* @__PURE__ */ React30.createElement(Text18, { size: "xs", c: "dimmed" }, v.isActive ? "Active" : "Inactive", " \u2022 ", v.isStaked ? "Staked" : "Not staked", " \u2022 ", v.isBonding ? "Bonding" : "Not bonding")), mods && /* @__PURE__ */ React30.createElement(ListItemCheckbox, { ariaLabel: `Select validator ${v.did}`, checked: isItemChecked?.(v.did), onCheck: (checked) => onItemCheck?.(v.did, checked) }))));
   return /* @__PURE__ */ React30.createElement(Box12, { flex: 1 }, /* @__PURE__ */ React30.createElement(Stack20, null, rows));
 };
 
@@ -2582,7 +2690,7 @@ function filterListItems(items, filterOption) {
 }
 
 // src/mantine/blocks/list/flow/ListFlowView.tsx
-import { IconArrowDown as IconArrowDown2, IconArrowRight as IconArrowRight2, IconArrowUp as IconArrowUp2, IconChevronDown, IconChevronUp, IconRefresh, IconSettings, IconAlertCircle } from "@tabler/icons-react";
+import { IconArrowDown as IconArrowDown2, IconArrowUp as IconArrowUp2, IconChevronDown, IconChevronUp, IconRefresh, IconSettings, IconAlertCircle } from "@tabler/icons-react";
 
 // src/mantine/blocks/list/ListPagination.tsx
 import React33 from "react";
@@ -2616,12 +2724,12 @@ var DEFAULT_PAGE_SIZE = 5;
 
 // src/mantine/blocks/list/dao_members/MembersList.tsx
 import React34 from "react";
-import { Text as Text21, Box as Box13, Image as Image10, Stack as Stack21, Flex as Flex13 } from "@mantine/core";
+import { Text as Text21, Box as Box13, Image as Image10, Stack as Stack21, Flex as Flex14 } from "@mantine/core";
 var DaoMembersList = ({ items, mods, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React34.createElement(Text21, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No members found");
   }
-  const rows = items.map((member) => /* @__PURE__ */ React34.createElement(ListItemContainer, { key: member.did }, /* @__PURE__ */ React34.createElement(Flex13, { align: "center", gap: "sm" }, /* @__PURE__ */ React34.createElement(Image10, { radius: 16, w: 32, h: 32, src: member.icon }), /* @__PURE__ */ React34.createElement(Stack21, { gap: 0 }, /* @__PURE__ */ React34.createElement(Text21, { size: "sm", fw: 500 }, member.username || "Unknown User"), /* @__PURE__ */ React34.createElement(Text21, { size: "xs", c: "dimmed", lineClamp: 1 }, member.address || "No address"))), /* @__PURE__ */ React34.createElement(Flex13, { align: "center", gap: "md" }, /* @__PURE__ */ React34.createElement(Stack21, { ta: "right", gap: 0 }, /* @__PURE__ */ React34.createElement(Text21, { size: "sm", fw: 500, c: "blue" }, member.percentage || "0%"), /* @__PURE__ */ React34.createElement(Text21, { size: "xs", c: "dimmed", tt: "capitalize" }, member.role || "member")), mods && /* @__PURE__ */ React34.createElement(
+  const rows = items.map((member) => /* @__PURE__ */ React34.createElement(ListItemContainer, { key: member.did }, /* @__PURE__ */ React34.createElement(Flex14, { align: "center", gap: "sm" }, /* @__PURE__ */ React34.createElement(Image10, { radius: 16, w: 32, h: 32, src: member.icon }), /* @__PURE__ */ React34.createElement(Stack21, { gap: 0 }, /* @__PURE__ */ React34.createElement(Text21, { size: "sm", fw: 500 }, member.username || "Unknown User"), /* @__PURE__ */ React34.createElement(Text21, { size: "xs", c: "dimmed", lineClamp: 1 }, member.address || "No address"))), /* @__PURE__ */ React34.createElement(Flex14, { align: "center", gap: "md" }, /* @__PURE__ */ React34.createElement(Stack21, { ta: "right", gap: 0 }, /* @__PURE__ */ React34.createElement(Text21, { size: "sm", fw: 500, c: "blue" }, member.percentage || "0%"), /* @__PURE__ */ React34.createElement(Text21, { size: "xs", c: "dimmed", tt: "capitalize" }, member.role || "member")), mods && /* @__PURE__ */ React34.createElement(
     ListItemCheckbox,
     {
       ariaLabel: `Select member ${member.username || member.did}`,
@@ -2638,14 +2746,14 @@ import { Paper as Paper4, CloseButton as CloseButton3, Stack as Stack23, Alert a
 
 // src/mantine/blocks/list/components/SelectionPanelContent.tsx
 import React35 from "react";
-import { Stack as Stack22, Text as Text22, Title as Title3, Divider as Divider2, Flex as Flex14, Paper as Paper3, Group as Group6 } from "@mantine/core";
+import { Stack as Stack22, Text as Text22, Title as Title3, Divider as Divider2, Flex as Flex15, Paper as Paper3, Group as Group6 } from "@mantine/core";
 import { useHover } from "@mantine/hooks";
 import { IconArrowRight, IconTarget } from "@tabler/icons-react";
 var SelectionPanelHeader = ({ title, description }) => {
   return /* @__PURE__ */ React35.createElement(Stack22, { gap: "xs" }, /* @__PURE__ */ React35.createElement(Title3, { fw: 400, order: 3 }, title), /* @__PURE__ */ React35.createElement(Text22, { c: "dimmed" }, description));
 };
 var SelectionPromptItem = ({ prompt }) => {
-  return /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement(Flex14, { gap: 10 }, /* @__PURE__ */ React35.createElement(IconArrowRight, { size: 24, color: "white" }), /* @__PURE__ */ React35.createElement(Text22, null, prompt.text)), /* @__PURE__ */ React35.createElement(Divider2, { c: "dimmed", h: 1 }));
+  return /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement(Flex15, { gap: 10 }, /* @__PURE__ */ React35.createElement(IconArrowRight, { size: 24, color: "white" }), /* @__PURE__ */ React35.createElement(Text22, null, prompt.text)), /* @__PURE__ */ React35.createElement(Divider2, { c: "dimmed", h: 1 }));
 };
 var SelectionPrompts = ({ prompts }) => {
   if (!prompts || prompts.length === 0) return null;
@@ -2808,29 +2916,41 @@ var ListSelectionPanel = ({ selectedIds, listType }) => {
         }
       }
     ),
-    loading ? /* @__PURE__ */ React36.createElement(Center, { h: 200 }, /* @__PURE__ */ React36.createElement(Loader, null)) : error ? /* @__PURE__ */ React36.createElement(Alert3, { color: "red", title: "Error" }, /* @__PURE__ */ React36.createElement(Text23, { size: "sm" }, error)) : itemData ? /* @__PURE__ */ React36.createElement(Stack23, { gap: "md", style: { flex: 1 } }, /* @__PURE__ */ React36.createElement(SelectionPanelHeader, { title: panelConfig.title(itemData), description: panelConfig.description(itemData) }), /* @__PURE__ */ React36.createElement(SelectionPrompts, { prompts: panelConfig.prompts(itemData) }), /* @__PURE__ */ React36.createElement(SelectionActionSections, { sections: panelConfig.actionSections(itemData), itemId: selectedItemId, itemData })) : /* @__PURE__ */ React36.createElement(SelectionPanelEmpty, { message: "Failed to load item details" })
+    loading ? /* @__PURE__ */ React36.createElement(Center, { h: 200 }, /* @__PURE__ */ React36.createElement(Loader, null)) : error ? /* @__PURE__ */ React36.createElement(Alert3, { color: "red", title: "Error" }, /* @__PURE__ */ React36.createElement(Text23, { size: "sm" }, error)) : itemData ? /* @__PURE__ */ React36.createElement(Stack23, { gap: "md", style: { flex: 1 } }, /* @__PURE__ */ React36.createElement(SelectionPanelHeader, { title: panelConfig.title(itemData), description: panelConfig.description(itemData) }), panelConfig?.image && /* @__PURE__ */ React36.createElement(
+      "img",
+      {
+        src: panelConfig?.image(itemData),
+        alt: "Selected item preview",
+        style: {
+          borderRadius: 8,
+          width: "100%",
+          height: 240,
+          objectFit: "cover"
+        }
+      }
+    ), /* @__PURE__ */ React36.createElement(SelectionPrompts, { prompts: panelConfig.prompts(itemData) }), /* @__PURE__ */ React36.createElement(SelectionActionSections, { sections: panelConfig.actionSections(itemData), itemId: selectedItemId, itemData })) : /* @__PURE__ */ React36.createElement(SelectionPanelEmpty, { message: "Failed to load item details" })
   );
 };
 
 // src/mantine/blocks/list/projects/ProjectsList.tsx
 import React37 from "react";
-import { Text as Text24, Box as Box14, Image as Image11, Stack as Stack24, Flex as Flex15 } from "@mantine/core";
+import { Text as Text24, Box as Box14, Image as Image11, Stack as Stack24, Flex as Flex16 } from "@mantine/core";
 var ProjectsList = ({ items, mods, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React37.createElement(Text24, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No Projects found");
   }
-  const rows = items.map((project) => /* @__PURE__ */ React37.createElement(ListItemContainer, { key: project.did }, /* @__PURE__ */ React37.createElement(Flex15, { align: "center", gap: "sm" }, /* @__PURE__ */ React37.createElement(Image11, { radius: 16, w: 32, h: 32, src: project.icon }), /* @__PURE__ */ React37.createElement(Stack24, { gap: 0 }, /* @__PURE__ */ React37.createElement(Text24, { size: "sm" }, project.name || "-"), /* @__PURE__ */ React37.createElement(Text24, { size: "sm", c: "dimmed" }, shortStr(project.description, 50, 0) || "-"))), /* @__PURE__ */ React37.createElement(Flex15, { align: "center", gap: "md" }, mods && /* @__PURE__ */ React37.createElement(ListItemCheckbox, { ariaLabel: `Select request ${project.did}`, checked: isItemChecked?.(project.did), onCheck: (checked) => onItemCheck?.(project.did, checked) }))));
+  const rows = items.map((project) => /* @__PURE__ */ React37.createElement(ListItemContainer, { key: project.did }, /* @__PURE__ */ React37.createElement(Flex16, { align: "center", gap: "sm" }, /* @__PURE__ */ React37.createElement(Image11, { radius: 16, w: 32, h: 32, src: project.icon }), /* @__PURE__ */ React37.createElement(Stack24, { gap: 0 }, /* @__PURE__ */ React37.createElement(Text24, { size: "sm" }, project.name || "-"), /* @__PURE__ */ React37.createElement(Text24, { size: "sm", c: "dimmed" }, shortStr(project.description, 50, 0) || "-"))), /* @__PURE__ */ React37.createElement(Flex16, { align: "center", gap: "md" }, mods && /* @__PURE__ */ React37.createElement(ListItemCheckbox, { ariaLabel: `Select request ${project.did}`, checked: isItemChecked?.(project.did), onCheck: (checked) => onItemCheck?.(project.did, checked) }))));
   return /* @__PURE__ */ React37.createElement(Box14, { flex: 1 }, /* @__PURE__ */ React37.createElement(Stack24, null, rows));
 };
 
 // src/mantine/blocks/list/daos/DaosList.tsx
 import React38 from "react";
-import { Text as Text25, Box as Box15, Image as Image12, Stack as Stack25, Flex as Flex16 } from "@mantine/core";
+import { Text as Text25, Box as Box15, Image as Image12, Stack as Stack25, Flex as Flex17 } from "@mantine/core";
 var DaosList = ({ items, mods, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React38.createElement(Text25, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No Daos found");
   }
-  const rows = items.map((dao) => /* @__PURE__ */ React38.createElement(ListItemContainer, { key: dao.did }, /* @__PURE__ */ React38.createElement(Flex16, { align: "center", gap: "sm" }, /* @__PURE__ */ React38.createElement(Image12, { radius: 16, w: 32, h: 32, src: dao.icon }), /* @__PURE__ */ React38.createElement(Stack25, { gap: 0 }, /* @__PURE__ */ React38.createElement(Text25, { size: "sm" }, dao.name || "-"), /* @__PURE__ */ React38.createElement(Text25, { size: "sm", c: "dimmed" }, shortStr(dao.description, 50, 0) || "-"))), /* @__PURE__ */ React38.createElement(Flex16, { align: "center", gap: "md" }, mods && /* @__PURE__ */ React38.createElement(ListItemCheckbox, { ariaLabel: `Select request ${dao.did}`, checked: isItemChecked?.(dao.did), onCheck: (checked) => onItemCheck?.(dao.did, checked) }))));
+  const rows = items.map((dao) => /* @__PURE__ */ React38.createElement(ListItemContainer, { key: dao.did }, /* @__PURE__ */ React38.createElement(Flex17, { align: "center", gap: "sm" }, /* @__PURE__ */ React38.createElement(Image12, { radius: 16, w: 32, h: 32, src: dao.icon }), /* @__PURE__ */ React38.createElement(Stack25, { gap: 0 }, /* @__PURE__ */ React38.createElement(Text25, { size: "sm" }, dao.name || "-"), /* @__PURE__ */ React38.createElement(Text25, { size: "sm", c: "dimmed" }, shortStr(dao.description, 50, 0) || "-"))), /* @__PURE__ */ React38.createElement(Flex17, { align: "center", gap: "md" }, mods && /* @__PURE__ */ React38.createElement(ListItemCheckbox, { ariaLabel: `Select request ${dao.did}`, checked: isItemChecked?.(dao.did), onCheck: (checked) => onItemCheck?.(dao.did, checked) }))));
   return /* @__PURE__ */ React38.createElement(Box15, { flex: 1 }, /* @__PURE__ */ React38.createElement(Stack25, null, rows));
 };
 
@@ -2944,7 +3064,7 @@ var ListFlowView = ({ block, editor }) => {
     () => /* @__PURE__ */ React40.createElement(ListSelectionPanel, { editor, block, selectedIds, listType }),
     [editor, block, selectedIds, listType]
   );
-  const { open: openSelectionPanel } = usePanel(selectionPanelId, selectionPanelContent);
+  const { open: openSelectionPanel, close: closeSelectionPanel } = usePanel(selectionPanelId, selectionPanelContent);
   useEffect6(() => {
     if (selectionMode === "single" && selectedIds.size > 1) {
       const arr = Array.from(selectedIds);
@@ -2964,15 +3084,21 @@ var ListFlowView = ({ block, editor }) => {
         const nextSelectedIds = new Set(prev);
         if (selectionMode === "single") {
           if (checked) {
+            openSelectionPanel();
             return /* @__PURE__ */ new Set([id]);
           }
           nextSelectedIds.delete(id);
+          closeSelectionPanel();
           return nextSelectedIds;
         }
         if (checked) {
+          openSelectionPanel();
           nextSelectedIds.add(id);
         } else {
           nextSelectedIds.delete(id);
+          if (nextSelectedIds.size === 0) {
+            closeSelectionPanel();
+          }
         }
         return nextSelectedIds;
       });
@@ -3226,10 +3352,10 @@ var ListFlowView = ({ block, editor }) => {
   if (!listType) {
     return /* @__PURE__ */ React40.createElement(Center2, { py: "xl" }, /* @__PURE__ */ React40.createElement(Text26, { size: "sm", c: "dimmed" }, "List not configured"));
   }
-  return /* @__PURE__ */ React40.createElement(Stack26, { w: "100%" }, /* @__PURE__ */ React40.createElement(Flex17, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React40.createElement(Title4, { order: 4 }, getListNameByType(listType)), /* @__PURE__ */ React40.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: toggle, "aria-label": opened ? "Collapse" : "Expand", title: opened ? "Collapse" : "Expand" }, opened ? /* @__PURE__ */ React40.createElement(IconChevronUp, { size: 18 }) : /* @__PURE__ */ React40.createElement(IconChevronDown, { size: 18 }))), /* @__PURE__ */ React40.createElement(Collapse, { pb: 5, px: 5, in: opened }, /* @__PURE__ */ React40.createElement(Stack26, { mih: totalPages !== 1 ? 500 : void 0, w: "100%" }, /* @__PURE__ */ React40.createElement(Flex17, { align: "center", gap: "xs" }, listSortConfig?.key && /* @__PURE__ */ React40.createElement(Flex17, { align: "center" }, /* @__PURE__ */ React40.createElement(Text26, { size: "xs" }, listSortConfig.key?.replace(/([A-Z])/g, " $1").replace(
+  return /* @__PURE__ */ React40.createElement(Stack26, { w: "100%" }, /* @__PURE__ */ React40.createElement(Flex18, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React40.createElement(Title4, { order: 4 }, getListNameByType(listType)), /* @__PURE__ */ React40.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: toggle, "aria-label": opened ? "Collapse" : "Expand", title: opened ? "Collapse" : "Expand" }, opened ? /* @__PURE__ */ React40.createElement(IconChevronUp, { size: 18 }) : /* @__PURE__ */ React40.createElement(IconChevronDown, { size: 18 }))), /* @__PURE__ */ React40.createElement(Collapse, { pb: 5, px: 5, in: opened }, /* @__PURE__ */ React40.createElement(Stack26, { mih: totalPages !== 1 ? 500 : void 0, w: "100%" }, /* @__PURE__ */ React40.createElement(Flex18, { align: "center", gap: "xs" }, listSortConfig?.key && /* @__PURE__ */ React40.createElement(Flex18, { align: "center" }, /* @__PURE__ */ React40.createElement(Text26, { size: "xs" }, listSortConfig.key?.replace(/([A-Z])/g, " $1").replace(
     /^./,
     (str) => str.toUpperCase()
-  ), " "), /* @__PURE__ */ React40.createElement(Text26, { lh: 0.5 }, listSortConfig.direction === "asc" && /* @__PURE__ */ React40.createElement(IconArrowUp2, { size: 18 }), listSortConfig.direction === "desc" && /* @__PURE__ */ React40.createElement(IconArrowDown2, { size: 18 }))), selectionMode && /* @__PURE__ */ React40.createElement(Text26, { lh: 0.5 }, selectionMode === "single" ? "Single Selection" : "Multi Selection")), /* @__PURE__ */ React40.createElement(Flex17, { justify: "space-between" }, /* @__PURE__ */ React40.createElement(Flex17, { gap: "xs", align: "center" }, /* @__PURE__ */ React40.createElement(FilterTab, { key: "All", label: "All", isActive: !listFilterConfig?.key, onClick: () => handleFilterChange(null) }), Array.isArray(listFilterConfigOptions) && listFilterConfigOptions.length > 0 && listFilterConfigOptions.map(({ key, label, type }) => /* @__PURE__ */ React40.createElement(
+  ), " "), /* @__PURE__ */ React40.createElement(Text26, { lh: 0.5 }, listSortConfig.direction === "asc" && /* @__PURE__ */ React40.createElement(IconArrowUp2, { size: 18 }), listSortConfig.direction === "desc" && /* @__PURE__ */ React40.createElement(IconArrowDown2, { size: 18 }))), selectionMode && /* @__PURE__ */ React40.createElement(Text26, { lh: 0.5 }, selectionMode === "single" ? "Single Selection" : "Multi Selection")), /* @__PURE__ */ React40.createElement(Flex18, { justify: "space-between" }, /* @__PURE__ */ React40.createElement(Flex18, { gap: "xs", align: "center" }, /* @__PURE__ */ React40.createElement(FilterTab, { key: "All", label: "All", isActive: !listFilterConfig?.key, onClick: () => handleFilterChange(null) }), Array.isArray(listFilterConfigOptions) && listFilterConfigOptions.length > 0 && listFilterConfigOptions.map(({ key, label, type }) => /* @__PURE__ */ React40.createElement(
     FilterTab,
     {
       key: label,
@@ -3237,7 +3363,7 @@ var ListFlowView = ({ block, editor }) => {
       isActive: listFilterConfig?.key === key && listFilterConfig?.value === type,
       onClick: () => handleFilterChange({ key, value: type })
     }
-  ))), /* @__PURE__ */ React40.createElement(Flex17, { gap: "xs" }, /* @__PURE__ */ React40.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: fetchData, loading }, /* @__PURE__ */ React40.createElement(IconRefresh, { size: 18 })), editable && /* @__PURE__ */ React40.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: openPanel }, /* @__PURE__ */ React40.createElement(IconSettings, { size: 18 })), selectedIds.size > 0 && /* @__PURE__ */ React40.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: openSelectionPanel }, /* @__PURE__ */ React40.createElement(IconArrowRight2, null)), listConfig && listSortConfigOptions && listSortConfigOptions?.length > 0 && /* @__PURE__ */ React40.createElement(
+  ))), /* @__PURE__ */ React40.createElement(Flex18, { gap: "xs" }, /* @__PURE__ */ React40.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: fetchData, loading }, /* @__PURE__ */ React40.createElement(IconRefresh, { size: 18 })), editable && /* @__PURE__ */ React40.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: openPanel }, /* @__PURE__ */ React40.createElement(IconSettings, { size: 18 })), listConfig && listSortConfigOptions && listSortConfigOptions?.length > 0 && /* @__PURE__ */ React40.createElement(
     ListActionsMenu,
     {
       onSelectActionClick: (mode) => setSelectionMode(mode),
@@ -3247,7 +3373,7 @@ var ListFlowView = ({ block, editor }) => {
       onChange: (sortOption) => handleSortChange(sortOption),
       onDownloadCsv: data?.items ? () => downloadArrayAsCsv(data.items) : void 0
     }
-  ))), /* @__PURE__ */ React40.createElement(Flex17, { flex: 1 }, loading ? /* @__PURE__ */ React40.createElement(Center2, { py: "xl", w: "100%" }, /* @__PURE__ */ React40.createElement(Loader2, { size: "md", mx: "auto" })) : error ? /* @__PURE__ */ React40.createElement(Alert4, { color: "red", title: "Failed to load data", icon: /* @__PURE__ */ React40.createElement(IconAlertCircle, { size: 18 }) }, /* @__PURE__ */ React40.createElement(Stack26, { gap: "xs" }, /* @__PURE__ */ React40.createElement(Text26, { size: "sm" }, showErrorDetails ? error : "Unable to fetch list data"), /* @__PURE__ */ React40.createElement(Group7, { gap: "xs" }, /* @__PURE__ */ React40.createElement(Button5, { size: "xs", variant: "subtle", onClick: fetchData }, "Retry"), /* @__PURE__ */ React40.createElement(Button5, { size: "xs", variant: "subtle", onClick: () => setShowErrorDetails(!showErrorDetails) }, showErrorDetails ? "Hide" : "Show", " Details")))) : /* @__PURE__ */ React40.createElement(Stack26, { flex: 1 }, /* @__PURE__ */ React40.createElement(Stack26, { gap: "md" }, renderListComponent(), /* @__PURE__ */ React40.createElement(
+  ))), /* @__PURE__ */ React40.createElement(Flex18, { flex: 1 }, loading ? /* @__PURE__ */ React40.createElement(Center2, { py: "xl", w: "100%" }, /* @__PURE__ */ React40.createElement(Loader2, { size: "md", mx: "auto" })) : error ? /* @__PURE__ */ React40.createElement(Alert4, { color: "red", title: "Failed to load data", icon: /* @__PURE__ */ React40.createElement(IconAlertCircle, { size: 18 }) }, /* @__PURE__ */ React40.createElement(Stack26, { gap: "xs" }, /* @__PURE__ */ React40.createElement(Text26, { size: "sm" }, showErrorDetails ? error : "Unable to fetch list data"), /* @__PURE__ */ React40.createElement(Group7, { gap: "xs" }, /* @__PURE__ */ React40.createElement(Button5, { size: "xs", variant: "subtle", onClick: fetchData }, "Retry"), /* @__PURE__ */ React40.createElement(Button5, { size: "xs", variant: "subtle", onClick: () => setShowErrorDetails(!showErrorDetails) }, showErrorDetails ? "Hide" : "Show", " Details")))) : /* @__PURE__ */ React40.createElement(Stack26, { flex: 1 }, /* @__PURE__ */ React40.createElement(Stack26, { gap: "md" }, renderListComponent(), /* @__PURE__ */ React40.createElement(
     ListPagination,
     {
       page,
@@ -3434,19 +3560,32 @@ import { Paper as Paper6, CloseButton as CloseButton4, Title as Title5 } from "@
 
 // src/mantine/blocks/proposal/template/GeneralTab.tsx
 import React44, { useEffect as useEffect8, useState as useState8 } from "react";
-import { Stack as Stack27, Text as Text27, TextInput as TextInput5, Textarea as Textarea2, Select as Select3, Loader as Loader3 } from "@mantine/core";
+import { Stack as Stack27, Text as Text27, TextInput as TextInput5, Textarea as Textarea2, Select as Select3, Loader as Loader3, SegmentedControl as SegmentedControl4 } from "@mantine/core";
 var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescriptionChange, onGroupChange }) => {
   const handlers = useBlocknoteHandlers();
   const [localTitle, setLocalTitle] = useState8(title || "");
   const [localDescription, setLocalDescription] = useState8(description || "");
   const [groups, setGroups] = useState8([]);
   const [loadingGroups, setLoadingGroups] = useState8(false);
+  const [inputMode, setInputMode] = useState8("select");
+  const [manualAddress, setManualAddress] = useState8("");
   useEffect8(() => {
     setLocalTitle(title || "");
   }, [title]);
   useEffect8(() => {
     setLocalDescription(description || "");
   }, [description]);
+  useEffect8(() => {
+    if (coreAddress) {
+      const matchesGroup = groups.some((g) => g.coreAddress === coreAddress);
+      if (matchesGroup) {
+        setInputMode("select");
+      } else {
+        setInputMode("manual");
+        setManualAddress(coreAddress);
+      }
+    }
+  }, [coreAddress, groups]);
   useEffect8(() => {
     const fetchGroups = async () => {
       if (!handlers?.getDAOGroups) {
@@ -3489,6 +3628,17 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
       }
     }
   )), /* @__PURE__ */ React44.createElement(Stack27, { gap: "xs" }, /* @__PURE__ */ React44.createElement(Text27, { size: "sm", fw: 600 }, "Group"), /* @__PURE__ */ React44.createElement(
+    SegmentedControl4,
+    {
+      value: inputMode,
+      onChange: (value) => setInputMode(value),
+      data: [
+        { label: "Select DAO", value: "select" },
+        { label: "Manual Entry", value: "manual" }
+      ],
+      fullWidth: true
+    }
+  ), inputMode === "select" ? /* @__PURE__ */ React44.createElement(
     Select3,
     {
       placeholder: loadingGroups ? "Loading groups..." : "Select a DAO group",
@@ -3509,6 +3659,17 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
       rightSection: loadingGroups ? /* @__PURE__ */ React44.createElement(Loader3, { size: "xs" }) : void 0,
       searchable: true
     }
+  ) : /* @__PURE__ */ React44.createElement(
+    TextInput5,
+    {
+      placeholder: "Enter DAO core address",
+      value: manualAddress,
+      onChange: (event) => {
+        const newAddress = event.currentTarget.value;
+        setManualAddress(newAddress);
+        onGroupChange(newAddress);
+      }
+    }
   )));
 };
 
@@ -6589,8 +6750,8 @@ var OnChainProposalCard = ({
 };
 
 // src/mantine/blocks/proposal/flow/FlowConfig.tsx
-import React84, { useCallback as useCallback15, useState as useState21 } from "react";
-import { Paper as Paper7, CloseButton as CloseButton5, Title as Title6, Stack as Stack66, TextInput as TextInput33, Textarea as Textarea18, Button as Button16, Text as Text41, Card as Card18 } from "@mantine/core";
+import React84, { useCallback as useCallback15, useState as useState21, useEffect as useEffect15 } from "react";
+import { Paper as Paper7, CloseButton as CloseButton5, Title as Title6, Stack as Stack66, TextInput as TextInput33, Textarea as Textarea18, Button as Button16, Text as Text41, Card as Card18, Select as Select10, Loader as Loader4, SegmentedControl as SegmentedControl5 } from "@mantine/core";
 
 // src/mantine/blocks/proposal/flow/useFlowBusinessLogic.ts
 import { useEffect as useEffect12, useState as useState17 } from "react";
@@ -7173,9 +7334,14 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
 // src/mantine/blocks/proposal/flow/FlowConfig.tsx
 var FlowConfig = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
+  const handlers = useBlocknoteHandlers();
   const coreAddress = block.props.coreAddress || "";
   const [errors, setErrors] = useState21({});
   const [isCreating, setIsCreating] = useState21(false);
+  const [groups, setGroups] = useState21([]);
+  const [loadingGroups, setLoadingGroups] = useState21(false);
+  const [inputMode, setInputMode] = useState21("select");
+  const [manualAddress, setManualAddress] = useState21("");
   const { createProposal, title, description, proposalId } = useFlowBusinessLogic({
     block,
     editor
@@ -7193,6 +7359,35 @@ var FlowConfig = ({ editor, block }) => {
     },
     [editor, block]
   );
+  useEffect15(() => {
+    if (coreAddress) {
+      const matchesGroup = groups.some((g) => g.coreAddress === coreAddress);
+      if (matchesGroup) {
+        setInputMode("select");
+      } else {
+        setInputMode("manual");
+        setManualAddress(coreAddress);
+      }
+    }
+  }, [coreAddress, groups]);
+  useEffect15(() => {
+    const fetchGroups = async () => {
+      if (!handlers?.getDAOGroups) {
+        console.warn("getDAOGroups handler not available");
+        return;
+      }
+      setLoadingGroups(true);
+      try {
+        const daoGroups = await handlers.getDAOGroups();
+        setGroups(daoGroups);
+      } catch (error) {
+        console.error("Failed to fetch DAO groups:", error);
+      } finally {
+        setLoadingGroups(false);
+      }
+    };
+    fetchGroups();
+  }, [handlers]);
   const validateForm = () => {
     const newErrors = {};
     if (!title.trim()) {
@@ -7219,7 +7414,52 @@ var FlowConfig = ({ editor, block }) => {
       setIsCreating(false);
     }
   };
-  const createProposalTab = /* @__PURE__ */ React84.createElement(Stack66, { gap: "lg" }, coreAddress && /* @__PURE__ */ React84.createElement(Card18, { padding: "sm", radius: "md", withBorder: true }, /* @__PURE__ */ React84.createElement(Text41, { size: "xs", c: "dimmed" }, "Core Address:", " ", /* @__PURE__ */ React84.createElement(Text41, { span: true, ff: "monospace", c: "bright" }, coreAddress.slice(0, 20), "...", coreAddress.slice(-10)))), /* @__PURE__ */ React84.createElement(
+  const createProposalTab = /* @__PURE__ */ React84.createElement(Stack66, { gap: "lg" }, /* @__PURE__ */ React84.createElement(Stack66, { gap: "xs" }, /* @__PURE__ */ React84.createElement(Text41, { size: "sm", fw: 600 }, "DAO Group"), /* @__PURE__ */ React84.createElement(
+    SegmentedControl5,
+    {
+      value: inputMode,
+      onChange: (value) => setInputMode(value),
+      data: [
+        { label: "Select DAO", value: "select" },
+        { label: "Manual Entry", value: "manual" }
+      ],
+      fullWidth: true,
+      disabled: isProposalCreated
+    }
+  ), inputMode === "select" ? /* @__PURE__ */ React84.createElement(
+    Select10,
+    {
+      placeholder: loadingGroups ? "Loading groups..." : "Select a DAO group",
+      value: groups.find((g) => g.coreAddress === coreAddress)?.id || null,
+      onChange: (value) => {
+        if (value) {
+          const selectedGroup = groups.find((g) => g.id === value);
+          if (selectedGroup) {
+            updateProp("coreAddress", selectedGroup.coreAddress);
+          }
+        }
+      },
+      data: groups.map((group) => ({
+        value: group.id,
+        label: group.name
+      })),
+      disabled: loadingGroups || isProposalCreated,
+      rightSection: loadingGroups ? /* @__PURE__ */ React84.createElement(Loader4, { size: "xs" }) : void 0,
+      searchable: true
+    }
+  ) : /* @__PURE__ */ React84.createElement(
+    TextInput33,
+    {
+      placeholder: "Enter DAO core address",
+      value: manualAddress,
+      onChange: (event) => {
+        const newAddress = event.currentTarget.value;
+        setManualAddress(newAddress);
+        updateProp("coreAddress", newAddress);
+      },
+      disabled: isProposalCreated
+    }
+  ), coreAddress && /* @__PURE__ */ React84.createElement(Card18, { padding: "sm", radius: "md", withBorder: true }, /* @__PURE__ */ React84.createElement(Text41, { size: "xs", c: "dimmed" }, "Core Address:", " ", /* @__PURE__ */ React84.createElement(Text41, { span: true, ff: "monospace", c: "bright" }, coreAddress.slice(0, 20), "...", coreAddress.slice(-10))))), /* @__PURE__ */ React84.createElement(
     TextInput33,
     {
       label: "Title",
@@ -7416,23 +7656,393 @@ var ProposalBlockSpec = createReactBlockSpec4(
 );
 
 // src/mantine/blocks/apiRequest/ApiRequestBlockSpec.tsx
-import React93 from "react";
+import React96 from "react";
 import { createReactBlockSpec as createReactBlockSpec5 } from "@blocknote/react";
 
 // src/mantine/blocks/apiRequest/ApiRequestBlock.tsx
-import React92 from "react";
+import React95 from "react";
 
 // src/mantine/blocks/apiRequest/template/TemplateView.tsx
-import React90, { useMemo as useMemo13 } from "react";
+import React93, { useMemo as useMemo16 } from "react";
 
 // src/mantine/blocks/apiRequest/template/TemplateConfig.tsx
-import React89, { useCallback as useCallback16 } from "react";
-import { Paper as Paper9, CloseButton as CloseButton6, Title as Title7 } from "@mantine/core";
+import React92, { useCallback as useCallback17, useMemo as useMemo15 } from "react";
+import { Paper as Paper10, CloseButton as CloseButton6, Title as Title7 } from "@mantine/core";
 
 // src/mantine/blocks/apiRequest/template/GeneralTab.tsx
-import React88, { useEffect as useEffect15, useState as useState22 } from "react";
-import { Divider as Divider5, Select as Select10, Stack as Stack67, Text as Text42, TextInput as TextInput34, Textarea as Textarea19, Button as Button17, Group as Group23, ActionIcon as ActionIcon10, Paper as Paper8 } from "@mantine/core";
+import React90, { useEffect as useEffect16, useState as useState24 } from "react";
+import { Divider as Divider5, Select as Select11, Stack as Stack68, Text as Text43, TextInput as TextInput34, Textarea as Textarea19, Button as Button18, Group as Group25, ActionIcon as ActionIcon12, Paper as Paper8 } from "@mantine/core";
 import { IconTrash, IconPlus } from "@tabler/icons-react";
+
+// src/mantine/components/DataInput/DataInput.tsx
+import React89, { useState as useState23, useCallback as useCallback16, useMemo as useMemo14 } from "react";
+import { Input as Input2, ActionIcon as ActionIcon11, Tooltip as Tooltip5, Badge as Badge11, Group as Group24 } from "@mantine/core";
+import { IconVariable, IconX as IconX2 } from "@tabler/icons-react";
+
+// src/mantine/components/DataInput/BlockPropSelector.tsx
+import React88, { useState as useState22, useMemo as useMemo13 } from "react";
+import { Popover, Text as Text42, Stack as Stack67, Group as Group23, ActionIcon as ActionIcon10, Input, ScrollArea as ScrollArea4, Badge as Badge10, Box as Box17, Tooltip as Tooltip4 } from "@mantine/core";
+import { IconSearch, IconX, IconCircle, IconChevronRight, IconArrowLeft } from "@tabler/icons-react";
+function buildPropertyTree(properties) {
+  const root = [];
+  properties.forEach((prop) => {
+    const pathParts = prop.name.split(".");
+    let currentLevel = root;
+    pathParts.forEach((part, index) => {
+      const isLastPart = index === pathParts.length - 1;
+      const fullPath = pathParts.slice(0, index + 1).join(".");
+      let existingNode = currentLevel.find((node) => node.name === part);
+      if (!existingNode) {
+        const newNode = {
+          name: part,
+          displayName: isLastPart ? prop.displayName : part,
+          type: isLastPart ? prop.type : "object",
+          fullPath,
+          children: [],
+          isLeaf: isLastPart
+        };
+        currentLevel.push(newNode);
+        existingNode = newNode;
+      }
+      if (!isLastPart) {
+        currentLevel = existingNode.children;
+      }
+    });
+  });
+  return root;
+}
+function getBlockDisplayName2(block) {
+  const title = block.props?.title || block.props?.name || block.props?.label;
+  if (title) {
+    return title;
+  }
+  return `${block.type} (${block.id.slice(0, 8)}...)`;
+}
+function getBlockTypeColor(blockType) {
+  const colorMap = {
+    checkbox: "blue",
+    proposal: "green",
+    proposalVote: "teal",
+    list: "orange",
+    overview: "purple",
+    proposalActions: "pink",
+    apiRequest: "cyan"
+  };
+  return colorMap[blockType] || "gray";
+}
+function BlockPropSelector({ children, opened, onClose, onSelect, editorDocument, currentBlockId }) {
+  const [searchQuery, setSearchQuery] = useState22("");
+  const [selectedBlock, setSelectedBlock] = useState22(null);
+  const [navigationPath, setNavigationPath] = useState22([]);
+  const availableBlocks = useMemo13(() => {
+    if (!editorDocument) return [];
+    return editorDocument.filter((block) => {
+      if (currentBlockId && block.id === currentBlockId) {
+        return false;
+      }
+      const props = getConditionableProperties(block.type);
+      return props.length > 0;
+    }).map((block) => ({
+      ...block,
+      displayName: getBlockDisplayName2(block),
+      properties: getConditionableProperties(block.type, block),
+      propertyTree: buildPropertyTree(getConditionableProperties(block.type, block))
+    }));
+  }, [editorDocument, currentBlockId]);
+  const filteredBlocks = useMemo13(() => {
+    if (!searchQuery.trim()) {
+      return availableBlocks;
+    }
+    const query = searchQuery.toLowerCase();
+    return availableBlocks.filter((block) => {
+      if (block.displayName.toLowerCase().includes(query)) {
+        return true;
+      }
+      if (block.type.toLowerCase().includes(query)) {
+        return true;
+      }
+      return block.properties.some((prop) => prop.name.toLowerCase().includes(query) || prop.displayName.toLowerCase().includes(query));
+    });
+  }, [availableBlocks, searchQuery]);
+  const currentNodes = useMemo13(() => {
+    if (!selectedBlock) return [];
+    if (navigationPath.length === 0) {
+      return selectedBlock.propertyTree;
+    } else {
+      const lastNode = navigationPath[navigationPath.length - 1];
+      return lastNode.children;
+    }
+  }, [selectedBlock, navigationPath]);
+  const handleBlockSelect = (block) => {
+    setSelectedBlock(block);
+    setNavigationPath([]);
+    setSearchQuery("");
+  };
+  const handleNodeClick = (node) => {
+    if (node.isLeaf) {
+      onSelect({
+        blockId: selectedBlock.id,
+        blockType: selectedBlock.type,
+        propName: node.fullPath,
+        propDisplayName: node.displayName
+      });
+      handleClose();
+    } else {
+      setNavigationPath([...navigationPath, node]);
+    }
+  };
+  const handleBack = () => {
+    if (navigationPath.length > 0) {
+      setNavigationPath(navigationPath.slice(0, -1));
+    } else {
+      setSelectedBlock(null);
+    }
+  };
+  const handleClose = () => {
+    setSelectedBlock(null);
+    setNavigationPath([]);
+    setSearchQuery("");
+    onClose();
+  };
+  return /* @__PURE__ */ React88.createElement(Popover, { opened, onClose: handleClose, position: "bottom-end", width: 420, shadow: "md", withinPortal: true }, /* @__PURE__ */ React88.createElement(Popover.Target, null, children), /* @__PURE__ */ React88.createElement(Popover.Dropdown, { p: "md" }, /* @__PURE__ */ React88.createElement(Stack67, { gap: "md" }, /* @__PURE__ */ React88.createElement(Group23, { justify: "space-between", align: "center" }, /* @__PURE__ */ React88.createElement(Group23, { gap: "xs" }, (selectedBlock || navigationPath.length > 0) && /* @__PURE__ */ React88.createElement(ActionIcon10, { variant: "subtle", size: "sm", onClick: handleBack }, /* @__PURE__ */ React88.createElement(IconArrowLeft, { size: 16 })), /* @__PURE__ */ React88.createElement(Text42, { fw: 600, size: "sm" }, !selectedBlock ? "Select a Block" : navigationPath.length === 0 ? `${selectedBlock.displayName} - Select Property` : `${navigationPath[navigationPath.length - 1].displayName}`)), /* @__PURE__ */ React88.createElement(ActionIcon10, { variant: "subtle", size: "sm", onClick: handleClose }, /* @__PURE__ */ React88.createElement(IconX, { size: 16 }))), !selectedBlock && /* @__PURE__ */ React88.createElement(
+    Input,
+    {
+      placeholder: "Search blocks and properties...",
+      leftSection: /* @__PURE__ */ React88.createElement(IconSearch, { size: 16 }),
+      value: searchQuery,
+      onChange: (e) => setSearchQuery(e.currentTarget.value),
+      size: "xs",
+      rightSection: searchQuery && /* @__PURE__ */ React88.createElement(ActionIcon10, { variant: "subtle", onClick: () => setSearchQuery(""), size: "xs" }, /* @__PURE__ */ React88.createElement(IconX, { size: 12 }))
+    }
+  ), /* @__PURE__ */ React88.createElement(ScrollArea4, { h: 300, type: "auto" }, !selectedBlock ? (
+    // Block selection view
+    filteredBlocks.length === 0 ? /* @__PURE__ */ React88.createElement(Text42, { c: "dimmed", ta: "center", py: "xl", size: "sm" }, availableBlocks.length === 0 ? "No blocks with referenceable properties found" : "No blocks match your search") : /* @__PURE__ */ React88.createElement(Stack67, { gap: "sm" }, filteredBlocks.map((block) => /* @__PURE__ */ React88.createElement(
+      Box17,
+      {
+        key: block.id,
+        onClick: () => handleBlockSelect(block),
+        style: {
+          borderRadius: "6px",
+          border: "1px solid var(--mantine-color-gray-3)",
+          padding: "12px",
+          cursor: "pointer",
+          transition: "all 0.15s ease"
+        },
+        onMouseEnter: (e) => {
+          e.currentTarget.style.backgroundColor = "var(--mantine-color-gray-0)";
+          e.currentTarget.style.borderColor = "var(--mantine-color-gray-4)";
+        },
+        onMouseLeave: (e) => {
+          e.currentTarget.style.backgroundColor = "transparent";
+          e.currentTarget.style.borderColor = "var(--mantine-color-gray-3)";
+        }
+      },
+      /* @__PURE__ */ React88.createElement(Group23, { gap: "xs", justify: "space-between" }, /* @__PURE__ */ React88.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React88.createElement(
+        IconCircle,
+        {
+          size: 10,
+          fill: `var(--mantine-color-${getBlockTypeColor(block.type)}-6)`,
+          color: `var(--mantine-color-${getBlockTypeColor(block.type)}-6)`
+        }
+      ), /* @__PURE__ */ React88.createElement(Text42, { fw: 500, size: "sm" }, block.displayName), /* @__PURE__ */ React88.createElement(Badge10, { size: "xs", variant: "light", color: getBlockTypeColor(block.type) }, block.type)), /* @__PURE__ */ React88.createElement(IconChevronRight, { size: 16, color: "var(--mantine-color-gray-5)" }))
+    )))
+  ) : (
+    // Property navigation view
+    currentNodes.length === 0 ? /* @__PURE__ */ React88.createElement(Text42, { c: "dimmed", ta: "center", py: "xl", size: "sm" }, "No properties available") : /* @__PURE__ */ React88.createElement(Stack67, { gap: "xs" }, currentNodes.map((node, index) => /* @__PURE__ */ React88.createElement(Tooltip4, { key: index, label: node.isLeaf ? `Select ${node.displayName}` : `Navigate into ${node.displayName}`, position: "left", withArrow: true }, /* @__PURE__ */ React88.createElement(
+      Box17,
+      {
+        onClick: () => handleNodeClick(node),
+        style: {
+          padding: "10px 12px",
+          borderRadius: "4px",
+          cursor: "pointer",
+          transition: "background-color 0.15s ease",
+          border: "1px solid transparent"
+        },
+        onMouseEnter: (e) => {
+          e.currentTarget.style.backgroundColor = "var(--mantine-color-gray-0)";
+          e.currentTarget.style.borderColor = "var(--mantine-color-gray-3)";
+        },
+        onMouseLeave: (e) => {
+          e.currentTarget.style.backgroundColor = "transparent";
+          e.currentTarget.style.borderColor = "transparent";
+        }
+      },
+      /* @__PURE__ */ React88.createElement(Group23, { gap: "xs", justify: "space-between" }, /* @__PURE__ */ React88.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React88.createElement(Text42, { size: "sm" }, node.displayName), /* @__PURE__ */ React88.createElement(Badge10, { size: "xs", variant: "dot", color: "gray" }, node.type)), !node.isLeaf && /* @__PURE__ */ React88.createElement(IconChevronRight, { size: 16, color: "var(--mantine-color-gray-5)" }))
+    ))))
+  )))));
+}
+
+// src/mantine/utils/referenceResolver.ts
+var REFERENCE_REGEX = /\{\{([a-zA-Z0-9_-]+)\.([a-zA-Z0-9_.]+)\}\}/g;
+function parseReferences(input) {
+  const references = [];
+  const regex = new RegExp(REFERENCE_REGEX);
+  let match;
+  while ((match = regex.exec(input)) !== null) {
+    references.push({
+      fullMatch: match[0],
+      blockId: match[1],
+      propPath: match[2],
+      startIndex: match.index,
+      endIndex: match.index + match[0].length
+    });
+  }
+  return references;
+}
+function getNestedValue(obj, path) {
+  return path.split(".").reduce((current, key) => {
+    return current?.[key];
+  }, obj);
+}
+function resolveSingleReference(blockId, propPath, editorDocument) {
+  if (!editorDocument || !Array.isArray(editorDocument)) {
+    console.warn("Invalid editor document provided to resolveSingleReference");
+    return void 0;
+  }
+  const block = editorDocument.find((b) => b.id === blockId);
+  if (!block) {
+    console.warn(`Block not found: ${blockId}`);
+    return void 0;
+  }
+  if (propPath.startsWith("response.")) {
+    const responseData = block.props.response;
+    if (!responseData) {
+      console.warn(`No response data in block ${blockId}`);
+      return void 0;
+    }
+    try {
+      const parsedResponse = typeof responseData === "string" ? JSON.parse(responseData) : responseData;
+      const innerPath = propPath.substring("response.".length);
+      const value2 = getNestedValue(parsedResponse, innerPath);
+      if (value2 === void 0) {
+        console.warn(`Property not found in response: ${innerPath} in block ${blockId}`);
+      }
+      return value2;
+    } catch (error) {
+      console.warn(`Failed to parse response JSON for block ${blockId}:`, error);
+      return void 0;
+    }
+  }
+  const value = getNestedValue(block.props, propPath);
+  if (value === void 0) {
+    console.warn(`Property not found: ${propPath} in block ${blockId}`);
+  }
+  return value;
+}
+function resolveReferences(input, editorDocument, options = {}) {
+  const { fallback = "", stringifyObjects = true } = options;
+  if (input == null) {
+    return "";
+  }
+  const inputStr = String(input);
+  const references = parseReferences(inputStr);
+  if (references.length === 0) {
+    return inputStr;
+  }
+  let result = inputStr;
+  for (let i = references.length - 1; i >= 0; i--) {
+    const ref = references[i];
+    const resolvedValue = resolveSingleReference(ref.blockId, ref.propPath, editorDocument);
+    let replacementStr;
+    if (resolvedValue === void 0 || resolvedValue === null) {
+      replacementStr = fallback;
+    } else if (typeof resolvedValue === "object") {
+      replacementStr = stringifyObjects ? JSON.stringify(resolvedValue) : fallback;
+    } else {
+      replacementStr = String(resolvedValue);
+    }
+    result = result.substring(0, ref.startIndex) + replacementStr + result.substring(ref.endIndex);
+  }
+  return result;
+}
+function hasReferences(input) {
+  if (input == null) return false;
+  return parseReferences(String(input)).length > 0;
+}
+function createReference(blockId, propPath) {
+  return `{{${blockId}.${propPath}}}`;
+}
+
+// src/mantine/components/DataInput/DataInput.tsx
+function DataInput({
+  value,
+  onChange,
+  placeholder,
+  editorDocument,
+  currentBlockId,
+  leftSection,
+  disabled = false,
+  description,
+  label,
+  required,
+  size = "sm"
+}) {
+  const [selectorOpened, setSelectorOpened] = useState23(false);
+  const containsReferences = useMemo14(() => {
+    return hasReferences(value);
+  }, [value]);
+  const references = useMemo14(() => {
+    return parseReferences(value || "");
+  }, [value]);
+  const handleOpenSelector = useCallback16(() => {
+    setSelectorOpened(true);
+  }, []);
+  const handleCloseSelector = useCallback16(() => {
+    setSelectorOpened(false);
+  }, []);
+  const handleSelectProperty = useCallback16(
+    (selection) => {
+      const reference = createReference(selection.blockId, selection.propName);
+      const newValue = value ? `${value}${reference}` : reference;
+      onChange(newValue);
+    },
+    [value, onChange]
+  );
+  const handleClearReferences = useCallback16(() => {
+    let newValue = value || "";
+    references.forEach((ref) => {
+      newValue = newValue.replace(ref.fullMatch, "");
+    });
+    onChange(newValue);
+  }, [value, references, onChange]);
+  return /* @__PURE__ */ React89.createElement(Input2.Wrapper, { label, description, required, size, style: { width: "100%" } }, /* @__PURE__ */ React89.createElement(
+    Input2,
+    {
+      value: value || "",
+      onChange: (e) => onChange(e.currentTarget.value),
+      placeholder,
+      leftSection,
+      disabled,
+      size,
+      style: { width: "100%" },
+      rightSectionPointerEvents: "all",
+      rightSection: /* @__PURE__ */ React89.createElement(Group24, { gap: 4, wrap: "nowrap" }, containsReferences && /* @__PURE__ */ React89.createElement(Tooltip5, { label: "Click to clear all references", position: "left" }, /* @__PURE__ */ React89.createElement(Badge11, { size: "sm", variant: "light", color: "blue", style: { cursor: "pointer" }, onClick: handleClearReferences, leftSection: /* @__PURE__ */ React89.createElement(IconX2, { size: 10 }) }, references.length, " ref", references.length !== 1 ? "s" : "")), /* @__PURE__ */ React89.createElement(
+        BlockPropSelector,
+        {
+          opened: selectorOpened,
+          onClose: handleCloseSelector,
+          onSelect: handleSelectProperty,
+          editorDocument,
+          currentBlockId
+        },
+        /* @__PURE__ */ React89.createElement(Tooltip5, { label: "Insert reference to another block's property", position: "left" }, /* @__PURE__ */ React89.createElement(
+          ActionIcon11,
+          {
+            variant: containsReferences ? "light" : "subtle",
+            color: containsReferences ? "blue" : "gray",
+            onClick: handleOpenSelector,
+            disabled,
+            size
+          },
+          /* @__PURE__ */ React89.createElement(IconVariable, { size: 16 })
+        ))
+      ))
+    }
+  ));
+}
+
+// src/mantine/blocks/apiRequest/template/GeneralTab.tsx
 var GeneralTab4 = ({
   title,
   description,
@@ -7445,20 +8055,22 @@ var GeneralTab4 = ({
   onEndpointChange,
   onMethodChange,
   onHeadersChange,
-  onBodyChange
+  onBodyChange,
+  editor,
+  blockId
 }) => {
-  const [localTitle, setLocalTitle] = useState22(title || "");
-  const [localDescription, setLocalDescription] = useState22(description || "");
-  const [localEndpoint, setLocalEndpoint] = useState22(endpoint || "");
-  const [localMethod, setLocalMethod] = useState22(method || "GET");
-  const [localHeaders, setLocalHeaders] = useState22(headers || []);
-  const [localBody, setLocalBody] = useState22(body || []);
-  useEffect15(() => setLocalTitle(title || ""), [title]);
-  useEffect15(() => setLocalDescription(description || ""), [description]);
-  useEffect15(() => setLocalEndpoint(endpoint || ""), [endpoint]);
-  useEffect15(() => setLocalMethod(method || "GET"), [method]);
-  useEffect15(() => setLocalHeaders(headers || []), [headers]);
-  useEffect15(() => setLocalBody(body || []), [body]);
+  const [localTitle, setLocalTitle] = useState24(title || "");
+  const [localDescription, setLocalDescription] = useState24(description || "");
+  const [localEndpoint, setLocalEndpoint] = useState24(endpoint || "");
+  const [localMethod, setLocalMethod] = useState24(method || "GET");
+  const [localHeaders, setLocalHeaders] = useState24(headers || []);
+  const [localBody, setLocalBody] = useState24(body || []);
+  useEffect16(() => setLocalTitle(title || ""), [title]);
+  useEffect16(() => setLocalDescription(description || ""), [description]);
+  useEffect16(() => setLocalEndpoint(endpoint || ""), [endpoint]);
+  useEffect16(() => setLocalMethod(method || "GET"), [method]);
+  useEffect16(() => setLocalHeaders(headers || []), [headers]);
+  useEffect16(() => setLocalBody(body || []), [body]);
   const handleAddHeader = () => {
     const newHeaders = [...localHeaders, { key: "", value: "" }];
     setLocalHeaders(newHeaders);
@@ -7491,7 +8103,7 @@ var GeneralTab4 = ({
     setLocalBody(newBody);
     onBodyChange(newBody);
   };
-  return /* @__PURE__ */ React88.createElement(Stack67, { gap: "lg" }, /* @__PURE__ */ React88.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React88.createElement(Text42, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React88.createElement(
+  return /* @__PURE__ */ React90.createElement(Stack68, { gap: "lg" }, /* @__PURE__ */ React90.createElement(Stack68, { gap: "xs" }, /* @__PURE__ */ React90.createElement(Text43, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React90.createElement(
     TextInput34,
     {
       placeholder: "e.g. Submit User Data",
@@ -7502,7 +8114,7 @@ var GeneralTab4 = ({
         onTitleChange(newTitle);
       }
     }
-  )), /* @__PURE__ */ React88.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React88.createElement(Text42, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React88.createElement(
+  )), /* @__PURE__ */ React90.createElement(Stack68, { gap: "xs" }, /* @__PURE__ */ React90.createElement(Text43, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React90.createElement(
     Textarea19,
     {
       placeholder: "Describe what this API request does",
@@ -7514,8 +8126,8 @@ var GeneralTab4 = ({
         onDescriptionChange(newDescription);
       }
     }
-  )), /* @__PURE__ */ React88.createElement(Divider5, { variant: "dashed" }), /* @__PURE__ */ React88.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React88.createElement(Text42, { size: "sm", fw: 600 }, "HTTP Method"), /* @__PURE__ */ React88.createElement(
-    Select10,
+  )), /* @__PURE__ */ React90.createElement(Divider5, { variant: "dashed" }), /* @__PURE__ */ React90.createElement(Stack68, { gap: "xs" }, /* @__PURE__ */ React90.createElement(Text43, { size: "sm", fw: 600 }, "HTTP Method"), /* @__PURE__ */ React90.createElement(
+    Select11,
     {
       value: localMethod,
       onChange: (value) => {
@@ -7531,7 +8143,7 @@ var GeneralTab4 = ({
         { value: "PATCH", label: "PATCH" }
       ]
     }
-  )), /* @__PURE__ */ React88.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React88.createElement(Text42, { size: "sm", fw: 600 }, "Endpoint URL"), /* @__PURE__ */ React88.createElement(
+  )), /* @__PURE__ */ React90.createElement(Stack68, { gap: "xs" }, /* @__PURE__ */ React90.createElement(Text43, { size: "sm", fw: 600 }, "Endpoint URL"), /* @__PURE__ */ React90.createElement(
     TextInput34,
     {
       placeholder: "https://api.example.com/endpoint",
@@ -7542,45 +8154,140 @@ var GeneralTab4 = ({
         onEndpointChange(newEndpoint);
       }
     }
-  )), /* @__PURE__ */ React88.createElement(Divider5, { variant: "dashed" }), /* @__PURE__ */ React88.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React88.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React88.createElement(Text42, { size: "sm", fw: 600 }, "Request Headers"), /* @__PURE__ */ React88.createElement(Button17, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React88.createElement(IconPlus, { size: 14 }), onClick: handleAddHeader }, "Add Header")), /* @__PURE__ */ React88.createElement(Text42, { size: "xs" }, "Add custom headers to your API request (e.g., Authorization, Content-Type)"), localHeaders.length > 0 && /* @__PURE__ */ React88.createElement(Stack67, { gap: "xs" }, localHeaders.map((header, index) => /* @__PURE__ */ React88.createElement(Paper8, { key: index, p: "xs" }, /* @__PURE__ */ React88.createElement(Group23, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React88.createElement(
-    TextInput34,
+  )), /* @__PURE__ */ React90.createElement(Divider5, { variant: "dashed" }), /* @__PURE__ */ React90.createElement(Stack68, { gap: "xs" }, /* @__PURE__ */ React90.createElement(Group25, { justify: "space-between" }, /* @__PURE__ */ React90.createElement(Text43, { size: "sm", fw: 600 }, "Request Headers"), /* @__PURE__ */ React90.createElement(Button18, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React90.createElement(IconPlus, { size: 14 }), onClick: handleAddHeader }, "Add Header")), /* @__PURE__ */ React90.createElement(Text43, { size: "xs" }, "Add custom headers to your API request (e.g., Authorization, Content-Type)"), localHeaders.length > 0 && /* @__PURE__ */ React90.createElement(Stack68, { gap: "xs" }, localHeaders.map((header, index) => /* @__PURE__ */ React90.createElement(Paper8, { key: index, p: "xs" }, /* @__PURE__ */ React90.createElement(Group25, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React90.createElement(
+    DataInput,
     {
       placeholder: "Header key (e.g., Authorization)",
       value: header.key,
-      onChange: (event) => handleHeaderChange(index, "key", event.currentTarget.value),
-      style: { flex: 1 }
+      onChange: (value) => handleHeaderChange(index, "key", value),
+      editorDocument: editor?.document || [],
+      currentBlockId: blockId,
+      size: "sm"
     }
-  ), /* @__PURE__ */ React88.createElement(
-    TextInput34,
+  ), /* @__PURE__ */ React90.createElement(
+    DataInput,
     {
       placeholder: "Header value (e.g., Bearer token123)",
       value: header.value,
-      onChange: (event) => handleHeaderChange(index, "value", event.currentTarget.value),
-      style: { flex: 1 }
+      onChange: (value) => handleHeaderChange(index, "value", value),
+      editorDocument: editor?.document || [],
+      currentBlockId: blockId,
+      size: "sm"
     }
-  ), /* @__PURE__ */ React88.createElement(ActionIcon10, { color: "red", variant: "subtle", onClick: () => handleRemoveHeader(index) }, /* @__PURE__ */ React88.createElement(IconTrash, { size: 16 }))))))), /* @__PURE__ */ React88.createElement(Divider5, { variant: "dashed" }), /* @__PURE__ */ React88.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React88.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React88.createElement(Text42, { size: "sm", fw: 600 }, "Request Body (JSON)"), /* @__PURE__ */ React88.createElement(Button17, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React88.createElement(IconPlus, { size: 14 }), onClick: handleAddBodyField }, "Add Field")), /* @__PURE__ */ React88.createElement(Text42, { size: "xs" }, "Build your JSON request body as key-value pairs"), localBody.length > 0 && /* @__PURE__ */ React88.createElement(Stack67, { gap: "xs" }, localBody.map((field, index) => /* @__PURE__ */ React88.createElement(Paper8, { key: index, p: "xs" }, /* @__PURE__ */ React88.createElement(Group23, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React88.createElement(
-    TextInput34,
+  ), /* @__PURE__ */ React90.createElement(ActionIcon12, { color: "red", variant: "subtle", onClick: () => handleRemoveHeader(index) }, /* @__PURE__ */ React90.createElement(IconTrash, { size: 16 }))))))), /* @__PURE__ */ React90.createElement(Divider5, { variant: "dashed" }), /* @__PURE__ */ React90.createElement(Stack68, { gap: "xs" }, /* @__PURE__ */ React90.createElement(Group25, { justify: "space-between" }, /* @__PURE__ */ React90.createElement(Text43, { size: "sm", fw: 600 }, "Request Body (JSON)"), /* @__PURE__ */ React90.createElement(Button18, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React90.createElement(IconPlus, { size: 14 }), onClick: handleAddBodyField }, "Add Field")), /* @__PURE__ */ React90.createElement(Text43, { size: "xs" }, "Build your JSON request body as key-value pairs"), localBody.length > 0 && /* @__PURE__ */ React90.createElement(Stack68, { gap: "xs" }, localBody.map((field, index) => /* @__PURE__ */ React90.createElement(Paper8, { key: index, p: "xs" }, /* @__PURE__ */ React90.createElement(Group25, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React90.createElement(
+    DataInput,
     {
       placeholder: "Field key (e.g., name)",
       value: field.key,
-      onChange: (event) => handleBodyFieldChange(index, "key", event.currentTarget.value),
-      style: { flex: 1 }
+      onChange: (value) => handleBodyFieldChange(index, "key", value),
+      editorDocument: editor?.document || [],
+      currentBlockId: blockId,
+      size: "sm"
     }
-  ), /* @__PURE__ */ React88.createElement(
-    TextInput34,
+  ), /* @__PURE__ */ React90.createElement(
+    DataInput,
     {
       placeholder: "Field value (e.g., John Doe)",
       value: field.value,
-      onChange: (event) => handleBodyFieldChange(index, "value", event.currentTarget.value),
-      style: { flex: 1 }
+      onChange: (value) => handleBodyFieldChange(index, "value", value),
+      editorDocument: editor?.document || [],
+      currentBlockId: blockId,
+      size: "sm"
+    }
+  ), /* @__PURE__ */ React90.createElement(ActionIcon12, { color: "red", variant: "subtle", onClick: () => handleRemoveBodyField(index) }, /* @__PURE__ */ React90.createElement(IconTrash, { size: 16 }))))))));
+};
+
+// src/mantine/blocks/apiRequest/template/ResponseSchemaTab.tsx
+import React91 from "react";
+import { Stack as Stack69, Text as Text44, Button as Button19, Group as Group26, ActionIcon as ActionIcon13, Paper as Paper9, TextInput as TextInput35, Select as Select12, Textarea as Textarea20, Alert as Alert9, Code } from "@mantine/core";
+import { IconTrash as IconTrash2, IconPlus as IconPlus2, IconInfoCircle } from "@tabler/icons-react";
+var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
+  const fields = schema?.fields || [];
+  const handleAddField = () => {
+    const newFields = [
+      ...fields,
+      {
+        path: "",
+        displayName: "",
+        type: "string",
+        description: ""
+      }
+    ];
+    onSchemaChange({ fields: newFields });
+  };
+  const handleRemoveField = (index) => {
+    const newFields = fields.filter((_, i) => i !== index);
+    onSchemaChange({ fields: newFields });
+  };
+  const handleFieldChange = (index, key, value) => {
+    const newFields = [...fields];
+    newFields[index] = { ...newFields[index], [key]: value };
+    onSchemaChange({ fields: newFields });
+  };
+  return /* @__PURE__ */ React91.createElement(Stack69, { gap: "lg" }, /* @__PURE__ */ React91.createElement(Alert9, { icon: /* @__PURE__ */ React91.createElement(IconInfoCircle, { size: 16 }), title: "Response Schema", color: "blue" }, /* @__PURE__ */ React91.createElement(Text44, { 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__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Text44, { size: "sm", fw: 600 }, "How it works"), /* @__PURE__ */ React91.createElement(Text44, { size: "xs", c: "dimmed" }, "1. Define response fields using dot notation (e.g., ", /* @__PURE__ */ React91.createElement(Code, null, "customer.email"), ")"), /* @__PURE__ */ React91.createElement(Text44, { size: "xs", c: "dimmed" }, "2. Fields become available in DataInput selectors across other blocks"), /* @__PURE__ */ React91.createElement(Text44, { size: "xs", c: "dimmed" }, "3. Reference them like: ", /* @__PURE__ */ React91.createElement(Code, null, `{{${blockId}.response.customer.email}}`))), /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Group26, { justify: "space-between" }, /* @__PURE__ */ React91.createElement(Text44, { size: "sm", fw: 600 }, "Response Fields"), /* @__PURE__ */ React91.createElement(Button19, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React91.createElement(IconPlus2, { size: 14 }), onClick: handleAddField }, "Add Field")), fields.length === 0 ? /* @__PURE__ */ React91.createElement(Paper9, { p: "md", withBorder: true, style: { backgroundColor: "var(--mantine-color-gray-0)" } }, /* @__PURE__ */ React91.createElement(Text44, { size: "sm", c: "dimmed", ta: "center" }, 'No response fields defined yet. Click "Add Field" to start defining your response structure.')) : /* @__PURE__ */ React91.createElement(Stack69, { gap: "md" }, fields.map((field, index) => /* @__PURE__ */ React91.createElement(Paper9, { key: index, p: "md", withBorder: true }, /* @__PURE__ */ React91.createElement(Stack69, { gap: "sm" }, /* @__PURE__ */ React91.createElement(Group26, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React91.createElement(Text44, { size: "sm", fw: 500 }, "Field ", index + 1), /* @__PURE__ */ React91.createElement(ActionIcon13, { color: "red", variant: "subtle", onClick: () => handleRemoveField(index) }, /* @__PURE__ */ React91.createElement(IconTrash2, { size: 16 }))), /* @__PURE__ */ React91.createElement(
+    TextInput35,
+    {
+      label: "Field Path",
+      placeholder: "e.g., customer.email or product.id",
+      description: "Use dot notation to specify nested fields in the API response",
+      value: field.path,
+      onChange: (e) => handleFieldChange(index, "path", e.currentTarget.value),
+      required: true,
+      size: "sm"
+    }
+  ), /* @__PURE__ */ React91.createElement(
+    TextInput35,
+    {
+      label: "Display Name",
+      placeholder: "e.g., User Email",
+      description: "Human-readable name shown in DataInput selector",
+      value: field.displayName,
+      onChange: (e) => handleFieldChange(index, "displayName", e.currentTarget.value),
+      required: true,
+      size: "sm"
+    }
+  ), /* @__PURE__ */ React91.createElement(
+    Select12,
+    {
+      label: "Type",
+      description: "Expected data type of this field",
+      value: field.type,
+      onChange: (value) => handleFieldChange(index, "type", value || "string"),
+      data: [
+        { value: "string", label: "String" },
+        { value: "number", label: "Number" },
+        { value: "boolean", label: "Boolean" },
+        { value: "object", label: "Object" },
+        { value: "array", label: "Array" }
+      ],
+      size: "sm"
+    }
+  ), /* @__PURE__ */ React91.createElement(
+    Textarea20,
+    {
+      label: "Description (optional)",
+      placeholder: "Describe what this field represents",
+      value: field.description || "",
+      onChange: (e) => handleFieldChange(index, "description", e.currentTarget.value),
+      minRows: 2,
+      size: "sm"
     }
-  ), /* @__PURE__ */ React88.createElement(ActionIcon10, { color: "red", variant: "subtle", onClick: () => handleRemoveBodyField(index) }, /* @__PURE__ */ React88.createElement(IconTrash, { size: 16 }))))))));
+  ), field.path && field.displayName && /* @__PURE__ */ React91.createElement(Stack69, { gap: 4 }, /* @__PURE__ */ React91.createElement(Text44, { size: "xs", c: "dimmed" }, "Reference format:"), /* @__PURE__ */ React91.createElement(Code, { block: true, style: { fontSize: "11px" } }, `{{${blockId}.response.${field.path}}}`))))))), fields.length === 0 && /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Text44, { size: "sm", fw: 600 }, "Example Schema"), /* @__PURE__ */ React91.createElement(Text44, { size: "xs", c: "dimmed" }, "For a typical API response like:"), /* @__PURE__ */ React91.createElement(Code, { block: true, style: { fontSize: "11px" } }, `{
+  "customer": {
+    "email": "user@example.com",
+    "name": "John Doe"
+  },
+  "product": {
+    "id": "l1v6r07b",
+    "name": "Product-1"
+  }
+}`), /* @__PURE__ */ React91.createElement(Text44, { size: "xs", c: "dimmed" }, "You would define fields like:"), /* @__PURE__ */ React91.createElement(Text44, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React91.createElement(Code, null, "customer.email"), ', Display Name: "Customer Email", Type: string'), /* @__PURE__ */ React91.createElement(Text44, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React91.createElement(Code, null, "customer.name"), ', Display Name: "Customer Name", Type: string'), /* @__PURE__ */ React91.createElement(Text44, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React91.createElement(Code, null, "product.id"), ', Display Name: "Product ID", Type: string'), /* @__PURE__ */ React91.createElement(Text44, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React91.createElement(Code, null, "product.name"), ', Display Name: "Product Name", Type: string')));
 };
 
 // src/mantine/blocks/apiRequest/template/TemplateConfig.tsx
 var TemplateConfig4 = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
-  const updateProp = useCallback16(
+  const updateProp = useCallback17(
     (key, value) => {
       editor.updateBlock(block, {
         props: {
@@ -7591,20 +8298,88 @@ var TemplateConfig4 = ({ editor, block }) => {
     },
     [editor, block]
   );
-  const handleHeadersChange = useCallback16(
+  const handleHeadersChange = useCallback17(
     (headers) => {
       updateProp("headers", JSON.stringify(headers));
     },
     [updateProp]
   );
-  const handleBodyChange = useCallback16(
+  const handleBodyChange = useCallback17(
     (body) => {
       updateProp("body", JSON.stringify(body));
     },
     [updateProp]
   );
-  return /* @__PURE__ */ React89.createElement(
-    Paper9,
+  const handleSchemaChange = useCallback17(
+    (schema) => {
+      updateProp("responseSchema", JSON.stringify(schema));
+    },
+    [updateProp]
+  );
+  const parsedResponseSchema = useMemo15(() => {
+    return parseResponseSchema(block.props.responseSchema);
+  }, [block.props.responseSchema]);
+  const tabs = useMemo15(
+    () => [
+      {
+        label: "General",
+        value: "general",
+        content: /* @__PURE__ */ React92.createElement(
+          GeneralTab4,
+          {
+            title: block.props.title || "",
+            description: block.props.description || "",
+            endpoint: block.props.endpoint || "",
+            method: block.props.method || "GET",
+            headers: (() => {
+              try {
+                return typeof block.props.headers === "string" ? JSON.parse(block.props.headers) : block.props.headers || [];
+              } catch {
+                return [];
+              }
+            })(),
+            body: (() => {
+              try {
+                return typeof block.props.body === "string" ? JSON.parse(block.props.body) : block.props.body || [];
+              } catch {
+                return [];
+              }
+            })(),
+            onTitleChange: (value) => updateProp("title", value),
+            onDescriptionChange: (value) => updateProp("description", value),
+            onEndpointChange: (value) => updateProp("endpoint", value),
+            onMethodChange: (value) => updateProp("method", value),
+            onHeadersChange: handleHeadersChange,
+            onBodyChange: handleBodyChange,
+            editor,
+            blockId: block.id
+          }
+        )
+      },
+      {
+        label: "Response Schema",
+        value: "response-schema",
+        content: /* @__PURE__ */ React92.createElement(ResponseSchemaTab, { schema: parsedResponseSchema, onSchemaChange: handleSchemaChange, blockId: block.id })
+      }
+    ],
+    [
+      block.props.title,
+      block.props.description,
+      block.props.endpoint,
+      block.props.method,
+      block.props.headers,
+      block.props.body,
+      block.id,
+      parsedResponseSchema,
+      updateProp,
+      handleHeadersChange,
+      handleBodyChange,
+      handleSchemaChange,
+      editor
+    ]
+  );
+  return /* @__PURE__ */ React92.createElement(
+    Paper10,
     {
       p: "md",
       shadow: "sm",
@@ -7614,7 +8389,7 @@ var TemplateConfig4 = ({ editor, block }) => {
         flexDirection: "column"
       }
     },
-    /* @__PURE__ */ React89.createElement(
+    /* @__PURE__ */ React92.createElement(
       "div",
       {
         style: {
@@ -7624,59 +8399,19 @@ var TemplateConfig4 = ({ editor, block }) => {
           marginBottom: "1rem"
         }
       },
-      /* @__PURE__ */ React89.createElement(Title7, { order: 3 }, "API Request Settings"),
-      /* @__PURE__ */ React89.createElement(CloseButton6, { onClick: closePanel })
+      /* @__PURE__ */ React92.createElement(Title7, { order: 3 }, "API Request Settings"),
+      /* @__PURE__ */ React92.createElement(CloseButton6, { onClick: closePanel })
     ),
-    /* @__PURE__ */ React89.createElement(
-      ReusablePanel,
-      {
-        extraTabs: [
-          {
-            label: "General",
-            value: "general",
-            content: /* @__PURE__ */ React89.createElement(
-              GeneralTab4,
-              {
-                title: block.props.title || "",
-                description: block.props.description || "",
-                endpoint: block.props.endpoint || "",
-                method: block.props.method || "GET",
-                headers: (() => {
-                  try {
-                    return typeof block.props.headers === "string" ? JSON.parse(block.props.headers) : block.props.headers || [];
-                  } catch {
-                    return [];
-                  }
-                })(),
-                body: (() => {
-                  try {
-                    return typeof block.props.body === "string" ? JSON.parse(block.props.body) : block.props.body || [];
-                  } catch {
-                    return [];
-                  }
-                })(),
-                onTitleChange: (value) => updateProp("title", value),
-                onDescriptionChange: (value) => updateProp("description", value),
-                onEndpointChange: (value) => updateProp("endpoint", value),
-                onMethodChange: (value) => updateProp("method", value),
-                onHeadersChange: handleHeadersChange,
-                onBodyChange: handleBodyChange
-              }
-            )
-          }
-        ],
-        context: { editor, block }
-      }
-    )
+    /* @__PURE__ */ React92.createElement(ReusablePanel, { extraTabs: tabs, context: { editor, block } })
   );
 };
 
 // src/mantine/blocks/apiRequest/template/TemplateView.tsx
-import { Card as Card19, Group as Group24, Stack as Stack68, Text as Text43, ActionIcon as ActionIcon11, Badge as Badge10 } from "@mantine/core";
+import { Card as Card19, Group as Group27, Stack as Stack70, Text as Text45, ActionIcon as ActionIcon14, Badge as Badge12 } from "@mantine/core";
 var API_REQUEST_TEMPLATE_PANEL_ID = "api-request-template-panel";
 var ApiRequestTemplateView = ({ editor, block }) => {
   const panelId = `${API_REQUEST_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo13(() => /* @__PURE__ */ React90.createElement(TemplateConfig4, { editor, block }), [editor, block]);
+  const panelContent = useMemo16(() => /* @__PURE__ */ React93.createElement(TemplateConfig4, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const method = block.props.method || "GET";
   const endpoint = block.props.endpoint || "https://api.example.com/endpoint";
@@ -7696,17 +8431,18 @@ var ApiRequestTemplateView = ({ editor, block }) => {
         return "gray";
     }
   };
-  return /* @__PURE__ */ React90.createElement(Card19, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React90.createElement(Badge10, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React90.createElement(Group24, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React90.createElement(Group24, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React90.createElement(ActionIcon11, { variant: "light", color: "violet", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "square-check")), /* @__PURE__ */ React90.createElement(Stack68, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React90.createElement(Group24, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React90.createElement(Badge10, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React90.createElement(Text43, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "API Request")), /* @__PURE__ */ React90.createElement(Text43, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, endpoint), block.props.description && /* @__PURE__ */ React90.createElement(Text43, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description)))));
+  return /* @__PURE__ */ React93.createElement(Card19, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React93.createElement(Badge12, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React93.createElement(Group27, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React93.createElement(Group27, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React93.createElement(ActionIcon14, { variant: "light", color: "violet", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "square-check")), /* @__PURE__ */ React93.createElement(Stack70, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React93.createElement(Group27, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React93.createElement(Badge12, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React93.createElement(Text45, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "API Request")), /* @__PURE__ */ React93.createElement(Text45, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, endpoint), block.props.description && /* @__PURE__ */ React93.createElement(Text45, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description)))));
 };
 
 // src/mantine/blocks/apiRequest/flow/FlowView.tsx
-import React91, { useState as useState23 } from "react";
-import { Card as Card20, Group as Group25, Stack as Stack69, Text as Text44, ActionIcon as ActionIcon12, Tooltip as Tooltip4, Button as Button18, Badge as Badge11, Collapse as Collapse2, Code, Loader as Loader4, Alert as Alert9 } from "@mantine/core";
-import { IconSend, IconChevronDown as IconChevronDown2, IconChevronUp as IconChevronUp2 } from "@tabler/icons-react";
+import React94, { useState as useState25 } from "react";
+import { Card as Card20, Group as Group28, Stack as Stack71, Text as Text46, ActionIcon as ActionIcon15, Tooltip as Tooltip6, Button as Button20, Badge as Badge13, Collapse as Collapse2, Code as Code2, Loader as Loader5, Alert as Alert10 } from "@mantine/core";
+import { IconSend, IconChevronDown as IconChevronDown2, IconChevronUp as IconChevronUp2, IconAlertTriangle } from "@tabler/icons-react";
 var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
   const disabled = isDisabled?.isDisabled === "disable";
-  const [isLoading, setIsLoading] = useState23(false);
-  const [showDetails, setShowDetails] = useState23(false);
+  const [isLoading, setIsLoading] = useState25(false);
+  const [showDetails, setShowDetails] = useState25(false);
+  const [validationWarnings, setValidationWarnings] = useState25([]);
   const method = block.props.method || "GET";
   const endpoint = block.props.endpoint || "";
   const headers = (() => {
@@ -7760,17 +8496,23 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
       props: { ...block.props, status: "loading", response: "" }
     });
     try {
+      const editorDocument = editor?.document || [];
+      const resolvedEndpoint = resolveReferences(endpoint, editorDocument);
       const headersObj = {};
       headers.forEach((h) => {
         if (h.key && h.value) {
-          headersObj[h.key] = h.value;
+          const resolvedKey = resolveReferences(h.key, editorDocument);
+          const resolvedValue = resolveReferences(h.value, editorDocument);
+          headersObj[resolvedKey] = resolvedValue;
         }
       });
       const bodyObj = {};
       if (method !== "GET") {
         body.forEach((b) => {
           if (b.key && b.value) {
-            bodyObj[b.key] = b.value;
+            const resolvedKey = resolveReferences(b.key, editorDocument);
+            const resolvedValue = resolveReferences(b.value, editorDocument);
+            bodyObj[resolvedKey] = resolvedValue;
           }
         });
       }
@@ -7784,21 +8526,24 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
       if (method !== "GET" && Object.keys(bodyObj).length > 0) {
         fetchOptions.body = JSON.stringify(bodyObj);
       }
-      const apiResponse = await fetch(endpoint, fetchOptions);
+      const apiResponse = await fetch(resolvedEndpoint, fetchOptions);
       const responseData = await apiResponse.json();
+      const schema = parseResponseSchema(block.props.responseSchema);
+      if (schema && schema.fields.length > 0) {
+        const errors = validateResponseAgainstSchema(responseData, schema);
+        if (errors.length > 0) {
+          console.warn("Response validation warnings:", errors);
+          setValidationWarnings(errors);
+          setShowDetails(true);
+        } else {
+          setValidationWarnings([]);
+        }
+      }
       editor.updateBlock(block, {
         props: {
           ...block.props,
           status: apiResponse.ok ? "success" : "error",
-          response: JSON.stringify(
-            {
-              status: apiResponse.status,
-              statusText: apiResponse.statusText,
-              data: responseData
-            },
-            null,
-            2
-          )
+          response: JSON.stringify(responseData, null, 2)
         }
       });
     } catch (error) {
@@ -7819,21 +8564,21 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
       setIsLoading(false);
     }
   };
-  const executeButton = /* @__PURE__ */ React91.createElement(
-    Button18,
+  const executeButton = /* @__PURE__ */ React94.createElement(
+    Button20,
     {
       size: "sm",
       variant: "light",
       color: getMethodColor(method),
-      leftSection: isLoading ? /* @__PURE__ */ React91.createElement(Loader4, { size: 14 }) : /* @__PURE__ */ React91.createElement(IconSend, { size: 14 }),
+      leftSection: isLoading ? /* @__PURE__ */ React94.createElement(Loader5, { size: 14 }) : /* @__PURE__ */ React94.createElement(IconSend, { size: 14 }),
       onClick: handleExecuteRequest,
       disabled: disabled || isLoading || !endpoint,
       style: { flexShrink: 0 }
     },
     isLoading ? "Sending..." : "Execute"
   );
-  return /* @__PURE__ */ React91.createElement(Card20, { withBorder: true, padding: "md", radius: "md", style: { width: "100%" } }, /* @__PURE__ */ React91.createElement(Stack69, { gap: "md" }, /* @__PURE__ */ React91.createElement(Group25, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React91.createElement(Group25, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, /* @__PURE__ */ React91.createElement(ActionIcon12, { variant: "light", color: "violet", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "square-check")), /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React91.createElement(Group25, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React91.createElement(Badge11, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React91.createElement(Text44, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "API Request"), status !== "idle" && /* @__PURE__ */ React91.createElement(Badge11, { size: "xs", variant: "dot", color: getStatusColor(status) }, status)), /* @__PURE__ */ React91.createElement(
-    Text44,
+  return /* @__PURE__ */ React94.createElement(Card20, { withBorder: true, padding: "md", radius: "md", style: { width: "100%" } }, /* @__PURE__ */ React94.createElement(Stack71, { gap: "md" }, /* @__PURE__ */ React94.createElement(Group28, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React94.createElement(Group28, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, /* @__PURE__ */ React94.createElement(ActionIcon15, { variant: "light", color: "violet", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "square-check")), /* @__PURE__ */ React94.createElement(Stack71, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React94.createElement(Group28, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React94.createElement(Badge13, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React94.createElement(Text46, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "API Request"), status !== "idle" && /* @__PURE__ */ React94.createElement(Badge13, { size: "xs", variant: "dot", color: getStatusColor(status) }, status)), /* @__PURE__ */ React94.createElement(
+    Text46,
     {
       size: "xs",
       c: "dimmed",
@@ -7845,7 +8590,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
       }
     },
     endpoint || "No endpoint configured"
-  ), block.props.description && /* @__PURE__ */ React91.createElement(Text44, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React91.createElement(Group25, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React91.createElement(Tooltip4, { label: isDisabled.message, position: "left", withArrow: true }, executeButton) : executeButton, /* @__PURE__ */ React91.createElement(ActionIcon12, { variant: "subtle", onClick: () => setShowDetails(!showDetails), disabled: headers.length === 0 && body.length === 0 && !response }, showDetails ? /* @__PURE__ */ React91.createElement(IconChevronUp2, { size: 16 }) : /* @__PURE__ */ React91.createElement(IconChevronDown2, { size: 16 })))), /* @__PURE__ */ React91.createElement(Collapse2, { in: showDetails }, /* @__PURE__ */ React91.createElement(Stack69, { gap: "md" }, headers.length > 0 && /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Text44, { size: "xs", fw: 600, c: "dimmed" }, "Headers:"), /* @__PURE__ */ React91.createElement(Code, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
+  ), block.props.description && /* @__PURE__ */ React94.createElement(Text46, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React94.createElement(Group28, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React94.createElement(Tooltip6, { label: isDisabled.message, position: "left", withArrow: true }, executeButton) : executeButton, /* @__PURE__ */ React94.createElement(ActionIcon15, { variant: "subtle", onClick: () => setShowDetails(!showDetails), disabled: headers.length === 0 && body.length === 0 && !response }, showDetails ? /* @__PURE__ */ React94.createElement(IconChevronUp2, { size: 16 }) : /* @__PURE__ */ React94.createElement(IconChevronDown2, { size: 16 })))), /* @__PURE__ */ React94.createElement(Collapse2, { in: showDetails }, /* @__PURE__ */ React94.createElement(Stack71, { gap: "md" }, validationWarnings.length > 0 && /* @__PURE__ */ React94.createElement(Alert10, { icon: /* @__PURE__ */ React94.createElement(IconAlertTriangle, { size: 16 }), title: "Schema Validation Warnings", color: "yellow" }, /* @__PURE__ */ React94.createElement(Stack71, { gap: "xs" }, /* @__PURE__ */ React94.createElement(Text46, { size: "xs" }, "The API response does not match the defined schema:"), validationWarnings.map((warning, index) => /* @__PURE__ */ React94.createElement(Text46, { key: index, size: "xs", c: "dimmed" }, "\u2022 ", warning)))), headers.length > 0 && /* @__PURE__ */ React94.createElement(Stack71, { gap: "xs" }, /* @__PURE__ */ React94.createElement(Text46, { size: "xs", fw: 600, c: "dimmed" }, "Headers:"), /* @__PURE__ */ React94.createElement(Code2, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
     headers.reduce(
       (acc, h) => {
         if (h.key && h.value) acc[h.key] = h.value;
@@ -7855,7 +8600,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
     ),
     null,
     2
-  ))), method !== "GET" && body.length > 0 && /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Text44, { size: "xs", fw: 600, c: "dimmed" }, "Body:"), /* @__PURE__ */ React91.createElement(Code, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
+  ))), method !== "GET" && body.length > 0 && /* @__PURE__ */ React94.createElement(Stack71, { gap: "xs" }, /* @__PURE__ */ React94.createElement(Text46, { size: "xs", fw: 600, c: "dimmed" }, "Body:"), /* @__PURE__ */ React94.createElement(Code2, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
     body.reduce(
       (acc, b) => {
         if (b.key && b.value) acc[b.key] = b.value;
@@ -7865,7 +8610,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
     ),
     null,
     2
-  ))), response && /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Text44, { size: "xs", fw: 600, c: "dimmed" }, "Response:"), status === "error" ? /* @__PURE__ */ React91.createElement(Alert9, { color: "red", title: "Error", styles: { message: { fontSize: "11px" } } }, /* @__PURE__ */ React91.createElement(Code, { block: true, style: { fontSize: "11px" } }, response)) : /* @__PURE__ */ React91.createElement(Code, { block: true, style: { fontSize: "11px", maxHeight: "300px", overflow: "auto" } }, response))))));
+  ))), response && /* @__PURE__ */ React94.createElement(Stack71, { gap: "xs" }, /* @__PURE__ */ React94.createElement(Text46, { size: "xs", fw: 600, c: "dimmed" }, "Response:"), status === "error" ? /* @__PURE__ */ React94.createElement(Alert10, { color: "red", title: "Error", styles: { message: { fontSize: "11px" } } }, /* @__PURE__ */ React94.createElement(Code2, { block: true, style: { fontSize: "11px" } }, response)) : /* @__PURE__ */ React94.createElement(Code2, { block: true, style: { fontSize: "11px", maxHeight: "300px", overflow: "auto" } }, response))))));
 };
 
 // src/mantine/blocks/apiRequest/ApiRequestBlock.tsx
@@ -7873,7 +8618,7 @@ function ApiRequestBlock({ editor, block }) {
   const { docType } = useBlocknoteContext();
   const { actions } = useBlockConditions(block, editor);
   if (docType === "template") {
-    return /* @__PURE__ */ React92.createElement(ApiRequestTemplateView, { editor, block });
+    return /* @__PURE__ */ React95.createElement(ApiRequestTemplateView, { editor, block });
   }
   const conditionConfig = parseConditionConfig(block.props.conditions);
   const hasVisibility = hasVisibilityConditions(conditionConfig);
@@ -7885,7 +8630,7 @@ function ApiRequestBlock({ editor, block }) {
   const hasEnable = hasEnableConditions(conditionConfig);
   const enableActionExists = actions.some((a) => a.action === "enable");
   const shouldDisable = hasEnable && !enableActionExists;
-  return /* @__PURE__ */ React92.createElement(
+  return /* @__PURE__ */ React95.createElement(
     ApiRequestFlowView,
     {
       block,
@@ -7930,6 +8675,9 @@ var ApiRequestBlockSpec = createReactBlockSpec5(
       status: {
         default: "idle"
       },
+      responseSchema: {
+        default: ""
+      },
       conditions: {
         default: ""
       }
@@ -7939,37 +8687,37 @@ var ApiRequestBlockSpec = createReactBlockSpec5(
   {
     render: (props) => {
       const ixoProps = props;
-      return /* @__PURE__ */ React93.createElement(ApiRequestBlock, { ...ixoProps });
+      return /* @__PURE__ */ React96.createElement(ApiRequestBlock, { ...ixoProps });
     }
   }
 );
 
 // src/mantine/blocks/enumChecklist/EnumChecklistBlock.tsx
-import React100, { useState as useState25, useEffect as useEffect16, useMemo as useMemo14, useCallback as useCallback17 } from "react";
+import React103, { useState as useState27, useEffect as useEffect17, useMemo as useMemo17, useCallback as useCallback18 } from "react";
 import { createReactBlockSpec as createReactBlockSpec6 } from "@blocknote/react";
-import { Stack as Stack75, Text as Text50, Button as Button23, ActionIcon as ActionIcon13, Center as Center3, Flex as Flex19 } from "@mantine/core";
+import { Stack as Stack77, Text as Text52, Button as Button25, ActionIcon as ActionIcon16, Center as Center3, Flex as Flex20 } from "@mantine/core";
 
 // src/mantine/blocks/enumChecklist/oracle_personalities/index.tsx
-import React94 from "react";
-import { Box as Box17, Flex as Flex18, Stack as Stack70, Text as Text45, Image as Image13 } from "@mantine/core";
+import React97 from "react";
+import { Box as Box18, Flex as Flex19, Stack as Stack72, Text as Text47, Image as Image13 } from "@mantine/core";
 function OraclePersonalitiesEnumList({ selectionMode, isItemChecked, onItemCheck, items }) {
   if (!items || items.length === 0) {
-    return /* @__PURE__ */ React94.createElement(Text45, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No assets found");
+    return /* @__PURE__ */ React97.createElement(Text47, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No assets found");
   }
-  const rows = items.map(({ id, name, description, voice, icon }) => /* @__PURE__ */ React94.createElement(ListItemContainer, { key: id }, /* @__PURE__ */ React94.createElement(Flex18, { align: "center", gap: "sm" }, /* @__PURE__ */ React94.createElement(Image13, { radius: 16, w: 62, h: 62, src: icon, alt: name }), /* @__PURE__ */ React94.createElement(Stack70, { gap: 0 }, /* @__PURE__ */ React94.createElement(Text45, { size: "sm", fw: 500 }, name || "-"), description !== void 0 && /* @__PURE__ */ React94.createElement(Text45, { size: "sm", c: "dimmed" }, description))), /* @__PURE__ */ React94.createElement(Flex18, { align: "center", gap: "md" }, /* @__PURE__ */ React94.createElement(Stack70, { ta: "right", gap: 0 }, /* @__PURE__ */ React94.createElement(Text45, { size: "sm", fw: 500 }, "Voice"), /* @__PURE__ */ React94.createElement(Text45, { size: "sm", c: "dimmed" }, voice)), selectionMode && /* @__PURE__ */ React94.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${name}`, checked: isItemChecked?.(id), onCheck: (checked) => onItemCheck?.(id, checked) }))));
-  return /* @__PURE__ */ React94.createElement(Box17, { flex: 1 }, /* @__PURE__ */ React94.createElement(Stack70, null, rows));
+  const rows = items.map(({ id, name, description, voice, icon }) => /* @__PURE__ */ React97.createElement(ListItemContainer, { key: id }, /* @__PURE__ */ React97.createElement(Flex19, { align: "center", gap: "sm" }, /* @__PURE__ */ React97.createElement(Image13, { radius: 16, w: 62, h: 62, src: icon, alt: name }), /* @__PURE__ */ React97.createElement(Stack72, { gap: 0 }, /* @__PURE__ */ React97.createElement(Text47, { size: "sm", fw: 500 }, name || "-"), description !== void 0 && /* @__PURE__ */ React97.createElement(Text47, { size: "sm", c: "dimmed" }, description))), /* @__PURE__ */ React97.createElement(Flex19, { align: "center", gap: "md" }, /* @__PURE__ */ React97.createElement(Stack72, { ta: "right", gap: 0 }, /* @__PURE__ */ React97.createElement(Text47, { size: "sm", fw: 500 }, "Voice"), /* @__PURE__ */ React97.createElement(Text47, { size: "sm", c: "dimmed" }, voice)), selectionMode && /* @__PURE__ */ React97.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${name}`, checked: isItemChecked?.(id), onCheck: (checked) => onItemCheck?.(id, checked) }))));
+  return /* @__PURE__ */ React97.createElement(Box18, { flex: 1 }, /* @__PURE__ */ React97.createElement(Stack72, null, rows));
 }
 
 // src/mantine/blocks/enumChecklist/EnumChecklistConfigModal.tsx
-import React99, { useState as useState24 } from "react";
-import { Modal, Group as Group29, Box as Box19 } from "@mantine/core";
+import React102, { useState as useState26 } from "react";
+import { Modal, Group as Group32, Box as Box20 } from "@mantine/core";
 
 // src/mantine/blocks/list/modal/ModalNavigation.tsx
-import React95 from "react";
-import { Stack as Stack71, Button as Button19, Text as Text46 } from "@mantine/core";
+import React98 from "react";
+import { Stack as Stack73, Button as Button21, Text as Text48 } from "@mantine/core";
 var ModalNavigation = ({ steps, activeStep, onStepChange, showUpdateButton = false, onUpdateBlock }) => {
-  return /* @__PURE__ */ React95.createElement(Stack71, { gap: "xs", style: { height: "100%" } }, /* @__PURE__ */ React95.createElement(Stack71, { gap: "xs", style: { flex: 1 } }, steps.map((step) => /* @__PURE__ */ React95.createElement(
-    Button19,
+  return /* @__PURE__ */ React98.createElement(Stack73, { gap: "xs", style: { height: "100%" } }, /* @__PURE__ */ React98.createElement(Stack73, { gap: "xs", style: { flex: 1 } }, steps.map((step) => /* @__PURE__ */ React98.createElement(
+    Button21,
     {
       key: step.id,
       variant: activeStep === step.id ? "filled" : "subtle",
@@ -7986,13 +8734,13 @@ var ModalNavigation = ({ steps, activeStep, onStepChange, showUpdateButton = fal
         }
       }
     },
-    /* @__PURE__ */ React95.createElement(Stack71, { gap: 2, align: "flex-start" }, /* @__PURE__ */ React95.createElement(Text46, { size: "sm", fw: 500 }, step.label), /* @__PURE__ */ React95.createElement(Text46, { size: "xs", opacity: 0.7 }, step.description))
-  ))), showUpdateButton && /* @__PURE__ */ React95.createElement(Button19, { variant: "filled", color: "blue", onClick: onUpdateBlock, style: { marginTop: "auto" } }, "Update Block"));
+    /* @__PURE__ */ React98.createElement(Stack73, { gap: 2, align: "flex-start" }, /* @__PURE__ */ React98.createElement(Text48, { size: "sm", fw: 500 }, step.label), /* @__PURE__ */ React98.createElement(Text48, { size: "xs", opacity: 0.7 }, step.description))
+  ))), showUpdateButton && /* @__PURE__ */ React98.createElement(Button21, { variant: "filled", color: "blue", onClick: onUpdateBlock, style: { marginTop: "auto" } }, "Update Block"));
 };
 
 // src/mantine/blocks/enumChecklist/EnumChecklistTypeSelection.tsx
-import React96 from "react";
-import { Stack as Stack72, Card as Card21, Group as Group26, Text as Text47, Box as Box18, Button as Button20 } from "@mantine/core";
+import React99 from "react";
+import { Stack as Stack74, Card as Card21, Group as Group29, Text as Text49, Box as Box19, Button as Button22 } from "@mantine/core";
 
 // src/mantine/blocks/enumChecklist/oracle_personalities/config.ts
 var oraclePersonalitiesMetadata = {
@@ -8121,7 +8869,7 @@ function getEnumListItems(type) {
 // src/mantine/blocks/enumChecklist/EnumChecklistTypeSelection.tsx
 var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
   const enumListsMeta = getEnumListTypesMetadata();
-  return /* @__PURE__ */ React96.createElement(Stack72, { gap: "md" }, /* @__PURE__ */ React96.createElement("div", null, /* @__PURE__ */ React96.createElement(Text47, { size: "lg", fw: 600, mb: "xs" }, "Choose List Type"), /* @__PURE__ */ React96.createElement(Text47, { size: "sm", c: "dimmed" }, "Select the type of list you want to create")), /* @__PURE__ */ React96.createElement(Stack72, { gap: "sm" }, enumListsMeta.map((enumChecklistMeta) => /* @__PURE__ */ React96.createElement(
+  return /* @__PURE__ */ React99.createElement(Stack74, { gap: "md" }, /* @__PURE__ */ React99.createElement("div", null, /* @__PURE__ */ React99.createElement(Text49, { size: "lg", fw: 600, mb: "xs" }, "Choose List Type"), /* @__PURE__ */ React99.createElement(Text49, { size: "sm", c: "dimmed" }, "Select the type of list you want to create")), /* @__PURE__ */ React99.createElement(Stack74, { gap: "sm" }, enumListsMeta.map((enumChecklistMeta) => /* @__PURE__ */ React99.createElement(
     Card21,
     {
       key: enumChecklistMeta.id,
@@ -8134,8 +8882,8 @@ var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
       },
       onClick: () => onTypeSelect(enumChecklistMeta.id)
     },
-    /* @__PURE__ */ React96.createElement(Group26, { gap: "md", align: "flex-start" }, /* @__PURE__ */ React96.createElement(
-      Box18,
+    /* @__PURE__ */ React99.createElement(Group29, { gap: "md", align: "flex-start" }, /* @__PURE__ */ React99.createElement(
+      Box19,
       {
         style: {
           width: 48,
@@ -8150,36 +8898,36 @@ var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
         }
       },
       enumChecklistMeta.icon
-    ), /* @__PURE__ */ React96.createElement(Stack72, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React96.createElement(Text47, { size: "md", fw: 600 }, enumChecklistMeta.name), /* @__PURE__ */ React96.createElement(Text47, { size: "sm", c: "dimmed" }, enumChecklistMeta.description)))
-  ))), /* @__PURE__ */ React96.createElement(Group26, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React96.createElement(Button20, { onClick: onNext, disabled: !selectedType }, "Next")));
+    ), /* @__PURE__ */ React99.createElement(Stack74, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React99.createElement(Text49, { size: "md", fw: 600 }, enumChecklistMeta.name), /* @__PURE__ */ React99.createElement(Text49, { size: "sm", c: "dimmed" }, enumChecklistMeta.description)))
+  ))), /* @__PURE__ */ React99.createElement(Group29, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React99.createElement(Button22, { onClick: onNext, disabled: !selectedType }, "Next")));
 };
 
 // src/mantine/blocks/enumChecklist/EnumChecklistPreviewStep.tsx
-import React97 from "react";
-import { Stack as Stack73, Text as Text48, Button as Button21, Group as Group27 } from "@mantine/core";
+import React100 from "react";
+import { Stack as Stack75, Text as Text50, Button as Button23, Group as Group30 } from "@mantine/core";
 var EnumChecklistPreviewStep = ({ listType, onAddToBlock, onPrev }) => {
   const renderListComponent = () => {
     switch (listType) {
       case "oracle_personalities":
-        return /* @__PURE__ */ React97.createElement(OraclePersonalitiesEnumList, { items: getEnumListItems(listType) });
+        return /* @__PURE__ */ React100.createElement(OraclePersonalitiesEnumList, { items: getEnumListItems(listType) });
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ React97.createElement(Stack73, { gap: "md" }, /* @__PURE__ */ React97.createElement("div", null, /* @__PURE__ */ React97.createElement(Text48, { size: "lg", fw: 600, mb: "xs" }, "Preview ", getEnumListNameByType(listType)), /* @__PURE__ */ React97.createElement(Text48, { size: "sm", c: "dimmed" }, "Preview how your list will look with the current configuration")), /* @__PURE__ */ React97.createElement("div", { style: { maxHeight: "400px", overflow: "auto" } }, renderListComponent()), /* @__PURE__ */ React97.createElement(Group27, { justify: "space-between", mt: "md" }, /* @__PURE__ */ React97.createElement(Button21, { variant: "subtle", onClick: onPrev }, "Previous"), /* @__PURE__ */ React97.createElement(Button21, { onClick: onAddToBlock }, "Add to Block")));
+  return /* @__PURE__ */ React100.createElement(Stack75, { gap: "md" }, /* @__PURE__ */ React100.createElement("div", null, /* @__PURE__ */ React100.createElement(Text50, { size: "lg", fw: 600, mb: "xs" }, "Preview ", getEnumListNameByType(listType)), /* @__PURE__ */ React100.createElement(Text50, { size: "sm", c: "dimmed" }, "Preview how your list will look with the current configuration")), /* @__PURE__ */ React100.createElement("div", { style: { maxHeight: "400px", overflow: "auto" } }, renderListComponent()), /* @__PURE__ */ React100.createElement(Group30, { justify: "space-between", mt: "md" }, /* @__PURE__ */ React100.createElement(Button23, { variant: "subtle", onClick: onPrev }, "Previous"), /* @__PURE__ */ React100.createElement(Button23, { onClick: onAddToBlock }, "Add to Block")));
 };
 
 // src/mantine/blocks/enumChecklist/EnumChecklistConfigurationStep.tsx
-import React98 from "react";
-import { Stack as Stack74, TextInput as TextInput35, Text as Text49, Button as Button22, Group as Group28, Switch as Switch4, Select as Select11 } from "@mantine/core";
+import React101 from "react";
+import { Stack as Stack76, TextInput as TextInput36, Text as Text51, Button as Button24, Group as Group31, Switch as Switch4, Select as Select13 } from "@mantine/core";
 var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onConfigChange, onPrev, onNext, isValid }) => {
   const typeConfig = ENUM_LIST_CONFIG[listType];
   const configFields = getEnumListTypesConfigFields(listType);
   const renderListConfigField = (field) => {
     switch (field.type) {
       case "text":
-        return /* @__PURE__ */ React98.createElement(
-          TextInput35,
+        return /* @__PURE__ */ React101.createElement(
+          TextInput36,
           {
             label: field.label,
             description: field.description,
@@ -8190,7 +8938,7 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
           }
         );
       case "switch":
-        return /* @__PURE__ */ React98.createElement(
+        return /* @__PURE__ */ React101.createElement(
           Switch4,
           {
             label: field.label,
@@ -8200,8 +8948,8 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
           }
         );
       case "select":
-        return /* @__PURE__ */ React98.createElement(
-          Select11,
+        return /* @__PURE__ */ React101.createElement(
+          Select13,
           {
             label: field.label,
             description: field.description,
@@ -8213,8 +8961,8 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
           }
         );
       default:
-        return /* @__PURE__ */ React98.createElement(
-          TextInput35,
+        return /* @__PURE__ */ React101.createElement(
+          TextInput36,
           {
             label: field.label,
             description: field.description,
@@ -8226,14 +8974,14 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
         );
     }
   };
-  return /* @__PURE__ */ React98.createElement(Stack74, { gap: "md" }, /* @__PURE__ */ React98.createElement("div", null, /* @__PURE__ */ React98.createElement(Text49, { size: "lg", fw: 600, mb: "xs" }, "Configure ", typeConfig.metadata.name), /* @__PURE__ */ React98.createElement(Text49, { size: "sm", c: "dimmed" }, typeConfig.metadata.description)), /* @__PURE__ */ React98.createElement(Stack74, { gap: "sm" }, configFields.map((field) => /* @__PURE__ */ React98.createElement("div", { key: field.key }, renderListConfigField(field)))), /* @__PURE__ */ React98.createElement(Group28, { justify: "space-between", mt: "md" }, /* @__PURE__ */ React98.createElement(Button22, { variant: "subtle", onClick: onPrev }, "Previous"), /* @__PURE__ */ React98.createElement(Button22, { onClick: onNext, disabled: !isValid }, "Next")));
+  return /* @__PURE__ */ React101.createElement(Stack76, { gap: "md" }, /* @__PURE__ */ React101.createElement("div", null, /* @__PURE__ */ React101.createElement(Text51, { size: "lg", fw: 600, mb: "xs" }, "Configure ", typeConfig.metadata.name), /* @__PURE__ */ React101.createElement(Text51, { size: "sm", c: "dimmed" }, typeConfig.metadata.description)), /* @__PURE__ */ React101.createElement(Stack76, { gap: "sm" }, configFields.map((field) => /* @__PURE__ */ React101.createElement("div", { key: field.key }, renderListConfigField(field)))), /* @__PURE__ */ React101.createElement(Group31, { justify: "space-between", mt: "md" }, /* @__PURE__ */ React101.createElement(Button24, { variant: "subtle", onClick: onPrev }, "Previous"), /* @__PURE__ */ React101.createElement(Button24, { onClick: onNext, disabled: !isValid }, "Next")));
 };
 
 // src/mantine/blocks/enumChecklist/EnumChecklistConfigModal.tsx
 var EnumChecklistConfigModal = ({ opened, onClose, onSave, initialConfig }) => {
-  const [activeStep, setActiveStep] = useState24("type");
-  const [selectedType, setSelectedType] = useState24(initialConfig?.listType || null);
-  const [config, setConfig] = useState24(initialConfig?.listConfig || {});
+  const [activeStep, setActiveStep] = useState26("type");
+  const [selectedType, setSelectedType] = useState26(initialConfig?.listType || null);
+  const [config, setConfig] = useState26(initialConfig?.listConfig || {});
   const handleTypeSelect = (type) => {
     setSelectedType(type);
     const configFieldsByType = getEnumListTypesConfigFields(type);
@@ -8288,9 +9036,9 @@ var EnumChecklistConfigModal = ({ opened, onClose, onSave, initialConfig }) => {
   const renderStepContent = () => {
     switch (activeStep) {
       case "type":
-        return /* @__PURE__ */ React99.createElement(EnumChecklistTypeSelection, { selectedType, onTypeSelect: handleTypeSelect, onNext: () => setActiveStep("configure") });
+        return /* @__PURE__ */ React102.createElement(EnumChecklistTypeSelection, { selectedType, onTypeSelect: handleTypeSelect, onNext: () => setActiveStep("configure") });
       case "configure":
-        return selectedType ? /* @__PURE__ */ React99.createElement(
+        return selectedType ? /* @__PURE__ */ React102.createElement(
           EnumChecklistConfigurationStep,
           {
             enumChecklistType: selectedType,
@@ -8302,22 +9050,22 @@ var EnumChecklistConfigModal = ({ opened, onClose, onSave, initialConfig }) => {
           }
         ) : null;
       case "preview":
-        return selectedType ? /* @__PURE__ */ React99.createElement(EnumChecklistPreviewStep, { listType: selectedType, onAddToBlock: handleAddToBlock, onPrev: () => setActiveStep("configure") }) : null;
+        return selectedType ? /* @__PURE__ */ React102.createElement(EnumChecklistPreviewStep, { listType: selectedType, onAddToBlock: handleAddToBlock, onPrev: () => setActiveStep("configure") }) : null;
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ React99.createElement(Modal, { opened, onClose: handleClose, title: "Configure Enum Checklist Block", size: "xl" }, /* @__PURE__ */ React99.createElement(Group29, { align: "flex-start", gap: "lg", style: { minHeight: "400px" } }, /* @__PURE__ */ React99.createElement(Box19, { style: { width: "200px", flexShrink: 0, height: "400px", display: "flex" } }, /* @__PURE__ */ React99.createElement(ModalNavigation, { steps, activeStep, onStepChange: setActiveStep, showUpdateButton: selectedType !== null, onUpdateBlock: handleAddToBlock })), /* @__PURE__ */ React99.createElement(Box19, { style: { flex: 1 } }, renderStepContent())));
+  return /* @__PURE__ */ React102.createElement(Modal, { opened, onClose: handleClose, title: "Configure Enum Checklist Block", size: "xl" }, /* @__PURE__ */ React102.createElement(Group32, { align: "flex-start", gap: "lg", style: { minHeight: "400px" } }, /* @__PURE__ */ React102.createElement(Box20, { style: { width: "200px", flexShrink: 0, height: "400px", display: "flex" } }, /* @__PURE__ */ React102.createElement(ModalNavigation, { steps, activeStep, onStepChange: setActiveStep, showUpdateButton: selectedType !== null, onUpdateBlock: handleAddToBlock })), /* @__PURE__ */ React102.createElement(Box20, { style: { flex: 1 } }, renderStepContent())));
 };
 
 // src/mantine/blocks/enumChecklist/EnumChecklistBlock.tsx
-var IconSettings2 = () => /* @__PURE__ */ React100.createElement("span", null, "\u2699\uFE0F");
+var IconSettings2 = () => /* @__PURE__ */ React103.createElement("span", null, "\u2699\uFE0F");
 var EnumChecklistBlockType = "enumChecklist";
 var EnumChecklistBlockContent = ({ block, editor }) => {
-  const [modalOpened, setModalOpened] = useState25(false);
+  const [modalOpened, setModalOpened] = useState27(false);
   const { editable } = useBlocknoteContext();
   const listType = block.props.listType && block.props.listType !== "" ? block.props.listType : null;
-  const listConfig = useMemo14(() => {
+  const listConfig = useMemo17(() => {
     if (block.props.listConfig && block.props.listConfig !== "{}") {
       try {
         return JSON.parse(block.props.listConfig);
@@ -8328,7 +9076,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
     }
     return {};
   }, [block.props.listConfig]);
-  const selectedIds = useMemo14(() => {
+  const selectedIds = useMemo17(() => {
     if (block.props.selectedIds && block.props.selectedIds !== "[]") {
       try {
         return new Set(JSON.parse(block.props.selectedIds));
@@ -8339,7 +9087,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
     }
     return /* @__PURE__ */ new Set();
   }, [block.props.selectedIds]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (listConfig?.selection_mode === "single" && selectedIds.size > 1) {
       const arr = Array.from(selectedIds);
       const lastSelected = arr.length > 0 ? arr[arr.length - 1] : void 0;
@@ -8348,13 +9096,13 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
       });
     }
   }, [listConfig?.selection_mode, selectedIds]);
-  const isItemChecked = useCallback17(
+  const isItemChecked = useCallback18(
     (id) => {
       return selectedIds.has(id);
     },
     [selectedIds]
   );
-  const onItemCheck = useCallback17(
+  const onItemCheck = useCallback18(
     (id, checked) => {
       const currentSelectedIds = Array.from(selectedIds);
       let newSelectedIds;
@@ -8397,7 +9145,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
     if (!listType) return null;
     switch (listType) {
       case "oracle_personalities":
-        return /* @__PURE__ */ React100.createElement(
+        return /* @__PURE__ */ React103.createElement(
           OraclePersonalitiesEnumList,
           {
             items: getEnumListItems(listType),
@@ -8410,7 +9158,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
         return null;
     }
   };
-  return /* @__PURE__ */ React100.createElement(Stack75, { w: "100%" }, listType && /* @__PURE__ */ React100.createElement(Flex19, { align: "center", justify: "space-between", gap: "xs" }, /* @__PURE__ */ React100.createElement(Text50, null, getEnumListNameByType(listType)), listConfig.listSelectionMode && /* @__PURE__ */ React100.createElement(Text50, { lh: 0.5, c: "dimmed" }, listConfig?.selection_mode === "single" ? "Single Selection" : "Multi Selection"), editable && /* @__PURE__ */ React100.createElement(Flex19, { justify: listType ? "space-between" : "flex-end" }, /* @__PURE__ */ React100.createElement(Flex19, { gap: "xs" }, /* @__PURE__ */ React100.createElement(ActionIcon13, { variant: "subtle", size: "sm", onClick: () => setModalOpened(true) }, /* @__PURE__ */ React100.createElement(IconSettings2, null))))), /* @__PURE__ */ React100.createElement(Flex19, { flex: 1 }, !listType ? /* @__PURE__ */ React100.createElement(Center3, { py: "xl" }, /* @__PURE__ */ React100.createElement(Stack75, { align: "center", gap: "sm" }, /* @__PURE__ */ React100.createElement(Text50, { size: "sm", c: "dimmed", ta: "center" }, "No list type configured"), /* @__PURE__ */ React100.createElement(Button23, { size: "sm", variant: "light", onClick: () => setModalOpened(true) }, "Configure List"))) : /* @__PURE__ */ React100.createElement(Stack75, { gap: "md", flex: 1 }, renderListComponent())), /* @__PURE__ */ React100.createElement(
+  return /* @__PURE__ */ React103.createElement(Stack77, { w: "100%" }, listType && /* @__PURE__ */ React103.createElement(Flex20, { align: "center", justify: "space-between", gap: "xs" }, /* @__PURE__ */ React103.createElement(Text52, null, getEnumListNameByType(listType)), listConfig.listSelectionMode && /* @__PURE__ */ React103.createElement(Text52, { lh: 0.5, c: "dimmed" }, listConfig?.selection_mode === "single" ? "Single Selection" : "Multi Selection"), editable && /* @__PURE__ */ React103.createElement(Flex20, { justify: listType ? "space-between" : "flex-end" }, /* @__PURE__ */ React103.createElement(Flex20, { gap: "xs" }, /* @__PURE__ */ React103.createElement(ActionIcon16, { variant: "subtle", size: "sm", onClick: () => setModalOpened(true) }, /* @__PURE__ */ React103.createElement(IconSettings2, null))))), /* @__PURE__ */ React103.createElement(Flex20, { flex: 1 }, !listType ? /* @__PURE__ */ React103.createElement(Center3, { py: "xl" }, /* @__PURE__ */ React103.createElement(Stack77, { align: "center", gap: "sm" }, /* @__PURE__ */ React103.createElement(Text52, { size: "sm", c: "dimmed", ta: "center" }, "No list type configured"), /* @__PURE__ */ React103.createElement(Button25, { size: "sm", variant: "light", onClick: () => setModalOpened(true) }, "Configure List"))) : /* @__PURE__ */ React103.createElement(Stack77, { gap: "md", flex: 1 }, renderListComponent())), /* @__PURE__ */ React103.createElement(
     EnumChecklistConfigModal,
     {
       opened: modalOpened,
@@ -8442,28 +9190,28 @@ var EnumChecklistBlock = createReactBlockSpec6(
     content: "none"
   },
   {
-    render: (props) => /* @__PURE__ */ React100.createElement(EnumChecklistBlockContent, { ...props })
+    render: (props) => /* @__PURE__ */ React103.createElement(EnumChecklistBlockContent, { ...props })
   }
 );
 
 // src/mantine/blocks/notify/NotifyBlockSpec.tsx
-import React106 from "react";
+import React109 from "react";
 import { createReactBlockSpec as createReactBlockSpec7 } from "@blocknote/react";
 
 // src/mantine/blocks/notify/NotifyBlock.tsx
-import React105 from "react";
+import React108 from "react";
 
 // src/mantine/blocks/notify/template/TemplateView.tsx
-import React103, { useMemo as useMemo15 } from "react";
+import React106, { useMemo as useMemo18 } from "react";
 
 // src/mantine/blocks/notify/template/TemplateConfig.tsx
-import React102, { useCallback as useCallback18 } from "react";
-import { Paper as Paper11, CloseButton as CloseButton7, Title as Title8 } from "@mantine/core";
+import React105, { useCallback as useCallback19 } from "react";
+import { Paper as Paper12, CloseButton as CloseButton7, Title as Title8 } from "@mantine/core";
 
 // src/mantine/blocks/notify/template/GeneralTab.tsx
-import React101, { useEffect as useEffect17, useState as useState26 } from "react";
-import { Divider as Divider6, Select as Select12, Stack as Stack76, Text as Text51, TextInput as TextInput36, Textarea as Textarea20, Button as Button24, Group as Group30, ActionIcon as ActionIcon14, Paper as Paper10 } from "@mantine/core";
-import { IconTrash as IconTrash2, IconPlus as IconPlus2 } from "@tabler/icons-react";
+import React104, { useEffect as useEffect18, useState as useState28 } from "react";
+import { Divider as Divider6, Select as Select14, Stack as Stack78, Text as Text53, TextInput as TextInput37, Textarea as Textarea21, Button as Button26, Group as Group33, ActionIcon as ActionIcon17, Paper as Paper11 } from "@mantine/core";
+import { IconTrash as IconTrash3, IconPlus as IconPlus3 } from "@tabler/icons-react";
 var GeneralTab5 = ({
   title,
   description,
@@ -8486,30 +9234,32 @@ var GeneralTab5 = ({
   onBodyChange,
   onBodyTypeChange,
   onFromChange,
-  onReplyToChange
+  onReplyToChange,
+  editor,
+  blockId
 }) => {
-  const [localTitle, setLocalTitle] = useState26(title || "");
-  const [localDescription, setLocalDescription] = useState26(description || "");
-  const [localChannel, setLocalChannel] = useState26(channel || "email");
-  const [localTo, setLocalTo] = useState26(to || []);
-  const [localCc, setLocalCc] = useState26(cc || []);
-  const [localBcc, setLocalBcc] = useState26(bcc || []);
-  const [localSubject, setLocalSubject] = useState26(subject || "");
-  const [localBody, setLocalBody] = useState26(body || "");
-  const [localBodyType, setLocalBodyType] = useState26(bodyType || "text");
-  const [localFrom, setLocalFrom] = useState26(from || "");
-  const [localReplyTo, setLocalReplyTo] = useState26(replyTo || "");
-  useEffect17(() => setLocalTitle(title || ""), [title]);
-  useEffect17(() => setLocalDescription(description || ""), [description]);
-  useEffect17(() => setLocalChannel(channel || "email"), [channel]);
-  useEffect17(() => setLocalTo(to || []), [to]);
-  useEffect17(() => setLocalCc(cc || []), [cc]);
-  useEffect17(() => setLocalBcc(bcc || []), [bcc]);
-  useEffect17(() => setLocalSubject(subject || ""), [subject]);
-  useEffect17(() => setLocalBody(body || ""), [body]);
-  useEffect17(() => setLocalBodyType(bodyType || "text"), [bodyType]);
-  useEffect17(() => setLocalFrom(from || ""), [from]);
-  useEffect17(() => setLocalReplyTo(replyTo || ""), [replyTo]);
+  const [localTitle, setLocalTitle] = useState28(title || "");
+  const [localDescription, setLocalDescription] = useState28(description || "");
+  const [localChannel, setLocalChannel] = useState28(channel || "email");
+  const [localTo, setLocalTo] = useState28(to || []);
+  const [localCc, setLocalCc] = useState28(cc || []);
+  const [localBcc, setLocalBcc] = useState28(bcc || []);
+  const [localSubject, setLocalSubject] = useState28(subject || "");
+  const [localBody, setLocalBody] = useState28(body || "");
+  const [localBodyType, setLocalBodyType] = useState28(bodyType || "text");
+  const [localFrom, setLocalFrom] = useState28(from || "");
+  const [localReplyTo, setLocalReplyTo] = useState28(replyTo || "");
+  useEffect18(() => setLocalTitle(title || ""), [title]);
+  useEffect18(() => setLocalDescription(description || ""), [description]);
+  useEffect18(() => setLocalChannel(channel || "email"), [channel]);
+  useEffect18(() => setLocalTo(to || []), [to]);
+  useEffect18(() => setLocalCc(cc || []), [cc]);
+  useEffect18(() => setLocalBcc(bcc || []), [bcc]);
+  useEffect18(() => setLocalSubject(subject || ""), [subject]);
+  useEffect18(() => setLocalBody(body || ""), [body]);
+  useEffect18(() => setLocalBodyType(bodyType || "text"), [bodyType]);
+  useEffect18(() => setLocalFrom(from || ""), [from]);
+  useEffect18(() => setLocalReplyTo(replyTo || ""), [replyTo]);
   const handleAddRecipient = (type) => {
     const setter = type === "to" ? setLocalTo : type === "cc" ? setLocalCc : setLocalBcc;
     const callback = type === "to" ? onToChange : type === "cc" ? onCcChange : onBccChange;
@@ -8535,8 +9285,8 @@ var GeneralTab5 = ({
     setter(newRecipients);
     callback(newRecipients);
   };
-  return /* @__PURE__ */ React101.createElement(Stack76, { gap: "lg" }, /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React101.createElement(
-    TextInput36,
+  return /* @__PURE__ */ React104.createElement(Stack78, { gap: "lg" }, /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Text53, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React104.createElement(
+    TextInput37,
     {
       placeholder: "e.g. Welcome Email",
       value: localTitle,
@@ -8546,8 +9296,8 @@ var GeneralTab5 = ({
         onTitleChange(newTitle);
       }
     }
-  )), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React101.createElement(
-    Textarea20,
+  )), /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Text53, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React104.createElement(
+    Textarea21,
     {
       placeholder: "Describe what this notification does",
       minRows: 2,
@@ -8558,8 +9308,8 @@ var GeneralTab5 = ({
         onDescriptionChange(newDescription);
       }
     }
-  )), /* @__PURE__ */ React101.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "Channel"), /* @__PURE__ */ React101.createElement(
-    Select12,
+  )), /* @__PURE__ */ React104.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Text53, { size: "sm", fw: 600 }, "Channel"), /* @__PURE__ */ React104.createElement(
+    Select14,
     {
       value: localChannel,
       onChange: (value) => {
@@ -8574,24 +9324,38 @@ var GeneralTab5 = ({
         { value: "rcs", label: "RCS (Coming Soon)", disabled: true }
       ]
     }
-  )), /* @__PURE__ */ React101.createElement(Divider6, { variant: "dashed" }), localChannel === "email" && /* @__PURE__ */ React101.createElement(React101.Fragment, null, /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Group30, { justify: "space-between" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "To (Recipients)"), /* @__PURE__ */ React101.createElement(Button24, { size: "xs", leftSection: /* @__PURE__ */ React101.createElement(IconPlus2, { size: 14 }), onClick: () => handleAddRecipient("to") }, "Add")), localTo.length === 0 && /* @__PURE__ */ React101.createElement(Text51, { size: "xs", c: "dimmed" }, "No recipients added yet"), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, localTo.map((recipient, index) => /* @__PURE__ */ React101.createElement(Paper10, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React101.createElement(Group30, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React101.createElement(TextInput36, { style: { flex: 1 }, placeholder: "email@example.com", value: recipient, onChange: (e) => handleRecipientChange("to", index, e.currentTarget.value) }), /* @__PURE__ */ React101.createElement(ActionIcon14, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("to", index) }, /* @__PURE__ */ React101.createElement(IconTrash2, { size: 16 }))))))), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Group30, { justify: "space-between" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "CC (Optional)"), /* @__PURE__ */ React101.createElement(Button24, { size: "xs", leftSection: /* @__PURE__ */ React101.createElement(IconPlus2, { size: 14 }), onClick: () => handleAddRecipient("cc") }, "Add")), localCc.length > 0 && /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, localCc.map((recipient, index) => /* @__PURE__ */ React101.createElement(Paper10, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React101.createElement(Group30, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React101.createElement(
-    TextInput36,
+  )), /* @__PURE__ */ React104.createElement(Divider6, { variant: "dashed" }), localChannel === "email" && /* @__PURE__ */ React104.createElement(React104.Fragment, null, /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Group33, { justify: "space-between" }, /* @__PURE__ */ React104.createElement(Text53, { size: "sm", fw: 600 }, "To (Recipients)"), /* @__PURE__ */ React104.createElement(Button26, { size: "xs", leftSection: /* @__PURE__ */ React104.createElement(IconPlus3, { size: 14 }), onClick: () => handleAddRecipient("to") }, "Add")), localTo.length === 0 && /* @__PURE__ */ React104.createElement(Text53, { size: "xs", c: "dimmed" }, "No recipients added yet"), /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, localTo.map((recipient, index) => /* @__PURE__ */ React104.createElement(Paper11, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React104.createElement(Group33, { gap: "xs", wrap: "nowrap", align: "flex-start" }, /* @__PURE__ */ React104.createElement(
+    DataInput,
+    {
+      placeholder: "email@example.com or reference",
+      value: recipient,
+      onChange: (value) => handleRecipientChange("to", index, value),
+      editorDocument: editor?.document || [],
+      currentBlockId: blockId,
+      size: "sm"
+    }
+  ), /* @__PURE__ */ React104.createElement(ActionIcon17, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("to", index) }, /* @__PURE__ */ React104.createElement(IconTrash3, { size: 16 }))))))), /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Group33, { justify: "space-between" }, /* @__PURE__ */ React104.createElement(Text53, { size: "sm", fw: 600 }, "CC (Optional)"), /* @__PURE__ */ React104.createElement(Button26, { size: "xs", leftSection: /* @__PURE__ */ React104.createElement(IconPlus3, { size: 14 }), onClick: () => handleAddRecipient("cc") }, "Add")), localCc.length > 0 && /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, localCc.map((recipient, index) => /* @__PURE__ */ React104.createElement(Paper11, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React104.createElement(Group33, { gap: "xs", wrap: "nowrap", align: "flex-start" }, /* @__PURE__ */ React104.createElement(
+    DataInput,
     {
-      style: { flex: 1 },
-      placeholder: "email@example.com",
+      placeholder: "email@example.com or reference",
       value: recipient,
-      onChange: (e) => handleRecipientChange("cc", index, e.currentTarget.value)
+      onChange: (value) => handleRecipientChange("cc", index, value),
+      editorDocument: editor?.document || [],
+      currentBlockId: blockId,
+      size: "sm"
     }
-  ), /* @__PURE__ */ React101.createElement(ActionIcon14, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("cc", index) }, /* @__PURE__ */ React101.createElement(IconTrash2, { size: 16 }))))))), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Group30, { justify: "space-between" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "BCC (Optional)"), /* @__PURE__ */ React101.createElement(Button24, { size: "xs", leftSection: /* @__PURE__ */ React101.createElement(IconPlus2, { size: 14 }), onClick: () => handleAddRecipient("bcc") }, "Add")), localBcc.length > 0 && /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, localBcc.map((recipient, index) => /* @__PURE__ */ React101.createElement(Paper10, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React101.createElement(Group30, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React101.createElement(
-    TextInput36,
+  ), /* @__PURE__ */ React104.createElement(ActionIcon17, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("cc", index) }, /* @__PURE__ */ React104.createElement(IconTrash3, { size: 16 }))))))), /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Group33, { justify: "space-between" }, /* @__PURE__ */ React104.createElement(Text53, { size: "sm", fw: 600 }, "BCC (Optional)"), /* @__PURE__ */ React104.createElement(Button26, { size: "xs", leftSection: /* @__PURE__ */ React104.createElement(IconPlus3, { size: 14 }), onClick: () => handleAddRecipient("bcc") }, "Add")), localBcc.length > 0 && /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, localBcc.map((recipient, index) => /* @__PURE__ */ React104.createElement(Paper11, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React104.createElement(Group33, { gap: "xs", wrap: "nowrap", align: "flex-start" }, /* @__PURE__ */ React104.createElement(
+    DataInput,
     {
-      style: { flex: 1 },
-      placeholder: "email@example.com",
+      placeholder: "email@example.com or reference",
       value: recipient,
-      onChange: (e) => handleRecipientChange("bcc", index, e.currentTarget.value)
+      onChange: (value) => handleRecipientChange("bcc", index, value),
+      editorDocument: editor?.document || [],
+      currentBlockId: blockId,
+      size: "sm"
     }
-  ), /* @__PURE__ */ React101.createElement(ActionIcon14, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("bcc", index) }, /* @__PURE__ */ React101.createElement(IconTrash2, { size: 16 }))))))), /* @__PURE__ */ React101.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "From (Optional)"), /* @__PURE__ */ React101.createElement(
-    TextInput36,
+  ), /* @__PURE__ */ React104.createElement(ActionIcon17, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("bcc", index) }, /* @__PURE__ */ React104.createElement(IconTrash3, { size: 16 }))))))), /* @__PURE__ */ React104.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Text53, { size: "sm", fw: 600 }, "From (Optional)"), /* @__PURE__ */ React104.createElement(
+    TextInput37,
     {
       placeholder: "sender@example.com",
       value: localFrom,
@@ -8601,8 +9365,8 @@ var GeneralTab5 = ({
         onFromChange(newFrom);
       }
     }
-  ), /* @__PURE__ */ React101.createElement(Text51, { size: "xs", c: "dimmed" }, "Custom sender email address")), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "Reply-To (Optional)"), /* @__PURE__ */ React101.createElement(
-    TextInput36,
+  ), /* @__PURE__ */ React104.createElement(Text53, { size: "xs", c: "dimmed" }, "Custom sender email address")), /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Text53, { size: "sm", fw: 600 }, "Reply-To (Optional)"), /* @__PURE__ */ React104.createElement(
+    TextInput37,
     {
       placeholder: "reply@example.com",
       value: localReplyTo,
@@ -8612,8 +9376,8 @@ var GeneralTab5 = ({
         onReplyToChange(newReplyTo);
       }
     }
-  ), /* @__PURE__ */ React101.createElement(Text51, { size: "xs", c: "dimmed" }, "Where replies should be sent")), /* @__PURE__ */ React101.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "Subject"), /* @__PURE__ */ React101.createElement(
-    TextInput36,
+  ), /* @__PURE__ */ React104.createElement(Text53, { size: "xs", c: "dimmed" }, "Where replies should be sent")), /* @__PURE__ */ React104.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Text53, { size: "sm", fw: 600 }, "Subject"), /* @__PURE__ */ React104.createElement(
+    TextInput37,
     {
       placeholder: "Email subject line",
       value: localSubject,
@@ -8623,8 +9387,8 @@ var GeneralTab5 = ({
         onSubjectChange(newSubject);
       }
     }
-  )), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "Body Type"), /* @__PURE__ */ React101.createElement(
-    Select12,
+  )), /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Text53, { size: "sm", fw: 600 }, "Body Type"), /* @__PURE__ */ React104.createElement(
+    Select14,
     {
       value: localBodyType,
       onChange: (value) => {
@@ -8637,8 +9401,8 @@ var GeneralTab5 = ({
         { value: "html", label: "HTML" }
       ]
     }
-  )), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "Body"), /* @__PURE__ */ React101.createElement(
-    Textarea20,
+  )), /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Text53, { size: "sm", fw: 600 }, "Body"), /* @__PURE__ */ React104.createElement(
+    Textarea21,
     {
       placeholder: localBodyType === "html" ? "<h1>Hello!</h1><p>Welcome to our service.</p>" : "Email body content",
       minRows: 6,
@@ -8649,13 +9413,13 @@ var GeneralTab5 = ({
         onBodyChange(newBody);
       }
     }
-  ), /* @__PURE__ */ React101.createElement(Text51, { size: "xs", c: "dimmed" }, localBodyType === "html" ? "HTML content for the email body" : "Plain text content for the email body"))));
+  ), /* @__PURE__ */ React104.createElement(Text53, { size: "xs", c: "dimmed" }, localBodyType === "html" ? "HTML content for the email body" : "Plain text content for the email body"))));
 };
 
 // src/mantine/blocks/notify/template/TemplateConfig.tsx
 var TemplateConfig5 = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
-  const updateProp = useCallback18(
+  const updateProp = useCallback19(
     (key, value) => {
       editor.updateBlock(block, {
         props: {
@@ -8666,26 +9430,26 @@ var TemplateConfig5 = ({ editor, block }) => {
     },
     [editor, block]
   );
-  const handleToChange = useCallback18(
+  const handleToChange = useCallback19(
     (to) => {
       updateProp("to", JSON.stringify(to));
     },
     [updateProp]
   );
-  const handleCcChange = useCallback18(
+  const handleCcChange = useCallback19(
     (cc) => {
       updateProp("cc", JSON.stringify(cc));
     },
     [updateProp]
   );
-  const handleBccChange = useCallback18(
+  const handleBccChange = useCallback19(
     (bcc) => {
       updateProp("bcc", JSON.stringify(bcc));
     },
     [updateProp]
   );
-  return /* @__PURE__ */ React102.createElement(
-    Paper11,
+  return /* @__PURE__ */ React105.createElement(
+    Paper12,
     {
       p: "md",
       shadow: "sm",
@@ -8695,7 +9459,7 @@ var TemplateConfig5 = ({ editor, block }) => {
         flexDirection: "column"
       }
     },
-    /* @__PURE__ */ React102.createElement(
+    /* @__PURE__ */ React105.createElement(
       "div",
       {
         style: {
@@ -8705,17 +9469,17 @@ var TemplateConfig5 = ({ editor, block }) => {
           marginBottom: "1rem"
         }
       },
-      /* @__PURE__ */ React102.createElement(Title8, { order: 3 }, "Notification Settings"),
-      /* @__PURE__ */ React102.createElement(CloseButton7, { onClick: closePanel })
+      /* @__PURE__ */ React105.createElement(Title8, { order: 3 }, "Notification Settings"),
+      /* @__PURE__ */ React105.createElement(CloseButton7, { onClick: closePanel })
     ),
-    /* @__PURE__ */ React102.createElement(
+    /* @__PURE__ */ React105.createElement(
       ReusablePanel,
       {
         extraTabs: [
           {
             label: "General",
             value: "general",
-            content: /* @__PURE__ */ React102.createElement(
+            content: /* @__PURE__ */ React105.createElement(
               GeneralTab5,
               {
                 title: block.props.title || "",
@@ -8757,7 +9521,9 @@ var TemplateConfig5 = ({ editor, block }) => {
                 onBodyChange: (value) => updateProp("body", value),
                 onBodyTypeChange: (value) => updateProp("bodyType", value),
                 onFromChange: (value) => updateProp("from", value),
-                onReplyToChange: (value) => updateProp("replyTo", value)
+                onReplyToChange: (value) => updateProp("replyTo", value),
+                editor,
+                blockId: block.id
               }
             )
           }
@@ -8769,11 +9535,11 @@ var TemplateConfig5 = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/notify/template/TemplateView.tsx
-import { Card as Card22, Group as Group31, Stack as Stack77, Text as Text52, ActionIcon as ActionIcon15, Badge as Badge12 } from "@mantine/core";
+import { Card as Card22, Group as Group34, Stack as Stack79, Text as Text54, ActionIcon as ActionIcon18, Badge as Badge14 } from "@mantine/core";
 var NOTIFY_TEMPLATE_PANEL_ID = "notify-template-panel";
 var NotifyTemplateView = ({ editor, block }) => {
   const panelId = `${NOTIFY_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo15(() => /* @__PURE__ */ React103.createElement(TemplateConfig5, { editor, block }), [editor, block]);
+  const panelContent = useMemo18(() => /* @__PURE__ */ React106.createElement(TemplateConfig5, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const channel = block.props.channel || "email";
   const to = (() => {
@@ -8798,17 +9564,17 @@ var NotifyTemplateView = ({ editor, block }) => {
         return "gray";
     }
   };
-  return /* @__PURE__ */ React103.createElement(Card22, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React103.createElement(Badge12, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React103.createElement(Group31, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React103.createElement(Group31, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React103.createElement(ActionIcon15, { variant: "light", color: getChannelColor(channel), size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "bell")), /* @__PURE__ */ React103.createElement(Stack77, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React103.createElement(Group31, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React103.createElement(Badge12, { size: "sm", variant: "filled", color: getChannelColor(channel) }, channel.toUpperCase()), /* @__PURE__ */ React103.createElement(Text52, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Notification")), /* @__PURE__ */ React103.createElement(Text52, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, to.length > 0 ? `To: ${to.join(", ")}` : "Click to configure recipients"), block.props.description && /* @__PURE__ */ React103.createElement(Text52, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description)))));
+  return /* @__PURE__ */ React106.createElement(Card22, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React106.createElement(Badge14, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React106.createElement(Group34, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React106.createElement(Group34, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React106.createElement(ActionIcon18, { variant: "light", color: getChannelColor(channel), size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "bell")), /* @__PURE__ */ React106.createElement(Stack79, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React106.createElement(Group34, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React106.createElement(Badge14, { size: "sm", variant: "filled", color: getChannelColor(channel) }, channel.toUpperCase()), /* @__PURE__ */ React106.createElement(Text54, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Notification")), /* @__PURE__ */ React106.createElement(Text54, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, to.length > 0 ? `To: ${to.join(", ")}` : "Click to configure recipients"), block.props.description && /* @__PURE__ */ React106.createElement(Text54, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description)))));
 };
 
 // src/mantine/blocks/notify/flow/FlowView.tsx
-import React104, { useState as useState27 } from "react";
-import { Card as Card23, Group as Group32, Stack as Stack78, Text as Text53, ActionIcon as ActionIcon16, Tooltip as Tooltip5, Button as Button25, Badge as Badge13, Collapse as Collapse3, Alert as Alert10, Loader as Loader5, Code as Code2 } from "@mantine/core";
-import { IconSend as IconSend2, IconChevronDown as IconChevronDown3, IconChevronUp as IconChevronUp3, IconCheck, IconX } from "@tabler/icons-react";
+import React107, { useState as useState29 } from "react";
+import { Card as Card23, Group as Group35, Stack as Stack80, Text as Text55, ActionIcon as ActionIcon19, Tooltip as Tooltip7, Button as Button27, Badge as Badge15, Collapse as Collapse3, Alert as Alert11, Loader as Loader6, Code as Code3 } from "@mantine/core";
+import { IconSend as IconSend2, IconChevronDown as IconChevronDown3, IconChevronUp as IconChevronUp3, IconCheck, IconX as IconX3 } from "@tabler/icons-react";
 var NotifyFlowView = ({ editor, block, isDisabled }) => {
   const disabled = isDisabled?.isDisabled === "disable";
-  const [isLoading, setIsLoading] = useState27(false);
-  const [showDetails, setShowDetails] = useState27(false);
+  const [isLoading, setIsLoading] = useState29(false);
+  const [showDetails, setShowDetails] = useState29(false);
   let handlers = null;
   try {
     handlers = useBlocknoteHandlers();
@@ -8871,17 +9637,25 @@ var NotifyFlowView = ({ editor, block, isDisabled }) => {
       props: { ...block.props, status: "sending", errorMessage: "" }
     });
     try {
+      const editorDocument = editor?.document || [];
       if (channel === "email") {
+        const resolvedTo = to.filter((email) => email.trim() !== "").map((email) => resolveReferences(email, editorDocument));
+        const resolvedCc = cc.filter((email) => email.trim() !== "").map((email) => resolveReferences(email, editorDocument));
+        const resolvedBcc = bcc.filter((email) => email.trim() !== "").map((email) => resolveReferences(email, editorDocument));
+        const resolvedSubject = resolveReferences(block.props.subject || "", editorDocument);
+        const resolvedBody = resolveReferences(block.props.body || "", editorDocument);
+        const resolvedFrom = block.props.from ? resolveReferences(block.props.from, editorDocument) : void 0;
+        const resolvedReplyTo = block.props.replyTo ? resolveReferences(block.props.replyTo, editorDocument) : void 0;
         const params = {
           channel: "email",
-          to: to.filter((email) => email.trim() !== ""),
-          cc: cc.filter((email) => email.trim() !== ""),
-          bcc: bcc.filter((email) => email.trim() !== ""),
-          subject: block.props.subject || "",
-          body: block.props.body || "",
+          to: resolvedTo,
+          cc: resolvedCc,
+          bcc: resolvedBcc,
+          subject: resolvedSubject,
+          body: resolvedBody,
           bodyType: block.props.bodyType || "text",
-          from: block.props.from || void 0,
-          replyTo: block.props.replyTo || void 0
+          from: resolvedFrom,
+          replyTo: resolvedReplyTo
         };
         if (params.cc?.length === 0) delete params.cc;
         if (params.bcc?.length === 0) delete params.bcc;
@@ -8909,20 +9683,20 @@ var NotifyFlowView = ({ editor, block, isDisabled }) => {
     }
   };
   const canSend = !disabled && !isLoading && handlers && to.length > 0 && (channel === "email" ? block.props.subject && block.props.body : true);
-  const sendButton = /* @__PURE__ */ React104.createElement(
-    Button25,
+  const sendButton = /* @__PURE__ */ React107.createElement(
+    Button27,
     {
       size: "sm",
       variant: "light",
       color: getChannelColor(channel),
-      leftSection: isLoading ? /* @__PURE__ */ React104.createElement(Loader5, { size: 14 }) : status === "sent" ? /* @__PURE__ */ React104.createElement(IconCheck, { size: 14 }) : /* @__PURE__ */ React104.createElement(IconSend2, { size: 14 }),
+      leftSection: isLoading ? /* @__PURE__ */ React107.createElement(Loader6, { size: 14 }) : status === "sent" ? /* @__PURE__ */ React107.createElement(IconCheck, { size: 14 }) : /* @__PURE__ */ React107.createElement(IconSend2, { size: 14 }),
       onClick: handleSendNotification,
       disabled: !canSend,
       style: { flexShrink: 0 }
     },
     isLoading ? "Sending..." : status === "sent" ? "Sent" : "Send"
   );
-  return /* @__PURE__ */ React104.createElement(Card23, { withBorder: true, padding: "md", radius: "md", style: { width: "100%" } }, /* @__PURE__ */ React104.createElement(Stack78, { gap: "md" }, /* @__PURE__ */ React104.createElement(Group32, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React104.createElement(Group32, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, /* @__PURE__ */ React104.createElement(ActionIcon16, { variant: "light", color: getChannelColor(channel), size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "bell")), /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React104.createElement(Group32, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React104.createElement(Badge13, { size: "sm", variant: "filled", color: getChannelColor(channel) }, channel.toUpperCase()), /* @__PURE__ */ React104.createElement(Text53, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Notification"), status !== "idle" && /* @__PURE__ */ React104.createElement(Badge13, { size: "xs", variant: "dot", color: getStatusColor(status) }, status)), /* @__PURE__ */ React104.createElement(Text53, { 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__ */ React104.createElement(Text53, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React104.createElement(Group32, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React104.createElement(Tooltip5, { label: isDisabled.message, position: "left", withArrow: true }, sendButton) : sendButton, /* @__PURE__ */ React104.createElement(ActionIcon16, { variant: "subtle", onClick: () => setShowDetails(!showDetails) }, showDetails ? /* @__PURE__ */ React104.createElement(IconChevronUp3, { size: 16 }) : /* @__PURE__ */ React104.createElement(IconChevronDown3, { size: 16 })))), status === "failed" && block.props.errorMessage && /* @__PURE__ */ React104.createElement(Alert10, { color: "red", icon: /* @__PURE__ */ React104.createElement(IconX, { size: 16 }), title: "Failed to send", styles: { message: { fontSize: "12px" } } }, block.props.errorMessage), status === "sent" && block.props.messageId && /* @__PURE__ */ React104.createElement(Alert10, { color: "green", icon: /* @__PURE__ */ React104.createElement(IconCheck, { size: 16 }), title: "Sent successfully", styles: { message: { fontSize: "12px" } } }, "Message ID: ", block.props.messageId, block.props.sentAt && /* @__PURE__ */ React104.createElement(React104.Fragment, null, /* @__PURE__ */ React104.createElement("br", null), "Sent at: ", new Date(block.props.sentAt).toLocaleString())), /* @__PURE__ */ React104.createElement(Collapse3, { in: showDetails }, /* @__PURE__ */ React104.createElement(Stack78, { gap: "md" }, channel === "email" && /* @__PURE__ */ React104.createElement(React104.Fragment, null, /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Text53, { size: "xs", fw: 600, c: "dimmed" }, "Recipients:"), /* @__PURE__ */ React104.createElement(Code2, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
+  return /* @__PURE__ */ React107.createElement(Card23, { withBorder: true, padding: "md", radius: "md", style: { width: "100%" } }, /* @__PURE__ */ React107.createElement(Stack80, { gap: "md" }, /* @__PURE__ */ React107.createElement(Group35, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React107.createElement(Group35, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, /* @__PURE__ */ React107.createElement(ActionIcon19, { variant: "light", color: getChannelColor(channel), size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "bell")), /* @__PURE__ */ React107.createElement(Stack80, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React107.createElement(Group35, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React107.createElement(Badge15, { size: "sm", variant: "filled", color: getChannelColor(channel) }, channel.toUpperCase()), /* @__PURE__ */ React107.createElement(Text55, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Notification"), status !== "idle" && /* @__PURE__ */ React107.createElement(Badge15, { size: "xs", variant: "dot", color: getStatusColor(status) }, status)), /* @__PURE__ */ React107.createElement(Text55, { 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__ */ React107.createElement(Text55, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React107.createElement(Group35, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React107.createElement(Tooltip7, { label: isDisabled.message, position: "left", withArrow: true }, sendButton) : sendButton, /* @__PURE__ */ React107.createElement(ActionIcon19, { variant: "subtle", onClick: () => setShowDetails(!showDetails) }, showDetails ? /* @__PURE__ */ React107.createElement(IconChevronUp3, { size: 16 }) : /* @__PURE__ */ React107.createElement(IconChevronDown3, { size: 16 })))), status === "failed" && block.props.errorMessage && /* @__PURE__ */ React107.createElement(Alert11, { color: "red", icon: /* @__PURE__ */ React107.createElement(IconX3, { size: 16 }), title: "Failed to send", styles: { message: { fontSize: "12px" } } }, block.props.errorMessage), status === "sent" && block.props.messageId && /* @__PURE__ */ React107.createElement(Alert11, { color: "green", icon: /* @__PURE__ */ React107.createElement(IconCheck, { size: 16 }), title: "Sent successfully", styles: { message: { fontSize: "12px" } } }, "Message ID: ", block.props.messageId, block.props.sentAt && /* @__PURE__ */ React107.createElement(React107.Fragment, null, /* @__PURE__ */ React107.createElement("br", null), "Sent at: ", new Date(block.props.sentAt).toLocaleString())), /* @__PURE__ */ React107.createElement(Collapse3, { in: showDetails }, /* @__PURE__ */ React107.createElement(Stack80, { gap: "md" }, channel === "email" && /* @__PURE__ */ React107.createElement(React107.Fragment, null, /* @__PURE__ */ React107.createElement(Stack80, { gap: "xs" }, /* @__PURE__ */ React107.createElement(Text55, { size: "xs", fw: 600, c: "dimmed" }, "Recipients:"), /* @__PURE__ */ React107.createElement(Code3, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
     {
       to: to.filter((e) => e.trim() !== ""),
       ...cc.length > 0 && { cc: cc.filter((e) => e.trim() !== "") },
@@ -8930,7 +9704,7 @@ var NotifyFlowView = ({ editor, block, isDisabled }) => {
     },
     null,
     2
-  ))), block.props.subject && /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Text53, { size: "xs", fw: 600, c: "dimmed" }, "Subject:"), /* @__PURE__ */ React104.createElement(Text53, { size: "xs" }, block.props.subject)), block.props.body && /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Text53, { size: "xs", fw: 600, c: "dimmed" }, "Body (", block.props.bodyType || "text", "):"), /* @__PURE__ */ React104.createElement(Code2, { block: true, style: { fontSize: "11px", maxHeight: "200px", overflow: "auto" } }, block.props.body)), (block.props.from || block.props.replyTo) && /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Text53, { size: "xs", fw: 600, c: "dimmed" }, "Additional:"), /* @__PURE__ */ React104.createElement(Code2, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
+  ))), block.props.subject && /* @__PURE__ */ React107.createElement(Stack80, { gap: "xs" }, /* @__PURE__ */ React107.createElement(Text55, { size: "xs", fw: 600, c: "dimmed" }, "Subject:"), /* @__PURE__ */ React107.createElement(Text55, { size: "xs" }, block.props.subject)), block.props.body && /* @__PURE__ */ React107.createElement(Stack80, { gap: "xs" }, /* @__PURE__ */ React107.createElement(Text55, { size: "xs", fw: 600, c: "dimmed" }, "Body (", block.props.bodyType || "text", "):"), /* @__PURE__ */ React107.createElement(Code3, { block: true, style: { fontSize: "11px", maxHeight: "200px", overflow: "auto" } }, block.props.body)), (block.props.from || block.props.replyTo) && /* @__PURE__ */ React107.createElement(Stack80, { gap: "xs" }, /* @__PURE__ */ React107.createElement(Text55, { size: "xs", fw: 600, c: "dimmed" }, "Additional:"), /* @__PURE__ */ React107.createElement(Code3, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
     {
       ...block.props.from && { from: block.props.from },
       ...block.props.replyTo && { replyTo: block.props.replyTo }
@@ -8945,7 +9719,7 @@ function NotifyBlock({ editor, block }) {
   const { editable } = useBlocknoteContext();
   const { actions } = useBlockConditions(block, editor);
   if (editable) {
-    return /* @__PURE__ */ React105.createElement(NotifyTemplateView, { editor, block });
+    return /* @__PURE__ */ React108.createElement(NotifyTemplateView, { editor, block });
   }
   const conditionConfig = parseConditionConfig(block.props.conditions);
   const hasVisibility = hasVisibilityConditions(conditionConfig);
@@ -8957,7 +9731,7 @@ function NotifyBlock({ editor, block }) {
   const hasEnable = hasEnableConditions(conditionConfig);
   const enableActionExists = actions.some((a) => a.action === "enable");
   const shouldDisable = hasEnable && !enableActionExists;
-  return /* @__PURE__ */ React105.createElement(NotifyFlowView, { block, editor, isDisabled: shouldDisable ? { isDisabled: "disable", message: "Notification disabled by conditions" } : void 0 });
+  return /* @__PURE__ */ React108.createElement(NotifyFlowView, { block, editor, isDisabled: shouldDisable ? { isDisabled: "disable", message: "Notification disabled by conditions" } : void 0 });
 }
 
 // src/mantine/blocks/notify/NotifyBlockSpec.tsx
@@ -9001,18 +9775,18 @@ var NotifyBlockSpec = createReactBlockSpec7(
   {
     render: (props) => {
       const ixoProps = props;
-      return /* @__PURE__ */ React106.createElement(NotifyBlock, { ...ixoProps });
+      return /* @__PURE__ */ React109.createElement(NotifyBlock, { ...ixoProps });
     }
   }
 );
 
 // src/mantine/blocks/list/ui/ListBlocksToolbar.tsx
-import React107 from "react";
-import { ActionIcon as ActionIcon17, Group as Group33, Tooltip as Tooltip6 } from "@mantine/core";
+import React110 from "react";
+import { ActionIcon as ActionIcon20, Group as Group36, Tooltip as Tooltip8 } from "@mantine/core";
 import { IconChevronUp as IconChevronUp4, IconChevronDown as IconChevronDown4 } from "@tabler/icons-react";
 var ListBlocksToolbar = () => {
   const { broadcastCollapse } = useListBlocksUI();
-  return /* @__PURE__ */ React107.createElement(Group33, { gap: "xs" }, /* @__PURE__ */ React107.createElement(Tooltip6, { label: "Collapse all lists", withArrow: true }, /* @__PURE__ */ React107.createElement(ActionIcon17, { c: "dimmed", variant: "subtle", size: "sm", "aria-label": "Collapse all lists", onClick: () => broadcastCollapse("collapse") }, /* @__PURE__ */ React107.createElement(IconChevronUp4, { size: 18 }))), /* @__PURE__ */ React107.createElement(Tooltip6, { label: "Expand all lists", withArrow: true }, /* @__PURE__ */ React107.createElement(ActionIcon17, { c: "dimmed", variant: "subtle", size: "sm", "aria-label": "Expand all lists", onClick: () => broadcastCollapse("expand") }, /* @__PURE__ */ React107.createElement(IconChevronDown4, { size: 18 }))));
+  return /* @__PURE__ */ React110.createElement(Group36, { gap: "xs" }, /* @__PURE__ */ React110.createElement(Tooltip8, { label: "Collapse all lists", withArrow: true }, /* @__PURE__ */ React110.createElement(ActionIcon20, { c: "dimmed", variant: "subtle", size: "sm", "aria-label": "Collapse all lists", onClick: () => broadcastCollapse("collapse") }, /* @__PURE__ */ React110.createElement(IconChevronUp4, { size: 18 }))), /* @__PURE__ */ React110.createElement(Tooltip8, { label: "Expand all lists", withArrow: true }, /* @__PURE__ */ React110.createElement(ActionIcon20, { c: "dimmed", variant: "subtle", size: "sm", "aria-label": "Expand all lists", onClick: () => broadcastCollapse("expand") }, /* @__PURE__ */ React110.createElement(IconChevronDown4, { size: 18 }))));
 };
 
 // src/mantine/blocks/registry/blockRegistry.ts
@@ -9141,10 +9915,10 @@ blockRegistry.register({
 });
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo16, useEffect as useEffect18, useState as useState28, useCallback as useCallback19 } from "react";
+import { useMemo as useMemo19, useEffect as useEffect19, useState as useState30, useCallback as useCallback20 } from "react";
 
 // src/mantine/blocks/hooks/useDependsOn.ts
-import { useMemo as useMemo17 } from "react";
+import { useMemo as useMemo20 } from "react";
 
 // src/mantine/blocks/index.ts
 var blockSpecs = {
@@ -9248,31 +10022,6 @@ var getExtraSlashMenuItems = (editor) => {
       group: "Domains",
       subtext: "Create an overview from DID data"
     },
-    {
-      title: "Proposal Vote",
-      onItemClick: () => {
-        editor.insertBlocks(
-          [
-            {
-              type: "proposalVote",
-              props: {
-                title: "",
-                subtitle: "",
-                icon: 'A\uFFFD\uFFFD,\uFFFD?"A3A_A,A?',
-                status: "open",
-                daysLeft: 0,
-                conditions: ""
-              }
-            }
-          ],
-          editor.getTextCursorPosition().block,
-          "after"
-        );
-      },
-      aliases: ["vote", "proposal-vote", "governance-vote", "dao-vote"],
-      group: "DAO",
-      subtext: "Create a proposal voting block"
-    },
     {
       title: "Proposal",
       onItemClick: () => {
@@ -9297,28 +10046,6 @@ var getExtraSlashMenuItems = (editor) => {
       group: "DAO",
       subtext: "Create a new DAO proposal"
     },
-    {
-      title: "Proposal Actions",
-      onItemClick: () => {
-        editor.insertBlocks(
-          [
-            {
-              type: "proposalActions",
-              props: {
-                proposalBlockId: "",
-                hasDependencies: true,
-                actions: "[]"
-              }
-            }
-          ],
-          editor.getTextCursorPosition().block,
-          "after"
-        );
-      },
-      aliases: ["actions", "proposal-actions", "dao-actions", "governance-actions"],
-      group: "DAO",
-      subtext: "Manage proposal actions"
-    },
     {
       title: "API Request",
       onItemClick: () => {
@@ -9390,7 +10117,7 @@ var getExtraSlashMenuItems = (editor) => {
   const yRoot = editor?._yRoot;
   const docType = yRoot?.get("docType");
   if (docType === "page") {
-    return slashMenuList.filter((item) => item.title !== "Proposal Actions" && item.title !== "Proposal Vote" && item.title !== "Proposal");
+    return slashMenuList.filter((item) => item.title !== "Proposal");
   }
   return slashMenuList;
 };
@@ -9463,15 +10190,15 @@ import { useCreateBlockNote as useCreateBlockNote2 } from "@blocknote/react";
 import { BlockNoteSchema as BlockNoteSchema2, defaultBlockSpecs as defaultBlockSpecs2, defaultInlineContentSpecs as defaultInlineContentSpecs2, defaultStyleSpecs as defaultStyleSpecs2 } from "@blocknote/core";
 
 // src/core/hooks/useMatrixProvider.ts
-import { useEffect as useEffect19, useState as useState29, useRef as useRef4, useCallback as useCallback20, useMemo as useMemo18 } from "react";
+import { useEffect as useEffect20, useState as useState31, useRef as useRef4, useCallback as useCallback21, useMemo as useMemo21 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
-  const [matrixProvider, setProvider] = useState29(null);
-  const [status, setStatus] = useState29("disconnected");
+  const [matrixProvider, setProvider] = useState31(null);
+  const [status, setStatus] = useState31("disconnected");
   const isMountedRef = useRef4(true);
   const providerRef = useRef4(null);
   const retryTimeoutRef = useRef4(null);
-  const providerOptions = useMemo18(
+  const providerOptions = useMemo21(
     () => ({
       translator: {
         updateEventType: "matrix-crdt.doc_update",
@@ -9484,22 +10211,22 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
     }),
     []
   );
-  const handleDocumentAvailable = useCallback20(() => {
+  const handleDocumentAvailable = useCallback21(() => {
     if (isMountedRef.current) {
       setStatus("connected");
     }
   }, []);
-  const handleDocumentUnavailable = useCallback20(() => {
+  const handleDocumentUnavailable = useCallback21(() => {
     if (isMountedRef.current) {
       setStatus("failed");
     }
   }, []);
-  const handleCanWriteChanged = useCallback20(() => {
+  const handleCanWriteChanged = useCallback21(() => {
     if (isMountedRef.current && providerRef.current) {
       setStatus(providerRef.current.canWrite ? "connected" : "failed");
     }
   }, []);
-  const initProvider = useCallback20(async () => {
+  const initProvider = useCallback21(async () => {
     if (!isMountedRef.current) return;
     if (retryTimeoutRef.current) {
       clearTimeout(retryTimeoutRef.current);
@@ -9533,7 +10260,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       }
     }
   }, [matrixClient, providerOptions, handleDocumentAvailable, handleDocumentUnavailable, handleCanWriteChanged]);
-  useEffect19(() => {
+  useEffect20(() => {
     isMountedRef.current = true;
     initProvider();
     return () => {
@@ -9550,7 +10277,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       setStatus("disconnected");
     };
   }, [initProvider]);
-  useEffect19(() => {
+  useEffect20(() => {
     return () => {
       isMountedRef.current = false;
     };
@@ -9559,17 +10286,17 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
 }
 
 // src/mantine/hooks/useCollaborativeYDoc.ts
-import { useMemo as useMemo19 } from "react";
+import { useMemo as useMemo22 } from "react";
 import * as Y from "yjs";
 function useCollaborativeYDoc(_options) {
-  return useMemo19(() => {
+  return useMemo22(() => {
     const doc = new Y.Doc();
     return doc;
   }, []);
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo20, useEffect as useEffect20 } from "react";
+import { useMemo as useMemo23, useEffect as useEffect21 } from "react";
 function useCreateCollaborativeIxoEditor(options) {
   const yDoc = useCollaborativeYDoc(options);
   const {
@@ -9587,7 +10314,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     permissions = { write: false }
   } = options || {};
-  const memoizedUser = useMemo20(
+  const memoizedUser = useMemo23(
     () => ({
       id: user?.id || "",
       name: user?.name || "",
@@ -9602,7 +10329,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     roomId: options.roomId
   });
-  const defaultUploadFile = useMemo20(
+  const defaultUploadFile = useMemo23(
     () => uploadFile || (async (file) => {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -9616,7 +10343,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [uploadFile]
   );
-  const schema = useMemo20(
+  const schema = useMemo23(
     () => BlockNoteSchema2.create({
       blockSpecs: {
         ...defaultBlockSpecs2,
@@ -9631,11 +10358,11 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     []
   );
-  const root = useMemo20(() => yDoc.getMap("root"), [yDoc]);
-  const documentFragment = useMemo20(() => yDoc.getXmlFragment("document"), [yDoc]);
-  const flowArray = useMemo20(() => yDoc.getArray("flow"), [yDoc]);
-  const userFragment = useMemo20(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
-  const collaborationConfig = useMemo20(
+  const root = useMemo23(() => yDoc.getMap("root"), [yDoc]);
+  const documentFragment = useMemo23(() => yDoc.getXmlFragment("document"), [yDoc]);
+  const flowArray = useMemo23(() => yDoc.getArray("flow"), [yDoc]);
+  const userFragment = useMemo23(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
+  const collaborationConfig = useMemo23(
     () => ({
       provider: matrixProvider,
       fragment: documentFragment,
@@ -9647,7 +10374,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [matrixProvider, documentFragment, memoizedUser.name, memoizedUser.color]
   );
-  const ixoConfig = useMemo20(
+  const ixoConfig = useMemo23(
     () => ({
       theme,
       editable,
@@ -9666,7 +10393,7 @@ function useCreateCollaborativeIxoEditor(options) {
     uploadFile: defaultUploadFile,
     collaboration: collaborationConfig
   });
-  const titleText = useMemo20(() => yDoc.getText("title"), [yDoc]);
+  const titleText = useMemo23(() => yDoc.getText("title"), [yDoc]);
   let ixoEditor;
   if (editor) {
     ixoEditor = editor;
@@ -9725,15 +10452,16 @@ function useCreateCollaborativeIxoEditor(options) {
         return;
       }
       console.log("[useCollaborativeIxoEditor] setDocType() called, setting docType to:", value);
+      ixoEditor._authoritativeDocType = value;
       root.set("docType", value);
     };
   }
-  useEffect20(() => {
+  useEffect21(() => {
     if (ixoEditor) {
       ixoEditor.isEditable = editable;
     }
   }, [ixoEditor, editable]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (connectionStatus !== "connected") {
       return;
     }
@@ -9767,26 +10495,30 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/IxoEditor.tsx
-import React109 from "react";
+import React112 from "react";
 import { getDefaultReactSlashMenuItems, SuggestionMenuController } from "@blocknote/react";
 import { BlockNoteView } from "@blocknote/mantine";
 import { filterSuggestionItems } from "@blocknote/core";
-import { Flex as Flex20, MantineProvider, Text as Text54 } from "@mantine/core";
+import { Flex as Flex21, MantineProvider, Text as Text56 } from "@mantine/core";
 
 // src/mantine/components/PanelContent.tsx
-import React108 from "react";
+import React111 from "react";
+import { Box as Box21 } from "@mantine/core";
 function PanelContent() {
   const { activePanel, registeredPanels } = usePanelStore();
   const isOpen = activePanel !== null;
   const content = activePanel ? registeredPanels.get(activePanel) : null;
-  return /* @__PURE__ */ React108.createElement(
-    "div",
+  return /* @__PURE__ */ React111.createElement(
+    Box21,
     {
+      pos: "sticky",
+      right: 0,
+      top: 0,
       style: {
-        position: "relative",
-        flexBasis: isOpen ? "50%" : "0",
-        transition: "flex-basis 0.2s ease",
-        overflow: "hidden"
+        width: isOpen ? "50%" : "0",
+        height: "calc(100vh - 150px)",
+        transition: "width 0.2s ease",
+        overflow: isOpen ? "auto" : "hidden"
       }
     },
     isOpen && content
@@ -9803,7 +10535,7 @@ function IxoEditorContent({
   onSelectionChange,
   children
 }) {
-  return /* @__PURE__ */ React109.createElement("div", { style: { display: "flex", height: "100%" } }, /* @__PURE__ */ React109.createElement("div", { className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`, style: { flex: 1 } }, /* @__PURE__ */ React109.createElement(
+  return /* @__PURE__ */ React112.createElement("div", { style: { display: "flex", height: "100%" } }, /* @__PURE__ */ React112.createElement("div", { className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`, style: { flex: 1 } }, /* @__PURE__ */ React112.createElement(
     BlockNoteView,
     {
       editor,
@@ -9818,7 +10550,7 @@ function IxoEditorContent({
       onChange,
       onSelectionChange
     },
-    config.slashMenu && /* @__PURE__ */ React109.createElement(
+    config.slashMenu && /* @__PURE__ */ React112.createElement(
       SuggestionMenuController,
       {
         triggerCharacter: "/",
@@ -9830,7 +10562,7 @@ function IxoEditorContent({
       }
     ),
     children
-  )), /* @__PURE__ */ React109.createElement(PanelContent, null));
+  )), /* @__PURE__ */ React112.createElement(PanelContent, null));
 }
 function IxoEditor({
   editor,
@@ -9856,9 +10588,9 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React109.createElement(BlocknoteProvider, { editor, handlers, blockRequirements, editable: isEditable }, /* @__PURE__ */ React109.createElement(ListBlocksUIProvider, null, /* @__PURE__ */ React109.createElement(Flex20, { pr: 25, justify: "flex-end", align: "center", gap: "xs" }, /* @__PURE__ */ React109.createElement(Text54, { size: "xs", c: "dimmed", tt: "uppercase" }, "Global actions"), /* @__PURE__ */ React109.createElement(ListBlocksToolbar, null)), /* @__PURE__ */ React109.createElement(IxoEditorContent, { editor, config, isEditable, className, onChange, onSelectionChange }, children)));
+  const editorContent = /* @__PURE__ */ React112.createElement(BlocknoteProvider, { editor, handlers, blockRequirements, editable: isEditable }, /* @__PURE__ */ React112.createElement(ListBlocksUIProvider, null, /* @__PURE__ */ React112.createElement(Flex21, { pr: 25, justify: "flex-end", align: "center", gap: "xs" }, /* @__PURE__ */ React112.createElement(Text56, { size: "xs", c: "dimmed", tt: "uppercase" }, "Global actions"), /* @__PURE__ */ React112.createElement(ListBlocksToolbar, null)), /* @__PURE__ */ React112.createElement(IxoEditorContent, { editor, config, isEditable, className, onChange, onSelectionChange }, children)));
   if (mantineTheme) {
-    return /* @__PURE__ */ React109.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
+    return /* @__PURE__ */ React112.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
   return editorContent;
 }
@@ -9942,4 +10674,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-BIYUE2UP.mjs.map
+//# sourceMappingURL=chunk-JQ2HK6IY.mjs.map