@ixo/editor 1.8.0 → 1.8.2

package/dist/{chunk-HCXEWG4Z.mjs → chunk-NJ34FIYQ.mjs}

@@ -247,14 +247,10 @@ function getBlockDisplayName(block) {
   return `${block.type} (${block.id.slice(0, 8)}...)`;
 }
 function hasVisibilityConditions(conditionConfig) {
-  return conditionConfig.conditions.some(
-    (c) => c.effect.action === "show" || c.effect.action === "hide"
-  );
+  return conditionConfig.conditions.some((c) => c.effect.action === "show" || c.effect.action === "hide");
 }
 function hasEnableConditions(conditionConfig) {
-  return conditionConfig.conditions.some(
-    (c) => c.effect.action === "enable" || c.effect.action === "disable"
-  );
+  return conditionConfig.conditions.some((c) => c.effect.action === "enable" || c.effect.action === "disable");
 }
 
 // src/mantine/blocks/components/ConditionBuilder/ConditionBuilderTab.tsx
@@ -416,12 +412,7 @@ function getPropertyByName(blockType, propertyName) {
 // src/mantine/blocks/components/ConditionBuilder/PropertyValueInput.tsx
 import React2, { useCallback as useCallback2 } from "react";
 import { TextInput, NumberInput, Switch, Select, Stack } from "@mantine/core";
-function PropertyValueInput({
-  property,
-  value,
-  onChange,
-  disabled = false
-}) {
+function PropertyValueInput({ property, value, onChange, disabled = false }) {
   const handleStringChange = useCallback2(
     (event) => {
       onChange(event.currentTarget.value);
@@ -455,26 +446,9 @@ function PropertyValueInput({
   }
   switch (property.type) {
     case "boolean":
-      return /* @__PURE__ */ React2.createElement(Stack, { gap: 4 }, /* @__PURE__ */ React2.createElement(
-        Switch,
-        {
-          label: "Value",
-          checked: Boolean(value),
-          onChange: handleBooleanChange,
-          disabled
-        }
-      ));
+      return /* @__PURE__ */ React2.createElement(Stack, { gap: 4 }, /* @__PURE__ */ React2.createElement(Switch, { label: "Value", checked: Boolean(value), onChange: handleBooleanChange, disabled }));
     case "number":
-      return /* @__PURE__ */ React2.createElement(
-        NumberInput,
-        {
-          label: "Value",
-          placeholder: "Enter number...",
-          value: typeof value === "number" ? value : 0,
-          onChange: handleNumberChange,
-          disabled
-        }
-      );
+      return /* @__PURE__ */ React2.createElement(NumberInput, { label: "Value", placeholder: "Enter number...", value: typeof value === "number" ? value : 0, onChange: handleNumberChange, disabled });
     case "select":
       if (!property.selectOptions) {
         return /* @__PURE__ */ React2.createElement(TextInput, { label: "Value", placeholder: "No options available", disabled: true });
@@ -483,39 +457,15 @@ function PropertyValueInput({
         value: String(option.value),
         label: option.label
       }));
-      return /* @__PURE__ */ React2.createElement(
-        Select,
-        {
-          label: "Value",
-          placeholder: "Select value...",
-          data: selectData,
-          value: String(value),
-          onChange: handleSelectChange,
-          disabled
-        }
-      );
+      return /* @__PURE__ */ React2.createElement(Select, { label: "Value", placeholder: "Select value...", data: selectData, value: String(value), onChange: handleSelectChange, disabled });
     case "string":
     default:
-      return /* @__PURE__ */ React2.createElement(
-        TextInput,
-        {
-          label: "Value",
-          placeholder: "Enter text...",
-          value: String(value),
-          onChange: handleStringChange,
-          disabled
-        }
-      );
+      return /* @__PURE__ */ React2.createElement(TextInput, { label: "Value", placeholder: "Enter text...", value: String(value), onChange: handleStringChange, disabled });
   }
 }
 
 // src/mantine/blocks/components/ConditionBuilder/ConditionRow.tsx
-function ConditionRow({
-  condition,
-  availableBlocks,
-  onUpdate,
-  onDelete
-}) {
+function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
   console.log("[ConditionRow] Props:", {
     conditionId: condition.id,
     sourceBlockId: condition.sourceBlockId,
@@ -545,10 +495,7 @@ function ConditionRow({
       );
     }
     if (selectedProperty.type === "number") {
-      baseOperators.push(
-        { value: "greater_than", label: "greater than" },
-        { value: "less_than", label: "less than" }
-      );
+      baseOperators.push({ value: "greater_than", label: "greater than" }, { value: "less_than", label: "less than" });
     }
     return baseOperators;
   }, [selectedProperty]);
@@ -668,35 +615,7 @@ function ConditionRow({
     { value: "show", label: "Show block" }
   ];
   const currentBlockValue = condition.sourceBlockId && condition.sourceBlockType ? `${condition.sourceBlockType}:${condition.sourceBlockId}` : "";
-  return /* @__PURE__ */ React3.createElement(Card, { withBorder: true, p: "md" }, /* @__PURE__ */ React3.createElement(Stack2, { gap: "sm" }, /* @__PURE__ */ React3.createElement(
-    TextInput2,
-    {
-      label: "Condition name",
-      placeholder: "e.g., User must acknowledge terms",
-      value: condition.name,
-      onChange: (e) => handleNameChange(e.currentTarget.value)
-    }
-  ), /* @__PURE__ */ React3.createElement(
-    Select2,
-    {
-      label: "Check this block",
-      placeholder: "Select a block...",
-      data: blockSelectData,
-      value: currentBlockValue,
-      onChange: handleSourceBlockChange,
-      searchable: true,
-      clearable: true
-    }
-  ), condition.sourceBlockType && /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(Group, { grow: true }, /* @__PURE__ */ React3.createElement(
-    Select2,
-    {
-      label: "Property",
-      placeholder: "Select property...",
-      data: propertySelectData,
-      value: condition.rule.property,
-      onChange: handlePropertyChange
-    }
-  ), /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React3.createElement(Card, { withBorder: true, p: "md" }, /* @__PURE__ */ React3.createElement(Stack2, { gap: "sm" }, /* @__PURE__ */ React3.createElement(TextInput2, { label: "Condition name", placeholder: "e.g., User must acknowledge terms", value: condition.name, onChange: (e) => handleNameChange(e.currentTarget.value) }), /* @__PURE__ */ React3.createElement(Select2, { label: "Check this block", placeholder: "Select a block...", data: blockSelectData, value: currentBlockValue, onChange: handleSourceBlockChange, searchable: true, clearable: true }), condition.sourceBlockType && /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(Group, { grow: true }, /* @__PURE__ */ React3.createElement(Select2, { label: "Property", placeholder: "Select property...", data: propertySelectData, value: condition.rule.property, onChange: handlePropertyChange }), /* @__PURE__ */ React3.createElement(
     Select2,
     {
       label: "Operator",
@@ -714,16 +633,7 @@ function ConditionRow({
       onChange: handleValueChange,
       disabled: !condition.rule.property || !condition.rule.operator
     }
-  ))), /* @__PURE__ */ React3.createElement(Group, { grow: true }, /* @__PURE__ */ React3.createElement(
-    Select2,
-    {
-      label: "Action",
-      placeholder: "Select action...",
-      data: actionSelectData,
-      value: condition.effect.action,
-      onChange: handleActionChange
-    }
-  )), /* @__PURE__ */ React3.createElement(
+  ))), /* @__PURE__ */ React3.createElement(Group, { grow: true }, /* @__PURE__ */ React3.createElement(Select2, { label: "Action", placeholder: "Select action...", data: actionSelectData, value: condition.effect.action, onChange: handleActionChange })), /* @__PURE__ */ React3.createElement(
     TextInput2,
     {
       label: "Message (optional)",
@@ -848,16 +758,7 @@ function ConditionsTab({ block, editor }) {
         onDelete: () => handleDeleteCondition(index)
       }
     );
-  })), /* @__PURE__ */ React5.createElement(
-    Button3,
-    {
-      variant: "outline",
-      onClick: handleAddCondition,
-      disabled: availableBlocks.length === 0,
-      fullWidth: true
-    },
-    "Add Condition"
-  ), availableBlocks.length === 0 && /* @__PURE__ */ React5.createElement(Alert2, { color: "blue", title: "No blocks available for conditions" }, 'Add other blocks to the editor (checkbox, proposal, etc.) to create conditions that depend on them. The "Add Condition" button will become enabled once other blocks are available.'));
+  })), /* @__PURE__ */ React5.createElement(Button3, { variant: "outline", onClick: handleAddCondition, disabled: availableBlocks.length === 0, fullWidth: true }, "Add Condition"), availableBlocks.length === 0 && /* @__PURE__ */ React5.createElement(Alert2, { color: "blue", title: "No blocks available for conditions" }, 'Add other blocks to the editor (checkbox, proposal, etc.) to create conditions that depend on them. The "Add Condition" button will become enabled once other blocks are available.'));
 }
 
 // src/mantine/components/ReusablePanel.tsx
@@ -1135,14 +1036,7 @@ import { Card as Card2, Checkbox, Group as Group2, Stack as Stack6, Text as Text
 
 // src/mantine/utils/iconMap.tsx
 import React9 from "react";
-import {
-  IconSquareCheck,
-  IconFileText,
-  IconCheckbox,
-  IconNote,
-  IconChecklist,
-  IconThumbUp
-} from "@tabler/icons-react";
+import { IconSquareCheck, IconFileText, IconCheckbox, IconNote, IconChecklist, IconThumbUp } from "@tabler/icons-react";
 var ICON_MAP = {
   "square-check": IconSquareCheck,
   "file-text": IconFileText,
@@ -1191,17 +1085,7 @@ var CheckboxFlowView = ({ editor, block, isDisabled }) => {
       onClick: (e) => e.stopPropagation()
     }
   );
-  return /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(Card3, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer" } }, /* @__PURE__ */ React11.createElement(Group3, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React11.createElement(Group3, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React11.createElement(
-    ActionIcon2,
-    {
-      variant: "light",
-      color: "blue",
-      size: "lg",
-      radius: "xl",
-      style: { flexShrink: 0 }
-    },
-    getIcon(block.props.icon, 18, 1.5, "square-check")
-  ), /* @__PURE__ */ React11.createElement(Stack7, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React11.createElement(Text5, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Checkbox Title"), /* @__PURE__ */ React11.createElement(Text5, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description || "Checkbox description"))), disabled && isDisabled?.message ? /* @__PURE__ */ React11.createElement(Tooltip, { label: isDisabled.message, position: "left", withArrow: true }, checkboxElement) : checkboxElement)));
+  return /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(Card3, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer" } }, /* @__PURE__ */ React11.createElement(Group3, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React11.createElement(Group3, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React11.createElement(ActionIcon2, { variant: "light", color: "blue", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "square-check")), /* @__PURE__ */ React11.createElement(Stack7, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React11.createElement(Text5, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Checkbox Title"), /* @__PURE__ */ React11.createElement(Text5, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description || "Checkbox description"))), disabled && isDisabled?.message ? /* @__PURE__ */ React11.createElement(Tooltip, { label: isDisabled.message, position: "left", withArrow: true }, checkboxElement) : checkboxElement)));
 };
 
 // src/mantine/blocks/hooks/useBlockConditions.ts
