@ixo/editor 2.17.0 → 2.18.0

package/dist/{chunk-KWCTPDGD.mjs → chunk-7ROKCOSH.mjs}

@@ -888,10 +888,12 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
 }
 
 // src/mantine/components/Base/BaseButton.tsx
-import { Button as Button2 } from "@mantine/core";
+import { Button as Button2, Box } from "@mantine/core";
+import { useHover } from "@mantine/hooks";
 import React8 from "react";
 function BaseButton({ disabled, onClick, ...props }) {
-  return /* @__PURE__ */ React8.createElement(
+  const { hovered, ref } = useHover();
+  return /* @__PURE__ */ React8.createElement(Box, { ref, style: { display: "inline-block" } }, /* @__PURE__ */ React8.createElement(
     Button2,
     {
       onClick,
@@ -906,20 +908,17 @@ function BaseButton({ disabled, onClick, ...props }) {
         opacity: disabled ? 0.6 : 1,
         cursor: disabled ? "default" : "pointer",
         pointerEvents: disabled ? "none" : "auto",
-        transition: "opacity 0.15s"
+        transition: "opacity 0.15s, background-color 0.15s",
+        backgroundColor: hovered && !disabled ? "white" : void 0
       },
       styles: {
         root: {
-          color: "#fff",
-          "&:hover": {
-            backgroundColor: disabled ? void 0 : "white"
-          },
-          transition: "background-color 0.15s"
+          color: "#fff"
         }
       },
       ...props
     }
-  );
+  ));
 }
 
 // src/mantine/components/ConditionsTab.tsx
