@ixo/editor 3.0.0-beta.2 → 3.0.0-beta.4

package/dist/{chunk-HHEGZUQF.mjs → chunk-36GMPLM6.mjs}

@@ -7759,7 +7759,7 @@ var ClaimsListSheet = ({
     setSurveyError(null);
     fetchClaims();
   };
-  const getClaimStatus3 = (paymentsStatus) => {
+  const getClaimStatus2 = (paymentsStatus) => {
     if (!paymentsStatus) {
       return "pending";
     }
@@ -7815,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()));
       })))
     ),
@@ -8783,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";
 
@@ -9558,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,
@@ -9691,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",
@@ -9735,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 }))))
   );
 };
 
@@ -25140,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(
@@ -25161,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) : "";
@@ -25171,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 }))))
@@ -25219,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;
@@ -25262,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 }))))
@@ -27100,6 +27149,8 @@ var ClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabl
   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);
@@ -27171,6 +27222,50 @@ var ClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabl
       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);
@@ -27192,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;
@@ -27283,7 +27382,9 @@ var ClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabl
       services,
       ucanManager,
       updateRuntime,
-      verifySignature
+      verifySignature,
+      authChecking,
+      isServiceAgentAuthorized
     ]
   );
   useEffect79(() => {
@@ -27293,14 +27394,16 @@ 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", 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 }, 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(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();
@@ -27325,7 +27428,7 @@ var ClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabl
         }
       },
       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 === "green" ? "green" : status.color === "red" ? "red" : void 0, style: { lineHeight: 1.5 } }, status.color === "green" && /* @__PURE__ */ React247.createElement(IconCheck18, { size: 14, style: { verticalAlign: "middle", marginRight: 2 } }), status.label), /* @__PURE__ */ React247.createElement(Text140, { size: "xs", c: "dimmed" }, getTimeAgo2(claim.submissionDate || ""))));
+    ), /* @__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));
 };
 
@@ -27481,12 +27584,6 @@ function truncateId(value, start = 8, end = 6) {
   if (value.length <= start + end + 3) return value;
   return `${value.slice(0, start)}...${value.slice(-end)}`;
 }
-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" };
-}
 var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabled }) => {
   const handlers = useBlocknoteHandlers();
   const services = useMemo96(() => buildServicesFromHandlers(handlers), [handlers]);
@@ -27542,7 +27639,7 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
   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]);
@@ -27727,8 +27824,7 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
   }, [selectedClaim, loadClaimDetail]);
   const isClaimAlreadyEvaluated = useMemo96(() => {
     if (!selectedClaim) return false;
-    const status = getClaimStatus2(selectedClaim).label;
-    return status === "Approved" || status === "Rejected";
+    return isClaimEvaluated(selectedClaim);
   }, [selectedClaim]);
   const addPaymentRow = useCallback81(() => {
     setPaymentRows((prev) => [...prev, createPaymentRow2()]);
@@ -27769,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({
@@ -27842,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);
@@ -27874,7 +27969,7 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
     ]
   );
   if (selectedClaim) {
-    const claimStatus = getClaimStatus2(selectedClaim);
+    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();
@@ -27899,7 +27994,7 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
         }
       },
       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 === "green" ? "green" : claimStatus.color === "red" ? "red" : void 0 }, claimStatus.color === "green" && /* @__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(
+    ), /* @__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",
@@ -27996,7 +28091,7 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
         }
       },
       "Reject"
-    )), error && /* @__PURE__ */ React249.createElement(Alert45, { color: "red", styles: actionAlertStyles }, error), runtime.error?.message && /* @__PURE__ */ React249.createElement(Alert45, { color: "red", styles: actionAlertStyles }, runtime.error.message));
+    )), error && /* @__PURE__ */ React249.createElement(Alert45, { color: "red", styles: actionAlertStyles }, error));
   }
   const filterTabs = [
     { value: "all", label: "All" },
@@ -28019,7 +28114,7 @@ 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();
@@ -28044,7 +28139,7 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
         }
       },
       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 === "green" ? "green" : status.color === "red" ? "red" : void 0, style: { lineHeight: 1.5 } }, status.color === "green" && /* @__PURE__ */ React249.createElement(IconCheck19, { size: 14, style: { verticalAlign: "middle", marginRight: 2 } }), status.label), /* @__PURE__ */ React249.createElement(Text141, { size: "xs", c: "dimmed" }, getTimeAgo3(claim.submissionDate || ""))));
+    ), /* @__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));
 };
 
@@ -28130,6 +28225,49 @@ var FormSubmitConfig = ({ inputs, onInputsChange }) => {
 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";
+function parsePrimarySkill(rawSkill) {
+  const coerce = (candidate) => {
+    if (!candidate || typeof candidate !== "object") return null;
+    const cid = String(candidate.cid || "").trim();
+    const name = String(candidate.name || "").trim();
+    if (!cid) return null;
+    return name ? { cid, name } : { cid };
+  };
+  if (!rawSkill) return null;
+  if (typeof rawSkill === "object") {
+    if (Array.isArray(rawSkill)) {
+      for (const entry of rawSkill) {
+        const skill = coerce(entry);
+        if (skill) return skill;
+      }
+      return null;
+    }
+    return coerce(rawSkill);
+  }
+  if (typeof rawSkill === "string") {
+    const trimmed = rawSkill.trim();
+    if (!trimmed) return null;
+    try {
+      const parsed = JSON.parse(trimmed);
+      return parsePrimarySkill(parsed);
+    } catch {
+      return null;
+    }
+  }
+  return null;
+}
+function buildCompanionPrompt(params) {
+  const answersJson = JSON.stringify(params.answers || {}, null, 2);
+  return [
+    "Use the skill with this form context.",
+    `Skill name: ${params.skill.name || "(not provided)"}`,
+    `Skill CID: ${params.skill.cid}`,
+    `Action block title: ${params.blockTitle || "Form Submit Action"}`,
+    `Action block description: ${params.blockDescription || "Complete the form to execute this action."}`,
+    `Form answers JSON:
+${answersJson}`
+  ].join("\n");
+}
 var FormSubmitFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isDisabled }) => {
   const handlers = useBlocknoteHandlers();
   const services = useMemo97(() => buildServicesFromHandlers(handlers), [handlers]);
@@ -28198,6 +28336,18 @@ var FormSubmitFlowDetail = ({ inputs, editor, block, runtime, updateRuntime, isD
       setError(null);
       updateRuntime({ state: "running", error: void 0 });
       try {
+        const skill = parsePrimarySkill(block?.props?.skill);
+        if (skill && typeof handlers?.askCompanion === "function") {
+          const prompt = buildCompanionPrompt({
+            skill,
+            blockTitle: String(block?.props?.title || ""),
+            blockDescription: String(block?.props?.description || ""),
+            answers: sender.data || {}
+          });
+          handlers.askCompanion(prompt).catch((askError) => {
+            console.error("askCompanion failed during form submit execution", askError);
+          });
+        }
         const outcome = await executeNode({
           node: flowNode,
           actorDid,
@@ -28345,6 +28495,9 @@ var ActionBlockSpec = createReactBlockSpec21(
       requiresConfirmation: {
         default: ""
       },
+      skill: {
+        default: ""
+      },
       conditions: {
         default: ""
       },
@@ -32165,4 +32318,4 @@ export {
   getExtraSlashMenuItems,
   useCreateIxoEditor
 };
-//# sourceMappingURL=chunk-HHEGZUQF.mjs.map
+//# sourceMappingURL=chunk-36GMPLM6.mjs.map