@ixo/editor 1.15.0 → 1.17.0

package/dist/{chunk-HNGZPIVW.mjs → chunk-NWID2DZ5.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);
@@ -1287,11 +1396,11 @@ var CheckboxBlockSpec = createReactBlockSpec(
 );
 
 // src/mantine/blocks/list/ListBlockSpec.tsx
-import React41 from "react";
+import React42 from "react";
 import { createReactBlockSpec as createReactBlockSpec2 } from "@blocknote/react";
 
 // src/mantine/blocks/list/ListBlock.tsx
-import React40 from "react";
+import React41 from "react";
 
 // src/mantine/blocks/list/template/TemplateView.tsx
 import React16, { useMemo as useMemo6 } from "react";
@@ -2202,8 +2311,8 @@ var ListTemplateView = ({ editor, block }) => {
   return /* @__PURE__ */ React16.createElement(Card5, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React16.createElement(Badge2, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React16.createElement(Group5, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React16.createElement(Group5, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React16.createElement(ActionIcon3, { variant: "light", color: "blue", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "checklist")), /* @__PURE__ */ React16.createElement(Stack9, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React16.createElement(Text7, { fw: 500, size: "sm", contentEditable: false }, listName), /* @__PURE__ */ React16.createElement(Text7, { size: "xs", c: "dimmed", contentEditable: false }, listType ? `List of ${listName.toLowerCase()}` : "Click to configure list type and settings")))));
 };
 
-// src/mantine/blocks/list/flow/FlowView.tsx
-import React39, { useState as useState6, useEffect as useEffect6, useMemo as useMemo8, useCallback as useCallback9 } from "react";
+// 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";
 
 // src/mantine/blocks/list/linked_resources/LinkedResourcesList.tsx
@@ -2581,7 +2690,7 @@ function filterListItems(items, filterOption) {
   });
 }
 
-// src/mantine/blocks/list/flow/FlowView.tsx
+// 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";
 
 // src/mantine/blocks/list/ListPagination.tsx
@@ -2891,15 +3000,42 @@ function downloadArrayAsCsv(rows, options) {
   URL.revokeObjectURL(url);
 }
 
-// src/mantine/blocks/list/flow/FlowView.tsx
+// src/mantine/blocks/list/flow/ListFlowView.tsx
 import { useDisclosure } from "@mantine/hooks";