@@ -1213,7 +1212,7 @@ var GeneralTab = ({
 };
 
 // src/mantine/components/Layouts/BaseRightPanelLayout.tsx
-import { Box, Center, CloseButton, Flex, Paper, Title } from "@mantine/core";
+import { Box as Box2, Center, CloseButton, Flex, Paper, Title } from "@mantine/core";
 import { IconSettings } from "@tabler/icons-react";
 import React14 from "react";
 function BaseRightPanelLayout({ title, isTemplate = true, captionContent, onClose, children }) {
@@ -1247,7 +1246,7 @@ function BaseRightPanelLayout({ title, isTemplate = true, captionContent, onClos
     /* @__PURE__ */ React14.createElement(Title, { px: 40, mb: "md", order: 3 }, title),
     captionContent,
     /* @__PURE__ */ React14.createElement(
-      Box,
+      Box2,
       {
         px: 40,
         style: {
@@ -1717,7 +1716,7 @@ import React22, { useCallback as useCallback9 } from "react";
 
 // src/mantine/blocks/list/template/GeneralTab.tsx
 import React21, { useState as useState6 } from "react";
-import { Stack as Stack9, Card as Card2, Group as Group4, Text as Text6, Box as Box2, Button as Button3, Switch as Switch3, Accordion } from "@mantine/core";
+import { Stack as Stack9, Card as Card2, Group as Group4, Text as Text6, Box as Box3, Button as Button3, Switch as Switch3, Accordion } from "@mantine/core";
 
 // src/mantine/blocks/list/linked_resources/config.ts
 var linkedResourcesMetadata = {
@@ -2616,7 +2615,7 @@ var GeneralTab2 = ({ initialConfig, onSave }) => {
       onClick: () => handleTypeSelect(listType.id)
     },
     /* @__PURE__ */ React21.createElement(Group4, { gap: "md", align: "flex-start" }, /* @__PURE__ */ React21.createElement(
-      Box2,
+      Box3,
       {
         style: {
           width: 48,
@@ -2729,11 +2728,11 @@ var ListTemplateView = ({ editor, block }) => {
 
 // src/mantine/blocks/list/flow/ListFlowView.tsx
 import React48, { useState as useState10, useEffect as useEffect7, useMemo as useMemo8, useCallback as useCallback10 } from "react";
-import { Stack as Stack30, Text as Text29, ActionIcon as ActionIcon2, Loader as Loader2, Center as Center4, Flex as Flex21, Title as Title3, Collapse as Collapse2, Tooltip as Tooltip5 } from "@mantine/core";
+import { Stack as Stack30, Text as Text29, ActionIcon as ActionIcon2, Loader as Loader2, Center as Center4, Flex as Flex20, Title as Title3, Collapse as Collapse2, Tooltip as Tooltip5 } from "@mantine/core";
 
 // src/mantine/blocks/list/linked_resources/ResourcesList.tsx
 import React26 from "react";
-import { Stack as Stack11, Text as Text8, Box as Box3, Flex as Flex3 } from "@mantine/core";
+import { Stack as Stack11, Text as Text8, Box as Box4, Flex as Flex3 } from "@mantine/core";
 import { IconPdf, IconFileTypeHtml, IconJson, IconPhoto, IconFileText as IconFileText2, IconFile } from "@tabler/icons-react";
 
 // src/mantine/blocks/list/ListItemContainer.tsx
@@ -2821,7 +2820,7 @@ var ResourcesList = ({ items, isMultiSelect, isItemChecked, onItemCheck, config:
     const title = item.description || item.id || `Resource ${index + 1}`;
     const isChecked = isItemChecked?.(item.id);
     return /* @__PURE__ */ React26.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.id, !isChecked), key: item.id || index, isChecked: !!isChecked }, /* @__PURE__ */ React26.createElement(Flex3, { align: "center", gap: "sm" }, /* @__PURE__ */ React26.createElement(
-      Box3,
+      Box4,
       {
         style: {
           width: 32,
@@ -2845,12 +2844,12 @@ var ResourcesList = ({ items, isMultiSelect, isItemChecked, onItemCheck, config:
       }
     )));
   });
-  return /* @__PURE__ */ React26.createElement(Box3, { flex: 1 }, /* @__PURE__ */ React26.createElement(Stack11, null, rows));
+  return /* @__PURE__ */ React26.createElement(Box4, { flex: 1 }, /* @__PURE__ */ React26.createElement(Stack11, null, rows));
 };
 
 // src/mantine/blocks/list/assets/AssetsList.tsx
 import React27 from "react";
-import { Text as Text9, Box as Box4, Stack as Stack12, Flex as Flex4, Image } from "@mantine/core";
+import { Text as Text9, Box as Box5, Stack as Stack12, Flex as Flex4, Image } from "@mantine/core";
 
 // src/core/lib/formatters.ts
 var formatNumber = (value) => typeof value === "number" ? value.toLocaleString() : "-";
@@ -2872,12 +2871,12 @@ var AssetsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
     const isChecked = isItemChecked?.(asset.did);
     return /* @__PURE__ */ React27.createElement(ListItemContainer, { onClick: () => onItemCheck?.(asset.did, !isChecked), key: asset.did, isChecked: !!isChecked }, /* @__PURE__ */ React27.createElement(Flex4, { align: "center", gap: "sm" }, /* @__PURE__ */ React27.createElement(Image, { radius: 16, w: 32, h: 32, src: asset.icon }), /* @__PURE__ */ React27.createElement(Stack12, { gap: 0 }, /* @__PURE__ */ React27.createElement(Text9, { size: "sm" }, asset.name || "-", " ", asset.alsoKnownAs || "-"), /* @__PURE__ */ React27.createElement(Text9, { size: "sm", c: "dimmed" }, asset.issuer || "-"))), /* @__PURE__ */ React27.createElement(Flex4, { align: "center", gap: "md" }, /* @__PURE__ */ React27.createElement(Stack12, { ta: "right", gap: 0 }, /* @__PURE__ */ React27.createElement(Text9, { size: "sm" }, asset.currency || "", formatNumber(asset.price)), /* @__PURE__ */ React27.createElement(Text9, { size: "sm", c: "dimmed" }, asset.owned ? "Owned" : "Not Owned")), isMultiSelect && /* @__PURE__ */ React27.createElement(ListItemCheckbox, { ariaLabel: `Select asset ${asset.did}`, checked: isItemChecked?.(asset.did), onCheck: (checked) => onItemCheck?.(asset.did, checked) })));
   });
-  return /* @__PURE__ */ React27.createElement(Box4, { flex: 1 }, /* @__PURE__ */ React27.createElement(Stack12, null, rows));
+  return /* @__PURE__ */ React27.createElement(Box5, { flex: 1 }, /* @__PURE__ */ React27.createElement(Stack12, null, rows));
 };
 
 // src/mantine/blocks/list/transactions/TransactionsList.tsx
 import React28 from "react";
-import { Text as Text10, Badge, Tooltip as Tooltip3, Box as Box5, Flex as Flex5, Stack as Stack13 } from "@mantine/core";
+import { Text as Text10, Badge, Tooltip as Tooltip3, Box as Box6, Flex as Flex5, Stack as Stack13 } from "@mantine/core";
 var formatTime = (timeStr) => {
   try {
     const date = new Date(timeStr);
@@ -2905,12 +2904,12 @@ var TransactionsList = ({ items, isMultiSelect, isItemChecked, onItemCheck, conf
       }
     )));
   });
-  return /* @__PURE__ */ React28.createElement(Box5, { flex: 1 }, /* @__PURE__ */ React28.createElement(Stack13, null, rows));
+  return /* @__PURE__ */ React28.createElement(Box6, { flex: 1 }, /* @__PURE__ */ React28.createElement(Stack13, null, rows));
 };
 
 // src/mantine/blocks/list/collections/CollectionsList.tsx
 import React29 from "react";
-import { Text as Text11, Box as Box6, Image as Image2, Stack as Stack14, Flex as Flex6 } from "@mantine/core";
+import { Text as Text11, Box as Box7, Image as Image2, Stack as Stack14, Flex as Flex6 } from "@mantine/core";
 var CollectionsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React29.createElement(Text11, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No collections found");
@@ -2919,12 +2918,12 @@ var CollectionsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) =>
     const isChecked = isItemChecked?.(item.did);
     return /* @__PURE__ */ React29.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React29.createElement(Flex6, { align: "center", gap: "sm" }, /* @__PURE__ */ React29.createElement(Image2, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React29.createElement(Stack14, { gap: 0 }, /* @__PURE__ */ React29.createElement(Text11, { size: "sm" }, item.name), /* @__PURE__ */ React29.createElement(Text11, { size: "sm", c: "dimmed" }, item.brand))), /* @__PURE__ */ React29.createElement(Flex6, { align: "center", gap: "md" }, /* @__PURE__ */ React29.createElement(Stack14, { ta: "right", gap: 0 }, /* @__PURE__ */ React29.createElement(Text11, { size: "sm" }, item.totalAssets, " Assets"), /* @__PURE__ */ React29.createElement(Text11, { size: "sm", c: "dimmed" }, item.currency, item.price)), isMultiSelect && /* @__PURE__ */ React29.createElement(ListItemCheckbox, { ariaLabel: `Select collection ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
   });
-  return /* @__PURE__ */ React29.createElement(Box6, { flex: 1 }, /* @__PURE__ */ React29.createElement(Stack14, null, rows));
+  return /* @__PURE__ */ React29.createElement(Box7, { flex: 1 }, /* @__PURE__ */ React29.createElement(Stack14, null, rows));
 };
 
 // src/mantine/blocks/list/balances/BalancesList.tsx
 import React30 from "react";
-import { Text as Text12, Box as Box7, Stack as Stack15, Flex as Flex7, Avatar, Group as Group6 } from "@mantine/core";
+import { Text as Text12, Box as Box8, Stack as Stack15, Flex as Flex7, Avatar, Group as Group6 } from "@mantine/core";
 
 // src/core/utils/numbers.ts
 var numberFormatter = (num, digits) => {
@@ -2961,12 +2960,12 @@ var BalancesList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
     const isChecked = isItemChecked?.(item.denom);
     return /* @__PURE__ */ React30.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.denom, !isChecked), key: item.denom, isChecked: !!isChecked }, /* @__PURE__ */ React30.createElement(Group6, { gap: 12 }, /* @__PURE__ */ React30.createElement(Avatar, { src: item.tokenImage, size: 40, radius: "xl" }), /* @__PURE__ */ React30.createElement(Stack15, { gap: 4 }, /* @__PURE__ */ React30.createElement(Text12, { size: "sm", fw: 500 }, item.tokenName), item.chainCount > 1 && /* @__PURE__ */ React30.createElement(Group6, { gap: 4 }, /* @__PURE__ */ React30.createElement(Text12, { size: "xs", c: "dimmed" }, item.chainCount, " chains"), /* @__PURE__ */ React30.createElement(Group6, { gap: -4 }, /* @__PURE__ */ React30.createElement(Avatar, { size: 16, radius: "xl", bg: "dimmed" }), /* @__PURE__ */ React30.createElement(Avatar, { size: 16, radius: "xl", bg: "dimmed", ml: -4 }), item.chainCount > 2 && /* @__PURE__ */ React30.createElement(Avatar, { size: 16, radius: "xl", bg: "dimmed", ml: -4 }))))), /* @__PURE__ */ React30.createElement(Flex7, { align: "center", gap: "md" }, /* @__PURE__ */ React30.createElement(Stack15, { gap: 4, align: "flex-end" }, /* @__PURE__ */ React30.createElement(Text12, { size: "sm", fw: 500 }, renderNumber(item.amount)), /* @__PURE__ */ React30.createElement(Text12, { size: "xs", c: "dimmed" }, "$", renderNumber(item.usdAmount))), isMultiSelect && /* @__PURE__ */ React30.createElement(ListItemCheckbox, { ariaLabel: `Select balance ${item.denom}`, checked: isItemChecked?.(item.denom), onCheck: (checked) => onItemCheck?.(item.denom, checked) })));
   });
-  return /* @__PURE__ */ React30.createElement(Box7, { flex: 1 }, /* @__PURE__ */ React30.createElement(Stack15, null, rows));
+  return /* @__PURE__ */ React30.createElement(Box8, { flex: 1 }, /* @__PURE__ */ React30.createElement(Stack15, null, rows));
 };
 
 // src/mantine/blocks/list/investments/InvestmentsList.tsx
 import React31 from "react";
-import { Text as Text13, Box as Box8, Image as Image3, Stack as Stack16, Flex as Flex8, Progress } from "@mantine/core";
+import { Text as Text13, Box as Box9, Image as Image3, Stack as Stack16, Flex as Flex8, Progress } from "@mantine/core";
 var InvestmentsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React31.createElement(Text13, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No investments found");
@@ -2975,12 +2974,12 @@ var InvestmentsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) =>
     const isChecked = isItemChecked?.(item.did);
     return /* @__PURE__ */ React31.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React31.createElement(Flex8, { align: "center", gap: "sm" }, /* @__PURE__ */ React31.createElement(Image3, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React31.createElement(Stack16, { gap: 0 }, /* @__PURE__ */ React31.createElement(Text13, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React31.createElement(Text13, { size: "sm", c: "dimmed" }, item.brand || "-"))), /* @__PURE__ */ React31.createElement(Flex8, { align: "center", gap: "md" }, /* @__PURE__ */ React31.createElement(Stack16, { ta: "right", gap: 0 }, /* @__PURE__ */ React31.createElement(Flex8, { gap: "5px" }, /* @__PURE__ */ React31.createElement(Text13, { size: "sm" }, item.currency + formatNumber(item.currentAmount)), /* @__PURE__ */ React31.createElement(Text13, { size: "sm", c: "dimmed" }, "/ ", item.currency + formatNumber(item.maxAmount))), /* @__PURE__ */ React31.createElement(Text13, { size: "xs", c: "dimmed" }, /* @__PURE__ */ React31.createElement(Progress, { color: "rgb(0, 255, 157)", radius: "xl", size: "lg", value: item.currentAmount * 100 / item.maxAmount }))), isMultiSelect && /* @__PURE__ */ React31.createElement(ListItemCheckbox, { ariaLabel: `Select investment ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
   });
-  return /* @__PURE__ */ React31.createElement(Box8, { flex: 1 }, /* @__PURE__ */ React31.createElement(Stack16, null, rows));
+  return /* @__PURE__ */ React31.createElement(Box9, { flex: 1 }, /* @__PURE__ */ React31.createElement(Stack16, null, rows));
 };
 
 // src/mantine/blocks/list/oracles/OraclesList.tsx
 import React32 from "react";
-import { Text as Text14, Box as Box9, Image as Image4, Stack as Stack17, Flex as Flex9 } from "@mantine/core";
+import { Text as Text14, Box as Box10, Image as Image4, Stack as Stack17, Flex as Flex9 } from "@mantine/core";
 var OraclesList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React32.createElement(Text14, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No oracles found");
@@ -2989,12 +2988,12 @@ var OraclesList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
     const isChecked = isItemChecked?.(item.did);
     return /* @__PURE__ */ React32.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React32.createElement(Flex9, { align: "center", gap: "sm" }, /* @__PURE__ */ React32.createElement(Image4, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React32.createElement(Stack17, { gap: 0 }, /* @__PURE__ */ React32.createElement(Text14, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React32.createElement(Text14, { size: "sm", c: "dimmed" }, item.brand || "-"))), /* @__PURE__ */ React32.createElement(Flex9, { align: "center", gap: "md" }, /* @__PURE__ */ React32.createElement(Stack17, { ta: "right", gap: 0 }, /* @__PURE__ */ React32.createElement(Text14, { size: "sm" }, item.currency || "-"), /* @__PURE__ */ React32.createElement(Text14, { size: "xs", c: "dimmed" }, item.minPoints, " - ", item.maxPoints, " pts"), /* @__PURE__ */ React32.createElement(Text14, { size: "xs", c: "dimmed" }, item.flowsAmount, " Flows")), isMultiSelect && /* @__PURE__ */ React32.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
   });
-  return /* @__PURE__ */ React32.createElement(Box9, { flex: 1 }, /* @__PURE__ */ React32.createElement(Stack17, null, rows));
+  return /* @__PURE__ */ React32.createElement(Box10, { flex: 1 }, /* @__PURE__ */ React32.createElement(Stack17, null, rows));
 };
 
 // src/mantine/blocks/list/pods/PODsList.tsx
 import React33 from "react";
-import { Text as Text15, Box as Box10, Image as Image5, Stack as Stack18, Flex as Flex10 } from "@mantine/core";
+import { Text as Text15, Box as Box11, Image as Image5, Stack as Stack18, Flex as Flex10 } from "@mantine/core";
 var PodsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React33.createElement(Text15, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No PODs found");
@@ -3003,12 +3002,12 @@ var PodsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
     const isChecked = isItemChecked?.(item.did);
     return /* @__PURE__ */ React33.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React33.createElement(Flex10, { align: "center", gap: "sm" }, /* @__PURE__ */ React33.createElement(Image5, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React33.createElement(Stack18, { gap: 0 }, /* @__PURE__ */ React33.createElement(Text15, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React33.createElement(Text15, { size: "sm", c: "dimmed" }, item.startDate, " \u2192 ", item.endDate))), /* @__PURE__ */ React33.createElement(Flex10, { align: "center", gap: "md" }, /* @__PURE__ */ React33.createElement(Stack18, { ta: "right", gap: 0 }, /* @__PURE__ */ React33.createElement(Text15, { size: "sm" }, item.members, " Members"), /* @__PURE__ */ React33.createElement(Text15, { size: "sm", c: "dimmed" }, item.totalProposals, " Proposals")), isMultiSelect && /* @__PURE__ */ React33.createElement(ListItemCheckbox, { ariaLabel: `Select POD ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
   });
-  return /* @__PURE__ */ React33.createElement(Box10, { flex: 1 }, /* @__PURE__ */ React33.createElement(Stack18, null, rows));
+  return /* @__PURE__ */ React33.createElement(Box11, { flex: 1 }, /* @__PURE__ */ React33.createElement(Stack18, null, rows));
 };
 
 // src/mantine/blocks/list/proposals/ProposalsList.tsx
 import React34 from "react";
-import { Text as Text16, Box as Box11, Image as Image6, Stack as Stack19, Flex as Flex11, Badge as Badge2 } from "@mantine/core";
+import { Text as Text16, Box as Box12, Image as Image6, Stack as Stack19, Flex as Flex11, Badge as Badge2 } from "@mantine/core";
 var ProposalsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React34.createElement(Text16, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No proposals found");
@@ -3017,12 +3016,12 @@ var ProposalsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
     const isChecked = isItemChecked?.(item.did);
     return /* @__PURE__ */ React34.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React34.createElement(Flex11, { align: "center", gap: "sm" }, /* @__PURE__ */ React34.createElement(Image6, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React34.createElement(Stack19, { gap: 0 }, /* @__PURE__ */ React34.createElement(Text16, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React34.createElement(Text16, { size: "xs", c: "dimmed" }, item.description || "-"))), /* @__PURE__ */ React34.createElement(Flex11, { align: "center", gap: "md" }, /* @__PURE__ */ React34.createElement(Stack19, { ta: "right", align: "end", gap: 0 }, /* @__PURE__ */ React34.createElement(Badge2, { size: "sm", variant: "light", color: "blue", style: { fontFamily: "monospace", fontSize: "10px" } }, item.status), /* @__PURE__ */ React34.createElement(Text16, { size: "sm", c: "dimmed" }, item.isVotedOn ? "Voted" : "Not voted")), isMultiSelect && /* @__PURE__ */ React34.createElement(ListItemCheckbox, { ariaLabel: `Select proposal ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
   });
-  return /* @__PURE__ */ React34.createElement(Box11, { flex: 1 }, /* @__PURE__ */ React34.createElement(Stack19, null, rows));
+  return /* @__PURE__ */ React34.createElement(Box12, { flex: 1 }, /* @__PURE__ */ React34.createElement(Stack19, null, rows));
 };
 
 // src/mantine/blocks/list/requests/RequestsList.tsx
 import React35 from "react";
-import { Text as Text17, Box as Box12, Image as Image7, Stack as Stack20, Flex as Flex12 } from "@mantine/core";
+import { Text as Text17, Box as Box13, Image as Image7, Stack as Stack20, Flex as Flex12 } from "@mantine/core";
 var RequestsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React35.createElement(Text17, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No requests found");
@@ -3031,12 +3030,12 @@ var RequestsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
     const isChecked = isItemChecked?.(item.did);
     return /* @__PURE__ */ React35.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React35.createElement(Flex12, { align: "center", gap: "sm" }, /* @__PURE__ */ React35.createElement(Image7, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React35.createElement(Stack20, { gap: 0 }, /* @__PURE__ */ React35.createElement(Text17, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React35.createElement(Text17, { size: "sm", c: "dimmed" }, item.brand || "-"))), /* @__PURE__ */ React35.createElement(Flex12, { align: "center", gap: "md" }, /* @__PURE__ */ React35.createElement(Stack20, { ta: "right", gap: 0 }, /* @__PURE__ */ React35.createElement(Text17, { size: "sm", c: "dimmed" }, item.currency || "", item.budget ?? "-"), /* @__PURE__ */ React35.createElement(Text17, { size: "xs", c: "dimmed" }, item.totalApplications ?? 0, " Applications")), isMultiSelect && /* @__PURE__ */ React35.createElement(ListItemCheckbox, { ariaLabel: `Select request ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
   });
-  return /* @__PURE__ */ React35.createElement(Box12, { flex: 1 }, /* @__PURE__ */ React35.createElement(Stack20, null, rows));
+  return /* @__PURE__ */ React35.createElement(Box13, { flex: 1 }, /* @__PURE__ */ React35.createElement(Stack20, null, rows));
 };
 
 // src/mantine/blocks/list/members/MembersList.tsx
 import React36 from "react";
-import { Text as Text18, Box as Box13, Image as Image8, Stack as Stack21, Flex as Flex13 } from "@mantine/core";
+import { Text as Text18, Box as Box14, Image as Image8, Stack as Stack21, Flex as Flex13 } from "@mantine/core";
 var MembersList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React36.createElement(Text18, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No members found");
@@ -3045,12 +3044,12 @@ var MembersList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
     const isChecked = isItemChecked?.(item.did);
     return /* @__PURE__ */ React36.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React36.createElement(Flex13, { align: "center", gap: "sm" }, /* @__PURE__ */ React36.createElement(Image8, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React36.createElement(Stack21, { gap: 0 }, /* @__PURE__ */ React36.createElement(Text18, { size: "sm" }, item.username || "-"), /* @__PURE__ */ React36.createElement(Text18, { size: "xs", c: "dimmed" }, item.address || "-"))), /* @__PURE__ */ React36.createElement(Flex13, { align: "center", gap: "md" }, /* @__PURE__ */ React36.createElement(Stack21, { ta: "right", gap: 0 }, /* @__PURE__ */ React36.createElement(Text18, { size: "sm" }, item.percentage), /* @__PURE__ */ React36.createElement(Text18, { size: "sm", c: "dimmed" }, item.role)), isMultiSelect && /* @__PURE__ */ React36.createElement(ListItemCheckbox, { ariaLabel: `Select member ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
   });
-  return /* @__PURE__ */ React36.createElement(Box13, { flex: 1 }, /* @__PURE__ */ React36.createElement(Stack21, null, rows));
+  return /* @__PURE__ */ React36.createElement(Box14, { flex: 1 }, /* @__PURE__ */ React36.createElement(Stack21, null, rows));
 };
 
 // src/mantine/blocks/list/validators/ValidatorsList.tsx
 import React37 from "react";
-import { Text as Text19, Box as Box14, Image as Image9, Stack as Stack22, Flex as Flex14 } from "@mantine/core";
+import { Text as Text19, Box as Box15, Image as Image9, Stack as Stack22, Flex as Flex14 } from "@mantine/core";
 
 // src/core/lib/validators.ts
 var getDelegatedTokensFromValidator = (validator) => Number(validator?.amount ?? 0);
@@ -3065,12 +3064,12 @@ var ValidatorsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
     const isChecked = isItemChecked?.(item.did);
     return /* @__PURE__ */ React37.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React37.createElement(Flex14, { align: "center", gap: "sm" }, /* @__PURE__ */ React37.createElement(Image9, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React37.createElement(Stack22, { gap: 0 }, /* @__PURE__ */ React37.createElement(Text19, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React37.createElement(Text19, { size: "xs", c: "dimmed" }, item.description || "-"))), /* @__PURE__ */ React37.createElement(Flex14, { align: "center", gap: "md" }, /* @__PURE__ */ React37.createElement(Stack22, { ta: "right", gap: 0 }, /* @__PURE__ */ React37.createElement(Text19, { size: "sm" }, numberFormatter(getDisplayDelegatedTokensFromValidator(item), 2), " ", item.currency), /* @__PURE__ */ React37.createElement(Text19, { size: "sm", c: "dimmed" }, item.commission, "% fee"), /* @__PURE__ */ React37.createElement(Text19, { size: "xs", c: "dimmed" }, item.isActive ? "Active" : "Inactive", " \u2022 ", item.isStaked ? "Staked" : "Not staked", " \u2022 ", item.isBonding ? "Bonding" : "Not bonding")), isMultiSelect && /* @__PURE__ */ React37.createElement(ListItemCheckbox, { ariaLabel: `Select validator ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
   });
-  return /* @__PURE__ */ React37.createElement(Box14, { flex: 1 }, /* @__PURE__ */ React37.createElement(Stack22, null, rows));
+  return /* @__PURE__ */ React37.createElement(Box15, { flex: 1 }, /* @__PURE__ */ React37.createElement(Stack22, null, rows));
 };
 
 // src/mantine/blocks/list/ListActionsMenu.tsx
 import React38, { useState as useState7 } from "react";
-import { Menu, Text as Text20, ActionIcon, Flex as Flex15, Box as Box15, Collapse, Tooltip as Tooltip4 } from "@mantine/core";
+import { Menu, Text as Text20, ActionIcon, Flex as Flex15, Box as Box16, Collapse, Tooltip as Tooltip4 } from "@mantine/core";
 import {
   IconArrowDown,
   IconArrowUp,
@@ -3087,7 +3086,7 @@ var SortRow = ({ opt, value, onChange }) => {
   const isDescActive = value?.key === opt.key && value?.direction === "desc";
   const isRowActive = isAscActive || isDescActive;
   return /* @__PURE__ */ React38.createElement(
-    Box15,
+    Box16,
     {
       px: "sm",
       py: 6,
@@ -3286,7 +3285,7 @@ var DEFAULT_PAGE_SIZE = 5;
 
 // src/mantine/blocks/list/dao_members/MembersList.tsx
 import React41 from "react";
-import { Text as Text22, Box as Box16, Image as Image10, Stack as Stack23, Flex as Flex16 } from "@mantine/core";
+import { Text as Text22, Box as Box17, Image as Image10, Stack as Stack23, Flex as Flex16 } from "@mantine/core";
 var DaoMembersList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React41.createElement(Text22, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No members found");
@@ -3302,12 +3301,12 @@ var DaoMembersList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
       }
     )));
   });
-  return /* @__PURE__ */ React41.createElement(Box16, { flex: 1 }, /* @__PURE__ */ React41.createElement(Stack23, { gap: "xs" }, rows));
+  return /* @__PURE__ */ React41.createElement(Box17, { flex: 1 }, /* @__PURE__ */ React41.createElement(Stack23, { gap: "xs" }, rows));
 };
 
 // src/mantine/blocks/list/deed_subscriptions/DeedSubscriptionsList.tsx
 import React42 from "react";
-import { Text as Text23, Box as Box17, Image as Image11, Stack as Stack24, Flex as Flex17, Badge as Badge3 } from "@mantine/core";
+import { Text as Text23, Box as Box18, Image as Image11, Stack as Stack24, Flex as Flex17, Badge as Badge3 } from "@mantine/core";
 import Jazzicon from "react-jazzicon";
 var DeedSubscriptionsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
@@ -3330,55 +3329,55 @@ var DeedSubscriptionsList = ({ items, isMultiSelect, isItemChecked, onItemCheck
     return /* @__PURE__ */ React42.createElement(ListItemContainer, { onClick: () => {
     }, key: itemId, isChecked: false, withIcon: false }, /* @__PURE__ */ React42.createElement(Flex17, { align: "center", gap: "sm" }, item.subscriberImage ? /* @__PURE__ */ React42.createElement(Image11, { radius: 16, w: 32, h: 32, src: item.subscriberImage }) : /* @__PURE__ */ React42.createElement(Jazzicon, { diameter: 32, seed: Array.from(itemId ?? "").reduce((acc, char) => acc + char.charCodeAt(0), 0) }), /* @__PURE__ */ React42.createElement(Stack24, { gap: 0 }, /* @__PURE__ */ React42.createElement(Text23, { size: "sm", fw: 500 }, item.subscriberName || "Unknown Subscriber"), /* @__PURE__ */ React42.createElement(Text23, { size: "xs", c: "dimmed", lineClamp: 1 }, "Subscription"))), /* @__PURE__ */ React42.createElement(Flex17, { align: "center", gap: "md" }, /* @__PURE__ */ React42.createElement(Stack24, { align: "end", ta: "right", gap: 0 }, /* @__PURE__ */ React42.createElement(Badge3, { size: "sm", color: getStatusColor2(item.status), variant: "light" }, item.status), /* @__PURE__ */ React42.createElement(Text23, { size: "xs", c: "dimmed" }, new Date(item.subscriptionDate).toLocaleDateString()))));
   });
-  return /* @__PURE__ */ React42.createElement(Box17, { flex: 1 }, /* @__PURE__ */ React42.createElement(Stack24, { gap: "xs" }, rows));
+  return /* @__PURE__ */ React42.createElement(Box18, { flex: 1 }, /* @__PURE__ */ React42.createElement(Stack24, { gap: "xs" }, rows));
 };
 
 // src/mantine/blocks/list/ListSelectionPanel.tsx
 import React44, { useState as useState8, useEffect as useEffect6, useMemo as useMemo7 } from "react";
-import { Paper as Paper4, CloseButton as CloseButton2, Stack as Stack26, Alert as Alert3, Text as Text25, Loader, Center as Center3 } from "@mantine/core";
+import { Paper as Paper4, CloseButton as CloseButton2, Stack as Stack26, Alert as Alert3, Text as Text25, Loader, Center as Center3, Space } from "@mantine/core";
 
 // src/mantine/blocks/list/components/SelectionPanelContent.tsx
 import React43 from "react";
-import { Stack as Stack25, Text as Text24, Title as Title2, Divider as Divider2, Flex as Flex18, Paper as Paper3, Group as Group7 } from "@mantine/core";
-import { useHover } from "@mantine/hooks";
-import { IconArrowRight, IconTarget } from "@tabler/icons-react";
-var SelectionPanelHeader = ({ title, description }) => {
-  return /* @__PURE__ */ React43.createElement(Stack25, { gap: "xs" }, /* @__PURE__ */ React43.createElement(Title2, { fw: 400, order: 3 }, title), /* @__PURE__ */ React43.createElement(Text24, { c: "dimmed" }, description));
-};
-var SelectionPromptItem = ({ prompt, onClick }) => {
-  return /* @__PURE__ */ React43.createElement(React43.Fragment, null, /* @__PURE__ */ React43.createElement(Flex18, { style: { cursor: "pointer" }, onClick: () => onClick(), gap: 10 }, /* @__PURE__ */ React43.createElement(IconArrowRight, { size: 24, color: "white" }), /* @__PURE__ */ React43.createElement(Text24, null, shortStr(prompt.text, 50, 0))), /* @__PURE__ */ React43.createElement(Divider2, { c: "dimmed", h: 1 }));
-};
-var SelectionPrompts = ({ prompts }) => {
-  const handlers = useBlocknoteHandlers();
-  if (!prompts || prompts.length === 0) return null;
-  return /* @__PURE__ */ React43.createElement(Stack25, { gap: "xs" }, prompts.map((prompt, index) => /* @__PURE__ */ React43.createElement(SelectionPromptItem, { onClick: () => handlers.askCompanion(prompt.text), key: index, prompt })));
-};
-var SelectionActionButton = ({ action, itemId, itemData }) => {
-  const { hovered, ref } = useHover();
-  const handleClick = () => {
-    action.onClick(itemId, itemData);
-  };
+import { Stack as Stack25, Text as Text24, Title as Title2, Divider as Divider2, Paper as Paper3, Group as Group7 } from "@mantine/core";
+import { useHover as useHover2 } from "@mantine/hooks";
+import { IconCornerDownRight, IconTarget } from "@tabler/icons-react";
+var SelectionItemButton = ({ isLast, onClick, children }) => {
+  const { hovered, ref } = useHover2();
   return /* @__PURE__ */ React43.createElement(
     Paper3,
     {
       ref,
-      p: "md",
+      py: "sm",
       style: {
         cursor: "pointer",
+        borderRadius: 0,
         transition: "all 0.2s ease",
-        backgroundColor: hovered ? "var(--mantine-color-dark-5)" : "var(--mantine-color-dark-6)",
-        border: `1px solid ${hovered ? "var(--mantine-color-dark-3)" : "var(--mantine-color-dark-4)"}`,
-        transform: hovered ? "translateY(-1px)" : "translateY(0)",
-        boxShadow: hovered ? "0 4px 12px rgba(0, 0, 0, 0.15)" : "none"
+        backgroundColor: hovered ? "var(--mantine-color-dark-5)" : "transparent",
+        borderBottom: isLast ? "none" : `1px solid var(--mantine-color-dark-5)`,
+        boxShadow: "none"
       },
-      onClick: handleClick
+      onClick
     },
-    /* @__PURE__ */ React43.createElement(Group7, { justify: "space-between", align: "center" }, /* @__PURE__ */ React43.createElement(Group7, { gap: "sm" }, /* @__PURE__ */ React43.createElement(IconTarget, { size: 20, color: "var(--mantine-color-gray-3)" }), /* @__PURE__ */ React43.createElement(Text24, { size: "sm", fw: 500, c: "white" }, action.label)), /* @__PURE__ */ React43.createElement(IconArrowRight, { size: 16, color: "var(--mantine-color-gray-4)" }))
+    children
   );
 };
+var SelectionPromptItem = ({ prompt, onClick, isLast }) => {
+  return /* @__PURE__ */ React43.createElement(SelectionItemButton, { isLast, onClick }, /* @__PURE__ */ React43.createElement(Group7, { px: "xs", gap: "sm" }, /* @__PURE__ */ React43.createElement(IconCornerDownRight, { size: 24, color: "var(--mantine-color-gray-3)" }), /* @__PURE__ */ React43.createElement(Text24, { fz: 14, fw: 500, c: "white" }, shortStr(prompt.text, 50, 0))));
+};
+var SelectionPrompts = ({ prompts }) => {
+  const handlers = useBlocknoteHandlers();
+  if (!prompts || prompts.length === 0) return null;
+  return /* @__PURE__ */ React43.createElement(Stack25, { gap: 0 }, prompts.map((prompt, index) => /* @__PURE__ */ React43.createElement(SelectionPromptItem, { onClick: () => handlers.askCompanion(prompt.text), key: index, prompt, isLast: index === prompts.length - 1 })));
+};
+var SelectionActionButton = ({ action, itemId, itemData, isLast }) => {
+  const handleClick = () => {
+    action.onClick(itemId, itemData);
+  };
+  return /* @__PURE__ */ React43.createElement(SelectionItemButton, { isLast, onClick: handleClick }, /* @__PURE__ */ React43.createElement(Group7, { px: "xs", gap: "sm" }, /* @__PURE__ */ React43.createElement(IconTarget, { size: 20, color: "var(--mantine-color-gray-3)" }), /* @__PURE__ */ React43.createElement(Text24, { fz: 14, fw: 500, c: "white" }, action.label)));
+};
 var SelectionActionSectionComponent = ({ section, itemId, itemData }) => {
   if (!section.actions || section.actions.length === 0) return null;
-  return /* @__PURE__ */ React43.createElement(Stack25, { gap: "xs" }, /* @__PURE__ */ React43.createElement(Text24, { fw: 500 }, section.title), section.description && /* @__PURE__ */ React43.createElement(Text24, { size: "sm", c: "dimmed" }, section.description), /* @__PURE__ */ React43.createElement(Stack25, { gap: "xs" }, section.actions.map((action) => /* @__PURE__ */ React43.createElement(SelectionActionButton, { key: action.id, action, itemId, itemData }))));
+  return /* @__PURE__ */ React43.createElement(Stack25, { mb: 18, gap: "xs" }, /* @__PURE__ */ React43.createElement(Text24, { fz: 20, fw: 500 }, section.title), section.description && /* @__PURE__ */ React43.createElement(Text24, { size: "sm", c: "dimmed" }, section.description), /* @__PURE__ */ React43.createElement(Stack25, { gap: 0 }, section.actions.map((action, index) => /* @__PURE__ */ React43.createElement(SelectionActionButton, { key: action.id, action, itemId, itemData, isLast: index === section.actions.length - 1 }))));
 };
 var SelectionActionSections = ({ sections, itemId, itemData }) => {
   if (!sections || sections.length === 0) return null;
@@ -3463,58 +3462,22 @@ var ListSelectionPanel = ({ selectedIds, listData, listType, onClose }) => {
     );
   }
   if (!selectedItemId) {
-    return /* @__PURE__ */ React44.createElement(
-      Paper4,
-      {
-        p: "md",
-        shadow: "sm",
-        style: {
-          height: "100%",
-          display: "flex",
-          flexDirection: "column",
-          position: "relative"
-        }
-      },
-      /* @__PURE__ */ React44.createElement(
-        CloseButton2,
-        {
-          onClick: handleClose,
-          style: {
-            position: "absolute",
-            top: "1rem",
-            right: "1rem",
-            zIndex: 1
-          }
-        }
-      ),
-      /* @__PURE__ */ React44.createElement(SelectionPanelEmpty, { message: "No item selected" })
-    );
+    return /* @__PURE__ */ React44.createElement(BaseRightPanelLayout, { title: "List selection", onClose: handleClose }, /* @__PURE__ */ React44.createElement(SelectionPanelEmpty, { message: "No item selected" }));
+  }
+  if (loading || !itemData) {
+    return /* @__PURE__ */ React44.createElement(BaseRightPanelLayout, { onClose: handleClose, title: "Loading..." }, /* @__PURE__ */ React44.createElement(Center3, { h: 200 }, /* @__PURE__ */ React44.createElement(Loader, null)));
+  }
+  if (error) {
+    return /* @__PURE__ */ React44.createElement(BaseRightPanelLayout, { onClose: handleClose, title: "Error" }, /* @__PURE__ */ React44.createElement(Alert3, { color: "red", title: "Error" }, /* @__PURE__ */ React44.createElement(Text25, { size: "sm" }, error)));
   }
   return /* @__PURE__ */ React44.createElement(
-    Paper4,
+    BaseRightPanelLayout,
     {
-      p: "md",
-      shadow: "sm",
-      style: {
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        position: "relative"
-      }
+      onClose: handleClose,
+      title: panelConfig.title(itemData),
+      captionContent: /* @__PURE__ */ React44.createElement(Text25, { pb: "md", px: "40px" }, panelConfig.description(itemData))
     },
-    /* @__PURE__ */ React44.createElement(
-      CloseButton2,
-      {
-        onClick: handleClose,
-        style: {
-          position: "absolute",
-          top: "1rem",
-          right: "1rem",
-          zIndex: 1
-        }
-      }
-    ),
-    loading ? /* @__PURE__ */ React44.createElement(Center3, { h: 200 }, /* @__PURE__ */ React44.createElement(Loader, null)) : error ? /* @__PURE__ */ React44.createElement(Alert3, { color: "red", title: "Error" }, /* @__PURE__ */ React44.createElement(Text25, { size: "sm" }, error)) : itemData ? /* @__PURE__ */ React44.createElement(Stack26, { gap: "md", style: { flex: 1 } }, /* @__PURE__ */ React44.createElement(SelectionPanelHeader, { title: panelConfig.title(itemData), description: panelConfig.description(itemData) }), panelConfig?.image && /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React44.createElement(Stack26, { gap: "md", style: { flex: 1 } }, panelConfig?.image && /* @__PURE__ */ React44.createElement(
       "img",
       {
         src: panelConfig?.image(itemData),
@@ -3526,36 +3489,36 @@ var ListSelectionPanel = ({ selectedIds, listData, listType, onClose }) => {
           objectFit: "cover"
         }
       }
-    ), /* @__PURE__ */ React44.createElement(SelectionPrompts, { prompts: panelConfig.prompts(itemData) }), /* @__PURE__ */ React44.createElement(SelectionActionSections, { sections: panelConfig.actionSections(itemData), itemId: selectedItemId, itemData })) : /* @__PURE__ */ React44.createElement(SelectionPanelEmpty, { message: "Failed to load item details" })
+    ), /* @__PURE__ */ React44.createElement(SelectionPrompts, { prompts: panelConfig.prompts(itemData) }), /* @__PURE__ */ React44.createElement(Space, { h: 12 }), /* @__PURE__ */ React44.createElement(SelectionActionSections, { sections: panelConfig.actionSections(itemData), itemId: selectedItemId, itemData }))
   );
 };
 
 // src/mantine/blocks/list/projects/ProjectsList.tsx
 import React45 from "react";
-import { Text as Text26, Box as Box18, Image as Image12, Stack as Stack27, Flex as Flex19 } from "@mantine/core";
+import { Text as Text26, Box as Box19, Image as Image12, Stack as Stack27, Flex as Flex18 } from "@mantine/core";
 var ProjectsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React45.createElement(Text26, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No Projects found");
   }
   const rows = items.map((item) => {
     const isChecked = isItemChecked?.(item.did);
-    return /* @__PURE__ */ React45.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React45.createElement(Flex19, { align: "center", gap: "sm" }, /* @__PURE__ */ React45.createElement(Image12, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React45.createElement(Stack27, { gap: 0 }, /* @__PURE__ */ React45.createElement(Text26, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React45.createElement(Text26, { size: "sm", c: "dimmed" }, shortStr(item.description, 50, 0) || "-"))), /* @__PURE__ */ React45.createElement(Flex19, { align: "center", gap: "md" }, isMultiSelect && /* @__PURE__ */ React45.createElement(ListItemCheckbox, { ariaLabel: `Select project ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
+    return /* @__PURE__ */ React45.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React45.createElement(Flex18, { align: "center", gap: "sm" }, /* @__PURE__ */ React45.createElement(Image12, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React45.createElement(Stack27, { gap: 0 }, /* @__PURE__ */ React45.createElement(Text26, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React45.createElement(Text26, { size: "sm", c: "dimmed" }, shortStr(item.description, 50, 0) || "-"))), /* @__PURE__ */ React45.createElement(Flex18, { align: "center", gap: "md" }, isMultiSelect && /* @__PURE__ */ React45.createElement(ListItemCheckbox, { ariaLabel: `Select project ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
   });
-  return /* @__PURE__ */ React45.createElement(Box18, { flex: 1 }, /* @__PURE__ */ React45.createElement(Stack27, null, rows));
+  return /* @__PURE__ */ React45.createElement(Box19, { flex: 1 }, /* @__PURE__ */ React45.createElement(Stack27, null, rows));
 };
 
 // src/mantine/blocks/list/daos/DaosList.tsx
 import React46 from "react";
-import { Text as Text27, Box as Box19, Image as Image13, Stack as Stack28, Flex as Flex20 } from "@mantine/core";
+import { Text as Text27, Box as Box20, Image as Image13, Stack as Stack28, Flex as Flex19 } from "@mantine/core";
 var DaosList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React46.createElement(Text27, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No Daos found");
   }
   const rows = items.map((item) => {
     const isChecked = isItemChecked?.(item.did);
-    return /* @__PURE__ */ React46.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React46.createElement(Flex20, { align: "center", gap: "sm" }, /* @__PURE__ */ React46.createElement(Image13, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React46.createElement(Stack28, { gap: 0 }, /* @__PURE__ */ React46.createElement(Text27, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React46.createElement(Text27, { size: "sm", c: "dimmed" }, shortStr(item.description, 50, 0) || "-"))), /* @__PURE__ */ React46.createElement(Flex20, { align: "center", gap: "md" }, isMultiSelect && /* @__PURE__ */ React46.createElement(ListItemCheckbox, { ariaLabel: `Select DAO ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
+    return /* @__PURE__ */ React46.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React46.createElement(Flex19, { align: "center", gap: "sm" }, /* @__PURE__ */ React46.createElement(Image13, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React46.createElement(Stack28, { gap: 0 }, /* @__PURE__ */ React46.createElement(Text27, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React46.createElement(Text27, { size: "sm", c: "dimmed" }, shortStr(item.description, 50, 0) || "-"))), /* @__PURE__ */ React46.createElement(Flex19, { align: "center", gap: "md" }, isMultiSelect && /* @__PURE__ */ React46.createElement(ListItemCheckbox, { ariaLabel: `Select DAO ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
   });
-  return /* @__PURE__ */ React46.createElement(Box19, { flex: 1 }, /* @__PURE__ */ React46.createElement(Stack28, null, rows));
+  return /* @__PURE__ */ React46.createElement(Box20, { flex: 1 }, /* @__PURE__ */ React46.createElement(Stack28, null, rows));
 };
 
 // src/core/utils/files.ts
@@ -4062,10 +4025,10 @@ var ListFlowView = ({ block, editor }) => {
   if (!listType) {
     return /* @__PURE__ */ React48.createElement(Center4, { py: "xl" }, /* @__PURE__ */ React48.createElement(Text29, { size: "sm", c: "dimmed" }, "List not configured"));
   }
-  return /* @__PURE__ */ React48.createElement(Stack30, { w: "100%" }, /* @__PURE__ */ React48.createElement(Flex21, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React48.createElement(Title3, { order: 4 }, getListNameByType(listType)), /* @__PURE__ */ React48.createElement(Tooltip5, { label: opened ? "Collapse" : "Expand", withArrow: true }, /* @__PURE__ */ React48.createElement(ActionIcon2, { variant: "subtle", size: "sm", onClick: toggle, "aria-label": opened ? "Collapse" : "Expand" }, opened ? /* @__PURE__ */ React48.createElement(IconChevronUp, { size: 18 }) : /* @__PURE__ */ React48.createElement(IconChevronDown2, { size: 18 })))), /* @__PURE__ */ React48.createElement(Collapse2, { pb: 5, px: 5, in: opened }, /* @__PURE__ */ React48.createElement(Stack30, { mih: totalPages !== 1 ? 500 : void 0, w: "100%" }, /* @__PURE__ */ React48.createElement(Flex21, { align: "center", gap: "xs" }, listSortConfig?.key && /* @__PURE__ */ React48.createElement(Flex21, { align: "center" }, /* @__PURE__ */ React48.createElement(Text29, { size: "xs" }, listSortConfig.key?.replace(/([A-Z])/g, " $1").replace(
+  return /* @__PURE__ */ React48.createElement(Stack30, { w: "100%" }, /* @__PURE__ */ React48.createElement(Flex20, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React48.createElement(Title3, { order: 4 }, getListNameByType(listType)), /* @__PURE__ */ React48.createElement(Tooltip5, { label: opened ? "Collapse" : "Expand", withArrow: true }, /* @__PURE__ */ React48.createElement(ActionIcon2, { variant: "subtle", size: "sm", onClick: toggle, "aria-label": opened ? "Collapse" : "Expand" }, opened ? /* @__PURE__ */ React48.createElement(IconChevronUp, { size: 18 }) : /* @__PURE__ */ React48.createElement(IconChevronDown2, { size: 18 })))), /* @__PURE__ */ React48.createElement(Collapse2, { pb: 5, px: 5, in: opened }, /* @__PURE__ */ React48.createElement(Stack30, { mih: totalPages !== 1 ? 500 : void 0, w: "100%" }, /* @__PURE__ */ React48.createElement(Flex20, { align: "center", gap: "xs" }, listSortConfig?.key && /* @__PURE__ */ React48.createElement(Flex20, { align: "center" }, /* @__PURE__ */ React48.createElement(Text29, { size: "xs" }, listSortConfig.key?.replace(/([A-Z])/g, " $1").replace(
     /^./,
     (str) => str.toUpperCase()
-  ), " "), /* @__PURE__ */ React48.createElement(Text29, { lh: 0.5 }, listSortConfig.direction === "asc" && /* @__PURE__ */ React48.createElement(IconArrowUp2, { size: 18 }), listSortConfig.direction === "desc" && /* @__PURE__ */ React48.createElement(IconArrowDown2, { size: 18 }))), isMultiSelect && /* @__PURE__ */ React48.createElement(Text29, { lh: 0.5 }, "Multi Selection")), /* @__PURE__ */ React48.createElement(Flex21, { justify: "space-between" }, /* @__PURE__ */ React48.createElement(Flex21, { gap: "xs", align: "center" }, /* @__PURE__ */ React48.createElement(FilterTab, { key: "All", label: "All", isActive: !listFilterConfig?.key, onClick: () => handleFilterChange(null) }), Array.isArray(listFilterConfigOptions) && listFilterConfigOptions.length > 0 && listFilterConfigOptions.map(({ key, label, type }) => /* @__PURE__ */ React48.createElement(
+  ), " "), /* @__PURE__ */ React48.createElement(Text29, { lh: 0.5 }, listSortConfig.direction === "asc" && /* @__PURE__ */ React48.createElement(IconArrowUp2, { size: 18 }), listSortConfig.direction === "desc" && /* @__PURE__ */ React48.createElement(IconArrowDown2, { size: 18 }))), isMultiSelect && /* @__PURE__ */ React48.createElement(Text29, { lh: 0.5 }, "Multi Selection")), /* @__PURE__ */ React48.createElement(Flex20, { justify: "space-between" }, /* @__PURE__ */ React48.createElement(Flex20, { gap: "xs", align: "center" }, /* @__PURE__ */ React48.createElement(FilterTab, { key: "All", label: "All", isActive: !listFilterConfig?.key, onClick: () => handleFilterChange(null) }), Array.isArray(listFilterConfigOptions) && listFilterConfigOptions.length > 0 && listFilterConfigOptions.map(({ key, label, type }) => /* @__PURE__ */ React48.createElement(
     FilterTab,
     {
       key: label,
@@ -4073,7 +4036,7 @@ var ListFlowView = ({ block, editor }) => {
       isActive: listFilterConfig?.key === key && listFilterConfig?.value === type,
       onClick: () => handleFilterChange({ key, value: type })
     }
-  ))), /* @__PURE__ */ React48.createElement(Flex21, { gap: "xs" }, /* @__PURE__ */ React48.createElement(Tooltip5, { label: "Refresh", withArrow: true }, /* @__PURE__ */ React48.createElement(ActionIcon2, { variant: "subtle", size: "sm", onClick: fetchData, loading }, /* @__PURE__ */ React48.createElement(IconRefresh, { size: 18 }))), editable && /* @__PURE__ */ React48.createElement(Tooltip5, { label: "Settings", withArrow: true }, /* @__PURE__ */ React48.createElement(ActionIcon2, { variant: "subtle", size: "sm", onClick: openPanel }, /* @__PURE__ */ React48.createElement(IconSettings2, { size: 18 }))), listConfig && listSortConfigOptions && listSortConfigOptions?.length > 0 && /* @__PURE__ */ React48.createElement(
+  ))), /* @__PURE__ */ React48.createElement(Flex20, { gap: "xs" }, /* @__PURE__ */ React48.createElement(Tooltip5, { label: "Refresh", withArrow: true }, /* @__PURE__ */ React48.createElement(ActionIcon2, { variant: "subtle", size: "sm", onClick: fetchData, loading }, /* @__PURE__ */ React48.createElement(IconRefresh, { size: 18 }))), editable && /* @__PURE__ */ React48.createElement(Tooltip5, { label: "Settings", withArrow: true }, /* @__PURE__ */ React48.createElement(ActionIcon2, { variant: "subtle", size: "sm", onClick: openPanel }, /* @__PURE__ */ React48.createElement(IconSettings2, { size: 18 }))), listConfig && listSortConfigOptions && listSortConfigOptions?.length > 0 && /* @__PURE__ */ React48.createElement(
     ListActionsMenu,
     {
       isMultiSelect,
@@ -4083,7 +4046,7 @@ var ListFlowView = ({ block, editor }) => {
       onChange: (sortOption) => handleSortChange(sortOption),
       onDownloadCsv: data?.items ? () => downloadArrayAsCsv(data.items) : void 0
     }
-  ))), /* @__PURE__ */ React48.createElement(Flex21, { flex: 1 }, loading ? /* @__PURE__ */ React48.createElement(Center4, { py: "xl", w: "100%" }, /* @__PURE__ */ React48.createElement(Loader2, { size: "md", mx: "auto" })) : error ? /* @__PURE__ */ React48.createElement(BaseAlert, { onRetry: fetchData, errMsg: error }) : /* @__PURE__ */ React48.createElement(Stack30, { flex: 1 }, /* @__PURE__ */ React48.createElement(Stack30, { gap: "md" }, renderListComponent(), /* @__PURE__ */ React48.createElement(
+  ))), /* @__PURE__ */ React48.createElement(Flex20, { flex: 1 }, loading ? /* @__PURE__ */ React48.createElement(Center4, { py: "xl", w: "100%" }, /* @__PURE__ */ React48.createElement(Loader2, { size: "md", mx: "auto" })) : error ? /* @__PURE__ */ React48.createElement(BaseAlert, { onRetry: fetchData, errMsg: error }) : /* @__PURE__ */ React48.createElement(Stack30, { flex: 1 }, /* @__PURE__ */ React48.createElement(Stack30, { gap: "md" }, renderListComponent(), /* @__PURE__ */ React48.createElement(
     ListPagination,
     {
       page,
@@ -4146,7 +4109,7 @@ var ListBlockSpec = createReactBlockSpec2(
 // src/mantine/blocks/overview/OverviewBlock.tsx
 import React51, { useEffect as useEffect8, useState as useState11 } from "react";
 import { createReactBlockSpec as createReactBlockSpec3 } from "@blocknote/react";
-import { Stack as Stack31, Text as Text30, Box as Box20, Loader as Loader3, Alert as Alert4, Group as Group8, Accordion as Accordion2, Collapse as Collapse3 } from "@mantine/core";
+import { Stack as Stack31, Text as Text30, Box as Box21, Loader as Loader3, Alert as Alert4, Group as Group8, Accordion as Accordion2, Collapse as Collapse3 } from "@mantine/core";
 import { IconChevronRight as IconChevronRight2, IconChevronDown as IconChevronDown3, IconFileDescription, IconWorld, IconCalendar, IconUser, IconCircleCheck } from "@tabler/icons-react";
 import { useDisclosure as useDisclosure2 } from "@mantine/hooks";
 var OverviewBlockContent = () => {
@@ -4173,7 +4136,7 @@ var OverviewBlockContent = () => {
   }, [handlers]);
   if (loading) {
     return /* @__PURE__ */ React51.createElement(
-      Box20,
+      Box21,
       {
         style: {
           width: "100%",
@@ -4205,7 +4168,7 @@ var OverviewBlockContent = () => {
     }
   ));
   return /* @__PURE__ */ React51.createElement(
-    Box20,
+    Box21,
     {
       style: {
         width: "100%",
@@ -4227,7 +4190,7 @@ var OverviewBlockContent = () => {
       },
       domainCard.name
     ), /* @__PURE__ */ React51.createElement(
-      Box20,
+      Box21,
       {
         style: {
           background: "#333",
@@ -4236,7 +4199,7 @@ var OverviewBlockContent = () => {
         }
       },
       /* @__PURE__ */ React51.createElement(
-        Box20,
+        Box21,
         {
           style: {
             padding: "12px",
@@ -4247,7 +4210,7 @@ var OverviewBlockContent = () => {
         /* @__PURE__ */ React51.createElement(Group8, { gap: "xs" }, detailsOpened ? /* @__PURE__ */ React51.createElement(IconChevronDown3, { size: 20, color: "#ffffff" }) : /* @__PURE__ */ React51.createElement(IconChevronRight2, { size: 20, color: "#ffffff" }), /* @__PURE__ */ React51.createElement(Text30, { size: "sm", fw: 500, c: "#ffffff" }, "Details"))
       ),
       /* @__PURE__ */ React51.createElement(Collapse3, { in: detailsOpened }, /* @__PURE__ */ React51.createElement(
-        Box20,
+        Box21,
         {
           style: {
             padding: "0 16px 16px 16px"
@@ -4255,7 +4218,7 @@ var OverviewBlockContent = () => {
         },
         /* @__PURE__ */ React51.createElement(Stack31, { gap: "xs" }, domainCard.entity_type && domainCard.entity_type.length > 0 && /* @__PURE__ */ React51.createElement(Group8, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React51.createElement(IconFileDescription, { size: 20, color: "#adb5bd", style: { flexShrink: 0 } }), /* @__PURE__ */ React51.createElement(Text30, { size: "sm", c: "dimmed", style: { width: "140px", flexShrink: 0 } }, "Type"), /* @__PURE__ */ React51.createElement(Text30, { size: "sm", style: { color: "#ffffff" } }, domainCard.entity_type[0].replace("ixo:", ""))), domainCard.valid_from && /* @__PURE__ */ React51.createElement(Group8, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React51.createElement(IconCalendar, { size: 20, color: "#adb5bd", style: { flexShrink: 0 } }), /* @__PURE__ */ React51.createElement(Text30, { size: "sm", c: "dimmed", style: { width: "140px", flexShrink: 0 } }, "Created"), /* @__PURE__ */ React51.createElement(Text30, { size: "sm", style: { color: "#ffffff" } }, new Date(domainCard.valid_from).toLocaleDateString("en-GB", { day: "numeric", month: "short", year: "numeric" }))), /* @__PURE__ */ React51.createElement(Group8, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React51.createElement(IconCircleCheck, { size: 20, color: "#adb5bd", style: { flexShrink: 0 } }), /* @__PURE__ */ React51.createElement(Text30, { size: "sm", c: "dimmed", style: { width: "140px", flexShrink: 0 } }, "Status"), /* @__PURE__ */ React51.createElement(Text30, { size: "sm", style: { color: "#ffffff" } }, "Active")), domainCard.area_served && /* @__PURE__ */ React51.createElement(Group8, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React51.createElement(IconWorld, { size: 20, color: "#adb5bd", style: { flexShrink: 0 } }), /* @__PURE__ */ React51.createElement(Text30, { size: "sm", c: "dimmed", style: { width: "140px", flexShrink: 0 } }, "Country"), /* @__PURE__ */ React51.createElement(Text30, { size: "sm", style: { color: "#ffffff" } }, domainCard.area_served)), domainCard.issuer && /* @__PURE__ */ React51.createElement(Group8, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React51.createElement(IconUser, { size: 20, color: "#adb5bd", style: { flexShrink: 0 } }), /* @__PURE__ */ React51.createElement(Text30, { size: "sm", c: "dimmed", style: { width: "140px", flexShrink: 0 } }, "Issuer"), /* @__PURE__ */ React51.createElement(Text30, { size: "sm", style: { color: "#ffffff" } }, domainCard.issuer)))
       ))
-    ), /* @__PURE__ */ React51.createElement(Box20, { style: { marginTop: "24px" } }, /* @__PURE__ */ React51.createElement(Text30, { size: "lg", fw: 600, style: { marginBottom: "12px" } }, "About the Project"), /* @__PURE__ */ React51.createElement(
+    ), /* @__PURE__ */ React51.createElement(Box21, { style: { marginTop: "24px" } }, /* @__PURE__ */ React51.createElement(Text30, { size: "lg", fw: 600, style: { marginBottom: "12px" } }, "About the Project"), /* @__PURE__ */ React51.createElement(
       Text30,
       {
         size: "sm",
@@ -4265,7 +4228,7 @@ var OverviewBlockContent = () => {
         }
       },
       domainCard.summary || domainCard.overview || domainCard.description || "No summary available"
-    )), /* @__PURE__ */ React51.createElement(Box20, { style: { marginTop: "16px" } }, /* @__PURE__ */ React51.createElement(Text30, { size: "lg", fw: 600, style: { marginBottom: "12px" } }, "What are the next steps"), /* @__PURE__ */ React51.createElement(
+    )), /* @__PURE__ */ React51.createElement(Box21, { style: { marginTop: "16px" } }, /* @__PURE__ */ React51.createElement(Text30, { size: "lg", fw: 600, style: { marginBottom: "12px" } }, "What are the next steps"), /* @__PURE__ */ React51.createElement(
       Text30,
       {
         size: "sm",
@@ -4275,7 +4238,7 @@ var OverviewBlockContent = () => {
         }
       },
       domainCard.description
-    )), domainCard.faq && domainCard.faq.length > 0 && /* @__PURE__ */ React51.createElement(Box20, { style: { width: "95%", margin: "auto" } }, /* @__PURE__ */ React51.createElement(Accordion2, null, domainCard.faq.map((faqItem, index) => /* @__PURE__ */ React51.createElement(Accordion2.Item, { key: index, value: `faq-${index}` }, /* @__PURE__ */ React51.createElement(Accordion2.Control, { icon: /* @__PURE__ */ React51.createElement(ChatIcon, null) }, faqItem.question), /* @__PURE__ */ React51.createElement(Accordion2.Panel, null, faqItem.answer))))))
+    )), domainCard.faq && domainCard.faq.length > 0 && /* @__PURE__ */ React51.createElement(Box21, { style: { width: "95%", margin: "auto" } }, /* @__PURE__ */ React51.createElement(Accordion2, null, domainCard.faq.map((faqItem, index) => /* @__PURE__ */ React51.createElement(Accordion2.Item, { key: index, value: `faq-${index}` }, /* @__PURE__ */ React51.createElement(Accordion2.Control, { icon: /* @__PURE__ */ React51.createElement(ChatIcon, null) }, faqItem.question), /* @__PURE__ */ React51.createElement(Accordion2.Panel, null, faqItem.answer))))))
   );
 };
 var OverviewBlock = createReactBlockSpec3(
@@ -7040,7 +7003,7 @@ var useVoteBusinessLogic = ({ block }) => {
 
 // src/mantine/blocks/proposal/flow/VoteGeneralTab.tsx
 import React91, { useState as useState23 } from "react";
-import { Stack as Stack70, Text as Text43, Group as Group23, Card as Card12, Button as Button12, Progress as Progress2, Box as Box21, Tooltip as Tooltip6 } from "@mantine/core";
+import { Stack as Stack70, Text as Text43, Group as Group23, Card as Card12, Button as Button12, Progress as Progress2, Box as Box22, Tooltip as Tooltip6 } from "@mantine/core";
 var getVoteIcon = (voteType) => {
   switch (voteType) {
     case "yes":
@@ -7094,7 +7057,7 @@ var FlowGeneralTab = ({
       }
     },
     /* @__PURE__ */ React91.createElement(Group23, { gap: "xs", align: "center" }, /* @__PURE__ */ React91.createElement(
-      Box21,
+      Box22,
       {
         style: {
           width: 8,
@@ -7118,7 +7081,7 @@ var FlowGeneralTab = ({
       }
     },
     /* @__PURE__ */ React91.createElement(Stack70, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React91.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React91.createElement(
-      Box21,
+      Box22,
       {
         w: 8,
         h: 8,
@@ -7127,7 +7090,7 @@ var FlowGeneralTab = ({
           borderRadius: "50%"
         }
       }
-    ), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", style: { color: "#adb5bd" } }, "Status")), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? proposalStatus === "open" ? "Active" : proposalStatus || "Active" : "Waiting")), /* @__PURE__ */ React91.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React91.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Box21, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", style: { color: "#adb5bd" } }, "Proposal ID")), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? `#${proposalId}` : "TBD")), /* @__PURE__ */ React91.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React91.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Box21, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", style: { color: "#adb5bd" } }, "Title")), /* @__PURE__ */ React91.createElement(
+    ), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", style: { color: "#adb5bd" } }, "Status")), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? proposalStatus === "open" ? "Active" : proposalStatus || "Active" : "Waiting")), /* @__PURE__ */ React91.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React91.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Box22, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", style: { color: "#adb5bd" } }, "Proposal ID")), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? `#${proposalId}` : "TBD")), /* @__PURE__ */ React91.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React91.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Box22, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", style: { color: "#adb5bd" } }, "Title")), /* @__PURE__ */ React91.createElement(
       Text43,
       {
         size: "sm",
@@ -7137,7 +7100,7 @@ var FlowGeneralTab = ({
         }
       },
       hasSubmittedProposal ? proposalTitle || "Untitled" : "N/A"
-    )), /* @__PURE__ */ React91.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React91.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Box21, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", style: { color: "#adb5bd" } }, "Description")), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", fw: 500, style: { color: "#f1f3f5" }, title: proposalDescription }, hasSubmittedProposal ? proposalDescription ? proposalDescription.length > 30 ? proposalDescription.substring(0, 30) + "..." : proposalDescription : "No description" : "N/A")), /* @__PURE__ */ React91.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React91.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Box21, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", style: { color: "#adb5bd" } }, "My Vote")), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? userVote?.vote ? userVote.vote.vote : "Pending" : "N/A"))),
+    )), /* @__PURE__ */ React91.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React91.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Box22, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", style: { color: "#adb5bd" } }, "Description")), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", fw: 500, style: { color: "#f1f3f5" }, title: proposalDescription }, hasSubmittedProposal ? proposalDescription ? proposalDescription.length > 30 ? proposalDescription.substring(0, 30) + "..." : proposalDescription : "No description" : "N/A")), /* @__PURE__ */ React91.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React91.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Box22, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", style: { color: "#adb5bd" } }, "My Vote")), /* @__PURE__ */ React91.createElement(Text43, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? userVote?.vote ? userVote.vote.vote : "Pending" : "N/A"))),
     /* @__PURE__ */ React91.createElement(Stack70, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Text43, { size: "sm", style: { color: "#adb5bd" } }, hasSubmittedProposal ? "Voting is open" : "Voting pending"), /* @__PURE__ */ React91.createElement(
       Progress2,
       {
@@ -7163,7 +7126,7 @@ var FlowGeneralTab = ({
       }
     },
     /* @__PURE__ */ React91.createElement(Group23, { gap: "xs", align: "center" }, /* @__PURE__ */ React91.createElement(
-      Box21,
+      Box22,
       {
         style: {
           width: 8,
@@ -7260,7 +7223,7 @@ var FlowGeneralTab = ({
       }
     },
     /* @__PURE__ */ React91.createElement(Stack70, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Group23, { gap: "xs", align: "center" }, /* @__PURE__ */ React91.createElement(
-      Box21,
+      Box22,
       {
         style: {
           width: 8,
@@ -8263,7 +8226,7 @@ import { IconVariable, IconX as IconX4 } from "@tabler/icons-react";
 
 // src/mantine/components/DataInput/BlockPropSelector.tsx
 import React100, { useState as useState29, useMemo as useMemo14 } from "react";
-import { Popover, Text as Text49, Stack as Stack76, Group as Group26, ActionIcon as ActionIcon7, Input, ScrollArea as ScrollArea4, Badge as Badge11, Box as Box22, Tooltip as Tooltip7 } from "@mantine/core";
+import { Popover, Text as Text49, Stack as Stack76, Group as Group26, ActionIcon as ActionIcon7, Input, ScrollArea as ScrollArea4, Badge as Badge11, Box as Box23, Tooltip as Tooltip7 } from "@mantine/core";
 import { IconSearch as IconSearch3, IconX as IconX3, IconCircle, IconChevronRight as IconChevronRight3, IconArrowLeft as IconArrowLeft2 } from "@tabler/icons-react";
 function buildPropertyTree(properties) {
   const root = [];
@@ -8399,7 +8362,7 @@ function BlockPropSelector({ children, opened, onClose, onSelect, editorDocument
   ), /* @__PURE__ */ React100.createElement(ScrollArea4, { h: 300, type: "auto" }, !selectedBlock ? (
     // Block selection view
     filteredBlocks.length === 0 ? /* @__PURE__ */ React100.createElement(Text49, { c: "dimmed", ta: "center", py: "xl", size: "sm" }, availableBlocks.length === 0 ? "No blocks with referenceable properties found" : "No blocks match your search") : /* @__PURE__ */ React100.createElement(Stack76, { gap: "sm" }, filteredBlocks.map((block) => /* @__PURE__ */ React100.createElement(
-      Box22,
+      Box23,
       {
         key: block.id,
         onClick: () => handleBlockSelect(block),
@@ -8431,7 +8394,7 @@ function BlockPropSelector({ children, opened, onClose, onSelect, editorDocument
   ) : (
     // Property navigation view
     currentNodes.length === 0 ? /* @__PURE__ */ React100.createElement(Text49, { c: "dimmed", ta: "center", py: "xl", size: "sm" }, "No properties available") : /* @__PURE__ */ React100.createElement(Stack76, { gap: "xs" }, currentNodes.map((node, index) => /* @__PURE__ */ React100.createElement(Tooltip7, { key: index, label: node.isLeaf ? `Select ${node.displayName}` : `Navigate into ${node.displayName}`, position: "left", withArrow: true }, /* @__PURE__ */ React100.createElement(
-      Box22,
+      Box23,
       {
         onClick: () => handleNodeClick(node),
         style: {
@@ -9741,7 +9704,7 @@ import { createReactBlockSpec as createReactBlockSpec6 } from "@blocknote/react"
 
 // src/mantine/blocks/dynamicList/DynamicListBlock.tsx
 import React110, { useMemo as useMemo19, useState as useState34, useCallback as useCallback20, useEffect as useEffect20, useRef as useRef3 } from "react";
-import { Box as Box24, Stack as Stack82, Text as Text55, Paper as Paper11, Group as Group33, Button as Button20, ActionIcon as ActionIcon12, Tooltip as Tooltip10, Code as Code4, Flex as Flex22, Collapse as Collapse6, Title as Title5, Badge as Badge15, TextInput as TextInput5, CloseButton as CloseButton4, Select as Select3, Menu as Menu2 } from "@mantine/core";
+import { Box as Box25, Stack as Stack82, Text as Text55, Paper as Paper11, Group as Group33, Button as Button20, ActionIcon as ActionIcon12, Tooltip as Tooltip10, Code as Code4, Flex as Flex21, Collapse as Collapse6, Title as Title5, Badge as Badge15, TextInput as TextInput5, CloseButton as CloseButton4, Select as Select3, Menu as Menu2 } from "@mantine/core";
 import { useDisclosure as useDisclosure3 } from "@mantine/hooks";
 import {
   IconCamera,
@@ -9762,7 +9725,7 @@ import {
 
 // src/mantine/blocks/dynamicList/DynamicListSelectionPanel.tsx
 import React109, { useMemo as useMemo18, useState as useState33 } from "react";
-import { Paper as Paper10, CloseButton as CloseButton3, Stack as Stack81, Text as Text54, Box as Box23, Group as Group32, Divider as Divider8, Code as Code3, ScrollArea as ScrollArea5, Collapse as Collapse5 } from "@mantine/core";
+import { Paper as Paper10, CloseButton as CloseButton3, Stack as Stack81, Text as Text54, Box as Box24, Group as Group32, Divider as Divider8, Code as Code3, ScrollArea as ScrollArea5, Collapse as Collapse5 } from "@mantine/core";
 import { IconSparkles, IconChevronDown as IconChevronDown5, IconChevronRight as IconChevronRight4 } from "@tabler/icons-react";
 function formatKeyAsLabel(key) {
   return key.replace(/([A-Z])/g, " $1").replace(/[_-]/g, " ").replace(/^\s/, "").split(" ").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
@@ -9802,14 +9765,14 @@ function DefaultKeyValueView({
   const titleColumn = columns.find((col) => col.position === "topLeft");
   const title = titleColumn ? item[titleColumn.key] : Object.values(item)[0];
   const itemKeys = Object.keys(item).filter((key) => !key.startsWith("_"));
-  return /* @__PURE__ */ React109.createElement(Stack81, { gap: "md", style: { flex: 1 } }, /* @__PURE__ */ React109.createElement(Box23, null, /* @__PURE__ */ React109.createElement(Text54, { size: "lg", fw: 600 }, formatValue(title)), titleColumn && /* @__PURE__ */ React109.createElement(Text54, { size: "xs", c: "dimmed" }, titleColumn.label)), panelDescription && /* @__PURE__ */ React109.createElement(React109.Fragment, null, /* @__PURE__ */ React109.createElement(Divider8, null), /* @__PURE__ */ React109.createElement(Text54, { size: "sm", c: "dimmed" }, panelDescription)), /* @__PURE__ */ React109.createElement(Divider8, null), /* @__PURE__ */ React109.createElement(Box23, null, /* @__PURE__ */ React109.createElement(Group32, { gap: "xs", style: { cursor: "pointer" }, onClick: () => setValuesExpanded(!valuesExpanded) }, valuesExpanded ? /* @__PURE__ */ React109.createElement(IconChevronDown5, { size: 16, color: "var(--mantine-color-blue-4)" }) : /* @__PURE__ */ React109.createElement(IconChevronRight4, { size: 16, color: "var(--mantine-color-blue-4)" }), /* @__PURE__ */ React109.createElement(Text54, { size: "sm", fw: 500 }, "Values"), /* @__PURE__ */ React109.createElement(Text54, { size: "xs", c: "dimmed" }, "(", itemKeys.length, " fields)")), /* @__PURE__ */ React109.createElement(Collapse5, { in: valuesExpanded }, /* @__PURE__ */ React109.createElement(ScrollArea5, { style: { maxHeight: 300 }, mt: "sm" }, /* @__PURE__ */ React109.createElement(Stack81, { gap: "sm" }, itemKeys.map((key) => {
+  return /* @__PURE__ */ React109.createElement(Stack81, { gap: "md", style: { flex: 1 } }, /* @__PURE__ */ React109.createElement(Box24, null, /* @__PURE__ */ React109.createElement(Text54, { size: "lg", fw: 600 }, formatValue(title)), titleColumn && /* @__PURE__ */ React109.createElement(Text54, { size: "xs", c: "dimmed" }, titleColumn.label)), panelDescription && /* @__PURE__ */ React109.createElement(React109.Fragment, null, /* @__PURE__ */ React109.createElement(Divider8, null), /* @__PURE__ */ React109.createElement(Text54, { size: "sm", c: "dimmed" }, panelDescription)), /* @__PURE__ */ React109.createElement(Divider8, null), /* @__PURE__ */ React109.createElement(Box24, null, /* @__PURE__ */ React109.createElement(Group32, { gap: "xs", style: { cursor: "pointer" }, onClick: () => setValuesExpanded(!valuesExpanded) }, valuesExpanded ? /* @__PURE__ */ React109.createElement(IconChevronDown5, { size: 16, color: "var(--mantine-color-blue-4)" }) : /* @__PURE__ */ React109.createElement(IconChevronRight4, { size: 16, color: "var(--mantine-color-blue-4)" }), /* @__PURE__ */ React109.createElement(Text54, { size: "sm", fw: 500 }, "Values"), /* @__PURE__ */ React109.createElement(Text54, { size: "xs", c: "dimmed" }, "(", itemKeys.length, " fields)")), /* @__PURE__ */ React109.createElement(Collapse5, { in: valuesExpanded }, /* @__PURE__ */ React109.createElement(ScrollArea5, { style: { maxHeight: 300 }, mt: "sm" }, /* @__PURE__ */ React109.createElement(Stack81, { gap: "sm" }, itemKeys.map((key) => {
     const column = columnMap[key];
     const label = column?.label || formatKeyAsLabel(key);
     const value = item[key];
     const formattedValue = formatValue(value, column?.type);
     const isObject = typeof value === "object" && value !== null;
-    return /* @__PURE__ */ React109.createElement(Box23, { key }, /* @__PURE__ */ React109.createElement(Text54, { size: "xs", c: "dimmed", fw: 500 }, label), isObject ? /* @__PURE__ */ React109.createElement(Code3, { block: true, style: { fontSize: "12px", whiteSpace: "pre-wrap", maxHeight: 150, overflow: "auto" } }, formattedValue) : /* @__PURE__ */ React109.createElement(Text54, { size: "sm", c: column?.color || void 0 }, formattedValue));
-  }))))), /* @__PURE__ */ React109.createElement(Box23, { style: { flex: 1 } }), dataSource && /* @__PURE__ */ React109.createElement(React109.Fragment, null, /* @__PURE__ */ React109.createElement(Divider8, null), /* @__PURE__ */ React109.createElement(Box23, null, /* @__PURE__ */ React109.createElement(Group32, { gap: "xs", mb: "xs" }, /* @__PURE__ */ React109.createElement(IconSparkles, { size: 14, color: "var(--mantine-color-blue-4)" }), /* @__PURE__ */ React109.createElement(Text54, { size: "xs", fw: 500, c: "dimmed" }, "Data Source")), dataSource.oracleName && /* @__PURE__ */ React109.createElement(Text54, { size: "xs", c: "dimmed" }, "Oracle: ", dataSource.oracleName), dataSource.query && /* @__PURE__ */ React109.createElement(Box23, { mt: "xs" }, /* @__PURE__ */ React109.createElement(Text54, { size: "xs", c: "dimmed", mb: 4 }, "Query:"), /* @__PURE__ */ React109.createElement(Code3, { block: true, style: { fontSize: "11px", whiteSpace: "pre-wrap" } }, dataSource.query)))));
+    return /* @__PURE__ */ React109.createElement(Box24, { key }, /* @__PURE__ */ React109.createElement(Text54, { size: "xs", c: "dimmed", fw: 500 }, label), isObject ? /* @__PURE__ */ React109.createElement(Code3, { block: true, style: { fontSize: "12px", whiteSpace: "pre-wrap", maxHeight: 150, overflow: "auto" } }, formattedValue) : /* @__PURE__ */ React109.createElement(Text54, { size: "sm", c: column?.color || void 0 }, formattedValue));
+  }))))), /* @__PURE__ */ React109.createElement(Box24, { style: { flex: 1 } }), dataSource && /* @__PURE__ */ React109.createElement(React109.Fragment, null, /* @__PURE__ */ React109.createElement(Divider8, null), /* @__PURE__ */ React109.createElement(Box24, null, /* @__PURE__ */ React109.createElement(Group32, { gap: "xs", mb: "xs" }, /* @__PURE__ */ React109.createElement(IconSparkles, { size: 14, color: "var(--mantine-color-blue-4)" }), /* @__PURE__ */ React109.createElement(Text54, { size: "xs", fw: 500, c: "dimmed" }, "Data Source")), dataSource.oracleName && /* @__PURE__ */ React109.createElement(Text54, { size: "xs", c: "dimmed" }, "Oracle: ", dataSource.oracleName), dataSource.query && /* @__PURE__ */ React109.createElement(Box24, { mt: "xs" }, /* @__PURE__ */ React109.createElement(Text54, { size: "xs", c: "dimmed", mb: 4 }, "Query:"), /* @__PURE__ */ React109.createElement(Code3, { block: true, style: { fontSize: "11px", whiteSpace: "pre-wrap" } }, dataSource.query)))));
 }
 var DynamicListSelectionPanel = ({
   selectedItem,
@@ -9880,7 +9843,7 @@ var DynamicListSelectionPanel = ({
     ),
     customContent ? (
       // Use custom renderer content
-      /* @__PURE__ */ React109.createElement(Box23, { style: { flex: 1, paddingTop: "1rem", display: "flex", flexDirection: "column" } }, customContent)
+      /* @__PURE__ */ React109.createElement(Box24, { style: { flex: 1, paddingTop: "1rem", display: "flex", flexDirection: "column" } }, customContent)
     ) : (
       // Default key-value view (actions commented out for now)
       /* @__PURE__ */ React109.createElement(DefaultKeyValueView, { item: selectedItem, columns, dataSource, panelDescription })
@@ -10193,8 +10156,8 @@ function DynamicListBlock({ block, editor }) {
   if (!listId) {
     return /* @__PURE__ */ React110.createElement(Paper11, { p: "xl", withBorder: true, w: "100%", radius: "lg" }, /* @__PURE__ */ React110.createElement(Stack82, { align: "center", gap: "sm" }, /* @__PURE__ */ React110.createElement(IconDatabase, { size: 32, color: "var(--mantine-color-dimmed)" }), /* @__PURE__ */ React110.createElement(Text55, { fz: "18", ta: "center" }, "Dynamic List Block"), /* @__PURE__ */ React110.createElement(Text55, { fz: "sm", c: "dimmed", ta: "center" }, "This block will display dynamic data from AG-UI.", /* @__PURE__ */ React110.createElement("br", null), "Add a list from the AG-UI Canvas to populate it.")));
   }
-  return /* @__PURE__ */ React110.createElement(Stack82, { w: "100%" }, /* @__PURE__ */ React110.createElement(Flex22, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React110.createElement(Title5, { order: 4 }, title || "Dynamic List"), /* @__PURE__ */ React110.createElement(ActionIcon12, { variant: "subtle", size: "sm", onClick: toggle, "aria-label": opened ? "Collapse" : "Expand" }, opened ? /* @__PURE__ */ React110.createElement(IconChevronUp3, { size: 18 }) : /* @__PURE__ */ React110.createElement(IconChevronDown6, { size: 18 }))), /* @__PURE__ */ React110.createElement(Collapse6, { in: showInfo }, /* @__PURE__ */ React110.createElement(
-    Box24,
+  return /* @__PURE__ */ React110.createElement(Stack82, { w: "100%" }, /* @__PURE__ */ React110.createElement(Flex21, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React110.createElement(Title5, { order: 4 }, title || "Dynamic List"), /* @__PURE__ */ React110.createElement(ActionIcon12, { variant: "subtle", size: "sm", onClick: toggle, "aria-label": opened ? "Collapse" : "Expand" }, opened ? /* @__PURE__ */ React110.createElement(IconChevronUp3, { size: 18 }) : /* @__PURE__ */ React110.createElement(IconChevronDown6, { size: 18 }))), /* @__PURE__ */ React110.createElement(Collapse6, { in: showInfo }, /* @__PURE__ */ React110.createElement(
+    Box25,
     {
       mx: 5,
       mt: "xs",
@@ -10205,9 +10168,9 @@ function DynamicListBlock({ block, editor }) {
         border: "1px solid var(--mantine-color-dark-4)"
       }
     },
-    /* @__PURE__ */ React110.createElement(Flex22, { justify: "space-between", align: "flex-start", mb: "xs" }, /* @__PURE__ */ React110.createElement(Group33, { gap: "xs" }, /* @__PURE__ */ React110.createElement(IconInfoCircle2, { size: 14, color: "var(--mantine-color-blue-4)" }), /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", fw: 500, c: "dimmed" }, "Data Source")), /* @__PURE__ */ React110.createElement(ActionIcon12, { variant: "subtle", size: "xs", onClick: () => setShowInfo(false), "aria-label": "Close info" }, /* @__PURE__ */ React110.createElement(IconX5, { size: 14 }))),
-    /* @__PURE__ */ React110.createElement(Stack82, { gap: 6 }, parsedDataSource?.oracleName && /* @__PURE__ */ React110.createElement(Group33, { gap: "xs" }, /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "dimmed", w: 70 }, "Oracle:"), /* @__PURE__ */ React110.createElement(Text55, { fz: "xs" }, parsedDataSource.oracleName)), parsedDataSource?.oracleDid && /* @__PURE__ */ React110.createElement(Group33, { gap: "xs" }, /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "dimmed", w: 70 }, "DID:"), /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", style: { wordBreak: "break-all" } }, parsedDataSource.oracleDid)), parsedDataSource?.toolName && /* @__PURE__ */ React110.createElement(Group33, { gap: "xs" }, /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "dimmed", w: 70 }, "Tool:"), /* @__PURE__ */ React110.createElement(Text55, { fz: "xs" }, parsedDataSource.toolName)), parsedDataSource?.query && /* @__PURE__ */ React110.createElement(Box24, null, /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "dimmed", mb: 4 }, "Query:"), /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", style: { whiteSpace: "pre-wrap" } }, parsedDataSource.query)), parsedDataSource?.description && /* @__PURE__ */ React110.createElement(Box24, null, /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "dimmed", mb: 4 }, "Description:"), /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", fs: "italic" }, parsedDataSource.description)), parsedDataSource?.params && Object.keys(parsedDataSource.params).length > 0 && /* @__PURE__ */ React110.createElement(Box24, null, /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "dimmed", mb: 4 }, "Params:"), /* @__PURE__ */ React110.createElement(Code4, { block: true, style: { fontSize: "11px", whiteSpace: "pre-wrap" } }, JSON.stringify(parsedDataSource.params, null, 2))))
-  )), /* @__PURE__ */ React110.createElement(Collapse6, { pb: 5, px: 5, in: opened }, /* @__PURE__ */ React110.createElement(Stack82, { w: "100%" }, /* @__PURE__ */ React110.createElement(Collapse6, { in: showSearch }, /* @__PURE__ */ React110.createElement(Flex22, { gap: "xs", align: "center" }, /* @__PURE__ */ React110.createElement(
+    /* @__PURE__ */ React110.createElement(Flex21, { justify: "space-between", align: "flex-start", mb: "xs" }, /* @__PURE__ */ React110.createElement(Group33, { gap: "xs" }, /* @__PURE__ */ React110.createElement(IconInfoCircle2, { size: 14, color: "var(--mantine-color-blue-4)" }), /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", fw: 500, c: "dimmed" }, "Data Source")), /* @__PURE__ */ React110.createElement(ActionIcon12, { variant: "subtle", size: "xs", onClick: () => setShowInfo(false), "aria-label": "Close info" }, /* @__PURE__ */ React110.createElement(IconX5, { size: 14 }))),
+    /* @__PURE__ */ React110.createElement(Stack82, { gap: 6 }, parsedDataSource?.oracleName && /* @__PURE__ */ React110.createElement(Group33, { gap: "xs" }, /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "dimmed", w: 70 }, "Oracle:"), /* @__PURE__ */ React110.createElement(Text55, { fz: "xs" }, parsedDataSource.oracleName)), parsedDataSource?.oracleDid && /* @__PURE__ */ React110.createElement(Group33, { gap: "xs" }, /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "dimmed", w: 70 }, "DID:"), /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", style: { wordBreak: "break-all" } }, parsedDataSource.oracleDid)), parsedDataSource?.toolName && /* @__PURE__ */ React110.createElement(Group33, { gap: "xs" }, /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "dimmed", w: 70 }, "Tool:"), /* @__PURE__ */ React110.createElement(Text55, { fz: "xs" }, parsedDataSource.toolName)), parsedDataSource?.query && /* @__PURE__ */ React110.createElement(Box25, null, /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "dimmed", mb: 4 }, "Query:"), /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", style: { whiteSpace: "pre-wrap" } }, parsedDataSource.query)), parsedDataSource?.description && /* @__PURE__ */ React110.createElement(Box25, null, /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "dimmed", mb: 4 }, "Description:"), /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", fs: "italic" }, parsedDataSource.description)), parsedDataSource?.params && Object.keys(parsedDataSource.params).length > 0 && /* @__PURE__ */ React110.createElement(Box25, null, /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "dimmed", mb: 4 }, "Params:"), /* @__PURE__ */ React110.createElement(Code4, { block: true, style: { fontSize: "11px", whiteSpace: "pre-wrap" } }, JSON.stringify(parsedDataSource.params, null, 2))))
+  )), /* @__PURE__ */ React110.createElement(Collapse6, { pb: 5, px: 5, in: opened }, /* @__PURE__ */ React110.createElement(Stack82, { w: "100%" }, /* @__PURE__ */ React110.createElement(Collapse6, { in: showSearch }, /* @__PURE__ */ React110.createElement(Flex21, { gap: "xs", align: "center" }, /* @__PURE__ */ React110.createElement(
     TextInput5,
     {
       ref: searchInputRef,
@@ -10228,7 +10191,7 @@ function DynamicListBlock({ block, editor }) {
         }
       }
     }
-  ), /* @__PURE__ */ React110.createElement(ActionIcon12, { variant: "subtle", size: "sm", onClick: handleSearchToggle, "aria-label": "Close search", title: "Close search" }, /* @__PURE__ */ React110.createElement(IconChevronUp3, { size: 16 })))), sortConfig && /* @__PURE__ */ React110.createElement(Flex22, { align: "center", gap: "xs" }, /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "dimmed" }, "Sorted by ", parsedColumns.find((c) => c.key === sortConfig.key)?.label || sortConfig.key), sortConfig.direction === "asc" ? /* @__PURE__ */ React110.createElement(IconArrowUp3, { size: 14 }) : /* @__PURE__ */ React110.createElement(IconArrowDown3, { size: 14 })), hasData && /* @__PURE__ */ React110.createElement(Flex22, { justify: "space-between", align: "center" }, /* @__PURE__ */ React110.createElement(Group33, { gap: "xs" }, /* @__PURE__ */ React110.createElement(Text55, { fz: "sm", c: "dimmed" }, totalItems, " ", totalItems === 1 ? "item" : "items", searchQuery && rawData && ` of ${rawData.length}`, selectedIds.size > 0 && ` \u2022 ${selectedIds.size} selected`), useSnapshot && snapshotTimestamp && /* @__PURE__ */ React110.createElement(Tooltip10, { label: `Snapshot from ${new Date(snapshotTimestamp).toLocaleString()}` }, /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "yellow", style: { cursor: "help" } }, "(snapshot)")), useSnapshot && !snapshotTimestamp && /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "yellow" }, "(snapshot)"), !useSnapshot && /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "green" }, "(live)")), /* @__PURE__ */ React110.createElement(Group33, { gap: "xs" }, editable && /* @__PURE__ */ React110.createElement(React110.Fragment, null, useSnapshot && liveData.items && liveData.items.length > 0 && /* @__PURE__ */ React110.createElement(Button20, { size: "compact-xs", variant: "subtle", onClick: handleUseLiveData, leftSection: /* @__PURE__ */ React110.createElement(IconRefresh2, { size: 12 }) }, "Use Live"), !useSnapshot && hasSnapshot && /* @__PURE__ */ React110.createElement(Button20, { size: "compact-xs", variant: "subtle", onClick: handleUseSnapshot, leftSection: /* @__PURE__ */ React110.createElement(IconCamera, { size: 12 }) }, "Use Snapshot"), !useSnapshot && liveData.items && liveData.items.length > 0 && /* @__PURE__ */ React110.createElement(Tooltip10, { label: "Save current data as snapshot" }, /* @__PURE__ */ React110.createElement(ActionIcon12, { variant: "subtle", size: "sm", onClick: handleSaveSnapshot }, /* @__PURE__ */ React110.createElement(IconCamera, { size: 16 })))), /* @__PURE__ */ React110.createElement(
+  ), /* @__PURE__ */ React110.createElement(ActionIcon12, { variant: "subtle", size: "sm", onClick: handleSearchToggle, "aria-label": "Close search", title: "Close search" }, /* @__PURE__ */ React110.createElement(IconChevronUp3, { size: 16 })))), sortConfig && /* @__PURE__ */ React110.createElement(Flex21, { align: "center", gap: "xs" }, /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "dimmed" }, "Sorted by ", parsedColumns.find((c) => c.key === sortConfig.key)?.label || sortConfig.key), sortConfig.direction === "asc" ? /* @__PURE__ */ React110.createElement(IconArrowUp3, { size: 14 }) : /* @__PURE__ */ React110.createElement(IconArrowDown3, { size: 14 })), hasData && /* @__PURE__ */ React110.createElement(Flex21, { justify: "space-between", align: "center" }, /* @__PURE__ */ React110.createElement(Group33, { gap: "xs" }, /* @__PURE__ */ React110.createElement(Text55, { fz: "sm", c: "dimmed" }, totalItems, " ", totalItems === 1 ? "item" : "items", searchQuery && rawData && ` of ${rawData.length}`, selectedIds.size > 0 && ` \u2022 ${selectedIds.size} selected`), useSnapshot && snapshotTimestamp && /* @__PURE__ */ React110.createElement(Tooltip10, { label: `Snapshot from ${new Date(snapshotTimestamp).toLocaleString()}` }, /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "yellow", style: { cursor: "help" } }, "(snapshot)")), useSnapshot && !snapshotTimestamp && /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "yellow" }, "(snapshot)"), !useSnapshot && /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", c: "green" }, "(live)")), /* @__PURE__ */ React110.createElement(Group33, { gap: "xs" }, editable && /* @__PURE__ */ React110.createElement(React110.Fragment, null, useSnapshot && liveData.items && liveData.items.length > 0 && /* @__PURE__ */ React110.createElement(Button20, { size: "compact-xs", variant: "subtle", onClick: handleUseLiveData, leftSection: /* @__PURE__ */ React110.createElement(IconRefresh2, { size: 12 }) }, "Use Live"), !useSnapshot && hasSnapshot && /* @__PURE__ */ React110.createElement(Button20, { size: "compact-xs", variant: "subtle", onClick: handleUseSnapshot, leftSection: /* @__PURE__ */ React110.createElement(IconCamera, { size: 12 }) }, "Use Snapshot"), !useSnapshot && liveData.items && liveData.items.length > 0 && /* @__PURE__ */ React110.createElement(Tooltip10, { label: "Save current data as snapshot" }, /* @__PURE__ */ React110.createElement(ActionIcon12, { variant: "subtle", size: "sm", onClick: handleSaveSnapshot }, /* @__PURE__ */ React110.createElement(IconCamera, { size: 16 })))), /* @__PURE__ */ React110.createElement(
     Menu2,
     {
       shadow: "md",
@@ -10257,12 +10220,12 @@ function DynamicListBlock({ block, editor }) {
       }
     },
     /* @__PURE__ */ React110.createElement(Menu2.Target, null, /* @__PURE__ */ React110.createElement(ActionIcon12, { variant: "subtle", size: "sm", "aria-label": "List actions", title: "List actions" }, /* @__PURE__ */ React110.createElement(IconAdjustmentsHorizontal2, { size: 18 }))),
-    /* @__PURE__ */ React110.createElement(Menu2.Dropdown, null, sortOptions.length > 0 && /* @__PURE__ */ React110.createElement(React110.Fragment, null, /* @__PURE__ */ React110.createElement(Menu2.Label, { onClick: () => setOrderByCollapsed(!orderByCollapsed), style: { cursor: "pointer" } }, /* @__PURE__ */ React110.createElement(Flex22, { align: "center", gap: 10 }, orderByCollapsed ? /* @__PURE__ */ React110.createElement(IconChevronRight5, { size: 14 }) : /* @__PURE__ */ React110.createElement(IconChevronDown6, { size: 14 }), /* @__PURE__ */ React110.createElement(Text55, { fz: "14" }, "Order By"))), /* @__PURE__ */ React110.createElement(Collapse6, { in: !orderByCollapsed }, sortOptions.map((opt) => {
+    /* @__PURE__ */ React110.createElement(Menu2.Dropdown, null, sortOptions.length > 0 && /* @__PURE__ */ React110.createElement(React110.Fragment, null, /* @__PURE__ */ React110.createElement(Menu2.Label, { onClick: () => setOrderByCollapsed(!orderByCollapsed), style: { cursor: "pointer" } }, /* @__PURE__ */ React110.createElement(Flex21, { align: "center", gap: 10 }, orderByCollapsed ? /* @__PURE__ */ React110.createElement(IconChevronRight5, { size: 14 }) : /* @__PURE__ */ React110.createElement(IconChevronDown6, { size: 14 }), /* @__PURE__ */ React110.createElement(Text55, { fz: "14" }, "Order By"))), /* @__PURE__ */ React110.createElement(Collapse6, { in: !orderByCollapsed }, sortOptions.map((opt) => {
       const isAscActive = sortConfig?.key === opt.key && sortConfig?.direction === "asc";
       const isDescActive = sortConfig?.key === opt.key && sortConfig?.direction === "desc";
       const isRowActive = isAscActive || isDescActive;
       return /* @__PURE__ */ React110.createElement(
-        Box24,
+        Box25,
         {
           key: opt.key,
           px: "sm",
@@ -10273,7 +10236,7 @@ function DynamicListBlock({ block, editor }) {
             margin: "2px 4px"
           }
         },
-        /* @__PURE__ */ React110.createElement(Flex22, { align: "center", justify: "space-between", gap: "xs" }, /* @__PURE__ */ React110.createElement(
+        /* @__PURE__ */ React110.createElement(Flex21, { align: "center", justify: "space-between", gap: "xs" }, /* @__PURE__ */ React110.createElement(
           ActionIcon12,
           {
             variant: "subtle",
@@ -10311,7 +10274,7 @@ function DynamicListBlock({ block, editor }) {
           /* @__PURE__ */ React110.createElement(IconArrowDown3, { size: 14 })
         ))
       );
-    })), /* @__PURE__ */ React110.createElement(Menu2.Divider, null)), parsedColumns.length > 0 && /* @__PURE__ */ React110.createElement(React110.Fragment, null, /* @__PURE__ */ React110.createElement(Menu2.Label, { onClick: () => setColumnsCollapsed(!columnsCollapsed), style: { cursor: "pointer" } }, /* @__PURE__ */ React110.createElement(Flex22, { align: "center", gap: 10 }, columnsCollapsed ? /* @__PURE__ */ React110.createElement(IconChevronRight5, { size: 14 }) : /* @__PURE__ */ React110.createElement(IconChevronDown6, { size: 14 }), /* @__PURE__ */ React110.createElement(Text55, { fz: "14" }, "Columns"))), /* @__PURE__ */ React110.createElement(Collapse6, { in: !columnsCollapsed }, parsedColumns.map((col) => /* @__PURE__ */ React110.createElement(Box24, { key: col.key, px: "sm", py: 4, style: { margin: "2px 4px" } }, /* @__PURE__ */ React110.createElement(Flex22, { align: "center", justify: "space-between", gap: "xs" }, /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", style: { flex: 1, minWidth: 0 }, lineClamp: 1 }, col.label), /* @__PURE__ */ React110.createElement(
+    })), /* @__PURE__ */ React110.createElement(Menu2.Divider, null)), parsedColumns.length > 0 && /* @__PURE__ */ React110.createElement(React110.Fragment, null, /* @__PURE__ */ React110.createElement(Menu2.Label, { onClick: () => setColumnsCollapsed(!columnsCollapsed), style: { cursor: "pointer" } }, /* @__PURE__ */ React110.createElement(Flex21, { align: "center", gap: 10 }, columnsCollapsed ? /* @__PURE__ */ React110.createElement(IconChevronRight5, { size: 14 }) : /* @__PURE__ */ React110.createElement(IconChevronDown6, { size: 14 }), /* @__PURE__ */ React110.createElement(Text55, { fz: "14" }, "Columns"))), /* @__PURE__ */ React110.createElement(Collapse6, { in: !columnsCollapsed }, parsedColumns.map((col) => /* @__PURE__ */ React110.createElement(Box25, { key: col.key, px: "sm", py: 4, style: { margin: "2px 4px" } }, /* @__PURE__ */ React110.createElement(Flex21, { align: "center", justify: "space-between", gap: "xs" }, /* @__PURE__ */ React110.createElement(Text55, { fz: "xs", style: { flex: 1, minWidth: 0 }, lineClamp: 1 }, col.label), /* @__PURE__ */ React110.createElement(
       Select3,
       {
         size: "xs",
@@ -10363,8 +10326,8 @@ function DynamicListBlock({ block, editor }) {
   ))), !useSnapshot && liveData.loading && /* @__PURE__ */ React110.createElement(Paper11, { p: "lg", bg: "var(--mantine-color-dark-6)", radius: "sm" }, /* @__PURE__ */ React110.createElement(Text55, { c: "dimmed", ta: "center" }, "Loading data...")), !useSnapshot && liveData.error && /* @__PURE__ */ React110.createElement(Paper11, { p: "lg", bg: "var(--mantine-color-red-9)", radius: "sm" }, /* @__PURE__ */ React110.createElement(Text55, { c: "white", ta: "center" }, "Error: ", liveData.error)), hasData && paginatedData && /* @__PURE__ */ React110.createElement(Stack82, { gap: "xs" }, paginatedData.map((row, index) => {
     const rowId = getRowId(row, index);
     const isChecked = isItemChecked(rowId);
-    return /* @__PURE__ */ React110.createElement(ListItemContainer, { key: rowId, isChecked, onClick: () => onItemCheck(rowId, !isChecked) }, /* @__PURE__ */ React110.createElement(Flex22, { align: "center", gap: "sm" }, /* @__PURE__ */ React110.createElement(Stack82, { gap: 2 }, renderField(row, columnsByPosition.topLeft), columnsByPosition.bottomLeft && /* @__PURE__ */ React110.createElement(Text55, { size: "xs", c: columnsByPosition.bottomLeft.color || "dimmed", lineClamp: 1 }, formatValue2(row[columnsByPosition.bottomLeft.key], columnsByPosition.bottomLeft.type) || ""))), /* @__PURE__ */ React110.createElement(Flex22, { align: "center", gap: "md" }, /* @__PURE__ */ React110.createElement(Stack82, { gap: 2, align: "flex-end" }, columnsByPosition.topRight && /* @__PURE__ */ React110.createElement(Text55, { size: "sm", fw: 500, c: columnsByPosition.topRight.color || void 0 }, formatValue2(row[columnsByPosition.topRight.key], columnsByPosition.topRight.type) || ""), columnsByPosition.bottomRight && /* @__PURE__ */ React110.createElement(Text55, { size: "xs", c: columnsByPosition.bottomRight.color || "dimmed", tt: "capitalize" }, formatValue2(row[columnsByPosition.bottomRight.key], columnsByPosition.bottomRight.type) || "")), isMultiSelect && /* @__PURE__ */ React110.createElement(ListItemCheckbox, { ariaLabel: `Select ${rowId}`, checked: isChecked, onCheck: (checked) => onItemCheck(rowId, checked) })));
-  })), hasData && totalPages > 1 && /* @__PURE__ */ React110.createElement(ListPagination, { page, setPage, totalPages }), !hasData && !liveData.loading && searchQuery && rawData && rawData.length > 0 && /* @__PURE__ */ React110.createElement(Text55, { c: "dimmed", ta: "center", fz: "sm" }, "No matching items for \u201C", searchQuery, "\u201D"), !hasData && !liveData.loading && !searchQuery && parsedDataSource && /* @__PURE__ */ React110.createElement(Paper11, { p: "lg", bg: "var(--mantine-color-dark-6)", radius: "sm" }, /* @__PURE__ */ React110.createElement(Stack82, { gap: "sm" }, /* @__PURE__ */ React110.createElement(Group33, { gap: "xs" }, /* @__PURE__ */ React110.createElement(IconSparkles2, { size: 16, color: "var(--mantine-color-blue-4)" }), /* @__PURE__ */ React110.createElement(Text55, { fz: "sm", fw: 500 }, "Data Source")), parsedDataSource.oracleName && /* @__PURE__ */ React110.createElement(Group33, { gap: "xs" }, /* @__PURE__ */ React110.createElement(Text55, { size: "xs", c: "dimmed" }, "Oracle:"), /* @__PURE__ */ React110.createElement(Badge15, { size: "sm", variant: "light" }, parsedDataSource.oracleName)), parsedDataSource.query && /* @__PURE__ */ React110.createElement(Box24, null, /* @__PURE__ */ React110.createElement(Text55, { size: "xs", c: "dimmed", mb: 4 }, "Query:"), /* @__PURE__ */ React110.createElement(Code4, { block: true, style: { fontSize: "12px", whiteSpace: "pre-wrap" } }, parsedDataSource.query)), parsedDataSource.description && /* @__PURE__ */ React110.createElement(Text55, { size: "xs", c: "dimmed", fs: "italic" }, parsedDataSource.description), /* @__PURE__ */ React110.createElement(Text55, { size: "xs", c: "dimmed", ta: "center", mt: "xs" }, "Ask your oracle this query to populate the list."))), !hasData && !liveData.loading && !searchQuery && !parsedDataSource && /* @__PURE__ */ React110.createElement(Paper11, { p: "lg", bg: "var(--mantine-color-dark-6)", radius: "sm" }, /* @__PURE__ */ React110.createElement(Text55, { c: "dimmed", ta: "center", fz: "sm" }, "No data available. Add data from the AG-UI Canvas.")))));
+    return /* @__PURE__ */ React110.createElement(ListItemContainer, { key: rowId, isChecked, onClick: () => onItemCheck(rowId, !isChecked) }, /* @__PURE__ */ React110.createElement(Flex21, { align: "center", gap: "sm" }, /* @__PURE__ */ React110.createElement(Stack82, { gap: 2 }, renderField(row, columnsByPosition.topLeft), columnsByPosition.bottomLeft && /* @__PURE__ */ React110.createElement(Text55, { size: "xs", c: columnsByPosition.bottomLeft.color || "dimmed", lineClamp: 1 }, formatValue2(row[columnsByPosition.bottomLeft.key], columnsByPosition.bottomLeft.type) || ""))), /* @__PURE__ */ React110.createElement(Flex21, { align: "center", gap: "md" }, /* @__PURE__ */ React110.createElement(Stack82, { gap: 2, align: "flex-end" }, columnsByPosition.topRight && /* @__PURE__ */ React110.createElement(Text55, { size: "sm", fw: 500, c: columnsByPosition.topRight.color || void 0 }, formatValue2(row[columnsByPosition.topRight.key], columnsByPosition.topRight.type) || ""), columnsByPosition.bottomRight && /* @__PURE__ */ React110.createElement(Text55, { size: "xs", c: columnsByPosition.bottomRight.color || "dimmed", tt: "capitalize" }, formatValue2(row[columnsByPosition.bottomRight.key], columnsByPosition.bottomRight.type) || "")), isMultiSelect && /* @__PURE__ */ React110.createElement(ListItemCheckbox, { ariaLabel: `Select ${rowId}`, checked: isChecked, onCheck: (checked) => onItemCheck(rowId, checked) })));
+  })), hasData && totalPages > 1 && /* @__PURE__ */ React110.createElement(ListPagination, { page, setPage, totalPages }), !hasData && !liveData.loading && searchQuery && rawData && rawData.length > 0 && /* @__PURE__ */ React110.createElement(Text55, { c: "dimmed", ta: "center", fz: "sm" }, "No matching items for \u201C", searchQuery, "\u201D"), !hasData && !liveData.loading && !searchQuery && parsedDataSource && /* @__PURE__ */ React110.createElement(Paper11, { p: "lg", bg: "var(--mantine-color-dark-6)", radius: "sm" }, /* @__PURE__ */ React110.createElement(Stack82, { gap: "sm" }, /* @__PURE__ */ React110.createElement(Group33, { gap: "xs" }, /* @__PURE__ */ React110.createElement(IconSparkles2, { size: 16, color: "var(--mantine-color-blue-4)" }), /* @__PURE__ */ React110.createElement(Text55, { fz: "sm", fw: 500 }, "Data Source")), parsedDataSource.oracleName && /* @__PURE__ */ React110.createElement(Group33, { gap: "xs" }, /* @__PURE__ */ React110.createElement(Text55, { size: "xs", c: "dimmed" }, "Oracle:"), /* @__PURE__ */ React110.createElement(Badge15, { size: "sm", variant: "light" }, parsedDataSource.oracleName)), parsedDataSource.query && /* @__PURE__ */ React110.createElement(Box25, null, /* @__PURE__ */ React110.createElement(Text55, { size: "xs", c: "dimmed", mb: 4 }, "Query:"), /* @__PURE__ */ React110.createElement(Code4, { block: true, style: { fontSize: "12px", whiteSpace: "pre-wrap" } }, parsedDataSource.query)), parsedDataSource.description && /* @__PURE__ */ React110.createElement(Text55, { size: "xs", c: "dimmed", fs: "italic" }, parsedDataSource.description), /* @__PURE__ */ React110.createElement(Text55, { size: "xs", c: "dimmed", ta: "center", mt: "xs" }, "Ask your oracle this query to populate the list."))), !hasData && !liveData.loading && !searchQuery && !parsedDataSource && /* @__PURE__ */ React110.createElement(Paper11, { p: "lg", bg: "var(--mantine-color-dark-6)", radius: "sm" }, /* @__PURE__ */ React110.createElement(Text55, { c: "dimmed", ta: "center", fz: "sm" }, "No data available. Add data from the AG-UI Canvas.")))));
 }
 
 // src/mantine/blocks/dynamicList/DynamicListBlockSpec.tsx
@@ -10410,23 +10373,23 @@ var DynamicListBlockSpec = createReactBlockSpec6(
 // src/mantine/blocks/enumChecklist/EnumChecklistBlock.tsx
 import React118, { useState as useState36, useEffect as useEffect21, useMemo as useMemo20, useCallback as useCallback21 } from "react";
 import { createReactBlockSpec as createReactBlockSpec7 } from "@blocknote/react";
-import { Stack as Stack88, Text as Text61, Button as Button25, ActionIcon as ActionIcon13, Center as Center5, Flex as Flex24 } from "@mantine/core";
+import { Stack as Stack88, Text as Text61, Button as Button25, ActionIcon as ActionIcon13, Center as Center5, Flex as Flex23 } from "@mantine/core";
 
 // src/mantine/blocks/enumChecklist/oracle_personalities/index.tsx
 import React112 from "react";
-import { Box as Box25, Flex as Flex23, Stack as Stack83, Text as Text56, Image as Image14 } from "@mantine/core";
+import { Box as Box26, Flex as Flex22, Stack as Stack83, Text as Text56, Image as Image14 } from "@mantine/core";
 function OraclePersonalitiesEnumList({ selectionMode, isItemChecked, onItemCheck, items }) {
   if (!items || items.length === 0) {
     return /* @__PURE__ */ React112.createElement(Text56, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No assets found");
   }
   const rows = items.map(({ id, name, description, voice, icon }) => /* @__PURE__ */ React112.createElement(ListItemContainer, { key: id, isChecked: false, onClick: () => {
-  } }, /* @__PURE__ */ React112.createElement(Flex23, { align: "center", gap: "sm" }, /* @__PURE__ */ React112.createElement(Image14, { radius: 16, w: 62, h: 62, src: icon, alt: name }), /* @__PURE__ */ React112.createElement(Stack83, { gap: 0 }, /* @__PURE__ */ React112.createElement(Text56, { size: "sm", fw: 500 }, name || "-"), description !== void 0 && /* @__PURE__ */ React112.createElement(Text56, { size: "sm", c: "dimmed" }, description))), /* @__PURE__ */ React112.createElement(Flex23, { align: "center", gap: "md" }, /* @__PURE__ */ React112.createElement(Stack83, { ta: "right", gap: 0 }, /* @__PURE__ */ React112.createElement(Text56, { size: "sm", fw: 500 }, "Voice"), /* @__PURE__ */ React112.createElement(Text56, { size: "sm", c: "dimmed" }, voice)), selectionMode && /* @__PURE__ */ React112.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${name}`, checked: isItemChecked?.(id), onCheck: (checked) => onItemCheck?.(id, checked) }))));
-  return /* @__PURE__ */ React112.createElement(Box25, { flex: 1 }, /* @__PURE__ */ React112.createElement(Stack83, null, rows));
+  } }, /* @__PURE__ */ React112.createElement(Flex22, { align: "center", gap: "sm" }, /* @__PURE__ */ React112.createElement(Image14, { radius: 16, w: 62, h: 62, src: icon, alt: name }), /* @__PURE__ */ React112.createElement(Stack83, { gap: 0 }, /* @__PURE__ */ React112.createElement(Text56, { size: "sm", fw: 500 }, name || "-"), description !== void 0 && /* @__PURE__ */ React112.createElement(Text56, { size: "sm", c: "dimmed" }, description))), /* @__PURE__ */ React112.createElement(Flex22, { align: "center", gap: "md" }, /* @__PURE__ */ React112.createElement(Stack83, { ta: "right", gap: 0 }, /* @__PURE__ */ React112.createElement(Text56, { size: "sm", fw: 500 }, "Voice"), /* @__PURE__ */ React112.createElement(Text56, { size: "sm", c: "dimmed" }, voice)), selectionMode && /* @__PURE__ */ React112.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${name}`, checked: isItemChecked?.(id), onCheck: (checked) => onItemCheck?.(id, checked) }))));
+  return /* @__PURE__ */ React112.createElement(Box26, { flex: 1 }, /* @__PURE__ */ React112.createElement(Stack83, null, rows));
 }
 
 // src/mantine/blocks/enumChecklist/EnumChecklistConfigModal.tsx
 import React117, { useState as useState35 } from "react";
-import { Modal, Group as Group37, Box as Box27 } from "@mantine/core";
+import { Modal, Group as Group37, Box as Box28 } from "@mantine/core";
 
 // src/mantine/blocks/list/modal/ModalNavigation.tsx
 import React113 from "react";
@@ -10456,7 +10419,7 @@ var ModalNavigation = ({ steps, activeStep, onStepChange, showUpdateButton = fal
 
 // src/mantine/blocks/enumChecklist/EnumChecklistTypeSelection.tsx
 import React114 from "react";
-import { Stack as Stack85, Card as Card15, Group as Group34, Text as Text58, Box as Box26, Button as Button22 } from "@mantine/core";
+import { Stack as Stack85, Card as Card15, Group as Group34, Text as Text58, Box as Box27, Button as Button22 } from "@mantine/core";
 
 // src/mantine/blocks/enumChecklist/oracle_personalities/config.ts
 var oraclePersonalitiesMetadata = {
@@ -10599,7 +10562,7 @@ var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
       onClick: () => onTypeSelect(enumChecklistMeta.id)
     },
     /* @__PURE__ */ React114.createElement(Group34, { gap: "md", align: "flex-start" }, /* @__PURE__ */ React114.createElement(
-      Box26,
+      Box27,
       {
         style: {
           width: 48,
@@ -10771,7 +10734,7 @@ var EnumChecklistConfigModal = ({ opened, onClose, onSave, initialConfig }) => {
         return null;
     }
   };
-  return /* @__PURE__ */ React117.createElement(Modal, { opened, onClose: handleClose, title: "Configure Enum Checklist Block", size: "xl" }, /* @__PURE__ */ React117.createElement(Group37, { align: "flex-start", gap: "lg", style: { minHeight: "400px" } }, /* @__PURE__ */ React117.createElement(Box27, { style: { width: "200px", flexShrink: 0, height: "400px", display: "flex" } }, /* @__PURE__ */ React117.createElement(ModalNavigation, { steps, activeStep, onStepChange: setActiveStep, showUpdateButton: selectedType !== null, onUpdateBlock: handleAddToBlock })), /* @__PURE__ */ React117.createElement(Box27, { style: { flex: 1 } }, renderStepContent())));
+  return /* @__PURE__ */ React117.createElement(Modal, { opened, onClose: handleClose, title: "Configure Enum Checklist Block", size: "xl" }, /* @__PURE__ */ React117.createElement(Group37, { align: "flex-start", gap: "lg", style: { minHeight: "400px" } }, /* @__PURE__ */ React117.createElement(Box28, { style: { width: "200px", flexShrink: 0, height: "400px", display: "flex" } }, /* @__PURE__ */ React117.createElement(ModalNavigation, { steps, activeStep, onStepChange: setActiveStep, showUpdateButton: selectedType !== null, onUpdateBlock: handleAddToBlock })), /* @__PURE__ */ React117.createElement(Box28, { style: { flex: 1 } }, renderStepContent())));
 };
 
 // src/mantine/blocks/enumChecklist/EnumChecklistBlock.tsx
@@ -10872,7 +10835,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
         return null;
     }
   };
-  return /* @__PURE__ */ React118.createElement(Stack88, { w: "100%" }, listType && /* @__PURE__ */ React118.createElement(Flex24, { align: "center", justify: "space-between", gap: "xs" }, /* @__PURE__ */ React118.createElement(Text61, null, getEnumListNameByType(listType)), listConfig.listSelectionMode && /* @__PURE__ */ React118.createElement(Text61, { lh: 0.5, c: "dimmed" }, listConfig?.selection_mode === "single" ? "Single Selection" : "Multi Selection"), editable && /* @__PURE__ */ React118.createElement(Flex24, { justify: listType ? "space-between" : "flex-end" }, /* @__PURE__ */ React118.createElement(Flex24, { gap: "xs" }, /* @__PURE__ */ React118.createElement(ActionIcon13, { variant: "subtle", size: "sm", onClick: () => setModalOpened(true) }, /* @__PURE__ */ React118.createElement(IconSettings3, null))))), /* @__PURE__ */ React118.createElement(Flex24, { flex: 1 }, !listType ? /* @__PURE__ */ React118.createElement(Center5, { py: "xl" }, /* @__PURE__ */ React118.createElement(Stack88, { align: "center", gap: "sm" }, /* @__PURE__ */ React118.createElement(Text61, { size: "sm", c: "dimmed", ta: "center" }, "No list type configured"), /* @__PURE__ */ React118.createElement(Button25, { size: "sm", variant: "light", onClick: () => setModalOpened(true) }, "Configure List"))) : /* @__PURE__ */ React118.createElement(Stack88, { gap: "md", flex: 1 }, renderListComponent())), /* @__PURE__ */ React118.createElement(
+  return /* @__PURE__ */ React118.createElement(Stack88, { w: "100%" }, listType && /* @__PURE__ */ React118.createElement(Flex23, { align: "center", justify: "space-between", gap: "xs" }, /* @__PURE__ */ React118.createElement(Text61, null, getEnumListNameByType(listType)), listConfig.listSelectionMode && /* @__PURE__ */ React118.createElement(Text61, { lh: 0.5, c: "dimmed" }, listConfig?.selection_mode === "single" ? "Single Selection" : "Multi Selection"), editable && /* @__PURE__ */ React118.createElement(Flex23, { justify: listType ? "space-between" : "flex-end" }, /* @__PURE__ */ React118.createElement(Flex23, { gap: "xs" }, /* @__PURE__ */ React118.createElement(ActionIcon13, { variant: "subtle", size: "sm", onClick: () => setModalOpened(true) }, /* @__PURE__ */ React118.createElement(IconSettings3, null))))), /* @__PURE__ */ React118.createElement(Flex23, { flex: 1 }, !listType ? /* @__PURE__ */ React118.createElement(Center5, { py: "xl" }, /* @__PURE__ */ React118.createElement(Stack88, { align: "center", gap: "sm" }, /* @__PURE__ */ React118.createElement(Text61, { size: "sm", c: "dimmed", ta: "center" }, "No list type configured"), /* @__PURE__ */ React118.createElement(Button25, { size: "sm", variant: "light", onClick: () => setModalOpened(true) }, "Configure List"))) : /* @__PURE__ */ React118.createElement(Stack88, { gap: "md", flex: 1 }, renderListComponent())), /* @__PURE__ */ React118.createElement(
     EnumChecklistConfigModal,
     {
       opened: modalOpened,
@@ -11720,7 +11683,7 @@ var ClaimTemplateView = ({ editor, block }) => {
 
 // src/mantine/blocks/claim/flow/FlowView.tsx
 import React131, { useMemo as useMemo28 } from "react";
-import { Stack as Stack96, Text as Text69, Loader as Loader12, Center as Center7, Alert as Alert16, Title as Title7, Flex as Flex25, ActionIcon as ActionIcon18 } from "@mantine/core";
+import { Stack as Stack96, Text as Text69, Loader as Loader12, Center as Center7, Alert as Alert16, Title as Title7, Flex as Flex24, ActionIcon as ActionIcon18 } from "@mantine/core";
 
 // src/mantine/hooks/useCurrentUser.ts
 import { useState as useState41, useEffect as useEffect25, useRef as useRef4 } from "react";
@@ -12291,7 +12254,7 @@ var ClaimsListSheet = ({ collectionId, collectionName, deedId, adminAddress, use
 };
 
 // src/mantine/blocks/claim/flow/ClaimCollectionsList.tsx
-import { IconArrowRight as IconArrowRight2 } from "@tabler/icons-react";
+import { IconArrowRight } from "@tabler/icons-react";
 var CollectionItem = ({ collection, deedId, adminAddress, userRole, onRefresh, execution }) => {
   console.log("[CollectionItem] RENDER START", { collectionId: collection.id, userRole });
   const { getCurrentUser } = useBlocknoteHandlers();
@@ -12342,7 +12305,7 @@ var CollectionItem = ({ collection, deedId, adminAddress, userRole, onRefresh, e
     }
   };
   return /* @__PURE__ */ React130.createElement("div", { style: { opacity: canAccessClaims ? 1 : 0.5 } }, /* @__PURE__ */ React130.createElement(ListItemContainer, { isChecked: false, onClick: () => {
-  } }, /* @__PURE__ */ React130.createElement(Stack95, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React130.createElement(Text68, { size: "sm", fw: 500, c: canAccessClaims ? void 0 : "dimmed" }, collectionName), collection.description && /* @__PURE__ */ React130.createElement(Text68, { size: "xs", c: "dimmed" }, collection.description)), /* @__PURE__ */ React130.createElement(Tooltip12, { label: "You need to apply to be a service agent first", disabled: canAccessClaims, position: "left", withArrow: true }, /* @__PURE__ */ React130.createElement(ActionIcon17, { variant: "subtle", size: "lg", onClick: handleClick, disabled: !canAccessClaims, style: { cursor: canAccessClaims ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React130.createElement(IconArrowRight2, { size: 20 })))));
+  } }, /* @__PURE__ */ React130.createElement(Stack95, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React130.createElement(Text68, { size: "sm", fw: 500, c: canAccessClaims ? void 0 : "dimmed" }, collectionName), collection.description && /* @__PURE__ */ React130.createElement(Text68, { size: "xs", c: "dimmed" }, collection.description)), /* @__PURE__ */ React130.createElement(Tooltip12, { label: "You need to apply to be a service agent first", disabled: canAccessClaims, position: "left", withArrow: true }, /* @__PURE__ */ React130.createElement(ActionIcon17, { variant: "subtle", size: "lg", onClick: handleClick, disabled: !canAccessClaims, style: { cursor: canAccessClaims ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React130.createElement(IconArrowRight, { size: 20 })))));
 };
 var ClaimCollectionsList = ({ collections, deedId, adminAddress, userAddress, onRefresh, execution }) => {
   const { userRoles, loading: loadingRoles } = useUserRoles(collections, userAddress, adminAddress, deedId);
@@ -12423,7 +12386,7 @@ var ClaimFlowView = ({ editor, block }) => {
   if (selectedCollectionIds.length === 0) {
     return /* @__PURE__ */ React131.createElement(Center7, { py: "xl" }, /* @__PURE__ */ React131.createElement(Text69, { size: "sm", c: "dimmed" }, "No claim collections selected"));
   }
-  return /* @__PURE__ */ React131.createElement(Stack96, { w: "100%" }, /* @__PURE__ */ React131.createElement(Flex25, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React131.createElement(Title7, { order: 4 }, "Submit Claims"), /* @__PURE__ */ React131.createElement(Flex25, { gap: "xs" }, /* @__PURE__ */ React131.createElement(ActionIcon18, { variant: "subtle", size: "sm", onClick: refetch, loading }, /* @__PURE__ */ React131.createElement(IconRefresh3, { size: 18 })), editable && /* @__PURE__ */ React131.createElement(ActionIcon18, { variant: "subtle", size: "sm", onClick: open }, /* @__PURE__ */ React131.createElement(IconSettings4, { size: 18 })))), loading ? /* @__PURE__ */ React131.createElement(Center7, { py: "xl" }, /* @__PURE__ */ React131.createElement(Loader12, { size: "md" })) : error ? /* @__PURE__ */ React131.createElement(Alert16, { color: "red", title: "Failed to load collections", icon: /* @__PURE__ */ React131.createElement(IconAlertCircle2, { size: 18 }) }, /* @__PURE__ */ React131.createElement(Text69, { size: "sm" }, error)) : /* @__PURE__ */ React131.createElement(
+  return /* @__PURE__ */ React131.createElement(Stack96, { w: "100%" }, /* @__PURE__ */ React131.createElement(Flex24, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React131.createElement(Title7, { order: 4 }, "Submit Claims"), /* @__PURE__ */ React131.createElement(Flex24, { gap: "xs" }, /* @__PURE__ */ React131.createElement(ActionIcon18, { variant: "subtle", size: "sm", onClick: refetch, loading }, /* @__PURE__ */ React131.createElement(IconRefresh3, { size: 18 })), editable && /* @__PURE__ */ React131.createElement(ActionIcon18, { variant: "subtle", size: "sm", onClick: open }, /* @__PURE__ */ React131.createElement(IconSettings4, { size: 18 })))), loading ? /* @__PURE__ */ React131.createElement(Center7, { py: "xl" }, /* @__PURE__ */ React131.createElement(Loader12, { size: "md" })) : error ? /* @__PURE__ */ React131.createElement(Alert16, { color: "red", title: "Failed to load collections", icon: /* @__PURE__ */ React131.createElement(IconAlertCircle2, { size: 18 }) }, /* @__PURE__ */ React131.createElement(Text69, { size: "sm" }, error)) : /* @__PURE__ */ React131.createElement(
     ClaimCollectionsList,
     {
       collections,
@@ -12642,7 +12605,7 @@ var BidTemplateView = ({ editor, block }) => {
 
 // src/mantine/blocks/bid/flow/components/FlowView.tsx
 import React146, { useMemo as useMemo38 } from "react";
-import { Stack as Stack104, Text as Text77, Loader as Loader18, Center as Center10, Alert as Alert19, Title as Title8, Flex as Flex26, ActionIcon as ActionIcon21 } from "@mantine/core";
+import { Stack as Stack104, Text as Text77, Loader as Loader18, Center as Center10, Alert as Alert19, Title as Title8, Flex as Flex25, ActionIcon as ActionIcon21 } from "@mantine/core";
 import { IconSettings as IconSettings5, IconRefresh as IconRefresh4, IconAlertCircle as IconAlertCircle5 } from "@tabler/icons-react";
 
 // src/mantine/blocks/bid/flow/components/ClaimCollectionsList.tsx
@@ -12651,8 +12614,8 @@ import { Stack as Stack103, Text as Text76, Loader as Loader17, Center as Center
 
 // src/mantine/blocks/bid/flow/components/CollectionItem.tsx
 import React144, { useMemo as useMemo37 } from "react";
-import { Stack as Stack102, Text as Text75, Button as Button29, Menu as Menu3, Badge as Badge20, ActionIcon as ActionIcon20, Box as Box28, Tooltip as Tooltip13, Loader as Loader16 } from "@mantine/core";
-import { IconChevronDown as IconChevronDown8, IconArrowRight as IconArrowRight4, IconLock } from "@tabler/icons-react";
+import { Stack as Stack102, Text as Text75, Button as Button29, Menu as Menu3, Badge as Badge20, ActionIcon as ActionIcon20, Box as Box29, Tooltip as Tooltip13, Loader as Loader16 } from "@mantine/core";
+import { IconChevronDown as IconChevronDown8, IconArrowRight as IconArrowRight3, IconLock } from "@tabler/icons-react";
 
 // src/mantine/hooks/useBlockAuthorization.ts
 import { useState as useState46, useEffect as useEffect30, useMemo as useMemo31 } from "react";
@@ -12874,7 +12837,7 @@ import { IconAlertCircle as IconAlertCircle4 } from "@tabler/icons-react";
 // src/mantine/blocks/bid/flow/components/BidItem.tsx
 import React140, { useMemo as useMemo36 } from "react";
 import { Stack as Stack100, Text as Text73, Badge as Badge19, Group as Group44, ActionIcon as ActionIcon19 } from "@mantine/core";
-import { IconArrowRight as IconArrowRight3 } from "@tabler/icons-react";
+import { IconArrowRight as IconArrowRight2 } from "@tabler/icons-react";
 
 // src/mantine/blocks/bid/flow/components/BidViewPanel.tsx
 import React139, { useMemo as useMemo35, useState as useState50 } from "react";
@@ -13153,7 +13116,7 @@ var BidItem = ({ bid, deedId, adminAddress, onRefresh, execution }) => {
   const displayStatus = bid.status;
   const displayReason = bid.reason;
   return /* @__PURE__ */ React140.createElement(ListItemContainer, { isChecked: false, onClick: () => {
-  } }, /* @__PURE__ */ React140.createElement(Stack100, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React140.createElement(Group44, { gap: "xs" }, /* @__PURE__ */ React140.createElement(Text73, { size: "xs", fw: 500 }, loadingProfile ? "Loading..." : displayName), userProfile?.verified && /* @__PURE__ */ React140.createElement(Text73, { size: "xs", c: "blue", fw: 600, title: "Verified user" }, "\u2713"), /* @__PURE__ */ React140.createElement(Badge19, { size: "xs", variant: "light", color: getRoleColor(bid.role) }, getRoleLabel(bid.role))), /* @__PURE__ */ React140.createElement(Text73, { size: "xs", c: "dimmed" }, "Submitted: ", formatDate(displayDate)), displayStatus === "rejected" && displayReason && /* @__PURE__ */ React140.createElement(Text73, { size: "xs", c: "red" }, "Reason: ", displayReason)), /* @__PURE__ */ React140.createElement(Group44, { gap: "xs" }, displayStatus && /* @__PURE__ */ React140.createElement(Badge19, { size: "sm", color: getStatusColor(displayStatus) }, getStatusLabel(displayStatus)), /* @__PURE__ */ React140.createElement(ActionIcon19, { variant: "subtle", size: "lg", onClick: openBidPanel }, /* @__PURE__ */ React140.createElement(IconArrowRight3, { size: 20 }))));
+  } }, /* @__PURE__ */ React140.createElement(Stack100, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React140.createElement(Group44, { gap: "xs" }, /* @__PURE__ */ React140.createElement(Text73, { size: "xs", fw: 500 }, loadingProfile ? "Loading..." : displayName), userProfile?.verified && /* @__PURE__ */ React140.createElement(Text73, { size: "xs", c: "blue", fw: 600, title: "Verified user" }, "\u2713"), /* @__PURE__ */ React140.createElement(Badge19, { size: "xs", variant: "light", color: getRoleColor(bid.role) }, getRoleLabel(bid.role))), /* @__PURE__ */ React140.createElement(Text73, { size: "xs", c: "dimmed" }, "Submitted: ", formatDate(displayDate)), displayStatus === "rejected" && displayReason && /* @__PURE__ */ React140.createElement(Text73, { size: "xs", c: "red" }, "Reason: ", displayReason)), /* @__PURE__ */ React140.createElement(Group44, { gap: "xs" }, displayStatus && /* @__PURE__ */ React140.createElement(Badge19, { size: "sm", color: getStatusColor(displayStatus) }, getStatusLabel(displayStatus)), /* @__PURE__ */ React140.createElement(ActionIcon19, { variant: "subtle", size: "lg", onClick: openBidPanel }, /* @__PURE__ */ React140.createElement(IconArrowRight2, { size: 20 }))));
 };
 
 // src/mantine/blocks/bid/flow/hooks/useBids.ts
@@ -13309,7 +13272,7 @@ var CollectionItem2 = ({ collection, deedId, adminAddress, userRole, onRefresh,
       return /* @__PURE__ */ React144.createElement(Loader16, { size: "xs" });
     }
     if (userRole === "PO" /* Owner */) {
-      return /* @__PURE__ */ React144.createElement(ActionIcon20, { variant: "subtle", size: "lg", onClick: openBidsList }, /* @__PURE__ */ React144.createElement(IconArrowRight4, { size: 20 }));
+      return /* @__PURE__ */ React144.createElement(ActionIcon20, { variant: "subtle", size: "lg", onClick: openBidsList }, /* @__PURE__ */ React144.createElement(IconArrowRight3, { size: 20 }));
     } else if (userRole === "SA" /* ServiceProvider */ || userRole === "EA" /* Evaluator */) {
       return /* @__PURE__ */ React144.createElement(Badge20, { size: "sm", color: getRoleColor(userRole) }, getRoleLabel(userRole));
     } else {
@@ -13326,7 +13289,7 @@ var CollectionItem2 = ({ collection, deedId, adminAddress, userRole, onRefresh,
     return /* @__PURE__ */ React144.createElement(UserPlus_default, null);
   };
   return /* @__PURE__ */ React144.createElement(ListItemContainer, { isChecked: false, onClick: () => {
-  } }, /* @__PURE__ */ React144.createElement(Box28, { mr: "md", style: { display: "flex", alignItems: "center" } }, getCollectionIcon()), /* @__PURE__ */ React144.createElement(Stack102, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React144.createElement(Text75, { size: "sm", fw: 500 }, getCollectionName(collection)), collection.description && /* @__PURE__ */ React144.createElement(Text75, { size: "xs", c: "dimmed" }, collection.description)), renderActionButton());
+  } }, /* @__PURE__ */ React144.createElement(Box29, { mr: "md", style: { display: "flex", alignItems: "center" } }, getCollectionIcon()), /* @__PURE__ */ React144.createElement(Stack102, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React144.createElement(Text75, { size: "sm", fw: 500 }, getCollectionName(collection)), collection.description && /* @__PURE__ */ React144.createElement(Text75, { size: "xs", c: "dimmed" }, collection.description)), renderActionButton());
 };
 
 // src/mantine/blocks/bid/flow/components/ClaimCollectionsList.tsx
@@ -13411,7 +13374,7 @@ var BidFlowView = ({ editor, block }) => {
   if (selectedCollectionIds.length === 0) {
     return /* @__PURE__ */ React146.createElement(Center10, { py: "xl" }, /* @__PURE__ */ React146.createElement(Text77, { size: "sm", c: "dimmed" }, "No claim collections selected"));
   }
-  return /* @__PURE__ */ React146.createElement(Stack104, { w: "100%" }, /* @__PURE__ */ React146.createElement(Flex26, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React146.createElement(Title8, { order: 4 }, "Bid Application"), /* @__PURE__ */ React146.createElement(Flex26, { gap: "xs" }, /* @__PURE__ */ React146.createElement(ActionIcon21, { variant: "subtle", size: "sm", onClick: refetch, loading }, /* @__PURE__ */ React146.createElement(IconRefresh4, { size: 18 })), editable && /* @__PURE__ */ React146.createElement(ActionIcon21, { variant: "subtle", size: "sm", onClick: open }, /* @__PURE__ */ React146.createElement(IconSettings5, { size: 18 })))), loading ? /* @__PURE__ */ React146.createElement(Center10, { py: "xl" }, /* @__PURE__ */ React146.createElement(Loader18, { size: "md" })) : error ? /* @__PURE__ */ React146.createElement(Alert19, { color: "red", title: "Failed to load collections", icon: /* @__PURE__ */ React146.createElement(IconAlertCircle5, { size: 18 }) }, /* @__PURE__ */ React146.createElement(Text77, { size: "sm" }, error)) : /* @__PURE__ */ React146.createElement(
+  return /* @__PURE__ */ React146.createElement(Stack104, { w: "100%" }, /* @__PURE__ */ React146.createElement(Flex25, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React146.createElement(Title8, { order: 4 }, "Bid Application"), /* @__PURE__ */ React146.createElement(Flex25, { gap: "xs" }, /* @__PURE__ */ React146.createElement(ActionIcon21, { variant: "subtle", size: "sm", onClick: refetch, loading }, /* @__PURE__ */ React146.createElement(IconRefresh4, { size: 18 })), editable && /* @__PURE__ */ React146.createElement(ActionIcon21, { variant: "subtle", size: "sm", onClick: open }, /* @__PURE__ */ React146.createElement(IconSettings5, { size: 18 })))), loading ? /* @__PURE__ */ React146.createElement(Center10, { py: "xl" }, /* @__PURE__ */ React146.createElement(Loader18, { size: "md" })) : error ? /* @__PURE__ */ React146.createElement(Alert19, { color: "red", title: "Failed to load collections", icon: /* @__PURE__ */ React146.createElement(IconAlertCircle5, { size: 18 }) }, /* @__PURE__ */ React146.createElement(Text77, { size: "sm" }, error)) : /* @__PURE__ */ React146.createElement(
     ClaimCollectionsList2,
     {
       collections,
@@ -13606,7 +13569,7 @@ var EvaluatorTemplateView = ({ editor, block }) => {
 
 // src/mantine/blocks/evaluator/flow/FlowView.tsx
 import React154, { useMemo as useMemo43 } from "react";
-import { Stack as Stack108, Text as Text81, Loader as Loader21, Center as Center12, Alert as Alert21, Title as Title10, Flex as Flex27, ActionIcon as ActionIcon24 } from "@mantine/core";
+import { Stack as Stack108, Text as Text81, Loader as Loader21, Center as Center12, Alert as Alert21, Title as Title10, Flex as Flex26, ActionIcon as ActionIcon24 } from "@mantine/core";
 import { IconSettings as IconSettings6, IconRefresh as IconRefresh6, IconAlertCircle as IconAlertCircle7 } from "@tabler/icons-react";
 
 // src/mantine/blocks/evaluator/flow/ClaimCollectionsList.tsx
@@ -13616,7 +13579,7 @@ import { Stack as Stack107, Text as Text80, ActionIcon as ActionIcon23, Tooltip
 // src/mantine/blocks/evaluator/flow/ClaimsList.tsx
 import React152, { useState as useState54, useEffect as useEffect37, useCallback as useCallback35, useMemo as useMemo41 } from "react";
 import { Paper as Paper13, CloseButton as CloseButton6, Title as Title9, Loader as Loader19, Stack as Stack106, Text as Text79, ActionIcon as ActionIcon22, Alert as Alert20, Badge as Badge21, Group as Group46, Button as Button30, Divider as Divider10 } from "@mantine/core";
-import { IconAlertCircle as IconAlertCircle6, IconArrowRight as IconArrowRight5, IconRefresh as IconRefresh5, IconArrowLeft as IconArrowLeft4 } from "@tabler/icons-react";
+import { IconAlertCircle as IconAlertCircle6, IconArrowRight as IconArrowRight4, IconRefresh as IconRefresh5, IconArrowLeft as IconArrowLeft4 } from "@tabler/icons-react";
 import { Survey as Survey4, SurveyModel as SurveyModel4 } from "@ixo/surveys";
 
 // src/mantine/blocks/evaluator/flow/theme.ts
@@ -14071,12 +14034,12 @@ var ClaimListItem = ({ claim, onViewClaim }) => {
       style: { cursor: "pointer" }
     },
     /* @__PURE__ */ React152.createElement(ListItemContainer, { isChecked: false, onClick: () => {
-    } }, /* @__PURE__ */ React152.createElement(Stack106, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React152.createElement(Text79, { size: "sm", fw: 500 }, "Claim #", claim.claimId.slice(-8)), /* @__PURE__ */ React152.createElement(Text79, { size: "xs", c: "dimmed" }, "Submitted: ", formatDate2(claim.submissionDate || claim.submittedAt)), claim.agentDid && /* @__PURE__ */ React152.createElement(Group46, { gap: 4 }, /* @__PURE__ */ React152.createElement(Text79, { size: "xs", c: "dimmed" }, "Agent: ", loadingProfile ? "Loading..." : displayName), userProfile?.verified && /* @__PURE__ */ React152.createElement(Text79, { size: "xs", c: "blue", fw: 600, title: "Verified user" }, "\u2713"))), /* @__PURE__ */ React152.createElement(Stack106, { gap: 4, align: "flex-end" }, /* @__PURE__ */ React152.createElement(Badge21, { color: claimStatus.color, size: "sm" }, claimStatus.status), /* @__PURE__ */ React152.createElement(ActionIcon22, { variant: "subtle", size: "sm" }, /* @__PURE__ */ React152.createElement(IconArrowRight5, { size: 16 }))))
+    } }, /* @__PURE__ */ React152.createElement(Stack106, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React152.createElement(Text79, { size: "sm", fw: 500 }, "Claim #", claim.claimId.slice(-8)), /* @__PURE__ */ React152.createElement(Text79, { size: "xs", c: "dimmed" }, "Submitted: ", formatDate2(claim.submissionDate || claim.submittedAt)), claim.agentDid && /* @__PURE__ */ React152.createElement(Group46, { gap: 4 }, /* @__PURE__ */ React152.createElement(Text79, { size: "xs", c: "dimmed" }, "Agent: ", loadingProfile ? "Loading..." : displayName), userProfile?.verified && /* @__PURE__ */ React152.createElement(Text79, { size: "xs", c: "blue", fw: 600, title: "Verified user" }, "\u2713"))), /* @__PURE__ */ React152.createElement(Stack106, { gap: 4, align: "flex-end" }, /* @__PURE__ */ React152.createElement(Badge21, { color: claimStatus.color, size: "sm" }, claimStatus.status), /* @__PURE__ */ React152.createElement(ActionIcon22, { variant: "subtle", size: "sm" }, /* @__PURE__ */ React152.createElement(IconArrowRight4, { size: 16 }))))
   );
 };
 
 // src/mantine/blocks/evaluator/flow/ClaimCollectionsList.tsx
-import { IconArrowRight as IconArrowRight6 } from "@tabler/icons-react";
+import { IconArrowRight as IconArrowRight5 } from "@tabler/icons-react";
 var CollectionItem3 = ({ collection, deedId, adminAddress, userRole, onRefresh }) => {
   const { getCurrentUser } = useBlocknoteHandlers();
   const getCurrentUserRef = useRef7(getCurrentUser);
@@ -14111,7 +14074,7 @@ var CollectionItem3 = ({ collection, deedId, adminAddress, userRole, onRefresh }
       openClaimsPanel();
     }
   };
-  return /* @__PURE__ */ React153.createElement("div", { style: { opacity: canEvaluateClaims ? 1 : 0.5 } }, /* @__PURE__ */ React153.createElement(ListItemContainer, { tooltip: "You need to be an evaluator agent to review claims", onClick: handleClick, disabled: !canEvaluateClaims, isChecked: opened }, /* @__PURE__ */ React153.createElement(Stack107, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React153.createElement(Text80, { size: "sm", fw: 500, c: canEvaluateClaims ? void 0 : "dimmed" }, getCollectionName2(collection)), collection.description && /* @__PURE__ */ React153.createElement(Text80, { size: "xs", c: "dimmed" }, collection.description)), /* @__PURE__ */ React153.createElement(Tooltip14, { label: "You need to be an evaluator agent to review claims", disabled: canEvaluateClaims, position: "left", withArrow: true }, /* @__PURE__ */ React153.createElement(ActionIcon23, { variant: "subtle", size: "lg", onClick: handleClick, disabled: !canEvaluateClaims, style: { cursor: canEvaluateClaims ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React153.createElement(IconArrowRight6, { size: 20 })))));
+  return /* @__PURE__ */ React153.createElement("div", { style: { opacity: canEvaluateClaims ? 1 : 0.5 } }, /* @__PURE__ */ React153.createElement(ListItemContainer, { tooltip: "You need to be an evaluator agent to review claims", onClick: handleClick, disabled: !canEvaluateClaims, isChecked: opened }, /* @__PURE__ */ React153.createElement(Stack107, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React153.createElement(Text80, { size: "sm", fw: 500, c: canEvaluateClaims ? void 0 : "dimmed" }, getCollectionName2(collection)), collection.description && /* @__PURE__ */ React153.createElement(Text80, { size: "xs", c: "dimmed" }, collection.description)), /* @__PURE__ */ React153.createElement(Tooltip14, { label: "You need to be an evaluator agent to review claims", disabled: canEvaluateClaims, position: "left", withArrow: true }, /* @__PURE__ */ React153.createElement(ActionIcon23, { variant: "subtle", size: "lg", onClick: handleClick, disabled: !canEvaluateClaims, style: { cursor: canEvaluateClaims ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React153.createElement(IconArrowRight5, { size: 20 })))));
 };
 var ClaimCollectionsList3 = ({ collections, deedId, adminAddress, userAddress, onRefresh }) => {
   const { userRoles, loading: loadingRoles } = useUserRoles(collections, userAddress, adminAddress, deedId);
@@ -14145,7 +14108,7 @@ var EvaluatorFlowView = ({ editor, block }) => {
   if (selectedCollectionIds.length === 0) {
     return /* @__PURE__ */ React154.createElement(Center12, { py: "xl" }, /* @__PURE__ */ React154.createElement(Text81, { size: "sm", c: "dimmed" }, "No claim collections selected"));
   }
-  return /* @__PURE__ */ React154.createElement(Stack108, { w: "100%" }, /* @__PURE__ */ React154.createElement(Flex27, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React154.createElement(Title10, { order: 4 }, "Evaluate Claims"), /* @__PURE__ */ React154.createElement(Flex27, { gap: "xs" }, /* @__PURE__ */ React154.createElement(ActionIcon24, { variant: "subtle", size: "sm", onClick: refetch, loading }, /* @__PURE__ */ React154.createElement(IconRefresh6, { size: 18 })), editable && /* @__PURE__ */ React154.createElement(ActionIcon24, { variant: "subtle", size: "sm" }, /* @__PURE__ */ React154.createElement(IconSettings6, { size: 18 })))), loading ? /* @__PURE__ */ React154.createElement(Center12, { py: "xl" }, /* @__PURE__ */ React154.createElement(Loader21, { size: "md" })) : error ? /* @__PURE__ */ React154.createElement(Alert21, { color: "red", title: "Failed to load collections", icon: /* @__PURE__ */ React154.createElement(IconAlertCircle7, { size: 18 }) }, /* @__PURE__ */ React154.createElement(Text81, { size: "sm" }, error)) : /* @__PURE__ */ React154.createElement(ClaimCollectionsList3, { collections, deedId: did, adminAddress, userAddress, onRefresh: refetch }));
+  return /* @__PURE__ */ React154.createElement(Stack108, { w: "100%" }, /* @__PURE__ */ React154.createElement(Flex26, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React154.createElement(Title10, { order: 4 }, "Evaluate Claims"), /* @__PURE__ */ React154.createElement(Flex26, { gap: "xs" }, /* @__PURE__ */ React154.createElement(ActionIcon24, { variant: "subtle", size: "sm", onClick: refetch, loading }, /* @__PURE__ */ React154.createElement(IconRefresh6, { size: 18 })), editable && /* @__PURE__ */ React154.createElement(ActionIcon24, { variant: "subtle", size: "sm" }, /* @__PURE__ */ React154.createElement(IconSettings6, { size: 18 })))), loading ? /* @__PURE__ */ React154.createElement(Center12, { py: "xl" }, /* @__PURE__ */ React154.createElement(Loader21, { size: "md" })) : error ? /* @__PURE__ */ React154.createElement(Alert21, { color: "red", title: "Failed to load collections", icon: /* @__PURE__ */ React154.createElement(IconAlertCircle7, { size: 18 }) }, /* @__PURE__ */ React154.createElement(Text81, { size: "sm" }, error)) : /* @__PURE__ */ React154.createElement(ClaimCollectionsList3, { collections, deedId: did, adminAddress, userAddress, onRefresh: refetch }));
 };
 
 // src/mantine/blocks/evaluator/EvaluatorBlock.tsx
@@ -14187,7 +14150,7 @@ import { createReactBlockSpec as createReactBlockSpec12 } from "@blocknote/react
 
 // src/mantine/blocks/visualization/VisualizationBlock.tsx
 import React157, { useMemo as useMemo44, useCallback as useCallback36, useRef as useRef8, useState as useState55, useEffect as useEffect39 } from "react";
-import { Box as Box29, Stack as Stack109, Text as Text82, Paper as Paper14, Group as Group47 } from "@mantine/core";
+import { Box as Box30, Stack as Stack109, Text as Text82, Paper as Paper14, Group as Group47 } from "@mantine/core";
 function VisualizationBlock({ block, editor }) {
   const { visualizationRenderer } = useBlocknoteContext();
   const { vizType, config, title, preferences } = block.props;
@@ -14242,7 +14205,7 @@ function VisualizationBlock({ block, editor }) {
   if (visualizationRenderer) {
     const renderedContent = visualizationRenderer(vizType, parsedConfig, parsedPreferences, handlePreferencesChange);
     if (renderedContent) {
-      return /* @__PURE__ */ React157.createElement(Box29, { ref: containerRef, w: "100%", miw: 200, mih: 200 }, hasValidDimensions ? renderedContent : null);
+      return /* @__PURE__ */ React157.createElement(Box30, { ref: containerRef, w: "100%", miw: 200, mih: 200 }, hasValidDimensions ? renderedContent : null);
     }
   }
   return /* @__PURE__ */ React157.createElement(Paper14, { p: "lg", withBorder: true, radius: "lg", w: "100%" }, /* @__PURE__ */ React157.createElement(Stack109, { gap: "sm" }, /* @__PURE__ */ React157.createElement(Text82, { fz: "18", ta: "center" }, "Visualization Block"), /* @__PURE__ */ React157.createElement(Paper14, { p: "sm", bg: "var(--mantine-color-dark-6)", radius: "sm" }, /* @__PURE__ */ React157.createElement(Stack109, { gap: "xs" }, !title && /* @__PURE__ */ React157.createElement(Group47, { gap: "xs" }, /* @__PURE__ */ React157.createElement(Text82, { size: "xs", c: "dimmed", fw: 500 }, "Title:"), /* @__PURE__ */ React157.createElement(Text82, { size: "xs", c: "white" }, title || "No title")), /* @__PURE__ */ React157.createElement(Group47, { gap: "xs" }, /* @__PURE__ */ React157.createElement(Text82, { size: "xs", c: "dimmed", fw: 500 }, "Type:"), /* @__PURE__ */ React157.createElement(Text82, { size: "xs", c: "white" }, vizType)))), /* @__PURE__ */ React157.createElement(Text82, { c: "dimmed", fz: "sm", fs: "italic", ta: "center" }, "View in a compatible client to see the full visualization.")));
@@ -15802,7 +15765,7 @@ import React167, { useCallback as useCallback40 } from "react";
 
 // src/mantine/blocks/protocolSelector/template/GeneralTab.tsx
 import React166, { useEffect as useEffect42, useMemo as useMemo48, useState as useState59 } from "react";
-import { Divider as Divider11, Stack as Stack113, Text as Text86, PillsInput as PillsInput2, Pill as Pill2, Box as Box30 } from "@mantine/core";
+import { Divider as Divider11, Stack as Stack113, Text as Text86, PillsInput as PillsInput2, Pill as Pill2, Box as Box31 } from "@mantine/core";
 var GeneralTab10 = ({ title, description, protocolDids, onTitleChange, onDescriptionChange, onProtocolDidsChange }) => {
   const [localTitle, setLocalTitle] = useState59(title || "");
   const [localDescription, setLocalDescription] = useState59(description || "");
@@ -15870,7 +15833,7 @@ var GeneralTab10 = ({ title, description, protocolDids, onTitleChange, onDescrip
         }
       }
     }
-  ))), localDids.length > 0 && /* @__PURE__ */ React166.createElement(Box30, { mt: "xs" }, /* @__PURE__ */ React166.createElement(Text86, { size: "xs", c: "dimmed" }, localDids.length, " protocol", localDids.length !== 1 ? "s" : "", " configured"))));
+  ))), localDids.length > 0 && /* @__PURE__ */ React166.createElement(Box31, { mt: "xs" }, /* @__PURE__ */ React166.createElement(Text86, { size: "xs", c: "dimmed" }, localDids.length, " protocol", localDids.length !== 1 ? "s" : "", " configured"))));
 };
 
 // src/mantine/blocks/protocolSelector/template/TemplateConfig.tsx
@@ -15913,7 +15876,7 @@ var TemplateConfig10 = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/protocolSelector/template/TemplateView.tsx
-import { Box as Box31, Group as Group51, Stack as Stack114, Text as Text87 } from "@mantine/core";
+import { Box as Box32, Group as Group51, Stack as Stack114, Text as Text87 } from "@mantine/core";
 import { IconCircleDashed as IconCircleDashed2 } from "@tabler/icons-react";
 var PROTOCOL_SELECTOR_TEMPLATE_PANEL_ID = "protocol-selector-template-panel";
 var ProtocolSelectorTemplateView = ({ editor, block }) => {
@@ -15929,7 +15892,7 @@ var ProtocolSelectorTemplateView = ({ editor, block }) => {
     }
   }, [block.props.protocolDids]);
   return /* @__PURE__ */ React168.createElement(BaseContainer, { onClick: open }, /* @__PURE__ */ React168.createElement(Group51, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React168.createElement(Group51, { wrap: "nowrap", align: "center", gap: "md" }, /* @__PURE__ */ React168.createElement(
-    Box31,
+    Box32,
     {
       style: {
         width: 40,
@@ -15947,12 +15910,12 @@ var ProtocolSelectorTemplateView = ({ editor, block }) => {
 
 // src/mantine/blocks/protocolSelector/flow/FlowView.tsx
 import React171, { useMemo as useMemo51 } from "react";
-import { Badge as Badge24, Box as Box33, Group as Group53, Stack as Stack116, Text as Text89, Tooltip as Tooltip16 } from "@mantine/core";
+import { Badge as Badge24, Box as Box34, Group as Group53, Stack as Stack116, Text as Text89, Tooltip as Tooltip16 } from "@mantine/core";
 import { IconCircleDashed as IconCircleDashed3, IconChecks } from "@tabler/icons-react";
 
 // src/mantine/blocks/protocolSelector/flow/ProtocolSelectionPanel.tsx
 import React170, { useState as useState60, useEffect as useEffect43, useMemo as useMemo50, useCallback as useCallback41 } from "react";
-import { Paper as Paper16, CloseButton as CloseButton9, Stack as Stack115, Text as Text88, Box as Box32, Group as Group52, Loader as Loader23 } from "@mantine/core";
+import { Paper as Paper16, CloseButton as CloseButton9, Stack as Stack115, Text as Text88, Box as Box33, Group as Group52, Loader as Loader23 } from "@mantine/core";
 
 // src/icons/EntityAvatar.tsx
 import React169 from "react";
@@ -16087,10 +16050,10 @@ var ProtocolSelectionPanel = ({ editor, block }) => {
       }
     },
     /* @__PURE__ */ React170.createElement(Group52, { justify: "space-between", align: "center", mb: "xl" }, /* @__PURE__ */ React170.createElement(Text88, { fz: 16, fw: 600 }, block.props.title || "Select Protocol"), /* @__PURE__ */ React170.createElement(CloseButton9, { onClick: closePanel })),
-    /* @__PURE__ */ React170.createElement(Stack115, { gap: "sm", style: { flex: 1, overflow: "auto" } }, protocols.length === 0 ? /* @__PURE__ */ React170.createElement(Box32, { py: "md" }, /* @__PURE__ */ React170.createElement(Text88, { c: "dimmed", ta: "center" }, "No protocols configured.", /* @__PURE__ */ React170.createElement("br", null), "Add protocol DIDs in template mode.")) : protocols.map((protocol) => {
+    /* @__PURE__ */ React170.createElement(Stack115, { gap: "sm", style: { flex: 1, overflow: "auto" } }, protocols.length === 0 ? /* @__PURE__ */ React170.createElement(Box33, { py: "md" }, /* @__PURE__ */ React170.createElement(Text88, { c: "dimmed", ta: "center" }, "No protocols configured.", /* @__PURE__ */ React170.createElement("br", null), "Add protocol DIDs in template mode.")) : protocols.map((protocol) => {
       const isSelected = protocol.did === selectedDid;
       return /* @__PURE__ */ React170.createElement(
-        Box32,
+        Box33,
         {
           key: protocol.did,
           onClick: () => !protocol.loading && handleSelectProtocol(protocol),
@@ -16125,7 +16088,7 @@ var ProtocolSelectorFlowView = ({ editor, block, isDisabled }) => {
     open();
   };
   const containerContent = /* @__PURE__ */ React171.createElement(BaseContainer, { onClick: disabled ? void 0 : handleClick }, /* @__PURE__ */ React171.createElement(Group53, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React171.createElement(Group53, { wrap: "nowrap", align: "center", gap: "md" }, /* @__PURE__ */ React171.createElement(
-    Box33,
+    Box34,
     {
       style: {
         display: "flex",
@@ -16137,7 +16100,7 @@ var ProtocolSelectorFlowView = ({ editor, block, isDisabled }) => {
     /* @__PURE__ */ React171.createElement(IconCircleDashed3, { size: 26, color: "white" })
   ), /* @__PURE__ */ React171.createElement(Stack116, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React171.createElement(Text89, { fw: 500, size: "sm", lineClamp: 1, style: { opacity: disabled ? 0.5 : 1 } }, block.props.title || "Select Protocol"), isCompleted && block.props.selectedProtocolType ? /* @__PURE__ */ React171.createElement(Badge24, { size: "sm", styles: { root: { backgroundColor: "var(--mantine-primary-color-light)", color: "var(--mantine-primary-color-filled)" } } }, block.props.selectedProtocolType) : /* @__PURE__ */ React171.createElement(Text89, { size: "xs", c: "dimmed", style: { opacity: disabled ? 0.5 : 1 } }, "Selection"))), /* @__PURE__ */ React171.createElement(Stack116, { gap: 2, align: "flex-end" }, isCompleted ? /* @__PURE__ */ React171.createElement(React171.Fragment, null, /* @__PURE__ */ React171.createElement(Group53, { gap: 4 }, /* @__PURE__ */ React171.createElement(IconChecks, { size: 16, color: "var(--mantine-color-green-4)" }), /* @__PURE__ */ React171.createElement(Text89, { size: "sm", c: "green.4", fw: 500 }, "Completed")), /* @__PURE__ */ React171.createElement(Text89, { size: "xs", c: "dimmed", lineClamp: 1 }, block.props.selectedProtocolName || block.props.selectedProtocolDid)) : /* @__PURE__ */ React171.createElement(React171.Fragment, null, /* @__PURE__ */ React171.createElement(Text89, { size: "sm" }, "Pending"), /* @__PURE__ */ React171.createElement(Text89, { size: "xs", c: "dimmed" }, "Complete now")))));
   if (disabled && isDisabled?.message) {
-    return /* @__PURE__ */ React171.createElement(Tooltip16, { label: isDisabled.message, position: "top", withArrow: true }, /* @__PURE__ */ React171.createElement(Box33, { style: { cursor: "not-allowed" } }, containerContent));
+    return /* @__PURE__ */ React171.createElement(Tooltip16, { label: isDisabled.message, position: "top", withArrow: true }, /* @__PURE__ */ React171.createElement(Box34, { style: { cursor: "not-allowed" } }, containerContent));
   }
   return containerContent;
 };
@@ -17183,7 +17146,7 @@ import { IconChevronRight as IconChevronRight9, IconLoader, IconTestPipe, IconTr
 
 // src/mantine/blocks/domainCardViewer/flow/ViewerPanel.tsx
 import React191, { useMemo as useMemo58 } from "react";
-import { Paper as Paper20, CloseButton as CloseButton15, Title as Title18, Stack as Stack124, Text as Text98, Loader as Loader25, Alert as Alert25, Button as Button33, Box as Box34, ScrollArea as ScrollArea6, Code as Code6 } from "@mantine/core";
+import { Paper as Paper20, CloseButton as CloseButton15, Title as Title18, Stack as Stack124, Text as Text98, Loader as Loader25, Alert as Alert25, Button as Button33, Box as Box35, ScrollArea as ScrollArea6, Code as Code6 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle12, IconCheck as IconCheck6, IconSparkles as IconSparkles3 } from "@tabler/icons-react";
 function parsePreviewData(jsonString) {
   if (!jsonString || jsonString === "{}") return null;
@@ -17194,7 +17157,7 @@ function parsePreviewData(jsonString) {
   }
 }
 var JsonViewer = ({ data }) => {
-  return /* @__PURE__ */ React191.createElement(ScrollArea6, { h: "100%", offsetScrollbars: true }, /* @__PURE__ */ React191.createElement(Stack124, { gap: "md" }, data.name && /* @__PURE__ */ React191.createElement(Box34, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Name"), /* @__PURE__ */ React191.createElement(Text98, { size: "lg", fw: 600 }, data.name)), data.summary && /* @__PURE__ */ React191.createElement(Box34, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Summary"), /* @__PURE__ */ React191.createElement(Text98, { size: "sm" }, data.summary)), data.description && /* @__PURE__ */ React191.createElement(Box34, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Description"), /* @__PURE__ */ React191.createElement(Text98, { size: "sm" }, data.description)), data.entity_type && data.entity_type.length > 0 && /* @__PURE__ */ React191.createElement(Box34, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Type"), /* @__PURE__ */ React191.createElement(Text98, { size: "sm" }, data.entity_type.join(", "))), data.keywords && data.keywords.length > 0 && /* @__PURE__ */ React191.createElement(Box34, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Keywords"), /* @__PURE__ */ React191.createElement(Text98, { size: "sm" }, data.keywords.join(", "))), data.faq && data.faq.length > 0 && /* @__PURE__ */ React191.createElement(Box34, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, mb: "xs" }, "FAQ"), /* @__PURE__ */ React191.createElement(Stack124, { gap: "sm" }, data.faq.map((item, index) => /* @__PURE__ */ React191.createElement(Box34, { key: index, p: "sm", style: { borderRadius: 8, backgroundColor: "var(--mantine-color-dark-6)" } }, /* @__PURE__ */ React191.createElement(Text98, { size: "sm", fw: 500, mb: 4 }, item.question), /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed" }, item.answer))))), /* @__PURE__ */ React191.createElement(Box34, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, mb: "xs" }, "Raw Data"), /* @__PURE__ */ React191.createElement(Code6, { block: true, style: { fontSize: 11, maxHeight: 200, overflow: "auto" } }, JSON.stringify(data, null, 2)))));
+  return /* @__PURE__ */ React191.createElement(ScrollArea6, { h: "100%", offsetScrollbars: true }, /* @__PURE__ */ React191.createElement(Stack124, { gap: "md" }, data.name && /* @__PURE__ */ React191.createElement(Box35, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Name"), /* @__PURE__ */ React191.createElement(Text98, { size: "lg", fw: 600 }, data.name)), data.summary && /* @__PURE__ */ React191.createElement(Box35, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Summary"), /* @__PURE__ */ React191.createElement(Text98, { size: "sm" }, data.summary)), data.description && /* @__PURE__ */ React191.createElement(Box35, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Description"), /* @__PURE__ */ React191.createElement(Text98, { size: "sm" }, data.description)), data.entity_type && data.entity_type.length > 0 && /* @__PURE__ */ React191.createElement(Box35, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Type"), /* @__PURE__ */ React191.createElement(Text98, { size: "sm" }, data.entity_type.join(", "))), data.keywords && data.keywords.length > 0 && /* @__PURE__ */ React191.createElement(Box35, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600 }, "Keywords"), /* @__PURE__ */ React191.createElement(Text98, { size: "sm" }, data.keywords.join(", "))), data.faq && data.faq.length > 0 && /* @__PURE__ */ React191.createElement(Box35, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, mb: "xs" }, "FAQ"), /* @__PURE__ */ React191.createElement(Stack124, { gap: "sm" }, data.faq.map((item, index) => /* @__PURE__ */ React191.createElement(Box35, { key: index, p: "sm", style: { borderRadius: 8, backgroundColor: "var(--mantine-color-dark-6)" } }, /* @__PURE__ */ React191.createElement(Text98, { size: "sm", fw: 500, mb: 4 }, item.question), /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed" }, item.answer))))), /* @__PURE__ */ React191.createElement(Box35, null, /* @__PURE__ */ React191.createElement(Text98, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, mb: "xs" }, "Raw Data"), /* @__PURE__ */ React191.createElement(Code6, { block: true, style: { fontSize: 11, maxHeight: 200, overflow: "auto" } }, JSON.stringify(data, null, 2)))));
 };
 var ViewerPanel = ({ block, onApprove }) => {
   const { closePanel } = usePanelStore();
@@ -17233,7 +17196,7 @@ var ViewerPanel = ({ block, onApprove }) => {
       /* @__PURE__ */ React191.createElement(Title18, { order: 5 }, block.props.title || "Domain Card"),
       /* @__PURE__ */ React191.createElement(CloseButton15, { onClick: closePanel })
     ),
-    /* @__PURE__ */ React191.createElement(Box34, { style: { flex: 1, overflow: "hidden", display: "flex", flexDirection: "column" } }, isLoading && /* @__PURE__ */ React191.createElement(Stack124, { align: "center", justify: "center", style: { flex: 1 }, gap: "md" }, /* @__PURE__ */ React191.createElement(Loader25, { size: "lg", color: "blue" }), /* @__PURE__ */ React191.createElement(Stack124, { align: "center", gap: "xs" }, /* @__PURE__ */ React191.createElement(IconSparkles3, { size: 24, color: "var(--mantine-color-blue-5)" }), /* @__PURE__ */ React191.createElement(Text98, { size: "sm", c: "dimmed", ta: "center" }, loadingMessage))), isError && /* @__PURE__ */ React191.createElement(Stack124, { style: { flex: 1 }, gap: "md" }, /* @__PURE__ */ React191.createElement(Alert25, { icon: /* @__PURE__ */ React191.createElement(IconAlertCircle12, { size: 16 }), title: "Error", color: "red", variant: "light" }, errorMessage), /* @__PURE__ */ React191.createElement(Text98, { size: "sm", c: "dimmed", ta: "center" }, "Please ask the oracle to try again.")), (isReady || isApproved) && hasData && /* @__PURE__ */ React191.createElement(Box34, { style: { flex: 1, overflow: "hidden" } }, domainCardRenderer ? (
+    /* @__PURE__ */ React191.createElement(Box35, { style: { flex: 1, overflow: "hidden", display: "flex", flexDirection: "column" } }, isLoading && /* @__PURE__ */ React191.createElement(Stack124, { align: "center", justify: "center", style: { flex: 1 }, gap: "md" }, /* @__PURE__ */ React191.createElement(Loader25, { size: "lg", color: "blue" }), /* @__PURE__ */ React191.createElement(Stack124, { align: "center", gap: "xs" }, /* @__PURE__ */ React191.createElement(IconSparkles3, { size: 24, color: "var(--mantine-color-blue-5)" }), /* @__PURE__ */ React191.createElement(Text98, { size: "sm", c: "dimmed", ta: "center" }, loadingMessage))), isError && /* @__PURE__ */ React191.createElement(Stack124, { style: { flex: 1 }, gap: "md" }, /* @__PURE__ */ React191.createElement(Alert25, { icon: /* @__PURE__ */ React191.createElement(IconAlertCircle12, { size: 16 }), title: "Error", color: "red", variant: "light" }, errorMessage), /* @__PURE__ */ React191.createElement(Text98, { size: "sm", c: "dimmed", ta: "center" }, "Please ask the oracle to try again.")), (isReady || isApproved) && hasData && /* @__PURE__ */ React191.createElement(Box35, { style: { flex: 1, overflow: "hidden" } }, domainCardRenderer ? (
       // Use custom renderer from web app
       /* @__PURE__ */ React191.createElement(ScrollArea6, { h: "100%", offsetScrollbars: true }, domainCardRenderer(domainPreviewData))
     ) : (
@@ -17241,7 +17204,7 @@ var ViewerPanel = ({ block, onApprove }) => {
       /* @__PURE__ */ React191.createElement(JsonViewer, { data: domainPreviewData })
     )), !isLoading && !isError && !hasData && /* @__PURE__ */ React191.createElement(Stack124, { align: "center", justify: "center", style: { flex: 1 }, gap: "md" }, /* @__PURE__ */ React191.createElement(Text98, { size: "sm", c: "dimmed", ta: "center" }, "No domain data available yet."))),
     isReady && hasData && /* @__PURE__ */ React191.createElement(
-      Box34,
+      Box35,
       {
         pt: "md",
         mt: "md",
@@ -17255,7 +17218,7 @@ var ViewerPanel = ({ block, onApprove }) => {
       /* @__PURE__ */ React191.createElement(Button33, { fullWidth: true, color: "teal", leftSection: /* @__PURE__ */ React191.createElement(IconCheck6, { size: 16 }), onClick: onApprove }, "Approve")
     ),
     isApproved && /* @__PURE__ */ React191.createElement(
-      Box34,
+      Box35,
       {
         pt: "md",
         mt: "md",
@@ -18830,9 +18793,190 @@ function useCreateCollaborativeIxoEditor(options) {
   };
 }
 
+// src/mantine/components/Base/BaseIconPicker.tsx
+import React196, { useState as useState68, useMemo as useMemo65, useEffect as useEffect53 } from "react";
+import { TextInput as TextInput6, Tabs as Tabs3, Box as Box36, Stack as Stack126, UnstyledButton as UnstyledButton2, Text as Text100, Center as Center13, ScrollArea as ScrollArea7, Group as Group62, Popover as Popover2 } from "@mantine/core";
+import * as TablerIcons from "@tabler/icons-react";
+import { IconSearch as IconSearch5, IconX as IconX8, IconChevronLeft, IconChevronRight as IconChevronRight10 } from "@tabler/icons-react";
+
+// src/mantine/components/Base/CoverImageButton.tsx
+import React195, { forwardRef } from "react";
+import { Button as Button35 } from "@mantine/core";
+var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style, ...props }, ref) => /* @__PURE__ */ React195.createElement(
+  Button35,
+  {
+    ref,
+    variant: "filled",
+    onClick,
+    size: "xs",
+    style: {
+      backgroundColor: isActive ? "rgba(55, 53, 47, 0.9)" : "rgba(255, 255, 255, 0.9)",
+      color: isActive ? "white" : "#37352f",
+      fontSize: "12px",
+      fontWeight: 500,
+      padding: "4px 8px",
+      height: "auto",
+      ...style
+    },
+    ...props
+  },
+  children
+));
+CoverImageButton.displayName = "CoverImageButton";
+
+// src/core/services/localStorage.ts
+var localStorageService = {
+  set(key, value) {
+    try {
+      window.localStorage.setItem(key, JSON.stringify(value));
+    } catch {
+    }
+  },
+  get(key) {
+    try {
+      const item = window.localStorage.getItem(key);
+      return item ? JSON.parse(item) : null;
+    } catch {
+      return null;
+    }
+  },
+  remove(key) {
+    try {
+      window.localStorage.removeItem(key);
+    } catch {
+    }
+  }
+};
+
+// src/mantine/components/Base/BaseIconPicker.tsx
+var iconsKey = "editor_recent_icons";
+var ICONS_PER_PAGE = 500;
+function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children, currentIcon }) {
+  const [searchQuery, setSearchQuery] = useState68("");
+  const [activeTab, setActiveTab] = useState68("icons");
+  const [currentPage, setCurrentPage] = useState68(1);
+  const allIcons = useMemo65(() => {
+    const iconEntries = Object.entries(TablerIcons).filter(([name]) => name.startsWith("Icon") && name !== "IconProps");
+    return iconEntries;
+  }, []);
+  const filteredIcons = useMemo65(() => {
+    if (!searchQuery) return allIcons;
+    const query = searchQuery.toLowerCase();
+    return allIcons.filter(([name]) => name.toLowerCase().includes(query));
+  }, [allIcons, searchQuery]);
+  useEffect53(() => {
+    setCurrentPage(1);
+  }, [searchQuery]);
+  const paginatedIcons = useMemo65(() => {
+    const startIndex = (currentPage - 1) * ICONS_PER_PAGE;
+    const endIndex = startIndex + ICONS_PER_PAGE;
+    return filteredIcons.slice(startIndex, endIndex);
+  }, [filteredIcons, currentPage]);
+  const totalPages = Math.ceil(filteredIcons.length / ICONS_PER_PAGE);
+  const recentIcons = useMemo65(() => {
+    const recentIconNames = localStorageService.get(iconsKey);
+    if (!recentIconNames || recentIconNames.length === 0) return [];
+    return recentIconNames.slice(0, 24).map((iconName) => allIcons.find(([name]) => name === iconName)).filter((entry) => entry !== void 0);
+  }, [opened, allIcons]);
+  const handleIconClick = (iconName) => {
+    const recentIconNames = localStorageService.get(iconsKey) || [];
+    const filteredIcons2 = recentIconNames.filter((name) => name !== iconName);
+    const updatedIcons = [iconName, ...filteredIcons2].slice(0, 24);
+    localStorageService.set(iconsKey, updatedIcons);
+    onSelectIcon(iconName);
+    onClose();
+  };
+  const renderIconGrid = (icons) => {
+    if (icons.length === 0) {
+      return /* @__PURE__ */ React196.createElement(Center13, { py: "xl" }, /* @__PURE__ */ React196.createElement(Text100, { c: "dimmed", size: "sm" }, "No icons found"));
+    }
+    return /* @__PURE__ */ React196.createElement(
+      Box36,
+      {
+        style: {
+          display: "grid",
+          gridTemplateColumns: "repeat(auto-fill, minmax(48px, 1fr))",
+          gap: "8px",
+          padding: "8px"
+        }
+      },
+      icons.map(([name, IconComponent]) => {
+        const isSelected = currentIcon === name.replace("Icon", "").replace(/([A-Z])/g, "-$1").toLowerCase().slice(1);
+        return /* @__PURE__ */ React196.createElement(
+          UnstyledButton2,
+          {
+            key: name,
+            onClick: () => handleIconClick(name),
+            style: {
+              width: "48px",
+              height: "48px",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              borderRadius: "8px",
+              border: isSelected ? "2px solid rgb(0, 255, 157)" : "1px solid rgba(255, 255, 255, 0.1)",
+              backgroundColor: isSelected ? "rgba(0, 255, 157, 0.1)" : "rgba(255, 255, 255, 0.02)",
+              transition: "all 0.2s",
+              cursor: "pointer"
+            },
+            styles: {
+              root: {
+                "&:hover": {
+                  backgroundColor: "rgba(255, 255, 255, 0.08)",
+                  borderColor: "rgba(255, 255, 255, 0.2)"
+                }
+              }
+            }
+          },
+          /* @__PURE__ */ React196.createElement(IconComponent, { color: "white", size: 24, stroke: 1.5 })
+        );
+      })
+    );
+  };
+  return /* @__PURE__ */ React196.createElement(Popover2, { opened, onClose, position: "right", width: 500, shadow: "xl" }, /* @__PURE__ */ React196.createElement(Popover2.Target, null, children), /* @__PURE__ */ React196.createElement(
+    Popover2.Dropdown,
+    {
+      style: {
+        backgroundColor: "#1a1a1a",
+        border: "1px solid rgba(255, 255, 255, 0.1)",
+        borderRadius: "12px"
+      },
+      p: 0
+    },
+    /* @__PURE__ */ React196.createElement(Stack126, { gap: "md", p: "md" }, /* @__PURE__ */ React196.createElement(Tabs3, { value: activeTab, onChange: setActiveTab, variant: "pills" }, /* @__PURE__ */ React196.createElement(Tabs3.List, null, /* @__PURE__ */ React196.createElement(Tabs3.Tab, { value: "icons" }, "Icons"), /* @__PURE__ */ React196.createElement(Tabs3.Tab, { value: "upload" }, "Upload")), /* @__PURE__ */ React196.createElement(Tabs3.Panel, { value: "icons", pt: "md" }, /* @__PURE__ */ React196.createElement(
+      TextInput6,
+      {
+        mb: "md",
+        placeholder: "Filter",
+        leftSection: /* @__PURE__ */ React196.createElement(IconSearch5, { size: 18 }),
+        value: searchQuery,
+        onChange: (e) => setSearchQuery(e.currentTarget.value),
+        rightSection: searchQuery && /* @__PURE__ */ React196.createElement(UnstyledButton2, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React196.createElement(IconX8, { size: 18 })),
+        style: { flex: 1 },
+        styles: {
+          input: {
+            backgroundColor: "rgba(255, 255, 255, 0.05)",
+            border: "1px solid rgba(255, 255, 255, 0.1)",
+            borderRadius: "8px"
+          }
+        }
+      }
+    ), !searchQuery && /* @__PURE__ */ React196.createElement(Box36, { mb: "md" }, /* @__PURE__ */ React196.createElement(Text100, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React196.createElement(ScrollArea7.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React196.createElement(Box36, null, /* @__PURE__ */ React196.createElement(Group62, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React196.createElement(Text100, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React196.createElement(Group62, { gap: "xs" }, /* @__PURE__ */ React196.createElement(Text100, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React196.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React196.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React196.createElement(
+      BaseButton,
+      {
+        size: "xs",
+        onClick: () => setCurrentPage((p) => Math.min(totalPages, p + 1)),
+        disabled: currentPage === totalPages,
+        leftSection: /* @__PURE__ */ React196.createElement(IconChevronRight10, { size: 14 })
+      },
+      "Next"
+    ))), /* @__PURE__ */ React196.createElement(ScrollArea7.Autosize, { scrollbarSize: 0, mah: 200 }, renderIconGrid(paginatedIcons)))), /* @__PURE__ */ React196.createElement(Tabs3.Panel, { value: "upload", pt: "md" }, /* @__PURE__ */ React196.createElement(Center13, { py: "xl" }, /* @__PURE__ */ React196.createElement(Stack126, { align: "center", gap: "md" }, /* @__PURE__ */ React196.createElement(Text100, { size: "sm", c: "dimmed", ta: "center" }, "Upload a custom icon image", /* @__PURE__ */ React196.createElement("br", null), "(PNG, JPG, SVG)"), /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: onUploadClick }, "Choose File"))))))
+  ));
+}
+
 // src/mantine/components/CoverImage.tsx
-import React196, { useState as useState68, useRef as useRef12, useEffect as useEffect53 } from "react";
-import { Box as Box35, Group as Group62 } from "@mantine/core";
+import React198, { useState as useState69, useRef as useRef12, useEffect as useEffect54 } from "react";
+import { Box as Box38, Group as Group63 } from "@mantine/core";
 
 // src/core/lib/imageTransform.ts
 var CLOUDFLARE_CDN_BASE = "https://www.ixo.earth/cdn-cgi/image";
@@ -18964,40 +19108,67 @@ function transformIconImage(sourceUrl, size = "default", customOptions) {
   return transformImage(sourceUrl, options);
 }
 
-// src/mantine/components/Base/CoverImageButton.tsx
-import React195 from "react";
-import { Button as Button35 } from "@mantine/core";
-function CoverImageButton({ isActive = false, children, onClick, style }) {
-  return /* @__PURE__ */ React195.createElement(
-    Button35,
+// src/mantine/components/Base/PageIcon.tsx
+import React197, { useMemo as useMemo66 } from "react";
+import { Center as Center14, Box as Box37 } from "@mantine/core";
+import * as TablerIcons2 from "@tabler/icons-react";
+function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
+  const isIconName = src && !src.startsWith("http");
+  const IconComponent = useMemo66(() => {
+    if (!isIconName || !src) return null;
+    const iconComponent = TablerIcons2[src];
+    if (iconComponent) {
+      return iconComponent;
+    }
+    return null;
+  }, [isIconName, src]);
+  const Container = useCenter ? Center14 : Box37;
+  if (!src) return null;
+  if (IconComponent) {
+    return /* @__PURE__ */ React197.createElement(
+      Container,
+      {
+        style: {
+          width: "100%",
+          height: "100%",
+          borderRadius: "100%",
+          boxShadow: "0 1px 2px rgba(0, 0, 0, 0.1)",
+          backgroundColor: "rgba(255, 255, 255, 0.1)",
+          ...style
+        }
+      },
+      /* @__PURE__ */ React197.createElement(IconComponent, { size: iconSize, color: "white", stroke: 1.5 })
+    );
+  }
+  return /* @__PURE__ */ React197.createElement(
+    "img",
     {
-      onClick,
-      variant: "filled",
-      size: "xs",
+      src,
+      alt: "Logo",
       style: {
-        backgroundColor: isActive ? "rgba(55, 53, 47, 0.9)" : "rgba(255, 255, 255, 0.9)",
-        color: isActive ? "white" : "#37352f",
-        fontSize: "12px",
-        fontWeight: 500,
-        padding: "4px 8px",
-        height: "auto",
+        width: "100%",
+        height: "100%",
+        borderRadius: "100%",
+        boxShadow: "0 1px 2px rgba(0, 0, 0, 0.1)",
+        objectFit: "cover",
         ...style
       }
-    },
-    children
+    }
   );
 }
 
 // src/mantine/components/CoverImage.tsx
+import { useDisclosure as useDisclosure4 } from "@mantine/hooks";
 function CoverImage({ coverImageUrl, logoUrl }) {
   const { editor, handlers, editable } = useBlocknoteContext();
-  const [isHovering, setIsHovering] = useState68(false);
-  const [isRepositioning, setIsRepositioning] = useState68(false);
-  const [coverPosition, setCoverPosition] = useState68(50);
+  const [isHovering, setIsHovering] = useState69(false);
+  const [isRepositioning, setIsRepositioning] = useState69(false);
+  const [coverPosition, setCoverPosition] = useState69(50);
   const coverFileInputRef = useRef12(null);
   const logoFileInputRef = useRef12(null);
-  const [metadata, setMetadata] = useState68(() => editor?.getPageMetadata?.() || null);
-  useEffect53(() => {
+  const [opened, { open, close }] = useDisclosure4(false);
+  const [metadata, setMetadata] = useState69(() => editor?.getPageMetadata?.() || null);
+  useEffect54(() => {
     if (!editor?._metadataManager) {
       return;
     }
@@ -19011,7 +19182,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
   const rawCoverUrl = metadata?.cover || coverImageUrl;
   const rawLogoUrl = metadata?.icon || logoUrl;
   const coverUrl = rawCoverUrl ? transformCoverImage(rawCoverUrl, "desktop") : void 0;
-  const logoSrc = rawLogoUrl ? transformIconImage(rawLogoUrl, "default") : void 0;
+  const logoSrc = rawLogoUrl ? rawLogoUrl.startsWith("http") ? transformIconImage(rawLogoUrl, "default") : rawLogoUrl : void 0;
   const hasCover = !!coverUrl;
   const hasLogo = !!logoSrc;
   const handleFileSelect = async (event, type) => {
@@ -19031,46 +19202,37 @@ function CoverImage({ coverImageUrl, logoUrl }) {
       } else {
         await editor.setPageMetadata?.({ icon: imageUrl });
       }
-    } catch (error) {
+    } catch {
       const currentMetadata = editor?.getPageMetadata?.();
       if (currentMetadata) {
         setMetadata(currentMetadata);
       }
     }
   };
-  const handleAddCover = () => {
-    coverFileInputRef.current?.click();
-  };
-  const handleChangeCover = () => {
-    coverFileInputRef.current?.click();
-  };
-  const handleReposition = () => {
-    setIsRepositioning(!isRepositioning);
-  };
   const handleRemoveCover = async () => {
     if (!editor) return;
     setMetadata((prev) => ({ ...prev, cover: void 0 }));
     try {
       await editor.setPageMetadata?.({ cover: void 0 });
-    } catch (error) {
+    } catch {
       const currentMetadata = editor?.getPageMetadata?.();
       if (currentMetadata) {
         setMetadata(currentMetadata);
       }
     }
   };
-  const handleAddLogo = () => {
-    logoFileInputRef.current?.click();
-  };
-  const handleChangeLogo = () => {
-    logoFileInputRef.current?.click();
+  const handleSelectLogoIcon = async (iconName) => {
+    if (editor) {
+      await editor.setPageMetadata?.({ icon: iconName });
+      setMetadata((prev) => ({ ...prev, icon: iconName }));
+    }
   };
   const handleRemoveLogo = async () => {
     if (!editor) return;
     setMetadata((prev) => ({ ...prev, icon: void 0 }));
     try {
       await editor.setPageMetadata?.({ icon: void 0 });
-    } catch (error) {
+    } catch {
       const currentMetadata = editor?.getPageMetadata?.();
       if (currentMetadata) {
         setMetadata(currentMetadata);
@@ -19088,8 +19250,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     return null;
   }
   if (!hasCover) {
-    return /* @__PURE__ */ React196.createElement(
-      Box35,
+    return /* @__PURE__ */ React198.createElement(
+      Box38,
       {
         style: {
           position: "relative",
@@ -19101,8 +19263,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         onMouseEnter: () => editable && setIsHovering(true),
         onMouseLeave: () => editable && setIsHovering(false)
       },
-      /* @__PURE__ */ React196.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React196.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React196.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React196.createElement(
-        Group62,
+      /* @__PURE__ */ React198.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React198.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React198.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React198.createElement(
+        Group63,
         {
           gap: "xs",
           style: {
@@ -19112,10 +19274,20 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 10
           }
         },
-        /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleAddLogo }, "Add icon"),
-        /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleAddCover }, "Add cover")
-      ), logoSrc && /* @__PURE__ */ React196.createElement(
-        Box35,
+        /* @__PURE__ */ React198.createElement(
+          BaseIconPicker,
+          {
+            opened,
+            onClose: close,
+            currentIcon: metadata?.icon ?? "",
+            onSelectIcon: (name) => handleSelectLogoIcon(name),
+            onUploadClick: () => logoFileInputRef.current?.click()
+          },
+          /* @__PURE__ */ React198.createElement(CoverImageButton, { onClick: open }, "Add icon")
+        ),
+        /* @__PURE__ */ React198.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
+      ), logoSrc && /* @__PURE__ */ React198.createElement(
+        Box38,
         {
           style: {
             position: "relative",
@@ -19128,21 +19300,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 11
           }
         },
-        /* @__PURE__ */ React196.createElement(
-          "img",
-          {
-            src: logoSrc,
-            alt: "Logo",
-            style: {
-              width: "100%",
-              height: "100%",
-              borderRadius: "100%",
-              boxShadow: "0 1px 2px rgba(0, 0, 0, 0.1)",
-              objectFit: "cover"
-            }
-          }
-        ),
-        editable && isHovering && /* @__PURE__ */ React196.createElement(
+        /* @__PURE__ */ React198.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
+        editable && isHovering && /* @__PURE__ */ React198.createElement(
           "div",
           {
             style: {
@@ -19157,21 +19316,30 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               alignItems: "center"
             }
           },
-          /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleChangeLogo }, "Change"),
-          /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
-          /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleAddCover }, "Add cover")
+          /* @__PURE__ */ React198.createElement(
+            BaseIconPicker,
+            {
+              opened,
+              onClose: close,
+              currentIcon: metadata?.icon ?? "",
+              onSelectIcon: (name) => handleSelectLogoIcon(name),
+              onUploadClick: () => logoFileInputRef.current?.click()
+            },
+            /* @__PURE__ */ React198.createElement(CoverImageButton, { onClick: open }, "Change")
+          ),
+          /* @__PURE__ */ React198.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
+          /* @__PURE__ */ React198.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
         )
       ))
     );
   }
-  return /* @__PURE__ */ React196.createElement(
-    Box35,
+  return /* @__PURE__ */ React198.createElement(
+    Box38,
     {
       style: {
         position: "relative",
         width: "100%",
         paddingBottom: "70px",
-        // Space for logo area (increased for 120px logo)
         cursor: isRepositioning ? "ns-resize" : "default",
         backgroundColor: "transparent"
       },
@@ -19185,7 +19353,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
       onMouseMove: handleMouseMove,
       onClick: () => isRepositioning && setIsRepositioning(false)
     },
-    /* @__PURE__ */ React196.createElement(
+    /* @__PURE__ */ React198.createElement(
       "img",
       {
         src: coverUrl,
@@ -19203,8 +19371,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         }
       }
     ),
-    editable && isHovering && /* @__PURE__ */ React196.createElement(
-      Group62,
+    editable && isHovering && /* @__PURE__ */ React198.createElement(
+      Group63,
       {
         gap: "xs",
         style: {
@@ -19214,12 +19382,12 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 10
         }
       },
-      /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleChangeCover }, "Change cover"),
-      /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleReposition, isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
-      /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove")
+      /* @__PURE__ */ React198.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Change cover"),
+      /* @__PURE__ */ React198.createElement(CoverImageButton, { onClick: () => setIsRepositioning(!isRepositioning), isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
+      /* @__PURE__ */ React198.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove")
     ),
-    /* @__PURE__ */ React196.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React196.createElement(
-      Box35,
+    /* @__PURE__ */ React198.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React198.createElement(
+      Box38,
       {
         style: {
           position: "absolute",
@@ -19230,61 +19398,52 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 11
         }
       },
-      logoSrc && /* @__PURE__ */ React196.createElement(
-        "img",
+      logoSrc && /* @__PURE__ */ React198.createElement(PageIcon, { src: logoSrc, iconSize: 64 }),
+      editable && isHovering && /* @__PURE__ */ React198.createElement(React198.Fragment, null, logoSrc ? /* @__PURE__ */ React198.createElement(
+        Group63,
         {
-          src: logoSrc,
-          alt: "Logo",
+          gap: "xs",
           style: {
-            borderRadius: "100%",
-            width: "100%",
-            height: "100%",
-            boxShadow: "0 1px 2px rgba(0, 0, 0, 0.1)",
-            objectFit: "cover"
+            position: "absolute",
+            top: "0",
+            left: "130px",
+            zIndex: 12
           }
-        }
-      ),
-      editable && isHovering && /* @__PURE__ */ React196.createElement(React196.Fragment, null, logoSrc ? (
-        // Logo exists: Show Change/Remove buttons when hovering on cover
-        /* @__PURE__ */ React196.createElement(
-          Group62,
-          {
-            gap: "xs",
-            style: {
-              position: "absolute",
-              top: "0",
-              left: "130px",
-              zIndex: 12
-            }
-          },
-          /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleChangeLogo }, "Change"),
-          /* @__PURE__ */ React196.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
-        )
-      ) : (
-        // No logo: Show "Add icon" button when hovering anywhere on cover
-        /* @__PURE__ */ React196.createElement(
-          CoverImageButton,
+        },
+        /* @__PURE__ */ React198.createElement(
+          BaseIconPicker,
           {
-            onClick: handleAddLogo,
-            style: {
-              position: "absolute",
-              top: "50%",
-              left: "50%",
-              transform: "translate(-50%, -50%)",
-              zIndex: 12
-            }
+            opened,
+            onClose: close,
+            currentIcon: metadata?.icon ?? "",
+            onSelectIcon: (name) => handleSelectLogoIcon(name),
+            onUploadClick: () => logoFileInputRef.current?.click()
           },
-          "Add icon"
-        )
+          /* @__PURE__ */ React198.createElement(CoverImageButton, { onClick: open }, "Change")
+        ),
+        /* @__PURE__ */ React198.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
+      ) : /* @__PURE__ */ React198.createElement(
+        CoverImageButton,
+        {
+          onClick: open,
+          style: {
+            position: "absolute",
+            top: "50%",
+            left: "50%",
+            transform: "translate(-50%, -50%)",
+            zIndex: 12
+          }
+        },
+        "Add icon"
       ))
     )),
-    /* @__PURE__ */ React196.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
-    /* @__PURE__ */ React196.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
+    /* @__PURE__ */ React198.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
+    /* @__PURE__ */ React198.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
   );
 }
 
 // src/mantine/components/PageHeader.tsx
-import React197, { useState as useState69, useRef as useRef13, useEffect as useEffect54 } from "react";
+import React199, { useState as useState70, useRef as useRef13, useEffect as useEffect55 } from "react";
 function PageHeader({
   title = "New page",
   icon,
@@ -19295,9 +19454,9 @@ function PageHeader({
   isFavorited = false,
   menuItems = []
 }) {
-  const [isMenuOpen, setIsMenuOpen] = useState69(false);
+  const [isMenuOpen, setIsMenuOpen] = useState70(false);
   const menuRef = useRef13(null);
-  useEffect54(() => {
+  useEffect55(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         setIsMenuOpen(false);
@@ -19316,14 +19475,14 @@ function PageHeader({
       setIsMenuOpen(false);
     }
   };
-  return /* @__PURE__ */ React197.createElement("div", { style: styles.container }, /* @__PURE__ */ React197.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React197.createElement("span", { style: styles.icon }, icon || "\u{1F4C4}"), /* @__PURE__ */ React197.createElement("span", { style: styles.title }, title), isPrivate && /* @__PURE__ */ React197.createElement("button", { style: styles.privacyBadge }, /* @__PURE__ */ React197.createElement("span", { style: styles.lockIcon }, "\u{1F512}"), /* @__PURE__ */ React197.createElement("span", null, "Private"), /* @__PURE__ */ React197.createElement("span", { style: styles.chevron }, "\u25BE"))), /* @__PURE__ */ React197.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React197.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React197.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React197.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React197.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React197.createElement(
+  return /* @__PURE__ */ React199.createElement("div", { style: styles.container }, /* @__PURE__ */ React199.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React199.createElement("span", { style: styles.icon }, icon || "\u{1F4C4}"), /* @__PURE__ */ React199.createElement("span", { style: styles.title }, title), isPrivate && /* @__PURE__ */ React199.createElement("button", { style: styles.privacyBadge }, /* @__PURE__ */ React199.createElement("span", { style: styles.lockIcon }, "\u{1F512}"), /* @__PURE__ */ React199.createElement("span", null, "Private"), /* @__PURE__ */ React199.createElement("span", { style: styles.chevron }, "\u25BE"))), /* @__PURE__ */ React199.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React199.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React199.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React199.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React199.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React199.createElement(
     "button",
     {
       style: styles.menuButton,
       onClick: () => setIsMenuOpen(!isMenuOpen),
       "aria-label": "Menu"
     },
-    /* @__PURE__ */ React197.createElement(
+    /* @__PURE__ */ React199.createElement(
       "svg",
       {
         width: "16",
@@ -19331,11 +19490,11 @@ function PageHeader({
         viewBox: "0 0 16 16",
         fill: "currentColor"
       },
-      /* @__PURE__ */ React197.createElement("circle", { cx: "3", cy: "8", r: "1.5" }),
-      /* @__PURE__ */ React197.createElement("circle", { cx: "8", cy: "8", r: "1.5" }),
-      /* @__PURE__ */ React197.createElement("circle", { cx: "13", cy: "8", r: "1.5" })
+      /* @__PURE__ */ React199.createElement("circle", { cx: "3", cy: "8", r: "1.5" }),
+      /* @__PURE__ */ React199.createElement("circle", { cx: "8", cy: "8", r: "1.5" }),
+      /* @__PURE__ */ React199.createElement("circle", { cx: "13", cy: "8", r: "1.5" })
     )
-  ), isMenuOpen && /* @__PURE__ */ React197.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React197.createElement(React197.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React197.createElement("div", { style: styles.divider }), /* @__PURE__ */ React197.createElement(
+  ), isMenuOpen && /* @__PURE__ */ React199.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React199.createElement(React199.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React199.createElement("div", { style: styles.divider }), /* @__PURE__ */ React199.createElement(
     "button",
     {
       style: {
@@ -19345,8 +19504,8 @@ function PageHeader({
       onClick: () => handleMenuItemClick(item),
       disabled: item.disabled
     },
-    item.icon && /* @__PURE__ */ React197.createElement("span", { style: styles.menuItemIcon }, item.icon),
-    /* @__PURE__ */ React197.createElement("span", null, item.label)
+    item.icon && /* @__PURE__ */ React199.createElement("span", { style: styles.menuItemIcon }, item.icon),
+    /* @__PURE__ */ React199.createElement("span", null, item.label)
   )))))));
 }
 var styles = {
@@ -19477,8 +19636,8 @@ var styles = {
 };
 
 // src/mantine/components/ExternalDropZone.tsx
-import React198, { useCallback as useCallback52, useEffect as useEffect55, useRef as useRef14, useState as useState70 } from "react";
-import { Box as Box36 } from "@mantine/core";
+import React200, { useCallback as useCallback52, useEffect as useEffect56, useRef as useRef14, useState as useState71 } from "react";
+import { Box as Box39 } from "@mantine/core";
 var SCROLL_ZONE_SIZE = 80;
 var SCROLL_SPEED = 12;
 var ExternalDropZone = ({
@@ -19491,9 +19650,9 @@ var ExternalDropZone = ({
   children
 }) => {
   const containerRef = useRef14(null);
-  const [isValidDrag, setIsValidDrag] = useState70(false);
-  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState70(false);
-  const [indicatorStyle, setIndicatorStyle] = useState70({});
+  const [isValidDrag, setIsValidDrag] = useState71(false);
+  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState71(false);
+  const [indicatorStyle, setIndicatorStyle] = useState71({});
   const dropPositionRef = useRef14(null);
   const scrollAnimationRef = useRef14(null);
   const scrollDirectionRef = useRef14(null);
@@ -19653,7 +19812,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  useEffect55(() => {
+  useEffect56(() => {
     const handleGlobalDragEnd = () => {
       setIsValidDrag(false);
       dropPositionRef.current = null;
@@ -19711,7 +19870,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer]
   );
-  useEffect55(() => {
+  useEffect56(() => {
     if (!isPlacementMode) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -19734,13 +19893,13 @@ var ExternalDropZone = ({
       document.removeEventListener("click", handleGlobalClick, true);
     };
   }, [isPlacementMode, onPlacementCancel]);
-  useEffect55(() => {
+  useEffect56(() => {
     if (!isPlacementMode) {
       setIsHoveringInPlacementMode(false);
       dropPositionRef.current = null;
     }
   }, [isPlacementMode]);
-  useEffect55(() => {
+  useEffect56(() => {
     const isActive = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
     if (isActive) {
       document.body.classList.add("external-artifact-drag-active");
@@ -19751,19 +19910,19 @@ var ExternalDropZone = ({
       document.body.classList.remove("external-artifact-drag-active");
     };
   }, [isValidDrag, isPlacementMode, isHoveringInPlacementMode]);
-  useEffect55(() => {
+  useEffect56(() => {
     return () => {
       if (scrollAnimationRef.current) {
         cancelAnimationFrame(scrollAnimationRef.current);
       }
     };
   }, []);
-  const indicatorWithPosition = dropIndicator && React198.isValidElement(dropIndicator) ? React198.cloneElement(dropIndicator, {
+  const indicatorWithPosition = dropIndicator && React200.isValidElement(dropIndicator) ? React200.cloneElement(dropIndicator, {
     indicatorTop: typeof indicatorStyle.top === "number" ? indicatorStyle.top : void 0
   }) : dropIndicator;
   const shouldShowIndicator = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
-  return /* @__PURE__ */ React198.createElement(
-    Box36,
+  return /* @__PURE__ */ React200.createElement(
+    Box39,
     {
       ref: containerRef,
       style: {
@@ -19778,8 +19937,8 @@ var ExternalDropZone = ({
       "data-placement-mode": isPlacementMode ? "true" : void 0
     },
     children,
-    isPlacementMode && /* @__PURE__ */ React198.createElement(
-      Box36,
+    isPlacementMode && /* @__PURE__ */ React200.createElement(
+      Box39,
       {
         style: {
           position: "absolute",
@@ -19798,20 +19957,20 @@ var ExternalDropZone = ({
         onWheel: handleOverlayWheel
       }
     ),
-    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React198.createElement(Box36, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
+    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React200.createElement(Box39, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
   );
 };
 
 // src/mantine/IxoEditor.tsx
-import React200 from "react";
+import React202 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 React199 from "react";
-import { Box as Box37 } from "@mantine/core";
+import React201 from "react";
+import { Box as Box40 } from "@mantine/core";
 var panelStyles = {
   light: {
     backgroundColor: "#ffffff",
@@ -19840,8 +19999,8 @@ function PanelContent({ theme }) {
   const { activePanel, registeredPanels } = usePanelStore();
   const isOpen = activePanel !== null;
   const content = activePanel ? registeredPanels.get(activePanel) : null;
-  return /* @__PURE__ */ React199.createElement(
-    Box37,
+  return /* @__PURE__ */ React201.createElement(
+    Box40,
     {
       pos: "sticky",
       right: 0,
@@ -19881,7 +20040,7 @@ function IxoEditorContent({
 }) {
   const { activePanel } = usePanelStore();
   const isPanelOpen = activePanel !== null;
-  const editorContent = /* @__PURE__ */ React200.createElement(
+  const editorContent = /* @__PURE__ */ React202.createElement(
     BlockNoteView,
     {
       editor,
@@ -19896,7 +20055,7 @@ function IxoEditorContent({
       onChange,
       onSelectionChange
     },
-    config.slashMenu && /* @__PURE__ */ React200.createElement(
+    config.slashMenu && /* @__PURE__ */ React202.createElement(
       SuggestionMenuController,
       {
         triggerCharacter: "/",
@@ -19909,7 +20068,7 @@ function IxoEditorContent({
     ),
     children
   );
-  return /* @__PURE__ */ React200.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React200.createElement(
+  return /* @__PURE__ */ React202.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React202.createElement(
     "div",
     {
       className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`,
@@ -19918,9 +20077,9 @@ function IxoEditorContent({
         transition: "width 0.2s ease"
       }
     },
-    selfNav && /* @__PURE__ */ React200.createElement(PageHeader, { ...pageHeaderProps }),
-    /* @__PURE__ */ React200.createElement(CoverImage, { coverImageUrl, logoUrl }),
-    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React200.createElement(
+    selfNav && /* @__PURE__ */ React202.createElement(PageHeader, { ...pageHeaderProps }),
+    /* @__PURE__ */ React202.createElement(CoverImage, { coverImageUrl, logoUrl }),
+    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React202.createElement(
       ExternalDropZone,
       {
         editor,
@@ -19933,7 +20092,7 @@ function IxoEditorContent({
       },
       editorContent
     ) : editorContent
-  ), isPanelVisible && /* @__PURE__ */ React200.createElement(PanelContent, { theme: config.theme }));
+  ), isPanelVisible && /* @__PURE__ */ React202.createElement(PanelContent, { theme: config.theme }));
 }
 function IxoEditor({
   editor,
@@ -19973,7 +20132,7 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React200.createElement(
+  const editorContent = /* @__PURE__ */ React202.createElement(
     BlocknoteProvider,
     {
       editor,
@@ -19985,7 +20144,7 @@ function IxoEditor({
       dynamicListPanelRenderer,
       domainCardRenderer
     },
-    /* @__PURE__ */ React200.createElement(
+    /* @__PURE__ */ React202.createElement(
       IxoEditorContent,
       {
         isPanelVisible,
@@ -20009,14 +20168,14 @@ function IxoEditor({
     )
   );
   if (mantineTheme) {
-    return /* @__PURE__ */ React200.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
+    return /* @__PURE__ */ React202.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
   return editorContent;
 }
 
 // src/mantine/components/EntitySigningSetup.tsx
-import React201, { useState as useState71 } from "react";
-import { Modal as Modal3, Stack as Stack126, Text as Text100, TextInput as TextInput6, Button as Button36, Alert as Alert26, Group as Group63 } from "@mantine/core";
+import React203, { useState as useState72 } from "react";
+import { Modal as Modal3, Stack as Stack127, Text as Text101, TextInput as TextInput7, Button as Button36, Alert as Alert26, Group as Group64 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle13, IconCheck as IconCheck7, IconKey as IconKey2 } from "@tabler/icons-react";
 var EntitySigningSetup = ({
   opened,
@@ -20025,11 +20184,11 @@ var EntitySigningSetup = ({
   entityName,
   onSetup
 }) => {
-  const [pin, setPin] = useState71("");
-  const [confirmPin, setConfirmPin] = useState71("");
-  const [loading, setLoading] = useState71(false);
-  const [error, setError] = useState71(null);
-  const [success, setSuccess] = useState71(false);
+  const [pin, setPin] = useState72("");
+  const [confirmPin, setConfirmPin] = useState72("");
+  const [loading, setLoading] = useState72(false);
+  const [error, setError] = useState72(null);
+  const [success, setSuccess] = useState72(false);
   const handleSetup = async () => {
     if (pin.length < 4) {
       setError("PIN must be at least 4 characters");
@@ -20069,16 +20228,16 @@ var EntitySigningSetup = ({
       setSuccess(false);
     }
   };
-  return /* @__PURE__ */ React201.createElement(
+  return /* @__PURE__ */ React203.createElement(
     Modal3,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React201.createElement(Group63, { gap: "xs" }, /* @__PURE__ */ React201.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React201.createElement(Text100, { fw: 600 }, "Entity Signing Setup")),
+      title: /* @__PURE__ */ React203.createElement(Group64, { gap: "xs" }, /* @__PURE__ */ React203.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React203.createElement(Text101, { fw: 600 }, "Entity Signing Setup")),
       size: "md"
     },
-    /* @__PURE__ */ React201.createElement(Stack126, { gap: "md" }, success ? /* @__PURE__ */ React201.createElement(Alert26, { color: "green", icon: /* @__PURE__ */ React201.createElement(IconCheck7, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React201.createElement(React201.Fragment, null, /* @__PURE__ */ React201.createElement(Text100, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React201.createElement(Text100, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React201.createElement(Alert26, { color: "blue", variant: "light" }, /* @__PURE__ */ React201.createElement(Text100, { size: "sm" }, "This is a ", /* @__PURE__ */ React201.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React201.createElement(Stack126, { gap: "xs" }, /* @__PURE__ */ React201.createElement(Text100, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React201.createElement(Text100, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React201.createElement(Text100, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React201.createElement(Text100, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React201.createElement(
-      TextInput6,
+    /* @__PURE__ */ React203.createElement(Stack127, { gap: "md" }, success ? /* @__PURE__ */ React203.createElement(Alert26, { color: "green", icon: /* @__PURE__ */ React203.createElement(IconCheck7, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React203.createElement(React203.Fragment, null, /* @__PURE__ */ React203.createElement(Text101, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React203.createElement(Text101, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React203.createElement(Alert26, { color: "blue", variant: "light" }, /* @__PURE__ */ React203.createElement(Text101, { size: "sm" }, "This is a ", /* @__PURE__ */ React203.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React203.createElement(Stack127, { gap: "xs" }, /* @__PURE__ */ React203.createElement(Text101, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React203.createElement(Text101, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React203.createElement(Text101, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React203.createElement(Text101, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React203.createElement(
+      TextInput7,
       {
         label: "Enter PIN to encrypt signing key",
         description: "This PIN will be required when granting permissions",
@@ -20088,8 +20247,8 @@ var EntitySigningSetup = ({
         onChange: (e) => setPin(e.currentTarget.value),
         disabled: loading
       }
-    ), /* @__PURE__ */ React201.createElement(
-      TextInput6,
+    ), /* @__PURE__ */ React203.createElement(
+      TextInput7,
       {
         label: "Confirm PIN",
         type: "password",
@@ -20098,12 +20257,12 @@ var EntitySigningSetup = ({
         onChange: (e) => setConfirmPin(e.currentTarget.value),
         disabled: loading
       }
-    ), error && /* @__PURE__ */ React201.createElement(Alert26, { color: "red", icon: /* @__PURE__ */ React201.createElement(IconAlertCircle13, { size: 16 }) }, error), /* @__PURE__ */ React201.createElement(Group63, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React201.createElement(Button36, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React201.createElement(
+    ), error && /* @__PURE__ */ React203.createElement(Alert26, { color: "red", icon: /* @__PURE__ */ React203.createElement(IconAlertCircle13, { size: 16 }) }, error), /* @__PURE__ */ React203.createElement(Group64, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React203.createElement(Button36, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React203.createElement(
       Button36,
       {
         onClick: handleSetup,
         loading,
-        leftSection: /* @__PURE__ */ React201.createElement(IconKey2, { size: 16 })
+        leftSection: /* @__PURE__ */ React203.createElement(IconKey2, { size: 16 })
       },
       "Setup Entity Signing"
     ))))
@@ -20111,8 +20270,8 @@ var EntitySigningSetup = ({
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
-import React202, { useState as useState72, useEffect as useEffect56, useMemo as useMemo65 } from "react";
-import { Stack as Stack127, Text as Text101, Paper as Paper21, Group as Group64, Badge as Badge31, Button as Button37, ActionIcon as ActionIcon29, Loader as Loader26, Alert as Alert27, Divider as Divider12 } from "@mantine/core";
+import React204, { useState as useState73, useEffect as useEffect57, useMemo as useMemo67 } from "react";
+import { Stack as Stack128, Text as Text102, Paper as Paper21, Group as Group65, Badge as Badge31, Button as Button37, ActionIcon as ActionIcon29, Loader as Loader26, Alert as Alert27, Divider as Divider12 } from "@mantine/core";
 import { IconPlus as IconPlus5, IconTrash as IconTrash6, IconShieldCheck as IconShieldCheck2, IconUser as IconUser4, IconRobot as IconRobot3, IconBuilding } from "@tabler/icons-react";
 var FlowPermissionsPanel = ({
   editor,
@@ -20122,11 +20281,11 @@ var FlowPermissionsPanel = ({
   onRevokePermission,
   getUserDisplayName
 }) => {
-  const [delegations, setDelegations] = useState72([]);
-  const [loading, setLoading] = useState72(true);
-  const [revoking, setRevoking] = useState72(null);
-  const rootCapability = useMemo65(() => editor.getRootCapability?.(), [editor]);
-  useEffect56(() => {
+  const [delegations, setDelegations] = useState73([]);
+  const [loading, setLoading] = useState73(true);
+  const [revoking, setRevoking] = useState73(null);
+  const rootCapability = useMemo67(() => editor.getRootCapability?.(), [editor]);
+  useEffect57(() => {
     const loadDelegations = async () => {
       setLoading(true);
       const allDelegations = editor.getAllDelegations?.() || [];
@@ -20165,11 +20324,11 @@ var FlowPermissionsPanel = ({
   const getIcon2 = (type) => {
     switch (type) {
       case "oracle":
-        return /* @__PURE__ */ React202.createElement(IconRobot3, { size: 16 });
+        return /* @__PURE__ */ React204.createElement(IconRobot3, { size: 16 });
       case "entity":
-        return /* @__PURE__ */ React202.createElement(IconBuilding, { size: 16 });
+        return /* @__PURE__ */ React204.createElement(IconBuilding, { size: 16 });
       default:
-        return /* @__PURE__ */ React202.createElement(IconUser4, { size: 16 });
+        return /* @__PURE__ */ React204.createElement(IconUser4, { size: 16 });
     }
   };
   const formatCapabilities = (caps) => {
@@ -20188,7 +20347,7 @@ var FlowPermissionsPanel = ({
     if (date < /* @__PURE__ */ new Date()) return "Expired";
     return date.toLocaleDateString();
   };
-  return /* @__PURE__ */ React202.createElement(Stack127, { gap: "md" }, /* @__PURE__ */ React202.createElement(Stack127, { gap: "xs" }, /* @__PURE__ */ React202.createElement(Text101, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React202.createElement(Paper21, { p: "sm", withBorder: true }, /* @__PURE__ */ React202.createElement(Group64, { gap: "xs" }, /* @__PURE__ */ React202.createElement(IconShieldCheck2, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React202.createElement(Stack127, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React202.createElement(Text101, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React202.createElement(Text101, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React202.createElement(Badge31, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React202.createElement(Divider12, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React202.createElement(Group64, { justify: "center", py: "xl" }, /* @__PURE__ */ React202.createElement(Loader26, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React202.createElement(Alert27, { color: "gray", variant: "light" }, /* @__PURE__ */ React202.createElement(Text101, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React202.createElement(Stack127, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React202.createElement(Paper21, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React202.createElement(Group64, { justify: "space-between" }, /* @__PURE__ */ React202.createElement(Group64, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React202.createElement(Stack127, { gap: 2 }, /* @__PURE__ */ React202.createElement(Text101, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React202.createElement(Text101, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React202.createElement(Group64, { gap: "xs" }, /* @__PURE__ */ React202.createElement(Text101, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React202.createElement(Text101, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React202.createElement(Text101, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React202.createElement(
+  return /* @__PURE__ */ React204.createElement(Stack128, { gap: "md" }, /* @__PURE__ */ React204.createElement(Stack128, { gap: "xs" }, /* @__PURE__ */ React204.createElement(Text102, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React204.createElement(Paper21, { p: "sm", withBorder: true }, /* @__PURE__ */ React204.createElement(Group65, { gap: "xs" }, /* @__PURE__ */ React204.createElement(IconShieldCheck2, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React204.createElement(Stack128, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React204.createElement(Text102, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React204.createElement(Text102, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React204.createElement(Badge31, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React204.createElement(Divider12, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React204.createElement(Group65, { justify: "center", py: "xl" }, /* @__PURE__ */ React204.createElement(Loader26, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React204.createElement(Alert27, { color: "gray", variant: "light" }, /* @__PURE__ */ React204.createElement(Text102, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React204.createElement(Stack128, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React204.createElement(Paper21, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React204.createElement(Group65, { justify: "space-between" }, /* @__PURE__ */ React204.createElement(Group65, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React204.createElement(Stack128, { gap: 2 }, /* @__PURE__ */ React204.createElement(Text102, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React204.createElement(Text102, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React204.createElement(Group65, { gap: "xs" }, /* @__PURE__ */ React204.createElement(Text102, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React204.createElement(Text102, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React204.createElement(Text102, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React204.createElement(
     ActionIcon29,
     {
       color: "red",
@@ -20197,11 +20356,11 @@ var FlowPermissionsPanel = ({
       loading: revoking === capability.id,
       disabled: !!revoking
     },
-    /* @__PURE__ */ React202.createElement(IconTrash6, { size: 16 })
-  ))))), /* @__PURE__ */ React202.createElement(
+    /* @__PURE__ */ React204.createElement(IconTrash6, { size: 16 })
+  ))))), /* @__PURE__ */ React204.createElement(
     Button37,
     {
-      leftSection: /* @__PURE__ */ React202.createElement(IconPlus5, { size: 16 }),
+      leftSection: /* @__PURE__ */ React204.createElement(IconPlus5, { size: 16 }),
       variant: "light",
       onClick: onGrantPermission
     },
@@ -20210,14 +20369,14 @@ var FlowPermissionsPanel = ({
 };
 
 // src/mantine/components/GrantPermissionModal.tsx
-import React203, { useState as useState73, useCallback as useCallback53 } from "react";
+import React205, { useState as useState74, useCallback as useCallback53 } from "react";
 import {
   Modal as Modal4,
-  Stack as Stack128,
-  Text as Text102,
-  TextInput as TextInput7,
+  Stack as Stack129,
+  Text as Text103,
+  TextInput as TextInput8,
   Button as Button38,
-  Group as Group65,
+  Group as Group66,
   Radio as Radio6,
   Checkbox as Checkbox12,
   Alert as Alert28,
@@ -20228,7 +20387,7 @@ import {
   Divider as Divider13,
   NumberInput as NumberInput3
 } from "@mantine/core";
-import { IconSearch as IconSearch5, IconUser as IconUser5, IconRobot as IconRobot4, IconX as IconX8, IconShieldPlus as IconShieldPlus3 } from "@tabler/icons-react";
+import { IconSearch as IconSearch6, IconUser as IconUser5, IconRobot as IconRobot4, IconX as IconX9, IconShieldPlus as IconShieldPlus3 } from "@tabler/icons-react";
 var GrantPermissionModal = ({
   opened,
   onClose,
@@ -20242,20 +20401,20 @@ var GrantPermissionModal = ({
   const singleBlockMode = !!targetBlockId || blocks.length === 1;
   const fixedBlockId = targetBlockId || (blocks.length === 1 ? blocks[0].id : null);
   const fixedBlock = fixedBlockId ? blocks.find((b) => b.id === fixedBlockId) || blocks[0] : null;
-  const [recipientType, setRecipientType] = useState73("user");
-  const [searchQuery, setSearchQuery] = useState73("");
-  const [searchResults, setSearchResults] = useState73([]);
-  const [searching, setSearching] = useState73(false);
-  const [selectedRecipient, setSelectedRecipient] = useState73(null);
-  const [manualDid, setManualDid] = useState73("");
-  const [scopeType, setScopeType] = useState73("full");
-  const [selectedBlocks, setSelectedBlocks] = useState73([]);
-  const [expirationEnabled, setExpirationEnabled] = useState73(false);
-  const [expirationDays, setExpirationDays] = useState73(30);
-  const [canDelegate, setCanDelegate] = useState73(false);
-  const [pin, setPin] = useState73("");
-  const [loading, setLoading] = useState73(false);
-  const [error, setError] = useState73(null);
+  const [recipientType, setRecipientType] = useState74("user");
+  const [searchQuery, setSearchQuery] = useState74("");
+  const [searchResults, setSearchResults] = useState74([]);
+  const [searching, setSearching] = useState74(false);
+  const [selectedRecipient, setSelectedRecipient] = useState74(null);
+  const [manualDid, setManualDid] = useState74("");
+  const [scopeType, setScopeType] = useState74("full");
+  const [selectedBlocks, setSelectedBlocks] = useState74([]);
+  const [expirationEnabled, setExpirationEnabled] = useState74(false);
+  const [expirationDays, setExpirationDays] = useState74(30);
+  const [canDelegate, setCanDelegate] = useState74(false);
+  const [pin, setPin] = useState74("");
+  const [loading, setLoading] = useState74(false);
+  const [error, setError] = useState74(null);
   const handleSearch = useCallback53(async () => {
     if (searchQuery.length < 2) return;
     setSearching(true);
@@ -20343,29 +20502,29 @@ var GrantPermissionModal = ({
       resetForm();
     }
   };
-  return /* @__PURE__ */ React203.createElement(
+  return /* @__PURE__ */ React205.createElement(
     Modal4,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React203.createElement(Group65, { gap: "xs" }, /* @__PURE__ */ React203.createElement(IconShieldPlus3, { size: 20 }), /* @__PURE__ */ React203.createElement(Text102, { fw: 600 }, "Grant Permission")),
+      title: /* @__PURE__ */ React205.createElement(Group66, { gap: "xs" }, /* @__PURE__ */ React205.createElement(IconShieldPlus3, { size: 20 }), /* @__PURE__ */ React205.createElement(Text103, { fw: 600 }, "Grant Permission")),
       size: "lg"
     },
-    /* @__PURE__ */ React203.createElement(Stack128, { gap: "md" }, /* @__PURE__ */ React203.createElement(Stack128, { gap: "xs" }, /* @__PURE__ */ React203.createElement(Text102, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React203.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
+    /* @__PURE__ */ React205.createElement(Stack129, { gap: "md" }, /* @__PURE__ */ React205.createElement(Stack129, { gap: "xs" }, /* @__PURE__ */ React205.createElement(Text103, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React205.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
       setRecipientType(v);
       setSelectedRecipient(null);
       setSearchResults([]);
-    } }, /* @__PURE__ */ React203.createElement(Group65, null, /* @__PURE__ */ React203.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React203.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React203.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React203.createElement(Stack128, { gap: "xs" }, /* @__PURE__ */ React203.createElement(
-      TextInput7,
+    } }, /* @__PURE__ */ React205.createElement(Group66, null, /* @__PURE__ */ React205.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React205.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React205.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React205.createElement(Stack129, { gap: "xs" }, /* @__PURE__ */ React205.createElement(
+      TextInput8,
       {
         placeholder: recipientType === "oracle" ? "Search oracles..." : "Search users...",
-        leftSection: /* @__PURE__ */ React203.createElement(IconSearch5, { size: 16 }),
-        rightSection: searching ? /* @__PURE__ */ React203.createElement(Loader27, { size: 14 }) : null,
+        leftSection: /* @__PURE__ */ React205.createElement(IconSearch6, { size: 16 }),
+        rightSection: searching ? /* @__PURE__ */ React205.createElement(Loader27, { size: 14 }) : null,
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
         onKeyDown: (e) => e.key === "Enter" && handleSearch()
       }
-    ), selectedRecipient ? /* @__PURE__ */ React203.createElement(Paper22, { p: "sm", withBorder: true }, /* @__PURE__ */ React203.createElement(Group65, { justify: "space-between" }, /* @__PURE__ */ React203.createElement(Group65, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React203.createElement(IconRobot4, { size: 16 }) : /* @__PURE__ */ React203.createElement(IconUser5, { size: 16 }), /* @__PURE__ */ React203.createElement(Text102, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React203.createElement(Badge32, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React203.createElement(ActionIcon30, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React203.createElement(IconX8, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React203.createElement(Paper22, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React203.createElement(Stack128, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React203.createElement(
+    ), selectedRecipient ? /* @__PURE__ */ React205.createElement(Paper22, { p: "sm", withBorder: true }, /* @__PURE__ */ React205.createElement(Group66, { justify: "space-between" }, /* @__PURE__ */ React205.createElement(Group66, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React205.createElement(IconRobot4, { size: 16 }) : /* @__PURE__ */ React205.createElement(IconUser5, { size: 16 }), /* @__PURE__ */ React205.createElement(Text103, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React205.createElement(Badge32, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React205.createElement(ActionIcon30, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React205.createElement(IconX9, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React205.createElement(Paper22, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React205.createElement(Stack129, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React205.createElement(
       Button38,
       {
         key: result.did,
@@ -20375,20 +20534,20 @@ var GrantPermissionModal = ({
         onClick: () => setSelectedRecipient(result)
       },
       result.displayName
-    )))) : null) : /* @__PURE__ */ React203.createElement(
-      TextInput7,
+    )))) : null) : /* @__PURE__ */ React205.createElement(
+      TextInput8,
       {
         label: "Recipient DID",
         placeholder: "did:ixo:...",
         value: manualDid,
         onChange: (e) => setManualDid(e.currentTarget.value)
       }
-    ), /* @__PURE__ */ React203.createElement(Divider13, null), /* @__PURE__ */ React203.createElement(Stack128, { gap: "xs" }, /* @__PURE__ */ React203.createElement(Text102, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
+    ), /* @__PURE__ */ React205.createElement(Divider13, null), /* @__PURE__ */ React205.createElement(Stack129, { gap: "xs" }, /* @__PURE__ */ React205.createElement(Text103, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
       // Single block mode: show fixed block info
-      /* @__PURE__ */ React203.createElement(Paper22, { p: "sm", withBorder: true }, /* @__PURE__ */ React203.createElement(Group65, { gap: "xs" }, /* @__PURE__ */ React203.createElement(Badge32, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React203.createElement(Text102, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React203.createElement(Text102, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
+      /* @__PURE__ */ React205.createElement(Paper22, { p: "sm", withBorder: true }, /* @__PURE__ */ React205.createElement(Group66, { gap: "xs" }, /* @__PURE__ */ React205.createElement(Badge32, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React205.createElement(Text103, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React205.createElement(Text103, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
     ) : (
       // Multi-block mode: show scope selection
-      /* @__PURE__ */ React203.createElement(React203.Fragment, null, /* @__PURE__ */ React203.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React203.createElement(Stack128, { gap: "xs" }, /* @__PURE__ */ React203.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React203.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React203.createElement(Paper22, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React203.createElement(Stack128, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React203.createElement(
+      /* @__PURE__ */ React205.createElement(React205.Fragment, null, /* @__PURE__ */ React205.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React205.createElement(Stack129, { gap: "xs" }, /* @__PURE__ */ React205.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React205.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React205.createElement(Paper22, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React205.createElement(Stack129, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React205.createElement(
         Checkbox12,
         {
           key: block.id,
@@ -20403,14 +20562,14 @@ var GrantPermissionModal = ({
           }
         }
       )))))
-    )), /* @__PURE__ */ React203.createElement(Divider13, null), /* @__PURE__ */ React203.createElement(Stack128, { gap: "xs" }, /* @__PURE__ */ React203.createElement(
+    )), /* @__PURE__ */ React205.createElement(Divider13, null), /* @__PURE__ */ React205.createElement(Stack129, { gap: "xs" }, /* @__PURE__ */ React205.createElement(
       Checkbox12,
       {
         label: "Set expiration",
         checked: expirationEnabled,
         onChange: (e) => setExpirationEnabled(e.currentTarget.checked)
       }
-    ), expirationEnabled && /* @__PURE__ */ React203.createElement(
+    ), expirationEnabled && /* @__PURE__ */ React205.createElement(
       NumberInput3,
       {
         label: "Expires in (days)",
@@ -20420,7 +20579,7 @@ var GrantPermissionModal = ({
         min: 1,
         max: 365
       }
-    )), /* @__PURE__ */ React203.createElement(
+    )), /* @__PURE__ */ React205.createElement(
       Checkbox12,
       {
         label: "Recipient can grant permissions to others",
@@ -20428,8 +20587,8 @@ var GrantPermissionModal = ({
         checked: canDelegate,
         onChange: (e) => setCanDelegate(e.currentTarget.checked)
       }
-    ), /* @__PURE__ */ React203.createElement(Divider13, null), /* @__PURE__ */ React203.createElement(
-      TextInput7,
+    ), /* @__PURE__ */ React205.createElement(Divider13, null), /* @__PURE__ */ React205.createElement(
+      TextInput8,
       {
         label: "Enter your PIN to sign this delegation",
         type: "password",
@@ -20437,7 +20596,7 @@ var GrantPermissionModal = ({
         value: pin,
         onChange: (e) => setPin(e.currentTarget.value)
       }
-    ), error && /* @__PURE__ */ React203.createElement(Alert28, { color: "red" }, error), /* @__PURE__ */ React203.createElement(Group65, { justify: "flex-end" }, /* @__PURE__ */ React203.createElement(Button38, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React203.createElement(Button38, { onClick: handleGrant, loading }, "Grant Permission")))
+    ), error && /* @__PURE__ */ React205.createElement(Alert28, { color: "red" }, error), /* @__PURE__ */ React205.createElement(Group66, { justify: "flex-end" }, /* @__PURE__ */ React205.createElement(Button38, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React205.createElement(Button38, { onClick: handleGrant, loading }, "Grant Permission")))
   );
 };
 
@@ -20532,6 +20691,7 @@ export {
   getExtraSlashMenuItems,
   useCreateIxoEditor,
   useCreateCollaborativeIxoEditor,
+  BaseIconPicker,
   CoverImage,
   PageHeader,
   ExternalDropZone,
@@ -20543,4 +20703,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-KWCTPDGD.mjs.map
+//# sourceMappingURL=chunk-7ROKCOSH.mjs.map