@agg-build/ui 2.1.1 → 2.1.2

package/dist/trading.js

@@ -24,6 +24,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __restKey = (key) => typeof key === "symbol" ? key : key + "";
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -99,7 +100,9 @@ __export(trading_exports, {
   getTradingVenueLabel: () => getTradingVenueLabel,
   parseAmount: () => parseAmount,
   parseVenue: () => parseVenue,
-  useEventTradingContext: () => import_hooks30.useEventTradingContext
+  useClaimWinnings: () => useClaimWinnings,
+  useEventTradingContext: () => import_hooks30.useEventTradingContext,
+  useResolvedMarketClaim: () => useResolvedMarketClaim
 });
 module.exports = __toCommonJS(trading_exports);
 
@@ -1205,9 +1208,9 @@ SettlementDetails.displayName = "SettlementDetails";
 
 // src/trading/place-order/index.tsx
 var import_hooks29 = require("@agg-build/hooks");
-var import_react8 = __toESM(require("@number-flow/react"));
+var import_react9 = __toESM(require("@number-flow/react"));
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/events/market-details/market-details.utils.ts
 var import_sdk12 = require("@agg-build/sdk");
@@ -5835,10 +5838,19 @@ var Typography = ({
 };
 Typography.displayName = "Typography";
 
+// src/primitives/toast/index.tsx
+var RadixToast = __toESM(require("@radix-ui/react-toast"));
+var import_react5 = require("react");
+var import_jsx_runtime118 = require("react/jsx-runtime");
+var ToastContext = (0, import_react5.createContext)(null);
+function useOptionalToast() {
+  return (0, import_react5.useContext)(ToastContext);
+}
+
 // src/primitives/tooltip/index.tsx
 var import_hooks27 = require("@agg-build/hooks");
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var import_react5 = require("react");
+var import_react6 = require("react");
 
 // src/primitives/tooltip/tooltip.constants.ts
 var tooltipSizeClasses = {
@@ -5870,7 +5882,7 @@ var resolveTooltipArrowDimensions = (size) => {
 };
 
 // src/primitives/tooltip/index.tsx
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 var Tooltip = ({
   content,
   children,
@@ -5886,24 +5898,24 @@ var Tooltip = ({
     general: { rootClassName },
     features: { enableAnimations }
   } = (0, import_hooks27.useSdkUiConfig)();
-  const trigger = (0, import_react5.useMemo)(() => {
+  const trigger = (0, import_react6.useMemo)(() => {
     if (children) return children;
-    return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
       "button",
       {
         type: "button",
         className: resolveTooltipTriggerClassName(classNames == null ? void 0 : classNames.trigger),
         "aria-label": ariaLabel != null ? ariaLabel : defaultTooltipTriggerAriaLabel,
-        children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
       }
     );
   }, [children, classNames == null ? void 0 : classNames.trigger, classNames == null ? void 0 : classNames.icon, ariaLabel]);
   const { width: arrowWidth, height: arrowHeight } = resolveTooltipArrowDimensions(size);
   const arrowPoints = `0,0 ${arrowWidth},0 ${arrowWidth / 2},${arrowHeight}`;
   const arrowBorderPath = `M0 0 L${arrowWidth / 2} ${arrowHeight} L${arrowWidth} 0`;
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(TooltipPrimitive.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(TooltipPrimitive.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
       TooltipPrimitive.Content,
       {
         side,
@@ -5927,7 +5939,7 @@ var Tooltip = ({
           classNames == null ? void 0 : classNames.content
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
             "svg",
             {
               width: arrowWidth,
@@ -5936,8 +5948,8 @@ var Tooltip = ({
               "aria-hidden": "true",
               className: cn("overflow-visible", classNames == null ? void 0 : classNames.arrow),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
-                /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
                   "path",
                   {
                     d: arrowBorderPath,
@@ -5967,7 +5979,7 @@ var requestAggDepositModalOpen = () => {
 
 // src/trading/use-kalshi-kyc-flow.ts
 var import_hooks28 = require("@agg-build/hooks");
-var import_react6 = require("react");
+var import_react7 = require("react");
 var KYC_PENDING_STORAGE_KEY = "agg_kyc_pending";
 var getKycPendingState = () => {
   var _a, _b;
@@ -5998,13 +6010,13 @@ var useKalshiKycFlow = ({
   onError
 }) => {
   const client = (0, import_hooks28.useAggClient)();
-  const [isVerifyModalOpen, setIsVerifyModalOpen] = (0, import_react6.useState)(false);
-  const [showSuccessModal, setShowSuccessModal] = (0, import_react6.useState)(false);
-  const [isInitiating, setIsInitiating] = (0, import_react6.useState)(false);
-  const [needsDepositAddress, setNeedsDepositAddress] = (0, import_react6.useState)(false);
-  const initiationAttemptRef = (0, import_react6.useRef)(0);
+  const [isVerifyModalOpen, setIsVerifyModalOpen] = (0, import_react7.useState)(false);
+  const [showSuccessModal, setShowSuccessModal] = (0, import_react7.useState)(false);
+  const [isInitiating, setIsInitiating] = (0, import_react7.useState)(false);
+  const [needsDepositAddress, setNeedsDepositAddress] = (0, import_react7.useState)(false);
+  const initiationAttemptRef = (0, import_react7.useRef)(0);
   const { isReady, isTimedOut } = (0, import_hooks28.useDepositAddresses)({ enabled: needsDepositAddress, poll: true });
-  const pendingState = (0, import_react6.useMemo)(
+  const pendingState = (0, import_react7.useMemo)(
     () => ({
       venue: "kalshi",
       userId: userId != null ? userId : null,
@@ -6012,28 +6024,28 @@ var useKalshiKycFlow = ({
     }),
     [userId, walletAddress]
   );
-  const resetInitiation = (0, import_react6.useCallback)(() => {
+  const resetInitiation = (0, import_react7.useCallback)(() => {
     setIsInitiating(false);
     setNeedsDepositAddress(false);
   }, []);
-  const closeVerifyModal = (0, import_react6.useCallback)(() => {
+  const closeVerifyModal = (0, import_react7.useCallback)(() => {
     initiationAttemptRef.current += 1;
     clearKycPendingState();
     resetInitiation();
     setIsVerifyModalOpen(false);
   }, [resetInitiation]);
-  const closeSuccessModal = (0, import_react6.useCallback)(() => {
+  const closeSuccessModal = (0, import_react7.useCallback)(() => {
     setShowSuccessModal(false);
   }, []);
-  const openVerifyModal = (0, import_react6.useCallback)(() => {
+  const openVerifyModal = (0, import_react7.useCallback)(() => {
     setIsVerifyModalOpen(true);
   }, []);
-  const startVerification = (0, import_react6.useCallback)(() => {
+  const startVerification = (0, import_react7.useCallback)(() => {
     initiationAttemptRef.current += 1;
     setIsInitiating(true);
     setNeedsDepositAddress(true);
   }, []);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!isInitiating || !isReady) return;
     const attemptId = initiationAttemptRef.current;
     const redirectUri = window.location.href;
@@ -6050,14 +6062,14 @@ var useKalshiKycFlow = ({
       resetInitiation();
     });
   }, [client, isInitiating, isReady, onError, pendingState, resetInitiation]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (isTimedOut && isInitiating) {
       clearKycPendingState();
       resetInitiation();
       onError == null ? void 0 : onError(new Error("Deposit address provisioning timed out"));
     }
   }, [isInitiating, isTimedOut, onError, resetInitiation]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     const storedPendingState = getKycPendingState();
     const isMatchingSession = (storedPendingState == null ? void 0 : storedPendingState.venue) === "kalshi" && storedPendingState.userId === pendingState.userId && storedPendingState.walletAddress === pendingState.walletAddress;
     if (isKalshiVerified && isMatchingSession) {
@@ -7647,7 +7659,7 @@ var isPercentageBelowMinimum = (value, minimumValue) => {
 };
 
 // src/trading/place-order/index.place-order.failure.tsx
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 var resolveFailureActionHandler = ({
   action,
   onDone,
@@ -7660,12 +7672,12 @@ var resolveFailureActionHandler = ({
 };
 var renderPartialFailureStep = (step) => {
   const isWarningStep = step.tone === "warning" || step.tone === "error";
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
     "div",
     {
       className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           Icon,
           {
             name: isWarningStep ? "warning-filled" : "check-circle",
@@ -7674,8 +7686,8 @@ var renderPartialFailureStep = (step) => {
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
-        step.venue ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(VenueLogo, { venue: step.venue, size: "small", className: "h-4 w-4 shrink-0" }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
+        step.venue ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(VenueLogo, { venue: step.venue, size: "small", className: "h-4 w-4 shrink-0" }) : null
       ]
     },
     step.id
@@ -7694,10 +7706,10 @@ var PlaceOrderFailureView = ({
   const shouldShowPartialFailureLayout = summary.kind === "partial_fill";
   const failureStepGroups = shouldShowPartialFailureLayout ? groupPlaceOrderFailureSteps(summary.steps) : [];
   if (shouldShowPartialFailureLayout) {
-    return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
             RemoteImage,
             {
               src: (_a = summary.eventImage) != null ? _a : null,
@@ -7705,12 +7717,12 @@ var PlaceOrderFailureView = ({
               className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
+          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
         ] }),
-        summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
+        summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "flex flex-col gap-4", children: failureStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => renderPartialFailureStep(step)) }, `failure-group-${groupIndex}`)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "flex items-center gap-4", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "flex flex-col gap-4", children: failureStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => renderPartialFailureStep(step)) }, `failure-group-${groupIndex}`)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "flex items-center gap-4", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
         Button,
         {
           variant: "tertiary",
@@ -7724,10 +7736,10 @@ var PlaceOrderFailureView = ({
       )) })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           RemoteImage,
           {
             src: (_b = summary.eventImage) != null ? _b : null,
@@ -7735,11 +7747,11 @@ var PlaceOrderFailureView = ({
             className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
       ] }),
-      summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
+      summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
       InlineAlert,
       {
         tone: "error",
@@ -7748,7 +7760,7 @@ var PlaceOrderFailureView = ({
         message: tradingLabels.orderFailureDescription((_c = summary.errorMessage) != null ? _c : "")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "agg-order-failure-actions flex items-center gap-3", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "agg-order-failure-actions flex items-center gap-3", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
       Button,
       {
         variant: action.variant === "retry" ? "primary" : "secondary",
@@ -7765,8 +7777,8 @@ var PlaceOrderFailureView = ({
 PlaceOrderFailureView.displayName = "PlaceOrderFailureView";
 
 // src/trading/place-order/index.place-order.success.tsx
-var import_react7 = require("react");
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_react8 = require("react");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 var resolveBuyToWinLabel = (shares) => {
   if (!shares) return "$0";
   return shares.startsWith("$") ? shares : `$${shares}`;
@@ -7779,7 +7791,7 @@ var PlaceOrderSuccessView = ({
   onShare: _onShare
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const [isExecutionDetailsExpanded, setIsExecutionDetailsExpanded] = (0, import_react7.useState)(true);
+  const [isExecutionDetailsExpanded, setIsExecutionDetailsExpanded] = (0, import_react8.useState)(true);
   const doneLabel = tradingLabels.orderDone;
   const _shareLabel = (_a = tradingLabels.orderShare) != null ? _a : "Share";
   const potentialReturnLabel = summary.potentialReturnLabel && tradingLabels.potentialReturnBonus ? tradingLabels.potentialReturnBonus(summary.potentialReturnLabel) : summary.potentialReturnLabel ? `+${summary.potentialReturnLabel} Better Payout` : null;
@@ -7797,10 +7809,10 @@ var PlaceOrderSuccessView = ({
   const resolveStepIconClassName = (tone) => {
     return tone === "warning" || tone === "error" ? "text-agg-warning" : "text-agg-primary";
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agg-order-success-body flex flex-col gap-6 p-5", children: [
-    summary.eventTitle ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agg-order-success-header flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agg-order-success-market flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-success-body flex flex-col gap-6 p-5", children: [
+    summary.eventTitle ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-success-header flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-success-market flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
           RemoteImage,
           {
             src: (_h = summary.eventImage) != null ? _h : null,
@@ -7808,12 +7820,12 @@ var PlaceOrderSuccessView = ({
             className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
       ] }),
-      summary.eventDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventDateLabel }) : null
+      summary.eventDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventDateLabel }) : null
     ] }) : null,
-    executionStepGroups.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agg-order-success-timeline flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    executionStepGroups.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-success-timeline flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
         "div",
         {
           "aria-hidden": !isExecutionDetailsExpanded,
@@ -7826,12 +7838,12 @@ var PlaceOrderSuccessView = ({
               "transition-[grid-template-rows,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
             )
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "flex flex-col gap-4 pb-2", children: detailedStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "flex flex-col gap-4 pb-2", children: detailedStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
             "div",
             {
               className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
                   Icon,
                   {
                     name: resolveStepIconName(step.tone),
@@ -7840,8 +7852,8 @@ var PlaceOrderSuccessView = ({
                     "aria-hidden": "true"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
-                step.venue ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
+                step.venue ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
                   VenueLogo,
                   {
                     venue: step.venue,
@@ -7855,7 +7867,7 @@ var PlaceOrderSuccessView = ({
           )) }, `execution-group-${groupIndex}`)) }) })
         }
       ),
-      finalStep ? hasExecutionDetails ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+      finalStep ? hasExecutionDetails ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
         "button",
         {
           type: "button",
@@ -7867,7 +7879,7 @@ var PlaceOrderSuccessView = ({
           ),
           onClick: () => setIsExecutionDetailsExpanded((currentValue) => !currentValue),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
               Icon,
               {
                 name: resolveStepIconName(finalStep.tone),
@@ -7876,8 +7888,8 @@ var PlaceOrderSuccessView = ({
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
               Icon,
               {
                 name: isExecutionDetailsExpanded ? "chevron-up" : "chevron-down",
@@ -7888,8 +7900,8 @@ var PlaceOrderSuccessView = ({
             )
           ]
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
           Icon,
           {
             name: resolveStepIconName(finalStep.tone),
@@ -7898,34 +7910,34 @@ var PlaceOrderSuccessView = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label })
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label })
       ] }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
       "div",
       {
         className: cn(
           "agg-order-success-pill flex min-h-12 w-full items-center justify-center gap-2 rounded-agg-full px-6 py-2.5 text-center text-agg-base font-agg-bold leading-agg-6 text-agg-on-primary bg-agg-success"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Icon, { name: "success-check", size: "small", className: "h-4 w-4 shrink-0 text-current" }),
-          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { children: resolvedActionLabel })
+          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Icon, { name: "success-check", size: "small", className: "h-4 w-4 shrink-0 text-current" }),
+          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { children: resolvedActionLabel })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.amount(resolvedTradeSide) }),
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: resolvedAmountLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.amount(resolvedTradeSide) }),
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: resolvedAmountLabel })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(resolvedTradeSide) }),
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: resolvedToWinLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(resolvedTradeSide) }),
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: resolvedToWinLabel })
     ] }),
-    summary.potentialReturnLabel ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex w-full flex-col items-center justify-center gap-1 overflow-hidden rounded-agg-lg border border-agg-primary/50 bg-gradient-to-b from-agg-primary/8 to-agg-primary/15 p-3 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "bg-gradient-to-r from-agg-primary to-agg-primary-hover bg-clip-text text-agg-lg font-agg-bold leading-[28px] text-transparent", children: potentialReturnLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: (_i = tradingLabels.withSmartRouting) != null ? _i : "with Smart Routing" })
+    summary.potentialReturnLabel ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex w-full flex-col items-center justify-center gap-1 overflow-hidden rounded-agg-lg border border-agg-primary/50 bg-gradient-to-b from-agg-primary/8 to-agg-primary/15 p-3 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "bg-gradient-to-r from-agg-primary to-agg-primary-hover bg-clip-text text-agg-lg font-agg-bold leading-[28px] text-transparent", children: potentialReturnLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: (_i = tradingLabels.withSmartRouting) != null ? _i : "with Smart Routing" })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "agg-order-success-actions flex gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "agg-order-success-actions flex gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
       Button,
       {
         variant: "secondary",
@@ -7941,7 +7953,7 @@ var PlaceOrderSuccessView = ({
 PlaceOrderSuccessView.displayName = "PlaceOrderSuccessView";
 
 // src/trading/place-order/index.tsx
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 var resolveRefetchedQuoteData = (result) => {
   if (!result || typeof result !== "object" || !("data" in result)) return null;
   const data = result.data;
@@ -7960,7 +7972,7 @@ var LoadingGlyph = ({
   className,
   enableAnimations
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
     "span",
     {
       "aria-hidden": "true",
@@ -7981,24 +7993,24 @@ var PlaceOrderSlippageControl = ({
 }) => {
   var _a, _b;
   const labels = (0, import_hooks29.useLabels)();
-  const containerRef = (0, import_react9.useRef)(null);
-  const triggerRef = (0, import_react9.useRef)(null);
-  const inputRef = (0, import_react9.useRef)(null);
-  const warningId = (0, import_react9.useId)();
+  const containerRef = (0, import_react10.useRef)(null);
+  const triggerRef = (0, import_react10.useRef)(null);
+  const inputRef = (0, import_react10.useRef)(null);
+  const warningId = (0, import_react10.useId)();
   const defaultValue = finalizePercentageValue(slippageDefaultValue);
   const committedValue = finalizePercentageValue(slippageValue) || defaultValue;
-  const [draftValue, setDraftValue] = (0, import_react9.useState)(committedValue);
-  const [isEditing, setIsEditing] = (0, import_react9.useState)(
+  const [draftValue, setDraftValue] = (0, import_react10.useState)(committedValue);
+  const [isEditing, setIsEditing] = (0, import_react10.useState)(
     () => isPercentageBelowMinimum(committedValue, slippageMinimumValue)
   );
-  const [shouldFocusInput, setShouldFocusInput] = (0, import_react9.useState)(false);
-  (0, import_react9.useEffect)(() => {
+  const [shouldFocusInput, setShouldFocusInput] = (0, import_react10.useState)(false);
+  (0, import_react10.useEffect)(() => {
     setDraftValue(committedValue);
     if (isPercentageBelowMinimum(committedValue, slippageMinimumValue)) {
       setIsEditing(true);
     }
   }, [committedValue, slippageMinimumValue]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!shouldFocusInput) return;
     requestAnimationFrame(() => {
       var _a2, _b2;
@@ -8015,7 +8027,7 @@ var PlaceOrderSlippageControl = ({
     Number(committedValue || slippageDefaultValue || DEFAULT_SLIPPAGE_VALUE)
   );
   const resolvedAutoLabel = labels.trading.resetSlippage;
-  const resolvedWarningMessage = (0, import_react9.useMemo)(() => {
+  const resolvedWarningMessage = (0, import_react10.useMemo)(() => {
     if (isLowSlippage) {
       return labels.trading.slippageLow(slippageMinimumValue);
     }
@@ -8078,8 +8090,8 @@ var PlaceOrderSlippageControl = ({
     if (!isEditing) return;
     handleCommitDraft(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { ref: containerRef, className: "agg-slippage-control w-full", onBlur: handleContainerBlur, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { ref: containerRef, className: "agg-slippage-control w-full", onBlur: handleContainerBlur, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
       "button",
       {
         ref: triggerRef,
@@ -8097,8 +8109,8 @@ var PlaceOrderSlippageControl = ({
         ),
         onClick: handleToggleEditing,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "agg-slippage-label", children: collapsedLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "agg-slippage-label", children: collapsedLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
             Icon,
             {
               name: isEditing ? "chevron-up" : "pencil",
@@ -8110,7 +8122,7 @@ var PlaceOrderSlippageControl = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
       "div",
       {
         "aria-hidden": !isEditing,
@@ -8124,10 +8136,10 @@ var PlaceOrderSlippageControl = ({
             "transition-[grid-template-rows,opacity,margin-top] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]"
           )
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-slippage-editor-body flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-slippage-input-row flex h-9 overflow-hidden rounded-agg-sm border border-agg-separator", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-slippage-input-group flex min-w-0 flex-1 items-center gap-2 bg-agg-secondary px-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-slippage-editor-body flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-slippage-input-row flex h-9 overflow-hidden rounded-agg-sm border border-agg-separator", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-slippage-input-group flex min-w-0 flex-1 items-center gap-2 bg-agg-secondary px-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                 "input",
                 {
                   ref: inputRef,
@@ -8142,7 +8154,7 @@ var PlaceOrderSlippageControl = ({
                   onKeyDown: handleInputKeyDown
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                 "button",
                 {
                   type: "button",
@@ -8160,8 +8172,8 @@ var PlaceOrderSlippageControl = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "h-full w-px bg-agg-separator", "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "h-full w-px bg-agg-separator", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
               "div",
               {
                 className: "agg-slippage-suffix flex w-9 items-center justify-center bg-agg-secondary-hover text-agg-sm leading-agg-5 text-agg-muted-foreground",
@@ -8170,7 +8182,7 @@ var PlaceOrderSlippageControl = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
             "div",
             {
               "aria-hidden": !resolvedWarningMessage,
@@ -8184,13 +8196,13 @@ var PlaceOrderSlippageControl = ({
                   "transition-[grid-template-rows,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
                 )
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
                 "div",
                 {
                   id: warningId,
                   className: "agg-slippage-warning-message flex items-start gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                       Icon,
                       {
                         name: "warning-filled",
@@ -8199,7 +8211,7 @@ var PlaceOrderSlippageControl = ({
                         color: "currentColor"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { children: resolvedWarningMessage != null ? resolvedWarningMessage : "" })
+                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { children: resolvedWarningMessage != null ? resolvedWarningMessage : "" })
                   ]
                 }
               ) })
@@ -8219,9 +8231,9 @@ var renderCardHeader = ({
   onClose
 }) => {
   if (!headerTitle) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: cn("agg-order-panel-header flex flex-col gap-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-market-summary flex items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: cn("agg-order-panel-header flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-order-market-summary flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
         RemoteImage,
         {
           src: headerImage,
@@ -8229,19 +8241,19 @@ var renderCardHeader = ({
           className: "agg-order-market-image h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "agg-order-market-title min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: headerTitle }),
-      onClose ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "agg-order-market-title min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: headerTitle }),
+      onClose ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
         "button",
         {
           type: "button",
           className: "agg-order-close -mr-1 -mt-1 hidden shrink-0 cursor-pointer items-center justify-center p-1 text-agg-muted-foreground hover:text-agg-foreground sm:flex",
           "aria-label": "Close",
           onClick: onClose,
-          children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(CloseIcon, { className: "h-5 w-5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(CloseIcon, { className: "h-5 w-5" })
         }
       ) : null
     ] }),
-    headerSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "agg-order-market-subtitle text-agg-base leading-agg-6 text-agg-foreground", children: headerSubtitle }) : null
+    headerSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "agg-order-market-subtitle text-agg-base leading-agg-6 text-agg-foreground", children: headerSubtitle }) : null
   ] });
 };
 var PlaceOrderResolvedView = ({
@@ -8250,11 +8262,9 @@ var PlaceOrderResolvedView = ({
   resolvedClaim,
   className
 }) => {
-  var _a, _b, _c, _d, _e;
   const labels = (0, import_hooks29.useLabels)();
   const tradingLabels = labels.trading;
-  const extendedTradingLabels = tradingLabels;
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
     Card,
     {
       className: cn(
@@ -8263,19 +8273,19 @@ var PlaceOrderResolvedView = ({
         classNames == null ? void 0 : classNames.root,
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: cn("agg-order-panel-body flex flex-col", classNames == null ? void 0 : classNames.body), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-col items-center gap-6 p-8", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: cn("agg-order-panel-body flex flex-col", classNames == null ? void 0 : classNames.body), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col items-center gap-6 p-8", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
             "div",
             {
               className: cn(
                 "flex h-15 w-15 items-center justify-center rounded-full",
                 "bg-agg-primary/15"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Icon, { name: "success-check", className: cn("h-6 w-6", "text-agg-primary") })
+              children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Icon, { name: "success-check", className: cn("h-6 w-6", "text-agg-primary") })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
             "div",
             {
               className: cn(
@@ -8283,31 +8293,31 @@ var PlaceOrderResolvedView = ({
                 classNames == null ? void 0 : classNames.content
               ),
               children: [
-                tradingState.market ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Typography, { variant: "body", children: tradingState.market.question }) : null,
-                tradingState.winningOutcome ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Typography, { variant: "body-large-strong", children: tradingLabels.outcome(tradingState.winningOutcome.label) }) : null
+                tradingState.market ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Typography, { variant: "body", children: tradingState.market.question }) : null,
+                tradingState.winningOutcome ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Typography, { variant: "body-large-strong", children: tradingLabels.outcome(tradingState.winningOutcome.label) }) : null
               ]
             }
           )
         ] }),
-        resolvedClaim ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex w-full flex-col gap-5 p-6", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Typography, { variant: "body-strong", className: "text-center", children: (_a = extendedTradingLabels.resolvedEarningsTitle) != null ? _a : "Your Earnings" }),
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-col gap-3 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-              resolvedClaim.resolutionDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { children: (_b = extendedTradingLabels.resolvedResolutionDateLabel) != null ? _b : "Resolution date" }),
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.resolutionDateLabel })
+        resolvedClaim ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex w-full flex-col gap-5 p-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Typography, { variant: "body-strong", className: "text-center", children: tradingLabels.resolvedEarningsTitle }),
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-3 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              resolvedClaim.resolutionDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { children: tradingLabels.resolvedResolutionDateLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.resolutionDateLabel })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { children: (_c = extendedTradingLabels.resolvedSharesLabel) != null ? _c : "Shares" }),
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.sharesLabel })
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { children: tradingLabels.resolvedSharesLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.sharesLabel })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { children: (_d = extendedTradingLabels.resolvedTotalPayoutLabel) != null ? _d : "Total payout" }),
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.totalPayoutLabel })
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { children: tradingLabels.resolvedTotalPayoutLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.totalPayoutLabel })
               ] })
             ] }),
-            resolvedClaim.onClaim ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+            resolvedClaim.onClaim ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
               Button,
               {
                 size: "large",
@@ -8315,7 +8325,7 @@ var PlaceOrderResolvedView = ({
                 onClick: resolvedClaim.onClaim,
                 isLoading: resolvedClaim.isClaiming,
                 disabled: resolvedClaim.isClaiming,
-                children: (_e = extendedTradingLabels.claimWinnings) != null ? _e : "Claim Winnings"
+                children: tradingLabels.claimWinnings
               }
             ) : null
           ] })
@@ -8328,18 +8338,18 @@ var renderRouteBreakdownRow = (row) => {
   var _a, _b;
   const venueLabel = getTradingVenueLabel(row.venue);
   const rowKey = `${row.venue}-${row.label}-${row.priceLabel}-${(_a = row.resultLabel) != null ? _a : ""}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
     "div",
     {
       className: "agg-route-breakdown-row flex items-center justify-between gap-4 text-left",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-route-breakdown-market flex min-w-0 items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(VenueLogo, { venue: row.venue, className: "size-3!", ariaLabel: venueLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "agg-route-breakdown-label truncate text-agg-sm leading-agg-5 text-agg-foreground", children: row.label })
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-route-breakdown-market flex min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(VenueLogo, { venue: row.venue, className: "size-3!", ariaLabel: venueLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "agg-route-breakdown-label truncate text-agg-sm leading-agg-5 text-agg-foreground", children: row.label })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-route-breakdown-value flex shrink-0 items-center gap-2 text-agg-sm leading-agg-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "text-agg-muted-foreground", children: row.priceLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "text-agg-foreground", children: (_b = row.resultLabel) != null ? _b : "" })
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-route-breakdown-value flex shrink-0 items-center gap-2 text-agg-sm leading-agg-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "text-agg-muted-foreground", children: row.priceLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "text-agg-foreground", children: (_b = row.resultLabel) != null ? _b : "" })
         ] })
       ]
     },
@@ -8357,7 +8367,7 @@ var renderRouteCard = ({
   var _a, _b;
   const showSplitDetails = isSelected && isExpanded && card.kind === "split" && !!((_a = card.rows) == null ? void 0 : _a.length);
   const ariaLabel = [card.label, card.hint, card.value].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
     "button",
     {
       type: "button",
@@ -8376,10 +8386,10 @@ var renderRouteCard = ({
         isSelected && !card.isUnavailable ? "border border-agg-trade-highlight-border bg-linear-to-b from-agg-trade-highlight-surface-from to-agg-trade-highlight-surface-to" : "border-transparent bg-agg-secondary-hover"
       ),
       onClick: () => onSelect(card.id),
-      children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
-            card.kind === "split" ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
+            card.kind === "split" ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
               Icon,
               {
                 name: "sparkles-filled",
@@ -8390,7 +8400,7 @@ var renderRouteCard = ({
                 ),
                 "aria-hidden": "true"
               }
-            ) : card.venue ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+            ) : card.venue ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
               VenueLogo,
               {
                 venue: card.venue,
@@ -8398,10 +8408,10 @@ var renderRouteCard = ({
                 ariaLabel: getTradingVenueLabel(card.venue)
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "agg-route-card-title truncate text-agg-sm leading-agg-5 text-agg-foreground", children: card.label }),
-                card.isUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "agg-route-card-title truncate text-agg-sm leading-agg-5 text-agg-foreground", children: card.label }),
+                card.isUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                   Icon,
                   {
                     name: "lock",
@@ -8409,7 +8419,7 @@ var renderRouteCard = ({
                     className: "shrink-0 text-agg-muted-foreground",
                     "aria-hidden": "true"
                   }
-                ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                   Icon,
                   {
                     name: showSplitDetails ? "chevron-up" : "chevron-down",
@@ -8419,10 +8429,10 @@ var renderRouteCard = ({
                   }
                 ) : null
               ] }),
-              card.hint ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: card.hint }) : null
+              card.hint ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: card.hint }) : null
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
             "p",
             {
               className: cn(
@@ -8434,9 +8444,9 @@ var renderRouteCard = ({
             }
           )
         ] }),
-        showSplitDetails ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
+        showSplitDetails ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
         ] }) : null
       ] })
     }
@@ -8459,7 +8469,7 @@ var renderSubmissionSurface = ({
     executionVenue: progressState.executionVenue,
     labels: tradingLabels
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
     Card,
     {
       className: cn(
@@ -8468,31 +8478,31 @@ var renderSubmissionSurface = ({
         classNames == null ? void 0 : classNames.root,
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: cn("agg-order-submission-body flex flex-col gap-6 p-5", classNames == null ? void 0 : classNames.body), children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: cn("agg-order-submission-body flex flex-col gap-6 p-5", classNames == null ? void 0 : classNames.body), children: [
         renderCardHeader({
           className: classNames == null ? void 0 : classNames.header,
           headerSubtitle,
           headerImage,
           headerTitle
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-submission-status flex h-12 w-full items-center justify-center gap-3 rounded-agg-full bg-agg-primary-hover px-8 text-agg-base font-agg-bold leading-agg-6 text-agg-on-primary", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(LoadingGlyph, { enableAnimations, className: "h-4 w-4 text-current" }),
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { children: actionLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-order-submission-status flex h-12 w-full items-center justify-center gap-3 rounded-agg-full bg-agg-primary-hover px-8 text-agg-base font-agg-bold leading-agg-6 text-agg-on-primary", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(LoadingGlyph, { enableAnimations, className: "h-4 w-4 text-current" }),
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { children: actionLabel })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
             "div",
             {
               className: "agg-order-submission-steps agg-order-submission-group flex flex-col gap-2",
               "data-testid": "agg-order-submission-steps",
               children: displayRows.map((step) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
                   "div",
                   {
                     className: "agg-order-submission-step flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
                     "data-status": step.status,
                     children: [
-                      step.status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                      step.status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                         Icon,
                         {
                           name: "check-circle",
@@ -8500,15 +8510,15 @@ var renderSubmissionSurface = ({
                           className: "h-3 w-3 shrink-0 text-agg-primary",
                           "aria-hidden": "true"
                         }
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                         LoadingGlyph,
                         {
                           enableAnimations,
                           className: "h-3 w-3 shrink-0 text-agg-primary"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
-                      step.venue ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
+                      step.venue ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                         VenueLogo,
                         {
                           venue: step.venue,
@@ -8529,7 +8539,7 @@ var renderSubmissionSurface = ({
     }
   );
 };
-var InitiateKycButton = ({ label: label2, onOpen }) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+var InitiateKycButton = ({ label: label2, onOpen }) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
   Button,
   {
     size: "large",
@@ -8546,35 +8556,35 @@ var KycVerifyModal = ({
   isInitiating,
   labels
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
     Modal,
     {
       open,
       onOpenChange: (next) => {
         onOpenChange(next);
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Dialog2.Title, { className: "sr-only", children: labels.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Dialog2.Description, { className: "sr-only", children: labels.description }),
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(Modal.Body, { classNames: { root: "sm:px-10 sm:py-12" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Dialog2.Title, { className: "sr-only", children: labels.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Dialog2.Description, { className: "sr-only", children: labels.description }),
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(Modal.Body, { classNames: { root: "sm:px-10 sm:py-12" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
             "button",
             {
               type: "button",
               className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
               onClick: () => onOpenChange(false),
               "aria-label": "Close",
-              children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(CloseIcon, { className: "h-6 w-6" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(CloseIcon, { className: "h-6 w-6" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-col items-center gap-8 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(UserTrustIcon, { className: "h-[60px] w-[60px]" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col items-center gap-8 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(UserTrustIcon, { className: "h-[60px] w-[60px]" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex w-full flex-col items-center gap-5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex w-full flex-col items-center gap-5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                 Button,
                 {
                   size: "large",
@@ -8585,7 +8595,7 @@ var KycVerifyModal = ({
                   children: labels.startVerification
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                 "button",
                 {
                   type: "button",
@@ -8605,27 +8615,27 @@ var KycSuccessModal = ({
   open,
   onOpenChange,
   labels
-}) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Dialog2.Title, { className: "sr-only", children: labels.title }),
-  /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Dialog2.Description, { className: "sr-only", children: labels.description }),
-  /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(Modal.Body, { classNames: { root: "px-10 py-12" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Dialog2.Title, { className: "sr-only", children: labels.title }),
+  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Dialog2.Description, { className: "sr-only", children: labels.description }),
+  /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(Modal.Body, { classNames: { root: "px-10 py-12" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
       "button",
       {
         type: "button",
         className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
         onClick: () => onOpenChange(false),
         "aria-label": "Close",
-        children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(CloseIcon, { className: "h-6 w-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(CloseIcon, { className: "h-6 w-6" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-col items-center gap-8 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col items-center gap-8 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
         Button,
         {
           variant: "secondary",
@@ -8651,6 +8661,7 @@ var PlaceOrder = ({
   onClose,
   onOutcomeChange,
   onPrimaryAction,
+  onBeforePrimaryAction,
   onTabChange,
   onSuccess,
   onError,
@@ -8672,10 +8683,10 @@ var PlaceOrder = ({
   const selectedEvent = (_a = tradingContext == null ? void 0 : tradingContext.selectedEvent) != null ? _a : null;
   const selectedMarket = (_b = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _b : null;
   const selectedOutcomeId = (_c = tradingContext == null ? void 0 : tradingContext.selectedOutcomeId) != null ? _c : null;
-  const resolvedEventTradingState = (0, import_react9.useMemo)(() => {
+  const resolvedEventTradingState = (0, import_react10.useMemo)(() => {
     return eventTradingState != null ? eventTradingState : (0, import_hooks29.resolveEventTradingState)(selectedEvent);
   }, [eventTradingState, selectedEvent]);
-  const scopedSelectedEvent = (0, import_react9.useMemo)(() => {
+  const scopedSelectedEvent = (0, import_react10.useMemo)(() => {
     var _a2;
     if (!selectedEvent) return null;
     const primaryMarketId = (_a2 = resolvedEventTradingState.primaryMarket) == null ? void 0 : _a2.id;
@@ -8685,7 +8696,7 @@ var PlaceOrder = ({
     );
     return isSelectedEventInScope ? selectedEvent : null;
   }, [(_d = resolvedEventTradingState.primaryMarket) == null ? void 0 : _d.id, selectedEvent]);
-  const scopedSelectedMarket = (0, import_react9.useMemo)(() => {
+  const scopedSelectedMarket = (0, import_react10.useMemo)(() => {
     if (!selectedMarket) return resolvedEventTradingState.primaryMarket;
     const isSelectedMarketInScope = resolvedEventTradingState.marketStates.some(
       (item) => item.market.id === selectedMarket.id
@@ -8700,10 +8711,10 @@ var PlaceOrder = ({
     (outcome) => outcome.label.trim().toLowerCase() === "yes"
   )) != null ? _f : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes[0]) != null ? _g : null;
   const scopedSelectedOutcomeId = (_h = scopedSelectedOutcome == null ? void 0 : scopedSelectedOutcome.id) != null ? _h : null;
-  const resolvedTradingState = (0, import_react9.useMemo)(() => {
+  const resolvedTradingState = (0, import_react10.useMemo)(() => {
     return (0, import_hooks29.resolveMarketTradingState)(scopedSelectedMarket);
   }, [scopedSelectedMarket]);
-  const resolvedReadOnlyMarket = (0, import_react9.useMemo)(() => {
+  const resolvedReadOnlyMarket = (0, import_react10.useMemo)(() => {
     var _a2;
     if (resolvedEventTradingState.kind !== "resolved") {
       return scopedSelectedMarket;
@@ -8714,10 +8725,10 @@ var PlaceOrder = ({
     resolvedEventTradingState.primaryMarket,
     scopedSelectedMarket
   ]);
-  const resolvedReadOnlyTradingState = (0, import_react9.useMemo)(() => {
+  const resolvedReadOnlyTradingState = (0, import_react10.useMemo)(() => {
     return (0, import_hooks29.resolveMarketTradingState)(resolvedReadOnlyMarket);
   }, [resolvedReadOnlyMarket]);
-  const orderEligibility = (0, import_react9.useMemo)(
+  const orderEligibility = (0, import_react10.useMemo)(
     () => (0, import_hooks29.resolveOrderEligibility)({
       event: scopedSelectedEvent,
       market: scopedSelectedMarket,
@@ -8735,7 +8746,7 @@ var PlaceOrder = ({
     enabled: Boolean(isAuthenticated && isPaperMode),
     mode: "paper"
   });
-  const paperTotalBalance = (0, import_react9.useMemo)(() => {
+  const paperTotalBalance = (0, import_react10.useMemo)(() => {
     var _a2, _b2;
     const cash = (_b2 = (_a2 = paperBalancesQuery.balances) == null ? void 0 : _a2.cash) != null ? _b2 : [];
     return cash.reduce((sum, token) => {
@@ -8770,36 +8781,37 @@ var PlaceOrder = ({
   const clusterBestMidpointsByOutcomeId = (_i = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _i : clusterMidpointResult.prices;
   const clusterBestMidpoint = clusterMidpointResult.bestMidpoint;
   const clusterBestPricesRest = clusterMidpointResult.bestPrices;
-  const clusterBestPrices = (0, import_react9.useMemo)(
+  const clusterBestPrices = (0, import_react10.useMemo)(
     () => (0, import_hooks29.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
     [clusterBestPricesRest, wsBestPrices]
   );
-  const outcomes = (0, import_react9.useMemo)(
+  const outcomes = (0, import_react10.useMemo)(
     () => mapVenueMarketOutcomesToPlaceOrderOutcomes(scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes),
     [scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes]
   );
-  const buyTabRef = (0, import_react9.useRef)(null);
-  const sellTabRef = (0, import_react9.useRef)(null);
-  const [internalTab, setInternalTab] = (0, import_react9.useState)("buy");
-  const [internalAmount, setInternalAmount] = (0, import_react9.useState)(PLACE_ORDER_DEFAULT_AMOUNT);
-  const [sellFilledForOutcomeId, setSellFilledForOutcomeId] = (0, import_react9.useState)(null);
-  const [internalSlippage] = (0, import_react9.useState)(DEFAULT_SLIPPAGE_VALUE);
-  const [isRoutesExpanded, setIsRoutesExpanded] = (0, import_react9.useState)(false);
-  const [selectedRouteCardId, setSelectedRouteCardId] = (0, import_react9.useState)(null);
-  const [isSplitDetailOpen, setIsSplitDetailOpen] = (0, import_react9.useState)(false);
-  const [submissionFeedback, setSubmissionFeedback] = (0, import_react9.useState)(null);
-  const [submissionProgressState, setSubmissionProgressState] = (0, import_react9.useState)(null);
-  const executionDebugStoreRef = (0, import_react9.useRef)(null);
-  const executionDebugAttemptIdRef = (0, import_react9.useRef)(null);
-  const submittedSelectionRef = (0, import_react9.useRef)(null);
-  (0, import_react9.useEffect)(() => {
+  const buyTabRef = (0, import_react10.useRef)(null);
+  const sellTabRef = (0, import_react10.useRef)(null);
+  const [internalTab, setInternalTab] = (0, import_react10.useState)("buy");
+  const [internalAmount, setInternalAmount] = (0, import_react10.useState)(PLACE_ORDER_DEFAULT_AMOUNT);
+  const [sellFilledForOutcomeId, setSellFilledForOutcomeId] = (0, import_react10.useState)(null);
+  const [internalSlippage] = (0, import_react10.useState)(DEFAULT_SLIPPAGE_VALUE);
+  const [isRoutesExpanded, setIsRoutesExpanded] = (0, import_react10.useState)(false);
+  const [selectedRouteCardId, setSelectedRouteCardId] = (0, import_react10.useState)(null);
+  const [isSplitDetailOpen, setIsSplitDetailOpen] = (0, import_react10.useState)(false);
+  const [submissionFeedback, setSubmissionFeedback] = (0, import_react10.useState)(null);
+  const [submissionProgressState, setSubmissionProgressState] = (0, import_react10.useState)(null);
+  const [isBeforeActionPending, setIsBeforeActionPending] = (0, import_react10.useState)(false);
+  const executionDebugStoreRef = (0, import_react10.useRef)(null);
+  const executionDebugAttemptIdRef = (0, import_react10.useRef)(null);
+  const submittedSelectionRef = (0, import_react10.useRef)(null);
+  (0, import_react10.useEffect)(() => {
     if (!isExecutionDebugEnabled) {
       executionDebugStoreRef.current = null;
       return;
     }
     executionDebugStoreRef.current = enableExecutionDebugInBrowser();
   }, [isExecutionDebugEnabled]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!isExecutionDebugEnabled) return;
     const store = executionDebugStoreRef.current;
     if (!store) return;
@@ -8812,7 +8824,7 @@ var PlaceOrder = ({
     scopedSelectedOutcomeId
   ]);
   const debouncedAmount = (0, import_hooks29.useDebouncedValue)(internalAmount, 300);
-  const isSell = (0, import_react9.useMemo)(() => internalTab === "sell", [internalTab]);
+  const isSell = (0, import_react10.useMemo)(() => internalTab === "sell", [internalTab]);
   const {
     positions: executionPositions,
     isLoading: isExecutionPositionsLoading,
@@ -8835,7 +8847,7 @@ var PlaceOrder = ({
     mode: isPaperMode ? "paper" : void 0,
     enabled: debouncedAmount > 0 && orderEligibility.canPlaceOrder
   });
-  const currentSellableShares = (0, import_react9.useMemo)(() => {
+  const currentSellableShares = (0, import_react10.useMemo)(() => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     const sharesFromQuote = (_b2 = (_a2 = smartRoute.data) == null ? void 0 : _a2.positionAvailability) == null ? void 0 : _b2.totalSellableShares;
     if (typeof sharesFromQuote === "number" && Number.isFinite(sharesFromQuote)) {
@@ -8872,12 +8884,12 @@ var PlaceOrder = ({
     (_k = (_j = smartRoute.data) == null ? void 0 : _j.positionAvailability) == null ? void 0 : _k.totalSellableShares
   ]);
   const isCurrentSellableSharesLoading = isSell && isAuthenticated && !(typeof ((_m = (_l = smartRoute.data) == null ? void 0 : _l.positionAvailability) == null ? void 0 : _m.totalSellableShares) === "number") && (isExecutionPositionsLoading || isExecutionPositionsFetching);
-  const displayedCurrentSellableShares = (0, import_react9.useMemo)(() => {
+  const displayedCurrentSellableShares = (0, import_react10.useMemo)(() => {
     if (!Number.isFinite(currentSellableShares) || currentSellableShares <= 0) return 0;
     return Math.floor(currentSellableShares * 100) / 100;
   }, [currentSellableShares]);
   const isAtMaxSellableShares = isSell && displayedCurrentSellableShares > 0 && Math.abs(internalAmount - displayedCurrentSellableShares) < 1e-9;
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (submissionProgressState != null) return;
     if (!isSell || isCurrentSellableSharesLoading) return;
     if (scopedSelectedOutcomeId === sellFilledForOutcomeId) return;
@@ -8893,7 +8905,7 @@ var PlaceOrder = ({
     onAmountChange,
     submissionProgressState
   ]);
-  const routeCards = (0, import_react9.useMemo)(
+  const routeCards = (0, import_react10.useMemo)(
     () => smartRoute.data ? buildLiveRouteCards({
       eventVenues: scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets.map((market) => market.venue),
       labels: tradingLabels,
@@ -8902,7 +8914,7 @@ var PlaceOrder = ({
     }) : [],
     [smartRoute.data, tradingLabels, isSell, scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets]
   );
-  const resolvedSelectedRouteCardId = (0, import_react9.useMemo)(() => {
+  const resolvedSelectedRouteCardId = (0, import_react10.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
     if (routeCards.length === 0) return null;
     if (selectedRouteCardId && routeCards.some((card) => card.id === selectedRouteCardId && !card.isUnavailable)) {
@@ -8910,7 +8922,7 @@ var PlaceOrder = ({
     }
     return (_d2 = (_c2 = (_a2 = routeCards.find((card) => !card.isUnavailable)) == null ? void 0 : _a2.id) != null ? _c2 : (_b2 = routeCards[0]) == null ? void 0 : _b2.id) != null ? _d2 : null;
   }, [routeCards, selectedRouteCardId]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (routeCards.length === 0) {
       setSelectedRouteCardId(null);
       setIsRoutesExpanded(false);
@@ -8922,22 +8934,22 @@ var PlaceOrder = ({
     }
   }, [resolvedSelectedRouteCardId, routeCards.length, selectedRouteCardId]);
   const isSubmissionLocked = submissionProgressState != null;
-  const isSubmissionLockedRef = (0, import_react9.useRef)(isSubmissionLocked);
+  const isSubmissionLockedRef = (0, import_react10.useRef)(isSubmissionLocked);
   isSubmissionLockedRef.current = isSubmissionLocked;
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (isSubmissionLockedRef.current) return;
     setSubmissionFeedback(null);
     setSubmissionProgressState(null);
   }, [internalAmount, internalSlippage, internalTab, scopedSelectedOutcomeId]);
   const orderedRouteCards = routeCards;
   const selectedRouteCard = (_o = (_n = orderedRouteCards.find((card) => card.id === resolvedSelectedRouteCardId)) != null ? _n : orderedRouteCards[0]) != null ? _o : null;
-  const isKalshiRoute = (0, import_react9.useMemo)(() => {
+  const isKalshiRoute = (0, import_react10.useMemo)(() => {
     if (selectedRouteCard) {
       return selectedRouteCard.venue === "kalshi" || selectedRouteCard.quoteData.fills.some((f) => f.venue === "kalshi");
     }
     return (scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venue) === "kalshi";
   }, [selectedRouteCard, scopedSelectedMarket]);
-  const isKalshiVerified = (0, import_react9.useMemo)(() => {
+  const isKalshiVerified = (0, import_react10.useMemo)(() => {
     var _a2;
     const kalshiAccount = (_a2 = user == null ? void 0 : user.venueAccounts) == null ? void 0 : _a2.find((va) => va.venue === "kalshi");
     return (kalshiAccount == null ? void 0 : kalshiAccount.kycStatus) === "verified";
@@ -8957,7 +8969,7 @@ var PlaceOrder = ({
     walletAddress: (_p = (0, import_hooks29.getWalletAddressFromUserProfile)(user)) != null ? _p : null,
     onError
   });
-  const handleRouteCardSelect = (0, import_react9.useCallback)(
+  const handleRouteCardSelect = (0, import_react10.useCallback)(
     (cardId) => {
       if (cardId === resolvedSelectedRouteCardId) {
         const card = routeCards.find((c) => c.id === cardId);
@@ -8979,7 +8991,7 @@ var PlaceOrder = ({
   const headerImage = (_w = (_v = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.image) != null ? _v : scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.image) != null ? _w : null;
   const headerTitle = (_y = (_x = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.title) != null ? _x : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _y : "";
   const headerSubtitle = (_z = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _z : "";
-  const buildExecutionSummary = (0, import_react9.useCallback)(
+  const buildExecutionSummary = (0, import_react10.useCallback)(
     (quoteData, executionVenue, orderId, partialFillSummary) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
       if (!quoteData) return void 0;
@@ -9055,7 +9067,7 @@ var PlaceOrder = ({
       tradingLabels
     ]
   );
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (executionProgress.phase === "order_submitted") {
       const submittedOrder = executionProgress.submittedOrders[0];
       setSubmissionProgressState((prev) => {
@@ -9068,7 +9080,7 @@ var PlaceOrder = ({
       });
     }
   }, [executionProgress.phase, executionProgress.submittedOrders]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     var _a2, _b2;
     const dp = executionProgress.dagProgress;
     if (!dp) return;
@@ -9119,7 +9131,7 @@ var PlaceOrder = ({
       return __spreadProps(__spreadValues({}, prev), { dagProgress: dp });
     });
   }, [executionProgress.dagProgress, tradingLabels]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const orderIds = submissionProgressState == null ? void 0 : submissionProgressState.orderIds;
     if (!(orderIds == null ? void 0 : orderIds.length)) return;
     const aggregateStatus = deriveAggregateOrderStatus(
@@ -9180,7 +9192,7 @@ var PlaceOrder = ({
     tradingLabels
   ]);
   const estDurationMs = (selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) && typeof selectedRouteCard.quoteData.estDurationMs === "number" ? selectedRouteCard.quoteData.estDurationMs : 6e4;
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const phase = submissionProgressState == null ? void 0 : submissionProgressState.phase;
     if (phase !== "submitting" && phase !== "executing") return;
     const timeoutMs = Math.max(6e4, 2 * estDurationMs);
@@ -9195,7 +9207,7 @@ var PlaceOrder = ({
     }, timeoutMs);
     return () => clearTimeout(id);
   }, [submissionProgressState == null ? void 0 : submissionProgressState.phase, estDurationMs]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     var _a2, _b2;
     if (!submissionProgressState) return;
     onExecutionStateChange == null ? void 0 : onExecutionStateChange(submissionProgressState);
@@ -9250,7 +9262,7 @@ var PlaceOrder = ({
   const isBelowVenueMinimumFromQuote = isQuoteBelowVenueMinimum(activeQuoteData);
   const isBelowMinimum = isBelowClientMinimum || isBelowVenueMinimumFromQuote;
   const belowMinimumMessage = isBelowClientMinimum ? tradingLabels.minimumOrderAmount(MIN_BUY_ORDER_AMOUNT) : tradingLabels.minOrderSizeViolated;
-  const quoteStatus = (0, import_react9.useMemo)(() => {
+  const quoteStatus = (0, import_react10.useMemo)(() => {
     if (!orderEligibility.canPlaceOrder) return void 0;
     return resolvePlaceOrderQuoteStatus({
       amount: internalAmount,
@@ -9265,7 +9277,7 @@ var PlaceOrder = ({
     scopedSelectedMarket,
     tradingLabels
   ]);
-  const smartRouteErrorMessage = (0, import_react9.useMemo)(() => {
+  const smartRouteErrorMessage = (0, import_react10.useMemo)(() => {
     if (!smartRoute.error) return null;
     return normalizePlaceOrderErrorMessage({
       errorMessage: smartRoute.error.message,
@@ -9274,7 +9286,7 @@ var PlaceOrder = ({
     });
   }, [smartRoute.error, tradingLabels]);
   const progressActionLabel = (internalTab === "buy" ? tradingLabels.buyingOutcome(selectedOutcomeLabel) : tradingLabels.sellingOutcome(selectedOutcomeLabel)).trim();
-  const canRetryRemaining = (0, import_react9.useMemo)(() => {
+  const canRetryRemaining = (0, import_react10.useMemo)(() => {
     const remaining = getPlaceOrderUnfilledRemaining({
       originalAmount: internalAmount,
       tradeSide: internalTab,
@@ -9284,7 +9296,7 @@ var PlaceOrder = ({
     return remaining >= minRemainder;
   }, [executionProgress.terminalOrderEvents, internalAmount, internalTab, isSell]);
   const PARTIAL_FILL_AUTO_SUCCESS_THRESHOLD = 0.95;
-  const shouldAutoSkipPartialFill = (0, import_react9.useMemo)(() => {
+  const shouldAutoSkipPartialFill = (0, import_react10.useMemo)(() => {
     if (internalAmount <= 0) return false;
     const remaining = getPlaceOrderUnfilledRemaining({
       originalAmount: internalAmount,
@@ -9295,7 +9307,7 @@ var PlaceOrder = ({
     const fillRatio = filled / internalAmount;
     return fillRatio >= PARTIAL_FILL_AUTO_SUCCESS_THRESHOLD || !canRetryRemaining;
   }, [canRetryRemaining, executionProgress.terminalOrderEvents, internalAmount, internalTab]);
-  const failureSummary = (0, import_react9.useMemo)(() => {
+  const failureSummary = (0, import_react10.useMemo)(() => {
     var _a2;
     if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return void 0;
     return buildPlaceOrderFailureSummary({
@@ -9324,7 +9336,7 @@ var PlaceOrder = ({
     submissionProgressState,
     tradingLabels
   ]);
-  const displayedToWinHint = (0, import_react9.useMemo)(() => {
+  const displayedToWinHint = (0, import_react10.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
     if (!selectedRouteCard) return "";
     if (selectedRouteCard.isUnavailable) {
@@ -9335,12 +9347,12 @@ var PlaceOrder = ({
   }, [selectedRouteCard, tradingLabels]);
   const displayedToWinValue = (_C = selectedRouteCard == null ? void 0 : selectedRouteCard.numericValue) != null ? _C : 0;
   const activeFeeBreakdown = activeQuoteData == null ? void 0 : activeQuoteData.feeBreakdown;
-  const estimatedFeesValue = (0, import_react9.useMemo)(() => {
+  const estimatedFeesValue = (0, import_react10.useMemo)(() => {
     if (!activeFeeBreakdown) return null;
     const totalFees = activeFeeBreakdown.venueFees + activeFeeBreakdown.bridgeFees + activeFeeBreakdown.executionGas;
     return formatUsd(totalFees, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
   }, [activeFeeBreakdown]);
-  const feeBreakdownRows = (0, import_react9.useMemo)(() => {
+  const feeBreakdownRows = (0, import_react10.useMemo)(() => {
     if (!activeFeeBreakdown) return [];
     return [
       {
@@ -9374,16 +9386,16 @@ var PlaceOrder = ({
       }
     ];
   }, [activeFeeBreakdown, tradingLabels]);
-  const isActionLoading = isPrimaryActionLoading || executeManaged.isPending;
+  const isActionLoading = isPrimaryActionLoading || executeManaged.isPending || isBeforeActionPending;
   const selectedRouteGeoBlocked = (_D = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _D : false;
-  const geoBlockedVenuesFromWarnings = (0, import_react9.useMemo)(
+  const geoBlockedVenuesFromWarnings = (0, import_react10.useMemo)(
     () => {
       var _a2;
       return extractGeoBlockedVenues((_a2 = smartRoute.data) == null ? void 0 : _a2.warnings);
     },
     [(_E = smartRoute.data) == null ? void 0 : _E.warnings]
   );
-  const isPrimaryVenueGeoBlocked = (0, import_react9.useMemo)(() => {
+  const isPrimaryVenueGeoBlocked = (0, import_react10.useMemo)(() => {
     var _a2, _b2;
     if (!selectedRouteCard || selectedRouteCard.isUnavailable) return false;
     const fills = (_b2 = (_a2 = selectedRouteCard.quoteData) == null ? void 0 : _a2.fills) != null ? _b2 : [];
@@ -9394,7 +9406,7 @@ var PlaceOrder = ({
   const isActionDisabled = isPrimaryActionDisabled || !orderEligibility.canPlaceOrder || isActionLoading || !hasEnteredAmount || !scopedSelectedMarket || isInsufficientBalance || isQuoteInsufficientBalance || isBelowMinimum || isQuoteLoading || !selectedRouteCard || !selectedRouteCard.quoteData.quoteId || selectedRouteGeoBlocked || !isAuthenticated || quoteStatus !== void 0;
   const shouldShowSmartRouting = orderEligibility.canPlaceOrder && hasEnteredAmount && !isBelowMinimum && (orderedRouteCards.length > 0 || smartRoute.isFetching || smartRoute.isLoading);
   const shouldShowRouteToggle = !isQuoteLoading && orderedRouteCards.length > PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT;
-  const handleReturnToOrderForm = (0, import_react9.useCallback)(() => {
+  const handleReturnToOrderForm = (0, import_react10.useCallback)(() => {
     const submittedSelection = submittedSelectionRef.current;
     submittedSelectionRef.current = null;
     setSubmissionProgressState(null);
@@ -9415,7 +9427,7 @@ var PlaceOrder = ({
     const shareUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}`;
     window.open(shareUrl, "_blank", "noopener,noreferrer");
   };
-  const handleExecuteQuote = (0, import_react9.useCallback)(
+  const handleExecuteQuote = (0, import_react10.useCallback)(
     (quoteData) => __async(null, null, function* () {
       var _a2, _b2, _c2;
       const quoteId = quoteData == null ? void 0 : quoteData.quoteId;
@@ -9513,7 +9525,7 @@ var PlaceOrder = ({
       tradingLabels.quoteUnavailable
     ]
   );
-  const handleSkipToSuccess = (0, import_react9.useCallback)(() => {
+  const handleSkipToSuccess = (0, import_react10.useCallback)(() => {
     const primaryFilledEvent = executionProgress.terminalOrderEvents.find(
       (e) => e.event === "filled" || e.event === "partial_fill"
     );
@@ -9538,7 +9550,7 @@ var PlaceOrder = ({
     failureSummary,
     selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData
   ]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return;
     if ((failureSummary == null ? void 0 : failureSummary.kind) !== "partial_fill") return;
     if (!shouldAutoSkipPartialFill) return;
@@ -9549,7 +9561,7 @@ var PlaceOrder = ({
     shouldAutoSkipPartialFill,
     submissionProgressState == null ? void 0 : submissionProgressState.phase
   ]);
-  const handleRetrySubmission = (0, import_react9.useCallback)(() => __async(null, null, function* () {
+  const handleRetrySubmission = (0, import_react10.useCallback)(() => __async(null, null, function* () {
     var _a2, _b2, _c2;
     if (!orderEligibility.canPlaceOrder || (failureSummary == null ? void 0 : failureSummary.kind) === "generic") {
       handleReturnToOrderForm();
@@ -9643,7 +9655,7 @@ var PlaceOrder = ({
   ]);
   const resolvedStatusClassName = cn(classNames == null ? void 0 : classNames.root, className);
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
       Skeleton,
       {
         ariaLabel: labels.common.loading,
@@ -9654,7 +9666,7 @@ var PlaceOrder = ({
   }
   if (submissionProgressState) {
     if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
-      return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
         PlaceOrderSuccessView,
         {
           className: resolvedStatusClassName,
@@ -9666,7 +9678,7 @@ var PlaceOrder = ({
       );
     }
     if (submissionProgressState.phase === "failed") {
-      return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
         PlaceOrderFailureView,
         {
           className: resolvedStatusClassName,
@@ -9740,7 +9752,7 @@ var PlaceOrder = ({
     });
   };
   const handlePrimaryAction = () => __async(null, null, function* () {
-    var _a2;
+    var _a2, _b2, _c2;
     if (!orderEligibility.canPlaceOrder) {
       setSubmissionFeedback({
         message: (_a2 = resolveOrderEligibilityMessage(labels, orderEligibility.reason)) != null ? _a2 : tradingLabels.orderFailed,
@@ -9750,6 +9762,26 @@ var PlaceOrder = ({
     }
     if (!selectedRouteCard) return;
     setSubmissionFeedback(null);
+    if (onBeforePrimaryAction) {
+      const beforeContext = isPaperMode ? { quoteId: (_b2 = selectedRouteCard.quoteData) == null ? void 0 : _b2.quoteId, mode: "paper" } : { quoteId: (_c2 = selectedRouteCard.quoteData) == null ? void 0 : _c2.quoteId };
+      setIsBeforeActionPending(true);
+      try {
+        const proceed = yield onBeforePrimaryAction(beforeContext);
+        if (proceed === false) return;
+      } catch (error) {
+        setSubmissionFeedback({
+          message: normalizePlaceOrderErrorMessage({
+            errorMessage: error instanceof Error ? error.message : String(error),
+            fallbackMessage: tradingLabels.orderFailed,
+            labels: tradingLabels
+          }),
+          tone: "error"
+        });
+        return;
+      } finally {
+        setIsBeforeActionPending(false);
+      }
+    }
     if (scopedSelectedMarket && scopedSelectedOutcomeId) {
       submittedSelectionRef.current = {
         marketId: scopedSelectedMarket.id,
@@ -9772,7 +9804,7 @@ var PlaceOrder = ({
     }
   });
   if (!orderEligibility.canPlaceOrder && resolvedReadOnlyTradingState.kind !== "open") {
-    return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
       PlaceOrderResolvedView,
       {
         tradingState: resolvedReadOnlyTradingState,
@@ -9782,8 +9814,8 @@ var PlaceOrder = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_react9.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_react10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
       Card,
       {
         className: cn(
@@ -9800,8 +9832,8 @@ var PlaceOrder = ({
             headerTitle,
             onClose
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
               "div",
               {
                 className: "agg-order-tabs flex items-end border-b border-agg-separator",
@@ -9812,7 +9844,7 @@ var PlaceOrder = ({
                   { value: "sell", label: tradingLabels.sell, ref: sellTabRef }
                 ].map((tabItem) => {
                   const isActive = internalTab === tabItem.value;
-                  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
                     "button",
                     {
                       ref: tabItem.ref,
@@ -9836,7 +9868,7 @@ var PlaceOrder = ({
                       onKeyDown: (event) => handleTabKeyDown(event, tabItem.value),
                       children: [
                         tabItem.label,
-                        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                           "span",
                           {
                             "aria-hidden": "true",
@@ -9858,7 +9890,7 @@ var PlaceOrder = ({
                 })
               }
             ),
-            outcomes.length >= 2 ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "agg-outcomes flex w-full max-w-full gap-2", children: outcomes.map((outcome, index) => {
+            outcomes.length >= 2 ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "agg-outcomes flex w-full max-w-full gap-2", children: outcomes.map((outcome, index) => {
               var _a2, _b2, _c2;
               const price = getDisplayOutcomePrice({
                 outcomeId: outcome.id,
@@ -9872,7 +9904,7 @@ var PlaceOrder = ({
               });
               const isActive = outcome.id === scopedSelectedOutcomeId;
               const isPositive = resolveIsPositiveOutcome(outcome, index);
-              return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
                 "button",
                 {
                   "data-id": outcome.id,
@@ -9892,7 +9924,7 @@ var PlaceOrder = ({
                   disabled: !orderEligibility.canPlaceOrder || isResolvedOutcomeCtaLocked,
                   onClick: () => handleOutcomeChange(outcome.id),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                       Typography,
                       {
                         as: "span",
@@ -9901,18 +9933,18 @@ var PlaceOrder = ({
                         children: (_c2 = outcome.title) != null ? _c2 : outcome.label
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
+                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
                   ]
                 },
                 outcome.id
               );
             }) }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-amount-meta flex flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "agg-order-amount-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground whitespace-nowrap", children: tradingLabels.amount(internalTab) }),
-                isAuthenticated ? isSell ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "agg-balance-value flex items-baseline gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isCurrentSellableSharesLoading ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(LoadingIcon, { size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "whitespace-pre", children: tradingLabels.shares(displayedCurrentSellableShares) }),
-                  displayedCurrentSellableShares > 0 ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-order-amount-meta flex flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "agg-order-amount-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground whitespace-nowrap", children: tradingLabels.amount(internalTab) }),
+                isAuthenticated ? isSell ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "agg-balance-value flex items-baseline gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isCurrentSellableSharesLoading ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(LoadingIcon, { size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "whitespace-pre", children: tradingLabels.shares(displayedCurrentSellableShares) }),
+                  displayedCurrentSellableShares > 0 ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                     "button",
                     {
                       type: "button",
@@ -9928,9 +9960,9 @@ var PlaceOrder = ({
                       children: tradingLabels.maxShares
                     }
                   ) : null
-                ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "agg-balance-value flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(totalBalance)) }) : null
+                ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "agg-balance-value flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(totalBalance)) }) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                 CurrencyInput,
                 {
                   value: internalAmount,
@@ -9950,9 +9982,9 @@ var PlaceOrder = ({
                 }
               )
             ] }),
-            showFeesBreakdown && hasEnteredAmount && !isBelowMinimum && estimatedFeesValue ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-fees-section flex items-center justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+            showFeesBreakdown && hasEnteredAmount && !isBelowMinimum && estimatedFeesValue ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-order-fees-section flex items-center justify-between gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                   Typography,
                   {
                     variant: "text-sm",
@@ -9960,7 +9992,7 @@ var PlaceOrder = ({
                     children: tradingLabels.estimatedFees
                   }
                 ),
-                feeBreakdownRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                feeBreakdownRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                   Tooltip,
                   {
                     "aria-label": tradingLabels.estimatedFeesTooltipAria,
@@ -9972,13 +10004,13 @@ var PlaceOrder = ({
                       icon: "h-3 w-3 text-agg-muted-foreground",
                       trigger: "h-3 w-3 text-agg-muted-foreground"
                     },
-                    content: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "flex w-full flex-col gap-2", children: feeBreakdownRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+                    content: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "flex w-full flex-col gap-2", children: feeBreakdownRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
                       "div",
                       {
                         className: "flex items-center justify-between gap-3 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground",
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { children: row.label }),
-                          row.kind === "badge" ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { children: row.label }),
+                          row.kind === "badge" ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                             "span",
                             {
                               className: cn(
@@ -9988,7 +10020,7 @@ var PlaceOrder = ({
                               ),
                               children: row.badgeLabel
                             }
-                          ) : /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "text-right", children: row.value })
+                          ) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "text-right", children: row.value })
                         ]
                       },
                       row.label
@@ -9996,12 +10028,12 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: estimatedFeesValue })
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: estimatedFeesValue })
             ] }) : null,
-            shouldShowSmartRouting ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-route-panel flex flex-col gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-route-panel-header flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "agg-route-panel-title text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.smartRouting }),
-                shouldShowRouteToggle && !isRoutesExpanded ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+            shouldShowSmartRouting ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-route-panel flex flex-col gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-route-panel-header flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "agg-route-panel-title text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.smartRouting }),
+                shouldShowRouteToggle && !isRoutesExpanded ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
                   "button",
                   {
                     type: "button",
@@ -10009,8 +10041,8 @@ var PlaceOrder = ({
                     "aria-label": tradingLabels.viewAllRoutes(orderedRouteCards.length),
                     onClick: () => setIsRoutesExpanded((currentValue) => !currentValue),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { children: tradingLabels.viewAllRoutes(orderedRouteCards.length) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { children: tradingLabels.viewAllRoutes(orderedRouteCards.length) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                         Icon,
                         {
                           name: "chevron-down",
@@ -10023,11 +10055,11 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: isQuoteLoading ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-route-loading flex flex-col gap-2", "aria-hidden": "true", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(PlaceOrderRouteCardSkeleton, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(PlaceOrderRouteCardSkeleton, {})
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: isQuoteLoading ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-route-loading flex flex-col gap-2", "aria-hidden": "true", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(PlaceOrderRouteCardSkeleton, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(PlaceOrderRouteCardSkeleton, {})
               ] }) : visibleRouteCards.length > 0 ? visibleRouteCards.map((card) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_react9.Fragment, { children: renderRouteCard({
+                return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_react10.Fragment, { children: renderRouteCard({
                   card,
                   enableAnimations,
                   isExpanded: card.kind === "split" ? isSplitDetailOpen : isRoutesExpanded,
@@ -10037,13 +10069,13 @@ var PlaceOrder = ({
                 }) }, card.id);
               }) : null })
             ] }) : null,
-            hasEnteredAmount && selectedRouteCard && !isQuoteLoading && !isBelowMinimum && orderEligibility.canPlaceOrder ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-summary flex items-start justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-summary-meta flex flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "agg-order-summary-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(internalTab) }),
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "agg-order-summary-hint text-agg-sm leading-agg-5 text-agg-muted-foreground", children: displayedToWinHint })
+            hasEnteredAmount && selectedRouteCard && !isQuoteLoading && !isBelowMinimum && orderEligibility.canPlaceOrder ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-order-summary flex items-start justify-between gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-order-summary-meta flex flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "agg-order-summary-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(internalTab) }),
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "agg-order-summary-hint text-agg-sm leading-agg-5 text-agg-muted-foreground", children: displayedToWinHint })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
-                import_react8.default,
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                import_react9.default,
                 {
                   value: displayedToWinValue,
                   locales: locale,
@@ -10057,7 +10089,7 @@ var PlaceOrder = ({
                 }
               )
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
               "div",
               {
                 className: cn(
@@ -10065,17 +10097,17 @@ var PlaceOrder = ({
                   classNames == null ? void 0 : classNames.footer
                 ),
                 children: [
-                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-alerts flex flex-col gap-3 empty:hidden mb-3", children: [
-                    submissionFeedback ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-order-alerts flex flex-col gap-3 empty:hidden mb-3", children: [
+                    submissionFeedback ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                       InlineAlert,
                       {
                         tone: submissionFeedback.tone,
                         message: submissionFeedback.message
                       }
                     ) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && isBelowMinimum ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(InlineAlert, { tone: "error", message: belowMinimumMessage }) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && quoteStatus ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(InlineAlert, { tone: quoteStatus.tone, message: quoteStatus.message }) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && !quoteStatus && isAuthenticated && hasEnteredAmount && smartRouteErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && isBelowMinimum ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(InlineAlert, { tone: "error", message: belowMinimumMessage }) : null,
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && quoteStatus ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(InlineAlert, { tone: quoteStatus.tone, message: quoteStatus.message }) : null,
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && !quoteStatus && isAuthenticated && hasEnteredAmount && smartRouteErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                       InlineAlert,
                       {
                         tone: "error",
@@ -10087,14 +10119,14 @@ var PlaceOrder = ({
                       }
                     ) : null
                   ] }) : null,
-                  !submissionFeedback && !shouldShowGeoBlockBanner && orderEligibility.canPlaceOrder && shouldShowInsufficientBalanceAlert ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+                  !submissionFeedback && !shouldShowGeoBlockBanner && orderEligibility.canPlaceOrder && shouldShowInsufficientBalanceAlert ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
                     "div",
                     {
                       className: "agg-order-insufficient-balance-alert flex items-center justify-center gap-2",
                       role: "status",
                       "aria-live": "polite",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                           Icon,
                           {
                             name: "warning-filled",
@@ -10103,11 +10135,11 @@ var PlaceOrder = ({
                             "aria-hidden": "true"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "text-agg-sm text-agg-foreground", children: tradingLabels.insufficientBalance })
+                        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "text-agg-sm text-agg-foreground", children: tradingLabels.insufficientBalance })
                       ]
                     }
                   ) : null,
-                  !submissionFeedback && !shouldShowGeoBlockBanner && isInsufficientBalance ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                  !submissionFeedback && !shouldShowGeoBlockBanner && isInsufficientBalance ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                     Button,
                     {
                       size: "large",
@@ -10117,7 +10149,7 @@ var PlaceOrder = ({
                       onClick: handleDepositRequiredClick,
                       children: tradingLabels.deposit
                     }
-                  ) : needsKycVerification && !submissionFeedback && !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(InitiateKycButton, { label: tradingLabels.kycRequired, onOpen: openVerifyModal }) : isQuoteLoading && !isActionLoading ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                  ) : needsKycVerification && !submissionFeedback && !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(InitiateKycButton, { label: tradingLabels.kycRequired, onOpen: openVerifyModal }) : isQuoteLoading && !isActionLoading ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                     Button,
                     {
                       size: "large",
@@ -10126,7 +10158,7 @@ var PlaceOrder = ({
                       disabled: true,
                       "aria-live": "polite",
                       "aria-label": routeLoadingMessage != null ? routeLoadingMessage : labels.common.loading,
-                      prefix: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                      prefix: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                         "span",
                         {
                           className: cn(
@@ -10138,7 +10170,7 @@ var PlaceOrder = ({
                       ),
                       children: routeLoadingMessage
                     }
-                  ) : !isAuthenticated ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                  ) : !isAuthenticated ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                     Button,
                     {
                       size: "large",
@@ -10149,7 +10181,7 @@ var PlaceOrder = ({
                       onClick: import_hooks29.requestAggAuthChooserOpen,
                       children: tradingLabels.signInToTrade
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                     Button,
                     {
                       size: "large",
@@ -10164,8 +10196,8 @@ var PlaceOrder = ({
                       children: actionLabel
                     }
                   ),
-                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-platform-fee mt-1 flex items-center justify-center gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-order-platform-fee mt-1 flex items-center justify-center gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                       Icon,
                       {
                         name: "shield-trust",
@@ -10174,10 +10206,10 @@ var PlaceOrder = ({
                         "aria-hidden": "true"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Typography, { variant: "text-xs-caps", className: "text-agg-primary", children: tradingLabels.platformFee })
+                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Typography, { variant: "text-xs-caps", className: "text-agg-primary", children: tradingLabels.platformFee })
                   ] }) : null,
-                  shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(GeoBlockBanner, { termsUrl: AGG_TERMS_OF_SERVICE_URL }) : null,
-                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "agg-order-disclaimer text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.disclaimer }) : null
+                  shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(GeoBlockBanner, { termsUrl: AGG_TERMS_OF_SERVICE_URL }) : null,
+                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "agg-order-disclaimer text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.disclaimer }) : null
                 ]
               }
             )
@@ -10185,7 +10217,7 @@ var PlaceOrder = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
       KycVerifyModal,
       {
         open: isKycVerifyModalOpen,
@@ -10202,7 +10234,7 @@ var PlaceOrder = ({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
       KycSuccessModal,
       {
         open: showKycSuccessModal,
@@ -10222,6 +10254,312 @@ PlaceOrder.displayName = "PlaceOrder";
 
 // src/trading/trading-context/index.tsx
 var import_hooks30 = require("@agg-build/hooks");
+
+// src/trading/use-claim-winnings.ts
+var import_hooks31 = require("@agg-build/hooks");
+var import_react11 = require("react");
+var toClaimError = (err) => {
+  if (err instanceof Error) return err;
+  return new Error(String(err));
+};
+function useClaimWinnings(options = {}) {
+  const { onClaim, onClaimResult, onClaimSubmitError, externalClaimingKeys } = options;
+  const labels = (0, import_hooks31.useLabels)();
+  const claimNotificationLabels = labels.notifications.claim;
+  const toastCtx = useOptionalToast();
+  const queryClient = (0, import_hooks31.useQueryClient)();
+  const redeemMutation = (0, import_hooks31.useRedeem)();
+  const [activeRedeems, setActiveRedeems] = (0, import_react11.useState)({});
+  const activeClaimKeysRef = (0, import_react11.useRef)(/* @__PURE__ */ new Set());
+  const pendingClaimToastIdsRef = (0, import_react11.useRef)({});
+  const submittedClaimToastKeysRef = (0, import_react11.useRef)(/* @__PURE__ */ new Set());
+  const [submittingClaimKeys, setSubmittingClaimKeys] = (0, import_react11.useState)({});
+  const lifecycleInputs = (0, import_react11.useMemo)(
+    () => Object.values(activeRedeems),
+    [activeRedeems]
+  );
+  const lifecycleStates = (0, import_hooks31.useRedeemLifecycles)(lifecycleInputs);
+  const internalClaimingIds = (0, import_react11.useMemo)(() => {
+    const out = __spreadValues({}, submittingClaimKeys);
+    for (const [claimKey, active] of Object.entries(activeRedeems)) {
+      const state = lifecycleStates[active.redeemId];
+      if (!state || !state.terminal) out[claimKey] = true;
+    }
+    return out;
+  }, [activeRedeems, lifecycleStates, submittingClaimKeys]);
+  const claimingKeys = externalClaimingKeys != null ? externalClaimingKeys : internalClaimingIds;
+  const isClaiming = (0, import_react11.useCallback)(
+    (claimKey) => Boolean(externalClaimingKeys == null ? void 0 : externalClaimingKeys[claimKey]) || Boolean(internalClaimingIds[claimKey]),
+    [externalClaimingKeys, internalClaimingIds]
+  );
+  const invalidateClaimUiState = (0, import_react11.useCallback)(() => {
+    (0, import_hooks31.invalidateBalanceQueries)(queryClient);
+    (0, import_hooks31.invalidatePositionQueries)(queryClient);
+    queryClient.invalidateQueries({
+      queryKey: import_hooks31.executionKeys.claimablePositionsCount(),
+      refetchType: "active"
+    });
+    (0, import_hooks31.invalidateUserActivityQueries)(queryClient);
+  }, [queryClient]);
+  const claim = (0, import_react11.useCallback)(
+    (_0) => __async(null, [_0], function* ({ claimKey, winningOutcomeIds, payload }) {
+      if (activeClaimKeysRef.current.has(claimKey) || Boolean(externalClaimingKeys == null ? void 0 : externalClaimingKeys[claimKey]) || internalClaimingIds[claimKey]) {
+        return;
+      }
+      activeClaimKeysRef.current.add(claimKey);
+      setSubmittingClaimKeys((prev) => __spreadProps(__spreadValues({}, prev), { [claimKey]: true }));
+      const pendingToastId = toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.pendingMessage, {
+        title: claimNotificationLabels.pendingTitle,
+        tone: "info"
+      });
+      if (pendingToastId != null) {
+        pendingClaimToastIdsRef.current[claimKey] = pendingToastId;
+      }
+      if (onClaim) {
+        try {
+          yield onClaim(payload);
+          const pendingId = pendingClaimToastIdsRef.current[claimKey];
+          if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
+          delete pendingClaimToastIdsRef.current[claimKey];
+          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.successMessage, {
+            title: claimNotificationLabels.successTitle,
+            tone: "success"
+          });
+        } catch (err) {
+          const error = toClaimError(err);
+          console.error("[useClaimWinnings] redeem failed", error);
+          const pendingId = pendingClaimToastIdsRef.current[claimKey];
+          if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
+          delete pendingClaimToastIdsRef.current[claimKey];
+          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage(error.message), {
+            title: claimNotificationLabels.failedTitle,
+            tone: "error"
+          });
+          onClaimSubmitError == null ? void 0 : onClaimSubmitError(claimKey, error);
+          throw error;
+        } finally {
+          invalidateClaimUiState();
+          activeClaimKeysRef.current.delete(claimKey);
+          setSubmittingClaimKeys((prev) => {
+            const _a = prev, { [claimKey]: _removed } = _a, rest = __objRest(_a, [__restKey(claimKey)]);
+            return rest;
+          });
+        }
+        return;
+      }
+      if (winningOutcomeIds.length === 0) {
+        const error = new Error(claimNotificationLabels.missingOutcomeMessage);
+        console.error("[useClaimWinnings] redeem failed", error);
+        const pendingId = pendingClaimToastIdsRef.current[claimKey];
+        if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
+        delete pendingClaimToastIdsRef.current[claimKey];
+        toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage(error.message), {
+          title: claimNotificationLabels.failedTitle,
+          tone: "error"
+        });
+        onClaimSubmitError == null ? void 0 : onClaimSubmitError(claimKey, error);
+        invalidateClaimUiState();
+        activeClaimKeysRef.current.delete(claimKey);
+        setSubmittingClaimKeys((prev) => {
+          const _a = prev, { [claimKey]: _removed } = _a, rest = __objRest(_a, [__restKey(claimKey)]);
+          return rest;
+        });
+        throw error;
+      }
+      try {
+        const response = yield redeemMutation.mutateAsync({
+          venueMarketOutcomeIds: winningOutcomeIds
+        });
+        const expectedOutcomeIds = [];
+        const preFailedOutcomeIds = [];
+        const preFailedReasons = {};
+        const preConfirmedOutcomeIds = [];
+        const preConfirmedTxHashes = {};
+        for (const result of response.results) {
+          if (result.status === "submitted") {
+            expectedOutcomeIds.push(result.venueMarketOutcomeId);
+          } else if (result.status === "confirmed") {
+            preConfirmedOutcomeIds.push(result.venueMarketOutcomeId);
+            preConfirmedTxHashes[result.venueMarketOutcomeId] = result.txHash;
+          } else if (result.status === "ineligible" || result.status === "rejected") {
+            preFailedOutcomeIds.push(result.venueMarketOutcomeId);
+            preFailedReasons[result.venueMarketOutcomeId] = result.reason;
+          }
+        }
+        if (expectedOutcomeIds.length > 0) {
+          const pendingId = pendingClaimToastIdsRef.current[claimKey];
+          if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
+          delete pendingClaimToastIdsRef.current[claimKey];
+          submittedClaimToastKeysRef.current.add(claimKey);
+          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.submittedMessage, {
+            title: claimNotificationLabels.submittedTitle,
+            tone: "success"
+          });
+        }
+        setActiveRedeems((prev) => __spreadProps(__spreadValues({}, prev), {
+          [claimKey]: {
+            redeemId: response.redeemId,
+            expectedOutcomeIds,
+            preFailedOutcomeIds,
+            preFailedReasons,
+            preConfirmedOutcomeIds,
+            preConfirmedTxHashes
+          }
+        }));
+        yield queryClient.invalidateQueries({ queryKey: ["current-user"] });
+      } catch (err) {
+        const error = toClaimError(err);
+        console.error("[useClaimWinnings] redeem failed", error);
+        const pendingId = pendingClaimToastIdsRef.current[claimKey];
+        if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
+        delete pendingClaimToastIdsRef.current[claimKey];
+        toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage(error.message), {
+          title: claimNotificationLabels.failedTitle,
+          tone: "error"
+        });
+        onClaimSubmitError == null ? void 0 : onClaimSubmitError(claimKey, error);
+        throw error;
+      } finally {
+        activeClaimKeysRef.current.delete(claimKey);
+        setSubmittingClaimKeys((prev) => {
+          const _a = prev, { [claimKey]: _removed } = _a, rest = __objRest(_a, [__restKey(claimKey)]);
+          return rest;
+        });
+      }
+    }),
+    [
+      claimNotificationLabels,
+      externalClaimingKeys,
+      internalClaimingIds,
+      invalidateClaimUiState,
+      onClaim,
+      onClaimSubmitError,
+      queryClient,
+      redeemMutation,
+      toastCtx
+    ]
+  );
+  const firedTerminalRef = (0, import_react11.useRef)({});
+  (0, import_react11.useEffect)(() => {
+    var _a, _b;
+    for (const [claimKey, active] of Object.entries(activeRedeems)) {
+      const state = lifecycleStates[active.redeemId];
+      if (!state || !state.terminal) continue;
+      if (firedTerminalRef.current[active.redeemId]) continue;
+      firedTerminalRef.current[active.redeemId] = true;
+      onClaimResult == null ? void 0 : onClaimResult(claimKey, {
+        allConfirmed: state.allConfirmed,
+        anyFailed: state.anyFailed,
+        errorMessage: state.errorMessage
+      });
+      const pendingId = pendingClaimToastIdsRef.current[claimKey];
+      if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
+      delete pendingClaimToastIdsRef.current[claimKey];
+      if (state.allConfirmed) {
+        if (!submittedClaimToastKeysRef.current.has(claimKey)) {
+          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.successMessage, {
+            title: claimNotificationLabels.successTitle,
+            tone: "success"
+          });
+        }
+      } else if (state.anyFailed) {
+        const hasConfirmedLeg = Object.values(state.legs).some((leg) => leg.status === "confirmed");
+        if (hasConfirmedLeg) {
+          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.partialMessage((_a = state.errorMessage) != null ? _a : void 0), {
+            title: claimNotificationLabels.partialTitle,
+            tone: "warning"
+          });
+        } else {
+          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage((_b = state.errorMessage) != null ? _b : void 0), {
+            title: claimNotificationLabels.failedTitle,
+            tone: "error"
+          });
+        }
+      }
+      submittedClaimToastKeysRef.current.delete(claimKey);
+      invalidateClaimUiState();
+      delete firedTerminalRef.current[active.redeemId];
+      setActiveRedeems((prev) => {
+        const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
+        return rest;
+      });
+    }
+  }, [
+    activeRedeems,
+    claimNotificationLabels,
+    invalidateClaimUiState,
+    lifecycleStates,
+    onClaimResult,
+    toastCtx
+  ]);
+  return { claim, claimingKeys, isClaiming };
+}
+
+// src/trading/use-resolved-market-claim.ts
+var import_hooks32 = require("@agg-build/hooks");
+var import_react12 = require("react");
+var sharesFormatter = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
+var dateFormatter = new Intl.DateTimeFormat("en-US", {
+  month: "short",
+  day: "numeric",
+  year: "numeric"
+});
+var formatResolutionDate = (value) => {
+  if (!value) return "";
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return "";
+  return dateFormatter.format(date);
+};
+function useResolvedMarketClaim(options = {}) {
+  var _a;
+  const { market, enabled = true, executionMode } = options;
+  const { isAuthenticated } = (0, import_hooks32.useAggAuthState)();
+  const tradingState = (0, import_react12.useMemo)(() => (0, import_hooks32.resolveMarketTradingState)(market), [market]);
+  const isResolved = tradingState.kind === "resolved";
+  const marketId = (_a = market == null ? void 0 : market.id) != null ? _a : null;
+  const shouldFetch = Boolean(enabled && isAuthenticated && isResolved && marketId);
+  const { positions } = (0, import_hooks32.useExecutionPositions)(__spreadValues({
+    enabled: shouldFetch,
+    status: "active",
+    limit: 50
+  }, executionMode === "paper" ? { mode: "paper" } : {}));
+  const claimWinnings = useClaimWinnings();
+  return (0, import_react12.useMemo)(() => {
+    var _a2, _b, _c;
+    if (!shouldFetch || !marketId) return void 0;
+    const group = positions.find(
+      (candidate) => candidate.targetMarketId === marketId
+    );
+    if (!group || group.venueMarket.status !== "resolved") return void 0;
+    const winningOutcomes = group.venueMarket.venueMarketOutcomes.filter(
+      (outcome) => outcome.winner === true && outcome.totalSize > 0
+    );
+    if (winningOutcomes.length === 0) return void 0;
+    const totals = (0, import_hooks32.computeClosedPositionTotals)(group);
+    const winningShares = winningOutcomes.reduce((sum, outcome) => sum + outcome.totalSize, 0);
+    const winningOutcomeLabel = ((_b = (_a2 = winningOutcomes[0]) == null ? void 0 : _a2.title) == null ? void 0 : _b.trim()) || ((_c = winningOutcomes[0]) == null ? void 0 : _c.label) || "";
+    const claimKey = group.targetMarketId;
+    const canClaim = group.redeemStatus === "eligible" && totals.winningOutcomeIds.length > 0;
+    return {
+      resolutionDateLabel: formatResolutionDate(group.resolutionDate),
+      winningOutcomeLabel,
+      sharesLabel: `${sharesFormatter.format(winningShares)} ${winningOutcomeLabel}`.trim(),
+      // Payout is always shown with 2 decimals (e.g. "$8.50"), matching the
+      // resolved-earnings design and the profile positions list.
+      totalPayoutLabel: formatUsd(totals.amountWon, {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+      }),
+      isClaiming: claimWinnings.isClaiming(claimKey),
+      onClaim: canClaim ? () => {
+        void claimWinnings.claim({
+          claimKey,
+          winningOutcomeIds: totals.winningOutcomeIds
+        });
+      } : void 0
+    };
+  }, [claimWinnings, marketId, positions, shouldFetch]);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PlaceOrder,
@@ -10242,5 +10580,7 @@ var import_hooks30 = require("@agg-build/hooks");
   getTradingVenueLabel,
   parseAmount,
   parseVenue,
-  useEventTradingContext
+  useClaimWinnings,
+  useEventTradingContext,
+  useResolvedMarketClaim
 });