@ixo/editor 3.0.0-beta.1 → 3.0.0-beta.3

package/dist/{chunk-3RGK4GAV.mjs → chunk-EE3V7B4I.mjs}

@@ -756,15 +756,52 @@ registerAction({
 });
 
 // src/core/lib/actionRegistry/actions/humanForm.ts
-registerAction({
-  type: "human.form.submit",
-  sideEffect: true,
-  defaultRequiresConfirmation: false,
-  requiredCapability: "flow/execute",
-  run: async (inputs) => {
-    return { output: { answers: inputs.answers } };
+function normalizeAnswers(rawAnswers) {
+  if (rawAnswers == null) {
+    return {};
   }
-});
+  if (typeof rawAnswers === "string") {
+    try {
+      const parsed = JSON.parse(rawAnswers);
+      if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) {
+        throw new Error();
+      }
+      return parsed;
+    } catch {
+      throw new Error("answers must be a valid JSON object");
+    }
+  }
+  if (typeof rawAnswers !== "object" || Array.isArray(rawAnswers)) {
+    throw new Error("answers must be an object");
+  }
+  return rawAnswers;
+}
+function registerFormSubmitAction(type) {
+  registerAction({
+    type,
+    sideEffect: true,
+    defaultRequiresConfirmation: false,
+    requiredCapability: "flow/execute",
+    outputSchema: [
+      { path: "form.answers", displayName: "Form Answers JSON", type: "string", description: "JSON stringified form answers, matching form block runtime output." },
+      { path: "answers", displayName: "Form Answers", type: "object", description: "Parsed form answers object for convenience." }
+    ],
+    run: async (inputs) => {
+      const answers = normalizeAnswers(inputs.answers ?? inputs.form?.answers);
+      const answersJson = JSON.stringify(answers);
+      return {
+        output: {
+          form: {
+            answers: answersJson
+          },
+          answers
+        }
+      };
+    }
+  });
+}
+registerFormSubmitAction("form.submit");
+registerFormSubmitAction("human.form.submit");
 
 // src/core/lib/actionRegistry/actions/bid.ts
 function normalizeBidRole(role) {
@@ -1030,6 +1067,10 @@ function normalizeDecision2(value) {
 function toStatus(decision) {
   return decision === "approve" ? 1 : 2;
 }
+function isEvaluatorRole(role) {
+  const normalized = String(role || "").trim().toLowerCase();
+  return normalized === "ea" || normalized === "evaluation_agent";
+}
 registerAction({
   type: "evaluateClaim",
   sideEffect: true,
@@ -1059,6 +1100,24 @@ registerAction({
     if (!collectionId) throw new Error("collectionId is required");
     if (!deedDid) throw new Error("deedDid is required");
     if (!adminAddress) throw new Error("adminAddress is required");
+    const handlers = ctx.handlers;
+    const actorAddress = String(ctx.actorDid || service.getCurrentUser?.()?.address || "").trim();
+    if (!actorAddress) {
+      throw new Error("Unable to resolve actor address for evaluator authorization");
+    }
+    if (typeof handlers?.getUserRoles !== "function") {
+      throw new Error("Evaluator authorization check unavailable (getUserRoles handler missing)");
+    }
+    const roles = await handlers.getUserRoles({
+      userAddress: actorAddress,
+      adminAddress,
+      deedDid,
+      collectionIds: [collectionId]
+    });
+    const roleForCollection = Array.isArray(roles) ? roles.find((r) => r?.collectionId === collectionId)?.role : void 0;
+    if (!isEvaluatorRole(roleForCollection)) {
+      throw new Error("Not authorized: evaluator role required to evaluate claims for this collection");
+    }
     let amount = inputs.amount;
     if (typeof amount === "string" && amount.trim()) {
       try {
@@ -1067,8 +1126,25 @@ registerAction({
         throw new Error("amount must be valid JSON when provided as string");
       }
     }
-    if (amount && (typeof amount !== "object" || Array.isArray(amount))) {
-      throw new Error("amount must be an object with denom and amount");
+    const normalizeCoin = (coin) => {
+      if (!coin || typeof coin !== "object" || Array.isArray(coin)) return null;
+      const denom = String(coin.denom || "").trim();
+      const tokenAmount = String(coin.amount || "").trim();
+      if (!denom || !tokenAmount) return null;
+      return { denom, amount: tokenAmount };
+    };
+    let normalizedAmounts;
+    if (Array.isArray(amount)) {
+      normalizedAmounts = amount.map(normalizeCoin).filter((coin) => !!coin);
+      if (normalizedAmounts.length !== amount.length) {
+        throw new Error("amount must contain valid coin objects with denom and amount");
+      }
+    } else if (amount != null) {
+      const coin = normalizeCoin(amount);
+      if (!coin) {
+        throw new Error("amount must be a coin object or an array of coin objects");
+      }
+      normalizedAmounts = [coin];
     }
     let verificationProof = String(inputs.verificationProof || "").trim();
     const shouldCreateUdid = Boolean(inputs.createUdid);
@@ -1108,7 +1184,7 @@ registerAction({
       adminAddress,
       status: toStatus(decision),
       verificationProof,
-      amount: amount && amount.denom && amount.amount ? amount : void 0
+      amount: normalizedAmounts && normalizedAmounts.length > 0 ? normalizedAmounts.length === 1 ? normalizedAmounts[0] : normalizedAmounts : void 0
     });
     return {
       output: {
@@ -7683,7 +7759,7 @@ var ClaimsListSheet = ({
     setSurveyError(null);
     fetchClaims();
   };
-  const getClaimStatus3 = (paymentsStatus) => {
+  const getClaimStatus2 = (paymentsStatus) => {
     if (!paymentsStatus) {
       return "pending";
     }
@@ -7739,7 +7815,7 @@ var ClaimsListSheet = ({
         }
       },
       /* @__PURE__ */ React63.createElement(Stack40, { gap: "md", h: "100%" }, /* @__PURE__ */ React63.createElement(BaseButton, { onClick: handleNewClaim, fullWidth: true }, "New Claim"), loading ? /* @__PURE__ */ React63.createElement(Stack40, { align: "center", justify: "center", style: { flex: 1 } }, /* @__PURE__ */ React63.createElement(Loader5, { size: "lg" }), /* @__PURE__ */ React63.createElement(Text39, { size: "sm", c: "dimmed" }, "Loading claims...")) : error ? /* @__PURE__ */ React63.createElement(Alert7, { color: "red", title: "Failed to load claims", icon: /* @__PURE__ */ React63.createElement(IconAlertCircle2, { size: 18 }) }, /* @__PURE__ */ React63.createElement(Text39, { size: "sm" }, error)) : claims.length === 0 ? /* @__PURE__ */ React63.createElement(Stack40, { align: "center", justify: "center", style: { flex: 1 } }, /* @__PURE__ */ React63.createElement(Text39, { size: "sm", c: "dimmed", ta: "center" }, 'No claims found. Click "New Claim" to submit your first claim.')) : /* @__PURE__ */ React63.createElement(Stack40, { gap: "xs" }, claims.map((claim) => {
-        const status = getClaimStatus3(claim.paymentsStatus);
+        const status = getClaimStatus2(claim.paymentsStatus);
         return /* @__PURE__ */ React63.createElement(ListItemContainer, { key: claim.claimId, isChecked: false }, /* @__PURE__ */ React63.createElement(Stack40, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React63.createElement(Text39, { size: "sm", fw: 500 }, "Claim #", claim.claimId), /* @__PURE__ */ React63.createElement(Text39, { size: "xs", c: "dimmed" }, "Submitted: ", formatDate(claim.submissionDate))), /* @__PURE__ */ React63.createElement(Text39, { size: "xs", fw: 500, c: getStatusColor5(status) }, status.toUpperCase()));
       })))
     ),
@@ -8166,7 +8242,7 @@ function useBidActions(bid, deedId, adminAddress, execution, onRefresh, executeH
 var USDC_DENOM2 = "ibc/6BBE9BD4246F8E04948D5A4EEE7164B2630263B9EBB5E7DC5F0A46C62A2FF97B";
 var IXO_DENOM2 = "uixo";
 var DECIMALS2 = 6;
-var isEvaluatorRole = (role) => {
+var isEvaluatorRole2 = (role) => {
   return role === "evaluation_agent" || role === "EA";
 };
 var BidViewPanel = ({ editor, block, bid, deedId, adminAddress, onRefresh, execution, executeHookedActions }) => {
@@ -8183,7 +8259,7 @@ var BidViewPanel = ({ editor, block, bid, deedId, adminAddress, onRefresh, execu
   const [rejectReason, setRejectReason] = useState25("");
   const [maxUsdcAmount, setMaxUsdcAmount] = useState25("");
   const [maxIxoAmount, setMaxIxoAmount] = useState25("");
-  const isEvaluator = isEvaluatorRole(bid.role);
+  const isEvaluator = isEvaluatorRole2(bid.role);
   const buildMaxAmounts = () => {
     if (!isEvaluator) return void 0;
     const coins = [];
@@ -8707,6 +8783,89 @@ import { Group as Group21, Stack as Stack49, Text as Text49 } from "@mantine/cor
 // src/mantine/blocks/evaluator/flow/ClaimsList.tsx
 import React72, { useState as useState30, useEffect as useEffect27, useCallback as useCallback28, useMemo as useMemo31 } from "react";
 import { Paper as Paper7, CloseButton as CloseButton2, Title as Title5, Loader as Loader11, Stack as Stack48, Text as Text48, ActionIcon as ActionIcon8, Alert as Alert11, Badge as Badge8, Group as Group20, Button as Button8, Divider as Divider7, Tabs, ScrollArea, Box as Box24, Select as Select3 } from "@mantine/core";
+
+// src/mantine/utils/claimStatus.ts
+var STATUS_META = {
+  pending: { label: "Pending", color: "yellow", isTerminal: false },
+  approved: { label: "Approved", color: "green", isTerminal: true },
+  rejected: { label: "Rejected", color: "red", isTerminal: true },
+  disputed: { label: "Disputed", color: "orange", isTerminal: false },
+  invalidated: { label: "Invalidated", color: "gray", isTerminal: true },
+  unknown: { label: "Unknown", color: "gray", isTerminal: false }
+};
+function asStatusInfo(key) {
+  return { key, ...STATUS_META[key] };
+}
+function parseEnumStatus(value) {
+  const numeric = typeof value === "number" ? value : Number(value);
+  if (!Number.isFinite(numeric)) return null;
+  switch (numeric) {
+    case 0:
+      return "pending";
+    case 1:
+      return "approved";
+    case 2:
+      return "rejected";
+    case 3:
+      return "disputed";
+    case 4:
+      return "invalidated";
+    case -1:
+      return "unknown";
+    default:
+      return null;
+  }
+}
+function parseStringStatus(value) {
+  const normalized = String(value || "").trim().toLowerCase();
+  switch (normalized) {
+    case "pending":
+      return "pending";
+    case "approved":
+      return "approved";
+    case "rejected":
+      return "rejected";
+    case "disputed":
+      return "disputed";
+    case "invalidated":
+      return "invalidated";
+    case "unknown":
+      return "unknown";
+    default:
+      return null;
+  }
+}
+function getClaimStatusInfo(claim) {
+  const evaluationStatusKey = parseEnumStatus(claim?.evaluationByClaimId?.status);
+  if (evaluationStatusKey) {
+    return asStatusInfo(evaluationStatusKey);
+  }
+  const directEnumStatusKey = parseEnumStatus(claim?.status);
+  if (directEnumStatusKey) {
+    return asStatusInfo(directEnumStatusKey);
+  }
+  const directStringStatusKey = parseStringStatus(claim?.status);
+  if (directStringStatusKey) {
+    return asStatusInfo(directStringStatusKey);
+  }
+  const paymentsStatus = claim?.paymentsStatus;
+  if (paymentsStatus?.approval === "PAID") {
+    return asStatusInfo("approved");
+  }
+  if (paymentsStatus?.rejection === "PAID") {
+    return asStatusInfo("rejected");
+  }
+  if (paymentsStatus?.evaluation === "PAID" || paymentsStatus?.submission === "PAID") {
+    return asStatusInfo("pending");
+  }
+  return asStatusInfo("pending");
+}
+function isClaimEvaluated(claim) {
+  const status = getClaimStatusInfo(claim);
+  return status.key === "approved" || status.key === "rejected" || status.key === "invalidated";
+}
+
+// src/mantine/blocks/evaluator/flow/ClaimsList.tsx
 import { IconAlertCircle as IconAlertCircle6, IconArrowRight as IconArrowRight2, IconRefresh, IconArrowLeft as IconArrowLeft3, IconFileText as IconFileText4, IconRobot as IconRobot3, IconChecklist as IconChecklist3 } from "@tabler/icons-react";
 import { Survey as Survey5, SurveyModel as SurveyModel5 } from "@ixo/surveys";
 
@@ -9482,19 +9641,7 @@ var ClaimsList = ({ collectionId, collectionName, deedId, adminAddress, onEvalua
   }, [selectedClaim, handlers, deedId, collectionId, adminAddress, evaluationResult, handleBackToList, onEvaluationComplete, editor, buildPaymentCoin]);
   const isClaimAlreadyEvaluated = useMemo31(() => {
     if (!selectedClaim) return false;
-    if ("status" in selectedClaim && selectedClaim.status) {
-      const status = String(selectedClaim.status).toLowerCase();
-      if (status === "approved" || status === "rejected") {
-        return true;
-      }
-    }
-    if ("paymentsStatus" in selectedClaim && selectedClaim.paymentsStatus) {
-      const paymentsStatus = selectedClaim.paymentsStatus;
-      if (paymentsStatus.approval === "PAID" || paymentsStatus.rejection === "PAID") {
-        return true;
-      }
-    }
-    return false;
+    return isClaimEvaluated(selectedClaim);
   }, [selectedClaim]);
   return /* @__PURE__ */ React72.createElement(
     Paper7,
@@ -9615,35 +9762,7 @@ var ClaimListItem = ({ claim, onViewClaim }) => {
     };
     fetchUserProfile();
   }, [claim.agentDid]);
-  const getClaimStatus3 = (claim2) => {
-    if ("status" in claim2 && claim2.status) {
-      const status = String(claim2.status).toLowerCase();
-      switch (status) {
-        case "approved":
-          return { status: "Approved", color: "green" };
-        case "rejected":
-          return { status: "Rejected", color: "red" };
-        case "pending":
-          return { status: "Pending", color: "yellow" };
-        default:
-          return { status: "Unknown", color: "gray" };
-      }
-    }
-    if ("paymentsStatus" in claim2 && claim2.paymentsStatus) {
-      const paymentsStatus = claim2.paymentsStatus;
-      if (paymentsStatus.approval === "PAID") {
-        return { status: "Approved", color: "green" };
-      }
-      if (paymentsStatus.rejection === "PAID") {
-        return { status: "Rejected", color: "red" };
-      }
-      if (paymentsStatus.evaluation === "PAID" || paymentsStatus.submission === "PAID") {
-        return { status: "Pending", color: "yellow" };
-      }
-    }
-    return { status: "Pending", color: "yellow" };
-  };
-  const claimStatus = getClaimStatus3(claim);
+  const claimStatus = getClaimStatusInfo(claim);
   const displayName = userProfile?.displayname || (claim.agentAddress ? `${claim.agentAddress.slice(0, 12)}...` : "Unknown");
   return /* @__PURE__ */ React72.createElement(
     "div",
@@ -9659,7 +9778,7 @@ var ClaimListItem = ({ claim, onViewClaim }) => {
       tabIndex: 0,
       style: { cursor: "pointer" }
     },
-    /* @__PURE__ */ React72.createElement(ListItemContainer, { isChecked: false }, /* @__PURE__ */ React72.createElement(Stack48, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React72.createElement(Text48, { size: "sm", fw: 500 }, "Claim #", claim.claimId), /* @__PURE__ */ React72.createElement(Text48, { size: "xs", c: "dimmed" }, "Submitted: ", formatDate(claim.submissionDate || claim.submittedAt)), claim.agentDid && /* @__PURE__ */ React72.createElement(Group20, { gap: 4 }, /* @__PURE__ */ React72.createElement(Text48, { size: "xs", c: "dimmed" }, "Agent: ", loadingProfile ? "Loading..." : displayName), userProfile?.verified && /* @__PURE__ */ React72.createElement(Text48, { size: "xs", c: "blue", fw: 600, title: "Verified user" }, "\u2713"))), /* @__PURE__ */ React72.createElement(Stack48, { gap: 4, align: "flex-end" }, /* @__PURE__ */ React72.createElement(Badge8, { color: claimStatus.color, size: "sm" }, claimStatus.status), /* @__PURE__ */ React72.createElement(ActionIcon8, { variant: "subtle", size: "sm" }, /* @__PURE__ */ React72.createElement(IconArrowRight2, { size: 16 }))))
+    /* @__PURE__ */ React72.createElement(ListItemContainer, { isChecked: false }, /* @__PURE__ */ React72.createElement(Stack48, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React72.createElement(Text48, { size: "sm", fw: 500 }, "Claim #", claim.claimId), /* @__PURE__ */ React72.createElement(Text48, { size: "xs", c: "dimmed" }, "Submitted: ", formatDate(claim.submissionDate || claim.submittedAt)), claim.agentDid && /* @__PURE__ */ React72.createElement(Group20, { gap: 4 }, /* @__PURE__ */ React72.createElement(Text48, { size: "xs", c: "dimmed" }, "Agent: ", loadingProfile ? "Loading..." : displayName), userProfile?.verified && /* @__PURE__ */ React72.createElement(Text48, { size: "xs", c: "blue", fw: 600, title: "Verified user" }, "\u2713"))), /* @__PURE__ */ React72.createElement(Stack48, { gap: 4, align: "flex-end" }, /* @__PURE__ */ React72.createElement(Badge8, { color: claimStatus.color, size: "sm" }, claimStatus.label), /* @__PURE__ */ React72.createElement(ActionIcon8, { variant: "subtle", size: "sm" }, /* @__PURE__ */ React72.createElement(IconArrowRight2, { size: 16 }))))
   );
 };
 
@@ -24789,11 +24908,11 @@ var FlowLinkBlockSpec = createReactBlockSpec20(
 );
 
 // src/mantine/blocks/action/ActionBlockSpec.tsx
-import React251 from "react";
+import React253 from "react";
 import { createReactBlockSpec as createReactBlockSpec21 } from "@blocknote/react";
 
 // src/mantine/blocks/action/ActionBlock.tsx
-import React250 from "react";
+import React252 from "react";
 
 // src/mantine/blocks/action/template/TemplateView.tsx
 import React237, { useMemo as useMemo85 } from "react";
@@ -25064,7 +25183,7 @@ var ACTION_COMMITMENT_PANEL_ID = "action-template-commitment-panel";
 var ActionTemplateView = ({ editor, block }) => {
   const panelId = `${ACTION_TEMPLATE_PANEL_ID}-${block.id}`;
   const assignmentPanelId = `${ACTION_ASSIGNMENT_PANEL_ID}-${block.id}`;
-  const { closePanel } = usePanelStore();
+  const { closePanel, activePanel } = usePanelStore();
   const panelContent = useMemo85(() => /* @__PURE__ */ React237.createElement(TemplateConfig17, { editor, block }), [editor, block]);
   const assignmentPanelContent = useMemo85(
     () => /* @__PURE__ */ React237.createElement(
@@ -25085,6 +25204,7 @@ var ActionTemplateView = ({ editor, block }) => {
     [editor, block, closePanel]
   );
   const { open: openCommitment } = usePanel(commitmentPanelId, commitmentPanelContent);
+  const isPanelOpenForBlock = activePanel === panelId || activePanel === assignmentPanelId || activePanel === commitmentPanelId;
   const actionType = block.props.actionType || "";
   const dueDate = block.props.ttlAbsoluteDueDate;
   const dueDateDisplay = dueDate ? formatDate(dueDate) : "";
@@ -25095,8 +25215,10 @@ var ActionTemplateView = ({ editor, block }) => {
       onClick: open,
       style: {
         padding: 20,
-        borderColor: "var(--mantine-color-accent-5, #2aeab3)",
-        background: "rgba(255, 255, 255, 0.02)"
+        borderColor: isPanelOpenForBlock ? "#2AEAB3" : "var(--mantine-color-neutralColor-6)",
+        background: "rgba(255, 255, 255, 0.02)",
+        boxShadow: "none",
+        transition: "border-color 140ms ease"
       }
     },
     /* @__PURE__ */ React237.createElement(Group85, { wrap: "nowrap", gap: 24, align: "center", style: { width: "100%" } }, /* @__PURE__ */ React237.createElement(Group85, { wrap: "nowrap", gap: 16, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React237.createElement(Box45, { style: { flexShrink: 0, width: 32, height: 32, display: "flex", alignItems: "center", justifyContent: "center" } }, getIcon("bolt", block.props.icon, "white", 24)), /* @__PURE__ */ React237.createElement(Stack155, { gap: 0, style: { flex: 1, minWidth: 0, overflow: "hidden" } }, /* @__PURE__ */ React237.createElement(Text132, { fw: 500, size: "md", c: "white", truncate: true, contentEditable: false, style: { letterSpacing: "0.16px", lineHeight: 1.5 } }, block.props.title || "Title of the action"), /* @__PURE__ */ React237.createElement(Text132, { size: "sm", c: "dimmed", truncate: true, contentEditable: false, style: { letterSpacing: "0.14px" } }, subtitle))), /* @__PURE__ */ React237.createElement(Stack155, { gap: 2, align: "flex-end", style: { flexShrink: 0, minWidth: 100 } }, /* @__PURE__ */ React237.createElement(Text132, { fw: 500, size: "md", c: "white", style: { letterSpacing: "0.16px", lineHeight: 1.5, textAlign: "right" } }, "Pending"), /* @__PURE__ */ React237.createElement(Group85, { gap: 4, justify: "flex-end" }, /* @__PURE__ */ React237.createElement(CommitmentDisplay, { block, onClick: openCommitment }), /* @__PURE__ */ React237.createElement(AssignmentDisplay, { onClick: openAssignment, block }))))
@@ -25107,6 +25229,14 @@ var ActionTemplateView = ({ editor, block }) => {
 import React238, { useMemo as useMemo86, useState as useState88 } from "react";
 import { Group as Group86, Stack as Stack156, Text as Text133, Button as Button40, Code as Code7, Loader as Loader34, Alert as Alert34, Box as Box46, Badge as Badge39, Divider as Divider22 } from "@mantine/core";
 import { IconPlayerPlay as IconPlayerPlay2, IconAlertTriangle as IconAlertTriangle3, IconUser as IconUser14, IconBolt as IconBolt9 } from "@tabler/icons-react";
+
+// src/mantine/blocks/action/alertStyles.ts
+var actionAlertStyles = {
+  title: { color: "white" },
+  message: { color: "white" }
+};
+
+// src/mantine/blocks/action/flow/FlowView.tsx
 var getStatusLabel4 = (runtimeState) => {
   switch (runtimeState) {
     case "running":
@@ -25135,7 +25265,7 @@ var ActionFlowView = ({ editor, block, isDisabled }) => {
   const disabled = isDisabled?.isDisabled === "disable";
   const [runtime] = useNodeRuntime(editor, block.id);
   const panelId = `action-flow-panel-${block.id}`;
-  const { closePanel } = usePanelStore();
+  const { closePanel, activePanel } = usePanelStore();
   const actionType = block.props.actionType || "";
   const actionTypeUI = actionType ? getActionTypeUI(actionType) : void 0;
   const FlowDetailComponent = actionTypeUI?.flowDetailComponent;
@@ -25178,14 +25308,17 @@ var ActionFlowView = ({ editor, block, isDisabled }) => {
     [editor, block, closePanel]
   );
   const { open: openCommitment } = usePanel(commitmentPanelId, commitmentPanelContent);
+  const isPanelOpenForBlock = activePanel === panelId || activePanel === commitmentPanelId;
   return /* @__PURE__ */ React238.createElement(
     BaseContainer,
     {
       onClick: open,
       style: {
         padding: 20,
-        borderColor: "var(--mantine-color-accent-5, #2aeab3)",
-        background: "rgba(255, 255, 255, 0.02)"
+        borderColor: isPanelOpenForBlock ? "#2AEAB3" : "var(--mantine-color-neutralColor-6)",
+        background: "rgba(255, 255, 255, 0.02)",
+        boxShadow: "none",
+        transition: "border-color 140ms ease"
       }
     },
     /* @__PURE__ */ React238.createElement(Group86, { wrap: "nowrap", gap: 24, align: "center", style: { width: "100%" } }, /* @__PURE__ */ React238.createElement(Group86, { wrap: "nowrap", gap: 16, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React238.createElement(Box46, { style: { flexShrink: 0, width: 32, height: 32, display: "flex", alignItems: "center", justifyContent: "center" } }, getIcon("bolt", block.props.icon, "white", 24)), /* @__PURE__ */ React238.createElement(Stack156, { gap: 0, style: { flex: 1, minWidth: 0, overflow: "hidden" } }, /* @__PURE__ */ React238.createElement(Text133, { fw: 500, size: "md", c: "white", truncate: true, contentEditable: false, style: { letterSpacing: "0.16px", lineHeight: 1.5 } }, block.props.title || "Title of the action"), /* @__PURE__ */ React238.createElement(Text133, { size: "sm", c: "dimmed", truncate: true, contentEditable: false, style: { letterSpacing: "0.14px" } }, dueDateDisplay || block.props.description || "Due Date"))), /* @__PURE__ */ React238.createElement(Stack156, { gap: 2, align: "flex-end", style: { flexShrink: 0, minWidth: 100 } }, /* @__PURE__ */ React238.createElement(Badge39, { size: "sm", variant: "light", color: getStatusColor4(runtimeState) }, statusLabel), /* @__PURE__ */ React238.createElement(Group86, { gap: 4, justify: "flex-end" }, /* @__PURE__ */ React238.createElement(CommitmentDisplay, { block, onClick: openCommitment }), /* @__PURE__ */ React238.createElement(AssignmentDisplay, { block, onClick: open }))))
@@ -25366,7 +25499,7 @@ function GenericFlowPanel({
       disabled: isDisabled || isLoading || !actionType
     },
     isLoading ? "Running..." : "Execute"
-  ), isDisabled && disabledMessage && /* @__PURE__ */ React238.createElement(Text133, { size: "xs", c: "dimmed" }, disabledMessage), runtime.error && /* @__PURE__ */ React238.createElement(Alert34, { icon: /* @__PURE__ */ React238.createElement(IconAlertTriangle3, { size: 16 }), title: "Execution Error", color: "red" }, /* @__PURE__ */ React238.createElement(Text133, { size: "xs" }, runtime.error.message)), Object.keys(parsedInputs).length > 0 && /* @__PURE__ */ React238.createElement(React238.Fragment, null, /* @__PURE__ */ React238.createElement(Divider22, null), /* @__PURE__ */ React238.createElement(Stack156, { gap: "xs" }, /* @__PURE__ */ React238.createElement(Text133, { size: "xs", fw: 600, c: "dimmed" }, "Inputs"), /* @__PURE__ */ React238.createElement(Code7, { block: true, style: { fontSize: "11px" } }, JSON.stringify(parsedInputs, null, 2)))), outputJson && /* @__PURE__ */ React238.createElement(React238.Fragment, null, /* @__PURE__ */ React238.createElement(Divider22, null), /* @__PURE__ */ React238.createElement(Stack156, { gap: "xs" }, /* @__PURE__ */ React238.createElement(Text133, { size: "xs", fw: 600, c: "dimmed" }, "Output"), /* @__PURE__ */ React238.createElement(Code7, { block: true, style: { fontSize: "11px", maxHeight: "300px", overflow: "auto" } }, outputJson))));
+  ), isDisabled && disabledMessage && /* @__PURE__ */ React238.createElement(Text133, { size: "xs", c: "dimmed" }, disabledMessage), runtime.error && /* @__PURE__ */ React238.createElement(Alert34, { icon: /* @__PURE__ */ React238.createElement(IconAlertTriangle3, { size: 16 }), title: "Execution Error", color: "red", styles: actionAlertStyles }, /* @__PURE__ */ React238.createElement(Text133, { size: "xs" }, runtime.error.message)), Object.keys(parsedInputs).length > 0 && /* @__PURE__ */ React238.createElement(React238.Fragment, null, /* @__PURE__ */ React238.createElement(Divider22, null), /* @__PURE__ */ React238.createElement(Stack156, { gap: "xs" }, /* @__PURE__ */ React238.createElement(Text133, { size: "xs", fw: 600, c: "dimmed" }, "Inputs"), /* @__PURE__ */ React238.createElement(Code7, { block: true, style: { fontSize: "11px" } }, JSON.stringify(parsedInputs, null, 2)))), outputJson && /* @__PURE__ */ React238.createElement(React238.Fragment, null, /* @__PURE__ */ React238.createElement(Divider22, null), /* @__PURE__ */ React238.createElement(Stack156, { gap: "xs" }, /* @__PURE__ */ React238.createElement(Text133, { size: "xs", fw: 600, c: "dimmed" }, "Output"), /* @__PURE__ */ React238.createElement(Code7, { block: true, style: { fontSize: "11px", maxHeight: "300px", overflow: "auto" } }, outputJson))));
 }
 
 // src/mantine/blocks/action/actionTypes/httpRequest/HttpRequestConfig.tsx
@@ -25476,7 +25609,7 @@ var HttpRequestConfig = ({ inputs, onInputsChange, editor, blockId }) => {
       currentBlockId: blockId,
       size: "sm"
     }
-  ), /* @__PURE__ */ React239.createElement(ActionIcon31, { color: "red", variant: "subtle", onClick: () => handleRemoveBodyField(index) }, /* @__PURE__ */ React239.createElement(IconTrash9, { size: 16 }))))))), /* @__PURE__ */ React239.createElement(Divider23, { variant: "dashed" }), /* @__PURE__ */ React239.createElement(Alert35, { icon: /* @__PURE__ */ React239.createElement(IconInfoCircle5, { size: 16 }), title: "Response Schema", color: "blue" }, /* @__PURE__ */ React239.createElement(Text134, { size: "xs" }, "Define the expected structure of your API response. This allows other blocks to reference specific fields from the response data using the DataInput component.")), /* @__PURE__ */ React239.createElement(Stack157, { gap: "xs" }, /* @__PURE__ */ React239.createElement(Text134, { size: "sm", fw: 600 }, "How it works"), /* @__PURE__ */ React239.createElement(Text134, { size: "xs", c: "dimmed" }, "1. Define response fields using dot notation (e.g., ", /* @__PURE__ */ React239.createElement(Code8, null, "customer.email"), ")"), /* @__PURE__ */ React239.createElement(Text134, { size: "xs", c: "dimmed" }, "2. Fields become available in DataInput selectors across other blocks"), /* @__PURE__ */ React239.createElement(Text134, { size: "xs", c: "dimmed" }, "3. Reference them like: ", /* @__PURE__ */ React239.createElement(Code8, null, `{{${blockId}.response.customer.email}}`))), /* @__PURE__ */ React239.createElement(Stack157, { gap: "xs" }, /* @__PURE__ */ React239.createElement(Group87, { justify: "space-between" }, /* @__PURE__ */ React239.createElement(Text134, { size: "sm", fw: 600 }, "Response Fields"), /* @__PURE__ */ React239.createElement(Button41, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React239.createElement(IconPlus9, { size: 14 }), onClick: handleAddSchemaField }, "Add Field")), schemaFields.length === 0 ? /* @__PURE__ */ React239.createElement(Code8, { p: "md" }, 'No response fields defined yet. Click "Add Field" to start defining your response structure.') : /* @__PURE__ */ React239.createElement(Stack157, { gap: "md" }, schemaFields.map((field, index) => /* @__PURE__ */ React239.createElement(Paper17, { key: index, p: "md", withBorder: true }, /* @__PURE__ */ React239.createElement(Stack157, { gap: "sm" }, /* @__PURE__ */ React239.createElement(Group87, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React239.createElement(Text134, { size: "sm", fw: 500 }, "Field ", index + 1), /* @__PURE__ */ React239.createElement(ActionIcon31, { color: "red", variant: "subtle", onClick: () => handleRemoveSchemaField(index) }, /* @__PURE__ */ React239.createElement(IconTrash9, { size: 16 }))), /* @__PURE__ */ React239.createElement(
+  ), /* @__PURE__ */ React239.createElement(ActionIcon31, { color: "red", variant: "subtle", onClick: () => handleRemoveBodyField(index) }, /* @__PURE__ */ React239.createElement(IconTrash9, { size: 16 }))))))), /* @__PURE__ */ React239.createElement(Divider23, { variant: "dashed" }), /* @__PURE__ */ React239.createElement(Alert35, { icon: /* @__PURE__ */ React239.createElement(IconInfoCircle5, { size: 16 }), title: "Response Schema", color: "blue", styles: actionAlertStyles }, /* @__PURE__ */ React239.createElement(Text134, { size: "xs" }, "Define the expected structure of your API response. This allows other blocks to reference specific fields from the response data using the DataInput component.")), /* @__PURE__ */ React239.createElement(Stack157, { gap: "xs" }, /* @__PURE__ */ React239.createElement(Text134, { size: "sm", fw: 600 }, "How it works"), /* @__PURE__ */ React239.createElement(Text134, { size: "xs", c: "dimmed" }, "1. Define response fields using dot notation (e.g., ", /* @__PURE__ */ React239.createElement(Code8, null, "customer.email"), ")"), /* @__PURE__ */ React239.createElement(Text134, { size: "xs", c: "dimmed" }, "2. Fields become available in DataInput selectors across other blocks"), /* @__PURE__ */ React239.createElement(Text134, { size: "xs", c: "dimmed" }, "3. Reference them like: ", /* @__PURE__ */ React239.createElement(Code8, null, `{{${blockId}.response.customer.email}}`))), /* @__PURE__ */ React239.createElement(Stack157, { gap: "xs" }, /* @__PURE__ */ React239.createElement(Group87, { justify: "space-between" }, /* @__PURE__ */ React239.createElement(Text134, { size: "sm", fw: 600 }, "Response Fields"), /* @__PURE__ */ React239.createElement(Button41, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React239.createElement(IconPlus9, { size: 14 }), onClick: handleAddSchemaField }, "Add Field")), schemaFields.length === 0 ? /* @__PURE__ */ React239.createElement(Code8, { p: "md" }, 'No response fields defined yet. Click "Add Field" to start defining your response structure.') : /* @__PURE__ */ React239.createElement(Stack157, { gap: "md" }, schemaFields.map((field, index) => /* @__PURE__ */ React239.createElement(Paper17, { key: index, p: "md", withBorder: true }, /* @__PURE__ */ React239.createElement(Stack157, { gap: "sm" }, /* @__PURE__ */ React239.createElement(Group87, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React239.createElement(Text134, { size: "sm", fw: 500 }, "Field ", index + 1), /* @__PURE__ */ React239.createElement(ActionIcon31, { color: "red", variant: "subtle", onClick: () => handleRemoveSchemaField(index) }, /* @__PURE__ */ React239.createElement(IconTrash9, { size: 16 }))), /* @__PURE__ */ React239.createElement(
     BaseTextInput,
     {
       label: "Field Path",
@@ -25644,7 +25777,7 @@ var HttpRequestFlowDetail = ({ inputs, editor, runtime, updateRuntime, isDisable
       disabled: isDisabled || isLoading || !endpoint
     },
     isLoading ? "Sending..." : "Execute"
-  ), /* @__PURE__ */ React240.createElement(ActionIcon32, { variant: "subtle", onClick: () => setShowDetails(!showDetails), disabled: !hasDetails }, showDetails ? /* @__PURE__ */ React240.createElement(IconChevronUp4, { size: 16 }) : /* @__PURE__ */ React240.createElement(IconChevronDown8, { size: 16 }))), /* @__PURE__ */ React240.createElement(Collapse7, { in: showDetails }, /* @__PURE__ */ React240.createElement(Stack158, { gap: "md" }, validationWarnings.length > 0 && /* @__PURE__ */ React240.createElement(Alert36, { icon: /* @__PURE__ */ React240.createElement(IconAlertTriangle4, { size: 16 }), title: "Schema Validation Warnings", color: "yellow" }, /* @__PURE__ */ React240.createElement(Stack158, { gap: "xs" }, /* @__PURE__ */ React240.createElement(Text135, { size: "xs" }, "The API response does not match the defined schema:"), validationWarnings.map((warning, index) => /* @__PURE__ */ React240.createElement(Text135, { key: index, size: "xs", c: "dimmed" }, "\u2022 ", warning)))), headers.length > 0 && /* @__PURE__ */ React240.createElement(Stack158, { gap: "xs" }, /* @__PURE__ */ React240.createElement(Text135, { size: "xs", fw: 600, c: "dimmed" }, "Headers:"), /* @__PURE__ */ React240.createElement(Code9, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
+  ), /* @__PURE__ */ React240.createElement(ActionIcon32, { variant: "subtle", onClick: () => setShowDetails(!showDetails), disabled: !hasDetails }, showDetails ? /* @__PURE__ */ React240.createElement(IconChevronUp4, { size: 16 }) : /* @__PURE__ */ React240.createElement(IconChevronDown8, { size: 16 }))), /* @__PURE__ */ React240.createElement(Collapse7, { in: showDetails }, /* @__PURE__ */ React240.createElement(Stack158, { gap: "md" }, validationWarnings.length > 0 && /* @__PURE__ */ React240.createElement(Alert36, { icon: /* @__PURE__ */ React240.createElement(IconAlertTriangle4, { size: 16 }), title: "Schema Validation Warnings", color: "yellow", styles: actionAlertStyles }, /* @__PURE__ */ React240.createElement(Stack158, { gap: "xs" }, /* @__PURE__ */ React240.createElement(Text135, { size: "xs" }, "The API response does not match the defined schema:"), validationWarnings.map((warning, index) => /* @__PURE__ */ React240.createElement(Text135, { key: index, size: "xs", c: "dimmed" }, "\u2022 ", warning)))), headers.length > 0 && /* @__PURE__ */ React240.createElement(Stack158, { gap: "xs" }, /* @__PURE__ */ React240.createElement(Text135, { size: "xs", fw: 600, c: "dimmed" }, "Headers:"), /* @__PURE__ */ React240.createElement(Code9, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
     headers.reduce(
       (acc, h) => {
         if (h.key && h.value) acc[h.key] = h.value;
@@ -25664,7 +25797,7 @@ var HttpRequestFlowDetail = ({ inputs, editor, runtime, updateRuntime, isDisable
     ),
     null,
     2
-  ))), response && /* @__PURE__ */ React240.createElement(Stack158, { gap: "xs" }, /* @__PURE__ */ React240.createElement(Text135, { size: "xs", fw: 600, c: "dimmed" }, "Response:"), status === "error" ? /* @__PURE__ */ React240.createElement(Alert36, { color: "red", title: "Error", styles: { message: { fontSize: "11px" } } }, /* @__PURE__ */ React240.createElement(Code9, { block: true, style: { fontSize: "11px" } }, response)) : /* @__PURE__ */ React240.createElement(Code9, { block: true, style: { fontSize: "11px", maxHeight: "300px", overflow: "auto" } }, response)))));
+  ))), response && /* @__PURE__ */ React240.createElement(Stack158, { gap: "xs" }, /* @__PURE__ */ React240.createElement(Text135, { size: "xs", fw: 600, c: "dimmed" }, "Response:"), status === "error" ? /* @__PURE__ */ React240.createElement(Alert36, { color: "red", title: "Error", styles: { ...actionAlertStyles, message: { ...actionAlertStyles.message, fontSize: "11px" } } }, /* @__PURE__ */ React240.createElement(Code9, { block: true, style: { fontSize: "11px" } }, response)) : /* @__PURE__ */ React240.createElement(Code9, { block: true, style: { fontSize: "11px", maxHeight: "300px", overflow: "auto" } }, response)))));
 };
 
 // src/mantine/blocks/action/actionTypes/httpRequest/index.ts
@@ -25870,7 +26003,7 @@ var EmailSendConfig = ({ inputs, onInputsChange, editor, blockId }) => {
       onChange: (e) => update({ subject: e.currentTarget.value }),
       description: "Email subject line (optional \u2014 template may define its own)"
     }
-  ), /* @__PURE__ */ React241.createElement(Divider24, { variant: "dashed" }), /* @__PURE__ */ React241.createElement(Stack159, { gap: "md" }, /* @__PURE__ */ React241.createElement(Text136, { size: "sm", fw: 600 }, "Template Variables"), !local.templateName ? /* @__PURE__ */ React241.createElement(Alert37, { color: "blue", icon: /* @__PURE__ */ React241.createElement(IconInfoCircle6, { size: 16 }) }, "Select a template above to see available variables.") : parsedExtractedVariables.length === 0 ? /* @__PURE__ */ React241.createElement(Alert37, { color: "green", icon: /* @__PURE__ */ React241.createElement(IconCheck16, { size: 16 }) }, "This template has no handlebars variables to configure.") : /* @__PURE__ */ React241.createElement(Stack159, { gap: "md" }, /* @__PURE__ */ React241.createElement(Group89, { justify: "space-between" }, /* @__PURE__ */ React241.createElement(Text136, { size: "xs", c: "dimmed" }, "Map template variables to block data or static values"), /* @__PURE__ */ React241.createElement(Badge41, { color: mappedCount === parsedExtractedVariables.length ? "green" : "orange" }, mappedCount, "/", parsedExtractedVariables.length, " mapped")), parsedExtractedVariables.map((variable) => /* @__PURE__ */ React241.createElement(
+  ), /* @__PURE__ */ React241.createElement(Divider24, { variant: "dashed" }), /* @__PURE__ */ React241.createElement(Stack159, { gap: "md" }, /* @__PURE__ */ React241.createElement(Text136, { size: "sm", fw: 600 }, "Template Variables"), !local.templateName ? /* @__PURE__ */ React241.createElement(Alert37, { color: "blue", icon: /* @__PURE__ */ React241.createElement(IconInfoCircle6, { size: 16 }), styles: actionAlertStyles }, "Select a template above to see available variables.") : parsedExtractedVariables.length === 0 ? /* @__PURE__ */ React241.createElement(Alert37, { color: "green", icon: /* @__PURE__ */ React241.createElement(IconCheck16, { size: 16 }), styles: actionAlertStyles }, "This template has no handlebars variables to configure.") : /* @__PURE__ */ React241.createElement(Stack159, { gap: "md" }, /* @__PURE__ */ React241.createElement(Group89, { justify: "space-between" }, /* @__PURE__ */ React241.createElement(Text136, { size: "xs", c: "dimmed" }, "Map template variables to block data or static values"), /* @__PURE__ */ React241.createElement(Badge41, { color: mappedCount === parsedExtractedVariables.length ? "green" : "orange" }, mappedCount, "/", parsedExtractedVariables.length, " mapped")), parsedExtractedVariables.map((variable) => /* @__PURE__ */ React241.createElement(
     DataInput,
     {
       key: variable.name,
@@ -25979,7 +26112,7 @@ var BidConfig = ({ inputs, onInputsChange, editor, blockId }) => {
       currentBlockId: blockId,
       required: true
     }
-  ), /* @__PURE__ */ React242.createElement(BaseButton, { onClick: fetchCollections, disabled: !local.deedDid.trim() || loadingCollections }, loadingCollections ? /* @__PURE__ */ React242.createElement(Loader37, { size: "xs", color: "white" }) : "Get Collections"), error && /* @__PURE__ */ React242.createElement(Alert38, { color: "red" }, error), collectionOptions.length > 0 && /* @__PURE__ */ React242.createElement(
+  ), /* @__PURE__ */ React242.createElement(BaseButton, { onClick: fetchCollections, disabled: !local.deedDid.trim() || loadingCollections }, loadingCollections ? /* @__PURE__ */ React242.createElement(Loader37, { size: "xs", color: "white" }) : "Get Collections"), error && /* @__PURE__ */ React242.createElement(Alert38, { color: "red", styles: actionAlertStyles }, error), collectionOptions.length > 0 && /* @__PURE__ */ React242.createElement(
     BaseSelect,
     {
       label: "Claim Collection",
@@ -25990,7 +26123,7 @@ var BidConfig = ({ inputs, onInputsChange, editor, blockId }) => {
       required: true,
       searchable: true
     }
-  ), /* @__PURE__ */ React242.createElement(Alert38, { icon: /* @__PURE__ */ React242.createElement(IconInfoCircle7, { size: 16 }), color: "blue", title: "Input format" }, /* @__PURE__ */ React242.createElement(Text137, { size: "xs" }, "Role selection and survey answers are collected from the user at flow runtime and are not stored in template configuration.")));
+  ), /* @__PURE__ */ React242.createElement(Alert38, { icon: /* @__PURE__ */ React242.createElement(IconInfoCircle7, { size: 16 }), color: "blue", title: "Input format", styles: actionAlertStyles }, /* @__PURE__ */ React242.createElement(Text137, { size: "xs" }, "Role selection and survey answers are collected from the user at flow runtime and are not stored in template configuration.")));
 };
 
 // src/mantine/blocks/action/actionTypes/bid/BidFlowDetail.tsx
@@ -26220,7 +26353,7 @@ var BidFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabled
       surveyModel.onComplete.remove(handleSurveyComplete);
     };
   }, [surveyModel, handleSurveyComplete]);
-  return /* @__PURE__ */ React243.createElement(Stack161, { gap: "md" }, /* @__PURE__ */ React243.createElement(Stack161, { gap: 2 }, /* @__PURE__ */ React243.createElement(Text138, { fw: 600 }, block?.props?.title || "Bid Action"), /* @__PURE__ */ React243.createElement(Text138, { size: "sm", c: "dimmed" }, block?.props?.description || "Submit a bid application.")), !deedDid || !collectionId ? /* @__PURE__ */ React243.createElement(Alert39, { color: "yellow" }, "Configure DID and claim collection in template mode before running this action.") : /* @__PURE__ */ React243.createElement(React243.Fragment, null, /* @__PURE__ */ React243.createElement(Text138, { size: "xs", c: "dimmed" }, "Collection: ", collectionId), statusLoading && /* @__PURE__ */ React243.createElement(Text138, { size: "xs", c: "dimmed" }, "Checking application state..."), isPending && /* @__PURE__ */ React243.createElement(Alert39, { color: "yellow", title: "Application Status" }, "Your application is pending review. Resubmission is disabled."), isApproved && /* @__PURE__ */ React243.createElement(Alert39, { color: "green", title: "Application Status" }, "Your application was approved. You already have the required role."), /* @__PURE__ */ React243.createElement(
+  return /* @__PURE__ */ React243.createElement(Stack161, { gap: "md" }, /* @__PURE__ */ React243.createElement(Stack161, { gap: 2 }, /* @__PURE__ */ React243.createElement(Text138, { fw: 600 }, block?.props?.title || "Bid Action"), /* @__PURE__ */ React243.createElement(Text138, { size: "sm", c: "dimmed" }, block?.props?.description || "Submit a bid application.")), !deedDid || !collectionId ? /* @__PURE__ */ React243.createElement(Alert39, { color: "yellow", styles: actionAlertStyles }, "Configure DID and claim collection in template mode before running this action.") : /* @__PURE__ */ React243.createElement(React243.Fragment, null, /* @__PURE__ */ React243.createElement(Text138, { size: "xs", c: "dimmed" }, "Collection: ", collectionId), statusLoading && /* @__PURE__ */ React243.createElement(Text138, { size: "xs", c: "dimmed" }, "Checking application state..."), isPending && /* @__PURE__ */ React243.createElement(Alert39, { color: "yellow", title: "Application Status", styles: actionAlertStyles }, "Your application is pending review. Resubmission is disabled."), isApproved && /* @__PURE__ */ React243.createElement(Alert39, { color: "green", title: "Application Status", styles: actionAlertStyles }, "Your application was approved. You already have the required role."), /* @__PURE__ */ React243.createElement(
     BaseSelect,
     {
       label: "Apply As",
@@ -26240,7 +26373,7 @@ var BidFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabled
       disabled: isDisabled || loadingSurvey || submitting || statusLoading || !canSubmit
     },
     loadingSurvey ? "Loading Survey..." : "Start Bid Survey"
-  )), error && /* @__PURE__ */ React243.createElement(Alert39, { color: "red" }, error), runtime.error?.message && /* @__PURE__ */ React243.createElement(Alert39, { color: "red" }, runtime.error.message), submitting && /* @__PURE__ */ React243.createElement(Text138, { size: "xs", c: "dimmed" }, "Submitting bid..."), surveyModel && !loadingSurvey && canSubmit && /* @__PURE__ */ React243.createElement(Survey9, { model: surveyModel }));
+  )), error && /* @__PURE__ */ React243.createElement(Alert39, { color: "red", styles: actionAlertStyles }, error), runtime.error?.message && /* @__PURE__ */ React243.createElement(Alert39, { color: "red", styles: actionAlertStyles }, runtime.error.message), submitting && /* @__PURE__ */ React243.createElement(Text138, { size: "xs", c: "dimmed" }, "Submitting bid..."), surveyModel && !loadingSurvey && canSubmit && /* @__PURE__ */ React243.createElement(Survey9, { model: surveyModel }));
 };
 
 // src/mantine/blocks/action/actionTypes/bid/index.ts
@@ -26337,7 +26470,7 @@ var EvaluateBidConfig = ({ inputs, onInputsChange, editor, blockId }) => {
       currentBlockId: blockId,
       required: true
     }
-  ), /* @__PURE__ */ React244.createElement(BaseButton, { onClick: fetchCollections, disabled: !local.deedDid.trim() || loadingCollections }, loadingCollections ? /* @__PURE__ */ React244.createElement(Loader39, { size: "xs", color: "white" }) : "Get Collections"), error && /* @__PURE__ */ React244.createElement(Alert40, { color: "red" }, error), collectionOptions.length > 0 && /* @__PURE__ */ React244.createElement(
+  ), /* @__PURE__ */ React244.createElement(BaseButton, { onClick: fetchCollections, disabled: !local.deedDid.trim() || loadingCollections }, loadingCollections ? /* @__PURE__ */ React244.createElement(Loader39, { size: "xs", color: "white" }) : "Get Collections"), error && /* @__PURE__ */ React244.createElement(Alert40, { color: "red", styles: actionAlertStyles }, error), collectionOptions.length > 0 && /* @__PURE__ */ React244.createElement(
     BaseSelect,
     {
       label: "Claim Collection",
@@ -26357,6 +26490,13 @@ import { ActionIcon as ActionIcon33, Alert as Alert41, Badge as Badge42, Box as
 import { IconArrowLeft as IconArrowLeft6, IconCheck as IconCheck17, IconChevronDown as IconChevronDown9, IconChevronRight as IconChevronRight11, IconFilter, IconThumbDown, IconThumbUp as IconThumbUp2 } from "@tabler/icons-react";
 var USDC_DENOM4 = "ibc/6BBE9BD4246F8E04948D5A4EEE7164B2630263B9EBB5E7DC5F0A46C62A2FF97B";
 var IXO_DENOM4 = "uixo";
+var CUSTOM_DENOM = "__custom__";
+var createPaymentRow = () => ({
+  id: `payment-${Math.random().toString(36).slice(2, 9)}`,
+  denom: IXO_DENOM4,
+  customDenom: "",
+  amount: ""
+});
 function getTimeAgo(dateString) {
   if (!dateString) return "";
   try {
@@ -26427,14 +26567,13 @@ var EvaluateBidFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, is
   const [submitting, setSubmitting] = useState95(false);
   const [error, setError] = useState95(null);
   const [rejectReason, setRejectReason] = useState95("");
-  const [maxAmounts, setMaxAmounts] = useState95("[]");
   const [adminAddress, setAdminAddress] = useState95("");
-  const [activeFilter, setActiveFilter] = useState95("all");
+  const [activeFilter, setActiveFilter] = useState95("pending");
   const [detailsOpen, setDetailsOpen] = useState95(false);
   const [inputsOpen, setInputsOpen] = useState95(false);
   const [evaluationOpen, setEvaluationOpen] = useState95(true);
-  const [selectedDenom, setSelectedDenom] = useState95(IXO_DENOM4);
-  const [paymentAmount, setPaymentAmount] = useState95("");
+  const [paymentRows, setPaymentRows] = useState95([createPaymentRow()]);
+  const [profilesByDid, setProfilesByDid] = useState95({});
   const selectedBid = useMemo92(() => bids.find((bid) => bid.id === selectedBidId) || null, [bids, selectedBidId]);
   const filteredBids = useMemo92(() => {
     if (activeFilter === "all") return bids;
@@ -26471,8 +26610,7 @@ var EvaluateBidFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, is
   }, [deedDid, collectionId]);
   useEffect77(() => {
     setRejectReason("");
-    setMaxAmounts("[]");
-    setPaymentAmount("");
+    setPaymentRows([createPaymentRow()]);
     setEvaluationOpen(true);
     setDetailsOpen(false);
     setInputsOpen(false);
@@ -26481,6 +26619,58 @@ var EvaluateBidFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, is
     if (!deedDid || !collectionId) return;
     refreshBids();
   }, [deedDid, collectionId, refreshBids]);
+  useEffect77(() => {
+    let mounted = true;
+    const dids = Array.from(new Set(bids.map((bid) => bid.did).filter(Boolean)));
+    const missing = dids.filter((did) => !profilesByDid[did]);
+    if (missing.length === 0)
+      return () => {
+        mounted = false;
+      };
+    const loadProfiles = async () => {
+      const results = await Promise.all(
+        missing.map(async (did) => {
+          try {
+            const profile = await handlers.getMatrixInfoPerDid(did);
+            return [did, profile];
+          } catch {
+            return [did, null];
+          }
+        })
+      );
+      if (!mounted) return;
+      setProfilesByDid((prev) => {
+        const next = { ...prev };
+        results.forEach(([did, profile]) => {
+          if (profile) {
+            next[did] = profile;
+          }
+        });
+        return next;
+      });
+    };
+    loadProfiles();
+    return () => {
+      mounted = false;
+    };
+  }, [bids, handlers, profilesByDid]);
+  const addPaymentRow = useCallback77(() => {
+    setPaymentRows((prev) => [...prev, createPaymentRow()]);
+  }, []);
+  const removePaymentRow = useCallback77((id) => {
+    setPaymentRows((prev) => prev.length === 1 ? prev : prev.filter((row) => row.id !== id));
+  }, []);
+  const updatePaymentRow = useCallback77((id, patch) => {
+    setPaymentRows((prev) => prev.map((row) => row.id === id ? { ...row, ...patch } : row));
+  }, []);
+  const buildMaxAmounts = useCallback77(() => {
+    return paymentRows.map((row) => {
+      const denom = row.denom === CUSTOM_DENOM ? row.customDenom.trim() : row.denom || "";
+      const amount = Number(row.amount);
+      if (!denom || !Number.isFinite(amount) || amount <= 0) return null;
+      return { denom, amount: String(row.amount) };
+    }).filter((entry) => !!entry);
+  }, [paymentRows]);
   const executeEvaluation = useCallback77(
     async (decision) => {
       if (!selectedBid) {
@@ -26491,7 +26681,9 @@ var EvaluateBidFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, is
         setError("Admin address could not be resolved for this collection");
         return;
       }
-      if (decision === "reject" && !rejectReason.trim()) {
+      const selectedRole = String(selectedBid.role || "").toLowerCase();
+      const selectedBidIsEvaluator = selectedRole === "evaluation_agent" || selectedRole === "ea";
+      if (decision === "reject" && selectedBidIsEvaluator && !rejectReason.trim()) {
         setError("Rejection reason is required");
         return;
       }
@@ -26526,8 +26718,8 @@ var EvaluateBidFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, is
                 applicantDid: selectedBid.did,
                 applicantAddress: selectedBid.address,
                 adminAddress,
-                maxAmounts,
-                reason: decision === "reject" ? rejectReason : ""
+                maxAmounts: selectedBidIsEvaluator ? JSON.stringify(buildMaxAmounts()) : "[]",
+                reason: decision === "reject" ? selectedBidIsEvaluator ? rejectReason : rejectReason.trim() || "Rejected" : ""
               },
               {
                 actorDid,
@@ -26590,7 +26782,7 @@ var EvaluateBidFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, is
       editor,
       collectionId,
       deedDid,
-      maxAmounts,
+      buildMaxAmounts,
       updateRuntime,
       refreshBids
     ]
@@ -26599,6 +26791,9 @@ var EvaluateBidFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, is
     const bidStatus = getBidStatus(selectedBid);
     const bidRole = String(selectedBid.role || "").toLowerCase();
     const bidIsEvaluator = bidRole === "evaluation_agent" || bidRole === "ea";
+    const selectedBidProfile = profilesByDid[selectedBid.did];
+    const selectedDisplayName = selectedBidProfile?.displayname || selectedBid.did || selectedBid.address;
+    const selectedAvatarLabel = (selectedBidProfile?.displayname || selectedBid.did || selectedBid.address || "?")[0]?.toUpperCase();
     let bidData = null;
     try {
       bidData = typeof selectedBid.data === "string" ? JSON.parse(selectedBid.data) : selectedBid.data;
@@ -26618,11 +26813,14 @@ var EvaluateBidFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, is
           flexShrink: 0,
           fontSize: 16,
           fontWeight: 500,
-          color: "#adb5bd"
+          color: "#adb5bd",
+          backgroundImage: selectedBidProfile?.avatarUrl ? `url(${selectedBidProfile.avatarUrl})` : void 0,
+          backgroundSize: "cover",
+          backgroundPosition: "center"
         }
       },
-      (selectedBid.did || "?")[0]?.toUpperCase()
-    ), /* @__PURE__ */ React245.createElement(Stack163, { gap: 0, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React245.createElement(Text139, { fw: 500, size: "md", truncate: true }, selectedBid.did), /* @__PURE__ */ React245.createElement(Text139, { size: "xs", c: "dimmed", truncate: true }, truncateAddress(selectedBid.address))), /* @__PURE__ */ React245.createElement(Stack163, { gap: 0, align: "flex-end", style: { flexShrink: 0 } }, /* @__PURE__ */ React245.createElement(Text139, { fw: 500, size: "md", c: bidStatus.color === "green" ? "green" : bidStatus.color === "red" ? "red" : void 0 }, bidStatus.color === "green" && /* @__PURE__ */ React245.createElement(IconCheck17, { size: 14, style: { verticalAlign: "middle", marginRight: 4 } }), bidStatus.label), /* @__PURE__ */ React245.createElement(Text139, { size: "xs", c: "dimmed" }, getTimeAgo(selectedBid.created || "")))), /* @__PURE__ */ React245.createElement(
+      selectedBidProfile?.avatarUrl ? null : selectedAvatarLabel
+    ), /* @__PURE__ */ React245.createElement(Stack163, { gap: 0, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React245.createElement(Text139, { fw: 500, size: "md", truncate: true }, selectedDisplayName), /* @__PURE__ */ React245.createElement(Text139, { size: "xs", c: "dimmed", truncate: true }, truncateAddress(selectedBid.address))), /* @__PURE__ */ React245.createElement(Stack163, { gap: 0, align: "flex-end", style: { flexShrink: 0 } }, /* @__PURE__ */ React245.createElement(Text139, { fw: 500, size: "md", c: bidStatus.color === "green" ? "green" : bidStatus.color === "red" ? "red" : void 0 }, bidStatus.color === "green" && /* @__PURE__ */ React245.createElement(IconCheck17, { size: 14, style: { verticalAlign: "middle", marginRight: 4 } }), bidStatus.label), /* @__PURE__ */ React245.createElement(Text139, { size: "xs", c: "dimmed" }, getTimeAgo(selectedBid.created || "")))), /* @__PURE__ */ React245.createElement(
       Box47,
       {
         p: "sm",
@@ -26644,7 +26842,7 @@ var EvaluateBidFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, is
       },
       /* @__PURE__ */ React245.createElement(UnstyledButton2, { onClick: () => setInputsOpen((v) => !v), style: { width: "100%" } }, /* @__PURE__ */ React245.createElement(Group90, { gap: "xs", align: "center" }, inputsOpen ? /* @__PURE__ */ React245.createElement(IconChevronDown9, { size: 16 }) : /* @__PURE__ */ React245.createElement(IconChevronRight11, { size: 16 }), /* @__PURE__ */ React245.createElement(Text139, { fw: 500, size: "sm" }, "Inputs"))),
       /* @__PURE__ */ React245.createElement(Collapse8, { in: inputsOpen }, /* @__PURE__ */ React245.createElement(Stack163, { gap: "xs", mt: "sm" }, bidData && typeof bidData === "object" ? Object.entries(bidData).map(([key, value]) => /* @__PURE__ */ React245.createElement(Group90, { key, justify: "space-between" }, /* @__PURE__ */ React245.createElement(Text139, { size: "xs", c: "dimmed" }, key), /* @__PURE__ */ React245.createElement(Text139, { size: "xs", style: { maxWidth: "60%", wordBreak: "break-all", textAlign: "right" } }, typeof value === "string" ? value : JSON.stringify(value)))) : /* @__PURE__ */ React245.createElement(Text139, { size: "xs", c: "dimmed" }, "No input data available.")))
-    ), /* @__PURE__ */ React245.createElement(
+    ), bidIsEvaluator && /* @__PURE__ */ React245.createElement(
       Box47,
       {
         p: "sm",
@@ -26663,28 +26861,37 @@ var EvaluateBidFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, is
           minRows: 2,
           disabled: isDisabled || submitting
         }
-      )), bidIsEvaluator && /* @__PURE__ */ React245.createElement(Stack163, { gap: 4 }, /* @__PURE__ */ React245.createElement(Text139, { size: "xs", c: "dimmed" }, "Max Amounts JSON (optional)"), /* @__PURE__ */ React245.createElement(
-        BaseTextArea,
-        {
-          placeholder: 'e.g. [{"denom":"uixo","amount":"1000"}]',
-          value: maxAmounts,
-          onChange: (event) => setMaxAmounts(event.currentTarget.value),
-          minRows: 2,
-          disabled: isDisabled || submitting
-        }
-      )), /* @__PURE__ */ React245.createElement(Divider25, { color: "rgba(255,255,255,0.06)" }), /* @__PURE__ */ React245.createElement(Text139, { size: "xs", c: "dimmed" }, "Payment"), /* @__PURE__ */ React245.createElement(Group90, { justify: "space-between", align: "center" }, /* @__PURE__ */ React245.createElement(Text139, { size: "sm" }, "Token"), /* @__PURE__ */ React245.createElement(
+      )), /* @__PURE__ */ React245.createElement(Divider25, { color: "rgba(255,255,255,0.06)" }), /* @__PURE__ */ React245.createElement(Text139, { size: "xs", c: "dimmed" }, "Payment (used as evaluator max amount)"), paymentRows.map((row, index) => /* @__PURE__ */ React245.createElement(Stack163, { key: row.id, gap: 8 }, /* @__PURE__ */ React245.createElement(Group90, { justify: "space-between", align: "center" }, /* @__PURE__ */ React245.createElement(Text139, { size: "sm" }, "Token ", index + 1), /* @__PURE__ */ React245.createElement(Group90, { gap: "xs" }, paymentRows.length > 1 && /* @__PURE__ */ React245.createElement(Button44, { variant: "subtle", size: "compact-xs", color: "red", onClick: () => removePaymentRow(row.id), disabled: isDisabled || submitting }, "Remove"))), /* @__PURE__ */ React245.createElement(
         BaseSelect,
         {
-          value: selectedDenom,
-          onChange: setSelectedDenom,
+          value: row.denom,
+          onChange: (value) => updatePaymentRow(row.id, { denom: value }),
           data: [
             { value: IXO_DENOM4, label: "IXO" },
-            { value: USDC_DENOM4, label: "USDC" }
+            { value: USDC_DENOM4, label: "USDC" },
+            { value: CUSTOM_DENOM, label: "Custom" }
           ],
           clearable: false,
-          style: { width: 200 }
+          disabled: isDisabled || submitting
         }
-      )), /* @__PURE__ */ React245.createElement(Group90, { justify: "space-between", align: "center" }, /* @__PURE__ */ React245.createElement(Text139, { size: "sm" }, "Amount"), /* @__PURE__ */ React245.createElement(BaseNumberInput, { min: 0, value: paymentAmount, onChange: (value) => setPaymentAmount(value), placeholder: "0", style: { width: 200 } }))))
+      ), row.denom === CUSTOM_DENOM && /* @__PURE__ */ React245.createElement(
+        BaseTextInput,
+        {
+          placeholder: "Custom denom (e.g. ibc/... or uixo)",
+          value: row.customDenom,
+          onChange: (event) => updatePaymentRow(row.id, { customDenom: event.currentTarget.value }),
+          disabled: isDisabled || submitting
+        }
+      ), /* @__PURE__ */ React245.createElement(
+        BaseNumberInput,
+        {
+          min: 0,
+          value: row.amount,
+          onChange: (value) => updatePaymentRow(row.id, { amount: value }),
+          placeholder: "Amount",
+          disabled: isDisabled || submitting
+        }
+      ))), /* @__PURE__ */ React245.createElement(Button44, { variant: "light", size: "xs", onClick: addPaymentRow, disabled: isDisabled || submitting }, "Add Payment")))
     ), /* @__PURE__ */ React245.createElement(Group90, { gap: "xs" }, /* @__PURE__ */ React245.createElement(
       Button44,
       {
@@ -26719,15 +26926,10 @@ var EvaluateBidFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, is
         }
       },
       "Reject"
-    )), error && /* @__PURE__ */ React245.createElement(Alert41, { color: "red" }, error), runtime.error?.message && /* @__PURE__ */ React245.createElement(Alert41, { color: "red" }, runtime.error.message));
+    )), error && /* @__PURE__ */ React245.createElement(Alert41, { color: "red", styles: actionAlertStyles }, error), runtime.error?.message && /* @__PURE__ */ React245.createElement(Alert41, { color: "red", styles: actionAlertStyles }, runtime.error.message));
   }
-  const filterTabs = [
-    { value: "all", label: "All" },
-    { value: "pending", label: "Pending" },
-    { value: "approved", label: "Approved" },
-    { value: "rejected", label: "Rejected" }
-  ];
-  return /* @__PURE__ */ React245.createElement(Stack163, { gap: "md" }, !deedDid || !collectionId ? /* @__PURE__ */ React245.createElement(Alert41, { color: "yellow" }, "Configure DID and claim collection in template mode before running this action.") : /* @__PURE__ */ React245.createElement(React245.Fragment, null, /* @__PURE__ */ React245.createElement(Group90, { justify: "space-between", align: "center" }, /* @__PURE__ */ React245.createElement(Group90, { gap: 0 }, filterTabs.map((tab) => /* @__PURE__ */ React245.createElement(
+  const filterTabs = [{ value: "pending", label: "Pending" }];
+  return /* @__PURE__ */ React245.createElement(Stack163, { gap: "md" }, !deedDid || !collectionId ? /* @__PURE__ */ React245.createElement(Alert41, { color: "yellow", styles: actionAlertStyles }, "Configure DID and claim collection in template mode before running this action.") : /* @__PURE__ */ React245.createElement(React245.Fragment, null, /* @__PURE__ */ React245.createElement(Group90, { justify: "space-between", align: "center" }, /* @__PURE__ */ React245.createElement(Group90, { gap: 0 }, filterTabs.map((tab) => /* @__PURE__ */ React245.createElement(
     UnstyledButton2,
     {
       key: tab.value,
@@ -26743,6 +26945,9 @@ var EvaluateBidFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, is
     /* @__PURE__ */ React245.createElement(Text139, { size: "sm", fw: 500, c: activeFilter === tab.value ? "white" : "dimmed" }, tab.label)
   ))), /* @__PURE__ */ React245.createElement(ActionIcon33, { variant: "subtle", color: "gray", size: "sm" }, /* @__PURE__ */ React245.createElement(IconFilter, { size: 16 }))), loadingBids && /* @__PURE__ */ React245.createElement(Group90, { gap: "xs", justify: "center", py: "md" }, /* @__PURE__ */ React245.createElement(Loader40, { size: "xs" }), /* @__PURE__ */ React245.createElement(Text139, { size: "xs", c: "dimmed" }, "Loading bids...")), !loadingBids && filteredBids.length === 0 && /* @__PURE__ */ React245.createElement(Text139, { size: "sm", c: "dimmed", ta: "center", py: "md" }, bids.length === 0 ? "No bids available for this collection." : `No ${activeFilter} bids found.`), filteredBids.length > 0 && /* @__PURE__ */ React245.createElement(Stack163, { gap: 12 }, filteredBids.map((bid) => {
     const status = getBidStatus(bid);
+    const profile = profilesByDid[bid.did];
+    const displayName = profile?.displayname || bid.did || bid.address;
+    const avatarLabel = (profile?.displayname || bid.did || bid.address || "?")[0]?.toUpperCase();
     return /* @__PURE__ */ React245.createElement(ListItemContainer, { key: bid.id, isChecked: false, onClick: () => setSelectedBidId(bid.id) }, /* @__PURE__ */ React245.createElement(Group90, { gap: 16, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React245.createElement(
       Box47,
       {
@@ -26757,12 +26962,15 @@ var EvaluateBidFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, is
           flexShrink: 0,
           fontSize: 14,
           fontWeight: 500,
-          color: "#adb5bd"
+          color: "#adb5bd",
+          backgroundImage: profile?.avatarUrl ? `url(${profile.avatarUrl})` : void 0,
+          backgroundSize: "cover",
+          backgroundPosition: "center"
         }
       },
-      (bid.did || "?")[0]?.toUpperCase()
-    ), /* @__PURE__ */ React245.createElement(Stack163, { gap: 0, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React245.createElement(Text139, { fw: 500, size: "md", truncate: true, style: { lineHeight: 1.5 } }, bid.did), /* @__PURE__ */ React245.createElement(Text139, { size: "xs", c: "dimmed", truncate: true }, truncateAddress(bid.address)))), /* @__PURE__ */ React245.createElement(Stack163, { gap: 0, align: "flex-end", style: { flexShrink: 0, minWidth: 80 } }, /* @__PURE__ */ React245.createElement(Text139, { fw: 500, size: "md", c: status.color === "green" ? "green" : status.color === "red" ? "red" : void 0, style: { lineHeight: 1.5 } }, status.color === "green" && /* @__PURE__ */ React245.createElement(IconCheck17, { size: 14, style: { verticalAlign: "middle", marginRight: 2 } }), status.label), /* @__PURE__ */ React245.createElement(Text139, { size: "xs", c: "dimmed" }, getTimeAgo(bid.created || ""))));
-  }))), error && /* @__PURE__ */ React245.createElement(Alert41, { color: "red" }, error), runtime.error?.message && /* @__PURE__ */ React245.createElement(Alert41, { color: "red" }, runtime.error.message));
+      profile?.avatarUrl ? null : avatarLabel
+    ), /* @__PURE__ */ React245.createElement(Stack163, { gap: 0, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React245.createElement(Text139, { fw: 500, size: "md", truncate: true, style: { lineHeight: 1.5 } }, displayName), /* @__PURE__ */ React245.createElement(Text139, { size: "xs", c: "dimmed", truncate: true }, truncateAddress(bid.address)))), /* @__PURE__ */ React245.createElement(Stack163, { gap: 0, align: "flex-end", style: { flexShrink: 0, minWidth: 80 } }, /* @__PURE__ */ React245.createElement(Text139, { fw: 500, size: "md", c: status.color === "green" ? "green" : status.color === "red" ? "red" : void 0, style: { lineHeight: 1.5 } }, status.color === "green" && /* @__PURE__ */ React245.createElement(IconCheck17, { size: 14, style: { verticalAlign: "middle", marginRight: 2 } }), status.label), /* @__PURE__ */ React245.createElement(Text139, { size: "xs", c: "dimmed" }, getTimeAgo(bid.created || ""))));
+  }))), error && /* @__PURE__ */ React245.createElement(Alert41, { color: "red", styles: actionAlertStyles }, error), runtime.error?.message && /* @__PURE__ */ React245.createElement(Alert41, { color: "red", styles: actionAlertStyles }, runtime.error.message));
 };
 
 // src/mantine/blocks/action/actionTypes/evaluateBid/index.ts
@@ -26859,7 +27067,7 @@ var ClaimConfig = ({ inputs, onInputsChange, editor, blockId }) => {
       currentBlockId: blockId,
       required: true
     }
-  ), /* @__PURE__ */ React246.createElement(BaseButton, { onClick: fetchCollections, disabled: !local.deedDid.trim() || loadingCollections }, loadingCollections ? /* @__PURE__ */ React246.createElement(Loader41, { size: "xs", color: "white" }) : "Get Collections"), error && /* @__PURE__ */ React246.createElement(Alert42, { color: "red" }, error), collectionOptions.length > 0 && /* @__PURE__ */ React246.createElement(
+  ), /* @__PURE__ */ React246.createElement(BaseButton, { onClick: fetchCollections, disabled: !local.deedDid.trim() || loadingCollections }, loadingCollections ? /* @__PURE__ */ React246.createElement(Loader41, { size: "xs", color: "white" }) : "Get Collections"), error && /* @__PURE__ */ React246.createElement(Alert42, { color: "red", styles: actionAlertStyles }, error), collectionOptions.length > 0 && /* @__PURE__ */ React246.createElement(
     BaseSelect,
     {
       label: "Claim Collection",
@@ -26875,9 +27083,33 @@ var ClaimConfig = ({ inputs, onInputsChange, editor, blockId }) => {
 
 // src/mantine/blocks/action/actionTypes/claim/ClaimFlowDetail.tsx
 import React247, { useCallback as useCallback79, useEffect as useEffect79, useMemo as useMemo94, useState as useState97 } from "react";
-import { Alert as Alert43, Badge as Badge43, Button as Button45, Group as Group91, Loader as Loader42, Stack as Stack165, Text as Text140 } from "@mantine/core";
-import { IconPlayerPlay as IconPlayerPlay4 } from "@tabler/icons-react";
+import { Alert as Alert43, Box as Box48, Button as Button45, Group as Group91, Loader as Loader42, Stack as Stack165, Text as Text140 } from "@mantine/core";
+import { IconCheck as IconCheck18, IconPlayerPlay as IconPlayerPlay4 } from "@tabler/icons-react";
 import { Survey as Survey10, SurveyModel as SurveyModel10 } from "@ixo/surveys";
+function getTimeAgo2(dateString) {
+  if (!dateString) return "";
+  try {
+    const date = new Date(dateString);
+    const now = /* @__PURE__ */ new Date();
+    const diffMs = now.getTime() - date.getTime();
+    const diffMins = Math.floor(diffMs / 6e4);
+    if (diffMins < 1) return "just now";
+    if (diffMins < 60) return `${diffMins}m ago`;
+    const diffHours = Math.floor(diffMins / 60);
+    if (diffHours < 24) return `${diffHours}h ago`;
+    const diffDays = Math.floor(diffHours / 24);
+    if (diffDays < 30) return `${diffDays} day${diffDays > 1 ? "s" : ""} ago`;
+    const diffMonths = Math.floor(diffDays / 30);
+    return `${diffMonths} month${diffMonths > 1 ? "s" : ""} ago`;
+  } catch {
+    return dateString;
+  }
+}
+function truncateAddress2(address) {
+  if (!address) return "";
+  if (address.length <= 14) return address;
+  return `${address.slice(0, 8)}...${address.slice(-3)}`;
+}
 var ClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabled }) => {
   const handlers = useBlocknoteHandlers();
   const services = useMemo94(() => buildServicesFromHandlers(handlers), [handlers]);
@@ -26916,6 +27148,9 @@ var ClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabl
   const [loadingSurvey, setLoadingSurvey] = useState97(false);
   const [submitting, setSubmitting] = useState97(false);
   const [error, setError] = useState97(null);
+  const [profilesByDid, setProfilesByDid] = useState97({});
+  const [isServiceAgentAuthorized, setIsServiceAgentAuthorized] = useState97(false);
+  const [authChecking, setAuthChecking] = useState97(true);
   const surveyModel = useMemo94(() => {
     if (!surveyJson) return null;
     const model = new SurveyModel10(surveyJson);
@@ -26952,6 +27187,85 @@ var ClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabl
     if (!deedDid || !collectionId || !actorDid) return;
     fetchClaimsAndAdmin();
   }, [deedDid, collectionId, actorDid, fetchClaimsAndAdmin]);
+  useEffect79(() => {
+    let mounted = true;
+    const dids = Array.from(new Set(claims.map((claim) => claim.agentDid).filter(Boolean)));
+    const missing = dids.filter((did) => !profilesByDid[did]);
+    if (missing.length === 0)
+      return () => {
+        mounted = false;
+      };
+    const loadProfiles = async () => {
+      const results = await Promise.all(
+        missing.map(async (did) => {
+          try {
+            const profile = await handlers.getMatrixInfoPerDid(did);
+            return [did, profile];
+          } catch {
+            return [did, null];
+          }
+        })
+      );
+      if (!mounted) return;
+      setProfilesByDid((prev) => {
+        const next = { ...prev };
+        results.forEach(([did, profile]) => {
+          if (profile) {
+            next[did] = profile;
+          }
+        });
+        return next;
+      });
+    };
+    loadProfiles();
+    return () => {
+      mounted = false;
+    };
+  }, [claims, handlers, profilesByDid]);
+  useEffect79(() => {
+    let mounted = true;
+    const checkServiceAgentAuthorization = async () => {
+      if (!deedDid || !collectionId || !adminAddress || !actorDid) {
+        if (mounted) {
+          setIsServiceAgentAuthorized(false);
+          setAuthChecking(false);
+        }
+        return;
+      }
+      if (typeof handlers.getUserRoles !== "function") {
+        if (mounted) {
+          setIsServiceAgentAuthorized(false);
+          setAuthChecking(false);
+        }
+        return;
+      }
+      setAuthChecking(true);
+      try {
+        const roles = await handlers.getUserRoles({
+          userAddress: actorDid,
+          adminAddress,
+          deedDid,
+          collectionIds: [collectionId]
+        });
+        const role = roles?.find((r) => r.collectionId === collectionId)?.role || null;
+        if (mounted) {
+          setIsServiceAgentAuthorized(role === "SA" /* ServiceProvider */);
+        }
+      } catch {
+        if (mounted) {
+          setIsServiceAgentAuthorized(false);
+        }
+      } finally {
+        if (mounted) {
+          setAuthChecking(false);
+        }
+      }
+    };
+    checkServiceAgentAuthorization();
+    return () => {
+      mounted = false;
+    };
+  }, [handlers, actorDid, adminAddress, deedDid, collectionId]);
   const startSurvey = useCallback79(async () => {
     if (!deedDid) return;
     setLoadingSurvey(true);
@@ -26973,6 +27287,10 @@ var ClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabl
   }, [handlers, deedDid]);
   const handleSurveyComplete = useCallback79(
     async (sender) => {
+      if (authChecking || !isServiceAgentAuthorized) {
+        setError("You need service agent authorization for this collection to submit claims.");
+        return;
+      }
       if (!adminAddress) {
         setError("Admin address could not be resolved for this collection");
         return;
@@ -27064,7 +27382,9 @@ var ClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabl
       services,
       ucanManager,
       updateRuntime,
-      verifySignature
+      verifySignature,
+      authChecking,
+      isServiceAgentAuthorized
     ]
   );
   useEffect79(() => {
@@ -27074,16 +27394,42 @@ var ClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabl
       surveyModel.onComplete.remove(handleSurveyComplete);
     };
   }, [surveyModel, handleSurveyComplete]);
-  const getClaimStatus3 = (claim) => {
-    const payments = claim.paymentsStatus;
-    if (payments?.approval === "PAID") return { label: "APPROVED", color: "green" };
-    if (payments?.rejection === "PAID") return { label: "REJECTED", color: "red" };
-    return { label: "PENDING", color: "yellow" };
-  };
-  return /* @__PURE__ */ React247.createElement(Stack165, { gap: "md" }, /* @__PURE__ */ React247.createElement(Stack165, { gap: 2 }, /* @__PURE__ */ React247.createElement(Text140, { fw: 600 }, block?.props?.title || "Claim Action"), /* @__PURE__ */ React247.createElement(Text140, { size: "sm", c: "dimmed" }, block?.props?.description || "Submit a claim using the deed survey template.")), !deedDid || !collectionId ? /* @__PURE__ */ React247.createElement(Alert43, { color: "yellow" }, "Configure DID and claim collection in template mode before running this action.") : /* @__PURE__ */ React247.createElement(React247.Fragment, null, /* @__PURE__ */ React247.createElement(Text140, { size: "xs", c: "dimmed" }, "Collection: ", collectionId), /* @__PURE__ */ React247.createElement(Button45, { leftSection: loadingSurvey ? /* @__PURE__ */ React247.createElement(Loader42, { size: 14 }) : /* @__PURE__ */ React247.createElement(IconPlayerPlay4, { size: 14 }), onClick: startSurvey, disabled: isDisabled || loadingSurvey || submitting }, loadingSurvey ? "Loading Survey..." : "Start New Claim"), loadingClaims ? /* @__PURE__ */ React247.createElement(Text140, { size: "xs", c: "dimmed" }, "Loading your claims...") : claims.length === 0 ? /* @__PURE__ */ React247.createElement(Text140, { size: "sm", c: "dimmed" }, "No claims submitted for this collection yet.") : /* @__PURE__ */ React247.createElement(Stack165, { gap: "xs" }, /* @__PURE__ */ React247.createElement(Text140, { size: "sm", fw: 600 }, "Your Claims"), claims.map((claim) => {
-    const status = getClaimStatus3(claim);
-    return /* @__PURE__ */ React247.createElement(ListItemContainer, { key: claim.claimId, isChecked: false }, /* @__PURE__ */ React247.createElement(Stack165, { gap: 4, style: { flex: 1 } }, /* @__PURE__ */ React247.createElement(Text140, { size: "xs", fw: 500 }, "Claim #", claim.claimId), /* @__PURE__ */ React247.createElement(Text140, { size: "xs", c: "dimmed" }, "Submitted: ", formatDate(claim.submissionDate))), /* @__PURE__ */ React247.createElement(Badge43, { size: "xs", color: status.color, variant: "light" }, status.label));
-  }))), surveyModel && !loadingSurvey && /* @__PURE__ */ React247.createElement(Survey10, { model: surveyModel }), submitting && /* @__PURE__ */ React247.createElement(Group91, { gap: "xs" }, /* @__PURE__ */ React247.createElement(Loader42, { size: "xs" }), /* @__PURE__ */ React247.createElement(Text140, { size: "xs", c: "dimmed" }, "Submitting claim...")), error && /* @__PURE__ */ React247.createElement(Alert43, { color: "red" }, error), runtime.error?.message && /* @__PURE__ */ React247.createElement(Alert43, { color: "red" }, runtime.error.message));
+  return /* @__PURE__ */ React247.createElement(Stack165, { gap: "md" }, /* @__PURE__ */ React247.createElement(Stack165, { gap: 2 }, /* @__PURE__ */ React247.createElement(Text140, { fw: 600 }, block?.props?.title || "Claim Action"), /* @__PURE__ */ React247.createElement(Text140, { size: "sm", c: "dimmed" }, block?.props?.description || "Submit a claim using the deed survey template.")), !deedDid || !collectionId ? /* @__PURE__ */ React247.createElement(Alert43, { color: "yellow", styles: actionAlertStyles }, "Configure DID and claim collection in template mode before running this action.") : /* @__PURE__ */ React247.createElement(React247.Fragment, null, /* @__PURE__ */ React247.createElement(Text140, { size: "xs", c: "dimmed" }, "Collection: ", collectionId), /* @__PURE__ */ React247.createElement(
+    Button45,
+    {
+      leftSection: loadingSurvey ? /* @__PURE__ */ React247.createElement(Loader42, { size: 14 }) : /* @__PURE__ */ React247.createElement(IconPlayerPlay4, { size: 14 }),
+      onClick: startSurvey,
+      disabled: isDisabled || loadingSurvey || submitting || authChecking || !isServiceAgentAuthorized || !adminAddress
+    },
+    loadingSurvey ? "Loading Survey..." : "Start New Claim"
+  ), !authChecking && !isServiceAgentAuthorized && /* @__PURE__ */ React247.createElement(Alert43, { color: "yellow", styles: actionAlertStyles }, "You need service agent authorization for this collection to submit claims."), loadingClaims ? /* @__PURE__ */ React247.createElement(Text140, { size: "xs", c: "dimmed" }, "Loading your claims...") : claims.length === 0 ? /* @__PURE__ */ React247.createElement(Text140, { size: "sm", c: "dimmed" }, "No claims submitted for this collection yet.") : /* @__PURE__ */ React247.createElement(Stack165, { gap: "xs" }, /* @__PURE__ */ React247.createElement(Text140, { size: "sm", fw: 600 }, "Your Claims"), claims.map((claim) => {
+    const status = getClaimStatusInfo(claim);
+    const profile = profilesByDid[claim.agentDid];
+    const displayName = profile?.displayname || claim.agentDid || claim.agentAddress;
+    const avatarLabel = (profile?.displayname || claim.agentDid || claim.agentAddress || "?")[0]?.toUpperCase();
+    return /* @__PURE__ */ React247.createElement(ListItemContainer, { key: claim.claimId, isChecked: false }, /* @__PURE__ */ React247.createElement(Group91, { gap: 16, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React247.createElement(
+      Box48,
+      {
+        style: {
+          width: 32,
+          height: 32,
+          borderRadius: "50%",
+          background: "var(--mantine-color-neutralColor-6)",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          flexShrink: 0,
+          fontSize: 14,
+          fontWeight: 500,
+          color: "#adb5bd",
+          backgroundImage: profile?.avatarUrl ? `url(${profile.avatarUrl})` : void 0,
+          backgroundSize: "cover",
+          backgroundPosition: "center"
+        }
+      },
+      profile?.avatarUrl ? null : avatarLabel
+    ), /* @__PURE__ */ React247.createElement(Stack165, { gap: 0, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React247.createElement(Text140, { fw: 500, size: "md", truncate: true, style: { lineHeight: 1.5 } }, displayName), /* @__PURE__ */ React247.createElement(Text140, { size: "xs", c: "dimmed", truncate: true }, truncateAddress2(claim.agentAddress)))), /* @__PURE__ */ React247.createElement(Stack165, { gap: 0, align: "flex-end", style: { flexShrink: 0, minWidth: 80 } }, /* @__PURE__ */ React247.createElement(Text140, { fw: 500, size: "md", c: status.color, style: { lineHeight: 1.5 } }, status.key === "approved" && /* @__PURE__ */ React247.createElement(IconCheck18, { size: 14, style: { verticalAlign: "middle", marginRight: 2 } }), status.label), /* @__PURE__ */ React247.createElement(Text140, { size: "xs", c: "dimmed" }, getTimeAgo2(claim.submissionDate || ""))));
+  }))), surveyModel && !loadingSurvey && /* @__PURE__ */ React247.createElement(Survey10, { model: surveyModel }), submitting && /* @__PURE__ */ React247.createElement(Group91, { gap: "xs" }, /* @__PURE__ */ React247.createElement(Loader42, { size: "xs" }), /* @__PURE__ */ React247.createElement(Text140, { size: "xs", c: "dimmed" }, "Submitting claim...")), error && /* @__PURE__ */ React247.createElement(Alert43, { color: "red", styles: actionAlertStyles }, error), runtime.error?.message && /* @__PURE__ */ React247.createElement(Alert43, { color: "red", styles: actionAlertStyles }, runtime.error.message));
 };
 
 // src/mantine/blocks/action/actionTypes/claim/index.ts
@@ -27180,7 +27526,7 @@ var EvaluateClaimConfig = ({ inputs, onInputsChange, editor, blockId }) => {
       currentBlockId: blockId,
       required: true
     }
-  ), /* @__PURE__ */ React248.createElement(BaseButton, { onClick: fetchCollections, disabled: !local.deedDid.trim() || loadingCollections }, loadingCollections ? /* @__PURE__ */ React248.createElement(Loader43, { size: "xs", color: "white" }) : "Get Collections"), error && /* @__PURE__ */ React248.createElement(Alert44, { color: "red" }, error), collectionOptions.length > 0 && /* @__PURE__ */ React248.createElement(
+  ), /* @__PURE__ */ React248.createElement(BaseButton, { onClick: fetchCollections, disabled: !local.deedDid.trim() || loadingCollections }, loadingCollections ? /* @__PURE__ */ React248.createElement(Loader43, { size: "xs", color: "white" }) : "Get Collections"), error && /* @__PURE__ */ React248.createElement(Alert44, { color: "red", styles: actionAlertStyles }, error), collectionOptions.length > 0 && /* @__PURE__ */ React248.createElement(
     BaseSelect,
     {
       label: "Claim Collection",
@@ -27196,13 +27542,20 @@ var EvaluateClaimConfig = ({ inputs, onInputsChange, editor, blockId }) => {
 
 // src/mantine/blocks/action/actionTypes/evaluateClaim/EvaluateClaimFlowDetail.tsx
 import React249, { useCallback as useCallback81, useEffect as useEffect81, useMemo as useMemo96, useState as useState99 } from "react";
-import { ActionIcon as ActionIcon34, Alert as Alert45, Box as Box48, Button as Button46, Checkbox as Checkbox13, Collapse as Collapse9, Divider as Divider26, Group as Group92, Loader as Loader44, ScrollArea as ScrollArea8, Stack as Stack167, Text as Text141, UnstyledButton as UnstyledButton3 } from "@mantine/core";
-import { IconArrowLeft as IconArrowLeft7, IconCheck as IconCheck18, IconChevronDown as IconChevronDown10, IconChevronRight as IconChevronRight12, IconFilter as IconFilter2, IconThumbDown as IconThumbDown2, IconThumbUp as IconThumbUp3 } from "@tabler/icons-react";
+import { ActionIcon as ActionIcon34, Alert as Alert45, Box as Box49, Button as Button46, Checkbox as Checkbox13, Collapse as Collapse9, Divider as Divider26, Group as Group92, Loader as Loader44, ScrollArea as ScrollArea8, Stack as Stack167, Text as Text141, UnstyledButton as UnstyledButton3 } from "@mantine/core";
+import { IconArrowLeft as IconArrowLeft7, IconCheck as IconCheck19, IconChevronDown as IconChevronDown10, IconChevronRight as IconChevronRight12, IconFilter as IconFilter2, IconThumbDown as IconThumbDown2, IconThumbUp as IconThumbUp3 } from "@tabler/icons-react";
 import { Survey as Survey11, SurveyModel as SurveyModel11 } from "@ixo/surveys";
 var USDC_DENOM5 = "ibc/6BBE9BD4246F8E04948D5A4EEE7164B2630263B9EBB5E7DC5F0A46C62A2FF97B";
 var IXO_DENOM5 = "uixo";
+var CUSTOM_DENOM2 = "__custom__";
 var DECIMALS4 = 6;
-function getTimeAgo2(dateString) {
+var createPaymentRow2 = () => ({
+  id: `payment-${Math.random().toString(36).slice(2, 9)}`,
+  denom: USDC_DENOM5,
+  customDenom: "",
+  amount: ""
+});
+function getTimeAgo3(dateString) {
   if (!dateString) return "";
   try {
     const date = new Date(dateString);
@@ -27221,16 +27574,15 @@ function getTimeAgo2(dateString) {
     return dateString;
   }
 }
-function truncateAddress2(address) {
+function truncateAddress3(address) {
   if (!address) return "";
   if (address.length <= 14) return address;
   return `${address.slice(0, 8)}...${address.slice(-3)}`;
 }
-function getClaimStatus2(claim) {
-  const payments = claim.paymentsStatus;
-  if (payments?.approval === "PAID") return { label: "Approved", color: "green" };
-  if (payments?.rejection === "PAID") return { label: "Rejected", color: "red" };
-  return { label: "Pending", color: "yellow" };
+function truncateId(value, start = 8, end = 6) {
+  if (!value) return "";
+  if (value.length <= start + end + 3) return value;
+  return `${value.slice(0, start)}...${value.slice(-end)}`;
 }
 var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabled }) => {
   const handlers = useBlocknoteHandlers();
@@ -27269,8 +27621,7 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
   const [submitting, setSubmitting] = useState99(false);
   const [error, setError] = useState99(null);
   const [adminAddress, setAdminAddress] = useState99("");
-  const [selectedDenom, setSelectedDenom] = useState99(USDC_DENOM5);
-  const [paymentAmount, setPaymentAmount] = useState99("");
+  const [paymentRows, setPaymentRows] = useState99([createPaymentRow2()]);
   const [createUdid, setCreateUdid] = useState99(true);
   const [claimData, setClaimData] = useState99(null);
   const [surveyJson, setSurveyJson] = useState99(null);
@@ -27281,11 +27632,14 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
   const [submissionOpen, setSubmissionOpen] = useState99(false);
   const [aiEvalOpen, setAiEvalOpen] = useState99(false);
   const [evaluationOpen, setEvaluationOpen] = useState99(true);
+  const [isEvaluatorAuthorized, setIsEvaluatorAuthorized] = useState99(false);
+  const [authChecking, setAuthChecking] = useState99(true);
+  const [profilesByDid, setProfilesByDid] = useState99({});
   const selectedClaim = useMemo96(() => claims.find((claim) => claim.claimId === selectedClaimId) || null, [claims, selectedClaimId]);
   const filteredClaims = useMemo96(() => {
     if (activeFilter === "all") return claims;
     return claims.filter((claim) => {
-      const status = getClaimStatus2(claim).label.toLowerCase();
+      const status = getClaimStatusInfo(claim).key;
       return status === activeFilter;
     });
   }, [claims, activeFilter]);
@@ -27367,7 +27721,7 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
   useEffect81(() => {
     setSelectedClaimId("");
     setError(null);
-    setPaymentAmount("");
+    setPaymentRows([createPaymentRow2()]);
     setClaimData(null);
     setSurveyJson(null);
     setEvaluationResult(null);
@@ -27376,6 +27730,85 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
     if (!deedDid || !collectionId) return;
     refreshClaims();
   }, [deedDid, collectionId, refreshClaims]);
+  useEffect81(() => {
+    let mounted = true;
+    const dids = Array.from(new Set(claims.map((claim) => claim.agentDid).filter(Boolean)));
+    const missing = dids.filter((did) => !profilesByDid[did]);
+    if (missing.length === 0)
+      return () => {
+        mounted = false;
+      };
+    const loadProfiles = async () => {
+      const results = await Promise.all(
+        missing.map(async (did) => {
+          try {
+            const profile = await handlers.getMatrixInfoPerDid(did);
+            return [did, profile];
+          } catch {
+            return [did, null];
+          }
+        })
+      );
+      if (!mounted) return;
+      setProfilesByDid((prev) => {
+        const next = { ...prev };
+        results.forEach(([did, profile]) => {
+          if (profile) {
+            next[did] = profile;
+          }
+        });
+        return next;
+      });
+    };
+    loadProfiles();
+    return () => {
+      mounted = false;
+    };
+  }, [claims, handlers, profilesByDid]);
+  useEffect81(() => {
+    let mounted = true;
+    const checkEvaluatorAuthorization = async () => {
+      if (!deedDid || !collectionId || !adminAddress || !actorDid) {
+        if (mounted) {
+          setIsEvaluatorAuthorized(false);
+          setAuthChecking(false);
+        }
+        return;
+      }
+      if (typeof handlers.getUserRoles !== "function") {
+        if (mounted) {
+          setIsEvaluatorAuthorized(false);
+          setAuthChecking(false);
+        }
+        return;
+      }
+      setAuthChecking(true);
+      try {
+        const roles = await handlers.getUserRoles({
+          userAddress: actorDid,
+          adminAddress,
+          deedDid,
+          collectionIds: [collectionId]
+        });
+        const role = roles?.find((r) => r.collectionId === collectionId)?.role || null;
+        if (mounted) {
+          setIsEvaluatorAuthorized(role === "EA" /* Evaluator */);
+        }
+      } catch {
+        if (mounted) {
+          setIsEvaluatorAuthorized(false);
+        }
+      } finally {
+        if (mounted) {
+          setAuthChecking(false);
+        }
+      }
+    };
+    checkEvaluatorAuthorization();
+    return () => {
+      mounted = false;
+    };
+  }, [handlers, actorDid, adminAddress, deedDid, collectionId]);
   useEffect81(() => {
     if (!selectedClaim) {
       setClaimData(null);
@@ -27386,23 +27819,35 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
     setSubmissionOpen(false);
     setAiEvalOpen(false);
     setEvaluationOpen(true);
-    setPaymentAmount("");
+    setPaymentRows([createPaymentRow2()]);
     loadClaimDetail(selectedClaim);
   }, [selectedClaim, loadClaimDetail]);
   const isClaimAlreadyEvaluated = useMemo96(() => {
     if (!selectedClaim) return false;
-    const status = getClaimStatus2(selectedClaim).label;
-    return status === "Approved" || status === "Rejected";
+    return isClaimEvaluated(selectedClaim);
   }, [selectedClaim]);
-  const buildPaymentCoin = () => {
-    if (!selectedDenom || paymentAmount === "" || Number(paymentAmount) <= 0) {
-      return void 0;
-    }
-    return {
-      denom: selectedDenom,
-      amount: (Number(paymentAmount) * Math.pow(10, DECIMALS4)).toString()
-    };
-  };
+  const addPaymentRow = useCallback81(() => {
+    setPaymentRows((prev) => [...prev, createPaymentRow2()]);
+  }, []);
+  const removePaymentRow = useCallback81((id) => {
+    setPaymentRows((prev) => prev.length === 1 ? prev : prev.filter((row) => row.id !== id));
+  }, []);
+  const updatePaymentRow = useCallback81((id, patch) => {
+    setPaymentRows((prev) => prev.map((row) => row.id === id ? { ...row, ...patch } : row));
+  }, []);
+  const buildPaymentCoins = useCallback81(() => {
+    return paymentRows.map((row) => {
+      const denom = row.denom === CUSTOM_DENOM2 ? row.customDenom.trim() : row.denom || "";
+      const amount = Number(row.amount);
+      if (!denom || !Number.isFinite(amount) || amount <= 0) {
+        return null;
+      }
+      return {
+        denom,
+        amount: (amount * Math.pow(10, DECIMALS4)).toString()
+      };
+    }).filter((entry) => !!entry);
+  }, [paymentRows]);
   const executeEvaluation = useCallback81(
     async (decision) => {
       if (!selectedClaim) {
@@ -27420,7 +27865,7 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
       }
       setSubmitting(true);
       setError(null);
-      updateRuntime({ state: "running", error: void 0 });
+      updateRuntime({ state: "running" });
       try {
         const capabilityId = deedDid;
         const outcome = await executeNode({
@@ -27442,7 +27887,7 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
                 collectionId,
                 deedDid,
                 adminAddress,
-                amount: buildPaymentCoin(),
+                amount: buildPaymentCoins(),
                 createUdid,
                 capabilityCid: capabilityId,
                 rubricAuthority: deedDid,
@@ -27493,8 +27938,7 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
         const message = err instanceof Error ? err.message : "Failed to evaluate claim";
         setError(message);
         updateRuntime({
-          state: "failed",
-          error: { message, at: Date.now() }
+          state: "failed"
         });
       } finally {
         setSubmitting(false);
@@ -27520,15 +27964,17 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
       createUdid,
       updateRuntime,
       refreshClaims,
-      selectedDenom,
-      paymentAmount,
+      buildPaymentCoins,
       evaluationResult
     ]
   );
   if (selectedClaim) {
-    const claimStatus = getClaimStatus2(selectedClaim);
-    return /* @__PURE__ */ React249.createElement(Stack167, { gap: "md" }, /* @__PURE__ */ React249.createElement(Group92, { gap: "xs", align: "center" }, /* @__PURE__ */ React249.createElement(ActionIcon34, { variant: "subtle", color: "gray", size: "sm", onClick: () => setSelectedClaimId("") }, /* @__PURE__ */ React249.createElement(IconArrowLeft7, { size: 16 })), /* @__PURE__ */ React249.createElement(Text141, { fw: 500, size: "sm" }, "Claim #", selectedClaim.claimId)), /* @__PURE__ */ React249.createElement(Group92, { gap: 16, align: "center", style: { width: "100%" } }, /* @__PURE__ */ React249.createElement(
-      Box48,
+    const claimStatus = getClaimStatusInfo(selectedClaim);
+    const selectedClaimProfile = profilesByDid[selectedClaim.agentDid];
+    const selectedDisplayName = selectedClaimProfile?.displayname || selectedClaim.agentDid || selectedClaim.agentAddress;
+    const selectedAvatarLabel = (selectedClaimProfile?.displayname || selectedClaim.agentDid || selectedClaim.agentAddress || "?")[0]?.toUpperCase();
+    return /* @__PURE__ */ React249.createElement(Stack167, { gap: "md" }, /* @__PURE__ */ React249.createElement(Group92, { gap: "xs", align: "center" }, /* @__PURE__ */ React249.createElement(ActionIcon34, { variant: "subtle", color: "gray", size: "sm", onClick: () => setSelectedClaimId("") }, /* @__PURE__ */ React249.createElement(IconArrowLeft7, { size: 16 })), /* @__PURE__ */ React249.createElement(Text141, { fw: 500, size: "sm", title: selectedClaim.claimId }, "Claim #", truncateId(selectedClaim.claimId))), /* @__PURE__ */ React249.createElement(Group92, { gap: 16, align: "center", style: { width: "100%" } }, /* @__PURE__ */ React249.createElement(
+      Box49,
       {
         style: {
           width: 40,
@@ -27541,12 +27987,15 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
           flexShrink: 0,
           fontSize: 16,
           fontWeight: 500,
-          color: "#adb5bd"
+          color: "#adb5bd",
+          backgroundImage: selectedClaimProfile?.avatarUrl ? `url(${selectedClaimProfile.avatarUrl})` : void 0,
+          backgroundSize: "cover",
+          backgroundPosition: "center"
         }
       },
-      (selectedClaim.agentDid || selectedClaim.agentAddress || "?")[0]?.toUpperCase()
-    ), /* @__PURE__ */ React249.createElement(Stack167, { gap: 0, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React249.createElement(Text141, { fw: 500, size: "md", truncate: true }, selectedClaim.agentDid || selectedClaim.agentAddress), /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed", truncate: true }, truncateAddress2(selectedClaim.agentAddress))), /* @__PURE__ */ React249.createElement(Stack167, { gap: 0, align: "flex-end", style: { flexShrink: 0 } }, /* @__PURE__ */ React249.createElement(Text141, { fw: 500, size: "md", c: claimStatus.color === "green" ? "green" : claimStatus.color === "red" ? "red" : void 0 }, claimStatus.color === "green" && /* @__PURE__ */ React249.createElement(IconCheck18, { size: 14, style: { verticalAlign: "middle", marginRight: 4 } }), claimStatus.label), /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed" }, getTimeAgo2(selectedClaim.submissionDate || "")))), /* @__PURE__ */ React249.createElement(
-      Box48,
+      selectedClaimProfile?.avatarUrl ? null : selectedAvatarLabel
+    ), /* @__PURE__ */ React249.createElement(Stack167, { gap: 0, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React249.createElement(Text141, { fw: 500, size: "md", truncate: true }, selectedDisplayName), /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed", truncate: true }, truncateAddress3(selectedClaim.agentAddress))), /* @__PURE__ */ React249.createElement(Stack167, { gap: 0, align: "flex-end", style: { flexShrink: 0 } }, /* @__PURE__ */ React249.createElement(Text141, { fw: 500, size: "md", c: claimStatus.color }, claimStatus.key === "approved" && /* @__PURE__ */ React249.createElement(IconCheck19, { size: 14, style: { verticalAlign: "middle", marginRight: 4 } }), claimStatus.label), /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed" }, getTimeAgo3(selectedClaim.submissionDate || "")))), /* @__PURE__ */ React249.createElement(
+      Box49,
       {
         p: "sm",
         style: {
@@ -27555,9 +28004,9 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
         }
       },
       /* @__PURE__ */ React249.createElement(UnstyledButton3, { onClick: () => setSubmissionOpen((v) => !v), style: { width: "100%" } }, /* @__PURE__ */ React249.createElement(Group92, { gap: "xs", align: "center" }, submissionOpen ? /* @__PURE__ */ React249.createElement(IconChevronDown10, { size: 16 }) : /* @__PURE__ */ React249.createElement(IconChevronRight12, { size: 16 }), /* @__PURE__ */ React249.createElement(Text141, { fw: 500, size: "sm" }, "Submission"))),
-      /* @__PURE__ */ React249.createElement(Collapse9, { in: submissionOpen }, /* @__PURE__ */ React249.createElement(Box48, { mt: "sm" }, surveyLoading ? /* @__PURE__ */ React249.createElement(Group92, { gap: "xs" }, /* @__PURE__ */ React249.createElement(Loader44, { size: "xs" }), /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed" }, "Loading submission details...")) : surveyModel ? /* @__PURE__ */ React249.createElement(ScrollArea8, { h: 280 }, /* @__PURE__ */ React249.createElement(Survey11, { model: surveyModel })) : /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed" }, "No submission template/data available.")))
+      /* @__PURE__ */ React249.createElement(Collapse9, { in: submissionOpen }, /* @__PURE__ */ React249.createElement(Box49, { mt: "sm" }, surveyLoading ? /* @__PURE__ */ React249.createElement(Group92, { gap: "xs" }, /* @__PURE__ */ React249.createElement(Loader44, { size: "xs" }), /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed" }, "Loading submission details...")) : surveyModel ? /* @__PURE__ */ React249.createElement(ScrollArea8, { h: 280 }, /* @__PURE__ */ React249.createElement(Survey11, { model: surveyModel })) : /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed" }, "No submission template/data available.")))
     ), /* @__PURE__ */ React249.createElement(
-      Box48,
+      Box49,
       {
         p: "sm",
         style: {
@@ -27566,9 +28015,9 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
         }
       },
       /* @__PURE__ */ React249.createElement(UnstyledButton3, { onClick: () => setAiEvalOpen((v) => !v), style: { width: "100%" } }, /* @__PURE__ */ React249.createElement(Group92, { gap: "xs", align: "center" }, aiEvalOpen ? /* @__PURE__ */ React249.createElement(IconChevronDown10, { size: 16 }) : /* @__PURE__ */ React249.createElement(IconChevronRight12, { size: 16 }), /* @__PURE__ */ React249.createElement(Text141, { fw: 500, size: "sm" }, "AI Evaluation"))),
-      /* @__PURE__ */ React249.createElement(Collapse9, { in: aiEvalOpen }, /* @__PURE__ */ React249.createElement(Box48, { mt: "sm" }, evaluationLoading ? /* @__PURE__ */ React249.createElement(Group92, { gap: "xs" }, /* @__PURE__ */ React249.createElement(Loader44, { size: "xs" }), /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed" }, "Running rubric evaluation...")) : evaluationResult ? /* @__PURE__ */ React249.createElement(ScrollArea8, { h: 280 }, /* @__PURE__ */ React249.createElement(RubricEvaluationResults, { evaluation: evaluationResult })) : /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed" }, "No rubric evaluation available for this claim.")))
+      /* @__PURE__ */ React249.createElement(Collapse9, { in: aiEvalOpen }, /* @__PURE__ */ React249.createElement(Box49, { mt: "sm" }, evaluationLoading ? /* @__PURE__ */ React249.createElement(Group92, { gap: "xs" }, /* @__PURE__ */ React249.createElement(Loader44, { size: "xs" }), /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed" }, "Running rubric evaluation...")) : evaluationResult ? /* @__PURE__ */ React249.createElement(ScrollArea8, { h: 280 }, /* @__PURE__ */ React249.createElement(RubricEvaluationResults, { evaluation: evaluationResult })) : /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed" }, "No rubric evaluation available for this claim.")))
     ), /* @__PURE__ */ React249.createElement(
-      Box48,
+      Box49,
       {
         p: "sm",
         style: {
@@ -27577,27 +28026,45 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
         }
       },
       /* @__PURE__ */ React249.createElement(UnstyledButton3, { onClick: () => setEvaluationOpen((v) => !v), style: { width: "100%" } }, /* @__PURE__ */ React249.createElement(Group92, { gap: "xs", align: "center" }, evaluationOpen ? /* @__PURE__ */ React249.createElement(IconChevronDown10, { size: 16 }) : /* @__PURE__ */ React249.createElement(IconChevronRight12, { size: 16 }), /* @__PURE__ */ React249.createElement(Text141, { fw: 500, size: "sm" }, "Evaluation"))),
-      /* @__PURE__ */ React249.createElement(Collapse9, { in: evaluationOpen }, /* @__PURE__ */ React249.createElement(Stack167, { gap: "md", mt: "sm" }, /* @__PURE__ */ React249.createElement(Divider26, { color: "rgba(255,255,255,0.06)" }), /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed" }, "Payment"), /* @__PURE__ */ React249.createElement(Group92, { justify: "space-between", align: "center" }, /* @__PURE__ */ React249.createElement(Text141, { size: "sm" }, "Token"), /* @__PURE__ */ React249.createElement(
+      /* @__PURE__ */ React249.createElement(Collapse9, { in: evaluationOpen }, /* @__PURE__ */ React249.createElement(Stack167, { gap: "md", mt: "sm" }, /* @__PURE__ */ React249.createElement(Divider26, { color: "rgba(255,255,255,0.06)" }), /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed" }, "Payment (optional custom payouts)"), paymentRows.map((row, index) => /* @__PURE__ */ React249.createElement(Stack167, { key: row.id, gap: 8 }, /* @__PURE__ */ React249.createElement(Group92, { justify: "space-between", align: "center" }, /* @__PURE__ */ React249.createElement(Text141, { size: "sm" }, "Token ", index + 1), paymentRows.length > 1 && /* @__PURE__ */ React249.createElement(Button46, { variant: "subtle", size: "compact-xs", color: "red", onClick: () => removePaymentRow(row.id), disabled: isDisabled || submitting }, "Remove")), /* @__PURE__ */ React249.createElement(
         BaseSelect,
         {
-          value: selectedDenom,
-          onChange: setSelectedDenom,
+          value: row.denom,
+          onChange: (value) => updatePaymentRow(row.id, { denom: value }),
           data: [
             { value: USDC_DENOM5, label: "USDC" },
-            { value: IXO_DENOM5, label: "IXO" }
+            { value: IXO_DENOM5, label: "IXO" },
+            { value: CUSTOM_DENOM2, label: "Custom" }
           ],
           clearable: false,
-          style: { width: 200 }
+          disabled: isDisabled || submitting
+        }
+      ), row.denom === CUSTOM_DENOM2 && /* @__PURE__ */ React249.createElement(
+        BaseTextInput,
+        {
+          placeholder: "Custom denom (e.g. ibc/... or uixo)",
+          value: row.customDenom,
+          onChange: (event) => updatePaymentRow(row.id, { customDenom: event.currentTarget.value }),
+          disabled: isDisabled || submitting
+        }
+      ), /* @__PURE__ */ React249.createElement(
+        BaseNumberInput,
+        {
+          min: 0,
+          value: row.amount,
+          onChange: (value) => updatePaymentRow(row.id, { amount: value }),
+          placeholder: "Amount",
+          disabled: isDisabled || submitting
         }
-      )), /* @__PURE__ */ React249.createElement(Group92, { justify: "space-between", align: "center" }, /* @__PURE__ */ React249.createElement(Text141, { size: "sm" }, "Amount"), /* @__PURE__ */ React249.createElement(BaseNumberInput, { min: 0, value: paymentAmount, onChange: (value) => setPaymentAmount(value), placeholder: "0", style: { width: 200 } })), /* @__PURE__ */ React249.createElement(Checkbox13, { label: "Generate UDID proof before evaluation", checked: createUdid, onChange: (event) => setCreateUdid(event.currentTarget.checked) })))
-    ), isClaimAlreadyEvaluated && /* @__PURE__ */ React249.createElement(Alert45, { color: "yellow" }, "This claim is already evaluated. Re-evaluation is disabled."), /* @__PURE__ */ React249.createElement(Group92, { gap: "xs" }, /* @__PURE__ */ React249.createElement(
+      ))), /* @__PURE__ */ React249.createElement(Button46, { variant: "light", size: "xs", onClick: addPaymentRow, disabled: isDisabled || submitting }, "Add Payment"), /* @__PURE__ */ React249.createElement(Checkbox13, { label: "Generate UDID proof before evaluation", checked: createUdid, onChange: (event) => setCreateUdid(event.currentTarget.checked) })))
+    ), isClaimAlreadyEvaluated && /* @__PURE__ */ React249.createElement(Alert45, { color: "yellow", styles: actionAlertStyles }, "This claim is already evaluated. Re-evaluation is disabled."), !authChecking && !isEvaluatorAuthorized && /* @__PURE__ */ React249.createElement(Alert45, { color: "yellow", styles: actionAlertStyles }, "You need evaluator authorization for this collection to approve or reject claims."), /* @__PURE__ */ React249.createElement(Group92, { gap: "xs" }, /* @__PURE__ */ React249.createElement(
       Button46,
       {
         variant: "filled",
         color: "dark",
         leftSection: /* @__PURE__ */ React249.createElement(IconThumbUp3, { size: 16 }),
         onClick: () => executeEvaluation("approve"),
-        disabled: isDisabled || submitting || !adminAddress || isClaimAlreadyEvaluated,
+        disabled: isDisabled || submitting || authChecking || !isEvaluatorAuthorized || !adminAddress || isClaimAlreadyEvaluated,
         styles: {
           root: {
             backgroundColor: "var(--mantine-color-dark-6)",
@@ -27614,7 +28081,7 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
         color: "dark",
         leftSection: /* @__PURE__ */ React249.createElement(IconThumbDown2, { size: 16 }),
         onClick: () => executeEvaluation("reject"),
-        disabled: isDisabled || submitting || !adminAddress || isClaimAlreadyEvaluated,
+        disabled: isDisabled || submitting || authChecking || !isEvaluatorAuthorized || !adminAddress || isClaimAlreadyEvaluated,
         styles: {
           root: {
             backgroundColor: "var(--mantine-color-dark-6)",
@@ -27624,7 +28091,7 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
         }
       },
       "Reject"
-    )), error && /* @__PURE__ */ React249.createElement(Alert45, { color: "red" }, error), runtime.error?.message && /* @__PURE__ */ React249.createElement(Alert45, { color: "red" }, runtime.error.message));
+    )), error && /* @__PURE__ */ React249.createElement(Alert45, { color: "red", styles: actionAlertStyles }, error));
   }
   const filterTabs = [
     { value: "all", label: "All" },
@@ -27632,7 +28099,7 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
     { value: "approved", label: "Approved" },
     { value: "rejected", label: "Rejected" }
   ];
-  return /* @__PURE__ */ React249.createElement(Stack167, { gap: "md" }, !deedDid || !collectionId ? /* @__PURE__ */ React249.createElement(Alert45, { color: "yellow" }, "Configure DID and claim collection in template mode before running this action.") : /* @__PURE__ */ React249.createElement(React249.Fragment, null, /* @__PURE__ */ React249.createElement(Group92, { justify: "space-between", align: "center" }, /* @__PURE__ */ React249.createElement(Group92, { gap: 0 }, filterTabs.map((tab) => /* @__PURE__ */ React249.createElement(
+  return /* @__PURE__ */ React249.createElement(Stack167, { gap: "md" }, !deedDid || !collectionId ? /* @__PURE__ */ React249.createElement(Alert45, { color: "yellow", styles: actionAlertStyles }, "Configure DID and claim collection in template mode before running this action.") : /* @__PURE__ */ React249.createElement(React249.Fragment, null, /* @__PURE__ */ React249.createElement(Group92, { justify: "space-between", align: "center" }, /* @__PURE__ */ React249.createElement(Group92, { gap: 0 }, filterTabs.map((tab) => /* @__PURE__ */ React249.createElement(
     UnstyledButton3,
     {
       key: tab.value,
@@ -27647,9 +28114,12 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
     },
     /* @__PURE__ */ React249.createElement(Text141, { size: "sm", fw: 500, c: activeFilter === tab.value ? "white" : "dimmed" }, tab.label)
   ))), /* @__PURE__ */ React249.createElement(ActionIcon34, { variant: "subtle", color: "gray", size: "sm" }, /* @__PURE__ */ React249.createElement(IconFilter2, { size: 16 }))), loadingClaims && /* @__PURE__ */ React249.createElement(Group92, { gap: "xs", justify: "center", py: "md" }, /* @__PURE__ */ React249.createElement(Loader44, { size: "xs" }), /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed" }, "Loading claims...")), !loadingClaims && filteredClaims.length === 0 && /* @__PURE__ */ React249.createElement(Text141, { size: "sm", c: "dimmed", ta: "center", py: "md" }, claims.length === 0 ? "No claims available for this collection." : `No ${activeFilter} claims found.`), filteredClaims.length > 0 && /* @__PURE__ */ React249.createElement(Stack167, { gap: 12 }, filteredClaims.map((claim) => {
-    const status = getClaimStatus2(claim);
+    const status = getClaimStatusInfo(claim);
+    const profile = profilesByDid[claim.agentDid];
+    const displayName = profile?.displayname || claim.agentDid || claim.agentAddress;
+    const avatarLabel = (profile?.displayname || claim.agentDid || claim.agentAddress || "?")[0]?.toUpperCase();
     return /* @__PURE__ */ React249.createElement(ListItemContainer, { key: claim.claimId, isChecked: false, onClick: () => setSelectedClaimId(claim.claimId) }, /* @__PURE__ */ React249.createElement(Group92, { gap: 16, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React249.createElement(
-      Box48,
+      Box49,
       {
         style: {
           width: 32,
@@ -27662,12 +28132,15 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
           flexShrink: 0,
           fontSize: 14,
           fontWeight: 500,
-          color: "#adb5bd"
+          color: "#adb5bd",
+          backgroundImage: profile?.avatarUrl ? `url(${profile.avatarUrl})` : void 0,
+          backgroundSize: "cover",
+          backgroundPosition: "center"
         }
       },
-      (claim.agentDid || claim.agentAddress || "?")[0]?.toUpperCase()
-    ), /* @__PURE__ */ React249.createElement(Stack167, { gap: 0, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React249.createElement(Text141, { fw: 500, size: "md", truncate: true, style: { lineHeight: 1.5 } }, claim.agentDid || claim.agentAddress), /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed", truncate: true }, truncateAddress2(claim.agentAddress)))), /* @__PURE__ */ React249.createElement(Stack167, { gap: 0, align: "flex-end", style: { flexShrink: 0, minWidth: 80 } }, /* @__PURE__ */ React249.createElement(Text141, { fw: 500, size: "md", c: status.color === "green" ? "green" : status.color === "red" ? "red" : void 0, style: { lineHeight: 1.5 } }, status.color === "green" && /* @__PURE__ */ React249.createElement(IconCheck18, { size: 14, style: { verticalAlign: "middle", marginRight: 2 } }), status.label), /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed" }, getTimeAgo2(claim.submissionDate || ""))));
-  }))), error && /* @__PURE__ */ React249.createElement(Alert45, { color: "red" }, error), runtime.error?.message && /* @__PURE__ */ React249.createElement(Alert45, { color: "red" }, runtime.error.message));
+      profile?.avatarUrl ? null : avatarLabel
+    ), /* @__PURE__ */ React249.createElement(Stack167, { gap: 0, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React249.createElement(Text141, { fw: 500, size: "md", truncate: true, style: { lineHeight: 1.5 } }, displayName), /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed", truncate: true }, truncateAddress3(claim.agentAddress)))), /* @__PURE__ */ React249.createElement(Stack167, { gap: 0, align: "flex-end", style: { flexShrink: 0, minWidth: 80 } }, /* @__PURE__ */ React249.createElement(Text141, { fw: 500, size: "md", c: status.color, style: { lineHeight: 1.5 } }, status.key === "approved" && /* @__PURE__ */ React249.createElement(IconCheck19, { size: 14, style: { verticalAlign: "middle", marginRight: 2 } }), status.label), /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed" }, getTimeAgo3(claim.submissionDate || ""))));
+  }))), error && /* @__PURE__ */ React249.createElement(Alert45, { color: "red", styles: actionAlertStyles }, error), runtime.error?.message && /* @__PURE__ */ React249.createElement(Alert45, { color: "red", styles: actionAlertStyles }, runtime.error.message));
 };
 
 // src/mantine/blocks/action/actionTypes/evaluateClaim/index.ts
@@ -27676,12 +28149,251 @@ registerActionTypeUI("evaluateClaim", {
   flowDetailComponent: EvaluateClaimFlowDetail
 });
 
+// src/mantine/blocks/action/actionTypes/formSubmit/FormSubmitConfig.tsx
+import React250, { useCallback as useCallback82, useEffect as useEffect82, useState as useState100 } from "react";
+import { Stack as Stack168, Text as Text142 } from "@mantine/core";
+
+// src/mantine/blocks/action/actionTypes/formSubmit/types.ts
+function parseFormSubmitActionInputs(json) {
+  try {
+    const parsed = typeof json === "string" ? JSON.parse(json) : json;
+    const rawSchema = parsed?.surveySchema;
+    if (typeof rawSchema === "string") {
+      return { surveySchema: rawSchema };
+    }
+    if (rawSchema && typeof rawSchema === "object" && !Array.isArray(rawSchema)) {
+      return { surveySchema: JSON.stringify(rawSchema, null, 2) };
+    }
+    return { surveySchema: "" };
+  } catch {
+    return { surveySchema: "" };
+  }
+}
+function serializeFormSubmitActionInputs(inputs) {
+  return JSON.stringify({
+    surveySchema: inputs.surveySchema
+  });
+}
+
+// src/mantine/blocks/action/actionTypes/formSubmit/FormSubmitConfig.tsx
+function isValidSchemaJson(value) {
+  try {
+    const parsed = JSON.parse(value);
+    return !!parsed && typeof parsed === "object" && !Array.isArray(parsed);
+  } catch {
+    return false;
+  }
+}
+var FormSubmitConfig = ({ inputs, onInputsChange }) => {
+  const [localSchema, setLocalSchema] = useState100(() => parseFormSubmitActionInputs(inputs).surveySchema);
+  const [error, setError] = useState100(null);
+  useEffect82(() => {
+    setLocalSchema(parseFormSubmitActionInputs(inputs).surveySchema);
+    setError(null);
+  }, [inputs]);
+  const handleChange = useCallback82(
+    (value) => {
+      setLocalSchema(value);
+      setError(null);
+      if (!value.trim()) {
+        onInputsChange(serializeFormSubmitActionInputs({ surveySchema: "" }));
+        return;
+      }
+      if (!isValidSchemaJson(value)) {
+        setError("Survey schema must be a valid JSON object");
+        return;
+      }
+      onInputsChange(serializeFormSubmitActionInputs({ surveySchema: value }));
+    },
+    [onInputsChange]
+  );
+  return /* @__PURE__ */ React250.createElement(Stack168, { gap: "xs" }, /* @__PURE__ */ React250.createElement(
+    BaseTextArea,
+    {
+      label: "Survey Schema (JSON)",
+      description: "Paste the SurveyJS schema JSON that should be rendered in flow mode.",
+      placeholder: '{"elements":[{"type":"text","name":"name","title":"Your name"}]}',
+      minRows: 10,
+      value: localSchema,
+      onChange: (event) => handleChange(event.currentTarget.value),
+      error
+    }
+  ), localSchema && !error && /* @__PURE__ */ React250.createElement(Text142, { size: "xs", c: "green" }, "\u2713 Valid JSON object"));
+};
+
+// src/mantine/blocks/action/actionTypes/formSubmit/FormSubmitFlowDetail.tsx
+import React251, { useCallback as useCallback83, useEffect as useEffect83, useMemo as useMemo97, useState as useState101 } from "react";
+import { Alert as Alert46, Loader as Loader45, Stack as Stack169, Text as Text143 } from "@mantine/core";
+import { Survey as Survey12, SurveyModel as SurveyModel12 } from "@ixo/surveys";
+var FormSubmitFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabled }) => {
+  const handlers = useBlocknoteHandlers();
+  const services = useMemo97(() => buildServicesFromHandlers(handlers), [handlers]);
+  const flowNode = useMemo97(() => buildFlowNodeFromBlock(block), [block]);
+  const runtimeManager = useMemo97(() => createRuntimeStateManager(editor), [editor]);
+  const ucanManager = useMemo97(() => new SimpleUCANManager(), []);
+  const delegationStore = useMemo97(() => {
+    if (!editor?._yDelegations) return void 0;
+    return createDelegationStore(editor._yDelegations);
+  }, [editor?._yDelegations]);
+  const verifySignature = useMemo97(() => {
+    if (!handlers?.verifyCapabilitySignature) return void 0;
+    return async (capabilityRaw, issuerDid) => handlers.verifyCapabilitySignature({ capabilityRaw, issuerDid });
+  }, [handlers]);
+  const flowOwnerDid = useMemo97(() => editor?.getFlowOwnerDid?.() || "", [editor]);
+  const flowUri = useMemo97(() => {
+    const docId = editor?.getFlowMetadata?.()?.doc_id || block.id;
+    return `ixo:flow:${docId}`;
+  }, [editor, block.id]);
+  const actorDid = useMemo97(() => {
+    try {
+      return handlers?.getCurrentUser?.()?.address || "";
+    } catch {
+      return "";
+    }
+  }, [handlers]);
+  const parsed = useMemo97(() => parseFormSubmitActionInputs(inputs), [inputs]);
+  const editorDocument = editor?.document || [];
+  const resolveOpts = useMemo97(() => ({ yRuntime: editor?._yRuntime }), [editor?._yRuntime]);
+  const resolvedSchemaString = useMemo97(() => resolveReferences(parsed.surveySchema || "", editorDocument, resolveOpts).trim(), [parsed.surveySchema, editorDocument, resolveOpts]);
+  const [submitting, setSubmitting] = useState101(false);
+  const [error, setError] = useState101(null);
+  const parsedSchema = useMemo97(() => {
+    if (!resolvedSchemaString) return null;
+    try {
+      const schema = JSON.parse(resolvedSchemaString);
+      if (!schema || typeof schema !== "object" || Array.isArray(schema)) return null;
+      return schema;
+    } catch {
+      return null;
+    }
+  }, [resolvedSchemaString]);
+  const surveyModel = useMemo97(() => {
+    if (!parsedSchema) return null;
+    const model = new SurveyModel12(parsedSchema);
+    model.applyTheme(surveyTheme);
+    model.showQuestionNumbers = "off";
+    model.questionsOnPageMode = "singlePage";
+    model.completeText = "Execute";
+    if (isDisabled || submitting) {
+      model.mode = "display";
+      model.showCompleteButton = false;
+    }
+    return model;
+  }, [parsedSchema, isDisabled, submitting]);
+  const handleSurveyComplete = useCallback83(
+    async (sender) => {
+      if (isDisabled || submitting) return;
+      const actionType = String(block?.props?.actionType || "form.submit");
+      const actionDef = getAction(actionType) || getAction("form.submit");
+      if (!actionDef) {
+        setError(`${actionType} action is not registered`);
+        return;
+      }
+      setSubmitting(true);
+      setError(null);
+      updateRuntime({ state: "running", error: void 0 });
+      try {
+        const outcome = await executeNode({
+          node: flowNode,
+          actorDid,
+          context: {
+            runtime: runtimeManager,
+            ucanManager,
+            delegationStore,
+            verifySignature,
+            rootIssuer: flowOwnerDid || void 0,
+            flowUri
+          },
+          action: async () => {
+            const result = await actionDef.run(
+              {
+                answers: sender.data || {}
+              },
+              {
+                actorDid,
+                flowId: flowUri,
+                nodeId: block.id,
+                services,
+                flowNode,
+                runtime: runtimeManager,
+                delegationStore,
+                verifySignature,
+                rootIssuer: flowOwnerDid || void 0,
+                flowUri,
+                handlers,
+                editor
+              }
+            );
+            return {
+              payload: result.output,
+              submittedByDid: actorDid || void 0
+            };
+          }
+        });
+        if (!outcome.success) {
+          throw new Error(outcome.error || "Form submit execution failed");
+        }
+        updateRuntime({
+          state: "completed",
+          executedAt: Date.now(),
+          output: outcome.result?.payload || {}
+        });
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Failed to execute form submit";
+        setError(message);
+        updateRuntime({
+          state: "failed",
+          error: { message, at: Date.now() }
+        });
+      } finally {
+        setSubmitting(false);
+      }
+    },
+    [
+      actorDid,
+      block,
+      delegationStore,
+      editor,
+      flowNode,
+      flowOwnerDid,
+      flowUri,
+      handlers,
+      isDisabled,
+      runtimeManager,
+      services,
+      submitting,
+      ucanManager,
+      updateRuntime,
+      verifySignature
+    ]
+  );
+  useEffect83(() => {
+    if (!surveyModel) return void 0;
+    surveyModel.onComplete.add(handleSurveyComplete);
+    return () => {
+      surveyModel.onComplete.remove(handleSurveyComplete);
+    };
+  }, [surveyModel, handleSurveyComplete]);
+  const statusMessage = runtime.state === "completed" ? "Last execution completed." : submitting ? "Executing..." : null;
+  return /* @__PURE__ */ React251.createElement(Stack169, { gap: "md" }, /* @__PURE__ */ React251.createElement(Stack169, { gap: 2 }, /* @__PURE__ */ React251.createElement(Text143, { fw: 600 }, block?.props?.title || "Form Submit Action"), /* @__PURE__ */ React251.createElement(Text143, { size: "sm", c: "dimmed" }, block?.props?.description || "Complete the form to execute this action.")), !resolvedSchemaString ? /* @__PURE__ */ React251.createElement(Alert46, { color: "yellow", styles: actionAlertStyles }, "Configure Survey Schema JSON in template mode before running this action.") : !parsedSchema ? /* @__PURE__ */ React251.createElement(Alert46, { color: "red", styles: actionAlertStyles }, "Survey schema is invalid JSON. Fix it in template mode.") : /* @__PURE__ */ React251.createElement(Survey12, { model: surveyModel }), statusMessage && /* @__PURE__ */ React251.createElement(Stack169, { gap: 4 }, submitting && /* @__PURE__ */ React251.createElement(Loader45, { size: "xs" }), /* @__PURE__ */ React251.createElement(Text143, { size: "xs", c: "dimmed" }, statusMessage)), error && /* @__PURE__ */ React251.createElement(Alert46, { color: "red", styles: actionAlertStyles }, error), runtime.error?.message && /* @__PURE__ */ React251.createElement(Alert46, { color: "red", styles: actionAlertStyles }, runtime.error.message));
+};
+
+// src/mantine/blocks/action/actionTypes/formSubmit/index.ts
+registerActionTypeUI("form.submit", {
+  configComponent: FormSubmitConfig,
+  flowDetailComponent: FormSubmitFlowDetail
+});
+registerActionTypeUI("human.form.submit", {
+  configComponent: FormSubmitConfig,
+  flowDetailComponent: FormSubmitFlowDetail
+});
+
 // src/mantine/blocks/action/ActionBlock.tsx
 function ActionBlock({ editor, block }) {
   const { docType } = useBlocknoteContext();
   const { actions: actions2 } = useBlockConditions(block, editor);
   if (docType === "template") {
-    return /* @__PURE__ */ React250.createElement(ActionTemplateView, { editor, block });
+    return /* @__PURE__ */ React252.createElement(ActionTemplateView, { editor, block });
   }
   const conditionConfig = parseConditionConfig(block.props.conditions);
   const hasVisibility = hasVisibilityConditions(conditionConfig);
@@ -27692,7 +28404,7 @@ function ActionBlock({ editor, block }) {
   const hasEnable = hasEnableConditions(conditionConfig);
   const enableActionExists = actions2.some((a) => a.action === "enable");
   const shouldDisable = hasEnable && !enableActionExists;
-  return /* @__PURE__ */ React250.createElement(
+  return /* @__PURE__ */ React252.createElement(
     ActionFlowView,
     {
       block,
@@ -27728,6 +28440,9 @@ var ActionBlockSpec = createReactBlockSpec21(
       requiresConfirmation: {
         default: ""
       },
+      skill: {
+        default: ""
+      },
       conditions: {
         default: ""
       },
@@ -27759,36 +28474,36 @@ var ActionBlockSpec = createReactBlockSpec21(
   {
     render: (props) => {
       const ixoProps = props;
-      return /* @__PURE__ */ React251.createElement(ActionBlock, { ...ixoProps });
+      return /* @__PURE__ */ React253.createElement(ActionBlock, { ...ixoProps });
     }
   }
 );
 
 // src/mantine/blocks/location/LocationBlockSpec.tsx
-import React259 from "react";
+import React261 from "react";
 import { createReactBlockSpec as createReactBlockSpec22 } from "@blocknote/react";
 
 // src/mantine/blocks/location/LocationBlock.tsx
-import React258 from "react";
+import React260 from "react";
 
 // src/mantine/blocks/location/template/TemplateView.tsx
-import React255, { useMemo as useMemo97 } from "react";
-import { Group as Group93, Stack as Stack169, Text as Text144 } from "@mantine/core";
+import React257, { useMemo as useMemo98 } from "react";
+import { Group as Group93, Stack as Stack171, Text as Text146 } from "@mantine/core";
 import { IconMapPin } from "@tabler/icons-react";
 
 // src/mantine/blocks/location/template/TemplateConfig.tsx
-import React253, { useCallback as useCallback82 } from "react";
+import React255, { useCallback as useCallback84 } from "react";
 import { IconSettings as IconSettings20 } from "@tabler/icons-react";
 
 // src/mantine/blocks/location/template/GeneralTab.tsx
-import React252, { useEffect as useEffect83, useRef as useRef23, useState as useState101 } from "react";
-import { Box as Box49, Divider as Divider27, Stack as Stack168, Text as Text142 } from "@mantine/core";
+import React254, { useEffect as useEffect85, useRef as useRef23, useState as useState103 } from "react";
+import { Box as Box50, Divider as Divider27, Stack as Stack170, Text as Text144 } from "@mantine/core";
 
 // src/core/hooks/useUnlMap.ts
-import { useEffect as useEffect82, useState as useState100 } from "react";
+import { useEffect as useEffect84, useState as useState102 } from "react";
 function useUnlMap() {
-  const [status, setStatus] = useState100("loading");
-  useEffect82(() => {
+  const [status, setStatus] = useState102("loading");
+  useEffect84(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -27847,21 +28562,21 @@ var DEFAULT_CENTER = [0, 20];
 var DEFAULT_ZOOM = 2;
 var PLACED_ZOOM = 14;
 var GeneralTab18 = ({ title, description, latitude, longitude, onTitleChange, onDescriptionChange, onCoordinatesChange }) => {
-  const [localTitle, setLocalTitle] = useState101(title);
-  const [localDescription, setLocalDescription] = useState101(description);
-  const [mapError, setMapError] = useState101(null);
+  const [localTitle, setLocalTitle] = useState103(title);
+  const [localDescription, setLocalDescription] = useState103(description);
+  const [mapError, setMapError] = useState103(null);
   const { status, UnlSdk } = useUnlMap();
   const { mapConfig } = useBlocknoteContext();
   const markerRef = useRef23(null);
   const mapRef = useRef23(null);
   const containerRef = useRef23(null);
-  useEffect83(() => {
+  useEffect85(() => {
     setLocalTitle(title);
   }, [title]);
-  useEffect83(() => {
+  useEffect85(() => {
     setLocalDescription(description);
   }, [description]);
-  useEffect83(() => {
+  useEffect85(() => {
     if (status !== "ready" || !UnlSdk || mapRef.current || !mapConfig || !containerRef.current) return;
     try {
       const hasCoords = latitude && longitude;
@@ -27907,7 +28622,7 @@ var GeneralTab18 = ({ title, description, latitude, longitude, onTitleChange, on
       markerRef.current = null;
     };
   }, [status, UnlSdk]);
-  return /* @__PURE__ */ React252.createElement(Stack168, { gap: "lg" }, /* @__PURE__ */ React252.createElement(Stack168, { gap: "xs" }, /* @__PURE__ */ React252.createElement(Text142, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React252.createElement(
+  return /* @__PURE__ */ React254.createElement(Stack170, { gap: "lg" }, /* @__PURE__ */ React254.createElement(Stack170, { gap: "xs" }, /* @__PURE__ */ React254.createElement(Text144, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React254.createElement(
     BaseTextInput,
     {
       placeholder: "e.g. Project Location",
@@ -27918,7 +28633,7 @@ var GeneralTab18 = ({ title, description, latitude, longitude, onTitleChange, on
         onTitleChange(v);
       }
     }
-  )), /* @__PURE__ */ React252.createElement(Stack168, { gap: "xs" }, /* @__PURE__ */ React252.createElement(Text142, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React252.createElement(
+  )), /* @__PURE__ */ React254.createElement(Stack170, { gap: "xs" }, /* @__PURE__ */ React254.createElement(Text144, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React254.createElement(
     BaseTextInput,
     {
       placeholder: "e.g. Main project site coordinates",
@@ -27929,19 +28644,19 @@ var GeneralTab18 = ({ title, description, latitude, longitude, onTitleChange, on
         onDescriptionChange(v);
       }
     }
-  )), /* @__PURE__ */ React252.createElement(Divider27, { variant: "dashed" }), /* @__PURE__ */ React252.createElement(Stack168, { gap: "xs" }, /* @__PURE__ */ React252.createElement(Text142, { size: "sm", fw: 600 }, "Location"), /* @__PURE__ */ React252.createElement(Text142, { size: "xs", c: "dimmed" }, "Click on the map to set the location."), mapError ? /* @__PURE__ */ React252.createElement(Text142, { size: "sm", c: "red" }, mapError) : /* @__PURE__ */ React252.createElement(Box49, { mx: "auto", w: "100%", miw: 280, h: 300, ref: containerRef, style: { borderRadius: 12 } })), /* @__PURE__ */ React252.createElement(Stack168, { gap: "xs" }, /* @__PURE__ */ React252.createElement(BaseTextInput, { label: "Latitude", value: latitude, readOnly: true, placeholder: "Not set" }), /* @__PURE__ */ React252.createElement(BaseTextInput, { label: "Longitude", value: longitude, readOnly: true, placeholder: "Not set" })));
+  )), /* @__PURE__ */ React254.createElement(Divider27, { variant: "dashed" }), /* @__PURE__ */ React254.createElement(Stack170, { gap: "xs" }, /* @__PURE__ */ React254.createElement(Text144, { size: "sm", fw: 600 }, "Location"), /* @__PURE__ */ React254.createElement(Text144, { size: "xs", c: "dimmed" }, "Click on the map to set the location."), mapError ? /* @__PURE__ */ React254.createElement(Text144, { size: "sm", c: "red" }, mapError) : /* @__PURE__ */ React254.createElement(Box50, { mx: "auto", w: "100%", miw: 280, h: 300, ref: containerRef, style: { borderRadius: 12 } })), /* @__PURE__ */ React254.createElement(Stack170, { gap: "xs" }, /* @__PURE__ */ React254.createElement(BaseTextInput, { label: "Latitude", value: latitude, readOnly: true, placeholder: "Not set" }), /* @__PURE__ */ React254.createElement(BaseTextInput, { label: "Longitude", value: longitude, readOnly: true, placeholder: "Not set" })));
 };
 
 // src/mantine/blocks/location/template/TemplateConfig.tsx
 var TemplateConfig18 = ({ editor, block }) => {
   const { closePanel } = usePanelStore();
-  const updateProp = useCallback82(
+  const updateProp = useCallback84(
     (key, value) => {
       editor.updateBlock(block, { props: { ...block.props, [key]: value } });
     },
     [editor, block]
   );
-  const updateProps = useCallback82(
+  const updateProps = useCallback84(
     (updates) => {
       editor.updateBlock(block, { props: { ...block.props, ...updates } });
     },
@@ -27952,7 +28667,7 @@ var TemplateConfig18 = ({ editor, block }) => {
       label: "General",
       value: "general",
       icon: icon(IconSettings20),
-      content: /* @__PURE__ */ React253.createElement(
+      content: /* @__PURE__ */ React255.createElement(
         GeneralTab18,
         {
           title: block.props.title || "",
@@ -27966,20 +28681,20 @@ var TemplateConfig18 = ({ editor, block }) => {
       )
     }
   ];
-  return /* @__PURE__ */ React253.createElement(BaseRightPanelLayout, { title: "Location Settings", onClose: closePanel, tabs, context: { editor, block } });
+  return /* @__PURE__ */ React255.createElement(BaseRightPanelLayout, { title: "Location Settings", onClose: closePanel, tabs, context: { editor, block } });
 };
 
 // src/mantine/blocks/location/components/LocationMap.tsx
-import React254, { useEffect as useEffect84, useRef as useRef24, useState as useState102 } from "react";
-import { Box as Box50, Flex as Flex32, Loader as Loader45, Text as Text143 } from "@mantine/core";
+import React256, { useEffect as useEffect86, useRef as useRef24, useState as useState104 } from "react";
+import { Box as Box51, Flex as Flex32, Loader as Loader46, Text as Text145 } from "@mantine/core";
 var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker = true }) => {
-  const [mapError, setMapError] = useState102(null);
+  const [mapError, setMapError] = useState104(null);
   const { mapConfig } = useBlocknoteContext();
   const containerRef = useRef24(null);
   const mapRef = useRef24(null);
   const markerRef = useRef24(null);
   const { status, UnlSdk } = useUnlMap();
-  useEffect84(() => {
+  useEffect86(() => {
     if (status !== "ready" || !UnlSdk || mapRef.current || !containerRef.current) return;
     let ro;
     try {
@@ -28006,7 +28721,7 @@ var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker =
       ro?.disconnect();
     };
   }, [status, UnlSdk, mapConfig]);
-  useEffect84(() => {
+  useEffect86(() => {
     if (!mapRef.current || !latitude || !longitude) return;
     const coords = [Number(longitude), Number(latitude)];
     mapRef.current.setCenter(coords);
@@ -28015,8 +28730,8 @@ var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker =
     }
   }, [latitude, longitude, showMarker]);
   if (status === "loading") {
-    return /* @__PURE__ */ React254.createElement(
-      Box50,
+    return /* @__PURE__ */ React256.createElement(
+      Box51,
       {
         style: {
           borderRadius: 16,
@@ -28027,12 +28742,12 @@ var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker =
         w,
         h
       },
-      /* @__PURE__ */ React254.createElement(Loader45, null)
+      /* @__PURE__ */ React256.createElement(Loader46, null)
     );
   }
   if (status === "error" || mapError) {
-    return /* @__PURE__ */ React254.createElement(
-      Box50,
+    return /* @__PURE__ */ React256.createElement(
+      Box51,
       {
         style: {
           borderRadius: 16,
@@ -28043,58 +28758,58 @@ var UnlMap = ({ w = "100%", h = 200, latitude, longitude, zoom = 5, showMarker =
         w,
         h
       },
-      /* @__PURE__ */ React254.createElement(Text143, { size: "sm", c: "red" }, mapError || "Failed to load map")
+      /* @__PURE__ */ React256.createElement(Text145, { size: "sm", c: "red" }, mapError || "Failed to load map")
     );
   }
-  return /* @__PURE__ */ React254.createElement(Box50, { ref: containerRef, style: { borderRadius: 16 }, w, h });
+  return /* @__PURE__ */ React256.createElement(Box51, { ref: containerRef, style: { borderRadius: 16 }, w, h });
 };
 function LocationMap(props) {
   if (props.latitude === void 0 || props.longitude === void 0)
-    return /* @__PURE__ */ React254.createElement(Flex32, { w: "100%", h: 200, align: "center", justify: "center" }, /* @__PURE__ */ React254.createElement(Loader45, null));
-  return /* @__PURE__ */ React254.createElement(UnlMap, { ...props });
+    return /* @__PURE__ */ React256.createElement(Flex32, { w: "100%", h: 200, align: "center", justify: "center" }, /* @__PURE__ */ React256.createElement(Loader46, null));
+  return /* @__PURE__ */ React256.createElement(UnlMap, { ...props });
 }
 
 // src/mantine/blocks/location/template/TemplateView.tsx
 var LOCATION_TEMPLATE_PANEL_ID = "location-template-panel";
 var LocationTemplateView = ({ editor, block }) => {
   const panelId = `${LOCATION_TEMPLATE_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo97(() => /* @__PURE__ */ React255.createElement(TemplateConfig18, { editor, block }), [editor, block]);
+  const panelContent = useMemo98(() => /* @__PURE__ */ React257.createElement(TemplateConfig18, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   console.log("block.props:", block.props);
   const hasLocation = block.props.latitude && block.props.longitude;
-  return /* @__PURE__ */ React255.createElement(BaseContainer, { onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React255.createElement(Stack169, { gap: "xs", justify: "center" }, /* @__PURE__ */ React255.createElement(Group93, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React255.createElement(IconMapPin, { color: "white", size: 26, stroke: 1.5 }), /* @__PURE__ */ React255.createElement(Stack169, { gap: 2 }, /* @__PURE__ */ React255.createElement(Text144, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Location"), block.props.description && /* @__PURE__ */ React255.createElement(Text144, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), hasLocation && /* @__PURE__ */ React255.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, mapId: `location-template-map-${block.id}`, zoom: 14 })));
+  return /* @__PURE__ */ React257.createElement(BaseContainer, { onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React257.createElement(Stack171, { gap: "xs", justify: "center" }, /* @__PURE__ */ React257.createElement(Group93, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React257.createElement(IconMapPin, { color: "white", size: 26, stroke: 1.5 }), /* @__PURE__ */ React257.createElement(Stack171, { gap: 2 }, /* @__PURE__ */ React257.createElement(Text146, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Location"), block.props.description && /* @__PURE__ */ React257.createElement(Text146, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), hasLocation && /* @__PURE__ */ React257.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, mapId: `location-template-map-${block.id}`, zoom: 14 })));
 };
 
 // src/mantine/blocks/location/flow/FlowView.tsx
-import React257, { useMemo as useMemo98 } from "react";
-import { Center as Center13, Group as Group94, Stack as Stack170, Text as Text145 } from "@mantine/core";
+import React259, { useMemo as useMemo99 } from "react";
+import { Center as Center13, Group as Group94, Stack as Stack172, Text as Text147 } from "@mantine/core";
 import { IconMapPin as IconMapPin2 } from "@tabler/icons-react";
 
 // src/mantine/blocks/location/flow/FlowConfig.tsx
-import React256 from "react";
+import React258 from "react";
 var FlowConfig2 = ({ block }) => {
   const { closePanel } = usePanelStore();
   const hasLocation = block.props.latitude && block.props.longitude;
-  return /* @__PURE__ */ React256.createElement(BaseRightPanelLayout, { title: block.props.title || "Location", onClose: closePanel, isTemplate: false }, hasLocation ? /* @__PURE__ */ React256.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, h: 400, zoom: 14 }) : null);
+  return /* @__PURE__ */ React258.createElement(BaseRightPanelLayout, { title: block.props.title || "Location", onClose: closePanel, isTemplate: false }, hasLocation ? /* @__PURE__ */ React258.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, h: 400, zoom: 14 }) : null);
 };
 
 // src/mantine/blocks/location/flow/FlowView.tsx
 var LOCATION_FLOW_PANEL_ID = "location-flow-panel";
 var LocationFlowView = ({ editor, block }) => {
   const panelId = `${LOCATION_FLOW_PANEL_ID}-${block.id}`;
-  const panelContent = useMemo98(() => /* @__PURE__ */ React257.createElement(FlowConfig2, { editor, block }), [editor, block]);
+  const panelContent = useMemo99(() => /* @__PURE__ */ React259.createElement(FlowConfig2, { editor, block }), [editor, block]);
   const { open } = usePanel(panelId, panelContent);
   const hasLocation = block.props.latitude && block.props.longitude;
-  return /* @__PURE__ */ React257.createElement(BaseContainer, { onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React257.createElement(Stack170, { gap: "xs", justify: "center" }, /* @__PURE__ */ React257.createElement(Group94, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React257.createElement(IconMapPin2, { color: "white", size: 26, stroke: 1.5 }), /* @__PURE__ */ React257.createElement(Stack170, { gap: 2 }, /* @__PURE__ */ React257.createElement(Text145, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Location"), block.props.description && /* @__PURE__ */ React257.createElement(Text145, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), hasLocation ? /* @__PURE__ */ React257.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, mapId: `location-flow-map-${block.id}`, zoom: 14 }) : /* @__PURE__ */ React257.createElement(Center13, { py: "md" }, /* @__PURE__ */ React257.createElement(Text145, { size: "sm", c: "dimmed" }, "Location not configured"))));
+  return /* @__PURE__ */ React259.createElement(BaseContainer, { onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React259.createElement(Stack172, { gap: "xs", justify: "center" }, /* @__PURE__ */ React259.createElement(Group94, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React259.createElement(IconMapPin2, { color: "white", size: 26, stroke: 1.5 }), /* @__PURE__ */ React259.createElement(Stack172, { gap: 2 }, /* @__PURE__ */ React259.createElement(Text147, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Location"), block.props.description && /* @__PURE__ */ React259.createElement(Text147, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), hasLocation ? /* @__PURE__ */ React259.createElement(LocationMap, { latitude: block.props.latitude, longitude: block.props.longitude, mapId: `location-flow-map-${block.id}`, zoom: 14 }) : /* @__PURE__ */ React259.createElement(Center13, { py: "md" }, /* @__PURE__ */ React259.createElement(Text147, { size: "sm", c: "dimmed" }, "Location not configured"))));
 };
 
 // src/mantine/blocks/location/LocationBlock.tsx
 function LocationBlock({ editor, block }) {
   const { docType } = useBlocknoteContext();
   if (docType === "template") {
-    return /* @__PURE__ */ React258.createElement(LocationTemplateView, { editor, block });
+    return /* @__PURE__ */ React260.createElement(LocationTemplateView, { editor, block });
   }
-  return /* @__PURE__ */ React258.createElement(LocationFlowView, { editor, block });
+  return /* @__PURE__ */ React260.createElement(LocationFlowView, { editor, block });
 }
 
 // src/mantine/blocks/location/LocationBlockSpec.tsx
@@ -28113,7 +28828,7 @@ var LocationBlockSpec = createReactBlockSpec22(
   {
     render: (props) => {
       const ixoProps = props;
-      return /* @__PURE__ */ React259.createElement(LocationBlock, { ...ixoProps });
+      return /* @__PURE__ */ React261.createElement(LocationBlock, { ...ixoProps });
     }
   }
 );
@@ -28316,10 +29031,10 @@ blockRegistry.register({
 });
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo99, useEffect as useEffect85, useState as useState103, useCallback as useCallback83 } from "react";
+import { useMemo as useMemo100, useEffect as useEffect87, useState as useState105, useCallback as useCallback85 } from "react";
 
 // src/mantine/blocks/hooks/useDependsOn.ts
-import { useMemo as useMemo100 } from "react";
+import { useMemo as useMemo101 } from "react";
 
 // src/mantine/blocks/index.ts
 var blockSpecs = {
@@ -28934,15 +29649,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 useEffect86, useState as useState104, useRef as useRef25, useCallback as useCallback84, useMemo as useMemo101 } from "react";
+import { useEffect as useEffect88, useState as useState106, useRef as useRef25, useCallback as useCallback86, useMemo as useMemo102 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
-  const [matrixProvider, setProvider] = useState104(null);
-  const [status, setStatus] = useState104("disconnected");
+  const [matrixProvider, setProvider] = useState106(null);
+  const [status, setStatus] = useState106("disconnected");
   const isMountedRef = useRef25(true);
   const providerRef = useRef25(null);
   const retryTimeoutRef = useRef25(null);
-  const providerOptions = useMemo101(
+  const providerOptions = useMemo102(
     () => ({
       translator: {
         updateEventType: "matrix-crdt.doc_update",
@@ -28955,22 +29670,22 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
     }),
     []
   );
-  const handleDocumentAvailable = useCallback84(() => {
+  const handleDocumentAvailable = useCallback86(() => {
     if (isMountedRef.current) {
       setStatus("connected");
     }
   }, []);
-  const handleDocumentUnavailable = useCallback84(() => {
+  const handleDocumentUnavailable = useCallback86(() => {
     if (isMountedRef.current) {
       setStatus("failed");
     }
   }, []);
-  const handleCanWriteChanged = useCallback84(() => {
+  const handleCanWriteChanged = useCallback86(() => {
     if (isMountedRef.current && providerRef.current) {
       setStatus(providerRef.current.canWrite ? "connected" : "failed");
     }
   }, []);
-  const initProvider = useCallback84(async () => {
+  const initProvider = useCallback86(async () => {
     if (!isMountedRef.current) return;
     if (retryTimeoutRef.current) {
       clearTimeout(retryTimeoutRef.current);
@@ -29003,7 +29718,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       }
     }
   }, [matrixClient, providerOptions, handleDocumentAvailable, handleDocumentUnavailable, handleCanWriteChanged]);
-  useEffect86(() => {
+  useEffect88(() => {
     isMountedRef.current = true;
     initProvider();
     return () => {
@@ -29020,7 +29735,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       setStatus("disconnected");
     };
   }, [initProvider]);
-  useEffect86(() => {
+  useEffect88(() => {
     return () => {
       isMountedRef.current = false;
     };
@@ -29029,17 +29744,17 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
 }
 
 // src/mantine/hooks/useCollaborativeYDoc.ts
-import { useMemo as useMemo102 } from "react";
+import { useMemo as useMemo103 } from "react";
 import * as Y from "yjs";
 function useCollaborativeYDoc(_options) {
-  return useMemo102(() => {
+  return useMemo103(() => {
     const doc = new Y.Doc();
     return doc;
   }, []);
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo103, useEffect as useEffect87, useState as useState105 } from "react";
+import { useMemo as useMemo104, useEffect as useEffect89, useState as useState107 } from "react";
 
 // src/core/lib/matrixMetadata.ts
 var COVER_IMAGE_EVENT_TYPE = "ixo.page.cover_image";
@@ -29208,7 +29923,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     permissions = { write: false }
   } = options || {};
-  const memoizedUser = useMemo103(
+  const memoizedUser = useMemo104(
     () => ({
       id: user?.id || "",
       name: user?.name || "",
@@ -29223,13 +29938,13 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     roomId: options.roomId
   });
-  const metadataManager = useMemo103(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
-  useEffect87(() => {
+  const metadataManager = useMemo104(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
+  useEffect89(() => {
     return () => {
       metadataManager.dispose();
     };
   }, [metadataManager]);
-  const defaultUploadFile = useMemo103(
+  const defaultUploadFile = useMemo104(
     () => uploadFile || (async (file) => {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -29243,7 +29958,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [uploadFile]
   );
-  const schema = useMemo103(
+  const schema = useMemo104(
     () => BlockNoteSchema2.create({
       blockSpecs: {
         ...defaultBlockSpecs2,
@@ -29258,16 +29973,16 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     []
   );
-  const root = useMemo103(() => yDoc.getMap("root"), [yDoc]);
-  const documentFragment = useMemo103(() => yDoc.getXmlFragment("document"), [yDoc]);
-  const flowArray = useMemo103(() => yDoc.getArray("flow"), [yDoc]);
-  const runtimeMap = useMemo103(() => yDoc.getMap("runtime"), [yDoc]);
-  const delegationsMap = useMemo103(() => yDoc.getMap("delegations"), [yDoc]);
-  const invocationsMap = useMemo103(() => yDoc.getMap("invocations"), [yDoc]);
-  const ucanDelegationStore = useMemo103(() => createUcanDelegationStore(delegationsMap), [delegationsMap]);
-  const invocationStore = useMemo103(() => createInvocationStore(invocationsMap), [invocationsMap]);
-  const userFragment = useMemo103(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
-  const collaborationConfig = useMemo103(
+  const root = useMemo104(() => yDoc.getMap("root"), [yDoc]);
+  const documentFragment = useMemo104(() => yDoc.getXmlFragment("document"), [yDoc]);
+  const flowArray = useMemo104(() => yDoc.getArray("flow"), [yDoc]);
+  const runtimeMap = useMemo104(() => yDoc.getMap("runtime"), [yDoc]);
+  const delegationsMap = useMemo104(() => yDoc.getMap("delegations"), [yDoc]);
+  const invocationsMap = useMemo104(() => yDoc.getMap("invocations"), [yDoc]);
+  const ucanDelegationStore = useMemo104(() => createUcanDelegationStore(delegationsMap), [delegationsMap]);
+  const invocationStore = useMemo104(() => createInvocationStore(invocationsMap), [invocationsMap]);
+  const userFragment = useMemo104(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
+  const collaborationConfig = useMemo104(
     () => ({
       provider: matrixProvider,
       fragment: documentFragment,
@@ -29279,7 +29994,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [matrixProvider, documentFragment, memoizedUser.name, memoizedUser.color]
   );
-  const ixoConfig = useMemo103(
+  const ixoConfig = useMemo104(
     () => ({
       theme,
       editable,
@@ -29298,7 +30013,7 @@ function useCreateCollaborativeIxoEditor(options) {
     uploadFile: defaultUploadFile,
     collaboration: collaborationConfig
   });
-  const titleText = useMemo103(() => yDoc.getText("title"), [yDoc]);
+  const titleText = useMemo104(() => yDoc.getText("title"), [yDoc]);
   let ixoEditor;
   if (editor) {
     ixoEditor = editor;
@@ -29476,12 +30191,12 @@ function useCreateCollaborativeIxoEditor(options) {
       return void 0;
     };
   }
-  useEffect87(() => {
+  useEffect89(() => {
     if (ixoEditor) {
       ixoEditor.isEditable = editable;
     }
   }, [ixoEditor, editable]);
-  useEffect87(() => {
+  useEffect89(() => {
     if (connectionStatus !== "connected") {
       return;
     }
@@ -29503,9 +30218,9 @@ function useCreateCollaborativeIxoEditor(options) {
       titleText.insert(0, options.title);
     }
   }, [connectionStatus, root, titleText, permissions.write, options.docId, options.title, memoizedUser.id]);
-  const [connectedUsers, setConnectedUsers] = useState105([]);
+  const [connectedUsers, setConnectedUsers] = useState107([]);
   const webrtcProvider = matrixProvider?.webrtcProvider;
-  useEffect87(() => {
+  useEffect89(() => {
     if (!matrixProvider?.awarenessInstance || !webrtcProvider || connectionStatus !== "connected") {
       return;
     }
@@ -29524,7 +30239,7 @@ function useCreateCollaborativeIxoEditor(options) {
       awareness.off("change", updateUsers);
     };
   }, [matrixProvider, webrtcProvider, connectionStatus]);
-  useEffect87(() => {
+  useEffect89(() => {
     if (!matrixProvider?.awarenessInstance || !webrtcProvider || connectionStatus !== "connected") {
       return;
     }
@@ -29562,15 +30277,15 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/IxoEditor.tsx
-import React267, { useState as useState110, useEffect as useEffect92, useCallback as useCallback86 } from "react";
+import React269, { useState as useState112, useEffect as useEffect94, useCallback as useCallback88 } from "react";
 import { getDefaultReactSlashMenuItems, SuggestionMenuController } from "@blocknote/react";
 import { BlockNoteView } from "@blocknote/mantine";
 import { filterSuggestionItems } from "@blocknote/core";
 import { MantineProvider } from "@mantine/core";
 
 // src/mantine/components/PanelContent.tsx
-import React260 from "react";
-import { Box as Box51 } from "@mantine/core";
+import React262 from "react";
+import { Box as Box52 } from "@mantine/core";
 var panelStyles = {
   light: {
     backgroundColor: "#ffffff",
@@ -29599,8 +30314,8 @@ function PanelContent({ theme }) {
   const { activePanel, registeredPanels } = usePanelStore();
   const isOpen = activePanel !== null;
   const content = activePanel ? registeredPanels.get(activePanel) : null;
-  return /* @__PURE__ */ React260.createElement(
-    Box51,
+  return /* @__PURE__ */ React262.createElement(
+    Box52,
     {
       pos: "sticky",
       right: 0,
@@ -29619,8 +30334,8 @@ function PanelContent({ theme }) {
 }
 
 // src/mantine/components/CoverImage.tsx
-import React264, { useState as useState107, useRef as useRef26, useEffect as useEffect89 } from "react";
-import { Box as Box54, Group as Group96 } from "@mantine/core";
+import React266, { useState as useState109, useRef as useRef26, useEffect as useEffect91 } from "react";
+import { Box as Box55, Group as Group96 } from "@mantine/core";
 
 // src/core/lib/imageTransform.ts
 var CLOUDFLARE_CDN_BASE = "https://www.ixo.earth/cdn-cgi/image";
@@ -29753,9 +30468,9 @@ function transformIconImage(sourceUrl, size = "default", customOptions) {
 }
 
 // src/mantine/components/Base/CoverImageButton.tsx
-import React261, { forwardRef } from "react";
+import React263, { forwardRef } from "react";
 import { Button as Button47 } from "@mantine/core";
-var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style, ...props }, ref) => /* @__PURE__ */ React261.createElement(
+var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style, ...props }, ref) => /* @__PURE__ */ React263.createElement(
   Button47,
   {
     ref,
@@ -29778,8 +30493,8 @@ var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style,
 CoverImageButton.displayName = "CoverImageButton";
 
 // src/mantine/components/Base/BaseIconPicker.tsx
-import React262, { useState as useState106, useMemo as useMemo104, useEffect as useEffect88 } from "react";
-import { TextInput as TextInput8, Tabs as Tabs4, Box as Box52, Stack as Stack171, UnstyledButton as UnstyledButton4, Text as Text146, Center as Center14, ScrollArea as ScrollArea9, Group as Group95, Popover as Popover5 } from "@mantine/core";
+import React264, { useState as useState108, useMemo as useMemo105, useEffect as useEffect90 } from "react";
+import { TextInput as TextInput8, Tabs as Tabs4, Box as Box53, Stack as Stack173, UnstyledButton as UnstyledButton4, Text as Text148, Center as Center14, ScrollArea as ScrollArea9, Group as Group95, Popover as Popover5 } from "@mantine/core";
 import * as TablerIcons from "@tabler/icons-react";
 import { IconSearch as IconSearch6, IconX as IconX13, IconChevronLeft, IconChevronRight as IconChevronRight13 } from "@tabler/icons-react";
 
@@ -29811,28 +30526,28 @@ var localStorageService = {
 var iconsKey = "editor_recent_icons";
 var ICONS_PER_PAGE = 500;
 function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children, currentIcon }) {
-  const [searchQuery, setSearchQuery] = useState106("");
-  const [activeTab, setActiveTab] = useState106("icons");
-  const [currentPage, setCurrentPage] = useState106(1);
-  const allIcons = useMemo104(() => {
+  const [searchQuery, setSearchQuery] = useState108("");
+  const [activeTab, setActiveTab] = useState108("icons");
+  const [currentPage, setCurrentPage] = useState108(1);
+  const allIcons = useMemo105(() => {
     const iconEntries = Object.entries(TablerIcons).filter(([name]) => name.startsWith("Icon") && name !== "IconProps");
     return iconEntries;
   }, []);
-  const filteredIcons = useMemo104(() => {
+  const filteredIcons = useMemo105(() => {
     if (!searchQuery) return allIcons;
     const query = searchQuery.toLowerCase();
     return allIcons.filter(([name]) => name.toLowerCase().includes(query));
   }, [allIcons, searchQuery]);
-  useEffect88(() => {
+  useEffect90(() => {
     setCurrentPage(1);
   }, [searchQuery]);
-  const paginatedIcons = useMemo104(() => {
+  const paginatedIcons = useMemo105(() => {
     const startIndex = (currentPage - 1) * ICONS_PER_PAGE;
     const endIndex = startIndex + ICONS_PER_PAGE;
     return filteredIcons.slice(startIndex, endIndex);
   }, [filteredIcons, currentPage]);
   const totalPages = Math.ceil(filteredIcons.length / ICONS_PER_PAGE);
-  const recentIcons = useMemo104(() => {
+  const recentIcons = useMemo105(() => {
     const recentIconNames = localStorageService.get(iconsKey);
     if (!recentIconNames || recentIconNames.length === 0) return [];
     return recentIconNames.slice(0, 24).map((iconName) => allIcons.find(([name]) => name === iconName)).filter((entry) => entry !== void 0);
@@ -29847,10 +30562,10 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
   };
   const renderIconGrid = (icons) => {
     if (icons.length === 0) {
-      return /* @__PURE__ */ React262.createElement(Center14, { py: "xl" }, /* @__PURE__ */ React262.createElement(Text146, { c: "dimmed", size: "sm" }, "No icons found"));
+      return /* @__PURE__ */ React264.createElement(Center14, { py: "xl" }, /* @__PURE__ */ React264.createElement(Text148, { c: "dimmed", size: "sm" }, "No icons found"));
     }
-    return /* @__PURE__ */ React262.createElement(
-      Box52,
+    return /* @__PURE__ */ React264.createElement(
+      Box53,
       {
         style: {
           display: "grid",
@@ -29861,7 +30576,7 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
       },
       icons.map(([name, IconComponent]) => {
         const isSelected = currentIcon === name.replace("Icon", "").replace(/([A-Z])/g, "-$1").toLowerCase().slice(1);
-        return /* @__PURE__ */ React262.createElement(
+        return /* @__PURE__ */ React264.createElement(
           UnstyledButton4,
           {
             key: name,
@@ -29887,12 +30602,12 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
               }
             }
           },
-          /* @__PURE__ */ React262.createElement(IconComponent, { color: "white", size: 24, stroke: 1.5 })
+          /* @__PURE__ */ React264.createElement(IconComponent, { color: "white", size: 24, stroke: 1.5 })
         );
       })
     );
   };
-  return /* @__PURE__ */ React262.createElement(Popover5, { opened, onClose, position: "right", width: 500, shadow: "xl" }, /* @__PURE__ */ React262.createElement(Popover5.Target, null, children), /* @__PURE__ */ React262.createElement(
+  return /* @__PURE__ */ React264.createElement(Popover5, { opened, onClose, position: "right", width: 500, shadow: "xl" }, /* @__PURE__ */ React264.createElement(Popover5.Target, null, children), /* @__PURE__ */ React264.createElement(
     Popover5.Dropdown,
     {
       style: {
@@ -29902,15 +30617,15 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
       },
       p: 0
     },
-    /* @__PURE__ */ React262.createElement(Stack171, { gap: "md", p: "md" }, /* @__PURE__ */ React262.createElement(Tabs4, { value: activeTab, onChange: setActiveTab, variant: "pills" }, /* @__PURE__ */ React262.createElement(Tabs4.List, null, /* @__PURE__ */ React262.createElement(Tabs4.Tab, { value: "icons" }, "Icons"), /* @__PURE__ */ React262.createElement(Tabs4.Tab, { value: "upload" }, "Upload")), /* @__PURE__ */ React262.createElement(Tabs4.Panel, { value: "icons", pt: "md" }, /* @__PURE__ */ React262.createElement(
+    /* @__PURE__ */ React264.createElement(Stack173, { gap: "md", p: "md" }, /* @__PURE__ */ React264.createElement(Tabs4, { value: activeTab, onChange: setActiveTab, variant: "pills" }, /* @__PURE__ */ React264.createElement(Tabs4.List, null, /* @__PURE__ */ React264.createElement(Tabs4.Tab, { value: "icons" }, "Icons"), /* @__PURE__ */ React264.createElement(Tabs4.Tab, { value: "upload" }, "Upload")), /* @__PURE__ */ React264.createElement(Tabs4.Panel, { value: "icons", pt: "md" }, /* @__PURE__ */ React264.createElement(
       TextInput8,
       {
         mb: "md",
         placeholder: "Filter",
-        leftSection: /* @__PURE__ */ React262.createElement(IconSearch6, { size: 18 }),
+        leftSection: /* @__PURE__ */ React264.createElement(IconSearch6, { size: 18 }),
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
-        rightSection: searchQuery && /* @__PURE__ */ React262.createElement(UnstyledButton4, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React262.createElement(IconX13, { size: 18 })),
+        rightSection: searchQuery && /* @__PURE__ */ React264.createElement(UnstyledButton4, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React264.createElement(IconX13, { size: 18 })),
         style: { flex: 1 },
         styles: {
           input: {
@@ -29920,26 +30635,26 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
           }
         }
       }
-    ), !searchQuery && /* @__PURE__ */ React262.createElement(Box52, { mb: "md" }, /* @__PURE__ */ React262.createElement(Text146, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React262.createElement(ScrollArea9.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React262.createElement(Box52, null, /* @__PURE__ */ React262.createElement(Group95, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React262.createElement(Text146, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React262.createElement(Group95, { gap: "xs" }, /* @__PURE__ */ React262.createElement(Text146, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React262.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React262.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React262.createElement(
+    ), !searchQuery && /* @__PURE__ */ React264.createElement(Box53, { mb: "md" }, /* @__PURE__ */ React264.createElement(Text148, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React264.createElement(ScrollArea9.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React264.createElement(Box53, null, /* @__PURE__ */ React264.createElement(Group95, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React264.createElement(Text148, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React264.createElement(Group95, { gap: "xs" }, /* @__PURE__ */ React264.createElement(Text148, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React264.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React264.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React264.createElement(
       BaseButton,
       {
         size: "xs",
         onClick: () => setCurrentPage((p) => Math.min(totalPages, p + 1)),
         disabled: currentPage === totalPages,
-        leftSection: /* @__PURE__ */ React262.createElement(IconChevronRight13, { size: 14 })
+        leftSection: /* @__PURE__ */ React264.createElement(IconChevronRight13, { size: 14 })
       },
       "Next"
-    ))), /* @__PURE__ */ React262.createElement(ScrollArea9.Autosize, { scrollbarSize: 0, mah: 200 }, renderIconGrid(paginatedIcons)))), /* @__PURE__ */ React262.createElement(Tabs4.Panel, { value: "upload", pt: "md" }, /* @__PURE__ */ React262.createElement(Center14, { py: "xl" }, /* @__PURE__ */ React262.createElement(Stack171, { align: "center", gap: "md" }, /* @__PURE__ */ React262.createElement(Text146, { size: "sm", c: "dimmed", ta: "center" }, "Upload a custom icon image", /* @__PURE__ */ React262.createElement("br", null), "(PNG, JPG, SVG)"), /* @__PURE__ */ React262.createElement(CoverImageButton, { onClick: onUploadClick }, "Choose File"))))))
+    ))), /* @__PURE__ */ React264.createElement(ScrollArea9.Autosize, { scrollbarSize: 0, mah: 200 }, renderIconGrid(paginatedIcons)))), /* @__PURE__ */ React264.createElement(Tabs4.Panel, { value: "upload", pt: "md" }, /* @__PURE__ */ React264.createElement(Center14, { py: "xl" }, /* @__PURE__ */ React264.createElement(Stack173, { align: "center", gap: "md" }, /* @__PURE__ */ React264.createElement(Text148, { size: "sm", c: "dimmed", ta: "center" }, "Upload a custom icon image", /* @__PURE__ */ React264.createElement("br", null), "(PNG, JPG, SVG)"), /* @__PURE__ */ React264.createElement(CoverImageButton, { onClick: onUploadClick }, "Choose File"))))))
   ));
 }
 
 // src/mantine/components/Base/PageIcon.tsx
-import React263, { useMemo as useMemo105 } from "react";
-import { Center as Center15, Box as Box53 } from "@mantine/core";
+import React265, { useMemo as useMemo106 } from "react";
+import { Center as Center15, Box as Box54 } from "@mantine/core";
 import * as TablerIcons2 from "@tabler/icons-react";
 function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
   const isIconName = src && !src.startsWith("http");
-  const IconComponent = useMemo105(() => {
+  const IconComponent = useMemo106(() => {
     if (!isIconName || !src) return null;
     const iconComponent = TablerIcons2[src];
     if (iconComponent) {
@@ -29947,10 +30662,10 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
     }
     return null;
   }, [isIconName, src]);
-  const Container = useCenter ? Center15 : Box53;
+  const Container = useCenter ? Center15 : Box54;
   if (!src) return null;
   if (IconComponent) {
-    return /* @__PURE__ */ React263.createElement(
+    return /* @__PURE__ */ React265.createElement(
       Container,
       {
         style: {
@@ -29962,10 +30677,10 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
           ...style
         }
       },
-      /* @__PURE__ */ React263.createElement(IconComponent, { size: iconSize, color: "white", stroke: 1.5 })
+      /* @__PURE__ */ React265.createElement(IconComponent, { size: iconSize, color: "white", stroke: 1.5 })
     );
   }
-  return /* @__PURE__ */ React263.createElement(
+  return /* @__PURE__ */ React265.createElement(
     "img",
     {
       src,
@@ -29986,14 +30701,14 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
 import { useDisclosure as useDisclosure6 } from "@mantine/hooks";
 function CoverImage({ coverImageUrl, logoUrl }) {
   const { editor, handlers, editable } = useBlocknoteContext();
-  const [isHovering, setIsHovering] = useState107(false);
-  const [isRepositioning, setIsRepositioning] = useState107(false);
-  const [coverPosition, setCoverPosition] = useState107(50);
+  const [isHovering, setIsHovering] = useState109(false);
+  const [isRepositioning, setIsRepositioning] = useState109(false);
+  const [coverPosition, setCoverPosition] = useState109(50);
   const coverFileInputRef = useRef26(null);
   const logoFileInputRef = useRef26(null);
   const [opened, { open, close }] = useDisclosure6(false);
-  const [metadata, setMetadata] = useState107(() => editor?.getPageMetadata?.() || null);
-  useEffect89(() => {
+  const [metadata, setMetadata] = useState109(() => editor?.getPageMetadata?.() || null);
+  useEffect91(() => {
     if (!editor?._metadataManager) {
       return;
     }
@@ -30075,8 +30790,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     return null;
   }
   if (!hasCover) {
-    return /* @__PURE__ */ React264.createElement(
-      Box54,
+    return /* @__PURE__ */ React266.createElement(
+      Box55,
       {
         style: {
           position: "relative",
@@ -30088,7 +30803,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         onMouseEnter: () => editable && setIsHovering(true),
         onMouseLeave: () => editable && setIsHovering(false)
       },
-      /* @__PURE__ */ React264.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React264.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React264.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React264.createElement(
+      /* @__PURE__ */ React266.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React266.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React266.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React266.createElement(
         Group96,
         {
           gap: "xs",
@@ -30099,7 +30814,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 10
           }
         },
-        /* @__PURE__ */ React264.createElement(
+        /* @__PURE__ */ React266.createElement(
           BaseIconPicker,
           {
             opened,
@@ -30108,11 +30823,11 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             onSelectIcon: (name) => handleSelectLogoIcon(name),
             onUploadClick: () => logoFileInputRef.current?.click()
           },
-          /* @__PURE__ */ React264.createElement(CoverImageButton, { onClick: open }, "Add icon")
+          /* @__PURE__ */ React266.createElement(CoverImageButton, { onClick: open }, "Add icon")
         ),
-        /* @__PURE__ */ React264.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
-      ), logoSrc && /* @__PURE__ */ React264.createElement(
-        Box54,
+        /* @__PURE__ */ React266.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
+      ), logoSrc && /* @__PURE__ */ React266.createElement(
+        Box55,
         {
           style: {
             position: "relative",
@@ -30125,8 +30840,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 11
           }
         },
-        /* @__PURE__ */ React264.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
-        editable && isHovering && /* @__PURE__ */ React264.createElement(
+        /* @__PURE__ */ React266.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
+        editable && isHovering && /* @__PURE__ */ React266.createElement(
           "div",
           {
             style: {
@@ -30141,7 +30856,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               alignItems: "center"
             }
           },
-          /* @__PURE__ */ React264.createElement(
+          /* @__PURE__ */ React266.createElement(
             BaseIconPicker,
             {
               opened,
@@ -30150,16 +30865,16 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               onSelectIcon: (name) => handleSelectLogoIcon(name),
               onUploadClick: () => logoFileInputRef.current?.click()
             },
-            /* @__PURE__ */ React264.createElement(CoverImageButton, { onClick: open }, "Change")
+            /* @__PURE__ */ React266.createElement(CoverImageButton, { onClick: open }, "Change")
           ),
-          /* @__PURE__ */ React264.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
-          /* @__PURE__ */ React264.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
+          /* @__PURE__ */ React266.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
+          /* @__PURE__ */ React266.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
         )
       ))
     );
   }
-  return /* @__PURE__ */ React264.createElement(
-    Box54,
+  return /* @__PURE__ */ React266.createElement(
+    Box55,
     {
       style: {
         position: "relative",
@@ -30178,7 +30893,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
       onMouseMove: handleMouseMove,
       onClick: () => isRepositioning && setIsRepositioning(false)
     },
-    /* @__PURE__ */ React264.createElement(
+    /* @__PURE__ */ React266.createElement(
       "img",
       {
         src: coverUrl,
@@ -30196,7 +30911,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         }
       }
     ),
-    editable && isHovering && /* @__PURE__ */ React264.createElement(
+    editable && isHovering && /* @__PURE__ */ React266.createElement(
       Group96,
       {
         gap: "xs",
@@ -30207,12 +30922,12 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 10
         }
       },
-      /* @__PURE__ */ React264.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Change cover"),
-      /* @__PURE__ */ React264.createElement(CoverImageButton, { onClick: () => setIsRepositioning(!isRepositioning), isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
-      /* @__PURE__ */ React264.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove")
+      /* @__PURE__ */ React266.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Change cover"),
+      /* @__PURE__ */ React266.createElement(CoverImageButton, { onClick: () => setIsRepositioning(!isRepositioning), isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
+      /* @__PURE__ */ React266.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove")
     ),
-    /* @__PURE__ */ React264.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React264.createElement(
-      Box54,
+    /* @__PURE__ */ React266.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React266.createElement(
+      Box55,
       {
         style: {
           position: "absolute",
@@ -30223,8 +30938,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 11
         }
       },
-      logoSrc && /* @__PURE__ */ React264.createElement(PageIcon, { src: logoSrc, iconSize: 64 }),
-      editable && isHovering && /* @__PURE__ */ React264.createElement(React264.Fragment, null, logoSrc ? /* @__PURE__ */ React264.createElement(
+      logoSrc && /* @__PURE__ */ React266.createElement(PageIcon, { src: logoSrc, iconSize: 64 }),
+      editable && isHovering && /* @__PURE__ */ React266.createElement(React266.Fragment, null, logoSrc ? /* @__PURE__ */ React266.createElement(
         Group96,
         {
           gap: "xs",
@@ -30235,7 +30950,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 12
           }
         },
-        /* @__PURE__ */ React264.createElement(
+        /* @__PURE__ */ React266.createElement(
           BaseIconPicker,
           {
             opened,
@@ -30244,10 +30959,10 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             onSelectIcon: (name) => handleSelectLogoIcon(name),
             onUploadClick: () => logoFileInputRef.current?.click()
           },
-          /* @__PURE__ */ React264.createElement(CoverImageButton, { onClick: open }, "Change")
+          /* @__PURE__ */ React266.createElement(CoverImageButton, { onClick: open }, "Change")
         ),
-        /* @__PURE__ */ React264.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
-      ) : /* @__PURE__ */ React264.createElement(
+        /* @__PURE__ */ React266.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
+      ) : /* @__PURE__ */ React266.createElement(
         CoverImageButton,
         {
           onClick: open,
@@ -30262,13 +30977,13 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         "Add icon"
       ))
     )),
-    /* @__PURE__ */ React264.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
-    /* @__PURE__ */ React264.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
+    /* @__PURE__ */ React266.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
+    /* @__PURE__ */ React266.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
   );
 }
 
 // src/mantine/components/PageHeader.tsx
-import React265, { useState as useState108, useRef as useRef27, useEffect as useEffect90 } from "react";
+import React267, { useState as useState110, useRef as useRef27, useEffect as useEffect92 } from "react";
 function PageHeader({
   title = "New page",
   icon: icon2,
@@ -30280,11 +30995,11 @@ function PageHeader({
   isFavorited = false,
   menuItems = []
 }) {
-  const [isMenuOpen, setIsMenuOpen] = useState108(false);
-  const [isPrivacyOpen, setIsPrivacyOpen] = useState108(false);
+  const [isMenuOpen, setIsMenuOpen] = useState110(false);
+  const [isPrivacyOpen, setIsPrivacyOpen] = useState110(false);
   const menuRef = useRef27(null);
   const privacyRef = useRef27(null);
-  useEffect90(() => {
+  useEffect92(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         setIsMenuOpen(false);
@@ -30306,7 +31021,7 @@ function PageHeader({
       setIsMenuOpen(false);
     }
   };
-  return /* @__PURE__ */ React265.createElement("div", { style: styles.container }, /* @__PURE__ */ React265.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React265.createElement("span", { style: styles.icon }, icon2 || "\u{1F4C4}"), /* @__PURE__ */ React265.createElement("span", { style: styles.title }, title), /* @__PURE__ */ React265.createElement("div", { style: styles.privacyContainer, ref: privacyRef }, /* @__PURE__ */ React265.createElement("button", { style: styles.privacyBadge, onClick: () => onPrivacyChange && setIsPrivacyOpen(!isPrivacyOpen) }, /* @__PURE__ */ React265.createElement("span", { style: styles.lockIcon }, isPrivate ? "\u{1F512}" : "\u{1F310}"), /* @__PURE__ */ React265.createElement("span", null, isPrivate ? "Private" : "Public"), onPrivacyChange && /* @__PURE__ */ React265.createElement("span", { style: styles.chevron }, "\u25BE")), isPrivacyOpen && onPrivacyChange && /* @__PURE__ */ React265.createElement("div", { style: styles.dropdown }, /* @__PURE__ */ React265.createElement(
+  return /* @__PURE__ */ React267.createElement("div", { style: styles.container }, /* @__PURE__ */ React267.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React267.createElement("span", { style: styles.icon }, icon2 || "\u{1F4C4}"), /* @__PURE__ */ React267.createElement("span", { style: styles.title }, title), /* @__PURE__ */ React267.createElement("div", { style: styles.privacyContainer, ref: privacyRef }, /* @__PURE__ */ React267.createElement("button", { style: styles.privacyBadge, onClick: () => onPrivacyChange && setIsPrivacyOpen(!isPrivacyOpen) }, /* @__PURE__ */ React267.createElement("span", { style: styles.lockIcon }, isPrivate ? "\u{1F512}" : "\u{1F310}"), /* @__PURE__ */ React267.createElement("span", null, isPrivate ? "Private" : "Public"), onPrivacyChange && /* @__PURE__ */ React267.createElement("span", { style: styles.chevron }, "\u25BE")), isPrivacyOpen && onPrivacyChange && /* @__PURE__ */ React267.createElement("div", { style: styles.dropdown }, /* @__PURE__ */ React267.createElement(
     "button",
     {
       style: {
@@ -30318,9 +31033,9 @@ function PageHeader({
         setIsPrivacyOpen(false);
       }
     },
-    /* @__PURE__ */ React265.createElement("span", { style: styles.menuItemIcon }, "\u{1F512}"),
-    /* @__PURE__ */ React265.createElement("span", null, "Private")
-  ), /* @__PURE__ */ React265.createElement(
+    /* @__PURE__ */ React267.createElement("span", { style: styles.menuItemIcon }, "\u{1F512}"),
+    /* @__PURE__ */ React267.createElement("span", null, "Private")
+  ), /* @__PURE__ */ React267.createElement(
     "button",
     {
       style: {
@@ -30332,9 +31047,9 @@ function PageHeader({
         setIsPrivacyOpen(false);
       }
     },
-    /* @__PURE__ */ React265.createElement("span", { style: styles.menuItemIcon }, "\u{1F310}"),
-    /* @__PURE__ */ React265.createElement("span", null, "Public")
-  )))), /* @__PURE__ */ React265.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React265.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React265.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React265.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React265.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React265.createElement("button", { style: styles.menuButton, onClick: () => setIsMenuOpen(!isMenuOpen), "aria-label": "Menu" }, /* @__PURE__ */ React265.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, /* @__PURE__ */ React265.createElement("circle", { cx: "3", cy: "8", r: "1.5" }), /* @__PURE__ */ React265.createElement("circle", { cx: "8", cy: "8", r: "1.5" }), /* @__PURE__ */ React265.createElement("circle", { cx: "13", cy: "8", r: "1.5" }))), isMenuOpen && /* @__PURE__ */ React265.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React265.createElement(React265.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React265.createElement("div", { style: styles.divider }), /* @__PURE__ */ React265.createElement(
+    /* @__PURE__ */ React267.createElement("span", { style: styles.menuItemIcon }, "\u{1F310}"),
+    /* @__PURE__ */ React267.createElement("span", null, "Public")
+  )))), /* @__PURE__ */ React267.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React267.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React267.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React267.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React267.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React267.createElement("button", { style: styles.menuButton, onClick: () => setIsMenuOpen(!isMenuOpen), "aria-label": "Menu" }, /* @__PURE__ */ React267.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, /* @__PURE__ */ React267.createElement("circle", { cx: "3", cy: "8", r: "1.5" }), /* @__PURE__ */ React267.createElement("circle", { cx: "8", cy: "8", r: "1.5" }), /* @__PURE__ */ React267.createElement("circle", { cx: "13", cy: "8", r: "1.5" }))), isMenuOpen && /* @__PURE__ */ React267.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React267.createElement(React267.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React267.createElement("div", { style: styles.divider }), /* @__PURE__ */ React267.createElement(
     "button",
     {
       style: {
@@ -30344,8 +31059,8 @@ function PageHeader({
       onClick: () => handleMenuItemClick(item),
       disabled: item.disabled
     },
-    item.icon && /* @__PURE__ */ React265.createElement("span", { style: styles.menuItemIcon }, item.icon),
-    /* @__PURE__ */ React265.createElement("span", null, item.label)
+    item.icon && /* @__PURE__ */ React267.createElement("span", { style: styles.menuItemIcon }, item.icon),
+    /* @__PURE__ */ React267.createElement("span", null, item.label)
   )))))));
 }
 var styles = {
@@ -30482,8 +31197,8 @@ var styles = {
 };
 
 // src/mantine/components/ExternalDropZone.tsx
-import React266, { useCallback as useCallback85, useEffect as useEffect91, useRef as useRef28, useState as useState109 } from "react";
-import { Box as Box55 } from "@mantine/core";
+import React268, { useCallback as useCallback87, useEffect as useEffect93, useRef as useRef28, useState as useState111 } from "react";
+import { Box as Box56 } from "@mantine/core";
 var SCROLL_ZONE_SIZE = 80;
 var SCROLL_SPEED = 12;
 var ExternalDropZone = ({
@@ -30496,19 +31211,19 @@ var ExternalDropZone = ({
   children
 }) => {
   const containerRef = useRef28(null);
-  const [isValidDrag, setIsValidDrag] = useState109(false);
-  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState109(false);
-  const [indicatorStyle, setIndicatorStyle] = useState109({});
+  const [isValidDrag, setIsValidDrag] = useState111(false);
+  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState111(false);
+  const [indicatorStyle, setIndicatorStyle] = useState111({});
   const dropPositionRef = useRef28(null);
   const scrollAnimationRef = useRef28(null);
   const scrollDirectionRef = useRef28(null);
   const scrollContainerRef = useRef28(null);
-  const getBlockElements = useCallback85(() => {
+  const getBlockElements = useCallback87(() => {
     if (!containerRef.current) return [];
     const blocks = containerRef.current.querySelectorAll('[data-node-type="blockContainer"]');
     return Array.from(blocks);
   }, []);
-  const getScrollContainer = useCallback85(() => {
+  const getScrollContainer = useCallback87(() => {
     if (scrollContainerRef.current) return scrollContainerRef.current;
     let element = containerRef.current;
     while (element) {
@@ -30523,7 +31238,7 @@ var ExternalDropZone = ({
     scrollContainerRef.current = window;
     return window;
   }, []);
-  const performScroll = useCallback85(() => {
+  const performScroll = useCallback87(() => {
     const container = getScrollContainer();
     const direction = scrollDirectionRef.current;
     if (!direction) {
@@ -30538,7 +31253,7 @@ var ExternalDropZone = ({
     }
     scrollAnimationRef.current = requestAnimationFrame(performScroll);
   }, [getScrollContainer]);
-  const startAutoScroll = useCallback85(
+  const startAutoScroll = useCallback87(
     (direction) => {
       if (scrollDirectionRef.current === direction) return;
       scrollDirectionRef.current = direction;
@@ -30548,14 +31263,14 @@ var ExternalDropZone = ({
     },
     [performScroll]
   );
-  const stopAutoScroll = useCallback85(() => {
+  const stopAutoScroll = useCallback87(() => {
     scrollDirectionRef.current = null;
     if (scrollAnimationRef.current) {
       cancelAnimationFrame(scrollAnimationRef.current);
       scrollAnimationRef.current = null;
     }
   }, []);
-  const checkAutoScroll = useCallback85(
+  const checkAutoScroll = useCallback87(
     (clientY) => {
       const container = getScrollContainer();
       let containerTop;
@@ -30578,7 +31293,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer, startAutoScroll, stopAutoScroll]
   );
-  const findDropPosition = useCallback85(
+  const findDropPosition = useCallback87(
     (clientY) => {
       const blocks = getBlockElements();
       if (blocks.length === 0 || !editor?.document) return null;
@@ -30611,7 +31326,7 @@ var ExternalDropZone = ({
     },
     [getBlockElements, editor]
   );
-  const handleDragOver = useCallback85(
+  const handleDragOver = useCallback87(
     (e) => {
       if (!e.dataTransfer.types.includes(acceptedType)) return;
       e.preventDefault();
@@ -30634,7 +31349,7 @@ var ExternalDropZone = ({
     },
     [acceptedType, findDropPosition, checkAutoScroll]
   );
-  const handleDragLeave = useCallback85(
+  const handleDragLeave = useCallback87(
     (e) => {
       if (containerRef.current && !containerRef.current.contains(e.relatedTarget)) {
         setIsValidDrag(false);
@@ -30644,7 +31359,7 @@ var ExternalDropZone = ({
     },
     [stopAutoScroll]
   );
-  const handleDrop = useCallback85(
+  const handleDrop = useCallback87(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -30658,7 +31373,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  useEffect91(() => {
+  useEffect93(() => {
     const handleGlobalDragEnd = () => {
       setIsValidDrag(false);
       dropPositionRef.current = null;
@@ -30667,7 +31382,7 @@ var ExternalDropZone = ({
     window.addEventListener("dragend", handleGlobalDragEnd);
     return () => window.removeEventListener("dragend", handleGlobalDragEnd);
   }, [stopAutoScroll]);
-  const handleOverlayMouseMove = useCallback85(
+  const handleOverlayMouseMove = useCallback87(
     (e) => {
       setIsHoveringInPlacementMode(true);
       checkAutoScroll(e.clientY);
@@ -30686,12 +31401,12 @@ var ExternalDropZone = ({
     },
     [findDropPosition, checkAutoScroll]
   );
-  const handleOverlayMouseLeave = useCallback85(() => {
+  const handleOverlayMouseLeave = useCallback87(() => {
     setIsHoveringInPlacementMode(false);
     dropPositionRef.current = null;
     stopAutoScroll();
   }, [stopAutoScroll]);
-  const handleOverlayClick = useCallback85(
+  const handleOverlayClick = useCallback87(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -30705,7 +31420,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  const handleOverlayWheel = useCallback85(
+  const handleOverlayWheel = useCallback87(
     (e) => {
       const container = getScrollContainer();
       if (container === window) {
@@ -30716,7 +31431,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer]
   );
-  useEffect91(() => {
+  useEffect93(() => {
     if (!isPlacementMode) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -30739,13 +31454,13 @@ var ExternalDropZone = ({
       document.removeEventListener("click", handleGlobalClick, true);
     };
   }, [isPlacementMode, onPlacementCancel]);
-  useEffect91(() => {
+  useEffect93(() => {
     if (!isPlacementMode) {
       setIsHoveringInPlacementMode(false);
       dropPositionRef.current = null;
     }
   }, [isPlacementMode]);
-  useEffect91(() => {
+  useEffect93(() => {
     const isActive = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
     if (isActive) {
       document.body.classList.add("external-artifact-drag-active");
@@ -30756,19 +31471,19 @@ var ExternalDropZone = ({
       document.body.classList.remove("external-artifact-drag-active");
     };
   }, [isValidDrag, isPlacementMode, isHoveringInPlacementMode]);
-  useEffect91(() => {
+  useEffect93(() => {
     return () => {
       if (scrollAnimationRef.current) {
         cancelAnimationFrame(scrollAnimationRef.current);
       }
     };
   }, []);
-  const indicatorWithPosition = dropIndicator && React266.isValidElement(dropIndicator) ? React266.cloneElement(dropIndicator, {
+  const indicatorWithPosition = dropIndicator && React268.isValidElement(dropIndicator) ? React268.cloneElement(dropIndicator, {
     indicatorTop: typeof indicatorStyle.top === "number" ? indicatorStyle.top : void 0
   }) : dropIndicator;
   const shouldShowIndicator = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
-  return /* @__PURE__ */ React266.createElement(
-    Box55,
+  return /* @__PURE__ */ React268.createElement(
+    Box56,
     {
       ref: containerRef,
       style: {
@@ -30783,8 +31498,8 @@ var ExternalDropZone = ({
       "data-placement-mode": isPlacementMode ? "true" : void 0
     },
     children,
-    isPlacementMode && /* @__PURE__ */ React266.createElement(
-      Box55,
+    isPlacementMode && /* @__PURE__ */ React268.createElement(
+      Box56,
       {
         style: {
           position: "absolute",
@@ -30803,7 +31518,7 @@ var ExternalDropZone = ({
         onWheel: handleOverlayWheel
       }
     ),
-    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React266.createElement(Box55, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
+    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React268.createElement(Box56, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
   );
 };
 
@@ -30829,8 +31544,8 @@ function IxoEditorContent({
 }) {
   const { activePanel } = usePanelStore();
   const isPanelOpen = activePanel !== null;
-  const [isRoomPrivate, setIsRoomPrivate] = useState110(pageHeaderProps?.isPrivate ?? true);
-  useEffect92(() => {
+  const [isRoomPrivate, setIsRoomPrivate] = useState112(pageHeaderProps?.isPrivate ?? true);
+  useEffect94(() => {
     const matrixClient = editor.getMatrixClient?.();
     const roomId = editor.getRoomId?.();
     if (!matrixClient || !roomId) return;
@@ -30846,7 +31561,7 @@ function IxoEditorContent({
     } catch {
     }
   }, [editor]);
-  const handlePrivacyChange = useCallback86(
+  const handlePrivacyChange = useCallback88(
     async (makePrivate) => {
       const matrixClient = editor.getMatrixClient?.();
       const roomId = editor.getRoomId?.();
@@ -30867,7 +31582,7 @@ function IxoEditorContent({
     },
     [editor]
   );
-  const editorContent = /* @__PURE__ */ React267.createElement(
+  const editorContent = /* @__PURE__ */ React269.createElement(
     BlockNoteView,
     {
       editor,
@@ -30882,7 +31597,7 @@ function IxoEditorContent({
       onChange,
       onSelectionChange
     },
-    config.slashMenu && /* @__PURE__ */ React267.createElement(
+    config.slashMenu && /* @__PURE__ */ React269.createElement(
       SuggestionMenuController,
       {
         triggerCharacter: "/",
@@ -30901,7 +31616,7 @@ function IxoEditorContent({
     ),
     children
   );
-  return /* @__PURE__ */ React267.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React267.createElement(
+  return /* @__PURE__ */ React269.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React269.createElement(
     "div",
     {
       className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`,
@@ -30910,9 +31625,9 @@ function IxoEditorContent({
         transition: "width 0.2s ease"
       }
     },
-    selfNav && /* @__PURE__ */ React267.createElement(PageHeader, { ...pageHeaderProps, isPrivate: isRoomPrivate, onPrivacyChange: handlePrivacyChange }),
-    /* @__PURE__ */ React267.createElement(CoverImage, { coverImageUrl, logoUrl }),
-    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React267.createElement(
+    selfNav && /* @__PURE__ */ React269.createElement(PageHeader, { ...pageHeaderProps, isPrivate: isRoomPrivate, onPrivacyChange: handlePrivacyChange }),
+    /* @__PURE__ */ React269.createElement(CoverImage, { coverImageUrl, logoUrl }),
+    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React269.createElement(
       ExternalDropZone,
       {
         editor,
@@ -30925,7 +31640,7 @@ function IxoEditorContent({
       },
       editorContent
     ) : editorContent
-  ), isPanelVisible && /* @__PURE__ */ React267.createElement(PanelContent, { theme: config.theme }));
+  ), isPanelVisible && /* @__PURE__ */ React269.createElement(PanelContent, { theme: config.theme }));
 }
 function IxoEditor({
   editor,
@@ -30966,7 +31681,7 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React267.createElement(
+  const editorContent = /* @__PURE__ */ React269.createElement(
     BlocknoteProvider,
     {
       editor,
@@ -30979,7 +31694,7 @@ function IxoEditor({
       domainCardRenderer,
       mapConfig
     },
-    /* @__PURE__ */ React267.createElement(
+    /* @__PURE__ */ React269.createElement(
       IxoEditorContent,
       {
         isPanelVisible,
@@ -31003,15 +31718,15 @@ function IxoEditor({
     )
   );
   if (mantineTheme) {
-    return /* @__PURE__ */ React267.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
+    return /* @__PURE__ */ React269.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
   return editorContent;
 }
 
 // src/mantine/components/EntitySigningSetup.tsx
-import React268, { useState as useState111 } from "react";
-import { Modal as Modal3, Stack as Stack172, Text as Text147, TextInput as TextInput9, Button as Button48, Alert as Alert46, Group as Group97 } from "@mantine/core";
-import { IconAlertCircle as IconAlertCircle18, IconCheck as IconCheck19, IconKey as IconKey2 } from "@tabler/icons-react";
+import React270, { useState as useState113 } from "react";
+import { Modal as Modal3, Stack as Stack174, Text as Text149, TextInput as TextInput9, Button as Button48, Alert as Alert47, Group as Group97 } from "@mantine/core";
+import { IconAlertCircle as IconAlertCircle18, IconCheck as IconCheck20, IconKey as IconKey2 } from "@tabler/icons-react";
 var EntitySigningSetup = ({
   opened,
   onClose,
@@ -31019,11 +31734,11 @@ var EntitySigningSetup = ({
   entityName,
   onSetup
 }) => {
-  const [pin, setPin] = useState111("");
-  const [confirmPin, setConfirmPin] = useState111("");
-  const [loading, setLoading] = useState111(false);
-  const [error, setError] = useState111(null);
-  const [success, setSuccess] = useState111(false);
+  const [pin, setPin] = useState113("");
+  const [confirmPin, setConfirmPin] = useState113("");
+  const [loading, setLoading] = useState113(false);
+  const [error, setError] = useState113(null);
+  const [success, setSuccess] = useState113(false);
   const handleSetup = async () => {
     if (pin.length < 4) {
       setError("PIN must be at least 4 characters");
@@ -31063,15 +31778,15 @@ var EntitySigningSetup = ({
       setSuccess(false);
     }
   };
-  return /* @__PURE__ */ React268.createElement(
+  return /* @__PURE__ */ React270.createElement(
     Modal3,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React268.createElement(Group97, { gap: "xs" }, /* @__PURE__ */ React268.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React268.createElement(Text147, { fw: 600 }, "Entity Signing Setup")),
+      title: /* @__PURE__ */ React270.createElement(Group97, { gap: "xs" }, /* @__PURE__ */ React270.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React270.createElement(Text149, { fw: 600 }, "Entity Signing Setup")),
       size: "md"
     },
-    /* @__PURE__ */ React268.createElement(Stack172, { gap: "md" }, success ? /* @__PURE__ */ React268.createElement(Alert46, { color: "green", icon: /* @__PURE__ */ React268.createElement(IconCheck19, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React268.createElement(React268.Fragment, null, /* @__PURE__ */ React268.createElement(Text147, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React268.createElement(Text147, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React268.createElement(Alert46, { color: "blue", variant: "light" }, /* @__PURE__ */ React268.createElement(Text147, { size: "sm" }, "This is a ", /* @__PURE__ */ React268.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React268.createElement(Stack172, { gap: "xs" }, /* @__PURE__ */ React268.createElement(Text147, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React268.createElement(Text147, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React268.createElement(Text147, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React268.createElement(Text147, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React268.createElement(
+    /* @__PURE__ */ React270.createElement(Stack174, { gap: "md" }, success ? /* @__PURE__ */ React270.createElement(Alert47, { color: "green", icon: /* @__PURE__ */ React270.createElement(IconCheck20, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React270.createElement(React270.Fragment, null, /* @__PURE__ */ React270.createElement(Text149, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React270.createElement(Text149, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React270.createElement(Alert47, { color: "blue", variant: "light" }, /* @__PURE__ */ React270.createElement(Text149, { size: "sm" }, "This is a ", /* @__PURE__ */ React270.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React270.createElement(Stack174, { gap: "xs" }, /* @__PURE__ */ React270.createElement(Text149, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React270.createElement(Text149, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React270.createElement(Text149, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React270.createElement(Text149, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React270.createElement(
       TextInput9,
       {
         label: "Enter PIN to encrypt signing key",
@@ -31082,7 +31797,7 @@ var EntitySigningSetup = ({
         onChange: (e) => setPin(e.currentTarget.value),
         disabled: loading
       }
-    ), /* @__PURE__ */ React268.createElement(
+    ), /* @__PURE__ */ React270.createElement(
       TextInput9,
       {
         label: "Confirm PIN",
@@ -31092,12 +31807,12 @@ var EntitySigningSetup = ({
         onChange: (e) => setConfirmPin(e.currentTarget.value),
         disabled: loading
       }
-    ), error && /* @__PURE__ */ React268.createElement(Alert46, { color: "red", icon: /* @__PURE__ */ React268.createElement(IconAlertCircle18, { size: 16 }) }, error), /* @__PURE__ */ React268.createElement(Group97, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React268.createElement(Button48, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React268.createElement(
+    ), error && /* @__PURE__ */ React270.createElement(Alert47, { color: "red", icon: /* @__PURE__ */ React270.createElement(IconAlertCircle18, { size: 16 }) }, error), /* @__PURE__ */ React270.createElement(Group97, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React270.createElement(Button48, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React270.createElement(
       Button48,
       {
         onClick: handleSetup,
         loading,
-        leftSection: /* @__PURE__ */ React268.createElement(IconKey2, { size: 16 })
+        leftSection: /* @__PURE__ */ React270.createElement(IconKey2, { size: 16 })
       },
       "Setup Entity Signing"
     ))))
@@ -31105,8 +31820,8 @@ var EntitySigningSetup = ({
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
-import React269, { useState as useState112, useEffect as useEffect93, useMemo as useMemo106 } from "react";
-import { Stack as Stack173, Text as Text148, Paper as Paper18, Group as Group98, Badge as Badge44, Button as Button49, ActionIcon as ActionIcon35, Loader as Loader46, Alert as Alert47, Divider as Divider28 } from "@mantine/core";
+import React271, { useState as useState114, useEffect as useEffect95, useMemo as useMemo107 } from "react";
+import { Stack as Stack175, Text as Text150, Paper as Paper18, Group as Group98, Badge as Badge43, Button as Button49, ActionIcon as ActionIcon35, Loader as Loader47, Alert as Alert48, Divider as Divider28 } from "@mantine/core";
 import { IconPlus as IconPlus10, IconTrash as IconTrash10, IconShieldCheck as IconShieldCheck14, IconUser as IconUser15, IconRobot as IconRobot4, IconBuilding as IconBuilding2 } from "@tabler/icons-react";
 var FlowPermissionsPanel = ({
   editor,
@@ -31116,11 +31831,11 @@ var FlowPermissionsPanel = ({
   onRevokePermission,
   getUserDisplayName
 }) => {
-  const [delegations, setDelegations] = useState112([]);
-  const [loading, setLoading] = useState112(true);
-  const [revoking, setRevoking] = useState112(null);
-  const rootCapability = useMemo106(() => editor.getRootCapability?.(), [editor]);
-  useEffect93(() => {
+  const [delegations, setDelegations] = useState114([]);
+  const [loading, setLoading] = useState114(true);
+  const [revoking, setRevoking] = useState114(null);
+  const rootCapability = useMemo107(() => editor.getRootCapability?.(), [editor]);
+  useEffect95(() => {
     const loadDelegations = async () => {
       setLoading(true);
       const allDelegations = editor.getAllDelegations?.() || [];
@@ -31159,11 +31874,11 @@ var FlowPermissionsPanel = ({
   const getIcon2 = (type) => {
     switch (type) {
       case "oracle":
-        return /* @__PURE__ */ React269.createElement(IconRobot4, { size: 16 });
+        return /* @__PURE__ */ React271.createElement(IconRobot4, { size: 16 });
       case "entity":
-        return /* @__PURE__ */ React269.createElement(IconBuilding2, { size: 16 });
+        return /* @__PURE__ */ React271.createElement(IconBuilding2, { size: 16 });
       default:
-        return /* @__PURE__ */ React269.createElement(IconUser15, { size: 16 });
+        return /* @__PURE__ */ React271.createElement(IconUser15, { size: 16 });
     }
   };
   const formatCapabilities = (caps) => {
@@ -31182,7 +31897,7 @@ var FlowPermissionsPanel = ({
     if (date < /* @__PURE__ */ new Date()) return "Expired";
     return date.toLocaleDateString();
   };
-  return /* @__PURE__ */ React269.createElement(Stack173, { gap: "md" }, /* @__PURE__ */ React269.createElement(Stack173, { gap: "xs" }, /* @__PURE__ */ React269.createElement(Text148, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React269.createElement(Paper18, { p: "sm", withBorder: true }, /* @__PURE__ */ React269.createElement(Group98, { gap: "xs" }, /* @__PURE__ */ React269.createElement(IconShieldCheck14, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React269.createElement(Stack173, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React269.createElement(Text148, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React269.createElement(Text148, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React269.createElement(Badge44, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React269.createElement(Divider28, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React269.createElement(Group98, { justify: "center", py: "xl" }, /* @__PURE__ */ React269.createElement(Loader46, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React269.createElement(Alert47, { color: "gray", variant: "light" }, /* @__PURE__ */ React269.createElement(Text148, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React269.createElement(Stack173, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React269.createElement(Paper18, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React269.createElement(Group98, { justify: "space-between" }, /* @__PURE__ */ React269.createElement(Group98, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React269.createElement(Stack173, { gap: 2 }, /* @__PURE__ */ React269.createElement(Text148, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React269.createElement(Text148, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React269.createElement(Group98, { gap: "xs" }, /* @__PURE__ */ React269.createElement(Text148, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React269.createElement(Text148, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React269.createElement(Text148, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React269.createElement(
+  return /* @__PURE__ */ React271.createElement(Stack175, { gap: "md" }, /* @__PURE__ */ React271.createElement(Stack175, { gap: "xs" }, /* @__PURE__ */ React271.createElement(Text150, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React271.createElement(Paper18, { p: "sm", withBorder: true }, /* @__PURE__ */ React271.createElement(Group98, { gap: "xs" }, /* @__PURE__ */ React271.createElement(IconShieldCheck14, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React271.createElement(Stack175, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React271.createElement(Text150, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React271.createElement(Text150, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React271.createElement(Badge43, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React271.createElement(Divider28, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React271.createElement(Group98, { justify: "center", py: "xl" }, /* @__PURE__ */ React271.createElement(Loader47, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React271.createElement(Alert48, { color: "gray", variant: "light" }, /* @__PURE__ */ React271.createElement(Text150, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React271.createElement(Stack175, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React271.createElement(Paper18, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React271.createElement(Group98, { justify: "space-between" }, /* @__PURE__ */ React271.createElement(Group98, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React271.createElement(Stack175, { gap: 2 }, /* @__PURE__ */ React271.createElement(Text150, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React271.createElement(Text150, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React271.createElement(Group98, { gap: "xs" }, /* @__PURE__ */ React271.createElement(Text150, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React271.createElement(Text150, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React271.createElement(Text150, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React271.createElement(
     ActionIcon35,
     {
       color: "red",
@@ -31191,11 +31906,11 @@ var FlowPermissionsPanel = ({
       loading: revoking === capability.id,
       disabled: !!revoking
     },
-    /* @__PURE__ */ React269.createElement(IconTrash10, { size: 16 })
-  ))))), /* @__PURE__ */ React269.createElement(
+    /* @__PURE__ */ React271.createElement(IconTrash10, { size: 16 })
+  ))))), /* @__PURE__ */ React271.createElement(
     Button49,
     {
-      leftSection: /* @__PURE__ */ React269.createElement(IconPlus10, { size: 16 }),
+      leftSection: /* @__PURE__ */ React271.createElement(IconPlus10, { size: 16 }),
       variant: "light",
       onClick: onGrantPermission
     },
@@ -31204,20 +31919,20 @@ var FlowPermissionsPanel = ({
 };
 
 // src/mantine/components/GrantPermissionModal.tsx
-import React270, { useState as useState113, useCallback as useCallback87 } from "react";
+import React272, { useState as useState115, useCallback as useCallback89 } from "react";
 import {
   Modal as Modal4,
-  Stack as Stack174,
-  Text as Text149,
+  Stack as Stack176,
+  Text as Text151,
   TextInput as TextInput10,
   Button as Button50,
   Group as Group99,
   Radio as Radio6,
   Checkbox as Checkbox14,
-  Alert as Alert48,
+  Alert as Alert49,
   Paper as Paper19,
-  Loader as Loader47,
-  Badge as Badge45,
+  Loader as Loader48,
+  Badge as Badge44,
   ActionIcon as ActionIcon36,
   Divider as Divider29,
   NumberInput as NumberInput3
@@ -31236,21 +31951,21 @@ var GrantPermissionModal = ({
   const singleBlockMode = !!targetBlockId || blocks.length === 1;
   const fixedBlockId = targetBlockId || (blocks.length === 1 ? blocks[0].id : null);
   const fixedBlock = fixedBlockId ? blocks.find((b) => b.id === fixedBlockId) || blocks[0] : null;
-  const [recipientType, setRecipientType] = useState113("user");
-  const [searchQuery, setSearchQuery] = useState113("");
-  const [searchResults, setSearchResults] = useState113([]);
-  const [searching, setSearching] = useState113(false);
-  const [selectedRecipient, setSelectedRecipient] = useState113(null);
-  const [manualDid, setManualDid] = useState113("");
-  const [scopeType, setScopeType] = useState113("full");
-  const [selectedBlocks, setSelectedBlocks] = useState113([]);
-  const [expirationEnabled, setExpirationEnabled] = useState113(false);
-  const [expirationDays, setExpirationDays] = useState113(30);
-  const [canDelegate, setCanDelegate] = useState113(false);
-  const [pin, setPin] = useState113("");
-  const [loading, setLoading] = useState113(false);
-  const [error, setError] = useState113(null);
-  const handleSearch = useCallback87(async () => {
+  const [recipientType, setRecipientType] = useState115("user");
+  const [searchQuery, setSearchQuery] = useState115("");
+  const [searchResults, setSearchResults] = useState115([]);
+  const [searching, setSearching] = useState115(false);
+  const [selectedRecipient, setSelectedRecipient] = useState115(null);
+  const [manualDid, setManualDid] = useState115("");
+  const [scopeType, setScopeType] = useState115("full");
+  const [selectedBlocks, setSelectedBlocks] = useState115([]);
+  const [expirationEnabled, setExpirationEnabled] = useState115(false);
+  const [expirationDays, setExpirationDays] = useState115(30);
+  const [canDelegate, setCanDelegate] = useState115(false);
+  const [pin, setPin] = useState115("");
+  const [loading, setLoading] = useState115(false);
+  const [error, setError] = useState115(null);
+  const handleSearch = useCallback89(async () => {
     if (searchQuery.length < 2) return;
     setSearching(true);
     try {
@@ -31337,29 +32052,29 @@ var GrantPermissionModal = ({
       resetForm();
     }
   };
-  return /* @__PURE__ */ React270.createElement(
+  return /* @__PURE__ */ React272.createElement(
     Modal4,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React270.createElement(Group99, { gap: "xs" }, /* @__PURE__ */ React270.createElement(IconShieldPlus4, { size: 20 }), /* @__PURE__ */ React270.createElement(Text149, { fw: 600 }, "Grant Permission")),
+      title: /* @__PURE__ */ React272.createElement(Group99, { gap: "xs" }, /* @__PURE__ */ React272.createElement(IconShieldPlus4, { size: 20 }), /* @__PURE__ */ React272.createElement(Text151, { fw: 600 }, "Grant Permission")),
       size: "lg"
     },
-    /* @__PURE__ */ React270.createElement(Stack174, { gap: "md" }, /* @__PURE__ */ React270.createElement(Stack174, { gap: "xs" }, /* @__PURE__ */ React270.createElement(Text149, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React270.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
+    /* @__PURE__ */ React272.createElement(Stack176, { gap: "md" }, /* @__PURE__ */ React272.createElement(Stack176, { gap: "xs" }, /* @__PURE__ */ React272.createElement(Text151, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React272.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
       setRecipientType(v);
       setSelectedRecipient(null);
       setSearchResults([]);
-    } }, /* @__PURE__ */ React270.createElement(Group99, null, /* @__PURE__ */ React270.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React270.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React270.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React270.createElement(Stack174, { gap: "xs" }, /* @__PURE__ */ React270.createElement(
+    } }, /* @__PURE__ */ React272.createElement(Group99, null, /* @__PURE__ */ React272.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React272.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React272.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React272.createElement(Stack176, { gap: "xs" }, /* @__PURE__ */ React272.createElement(
       TextInput10,
       {
         placeholder: recipientType === "oracle" ? "Search oracles..." : "Search users...",
-        leftSection: /* @__PURE__ */ React270.createElement(IconSearch7, { size: 16 }),
-        rightSection: searching ? /* @__PURE__ */ React270.createElement(Loader47, { size: 14 }) : null,
+        leftSection: /* @__PURE__ */ React272.createElement(IconSearch7, { size: 16 }),
+        rightSection: searching ? /* @__PURE__ */ React272.createElement(Loader48, { size: 14 }) : null,
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
         onKeyDown: (e) => e.key === "Enter" && handleSearch()
       }
-    ), selectedRecipient ? /* @__PURE__ */ React270.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React270.createElement(Group99, { justify: "space-between" }, /* @__PURE__ */ React270.createElement(Group99, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React270.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React270.createElement(IconUser16, { size: 16 }), /* @__PURE__ */ React270.createElement(Text149, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React270.createElement(Badge45, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React270.createElement(ActionIcon36, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React270.createElement(IconX14, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React270.createElement(Paper19, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React270.createElement(Stack174, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React270.createElement(
+    ), selectedRecipient ? /* @__PURE__ */ React272.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React272.createElement(Group99, { justify: "space-between" }, /* @__PURE__ */ React272.createElement(Group99, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React272.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React272.createElement(IconUser16, { size: 16 }), /* @__PURE__ */ React272.createElement(Text151, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React272.createElement(Badge44, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React272.createElement(ActionIcon36, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React272.createElement(IconX14, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React272.createElement(Paper19, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React272.createElement(Stack176, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React272.createElement(
       Button50,
       {
         key: result.did,
@@ -31369,7 +32084,7 @@ var GrantPermissionModal = ({
         onClick: () => setSelectedRecipient(result)
       },
       result.displayName
-    )))) : null) : /* @__PURE__ */ React270.createElement(
+    )))) : null) : /* @__PURE__ */ React272.createElement(
       TextInput10,
       {
         label: "Recipient DID",
@@ -31377,12 +32092,12 @@ var GrantPermissionModal = ({
         value: manualDid,
         onChange: (e) => setManualDid(e.currentTarget.value)
       }
-    ), /* @__PURE__ */ React270.createElement(Divider29, null), /* @__PURE__ */ React270.createElement(Stack174, { gap: "xs" }, /* @__PURE__ */ React270.createElement(Text149, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
+    ), /* @__PURE__ */ React272.createElement(Divider29, null), /* @__PURE__ */ React272.createElement(Stack176, { gap: "xs" }, /* @__PURE__ */ React272.createElement(Text151, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
       // Single block mode: show fixed block info
-      /* @__PURE__ */ React270.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React270.createElement(Group99, { gap: "xs" }, /* @__PURE__ */ React270.createElement(Badge45, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React270.createElement(Text149, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React270.createElement(Text149, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
+      /* @__PURE__ */ React272.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React272.createElement(Group99, { gap: "xs" }, /* @__PURE__ */ React272.createElement(Badge44, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React272.createElement(Text151, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React272.createElement(Text151, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
     ) : (
       // Multi-block mode: show scope selection
-      /* @__PURE__ */ React270.createElement(React270.Fragment, null, /* @__PURE__ */ React270.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React270.createElement(Stack174, { gap: "xs" }, /* @__PURE__ */ React270.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React270.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React270.createElement(Paper19, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React270.createElement(Stack174, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React270.createElement(
+      /* @__PURE__ */ React272.createElement(React272.Fragment, null, /* @__PURE__ */ React272.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React272.createElement(Stack176, { gap: "xs" }, /* @__PURE__ */ React272.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React272.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React272.createElement(Paper19, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React272.createElement(Stack176, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React272.createElement(
         Checkbox14,
         {
           key: block.id,
@@ -31397,14 +32112,14 @@ var GrantPermissionModal = ({
           }
         }
       )))))
-    )), /* @__PURE__ */ React270.createElement(Divider29, null), /* @__PURE__ */ React270.createElement(Stack174, { gap: "xs" }, /* @__PURE__ */ React270.createElement(
+    )), /* @__PURE__ */ React272.createElement(Divider29, null), /* @__PURE__ */ React272.createElement(Stack176, { gap: "xs" }, /* @__PURE__ */ React272.createElement(
       Checkbox14,
       {
         label: "Set expiration",
         checked: expirationEnabled,
         onChange: (e) => setExpirationEnabled(e.currentTarget.checked)
       }
-    ), expirationEnabled && /* @__PURE__ */ React270.createElement(
+    ), expirationEnabled && /* @__PURE__ */ React272.createElement(
       NumberInput3,
       {
         label: "Expires in (days)",
@@ -31414,7 +32129,7 @@ var GrantPermissionModal = ({
         min: 1,
         max: 365
       }
-    )), /* @__PURE__ */ React270.createElement(
+    )), /* @__PURE__ */ React272.createElement(
       Checkbox14,
       {
         label: "Recipient can grant permissions to others",
@@ -31422,7 +32137,7 @@ var GrantPermissionModal = ({
         checked: canDelegate,
         onChange: (e) => setCanDelegate(e.currentTarget.checked)
       }
-    ), /* @__PURE__ */ React270.createElement(Divider29, null), /* @__PURE__ */ React270.createElement(
+    ), /* @__PURE__ */ React272.createElement(Divider29, null), /* @__PURE__ */ React272.createElement(
       TextInput10,
       {
         label: "Enter your PIN to sign this delegation",
@@ -31431,7 +32146,7 @@ var GrantPermissionModal = ({
         value: pin,
         onChange: (e) => setPin(e.currentTarget.value)
       }
-    ), error && /* @__PURE__ */ React270.createElement(Alert48, { color: "red" }, error), /* @__PURE__ */ React270.createElement(Group99, { justify: "flex-end" }, /* @__PURE__ */ React270.createElement(Button50, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React270.createElement(Button50, { onClick: handleGrant, loading }, "Grant Permission")))
+    ), error && /* @__PURE__ */ React272.createElement(Alert49, { color: "red" }, error), /* @__PURE__ */ React272.createElement(Group99, { justify: "flex-end" }, /* @__PURE__ */ React272.createElement(Button50, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React272.createElement(Button50, { onClick: handleGrant, loading }, "Grant Permission")))
   );
 };
 
@@ -31548,4 +32263,4 @@ export {
   getExtraSlashMenuItems,
   useCreateIxoEditor
 };
-//# sourceMappingURL=chunk-3RGK4GAV.mjs.map
+//# sourceMappingURL=chunk-EE3V7B4I.mjs.map