@ixo/editor 1.27.1 → 2.0.1

package/dist/{chunk-YDHPP6BI.mjs → chunk-5JO27QWP.mjs}

@@ -8177,7 +8177,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
         return "gray";
     }
   };
-  const getStatusColor = (status2) => {
+  const getStatusColor2 = (status2) => {
     switch (status2) {
       case "success":
         return "green";
@@ -8276,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",
@@ -9323,7 +9323,7 @@ var NotifyFlowView = ({ editor, block, isDisabled }) => {
         return "gray";
     }
   };
-  const getStatusColor = (status2) => {
+  const getStatusColor2 = (status2) => {
     switch (status2) {
       case "sent":
         return "green";
@@ -9401,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() !== "") },
@@ -9556,7 +9556,7 @@ var CollectionSelector = ({
     const newSelected = currentSelections.includes(collectionId) ? currentSelections.filter((id) => id !== collectionId) : [...currentSelections, collectionId];
     onCollectionsChange(newSelected);
   };
-  const getCollectionName = (collection) => {
+  const getCollectionName2 = (collection) => {
     if (!collection) return "Unnamed Collection";
     return collection.protocol?.profile?.name || collection.name || "Unnamed Collection";
   };
@@ -9577,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)
       }
@@ -9744,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, useRef as useRef5 } 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, useRef as useRef4 } 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";
@@ -9921,15 +10083,15 @@ 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 [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 = useCallback22(async () => {
+  const fetchClaims = useCallback23(async () => {
     console.log("[ClaimsListSheet] fetchClaims start", { collectionId, userAddress });
     try {
       setLoading(true);
@@ -9952,7 +10114,7 @@ var ClaimsListSheet = ({ collectionId, collectionName, deedId, adminAddress, use
       setLoading(false);
     }
   }, [collectionId, userAddress]);
-  const fetchSurveyTemplate = useCallback22(async () => {
+  const fetchSurveyTemplate = useCallback23(async () => {
     console.log("[ClaimsListSheet] fetchSurveyTemplate start", { deedId });
     try {
       setSurveyLoading(true);
@@ -9977,11 +10139,11 @@ var ClaimsListSheet = ({ collectionId, collectionName, deedId, adminAddress, use
       setSurveyLoading(false);
     }
   }, [deedId]);
-  useEffect22(() => {
+  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);
@@ -9990,7 +10152,7 @@ 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;
@@ -10045,7 +10207,7 @@ var ClaimsListSheet = ({ collectionId, collectionName, deedId, adminAddress, use
     },
     [handlers, deedId, collectionId, adminAddress, closePanel, onSubmitComplete]
   );
-  useEffect22(() => {
+  useEffect25(() => {
     if (surveyModel) {
       console.log("[ClaimsListSheet] register surveyModel.onComplete listener");
       surveyModel.onComplete.add(handleSurveyComplete);
@@ -10081,7 +10243,7 @@ var ClaimsListSheet = ({ collectionId, collectionName, deedId, adminAddress, use
     }
     return "pending";
   };
-  const getStatusColor = (status) => {
+  const getStatusColor2 = (status) => {
     switch (status) {
       case "approved":
         return "green";
@@ -10092,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 {
@@ -10151,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(
@@ -10180,10 +10342,6 @@ var ClaimsListSheet = ({ collectionId, collectionName, deedId, adminAddress, use
 
 // src/mantine/blocks/claim/flow/ClaimCollectionsList.tsx
 import { IconArrowRight as IconArrowRight2 } from "@tabler/icons-react";
-var isClientFulfillmentError = (error) => {
-  const message = error instanceof Error ? error.message : String(error ?? "");
-  return /client(?:.+)?(cannot|can't).+fulfil?/i.test(message);
-};
 var CollectionItem = ({ collection, deedId, adminAddress, userRole, onRefresh }) => {
   console.log("[CollectionItem] RENDER START", { collectionId: collection.id, userRole });
   const { getCurrentUser } = useBlocknoteHandlers();
@@ -10201,14 +10359,14 @@ var CollectionItem = ({ collection, deedId, adminAddress, userRole, onRefresh })
     alert(`Error in ClaimCollectionsList.tsx:31 - getCurrentUser() failed: ${err instanceof Error ? err.message : String(err)}`);
     currentUser = { address: "" };
   }
-  const getCollectionName = (collection2) => collection2.protocol?.profile?.name || collection2.name || "Unnamed Collection";
+  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 collectionName = getCollectionName2(collection);
   console.log("[CollectionItem] Panel setup", { claimsPanelId, collectionName, canAccessClaims });
   console.log("[CollectionItem] Creating claimsPanelContent useMemo...");
-  const claimsPanelContent = useMemo22(() => {
+  const claimsPanelContent = useMemo24(() => {
     console.log("[CollectionItem] claimsPanelContent useMemo EXECUTING", { collectionId: collection.id });
     return /* @__PURE__ */ React123.createElement(
       ClaimsListSheet,
@@ -10235,266 +10393,42 @@ var CollectionItem = ({ collection, deedId, adminAddress, userRole, onRefresh })
   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 }) => {
-  console.log("[ClaimCollectionsList] RENDER START", {
-    collectionsCount: collections.length,
-    deedId,
-    adminAddress,
-    userAddress
-  });
-  const { getUserRoles } = useBlocknoteHandlers();
-  const getUserRolesRef = useRef4(getUserRoles);
-  useEffect23(() => {
-    getUserRolesRef.current = getUserRoles;
-  }, [getUserRoles]);
-  console.log("[ClaimCollectionsList] getUserRoles handler obtained");
-  const [userRoles, setUserRoles] = useState34({});
-  const [loadingRoles, setLoadingRoles] = useState34(true);
-  console.log("[ClaimCollectionsList] State:", { userRoles, loadingRoles });
-  const failedRequestKeyRef = useRef4(null);
-  console.log("[ClaimCollectionsList] Creating collectionIdsKey useMemo...");
-  const collectionIdsKey = useMemo22(() => {
-    const key = collections.map((c) => c.id).sort().join("|");
-    console.log("[ClaimCollectionsList] collectionIdsKey computed:", key);
-    return key;
-  }, [collections]);
-  console.log("[ClaimCollectionsList] Creating requestKey useMemo...");
-  const requestKey = useMemo22(() => {
-    const key = [userAddress, adminAddress, deedId, collectionIdsKey].filter(Boolean).join("|");
-    console.log("[ClaimCollectionsList] requestKey computed:", key);
-    return key;
-  }, [userAddress, adminAddress, deedId, collectionIdsKey]);
-  useEffect23(() => {
-    console.log("[ClaimCollectionsList] useEffect TRIGGERED");
-    let isMounted = true;
-    const setEmptyRoles = () => {
-      console.log("[ClaimCollectionsList] setEmptyRoles called");
-      const rolesMap = {};
-      collections.forEach((collection) => {
-        rolesMap[collection.id] = null;
-      });
-      if (isMounted) {
-        console.log("[ClaimCollectionsList] Setting empty roles map");
-        setUserRoles(rolesMap);
-      }
-    };
-    const fetchUserRoles = async () => {
-      console.log("[ClaimCollectionsList] fetchUserRoles CALLED");
-      if (!collections.length || !userAddress || !adminAddress) {
-        console.log("[ClaimCollectionsList] EARLY RETURN - missing data", { collectionsLength: collections.length, userAddress, adminAddress });
-        setLoadingRoles(false);
-        return;
-      }
-      if (!requestKey || failedRequestKeyRef.current === requestKey) {
-        console.log("[ClaimCollectionsList] EARLY RETURN - no requestKey or failed request", { requestKey, failedKey: failedRequestKeyRef.current });
-        setLoadingRoles(false);
-        return;
-      }
-      const getUserRolesFn = getUserRolesRef.current;
-      if (typeof getUserRolesFn !== "function") {
-        console.log("[ClaimCollectionsList] getUserRoles is not a function");
-        setEmptyRoles();
-        setLoadingRoles(false);
-        return;
-      }
-      try {
-        console.log("[ClaimCollectionsList] Setting loadingRoles=true");
-        setLoadingRoles(true);
-        console.log("[ClaimCollectionsList] Calling getUserRoles handler...");
-        const roles = await getUserRolesFn({
-          userAddress,
-          adminAddress,
-          deedDid: deedId,
-          collectionIds: collections.map((c) => c.id)
-        });
-        console.log("[ClaimCollectionsList] getUserRoles response:", roles);
-        if (!roles) {
-          alert("Error in ClaimCollectionsList.tsx:147 - getUserRoles() returned no data");
-        }
-        console.log("[ClaimCollectionsList] Building roles map...");
-        const rolesMap = {};
-        collections.forEach((collection) => {
-          const roleData = roles?.find((r) => r.collectionId === collection.id);
-          rolesMap[collection.id] = roleData?.role || null;
-        });
-        console.log("[ClaimCollectionsList] Roles map built:", rolesMap);
-        if (isMounted) {
-          console.log("[ClaimCollectionsList] Setting user roles state");
-          setUserRoles(rolesMap);
-        }
-      } catch (error) {
-        console.log("[ClaimCollectionsList] getUserRoles ERROR:", error);
-        const errorMsg = error instanceof Error ? error.message : String(error);
-        alert(`Error in ClaimCollectionsList.tsx:147 - getUserRoles() failed: ${errorMsg}`);
-        if (isClientFulfillmentError(error)) {
-          console.log("[ClaimCollectionsList] Client fulfillment error - caching failed request");
-          failedRequestKeyRef.current = requestKey;
-        } else {
-          console.log("[ClaimCollectionsList] Not a client fulfillment error");
-          failedRequestKeyRef.current = null;
-        }
-        setEmptyRoles();
-      } finally {
-        if (isMounted) {
-          console.log("[ClaimCollectionsList] Setting loadingRoles=false");
-          setLoadingRoles(false);
-        }
-      }
-    };
-    fetchUserRoles();
-    return () => {
-      console.log("[ClaimCollectionsList] useEffect CLEANUP");
-      isMounted = false;
-    };
-  }, [collections, userAddress, adminAddress, deedId, requestKey]);
+  const { userRoles, loading: loadingRoles } = useUserRoles(collections, userAddress, adminAddress, deedId);
   if (!collections?.length) {
-    console.log("[ClaimCollectionsList] RENDER: No collections found");
     return /* @__PURE__ */ React123.createElement(Text61, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No claim collections found");
   }
   if (loadingRoles) {
-    console.log("[ClaimCollectionsList] RENDER: Loading roles...");
     return /* @__PURE__ */ React123.createElement(Center4, { py: "md" }, /* @__PURE__ */ React123.createElement(Loader10, { size: "sm" }));
   }
-  console.log("[ClaimCollectionsList] RENDER: Rendering collection items", { collectionsCount: collections.length });
-  return /* @__PURE__ */ React123.createElement(Stack87, { gap: "md", px: 5 }, collections.map((collection) => {
-    console.log("[ClaimCollectionsList] Rendering CollectionItem:", collection.id);
-    return /* @__PURE__ */ React123.createElement(
-      CollectionItem,
-      {
-        key: collection.id,
-        collection,
-        deedId,
-        adminAddress,
-        userRole: userRoles[collection.id] || null,
-        onRefresh
-      }
-    );
-  }));
+  return /* @__PURE__ */ React123.createElement(Stack87, { gap: "md", px: 5 }, collections.map((collection) => /* @__PURE__ */ React123.createElement(CollectionItem, { key: collection.id, collection, deedId, adminAddress, userRole: userRoles[collection.id] || null, onRefresh })));
 };
 
 // src/mantine/blocks/claim/flow/FlowView.tsx
 var CLAIM_FLOW_PANEL_ID = "claim-flow-panel";
 var ClaimFlowView = ({ editor, block }) => {
-  console.log("[FlowView] RENDER START", { blockId: block.id });
   const { editable } = useBlocknoteContext();
-  console.log("[FlowView] editable:", editable);
-  const { getCurrentUser, getClaimCollections } = useBlocknoteHandlers();
-  console.log("[FlowView] handlers obtained");
-  const getClaimCollectionsRef = useRef5(getClaimCollections);
-  useEffect24(() => {
-    getClaimCollectionsRef.current = getClaimCollections;
-  }, [getClaimCollections]);
-  let currentUser;
-  try {
-    console.log("[FlowView] Calling getCurrentUser...");
-    currentUser = getCurrentUser();
-    console.log("[FlowView] getCurrentUser result:", currentUser);
-    if (!currentUser) {
-      alert("Error in FlowView.tsx:16 - getCurrentUser() returned no data");
-      currentUser = { address: "" };
-    }
-  } catch (err) {
-    console.log("[FlowView] getCurrentUser ERROR:", err);
-    alert(`Error in FlowView.tsx:16 - getCurrentUser() failed: ${err instanceof Error ? err.message : String(err)}`);
-    currentUser = { address: "" };
-  }
-  const [collections, setCollections] = useState35([]);
-  const [loading, setLoading] = useState35(false);
-  const [error, setError] = useState35(null);
-  console.log("[FlowView] State initialized", { collectionsCount: collections.length, loading, error });
+  const userAddress = useCurrentUser();
   const panelId = `${CLAIM_FLOW_PANEL_ID}-${block.id}`;
-  console.log("[FlowView] Creating panelContent useMemo...");
-  const panelContent = useMemo23(() => {
-    console.log("[FlowView] panelContent useMemo EXECUTING");
-    return /* @__PURE__ */ React124.createElement(TemplateConfig6, { editor, block });
-  }, [editor, block]);
-  console.log("[FlowView] Calling usePanel with panelId:", panelId);
+  const panelContent = useMemo25(() => /* @__PURE__ */ React124.createElement(TemplateConfig6, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
-  console.log("[FlowView] usePanel returned");
-  const selectedCollectionIds = useMemo23(() => {
-    console.log("[FlowView] selectedCollectionIds useMemo EXECUTING");
+  const selectedCollectionIds = useMemo25(() => {
     try {
       const parsed = JSON.parse(block.props.selectedCollections || "[]");
-      console.log("[FlowView] selectedCollectionIds parsed:", parsed);
-      return parsed;
+      return Array.isArray(parsed) ? parsed : [];
     } catch {
-      console.log("[FlowView] selectedCollectionIds parse error, returning []");
       return [];
     }
   }, [block.props.selectedCollections]);
-  const selectedCollectionIdsKey = useMemo23(() => [...selectedCollectionIds].sort().join("|"), [selectedCollectionIds]);
   const did = block.props.deedDid;
   const adminAddress = block.props.adminAddress || "";
-  console.log("[FlowView] Block props:", { did, adminAddress, selectedCollectionIds });
-  const [fetchedAdminAddress, setFetchedAdminAddress] = useState35(null);
-  const fetchCollections = useCallback23(async () => {
-    console.log("[FlowView] fetchCollections CALLED", { did, selectedCollectionIdsLength: selectedCollectionIds.length });
-    if (!did || selectedCollectionIds.length === 0) {
-      console.log("[FlowView] fetchCollections EARLY RETURN (no did or collections)");
-      setCollections([]);
-      return;
-    }
-    console.log("[FlowView] fetchCollections setting loading=true");
-    setLoading(true);
-    setError(null);
-    try {
-      console.log("[FlowView] fetchCollections calling getClaimCollections...");
-      const response = await getClaimCollectionsRef.current({ deedDid: did });
-      console.log("[FlowView] getClaimCollections response:", response);
-      if (!response) {
-        console.log("[FlowView] getClaimCollections returned NO DATA");
-        alert("Error in FlowView.tsx:47 - getClaimCollections() returned no data");
-        setError("No data returned from getClaimCollections");
-        return;
-      }
-      const { adminAddress: responseAdminAddress, collections: allCollections } = response || { adminAddress: "", collections: [] };
-      console.log("[FlowView] Destructured response:", { adminAddress: responseAdminAddress, allCollectionsCount: allCollections?.length });
-      if (responseAdminAddress) {
-        console.log("[FlowView] Storing fetched adminAddress for block update");
-        setFetchedAdminAddress(responseAdminAddress);
-      }
-      const selectedCollections = (allCollections || []).filter((c) => selectedCollectionIds.includes(c?.id));
-      console.log("[FlowView] Filtered collections:", { selectedCount: selectedCollections.length });
-      console.log("[FlowView] Setting collections state...");
-      setCollections(selectedCollections);
-      console.log("[FlowView] Collections state SET");
-    } catch (err) {
-      console.log("[FlowView] getClaimCollections ERROR:", err);
-      const errorMsg = err instanceof Error ? err.message : "Failed to fetch collections";
-      alert(`Error in FlowView.tsx:47 - getClaimCollections() failed: ${errorMsg}`);
-      setError(errorMsg);
-    } finally {
-      console.log("[FlowView] fetchCollections setting loading=false");
-      setLoading(false);
-    }
-  }, [did, selectedCollectionIds, selectedCollectionIdsKey]);
-  useEffect24(() => {
-    if (fetchedAdminAddress && (!block.props.adminAddress || block.props.adminAddress === "")) {
-      console.log("[FlowView] useEffect updating block adminAddress:", fetchedAdminAddress);
-      editor.updateBlock(block, {
-        props: {
-          ...block.props,
-          adminAddress: fetchedAdminAddress
-        }
-      });
-      console.log("[FlowView] Block adminAddress updated in useEffect");
-      setFetchedAdminAddress(null);
-    }
-  }, [fetchedAdminAddress, block.props.adminAddress, editor, block]);
-  useEffect24(() => {
-    console.log("[FlowView] useEffect TRIGGERED - calling fetchCollections");
-    fetchCollections();
-    console.log("[FlowView] useEffect fetchCollections call COMPLETED");
-  }, [fetchCollections]);
+  const { collections, loading, error, refetch } = useCollections(did, selectedCollectionIds, block, editor);
   if (!did) {
-    console.log("[FlowView] RENDER: No DID - showing config message");
     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) {
-    console.log("[FlowView] RENDER: No collections selected");
     return /* @__PURE__ */ React124.createElement(Center5, { py: "xl" }, /* @__PURE__ */ React124.createElement(Text62, { size: "sm", c: "dimmed" }, "No claim collections selected"));
   }
-  console.log("[FlowView] RENDER: Main view", { loading, error, collectionsCount: collections.length });
-  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(React124.Fragment, null, console.log("[FlowView] RENDER: Showing loader"), /* @__PURE__ */ React124.createElement(Center5, { py: "xl" }, /* @__PURE__ */ React124.createElement(Loader11, { size: "md" }))) : error ? /* @__PURE__ */ React124.createElement(React124.Fragment, null, console.log("[FlowView] RENDER: Showing 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(React124.Fragment, null, console.log("[FlowView] RENDER: Rendering ClaimCollectionsList"), /* @__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
@@ -10533,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
@@ -10548,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(
@@ -10587,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 {
@@ -10704,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;
@@ -10718,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, useRef as useRef7 } 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, useRef as useRef6 } 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/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/BidSurveyPanel.tsx
-import React131, { useMemo as useMemo26, useState as useState37, useEffect as useEffect26, useCallback as useCallback26 } from "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);
@@ -10764,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);
@@ -10772,16 +10707,6 @@ 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;
@@ -10800,7 +10725,49 @@ var BidSurveyPanel = ({ deedId, collectionId, role, onSubmitComplete }) => {
     },
     [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 () => {
@@ -10837,33 +10804,69 @@ 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/BidViewPanel.tsx
-import React132, { useMemo as useMemo27, useState as useState38, useEffect as useEffect27 } from "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/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();
+
+// 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] = 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 [surveyJson, setSurveyJson] = useState39(null);
+  const [loading, setLoading] = useState39(true);
+  const [error, setError] = useState39(null);
+  useEffect29(() => {
     const fetchSurveyTemplate = async () => {
       try {
         setLoading(true);
@@ -10891,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,
@@ -10963,39 +10945,67 @@ var BidViewPanel = ({ bid, deedId, adminAddress, onRefresh }) => {
       closePanel();
       onRefresh?.();
     } catch (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) {
-      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,
     {
@@ -11017,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);
+        setLoading(true);
+        const profile = await handlers.getMatrixInfoPerDid(did);
         setUserProfile(profile || null);
       } catch (error) {
         setUserProfile(null);
       } finally {
-        setLoadingProfile(false);
+        setLoading(false);
       }
     };
     fetchUserProfile();
-  }, [bid.did]);
+  }, [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;
@@ -11108,48 +11098,116 @@ var BidsList = ({ collectionId, deedId, adminAddress, onRefresh }) => {
       setLoading(false);
     }
   }, [collectionId]);
-  useEffect28(() => {
+  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
-var isClientFulfillmentError2 = (error) => {
-  const message = error instanceof Error ? error.message : String(error ?? "");
-  return /client(?:.+)?(cannot|can't).+fulfil?/i.test(message);
+// 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,
@@ -11162,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,
@@ -11175,191 +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")));
     }
   };
-  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 })));
+  const getCollectionIcon = () => {
+    if (userRole === "PO" /* Owner */) {
+      return /* @__PURE__ */ React137.createElement(UserCheck_default, null);
+    }
+    return /* @__PURE__ */ React137.createElement(UserPlus_default, null);
+  };
+  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 { getUserRoles } = useBlocknoteHandlers();
-  const getUserRolesRef = useRef6(getUserRoles);
-  useEffect29(() => {
-    getUserRolesRef.current = getUserRoles;
-  }, [getUserRoles]);
-  const [userRoles, setUserRoles] = useState40({});
-  const [loadingRoles, setLoadingRoles] = useState40(true);
-  const failedRequestKeyRef = useRef6(null);
-  const collectionIdsKey = useMemo29(
-    () => collections.map((c) => c.id).sort().join("|"),
-    [collections]
-  );
-  const requestKey = useMemo29(() => [userAddress, adminAddress, deedId, collectionIdsKey].filter(Boolean).join("|"), [userAddress, adminAddress, deedId, collectionIdsKey]);
-  useEffect29(() => {
-    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) {
-        setLoadingRoles(false);
-        return;
-      }
-      if (!requestKey || failedRequestKeyRef.current === requestKey) {
-        setLoadingRoles(false);
-        return;
-      }
-      const getUserRolesFn = getUserRolesRef.current;
-      if (typeof getUserRolesFn !== "function") {
-        setEmptyRoles();
-        setLoadingRoles(false);
-        return;
-      }
-      try {
-        setLoadingRoles(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 (isClientFulfillmentError2(error)) {
-          failedRequestKeyRef.current = requestKey;
-        } else {
-          failedRequestKeyRef.current = null;
-        }
-        setEmptyRoles();
-      } finally {
-        if (isMounted) {
-          setLoadingRoles(false);
-        }
-      }
-    };
-    fetchUserRoles();
-    return () => {
-      isMounted = false;
-    };
-  }, [collections, userAddress, adminAddress, deedId, requestKey]);
+  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 { getCurrentUser, getClaimCollections } = useBlocknoteHandlers();
-  const getClaimCollectionsRef = useRef7(getClaimCollections);
-  const getCurrentUserRef = useRef7(getCurrentUser);
-  useEffect30(() => {
-    getClaimCollectionsRef.current = getClaimCollections;
-    getCurrentUserRef.current = getCurrentUser;
-  }, [getCurrentUser, getClaimCollections]);
-  const [collections, setCollections] = useState41([]);
-  const [loading, setLoading] = useState41(false);
-  const [error, setError] = useState41(null);
-  const [userAddress, setUserAddress] = useState41("");
-  const adminAddressUpdatedRef = useRef7(false);
+  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 {
       const parsed = JSON.parse(block.props.selectedCollections || "[]");
       return Array.isArray(parsed) ? parsed : [];
-    } catch {
-      return [];
-    }
-  }, [block.props.selectedCollections]);
-  const selectedCollectionIdsStr = useMemo30(() => JSON.stringify(selectedCollectionIds.sort()), [selectedCollectionIds]);
-  const did = block.props.did;
-  const adminAddress = block.props.adminAddress || "";
-  useEffect30(() => {
-    const fetchUserAddress = () => {
-      try {
-        const user = getCurrentUserRef.current();
-        setUserAddress(user?.address || "");
-      } catch (err) {
-        setUserAddress("");
-      }
-    };
-    fetchUserAddress();
-  }, []);
-  const fetchCollections = useCallback28(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);
+    } catch {
+      return [];
     }
-  }, [did, selectedCollectionIdsStr]);
-  useEffect30(() => {
-    fetchCollections();
-  }, [fetchCollections]);
+  }, [block.props.selectedCollections]);
+  const did = block.props.did;
+  const adminAddress = block.props.adminAddress || "";
+  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
@@ -11378,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,
@@ -11408,29 +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) => {
       const stringified = JSON.stringify(collections || []);
       onSelectedCollectionsChange(stringified);
     },
     [onSelectedCollectionsChange]
   );
-  const handleAdminAddressChange = useCallback29(
+  const handleAdminAddressChange = useCallback30(
     (adminAddress2) => {
       if (onAdminAddressChange) {
         onAdminAddressChange(adminAddress2);
@@ -11438,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",
@@ -11450,7 +11395,7 @@ var GeneralTab8 = ({
         onTitleChange(newTitle);
       }
     }
-  ), /* @__PURE__ */ React138.createElement(
+  ), /* @__PURE__ */ React142.createElement(
     BaseTextArea,
     {
       label: "Description",
@@ -11463,7 +11408,7 @@ var GeneralTab8 = ({
         onDescriptionChange(newDescription);
       }
     }
-  ), /* @__PURE__ */ React138.createElement(
+  ), /* @__PURE__ */ React142.createElement(
     CollectionSelector,
     {
       did: deedDid,
@@ -11479,7 +11424,7 @@ var GeneralTab8 = ({
 // src/mantine/blocks/evaluator/template/TemplateConfig.tsx
 var TemplateConfig8 = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
-  const updateProp = useCallback30(
+  const updateProp = useCallback31(
     (key, value) => {
       editor.updateBlock(block, {
         props: {
@@ -11490,8 +11435,8 @@ var TemplateConfig8 = ({ editor, block }) => {
     },
     [editor, block]
   );
-  return /* @__PURE__ */ React139.createElement(
-    Paper17,
+  return /* @__PURE__ */ React143.createElement(
+    Paper18,
     {
       p: "md",
       shadow: "sm",
@@ -11501,7 +11446,7 @@ var TemplateConfig8 = ({ editor, block }) => {
         flexDirection: "column"
       }
     },
-    /* @__PURE__ */ React139.createElement(
+    /* @__PURE__ */ React143.createElement(
       "div",
       {
         style: {
@@ -11511,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 || "",
@@ -11548,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, useRef as useRef9 } 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, useRef as useRef8 } 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
@@ -11727,26 +11672,26 @@ 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);
@@ -11761,10 +11706,10 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
       setLoading(false);
     }
   }, [collectionId]);
-  useEffect32(() => {
+  useEffect33(() => {
     fetchClaims();
   }, [fetchClaims]);
-  const fetchClaimAndSurvey = useCallback31(
+  const fetchClaimAndSurvey = useCallback32(
     async (claim) => {
       try {
         setSurveyLoading(true);
@@ -11788,7 +11733,7 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [collectionId, deedId]
   );
-  const handleViewClaim = useCallback31(
+  const handleViewClaim = useCallback32(
     (claim) => {
       setSelectedClaim(claim);
       fetchClaimAndSurvey(claim);
@@ -11796,7 +11741,7 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
     },
     [fetchClaimAndSurvey]
   );
-  const handleBackToList = useCallback31(() => {
+  const handleBackToList = useCallback32(() => {
     setViewMode("list");
     setSelectedClaim(null);
     setClaimData(null);
@@ -11805,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);
@@ -11817,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);
@@ -11857,7 +11802,7 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
       setEvaluating(false);
     }
   }, [selectedClaim, handlers, deedId, collectionId, adminAddress, handleBackToList]);
-  const handleReject = useCallback31(async () => {
+  const handleReject = useCallback32(async () => {
     if (!selectedClaim) return;
     try {
       setEvaluating(true);
@@ -11869,8 +11814,8 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
       setEvaluating(false);
     }
   }, [selectedClaim, handleBackToList]);
-  return /* @__PURE__ */ React141.createElement(
-    Paper18,
+  return /* @__PURE__ */ React145.createElement(
+    Paper19,
     {
       p: "md",
       shadow: "sm",
@@ -11881,7 +11826,7 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
         overflow: "hidden"
       }
     },
-    /* @__PURE__ */ React141.createElement(
+    /* @__PURE__ */ React145.createElement(
       "div",
       {
         style: {
@@ -11891,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: {
@@ -11903,7 +11848,7 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
           position: "relative"
         }
       },
-      /* @__PURE__ */ React141.createElement(
+      /* @__PURE__ */ React145.createElement(
         "div",
         {
           style: {
@@ -11921,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: {
@@ -11941,16 +11886,16 @@ 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 {
@@ -11993,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();
@@ -12003,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,
@@ -12017,32 +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";
-var isClientFulfillmentError3 = (error) => {
-  const message = error instanceof Error ? error.message : String(error ?? "");
-  return /client(?:.+)?(cannot|can't).+fulfil?/i.test(message);
-};
+import { IconArrowRight as IconArrowRight6 } from "@tabler/icons-react";
 var CollectionItem3 = ({ collection, deedId, adminAddress, userRole, onRefresh }) => {
   const { getCurrentUser } = useBlocknoteHandlers();
-  const getCurrentUserRef = useRef8(getCurrentUser);
-  useEffect33(() => {
+  const getCurrentUserRef = useRef7(getCurrentUser);
+  useEffect34(() => {
     getCurrentUserRef.current = getCurrentUser;
   }, [getCurrentUser]);
   const currentUser = getCurrentUserRef.current();
-  const getCollectionName = (collection2) => {
+  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,
@@ -12061,106 +12002,24 @@ 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 { getUserRoles } = useBlocknoteHandlers();
-  const getUserRolesRef = useRef8(getUserRoles);
-  useEffect33(() => {
-    getUserRolesRef.current = getUserRoles;
-  }, [getUserRoles]);
-  const [userRoles, setUserRoles] = useState44({});
-  const [loadingRoles, setLoadingRoles] = useState44(true);
-  const failedRequestKeyRef = useRef8(null);
-  const collectionIdsKey = useMemo34(
-    () => collections.map((c) => c.id).sort().join("|"),
-    [collections]
-  );
-  const requestKey = useMemo34(() => [userAddress, adminAddress, deedId, collectionIdsKey].filter(Boolean).join("|"), [userAddress, adminAddress, deedId, collectionIdsKey]);
-  useEffect33(() => {
-    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) {
-        setLoadingRoles(false);
-        return;
-      }
-      if (!requestKey || failedRequestKeyRef.current === requestKey) {
-        setLoadingRoles(false);
-        return;
-      }
-      const getUserRolesFn = getUserRolesRef.current;
-      if (typeof getUserRolesFn !== "function") {
-        setEmptyRoles();
-        setLoadingRoles(false);
-        return;
-      }
-      try {
-        setLoadingRoles(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 (isClientFulfillmentError3(error)) {
-          failedRequestKeyRef.current = requestKey;
-        } else {
-          failedRequestKeyRef.current = null;
-        }
-        setEmptyRoles();
-      } finally {
-        if (isMounted) {
-          setLoadingRoles(false);
-        }
-      }
-    };
-    fetchUserRoles();
-    return () => {
-      isMounted = false;
-    };
-  }, [collections, userAddress, adminAddress, deedId, requestKey]);
+  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 { getCurrentUser, getClaimCollections } = useBlocknoteHandlers();
-  const getCurrentUserRef = useRef9(getCurrentUser);
-  const getClaimCollectionsRef = useRef9(getClaimCollections);
-  useEffect34(() => {
-    getCurrentUserRef.current = getCurrentUser;
-    getClaimCollectionsRef.current = getClaimCollections;
-  }, [getCurrentUser, getClaimCollections]);
-  const [collections, setCollections] = useState45([]);
-  const [loading, setLoading] = useState45(false);
-  const [error, setError] = useState45(null);
-  const [userAddress, setUserAddress] = useState45("");
-  const adminAddressUpdatedRef = useRef9(false);
-  const selectedCollectionIds = useMemo35(() => {
+  const userAddress = useCurrentUser();
+  const selectedCollectionIds = useMemo39(() => {
     try {
       const parsed = JSON.parse(block.props.selectedCollections || "[]");
       return Array.isArray(parsed) ? parsed : [];
@@ -12168,72 +12027,29 @@ var EvaluatorFlowView = ({ editor, block }) => {
       return [];
     }
   }, [block.props.selectedCollections]);
-  const selectedCollectionIdsStr = useMemo35(() => JSON.stringify([...selectedCollectionIds].sort()), [selectedCollectionIds]);
   const did = block.props.deedDid;
   const adminAddress = block.props.adminAddress || "";
-  useEffect34(() => {
-    try {
-      const currentUser = getCurrentUserRef.current();
-      setUserAddress(currentUser?.address || "");
-    } catch (err) {
-      setUserAddress("");
-    }
-  }, []);
-  const fetchCollections = useCallback32(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]);
-  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, 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(
   {
@@ -12251,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
@@ -12418,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 = {
@@ -12750,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 useRef10, 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 = useRef10(true);
-  const providerRef = useRef10(null);
-  const retryTimeoutRef = useRef10(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",
@@ -12845,17 +12661,166 @@ 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";
+
+// src/core/lib/matrixMetadata.ts
+var COVER_IMAGE_EVENT_TYPE = "ixo.page.cover_image";
+var COVER_ICON_EVENT_TYPE = "ixo.page.cover_icon";
+var MatrixMetadataManager = class {
+  constructor(matrixClient, roomId) {
+    this.subscribers = /* @__PURE__ */ new Set();
+    this.eventHandler = null;
+    this.matrixClient = matrixClient;
+    this.roomId = roomId;
+    this.setupEventListener();
+  }
+  /**
+   * Set up Matrix event listener for real-time updates
+   */
+  setupEventListener() {
+    this.eventHandler = (event) => {
+      if (event.getRoomId() === this.roomId) {
+        const eventType = event.getType();
+        if (eventType === COVER_IMAGE_EVENT_TYPE || eventType === COVER_ICON_EVENT_TYPE) {
+          const metadata = this.getMetadata();
+          if (metadata) {
+            this.notifySubscribers(metadata);
+          }
+        }
+      }
+    };
+    this.matrixClient.on("RoomState.events", this.eventHandler);
+  }
+  /**
+   * Notify all subscribers of metadata changes
+   */
+  notifySubscribers(metadata) {
+    this.subscribers.forEach((callback) => {
+      try {
+        callback(metadata);
+      } catch (error) {
+        console.error("Error in metadata subscriber callback:", error);
+      }
+    });
+  }
+  /**
+   * Send metadata to Matrix state events (separate events for cover and icon)
+   *
+   * @param metadata - The metadata to store (only URL strings)
+   * @param permissions - Permission check object
+   * @returns Promise that resolves when state events are sent
+   */
+  async setMetadata(metadata, permissions) {
+    if (!permissions.write) {
+      console.warn("Cannot set metadata: write permission denied");
+      return;
+    }
+    try {
+      const promises = [];
+      if (metadata.cover !== void 0) {
+        promises.push(
+          this.matrixClient.sendStateEvent(
+            this.roomId,
+            COVER_IMAGE_EVENT_TYPE,
+            { url: metadata.cover || null },
+            // Wrap in object - Matrix requires JSON content
+            ""
+            // Empty state key
+          )
+        );
+      }
+      if (metadata.icon !== void 0) {
+        promises.push(
+          this.matrixClient.sendStateEvent(
+            this.roomId,
+            COVER_ICON_EVENT_TYPE,
+            { url: metadata.icon || null },
+            // Wrap in object - Matrix requires JSON content
+            ""
+            // Empty state key
+          )
+        );
+      }
+      await Promise.all(promises);
+    } catch (error) {
+      console.error("Failed to set page metadata:", error);
+      throw error;
+    }
+  }
+  /**
+   * Get current metadata from Matrix state (reads from separate events)
+   *
+   * @returns Current metadata or null if not set
+   */
+  getMetadata() {
+    try {
+      const room = this.matrixClient.getRoom(this.roomId);
+      if (!room) {
+        console.warn(`Room ${this.roomId} not found`);
+        return null;
+      }
+      const coverEvent = room.currentState.getStateEvents(
+        COVER_IMAGE_EVENT_TYPE,
+        ""
+        // Empty state key
+      );
+      const coverContent = coverEvent ? coverEvent.getContent() : null;
+      const coverUrl = coverContent?.url || null;
+      const iconEvent = room.currentState.getStateEvents(
+        COVER_ICON_EVENT_TYPE,
+        ""
+        // Empty state key
+      );
+      const iconContent = iconEvent ? iconEvent.getContent() : null;
+      const iconUrl = iconContent?.url || null;
+      if (!coverUrl && !iconUrl) {
+        return null;
+      }
+      return {
+        cover: coverUrl || void 0,
+        icon: iconUrl || void 0
+      };
+    } catch (error) {
+      console.error("Failed to get page metadata:", error);
+      return null;
+    }
+  }
+  /**
+   * Subscribe to metadata changes
+   *
+   * @param callback - Function to call when metadata changes
+   * @returns Unsubscribe function
+   */
+  subscribe(callback) {
+    this.subscribers.add(callback);
+    return () => {
+      this.subscribers.delete(callback);
+    };
+  }
+  /**
+   * Clean up event listeners and subscriptions
+   * Call this when the manager is no longer needed
+   */
+  dispose() {
+    if (this.eventHandler) {
+      this.matrixClient.off("RoomState.events", this.eventHandler);
+      this.eventHandler = null;
+    }
+    this.subscribers.clear();
+  }
+};
+
+// src/mantine/hooks/useCollaborativeIxoEditor.ts
 function useCreateCollaborativeIxoEditor(options) {
   const yDoc = useCollaborativeYDoc(options);
   const {
@@ -12874,7 +12839,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     permissions = { write: false }
   } = options || {};
-  const memoizedUser = useMemo40(
+  const memoizedUser = useMemo44(
     () => ({
       id: user?.id || "",
       name: user?.name || "",
@@ -12889,7 +12854,13 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     roomId: options.roomId
   });
-  const defaultUploadFile = useMemo40(
+  const metadataManager = useMemo44(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
+  useEffect37(() => {
+    return () => {
+      metadataManager.dispose();
+    };
+  }, [metadataManager]);
+  const defaultUploadFile = useMemo44(
     () => uploadFile || (async (file) => {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -12903,7 +12874,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [uploadFile]
   );
-  const schema = useMemo40(
+  const schema = useMemo44(
     () => BlockNoteSchema2.create({
       blockSpecs: {
         ...defaultBlockSpecs2,
@@ -12918,11 +12889,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,
@@ -12934,7 +12905,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [matrixProvider, documentFragment, memoizedUser.name, memoizedUser.color]
   );
-  const ixoConfig = useMemo40(
+  const ixoConfig = useMemo44(
     () => ({
       theme,
       editable,
@@ -12953,7 +12924,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;
@@ -13000,31 +12971,43 @@ function useCreateCollaborativeIxoEditor(options) {
     ixoEditor.getFlow = () => {
       return flowArray.toArray();
     };
-    ixoEditor.setCoverImage = (imageData) => {
+    ixoEditor._metadataManager = metadataManager;
+    ixoEditor.setPageMetadata = async (updates) => {
       if (!permissions.write) {
+        console.warn("Cannot set page metadata: write permission denied");
         return;
       }
-      if (imageData === void 0 || imageData === null) {
-        root.delete("coverImage");
-      } else {
-        root.set("coverImage", imageData);
+      const current = metadataManager.getMetadata() || {};
+      await metadataManager.setMetadata({ ...current, ...updates }, permissions);
+    };
+    ixoEditor.getPageMetadata = () => {
+      return metadataManager.getMetadata();
+    };
+    ixoEditor.setCoverImage = (imageData) => {
+      if (!permissions.write) {
+        return;
       }
+      const current = metadataManager.getMetadata() || {};
+      const coverUrl = imageData?.url;
+      metadataManager.setMetadata({ ...current, cover: coverUrl }, permissions).catch((error) => {
+        console.error("Failed to set cover image:", error);
+      });
     };
     ixoEditor.getCoverImage = () => {
-      return root.get("coverImage");
+      return void 0;
     };
     ixoEditor.setLogo = (imageData) => {
       if (!permissions.write) {
         return;
       }
-      if (imageData === void 0 || imageData === null) {
-        root.delete("logo");
-      } else {
-        root.set("logo", imageData);
-      }
+      const current = metadataManager.getMetadata() || {};
+      const iconUrl = imageData?.url;
+      metadataManager.setMetadata({ ...current, icon: iconUrl }, permissions).catch((error) => {
+        console.error("Failed to set logo:", error);
+      });
     };
     ixoEditor.getLogo = () => {
-      return root.get("logo");
+      return void 0;
     };
   }
   useEffect37(() => {
@@ -13064,36 +13047,29 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/components/CoverImage.tsx
-import React147, { useState as useState48, useRef as useRef11, 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 [isRepositioning, setIsRepositioning] = useState48(false);
   const [coverPosition, setCoverPosition] = useState48(50);
-  const coverFileInputRef = useRef11(null);
-  const logoFileInputRef = useRef11(null);
-  const [coverImageData, setCoverImageData] = useState48(() => editor?.getCoverImage?.());
-  const [logoData, setLogoData] = useState48(() => editor?.getLogo?.());
+  const coverFileInputRef = useRef9(null);
+  const logoFileInputRef = useRef9(null);
+  const [metadata, setMetadata] = useState48(() => editor?.getPageMetadata?.() || null);
   useEffect38(() => {
-    if (!editor?._yRoot) {
+    if (!editor?._metadataManager) {
       return;
     }
-    const root = editor._yRoot;
-    const observer = () => {
-      const cover = root.get("coverImage");
-      const logo = root.get("logo");
-      setCoverImageData(cover);
-      setLogoData(logo);
-    };
-    observer();
-    root.observe(observer);
-    return () => {
-      root.unobserve(observer);
-    };
+    const initialMetadata = editor._metadataManager.getMetadata();
+    setMetadata(initialMetadata);
+    const unsubscribe = editor._metadataManager.subscribe((newMetadata) => {
+      setMetadata(newMetadata);
+    });
+    return unsubscribe;
   }, [editor]);
-  const coverUrl = coverImageData?.url || coverImageUrl;
-  const logoSrc = logoData?.url || logoUrl;
+  const coverUrl = metadata?.cover || coverImageUrl;
+  const logoSrc = metadata?.icon || logoUrl;
   const hasCover = !!coverUrl;
   const hasLogo = !!logoSrc;
   const handleFileSelect = async (event, type) => {
@@ -13103,12 +13079,21 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     }
     try {
       const uploadedData = await handlers.publicFileUpload(file);
+      const imageUrl = uploadedData.url;
+      setMetadata((prev) => ({
+        ...prev,
+        [type === "cover" ? "cover" : "icon"]: imageUrl
+      }));
       if (type === "cover") {
-        editor.setCoverImage?.(uploadedData);
+        await editor.setPageMetadata?.({ cover: imageUrl });
       } else {
-        editor.setLogo?.(uploadedData);
+        await editor.setPageMetadata?.({ icon: imageUrl });
       }
     } catch (error) {
+      const currentMetadata = editor?.getPageMetadata?.();
+      if (currentMetadata) {
+        setMetadata(currentMetadata);
+      }
     }
   };
   const handleAddCover = () => {
@@ -13120,9 +13105,17 @@ function CoverImage({ coverImageUrl, logoUrl }) {
   const handleReposition = () => {
     setIsRepositioning(!isRepositioning);
   };
-  const handleRemoveCover = () => {
+  const handleRemoveCover = async () => {
     if (!editor) return;
-    editor.setCoverImage?.(void 0);
+    setMetadata((prev) => ({ ...prev, cover: void 0 }));
+    try {
+      await editor.setPageMetadata?.({ cover: void 0 });
+    } catch (error) {
+      const currentMetadata = editor?.getPageMetadata?.();
+      if (currentMetadata) {
+        setMetadata(currentMetadata);
+      }
+    }
   };
   const handleAddLogo = () => {
     logoFileInputRef.current?.click();
@@ -13130,9 +13123,17 @@ function CoverImage({ coverImageUrl, logoUrl }) {
   const handleChangeLogo = () => {
     logoFileInputRef.current?.click();
   };
-  const handleRemoveLogo = () => {
+  const handleRemoveLogo = async () => {
     if (!editor) return;
-    editor.setLogo?.(void 0);
+    setMetadata((prev) => ({ ...prev, icon: void 0 }));
+    try {
+      await editor.setPageMetadata?.({ icon: void 0 });
+    } catch (error) {
+      const currentMetadata = editor?.getPageMetadata?.();
+      if (currentMetadata) {
+        setMetadata(currentMetadata);
+      }
+    }
   };
   const handleMouseMove = (e) => {
     if (!isRepositioning) return;
@@ -13145,8 +13146,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     return null;
   }
   if (!hasCover) {
-    return /* @__PURE__ */ React147.createElement(
-      Box23,
+    return /* @__PURE__ */ React151.createElement(
+      Box24,
       {
         style: {
           position: "relative",
@@ -13158,20 +13159,18 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         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 && !logoSrc && /* @__PURE__ */ React147.createElement(
+      /* @__PURE__ */ React151.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__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,
         {
           gap: "xs",
           style: {
             position: "absolute",
             top: "12px",
-            left: "96px",
+            left: "0",
             zIndex: 10
           }
         },
-        /* @__PURE__ */ React147.createElement(
+        /* @__PURE__ */ React151.createElement(
           Button32,
           {
             variant: "filled",
@@ -13188,7 +13187,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           },
           "Add icon"
         ),
-        /* @__PURE__ */ React147.createElement(
+        /* @__PURE__ */ React151.createElement(
           Button32,
           {
             variant: "filled",
@@ -13205,20 +13204,19 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           },
           "Add cover"
         )
-      ),
-      logoSrc && /* @__PURE__ */ React147.createElement(
-        Box23,
+      ), logoSrc && /* @__PURE__ */ React151.createElement(
+        Box24,
         {
           style: {
             position: "relative",
-            insetInlineStart: "96px",
+            insetInlineStart: "0",
             width: "120px",
             height: "120px",
             marginTop: "16px",
             zIndex: 11
           }
         },
-        /* @__PURE__ */ React147.createElement(
+        /* @__PURE__ */ React151.createElement(
           "img",
           {
             src: logoSrc,
@@ -13233,18 +13231,22 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             }
           }
         ),
-        editable && isHovering && /* @__PURE__ */ React147.createElement(
-          Group45,
+        editable && isHovering && /* @__PURE__ */ React151.createElement(
+          "div",
           {
-            gap: "xs",
             style: {
               position: "absolute",
-              top: "0",
-              left: "130px",
-              zIndex: 12
+              bottom: "-32px",
+              left: "50%",
+              transform: "translateX(-50%)",
+              zIndex: 12,
+              display: "flex",
+              flexDirection: "row",
+              gap: "4px",
+              alignItems: "center"
             }
           },
-          /* @__PURE__ */ React147.createElement(
+          /* @__PURE__ */ React151.createElement(
             Button32,
             {
               variant: "filled",
@@ -13261,7 +13263,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             },
             "Change"
           ),
-          /* @__PURE__ */ React147.createElement(
+          /* @__PURE__ */ React151.createElement(
             Button32,
             {
               variant: "filled",
@@ -13277,13 +13279,30 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               }
             },
             "Remove"
+          ),
+          /* @__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"
           )
         )
-      )
+      ))
     );
   }
-  return /* @__PURE__ */ React147.createElement(
-    Box23,
+  return /* @__PURE__ */ React151.createElement(
+    Box24,
     {
       style: {
         position: "relative",
@@ -13303,7 +13322,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
       onMouseMove: handleMouseMove,
       onClick: () => isRepositioning && setIsRepositioning(false)
     },
-    /* @__PURE__ */ React147.createElement(
+    /* @__PURE__ */ React151.createElement(
       "img",
       {
         src: coverUrl,
@@ -13321,7 +13340,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         }
       }
     ),
-    editable && isHovering && /* @__PURE__ */ React147.createElement(
+    editable && isHovering && /* @__PURE__ */ React151.createElement(
       Group45,
       {
         gap: "xs",
@@ -13332,7 +13351,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 10
         }
       },
-      /* @__PURE__ */ React147.createElement(
+      /* @__PURE__ */ React151.createElement(
         Button32,
         {
           variant: "filled",
@@ -13349,7 +13368,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         },
         "Change cover"
       ),
-      /* @__PURE__ */ React147.createElement(
+      /* @__PURE__ */ React151.createElement(
         Button32,
         {
           variant: "filled",
@@ -13366,7 +13385,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         },
         isRepositioning ? "Done" : "Reposition"
       ),
-      /* @__PURE__ */ React147.createElement(
+      /* @__PURE__ */ React151.createElement(
         Button32,
         {
           variant: "filled",
@@ -13384,19 +13403,19 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         "Remove"
       )
     ),
-    /* @__PURE__ */ React147.createElement(
-      Box23,
+    /* @__PURE__ */ React151.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: 0, right: 0, height: "70px" } }, /* @__PURE__ */ React151.createElement(
+      Box24,
       {
         style: {
           position: "absolute",
           bottom: "4px",
-          insetInlineStart: "96px",
+          insetInlineStart: "0",
           width: "120px",
           height: "120px",
           zIndex: 11
         }
       },
-      logoSrc && /* @__PURE__ */ React147.createElement(
+      logoSrc && /* @__PURE__ */ React151.createElement(
         "img",
         {
           src: logoSrc,
@@ -13411,9 +13430,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",
@@ -13424,7 +13443,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               zIndex: 12
             }
           },
-          /* @__PURE__ */ React147.createElement(
+          /* @__PURE__ */ React151.createElement(
             Button32,
             {
               variant: "filled",
@@ -13441,7 +13460,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             },
             "Change"
           ),
-          /* @__PURE__ */ React147.createElement(
+          /* @__PURE__ */ React151.createElement(
             Button32,
             {
               variant: "filled",
@@ -13461,7 +13480,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",
@@ -13484,50 +13503,52 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           "Add icon"
         )
       ))
-    ),
-    /* @__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,
@@ -13558,34 +13579,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,
@@ -13614,7 +13648,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,
@@ -13630,7 +13664,7 @@ function IxoEditor({
     children
   )));
   if (mantineTheme) {
-    return /* @__PURE__ */ React149.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
+    return /* @__PURE__ */ React153.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
   return editorContent;
 }
@@ -13717,4 +13751,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-YDHPP6BI.mjs.map
+//# sourceMappingURL=chunk-5JO27QWP.mjs.map