@agg-build/ui 2.1.2 → 2.1.4

package/dist/{chunk-ZOECARZW.mjs → chunk-BW7S2YR3.mjs}

@@ -8,10 +8,11 @@ import {
   getTradingValueLabel,
   getTradingVenueLabel,
   resolveOrderEligibilityMessage
-} from "./chunk-5RBHMMY3.mjs";
+} from "./chunk-R2YNZJZ3.mjs";
 import {
-  GeoBlockBanner
-} from "./chunk-75AMJAWR.mjs";
+  GeoBlockBanner,
+  subscribeAggDepositNotification
+} from "./chunk-T4YZGAYS.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -37,11 +38,12 @@ import {
   __spreadProps,
   __spreadValues,
   cn,
+  formatSportsEventTimeEt,
   formatUsd,
   getMotionClassName,
   skeletonViews,
   useOptionalToast
-} from "./chunk-TBD3N4T4.mjs";
+} from "./chunk-VP76G6PN.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";
@@ -110,7 +112,362 @@ import {
 } from "@agg-build/hooks";
 import NumberFlow from "@number-flow/react";
 import * as Dialog from "@radix-ui/react-dialog";
-import { Fragment, useCallback as useCallback2, useEffect as useEffect2, useId, useMemo as useMemo2, useRef as useRef2, useState as useState3 } from "react";
+import { Fragment as Fragment2, useCallback as useCallback3, useEffect as useEffect3, useId, useMemo as useMemo2, useRef as useRef3, useState as useState3 } from "react";
+
+// src/notifications/agg-notification-events-provider.tsx
+import {
+  useAggAuthState,
+  useAggLabels,
+  useAggUiConfig,
+  useOnOrderEvent,
+  useOnWithdrawalLifecycle,
+  useOptionalAggClient,
+  useUserActivity
+} from "@agg-build/hooks";
+import { useCallback, useEffect, useRef } from "react";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+function AggNotificationEventsProvider({
+  children,
+  enabled = true,
+  depositActivityLimit = 25
+}) {
+  const aggClient = useOptionalAggClient();
+  if (!aggClient) {
+    return /* @__PURE__ */ jsx2(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2(AggNotificationEventsBridge, { enabled, depositActivityLimit }),
+    children
+  ] });
+}
+var TERMINAL_ORDER_EVENTS = /* @__PURE__ */ new Set(["filled", "partial_fill", "failed"]);
+var firedOrderNotificationKeys = /* @__PURE__ */ new Set();
+var TERMINAL_WITHDRAWAL_STATUSES = /* @__PURE__ */ new Set([
+  "completed",
+  "partial",
+  "failed"
+]);
+var isTerminalWithdrawalStatus = (value) => TERMINAL_WITHDRAWAL_STATUSES.has(value);
+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 formatDecimalAmount = (value) => {
+  if (!value) return void 0;
+  const parsed = Number(value.replace(/,/g, ""));
+  if (!Number.isFinite(parsed)) return value;
+  return parsed.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 display = cents.toLocaleString("en-US", {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 1
+  });
+  return `${display}\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 resetOrderNotificationDedupe() {
+  firedOrderNotificationKeys.clear();
+}
+function AggNotificationEventsBridge({ enabled, depositActivityLimit }) {
+  var _a;
+  const toastCtx = useOptionalToast();
+  const { user, isAuthenticated } = useAggAuthState();
+  const labels = useAggLabels();
+  const { features } = useAggUiConfig();
+  const notificationsFeatureEnabled = features.enableNotifications !== false;
+  const effectivelyEnabled = enabled && notificationsFeatureEnabled;
+  const currentUserId = (_a = user == null ? void 0 : user.id) != null ? _a : null;
+  const firedKeysRef = useRef(/* @__PURE__ */ new Set());
+  const depositStatusesRef = useRef(/* @__PURE__ */ new Map());
+  const hasSeededDepositStatusesRef = useRef(false);
+  const recentClientDepositFingerprintsRef = useRef(/* @__PURE__ */ new Map());
+  const lastUserIdRef = useRef("uninitialized");
+  useEffect(() => {
+    if (lastUserIdRef.current === currentUserId) return;
+    lastUserIdRef.current = currentUserId;
+    firedKeysRef.current = /* @__PURE__ */ new Set();
+    resetOrderNotificationDedupe();
+    depositStatusesRef.current = /* @__PURE__ */ new Map();
+    hasSeededDepositStatusesRef.current = false;
+    recentClientDepositFingerprintsRef.current = /* @__PURE__ */ new Map();
+  }, [currentUserId]);
+  const fireOnce = useCallback(
+    (key, tone, title, message, detail) => {
+      if (!effectivelyEnabled) return;
+      const toast = toastCtx == null ? void 0 : toastCtx.toast;
+      if (!toast) return;
+      if (firedKeysRef.current.has(key)) return;
+      firedKeysRef.current.add(key);
+      toast(message, { tone, title, detail });
+    },
+    [effectivelyEnabled, toastCtx]
+  );
+  const orderEventCallback = useCallback(
+    (event) => {
+      if (!effectivelyEnabled || !isAuthenticated) return;
+      if (!currentUserId || event.userId !== currentUserId) return;
+      if (!TERMINAL_ORDER_EVENTS.has(event.event)) return;
+      handleOrderEvent({ event, labels, fireOnce });
+    },
+    [currentUserId, effectivelyEnabled, fireOnce, isAuthenticated, labels]
+  );
+  useOnOrderEvent(orderEventCallback);
+  const withdrawalCallback = useCallback(
+    (event) => {
+      if (!effectivelyEnabled || !isAuthenticated) return;
+      if (!currentUserId || event.userId !== currentUserId) return;
+      if (!event.terminal) return;
+      if (!isTerminalWithdrawalStatus(event.status)) return;
+      handleWithdrawalEvent({ event, labels, fireOnce });
+    },
+    [currentUserId, effectivelyEnabled, fireOnce, isAuthenticated, labels]
+  );
+  useOnWithdrawalLifecycle(withdrawalCallback);
+  useEffect(() => {
+    if (!effectivelyEnabled || !isAuthenticated || !currentUserId) return;
+    return subscribeAggDepositNotification((event) => {
+      handleClientDepositNotification({
+        event,
+        labels,
+        fireOnce,
+        recentClientDepositFingerprints: recentClientDepositFingerprintsRef.current
+      });
+    });
+  }, [currentUserId, effectivelyEnabled, fireOnce, isAuthenticated, labels]);
+  const depositActivity = useUserActivity({
+    type: "deposit",
+    limit: depositActivityLimit,
+    enabled: effectivelyEnabled && isAuthenticated && currentUserId !== null
+  });
+  const depositActivities = depositActivity.activities;
+  useEffect(() => {
+    if (!effectivelyEnabled || !isAuthenticated || !currentUserId) return;
+    if (!depositActivity.isSuccess) return;
+    handleDepositActivities({
+      deposits: depositActivities,
+      previousStatuses: depositStatusesRef.current,
+      hasSeededStatuses: hasSeededDepositStatusesRef.current,
+      labels,
+      fireOnce,
+      shouldSuppressToast: (status, amountLabel, tokenLabel) => hasRecentClientDepositNotification({
+        recentClientDepositFingerprints: recentClientDepositFingerprintsRef.current,
+        status,
+        amountLabel,
+        tokenLabel
+      })
+    });
+    hasSeededDepositStatusesRef.current = true;
+  }, [
+    currentUserId,
+    depositActivities,
+    depositActivity.isSuccess,
+    effectivelyEnabled,
+    fireOnce,
+    isAuthenticated,
+    labels
+  ]);
+  return null;
+}
+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, title, message, detail) => {
+    if (firedOrderNotificationKeys.has(key)) return;
+    firedOrderNotificationKeys.add(key);
+    fireOnce(key, tone, title, 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
+    );
+  }
+}
+function handleWithdrawalEvent({ event, labels, fireOnce }) {
+  var _a;
+  const amountLabel = formatScaledMicroAmount((_a = event.completedAmountRaw) != null ? _a : event.requestedAmountRaw);
+  if (event.status === "completed") {
+    fireOnce(
+      `withdrawal:${event.withdrawalId}:completed`,
+      "success",
+      labels.notifications.withdrawal.completedTitle,
+      labels.notifications.withdrawal.completedMessage({ amountLabel })
+    );
+    return;
+  }
+  if (event.status === "partial") {
+    fireOnce(
+      `withdrawal:${event.withdrawalId}:partial`,
+      "warning",
+      labels.notifications.withdrawal.partialTitle,
+      labels.notifications.withdrawal.partialMessage({ amountLabel })
+    );
+    return;
+  }
+  if (event.status === "failed") {
+    fireOnce(
+      `withdrawal:${event.withdrawalId}:failed`,
+      "error",
+      labels.notifications.withdrawal.failedTitle,
+      labels.notifications.withdrawal.failedMessage(event.errorMessage)
+    );
+  }
+}
+var DEPOSIT_COMPLETED_STATUSES = /* @__PURE__ */ new Set(["completed", "confirmed", "succeeded", "success"]);
+var DEPOSIT_FAILED_STATUSES = /* @__PURE__ */ new Set(["failed", "errored", "rejected"]);
+var CLIENT_DEPOSIT_ACTIVITY_SUPPRESSION_MS = 2 * 60 * 1e3;
+var isTerminalDepositStatus = (status) => DEPOSIT_COMPLETED_STATUSES.has(status) || DEPOSIT_FAILED_STATUSES.has(status);
+var getDepositNotificationFingerprint = ({
+  status,
+  amountLabel,
+  tokenLabel
+}) => `${status}:${amountLabel != null ? amountLabel : ""}:${tokenLabel != null ? tokenLabel : ""}`.toLowerCase();
+var hasRecentClientDepositNotification = ({
+  recentClientDepositFingerprints,
+  status,
+  amountLabel,
+  tokenLabel
+}) => {
+  const fingerprint = getDepositNotificationFingerprint({ status, amountLabel, tokenLabel });
+  const lastNotifiedAt = recentClientDepositFingerprints.get(fingerprint);
+  if (!lastNotifiedAt) return false;
+  if (Date.now() - lastNotifiedAt <= CLIENT_DEPOSIT_ACTIVITY_SUPPRESSION_MS) {
+    return true;
+  }
+  recentClientDepositFingerprints.delete(fingerprint);
+  return false;
+};
+function handleClientDepositNotification({
+  event,
+  labels,
+  fireOnce,
+  recentClientDepositFingerprints
+}) {
+  var _a, _b, _c;
+  const amountLabel = formatDecimalAmount(event.amount);
+  const tokenLabel = event.tokenSymbol;
+  const fingerprint = getDepositNotificationFingerprint({
+    status: event.status,
+    amountLabel,
+    tokenLabel
+  });
+  recentClientDepositFingerprints.set(fingerprint, Date.now());
+  if (event.status === "completed") {
+    fireOnce(
+      `deposit-client:${(_a = event.id) != null ? _a : fingerprint}:completed`,
+      "success",
+      labels.notifications.deposit.completedTitle,
+      labels.notifications.deposit.completedMessage({ amountLabel, tokenLabel })
+    );
+    return;
+  }
+  fireOnce(
+    `deposit-client:${(_b = event.id) != null ? _b : fingerprint}:failed`,
+    "error",
+    labels.notifications.deposit.failedTitle,
+    (_c = event.errorMessage) != null ? _c : labels.notifications.deposit.failedMessage({ amountLabel, tokenLabel })
+  );
+}
+function handleDepositActivities({
+  deposits,
+  previousStatuses,
+  hasSeededStatuses,
+  labels,
+  fireOnce,
+  shouldSuppressToast
+}) {
+  for (const item of deposits) {
+    if (item.type !== "deposit") continue;
+    const deposit = item;
+    const status = deposit.status.toLowerCase();
+    const isCompleted = DEPOSIT_COMPLETED_STATUSES.has(status);
+    const isFailed = DEPOSIT_FAILED_STATUSES.has(status);
+    const previousStatus = previousStatuses.get(deposit.id);
+    previousStatuses.set(deposit.id, status);
+    if (!hasSeededStatuses) continue;
+    if (!previousStatus) continue;
+    if (isTerminalDepositStatus(previousStatus)) continue;
+    if (!isCompleted && !isFailed) continue;
+    const amountLabel = formatScaledMicroAmount(deposit.amountRaw);
+    const tokenLabel = deposit.tokenSymbol;
+    const terminalStatus = isCompleted ? "completed" : "failed";
+    if (shouldSuppressToast == null ? void 0 : shouldSuppressToast(terminalStatus, amountLabel, tokenLabel)) continue;
+    if (isCompleted) {
+      fireOnce(
+        `deposit:${deposit.id}:completed`,
+        "success",
+        labels.notifications.deposit.completedTitle,
+        labels.notifications.deposit.completedMessage({ amountLabel, tokenLabel })
+      );
+    } else {
+      fireOnce(
+        `deposit:${deposit.id}:failed`,
+        "error",
+        labels.notifications.deposit.failedTitle,
+        labels.notifications.deposit.failedMessage({ amountLabel, tokenLabel })
+      );
+    }
+  }
+}
 
 // src/shared/deposit-modal-events.ts
 var DEPOSIT_MODAL_OPEN_EVENT = "agg-deposit:open-modal";
@@ -126,7 +483,7 @@ var requestAggWithdrawModalOpen = () => {
 
 // src/trading/use-kalshi-kyc-flow.ts
 import { useAggClient, useDepositAddresses } from "@agg-build/hooks";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useCallback as useCallback2, useEffect as useEffect2, useMemo, useRef as useRef2, useState } from "react";
 var KYC_PENDING_STORAGE_KEY = "agg_kyc_pending";
 var getKycPendingState = () => {
   var _a, _b;
@@ -161,7 +518,7 @@ var useKalshiKycFlow = ({
   const [showSuccessModal, setShowSuccessModal] = useState(false);
   const [isInitiating, setIsInitiating] = useState(false);
   const [needsDepositAddress, setNeedsDepositAddress] = useState(false);
-  const initiationAttemptRef = useRef(0);
+  const initiationAttemptRef = useRef2(0);
   const { isReady, isTimedOut } = useDepositAddresses({ enabled: needsDepositAddress, poll: true });
   const pendingState = useMemo(
     () => ({
@@ -171,28 +528,28 @@ var useKalshiKycFlow = ({
     }),
     [userId, walletAddress]
   );
-  const resetInitiation = useCallback(() => {
+  const resetInitiation = useCallback2(() => {
     setIsInitiating(false);
     setNeedsDepositAddress(false);
   }, []);
-  const closeVerifyModal = useCallback(() => {
+  const closeVerifyModal = useCallback2(() => {
     initiationAttemptRef.current += 1;
     clearKycPendingState();
     resetInitiation();
     setIsVerifyModalOpen(false);
   }, [resetInitiation]);
-  const closeSuccessModal = useCallback(() => {
+  const closeSuccessModal = useCallback2(() => {
     setShowSuccessModal(false);
   }, []);
-  const openVerifyModal = useCallback(() => {
+  const openVerifyModal = useCallback2(() => {
     setIsVerifyModalOpen(true);
   }, []);
-  const startVerification = useCallback(() => {
+  const startVerification = useCallback2(() => {
     initiationAttemptRef.current += 1;
     setIsInitiating(true);
     setNeedsDepositAddress(true);
   }, []);
-  useEffect(() => {
+  useEffect2(() => {
     if (!isInitiating || !isReady) return;
     const attemptId = initiationAttemptRef.current;
     const redirectUri = window.location.href;
@@ -209,14 +566,14 @@ var useKalshiKycFlow = ({
       resetInitiation();
     });
   }, [client, isInitiating, isReady, onError, pendingState, resetInitiation]);
-  useEffect(() => {
+  useEffect2(() => {
     if (isTimedOut && isInitiating) {
       clearKycPendingState();
       resetInitiation();
       onError == null ? void 0 : onError(new Error("Deposit address provisioning timed out"));
     }
   }, [isInitiating, isTimedOut, onError, resetInitiation]);
-  useEffect(() => {
+  useEffect2(() => {
     const storedPendingState = getKycPendingState();
     const isMatchingSession = (storedPendingState == null ? void 0 : storedPendingState.venue) === "kalshi" && storedPendingState.userId === pendingState.userId && storedPendingState.walletAddress === pendingState.walletAddress;
     if (isKalshiVerified && isMatchingSession) {
@@ -1806,7 +2163,7 @@ var isPercentageBelowMinimum = (value, minimumValue) => {
 };
 
 // src/trading/place-order/index.place-order.failure.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var resolveFailureActionHandler = ({
   action,
   onDone,
@@ -1819,12 +2176,12 @@ var resolveFailureActionHandler = ({
 };
 var renderPartialFailureStep = (step) => {
   const isWarningStep = step.tone === "warning" || step.tone === "error";
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "div",
     {
       className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
       children: [
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx3(
           Icon,
           {
             name: isWarningStep ? "warning-filled" : "check-circle",
@@ -1833,8 +2190,8 @@ var renderPartialFailureStep = (step) => {
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsx2("p", { className: "min-w-0 flex-1", children: step.label }),
-        step.venue ? /* @__PURE__ */ jsx2(VenueLogo, { venue: step.venue, size: "small", className: "h-4 w-4 shrink-0" }) : null
+        /* @__PURE__ */ jsx3("p", { className: "min-w-0 flex-1", children: step.label }),
+        step.venue ? /* @__PURE__ */ jsx3(VenueLogo, { venue: step.venue, size: "small", className: "h-4 w-4 shrink-0" }) : null
       ]
     },
     step.id
@@ -1853,10 +2210,10 @@ var PlaceOrderFailureView = ({
   const shouldShowPartialFailureLayout = summary.kind === "partial_fill";
   const failureStepGroups = shouldShowPartialFailureLayout ? groupPlaceOrderFailureSteps(summary.steps) : [];
   if (shouldShowPartialFailureLayout) {
-    return /* @__PURE__ */ jsx2(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ jsxs("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
-      /* @__PURE__ */ jsxs("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx3(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ jsxs2("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx3(
             RemoteImage,
             {
               src: (_a = summary.eventImage) != null ? _a : null,
@@ -1864,12 +2221,12 @@ var PlaceOrderFailureView = ({
               className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
             }
           ),
-          /* @__PURE__ */ jsx2("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__ */ jsx3("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__ */ jsx2("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
+        summary.eventSubtitle ? /* @__PURE__ */ jsx3("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
       ] }),
-      /* @__PURE__ */ jsx2("div", { className: "flex flex-col gap-4", children: failureStepGroups.map((group, groupIndex) => /* @__PURE__ */ jsx2("div", { className: "flex flex-col gap-2", children: group.map((step) => renderPartialFailureStep(step)) }, `failure-group-${groupIndex}`)) }),
-      /* @__PURE__ */ jsx2("div", { className: "flex items-center gap-4", children: summary.actions.map((action) => /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx3("div", { className: "flex flex-col gap-4", children: failureStepGroups.map((group, groupIndex) => /* @__PURE__ */ jsx3("div", { className: "flex flex-col gap-2", children: group.map((step) => renderPartialFailureStep(step)) }, `failure-group-${groupIndex}`)) }),
+      /* @__PURE__ */ jsx3("div", { className: "flex items-center gap-4", children: summary.actions.map((action) => /* @__PURE__ */ jsx3(
         Button,
         {
           variant: "tertiary",
@@ -1883,10 +2240,10 @@ var PlaceOrderFailureView = ({
       )) })
     ] }) });
   }
-  return /* @__PURE__ */ jsx2(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ jsxs("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
-    /* @__PURE__ */ jsxs("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ jsxs2("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx3(
           RemoteImage,
           {
             src: (_b = summary.eventImage) != null ? _b : null,
@@ -1894,11 +2251,11 @@ var PlaceOrderFailureView = ({
             className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
           }
         ),
-        /* @__PURE__ */ jsx2("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__ */ jsx3("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__ */ jsx2("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
+      summary.eventSubtitle ? /* @__PURE__ */ jsx3("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
     ] }),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx3(
       InlineAlert,
       {
         tone: "error",
@@ -1907,7 +2264,7 @@ var PlaceOrderFailureView = ({
         message: tradingLabels.orderFailureDescription((_c = summary.errorMessage) != null ? _c : "")
       }
     ),
-    /* @__PURE__ */ jsx2("div", { className: "agg-order-failure-actions flex items-center gap-3", children: summary.actions.map((action) => /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx3("div", { className: "agg-order-failure-actions flex items-center gap-3", children: summary.actions.map((action) => /* @__PURE__ */ jsx3(
       Button,
       {
         variant: action.variant === "retry" ? "primary" : "secondary",
@@ -1925,7 +2282,7 @@ PlaceOrderFailureView.displayName = "PlaceOrderFailureView";
 
 // src/trading/place-order/index.place-order.success.tsx
 import { useState as useState2 } from "react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var resolveBuyToWinLabel = (shares) => {
   if (!shares) return "$0";
   return shares.startsWith("$") ? shares : `$${shares}`;
@@ -1956,10 +2313,10 @@ var PlaceOrderSuccessView = ({
   const resolveStepIconClassName = (tone) => {
     return tone === "warning" || tone === "error" ? "text-agg-warning" : "text-agg-primary";
   };
-  return /* @__PURE__ */ jsx3(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ jsxs2("div", { className: "agg-order-success-body flex flex-col gap-6 p-5", children: [
-    summary.eventTitle ? /* @__PURE__ */ jsxs2("div", { className: "agg-order-success-header flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "agg-order-success-market flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ jsxs3("div", { className: "agg-order-success-body flex flex-col gap-6 p-5", children: [
+    summary.eventTitle ? /* @__PURE__ */ jsxs3("div", { className: "agg-order-success-header flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "agg-order-success-market flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx4(
           RemoteImage,
           {
             src: (_h = summary.eventImage) != null ? _h : null,
@@ -1967,12 +2324,12 @@ var PlaceOrderSuccessView = ({
             className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
           }
         ),
-        /* @__PURE__ */ jsx3("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__ */ jsx4("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__ */ jsx3("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventDateLabel }) : null
+      summary.eventDateLabel ? /* @__PURE__ */ jsx4("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventDateLabel }) : null
     ] }) : null,
-    executionStepGroups.length > 0 ? /* @__PURE__ */ jsxs2("div", { className: "agg-order-success-timeline flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx3(
+    executionStepGroups.length > 0 ? /* @__PURE__ */ jsxs3("div", { className: "agg-order-success-timeline flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx4(
         "div",
         {
           "aria-hidden": !isExecutionDetailsExpanded,
@@ -1985,12 +2342,12 @@ var PlaceOrderSuccessView = ({
               "transition-[grid-template-rows,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
             )
           ),
-          children: /* @__PURE__ */ jsx3("div", { className: "min-h-0", children: /* @__PURE__ */ jsx3("div", { className: "flex flex-col gap-4 pb-2", children: detailedStepGroups.map((group, groupIndex) => /* @__PURE__ */ jsx3("div", { className: "flex flex-col gap-2", children: group.map((step) => /* @__PURE__ */ jsxs2(
+          children: /* @__PURE__ */ jsx4("div", { className: "min-h-0", children: /* @__PURE__ */ jsx4("div", { className: "flex flex-col gap-4 pb-2", children: detailedStepGroups.map((group, groupIndex) => /* @__PURE__ */ jsx4("div", { className: "flex flex-col gap-2", children: group.map((step) => /* @__PURE__ */ jsxs3(
             "div",
             {
               className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
               children: [
-                /* @__PURE__ */ jsx3(
+                /* @__PURE__ */ jsx4(
                   Icon,
                   {
                     name: resolveStepIconName(step.tone),
@@ -1999,8 +2356,8 @@ var PlaceOrderSuccessView = ({
                     "aria-hidden": "true"
                   }
                 ),
-                /* @__PURE__ */ jsx3("p", { className: "min-w-0 flex-1", children: step.label }),
-                step.venue ? /* @__PURE__ */ jsx3(
+                /* @__PURE__ */ jsx4("p", { className: "min-w-0 flex-1", children: step.label }),
+                step.venue ? /* @__PURE__ */ jsx4(
                   VenueLogo,
                   {
                     venue: step.venue,
@@ -2014,7 +2371,7 @@ var PlaceOrderSuccessView = ({
           )) }, `execution-group-${groupIndex}`)) }) })
         }
       ),
-      finalStep ? hasExecutionDetails ? /* @__PURE__ */ jsxs2(
+      finalStep ? hasExecutionDetails ? /* @__PURE__ */ jsxs3(
         "button",
         {
           type: "button",
@@ -2026,7 +2383,7 @@ var PlaceOrderSuccessView = ({
           ),
           onClick: () => setIsExecutionDetailsExpanded((currentValue) => !currentValue),
           children: [
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(
               Icon,
               {
                 name: resolveStepIconName(finalStep.tone),
@@ -2035,8 +2392,8 @@ var PlaceOrderSuccessView = ({
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ jsx3("p", { className: "min-w-0 flex-1", children: finalStep.label }),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4("p", { className: "min-w-0 flex-1", children: finalStep.label }),
+            /* @__PURE__ */ jsx4(
               Icon,
               {
                 name: isExecutionDetailsExpanded ? "chevron-up" : "chevron-down",
@@ -2047,8 +2404,8 @@ var PlaceOrderSuccessView = ({
             )
           ]
         }
-      ) : /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-        /* @__PURE__ */ jsx3(
+      ) : /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+        /* @__PURE__ */ jsx4(
           Icon,
           {
             name: resolveStepIconName(finalStep.tone),
@@ -2057,34 +2414,34 @@ var PlaceOrderSuccessView = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsx3("p", { className: "min-w-0 flex-1", children: finalStep.label })
+        /* @__PURE__ */ jsx4("p", { className: "min-w-0 flex-1", children: finalStep.label })
       ] }) : null
     ] }) : null,
-    /* @__PURE__ */ jsxs2(
+    /* @__PURE__ */ jsxs3(
       "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__ */ jsx3(Icon, { name: "success-check", size: "small", className: "h-4 w-4 shrink-0 text-current" }),
-          /* @__PURE__ */ jsx3("span", { children: resolvedActionLabel })
+          /* @__PURE__ */ jsx4(Icon, { name: "success-check", size: "small", className: "h-4 w-4 shrink-0 text-current" }),
+          /* @__PURE__ */ jsx4("span", { children: resolvedActionLabel })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs2("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ jsx3("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.amount(resolvedTradeSide) }),
-      /* @__PURE__ */ jsx3("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: resolvedAmountLabel })
+    /* @__PURE__ */ jsxs3("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsx4("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.amount(resolvedTradeSide) }),
+      /* @__PURE__ */ jsx4("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: resolvedAmountLabel })
     ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ jsx3("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(resolvedTradeSide) }),
-      /* @__PURE__ */ jsx3("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: resolvedToWinLabel })
+    /* @__PURE__ */ jsxs3("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsx4("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(resolvedTradeSide) }),
+      /* @__PURE__ */ jsx4("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: resolvedToWinLabel })
     ] }),
-    summary.potentialReturnLabel ? /* @__PURE__ */ jsxs2("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__ */ jsx3("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__ */ jsx3("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: (_i = tradingLabels.withSmartRouting) != null ? _i : "with Smart Routing" })
+    summary.potentialReturnLabel ? /* @__PURE__ */ jsxs3("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__ */ jsx4("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__ */ jsx4("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: (_i = tradingLabels.withSmartRouting) != null ? _i : "with Smart Routing" })
     ] }) : null,
-    /* @__PURE__ */ jsx3("div", { className: "agg-order-success-actions flex gap-3", children: /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4("div", { className: "agg-order-success-actions flex gap-3", children: /* @__PURE__ */ jsx4(
       Button,
       {
         variant: "secondary",
@@ -2100,7 +2457,23 @@ var PlaceOrderSuccessView = ({
 PlaceOrderSuccessView.displayName = "PlaceOrderSuccessView";
 
 // src/trading/place-order/index.tsx
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs4 } from "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;
@@ -2119,7 +2492,7 @@ var LoadingGlyph = ({
   className,
   enableAnimations
 }) => {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "span",
     {
       "aria-hidden": "true",
@@ -2140,9 +2513,9 @@ var PlaceOrderSlippageControl = ({
 }) => {
   var _a, _b;
   const labels = useLabels();
-  const containerRef = useRef2(null);
-  const triggerRef = useRef2(null);
-  const inputRef = useRef2(null);
+  const containerRef = useRef3(null);
+  const triggerRef = useRef3(null);
+  const inputRef = useRef3(null);
   const warningId = useId();
   const defaultValue = finalizePercentageValue(slippageDefaultValue);
   const committedValue = finalizePercentageValue(slippageValue) || defaultValue;
@@ -2151,13 +2524,13 @@ var PlaceOrderSlippageControl = ({
     () => isPercentageBelowMinimum(committedValue, slippageMinimumValue)
   );
   const [shouldFocusInput, setShouldFocusInput] = useState3(false);
-  useEffect2(() => {
+  useEffect3(() => {
     setDraftValue(committedValue);
     if (isPercentageBelowMinimum(committedValue, slippageMinimumValue)) {
       setIsEditing(true);
     }
   }, [committedValue, slippageMinimumValue]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!shouldFocusInput) return;
     requestAnimationFrame(() => {
       var _a2, _b2;
@@ -2237,8 +2610,8 @@ var PlaceOrderSlippageControl = ({
     if (!isEditing) return;
     handleCommitDraft(false);
   };
-  return /* @__PURE__ */ jsxs3("div", { ref: containerRef, className: "agg-slippage-control w-full", onBlur: handleContainerBlur, children: [
-    /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4("div", { ref: containerRef, className: "agg-slippage-control w-full", onBlur: handleContainerBlur, children: [
+    /* @__PURE__ */ jsxs4(
       "button",
       {
         ref: triggerRef,
@@ -2256,8 +2629,8 @@ var PlaceOrderSlippageControl = ({
         ),
         onClick: handleToggleEditing,
         children: [
-          /* @__PURE__ */ jsx4("span", { className: "agg-slippage-label", children: collapsedLabel }),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx5("span", { className: "agg-slippage-label", children: collapsedLabel }),
+          /* @__PURE__ */ jsx5(
             Icon,
             {
               name: isEditing ? "chevron-up" : "pencil",
@@ -2269,7 +2642,7 @@ var PlaceOrderSlippageControl = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       "div",
       {
         "aria-hidden": !isEditing,
@@ -2283,10 +2656,10 @@ var PlaceOrderSlippageControl = ({
             "transition-[grid-template-rows,opacity,margin-top] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]"
           )
         ),
-        children: /* @__PURE__ */ jsx4("div", { className: "min-h-0", children: /* @__PURE__ */ jsxs3("div", { className: "agg-slippage-editor-body flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxs3("div", { className: "agg-slippage-input-row flex h-9 overflow-hidden rounded-agg-sm border border-agg-separator", children: [
-            /* @__PURE__ */ jsxs3("div", { className: "agg-slippage-input-group flex min-w-0 flex-1 items-center gap-2 bg-agg-secondary px-3", children: [
-              /* @__PURE__ */ jsx4(
+        children: /* @__PURE__ */ jsx5("div", { className: "min-h-0", children: /* @__PURE__ */ jsxs4("div", { className: "agg-slippage-editor-body flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "agg-slippage-input-row flex h-9 overflow-hidden rounded-agg-sm border border-agg-separator", children: [
+            /* @__PURE__ */ jsxs4("div", { className: "agg-slippage-input-group flex min-w-0 flex-1 items-center gap-2 bg-agg-secondary px-3", children: [
+              /* @__PURE__ */ jsx5(
                 "input",
                 {
                   ref: inputRef,
@@ -2301,7 +2674,7 @@ var PlaceOrderSlippageControl = ({
                   onKeyDown: handleInputKeyDown
                 }
               ),
-              /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx5(
                 "button",
                 {
                   type: "button",
@@ -2319,8 +2692,8 @@ var PlaceOrderSlippageControl = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx4("div", { className: "h-full w-px bg-agg-separator", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx5("div", { className: "h-full w-px bg-agg-separator", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx5(
               "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",
@@ -2329,7 +2702,7 @@ var PlaceOrderSlippageControl = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx5(
             "div",
             {
               "aria-hidden": !resolvedWarningMessage,
@@ -2343,13 +2716,13 @@ var PlaceOrderSlippageControl = ({
                   "transition-[grid-template-rows,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
                 )
               ),
-              children: /* @__PURE__ */ jsx4("div", { className: "min-h-0", children: /* @__PURE__ */ jsxs3(
+              children: /* @__PURE__ */ jsx5("div", { className: "min-h-0", children: /* @__PURE__ */ jsxs4(
                 "div",
                 {
                   id: warningId,
                   className: "agg-slippage-warning-message flex items-start gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
                   children: [
-                    /* @__PURE__ */ jsx4(
+                    /* @__PURE__ */ jsx5(
                       Icon,
                       {
                         name: "warning-filled",
@@ -2358,7 +2731,7 @@ var PlaceOrderSlippageControl = ({
                         color: "currentColor"
                       }
                     ),
-                    /* @__PURE__ */ jsx4("p", { children: resolvedWarningMessage != null ? resolvedWarningMessage : "" })
+                    /* @__PURE__ */ jsx5("p", { children: resolvedWarningMessage != null ? resolvedWarningMessage : "" })
                   ]
                 }
               ) })
@@ -2378,9 +2751,9 @@ var renderCardHeader = ({
   onClose
 }) => {
   if (!headerTitle) return null;
-  return /* @__PURE__ */ jsxs3("div", { className: cn("agg-order-panel-header flex flex-col gap-2", className), children: [
-    /* @__PURE__ */ jsxs3("div", { className: "agg-order-market-summary flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs4("div", { className: cn("agg-order-panel-header flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ jsxs4("div", { className: "agg-order-market-summary flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx5(
         RemoteImage,
         {
           src: headerImage,
@@ -2388,30 +2761,78 @@ var renderCardHeader = ({
           className: "agg-order-market-image h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
         }
       ),
-      /* @__PURE__ */ jsx4("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__ */ jsx4(
+      /* @__PURE__ */ jsx5("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__ */ jsx5(
         "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__ */ jsx4(CloseIcon, { className: "h-5 w-5" })
+          children: /* @__PURE__ */ jsx5(CloseIcon, { className: "h-5 w-5" })
         }
       ) : null
     ] }),
-    headerSubtitle ? /* @__PURE__ */ jsx4("p", { className: "agg-order-market-subtitle text-agg-base leading-agg-6 text-agg-foreground", children: headerSubtitle }) : null
+    headerSubtitle ? /* @__PURE__ */ jsx5("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
 }) => {
+  var _a;
   const labels = useLabels();
   const tradingLabels = labels.trading;
-  return /* @__PURE__ */ jsx4(
+  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__ */ jsx5(
+      Card,
+      {
+        className: cn(
+          "group/agg-order-panel",
+          getPlaceOrderContainerClassName(),
+          classNames == null ? void 0 : classNames.root,
+          className
+        ),
+        role: "status",
+        "aria-label": labels.marketDetails.resolvingTitle,
+        children: /* @__PURE__ */ jsxs4(
+          "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__ */ jsx5("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-primary/10", children: /* @__PURE__ */ jsx5(LoadingIcon, { variant: "prominent" }) }),
+              /* @__PURE__ */ jsxs4("div", { className: cn("flex w-full flex-col items-center gap-1", classNames == null ? void 0 : classNames.content), children: [
+                /* @__PURE__ */ jsx5(Typography, { variant: "body-large-strong", children: labels.marketDetails.resolvingTitle }),
+                resolvingSubtitle ? /* @__PURE__ */ jsx5(Typography, { variant: "body", className: "text-center", children: resolvingSubtitle }) : null
+              ] }),
+              /* @__PURE__ */ jsx5(
+                Typography,
+                {
+                  variant: "label",
+                  className: "max-w-[300px] text-center text-agg-muted-foreground",
+                  children: labels.marketDetails.resolvingDescription
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx5(
     Card,
     {
       className: cn(
@@ -2420,19 +2841,19 @@ var PlaceOrderResolvedView = ({
         classNames == null ? void 0 : classNames.root,
         className
       ),
-      children: /* @__PURE__ */ jsxs3("div", { className: cn("agg-order-panel-body flex flex-col", classNames == null ? void 0 : classNames.body), children: [
-        /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center gap-6 p-8", children: [
-          /* @__PURE__ */ jsx4(
+      children: /* @__PURE__ */ jsxs4("div", { className: cn("agg-order-panel-body flex flex-col", classNames == null ? void 0 : classNames.body), children: [
+        /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-6 p-8", children: [
+          /* @__PURE__ */ jsx5(
             "div",
             {
               className: cn(
                 "flex h-15 w-15 items-center justify-center rounded-full",
                 "bg-agg-primary/15"
               ),
-              children: /* @__PURE__ */ jsx4(Icon, { name: "success-check", className: cn("h-6 w-6", "text-agg-primary") })
+              children: /* @__PURE__ */ jsx5(Icon, { name: "success-check", className: cn("h-6 w-6", "text-agg-primary") })
             }
           ),
-          /* @__PURE__ */ jsxs3(
+          /* @__PURE__ */ jsxs4(
             "div",
             {
               className: cn(
@@ -2440,31 +2861,31 @@ var PlaceOrderResolvedView = ({
                 classNames == null ? void 0 : classNames.content
               ),
               children: [
-                tradingState.market ? /* @__PURE__ */ jsx4(Typography, { variant: "body", children: tradingState.market.question }) : null,
-                tradingState.winningOutcome ? /* @__PURE__ */ jsx4(Typography, { variant: "body-large-strong", children: tradingLabels.outcome(tradingState.winningOutcome.label) }) : null
+                tradingState.market ? /* @__PURE__ */ jsx5(Typography, { variant: "body", className: "text-center", children: tradingState.market.question }) : null,
+                tradingState.winningOutcome ? /* @__PURE__ */ jsx5(Typography, { variant: "body-large-strong", children: tradingLabels.outcome(tradingState.winningOutcome.label) }) : null
               ]
             }
           )
         ] }),
-        resolvedClaim ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
-          /* @__PURE__ */ jsx4("div", { className: "h-px w-full bg-agg-separator" }),
-          /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col gap-5 p-6", children: [
-            /* @__PURE__ */ jsx4(Typography, { variant: "body-strong", className: "text-center", children: tradingLabels.resolvedEarningsTitle }),
-            /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-              resolvedClaim.resolutionDateLabel ? /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ jsx4("span", { children: tradingLabels.resolvedResolutionDateLabel }),
-                /* @__PURE__ */ jsx4("span", { className: "font-agg-bold", children: resolvedClaim.resolutionDateLabel })
+        resolvedClaim ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+          /* @__PURE__ */ jsx5("div", { className: "h-px w-full bg-agg-separator" }),
+          /* @__PURE__ */ jsxs4("div", { className: "flex w-full flex-col gap-5 p-6", children: [
+            /* @__PURE__ */ jsx5(Typography, { variant: "body-strong", className: "text-center", children: tradingLabels.resolvedEarningsTitle }),
+            /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              resolvedClaim.resolutionDateLabel ? /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ jsx5("span", { children: tradingLabels.resolvedResolutionDateLabel }),
+                /* @__PURE__ */ jsx5("span", { className: "font-agg-bold", children: resolvedClaim.resolutionDateLabel })
               ] }) : null,
-              /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ jsx4("span", { children: tradingLabels.resolvedSharesLabel }),
-                /* @__PURE__ */ jsx4("span", { className: "font-agg-bold", children: resolvedClaim.sharesLabel })
+              /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ jsx5("span", { children: tradingLabels.resolvedSharesLabel }),
+                /* @__PURE__ */ jsx5("span", { className: "font-agg-bold", children: resolvedClaim.sharesLabel })
               ] }),
-              /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ jsx4("span", { children: tradingLabels.resolvedTotalPayoutLabel }),
-                /* @__PURE__ */ jsx4("span", { className: "font-agg-bold", children: resolvedClaim.totalPayoutLabel })
+              /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ jsx5("span", { children: tradingLabels.resolvedTotalPayoutLabel }),
+                /* @__PURE__ */ jsx5("span", { className: "font-agg-bold", children: resolvedClaim.totalPayoutLabel })
               ] })
             ] }),
-            resolvedClaim.onClaim ? /* @__PURE__ */ jsx4(
+            resolvedClaim.onClaim ? /* @__PURE__ */ jsx5(
               Button,
               {
                 size: "large",
@@ -2485,18 +2906,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__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       className: "agg-route-breakdown-row flex items-center justify-between gap-4 text-left",
       children: [
-        /* @__PURE__ */ jsxs3("div", { className: "agg-route-breakdown-market flex min-w-0 items-center gap-2", children: [
-          /* @__PURE__ */ jsx4(VenueLogo, { venue: row.venue, className: "size-3!", ariaLabel: venueLabel }),
-          /* @__PURE__ */ jsx4("p", { className: "agg-route-breakdown-label truncate text-agg-sm leading-agg-5 text-agg-foreground", children: row.label })
+        /* @__PURE__ */ jsxs4("div", { className: "agg-route-breakdown-market flex min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsx5(VenueLogo, { venue: row.venue, className: "size-3!", ariaLabel: venueLabel }),
+          /* @__PURE__ */ jsx5("p", { className: "agg-route-breakdown-label truncate text-agg-sm leading-agg-5 text-agg-foreground", children: row.label })
         ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "agg-route-breakdown-value flex shrink-0 items-center gap-2 text-agg-sm leading-agg-5", children: [
-          /* @__PURE__ */ jsx4("p", { className: "text-agg-muted-foreground", children: row.priceLabel }),
-          /* @__PURE__ */ jsx4("p", { className: "text-agg-foreground", children: (_b = row.resultLabel) != null ? _b : "" })
+        /* @__PURE__ */ jsxs4("div", { className: "agg-route-breakdown-value flex shrink-0 items-center gap-2 text-agg-sm leading-agg-5", children: [
+          /* @__PURE__ */ jsx5("p", { className: "text-agg-muted-foreground", children: row.priceLabel }),
+          /* @__PURE__ */ jsx5("p", { className: "text-agg-foreground", children: (_b = row.resultLabel) != null ? _b : "" })
         ] })
       ]
     },
@@ -2514,7 +2935,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__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "button",
     {
       type: "button",
@@ -2533,10 +2954,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__ */ jsxs3("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
-        /* @__PURE__ */ jsxs3("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
-          /* @__PURE__ */ jsxs3("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
-            card.kind === "split" ? /* @__PURE__ */ jsx4(
+      children: /* @__PURE__ */ jsxs4("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
+            card.kind === "split" ? /* @__PURE__ */ jsx5(
               Icon,
               {
                 name: "sparkles-filled",
@@ -2547,7 +2968,7 @@ var renderRouteCard = ({
                 ),
                 "aria-hidden": "true"
               }
-            ) : card.venue ? /* @__PURE__ */ jsx4(
+            ) : card.venue ? /* @__PURE__ */ jsx5(
               VenueLogo,
               {
                 venue: card.venue,
@@ -2555,10 +2976,10 @@ var renderRouteCard = ({
                 ariaLabel: getTradingVenueLabel(card.venue)
               }
             ) : null,
-            /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1 min-w-0", children: [
-              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ jsx4("p", { className: "agg-route-card-title truncate text-agg-sm leading-agg-5 text-agg-foreground", children: card.label }),
-                card.isUnavailable ? /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-1 min-w-0", children: [
+              /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx5("p", { className: "agg-route-card-title truncate text-agg-sm leading-agg-5 text-agg-foreground", children: card.label }),
+                card.isUnavailable ? /* @__PURE__ */ jsx5(
                   Icon,
                   {
                     name: "lock",
@@ -2566,7 +2987,7 @@ var renderRouteCard = ({
                     className: "shrink-0 text-agg-muted-foreground",
                     "aria-hidden": "true"
                   }
-                ) : card.kind === "split" && isSelected ? /* @__PURE__ */ jsx4(
+                ) : card.kind === "split" && isSelected ? /* @__PURE__ */ jsx5(
                   Icon,
                   {
                     name: showSplitDetails ? "chevron-up" : "chevron-down",
@@ -2576,10 +2997,10 @@ var renderRouteCard = ({
                   }
                 ) : null
               ] }),
-              card.hint ? /* @__PURE__ */ jsx4("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: card.hint }) : null
+              card.hint ? /* @__PURE__ */ jsx5("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: card.hint }) : null
             ] })
           ] }),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx5(
             "p",
             {
               className: cn(
@@ -2591,9 +3012,9 @@ var renderRouteCard = ({
             }
           )
         ] }),
-        showSplitDetails ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
-          /* @__PURE__ */ jsx4("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
-          /* @__PURE__ */ jsx4("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
+        showSplitDetails ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+          /* @__PURE__ */ jsx5("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
+          /* @__PURE__ */ jsx5("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
         ] }) : null
       ] })
     }
@@ -2616,7 +3037,7 @@ var renderSubmissionSurface = ({
     executionVenue: progressState.executionVenue,
     labels: tradingLabels
   });
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     Card,
     {
       className: cn(
@@ -2625,31 +3046,31 @@ var renderSubmissionSurface = ({
         classNames == null ? void 0 : classNames.root,
         className
       ),
-      children: /* @__PURE__ */ jsxs3("div", { className: cn("agg-order-submission-body flex flex-col gap-6 p-5", classNames == null ? void 0 : classNames.body), children: [
+      children: /* @__PURE__ */ jsxs4("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__ */ jsxs3("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
-          /* @__PURE__ */ jsxs3("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__ */ jsx4(LoadingGlyph, { enableAnimations, className: "h-4 w-4 text-current" }),
-            /* @__PURE__ */ jsx4("span", { children: actionLabel })
+        /* @__PURE__ */ jsxs4("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
+          /* @__PURE__ */ jsxs4("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__ */ jsx5(LoadingGlyph, { enableAnimations, className: "h-4 w-4 text-current" }),
+            /* @__PURE__ */ jsx5("span", { children: actionLabel })
           ] }),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx5(
             "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__ */ jsxs3(
+                return /* @__PURE__ */ jsxs4(
                   "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__ */ jsx4(
+                      step.status === "complete" ? /* @__PURE__ */ jsx5(
                         Icon,
                         {
                           name: "check-circle",
@@ -2657,15 +3078,15 @@ var renderSubmissionSurface = ({
                           className: "h-3 w-3 shrink-0 text-agg-primary",
                           "aria-hidden": "true"
                         }
-                      ) : /* @__PURE__ */ jsx4(
+                      ) : /* @__PURE__ */ jsx5(
                         LoadingGlyph,
                         {
                           enableAnimations,
                           className: "h-3 w-3 shrink-0 text-agg-primary"
                         }
                       ),
-                      /* @__PURE__ */ jsx4("p", { className: "min-w-0 flex-1", children: step.label }),
-                      step.venue ? /* @__PURE__ */ jsx4(
+                      /* @__PURE__ */ jsx5("p", { className: "min-w-0 flex-1", children: step.label }),
+                      step.venue ? /* @__PURE__ */ jsx5(
                         VenueLogo,
                         {
                           venue: step.venue,
@@ -2686,7 +3107,7 @@ var renderSubmissionSurface = ({
     }
   );
 };
-var InitiateKycButton = ({ label, onOpen }) => /* @__PURE__ */ jsx4(
+var InitiateKycButton = ({ label, onOpen }) => /* @__PURE__ */ jsx5(
   Button,
   {
     size: "large",
@@ -2703,35 +3124,35 @@ var KycVerifyModal = ({
   isInitiating,
   labels
 }) => {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     Modal,
     {
       open,
       onOpenChange: (next) => {
         onOpenChange(next);
       },
-      children: /* @__PURE__ */ jsxs3(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
-        /* @__PURE__ */ jsx4(Dialog.Title, { className: "sr-only", children: labels.title }),
-        /* @__PURE__ */ jsx4(Dialog.Description, { className: "sr-only", children: labels.description }),
-        /* @__PURE__ */ jsxs3(Modal.Body, { classNames: { root: "sm:px-10 sm:py-12" }, children: [
-          /* @__PURE__ */ jsx4(
+      children: /* @__PURE__ */ jsxs4(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
+        /* @__PURE__ */ jsx5(Dialog.Title, { className: "sr-only", children: labels.title }),
+        /* @__PURE__ */ jsx5(Dialog.Description, { className: "sr-only", children: labels.description }),
+        /* @__PURE__ */ jsxs4(Modal.Body, { classNames: { root: "sm:px-10 sm:py-12" }, children: [
+          /* @__PURE__ */ jsx5(
             "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__ */ jsx4(CloseIcon, { className: "h-6 w-6" })
+              children: /* @__PURE__ */ jsx5(CloseIcon, { className: "h-6 w-6" })
             }
           ),
-          /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center gap-8 text-center", children: [
-            /* @__PURE__ */ jsx4("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ jsx4(UserTrustIcon, { className: "h-[60px] w-[60px]" }) }),
-            /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center gap-3", children: [
-              /* @__PURE__ */ jsx4("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
-              /* @__PURE__ */ jsx4("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
+          /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-8 text-center", children: [
+            /* @__PURE__ */ jsx5("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ jsx5(UserTrustIcon, { className: "h-[60px] w-[60px]" }) }),
+            /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-3", children: [
+              /* @__PURE__ */ jsx5("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
+              /* @__PURE__ */ jsx5("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
             ] }),
-            /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col items-center gap-5", children: [
-              /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsxs4("div", { className: "flex w-full flex-col items-center gap-5", children: [
+              /* @__PURE__ */ jsx5(
                 Button,
                 {
                   size: "large",
@@ -2742,7 +3163,7 @@ var KycVerifyModal = ({
                   children: labels.startVerification
                 }
               ),
-              /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx5(
                 "button",
                 {
                   type: "button",
@@ -2762,27 +3183,27 @@ var KycSuccessModal = ({
   open,
   onOpenChange,
   labels
-}) => /* @__PURE__ */ jsx4(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs3(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
-  /* @__PURE__ */ jsx4(Dialog.Title, { className: "sr-only", children: labels.title }),
-  /* @__PURE__ */ jsx4(Dialog.Description, { className: "sr-only", children: labels.description }),
-  /* @__PURE__ */ jsxs3(Modal.Body, { classNames: { root: "px-10 py-12" }, children: [
-    /* @__PURE__ */ jsx4(
+}) => /* @__PURE__ */ jsx5(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs4(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
+  /* @__PURE__ */ jsx5(Dialog.Title, { className: "sr-only", children: labels.title }),
+  /* @__PURE__ */ jsx5(Dialog.Description, { className: "sr-only", children: labels.description }),
+  /* @__PURE__ */ jsxs4(Modal.Body, { classNames: { root: "px-10 py-12" }, children: [
+    /* @__PURE__ */ jsx5(
       "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__ */ jsx4(CloseIcon, { className: "h-6 w-6" })
+        children: /* @__PURE__ */ jsx5(CloseIcon, { className: "h-6 w-6" })
       }
     ),
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center gap-8 text-center", children: [
-      /* @__PURE__ */ jsx4("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ jsx4(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
-      /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center gap-3", children: [
-        /* @__PURE__ */ jsx4("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
-        /* @__PURE__ */ jsx4("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
+    /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-8 text-center", children: [
+      /* @__PURE__ */ jsx5("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ jsx5(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
+      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-3", children: [
+        /* @__PURE__ */ jsx5("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
+        /* @__PURE__ */ jsx5("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
       ] }),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         Button,
         {
           variant: "secondary",
@@ -2803,6 +3224,7 @@ var PlaceOrder = ({
   isLoading = false,
   isPrimaryActionDisabled = false,
   isPrimaryActionLoading = false,
+  isQuotePanelActive = true,
   chainBalancesOverride,
   onAmountChange,
   onClose,
@@ -2816,7 +3238,7 @@ 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 },
@@ -2825,6 +3247,7 @@ var PlaceOrder = ({
   } = useSdkUiConfig();
   const labels = useLabels();
   const tradingLabels = labels.trading;
+  const toastCtx = useOptionalToast();
   const { isTradingBlocked } = useGeoBlock();
   const tradingContext = useEventTradingContext2();
   const selectedEvent = (_a = tradingContext == null ? void 0 : tradingContext.selectedEvent) != null ? _a : null;
@@ -2875,6 +3298,7 @@ var PlaceOrder = ({
   const resolvedReadOnlyTradingState = useMemo2(() => {
     return resolveMarketTradingState(resolvedReadOnlyMarket);
   }, [resolvedReadOnlyMarket]);
+  const isEndedWithoutKnownWinner = false;
   const orderEligibility = useMemo2(
     () => resolveOrderEligibility({
       event: scopedSelectedEvent,
@@ -2936,8 +3360,8 @@ var PlaceOrder = ({
     () => mapVenueMarketOutcomesToPlaceOrderOutcomes(scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes),
     [scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes]
   );
-  const buyTabRef = useRef2(null);
-  const sellTabRef = useRef2(null);
+  const buyTabRef = useRef3(null);
+  const sellTabRef = useRef3(null);
   const [internalTab, setInternalTab] = useState3("buy");
   const [internalAmount, setInternalAmount] = useState3(PLACE_ORDER_DEFAULT_AMOUNT);
   const [sellFilledForOutcomeId, setSellFilledForOutcomeId] = useState3(null);
@@ -2948,17 +3372,17 @@ var PlaceOrder = ({
   const [submissionFeedback, setSubmissionFeedback] = useState3(null);
   const [submissionProgressState, setSubmissionProgressState] = useState3(null);
   const [isBeforeActionPending, setIsBeforeActionPending] = useState3(false);
-  const executionDebugStoreRef = useRef2(null);
-  const executionDebugAttemptIdRef = useRef2(null);
-  const submittedSelectionRef = useRef2(null);
-  useEffect2(() => {
+  const executionDebugStoreRef = useRef3(null);
+  const executionDebugAttemptIdRef = useRef3(null);
+  const submittedSelectionRef = useRef3(null);
+  useEffect3(() => {
     if (!isExecutionDebugEnabled) {
       executionDebugStoreRef.current = null;
       return;
     }
     executionDebugStoreRef.current = enableExecutionDebugInBrowser();
   }, [isExecutionDebugEnabled]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!isExecutionDebugEnabled) return;
     const store = executionDebugStoreRef.current;
     if (!store) return;
@@ -2971,6 +3395,7 @@ var PlaceOrder = ({
     scopedSelectedOutcomeId
   ]);
   const debouncedAmount = useDebouncedValue(internalAmount, 300);
+  const isQuoteInputEditing = internalAmount !== debouncedAmount;
   const isSell = useMemo2(() => internalTab === "sell", [internalTab]);
   const {
     positions: executionPositions,
@@ -2992,7 +3417,19 @@ 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 = useMemo2(() => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
@@ -3008,15 +3445,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;
         }
@@ -3030,25 +3465,33 @@ var PlaceOrder = ({
     scopedSelectedOutcome,
     (_k = (_j = smartRoute.data) == null ? void 0 : _j.positionAvailability) == null ? void 0 : _k.totalSellableShares
   ]);
+  const maxSellableShares = useMemo2(
+    () => 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 = useMemo2(() => {
     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;
-  useEffect2(() => {
+  const displayedCurrentSellableSharesLabel = useMemo2(
+    () => `${formatFlooredShareAmount(maxSellableShares, SELL_SHARE_DISPLAY_DECIMALS)} shares`,
+    [maxSellableShares]
+  );
+  const isAtMaxSellableShares = isSell && maxSellableShares > 0 && Math.abs(internalAmount - maxSellableShares) < 1e-9;
+  useEffect3(() => {
     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
   ]);
@@ -3069,7 +3512,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]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (routeCards.length === 0) {
       setSelectedRouteCardId(null);
       setIsRoutesExpanded(false);
@@ -3081,9 +3524,9 @@ var PlaceOrder = ({
     }
   }, [resolvedSelectedRouteCardId, routeCards.length, selectedRouteCardId]);
   const isSubmissionLocked = submissionProgressState != null;
-  const isSubmissionLockedRef = useRef2(isSubmissionLocked);
+  const isSubmissionLockedRef = useRef3(isSubmissionLocked);
   isSubmissionLockedRef.current = isSubmissionLocked;
-  useEffect2(() => {
+  useEffect3(() => {
     if (isSubmissionLockedRef.current) return;
     setSubmissionFeedback(null);
     setSubmissionProgressState(null);
@@ -3116,7 +3559,7 @@ var PlaceOrder = ({
     walletAddress: (_p = getWalletAddressFromUserProfile(user)) != null ? _p : null,
     onError
   });
-  const handleRouteCardSelect = useCallback2(
+  const handleRouteCardSelect = useCallback3(
     (cardId) => {
       if (cardId === resolvedSelectedRouteCardId) {
         const card = routeCards.find((c) => c.id === cardId);
@@ -3131,14 +3574,15 @@ var PlaceOrder = ({
   );
   const executionProgress = 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 = useCallback2(
+  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 = useCallback3(
     (quoteData, executionVenue, orderId, partialFillSummary) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
       if (!quoteData) return void 0;
@@ -3214,7 +3658,7 @@ var PlaceOrder = ({
       tradingLabels
     ]
   );
-  useEffect2(() => {
+  useEffect3(() => {
     if (executionProgress.phase === "order_submitted") {
       const submittedOrder = executionProgress.submittedOrders[0];
       setSubmissionProgressState((prev) => {
@@ -3227,7 +3671,7 @@ var PlaceOrder = ({
       });
     }
   }, [executionProgress.phase, executionProgress.submittedOrders]);
-  useEffect2(() => {
+  useEffect3(() => {
     var _a2, _b2;
     const dp = executionProgress.dagProgress;
     if (!dp) return;
@@ -3278,7 +3722,7 @@ var PlaceOrder = ({
       return __spreadProps(__spreadValues({}, prev), { dagProgress: dp });
     });
   }, [executionProgress.dagProgress, tradingLabels]);
-  useEffect2(() => {
+  useEffect3(() => {
     const orderIds = submissionProgressState == null ? void 0 : submissionProgressState.orderIds;
     if (!(orderIds == null ? void 0 : orderIds.length)) return;
     const aggregateStatus = deriveAggregateOrderStatus(
@@ -3339,7 +3783,7 @@ var PlaceOrder = ({
     tradingLabels
   ]);
   const estDurationMs = (selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) && typeof selectedRouteCard.quoteData.estDurationMs === "number" ? selectedRouteCard.quoteData.estDurationMs : 6e4;
-  useEffect2(() => {
+  useEffect3(() => {
     const phase = submissionProgressState == null ? void 0 : submissionProgressState.phase;
     if (phase !== "submitting" && phase !== "executing") return;
     const timeoutMs = Math.max(6e4, 2 * estDurationMs);
@@ -3354,7 +3798,36 @@ var PlaceOrder = ({
     }, timeoutMs);
     return () => clearTimeout(id);
   }, [submissionProgressState == null ? void 0 : submissionProgressState.phase, estDurationMs]);
-  useEffect2(() => {
+  const emitTerminalOrderNotifications = useCallback3(() => {
+    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, title, message, detail) => {
+          toast(message, { tone, title, detail });
+        }
+      });
+    }
+  }, [executionProgress.terminalOrderEvents, labels, toastCtx]);
+  useEffect3(() => {
     var _a2, _b2;
     if (!submissionProgressState) return;
     onExecutionStateChange == null ? void 0 : onExecutionStateChange(submissionProgressState);
@@ -3373,6 +3846,7 @@ var PlaceOrder = ({
       });
     }
     if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
+      emitTerminalOrderNotifications();
       invalidateBalanceQueries(queryClient);
       invalidatePositionQueries(queryClient);
       if (debugStore && debugAttemptId) {
@@ -3384,6 +3858,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,
@@ -3396,8 +3871,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);
@@ -3492,7 +3974,7 @@ 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 = useMemo2(() => {
     if (!activeFeeBreakdown) return null;
@@ -3534,13 +4016,13 @@ var PlaceOrder = ({
     ];
   }, [activeFeeBreakdown, tradingLabels]);
   const isActionLoading = isPrimaryActionLoading || executeManaged.isPending || isBeforeActionPending;
-  const selectedRouteGeoBlocked = (_D = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _D : false;
+  const selectedRouteGeoBlocked = (_E = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _E : false;
   const geoBlockedVenuesFromWarnings = useMemo2(
     () => {
       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 = useMemo2(() => {
     var _a2, _b2;
@@ -3553,7 +4035,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 = useCallback2(() => {
+  const handleReturnToOrderForm = useCallback3(() => {
     const submittedSelection = submittedSelectionRef.current;
     submittedSelectionRef.current = null;
     setSubmissionProgressState(null);
@@ -3574,7 +4056,7 @@ var PlaceOrder = ({
     const shareUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}`;
     window.open(shareUrl, "_blank", "noopener,noreferrer");
   };