@@ -1307,9 +1191,7 @@ function evaluateBlockConditions(conditionConfig, editorDocument, currentUser) {
   }
   const normalizedConditions = normalizeConditions(conditionConfig.conditions);
   const evaluationResults = normalizedConditions.map((condition) => {
-    const sourceBlock = editorDocument.find(
-      (block) => block.id === condition.sourceBlockId && block.type === condition.sourceBlockType
-    );
+    const sourceBlock = editorDocument.find((block) => block.id === condition.sourceBlockId && block.type === condition.sourceBlockType);
     const result = evaluateCondition(condition, sourceBlock, currentUser);
     return {
       condition,
@@ -1447,18 +1329,23 @@ var CheckboxBlockSpec = createReactBlockSpec(
   }
 );
 
-// src/mantine/blocks/list/ListBlock.tsx
-import React37, { useState as useState6, useEffect as useEffect6, useMemo as useMemo6, useCallback as useCallback8 } from "react";
+// src/mantine/blocks/list/ListBlockSpec.tsx
+import React37 from "react";
 import { createReactBlockSpec as createReactBlockSpec2 } from "@blocknote/react";
-import { Group as Group8, Stack as Stack24, Text as Text24, Button as Button8, ActionIcon as ActionIcon3, Alert as Alert4, Loader as Loader2, Center as Center2, Flex as Flex14 } from "@mantine/core";
 
-// src/mantine/blocks/list/modal/ListConfigModal.tsx
-import React34, { useState as useState5 } from "react";
-import { Modal, Group as Group7, Box as Box14 } from "@mantine/core";
+// src/mantine/blocks/list/ListBlock.tsx
+import React36 from "react";
+
+// src/mantine/blocks/list/template/TemplateView.tsx
+import React16, { useMemo as useMemo6 } from "react";
+
+// src/mantine/blocks/list/template/TemplateConfig.tsx
+import React15, { useCallback as useCallback8 } from "react";
+import { Paper as Paper2, CloseButton as CloseButton2, Title as Title2 } from "@mantine/core";
 
-// src/mantine/blocks/list/modal/ListTypeSelectionStep.tsx
-import React14 from "react";
-import { Stack as Stack8, Card as Card4, Group as Group4, Text as Text6, Box, Button as Button4 } from "@mantine/core";
+// src/mantine/blocks/list/template/GeneralTab.tsx
+import React14, { useState as useState4 } from "react";
+import { Stack as Stack8, Card as Card4, Group as Group4, Text as Text6, Box, TextInput as TextInput4, Button as Button4, Switch as Switch3, Accordion } from "@mantine/core";
 
 // src/mantine/blocks/list/linked_resources/config.ts
 var linkedResourcesMetadata = {
@@ -1925,151 +1812,311 @@ var getListNameByType = (type) => {
   return listTypeRegistry[type].metadata.name;
 };
 
-// src/mantine/blocks/list/modal/ListTypeSelectionStep.tsx
-var ListTypeSelectionStep = ({ selectedType, onTypeSelect, onNext }) => {
-  const listTypes = getAllListTypes();
-  return /* @__PURE__ */ React14.createElement(Stack8, { gap: "md" }, /* @__PURE__ */ React14.createElement("div", null, /* @__PURE__ */ React14.createElement(Text6, { size: "lg", fw: 600, mb: "xs" }, "Choose List Type"), /* @__PURE__ */ React14.createElement(Text6, { size: "sm", c: "dimmed" }, "Select the type of list you want to create")), /* @__PURE__ */ React14.createElement(Stack8, { gap: "sm" }, listTypes.map((listType) => /* @__PURE__ */ React14.createElement(
-    Card4,
-    {
-      key: listType.id,
-      padding: "md",
-      radius: "md",
-      withBorder: true,
-      bg: selectedType === listType.id ? "var(--mantine-color-gray-8)" : "transparent",
-      style: {
-        cursor: "pointer"
-      },
-      onClick: () => onTypeSelect(listType.id)
-    },
-    /* @__PURE__ */ React14.createElement(Group4, { gap: "md", align: "flex-start" }, /* @__PURE__ */ React14.createElement(
-      Box,
-      {
-        style: {
-          width: 48,
-          height: 48,
-          borderRadius: "8px",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          fontSize: "20px",
-          backgroundColor: "var(--mantine-color-gray-1)",
-          border: "1px solid var(--mantine-color-gray-3)"
-        }
-      },
-      listType.icon
-    ), /* @__PURE__ */ React14.createElement(Stack8, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React14.createElement(Text6, { size: "md", fw: 600 }, listType.name), /* @__PURE__ */ React14.createElement(Text6, { size: "sm", c: "dimmed" }, listType.description)))
-  ))), /* @__PURE__ */ React14.createElement(Group4, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React14.createElement(Button4, { onClick: onNext, disabled: !selectedType }, "Next")));
-};
-
-// src/mantine/blocks/list/modal/ListConfigurationStep.tsx
-import React15 from "react";
-import { Stack as Stack9, TextInput as TextInput4, Text as Text7, Button as Button5, Group as Group5, Switch as Switch3 } from "@mantine/core";
-var ListConfigurationStep = ({ listType, config, onConfigChange, onPrev, onNext, isValid }) => {
-  const typeConfig = getListTypeConfig(listType);
+// src/mantine/blocks/list/template/GeneralTab.tsx
+var GeneralTab2 = ({ initialConfig, onSave }) => {
+  const [selectedType, setSelectedType] = useState4(initialConfig?.type || null);
+  const [config, setConfig] = useState4(initialConfig?.config || {});
+  const [sortConfig, setSortConfig] = useState4(initialConfig?.sortOptions || {});
+  const [filterConfig, setFilterConfig] = useState4(initialConfig?.filterOptions || {});
+  const [accordionValue, setAccordionValue] = useState4(initialConfig ? "configure" : "type");
   const handlers = useBlocknoteHandlers();
+  const listTypes = getAllListTypes();
+  const handleTypeSelect = (type) => {
+    setSelectedType(type);
+    const typeConfig2 = getListTypeConfig(type);
+    const defaultConfig = {};
+    typeConfig2.configFields.forEach((field) => {
+      if (field.defaultValue !== void 0) {
+        defaultConfig[field.key] = field.defaultValue;
+      }
+    });
+    setSortConfig(typeConfig2.sortFields);
+    setFilterConfig(typeConfig2.filterFields);
+    setConfig(defaultConfig);
+    setAccordionValue("configure");
+  };
+  const handleConfigChange = (key, value) => {
+    setConfig((prev) => ({ ...prev, [key]: value }));
+  };
   const handleAutoFill = async () => {
-    if (listType === "transactions" && handlers?.getCurrentUser) {
+    if (selectedType === "transactions" && handlers?.getCurrentUser) {
       try {
         const user = handlers.getCurrentUser();
-        onConfigChange("address", user.address);
+        handleConfigChange("address", user.address);
       } catch (error) {
         console.error("Failed to get current user:", error);
       }
     }
   };
-  const renderListConfigField = (field) => {
+  const isConfigValid = () => {
+    if (!selectedType) return false;
+    const typeConfig2 = getListTypeConfig(selectedType);
+    return typeConfig2.configFields.every((field) => !field.required || config[field.key] && config[field.key].trim() !== "");
+  };
+  const handleSaveConfig = () => {
+    if (selectedType && isConfigValid()) {
+      onSave({
+        type: selectedType,
+        config,
+        sortOptions: sortConfig,
+        filterOptions: filterConfig,
+        filter: null,
+        sort: null
+      });
+    }
+  };
+  const renderConfigField = (field) => {
     switch (field.type) {
       case "text":
-        return /* @__PURE__ */ React15.createElement(
+        return /* @__PURE__ */ React14.createElement(Stack8, { gap: "xs", key: field.key }, /* @__PURE__ */ React14.createElement(
           TextInput4,
           {
             label: field.label,
             description: field.description,
             placeholder: field.placeholder,
             value: config[field.key] || "",
-            onChange: (e) => onConfigChange(field.key, e.target.value),
-            required: field.required
+            onChange: (e) => handleConfigChange(field.key, e.target.value),
+            required: field.required,
+            styles: {
+              input: {
+                backgroundColor: "#1a1a1a",
+                borderColor: "#333",
+                color: "#f1f3f5"
+              }
+            }
           }
-        );
+        ), field.key === "address" && selectedType === "transactions" && /* @__PURE__ */ React14.createElement(Button4, { size: "xs", variant: "subtle", onClick: handleAutoFill }, "Use Current User Address"));
       case "switch":
-        return /* @__PURE__ */ React15.createElement(
+        return /* @__PURE__ */ React14.createElement(
           Switch3,
           {
+            key: field.key,
             label: field.label,
             description: field.description,
             checked: config[field.key] !== void 0 ? config[field.key] : field.defaultValue || false,
-            onChange: (event) => onConfigChange(field.key, event.currentTarget.checked)
+            onChange: (event) => handleConfigChange(field.key, event.currentTarget.checked),
+            styles: {
+              track: {
+                backgroundColor: config[field.key] ? "#4dabf7" : "#333"
+              },
+              label: {
+                color: "#adb5bd"
+              }
+            }
           }
         );
       default:
-        return /* @__PURE__ */ React15.createElement(
+        return /* @__PURE__ */ React14.createElement(
           TextInput4,
           {
+            key: field.key,
             label: field.label,
             description: field.description,
             placeholder: field.placeholder,
             value: config[field.key] || "",
-            onChange: (e) => onConfigChange(field.key, e.target.value),
-            required: field.required
+            onChange: (e) => handleConfigChange(field.key, e.target.value),
+            required: field.required,
+            styles: {
+              input: {
+                backgroundColor: "#1a1a1a",
+                borderColor: "#333",
+                color: "#f1f3f5"
+              }
+            }
           }
         );
     }
   };
-  return /* @__PURE__ */ React15.createElement(Stack9, { gap: "md" }, /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(Text7, { size: "lg", fw: 600, mb: "xs" }, "Configure ", typeConfig.metadata.name), /* @__PURE__ */ React15.createElement(Text7, { size: "sm", c: "dimmed" }, typeConfig.metadata.description)), /* @__PURE__ */ React15.createElement(Stack9, { gap: "sm" }, typeConfig.configFields.map((field) => /* @__PURE__ */ React15.createElement("div", { key: field.key }, renderListConfigField(field), field.key === "address" && listType === "transactions" && /* @__PURE__ */ React15.createElement(Button5, { size: "xs", variant: "subtle", mt: "xs", onClick: handleAutoFill }, "Use Current User Address")))), /* @__PURE__ */ React15.createElement(Group5, { justify: "space-between", mt: "md" }, /* @__PURE__ */ React15.createElement(Button5, { variant: "subtle", onClick: onPrev }, "Previous"), /* @__PURE__ */ React15.createElement(Button5, { onClick: onNext, disabled: !isValid }, "Next")));
+  const typeConfig = selectedType ? getListTypeConfig(selectedType) : null;
+  return /* @__PURE__ */ React14.createElement(Stack8, { gap: "lg" }, /* @__PURE__ */ React14.createElement(Accordion, { value: accordionValue, onChange: setAccordionValue }, /* @__PURE__ */ React14.createElement(Accordion.Item, { value: "type" }, /* @__PURE__ */ React14.createElement(Accordion.Control, null, /* @__PURE__ */ React14.createElement(Text6, { fw: 600 }, "Choose List Type")), /* @__PURE__ */ React14.createElement(Accordion.Panel, null, /* @__PURE__ */ React14.createElement(Stack8, { gap: "sm", mt: "md" }, listTypes.map((listType) => /* @__PURE__ */ React14.createElement(
+    Card4,
+    {
+      key: listType.id,
+      padding: "md",
+      radius: "md",
+      withBorder: true,
+      bg: selectedType === listType.id ? "var(--mantine-color-gray-8)" : "transparent",
+      style: {
+        cursor: "pointer"
+      },
+      onClick: () => handleTypeSelect(listType.id)
+    },
+    /* @__PURE__ */ React14.createElement(Group4, { gap: "md", align: "flex-start" }, /* @__PURE__ */ React14.createElement(
+      Box,
+      {
+        style: {
+          width: 48,
+          height: 48,
+          borderRadius: "8px",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          fontSize: "20px",
+          backgroundColor: "var(--mantine-color-gray-1)",
+          border: "1px solid var(--mantine-color-gray-3)"
+        }
+      },
+      listType.icon
+    ), /* @__PURE__ */ React14.createElement(Stack8, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React14.createElement(Text6, { size: "md", fw: 600 }, listType.name), /* @__PURE__ */ React14.createElement(Text6, { size: "sm", c: "dimmed" }, listType.description)))
+  ))))), selectedType && typeConfig && /* @__PURE__ */ React14.createElement(Accordion.Item, { value: "configure" }, /* @__PURE__ */ React14.createElement(Accordion.Control, null, /* @__PURE__ */ React14.createElement(Text6, { fw: 600 }, "Configure ", typeConfig.metadata.name)), /* @__PURE__ */ React14.createElement(Accordion.Panel, null, /* @__PURE__ */ React14.createElement(Stack8, { gap: "md", mt: "md" }, /* @__PURE__ */ React14.createElement(Text6, { size: "sm", c: "dimmed" }, typeConfig.metadata.description), /* @__PURE__ */ React14.createElement(Stack8, { gap: "sm" }, typeConfig.configFields.map((field) => renderConfigField(field))))))), selectedType && /* @__PURE__ */ React14.createElement(Button4, { onClick: handleSaveConfig, disabled: !isConfigValid(), fullWidth: true }, "Save Configuration"));
 };
 
-// src/mantine/blocks/list/modal/ListPreviewStep.tsx
-import React32, { useState as useState4, useEffect as useEffect5 } from "react";
-import { Stack as Stack22, Text as Text20, Button as Button6, Alert as Alert3, Loader, Center, Group as Group6 } from "@mantine/core";
+// src/mantine/blocks/list/template/TemplateConfig.tsx
+var TemplateConfig2 = ({ editor, block }) => {
+  const { closePanel } = usePanelStore();
+  const handleConfigSave = useCallback8(
+    (config) => {
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          listType: config.type,
+          listConfig: JSON.stringify(config.config),
+          sortOptions: JSON.stringify(config.sortOptions),
+          sort: JSON.stringify(config.sort),
+          filterOptions: JSON.stringify(config.filterOptions),
+          filter: JSON.stringify(config.filter)
+        }
+      });
+    },
+    [editor, block]
+  );
+  const listType = block.props.listType && block.props.listType !== "" ? block.props.listType : null;
+  let listConfig = {};
+  try {
+    if (block.props.listConfig && block.props.listConfig !== "{}") {
+      listConfig = JSON.parse(block.props.listConfig);
+    }
+  } catch (error) {
+    console.error("Failed to parse listConfig:", error);
+  }
+  let sortOptions = {};
+  try {
+    if (block.props.sortOptions && block.props.sortOptions !== "{}") {
+      sortOptions = JSON.parse(block.props.sortOptions);
+    }
+  } catch (error) {
+    console.error("Failed to parse sortOptions:", error);
+  }
+  let filterOptions = {};
+  try {
+    if (block.props.filterOptions && block.props.filterOptions !== "{}") {
+      filterOptions = JSON.parse(block.props.filterOptions);
+    }
+  } catch (error) {
+    console.error("Failed to parse filterOptions:", error);
+  }
+  const initialConfig = listType && listConfig ? {
+    type: listType,
+    config: listConfig,
+    sort: null,
+    filter: null,
+    filterOptions,
+    sortOptions
+  } : null;
+  return /* @__PURE__ */ React15.createElement(
+    Paper2,
+    {
+      p: "md",
+      shadow: "sm",
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    /* @__PURE__ */ React15.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          marginBottom: "1rem"
+        }
+      },
+      /* @__PURE__ */ React15.createElement(Title2, { order: 3 }, "List Settings"),
+      /* @__PURE__ */ React15.createElement(CloseButton2, { onClick: closePanel })
+    ),
+    /* @__PURE__ */ React15.createElement(
+      ReusablePanel,
+      {
+        extraTabs: [
+          {
+            label: "General",
+            value: "general",
+            content: /* @__PURE__ */ React15.createElement(GeneralTab2, { initialConfig, onSave: handleConfigSave })
+          }
+        ],
+        context: { editor, block }
+      }
+    )
+  );
+};
+
+// src/mantine/blocks/list/template/TemplateView.tsx
+import { Card as Card5, Group as Group5, Stack as Stack9, Text as Text7, ActionIcon as ActionIcon3, Badge as Badge2 } from "@mantine/core";
+var LIST_TEMPLATE_PANEL_ID = "list-template-panel";
+var ListTemplateView = ({ editor, block }) => {
+  const panelId = `${LIST_TEMPLATE_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo6(() => /* @__PURE__ */ React16.createElement(TemplateConfig2, { editor, block }), [editor, block]);
+  const { open } = usePanel(panelId, panelContent);
+  const listType = block.props.listType && block.props.listType !== "" ? block.props.listType : null;
+  const listName = listType ? getListNameByType(listType) : "Unconfigured List";
+  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 React35, { useState as useState5, useEffect as useEffect5, useMemo as useMemo7, useCallback as useCallback9 } from "react";
+import { Group as Group6, Stack as Stack22, Text as Text22, ActionIcon as ActionIcon4, Alert as Alert3, Loader, Center, Flex as Flex14, Button as Button5 } from "@mantine/core";
 
 // src/mantine/blocks/list/linked_resources/LinkedResourcesList.tsx
-import React19 from "react";
+import React20 from "react";
 import { Stack as Stack10, Text as Text8, Box as Box2, Flex as Flex2 } from "@mantine/core";
 
 // src/core/lib/getMediaTypeIcon.tsx
 import { IconArchive, IconDeviceAudioTape, IconFileTypeXml, IconImageInPicture, IconPdf, IconFile, IconJson, IconVideo } from "@tabler/icons-react";
-import React16 from "react";
+import React17 from "react";
 function getMediaTypeIcon(mediaType, props = {}) {
   const normalizedType = mediaType?.toLowerCase() || "";
   if (normalizedType.startsWith("image/")) {
-    return /* @__PURE__ */ React16.createElement(IconImageInPicture, { ...props });
+    return /* @__PURE__ */ React17.createElement(IconImageInPicture, { ...props });
   }
   if (normalizedType.startsWith("video/")) {
-    return /* @__PURE__ */ React16.createElement(IconVideo, { ...props });
+    return /* @__PURE__ */ React17.createElement(IconVideo, { ...props });
   }
   if (normalizedType.startsWith("audio/")) {
-    return /* @__PURE__ */ React16.createElement(IconDeviceAudioTape, { ...props });
+    return /* @__PURE__ */ React17.createElement(IconDeviceAudioTape, { ...props });
   }
   if (normalizedType.includes("pdf") || normalizedType === "application/pdf") {
-    return /* @__PURE__ */ React16.createElement(IconPdf, { ...props });
+    return /* @__PURE__ */ React17.createElement(IconPdf, { ...props });
   }
   if (normalizedType.includes("json") || normalizedType === "application/json" || normalizedType === "text/json") {
-    return /* @__PURE__ */ React16.createElement(IconJson, { ...props });
+    return /* @__PURE__ */ React17.createElement(IconJson, { ...props });
   }
   if (normalizedType.includes("xml") || normalizedType === "application/xml" || normalizedType === "text/xml" || normalizedType === "application/rss+xml" || normalizedType === "application/atom+xml") {
-    return /* @__PURE__ */ React16.createElement(IconFileTypeXml, { ...props });
+    return /* @__PURE__ */ React17.createElement(IconFileTypeXml, { ...props });
   }
   if (normalizedType.includes("zip") || normalizedType.includes("rar") || normalizedType.includes("tar") || normalizedType.includes("gzip") || normalizedType.includes("7z") || normalizedType === "application/x-compressed" || normalizedType === "application/x-zip-compressed" || normalizedType === "multipart/x-zip") {
-    return /* @__PURE__ */ React16.createElement(IconArchive, { ...props });
+    return /* @__PURE__ */ React17.createElement(IconArchive, { ...props });
   }
   if (normalizedType.startsWith("text/") || normalizedType.includes("document") || normalizedType.includes("word") || normalizedType.includes("excel") || normalizedType.includes("powerpoint") || normalizedType.includes("spreadsheet") || normalizedType.includes("presentation")) {
-    return /* @__PURE__ */ React16.createElement(IconFile, { ...props });
+    return /* @__PURE__ */ React17.createElement(IconFile, { ...props });
   }
-  return /* @__PURE__ */ React16.createElement(IconVideo, { ...props });
+  return /* @__PURE__ */ React17.createElement(IconVideo, { ...props });
 }
 
 // src/mantine/blocks/list/ListItemContainer.tsx
 import { Flex } from "@mantine/core";
-import React17 from "react";
+import React18 from "react";
 function ListItemContainer({ children }) {
-  return /* @__PURE__ */ React17.createElement(Flex, { styles: { root: { borderRadius: 16, border: `1px solid rgba(255, 255, 255, 0.06)` } }, p: 20, bg: "rgba(255, 255, 255, 0.02)", justify: "space-between" }, children);
+  return /* @__PURE__ */ React18.createElement(Flex, { styles: { root: { borderRadius: 16, border: `1px solid rgba(255, 255, 255, 0.06)` } }, p: 20, bg: "rgba(255, 255, 255, 0.02)", justify: "space-between" }, children);
 }
 
 // src/mantine/blocks/list/ListItemCheckbox.tsx
-import React18 from "react";
+import React19 from "react";
 import { Checkbox as Checkbox3 } from "@mantine/core";
 function ListItemCheckbox({ checked, onCheck, ariaLabel }) {
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Checkbox3,
     {
       "aria-label": ariaLabel || "Select row",
@@ -2090,11 +2137,11 @@ function ListItemCheckbox({ checked, onCheck, ariaLabel }) {
 // src/mantine/blocks/list/linked_resources/LinkedResourcesList.tsx
 var LinkedResourcesList = ({ items, mods, isItemChecked, onItemCheck, config: _config }) => {
   if (!items || items.length === 0) {
-    return /* @__PURE__ */ React19.createElement(Text8, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No linked resources found");
+    return /* @__PURE__ */ React20.createElement(Text8, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No linked resources found");
   }
   const rows = items.map((item, index) => {
     const title = item.description || item.id || `Resource ${index + 1}`;
-    return /* @__PURE__ */ React19.createElement(ListItemContainer, { key: item.id || index }, /* @__PURE__ */ React19.createElement(Flex2, { align: "center", gap: "sm" }, /* @__PURE__ */ React19.createElement(
+    return /* @__PURE__ */ React20.createElement(ListItemContainer, { key: item.id || index }, /* @__PURE__ */ React20.createElement(Flex2, { align: "center", gap: "sm" }, /* @__PURE__ */ React20.createElement(
       Box2,
       {
         style: {
@@ -2109,7 +2156,7 @@ var LinkedResourcesList = ({ items, mods, isItemChecked, onItemCheck, config: _c
         }
       },
       getMediaTypeIcon(item.mediaType, { size: 16 })
-    ), /* @__PURE__ */ React19.createElement(Stack10, { gap: 0 }, /* @__PURE__ */ React19.createElement(Text8, { size: "sm" }, title), item.type && /* @__PURE__ */ React19.createElement(Text8, { size: "xs", c: "dimmed" }, item.type))), /* @__PURE__ */ React19.createElement(Flex2, { align: "center", gap: "md" }, /* @__PURE__ */ React19.createElement(Stack10, { ta: "right", gap: 0 }, /* @__PURE__ */ React19.createElement(Text8, { size: "sm" }, item.encrypted === "true" ? "Private" : "Public"), /* @__PURE__ */ React19.createElement(Text8, { size: "xs", c: "dimmed" }, item.encrypted === "true" ? "Ask for access" : "Accessible")), mods && /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React20.createElement(Stack10, { gap: 0 }, /* @__PURE__ */ React20.createElement(Text8, { size: "sm" }, title), item.type && /* @__PURE__ */ React20.createElement(Text8, { size: "xs", c: "dimmed" }, item.type))), /* @__PURE__ */ React20.createElement(Flex2, { align: "center", gap: "md" }, /* @__PURE__ */ React20.createElement(Stack10, { ta: "right", gap: 0 }, /* @__PURE__ */ React20.createElement(Text8, { size: "sm" }, item.encrypted === "true" ? "Private" : "Public"), /* @__PURE__ */ React20.createElement(Text8, { size: "xs", c: "dimmed" }, item.encrypted === "true" ? "Ask for access" : "Accessible")), mods && /* @__PURE__ */ React20.createElement(
       ListItemCheckbox,
       {
         ariaLabel: `Select resource ${item.id}`,
@@ -2118,11 +2165,11 @@ var LinkedResourcesList = ({ items, mods, isItemChecked, onItemCheck, config: _c
       }
     )));
   });
-  return /* @__PURE__ */ React19.createElement(Box2, { flex: 1 }, /* @__PURE__ */ React19.createElement(Stack10, null, rows));
+  return /* @__PURE__ */ React20.createElement(Box2, { flex: 1 }, /* @__PURE__ */ React20.createElement(Stack10, null, rows));
 };
 
 // src/mantine/blocks/list/assets/AssetsList.tsx
-import React20 from "react";
+import React21 from "react";
 import { Text as Text9, Box as Box3, Stack as Stack11, Flex as Flex3, Image } from "@mantine/core";
 
 // src/core/lib/formatters.ts
@@ -2131,15 +2178,15 @@ var formatNumber = (value) => typeof value === "number" ? value.toLocaleString()
 // src/mantine/blocks/list/assets/AssetsList.tsx
 var AssetsList = ({ items, mods, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
-    return /* @__PURE__ */ React20.createElement(Text9, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No assets found");
+    return /* @__PURE__ */ React21.createElement(Text9, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No assets found");
   }
-  const rows = items.map((asset) => /* @__PURE__ */ React20.createElement(ListItemContainer, { key: asset.did }, /* @__PURE__ */ React20.createElement(Flex3, { align: "center", gap: "sm" }, /* @__PURE__ */ React20.createElement(Image, { radius: 16, w: 32, h: 32, src: asset.icon }), /* @__PURE__ */ React20.createElement(Stack11, { gap: 0 }, /* @__PURE__ */ React20.createElement(Text9, { size: "sm" }, asset.name || "-", " ", asset.alsoKnownAs || "-"), asset.totalCarbon !== void 0 && /* @__PURE__ */ React20.createElement(Text9, { size: "sm", c: "dimmed" }, formatNumber(asset.totalCarbon), " CARBON"))), /* @__PURE__ */ React20.createElement(Flex3, { align: "center", gap: "md" }, /* @__PURE__ */ React20.createElement(Stack11, { ta: "right", gap: 0 }, /* @__PURE__ */ React20.createElement(Text9, { size: "sm" }, asset.currency || "", formatNumber(asset.price)), /* @__PURE__ */ React20.createElement(Text9, { size: "sm", c: "dimmed" }, asset.available ? "Available" : "Unavailable")), mods && /* @__PURE__ */ React20.createElement(ListItemCheckbox, { ariaLabel: `Select asset ${asset.did}`, checked: isItemChecked?.(asset.did), onCheck: (checked) => onItemCheck?.(asset.did, checked) }))));
-  return /* @__PURE__ */ React20.createElement(Box3, { flex: 1 }, /* @__PURE__ */ React20.createElement(Stack11, null, rows));
+  const rows = items.map((asset) => /* @__PURE__ */ React21.createElement(ListItemContainer, { key: asset.did }, /* @__PURE__ */ React21.createElement(Flex3, { align: "center", gap: "sm" }, /* @__PURE__ */ React21.createElement(Image, { radius: 16, w: 32, h: 32, src: asset.icon }), /* @__PURE__ */ React21.createElement(Stack11, { gap: 0 }, /* @__PURE__ */ React21.createElement(Text9, { size: "sm" }, asset.name || "-", " ", asset.alsoKnownAs || "-"), asset.totalCarbon !== void 0 && /* @__PURE__ */ React21.createElement(Text9, { size: "sm", c: "dimmed" }, formatNumber(asset.totalCarbon), " CARBON"))), /* @__PURE__ */ React21.createElement(Flex3, { align: "center", gap: "md" }, /* @__PURE__ */ React21.createElement(Stack11, { ta: "right", gap: 0 }, /* @__PURE__ */ React21.createElement(Text9, { size: "sm" }, asset.currency || "", formatNumber(asset.price)), /* @__PURE__ */ React21.createElement(Text9, { size: "sm", c: "dimmed" }, asset.available ? "Available" : "Unavailable")), mods && /* @__PURE__ */ React21.createElement(ListItemCheckbox, { ariaLabel: `Select asset ${asset.did}`, checked: isItemChecked?.(asset.did), onCheck: (checked) => onItemCheck?.(asset.did, checked) }))));
+  return /* @__PURE__ */ React21.createElement(Box3, { flex: 1 }, /* @__PURE__ */ React21.createElement(Stack11, null, rows));
 };
 
 // src/mantine/blocks/list/transactions/TransactionsList.tsx
-import React21 from "react";
-import { Text as Text10, Badge as Badge2, Tooltip as Tooltip2, Box as Box4, Flex as Flex4, Stack as Stack12 } from "@mantine/core";
+import React22 from "react";
+import { Text as Text10, Badge as Badge3, Tooltip as Tooltip2, Box as Box4, Flex as Flex4, Stack as Stack12 } from "@mantine/core";
 var formatTime = (timeStr) => {
   try {
     const date = new Date(timeStr);
@@ -2154,9 +2201,9 @@ var truncateHash = (hash, length = 8) => {
 };
 var TransactionsList = ({ items, mods, isItemChecked, onItemCheck, config: _config }) => {
   if (!items || items.length === 0) {
-    return /* @__PURE__ */ React21.createElement(Text10, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No transactions found");
+    return /* @__PURE__ */ React22.createElement(Text10, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No transactions found");
   }
-  const rows = items.map((transaction, index) => /* @__PURE__ */ React21.createElement(ListItemContainer, { key: transaction.transactionHash || index }, /* @__PURE__ */ React21.createElement(Flex4, { align: "center", gap: "sm" }, /* @__PURE__ */ React21.createElement(Stack12, { gap: 2 }, /* @__PURE__ */ React21.createElement(Tooltip2, { label: transaction.transactionHash, position: "top" }, /* @__PURE__ */ React21.createElement(Text10, { size: "sm", style: { fontFamily: "monospace" } }, truncateHash(transaction.transactionHash))), /* @__PURE__ */ React21.createElement(Text10, { size: "sm", c: "dimmed" }, transaction.memo || "-"))), /* @__PURE__ */ React21.createElement(Flex4, { align: "center", gap: "md" }, /* @__PURE__ */ React21.createElement(Stack12, { ta: "right", gap: 2 }, /* @__PURE__ */ React21.createElement(Badge2, { size: "sm", variant: "light", color: "blue", style: { fontFamily: "monospace", fontSize: "10px" } }, transaction.typeUrl), /* @__PURE__ */ React21.createElement(Text10, { size: "xs", c: "dimmed" }, formatTime(transaction.time))), mods && /* @__PURE__ */ React21.createElement(
+  const rows = items.map((transaction, index) => /* @__PURE__ */ React22.createElement(ListItemContainer, { key: transaction.transactionHash || index }, /* @__PURE__ */ React22.createElement(Flex4, { align: "center", gap: "sm" }, /* @__PURE__ */ React22.createElement(Stack12, { gap: 2 }, /* @__PURE__ */ React22.createElement(Tooltip2, { label: transaction.transactionHash, position: "top" }, /* @__PURE__ */ React22.createElement(Text10, { size: "sm", style: { fontFamily: "monospace" } }, truncateHash(transaction.transactionHash))), /* @__PURE__ */ React22.createElement(Text10, { size: "sm", c: "dimmed" }, transaction.memo || "-"))), /* @__PURE__ */ React22.createElement(Flex4, { align: "center", gap: "md" }, /* @__PURE__ */ React22.createElement(Stack12, { ta: "right", gap: 2 }, /* @__PURE__ */ React22.createElement(Badge3, { size: "sm", variant: "light", color: "blue", style: { fontFamily: "monospace", fontSize: "10px" } }, transaction.typeUrl), /* @__PURE__ */ React22.createElement(Text10, { size: "xs", c: "dimmed" }, formatTime(transaction.time))), mods && /* @__PURE__ */ React22.createElement(
     ListItemCheckbox,
     {
       ariaLabel: `Select transaction ${transaction.transactionHash}`,
@@ -2164,17 +2211,17 @@ var TransactionsList = ({ items, mods, isItemChecked, onItemCheck, config: _conf
       onCheck: (checked) => onItemCheck?.(transaction.transactionHash, checked)
     }
   ))));
-  return /* @__PURE__ */ React21.createElement(Box4, { flex: 1 }, /* @__PURE__ */ React21.createElement(Stack12, null, rows));
+  return /* @__PURE__ */ React22.createElement(Box4, { flex: 1 }, /* @__PURE__ */ React22.createElement(Stack12, null, rows));
 };
 
 // src/mantine/blocks/list/collections/CollectionsList.tsx
-import React22 from "react";
+import React23 from "react";
 import { Text as Text11, Box as Box5, Image as Image2, Stack as Stack13, Flex as Flex5 } from "@mantine/core";
 var CollectionsList = ({ items, mods, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
-    return /* @__PURE__ */ React22.createElement(Text11, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No collections found");
+    return /* @__PURE__ */ React23.createElement(Text11, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No collections found");
   }
-  const rows = items.map((collection) => /* @__PURE__ */ React22.createElement(ListItemContainer, { key: collection.did }, /* @__PURE__ */ React22.createElement(Flex5, { align: "center", gap: "sm" }, /* @__PURE__ */ React22.createElement(Image2, { radius: 16, w: 32, h: 32, src: collection.icon }), /* @__PURE__ */ React22.createElement(Stack13, { gap: 0 }, /* @__PURE__ */ React22.createElement(Text11, { size: "sm" }, collection.name || "-"), /* @__PURE__ */ React22.createElement(Text11, { size: "sm", c: "dimmed" }, collection.brand || "-"))), /* @__PURE__ */ React22.createElement(Flex5, { align: "center", gap: "md" }, /* @__PURE__ */ React22.createElement(Stack13, { ta: "right", gap: 0 }, /* @__PURE__ */ React22.createElement(Text11, { size: "sm" }, collection.totalAssets || "-", " Assets"), /* @__PURE__ */ React22.createElement(Text11, { size: "sm", c: "dimmed" }, collection.currency || "-", collection.price || "-")), mods && /* @__PURE__ */ React22.createElement(
+  const rows = items.map((collection) => /* @__PURE__ */ React23.createElement(ListItemContainer, { key: collection.did }, /* @__PURE__ */ React23.createElement(Flex5, { align: "center", gap: "sm" }, /* @__PURE__ */ React23.createElement(Image2, { radius: 16, w: 32, h: 32, src: collection.icon }), /* @__PURE__ */ React23.createElement(Stack13, { gap: 0 }, /* @__PURE__ */ React23.createElement(Text11, { size: "sm" }, collection.name || "-"), /* @__PURE__ */ React23.createElement(Text11, { size: "sm", c: "dimmed" }, collection.brand || "-"))), /* @__PURE__ */ React23.createElement(Flex5, { align: "center", gap: "md" }, /* @__PURE__ */ React23.createElement(Stack13, { ta: "right", gap: 0 }, /* @__PURE__ */ React23.createElement(Text11, { size: "sm" }, collection.totalAssets || "-", " Assets"), /* @__PURE__ */ React23.createElement(Text11, { size: "sm", c: "dimmed" }, collection.currency || "-", collection.price || "-")), mods && /* @__PURE__ */ React23.createElement(
     ListItemCheckbox,
     {
       ariaLabel: `Select collection ${collection.did}`,
@@ -2182,17 +2229,17 @@ var CollectionsList = ({ items, mods, isItemChecked, onItemCheck }) => {
       onCheck: (checked) => onItemCheck?.(collection.did, checked)
     }
   ))));
-  return /* @__PURE__ */ React22.createElement(Box5, { flex: 1 }, /* @__PURE__ */ React22.createElement(Stack13, null, rows));
+  return /* @__PURE__ */ React23.createElement(Box5, { flex: 1 }, /* @__PURE__ */ React23.createElement(Stack13, null, rows));
 };
 
 // src/mantine/blocks/list/investments/InvestmentsList.tsx
-import React23 from "react";
+import React24 from "react";
 import { Text as Text12, Box as Box6, Image as Image3, Stack as Stack14, Flex as Flex6, Progress } from "@mantine/core";
 var InvestmentsList = ({ items, mods, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
-    return /* @__PURE__ */ React23.createElement(Text12, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No investments found");
+    return /* @__PURE__ */ React24.createElement(Text12, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No investments found");
   }
-  const rows = items.map((investment) => /* @__PURE__ */ React23.createElement(ListItemContainer, { key: investment.did }, /* @__PURE__ */ React23.createElement(Flex6, { align: "center", gap: "sm" }, /* @__PURE__ */ React23.createElement(Image3, { radius: 16, w: 32, h: 32, src: investment.icon }), /* @__PURE__ */ React23.createElement(Stack14, { gap: 0 }, /* @__PURE__ */ React23.createElement(Text12, { size: "sm" }, investment.name || "-"), /* @__PURE__ */ React23.createElement(Text12, { size: "sm", c: "dimmed" }, investment.brand || "-"))), /* @__PURE__ */ React23.createElement(Flex6, { align: "center", gap: "md" }, /* @__PURE__ */ React23.createElement(Stack14, { ta: "right", gap: 0 }, /* @__PURE__ */ React23.createElement(Flex6, { gap: "5px" }, /* @__PURE__ */ React23.createElement(Text12, { size: "sm" }, investment.currency + formatNumber(investment.currentAmount)), /* @__PURE__ */ React23.createElement(Text12, { size: "sm", c: "dimmed" }, "/ ", investment.currency + formatNumber(investment.maxAmount))), /* @__PURE__ */ React23.createElement(Text12, { size: "xs", c: "dimmed" }, /* @__PURE__ */ React23.createElement(Progress, { color: "rgb(0, 255, 157)", radius: "xl", size: "lg", value: investment.currentAmount * 100 / investment.maxAmount }))), mods && /* @__PURE__ */ React23.createElement(
+  const rows = items.map((investment) => /* @__PURE__ */ React24.createElement(ListItemContainer, { key: investment.did }, /* @__PURE__ */ React24.createElement(Flex6, { align: "center", gap: "sm" }, /* @__PURE__ */ React24.createElement(Image3, { radius: 16, w: 32, h: 32, src: investment.icon }), /* @__PURE__ */ React24.createElement(Stack14, { gap: 0 }, /* @__PURE__ */ React24.createElement(Text12, { size: "sm" }, investment.name || "-"), /* @__PURE__ */ React24.createElement(Text12, { size: "sm", c: "dimmed" }, investment.brand || "-"))), /* @__PURE__ */ React24.createElement(Flex6, { align: "center", gap: "md" }, /* @__PURE__ */ React24.createElement(Stack14, { ta: "right", gap: 0 }, /* @__PURE__ */ React24.createElement(Flex6, { gap: "5px" }, /* @__PURE__ */ React24.createElement(Text12, { size: "sm" }, investment.currency + formatNumber(investment.currentAmount)), /* @__PURE__ */ React24.createElement(Text12, { size: "sm", c: "dimmed" }, "/ ", investment.currency + formatNumber(investment.maxAmount))), /* @__PURE__ */ React24.createElement(Text12, { size: "xs", c: "dimmed" }, /* @__PURE__ */ React24.createElement(Progress, { color: "rgb(0, 255, 157)", radius: "xl", size: "lg", value: investment.currentAmount * 100 / investment.maxAmount }))), mods && /* @__PURE__ */ React24.createElement(
     ListItemCheckbox,
     {
       ariaLabel: `Select investment ${investment.did}`,
@@ -2200,408 +2247,88 @@ var InvestmentsList = ({ items, mods, isItemChecked, onItemCheck }) => {
       onCheck: (checked) => onItemCheck?.(investment.did, checked)
     }
   ))));
-  return /* @__PURE__ */ React23.createElement(Box6, { flex: 1 }, /* @__PURE__ */ React23.createElement(Stack14, null, rows));
-};
-
-// src/mantine/blocks/list/oracles/OraclesList.tsx
-import React24 from "react";
-import { Text as Text13, Box as Box7, Image as Image4, Stack as Stack15, Flex as Flex7 } from "@mantine/core";
-var OraclesList = ({ items, mods, isItemChecked, onItemCheck }) => {
-  if (!items || items.length === 0) {
-    return /* @__PURE__ */ React24.createElement(Text13, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No oracles found");
-  }
-  const rows = items.map((oracle) => /* @__PURE__ */ React24.createElement(ListItemContainer, { key: oracle.did }, /* @__PURE__ */ React24.createElement(Flex7, { align: "center", gap: "sm" }, /* @__PURE__ */ React24.createElement(Image4, { radius: 16, w: 32, h: 32, src: oracle.icon }), /* @__PURE__ */ React24.createElement(Stack15, { gap: 0 }, /* @__PURE__ */ React24.createElement(Text13, { size: "sm" }, oracle.name || "-"), /* @__PURE__ */ React24.createElement(Text13, { size: "sm", c: "dimmed" }, oracle.brand || "-"))), /* @__PURE__ */ React24.createElement(Flex7, { align: "center", gap: "md" }, /* @__PURE__ */ React24.createElement(Stack15, { ta: "right", gap: 0 }, /* @__PURE__ */ React24.createElement(Text13, { size: "sm" }, oracle.currency || "-"), /* @__PURE__ */ React24.createElement(Text13, { size: "xs", c: "dimmed" }, oracle.minPoints, " - ", oracle.maxPoints, " pts"), /* @__PURE__ */ React24.createElement(Text13, { size: "xs", c: "dimmed" }, oracle.flowsAmount, " Flows")), mods && /* @__PURE__ */ React24.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${oracle.did}`, checked: isItemChecked?.(oracle.did), onCheck: (checked) => onItemCheck?.(oracle.did, checked) }))));
-  return /* @__PURE__ */ React24.createElement(Box7, { flex: 1 }, /* @__PURE__ */ React24.createElement(Stack15, null, rows));
-};
-
-// src/mantine/blocks/list/pods/PODsList.tsx
-import React25 from "react";
-import { Text as Text14, Box as Box8, Image as Image5, Stack as Stack16, Flex as Flex8 } from "@mantine/core";
-var PodsList = ({ items, mods, isItemChecked, onItemCheck }) => {
-  if (!items || items.length === 0) {
-    return /* @__PURE__ */ React25.createElement(Text14, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No PODs found");
-  }
-  const rows = items.map((pod) => /* @__PURE__ */ React25.createElement(ListItemContainer, { key: pod.did }, /* @__PURE__ */ React25.createElement(Flex8, { align: "center", gap: "sm" }, /* @__PURE__ */ React25.createElement(Image5, { radius: 16, w: 32, h: 32, src: pod.icon }), /* @__PURE__ */ React25.createElement(Stack16, { gap: 0 }, /* @__PURE__ */ React25.createElement(Text14, { size: "sm" }, pod.name || "-"), /* @__PURE__ */ React25.createElement(Text14, { size: "sm", c: "dimmed" }, pod.startDate, " \u2192 ", pod.endDate))), /* @__PURE__ */ React25.createElement(Flex8, { align: "center", gap: "md" }, /* @__PURE__ */ React25.createElement(Stack16, { ta: "right", gap: 0 }, /* @__PURE__ */ React25.createElement(Text14, { size: "sm" }, pod.members, " Members"), /* @__PURE__ */ React25.createElement(Text14, { size: "sm", c: "dimmed" }, pod.totalProposals, " Proposals")), mods && /* @__PURE__ */ React25.createElement(ListItemCheckbox, { ariaLabel: `Select pod ${pod.did}`, checked: isItemChecked?.(pod.did), onCheck: (checked) => onItemCheck?.(pod.did, checked) }))));
-  return /* @__PURE__ */ React25.createElement(Box8, { flex: 1 }, /* @__PURE__ */ React25.createElement(Stack16, null, rows));
-};
-
-// src/mantine/blocks/list/proposals/CollectionsList.tsx
-import React26 from "react";
-import { Text as Text15, Box as Box9, Image as Image6, Stack as Stack17, Flex as Flex9, Badge as Badge3 } from "@mantine/core";
-var ProposalsList = ({ items, mods, isItemChecked, onItemCheck }) => {
-  if (!items || items.length === 0) {
-    return /* @__PURE__ */ React26.createElement(Text15, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No proposals found");
-  }
-  const rows = items.map((proposal) => /* @__PURE__ */ React26.createElement(ListItemContainer, { key: proposal.did }, /* @__PURE__ */ React26.createElement(Flex9, { align: "center", gap: "sm" }, /* @__PURE__ */ React26.createElement(Image6, { radius: 16, w: 32, h: 32, src: proposal.icon }), /* @__PURE__ */ React26.createElement(Stack17, { gap: 0 }, /* @__PURE__ */ React26.createElement(Text15, { size: "sm" }, proposal.name || "-"), /* @__PURE__ */ React26.createElement(Text15, { size: "xs", c: "dimmed" }, proposal.description || "-"))), /* @__PURE__ */ React26.createElement(Flex9, { align: "center", gap: "md" }, /* @__PURE__ */ React26.createElement(Stack17, { ta: "right", gap: 0 }, /* @__PURE__ */ React26.createElement(Badge3, { size: "sm", variant: "light", color: "blue", style: { fontFamily: "monospace", fontSize: "10px" } }, proposal.status), /* @__PURE__ */ React26.createElement(Text15, { size: "sm", c: "dimmed" }, proposal.isVotedOn ? "Voted" : "Not voted")), mods && /* @__PURE__ */ React26.createElement(ListItemCheckbox, { ariaLabel: `Select proposal ${proposal.did}`, checked: isItemChecked?.(proposal.did), onCheck: (checked) => onItemCheck?.(proposal.did, checked) }))));
-  return /* @__PURE__ */ React26.createElement(Box9, { flex: 1 }, /* @__PURE__ */ React26.createElement(Stack17, null, rows));
-};
-
-// src/mantine/blocks/list/requests/RequestsList.tsx
-import React27 from "react";
-import { Text as Text16, Box as Box10, Image as Image7, Stack as Stack18, Flex as Flex10 } from "@mantine/core";
-var RequestsList = ({ items, mods, isItemChecked, onItemCheck }) => {
-  if (!items || items.length === 0) {
-    return /* @__PURE__ */ React27.createElement(Text16, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No requests found");
-  }
-  const rows = items.map((request) => /* @__PURE__ */ React27.createElement(ListItemContainer, { key: request.did }, /* @__PURE__ */ React27.createElement(Flex10, { align: "center", gap: "sm" }, /* @__PURE__ */ React27.createElement(Image7, { radius: 16, w: 32, h: 32, src: request.icon }), /* @__PURE__ */ React27.createElement(Stack18, { gap: 0 }, /* @__PURE__ */ React27.createElement(Text16, { size: "sm" }, request.name || "-"), /* @__PURE__ */ React27.createElement(Text16, { size: "sm", c: "dimmed" }, request.brand || "-"))), /* @__PURE__ */ React27.createElement(Flex10, { align: "center", gap: "md" }, /* @__PURE__ */ React27.createElement(Stack18, { ta: "right", gap: 0 }, /* @__PURE__ */ React27.createElement(Text16, { size: "sm", c: "dimmed" }, request.currency || "", request.budget ?? "-"), /* @__PURE__ */ React27.createElement(Text16, { size: "xs", c: "dimmed" }, request.totalApplications ?? 0, " Applications")), mods && /* @__PURE__ */ React27.createElement(ListItemCheckbox, { ariaLabel: `Select request ${request.did}`, checked: isItemChecked?.(request.did), onCheck: (checked) => onItemCheck?.(request.did, checked) }))));
-  return /* @__PURE__ */ React27.createElement(Box10, { flex: 1 }, /* @__PURE__ */ React27.createElement(Stack18, null, rows));
-};
-
-// src/mantine/blocks/list/members/MembersList.tsx
-import React28 from "react";
-import { Text as Text17, Box as Box11, Image as Image8, Stack as Stack19, Flex as Flex11 } from "@mantine/core";
-var MembersList = ({ items, mods, isItemChecked, onItemCheck }) => {
-  if (!items || items.length === 0) {
-    return /* @__PURE__ */ React28.createElement(Text17, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No members found");
-  }
-  const rows = items.map((member) => /* @__PURE__ */ React28.createElement(ListItemContainer, { key: member.did }, /* @__PURE__ */ React28.createElement(Flex11, { align: "center", gap: "sm" }, /* @__PURE__ */ React28.createElement(Image8, { radius: 16, w: 32, h: 32, src: member.icon }), /* @__PURE__ */ React28.createElement(Stack19, { gap: 0 }, /* @__PURE__ */ React28.createElement(Text17, { size: "sm" }, member.username || "-"), /* @__PURE__ */ React28.createElement(Text17, { size: "xs", c: "dimmed" }, member.address || "-"))), /* @__PURE__ */ React28.createElement(Flex11, { align: "center", gap: "md" }, /* @__PURE__ */ React28.createElement(Stack19, { ta: "right", gap: 0 }, /* @__PURE__ */ React28.createElement(Text17, { size: "sm" }, member.percentage), /* @__PURE__ */ React28.createElement(Text17, { size: "sm", c: "dimmed" }, member.role)), mods && /* @__PURE__ */ React28.createElement(ListItemCheckbox, { ariaLabel: `Select member ${member.did}`, checked: isItemChecked?.(member.did), onCheck: (checked) => onItemCheck?.(member.did, checked) }))));
-  return /* @__PURE__ */ React28.createElement(Box11, { flex: 1 }, /* @__PURE__ */ React28.createElement(Stack19, null, rows));
-};
-
-// src/mantine/blocks/list/validators/ValidatorsList.tsx
-import React29 from "react";
-import { Text as Text18, Box as Box12, Image as Image9, Stack as Stack20, Flex as Flex12 } from "@mantine/core";
-var ValidatorsList = ({ items, mods, isItemChecked, onItemCheck }) => {
-  if (!items || items.length === 0) {
-    return /* @__PURE__ */ React29.createElement(Text18, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No validators found");
-  }
-  const rows = items.map((v) => /* @__PURE__ */ React29.createElement(ListItemContainer, { key: v.did }, /* @__PURE__ */ React29.createElement(Flex12, { align: "center", gap: "sm" }, /* @__PURE__ */ React29.createElement(Image9, { radius: 16, w: 32, h: 32, src: v.icon }), /* @__PURE__ */ React29.createElement(Stack20, { gap: 0 }, /* @__PURE__ */ React29.createElement(Text18, { size: "sm" }, v.name || "-"), /* @__PURE__ */ React29.createElement(Text18, { size: "xs", c: "dimmed" }, v.description || "-"))), /* @__PURE__ */ React29.createElement(Flex12, { align: "center", gap: "md" }, /* @__PURE__ */ React29.createElement(Stack20, { ta: "right", gap: 0 }, /* @__PURE__ */ React29.createElement(Text18, { size: "sm" }, formatNumber(v.amount), " ", v.currency), /* @__PURE__ */ React29.createElement(Text18, { size: "sm", c: "dimmed" }, v.commission, "% fee"), /* @__PURE__ */ React29.createElement(Text18, { size: "xs", c: "dimmed" }, v.isActive ? "Active" : "Inactive", " \u2022 ", v.isStaked ? "Staked" : "Not staked", " \u2022 ", v.isBonding ? "Bonding" : "Not bonding")), mods && /* @__PURE__ */ React29.createElement(ListItemCheckbox, { ariaLabel: `Select validator ${v.did}`, checked: isItemChecked?.(v.did), onCheck: (checked) => onItemCheck?.(v.did, checked) }))));
-  return /* @__PURE__ */ React29.createElement(Box12, { flex: 1 }, /* @__PURE__ */ React29.createElement(Stack20, null, rows));
-};
-
-// src/mantine/blocks/list/ListPagination.tsx
-import React30 from "react";
-import { Pagination } from "@mantine/core";
-function ListPagination({ page, setPage, totalPages }) {
-  return /* @__PURE__ */ React30.createElement(
-    Pagination,
-    {
-      value: page,
-      onChange: setPage,
-      total: totalPages,
-      siblings: 1,
-      radius: 8,
-      color: "rgba(255, 255, 255, 0.08)",
-      boundaries: 0,
-      mx: "auto",
-      styles: {
-        dots: { display: "none" },
-        control: {
-          padding: 0,
-          border: 0,
-          color: "#868e96"
-        }
-      }
-    }
-  );
-}
-
-// src/core/constants.ts
-var DEFAULT_PAGE_SIZE = 5;
-
-// src/mantine/blocks/list/dao_members/MembersList.tsx
-import React31 from "react";
-import { Text as Text19, Box as Box13, Image as Image10, Stack as Stack21, Flex as Flex13 } from "@mantine/core";
-var DaoMembersList = ({ items, mods, isItemChecked, onItemCheck }) => {
-  if (!items || items.length === 0) {
-    return /* @__PURE__ */ React31.createElement(Text19, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No members found");
-  }
-  const rows = items.map((member) => /* @__PURE__ */ React31.createElement(ListItemContainer, { key: member.did }, /* @__PURE__ */ React31.createElement(Flex13, { align: "center", gap: "sm" }, /* @__PURE__ */ React31.createElement(Image10, { radius: 16, w: 32, h: 32, src: member.icon }), /* @__PURE__ */ React31.createElement(Stack21, { gap: 0 }, /* @__PURE__ */ React31.createElement(Text19, { size: "sm", fw: 500 }, member.username || "Unknown User"), /* @__PURE__ */ React31.createElement(Text19, { size: "xs", c: "dimmed", lineClamp: 1 }, member.address || "No address"))), /* @__PURE__ */ React31.createElement(Flex13, { align: "center", gap: "md" }, /* @__PURE__ */ React31.createElement(Stack21, { ta: "right", gap: 0 }, /* @__PURE__ */ React31.createElement(Text19, { size: "sm", fw: 500, c: "blue" }, member.percentage || "0%"), /* @__PURE__ */ React31.createElement(Text19, { size: "xs", c: "dimmed", tt: "capitalize" }, member.role || "member")), mods && /* @__PURE__ */ React31.createElement(
-    ListItemCheckbox,
-    {
-      ariaLabel: `Select member ${member.username || member.did}`,
-      checked: isItemChecked?.(member.did) || false,
-      onCheck: (checked) => onItemCheck?.(member.did, checked)
-    }
-  ))));
-  return /* @__PURE__ */ React31.createElement(Box13, { flex: 1 }, /* @__PURE__ */ React31.createElement(Stack21, { gap: "xs" }, rows));
+  return /* @__PURE__ */ React24.createElement(Box6, { flex: 1 }, /* @__PURE__ */ React24.createElement(Stack14, null, rows));
 };
 
-// src/mantine/blocks/list/modal/ListPreviewStep.tsx
-var ListPreviewStep = ({ listType, config, onAddToBlock, onPrev }) => {
-  const [data, setData] = useState4(null);
-  const [loading, setLoading] = useState4(false);
-  const [error, setError] = useState4(null);
-  const [page, setPage] = useState4(1);
-  const [totalPages, setTotalPages] = useState4(0);
-  const typeConfig = getListTypeConfig(listType);
-  const handlers = useBlocknoteHandlers();
-  const fetchData = async () => {
-    if (!handlers) return;
-    setLoading(true);
-    setError(null);
-    try {
-      let result;
-      let did;
-      let userAddress;
-      let groupIds;
-      switch (listType) {
-        case "linked_resources":
-          did = handlers.getEntityDid();
-          if (!did && !config.did) throw new Error("DID is required");
-          result = await handlers.getEntity(did || config.did);
-          setData({ items: result.linkedResource });
-          break;
-        case "assets":
-          did = handlers.getEntityDid();
-          if (!did && !config.collectionDid) throw new Error("Collection DID is required");
-          result = await handlers.getAssets(did || config.collectionDid, page);
-          setData({ items: result.data });
-          break;
-        case "transactions":
-          if (!config.address) throw new Error("Address is required");
-          result = await handlers.getTransactions(config.address, page);
-          setTotalPages(Math.ceil(result.totalCount / DEFAULT_PAGE_SIZE));
-          setData({ items: result.data });
-          break;
-        case "collections":
-          did = handlers.getEntityDid();
-          if (!did && !config.relayedNodeDid) throw new Error("Relayer is required");
-          result = await handlers.getCollections(did || config.relayedNodeDid, page);
-          setData({ items: result.data });
-          break;
-        case "investments":
-          did = handlers.getEntityDid();
-          if (!did && !config.relayedNodeDid) throw new Error("Relayer is required");
-          result = await handlers.getInvestments(did || config.relayedNodeDid, page);
-          setData({ items: result.data });
-          break;
-        case "oracles":
-          did = handlers.getEntityDid();
-          if (!did && !config.relayedNodeDid) throw new Error("Relayer is required");
-          result = await handlers.getOracles(did || config.relayedNodeDid, page);
-          setData({ items: result.data });
-          break;
-        case "pods":
-          did = handlers.getEntityDid();
-          if (!did && !config.relayedNodeDid) throw new Error("Relayer is required");
-          result = await handlers.getPODs(did || config.relayedNodeDid, page);
-          setData({ items: result.data });
-          break;
-        case "proposals":
-          did = handlers.getEntityDid();
-          if (!did && !config.relayedNodeDid) throw new Error("Relayer is required");
-          result = await handlers.getProposals(did || config.relayedNodeDid, page);
-          setData({ items: result.data });
-          break;
-        case "requests":
-          did = handlers.getEntityDid();
-          if (!did && !config.relayedNodeDid) throw new Error("Relayer is required");
-          result = await handlers.getRequests(did || config.relayedNodeDid, page);
-          setData({ items: result.data });
-          break;
-        case "group_members":
-          if (!config.address) throw new Error("Address is required");
-          if (!config.groupCoreAddress) throw new Error("Group Core Address is required");
-          result = await handlers.getMembers(config.address, config.groupCoreAddress, config.withBalance, page);
-          setData({ items: result.data });
-          break;
-        case "validators":
-          did = handlers.getEntityDid();
-          if (!did && !config.relayedNodeDid) throw new Error("Relayer is required");
-          result = await handlers.getValidators(did || config.relayedNodeDid, page);
-          setData({ items: result.data });
-          break;
-        case "dao_members":
-          userAddress = handlers.getCurrentUser();
-          groupIds = handlers.getDaoGroupsIds();
-          if (!userAddress.address && !config.address) throw new Error("Address is required");
-          if (!groupIds && !config.groupIds) throw new Error("Group Ids are required");
-          result = await handlers.getDaoMembers(userAddress.address || config.address, groupIds || config.groupIds, config.withBalance, page);
-          setData({ items: result.data });
-          break;
-        default:
-          throw new Error(`Unknown list type: ${listType}`);
-      }
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to fetch data");
-    } finally {
-      setLoading(false);
-    }
-  };
-  useEffect5(() => {
-    fetchData();
-  }, [listType, page, config]);
-  const renderListComponent = () => {
-    if (!data) return null;
-    switch (listType) {
-      case "linked_resources":
-        return /* @__PURE__ */ React32.createElement(LinkedResourcesList, { items: data.items, config });
-      case "assets":
-        return /* @__PURE__ */ React32.createElement(AssetsList, { items: data.items, config });
-      case "transactions":
-        return /* @__PURE__ */ React32.createElement(TransactionsList, { items: data.items, config });
-      case "collections":
-        return /* @__PURE__ */ React32.createElement(CollectionsList, { items: data.items });
-      case "investments":
-        return /* @__PURE__ */ React32.createElement(InvestmentsList, { items: data.items });
-      case "oracles":
-        return /* @__PURE__ */ React32.createElement(OraclesList, { items: data.items });
-      case "pods":
-        return /* @__PURE__ */ React32.createElement(PodsList, { items: data.items });
-      case "proposals":
-        return /* @__PURE__ */ React32.createElement(ProposalsList, { items: data.items });
-      case "requests":
-        return /* @__PURE__ */ React32.createElement(RequestsList, { items: data.items });
-      case "group_members":
-        return /* @__PURE__ */ React32.createElement(MembersList, { items: data.items });
-      case "dao_members":
-        return /* @__PURE__ */ React32.createElement(DaoMembersList, { items: data.items });
-      case "validators":
-        return /* @__PURE__ */ React32.createElement(ValidatorsList, { items: data.items });
-      default:
-        return null;
-    }
-  };
-  return /* @__PURE__ */ React32.createElement(Stack22, { gap: "md" }, /* @__PURE__ */ React32.createElement("div", null, /* @__PURE__ */ React32.createElement(Text20, { size: "lg", fw: 600, mb: "xs" }, "Preview ", typeConfig.metadata.name), /* @__PURE__ */ React32.createElement(Text20, { size: "sm", c: "dimmed" }, "Preview how your list will look with the current configuration")), loading && /* @__PURE__ */ React32.createElement(Center, { py: "xl" }, /* @__PURE__ */ React32.createElement(Stack22, { align: "center", gap: "sm" }, /* @__PURE__ */ React32.createElement(Loader, { size: "md" }), /* @__PURE__ */ React32.createElement(Text20, { size: "sm", c: "dimmed" }, "Loading preview..."))), error && /* @__PURE__ */ React32.createElement(Alert3, { color: "red", title: "Failed to load preview" }, /* @__PURE__ */ React32.createElement(Stack22, { gap: "xs" }, /* @__PURE__ */ React32.createElement(Text20, { size: "sm" }, error), /* @__PURE__ */ React32.createElement(Button6, { size: "xs", variant: "subtle", onClick: fetchData }, "Retry"))), !loading && !error && data && /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement("div", { style: { maxHeight: "400px", overflow: "auto" } }, renderListComponent()), /* @__PURE__ */ React32.createElement(ListPagination, { page, setPage, totalPages })), /* @__PURE__ */ React32.createElement(Group6, { justify: "space-between", mt: "md" }, /* @__PURE__ */ React32.createElement(Button6, { variant: "subtle", onClick: onPrev }, "Previous"), /* @__PURE__ */ React32.createElement(Button6, { onClick: onAddToBlock }, "Add to Block")));
-};
-
-// src/mantine/blocks/list/modal/ModalNavigation.tsx
-import React33 from "react";
-import { Stack as Stack23, Button as Button7, Text as Text21 } from "@mantine/core";
-var ModalNavigation = ({
-  steps,
-  activeStep,
-  onStepChange,
-  showUpdateButton = false,
-  onUpdateBlock
-}) => {
-  return /* @__PURE__ */ React33.createElement(Stack23, { gap: "xs", style: { height: "100%" } }, /* @__PURE__ */ React33.createElement(Stack23, { gap: "xs", style: { flex: 1 } }, steps.map((step) => /* @__PURE__ */ React33.createElement(
-    Button7,
-    {
-      key: step.id,
-      variant: activeStep === step.id ? "filled" : "subtle",
-      justify: "flex-start",
-      disabled: step.disabled,
-      onClick: () => onStepChange(step.id),
-      styles: {
-        root: {
-          height: "auto",
-          padding: "12px"
-        },
-        inner: {
-          justifyContent: "flex-start"
-        }
-      }
-    },
-    /* @__PURE__ */ React33.createElement(Stack23, { gap: 2, align: "flex-start" }, /* @__PURE__ */ React33.createElement(Text21, { size: "sm", fw: 500 }, step.label), /* @__PURE__ */ React33.createElement(Text21, { size: "xs", opacity: 0.7 }, step.description))
-  ))), showUpdateButton && /* @__PURE__ */ React33.createElement(Button7, { variant: "filled", color: "blue", onClick: onUpdateBlock, style: { marginTop: "auto" } }, "Update Block"));
-};
-
-// src/mantine/blocks/list/modal/ListConfigModal.tsx
-var ListConfigModal = ({ opened, onClose, onSave, initialConfig }) => {
-  const [activeStep, setActiveStep] = useState5("type");
-  const [selectedType, setSelectedType] = useState5(initialConfig?.type || null);
-  const [config, setConfig] = useState5(initialConfig?.config || {});
-  const [sortConfig, setSortConfig] = useState5(initialConfig?.sortOptions || {});
-  const [filterConfig, setFilterConfig] = useState5(initialConfig?.filterOptions || {});
-  const handleTypeSelect = (type) => {
-    setSelectedType(type);
-    const typeConfig = getListTypeConfig(type);
-    const defaultConfig = {};
-    typeConfig.configFields.forEach((field) => {
-      if (field.defaultValue !== void 0) {
-        defaultConfig[field.key] = field.defaultValue;
-      }
-    });
-    setSortConfig(typeConfig.sortFields);
-    setFilterConfig(typeConfig.filterFields);
-    setConfig(defaultConfig);
-  };
-  const handleConfigChange = (key, value) => {
-    setConfig((prev) => ({ ...prev, [key]: value }));
-  };
-  const handleAddToBlock = () => {
-    if (selectedType && config) {
-      onSave({
-        type: selectedType,
-        config,
-        sortOptions: sortConfig,
-        filterOptions: filterConfig,
-        filter: null,
-        sort: null
-      });
-      onClose();
-    }
-  };
-  const isConfigValid = () => {
-    if (!selectedType) return false;
-    const typeConfig = getListTypeConfig(selectedType);
-    return typeConfig.configFields.every((field) => !field.required || config[field.key] && config[field.key].trim() !== "");
-  };
-  const handleClose = () => {
-    setActiveStep("type");
-    setSelectedType(null);
-    setConfig({});
-    onClose();
-  };
-  const steps = [
-    {
-      id: "type",
-      label: "Type",
-      description: "Choose list type",
-      disabled: false
-    },
-    {
-      id: "configure",
-      label: "Configure",
-      description: "Set configuration",
-      disabled: !selectedType
-    },
-    {
-      id: "preview",
-      label: "Preview",
-      description: "Preview and add",
-      disabled: !selectedType || !isConfigValid()
-    }
-  ];
-  const renderStepContent = () => {
-    switch (activeStep) {
-      case "type":
-        return /* @__PURE__ */ React34.createElement(ListTypeSelectionStep, { selectedType, onTypeSelect: handleTypeSelect, onNext: () => setActiveStep("configure") });
-      case "configure":
-        return selectedType ? /* @__PURE__ */ React34.createElement(
-          ListConfigurationStep,
-          {
-            listType: selectedType,
-            config,
-            onConfigChange: handleConfigChange,
-            onPrev: () => setActiveStep("type"),
-            onNext: () => setActiveStep("preview"),
-            isValid: isConfigValid()
-          }
-        ) : null;
-      case "preview":
-        return selectedType ? /* @__PURE__ */ React34.createElement(ListPreviewStep, { listSortConfig: null, listType: selectedType, config, onAddToBlock: handleAddToBlock, onPrev: () => setActiveStep("configure") }) : null;
-      default:
-        return null;
-    }
-  };
-  return /* @__PURE__ */ React34.createElement(Modal, { opened, onClose: handleClose, title: "Configure List Block", size: "xl" }, /* @__PURE__ */ React34.createElement(Group7, { align: "flex-start", gap: "lg", style: { minHeight: "400px" } }, /* @__PURE__ */ React34.createElement(Box14, { style: { width: "200px", flexShrink: 0, height: "400px", display: "flex" } }, /* @__PURE__ */ React34.createElement(
-    ModalNavigation,
-    {
-      steps,
-      activeStep,
-      onStepChange: setActiveStep,
-      showUpdateButton: selectedType !== null && isConfigValid(),
-      onUpdateBlock: handleAddToBlock
-    }
-  )), /* @__PURE__ */ React34.createElement(Box14, { style: { flex: 1 } }, renderStepContent())));
+// src/mantine/blocks/list/oracles/OraclesList.tsx
+import React25 from "react";
+import { Text as Text13, Box as Box7, Image as Image4, Stack as Stack15, Flex as Flex7 } from "@mantine/core";
+var OraclesList = ({ items, mods, isItemChecked, onItemCheck }) => {
+  if (!items || items.length === 0) {
+    return /* @__PURE__ */ React25.createElement(Text13, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No oracles found");
+  }
+  const rows = items.map((oracle) => /* @__PURE__ */ React25.createElement(ListItemContainer, { key: oracle.did }, /* @__PURE__ */ React25.createElement(Flex7, { align: "center", gap: "sm" }, /* @__PURE__ */ React25.createElement(Image4, { radius: 16, w: 32, h: 32, src: oracle.icon }), /* @__PURE__ */ React25.createElement(Stack15, { gap: 0 }, /* @__PURE__ */ React25.createElement(Text13, { size: "sm" }, oracle.name || "-"), /* @__PURE__ */ React25.createElement(Text13, { size: "sm", c: "dimmed" }, oracle.brand || "-"))), /* @__PURE__ */ React25.createElement(Flex7, { align: "center", gap: "md" }, /* @__PURE__ */ React25.createElement(Stack15, { ta: "right", gap: 0 }, /* @__PURE__ */ React25.createElement(Text13, { size: "sm" }, oracle.currency || "-"), /* @__PURE__ */ React25.createElement(Text13, { size: "xs", c: "dimmed" }, oracle.minPoints, " - ", oracle.maxPoints, " pts"), /* @__PURE__ */ React25.createElement(Text13, { size: "xs", c: "dimmed" }, oracle.flowsAmount, " Flows")), mods && /* @__PURE__ */ React25.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${oracle.did}`, checked: isItemChecked?.(oracle.did), onCheck: (checked) => onItemCheck?.(oracle.did, checked) }))));
+  return /* @__PURE__ */ React25.createElement(Box7, { flex: 1 }, /* @__PURE__ */ React25.createElement(Stack15, null, rows));
+};
+
+// src/mantine/blocks/list/pods/PODsList.tsx
+import React26 from "react";
+import { Text as Text14, Box as Box8, Image as Image5, Stack as Stack16, Flex as Flex8 } from "@mantine/core";
+var PodsList = ({ items, mods, isItemChecked, onItemCheck }) => {
+  if (!items || items.length === 0) {
+    return /* @__PURE__ */ React26.createElement(Text14, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No PODs found");
+  }
+  const rows = items.map((pod) => /* @__PURE__ */ React26.createElement(ListItemContainer, { key: pod.did }, /* @__PURE__ */ React26.createElement(Flex8, { align: "center", gap: "sm" }, /* @__PURE__ */ React26.createElement(Image5, { radius: 16, w: 32, h: 32, src: pod.icon }), /* @__PURE__ */ React26.createElement(Stack16, { gap: 0 }, /* @__PURE__ */ React26.createElement(Text14, { size: "sm" }, pod.name || "-"), /* @__PURE__ */ React26.createElement(Text14, { size: "sm", c: "dimmed" }, pod.startDate, " \u2192 ", pod.endDate))), /* @__PURE__ */ React26.createElement(Flex8, { align: "center", gap: "md" }, /* @__PURE__ */ React26.createElement(Stack16, { ta: "right", gap: 0 }, /* @__PURE__ */ React26.createElement(Text14, { size: "sm" }, pod.members, " Members"), /* @__PURE__ */ React26.createElement(Text14, { size: "sm", c: "dimmed" }, pod.totalProposals, " Proposals")), mods && /* @__PURE__ */ React26.createElement(ListItemCheckbox, { ariaLabel: `Select pod ${pod.did}`, checked: isItemChecked?.(pod.did), onCheck: (checked) => onItemCheck?.(pod.did, checked) }))));
+  return /* @__PURE__ */ React26.createElement(Box8, { flex: 1 }, /* @__PURE__ */ React26.createElement(Stack16, null, rows));
+};
+
+// src/mantine/blocks/list/proposals/CollectionsList.tsx
+import React27 from "react";
+import { Text as Text15, Box as Box9, Image as Image6, Stack as Stack17, Flex as Flex9, Badge as Badge4 } from "@mantine/core";
+var ProposalsList = ({ items, mods, isItemChecked, onItemCheck }) => {
+  if (!items || items.length === 0) {
+    return /* @__PURE__ */ React27.createElement(Text15, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No proposals found");
+  }
+  const rows = items.map((proposal) => /* @__PURE__ */ React27.createElement(ListItemContainer, { key: proposal.did }, /* @__PURE__ */ React27.createElement(Flex9, { align: "center", gap: "sm" }, /* @__PURE__ */ React27.createElement(Image6, { radius: 16, w: 32, h: 32, src: proposal.icon }), /* @__PURE__ */ React27.createElement(Stack17, { gap: 0 }, /* @__PURE__ */ React27.createElement(Text15, { size: "sm" }, proposal.name || "-"), /* @__PURE__ */ React27.createElement(Text15, { size: "xs", c: "dimmed" }, proposal.description || "-"))), /* @__PURE__ */ React27.createElement(Flex9, { align: "center", gap: "md" }, /* @__PURE__ */ React27.createElement(Stack17, { ta: "right", gap: 0 }, /* @__PURE__ */ React27.createElement(Badge4, { size: "sm", variant: "light", color: "blue", style: { fontFamily: "monospace", fontSize: "10px" } }, proposal.status), /* @__PURE__ */ React27.createElement(Text15, { size: "sm", c: "dimmed" }, proposal.isVotedOn ? "Voted" : "Not voted")), mods && /* @__PURE__ */ React27.createElement(ListItemCheckbox, { ariaLabel: `Select proposal ${proposal.did}`, checked: isItemChecked?.(proposal.did), onCheck: (checked) => onItemCheck?.(proposal.did, checked) }))));
+  return /* @__PURE__ */ React27.createElement(Box9, { flex: 1 }, /* @__PURE__ */ React27.createElement(Stack17, null, rows));
+};
+
+// src/mantine/blocks/list/requests/RequestsList.tsx
+import React28 from "react";
+import { Text as Text16, Box as Box10, Image as Image7, Stack as Stack18, Flex as Flex10 } from "@mantine/core";
+var RequestsList = ({ items, mods, isItemChecked, onItemCheck }) => {
+  if (!items || items.length === 0) {
+    return /* @__PURE__ */ React28.createElement(Text16, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No requests found");
+  }
+  const rows = items.map((request) => /* @__PURE__ */ React28.createElement(ListItemContainer, { key: request.did }, /* @__PURE__ */ React28.createElement(Flex10, { align: "center", gap: "sm" }, /* @__PURE__ */ React28.createElement(Image7, { radius: 16, w: 32, h: 32, src: request.icon }), /* @__PURE__ */ React28.createElement(Stack18, { gap: 0 }, /* @__PURE__ */ React28.createElement(Text16, { size: "sm" }, request.name || "-"), /* @__PURE__ */ React28.createElement(Text16, { size: "sm", c: "dimmed" }, request.brand || "-"))), /* @__PURE__ */ React28.createElement(Flex10, { align: "center", gap: "md" }, /* @__PURE__ */ React28.createElement(Stack18, { ta: "right", gap: 0 }, /* @__PURE__ */ React28.createElement(Text16, { size: "sm", c: "dimmed" }, request.currency || "", request.budget ?? "-"), /* @__PURE__ */ React28.createElement(Text16, { size: "xs", c: "dimmed" }, request.totalApplications ?? 0, " Applications")), mods && /* @__PURE__ */ React28.createElement(ListItemCheckbox, { ariaLabel: `Select request ${request.did}`, checked: isItemChecked?.(request.did), onCheck: (checked) => onItemCheck?.(request.did, checked) }))));
+  return /* @__PURE__ */ React28.createElement(Box10, { flex: 1 }, /* @__PURE__ */ React28.createElement(Stack18, null, rows));
+};
+
+// src/mantine/blocks/list/members/MembersList.tsx
+import React29 from "react";
+import { Text as Text17, Box as Box11, Image as Image8, Stack as Stack19, Flex as Flex11 } from "@mantine/core";
+var MembersList = ({ items, mods, isItemChecked, onItemCheck }) => {
+  if (!items || items.length === 0) {
+    return /* @__PURE__ */ React29.createElement(Text17, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No members found");
+  }
+  const rows = items.map((member) => /* @__PURE__ */ React29.createElement(ListItemContainer, { key: member.did }, /* @__PURE__ */ React29.createElement(Flex11, { align: "center", gap: "sm" }, /* @__PURE__ */ React29.createElement(Image8, { radius: 16, w: 32, h: 32, src: member.icon }), /* @__PURE__ */ React29.createElement(Stack19, { gap: 0 }, /* @__PURE__ */ React29.createElement(Text17, { size: "sm" }, member.username || "-"), /* @__PURE__ */ React29.createElement(Text17, { size: "xs", c: "dimmed" }, member.address || "-"))), /* @__PURE__ */ React29.createElement(Flex11, { align: "center", gap: "md" }, /* @__PURE__ */ React29.createElement(Stack19, { ta: "right", gap: 0 }, /* @__PURE__ */ React29.createElement(Text17, { size: "sm" }, member.percentage), /* @__PURE__ */ React29.createElement(Text17, { size: "sm", c: "dimmed" }, member.role)), mods && /* @__PURE__ */ React29.createElement(ListItemCheckbox, { ariaLabel: `Select member ${member.did}`, checked: isItemChecked?.(member.did), onCheck: (checked) => onItemCheck?.(member.did, checked) }))));
+  return /* @__PURE__ */ React29.createElement(Box11, { flex: 1 }, /* @__PURE__ */ React29.createElement(Stack19, null, rows));
+};
+
+// src/mantine/blocks/list/validators/ValidatorsList.tsx
+import React30 from "react";
+import { Text as Text18, Box as Box12, Image as Image9, Stack as Stack20, Flex as Flex12 } from "@mantine/core";
+var ValidatorsList = ({ items, mods, isItemChecked, onItemCheck }) => {
+  if (!items || items.length === 0) {
+    return /* @__PURE__ */ React30.createElement(Text18, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No validators found");
+  }
+  const rows = items.map((v) => /* @__PURE__ */ React30.createElement(ListItemContainer, { key: v.did }, /* @__PURE__ */ React30.createElement(Flex12, { align: "center", gap: "sm" }, /* @__PURE__ */ React30.createElement(Image9, { radius: 16, w: 32, h: 32, src: v.icon }), /* @__PURE__ */ React30.createElement(Stack20, { gap: 0 }, /* @__PURE__ */ React30.createElement(Text18, { size: "sm" }, v.name || "-"), /* @__PURE__ */ React30.createElement(Text18, { size: "xs", c: "dimmed" }, v.description || "-"))), /* @__PURE__ */ React30.createElement(Flex12, { align: "center", gap: "md" }, /* @__PURE__ */ React30.createElement(Stack20, { ta: "right", gap: 0 }, /* @__PURE__ */ React30.createElement(Text18, { size: "sm" }, formatNumber(v.amount), " ", v.currency), /* @__PURE__ */ React30.createElement(Text18, { size: "sm", c: "dimmed" }, v.commission, "% fee"), /* @__PURE__ */ React30.createElement(Text18, { size: "xs", c: "dimmed" }, v.isActive ? "Active" : "Inactive", " \u2022 ", v.isStaked ? "Staked" : "Not staked", " \u2022 ", v.isBonding ? "Bonding" : "Not bonding")), mods && /* @__PURE__ */ React30.createElement(ListItemCheckbox, { ariaLabel: `Select validator ${v.did}`, checked: isItemChecked?.(v.did), onCheck: (checked) => onItemCheck?.(v.did, checked) }))));
+  return /* @__PURE__ */ React30.createElement(Box12, { flex: 1 }, /* @__PURE__ */ React30.createElement(Stack20, null, rows));
 };
 
 // src/mantine/blocks/list/ListActionsMenu.tsx
-import React35 from "react";
-import { Menu, Text as Text22 } from "@mantine/core";
+import React31 from "react";
+import { Menu, Text as Text19 } from "@mantine/core";
 import { IconArrowDown, IconArrowUp, IconAdjustments, IconCheckbox as IconCheckbox2, IconAdjustmentsHorizontal } from "@tabler/icons-react";
 var ListActionsMenu = ({ options, selectionMode, onSelectActionClick, value, onChange }) => {
   const renderItem = (opt, direction) => {
     const isActive = value?.key === opt.key && value?.direction === direction;
     const Icon = direction === "asc" ? IconArrowUp : IconArrowDown;
-    return /* @__PURE__ */ React35.createElement(
+    return /* @__PURE__ */ React31.createElement(
       Menu.Item,
       {
         key: `${opt.key}-${direction}`,
-        leftSection: /* @__PURE__ */ React35.createElement(Icon, { size: 16 }),
+        leftSection: /* @__PURE__ */ React31.createElement(Icon, { size: 16 }),
         onClick: () => {
           console.log("Changing sort: ", direction);
           onChange({ key: opt.key, direction });
@@ -2611,7 +2338,7 @@ var ListActionsMenu = ({ options, selectionMode, onSelectActionClick, value, onC
       opt.label
     );
   };
-  return /* @__PURE__ */ React35.createElement(Menu, { shadow: "md", width: 220 }, /* @__PURE__ */ React35.createElement(Menu.Target, null, /* @__PURE__ */ React35.createElement(Text22, { style: { cursor: "pointer" } }, /* @__PURE__ */ React35.createElement(IconAdjustmentsHorizontal, { size: 20 }))), /* @__PURE__ */ React35.createElement(Menu.Dropdown, null, /* @__PURE__ */ React35.createElement(Menu.Label, null, /* @__PURE__ */ React35.createElement(Text22, { c: "dimmed" }, "Order By")), options.map((opt) => /* @__PURE__ */ React35.createElement(React35.Fragment, { key: opt.key }, renderItem(opt, "desc"), renderItem(opt, "asc"))), /* @__PURE__ */ React35.createElement(Menu.Divider, null), /* @__PURE__ */ React35.createElement(Menu.Item, { leftSection: /* @__PURE__ */ React35.createElement(IconAdjustments, { size: 16 }) }, "Smart Filter"), /* @__PURE__ */ React35.createElement(Menu.Divider, null), /* @__PURE__ */ React35.createElement(Menu.Item, { onClick: () => onSelectActionClick(selectionMode === "single" ? null : "single"), leftSection: /* @__PURE__ */ React35.createElement(IconCheckbox2, { size: 16 }) }, "Single Select"), /* @__PURE__ */ React35.createElement(Menu.Item, { onClick: () => onSelectActionClick(selectionMode === "multi" ? null : "multi"), leftSection: /* @__PURE__ */ React35.createElement(IconCheckbox2, { size: 16 }) }, "Multi Select")));
+  return /* @__PURE__ */ React31.createElement(Menu, { shadow: "md", width: 220 }, /* @__PURE__ */ React31.createElement(Menu.Target, null, /* @__PURE__ */ React31.createElement(Text19, { style: { cursor: "pointer" } }, /* @__PURE__ */ React31.createElement(IconAdjustmentsHorizontal, { size: 20 }))), /* @__PURE__ */ React31.createElement(Menu.Dropdown, null, /* @__PURE__ */ React31.createElement(Menu.Label, null, /* @__PURE__ */ React31.createElement(Text19, { c: "dimmed" }, "Order By")), options.map((opt) => /* @__PURE__ */ React31.createElement(React31.Fragment, { key: opt.key }, renderItem(opt, "desc"), renderItem(opt, "asc"))), /* @__PURE__ */ React31.createElement(Menu.Divider, null), /* @__PURE__ */ React31.createElement(Menu.Item, { leftSection: /* @__PURE__ */ React31.createElement(IconAdjustments, { size: 16 }) }, "Smart Filter"), /* @__PURE__ */ React31.createElement(Menu.Divider, null), /* @__PURE__ */ React31.createElement(Menu.Item, { onClick: () => onSelectActionClick(selectionMode === "single" ? null : "single"), leftSection: /* @__PURE__ */ React31.createElement(IconCheckbox2, { size: 16 }) }, "Single Select"), /* @__PURE__ */ React31.createElement(Menu.Item, { onClick: () => onSelectActionClick(selectionMode === "multi" ? null : "multi"), leftSection: /* @__PURE__ */ React31.createElement(IconCheckbox2, { size: 16 }) }, "Multi Select")));
 };
 
 // src/core/lib/sortListItems.ts
@@ -2634,10 +2361,10 @@ function sortListItems(data, sortOption) {
 }
 
 // src/mantine/blocks/list/FilterTab.tsx
-import React36 from "react";
-import { UnstyledButton, Text as Text23 } from "@mantine/core";
+import React32 from "react";
+import { UnstyledButton, Text as Text20 } from "@mantine/core";
 function FilterTab({ onClick, label, isActive }) {
-  return /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React32.createElement(
     UnstyledButton,
     {
       onClick,
@@ -2668,7 +2395,7 @@ function FilterTab({ onClick, label, isActive }) {
         if (!isActive) e.currentTarget.style.background = "transparent";
       }
     },
-    /* @__PURE__ */ React36.createElement(Text23, { size: "sm", fw: 500 }, label)
+    /* @__PURE__ */ React32.createElement(Text20, { size: "sm", fw: 500 }, label)
   );
 }
 
@@ -2684,36 +2411,89 @@ function filterListItems(items, filterOption) {
   });
 }
 
-// src/mantine/blocks/list/ListBlock.tsx
+// src/mantine/blocks/list/flow/FlowView.tsx
 import { IconArrowDown as IconArrowDown2, IconArrowUp as IconArrowUp2 } from "@tabler/icons-react";
-var IconSettings = () => /* @__PURE__ */ React37.createElement("span", null, "\u2699\uFE0F");
-var IconRefresh = () => /* @__PURE__ */ React37.createElement("span", null, "\u{1F504}");
-var IconAlertCircle = () => /* @__PURE__ */ React37.createElement("span", null, "\u26A0\uFE0F");
-var ListBlockContent = ({ block, editor }) => {
-  const [modalOpened, setModalOpened] = useState6(false);
-  const [data, setData] = useState6(null);
-  const [loading, setLoading] = useState6(false);
-  const [error, setError] = useState6(null);
-  const [showErrorDetails, setShowErrorDetails] = useState6(false);
-  const [page, setPage] = useState6(1);
-  const [selectionMode, setSelectionMode] = useState6(null);
-  const [totalPages, setTotalPages] = useState6(0);
-  const [selectedIds, setSelectedIds] = useState6(/* @__PURE__ */ new Set());
+
+// src/mantine/blocks/list/ListPagination.tsx
+import React33 from "react";
+import { Pagination } from "@mantine/core";
+function ListPagination({ page, setPage, totalPages }) {
+  return /* @__PURE__ */ React33.createElement(
+    Pagination,
+    {
+      value: page,
+      onChange: setPage,
+      total: totalPages,
+      siblings: 1,
+      radius: 8,
+      color: "rgba(255, 255, 255, 0.08)",
+      boundaries: 0,
+      mx: "auto",
+      styles: {
+        dots: { display: "none" },
+        control: {
+          padding: 0,
+          border: 0,
+          color: "#868e96"
+        }
+      }
+    }
+  );
+}
+
+// src/core/constants.ts
+var DEFAULT_PAGE_SIZE = 5;
+
+// src/mantine/blocks/list/dao_members/MembersList.tsx
+import React34 from "react";
+import { Text as Text21, Box as Box13, Image as Image10, Stack as Stack21, Flex as Flex13 } from "@mantine/core";
+var DaoMembersList = ({ items, mods, isItemChecked, onItemCheck }) => {
+  if (!items || items.length === 0) {
+    return /* @__PURE__ */ React34.createElement(Text21, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No members found");
+  }
+  const rows = items.map((member) => /* @__PURE__ */ React34.createElement(ListItemContainer, { key: member.did }, /* @__PURE__ */ React34.createElement(Flex13, { align: "center", gap: "sm" }, /* @__PURE__ */ React34.createElement(Image10, { radius: 16, w: 32, h: 32, src: member.icon }), /* @__PURE__ */ React34.createElement(Stack21, { gap: 0 }, /* @__PURE__ */ React34.createElement(Text21, { size: "sm", fw: 500 }, member.username || "Unknown User"), /* @__PURE__ */ React34.createElement(Text21, { size: "xs", c: "dimmed", lineClamp: 1 }, member.address || "No address"))), /* @__PURE__ */ React34.createElement(Flex13, { align: "center", gap: "md" }, /* @__PURE__ */ React34.createElement(Stack21, { ta: "right", gap: 0 }, /* @__PURE__ */ React34.createElement(Text21, { size: "sm", fw: 500, c: "blue" }, member.percentage || "0%"), /* @__PURE__ */ React34.createElement(Text21, { size: "xs", c: "dimmed", tt: "capitalize" }, member.role || "member")), mods && /* @__PURE__ */ React34.createElement(
+    ListItemCheckbox,
+    {
+      ariaLabel: `Select member ${member.username || member.did}`,
+      checked: isItemChecked?.(member.did) || false,
+      onCheck: (checked) => onItemCheck?.(member.did, checked)
+    }
+  ))));
+  return /* @__PURE__ */ React34.createElement(Box13, { flex: 1 }, /* @__PURE__ */ React34.createElement(Stack21, { gap: "xs" }, rows));
+};
+
+// src/mantine/blocks/list/flow/FlowView.tsx
+var IconRefresh = () => /* @__PURE__ */ React35.createElement("span", null, "\u{1F504}");
+var IconSettings = () => /* @__PURE__ */ React35.createElement("span", null, "\u2699\uFE0F");
+var IconAlertCircle = () => /* @__PURE__ */ React35.createElement("span", null, "\u26A0\uFE0F");
+var LIST_FLOW_PANEL_ID = "list-flow-panel";
+var ListFlowView = ({ block, editor }) => {
   const { editable } = useBlocknoteContext();
-  useEffect6(() => {
+  const [data, setData] = useState5(null);
+  const [loading, setLoading] = useState5(false);
+  const [error, setError] = useState5(null);
+  const [showErrorDetails, setShowErrorDetails] = useState5(false);
+  const [page, setPage] = useState5(1);
+  const [selectionMode, setSelectionMode] = useState5(null);
+  const [totalPages, setTotalPages] = useState5(0);
+  const [selectedIds, setSelectedIds] = useState5(/* @__PURE__ */ new Set());
+  const panelId = `${LIST_FLOW_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo7(() => /* @__PURE__ */ React35.createElement(TemplateConfig2, { editor, block }), [editor, block]);
+  const { open: openPanel } = usePanel(panelId, panelContent);
+  useEffect5(() => {
     if (selectionMode === "single" && selectedIds.size > 1) {
       const arr = Array.from(selectedIds);
       const lastSelected = arr.length > 0 ? arr[arr.length - 1] : void 0;
       setSelectedIds(new Set(lastSelected ? [lastSelected] : []));
     }
   }, [selectionMode, selectedIds]);
-  const isItemChecked = useCallback8(
+  const isItemChecked = useCallback9(
     (id) => {
       return selectedIds.has(id);
     },
     [selectedIds]
   );
-  const onItemCheck = useCallback8(
+  const onItemCheck = useCallback9(
     (id, checked) => {
       setSelectedIds((prev) => {
         const nextSelectedIds = new Set(prev);
@@ -2736,7 +2516,7 @@ var ListBlockContent = ({ block, editor }) => {
   );
   const handlers = useBlocknoteHandlers();
   const listType = block.props.listType && block.props.listType !== "" ? block.props.listType : null;
-  const listConfig = useMemo6(() => {
+  const listConfig = useMemo7(() => {
     if (block.props.listConfig && block.props.listConfig !== "{}") {
       try {
         return JSON.parse(block.props.listConfig);
@@ -2747,7 +2527,7 @@ var ListBlockContent = ({ block, editor }) => {
     }
     return {};
   }, [block.props.listConfig]);
-  const listSortConfigOptions = useMemo6(() => {
+  const listSortConfigOptions = useMemo7(() => {
     if (block.props.sortOptions && block.props.sortOptions !== "{}") {
       try {
         return JSON.parse(block.props.sortOptions);
@@ -2758,7 +2538,7 @@ var ListBlockContent = ({ block, editor }) => {
     }
     return {};
   }, [block.props.sortOptions]);
-  const listFilterConfigOptions = useMemo6(() => {
+  const listFilterConfigOptions = useMemo7(() => {
     if (block.props.filterOptions && block.props.filterOptions !== "{}") {
       try {
         return JSON.parse(block.props.filterOptions);
@@ -2769,7 +2549,7 @@ var ListBlockContent = ({ block, editor }) => {
     }
     return {};
   }, [block.props.filterOptions]);
-  const listFilterConfig = useMemo6(() => {
+  const listFilterConfig = useMemo7(() => {
     if (block.props.filter && block.props.filter !== "{}") {
       try {
         return JSON.parse(block.props.filter);
@@ -2780,7 +2560,7 @@ var ListBlockContent = ({ block, editor }) => {
     }
     return {};
   }, [block.props.filter]);
-  const listSortConfig = useMemo6(() => {
+  const listSortConfig = useMemo7(() => {
     if (block.props.sort && block.props.sort !== "{}") {
       try {
         return JSON.parse(block.props.sort);
@@ -2799,7 +2579,7 @@ var ListBlockContent = ({ block, editor }) => {
       }
     });
   };
-  const fetchData = useCallback8(async () => {
+  const fetchData = useCallback9(async () => {
     if (!handlers || !listType || !listConfig) return;
     setLoading(true);
     setError(null);
@@ -2892,24 +2672,12 @@ var ListBlockContent = ({ block, editor }) => {
       setLoading(false);
     }
   }, [handlers, page, listType, listConfig]);
-  useEffect6(() => {
+  useEffect5(() => {
     if (listType && listConfig) {
-      console.log("[ListBlockContent] useEffect", listType, listConfig);
+      console.log("[ListFlowView] useEffect", listType, listConfig);
       fetchData();
     }
   }, [listType, page, listConfig]);
-  const handleConfigSave = (config) => {
-    console.log("[ListBlockContent] handleConfigSave", config);
-    updateProps({
-      listType: config.type,
-      listConfig: JSON.stringify(config.config),
-      sortOptions: JSON.stringify(config.sortOptions),
-      sort: JSON.stringify(config.sort),
-      filterOptions: JSON.stringify(config.filterOptions),
-      filter: JSON.stringify(config.filter)
-    });
-    setModalOpened(false);
-  };
   const handleFilterChange = (filterOption) => {
     if (filterOption?.key === listFilterConfig?.key && filterOption?.value === listFilterConfig?.value) {
       return updateProps({ filter: null });
@@ -2922,51 +2690,54 @@ var ListBlockContent = ({ block, editor }) => {
     }
     updateProps({ sort: JSON.stringify(sortOption) });
   };
-  const sortedData = useMemo6(() => {
+  const sortedData = useMemo7(() => {
     if (!data) return null;
     return sortListItems(data, listSortConfig);
   }, [data?.items, listSortConfig]);
-  const filteredData = useMemo6(() => {
+  const filteredData = useMemo7(() => {
     if (!listFilterConfig?.key) return sortedData;
     if (!sortedData) return null;
     return filterListItems(sortedData, listFilterConfig);
   }, [data?.items, sortedData, listFilterConfig]);
   const renderListComponent = () => {
     if (!filteredData || !listType) return null;
-    console.log("[ListBlockContent] renderListComponent", data, listType);
+    console.log("[ListFlowView] renderListComponent", data, listType);
     switch (listType) {
       case "linked_resources":
-        return /* @__PURE__ */ React37.createElement(LinkedResourcesList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React35.createElement(LinkedResourcesList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
       case "assets":
-        return /* @__PURE__ */ React37.createElement(AssetsList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React35.createElement(AssetsList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
       case "transactions":
-        return /* @__PURE__ */ React37.createElement(TransactionsList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React35.createElement(TransactionsList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
       case "collections":
-        return /* @__PURE__ */ React37.createElement(CollectionsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React35.createElement(CollectionsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       case "investments":
-        return /* @__PURE__ */ React37.createElement(InvestmentsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React35.createElement(InvestmentsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       case "oracles":
-        return /* @__PURE__ */ React37.createElement(OraclesList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React35.createElement(OraclesList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       case "pods":
-        return /* @__PURE__ */ React37.createElement(PodsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React35.createElement(PodsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       case "proposals":
-        return /* @__PURE__ */ React37.createElement(ProposalsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React35.createElement(ProposalsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       case "requests":
-        return /* @__PURE__ */ React37.createElement(RequestsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React35.createElement(RequestsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       case "group_members":
-        return /* @__PURE__ */ React37.createElement(MembersList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React35.createElement(MembersList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       case "dao_members":
-        return /* @__PURE__ */ React37.createElement(DaoMembersList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React35.createElement(DaoMembersList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       case "validators":
-        return /* @__PURE__ */ React37.createElement(ValidatorsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
+        return /* @__PURE__ */ React35.createElement(ValidatorsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ React37.createElement(Stack24, { mih: listType && totalPages !== 0 ? 700 : void 0, w: "100%" }, listType && /* @__PURE__ */ React37.createElement(Flex14, { align: "center", gap: "xs" }, /* @__PURE__ */ React37.createElement(Text24, null, getListNameByType(listType)), listSortConfig?.key && /* @__PURE__ */ React37.createElement(Flex14, { align: "center" }, /* @__PURE__ */ React37.createElement(Text24, { size: "xs", c: "dimmed" }, listSortConfig.key?.replace(/([A-Z])/g, " $1").replace(
+  if (!listType) {
+    return /* @__PURE__ */ React35.createElement(Center, { py: "xl" }, /* @__PURE__ */ React35.createElement(Text22, { size: "sm", c: "dimmed" }, "List not configured"));
+  }
+  return /* @__PURE__ */ React35.createElement(Stack22, { mih: totalPages !== 0 ? 700 : void 0, w: "100%" }, /* @__PURE__ */ React35.createElement(Flex14, { align: "center", gap: "xs" }, /* @__PURE__ */ React35.createElement(Text22, null, getListNameByType(listType)), listSortConfig?.key && /* @__PURE__ */ React35.createElement(Flex14, { align: "center" }, /* @__PURE__ */ React35.createElement(Text22, { size: "xs", c: "dimmed" }, listSortConfig.key?.replace(/([A-Z])/g, " $1").replace(
     /^./,
     (str) => str.toUpperCase()
-  ), " "), /* @__PURE__ */ React37.createElement(Text24, { lh: 0.5, c: "dimmed" }, listSortConfig.direction === "asc" && /* @__PURE__ */ React37.createElement(IconArrowUp2, { size: 18 }), listSortConfig.direction === "desc" && /* @__PURE__ */ React37.createElement(IconArrowDown2, { size: 18 }))), selectionMode && /* @__PURE__ */ React37.createElement(Text24, { lh: 0.5, c: "dimmed" }, selectionMode === "single" ? "Single Selection" : "Multi Selection")), /* @__PURE__ */ React37.createElement(Flex14, { justify: listType ? "space-between" : "flex-end" }, /* @__PURE__ */ React37.createElement(Flex14, { gap: "xs", align: "center" }, listType && /* @__PURE__ */ React37.createElement(FilterTab, { key: "All", label: "All", isActive: !listFilterConfig?.key, onClick: () => handleFilterChange(null) }), Array.isArray(listFilterConfigOptions) && listFilterConfigOptions.length > 0 && listFilterConfigOptions.map(({ key, label, type }) => /* @__PURE__ */ React37.createElement(
+  ), " "), /* @__PURE__ */ React35.createElement(Text22, { lh: 0.5, c: "dimmed" }, listSortConfig.direction === "asc" && /* @__PURE__ */ React35.createElement(IconArrowUp2, { size: 18 }), listSortConfig.direction === "desc" && /* @__PURE__ */ React35.createElement(IconArrowDown2, { size: 18 }))), selectionMode && /* @__PURE__ */ React35.createElement(Text22, { lh: 0.5, c: "dimmed" }, selectionMode === "single" ? "Single Selection" : "Multi Selection")), /* @__PURE__ */ React35.createElement(Flex14, { justify: "space-between" }, /* @__PURE__ */ React35.createElement(Flex14, { gap: "xs", align: "center" }, /* @__PURE__ */ React35.createElement(FilterTab, { key: "All", label: "All", isActive: !listFilterConfig?.key, onClick: () => handleFilterChange(null) }), Array.isArray(listFilterConfigOptions) && listFilterConfigOptions.length > 0 && listFilterConfigOptions.map(({ key, label, type }) => /* @__PURE__ */ React35.createElement(
     FilterTab,
     {
       key: label,
@@ -2974,7 +2745,7 @@ var ListBlockContent = ({ block, editor }) => {
       isActive: listFilterConfig?.key === key && listFilterConfig?.value === type,
       onClick: () => handleFilterChange({ key, value: type })
     }
-  ))), /* @__PURE__ */ React37.createElement(Flex14, { gap: "xs" }, listType && editable && /* @__PURE__ */ React37.createElement(ActionIcon3, { variant: "subtle", size: "sm", onClick: fetchData, loading }, /* @__PURE__ */ React37.createElement(IconRefresh, null)), editable && /* @__PURE__ */ React37.createElement(ActionIcon3, { variant: "subtle", size: "sm", onClick: () => setModalOpened(true) }, /* @__PURE__ */ React37.createElement(IconSettings, null)), listType && listConfig && listSortConfigOptions && listSortConfigOptions?.length > 0 && /* @__PURE__ */ React37.createElement(
+  ))), /* @__PURE__ */ React35.createElement(Flex14, { gap: "xs" }, /* @__PURE__ */ React35.createElement(ActionIcon4, { variant: "subtle", size: "sm", onClick: fetchData, loading }, /* @__PURE__ */ React35.createElement(IconRefresh, null)), editable && /* @__PURE__ */ React35.createElement(ActionIcon4, { variant: "subtle", size: "sm", onClick: openPanel }, /* @__PURE__ */ React35.createElement(IconSettings, null)), listConfig && listSortConfigOptions && listSortConfigOptions?.length > 0 && /* @__PURE__ */ React35.createElement(
     ListActionsMenu,
     {
       onSelectActionClick: (mode) => setSelectionMode(mode),
@@ -2983,7 +2754,7 @@ var ListBlockContent = ({ block, editor }) => {
       value: listSortConfig,
       onChange: (sortOption) => handleSortChange(sortOption)
     }
-  ))), /* @__PURE__ */ React37.createElement(Flex14, { flex: 1 }, !listType ? /* @__PURE__ */ React37.createElement(Center2, { py: "xl" }, /* @__PURE__ */ React37.createElement(Stack24, { align: "center", gap: "sm" }, /* @__PURE__ */ React37.createElement(Text24, { size: "sm", c: "dimmed", ta: "center" }, "No list type configured"), /* @__PURE__ */ React37.createElement(Button8, { size: "sm", variant: "light", onClick: () => setModalOpened(true) }, "Configure List"))) : loading ? /* @__PURE__ */ React37.createElement(Center2, { py: "xl", w: "100%" }, /* @__PURE__ */ React37.createElement(Loader2, { size: "md", mx: "auto" })) : error ? /* @__PURE__ */ React37.createElement(Alert4, { color: "red", title: "Failed to load data", icon: /* @__PURE__ */ React37.createElement(IconAlertCircle, null) }, /* @__PURE__ */ React37.createElement(Stack24, { gap: "xs" }, /* @__PURE__ */ React37.createElement(Text24, { size: "sm" }, showErrorDetails ? error : "Unable to fetch list data"), /* @__PURE__ */ React37.createElement(Group8, { gap: "xs" }, /* @__PURE__ */ React37.createElement(Button8, { size: "xs", variant: "subtle", onClick: fetchData }, "Retry"), /* @__PURE__ */ React37.createElement(Button8, { size: "xs", variant: "subtle", onClick: () => setShowErrorDetails(!showErrorDetails) }, showErrorDetails ? "Hide" : "Show", " Details")))) : /* @__PURE__ */ React37.createElement(Stack24, { gap: "md", flex: 1 }, renderListComponent(), /* @__PURE__ */ React37.createElement(
+  ))), /* @__PURE__ */ React35.createElement(Flex14, { flex: 1 }, loading ? /* @__PURE__ */ React35.createElement(Center, { py: "xl", w: "100%" }, /* @__PURE__ */ React35.createElement(Loader, { size: "md", mx: "auto" })) : error ? /* @__PURE__ */ React35.createElement(Alert3, { color: "red", title: "Failed to load data", icon: /* @__PURE__ */ React35.createElement(IconAlertCircle, null) }, /* @__PURE__ */ React35.createElement(Stack22, { gap: "xs" }, /* @__PURE__ */ React35.createElement(Text22, { size: "sm" }, showErrorDetails ? error : "Unable to fetch list data"), /* @__PURE__ */ React35.createElement(Group6, { gap: "xs" }, /* @__PURE__ */ React35.createElement(Button5, { size: "xs", variant: "subtle", onClick: fetchData }, "Retry"), /* @__PURE__ */ React35.createElement(Button5, { size: "xs", variant: "subtle", onClick: () => setShowErrorDetails(!showErrorDetails) }, showErrorDetails ? "Hide" : "Show", " Details")))) : /* @__PURE__ */ React35.createElement(Stack22, { gap: "md", flex: 1 }, renderListComponent(), /* @__PURE__ */ React35.createElement(
     ListPagination,
     {
       page,
@@ -2992,17 +2763,22 @@ var ListBlockContent = ({ block, editor }) => {
       },
       totalPages
     }
-  ))), /* @__PURE__ */ React37.createElement(
-    ListConfigModal,
-    {
-      opened: modalOpened,
-      onClose: () => setModalOpened(false),
-      onSave: handleConfigSave,
-      initialConfig: listType && listConfig ? { type: listType, config: listConfig, sort: null, filter: null, filterOptions: listFilterConfigOptions, sortOptions: listSortConfigOptions } : null
-    }
-  ));
+  ))));
 };
-var ListBlock = createReactBlockSpec2(
+
+// src/mantine/blocks/list/ListBlock.tsx
+function ListBlock({ editor, block }) {
+  const { editable } = useBlocknoteContext();
+  const listType = block.props.listType && block.props.listType !== "";
+  const isConfigured = listType;
+  if (editable && !isConfigured) {
+    return /* @__PURE__ */ React36.createElement(ListTemplateView, { editor, block });
+  }
+  return /* @__PURE__ */ React36.createElement(ListFlowView, { block, editor });
+}
+
+// src/mantine/blocks/list/ListBlockSpec.tsx
+var ListBlockSpec = createReactBlockSpec2(
   {
     type: "list",
     propSchema: {
@@ -3023,12 +2799,18 @@ var ListBlock = createReactBlockSpec2(
       },
       listConfig: {
         default: "{}"
+      },
+      icon: {
+        default: "\u{1F4CB}"
       }
     },
     content: "none"
   },
   {
-    render: (props) => /* @__PURE__ */ React37.createElement(ListBlockContent, { ...props })
+    render: (props) => {
+      const ixoProps = props;
+      return /* @__PURE__ */ React37.createElement(ListBlock, { ...ixoProps });
+    }
   }
 );
 
@@ -3115,25 +2897,25 @@ var ValidatorActionType = /* @__PURE__ */ ((ValidatorActionType2) => {
 })(ValidatorActionType || {});
 
 // src/mantine/context/hooks/useSharedProposal.ts
-import { useState as useState7, useEffect as useEffect7, useCallback as useCallback9 } from "react";
+import { useState as useState6, useEffect as useEffect6, useCallback as useCallback10 } from "react";
 var useSharedProposal = ({ proposalId, contractAddress, autoFetch = true }) => {
   const { sharedProposals, fetchSharedProposal, invalidateProposal, subscribeToProposal } = useBlocknoteContext();
-  const [localProposal, setLocalProposal] = useState7(null);
+  const [localProposal, setLocalProposal] = useState6(null);
   const cacheKey = `${contractAddress}:${proposalId}`;
-  useEffect7(() => {
+  useEffect6(() => {
     if (!proposalId || !contractAddress || !autoFetch) return;
     fetchSharedProposal(proposalId, contractAddress).then(setLocalProposal).catch((error) => {
       console.error("Failed to fetch proposal:", error);
     });
   }, [proposalId, contractAddress, fetchSharedProposal, autoFetch]);
-  useEffect7(() => {
+  useEffect6(() => {
     const proposal = subscribeToProposal(cacheKey);
     if (proposal) {
       setLocalProposal(proposal);
     }
   }, [subscribeToProposal, cacheKey]);
-  const refetch = useCallback9(() => fetchSharedProposal(proposalId, contractAddress, true), [fetchSharedProposal, proposalId, contractAddress]);
-  const invalidate = useCallback9(() => invalidateProposal(proposalId), [invalidateProposal, proposalId]);
+  const refetch = useCallback10(() => fetchSharedProposal(proposalId, contractAddress, true), [fetchSharedProposal, proposalId, contractAddress]);
+  const invalidate = useCallback10(() => invalidateProposal(proposalId), [invalidateProposal, proposalId]);
   return {
     proposal: localProposal,
     loading: sharedProposals[cacheKey]?.loading ?? false,
@@ -3151,25 +2933,25 @@ import { createReactBlockSpec as createReactBlockSpec4 } from "@blocknote/react"
 import React81 from "react";
 
 // src/mantine/blocks/proposal/template/TemplateView.tsx
-import React75, { useMemo as useMemo8 } from "react";
+import React75, { useMemo as useMemo9 } from "react";
 
 // src/mantine/blocks/proposal/template/TemplateConfig.tsx
-import React74, { useCallback as useCallback11 } from "react";
-import { Paper as Paper3, CloseButton as CloseButton2, Title as Title2 } from "@mantine/core";
+import React74, { useCallback as useCallback12 } from "react";
+import { Paper as Paper4, CloseButton as CloseButton3, Title as Title3 } from "@mantine/core";
 
 // src/mantine/blocks/proposal/template/GeneralTab.tsx
-import React39, { useEffect as useEffect8, useState as useState8 } from "react";
-import { Stack as Stack25, Text as Text25, TextInput as TextInput5, Textarea as Textarea2 } from "@mantine/core";
-var GeneralTab2 = ({ title, description, onTitleChange, onDescriptionChange }) => {
-  const [localTitle, setLocalTitle] = useState8(title || "");
-  const [localDescription, setLocalDescription] = useState8(description || "");
-  useEffect8(() => {
+import React39, { useEffect as useEffect7, useState as useState7 } from "react";
+import { Stack as Stack23, Text as Text23, TextInput as TextInput5, Textarea as Textarea2 } from "@mantine/core";
+var GeneralTab3 = ({ title, description, onTitleChange, onDescriptionChange }) => {
+  const [localTitle, setLocalTitle] = useState7(title || "");
+  const [localDescription, setLocalDescription] = useState7(description || "");
+  useEffect7(() => {
     setLocalTitle(title || "");
   }, [title]);
-  useEffect8(() => {
+  useEffect7(() => {
     setLocalDescription(description || "");
   }, [description]);
-  return /* @__PURE__ */ React39.createElement(Stack25, { gap: "lg" }, /* @__PURE__ */ React39.createElement(Stack25, { gap: "xs" }, /* @__PURE__ */ React39.createElement(Text25, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React39.createElement(Stack23, { gap: "lg" }, /* @__PURE__ */ React39.createElement(Stack23, { gap: "xs" }, /* @__PURE__ */ React39.createElement(Text23, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React39.createElement(
     TextInput5,
     {
       placeholder: "e.g. Proposal Title",
@@ -3180,7 +2962,7 @@ var GeneralTab2 = ({ title, description, onTitleChange, onDescriptionChange }) =
         onTitleChange(newTitle);
       }
     }
-  )), /* @__PURE__ */ React39.createElement(Stack25, { gap: "xs" }, /* @__PURE__ */ React39.createElement(Text25, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React39.createElement(
+  )), /* @__PURE__ */ React39.createElement(Stack23, { gap: "xs" }, /* @__PURE__ */ React39.createElement(Text23, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React39.createElement(
     Textarea2,
     {
       placeholder: "Describe what this proposal is about",
@@ -3196,12 +2978,12 @@ var GeneralTab2 = ({ title, description, onTitleChange, onDescriptionChange }) =
 };
 
 // src/mantine/blocks/proposal/template/ActionsTab.tsx
-import React72, { useCallback as useCallback10, useEffect as useEffect11, useState as useState16 } from "react";
-import { Button as Button15, Card as Card12, Stack as Stack58 } from "@mantine/core";
+import React72, { useCallback as useCallback11, useEffect as useEffect10, useState as useState15 } from "react";
+import { Button as Button12, Card as Card13, Stack as Stack56 } from "@mantine/core";
 
 // src/mantine/blocks/proposal/actions-components/ActionsCard.tsx
 import React40 from "react";
-import { Card as Card5, Group as Group9, Text as Text26, Badge as Badge4, Stack as Stack26, ActionIcon as ActionIcon4, ScrollArea } from "@mantine/core";
+import { Card as Card6, Group as Group7, Text as Text24, Badge as Badge5, Stack as Stack24, ActionIcon as ActionIcon5, ScrollArea } from "@mantine/core";
 var getActionSummary = (action) => {
   switch (action.type) {
     case "Spend":
@@ -3234,7 +3016,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
     onClick();
   };
   return /* @__PURE__ */ React40.createElement(
-    Card5,
+    Card6,
     {
       shadow: "sm",
       padding: "lg",
@@ -3250,8 +3032,8 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
       },
       onClick: handleCardClick
     },
-    /* @__PURE__ */ React40.createElement(Group9, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React40.createElement(Stack26, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React40.createElement(Text26, { size: "md", fw: 600, style: { color: "#f1f3f5" } }, "Proposal Actions (", actions.length, ")"), actions.length === 0 ? /* @__PURE__ */ React40.createElement(Text26, { size: "sm", style: { color: "#868e96" } }, "No actions added yet.") : /* @__PURE__ */ React40.createElement(ScrollArea, { h: actions.length > 3 ? 150 : void 0, style: { marginTop: 8 } }, /* @__PURE__ */ React40.createElement(Stack26, { gap: "xs" }, actions.map((action, index) => /* @__PURE__ */ React40.createElement(
-      Card5,
+    /* @__PURE__ */ React40.createElement(Group7, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React40.createElement(Stack24, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React40.createElement(Text24, { size: "md", fw: 600, style: { color: "#f1f3f5" } }, "Proposal Actions (", actions.length, ")"), actions.length === 0 ? /* @__PURE__ */ React40.createElement(Text24, { size: "sm", style: { color: "#868e96" } }, "No actions added yet.") : /* @__PURE__ */ React40.createElement(ScrollArea, { h: actions.length > 3 ? 150 : void 0, style: { marginTop: 8 } }, /* @__PURE__ */ React40.createElement(Stack24, { gap: "xs" }, actions.map((action, index) => /* @__PURE__ */ React40.createElement(
+      Card6,
       {
         key: index,
         withBorder: true,
@@ -3261,8 +3043,8 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
           borderColor: "#333"
         }
       },
-      /* @__PURE__ */ React40.createElement(Group9, { justify: "space-between", align: "center" }, /* @__PURE__ */ React40.createElement(Group9, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React40.createElement(
-        Badge4,
+      /* @__PURE__ */ React40.createElement(Group7, { justify: "space-between", align: "center" }, /* @__PURE__ */ React40.createElement(Group7, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React40.createElement(
+        Badge5,
         {
           size: "sm",
           variant: "light",
@@ -3272,8 +3054,8 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
           }
         },
         action.type
-      ), /* @__PURE__ */ React40.createElement(Text26, { size: "sm", style: { color: "#adb5bd" } }, getActionSummary(action))), !disabled && /* @__PURE__ */ React40.createElement(Group9, { gap: 4 }, /* @__PURE__ */ React40.createElement(
-        ActionIcon4,
+      ), /* @__PURE__ */ React40.createElement(Text24, { size: "sm", style: { color: "#adb5bd" } }, getActionSummary(action))), !disabled && /* @__PURE__ */ React40.createElement(Group7, { gap: 4 }, /* @__PURE__ */ React40.createElement(
+        ActionIcon5,
         {
           size: "sm",
           variant: "subtle",
@@ -3286,7 +3068,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
         },
         "\u270F\uFE0F"
       ), /* @__PURE__ */ React40.createElement(
-        ActionIcon4,
+        ActionIcon5,
         {
           size: "sm",
           variant: "subtle",
@@ -3304,14 +3086,14 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
 };
 
 // src/mantine/blocks/proposal/ActionsPanel.tsx
-import React71, { useState as useState15, useEffect as useEffect10, useMemo as useMemo7 } from "react";
-import { Stack as Stack57, Button as Button14, Group as Group20, Text as Text34, Card as Card11, Badge as Badge7, Divider as Divider3, ScrollArea as ScrollArea3, Alert as Alert7, Tabs as Tabs2, SimpleGrid, Paper as Paper2 } from "@mantine/core";
+import React71, { useState as useState14, useEffect as useEffect9, useMemo as useMemo8 } from "react";
+import { Stack as Stack55, Button as Button11, Group as Group18, Text as Text32, Card as Card12, Badge as Badge8, Divider as Divider3, ScrollArea as ScrollArea3, Alert as Alert6, Tabs as Tabs2, SimpleGrid, Paper as Paper3 } from "@mantine/core";
 
 // src/mantine/blocks/proposal/actions-components/SpendActionForm.tsx
 import React41 from "react";
-import { TextInput as TextInput6, Stack as Stack27 } from "@mantine/core";
+import { TextInput as TextInput6, Stack as Stack25 } from "@mantine/core";
 var SpendActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React41.createElement(Stack27, null, /* @__PURE__ */ React41.createElement(
+  return /* @__PURE__ */ React41.createElement(Stack25, null, /* @__PURE__ */ React41.createElement(
     TextInput6,
     {
       label: "Recipient Address",
@@ -3375,11 +3157,11 @@ var SpendActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/UpdateMembersActionForm.tsx
-import React42, { useState as useState9 } from "react";
-import { Stack as Stack28, TextInput as TextInput7, NumberInput as NumberInput2, Button as Button9, Group as Group10, Text as Text27, Card as Card6, Badge as Badge5, ActionIcon as ActionIcon5, Divider as Divider2, ScrollArea as ScrollArea2 } from "@mantine/core";
+import React42, { useState as useState8 } from "react";
+import { Stack as Stack26, TextInput as TextInput7, NumberInput as NumberInput2, Button as Button6, Group as Group8, Text as Text25, Card as Card7, Badge as Badge6, ActionIcon as ActionIcon6, Divider as Divider2, ScrollArea as ScrollArea2 } from "@mantine/core";
 var UpdateMembersActionForm = ({ data, onChange }) => {
-  const [newMember, setNewMember] = useState9({ addr: "", weight: 1 });
-  const [newRemoveAddress, setNewRemoveAddress] = useState9("");
+  const [newMember, setNewMember] = useState8({ addr: "", weight: 1 });
+  const [newRemoveAddress, setNewRemoveAddress] = useState8("");
   const handleAddMember = () => {
     if (!newMember.addr) return;
     onChange({
@@ -3419,8 +3201,8 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
       }
     }
   };
-  return /* @__PURE__ */ React42.createElement(Stack28, null, /* @__PURE__ */ React42.createElement(Stack28, { gap: "xs" }, /* @__PURE__ */ React42.createElement(Text27, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Members to Add"), /* @__PURE__ */ React42.createElement(ScrollArea2, { h: 150 }, /* @__PURE__ */ React42.createElement(Stack28, { gap: "xs" }, (data.add || []).map((member, index) => /* @__PURE__ */ React42.createElement(
-    Card6,
+  return /* @__PURE__ */ React42.createElement(Stack26, null, /* @__PURE__ */ React42.createElement(Stack26, { gap: "xs" }, /* @__PURE__ */ React42.createElement(Text25, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Members to Add"), /* @__PURE__ */ React42.createElement(ScrollArea2, { h: 150 }, /* @__PURE__ */ React42.createElement(Stack26, { gap: "xs" }, (data.add || []).map((member, index) => /* @__PURE__ */ React42.createElement(
+    Card7,
     {
       key: index,
       withBorder: true,
@@ -3430,8 +3212,8 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
         borderColor: "#333"
       }
     },
-    /* @__PURE__ */ React42.createElement(Group10, { justify: "space-between" }, /* @__PURE__ */ React42.createElement("div", null, /* @__PURE__ */ React42.createElement(Text27, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, member.addr.slice(0, 20), "..."), /* @__PURE__ */ React42.createElement(
-      Badge5,
+    /* @__PURE__ */ React42.createElement(Group8, { justify: "space-between" }, /* @__PURE__ */ React42.createElement("div", null, /* @__PURE__ */ React42.createElement(Text25, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, member.addr.slice(0, 20), "..."), /* @__PURE__ */ React42.createElement(
+      Badge6,
       {
         size: "sm",
         style: {
@@ -3441,8 +3223,8 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
       },
       "Weight: ",
       member.weight
-    )), /* @__PURE__ */ React42.createElement(ActionIcon5, { size: "sm", variant: "subtle", onClick: () => handleRemoveMember(index), style: { color: "#ff6b6b" } }, "\u{1F5D1}\uFE0F"))
-  )))), /* @__PURE__ */ React42.createElement(Group10, { grow: true }, /* @__PURE__ */ React42.createElement(TextInput7, { placeholder: "Member address", value: newMember.addr, onChange: (e) => setNewMember({ ...newMember, addr: e.currentTarget.value }), styles: inputStyles29 }), /* @__PURE__ */ React42.createElement(
+    )), /* @__PURE__ */ React42.createElement(ActionIcon6, { size: "sm", variant: "subtle", onClick: () => handleRemoveMember(index), style: { color: "#ff6b6b" } }, "\u{1F5D1}\uFE0F"))
+  )))), /* @__PURE__ */ React42.createElement(Group8, { grow: true }, /* @__PURE__ */ React42.createElement(TextInput7, { placeholder: "Member address", value: newMember.addr, onChange: (e) => setNewMember({ ...newMember, addr: e.currentTarget.value }), styles: inputStyles29 }), /* @__PURE__ */ React42.createElement(
     NumberInput2,
     {
       placeholder: "Weight",
@@ -3452,7 +3234,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
       styles: inputStyles29
     }
   ), /* @__PURE__ */ React42.createElement(
-    Button9,
+    Button6,
     {
       size: "sm",
       onClick: handleAddMember,
@@ -3464,8 +3246,8 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
       }
     },
     "\u2795 Add"
-  ))), /* @__PURE__ */ React42.createElement(Divider2, { color: "#333" }), /* @__PURE__ */ React42.createElement(Stack28, { gap: "xs" }, /* @__PURE__ */ React42.createElement(Text27, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Members to Remove"), /* @__PURE__ */ React42.createElement(ScrollArea2, { h: 100 }, /* @__PURE__ */ React42.createElement(Stack28, { gap: "xs" }, (data.remove || []).map((item, index) => /* @__PURE__ */ React42.createElement(
-    Card6,
+  ))), /* @__PURE__ */ React42.createElement(Divider2, { color: "#333" }), /* @__PURE__ */ React42.createElement(Stack26, { gap: "xs" }, /* @__PURE__ */ React42.createElement(Text25, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Members to Remove"), /* @__PURE__ */ React42.createElement(ScrollArea2, { h: 100 }, /* @__PURE__ */ React42.createElement(Stack26, { gap: "xs" }, (data.remove || []).map((item, index) => /* @__PURE__ */ React42.createElement(
+    Card7,
     {
       key: index,
       withBorder: true,
@@ -3475,9 +3257,9 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
         borderColor: "#333"
       }
     },
-    /* @__PURE__ */ React42.createElement(Group10, { justify: "space-between" }, /* @__PURE__ */ React42.createElement(Text27, { size: "sm", style: { color: "#adb5bd" } }, item.addr.slice(0, 30), "..."), /* @__PURE__ */ React42.createElement(ActionIcon5, { size: "sm", variant: "subtle", onClick: () => handleRemoveRemoveAddress(index), style: { color: "#ff6b6b" } }, "\u{1F5D1}\uFE0F"))
-  )))), /* @__PURE__ */ React42.createElement(Group10, { grow: true }, /* @__PURE__ */ React42.createElement(TextInput7, { placeholder: "Address to remove", value: newRemoveAddress, onChange: (e) => setNewRemoveAddress(e.currentTarget.value), styles: inputStyles29 }), /* @__PURE__ */ React42.createElement(
-    Button9,
+    /* @__PURE__ */ React42.createElement(Group8, { justify: "space-between" }, /* @__PURE__ */ React42.createElement(Text25, { size: "sm", style: { color: "#adb5bd" } }, item.addr.slice(0, 30), "..."), /* @__PURE__ */ React42.createElement(ActionIcon6, { size: "sm", variant: "subtle", onClick: () => handleRemoveRemoveAddress(index), style: { color: "#ff6b6b" } }, "\u{1F5D1}\uFE0F"))
+  )))), /* @__PURE__ */ React42.createElement(Group8, { grow: true }, /* @__PURE__ */ React42.createElement(TextInput7, { placeholder: "Address to remove", value: newRemoveAddress, onChange: (e) => setNewRemoveAddress(e.currentTarget.value), styles: inputStyles29 }), /* @__PURE__ */ React42.createElement(
+    Button6,
     {
       size: "sm",
       onClick: handleAddRemoveAddress,
@@ -3494,7 +3276,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/StakeActionForm.tsx
 import React43 from "react";
-import { Stack as Stack29, TextInput as TextInput8, Select as Select3, NumberInput as NumberInput3 } from "@mantine/core";
+import { Stack as Stack27, TextInput as TextInput8, Select as Select3, NumberInput as NumberInput3 } from "@mantine/core";
 var stakeTypeOptions = [
   { value: StakeType.Delegate, label: "Delegate" },
   { value: StakeType.Undelegate, label: "Undelegate" },
@@ -3539,7 +3321,7 @@ var selectStyles = {
 var StakeActionForm = ({ data, onChange }) => {
   const isRedelegate = data.stakeType === StakeType.Redelegate;
   const needsAmount = data.stakeType !== StakeType.WithdrawDelegatorReward;
-  return /* @__PURE__ */ React43.createElement(Stack29, { gap: "md" }, /* @__PURE__ */ React43.createElement(
+  return /* @__PURE__ */ React43.createElement(Stack27, { gap: "md" }, /* @__PURE__ */ React43.createElement(
     Select3,
     {
       label: "Stake Type",
@@ -3599,7 +3381,7 @@ var StakeActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/JoinActionForm.tsx
 import React44 from "react";
-import { Stack as Stack30, TextInput as TextInput9 } from "@mantine/core";
+import { Stack as Stack28, TextInput as TextInput9 } from "@mantine/core";
 var inputStyles2 = {
   label: { color: "#adb5bd" },
   input: {
@@ -3612,7 +3394,7 @@ var inputStyles2 = {
   }
 };
 var JoinActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React44.createElement(Stack30, { gap: "md" }, /* @__PURE__ */ React44.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__ */ React44.createElement(
+  return /* @__PURE__ */ React44.createElement(Stack28, { gap: "md" }, /* @__PURE__ */ React44.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__ */ React44.createElement(
     TextInput9,
     {
       label: "Core Address",
@@ -3627,7 +3409,7 @@ var JoinActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/MintActionForm.tsx
 import React45 from "react";
-import { Stack as Stack31, TextInput as TextInput10, NumberInput as NumberInput4 } from "@mantine/core";
+import { Stack as Stack29, TextInput as TextInput10, NumberInput as NumberInput4 } from "@mantine/core";
 var inputStyles3 = {
   label: { color: "#adb5bd" },
   input: {
@@ -3640,7 +3422,7 @@ var inputStyles3 = {
   }
 };
 var MintActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React45.createElement(Stack31, { gap: "md" }, /* @__PURE__ */ React45.createElement(TextInput10, { label: "Recipient Address", placeholder: "ixo1...", value: data.to, onChange: (e) => onChange({ ...data, to: e.currentTarget.value }), required: true, styles: inputStyles3 }), /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React45.createElement(Stack29, { gap: "md" }, /* @__PURE__ */ React45.createElement(TextInput10, { label: "Recipient Address", placeholder: "ixo1...", value: data.to, onChange: (e) => onChange({ ...data, to: e.currentTarget.value }), required: true, styles: inputStyles3 }), /* @__PURE__ */ React45.createElement(
     NumberInput4,
     {
       label: "Amount",
@@ -3656,8 +3438,8 @@ var MintActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/ExecuteActionForm.tsx
-import React46, { useState as useState10 } from "react";
-import { Stack as Stack32, TextInput as TextInput11, Textarea as Textarea3, Button as Button10, Group as Group11, Text as Text28, Card as Card7 } from "@mantine/core";
+import React46, { useState as useState9 } from "react";
+import { Stack as Stack30, TextInput as TextInput11, Textarea as Textarea3, Button as Button7, Group as Group9, Text as Text26, Card as Card8 } from "@mantine/core";
 var inputStyles4 = {
   label: { color: "#adb5bd" },
   input: {
@@ -3670,7 +3452,7 @@ var inputStyles4 = {
   }
 };
 var ExecuteActionForm = ({ data, onChange }) => {
-  const [newFund, setNewFund] = useState10({ denom: "uixo", amount: "" });
+  const [newFund, setNewFund] = useState9({ denom: "uixo", amount: "" });
   const handleAddFund = () => {
     if (newFund.amount && newFund.denom) {
       onChange({
@@ -3694,7 +3476,7 @@ var ExecuteActionForm = ({ data, onChange }) => {
       return data.message;
     }
   };
-  return /* @__PURE__ */ React46.createElement(Stack32, { gap: "md" }, /* @__PURE__ */ React46.createElement(
+  return /* @__PURE__ */ React46.createElement(Stack30, { gap: "md" }, /* @__PURE__ */ React46.createElement(
     TextInput11,
     {
       label: "Contract Address",
@@ -3715,8 +3497,8 @@ var ExecuteActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles4
     }
-  ), /* @__PURE__ */ React46.createElement(Stack32, { gap: "xs" }, /* @__PURE__ */ React46.createElement(Text28, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Funds (Optional)"), (data.funds || []).map((fund, index) => /* @__PURE__ */ React46.createElement(Card7, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React46.createElement(Group11, { justify: "space-between" }, /* @__PURE__ */ React46.createElement(Text28, { size: "sm", style: { color: "#f1f3f5" } }, fund.amount, " ", fund.denom), /* @__PURE__ */ React46.createElement(Button10, { size: "xs", variant: "subtle", onClick: () => handleRemoveFund(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React46.createElement(Group11, { grow: true }, /* @__PURE__ */ React46.createElement(TextInput11, { placeholder: "Amount", value: newFund.amount, onChange: (e) => setNewFund({ ...newFund, amount: e.currentTarget.value }), styles: inputStyles4 }), /* @__PURE__ */ React46.createElement(TextInput11, { placeholder: "Denom (e.g., uixo)", value: newFund.denom, onChange: (e) => setNewFund({ ...newFund, denom: e.currentTarget.value }), styles: inputStyles4 }), /* @__PURE__ */ React46.createElement(
-    Button10,
+  ), /* @__PURE__ */ React46.createElement(Stack30, { gap: "xs" }, /* @__PURE__ */ React46.createElement(Text26, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Funds (Optional)"), (data.funds || []).map((fund, index) => /* @__PURE__ */ React46.createElement(Card8, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React46.createElement(Group9, { justify: "space-between" }, /* @__PURE__ */ React46.createElement(Text26, { size: "sm", style: { color: "#f1f3f5" } }, fund.amount, " ", fund.denom), /* @__PURE__ */ React46.createElement(Button7, { size: "xs", variant: "subtle", onClick: () => handleRemoveFund(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React46.createElement(Group9, { grow: true }, /* @__PURE__ */ React46.createElement(TextInput11, { placeholder: "Amount", value: newFund.amount, onChange: (e) => setNewFund({ ...newFund, amount: e.currentTarget.value }), styles: inputStyles4 }), /* @__PURE__ */ React46.createElement(TextInput11, { placeholder: "Denom (e.g., uixo)", value: newFund.denom, onChange: (e) => setNewFund({ ...newFund, denom: e.currentTarget.value }), styles: inputStyles4 }), /* @__PURE__ */ React46.createElement(
+    Button7,
     {
       size: "sm",
       onClick: handleAddFund,
@@ -3730,9 +3512,9 @@ var ExecuteActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/CustomActionForm.tsx
-import React47, { useState as useState11, useEffect as useEffect9 } from "react";
-import { Stack as Stack33, Textarea as Textarea4, Alert as Alert5, Text as Text29, Badge as Badge6 } from "@mantine/core";
-import { Group as Group12 } from "@mantine/core";
+import React47, { useState as useState10, useEffect as useEffect8 } from "react";
+import { Stack as Stack31, Textarea as Textarea4, Alert as Alert4, Text as Text27, Badge as Badge7 } from "@mantine/core";
+import { Group as Group10 } from "@mantine/core";
 var inputStyles5 = {
   label: { color: "#adb5bd" },
   input: {
@@ -3746,9 +3528,9 @@ var inputStyles5 = {
   }
 };
 var CustomActionForm = ({ data, onChange }) => {
-  const [isValid, setIsValid] = useState11(true);
-  const [error, setError] = useState11("");
-  useEffect9(() => {
+  const [isValid, setIsValid] = useState10(true);
+  const [error, setError] = useState10("");
+  useEffect8(() => {
     try {
       if (data.message) {
         JSON.parse(data.message);
@@ -3768,8 +3550,8 @@ var CustomActionForm = ({ data, onChange }) => {
       return data.message;
     }
   };
-  return /* @__PURE__ */ React47.createElement(Stack33, { gap: "md" }, /* @__PURE__ */ React47.createElement(Alert5, { color: "yellow", style: { backgroundColor: "#2a2a2a", borderColor: "#ffd43b" } }, /* @__PURE__ */ React47.createElement(Text29, { size: "sm", style: { color: "#ffd43b" } }, "\u26A0\uFE0F Custom actions require valid JSON messages. Supports both Wasm and Stargate message formats.")), /* @__PURE__ */ React47.createElement("div", null, /* @__PURE__ */ React47.createElement(Group12, { gap: "xs", mb: "xs" }, /* @__PURE__ */ React47.createElement(Text29, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Custom Message (JSON)"), /* @__PURE__ */ React47.createElement(
-    Badge6,
+  return /* @__PURE__ */ React47.createElement(Stack31, { gap: "md" }, /* @__PURE__ */ React47.createElement(Alert4, { color: "yellow", style: { backgroundColor: "#2a2a2a", borderColor: "#ffd43b" } }, /* @__PURE__ */ React47.createElement(Text27, { size: "sm", style: { color: "#ffd43b" } }, "\u26A0\uFE0F Custom actions require valid JSON messages. Supports both Wasm and Stargate message formats.")), /* @__PURE__ */ React47.createElement("div", null, /* @__PURE__ */ React47.createElement(Group10, { gap: "xs", mb: "xs" }, /* @__PURE__ */ React47.createElement(Text27, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Custom Message (JSON)"), /* @__PURE__ */ React47.createElement(
+    Badge7,
     {
       size: "sm",
       style: {
@@ -3812,7 +3594,7 @@ Example Stargate message:
 
 // src/mantine/blocks/proposal/actions-components/forms/AuthzExecActionForm.tsx
 import React48 from "react";
-import { Stack as Stack34, Select as Select4, TextInput as TextInput12, Textarea as Textarea5 } from "@mantine/core";
+import { Stack as Stack32, Select as Select4, TextInput as TextInput12, Textarea as Textarea5 } from "@mantine/core";
 var inputStyles6 = {
   label: { color: "#adb5bd" },
   input: {
@@ -3847,7 +3629,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
       onChange({ ...data, [field]: value });
     }
   };
-  return /* @__PURE__ */ React48.createElement(Stack34, { gap: "md" }, /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React48.createElement(Stack32, { gap: "md" }, /* @__PURE__ */ React48.createElement(
     Select4,
     {
       label: "Action Type",
@@ -3912,7 +3694,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/AuthzGrantActionForm.tsx
 import React49 from "react";
-import { Stack as Stack35, TextInput as TextInput13 } from "@mantine/core";
+import { Stack as Stack33, TextInput as TextInput13 } from "@mantine/core";
 var inputStyles7 = {
   label: { color: "#adb5bd" },
   input: {
@@ -3925,7 +3707,7 @@ var inputStyles7 = {
   }
 };
 var AuthzGrantActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React49.createElement(Stack35, { gap: "md" }, /* @__PURE__ */ React49.createElement(
+  return /* @__PURE__ */ React49.createElement(Stack33, { gap: "md" }, /* @__PURE__ */ React49.createElement(
     TextInput13,
     {
       label: "Type URL",
@@ -3966,7 +3748,7 @@ var AuthzGrantActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/BurnNftActionForm.tsx
 import React50 from "react";
-import { Stack as Stack36, TextInput as TextInput14 } from "@mantine/core";
+import { Stack as Stack34, TextInput as TextInput14 } from "@mantine/core";
 var inputStyles8 = {
   label: { color: "#adb5bd" },
   input: {
@@ -3979,7 +3761,7 @@ var inputStyles8 = {
   }
 };
 var BurnNftActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React50.createElement(Stack36, { gap: "md" }, /* @__PURE__ */ React50.createElement(
+  return /* @__PURE__ */ React50.createElement(Stack34, { gap: "md" }, /* @__PURE__ */ React50.createElement(
     TextInput14,
     {
       label: "Collection Address",
@@ -3994,7 +3776,7 @@ var BurnNftActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/TransferNftActionForm.tsx
 import React51 from "react";
-import { Stack as Stack37, TextInput as TextInput15, Checkbox as Checkbox4, Textarea as Textarea6 } from "@mantine/core";
+import { Stack as Stack35, TextInput as TextInput15, Checkbox as Checkbox4, Textarea as Textarea6 } from "@mantine/core";
 var inputStyles9 = {
   label: { color: "#adb5bd" },
   input: {
@@ -4007,7 +3789,7 @@ var inputStyles9 = {
   }
 };
 var TransferNftActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React51.createElement(Stack37, { gap: "md" }, /* @__PURE__ */ React51.createElement(
+  return /* @__PURE__ */ React51.createElement(Stack35, { gap: "md" }, /* @__PURE__ */ React51.createElement(
     TextInput15,
     {
       label: "Collection Address",
@@ -4053,7 +3835,7 @@ var TransferNftActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/ManageCw721ActionForm.tsx
 import React52 from "react";
-import { Stack as Stack38, TextInput as TextInput16, Radio, Group as Group13 } from "@mantine/core";
+import { Stack as Stack36, TextInput as TextInput16, Radio, Group as Group11 } from "@mantine/core";
 var inputStyles10 = {
   label: { color: "#adb5bd" },
   input: {
@@ -4066,7 +3848,7 @@ var inputStyles10 = {
   }
 };
 var ManageCw721ActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React52.createElement(Stack38, { gap: "md" }, /* @__PURE__ */ React52.createElement(Radio.Group, { label: "Action", value: data.adding ? "add" : "remove", onChange: (value) => onChange({ ...data, adding: value === "add" }) }, /* @__PURE__ */ React52.createElement(Group13, { mt: "xs" }, /* @__PURE__ */ React52.createElement(
+  return /* @__PURE__ */ React52.createElement(Stack36, { gap: "md" }, /* @__PURE__ */ React52.createElement(Radio.Group, { label: "Action", value: data.adding ? "add" : "remove", onChange: (value) => onChange({ ...data, adding: value === "add" }) }, /* @__PURE__ */ React52.createElement(Group11, { mt: "xs" }, /* @__PURE__ */ React52.createElement(
     Radio,
     {
       value: "add",
@@ -4100,8 +3882,8 @@ var ManageCw721ActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/InstantiateActionForm.tsx
-import React53, { useState as useState12 } from "react";
-import { Stack as Stack39, TextInput as TextInput17, Textarea as Textarea7, NumberInput as NumberInput5, Button as Button11, Group as Group14, Text as Text30, Card as Card8 } from "@mantine/core";
+import React53, { useState as useState11 } from "react";
+import { Stack as Stack37, TextInput as TextInput17, Textarea as Textarea7, NumberInput as NumberInput5, Button as Button8, Group as Group12, Text as Text28, Card as Card9 } from "@mantine/core";
 var inputStyles11 = {
   label: { color: "#adb5bd" },
   input: {
@@ -4114,7 +3896,7 @@ var inputStyles11 = {
   }
 };
 var InstantiateActionForm = ({ data, onChange }) => {
-  const [newFund, setNewFund] = useState12({ denom: "uixo", amount: "" });
+  const [newFund, setNewFund] = useState11({ denom: "uixo", amount: "" });
   const handleAddFund = () => {
     if (newFund.amount && newFund.denom) {
       onChange({
@@ -4138,7 +3920,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
       return data.message;
     }
   };
-  return /* @__PURE__ */ React53.createElement(Stack39, { gap: "md" }, /* @__PURE__ */ React53.createElement(
+  return /* @__PURE__ */ React53.createElement(Stack37, { gap: "md" }, /* @__PURE__ */ React53.createElement(
     TextInput17,
     {
       label: "Admin Address",
@@ -4170,8 +3952,8 @@ var InstantiateActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles11
     }
-  ), /* @__PURE__ */ React53.createElement(Stack39, { gap: "xs" }, /* @__PURE__ */ React53.createElement(Text30, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Funds (Optional)"), (data.funds || []).map((fund, index) => /* @__PURE__ */ React53.createElement(Card8, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React53.createElement(Group14, { justify: "space-between" }, /* @__PURE__ */ React53.createElement(Text30, { size: "sm", style: { color: "#f1f3f5" } }, fund.amount, " ", fund.denom), /* @__PURE__ */ React53.createElement(Button11, { size: "xs", variant: "subtle", onClick: () => handleRemoveFund(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React53.createElement(Group14, { grow: true }, /* @__PURE__ */ React53.createElement(TextInput17, { placeholder: "Amount", value: newFund.amount, onChange: (e) => setNewFund({ ...newFund, amount: e.currentTarget.value }), styles: inputStyles11 }), /* @__PURE__ */ React53.createElement(TextInput17, { placeholder: "Denom (e.g., uixo)", value: newFund.denom, onChange: (e) => setNewFund({ ...newFund, denom: e.currentTarget.value }), styles: inputStyles11 }), /* @__PURE__ */ React53.createElement(
-    Button11,
+  ), /* @__PURE__ */ React53.createElement(Stack37, { gap: "xs" }, /* @__PURE__ */ React53.createElement(Text28, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Funds (Optional)"), (data.funds || []).map((fund, index) => /* @__PURE__ */ React53.createElement(Card9, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React53.createElement(Group12, { justify: "space-between" }, /* @__PURE__ */ React53.createElement(Text28, { size: "sm", style: { color: "#f1f3f5" } }, fund.amount, " ", fund.denom), /* @__PURE__ */ React53.createElement(Button8, { size: "xs", variant: "subtle", onClick: () => handleRemoveFund(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React53.createElement(Group12, { grow: true }, /* @__PURE__ */ React53.createElement(TextInput17, { placeholder: "Amount", value: newFund.amount, onChange: (e) => setNewFund({ ...newFund, amount: e.currentTarget.value }), styles: inputStyles11 }), /* @__PURE__ */ React53.createElement(TextInput17, { placeholder: "Denom (e.g., uixo)", value: newFund.denom, onChange: (e) => setNewFund({ ...newFund, denom: e.currentTarget.value }), styles: inputStyles11 }), /* @__PURE__ */ React53.createElement(
+    Button8,
     {
       size: "sm",
       onClick: handleAddFund,
@@ -4186,7 +3968,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/MigrateActionForm.tsx
 import React54 from "react";
-import { Stack as Stack40, TextInput as TextInput18, Textarea as Textarea8, NumberInput as NumberInput6 } from "@mantine/core";
+import { Stack as Stack38, TextInput as TextInput18, Textarea as Textarea8, NumberInput as NumberInput6 } from "@mantine/core";
 var inputStyles12 = {
   label: { color: "#adb5bd" },
   input: {
@@ -4207,7 +3989,7 @@ var MigrateActionForm = ({ data, onChange }) => {
       return data.msg;
     }
   };
-  return /* @__PURE__ */ React54.createElement(Stack40, { gap: "md" }, /* @__PURE__ */ React54.createElement(
+  return /* @__PURE__ */ React54.createElement(Stack38, { gap: "md" }, /* @__PURE__ */ React54.createElement(
     TextInput18,
     {
       label: "Contract Address",
@@ -4244,7 +4026,7 @@ var MigrateActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/UpdateAdminActionForm.tsx
 import React55 from "react";
-import { Stack as Stack41, TextInput as TextInput19 } from "@mantine/core";
+import { Stack as Stack39, TextInput as TextInput19 } from "@mantine/core";
 var inputStyles13 = {
   label: { color: "#adb5bd" },
   input: {
@@ -4257,7 +4039,7 @@ var inputStyles13 = {
   }
 };
 var UpdateAdminActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React55.createElement(Stack41, { gap: "md" }, /* @__PURE__ */ React55.createElement(
+  return /* @__PURE__ */ React55.createElement(Stack39, { gap: "md" }, /* @__PURE__ */ React55.createElement(
     TextInput19,
     {
       label: "Contract Address",
@@ -4282,7 +4064,7 @@ var UpdateAdminActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/ManageCw20ActionForm.tsx
 import React56 from "react";
-import { Stack as Stack42, TextInput as TextInput20, Radio as Radio2, Group as Group15 } from "@mantine/core";
+import { Stack as Stack40, TextInput as TextInput20, Radio as Radio2, Group as Group13 } from "@mantine/core";
 var inputStyles14 = {
   label: { color: "#adb5bd" },
   input: {
@@ -4295,7 +4077,7 @@ var inputStyles14 = {
   }
 };
 var ManageCw20ActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React56.createElement(Stack42, { gap: "md" }, /* @__PURE__ */ React56.createElement(Radio2.Group, { label: "Action", value: data.adding ? "add" : "remove", onChange: (value) => onChange({ ...data, adding: value === "add" }) }, /* @__PURE__ */ React56.createElement(Group15, { mt: "xs" }, /* @__PURE__ */ React56.createElement(
+  return /* @__PURE__ */ React56.createElement(Stack40, { gap: "md" }, /* @__PURE__ */ React56.createElement(Radio2.Group, { label: "Action", value: data.adding ? "add" : "remove", onChange: (value) => onChange({ ...data, adding: value === "add" }) }, /* @__PURE__ */ React56.createElement(Group13, { mt: "xs" }, /* @__PURE__ */ React56.createElement(
     Radio2,
     {
       value: "add",
@@ -4329,8 +4111,8 @@ var ManageCw20ActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/ManageSubDaosActionForm.tsx
-import React57, { useState as useState13 } from "react";
-import { Stack as Stack43, TextInput as TextInput21, Button as Button12, Group as Group16, Text as Text31, Card as Card9, Textarea as Textarea9 } from "@mantine/core";
+import React57, { useState as useState12 } from "react";
+import { Stack as Stack41, TextInput as TextInput21, Button as Button9, Group as Group14, Text as Text29, Card as Card10, Textarea as Textarea9 } from "@mantine/core";
 var inputStyles15 = {
   label: { color: "#adb5bd" },
   input: {
@@ -4343,8 +4125,8 @@ var inputStyles15 = {
   }
 };
 var ManageSubDaosActionForm = ({ data, onChange }) => {
-  const [newSubDao, setNewSubDao] = useState13({ addr: "", charter: "" });
-  const [newRemoveAddress, setNewRemoveAddress] = useState13("");
+  const [newSubDao, setNewSubDao] = useState12({ addr: "", charter: "" });
+  const [newRemoveAddress, setNewRemoveAddress] = useState12("");
   const handleAddSubDao = () => {
     if (newSubDao.addr) {
       onChange({
@@ -4375,7 +4157,7 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
       toRemove: (data.toRemove || []).filter((_, i) => i !== index)
     });
   };
-  return /* @__PURE__ */ React57.createElement(Stack43, { gap: "md" }, /* @__PURE__ */ React57.createElement(Stack43, { gap: "xs" }, /* @__PURE__ */ React57.createElement(Text31, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "SubDAOs to Add"), (data.toAdd || []).map((subDao, index) => /* @__PURE__ */ React57.createElement(Card9, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React57.createElement(Stack43, { gap: "xs" }, /* @__PURE__ */ React57.createElement(Group16, { justify: "space-between" }, /* @__PURE__ */ React57.createElement(Text31, { size: "sm", style: { color: "#f1f3f5" } }, subDao.addr), /* @__PURE__ */ React57.createElement(Button12, { size: "xs", variant: "subtle", onClick: () => handleRemoveFromAddList(index), style: { color: "#ff6b6b" } }, "Remove")), subDao.charter && /* @__PURE__ */ React57.createElement(Text31, { size: "xs", style: { color: "#adb5bd" } }, "Charter: ", subDao.charter)))), /* @__PURE__ */ React57.createElement(Stack43, { gap: "xs" }, /* @__PURE__ */ React57.createElement(TextInput21, { placeholder: "SubDAO Address", value: newSubDao.addr, onChange: (e) => setNewSubDao({ ...newSubDao, addr: e.currentTarget.value }), styles: inputStyles15 }), /* @__PURE__ */ React57.createElement(
+  return /* @__PURE__ */ React57.createElement(Stack41, { gap: "md" }, /* @__PURE__ */ React57.createElement(Stack41, { gap: "xs" }, /* @__PURE__ */ React57.createElement(Text29, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "SubDAOs to Add"), (data.toAdd || []).map((subDao, index) => /* @__PURE__ */ React57.createElement(Card10, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React57.createElement(Stack41, { gap: "xs" }, /* @__PURE__ */ React57.createElement(Group14, { justify: "space-between" }, /* @__PURE__ */ React57.createElement(Text29, { size: "sm", style: { color: "#f1f3f5" } }, subDao.addr), /* @__PURE__ */ React57.createElement(Button9, { size: "xs", variant: "subtle", onClick: () => handleRemoveFromAddList(index), style: { color: "#ff6b6b" } }, "Remove")), subDao.charter && /* @__PURE__ */ React57.createElement(Text29, { size: "xs", style: { color: "#adb5bd" } }, "Charter: ", subDao.charter)))), /* @__PURE__ */ React57.createElement(Stack41, { gap: "xs" }, /* @__PURE__ */ React57.createElement(TextInput21, { placeholder: "SubDAO Address", value: newSubDao.addr, onChange: (e) => setNewSubDao({ ...newSubDao, addr: e.currentTarget.value }), styles: inputStyles15 }), /* @__PURE__ */ React57.createElement(
     Textarea9,
     {
       placeholder: "Charter (optional)",
@@ -4385,7 +4167,7 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
       styles: inputStyles15
     }
   ), /* @__PURE__ */ React57.createElement(
-    Button12,
+    Button9,
     {
       size: "sm",
       onClick: handleAddSubDao,
@@ -4395,8 +4177,8 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
       }
     },
     "Add SubDAO"
-  ))), /* @__PURE__ */ React57.createElement(Stack43, { gap: "xs" }, /* @__PURE__ */ React57.createElement(Text31, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "SubDAOs to Remove"), (data.toRemove || []).map((subDao, index) => /* @__PURE__ */ React57.createElement(Card9, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React57.createElement(Group16, { justify: "space-between" }, /* @__PURE__ */ React57.createElement(Text31, { size: "sm", style: { color: "#f1f3f5" } }, subDao.address), /* @__PURE__ */ React57.createElement(Button12, { size: "xs", variant: "subtle", onClick: () => handleRemoveFromRemoveList(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React57.createElement(Group16, { grow: true }, /* @__PURE__ */ React57.createElement(TextInput21, { placeholder: "SubDAO Address to Remove", value: newRemoveAddress, onChange: (e) => setNewRemoveAddress(e.currentTarget.value), styles: inputStyles15 }), /* @__PURE__ */ React57.createElement(
-    Button12,
+  ))), /* @__PURE__ */ React57.createElement(Stack41, { gap: "xs" }, /* @__PURE__ */ React57.createElement(Text29, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "SubDAOs to Remove"), (data.toRemove || []).map((subDao, index) => /* @__PURE__ */ React57.createElement(Card10, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React57.createElement(Group14, { justify: "space-between" }, /* @__PURE__ */ React57.createElement(Text29, { size: "sm", style: { color: "#f1f3f5" } }, subDao.address), /* @__PURE__ */ React57.createElement(Button9, { size: "xs", variant: "subtle", onClick: () => handleRemoveFromRemoveList(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React57.createElement(Group14, { grow: true }, /* @__PURE__ */ React57.createElement(TextInput21, { placeholder: "SubDAO Address to Remove", value: newRemoveAddress, onChange: (e) => setNewRemoveAddress(e.currentTarget.value), styles: inputStyles15 }), /* @__PURE__ */ React57.createElement(
+    Button9,
     {
       size: "sm",
       onClick: handleAddToRemoveList,
@@ -4411,7 +4193,7 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/UpdateInfoActionForm.tsx
 import React58 from "react";
-import { Stack as Stack44, TextInput as TextInput22, Textarea as Textarea10, Checkbox as Checkbox5 } from "@mantine/core";
+import { Stack as Stack42, TextInput as TextInput22, Textarea as Textarea10, Checkbox as Checkbox5 } from "@mantine/core";
 var inputStyles16 = {
   label: { color: "#adb5bd" },
   input: {
@@ -4424,7 +4206,7 @@ var inputStyles16 = {
   }
 };
 var UpdateInfoActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React58.createElement(Stack44, { gap: "md" }, /* @__PURE__ */ React58.createElement(TextInput22, { label: "DAO Name", placeholder: "My DAO", value: data.name, onChange: (e) => onChange({ ...data, name: e.currentTarget.value }), required: true, styles: inputStyles16 }), /* @__PURE__ */ React58.createElement(
+  return /* @__PURE__ */ React58.createElement(Stack42, { gap: "md" }, /* @__PURE__ */ React58.createElement(TextInput22, { label: "DAO Name", placeholder: "My DAO", value: data.name, onChange: (e) => onChange({ ...data, name: e.currentTarget.value }), required: true, styles: inputStyles16 }), /* @__PURE__ */ React58.createElement(
     Textarea10,
     {
       label: "Description",
@@ -4479,7 +4261,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/ManageStorageItemsActionForm.tsx
 import React59 from "react";
-import { Stack as Stack45, TextInput as TextInput23, Radio as Radio3, Group as Group17, Textarea as Textarea11 } from "@mantine/core";
+import { Stack as Stack43, TextInput as TextInput23, Radio as Radio3, Group as Group15, Textarea as Textarea11 } from "@mantine/core";
 var inputStyles17 = {
   label: { color: "#adb5bd" },
   input: {
@@ -4492,7 +4274,7 @@ var inputStyles17 = {
   }
 };
 var ManageStorageItemsActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React59.createElement(Stack45, { gap: "md" }, /* @__PURE__ */ React59.createElement(Radio3.Group, { label: "Action", value: data.setting ? "set" : "remove", onChange: (value) => onChange({ ...data, setting: value === "set" }) }, /* @__PURE__ */ React59.createElement(Group17, { mt: "xs" }, /* @__PURE__ */ React59.createElement(
+  return /* @__PURE__ */ React59.createElement(Stack43, { gap: "md" }, /* @__PURE__ */ React59.createElement(Radio3.Group, { label: "Action", value: data.setting ? "set" : "remove", onChange: (value) => onChange({ ...data, setting: value === "set" }) }, /* @__PURE__ */ React59.createElement(Group15, { mt: "xs" }, /* @__PURE__ */ React59.createElement(
     Radio3,
     {
       value: "set",
@@ -4527,8 +4309,8 @@ var ManageStorageItemsActionForm = ({ data, onChange }) => {
 };
 
 // src/mantine/blocks/proposal/actions-components/forms/DaoAdminExecActionForm.tsx
-import React60, { useState as useState14 } from "react";
-import { Stack as Stack46, TextInput as TextInput24, Button as Button13, Group as Group18, Text as Text32, Card as Card10, Textarea as Textarea12 } from "@mantine/core";
+import React60, { useState as useState13 } from "react";
+import { Stack as Stack44, TextInput as TextInput24, Button as Button10, Group as Group16, Text as Text30, Card as Card11, Textarea as Textarea12 } from "@mantine/core";
 var inputStyles18 = {
   label: { color: "#adb5bd" },
   input: {
@@ -4541,7 +4323,7 @@ var inputStyles18 = {
   }
 };
 var DaoAdminExecActionForm = ({ data, onChange }) => {
-  const [newMsg, setNewMsg] = useState14("");
+  const [newMsg, setNewMsg] = useState13("");
   const handleAddMessage = () => {
     if (newMsg) {
       try {
@@ -4561,7 +4343,7 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
       msgs: (data.msgs || []).filter((_, i) => i !== index)
     });
   };
-  return /* @__PURE__ */ React60.createElement(Stack46, { gap: "md" }, /* @__PURE__ */ React60.createElement(
+  return /* @__PURE__ */ React60.createElement(Stack44, { gap: "md" }, /* @__PURE__ */ React60.createElement(
     TextInput24,
     {
       label: "Core Address",
@@ -4571,7 +4353,7 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
       required: true,
       styles: inputStyles18
     }
-  ), /* @__PURE__ */ React60.createElement(Stack46, { gap: "xs" }, /* @__PURE__ */ React60.createElement(Text32, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Messages to Execute"), (data.msgs || []).map((msg, index) => /* @__PURE__ */ React60.createElement(Card10, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React60.createElement(Group18, { justify: "space-between" }, /* @__PURE__ */ React60.createElement(Text32, { size: "sm", style: { color: "#f1f3f5" } }, "Message ", index + 1), /* @__PURE__ */ React60.createElement(Button13, { size: "xs", variant: "subtle", onClick: () => handleRemoveMessage(index), style: { color: "#ff6b6b" } }, "Remove")), /* @__PURE__ */ React60.createElement(Text32, { size: "xs", style: { color: "#adb5bd", fontFamily: "monospace" } }, JSON.stringify(msg, null, 2).substring(0, 100), "..."))), /* @__PURE__ */ React60.createElement(
+  ), /* @__PURE__ */ React60.createElement(Stack44, { gap: "xs" }, /* @__PURE__ */ React60.createElement(Text30, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Messages to Execute"), (data.msgs || []).map((msg, index) => /* @__PURE__ */ React60.createElement(Card11, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React60.createElement(Group16, { justify: "space-between" }, /* @__PURE__ */ React60.createElement(Text30, { size: "sm", style: { color: "#f1f3f5" } }, "Message ", index + 1), /* @__PURE__ */ React60.createElement(Button10, { size: "xs", variant: "subtle", onClick: () => handleRemoveMessage(index), style: { color: "#ff6b6b" } }, "Remove")), /* @__PURE__ */ React60.createElement(Text30, { size: "xs", style: { color: "#adb5bd", fontFamily: "monospace" } }, JSON.stringify(msg, null, 2).substring(0, 100), "..."))), /* @__PURE__ */ React60.createElement(
     Textarea12,
     {
       placeholder: 'Add cosmos message as JSON:\\n{"bank": {"send": {"to_address": "ixo1...", "amount": [{"denom": "uixo", "amount": "1000"}]}}}',
@@ -4581,7 +4363,7 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
       styles: inputStyles18
     }
   ), /* @__PURE__ */ React60.createElement(
-    Button13,
+    Button10,
     {
       size: "sm",
       onClick: handleAddMessage,
@@ -4596,7 +4378,7 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/AcceptToMarketplaceActionForm.tsx
 import React61 from "react";
-import { Stack as Stack47, TextInput as TextInput25 } from "@mantine/core";
+import { Stack as Stack45, TextInput as TextInput25 } from "@mantine/core";
 var inputStyles19 = {
   label: { color: "#adb5bd" },
   input: {
@@ -4609,7 +4391,7 @@ var inputStyles19 = {
   }
 };
 var AcceptToMarketplaceActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React61.createElement(Stack47, { gap: "md" }, /* @__PURE__ */ React61.createElement(TextInput25, { label: "DID", placeholder: "did:ixo:...", value: data.did, onChange: (e) => onChange({ ...data, did: e.currentTarget.value }), required: true, styles: inputStyles19 }), /* @__PURE__ */ React61.createElement(
+  return /* @__PURE__ */ React61.createElement(Stack45, { gap: "md" }, /* @__PURE__ */ React61.createElement(TextInput25, { label: "DID", placeholder: "did:ixo:...", value: data.did, onChange: (e) => onChange({ ...data, did: e.currentTarget.value }), required: true, styles: inputStyles19 }), /* @__PURE__ */ React61.createElement(
     TextInput25,
     {
       label: "Relayer Node DID",
@@ -4634,7 +4416,7 @@ var AcceptToMarketplaceActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/CreateEntityActionForm.tsx
 import React62 from "react";
-import { Stack as Stack48, Textarea as Textarea13, Alert as Alert6, Text as Text33 } from "@mantine/core";
+import { Stack as Stack46, Textarea as Textarea13, Alert as Alert5, Text as Text31 } from "@mantine/core";
 var inputStyles20 = {
   label: { color: "#adb5bd" },
   input: {
@@ -4654,7 +4436,7 @@ var CreateEntityActionForm = ({ data, onChange }) => {
     } catch {
     }
   };
-  return /* @__PURE__ */ React62.createElement(Stack48, { gap: "md" }, /* @__PURE__ */ React62.createElement(Alert6, { color: "blue", style: { backgroundColor: "#2a2a2a", borderColor: "#4dabf7" } }, /* @__PURE__ */ React62.createElement(Text33, { size: "sm", style: { color: "#4dabf7" } }, "This is a complex entity creation action. Please provide the complete entity data as JSON.")), /* @__PURE__ */ React62.createElement(
+  return /* @__PURE__ */ React62.createElement(Stack46, { gap: "md" }, /* @__PURE__ */ React62.createElement(Alert5, { color: "blue", style: { backgroundColor: "#2a2a2a", borderColor: "#4dabf7" } }, /* @__PURE__ */ React62.createElement(Text31, { size: "sm", style: { color: "#4dabf7" } }, "This is a complex entity creation action. Please provide the complete entity data as JSON.")), /* @__PURE__ */ React62.createElement(
     Textarea13,
     {
       label: "Entity Data (JSON)",
@@ -4670,7 +4452,7 @@ var CreateEntityActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/UpdateVotingConfigActionForm.tsx
 import React63 from "react";
-import { Stack as Stack49, Checkbox as Checkbox6, Select as Select5, NumberInput as NumberInput7, Group as Group19 } from "@mantine/core";
+import { Stack as Stack47, Checkbox as Checkbox6, Select as Select5, NumberInput as NumberInput7, Group as Group17 } from "@mantine/core";
 var inputStyles21 = {
   label: { color: "#adb5bd" },
   input: {
@@ -4683,7 +4465,7 @@ var inputStyles21 = {
   }
 };
 var UpdateVotingConfigActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React63.createElement(Stack49, { gap: "md" }, /* @__PURE__ */ React63.createElement(
+  return /* @__PURE__ */ React63.createElement(Stack47, { gap: "md" }, /* @__PURE__ */ React63.createElement(
     Checkbox6,
     {
       label: "Only members can execute",
@@ -4753,7 +4535,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
       suffix: "%",
       styles: inputStyles21
     }
-  )), /* @__PURE__ */ React63.createElement(Group19, { grow: true }, /* @__PURE__ */ React63.createElement(
+  )), /* @__PURE__ */ React63.createElement(Group17, { grow: true }, /* @__PURE__ */ React63.createElement(
     NumberInput7,
     {
       label: "Proposal Duration",
@@ -4793,7 +4575,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/UpdatePreProposeConfigActionForm.tsx
 import React64 from "react";
-import { Stack as Stack50, Checkbox as Checkbox7, TextInput as TextInput26, Select as Select6, Textarea as Textarea14 } from "@mantine/core";
+import { Stack as Stack48, Checkbox as Checkbox7, TextInput as TextInput26, Select as Select6, Textarea as Textarea14 } from "@mantine/core";
 var inputStyles22 = {
   label: { color: "#adb5bd" },
   input: {
@@ -4806,7 +4588,7 @@ var inputStyles22 = {
   }
 };
 var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React64.createElement(Stack50, { gap: "md" }, /* @__PURE__ */ React64.createElement(
+  return /* @__PURE__ */ React64.createElement(Stack48, { gap: "md" }, /* @__PURE__ */ React64.createElement(
     Checkbox7,
     {
       label: "Anyone can propose",
@@ -4907,7 +4689,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/GovernanceVoteActionForm.tsx
 import React65 from "react";
-import { Stack as Stack51, TextInput as TextInput27, Select as Select7 } from "@mantine/core";
+import { Stack as Stack49, TextInput as TextInput27, Select as Select7 } from "@mantine/core";
 var inputStyles23 = {
   label: { color: "#adb5bd" },
   input: {
@@ -4926,7 +4708,7 @@ var GovernanceVoteActionForm = ({ data, onChange }) => {
     { value: "3", label: "No" },
     { value: "4", label: "No with Veto" }
   ];
-  return /* @__PURE__ */ React65.createElement(Stack51, { gap: "md" }, /* @__PURE__ */ React65.createElement(
+  return /* @__PURE__ */ React65.createElement(Stack49, { gap: "md" }, /* @__PURE__ */ React65.createElement(
     TextInput27,
     {
       label: "Proposal ID",
@@ -4951,7 +4733,7 @@ var GovernanceVoteActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/WithdrawTokenSwapActionForm.tsx
 import React66 from "react";
-import { Stack as Stack52, TextInput as TextInput28, Checkbox as Checkbox8 } from "@mantine/core";
+import { Stack as Stack50, TextInput as TextInput28, Checkbox as Checkbox8 } from "@mantine/core";
 var inputStyles24 = {
   label: { color: "#adb5bd" },
   input: {
@@ -4964,7 +4746,7 @@ var inputStyles24 = {
   }
 };
 var WithdrawTokenSwapActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React66.createElement(Stack52, { gap: "md" }, /* @__PURE__ */ React66.createElement(
+  return /* @__PURE__ */ React66.createElement(Stack50, { gap: "md" }, /* @__PURE__ */ React66.createElement(
     Checkbox8,
     {
       label: "Contract chosen",
@@ -4990,7 +4772,7 @@ var WithdrawTokenSwapActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/PerformTokenSwapActionForm.tsx
 import React67 from "react";
-import { Stack as Stack53, TextInput as TextInput29, Checkbox as Checkbox9, Textarea as Textarea15 } from "@mantine/core";
+import { Stack as Stack51, TextInput as TextInput29, Checkbox as Checkbox9, Textarea as Textarea15 } from "@mantine/core";
 var inputStyles25 = {
   label: { color: "#adb5bd" },
   input: {
@@ -5003,7 +4785,7 @@ var inputStyles25 = {
   }
 };
 var PerformTokenSwapActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React67.createElement(Stack53, { gap: "md" }, /* @__PURE__ */ React67.createElement(
+  return /* @__PURE__ */ React67.createElement(Stack51, { gap: "md" }, /* @__PURE__ */ React67.createElement(
     Checkbox9,
     {
       label: "Contract chosen",
@@ -5061,7 +4843,7 @@ var PerformTokenSwapActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/StakeToGroupActionForm.tsx
 import React68 from "react";
-import { Stack as Stack54, TextInput as TextInput30 } from "@mantine/core";
+import { Stack as Stack52, TextInput as TextInput30 } from "@mantine/core";
 var inputStyles26 = {
   label: { color: "#adb5bd" },
   input: {
@@ -5074,7 +4856,7 @@ var inputStyles26 = {
   }
 };
 var StakeToGroupActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React68.createElement(Stack54, { gap: "md" }, /* @__PURE__ */ React68.createElement(
+  return /* @__PURE__ */ React68.createElement(Stack52, { gap: "md" }, /* @__PURE__ */ React68.createElement(
     TextInput30,
     {
       label: "Token Contract Address",
@@ -5099,7 +4881,7 @@ var StakeToGroupActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/SendGroupTokenActionForm.tsx
 import React69 from "react";
-import { Stack as Stack55, TextInput as TextInput31 } from "@mantine/core";
+import { Stack as Stack53, TextInput as TextInput31 } from "@mantine/core";
 var inputStyles27 = {
   label: { color: "#adb5bd" },
   input: {
@@ -5112,7 +4894,7 @@ var inputStyles27 = {
   }
 };
 var SendGroupTokenActionForm = ({ data, onChange }) => {
-  return /* @__PURE__ */ React69.createElement(Stack55, { gap: "md" }, /* @__PURE__ */ React69.createElement(
+  return /* @__PURE__ */ React69.createElement(Stack53, { gap: "md" }, /* @__PURE__ */ React69.createElement(
     TextInput31,
     {
       label: "Contract Address",
@@ -5137,7 +4919,7 @@ var SendGroupTokenActionForm = ({ data, onChange }) => {
 
 // src/mantine/blocks/proposal/actions-components/forms/ValidatorActionsActionForm.tsx
 import React70 from "react";
-import { Stack as Stack56, Select as Select8, Textarea as Textarea16 } from "@mantine/core";
+import { Stack as Stack54, Select as Select8, Textarea as Textarea16 } from "@mantine/core";
 var inputStyles28 = {
   label: { color: "#adb5bd" },
   input: {
@@ -5156,7 +4938,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__ */ React70.createElement(Stack56, { gap: "md" }, /* @__PURE__ */ React70.createElement(
+  return /* @__PURE__ */ React70.createElement(Stack54, { gap: "md" }, /* @__PURE__ */ React70.createElement(
     Select8,
     {
       label: "Validator Action Type",
@@ -5849,8 +5631,8 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
   const isEditing = editingIndex !== null;
   const editingAction = isEditing ? actions[editingIndex] : null;
   const initialActionType = editingAction?.type || "Spend";
-  const [selectedActionType, setSelectedActionType] = useState15(initialActionType);
-  const [actionData, setActionData] = useState15(() => {
+  const [selectedActionType, setSelectedActionType] = useState14(initialActionType);
+  const [actionData, setActionData] = useState14(() => {
     if (editingAction) {
       return editingAction.data;
     }
@@ -5858,8 +5640,8 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
     return config?.getDefaultData() || {};
   });
   const currentActionConfig = getActionConfig(selectedActionType);
-  const categorizedActions = useMemo7(() => getCategorizedActions(), []);
-  useEffect10(() => {
+  const categorizedActions = useMemo8(() => getCategorizedActions(), []);
+  useEffect9(() => {
     if (!isEditing) {
       const config = getActionConfig(selectedActionType);
       if (config) {
@@ -5882,7 +5664,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
   };
   const renderActionForm = () => {
     if (!currentActionConfig) {
-      return /* @__PURE__ */ React71.createElement(Alert7, { color: "red", style: { backgroundColor: "#2a2a2a", borderColor: "#ff6b6b" } }, /* @__PURE__ */ React71.createElement(Text34, { size: "sm", style: { color: "#ff6b6b" } }, "Unknown action type selected"));
+      return /* @__PURE__ */ React71.createElement(Alert6, { color: "red", style: { backgroundColor: "#2a2a2a", borderColor: "#ff6b6b" } }, /* @__PURE__ */ React71.createElement(Text32, { size: "sm", style: { color: "#ff6b6b" } }, "Unknown action type selected"));
     }
     const FormComponent = currentActionConfig.FormComponent;
     return /* @__PURE__ */ React71.createElement(FormComponent, { data: actionData, onChange: setActionData, isTemplateMode });
@@ -5900,7 +5682,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
     };
     return colors[category] || "#6b7280";
   };
-  return /* @__PURE__ */ React71.createElement(Stack57, { style: { backgroundColor: "#1a1a1a", color: "#f1f3f5", height: "100%" } }, /* @__PURE__ */ React71.createElement(Text34, { size: "lg", fw: 600, style: { color: "#f1f3f5" } }, isEditing ? "Edit Action" : "Add New Action"), !isEditing ? /* @__PURE__ */ React71.createElement(Stack57, { gap: "md" }, /* @__PURE__ */ React71.createElement(Text34, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Select Action Type"), /* @__PURE__ */ React71.createElement(
+  return /* @__PURE__ */ React71.createElement(Stack55, { style: { backgroundColor: "#1a1a1a", color: "#f1f3f5", height: "100%" } }, /* @__PURE__ */ React71.createElement(Text32, { size: "lg", fw: 600, style: { color: "#f1f3f5" } }, isEditing ? "Edit Action" : "Add New Action"), !isEditing ? /* @__PURE__ */ React71.createElement(Stack55, { gap: "md" }, /* @__PURE__ */ React71.createElement(Text32, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Select Action Type"), /* @__PURE__ */ React71.createElement(
     Tabs2,
     {
       defaultValue: ACTION_CATEGORIES[0].id,
@@ -5921,9 +5703,9 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
         panel: { paddingTop: "md" }
       }
     },
-    /* @__PURE__ */ React71.createElement(Tabs2.List, null, ACTION_CATEGORIES.map((category) => /* @__PURE__ */ React71.createElement(Tabs2.Tab, { key: category.id, value: category.id }, /* @__PURE__ */ React71.createElement(Group20, { gap: "xs" }, /* @__PURE__ */ React71.createElement("span", null, category.icon), /* @__PURE__ */ React71.createElement("span", null, category.label))))),
+    /* @__PURE__ */ React71.createElement(Tabs2.List, null, ACTION_CATEGORIES.map((category) => /* @__PURE__ */ React71.createElement(Tabs2.Tab, { key: category.id, value: category.id }, /* @__PURE__ */ React71.createElement(Group18, { gap: "xs" }, /* @__PURE__ */ React71.createElement("span", null, category.icon), /* @__PURE__ */ React71.createElement("span", null, category.label))))),
     ACTION_CATEGORIES.map((category) => /* @__PURE__ */ React71.createElement(Tabs2.Panel, { key: category.id, value: category.id }, /* @__PURE__ */ React71.createElement(SimpleGrid, { cols: 2, spacing: "xs" }, (categorizedActions.get(category.id) || []).map((config) => /* @__PURE__ */ React71.createElement(
-      Paper2,
+      Paper3,
       {
         key: config.value,
         withBorder: true,
@@ -5936,10 +5718,10 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
         },
         onClick: () => setSelectedActionType(config.value)
       },
-      /* @__PURE__ */ React71.createElement(Stack57, { gap: "xs" }, /* @__PURE__ */ React71.createElement(Group20, { justify: "space-between" }, /* @__PURE__ */ React71.createElement(Text34, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, config.label), selectedActionType === config.value && /* @__PURE__ */ React71.createElement(Badge7, { size: "xs", style: { backgroundColor: "#4dabf7" } }, "Selected")), config.description && /* @__PURE__ */ React71.createElement(Text34, { size: "xs", style: { color: "#adb5bd" } }, config.description))
+      /* @__PURE__ */ React71.createElement(Stack55, { gap: "xs" }, /* @__PURE__ */ React71.createElement(Group18, { justify: "space-between" }, /* @__PURE__ */ React71.createElement(Text32, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, config.label), selectedActionType === config.value && /* @__PURE__ */ React71.createElement(Badge8, { size: "xs", style: { backgroundColor: "#4dabf7" } }, "Selected")), config.description && /* @__PURE__ */ React71.createElement(Text32, { size: "xs", style: { color: "#adb5bd" } }, config.description))
     )))))
   )) : /* @__PURE__ */ React71.createElement(
-    Card11,
+    Card12,
     {
       withBorder: true,
       p: "sm",
@@ -5948,8 +5730,8 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
         borderColor: "#333"
       }
     },
-    /* @__PURE__ */ React71.createElement(Group20, { justify: "space-between" }, /* @__PURE__ */ React71.createElement(Group20, { gap: "xs" }, /* @__PURE__ */ React71.createElement(
-      Badge7,
+    /* @__PURE__ */ React71.createElement(Group18, { justify: "space-between" }, /* @__PURE__ */ React71.createElement(Group18, { gap: "xs" }, /* @__PURE__ */ React71.createElement(
+      Badge8,
       {
         size: "sm",
         style: {
@@ -5958,11 +5740,11 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
         }
       },
       currentActionConfig?.label || selectedActionType
-    ), /* @__PURE__ */ React71.createElement(Text34, { size: "sm", style: { color: "#adb5bd" } }, "(Editing)")))
-  ), /* @__PURE__ */ React71.createElement(Divider3, { color: "#333" }), /* @__PURE__ */ React71.createElement(ScrollArea3, { style: { flex: 1 } }, renderActionForm()), /* @__PURE__ */ React71.createElement(Divider3, { color: "#333" }), /* @__PURE__ */ React71.createElement(Stack57, { gap: "xs" }, /* @__PURE__ */ React71.createElement(Text34, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Current Actions (", actions.length, ")"), /* @__PURE__ */ React71.createElement(ScrollArea3, { h: 100 }, /* @__PURE__ */ React71.createElement(Stack57, { gap: "xs" }, actions.map((action, index) => {
+    ), /* @__PURE__ */ React71.createElement(Text32, { size: "sm", style: { color: "#adb5bd" } }, "(Editing)")))
+  ), /* @__PURE__ */ React71.createElement(Divider3, { color: "#333" }), /* @__PURE__ */ React71.createElement(ScrollArea3, { style: { flex: 1 } }, renderActionForm()), /* @__PURE__ */ React71.createElement(Divider3, { color: "#333" }), /* @__PURE__ */ React71.createElement(Stack55, { gap: "xs" }, /* @__PURE__ */ React71.createElement(Text32, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Current Actions (", actions.length, ")"), /* @__PURE__ */ React71.createElement(ScrollArea3, { h: 100 }, /* @__PURE__ */ React71.createElement(Stack55, { gap: "xs" }, actions.map((action, index) => {
     const config = getActionConfig(action.type);
     return /* @__PURE__ */ React71.createElement(
-      Card11,
+      Card12,
       {
         key: index,
         withBorder: true,
@@ -5974,8 +5756,8 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
           opacity: index === editingIndex ? 0.7 : 1
         }
       },
-      /* @__PURE__ */ React71.createElement(Group20, { gap: "xs" }, /* @__PURE__ */ React71.createElement(
-        Badge7,
+      /* @__PURE__ */ React71.createElement(Group18, { gap: "xs" }, /* @__PURE__ */ React71.createElement(
+        Badge8,
         {
           size: "sm",
           style: {
@@ -5984,10 +5766,10 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
           }
         },
         config?.label || action.type
-      ), /* @__PURE__ */ React71.createElement(Text34, { size: "sm", style: { color: "#adb5bd" } }, config?.getSummary(action.data) || "Action"), index === editingIndex && /* @__PURE__ */ React71.createElement(Badge7, { size: "xs", style: { backgroundColor: "#4dabf7", color: "#fff" } }, "Editing"))
+      ), /* @__PURE__ */ React71.createElement(Text32, { size: "sm", style: { color: "#adb5bd" } }, config?.getSummary(action.data) || "Action"), index === editingIndex && /* @__PURE__ */ React71.createElement(Badge8, { size: "xs", style: { backgroundColor: "#4dabf7", color: "#fff" } }, "Editing"))
     );
-  })))), /* @__PURE__ */ React71.createElement(Group20, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React71.createElement(
-    Button14,
+  })))), /* @__PURE__ */ React71.createElement(Group18, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React71.createElement(
+    Button11,
     {
       variant: "default",
       onClick: onCancel,
@@ -6002,7 +5784,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
     },
     "Cancel"
   ), /* @__PURE__ */ React71.createElement(
-    Button14,
+    Button11,
     {
       onClick: handleSave,
       disabled: !currentActionConfig,
@@ -6023,8 +5805,8 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
 
 // src/mantine/blocks/proposal/template/ActionsTab.tsx
 var ActionsTab = ({ actions, onActionsChange, editor, block }) => {
-  const [isEditorVisible, setIsEditorVisible] = useState16(false);
-  const [editingIndex, setEditingIndex] = useState16(null);
+  const [isEditorVisible, setIsEditorVisible] = useState15(false);
+  const [editingIndex, setEditingIndex] = useState15(null);
   const parseActions = (actionsJson) => {
     if (!actionsJson) return [];
     try {
@@ -6035,28 +5817,28 @@ var ActionsTab = ({ actions, onActionsChange, editor, block }) => {
     }
   };
   const currentActions = parseActions(actions);
-  useEffect11(() => {
+  useEffect10(() => {
     if (currentActions.length === 0 && !isEditorVisible) {
       setEditingIndex(null);
       setIsEditorVisible(true);
     }
   }, [currentActions.length, isEditorVisible]);
-  const handleAddAction = useCallback10(() => {
+  const handleAddAction = useCallback11(() => {
     setEditingIndex(null);
     setIsEditorVisible(true);
   }, []);
-  const handleEditAction = useCallback10((index) => {
+  const handleEditAction = useCallback11((index) => {
     setEditingIndex(index);
     setIsEditorVisible(true);
   }, []);
-  const handleRemoveAction = useCallback10(
+  const handleRemoveAction = useCallback11(
     (index) => {
       const newActions = currentActions.filter((_, i) => i !== index);
       onActionsChange(newActions);
     },
     [currentActions, onActionsChange]
   );
-  const handleSaveAction = useCallback10(
+  const handleSaveAction = useCallback11(
     (action) => {
       let newActions;
       if (editingIndex !== null) {
@@ -6070,12 +5852,12 @@ var ActionsTab = ({ actions, onActionsChange, editor, block }) => {
     },
     [editingIndex, currentActions, onActionsChange]
   );
-  const handleCancelEditor = useCallback10(() => {
+  const handleCancelEditor = useCallback11(() => {
     setIsEditorVisible(false);
     setEditingIndex(null);
   }, []);
-  return /* @__PURE__ */ React72.createElement(Stack58, { gap: "md" }, /* @__PURE__ */ React72.createElement(
-    Button15,
+  return /* @__PURE__ */ React72.createElement(Stack56, { gap: "md" }, /* @__PURE__ */ React72.createElement(
+    Button12,
     {
       onClick: handleAddAction,
       style: {
@@ -6088,7 +5870,7 @@ var ActionsTab = ({ actions, onActionsChange, editor, block }) => {
     "Add Action"
   ), /* @__PURE__ */ React72.createElement(ActionsCard, { actions: currentActions, isSelected: false, onClick: () => {
   }, onEditAction: handleEditAction, onRemoveAction: handleRemoveAction }), isEditorVisible && /* @__PURE__ */ React72.createElement(
-    Card12,
+    Card13,
     {
       withBorder: true,
       padding: "lg",
@@ -6104,15 +5886,15 @@ var ActionsTab = ({ actions, onActionsChange, editor, block }) => {
 
 // src/mantine/blocks/proposal/template/VoteTab.tsx
 import React73 from "react";
-import { Stack as Stack59, TextInput as TextInput32 } from "@mantine/core";
+import { Stack as Stack57, TextInput as TextInput32 } from "@mantine/core";
 var VoteTab = ({ voteTitle, voteSubtitle, voteIcon, onVoteTitleChange, onVoteSubtitleChange, onVoteIconChange }) => {
-  return /* @__PURE__ */ React73.createElement(Stack59, { gap: "md" }, /* @__PURE__ */ React73.createElement(TextInput32, { label: "Vote Button Title", placeholder: "Vote on this proposal", value: voteTitle, onChange: (event) => onVoteTitleChange(event.currentTarget.value) }), /* @__PURE__ */ React73.createElement(TextInput32, { label: "Vote Button Subtitle", placeholder: "Cast your vote", value: voteSubtitle, onChange: (event) => onVoteSubtitleChange(event.currentTarget.value) }), /* @__PURE__ */ React73.createElement(TextInput32, { label: "Vote Icon", placeholder: "checklist", value: voteIcon, onChange: (event) => onVoteIconChange(event.currentTarget.value) }));
+  return /* @__PURE__ */ React73.createElement(Stack57, { gap: "md" }, /* @__PURE__ */ React73.createElement(TextInput32, { label: "Vote Button Title", placeholder: "Vote on this proposal", value: voteTitle, onChange: (event) => onVoteTitleChange(event.currentTarget.value) }), /* @__PURE__ */ React73.createElement(TextInput32, { label: "Vote Button Subtitle", placeholder: "Cast your vote", value: voteSubtitle, onChange: (event) => onVoteSubtitleChange(event.currentTarget.value) }), /* @__PURE__ */ React73.createElement(TextInput32, { label: "Vote Icon", placeholder: "checklist", value: voteIcon, onChange: (event) => onVoteIconChange(event.currentTarget.value) }));
 };
 
 // src/mantine/blocks/proposal/template/TemplateConfig.tsx
-var TemplateConfig2 = ({ editor, block }) => {
+var TemplateConfig3 = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
-  const updateProp = useCallback11(
+  const updateProp = useCallback12(
     (key, value) => {
       editor.updateBlock(block, {
         props: {
@@ -6124,7 +5906,7 @@ var TemplateConfig2 = ({ editor, block }) => {
     [editor, block]
   );
   return /* @__PURE__ */ React74.createElement(
-    Paper3,
+    Paper4,
     {
       p: "md",
       shadow: "sm",
@@ -6144,8 +5926,8 @@ var TemplateConfig2 = ({ editor, block }) => {
           marginBottom: "1rem"
         }
       },
-      /* @__PURE__ */ React74.createElement(Title2, { order: 3 }, "Proposal Settings"),
-      /* @__PURE__ */ React74.createElement(CloseButton2, { onClick: closePanel })
+      /* @__PURE__ */ React74.createElement(Title3, { order: 3 }, "Proposal Settings"),
+      /* @__PURE__ */ React74.createElement(CloseButton3, { onClick: closePanel })
     ),
     /* @__PURE__ */ React74.createElement(
       ReusablePanel,
@@ -6155,7 +5937,7 @@ var TemplateConfig2 = ({ editor, block }) => {
             label: "General",
             value: "general",
             content: /* @__PURE__ */ React74.createElement(
-              GeneralTab2,
+              GeneralTab3,
               {
                 title: block.props.title || "",
                 description: block.props.description || "",
@@ -6192,21 +5974,21 @@ var TemplateConfig2 = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/proposal/template/TemplateView.tsx
-import { Card as Card13, Group as Group21, Stack as Stack60, Text as Text35, ActionIcon as ActionIcon6 } from "@mantine/core";
+import { Card as Card14, Group as Group19, Stack as Stack58, Text as Text33, ActionIcon as ActionIcon7 } from "@mantine/core";
 var PROPOSAL_TEMPLATE_PANEL_ID = "proposal-template-panel";
 var ProposalTemplateView = ({ editor, block }) => {
   const panelId = `${PROPOSAL_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo8(() => /* @__PURE__ */ React75.createElement(TemplateConfig2, { editor, block }), [editor, block]);
+  const panelContent = useMemo9(() => /* @__PURE__ */ React75.createElement(TemplateConfig3, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
-  return /* @__PURE__ */ React75.createElement(Card13, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer" }, onClick: open }, /* @__PURE__ */ React75.createElement(Group21, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React75.createElement(Group21, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React75.createElement(ActionIcon6, { variant: "light", color: "blue", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "file-text")), /* @__PURE__ */ React75.createElement(Stack60, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React75.createElement(Text35, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Proposal Title"), /* @__PURE__ */ React75.createElement(Text35, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description || "Proposal description"))), /* @__PURE__ */ React75.createElement(Text35, { size: "xs", c: "dimmed", contentEditable: false }, block.props.status || "draft")));
+  return /* @__PURE__ */ React75.createElement(Card14, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer" }, onClick: open }, /* @__PURE__ */ React75.createElement(Group19, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React75.createElement(Group19, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React75.createElement(ActionIcon7, { variant: "light", color: "blue", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "file-text")), /* @__PURE__ */ React75.createElement(Stack58, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React75.createElement(Text33, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Proposal Title"), /* @__PURE__ */ React75.createElement(Text33, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description || "Proposal description"))), /* @__PURE__ */ React75.createElement(Text33, { size: "xs", c: "dimmed", contentEditable: false }, block.props.status || "draft")));
 };
 
 // src/mantine/blocks/proposal/flow/FlowView.tsx
-import React80, { useMemo as useMemo9 } from "react";
+import React80, { useMemo as useMemo10 } from "react";
 
 // src/mantine/blocks/proposal/components/OnChainProposalCard.tsx
 import React76 from "react";
-import { Card as Card14, Group as Group22, Stack as Stack61, Text as Text36, Skeleton, Badge as Badge8, Button as Button16, ActionIcon as ActionIcon7 } from "@mantine/core";
+import { Card as Card15, Group as Group20, Stack as Stack59, Text as Text34, Skeleton, Badge as Badge9, Button as Button13, ActionIcon as ActionIcon8 } from "@mantine/core";
 var statusColor = {
   open: "#4dabf7",
   passed: "#51cf66",
@@ -6236,7 +6018,7 @@ var OnChainProposalCard = ({
   voteEnabled = false
 }) => {
   return /* @__PURE__ */ React76.createElement(
-    Card14,
+    Card15,
     {
       shadow: "sm",
       padding: "lg",
@@ -6248,10 +6030,10 @@ var OnChainProposalCard = ({
       },
       onClick
     },
-    isFetching && /* @__PURE__ */ React76.createElement(Stack61, null, /* @__PURE__ */ React76.createElement(Skeleton, { height: 20, width: "70%" }), /* @__PURE__ */ React76.createElement(Skeleton, { height: 16 }), /* @__PURE__ */ React76.createElement(Skeleton, { height: 16, width: "40%" })),
-    error && /* @__PURE__ */ React76.createElement(Text36, { size: "sm", c: "red" }, typeof error === "string" ? error : error.message || "An error occurred while loading the proposal."),
-    !isFetching && /* @__PURE__ */ React76.createElement(Group22, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React76.createElement(Group22, { align: "flex-start", gap: "md", style: { flex: 1 } }, /* @__PURE__ */ React76.createElement(ActionIcon7, { variant: "light", color: "blue", size: "xl", radius: "xl", style: { flexShrink: 0 } }, getIcon(icon, 24, 1.5, "file-text")), /* @__PURE__ */ React76.createElement(Stack61, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React76.createElement(Group22, { gap: "xs" }, /* @__PURE__ */ React76.createElement(Text36, { size: "md", fw: 600 }, title || "Proposal"), /* @__PURE__ */ React76.createElement(Badge8, { color: statusColor[status], variant: "filled", size: "sm", radius: "sm" }, status.replace(/_/g, " ").toUpperCase())), /* @__PURE__ */ React76.createElement(Text36, { size: "sm", c: "dimmed" }, getDisplayDescription(description)))), /* @__PURE__ */ React76.createElement(Group22, { gap: "xs" }, voteEnabled && onVote && status === "open" && /* @__PURE__ */ React76.createElement(
-      Button16,
+    isFetching && /* @__PURE__ */ React76.createElement(Stack59, null, /* @__PURE__ */ React76.createElement(Skeleton, { height: 20, width: "70%" }), /* @__PURE__ */ React76.createElement(Skeleton, { height: 16 }), /* @__PURE__ */ React76.createElement(Skeleton, { height: 16, width: "40%" })),
+    error && /* @__PURE__ */ React76.createElement(Text34, { size: "sm", c: "red" }, typeof error === "string" ? error : error.message || "An error occurred while loading the proposal."),
+    !isFetching && /* @__PURE__ */ React76.createElement(Group20, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React76.createElement(Group20, { align: "flex-start", gap: "md", style: { flex: 1 } }, /* @__PURE__ */ React76.createElement(ActionIcon8, { variant: "light", color: "blue", size: "xl", radius: "xl", style: { flexShrink: 0 } }, getIcon(icon, 24, 1.5, "file-text")), /* @__PURE__ */ React76.createElement(Stack59, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React76.createElement(Group20, { gap: "xs" }, /* @__PURE__ */ React76.createElement(Text34, { size: "md", fw: 600 }, title || "Proposal"), /* @__PURE__ */ React76.createElement(Badge9, { color: statusColor[status], variant: "filled", size: "sm", radius: "sm" }, status.replace(/_/g, " ").toUpperCase())), /* @__PURE__ */ React76.createElement(Text34, { size: "sm", c: "dimmed" }, getDisplayDescription(description)))), /* @__PURE__ */ React76.createElement(Group20, { gap: "xs" }, voteEnabled && onVote && status === "open" && /* @__PURE__ */ React76.createElement(
+      Button13,
       {
         size: "sm",
         variant: "filled",
@@ -6264,7 +6046,7 @@ var OnChainProposalCard = ({
       },
       "Vote"
     ), status === "passed" && onExecute && /* @__PURE__ */ React76.createElement(
-      Button16,
+      Button13,
       {
         size: "sm",
         variant: "filled",
@@ -6282,11 +6064,11 @@ var OnChainProposalCard = ({
 };
 
 // src/mantine/blocks/proposal/flow/FlowConfig.tsx
-import React79, { useCallback as useCallback13, useState as useState21 } from "react";
-import { Paper as Paper4, CloseButton as CloseButton3, Title as Title3, Stack as Stack64, TextInput as TextInput33, Textarea as Textarea18, Button as Button19, Text as Text39, Card as Card17 } from "@mantine/core";
+import React79, { useCallback as useCallback14, useState as useState20 } from "react";
+import { Paper as Paper5, CloseButton as CloseButton4, Title as Title4, Stack as Stack62, TextInput as TextInput33, Textarea as Textarea18, Button as Button16, Text as Text37, Card as Card18 } from "@mantine/core";
 
 // src/mantine/blocks/proposal/flow/useFlowBusinessLogic.ts
-import { useEffect as useEffect12, useState as useState17 } from "react";
+import { useEffect as useEffect11, useState as useState16 } from "react";
 var CHAIN_STATUSES = ["open", "passed", "rejected", "executed", "closed", "execution_failed", "veto_timelock"];
 var isChainStatus = (value) => {
   return CHAIN_STATUSES.includes(value);
@@ -6298,9 +6080,9 @@ var parseStatus = (value) => {
 var useFlowBusinessLogic = ({ block, editor }) => {
   const { blockRequirements } = useBlocknoteContext();
   const coreAddress = blockRequirements?.proposal?.coreAddress;
-  const [proposalContractAddress, setProposalContractAddress] = useState17(null);
-  const [isExecuting, setIsExecuting] = useState17(false);
-  const [executionError, setExecutionError] = useState17(null);
+  const [proposalContractAddress, setProposalContractAddress] = useState16(null);
+  const [isExecuting, setIsExecuting] = useState16(false);
+  const [executionError, setExecutionError] = useState16(null);
   let handlers = null;
   try {
     handlers = useBlocknoteHandlers();
@@ -6330,7 +6112,7 @@ var useFlowBusinessLogic = ({ block, editor }) => {
       props: { ...block.props, ...nextProps }
     });
   };
-  useEffect12(() => {
+  useEffect11(() => {
     if (!handlers || !coreAddress || !proposalId) {
       setProposalContractAddress(null);
       return;
@@ -6353,7 +6135,7 @@ var useFlowBusinessLogic = ({ block, editor }) => {
       isCancelled = true;
     };
   }, [handlers, coreAddress, proposalId]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (!proposal) return;
     const chainStatus = proposal.proposal.status;
     const parsedStatus = parseStatus(chainStatus);
@@ -6447,13 +6229,13 @@ var useFlowBusinessLogic = ({ block, editor }) => {
 };
 
 // src/mantine/blocks/proposal/flow/useVoteBusinessLogic.ts
-import { useState as useState18, useEffect as useEffect13 } from "react";
+import { useState as useState17, useEffect as useEffect12 } from "react";
 var useVoteBusinessLogic = ({ block, editor }) => {
   const { blockRequirements } = useBlocknoteContext();
   const coreAddress = blockRequirements?.proposal?.coreAddress;
-  const [localError, setLocalError] = useState18(null);
-  const [userVote, setUserVote] = useState18(null);
-  const [proposalContractAddress, setProposalContractAddress] = useState18(null);
+  const [localError, setLocalError] = useState17(null);
+  const [userVote, setUserVote] = useState17(null);
+  const [proposalContractAddress, setProposalContractAddress] = useState17(null);
   let handlers = null;
   try {
     handlers = useBlocknoteHandlers();
@@ -6464,7 +6246,7 @@ var useVoteBusinessLogic = ({ block, editor }) => {
   const title = block.props.title || "";
   const description = block.props.description || "";
   const status = block.props.status || "draft";
-  useEffect13(() => {
+  useEffect12(() => {
     if (!handlers || !coreAddress || !proposalId) {
       setProposalContractAddress(null);
       return;
@@ -6487,7 +6269,7 @@ var useVoteBusinessLogic = ({ block, editor }) => {
       isCancelled = true;
     };
   }, [handlers, coreAddress, proposalId]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!handlers || !proposalContractAddress || !proposalId) {
       return;
     }
@@ -6535,8 +6317,8 @@ var useVoteBusinessLogic = ({ block, editor }) => {
 };
 
 // src/mantine/blocks/proposal/flow/VoteGeneralTab.tsx
-import React77, { useState as useState19 } from "react";
-import { Stack as Stack62, Text as Text37, Group as Group23, Card as Card15, Button as Button17, Progress as Progress2, Box as Box15, Textarea as Textarea17, Tooltip as Tooltip3 } from "@mantine/core";
+import React77, { useState as useState18 } from "react";
+import { Stack as Stack60, Text as Text35, Group as Group21, Card as Card16, Button as Button14, Progress as Progress2, Box as Box14, Textarea as Textarea17, Tooltip as Tooltip3 } from "@mantine/core";
 var getVoteIcon = (voteType) => {
   switch (voteType) {
     case "yes":
@@ -6562,8 +6344,8 @@ var FlowGeneralTab = ({
   isDisabled
 }) => {
   const disabled = isDisabled?.isDisabled === "disable";
-  const [selectedVote, setSelectedVote] = useState19("");
-  const [rationale, setRationale] = useState19("");
+  const [selectedVote, setSelectedVote] = useState18("");
+  const [rationale, setRationale] = useState18("");
   const hasSubmittedProposal = Boolean(proposalId);
   const hasVoted = Boolean(userVote?.vote);
   const handleSlideToSign = () => {
@@ -6578,8 +6360,8 @@ var FlowGeneralTab = ({
       setRationale("");
     }
   };
-  return /* @__PURE__ */ React77.createElement(Stack62, { gap: "lg" }, !hasSubmittedProposal && /* @__PURE__ */ React77.createElement(
-    Card15,
+  return /* @__PURE__ */ React77.createElement(Stack60, { gap: "lg" }, !hasSubmittedProposal && /* @__PURE__ */ React77.createElement(
+    Card16,
     {
       padding: "md",
       radius: "md",
@@ -6589,8 +6371,8 @@ var FlowGeneralTab = ({
         color: "#f1f3f5"
       }
     },
-    /* @__PURE__ */ React77.createElement(Group23, { gap: "xs", align: "center" }, /* @__PURE__ */ React77.createElement(
-      Box15,
+    /* @__PURE__ */ React77.createElement(Group21, { gap: "xs", align: "center" }, /* @__PURE__ */ React77.createElement(
+      Box14,
       {
         style: {
           width: 8,
@@ -6599,10 +6381,10 @@ var FlowGeneralTab = ({
           borderRadius: "50%"
         }
       }
-    ), /* @__PURE__ */ React77.createElement(Text37, { size: "sm", fw: 500, style: { color: "#ffd43b" } }, "Waiting for Proposal Submission")),
-    /* @__PURE__ */ React77.createElement(Text37, { size: "xs", style: { color: "#adb5bd", marginTop: 4 } }, "The connected proposal needs to be submitted before voting can begin.")
+    ), /* @__PURE__ */ React77.createElement(Text35, { size: "sm", fw: 500, style: { color: "#ffd43b" } }, "Waiting for Proposal Submission")),
+    /* @__PURE__ */ React77.createElement(Text35, { size: "xs", style: { color: "#adb5bd", marginTop: 4 } }, "The connected proposal needs to be submitted before voting can begin.")
   ), /* @__PURE__ */ React77.createElement(
-    Card15,
+    Card16,
     {
       padding: "lg",
       radius: "md",
@@ -6613,8 +6395,8 @@ var FlowGeneralTab = ({
         opacity: !hasSubmittedProposal ? 0.6 : 1
       }
     },
-    /* @__PURE__ */ React77.createElement(Stack62, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React77.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React77.createElement(
-      Box15,
+    /* @__PURE__ */ React77.createElement(Stack60, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Group21, { justify: "space-between" }, /* @__PURE__ */ React77.createElement(Group21, { gap: "xs" }, /* @__PURE__ */ React77.createElement(
+      Box14,
       {
         w: 8,
         h: 8,
@@ -6623,8 +6405,8 @@ var FlowGeneralTab = ({
           borderRadius: "50%"
         }
       }
-    ), /* @__PURE__ */ React77.createElement(Text37, { size: "sm", style: { color: "#adb5bd" } }, "Status")), /* @__PURE__ */ React77.createElement(Text37, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? proposalStatus === "open" ? "Active" : proposalStatus || "Active" : "Waiting")), /* @__PURE__ */ React77.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React77.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Box15, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React77.createElement(Text37, { size: "sm", style: { color: "#adb5bd" } }, "Proposal ID")), /* @__PURE__ */ React77.createElement(Text37, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? `#${proposalId}` : "TBD")), /* @__PURE__ */ React77.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React77.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Box15, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React77.createElement(Text37, { size: "sm", style: { color: "#adb5bd" } }, "Title")), /* @__PURE__ */ React77.createElement(
-      Text37,
+    ), /* @__PURE__ */ React77.createElement(Text35, { size: "sm", style: { color: "#adb5bd" } }, "Status")), /* @__PURE__ */ React77.createElement(Text35, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? proposalStatus === "open" ? "Active" : proposalStatus || "Active" : "Waiting")), /* @__PURE__ */ React77.createElement(Group21, { justify: "space-between" }, /* @__PURE__ */ React77.createElement(Group21, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Box14, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React77.createElement(Text35, { size: "sm", style: { color: "#adb5bd" } }, "Proposal ID")), /* @__PURE__ */ React77.createElement(Text35, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? `#${proposalId}` : "TBD")), /* @__PURE__ */ React77.createElement(Group21, { justify: "space-between" }, /* @__PURE__ */ React77.createElement(Group21, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Box14, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React77.createElement(Text35, { size: "sm", style: { color: "#adb5bd" } }, "Title")), /* @__PURE__ */ React77.createElement(
+      Text35,
       {
         size: "sm",
         fw: 500,
@@ -6633,8 +6415,8 @@ var FlowGeneralTab = ({
         }
       },
       hasSubmittedProposal ? proposalTitle || "Untitled" : "N/A"
-    )), /* @__PURE__ */ React77.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React77.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Box15, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React77.createElement(Text37, { size: "sm", style: { color: "#adb5bd" } }, "Description")), /* @__PURE__ */ React77.createElement(Text37, { size: "sm", fw: 500, style: { color: "#f1f3f5" }, title: proposalDescription }, hasSubmittedProposal ? proposalDescription ? proposalDescription.length > 30 ? proposalDescription.substring(0, 30) + "..." : proposalDescription : "No description" : "N/A")), /* @__PURE__ */ React77.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React77.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Box15, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React77.createElement(Text37, { size: "sm", style: { color: "#adb5bd" } }, "My Vote")), /* @__PURE__ */ React77.createElement(Text37, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? userVote?.vote ? userVote.vote.vote : "Pending" : "N/A"))),
-    /* @__PURE__ */ React77.createElement(Stack62, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Text37, { size: "sm", style: { color: "#adb5bd" } }, hasSubmittedProposal ? "Voting is open" : "Voting pending"), /* @__PURE__ */ React77.createElement(
+    )), /* @__PURE__ */ React77.createElement(Group21, { justify: "space-between" }, /* @__PURE__ */ React77.createElement(Group21, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Box14, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React77.createElement(Text35, { size: "sm", style: { color: "#adb5bd" } }, "Description")), /* @__PURE__ */ React77.createElement(Text35, { size: "sm", fw: 500, style: { color: "#f1f3f5" }, title: proposalDescription }, hasSubmittedProposal ? proposalDescription ? proposalDescription.length > 30 ? proposalDescription.substring(0, 30) + "..." : proposalDescription : "No description" : "N/A")), /* @__PURE__ */ React77.createElement(Group21, { justify: "space-between" }, /* @__PURE__ */ React77.createElement(Group21, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Box14, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React77.createElement(Text35, { size: "sm", style: { color: "#adb5bd" } }, "My Vote")), /* @__PURE__ */ React77.createElement(Text35, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? userVote?.vote ? userVote.vote.vote : "Pending" : "N/A"))),
+    /* @__PURE__ */ React77.createElement(Stack60, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Text35, { size: "sm", style: { color: "#adb5bd" } }, hasSubmittedProposal ? "Voting is open" : "Voting pending"), /* @__PURE__ */ React77.createElement(
       Progress2,
       {
         value: hasSubmittedProposal ? 75 : 0,
@@ -6647,8 +6429,8 @@ var FlowGeneralTab = ({
         }
       }
     ))
-  ), hasSubmittedProposal && !hasVoted && (status === "open" || proposalStatus === "open") && /* @__PURE__ */ React77.createElement(Stack62, { gap: "lg" }, disabled && isDisabled?.message && /* @__PURE__ */ React77.createElement(
-    Card15,
+  ), hasSubmittedProposal && !hasVoted && (status === "open" || proposalStatus === "open") && /* @__PURE__ */ React77.createElement(Stack60, { gap: "lg" }, disabled && isDisabled?.message && /* @__PURE__ */ React77.createElement(
+    Card16,
     {
       padding: "md",
       radius: "md",
@@ -6658,8 +6440,8 @@ var FlowGeneralTab = ({
         color: "#f1f3f5"
       }
     },
-    /* @__PURE__ */ React77.createElement(Group23, { gap: "xs", align: "center" }, /* @__PURE__ */ React77.createElement(
-      Box15,
+    /* @__PURE__ */ React77.createElement(Group21, { gap: "xs", align: "center" }, /* @__PURE__ */ React77.createElement(
+      Box14,
       {
         style: {
           width: 8,
@@ -6668,9 +6450,9 @@ var FlowGeneralTab = ({
           borderRadius: "50%"
         }
       }
-    ), /* @__PURE__ */ React77.createElement(Text37, { size: "sm", fw: 500, style: { color: "#ffd43b" } }, isDisabled.message))
-  ), /* @__PURE__ */ React77.createElement(Stack62, { gap: "md" }, ["yes", "no", "no_with_veto", "abstain"].map((voteType) => /* @__PURE__ */ React77.createElement(Tooltip3, { key: voteType, label: disabled ? isDisabled?.message : void 0, disabled: !disabled, position: "top" }, /* @__PURE__ */ React77.createElement(
-    Button17,
+    ), /* @__PURE__ */ React77.createElement(Text35, { size: "sm", fw: 500, style: { color: "#ffd43b" } }, isDisabled.message))
+  ), /* @__PURE__ */ React77.createElement(Stack60, { gap: "md" }, ["yes", "no", "no_with_veto", "abstain"].map((voteType) => /* @__PURE__ */ React77.createElement(Tooltip3, { key: voteType, label: disabled ? isDisabled?.message : void 0, disabled: !disabled, position: "top" }, /* @__PURE__ */ React77.createElement(
+    Button14,
     {
       variant: "outline",
       leftSection: getVoteIcon(voteType),
@@ -6688,8 +6470,8 @@ var FlowGeneralTab = ({
         opacity: disabled ? 0.5 : 1
       }
     },
-    /* @__PURE__ */ React77.createElement(Text37, { fw: 500, tt: "capitalize", style: { textAlign: "left" } }, voteType === "no_with_veto" ? "No with Veto" : voteType)
-  )))), /* @__PURE__ */ React77.createElement(Stack62, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Text37, { size: "sm", style: { color: "#adb5bd" } }, "Rationale (optional)"), /* @__PURE__ */ React77.createElement(
+    /* @__PURE__ */ React77.createElement(Text35, { fw: 500, tt: "capitalize", style: { textAlign: "left" } }, voteType === "no_with_veto" ? "No with Veto" : voteType)
+  )))), /* @__PURE__ */ React77.createElement(Stack60, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Text35, { size: "sm", style: { color: "#adb5bd" } }, "Rationale (optional)"), /* @__PURE__ */ React77.createElement(
     Textarea17,
     {
       value: rationale,
@@ -6707,7 +6489,7 @@ var FlowGeneralTab = ({
       }
     }
   ))), (status === "executed" || proposalStatus === "executed") && /* @__PURE__ */ React77.createElement(
-    Card15,
+    Card16,
     {
       padding: "md",
       radius: "md",
@@ -6716,9 +6498,9 @@ var FlowGeneralTab = ({
         border: "1px solid #333"
       }
     },
-    /* @__PURE__ */ React77.createElement(Stack62, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Text37, { fw: 500, size: "sm", style: { color: "#f1f3f5" } }, "Proposal Executed"), /* @__PURE__ */ React77.createElement(Text37, { size: "sm", style: { color: "#adb5bd" } }, "This proposal has been successfully executed."))
-  ), !hasSubmittedProposal && /* @__PURE__ */ React77.createElement(Stack62, { gap: "lg" }, /* @__PURE__ */ React77.createElement(Stack62, { gap: "md" }, ["yes", "no", "no_with_veto", "abstain"].map((voteType) => /* @__PURE__ */ React77.createElement(Tooltip3, { key: voteType, label: "Proposal must be submitted before voting", position: "top" }, /* @__PURE__ */ React77.createElement(
-    Button17,
+    /* @__PURE__ */ React77.createElement(Stack60, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Text35, { fw: 500, size: "sm", style: { color: "#f1f3f5" } }, "Proposal Executed"), /* @__PURE__ */ React77.createElement(Text35, { size: "sm", style: { color: "#adb5bd" } }, "This proposal has been successfully executed."))
+  ), !hasSubmittedProposal && /* @__PURE__ */ React77.createElement(Stack60, { gap: "lg" }, /* @__PURE__ */ React77.createElement(Stack60, { gap: "md" }, ["yes", "no", "no_with_veto", "abstain"].map((voteType) => /* @__PURE__ */ React77.createElement(Tooltip3, { key: voteType, label: "Proposal must be submitted before voting", position: "top" }, /* @__PURE__ */ React77.createElement(
+    Button14,
     {
       variant: "outline",
       leftSection: getVoteIcon(voteType),
@@ -6734,9 +6516,9 @@ var FlowGeneralTab = ({
         opacity: 0.5
       }
     },
-    /* @__PURE__ */ React77.createElement(Text37, { fw: 500, tt: "capitalize", style: { textAlign: "left" } }, voteType === "no_with_veto" ? "No with Veto" : voteType)
+    /* @__PURE__ */ React77.createElement(Text35, { fw: 500, tt: "capitalize", style: { textAlign: "left" } }, voteType === "no_with_veto" ? "No with Veto" : voteType)
   ))))), hasSubmittedProposal && !hasVoted && selectedVote && (status === "open" || proposalStatus === "open") && /* @__PURE__ */ React77.createElement(Tooltip3, { label: disabled ? isDisabled?.message : "Sign to vote", position: "top" }, /* @__PURE__ */ React77.createElement("div", null, /* @__PURE__ */ React77.createElement(
-    Button17,
+    Button14,
     {
       size: "sm",
       onClick: handleSlideToSign,
@@ -6752,7 +6534,7 @@ var FlowGeneralTab = ({
     },
     "Sign"
   ))), hasVoted && hasSubmittedProposal && /* @__PURE__ */ React77.createElement(
-    Card15,
+    Card16,
     {
       padding: "md",
       radius: "md",
@@ -6762,8 +6544,8 @@ var FlowGeneralTab = ({
         color: "#f1f3f5"
       }
     },
-    /* @__PURE__ */ React77.createElement(Stack62, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Group23, { gap: "xs", align: "center" }, /* @__PURE__ */ React77.createElement(
-      Box15,
+    /* @__PURE__ */ React77.createElement(Stack60, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Group21, { gap: "xs", align: "center" }, /* @__PURE__ */ React77.createElement(
+      Box14,
       {
         style: {
           width: 8,
@@ -6772,16 +6554,16 @@ var FlowGeneralTab = ({
           borderRadius: "50%"
         }
       }
-    ), /* @__PURE__ */ React77.createElement(Text37, { size: "sm", fw: 500, style: { color: "#51cf66" } }, "Vote Submitted")), /* @__PURE__ */ React77.createElement(Text37, { size: "xs", style: { color: "#adb5bd" } }, "You have already voted on this proposal. Your vote:", " ", /* @__PURE__ */ React77.createElement(Text37, { span: true, fw: 500, tt: "capitalize" }, userVote?.vote?.vote)))
+    ), /* @__PURE__ */ React77.createElement(Text35, { size: "sm", fw: 500, style: { color: "#51cf66" } }, "Vote Submitted")), /* @__PURE__ */ React77.createElement(Text35, { size: "xs", style: { color: "#adb5bd" } }, "You have already voted on this proposal. Your vote:", " ", /* @__PURE__ */ React77.createElement(Text35, { span: true, fw: 500, tt: "capitalize" }, userVote?.vote?.vote)))
   ));
 };
 
 // src/mantine/blocks/proposal/flow/ActionsTab.tsx
-import React78, { useCallback as useCallback12, useEffect as useEffect14, useState as useState20 } from "react";
-import { Alert as Alert8, Button as Button18, Card as Card16, Stack as Stack63, Text as Text38 } from "@mantine/core";
+import React78, { useCallback as useCallback13, useEffect as useEffect13, useState as useState19 } from "react";
+import { Alert as Alert7, Button as Button15, Card as Card17, Stack as Stack61, Text as Text36 } from "@mantine/core";
 var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated }) => {
-  const [isEditorVisible, setIsEditorVisible] = useState20(false);
-  const [editingIndex, setEditingIndex] = useState20(null);
+  const [isEditorVisible, setIsEditorVisible] = useState19(false);
+  const [editingIndex, setEditingIndex] = useState19(null);
   const parseActions = (actionsJson) => {
     if (!actionsJson) return [];
     try {
@@ -6792,18 +6574,18 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
     }
   };
   const currentActions = parseActions(actions);
-  useEffect14(() => {
+  useEffect13(() => {
     if (!isProposalCreated && currentActions.length === 0 && !isEditorVisible) {
       setEditingIndex(null);
       setIsEditorVisible(true);
     }
   }, [currentActions.length, isEditorVisible, isProposalCreated]);
-  const handleAddAction = useCallback12(() => {
+  const handleAddAction = useCallback13(() => {
     if (isProposalCreated) return;
     setEditingIndex(null);
     setIsEditorVisible(true);
   }, [isProposalCreated]);
-  const handleEditAction = useCallback12(
+  const handleEditAction = useCallback13(
     (index) => {
       if (isProposalCreated) return;
       setEditingIndex(index);
@@ -6811,7 +6593,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
     },
     [isProposalCreated]
   );
-  const handleRemoveAction = useCallback12(
+  const handleRemoveAction = useCallback13(
     (index) => {
       if (isProposalCreated) return;
       const newActions = currentActions.filter((_, i) => i !== index);
@@ -6819,7 +6601,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
     },
     [currentActions, onActionsChange, isProposalCreated]
   );
-  const handleSaveAction = useCallback12(
+  const handleSaveAction = useCallback13(
     (action) => {
       let newActions;
       if (editingIndex !== null) {
@@ -6833,12 +6615,12 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
     },
     [editingIndex, currentActions, onActionsChange]
   );
-  const handleCancelEditor = useCallback12(() => {
+  const handleCancelEditor = useCallback13(() => {
     setIsEditorVisible(false);
     setEditingIndex(null);
   }, []);
-  return /* @__PURE__ */ React78.createElement(Stack63, { gap: "md" }, isProposalCreated && /* @__PURE__ */ React78.createElement(Alert8, { color: "yellow", title: "Actions Locked" }, /* @__PURE__ */ React78.createElement(Text38, { size: "sm" }, "Actions cannot be edited after the proposal has been created. These actions are now part of the on-chain proposal.")), /* @__PURE__ */ React78.createElement(Stack63, { gap: "sm" }, !isProposalCreated && /* @__PURE__ */ React78.createElement(
-    Button18,
+  return /* @__PURE__ */ React78.createElement(Stack61, { gap: "md" }, isProposalCreated && /* @__PURE__ */ React78.createElement(Alert7, { color: "yellow", title: "Actions Locked" }, /* @__PURE__ */ React78.createElement(Text36, { size: "sm" }, "Actions cannot be edited after the proposal has been created. These actions are now part of the on-chain proposal.")), /* @__PURE__ */ React78.createElement(Stack61, { gap: "sm" }, !isProposalCreated && /* @__PURE__ */ React78.createElement(
+    Button15,
     {
       onClick: handleAddAction,
       style: {
@@ -6861,7 +6643,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
       disabled: isProposalCreated
     }
   )), !isProposalCreated && isEditorVisible && /* @__PURE__ */ React78.createElement(
-    Card16,
+    Card17,
     {
       withBorder: true,
       padding: "lg",
@@ -6880,15 +6662,15 @@ var FlowConfig = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
   const { blockRequirements } = useBlocknoteContext();
   const coreAddress = blockRequirements?.proposal?.coreAddress;
-  const [errors, setErrors] = useState21({});
-  const [isCreating, setIsCreating] = useState21(false);
+  const [errors, setErrors] = useState20({});
+  const [isCreating, setIsCreating] = useState20(false);
   const { createProposal, title, description, proposalId } = useFlowBusinessLogic({
     block,
     editor
   });
   const isProposalCreated = !!proposalId;
   const voteLogic = useVoteBusinessLogic({ block, editor });
-  const updateProp = useCallback13(
+  const updateProp = useCallback14(
     (key, value) => {
       editor.updateBlock(block, {
         props: {
@@ -6925,7 +6707,7 @@ var FlowConfig = ({ editor, block }) => {
       setIsCreating(false);
     }
   };
-  const createProposalTab = /* @__PURE__ */ React79.createElement(Stack64, { gap: "lg" }, coreAddress && /* @__PURE__ */ React79.createElement(Card17, { padding: "sm", radius: "md", withBorder: true }, /* @__PURE__ */ React79.createElement(Text39, { size: "xs", c: "dimmed" }, "Core Address:", " ", /* @__PURE__ */ React79.createElement(Text39, { span: true, ff: "monospace", c: "bright" }, coreAddress.slice(0, 20), "...", coreAddress.slice(-10)))), /* @__PURE__ */ React79.createElement(
+  const createProposalTab = /* @__PURE__ */ React79.createElement(Stack62, { gap: "lg" }, coreAddress && /* @__PURE__ */ React79.createElement(Card18, { padding: "sm", radius: "md", withBorder: true }, /* @__PURE__ */ React79.createElement(Text37, { size: "xs", c: "dimmed" }, "Core Address:", " ", /* @__PURE__ */ React79.createElement(Text37, { span: true, ff: "monospace", c: "bright" }, coreAddress.slice(0, 20), "...", coreAddress.slice(-10)))), /* @__PURE__ */ React79.createElement(
     TextInput33,
     {
       label: "Title",
@@ -6948,8 +6730,8 @@ var FlowConfig = ({ editor, block }) => {
       required: true,
       disabled: isProposalCreated
     }
-  ), errors.general && /* @__PURE__ */ React79.createElement(Text39, { size: "sm", c: "red" }, errors.general), isProposalCreated && /* @__PURE__ */ React79.createElement(Card17, { padding: "md", radius: "md", withBorder: true, style: { borderColor: "var(--mantine-color-green-6)" } }, /* @__PURE__ */ React79.createElement(Text39, { fw: 500, size: "sm", c: "green" }, "Proposal Created Successfully"), /* @__PURE__ */ React79.createElement(Text39, { size: "sm", c: "dimmed" }, "Your proposal has been created and is now open for voting.")), /* @__PURE__ */ React79.createElement(Button19, { fullWidth: true, onClick: handleCreateProposal, disabled: isProposalCreated, loading: isCreating }, isProposalCreated ? "Proposal Created" : "Create Proposal"));
-  const handleActionsChange = useCallback13(
+  ), errors.general && /* @__PURE__ */ React79.createElement(Text37, { size: "sm", c: "red" }, errors.general), isProposalCreated && /* @__PURE__ */ React79.createElement(Card18, { padding: "md", radius: "md", withBorder: true, style: { borderColor: "var(--mantine-color-green-6)" } }, /* @__PURE__ */ React79.createElement(Text37, { fw: 500, size: "sm", c: "green" }, "Proposal Created Successfully"), /* @__PURE__ */ React79.createElement(Text37, { size: "sm", c: "dimmed" }, "Your proposal has been created and is now open for voting.")), /* @__PURE__ */ React79.createElement(Button16, { fullWidth: true, onClick: handleCreateProposal, disabled: isProposalCreated, loading: isCreating }, isProposalCreated ? "Proposal Created" : "Create Proposal"));
+  const handleActionsChange = useCallback14(
     (newActions) => {
       updateProp("actions", JSON.stringify(newActions));
     },
@@ -6986,7 +6768,7 @@ var FlowConfig = ({ editor, block }) => {
     }
   ];
   return /* @__PURE__ */ React79.createElement(
-    Paper4,
+    Paper5,
     {
       p: "md",
       shadow: "sm",
@@ -7006,8 +6788,8 @@ var FlowConfig = ({ editor, block }) => {
           marginBottom: "1rem"
         }
       },
-      /* @__PURE__ */ React79.createElement(Title3, { order: 3 }, "Proposal Settings"),
-      /* @__PURE__ */ React79.createElement(CloseButton3, { onClick: closePanel })
+      /* @__PURE__ */ React79.createElement(Title4, { order: 3 }, "Proposal Settings"),
+      /* @__PURE__ */ React79.createElement(CloseButton4, { onClick: closePanel })
     ),
     /* @__PURE__ */ React79.createElement(ReusablePanel, { extraTabs, context: { editor, block } })
   );
@@ -7021,7 +6803,7 @@ var ProposalFlowView = ({ block, editor }) => {
     block,
     editor
   });
-  const panelContent = useMemo9(() => /* @__PURE__ */ React80.createElement(FlowConfig, { editor, block }), [editor, block]);
+  const panelContent = useMemo10(() => /* @__PURE__ */ React80.createElement(FlowConfig, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const handleVote = () => {
     open();
@@ -7050,7 +6832,8 @@ var ProposalFlowView = ({ block, editor }) => {
 
 // src/mantine/blocks/proposal/ProposalBlock.tsx
 function ProposalBlock({ editor, block }) {
-  if (editor.isEditable) {
+  const { docType } = useBlocknoteContext();
+  if (docType === "template") {
     return /* @__PURE__ */ React81.createElement(ProposalTemplateView, { editor, block });
   }
   return /* @__PURE__ */ React81.createElement(ProposalFlowView, { block, editor });
@@ -7122,17 +6905,17 @@ import { createReactBlockSpec as createReactBlockSpec5 } from "@blocknote/react"
 import React87 from "react";
 
 // src/mantine/blocks/apiRequest/template/TemplateView.tsx
-import React85, { useMemo as useMemo10 } from "react";
+import React85, { useMemo as useMemo11 } from "react";
 
 // src/mantine/blocks/apiRequest/template/TemplateConfig.tsx
-import React84, { useCallback as useCallback14 } from "react";
-import { Paper as Paper6, CloseButton as CloseButton4, Title as Title4 } from "@mantine/core";
+import React84, { useCallback as useCallback15 } from "react";
+import { Paper as Paper7, CloseButton as CloseButton5, Title as Title5 } from "@mantine/core";
 
 // src/mantine/blocks/apiRequest/template/GeneralTab.tsx
-import React83, { useEffect as useEffect15, useState as useState22 } from "react";
-import { Divider as Divider4, Select as Select9, Stack as Stack65, Text as Text40, TextInput as TextInput34, Textarea as Textarea19, Button as Button20, Group as Group24, ActionIcon as ActionIcon8, Paper as Paper5 } from "@mantine/core";
+import React83, { useEffect as useEffect14, useState as useState21 } from "react";
+import { Divider as Divider4, Select as Select9, Stack as Stack63, Text as Text38, TextInput as TextInput34, Textarea as Textarea19, Button as Button17, Group as Group22, ActionIcon as ActionIcon9, Paper as Paper6 } from "@mantine/core";
 import { IconTrash, IconPlus } from "@tabler/icons-react";
-var GeneralTab3 = ({
+var GeneralTab4 = ({
   title,
   description,
   endpoint,
@@ -7146,18 +6929,18 @@ var GeneralTab3 = ({
   onHeadersChange,
   onBodyChange
 }) => {
-  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] = useState21(title || "");
+  const [localDescription, setLocalDescription] = useState21(description || "");
+  const [localEndpoint, setLocalEndpoint] = useState21(endpoint || "");
+  const [localMethod, setLocalMethod] = useState21(method || "GET");
+  const [localHeaders, setLocalHeaders] = useState21(headers || []);
+  const [localBody, setLocalBody] = useState21(body || []);
+  useEffect14(() => setLocalTitle(title || ""), [title]);
+  useEffect14(() => setLocalDescription(description || ""), [description]);
+  useEffect14(() => setLocalEndpoint(endpoint || ""), [endpoint]);
+  useEffect14(() => setLocalMethod(method || "GET"), [method]);
+  useEffect14(() => setLocalHeaders(headers || []), [headers]);
+  useEffect14(() => setLocalBody(body || []), [body]);
   const handleAddHeader = () => {
     const newHeaders = [...localHeaders, { key: "", value: "" }];
     setLocalHeaders(newHeaders);
@@ -7190,7 +6973,7 @@ var GeneralTab3 = ({
     setLocalBody(newBody);
     onBodyChange(newBody);
   };
-  return /* @__PURE__ */ React83.createElement(Stack65, { gap: "lg" }, /* @__PURE__ */ React83.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React83.createElement(
+  return /* @__PURE__ */ React83.createElement(Stack63, { gap: "lg" }, /* @__PURE__ */ React83.createElement(Stack63, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Text38, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React83.createElement(
     TextInput34,
     {
       placeholder: "e.g. Submit User Data",
@@ -7201,7 +6984,7 @@ var GeneralTab3 = ({
         onTitleChange(newTitle);
       }
     }
-  )), /* @__PURE__ */ React83.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React83.createElement(
+  )), /* @__PURE__ */ React83.createElement(Stack63, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Text38, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React83.createElement(
     Textarea19,
     {
       placeholder: "Describe what this API request does",
@@ -7213,7 +6996,7 @@ var GeneralTab3 = ({
         onDescriptionChange(newDescription);
       }
     }
-  )), /* @__PURE__ */ React83.createElement(Divider4, { variant: "dashed" }), /* @__PURE__ */ React83.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 600 }, "HTTP Method"), /* @__PURE__ */ React83.createElement(
+  )), /* @__PURE__ */ React83.createElement(Divider4, { variant: "dashed" }), /* @__PURE__ */ React83.createElement(Stack63, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Text38, { size: "sm", fw: 600 }, "HTTP Method"), /* @__PURE__ */ React83.createElement(
     Select9,
     {
       value: localMethod,
@@ -7230,7 +7013,7 @@ var GeneralTab3 = ({
         { value: "PATCH", label: "PATCH" }
       ]
     }
-  )), /* @__PURE__ */ React83.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 600 }, "Endpoint URL"), /* @__PURE__ */ React83.createElement(
+  )), /* @__PURE__ */ React83.createElement(Stack63, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Text38, { size: "sm", fw: 600 }, "Endpoint URL"), /* @__PURE__ */ React83.createElement(
     TextInput34,
     {
       placeholder: "https://api.example.com/endpoint",
@@ -7241,7 +7024,7 @@ var GeneralTab3 = ({
         onEndpointChange(newEndpoint);
       }
     }
-  )), /* @__PURE__ */ React83.createElement(Divider4, { variant: "dashed" }), /* @__PURE__ */ React83.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Group24, { justify: "space-between" }, /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 600 }, "Request Headers"), /* @__PURE__ */ React83.createElement(Button20, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React83.createElement(IconPlus, { size: 14 }), onClick: handleAddHeader }, "Add Header")), /* @__PURE__ */ React83.createElement(Text40, { size: "xs" }, "Add custom headers to your API request (e.g., Authorization, Content-Type)"), localHeaders.length > 0 && /* @__PURE__ */ React83.createElement(Stack65, { gap: "xs" }, localHeaders.map((header, index) => /* @__PURE__ */ React83.createElement(Paper5, { key: index, p: "xs" }, /* @__PURE__ */ React83.createElement(Group24, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React83.createElement(
+  )), /* @__PURE__ */ React83.createElement(Divider4, { variant: "dashed" }), /* @__PURE__ */ React83.createElement(Stack63, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Group22, { justify: "space-between" }, /* @__PURE__ */ React83.createElement(Text38, { size: "sm", fw: 600 }, "Request Headers"), /* @__PURE__ */ React83.createElement(Button17, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React83.createElement(IconPlus, { size: 14 }), onClick: handleAddHeader }, "Add Header")), /* @__PURE__ */ React83.createElement(Text38, { size: "xs" }, "Add custom headers to your API request (e.g., Authorization, Content-Type)"), localHeaders.length > 0 && /* @__PURE__ */ React83.createElement(Stack63, { gap: "xs" }, localHeaders.map((header, index) => /* @__PURE__ */ React83.createElement(Paper6, { key: index, p: "xs" }, /* @__PURE__ */ React83.createElement(Group22, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React83.createElement(
     TextInput34,
     {
       placeholder: "Header key (e.g., Authorization)",
@@ -7257,7 +7040,7 @@ var GeneralTab3 = ({
       onChange: (event) => handleHeaderChange(index, "value", event.currentTarget.value),
       style: { flex: 1 }
     }
-  ), /* @__PURE__ */ React83.createElement(ActionIcon8, { color: "red", variant: "subtle", onClick: () => handleRemoveHeader(index) }, /* @__PURE__ */ React83.createElement(IconTrash, { size: 16 }))))))), /* @__PURE__ */ React83.createElement(Divider4, { variant: "dashed" }), /* @__PURE__ */ React83.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Group24, { justify: "space-between" }, /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 600 }, "Request Body (JSON)"), /* @__PURE__ */ React83.createElement(Button20, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React83.createElement(IconPlus, { size: 14 }), onClick: handleAddBodyField }, "Add Field")), /* @__PURE__ */ React83.createElement(Text40, { size: "xs" }, "Build your JSON request body as key-value pairs"), localBody.length > 0 && /* @__PURE__ */ React83.createElement(Stack65, { gap: "xs" }, localBody.map((field, index) => /* @__PURE__ */ React83.createElement(Paper5, { key: index, p: "xs" }, /* @__PURE__ */ React83.createElement(Group24, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React83.createElement(
+  ), /* @__PURE__ */ React83.createElement(ActionIcon9, { color: "red", variant: "subtle", onClick: () => handleRemoveHeader(index) }, /* @__PURE__ */ React83.createElement(IconTrash, { size: 16 }))))))), /* @__PURE__ */ React83.createElement(Divider4, { variant: "dashed" }), /* @__PURE__ */ React83.createElement(Stack63, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Group22, { justify: "space-between" }, /* @__PURE__ */ React83.createElement(Text38, { size: "sm", fw: 600 }, "Request Body (JSON)"), /* @__PURE__ */ React83.createElement(Button17, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React83.createElement(IconPlus, { size: 14 }), onClick: handleAddBodyField }, "Add Field")), /* @__PURE__ */ React83.createElement(Text38, { size: "xs" }, "Build your JSON request body as key-value pairs"), localBody.length > 0 && /* @__PURE__ */ React83.createElement(Stack63, { gap: "xs" }, localBody.map((field, index) => /* @__PURE__ */ React83.createElement(Paper6, { key: index, p: "xs" }, /* @__PURE__ */ React83.createElement(Group22, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React83.createElement(
     TextInput34,
     {
       placeholder: "Field key (e.g., name)",
@@ -7273,13 +7056,13 @@ var GeneralTab3 = ({
       onChange: (event) => handleBodyFieldChange(index, "value", event.currentTarget.value),
       style: { flex: 1 }
     }
-  ), /* @__PURE__ */ React83.createElement(ActionIcon8, { color: "red", variant: "subtle", onClick: () => handleRemoveBodyField(index) }, /* @__PURE__ */ React83.createElement(IconTrash, { size: 16 }))))))));
+  ), /* @__PURE__ */ React83.createElement(ActionIcon9, { color: "red", variant: "subtle", onClick: () => handleRemoveBodyField(index) }, /* @__PURE__ */ React83.createElement(IconTrash, { size: 16 }))))))));
 };
 
 // src/mantine/blocks/apiRequest/template/TemplateConfig.tsx
-var TemplateConfig3 = ({ editor, block }) => {
+var TemplateConfig4 = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
-  const updateProp = useCallback14(
+  const updateProp = useCallback15(
     (key, value) => {
       editor.updateBlock(block, {
         props: {
@@ -7290,20 +7073,20 @@ var TemplateConfig3 = ({ editor, block }) => {
     },
     [editor, block]
   );
-  const handleHeadersChange = useCallback14(
+  const handleHeadersChange = useCallback15(
     (headers) => {
       updateProp("headers", JSON.stringify(headers));
     },
     [updateProp]
   );
-  const handleBodyChange = useCallback14(
+  const handleBodyChange = useCallback15(
     (body) => {
       updateProp("body", JSON.stringify(body));
     },
     [updateProp]
   );
   return /* @__PURE__ */ React84.createElement(
-    Paper6,
+    Paper7,
     {
       p: "md",
       shadow: "sm",
@@ -7323,8 +7106,8 @@ var TemplateConfig3 = ({ editor, block }) => {
           marginBottom: "1rem"
         }
       },
-      /* @__PURE__ */ React84.createElement(Title4, { order: 3 }, "API Request Settings"),
-      /* @__PURE__ */ React84.createElement(CloseButton4, { onClick: closePanel })
+      /* @__PURE__ */ React84.createElement(Title5, { order: 3 }, "API Request Settings"),
+      /* @__PURE__ */ React84.createElement(CloseButton5, { onClick: closePanel })
     ),
     /* @__PURE__ */ React84.createElement(
       ReusablePanel,
@@ -7334,7 +7117,7 @@ var TemplateConfig3 = ({ editor, block }) => {
             label: "General",
             value: "general",
             content: /* @__PURE__ */ React84.createElement(
-              GeneralTab3,
+              GeneralTab4,
               {
                 title: block.props.title || "",
                 description: block.props.description || "",
@@ -7371,11 +7154,11 @@ var TemplateConfig3 = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/apiRequest/template/TemplateView.tsx
-import { Card as Card18, Group as Group25, Stack as Stack66, Text as Text41, ActionIcon as ActionIcon9, Badge as Badge9 } from "@mantine/core";
+import { Card as Card19, Group as Group23, Stack as Stack64, Text as Text39, ActionIcon as ActionIcon10, Badge as Badge10 } 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 = useMemo10(() => /* @__PURE__ */ React85.createElement(TemplateConfig3, { editor, block }), [editor, block]);
+  const panelContent = useMemo11(() => /* @__PURE__ */ React85.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";
@@ -7395,17 +7178,17 @@ var ApiRequestTemplateView = ({ editor, block }) => {
         return "gray";
     }
   };
-  return /* @__PURE__ */ React85.createElement(Card18, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React85.createElement(Badge9, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React85.createElement(Group25, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React85.createElement(Group25, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React85.createElement(ActionIcon9, { variant: "light", color: "violet", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "square-check")), /* @__PURE__ */ React85.createElement(Stack66, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React85.createElement(Group25, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React85.createElement(Badge9, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React85.createElement(Text41, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "API Request")), /* @__PURE__ */ React85.createElement(Text41, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, endpoint), block.props.description && /* @__PURE__ */ React85.createElement(Text41, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description)))));
+  return /* @__PURE__ */ React85.createElement(Card19, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React85.createElement(Badge10, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React85.createElement(Group23, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React85.createElement(Group23, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React85.createElement(ActionIcon10, { variant: "light", color: "violet", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "square-check")), /* @__PURE__ */ React85.createElement(Stack64, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React85.createElement(Group23, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React85.createElement(Badge10, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React85.createElement(Text39, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "API Request")), /* @__PURE__ */ React85.createElement(Text39, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, endpoint), block.props.description && /* @__PURE__ */ React85.createElement(Text39, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description)))));
 };
 
 // src/mantine/blocks/apiRequest/flow/FlowView.tsx
-import React86, { useState as useState23 } from "react";
-import { Card as Card19, Group as Group26, Stack as Stack67, Text as Text42, ActionIcon as ActionIcon10, Tooltip as Tooltip4, Button as Button21, Badge as Badge10, Collapse, Code, Loader as Loader3, Alert as Alert9 } from "@mantine/core";
+import React86, { useState as useState22 } from "react";
+import { Card as Card20, Group as Group24, Stack as Stack65, Text as Text40, ActionIcon as ActionIcon11, Tooltip as Tooltip4, Button as Button18, Badge as Badge11, Collapse, Code, Loader as Loader2, Alert as Alert8 } from "@mantine/core";
 import { IconSend, IconChevronDown, IconChevronUp } 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] = useState22(false);
+  const [showDetails, setShowDetails] = useState22(false);
   const method = block.props.method || "GET";
   const endpoint = block.props.endpoint || "";
   const headers = (() => {
@@ -7519,20 +7302,20 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
     }
   };
   const executeButton = /* @__PURE__ */ React86.createElement(
-    Button21,
+    Button18,
     {
       size: "sm",
       variant: "light",
       color: getMethodColor(method),
-      leftSection: isLoading ? /* @__PURE__ */ React86.createElement(Loader3, { size: 14 }) : /* @__PURE__ */ React86.createElement(IconSend, { size: 14 }),
+      leftSection: isLoading ? /* @__PURE__ */ React86.createElement(Loader2, { size: 14 }) : /* @__PURE__ */ React86.createElement(IconSend, { size: 14 }),
       onClick: handleExecuteRequest,
       disabled: disabled || isLoading || !endpoint,
       style: { flexShrink: 0 }
     },
     isLoading ? "Sending..." : "Execute"
   );
-  return /* @__PURE__ */ React86.createElement(Card19, { withBorder: true, padding: "md", radius: "md", style: { width: "100%" } }, /* @__PURE__ */ React86.createElement(Stack67, { gap: "md" }, /* @__PURE__ */ React86.createElement(Group26, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React86.createElement(Group26, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, /* @__PURE__ */ React86.createElement(ActionIcon10, { variant: "light", color: "violet", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "square-check")), /* @__PURE__ */ React86.createElement(Stack67, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React86.createElement(Group26, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React86.createElement(Badge10, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React86.createElement(Text42, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "API Request"), status !== "idle" && /* @__PURE__ */ React86.createElement(Badge10, { size: "xs", variant: "dot", color: getStatusColor(status) }, status)), /* @__PURE__ */ React86.createElement(
-    Text42,
+  return /* @__PURE__ */ React86.createElement(Card20, { withBorder: true, padding: "md", radius: "md", style: { width: "100%" } }, /* @__PURE__ */ React86.createElement(Stack65, { gap: "md" }, /* @__PURE__ */ React86.createElement(Group24, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React86.createElement(Group24, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, /* @__PURE__ */ React86.createElement(ActionIcon11, { variant: "light", color: "violet", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "square-check")), /* @__PURE__ */ React86.createElement(Stack65, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React86.createElement(Group24, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React86.createElement(Badge11, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React86.createElement(Text40, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "API Request"), status !== "idle" && /* @__PURE__ */ React86.createElement(Badge11, { size: "xs", variant: "dot", color: getStatusColor(status) }, status)), /* @__PURE__ */ React86.createElement(
+    Text40,
     {
       size: "xs",
       c: "dimmed",
@@ -7544,7 +7327,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
       }
     },
     endpoint || "No endpoint configured"
-  ), block.props.description && /* @__PURE__ */ React86.createElement(Text42, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React86.createElement(Group26, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React86.createElement(Tooltip4, { label: isDisabled.message, position: "left", withArrow: true }, executeButton) : executeButton, /* @__PURE__ */ React86.createElement(ActionIcon10, { variant: "subtle", onClick: () => setShowDetails(!showDetails), disabled: headers.length === 0 && body.length === 0 && !response }, showDetails ? /* @__PURE__ */ React86.createElement(IconChevronUp, { size: 16 }) : /* @__PURE__ */ React86.createElement(IconChevronDown, { size: 16 })))), /* @__PURE__ */ React86.createElement(Collapse, { in: showDetails }, /* @__PURE__ */ React86.createElement(Stack67, { gap: "md" }, headers.length > 0 && /* @__PURE__ */ React86.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React86.createElement(Text42, { size: "xs", fw: 600, c: "dimmed" }, "Headers:"), /* @__PURE__ */ React86.createElement(Code, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
+  ), block.props.description && /* @__PURE__ */ React86.createElement(Text40, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React86.createElement(Group24, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React86.createElement(Tooltip4, { label: isDisabled.message, position: "left", withArrow: true }, executeButton) : executeButton, /* @__PURE__ */ React86.createElement(ActionIcon11, { variant: "subtle", onClick: () => setShowDetails(!showDetails), disabled: headers.length === 0 && body.length === 0 && !response }, showDetails ? /* @__PURE__ */ React86.createElement(IconChevronUp, { size: 16 }) : /* @__PURE__ */ React86.createElement(IconChevronDown, { size: 16 })))), /* @__PURE__ */ React86.createElement(Collapse, { in: showDetails }, /* @__PURE__ */ React86.createElement(Stack65, { gap: "md" }, headers.length > 0 && /* @__PURE__ */ React86.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React86.createElement(Text40, { size: "xs", fw: 600, c: "dimmed" }, "Headers:"), /* @__PURE__ */ React86.createElement(Code, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
     headers.reduce(
       (acc, h) => {
         if (h.key && h.value) acc[h.key] = h.value;
@@ -7554,7 +7337,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
     ),
     null,
     2
-  ))), method !== "GET" && body.length > 0 && /* @__PURE__ */ React86.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React86.createElement(Text42, { size: "xs", fw: 600, c: "dimmed" }, "Body:"), /* @__PURE__ */ React86.createElement(Code, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
+  ))), method !== "GET" && body.length > 0 && /* @__PURE__ */ React86.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React86.createElement(Text40, { size: "xs", fw: 600, c: "dimmed" }, "Body:"), /* @__PURE__ */ React86.createElement(Code, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
     body.reduce(
       (acc, b) => {
         if (b.key && b.value) acc[b.key] = b.value;
@@ -7564,7 +7347,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
     ),
     null,
     2
-  ))), response && /* @__PURE__ */ React86.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React86.createElement(Text42, { size: "xs", fw: 600, c: "dimmed" }, "Response:"), status === "error" ? /* @__PURE__ */ React86.createElement(Alert9, { color: "red", title: "Error", styles: { message: { fontSize: "11px" } } }, /* @__PURE__ */ React86.createElement(Code, { block: true, style: { fontSize: "11px" } }, response)) : /* @__PURE__ */ React86.createElement(Code, { block: true, style: { fontSize: "11px", maxHeight: "300px", overflow: "auto" } }, response))))));
+  ))), response && /* @__PURE__ */ React86.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React86.createElement(Text40, { size: "xs", fw: 600, c: "dimmed" }, "Response:"), status === "error" ? /* @__PURE__ */ React86.createElement(Alert8, { color: "red", title: "Error", styles: { message: { fontSize: "11px" } } }, /* @__PURE__ */ React86.createElement(Code, { block: true, style: { fontSize: "11px" } }, response)) : /* @__PURE__ */ React86.createElement(Code, { block: true, style: { fontSize: "11px", maxHeight: "300px", overflow: "auto" } }, response))))));
 };
 
 // src/mantine/blocks/apiRequest/ApiRequestBlock.tsx
@@ -7658,28 +7441,54 @@ var ApiRequestBlockSpec = createReactBlockSpec5(
 );
 
 // src/mantine/blocks/enumChecklist/EnumChecklistBlock.tsx
-import React94, { useState as useState25, useEffect as useEffect16, useMemo as useMemo11, useCallback as useCallback15 } from "react";
+import React95, { useState as useState24, useEffect as useEffect15, useMemo as useMemo12, useCallback as useCallback16 } from "react";
 import { createReactBlockSpec as createReactBlockSpec6 } from "@blocknote/react";
-import { Stack as Stack72, Text as Text47, Button as Button25, ActionIcon as ActionIcon11, Center as Center3, Flex as Flex16 } from "@mantine/core";
+import { Stack as Stack71, Text as Text46, Button as Button23, ActionIcon as ActionIcon12, Center as Center2, Flex as Flex16 } from "@mantine/core";
 
 // src/mantine/blocks/enumChecklist/oracle_personalities/index.tsx
 import React89 from "react";
-import { Box as Box16, Flex as Flex15, Stack as Stack68, Text as Text43, Image as Image11 } from "@mantine/core";
+import { Box as Box15, Flex as Flex15, Stack as Stack66, Text as Text41, Image as Image11 } from "@mantine/core";
 function OraclePersonalitiesEnumList({ selectionMode, isItemChecked, onItemCheck, items }) {
   if (!items || items.length === 0) {
-    return /* @__PURE__ */ React89.createElement(Text43, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No assets found");
+    return /* @__PURE__ */ React89.createElement(Text41, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No assets found");
   }
-  const rows = items.map(({ id, name, description, voice, icon }) => /* @__PURE__ */ React89.createElement(ListItemContainer, { key: id }, /* @__PURE__ */ React89.createElement(Flex15, { align: "center", gap: "sm" }, /* @__PURE__ */ React89.createElement(Image11, { radius: 16, w: 62, h: 62, src: icon, alt: name }), /* @__PURE__ */ React89.createElement(Stack68, { gap: 0 }, /* @__PURE__ */ React89.createElement(Text43, { size: "sm", fw: 500 }, name || "-"), description !== void 0 && /* @__PURE__ */ React89.createElement(Text43, { size: "sm", c: "dimmed" }, description))), /* @__PURE__ */ React89.createElement(Flex15, { align: "center", gap: "md" }, /* @__PURE__ */ React89.createElement(Stack68, { ta: "right", gap: 0 }, /* @__PURE__ */ React89.createElement(Text43, { size: "sm", fw: 500 }, "Voice"), /* @__PURE__ */ React89.createElement(Text43, { size: "sm", c: "dimmed" }, voice)), selectionMode && /* @__PURE__ */ React89.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${name}`, checked: isItemChecked?.(id), onCheck: (checked) => onItemCheck?.(id, checked) }))));
-  return /* @__PURE__ */ React89.createElement(Box16, { flex: 1 }, /* @__PURE__ */ React89.createElement(Stack68, null, rows));
+  const rows = items.map(({ id, name, description, voice, icon }) => /* @__PURE__ */ React89.createElement(ListItemContainer, { key: id }, /* @__PURE__ */ React89.createElement(Flex15, { align: "center", gap: "sm" }, /* @__PURE__ */ React89.createElement(Image11, { radius: 16, w: 62, h: 62, src: icon, alt: name }), /* @__PURE__ */ React89.createElement(Stack66, { gap: 0 }, /* @__PURE__ */ React89.createElement(Text41, { size: "sm", fw: 500 }, name || "-"), description !== void 0 && /* @__PURE__ */ React89.createElement(Text41, { size: "sm", c: "dimmed" }, description))), /* @__PURE__ */ React89.createElement(Flex15, { align: "center", gap: "md" }, /* @__PURE__ */ React89.createElement(Stack66, { ta: "right", gap: 0 }, /* @__PURE__ */ React89.createElement(Text41, { size: "sm", fw: 500 }, "Voice"), /* @__PURE__ */ React89.createElement(Text41, { size: "sm", c: "dimmed" }, voice)), selectionMode && /* @__PURE__ */ React89.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${name}`, checked: isItemChecked?.(id), onCheck: (checked) => onItemCheck?.(id, checked) }))));
+  return /* @__PURE__ */ React89.createElement(Box15, { flex: 1 }, /* @__PURE__ */ React89.createElement(Stack66, null, rows));
 }
 
 // src/mantine/blocks/enumChecklist/EnumChecklistConfigModal.tsx
-import React93, { useState as useState24 } from "react";
-import { Modal as Modal2, Group as Group30, Box as Box18 } from "@mantine/core";
+import React94, { useState as useState23 } from "react";
+import { Modal, Group as Group28, Box as Box17 } from "@mantine/core";
 
-// src/mantine/blocks/enumChecklist/EnumChecklistTypeSelection.tsx
+// src/mantine/blocks/list/modal/ModalNavigation.tsx
 import React90 from "react";
-import { Stack as Stack69, Card as Card20, Group as Group27, Text as Text44, Box as Box17, Button as Button22 } from "@mantine/core";
+import { Stack as Stack67, Button as Button19, Text as Text42 } from "@mantine/core";
+var ModalNavigation = ({ steps, activeStep, onStepChange, showUpdateButton = false, onUpdateBlock }) => {
+  return /* @__PURE__ */ React90.createElement(Stack67, { gap: "xs", style: { height: "100%" } }, /* @__PURE__ */ React90.createElement(Stack67, { gap: "xs", style: { flex: 1 } }, steps.map((step) => /* @__PURE__ */ React90.createElement(
+    Button19,
+    {
+      key: step.id,
+      variant: activeStep === step.id ? "filled" : "subtle",
+      justify: "flex-start",
+      disabled: step.disabled,
+      onClick: () => onStepChange(step.id),
+      styles: {
+        root: {
+          height: "auto",
+          padding: "12px"
+        },
+        inner: {
+          justifyContent: "flex-start"
+        }
+      }
+    },
+    /* @__PURE__ */ React90.createElement(Stack67, { gap: 2, align: "flex-start" }, /* @__PURE__ */ React90.createElement(Text42, { size: "sm", fw: 500 }, step.label), /* @__PURE__ */ React90.createElement(Text42, { size: "xs", opacity: 0.7 }, step.description))
+  ))), showUpdateButton && /* @__PURE__ */ React90.createElement(Button19, { variant: "filled", color: "blue", onClick: onUpdateBlock, style: { marginTop: "auto" } }, "Update Block"));
+};
+
+// src/mantine/blocks/enumChecklist/EnumChecklistTypeSelection.tsx
+import React91 from "react";
+import { Stack as Stack68, Card as Card21, Group as Group25, Text as Text43, Box as Box16, Button as Button20 } from "@mantine/core";
 
 // src/mantine/blocks/enumChecklist/oracle_personalities/config.ts
 var oraclePersonalitiesMetadata = {
@@ -7808,8 +7617,8 @@ function getEnumListItems(type) {
 // src/mantine/blocks/enumChecklist/EnumChecklistTypeSelection.tsx
 var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
   const enumListsMeta = getEnumListTypesMetadata();
-  return /* @__PURE__ */ React90.createElement(Stack69, { gap: "md" }, /* @__PURE__ */ React90.createElement("div", null, /* @__PURE__ */ React90.createElement(Text44, { size: "lg", fw: 600, mb: "xs" }, "Choose List Type"), /* @__PURE__ */ React90.createElement(Text44, { size: "sm", c: "dimmed" }, "Select the type of list you want to create")), /* @__PURE__ */ React90.createElement(Stack69, { gap: "sm" }, enumListsMeta.map((enumChecklistMeta) => /* @__PURE__ */ React90.createElement(
-    Card20,
+  return /* @__PURE__ */ React91.createElement(Stack68, { gap: "md" }, /* @__PURE__ */ React91.createElement("div", null, /* @__PURE__ */ React91.createElement(Text43, { size: "lg", fw: 600, mb: "xs" }, "Choose List Type"), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", c: "dimmed" }, "Select the type of list you want to create")), /* @__PURE__ */ React91.createElement(Stack68, { gap: "sm" }, enumListsMeta.map((enumChecklistMeta) => /* @__PURE__ */ React91.createElement(
+    Card21,
     {
       key: enumChecklistMeta.id,
       padding: "md",
@@ -7821,8 +7630,8 @@ var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
       },
       onClick: () => onTypeSelect(enumChecklistMeta.id)
     },
-    /* @__PURE__ */ React90.createElement(Group27, { gap: "md", align: "flex-start" }, /* @__PURE__ */ React90.createElement(
-      Box17,
+    /* @__PURE__ */ React91.createElement(Group25, { gap: "md", align: "flex-start" }, /* @__PURE__ */ React91.createElement(
+      Box16,
       {
         style: {
           width: 48,
@@ -7837,35 +7646,35 @@ var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
         }
       },
       enumChecklistMeta.icon
-    ), /* @__PURE__ */ React90.createElement(Stack69, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React90.createElement(Text44, { size: "md", fw: 600 }, enumChecklistMeta.name), /* @__PURE__ */ React90.createElement(Text44, { size: "sm", c: "dimmed" }, enumChecklistMeta.description)))
-  ))), /* @__PURE__ */ React90.createElement(Group27, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React90.createElement(Button22, { onClick: onNext, disabled: !selectedType }, "Next")));
+    ), /* @__PURE__ */ React91.createElement(Stack68, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React91.createElement(Text43, { size: "md", fw: 600 }, enumChecklistMeta.name), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", c: "dimmed" }, enumChecklistMeta.description)))
+  ))), /* @__PURE__ */ React91.createElement(Group25, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React91.createElement(Button20, { onClick: onNext, disabled: !selectedType }, "Next")));
 };
 
 // src/mantine/blocks/enumChecklist/EnumChecklistPreviewStep.tsx
-import React91 from "react";
-import { Stack as Stack70, Text as Text45, Button as Button23, Group as Group28 } from "@mantine/core";
+import React92 from "react";
+import { Stack as Stack69, Text as Text44, Button as Button21, Group as Group26 } from "@mantine/core";
 var EnumChecklistPreviewStep = ({ listType, onAddToBlock, onPrev }) => {
   const renderListComponent = () => {
     switch (listType) {
       case "oracle_personalities":
-        return /* @__PURE__ */ React91.createElement(OraclePersonalitiesEnumList, { items: getEnumListItems(listType) });
+        return /* @__PURE__ */ React92.createElement(OraclePersonalitiesEnumList, { items: getEnumListItems(listType) });
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ React91.createElement(Stack70, { gap: "md" }, /* @__PURE__ */ React91.createElement("div", null, /* @__PURE__ */ React91.createElement(Text45, { size: "lg", fw: 600, mb: "xs" }, "Preview ", getEnumListNameByType(listType)), /* @__PURE__ */ React91.createElement(Text45, { size: "sm", c: "dimmed" }, "Preview how your list will look with the current configuration")), /* @__PURE__ */ React91.createElement("div", { style: { maxHeight: "400px", overflow: "auto" } }, renderListComponent()), /* @__PURE__ */ React91.createElement(Group28, { justify: "space-between", mt: "md" }, /* @__PURE__ */ React91.createElement(Button23, { variant: "subtle", onClick: onPrev }, "Previous"), /* @__PURE__ */ React91.createElement(Button23, { onClick: onAddToBlock }, "Add to Block")));
+  return /* @__PURE__ */ React92.createElement(Stack69, { gap: "md" }, /* @__PURE__ */ React92.createElement("div", null, /* @__PURE__ */ React92.createElement(Text44, { size: "lg", fw: 600, mb: "xs" }, "Preview ", getEnumListNameByType(listType)), /* @__PURE__ */ React92.createElement(Text44, { size: "sm", c: "dimmed" }, "Preview how your list will look with the current configuration")), /* @__PURE__ */ React92.createElement("div", { style: { maxHeight: "400px", overflow: "auto" } }, renderListComponent()), /* @__PURE__ */ React92.createElement(Group26, { justify: "space-between", mt: "md" }, /* @__PURE__ */ React92.createElement(Button21, { variant: "subtle", onClick: onPrev }, "Previous"), /* @__PURE__ */ React92.createElement(Button21, { onClick: onAddToBlock }, "Add to Block")));
 };
 
 // src/mantine/blocks/enumChecklist/EnumChecklistConfigurationStep.tsx
-import React92 from "react";
-import { Stack as Stack71, TextInput as TextInput35, Text as Text46, Button as Button24, Group as Group29, Switch as Switch4, Select as Select10 } from "@mantine/core";
+import React93 from "react";
+import { Stack as Stack70, TextInput as TextInput35, Text as Text45, Button as Button22, Group as Group27, Switch as Switch4, Select as Select10 } 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__ */ React92.createElement(
+        return /* @__PURE__ */ React93.createElement(
           TextInput35,
           {
             label: field.label,
@@ -7877,7 +7686,7 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
           }
         );
       case "switch":
-        return /* @__PURE__ */ React92.createElement(
+        return /* @__PURE__ */ React93.createElement(
           Switch4,
           {
             label: field.label,
@@ -7887,7 +7696,7 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
           }
         );
       case "select":
-        return /* @__PURE__ */ React92.createElement(
+        return /* @__PURE__ */ React93.createElement(
           Select10,
           {
             label: field.label,
@@ -7900,7 +7709,7 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
           }
         );
       default:
-        return /* @__PURE__ */ React92.createElement(
+        return /* @__PURE__ */ React93.createElement(
           TextInput35,
           {
             label: field.label,
@@ -7913,14 +7722,14 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
         );
     }
   };
-  return /* @__PURE__ */ React92.createElement(Stack71, { gap: "md" }, /* @__PURE__ */ React92.createElement("div", null, /* @__PURE__ */ React92.createElement(Text46, { size: "lg", fw: 600, mb: "xs" }, "Configure ", typeConfig.metadata.name), /* @__PURE__ */ React92.createElement(Text46, { size: "sm", c: "dimmed" }, typeConfig.metadata.description)), /* @__PURE__ */ React92.createElement(Stack71, { gap: "sm" }, configFields.map((field) => /* @__PURE__ */ React92.createElement("div", { key: field.key }, renderListConfigField(field)))), /* @__PURE__ */ React92.createElement(Group29, { justify: "space-between", mt: "md" }, /* @__PURE__ */ React92.createElement(Button24, { variant: "subtle", onClick: onPrev }, "Previous"), /* @__PURE__ */ React92.createElement(Button24, { onClick: onNext, disabled: !isValid }, "Next")));
+  return /* @__PURE__ */ React93.createElement(Stack70, { gap: "md" }, /* @__PURE__ */ React93.createElement("div", null, /* @__PURE__ */ React93.createElement(Text45, { size: "lg", fw: 600, mb: "xs" }, "Configure ", typeConfig.metadata.name), /* @__PURE__ */ React93.createElement(Text45, { size: "sm", c: "dimmed" }, typeConfig.metadata.description)), /* @__PURE__ */ React93.createElement(Stack70, { gap: "sm" }, configFields.map((field) => /* @__PURE__ */ React93.createElement("div", { key: field.key }, renderListConfigField(field)))), /* @__PURE__ */ React93.createElement(Group27, { justify: "space-between", mt: "md" }, /* @__PURE__ */ React93.createElement(Button22, { variant: "subtle", onClick: onPrev }, "Previous"), /* @__PURE__ */ React93.createElement(Button22, { 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] = useState23("type");
+  const [selectedType, setSelectedType] = useState23(initialConfig?.listType || null);
+  const [config, setConfig] = useState23(initialConfig?.listConfig || {});
   const handleTypeSelect = (type) => {
     setSelectedType(type);
     const configFieldsByType = getEnumListTypesConfigFields(type);
@@ -7975,9 +7784,9 @@ var EnumChecklistConfigModal = ({ opened, onClose, onSave, initialConfig }) => {
   const renderStepContent = () => {
     switch (activeStep) {
       case "type":
-        return /* @__PURE__ */ React93.createElement(EnumChecklistTypeSelection, { selectedType, onTypeSelect: handleTypeSelect, onNext: () => setActiveStep("configure") });
+        return /* @__PURE__ */ React94.createElement(EnumChecklistTypeSelection, { selectedType, onTypeSelect: handleTypeSelect, onNext: () => setActiveStep("configure") });
       case "configure":
-        return selectedType ? /* @__PURE__ */ React93.createElement(
+        return selectedType ? /* @__PURE__ */ React94.createElement(
           EnumChecklistConfigurationStep,
           {
             enumChecklistType: selectedType,
@@ -7989,22 +7798,22 @@ var EnumChecklistConfigModal = ({ opened, onClose, onSave, initialConfig }) => {
           }
         ) : null;
       case "preview":
-        return selectedType ? /* @__PURE__ */ React93.createElement(EnumChecklistPreviewStep, { listType: selectedType, onAddToBlock: handleAddToBlock, onPrev: () => setActiveStep("configure") }) : null;
+        return selectedType ? /* @__PURE__ */ React94.createElement(EnumChecklistPreviewStep, { listType: selectedType, onAddToBlock: handleAddToBlock, onPrev: () => setActiveStep("configure") }) : null;
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ React93.createElement(Modal2, { opened, onClose: handleClose, title: "Configure Enum Checklist Block", size: "xl" }, /* @__PURE__ */ React93.createElement(Group30, { align: "flex-start", gap: "lg", style: { minHeight: "400px" } }, /* @__PURE__ */ React93.createElement(Box18, { style: { width: "200px", flexShrink: 0, height: "400px", display: "flex" } }, /* @__PURE__ */ React93.createElement(ModalNavigation, { steps, activeStep, onStepChange: setActiveStep, showUpdateButton: selectedType !== null, onUpdateBlock: handleAddToBlock })), /* @__PURE__ */ React93.createElement(Box18, { style: { flex: 1 } }, renderStepContent())));
+  return /* @__PURE__ */ React94.createElement(Modal, { opened, onClose: handleClose, title: "Configure Enum Checklist Block", size: "xl" }, /* @__PURE__ */ React94.createElement(Group28, { align: "flex-start", gap: "lg", style: { minHeight: "400px" } }, /* @__PURE__ */ React94.createElement(Box17, { style: { width: "200px", flexShrink: 0, height: "400px", display: "flex" } }, /* @__PURE__ */ React94.createElement(ModalNavigation, { steps, activeStep, onStepChange: setActiveStep, showUpdateButton: selectedType !== null, onUpdateBlock: handleAddToBlock })), /* @__PURE__ */ React94.createElement(Box17, { style: { flex: 1 } }, renderStepContent())));
 };
 
 // src/mantine/blocks/enumChecklist/EnumChecklistBlock.tsx
-var IconSettings2 = () => /* @__PURE__ */ React94.createElement("span", null, "\u2699\uFE0F");
+var IconSettings2 = () => /* @__PURE__ */ React95.createElement("span", null, "\u2699\uFE0F");
 var EnumChecklistBlockType = "enumChecklist";
 var EnumChecklistBlockContent = ({ block, editor }) => {
-  const [modalOpened, setModalOpened] = useState25(false);
+  const [modalOpened, setModalOpened] = useState24(false);
   const { editable } = useBlocknoteContext();
   const listType = block.props.listType && block.props.listType !== "" ? block.props.listType : null;
-  const listConfig = useMemo11(() => {
+  const listConfig = useMemo12(() => {
     if (block.props.listConfig && block.props.listConfig !== "{}") {
       try {
         return JSON.parse(block.props.listConfig);
@@ -8015,7 +7824,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
     }
     return {};
   }, [block.props.listConfig]);
-  const selectedIds = useMemo11(() => {
+  const selectedIds = useMemo12(() => {
     if (block.props.selectedIds && block.props.selectedIds !== "[]") {
       try {
         return new Set(JSON.parse(block.props.selectedIds));
@@ -8026,7 +7835,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
     }
     return /* @__PURE__ */ new Set();
   }, [block.props.selectedIds]);
-  useEffect16(() => {
+  useEffect15(() => {
     if (listConfig?.selection_mode === "single" && selectedIds.size > 1) {
       const arr = Array.from(selectedIds);
       const lastSelected = arr.length > 0 ? arr[arr.length - 1] : void 0;
@@ -8035,13 +7844,13 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
       });
     }
   }, [listConfig?.selection_mode, selectedIds]);
-  const isItemChecked = useCallback15(
+  const isItemChecked = useCallback16(
     (id) => {
       return selectedIds.has(id);
     },
     [selectedIds]
   );
-  const onItemCheck = useCallback15(
+  const onItemCheck = useCallback16(
     (id, checked) => {
       const currentSelectedIds = Array.from(selectedIds);
       let newSelectedIds;
@@ -8084,7 +7893,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
     if (!listType) return null;
     switch (listType) {
       case "oracle_personalities":
-        return /* @__PURE__ */ React94.createElement(
+        return /* @__PURE__ */ React95.createElement(
           OraclePersonalitiesEnumList,
           {
             items: getEnumListItems(listType),
@@ -8097,7 +7906,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
         return null;
     }
   };
-  return /* @__PURE__ */ React94.createElement(Stack72, { w: "100%" }, listType && /* @__PURE__ */ React94.createElement(Flex16, { align: "center", justify: "space-between", gap: "xs" }, /* @__PURE__ */ React94.createElement(Text47, null, getEnumListNameByType(listType)), listConfig.listSelectionMode && /* @__PURE__ */ React94.createElement(Text47, { lh: 0.5, c: "dimmed" }, listConfig?.selection_mode === "single" ? "Single Selection" : "Multi Selection"), editable && /* @__PURE__ */ React94.createElement(Flex16, { justify: listType ? "space-between" : "flex-end" }, /* @__PURE__ */ React94.createElement(Flex16, { gap: "xs" }, /* @__PURE__ */ React94.createElement(ActionIcon11, { variant: "subtle", size: "sm", onClick: () => setModalOpened(true) }, /* @__PURE__ */ React94.createElement(IconSettings2, null))))), /* @__PURE__ */ React94.createElement(Flex16, { flex: 1 }, !listType ? /* @__PURE__ */ React94.createElement(Center3, { py: "xl" }, /* @__PURE__ */ React94.createElement(Stack72, { align: "center", gap: "sm" }, /* @__PURE__ */ React94.createElement(Text47, { size: "sm", c: "dimmed", ta: "center" }, "No list type configured"), /* @__PURE__ */ React94.createElement(Button25, { size: "sm", variant: "light", onClick: () => setModalOpened(true) }, "Configure List"))) : /* @__PURE__ */ React94.createElement(Stack72, { gap: "md", flex: 1 }, renderListComponent())), /* @__PURE__ */ React94.createElement(
+  return /* @__PURE__ */ React95.createElement(Stack71, { w: "100%" }, listType && /* @__PURE__ */ React95.createElement(Flex16, { align: "center", justify: "space-between", gap: "xs" }, /* @__PURE__ */ React95.createElement(Text46, null, getEnumListNameByType(listType)), listConfig.listSelectionMode && /* @__PURE__ */ React95.createElement(Text46, { lh: 0.5, c: "dimmed" }, listConfig?.selection_mode === "single" ? "Single Selection" : "Multi Selection"), editable && /* @__PURE__ */ React95.createElement(Flex16, { justify: listType ? "space-between" : "flex-end" }, /* @__PURE__ */ React95.createElement(Flex16, { gap: "xs" }, /* @__PURE__ */ React95.createElement(ActionIcon12, { variant: "subtle", size: "sm", onClick: () => setModalOpened(true) }, /* @__PURE__ */ React95.createElement(IconSettings2, null))))), /* @__PURE__ */ React95.createElement(Flex16, { flex: 1 }, !listType ? /* @__PURE__ */ React95.createElement(Center2, { py: "xl" }, /* @__PURE__ */ React95.createElement(Stack71, { align: "center", gap: "sm" }, /* @__PURE__ */ React95.createElement(Text46, { size: "sm", c: "dimmed", ta: "center" }, "No list type configured"), /* @__PURE__ */ React95.createElement(Button23, { size: "sm", variant: "light", onClick: () => setModalOpened(true) }, "Configure List"))) : /* @__PURE__ */ React95.createElement(Stack71, { gap: "md", flex: 1 }, renderListComponent())), /* @__PURE__ */ React95.createElement(
     EnumChecklistConfigModal,
     {
       opened: modalOpened,
@@ -8129,7 +7938,7 @@ var EnumChecklistBlock = createReactBlockSpec6(
     content: "none"
   },
   {
-    render: (props) => /* @__PURE__ */ React94.createElement(EnumChecklistBlockContent, { ...props })
+    render: (props) => /* @__PURE__ */ React95.createElement(EnumChecklistBlockContent, { ...props })
   }
 );
 
@@ -8228,15 +8037,15 @@ blockRegistry.register({
 });
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo12, useEffect as useEffect17, useState as useState26, useCallback as useCallback16 } from "react";
+import { useMemo as useMemo13, useEffect as useEffect16, useState as useState25, useCallback as useCallback17 } from "react";
 
 // src/mantine/blocks/hooks/useDependsOn.ts
-import { useMemo as useMemo13 } from "react";
+import { useMemo as useMemo14 } from "react";
 
 // src/mantine/blocks/index.ts
 var blockSpecs = {
   checkbox: CheckboxBlockSpec,
-  list: ListBlock,
+  list: ListBlockSpec,
   enumChecklist: EnumChecklistBlock,
   overview: OverviewBlock,
   proposal: ProposalBlockSpec,
@@ -8416,12 +8225,7 @@ var getExtraSlashMenuItems = (editor) => {
 
 // src/mantine/hooks/useCreateIxoEditor.ts
 import { useCreateBlockNote } from "@blocknote/react";
-import {
-  BlockNoteSchema,
-  defaultBlockSpecs,
-  defaultInlineContentSpecs,
-  defaultStyleSpecs
-} from "@blocknote/core";
+import { BlockNoteSchema, defaultBlockSpecs, defaultInlineContentSpecs, defaultStyleSpecs } from "@blocknote/core";
 function useCreateIxoEditor(options) {
   const {
     theme = "light",
@@ -8487,21 +8291,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 useEffect18, useState as useState27, useRef as useRef3, useCallback as useCallback17, useMemo as useMemo14 } from "react";
+import { useEffect as useEffect17, useState as useState26, useRef as useRef3, useCallback as useCallback18, useMemo as useMemo15 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
-function useMatrixProvider({
-  matrixClient,
-  roomId,
-  yDoc
-}) {
-  const [matrixProvider, setProvider] = useState27(null);
-  const [status, setStatus] = useState27(
-    "disconnected"
-  );
+function useMatrixProvider({ matrixClient, roomId, yDoc }) {
+  const [matrixProvider, setProvider] = useState26(null);
+  const [status, setStatus] = useState26("disconnected");
   const isMountedRef = useRef3(true);
   const providerRef = useRef3(null);
   const retryTimeoutRef = useRef3(null);
-  const providerOptions = useMemo14(
+  const providerOptions = useMemo15(
     () => ({
       translator: {
         updateEventType: "matrix-crdt.doc_update",
@@ -8514,22 +8312,22 @@ function useMatrixProvider({
     }),
     []
   );
-  const handleDocumentAvailable = useCallback17(() => {
+  const handleDocumentAvailable = useCallback18(() => {
     if (isMountedRef.current) {
       setStatus("connected");
     }
   }, []);
-  const handleDocumentUnavailable = useCallback17(() => {
+  const handleDocumentUnavailable = useCallback18(() => {
     if (isMountedRef.current) {
       setStatus("failed");
     }
   }, []);
-  const handleCanWriteChanged = useCallback17(() => {
+  const handleCanWriteChanged = useCallback18(() => {
     if (isMountedRef.current && providerRef.current) {
       setStatus(providerRef.current.canWrite ? "connected" : "failed");
     }
   }, []);
-  const initProvider = useCallback17(async () => {
+  const initProvider = useCallback18(async () => {
     if (!isMountedRef.current) return;
     if (retryTimeoutRef.current) {
       clearTimeout(retryTimeoutRef.current);
@@ -8540,12 +8338,7 @@ function useMatrixProvider({
       const client = matrixClient;
       client.canSupportVoip = false;
       client.clientOpts = { lazyLoadMembers: true };
-      const provider = new MatrixProvider(
-        yDoc,
-        client,
-        { type: "id", id: roomId },
-        providerOptions
-      );
+      const provider = new MatrixProvider(yDoc, client, { type: "id", id: roomId }, providerOptions);
       providerRef.current = provider;
       provider.onDocumentAvailable(handleDocumentAvailable);
       provider.onDocumentUnavailable(handleDocumentUnavailable);
@@ -8567,14 +8360,8 @@ function useMatrixProvider({
         }, 5e3);
       }
     }
-  }, [
-    matrixClient,
-    providerOptions,
-    handleDocumentAvailable,
-    handleDocumentUnavailable,
-    handleCanWriteChanged
-  ]);
-  useEffect18(() => {
+  }, [matrixClient, providerOptions, handleDocumentAvailable, handleDocumentUnavailable, handleCanWriteChanged]);
+  useEffect17(() => {
     isMountedRef.current = true;
     initProvider();
     return () => {
@@ -8591,7 +8378,7 @@ function useMatrixProvider({
       setStatus("disconnected");
     };
   }, [initProvider]);
-  useEffect18(() => {
+  useEffect17(() => {
     return () => {
       isMountedRef.current = false;
     };
@@ -8600,17 +8387,17 @@ function useMatrixProvider({
 }
 
 // src/mantine/hooks/useCollaborativeYDoc.ts
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo16 } from "react";
 import * as Y from "yjs";
 function useCollaborativeYDoc(_options) {
-  return useMemo15(() => {
+  return useMemo16(() => {
     const doc = new Y.Doc();
     return doc;
   }, []);
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo16, useEffect as useEffect19 } from "react";
+import { useMemo as useMemo17, useEffect as useEffect18 } from "react";
 function useCreateCollaborativeIxoEditor(options) {
   const yDoc = useCollaborativeYDoc(options);
   const {
@@ -8626,9 +8413,9 @@ function useCreateCollaborativeIxoEditor(options) {
     tableHandles = true,
     user,
     matrixClient,
-    permissions = { read: false, write: false }
+    permissions = { write: false }
   } = options || {};
-  const memoizedUser = useMemo16(
+  const memoizedUser = useMemo17(
     () => ({
       id: user?.id || "",
       name: user?.name || "",
@@ -8643,7 +8430,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     roomId: options.roomId
   });
-  const defaultUploadFile = useMemo16(
+  const defaultUploadFile = useMemo17(
     () => uploadFile || (async (file) => {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -8657,7 +8444,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [uploadFile]
   );
-  const schema = useMemo16(
+  const schema = useMemo17(
     () => BlockNoteSchema2.create({
       blockSpecs: {
         ...defaultBlockSpecs2,
@@ -8672,11 +8459,11 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     []
   );
-  const root = useMemo16(() => yDoc.getMap("root"), [yDoc]);
-  const documentFragment = useMemo16(() => yDoc.getXmlFragment("document"), [yDoc]);
-  const flowArray = useMemo16(() => yDoc.getArray("flow"), [yDoc]);
-  const userFragment = useMemo16(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
-  const collaborationConfig = useMemo16(
+  const root = useMemo17(() => yDoc.getMap("root"), [yDoc]);
+  const documentFragment = useMemo17(() => yDoc.getXmlFragment("document"), [yDoc]);
+  const flowArray = useMemo17(() => yDoc.getArray("flow"), [yDoc]);
+  const userFragment = useMemo17(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
+  const collaborationConfig = useMemo17(
     () => ({
       provider: matrixProvider,
       fragment: documentFragment,
@@ -8688,7 +8475,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [matrixProvider, documentFragment, memoizedUser.name, memoizedUser.color]
   );
-  const ixoConfig = useMemo16(
+  const ixoConfig = useMemo17(
     () => ({
       theme,
       editable,
@@ -8707,7 +8494,7 @@ function useCreateCollaborativeIxoEditor(options) {
     uploadFile: defaultUploadFile,
     collaboration: collaborationConfig
   });
-  const titleText = useMemo16(() => yDoc.getText("title"), [yDoc]);
+  const titleText = useMemo17(() => yDoc.getText("title"), [yDoc]);
   let ixoEditor;
   if (editor) {
     ixoEditor = editor;
@@ -8720,6 +8507,10 @@ function useCreateCollaborativeIxoEditor(options) {
       return userFragment.get(block.id) || {};
     };
     ixoEditor.updateUserProps = (block, updates) => {
+      if (!permissions.write) {
+        console.warn("Cannot update user props: write permission denied");
+        return;
+      }
       const prev = userFragment.get(block.id) || {};
       userFragment.set(block.id, { ...prev, ...updates });
     };
@@ -8735,6 +8526,10 @@ function useCreateCollaborativeIxoEditor(options) {
       };
     };
     ixoEditor.updateFlowMetadata = (updates) => {
+      if (!permissions.write) {
+        console.warn("Cannot update flow metadata: write permission denied");
+        return;
+      }
       Object.entries(updates).forEach(([key, value]) => {
         if (key === "title") {
           titleText.delete(0, titleText.length);
@@ -8749,15 +8544,19 @@ function useCreateCollaborativeIxoEditor(options) {
     };
     ixoEditor.getDocType = () => root.get("docType") || "";
     ixoEditor.setDocType = (value) => {
+      if (!permissions.write) {
+        console.warn("Cannot set doc type: write permission denied");
+        return;
+      }
       root.set("docType", value);
     };
   }
-  useEffect19(() => {
+  useEffect18(() => {
     if (ixoEditor) {
       ixoEditor.isEditable = editable;
     }
   }, [ixoEditor, editable]);
-  useEffect19(() => {
+  useEffect18(() => {
     if (connectionStatus !== "connected") {
       return;
     }
@@ -8790,19 +8589,19 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/IxoEditor.tsx
-import React96 from "react";
+import React97 from "react";
 import { getDefaultReactSlashMenuItems, SuggestionMenuController } from "@blocknote/react";
 import { BlockNoteView } from "@blocknote/mantine";
 import { filterSuggestionItems } from "@blocknote/core";
 import { MantineProvider } from "@mantine/core";
 
 // src/mantine/components/PanelContent.tsx
-import React95 from "react";
+import React96 from "react";
 function PanelContent() {
   const { activePanel, registeredPanels } = usePanelStore();
   const isOpen = activePanel !== null;
   const content = activePanel ? registeredPanels.get(activePanel) : null;
-  return /* @__PURE__ */ React95.createElement(
+  return /* @__PURE__ */ React96.createElement(
     "div",
     {
       style: {
@@ -8826,41 +8625,34 @@ function IxoEditorContent({
   onSelectionChange,
   children
 }) {
-  return /* @__PURE__ */ React96.createElement("div", { style: { display: "flex", height: "100%" } }, /* @__PURE__ */ React96.createElement(
-    "div",
+  return /* @__PURE__ */ React97.createElement("div", { style: { display: "flex", height: "100%" } }, /* @__PURE__ */ React97.createElement("div", { className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`, style: { flex: 1 } }, /* @__PURE__ */ React97.createElement(
+    BlockNoteView,
     {
-      className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`,
-      style: { flex: 1 }
+      editor,
+      editable: isEditable,
+      sideMenu: config.sideMenu,
+      slashMenu: false,
+      formattingToolbar: config.formattingToolbar,
+      linkToolbar: config.linkToolbar,
+      filePanel: config.filePanel,
+      tableHandles: config.tableHandles,
+      theme: config.theme,
+      onChange,
+      onSelectionChange
     },
-    /* @__PURE__ */ React96.createElement(
-      BlockNoteView,
+    config.slashMenu && /* @__PURE__ */ React97.createElement(
+      SuggestionMenuController,
       {
-        editor,
-        editable: isEditable,
-        sideMenu: config.sideMenu,
-        slashMenu: false,
-        formattingToolbar: config.formattingToolbar,
-        linkToolbar: config.linkToolbar,
-        filePanel: config.filePanel,
-        tableHandles: config.tableHandles,
-        theme: config.theme,
-        onChange,
-        onSelectionChange
-      },
-      config.slashMenu && /* @__PURE__ */ React96.createElement(
-        SuggestionMenuController,
-        {
-          triggerCharacter: "/",
-          getItems: async (query) => {
-            const defaultItems = getDefaultReactSlashMenuItems(editor);
-            const customItems = getExtraSlashMenuItems(editor);
-            return filterSuggestionItems([...defaultItems, ...customItems], query);
-          }
+        triggerCharacter: "/",
+        getItems: async (query) => {
+          const defaultItems = getDefaultReactSlashMenuItems(editor);
+          const customItems = getExtraSlashMenuItems(editor);
+          return filterSuggestionItems([...defaultItems, ...customItems], query);
         }
-      ),
-      children
-    )
-  ), /* @__PURE__ */ React96.createElement(PanelContent, null));
+      }
+    ),
+    children
+  )), /* @__PURE__ */ React97.createElement(PanelContent, null));
 }
 function IxoEditor({
   editor,
@@ -8886,29 +8678,9 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React96.createElement(
-    BlocknoteProvider,
-    {
-      editor,
-      handlers,
-      blockRequirements,
-      editable: isEditable
-    },
-    /* @__PURE__ */ React96.createElement(
-      IxoEditorContent,
-      {
-        editor,
-        config,
-        isEditable,
-        className,
-        onChange,
-        onSelectionChange
-      },
-      children
-    )
-  );
+  const editorContent = /* @__PURE__ */ React97.createElement(BlocknoteProvider, { editor, handlers, blockRequirements, editable: isEditable }, /* @__PURE__ */ React97.createElement(IxoEditorContent, { editor, config, isEditable, className, onChange, onSelectionChange }, children));
   if (mantineTheme) {
-    return /* @__PURE__ */ React96.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
+    return /* @__PURE__ */ React97.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
   return editorContent;
 }
@@ -8941,9 +8713,7 @@ var GraphQLClient = class {
     return result.data;
   }
 };
-var ixoGraphQLClient = new GraphQLClient(
-  "https://devnet-blocksync-graphql.ixo.earth/graphql"
-);
+var ixoGraphQLClient = new GraphQLClient("https://devnet-blocksync-graphql.ixo.earth/graphql");
 
 // src/core/lib/graphql-queries.ts
 var ENTITY_QUERY = `
@@ -8978,7 +8748,7 @@ export {
   useBlocknoteContext,
   useBlocknoteHandlers,
   CheckboxBlockSpec,
-  ListBlock,
+  ListBlockSpec,
   OverviewBlock,
   StakeType,
   AuthzExecActionTypes,
@@ -8994,4 +8764,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-HCXEWG4Z.mjs.map
+//# sourceMappingURL=chunk-NJ34FIYQ.mjs.map