@ixo/editor 1.19.0 → 1.21.0

package/dist/{chunk-FDLWSUB5.mjs → chunk-XEZXD5ZV.mjs}

@@ -1,5 +1,53 @@
+// src/mantine/hooks/usePanel.ts
+import { useCallback, useMemo, useEffect, useRef } from "react";
+import { create } from "zustand";
+var usePanelStore = create((set) => ({
+  activePanel: null,
+  registeredPanels: /* @__PURE__ */ new Map(),
+  setActivePanel: (panelId) => set({ activePanel: panelId }),
+  closePanel: () => set({ activePanel: null }),
+  registerPanel: (id, content) => set((state) => {
+    const newPanels = new Map(state.registeredPanels);
+    newPanels.set(id, content);
+    return { registeredPanels: newPanels };
+  }),
+  unregisterPanel: (id) => set((state) => {
+    const newPanels = new Map(state.registeredPanels);
+    newPanels.delete(id);
+    return { registeredPanels: newPanels };
+  })
+}));
+var usePanel = (panelId, content) => {
+  const activePanel = usePanelStore((state) => state.activePanel);
+  const setActivePanel = usePanelStore((state) => state.setActivePanel);
+  const closePanel = usePanelStore((state) => state.closePanel);
+  const isOpen = useMemo(() => activePanel === panelId, [activePanel, panelId]);
+  const contentRef = useRef(content);
+  useEffect(() => {
+    contentRef.current = content;
+  });
+  useEffect(() => {
+    const { registerPanel, unregisterPanel } = usePanelStore.getState();
+    registerPanel(panelId, contentRef.current);
+    return () => {
+      unregisterPanel(panelId);
+    };
+  }, [panelId]);
+  useEffect(() => {
+    const { registerPanel } = usePanelStore.getState();
+    registerPanel(panelId, content);
+  }, [content, panelId]);
+  const open = useCallback(() => {
+    setActivePanel(panelId);
+  }, [panelId, setActivePanel]);
+  const close = useCallback(() => {
+    closePanel();
+  }, [closePanel]);
+  return { opened: isOpen, open, close };
+};
+
 // src/mantine/context/BlocknoteContext.tsx
