@agg-build/ui 2.1.2 → 2.1.4

package/dist/trading.js

@@ -101,7 +101,7 @@ __export(trading_exports, {
   parseAmount: () => parseAmount,
   parseVenue: () => parseVenue,
   useClaimWinnings: () => useClaimWinnings,
-  useEventTradingContext: () => import_hooks30.useEventTradingContext,
+  useEventTradingContext: () => import_hooks31.useEventTradingContext,
   useResolvedMarketClaim: () => useResolvedMarketClaim
 });
 module.exports = __toCommonJS(trading_exports);
@@ -930,7 +930,6 @@ var normalizeSettlementForCompare = (input) => {
 };
 var dedupeSettlementSources = (sources) => {
   const order = ["eventDescription", "marketDescription", "primaryRules"];
-  const seen = /* @__PURE__ */ new Set();
   const result = [];
   for (const key of order) {
     const value = sources[key];
@@ -939,11 +938,13 @@ var dedupeSettlementSources = (sources) => {
     if (!trimmed) continue;
     const fingerprint = normalizeSettlementForCompare(trimmed);
     if (!fingerprint) continue;
-    if (seen.has(fingerprint)) continue;
-    seen.add(fingerprint);
-    result.push({ key, content: trimmed });
+    if (result.some((block) => block.fingerprint.includes(fingerprint))) continue;
+    for (let i = result.length - 1; i >= 0; i -= 1) {
+      if (fingerprint.includes(result[i].fingerprint)) result.splice(i, 1);
+    }
+    result.push({ key, content: trimmed, fingerprint });
   }
-  return result;
+  return result.map(({ key, content }) => ({ key, content }));
 };
 
 // src/trading/settlement/settlement-text-renderer.tsx
@@ -1207,10 +1208,10 @@ var SettlementDetails = ({ className }) => {
 SettlementDetails.displayName = "SettlementDetails";
 
 // src/trading/place-order/index.tsx
-var import_hooks29 = require("@agg-build/hooks");
-var import_react9 = __toESM(require("@number-flow/react"));
+var import_hooks30 = require("@agg-build/hooks");
+var import_react10 = __toESM(require("@number-flow/react"));
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
-var import_react10 = require("react");
+var import_react11 = require("react");
 
 // src/events/market-details/market-details.utils.ts
 var import_sdk12 = require("@agg-build/sdk");
@@ -5237,6 +5238,22 @@ var VenueLogo = ({
 };
 VenueLogo.displayName = "VenueLogo";
 
+// src/events/shared/format-sports-event-time.ts
+var import_dayjs4 = __toESM(require("dayjs"));
+var import_timezone = __toESM(require("dayjs/plugin/timezone"));
+var import_utc = __toESM(require("dayjs/plugin/utc"));
+import_dayjs4.default.extend(import_utc.default);
+import_dayjs4.default.extend(import_timezone.default);
+var SPORTS_EVENT_TIMEZONE = "America/New_York";
+var SPORTS_EVENT_TIME_FORMAT = "MMM D, h:mm A";
+var formatSportsEventTimeEt = (value) => {
+  const resolvedValue = value.trim();
+  if (!resolvedValue) return null;
+  const parsedValue = import_dayjs4.default.utc(resolvedValue);
+  if (!parsedValue.isValid()) return null;
+  return `${parsedValue.tz(SPORTS_EVENT_TIMEZONE).format(SPORTS_EVENT_TIME_FORMAT)} ET`;
+};
+
 // src/primitives/inline-alert/inline-alert.constants.ts
 var INLINE_ALERT_DEFAULT_TONE = "error";
 var INLINE_ALERT_TONE_ICON_NAME = {
@@ -5970,6 +5987,98 @@ var Tooltip = ({
 };
 Tooltip.displayName = "Tooltip";
 
+// src/notifications/agg-notification-events-provider.tsx
+var import_hooks28 = require("@agg-build/hooks");
+var import_react7 = require("react");
+var import_jsx_runtime120 = require("react/jsx-runtime");
+var firedOrderNotificationKeys = /* @__PURE__ */ new Set();
+var MICRO_UNITS_SCALE = 1e6;
+var formatScaledMicroAmount = (value) => {
+  if (!value) return void 0;
+  if (value.includes(".")) {
+    const parsed = Number(value);
+    if (!Number.isFinite(parsed)) return void 0;
+    return parsed.toLocaleString("en-US", { maximumFractionDigits: 2 });
+  }
+  try {
+    const raw = BigInt(value);
+    const whole = raw / BigInt(MICRO_UNITS_SCALE);
+    const remainder = raw % BigInt(MICRO_UNITS_SCALE);
+    const parsed = Number(whole) + Number(remainder) / MICRO_UNITS_SCALE;
+    return parsed.toLocaleString("en-US", { maximumFractionDigits: 2 });
+  } catch (e) {
+    const parsed = Number(value);
+    if (!Number.isFinite(parsed)) return void 0;
+    return (parsed / MICRO_UNITS_SCALE).toLocaleString("en-US", { maximumFractionDigits: 2 });
+  }
+};
+var formatPriceCents = (value) => {
+  if (!value) return void 0;
+  const parsed = Number(value);
+  if (!Number.isFinite(parsed)) return void 0;
+  const cents = parsed * 100;
+  const display2 = cents.toLocaleString("en-US", {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 1
+  });
+  return `${display2}\xA2`;
+};
+var formatSharesLabel = (raw) => {
+  const formatted = formatScaledMicroAmount(raw);
+  if (!formatted) return void 0;
+  return `${formatted} shares`;
+};
+var capitalize = (value) => {
+  if (!value) return void 0;
+  return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase();
+};
+var venueLabelFor = (venueKey, labels) => {
+  var _a;
+  if (!venueKey) return void 0;
+  const normalized = venueKey.toLowerCase();
+  const lookup = labels.venues;
+  return (_a = lookup[normalized]) != null ? _a : capitalize(venueKey);
+};
+function handleOrderEvent({ event, labels, fireOnce }) {
+  var _a, _b;
+  const venueLabel = venueLabelFor(event.venue, labels);
+  const amountLabel = formatSharesLabel((_a = event.actualSharesRaw) != null ? _a : event.filledAmountRaw);
+  const priceLabel = formatPriceCents((_b = event.executionPriceRaw) != null ? _b : event.quotedPriceRaw);
+  const fireOrderOnce = (key, tone, title2, message, detail) => {
+    if (firedOrderNotificationKeys.has(key)) return;
+    firedOrderNotificationKeys.add(key);
+    fireOnce(key, tone, title2, message, detail);
+  };
+  if (event.event === "filled") {
+    fireOrderOnce(
+      `order:${event.orderId}:filled`,
+      "success",
+      labels.notifications.order.filledTitle,
+      labels.notifications.order.filledMessage({ venueLabel, amountLabel, priceLabel })
+    );
+    return;
+  }
+  if (event.event === "partial_fill") {
+    fireOrderOnce(
+      `order:${event.orderId}:partial_fill`,
+      "warning",
+      labels.notifications.order.partialFilledTitle,
+      labels.notifications.order.partialFilledMessage({ venueLabel, amountLabel, priceLabel })
+    );
+    return;
+  }
+  if (event.event === "failed") {
+    fireOrderOnce(
+      `order:${event.orderId}:failed`,
+      "error",
+      labels.notifications.order.failedTitle,
+      labels.notifications.order.failedMessage(event.errorReason),
+      venueLabel
+    );
+  }
+}
+var CLIENT_DEPOSIT_ACTIVITY_SUPPRESSION_MS = 2 * 60 * 1e3;
+
 // src/shared/deposit-modal-events.ts
 var DEPOSIT_MODAL_OPEN_EVENT = "agg-deposit:open-modal";
 var requestAggDepositModalOpen = () => {
@@ -5978,8 +6087,8 @@ var requestAggDepositModalOpen = () => {
 };
 
 // src/trading/use-kalshi-kyc-flow.ts
-var import_hooks28 = require("@agg-build/hooks");
-var import_react7 = require("react");
+var import_hooks29 = require("@agg-build/hooks");
+var import_react8 = require("react");
 var KYC_PENDING_STORAGE_KEY = "agg_kyc_pending";
 var getKycPendingState = () => {
   var _a, _b;
@@ -6009,14 +6118,14 @@ var useKalshiKycFlow = ({
   walletAddress,
   onError
 }) => {
-  const client = (0, import_hooks28.useAggClient)();
-  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_react7.useMemo)(
+  const client = (0, import_hooks29.useAggClient)();
+  const [isVerifyModalOpen, setIsVerifyModalOpen] = (0, import_react8.useState)(false);
+  const [showSuccessModal, setShowSuccessModal] = (0, import_react8.useState)(false);
+  const [isInitiating, setIsInitiating] = (0, import_react8.useState)(false);
+  const [needsDepositAddress, setNeedsDepositAddress] = (0, import_react8.useState)(false);
+  const initiationAttemptRef = (0, import_react8.useRef)(0);
+  const { isReady, isTimedOut } = (0, import_hooks29.useDepositAddresses)({ enabled: needsDepositAddress, poll: true });
+  const pendingState = (0, import_react8.useMemo)(
     () => ({
       venue: "kalshi",
       userId: userId != null ? userId : null,
@@ -6024,28 +6133,28 @@ var useKalshiKycFlow = ({
     }),
     [userId, walletAddress]
   );
-  const resetInitiation = (0, import_react7.useCallback)(() => {
+  const resetInitiation = (0, import_react8.useCallback)(() => {
     setIsInitiating(false);
     setNeedsDepositAddress(false);
   }, []);
-  const closeVerifyModal = (0, import_react7.useCallback)(() => {
+  const closeVerifyModal = (0, import_react8.useCallback)(() => {
     initiationAttemptRef.current += 1;
     clearKycPendingState();
     resetInitiation();
     setIsVerifyModalOpen(false);
   }, [resetInitiation]);
-  const closeSuccessModal = (0, import_react7.useCallback)(() => {
+  const closeSuccessModal = (0, import_react8.useCallback)(() => {
     setShowSuccessModal(false);
   }, []);
-  const openVerifyModal = (0, import_react7.useCallback)(() => {
+  const openVerifyModal = (0, import_react8.useCallback)(() => {
     setIsVerifyModalOpen(true);
   }, []);
-  const startVerification = (0, import_react7.useCallback)(() => {
+  const startVerification = (0, import_react8.useCallback)(() => {
     initiationAttemptRef.current += 1;
     setIsInitiating(true);
     setNeedsDepositAddress(true);
   }, []);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!isInitiating || !isReady) return;
     const attemptId = initiationAttemptRef.current;
     const redirectUri = window.location.href;
@@ -6062,14 +6171,14 @@ var useKalshiKycFlow = ({
       resetInitiation();
     });
   }, [client, isInitiating, isReady, onError, pendingState, resetInitiation]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (isTimedOut && isInitiating) {
       clearKycPendingState();
       resetInitiation();
       onError == null ? void 0 : onError(new Error("Deposit address provisioning timed out"));
     }
   }, [isInitiating, isTimedOut, onError, resetInitiation]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const storedPendingState = getKycPendingState();
     const isMatchingSession = (storedPendingState == null ? void 0 : storedPendingState.venue) === "kalshi" && storedPendingState.userId === pendingState.userId && storedPendingState.walletAddress === pendingState.walletAddress;
     if (isKalshiVerified && isMatchingSession) {
@@ -7659,7 +7768,7 @@ var isPercentageBelowMinimum = (value, minimumValue) => {
 };
 
 // src/trading/place-order/index.place-order.failure.tsx
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 var resolveFailureActionHandler = ({
   action,
   onDone,
@@ -7672,12 +7781,12 @@ var resolveFailureActionHandler = ({
 };
 var renderPartialFailureStep = (step) => {
   const isWarningStep = step.tone === "warning" || step.tone === "error";
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+  return /* @__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: isWarningStep ? "warning-filled" : "check-circle",
@@ -7686,8 +7795,8 @@ var renderPartialFailureStep = (step) => {
             "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)(VenueLogo, { venue: step.venue, size: "small", className: "h-4 w-4 shrink-0" }) : null
+        /* @__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, size: "small", className: "h-4 w-4 shrink-0" }) : null
       ]
     },
     step.id
@@ -7706,10 +7815,10 @@ var PlaceOrderFailureView = ({
   const shouldShowPartialFailureLayout = summary.kind === "partial_fill";
   const failureStepGroups = shouldShowPartialFailureLayout ? groupPlaceOrderFailureSteps(summary.steps) : [];
   if (shouldShowPartialFailureLayout) {
-    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)(
+    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-failure-body flex flex-col gap-6 p-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
             RemoteImage,
             {
               src: (_a = summary.eventImage) != null ? _a : null,
@@ -7717,12 +7826,12 @@ var PlaceOrderFailureView = ({
               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.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
+        summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
       ] }),
-      /* @__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)(
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "flex flex-col gap-4", children: failureStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => renderPartialFailureStep(step)) }, `failure-group-${groupIndex}`)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "flex items-center gap-4", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
         Button,
         {
           variant: "tertiary",
@@ -7736,10 +7845,10 @@ var PlaceOrderFailureView = ({
       )) })
     ] }) });
   }
-  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)(
+  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-failure-body flex flex-col gap-6 p-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
           RemoteImage,
           {
             src: (_b = summary.eventImage) != null ? _b : null,
@@ -7747,11 +7856,11 @@ var PlaceOrderFailureView = ({
             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.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
+      summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
       InlineAlert,
       {
         tone: "error",
@@ -7760,7 +7869,7 @@ var PlaceOrderFailureView = ({
         message: tradingLabels.orderFailureDescription((_c = summary.errorMessage) != null ? _c : "")
       }
     ),
-    /* @__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)(
+    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "agg-order-failure-actions flex items-center gap-3", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
       Button,
       {
         variant: action.variant === "retry" ? "primary" : "secondary",
@@ -7777,8 +7886,8 @@ var PlaceOrderFailureView = ({
 PlaceOrderFailureView.displayName = "PlaceOrderFailureView";
 
 // src/trading/place-order/index.place-order.success.tsx
-var import_react8 = require("react");
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_react9 = require("react");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 var resolveBuyToWinLabel = (shares) => {
   if (!shares) return "$0";
   return shares.startsWith("$") ? shares : `$${shares}`;
@@ -7791,7 +7900,7 @@ var PlaceOrderSuccessView = ({
   onShare: _onShare
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const [isExecutionDetailsExpanded, setIsExecutionDetailsExpanded] = (0, import_react8.useState)(true);
+  const [isExecutionDetailsExpanded, setIsExecutionDetailsExpanded] = (0, import_react9.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;
@@ -7809,10 +7918,10 @@ var PlaceOrderSuccessView = ({
   const resolveStepIconClassName = (tone) => {
     return tone === "warning" || tone === "error" ? "text-agg-warning" : "text-agg-primary";
   };
-  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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-order-success-body flex flex-col gap-6 p-5", children: [
+    summary.eventTitle ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-order-success-header flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-order-success-market flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
           RemoteImage,
           {
             src: (_h = summary.eventImage) != null ? _h : null,
@@ -7820,12 +7929,12 @@ var PlaceOrderSuccessView = ({
             className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
           }
         ),
-        /* @__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 })
+        /* @__PURE__ */ (0, import_jsx_runtime122.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_runtime121.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventDateLabel }) : null
+      summary.eventDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventDateLabel }) : null
     ] }) : null,
-    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)(
+    executionStepGroups.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-order-success-timeline flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
         "div",
         {
           "aria-hidden": !isExecutionDetailsExpanded,
@@ -7838,12 +7947,12 @@ var PlaceOrderSuccessView = ({
               "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.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)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "flex flex-col gap-4 pb-2", children: detailedStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
             "div",
             {
               className: "flex items-center 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: resolveStepIconName(step.tone),
@@ -7852,8 +7961,8 @@ var PlaceOrderSuccessView = ({
                     "aria-hidden": "true"
                   }
                 ),
-                /* @__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,
@@ -7867,7 +7976,7 @@ var PlaceOrderSuccessView = ({
           )) }, `execution-group-${groupIndex}`)) }) })
         }
       ),
-      finalStep ? hasExecutionDetails ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+      finalStep ? hasExecutionDetails ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
         "button",
         {
           type: "button",
@@ -7879,7 +7988,7 @@ var PlaceOrderSuccessView = ({
           ),
           onClick: () => setIsExecutionDetailsExpanded((currentValue) => !currentValue),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
               Icon,
               {
                 name: resolveStepIconName(finalStep.tone),
@@ -7888,8 +7997,8 @@ var PlaceOrderSuccessView = ({
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
               Icon,
               {
                 name: isExecutionDetailsExpanded ? "chevron-up" : "chevron-down",
@@ -7900,8 +8009,8 @@ var PlaceOrderSuccessView = ({
             )
           ]
         }
-      ) : /* @__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)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
           Icon,
           {
             name: resolveStepIconName(finalStep.tone),
@@ -7910,34 +8019,34 @@ var PlaceOrderSuccessView = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label })
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label })
       ] }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime122.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_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_runtime122.jsx)(Icon, { name: "success-check", size: "small", className: "h-4 w-4 shrink-0 text-current" }),
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { children: resolvedActionLabel })
         ]
       }
     ),
-    /* @__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_runtime122.jsxs)("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.amount(resolvedTradeSide) }),
+      /* @__PURE__ */ (0, import_jsx_runtime122.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.toWin(resolvedTradeSide) }),
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: resolvedToWinLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(resolvedTradeSide) }),
+      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: resolvedToWinLabel })
     ] }),
-    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" })
+    summary.potentialReturnLabel ? /* @__PURE__ */ (0, import_jsx_runtime122.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_runtime122.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_runtime122.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_runtime121.jsx)("div", { className: "agg-order-success-actions flex gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "agg-order-success-actions flex gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
       Button,
       {
         variant: "secondary",
@@ -7953,7 +8062,23 @@ var PlaceOrderSuccessView = ({
 PlaceOrderSuccessView.displayName = "PlaceOrderSuccessView";
 
 // src/trading/place-order/index.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
+var SELL_SHARE_INPUT_DECIMALS = 6;
+var SELL_SHARE_DISPLAY_DECIMALS = 2;
+var floorToDecimals = (value, decimals) => {
+  if (!Number.isFinite(value) || value <= 0) return 0;
+  const scale = __pow(10, decimals);
+  return Math.trunc(value * scale) / scale;
+};
+var formatFlooredShareAmount = (value, decimals) => {
+  const flooredValue = floorToDecimals(value, decimals);
+  if (flooredValue <= 0) return "0";
+  const formattedValue = flooredValue.toLocaleString("en-US", {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: decimals
+  });
+  return formattedValue.replace(/(\.\d*?[1-9])0+$/u, "$1").replace(/\.0+$/u, "");
+};
 var resolveRefetchedQuoteData = (result) => {
   if (!result || typeof result !== "object" || !("data" in result)) return null;
   const data = result.data;
@@ -7972,7 +8097,7 @@ var LoadingGlyph = ({
   className,
   enableAnimations
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     "span",
     {
       "aria-hidden": "true",
@@ -7992,25 +8117,25 @@ var PlaceOrderSlippageControl = ({
   minimumValue: slippageMinimumValue
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks29.useLabels)();
-  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 labels = (0, import_hooks30.useLabels)();
+  const containerRef = (0, import_react11.useRef)(null);
+  const triggerRef = (0, import_react11.useRef)(null);
+  const inputRef = (0, import_react11.useRef)(null);
+  const warningId = (0, import_react11.useId)();
   const defaultValue = finalizePercentageValue(slippageDefaultValue);
   const committedValue = finalizePercentageValue(slippageValue) || defaultValue;
-  const [draftValue, setDraftValue] = (0, import_react10.useState)(committedValue);
-  const [isEditing, setIsEditing] = (0, import_react10.useState)(
+  const [draftValue, setDraftValue] = (0, import_react11.useState)(committedValue);
+  const [isEditing, setIsEditing] = (0, import_react11.useState)(
     () => isPercentageBelowMinimum(committedValue, slippageMinimumValue)
   );
-  const [shouldFocusInput, setShouldFocusInput] = (0, import_react10.useState)(false);
-  (0, import_react10.useEffect)(() => {
+  const [shouldFocusInput, setShouldFocusInput] = (0, import_react11.useState)(false);
+  (0, import_react11.useEffect)(() => {
     setDraftValue(committedValue);
     if (isPercentageBelowMinimum(committedValue, slippageMinimumValue)) {
       setIsEditing(true);
     }
   }, [committedValue, slippageMinimumValue]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!shouldFocusInput) return;
     requestAnimationFrame(() => {
       var _a2, _b2;
@@ -8027,7 +8152,7 @@ var PlaceOrderSlippageControl = ({
     Number(committedValue || slippageDefaultValue || DEFAULT_SLIPPAGE_VALUE)
   );
   const resolvedAutoLabel = labels.trading.resetSlippage;
-  const resolvedWarningMessage = (0, import_react10.useMemo)(() => {
+  const resolvedWarningMessage = (0, import_react11.useMemo)(() => {
     if (isLowSlippage) {
       return labels.trading.slippageLow(slippageMinimumValue);
     }
@@ -8090,8 +8215,8 @@ var PlaceOrderSlippageControl = ({
     if (!isEditing) return;
     handleCommitDraft(false);
   };
-  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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { ref: containerRef, className: "agg-slippage-control w-full", onBlur: handleContainerBlur, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
       "button",
       {
         ref: triggerRef,
@@ -8109,8 +8234,8 @@ var PlaceOrderSlippageControl = ({
         ),
         onClick: handleToggleEditing,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "agg-slippage-label", children: collapsedLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "agg-slippage-label", children: collapsedLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
             Icon,
             {
               name: isEditing ? "chevron-up" : "pencil",
@@ -8122,7 +8247,7 @@ var PlaceOrderSlippageControl = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
       "div",
       {
         "aria-hidden": !isEditing,
@@ -8136,10 +8261,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_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)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-slippage-editor-body flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-slippage-input-row flex h-9 overflow-hidden rounded-agg-sm border border-agg-separator", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime123.jsx)(
                 "input",
                 {
                   ref: inputRef,
@@ -8154,7 +8279,7 @@ var PlaceOrderSlippageControl = ({
                   onKeyDown: handleInputKeyDown
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                 "button",
                 {
                   type: "button",
@@ -8172,8 +8297,8 @@ var PlaceOrderSlippageControl = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "h-full w-px bg-agg-separator", "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "h-full w-px bg-agg-separator", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime123.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",
@@ -8182,7 +8307,7 @@ var PlaceOrderSlippageControl = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
             "div",
             {
               "aria-hidden": !resolvedWarningMessage,
@@ -8196,13 +8321,13 @@ var PlaceOrderSlippageControl = ({
                   "transition-[grid-template-rows,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
                 )
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime122.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                       Icon,
                       {
                         name: "warning-filled",
@@ -8211,7 +8336,7 @@ var PlaceOrderSlippageControl = ({
                         color: "currentColor"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { children: resolvedWarningMessage != null ? resolvedWarningMessage : "" })
+                    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { children: resolvedWarningMessage != null ? resolvedWarningMessage : "" })
                   ]
                 }
               ) })
@@ -8231,9 +8356,9 @@ var renderCardHeader = ({
   onClose
 }) => {
   if (!headerTitle) return null;
-  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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: cn("agg-order-panel-header flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-order-market-summary flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
         RemoteImage,
         {
           src: headerImage,
@@ -8241,30 +8366,78 @@ var renderCardHeader = ({
           className: "agg-order-market-image h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
         }
       ),
-      /* @__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)(
+      /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime123.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_runtime122.jsx)(CloseIcon, { className: "h-5 w-5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(CloseIcon, { className: "h-5 w-5" })
         }
       ) : 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
+    headerSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "agg-order-market-subtitle text-agg-base leading-agg-6 text-agg-foreground", children: headerSubtitle }) : null
   ] });
 };
 var PlaceOrderResolvedView = ({
   classNames,
   tradingState,
+  resolutionTimestamp,
   resolvedClaim,
-  className
+  className,
+  isSportsEvent = false
 }) => {
-  const labels = (0, import_hooks29.useLabels)();
+  var _a;
+  const labels = (0, import_hooks30.useLabels)();
   const tradingLabels = labels.trading;
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  const resolvingTimestamp = (_a = resolutionTimestamp != null ? resolutionTimestamp : tradingState.resolvesAt) != null ? _a : tradingState.endsAt;
+  const isResolvingMarket = false;
+  const resolvingSubtitle = tradingState.market ? (() => {
+    const endDateLabel = isSportsEvent ? formatSportsEventTimeEt(resolvingTimestamp != null ? resolvingTimestamp : "") : getTradingDateLabel(resolvingTimestamp != null ? resolvingTimestamp : "");
+    return endDateLabel ? `${tradingState.market.question} \xB7 ${endDateLabel}` : tradingState.market.question;
+  })() : "";
+  if (isResolvingMarket) {
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+      Card,
+      {
+        className: cn(
+          "group/agg-order-panel",
+          getPlaceOrderContainerClassName(),
+          classNames == null ? void 0 : classNames.root,
+          className
+        ),
+        role: "status",
+        "aria-label": labels.marketDetails.resolvingTitle,
+        children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+          "div",
+          {
+            className: cn(
+              "agg-order-panel-body flex flex-col items-center justify-center gap-6 px-5 py-10 text-center",
+              classNames == null ? void 0 : classNames.body
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-primary/10", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(LoadingIcon, { variant: "prominent" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: cn("flex w-full flex-col items-center gap-1", classNames == null ? void 0 : classNames.content), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Typography, { variant: "body-large-strong", children: labels.marketDetails.resolvingTitle }),
+                resolvingSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Typography, { variant: "body", className: "text-center", children: resolvingSubtitle }) : null
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                Typography,
+                {
+                  variant: "label",
+                  className: "max-w-[300px] text-center text-agg-muted-foreground",
+                  children: labels.marketDetails.resolvingDescription
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     Card,
     {
       className: cn(
@@ -8273,19 +8446,19 @@ var PlaceOrderResolvedView = ({
         classNames == null ? void 0 : classNames.root,
         className
       ),
-      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)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: cn("agg-order-panel-body flex flex-col", classNames == null ? void 0 : classNames.body), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col items-center gap-6 p-8", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
             "div",
             {
               className: cn(
                 "flex h-15 w-15 items-center justify-center rounded-full",
                 "bg-agg-primary/15"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Icon, { name: "success-check", className: cn("h-6 w-6", "text-agg-primary") })
+              children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { name: "success-check", className: cn("h-6 w-6", "text-agg-primary") })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
             "div",
             {
               className: cn(
@@ -8293,31 +8466,31 @@ var PlaceOrderResolvedView = ({
                 classNames == null ? void 0 : classNames.content
               ),
               children: [
-                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
+                tradingState.market ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Typography, { variant: "body", className: "text-center", children: tradingState.market.question }) : null,
+                tradingState.winningOutcome ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Typography, { variant: "body-large-strong", children: tradingLabels.outcome(tradingState.winningOutcome.label) }) : null
               ]
             }
           )
         ] }),
-        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 })
+        resolvedClaim ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex w-full flex-col gap-5 p-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Typography, { variant: "body-strong", className: "text-center", children: tradingLabels.resolvedEarningsTitle }),
+            /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col gap-3 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              resolvedClaim.resolutionDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: tradingLabels.resolvedResolutionDateLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.resolutionDateLabel })
               ] }) : null,
-              /* @__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_runtime123.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: tradingLabels.resolvedSharesLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime123.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.resolvedTotalPayoutLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.totalPayoutLabel })
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: tradingLabels.resolvedTotalPayoutLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.totalPayoutLabel })
               ] })
             ] }),
-            resolvedClaim.onClaim ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+            resolvedClaim.onClaim ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
               Button,
               {
                 size: "large",
@@ -8338,18 +8511,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_runtime122.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
     "div",
     {
       className: "agg-route-breakdown-row flex items-center justify-between gap-4 text-left",
       children: [
-        /* @__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_runtime123.jsxs)("div", { className: "agg-route-breakdown-market flex min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(VenueLogo, { venue: row.venue, className: "size-3!", ariaLabel: venueLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime123.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-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 : "" })
+        /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime123.jsx)("p", { className: "text-agg-muted-foreground", children: row.priceLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "text-agg-foreground", children: (_b = row.resultLabel) != null ? _b : "" })
         ] })
       ]
     },
@@ -8367,7 +8540,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_runtime122.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     "button",
     {
       type: "button",
@@ -8386,10 +8559,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_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)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
+            card.kind === "split" ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
               Icon,
               {
                 name: "sparkles-filled",
@@ -8400,7 +8573,7 @@ var renderRouteCard = ({
                 ),
                 "aria-hidden": "true"
               }
-            ) : card.venue ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+            ) : card.venue ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
               VenueLogo,
               {
                 venue: card.venue,
@@ -8408,10 +8581,10 @@ var renderRouteCard = ({
                 ariaLabel: getTradingVenueLabel(card.venue)
               }
             ) : null,
-            /* @__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)(
+            /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime123.jsx)(
                   Icon,
                   {
                     name: "lock",
@@ -8419,7 +8592,7 @@ var renderRouteCard = ({
                     className: "shrink-0 text-agg-muted-foreground",
                     "aria-hidden": "true"
                   }
-                ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                   Icon,
                   {
                     name: showSplitDetails ? "chevron-up" : "chevron-down",
@@ -8429,10 +8602,10 @@ var renderRouteCard = ({
                   }
                 ) : 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
+              card.hint ? /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime122.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
             "p",
             {
               className: cn(
@@ -8444,9 +8617,9 @@ var renderRouteCard = ({
             }
           )
         ] }),
-        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)) })
+        showSplitDetails ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
         ] }) : null
       ] })
     }
@@ -8469,7 +8642,7 @@ var renderSubmissionSurface = ({
     executionVenue: progressState.executionVenue,
     labels: tradingLabels
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     Card,
     {
       className: cn(
@@ -8478,31 +8651,31 @@ var renderSubmissionSurface = ({
         classNames == null ? void 0 : classNames.root,
         className
       ),
-      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: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime123.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_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_runtime123.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime123.jsx)(LoadingGlyph, { enableAnimations, className: "h-4 w-4 text-current" }),
+            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: actionLabel })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime122.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime122.jsx)(
+                      step.status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                         Icon,
                         {
                           name: "check-circle",
@@ -8510,15 +8683,15 @@ var renderSubmissionSurface = ({
                           className: "h-3 w-3 shrink-0 text-agg-primary",
                           "aria-hidden": "true"
                         }
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                         LoadingGlyph,
                         {
                           enableAnimations,
                           className: "h-3 w-3 shrink-0 text-agg-primary"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
-                      step.venue ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
+                      step.venue ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                         VenueLogo,
                         {
                           venue: step.venue,
@@ -8539,7 +8712,7 @@ var renderSubmissionSurface = ({
     }
   );
 };
-var InitiateKycButton = ({ label: label2, onOpen }) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+var InitiateKycButton = ({ label: label2, onOpen }) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
   Button,
   {
     size: "large",
@@ -8556,35 +8729,35 @@ var KycVerifyModal = ({
   isInitiating,
   labels
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     Modal,
     {
       open,
       onOpenChange: (next) => {
         onOpenChange(next);
       },
-      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)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Dialog2.Title, { className: "sr-only", children: labels.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Dialog2.Description, { className: "sr-only", children: labels.description }),
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(Modal.Body, { classNames: { root: "sm:px-10 sm:py-12" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime122.jsx)(CloseIcon, { className: "h-6 w-6" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(CloseIcon, { className: "h-6 w-6" })
             }
           ),
-          /* @__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_runtime123.jsxs)("div", { className: "flex flex-col items-center gap-8 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(UserTrustIcon, { className: "h-[60px] w-[60px]" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex w-full flex-col items-center gap-5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex w-full flex-col items-center gap-5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                 Button,
                 {
                   size: "large",
@@ -8595,7 +8768,7 @@ var KycVerifyModal = ({
                   children: labels.startVerification
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                 "button",
                 {
                   type: "button",
@@ -8615,27 +8788,27 @@ var KycSuccessModal = ({
   open,
   onOpenChange,
   labels
-}) => /* @__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)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Dialog2.Title, { className: "sr-only", children: labels.title }),
+  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Dialog2.Description, { className: "sr-only", children: labels.description }),
+  /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(Modal.Body, { classNames: { root: "px-10 py-12" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime122.jsx)(CloseIcon, { className: "h-6 w-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(CloseIcon, { className: "h-6 w-6" })
       }
     ),
-    /* @__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_runtime123.jsxs)("div", { className: "flex flex-col items-center gap-8 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
         Button,
         {
           variant: "secondary",
@@ -8656,6 +8829,7 @@ var PlaceOrder = ({
   isLoading = false,
   isPrimaryActionDisabled = false,
   isPrimaryActionLoading = false,
+  isQuotePanelActive = true,
   chainBalancesOverride,
   onAmountChange,
   onClose,
@@ -8669,24 +8843,25 @@ var PlaceOrder = ({
   resolvedClaim,
   midpointsResult
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G;
   const {
     enableDebug: isExecutionDebugEnabled,
     features: { enableAnimations, showFeesBreakdown },
     general: { locale },
     trading: { executionMode: configuredExecutionMode = "live" } = { executionMode: "live" }
-  } = (0, import_hooks29.useSdkUiConfig)();
-  const labels = (0, import_hooks29.useLabels)();
+  } = (0, import_hooks30.useSdkUiConfig)();
+  const labels = (0, import_hooks30.useLabels)();
   const tradingLabels = labels.trading;
-  const { isTradingBlocked } = (0, import_hooks29.useGeoBlock)();
-  const tradingContext = (0, import_hooks29.useEventTradingContext)();
+  const toastCtx = useOptionalToast();
+  const { isTradingBlocked } = (0, import_hooks30.useGeoBlock)();
+  const tradingContext = (0, import_hooks30.useEventTradingContext)();
   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_react10.useMemo)(() => {
-    return eventTradingState != null ? eventTradingState : (0, import_hooks29.resolveEventTradingState)(selectedEvent);
+  const resolvedEventTradingState = (0, import_react11.useMemo)(() => {
+    return eventTradingState != null ? eventTradingState : (0, import_hooks30.resolveEventTradingState)(selectedEvent);
   }, [eventTradingState, selectedEvent]);
-  const scopedSelectedEvent = (0, import_react10.useMemo)(() => {
+  const scopedSelectedEvent = (0, import_react11.useMemo)(() => {
     var _a2;
     if (!selectedEvent) return null;
     const primaryMarketId = (_a2 = resolvedEventTradingState.primaryMarket) == null ? void 0 : _a2.id;
@@ -8696,7 +8871,7 @@ var PlaceOrder = ({
     );
     return isSelectedEventInScope ? selectedEvent : null;
   }, [(_d = resolvedEventTradingState.primaryMarket) == null ? void 0 : _d.id, selectedEvent]);
-  const scopedSelectedMarket = (0, import_react10.useMemo)(() => {
+  const scopedSelectedMarket = (0, import_react11.useMemo)(() => {
     if (!selectedMarket) return resolvedEventTradingState.primaryMarket;
     const isSelectedMarketInScope = resolvedEventTradingState.marketStates.some(
       (item) => item.market.id === selectedMarket.id
@@ -8711,10 +8886,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_react10.useMemo)(() => {
-    return (0, import_hooks29.resolveMarketTradingState)(scopedSelectedMarket);
+  const resolvedTradingState = (0, import_react11.useMemo)(() => {
+    return (0, import_hooks30.resolveMarketTradingState)(scopedSelectedMarket);
   }, [scopedSelectedMarket]);
-  const resolvedReadOnlyMarket = (0, import_react10.useMemo)(() => {
+  const resolvedReadOnlyMarket = (0, import_react11.useMemo)(() => {
     var _a2;
     if (resolvedEventTradingState.kind !== "resolved") {
       return scopedSelectedMarket;
@@ -8725,11 +8900,12 @@ var PlaceOrder = ({
     resolvedEventTradingState.primaryMarket,
     scopedSelectedMarket
   ]);
-  const resolvedReadOnlyTradingState = (0, import_react10.useMemo)(() => {
-    return (0, import_hooks29.resolveMarketTradingState)(resolvedReadOnlyMarket);
+  const resolvedReadOnlyTradingState = (0, import_react11.useMemo)(() => {
+    return (0, import_hooks30.resolveMarketTradingState)(resolvedReadOnlyMarket);
   }, [resolvedReadOnlyMarket]);
-  const orderEligibility = (0, import_react10.useMemo)(
-    () => (0, import_hooks29.resolveOrderEligibility)({
+  const isEndedWithoutKnownWinner = false;
+  const orderEligibility = (0, import_react11.useMemo)(
+    () => (0, import_hooks30.resolveOrderEligibility)({
       event: scopedSelectedEvent,
       market: scopedSelectedMarket,
       outcome: scopedSelectedOutcome,
@@ -8738,15 +8914,15 @@ var PlaceOrder = ({
     [scopedSelectedEvent, scopedSelectedMarket, scopedSelectedOutcome, resolvedEventTradingState]
   );
   const isResolvedOutcomeCtaLocked = resolvedEventTradingState.kind === "resolved" || resolvedTradingState.kind === "resolved";
-  const { isAuthenticated, user } = (0, import_hooks29.useAggAuthContext)();
+  const { isAuthenticated, user } = (0, import_hooks30.useAggAuthContext)();
   const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
   const isPaperMode = resolvedExecutionMode === "paper";
-  const liveBalanceState = (0, import_hooks29.useAggBalanceState)();
-  const paperBalancesQuery = (0, import_hooks29.useManagedBalances)({
+  const liveBalanceState = (0, import_hooks30.useAggBalanceState)();
+  const paperBalancesQuery = (0, import_hooks30.useManagedBalances)({
     enabled: Boolean(isAuthenticated && isPaperMode),
     mode: "paper"
   });
-  const paperTotalBalance = (0, import_react10.useMemo)(() => {
+  const paperTotalBalance = (0, import_react11.useMemo)(() => {
     var _a2, _b2;
     const cash = (_b2 = (_a2 = paperBalancesQuery.balances) == null ? void 0 : _a2.cash) != null ? _b2 : [];
     return cash.reduce((sum, token) => {
@@ -8761,13 +8937,13 @@ var PlaceOrder = ({
   }, [paperBalancesQuery.balances]);
   const totalBalance = isPaperMode ? paperTotalBalance : liveBalanceState.totalBalance;
   const isBalanceLoading = isPaperMode ? paperBalancesQuery.isLoading : liveBalanceState.isLoading;
-  const executeManaged = (0, import_hooks29.useExecuteManaged)();
-  const aggClient = (0, import_hooks29.useAggClient)();
-  const queryClient = (0, import_hooks29.useQueryClient)();
-  const livePrices = (0, import_hooks29.useLiveOutcomePrices)(
+  const executeManaged = (0, import_hooks30.useExecuteManaged)();
+  const aggClient = (0, import_hooks30.useAggClient)();
+  const queryClient = (0, import_hooks30.useQueryClient)();
+  const livePrices = (0, import_hooks30.useLiveOutcomePrices)(
     scopedSelectedMarket ? [scopedSelectedMarket] : void 0
   );
-  const wsBestPrices = (0, import_hooks29.useLiveBestPrices)(scopedSelectedMarket ? [scopedSelectedMarket] : void 0);
+  const wsBestPrices = (0, import_hooks30.useLiveBestPrices)(scopedSelectedMarket ? [scopedSelectedMarket] : void 0);
   const clusterMidpointResult = midpointsResult != null ? midpointsResult : {
     prices: /* @__PURE__ */ new Map(),
     bestMidpointsByOutcomeId: /* @__PURE__ */ new Map(),
@@ -8781,37 +8957,37 @@ var PlaceOrder = ({
   const clusterBestMidpointsByOutcomeId = (_i = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _i : clusterMidpointResult.prices;
   const clusterBestMidpoint = clusterMidpointResult.bestMidpoint;
   const clusterBestPricesRest = clusterMidpointResult.bestPrices;
-  const clusterBestPrices = (0, import_react10.useMemo)(
-    () => (0, import_hooks29.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
+  const clusterBestPrices = (0, import_react11.useMemo)(
+    () => (0, import_hooks30.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
     [clusterBestPricesRest, wsBestPrices]
   );
-  const outcomes = (0, import_react10.useMemo)(
+  const outcomes = (0, import_react11.useMemo)(
     () => mapVenueMarketOutcomesToPlaceOrderOutcomes(scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes),
     [scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes]
   );
-  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)(() => {
+  const buyTabRef = (0, import_react11.useRef)(null);
+  const sellTabRef = (0, import_react11.useRef)(null);
+  const [internalTab, setInternalTab] = (0, import_react11.useState)("buy");
+  const [internalAmount, setInternalAmount] = (0, import_react11.useState)(PLACE_ORDER_DEFAULT_AMOUNT);
+  const [sellFilledForOutcomeId, setSellFilledForOutcomeId] = (0, import_react11.useState)(null);
+  const [internalSlippage] = (0, import_react11.useState)(DEFAULT_SLIPPAGE_VALUE);
+  const [isRoutesExpanded, setIsRoutesExpanded] = (0, import_react11.useState)(false);
+  const [selectedRouteCardId, setSelectedRouteCardId] = (0, import_react11.useState)(null);
+  const [isSplitDetailOpen, setIsSplitDetailOpen] = (0, import_react11.useState)(false);
+  const [submissionFeedback, setSubmissionFeedback] = (0, import_react11.useState)(null);
+  const [submissionProgressState, setSubmissionProgressState] = (0, import_react11.useState)(null);
+  const [isBeforeActionPending, setIsBeforeActionPending] = (0, import_react11.useState)(false);
+  const executionDebugStoreRef = (0, import_react11.useRef)(null);
+  const executionDebugAttemptIdRef = (0, import_react11.useRef)(null);
+  const submittedSelectionRef = (0, import_react11.useRef)(null);
+  (0, import_react11.useEffect)(() => {
     if (!isExecutionDebugEnabled) {
       executionDebugStoreRef.current = null;
       return;
     }
     executionDebugStoreRef.current = enableExecutionDebugInBrowser();
   }, [isExecutionDebugEnabled]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!isExecutionDebugEnabled) return;
     const store = executionDebugStoreRef.current;
     if (!store) return;
@@ -8823,17 +8999,18 @@ var PlaceOrder = ({
     scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id,
     scopedSelectedOutcomeId
   ]);
-  const debouncedAmount = (0, import_hooks29.useDebouncedValue)(internalAmount, 300);
-  const isSell = (0, import_react10.useMemo)(() => internalTab === "sell", [internalTab]);
+  const debouncedAmount = (0, import_hooks30.useDebouncedValue)(internalAmount, 300);
+  const isQuoteInputEditing = internalAmount !== debouncedAmount;
+  const isSell = (0, import_react11.useMemo)(() => internalTab === "sell", [internalTab]);
   const {
     positions: executionPositions,
     isLoading: isExecutionPositionsLoading,
     isFetching: isExecutionPositionsFetching
-  } = (0, import_hooks29.useExecutionPositions)({
+  } = (0, import_hooks30.useExecutionPositions)({
     enabled: Boolean(isAuthenticated && isSell),
     mode: isPaperMode ? "paper" : void 0
   });
-  const smartRoute = (0, import_hooks29.useSmartRoute)({
+  const smartRoute = (0, import_hooks30.useSmartRoute)({
     venueMarketOutcomeId: scopedSelectedOutcomeId,
     maxSpend: isSell ? void 0 : debouncedAmount,
     sellShares: isSell ? debouncedAmount : void 0,
@@ -8845,9 +9022,21 @@ var PlaceOrder = ({
     compareVenues: true,
     tradeSide: isSell ? "sell" : "buy",
     mode: isPaperMode ? "paper" : void 0,
-    enabled: debouncedAmount > 0 && orderEligibility.canPlaceOrder
+    enabled: isQuotePanelActive && !isEndedWithoutKnownWinner && !submissionProgressState && !isBeforeActionPending && !executeManaged.isPending && debouncedAmount > 0 && orderEligibility.canPlaceOrder && // On the sell tab, hold the quote until the amount has been initialized
+    // from the user's position for THIS outcome AND the debounced value has
+    // caught up to it. The amount input is shared with the buy tab, so right
+    // after switching to sell the debounced value still holds the buy default
+    // (PLACE_ORDER_DEFAULT_AMOUNT) for ~300ms — without this gate it leaks into
+    // the first sell quote as `sellShares` (e.g. sellShares=20).
+    (!isSell || sellFilledForOutcomeId === scopedSelectedOutcomeId && !isQuoteInputEditing),
+    refreshContext: {
+      isEditing: isQuoteInputEditing,
+      isMarketOpen: resolvedTradingState.kind === "open" && !isEndedWithoutKnownWinner,
+      isPanelActive: isQuotePanelActive,
+      isSubmitting: submissionProgressState != null || isBeforeActionPending || executeManaged.isPending
+    }
   });
-  const currentSellableShares = (0, import_react10.useMemo)(() => {
+  const currentSellableShares = (0, import_react11.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)) {
@@ -8861,15 +9050,13 @@ var PlaceOrder = ({
       (_d2 = scopedSelectedMarket.externalIdentifier) != null ? _d2 : void 0
     ].filter((value) => Boolean(value));
     const selectedMarketIdSet = new Set(selectedMarketIds);
-    const selectedVenue = scopedSelectedMarket.venue;
     let resolvedShares = 0;
     for (const group of executionPositions) {
       const groupOutcomes = (_f2 = (_e2 = group.venueMarket) == null ? void 0 : _e2.venueMarketOutcomes) != null ? _f2 : [];
       for (const outcome of groupOutcomes) {
         if (outcome.label.trim().toLowerCase() !== normalizedSelectedOutcomeLabel) continue;
         for (const breakdown of (_g2 = outcome.venueBreakdown) != null ? _g2 : []) {
-          if (breakdown.venue !== selectedVenue) continue;
-          const matchesMarketId = selectedMarketIdSet.size === 0 || selectedMarketIdSet.has(breakdown.venueMarketId) || selectedMarketIdSet.has(group.targetMarketId);
+          const matchesMarketId = selectedMarketIdSet.size === 0 || selectedMarketIdSet.has(group.targetMarketId) || selectedMarketIdSet.has(breakdown.venueMarketId);
           if (!matchesMarketId) continue;
           resolvedShares += Number.isFinite(breakdown.size) ? breakdown.size : 0;
         }
@@ -8883,29 +9070,37 @@ var PlaceOrder = ({
     scopedSelectedOutcome,
     (_k = (_j = smartRoute.data) == null ? void 0 : _j.positionAvailability) == null ? void 0 : _k.totalSellableShares
   ]);
+  const maxSellableShares = (0, import_react11.useMemo)(
+    () => floorToDecimals(currentSellableShares, SELL_SHARE_INPUT_DECIMALS),
+    [currentSellableShares]
+  );
   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_react10.useMemo)(() => {
+  const displayedCurrentSellableShares = (0, import_react11.useMemo)(() => {
     if (!Number.isFinite(currentSellableShares) || currentSellableShares <= 0) return 0;
-    return Math.floor(currentSellableShares * 100) / 100;
+    return floorToDecimals(currentSellableShares, SELL_SHARE_DISPLAY_DECIMALS);
   }, [currentSellableShares]);
-  const isAtMaxSellableShares = isSell && displayedCurrentSellableShares > 0 && Math.abs(internalAmount - displayedCurrentSellableShares) < 1e-9;
-  (0, import_react10.useEffect)(() => {
+  const displayedCurrentSellableSharesLabel = (0, import_react11.useMemo)(
+    () => `${formatFlooredShareAmount(maxSellableShares, SELL_SHARE_DISPLAY_DECIMALS)} shares`,
+    [maxSellableShares]
+  );
+  const isAtMaxSellableShares = isSell && maxSellableShares > 0 && Math.abs(internalAmount - maxSellableShares) < 1e-9;
+  (0, import_react11.useEffect)(() => {
     if (submissionProgressState != null) return;
     if (!isSell || isCurrentSellableSharesLoading) return;
     if (scopedSelectedOutcomeId === sellFilledForOutcomeId) return;
-    setInternalAmount(displayedCurrentSellableShares);
+    setInternalAmount(maxSellableShares);
     setSellFilledForOutcomeId(scopedSelectedOutcomeId != null ? scopedSelectedOutcomeId : null);
-    onAmountChange == null ? void 0 : onAmountChange(displayedCurrentSellableShares);
+    onAmountChange == null ? void 0 : onAmountChange(maxSellableShares);
   }, [
     isSell,
     isCurrentSellableSharesLoading,
     scopedSelectedOutcomeId,
     sellFilledForOutcomeId,
-    displayedCurrentSellableShares,
+    maxSellableShares,
     onAmountChange,
     submissionProgressState
   ]);
-  const routeCards = (0, import_react10.useMemo)(
+  const routeCards = (0, import_react11.useMemo)(
     () => smartRoute.data ? buildLiveRouteCards({
       eventVenues: scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets.map((market) => market.venue),
       labels: tradingLabels,
@@ -8914,7 +9109,7 @@ var PlaceOrder = ({
     }) : [],
     [smartRoute.data, tradingLabels, isSell, scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets]
   );
-  const resolvedSelectedRouteCardId = (0, import_react10.useMemo)(() => {
+  const resolvedSelectedRouteCardId = (0, import_react11.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
     if (routeCards.length === 0) return null;
     if (selectedRouteCardId && routeCards.some((card) => card.id === selectedRouteCardId && !card.isUnavailable)) {
@@ -8922,7 +9117,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_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (routeCards.length === 0) {
       setSelectedRouteCardId(null);
       setIsRoutesExpanded(false);
@@ -8934,22 +9129,22 @@ var PlaceOrder = ({
     }
   }, [resolvedSelectedRouteCardId, routeCards.length, selectedRouteCardId]);
   const isSubmissionLocked = submissionProgressState != null;
-  const isSubmissionLockedRef = (0, import_react10.useRef)(isSubmissionLocked);
+  const isSubmissionLockedRef = (0, import_react11.useRef)(isSubmissionLocked);
   isSubmissionLockedRef.current = isSubmissionLocked;
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.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_react10.useMemo)(() => {
+  const isKalshiRoute = (0, import_react11.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_react10.useMemo)(() => {
+  const isKalshiVerified = (0, import_react11.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";
@@ -8966,10 +9161,10 @@ var PlaceOrder = ({
   } = useKalshiKycFlow({
     isKalshiVerified,
     userId: user == null ? void 0 : user.id,
-    walletAddress: (_p = (0, import_hooks29.getWalletAddressFromUserProfile)(user)) != null ? _p : null,
+    walletAddress: (_p = (0, import_hooks30.getWalletAddressFromUserProfile)(user)) != null ? _p : null,
     onError
   });
-  const handleRouteCardSelect = (0, import_react10.useCallback)(
+  const handleRouteCardSelect = (0, import_react11.useCallback)(
     (cardId) => {
       if (cardId === resolvedSelectedRouteCardId) {
         const card = routeCards.find((c) => c.id === cardId);
@@ -8982,16 +9177,17 @@ var PlaceOrder = ({
     },
     [resolvedSelectedRouteCardId, routeCards]
   );
-  const executionProgress = (0, import_hooks29.useExecutionProgress)({
+  const executionProgress = (0, import_hooks30.useExecutionProgress)({
     orderIds: (_q = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) != null ? _q : null,
+    quoteId: (_r = submissionProgressState == null ? void 0 : submissionProgressState.quoteId) != null ? _r : null,
     mode: isPaperMode ? "paper" : void 0,
-    enabled: ((submissionProgressState == null ? void 0 : submissionProgressState.phase) === "submitting" || (submissionProgressState == null ? void 0 : submissionProgressState.phase) === "executing") && !!((_r = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) == null ? void 0 : _r.length)
+    enabled: ((submissionProgressState == null ? void 0 : submissionProgressState.phase) === "submitting" || (submissionProgressState == null ? void 0 : submissionProgressState.phase) === "executing") && !!((_s = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) == null ? void 0 : _s.length)
   });
-  const selectedOutcomeLabel = (_u = (_t = (_s = outcomes.find((outcome) => outcome.id === scopedSelectedOutcomeId)) == null ? void 0 : _s.label) != null ? _t : scopedSelectedOutcome == null ? void 0 : scopedSelectedOutcome.label) != null ? _u : "";
-  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_react10.useCallback)(
+  const selectedOutcomeLabel = (_v = (_u = (_t = outcomes.find((outcome) => outcome.id === scopedSelectedOutcomeId)) == null ? void 0 : _t.label) != null ? _u : scopedSelectedOutcome == null ? void 0 : scopedSelectedOutcome.label) != null ? _v : "";
+  const headerImage = (_x = (_w = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.image) != null ? _w : scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.image) != null ? _x : null;
+  const headerTitle = (_z = (_y = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.title) != null ? _y : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _z : "";
+  const headerSubtitle = (_A = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _A : "";
+  const buildExecutionSummary = (0, import_react11.useCallback)(
     (quoteData, executionVenue, orderId, partialFillSummary) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
       if (!quoteData) return void 0;
@@ -9067,7 +9263,7 @@ var PlaceOrder = ({
       tradingLabels
     ]
   );
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (executionProgress.phase === "order_submitted") {
       const submittedOrder = executionProgress.submittedOrders[0];
       setSubmissionProgressState((prev) => {
@@ -9080,7 +9276,7 @@ var PlaceOrder = ({
       });
     }
   }, [executionProgress.phase, executionProgress.submittedOrders]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     var _a2, _b2;
     const dp = executionProgress.dagProgress;
     if (!dp) return;
@@ -9131,7 +9327,7 @@ var PlaceOrder = ({
       return __spreadProps(__spreadValues({}, prev), { dagProgress: dp });
     });
   }, [executionProgress.dagProgress, tradingLabels]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const orderIds = submissionProgressState == null ? void 0 : submissionProgressState.orderIds;
     if (!(orderIds == null ? void 0 : orderIds.length)) return;
     const aggregateStatus = deriveAggregateOrderStatus(
@@ -9192,7 +9388,7 @@ var PlaceOrder = ({
     tradingLabels
   ]);
   const estDurationMs = (selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) && typeof selectedRouteCard.quoteData.estDurationMs === "number" ? selectedRouteCard.quoteData.estDurationMs : 6e4;
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const phase = submissionProgressState == null ? void 0 : submissionProgressState.phase;
     if (phase !== "submitting" && phase !== "executing") return;
     const timeoutMs = Math.max(6e4, 2 * estDurationMs);
@@ -9207,7 +9403,36 @@ var PlaceOrder = ({
     }, timeoutMs);
     return () => clearTimeout(id);
   }, [submissionProgressState == null ? void 0 : submissionProgressState.phase, estDurationMs]);
-  (0, import_react10.useEffect)(() => {
+  const emitTerminalOrderNotifications = (0, import_react11.useCallback)(() => {
+    const toast = toastCtx == null ? void 0 : toastCtx.toast;
+    if (!toast) return;
+    for (const event of executionProgress.terminalOrderEvents) {
+      handleOrderEvent({
+        event: {
+          type: "order_event",
+          userId: "",
+          orderId: event.orderId,
+          venue: event.venue,
+          event: event.event,
+          filledAmountRaw: event.filledAmountRaw,
+          remainingAmountRaw: event.remainingAmountRaw,
+          actualSharesRaw: event.actualSharesRaw,
+          actualToWinRaw: event.actualToWinRaw,
+          quotedSharesRaw: event.quotedSharesRaw,
+          quotedToWinRaw: event.quotedToWinRaw,
+          executionPriceRaw: event.executionPriceRaw,
+          quotedPriceRaw: event.quotedPriceRaw,
+          errorReason: event.errorReason,
+          timestamp: event.timestamp
+        },
+        labels,
+        fireOnce: (key, tone, title2, message, detail) => {
+          toast(message, { tone, title: title2, detail });
+        }
+      });
+    }
+  }, [executionProgress.terminalOrderEvents, labels, toastCtx]);
+  (0, import_react11.useEffect)(() => {
     var _a2, _b2;
     if (!submissionProgressState) return;
     onExecutionStateChange == null ? void 0 : onExecutionStateChange(submissionProgressState);
@@ -9226,8 +9451,9 @@ var PlaceOrder = ({
       });
     }
     if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
-      (0, import_hooks29.invalidateBalanceQueries)(queryClient);
-      (0, import_hooks29.invalidatePositionQueries)(queryClient);
+      emitTerminalOrderNotifications();
+      (0, import_hooks30.invalidateBalanceQueries)(queryClient);
+      (0, import_hooks30.invalidatePositionQueries)(queryClient);
       if (debugStore && debugAttemptId) {
         debugStore.updateAttempt(debugAttemptId, {
           status: "succeeded",
@@ -9237,6 +9463,7 @@ var PlaceOrder = ({
       onSuccess == null ? void 0 : onSuccess(submissionProgressState.summary);
     }
     if (submissionProgressState.phase === "failed" && submissionProgressState.errorMessage) {
+      emitTerminalOrderNotifications();
       if (debugStore && debugAttemptId) {
         debugStore.appendError(debugAttemptId, {
           message: submissionProgressState.errorMessage,
@@ -9249,8 +9476,15 @@ var PlaceOrder = ({
       }
       onError == null ? void 0 : onError(new Error(submissionProgressState.errorMessage));
     }
-  }, [submissionProgressState, onExecutionStateChange, onSuccess, onError, queryClient]);
-  const activeQuoteData = (_B = (_A = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) != null ? _A : smartRoute.data) != null ? _B : null;
+  }, [
+    emitTerminalOrderNotifications,
+    onError,
+    onExecutionStateChange,
+    onSuccess,
+    queryClient,
+    submissionProgressState
+  ]);
+  const activeQuoteData = (_C = (_B = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) != null ? _B : smartRoute.data) != null ? _C : null;
   const visibleRouteCards = orderedRouteCards.length > PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT && !isRoutesExpanded ? orderedRouteCards.slice(0, PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT) : orderedRouteCards;
   const hasEnteredAmount = internalAmount > 0;
   const isQuoteLoading = hasEnteredAmount && (smartRoute.isFetching || smartRoute.isLoading);
@@ -9262,7 +9496,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_react10.useMemo)(() => {
+  const quoteStatus = (0, import_react11.useMemo)(() => {
     if (!orderEligibility.canPlaceOrder) return void 0;
     return resolvePlaceOrderQuoteStatus({
       amount: internalAmount,
@@ -9277,7 +9511,7 @@ var PlaceOrder = ({
     scopedSelectedMarket,
     tradingLabels
   ]);
-  const smartRouteErrorMessage = (0, import_react10.useMemo)(() => {
+  const smartRouteErrorMessage = (0, import_react11.useMemo)(() => {
     if (!smartRoute.error) return null;
     return normalizePlaceOrderErrorMessage({
       errorMessage: smartRoute.error.message,
@@ -9286,7 +9520,7 @@ var PlaceOrder = ({
     });
   }, [smartRoute.error, tradingLabels]);
   const progressActionLabel = (internalTab === "buy" ? tradingLabels.buyingOutcome(selectedOutcomeLabel) : tradingLabels.sellingOutcome(selectedOutcomeLabel)).trim();
-  const canRetryRemaining = (0, import_react10.useMemo)(() => {
+  const canRetryRemaining = (0, import_react11.useMemo)(() => {
     const remaining = getPlaceOrderUnfilledRemaining({
       originalAmount: internalAmount,
       tradeSide: internalTab,
@@ -9296,7 +9530,7 @@ var PlaceOrder = ({
     return remaining >= minRemainder;
   }, [executionProgress.terminalOrderEvents, internalAmount, internalTab, isSell]);
   const PARTIAL_FILL_AUTO_SUCCESS_THRESHOLD = 0.95;
-  const shouldAutoSkipPartialFill = (0, import_react10.useMemo)(() => {
+  const shouldAutoSkipPartialFill = (0, import_react11.useMemo)(() => {
     if (internalAmount <= 0) return false;
     const remaining = getPlaceOrderUnfilledRemaining({
       originalAmount: internalAmount,
@@ -9307,7 +9541,7 @@ var PlaceOrder = ({
     const fillRatio = filled / internalAmount;
     return fillRatio >= PARTIAL_FILL_AUTO_SUCCESS_THRESHOLD || !canRetryRemaining;
   }, [canRetryRemaining, executionProgress.terminalOrderEvents, internalAmount, internalTab]);
-  const failureSummary = (0, import_react10.useMemo)(() => {
+  const failureSummary = (0, import_react11.useMemo)(() => {
     var _a2;
     if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return void 0;
     return buildPlaceOrderFailureSummary({
@@ -9336,7 +9570,7 @@ var PlaceOrder = ({
     submissionProgressState,
     tradingLabels
   ]);
-  const displayedToWinHint = (0, import_react10.useMemo)(() => {
+  const displayedToWinHint = (0, import_react11.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
     if (!selectedRouteCard) return "";
     if (selectedRouteCard.isUnavailable) {
@@ -9345,14 +9579,14 @@ var PlaceOrder = ({
     }
     return (_d2 = selectedRouteCard.hint) != null ? _d2 : "";
   }, [selectedRouteCard, tradingLabels]);
-  const displayedToWinValue = (_C = selectedRouteCard == null ? void 0 : selectedRouteCard.numericValue) != null ? _C : 0;
+  const displayedToWinValue = (_D = selectedRouteCard == null ? void 0 : selectedRouteCard.numericValue) != null ? _D : 0;
   const activeFeeBreakdown = activeQuoteData == null ? void 0 : activeQuoteData.feeBreakdown;
-  const estimatedFeesValue = (0, import_react10.useMemo)(() => {
+  const estimatedFeesValue = (0, import_react11.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_react10.useMemo)(() => {
+  const feeBreakdownRows = (0, import_react11.useMemo)(() => {
     if (!activeFeeBreakdown) return [];
     return [
       {
@@ -9387,15 +9621,15 @@ var PlaceOrder = ({
     ];
   }, [activeFeeBreakdown, tradingLabels]);
   const isActionLoading = isPrimaryActionLoading || executeManaged.isPending || isBeforeActionPending;
-  const selectedRouteGeoBlocked = (_D = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _D : false;
-  const geoBlockedVenuesFromWarnings = (0, import_react10.useMemo)(
+  const selectedRouteGeoBlocked = (_E = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _E : false;
+  const geoBlockedVenuesFromWarnings = (0, import_react11.useMemo)(
     () => {
       var _a2;
       return extractGeoBlockedVenues((_a2 = smartRoute.data) == null ? void 0 : _a2.warnings);
     },
-    [(_E = smartRoute.data) == null ? void 0 : _E.warnings]
+    [(_F = smartRoute.data) == null ? void 0 : _F.warnings]
   );
-  const isPrimaryVenueGeoBlocked = (0, import_react10.useMemo)(() => {
+  const isPrimaryVenueGeoBlocked = (0, import_react11.useMemo)(() => {
     var _a2, _b2;
     if (!selectedRouteCard || selectedRouteCard.isUnavailable) return false;
     const fills = (_b2 = (_a2 = selectedRouteCard.quoteData) == null ? void 0 : _a2.fills) != null ? _b2 : [];
@@ -9406,7 +9640,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_react10.useCallback)(() => {
+  const handleReturnToOrderForm = (0, import_react11.useCallback)(() => {
     const submittedSelection = submittedSelectionRef.current;
     submittedSelectionRef.current = null;
     setSubmissionProgressState(null);
@@ -9427,7 +9661,7 @@ var PlaceOrder = ({
     const shareUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}`;
     window.open(shareUrl, "_blank", "noopener,noreferrer");
   };
-  const handleExecuteQuote = (0, import_react10.useCallback)(
+  const handleExecuteQuote = (0, import_react11.useCallback)(
     (quoteData) => __async(null, null, function* () {
       var _a2, _b2, _c2;
       const quoteId = quoteData == null ? void 0 : quoteData.quoteId;
@@ -9486,6 +9720,7 @@ var PlaceOrder = ({
           executionVenue: resolveExecutionVenueFromQuote(quoteData),
           orderId: response.orderIds[0],
           orderIds: response.orderIds,
+          quoteId: response.quoteId,
           phase: "submitting"
         });
       } catch (error) {
@@ -9525,7 +9760,7 @@ var PlaceOrder = ({
       tradingLabels.quoteUnavailable
     ]
   );
-  const handleSkipToSuccess = (0, import_react10.useCallback)(() => {
+  const handleSkipToSuccess = (0, import_react11.useCallback)(() => {
     const primaryFilledEvent = executionProgress.terminalOrderEvents.find(
       (e) => e.event === "filled" || e.event === "partial_fill"
     );
@@ -9550,7 +9785,7 @@ var PlaceOrder = ({
     failureSummary,
     selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData
   ]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return;
     if ((failureSummary == null ? void 0 : failureSummary.kind) !== "partial_fill") return;
     if (!shouldAutoSkipPartialFill) return;
@@ -9561,7 +9796,7 @@ var PlaceOrder = ({
     shouldAutoSkipPartialFill,
     submissionProgressState == null ? void 0 : submissionProgressState.phase
   ]);
-  const handleRetrySubmission = (0, import_react10.useCallback)(() => __async(null, null, function* () {
+  const handleRetrySubmission = (0, import_react11.useCallback)(() => __async(null, null, function* () {
     var _a2, _b2, _c2;
     if (!orderEligibility.canPlaceOrder || (failureSummary == null ? void 0 : failureSummary.kind) === "generic") {
       handleReturnToOrderForm();
@@ -9655,7 +9890,7 @@ var PlaceOrder = ({
   ]);
   const resolvedStatusClassName = cn(classNames == null ? void 0 : classNames.root, className);
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
       Skeleton,
       {
         ariaLabel: labels.common.loading,
@@ -9666,7 +9901,7 @@ var PlaceOrder = ({
   }
   if (submissionProgressState) {
     if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
-      return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
         PlaceOrderSuccessView,
         {
           className: resolvedStatusClassName,
@@ -9678,7 +9913,7 @@ var PlaceOrder = ({
       );
     }
     if (submissionProgressState.phase === "failed") {
-      return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
         PlaceOrderFailureView,
         {
           className: resolvedStatusClassName,
@@ -9733,8 +9968,8 @@ var PlaceOrder = ({
   };
   const handleFillSellableShares = () => {
     if (!isSell) return;
-    if (displayedCurrentSellableShares <= 0) return;
-    handleAmountChange(displayedCurrentSellableShares);
+    if (maxSellableShares <= 0) return;
+    handleAmountChange(maxSellableShares);
   };
   const handleDepositRequiredClick = () => {
     if (!isInsufficientBalance) return;
@@ -9803,19 +10038,21 @@ var PlaceOrder = ({
       });
     }
   });
-  if (!orderEligibility.canPlaceOrder && resolvedReadOnlyTradingState.kind !== "open") {
-    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  if (isEndedWithoutKnownWinner || !orderEligibility.canPlaceOrder && resolvedReadOnlyTradingState.kind !== "open") {
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
       PlaceOrderResolvedView,
       {
         tradingState: resolvedReadOnlyTradingState,
+        resolutionTimestamp: (_G = resolvedEventTradingState.resolvesAt) != null ? _G : resolvedReadOnlyTradingState.resolvesAt,
         resolvedClaim,
         classNames,
-        className
+        className,
+        isSportsEvent: (scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.structureType) === "sport" && !!(scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.sport) && scopedSelectedEvent.sport !== "other_sport"
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_react10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_react11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
       Card,
       {
         className: cn(
@@ -9832,8 +10069,8 @@ var PlaceOrder = ({
             headerTitle,
             onClose
           }),
-          /* @__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)(
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
               "div",
               {
                 className: "agg-order-tabs flex items-end border-b border-agg-separator",
@@ -9844,7 +10081,7 @@ var PlaceOrder = ({
                   { value: "sell", label: tradingLabels.sell, ref: sellTabRef }
                 ].map((tabItem) => {
                   const isActive = internalTab === tabItem.value;
-                  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
                     "button",
                     {
                       ref: tabItem.ref,
@@ -9868,7 +10105,7 @@ var PlaceOrder = ({
                       onKeyDown: (event) => handleTabKeyDown(event, tabItem.value),
                       children: [
                         tabItem.label,
-                        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                           "span",
                           {
                             "aria-hidden": "true",
@@ -9890,7 +10127,7 @@ var PlaceOrder = ({
                 })
               }
             ),
-            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) => {
+            outcomes.length >= 2 ? /* @__PURE__ */ (0, import_jsx_runtime123.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,
@@ -9904,7 +10141,7 @@ var PlaceOrder = ({
               });
               const isActive = outcome.id === scopedSelectedOutcomeId;
               const isPositive = resolveIsPositiveOutcome(outcome, index);
-              return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
                 "button",
                 {
                   "data-id": outcome.id,
@@ -9924,7 +10161,7 @@ var PlaceOrder = ({
                   disabled: !orderEligibility.canPlaceOrder || isResolvedOutcomeCtaLocked,
                   onClick: () => handleOutcomeChange(outcome.id),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                       Typography,
                       {
                         as: "span",
@@ -9933,18 +10170,18 @@ var PlaceOrder = ({
                         children: (_c2 = outcome.title) != null ? _c2 : outcome.label
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
+                    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
                   ]
                 },
                 outcome.id
               );
             }) }) : null,
-            /* @__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)(
+            /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-order-amount-meta flex flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime123.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_runtime123.jsx)(LoadingIcon, { size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "whitespace-pre", children: displayedCurrentSellableSharesLabel }),
+                  displayedCurrentSellableShares > 0 ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                     "button",
                     {
                       type: "button",
@@ -9960,9 +10197,9 @@ var PlaceOrder = ({
                       children: tradingLabels.maxShares
                     }
                   ) : 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_runtime123.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_runtime123.jsx)(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(totalBalance)) }) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                 CurrencyInput,
                 {
                   value: internalAmount,
@@ -9971,7 +10208,7 @@ var PlaceOrder = ({
                   isInvalid: isInsufficientBalance || isBelowMinimum,
                   disabled: !orderEligibility.canPlaceOrder,
                   prefix: internalTab === "buy" ? "$" : "",
-                  decimalPlaces: isSell ? 6 : 2,
+                  decimalPlaces: isSell ? SELL_SHARE_INPUT_DECIMALS : 2,
                   classNames: {
                     input: cn(
                       "agg-order-amount-input",
@@ -9982,9 +10219,9 @@ var PlaceOrder = ({
                 }
               )
             ] }),
-            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)(
+            showFeesBreakdown && hasEnteredAmount && !isBelowMinimum && estimatedFeesValue ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-order-fees-section flex items-center justify-between gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                   Typography,
                   {
                     variant: "text-sm",
@@ -9992,7 +10229,7 @@ var PlaceOrder = ({
                     children: tradingLabels.estimatedFees
                   }
                 ),
-                feeBreakdownRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                feeBreakdownRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                   Tooltip,
                   {
                     "aria-label": tradingLabels.estimatedFeesTooltipAria,
@@ -10004,13 +10241,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_runtime122.jsx)("div", { className: "flex w-full flex-col gap-2", children: feeBreakdownRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+                    content: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "flex w-full flex-col gap-2", children: feeBreakdownRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime122.jsx)("span", { children: row.label }),
-                          row.kind === "badge" ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: row.label }),
+                          row.kind === "badge" ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                             "span",
                             {
                               className: cn(
@@ -10020,7 +10257,7 @@ var PlaceOrder = ({
                               ),
                               children: row.badgeLabel
                             }
-                          ) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "text-right", children: row.value })
+                          ) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "text-right", children: row.value })
                         ]
                       },
                       row.label
@@ -10028,12 +10265,12 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: estimatedFeesValue })
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: estimatedFeesValue })
             ] }) : null,
-            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)(
+            shouldShowSmartRouting ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-route-panel flex flex-col gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-route-panel-header flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime123.jsxs)(
                   "button",
                   {
                     type: "button",
@@ -10041,8 +10278,8 @@ var PlaceOrder = ({
                     "aria-label": tradingLabels.viewAllRoutes(orderedRouteCards.length),
                     onClick: () => setIsRoutesExpanded((currentValue) => !currentValue),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { children: tradingLabels.viewAllRoutes(orderedRouteCards.length) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: tradingLabels.viewAllRoutes(orderedRouteCards.length) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                         Icon,
                         {
                           name: "chevron-down",
@@ -10055,11 +10292,11 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }),
-              /* @__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, {})
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: isQuoteLoading ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-route-loading flex flex-col gap-2", "aria-hidden": "true", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(PlaceOrderRouteCardSkeleton, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(PlaceOrderRouteCardSkeleton, {})
               ] }) : visibleRouteCards.length > 0 ? visibleRouteCards.map((card) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_react10.Fragment, { children: renderRouteCard({
+                return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_react11.Fragment, { children: renderRouteCard({
                   card,
                   enableAnimations,
                   isExpanded: card.kind === "split" ? isSplitDetailOpen : isRoutesExpanded,
@@ -10069,13 +10306,13 @@ var PlaceOrder = ({
                 }) }, card.id);
               }) : null })
             ] }) : null,
-            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 })
+            hasEnteredAmount && selectedRouteCard && !isQuoteLoading && !isBelowMinimum && orderEligibility.canPlaceOrder ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-order-summary flex items-start justify-between gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-order-summary-meta flex flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime123.jsx)("p", { className: "agg-order-summary-hint text-agg-sm leading-agg-5 text-agg-muted-foreground", children: displayedToWinHint })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
-                import_react9.default,
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                import_react10.default,
                 {
                   value: displayedToWinValue,
                   locales: locale,
@@ -10089,7 +10326,7 @@ var PlaceOrder = ({
                 }
               )
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
               "div",
               {
                 className: cn(
@@ -10097,17 +10334,17 @@ var PlaceOrder = ({
                   classNames == null ? void 0 : classNames.footer
                 ),
                 children: [
-                  !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)(
+                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-order-alerts flex flex-col gap-3 empty:hidden mb-3", children: [
+                    submissionFeedback ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                       InlineAlert,
                       {
                         tone: submissionFeedback.tone,
                         message: submissionFeedback.message
                       }
                     ) : null,
-                    !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)(
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && isBelowMinimum ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(InlineAlert, { tone: "error", message: belowMinimumMessage }) : null,
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && quoteStatus ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(InlineAlert, { tone: quoteStatus.tone, message: quoteStatus.message }) : null,
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && !quoteStatus && isAuthenticated && hasEnteredAmount && smartRouteErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                       InlineAlert,
                       {
                         tone: "error",
@@ -10119,14 +10356,14 @@ var PlaceOrder = ({
                       }
                     ) : null
                   ] }) : null,
-                  !submissionFeedback && !shouldShowGeoBlockBanner && orderEligibility.canPlaceOrder && shouldShowInsufficientBalanceAlert ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+                  !submissionFeedback && !shouldShowGeoBlockBanner && orderEligibility.canPlaceOrder && shouldShowInsufficientBalanceAlert ? /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime122.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                           Icon,
                           {
                             name: "warning-filled",
@@ -10135,11 +10372,11 @@ var PlaceOrder = ({
                             "aria-hidden": "true"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "text-agg-sm text-agg-foreground", children: tradingLabels.insufficientBalance })
+                        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "text-agg-sm text-agg-foreground", children: tradingLabels.insufficientBalance })
                       ]
                     }
                   ) : null,
-                  !submissionFeedback && !shouldShowGeoBlockBanner && isInsufficientBalance ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                  !submissionFeedback && !shouldShowGeoBlockBanner && isInsufficientBalance ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                     Button,
                     {
                       size: "large",
@@ -10149,7 +10386,7 @@ var PlaceOrder = ({
                       onClick: handleDepositRequiredClick,
                       children: tradingLabels.deposit
                     }
-                  ) : needsKycVerification && !submissionFeedback && !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(InitiateKycButton, { label: tradingLabels.kycRequired, onOpen: openVerifyModal }) : isQuoteLoading && !isActionLoading ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                  ) : needsKycVerification && !submissionFeedback && !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(InitiateKycButton, { label: tradingLabels.kycRequired, onOpen: openVerifyModal }) : isQuoteLoading && !isActionLoading ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                     Button,
                     {
                       size: "large",
@@ -10158,7 +10395,7 @@ var PlaceOrder = ({
                       disabled: true,
                       "aria-live": "polite",
                       "aria-label": routeLoadingMessage != null ? routeLoadingMessage : labels.common.loading,
-                      prefix: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                      prefix: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                         "span",
                         {
                           className: cn(
@@ -10170,7 +10407,7 @@ var PlaceOrder = ({
                       ),
                       children: routeLoadingMessage
                     }
-                  ) : !isAuthenticated ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                  ) : !isAuthenticated ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                     Button,
                     {
                       size: "large",
@@ -10178,10 +10415,10 @@ var PlaceOrder = ({
                       className: "agg-order-submit h-12 w-full px-8 text-agg-base leading-agg-6 shadow-none",
                       disabled: !orderEligibility.canPlaceOrder || shouldShowGeoBlockBanner,
                       "aria-label": tradingLabels.signInToTrade,
-                      onClick: import_hooks29.requestAggAuthChooserOpen,
+                      onClick: import_hooks30.requestAggAuthChooserOpen,
                       children: tradingLabels.signInToTrade
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                     Button,
                     {
                       size: "large",
@@ -10196,8 +10433,8 @@ var PlaceOrder = ({
                       children: actionLabel
                     }
                   ),
-                  !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)(
+                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime123.jsx)(
                       Icon,
                       {
                         name: "shield-trust",
@@ -10206,10 +10443,10 @@ var PlaceOrder = ({
                         "aria-hidden": "true"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Typography, { variant: "text-xs-caps", className: "text-agg-primary", children: tradingLabels.platformFee })
+                    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Typography, { variant: "text-xs-caps", className: "text-agg-primary", children: tradingLabels.platformFee })
                   ] }) : 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
+                  shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(GeoBlockBanner, { termsUrl: AGG_TERMS_OF_SERVICE_URL }) : null,
+                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "agg-order-disclaimer text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.disclaimer }) : null
                 ]
               }
             )
@@ -10217,7 +10454,7 @@ var PlaceOrder = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
       KycVerifyModal,
       {
         open: isKycVerifyModalOpen,
@@ -10234,7 +10471,7 @@ var PlaceOrder = ({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
       KycSuccessModal,
       {
         open: showKycSuccessModal,
@@ -10253,33 +10490,33 @@ var PlaceOrder = ({
 PlaceOrder.displayName = "PlaceOrder";
 
 // src/trading/trading-context/index.tsx
-var import_hooks30 = require("@agg-build/hooks");
+var import_hooks31 = require("@agg-build/hooks");
 
 // src/trading/use-claim-winnings.ts
-var import_hooks31 = require("@agg-build/hooks");
-var import_react11 = require("react");
+var import_hooks32 = require("@agg-build/hooks");
+var import_react12 = 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 labels = (0, import_hooks32.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)(
+  const queryClient = (0, import_hooks32.useQueryClient)();
+  const redeemMutation = (0, import_hooks32.useRedeem)();
+  const [activeRedeems, setActiveRedeems] = (0, import_react12.useState)({});
+  const activeClaimKeysRef = (0, import_react12.useRef)(/* @__PURE__ */ new Set());
+  const pendingClaimToastIdsRef = (0, import_react12.useRef)({});
+  const submittedClaimToastKeysRef = (0, import_react12.useRef)(/* @__PURE__ */ new Set());
+  const [submittingClaimKeys, setSubmittingClaimKeys] = (0, import_react12.useState)({});
+  const lifecycleInputs = (0, import_react12.useMemo)(
     () => Object.values(activeRedeems),
     [activeRedeems]
   );
-  const lifecycleStates = (0, import_hooks31.useRedeemLifecycles)(lifecycleInputs);
-  const internalClaimingIds = (0, import_react11.useMemo)(() => {
+  const lifecycleStates = (0, import_hooks32.useRedeemLifecycles)(lifecycleInputs);
+  const internalClaimingIds = (0, import_react12.useMemo)(() => {
     const out = __spreadValues({}, submittingClaimKeys);
     for (const [claimKey, active] of Object.entries(activeRedeems)) {
       const state = lifecycleStates[active.redeemId];
@@ -10288,20 +10525,20 @@ function useClaimWinnings(options = {}) {
     return out;
   }, [activeRedeems, lifecycleStates, submittingClaimKeys]);
   const claimingKeys = externalClaimingKeys != null ? externalClaimingKeys : internalClaimingIds;
-  const isClaiming = (0, import_react11.useCallback)(
+  const isClaiming = (0, import_react12.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);
+  const invalidateClaimUiState = (0, import_react12.useCallback)(() => {
+    (0, import_hooks32.invalidateBalanceQueries)(queryClient);
+    (0, import_hooks32.invalidatePositionQueries)(queryClient);
     queryClient.invalidateQueries({
-      queryKey: import_hooks31.executionKeys.claimablePositionsCount(),
+      queryKey: import_hooks32.executionKeys.claimablePositionsCount(),
       refetchType: "active"
     });
-    (0, import_hooks31.invalidateUserActivityQueries)(queryClient);
+    (0, import_hooks32.invalidateUserActivityQueries)(queryClient);
   }, [queryClient]);
-  const claim = (0, import_react11.useCallback)(
+  const claim = (0, import_react12.useCallback)(
     (_0) => __async(null, [_0], function* ({ claimKey, winningOutcomeIds, payload }) {
       if (activeClaimKeysRef.current.has(claimKey) || Boolean(externalClaimingKeys == null ? void 0 : externalClaimingKeys[claimKey]) || internalClaimingIds[claimKey]) {
         return;
@@ -10439,8 +10676,8 @@ function useClaimWinnings(options = {}) {
       toastCtx
     ]
   );
-  const firedTerminalRef = (0, import_react11.useRef)({});
-  (0, import_react11.useEffect)(() => {
+  const firedTerminalRef = (0, import_react12.useRef)({});
+  (0, import_react12.useEffect)(() => {
     var _a, _b;
     for (const [claimKey, active] of Object.entries(activeRedeems)) {
       const state = lifecycleStates[active.redeemId];
@@ -10496,8 +10733,8 @@ function useClaimWinnings(options = {}) {
 }
 
 // src/trading/use-resolved-market-claim.ts
-var import_hooks32 = require("@agg-build/hooks");
-var import_react12 = require("react");
+var import_hooks33 = require("@agg-build/hooks");
+var import_react13 = require("react");
 var sharesFormatter = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
 var dateFormatter = new Intl.DateTimeFormat("en-US", {
   month: "short",
@@ -10513,18 +10750,18 @@ var formatResolutionDate = (value) => {
 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 { isAuthenticated } = (0, import_hooks33.useAggAuthState)();
+  const tradingState = (0, import_react13.useMemo)(() => (0, import_hooks33.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({
+  const { positions } = (0, import_hooks33.useExecutionPositions)(__spreadValues({
     enabled: shouldFetch,
     status: "active",
     limit: 50
   }, executionMode === "paper" ? { mode: "paper" } : {}));
   const claimWinnings = useClaimWinnings();
-  return (0, import_react12.useMemo)(() => {
+  return (0, import_react13.useMemo)(() => {
     var _a2, _b, _c;
     if (!shouldFetch || !marketId) return void 0;
     const group = positions.find(
@@ -10535,7 +10772,7 @@ function useResolvedMarketClaim(options = {}) {
       (outcome) => outcome.winner === true && outcome.totalSize > 0
     );
     if (winningOutcomes.length === 0) return void 0;
-    const totals = (0, import_hooks32.computeClosedPositionTotals)(group);
+    const totals = (0, import_hooks33.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;