@ixo/editor 1.27.0 → 2.0.0

package/dist/{chunk-S45RB34V.mjs → chunk-3BZ6OPAK.mjs}

@@ -216,7 +216,6 @@ function parseConditionConfig(conditionsString) {
     try {
       return JSON.parse(conditionsString);
     } catch (error) {
-      console.error("[parseConditionConfig] Failed to parse conditions:", error);
       return {
         enabled: false,
         mode: "all_must_pass",
@@ -230,7 +229,6 @@ function stringifyConditionConfig(config) {
   try {
     return JSON.stringify(config);
   } catch (error) {
-    console.error("[stringifyConditionConfig] Failed to stringify conditions:", error);
     return JSON.stringify({
       enabled: false,
       mode: "all_must_pass",
@@ -290,7 +288,6 @@ function parseResponseSchema(schemaString) {
   try {
     return JSON.parse(schemaString);
   } catch (error) {
-    console.warn("Failed to parse response schema:", error);
     return null;
   }
 }
@@ -1342,7 +1339,6 @@ function evaluateCondition(condition, sourceBlock, _currentUser) {
       passes = sourceValue !== "" && sourceValue !== null && sourceValue !== void 0;
       break;
     default:
-      console.warn(`[evaluateCondition] Unknown operator: ${rule.operator}`);
       passes = false;
   }
   return {
@@ -1517,8 +1513,7 @@ var useSharedProposal = ({ proposalId, contractAddress, autoFetch = true }) => {
   const cacheKey = `${contractAddress}:${proposalId}`;
   useEffect5(() => {
     if (!proposalId || !contractAddress || !autoFetch) return;
-    fetchSharedProposal(proposalId, contractAddress).then(setLocalProposal).catch((error) => {
-      console.error("Failed to fetch proposal:", error);
+    fetchSharedProposal(proposalId, contractAddress).then(setLocalProposal).catch(() => {
     });
   }, [proposalId, contractAddress, fetchSharedProposal, autoFetch]);
   useEffect5(() => {
@@ -2343,7 +2338,6 @@ var GeneralTab2 = ({ initialConfig, onSave }) => {
         const user = handlers.getCurrentUser();
         handleConfigChange("address", user.address);
       } catch (error) {
-        console.error("Failed to get current user:", error);
       }
     }
   };
@@ -2508,7 +2502,6 @@ var TemplateConfig2 = ({ editor, block }) => {
       listConfig = JSON.parse(block.props.listConfig);
     }
   } catch (error) {
-    console.error("Failed to parse listConfig:", error);
   }
   let sortOptions = {};
   try {
@@ -2516,7 +2509,6 @@ var TemplateConfig2 = ({ editor, block }) => {
       sortOptions = JSON.parse(block.props.sortOptions);
     }
   } catch (error) {
-    console.error("Failed to parse sortOptions:", error);
   }
   let filterOptions = {};
   try {
@@ -2524,7 +2516,6 @@ var TemplateConfig2 = ({ editor, block }) => {
       filterOptions = JSON.parse(block.props.filterOptions);
     }
   } catch (error) {
-    console.error("Failed to parse filterOptions:", error);
   }
   const initialConfig = listType && listConfig ? {
     type: listType,
@@ -2659,7 +2650,6 @@ var LinkedResourcesList = ({ items, isMultiSelect, isItemChecked, onItemCheck, c
     return /* @__PURE__ */ React26.createElement(Text8, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No linked resources found");
   }
   const rows = items.map((item, index) => {
-    console.log(item);
     const title = item.description || item.id || `Resource ${index + 1}`;
     const isChecked = isItemChecked?.(item.id);
     return /* @__PURE__ */ React26.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.id, !isChecked), key: item.id || index, isChecked: !!isChecked }, /* @__PURE__ */ React26.createElement(Flex3, { align: "center", gap: "sm" }, /* @__PURE__ */ React26.createElement(
@@ -3176,7 +3166,6 @@ var ListSelectionPanel = ({ selectedIds, listType }) => {
           setItemData({ id: selectedItemId });
         }
       } catch (err) {
-        console.error("Failed to fetch item details:", err);
         setError(err instanceof Error ? err.message : "Failed to fetch item details");
       } finally {
         setLoading(false);
@@ -3464,7 +3453,6 @@ var ListFlowView = ({ block, editor }) => {
       try {
         return JSON.parse(block.props.listConfig);
       } catch (error2) {
-        console.error("Failed to parse listConfig:", error2);
         return {};
       }
     }
@@ -3475,7 +3463,6 @@ var ListFlowView = ({ block, editor }) => {
       try {
         return JSON.parse(block.props.sortOptions);
       } catch (error2) {
-        console.error("Failed to parse listSortConfigOptions:", error2);
         return {};
       }
     }
@@ -3486,7 +3473,6 @@ var ListFlowView = ({ block, editor }) => {
       try {
         return JSON.parse(block.props.filterOptions);
       } catch (error2) {
-        console.error("Failed to parse listSortConfigOptions:", error2);
         return {};
       }
     }
@@ -3497,7 +3483,6 @@ var ListFlowView = ({ block, editor }) => {
       try {
         return JSON.parse(block.props.filter);
       } catch (error2) {
-        console.error("Failed to parse listSortConfigOptions:", error2);
         return {};
       }
     }
@@ -3508,7 +3493,6 @@ var ListFlowView = ({ block, editor }) => {
       try {
         return JSON.parse(block.props.sort);
       } catch (error2) {
-        console.error("Failed to parse listSortConfig:", error2);
         return {};
       }
     }
@@ -4000,7 +3984,6 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
   useEffect9(() => {
     const fetchGroups = async () => {
       if (!handlers?.getDAOGroups) {
-        console.warn("getDAOGroups handler not available");
         return;
       }
       setLoadingGroups(true);
@@ -4008,7 +3991,6 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
         const daoGroups = await handlers.getDAOGroups();
         setGroups(daoGroups);
       } catch (error) {
-        console.error("Failed to fetch DAO groups:", error);
       } finally {
         setLoadingGroups(false);
       }
@@ -6100,7 +6082,6 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
     if (!currentActionConfig) return;
     const validation = currentActionConfig.validateData(actionData);
     if (!validation.isValid) {
-      console.error("Validation errors:", validation.errors);
       return;
     }
     const action = {
@@ -6259,7 +6240,6 @@ var ActionsTab = ({ actions, onActionsChange, editor, block }) => {
     try {
       return JSON.parse(actionsJson);
     } catch (error) {
-      console.error("Failed to parse actions:", error);
       return [];
     }
   };
@@ -6561,9 +6541,6 @@ var useFlowBusinessLogic = ({ block, editor }) => {
           setProposalContractAddress(resolvedAddress);
         }
       } catch (error) {
-        if (!isCancelled) {
-          console.error("Failed to fetch proposal contract address:", error);
-        }
       }
     };
     void loadProposalContract();
@@ -6581,7 +6558,6 @@ var useFlowBusinessLogic = ({ block, editor }) => {
   }, [proposal, status]);
   const handleExecuteProposal = async () => {
     if (!handlers || !proposalContractAddress || !proposalId) {
-      console.error("Execute proposal: Missing required data");
       return;
     }
     setIsExecuting(true);
@@ -6595,7 +6571,6 @@ var useFlowBusinessLogic = ({ block, editor }) => {
       await refetch();
     } catch (error) {
       const message = error instanceof Error ? error.message : "Failed to execute proposal";
-      console.error("Failed to execute proposal:", error);
       setExecutionError(message);
     } finally {
       setIsExecuting(false);
@@ -6684,9 +6659,6 @@ var useVoteBusinessLogic = ({ block, editor }) => {
           setProposalContractAddress(resolvedAddress);
         }
       } catch (error) {
-        if (!isCancelled) {
-          console.error("[ProposalVote] Failed to fetch proposal contract address:", error);
-        }
       }
     };
     void loadProposalContract();
@@ -6707,9 +6679,6 @@ var useVoteBusinessLogic = ({ block, editor }) => {
           setUserVote(vote);
         }
       } catch (error) {
-        if (!isCancelled) {
-          console.error("[ProposalVote] Failed to fetch user vote:", error);
-        }
       }
     };
     void loadUserVote();
@@ -6725,7 +6694,6 @@ var useVoteBusinessLogic = ({ block, editor }) => {
       const vote = await handlers.getVote(voteParams.proposalContractAddress, voteParams.proposalId.toString(), user.address);
       setUserVote(vote);
     } catch (err) {
-      console.error("Failed to vote:", err);
       setLocalError("Failed to submit vote");
     }
   };
@@ -6987,7 +6955,6 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
     try {
       return JSON.parse(actionsJson);
     } catch (error) {
-      console.error("Failed to parse actions:", error);
       return [];
     }
   };
@@ -7117,7 +7084,6 @@ var FlowConfig = ({ editor, block }) => {
   useEffect16(() => {
     const fetchGroups = async () => {
       if (!handlers?.getDAOGroups) {
-        console.warn("getDAOGroups handler not available");
         return;
       }
       setLoadingGroups(true);
@@ -7125,7 +7091,6 @@ var FlowConfig = ({ editor, block }) => {
         const daoGroups = await handlers.getDAOGroups();
         setGroups(daoGroups);
       } catch (error) {
-        console.error("Failed to fetch DAO groups:", error);
       } finally {
         setLoadingGroups(false);
       }
@@ -7329,12 +7294,9 @@ var ProposalFlowView = ({ block, editor }) => {
 // src/mantine/blocks/proposal/ProposalBlock.tsx
 function ProposalBlock({ editor, block }) {
   const { docType } = useBlocknoteContext();
-  console.log("[ProposalBlock] Rendering with docType:", docType);
   if (docType === "template") {
-    console.log("[ProposalBlock] Rendering ProposalTemplateView (docType is template)");
     return /* @__PURE__ */ React94.createElement(ProposalTemplateView, { editor, block });
   }
-  console.log("[ProposalBlock] Rendering ProposalFlowView (docType is flow)");
   return /* @__PURE__ */ React94.createElement(ProposalFlowView, { block, editor });
 }
 
@@ -7641,37 +7603,27 @@ function getNestedValue(obj, path) {
 }
 function resolveSingleReference(blockId, propPath, editorDocument) {
   if (!editorDocument || !Array.isArray(editorDocument)) {
-    console.warn("Invalid editor document provided to resolveSingleReference");
     return void 0;
   }
   const block = editorDocument.find((b) => b.id === blockId);
   if (!block) {
-    console.warn(`Block not found: ${blockId}`);
     return void 0;
   }
   if (propPath.startsWith("response.")) {
     const responseData = block.props.response;
     if (!responseData) {
-      console.warn(`No response data in block ${blockId}`);
       return void 0;
     }
     try {
       const parsedResponse = typeof responseData === "string" ? JSON.parse(responseData) : responseData;
       const innerPath = propPath.substring("response.".length);
       const value2 = getNestedValue(parsedResponse, innerPath);
-      if (value2 === void 0) {
-        console.warn(`Property not found in response: ${innerPath} in block ${blockId}`);
-      }
       return value2;
     } catch (error) {
-      console.warn(`Failed to parse response JSON for block ${blockId}:`, error);
       return void 0;
     }
   }
   const value = getNestedValue(block.props, propPath);
-  if (value === void 0) {
-    console.warn(`Property not found: ${propPath} in block ${blockId}`);
-  }
   return value;
 }
 function resolveReferences(input, editorDocument, options = {}) {
@@ -8225,7 +8177,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
         return "gray";
     }
   };
-  const getStatusColor = (status2) => {
+  const getStatusColor2 = (status2) => {
     switch (status2) {
       case "success":
         return "green";
@@ -8280,7 +8232,6 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
       if (schema && schema.fields.length > 0) {
         const errors = validateResponseAgainstSchema(responseData, schema);
         if (errors.length > 0) {
-          console.warn("Response validation warnings:", errors);
           setValidationWarnings(errors);
           setShowDetails(true);
         } else {
@@ -8325,7 +8276,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
     },
     isLoading ? "Sending..." : "Execute"
   );
-  return /* @__PURE__ */ React102.createElement(BaseContainer, null, /* @__PURE__ */ React102.createElement(Stack74, { gap: "md" }, /* @__PURE__ */ React102.createElement(Group30, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React102.createElement(Group30, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, getIcon("square-check", block.props.icon), /* @__PURE__ */ React102.createElement(Stack74, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React102.createElement(Group30, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React102.createElement(Badge13, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React102.createElement(Text48, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "API Request"), status !== "idle" && /* @__PURE__ */ React102.createElement(Badge13, { size: "xs", variant: "dot", color: getStatusColor(status) }, status)), /* @__PURE__ */ React102.createElement(
+  return /* @__PURE__ */ React102.createElement(BaseContainer, null, /* @__PURE__ */ React102.createElement(Stack74, { gap: "md" }, /* @__PURE__ */ React102.createElement(Group30, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React102.createElement(Group30, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, getIcon("square-check", block.props.icon), /* @__PURE__ */ React102.createElement(Stack74, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React102.createElement(Group30, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React102.createElement(Badge13, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React102.createElement(Text48, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "API Request"), status !== "idle" && /* @__PURE__ */ React102.createElement(Badge13, { size: "xs", variant: "dot", color: getStatusColor2(status) }, status)), /* @__PURE__ */ React102.createElement(
     Text48,
     {
       size: "xs",
@@ -8818,7 +8769,6 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
       try {
         return JSON.parse(block.props.listConfig);
       } catch (error) {
-        console.error("Failed to parse listConfig:", error);
         return {};
       }
     }
@@ -8829,7 +8779,6 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
       try {
         return new Set(JSON.parse(block.props.selectedIds));
       } catch (error) {
-        console.error("Failed to parse selectedIds:", error);
         return /* @__PURE__ */ new Set();
       }
     }
@@ -9374,7 +9323,7 @@ var NotifyFlowView = ({ editor, block, isDisabled }) => {
         return "gray";
     }
   };
-  const getStatusColor = (status2) => {
+  const getStatusColor2 = (status2) => {
     switch (status2) {
       case "sent":
         return "green";
@@ -9452,7 +9401,7 @@ var NotifyFlowView = ({ editor, block, isDisabled }) => {
     },
     isLoading ? "Sending..." : status === "sent" ? "Sent" : "Send"
   );
-  return /* @__PURE__ */ React115.createElement(BaseContainer, null, /* @__PURE__ */ React115.createElement(Stack83, { gap: "md" }, /* @__PURE__ */ React115.createElement(Group37, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React115.createElement(Group37, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, getIcon("bell", block.props.icon), /* @__PURE__ */ React115.createElement(Stack83, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React115.createElement(Group37, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React115.createElement(Badge15, { size: "sm", variant: "filled", color: getChannelColor(channel) }, channel.toUpperCase()), /* @__PURE__ */ React115.createElement(Text57, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Notification"), status !== "idle" && /* @__PURE__ */ React115.createElement(Badge15, { size: "xs", variant: "dot", color: getStatusColor(status) }, status)), /* @__PURE__ */ React115.createElement(Text57, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, to.length > 0 ? `To: ${to.slice(0, 2).join(", ")}${to.length > 2 ? ` +${to.length - 2} more` : ""}` : "No recipients"), block.props.description && /* @__PURE__ */ React115.createElement(Text57, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React115.createElement(Group37, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React115.createElement(Tooltip7, { label: isDisabled.message, position: "left", withArrow: true }, sendButton) : sendButton, /* @__PURE__ */ React115.createElement(ActionIcon13, { variant: "subtle", onClick: () => setShowDetails(!showDetails) }, showDetails ? /* @__PURE__ */ React115.createElement(IconChevronUp3, { size: 16 }) : /* @__PURE__ */ React115.createElement(IconChevronDown4, { size: 16 })))), status === "failed" && block.props.errorMessage && /* @__PURE__ */ React115.createElement(Alert12, { color: "red", icon: /* @__PURE__ */ React115.createElement(IconX3, { size: 16 }), title: "Failed to send", styles: { message: { fontSize: "12px" } } }, block.props.errorMessage), status === "sent" && block.props.messageId && /* @__PURE__ */ React115.createElement(Alert12, { color: "green", icon: /* @__PURE__ */ React115.createElement(IconCheck, { size: 16 }), title: "Sent successfully", styles: { message: { fontSize: "12px" } } }, "Message ID: ", block.props.messageId, block.props.sentAt && /* @__PURE__ */ React115.createElement(React115.Fragment, null, /* @__PURE__ */ React115.createElement("br", null), "Sent at: ", new Date(block.props.sentAt).toLocaleString())), /* @__PURE__ */ React115.createElement(Collapse4, { in: showDetails }, /* @__PURE__ */ React115.createElement(Stack83, { gap: "md" }, channel === "email" && /* @__PURE__ */ React115.createElement(React115.Fragment, null, /* @__PURE__ */ React115.createElement(Stack83, { gap: "xs" }, /* @__PURE__ */ React115.createElement(Text57, { size: "xs", fw: 600, c: "dimmed" }, "Recipients:"), /* @__PURE__ */ React115.createElement(Code3, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
+  return /* @__PURE__ */ React115.createElement(BaseContainer, null, /* @__PURE__ */ React115.createElement(Stack83, { gap: "md" }, /* @__PURE__ */ React115.createElement(Group37, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React115.createElement(Group37, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, getIcon("bell", block.props.icon), /* @__PURE__ */ React115.createElement(Stack83, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React115.createElement(Group37, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React115.createElement(Badge15, { size: "sm", variant: "filled", color: getChannelColor(channel) }, channel.toUpperCase()), /* @__PURE__ */ React115.createElement(Text57, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Notification"), status !== "idle" && /* @__PURE__ */ React115.createElement(Badge15, { size: "xs", variant: "dot", color: getStatusColor2(status) }, status)), /* @__PURE__ */ React115.createElement(Text57, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, to.length > 0 ? `To: ${to.slice(0, 2).join(", ")}${to.length > 2 ? ` +${to.length - 2} more` : ""}` : "No recipients"), block.props.description && /* @__PURE__ */ React115.createElement(Text57, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React115.createElement(Group37, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React115.createElement(Tooltip7, { label: isDisabled.message, position: "left", withArrow: true }, sendButton) : sendButton, /* @__PURE__ */ React115.createElement(ActionIcon13, { variant: "subtle", onClick: () => setShowDetails(!showDetails) }, showDetails ? /* @__PURE__ */ React115.createElement(IconChevronUp3, { size: 16 }) : /* @__PURE__ */ React115.createElement(IconChevronDown4, { size: 16 })))), status === "failed" && block.props.errorMessage && /* @__PURE__ */ React115.createElement(Alert12, { color: "red", icon: /* @__PURE__ */ React115.createElement(IconX3, { size: 16 }), title: "Failed to send", styles: { message: { fontSize: "12px" } } }, block.props.errorMessage), status === "sent" && block.props.messageId && /* @__PURE__ */ React115.createElement(Alert12, { color: "green", icon: /* @__PURE__ */ React115.createElement(IconCheck, { size: 16 }), title: "Sent successfully", styles: { message: { fontSize: "12px" } } }, "Message ID: ", block.props.messageId, block.props.sentAt && /* @__PURE__ */ React115.createElement(React115.Fragment, null, /* @__PURE__ */ React115.createElement("br", null), "Sent at: ", new Date(block.props.sentAt).toLocaleString())), /* @__PURE__ */ React115.createElement(Collapse4, { in: showDetails }, /* @__PURE__ */ React115.createElement(Stack83, { gap: "md" }, channel === "email" && /* @__PURE__ */ React115.createElement(React115.Fragment, null, /* @__PURE__ */ React115.createElement(Stack83, { gap: "xs" }, /* @__PURE__ */ React115.createElement(Text57, { size: "xs", fw: 600, c: "dimmed" }, "Recipients:"), /* @__PURE__ */ React115.createElement(Code3, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
     {
       to: to.filter((e) => e.trim() !== ""),
       ...cc.length > 0 && { cc: cc.filter((e) => e.trim() !== "") },
@@ -9565,7 +9514,6 @@ var CollectionSelector = ({
   onAdminAddressChange,
   currentAdminAddress
 }) => {
-  console.log("[CollectionSelector] Rendered with selectedCollections:", selectedCollections);
   const handlers = useBlocknoteHandlers();
   const [localDid, setLocalDid] = useState31(did || "");
   const [collections, setCollections] = useState31([]);
@@ -9596,7 +9544,6 @@ var CollectionSelector = ({
         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 {
@@ -9605,14 +9552,11 @@ var CollectionSelector = ({
   };
   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) => {
+  const getCollectionName2 = (collection) => {
     if (!collection) return "Unnamed Collection";
     return collection.protocol?.profile?.name || collection.name || "Unnamed Collection";
   };
@@ -9633,7 +9577,7 @@ var CollectionSelector = ({
       Checkbox10,
       {
         key: collection.id,
-        label: /* @__PURE__ */ React118.createElement(Stack84, { gap: 2 }, /* @__PURE__ */ React118.createElement(Text58, { size: "sm", fw: 500 }, getCollectionName(collection)), /* @__PURE__ */ React118.createElement(Text58, { size: "xs", c: "dimmed", style: { fontFamily: "monospace" } }, "ID: ", collection.id), collection.description && /* @__PURE__ */ React118.createElement(Text58, { size: "xs", c: "dimmed" }, collection.description)),
+        label: /* @__PURE__ */ React118.createElement(Stack84, { gap: 2 }, /* @__PURE__ */ React118.createElement(Text58, { size: "sm", fw: 500 }, getCollectionName2(collection)), /* @__PURE__ */ React118.createElement(Text58, { size: "xs", c: "dimmed", style: { fontFamily: "monospace" } }, "ID: ", collection.id), collection.description && /* @__PURE__ */ React118.createElement(Text58, { size: "xs", c: "dimmed" }, collection.description)),
         checked: selectedCollections?.includes(collection.id) ?? false,
         onChange: () => handleToggleCollection(collection.id)
       }
@@ -9671,9 +9615,7 @@ var GeneralTab6 = ({
   }, [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]
@@ -9729,7 +9671,6 @@ 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,
@@ -9803,16 +9744,178 @@ var ClaimTemplateView = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/claim/flow/FlowView.tsx
-import React124, { useState as useState35, useEffect as useEffect24, useMemo as useMemo23, useCallback as useCallback23 } from "react";
+import React124, { useMemo as useMemo25 } from "react";
 import { Stack as Stack88, Text as Text62, Loader as Loader11, Center as Center5, Alert as Alert15, Title as Title11, Flex as Flex22, ActionIcon as ActionIcon16 } from "@mantine/core";
+
+// src/mantine/hooks/useCurrentUser.ts
+import { useState as useState33, useEffect as useEffect22, useRef as useRef4 } from "react";
+function useCurrentUser() {
+  const { getCurrentUser } = useBlocknoteHandlers();
+  const getCurrentUserRef = useRef4(getCurrentUser);
+  useEffect22(() => {
+    getCurrentUserRef.current = getCurrentUser;
+  }, [getCurrentUser]);
+  const [userAddress, setUserAddress] = useState33("");
+  useEffect22(() => {
+    const fetchUserAddress = () => {
+      try {
+        const user = getCurrentUserRef.current();
+        setUserAddress(user?.address || "");
+      } catch (err) {
+        setUserAddress("");
+      }
+    };
+    fetchUserAddress();
+  }, []);
+  return userAddress;
+}
+
+// src/mantine/hooks/useCollections.ts
+import { useState as useState34, useEffect as useEffect23, useCallback as useCallback22, useRef as useRef5, useMemo as useMemo21 } from "react";
+function useCollections(did, selectedCollectionIds, block, editor) {
+  const { getClaimCollections } = useBlocknoteHandlers();
+  const getClaimCollectionsRef = useRef5(getClaimCollections);
+  useEffect23(() => {
+    getClaimCollectionsRef.current = getClaimCollections;
+  }, [getClaimCollections]);
+  const [collections, setCollections] = useState34([]);
+  const [loading, setLoading] = useState34(false);
+  const [error, setError] = useState34(null);
+  const adminAddressUpdatedRef = useRef5(false);
+  const selectedCollectionIdsStr = useMemo21(() => JSON.stringify(selectedCollectionIds.sort()), [selectedCollectionIds]);
+  const fetchCollections = useCallback22(async () => {
+    if (!did || selectedCollectionIds.length === 0) {
+      setCollections([]);
+      return;
+    }
+    if (loading) {
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await getClaimCollectionsRef.current({ deedDid: did });
+      const { adminAddress: fetchedAdminAddress = "", collections: allCollections = [] } = response || {};
+      const currentAdminAddress = block.props.adminAddress || "";
+      if (fetchedAdminAddress && !currentAdminAddress && !adminAddressUpdatedRef.current) {
+        adminAddressUpdatedRef.current = true;
+        editor.updateBlock(block, {
+          props: {
+            ...block.props,
+            adminAddress: fetchedAdminAddress
+          }
+        });
+      }
+      const selectedCollections = Array.isArray(allCollections) ? allCollections.filter((c) => c && selectedCollectionIds.includes(c.id)) : [];
+      setCollections(selectedCollections);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to fetch collections");
+      setCollections([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [did, selectedCollectionIdsStr]);
+  useEffect23(() => {
+    fetchCollections();
+  }, [fetchCollections]);
+  return { collections, loading, error, refetch: fetchCollections };
+}
+
+// src/mantine/blocks/claim/flow/FlowView.tsx
 import { IconSettings as IconSettings3, IconRefresh as IconRefresh2, IconAlertCircle as IconAlertCircle3 } from "@tabler/icons-react";
 
 // src/mantine/blocks/claim/flow/ClaimCollectionsList.tsx
-import React123, { useMemo as useMemo22, useState as useState34, useEffect as useEffect23 } from "react";
+import React123, { useMemo as useMemo24 } from "react";
 import { Stack as Stack87, Text as Text61, ActionIcon as ActionIcon15, Tooltip as Tooltip8, Loader as Loader10, Center as Center4 } from "@mantine/core";
 
+// src/mantine/hooks/useUserRoles.ts
+import { useState as useState35, useEffect as useEffect24, useMemo as useMemo22, useRef as useRef6 } from "react";
+
+// src/mantine/hooks/utils.ts
+function isClientFulfillmentError(error) {
+  const message = error instanceof Error ? error.message : String(error ?? "");
+  return /client(?:.+)?(cannot|can't).+fulfil?/i.test(message);
+}
+
+// src/mantine/hooks/useUserRoles.ts
+function useUserRoles(collections, userAddress, adminAddress, deedId) {
+  const { getUserRoles } = useBlocknoteHandlers();
+  const getUserRolesRef = useRef6(getUserRoles);
+  useEffect24(() => {
+    getUserRolesRef.current = getUserRoles;
+  }, [getUserRoles]);
+  const [userRoles, setUserRoles] = useState35({});
+  const [loading, setLoading] = useState35(true);
+  const failedRequestKeyRef = useRef6(null);
+  const collectionIdsKey = useMemo22(
+    () => collections.map((c) => c.id).sort().join("|"),
+    [collections]
+  );
+  const requestKey = useMemo22(() => [userAddress, adminAddress, deedId, collectionIdsKey].filter(Boolean).join("|"), [userAddress, adminAddress, deedId, collectionIdsKey]);
+  useEffect24(() => {
+    let isMounted = true;
+    const setEmptyRoles = () => {
+      const rolesMap = {};
+      collections.forEach((collection) => {
+        rolesMap[collection.id] = null;
+      });
+      if (isMounted) {
+        setUserRoles(rolesMap);
+      }
+    };
+    const fetchUserRoles = async () => {
+      if (!collections || collections.length === 0 || !userAddress || !adminAddress) {
+        setLoading(false);
+        return;
+      }
+      if (!requestKey || failedRequestKeyRef.current === requestKey) {
+        setLoading(false);
+        return;
+      }
+      const getUserRolesFn = getUserRolesRef.current;
+      if (typeof getUserRolesFn !== "function") {
+        setEmptyRoles();
+        setLoading(false);
+        return;
+      }
+      try {
+        setLoading(true);
+        const collectionIds = collections.map((c) => c.id);
+        const roles = await getUserRolesFn({
+          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) {
+        if (isClientFulfillmentError(error)) {
+          failedRequestKeyRef.current = requestKey;
+        } else {
+          failedRequestKeyRef.current = null;
+        }
+        setEmptyRoles();
+      } finally {
+        if (isMounted) {
+          setLoading(false);
+        }
+      }
+    };
+    fetchUserRoles();
+    return () => {
+      isMounted = false;
+    };
+  }, [collections, userAddress, adminAddress, deedId, requestKey]);
+  return { userRoles, loading };
+}
+
 // src/mantine/blocks/claim/flow/ClaimsListSheet.tsx
-import React122, { useState as useState33, useEffect as useEffect22, useCallback as useCallback22, useMemo as useMemo21 } from "react";
+import React122, { useState as useState36, useEffect as useEffect25, useCallback as useCallback23, useMemo as useMemo23 } from "react";
 import { CloseButton as CloseButton9, Title as Title10, Loader as Loader9, Stack as Stack86, Text as Text60, Button as Button28, ActionIcon as ActionIcon14, Alert as Alert14 } from "@mantine/core";
 import { IconArrowLeft as IconArrowLeft2, IconAlertCircle as IconAlertCircle2 } from "@tabler/icons-react";
 import { Survey, SurveyModel } from "@ixo/surveys";
@@ -9980,14 +10083,16 @@ var surveyTheme = {
 var ClaimsListSheet = ({ collectionId, collectionName, deedId, adminAddress, userAddress, onSubmitComplete }) => {
   const { closePanel } = usePanelStore();
   const handlers = useBlocknoteHandlers();
-  const [viewMode, setViewMode] = useState33("list");
-  const [claims, setClaims] = useState33([]);
-  const [loading, setLoading] = useState33(true);
-  const [error, setError] = useState33(null);
-  const [surveyJson, setSurveyJson] = useState33(null);
-  const [surveyLoading, setSurveyLoading] = useState33(false);
-  const [surveyError, setSurveyError] = useState33(null);
-  const fetchClaims = useCallback22(async () => {
+  const [viewMode, setViewMode] = useState36("list");
+  const [claims, setClaims] = useState36([]);
+  const [loading, setLoading] = useState36(true);
+  const [error, setError] = useState36(null);
+  const [surveyJson, setSurveyJson] = useState36(null);
+  const [surveyLoading, setSurveyLoading] = useState36(false);
+  const [surveyError, setSurveyError] = useState36(null);
+  console.log("[ClaimsListSheet] render", { collectionId, collectionName, deedId, adminAddress, userAddress, viewMode });
+  const fetchClaims = useCallback23(async () => {
+    console.log("[ClaimsListSheet] fetchClaims start", { collectionId, userAddress });
     try {
       setLoading(true);
       setError(null);
@@ -9995,36 +10100,51 @@ var ClaimsListSheet = ({ collectionId, collectionName, deedId, adminAddress, use
         collectionId,
         userAddress
       });
-      setClaims(result || []);
+      console.log("[ClaimsListSheet] fetchClaims result", result);
+      if (!result) {
+        alert("Error in ClaimsListSheet.tsx:37 - getClaimsPerUserAddress() returned no data");
+      }
+      setClaims(Array.isArray(result) ? result : []);
     } catch (err) {
-      console.error("Error fetching claims:", err);
-      setError(err instanceof Error ? err.message : "Failed to fetch claims");
+      const errorMsg = err instanceof Error ? err.message : "Failed to fetch claims";
+      alert(`Error in ClaimsListSheet.tsx:37 - getClaimsPerUserAddress() failed: ${errorMsg}`);
+      setError(errorMsg);
       setClaims([]);
     } finally {
       setLoading(false);
     }
-  }, [collectionId, userAddress, handlers]);
-  const fetchSurveyTemplate = useCallback22(async () => {
+  }, [collectionId, userAddress]);
+  const fetchSurveyTemplate = useCallback23(async () => {
+    console.log("[ClaimsListSheet] fetchSurveyTemplate start", { deedId });
     try {
       setSurveyLoading(true);
       setSurveyError(null);
       const result = await handlers.getDeedSurveyTemplate(deedId);
-      if (result) {
+      console.log("[ClaimsListSheet] fetchSurveyTemplate result", result);
+      if (!result) {
+        alert("Error in ClaimsListSheet.tsx:65 - getDeedSurveyTemplate() returned no data");
+        setSurveyError("No data returned from getDeedSurveyTemplate");
+      } else if (result?.surveyTemplate) {
         setSurveyJson(result.surveyTemplate);
       } else {
+        alert("Error in ClaimsListSheet.tsx:65 - getDeedSurveyTemplate() returned data without surveyTemplate");
         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");
+      const errorMsg = err instanceof Error ? err.message : "Failed to load survey template";
+      alert(`Error in ClaimsListSheet.tsx:65 - getDeedSurveyTemplate() failed: ${errorMsg}`);
+      setSurveyError(errorMsg);
+      setSurveyJson(null);
     } finally {
       setSurveyLoading(false);
     }
-  }, [deedId, handlers]);
-  useEffect22(() => {
+  }, [deedId]);
+  useEffect25(() => {
+    console.log("[ClaimsListSheet] useEffect fetchClaims");
     fetchClaims();
   }, [fetchClaims]);
-  const surveyModel = useMemo21(() => {
+  const surveyModel = useMemo23(() => {
+    console.log("[ClaimsListSheet] surveyModel useMemo", { hasSurveyJson: !!surveyJson });
     if (!surveyJson) return null;
     const model = new SurveyModel(surveyJson);
     model.applyTheme(surveyTheme);
@@ -10032,19 +10152,30 @@ var ClaimsListSheet = ({ collectionId, collectionName, deedId, adminAddress, use
     model.questionsOnPageMode = "singlePage";
     return model;
   }, [surveyJson]);
-  const handleSurveyComplete = useCallback22(
+  const handleSurveyComplete = useCallback23(
     async (sender) => {
+      console.log("[ClaimsListSheet] handleSurveyComplete fired", { data: sender?.data });
       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"
         });
+        console.log("[ClaimsListSheet] requestPin resolved", { hasPin: !!pin });
+        if (!pin) {
+          alert("Error in ClaimsListSheet.tsx:107 - requestPin() returned no data");
+          throw new Error("No PIN provided");
+        }
         if (!adminAddress) {
           throw new Error("Admin address is not set. Please configure the claim block first.");
         }
+        console.log("[ClaimsListSheet] submitClaim payload", {
+          deedId,
+          collectionId,
+          adminAddress,
+          surveyDataKeys: Object.keys(surveyData || {})
+        });
         const result = await handlers.submitClaim({
           surveyData,
           deedDid: deedId,
@@ -10052,37 +10183,58 @@ var ClaimsListSheet = ({ collectionId, collectionName, deedId, adminAddress, use
           adminAddress,
           pin
         });
-        console.log("Claim submitted successfully:", result);
+        console.log("[ClaimsListSheet] submitClaim result", result);
+        if (!result) {
+          alert("Error in ClaimsListSheet.tsx:119 - submitClaim() returned no data");
+          throw new Error("No result returned from submitClaim");
+        }
         closePanel();
         onSubmitComplete?.();
       } catch (error2) {
-        console.error("Failed to submit claim:", error2);
-        setSurveyError(error2 instanceof Error ? error2.message : "Failed to submit claim");
+        const errorMsg = error2 instanceof Error ? error2.message : "Failed to submit claim";
+        if (error2 instanceof Error && error2.message === "No PIN provided") {
+        } else if (error2 instanceof Error && error2.message === "No result returned from submitClaim") {
+        } else if (error2 instanceof Error && error2.message.includes("requestPin")) {
+          alert(`Error in ClaimsListSheet.tsx:107 - requestPin() failed: ${errorMsg}`);
+        } else if (error2 instanceof Error && error2.message.includes("submitClaim")) {
+          alert(`Error in ClaimsListSheet.tsx:119 - submitClaim() failed: ${errorMsg}`);
+        } else {
+          alert(`Error in ClaimsListSheet.tsx:107-119 - Handler failed: ${errorMsg}`);
+        }
+        console.error("[ClaimsListSheet] handleSurveyComplete error", error2);
+        setSurveyError(errorMsg);
       }
     },
     [handlers, deedId, collectionId, adminAddress, closePanel, onSubmitComplete]
   );
-  useEffect22(() => {
+  useEffect25(() => {
     if (surveyModel) {
+      console.log("[ClaimsListSheet] register surveyModel.onComplete listener");
       surveyModel.onComplete.add(handleSurveyComplete);
       return () => {
+        console.log("[ClaimsListSheet] cleanup surveyModel.onComplete listener");
         surveyModel.onComplete.remove(handleSurveyComplete);
       };
     }
     return void 0;
   }, [surveyModel, handleSurveyComplete]);
   const handleNewClaim = () => {
+    console.log("[ClaimsListSheet] handleNewClaim", { hasSurveyJson: !!surveyJson });
     if (!surveyJson) {
       fetchSurveyTemplate();
     }
     setViewMode("survey");
   };
   const handleBackToList = () => {
+    console.log("[ClaimsListSheet] handleBackToList");
     setViewMode("list");
     setSurveyError(null);
     fetchClaims();
   };
   const getClaimStatus = (paymentsStatus) => {
+    if (!paymentsStatus) {
+      return "pending";
+    }
     if (paymentsStatus.approval === "PAID") {
       return "approved";
     }
@@ -10091,7 +10243,7 @@ var ClaimsListSheet = ({ collectionId, collectionName, deedId, adminAddress, use
     }
     return "pending";
   };
-  const getStatusColor = (status) => {
+  const getStatusColor2 = (status) => {
     switch (status) {
       case "approved":
         return "green";
@@ -10102,7 +10254,7 @@ var ClaimsListSheet = ({ collectionId, collectionName, deedId, adminAddress, use
         return "yellow";
     }
   };
-  const formatDate = (dateString) => {
+  const formatDate2 = (dateString) => {
     try {
       return new Date(dateString).toLocaleDateString();
     } catch {
@@ -10161,7 +10313,7 @@ var ClaimsListSheet = ({ collectionId, collectionName, deedId, adminAddress, use
         },
         /* @__PURE__ */ React122.createElement(Stack86, { gap: "md", style: { flex: 1 } }, /* @__PURE__ */ React122.createElement(Button28, { onClick: handleNewClaim, fullWidth: true }, "New Claim"), loading ? /* @__PURE__ */ React122.createElement(Stack86, { align: "center", justify: "center", style: { flex: 1 } }, /* @__PURE__ */ React122.createElement(Loader9, { size: "lg" }), /* @__PURE__ */ React122.createElement(Text60, { size: "sm", c: "dimmed" }, "Loading claims...")) : error ? /* @__PURE__ */ React122.createElement(Alert14, { color: "red", title: "Failed to load claims", icon: /* @__PURE__ */ React122.createElement(IconAlertCircle2, { size: 18 }) }, /* @__PURE__ */ React122.createElement(Text60, { size: "sm" }, error)) : claims.length === 0 ? /* @__PURE__ */ React122.createElement(Stack86, { align: "center", justify: "center", style: { flex: 1 } }, /* @__PURE__ */ React122.createElement(Text60, { size: "sm", c: "dimmed", ta: "center" }, 'No claims found. Click "New Claim" to submit your first claim.')) : /* @__PURE__ */ React122.createElement(Stack86, { gap: "xs" }, claims.map((claim) => {
           const status = getClaimStatus(claim.paymentsStatus);
-          return /* @__PURE__ */ React122.createElement(ListItemContainer, { key: claim.claimId }, /* @__PURE__ */ React122.createElement(Stack86, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React122.createElement(Text60, { size: "sm", fw: 500 }, "Claim #", claim.claimId.slice(-8)), /* @__PURE__ */ React122.createElement(Text60, { size: "xs", c: "dimmed" }, "Submitted: ", formatDate(claim.submissionDate))), /* @__PURE__ */ React122.createElement(Text60, { size: "xs", fw: 500, c: getStatusColor(status) }, status.toUpperCase()));
+          return /* @__PURE__ */ React122.createElement(ListItemContainer, { key: claim.claimId }, /* @__PURE__ */ React122.createElement(Stack86, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React122.createElement(Text60, { size: "sm", fw: 500 }, "Claim #", claim.claimId.slice(-8)), /* @__PURE__ */ React122.createElement(Text60, { size: "xs", c: "dimmed" }, "Submitted: ", formatDate2(claim.submissionDate))), /* @__PURE__ */ React122.createElement(Text60, { size: "xs", fw: 500, c: getStatusColor2(status) }, status.toUpperCase()));
         })))
       ),
       /* @__PURE__ */ React122.createElement(
@@ -10191,17 +10343,32 @@ var ClaimsListSheet = ({ collectionId, collectionName, deedId, adminAddress, use
 // 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";
-  };
+  console.log("[CollectionItem] RENDER START", { collectionId: collection.id, userRole });
+  const { getCurrentUser } = useBlocknoteHandlers();
+  let currentUser;
+  try {
+    console.log("[CollectionItem] Calling getCurrentUser...");
+    currentUser = getCurrentUser();
+    console.log("[CollectionItem] getCurrentUser result:", currentUser);
+    if (!currentUser) {
+      alert("Error in ClaimCollectionsList.tsx:31 - getCurrentUser() returned no data");
+      currentUser = { address: "" };
+    }
+  } catch (err) {
+    console.log("[CollectionItem] getCurrentUser ERROR:", err);
+    alert(`Error in ClaimCollectionsList.tsx:31 - getCurrentUser() failed: ${err instanceof Error ? err.message : String(err)}`);
+    currentUser = { address: "" };
+  }
+  const getCollectionName2 = (collection2) => 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__ */ React123.createElement(
+  const collectionName = getCollectionName2(collection);
+  console.log("[CollectionItem] Panel setup", { claimsPanelId, collectionName, canAccessClaims });
+  console.log("[CollectionItem] Creating claimsPanelContent useMemo...");
+  const claimsPanelContent = useMemo24(() => {
+    console.log("[CollectionItem] claimsPanelContent useMemo EXECUTING", { collectionId: collection.id });
+    return /* @__PURE__ */ React123.createElement(
       ClaimsListSheet,
       {
         collectionId: collection.id,
@@ -10211,56 +10378,23 @@ var CollectionItem = ({ collection, deedId, adminAddress, userRole, onRefresh })
         userAddress: currentUser.address,
         onSubmitComplete: onRefresh
       }
-    ),
-    [collection.id, collectionName, deedId, adminAddress, currentUser.address, onRefresh]
-  );
+    );
+  }, [collection.id, collectionName, deedId, adminAddress, currentUser.address, onRefresh]);
+  console.log("[CollectionItem] Calling usePanel with panelId:", claimsPanelId);
   const { open: openClaimsPanel } = usePanel(claimsPanelId, claimsPanelContent);
+  console.log("[CollectionItem] usePanel returned");
   const handleClick = () => {
+    console.log("[CollectionItem] handleClick called", { canAccessClaims });
     if (canAccessClaims) {
+      console.log("[CollectionItem] Opening claims panel...");
       openClaimsPanel();
     }
   };
-  return /* @__PURE__ */ React123.createElement("div", { style: { opacity: canAccessClaims ? 1 : 0.5 } }, /* @__PURE__ */ React123.createElement(ListItemContainer, null, /* @__PURE__ */ React123.createElement(Stack87, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React123.createElement(Text61, { size: "sm", fw: 500, c: canAccessClaims ? void 0 : "dimmed" }, getCollectionName(collection)), collection.description && /* @__PURE__ */ React123.createElement(Text61, { size: "xs", c: "dimmed" }, collection.description)), /* @__PURE__ */ React123.createElement(Tooltip8, { label: "You need to apply to be a service agent first", disabled: canAccessClaims, position: "left", withArrow: true }, /* @__PURE__ */ React123.createElement(ActionIcon15, { variant: "subtle", size: "lg", onClick: handleClick, disabled: !canAccessClaims, style: { cursor: canAccessClaims ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React123.createElement(IconArrowRight2, { size: 20 })))));
+  return /* @__PURE__ */ React123.createElement("div", { style: { opacity: canAccessClaims ? 1 : 0.5 } }, /* @__PURE__ */ React123.createElement(ListItemContainer, null, /* @__PURE__ */ React123.createElement(Stack87, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React123.createElement(Text61, { size: "sm", fw: 500, c: canAccessClaims ? void 0 : "dimmed" }, collectionName), collection.description && /* @__PURE__ */ React123.createElement(Text61, { size: "xs", c: "dimmed" }, collection.description)), /* @__PURE__ */ React123.createElement(Tooltip8, { label: "You need to apply to be a service agent first", disabled: canAccessClaims, position: "left", withArrow: true }, /* @__PURE__ */ React123.createElement(ActionIcon15, { variant: "subtle", size: "lg", onClick: handleClick, disabled: !canAccessClaims, style: { cursor: canAccessClaims ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React123.createElement(IconArrowRight2, { size: 20 })))));
 };
 var ClaimCollectionsList = ({ collections, deedId, adminAddress, userAddress, onRefresh }) => {
-  const handlers = useBlocknoteHandlers();
-  const [userRoles, setUserRoles] = useState34({});
-  const [loadingRoles, setLoadingRoles] = useState34(true);
-  useEffect23(() => {
-    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) {
+  const { userRoles, loading: loadingRoles } = useUserRoles(collections, userAddress, adminAddress, deedId);
+  if (!collections?.length) {
     return /* @__PURE__ */ React123.createElement(Text61, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No claim collections found");
   }
   if (loadingRoles) {
@@ -10273,68 +10407,40 @@ var ClaimCollectionsList = ({ collections, deedId, adminAddress, userAddress, on
 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] = useState35([]);
-  const [loading, setLoading] = useState35(false);
-  const [error, setError] = useState35(null);
+  const userAddress = useCurrentUser();
   const panelId = `${CLAIM_FLOW_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo23(() => /* @__PURE__ */ React124.createElement(TemplateConfig6, { editor, block }), [editor, block]);
+  const panelContent = useMemo25(() => /* @__PURE__ */ React124.createElement(TemplateConfig6, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
-  const selectedCollectionIds = useMemo23(() => {
+  const selectedCollectionIds = useMemo25(() => {
     try {
-      return JSON.parse(block.props.selectedCollections || "[]");
+      const parsed = JSON.parse(block.props.selectedCollections || "[]");
+      return Array.isArray(parsed) ? parsed : [];
     } 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]);
-  useEffect24(() => {
-    fetchCollections();
-  }, [fetchCollections]);
+  const { collections, loading, error, refetch } = useCollections(did, selectedCollectionIds, block, editor);
   if (!did) {
     return /* @__PURE__ */ React124.createElement(Center5, { py: "xl" }, /* @__PURE__ */ React124.createElement(Text62, { size: "sm", c: "dimmed" }, "Please configure the claim block in template mode first"));
   }
   if (selectedCollectionIds.length === 0) {
     return /* @__PURE__ */ React124.createElement(Center5, { py: "xl" }, /* @__PURE__ */ React124.createElement(Text62, { size: "sm", c: "dimmed" }, "No claim collections selected"));
   }
-  return /* @__PURE__ */ React124.createElement(Stack88, { w: "100%" }, /* @__PURE__ */ React124.createElement(Flex22, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React124.createElement(Title11, { order: 4 }, "Submit Claims"), /* @__PURE__ */ React124.createElement(Flex22, { gap: "xs" }, /* @__PURE__ */ React124.createElement(ActionIcon16, { variant: "subtle", size: "sm", onClick: fetchCollections, loading }, /* @__PURE__ */ React124.createElement(IconRefresh2, { size: 18 })), editable && /* @__PURE__ */ React124.createElement(ActionIcon16, { variant: "subtle", size: "sm", onClick: open }, /* @__PURE__ */ React124.createElement(IconSettings3, { size: 18 })))), loading ? /* @__PURE__ */ React124.createElement(Center5, { py: "xl" }, /* @__PURE__ */ React124.createElement(Loader11, { size: "md" })) : error ? /* @__PURE__ */ React124.createElement(Alert15, { color: "red", title: "Failed to load collections", icon: /* @__PURE__ */ React124.createElement(IconAlertCircle3, { size: 18 }) }, /* @__PURE__ */ React124.createElement(Text62, { size: "sm" }, error)) : /* @__PURE__ */ React124.createElement(ClaimCollectionsList, { collections, deedId: did, adminAddress, userAddress: currentUser.address, onRefresh: fetchCollections }));
+  return /* @__PURE__ */ React124.createElement(Stack88, { w: "100%" }, /* @__PURE__ */ React124.createElement(Flex22, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React124.createElement(Title11, { order: 4 }, "Submit Claims"), /* @__PURE__ */ React124.createElement(Flex22, { gap: "xs" }, /* @__PURE__ */ React124.createElement(ActionIcon16, { variant: "subtle", size: "sm", onClick: refetch, loading }, /* @__PURE__ */ React124.createElement(IconRefresh2, { size: 18 })), editable && /* @__PURE__ */ React124.createElement(ActionIcon16, { variant: "subtle", size: "sm", onClick: open }, /* @__PURE__ */ React124.createElement(IconSettings3, { size: 18 })))), loading ? /* @__PURE__ */ React124.createElement(Center5, { py: "xl" }, /* @__PURE__ */ React124.createElement(Loader11, { size: "md" })) : error ? /* @__PURE__ */ React124.createElement(Alert15, { color: "red", title: "Failed to load collections", icon: /* @__PURE__ */ React124.createElement(IconAlertCircle3, { size: 18 }) }, /* @__PURE__ */ React124.createElement(Text62, { size: "sm" }, error)) : /* @__PURE__ */ React124.createElement(ClaimCollectionsList, { collections, deedId: did, adminAddress, userAddress, onRefresh: refetch }));
 };
 
 // src/mantine/blocks/claim/ClaimBlock.tsx
 function ClaimBlock({ editor, block }) {
+  console.log("[ClaimBlock] RENDER START", { blockId: block.id, docType: "..." });
   const { docType } = useBlocknoteContext();
+  console.log("[ClaimBlock] docType:", docType);
   if (docType === "template") {
+    console.log("[ClaimBlock] Rendering TEMPLATE view");
     return /* @__PURE__ */ React125.createElement(ClaimTemplateView, { editor, block });
   }
+  console.log("[ClaimBlock] Rendering FLOW view");
   return /* @__PURE__ */ React125.createElement(ClaimFlowView, { editor, block });
 }
 
@@ -10361,14 +10467,14 @@ var ClaimBlockSpec = createReactBlockSpec8(
 );
 
 // src/mantine/blocks/bid/BidBlockSpec.tsx
-import React137 from "react";
+import React141 from "react";
 import { createReactBlockSpec as createReactBlockSpec9 } from "@blocknote/react";
 
 // src/mantine/blocks/bid/BidBlock.tsx
-import React136 from "react";
+import React140 from "react";
 
 // src/mantine/blocks/bid/template/TemplateView.tsx
-import React130, { useMemo as useMemo25 } from "react";
+import React130, { useMemo as useMemo27 } from "react";
 import { Group as Group39, Stack as Stack89, Text as Text63, Badge as Badge17 } from "@mantine/core";
 
 // src/mantine/blocks/bid/template/TemplateConfig.tsx
@@ -10376,14 +10482,14 @@ import React129, { 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 React127, { useEffect as useEffect25, useState as useState36 } from "react";
+import React127, { useEffect as useEffect26, useState as useState37 } from "react";
 var GeneralTab7 = ({ title, description, onTitleChange, onDescriptionChange }) => {
-  const [localTitle, setLocalTitle] = useState36(title || "");
-  const [localDescription, setLocalDescription] = useState36(description || "");
-  useEffect25(() => {
+  const [localTitle, setLocalTitle] = useState37(title || "");
+  const [localDescription, setLocalDescription] = useState37(description || "");
+  useEffect26(() => {
     setLocalTitle(title || "");
   }, [title]);
-  useEffect25(() => {
+  useEffect26(() => {
     setLocalDescription(description || "");
   }, [description]);
   return /* @__PURE__ */ React127.createElement(BaseSection, null, /* @__PURE__ */ React127.createElement(
@@ -10415,9 +10521,9 @@ var GeneralTab7 = ({ title, description, onTitleChange, onDescriptionChange }) =
 };
 
 // src/mantine/blocks/bid/template/CollectionsTab.tsx
-import React128, { useCallback as useCallback24, useMemo as useMemo24 } from "react";
+import React128, { useCallback as useCallback24, useMemo as useMemo26 } from "react";
 var CollectionsTab = ({ did, selectedCollections, adminAddress, onDidChange, onSelectedCollectionsChange, onAdminAddressChange }) => {
-  const parsedSelectedCollections = useMemo24(() => {
+  const parsedSelectedCollections = useMemo26(() => {
     try {
       return JSON.parse(selectedCollections || "[]");
     } catch {
@@ -10532,9 +10638,9 @@ var TemplateConfig7 = ({ editor, block }) => {
 var BID_TEMPLATE_PANEL_ID = "bid-template-panel";
 var BidTemplateView = ({ editor, block }) => {
   const panelId = `${BID_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo25(() => /* @__PURE__ */ React130.createElement(TemplateConfig7, { editor, block }), [editor, block]);
+  const panelContent = useMemo27(() => /* @__PURE__ */ React130.createElement(TemplateConfig7, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
-  const selectedCollectionsCount = useMemo25(() => {
+  const selectedCollectionsCount = useMemo27(() => {
     try {
       const parsed = JSON.parse(block.props.selectedCollections || "[]");
       return parsed.length;
@@ -10546,34 +10652,35 @@ var BidTemplateView = ({ editor, block }) => {
   return /* @__PURE__ */ React130.createElement(BaseContainer, { onClick: open }, /* @__PURE__ */ React130.createElement(Badge17, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React130.createElement(Group39, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React130.createElement(Group39, { wrap: "nowrap", align: "center" }, getIcon("dollar-sign", "dollar-sign"), /* @__PURE__ */ React130.createElement(Stack89, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React130.createElement(Text63, { fw: 500, size: "sm", contentEditable: false }, "Bid Block"), /* @__PURE__ */ React130.createElement(Text63, { size: "xs", c: "dimmed", contentEditable: false }, block.props.did ? didDisplay : "Configure bid settings"), selectedCollectionsCount > 0 && /* @__PURE__ */ React130.createElement(Text63, { size: "xs", c: "blue", contentEditable: false }, selectedCollectionsCount, " collection", selectedCollectionsCount !== 1 ? "s" : "", " selected")))));
 };
 
-// src/mantine/blocks/bid/flow/FlowView.tsx
-import React135, { useState as useState41, useEffect as useEffect30, useMemo as useMemo30, useCallback as useCallback28 } from "react";
-import { Stack as Stack94, Text as Text68, Loader as Loader16, Center as Center8, Alert as Alert18, Title as Title15, Flex as Flex23, ActionIcon as ActionIcon19 } from "@mantine/core";
+// src/mantine/blocks/bid/flow/components/FlowView.tsx
+import React139, { useMemo as useMemo34 } from "react";
+import { Stack as Stack96, Text as Text70, Loader as Loader16, Center as Center8, Alert as Alert18, Title as Title16, Flex as Flex23, ActionIcon as ActionIcon19 } 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 React134, { useMemo as useMemo29, useState as useState40, useEffect as useEffect29 } from "react";
-import { Stack as Stack93, Text as Text67, Button as Button30, Menu as Menu2, Badge as Badge20, Collapse as Collapse5, Loader as Loader15, Center as Center7, ActionIcon as ActionIcon18 } from "@mantine/core";
-import { IconChevronDown as IconChevronDown5, IconArrowDown as IconArrowDown3, IconArrowUp as IconArrowUp3 } from "@tabler/icons-react";
+// src/mantine/blocks/bid/flow/components/ClaimCollectionsList.tsx
+import React138 from "react";
+import { Stack as Stack95, Text as Text69, Loader as Loader15, Center as Center7 } from "@mantine/core";
 
-// src/mantine/blocks/bid/flow/BidSurveyPanel.tsx
-import React131, { useMemo as useMemo26, useState as useState37, useEffect as useEffect26, useCallback as useCallback26 } from "react";
+// src/mantine/blocks/bid/flow/components/CollectionItem.tsx
+import React137, { useMemo as useMemo33 } from "react";
+import { Stack as Stack94, Text as Text68, Button as Button30, Menu as Menu2, Badge as Badge20, ActionIcon as ActionIcon18, Box as Box23 } from "@mantine/core";
+import { IconChevronDown as IconChevronDown5, IconArrowRight as IconArrowRight4 } from "@tabler/icons-react";
+
+// src/mantine/blocks/bid/flow/components/BidSurveyPanel.tsx
+import React131, { useMemo as useMemo29, useEffect as useEffect28 } from "react";
 import { Paper as Paper15, CloseButton as CloseButton11, Title as Title13, Loader as Loader12, Stack as Stack90, Text as Text64 } 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();
+import { Survey as Survey2 } from "@ixo/surveys";
+
+// src/mantine/blocks/bid/flow/hooks/useBidSurvey.ts
+import { useState as useState38, useEffect as useEffect27, useMemo as useMemo28, useCallback as useCallback26 } from "react";
+import { SurveyModel as SurveyModel2 } from "@ixo/surveys";
+function useBidSurvey(deedId, collectionId, role, onSubmitComplete) {
   const handlers = useBlocknoteHandlers();
-  const [surveyJson, setSurveyJson] = useState37(null);
-  const [loading, setLoading] = useState37(true);
-  const [error, setError] = useState37(null);
-  const roleLabel = role === "service_agent" ? "Service Agent" : "Evaluation Agent";
-  useEffect26(() => {
+  const { closePanel } = usePanelStore();
+  const [surveyJson, setSurveyJson] = useState38(null);
+  const [loading, setLoading] = useState38(true);
+  const [error, setError] = useState38(null);
+  useEffect27(() => {
     const fetchSurveyTemplate = async () => {
       try {
         setLoading(true);
@@ -10585,7 +10692,6 @@ var BidSurveyPanel = ({ deedId, collectionId, role, onSubmitComplete }) => {
           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);
@@ -10593,7 +10699,7 @@ var BidSurveyPanel = ({ deedId, collectionId, role, onSubmitComplete }) => {
     };
     fetchSurveyTemplate();
   }, [deedId, role, handlers]);
-  const surveyModel = useMemo26(() => {
+  const surveyModel = useMemo28(() => {
     if (!surveyJson) return null;
     const model = new SurveyModel2(surveyJson);
     model.applyTheme(surveyTheme);
@@ -10601,20 +10707,9 @@ var BidSurveyPanel = ({ deedId, collectionId, role, onSubmitComplete }) => {
     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({
@@ -10622,17 +10717,57 @@ var BidSurveyPanel = ({ deedId, collectionId, role, onSubmitComplete }) => {
           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]
   );
-  useEffect26(() => {
+  return {
+    surveyModel,
+    loading,
+    error,
+    handleSurveyComplete
+  };
+}
+
+// src/mantine/blocks/bid/flow/constants.ts
+var ROLE_CONFIG = {
+  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" }
+};
+var STATUS_CONFIG = {
+  pending: { color: "yellow", label: "Pending" },
+  approved: { color: "green", label: "Approved" },
+  rejected: { color: "red", label: "Rejected" }
+};
+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";
+
+// src/mantine/blocks/bid/flow/components/BidSurveyPanel.tsx
+var BidSurveyPanel = ({ deedId, collectionId, role, onSubmitComplete }) => {
+  const { closePanel } = usePanelStore();
+  const { surveyModel, loading, error, handleSurveyComplete } = useBidSurvey(deedId, collectionId, role, onSubmitComplete);
+  const roleLabel = role === "service_agent" ? "Service Agent" : "Evaluation Agent";
+  const surveyContainerStyle = useMemo29(
+    () => ({
+      flex: 1,
+      overflow: "auto",
+      backgroundColor: SURVEY_THEME_BACKGROUND,
+      color: SURVEY_THEME_FOREGROUND,
+      ...SURVEY_THEME_VARIABLES
+    }),
+    []
+  );
+  useEffect28(() => {
     if (surveyModel) {
       surveyModel.onComplete.add(handleSurveyComplete);
       return () => {
@@ -10669,43 +10804,79 @@ var BidSurveyPanel = ({ deedId, collectionId, role, onSubmitComplete }) => {
   );
 };
 
-// src/mantine/blocks/bid/flow/BidsList.tsx
-import React133, { useState as useState39, useEffect as useEffect28, useMemo as useMemo28, useCallback as useCallback27 } from "react";
-import { Stack as Stack92, Text as Text66, Loader as Loader14, Center as Center6, Alert as Alert17, Badge as Badge19, Group as Group41, ActionIcon as ActionIcon17 } from "@mantine/core";
-import { IconAlertCircle as IconAlertCircle5, IconArrowRight as IconArrowRight3 } from "@tabler/icons-react";
+// src/mantine/blocks/bid/flow/components/BidsList.tsx
+import React134, { useCallback as useCallback29 } from "react";
+import { Stack as Stack93, Text as Text67, Loader as Loader14, Center as Center6, Alert as Alert17, Paper as Paper17, CloseButton as CloseButton13, Title as Title15 } from "@mantine/core";
+import { IconAlertCircle as IconAlertCircle5 } from "@tabler/icons-react";
+
+// src/mantine/blocks/bid/flow/components/BidItem.tsx
+import React133, { useMemo as useMemo32 } from "react";
+import { Stack as Stack92, Text as Text66, Badge as Badge19, Group as Group41, ActionIcon as ActionIcon17 } from "@mantine/core";
+import { IconArrowRight as IconArrowRight3 } from "@tabler/icons-react";
 
-// src/mantine/blocks/bid/flow/BidViewPanel.tsx
-import React132, { useMemo as useMemo27, useState as useState38, useEffect as useEffect27 } from "react";
+// src/mantine/blocks/bid/flow/components/BidViewPanel.tsx
+import React132, { useMemo as useMemo31, useState as useState41 } from "react";
 import { Paper as Paper16, CloseButton as CloseButton12, Title as Title14, Loader as Loader13, Stack as Stack91, Text as Text65, Badge as Badge18, Button as Button29, Group as Group40, Modal as Modal2, Alert as Alert16 } from "@mantine/core";
-import { Survey as Survey3, SurveyModel as SurveyModel3 } from "@ixo/surveys";
+import { Survey as Survey3 } 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] = useState38(null);
-  const [loading, setLoading] = useState38(true);
-  const [error, setError] = useState38(null);
-  const [actionLoading, setActionLoading] = useState38(false);
-  const [actionError, setActionError] = useState38(null);
-  const [rejectModalOpen, setRejectModalOpen] = useState38(false);
-  const [rejectReason, setRejectReason] = useState38("");
-  useEffect27(() => {
-    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 {
+
+// src/mantine/blocks/bid/flow/hooks/useBidView.ts
+import { useState as useState39, useEffect as useEffect29, useMemo as useMemo30 } from "react";
+import { SurveyModel as SurveyModel3 } from "@ixo/surveys";
+
+// src/mantine/blocks/bid/flow/utils.ts
+function formatDate(dateString) {
+  try {
+    const date = new Date(dateString);
+    return date.toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    });
+  } catch {
+    return dateString;
+  }
+}
+function getRoleLabel(role) {
+  return ROLE_CONFIG[role]?.label || role;
+}
+function getRoleColor(role) {
+  return ROLE_CONFIG[role]?.color || "gray";
+}
+function getStatusLabel(status) {
+  return STATUS_CONFIG[status]?.label || status;
+}
+function getStatusColor(status) {
+  return STATUS_CONFIG[status]?.color || "gray";
+}
+function getCollectionName(collection) {
+  return collection.protocol?.profile?.name || collection.name || "Unnamed Collection";
+}
+function parseBidData(data) {
+  try {
+    return typeof data === "string" ? JSON.parse(data) : data;
+  } catch {
+    return data;
+  }
+}
+
+// src/mantine/blocks/bid/flow/hooks/useBidView.ts
+function useBidView(bid, deedId) {
+  const handlers = useBlocknoteHandlers();
+  const [surveyJson, setSurveyJson] = useState39(null);
+  const [loading, setLoading] = useState39(true);
+  const [error, setError] = useState39(null);
+  useEffect29(() => {
+    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;
@@ -10716,7 +10887,6 @@ var BidViewPanel = ({ bid, deedId, adminAddress, onRefresh }) => {
           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);
@@ -10724,51 +10894,30 @@ var BidViewPanel = ({ bid, deedId, adminAddress, onRefresh }) => {
     };
     fetchSurveyTemplate();
   }, [deedId, bid.role, handlers]);
-  const surveyModel = useMemo27(() => {
+  const surveyModel = useMemo30(() => {
     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;
+    model.data = parseBidData(bid.data);
     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__ */ React132.createElement(Badge18, { size: "sm", color: config.color }, config.label);
-  };
-  const handleApproveBid = async () => {
+  return { surveyModel, loading, error };
+}
+
+// src/mantine/blocks/bid/flow/hooks/useBidActions.ts
+import { useState as useState40, useCallback as useCallback27 } from "react";
+function useBidActions(bid, deedId, adminAddress, onRefresh) {
+  const handlers = useBlocknoteHandlers();
+  const { closePanel } = usePanelStore();
+  const [loading, setLoading] = useState40(false);
+  const [error, setError] = useState40(null);
+  const approveBid = useCallback27(async () => {
     try {
-      setActionLoading(true);
-      setActionError(null);
+      setLoading(true);
+      setError(null);
       if (bid.role === "service_agent" || bid.role === "SA") {
         await handlers.approveServiceAgentApplication({
           adminAddress,
@@ -10796,41 +10945,67 @@ var BidViewPanel = ({ bid, deedId, adminAddress, onRefresh }) => {
       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");
+      setError(err instanceof Error ? err.message : "Failed to approve bid");
     } finally {
-      setActionLoading(false);
+      setLoading(false);
     }
-  };
-  const openRejectModal = () => {
+  }, [bid, deedId, adminAddress, handlers, closePanel, onRefresh]);
+  const rejectBid = useCallback27(
+    async (reason) => {
+      if (!reason.trim()) {
+        setError("Please provide a reason for rejection");
+        return;
+      }
+      try {
+        setLoading(true);
+        setError(null);
+        await handlers.rejectBid({
+          bidId: bid.id,
+          collectionId: bid.collection,
+          did: deedId,
+          reason
+        });
+        closePanel();
+        onRefresh?.();
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Failed to reject bid");
+      } finally {
+        setLoading(false);
+      }
+    },
+    [bid, deedId, handlers, closePanel, onRefresh]
+  );
+  return { approveBid, rejectBid, loading, error, setError };
+}
+
+// src/mantine/blocks/bid/flow/components/BidViewPanel.tsx
+var BidViewPanel = ({ bid, deedId, adminAddress, onRefresh }) => {
+  const { closePanel } = usePanelStore();
+  const { surveyModel, loading, error } = useBidView(bid, deedId);
+  const { approveBid, rejectBid, loading: actionLoading, error: actionError, setError: setActionError } = useBidActions(bid, deedId, adminAddress, onRefresh);
+  const [rejectModalOpen, setRejectModalOpen] = useState41(false);
+  const [rejectReason, setRejectReason] = useState41("");
+  const surveyContainerStyle = useMemo31(
+    () => ({
+      flex: 1,
+      overflow: "auto",
+      backgroundColor: SURVEY_THEME_BACKGROUND,
+      color: SURVEY_THEME_FOREGROUND,
+      ...SURVEY_THEME_VARIABLES
+    }),
+    []
+  );
+  const handleRejectClick = () => {
     setRejectReason("");
     setActionError(null);
     setRejectModalOpen(true);
   };
+  const handleRejectConfirm = async () => {
+    await rejectBid(rejectReason);
+    if (!actionError) {
+      setRejectModalOpen(false);
+    }
+  };
   return /* @__PURE__ */ React132.createElement(
     Paper16,
     {
@@ -10852,81 +11027,61 @@ var BidViewPanel = ({ bid, deedId, adminAddress, onRefresh }) => {
           marginBottom: "1rem"
         }
       },
-      /* @__PURE__ */ React132.createElement(Stack91, { gap: "xs" }, /* @__PURE__ */ React132.createElement(Title14, { order: 3 }, getRoleLabel(bid.role), " Bid"), getRoleBadge(bid.role)),
+      /* @__PURE__ */ React132.createElement(Stack91, { gap: "xs" }, /* @__PURE__ */ React132.createElement(Title14, { order: 3 }, getRoleLabel(bid.role), " Bid"), /* @__PURE__ */ React132.createElement(Badge18, { size: "sm", color: getRoleColor(bid.role) }, getRoleLabel(bid.role))),
       /* @__PURE__ */ React132.createElement(CloseButton12, { onClick: closePanel })
     ),
-    !loading && !error && /* @__PURE__ */ React132.createElement(Stack91, { gap: "md", mb: "md" }, actionError && /* @__PURE__ */ React132.createElement(Alert16, { color: "red", icon: /* @__PURE__ */ React132.createElement(IconAlertCircle4, { size: 16 }), onClose: () => setActionError(null), withCloseButton: true }, actionError), /* @__PURE__ */ React132.createElement(Group40, { justify: "flex-end" }, /* @__PURE__ */ React132.createElement(Button29, { variant: "outline", color: "red", leftSection: /* @__PURE__ */ React132.createElement(IconX4, { size: 16 }), onClick: openRejectModal, loading: actionLoading, disabled: actionLoading }, "Reject"), /* @__PURE__ */ React132.createElement(Button29, { variant: "filled", color: "green", leftSection: /* @__PURE__ */ React132.createElement(IconCheck2, { size: 16 }), onClick: handleApproveBid, loading: actionLoading, disabled: actionLoading }, "Approve"))),
+    !loading && !error && /* @__PURE__ */ React132.createElement(Stack91, { gap: "md", mb: "md" }, actionError && /* @__PURE__ */ React132.createElement(Alert16, { color: "red", icon: /* @__PURE__ */ React132.createElement(IconAlertCircle4, { size: 16 }), onClose: () => setActionError(null), withCloseButton: true }, actionError), /* @__PURE__ */ React132.createElement(Group40, { justify: "flex-end" }, /* @__PURE__ */ React132.createElement(Button29, { variant: "outline", color: "red", leftSection: /* @__PURE__ */ React132.createElement(IconX4, { size: 16 }), onClick: handleRejectClick, loading: actionLoading, disabled: actionLoading }, "Reject"), /* @__PURE__ */ React132.createElement(Button29, { variant: "filled", color: "green", leftSection: /* @__PURE__ */ React132.createElement(IconCheck2, { size: 16 }), onClick: approveBid, loading: actionLoading, disabled: actionLoading }, "Approve"))),
     /* @__PURE__ */ React132.createElement("div", { style: surveyContainerStyle }, loading && /* @__PURE__ */ React132.createElement(Stack91, { align: "center", justify: "center", style: { height: "100%" } }, /* @__PURE__ */ React132.createElement(Loader13, { size: "lg" }), /* @__PURE__ */ React132.createElement(Text65, { size: "sm", c: "dimmed" }, "Loading bid details...")), error && /* @__PURE__ */ React132.createElement(Stack91, { align: "center", justify: "center", style: { height: "100%", padding: "1rem" } }, /* @__PURE__ */ React132.createElement(Text65, { size: "sm", c: "red" }, error)), !loading && !error && surveyModel && /* @__PURE__ */ React132.createElement(Survey3, { model: surveyModel })),
-    /* @__PURE__ */ React132.createElement(Modal2, { opened: rejectModalOpen, onClose: () => setRejectModalOpen(false), title: "Reject Bid", centered: true }, /* @__PURE__ */ React132.createElement(Stack91, { gap: "md" }, /* @__PURE__ */ React132.createElement(Text65, { size: "sm" }, "Please provide a reason for rejecting this bid:"), /* @__PURE__ */ React132.createElement(BaseTextArea, { placeholder: "Enter rejection reason...", value: rejectReason, onChange: (e) => setRejectReason(e.currentTarget.value), minRows: 3 }), /* @__PURE__ */ React132.createElement(Group40, { justify: "flex-end" }, /* @__PURE__ */ React132.createElement(Button29, { variant: "outline", onClick: () => setRejectModalOpen(false), disabled: actionLoading }, "Cancel"), /* @__PURE__ */ React132.createElement(Button29, { color: "red", onClick: handleRejectBid, loading: actionLoading, disabled: !rejectReason.trim() }, "Reject Bid"))))
+    /* @__PURE__ */ React132.createElement(Modal2, { opened: rejectModalOpen, onClose: () => setRejectModalOpen(false), title: "Reject Bid", centered: true }, /* @__PURE__ */ React132.createElement(Stack91, { gap: "md" }, /* @__PURE__ */ React132.createElement(Text65, { size: "sm" }, "Please provide a reason for rejecting this bid:"), /* @__PURE__ */ React132.createElement(BaseTextArea, { placeholder: "Enter rejection reason...", value: rejectReason, onChange: (e) => setRejectReason(e.currentTarget.value), minRows: 3 }), /* @__PURE__ */ React132.createElement(Group40, { justify: "flex-end" }, /* @__PURE__ */ React132.createElement(Button29, { variant: "outline", onClick: () => setRejectModalOpen(false), disabled: actionLoading }, "Cancel"), /* @__PURE__ */ React132.createElement(Button29, { color: "red", onClick: handleRejectConfirm, loading: actionLoading, disabled: !rejectReason.trim() }, "Reject Bid"))))
   );
 };
 
-// src/mantine/blocks/bid/flow/BidsList.tsx
-var BidItem = ({ bid, deedId, adminAddress, onRefresh }) => {
+// src/mantine/hooks/useUserProfile.ts
+import { useState as useState42, useEffect as useEffect30 } from "react";
+function useUserProfile(did) {
   const handlers = useBlocknoteHandlers();
-  const [userProfile, setUserProfile] = useState39(null);
-  const [loadingProfile, setLoadingProfile] = useState39(false);
-  useEffect28(() => {
+  const [userProfile, setUserProfile] = useState42(null);
+  const [loading, setLoading] = useState42(false);
+  useEffect30(() => {
     const fetchUserProfile = async () => {
-      if (!bid.did) return;
+      if (!did) return;
       try {
-        setLoadingProfile(true);
-        const profile = await handlers.getMatrixInfoPerDid(bid.did);
-        setUserProfile(profile);
+        setLoading(true);
+        const profile = await handlers.getMatrixInfoPerDid(did);
+        setUserProfile(profile || null);
       } catch (error) {
-        console.error("Failed to fetch user profile:", error);
+        setUserProfile(null);
       } finally {
-        setLoadingProfile(false);
+        setLoading(false);
       }
     };
     fetchUserProfile();
-  }, [bid.did, handlers]);
+  }, [did]);
+  return { userProfile, loading };
+}
+
+// src/mantine/blocks/bid/flow/components/BidItem.tsx
+var BidItem = ({ bid, deedId, adminAddress, onRefresh }) => {
+  const { userProfile, loading: loadingProfile } = useUserProfile(bid.did);
   const bidPanelId = `bid-view-${bid.id}`;
-  const bidPanelContent = useMemo28(() => /* @__PURE__ */ React133.createElement(BidViewPanel, { bid, deedId, adminAddress, onRefresh }), [bid, deedId, adminAddress, onRefresh]);
+  const bidPanelContent = useMemo32(() => /* @__PURE__ */ React133.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__ */ React133.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__ */ React133.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__ */ React133.createElement(ListItemContainer, null, /* @__PURE__ */ React133.createElement(Stack92, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React133.createElement(Group41, { gap: "xs" }, /* @__PURE__ */ React133.createElement(Text66, { size: "xs", fw: 500 }, loadingProfile ? "Loading..." : displayName), userProfile?.verified && /* @__PURE__ */ React133.createElement(Text66, { size: "xs", c: "blue", fw: 600, title: "Verified user" }, "\u2713"), getRoleBadge(bid.role)), /* @__PURE__ */ React133.createElement(Text66, { size: "xs", c: "dimmed" }, "Submitted: ", formatDate(displayDate)), displayStatus === "rejected" && displayReason && /* @__PURE__ */ React133.createElement(Text66, { size: "xs", c: "red" }, "Reason: ", displayReason)), /* @__PURE__ */ React133.createElement(Group41, { gap: "xs" }, displayStatus && getStatusBadge(displayStatus), /* @__PURE__ */ React133.createElement(ActionIcon17, { variant: "subtle", size: "lg", onClick: openBidPanel }, /* @__PURE__ */ React133.createElement(IconArrowRight3, { size: 20 }))));
+  return /* @__PURE__ */ React133.createElement(ListItemContainer, { isChecked: false, onClick: () => {
+  } }, /* @__PURE__ */ React133.createElement(Stack92, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React133.createElement(Group41, { gap: "xs" }, /* @__PURE__ */ React133.createElement(Text66, { size: "xs", fw: 500 }, loadingProfile ? "Loading..." : displayName), userProfile?.verified && /* @__PURE__ */ React133.createElement(Text66, { size: "xs", c: "blue", fw: 600, title: "Verified user" }, "\u2713"), /* @__PURE__ */ React133.createElement(Badge19, { size: "xs", variant: "light", color: getRoleColor(bid.role) }, getRoleLabel(bid.role))), /* @__PURE__ */ React133.createElement(Text66, { size: "xs", c: "dimmed" }, "Submitted: ", formatDate(displayDate)), displayStatus === "rejected" && displayReason && /* @__PURE__ */ React133.createElement(Text66, { size: "xs", c: "red" }, "Reason: ", displayReason)), /* @__PURE__ */ React133.createElement(Group41, { gap: "xs" }, displayStatus && /* @__PURE__ */ React133.createElement(Badge19, { size: "sm", color: getStatusColor(displayStatus) }, getStatusLabel(displayStatus)), /* @__PURE__ */ React133.createElement(ActionIcon17, { variant: "subtle", size: "lg", onClick: openBidPanel }, /* @__PURE__ */ React133.createElement(IconArrowRight3, { size: 20 }))));
 };
-var BidsList = ({ collectionId, deedId, adminAddress, onRefresh }) => {
+
+// src/mantine/blocks/bid/flow/hooks/useBids.ts
+import { useState as useState43, useEffect as useEffect31, useCallback as useCallback28 } from "react";
+function useBids(collectionId) {
   const handlers = useBlocknoteHandlers();
-  const [bids, setBids] = useState39([]);
-  const [loading, setLoading] = useState39(true);
-  const [error, setError] = useState39(null);
-  const fetchBids = useCallback27(async () => {
+  const [bids, setBids] = useState43([]);
+  const [loading, setLoading] = useState43(true);
+  const [error, setError] = useState43(null);
+  const fetchBids = useCallback28(async () => {
     if (!collectionId) {
       setLoading(false);
       return;
@@ -10935,53 +11090,124 @@ var BidsList = ({ collectionId, deedId, adminAddress, onRefresh }) => {
       setLoading(true);
       setError(null);
       const response = await handlers.queryBids({ collectionId });
-      setBids(response?.data || []);
+      setBids(Array.isArray(response?.data) ? 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]);
-  useEffect28(() => {
+  }, [collectionId]);
+  useEffect31(() => {
     fetchBids();
   }, [fetchBids]);
-  const handleRefresh = useCallback27(() => {
-    fetchBids();
+  return { bids, loading, error, refetch: fetchBids };
+}
+
+// src/mantine/blocks/bid/flow/components/BidsList.tsx
+var BidsList = ({ collectionId, deedId, adminAddress, onRefresh }) => {
+  const { closePanel } = usePanelStore();
+  const { bids, loading, error, refetch } = useBids(collectionId);
+  const handleRefresh = useCallback29(() => {
+    refetch();
     onRefresh();
-  }, [fetchBids, onRefresh]);
-  if (loading) {
-    return /* @__PURE__ */ React133.createElement(Center6, { py: "md" }, /* @__PURE__ */ React133.createElement(Loader14, { size: "sm" }));
-  }
-  if (error) {
-    return /* @__PURE__ */ React133.createElement(Alert17, { color: "red", icon: /* @__PURE__ */ React133.createElement(IconAlertCircle5, { size: 16 }), py: "xs" }, /* @__PURE__ */ React133.createElement(Text66, { size: "xs" }, error));
-  }
-  if (!bids || bids.length === 0) {
-    return /* @__PURE__ */ React133.createElement(Text66, { size: "xs", c: "dimmed", ta: "center", py: "sm" }, "No bids submitted yet");
-  }
-  return /* @__PURE__ */ React133.createElement(Stack92, { gap: "xs", pl: "md" }, bids.map((bid) => /* @__PURE__ */ React133.createElement(BidItem, { key: bid.id, bid, deedId, adminAddress, onRefresh: handleRefresh })));
+  }, [refetch, onRefresh]);
+  const renderContent = () => {
+    if (loading) {
+      return /* @__PURE__ */ React134.createElement(Center6, { py: "md" }, /* @__PURE__ */ React134.createElement(Loader14, { size: "sm" }));
+    }
+    if (error) {
+      return /* @__PURE__ */ React134.createElement(Alert17, { color: "red", icon: /* @__PURE__ */ React134.createElement(IconAlertCircle5, { size: 16 }), py: "xs" }, /* @__PURE__ */ React134.createElement(Text67, { size: "xs" }, error));
+    }
+    if (!bids || bids.length === 0) {
+      return /* @__PURE__ */ React134.createElement(Text67, { size: "xs", c: "dimmed", ta: "center", py: "sm" }, "No bids submitted yet");
+    }
+    return /* @__PURE__ */ React134.createElement(Stack93, { gap: "xs", pl: "md" }, bids.map((bid) => /* @__PURE__ */ React134.createElement(BidItem, { key: bid.id, bid, deedId, adminAddress, onRefresh: handleRefresh })));
+  };
+  return /* @__PURE__ */ React134.createElement(
+    Paper17,
+    {
+      p: "md",
+      shadow: "sm",
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    /* @__PURE__ */ React134.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          marginBottom: "1rem"
+        }
+      },
+      /* @__PURE__ */ React134.createElement(Title15, { order: 3 }, "Submitted Bids"),
+      /* @__PURE__ */ React134.createElement(CloseButton13, { onClick: closePanel })
+    ),
+    renderContent()
+  );
 };
 
-// src/mantine/blocks/bid/flow/ClaimCollectionsList.tsx
+// src/icons/UserCheck.tsx
+import React135 from "react";
+var UserCheck = ({ size = 24, color = "currentColor", style }) => {
+  return /* @__PURE__ */ React135.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "lucide lucide-user-check-icon lucide-user-check",
+      style
+    },
+    /* @__PURE__ */ React135.createElement("path", { d: "m16 11 2 2 4-4" }),
+    /* @__PURE__ */ React135.createElement("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+    /* @__PURE__ */ React135.createElement("circle", { cx: "9", cy: "7", r: "4" })
+  );
+};
+var UserCheck_default = UserCheck;
+
+// src/icons/UserPlus.tsx
+import React136 from "react";
+var UserPlus = ({ size = 24, color = "currentColor", style }) => {
+  return /* @__PURE__ */ React136.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "lucide lucide-user-plus-icon lucide-user-plus",
+      style
+    },
+    /* @__PURE__ */ React136.createElement("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+    /* @__PURE__ */ React136.createElement("circle", { cx: "9", cy: "7", r: "4" }),
+    /* @__PURE__ */ React136.createElement("line", { x1: "19", x2: "19", y1: "8", y2: "14" }),
+    /* @__PURE__ */ React136.createElement("line", { x1: "22", x2: "16", y1: "11", y2: "11" })
+  );
+};
+var UserPlus_default = UserPlus;
+
+// src/mantine/blocks/bid/flow/components/CollectionItem.tsx
 var CollectionItem2 = ({ collection, deedId, adminAddress, userRole, onRefresh }) => {
-  const [isExpanded, setIsExpanded] = useState40(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__ */ React134.createElement(Badge20, { size: "sm", color: config.color }, config.label);
-  };
   const serviceAgentPanelId = `bid-survey-${collection.id}-service_agent`;
-  const serviceAgentPanelContent = useMemo29(
-    () => /* @__PURE__ */ React134.createElement(
+  const serviceAgentPanelContent = useMemo33(
+    () => /* @__PURE__ */ React137.createElement(
       BidSurveyPanel,
       {
         deedId,
@@ -10994,8 +11220,8 @@ var CollectionItem2 = ({ collection, deedId, adminAddress, userRole, onRefresh }
   );
   const { open: openServiceAgent } = usePanel(serviceAgentPanelId, serviceAgentPanelContent);
   const evaluationAgentPanelId = `bid-survey-${collection.id}-evaluation_agent`;
-  const evaluationAgentPanelContent = useMemo29(
-    () => /* @__PURE__ */ React134.createElement(
+  const evaluationAgentPanelContent = useMemo33(
+    () => /* @__PURE__ */ React137.createElement(
       BidSurveyPanel,
       {
         deedId,
@@ -11007,143 +11233,78 @@ var CollectionItem2 = ({ collection, deedId, adminAddress, userRole, onRefresh }
     [deedId, collection.id, onRefresh]
   );
   const { open: openEvaluationAgent } = usePanel(evaluationAgentPanelId, evaluationAgentPanelContent);
+  const bidsListPanelId = `bids-list-${collection.id}`;
+  const bidsListPanelContent = useMemo33(
+    () => /* @__PURE__ */ React137.createElement(BidsList, { collectionId: collection.id, deedId, adminAddress, onRefresh }),
+    [collection.id, deedId, adminAddress, onRefresh]
+  );
+  const { open: openBidsList } = usePanel(bidsListPanelId, bidsListPanelContent);
   const renderActionButton = () => {
     if (userRole === "PO" /* Owner */) {
-      return /* @__PURE__ */ React134.createElement(ActionIcon18, { variant: "subtle", size: "lg", onClick: () => setIsExpanded(!isExpanded) }, isExpanded ? /* @__PURE__ */ React134.createElement(IconArrowUp3, { size: 20 }) : /* @__PURE__ */ React134.createElement(IconArrowDown3, { size: 20 }));
+      return /* @__PURE__ */ React137.createElement(ActionIcon18, { variant: "subtle", size: "lg", onClick: openBidsList }, /* @__PURE__ */ React137.createElement(IconArrowRight4, { size: 20 }));
     } else if (userRole === "SA" /* ServiceProvider */ || userRole === "EA" /* Evaluator */) {
-      return getRoleBadge(userRole);
+      return /* @__PURE__ */ React137.createElement(Badge20, { size: "sm", color: getRoleColor(userRole) }, getRoleLabel(userRole));
     } else {
-      return /* @__PURE__ */ React134.createElement(Menu2, { shadow: "md", width: 200 }, /* @__PURE__ */ React134.createElement(Menu2.Target, null, /* @__PURE__ */ React134.createElement(Button30, { size: "xs", variant: "light", rightSection: /* @__PURE__ */ React134.createElement(IconChevronDown5, { size: 14 }) }, "Apply")), /* @__PURE__ */ React134.createElement(Menu2.Dropdown, null, /* @__PURE__ */ React134.createElement(Menu2.Label, null, "Select Role"), /* @__PURE__ */ React134.createElement(Menu2.Item, { onClick: openServiceAgent }, "Service Agent"), /* @__PURE__ */ React134.createElement(Menu2.Item, { onClick: openEvaluationAgent }, "Evaluation Agent")));
+      return /* @__PURE__ */ React137.createElement(Menu2, { shadow: "md", width: 200 }, /* @__PURE__ */ React137.createElement(Menu2.Target, null, /* @__PURE__ */ React137.createElement(Button30, { size: "xs", variant: "light", rightSection: /* @__PURE__ */ React137.createElement(IconChevronDown5, { size: 14 }) }, "Apply")), /* @__PURE__ */ React137.createElement(Menu2.Dropdown, null, /* @__PURE__ */ React137.createElement(Menu2.Label, null, "Select Role"), /* @__PURE__ */ React137.createElement(Menu2.Item, { onClick: openServiceAgent }, "Service Agent"), /* @__PURE__ */ React137.createElement(Menu2.Item, { onClick: openEvaluationAgent }, "Evaluation Agent")));
+    }
+  };
+  const getCollectionIcon = () => {
+    if (userRole === "PO" /* Owner */) {
+      return /* @__PURE__ */ React137.createElement(UserCheck_default, null);
     }
+    return /* @__PURE__ */ React137.createElement(UserPlus_default, null);
   };
-  return /* @__PURE__ */ React134.createElement(Stack93, { gap: "xs" }, /* @__PURE__ */ React134.createElement(ListItemContainer, null, /* @__PURE__ */ React134.createElement(Stack93, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React134.createElement(Text67, { size: "sm", fw: 500 }, getCollectionName(collection)), collection.description && /* @__PURE__ */ React134.createElement(Text67, { size: "xs", c: "dimmed" }, collection.description)), renderActionButton()), userRole === "PO" /* Owner */ && /* @__PURE__ */ React134.createElement(Collapse5, { in: isExpanded }, /* @__PURE__ */ React134.createElement(BidsList, { collectionId: collection.id, deedId, adminAddress, onRefresh })));
+  return /* @__PURE__ */ React137.createElement(ListItemContainer, { isChecked: false, onClick: () => {
+  } }, /* @__PURE__ */ React137.createElement(Box23, { mr: "md", style: { display: "flex", alignItems: "center" } }, getCollectionIcon()), /* @__PURE__ */ React137.createElement(Stack94, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React137.createElement(Text68, { size: "sm", fw: 500 }, getCollectionName(collection)), collection.description && /* @__PURE__ */ React137.createElement(Text68, { size: "xs", c: "dimmed" }, collection.description)), renderActionButton());
 };
+
+// src/mantine/blocks/bid/flow/components/ClaimCollectionsList.tsx
 var ClaimCollectionsList2 = ({ collections, deedId, adminAddress, userAddress, onRefresh }) => {
-  const handlers = useBlocknoteHandlers();
-  const [userRoles, setUserRoles] = useState40({});
-  const [loadingRoles, setLoadingRoles] = useState40(true);
-  useEffect29(() => {
-    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]);
+  const { userRoles, loading } = useUserRoles(collections, userAddress, adminAddress, deedId);
   if (!collections || collections.length === 0) {
-    return /* @__PURE__ */ React134.createElement(Text67, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No claim collections found");
+    return /* @__PURE__ */ React138.createElement(Text69, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No claim collections found");
   }
-  if (loadingRoles) {
-    return /* @__PURE__ */ React134.createElement(Center7, { py: "md" }, /* @__PURE__ */ React134.createElement(Loader15, { size: "sm" }));
+  if (loading) {
+    return /* @__PURE__ */ React138.createElement(Center7, { py: "md" }, /* @__PURE__ */ React138.createElement(Loader15, { size: "sm" }));
   }
-  return /* @__PURE__ */ React134.createElement(Stack93, { gap: "md", px: 5 }, collections.map((collection) => /* @__PURE__ */ React134.createElement(CollectionItem2, { key: collection.id, collection, deedId, adminAddress, userRole: userRoles[collection.id] || null, onRefresh })));
+  return /* @__PURE__ */ React138.createElement(Stack95, { gap: "md", px: 5 }, collections.map((collection) => /* @__PURE__ */ React138.createElement(CollectionItem2, { key: collection.id, collection, deedId, adminAddress, userRole: userRoles[collection.id] || null, onRefresh })));
 };
 
-// src/mantine/blocks/bid/flow/FlowView.tsx
+// src/mantine/blocks/bid/flow/components/FlowView.tsx
 var BID_FLOW_PANEL_ID = "bid-flow-panel";
 var BidFlowView = ({ editor, block }) => {
   const { editable } = useBlocknoteContext();
-  const handlers = useBlocknoteHandlers();
-  const [collections, setCollections] = useState41([]);
-  const [loading, setLoading] = useState41(false);
-  const [error, setError] = useState41(null);
-  const [userAddress, setUserAddress] = useState41("");
+  const userAddress = useCurrentUser();
   const panelId = `${BID_FLOW_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo30(() => /* @__PURE__ */ React135.createElement(TemplateConfig7, { editor, block }), [editor, block]);
+  const panelContent = useMemo34(() => /* @__PURE__ */ React139.createElement(TemplateConfig7, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
-  const selectedCollectionIds = useMemo30(() => {
+  const selectedCollectionIds = useMemo34(() => {
     try {
-      return JSON.parse(block.props.selectedCollections || "[]");
+      const parsed = JSON.parse(block.props.selectedCollections || "[]");
+      return Array.isArray(parsed) ? parsed : [];
     } catch {
       return [];
     }
   }, [block.props.selectedCollections]);
   const did = block.props.did;
   const adminAddress = block.props.adminAddress || "";
-  useEffect30(() => {
-    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]);
-  useEffect30(() => {
-    fetchCollections();
-  }, [fetchCollections]);
+  const { collections, loading, error, refetch } = useCollections(did, selectedCollectionIds, block, editor);
   if (!did) {
-    return /* @__PURE__ */ React135.createElement(Center8, { py: "xl" }, /* @__PURE__ */ React135.createElement(Text68, { size: "sm", c: "dimmed" }, "Please configure the bid block in template mode first"));
+    return /* @__PURE__ */ React139.createElement(Center8, { py: "xl" }, /* @__PURE__ */ React139.createElement(Text70, { size: "sm", c: "dimmed" }, "Please configure the bid block in template mode first"));
   }
   if (selectedCollectionIds.length === 0) {
-    return /* @__PURE__ */ React135.createElement(Center8, { py: "xl" }, /* @__PURE__ */ React135.createElement(Text68, { size: "sm", c: "dimmed" }, "No claim collections selected"));
+    return /* @__PURE__ */ React139.createElement(Center8, { py: "xl" }, /* @__PURE__ */ React139.createElement(Text70, { size: "sm", c: "dimmed" }, "No claim collections selected"));
   }
-  return /* @__PURE__ */ React135.createElement(Stack94, { w: "100%" }, /* @__PURE__ */ React135.createElement(Flex23, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React135.createElement(Title15, { order: 4 }, "Bid Application"), /* @__PURE__ */ React135.createElement(Flex23, { gap: "xs" }, /* @__PURE__ */ React135.createElement(ActionIcon19, { variant: "subtle", size: "sm", onClick: fetchCollections, loading }, /* @__PURE__ */ React135.createElement(IconRefresh3, { size: 18 })), editable && /* @__PURE__ */ React135.createElement(ActionIcon19, { variant: "subtle", size: "sm", onClick: open }, /* @__PURE__ */ React135.createElement(IconSettings4, { size: 18 })))), loading ? /* @__PURE__ */ React135.createElement(Center8, { py: "xl" }, /* @__PURE__ */ React135.createElement(Loader16, { size: "md" })) : error ? /* @__PURE__ */ React135.createElement(Alert18, { color: "red", title: "Failed to load collections", icon: /* @__PURE__ */ React135.createElement(IconAlertCircle6, { size: 18 }) }, /* @__PURE__ */ React135.createElement(Text68, { size: "sm" }, error)) : /* @__PURE__ */ React135.createElement(ClaimCollectionsList2, { collections, deedId: did, adminAddress, userAddress, onRefresh: fetchCollections }));
+  return /* @__PURE__ */ React139.createElement(Stack96, { w: "100%" }, /* @__PURE__ */ React139.createElement(Flex23, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React139.createElement(Title16, { order: 4 }, "Bid Application"), /* @__PURE__ */ React139.createElement(Flex23, { gap: "xs" }, /* @__PURE__ */ React139.createElement(ActionIcon19, { variant: "subtle", size: "sm", onClick: refetch, loading }, /* @__PURE__ */ React139.createElement(IconRefresh3, { size: 18 })), editable && /* @__PURE__ */ React139.createElement(ActionIcon19, { variant: "subtle", size: "sm", onClick: open }, /* @__PURE__ */ React139.createElement(IconSettings4, { size: 18 })))), loading ? /* @__PURE__ */ React139.createElement(Center8, { py: "xl" }, /* @__PURE__ */ React139.createElement(Loader16, { size: "md" })) : error ? /* @__PURE__ */ React139.createElement(Alert18, { color: "red", title: "Failed to load collections", icon: /* @__PURE__ */ React139.createElement(IconAlertCircle6, { size: 18 }) }, /* @__PURE__ */ React139.createElement(Text70, { size: "sm" }, error)) : /* @__PURE__ */ React139.createElement(ClaimCollectionsList2, { collections, deedId: did, adminAddress, userAddress, onRefresh: refetch }));
 };
 
 // src/mantine/blocks/bid/BidBlock.tsx
 function BidBlock({ editor, block }) {
   const { docType } = useBlocknoteContext();
   if (docType === "template") {
-    return /* @__PURE__ */ React136.createElement(BidTemplateView, { editor, block });
+    return /* @__PURE__ */ React140.createElement(BidTemplateView, { editor, block });
   }
-  return /* @__PURE__ */ React136.createElement(BidFlowView, { editor, block });
+  return /* @__PURE__ */ React140.createElement(BidFlowView, { editor, block });
 }
 
 // src/mantine/blocks/bid/BidBlockSpec.tsx
@@ -11162,24 +11323,24 @@ var BidBlockSpec = createReactBlockSpec9(
   {
     render: (props) => {
       const ixoProps = props;
-      return /* @__PURE__ */ React137.createElement(BidBlock, { ...ixoProps });
+      return /* @__PURE__ */ React141.createElement(BidBlock, { ...ixoProps });
     }
   }
 );
 
 // src/mantine/blocks/evaluator/EvaluatorBlock.tsx
-import React144 from "react";
+import React148 from "react";
 
 // src/mantine/blocks/evaluator/template/TemplateView.tsx
-import React140, { useMemo as useMemo32 } from "react";
-import { Group as Group42, Stack as Stack95, Text as Text69, Badge as Badge21 } from "@mantine/core";
+import React144, { useMemo as useMemo36 } from "react";
+import { Group as Group42, Stack as Stack97, Text as Text71, Badge as Badge21 } from "@mantine/core";
 
 // src/mantine/blocks/evaluator/template/TemplateConfig.tsx
-import React139, { useCallback as useCallback30 } from "react";
-import { Paper as Paper17, CloseButton as CloseButton13, Title as Title16 } from "@mantine/core";
+import React143, { useCallback as useCallback31 } from "react";
+import { Paper as Paper18, CloseButton as CloseButton14, Title as Title17 } from "@mantine/core";
 
 // src/mantine/blocks/evaluator/template/GeneralTab.tsx
-import React138, { useEffect as useEffect31, useState as useState42, useCallback as useCallback29, useMemo as useMemo31 } from "react";
+import React142, { useEffect as useEffect32, useState as useState44, useCallback as useCallback30, useMemo as useMemo35 } from "react";
 var GeneralTab8 = ({
   title,
   description,
@@ -11192,31 +11353,29 @@ var GeneralTab8 = ({
   onSelectedCollectionsChange,
   onAdminAddressChange
 }) => {
-  const [localTitle, setLocalTitle] = useState42(title || "");
-  const [localDescription, setLocalDescription] = useState42(description || "");
-  useEffect31(() => {
+  const [localTitle, setLocalTitle] = useState44(title || "");
+  const [localDescription, setLocalDescription] = useState44(description || "");
+  useEffect32(() => {
     setLocalTitle(title || "");
   }, [title]);
-  useEffect31(() => {
+  useEffect32(() => {
     setLocalDescription(description || "");
   }, [description]);
-  const parsedSelectedCollections = useMemo31(() => {
+  const parsedSelectedCollections = useMemo35(() => {
     try {
       return JSON.parse(selectedCollections || "[]");
     } catch {
       return [];
     }
   }, [selectedCollections]);
-  const handleCollectionsChange = useCallback29(
+  const handleCollectionsChange = useCallback30(
     (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(
+  const handleAdminAddressChange = useCallback30(
     (adminAddress2) => {
       if (onAdminAddressChange) {
         onAdminAddressChange(adminAddress2);
@@ -11224,7 +11383,7 @@ var GeneralTab8 = ({
     },
     [onAdminAddressChange]
   );
-  return /* @__PURE__ */ React138.createElement(BaseSection, null, /* @__PURE__ */ React138.createElement(
+  return /* @__PURE__ */ React142.createElement(BaseSection, null, /* @__PURE__ */ React142.createElement(
     BaseTextInput,
     {
       label: "Title",
@@ -11236,7 +11395,7 @@ var GeneralTab8 = ({
         onTitleChange(newTitle);
       }
     }
-  ), /* @__PURE__ */ React138.createElement(
+  ), /* @__PURE__ */ React142.createElement(
     BaseTextArea,
     {
       label: "Description",
@@ -11249,7 +11408,7 @@ var GeneralTab8 = ({
         onDescriptionChange(newDescription);
       }
     }
-  ), /* @__PURE__ */ React138.createElement(
+  ), /* @__PURE__ */ React142.createElement(
     CollectionSelector,
     {
       did: deedDid,
@@ -11265,9 +11424,8 @@ var GeneralTab8 = ({
 // src/mantine/blocks/evaluator/template/TemplateConfig.tsx
 var TemplateConfig8 = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
-  const updateProp = useCallback30(
+  const updateProp = useCallback31(
     (key, value) => {
-      console.log("[Evaluator TemplateConfig] Updating prop:", key, value);
       editor.updateBlock(block, {
         props: {
           ...block.props,
@@ -11277,8 +11435,8 @@ var TemplateConfig8 = ({ editor, block }) => {
     },
     [editor, block]
   );
-  return /* @__PURE__ */ React139.createElement(
-    Paper17,
+  return /* @__PURE__ */ React143.createElement(
+    Paper18,
     {
       p: "md",
       shadow: "sm",
@@ -11288,7 +11446,7 @@ var TemplateConfig8 = ({ editor, block }) => {
         flexDirection: "column"
       }
     },
-    /* @__PURE__ */ React139.createElement(
+    /* @__PURE__ */ React143.createElement(
       "div",
       {
         style: {
@@ -11298,17 +11456,17 @@ var TemplateConfig8 = ({ editor, block }) => {
           marginBottom: "1rem"
         }
       },
-      /* @__PURE__ */ React139.createElement(Title16, { order: 3 }, "Evaluator Settings"),
-      /* @__PURE__ */ React139.createElement(CloseButton13, { onClick: closePanel })
+      /* @__PURE__ */ React143.createElement(Title17, { order: 3 }, "Evaluator Settings"),
+      /* @__PURE__ */ React143.createElement(CloseButton14, { onClick: closePanel })
     ),
-    /* @__PURE__ */ React139.createElement(
+    /* @__PURE__ */ React143.createElement(
       ReusablePanel,
       {
         extraTabs: [
           {
             label: "General",
             value: "general",
-            content: /* @__PURE__ */ React139.createElement(
+            content: /* @__PURE__ */ React143.createElement(
               GeneralTab8,
               {
                 title: block.props.title || "",
@@ -11335,24 +11493,24 @@ var TemplateConfig8 = ({ editor, block }) => {
 var EVALUATOR_TEMPLATE_PANEL_ID = "evaluator-template-panel";
 var EvaluatorTemplateView = ({ editor, block }) => {
   const panelId = `${EVALUATOR_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo32(() => /* @__PURE__ */ React140.createElement(TemplateConfig8, { editor, block }), [editor, block]);
+  const panelContent = useMemo36(() => /* @__PURE__ */ React144.createElement(TemplateConfig8, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
-  return /* @__PURE__ */ React140.createElement(BaseContainer, { onClick: open }, /* @__PURE__ */ React140.createElement(Badge21, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React140.createElement(Group42, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React140.createElement(Group42, { wrap: "nowrap", align: "center" }, getIcon("checklist", block.props.icon), /* @__PURE__ */ React140.createElement(Stack95, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React140.createElement(Text69, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Evaluator Title"), /* @__PURE__ */ React140.createElement(Text69, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description || "Evaluator description")))));
+  return /* @__PURE__ */ React144.createElement(BaseContainer, { onClick: open }, /* @__PURE__ */ React144.createElement(Badge21, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React144.createElement(Group42, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React144.createElement(Group42, { wrap: "nowrap", align: "center" }, getIcon("checklist", block.props.icon), /* @__PURE__ */ React144.createElement(Stack97, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React144.createElement(Text71, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Evaluator Title"), /* @__PURE__ */ React144.createElement(Text71, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description || "Evaluator description")))));
 };
 
 // src/mantine/blocks/evaluator/flow/FlowView.tsx
-import React143, { useState as useState45, useEffect as useEffect34, useMemo as useMemo35, useCallback as useCallback32 } from "react";
-import { Stack as Stack98, Text as Text72, Loader as Loader19, Center as Center10, Alert as Alert20, Title as Title18, Flex as Flex24, ActionIcon as ActionIcon22 } from "@mantine/core";
+import React147, { useMemo as useMemo39 } from "react";
+import { Stack as Stack100, Text as Text74, Loader as Loader19, Center as Center10, Alert as Alert20, Title as Title19, Flex as Flex24, ActionIcon as ActionIcon22 } 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 React142, { useMemo as useMemo34, useState as useState44, useEffect as useEffect33 } from "react";
-import { Stack as Stack97, Text as Text71, ActionIcon as ActionIcon21, Tooltip as Tooltip9, Loader as Loader18, Center as Center9 } from "@mantine/core";
+import React146, { useMemo as useMemo38, useEffect as useEffect34, useRef as useRef7 } from "react";
+import { Stack as Stack99, Text as Text73, ActionIcon as ActionIcon21, Tooltip as Tooltip9, Loader as Loader18, Center as Center9 } from "@mantine/core";
 
 // src/mantine/blocks/evaluator/flow/ClaimsList.tsx
-import React141, { useState as useState43, useEffect as useEffect32, useCallback as useCallback31, useMemo as useMemo33 } from "react";
-import { Paper as Paper18, CloseButton as CloseButton14, Title as Title17, Loader as Loader17, Stack as Stack96, Text as Text70, ActionIcon as ActionIcon20, Alert as Alert19, Badge as Badge22, Group as Group43, Button as Button31, Divider as Divider7 } from "@mantine/core";
-import { IconAlertCircle as IconAlertCircle7, IconArrowRight as IconArrowRight4, IconRefresh as IconRefresh4, IconArrowLeft as IconArrowLeft3 } from "@tabler/icons-react";
+import React145, { useState as useState45, useEffect as useEffect33, useCallback as useCallback32, useMemo as useMemo37 } from "react";
+import { Paper as Paper19, CloseButton as CloseButton15, Title as Title18, Loader as Loader17, Stack as Stack98, Text as Text72, ActionIcon as ActionIcon20, Alert as Alert19, Badge as Badge22, Group as Group43, Button as Button31, Divider as Divider7 } from "@mantine/core";
+import { IconAlertCircle as IconAlertCircle7, IconArrowRight as IconArrowRight5, 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
@@ -11514,67 +11672,68 @@ var surveyTheme2 = {
 };
 
 // src/mantine/blocks/evaluator/flow/ClaimsList.tsx
-var SURVEY_THEME_VARIABLES3 = Object.entries(surveyTheme2.cssVariables ?? {}).reduce((acc, [key, value]) => {
+var SURVEY_THEME_VARIABLES2 = 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 SURVEY_THEME_BACKGROUND2 = SURVEY_THEME_VARIABLES2["--sjs-general-backcolor"] ?? "#050505";
+var SURVEY_THEME_FOREGROUND2 = SURVEY_THEME_VARIABLES2["--sjs-general-forecolor"] ?? "#ffffff";
 var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvaluationComplete }) => {
   const { closePanel } = usePanelStore();
   const handlers = useBlocknoteHandlers();
-  const [viewMode, setViewMode] = useState43("list");
-  const [claims, setClaims] = useState43([]);
-  const [loading, setLoading] = useState43(true);
-  const [error, setError] = useState43(null);
-  const [selectedClaim, setSelectedClaim] = useState43(null);
-  const [claimData, setClaimData] = useState43(null);
-  const [surveyJson, setSurveyJson] = useState43(null);
-  const [surveyLoading, setSurveyLoading] = useState43(false);
-  const [surveyError, setSurveyError] = useState43(null);
-  const [evaluating, setEvaluating] = useState43(false);
-  const fetchClaims = useCallback31(async () => {
+  const [viewMode, setViewMode] = useState45("list");
+  const [claims, setClaims] = useState45([]);
+  const [loading, setLoading] = useState45(true);
+  const [error, setError] = useState45(null);
+  const [selectedClaim, setSelectedClaim] = useState45(null);
+  const [claimData, setClaimData] = useState45(null);
+  const [surveyJson, setSurveyJson] = useState45(null);
+  const [surveyLoading, setSurveyLoading] = useState45(false);
+  const [surveyError, setSurveyError] = useState45(null);
+  const [evaluating, setEvaluating] = useState45(false);
+  const fetchClaims = useCallback32(async () => {
     try {
       setLoading(true);
       setError(null);
       const result = await handlers.getClaimsPerCollectionId({
         collectionId
       });
-      setClaims(result || []);
+      setClaims(Array.isArray(result) ? 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]);
-  useEffect32(() => {
+  }, [collectionId]);
+  useEffect33(() => {
     fetchClaims();
   }, [fetchClaims]);
-  const fetchClaimAndSurvey = useCallback31(
+  const fetchClaimAndSurvey = useCallback32(
     async (claim) => {
       try {
         setSurveyLoading(true);
         setSurveyError(null);
         const claimDataResult = await handlers.getClaimData(collectionId, claim.claimId);
-        setClaimData(claimDataResult);
+        setClaimData(claimDataResult || null);
         const surveyResult = await handlers.getBidContributorSurveyTemplate(deedId);
-        if (surveyResult) {
+        if (surveyResult?.surveyTemplate) {
           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");
+        setClaimData(null);
+        setSurveyJson(null);
       } finally {
         setSurveyLoading(false);
       }
     },
-    [collectionId, deedId, handlers]
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [collectionId, deedId]
   );
-  const handleViewClaim = useCallback31(
+  const handleViewClaim = useCallback32(
     (claim) => {
       setSelectedClaim(claim);
       fetchClaimAndSurvey(claim);
@@ -11582,7 +11741,7 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
     },
     [fetchClaimAndSurvey]
   );
-  const handleBackToList = useCallback31(() => {
+  const handleBackToList = useCallback32(() => {
     setViewMode("list");
     setSelectedClaim(null);
     setClaimData(null);
@@ -11591,7 +11750,7 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
     setEvaluating(false);
     fetchClaims();
   }, [fetchClaims]);
-  const surveyModel = useMemo33(() => {
+  const surveyModel = useMemo37(() => {
     if (!surveyJson || !claimData) return null;
     const model = new SurveyModel4(surveyJson);
     model.applyTheme(surveyTheme2);
@@ -11603,18 +11762,18 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
     }
     return model;
   }, [surveyJson, claimData]);
-  const surveyContainerStyle = useMemo33(
+  const surveyContainerStyle = useMemo37(
     () => ({
       flex: 1,
       overflow: "auto",
-      backgroundColor: SURVEY_THEME_BACKGROUND3,
-      color: SURVEY_THEME_FOREGROUND3,
-      ...SURVEY_THEME_VARIABLES3,
+      backgroundColor: SURVEY_THEME_BACKGROUND2,
+      color: SURVEY_THEME_FOREGROUND2,
+      ...SURVEY_THEME_VARIABLES2,
       padding: "1rem"
     }),
     []
   );
-  const handleApprove = useCallback31(async () => {
+  const handleApprove = useCallback32(async () => {
     if (!selectedClaim) return;
     try {
       setEvaluating(true);
@@ -11637,30 +11796,26 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
           // 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 () => {
+  const handleReject = useCallback32(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__ */ React141.createElement(
-    Paper18,
+  return /* @__PURE__ */ React145.createElement(
+    Paper19,
     {
       p: "md",
       shadow: "sm",
@@ -11671,7 +11826,7 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
         overflow: "hidden"
       }
     },
-    /* @__PURE__ */ React141.createElement(
+    /* @__PURE__ */ React145.createElement(
       "div",
       {
         style: {
@@ -11681,10 +11836,10 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
           marginBottom: "1rem"
         }
       },
-      /* @__PURE__ */ React141.createElement("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" } }, viewMode === "survey" && /* @__PURE__ */ React141.createElement(ActionIcon20, { variant: "subtle", onClick: handleBackToList }, /* @__PURE__ */ React141.createElement(IconArrowLeft3, { size: 20 })), /* @__PURE__ */ React141.createElement(Title17, { order: 3 }, viewMode === "list" ? `${collectionName} - Claims` : `Evaluate Claim #${selectedClaim?.claimId.slice(-8)}`), viewMode === "list" && !loading && claims.length > 0 && /* @__PURE__ */ React141.createElement(Badge22, { size: "lg", variant: "light" }, claims.length)),
-      /* @__PURE__ */ React141.createElement(Group43, { gap: "xs" }, viewMode === "list" && /* @__PURE__ */ React141.createElement(ActionIcon20, { variant: "subtle", onClick: fetchClaims, loading, title: "Refresh claims" }, /* @__PURE__ */ React141.createElement(IconRefresh4, { size: 18 })), /* @__PURE__ */ React141.createElement(CloseButton14, { onClick: closePanel }))
+      /* @__PURE__ */ React145.createElement("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" } }, viewMode === "survey" && /* @__PURE__ */ React145.createElement(ActionIcon20, { variant: "subtle", onClick: handleBackToList }, /* @__PURE__ */ React145.createElement(IconArrowLeft3, { size: 20 })), /* @__PURE__ */ React145.createElement(Title18, { order: 3 }, viewMode === "list" ? `${collectionName} - Claims` : `Evaluate Claim #${selectedClaim?.claimId.slice(-8)}`), viewMode === "list" && !loading && claims.length > 0 && /* @__PURE__ */ React145.createElement(Badge22, { size: "lg", variant: "light" }, claims.length)),
+      /* @__PURE__ */ React145.createElement(Group43, { gap: "xs" }, viewMode === "list" && /* @__PURE__ */ React145.createElement(ActionIcon20, { variant: "subtle", onClick: fetchClaims, loading, title: "Refresh claims" }, /* @__PURE__ */ React145.createElement(IconRefresh4, { size: 18 })), /* @__PURE__ */ React145.createElement(CloseButton15, { onClick: closePanel }))
     ),
-    /* @__PURE__ */ React141.createElement(
+    /* @__PURE__ */ React145.createElement(
       "div",
       {
         style: {
@@ -11693,7 +11848,7 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
           position: "relative"
         }
       },
-      /* @__PURE__ */ React141.createElement(
+      /* @__PURE__ */ React145.createElement(
         "div",
         {
           style: {
@@ -11711,9 +11866,9 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
             pointerEvents: viewMode === "list" ? "auto" : "none"
           }
         },
-        /* @__PURE__ */ React141.createElement(Stack96, { gap: "md", style: { flex: 1 } }, loading ? /* @__PURE__ */ React141.createElement(Stack96, { align: "center", justify: "center", style: { flex: 1 } }, /* @__PURE__ */ React141.createElement(Loader17, { size: "lg" }), /* @__PURE__ */ React141.createElement(Text70, { size: "sm", c: "dimmed" }, "Loading claims...")) : error ? /* @__PURE__ */ React141.createElement(Alert19, { color: "red", title: "Failed to load claims", icon: /* @__PURE__ */ React141.createElement(IconAlertCircle7, { size: 18 }) }, /* @__PURE__ */ React141.createElement(Text70, { size: "sm" }, error)) : claims.length === 0 ? /* @__PURE__ */ React141.createElement(Stack96, { align: "center", justify: "center", style: { flex: 1 } }, /* @__PURE__ */ React141.createElement(Text70, { size: "sm", c: "dimmed", ta: "center" }, "No claims found for this collection.")) : /* @__PURE__ */ React141.createElement(Stack96, { gap: "xs" }, claims.map((claim) => /* @__PURE__ */ React141.createElement(ClaimListItem, { key: claim.claimId, claim, onViewClaim: () => handleViewClaim(claim) }))))
+        /* @__PURE__ */ React145.createElement(Stack98, { gap: "md", style: { flex: 1 } }, loading ? /* @__PURE__ */ React145.createElement(Stack98, { align: "center", justify: "center", style: { flex: 1 } }, /* @__PURE__ */ React145.createElement(Loader17, { size: "lg" }), /* @__PURE__ */ React145.createElement(Text72, { size: "sm", c: "dimmed" }, "Loading claims...")) : error ? /* @__PURE__ */ React145.createElement(Alert19, { color: "red", title: "Failed to load claims", icon: /* @__PURE__ */ React145.createElement(IconAlertCircle7, { size: 18 }) }, /* @__PURE__ */ React145.createElement(Text72, { size: "sm" }, error)) : claims.length === 0 ? /* @__PURE__ */ React145.createElement(Stack98, { align: "center", justify: "center", style: { flex: 1 } }, /* @__PURE__ */ React145.createElement(Text72, { size: "sm", c: "dimmed", ta: "center" }, "No claims found for this collection.")) : /* @__PURE__ */ React145.createElement(Stack98, { gap: "xs" }, claims.map((claim) => /* @__PURE__ */ React145.createElement(ClaimListItem, { key: claim.claimId, claim, onViewClaim: () => handleViewClaim(claim) }))))
       ),
-      /* @__PURE__ */ React141.createElement(
+      /* @__PURE__ */ React145.createElement(
         "div",
         {
           style: {
@@ -11731,30 +11886,30 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
             pointerEvents: viewMode === "survey" ? "auto" : "none"
           }
         },
-        surveyLoading ? /* @__PURE__ */ React141.createElement(Stack96, { align: "center", justify: "center", style: { flex: 1 } }, /* @__PURE__ */ React141.createElement(Loader17, { size: "lg" }), /* @__PURE__ */ React141.createElement(Text70, { size: "sm", c: "dimmed" }, "Loading claim data...")) : surveyError ? /* @__PURE__ */ React141.createElement(Stack96, { style: { flex: 1 } }, /* @__PURE__ */ React141.createElement(Alert19, { color: "red", title: "Failed to load claim data", icon: /* @__PURE__ */ React141.createElement(IconAlertCircle7, { size: 18 }) }, /* @__PURE__ */ React141.createElement(Text70, { size: "sm" }, surveyError))) : /* @__PURE__ */ React141.createElement(React141.Fragment, null, /* @__PURE__ */ React141.createElement("div", { style: surveyContainerStyle }, surveyModel && /* @__PURE__ */ React141.createElement(Survey4, { model: surveyModel })), /* @__PURE__ */ React141.createElement(Divider7, { my: "md" }), /* @__PURE__ */ React141.createElement(Stack96, { gap: "sm" }, /* @__PURE__ */ React141.createElement(Button31, { color: "green", onClick: handleApprove, loading: evaluating, disabled: evaluating }, "Approve Claim"), /* @__PURE__ */ React141.createElement(Button31, { color: "red", variant: "outline", onClick: handleReject, loading: evaluating, disabled: evaluating }, "Reject Claim")))
+        surveyLoading ? /* @__PURE__ */ React145.createElement(Stack98, { align: "center", justify: "center", style: { flex: 1 } }, /* @__PURE__ */ React145.createElement(Loader17, { size: "lg" }), /* @__PURE__ */ React145.createElement(Text72, { size: "sm", c: "dimmed" }, "Loading claim data...")) : surveyError ? /* @__PURE__ */ React145.createElement(Stack98, { style: { flex: 1 } }, /* @__PURE__ */ React145.createElement(Alert19, { color: "red", title: "Failed to load claim data", icon: /* @__PURE__ */ React145.createElement(IconAlertCircle7, { size: 18 }) }, /* @__PURE__ */ React145.createElement(Text72, { size: "sm" }, surveyError))) : /* @__PURE__ */ React145.createElement(React145.Fragment, null, /* @__PURE__ */ React145.createElement("div", { style: surveyContainerStyle }, surveyModel && /* @__PURE__ */ React145.createElement(Survey4, { model: surveyModel })), /* @__PURE__ */ React145.createElement(Divider7, { my: "md" }), /* @__PURE__ */ React145.createElement(Stack98, { gap: "sm" }, /* @__PURE__ */ React145.createElement(Button31, { color: "green", onClick: handleApprove, loading: evaluating, disabled: evaluating }, "Approve Claim"), /* @__PURE__ */ React145.createElement(Button31, { color: "red", variant: "outline", onClick: handleReject, loading: evaluating, disabled: evaluating }, "Reject Claim")))
       )
     )
   );
 };
 var ClaimListItem = ({ claim, onViewClaim }) => {
   const handlers = useBlocknoteHandlers();
-  const [userProfile, setUserProfile] = useState43(null);
-  const [loadingProfile, setLoadingProfile] = useState43(false);
-  useEffect32(() => {
+  const [userProfile, setUserProfile] = useState45(null);
+  const [loadingProfile, setLoadingProfile] = useState45(false);
+  useEffect33(() => {
     const fetchUserProfile = async () => {
       if (!claim.agentDid) return;
       try {
         setLoadingProfile(true);
         const profile = await handlers.getMatrixInfoPerDid(claim.agentDid);
-        setUserProfile(profile);
+        setUserProfile(profile || null);
       } catch (error) {
-        console.error("Failed to fetch user profile:", error);
+        setUserProfile(null);
       } finally {
         setLoadingProfile(false);
       }
     };
     fetchUserProfile();
-  }, [claim.agentDid, handlers]);
+  }, [claim.agentDid]);
   const getClaimStatus = (claim2) => {
     if ("status" in claim2 && claim2.status) {
       const status = String(claim2.status).toLowerCase();
@@ -11783,7 +11938,7 @@ var ClaimListItem = ({ claim, onViewClaim }) => {
     }
     return { status: "Pending", color: "yellow" };
   };
-  const formatDate = (dateString) => {
+  const formatDate2 = (dateString) => {
     if (!dateString) return "N/A";
     try {
       return new Date(dateString).toLocaleDateString();
@@ -11793,7 +11948,7 @@ var ClaimListItem = ({ claim, onViewClaim }) => {
   };
   const claimStatus = getClaimStatus(claim);
   const displayName = userProfile?.displayname || (claim.agentAddress ? `${claim.agentAddress.slice(0, 12)}...` : "Unknown");
-  return /* @__PURE__ */ React141.createElement(
+  return /* @__PURE__ */ React145.createElement(
     "div",
     {
       onClick: onViewClaim,
@@ -11807,24 +11962,28 @@ var ClaimListItem = ({ claim, onViewClaim }) => {
       tabIndex: 0,
       style: { cursor: "pointer" }
     },
-    /* @__PURE__ */ React141.createElement(ListItemContainer, null, /* @__PURE__ */ React141.createElement(Stack96, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React141.createElement(Text70, { size: "sm", fw: 500 }, "Claim #", claim.claimId.slice(-8)), /* @__PURE__ */ React141.createElement(Text70, { size: "xs", c: "dimmed" }, "Submitted: ", formatDate(claim.submissionDate || claim.submittedAt)), claim.agentDid && /* @__PURE__ */ React141.createElement(Group43, { gap: 4 }, /* @__PURE__ */ React141.createElement(Text70, { size: "xs", c: "dimmed" }, "Agent: ", loadingProfile ? "Loading..." : displayName), userProfile?.verified && /* @__PURE__ */ React141.createElement(Text70, { size: "xs", c: "blue", fw: 600, title: "Verified user" }, "\u2713"))), /* @__PURE__ */ React141.createElement(Stack96, { gap: 4, align: "flex-end" }, /* @__PURE__ */ React141.createElement(Badge22, { color: claimStatus.color, size: "sm" }, claimStatus.status), /* @__PURE__ */ React141.createElement(ActionIcon20, { variant: "subtle", size: "sm" }, /* @__PURE__ */ React141.createElement(IconArrowRight4, { size: 16 }))))
+    /* @__PURE__ */ React145.createElement(ListItemContainer, null, /* @__PURE__ */ React145.createElement(Stack98, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React145.createElement(Text72, { size: "sm", fw: 500 }, "Claim #", claim.claimId.slice(-8)), /* @__PURE__ */ React145.createElement(Text72, { size: "xs", c: "dimmed" }, "Submitted: ", formatDate2(claim.submissionDate || claim.submittedAt)), claim.agentDid && /* @__PURE__ */ React145.createElement(Group43, { gap: 4 }, /* @__PURE__ */ React145.createElement(Text72, { size: "xs", c: "dimmed" }, "Agent: ", loadingProfile ? "Loading..." : displayName), userProfile?.verified && /* @__PURE__ */ React145.createElement(Text72, { size: "xs", c: "blue", fw: 600, title: "Verified user" }, "\u2713"))), /* @__PURE__ */ React145.createElement(Stack98, { gap: 4, align: "flex-end" }, /* @__PURE__ */ React145.createElement(Badge22, { color: claimStatus.color, size: "sm" }, claimStatus.status), /* @__PURE__ */ React145.createElement(ActionIcon20, { variant: "subtle", size: "sm" }, /* @__PURE__ */ React145.createElement(IconArrowRight5, { size: 16 }))))
   );
 };
 
 // src/mantine/blocks/evaluator/flow/ClaimCollectionsList.tsx
-import { IconArrowRight as IconArrowRight5 } from "@tabler/icons-react";
+import { IconArrowRight as IconArrowRight6 } from "@tabler/icons-react";
 var CollectionItem3 = ({ collection, deedId, adminAddress, userRole, onRefresh }) => {
-  const handlers = useBlocknoteHandlers();
-  const currentUser = handlers.getCurrentUser();
-  const getCollectionName = (collection2) => {
+  const { getCurrentUser } = useBlocknoteHandlers();
+  const getCurrentUserRef = useRef7(getCurrentUser);
+  useEffect34(() => {
+    getCurrentUserRef.current = getCurrentUser;
+  }, [getCurrentUser]);
+  const currentUser = getCurrentUserRef.current();
+  const getCollectionName2 = (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__ */ React142.createElement(
+  const collectionName = getCollectionName2(collection);
+  const claimsPanelContent = useMemo38(
+    () => /* @__PURE__ */ React146.createElement(
       ClaimsList,
       {
         collectionId: collection.id,
@@ -11843,122 +12002,54 @@ var CollectionItem3 = ({ collection, deedId, adminAddress, userRole, onRefresh }
       openClaimsPanel();
     }
   };
-  return /* @__PURE__ */ React142.createElement("div", { style: { opacity: canEvaluateClaims ? 1 : 0.5 } }, /* @__PURE__ */ React142.createElement(ListItemContainer, null, /* @__PURE__ */ React142.createElement(Stack97, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React142.createElement(Text71, { size: "sm", fw: 500, c: canEvaluateClaims ? void 0 : "dimmed" }, getCollectionName(collection)), collection.description && /* @__PURE__ */ React142.createElement(Text71, { size: "xs", c: "dimmed" }, collection.description)), /* @__PURE__ */ React142.createElement(Tooltip9, { label: "You need to be an evaluator agent to review claims", disabled: canEvaluateClaims, position: "left", withArrow: true }, /* @__PURE__ */ React142.createElement(ActionIcon21, { variant: "subtle", size: "lg", onClick: handleClick, disabled: !canEvaluateClaims, style: { cursor: canEvaluateClaims ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React142.createElement(IconArrowRight5, { size: 20 })))));
+  return /* @__PURE__ */ React146.createElement("div", { style: { opacity: canEvaluateClaims ? 1 : 0.5 } }, /* @__PURE__ */ React146.createElement(ListItemContainer, null, /* @__PURE__ */ React146.createElement(Stack99, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React146.createElement(Text73, { size: "sm", fw: 500, c: canEvaluateClaims ? void 0 : "dimmed" }, getCollectionName2(collection)), collection.description && /* @__PURE__ */ React146.createElement(Text73, { size: "xs", c: "dimmed" }, collection.description)), /* @__PURE__ */ React146.createElement(Tooltip9, { label: "You need to be an evaluator agent to review claims", disabled: canEvaluateClaims, position: "left", withArrow: true }, /* @__PURE__ */ React146.createElement(ActionIcon21, { variant: "subtle", size: "lg", onClick: handleClick, disabled: !canEvaluateClaims, style: { cursor: canEvaluateClaims ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React146.createElement(IconArrowRight6, { size: 20 })))));
 };
 var ClaimCollectionsList3 = ({ collections, deedId, adminAddress, userAddress, onRefresh }) => {
-  const handlers = useBlocknoteHandlers();
-  const [userRoles, setUserRoles] = useState44({});
-  const [loadingRoles, setLoadingRoles] = useState44(true);
-  useEffect33(() => {
-    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]);
+  const { userRoles, loading: loadingRoles } = useUserRoles(collections, userAddress, adminAddress, deedId);
   if (!collections || collections.length === 0) {
-    return /* @__PURE__ */ React142.createElement(Text71, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No claim collections found");
+    return /* @__PURE__ */ React146.createElement(Text73, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No claim collections found");
   }
   if (loadingRoles) {
-    return /* @__PURE__ */ React142.createElement(Center9, { py: "md" }, /* @__PURE__ */ React142.createElement(Loader18, { size: "sm" }));
+    return /* @__PURE__ */ React146.createElement(Center9, { py: "md" }, /* @__PURE__ */ React146.createElement(Loader18, { size: "sm" }));
   }
-  return /* @__PURE__ */ React142.createElement(Stack97, { gap: "md", px: 5 }, collections.map((collection) => /* @__PURE__ */ React142.createElement(CollectionItem3, { key: collection.id, collection, deedId, adminAddress, userRole: userRoles[collection.id] || null, onRefresh })));
+  return /* @__PURE__ */ React146.createElement(Stack99, { gap: "md", px: 5 }, collections.map((collection) => /* @__PURE__ */ React146.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] = useState45([]);
-  const [loading, setLoading] = useState45(false);
-  const [error, setError] = useState45(null);
-  const selectedCollectionIds = useMemo35(() => {
+  const userAddress = useCurrentUser();
+  const selectedCollectionIds = useMemo39(() => {
     try {
-      return JSON.parse(block.props.selectedCollections || "[]");
+      const parsed = JSON.parse(block.props.selectedCollections || "[]");
+      return Array.isArray(parsed) ? parsed : [];
     } 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]);
-  useEffect34(() => {
-    fetchCollections();
-  }, [fetchCollections]);
+  const { collections, loading, error, refetch } = useCollections(did, selectedCollectionIds, block, editor);
   if (!did) {
-    return /* @__PURE__ */ React143.createElement(Center10, { py: "xl" }, /* @__PURE__ */ React143.createElement(Text72, { size: "sm", c: "dimmed" }, "Please configure the evaluator block in template mode first"));
+    return /* @__PURE__ */ React147.createElement(Center10, { py: "xl" }, /* @__PURE__ */ React147.createElement(Text74, { size: "sm", c: "dimmed" }, "Please configure the evaluator block in template mode first"));
   }
   if (selectedCollectionIds.length === 0) {
-    return /* @__PURE__ */ React143.createElement(Center10, { py: "xl" }, /* @__PURE__ */ React143.createElement(Text72, { size: "sm", c: "dimmed" }, "No claim collections selected"));
+    return /* @__PURE__ */ React147.createElement(Center10, { py: "xl" }, /* @__PURE__ */ React147.createElement(Text74, { size: "sm", c: "dimmed" }, "No claim collections selected"));
   }
-  return /* @__PURE__ */ React143.createElement(Stack98, { w: "100%" }, /* @__PURE__ */ React143.createElement(Flex24, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React143.createElement(Title18, { order: 4 }, "Evaluate Claims"), /* @__PURE__ */ React143.createElement(Flex24, { gap: "xs" }, /* @__PURE__ */ React143.createElement(ActionIcon22, { variant: "subtle", size: "sm", onClick: fetchCollections, loading }, /* @__PURE__ */ React143.createElement(IconRefresh5, { size: 18 })), editable && /* @__PURE__ */ React143.createElement(ActionIcon22, { variant: "subtle", size: "sm" }, /* @__PURE__ */ React143.createElement(IconSettings5, { size: 18 })))), loading ? /* @__PURE__ */ React143.createElement(Center10, { py: "xl" }, /* @__PURE__ */ React143.createElement(Loader19, { size: "md" })) : error ? /* @__PURE__ */ React143.createElement(Alert20, { color: "red", title: "Failed to load collections", icon: /* @__PURE__ */ React143.createElement(IconAlertCircle8, { size: 18 }) }, /* @__PURE__ */ React143.createElement(Text72, { size: "sm" }, error)) : /* @__PURE__ */ React143.createElement(ClaimCollectionsList3, { collections, deedId: did, adminAddress, userAddress: currentUser.address, onRefresh: fetchCollections }));
+  return /* @__PURE__ */ React147.createElement(Stack100, { w: "100%" }, /* @__PURE__ */ React147.createElement(Flex24, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React147.createElement(Title19, { order: 4 }, "Evaluate Claims"), /* @__PURE__ */ React147.createElement(Flex24, { gap: "xs" }, /* @__PURE__ */ React147.createElement(ActionIcon22, { variant: "subtle", size: "sm", onClick: refetch, loading }, /* @__PURE__ */ React147.createElement(IconRefresh5, { size: 18 })), editable && /* @__PURE__ */ React147.createElement(ActionIcon22, { variant: "subtle", size: "sm" }, /* @__PURE__ */ React147.createElement(IconSettings5, { size: 18 })))), loading ? /* @__PURE__ */ React147.createElement(Center10, { py: "xl" }, /* @__PURE__ */ React147.createElement(Loader19, { size: "md" })) : error ? /* @__PURE__ */ React147.createElement(Alert20, { color: "red", title: "Failed to load collections", icon: /* @__PURE__ */ React147.createElement(IconAlertCircle8, { size: 18 }) }, /* @__PURE__ */ React147.createElement(Text74, { size: "sm" }, error)) : /* @__PURE__ */ React147.createElement(ClaimCollectionsList3, { collections, deedId: did, adminAddress, userAddress, onRefresh: refetch }));
 };
 
 // src/mantine/blocks/evaluator/EvaluatorBlock.tsx
 function EvaluatorBlock({ editor, block }) {
   const { docType } = useBlocknoteContext();
   if (docType === "template") {
-    return /* @__PURE__ */ React144.createElement(EvaluatorTemplateView, { editor, block });
+    return /* @__PURE__ */ React148.createElement(EvaluatorTemplateView, { editor, block });
   }
-  return /* @__PURE__ */ React144.createElement(EvaluatorFlowView, { editor, block });
+  return /* @__PURE__ */ React148.createElement(EvaluatorFlowView, { editor, block });
 }
 
 // src/mantine/blocks/evaluator/EvaluatorBlockSpec.tsx
-import React145 from "react";
+import React149 from "react";
 import { createReactBlockSpec as createReactBlockSpec10 } from "@blocknote/react";
 var EvaluatorBlockSpec = createReactBlockSpec10(
   {
@@ -11976,18 +12067,18 @@ var EvaluatorBlockSpec = createReactBlockSpec10(
   {
     render: (props) => {
       const ixoProps = props;
-      return /* @__PURE__ */ React145.createElement(EvaluatorBlock, { ...ixoProps });
+      return /* @__PURE__ */ React149.createElement(EvaluatorBlock, { ...ixoProps });
     }
   }
 );
 
 // src/mantine/blocks/list/ui/ListBlocksToolbar.tsx
-import React146 from "react";
+import React150 from "react";
 import { ActionIcon as ActionIcon23, Group as Group44, Tooltip as Tooltip10 } from "@mantine/core";
 import { IconChevronUp as IconChevronUp4, IconChevronDown as IconChevronDown6 } from "@tabler/icons-react";
 var ListBlocksToolbar = () => {
   const { broadcastCollapse } = useListBlocksUI();
-  return /* @__PURE__ */ React146.createElement(Group44, { gap: "xs" }, /* @__PURE__ */ React146.createElement(Tooltip10, { label: "Collapse all lists", withArrow: true }, /* @__PURE__ */ React146.createElement(ActionIcon23, { c: "dimmed", variant: "subtle", size: "sm", "aria-label": "Collapse all lists", onClick: () => broadcastCollapse("collapse") }, /* @__PURE__ */ React146.createElement(IconChevronUp4, { size: 18 }))), /* @__PURE__ */ React146.createElement(Tooltip10, { label: "Expand all lists", withArrow: true }, /* @__PURE__ */ React146.createElement(ActionIcon23, { c: "dimmed", variant: "subtle", size: "sm", "aria-label": "Expand all lists", onClick: () => broadcastCollapse("expand") }, /* @__PURE__ */ React146.createElement(IconChevronDown6, { size: 18 }))));
+  return /* @__PURE__ */ React150.createElement(Group44, { gap: "xs" }, /* @__PURE__ */ React150.createElement(Tooltip10, { label: "Collapse all lists", withArrow: true }, /* @__PURE__ */ React150.createElement(ActionIcon23, { c: "dimmed", variant: "subtle", size: "sm", "aria-label": "Collapse all lists", onClick: () => broadcastCollapse("collapse") }, /* @__PURE__ */ React150.createElement(IconChevronUp4, { size: 18 }))), /* @__PURE__ */ React150.createElement(Tooltip10, { label: "Expand all lists", withArrow: true }, /* @__PURE__ */ React150.createElement(ActionIcon23, { c: "dimmed", variant: "subtle", size: "sm", "aria-label": "Expand all lists", onClick: () => broadcastCollapse("expand") }, /* @__PURE__ */ React150.createElement(IconChevronDown6, { size: 18 }))));
 };
 
 // src/mantine/blocks/registry/blockRegistry.ts
@@ -12143,10 +12234,10 @@ blockRegistry.register({
 });
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo36, useEffect as useEffect35, useState as useState46, useCallback as useCallback33 } from "react";
+import { useMemo as useMemo40, useEffect as useEffect35, useState as useState46, useCallback as useCallback33 } from "react";
 
 // src/mantine/blocks/hooks/useDependsOn.ts
-import { useMemo as useMemo37 } from "react";
+import { useMemo as useMemo41 } from "react";
 
 // src/mantine/blocks/index.ts
 var blockSpecs = {
@@ -12475,15 +12566,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 useEffect36, useState as useState47, useRef as useRef4, useCallback as useCallback34, useMemo as useMemo38 } from "react";
+import { useEffect as useEffect36, useState as useState47, useRef as useRef8, useCallback as useCallback34, useMemo as useMemo42 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
   const [matrixProvider, setProvider] = useState47(null);
   const [status, setStatus] = useState47("disconnected");
-  const isMountedRef = useRef4(true);
-  const providerRef = useRef4(null);
-  const retryTimeoutRef = useRef4(null);
-  const providerOptions = useMemo38(
+  const isMountedRef = useRef8(true);
+  const providerRef = useRef8(null);
+  const retryTimeoutRef = useRef8(null);
+  const providerOptions = useMemo42(
     () => ({
       translator: {
         updateEventType: "matrix-crdt.doc_update",
@@ -12534,7 +12625,6 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
         provider.dispose();
       }
     } catch (err) {
-      console.error("Matrix setup failed", err);
       if (isMountedRef.current) {
         setStatus("failed");
         retryTimeoutRef.current = setTimeout(() => {
@@ -12571,17 +12661,17 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
 }
 
 // src/mantine/hooks/useCollaborativeYDoc.ts
-import { useMemo as useMemo39 } from "react";
+import { useMemo as useMemo43 } from "react";
 import * as Y from "yjs";
 function useCollaborativeYDoc(_options) {
-  return useMemo39(() => {
+  return useMemo43(() => {
     const doc = new Y.Doc();
     return doc;
   }, []);
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo40, useEffect as useEffect37 } from "react";
+import { useMemo as useMemo44, useEffect as useEffect37 } from "react";
 function useCreateCollaborativeIxoEditor(options) {
   const yDoc = useCollaborativeYDoc(options);
   const {
@@ -12600,7 +12690,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     permissions = { write: false }
   } = options || {};
-  const memoizedUser = useMemo40(
+  const memoizedUser = useMemo44(
     () => ({
       id: user?.id || "",
       name: user?.name || "",
@@ -12615,7 +12705,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     roomId: options.roomId
   });
-  const defaultUploadFile = useMemo40(
+  const defaultUploadFile = useMemo44(
     () => uploadFile || (async (file) => {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -12629,7 +12719,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [uploadFile]
   );
-  const schema = useMemo40(
+  const schema = useMemo44(
     () => BlockNoteSchema2.create({
       blockSpecs: {
         ...defaultBlockSpecs2,
@@ -12644,11 +12734,11 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     []
   );
-  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(
+  const root = useMemo44(() => yDoc.getMap("root"), [yDoc]);
+  const documentFragment = useMemo44(() => yDoc.getXmlFragment("document"), [yDoc]);
+  const flowArray = useMemo44(() => yDoc.getArray("flow"), [yDoc]);
+  const userFragment = useMemo44(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
+  const collaborationConfig = useMemo44(
     () => ({
       provider: matrixProvider,
       fragment: documentFragment,
@@ -12660,7 +12750,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [matrixProvider, documentFragment, memoizedUser.name, memoizedUser.color]
   );
-  const ixoConfig = useMemo40(
+  const ixoConfig = useMemo44(
     () => ({
       theme,
       editable,
@@ -12679,7 +12769,7 @@ function useCreateCollaborativeIxoEditor(options) {
     uploadFile: defaultUploadFile,
     collaboration: collaborationConfig
   });
-  const titleText = useMemo40(() => yDoc.getText("title"), [yDoc]);
+  const titleText = useMemo44(() => yDoc.getText("title"), [yDoc]);
   let ixoEditor;
   if (editor) {
     ixoEditor = editor;
@@ -12694,7 +12784,6 @@ function useCreateCollaborativeIxoEditor(options) {
     };
     ixoEditor.updateUserProps = (block, updates) => {
       if (!permissions.write) {
-        console.warn("Cannot update user props: write permission denied");
         return;
       }
       const prev = userFragment.get(block.id) || {};
@@ -12713,7 +12802,6 @@ function useCreateCollaborativeIxoEditor(options) {
     };
     ixoEditor.updateFlowMetadata = (updates) => {
       if (!permissions.write) {
-        console.warn("Cannot update flow metadata: write permission denied");
         return;
       }
       Object.entries(updates).forEach(([key, value]) => {
@@ -12729,48 +12817,30 @@ function useCreateCollaborativeIxoEditor(options) {
       return flowArray.toArray();
     };
     ixoEditor.setCoverImage = (imageData) => {
-      console.log("[setCoverImage] Called with:", imageData);
-      console.log("[setCoverImage] Permissions:", permissions);
       if (!permissions.write) {
-        console.warn("[setCoverImage] Cannot set cover image: write permission denied");
         return;
       }
       if (imageData === void 0 || imageData === null) {
-        console.log("[setCoverImage] Removing coverImage from yDoc root...");
         root.delete("coverImage");
-        console.log("[setCoverImage] Delete complete. Verifying:", root.get("coverImage"));
       } else {
-        console.log("[setCoverImage] Setting coverImage in yDoc root...");
         root.set("coverImage", imageData);
-        console.log("[setCoverImage] Set complete. Verifying:", root.get("coverImage"));
       }
     };
     ixoEditor.getCoverImage = () => {
-      const result = root.get("coverImage");
-      console.log("[getCoverImage] Retrieved:", result);
-      return result;
+      return root.get("coverImage");
     };
     ixoEditor.setLogo = (imageData) => {
-      console.log("[setLogo] Called with:", imageData);
-      console.log("[setLogo] Permissions:", permissions);
       if (!permissions.write) {
-        console.warn("[setLogo] Cannot set logo: write permission denied");
         return;
       }
       if (imageData === void 0 || imageData === null) {
-        console.log("[setLogo] Removing logo from yDoc root...");
         root.delete("logo");
-        console.log("[setLogo] Delete complete. Verifying:", root.get("logo"));
       } else {
-        console.log("[setLogo] Setting logo in yDoc root...");
         root.set("logo", imageData);
-        console.log("[setLogo] Set complete. Verifying:", root.get("logo"));
       }
     };
     ixoEditor.getLogo = () => {
-      const result = root.get("logo");
-      console.log("[getLogo] Retrieved:", result);
-      return result;
+      return root.get("logo");
     };
   }
   useEffect37(() => {
@@ -12810,36 +12880,31 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/components/CoverImage.tsx
-import React147, { useState as useState48, useRef as useRef5, useEffect as useEffect38 } from "react";
-import { Box as Box23, Button as Button32, Group as Group45 } from "@mantine/core";
+import React151, { useState as useState48, useRef as useRef9, useEffect as useEffect38 } from "react";
+import { Box as Box24, Button as Button32, Group as Group45 } from "@mantine/core";
 function CoverImage({ coverImageUrl, logoUrl }) {
   const { editor, handlers, editable } = useBlocknoteContext();
   const [isHovering, setIsHovering] = useState48(false);
-  const [isLogoHovering, setIsLogoHovering] = useState48(false);
   const [isRepositioning, setIsRepositioning] = useState48(false);
   const [coverPosition, setCoverPosition] = useState48(50);
-  const coverFileInputRef = useRef5(null);
-  const logoFileInputRef = useRef5(null);
-  const [coverImageData, setCoverImageData] = useState48(editor?.getCoverImage?.());
-  const [logoData, setLogoData] = useState48(editor?.getLogo?.());
+  const coverFileInputRef = useRef9(null);
+  const logoFileInputRef = useRef9(null);
+  const [coverImageData, setCoverImageData] = useState48(() => editor?.getCoverImage?.());
+  const [logoData, setLogoData] = useState48(() => editor?.getLogo?.());
   useEffect38(() => {
     if (!editor?._yRoot) {
-      console.log("CoverImage: No yRoot available");
       return;
     }
     const root = editor._yRoot;
     const observer = () => {
       const cover = root.get("coverImage");
       const logo = root.get("logo");
-      console.log("CoverImage: Observer triggered", { cover, logo });
       setCoverImageData(cover);
       setLogoData(logo);
     };
-    console.log("CoverImage: Setting up observer, initial values...");
     observer();
     root.observe(observer);
     return () => {
-      console.log("CoverImage: Cleaning up observer");
       root.unobserve(observer);
     };
   }, [editor]);
@@ -12847,33 +12912,19 @@ function CoverImage({ coverImageUrl, logoUrl }) {
   const logoSrc = logoData?.url || logoUrl;
   const hasCover = !!coverUrl;
   const hasLogo = !!logoSrc;
-  console.log("CoverImage: Render state", {
-    coverImageData,
-    logoData,
-    coverUrl,
-    logoSrc,
-    hasCover,
-    editable
-  });
   const handleFileSelect = async (event, type) => {
     const file = event.target.files?.[0];
     if (!file || !handlers?.publicFileUpload || !editor) {
-      console.log("CoverImage: Missing dependencies", { file: !!file, handlers: !!handlers?.publicFileUpload, editor: !!editor });
       return;
     }
     try {
-      console.log("CoverImage: Uploading file...", { type, fileName: file.name });
       const uploadedData = await handlers.publicFileUpload(file);
-      console.log("CoverImage: Upload successful", uploadedData);
       if (type === "cover") {
         editor.setCoverImage?.(uploadedData);
-        console.log("CoverImage: setCoverImage called, checking if set...", editor.getCoverImage?.());
       } else {
         editor.setLogo?.(uploadedData);
-        console.log("CoverImage: setLogo called, checking if set...", editor.getLogo?.());
       }
     } catch (error) {
-      console.error("CoverImage: Failed to upload file:", error);
     }
   };
   const handleAddCover = () => {
@@ -12887,7 +12938,6 @@ function CoverImage({ coverImageUrl, logoUrl }) {
   };
   const handleRemoveCover = () => {
     if (!editor) return;
-    console.log("CoverImage: Removing cover image...");
     editor.setCoverImage?.(void 0);
   };
   const handleAddLogo = () => {
@@ -12898,7 +12948,6 @@ function CoverImage({ coverImageUrl, logoUrl }) {
   };
   const handleRemoveLogo = () => {
     if (!editor) return;
-    console.log("CoverImage: Removing logo...");
     editor.setLogo?.(void 0);
   };
   const handleMouseMove = (e) => {
@@ -12912,57 +12961,80 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     return null;
   }
   if (!hasCover) {
-    return /* @__PURE__ */ React147.createElement(
-      Box23,
+    return /* @__PURE__ */ React151.createElement(
+      Box24,
       {
         style: {
           position: "relative",
           width: "100%",
-          minHeight: hasLogo ? "100px" : "60px",
-          backgroundColor: "#1f1f1f",
-          marginBottom: hasLogo ? "70px" : "0"
+          minHeight: hasLogo ? "140px" : "48px",
+          backgroundColor: "transparent",
+          marginBottom: "0"
         },
         onMouseEnter: () => editable && setIsHovering(true),
         onMouseLeave: () => editable && setIsHovering(false)
       },
-      /* @__PURE__ */ React147.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
-      /* @__PURE__ */ React147.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }),
-      editable && isHovering && /* @__PURE__ */ React147.createElement(
-        Button32,
+      /* @__PURE__ */ React151.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
+      /* @__PURE__ */ React151.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }),
+      editable && isHovering && !logoSrc && /* @__PURE__ */ React151.createElement(
+        Group45,
         {
-          variant: "filled",
-          size: "xs",
-          onClick: handleAddCover,
+          gap: "xs",
           style: {
             position: "absolute",
-            top: "0",
-            right: "60px",
-            zIndex: 10,
-            backgroundColor: "rgba(255, 255, 255, 0.9)",
-            color: "#37352f",
-            fontSize: "12px",
-            fontWeight: 500,
-            padding: "4px 8px",
-            height: "auto"
+            top: "12px",
+            left: "96px",
+            zIndex: 10
           }
         },
-        "Add cover"
+        /* @__PURE__ */ React151.createElement(
+          Button32,
+          {
+            variant: "filled",
+            size: "xs",
+            onClick: handleAddLogo,
+            style: {
+              backgroundColor: "rgba(255, 255, 255, 0.9)",
+              color: "#37352f",
+              fontSize: "12px",
+              fontWeight: 500,
+              padding: "4px 8px",
+              height: "auto"
+            }
+          },
+          "Add icon"
+        ),
+        /* @__PURE__ */ React151.createElement(
+          Button32,
+          {
+            variant: "filled",
+            size: "xs",
+            onClick: handleAddCover,
+            style: {
+              backgroundColor: "rgba(255, 255, 255, 0.9)",
+              color: "#37352f",
+              fontSize: "12px",
+              fontWeight: 500,
+              padding: "4px 8px",
+              height: "auto"
+            }
+          },
+          "Add cover"
+        )
       ),
-      /* @__PURE__ */ React147.createElement(
-        Box23,
+      logoSrc && /* @__PURE__ */ React151.createElement(
+        Box24,
         {
           style: {
-            position: "absolute",
-            bottom: "-60px",
+            position: "relative",
             insetInlineStart: "96px",
             width: "120px",
             height: "120px",
+            marginTop: "16px",
             zIndex: 11
-          },
-          onMouseEnter: () => editable && setIsLogoHovering(true),
-          onMouseLeave: () => editable && setIsLogoHovering(false)
+          }
         },
-        logoSrc && /* @__PURE__ */ React147.createElement(
+        /* @__PURE__ */ React151.createElement(
           "img",
           {
             src: logoSrc,
@@ -12977,97 +13049,57 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             }
           }
         ),
-        editable && isHovering && /* @__PURE__ */ React147.createElement(React147.Fragment, null, logoSrc ? (
-          // Logo exists: Show Change/Remove buttons when hovering anywhere
-          /* @__PURE__ */ React147.createElement(
-            Group45,
+        editable && isHovering && /* @__PURE__ */ React151.createElement(
+          Group45,
+          {
+            gap: "xs",
+            style: {
+              position: "absolute",
+              top: "0",
+              left: "130px",
+              zIndex: 12
+            }
+          },
+          /* @__PURE__ */ React151.createElement(
+            Button32,
             {
-              gap: "xs",
+              variant: "filled",
+              size: "xs",
+              onClick: handleChangeLogo,
               style: {
-                position: "absolute",
-                top: "0",
-                left: "130px",
-                zIndex: 12
+                backgroundColor: "rgba(255, 255, 255, 0.9)",
+                color: "#37352f",
+                fontSize: "12px",
+                fontWeight: 500,
+                padding: "4px 8px",
+                height: "auto"
               }
             },
-            /* @__PURE__ */ React147.createElement(
-              Button32,
-              {
-                variant: "filled",
-                size: "xs",
-                onClick: handleChangeLogo,
-                style: {
-                  backgroundColor: "rgba(255, 255, 255, 0.9)",
-                  color: "#37352f",
-                  fontSize: "12px",
-                  fontWeight: 500,
-                  padding: "4px 8px",
-                  height: "auto"
-                }
-              },
-              "Change"
-            ),
-            /* @__PURE__ */ React147.createElement(
-              Button32,
-              {
-                variant: "filled",
-                size: "xs",
-                onClick: handleRemoveLogo,
-                style: {
-                  backgroundColor: "rgba(255, 255, 255, 0.9)",
-                  color: "#37352f",
-                  fontSize: "12px",
-                  fontWeight: 500,
-                  padding: "4px 8px",
-                  height: "auto"
-                }
-              },
-              "Remove"
-            )
-          )
-        ) : (
-          // No logo: Show "Add icon" button
-          /* @__PURE__ */ React147.createElement(
+            "Change"
+          ),
+          /* @__PURE__ */ React151.createElement(
             Button32,
             {
               variant: "filled",
               size: "xs",
-              onClick: handleAddLogo,
+              onClick: handleRemoveLogo,
               style: {
-                position: "absolute",
-                top: "50%",
-                left: "50%",
-                transform: "translate(-50%, -50%)",
                 backgroundColor: "rgba(255, 255, 255, 0.9)",
                 color: "#37352f",
                 fontSize: "12px",
                 fontWeight: 500,
                 padding: "4px 8px",
-                height: "auto",
-                zIndex: 12
+                height: "auto"
               }
             },
-            "Add icon"
+            "Remove"
           )
-        )),
-        !logoSrc && /* @__PURE__ */ React147.createElement(
-          Box23,
-          {
-            style: {
-              width: "100%",
-              height: "100%",
-              borderRadius: "100%",
-              border: editable && isLogoHovering ? "2px dashed rgba(255, 255, 255, 0.3)" : "none",
-              backgroundColor: editable && isLogoHovering ? "rgba(255, 255, 255, 0.05)" : "transparent",
-              transition: "all 0.2s ease"
-            }
-          }
         )
       )
     );
   }
-  return /* @__PURE__ */ React147.createElement(
-    Box23,
+  return /* @__PURE__ */ React151.createElement(
+    Box24,
     {
       style: {
         position: "relative",
@@ -13087,7 +13119,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
       onMouseMove: handleMouseMove,
       onClick: () => isRepositioning && setIsRepositioning(false)
     },
-    /* @__PURE__ */ React147.createElement(
+    /* @__PURE__ */ React151.createElement(
       "img",
       {
         src: coverUrl,
@@ -13105,7 +13137,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         }
       }
     ),
-    editable && isHovering && /* @__PURE__ */ React147.createElement(
+    editable && isHovering && /* @__PURE__ */ React151.createElement(
       Group45,
       {
         gap: "xs",
@@ -13116,7 +13148,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 10
         }
       },
-      /* @__PURE__ */ React147.createElement(
+      /* @__PURE__ */ React151.createElement(
         Button32,
         {
           variant: "filled",
@@ -13133,7 +13165,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         },
         "Change cover"
       ),
-      /* @__PURE__ */ React147.createElement(
+      /* @__PURE__ */ React151.createElement(
         Button32,
         {
           variant: "filled",
@@ -13150,7 +13182,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         },
         isRepositioning ? "Done" : "Reposition"
       ),
-      /* @__PURE__ */ React147.createElement(
+      /* @__PURE__ */ React151.createElement(
         Button32,
         {
           variant: "filled",
@@ -13168,8 +13200,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         "Remove"
       )
     ),
-    /* @__PURE__ */ React147.createElement(
-      Box23,
+    /* @__PURE__ */ React151.createElement(
+      Box24,
       {
         style: {
           position: "absolute",
@@ -13178,11 +13210,9 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           width: "120px",
           height: "120px",
           zIndex: 11
-        },
-        onMouseEnter: () => editable && setIsLogoHovering(true),
-        onMouseLeave: () => editable && setIsLogoHovering(false)
+        }
       },
-      logoSrc && /* @__PURE__ */ React147.createElement(
+      logoSrc && /* @__PURE__ */ React151.createElement(
         "img",
         {
           src: logoSrc,
@@ -13197,9 +13227,9 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           }
         }
       ),
-      editable && isHovering && /* @__PURE__ */ React147.createElement(React147.Fragment, null, logoSrc ? (
+      editable && isHovering && /* @__PURE__ */ React151.createElement(React151.Fragment, null, logoSrc ? (
         // Logo exists: Show Change/Remove buttons when hovering on cover
-        /* @__PURE__ */ React147.createElement(
+        /* @__PURE__ */ React151.createElement(
           Group45,
           {
             gap: "xs",
@@ -13210,7 +13240,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               zIndex: 12
             }
           },
-          /* @__PURE__ */ React147.createElement(
+          /* @__PURE__ */ React151.createElement(
             Button32,
             {
               variant: "filled",
@@ -13227,7 +13257,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             },
             "Change"
           ),
-          /* @__PURE__ */ React147.createElement(
+          /* @__PURE__ */ React151.createElement(
             Button32,
             {
               variant: "filled",
@@ -13247,7 +13277,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         )
       ) : (
         // No logo: Show "Add icon" button when hovering anywhere on cover
-        /* @__PURE__ */ React147.createElement(
+        /* @__PURE__ */ React151.createElement(
           Button32,
           {
             variant: "filled",
@@ -13271,49 +13301,51 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         )
       ))
     ),
-    /* @__PURE__ */ React147.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
-    /* @__PURE__ */ React147.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
+    /* @__PURE__ */ React151.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
+    /* @__PURE__ */ React151.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
   );
 }
 
 // src/mantine/IxoEditor.tsx
-import React149 from "react";
+import React153 from "react";
 import { getDefaultReactSlashMenuItems, SuggestionMenuController } from "@blocknote/react";
 import { BlockNoteView } from "@blocknote/mantine";
 import { filterSuggestionItems } from "@blocknote/core";
-import { Flex as Flex25, MantineProvider, Text as Text73 } from "@mantine/core";
+import { Flex as Flex25, MantineProvider, Text as Text75 } from "@mantine/core";
 
 // src/mantine/components/PanelContent.tsx
-import React148 from "react";
-import { Box as Box24 } from "@mantine/core";
+import React152 from "react";
+import { Box as Box25 } from "@mantine/core";
 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)"
+    borderLeft: "1px solid #e0e0e0",
+    // left border only - seamless with editor
+    borderTop: "none",
+    borderRight: "none",
+    borderBottom: "none"
   },
   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)"
+    borderLeft: "1px solid #3a3a3a",
+    // left border only - seamless with editor
+    borderTop: "none",
+    borderRight: "none",
+    borderBottom: "none"
   }
 };
 function PanelContent({ theme }) {
   const { activePanel, registeredPanels } = usePanelStore();
   const isOpen = activePanel !== null;
   const content = activePanel ? registeredPanels.get(activePanel) : null;
-  return /* @__PURE__ */ React148.createElement(
-    Box24,
+  return /* @__PURE__ */ React152.createElement(
+    Box25,
     {
       pos: "sticky",
       right: 0,
@@ -13344,34 +13376,47 @@ function IxoEditorContent({
   coverImageUrl,
   logoUrl
 }) {
-  return /* @__PURE__ */ React149.createElement("div", { style: { display: "flex", height: "100%" } }, /* @__PURE__ */ React149.createElement("div", { className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`, style: { flex: 1 } }, /* @__PURE__ */ React149.createElement(CoverImage, { coverImageUrl, logoUrl }), /* @__PURE__ */ React149.createElement(
-    BlockNoteView,
+  const { activePanel } = usePanelStore();
+  const isPanelOpen = activePanel !== null;
+  return /* @__PURE__ */ React153.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React153.createElement(
+    "div",
     {
-      editor,
-      editable: isEditable,
-      sideMenu: config.sideMenu,
-      slashMenu: false,
-      formattingToolbar: config.formattingToolbar,
-      linkToolbar: config.linkToolbar,
-      filePanel: config.filePanel,
-      tableHandles: config.tableHandles,
-      theme: config.theme,
-      onChange,
-      onSelectionChange
+      className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`,
+      style: {
+        width: isPanelVisible && isPanelOpen ? "50%" : "100%",
+        transition: "width 0.2s ease"
+      }
     },
-    config.slashMenu && /* @__PURE__ */ React149.createElement(
-      SuggestionMenuController,
+    /* @__PURE__ */ React153.createElement(CoverImage, { coverImageUrl, logoUrl }),
+    /* @__PURE__ */ React153.createElement(
+      BlockNoteView,
       {
-        triggerCharacter: "/",
-        getItems: async (query) => {
-          const defaultItems = getDefaultReactSlashMenuItems(editor);
-          const customItems = getExtraSlashMenuItems(editor);
-          return filterSuggestionItems([...defaultItems, ...customItems], query);
+        editor,
+        editable: isEditable,
+        sideMenu: config.sideMenu,
+        slashMenu: false,
+        formattingToolbar: config.formattingToolbar,
+        linkToolbar: config.linkToolbar,
+        filePanel: config.filePanel,
+        tableHandles: config.tableHandles,
+        theme: config.theme,
+        onChange,
+        onSelectionChange
+      },
+      config.slashMenu && /* @__PURE__ */ React153.createElement(
+        SuggestionMenuController,
+        {
+          triggerCharacter: "/",
+          getItems: async (query) => {
+            const defaultItems = getDefaultReactSlashMenuItems(editor);
+            const customItems = getExtraSlashMenuItems(editor);
+            return filterSuggestionItems([...defaultItems, ...customItems], query);
+          }
         }
-      }
-    ),
-    children
-  )), isPanelVisible && /* @__PURE__ */ React149.createElement(PanelContent, { theme: config.theme }));
+      ),
+      children
+    )
+  ), isPanelVisible && /* @__PURE__ */ React153.createElement(PanelContent, { theme: config.theme }));
 }
 function IxoEditor({
   editor,
@@ -13400,7 +13445,7 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React149.createElement(BlocknoteProvider, { editor, handlers, blockRequirements, editable: isEditable }, /* @__PURE__ */ React149.createElement(ListBlocksUIProvider, null, /* @__PURE__ */ React149.createElement(Flex25, { pr: 25, justify: "flex-end", align: "center", gap: "xs" }, /* @__PURE__ */ React149.createElement(Text73, { size: "xs", c: "dimmed", tt: "uppercase" }, "Global actions"), /* @__PURE__ */ React149.createElement(ListBlocksToolbar, null)), /* @__PURE__ */ React149.createElement(
+  const editorContent = /* @__PURE__ */ React153.createElement(BlocknoteProvider, { editor, handlers, blockRequirements, editable: isEditable }, /* @__PURE__ */ React153.createElement(ListBlocksUIProvider, null, /* @__PURE__ */ React153.createElement(Flex25, { pr: 25, justify: "flex-end", align: "center", gap: "xs" }, /* @__PURE__ */ React153.createElement(Text75, { size: "xs", c: "dimmed", tt: "uppercase" }, "Global actions"), /* @__PURE__ */ React153.createElement(ListBlocksToolbar, null)), /* @__PURE__ */ React153.createElement(
     IxoEditorContent,
     {
       isPanelVisible,
@@ -13416,7 +13461,7 @@ function IxoEditor({
     children
   )));
   if (mantineTheme) {
-    return /* @__PURE__ */ React149.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
+    return /* @__PURE__ */ React153.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
   return editorContent;
 }
@@ -13503,4 +13548,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-S45RB34V.mjs.map
+//# sourceMappingURL=chunk-3BZ6OPAK.mjs.map