+
+// src/mantine/blocks/list/ui/ListBlocksUIContext.tsx
+import React39, { createContext as createContext2, useCallback as useCallback9, useContext as useContext2, useMemo as useMemo8, useRef as useRef3 } from "react";
+var ListBlocksUIContext = createContext2(null);
+var ListBlocksUIProvider = ({ children }) => {
+  const listenersRef = useRef3(/* @__PURE__ */ new Set());
+  const subscribe = useCallback9((listener) => {
+    listenersRef.current.add(listener);
+    return () => {
+      listenersRef.current.delete(listener);
+    };
+  }, []);
+  const broadcastCollapse = useCallback9((event) => {
+    listenersRef.current.forEach((listener) => listener(event));
+  }, []);
+  const value = useMemo8(() => ({ broadcastCollapse, subscribe }), [broadcastCollapse, subscribe]);
+  return /* @__PURE__ */ React39.createElement(ListBlocksUIContext.Provider, { value }, children);
+};
+var useListBlocksUI = () => {
+  const ctx = useContext2(ListBlocksUIContext);
+  if (!ctx) {
+    throw new Error("useListBlocksUI must be used within a ListBlocksUIProvider");
+  }
+  return ctx;
+};
+
+// src/mantine/blocks/list/flow/ListFlowView.tsx
 var LIST_FLOW_PANEL_ID = "list-flow-panel";
 var LIST_SELECTION_FLOW_PANEL_ID = "list-selection-flow-panel";
 var ListFlowView = ({ block, editor }) => {
   const { editable } = useBlocknoteContext();
   const [data, setData] = useState6(null);
   const [loading, setLoading] = useState6(false);
-  const [opened, { toggle }] = useDisclosure(true);
+  const [opened, { toggle, open, close }] = useDisclosure(true);
   const [error, setError] = useState6(null);
   const [showErrorDetails, setShowErrorDetails] = useState6(false);
   const [page, setPage] = useState6(1);
@@ -2907,13 +3043,14 @@ var ListFlowView = ({ block, editor }) => {
   const [totalPages, setTotalPages] = useState6(0);
   const [selectedIds, setSelectedIds] = useState6(/* @__PURE__ */ new Set());
   const panelId = `${LIST_FLOW_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo8(() => /* @__PURE__ */ React39.createElement(TemplateConfig2, { editor, block }), [editor, block]);
+  const panelContent = useMemo9(() => /* @__PURE__ */ React40.createElement(TemplateConfig2, { editor, block }), [editor, block]);
   const { open: openPanel } = usePanel(panelId, panelContent);
   const handlers = useBlocknoteHandlers();
   const listType = block.props.listType && block.props.listType !== "" ? block.props.listType : null;
+  const { subscribe } = useListBlocksUI();
   const selectionPanelId = `${LIST_SELECTION_FLOW_PANEL_ID}-${block.id}`;
-  const selectionPanelContent = useMemo8(
-    () => /* @__PURE__ */ React39.createElement(ListSelectionPanel, { editor, block, selectedIds, listType }),
+  const selectionPanelContent = useMemo9(
+    () => /* @__PURE__ */ React40.createElement(ListSelectionPanel, { editor, block, selectedIds, listType }),
     [editor, block, selectedIds, listType]
   );
   const { open: openSelectionPanel } = usePanel(selectionPanelId, selectionPanelContent);
@@ -2924,13 +3061,13 @@ var ListFlowView = ({ block, editor }) => {
       setSelectedIds(new Set(lastSelected ? [lastSelected] : []));
     }
   }, [selectionMode, selectedIds]);
-  const isItemChecked = useCallback9(
+  const isItemChecked = useCallback10(
     (id) => {
       return selectedIds.has(id);
     },
     [selectedIds]
   );
-  const onItemCheck = useCallback9(
+  const onItemCheck = useCallback10(
     (id, checked) => {
       setSelectedIds((prev) => {
         const nextSelectedIds = new Set(prev);
@@ -2951,7 +3088,7 @@ var ListFlowView = ({ block, editor }) => {
     },
     [selectionMode]
   );
-  const listConfig = useMemo8(() => {
+  const listConfig = useMemo9(() => {
     if (block.props.listConfig && block.props.listConfig !== "{}") {
       try {
         return JSON.parse(block.props.listConfig);
@@ -2962,7 +3099,7 @@ var ListFlowView = ({ block, editor }) => {
     }
     return {};
   }, [block.props.listConfig]);
-  const listSortConfigOptions = useMemo8(() => {
+  const listSortConfigOptions = useMemo9(() => {
     if (block.props.sortOptions && block.props.sortOptions !== "{}") {
       try {
         return JSON.parse(block.props.sortOptions);
@@ -2973,7 +3110,7 @@ var ListFlowView = ({ block, editor }) => {
     }
     return {};
   }, [block.props.sortOptions]);
-  const listFilterConfigOptions = useMemo8(() => {
+  const listFilterConfigOptions = useMemo9(() => {
     if (block.props.filterOptions && block.props.filterOptions !== "{}") {
       try {
         return JSON.parse(block.props.filterOptions);
@@ -2984,7 +3121,7 @@ var ListFlowView = ({ block, editor }) => {
     }
     return {};
   }, [block.props.filterOptions]);
-  const listFilterConfig = useMemo8(() => {
+  const listFilterConfig = useMemo9(() => {
     if (block.props.filter && block.props.filter !== "{}") {
       try {
         return JSON.parse(block.props.filter);
@@ -2995,7 +3132,7 @@ var ListFlowView = ({ block, editor }) => {
     }
     return {};
   }, [block.props.filter]);
-  const listSortConfig = useMemo8(() => {
+  const listSortConfig = useMemo9(() => {
     if (block.props.sort && block.props.sort !== "{}") {
       try {
         return JSON.parse(block.props.sort);
@@ -3006,6 +3143,14 @@ var ListFlowView = ({ block, editor }) => {
     }
     return {};
   }, [block.props.sort]);
+  useEffect6(() => {
+    const unsubscribe = subscribe((event) => {
+      if (event === "collapse") close();
+      else if (event === "expand") open();
+      else toggle();
+    });
+    return unsubscribe;
+  }, [subscribe, close, open, toggle]);
   const updateProps = (props) => {
     editor.updateBlock(block, {
       props: {
@@ -3014,7 +3159,7 @@ var ListFlowView = ({ block, editor }) => {
       }
     });
   };
-  const fetchData = useCallback9(async () => {
+  const fetchData = useCallback10(async () => {
     if (!handlers || !listType || !listConfig) return;
     setLoading(true);
     setError(null);
@@ -3143,11 +3288,11 @@ var ListFlowView = ({ block, editor }) => {
     }
     updateProps({ sort: JSON.stringify(sortOption) });
   };
-  const sortedData = useMemo8(() => {
+  const sortedData = useMemo9(() => {
     if (!data) return null;
     return sortListItems(data, listSortConfig);
   }, [data?.items, listSortConfig]);
-  const filteredData = useMemo8(() => {
+  const filteredData = useMemo9(() => {
     if (!listFilterConfig?.key) return sortedData;
     if (!sortedData) return null;
     return filterListItems(sortedData, listFilterConfig);
@@ -3156,44 +3301,44 @@ var ListFlowView = ({ block, editor }) => {
     if (!filteredData || !listType) return null;
     switch (listType) {
       case "linked_resources":
-        return /* @__PURE__ */ React39.createElement(LinkedResourcesList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React40.createElement(LinkedResourcesList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
       case "assets":
-        return /* @__PURE__ */ React39.createElement(AssetsList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React40.createElement(AssetsList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
       case "transactions":
-        return /* @__PURE__ */ React39.createElement(TransactionsList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React40.createElement(TransactionsList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
       case "collections":
-        return /* @__PURE__ */ React39.createElement(CollectionsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React40.createElement(CollectionsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       case "investments":
-        return /* @__PURE__ */ React39.createElement(InvestmentsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React40.createElement(InvestmentsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       case "oracles":
-        return /* @__PURE__ */ React39.createElement(OraclesList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React40.createElement(OraclesList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       case "pods":
-        return /* @__PURE__ */ React39.createElement(PodsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React40.createElement(PodsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       case "proposals":
-        return /* @__PURE__ */ React39.createElement(ProposalsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React40.createElement(ProposalsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       case "requests":
-        return /* @__PURE__ */ React39.createElement(RequestsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React40.createElement(RequestsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       case "projects":
-        return /* @__PURE__ */ React39.createElement(ProjectsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React40.createElement(ProjectsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       case "daos":
-        return /* @__PURE__ */ React39.createElement(DaosList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React40.createElement(DaosList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       case "group_members":
-        return /* @__PURE__ */ React39.createElement(MembersList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React40.createElement(MembersList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       case "dao_members":
-        return /* @__PURE__ */ React39.createElement(DaoMembersList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React40.createElement(DaoMembersList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       case "validators":
-        return /* @__PURE__ */ React39.createElement(ValidatorsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React40.createElement(ValidatorsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       default:
         return null;
     }
   };
   if (!listType) {
-    return /* @__PURE__ */ React39.createElement(Center2, { py: "xl" }, /* @__PURE__ */ React39.createElement(Text26, { size: "sm", c: "dimmed" }, "List not configured"));
+    return /* @__PURE__ */ React40.createElement(Center2, { py: "xl" }, /* @__PURE__ */ React40.createElement(Text26, { size: "sm", c: "dimmed" }, "List not configured"));
   }
-  return /* @__PURE__ */ React39.createElement(Stack26, { w: "100%" }, /* @__PURE__ */ React39.createElement(Flex17, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React39.createElement(Title4, { order: 4 }, getListNameByType(listType)), /* @__PURE__ */ React39.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: toggle, "aria-label": opened ? "Collapse" : "Expand", title: opened ? "Collapse" : "Expand" }, opened ? /* @__PURE__ */ React39.createElement(IconChevronUp, { size: 18 }) : /* @__PURE__ */ React39.createElement(IconChevronDown, { size: 18 }))), /* @__PURE__ */ React39.createElement(Collapse, { pb: 5, px: 5, in: opened }, /* @__PURE__ */ React39.createElement(Stack26, { mih: totalPages !== 1 ? 500 : void 0, w: "100%" }, /* @__PURE__ */ React39.createElement(Flex17, { align: "center", gap: "xs" }, listSortConfig?.key && /* @__PURE__ */ React39.createElement(Flex17, { align: "center" }, /* @__PURE__ */ React39.createElement(Text26, { size: "xs", c: "dimmed" }, listSortConfig.key?.replace(/([A-Z])/g, " $1").replace(
+  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(
     /^./,
     (str) => str.toUpperCase()
-  ), " "), /* @__PURE__ */ React39.createElement(Text26, { lh: 0.5, c: "dimmed" }, listSortConfig.direction === "asc" && /* @__PURE__ */ React39.createElement(IconArrowUp2, { size: 18 }), listSortConfig.direction === "desc" && /* @__PURE__ */ React39.createElement(IconArrowDown2, { size: 18 }))), selectionMode && /* @__PURE__ */ React39.createElement(Text26, { lh: 0.5, c: "dimmed" }, selectionMode === "single" ? "Single Selection" : "Multi Selection")), /* @__PURE__ */ React39.createElement(Flex17, { justify: "space-between" }, /* @__PURE__ */ React39.createElement(Flex17, { gap: "xs", align: "center" }, /* @__PURE__ */ React39.createElement(FilterTab, { key: "All", label: "All", isActive: !listFilterConfig?.key, onClick: () => handleFilterChange(null) }), Array.isArray(listFilterConfigOptions) && listFilterConfigOptions.length > 0 && listFilterConfigOptions.map(({ key, label, type }) => /* @__PURE__ */ React39.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(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(
     FilterTab,
     {
       key: label,
@@ -3201,7 +3346,7 @@ var ListFlowView = ({ block, editor }) => {
       isActive: listFilterConfig?.key === key && listFilterConfig?.value === type,
       onClick: () => handleFilterChange({ key, value: type })
     }
-  ))), /* @__PURE__ */ React39.createElement(Flex17, { gap: "xs" }, /* @__PURE__ */ React39.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: fetchData, loading }, /* @__PURE__ */ React39.createElement(IconRefresh, { size: 18 })), editable && /* @__PURE__ */ React39.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: openPanel }, /* @__PURE__ */ React39.createElement(IconSettings, { size: 18 })), selectedIds.size > 0 && /* @__PURE__ */ React39.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: openSelectionPanel }, /* @__PURE__ */ React39.createElement(IconArrowRight2, null)), listConfig && listSortConfigOptions && listSortConfigOptions?.length > 0 && /* @__PURE__ */ React39.createElement(
+  ))), /* @__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(
     ListActionsMenu,
     {
       onSelectActionClick: (mode) => setSelectionMode(mode),
@@ -3211,7 +3356,7 @@ var ListFlowView = ({ block, editor }) => {
       onChange: (sortOption) => handleSortChange(sortOption),
       onDownloadCsv: data?.items ? () => downloadArrayAsCsv(data.items) : void 0
     }
-  ))), /* @__PURE__ */ React39.createElement(Flex17, { flex: 1 }, loading ? /* @__PURE__ */ React39.createElement(Center2, { py: "xl", w: "100%" }, /* @__PURE__ */ React39.createElement(Loader2, { size: "md", mx: "auto" })) : error ? /* @__PURE__ */ React39.createElement(Alert4, { color: "red", title: "Failed to load data", icon: /* @__PURE__ */ React39.createElement(IconAlertCircle, { size: 18 }) }, /* @__PURE__ */ React39.createElement(Stack26, { gap: "xs" }, /* @__PURE__ */ React39.createElement(Text26, { size: "sm" }, showErrorDetails ? error : "Unable to fetch list data"), /* @__PURE__ */ React39.createElement(Group7, { gap: "xs" }, /* @__PURE__ */ React39.createElement(Button5, { size: "xs", variant: "subtle", onClick: fetchData }, "Retry"), /* @__PURE__ */ React39.createElement(Button5, { size: "xs", variant: "subtle", onClick: () => setShowErrorDetails(!showErrorDetails) }, showErrorDetails ? "Hide" : "Show", " Details")))) : /* @__PURE__ */ React39.createElement(Stack26, { flex: 1 }, /* @__PURE__ */ React39.createElement(Stack26, { gap: "md" }, renderListComponent(), /* @__PURE__ */ React39.createElement(
+  ))), /* @__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(
     ListPagination,
     {
       page,
@@ -3229,9 +3374,9 @@ function ListBlock({ editor, block }) {
   const listType = block.props.listType && block.props.listType !== "";
   const isConfigured = listType;
   if (editable && !isConfigured) {
-    return /* @__PURE__ */ React40.createElement(ListTemplateView, { editor, block });
+    return /* @__PURE__ */ React41.createElement(ListTemplateView, { editor, block });
   }
-  return /* @__PURE__ */ React40.createElement(ListFlowView, { block, editor });
+  return /* @__PURE__ */ React41.createElement(ListFlowView, { block, editor });
 }
 
 // src/mantine/blocks/list/ListBlockSpec.tsx
@@ -3266,16 +3411,16 @@ var ListBlockSpec = createReactBlockSpec2(
   {
     render: (props) => {
       const ixoProps = props;
-      return /* @__PURE__ */ React41.createElement(ListBlock, { ...ixoProps });
+      return /* @__PURE__ */ React42.createElement(ListBlock, { ...ixoProps });
     }
   }
 );
 
 // src/mantine/blocks/overview/OverviewBlock.tsx
-import React42 from "react";
+import React43 from "react";
 import { createReactBlockSpec as createReactBlockSpec3 } from "@blocknote/react";
 var OverviewBlockContent = ({ block, editor }) => {
-  return /* @__PURE__ */ React42.createElement(
+  return /* @__PURE__ */ React43.createElement(
     "div",
     {
       style: {
@@ -3287,7 +3432,7 @@ var OverviewBlockContent = ({ block, editor }) => {
         border: "1px solid #e5e7eb"
       }
     },
-    /* @__PURE__ */ React42.createElement("div", { style: { marginBottom: "12px" } }, /* @__PURE__ */ React42.createElement(
+    /* @__PURE__ */ React43.createElement("div", { style: { marginBottom: "12px" } }, /* @__PURE__ */ React43.createElement(
       "input",
       {
         type: "text",
@@ -3313,7 +3458,7 @@ var OverviewBlockContent = ({ block, editor }) => {
         }
       }
     )),
-    /* @__PURE__ */ React42.createElement("div", { style: { minHeight: "40px", color: "#6b7280" } }, block.props.did ? /* @__PURE__ */ React42.createElement("p", null, "Loading overview for DID: ", block.props.did) : /* @__PURE__ */ React42.createElement("p", null, "Enter a DID to load overview data"))
+    /* @__PURE__ */ React43.createElement("div", { style: { minHeight: "40px", color: "#6b7280" } }, block.props.did ? /* @__PURE__ */ React43.createElement("p", null, "Loading overview for DID: ", block.props.did) : /* @__PURE__ */ React43.createElement("p", null, "Enter a DID to load overview data"))
   );
 };
 var OverviewBlock = createReactBlockSpec3(
@@ -3327,7 +3472,7 @@ var OverviewBlock = createReactBlockSpec3(
     content: "none"
   },
   {
-    render: (props) => /* @__PURE__ */ React42.createElement(OverviewBlockContent, { ...props })
+    render: (props) => /* @__PURE__ */ React43.createElement(OverviewBlockContent, { ...props })
   }
 );
 
@@ -3354,7 +3499,7 @@ var ValidatorActionType = /* @__PURE__ */ ((ValidatorActionType2) => {
 })(ValidatorActionType || {});
 
 // src/mantine/context/hooks/useSharedProposal.ts
-import { useState as useState7, useEffect as useEffect7, useCallback as useCallback10 } from "react";
+import { useState as useState7, useEffect as useEffect7, useCallback as useCallback11 } from "react";
 var useSharedProposal = ({ proposalId, contractAddress, autoFetch = true }) => {
   const { sharedProposals, fetchSharedProposal, invalidateProposal, subscribeToProposal } = useBlocknoteContext();
   const [localProposal, setLocalProposal] = useState7(null);
@@ -3371,8 +3516,8 @@ var useSharedProposal = ({ proposalId, contractAddress, autoFetch = true }) => {
       setLocalProposal(proposal);
     }
   }, [subscribeToProposal, cacheKey]);
-  const refetch = useCallback10(() => fetchSharedProposal(proposalId, contractAddress, true), [fetchSharedProposal, proposalId, contractAddress]);
-  const invalidate = useCallback10(() => invalidateProposal(proposalId), [invalidateProposal, proposalId]);
+  const refetch = useCallback11(() => fetchSharedProposal(proposalId, contractAddress, true), [fetchSharedProposal, proposalId, contractAddress]);
+  const invalidate = useCallback11(() => invalidateProposal(proposalId), [invalidateProposal, proposalId]);
   return {
     proposal: localProposal,
     loading: sharedProposals[cacheKey]?.loading ?? false,
@@ -3383,34 +3528,47 @@ var useSharedProposal = ({ proposalId, contractAddress, autoFetch = true }) => {
 };
 
 // src/mantine/blocks/proposal/ProposalBlockSpec.tsx
-import React86 from "react";
+import React87 from "react";
 import { createReactBlockSpec as createReactBlockSpec4 } from "@blocknote/react";
 
 // src/mantine/blocks/proposal/ProposalBlock.tsx
-import React85 from "react";
+import React86 from "react";
 
 // src/mantine/blocks/proposal/template/TemplateView.tsx
-import React79, { useMemo as useMemo10 } from "react";
+import React80, { useMemo as useMemo11 } from "react";
 
 // src/mantine/blocks/proposal/template/TemplateConfig.tsx
-import React78, { useCallback as useCallback12 } from "react";
+import React79, { useCallback as useCallback13 } from "react";
 import { Paper as Paper6, CloseButton as CloseButton4, Title as Title5 } from "@mantine/core";
 
 // src/mantine/blocks/proposal/template/GeneralTab.tsx
-import React43, { 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 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, 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) {
@@ -3429,7 +3587,7 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
     };
     fetchGroups();
   }, [handlers]);
-  return /* @__PURE__ */ React43.createElement(Stack27, { gap: "lg" }, /* @__PURE__ */ React43.createElement(Stack27, { gap: "xs" }, /* @__PURE__ */ React43.createElement(Text27, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React43.createElement(
+  return /* @__PURE__ */ React44.createElement(Stack27, { gap: "lg" }, /* @__PURE__ */ React44.createElement(Stack27, { gap: "xs" }, /* @__PURE__ */ React44.createElement(Text27, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React44.createElement(
     TextInput5,
     {
       placeholder: "e.g. Proposal Title",
@@ -3440,7 +3598,7 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
         onTitleChange(newTitle);
       }
     }
-  )), /* @__PURE__ */ React43.createElement(Stack27, { gap: "xs" }, /* @__PURE__ */ React43.createElement(Text27, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React43.createElement(
+  )), /* @__PURE__ */ React44.createElement(Stack27, { gap: "xs" }, /* @__PURE__ */ React44.createElement(Text27, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React44.createElement(
     Textarea2,
     {
       placeholder: "Describe what this proposal is about",
@@ -3452,7 +3610,18 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
         onDescriptionChange(newDescription);
       }
     }
-  )), /* @__PURE__ */ React43.createElement(Stack27, { gap: "xs" }, /* @__PURE__ */ React43.createElement(Text27, { size: "sm", fw: 600 }, "Group"), /* @__PURE__ */ React43.createElement(
+  )), /* @__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",
@@ -3470,18 +3639,29 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
         label: group.name
       })),
       disabled: loadingGroups,
-      rightSection: loadingGroups ? /* @__PURE__ */ React43.createElement(Loader3, { size: "xs" }) : void 0,
+      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);
+      }
+    }
   )));
 };
 
 // src/mantine/blocks/proposal/template/ActionsTab.tsx
-import React76, { useCallback as useCallback11, useEffect as useEffect11, useState as useState16 } from "react";
+import React77, { useCallback as useCallback12, useEffect as useEffect11, useState as useState16 } from "react";
 import { Card as Card13, Stack as Stack60 } from "@mantine/core";
 
 // src/mantine/blocks/proposal/actions-components/ActionsCard.tsx
-import React44 from "react";
+import React45 from "react";
 import { Card as Card6, Group as Group8, Text as Text28, Badge as Badge5, Stack as Stack28, ActionIcon as ActionIcon6, ScrollArea } from "@mantine/core";
 var getActionSummary = (action) => {
   switch (action.type) {
@@ -3514,7 +3694,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
     }
     onClick();
   };
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     Card6,
     {
       shadow: "sm",
@@ -3531,7 +3711,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
       },
       onClick: handleCardClick
     },
-    /* @__PURE__ */ React44.createElement(Group8, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React44.createElement(Stack28, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React44.createElement(Text28, { size: "md", fw: 600, style: { color: "#f1f3f5" } }, "Proposal Actions (", actions.length, ")"), actions.length === 0 ? /* @__PURE__ */ React44.createElement(Text28, { size: "sm", style: { color: "#868e96" } }, "No actions added yet.") : /* @__PURE__ */ React44.createElement(ScrollArea, { h: actions.length > 3 ? 150 : void 0, style: { marginTop: 8 } }, /* @__PURE__ */ React44.createElement(Stack28, { gap: "xs" }, actions.map((action, index) => /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(Group8, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React45.createElement(Stack28, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React45.createElement(Text28, { size: "md", fw: 600, style: { color: "#f1f3f5" } }, "Proposal Actions (", actions.length, ")"), actions.length === 0 ? /* @__PURE__ */ React45.createElement(Text28, { size: "sm", style: { color: "#868e96" } }, "No actions added yet.") : /* @__PURE__ */ React45.createElement(ScrollArea, { h: actions.length > 3 ? 150 : void 0, style: { marginTop: 8 } }, /* @__PURE__ */ React45.createElement(Stack28, { gap: "xs" }, actions.map((action, index) => /* @__PURE__ */ React45.createElement(
       Card6,
       {
         key: index,
@@ -3542,7 +3722,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
           borderColor: "#333"
         }
       },
-      /* @__PURE__ */ React44.createElement(Group8, { justify: "space-between", align: "center" }, /* @__PURE__ */ React44.createElement(Group8, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(Group8, { justify: "space-between", align: "center" }, /* @__PURE__ */ React45.createElement(Group8, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React45.createElement(
         Badge5,
         {
           size: "sm",
@@ -3553,7 +3733,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
           }
         },
         action.type
-      ), /* @__PURE__ */ React44.createElement(Text28, { size: "sm", style: { color: "#adb5bd" } }, getActionSummary(action))), !disabled && /* @__PURE__ */ React44.createElement(Group8, { gap: 4 }, /* @__PURE__ */ React44.createElement(
+      ), /* @__PURE__ */ React45.createElement(Text28, { size: "sm", style: { color: "#adb5bd" } }, getActionSummary(action))), !disabled && /* @__PURE__ */ React45.createElement(Group8, { gap: 4 }, /* @__PURE__ */ React45.createElement(
         ActionIcon6,
         {
           size: "sm",
@@ -3566,7 +3746,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
           style: { color: "#4dabf7" }
         },
         "\u270F\uFE0F"
-      ), /* @__PURE__ */ React44.createElement(
+      ), /* @__PURE__ */ React45.createElement(
         ActionIcon6,
         {
           size: "sm",
@@ -3585,14 +3765,14 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
 };
 
 // src/mantine/blocks/proposal/ActionsPanel.tsx
-import React75, { useState as useState15, useEffect as useEffect10, useMemo as useMemo9 } from "react";
+import React76, { useState as useState15, useEffect as useEffect10, useMemo as useMemo10 } from "react";
 import { Stack as Stack59, Button as Button11, Group as Group19, Text as Text36, Card as Card12, Badge as Badge8, Divider as Divider4, ScrollArea as ScrollArea3, Alert as Alert7, Tabs as Tabs2, SimpleGrid, Paper as Paper5 } from "@mantine/core";
 
 // src/mantine/blocks/proposal/actions-components/SpendActionForm.tsx
-import React45 from "react";
+import React46 from "react";
 import { TextInput as TextInput6, Stack as Stack29 } from "@mantine/core";
 var SpendActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React45.createElement(Stack29, null, /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React46.createElement(Stack29, null, /* @__PURE__ */ React46.createElement(
     TextInput6,
     {
       label: "Recipient Address",
@@ -3612,7 +3792,7 @@ var SpendActionForm = ({ data, onChange }) => {
         }
       }
     }
-  ), /* @__PURE__ */ React45.createElement(
+  ), /* @__PURE__ */ React46.createElement(
     TextInput6,
     {
       label: "Denomination",
@@ -3632,7 +3812,7 @@ var SpendActionForm = ({ data, onChange }) => {
         }
       }
     }
-  ), /* @__PURE__ */ React45.createElement(
+  ), /* @__PURE__ */ React46.createElement(
     TextInput6,
     {
       label: "Amount",
@@ -3656,7 +3836,7 @@ var SpendActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/UpdateMembersActionForm.tsx
-import React46, { useState as useState9 } from "react";
+import React47, { useState as useState9 } from "react";
 import { Stack as Stack30, TextInput as TextInput7, NumberInput as NumberInput2, Button as Button6, Group as Group9, Text as Text29, Card as Card7, Badge as Badge6, ActionIcon as ActionIcon7, Divider as Divider3, ScrollArea as ScrollArea2 } from "@mantine/core";
 var UpdateMembersActionForm = ({ data, onChange }) => {
   const [newMember, setNewMember] = useState9({ addr: "", weight: 1 });
@@ -3700,7 +3880,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
       }
     }
   };
-  return /* @__PURE__ */ React46.createElement(Stack30, null, /* @__PURE__ */ React46.createElement(Stack30, { gap: "xs" }, /* @__PURE__ */ React46.createElement(Text29, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Members to Add"), /* @__PURE__ */ React46.createElement(ScrollArea2, { h: 150 }, /* @__PURE__ */ React46.createElement(Stack30, { gap: "xs" }, (data.add || []).map((member, index) => /* @__PURE__ */ React46.createElement(
+  return /* @__PURE__ */ React47.createElement(Stack30, null, /* @__PURE__ */ React47.createElement(Stack30, { gap: "xs" }, /* @__PURE__ */ React47.createElement(Text29, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Members to Add"), /* @__PURE__ */ React47.createElement(ScrollArea2, { h: 150 }, /* @__PURE__ */ React47.createElement(Stack30, { gap: "xs" }, (data.add || []).map((member, index) => /* @__PURE__ */ React47.createElement(
     Card7,
     {
       key: index,
@@ -3711,7 +3891,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
         borderColor: "#333"
       }
     },
-    /* @__PURE__ */ React46.createElement(Group9, { justify: "space-between" }, /* @__PURE__ */ React46.createElement("div", null, /* @__PURE__ */ React46.createElement(Text29, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, member.addr.slice(0, 20), "..."), /* @__PURE__ */ React46.createElement(
+    /* @__PURE__ */ React47.createElement(Group9, { justify: "space-between" }, /* @__PURE__ */ React47.createElement("div", null, /* @__PURE__ */ React47.createElement(Text29, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, member.addr.slice(0, 20), "..."), /* @__PURE__ */ React47.createElement(
       Badge6,
       {
         size: "sm",
@@ -3722,8 +3902,8 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
       },
       "Weight: ",
       member.weight
-    )), /* @__PURE__ */ React46.createElement(ActionIcon7, { size: "sm", variant: "subtle", onClick: () => handleRemoveMember(index), style: { color: "#ff6b6b" } }, "\u{1F5D1}\uFE0F"))
-  )))), /* @__PURE__ */ React46.createElement(Group9, { grow: true }, /* @__PURE__ */ React46.createElement(TextInput7, { placeholder: "Member address", value: newMember.addr, onChange: (e) => setNewMember({ ...newMember, addr: e.currentTarget.value }), styles: inputStyles29 }), /* @__PURE__ */ React46.createElement(
+    )), /* @__PURE__ */ React47.createElement(ActionIcon7, { size: "sm", variant: "subtle", onClick: () => handleRemoveMember(index), style: { color: "#ff6b6b" } }, "\u{1F5D1}\uFE0F"))
+  )))), /* @__PURE__ */ React47.createElement(Group9, { grow: true }, /* @__PURE__ */ React47.createElement(TextInput7, { placeholder: "Member address", value: newMember.addr, onChange: (e) => setNewMember({ ...newMember, addr: e.currentTarget.value }), styles: inputStyles29 }), /* @__PURE__ */ React47.createElement(
     NumberInput2,
     {
       placeholder: "Weight",
@@ -3732,7 +3912,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
       min: 1,
       styles: inputStyles29
     }
-  ), /* @__PURE__ */ React46.createElement(
+  ), /* @__PURE__ */ React47.createElement(
     Button6,
     {
       size: "sm",
@@ -3745,7 +3925,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
       }
     },
     "\u2795 Add"
-  ))), /* @__PURE__ */ React46.createElement(Divider3, { color: "#333" }), /* @__PURE__ */ React46.createElement(Stack30, { gap: "xs" }, /* @__PURE__ */ React46.createElement(Text29, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Members to Remove"), /* @__PURE__ */ React46.createElement(ScrollArea2, { h: 100 }, /* @__PURE__ */ React46.createElement(Stack30, { gap: "xs" }, (data.remove || []).map((item, index) => /* @__PURE__ */ React46.createElement(
+  ))), /* @__PURE__ */ React47.createElement(Divider3, { color: "#333" }), /* @__PURE__ */ React47.createElement(Stack30, { gap: "xs" }, /* @__PURE__ */ React47.createElement(Text29, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Members to Remove"), /* @__PURE__ */ React47.createElement(ScrollArea2, { h: 100 }, /* @__PURE__ */ React47.createElement(Stack30, { gap: "xs" }, (data.remove || []).map((item, index) => /* @__PURE__ */ React47.createElement(
     Card7,
     {
       key: index,
@@ -3756,8 +3936,8 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
         borderColor: "#333"
       }
     },
-    /* @__PURE__ */ React46.createElement(Group9, { justify: "space-between" }, /* @__PURE__ */ React46.createElement(Text29, { size: "sm", style: { color: "#adb5bd" } }, item.addr.slice(0, 30), "..."), /* @__PURE__ */ React46.createElement(ActionIcon7, { size: "sm", variant: "subtle", onClick: () => handleRemoveRemoveAddress(index), style: { color: "#ff6b6b" } }, "\u{1F5D1}\uFE0F"))
-  )))), /* @__PURE__ */ React46.createElement(Group9, { grow: true }, /* @__PURE__ */ React46.createElement(TextInput7, { placeholder: "Address to remove", value: newRemoveAddress, onChange: (e) => setNewRemoveAddress(e.currentTarget.value), styles: inputStyles29 }), /* @__PURE__ */ React46.createElement(
+    /* @__PURE__ */ React47.createElement(Group9, { justify: "space-between" }, /* @__PURE__ */ React47.createElement(Text29, { size: "sm", style: { color: "#adb5bd" } }, item.addr.slice(0, 30), "..."), /* @__PURE__ */ React47.createElement(ActionIcon7, { size: "sm", variant: "subtle", onClick: () => handleRemoveRemoveAddress(index), style: { color: "#ff6b6b" } }, "\u{1F5D1}\uFE0F"))
+  )))), /* @__PURE__ */ React47.createElement(Group9, { grow: true }, /* @__PURE__ */ React47.createElement(TextInput7, { placeholder: "Address to remove", value: newRemoveAddress, onChange: (e) => setNewRemoveAddress(e.currentTarget.value), styles: inputStyles29 }), /* @__PURE__ */ React47.createElement(
     Button6,
     {
       size: "sm",
@@ -3774,7 +3954,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/StakeActionForm.tsx
-import React47 from "react";
+import React48 from "react";
 import { Stack as Stack31, TextInput as TextInput8, Select as Select4, NumberInput as NumberInput3 } from "@mantine/core";
 var stakeTypeOptions = [
   { value: StakeType.Delegate, label: "Delegate" },
@@ -3820,7 +4000,7 @@ var selectStyles = {
 var StakeActionForm = ({ data, onChange }) => {
   const isRedelegate = data.stakeType === StakeType.Redelegate;
   const needsAmount = data.stakeType !== StakeType.WithdrawDelegatorReward;
-  return /* @__PURE__ */ React47.createElement(Stack31, { gap: "md" }, /* @__PURE__ */ React47.createElement(
+  return /* @__PURE__ */ React48.createElement(Stack31, { gap: "md" }, /* @__PURE__ */ React48.createElement(
     Select4,
     {
       label: "Stake Type",
@@ -3830,7 +4010,7 @@ var StakeActionForm = ({ data, onChange }) => {
       required: true,
       styles: selectStyles
     }
-  ), /* @__PURE__ */ React47.createElement(
+  ), /* @__PURE__ */ React48.createElement(
     TextInput8,
     {
       label: "Validator Address",
@@ -3840,7 +4020,7 @@ var StakeActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles
     }
-  ), isRedelegate && /* @__PURE__ */ React47.createElement(
+  ), isRedelegate && /* @__PURE__ */ React48.createElement(
     TextInput8,
     {
       label: "Destination Validator Address",
@@ -3850,7 +4030,7 @@ var StakeActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles
     }
-  ), needsAmount && /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(
+  ), needsAmount && /* @__PURE__ */ React48.createElement(React48.Fragment, null, /* @__PURE__ */ React48.createElement(
     NumberInput3,
     {
       label: "Amount",
@@ -3862,7 +4042,7 @@ var StakeActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles
     }
-  ), /* @__PURE__ */ React47.createElement(
+  ), /* @__PURE__ */ React48.createElement(
     Select4,
     {
       label: "Denomination",
@@ -3879,7 +4059,7 @@ var StakeActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/JoinActionForm.tsx
-import React48 from "react";
+import React49 from "react";
 import { Stack as Stack32, TextInput as TextInput9 } from "@mantine/core";
 var inputStyles2 = {
   label: { color: "#adb5bd" },
@@ -3893,7 +4073,7 @@ var inputStyles2 = {
   }
 };
 var JoinActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React48.createElement(Stack32, { gap: "md" }, /* @__PURE__ */ React48.createElement(TextInput9, { label: "ID", placeholder: "did:ixo:entity:abc123...", value: data.id, onChange: (e) => onChange({ ...data, id: e.target.value }), required: true, styles: inputStyles2 }), /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React49.createElement(Stack32, { gap: "md" }, /* @__PURE__ */ React49.createElement(TextInput9, { label: "ID", placeholder: "did:ixo:entity:abc123...", value: data.id, onChange: (e) => onChange({ ...data, id: e.target.value }), required: true, styles: inputStyles2 }), /* @__PURE__ */ React49.createElement(
     TextInput9,
     {
       label: "Core Address",
@@ -3903,11 +4083,11 @@ var JoinActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles2
     }
-  ), /* @__PURE__ */ React48.createElement(TextInput9, { label: "Address", placeholder: "ixo1...", value: data.address, onChange: (e) => onChange({ ...data, address: e.target.value }), required: true, styles: inputStyles2 }));
+  ), /* @__PURE__ */ React49.createElement(TextInput9, { label: "Address", placeholder: "ixo1...", value: data.address, onChange: (e) => onChange({ ...data, address: e.target.value }), required: true, styles: inputStyles2 }));
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/MintActionForm.tsx
-import React49 from "react";
+import React50 from "react";
 import { Stack as Stack33, TextInput as TextInput10, NumberInput as NumberInput4 } from "@mantine/core";
 var inputStyles3 = {
   label: { color: "#adb5bd" },
@@ -3921,7 +4101,7 @@ var inputStyles3 = {
   }
 };
 var MintActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React49.createElement(Stack33, { gap: "md" }, /* @__PURE__ */ React49.createElement(TextInput10, { label: "Recipient Address", placeholder: "ixo1...", value: data.to, onChange: (e) => onChange({ ...data, to: e.currentTarget.value }), required: true, styles: inputStyles3 }), /* @__PURE__ */ React49.createElement(
+  return /* @__PURE__ */ React50.createElement(Stack33, { gap: "md" }, /* @__PURE__ */ React50.createElement(TextInput10, { label: "Recipient Address", placeholder: "ixo1...", value: data.to, onChange: (e) => onChange({ ...data, to: e.currentTarget.value }), required: true, styles: inputStyles3 }), /* @__PURE__ */ React50.createElement(
     NumberInput4,
     {
       label: "Amount",
@@ -3937,7 +4117,7 @@ var MintActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/ExecuteActionForm.tsx
-import React50, { useState as useState10 } from "react";
+import React51, { useState as useState10 } from "react";
 import { Stack as Stack34, TextInput as TextInput11, Textarea as Textarea3, Button as Button7, Group as Group10, Text as Text30, Card as Card8 } from "@mantine/core";
 var inputStyles4 = {
   label: { color: "#adb5bd" },
@@ -3975,7 +4155,7 @@ var ExecuteActionForm = ({ data, onChange }) => {
       return data.message;
     }
   };
-  return /* @__PURE__ */ React50.createElement(Stack34, { gap: "md" }, /* @__PURE__ */ React50.createElement(
+  return /* @__PURE__ */ React51.createElement(Stack34, { gap: "md" }, /* @__PURE__ */ React51.createElement(
     TextInput11,
     {
       label: "Contract Address",
@@ -3985,7 +4165,7 @@ var ExecuteActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles4
     }
-  ), /* @__PURE__ */ React50.createElement(
+  ), /* @__PURE__ */ React51.createElement(
     Textarea3,
     {
       label: "Message (JSON)",
@@ -3996,7 +4176,7 @@ var ExecuteActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles4
     }
-  ), /* @__PURE__ */ React50.createElement(Stack34, { gap: "xs" }, /* @__PURE__ */ React50.createElement(Text30, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Funds (Optional)"), (data.funds || []).map((fund, index) => /* @__PURE__ */ React50.createElement(Card8, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React50.createElement(Group10, { justify: "space-between" }, /* @__PURE__ */ React50.createElement(Text30, { size: "sm", style: { color: "#f1f3f5" } }, fund.amount, " ", fund.denom), /* @__PURE__ */ React50.createElement(Button7, { size: "xs", variant: "subtle", onClick: () => handleRemoveFund(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React50.createElement(Group10, { grow: true }, /* @__PURE__ */ React50.createElement(TextInput11, { placeholder: "Amount", value: newFund.amount, onChange: (e) => setNewFund({ ...newFund, amount: e.currentTarget.value }), styles: inputStyles4 }), /* @__PURE__ */ React50.createElement(TextInput11, { placeholder: "Denom (e.g., uixo)", value: newFund.denom, onChange: (e) => setNewFund({ ...newFund, denom: e.currentTarget.value }), styles: inputStyles4 }), /* @__PURE__ */ React50.createElement(
+  ), /* @__PURE__ */ React51.createElement(Stack34, { gap: "xs" }, /* @__PURE__ */ React51.createElement(Text30, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Funds (Optional)"), (data.funds || []).map((fund, index) => /* @__PURE__ */ React51.createElement(Card8, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React51.createElement(Group10, { justify: "space-between" }, /* @__PURE__ */ React51.createElement(Text30, { size: "sm", style: { color: "#f1f3f5" } }, fund.amount, " ", fund.denom), /* @__PURE__ */ React51.createElement(Button7, { size: "xs", variant: "subtle", onClick: () => handleRemoveFund(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React51.createElement(Group10, { grow: true }, /* @__PURE__ */ React51.createElement(TextInput11, { placeholder: "Amount", value: newFund.amount, onChange: (e) => setNewFund({ ...newFund, amount: e.currentTarget.value }), styles: inputStyles4 }), /* @__PURE__ */ React51.createElement(TextInput11, { placeholder: "Denom (e.g., uixo)", value: newFund.denom, onChange: (e) => setNewFund({ ...newFund, denom: e.currentTarget.value }), styles: inputStyles4 }), /* @__PURE__ */ React51.createElement(
     Button7,
     {
       size: "sm",
@@ -4011,7 +4191,7 @@ var ExecuteActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/CustomActionForm.tsx
-import React51, { useState as useState11, useEffect as useEffect9 } from "react";
+import React52, { useState as useState11, useEffect as useEffect9 } from "react";
 import { Stack as Stack35, Textarea as Textarea4, Alert as Alert5, Text as Text31, Badge as Badge7 } from "@mantine/core";
 import { Group as Group11 } from "@mantine/core";
 var inputStyles5 = {
@@ -4049,7 +4229,7 @@ var CustomActionForm = ({ data, onChange }) => {
       return data.message;
     }
   };
-  return /* @__PURE__ */ React51.createElement(Stack35, { gap: "md" }, /* @__PURE__ */ React51.createElement(Alert5, { color: "yellow", style: { backgroundColor: "#2a2a2a", borderColor: "#ffd43b" } }, /* @__PURE__ */ React51.createElement(Text31, { size: "sm", style: { color: "#ffd43b" } }, "\u26A0\uFE0F Custom actions require valid JSON messages. Supports both Wasm and Stargate message formats.")), /* @__PURE__ */ React51.createElement("div", null, /* @__PURE__ */ React51.createElement(Group11, { gap: "xs", mb: "xs" }, /* @__PURE__ */ React51.createElement(Text31, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Custom Message (JSON)"), /* @__PURE__ */ React51.createElement(
+  return /* @__PURE__ */ React52.createElement(Stack35, { gap: "md" }, /* @__PURE__ */ React52.createElement(Alert5, { color: "yellow", style: { backgroundColor: "#2a2a2a", borderColor: "#ffd43b" } }, /* @__PURE__ */ React52.createElement(Text31, { size: "sm", style: { color: "#ffd43b" } }, "\u26A0\uFE0F Custom actions require valid JSON messages. Supports both Wasm and Stargate message formats.")), /* @__PURE__ */ React52.createElement("div", null, /* @__PURE__ */ React52.createElement(Group11, { gap: "xs", mb: "xs" }, /* @__PURE__ */ React52.createElement(Text31, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Custom Message (JSON)"), /* @__PURE__ */ React52.createElement(
     Badge7,
     {
       size: "sm",
@@ -4059,7 +4239,7 @@ var CustomActionForm = ({ data, onChange }) => {
       }
     },
     isValid ? "Valid JSON" : "Invalid JSON"
-  )), /* @__PURE__ */ React51.createElement(
+  )), /* @__PURE__ */ React52.createElement(
     Textarea4,
     {
       placeholder: `Example Wasm message:
@@ -4092,7 +4272,7 @@ Example Stargate message:
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/AuthzExecActionForm.tsx
-import React52 from "react";
+import React53 from "react";
 import { Stack as Stack36, Select as Select5, TextInput as TextInput12, Textarea as Textarea5 } from "@mantine/core";
 var inputStyles6 = {
   label: { color: "#adb5bd" },
@@ -4128,7 +4308,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
       onChange({ ...data, [field]: value });
     }
   };
-  return /* @__PURE__ */ React52.createElement(Stack36, { gap: "md" }, /* @__PURE__ */ React52.createElement(
+  return /* @__PURE__ */ React53.createElement(Stack36, { gap: "md" }, /* @__PURE__ */ React53.createElement(
     Select5,
     {
       label: "Action Type",
@@ -4139,7 +4319,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles6
     }
-  ), data.authzExecActionType === AuthzExecActionTypes.Delegate && /* @__PURE__ */ React52.createElement(
+  ), data.authzExecActionType === AuthzExecActionTypes.Delegate && /* @__PURE__ */ React53.createElement(
     Textarea5,
     {
       label: "Delegate Message (JSON)",
@@ -4149,7 +4329,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
       minRows: 4,
       styles: inputStyles6
     }
-  ), data.authzExecActionType === AuthzExecActionTypes.Undelegate && /* @__PURE__ */ React52.createElement(
+  ), data.authzExecActionType === AuthzExecActionTypes.Undelegate && /* @__PURE__ */ React53.createElement(
     Textarea5,
     {
       label: "Undelegate Message (JSON)",
@@ -4159,7 +4339,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
       minRows: 4,
       styles: inputStyles6
     }
-  ), data.authzExecActionType === AuthzExecActionTypes.Redelegate && /* @__PURE__ */ React52.createElement(
+  ), data.authzExecActionType === AuthzExecActionTypes.Redelegate && /* @__PURE__ */ React53.createElement(
     Textarea5,
     {
       label: "Redelegate Message (JSON)",
@@ -4169,7 +4349,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
       minRows: 4,
       styles: inputStyles6
     }
-  ), data.authzExecActionType === AuthzExecActionTypes.ClaimRewards && /* @__PURE__ */ React52.createElement(
+  ), data.authzExecActionType === AuthzExecActionTypes.ClaimRewards && /* @__PURE__ */ React53.createElement(
     Textarea5,
     {
       label: "Claim Rewards Message (JSON)",
@@ -4179,7 +4359,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
       minRows: 3,
       styles: inputStyles6
     }
-  ), data.authzExecActionType === AuthzExecActionTypes.Custom && /* @__PURE__ */ React52.createElement(
+  ), data.authzExecActionType === AuthzExecActionTypes.Custom && /* @__PURE__ */ React53.createElement(
     TextInput12,
     {
       label: "Custom Message",
@@ -4192,7 +4372,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/AuthzGrantActionForm.tsx
-import React53 from "react";
+import React54 from "react";
 import { Stack as Stack37, TextInput as TextInput13 } from "@mantine/core";
 var inputStyles7 = {
   label: { color: "#adb5bd" },
@@ -4206,7 +4386,7 @@ var inputStyles7 = {
   }
 };
 var AuthzGrantActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React53.createElement(Stack37, { gap: "md" }, /* @__PURE__ */ React53.createElement(
+  return /* @__PURE__ */ React54.createElement(Stack37, { gap: "md" }, /* @__PURE__ */ React54.createElement(
     TextInput13,
     {
       label: "Type URL",
@@ -4216,7 +4396,7 @@ var AuthzGrantActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles7
     }
-  ), /* @__PURE__ */ React53.createElement(
+  ), /* @__PURE__ */ React54.createElement(
     TextInput13,
     {
       label: "Grantee Address",
@@ -4229,7 +4409,7 @@ var AuthzGrantActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles7
     }
-  ), /* @__PURE__ */ React53.createElement(
+  ), /* @__PURE__ */ React54.createElement(
     TextInput13,
     {
       label: "Message Type URL",
@@ -4246,7 +4426,7 @@ var AuthzGrantActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/BurnNftActionForm.tsx
-import React54 from "react";
+import React55 from "react";
 import { Stack as Stack38, TextInput as TextInput14 } from "@mantine/core";
 var inputStyles8 = {
   label: { color: "#adb5bd" },
@@ -4260,7 +4440,7 @@ var inputStyles8 = {
   }
 };
 var BurnNftActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React54.createElement(Stack38, { gap: "md" }, /* @__PURE__ */ React54.createElement(
+  return /* @__PURE__ */ React55.createElement(Stack38, { gap: "md" }, /* @__PURE__ */ React55.createElement(
     TextInput14,
     {
       label: "Collection Address",
@@ -4270,11 +4450,11 @@ var BurnNftActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles8
     }
-  ), /* @__PURE__ */ React54.createElement(TextInput14, { label: "Token ID", placeholder: "1", value: data.tokenId, onChange: (e) => onChange({ ...data, tokenId: e.currentTarget.value }), required: true, styles: inputStyles8 }));
+  ), /* @__PURE__ */ React55.createElement(TextInput14, { label: "Token ID", placeholder: "1", value: data.tokenId, onChange: (e) => onChange({ ...data, tokenId: e.currentTarget.value }), required: true, styles: inputStyles8 }));
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/TransferNftActionForm.tsx
-import React55 from "react";
+import React56 from "react";
 import { Stack as Stack39, TextInput as TextInput15, Checkbox as Checkbox4, Textarea as Textarea6 } from "@mantine/core";
 var inputStyles9 = {
   label: { color: "#adb5bd" },
@@ -4288,7 +4468,7 @@ var inputStyles9 = {
   }
 };
 var TransferNftActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React55.createElement(Stack39, { gap: "md" }, /* @__PURE__ */ React55.createElement(
+  return /* @__PURE__ */ React56.createElement(Stack39, { gap: "md" }, /* @__PURE__ */ React56.createElement(
     TextInput15,
     {
       label: "Collection Address",
@@ -4298,7 +4478,7 @@ var TransferNftActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles9
     }
-  ), /* @__PURE__ */ React55.createElement(TextInput15, { label: "Token ID", placeholder: "1", value: data.tokenId, onChange: (e) => onChange({ ...data, tokenId: e.currentTarget.value }), required: true, styles: inputStyles9 }), /* @__PURE__ */ React55.createElement(
+  ), /* @__PURE__ */ React56.createElement(TextInput15, { label: "Token ID", placeholder: "1", value: data.tokenId, onChange: (e) => onChange({ ...data, tokenId: e.currentTarget.value }), required: true, styles: inputStyles9 }), /* @__PURE__ */ React56.createElement(
     TextInput15,
     {
       label: "Recipient Address",
@@ -4308,7 +4488,7 @@ var TransferNftActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles9
     }
-  ), /* @__PURE__ */ React55.createElement(
+  ), /* @__PURE__ */ React56.createElement(
     Checkbox4,
     {
       label: "Execute Smart Contract",
@@ -4319,7 +4499,7 @@ var TransferNftActionForm = ({ data, onChange }) => {
         input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
       }
     }
-  ), data.executeSmartContract && /* @__PURE__ */ React55.createElement(
+  ), data.executeSmartContract && /* @__PURE__ */ React56.createElement(
     Textarea6,
     {
       label: "Smart Contract Message (JSON)",
@@ -4333,7 +4513,7 @@ var TransferNftActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/ManageCw721ActionForm.tsx
-import React56 from "react";
+import React57 from "react";
 import { Stack as Stack40, TextInput as TextInput16, Radio, Group as Group12 } from "@mantine/core";
 var inputStyles10 = {
   label: { color: "#adb5bd" },
@@ -4347,7 +4527,7 @@ var inputStyles10 = {
   }
 };
 var ManageCw721ActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React56.createElement(Stack40, { gap: "md" }, /* @__PURE__ */ React56.createElement(Radio.Group, { label: "Action", value: data.adding ? "add" : "remove", onChange: (value) => onChange({ ...data, adding: value === "add" }) }, /* @__PURE__ */ React56.createElement(Group12, { mt: "xs" }, /* @__PURE__ */ React56.createElement(
+  return /* @__PURE__ */ React57.createElement(Stack40, { gap: "md" }, /* @__PURE__ */ React57.createElement(Radio.Group, { label: "Action", value: data.adding ? "add" : "remove", onChange: (value) => onChange({ ...data, adding: value === "add" }) }, /* @__PURE__ */ React57.createElement(Group12, { mt: "xs" }, /* @__PURE__ */ React57.createElement(
     Radio,
     {
       value: "add",
@@ -4357,7 +4537,7 @@ var ManageCw721ActionForm = ({ data, onChange }) => {
         radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
       }
     }
-  ), /* @__PURE__ */ React56.createElement(
+  ), /* @__PURE__ */ React57.createElement(
     Radio,
     {
       value: "remove",
@@ -4367,7 +4547,7 @@ var ManageCw721ActionForm = ({ data, onChange }) => {
         radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
       }
     }
-  ))), /* @__PURE__ */ React56.createElement(
+  ))), /* @__PURE__ */ React57.createElement(
     TextInput16,
     {
       label: "NFT Contract Address",
@@ -4381,7 +4561,7 @@ var ManageCw721ActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/InstantiateActionForm.tsx
-import React57, { useState as useState12 } from "react";
+import React58, { useState as useState12 } from "react";
 import { Stack as Stack41, TextInput as TextInput17, Textarea as Textarea7, NumberInput as NumberInput5, Button as Button8, Group as Group13, Text as Text32, Card as Card9 } from "@mantine/core";
 var inputStyles11 = {
   label: { color: "#adb5bd" },
@@ -4419,7 +4599,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
       return data.message;
     }
   };
-  return /* @__PURE__ */ React57.createElement(Stack41, { gap: "md" }, /* @__PURE__ */ React57.createElement(
+  return /* @__PURE__ */ React58.createElement(Stack41, { gap: "md" }, /* @__PURE__ */ React58.createElement(
     TextInput17,
     {
       label: "Admin Address",
@@ -4429,7 +4609,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles11
     }
-  ), /* @__PURE__ */ React57.createElement(
+  ), /* @__PURE__ */ React58.createElement(
     NumberInput5,
     {
       label: "Code ID",
@@ -4440,7 +4620,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles11
     }
-  ), /* @__PURE__ */ React57.createElement(TextInput17, { label: "Label", placeholder: "My Contract", value: data.label, onChange: (e) => onChange({ ...data, label: e.currentTarget.value }), required: true, styles: inputStyles11 }), /* @__PURE__ */ React57.createElement(
+  ), /* @__PURE__ */ React58.createElement(TextInput17, { label: "Label", placeholder: "My Contract", value: data.label, onChange: (e) => onChange({ ...data, label: e.currentTarget.value }), required: true, styles: inputStyles11 }), /* @__PURE__ */ React58.createElement(
     Textarea7,
     {
       label: "Instantiate Message (JSON)",
@@ -4451,7 +4631,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles11
     }
-  ), /* @__PURE__ */ React57.createElement(Stack41, { gap: "xs" }, /* @__PURE__ */ React57.createElement(Text32, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Funds (Optional)"), (data.funds || []).map((fund, index) => /* @__PURE__ */ React57.createElement(Card9, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React57.createElement(Group13, { justify: "space-between" }, /* @__PURE__ */ React57.createElement(Text32, { size: "sm", style: { color: "#f1f3f5" } }, fund.amount, " ", fund.denom), /* @__PURE__ */ React57.createElement(Button8, { size: "xs", variant: "subtle", onClick: () => handleRemoveFund(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React57.createElement(Group13, { grow: true }, /* @__PURE__ */ React57.createElement(TextInput17, { placeholder: "Amount", value: newFund.amount, onChange: (e) => setNewFund({ ...newFund, amount: e.currentTarget.value }), styles: inputStyles11 }), /* @__PURE__ */ React57.createElement(TextInput17, { placeholder: "Denom (e.g., uixo)", value: newFund.denom, onChange: (e) => setNewFund({ ...newFund, denom: e.currentTarget.value }), styles: inputStyles11 }), /* @__PURE__ */ React57.createElement(
+  ), /* @__PURE__ */ React58.createElement(Stack41, { gap: "xs" }, /* @__PURE__ */ React58.createElement(Text32, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Funds (Optional)"), (data.funds || []).map((fund, index) => /* @__PURE__ */ React58.createElement(Card9, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React58.createElement(Group13, { justify: "space-between" }, /* @__PURE__ */ React58.createElement(Text32, { size: "sm", style: { color: "#f1f3f5" } }, fund.amount, " ", fund.denom), /* @__PURE__ */ React58.createElement(Button8, { size: "xs", variant: "subtle", onClick: () => handleRemoveFund(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React58.createElement(Group13, { grow: true }, /* @__PURE__ */ React58.createElement(TextInput17, { placeholder: "Amount", value: newFund.amount, onChange: (e) => setNewFund({ ...newFund, amount: e.currentTarget.value }), styles: inputStyles11 }), /* @__PURE__ */ React58.createElement(TextInput17, { placeholder: "Denom (e.g., uixo)", value: newFund.denom, onChange: (e) => setNewFund({ ...newFund, denom: e.currentTarget.value }), styles: inputStyles11 }), /* @__PURE__ */ React58.createElement(
     Button8,
     {
       size: "sm",
@@ -4466,7 +4646,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/MigrateActionForm.tsx
-import React58 from "react";
+import React59 from "react";
 import { Stack as Stack42, TextInput as TextInput18, Textarea as Textarea8, NumberInput as NumberInput6 } from "@mantine/core";
 var inputStyles12 = {
   label: { color: "#adb5bd" },
@@ -4488,7 +4668,7 @@ var MigrateActionForm = ({ data, onChange }) => {
       return data.msg;
     }
   };
-  return /* @__PURE__ */ React58.createElement(Stack42, { gap: "md" }, /* @__PURE__ */ React58.createElement(
+  return /* @__PURE__ */ React59.createElement(Stack42, { gap: "md" }, /* @__PURE__ */ React59.createElement(
     TextInput18,
     {
       label: "Contract Address",
@@ -4498,7 +4678,7 @@ var MigrateActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles12
     }
-  ), /* @__PURE__ */ React58.createElement(
+  ), /* @__PURE__ */ React59.createElement(
     NumberInput6,
     {
       label: "New Code ID",
@@ -4509,7 +4689,7 @@ var MigrateActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles12
     }
-  ), /* @__PURE__ */ React58.createElement(
+  ), /* @__PURE__ */ React59.createElement(
     Textarea8,
     {
       label: "Migration Message (JSON)",
@@ -4524,7 +4704,7 @@ var MigrateActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/UpdateAdminActionForm.tsx
-import React59 from "react";
+import React60 from "react";
 import { Stack as Stack43, TextInput as TextInput19 } from "@mantine/core";
 var inputStyles13 = {
   label: { color: "#adb5bd" },
@@ -4538,7 +4718,7 @@ var inputStyles13 = {
   }
 };
 var UpdateAdminActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React59.createElement(Stack43, { gap: "md" }, /* @__PURE__ */ React59.createElement(
+  return /* @__PURE__ */ React60.createElement(Stack43, { gap: "md" }, /* @__PURE__ */ React60.createElement(
     TextInput19,
     {
       label: "Contract Address",
@@ -4548,7 +4728,7 @@ var UpdateAdminActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles13
     }
-  ), /* @__PURE__ */ React59.createElement(
+  ), /* @__PURE__ */ React60.createElement(
     TextInput19,
     {
       label: "New Admin Address",
@@ -4562,7 +4742,7 @@ var UpdateAdminActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/ManageCw20ActionForm.tsx
-import React60 from "react";
+import React61 from "react";
 import { Stack as Stack44, TextInput as TextInput20, Radio as Radio2, Group as Group14 } from "@mantine/core";
 var inputStyles14 = {
   label: { color: "#adb5bd" },
@@ -4576,7 +4756,7 @@ var inputStyles14 = {
   }
 };
 var ManageCw20ActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React60.createElement(Stack44, { gap: "md" }, /* @__PURE__ */ React60.createElement(Radio2.Group, { label: "Action", value: data.adding ? "add" : "remove", onChange: (value) => onChange({ ...data, adding: value === "add" }) }, /* @__PURE__ */ React60.createElement(Group14, { mt: "xs" }, /* @__PURE__ */ React60.createElement(
+  return /* @__PURE__ */ React61.createElement(Stack44, { gap: "md" }, /* @__PURE__ */ React61.createElement(Radio2.Group, { label: "Action", value: data.adding ? "add" : "remove", onChange: (value) => onChange({ ...data, adding: value === "add" }) }, /* @__PURE__ */ React61.createElement(Group14, { mt: "xs" }, /* @__PURE__ */ React61.createElement(
     Radio2,
     {
       value: "add",
@@ -4586,7 +4766,7 @@ var ManageCw20ActionForm = ({ data, onChange }) => {
         radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
       }
     }
-  ), /* @__PURE__ */ React60.createElement(
+  ), /* @__PURE__ */ React61.createElement(
     Radio2,
     {
       value: "remove",
@@ -4596,7 +4776,7 @@ var ManageCw20ActionForm = ({ data, onChange }) => {
         radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
       }
     }
-  ))), /* @__PURE__ */ React60.createElement(
+  ))), /* @__PURE__ */ React61.createElement(
     TextInput20,
     {
       label: "Token Contract Address",
@@ -4610,7 +4790,7 @@ var ManageCw20ActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/ManageSubDaosActionForm.tsx
-import React61, { useState as useState13 } from "react";
+import React62, { useState as useState13 } from "react";
 import { Stack as Stack45, TextInput as TextInput21, Button as Button9, Group as Group15, Text as Text33, Card as Card10, Textarea as Textarea9 } from "@mantine/core";
 var inputStyles15 = {
   label: { color: "#adb5bd" },
@@ -4656,7 +4836,7 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
       toRemove: (data.toRemove || []).filter((_, i) => i !== index)
     });
   };
-  return /* @__PURE__ */ React61.createElement(Stack45, { gap: "md" }, /* @__PURE__ */ React61.createElement(Stack45, { gap: "xs" }, /* @__PURE__ */ React61.createElement(Text33, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "SubDAOs to Add"), (data.toAdd || []).map((subDao, index) => /* @__PURE__ */ React61.createElement(Card10, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React61.createElement(Stack45, { gap: "xs" }, /* @__PURE__ */ React61.createElement(Group15, { justify: "space-between" }, /* @__PURE__ */ React61.createElement(Text33, { size: "sm", style: { color: "#f1f3f5" } }, subDao.addr), /* @__PURE__ */ React61.createElement(Button9, { size: "xs", variant: "subtle", onClick: () => handleRemoveFromAddList(index), style: { color: "#ff6b6b" } }, "Remove")), subDao.charter && /* @__PURE__ */ React61.createElement(Text33, { size: "xs", style: { color: "#adb5bd" } }, "Charter: ", subDao.charter)))), /* @__PURE__ */ React61.createElement(Stack45, { gap: "xs" }, /* @__PURE__ */ React61.createElement(TextInput21, { placeholder: "SubDAO Address", value: newSubDao.addr, onChange: (e) => setNewSubDao({ ...newSubDao, addr: e.currentTarget.value }), styles: inputStyles15 }), /* @__PURE__ */ React61.createElement(
+  return /* @__PURE__ */ React62.createElement(Stack45, { gap: "md" }, /* @__PURE__ */ React62.createElement(Stack45, { gap: "xs" }, /* @__PURE__ */ React62.createElement(Text33, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "SubDAOs to Add"), (data.toAdd || []).map((subDao, index) => /* @__PURE__ */ React62.createElement(Card10, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React62.createElement(Stack45, { gap: "xs" }, /* @__PURE__ */ React62.createElement(Group15, { justify: "space-between" }, /* @__PURE__ */ React62.createElement(Text33, { size: "sm", style: { color: "#f1f3f5" } }, subDao.addr), /* @__PURE__ */ React62.createElement(Button9, { size: "xs", variant: "subtle", onClick: () => handleRemoveFromAddList(index), style: { color: "#ff6b6b" } }, "Remove")), subDao.charter && /* @__PURE__ */ React62.createElement(Text33, { size: "xs", style: { color: "#adb5bd" } }, "Charter: ", subDao.charter)))), /* @__PURE__ */ React62.createElement(Stack45, { gap: "xs" }, /* @__PURE__ */ React62.createElement(TextInput21, { placeholder: "SubDAO Address", value: newSubDao.addr, onChange: (e) => setNewSubDao({ ...newSubDao, addr: e.currentTarget.value }), styles: inputStyles15 }), /* @__PURE__ */ React62.createElement(
     Textarea9,
     {
       placeholder: "Charter (optional)",
@@ -4665,7 +4845,7 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
       minRows: 2,
       styles: inputStyles15
     }
-  ), /* @__PURE__ */ React61.createElement(
+  ), /* @__PURE__ */ React62.createElement(
     Button9,
     {
       size: "sm",
@@ -4676,7 +4856,7 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
       }
     },
     "Add SubDAO"
-  ))), /* @__PURE__ */ React61.createElement(Stack45, { gap: "xs" }, /* @__PURE__ */ React61.createElement(Text33, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "SubDAOs to Remove"), (data.toRemove || []).map((subDao, index) => /* @__PURE__ */ React61.createElement(Card10, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React61.createElement(Group15, { justify: "space-between" }, /* @__PURE__ */ React61.createElement(Text33, { size: "sm", style: { color: "#f1f3f5" } }, subDao.address), /* @__PURE__ */ React61.createElement(Button9, { size: "xs", variant: "subtle", onClick: () => handleRemoveFromRemoveList(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React61.createElement(Group15, { grow: true }, /* @__PURE__ */ React61.createElement(TextInput21, { placeholder: "SubDAO Address to Remove", value: newRemoveAddress, onChange: (e) => setNewRemoveAddress(e.currentTarget.value), styles: inputStyles15 }), /* @__PURE__ */ React61.createElement(
+  ))), /* @__PURE__ */ React62.createElement(Stack45, { gap: "xs" }, /* @__PURE__ */ React62.createElement(Text33, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "SubDAOs to Remove"), (data.toRemove || []).map((subDao, index) => /* @__PURE__ */ React62.createElement(Card10, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React62.createElement(Group15, { justify: "space-between" }, /* @__PURE__ */ React62.createElement(Text33, { size: "sm", style: { color: "#f1f3f5" } }, subDao.address), /* @__PURE__ */ React62.createElement(Button9, { size: "xs", variant: "subtle", onClick: () => handleRemoveFromRemoveList(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React62.createElement(Group15, { grow: true }, /* @__PURE__ */ React62.createElement(TextInput21, { placeholder: "SubDAO Address to Remove", value: newRemoveAddress, onChange: (e) => setNewRemoveAddress(e.currentTarget.value), styles: inputStyles15 }), /* @__PURE__ */ React62.createElement(
     Button9,
     {
       size: "sm",
@@ -4691,7 +4871,7 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/UpdateInfoActionForm.tsx
-import React62 from "react";
+import React63 from "react";
 import { Stack as Stack46, TextInput as TextInput22, Textarea as Textarea10, Checkbox as Checkbox5 } from "@mantine/core";
 var inputStyles16 = {
   label: { color: "#adb5bd" },
@@ -4705,7 +4885,7 @@ var inputStyles16 = {
   }
 };
 var UpdateInfoActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React62.createElement(Stack46, { gap: "md" }, /* @__PURE__ */ React62.createElement(TextInput22, { label: "DAO Name", placeholder: "My DAO", value: data.name, onChange: (e) => onChange({ ...data, name: e.currentTarget.value }), required: true, styles: inputStyles16 }), /* @__PURE__ */ React62.createElement(
+  return /* @__PURE__ */ React63.createElement(Stack46, { gap: "md" }, /* @__PURE__ */ React63.createElement(TextInput22, { label: "DAO Name", placeholder: "My DAO", value: data.name, onChange: (e) => onChange({ ...data, name: e.currentTarget.value }), required: true, styles: inputStyles16 }), /* @__PURE__ */ React63.createElement(
     Textarea10,
     {
       label: "Description",
@@ -4715,7 +4895,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
       minRows: 3,
       styles: inputStyles16
     }
-  ), /* @__PURE__ */ React62.createElement(
+  ), /* @__PURE__ */ React63.createElement(
     TextInput22,
     {
       label: "Image URL (Optional)",
@@ -4724,7 +4904,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
       onChange: (e) => onChange({ ...data, image_url: e.currentTarget.value || null }),
       styles: inputStyles16
     }
-  ), /* @__PURE__ */ React62.createElement(
+  ), /* @__PURE__ */ React63.createElement(
     TextInput22,
     {
       label: "DAO URI (Optional)",
@@ -4733,7 +4913,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
       onChange: (e) => onChange({ ...data, dao_uri: e.currentTarget.value || null }),
       styles: inputStyles16
     }
-  ), /* @__PURE__ */ React62.createElement(
+  ), /* @__PURE__ */ React63.createElement(
     Checkbox5,
     {
       label: "Automatically add CW20 tokens",
@@ -4744,7 +4924,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
         input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
       }
     }
-  ), /* @__PURE__ */ React62.createElement(
+  ), /* @__PURE__ */ React63.createElement(
     Checkbox5,
     {
       label: "Automatically add CW721 NFTs",
@@ -4759,7 +4939,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/ManageStorageItemsActionForm.tsx
-import React63 from "react";
+import React64 from "react";
 import { Stack as Stack47, TextInput as TextInput23, Radio as Radio3, Group as Group16, Textarea as Textarea11 } from "@mantine/core";
 var inputStyles17 = {
   label: { color: "#adb5bd" },
@@ -4773,7 +4953,7 @@ var inputStyles17 = {
   }
 };
 var ManageStorageItemsActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React63.createElement(Stack47, { gap: "md" }, /* @__PURE__ */ React63.createElement(Radio3.Group, { label: "Action", value: data.setting ? "set" : "remove", onChange: (value) => onChange({ ...data, setting: value === "set" }) }, /* @__PURE__ */ React63.createElement(Group16, { mt: "xs" }, /* @__PURE__ */ React63.createElement(
+  return /* @__PURE__ */ React64.createElement(Stack47, { gap: "md" }, /* @__PURE__ */ React64.createElement(Radio3.Group, { label: "Action", value: data.setting ? "set" : "remove", onChange: (value) => onChange({ ...data, setting: value === "set" }) }, /* @__PURE__ */ React64.createElement(Group16, { mt: "xs" }, /* @__PURE__ */ React64.createElement(
     Radio3,
     {
       value: "set",
@@ -4783,7 +4963,7 @@ var ManageStorageItemsActionForm = ({ data, onChange }) => {
         radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
       }
     }
-  ), /* @__PURE__ */ React63.createElement(
+  ), /* @__PURE__ */ React64.createElement(
     Radio3,
     {
       value: "remove",
@@ -4793,7 +4973,7 @@ var ManageStorageItemsActionForm = ({ data, onChange }) => {
         radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
       }
     }
-  ))), /* @__PURE__ */ React63.createElement(TextInput23, { label: "Storage Key", placeholder: "config_key", value: data.key, onChange: (e) => onChange({ ...data, key: e.currentTarget.value }), required: true, styles: inputStyles17 }), data.setting && /* @__PURE__ */ React63.createElement(
+  ))), /* @__PURE__ */ React64.createElement(TextInput23, { label: "Storage Key", placeholder: "config_key", value: data.key, onChange: (e) => onChange({ ...data, key: e.currentTarget.value }), required: true, styles: inputStyles17 }), data.setting && /* @__PURE__ */ React64.createElement(
     Textarea11,
     {
       label: "Storage Value",
@@ -4808,7 +4988,7 @@ var ManageStorageItemsActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/DaoAdminExecActionForm.tsx
-import React64, { useState as useState14 } from "react";
+import React65, { useState as useState14 } from "react";
 import { Stack as Stack48, TextInput as TextInput24, Button as Button10, Group as Group17, Text as Text34, Card as Card11, Textarea as Textarea12 } from "@mantine/core";
 var inputStyles18 = {
   label: { color: "#adb5bd" },
@@ -4842,7 +5022,7 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
       msgs: (data.msgs || []).filter((_, i) => i !== index)
     });
   };
-  return /* @__PURE__ */ React64.createElement(Stack48, { gap: "md" }, /* @__PURE__ */ React64.createElement(
+  return /* @__PURE__ */ React65.createElement(Stack48, { gap: "md" }, /* @__PURE__ */ React65.createElement(
     TextInput24,
     {
       label: "Core Address",
@@ -4852,7 +5032,7 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles18
     }
-  ), /* @__PURE__ */ React64.createElement(Stack48, { gap: "xs" }, /* @__PURE__ */ React64.createElement(Text34, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Messages to Execute"), (data.msgs || []).map((msg, index) => /* @__PURE__ */ React64.createElement(Card11, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React64.createElement(Group17, { justify: "space-between" }, /* @__PURE__ */ React64.createElement(Text34, { size: "sm", style: { color: "#f1f3f5" } }, "Message ", index + 1), /* @__PURE__ */ React64.createElement(Button10, { size: "xs", variant: "subtle", onClick: () => handleRemoveMessage(index), style: { color: "#ff6b6b" } }, "Remove")), /* @__PURE__ */ React64.createElement(Text34, { size: "xs", style: { color: "#adb5bd", fontFamily: "monospace" } }, JSON.stringify(msg, null, 2).substring(0, 100), "..."))), /* @__PURE__ */ React64.createElement(
+  ), /* @__PURE__ */ React65.createElement(Stack48, { gap: "xs" }, /* @__PURE__ */ React65.createElement(Text34, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Messages to Execute"), (data.msgs || []).map((msg, index) => /* @__PURE__ */ React65.createElement(Card11, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React65.createElement(Group17, { justify: "space-between" }, /* @__PURE__ */ React65.createElement(Text34, { size: "sm", style: { color: "#f1f3f5" } }, "Message ", index + 1), /* @__PURE__ */ React65.createElement(Button10, { size: "xs", variant: "subtle", onClick: () => handleRemoveMessage(index), style: { color: "#ff6b6b" } }, "Remove")), /* @__PURE__ */ React65.createElement(Text34, { size: "xs", style: { color: "#adb5bd", fontFamily: "monospace" } }, JSON.stringify(msg, null, 2).substring(0, 100), "..."))), /* @__PURE__ */ React65.createElement(
     Textarea12,
     {
       placeholder: 'Add cosmos message as JSON:\\n{"bank": {"send": {"to_address": "ixo1...", "amount": [{"denom": "uixo", "amount": "1000"}]}}}',
@@ -4861,7 +5041,7 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
       minRows: 4,
       styles: inputStyles18
     }
-  ), /* @__PURE__ */ React64.createElement(
+  ), /* @__PURE__ */ React65.createElement(
     Button10,
     {
       size: "sm",
@@ -4876,7 +5056,7 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/AcceptToMarketplaceActionForm.tsx
-import React65 from "react";
+import React66 from "react";
 import { Stack as Stack49, TextInput as TextInput25 } from "@mantine/core";
 var inputStyles19 = {
   label: { color: "#adb5bd" },
@@ -4890,7 +5070,7 @@ var inputStyles19 = {
   }
 };
 var AcceptToMarketplaceActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React65.createElement(Stack49, { gap: "md" }, /* @__PURE__ */ React65.createElement(TextInput25, { label: "DID", placeholder: "did:ixo:...", value: data.did, onChange: (e) => onChange({ ...data, did: e.currentTarget.value }), required: true, styles: inputStyles19 }), /* @__PURE__ */ React65.createElement(
+  return /* @__PURE__ */ React66.createElement(Stack49, { gap: "md" }, /* @__PURE__ */ React66.createElement(TextInput25, { label: "DID", placeholder: "did:ixo:...", value: data.did, onChange: (e) => onChange({ ...data, did: e.currentTarget.value }), required: true, styles: inputStyles19 }), /* @__PURE__ */ React66.createElement(
     TextInput25,
     {
       label: "Relayer Node DID",
@@ -4900,7 +5080,7 @@ var AcceptToMarketplaceActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles19
     }
-  ), /* @__PURE__ */ React65.createElement(
+  ), /* @__PURE__ */ React66.createElement(
     TextInput25,
     {
       label: "Relayer Node Address",
@@ -4914,7 +5094,7 @@ var AcceptToMarketplaceActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/CreateEntityActionForm.tsx
-import React66 from "react";
+import React67 from "react";
 import { Stack as Stack50, Textarea as Textarea13, Alert as Alert6, Text as Text35 } from "@mantine/core";
 var inputStyles20 = {
   label: { color: "#adb5bd" },
@@ -4935,7 +5115,7 @@ var CreateEntityActionForm = ({ data, onChange }) => {
     } catch {
     }
   };
-  return /* @__PURE__ */ React66.createElement(Stack50, { gap: "md" }, /* @__PURE__ */ React66.createElement(Alert6, { color: "blue", style: { backgroundColor: "#2a2a2a", borderColor: "#4dabf7" } }, /* @__PURE__ */ React66.createElement(Text35, { size: "sm", style: { color: "#4dabf7" } }, "This is a complex entity creation action. Please provide the complete entity data as JSON.")), /* @__PURE__ */ React66.createElement(
+  return /* @__PURE__ */ React67.createElement(Stack50, { gap: "md" }, /* @__PURE__ */ React67.createElement(Alert6, { color: "blue", style: { backgroundColor: "#2a2a2a", borderColor: "#4dabf7" } }, /* @__PURE__ */ React67.createElement(Text35, { size: "sm", style: { color: "#4dabf7" } }, "This is a complex entity creation action. Please provide the complete entity data as JSON.")), /* @__PURE__ */ React67.createElement(
     Textarea13,
     {
       label: "Entity Data (JSON)",
@@ -4950,7 +5130,7 @@ var CreateEntityActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/UpdateVotingConfigActionForm.tsx
-import React67 from "react";
+import React68 from "react";
 import { Stack as Stack51, Checkbox as Checkbox6, Select as Select6, NumberInput as NumberInput7, Group as Group18 } from "@mantine/core";
 var inputStyles21 = {
   label: { color: "#adb5bd" },
@@ -4964,7 +5144,7 @@ var inputStyles21 = {
   }
 };
 var UpdateVotingConfigActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React67.createElement(Stack51, { gap: "md" }, /* @__PURE__ */ React67.createElement(
+  return /* @__PURE__ */ React68.createElement(Stack51, { gap: "md" }, /* @__PURE__ */ React68.createElement(
     Checkbox6,
     {
       label: "Only members can execute",
@@ -4975,7 +5155,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
         input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
       }
     }
-  ), /* @__PURE__ */ React67.createElement(
+  ), /* @__PURE__ */ React68.createElement(
     Select6,
     {
       label: "Threshold Type",
@@ -4987,7 +5167,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
       ],
       styles: inputStyles21
     }
-  ), data.thresholdType === "%" && /* @__PURE__ */ React67.createElement(
+  ), data.thresholdType === "%" && /* @__PURE__ */ React68.createElement(
     NumberInput7,
     {
       label: "Threshold Percentage",
@@ -4999,7 +5179,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
       suffix: "%",
       styles: inputStyles21
     }
-  ), /* @__PURE__ */ React67.createElement(
+  ), /* @__PURE__ */ React68.createElement(
     Checkbox6,
     {
       label: "Enable Quorum",
@@ -5010,7 +5190,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
         input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
       }
     }
-  ), data.quorumEnabled && /* @__PURE__ */ React67.createElement(React67.Fragment, null, /* @__PURE__ */ React67.createElement(
+  ), data.quorumEnabled && /* @__PURE__ */ React68.createElement(React68.Fragment, null, /* @__PURE__ */ React68.createElement(
     Select6,
     {
       label: "Quorum Type",
@@ -5022,7 +5202,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
       ],
       styles: inputStyles21
     }
-  ), data.quorumType === "%" && /* @__PURE__ */ React67.createElement(
+  ), data.quorumType === "%" && /* @__PURE__ */ React68.createElement(
     NumberInput7,
     {
       label: "Quorum Percentage",
@@ -5034,7 +5214,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
       suffix: "%",
       styles: inputStyles21
     }
-  )), /* @__PURE__ */ React67.createElement(Group18, { grow: true }, /* @__PURE__ */ React67.createElement(
+  )), /* @__PURE__ */ React68.createElement(Group18, { grow: true }, /* @__PURE__ */ React68.createElement(
     NumberInput7,
     {
       label: "Proposal Duration",
@@ -5044,7 +5224,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
       min: 1,
       styles: inputStyles21
     }
-  ), /* @__PURE__ */ React67.createElement(
+  ), /* @__PURE__ */ React68.createElement(
     Select6,
     {
       label: "Duration Units",
@@ -5058,7 +5238,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
       ],
       styles: inputStyles21
     }
-  )), /* @__PURE__ */ React67.createElement(
+  )), /* @__PURE__ */ React68.createElement(
     Checkbox6,
     {
       label: "Allow revoting",
@@ -5073,7 +5253,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/UpdatePreProposeConfigActionForm.tsx
-import React68 from "react";
+import React69 from "react";
 import { Stack as Stack52, Checkbox as Checkbox7, TextInput as TextInput26, Select as Select7, Textarea as Textarea14 } from "@mantine/core";
 var inputStyles22 = {
   label: { color: "#adb5bd" },
@@ -5087,7 +5267,7 @@ var inputStyles22 = {
   }
 };
 var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React68.createElement(Stack52, { gap: "md" }, /* @__PURE__ */ React68.createElement(
+  return /* @__PURE__ */ React69.createElement(Stack52, { gap: "md" }, /* @__PURE__ */ React69.createElement(
     Checkbox7,
     {
       label: "Anyone can propose",
@@ -5098,7 +5278,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
         input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
       }
     }
-  ), /* @__PURE__ */ React68.createElement(
+  ), /* @__PURE__ */ React69.createElement(
     Checkbox7,
     {
       label: "Deposit required",
@@ -5109,7 +5289,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
         input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
       }
     }
-  ), data.depositRequired && /* @__PURE__ */ React68.createElement(React68.Fragment, null, /* @__PURE__ */ React68.createElement(
+  ), data.depositRequired && /* @__PURE__ */ React69.createElement(React69.Fragment, null, /* @__PURE__ */ React69.createElement(
     TextInput26,
     {
       label: "Deposit Amount",
@@ -5122,7 +5302,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles22
     }
-  ), /* @__PURE__ */ React68.createElement(
+  ), /* @__PURE__ */ React69.createElement(
     Select7,
     {
       label: "Deposit Type",
@@ -5138,7 +5318,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
       ],
       styles: inputStyles22
     }
-  ), /* @__PURE__ */ React68.createElement(
+  ), /* @__PURE__ */ React69.createElement(
     TextInput26,
     {
       label: "Token Denomination or Address",
@@ -5151,7 +5331,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles22
     }
-  ), /* @__PURE__ */ React68.createElement(
+  ), /* @__PURE__ */ React69.createElement(
     TextInput26,
     {
       label: "Refund Policy",
@@ -5164,7 +5344,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles22
     }
-  ), data.depositInfo.type !== "native" && /* @__PURE__ */ React68.createElement(
+  ), data.depositInfo.type !== "native" && /* @__PURE__ */ React69.createElement(
     Textarea14,
     {
       label: "Token Configuration (JSON)",
@@ -5187,7 +5367,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/GovernanceVoteActionForm.tsx
-import React69 from "react";
+import React70 from "react";
 import { Stack as Stack53, TextInput as TextInput27, Select as Select8 } from "@mantine/core";
 var inputStyles23 = {
   label: { color: "#adb5bd" },
@@ -5207,7 +5387,7 @@ var GovernanceVoteActionForm = ({ data, onChange }) => {
     { value: "3", label: "No" },
     { value: "4", label: "No with Veto" }
   ];
-  return /* @__PURE__ */ React69.createElement(Stack53, { gap: "md" }, /* @__PURE__ */ React69.createElement(
+  return /* @__PURE__ */ React70.createElement(Stack53, { gap: "md" }, /* @__PURE__ */ React70.createElement(
     TextInput27,
     {
       label: "Proposal ID",
@@ -5217,7 +5397,7 @@ var GovernanceVoteActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles23
     }
-  ), /* @__PURE__ */ React69.createElement(
+  ), /* @__PURE__ */ React70.createElement(
     Select8,
     {
       label: "Vote Option",
@@ -5231,7 +5411,7 @@ var GovernanceVoteActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/WithdrawTokenSwapActionForm.tsx
-import React70 from "react";
+import React71 from "react";
 import { Stack as Stack54, TextInput as TextInput28, Checkbox as Checkbox8 } from "@mantine/core";
 var inputStyles24 = {
   label: { color: "#adb5bd" },
@@ -5245,7 +5425,7 @@ var inputStyles24 = {
   }
 };
 var WithdrawTokenSwapActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React70.createElement(Stack54, { gap: "md" }, /* @__PURE__ */ React70.createElement(
+  return /* @__PURE__ */ React71.createElement(Stack54, { gap: "md" }, /* @__PURE__ */ React71.createElement(
     Checkbox8,
     {
       label: "Contract chosen",
@@ -5256,7 +5436,7 @@ var WithdrawTokenSwapActionForm = ({ data, onChange }) => {
         input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
       }
     }
-  ), data.contractChosen && /* @__PURE__ */ React70.createElement(
+  ), data.contractChosen && /* @__PURE__ */ React71.createElement(
     TextInput28,
     {
       label: "Token Swap Contract Address",
@@ -5270,7 +5450,7 @@ var WithdrawTokenSwapActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/PerformTokenSwapActionForm.tsx
-import React71 from "react";
+import React72 from "react";
 import { Stack as Stack55, TextInput as TextInput29, Checkbox as Checkbox9, Textarea as Textarea15 } from "@mantine/core";
 var inputStyles25 = {
   label: { color: "#adb5bd" },
@@ -5284,7 +5464,7 @@ var inputStyles25 = {
   }
 };
 var PerformTokenSwapActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React71.createElement(Stack55, { gap: "md" }, /* @__PURE__ */ React71.createElement(
+  return /* @__PURE__ */ React72.createElement(Stack55, { gap: "md" }, /* @__PURE__ */ React72.createElement(
     Checkbox9,
     {
       label: "Contract chosen",
@@ -5295,7 +5475,7 @@ var PerformTokenSwapActionForm = ({ data, onChange }) => {
         input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
       }
     }
-  ), data.contractChosen && /* @__PURE__ */ React71.createElement(React71.Fragment, null, /* @__PURE__ */ React71.createElement(
+  ), data.contractChosen && /* @__PURE__ */ React72.createElement(React72.Fragment, null, /* @__PURE__ */ React72.createElement(
     TextInput29,
     {
       label: "Token Swap Contract Address",
@@ -5305,7 +5485,7 @@ var PerformTokenSwapActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles25
     }
-  ), /* @__PURE__ */ React71.createElement(
+  ), /* @__PURE__ */ React72.createElement(
     Textarea15,
     {
       label: "Self Party Information (JSON)",
@@ -5321,7 +5501,7 @@ var PerformTokenSwapActionForm = ({ data, onChange }) => {
       minRows: 4,
       styles: inputStyles25
     }
-  ), /* @__PURE__ */ React71.createElement(
+  ), /* @__PURE__ */ React72.createElement(
     Textarea15,
     {
       label: "Counterparty Information (JSON)",
@@ -5341,7 +5521,7 @@ var PerformTokenSwapActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/StakeToGroupActionForm.tsx
-import React72 from "react";
+import React73 from "react";
 import { Stack as Stack56, TextInput as TextInput30 } from "@mantine/core";
 var inputStyles26 = {
   label: { color: "#adb5bd" },
@@ -5355,7 +5535,7 @@ var inputStyles26 = {
   }
 };
 var StakeToGroupActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React72.createElement(Stack56, { gap: "md" }, /* @__PURE__ */ React72.createElement(
+  return /* @__PURE__ */ React73.createElement(Stack56, { gap: "md" }, /* @__PURE__ */ React73.createElement(
     TextInput30,
     {
       label: "Token Contract Address",
@@ -5365,7 +5545,7 @@ var StakeToGroupActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles26
     }
-  ), /* @__PURE__ */ React72.createElement(
+  ), /* @__PURE__ */ React73.createElement(
     TextInput30,
     {
       label: "Staking Contract Address",
@@ -5375,11 +5555,11 @@ var StakeToGroupActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles26
     }
-  ), /* @__PURE__ */ React72.createElement(TextInput30, { label: "Amount", placeholder: "1000", value: data.amount, onChange: (e) => onChange({ ...data, amount: e.currentTarget.value }), required: true, styles: inputStyles26 }));
+  ), /* @__PURE__ */ React73.createElement(TextInput30, { label: "Amount", placeholder: "1000", value: data.amount, onChange: (e) => onChange({ ...data, amount: e.currentTarget.value }), required: true, styles: inputStyles26 }));
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/SendGroupTokenActionForm.tsx
-import React73 from "react";
+import React74 from "react";
 import { Stack as Stack57, TextInput as TextInput31 } from "@mantine/core";
 var inputStyles27 = {
   label: { color: "#adb5bd" },
@@ -5393,7 +5573,7 @@ var inputStyles27 = {
   }
 };
 var SendGroupTokenActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React73.createElement(Stack57, { gap: "md" }, /* @__PURE__ */ React73.createElement(
+  return /* @__PURE__ */ React74.createElement(Stack57, { gap: "md" }, /* @__PURE__ */ React74.createElement(
     TextInput31,
     {
       label: "Contract Address",
@@ -5403,7 +5583,7 @@ var SendGroupTokenActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles27
     }
-  ), /* @__PURE__ */ React73.createElement(
+  ), /* @__PURE__ */ React74.createElement(
     TextInput31,
     {
       label: "Recipient Address",
@@ -5413,11 +5593,11 @@ var SendGroupTokenActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles27
     }
-  ), /* @__PURE__ */ React73.createElement(TextInput31, { label: "Amount", placeholder: "1000", value: data.amount, onChange: (e) => onChange({ ...data, amount: e.currentTarget.value }), required: true, styles: inputStyles27 }));
+  ), /* @__PURE__ */ React74.createElement(TextInput31, { label: "Amount", placeholder: "1000", value: data.amount, onChange: (e) => onChange({ ...data, amount: e.currentTarget.value }), required: true, styles: inputStyles27 }));
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/ValidatorActionsActionForm.tsx
-import React74 from "react";
+import React75 from "react";
 import { Stack as Stack58, Select as Select9, Textarea as Textarea16 } from "@mantine/core";
 var inputStyles28 = {
   label: { color: "#adb5bd" },
@@ -5437,7 +5617,7 @@ var ValidatorActionsActionForm = ({ data, onChange }) => {
     { value: "/cosmos.slashing.v1beta1.MsgUnjail" /* UnjailValidator */, label: "Unjail Validator" },
     { value: "/cosmos.distribution.v1beta1.MsgWithdrawValidatorCommission" /* WithdrawValidatorCommission */, label: "Withdraw Commission" }
   ];
-  return /* @__PURE__ */ React74.createElement(Stack58, { gap: "md" }, /* @__PURE__ */ React74.createElement(
+  return /* @__PURE__ */ React75.createElement(Stack58, { gap: "md" }, /* @__PURE__ */ React75.createElement(
     Select9,
     {
       label: "Validator Action Type",
@@ -5447,7 +5627,7 @@ var ValidatorActionsActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles28
     }
-  ), data.validatorActionType === "/cosmos.staking.v1beta1.MsgCreateValidator" /* CreateValidator */ && /* @__PURE__ */ React74.createElement(
+  ), data.validatorActionType === "/cosmos.staking.v1beta1.MsgCreateValidator" /* CreateValidator */ && /* @__PURE__ */ React75.createElement(
     Textarea16,
     {
       label: "Create Validator Message (JSON)",
@@ -5458,7 +5638,7 @@ var ValidatorActionsActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles28
     }
-  ), data.validatorActionType === "/cosmos.staking.v1beta1.MsgEditValidator" /* EditValidator */ && /* @__PURE__ */ React74.createElement(
+  ), data.validatorActionType === "/cosmos.staking.v1beta1.MsgEditValidator" /* EditValidator */ && /* @__PURE__ */ React75.createElement(
     Textarea16,
     {
       label: "Edit Validator Message (JSON)",
@@ -6139,7 +6319,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
     return config?.getDefaultData() || {};
   });
   const currentActionConfig = getActionConfig(selectedActionType);
-  const categorizedActions = useMemo9(() => getCategorizedActions(), []);
+  const categorizedActions = useMemo10(() => getCategorizedActions(), []);
   useEffect10(() => {
     if (!isEditing) {
       const config = getActionConfig(selectedActionType);
@@ -6163,10 +6343,10 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
   };
   const renderActionForm = () => {
     if (!currentActionConfig) {
-      return /* @__PURE__ */ React75.createElement(Alert7, { color: "red", style: { backgroundColor: "#2a2a2a", borderColor: "#ff6b6b" } }, /* @__PURE__ */ React75.createElement(Text36, { size: "sm", style: { color: "#ff6b6b" } }, "Unknown action type selected"));
+      return /* @__PURE__ */ React76.createElement(Alert7, { color: "red", style: { backgroundColor: "#2a2a2a", borderColor: "#ff6b6b" } }, /* @__PURE__ */ React76.createElement(Text36, { size: "sm", style: { color: "#ff6b6b" } }, "Unknown action type selected"));
     }
     const FormComponent = currentActionConfig.FormComponent;
-    return /* @__PURE__ */ React75.createElement(FormComponent, { data: actionData, onChange: setActionData, isTemplateMode });
+    return /* @__PURE__ */ React76.createElement(FormComponent, { data: actionData, onChange: setActionData, isTemplateMode });
   };
   const getCategoryColor = (category) => {
     const colors = {
@@ -6181,7 +6361,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
     };
     return colors[category] || "#6b7280";
   };
-  return /* @__PURE__ */ React75.createElement(Stack59, { style: { backgroundColor: "#1a1a1a", color: "#f1f3f5", height: "100%" } }, /* @__PURE__ */ React75.createElement(Text36, { size: "lg", fw: 600, style: { color: "#f1f3f5" } }, isEditing ? "Edit Action" : "Add New Action"), !isEditing ? /* @__PURE__ */ React75.createElement(Stack59, { gap: "md" }, /* @__PURE__ */ React75.createElement(Text36, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Select Action Type"), /* @__PURE__ */ React75.createElement(
+  return /* @__PURE__ */ React76.createElement(Stack59, { style: { backgroundColor: "#1a1a1a", color: "#f1f3f5", height: "100%" } }, /* @__PURE__ */ React76.createElement(Text36, { size: "lg", fw: 600, style: { color: "#f1f3f5" } }, isEditing ? "Edit Action" : "Add New Action"), !isEditing ? /* @__PURE__ */ React76.createElement(Stack59, { gap: "md" }, /* @__PURE__ */ React76.createElement(Text36, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Select Action Type"), /* @__PURE__ */ React76.createElement(
     Tabs2,
     {
       defaultValue: ACTION_CATEGORIES[0].id,
@@ -6202,8 +6382,8 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
         panel: { paddingTop: "md" }
       }
     },
-    /* @__PURE__ */ React75.createElement(Tabs2.List, null, ACTION_CATEGORIES.map((category) => /* @__PURE__ */ React75.createElement(Tabs2.Tab, { key: category.id, value: category.id }, /* @__PURE__ */ React75.createElement(Group19, { gap: "xs" }, /* @__PURE__ */ React75.createElement("span", null, category.icon), /* @__PURE__ */ React75.createElement("span", null, category.label))))),
-    ACTION_CATEGORIES.map((category) => /* @__PURE__ */ React75.createElement(Tabs2.Panel, { key: category.id, value: category.id, mt: 10 }, /* @__PURE__ */ React75.createElement(SimpleGrid, { cols: 2, spacing: "xs" }, (categorizedActions.get(category.id) || []).map((config) => /* @__PURE__ */ React75.createElement(
+    /* @__PURE__ */ React76.createElement(Tabs2.List, null, ACTION_CATEGORIES.map((category) => /* @__PURE__ */ React76.createElement(Tabs2.Tab, { key: category.id, value: category.id }, /* @__PURE__ */ React76.createElement(Group19, { gap: "xs" }, /* @__PURE__ */ React76.createElement("span", null, category.icon), /* @__PURE__ */ React76.createElement("span", null, category.label))))),
+    ACTION_CATEGORIES.map((category) => /* @__PURE__ */ React76.createElement(Tabs2.Panel, { key: category.id, value: category.id, mt: 10 }, /* @__PURE__ */ React76.createElement(SimpleGrid, { cols: 2, spacing: "xs" }, (categorizedActions.get(category.id) || []).map((config) => /* @__PURE__ */ React76.createElement(
       Paper5,
       {
         key: config.value,
@@ -6217,9 +6397,9 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
         },
         onClick: () => setSelectedActionType(config.value)
       },
-      /* @__PURE__ */ React75.createElement(Stack59, { gap: "xs" }, /* @__PURE__ */ React75.createElement(Group19, { justify: "space-between" }, /* @__PURE__ */ React75.createElement(Text36, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, config.label), selectedActionType === config.value && /* @__PURE__ */ React75.createElement(Badge8, { size: "xs", style: { backgroundColor: "#4dabf7" } }, "Selected")), config.description && /* @__PURE__ */ React75.createElement(Text36, { size: "xs", style: { color: "#adb5bd" } }, config.description))
+      /* @__PURE__ */ React76.createElement(Stack59, { gap: "xs" }, /* @__PURE__ */ React76.createElement(Group19, { justify: "space-between" }, /* @__PURE__ */ React76.createElement(Text36, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, config.label), selectedActionType === config.value && /* @__PURE__ */ React76.createElement(Badge8, { size: "xs", style: { backgroundColor: "#4dabf7" } }, "Selected")), config.description && /* @__PURE__ */ React76.createElement(Text36, { size: "xs", style: { color: "#adb5bd" } }, config.description))
     )))))
-  )) : /* @__PURE__ */ React75.createElement(
+  )) : /* @__PURE__ */ React76.createElement(
     Card12,
     {
       withBorder: true,
@@ -6229,7 +6409,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
         borderColor: "#333"
       }
     },
-    /* @__PURE__ */ React75.createElement(Group19, { justify: "space-between" }, /* @__PURE__ */ React75.createElement(Group19, { gap: "xs" }, /* @__PURE__ */ React75.createElement(
+    /* @__PURE__ */ React76.createElement(Group19, { justify: "space-between" }, /* @__PURE__ */ React76.createElement(Group19, { gap: "xs" }, /* @__PURE__ */ React76.createElement(
       Badge8,
       {
         size: "sm",
@@ -6239,10 +6419,10 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
         }
       },
       currentActionConfig?.label || selectedActionType
-    ), /* @__PURE__ */ React75.createElement(Text36, { size: "sm", style: { color: "#adb5bd" } }, "(Editing)")))
-  ), /* @__PURE__ */ React75.createElement(Divider4, { color: "#333" }), /* @__PURE__ */ React75.createElement(ScrollArea3, { style: { flex: 1 } }, renderActionForm()), /* @__PURE__ */ React75.createElement(Divider4, { color: "#333" }), /* @__PURE__ */ React75.createElement(Stack59, { gap: "xs" }, /* @__PURE__ */ React75.createElement(Text36, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Current Actions (", actions.length, ")"), /* @__PURE__ */ React75.createElement(ScrollArea3, { h: 100 }, /* @__PURE__ */ React75.createElement(Stack59, { gap: "xs" }, actions.map((action, index) => {
+    ), /* @__PURE__ */ React76.createElement(Text36, { size: "sm", style: { color: "#adb5bd" } }, "(Editing)")))
+  ), /* @__PURE__ */ React76.createElement(Divider4, { color: "#333" }), /* @__PURE__ */ React76.createElement(ScrollArea3, { style: { flex: 1 } }, renderActionForm()), /* @__PURE__ */ React76.createElement(Divider4, { color: "#333" }), /* @__PURE__ */ React76.createElement(Stack59, { gap: "xs" }, /* @__PURE__ */ React76.createElement(Text36, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Current Actions (", actions.length, ")"), /* @__PURE__ */ React76.createElement(ScrollArea3, { h: 100 }, /* @__PURE__ */ React76.createElement(Stack59, { gap: "xs" }, actions.map((action, index) => {
     const config = getActionConfig(action.type);
-    return /* @__PURE__ */ React75.createElement(
+    return /* @__PURE__ */ React76.createElement(
       Card12,
       {
         key: index,
@@ -6255,7 +6435,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
           opacity: index === editingIndex ? 0.7 : 1
         }
       },
-      /* @__PURE__ */ React75.createElement(Group19, { gap: "xs" }, /* @__PURE__ */ React75.createElement(
+      /* @__PURE__ */ React76.createElement(Group19, { gap: "xs" }, /* @__PURE__ */ React76.createElement(
         Badge8,
         {
           size: "sm",
@@ -6265,9 +6445,9 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
           }
         },
         config?.label || action.type
-      ), /* @__PURE__ */ React75.createElement(Text36, { size: "sm", style: { color: "#adb5bd" } }, config?.getSummary(action.data) || "Action"), index === editingIndex && /* @__PURE__ */ React75.createElement(Badge8, { size: "xs", style: { backgroundColor: "#4dabf7", color: "#fff" } }, "Editing"))
+      ), /* @__PURE__ */ React76.createElement(Text36, { size: "sm", style: { color: "#adb5bd" } }, config?.getSummary(action.data) || "Action"), index === editingIndex && /* @__PURE__ */ React76.createElement(Badge8, { size: "xs", style: { backgroundColor: "#4dabf7", color: "#fff" } }, "Editing"))
     );
-  })))), /* @__PURE__ */ React75.createElement(Group19, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React75.createElement(
+  })))), /* @__PURE__ */ React76.createElement(Group19, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React76.createElement(
     Button11,
     {
       variant: "default",
@@ -6282,7 +6462,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
       }
     },
     "Cancel"
-  ), /* @__PURE__ */ React75.createElement(
+  ), /* @__PURE__ */ React76.createElement(
     Button11,
     {
       onClick: handleSave,
@@ -6322,22 +6502,22 @@ var ActionsTab = ({ actions, onActionsChange, editor, block }) => {
       setIsEditorVisible(true);
     }
   }, [currentActions.length, isEditorVisible]);
-  const handleAddAction = useCallback11(() => {
+  const handleAddAction = useCallback12(() => {
     setEditingIndex(null);
     setIsEditorVisible(true);
   }, []);
-  const handleEditAction = useCallback11((index) => {
+  const handleEditAction = useCallback12((index) => {
     setEditingIndex(index);
     setIsEditorVisible(true);
   }, []);
-  const handleRemoveAction = useCallback11(
+  const handleRemoveAction = useCallback12(
     (index) => {
       const newActions = currentActions.filter((_, i) => i !== index);
       onActionsChange(newActions);
     },
     [currentActions, onActionsChange]
   );
-  const handleSaveAction = useCallback11(
+  const handleSaveAction = useCallback12(
     (action) => {
       let newActions;
       if (editingIndex !== null) {
@@ -6351,12 +6531,12 @@ var ActionsTab = ({ actions, onActionsChange, editor, block }) => {
     },
     [editingIndex, currentActions, onActionsChange]
   );
-  const handleCancelEditor = useCallback11(() => {
+  const handleCancelEditor = useCallback12(() => {
     setIsEditorVisible(false);
     setEditingIndex(null);
   }, []);
-  return /* @__PURE__ */ React76.createElement(Stack60, { gap: "md" }, /* @__PURE__ */ React76.createElement(ActionsCard, { actions: currentActions, isSelected: false, onClick: () => {
-  }, onEditAction: handleEditAction, onRemoveAction: handleRemoveAction }), isEditorVisible && /* @__PURE__ */ React76.createElement(
+  return /* @__PURE__ */ React77.createElement(Stack60, { gap: "md" }, /* @__PURE__ */ React77.createElement(ActionsCard, { actions: currentActions, isSelected: false, onClick: () => {
+  }, onEditAction: handleEditAction, onRemoveAction: handleRemoveAction }), isEditorVisible && /* @__PURE__ */ React77.createElement(
     Card13,
     {
       withBorder: true,
@@ -6367,21 +6547,21 @@ var ActionsTab = ({ actions, onActionsChange, editor, block }) => {
         borderColor: "#333"
       }
     },
-    /* @__PURE__ */ React76.createElement(ActionsPanel, { actions: currentActions, editingIndex, onSave: handleSaveAction, onCancel: handleCancelEditor, isTemplateMode: true })
+    /* @__PURE__ */ React77.createElement(ActionsPanel, { actions: currentActions, editingIndex, onSave: handleSaveAction, onCancel: handleCancelEditor, isTemplateMode: true })
   ));
 };
 
 // src/mantine/blocks/proposal/template/VoteTab.tsx
-import React77 from "react";
+import React78 from "react";
 import { Stack as Stack61, TextInput as TextInput32 } from "@mantine/core";
 var VoteTab = ({ voteTitle, voteSubtitle, voteIcon, onVoteTitleChange, onVoteSubtitleChange, onVoteIconChange }) => {
-  return /* @__PURE__ */ React77.createElement(Stack61, { gap: "md" }, /* @__PURE__ */ React77.createElement(TextInput32, { label: "Vote Button Title", placeholder: "Vote on this proposal", value: voteTitle, onChange: (event) => onVoteTitleChange(event.currentTarget.value) }), /* @__PURE__ */ React77.createElement(TextInput32, { label: "Vote Button Subtitle", placeholder: "Cast your vote", value: voteSubtitle, onChange: (event) => onVoteSubtitleChange(event.currentTarget.value) }), /* @__PURE__ */ React77.createElement(TextInput32, { label: "Vote Icon", placeholder: "checklist", value: voteIcon, onChange: (event) => onVoteIconChange(event.currentTarget.value) }));
+  return /* @__PURE__ */ React78.createElement(Stack61, { gap: "md" }, /* @__PURE__ */ React78.createElement(TextInput32, { label: "Vote Button Title", placeholder: "Vote on this proposal", value: voteTitle, onChange: (event) => onVoteTitleChange(event.currentTarget.value) }), /* @__PURE__ */ React78.createElement(TextInput32, { label: "Vote Button Subtitle", placeholder: "Cast your vote", value: voteSubtitle, onChange: (event) => onVoteSubtitleChange(event.currentTarget.value) }), /* @__PURE__ */ React78.createElement(TextInput32, { label: "Vote Icon", placeholder: "checklist", value: voteIcon, onChange: (event) => onVoteIconChange(event.currentTarget.value) }));
 };
 
 // src/mantine/blocks/proposal/template/TemplateConfig.tsx
 var TemplateConfig3 = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
-  const updateProp = useCallback12(
+  const updateProp = useCallback13(
     (key, value) => {
       editor.updateBlock(block, {
         props: {
@@ -6392,7 +6572,7 @@ var TemplateConfig3 = ({ editor, block }) => {
     },
     [editor, block]
   );
-  return /* @__PURE__ */ React78.createElement(
+  return /* @__PURE__ */ React79.createElement(
     Paper6,
     {
       p: "md",
@@ -6403,7 +6583,7 @@ var TemplateConfig3 = ({ editor, block }) => {
         flexDirection: "column"
       }
     },
-    /* @__PURE__ */ React78.createElement(
+    /* @__PURE__ */ React79.createElement(
       "div",
       {
         style: {
@@ -6413,17 +6593,17 @@ var TemplateConfig3 = ({ editor, block }) => {
           marginBottom: "1rem"
         }
       },
-      /* @__PURE__ */ React78.createElement(Title5, { order: 3 }, "Proposal Settings"),
-      /* @__PURE__ */ React78.createElement(CloseButton4, { onClick: closePanel })
+      /* @__PURE__ */ React79.createElement(Title5, { order: 3 }, "Proposal Settings"),
+      /* @__PURE__ */ React79.createElement(CloseButton4, { onClick: closePanel })
     ),
-    /* @__PURE__ */ React78.createElement(
+    /* @__PURE__ */ React79.createElement(
       ReusablePanel,
       {
         extraTabs: [
           {
             label: "General",
             value: "general",
-            content: /* @__PURE__ */ React78.createElement(
+            content: /* @__PURE__ */ React79.createElement(
               GeneralTab3,
               {
                 title: block.props.title || "",
@@ -6438,12 +6618,12 @@ var TemplateConfig3 = ({ editor, block }) => {
           {
             label: "Actions",
             value: "actions",
-            content: /* @__PURE__ */ React78.createElement(ActionsTab, { actions: block.props.actions || "[]", onActionsChange: (actions) => updateProp("actions", JSON.stringify(actions)), editor, block })
+            content: /* @__PURE__ */ React79.createElement(ActionsTab, { actions: block.props.actions || "[]", onActionsChange: (actions) => updateProp("actions", JSON.stringify(actions)), editor, block })
           },
           {
             label: "Vote",
             value: "vote",
-            content: /* @__PURE__ */ React78.createElement(
+            content: /* @__PURE__ */ React79.createElement(
               VoteTab,
               {
                 voteTitle: block.props.voteTitle || "",
@@ -6467,16 +6647,16 @@ import { Card as Card14, Group as Group20, Stack as Stack62, Text as Text37, Act
 var PROPOSAL_TEMPLATE_PANEL_ID = "proposal-template-panel";
 var ProposalTemplateView = ({ editor, block }) => {
   const panelId = `${PROPOSAL_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo10(() => /* @__PURE__ */ React79.createElement(TemplateConfig3, { editor, block }), [editor, block]);
+  const panelContent = useMemo11(() => /* @__PURE__ */ React80.createElement(TemplateConfig3, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
-  return /* @__PURE__ */ React79.createElement(Card14, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer" }, onClick: open }, /* @__PURE__ */ React79.createElement(Group20, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React79.createElement(Group20, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React79.createElement(ActionIcon8, { variant: "light", color: "blue", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "file-text")), /* @__PURE__ */ React79.createElement(Stack62, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React79.createElement(Text37, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Proposal Title"), /* @__PURE__ */ React79.createElement(Text37, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description || "Proposal description"))), /* @__PURE__ */ React79.createElement(Text37, { size: "xs", c: "dimmed", contentEditable: false }, block.props.status || "draft")));
+  return /* @__PURE__ */ React80.createElement(Card14, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer" }, onClick: open }, /* @__PURE__ */ React80.createElement(Group20, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React80.createElement(Group20, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React80.createElement(ActionIcon8, { variant: "light", color: "blue", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "file-text")), /* @__PURE__ */ React80.createElement(Stack62, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React80.createElement(Text37, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Proposal Title"), /* @__PURE__ */ React80.createElement(Text37, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description || "Proposal description"))), /* @__PURE__ */ React80.createElement(Text37, { size: "xs", c: "dimmed", contentEditable: false }, block.props.status || "draft")));
 };
 
 // src/mantine/blocks/proposal/flow/FlowView.tsx
-import React84, { useMemo as useMemo11 } from "react";
+import React85, { useMemo as useMemo12 } from "react";
 
 // src/mantine/blocks/proposal/components/OnChainProposalCard.tsx
-import React80 from "react";
+import React81 from "react";
 import { Card as Card15, Group as Group21, Stack as Stack63, Text as Text38, Skeleton, Badge as Badge9, Button as Button13, ActionIcon as ActionIcon9 } from "@mantine/core";
 var statusColor = {
   open: "#4dabf7",
@@ -6506,7 +6686,7 @@ var OnChainProposalCard = ({
   onVote,
   voteEnabled = false
 }) => {
-  return /* @__PURE__ */ React80.createElement(
+  return /* @__PURE__ */ React81.createElement(
     Card15,
     {
       shadow: "sm",
@@ -6519,9 +6699,9 @@ var OnChainProposalCard = ({
       },
       onClick
     },
-    isFetching && /* @__PURE__ */ React80.createElement(Stack63, null, /* @__PURE__ */ React80.createElement(Skeleton, { height: 20, width: "70%" }), /* @__PURE__ */ React80.createElement(Skeleton, { height: 16 }), /* @__PURE__ */ React80.createElement(Skeleton, { height: 16, width: "40%" })),
-    error && /* @__PURE__ */ React80.createElement(Text38, { size: "sm", c: "red" }, typeof error === "string" ? error : error.message || "An error occurred while loading the proposal."),
-    !isFetching && /* @__PURE__ */ React80.createElement(Group21, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React80.createElement(Group21, { align: "flex-start", gap: "md", style: { flex: 1 } }, /* @__PURE__ */ React80.createElement(ActionIcon9, { variant: "light", color: "blue", size: "xl", radius: "xl", style: { flexShrink: 0 } }, getIcon(icon, 24, 1.5, "file-text")), /* @__PURE__ */ React80.createElement(Stack63, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React80.createElement(Group21, { gap: "xs" }, /* @__PURE__ */ React80.createElement(Text38, { size: "md", fw: 600 }, title || "Proposal"), /* @__PURE__ */ React80.createElement(Badge9, { color: statusColor[status], variant: "filled", size: "sm", radius: "sm" }, status.replace(/_/g, " ").toUpperCase())), /* @__PURE__ */ React80.createElement(Text38, { size: "sm", c: "dimmed" }, getDisplayDescription(description)))), /* @__PURE__ */ React80.createElement(Group21, { gap: "xs" }, voteEnabled && onVote && status === "open" && /* @__PURE__ */ React80.createElement(
+    isFetching && /* @__PURE__ */ React81.createElement(Stack63, null, /* @__PURE__ */ React81.createElement(Skeleton, { height: 20, width: "70%" }), /* @__PURE__ */ React81.createElement(Skeleton, { height: 16 }), /* @__PURE__ */ React81.createElement(Skeleton, { height: 16, width: "40%" })),
+    error && /* @__PURE__ */ React81.createElement(Text38, { size: "sm", c: "red" }, typeof error === "string" ? error : error.message || "An error occurred while loading the proposal."),
+    !isFetching && /* @__PURE__ */ React81.createElement(Group21, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React81.createElement(Group21, { align: "flex-start", gap: "md", style: { flex: 1 } }, /* @__PURE__ */ React81.createElement(ActionIcon9, { variant: "light", color: "blue", size: "xl", radius: "xl", style: { flexShrink: 0 } }, getIcon(icon, 24, 1.5, "file-text")), /* @__PURE__ */ React81.createElement(Stack63, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React81.createElement(Group21, { gap: "xs" }, /* @__PURE__ */ React81.createElement(Text38, { size: "md", fw: 600 }, title || "Proposal"), /* @__PURE__ */ React81.createElement(Badge9, { color: statusColor[status], variant: "filled", size: "sm", radius: "sm" }, status.replace(/_/g, " ").toUpperCase())), /* @__PURE__ */ React81.createElement(Text38, { size: "sm", c: "dimmed" }, getDisplayDescription(description)))), /* @__PURE__ */ React81.createElement(Group21, { gap: "xs" }, voteEnabled && onVote && status === "open" && /* @__PURE__ */ React81.createElement(
       Button13,
       {
         size: "sm",
@@ -6534,7 +6714,7 @@ var OnChainProposalCard = ({
         style: { flexShrink: 0 }
       },
       "Vote"
-    ), status === "passed" && onExecute && /* @__PURE__ */ React80.createElement(
+    ), status === "passed" && onExecute && /* @__PURE__ */ React81.createElement(
       Button13,
       {
         size: "sm",
@@ -6553,8 +6733,8 @@ var OnChainProposalCard = ({
 };
 
 // src/mantine/blocks/proposal/flow/FlowConfig.tsx
-import React83, { useCallback as useCallback14, 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";
@@ -6794,7 +6974,7 @@ var useVoteBusinessLogic = ({ block, editor }) => {
 };
 
 // src/mantine/blocks/proposal/flow/VoteGeneralTab.tsx
-import React81, { useState as useState19 } from "react";
+import React82, { useState as useState19 } from "react";
 import { Stack as Stack64, Text as Text39, Group as Group22, Card as Card16, Button as Button14, Progress as Progress2, Box as Box16, Textarea as Textarea17, Tooltip as Tooltip3 } from "@mantine/core";
 var getVoteIcon = (voteType) => {
   switch (voteType) {
@@ -6837,7 +7017,7 @@ var FlowGeneralTab = ({
       setRationale("");
     }
   };
-  return /* @__PURE__ */ React81.createElement(Stack64, { gap: "lg" }, !hasSubmittedProposal && /* @__PURE__ */ React81.createElement(
+  return /* @__PURE__ */ React82.createElement(Stack64, { gap: "lg" }, !hasSubmittedProposal && /* @__PURE__ */ React82.createElement(
     Card16,
     {
       padding: "md",
@@ -6848,7 +7028,7 @@ var FlowGeneralTab = ({
         color: "#f1f3f5"
       }
     },
-    /* @__PURE__ */ React81.createElement(Group22, { gap: "xs", align: "center" }, /* @__PURE__ */ React81.createElement(
+    /* @__PURE__ */ React82.createElement(Group22, { gap: "xs", align: "center" }, /* @__PURE__ */ React82.createElement(
       Box16,
       {
         style: {
@@ -6858,9 +7038,9 @@ var FlowGeneralTab = ({
           borderRadius: "50%"
         }
       }
-    ), /* @__PURE__ */ React81.createElement(Text39, { size: "sm", fw: 500, style: { color: "#ffd43b" } }, "Waiting for Proposal Submission")),
-    /* @__PURE__ */ React81.createElement(Text39, { size: "xs", style: { color: "#adb5bd", marginTop: 4 } }, "The connected proposal needs to be submitted before voting can begin.")
-  ), /* @__PURE__ */ React81.createElement(
+    ), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", fw: 500, style: { color: "#ffd43b" } }, "Waiting for Proposal Submission")),
+    /* @__PURE__ */ React82.createElement(Text39, { size: "xs", style: { color: "#adb5bd", marginTop: 4 } }, "The connected proposal needs to be submitted before voting can begin.")
+  ), /* @__PURE__ */ React82.createElement(
     Card16,
     {
       padding: "lg",
@@ -6872,7 +7052,7 @@ var FlowGeneralTab = ({
         opacity: !hasSubmittedProposal ? 0.6 : 1
       }
     },
-    /* @__PURE__ */ React81.createElement(Stack64, { gap: "xs" }, /* @__PURE__ */ React81.createElement(Group22, { justify: "space-between" }, /* @__PURE__ */ React81.createElement(Group22, { gap: "xs" }, /* @__PURE__ */ React81.createElement(
+    /* @__PURE__ */ React82.createElement(Stack64, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Group22, { justify: "space-between" }, /* @__PURE__ */ React82.createElement(Group22, { gap: "xs" }, /* @__PURE__ */ React82.createElement(
       Box16,
       {
         w: 8,
@@ -6882,7 +7062,7 @@ var FlowGeneralTab = ({
           borderRadius: "50%"
         }
       }
-    ), /* @__PURE__ */ React81.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "Status")), /* @__PURE__ */ React81.createElement(Text39, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? proposalStatus === "open" ? "Active" : proposalStatus || "Active" : "Waiting")), /* @__PURE__ */ React81.createElement(Group22, { justify: "space-between" }, /* @__PURE__ */ React81.createElement(Group22, { gap: "xs" }, /* @__PURE__ */ React81.createElement(Box16, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React81.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "Proposal ID")), /* @__PURE__ */ React81.createElement(Text39, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? `#${proposalId}` : "TBD")), /* @__PURE__ */ React81.createElement(Group22, { justify: "space-between" }, /* @__PURE__ */ React81.createElement(Group22, { gap: "xs" }, /* @__PURE__ */ React81.createElement(Box16, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React81.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "Title")), /* @__PURE__ */ React81.createElement(
+    ), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "Status")), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? proposalStatus === "open" ? "Active" : proposalStatus || "Active" : "Waiting")), /* @__PURE__ */ React82.createElement(Group22, { justify: "space-between" }, /* @__PURE__ */ React82.createElement(Group22, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Box16, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "Proposal ID")), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? `#${proposalId}` : "TBD")), /* @__PURE__ */ React82.createElement(Group22, { justify: "space-between" }, /* @__PURE__ */ React82.createElement(Group22, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Box16, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "Title")), /* @__PURE__ */ React82.createElement(
       Text39,
       {
         size: "sm",
@@ -6892,8 +7072,8 @@ var FlowGeneralTab = ({
         }
       },
       hasSubmittedProposal ? proposalTitle || "Untitled" : "N/A"
-    )), /* @__PURE__ */ React81.createElement(Group22, { justify: "space-between" }, /* @__PURE__ */ React81.createElement(Group22, { gap: "xs" }, /* @__PURE__ */ React81.createElement(Box16, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React81.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "Description")), /* @__PURE__ */ React81.createElement(Text39, { size: "sm", fw: 500, style: { color: "#f1f3f5" }, title: proposalDescription }, hasSubmittedProposal ? proposalDescription ? proposalDescription.length > 30 ? proposalDescription.substring(0, 30) + "..." : proposalDescription : "No description" : "N/A")), /* @__PURE__ */ React81.createElement(Group22, { justify: "space-between" }, /* @__PURE__ */ React81.createElement(Group22, { gap: "xs" }, /* @__PURE__ */ React81.createElement(Box16, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React81.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "My Vote")), /* @__PURE__ */ React81.createElement(Text39, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? userVote?.vote ? userVote.vote.vote : "Pending" : "N/A"))),
-    /* @__PURE__ */ React81.createElement(Stack64, { gap: "xs" }, /* @__PURE__ */ React81.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, hasSubmittedProposal ? "Voting is open" : "Voting pending"), /* @__PURE__ */ React81.createElement(
+    )), /* @__PURE__ */ React82.createElement(Group22, { justify: "space-between" }, /* @__PURE__ */ React82.createElement(Group22, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Box16, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "Description")), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", fw: 500, style: { color: "#f1f3f5" }, title: proposalDescription }, hasSubmittedProposal ? proposalDescription ? proposalDescription.length > 30 ? proposalDescription.substring(0, 30) + "..." : proposalDescription : "No description" : "N/A")), /* @__PURE__ */ React82.createElement(Group22, { justify: "space-between" }, /* @__PURE__ */ React82.createElement(Group22, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Box16, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "My Vote")), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? userVote?.vote ? userVote.vote.vote : "Pending" : "N/A"))),
+    /* @__PURE__ */ React82.createElement(Stack64, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, hasSubmittedProposal ? "Voting is open" : "Voting pending"), /* @__PURE__ */ React82.createElement(
       Progress2,
       {
         value: hasSubmittedProposal ? 75 : 0,
@@ -6906,7 +7086,7 @@ var FlowGeneralTab = ({
         }
       }
     ))
-  ), hasSubmittedProposal && !hasVoted && (status === "open" || proposalStatus === "open") && /* @__PURE__ */ React81.createElement(Stack64, { gap: "lg" }, disabled && isDisabled?.message && /* @__PURE__ */ React81.createElement(
+  ), hasSubmittedProposal && !hasVoted && (status === "open" || proposalStatus === "open") && /* @__PURE__ */ React82.createElement(Stack64, { gap: "lg" }, disabled && isDisabled?.message && /* @__PURE__ */ React82.createElement(
     Card16,
     {
       padding: "md",
@@ -6917,7 +7097,7 @@ var FlowGeneralTab = ({
         color: "#f1f3f5"
       }
     },
-    /* @__PURE__ */ React81.createElement(Group22, { gap: "xs", align: "center" }, /* @__PURE__ */ React81.createElement(
+    /* @__PURE__ */ React82.createElement(Group22, { gap: "xs", align: "center" }, /* @__PURE__ */ React82.createElement(
       Box16,
       {
         style: {
@@ -6927,8 +7107,8 @@ var FlowGeneralTab = ({
           borderRadius: "50%"
         }
       }
-    ), /* @__PURE__ */ React81.createElement(Text39, { size: "sm", fw: 500, style: { color: "#ffd43b" } }, isDisabled.message))
-  ), /* @__PURE__ */ React81.createElement(Stack64, { gap: "md" }, ["yes", "no", "no_with_veto", "abstain"].map((voteType) => /* @__PURE__ */ React81.createElement(Tooltip3, { key: voteType, label: disabled ? isDisabled?.message : void 0, disabled: !disabled, position: "top" }, /* @__PURE__ */ React81.createElement(
+    ), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", fw: 500, style: { color: "#ffd43b" } }, isDisabled.message))
+  ), /* @__PURE__ */ React82.createElement(Stack64, { gap: "md" }, ["yes", "no", "no_with_veto", "abstain"].map((voteType) => /* @__PURE__ */ React82.createElement(Tooltip3, { key: voteType, label: disabled ? isDisabled?.message : void 0, disabled: !disabled, position: "top" }, /* @__PURE__ */ React82.createElement(
     Button14,
     {
       variant: "outline",
@@ -6947,8 +7127,8 @@ var FlowGeneralTab = ({
         opacity: disabled ? 0.5 : 1
       }
     },
-    /* @__PURE__ */ React81.createElement(Text39, { fw: 500, tt: "capitalize", style: { textAlign: "left" } }, voteType === "no_with_veto" ? "No with Veto" : voteType)
-  )))), /* @__PURE__ */ React81.createElement(Stack64, { gap: "xs" }, /* @__PURE__ */ React81.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "Rationale (optional)"), /* @__PURE__ */ React81.createElement(
+    /* @__PURE__ */ React82.createElement(Text39, { fw: 500, tt: "capitalize", style: { textAlign: "left" } }, voteType === "no_with_veto" ? "No with Veto" : voteType)
+  )))), /* @__PURE__ */ React82.createElement(Stack64, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "Rationale (optional)"), /* @__PURE__ */ React82.createElement(
     Textarea17,
     {
       value: rationale,
@@ -6965,7 +7145,7 @@ var FlowGeneralTab = ({
         }
       }
     }
-  ))), (status === "executed" || proposalStatus === "executed") && /* @__PURE__ */ React81.createElement(
+  ))), (status === "executed" || proposalStatus === "executed") && /* @__PURE__ */ React82.createElement(
     Card16,
     {
       padding: "md",
@@ -6975,8 +7155,8 @@ var FlowGeneralTab = ({
         border: "1px solid #333"
       }
     },
-    /* @__PURE__ */ React81.createElement(Stack64, { gap: "xs" }, /* @__PURE__ */ React81.createElement(Text39, { fw: 500, size: "sm", style: { color: "#f1f3f5" } }, "Proposal Executed"), /* @__PURE__ */ React81.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "This proposal has been successfully executed."))
-  ), !hasSubmittedProposal && /* @__PURE__ */ React81.createElement(Stack64, { gap: "lg" }, /* @__PURE__ */ React81.createElement(Stack64, { gap: "md" }, ["yes", "no", "no_with_veto", "abstain"].map((voteType) => /* @__PURE__ */ React81.createElement(Tooltip3, { key: voteType, label: "Proposal must be submitted before voting", position: "top" }, /* @__PURE__ */ React81.createElement(
+    /* @__PURE__ */ React82.createElement(Stack64, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Text39, { fw: 500, size: "sm", style: { color: "#f1f3f5" } }, "Proposal Executed"), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "This proposal has been successfully executed."))
+  ), !hasSubmittedProposal && /* @__PURE__ */ React82.createElement(Stack64, { gap: "lg" }, /* @__PURE__ */ React82.createElement(Stack64, { gap: "md" }, ["yes", "no", "no_with_veto", "abstain"].map((voteType) => /* @__PURE__ */ React82.createElement(Tooltip3, { key: voteType, label: "Proposal must be submitted before voting", position: "top" }, /* @__PURE__ */ React82.createElement(
     Button14,
     {
       variant: "outline",
@@ -6993,8 +7173,8 @@ var FlowGeneralTab = ({
         opacity: 0.5
       }
     },
-    /* @__PURE__ */ React81.createElement(Text39, { fw: 500, tt: "capitalize", style: { textAlign: "left" } }, voteType === "no_with_veto" ? "No with Veto" : voteType)
-  ))))), hasSubmittedProposal && !hasVoted && selectedVote && (status === "open" || proposalStatus === "open") && /* @__PURE__ */ React81.createElement(Tooltip3, { label: disabled ? isDisabled?.message : "Sign to vote", position: "top" }, /* @__PURE__ */ React81.createElement("div", null, /* @__PURE__ */ React81.createElement(
+    /* @__PURE__ */ React82.createElement(Text39, { fw: 500, tt: "capitalize", style: { textAlign: "left" } }, voteType === "no_with_veto" ? "No with Veto" : voteType)
+  ))))), hasSubmittedProposal && !hasVoted && selectedVote && (status === "open" || proposalStatus === "open") && /* @__PURE__ */ React82.createElement(Tooltip3, { label: disabled ? isDisabled?.message : "Sign to vote", position: "top" }, /* @__PURE__ */ React82.createElement("div", null, /* @__PURE__ */ React82.createElement(
     Button14,
     {
       size: "sm",
@@ -7010,7 +7190,7 @@ var FlowGeneralTab = ({
       }
     },
     "Sign"
-  ))), hasVoted && hasSubmittedProposal && /* @__PURE__ */ React81.createElement(
+  ))), hasVoted && hasSubmittedProposal && /* @__PURE__ */ React82.createElement(
     Card16,
     {
       padding: "md",
@@ -7021,7 +7201,7 @@ var FlowGeneralTab = ({
         color: "#f1f3f5"
       }
     },
-    /* @__PURE__ */ React81.createElement(Stack64, { gap: "xs" }, /* @__PURE__ */ React81.createElement(Group22, { gap: "xs", align: "center" }, /* @__PURE__ */ React81.createElement(
+    /* @__PURE__ */ React82.createElement(Stack64, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Group22, { gap: "xs", align: "center" }, /* @__PURE__ */ React82.createElement(
       Box16,
       {
         style: {
@@ -7031,12 +7211,12 @@ var FlowGeneralTab = ({
           borderRadius: "50%"
         }
       }
-    ), /* @__PURE__ */ React81.createElement(Text39, { size: "sm", fw: 500, style: { color: "#51cf66" } }, "Vote Submitted")), /* @__PURE__ */ React81.createElement(Text39, { size: "xs", style: { color: "#adb5bd" } }, "You have already voted on this proposal. Your vote:", " ", /* @__PURE__ */ React81.createElement(Text39, { span: true, fw: 500, tt: "capitalize" }, userVote?.vote?.vote)))
+    ), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", fw: 500, style: { color: "#51cf66" } }, "Vote Submitted")), /* @__PURE__ */ React82.createElement(Text39, { size: "xs", style: { color: "#adb5bd" } }, "You have already voted on this proposal. Your vote:", " ", /* @__PURE__ */ React82.createElement(Text39, { span: true, fw: 500, tt: "capitalize" }, userVote?.vote?.vote)))
   ));
 };
 
 // src/mantine/blocks/proposal/flow/ActionsTab.tsx
-import React82, { useCallback as useCallback13, useEffect as useEffect14, useState as useState20 } from "react";
+import React83, { useCallback as useCallback14, useEffect as useEffect14, useState as useState20 } from "react";
 import { Alert as Alert8, Button as Button15, Card as Card17, Stack as Stack65, Text as Text40 } from "@mantine/core";
 var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated }) => {
   const [isEditorVisible, setIsEditorVisible] = useState20(false);
@@ -7057,12 +7237,12 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
       setIsEditorVisible(true);
     }
   }, [currentActions.length, isEditorVisible, isProposalCreated]);
-  const handleAddAction = useCallback13(() => {
+  const handleAddAction = useCallback14(() => {
     if (isProposalCreated) return;
     setEditingIndex(null);
     setIsEditorVisible(true);
   }, [isProposalCreated]);
-  const handleEditAction = useCallback13(
+  const handleEditAction = useCallback14(
     (index) => {
       if (isProposalCreated) return;
       setEditingIndex(index);
@@ -7070,7 +7250,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
     },
     [isProposalCreated]
   );
-  const handleRemoveAction = useCallback13(
+  const handleRemoveAction = useCallback14(
     (index) => {
       if (isProposalCreated) return;
       const newActions = currentActions.filter((_, i) => i !== index);
@@ -7078,7 +7258,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
     },
     [currentActions, onActionsChange, isProposalCreated]
   );
-  const handleSaveAction = useCallback13(
+  const handleSaveAction = useCallback14(
     (action) => {
       let newActions;
       if (editingIndex !== null) {
@@ -7092,11 +7272,11 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
     },
     [editingIndex, currentActions, onActionsChange]
   );
-  const handleCancelEditor = useCallback13(() => {
+  const handleCancelEditor = useCallback14(() => {
     setIsEditorVisible(false);
     setEditingIndex(null);
   }, []);
-  return /* @__PURE__ */ React82.createElement(Stack65, { gap: "md" }, isProposalCreated && /* @__PURE__ */ React82.createElement(Alert8, { color: "yellow", title: "Actions Locked" }, /* @__PURE__ */ React82.createElement(Text40, { size: "sm" }, "Actions cannot be edited after the proposal has been created. These actions are now part of the on-chain proposal.")), /* @__PURE__ */ React82.createElement(Stack65, { gap: "sm" }, !isProposalCreated && /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(Stack65, { gap: "md" }, isProposalCreated && /* @__PURE__ */ React83.createElement(Alert8, { color: "yellow", title: "Actions Locked" }, /* @__PURE__ */ React83.createElement(Text40, { size: "sm" }, "Actions cannot be edited after the proposal has been created. These actions are now part of the on-chain proposal.")), /* @__PURE__ */ React83.createElement(Stack65, { gap: "sm" }, !isProposalCreated && /* @__PURE__ */ React83.createElement(
     Button15,
     {
       onClick: handleAddAction,
@@ -7108,7 +7288,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
       }
     },
     "Add Action"
-  ), /* @__PURE__ */ React82.createElement(
+  ), /* @__PURE__ */ React83.createElement(
     ActionsCard,
     {
       actions: currentActions,
@@ -7119,7 +7299,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
       onRemoveAction: handleRemoveAction,
       disabled: isProposalCreated
     }
-  )), !isProposalCreated && isEditorVisible && /* @__PURE__ */ React82.createElement(
+  )), !isProposalCreated && isEditorVisible && /* @__PURE__ */ React83.createElement(
     Card17,
     {
       withBorder: true,
@@ -7130,23 +7310,28 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
         borderColor: "#333"
       }
     },
-    /* @__PURE__ */ React82.createElement(ActionsPanel, { actions: currentActions, editingIndex, onSave: handleSaveAction, onCancel: handleCancelEditor, isTemplateMode: false })
+    /* @__PURE__ */ React83.createElement(ActionsPanel, { actions: currentActions, editingIndex, onSave: handleSaveAction, onCancel: handleCancelEditor, isTemplateMode: false })
   ));
 };
 
 // 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
   });
   const isProposalCreated = !!proposalId;
   const voteLogic = useVoteBusinessLogic({ block, editor });
-  const updateProp = useCallback14(
+  const updateProp = useCallback15(
     (key, value) => {
       editor.updateBlock(block, {
         props: {
@@ -7157,6 +7342,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()) {
@@ -7183,7 +7397,52 @@ var FlowConfig = ({ editor, block }) => {
       setIsCreating(false);
     }
   };
-  const createProposalTab = /* @__PURE__ */ React83.createElement(Stack66, { gap: "lg" }, coreAddress && /* @__PURE__ */ React83.createElement(Card18, { padding: "sm", radius: "md", withBorder: true }, /* @__PURE__ */ React83.createElement(Text41, { size: "xs", c: "dimmed" }, "Core Address:", " ", /* @__PURE__ */ React83.createElement(Text41, { span: true, ff: "monospace", c: "bright" }, coreAddress.slice(0, 20), "...", coreAddress.slice(-10)))), /* @__PURE__ */ React83.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",
@@ -7194,7 +7453,7 @@ var FlowConfig = ({ editor, block }) => {
       required: true,
       disabled: isProposalCreated
     }
-  ), /* @__PURE__ */ React83.createElement(
+  ), /* @__PURE__ */ React84.createElement(
     Textarea18,
     {
       label: "Description",
@@ -7206,8 +7465,8 @@ var FlowConfig = ({ editor, block }) => {
       required: true,
       disabled: isProposalCreated
     }
-  ), errors.general && /* @__PURE__ */ React83.createElement(Text41, { size: "sm", c: "red" }, errors.general), isProposalCreated && /* @__PURE__ */ React83.createElement(Card18, { padding: "md", radius: "md", withBorder: true, style: { borderColor: "var(--mantine-color-green-6)" } }, /* @__PURE__ */ React83.createElement(Text41, { fw: 500, size: "sm", c: "green" }, "Proposal Created Successfully"), /* @__PURE__ */ React83.createElement(Text41, { size: "sm", c: "dimmed" }, "Your proposal has been created and is now open for voting.")), /* @__PURE__ */ React83.createElement(Button16, { fullWidth: true, onClick: handleCreateProposal, disabled: isProposalCreated, loading: isCreating }, isProposalCreated ? "Proposal Created" : "Create Proposal"));
-  const handleActionsChange = useCallback14(
+  ), errors.general && /* @__PURE__ */ React84.createElement(Text41, { size: "sm", c: "red" }, errors.general), isProposalCreated && /* @__PURE__ */ React84.createElement(Card18, { padding: "md", radius: "md", withBorder: true, style: { borderColor: "var(--mantine-color-green-6)" } }, /* @__PURE__ */ React84.createElement(Text41, { fw: 500, size: "sm", c: "green" }, "Proposal Created Successfully"), /* @__PURE__ */ React84.createElement(Text41, { size: "sm", c: "dimmed" }, "Your proposal has been created and is now open for voting.")), /* @__PURE__ */ React84.createElement(Button16, { fullWidth: true, onClick: handleCreateProposal, disabled: isProposalCreated, loading: isCreating }, isProposalCreated ? "Proposal Created" : "Create Proposal"));
+  const handleActionsChange = useCallback15(
     (newActions) => {
       updateProp("actions", JSON.stringify(newActions));
     },
@@ -7222,12 +7481,12 @@ var FlowConfig = ({ editor, block }) => {
     {
       label: "Actions",
       value: "actions",
-      content: /* @__PURE__ */ React83.createElement(ActionsTab2, { actions: block.props.actions || "[]", onActionsChange: handleActionsChange, editor, block, isProposalCreated })
+      content: /* @__PURE__ */ React84.createElement(ActionsTab2, { actions: block.props.actions || "[]", onActionsChange: handleActionsChange, editor, block, isProposalCreated })
     },
     {
       label: "Vote",
       value: "vote",
-      content: /* @__PURE__ */ React83.createElement(
+      content: /* @__PURE__ */ React84.createElement(
         FlowGeneralTab,
         {
           proposalId: voteLogic.proposalId,
@@ -7243,7 +7502,7 @@ var FlowConfig = ({ editor, block }) => {
       )
     }
   ];
-  return /* @__PURE__ */ React83.createElement(
+  return /* @__PURE__ */ React84.createElement(
     Paper7,
     {
       p: "md",
@@ -7254,7 +7513,7 @@ var FlowConfig = ({ editor, block }) => {
         flexDirection: "column"
       }
     },
-    /* @__PURE__ */ React83.createElement(
+    /* @__PURE__ */ React84.createElement(
       "div",
       {
         style: {
@@ -7264,10 +7523,10 @@ var FlowConfig = ({ editor, block }) => {
           marginBottom: "1rem"
         }
       },
-      /* @__PURE__ */ React83.createElement(Title6, { order: 3 }, "Proposal Settings"),
-      /* @__PURE__ */ React83.createElement(CloseButton5, { onClick: closePanel })
+      /* @__PURE__ */ React84.createElement(Title6, { order: 3 }, "Proposal Settings"),
+      /* @__PURE__ */ React84.createElement(CloseButton5, { onClick: closePanel })
     ),
-    /* @__PURE__ */ React83.createElement(ReusablePanel, { extraTabs, context: { editor, block } })
+    /* @__PURE__ */ React84.createElement(ReusablePanel, { extraTabs, context: { editor, block } })
   );
 };
 
@@ -7279,13 +7538,13 @@ var ProposalFlowView = ({ block, editor }) => {
     block,
     editor
   });
-  const panelContent = useMemo11(() => /* @__PURE__ */ React84.createElement(FlowConfig, { editor, block }), [editor, block]);
+  const panelContent = useMemo12(() => /* @__PURE__ */ React85.createElement(FlowConfig, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const handleVote = () => {
     open();
   };
   const showVoteButton = (block.props.voteEnabled || false) && proposalId;
-  return /* @__PURE__ */ React84.createElement(
+  return /* @__PURE__ */ React85.createElement(
     OnChainProposalCard,
     {
       title,
@@ -7312,10 +7571,10 @@ function ProposalBlock({ editor, block }) {
   console.log("[ProposalBlock] Rendering with docType:", docType);
   if (docType === "template") {
     console.log("[ProposalBlock] Rendering ProposalTemplateView (docType is template)");
-    return /* @__PURE__ */ React85.createElement(ProposalTemplateView, { editor, block });
+    return /* @__PURE__ */ React86.createElement(ProposalTemplateView, { editor, block });
   }
   console.log("[ProposalBlock] Rendering ProposalFlowView (docType is flow)");
-  return /* @__PURE__ */ React85.createElement(ProposalFlowView, { block, editor });
+  return /* @__PURE__ */ React86.createElement(ProposalFlowView, { block, editor });
 }
 
 // src/mantine/blocks/proposal/ProposalBlockSpec.tsx
@@ -7374,29 +7633,399 @@ var ProposalBlockSpec = createReactBlockSpec4(
   {
     render: (props) => {
       const ixoProps = props;
-      return /* @__PURE__ */ React86.createElement(ProposalBlock, { ...ixoProps });
+      return /* @__PURE__ */ React87.createElement(ProposalBlock, { ...ixoProps });
     }
   }
 );
 
 // src/mantine/blocks/apiRequest/ApiRequestBlockSpec.tsx
-import React92 from "react";
+import React96 from "react";
 import { createReactBlockSpec as createReactBlockSpec5 } from "@blocknote/react";
 
 // src/mantine/blocks/apiRequest/ApiRequestBlock.tsx
-import React91 from "react";
+import React95 from "react";
 
 // src/mantine/blocks/apiRequest/template/TemplateView.tsx
-import React89, { useMemo as useMemo12 } from "react";
+import React93, { useMemo as useMemo16 } from "react";
 
 // src/mantine/blocks/apiRequest/template/TemplateConfig.tsx
-import React88, { useCallback as useCallback15 } 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 React87, { 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,
@@ -7409,20 +8038,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);
@@ -7455,7 +8086,7 @@ var GeneralTab4 = ({
     setLocalBody(newBody);
     onBodyChange(newBody);
   };
-  return /* @__PURE__ */ React87.createElement(Stack67, { gap: "lg" }, /* @__PURE__ */ React87.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React87.createElement(Text42, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React87.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",
@@ -7466,7 +8097,7 @@ var GeneralTab4 = ({
         onTitleChange(newTitle);
       }
     }
-  )), /* @__PURE__ */ React87.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React87.createElement(Text42, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React87.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",
@@ -7478,8 +8109,8 @@ var GeneralTab4 = ({
         onDescriptionChange(newDescription);
       }
     }
-  )), /* @__PURE__ */ React87.createElement(Divider5, { variant: "dashed" }), /* @__PURE__ */ React87.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React87.createElement(Text42, { size: "sm", fw: 600 }, "HTTP Method"), /* @__PURE__ */ React87.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) => {
@@ -7495,7 +8126,7 @@ var GeneralTab4 = ({
         { value: "PATCH", label: "PATCH" }
       ]
     }
-  )), /* @__PURE__ */ React87.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React87.createElement(Text42, { size: "sm", fw: 600 }, "Endpoint URL"), /* @__PURE__ */ React87.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",
@@ -7506,45 +8137,140 @@ var GeneralTab4 = ({
         onEndpointChange(newEndpoint);
       }
     }
-  )), /* @__PURE__ */ React87.createElement(Divider5, { variant: "dashed" }), /* @__PURE__ */ React87.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React87.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React87.createElement(Text42, { size: "sm", fw: 600 }, "Request Headers"), /* @__PURE__ */ React87.createElement(Button17, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React87.createElement(IconPlus, { size: 14 }), onClick: handleAddHeader }, "Add Header")), /* @__PURE__ */ React87.createElement(Text42, { size: "xs" }, "Add custom headers to your API request (e.g., Authorization, Content-Type)"), localHeaders.length > 0 && /* @__PURE__ */ React87.createElement(Stack67, { gap: "xs" }, localHeaders.map((header, index) => /* @__PURE__ */ React87.createElement(Paper8, { key: index, p: "xs" }, /* @__PURE__ */ React87.createElement(Group23, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React87.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__ */ React87.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__ */ React87.createElement(ActionIcon10, { color: "red", variant: "subtle", onClick: () => handleRemoveHeader(index) }, /* @__PURE__ */ React87.createElement(IconTrash, { size: 16 }))))))), /* @__PURE__ */ React87.createElement(Divider5, { variant: "dashed" }), /* @__PURE__ */ React87.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React87.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React87.createElement(Text42, { size: "sm", fw: 600 }, "Request Body (JSON)"), /* @__PURE__ */ React87.createElement(Button17, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React87.createElement(IconPlus, { size: 14 }), onClick: handleAddBodyField }, "Add Field")), /* @__PURE__ */ React87.createElement(Text42, { size: "xs" }, "Build your JSON request body as key-value pairs"), localBody.length > 0 && /* @__PURE__ */ React87.createElement(Stack67, { gap: "xs" }, localBody.map((field, index) => /* @__PURE__ */ React87.createElement(Paper8, { key: index, p: "xs" }, /* @__PURE__ */ React87.createElement(Group23, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React87.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__ */ React87.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__ */ React87.createElement(ActionIcon10, { color: "red", variant: "subtle", onClick: () => handleRemoveBodyField(index) }, /* @__PURE__ */ React87.createElement(IconTrash, { size: 16 }))))))));
+  ), /* @__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"
+    }
+  ), 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 = useCallback15(
+  const updateProp = useCallback17(
     (key, value) => {
       editor.updateBlock(block, {
         props: {
@@ -7555,20 +8281,88 @@ var TemplateConfig4 = ({ editor, block }) => {
     },
     [editor, block]
   );
-  const handleHeadersChange = useCallback15(
+  const handleHeadersChange = useCallback17(
     (headers) => {
       updateProp("headers", JSON.stringify(headers));
     },
     [updateProp]
   );
-  const handleBodyChange = useCallback15(
+  const handleBodyChange = useCallback17(
     (body) => {
       updateProp("body", JSON.stringify(body));
     },
     [updateProp]
   );
-  return /* @__PURE__ */ React88.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",
@@ -7578,7 +8372,7 @@ var TemplateConfig4 = ({ editor, block }) => {
         flexDirection: "column"
       }
     },
-    /* @__PURE__ */ React88.createElement(
+    /* @__PURE__ */ React92.createElement(
       "div",
       {
         style: {
@@ -7588,59 +8382,19 @@ var TemplateConfig4 = ({ editor, block }) => {
           marginBottom: "1rem"
         }
       },
-      /* @__PURE__ */ React88.createElement(Title7, { order: 3 }, "API Request Settings"),
-      /* @__PURE__ */ React88.createElement(CloseButton6, { onClick: closePanel })
+      /* @__PURE__ */ React92.createElement(Title7, { order: 3 }, "API Request Settings"),
+      /* @__PURE__ */ React92.createElement(CloseButton6, { onClick: closePanel })
     ),
-    /* @__PURE__ */ React88.createElement(
-      ReusablePanel,
-      {
-        extraTabs: [
-          {
-            label: "General",
-            value: "general",
-            content: /* @__PURE__ */ React88.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 = useMemo12(() => /* @__PURE__ */ React89.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";
@@ -7660,17 +8414,18 @@ var ApiRequestTemplateView = ({ editor, block }) => {
         return "gray";
     }
   };
-  return /* @__PURE__ */ React89.createElement(Card19, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React89.createElement(Badge10, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React89.createElement(Group24, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React89.createElement(Group24, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React89.createElement(ActionIcon11, { variant: "light", color: "violet", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "square-check")), /* @__PURE__ */ React89.createElement(Stack68, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React89.createElement(Group24, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React89.createElement(Badge10, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React89.createElement(Text43, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "API Request")), /* @__PURE__ */ React89.createElement(Text43, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, endpoint), block.props.description && /* @__PURE__ */ React89.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 React90, { 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 = (() => {
@@ -7724,17 +8479,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;
           }
         });
       }
@@ -7748,21 +8509,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) {
@@ -7783,21 +8547,21 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
       setIsLoading(false);
     }
   };
-  const executeButton = /* @__PURE__ */ React90.createElement(
-    Button18,
+  const executeButton = /* @__PURE__ */ React94.createElement(
+    Button20,
     {
       size: "sm",
       variant: "light",
       color: getMethodColor(method),
-      leftSection: isLoading ? /* @__PURE__ */ React90.createElement(Loader4, { size: 14 }) : /* @__PURE__ */ React90.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__ */ React90.createElement(Card20, { withBorder: true, padding: "md", radius: "md", style: { width: "100%" } }, /* @__PURE__ */ React90.createElement(Stack69, { gap: "md" }, /* @__PURE__ */ React90.createElement(Group25, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React90.createElement(Group25, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, /* @__PURE__ */ React90.createElement(ActionIcon12, { variant: "light", color: "violet", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "square-check")), /* @__PURE__ */ React90.createElement(Stack69, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React90.createElement(Group25, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React90.createElement(Badge11, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React90.createElement(Text44, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "API Request"), status !== "idle" && /* @__PURE__ */ React90.createElement(Badge11, { size: "xs", variant: "dot", color: getStatusColor(status) }, status)), /* @__PURE__ */ React90.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",
@@ -7809,7 +8573,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
       }
     },
     endpoint || "No endpoint configured"
-  ), block.props.description && /* @__PURE__ */ React90.createElement(Text44, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React90.createElement(Group25, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React90.createElement(Tooltip4, { label: isDisabled.message, position: "left", withArrow: true }, executeButton) : executeButton, /* @__PURE__ */ React90.createElement(ActionIcon12, { variant: "subtle", onClick: () => setShowDetails(!showDetails), disabled: headers.length === 0 && body.length === 0 && !response }, showDetails ? /* @__PURE__ */ React90.createElement(IconChevronUp2, { size: 16 }) : /* @__PURE__ */ React90.createElement(IconChevronDown2, { size: 16 })))), /* @__PURE__ */ React90.createElement(Collapse2, { in: showDetails }, /* @__PURE__ */ React90.createElement(Stack69, { gap: "md" }, headers.length > 0 && /* @__PURE__ */ React90.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React90.createElement(Text44, { size: "xs", fw: 600, c: "dimmed" }, "Headers:"), /* @__PURE__ */ React90.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;
@@ -7819,7 +8583,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
     ),
     null,
     2
-  ))), method !== "GET" && body.length > 0 && /* @__PURE__ */ React90.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React90.createElement(Text44, { size: "xs", fw: 600, c: "dimmed" }, "Body:"), /* @__PURE__ */ React90.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;
@@ -7829,7 +8593,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
     ),
     null,
     2
-  ))), response && /* @__PURE__ */ React90.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React90.createElement(Text44, { size: "xs", fw: 600, c: "dimmed" }, "Response:"), status === "error" ? /* @__PURE__ */ React90.createElement(Alert9, { color: "red", title: "Error", styles: { message: { fontSize: "11px" } } }, /* @__PURE__ */ React90.createElement(Code, { block: true, style: { fontSize: "11px" } }, response)) : /* @__PURE__ */ React90.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
@@ -7837,7 +8601,7 @@ function ApiRequestBlock({ editor, block }) {
   const { docType } = useBlocknoteContext();
   const { actions } = useBlockConditions(block, editor);
   if (docType === "template") {
-    return /* @__PURE__ */ React91.createElement(ApiRequestTemplateView, { editor, block });
+    return /* @__PURE__ */ React95.createElement(ApiRequestTemplateView, { editor, block });
   }
   const conditionConfig = parseConditionConfig(block.props.conditions);
   const hasVisibility = hasVisibilityConditions(conditionConfig);
@@ -7849,7 +8613,7 @@ function ApiRequestBlock({ editor, block }) {
   const hasEnable = hasEnableConditions(conditionConfig);
   const enableActionExists = actions.some((a) => a.action === "enable");
   const shouldDisable = hasEnable && !enableActionExists;
-  return /* @__PURE__ */ React91.createElement(
+  return /* @__PURE__ */ React95.createElement(
     ApiRequestFlowView,
     {
       block,
@@ -7894,6 +8658,9 @@ var ApiRequestBlockSpec = createReactBlockSpec5(
       status: {
         default: "idle"
       },
+      responseSchema: {
+        default: ""
+      },
       conditions: {
         default: ""
       }
@@ -7903,37 +8670,37 @@ var ApiRequestBlockSpec = createReactBlockSpec5(
   {
     render: (props) => {
       const ixoProps = props;
-      return /* @__PURE__ */ React92.createElement(ApiRequestBlock, { ...ixoProps });
+      return /* @__PURE__ */ React96.createElement(ApiRequestBlock, { ...ixoProps });
     }
   }
 );
 
 // src/mantine/blocks/enumChecklist/EnumChecklistBlock.tsx
-import React99, { useState as useState25, useEffect as useEffect16, useMemo as useMemo13, useCallback as useCallback16 } 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 Flex19 } from "@mantine/core";
 
 // src/mantine/blocks/enumChecklist/oracle_personalities/index.tsx
-import React93 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 Flex18, 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__ */ React93.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__ */ React93.createElement(ListItemContainer, { key: id }, /* @__PURE__ */ React93.createElement(Flex18, { align: "center", gap: "sm" }, /* @__PURE__ */ React93.createElement(Image13, { radius: 16, w: 62, h: 62, src: icon, alt: name }), /* @__PURE__ */ React93.createElement(Stack70, { gap: 0 }, /* @__PURE__ */ React93.createElement(Text45, { size: "sm", fw: 500 }, name || "-"), description !== void 0 && /* @__PURE__ */ React93.createElement(Text45, { size: "sm", c: "dimmed" }, description))), /* @__PURE__ */ React93.createElement(Flex18, { align: "center", gap: "md" }, /* @__PURE__ */ React93.createElement(Stack70, { ta: "right", gap: 0 }, /* @__PURE__ */ React93.createElement(Text45, { size: "sm", fw: 500 }, "Voice"), /* @__PURE__ */ React93.createElement(Text45, { size: "sm", c: "dimmed" }, voice)), selectionMode && /* @__PURE__ */ React93.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${name}`, checked: isItemChecked?.(id), onCheck: (checked) => onItemCheck?.(id, checked) }))));
-  return /* @__PURE__ */ React93.createElement(Box17, { flex: 1 }, /* @__PURE__ */ React93.createElement(Stack70, null, rows));
+  const rows = items.map(({ id, name, description, voice, icon }) => /* @__PURE__ */ React97.createElement(ListItemContainer, { key: id }, /* @__PURE__ */ React97.createElement(Flex18, { 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(Flex18, { 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 React98, { 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 React94 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__ */ React94.createElement(Stack71, { gap: "xs", style: { height: "100%" } }, /* @__PURE__ */ React94.createElement(Stack71, { gap: "xs", style: { flex: 1 } }, steps.map((step) => /* @__PURE__ */ React94.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",
@@ -7950,13 +8717,13 @@ var ModalNavigation = ({ steps, activeStep, onStepChange, showUpdateButton = fal
         }
       }
     },
-    /* @__PURE__ */ React94.createElement(Stack71, { gap: 2, align: "flex-start" }, /* @__PURE__ */ React94.createElement(Text46, { size: "sm", fw: 500 }, step.label), /* @__PURE__ */ React94.createElement(Text46, { size: "xs", opacity: 0.7 }, step.description))
-  ))), showUpdateButton && /* @__PURE__ */ React94.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 React95 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 = {
@@ -8085,7 +8852,7 @@ function getEnumListItems(type) {
 // src/mantine/blocks/enumChecklist/EnumChecklistTypeSelection.tsx
 var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
   const enumListsMeta = getEnumListTypesMetadata();
-  return /* @__PURE__ */ React95.createElement(Stack72, { gap: "md" }, /* @__PURE__ */ React95.createElement("div", null, /* @__PURE__ */ React95.createElement(Text47, { size: "lg", fw: 600, mb: "xs" }, "Choose List Type"), /* @__PURE__ */ React95.createElement(Text47, { size: "sm", c: "dimmed" }, "Select the type of list you want to create")), /* @__PURE__ */ React95.createElement(Stack72, { gap: "sm" }, enumListsMeta.map((enumChecklistMeta) => /* @__PURE__ */ React95.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,
@@ -8098,8 +8865,8 @@ var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
       },
       onClick: () => onTypeSelect(enumChecklistMeta.id)
     },
-    /* @__PURE__ */ React95.createElement(Group26, { gap: "md", align: "flex-start" }, /* @__PURE__ */ React95.createElement(
-      Box18,
+    /* @__PURE__ */ React99.createElement(Group29, { gap: "md", align: "flex-start" }, /* @__PURE__ */ React99.createElement(
+      Box19,
       {
         style: {
           width: 48,
@@ -8114,36 +8881,36 @@ var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
         }
       },
       enumChecklistMeta.icon
-    ), /* @__PURE__ */ React95.createElement(Stack72, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React95.createElement(Text47, { size: "md", fw: 600 }, enumChecklistMeta.name), /* @__PURE__ */ React95.createElement(Text47, { size: "sm", c: "dimmed" }, enumChecklistMeta.description)))
-  ))), /* @__PURE__ */ React95.createElement(Group26, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React95.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 React96 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__ */ React96.createElement(OraclePersonalitiesEnumList, { items: getEnumListItems(listType) });
+        return /* @__PURE__ */ React100.createElement(OraclePersonalitiesEnumList, { items: getEnumListItems(listType) });
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ React96.createElement(Stack73, { gap: "md" }, /* @__PURE__ */ React96.createElement("div", null, /* @__PURE__ */ React96.createElement(Text48, { size: "lg", fw: 600, mb: "xs" }, "Preview ", getEnumListNameByType(listType)), /* @__PURE__ */ React96.createElement(Text48, { size: "sm", c: "dimmed" }, "Preview how your list will look with the current configuration")), /* @__PURE__ */ React96.createElement("div", { style: { maxHeight: "400px", overflow: "auto" } }, renderListComponent()), /* @__PURE__ */ React96.createElement(Group27, { justify: "space-between", mt: "md" }, /* @__PURE__ */ React96.createElement(Button21, { variant: "subtle", onClick: onPrev }, "Previous"), /* @__PURE__ */ React96.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 React97 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__ */ React97.createElement(
-          TextInput35,
+        return /* @__PURE__ */ React101.createElement(
+          TextInput36,
           {
             label: field.label,
             description: field.description,
@@ -8154,7 +8921,7 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
           }
         );
       case "switch":
-        return /* @__PURE__ */ React97.createElement(
+        return /* @__PURE__ */ React101.createElement(
           Switch4,
           {
             label: field.label,
@@ -8164,8 +8931,8 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
           }
         );
       case "select":
-        return /* @__PURE__ */ React97.createElement(
-          Select11,
+        return /* @__PURE__ */ React101.createElement(
+          Select13,
           {
             label: field.label,
             description: field.description,
@@ -8177,8 +8944,8 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
           }
         );
       default:
-        return /* @__PURE__ */ React97.createElement(
-          TextInput35,
+        return /* @__PURE__ */ React101.createElement(
+          TextInput36,
           {
             label: field.label,
             description: field.description,
@@ -8190,14 +8957,14 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
         );
     }
   };
-  return /* @__PURE__ */ React97.createElement(Stack74, { gap: "md" }, /* @__PURE__ */ React97.createElement("div", null, /* @__PURE__ */ React97.createElement(Text49, { size: "lg", fw: 600, mb: "xs" }, "Configure ", typeConfig.metadata.name), /* @__PURE__ */ React97.createElement(Text49, { size: "sm", c: "dimmed" }, typeConfig.metadata.description)), /* @__PURE__ */ React97.createElement(Stack74, { gap: "sm" }, configFields.map((field) => /* @__PURE__ */ React97.createElement("div", { key: field.key }, renderListConfigField(field)))), /* @__PURE__ */ React97.createElement(Group28, { justify: "space-between", mt: "md" }, /* @__PURE__ */ React97.createElement(Button22, { variant: "subtle", onClick: onPrev }, "Previous"), /* @__PURE__ */ React97.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);
@@ -8252,9 +9019,9 @@ var EnumChecklistConfigModal = ({ opened, onClose, onSave, initialConfig }) => {
   const renderStepContent = () => {
     switch (activeStep) {
       case "type":
-        return /* @__PURE__ */ React98.createElement(EnumChecklistTypeSelection, { selectedType, onTypeSelect: handleTypeSelect, onNext: () => setActiveStep("configure") });
+        return /* @__PURE__ */ React102.createElement(EnumChecklistTypeSelection, { selectedType, onTypeSelect: handleTypeSelect, onNext: () => setActiveStep("configure") });
       case "configure":
-        return selectedType ? /* @__PURE__ */ React98.createElement(
+        return selectedType ? /* @__PURE__ */ React102.createElement(
           EnumChecklistConfigurationStep,
           {
             enumChecklistType: selectedType,
@@ -8266,22 +9033,22 @@ var EnumChecklistConfigModal = ({ opened, onClose, onSave, initialConfig }) => {
           }
         ) : null;
       case "preview":
-        return selectedType ? /* @__PURE__ */ React98.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__ */ React98.createElement(Modal, { opened, onClose: handleClose, title: "Configure Enum Checklist Block", size: "xl" }, /* @__PURE__ */ React98.createElement(Group29, { align: "flex-start", gap: "lg", style: { minHeight: "400px" } }, /* @__PURE__ */ React98.createElement(Box19, { style: { width: "200px", flexShrink: 0, height: "400px", display: "flex" } }, /* @__PURE__ */ React98.createElement(ModalNavigation, { steps, activeStep, onStepChange: setActiveStep, showUpdateButton: selectedType !== null, onUpdateBlock: handleAddToBlock })), /* @__PURE__ */ React98.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__ */ React99.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 = useMemo13(() => {
+  const listConfig = useMemo17(() => {
     if (block.props.listConfig && block.props.listConfig !== "{}") {
       try {
         return JSON.parse(block.props.listConfig);
@@ -8292,7 +9059,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
     }
     return {};
   }, [block.props.listConfig]);
-  const selectedIds = useMemo13(() => {
+  const selectedIds = useMemo17(() => {
     if (block.props.selectedIds && block.props.selectedIds !== "[]") {
       try {
         return new Set(JSON.parse(block.props.selectedIds));
@@ -8303,7 +9070,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;
@@ -8312,13 +9079,13 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
       });
     }
   }, [listConfig?.selection_mode, selectedIds]);
-  const isItemChecked = useCallback16(
+  const isItemChecked = useCallback18(
     (id) => {
       return selectedIds.has(id);
     },
     [selectedIds]
   );
-  const onItemCheck = useCallback16(
+  const onItemCheck = useCallback18(
     (id, checked) => {
       const currentSelectedIds = Array.from(selectedIds);
       let newSelectedIds;
@@ -8361,7 +9128,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
     if (!listType) return null;
     switch (listType) {
       case "oracle_personalities":
-        return /* @__PURE__ */ React99.createElement(
+        return /* @__PURE__ */ React103.createElement(
           OraclePersonalitiesEnumList,
           {
             items: getEnumListItems(listType),
@@ -8374,7 +9141,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
         return null;
     }
   };
-  return /* @__PURE__ */ React99.createElement(Stack75, { w: "100%" }, listType && /* @__PURE__ */ React99.createElement(Flex19, { align: "center", justify: "space-between", gap: "xs" }, /* @__PURE__ */ React99.createElement(Text50, null, getEnumListNameByType(listType)), listConfig.listSelectionMode && /* @__PURE__ */ React99.createElement(Text50, { lh: 0.5, c: "dimmed" }, listConfig?.selection_mode === "single" ? "Single Selection" : "Multi Selection"), editable && /* @__PURE__ */ React99.createElement(Flex19, { justify: listType ? "space-between" : "flex-end" }, /* @__PURE__ */ React99.createElement(Flex19, { gap: "xs" }, /* @__PURE__ */ React99.createElement(ActionIcon13, { variant: "subtle", size: "sm", onClick: () => setModalOpened(true) }, /* @__PURE__ */ React99.createElement(IconSettings2, null))))), /* @__PURE__ */ React99.createElement(Flex19, { flex: 1 }, !listType ? /* @__PURE__ */ React99.createElement(Center3, { py: "xl" }, /* @__PURE__ */ React99.createElement(Stack75, { align: "center", gap: "sm" }, /* @__PURE__ */ React99.createElement(Text50, { size: "sm", c: "dimmed", ta: "center" }, "No list type configured"), /* @__PURE__ */ React99.createElement(Button23, { size: "sm", variant: "light", onClick: () => setModalOpened(true) }, "Configure List"))) : /* @__PURE__ */ React99.createElement(Stack75, { gap: "md", flex: 1 }, renderListComponent())), /* @__PURE__ */ React99.createElement(
+  return /* @__PURE__ */ React103.createElement(Stack77, { w: "100%" }, listType && /* @__PURE__ */ React103.createElement(Flex19, { 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(Flex19, { justify: listType ? "space-between" : "flex-end" }, /* @__PURE__ */ React103.createElement(Flex19, { gap: "xs" }, /* @__PURE__ */ React103.createElement(ActionIcon16, { variant: "subtle", size: "sm", onClick: () => setModalOpened(true) }, /* @__PURE__ */ React103.createElement(IconSettings2, null))))), /* @__PURE__ */ React103.createElement(Flex19, { 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,
@@ -8406,28 +9173,28 @@ var EnumChecklistBlock = createReactBlockSpec6(
     content: "none"
   },
   {
-    render: (props) => /* @__PURE__ */ React99.createElement(EnumChecklistBlockContent, { ...props })
+    render: (props) => /* @__PURE__ */ React103.createElement(EnumChecklistBlockContent, { ...props })
   }
 );
 
 // src/mantine/blocks/notify/NotifyBlockSpec.tsx
-import React105 from "react";
+import React109 from "react";
 import { createReactBlockSpec as createReactBlockSpec7 } from "@blocknote/react";
 
 // src/mantine/blocks/notify/NotifyBlock.tsx
-import React104 from "react";
+import React108 from "react";
 
 // src/mantine/blocks/notify/template/TemplateView.tsx
-import React102, { useMemo as useMemo14 } from "react";
+import React106, { useMemo as useMemo18 } from "react";
 
 // src/mantine/blocks/notify/template/TemplateConfig.tsx
-import React101, { useCallback as useCallback17 } 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 React100, { 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,
@@ -8450,30 +9217,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;
@@ -8499,8 +9268,8 @@ var GeneralTab5 = ({
     setter(newRecipients);
     callback(newRecipients);
   };
-  return /* @__PURE__ */ React100.createElement(Stack76, { gap: "lg" }, /* @__PURE__ */ React100.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React100.createElement(Text51, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React100.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,
@@ -8510,8 +9279,8 @@ var GeneralTab5 = ({
         onTitleChange(newTitle);
       }
     }
-  )), /* @__PURE__ */ React100.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React100.createElement(Text51, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React100.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,
@@ -8522,8 +9291,8 @@ var GeneralTab5 = ({
         onDescriptionChange(newDescription);
       }
     }
-  )), /* @__PURE__ */ React100.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React100.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React100.createElement(Text51, { size: "sm", fw: 600 }, "Channel"), /* @__PURE__ */ React100.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) => {
@@ -8538,24 +9307,38 @@ var GeneralTab5 = ({
         { value: "rcs", label: "RCS (Coming Soon)", disabled: true }
       ]
     }
-  )), /* @__PURE__ */ React100.createElement(Divider6, { variant: "dashed" }), localChannel === "email" && /* @__PURE__ */ React100.createElement(React100.Fragment, null, /* @__PURE__ */ React100.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React100.createElement(Group30, { justify: "space-between" }, /* @__PURE__ */ React100.createElement(Text51, { size: "sm", fw: 600 }, "To (Recipients)"), /* @__PURE__ */ React100.createElement(Button24, { size: "xs", leftSection: /* @__PURE__ */ React100.createElement(IconPlus2, { size: 14 }), onClick: () => handleAddRecipient("to") }, "Add")), localTo.length === 0 && /* @__PURE__ */ React100.createElement(Text51, { size: "xs", c: "dimmed" }, "No recipients added yet"), /* @__PURE__ */ React100.createElement(Stack76, { gap: "xs" }, localTo.map((recipient, index) => /* @__PURE__ */ React100.createElement(Paper10, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React100.createElement(Group30, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React100.createElement(TextInput36, { style: { flex: 1 }, placeholder: "email@example.com", value: recipient, onChange: (e) => handleRecipientChange("to", index, e.currentTarget.value) }), /* @__PURE__ */ React100.createElement(ActionIcon14, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("to", index) }, /* @__PURE__ */ React100.createElement(IconTrash2, { size: 16 }))))))), /* @__PURE__ */ React100.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React100.createElement(Group30, { justify: "space-between" }, /* @__PURE__ */ React100.createElement(Text51, { size: "sm", fw: 600 }, "CC (Optional)"), /* @__PURE__ */ React100.createElement(Button24, { size: "xs", leftSection: /* @__PURE__ */ React100.createElement(IconPlus2, { size: 14 }), onClick: () => handleAddRecipient("cc") }, "Add")), localCc.length > 0 && /* @__PURE__ */ React100.createElement(Stack76, { gap: "xs" }, localCc.map((recipient, index) => /* @__PURE__ */ React100.createElement(Paper10, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React100.createElement(Group30, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React100.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,
     {
-      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("to", index, value),
+      editorDocument: editor?.document || [],
+      currentBlockId: blockId,
+      size: "sm"
     }
-  ), /* @__PURE__ */ React100.createElement(ActionIcon14, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("cc", index) }, /* @__PURE__ */ React100.createElement(IconTrash2, { size: 16 }))))))), /* @__PURE__ */ React100.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React100.createElement(Group30, { justify: "space-between" }, /* @__PURE__ */ React100.createElement(Text51, { size: "sm", fw: 600 }, "BCC (Optional)"), /* @__PURE__ */ React100.createElement(Button24, { size: "xs", leftSection: /* @__PURE__ */ React100.createElement(IconPlus2, { size: 14 }), onClick: () => handleAddRecipient("bcc") }, "Add")), localBcc.length > 0 && /* @__PURE__ */ React100.createElement(Stack76, { gap: "xs" }, localBcc.map((recipient, index) => /* @__PURE__ */ React100.createElement(Paper10, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React100.createElement(Group30, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React100.createElement(
-    TextInput36,
+  ), /* @__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("bcc", index, e.currentTarget.value)
+      onChange: (value) => handleRecipientChange("cc", index, value),
+      editorDocument: editor?.document || [],
+      currentBlockId: blockId,
+      size: "sm"
     }
-  ), /* @__PURE__ */ React100.createElement(ActionIcon14, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("bcc", index) }, /* @__PURE__ */ React100.createElement(IconTrash2, { size: 16 }))))))), /* @__PURE__ */ React100.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React100.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React100.createElement(Text51, { size: "sm", fw: 600 }, "From (Optional)"), /* @__PURE__ */ React100.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,
+    {
+      placeholder: "email@example.com or reference",
+      value: recipient,
+      onChange: (value) => handleRecipientChange("bcc", index, value),
+      editorDocument: editor?.document || [],
+      currentBlockId: blockId,
+      size: "sm"
+    }
+  ), /* @__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,
@@ -8565,8 +9348,8 @@ var GeneralTab5 = ({
         onFromChange(newFrom);
       }
     }
-  ), /* @__PURE__ */ React100.createElement(Text51, { size: "xs", c: "dimmed" }, "Custom sender email address")), /* @__PURE__ */ React100.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React100.createElement(Text51, { size: "sm", fw: 600 }, "Reply-To (Optional)"), /* @__PURE__ */ React100.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,
@@ -8576,8 +9359,8 @@ var GeneralTab5 = ({
         onReplyToChange(newReplyTo);
       }
     }
-  ), /* @__PURE__ */ React100.createElement(Text51, { size: "xs", c: "dimmed" }, "Where replies should be sent")), /* @__PURE__ */ React100.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React100.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React100.createElement(Text51, { size: "sm", fw: 600 }, "Subject"), /* @__PURE__ */ React100.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,
@@ -8587,8 +9370,8 @@ var GeneralTab5 = ({
         onSubjectChange(newSubject);
       }
     }
-  )), /* @__PURE__ */ React100.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React100.createElement(Text51, { size: "sm", fw: 600 }, "Body Type"), /* @__PURE__ */ React100.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) => {
@@ -8601,8 +9384,8 @@ var GeneralTab5 = ({
         { value: "html", label: "HTML" }
       ]
     }
-  )), /* @__PURE__ */ React100.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React100.createElement(Text51, { size: "sm", fw: 600 }, "Body"), /* @__PURE__ */ React100.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,
@@ -8613,13 +9396,13 @@ var GeneralTab5 = ({
         onBodyChange(newBody);
       }
     }
-  ), /* @__PURE__ */ React100.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 = useCallback17(
+  const updateProp = useCallback19(
     (key, value) => {
       editor.updateBlock(block, {
         props: {
@@ -8630,26 +9413,26 @@ var TemplateConfig5 = ({ editor, block }) => {
     },
     [editor, block]
   );
-  const handleToChange = useCallback17(
+  const handleToChange = useCallback19(
     (to) => {
       updateProp("to", JSON.stringify(to));
     },
     [updateProp]
   );
-  const handleCcChange = useCallback17(
+  const handleCcChange = useCallback19(
     (cc) => {
       updateProp("cc", JSON.stringify(cc));
     },
     [updateProp]
   );
-  const handleBccChange = useCallback17(
+  const handleBccChange = useCallback19(
     (bcc) => {
       updateProp("bcc", JSON.stringify(bcc));
     },
     [updateProp]
   );
-  return /* @__PURE__ */ React101.createElement(
-    Paper11,
+  return /* @__PURE__ */ React105.createElement(
+    Paper12,
     {
       p: "md",
       shadow: "sm",
@@ -8659,7 +9442,7 @@ var TemplateConfig5 = ({ editor, block }) => {
         flexDirection: "column"
       }
     },
-    /* @__PURE__ */ React101.createElement(
+    /* @__PURE__ */ React105.createElement(
       "div",
       {
         style: {
@@ -8669,17 +9452,17 @@ var TemplateConfig5 = ({ editor, block }) => {
           marginBottom: "1rem"
         }
       },
-      /* @__PURE__ */ React101.createElement(Title8, { order: 3 }, "Notification Settings"),
-      /* @__PURE__ */ React101.createElement(CloseButton7, { onClick: closePanel })
+      /* @__PURE__ */ React105.createElement(Title8, { order: 3 }, "Notification Settings"),
+      /* @__PURE__ */ React105.createElement(CloseButton7, { onClick: closePanel })
     ),
-    /* @__PURE__ */ React101.createElement(
+    /* @__PURE__ */ React105.createElement(
       ReusablePanel,
       {
         extraTabs: [
           {
             label: "General",
             value: "general",
-            content: /* @__PURE__ */ React101.createElement(
+            content: /* @__PURE__ */ React105.createElement(
               GeneralTab5,
               {
                 title: block.props.title || "",
@@ -8721,7 +9504,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
               }
             )
           }
@@ -8733,11 +9518,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 = useMemo14(() => /* @__PURE__ */ React102.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 = (() => {
@@ -8762,17 +9547,17 @@ var NotifyTemplateView = ({ editor, block }) => {
         return "gray";
     }
   };
-  return /* @__PURE__ */ React102.createElement(Card22, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React102.createElement(Badge12, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React102.createElement(Group31, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React102.createElement(Group31, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React102.createElement(ActionIcon15, { variant: "light", color: getChannelColor(channel), size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "bell")), /* @__PURE__ */ React102.createElement(Stack77, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React102.createElement(Group31, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React102.createElement(Badge12, { size: "sm", variant: "filled", color: getChannelColor(channel) }, channel.toUpperCase()), /* @__PURE__ */ React102.createElement(Text52, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Notification")), /* @__PURE__ */ React102.createElement(Text52, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, to.length > 0 ? `To: ${to.join(", ")}` : "Click to configure recipients"), block.props.description && /* @__PURE__ */ React102.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 React103, { 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();
@@ -8835,17 +9620,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;
@@ -8873,20 +9666,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__ */ React103.createElement(
-    Button25,
+  const sendButton = /* @__PURE__ */ React107.createElement(
+    Button27,
     {
       size: "sm",
       variant: "light",
       color: getChannelColor(channel),
-      leftSection: isLoading ? /* @__PURE__ */ React103.createElement(Loader5, { size: 14 }) : status === "sent" ? /* @__PURE__ */ React103.createElement(IconCheck, { size: 14 }) : /* @__PURE__ */ React103.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__ */ React103.createElement(Card23, { withBorder: true, padding: "md", radius: "md", style: { width: "100%" } }, /* @__PURE__ */ React103.createElement(Stack78, { gap: "md" }, /* @__PURE__ */ React103.createElement(Group32, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React103.createElement(Group32, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, /* @__PURE__ */ React103.createElement(ActionIcon16, { variant: "light", color: getChannelColor(channel), size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "bell")), /* @__PURE__ */ React103.createElement(Stack78, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React103.createElement(Group32, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React103.createElement(Badge13, { size: "sm", variant: "filled", color: getChannelColor(channel) }, channel.toUpperCase()), /* @__PURE__ */ React103.createElement(Text53, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Notification"), status !== "idle" && /* @__PURE__ */ React103.createElement(Badge13, { size: "xs", variant: "dot", color: getStatusColor(status) }, status)), /* @__PURE__ */ React103.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__ */ React103.createElement(Text53, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React103.createElement(Group32, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React103.createElement(Tooltip5, { label: isDisabled.message, position: "left", withArrow: true }, sendButton) : sendButton, /* @__PURE__ */ React103.createElement(ActionIcon16, { variant: "subtle", onClick: () => setShowDetails(!showDetails) }, showDetails ? /* @__PURE__ */ React103.createElement(IconChevronUp3, { size: 16 }) : /* @__PURE__ */ React103.createElement(IconChevronDown3, { size: 16 })))), status === "failed" && block.props.errorMessage && /* @__PURE__ */ React103.createElement(Alert10, { color: "red", icon: /* @__PURE__ */ React103.createElement(IconX, { size: 16 }), title: "Failed to send", styles: { message: { fontSize: "12px" } } }, block.props.errorMessage), status === "sent" && block.props.messageId && /* @__PURE__ */ React103.createElement(Alert10, { color: "green", icon: /* @__PURE__ */ React103.createElement(IconCheck, { size: 16 }), title: "Sent successfully", styles: { message: { fontSize: "12px" } } }, "Message ID: ", block.props.messageId, block.props.sentAt && /* @__PURE__ */ React103.createElement(React103.Fragment, null, /* @__PURE__ */ React103.createElement("br", null), "Sent at: ", new Date(block.props.sentAt).toLocaleString())), /* @__PURE__ */ React103.createElement(Collapse3, { in: showDetails }, /* @__PURE__ */ React103.createElement(Stack78, { gap: "md" }, channel === "email" && /* @__PURE__ */ React103.createElement(React103.Fragment, null, /* @__PURE__ */ React103.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React103.createElement(Text53, { size: "xs", fw: 600, c: "dimmed" }, "Recipients:"), /* @__PURE__ */ React103.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() !== "") },
@@ -8894,7 +9687,7 @@ var NotifyFlowView = ({ editor, block, isDisabled }) => {
     },
     null,
     2
-  ))), block.props.subject && /* @__PURE__ */ React103.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React103.createElement(Text53, { size: "xs", fw: 600, c: "dimmed" }, "Subject:"), /* @__PURE__ */ React103.createElement(Text53, { size: "xs" }, block.props.subject)), block.props.body && /* @__PURE__ */ React103.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React103.createElement(Text53, { size: "xs", fw: 600, c: "dimmed" }, "Body (", block.props.bodyType || "text", "):"), /* @__PURE__ */ React103.createElement(Code2, { block: true, style: { fontSize: "11px", maxHeight: "200px", overflow: "auto" } }, block.props.body)), (block.props.from || block.props.replyTo) && /* @__PURE__ */ React103.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React103.createElement(Text53, { size: "xs", fw: 600, c: "dimmed" }, "Additional:"), /* @__PURE__ */ React103.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 }
@@ -8909,7 +9702,7 @@ function NotifyBlock({ editor, block }) {
   const { editable } = useBlocknoteContext();
   const { actions } = useBlockConditions(block, editor);
   if (editable) {
-    return /* @__PURE__ */ React104.createElement(NotifyTemplateView, { editor, block });
+    return /* @__PURE__ */ React108.createElement(NotifyTemplateView, { editor, block });
   }
   const conditionConfig = parseConditionConfig(block.props.conditions);
   const hasVisibility = hasVisibilityConditions(conditionConfig);
@@ -8921,7 +9714,7 @@ function NotifyBlock({ editor, block }) {
   const hasEnable = hasEnableConditions(conditionConfig);
   const enableActionExists = actions.some((a) => a.action === "enable");
   const shouldDisable = hasEnable && !enableActionExists;
-  return /* @__PURE__ */ React104.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
@@ -8965,11 +9758,20 @@ var NotifyBlockSpec = createReactBlockSpec7(
   {
     render: (props) => {
       const ixoProps = props;
-      return /* @__PURE__ */ React105.createElement(NotifyBlock, { ...ixoProps });
+      return /* @__PURE__ */ React109.createElement(NotifyBlock, { ...ixoProps });
     }
   }
 );
 
+// src/mantine/blocks/list/ui/ListBlocksToolbar.tsx
+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__ */ 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
 var BlockRegistry = class {
   constructor() {
@@ -9096,10 +9898,10 @@ blockRegistry.register({
 });
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo15, useEffect as useEffect18, useState as useState28, useCallback as useCallback18 } 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 useMemo16 } from "react";
+import { useMemo as useMemo20 } from "react";
 
 // src/mantine/blocks/index.ts
 var blockSpecs = {
@@ -9203,31 +10005,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: () => {
@@ -9252,28 +10029,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: () => {
@@ -9345,7 +10100,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;
 };
@@ -9418,15 +10173,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 useRef3, useCallback as useCallback19, useMemo as useMemo17 } 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 isMountedRef = useRef3(true);
-  const providerRef = useRef3(null);
-  const retryTimeoutRef = useRef3(null);
-  const providerOptions = useMemo17(
+  const [matrixProvider, setProvider] = useState31(null);
+  const [status, setStatus] = useState31("disconnected");
+  const isMountedRef = useRef4(true);
+  const providerRef = useRef4(null);
+  const retryTimeoutRef = useRef4(null);
+  const providerOptions = useMemo21(
     () => ({
       translator: {
         updateEventType: "matrix-crdt.doc_update",
@@ -9439,22 +10194,22 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
     }),
     []
   );
-  const handleDocumentAvailable = useCallback19(() => {
+  const handleDocumentAvailable = useCallback21(() => {
     if (isMountedRef.current) {
       setStatus("connected");
     }
   }, []);
-  const handleDocumentUnavailable = useCallback19(() => {
+  const handleDocumentUnavailable = useCallback21(() => {
     if (isMountedRef.current) {
       setStatus("failed");
     }
   }, []);
-  const handleCanWriteChanged = useCallback19(() => {
+  const handleCanWriteChanged = useCallback21(() => {
     if (isMountedRef.current && providerRef.current) {
       setStatus(providerRef.current.canWrite ? "connected" : "failed");
     }
   }, []);
-  const initProvider = useCallback19(async () => {
+  const initProvider = useCallback21(async () => {
     if (!isMountedRef.current) return;
     if (retryTimeoutRef.current) {
       clearTimeout(retryTimeoutRef.current);
@@ -9488,7 +10243,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       }
     }
   }, [matrixClient, providerOptions, handleDocumentAvailable, handleDocumentUnavailable, handleCanWriteChanged]);
-  useEffect19(() => {
+  useEffect20(() => {
     isMountedRef.current = true;
     initProvider();
     return () => {
@@ -9505,7 +10260,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       setStatus("disconnected");
     };
   }, [initProvider]);
-  useEffect19(() => {
+  useEffect20(() => {
     return () => {
       isMountedRef.current = false;
     };
@@ -9514,17 +10269,17 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
 }
 
 // src/mantine/hooks/useCollaborativeYDoc.ts
-import { useMemo as useMemo18 } from "react";
+import { useMemo as useMemo22 } from "react";
 import * as Y from "yjs";
 function useCollaborativeYDoc(_options) {
-  return useMemo18(() => {
+  return useMemo22(() => {
     const doc = new Y.Doc();
     return doc;
   }, []);
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo19, useEffect as useEffect20 } from "react";
+import { useMemo as useMemo23, useEffect as useEffect21 } from "react";
 function useCreateCollaborativeIxoEditor(options) {
   const yDoc = useCollaborativeYDoc(options);
   const {
@@ -9542,7 +10297,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     permissions = { write: false }
   } = options || {};
-  const memoizedUser = useMemo19(
+  const memoizedUser = useMemo23(
     () => ({
       id: user?.id || "",
       name: user?.name || "",
@@ -9557,7 +10312,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     roomId: options.roomId
   });
-  const defaultUploadFile = useMemo19(
+  const defaultUploadFile = useMemo23(
     () => uploadFile || (async (file) => {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -9571,7 +10326,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [uploadFile]
   );
-  const schema = useMemo19(
+  const schema = useMemo23(
     () => BlockNoteSchema2.create({
       blockSpecs: {
         ...defaultBlockSpecs2,
@@ -9586,11 +10341,11 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     []
   );
-  const root = useMemo19(() => yDoc.getMap("root"), [yDoc]);
-  const documentFragment = useMemo19(() => yDoc.getXmlFragment("document"), [yDoc]);
-  const flowArray = useMemo19(() => yDoc.getArray("flow"), [yDoc]);
-  const userFragment = useMemo19(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
-  const collaborationConfig = useMemo19(
+  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,
@@ -9602,7 +10357,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [matrixProvider, documentFragment, memoizedUser.name, memoizedUser.color]
   );
-  const ixoConfig = useMemo19(
+  const ixoConfig = useMemo23(
     () => ({
       theme,
       editable,
@@ -9621,7 +10376,7 @@ function useCreateCollaborativeIxoEditor(options) {
     uploadFile: defaultUploadFile,
     collaboration: collaborationConfig
   });
-  const titleText = useMemo19(() => yDoc.getText("title"), [yDoc]);
+  const titleText = useMemo23(() => yDoc.getText("title"), [yDoc]);
   let ixoEditor;
   if (editor) {
     ixoEditor = editor;
@@ -9680,15 +10435,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;
     }
@@ -9722,19 +10478,19 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/IxoEditor.tsx
-import React107 from "react";
+import React112 from "react";
 import { getDefaultReactSlashMenuItems, SuggestionMenuController } from "@blocknote/react";
 import { BlockNoteView } from "@blocknote/mantine";
 import { filterSuggestionItems } from "@blocknote/core";
-import { MantineProvider } from "@mantine/core";
+import { Flex as Flex20, MantineProvider, Text as Text56 } from "@mantine/core";
 
 // src/mantine/components/PanelContent.tsx
-import React106 from "react";
+import React111 from "react";
 function PanelContent() {
   const { activePanel, registeredPanels } = usePanelStore();
   const isOpen = activePanel !== null;
   const content = activePanel ? registeredPanels.get(activePanel) : null;
-  return /* @__PURE__ */ React106.createElement(
+  return /* @__PURE__ */ React111.createElement(
     "div",
     {
       style: {
@@ -9758,7 +10514,7 @@ function IxoEditorContent({
   onSelectionChange,
   children
 }) {
-  return /* @__PURE__ */ React107.createElement("div", { style: { display: "flex", height: "100%" } }, /* @__PURE__ */ React107.createElement("div", { className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`, style: { flex: 1 } }, /* @__PURE__ */ React107.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,
@@ -9773,7 +10529,7 @@ function IxoEditorContent({
       onChange,
       onSelectionChange
     },
-    config.slashMenu && /* @__PURE__ */ React107.createElement(
+    config.slashMenu && /* @__PURE__ */ React112.createElement(
       SuggestionMenuController,
       {
         triggerCharacter: "/",
@@ -9785,7 +10541,7 @@ function IxoEditorContent({
       }
     ),
     children
-  )), /* @__PURE__ */ React107.createElement(PanelContent, null));
+  )), /* @__PURE__ */ React112.createElement(PanelContent, null));
 }
 function IxoEditor({
   editor,
@@ -9811,9 +10567,9 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React107.createElement(BlocknoteProvider, { editor, handlers, blockRequirements, editable: isEditable }, /* @__PURE__ */ React107.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(Flex20, { 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__ */ React107.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
+    return /* @__PURE__ */ React112.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
   return editorContent;
 }
@@ -9897,4 +10653,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-HNGZPIVW.mjs.map
+//# sourceMappingURL=chunk-NWID2DZ5.mjs.map