-import React, { createContext, useContext, useState, useCallback, useRef, useEffect } from "react";
+import React, { createContext, useContext, useState, useCallback as useCallback2, useRef as useRef2, useEffect as useEffect2 } from "react";
 var BlocknoteContext = createContext({
   docType: "flow",
   sharedProposals: {},
@@ -21,53 +69,14 @@ var BlocknoteContext = createContext({
 });
 var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editable }) => {
   const [sharedProposals, setSharedProposals] = useState({});
-  const sharedProposalsRef = useRef({});
+  const sharedProposalsRef = useRef2({});
   const [activeDrawerId, setActiveDrawerId] = useState(null);
   const [drawerContent, setDrawerContent] = useState(null);
-  const initialDocType = editor?.getDocType?.() || "flow";
-  console.log("[BlocknoteContext] Initial docType from editor:", initialDocType);
-  const [docType, setDocType] = useState(initialDocType);
-  useEffect(() => {
-    console.log("[BlocknoteContext] docType state updated to:", docType);
-  }, [docType]);
-  useEffect(() => {
-    if (!editor?._yRoot) {
-      console.log("[BlocknoteContext] No editor._yRoot, skipping observer setup");
-      return;
-    }
-    const updateDocType = () => {
-      const authoritativeDocType = editor._authoritativeDocType;
-      if (authoritativeDocType) {
-        console.log("[BlocknoteContext] Using authoritative local docType:", authoritativeDocType);
-        if (authoritativeDocType !== docType) {
-          console.log("[BlocknoteContext] Setting docType to authoritative value:", authoritativeDocType);
-          setDocType(authoritativeDocType);
-        }
-        return;
-      }
-      const newDocType = editor.getDocType?.() || "flow";
-      console.log("[BlocknoteContext] updateDocType() called, newDocType from YMap:", newDocType, "current docType:", docType);
-      if (newDocType !== docType) {
-        console.log("[BlocknoteContext] docType changed from", docType, "to", newDocType, "(remote or initial change)");
-        setDocType(newDocType);
-      }
-    };
-    console.log("[BlocknoteContext] Setting up observer, calling updateDocType() initially");
-    updateDocType();
-    const observer = () => {
-      console.log("[BlocknoteContext] YMap observer triggered, calling updateDocType()");
-      updateDocType();
-    };
-    editor._yRoot?.observe(observer);
-    return () => {
-      console.log("[BlocknoteContext] Unobserving YMap");
-      editor._yRoot?.unobserve(observer);
-    };
-  }, [editor, docType]);
-  useEffect(() => {
+  const docType = editor?.docType || "flow";
+  useEffect2(() => {
     sharedProposalsRef.current = sharedProposals;
   }, [sharedProposals]);
-  const fetchSharedProposal = useCallback(
+  const fetchSharedProposal = useCallback2(
     async (proposalId, contractAddress, force = false) => {
       const cacheKey = `${contractAddress}:${proposalId}`;
       const cached = sharedProposalsRef.current[cacheKey];
@@ -106,7 +115,7 @@ var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editab
     },
     [handlers]
   );
-  const invalidateProposal = useCallback((proposalId) => {
+  const invalidateProposal = useCallback2((proposalId) => {
     setSharedProposals((prev) => {
       const updated = { ...prev };
       Object.keys(updated).forEach((key) => {
@@ -121,17 +130,17 @@ var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editab
       return updated;
     });
   }, []);
-  const subscribeToProposal = useCallback(
+  const subscribeToProposal = useCallback2(
     (cacheKey) => {
       return sharedProposals[cacheKey]?.proposal;
     },
     [sharedProposals]
   );
-  const openDrawer = useCallback((id, content) => {
+  const openDrawer = useCallback2((id, content) => {
     setActiveDrawerId(id);
     setDrawerContent(content);
   }, []);
-  const closeDrawer = useCallback(() => {
+  const closeDrawer = useCallback2(() => {
     setActiveDrawerId(null);
     setDrawerContent(null);
   }, []);
@@ -191,7 +200,7 @@ import React6 from "react";
 import { Tabs } from "@mantine/core";
 
 // src/mantine/components/ConditionsTab.tsx
-import React5, { useCallback as useCallback5 } from "react";
+import React5, { useCallback as useCallback6 } from "react";
 import { Stack as Stack4, SegmentedControl as SegmentedControl2, Button as Button3, Text as Text2, Alert as Alert2 } from "@mantine/core";
 
 // src/mantine/blocks/utils/conditionUtils.ts
@@ -268,11 +277,11 @@ function hasEnableConditions(conditionConfig) {
 }
 
 // src/mantine/blocks/components/ConditionBuilder/ConditionBuilderTab.tsx
-import React4, { useCallback as useCallback4 } from "react";
+import React4, { useCallback as useCallback5 } from "react";
 import { Stack as Stack3, SegmentedControl, Button as Button2, Text, Alert } from "@mantine/core";
 
 // src/mantine/blocks/components/ConditionBuilder/ConditionRow.tsx
-import React3, { useCallback as useCallback3, useMemo } from "react";
+import React3, { useCallback as useCallback4, useMemo as useMemo2 } from "react";
 import { Card, Stack as Stack2, TextInput as TextInput2, Select as Select2, Group, Button } from "@mantine/core";
 
 // src/mantine/blocks/apiRequest/types.ts
@@ -524,28 +533,28 @@ function getPropertyByName(blockType, propertyName) {
 }
 
 // src/mantine/blocks/components/ConditionBuilder/PropertyValueInput.tsx
-import React2, { useCallback as useCallback2 } from "react";
+import React2, { useCallback as useCallback3 } from "react";
 import { TextInput, NumberInput, Switch, Select, Stack } from "@mantine/core";
 function PropertyValueInput({ property, value, onChange, disabled = false }) {
-  const handleStringChange = useCallback2(
+  const handleStringChange = useCallback3(
     (event) => {
       onChange(event.currentTarget.value);
     },
     [onChange]
   );
-  const handleNumberChange = useCallback2(
+  const handleNumberChange = useCallback3(
     (val) => {
       onChange(typeof val === "number" ? val : parseFloat(val) || 0);
     },
     [onChange]
   );
-  const handleBooleanChange = useCallback2(
+  const handleBooleanChange = useCallback3(
     (event) => {
       onChange(event.currentTarget.checked);
     },
     [onChange]
   );
-  const handleSelectChange = useCallback2(
+  const handleSelectChange = useCallback3(
     (val) => {
       if (val === null) return;
       if (val === "true") onChange(true);
@@ -580,15 +589,15 @@ function PropertyValueInput({ property, value, onChange, disabled = false }) {
 
 // src/mantine/blocks/components/ConditionBuilder/ConditionRow.tsx
 function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
-  const availableProperties = useMemo(() => {
+  const availableProperties = useMemo2(() => {
     if (!condition.sourceBlockType) return [];
     return getConditionableProperties(condition.sourceBlockType);
   }, [condition.sourceBlockType]);
-  const selectedProperty = useMemo(() => {
+  const selectedProperty = useMemo2(() => {
     if (!condition.sourceBlockType || !condition.rule.property) return null;
     return getPropertyByName(condition.sourceBlockType, condition.rule.property);
   }, [condition.sourceBlockType, condition.rule.property]);
-  const availableOperators = useMemo(() => {
+  const availableOperators = useMemo2(() => {
     if (!selectedProperty) return [];
     const baseOperators = [
       { value: "equals", label: "equals" },
@@ -607,13 +616,13 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
     }
     return baseOperators;
   }, [selectedProperty]);
-  const handleNameChange = useCallback3(
+  const handleNameChange = useCallback4(
     (name) => {
       onUpdate({ ...condition, name });
     },
     [condition, onUpdate]
   );
-  const handleSourceBlockChange = useCallback3(
+  const handleSourceBlockChange = useCallback4(
     (value) => {
       if (!value) {
         const updatedCondition2 = {
@@ -636,7 +645,7 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
     },
     [condition, onUpdate]
   );
-  const handlePropertyChange = useCallback3(
+  const handlePropertyChange = useCallback4(
     (property) => {
       if (!property) return;
       onUpdate({
@@ -651,7 +660,7 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
     },
     [condition, onUpdate]
   );
-  const handleOperatorChange = useCallback3(
+  const handleOperatorChange = useCallback4(
     (operator) => {
       if (!operator) return;
       onUpdate({
@@ -664,7 +673,7 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
     },
     [condition, onUpdate]
   );
-  const handleValueChange = useCallback3(
+  const handleValueChange = useCallback4(
     (value) => {
       onUpdate({
         ...condition,
@@ -676,7 +685,7 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
     },
     [condition, onUpdate]
   );
-  const handleActionChange = useCallback3(
+  const handleActionChange = useCallback4(
     (action) => {
       if (!action) return;
       onUpdate({
@@ -689,7 +698,7 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
     },
     [condition, onUpdate]
   );
-  const handleMessageChange = useCallback3(
+  const handleMessageChange = useCallback4(
     (message) => {
       onUpdate({
         ...condition,
@@ -749,7 +758,7 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
 function ConditionsTab({ block, editor }) {
   const currentConditions = parseConditionConfig(block.props.conditions);
   const availableBlocks = getAvailableBlocks(editor?.document || [], block.id);
-  const updateConditions = useCallback5(
+  const updateConditions = useCallback6(
     (newConfig) => {
       const conditionsString = stringifyConditionConfig(newConfig);
       editor.updateBlock(block, {
@@ -761,7 +770,7 @@ function ConditionsTab({ block, editor }) {
     },
     [editor, block]
   );
-  const handleModeChange = useCallback5(
+  const handleModeChange = useCallback6(
     (mode) => {
       updateConditions({
         ...currentConditions,
@@ -770,7 +779,7 @@ function ConditionsTab({ block, editor }) {
     },
     [currentConditions, updateConditions]
   );
-  const handleAddCondition = useCallback5(() => {
+  const handleAddCondition = useCallback6(() => {
     const newCondition = createDefaultCondition();
     const newConfig = {
       ...currentConditions,
@@ -780,7 +789,7 @@ function ConditionsTab({ block, editor }) {
     };
     updateConditions(newConfig);
   }, [currentConditions, updateConditions]);
-  const handleUpdateCondition = useCallback5(
+  const handleUpdateCondition = useCallback6(
     (index, updatedCondition) => {
       const newConditions = [...currentConditions.conditions];
       newConditions[index] = updatedCondition;
@@ -792,7 +801,7 @@ function ConditionsTab({ block, editor }) {
     },
     [currentConditions, updateConditions]
   );
-  const handleDeleteCondition = useCallback5(
+  const handleDeleteCondition = useCallback6(
     (index) => {
       const newConditions = currentConditions.conditions.filter((_, i) => i !== index);
       updateConditions({
@@ -850,7 +859,7 @@ function ReusablePanel({ extraTabs, context }) {
 }
 
 // src/mantine/blocks/checkbox/template/GeneralTab.tsx
-import React7, { useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+import React7, { useEffect as useEffect3, useMemo as useMemo3, useState as useState2 } from "react";
 import { Divider, SegmentedControl as SegmentedControl3, Stack as Stack5, Switch as Switch2, Text as Text3, TextInput as TextInput3, Textarea, PillsInput, Pill } from "@mantine/core";
 var GeneralTab = ({
   title,
@@ -869,19 +878,19 @@ var GeneralTab = ({
   const [localMode, setLocalMode] = useState2(allowedMode);
   const [localValues, setLocalValues] = useState2(allowedValues);
   const [inputValue, setInputValue] = useState2("");
-  useEffect2(() => {
+  useEffect3(() => {
     setLocalTitle(title || "");
   }, [title]);
-  useEffect2(() => {
+  useEffect3(() => {
     setLocalDescription(description || "");
   }, [description]);
-  useEffect2(() => {
+  useEffect3(() => {
     setLocalInitialChecked(initialChecked);
   }, [initialChecked]);
-  useEffect2(() => {
+  useEffect3(() => {
     setLocalMode(allowedMode);
   }, [allowedMode]);
-  useEffect2(() => {
+  useEffect3(() => {
     setLocalValues(allowedValues);
   }, [allowedValues]);
   const handleModeChange = (value) => {
@@ -912,7 +921,7 @@ var GeneralTab = ({
       onAllowedChange(localMode, newValues);
     }
   };
-  const allowedHint = useMemo2(() => {
+  const allowedHint = useMemo3(() => {
     if (localMode === "all") {
       return "Everyone in the flow can toggle this checkbox.";
     }
@@ -978,54 +987,6 @@ var GeneralTab = ({
   ))))));
 };
 
-// src/mantine/hooks/usePanel.ts
-import { useCallback as useCallback6, useMemo as useMemo3, useEffect as useEffect3, useRef as useRef2 } from "react";
-import { create } from "zustand";
-var usePanelStore = create((set) => ({
-  activePanel: null,
-  registeredPanels: /* @__PURE__ */ new Map(),
-  setActivePanel: (panelId) => set({ activePanel: panelId }),
-  closePanel: () => set({ activePanel: null }),
-  registerPanel: (id, content) => set((state) => {
-    const newPanels = new Map(state.registeredPanels);
-    newPanels.set(id, content);
-    return { registeredPanels: newPanels };
-  }),
-  unregisterPanel: (id) => set((state) => {
-    const newPanels = new Map(state.registeredPanels);
-    newPanels.delete(id);
-    return { registeredPanels: newPanels };
-  })
-}));
-var usePanel = (panelId, content) => {
-  const activePanel = usePanelStore((state) => state.activePanel);
-  const setActivePanel = usePanelStore((state) => state.setActivePanel);
-  const closePanel = usePanelStore((state) => state.closePanel);
-  const isOpen = useMemo3(() => activePanel === panelId, [activePanel, panelId]);
-  const contentRef = useRef2(content);
-  useEffect3(() => {
-    contentRef.current = content;
-  });
-  useEffect3(() => {
-    const { registerPanel, unregisterPanel } = usePanelStore.getState();
-    registerPanel(panelId, contentRef.current);
-    return () => {
-      unregisterPanel(panelId);
-    };
-  }, [panelId]);
-  useEffect3(() => {
-    const { registerPanel } = usePanelStore.getState();
-    registerPanel(panelId, content);
-  }, [content, panelId]);
-  const open = useCallback6(() => {
-    setActivePanel(panelId);
-  }, [panelId, setActivePanel]);
-  const close = useCallback6(() => {
-    closePanel();
-  }, [closePanel]);
-  return { opened: isOpen, open, close };
-};
-
 // src/mantine/blocks/checkbox/template/TemplateConfig.tsx
 var TemplateConfig = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
@@ -2237,7 +2198,22 @@ var GeneralTab2 = ({ initialConfig, onSave }) => {
     }
   };
   const typeConfig = selectedType ? getListTypeConfig(selectedType) : null;
-  return /* @__PURE__ */ React14.createElement(Stack8, { gap: "lg" }, /* @__PURE__ */ React14.createElement(Accordion, { value: accordionValue, onChange: setAccordionValue }, /* @__PURE__ */ React14.createElement(Accordion.Item, { value: "type" }, /* @__PURE__ */ React14.createElement(Accordion.Control, null, /* @__PURE__ */ React14.createElement(Text6, { fw: 600 }, "Choose List Type")), /* @__PURE__ */ React14.createElement(Accordion.Panel, null, /* @__PURE__ */ React14.createElement(Stack8, { gap: "sm", mt: "md" }, listTypes.map((listType) => /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React14.createElement(Stack8, { gap: "lg" }, /* @__PURE__ */ React14.createElement(Accordion, { value: accordionValue, onChange: setAccordionValue }, /* @__PURE__ */ React14.createElement(Accordion.Item, { value: "type" }, /* @__PURE__ */ React14.createElement(
+    Accordion.Control,
+    {
+      styles: {
+        control: {
+          "&:hover": {
+            backgroundColor: "var(--mantine-color-dark-7) !important"
+          }
+        },
+        chevron: {
+          color: "var(--mantine-color-dark-1)"
+        }
+      }
+    },
+    /* @__PURE__ */ React14.createElement(Text6, { fw: 600 }, "Choose List Type")
+  ), /* @__PURE__ */ React14.createElement(Accordion.Panel, null, /* @__PURE__ */ React14.createElement(Stack8, { gap: "sm", mt: "md" }, listTypes.map((listType) => /* @__PURE__ */ React14.createElement(
     Card4,
     {
       key: listType.id,
@@ -2248,6 +2224,11 @@ var GeneralTab2 = ({ initialConfig, onSave }) => {
       style: {
         cursor: "pointer"
       },
+      styles: {
+        root: {
+          border: "1px solid var(--mantine-color-gray-8)"
+        }
+      },
       onClick: () => handleTypeSelect(listType.id)
     },
     /* @__PURE__ */ React14.createElement(Group4, { gap: "md", align: "flex-start" }, /* @__PURE__ */ React14.createElement(
@@ -2267,7 +2248,22 @@ var GeneralTab2 = ({ initialConfig, onSave }) => {
       },
       listType.icon
     ), /* @__PURE__ */ React14.createElement(Stack8, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React14.createElement(Text6, { size: "md", fw: 600 }, listType.name), /* @__PURE__ */ React14.createElement(Text6, { size: "sm", c: "dimmed" }, listType.description)))
-  ))))), selectedType && typeConfig && /* @__PURE__ */ React14.createElement(Accordion.Item, { value: "configure" }, /* @__PURE__ */ React14.createElement(Accordion.Control, null, /* @__PURE__ */ React14.createElement(Text6, { fw: 600 }, "Configure ", typeConfig.metadata.name)), /* @__PURE__ */ React14.createElement(Accordion.Panel, null, /* @__PURE__ */ React14.createElement(Stack8, { gap: "md", mt: "md" }, /* @__PURE__ */ React14.createElement(Text6, { size: "sm", c: "dimmed" }, typeConfig.metadata.description), /* @__PURE__ */ React14.createElement(Stack8, { gap: "sm" }, typeConfig.configFields.map((field) => renderConfigField(field))))))), selectedType && /* @__PURE__ */ React14.createElement(Button4, { onClick: handleSaveConfig, disabled: !isConfigValid(), fullWidth: true }, "Save Configuration"));
+  ))))), selectedType && typeConfig && /* @__PURE__ */ React14.createElement(Accordion.Item, { value: "configure" }, /* @__PURE__ */ React14.createElement(
+    Accordion.Control,
+    {
+      styles: {
+        control: {
+          "&:hover": {
+            backgroundColor: "var(--mantine-color-dark-7)"
+          }
+        },
+        chevron: {
+          color: "var(--mantine-color-dark-1)"
+        }
+      }
+    },
+    /* @__PURE__ */ React14.createElement(Text6, { fw: 600 }, "Configure ", typeConfig.metadata.name)
+  ), /* @__PURE__ */ React14.createElement(Accordion.Panel, null, /* @__PURE__ */ React14.createElement(Stack8, { gap: "md", mt: "md" }, /* @__PURE__ */ React14.createElement(Text6, { size: "sm", c: "dimmed" }, typeConfig.metadata.description), /* @__PURE__ */ React14.createElement(Stack8, { gap: "sm" }, typeConfig.configFields.map((field) => renderConfigField(field))))))), selectedType && /* @__PURE__ */ React14.createElement(Button4, { onClick: handleSaveConfig, disabled: !isConfigValid(), fullWidth: true }, "Save Configuration"));
 };
 
 // src/mantine/blocks/list/template/TemplateConfig.tsx
@@ -2329,6 +2325,7 @@ var TemplateConfig2 = ({ editor, block }) => {
       p: "md",
       shadow: "sm",
       style: {
+        flex: 1,
         display: "flex",
         flexDirection: "column"
       }
@@ -2687,7 +2684,37 @@ var ListActionsMenu = ({ options, selectionMode, onSelectActionClick, value, onC
       opt.label
     );
   };
-  return /* @__PURE__ */ React32.createElement(Menu, { shadow: "md", width: 220 }, /* @__PURE__ */ React32.createElement(Menu.Target, null, /* @__PURE__ */ React32.createElement(ActionIcon4, { variant: "subtle", size: "sm", "aria-label": "List actions", title: "List actions" }, /* @__PURE__ */ React32.createElement(IconAdjustmentsHorizontal, { size: 18 }))), /* @__PURE__ */ React32.createElement(Menu.Dropdown, null, /* @__PURE__ */ React32.createElement(Menu.Label, null, /* @__PURE__ */ React32.createElement(Text20, { c: "dimmed" }, "Order By")), options.map((opt) => /* @__PURE__ */ React32.createElement(React32.Fragment, { key: opt.key }, renderItem(opt, "desc"), renderItem(opt, "asc"))), /* @__PURE__ */ React32.createElement(Menu.Divider, null), /* @__PURE__ */ React32.createElement(Menu.Item, { leftSection: /* @__PURE__ */ React32.createElement(IconAdjustments, { size: 16 }) }, "Smart Filter"), /* @__PURE__ */ React32.createElement(Menu.Divider, null), /* @__PURE__ */ React32.createElement(Menu.Item, { onClick: () => onSelectActionClick(selectionMode === "single" ? null : "single"), leftSection: /* @__PURE__ */ React32.createElement(IconCheckbox2, { size: 16 }) }, "Single Select"), /* @__PURE__ */ React32.createElement(Menu.Item, { onClick: () => onSelectActionClick(selectionMode === "multi" ? null : "multi"), leftSection: /* @__PURE__ */ React32.createElement(IconCheckbox2, { size: 16 }) }, "Multi Select"), onDownloadCsv && /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement(Menu.Divider, null), /* @__PURE__ */ React32.createElement(Menu.Item, { onClick: onDownloadCsv, leftSection: /* @__PURE__ */ React32.createElement(IconDownload, { size: 16 }) }, "Download CSV"))));
+  return /* @__PURE__ */ React32.createElement(
+    Menu,
+    {
+      shadow: "md",
+      width: 220,
+      styles: {
+        dropdown: {
+          backgroundColor: "var(--mantine-color-dark-7)",
+          borderColor: "var(--mantine-color-dark-4)"
+        },
+        item: {
+          color: "#fff",
+          backgroundColor: "var(--mantine-color-dark-7)",
+          "&:hover": {
+            backgroundColor: "var(--mantine-color-dark-6)"
+          },
+          '&[data-active="true"]': {
+            backgroundColor: "var(--mantine-color-dark-5)"
+          }
+        },
+        label: {
+          color: "#fff"
+        },
+        divider: {
+          borderColor: "var(--mantine-color-dark-4)"
+        }
+      }
+    },
+    /* @__PURE__ */ React32.createElement(Menu.Target, null, /* @__PURE__ */ React32.createElement(ActionIcon4, { variant: "subtle", size: "sm", "aria-label": "List actions", title: "List actions" }, /* @__PURE__ */ React32.createElement(IconAdjustmentsHorizontal, { size: 18 }))),
+    /* @__PURE__ */ React32.createElement(Menu.Dropdown, null, /* @__PURE__ */ React32.createElement(Menu.Label, null, /* @__PURE__ */ React32.createElement(Text20, null, "Order By")), options.map((opt) => /* @__PURE__ */ React32.createElement(React32.Fragment, { key: opt.key }, renderItem(opt, "desc"), renderItem(opt, "asc"))), /* @__PURE__ */ React32.createElement(Menu.Divider, null), /* @__PURE__ */ React32.createElement(Menu.Item, { leftSection: /* @__PURE__ */ React32.createElement(IconAdjustments, { size: 16 }) }, "Smart Filter"), /* @__PURE__ */ React32.createElement(Menu.Divider, null), /* @__PURE__ */ React32.createElement(Menu.Item, { onClick: () => onSelectActionClick(selectionMode === "single" ? null : "single"), leftSection: /* @__PURE__ */ React32.createElement(IconCheckbox2, { size: 16 }) }, "Single Select"), /* @__PURE__ */ React32.createElement(Menu.Item, { onClick: () => onSelectActionClick(selectionMode === "multi" ? null : "multi"), leftSection: /* @__PURE__ */ React32.createElement(IconCheckbox2, { size: 16 }) }, "Multi Select"), onDownloadCsv && /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement(Menu.Divider, null), /* @__PURE__ */ React32.createElement(Menu.Item, { onClick: onDownloadCsv, leftSection: /* @__PURE__ */ React32.createElement(IconDownload, { size: 16 }) }, "Download CSV")))
+  );
 };
 
 // src/core/lib/sortListItems.ts
@@ -9864,65 +9891,2505 @@ var NotifyBlockSpec = createReactBlockSpec7(
   }
 );
 
-// src/mantine/blocks/list/ui/ListBlocksToolbar.tsx
-import React111 from "react";
-import { ActionIcon as ActionIcon20, Group as Group37, Tooltip as Tooltip8 } from "@mantine/core";
-import { IconChevronUp as IconChevronUp4, IconChevronDown as IconChevronDown4 } from "@tabler/icons-react";
-var ListBlocksToolbar = () => {
-  const { broadcastCollapse } = useListBlocksUI();
-  return /* @__PURE__ */ React111.createElement(Group37, { gap: "xs" }, /* @__PURE__ */ React111.createElement(Tooltip8, { label: "Collapse all lists", withArrow: true }, /* @__PURE__ */ React111.createElement(ActionIcon20, { c: "dimmed", variant: "subtle", size: "sm", "aria-label": "Collapse all lists", onClick: () => broadcastCollapse("collapse") }, /* @__PURE__ */ React111.createElement(IconChevronUp4, { size: 18 }))), /* @__PURE__ */ React111.createElement(Tooltip8, { label: "Expand all lists", withArrow: true }, /* @__PURE__ */ React111.createElement(ActionIcon20, { c: "dimmed", variant: "subtle", size: "sm", "aria-label": "Expand all lists", onClick: () => broadcastCollapse("expand") }, /* @__PURE__ */ React111.createElement(IconChevronDown4, { size: 18 }))));
+// src/mantine/blocks/claim/ClaimBlockSpec.tsx
+import React119 from "react";
+import { createReactBlockSpec as createReactBlockSpec8 } from "@blocknote/react";
+
+// src/mantine/blocks/claim/ClaimBlock.tsx
+import React118 from "react";
+
+// src/mantine/blocks/claim/template/TemplateView.tsx
+import React114, { useMemo as useMemo20 } from "react";
+import { Card as Card24, Group as Group38, Stack as Stack84, Text as Text59, ActionIcon as ActionIcon20, Badge as Badge16 } from "@mantine/core";
+
+// src/mantine/blocks/claim/template/TemplateConfig.tsx
+import React113, { useCallback as useCallback21 } from "react";
+import { Paper as Paper13, CloseButton as CloseButton8, Title as Title9 } from "@mantine/core";
+
+// src/mantine/blocks/claim/template/GeneralTab.tsx
+import React112, { useEffect as useEffect20, useState as useState31, useCallback as useCallback20, useMemo as useMemo19 } from "react";
+import { Stack as Stack83, Text as Text58, TextInput as TextInput39, Textarea as Textarea22 } from "@mantine/core";
+
+// src/mantine/components/CollectionSelector.tsx
+import React111, { useState as useState30, useEffect as useEffect19 } from "react";
+import { Stack as Stack82, Text as Text57, TextInput as TextInput38, Button as Button28, Group as Group37, Checkbox as Checkbox10, Loader as Loader7, Alert as Alert12 } from "@mantine/core";
+var CollectionSelector = ({
+  did,
+  selectedCollections,
+  onDidChange,
+  onCollectionsChange,
+  onAdminAddressChange,
+  currentAdminAddress
+}) => {
+  console.log("[CollectionSelector] Rendered with selectedCollections:", selectedCollections);
+  const handlers = useBlocknoteHandlers();
+  const [localDid, setLocalDid] = useState30(did || "");
+  const [collections, setCollections] = useState30([]);
+  const [loading, setLoading] = useState30(false);
+  const [error, setError] = useState30(null);
+  useEffect19(() => {
+    setLocalDid(did || "");
+  }, [did]);
+  const handleDidChange = (value) => {
+    setLocalDid(value);
+    onDidChange(value);
+  };
+  const handleGetCollections = async () => {
+    if (!localDid.trim()) {
+      setError("Please enter a DID first");
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await handlers.getClaimCollections({ deedDid: localDid });
+      const { adminAddress, collections: fetchedCollections } = response || { adminAddress: "", collections: [] };
+      setCollections(fetchedCollections || []);
+      if (onAdminAddressChange && adminAddress && (!currentAdminAddress || currentAdminAddress === "")) {
+        onAdminAddressChange(adminAddress);
+      }
+      if (!fetchedCollections || fetchedCollections.length === 0) {
+        setError("No claim collections found for this DID");
+      }
+    } catch (err) {
+      console.error("Error fetching claim collections:", err);
+      setError(err instanceof Error ? err.message : "Failed to fetch claim collections");
+      setCollections([]);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleToggleCollection = (collectionId) => {
+    if (!collectionId) return;
+    console.log("[CollectionSelector] Toggle collection:", collectionId);
+    console.log("[CollectionSelector] Current selectedCollections:", selectedCollections);
+    const currentSelections = selectedCollections || [];
+    const newSelected = currentSelections.includes(collectionId) ? currentSelections.filter((id) => id !== collectionId) : [...currentSelections, collectionId];
+    console.log("[CollectionSelector] New selectedCollections:", newSelected);
+    onCollectionsChange(newSelected);
+  };
+  const getCollectionName = (collection) => {
+    if (!collection) return "Unnamed Collection";
+    return collection.protocol?.profile?.name || collection.name || "Unnamed Collection";
+  };
+  return /* @__PURE__ */ React111.createElement(Stack82, { gap: "lg" }, /* @__PURE__ */ React111.createElement(Stack82, { gap: "xs" }, /* @__PURE__ */ React111.createElement(Text57, { size: "sm", fw: 600 }, "DID"), /* @__PURE__ */ React111.createElement(Group37, { gap: "xs", align: "flex-start", wrap: "nowrap" }, /* @__PURE__ */ React111.createElement(
+    TextInput38,
+    {
+      placeholder: "Enter DID",
+      value: localDid,
+      onChange: (event) => handleDidChange(event.currentTarget.value),
+      description: "The DID identifier for fetching claim collections",
+      style: { flex: 1 }
+    }
+  ), /* @__PURE__ */ React111.createElement(Button28, { onClick: handleGetCollections, disabled: !localDid.trim() || loading, style: { marginTop: "1px" } }, loading ? /* @__PURE__ */ React111.createElement(Loader7, { size: "xs", color: "white" }) : "Get Collections"))), error && /* @__PURE__ */ React111.createElement(Alert12, { color: "red", title: "Error" }, error), collections && collections.length > 0 && /* @__PURE__ */ React111.createElement(Stack82, { gap: "xs" }, /* @__PURE__ */ React111.createElement(Text57, { size: "sm", fw: 600 }, "Claim Collections"), /* @__PURE__ */ React111.createElement(Stack82, { gap: "sm" }, collections.map((collection) => {
+    if (!collection || !collection.id) return null;
+    return /* @__PURE__ */ React111.createElement(
+      Checkbox10,
+      {
+        key: collection.id,
+        label: /* @__PURE__ */ React111.createElement(Stack82, { gap: 2 }, /* @__PURE__ */ React111.createElement(Text57, { size: "sm", fw: 500 }, getCollectionName(collection)), /* @__PURE__ */ React111.createElement(Text57, { size: "xs", c: "dimmed", style: { fontFamily: "monospace" } }, "ID: ", collection.id), collection.description && /* @__PURE__ */ React111.createElement(Text57, { size: "xs", c: "dimmed" }, collection.description)),
+        checked: selectedCollections?.includes(collection.id) ?? false,
+        onChange: () => handleToggleCollection(collection.id)
+      }
+    );
+  }))), selectedCollections && selectedCollections.length > 0 && /* @__PURE__ */ React111.createElement(Stack82, { gap: "xs" }, /* @__PURE__ */ React111.createElement(Text57, { size: "sm", c: "dimmed" }, selectedCollections.length, " collection", selectedCollections.length !== 1 ? "s" : "", " selected")));
 };
 
-// src/mantine/blocks/registry/blockRegistry.ts
-var BlockRegistry = class {
-  constructor() {
-    this.blocks = /* @__PURE__ */ new Map();
-  }
-  register(entry) {
-    this.blocks.set(entry.type, entry);
-  }
-  get(type) {
-    return this.blocks.get(type);
-  }
-  getAll() {
-    return new Map(this.blocks);
-  }
-  getValidDependencies(type) {
-    const entry = this.get(type);
-    return entry?.validDependencies || [];
-  }
-  getPropSchema(type) {
-    const entry = this.get(type);
-    return entry?.propSchema;
-  }
-  isValidDependency(blockType, dependencyType) {
-    const validDeps = this.getValidDependencies(blockType);
-    return validDeps.includes(dependencyType);
-  }
+// src/mantine/blocks/claim/template/GeneralTab.tsx
+var GeneralTab6 = ({
+  title,
+  description,
+  deedDid,
+  selectedCollections,
+  adminAddress,
+  onTitleChange,
+  onDescriptionChange,
+  onDeedDidChange,
+  onSelectedCollectionsChange,
+  onAdminAddressChange
+}) => {
+  const [localTitle, setLocalTitle] = useState31(title || "");
+  const [localDescription, setLocalDescription] = useState31(description || "");
+  useEffect20(() => {
+    setLocalTitle(title || "");
+  }, [title]);
+  useEffect20(() => {
+    setLocalDescription(description || "");
+  }, [description]);
+  const parsedSelectedCollections = useMemo19(() => {
+    try {
+      return JSON.parse(selectedCollections || "[]");
+    } catch {
+      return [];
+    }
+  }, [selectedCollections]);
+  const handleCollectionsChange = useCallback20(
+    (collections) => {
+      console.log("[Claim GeneralTab] handleCollectionsChange called with:", collections);
+      const stringified = JSON.stringify(collections || []);
+      console.log("[Claim GeneralTab] Stringified:", stringified);
+      onSelectedCollectionsChange(stringified);
+    },
+    [onSelectedCollectionsChange]
+  );
+  const handleAdminAddressChange = useCallback20(
+    (adminAddress2) => {
+      if (onAdminAddressChange) {
+        onAdminAddressChange(adminAddress2);
+      }
+    },
+    [onAdminAddressChange]
+  );
+  return /* @__PURE__ */ React112.createElement(Stack83, { gap: "lg" }, /* @__PURE__ */ React112.createElement(Stack83, { gap: "xs" }, /* @__PURE__ */ React112.createElement(Text58, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React112.createElement(
+    TextInput39,
+    {
+      placeholder: "e.g. Claim Title",
+      value: localTitle,
+      onChange: (event) => {
+        const newTitle = event.currentTarget.value;
+        setLocalTitle(newTitle);
+        onTitleChange(newTitle);
+      }
+    }
+  )), /* @__PURE__ */ React112.createElement(Stack83, { gap: "xs" }, /* @__PURE__ */ React112.createElement(Text58, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React112.createElement(
+    Textarea22,
+    {
+      placeholder: "Describe what this claim is about",
+      minRows: 3,
+      value: localDescription,
+      onChange: (event) => {
+        const newDescription = event.currentTarget.value;
+        setLocalDescription(newDescription);
+        onDescriptionChange(newDescription);
+      }
+    }
+  )), /* @__PURE__ */ React112.createElement(
+    CollectionSelector,
+    {
+      did: deedDid,
+      selectedCollections: parsedSelectedCollections,
+      onDidChange: onDeedDidChange,
+      onCollectionsChange: handleCollectionsChange,
+      onAdminAddressChange: handleAdminAddressChange,
+      currentAdminAddress: adminAddress
+    }
+  ));
 };
-var blockRegistry = new BlockRegistry();
-blockRegistry.register({
-  type: "proposal",
-  propSchema: {
-    title: "",
-    description: "",
-    icon: "\u{1F4DD}",
-    proposalId: "",
-    status: "draft",
-    contractAddress: "",
-    coreAddress: "",
-    createdProposalId: ""
-  },
-  validDependencies: [],
-  defaultProps: {
-    icon: "\u{1F4DD}",
-    status: "draft"
-  }
-});
-blockRegistry.register({
-  type: "proposalVote",
-  propSchema: {
-    title: "",
+
+// src/mantine/blocks/claim/template/TemplateConfig.tsx
+var TemplateConfig6 = ({ editor, block }) => {
+  const { closePanel } = usePanelStore();
+  const updateProp = useCallback21(
+    (key, value) => {
+      console.log("[Claim TemplateConfig] Updating prop:", key, value);
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          [key]: value
+        }
+      });
+    },
+    [editor, block]
+  );
+  return /* @__PURE__ */ React113.createElement(
+    Paper13,
+    {
+      p: "md",
+      shadow: "sm",
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    /* @__PURE__ */ React113.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          marginBottom: "1rem"
+        }
+      },
+      /* @__PURE__ */ React113.createElement(Title9, { order: 3 }, "Claim Settings"),
+      /* @__PURE__ */ React113.createElement(CloseButton8, { onClick: closePanel })
+    ),
+    /* @__PURE__ */ React113.createElement(
+      ReusablePanel,
+      {
+        extraTabs: [
+          {
+            label: "General",
+            value: "general",
+            content: /* @__PURE__ */ React113.createElement(
+              GeneralTab6,
+              {
+                title: block.props.title || "",
+                description: block.props.description || "",
+                deedDid: block.props.deedDid || "",
+                selectedCollections: block.props.selectedCollections || "[]",
+                adminAddress: block.props.adminAddress || "",
+                onTitleChange: (value) => updateProp("title", value),
+                onDescriptionChange: (value) => updateProp("description", value),
+                onDeedDidChange: (value) => updateProp("deedDid", value),
+                onSelectedCollectionsChange: (value) => updateProp("selectedCollections", value),
+                onAdminAddressChange: (value) => updateProp("adminAddress", value)
+              }
+            )
+          }
+        ],
+        context: { editor, block }
+      }
+    )
+  );
+};
+
+// src/mantine/blocks/claim/template/TemplateView.tsx
+var CLAIM_TEMPLATE_PANEL_ID = "claim-template-panel";
+var ClaimTemplateView = ({ editor, block }) => {
+  const panelId = `${CLAIM_TEMPLATE_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo20(() => /* @__PURE__ */ React114.createElement(TemplateConfig6, { editor, block }), [editor, block]);
+  const { open } = usePanel(panelId, panelContent);
+  return /* @__PURE__ */ React114.createElement(Card24, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React114.createElement(Badge16, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React114.createElement(Group38, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React114.createElement(Group38, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React114.createElement(ActionIcon20, { variant: "light", color: "blue", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "square-check")), /* @__PURE__ */ React114.createElement(Stack84, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React114.createElement(Text59, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Claim Title"), /* @__PURE__ */ React114.createElement(Text59, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description || "Claim description")))));
+};
+
+// src/mantine/blocks/claim/flow/FlowView.tsx
+import React117, { useState as useState34, useEffect as useEffect23, useMemo as useMemo23, useCallback as useCallback23 } from "react";
+import { Stack as Stack87, Text as Text62, Loader as Loader10, Center as Center5, Alert as Alert14, Title as Title11, Flex as Flex22, ActionIcon as ActionIcon23 } from "@mantine/core";
+import { IconSettings as IconSettings3, IconRefresh as IconRefresh2, IconAlertCircle as IconAlertCircle3 } from "@tabler/icons-react";
+
+// src/mantine/blocks/claim/flow/ClaimCollectionsList.tsx
+import React116, { useMemo as useMemo22, useState as useState33, useEffect as useEffect22 } from "react";
+import { Stack as Stack86, Text as Text61, ActionIcon as ActionIcon22, Tooltip as Tooltip8, Loader as Loader9, Center as Center4 } from "@mantine/core";
+
+// src/mantine/blocks/claim/flow/ClaimsListSheet.tsx
+import React115, { useState as useState32, useEffect as useEffect21, useCallback as useCallback22, useMemo as useMemo21 } from "react";
+import { CloseButton as CloseButton9, Title as Title10, Loader as Loader8, Stack as Stack85, Text as Text60, Button as Button29, ActionIcon as ActionIcon21, Alert as Alert13 } from "@mantine/core";
+import { IconArrowLeft as IconArrowLeft2, IconAlertCircle as IconAlertCircle2 } from "@tabler/icons-react";
+import { Survey, SurveyModel } from "@ixo/surveys";
+
+// src/mantine/blocks/claim/flow/theme.ts
+var palette = {
+  // Neutral
+  Neutral50: "#FAFAFA",
+  Neutral100: "#F8F8F8",
+  Neutral200: "#F1F1F1",
+  Neutral300: "#EBEBEB",
+  Neutral500: "#D7D7D7",
+  Neutral800: "#9A9A9A",
+  Black: "#000000",
+  // Neutral Dark
+  NeutralDark50: "#050505",
+  NeutralDark100: "#070707",
+  NeutralDark200: "#0E0E0E",
+  NeutralDark300: "#141414",
+  NeutralDark500: "#282828",
+  NeutralDark800: "#656565",
+  // White
+  White: "#FFFFFF",
+  WhiteSecondary: "#D7ECE3",
+  // EmergingBlue
+  accentActive: "#0EB8DC",
+  accentSecondary: "#20798C",
+  accentHover: "#17C6EB",
+  accentLight: "#ADEBF8",
+  // CompanionBlue
+  companionBlue: "#e8f9fd",
+  // EmergingLighter
+  accentLighter: "rgba(173,235,248,0.2)",
+  accentDarker: "#296DAB",
+  darkestBlue: "#000000",
+  // Contribution
+  contributionBlue: "rgba(22, 143, 168, 1)",
+  // Danger
+  dangerFull: "#E2223B",
+  dangerBrighter: "#FCCFD5",
+  dangerBright: "#F9909E",
+  dangerDark: "#A11C43",
+  // Success
+  successFull: "#61B43A",
+  successDarker: "#47822b",
+  successBright: "#F4FCF0",
+  successSecondary: "#1CBD6A",
+  orangeFull: "#ED9526",
+  orangeBright: "#FDC681",
+  // Transparent
+  transparent: "rgba(255, 255, 255, 0)",
+  whiteTransparentDarker: "rgba(255, 255, 255, 0.10)",
+  whiteTransparent: "rgba(255, 255, 255, 0.30)",
+  whiteTransparentSecondary: "rgba(255, 255, 255, 0.65)",
+  successTransparent: "rgba(67, 175, 98, 0.30)",
+  // Glassmorphics
+  glass: "rgba(255, 255, 255, 0.06)",
+  glassGradient: "linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(153, 153, 153, 0.03) 100%)",
+  glassDarker: "rgba(0, 0, 0, 0.5)",
+  glassLighter: "rgba(255, 255, 255, 0.3)",
+  // Gradients
+  offsetCertificateGradient: "linear-gradient(45deg, rgba(59,152,51,1) 0%, rgba(70,193,193,1) 100%)",
+  contributionCertificateGradient: "linear-gradient(45deg, rgba(22,143,168,1) 0%, rgba(30,204,183,1) 100%)",
+  carbonCertificateGradient: "linear-gradient(55.09deg, rgba(54, 101, 135, 1) -2.49%, rgba(30, 173, 204, 1) 109.08%)",
+  shadowGradient: "linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 100%)"
+};
+var surveyTheme = {
+  backgroundImageFit: "cover",
+  backgroundImageAttachment: "scroll",
+  backgroundOpacity: 0,
+  cssVariables: {
+    "-sjs-editorpanel-backcolor": palette.glassDarker,
+    "--sjs-editor-background": palette.glassDarker,
+    "--sjs-general-backcolor": palette.Black,
+    "--sjs-general-backcolor-dark": palette.Black,
+    "--sjs-general-backcolor-dim": palette.transparent,
+    "--sjs-general-backcolor-dim-light": palette.glassDarker,
+    "--sjs-general-backcolor-dim-dark": palette.glassDarker,
+    "--sjs-general-forecolor": palette.White,
+    "--sjs-general-forecolor-light": palette.White,
+    "--sjs-general-dim-forecolor": palette.White,
+    "--sjs-general-dim-forecolor-light": palette.White,
+    "--sjs-font-surveytitle-color": palette.White,
+    "--sjs-primary-backcolor": palette.accentActive,
+    "--sjs-primary-backcolor-light": palette.accentLight,
+    "--sjs-primary-backcolor-dark": palette.accentHover,
+    "--sjs-primary-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-primary-forecolor-light": "rgba(255, 255, 255, 0.25)",
+    "--sjs-base-unit": "8px",
+    "--sjs-editorpanel-cornerRadius": "30px",
+    "--sjs-questionpanel-cornerRadius": "12px",
+    "--sjs-secondary-backcolor": "rgba(255, 152, 20, 1)",
+    "--sjs-secondary-backcolor-light": "rgba(255, 152, 20, 0.1)",
+    "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)",
+    "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)",
+    "--sjs-shadow-small": "0px 0px 0px 0px rgba(0, 0, 0, 0)",
+    "--sjs-shadow-small-reset": "0px 0px 0px 0px rgba(0, 0, 0, 0)",
+    "--sjs-shadow-medium": "0px 0px 0px 0px rgba(0, 0, 0, 0)",
+    "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.1)",
+    "--sjs-shadow-inner": "0px 0px 0px 0px rgba(0, 0, 0, 0.15)",
+    "--sjs-shadow-inner-reset": "0px 0px 0px 0px rgba(0, 0, 0, 0.15)",
+    "--sjs-border-light": "rgba(0, 0, 0, 0.09)",
+    "--sjs-border-default": "rgba(0, 0, 0, 0.16)",
+    "--sjs-border-inside": "rgba(0, 0, 0, 0.16)",
+    "--sjs-special-red": "rgba(229, 10, 62, 1)",
+    "--sjs-special-red-light": "rgba(229, 10, 62, 0.1)",
+    "--sjs-special-red-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-special-green": "rgba(25, 179, 148, 1)",
+    "--sjs-special-green-light": "rgba(25, 179, 148, 0.1)",
+    "--sjs-special-green-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-special-blue": "rgba(67, 127, 217, 1)",
+    "--sjs-special-blue-light": "rgba(67, 127, 217, 0.1)",
+    "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
+    "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
+  },
+  themeName: "userTheme",
+  colorPalette: "dark",
+  isPanelless: true
+};
+
+// src/mantine/blocks/claim/flow/ClaimsListSheet.tsx
+var ClaimsListSheet = ({ collectionId, collectionName, deedId, adminAddress, userAddress, onSubmitComplete }) => {
+  const { closePanel } = usePanelStore();
+  const handlers = useBlocknoteHandlers();
+  const [viewMode, setViewMode] = useState32("list");
+  const [claims, setClaims] = useState32([]);
+  const [loading, setLoading] = useState32(true);
+  const [error, setError] = useState32(null);
+  const [surveyJson, setSurveyJson] = useState32(null);
+  const [surveyLoading, setSurveyLoading] = useState32(false);
+  const [surveyError, setSurveyError] = useState32(null);
+  const fetchClaims = useCallback22(async () => {
+    try {
+      setLoading(true);
+      setError(null);
+      const result = await handlers.getClaimsPerUserAddress({
+        collectionId,
+        userAddress
+      });
+      setClaims(result || []);
+    } catch (err) {
+      console.error("Error fetching claims:", err);
+      setError(err instanceof Error ? err.message : "Failed to fetch claims");
+      setClaims([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [collectionId, userAddress, handlers]);
+  const fetchSurveyTemplate = useCallback22(async () => {
+    try {
+      setSurveyLoading(true);
+      setSurveyError(null);
+      const result = await handlers.getDeedSurveyTemplate(deedId);
+      if (result) {
+        setSurveyJson(result.surveyTemplate);
+      } else {
+        setSurveyError("No survey template found for this deed");
+      }
+    } catch (err) {
+      console.error("Error fetching survey template:", err);
+      setSurveyError(err instanceof Error ? err.message : "Failed to load survey template");
+    } finally {
+      setSurveyLoading(false);
+    }
+  }, [deedId, handlers]);
+  useEffect21(() => {
+    fetchClaims();
+  }, [fetchClaims]);
+  const surveyModel = useMemo21(() => {
+    if (!surveyJson) return null;
+    const model = new SurveyModel(surveyJson);
+    model.applyTheme(surveyTheme);
+    model.showQuestionNumbers = "off";
+    model.questionsOnPageMode = "singlePage";
+    return model;
+  }, [surveyJson]);
+  const handleSurveyComplete = useCallback22(
+    async (sender) => {
+      const surveyData = sender.data;
+      console.log("Survey completed:", surveyData);
+      try {
+        const pin = await handlers.requestPin({
+          title: "Verify Identity",
+          description: "Enter your PIN to submit the claim",
+          submitText: "Verify"
+        });
+        if (!adminAddress) {
+          throw new Error("Admin address is not set. Please configure the claim block first.");
+        }
+        const result = await handlers.submitClaim({
+          surveyData,
+          deedDid: deedId,
+          collectionId,
+          adminAddress,
+          pin
+        });
+        console.log("Claim submitted successfully:", result);
+        closePanel();
+        onSubmitComplete?.();
+      } catch (error2) {
+        console.error("Failed to submit claim:", error2);
+        setSurveyError(error2 instanceof Error ? error2.message : "Failed to submit claim");
+      }
+    },
+    [handlers, deedId, collectionId, adminAddress, closePanel, onSubmitComplete]
+  );
+  useEffect21(() => {
+    if (surveyModel) {
+      surveyModel.onComplete.add(handleSurveyComplete);
+      return () => {
+        surveyModel.onComplete.remove(handleSurveyComplete);
+      };
+    }
+    return void 0;
+  }, [surveyModel, handleSurveyComplete]);
+  const handleNewClaim = () => {
+    if (!surveyJson) {
+      fetchSurveyTemplate();
+    }
+    setViewMode("survey");
+  };
+  const handleBackToList = () => {
+    setViewMode("list");
+    setSurveyError(null);
+    fetchClaims();
+  };
+  const getClaimStatus = (paymentsStatus) => {
+    if (paymentsStatus.approval === "PAID") {
+      return "approved";
+    }
+    if (paymentsStatus.rejection === "PAID") {
+      return "rejected";
+    }
+    return "pending";
+  };
+  const getStatusColor = (status) => {
+    switch (status) {
+      case "approved":
+        return "green";
+      case "rejected":
+        return "red";
+      case "pending":
+      default:
+        return "yellow";
+    }
+  };
+  const formatDate = (dateString) => {
+    try {
+      return new Date(dateString).toLocaleDateString();
+    } catch {
+      return dateString;
+    }
+  };
+  return /* @__PURE__ */ React115.createElement(
+    "div",
+    {
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        overflow: "hidden"
+      }
+    },
+    /* @__PURE__ */ React115.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          marginBottom: "1rem"
+        }
+      },
+      /* @__PURE__ */ React115.createElement("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" } }, viewMode === "survey" && /* @__PURE__ */ React115.createElement(ActionIcon21, { variant: "subtle", onClick: handleBackToList }, /* @__PURE__ */ React115.createElement(IconArrowLeft2, { size: 20 })), /* @__PURE__ */ React115.createElement(Title10, { order: 3 }, viewMode === "list" ? collectionName : "Submit New Claim")),
+      /* @__PURE__ */ React115.createElement(CloseButton9, { onClick: closePanel })
+    ),
+    /* @__PURE__ */ React115.createElement(
+      "div",
+      {
+        style: {
+          flex: 1,
+          overflow: "hidden",
+          position: "relative"
+        }
+      },
+      /* @__PURE__ */ React115.createElement(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            display: "flex",
+            flexDirection: "column",
+            overflow: "auto",
+            transform: viewMode === "list" ? "translateX(0)" : "translateX(-100%)",
+            opacity: viewMode === "list" ? 1 : 0,
+            transition: "transform 0.3s ease-out, opacity 0.3s ease-out",
+            pointerEvents: viewMode === "list" ? "auto" : "none"
+          }
+        },
+        /* @__PURE__ */ React115.createElement(Stack85, { gap: "md", style: { flex: 1 } }, /* @__PURE__ */ React115.createElement(Button29, { onClick: handleNewClaim, fullWidth: true }, "New Claim"), loading ? /* @__PURE__ */ React115.createElement(Stack85, { align: "center", justify: "center", style: { flex: 1 } }, /* @__PURE__ */ React115.createElement(Loader8, { size: "lg" }), /* @__PURE__ */ React115.createElement(Text60, { size: "sm", c: "dimmed" }, "Loading claims...")) : error ? /* @__PURE__ */ React115.createElement(Alert13, { color: "red", title: "Failed to load claims", icon: /* @__PURE__ */ React115.createElement(IconAlertCircle2, { size: 18 }) }, /* @__PURE__ */ React115.createElement(Text60, { size: "sm" }, error)) : claims.length === 0 ? /* @__PURE__ */ React115.createElement(Stack85, { align: "center", justify: "center", style: { flex: 1 } }, /* @__PURE__ */ React115.createElement(Text60, { size: "sm", c: "dimmed", ta: "center" }, 'No claims found. Click "New Claim" to submit your first claim.')) : /* @__PURE__ */ React115.createElement(Stack85, { gap: "xs" }, claims.map((claim) => {
+          const status = getClaimStatus(claim.paymentsStatus);
+          return /* @__PURE__ */ React115.createElement(ListItemContainer, { key: claim.claimId }, /* @__PURE__ */ React115.createElement(Stack85, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React115.createElement(Text60, { size: "sm", fw: 500 }, "Claim #", claim.claimId.slice(-8)), /* @__PURE__ */ React115.createElement(Text60, { size: "xs", c: "dimmed" }, "Submitted: ", formatDate(claim.submissionDate))), /* @__PURE__ */ React115.createElement(Text60, { size: "xs", fw: 500, c: getStatusColor(status) }, status.toUpperCase()));
+        })))
+      ),
+      /* @__PURE__ */ React115.createElement(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            display: "flex",
+            flexDirection: "column",
+            overflow: "auto",
+            transform: viewMode === "survey" ? "translateX(0)" : "translateX(100%)",
+            opacity: viewMode === "survey" ? 1 : 0,
+            transition: "transform 0.3s ease-out, opacity 0.3s ease-out",
+            pointerEvents: viewMode === "survey" ? "auto" : "none"
+          }
+        },
+        /* @__PURE__ */ React115.createElement("div", null, surveyLoading && /* @__PURE__ */ React115.createElement(Stack85, { align: "center", justify: "center", style: { height: "100%" } }, /* @__PURE__ */ React115.createElement(Loader8, { size: "lg" }), /* @__PURE__ */ React115.createElement(Text60, { size: "sm", c: "dimmed" }, "Loading survey template...")), surveyError && /* @__PURE__ */ React115.createElement(Stack85, { align: "center", justify: "center", style: { height: "100%", padding: "1rem" } }, /* @__PURE__ */ React115.createElement(Text60, { size: "sm", c: "red" }, surveyError)), !surveyLoading && !surveyError && surveyModel && /* @__PURE__ */ React115.createElement(Survey, { model: surveyModel }))
+      )
+    )
+  );
+};
+
+// src/mantine/blocks/claim/flow/ClaimCollectionsList.tsx
+import { IconArrowRight as IconArrowRight2 } from "@tabler/icons-react";
+var CollectionItem = ({ collection, deedId, adminAddress, userRole, onRefresh }) => {
+  const handlers = useBlocknoteHandlers();
+  const currentUser = handlers.getCurrentUser();
+  const getCollectionName = (collection2) => {
+    return collection2.protocol?.profile?.name || collection2.name || "Unnamed Collection";
+  };
+  const isServiceAgent = userRole === "SA" /* ServiceProvider */;
+  const canAccessClaims = isServiceAgent;
+  const claimsPanelId = `claims-list-${collection.id}`;
+  const collectionName = getCollectionName(collection);
+  const claimsPanelContent = useMemo22(
+    () => /* @__PURE__ */ React116.createElement(
+      ClaimsListSheet,
+      {
+        collectionId: collection.id,
+        collectionName,
+        deedId,
+        adminAddress,
+        userAddress: currentUser.address,
+        onSubmitComplete: onRefresh
+      }
+    ),
+    [collection.id, collectionName, deedId, adminAddress, currentUser.address, onRefresh]
+  );
+  const { open: openClaimsPanel } = usePanel(claimsPanelId, claimsPanelContent);
+  const handleClick = () => {
+    if (canAccessClaims) {
+      openClaimsPanel();
+    }
+  };
+  return /* @__PURE__ */ React116.createElement("div", { style: { opacity: canAccessClaims ? 1 : 0.5 } }, /* @__PURE__ */ React116.createElement(ListItemContainer, null, /* @__PURE__ */ React116.createElement(Stack86, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React116.createElement(Text61, { size: "sm", fw: 500, c: canAccessClaims ? void 0 : "dimmed" }, getCollectionName(collection)), collection.description && /* @__PURE__ */ React116.createElement(Text61, { size: "xs", c: "dimmed" }, collection.description)), /* @__PURE__ */ React116.createElement(Tooltip8, { label: "You need to apply to be a service agent first", disabled: canAccessClaims, position: "left", withArrow: true }, /* @__PURE__ */ React116.createElement(ActionIcon22, { variant: "subtle", size: "lg", onClick: handleClick, disabled: !canAccessClaims, style: { cursor: canAccessClaims ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React116.createElement(IconArrowRight2, { size: 20 })))));
+};
+var ClaimCollectionsList = ({ collections, deedId, adminAddress, userAddress, onRefresh }) => {
+  const handlers = useBlocknoteHandlers();
+  const [userRoles, setUserRoles] = useState33({});
+  const [loadingRoles, setLoadingRoles] = useState33(true);
+  useEffect22(() => {
+    const fetchUserRoles = async () => {
+      if (!collections || collections.length === 0 || !userAddress || !adminAddress) {
+        setLoadingRoles(false);
+        return;
+      }
+      try {
+        setLoadingRoles(true);
+        const collectionIds = collections.map((c) => c.id);
+        const roles = await handlers.getUserRoles({
+          userAddress,
+          adminAddress,
+          deedDid: deedId,
+          collectionIds
+        });
+        const rolesMap = {};
+        collections.forEach((collection) => {
+          const roleData = roles?.find((r) => r.collectionId === collection.id);
+          rolesMap[collection.id] = roleData?.role || null;
+        });
+        setUserRoles(rolesMap);
+      } catch (error) {
+        console.error("Error fetching user roles:", error);
+        const rolesMap = {};
+        collections.forEach((collection) => {
+          rolesMap[collection.id] = null;
+        });
+        setUserRoles(rolesMap);
+      } finally {
+        setLoadingRoles(false);
+      }
+    };
+    fetchUserRoles();
+  }, [collections, userAddress, adminAddress, handlers, deedId]);
+  if (!collections || collections.length === 0) {
+    return /* @__PURE__ */ React116.createElement(Text61, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No claim collections found");
+  }
+  if (loadingRoles) {
+    return /* @__PURE__ */ React116.createElement(Center4, { py: "md" }, /* @__PURE__ */ React116.createElement(Loader9, { size: "sm" }));
+  }
+  return /* @__PURE__ */ React116.createElement(Stack86, { gap: "md", px: 5 }, collections.map((collection) => /* @__PURE__ */ React116.createElement(CollectionItem, { key: collection.id, collection, deedId, adminAddress, userRole: userRoles[collection.id] || null, onRefresh })));
+};
+
+// src/mantine/blocks/claim/flow/FlowView.tsx
+var CLAIM_FLOW_PANEL_ID = "claim-flow-panel";
+var ClaimFlowView = ({ editor, block }) => {
+  const { editable } = useBlocknoteContext();
+  const handlers = useBlocknoteHandlers();
+  const currentUser = handlers.getCurrentUser();
+  const [collections, setCollections] = useState34([]);
+  const [loading, setLoading] = useState34(false);
+  const [error, setError] = useState34(null);
+  const panelId = `${CLAIM_FLOW_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo23(() => /* @__PURE__ */ React117.createElement(TemplateConfig6, { editor, block }), [editor, block]);
+  const { open } = usePanel(panelId, panelContent);
+  const selectedCollectionIds = useMemo23(() => {
+    try {
+      return JSON.parse(block.props.selectedCollections || "[]");
+    } catch {
+      return [];
+    }
+  }, [block.props.selectedCollections]);
+  const did = block.props.deedDid;
+  const adminAddress = block.props.adminAddress || "";
+  const fetchCollections = useCallback23(async () => {
+    if (!did || selectedCollectionIds.length === 0) {
+      setCollections([]);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await handlers.getClaimCollections({ deedDid: did });
+      const { adminAddress: adminAddress2, collections: allCollections } = response || { adminAddress: "", collections: [] };
+      if (adminAddress2 && (!block.props.adminAddress || block.props.adminAddress === "")) {
+        editor.updateBlock(block, {
+          props: {
+            ...block.props,
+            adminAddress: adminAddress2
+          }
+        });
+      }
+      const selectedCollections = (allCollections || []).filter((c) => selectedCollectionIds.includes(c?.id));
+      setCollections(selectedCollections);
+    } catch (err) {
+      console.error("Error fetching collections:", err);
+      setError(err instanceof Error ? err.message : "Failed to fetch collections");
+    } finally {
+      setLoading(false);
+    }
+  }, [did, selectedCollectionIds, handlers, editor, block]);
+  useEffect23(() => {
+    fetchCollections();
+  }, [fetchCollections]);
+  if (!did) {
+    return /* @__PURE__ */ React117.createElement(Center5, { py: "xl" }, /* @__PURE__ */ React117.createElement(Text62, { size: "sm", c: "dimmed" }, "Please configure the claim block in template mode first"));
+  }
+  if (selectedCollectionIds.length === 0) {
+    return /* @__PURE__ */ React117.createElement(Center5, { py: "xl" }, /* @__PURE__ */ React117.createElement(Text62, { size: "sm", c: "dimmed" }, "No claim collections selected"));
+  }
+  return /* @__PURE__ */ React117.createElement(Stack87, { w: "100%" }, /* @__PURE__ */ React117.createElement(Flex22, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React117.createElement(Title11, { order: 4 }, "Submit Claims"), /* @__PURE__ */ React117.createElement(Flex22, { gap: "xs" }, /* @__PURE__ */ React117.createElement(ActionIcon23, { variant: "subtle", size: "sm", onClick: fetchCollections, loading }, /* @__PURE__ */ React117.createElement(IconRefresh2, { size: 18 })), editable && /* @__PURE__ */ React117.createElement(ActionIcon23, { variant: "subtle", size: "sm", onClick: open }, /* @__PURE__ */ React117.createElement(IconSettings3, { size: 18 })))), loading ? /* @__PURE__ */ React117.createElement(Center5, { py: "xl" }, /* @__PURE__ */ React117.createElement(Loader10, { size: "md" })) : error ? /* @__PURE__ */ React117.createElement(Alert14, { color: "red", title: "Failed to load collections", icon: /* @__PURE__ */ React117.createElement(IconAlertCircle3, { size: 18 }) }, /* @__PURE__ */ React117.createElement(Text62, { size: "sm" }, error)) : /* @__PURE__ */ React117.createElement(ClaimCollectionsList, { collections, deedId: did, adminAddress, userAddress: currentUser.address, onRefresh: fetchCollections }));
+};
+
+// src/mantine/blocks/claim/ClaimBlock.tsx
+function ClaimBlock({ editor, block }) {
+  const { docType } = useBlocknoteContext();
+  if (docType === "template") {
+    return /* @__PURE__ */ React118.createElement(ClaimTemplateView, { editor, block });
+  }
+  return /* @__PURE__ */ React118.createElement(ClaimFlowView, { editor, block });
+}
+
+// src/mantine/blocks/claim/ClaimBlockSpec.tsx
+var ClaimBlockSpec = createReactBlockSpec8(
+  {
+    type: "claim",
+    propSchema: {
+      title: { default: "" },
+      description: { default: "" },
+      icon: { default: "square-check" },
+      deedDid: { default: "" },
+      selectedCollections: { default: "[]" },
+      adminAddress: { default: "" }
+    },
+    content: "none"
+  },
+  {
+    render: (props) => {
+      const ixoProps = props;
+      return /* @__PURE__ */ React119.createElement(ClaimBlock, { ...ixoProps });
+    }
+  }
+);
+
+// src/mantine/blocks/bid/BidBlockSpec.tsx
+import React130 from "react";
+import { createReactBlockSpec as createReactBlockSpec9 } from "@blocknote/react";
+
+// src/mantine/blocks/bid/BidBlock.tsx
+import React129 from "react";
+
+// src/mantine/blocks/bid/template/TemplateView.tsx
+import React123, { useMemo as useMemo25 } from "react";
+import { Card as Card25, Group as Group39, Stack as Stack89, Text as Text64, ActionIcon as ActionIcon24, Badge as Badge17 } from "@mantine/core";
+
+// src/mantine/blocks/bid/template/TemplateConfig.tsx
+import React122, { useCallback as useCallback25 } from "react";
+import { Paper as Paper14, CloseButton as CloseButton10, Title as Title12 } from "@mantine/core";
+
+// src/mantine/blocks/bid/template/GeneralTab.tsx
+import React120, { useEffect as useEffect24, useState as useState35 } from "react";
+import { Stack as Stack88, Text as Text63, TextInput as TextInput40, Textarea as Textarea23 } from "@mantine/core";
+var GeneralTab7 = ({ title, description, onTitleChange, onDescriptionChange }) => {
+  const [localTitle, setLocalTitle] = useState35(title || "");
+  const [localDescription, setLocalDescription] = useState35(description || "");
+  useEffect24(() => {
+    setLocalTitle(title || "");
+  }, [title]);
+  useEffect24(() => {
+    setLocalDescription(description || "");
+  }, [description]);
+  return /* @__PURE__ */ React120.createElement(Stack88, { gap: "lg" }, /* @__PURE__ */ React120.createElement(Stack88, { gap: "xs" }, /* @__PURE__ */ React120.createElement(Text63, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React120.createElement(
+    TextInput40,
+    {
+      placeholder: "e.g. Bid Title",
+      value: localTitle,
+      onChange: (event) => {
+        const newTitle = event.currentTarget.value;
+        setLocalTitle(newTitle);
+        onTitleChange(newTitle);
+      }
+    }
+  )), /* @__PURE__ */ React120.createElement(Stack88, { gap: "xs" }, /* @__PURE__ */ React120.createElement(Text63, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React120.createElement(
+    Textarea23,
+    {
+      placeholder: "Describe what this bid is about",
+      minRows: 3,
+      value: localDescription,
+      onChange: (event) => {
+        const newDescription = event.currentTarget.value;
+        setLocalDescription(newDescription);
+        onDescriptionChange(newDescription);
+      }
+    }
+  )));
+};
+
+// src/mantine/blocks/bid/template/CollectionsTab.tsx
+import React121, { useCallback as useCallback24, useMemo as useMemo24 } from "react";
+var CollectionsTab = ({ did, selectedCollections, adminAddress, onDidChange, onSelectedCollectionsChange, onAdminAddressChange }) => {
+  const parsedSelectedCollections = useMemo24(() => {
+    try {
+      return JSON.parse(selectedCollections || "[]");
+    } catch {
+      return [];
+    }
+  }, [selectedCollections]);
+  const handleCollectionsChange = useCallback24(
+    (collections) => {
+      onSelectedCollectionsChange(JSON.stringify(collections || []));
+    },
+    [onSelectedCollectionsChange]
+  );
+  const handleAdminAddressChange = useCallback24(
+    (adminAddress2) => {
+      if (onAdminAddressChange) {
+        onAdminAddressChange(adminAddress2);
+      }
+    },
+    [onAdminAddressChange]
+  );
+  return /* @__PURE__ */ React121.createElement(
+    CollectionSelector,
+    {
+      did,
+      selectedCollections: parsedSelectedCollections,
+      onDidChange,
+      onCollectionsChange: handleCollectionsChange,
+      onAdminAddressChange: handleAdminAddressChange,
+      currentAdminAddress: adminAddress
+    }
+  );
+};
+
+// src/mantine/blocks/bid/template/TemplateConfig.tsx
+var TemplateConfig7 = ({ editor, block }) => {
+  const { closePanel } = usePanelStore();
+  const updateProp = useCallback25(
+    (key, value) => {
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          [key]: value
+        }
+      });
+    },
+    [editor, block]
+  );
+  return /* @__PURE__ */ React122.createElement(
+    Paper14,
+    {
+      p: "md",
+      shadow: "sm",
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    /* @__PURE__ */ React122.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          marginBottom: "1rem"
+        }
+      },
+      /* @__PURE__ */ React122.createElement(Title12, { order: 3 }, "Bid Settings"),
+      /* @__PURE__ */ React122.createElement(CloseButton10, { onClick: closePanel })
+    ),
+    /* @__PURE__ */ React122.createElement(
+      ReusablePanel,
+      {
+        extraTabs: [
+          {
+            label: "General",
+            value: "general",
+            content: /* @__PURE__ */ React122.createElement(
+              GeneralTab7,
+              {
+                title: block.props.title || "",
+                description: block.props.description || "",
+                onTitleChange: (value) => updateProp("title", value),
+                onDescriptionChange: (value) => updateProp("description", value)
+              }
+            )
+          },
+          {
+            label: "Collections",
+            value: "collections",
+            content: /* @__PURE__ */ React122.createElement(
+              CollectionsTab,
+              {
+                did: block.props.did || "",
+                selectedCollections: block.props.selectedCollections || "[]",
+                adminAddress: block.props.adminAddress || "",
+                onDidChange: (value) => updateProp("did", value),
+                onSelectedCollectionsChange: (value) => updateProp("selectedCollections", value),
+                onAdminAddressChange: (value) => updateProp("adminAddress", value)
+              }
+            )
+          }
+        ],
+        context: { editor, block }
+      }
+    )
+  );
+};
+
+// src/mantine/blocks/bid/template/TemplateView.tsx
+var BID_TEMPLATE_PANEL_ID = "bid-template-panel";
+var BidTemplateView = ({ editor, block }) => {
+  const panelId = `${BID_TEMPLATE_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo25(() => /* @__PURE__ */ React123.createElement(TemplateConfig7, { editor, block }), [editor, block]);
+  const { open } = usePanel(panelId, panelContent);
+  const selectedCollectionsCount = useMemo25(() => {
+    try {
+      const parsed = JSON.parse(block.props.selectedCollections || "[]");
+      return parsed.length;
+    } catch {
+      return 0;
+    }
+  }, [block.props.selectedCollections]);
+  const didDisplay = block.props.did ? `${block.props.did.substring(0, 15)}...${block.props.did.substring(block.props.did.length - 10)}` : "No DID configured";
+  return /* @__PURE__ */ React123.createElement(Card25, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React123.createElement(Badge17, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React123.createElement(Group39, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React123.createElement(Group39, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React123.createElement(ActionIcon24, { variant: "light", color: "blue", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon("dollar-sign", 18, 1.5)), /* @__PURE__ */ React123.createElement(Stack89, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React123.createElement(Text64, { fw: 500, size: "sm", contentEditable: false }, "Bid Block"), /* @__PURE__ */ React123.createElement(Text64, { size: "xs", c: "dimmed", contentEditable: false }, block.props.did ? didDisplay : "Configure bid settings"), selectedCollectionsCount > 0 && /* @__PURE__ */ React123.createElement(Text64, { size: "xs", c: "blue", contentEditable: false }, selectedCollectionsCount, " collection", selectedCollectionsCount !== 1 ? "s" : "", " selected")))));
+};
+
+// src/mantine/blocks/bid/flow/FlowView.tsx
+import React128, { useState as useState40, useEffect as useEffect29, useMemo as useMemo30, useCallback as useCallback28 } from "react";
+import { Stack as Stack94, Text as Text69, Loader as Loader15, Center as Center8, Alert as Alert17, Title as Title15, Flex as Flex23, ActionIcon as ActionIcon27 } from "@mantine/core";
+import { IconSettings as IconSettings4, IconRefresh as IconRefresh3, IconAlertCircle as IconAlertCircle6 } from "@tabler/icons-react";
+
+// src/mantine/blocks/bid/flow/ClaimCollectionsList.tsx
+import React127, { useMemo as useMemo29, useState as useState39, useEffect as useEffect28 } from "react";
+import { Stack as Stack93, Text as Text68, Button as Button31, Menu as Menu2, Badge as Badge20, Collapse as Collapse4, Loader as Loader14, Center as Center7, ActionIcon as ActionIcon26 } from "@mantine/core";
+import { IconChevronDown as IconChevronDown4, IconArrowDown as IconArrowDown3, IconArrowUp as IconArrowUp3 } from "@tabler/icons-react";
+
+// src/mantine/blocks/bid/flow/BidSurveyPanel.tsx
+import React124, { useMemo as useMemo26, useState as useState36, useEffect as useEffect25, useCallback as useCallback26 } from "react";
+import { Paper as Paper15, CloseButton as CloseButton11, Title as Title13, Loader as Loader11, Stack as Stack90, Text as Text65 } from "@mantine/core";
+import { Survey as Survey2, SurveyModel as SurveyModel2 } from "@ixo/surveys";
+var SURVEY_THEME_VARIABLES = Object.entries(surveyTheme.cssVariables ?? {}).reduce((acc, [key, value]) => {
+  acc[key] = value;
+  return acc;
+}, {});
+var SURVEY_THEME_BACKGROUND = SURVEY_THEME_VARIABLES["--sjs-general-backcolor"] ?? "#050505";
+var SURVEY_THEME_FOREGROUND = SURVEY_THEME_VARIABLES["--sjs-general-forecolor"] ?? "#ffffff";
+var BidSurveyPanel = ({ deedId, collectionId, role, onSubmitComplete }) => {
+  const { closePanel } = usePanelStore();
+  const handlers = useBlocknoteHandlers();
+  const [surveyJson, setSurveyJson] = useState36(null);
+  const [loading, setLoading] = useState36(true);
+  const [error, setError] = useState36(null);
+  const roleLabel = role === "service_agent" ? "Service Agent" : "Evaluation Agent";
+  useEffect25(() => {
+    const fetchSurveyTemplate = async () => {
+      try {
+        setLoading(true);
+        setError(null);
+        const result = role === "service_agent" ? await handlers.getBidContributorSurveyTemplate(deedId) : await handlers.getBidEvaluatorSurveyTemplate(deedId);
+        if (result) {
+          setSurveyJson(result.surveyTemplate);
+        } else {
+          setError("No survey template found for this role");
+        }
+      } catch (err) {
+        console.error("Error fetching survey template:", err);
+        setError(err instanceof Error ? err.message : "Failed to load survey template");
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchSurveyTemplate();
+  }, [deedId, role, handlers]);
+  const surveyModel = useMemo26(() => {
+    if (!surveyJson) return null;
+    const model = new SurveyModel2(surveyJson);
+    model.applyTheme(surveyTheme);
+    model.showQuestionNumbers = "off";
+    model.questionsOnPageMode = "singlePage";
+    return model;
+  }, [surveyJson]);
+  const surveyContainerStyle = useMemo26(
+    () => ({
+      flex: 1,
+      overflow: "auto",
+      backgroundColor: SURVEY_THEME_BACKGROUND,
+      color: SURVEY_THEME_FOREGROUND,
+      ...SURVEY_THEME_VARIABLES
+    }),
+    []
+  );
+  const handleSurveyComplete = useCallback26(
+    async (sender) => {
+      const surveyData = sender.data;
+      console.log("Survey completed:", surveyData);
+      try {
+        const bidRole = role === "service_agent" ? "SA" /* serviceProviders */ : "EA" /* evaluators */;
+        await handlers.submitBid({
+          collectionId,
+          role: bidRole,
+          surveyAnswers: surveyData
+        });
+        console.log("Bid submitted successfully");
+        closePanel();
+        onSubmitComplete?.();
+      } catch (error2) {
+        console.error("Failed to submit bid:", error2);
+        setError(error2 instanceof Error ? error2.message : "Failed to submit bid");
+      }
+    },
+    [handlers, collectionId, role, closePanel, onSubmitComplete]
+  );
+  useEffect25(() => {
+    if (surveyModel) {
+      surveyModel.onComplete.add(handleSurveyComplete);
+      return () => {
+        surveyModel.onComplete.remove(handleSurveyComplete);
+      };
+    }
+    return void 0;
+  }, [surveyModel, handleSurveyComplete]);
+  return /* @__PURE__ */ React124.createElement(
+    Paper15,
+    {
+      p: "md",
+      shadow: "sm",
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    /* @__PURE__ */ React124.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          marginBottom: "1rem"
+        }
+      },
+      /* @__PURE__ */ React124.createElement(Title13, { order: 3 }, roleLabel, " Application"),
+      /* @__PURE__ */ React124.createElement(CloseButton11, { onClick: closePanel })
+    ),
+    /* @__PURE__ */ React124.createElement("div", { style: surveyContainerStyle }, loading && /* @__PURE__ */ React124.createElement(Stack90, { align: "center", justify: "center", style: { height: "100%" } }, /* @__PURE__ */ React124.createElement(Loader11, { size: "lg" }), /* @__PURE__ */ React124.createElement(Text65, { size: "sm", c: "dimmed" }, "Loading survey template...")), error && /* @__PURE__ */ React124.createElement(Stack90, { align: "center", justify: "center", style: { height: "100%", padding: "1rem" } }, /* @__PURE__ */ React124.createElement(Text65, { size: "sm", c: "red" }, error)), !loading && !error && surveyModel && /* @__PURE__ */ React124.createElement(Survey2, { model: surveyModel }))
+  );
+};
+
+// src/mantine/blocks/bid/flow/BidsList.tsx
+import React126, { useState as useState38, useEffect as useEffect27, useMemo as useMemo28, useCallback as useCallback27 } from "react";
+import { Stack as Stack92, Text as Text67, Loader as Loader13, Center as Center6, Alert as Alert16, Badge as Badge19, Group as Group41, ActionIcon as ActionIcon25 } from "@mantine/core";
+import { IconAlertCircle as IconAlertCircle5, IconArrowRight as IconArrowRight3 } from "@tabler/icons-react";
+
+// src/mantine/blocks/bid/flow/BidViewPanel.tsx
+import React125, { useMemo as useMemo27, useState as useState37, useEffect as useEffect26 } from "react";
+import { Paper as Paper16, CloseButton as CloseButton12, Title as Title14, Loader as Loader12, Stack as Stack91, Text as Text66, Badge as Badge18, Button as Button30, Group as Group40, Modal as Modal2, Textarea as Textarea24, Alert as Alert15 } from "@mantine/core";
+import { Survey as Survey3, SurveyModel as SurveyModel3 } from "@ixo/surveys";
+import { IconCheck as IconCheck2, IconX as IconX4, IconAlertCircle as IconAlertCircle4 } from "@tabler/icons-react";
+var SURVEY_THEME_VARIABLES2 = Object.entries(surveyTheme.cssVariables ?? {}).reduce((acc, [key, value]) => {
+  acc[key] = value;
+  return acc;
+}, {});
+var SURVEY_THEME_BACKGROUND2 = SURVEY_THEME_VARIABLES2["--sjs-general-backcolor"] ?? "#050505";
+var SURVEY_THEME_FOREGROUND2 = SURVEY_THEME_VARIABLES2["--sjs-general-forecolor"] ?? "#ffffff";
+var BidViewPanel = ({ bid, deedId, adminAddress, onRefresh }) => {
+  const { closePanel } = usePanelStore();
+  const handlers = useBlocknoteHandlers();
+  const [surveyJson, setSurveyJson] = useState37(null);
+  const [loading, setLoading] = useState37(true);
+  const [error, setError] = useState37(null);
+  const [actionLoading, setActionLoading] = useState37(false);
+  const [actionError, setActionError] = useState37(null);
+  const [rejectModalOpen, setRejectModalOpen] = useState37(false);
+  const [rejectReason, setRejectReason] = useState37("");
+  useEffect26(() => {
+    const fetchSurveyTemplate = async () => {
+      try {
+        setLoading(true);
+        setError(null);
+        let result;
+        if (bid.role === "service_agent" || bid.role === "SA") {
+          result = await handlers.getBidContributorSurveyTemplate(deedId);
+        } else if (bid.role === "evaluation_agent" || bid.role === "EA") {
+          result = await handlers.getBidEvaluatorSurveyTemplate(deedId);
+        } else {
+          setError(`Unknown role: ${bid.role}`);
+          setLoading(false);
+          return;
+        }
+        if (result) {
+          setSurveyJson(result.surveyTemplate);
+        } else {
+          setError("No survey template found for this role");
+        }
+      } catch (err) {
+        console.error("Error fetching survey template:", err);
+        setError(err instanceof Error ? err.message : "Failed to load survey template");
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchSurveyTemplate();
+  }, [deedId, bid.role, handlers]);
+  const surveyModel = useMemo27(() => {
+    if (!surveyJson) return null;
+    const model = new SurveyModel3(surveyJson);
+    model.applyTheme(surveyTheme);
+    model.showQuestionNumbers = "off";
+    model.questionsOnPageMode = "singlePage";
+    model.mode = "display";
+    let bidData;
+    try {
+      bidData = typeof bid.data === "string" ? JSON.parse(bid.data) : bid.data;
+    } catch {
+      bidData = bid.data;
+    }
+    model.data = bidData;
+    return model;
+  }, [surveyJson, bid.data]);
+  const surveyContainerStyle = useMemo27(
+    () => ({
+      flex: 1,
+      overflow: "auto",
+      backgroundColor: SURVEY_THEME_BACKGROUND2,
+      color: SURVEY_THEME_FOREGROUND2,
+      ...SURVEY_THEME_VARIABLES2
+    }),
+    []
+  );
+  const getRoleLabel = (role) => {
+    if (role === "service_agent" || role === "SA") return "Service Agent";
+    if (role === "evaluation_agent" || role === "EA") return "Evaluation Agent";
+    return role;
+  };
+  const getRoleBadge = (role) => {
+    const roleConfig = {
+      service_agent: { color: "blue", label: "Service Agent" },
+      SA: { color: "blue", label: "Service Agent" },
+      evaluation_agent: { color: "green", label: "Evaluation Agent" },
+      EA: { color: "green", label: "Evaluation Agent" }
+    };
+    const config = roleConfig[role] || { color: "gray", label: role };
+    return /* @__PURE__ */ React125.createElement(Badge18, { size: "sm", color: config.color }, config.label);
+  };
+  const handleApproveBid = async () => {
+    try {
+      setActionLoading(true);
+      setActionError(null);
+      if (bid.role === "service_agent" || bid.role === "SA") {
+        await handlers.approveServiceAgentApplication({
+          adminAddress,
+          collectionId: bid.collection,
+          agentQuota: 30,
+          deedDid: deedId,
+          currentUserAddress: bid.address
+        });
+      } else if (bid.role === "evaluation_agent" || bid.role === "EA") {
+        await handlers.approveEvaluatorApplication({
+          adminAddress,
+          collectionId: bid.collection,
+          deedDid: deedId,
+          evaluatorAddress: bid.address,
+          agentQuota: 10
+        });
+      } else {
+        throw new Error(`Unknown role: ${bid.role}`);
+      }
+      await handlers.approveBid({
+        bidId: bid.id,
+        collectionId: bid.collection,
+        did: bid.did
+      });
+      closePanel();
+      onRefresh?.();
+    } catch (err) {
+      console.error("Error approving bid:", err);
+      setActionError(err instanceof Error ? err.message : "Failed to approve bid");
+    } finally {
+      setActionLoading(false);
+    }
+  };
+  const handleRejectBid = async () => {
+    if (!rejectReason.trim()) {
+      setActionError("Please provide a reason for rejection");
+      return;
+    }
+    try {
+      setActionLoading(true);
+      setActionError(null);
+      await handlers.rejectBid({
+        bidId: bid.id,
+        collectionId: bid.collection,
+        did: deedId,
+        reason: rejectReason
+      });
+      setRejectModalOpen(false);
+      closePanel();
+      onRefresh?.();
+    } catch (err) {
+      console.error("Error rejecting bid:", err);
+      setActionError(err instanceof Error ? err.message : "Failed to reject bid");
+    } finally {
+      setActionLoading(false);
+    }
+  };
+  const openRejectModal = () => {
+    setRejectReason("");
+    setActionError(null);
+    setRejectModalOpen(true);
+  };
+  return /* @__PURE__ */ React125.createElement(
+    Paper16,
+    {
+      p: "md",
+      shadow: "sm",
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    /* @__PURE__ */ React125.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          marginBottom: "1rem"
+        }
+      },
+      /* @__PURE__ */ React125.createElement(Stack91, { gap: "xs" }, /* @__PURE__ */ React125.createElement(Title14, { order: 3 }, getRoleLabel(bid.role), " Bid"), getRoleBadge(bid.role)),
+      /* @__PURE__ */ React125.createElement(CloseButton12, { onClick: closePanel })
+    ),
+    !loading && !error && /* @__PURE__ */ React125.createElement(Stack91, { gap: "md", mb: "md" }, actionError && /* @__PURE__ */ React125.createElement(Alert15, { color: "red", icon: /* @__PURE__ */ React125.createElement(IconAlertCircle4, { size: 16 }), onClose: () => setActionError(null), withCloseButton: true }, actionError), /* @__PURE__ */ React125.createElement(Group40, { justify: "flex-end" }, /* @__PURE__ */ React125.createElement(Button30, { variant: "outline", color: "red", leftSection: /* @__PURE__ */ React125.createElement(IconX4, { size: 16 }), onClick: openRejectModal, loading: actionLoading, disabled: actionLoading }, "Reject"), /* @__PURE__ */ React125.createElement(Button30, { variant: "filled", color: "green", leftSection: /* @__PURE__ */ React125.createElement(IconCheck2, { size: 16 }), onClick: handleApproveBid, loading: actionLoading, disabled: actionLoading }, "Approve"))),
+    /* @__PURE__ */ React125.createElement("div", { style: surveyContainerStyle }, loading && /* @__PURE__ */ React125.createElement(Stack91, { align: "center", justify: "center", style: { height: "100%" } }, /* @__PURE__ */ React125.createElement(Loader12, { size: "lg" }), /* @__PURE__ */ React125.createElement(Text66, { size: "sm", c: "dimmed" }, "Loading bid details...")), error && /* @__PURE__ */ React125.createElement(Stack91, { align: "center", justify: "center", style: { height: "100%", padding: "1rem" } }, /* @__PURE__ */ React125.createElement(Text66, { size: "sm", c: "red" }, error)), !loading && !error && surveyModel && /* @__PURE__ */ React125.createElement(Survey3, { model: surveyModel })),
+    /* @__PURE__ */ React125.createElement(Modal2, { opened: rejectModalOpen, onClose: () => setRejectModalOpen(false), title: "Reject Bid", centered: true }, /* @__PURE__ */ React125.createElement(Stack91, { gap: "md" }, /* @__PURE__ */ React125.createElement(Text66, { size: "sm" }, "Please provide a reason for rejecting this bid:"), /* @__PURE__ */ React125.createElement(Textarea24, { placeholder: "Enter rejection reason...", value: rejectReason, onChange: (e) => setRejectReason(e.currentTarget.value), minRows: 3 }), /* @__PURE__ */ React125.createElement(Group40, { justify: "flex-end" }, /* @__PURE__ */ React125.createElement(Button30, { variant: "outline", onClick: () => setRejectModalOpen(false), disabled: actionLoading }, "Cancel"), /* @__PURE__ */ React125.createElement(Button30, { color: "red", onClick: handleRejectBid, loading: actionLoading, disabled: !rejectReason.trim() }, "Reject Bid"))))
+  );
+};
+
+// src/mantine/blocks/bid/flow/BidsList.tsx
+var BidItem = ({ bid, deedId, adminAddress, onRefresh }) => {
+  const handlers = useBlocknoteHandlers();
+  const [userProfile, setUserProfile] = useState38(null);
+  const [loadingProfile, setLoadingProfile] = useState38(false);
+  useEffect27(() => {
+    const fetchUserProfile = async () => {
+      if (!bid.did) return;
+      try {
+        setLoadingProfile(true);
+        const profile = await handlers.getMatrixInfoPerDid(bid.did);
+        setUserProfile(profile);
+      } catch (error) {
+        console.error("Failed to fetch user profile:", error);
+      } finally {
+        setLoadingProfile(false);
+      }
+    };
+    fetchUserProfile();
+  }, [bid.did, handlers]);
+  const bidPanelId = `bid-view-${bid.id}`;
+  const bidPanelContent = useMemo28(() => /* @__PURE__ */ React126.createElement(BidViewPanel, { bid, deedId, adminAddress, onRefresh }), [bid, deedId, adminAddress, onRefresh]);
+  const { open: openBidPanel } = usePanel(bidPanelId, bidPanelContent);
+  const displayName = userProfile?.displayname || bid.did;
+  const getRoleBadge = (role) => {
+    const roleConfig = {
+      service_agent: { color: "blue", label: "Service Agent" },
+      SA: { color: "blue", label: "Service Agent" },
+      evaluation_agent: { color: "green", label: "Evaluation Agent" },
+      EA: { color: "green", label: "Evaluation Agent" }
+    };
+    const config = roleConfig[role] || { color: "gray", label: role };
+    return /* @__PURE__ */ React126.createElement(Badge19, { size: "xs", variant: "light", color: config.color }, config.label);
+  };
+  const getStatusBadge = (status) => {
+    const statusConfig = {
+      pending: { color: "yellow", label: "Pending" },
+      approved: { color: "green", label: "Approved" },
+      rejected: { color: "red", label: "Rejected" }
+    };
+    const config = statusConfig[status] || { color: "gray", label: status };
+    return /* @__PURE__ */ React126.createElement(Badge19, { size: "sm", color: config.color }, config.label);
+  };
+  const formatDate = (dateString) => {
+    try {
+      const date = new Date(dateString);
+      return date.toLocaleDateString(void 0, {
+        year: "numeric",
+        month: "short",
+        day: "numeric"
+      });
+    } catch {
+      return dateString;
+    }
+  };
+  const displayDate = bid.created || "";
+  const displayStatus = bid.status;
+  const displayReason = bid.reason;
+  return /* @__PURE__ */ React126.createElement(ListItemContainer, null, /* @__PURE__ */ React126.createElement(Stack92, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React126.createElement(Group41, { gap: "xs" }, /* @__PURE__ */ React126.createElement(Text67, { size: "xs", fw: 500 }, loadingProfile ? "Loading..." : displayName), userProfile?.verified && /* @__PURE__ */ React126.createElement(Text67, { size: "xs", c: "blue", fw: 600, title: "Verified user" }, "\u2713"), getRoleBadge(bid.role)), /* @__PURE__ */ React126.createElement(Text67, { size: "xs", c: "dimmed" }, "Submitted: ", formatDate(displayDate)), displayStatus === "rejected" && displayReason && /* @__PURE__ */ React126.createElement(Text67, { size: "xs", c: "red" }, "Reason: ", displayReason)), /* @__PURE__ */ React126.createElement(Group41, { gap: "xs" }, displayStatus && getStatusBadge(displayStatus), /* @__PURE__ */ React126.createElement(ActionIcon25, { variant: "subtle", size: "lg", onClick: openBidPanel }, /* @__PURE__ */ React126.createElement(IconArrowRight3, { size: 20 }))));
+};
+var BidsList = ({ collectionId, deedId, adminAddress, onRefresh }) => {
+  const handlers = useBlocknoteHandlers();
+  const [bids, setBids] = useState38([]);
+  const [loading, setLoading] = useState38(true);
+  const [error, setError] = useState38(null);
+  const fetchBids = useCallback27(async () => {
+    if (!collectionId) {
+      setLoading(false);
+      return;
+    }
+    try {
+      setLoading(true);
+      setError(null);
+      const response = await handlers.queryBids({ collectionId });
+      setBids(response?.data || []);
+    } catch (err) {
+      console.error("Error fetching bids:", err);
+      setError(err instanceof Error ? err.message : "Failed to fetch bids");
+      setBids([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [collectionId, handlers]);
+  useEffect27(() => {
+    fetchBids();
+  }, [fetchBids]);
+  const handleRefresh = useCallback27(() => {
+    fetchBids();
+    onRefresh();
+  }, [fetchBids, onRefresh]);
+  if (loading) {
+    return /* @__PURE__ */ React126.createElement(Center6, { py: "md" }, /* @__PURE__ */ React126.createElement(Loader13, { size: "sm" }));
+  }
+  if (error) {
+    return /* @__PURE__ */ React126.createElement(Alert16, { color: "red", icon: /* @__PURE__ */ React126.createElement(IconAlertCircle5, { size: 16 }), py: "xs" }, /* @__PURE__ */ React126.createElement(Text67, { size: "xs" }, error));
+  }
+  if (!bids || bids.length === 0) {
+    return /* @__PURE__ */ React126.createElement(Text67, { size: "xs", c: "dimmed", ta: "center", py: "sm" }, "No bids submitted yet");
+  }
+  return /* @__PURE__ */ React126.createElement(Stack92, { gap: "xs", pl: "md" }, bids.map((bid) => /* @__PURE__ */ React126.createElement(BidItem, { key: bid.id, bid, deedId, adminAddress, onRefresh: handleRefresh })));
+};
+
+// src/mantine/blocks/bid/flow/ClaimCollectionsList.tsx
+var CollectionItem2 = ({ collection, deedId, adminAddress, userRole, onRefresh }) => {
+  const [isExpanded, setIsExpanded] = useState39(false);
+  const getCollectionName = (collection2) => {
+    return collection2.protocol?.profile?.name || collection2.name || "Unnamed Collection";
+  };
+  const getRoleBadge = (role) => {
+    const roleConfig = {
+      ["SA" /* ServiceProvider */]: { label: "Service Agent", color: "blue" },
+      ["EA" /* Evaluator */]: { label: "Evaluation Agent", color: "green" },
+      ["PO" /* Owner */]: { label: "Owner", color: "violet" },
+      ["IA" /* Investor */]: { label: "Investor", color: "orange" }
+    };
+    const config = roleConfig[role] || { label: role, color: "gray" };
+    return /* @__PURE__ */ React127.createElement(Badge20, { size: "sm", color: config.color }, config.label);
+  };
+  const serviceAgentPanelId = `bid-survey-${collection.id}-service_agent`;
+  const serviceAgentPanelContent = useMemo29(
+    () => /* @__PURE__ */ React127.createElement(
+      BidSurveyPanel,
+      {
+        deedId,
+        collectionId: collection.id,
+        role: "service_agent",
+        onSubmitComplete: onRefresh
+      }
+    ),
+    [deedId, collection.id, onRefresh]
+  );
+  const { open: openServiceAgent } = usePanel(serviceAgentPanelId, serviceAgentPanelContent);
+  const evaluationAgentPanelId = `bid-survey-${collection.id}-evaluation_agent`;
+  const evaluationAgentPanelContent = useMemo29(
+    () => /* @__PURE__ */ React127.createElement(
+      BidSurveyPanel,
+      {
+        deedId,
+        collectionId: collection.id,
+        role: "evaluation_agent",
+        onSubmitComplete: onRefresh
+      }
+    ),
+    [deedId, collection.id, onRefresh]
+  );
+  const { open: openEvaluationAgent } = usePanel(evaluationAgentPanelId, evaluationAgentPanelContent);
+  const renderActionButton = () => {
+    if (userRole === "PO" /* Owner */) {
+      return /* @__PURE__ */ React127.createElement(ActionIcon26, { variant: "subtle", size: "lg", onClick: () => setIsExpanded(!isExpanded) }, isExpanded ? /* @__PURE__ */ React127.createElement(IconArrowUp3, { size: 20 }) : /* @__PURE__ */ React127.createElement(IconArrowDown3, { size: 20 }));
+    } else if (userRole === "SA" /* ServiceProvider */ || userRole === "EA" /* Evaluator */) {
+      return getRoleBadge(userRole);
+    } else {
+      return /* @__PURE__ */ React127.createElement(Menu2, { shadow: "md", width: 200 }, /* @__PURE__ */ React127.createElement(Menu2.Target, null, /* @__PURE__ */ React127.createElement(Button31, { size: "xs", variant: "light", rightSection: /* @__PURE__ */ React127.createElement(IconChevronDown4, { size: 14 }) }, "Apply")), /* @__PURE__ */ React127.createElement(Menu2.Dropdown, null, /* @__PURE__ */ React127.createElement(Menu2.Label, null, "Select Role"), /* @__PURE__ */ React127.createElement(Menu2.Item, { onClick: openServiceAgent }, "Service Agent"), /* @__PURE__ */ React127.createElement(Menu2.Item, { onClick: openEvaluationAgent }, "Evaluation Agent")));
+    }
+  };
+  return /* @__PURE__ */ React127.createElement(Stack93, { gap: "xs" }, /* @__PURE__ */ React127.createElement(ListItemContainer, null, /* @__PURE__ */ React127.createElement(Stack93, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React127.createElement(Text68, { size: "sm", fw: 500 }, getCollectionName(collection)), collection.description && /* @__PURE__ */ React127.createElement(Text68, { size: "xs", c: "dimmed" }, collection.description)), renderActionButton()), userRole === "PO" /* Owner */ && /* @__PURE__ */ React127.createElement(Collapse4, { in: isExpanded }, /* @__PURE__ */ React127.createElement(BidsList, { collectionId: collection.id, deedId, adminAddress, onRefresh })));
+};
+var ClaimCollectionsList2 = ({ collections, deedId, adminAddress, userAddress, onRefresh }) => {
+  const handlers = useBlocknoteHandlers();
+  const [userRoles, setUserRoles] = useState39({});
+  const [loadingRoles, setLoadingRoles] = useState39(true);
+  useEffect28(() => {
+    const fetchUserRoles = async () => {
+      if (!collections || collections.length === 0 || !userAddress || !adminAddress) {
+        setLoadingRoles(false);
+        return;
+      }
+      try {
+        setLoadingRoles(true);
+        const collectionIds = collections.map((c) => c.id);
+        const roles = await handlers.getUserRoles({
+          userAddress,
+          adminAddress,
+          deedDid: deedId,
+          collectionIds
+        });
+        const rolesMap = {};
+        collections.forEach((collection) => {
+          const roleData = roles?.find((r) => r.collectionId === collection.id);
+          rolesMap[collection.id] = roleData?.role || null;
+        });
+        setUserRoles(rolesMap);
+      } catch (error) {
+        console.error("Error fetching user roles:", error);
+        const rolesMap = {};
+        collections.forEach((collection) => {
+          rolesMap[collection.id] = null;
+        });
+        setUserRoles(rolesMap);
+      } finally {
+        setLoadingRoles(false);
+      }
+    };
+    fetchUserRoles();
+  }, [collections, userAddress, adminAddress, handlers, deedId]);
+  if (!collections || collections.length === 0) {
+    return /* @__PURE__ */ React127.createElement(Text68, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No claim collections found");
+  }
+  if (loadingRoles) {
+    return /* @__PURE__ */ React127.createElement(Center7, { py: "md" }, /* @__PURE__ */ React127.createElement(Loader14, { size: "sm" }));
+  }
+  return /* @__PURE__ */ React127.createElement(Stack93, { gap: "md", px: 5 }, collections.map((collection) => /* @__PURE__ */ React127.createElement(CollectionItem2, { key: collection.id, collection, deedId, adminAddress, userRole: userRoles[collection.id] || null, onRefresh })));
+};
+
+// src/mantine/blocks/bid/flow/FlowView.tsx
+var BID_FLOW_PANEL_ID = "bid-flow-panel";
+var BidFlowView = ({ editor, block }) => {
+  const { editable } = useBlocknoteContext();
+  const handlers = useBlocknoteHandlers();
+  const [collections, setCollections] = useState40([]);
+  const [loading, setLoading] = useState40(false);
+  const [error, setError] = useState40(null);
+  const [userAddress, setUserAddress] = useState40("");
+  const panelId = `${BID_FLOW_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo30(() => /* @__PURE__ */ React128.createElement(TemplateConfig7, { editor, block }), [editor, block]);
+  const { open } = usePanel(panelId, panelContent);
+  const selectedCollectionIds = useMemo30(() => {
+    try {
+      return JSON.parse(block.props.selectedCollections || "[]");
+    } catch {
+      return [];
+    }
+  }, [block.props.selectedCollections]);
+  const did = block.props.did;
+  const adminAddress = block.props.adminAddress || "";
+  useEffect29(() => {
+    const fetchUserAddress = () => {
+      try {
+        const user = handlers.getCurrentUser();
+        setUserAddress(user?.address || "");
+      } catch (err) {
+        console.error("Error fetching current user:", err);
+        setUserAddress("");
+      }
+    };
+    fetchUserAddress();
+  }, [handlers]);
+  const fetchCollections = useCallback28(async () => {
+    if (!did || selectedCollectionIds.length === 0) {
+      setCollections([]);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await handlers.getClaimCollections({ deedDid: did });
+      const { adminAddress: adminAddress2, collections: allCollections } = response || { adminAddress: "", collections: [] };
+      if (adminAddress2 && (!block.props.adminAddress || block.props.adminAddress === "")) {
+        editor.updateBlock(block, {
+          props: {
+            ...block.props,
+            adminAddress: adminAddress2
+          }
+        });
+      }
+      const selectedCollections = (allCollections || []).filter((c) => selectedCollectionIds.includes(c?.id));
+      setCollections(selectedCollections);
+    } catch (err) {
+      console.error("Error fetching collections:", err);
+      setError(err instanceof Error ? err.message : "Failed to fetch collections");
+    } finally {
+      setLoading(false);
+    }
+  }, [did, selectedCollectionIds, handlers, editor, block]);
+  useEffect29(() => {
+    fetchCollections();
+  }, [fetchCollections]);
+  if (!did) {
+    return /* @__PURE__ */ React128.createElement(Center8, { py: "xl" }, /* @__PURE__ */ React128.createElement(Text69, { size: "sm", c: "dimmed" }, "Please configure the bid block in template mode first"));
+  }
+  if (selectedCollectionIds.length === 0) {
+    return /* @__PURE__ */ React128.createElement(Center8, { py: "xl" }, /* @__PURE__ */ React128.createElement(Text69, { size: "sm", c: "dimmed" }, "No claim collections selected"));
+  }
+  return /* @__PURE__ */ React128.createElement(Stack94, { w: "100%" }, /* @__PURE__ */ React128.createElement(Flex23, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React128.createElement(Title15, { order: 4 }, "Bid Application"), /* @__PURE__ */ React128.createElement(Flex23, { gap: "xs" }, /* @__PURE__ */ React128.createElement(ActionIcon27, { variant: "subtle", size: "sm", onClick: fetchCollections, loading }, /* @__PURE__ */ React128.createElement(IconRefresh3, { size: 18 })), editable && /* @__PURE__ */ React128.createElement(ActionIcon27, { variant: "subtle", size: "sm", onClick: open }, /* @__PURE__ */ React128.createElement(IconSettings4, { size: 18 })))), loading ? /* @__PURE__ */ React128.createElement(Center8, { py: "xl" }, /* @__PURE__ */ React128.createElement(Loader15, { size: "md" })) : error ? /* @__PURE__ */ React128.createElement(Alert17, { color: "red", title: "Failed to load collections", icon: /* @__PURE__ */ React128.createElement(IconAlertCircle6, { size: 18 }) }, /* @__PURE__ */ React128.createElement(Text69, { size: "sm" }, error)) : /* @__PURE__ */ React128.createElement(ClaimCollectionsList2, { collections, deedId: did, adminAddress, userAddress, onRefresh: fetchCollections }));
+};
+
+// src/mantine/blocks/bid/BidBlock.tsx
+function BidBlock({ editor, block }) {
+  const { docType } = useBlocknoteContext();
+  if (docType === "template") {
+    return /* @__PURE__ */ React129.createElement(BidTemplateView, { editor, block });
+  }
+  return /* @__PURE__ */ React129.createElement(BidFlowView, { editor, block });
+}
+
+// src/mantine/blocks/bid/BidBlockSpec.tsx
+var BidBlockSpec = createReactBlockSpec9(
+  {
+    type: "bid",
+    propSchema: {
+      title: { default: "" },
+      description: { default: "" },
+      did: { default: "" },
+      selectedCollections: { default: "[]" },
+      adminAddress: { default: "" }
+    },
+    content: "none"
+  },
+  {
+    render: (props) => {
+      const ixoProps = props;
+      return /* @__PURE__ */ React130.createElement(BidBlock, { ...ixoProps });
+    }
+  }
+);
+
+// src/mantine/blocks/evaluator/EvaluatorBlock.tsx
+import React137 from "react";
+
+// src/mantine/blocks/evaluator/template/TemplateView.tsx
+import React133, { useMemo as useMemo32 } from "react";
+import { Card as Card26, Group as Group42, Stack as Stack96, Text as Text71, ActionIcon as ActionIcon28, Badge as Badge21 } from "@mantine/core";
+
+// src/mantine/blocks/evaluator/template/TemplateConfig.tsx
+import React132, { useCallback as useCallback30 } from "react";
+import { Paper as Paper17, CloseButton as CloseButton13, Title as Title16 } from "@mantine/core";
+
+// src/mantine/blocks/evaluator/template/GeneralTab.tsx
+import React131, { useEffect as useEffect30, useState as useState41, useCallback as useCallback29, useMemo as useMemo31 } from "react";
+import { Stack as Stack95, Text as Text70, TextInput as TextInput41, Textarea as Textarea25 } from "@mantine/core";
+var GeneralTab8 = ({
+  title,
+  description,
+  deedDid,
+  selectedCollections,
+  adminAddress,
+  onTitleChange,
+  onDescriptionChange,
+  onDeedDidChange,
+  onSelectedCollectionsChange,
+  onAdminAddressChange
+}) => {
+  const [localTitle, setLocalTitle] = useState41(title || "");
+  const [localDescription, setLocalDescription] = useState41(description || "");
+  useEffect30(() => {
+    setLocalTitle(title || "");
+  }, [title]);
+  useEffect30(() => {
+    setLocalDescription(description || "");
+  }, [description]);
+  const parsedSelectedCollections = useMemo31(() => {
+    try {
+      return JSON.parse(selectedCollections || "[]");
+    } catch {
+      return [];
+    }
+  }, [selectedCollections]);
+  const handleCollectionsChange = useCallback29(
+    (collections) => {
+      console.log("[Evaluator GeneralTab] handleCollectionsChange called with:", collections);
+      const stringified = JSON.stringify(collections || []);
+      console.log("[Evaluator GeneralTab] Stringified:", stringified);
+      onSelectedCollectionsChange(stringified);
+    },
+    [onSelectedCollectionsChange]
+  );
+  const handleAdminAddressChange = useCallback29(
+    (adminAddress2) => {
+      if (onAdminAddressChange) {
+        onAdminAddressChange(adminAddress2);
+      }
+    },
+    [onAdminAddressChange]
+  );
+  return /* @__PURE__ */ React131.createElement(Stack95, { gap: "lg" }, /* @__PURE__ */ React131.createElement(Stack95, { gap: "xs" }, /* @__PURE__ */ React131.createElement(Text70, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React131.createElement(
+    TextInput41,
+    {
+      placeholder: "e.g. Evaluator Title",
+      value: localTitle,
+      onChange: (event) => {
+        const newTitle = event.currentTarget.value;
+        setLocalTitle(newTitle);
+        onTitleChange(newTitle);
+      }
+    }
+  )), /* @__PURE__ */ React131.createElement(Stack95, { gap: "xs" }, /* @__PURE__ */ React131.createElement(Text70, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React131.createElement(
+    Textarea25,
+    {
+      placeholder: "Describe what this evaluator block is about",
+      minRows: 3,
+      value: localDescription,
+      onChange: (event) => {
+        const newDescription = event.currentTarget.value;
+        setLocalDescription(newDescription);
+        onDescriptionChange(newDescription);
+      }
+    }
+  )), /* @__PURE__ */ React131.createElement(
+    CollectionSelector,
+    {
+      did: deedDid,
+      selectedCollections: parsedSelectedCollections,
+      onDidChange: onDeedDidChange,
+      onCollectionsChange: handleCollectionsChange,
+      onAdminAddressChange: handleAdminAddressChange,
+      currentAdminAddress: adminAddress
+    }
+  ));
+};
+
+// src/mantine/blocks/evaluator/template/TemplateConfig.tsx
+var TemplateConfig8 = ({ editor, block }) => {
+  const { closePanel } = usePanelStore();
+  const updateProp = useCallback30(
+    (key, value) => {
+      console.log("[Evaluator TemplateConfig] Updating prop:", key, value);
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          [key]: value
+        }
+      });
+    },
+    [editor, block]
+  );
+  return /* @__PURE__ */ React132.createElement(
+    Paper17,
+    {
+      p: "md",
+      shadow: "sm",
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    /* @__PURE__ */ React132.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          marginBottom: "1rem"
+        }
+      },
+      /* @__PURE__ */ React132.createElement(Title16, { order: 3 }, "Evaluator Settings"),
+      /* @__PURE__ */ React132.createElement(CloseButton13, { onClick: closePanel })
+    ),
+    /* @__PURE__ */ React132.createElement(
+      ReusablePanel,
+      {
+        extraTabs: [
+          {
+            label: "General",
+            value: "general",
+            content: /* @__PURE__ */ React132.createElement(
+              GeneralTab8,
+              {
+                title: block.props.title || "",
+                description: block.props.description || "",
+                deedDid: block.props.deedDid || "",
+                selectedCollections: block.props.selectedCollections || "[]",
+                adminAddress: block.props.adminAddress || "",
+                onTitleChange: (value) => updateProp("title", value),
+                onDescriptionChange: (value) => updateProp("description", value),
+                onDeedDidChange: (value) => updateProp("deedDid", value),
+                onSelectedCollectionsChange: (value) => updateProp("selectedCollections", value),
+                onAdminAddressChange: (value) => updateProp("adminAddress", value)
+              }
+            )
+          }
+        ],
+        context: { editor, block }
+      }
+    )
+  );
+};
+
+// src/mantine/blocks/evaluator/template/TemplateView.tsx
+var EVALUATOR_TEMPLATE_PANEL_ID = "evaluator-template-panel";
+var EvaluatorTemplateView = ({ editor, block }) => {
+  const panelId = `${EVALUATOR_TEMPLATE_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo32(() => /* @__PURE__ */ React133.createElement(TemplateConfig8, { editor, block }), [editor, block]);
+  const { open } = usePanel(panelId, panelContent);
+  return /* @__PURE__ */ React133.createElement(Card26, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React133.createElement(Badge21, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React133.createElement(Group42, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React133.createElement(Group42, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React133.createElement(ActionIcon28, { variant: "light", color: "blue", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "checklist")), /* @__PURE__ */ React133.createElement(Stack96, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React133.createElement(Text71, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Evaluator Title"), /* @__PURE__ */ React133.createElement(Text71, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description || "Evaluator description")))));
+};
+
+// src/mantine/blocks/evaluator/flow/FlowView.tsx
+import React136, { useState as useState44, useEffect as useEffect33, useMemo as useMemo35, useCallback as useCallback32 } from "react";
+import { Stack as Stack99, Text as Text74, Loader as Loader18, Center as Center10, Alert as Alert19, Title as Title18, Flex as Flex24, ActionIcon as ActionIcon31 } from "@mantine/core";
+import { IconSettings as IconSettings5, IconRefresh as IconRefresh5, IconAlertCircle as IconAlertCircle8 } from "@tabler/icons-react";
+
+// src/mantine/blocks/evaluator/flow/ClaimCollectionsList.tsx
+import React135, { useMemo as useMemo34, useState as useState43, useEffect as useEffect32 } from "react";
+import { Stack as Stack98, Text as Text73, ActionIcon as ActionIcon30, Tooltip as Tooltip9, Loader as Loader17, Center as Center9 } from "@mantine/core";
+
+// src/mantine/blocks/evaluator/flow/ClaimsList.tsx
+import React134, { useState as useState42, useEffect as useEffect31, useCallback as useCallback31, useMemo as useMemo33 } from "react";
+import { Paper as Paper18, CloseButton as CloseButton14, Title as Title17, Loader as Loader16, Stack as Stack97, Text as Text72, ActionIcon as ActionIcon29, Alert as Alert18, Badge as Badge22, Group as Group43, Button as Button32, Divider as Divider7 } from "@mantine/core";
+import { IconAlertCircle as IconAlertCircle7, IconArrowRight as IconArrowRight4, IconRefresh as IconRefresh4, IconArrowLeft as IconArrowLeft3 } from "@tabler/icons-react";
+import { Survey as Survey4, SurveyModel as SurveyModel4 } from "@ixo/surveys";
+
+// src/mantine/blocks/evaluator/flow/theme.ts
+var IXO_PALETTE = {
+  // Neutral
+  Neutral50: "#FAFAFA",
+  Neutral100: "#F8F8F8",
+  Neutral200: "#F1F1F1",
+  Neutral300: "#EBEBEB",
+  Neutral500: "#D7D7D7",
+  Neutral800: "#9A9A9A",
+  Black: "#000000",
+  // Neutral Dark
+  NeutralDark50: "#050505",
+  NeutralDark100: "#070707",
+  NeutralDark200: "#0E0E0E",
+  NeutralDark300: "#141414",
+  NeutralDark500: "#282828",
+  NeutralDark800: "#656565",
+  // White
+  White: "#FFFFFF",
+  WhiteSecondary: "#D7ECE3",
+  // EmergingBlue
+  accentActive: "#0EB8DC",
+  accentSecondary: "#20798C",
+  accentHover: "#17C6EB",
+  accentLight: "#ADEBF8",
+  // CompanionBlue
+  companionBlue: "#e8f9fd",
+  // EmergingLighter
+  accentLighter: "rgba(173,235,248,0.2)",
+  accentDarker: "#296DAB",
+  darkestBlue: "#000000",
+  // Contribution
+  contributionBlue: "rgba(22, 143, 168, 1)",
+  // Danger
+  dangerFull: "#E2223B",
+  dangerBrighter: "#FCCFD5",
+  dangerBright: "#F9909E",
+  dangerDark: "#A11C43",
+  // Success
+  successFull: "#61B43A",
+  successDarker: "#47822b",
+  successBright: "#F4FCF0",
+  successSecondary: "#1CBD6A",
+  orangeFull: "#ED9526",
+  orangeBright: "#FDC681",
+  // Transparent
+  transparent: "rgba(255, 255, 255, 0)",
+  whiteTransparentDarker: "rgba(255, 255, 255, 0.10)",
+  whiteTransparent: "rgba(255, 255, 255, 0.30)",
+  whiteTransparentSecondary: "rgba(255, 255, 255, 0.65)",
+  successTransparent: "rgba(67, 175, 98, 0.30)",
+  // Glassmorphics
+  glass: "rgba(255, 255, 255, 0.06)",
+  glassGradient: "linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(153, 153, 153, 0.03) 100%)",
+  glassDarker: "rgba(0, 0, 0, 0.5)",
+  glassLighter: "rgba(255, 255, 255, 0.3)",
+  // Gradients
+  offsetCertificateGradient: "linear-gradient(45deg, rgba(59,152,51,1) 0%, rgba(70,193,193,1) 100%)",
+  contributionCertificateGradient: "linear-gradient(45deg, rgba(22,143,168,1) 0%, rgba(30,204,183,1) 100%)",
+  carbonCertificateGradient: "linear-gradient(55.09deg, rgba(54, 101, 135, 1) -2.49%, rgba(30, 173, 204, 1) 109.08%)",
+  shadowGradient: "linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 100%)"
+};
+var surveyTheme2 = {
+  backgroundImageFit: "cover",
+  backgroundImageAttachment: "scroll",
+  backgroundOpacity: 0,
+  cssVariables: {
+    "-sjs-editorpanel-backcolor": IXO_PALETTE.glassDarker,
+    "--sjs-editor-background": IXO_PALETTE.glassDarker,
+    "--sjs-general-backcolor": IXO_PALETTE.Black,
+    "--sjs-general-backcolor-dark": IXO_PALETTE.Black,
+    "--sjs-general-backcolor-dim": IXO_PALETTE.transparent,
+    "--sjs-general-backcolor-dim-light": IXO_PALETTE.glassDarker,
+    "--sjs-general-backcolor-dim-dark": IXO_PALETTE.glassDarker,
+    "--sjs-general-forecolor": IXO_PALETTE.White,
+    "--sjs-general-forecolor-light": IXO_PALETTE.White,
+    "--sjs-general-dim-forecolor": IXO_PALETTE.White,
+    "--sjs-general-dim-forecolor-light": IXO_PALETTE.White,
+    "--sjs-font-surveytitle-color": IXO_PALETTE.White,
+    "--sjs-primary-backcolor": IXO_PALETTE.accentActive,
+    "--sjs-primary-backcolor-light": IXO_PALETTE.accentLight,
+    "--sjs-primary-backcolor-dark": IXO_PALETTE.accentHover,
+    "--sjs-primary-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-primary-forecolor-light": "rgba(255, 255, 255, 0.25)",
+    "--sjs-base-unit": "8px",
+    "--sjs-editorpanel-cornerRadius": "30px",
+    "--sjs-questionpanel-cornerRadius": "12px",
+    "--sjs-secondary-backcolor": "rgba(255, 152, 20, 1)",
+    "--sjs-secondary-backcolor-light": "rgba(255, 152, 20, 0.1)",
+    "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)",
+    "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)",
+    "--sjs-shadow-small": "0px 0px 0px 0px rgba(0, 0, 0, 0)",
+    "--sjs-shadow-small-reset": "0px 0px 0px 0px rgba(0, 0, 0, 0)",
+    "--sjs-shadow-medium": "0px 0px 0px 0px rgba(0, 0, 0, 0)",
+    "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.1)",
+    "--sjs-shadow-inner": "0px 0px 0px 0px rgba(0, 0, 0, 0.15)",
+    "--sjs-shadow-inner-reset": "0px 0px 0px 0px rgba(0, 0, 0, 0.15)",
+    "--sjs-border-light": "rgba(0, 0, 0, 0.09)",
+    "--sjs-border-default": "rgba(0, 0, 0, 0.16)",
+    "--sjs-border-inside": "rgba(0, 0, 0, 0.16)",
+    "--sjs-special-red": "rgba(229, 10, 62, 1)",
+    "--sjs-special-red-light": "rgba(229, 10, 62, 0.1)",
+    "--sjs-special-red-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-special-green": "rgba(25, 179, 148, 1)",
+    "--sjs-special-green-light": "rgba(25, 179, 148, 0.1)",
+    "--sjs-special-green-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-special-blue": "rgba(67, 127, 217, 1)",
+    "--sjs-special-blue-light": "rgba(67, 127, 217, 0.1)",
+    "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
+    "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
+    "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)",
+    "--sjs-article-font-xx-large-textDecoration": "none",
+    "--sjs-article-font-xx-large-fontWeight": "700",
+    "--sjs-article-font-xx-large-fontStyle": "normal",
+    "--sjs-article-font-xx-large-fontStretch": "normal",
+    "--sjs-article-font-xx-large-letterSpacing": "0",
+    "--sjs-article-font-xx-large-lineHeight": "64px",
+    "--sjs-article-font-xx-large-paragraphIndent": "0px",
+    "--sjs-article-font-xx-large-textCase": "none",
+    "--sjs-article-font-x-large-textDecoration": "none",
+    "--sjs-article-font-x-large-fontWeight": "700",
+    "--sjs-article-font-x-large-fontStyle": "normal",
+    "--sjs-article-font-x-large-fontStretch": "normal",
+    "--sjs-article-font-x-large-letterSpacing": "0",
+    "--sjs-article-font-x-large-lineHeight": "56px",
+    "--sjs-article-font-x-large-paragraphIndent": "0px",
+    "--sjs-article-font-x-large-textCase": "none",
+    "--sjs-article-font-large-textDecoration": "none",
+    "--sjs-article-font-large-fontWeight": "700",
+    "--sjs-article-font-large-fontStyle": "normal",
+    "--sjs-article-font-large-fontStretch": "normal",
+    "--sjs-article-font-large-letterSpacing": "0",
+    "--sjs-article-font-large-lineHeight": "40px",
+    "--sjs-article-font-large-paragraphIndent": "0px",
+    "--sjs-article-font-large-textCase": "none",
+    "--sjs-article-font-medium-textDecoration": "none",
+    "--sjs-article-font-medium-fontWeight": "700",
+    "--sjs-article-font-medium-fontStyle": "normal",
+    "--sjs-article-font-medium-fontStretch": "normal",
+    "--sjs-article-font-medium-letterSpacing": "0",
+    "--sjs-article-font-medium-lineHeight": "32px",
+    "--sjs-article-font-medium-paragraphIndent": "0px",
+    "--sjs-article-font-medium-textCase": "none",
+    "--sjs-article-font-default-textDecoration": "none",
+    "--sjs-article-font-default-fontWeight": "400",
+    "--sjs-article-font-default-fontStyle": "normal",
+    "--sjs-article-font-default-fontStretch": "normal",
+    "--sjs-article-font-default-letterSpacing": "0",
+    "--sjs-article-font-default-lineHeight": "28px",
+    "--sjs-article-font-default-paragraphIndent": "0px",
+    "--sjs-article-font-default-textCase": "none"
+  },
+  themeName: "ixoTheme",
+  colorPalette: "dark"
+};
+
+// src/mantine/blocks/evaluator/flow/ClaimsList.tsx
+var SURVEY_THEME_VARIABLES3 = Object.entries(surveyTheme2.cssVariables ?? {}).reduce((acc, [key, value]) => {
+  acc[key] = value;
+  return acc;
+}, {});
+var SURVEY_THEME_BACKGROUND3 = SURVEY_THEME_VARIABLES3["--sjs-general-backcolor"] ?? "#050505";
+var SURVEY_THEME_FOREGROUND3 = SURVEY_THEME_VARIABLES3["--sjs-general-forecolor"] ?? "#ffffff";
+var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvaluationComplete }) => {
+  const { closePanel } = usePanelStore();
+  const handlers = useBlocknoteHandlers();
+  const [viewMode, setViewMode] = useState42("list");
+  const [claims, setClaims] = useState42([]);
+  const [loading, setLoading] = useState42(true);
+  const [error, setError] = useState42(null);
+  const [selectedClaim, setSelectedClaim] = useState42(null);
+  const [claimData, setClaimData] = useState42(null);
+  const [surveyJson, setSurveyJson] = useState42(null);
+  const [surveyLoading, setSurveyLoading] = useState42(false);
+  const [surveyError, setSurveyError] = useState42(null);
+  const [evaluating, setEvaluating] = useState42(false);
+  const fetchClaims = useCallback31(async () => {
+    try {
+      setLoading(true);
+      setError(null);
+      const result = await handlers.getClaimsPerCollectionId({
+        collectionId
+      });
+      setClaims(result || []);
+    } catch (err) {
+      console.error("Error fetching claims:", err);
+      setError(err instanceof Error ? err.message : "Failed to fetch claims");
+      setClaims([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [collectionId, handlers]);
+  useEffect31(() => {
+    fetchClaims();
+  }, [fetchClaims]);
+  const fetchClaimAndSurvey = useCallback31(
+    async (claim) => {
+      try {
+        setSurveyLoading(true);
+        setSurveyError(null);
+        const claimDataResult = await handlers.getClaimData(collectionId, claim.claimId);
+        setClaimData(claimDataResult);
+        const surveyResult = await handlers.getBidContributorSurveyTemplate(deedId);
+        if (surveyResult) {
+          setSurveyJson(surveyResult.surveyTemplate);
+        } else {
+          setSurveyError("No survey template found for this deed");
+        }
+      } catch (err) {
+        console.error("Error fetching claim data:", err);
+        setSurveyError(err instanceof Error ? err.message : "Failed to load claim data");
+      } finally {
+        setSurveyLoading(false);
+      }
+    },
+    [collectionId, deedId, handlers]
+  );
+  const handleViewClaim = useCallback31(
+    (claim) => {
+      setSelectedClaim(claim);
+      fetchClaimAndSurvey(claim);
+      setViewMode("survey");
+    },
+    [fetchClaimAndSurvey]
+  );
+  const handleBackToList = useCallback31(() => {
+    setViewMode("list");
+    setSelectedClaim(null);
+    setClaimData(null);
+    setSurveyJson(null);
+    setSurveyError(null);
+    setEvaluating(false);
+    fetchClaims();
+  }, [fetchClaims]);
+  const surveyModel = useMemo33(() => {
+    if (!surveyJson || !claimData) return null;
+    const model = new SurveyModel4(surveyJson);
+    model.applyTheme(surveyTheme2);
+    model.showQuestionNumbers = "off";
+    model.questionsOnPageMode = "singlePage";
+    model.mode = "display";
+    if (claimData) {
+      model.data = claimData;
+    }
+    return model;
+  }, [surveyJson, claimData]);
+  const surveyContainerStyle = useMemo33(
+    () => ({
+      flex: 1,
+      overflow: "auto",
+      backgroundColor: SURVEY_THEME_BACKGROUND3,
+      color: SURVEY_THEME_FOREGROUND3,
+      ...SURVEY_THEME_VARIABLES3,
+      padding: "1rem"
+    }),
+    []
+  );
+  const handleApprove = useCallback31(async () => {
+    if (!selectedClaim) return;
+    try {
+      setEvaluating(true);
+      setSurveyError(null);
+      const currentUser = handlers.getCurrentUser();
+      await handlers.evaluateClaim(
+        currentUser.address,
+        // granteeAddress (evaluator address)
+        deedId,
+        // deed DID
+        {
+          claimId: selectedClaim.claimId,
+          collectionId,
+          adminAddress,
+          status: void 0,
+          // Optional - pass undefined for now
+          verificationProof: "",
+          // Required - empty string for now
+          amount: void 0
+          // Optional - pass undefined for now
+        }
+      );
+      console.log("Claim approved successfully:", selectedClaim.claimId);
+      handleBackToList();
+    } catch (error2) {
+      console.error("Failed to approve claim:", error2);
+      setSurveyError(error2 instanceof Error ? error2.message : "Failed to approve claim");
+      setEvaluating(false);
+    }
+  }, [selectedClaim, handlers, deedId, collectionId, adminAddress, handleBackToList]);
+  const handleReject = useCallback31(async () => {
+    if (!selectedClaim) return;
+    try {
+      setEvaluating(true);
+      setSurveyError(null);
+      console.log("Rejecting claim:", selectedClaim.claimId);
+      handleBackToList();
+    } catch (error2) {
+      console.error("Failed to reject claim:", error2);
+      setSurveyError(error2 instanceof Error ? error2.message : "Failed to reject claim");
+    } finally {
+      setEvaluating(false);
+    }
+  }, [selectedClaim, handleBackToList]);
+  return /* @__PURE__ */ React134.createElement(
+    Paper18,
+    {
+      p: "md",
+      shadow: "sm",
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        overflow: "hidden"
+      }
+    },
+    /* @__PURE__ */ React134.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          marginBottom: "1rem"
+        }
+      },
+      /* @__PURE__ */ React134.createElement("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" } }, viewMode === "survey" && /* @__PURE__ */ React134.createElement(ActionIcon29, { variant: "subtle", onClick: handleBackToList }, /* @__PURE__ */ React134.createElement(IconArrowLeft3, { size: 20 })), /* @__PURE__ */ React134.createElement(Title17, { order: 3 }, viewMode === "list" ? `${collectionName} - Claims` : `Evaluate Claim #${selectedClaim?.claimId.slice(-8)}`), viewMode === "list" && !loading && claims.length > 0 && /* @__PURE__ */ React134.createElement(Badge22, { size: "lg", variant: "light" }, claims.length)),
+      /* @__PURE__ */ React134.createElement(Group43, { gap: "xs" }, viewMode === "list" && /* @__PURE__ */ React134.createElement(ActionIcon29, { variant: "subtle", onClick: fetchClaims, loading, title: "Refresh claims" }, /* @__PURE__ */ React134.createElement(IconRefresh4, { size: 18 })), /* @__PURE__ */ React134.createElement(CloseButton14, { onClick: closePanel }))
+    ),
+    /* @__PURE__ */ React134.createElement(
+      "div",
+      {
+        style: {
+          flex: 1,
+          overflow: "hidden",
+          position: "relative"
+        }
+      },
+      /* @__PURE__ */ React134.createElement(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            display: "flex",
+            flexDirection: "column",
+            overflow: "auto",
+            transform: viewMode === "list" ? "translateX(0)" : "translateX(-100%)",
+            opacity: viewMode === "list" ? 1 : 0,
+            transition: "transform 0.3s ease-out, opacity 0.3s ease-out",
+            pointerEvents: viewMode === "list" ? "auto" : "none"
+          }
+        },
+        /* @__PURE__ */ React134.createElement(Stack97, { gap: "md", style: { flex: 1 } }, loading ? /* @__PURE__ */ React134.createElement(Stack97, { align: "center", justify: "center", style: { flex: 1 } }, /* @__PURE__ */ React134.createElement(Loader16, { size: "lg" }), /* @__PURE__ */ React134.createElement(Text72, { size: "sm", c: "dimmed" }, "Loading claims...")) : error ? /* @__PURE__ */ React134.createElement(Alert18, { color: "red", title: "Failed to load claims", icon: /* @__PURE__ */ React134.createElement(IconAlertCircle7, { size: 18 }) }, /* @__PURE__ */ React134.createElement(Text72, { size: "sm" }, error)) : claims.length === 0 ? /* @__PURE__ */ React134.createElement(Stack97, { align: "center", justify: "center", style: { flex: 1 } }, /* @__PURE__ */ React134.createElement(Text72, { size: "sm", c: "dimmed", ta: "center" }, "No claims found for this collection.")) : /* @__PURE__ */ React134.createElement(Stack97, { gap: "xs" }, claims.map((claim) => /* @__PURE__ */ React134.createElement(ClaimListItem, { key: claim.claimId, claim, onViewClaim: () => handleViewClaim(claim) }))))
+      ),
+      /* @__PURE__ */ React134.createElement(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            display: "flex",
+            flexDirection: "column",
+            overflow: "auto",
+            transform: viewMode === "survey" ? "translateX(0)" : "translateX(100%)",
+            opacity: viewMode === "survey" ? 1 : 0,
+            transition: "transform 0.3s ease-out, opacity 0.3s ease-out",
+            pointerEvents: viewMode === "survey" ? "auto" : "none"
+          }
+        },
+        surveyLoading ? /* @__PURE__ */ React134.createElement(Stack97, { align: "center", justify: "center", style: { flex: 1 } }, /* @__PURE__ */ React134.createElement(Loader16, { size: "lg" }), /* @__PURE__ */ React134.createElement(Text72, { size: "sm", c: "dimmed" }, "Loading claim data...")) : surveyError ? /* @__PURE__ */ React134.createElement(Stack97, { style: { flex: 1 } }, /* @__PURE__ */ React134.createElement(Alert18, { color: "red", title: "Failed to load claim data", icon: /* @__PURE__ */ React134.createElement(IconAlertCircle7, { size: 18 }) }, /* @__PURE__ */ React134.createElement(Text72, { size: "sm" }, surveyError))) : /* @__PURE__ */ React134.createElement(React134.Fragment, null, /* @__PURE__ */ React134.createElement("div", { style: surveyContainerStyle }, surveyModel && /* @__PURE__ */ React134.createElement(Survey4, { model: surveyModel })), /* @__PURE__ */ React134.createElement(Divider7, { my: "md" }), /* @__PURE__ */ React134.createElement(Stack97, { gap: "sm" }, /* @__PURE__ */ React134.createElement(Button32, { color: "green", onClick: handleApprove, loading: evaluating, disabled: evaluating }, "Approve Claim"), /* @__PURE__ */ React134.createElement(Button32, { color: "red", variant: "outline", onClick: handleReject, loading: evaluating, disabled: evaluating }, "Reject Claim")))
+      )
+    )
+  );
+};
+var ClaimListItem = ({ claim, onViewClaim }) => {
+  const handlers = useBlocknoteHandlers();
+  const [userProfile, setUserProfile] = useState42(null);
+  const [loadingProfile, setLoadingProfile] = useState42(false);
+  useEffect31(() => {
+    const fetchUserProfile = async () => {
+      if (!claim.agentDid) return;
+      try {
+        setLoadingProfile(true);
+        const profile = await handlers.getMatrixInfoPerDid(claim.agentDid);
+        setUserProfile(profile);
+      } catch (error) {
+        console.error("Failed to fetch user profile:", error);
+      } finally {
+        setLoadingProfile(false);
+      }
+    };
+    fetchUserProfile();
+  }, [claim.agentDid, handlers]);
+  const getClaimStatus = (claim2) => {
+    if ("status" in claim2 && claim2.status) {
+      const status = String(claim2.status).toLowerCase();
+      switch (status) {
+        case "approved":
+          return { status: "Approved", color: "green" };
+        case "rejected":
+          return { status: "Rejected", color: "red" };
+        case "pending":
+          return { status: "Pending", color: "yellow" };
+        default:
+          return { status: "Unknown", color: "gray" };
+      }
+    }
+    if ("paymentsStatus" in claim2 && claim2.paymentsStatus) {
+      const paymentsStatus = claim2.paymentsStatus;
+      if (paymentsStatus.approval === "PAID") {
+        return { status: "Approved", color: "green" };
+      }
+      if (paymentsStatus.rejection === "PAID") {
+        return { status: "Rejected", color: "red" };
+      }
+      if (paymentsStatus.evaluation === "PAID" || paymentsStatus.submission === "PAID") {
+        return { status: "Pending", color: "yellow" };
+      }
+    }
+    return { status: "Pending", color: "yellow" };
+  };
+  const formatDate = (dateString) => {
+    if (!dateString) return "N/A";
+    try {
+      return new Date(dateString).toLocaleDateString();
+    } catch {
+      return dateString;
+    }
+  };
+  const claimStatus = getClaimStatus(claim);
+  const displayName = userProfile?.displayname || (claim.agentAddress ? `${claim.agentAddress.slice(0, 12)}...` : "Unknown");
+  return /* @__PURE__ */ React134.createElement(
+    "div",
+    {
+      onClick: onViewClaim,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onViewClaim();
+        }
+      },
+      role: "button",
+      tabIndex: 0,
+      style: { cursor: "pointer" }
+    },
+    /* @__PURE__ */ React134.createElement(ListItemContainer, null, /* @__PURE__ */ React134.createElement(Stack97, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React134.createElement(Text72, { size: "sm", fw: 500 }, "Claim #", claim.claimId.slice(-8)), /* @__PURE__ */ React134.createElement(Text72, { size: "xs", c: "dimmed" }, "Submitted: ", formatDate(claim.submissionDate || claim.submittedAt)), claim.agentDid && /* @__PURE__ */ React134.createElement(Group43, { gap: 4 }, /* @__PURE__ */ React134.createElement(Text72, { size: "xs", c: "dimmed" }, "Agent: ", loadingProfile ? "Loading..." : displayName), userProfile?.verified && /* @__PURE__ */ React134.createElement(Text72, { size: "xs", c: "blue", fw: 600, title: "Verified user" }, "\u2713"))), /* @__PURE__ */ React134.createElement(Stack97, { gap: 4, align: "flex-end" }, /* @__PURE__ */ React134.createElement(Badge22, { color: claimStatus.color, size: "sm" }, claimStatus.status), /* @__PURE__ */ React134.createElement(ActionIcon29, { variant: "subtle", size: "sm" }, /* @__PURE__ */ React134.createElement(IconArrowRight4, { size: 16 }))))
+  );
+};
+
+// src/mantine/blocks/evaluator/flow/ClaimCollectionsList.tsx
+import { IconArrowRight as IconArrowRight5 } from "@tabler/icons-react";
+var CollectionItem3 = ({ collection, deedId, adminAddress, userRole, onRefresh }) => {
+  const handlers = useBlocknoteHandlers();
+  const currentUser = handlers.getCurrentUser();
+  const getCollectionName = (collection2) => {
+    return collection2.protocol?.profile?.name || collection2.name || "Unnamed Collection";
+  };
+  const isEvaluator = userRole === "EA" /* Evaluator */;
+  const canEvaluateClaims = isEvaluator;
+  const claimsPanelId = `evaluator-claims-list-${collection.id}`;
+  const collectionName = getCollectionName(collection);
+  const claimsPanelContent = useMemo34(
+    () => /* @__PURE__ */ React135.createElement(
+      ClaimsList,
+      {
+        collectionId: collection.id,
+        collectionName,
+        deedId,
+        adminAddress,
+        userAddress: currentUser.address,
+        onEvaluationComplete: onRefresh
+      }
+    ),
+    [collection.id, collectionName, deedId, adminAddress, currentUser.address, onRefresh]
+  );
+  const { open: openClaimsPanel } = usePanel(claimsPanelId, claimsPanelContent);
+  const handleClick = () => {
+    if (canEvaluateClaims) {
+      openClaimsPanel();
+    }
+  };
+  return /* @__PURE__ */ React135.createElement("div", { style: { opacity: canEvaluateClaims ? 1 : 0.5 } }, /* @__PURE__ */ React135.createElement(ListItemContainer, null, /* @__PURE__ */ React135.createElement(Stack98, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React135.createElement(Text73, { size: "sm", fw: 500, c: canEvaluateClaims ? void 0 : "dimmed" }, getCollectionName(collection)), collection.description && /* @__PURE__ */ React135.createElement(Text73, { size: "xs", c: "dimmed" }, collection.description)), /* @__PURE__ */ React135.createElement(Tooltip9, { label: "You need to be an evaluator agent to review claims", disabled: canEvaluateClaims, position: "left", withArrow: true }, /* @__PURE__ */ React135.createElement(ActionIcon30, { variant: "subtle", size: "lg", onClick: handleClick, disabled: !canEvaluateClaims, style: { cursor: canEvaluateClaims ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React135.createElement(IconArrowRight5, { size: 20 })))));
+};
+var ClaimCollectionsList3 = ({ collections, deedId, adminAddress, userAddress, onRefresh }) => {
+  const handlers = useBlocknoteHandlers();
+  const [userRoles, setUserRoles] = useState43({});
+  const [loadingRoles, setLoadingRoles] = useState43(true);
+  useEffect32(() => {
+    const fetchUserRoles = async () => {
+      if (!collections || collections.length === 0 || !userAddress || !adminAddress) {
+        setLoadingRoles(false);
+        return;
+      }
+      try {
+        setLoadingRoles(true);
+        const collectionIds = collections.map((c) => c.id);
+        const roles = await handlers.getUserRoles({
+          userAddress,
+          adminAddress,
+          deedDid: deedId,
+          collectionIds
+        });
+        const rolesMap = {};
+        collections.forEach((collection) => {
+          const roleData = roles?.find((r) => r.collectionId === collection.id);
+          rolesMap[collection.id] = roleData?.role || null;
+        });
+        setUserRoles(rolesMap);
+      } catch (error) {
+        console.error("Error fetching user roles:", error);
+        const rolesMap = {};
+        collections.forEach((collection) => {
+          rolesMap[collection.id] = null;
+        });
+        setUserRoles(rolesMap);
+      } finally {
+        setLoadingRoles(false);
+      }
+    };
+    fetchUserRoles();
+  }, [collections, userAddress, adminAddress, handlers, deedId]);
+  if (!collections || collections.length === 0) {
+    return /* @__PURE__ */ React135.createElement(Text73, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No claim collections found");
+  }
+  if (loadingRoles) {
+    return /* @__PURE__ */ React135.createElement(Center9, { py: "md" }, /* @__PURE__ */ React135.createElement(Loader17, { size: "sm" }));
+  }
+  return /* @__PURE__ */ React135.createElement(Stack98, { gap: "md", px: 5 }, collections.map((collection) => /* @__PURE__ */ React135.createElement(CollectionItem3, { key: collection.id, collection, deedId, adminAddress, userRole: userRoles[collection.id] || null, onRefresh })));
+};
+
+// src/mantine/blocks/evaluator/flow/FlowView.tsx
+var EvaluatorFlowView = ({ editor, block }) => {
+  const { editable } = useBlocknoteContext();
+  const handlers = useBlocknoteHandlers();
+  const currentUser = handlers.getCurrentUser();
+  const [collections, setCollections] = useState44([]);
+  const [loading, setLoading] = useState44(false);
+  const [error, setError] = useState44(null);
+  const selectedCollectionIds = useMemo35(() => {
+    try {
+      return JSON.parse(block.props.selectedCollections || "[]");
+    } catch {
+      return [];
+    }
+  }, [block.props.selectedCollections]);
+  const did = block.props.deedDid;
+  const adminAddress = block.props.adminAddress || "";
+  const fetchCollections = useCallback32(async () => {
+    if (!did || selectedCollectionIds.length === 0) {
+      setCollections([]);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await handlers.getClaimCollections({ deedDid: did });
+      const { adminAddress: adminAddress2, collections: allCollections } = response || { adminAddress: "", collections: [] };
+      if (adminAddress2 && (!block.props.adminAddress || block.props.adminAddress === "")) {
+        editor.updateBlock(block, {
+          props: {
+            ...block.props,
+            adminAddress: adminAddress2
+          }
+        });
+      }
+      const selectedCollections = (allCollections || []).filter((c) => selectedCollectionIds.includes(c?.id));
+      setCollections(selectedCollections);
+    } catch (err) {
+      console.error("Error fetching collections:", err);
+      setError(err instanceof Error ? err.message : "Failed to fetch collections");
+    } finally {
+      setLoading(false);
+    }
+  }, [did, selectedCollectionIds, handlers, editor, block]);
+  useEffect33(() => {
+    fetchCollections();
+  }, [fetchCollections]);
+  if (!did) {
+    return /* @__PURE__ */ React136.createElement(Center10, { py: "xl" }, /* @__PURE__ */ React136.createElement(Text74, { size: "sm", c: "dimmed" }, "Please configure the evaluator block in template mode first"));
+  }
+  if (selectedCollectionIds.length === 0) {
+    return /* @__PURE__ */ React136.createElement(Center10, { py: "xl" }, /* @__PURE__ */ React136.createElement(Text74, { size: "sm", c: "dimmed" }, "No claim collections selected"));
+  }
+  return /* @__PURE__ */ React136.createElement(Stack99, { w: "100%" }, /* @__PURE__ */ React136.createElement(Flex24, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React136.createElement(Title18, { order: 4 }, "Evaluate Claims"), /* @__PURE__ */ React136.createElement(Flex24, { gap: "xs" }, /* @__PURE__ */ React136.createElement(ActionIcon31, { variant: "subtle", size: "sm", onClick: fetchCollections, loading }, /* @__PURE__ */ React136.createElement(IconRefresh5, { size: 18 })), editable && /* @__PURE__ */ React136.createElement(ActionIcon31, { variant: "subtle", size: "sm" }, /* @__PURE__ */ React136.createElement(IconSettings5, { size: 18 })))), loading ? /* @__PURE__ */ React136.createElement(Center10, { py: "xl" }, /* @__PURE__ */ React136.createElement(Loader18, { size: "md" })) : error ? /* @__PURE__ */ React136.createElement(Alert19, { color: "red", title: "Failed to load collections", icon: /* @__PURE__ */ React136.createElement(IconAlertCircle8, { size: 18 }) }, /* @__PURE__ */ React136.createElement(Text74, { size: "sm" }, error)) : /* @__PURE__ */ React136.createElement(ClaimCollectionsList3, { collections, deedId: did, adminAddress, userAddress: currentUser.address, onRefresh: fetchCollections }));
+};
+
+// src/mantine/blocks/evaluator/EvaluatorBlock.tsx
+function EvaluatorBlock({ editor, block }) {
+  const { docType } = useBlocknoteContext();
+  if (docType === "template") {
+    return /* @__PURE__ */ React137.createElement(EvaluatorTemplateView, { editor, block });
+  }
+  return /* @__PURE__ */ React137.createElement(EvaluatorFlowView, { editor, block });
+}
+
+// src/mantine/blocks/evaluator/EvaluatorBlockSpec.tsx
+import React138 from "react";
+import { createReactBlockSpec as createReactBlockSpec10 } from "@blocknote/react";
+var EvaluatorBlockSpec = createReactBlockSpec10(
+  {
+    type: "evaluator",
+    propSchema: {
+      title: { default: "" },
+      description: { default: "" },
+      icon: { default: "checklist" },
+      deedDid: { default: "" },
+      selectedCollections: { default: "[]" },
+      adminAddress: { default: "" }
+    },
+    content: "none"
+  },
+  {
+    render: (props) => {
+      const ixoProps = props;
+      return /* @__PURE__ */ React138.createElement(EvaluatorBlock, { ...ixoProps });
+    }
+  }
+);
+
+// src/mantine/blocks/list/ui/ListBlocksToolbar.tsx
+import React139 from "react";
+import { ActionIcon as ActionIcon32, Group as Group44, Tooltip as Tooltip10 } from "@mantine/core";
+import { IconChevronUp as IconChevronUp4, IconChevronDown as IconChevronDown5 } from "@tabler/icons-react";
+var ListBlocksToolbar = () => {
+  const { broadcastCollapse } = useListBlocksUI();
+  return /* @__PURE__ */ React139.createElement(Group44, { gap: "xs" }, /* @__PURE__ */ React139.createElement(Tooltip10, { label: "Collapse all lists", withArrow: true }, /* @__PURE__ */ React139.createElement(ActionIcon32, { c: "dimmed", variant: "subtle", size: "sm", "aria-label": "Collapse all lists", onClick: () => broadcastCollapse("collapse") }, /* @__PURE__ */ React139.createElement(IconChevronUp4, { size: 18 }))), /* @__PURE__ */ React139.createElement(Tooltip10, { label: "Expand all lists", withArrow: true }, /* @__PURE__ */ React139.createElement(ActionIcon32, { c: "dimmed", variant: "subtle", size: "sm", "aria-label": "Expand all lists", onClick: () => broadcastCollapse("expand") }, /* @__PURE__ */ React139.createElement(IconChevronDown5, { size: 18 }))));
+};
+
+// src/mantine/blocks/registry/blockRegistry.ts
+var BlockRegistry = class {
+  constructor() {
+    this.blocks = /* @__PURE__ */ new Map();
+  }
+  register(entry) {
+    this.blocks.set(entry.type, entry);
+  }
+  get(type) {
+    return this.blocks.get(type);
+  }
+  getAll() {
+    return new Map(this.blocks);
+  }
+  getValidDependencies(type) {
+    const entry = this.get(type);
+    return entry?.validDependencies || [];
+  }
+  getPropSchema(type) {
+    const entry = this.get(type);
+    return entry?.propSchema;
+  }
+  isValidDependency(blockType, dependencyType) {
+    const validDeps = this.getValidDependencies(blockType);
+    return validDeps.includes(dependencyType);
+  }
+};
+var blockRegistry = new BlockRegistry();
+blockRegistry.register({
+  type: "proposal",
+  propSchema: {
+    title: "",
+    description: "",
+    icon: "\u{1F4DD}",
+    proposalId: "",
+    status: "draft",
+    contractAddress: "",
+    coreAddress: "",
+    createdProposalId: ""
+  },
+  validDependencies: [],
+  defaultProps: {
+    icon: "\u{1F4DD}",
+    status: "draft"
+  }
+});
+blockRegistry.register({
+  type: "proposalVote",
+  propSchema: {
+    title: "",
     subtitle: "",
     icon: "\u{1F5F3}\uFE0F",
     status: "open",
@@ -9997,12 +12464,39 @@ blockRegistry.register({
     status: "idle"
   }
 });
+blockRegistry.register({
+  type: "bid",
+  propSchema: {
+    title: "",
+    description: "",
+    did: "",
+    selectedCollections: "[]",
+    adminAddress: ""
+  },
+  validDependencies: [],
+  defaultProps: {}
+});
+blockRegistry.register({
+  type: "claim",
+  propSchema: {
+    title: "",
+    description: "",
+    icon: "square-check",
+    deedDid: "",
+    selectedCollections: "[]",
+    adminAddress: ""
+  },
+  validDependencies: [],
+  defaultProps: {
+    icon: "square-check"
+  }
+});
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo19, useEffect as useEffect19, useState as useState30, useCallback as useCallback20 } from "react";
+import { useMemo as useMemo36, useEffect as useEffect34, useState as useState45, useCallback as useCallback33 } from "react";
 
 // src/mantine/blocks/hooks/useDependsOn.ts
-import { useMemo as useMemo20 } from "react";
+import { useMemo as useMemo37 } from "react";
 
 // src/mantine/blocks/index.ts
 var blockSpecs = {
@@ -10012,7 +12506,10 @@ var blockSpecs = {
   overview: OverviewBlock,
   proposal: ProposalBlockSpec,
   apiRequest: ApiRequestBlockSpec,
-  notify: NotifyBlockSpec
+  notify: NotifyBlockSpec,
+  claim: ClaimBlockSpec,
+  bid: BidBlockSpec,
+  evaluator: EvaluatorBlockSpec
 };
 var getExtraSlashMenuItems = (editor) => {
   const slashMenuList = [
@@ -10196,6 +12693,60 @@ var getExtraSlashMenuItems = (editor) => {
       aliases: ["notify", "notification", "email", "alert", "message", "bird"],
       group: "Basics",
       subtext: "Send notifications via Email, SMS, or WhatsApp"
+    },
+    {
+      title: "Claim",
+      onItemClick: () => {
+        editor.insertBlocks(
+          [
+            {
+              type: "claim",
+              props: {}
+            }
+          ],
+          editor.getTextCursorPosition().block,
+          "after"
+        );
+      },
+      aliases: ["claim", "submission", "form", "attestation"],
+      group: "DAO",
+      subtext: "Create and manage claims with submission tracking"
+    },
+    {
+      title: "Bid",
+      onItemClick: () => {
+        editor.insertBlocks(
+          [
+            {
+              type: "bid",
+              props: {}
+            }
+          ],
+          editor.getTextCursorPosition().block,
+          "after"
+        );
+      },
+      aliases: ["bid", "offer", "tender"],
+      group: "DAO",
+      subtext: "Create and submit bids"
+    },
+    {
+      title: "Evaluator",
+      onItemClick: () => {
+        editor.insertBlocks(
+          [
+            {
+              type: "evaluator",
+              props: {}
+            }
+          ],
+          editor.getTextCursorPosition().block,
+          "after"
+        );
+      },
+      aliases: ["evaluator", "evaluate", "review", "assessment"],
+      group: "DAO",
+      subtext: "Evaluate and review submitted claims"
     }
   ];
   const yRoot = editor?._yRoot;
@@ -10220,7 +12771,8 @@ function useCreateIxoEditor(options) {
     formattingToolbar = true,
     linkToolbar = true,
     filePanel = true,
-    tableHandles = true
+    tableHandles = true,
+    docType = "flow"
   } = options || {};
   const defaultUploadFile = uploadFile || (async (file) => {
     return new Promise((resolve, reject) => {
@@ -10263,6 +12815,7 @@ function useCreateIxoEditor(options) {
       tableHandles
     };
     ixoEditor.mode = "flow";
+    ixoEditor.docType = docType;
     ixoEditor.isEditable = editable;
     return ixoEditor;
   }
@@ -10274,15 +12827,15 @@ import { useCreateBlockNote as useCreateBlockNote2 } from "@blocknote/react";
 import { BlockNoteSchema as BlockNoteSchema2, defaultBlockSpecs as defaultBlockSpecs2, defaultInlineContentSpecs as defaultInlineContentSpecs2, defaultStyleSpecs as defaultStyleSpecs2 } from "@blocknote/core";
 
 // src/core/hooks/useMatrixProvider.ts
-import { useEffect as useEffect20, useState as useState31, useRef as useRef4, useCallback as useCallback21, useMemo as useMemo21 } from "react";
+import { useEffect as useEffect35, useState as useState46, useRef as useRef4, useCallback as useCallback34, useMemo as useMemo38 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
-  const [matrixProvider, setProvider] = useState31(null);
-  const [status, setStatus] = useState31("disconnected");
+  const [matrixProvider, setProvider] = useState46(null);
+  const [status, setStatus] = useState46("disconnected");
   const isMountedRef = useRef4(true);
   const providerRef = useRef4(null);
   const retryTimeoutRef = useRef4(null);
-  const providerOptions = useMemo21(
+  const providerOptions = useMemo38(
     () => ({
       translator: {
         updateEventType: "matrix-crdt.doc_update",
@@ -10295,22 +12848,22 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
     }),
     []
   );
-  const handleDocumentAvailable = useCallback21(() => {
+  const handleDocumentAvailable = useCallback34(() => {
     if (isMountedRef.current) {
       setStatus("connected");
     }
   }, []);
-  const handleDocumentUnavailable = useCallback21(() => {
+  const handleDocumentUnavailable = useCallback34(() => {
     if (isMountedRef.current) {
       setStatus("failed");
     }
   }, []);
-  const handleCanWriteChanged = useCallback21(() => {
+  const handleCanWriteChanged = useCallback34(() => {
     if (isMountedRef.current && providerRef.current) {
       setStatus(providerRef.current.canWrite ? "connected" : "failed");
     }
   }, []);
-  const initProvider = useCallback21(async () => {
+  const initProvider = useCallback34(async () => {
     if (!isMountedRef.current) return;
     if (retryTimeoutRef.current) {
       clearTimeout(retryTimeoutRef.current);
@@ -10344,7 +12897,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       }
     }
   }, [matrixClient, providerOptions, handleDocumentAvailable, handleDocumentUnavailable, handleCanWriteChanged]);
-  useEffect20(() => {
+  useEffect35(() => {
     isMountedRef.current = true;
     initProvider();
     return () => {
@@ -10361,7 +12914,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       setStatus("disconnected");
     };
   }, [initProvider]);
-  useEffect20(() => {
+  useEffect35(() => {
     return () => {
       isMountedRef.current = false;
     };
@@ -10370,17 +12923,17 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
 }
 
 // src/mantine/hooks/useCollaborativeYDoc.ts
-import { useMemo as useMemo22 } from "react";
+import { useMemo as useMemo39 } from "react";
 import * as Y from "yjs";
 function useCollaborativeYDoc(_options) {
-  return useMemo22(() => {
+  return useMemo39(() => {
     const doc = new Y.Doc();
     return doc;
   }, []);
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo23, useEffect as useEffect21 } from "react";
+import { useMemo as useMemo40, useEffect as useEffect36 } from "react";
 function useCreateCollaborativeIxoEditor(options) {
   const yDoc = useCollaborativeYDoc(options);
   const {
@@ -10394,11 +12947,12 @@ function useCreateCollaborativeIxoEditor(options) {
     linkToolbar = true,
     filePanel = true,
     tableHandles = true,
+    docType = "flow",
     user,
     matrixClient,
     permissions = { write: false }
   } = options || {};
-  const memoizedUser = useMemo23(
+  const memoizedUser = useMemo40(
     () => ({
       id: user?.id || "",
       name: user?.name || "",
@@ -10413,7 +12967,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     roomId: options.roomId
   });
-  const defaultUploadFile = useMemo23(
+  const defaultUploadFile = useMemo40(
     () => uploadFile || (async (file) => {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -10427,7 +12981,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [uploadFile]
   );
-  const schema = useMemo23(
+  const schema = useMemo40(
     () => BlockNoteSchema2.create({
       blockSpecs: {
         ...defaultBlockSpecs2,
@@ -10442,11 +12996,11 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     []
   );
-  const root = useMemo23(() => yDoc.getMap("root"), [yDoc]);
-  const documentFragment = useMemo23(() => yDoc.getXmlFragment("document"), [yDoc]);
-  const flowArray = useMemo23(() => yDoc.getArray("flow"), [yDoc]);
-  const userFragment = useMemo23(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
-  const collaborationConfig = useMemo23(
+  const root = useMemo40(() => yDoc.getMap("root"), [yDoc]);
+  const documentFragment = useMemo40(() => yDoc.getXmlFragment("document"), [yDoc]);
+  const flowArray = useMemo40(() => yDoc.getArray("flow"), [yDoc]);
+  const userFragment = useMemo40(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
+  const collaborationConfig = useMemo40(
     () => ({
       provider: matrixProvider,
       fragment: documentFragment,
@@ -10458,7 +13012,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [matrixProvider, documentFragment, memoizedUser.name, memoizedUser.color]
   );
-  const ixoConfig = useMemo23(
+  const ixoConfig = useMemo40(
     () => ({
       theme,
       editable,
@@ -10477,7 +13031,7 @@ function useCreateCollaborativeIxoEditor(options) {
     uploadFile: defaultUploadFile,
     collaboration: collaborationConfig
   });
-  const titleText = useMemo23(() => yDoc.getText("title"), [yDoc]);
+  const titleText = useMemo40(() => yDoc.getText("title"), [yDoc]);
   let ixoEditor;
   if (editor) {
     ixoEditor = editor;
@@ -10486,6 +13040,7 @@ function useCreateCollaborativeIxoEditor(options) {
     ixoEditor._yFlow = flowArray;
     ixoEditor.mode = editable ? "template" : "flow";
     ixoEditor.user = memoizedUser;
+    ixoEditor.docType = docType;
     ixoEditor.getUserProps = (block) => {
       return userFragment.get(block.id) || {};
     };
@@ -10525,27 +13080,13 @@ function useCreateCollaborativeIxoEditor(options) {
     ixoEditor.getFlow = () => {
       return flowArray.toArray();
     };
-    ixoEditor.getDocType = () => {
-      const docType = root.get("docType") || "";
-      console.log("[useCollaborativeIxoEditor] getDocType() called, returning:", docType);
-      return docType;
-    };
-    ixoEditor.setDocType = (value) => {
-      if (!permissions.write) {
-        console.warn("Cannot set doc type: write permission denied");
-        return;
-      }
-      console.log("[useCollaborativeIxoEditor] setDocType() called, setting docType to:", value);
-      ixoEditor._authoritativeDocType = value;
-      root.set("docType", value);
-    };
   }
-  useEffect21(() => {
+  useEffect36(() => {
     if (ixoEditor) {
       ixoEditor.isEditable = editable;
     }
   }, [ixoEditor, editable]);
-  useEffect21(() => {
+  useEffect36(() => {
     if (connectionStatus !== "connected") {
       return;
     }
@@ -10562,8 +13103,6 @@ function useCreateCollaborativeIxoEditor(options) {
     root.set("doc_id", options.docId || `flow_${Date.now()}`);
     root.set("createdAt", (/* @__PURE__ */ new Date()).toISOString());
     root.set("createdBy", memoizedUser.id || "anonymous");
-    root.set("docType", "");
-    console.log("[useCollaborativeIxoEditor] Initializing docType to empty string for new document");
     if (titleText.length === 0 && options.title) {
       titleText.insert(0, options.title);
     }
@@ -10579,20 +13118,42 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/IxoEditor.tsx
-import React113 from "react";
+import React141 from "react";
 import { getDefaultReactSlashMenuItems, SuggestionMenuController } from "@blocknote/react";
 import { BlockNoteView } from "@blocknote/mantine";
 import { filterSuggestionItems } from "@blocknote/core";
-import { Flex as Flex22, MantineProvider, Text as Text57 } from "@mantine/core";
+import { Flex as Flex25, MantineProvider, Text as Text75 } from "@mantine/core";
 
 // src/mantine/components/PanelContent.tsx
-import React112 from "react";
+import React140 from "react";
 import { Box as Box22 } from "@mantine/core";
-function PanelContent() {
+var panelStyles = {
+  light: {
+    backgroundColor: "#ffffff",
+    // editor background
+    color: "#1a1a1a",
+    // main text color
+    border: "1px solid #e0e0e0",
+    // border color
+    // mimic menu/sidebar visual balance
+    boxShadow: "0 1px 2px rgba(0,0,0,0.05)"
+  },
+  dark: {
+    backgroundColor: "#1f1f1f",
+    // editor background
+    color: "#f0f0f0",
+    // main text color
+    border: "1px solid #1a1a1a",
+    // border color
+    // mimic menu/sidebar visual balance
+    boxShadow: "0 1px 2px rgba(0,0,0,0.05)"
+  }
+};
+function PanelContent({ theme }) {
   const { activePanel, registeredPanels } = usePanelStore();
   const isOpen = activePanel !== null;
   const content = activePanel ? registeredPanels.get(activePanel) : null;
-  return /* @__PURE__ */ React112.createElement(
+  return /* @__PURE__ */ React140.createElement(
     Box22,
     {
       pos: "sticky",
@@ -10602,7 +13163,9 @@ function PanelContent() {
         width: isOpen ? "50%" : "0",
         height: "calc(100vh - 150px)",
         transition: "width 0.2s ease",
-        overflow: isOpen ? "auto" : "hidden"
+        overflow: isOpen ? "auto" : "hidden",
+        ...isOpen && panelStyles[theme]
+        // You can switch between light/dark based on your theme
       }
     },
     isOpen && content
@@ -10619,7 +13182,7 @@ function IxoEditorContent({
   onSelectionChange,
   children
 }) {
-  return /* @__PURE__ */ React113.createElement("div", { style: { display: "flex", height: "100%" } }, /* @__PURE__ */ React113.createElement("div", { className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`, style: { flex: 1 } }, /* @__PURE__ */ React113.createElement(
+  return /* @__PURE__ */ React141.createElement("div", { style: { display: "flex", height: "100%" } }, /* @__PURE__ */ React141.createElement("div", { className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`, style: { flex: 1 } }, /* @__PURE__ */ React141.createElement(
     BlockNoteView,
     {
       editor,
@@ -10634,7 +13197,7 @@ function IxoEditorContent({
       onChange,
       onSelectionChange
     },
-    config.slashMenu && /* @__PURE__ */ React113.createElement(
+    config.slashMenu && /* @__PURE__ */ React141.createElement(
       SuggestionMenuController,
       {
         triggerCharacter: "/",
@@ -10646,7 +13209,7 @@ function IxoEditorContent({
       }
     ),
     children
-  )), /* @__PURE__ */ React113.createElement(PanelContent, null));
+  )), /* @__PURE__ */ React141.createElement(PanelContent, { theme: config.theme }));
 }
 function IxoEditor({
   editor,
@@ -10657,7 +13220,8 @@ function IxoEditor({
   children,
   mantineTheme,
   handlers,
-  blockRequirements
+  blockRequirements,
+  isPanelVisible
 }) {
   if (!editor) {
     return null;
@@ -10672,9 +13236,21 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React113.createElement(BlocknoteProvider, { editor, handlers, blockRequirements, editable: isEditable }, /* @__PURE__ */ React113.createElement(ListBlocksUIProvider, null, /* @__PURE__ */ React113.createElement(Flex22, { pr: 25, justify: "flex-end", align: "center", gap: "xs" }, /* @__PURE__ */ React113.createElement(Text57, { size: "xs", c: "dimmed", tt: "uppercase" }, "Global actions"), /* @__PURE__ */ React113.createElement(ListBlocksToolbar, null)), /* @__PURE__ */ React113.createElement(IxoEditorContent, { editor, config, isEditable, className, onChange, onSelectionChange }, children)));
+  const editorContent = /* @__PURE__ */ React141.createElement(BlocknoteProvider, { editor, handlers, blockRequirements, editable: isEditable }, /* @__PURE__ */ React141.createElement(ListBlocksUIProvider, null, /* @__PURE__ */ React141.createElement(Flex25, { pr: 25, justify: "flex-end", align: "center", gap: "xs" }, /* @__PURE__ */ React141.createElement(Text75, { size: "xs", c: "dimmed", tt: "uppercase" }, "Global actions"), /* @__PURE__ */ React141.createElement(ListBlocksToolbar, null)), /* @__PURE__ */ React141.createElement(
+    IxoEditorContent,
+    {
+      isPanelVisible,
+      editor,
+      config,
+      isEditable,
+      className,
+      onChange,
+      onSelectionChange
+    },
+    children
+  )));
   if (mantineTheme) {
-    return /* @__PURE__ */ React113.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
+    return /* @__PURE__ */ React141.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
   return editorContent;
 }
@@ -10738,6 +13314,8 @@ async function getEntity(entityId) {
 }
 
 export {
+  usePanelStore,
+  usePanel,
   BlocknoteProvider,
   useBlocknoteContext,
   useBlocknoteHandlers,
@@ -10758,4 +13336,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-FDLWSUB5.mjs.map
+//# sourceMappingURL=chunk-XEZXD5ZV.mjs.map