-  const handleExecuteQuote = useCallback2(
+  const handleExecuteQuote = useCallback3(
     (quoteData) => __async(null, null, function* () {
       var _a2, _b2, _c2;
       const quoteId = quoteData == null ? void 0 : quoteData.quoteId;
@@ -3633,6 +4115,7 @@ var PlaceOrder = ({
           executionVenue: resolveExecutionVenueFromQuote(quoteData),
           orderId: response.orderIds[0],
           orderIds: response.orderIds,
+          quoteId: response.quoteId,
           phase: "submitting"
         });
       } catch (error) {
@@ -3672,7 +4155,7 @@ var PlaceOrder = ({
       tradingLabels.quoteUnavailable
     ]
   );
-  const handleSkipToSuccess = useCallback2(() => {
+  const handleSkipToSuccess = useCallback3(() => {
     const primaryFilledEvent = executionProgress.terminalOrderEvents.find(
       (e) => e.event === "filled" || e.event === "partial_fill"
     );
@@ -3697,7 +4180,7 @@ var PlaceOrder = ({
     failureSummary,
     selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData
   ]);
-  useEffect2(() => {
+  useEffect3(() => {
     if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return;
     if ((failureSummary == null ? void 0 : failureSummary.kind) !== "partial_fill") return;
     if (!shouldAutoSkipPartialFill) return;
@@ -3708,7 +4191,7 @@ var PlaceOrder = ({
     shouldAutoSkipPartialFill,
     submissionProgressState == null ? void 0 : submissionProgressState.phase
   ]);
-  const handleRetrySubmission = useCallback2(() => __async(null, null, function* () {
+  const handleRetrySubmission = useCallback3(() => __async(null, null, function* () {
     var _a2, _b2, _c2;
     if (!orderEligibility.canPlaceOrder || (failureSummary == null ? void 0 : failureSummary.kind) === "generic") {
       handleReturnToOrderForm();
@@ -3802,7 +4285,7 @@ var PlaceOrder = ({
   ]);
   const resolvedStatusClassName = cn(classNames == null ? void 0 : classNames.root, className);
   if (isLoading) {
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx5(
       Skeleton,
       {
         ariaLabel: labels.common.loading,
@@ -3813,7 +4296,7 @@ var PlaceOrder = ({
   }
   if (submissionProgressState) {
     if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
-      return /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5(
         PlaceOrderSuccessView,
         {
           className: resolvedStatusClassName,
@@ -3825,7 +4308,7 @@ var PlaceOrder = ({
       );
     }
     if (submissionProgressState.phase === "failed") {
-      return /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5(
         PlaceOrderFailureView,
         {
           className: resolvedStatusClassName,
@@ -3880,8 +4363,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;
@@ -3950,19 +4433,21 @@ var PlaceOrder = ({
       });
     }
   });
-  if (!orderEligibility.canPlaceOrder && resolvedReadOnlyTradingState.kind !== "open") {
-    return /* @__PURE__ */ jsx4(
+  if (isEndedWithoutKnownWinner || !orderEligibility.canPlaceOrder && resolvedReadOnlyTradingState.kind !== "open") {
+    return /* @__PURE__ */ jsx5(
       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__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsxs4(
       Card,
       {
         className: cn(
@@ -3979,8 +4464,8 @@ var PlaceOrder = ({
             headerTitle,
             onClose
           }),
-          /* @__PURE__ */ jsxs3("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
-            /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsxs4("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
+            /* @__PURE__ */ jsx5(
               "div",
               {
                 className: "agg-order-tabs flex items-end border-b border-agg-separator",
@@ -3991,7 +4476,7 @@ var PlaceOrder = ({
                   { value: "sell", label: tradingLabels.sell, ref: sellTabRef }
                 ].map((tabItem) => {
                   const isActive = internalTab === tabItem.value;
-                  return /* @__PURE__ */ jsxs3(
+                  return /* @__PURE__ */ jsxs4(
                     "button",
                     {
                       ref: tabItem.ref,
@@ -4015,7 +4500,7 @@ var PlaceOrder = ({
                       onKeyDown: (event) => handleTabKeyDown(event, tabItem.value),
                       children: [
                         tabItem.label,
-                        /* @__PURE__ */ jsx4(
+                        /* @__PURE__ */ jsx5(
                           "span",
                           {
                             "aria-hidden": "true",
@@ -4037,7 +4522,7 @@ var PlaceOrder = ({
                 })
               }
             ),
-            outcomes.length >= 2 ? /* @__PURE__ */ jsx4("div", { className: "agg-outcomes flex w-full max-w-full gap-2", children: outcomes.map((outcome, index) => {
+            outcomes.length >= 2 ? /* @__PURE__ */ jsx5("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,
@@ -4051,7 +4536,7 @@ var PlaceOrder = ({
               });
               const isActive = outcome.id === scopedSelectedOutcomeId;
               const isPositive = resolveIsPositiveOutcome(outcome, index);
-              return /* @__PURE__ */ jsxs3(
+              return /* @__PURE__ */ jsxs4(
                 "button",
                 {
                   "data-id": outcome.id,
@@ -4071,7 +4556,7 @@ var PlaceOrder = ({
                   disabled: !orderEligibility.canPlaceOrder || isResolvedOutcomeCtaLocked,
                   onClick: () => handleOutcomeChange(outcome.id),
                   children: [
-                    /* @__PURE__ */ jsx4(
+                    /* @__PURE__ */ jsx5(
                       Typography,
                       {
                         as: "span",
@@ -4080,18 +4565,18 @@ var PlaceOrder = ({
                         children: (_c2 = outcome.title) != null ? _c2 : outcome.label
                       }
                     ),
-                    /* @__PURE__ */ jsx4(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
+                    /* @__PURE__ */ jsx5(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
                   ]
                 },
                 outcome.id
               );
             }) }) : null,
-            /* @__PURE__ */ jsxs3("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
-              /* @__PURE__ */ jsxs3("div", { className: "agg-order-amount-meta flex flex-col", children: [
-                /* @__PURE__ */ jsx4("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__ */ jsx4("div", { className: "agg-balance-value flex items-baseline gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isCurrentSellableSharesLoading ? /* @__PURE__ */ jsx4(LoadingIcon, { size: "small" }) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
-                  /* @__PURE__ */ jsx4("span", { className: "whitespace-pre", children: tradingLabels.shares(displayedCurrentSellableShares) }),
-                  displayedCurrentSellableShares > 0 ? /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsxs4("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
+              /* @__PURE__ */ jsxs4("div", { className: "agg-order-amount-meta flex flex-col", children: [
+                /* @__PURE__ */ jsx5("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__ */ jsx5("div", { className: "agg-balance-value flex items-baseline gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isCurrentSellableSharesLoading ? /* @__PURE__ */ jsx5(LoadingIcon, { size: "small" }) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
+                  /* @__PURE__ */ jsx5("span", { className: "whitespace-pre", children: displayedCurrentSellableSharesLabel }),
+                  displayedCurrentSellableShares > 0 ? /* @__PURE__ */ jsx5(
                     "button",
                     {
                       type: "button",
@@ -4107,9 +4592,9 @@ var PlaceOrder = ({
                       children: tradingLabels.maxShares
                     }
                   ) : null
-                ] }) }) : /* @__PURE__ */ jsx4("p", { className: "agg-balance-value flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isBalanceLoading ? /* @__PURE__ */ jsx4(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(totalBalance)) }) : null
+                ] }) }) : /* @__PURE__ */ jsx5("p", { className: "agg-balance-value flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isBalanceLoading ? /* @__PURE__ */ jsx5(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(totalBalance)) }) : null
               ] }),
-              /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx5(
                 CurrencyInput,
                 {
                   value: internalAmount,
@@ -4118,7 +4603,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",
@@ -4129,9 +4614,9 @@ var PlaceOrder = ({
                 }
               )
             ] }),
-            showFeesBreakdown && hasEnteredAmount && !isBelowMinimum && estimatedFeesValue ? /* @__PURE__ */ jsxs3("div", { className: "agg-order-fees-section flex items-center justify-between gap-4", children: [
-              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ jsx4(
+            showFeesBreakdown && hasEnteredAmount && !isBelowMinimum && estimatedFeesValue ? /* @__PURE__ */ jsxs4("div", { className: "agg-order-fees-section flex items-center justify-between gap-4", children: [
+              /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx5(
                   Typography,
                   {
                     variant: "text-sm",
@@ -4139,7 +4624,7 @@ var PlaceOrder = ({
                     children: tradingLabels.estimatedFees
                   }
                 ),
-                feeBreakdownRows.length > 0 ? /* @__PURE__ */ jsx4(
+                feeBreakdownRows.length > 0 ? /* @__PURE__ */ jsx5(
                   Tooltip,
                   {
                     "aria-label": tradingLabels.estimatedFeesTooltipAria,
@@ -4151,13 +4636,13 @@ var PlaceOrder = ({
                       icon: "h-3 w-3 text-agg-muted-foreground",
                       trigger: "h-3 w-3 text-agg-muted-foreground"
                     },
-                    content: /* @__PURE__ */ jsx4("div", { className: "flex w-full flex-col gap-2", children: feeBreakdownRows.map((row) => /* @__PURE__ */ jsxs3(
+                    content: /* @__PURE__ */ jsx5("div", { className: "flex w-full flex-col gap-2", children: feeBreakdownRows.map((row) => /* @__PURE__ */ jsxs4(
                       "div",
                       {
                         className: "flex items-center justify-between gap-3 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground",
                         children: [
-                          /* @__PURE__ */ jsx4("span", { children: row.label }),
-                          row.kind === "badge" ? /* @__PURE__ */ jsx4(
+                          /* @__PURE__ */ jsx5("span", { children: row.label }),
+                          row.kind === "badge" ? /* @__PURE__ */ jsx5(
                             "span",
                             {
                               className: cn(
@@ -4167,7 +4652,7 @@ var PlaceOrder = ({
                               ),
                               children: row.badgeLabel
                             }
-                          ) : /* @__PURE__ */ jsx4("span", { className: "text-right", children: row.value })
+                          ) : /* @__PURE__ */ jsx5("span", { className: "text-right", children: row.value })
                         ]
                       },
                       row.label
@@ -4175,12 +4660,12 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ jsx4("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: estimatedFeesValue })
+              /* @__PURE__ */ jsx5("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: estimatedFeesValue })
             ] }) : null,
-            shouldShowSmartRouting ? /* @__PURE__ */ jsxs3("div", { className: "agg-route-panel flex flex-col gap-3", children: [
-              /* @__PURE__ */ jsxs3("div", { className: "agg-route-panel-header flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ jsx4("p", { className: "agg-route-panel-title text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.smartRouting }),
-                shouldShowRouteToggle && !isRoutesExpanded ? /* @__PURE__ */ jsxs3(
+            shouldShowSmartRouting ? /* @__PURE__ */ jsxs4("div", { className: "agg-route-panel flex flex-col gap-3", children: [
+              /* @__PURE__ */ jsxs4("div", { className: "agg-route-panel-header flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ jsx5("p", { className: "agg-route-panel-title text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.smartRouting }),
+                shouldShowRouteToggle && !isRoutesExpanded ? /* @__PURE__ */ jsxs4(
                   "button",
                   {
                     type: "button",
@@ -4188,8 +4673,8 @@ var PlaceOrder = ({
                     "aria-label": tradingLabels.viewAllRoutes(orderedRouteCards.length),
                     onClick: () => setIsRoutesExpanded((currentValue) => !currentValue),
                     children: [
-                      /* @__PURE__ */ jsx4("span", { children: tradingLabels.viewAllRoutes(orderedRouteCards.length) }),
-                      /* @__PURE__ */ jsx4(
+                      /* @__PURE__ */ jsx5("span", { children: tradingLabels.viewAllRoutes(orderedRouteCards.length) }),
+                      /* @__PURE__ */ jsx5(
                         Icon,
                         {
                           name: "chevron-down",
@@ -4202,11 +4687,11 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ jsx4("div", { className: "agg-route-list flex flex-col gap-2", children: isQuoteLoading ? /* @__PURE__ */ jsxs3("div", { className: "agg-route-loading flex flex-col gap-2", "aria-hidden": "true", children: [
-                /* @__PURE__ */ jsx4(PlaceOrderRouteCardSkeleton, {}),
-                /* @__PURE__ */ jsx4(PlaceOrderRouteCardSkeleton, {})
+              /* @__PURE__ */ jsx5("div", { className: "agg-route-list flex flex-col gap-2", children: isQuoteLoading ? /* @__PURE__ */ jsxs4("div", { className: "agg-route-loading flex flex-col gap-2", "aria-hidden": "true", children: [
+                /* @__PURE__ */ jsx5(PlaceOrderRouteCardSkeleton, {}),
+                /* @__PURE__ */ jsx5(PlaceOrderRouteCardSkeleton, {})
               ] }) : visibleRouteCards.length > 0 ? visibleRouteCards.map((card) => {
-                return /* @__PURE__ */ jsx4(Fragment, { children: renderRouteCard({
+                return /* @__PURE__ */ jsx5(Fragment2, { children: renderRouteCard({
                   card,
                   enableAnimations,
                   isExpanded: card.kind === "split" ? isSplitDetailOpen : isRoutesExpanded,
@@ -4216,12 +4701,12 @@ var PlaceOrder = ({
                 }) }, card.id);
               }) : null })
             ] }) : null,
-            hasEnteredAmount && selectedRouteCard && !isQuoteLoading && !isBelowMinimum && orderEligibility.canPlaceOrder ? /* @__PURE__ */ jsxs3("div", { className: "agg-order-summary flex items-start justify-between gap-4", children: [
-              /* @__PURE__ */ jsxs3("div", { className: "agg-order-summary-meta flex flex-col", children: [
-                /* @__PURE__ */ jsx4("p", { className: "agg-order-summary-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(internalTab) }),
-                /* @__PURE__ */ jsx4("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__ */ jsxs4("div", { className: "agg-order-summary flex items-start justify-between gap-4", children: [
+              /* @__PURE__ */ jsxs4("div", { className: "agg-order-summary-meta flex flex-col", children: [
+                /* @__PURE__ */ jsx5("p", { className: "agg-order-summary-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(internalTab) }),
+                /* @__PURE__ */ jsx5("p", { className: "agg-order-summary-hint text-agg-sm leading-agg-5 text-agg-muted-foreground", children: displayedToWinHint })
               ] }),
-              /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx5(
                 NumberFlow,
                 {
                   value: displayedToWinValue,
@@ -4236,7 +4721,7 @@ var PlaceOrder = ({
                 }
               )
             ] }) : null,
-            /* @__PURE__ */ jsxs3(
+            /* @__PURE__ */ jsxs4(
               "div",
               {
                 className: cn(
@@ -4244,17 +4729,17 @@ var PlaceOrder = ({
                   classNames == null ? void 0 : classNames.footer
                 ),
                 children: [
-                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ jsxs3("div", { className: "agg-order-alerts flex flex-col gap-3 empty:hidden mb-3", children: [
-                    submissionFeedback ? /* @__PURE__ */ jsx4(
+                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ jsxs4("div", { className: "agg-order-alerts flex flex-col gap-3 empty:hidden mb-3", children: [
+                    submissionFeedback ? /* @__PURE__ */ jsx5(
                       InlineAlert,
                       {
                         tone: submissionFeedback.tone,
                         message: submissionFeedback.message
                       }
                     ) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && isBelowMinimum ? /* @__PURE__ */ jsx4(InlineAlert, { tone: "error", message: belowMinimumMessage }) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && quoteStatus ? /* @__PURE__ */ jsx4(InlineAlert, { tone: quoteStatus.tone, message: quoteStatus.message }) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && !quoteStatus && isAuthenticated && hasEnteredAmount && smartRouteErrorMessage ? /* @__PURE__ */ jsx4(
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && isBelowMinimum ? /* @__PURE__ */ jsx5(InlineAlert, { tone: "error", message: belowMinimumMessage }) : null,
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && quoteStatus ? /* @__PURE__ */ jsx5(InlineAlert, { tone: quoteStatus.tone, message: quoteStatus.message }) : null,
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && !quoteStatus && isAuthenticated && hasEnteredAmount && smartRouteErrorMessage ? /* @__PURE__ */ jsx5(
                       InlineAlert,
                       {
                         tone: "error",
@@ -4266,14 +4751,14 @@ var PlaceOrder = ({
                       }
                     ) : null
                   ] }) : null,
-                  !submissionFeedback && !shouldShowGeoBlockBanner && orderEligibility.canPlaceOrder && shouldShowInsufficientBalanceAlert ? /* @__PURE__ */ jsxs3(
+                  !submissionFeedback && !shouldShowGeoBlockBanner && orderEligibility.canPlaceOrder && shouldShowInsufficientBalanceAlert ? /* @__PURE__ */ jsxs4(
                     "div",
                     {
                       className: "agg-order-insufficient-balance-alert flex items-center justify-center gap-2",
                       role: "status",
                       "aria-live": "polite",
                       children: [
-                        /* @__PURE__ */ jsx4(
+                        /* @__PURE__ */ jsx5(
                           Icon,
                           {
                             name: "warning-filled",
@@ -4282,11 +4767,11 @@ var PlaceOrder = ({
                             "aria-hidden": "true"
                           }
                         ),
-                        /* @__PURE__ */ jsx4("span", { className: "text-agg-sm text-agg-foreground", children: tradingLabels.insufficientBalance })
+                        /* @__PURE__ */ jsx5("span", { className: "text-agg-sm text-agg-foreground", children: tradingLabels.insufficientBalance })
                       ]
                     }
                   ) : null,
-                  !submissionFeedback && !shouldShowGeoBlockBanner && isInsufficientBalance ? /* @__PURE__ */ jsx4(
+                  !submissionFeedback && !shouldShowGeoBlockBanner && isInsufficientBalance ? /* @__PURE__ */ jsx5(
                     Button,
                     {
                       size: "large",
@@ -4296,7 +4781,7 @@ var PlaceOrder = ({
                       onClick: handleDepositRequiredClick,
                       children: tradingLabels.deposit
                     }
-                  ) : needsKycVerification && !submissionFeedback && !shouldShowGeoBlockBanner ? /* @__PURE__ */ jsx4(InitiateKycButton, { label: tradingLabels.kycRequired, onOpen: openVerifyModal }) : isQuoteLoading && !isActionLoading ? /* @__PURE__ */ jsx4(
+                  ) : needsKycVerification && !submissionFeedback && !shouldShowGeoBlockBanner ? /* @__PURE__ */ jsx5(InitiateKycButton, { label: tradingLabels.kycRequired, onOpen: openVerifyModal }) : isQuoteLoading && !isActionLoading ? /* @__PURE__ */ jsx5(
                     Button,
                     {
                       size: "large",
@@ -4305,7 +4790,7 @@ var PlaceOrder = ({
                       disabled: true,
                       "aria-live": "polite",
                       "aria-label": routeLoadingMessage != null ? routeLoadingMessage : labels.common.loading,
-                      prefix: /* @__PURE__ */ jsx4(
+                      prefix: /* @__PURE__ */ jsx5(
                         "span",
                         {
                           className: cn(
@@ -4317,7 +4802,7 @@ var PlaceOrder = ({
                       ),
                       children: routeLoadingMessage
                     }
-                  ) : !isAuthenticated ? /* @__PURE__ */ jsx4(
+                  ) : !isAuthenticated ? /* @__PURE__ */ jsx5(
                     Button,
                     {
                       size: "large",
@@ -4328,7 +4813,7 @@ var PlaceOrder = ({
                       onClick: requestAggAuthChooserOpen,
                       children: tradingLabels.signInToTrade
                     }
-                  ) : /* @__PURE__ */ jsx4(
+                  ) : /* @__PURE__ */ jsx5(
                     Button,
                     {
                       size: "large",
@@ -4343,8 +4828,8 @@ var PlaceOrder = ({
                       children: actionLabel
                     }
                   ),
-                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ jsxs3("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__ */ jsx4(
+                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ jsxs4("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__ */ jsx5(
                       Icon,
                       {
                         name: "shield-trust",
@@ -4353,10 +4838,10 @@ var PlaceOrder = ({
                         "aria-hidden": "true"
                       }
                     ),
-                    /* @__PURE__ */ jsx4(Typography, { variant: "text-xs-caps", className: "text-agg-primary", children: tradingLabels.platformFee })
+                    /* @__PURE__ */ jsx5(Typography, { variant: "text-xs-caps", className: "text-agg-primary", children: tradingLabels.platformFee })
                   ] }) : null,
-                  shouldShowGeoBlockBanner ? /* @__PURE__ */ jsx4(GeoBlockBanner, { termsUrl: AGG_TERMS_OF_SERVICE_URL }) : null,
-                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ jsx4("p", { className: "agg-order-disclaimer text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.disclaimer }) : null
+                  shouldShowGeoBlockBanner ? /* @__PURE__ */ jsx5(GeoBlockBanner, { termsUrl: AGG_TERMS_OF_SERVICE_URL }) : null,
+                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ jsx5("p", { className: "agg-order-disclaimer text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.disclaimer }) : null
                 ]
               }
             )
@@ -4364,7 +4849,7 @@ var PlaceOrder = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       KycVerifyModal,
       {
         open: isKycVerifyModalOpen,
@@ -4381,7 +4866,7 @@ var PlaceOrder = ({
         }
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       KycSuccessModal,
       {
         open: showKycSuccessModal,
@@ -4410,7 +4895,7 @@ import {
   useRedeem,
   useRedeemLifecycles
 } from "@agg-build/hooks";
-import { useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo3, useRef as useRef3, useState as useState4 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect4, useMemo as useMemo3, useRef as useRef4, useState as useState4 } from "react";
 var toClaimError = (err) => {
   if (err instanceof Error) return err;
   return new Error(String(err));
@@ -4423,9 +4908,9 @@ function useClaimWinnings(options = {}) {
   const queryClient = useQueryClient2();
   const redeemMutation = useRedeem();
   const [activeRedeems, setActiveRedeems] = useState4({});
-  const activeClaimKeysRef = useRef3(/* @__PURE__ */ new Set());
-  const pendingClaimToastIdsRef = useRef3({});
-  const submittedClaimToastKeysRef = useRef3(/* @__PURE__ */ new Set());
+  const activeClaimKeysRef = useRef4(/* @__PURE__ */ new Set());
+  const pendingClaimToastIdsRef = useRef4({});
+  const submittedClaimToastKeysRef = useRef4(/* @__PURE__ */ new Set());
   const [submittingClaimKeys, setSubmittingClaimKeys] = useState4({});
   const lifecycleInputs = useMemo3(
     () => Object.values(activeRedeems),
@@ -4441,11 +4926,11 @@ function useClaimWinnings(options = {}) {
     return out;
   }, [activeRedeems, lifecycleStates, submittingClaimKeys]);
   const claimingKeys = externalClaimingKeys != null ? externalClaimingKeys : internalClaimingIds;
-  const isClaiming = useCallback3(
+  const isClaiming = useCallback4(
     (claimKey) => Boolean(externalClaimingKeys == null ? void 0 : externalClaimingKeys[claimKey]) || Boolean(internalClaimingIds[claimKey]),
     [externalClaimingKeys, internalClaimingIds]
   );
-  const invalidateClaimUiState = useCallback3(() => {
+  const invalidateClaimUiState = useCallback4(() => {
     invalidateBalanceQueries2(queryClient);
     invalidatePositionQueries2(queryClient);
     queryClient.invalidateQueries({
@@ -4454,7 +4939,7 @@ function useClaimWinnings(options = {}) {
     });
     invalidateUserActivityQueries(queryClient);
   }, [queryClient]);
-  const claim = useCallback3(
+  const claim = useCallback4(
     (_0) => __async(null, [_0], function* ({ claimKey, winningOutcomeIds, payload }) {
       if (activeClaimKeysRef.current.has(claimKey) || Boolean(externalClaimingKeys == null ? void 0 : externalClaimingKeys[claimKey]) || internalClaimingIds[claimKey]) {
         return;
@@ -4592,8 +5077,8 @@ function useClaimWinnings(options = {}) {
       toastCtx
     ]
   );
-  const firedTerminalRef = useRef3({});
-  useEffect3(() => {
+  const firedTerminalRef = useRef4({});
+  useEffect4(() => {
     var _a, _b;
     for (const [claimKey, active] of Object.entries(activeRedeems)) {
       const state = lifecycleStates[active.redeemId];
@@ -4652,7 +5137,7 @@ function useClaimWinnings(options = {}) {
 import {
   computeClosedPositionTotals,
   resolveMarketTradingState as resolveMarketTradingState2,
-  useAggAuthState,
+  useAggAuthState as useAggAuthState2,
   useExecutionPositions as useExecutionPositions2
 } from "@agg-build/hooks";
 import { useMemo as useMemo4 } from "react";
@@ -4671,7 +5156,7 @@ var formatResolutionDate = (value) => {
 function useResolvedMarketClaim(options = {}) {
   var _a;
   const { market, enabled = true, executionMode } = options;
-  const { isAuthenticated } = useAggAuthState();
+  const { isAuthenticated } = useAggAuthState2();
   const tradingState = useMemo4(() => resolveMarketTradingState2(market), [market]);
   const isResolved = tradingState.kind === "resolved";
   const marketId = (_a = market == null ? void 0 : market.id) != null ? _a : null;
@@ -4720,6 +5205,7 @@ function useResolvedMarketClaim(options = {}) {
 }
 
 export {
+  AggNotificationEventsProvider,
   parseVenue,
   parseAmount,
   SettlementDetails,