@agg-build/ui 2.7.2 → 2.8.0

package/dist/{chunk-O27JUYCF.mjs → chunk-R5S2QOYL.mjs}

@@ -9,12 +9,12 @@ import {
   getTradingVenueLabel,
   prepareSettlementDifferences,
   resolveOrderEligibilityMessage
-} from "./chunk-JQKJDSTW.mjs";
+} from "./chunk-VR5ZRDQT.mjs";
 import {
   ConnectKalshiModal,
   GeoBlockBanner,
   subscribeAggDepositNotification
-} from "./chunk-AHQA3B7D.mjs";
+} from "./chunk-KX3TQ7WC.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -28,6 +28,7 @@ import {
   Modal,
   PlaceOrderRouteCardSkeleton,
   RemoteImage,
+  Select,
   Skeleton,
   Tooltip,
   Typography,
@@ -46,7 +47,7 @@ import {
   resolveResolvedOutcomeLabel,
   skeletonViews,
   useOptionalToast
-} from "./chunk-FMYYPNZZ.mjs";
+} from "./chunk-KO6VTRV6.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";
@@ -149,6 +150,7 @@ import {
   useLabels as useLabels2,
   useLiveBestPrices,
   useLiveOutcomePrices,
+  useLimitOrderVenueQuotes,
   useManagedBalances,
   useMidpoints,
   usePlaceLimitOrder,
@@ -160,7 +162,6 @@ import {
 } from "@agg-build/hooks";
 import { Venue as Venue4 } from "@agg-build/sdk";
 import NumberFlow from "@number-flow/react";
-import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import * as Popover from "@radix-ui/react-popover";
 import dayjs from "dayjs";
 import timezone from "dayjs/plugin/timezone";
@@ -612,11 +613,12 @@ var MIN_SELL_ORDER_SHARES = 1;
 var DEFAULT_SLIPPAGE_VALUE = "0.5";
 var HIGH_SLIPPAGE_THRESHOLD = 10;
 var PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT = 3;
+var PLACE_ORDER_NUMERIC_INPUT_CLASS_NAME = "bg-transparent text-right text-agg-3xl font-agg-bold leading-agg-9 tracking-agg-normal text-agg-foreground outline-none";
 var PLACE_ORDER_CONTAINER_CLASS_NAME = "w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary shadow-none hover:shadow-none";
 var PLACE_ORDER_OUTCOME_BUTTON_CLASS_NAMES = {
   activeNegative: "border-agg-error/50 bg-agg-error/15 font-agg-bold text-agg-error",
   activePositive: "border-agg-success/50 bg-agg-success/15 font-agg-bold text-agg-success",
-  base: "flex h-10 flex-1 items-center justify-center rounded-agg-full border px-6 text-agg-base leading-agg-6",
+  base: "flex h-11 flex-1 items-center justify-center rounded-agg-full border px-6 text-agg-base leading-agg-6",
   inactive: "border-transparent bg-agg-secondary-hover font-agg-normal text-agg-foreground hover:bg-agg-tertiary"
 };
 
@@ -1085,6 +1087,93 @@ var routePriceLabelFormatter = new Intl.NumberFormat("en-US", {
   maximumFractionDigits: 1
 });
 var GEO_BLOCK_WARNING_PREFIX = "Venue not available in your region";
+var normalizeOutcomeName = (value) => {
+  var _a;
+  return (_a = value == null ? void 0 : value.trim().toLowerCase()) != null ? _a : "";
+};
+var findMatchingVenueOutcome = (market, selectedOutcome) => {
+  var _a, _b;
+  const selectedNames = new Set(
+    [selectedOutcome.label, selectedOutcome.title].map(normalizeOutcomeName).filter(Boolean)
+  );
+  return (_b = (_a = market.venueMarketOutcomes) == null ? void 0 : _a.find((outcome) => {
+    const normalizedLabel = normalizeOutcomeName(outcome.label);
+    return normalizedLabel !== "" && selectedNames.has(normalizedLabel);
+  })) != null ? _b : null;
+};
+var buildLimitOrderVenueOptions = ({
+  currentPrices,
+  livePrices,
+  market,
+  selectedOutcomeId
+}) => {
+  var _a, _b, _c, _d;
+  if (!market || !selectedOutcomeId) return [];
+  const selectedOutcome = market.venueMarketOutcomes.find(
+    (outcome) => outcome.id === selectedOutcomeId
+  );
+  if (!selectedOutcome) return [];
+  const options = /* @__PURE__ */ new Map();
+  const addOption = ({
+    outcomeId,
+    venue,
+    venueMarketId
+  }) => {
+    var _a2;
+    const parsedVenue = parseVenue(venue);
+    if (!parsedVenue.success || options.has(parsedVenue.data)) return;
+    options.set(parsedVenue.data, {
+      currentPrice: (_a2 = livePrices == null ? void 0 : livePrices.get(outcomeId)) != null ? _a2 : currentPrices.get(outcomeId),
+      venue: parsedVenue.data,
+      venueMarketId,
+      venueMarketOutcomeId: outcomeId
+    });
+  };
+  addOption({
+    outcomeId: selectedOutcome.id,
+    venue: market.venue,
+    venueMarketId: market.id
+  });
+  const matchedMarketsById = new Map(
+    ((_a = market.matchedVenueMarkets) != null ? _a : []).map((matchedMarket) => [matchedMarket.id, matchedMarket])
+  );
+  const matchedOutcomeRefs = (_b = selectedOutcome.matchedVenueMarketOutcomes) != null ? _b : [];
+  for (const ref of matchedOutcomeRefs) {
+    const matchedMarket = matchedMarketsById.get(ref.venueMarketId);
+    const matchedOutcome = (_c = matchedMarket == null ? void 0 : matchedMarket.venueMarketOutcomes) == null ? void 0 : _c.find(
+      (outcome) => outcome.id === ref.venueMarketOutcomeId
+    );
+    if (!matchedMarket || !matchedOutcome) continue;
+    addOption({
+      outcomeId: matchedOutcome.id,
+      venue: matchedMarket.venue,
+      venueMarketId: matchedMarket.id
+    });
+  }
+  if (matchedOutcomeRefs.length === 0) {
+    for (const matchedMarket of (_d = market.matchedVenueMarkets) != null ? _d : []) {
+      const matchedOutcome = findMatchingVenueOutcome(matchedMarket, selectedOutcome);
+      if (!matchedOutcome) continue;
+      addOption({
+        outcomeId: matchedOutcome.id,
+        venue: matchedMarket.venue,
+        venueMarketId: matchedMarket.id
+      });
+    }
+  }
+  return [...options.values()];
+};
+var resolveAutomaticLimitOrderVenueOption = (options, side) => {
+  if (options.length === 0) return null;
+  return [...options].sort((left, right) => {
+    if (left.currentPrice == null && right.currentPrice == null) {
+      return left.venue.localeCompare(right.venue);
+    }
+    if (left.currentPrice == null) return 1;
+    if (right.currentPrice == null) return -1;
+    return side === "buy" ? left.currentPrice - right.currentPrice : right.currentPrice - left.currentPrice;
+  })[0];
+};
 var isGeoBlockWarningReason = (reason) => reason.startsWith(GEO_BLOCK_WARNING_PREFIX);
 var extractGeoBlockedVenues = (warnings) => {
   if (!(warnings == null ? void 0 : warnings.length)) return /* @__PURE__ */ new Set();
@@ -1092,6 +1181,12 @@ var extractGeoBlockedVenues = (warnings) => {
     warnings.filter((w) => w.venue && isGeoBlockWarningReason(w.reason)).map((w) => w.venue)
   );
 };
+var getSmartRouteTotalFees = (feeBreakdown) => {
+  if (!feeBreakdown) return null;
+  const feeParts = [feeBreakdown.venueFees, feeBreakdown.bridgeFees, feeBreakdown.executionGas];
+  if (!feeParts.every(Number.isFinite)) return null;
+  return feeParts.reduce((total, fee) => total + fee, 0);
+};
 var hasLowLiquidityWarning = (warnings) => {
   if (!(warnings == null ? void 0 : warnings.length)) return false;
   return warnings.some((warning) => (warning == null ? void 0 : warning.reason) === "low_liquidity");
@@ -3380,10 +3475,11 @@ 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, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y;
+  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, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$;
   const {
     enableDebug: isExecutionDebugEnabled,
     features: { enableAnimations, showFeesBreakdown, showLimitOrders },
+    formatting: { formatPrice },
     general: { locale },
     trading: { executionMode: configuredExecutionMode = "live" } = { executionMode: "live" }
   } = useSdkUiConfig();
@@ -3503,7 +3599,7 @@ var PlaceOrder = ({
   );
   const [internalTab, setInternalTab] = useState2("buy");
   const [executionType, setExecutionType] = useState2("market");
-  const [isExecutionTypeMenuOpen, setIsExecutionTypeMenuOpen] = useState2(false);
+  const [selectedLimitVenue, setSelectedLimitVenue] = useState2(null);
   const [limitPrice, setLimitPrice] = useState2(0.5);
   const [limitPriceInputValue, setLimitPriceInputValue] = useState2(formatLimitPriceInputValue(0.5));
   const [limitPriceInputError, setLimitPriceInputError] = useState2(null);
@@ -3553,7 +3649,6 @@ var PlaceOrder = ({
   ]);
   const buyTabRef = useRef2(null);
   const sellTabRef = useRef2(null);
-  const executionTypeTriggerRef = useRef2(null);
   const expirationTriggerRef = useRef2(null);
   const limitPriceInitializedForOutcomeRef = useRef2(void 0);
   const expirationOptionRefs = useRef2([]);
@@ -3593,6 +3688,27 @@ var PlaceOrder = ({
   const isQuoteInputEditing = internalAmount !== debouncedAmount;
   const isLimitOrder = showLimitOrders && executionType === "limit";
   const isSell = useMemo(() => internalTab === "sell", [internalTab]);
+  const limitVenueOptions = useMemo(
+    () => {
+      var _a2;
+      return buildLimitOrderVenueOptions({
+        currentPrices: (_a2 = clusterMidpointResult.currentMidpointsByOutcomeId) != null ? _a2 : clusterMidpointResult.prices,
+        livePrices,
+        market: scopedSelectedMarket,
+        selectedOutcomeId: scopedSelectedOutcomeId
+      });
+    },
+    [clusterMidpointResult, livePrices, scopedSelectedMarket, scopedSelectedOutcomeId]
+  );
+  const visibleLimitVenueOptions = useMemo(() => {
+    return limitVenueOptions.filter((option) => {
+      return getVenueAvailabilityState({
+        venueId: option.venue,
+        disabledVenues,
+        isConfigLoading: isAppConfigLoading
+      }) !== "hidden";
+    });
+  }, [disabledVenues, isAppConfigLoading, limitVenueOptions]);
   const {
     positions: executionPositions,
     dataUpdatedAt: executionPositionsUpdatedAt,
@@ -3613,8 +3729,69 @@ var PlaceOrder = ({
     isEditing: isQuoteInputEditing,
     isMarketOpen: resolvedTradingState.kind === "open" && !isEndedWithoutKnownWinner,
     isPanelActive: isQuotePanelActive,
-    isSubmitting: submissionProgressState != null || isBeforeActionPending || executeManaged.isPending
+    isSubmitting: submissionProgressState != null || isBeforeActionPending || executeManaged.isPending || placeLimitOrder.isPending
   };
+  const limitVenueQuoteRequests = useMemo(
+    () => visibleLimitVenueOptions.map((option) => ({
+      venue: option.venue,
+      venueMarketOutcomeId: option.venueMarketOutcomeId
+    })),
+    [visibleLimitVenueOptions]
+  );
+  const hasValidLimitVenueQuoteAmount = debouncedAmount > 0;
+  const isLimitVenueQuoteEnabled = isLimitOrder && isQuotePanelActive && !isEndedWithoutKnownWinner && !submissionProgressState && !isBeforeActionPending && !placeLimitOrder.isPending && hasValidLimitVenueQuoteAmount && orderEligibility.canPlaceOrder && (!isSell || sellFilledForOutcomeId === scopedSelectedOutcomeId && !isQuoteInputEditing);
+  const limitVenueQuotes = useLimitOrderVenueQuotes({
+    requests: limitVenueQuoteRequests,
+    tradeSide: internalTab,
+    amount: debouncedAmount,
+    marketId: scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id,
+    accountId: (_k = user == null ? void 0 : user.id) != null ? _k : null,
+    chainBalances: chainBalancesOverride,
+    mode: isPaperMode ? "paper" : void 0,
+    slipCapBps: 1e6,
+    enabled: isLimitVenueQuoteEnabled,
+    refreshContext: smartRouteRefreshContext
+  });
+  const limitVenueQuoteByVenue = useMemo(
+    () => new Map(limitVenueQuotes.quotes.map((quote) => [quote.request.venue, quote])),
+    [limitVenueQuotes.quotes]
+  );
+  const geoBlockedLimitVenues = useMemo(() => {
+    var _a2;
+    const venues = /* @__PURE__ */ new Set();
+    for (const quote of limitVenueQuotes.quotes) {
+      if (extractGeoBlockedVenues((_a2 = quote.data) == null ? void 0 : _a2.warnings).has(quote.request.venue)) {
+        venues.add(quote.request.venue);
+      }
+    }
+    return venues;
+  }, [limitVenueQuotes.quotes]);
+  const availableLimitVenueOptions = useMemo(() => {
+    return visibleLimitVenueOptions.filter((option) => {
+      return !geoBlockedLimitVenues.has(option.venue) && getVenueAvailabilityState({
+        venueId: option.venue,
+        disabledVenues,
+        isConfigLoading: isAppConfigLoading
+      }) === "available";
+    });
+  }, [disabledVenues, geoBlockedLimitVenues, isAppConfigLoading, visibleLimitVenueOptions]);
+  const automaticLimitVenueOption = useMemo(
+    () => resolveAutomaticLimitOrderVenueOption(availableLimitVenueOptions, internalTab),
+    [availableLimitVenueOptions, internalTab]
+  );
+  const selectedLimitVenueOption = useMemo(() => {
+    if (selectedLimitVenue) {
+      const selectedOption = availableLimitVenueOptions.find(
+        (option) => option.venue === selectedLimitVenue
+      );
+      if (selectedOption) return selectedOption;
+    }
+    return automaticLimitVenueOption;
+  }, [automaticLimitVenueOption, availableLimitVenueOptions, selectedLimitVenue]);
+  useEffect2(() => {
+    if (!selectedLimitVenue || !geoBlockedLimitVenues.has(selectedLimitVenue)) return;
+    setSelectedLimitVenue(null);
+  }, [geoBlockedLimitVenues, selectedLimitVenue]);
   const smartRoute = useSmartRoute(__spreadProps(__spreadValues({
     venueMarketOutcomeId: scopedSelectedOutcomeId,
     maxSpend: isSell ? void 0 : debouncedAmount,
@@ -3630,7 +3807,7 @@ var PlaceOrder = ({
     enabled: isSmartRouteEnabled
   }, isSell ? {
     sellCacheScope: {
-      accountId: (_k = user == null ? void 0 : user.id) != null ? _k : null,
+      accountId: (_l = user == null ? void 0 : user.id) != null ? _l : null,
       positionVersion: executionPositionsUpdatedAt
     }
   } : {}), {
@@ -3686,12 +3863,12 @@ var PlaceOrder = ({
   );
   const venueSellQuotes = useVenueSellQuotes({
     venueMarketOutcomeId: scopedSelectedOutcomeId,
-    accountId: (_l = user == null ? void 0 : user.id) != null ? _l : null,
+    accountId: (_m = user == null ? void 0 : user.id) != null ? _m : null,
     positionVersion: executionPositionsUpdatedAt,
     requests: venueSellQuoteRequests,
     mode: isPaperMode ? "paper" : void 0,
     slipCapBps: 1e6,
-    enabled: isSell && isSmartRouteEnabled && !smartRoute.isLoading && ((_m = smartRoute.data) == null ? void 0 : _m.venueMarketOutcomeId) === scopedSelectedOutcomeId,
+    enabled: isSell && isSmartRouteEnabled && !smartRoute.isLoading && ((_n = smartRoute.data) == null ? void 0 : _n.venueMarketOutcomeId) === scopedSelectedOutcomeId,
     refreshContext: smartRouteRefreshContext
   });
   const currentSellableShares = useMemo(() => {
@@ -3726,13 +3903,13 @@ var PlaceOrder = ({
     isSell,
     scopedSelectedMarket,
     scopedSelectedOutcome,
-    (_o = (_n = smartRoute.data) == null ? void 0 : _n.positionAvailability) == null ? void 0 : _o.totalSellableShares
+    (_p = (_o = smartRoute.data) == null ? void 0 : _o.positionAvailability) == null ? void 0 : _p.totalSellableShares
   ]);
   const maxSellableShares = useMemo(
     () => floorToDecimals(currentSellableShares, SELL_SHARE_INPUT_DECIMALS),
     [currentSellableShares]
   );
-  const isCurrentSellableSharesLoading = isSell && isAuthenticated && !(typeof ((_q = (_p = smartRoute.data) == null ? void 0 : _p.positionAvailability) == null ? void 0 : _q.totalSellableShares) === "number") && (isExecutionPositionsLoading || isExecutionPositionsFetching);
+  const isCurrentSellableSharesLoading = isSell && isAuthenticated && !(typeof ((_r = (_q = smartRoute.data) == null ? void 0 : _q.positionAvailability) == null ? void 0 : _r.totalSellableShares) === "number") && (isExecutionPositionsLoading || isExecutionPositionsFetching);
   const displayedCurrentSellableShares = useMemo(() => {
     if (!Number.isFinite(currentSellableShares) || currentSellableShares <= 0) return 0;
     return floorToDecimals(currentSellableShares, SELL_SHARE_DISPLAY_DECIMALS);
@@ -3742,7 +3919,7 @@ var PlaceOrder = ({
     [maxSellableShares]
   );
   const isAtMaxSellableShares = isSell && maxSellableShares > 0 && Math.abs(internalAmount - maxSellableShares) < 1e-9;
-  const isSellAmountAboveAvailability = isSell && ((_r = smartRoute.data) == null ? void 0 : _r.venueMarketOutcomeId) === scopedSelectedOutcomeId && typeof ((_s = smartRoute.data.positionAvailability) == null ? void 0 : _s.totalSellableShares) === "number" && internalAmount > maxSellableShares;
+  const isSellAmountAboveAvailability = isSell && ((_s = smartRoute.data) == null ? void 0 : _s.venueMarketOutcomeId) === scopedSelectedOutcomeId && typeof ((_t = smartRoute.data.positionAvailability) == null ? void 0 : _t.totalSellableShares) === "number" && internalAmount > maxSellableShares;
   useEffect2(() => {
     if (submissionProgressState != null) return;
     if (!isSell || isCurrentSellableSharesLoading) return;
@@ -3778,8 +3955,8 @@ var PlaceOrder = ({
     isSell,
     onAmountChange,
     scopedSelectedOutcomeId,
-    (_u = (_t = smartRoute.data) == null ? void 0 : _t.positionAvailability) == null ? void 0 : _u.totalSellableShares,
-    (_v = smartRoute.data) == null ? void 0 : _v.venueMarketOutcomeId,
+    (_v = (_u = smartRoute.data) == null ? void 0 : _u.positionAvailability) == null ? void 0 : _v.totalSellableShares,
+    (_w = smartRoute.data) == null ? void 0 : _w.venueMarketOutcomeId,
     submissionProgressState
   ]);
   const routeCards = useMemo(() => {
@@ -3817,7 +3994,7 @@ var PlaceOrder = ({
       return selectedRouteCardId;
     }
     return resolveDefaultRouteCardId(routeCards, isSell ? void 0 : (_a2 = smartRoute.data) == null ? void 0 : _a2.status);
-  }, [routeCards, selectedRouteCardId, isSell, (_w = smartRoute.data) == null ? void 0 : _w.status]);
+  }, [routeCards, selectedRouteCardId, isSell, (_x = smartRoute.data) == null ? void 0 : _x.status]);
   useEffect2(() => {
     if (routeCards.length === 0) {
       setSelectedRouteCardId(null);
@@ -3840,7 +4017,6 @@ var PlaceOrder = ({
   useEffect2(() => {
     if (showLimitOrders || executionType !== "limit") return;
     setExecutionType("market");
-    setIsExecutionTypeMenuOpen(false);
     setIsLimitExpirationPickerOpen(false);
   }, [executionType, showLimitOrders]);
   useEffect2(() => {
@@ -3856,15 +4032,19 @@ var PlaceOrder = ({
     setLimitPriceInputValue(formatLimitPriceInputValue(nextLimitPrice));
     setLimitPriceInputError(null);
   }, [executionType, scopedSelectedOutcomeId, selectedOutcomeDisplayPrice]);
+  useEffect2(() => {
+    setSelectedLimitVenue(null);
+  }, [scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id, scopedSelectedOutcomeId]);
   const orderedRouteCards = routeCards;
-  const selectedRouteCard = (_y = (_x = orderedRouteCards.find((card) => card.id === resolvedSelectedRouteCardId)) != null ? _x : orderedRouteCards[0]) != null ? _y : null;
+  const selectedRouteCard = (_z = (_y = orderedRouteCards.find((card) => card.id === resolvedSelectedRouteCardId)) != null ? _y : orderedRouteCards[0]) != null ? _z : null;
   const isKalshiRoute = useMemo(() => {
+    if (isLimitOrder) return (selectedLimitVenueOption == null ? void 0 : selectedLimitVenueOption.venue) === Venue4.kalshi;
     if (selectedRouteCard) {
       return selectedRouteCard.venue === "kalshi" || selectedRouteCard.quoteData.fills.some((f) => f.venue === "kalshi");
     }
     return (scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venue) === "kalshi";
-  }, [selectedRouteCard, scopedSelectedMarket]);
-  const displayedBalance = isPaperMode ? paperTotalBalance : isKalshiRoute ? (_z = liveBalanceState.kalshiBalance) != null ? _z : 0 : liveAvailableBalance;
+  }, [isLimitOrder, selectedLimitVenueOption == null ? void 0 : selectedLimitVenueOption.venue, selectedRouteCard, scopedSelectedMarket]);
+  const displayedBalance = isPaperMode ? paperTotalBalance : isKalshiRoute ? (_A = liveBalanceState.kalshiBalance) != null ? _A : 0 : liveAvailableBalance;
   const legacyKalshiAccount = useMemo(
     () => {
       var _a2;
@@ -3872,8 +4052,8 @@ var PlaceOrder = ({
     },
     [user == null ? void 0 : user.venueAccounts]
   );
-  const isKalshiAccountActive = (_A = kalshiKeyStatus == null ? void 0 : kalshiKeyStatus.connected) != null ? _A : (legacyKalshiAccount == null ? void 0 : legacyKalshiAccount.status) === "active";
-  const isKalshiVerified = ((_B = kalshiKeyStatus == null ? void 0 : kalshiKeyStatus.kycStatus) != null ? _B : legacyKalshiAccount == null ? void 0 : legacyKalshiAccount.kycStatus) === "verified";
+  const isKalshiAccountActive = (_B = kalshiKeyStatus == null ? void 0 : kalshiKeyStatus.connected) != null ? _B : (legacyKalshiAccount == null ? void 0 : legacyKalshiAccount.status) === "active";
+  const isKalshiVerified = ((_C = kalshiKeyStatus == null ? void 0 : kalshiKeyStatus.kycStatus) != null ? _C : legacyKalshiAccount == null ? void 0 : legacyKalshiAccount.kycStatus) === "verified";
   const hasKalshiConnectionState = kalshiKeyStatus !== void 0 || (user == null ? void 0 : user.venueAccounts) != null;
   const isKalshiAvailable = getVenueAvailabilityState({
     venueId: "kalshi",
@@ -3900,7 +4080,7 @@ var PlaceOrder = ({
     [aggClient, onConnectKalshi, refetchKalshiKeyStatus]
   );
   const needsKycVerification = isAuthenticated && hasKalshiConnectionState && isKalshiRoute && isKalshiAccountActive && !isKalshiVerified;
-  const verifyKalshiConnectionLabel = (_F = (_E = (_D = (_C = labels.onboarding) == null ? void 0 : _C.connectKalshiModal) == null ? void 0 : _D.actions) == null ? void 0 : _E.verifyConnection) != null ? _F : tradingLabels.kycRequired;
+  const verifyKalshiConnectionLabel = (_G = (_F = (_E = (_D = labels.onboarding) == null ? void 0 : _D.connectKalshiModal) == null ? void 0 : _E.actions) == null ? void 0 : _F.verifyConnection) != null ? _G : tradingLabels.kycRequired;
   const handleRouteCardSelect = useCallback2(
     (cardId) => {
       if (cardId === resolvedSelectedRouteCardId) {
@@ -3915,15 +4095,15 @@ var PlaceOrder = ({
     [resolvedSelectedRouteCardId, routeCards]
   );
   const executionProgress = useExecutionProgress({
-    orderIds: (_G = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) != null ? _G : null,
-    quoteId: (_H = submissionProgressState == null ? void 0 : submissionProgressState.quoteId) != null ? _H : null,
+    orderIds: (_H = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) != null ? _H : null,
+    quoteId: (_I = submissionProgressState == null ? void 0 : submissionProgressState.quoteId) != null ? _I : null,
     mode: isPaperMode ? "paper" : void 0,
-    enabled: ((submissionProgressState == null ? void 0 : submissionProgressState.phase) === "submitting" || (submissionProgressState == null ? void 0 : submissionProgressState.phase) === "executing") && !!((_I = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) == null ? void 0 : _I.length)
+    enabled: ((submissionProgressState == null ? void 0 : submissionProgressState.phase) === "submitting" || (submissionProgressState == null ? void 0 : submissionProgressState.phase) === "executing") && !!((_J = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) == null ? void 0 : _J.length)
   });
-  const selectedOutcomeLabel = (_L = (_K = (_J = outcomes.find((outcome) => outcome.id === scopedSelectedOutcomeId)) == null ? void 0 : _J.label) != null ? _K : scopedSelectedOutcome == null ? void 0 : scopedSelectedOutcome.label) != null ? _L : "";
-  const headerImage = (_N = (_M = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.image) != null ? _M : scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.image) != null ? _N : null;
-  const headerTitle = (_P = (_O = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.title) != null ? _O : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _P : "";
-  const headerSubtitle = (_Q = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _Q : "";
+  const selectedOutcomeLabel = (_M = (_L = (_K = outcomes.find((outcome) => outcome.id === scopedSelectedOutcomeId)) == null ? void 0 : _K.label) != null ? _L : scopedSelectedOutcome == null ? void 0 : scopedSelectedOutcome.label) != null ? _M : "";
+  const headerImage = (_O = (_N = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.image) != null ? _N : scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.image) != null ? _O : null;
+  const headerTitle = (_Q = (_P = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.title) != null ? _P : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _Q : "";
+  const headerSubtitle = (_R = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _R : "";
   const buildExecutionSummary = useCallback2(
     (quoteData, executionVenue, orderId, partialFillSummary) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
@@ -4221,19 +4401,19 @@ var PlaceOrder = ({
     queryClient,
     submissionProgressState
   ]);
-  const activeQuoteData = (_S = (_R = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) != null ? _R : smartRoute.data) != null ? _S : null;
-  const visibleRouteCards = orderedRouteCards.length > PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT && !isRoutesExpanded ? orderedRouteCards.slice(0, PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT) : orderedRouteCards;
+  const activeQuoteData = isLimitOrder ? null : (_T = (_S = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) != null ? _S : smartRoute.data) != null ? _T : null;
+  const visibleMarketRouteCards = 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 = !isLimitOrder && hasEnteredAmount && (smartRoute.isFetching || smartRoute.isLoading || isSell && (venueSellQuotes.isFetching || venueSellQuotes.isLoading));
   const routeLoadingMessage = isQuoteLoading ? smartRoute.loadingReason === "updating-route" ? tradingLabels.updatingRoute : smartRoute.loadingReason === "refreshing-quotes" ? tradingLabels.refreshingQuotes : tradingLabels.findingBestOdds : null;
-  const selectedRouteFills = (_T = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData.fills) != null ? _T : [];
+  const selectedRouteFills = (_U = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData.fills) != null ? _U : [];
   const isKalshiOnlyRoute = isKalshiRoute && ((selectedRouteCard == null ? void 0 : selectedRouteCard.venue) === Venue4.kalshi || selectedRouteFills.length > 0 && selectedRouteFills.every((fill) => fill.venue === Venue4.kalshi));
   const isOnchainOnlyRoute = !isKalshiRoute || selectedRouteFills.length > 0 && selectedRouteFills.every((fill) => fill.venue !== Venue4.kalshi);
   const kalshiRequiredAmount = isSell ? 0 : selectedRouteFills.filter((fill) => fill.venue === Venue4.kalshi).reduce((total, fill) => total + fill.venueQty * fill.avgPrice, 0);
   const onchainRequiredAmount = isSell ? 0 : selectedRouteFills.filter((fill) => fill.venue !== Venue4.kalshi).reduce((total, fill) => total + fill.venueQty * fill.avgPrice, 0);
   const resolvedKalshiRequiredAmount = isKalshiOnlyRoute || isKalshiRoute && selectedRouteFills.length === 0 ? internalAmount : kalshiRequiredAmount;
   const resolvedOnchainRequiredAmount = isOnchainOnlyRoute || !isKalshiRoute && selectedRouteFills.length === 0 ? internalAmount : onchainRequiredAmount;
-  const isKalshiBalanceInsufficient = !isPaperMode && isKalshiRoute && resolvedKalshiRequiredAmount > ((_U = liveBalanceState.kalshiBalance) != null ? _U : 0);
+  const isKalshiBalanceInsufficient = !isPaperMode && isKalshiRoute && resolvedKalshiRequiredAmount > ((_V = liveBalanceState.kalshiBalance) != null ? _V : 0);
   const isOnchainBalanceInsufficient = resolvedOnchainRequiredAmount > liveAvailableBalance;
   const isInsufficientBalance = !isSell && isAuthenticated && hasEnteredAmount && !isBalanceLoading && (isLimitOrder ? internalAmount > totalBalance : isPaperMode ? internalAmount > paperTotalBalance : isKalshiBalanceInsufficient || isOnchainBalanceInsufficient);
   const isQuoteInsufficientBalance = !isLimitOrder && (activeQuoteData == null ? void 0 : activeQuoteData.status) === "insufficient_balance";
@@ -4327,9 +4507,9 @@ var PlaceOrder = ({
     }
     return (_d2 = selectedRouteCard.hint) != null ? _d2 : "";
   }, [selectedRouteCard, tradingLabels]);
-  const displayedToWinValue = (_V = selectedRouteCard == null ? void 0 : selectedRouteCard.numericValue) != null ? _V : 0;
+  const displayedToWinValue = (_W = selectedRouteCard == null ? void 0 : selectedRouteCard.numericValue) != null ? _W : 0;
   const limitOrderPayload = useMemo(() => {
-    if (!scopedSelectedMarket || !scopedSelectedOutcomeId || internalAmount <= 0) return null;
+    if (!selectedLimitVenueOption || internalAmount <= 0) return null;
     if (limitPriceInputError) return null;
     const expirationDate = resolveLimitExpirationDate({
       expirationType: limitExpirationType,
@@ -4345,8 +4525,8 @@ var PlaceOrder = ({
     });
     const expiresAt = expirationDate ? serializeLimitOrderExpiration(expirationDate) : void 0;
     return __spreadValues({
-      venue: scopedSelectedMarket.venue,
-      venueMarketOutcomeId: scopedSelectedOutcomeId,
+      venue: selectedLimitVenueOption.venue,
+      venueMarketOutcomeId: selectedLimitVenueOption.venueMarketOutcomeId,
       side: internalTab,
       limitPriceRaw,
       sizeRaw,
@@ -4360,8 +4540,7 @@ var PlaceOrder = ({
     limitExpirationType,
     limitPrice,
     limitPriceInputError,
-    scopedSelectedMarket,
-    scopedSelectedOutcomeId
+    selectedLimitVenueOption
   ]);
   const resolvedLimitExpirationDraftDate = useMemo(() => {
     return resolveLimitExpirationDate({
@@ -4404,11 +4583,70 @@ var PlaceOrder = ({
       )
     ) / Number(LIMIT_ORDER_RAW_SCALE);
   }, [internalTab, limitOrderPayload]);
+  const limitRouteCards = useMemo(() => {
+    return visibleLimitVenueOptions.map((option) => {
+      var _a2, _b2;
+      const availabilityState = getVenueAvailabilityState({
+        venueId: option.venue,
+        disabledVenues,
+        isConfigLoading: isAppConfigLoading
+      });
+      const isGeoBlocked = geoBlockedLimitVenues.has(option.venue);
+      const isUnavailable = isTradingBlocked || isGeoBlocked || availabilityState !== "available";
+      const currentPriceLabel = option.currentPrice == null ? "\u2014" : formatProbabilityCents(option.currentPrice, formatPrice);
+      const totalFees = getSmartRouteTotalFees(
+        (_b2 = (_a2 = limitVenueQuoteByVenue.get(option.venue)) == null ? void 0 : _a2.data) == null ? void 0 : _b2.feeBreakdown
+      );
+      const feeLabel = totalFees == null ? void 0 : formatUsd(totalFees, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+      return {
+        id: `limit-venue-${option.venue}-${option.venueMarketOutcomeId}`,
+        hint: isGeoBlocked ? tradingLabels.venueUnavailableInRegion : tradingLabels.limitRoutingCurrentPrice(currentPriceLabel, feeLabel),
+        isUnavailable,
+        kind: "venue",
+        label: getTradingVenueLabel(option.venue),
+        numericValue: displayedLimitToWinValue,
+        value: formatUsd(displayedLimitToWinValue, {
+          maximumFractionDigits: 2,
+          minimumFractionDigits: 2
+        }),
+        venue: option.venue
+      };
+    });
+  }, [
+    disabledVenues,
+    displayedLimitToWinValue,
+    formatPrice,
+    geoBlockedLimitVenues,
+    isAppConfigLoading,
+    isTradingBlocked,
+    limitVenueQuoteByVenue,
+    tradingLabels,
+    visibleLimitVenueOptions
+  ]);
+  const limitVenueOptionByCardId = useMemo(() => {
+    return new Map(
+      visibleLimitVenueOptions.map((option) => [
+        `limit-venue-${option.venue}-${option.venueMarketOutcomeId}`,
+        option
+      ])
+    );
+  }, [visibleLimitVenueOptions]);
+  const activeRouteCards = isLimitOrder ? limitRouteCards : visibleMarketRouteCards;
+  const activeRouteCardCount = isLimitOrder ? limitRouteCards.length : orderedRouteCards.length;
+  const handleActiveRouteCardSelect = (cardId) => {
+    if (!isLimitOrder) {
+      handleRouteCardSelect(cardId);
+      return;
+    }
+    const option = limitVenueOptionByCardId.get(cardId);
+    if (!option) return;
+    setSelectedLimitVenue(option.venue);
+  };
   const displayedLimitToWinHint = formatLimitPriceLabel(limitPrice);
   const activeFeeBreakdown = activeQuoteData == null ? void 0 : activeQuoteData.feeBreakdown;
   const estimatedFeesValue = useMemo(() => {
-    if (!activeFeeBreakdown) return null;
-    const totalFees = activeFeeBreakdown.venueFees + activeFeeBreakdown.bridgeFees + activeFeeBreakdown.executionGas;
+    const totalFees = getSmartRouteTotalFees(activeFeeBreakdown);
+    if (totalFees == null) return null;
     return formatUsd(totalFees, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
   }, [activeFeeBreakdown]);
   const feeBreakdownRows = useMemo(() => {
@@ -4446,13 +4684,15 @@ var PlaceOrder = ({
     ];
   }, [activeFeeBreakdown, tradingLabels]);
   const isActionLoading = isPrimaryActionLoading || executeManaged.isPending || placeLimitOrder.isPending || isBeforeActionPending;
-  const selectedRouteGeoBlocked = (_W = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _W : false;
+  const selectedLimitRouteCardId = selectedLimitVenueOption ? `limit-venue-${selectedLimitVenueOption.venue}-${selectedLimitVenueOption.venueMarketOutcomeId}` : null;
+  const selectedLimitRouteCard = selectedLimitRouteCardId ? (_X = limitRouteCards.find((card) => card.id === selectedLimitRouteCardId)) != null ? _X : null : null;
+  const selectedRouteGeoBlocked = isLimitOrder ? (_Y = selectedLimitRouteCard == null ? void 0 : selectedLimitRouteCard.isUnavailable) != null ? _Y : false : (_Z = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _Z : false;
   const geoBlockedVenuesFromWarnings = useMemo(
     () => {
       var _a2;
       return extractGeoBlockedVenues((_a2 = smartRoute.data) == null ? void 0 : _a2.warnings);
     },
-    [(_X = smartRoute.data) == null ? void 0 : _X.warnings]
+    [(__ = smartRoute.data) == null ? void 0 : __.warnings]
   );
   const isPrimaryVenueGeoBlocked = useMemo(() => {
     var _a2, _b2;
@@ -4460,12 +4700,12 @@ var PlaceOrder = ({
     const fills = (_b2 = (_a2 = selectedRouteCard.quoteData) == null ? void 0 : _a2.fills) != null ? _b2 : [];
     return fills.length > 0 && fills.every((f) => geoBlockedVenuesFromWarnings.has(f.venue));
   }, [selectedRouteCard, geoBlockedVenuesFromWarnings]);
-  const shouldShowGeoBlockBanner = isTradingBlocked || selectedRouteGeoBlocked || isPrimaryVenueGeoBlocked;
+  const shouldShowGeoBlockBanner = isTradingBlocked || selectedRouteGeoBlocked || isPrimaryVenueGeoBlocked || isLimitOrder && limitRouteCards.length > 0 && limitRouteCards.every((card) => card.isUnavailable);
   const shouldShowLowLiquidityWarning = !isQuoteInputEditing && !isQuoteLoading && (activeQuoteData == null ? void 0 : activeQuoteData.venueMarketOutcomeId) === scopedSelectedOutcomeId && hasLowLiquidityWarning(activeQuoteData.warnings);
   const actionLabel = `${internalTab === "buy" ? tradingLabels.buy : tradingLabels.sell} ${selectedOutcomeLabel}`.trim();
   const isActionDisabled = isPrimaryActionDisabled || !orderEligibility.canPlaceOrder || isActionLoading || !hasEnteredAmount || !scopedSelectedMarket || isInsufficientBalance || isQuoteInsufficientBalance || isSell && isQuoteInputEditing || isSellAmountAboveAvailability || isBelowMinimum || !isLimitOrder && isQuoteLoading || (isLimitOrder ? !limitOrderPayload : !selectedRouteCard || !selectedRouteCard.quoteData.quoteId) || selectedRouteGeoBlocked || !isAuthenticated || !isLimitOrder && quoteStatus !== void 0;
-  const shouldShowSmartRouting = !isLimitOrder && orderEligibility.canPlaceOrder && hasEnteredAmount && !isBelowMinimum && (orderedRouteCards.length > 0 || smartRoute.isFetching || smartRoute.isLoading || isSell && (venueSellQuotes.isFetching || venueSellQuotes.isLoading));
-  const shouldShowRouteToggle = !isQuoteLoading && orderedRouteCards.length > PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT;
+  const shouldShowSmartRouting = orderEligibility.canPlaceOrder && hasEnteredAmount && !isBelowMinimum && (isLimitOrder ? limitRouteCards.length > 0 : orderedRouteCards.length > 0 || smartRoute.isFetching || smartRoute.isLoading || isSell && (venueSellQuotes.isFetching || venueSellQuotes.isLoading));
+  const shouldShowRouteToggle = !isLimitOrder && !isQuoteLoading && orderedRouteCards.length > PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT;
   const handleReturnToOrderForm = useCallback2(() => {
     const submittedSelection = submittedSelectionRef.current;
     submittedSelectionRef.current = null;
@@ -5110,7 +5350,7 @@ var PlaceOrder = ({
       PlaceOrderResolvedView,
       {
         tradingState: resolvedReadOnlyTradingState,
-        resolutionTimestamp: (_Y = resolvedEventTradingState.resolvesAt) != null ? _Y : resolvedReadOnlyTradingState.resolvesAt,
+        resolutionTimestamp: (_$ = resolvedEventTradingState.resolvesAt) != null ? _$ : resolvedReadOnlyTradingState.resolvesAt,
         resolvedClaim,
         classNames,
         className,
@@ -5193,261 +5433,228 @@ var PlaceOrder = ({
                       tabItem.value
                     );
                   }) }),
-                  showLimitOrders ? /* @__PURE__ */ jsxs5(
-                    DropdownMenu.Root,
+                  showLimitOrders ? /* @__PURE__ */ jsx6(
+                    Select,
                     {
-                      open: isExecutionTypeMenuOpen,
-                      onOpenChange: setIsExecutionTypeMenuOpen,
-                      children: [
-                        /* @__PURE__ */ jsx6(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs5(
-                          "button",
-                          {
-                            ref: executionTypeTriggerRef,
-                            type: "button",
-                            className: cn(
-                              "agg-order-type-trigger mb-2 flex cursor-pointer items-center gap-2 rounded-agg-sm px-2 py-1 text-agg-base leading-agg-6 text-agg-foreground",
-                              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary"
-                            ),
-                            "aria-label": tradingLabels.orderTypeAria,
-                            children: [
-                              /* @__PURE__ */ jsx6("span", { children: isLimitOrder ? tradingLabels.orderTypeLimit : tradingLabels.orderTypeMarket }),
-                              /* @__PURE__ */ jsx6(Icon, { name: "chevron-down", size: "small", className: "h-4 w-4", "aria-hidden": true })
-                            ]
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx6(
-                          DropdownMenu.Portal,
-                          {
-                            container: resolvePlaceOrderPortalContainer(executionTypeTriggerRef.current),
-                            children: /* @__PURE__ */ jsx6(
-                              DropdownMenu.Content,
-                              {
-                                align: "end",
-                                sideOffset: 8,
-                                className: "z-50 min-w-[140px] rounded-agg-lg border border-agg-separator bg-agg-secondary p-1 shadow-[0_8px_16px_rgba(0,0,0,0.12)]",
-                                children: [
-                                  { value: "market", label: tradingLabels.orderTypeMarket },
-                                  { value: "limit", label: tradingLabels.orderTypeLimit }
-                                ].map((item) => /* @__PURE__ */ jsx6(
-                                  DropdownMenu.Item,
-                                  {
-                                    className: cn(
-                                      "cursor-pointer rounded-agg-sm px-3 py-2 text-agg-sm leading-agg-5 text-agg-foreground outline-none hover:bg-agg-secondary-hover focus:bg-agg-secondary-hover",
-                                      executionType === item.value && "font-agg-bold text-agg-primary"
-                                    ),
-                                    onSelect: () => handleExecutionTypeChange(item.value),
-                                    children: item.label
-                                  },
-                                  item.value
-                                ))
-                              }
-                            )
-                          }
-                        )
-                      ]
+                      ariaLabel: tradingLabels.orderTypeAria,
+                      className: "mb-2",
+                      triggerClassName: "agg-order-type-trigger",
+                      items: [
+                        { value: "market", label: tradingLabels.orderTypeMarket },
+                        { value: "limit", label: tradingLabels.orderTypeLimit }
+                      ],
+                      value: executionType,
+                      onChange: handleExecutionTypeChange,
+                      variant: "inline",
+                      openOnHover: true,
+                      contentAlign: "end",
+                      contentSideOffset: 4
                     }
                   ) : null
                 ]
               }
             ),
-            outcomes.length >= 2 ? /* @__PURE__ */ jsx6("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,
-                outcomeLabel: outcome.label,
-                selection: (_a2 = tradingContext == null ? void 0 : tradingContext.tradeSide) != null ? _a2 : isSell ? "sell" : "buy",
-                bestPrices: clusterBestPrices,
-                bestMidpoint: clusterBestMidpoint,
-                bestMidpointsByOutcomeId: clusterBestMidpointsByOutcomeId,
-                livePrices
-              });
-              const isActive = outcome.id === scopedSelectedOutcomeId;
-              const isPositive = resolveIsPositiveOutcome(outcome, index);
-              const isPriceLoading = clusterMidpointResult.isLoading && price == null;
-              return /* @__PURE__ */ jsxs5(
-                "button",
-                {
-                  "data-id": outcome.id,
-                  type: "button",
-                  className: cn(
-                    "agg-outcome-button",
-                    getOutcomeButtonClassName({
-                      enableAnimations,
-                      isActive,
-                      isPositive
-                    }),
-                    "disabled:cursor-not-allowed disabled:opacity-60",
-                    "leading-agg-5! flex-1 min-w-0 gap-1 md:gap-2"
-                  ),
-                  "aria-pressed": isActive,
-                  "aria-label": `${(_b2 = outcome.title) != null ? _b2 : outcome.label} ${formatProbabilityCents(price)}`,
-                  disabled: !orderEligibility.canPlaceOrder || isResolvedOutcomeCtaLocked,
-                  onClick: () => handleOutcomeChange(outcome.id),
-                  children: [
+            /* @__PURE__ */ jsxs5("div", { className: "agg-order-entry-section flex flex-col gap-4", children: [
+              outcomes.length >= 2 ? /* @__PURE__ */ jsx6("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,
+                  outcomeLabel: outcome.label,
+                  selection: (_a2 = tradingContext == null ? void 0 : tradingContext.tradeSide) != null ? _a2 : isSell ? "sell" : "buy",
+                  bestPrices: clusterBestPrices,
+                  bestMidpoint: clusterBestMidpoint,
+                  bestMidpointsByOutcomeId: clusterBestMidpointsByOutcomeId,
+                  livePrices
+                });
+                const isActive = outcome.id === scopedSelectedOutcomeId;
+                const isPositive = resolveIsPositiveOutcome(outcome, index);
+                const isPriceLoading = clusterMidpointResult.isLoading && price == null;
+                return /* @__PURE__ */ jsxs5(
+                  "button",
+                  {
+                    "data-id": outcome.id,
+                    type: "button",
+                    className: cn(
+                      "agg-outcome-button",
+                      getOutcomeButtonClassName({
+                        enableAnimations,
+                        isActive,
+                        isPositive
+                      }),
+                      "disabled:cursor-not-allowed disabled:opacity-60",
+                      "leading-agg-5! flex-1 min-w-0 gap-1 md:gap-2"
+                    ),
+                    "aria-pressed": isActive,
+                    "aria-label": `${(_b2 = outcome.title) != null ? _b2 : outcome.label} ${formatProbabilityCents(price, formatPrice)}`,
+                    disabled: !orderEligibility.canPlaceOrder || isResolvedOutcomeCtaLocked,
+                    onClick: () => handleOutcomeChange(outcome.id),
+                    children: [
+                      /* @__PURE__ */ jsx6(
+                        Typography,
+                        {
+                          as: "span",
+                          variant: isActive ? "body-strong" : "body",
+                          className: cn("whitespace-nowrap truncate"),
+                          children: (_c2 = outcome.title) != null ? _c2 : outcome.label
+                        }
+                      ),
+                      isPriceLoading ? /* @__PURE__ */ jsx6(
+                        "span",
+                        {
+                          "aria-hidden": "true",
+                          className: cn(
+                            "agg-place-order-outcome-price-loading",
+                            "h-4 w-10 shrink-0 rounded-agg-sm bg-agg-separator animate-pulse"
+                          )
+                        }
+                      ) : /* @__PURE__ */ jsx6(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price, formatPrice) })
+                    ]
+                  },
+                  outcome.id
+                );
+              }) }) : null,
+              isLimitOrder ? /* @__PURE__ */ jsxs5("div", { className: "agg-limit-price-section flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ jsx6("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.limitPrice }),
+                /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-col items-end gap-1", children: [
+                  /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsxs5("label", { className: "relative flex items-center", children: [
+                      /* @__PURE__ */ jsx6(
+                        "input",
+                        {
+                          type: "text",
+                          inputMode: "decimal",
+                          "aria-label": tradingLabels.limitPriceInputAria,
+                          "aria-invalid": Boolean(limitPriceInputError),
+                          value: limitPriceInputValue,
+                          onChange: handleLimitPriceInputChange,
+                          onBlur: handleLimitPriceInputBlur,
+                          className: cn(
+                            PLACE_ORDER_NUMERIC_INPUT_CLASS_NAME,
+                            "h-9 w-[108px] pr-5",
+                            limitPriceInputError && "text-agg-error focus-visible:text-agg-error"
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsx6("span", { className: "pointer-events-none absolute right-1 text-agg-3xl font-agg-bold leading-agg-9 text-agg-foreground", children: "\xA2" })
+                    ] }),
                     /* @__PURE__ */ jsx6(
-                      Typography,
+                      "button",
                       {
-                        as: "span",
-                        variant: isActive ? "body-strong" : "body",
-                        className: cn("whitespace-nowrap truncate"),
-                        children: (_c2 = outcome.title) != null ? _c2 : outcome.label
+                        type: "button",
+                        className: "flex size-8 cursor-pointer items-center justify-center rounded-agg-lg bg-agg-secondary-hover text-agg-foreground hover:bg-agg-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
+                        "aria-label": tradingLabels.limitPriceDecreaseAria,
+                        onClick: () => handleLimitPriceStep("decrease"),
+                        children: /* @__PURE__ */ jsx6(Icon, { name: "minus", size: "small", className: "h-4 w-4", "aria-hidden": true })
                       }
                     ),
-                    isPriceLoading ? /* @__PURE__ */ jsx6(
-                      "span",
+                    /* @__PURE__ */ jsx6(
+                      "button",
                       {
-                        "aria-hidden": "true",
-                        className: cn(
-                          "agg-place-order-outcome-price-loading",
-                          "h-4 w-10 shrink-0 rounded-agg-sm bg-agg-separator animate-pulse"
-                        )
+                        type: "button",
+                        className: "flex size-8 cursor-pointer items-center justify-center rounded-agg-lg bg-agg-secondary-hover text-agg-foreground hover:bg-agg-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
+                        "aria-label": tradingLabels.limitPriceIncreaseAria,
+                        onClick: () => handleLimitPriceStep("increase"),
+                        children: /* @__PURE__ */ jsx6(Icon, { name: "plus", size: "small", className: "h-4 w-4", "aria-hidden": true })
                       }
-                    ) : /* @__PURE__ */ jsx6(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
-                  ]
-                },
-                outcome.id
-              );
-            }) }) : null,
-            isLimitOrder ? /* @__PURE__ */ jsxs5("div", { className: "agg-limit-price-section flex items-center justify-between gap-4", children: [
-              /* @__PURE__ */ jsx6("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.limitPrice }),
-              /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-col items-end gap-1", children: [
-                /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxs5("label", { className: "relative flex items-center", children: [
-                    /* @__PURE__ */ jsx6(
-                      "input",
+                    )
+                  ] }),
+                  limitPriceInputError ? /* @__PURE__ */ jsx6("p", { className: "max-w-[220px] text-right text-agg-xs leading-agg-4 text-agg-error", children: limitPriceInputError }) : null
+                ] })
+              ] }) : null,
+              /* @__PURE__ */ jsxs5("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
+                /* @__PURE__ */ jsxs5("div", { className: "agg-order-amount-meta flex flex-col", children: [
+                  /* @__PURE__ */ jsx6("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__ */ jsx6("div", { className: "agg-balance-value flex items-baseline gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isCurrentSellableSharesLoading ? /* @__PURE__ */ jsx6(LoadingIcon, { size: "small" }) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
+                    /* @__PURE__ */ jsx6("span", { className: "whitespace-pre", children: displayedCurrentSellableSharesLabel }),
+                    displayedCurrentSellableShares > 0 ? /* @__PURE__ */ jsx6(
+                      "button",
                       {
-                        type: "text",
-                        inputMode: "decimal",
-                        "aria-label": tradingLabels.limitPriceInputAria,
-                        "aria-invalid": Boolean(limitPriceInputError),
-                        value: limitPriceInputValue,
-                        onChange: handleLimitPriceInputChange,
-                        onBlur: handleLimitPriceInputBlur,
+                        type: "button",
                         className: cn(
-                          "h-9 w-[108px] rounded-agg-sm bg-transparent pr-5 text-right text-agg-3xl font-agg-bold leading-agg-9 text-agg-foreground outline-none",
-                          "focus-visible:ring-2 focus-visible:ring-agg-primary",
-                          limitPriceInputError && "text-agg-error focus-visible:ring-agg-error"
-                        )
+                          "agg-max-shares-button",
+                          "cursor-pointer disabled:cursor-not-allowed",
+                          "bg-transparent p-0 text-agg-sm font-agg-bold leading-agg-5 text-agg-primary disabled:text-agg-muted-foreground",
+                          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary"
+                        ),
+                        "aria-label": tradingLabels.maxShares,
+                        disabled: !orderEligibility.canPlaceOrder || isAtMaxSellableShares,
+                        onClick: handleFillSellableShares,
+                        children: tradingLabels.maxShares
                       }
-                    ),
-                    /* @__PURE__ */ jsx6("span", { className: "pointer-events-none absolute right-1 text-agg-3xl font-agg-bold leading-agg-9 text-agg-foreground", children: "\xA2" })
-                  ] }),
-                  /* @__PURE__ */ jsx6(
-                    "button",
-                    {
-                      type: "button",
-                      className: "flex size-8 cursor-pointer items-center justify-center rounded-agg-lg bg-agg-secondary-hover text-agg-foreground hover:bg-agg-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
-                      "aria-label": tradingLabels.limitPriceDecreaseAria,
-                      onClick: () => handleLimitPriceStep("decrease"),
-                      children: /* @__PURE__ */ jsx6(Icon, { name: "minus", size: "small", className: "h-4 w-4", "aria-hidden": true })
+                    ) : null
+                  ] }) }) : /* @__PURE__ */ jsx6("p", { className: "agg-balance-value flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isBalanceLoading ? /* @__PURE__ */ jsx6(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(displayedBalance)) }) : null
+                ] }),
+                /* @__PURE__ */ jsx6(
+                  CurrencyInput,
+                  {
+                    value: internalAmount,
+                    onChange: handleAmountChange,
+                    ariaLabel: tradingLabels.amount(internalTab),
+                    max: isLimitOrder && !isSell && isAuthenticated && !isBalanceLoading ? totalBalance : void 0,
+                    isInvalid: isInsufficientBalance || isBelowMinimum,
+                    disabled: !orderEligibility.canPlaceOrder,
+                    prefix: internalTab === "buy" ? "$" : "",
+                    decimalPlaces: isSell ? SELL_SHARE_INPUT_DECIMALS : 2,
+                    classNames: {
+                      input: cn(
+                        "agg-order-amount-input",
+                        PLACE_ORDER_NUMERIC_INPUT_CLASS_NAME,
+                        "w-full max-w-[168px]",
+                        hasEnteredAmount ? "text-agg-foreground" : "text-agg-separator caret-agg-foreground"
+                      )
                     }
-                  ),
+                  }
+                )
+              ] }),
+              showFeesBreakdown && hasEnteredAmount && !isBelowMinimum && estimatedFeesValue ? /* @__PURE__ */ jsxs5("div", { className: "agg-order-fees-section flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-1.5", children: [
                   /* @__PURE__ */ jsx6(
-                    "button",
+                    Typography,
                     {
-                      type: "button",
-                      className: "flex size-8 cursor-pointer items-center justify-center rounded-agg-lg bg-agg-secondary-hover text-agg-foreground hover:bg-agg-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
-                      "aria-label": tradingLabels.limitPriceIncreaseAria,
-                      onClick: () => handleLimitPriceStep("increase"),
-                      children: /* @__PURE__ */ jsx6(Icon, { name: "plus", size: "small", className: "h-4 w-4", "aria-hidden": true })
+                      variant: "text-sm",
+                      className: "text-agg-sm leading-agg-5 text-agg-muted-foreground",
+                      children: tradingLabels.estimatedFees
                     }
-                  )
-                ] }),
-                limitPriceInputError ? /* @__PURE__ */ jsx6("p", { className: "max-w-[220px] text-right text-agg-xs leading-agg-4 text-agg-error", children: limitPriceInputError }) : null
-              ] })
-            ] }) : null,
-            /* @__PURE__ */ jsxs5("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
-              /* @__PURE__ */ jsxs5("div", { className: "agg-order-amount-meta flex flex-col", children: [
-                /* @__PURE__ */ jsx6("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__ */ jsx6("div", { className: "agg-balance-value flex items-baseline gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isCurrentSellableSharesLoading ? /* @__PURE__ */ jsx6(LoadingIcon, { size: "small" }) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
-                  /* @__PURE__ */ jsx6("span", { className: "whitespace-pre", children: displayedCurrentSellableSharesLabel }),
-                  displayedCurrentSellableShares > 0 ? /* @__PURE__ */ jsx6(
-                    "button",
+                  ),
+                  feeBreakdownRows.length > 0 ? /* @__PURE__ */ jsx6(
+                    Tooltip,
                     {
-                      type: "button",
-                      className: cn(
-                        "agg-max-shares-button",
-                        "cursor-pointer disabled:cursor-not-allowed",
-                        "bg-transparent p-0 text-agg-sm font-agg-bold leading-agg-5 text-agg-primary disabled:text-agg-muted-foreground",
-                        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary"
-                      ),
-                      "aria-label": tradingLabels.maxShares,
-                      disabled: !orderEligibility.canPlaceOrder || isAtMaxSellableShares,
-                      onClick: handleFillSellableShares,
-                      children: tradingLabels.maxShares
+                      "aria-label": tradingLabels.estimatedFeesTooltipAria,
+                      classNames: {
+                        content: cn(
+                          "min-w-[220px] max-w-[320px] rounded-[10px] px-5 py-4",
+                          "shadow-[0_12px_12px_rgba(0,0,0,0.10)]"
+                        ),
+                        icon: "h-3 w-3 text-agg-muted-foreground",
+                        trigger: "h-3 w-3 text-agg-muted-foreground"
+                      },
+                      content: /* @__PURE__ */ jsx6("div", { className: "flex w-full flex-col gap-2", children: feeBreakdownRows.map((row) => /* @__PURE__ */ jsxs5(
+                        "div",
+                        {
+                          className: "flex items-center justify-between gap-3 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground",
+                          children: [
+                            /* @__PURE__ */ jsx6("span", { children: row.label }),
+                            row.kind === "badge" ? /* @__PURE__ */ jsx6(
+                              "span",
+                              {
+                                className: cn(
+                                  "agg-fee-badge inline-flex items-center justify-center rounded-agg-sm border border-agg-primary/50",
+                                  "bg-linear-to-b from-agg-primary/8 to-agg-primary/15 px-1.5 py-1",
+                                  "text-agg-xs font-agg-bold leading-agg-4 text-agg-primary uppercase whitespace-nowrap"
+                                ),
+                                children: row.badgeLabel
+                              }
+                            ) : /* @__PURE__ */ jsx6("span", { className: "text-right", children: row.value })
+                          ]
+                        },
+                        row.label
+                      )) })
                     }
                   ) : null
-                ] }) }) : /* @__PURE__ */ jsx6("p", { className: "agg-balance-value flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isBalanceLoading ? /* @__PURE__ */ jsx6(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(displayedBalance)) }) : null
-              ] }),
-              /* @__PURE__ */ jsx6(
-                CurrencyInput,
-                {
-                  value: internalAmount,
-                  onChange: handleAmountChange,
-                  ariaLabel: tradingLabels.amount(internalTab),
-                  max: isLimitOrder && !isSell && isAuthenticated && !isBalanceLoading ? totalBalance : void 0,
-                  isInvalid: isInsufficientBalance || isBelowMinimum,
-                  disabled: !orderEligibility.canPlaceOrder,
-                  prefix: internalTab === "buy" ? "$" : "",
-                  decimalPlaces: isSell ? SELL_SHARE_INPUT_DECIMALS : 2,
-                  classNames: {
-                    input: cn(
-                      "agg-order-amount-input",
-                      "w-full max-w-[168px] text-right text-agg-3xl font-agg-bold leading-agg-9 tracking-agg-normal",
-                      hasEnteredAmount ? "text-agg-foreground" : "text-agg-separator caret-agg-foreground"
-                    )
-                  }
-                }
-              )
+                ] }),
+                /* @__PURE__ */ jsx6("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: estimatedFeesValue })
+              ] }) : null
             ] }),
-            showFeesBreakdown && hasEnteredAmount && !isBelowMinimum && estimatedFeesValue ? /* @__PURE__ */ jsxs5("div", { className: "agg-order-fees-section flex items-center justify-between gap-4", children: [
-              /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ jsx6(
-                  Typography,
-                  {
-                    variant: "text-sm",
-                    className: "text-agg-sm leading-agg-5 text-agg-muted-foreground",
-                    children: tradingLabels.estimatedFees
-                  }
-                ),
-                feeBreakdownRows.length > 0 ? /* @__PURE__ */ jsx6(
-                  Tooltip,
-                  {
-                    "aria-label": tradingLabels.estimatedFeesTooltipAria,
-                    classNames: {
-                      content: cn(
-                        "min-w-[220px] max-w-[320px] rounded-[10px] px-5 py-4",
-                        "shadow-[0_12px_12px_rgba(0,0,0,0.10)]"
-                      ),
-                      icon: "h-3 w-3 text-agg-muted-foreground",
-                      trigger: "h-3 w-3 text-agg-muted-foreground"
-                    },
-                    content: /* @__PURE__ */ jsx6("div", { className: "flex w-full flex-col gap-2", children: feeBreakdownRows.map((row) => /* @__PURE__ */ jsxs5(
-                      "div",
-                      {
-                        className: "flex items-center justify-between gap-3 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground",
-                        children: [
-                          /* @__PURE__ */ jsx6("span", { children: row.label }),
-                          row.kind === "badge" ? /* @__PURE__ */ jsx6(
-                            "span",
-                            {
-                              className: cn(
-                                "agg-fee-badge inline-flex items-center justify-center rounded-agg-sm border border-agg-primary/50",
-                                "bg-linear-to-b from-agg-primary/8 to-agg-primary/15 px-1.5 py-1",
-                                "text-agg-xs font-agg-bold leading-agg-4 text-agg-primary uppercase whitespace-nowrap"
-                              ),
-                              children: row.badgeLabel
-                            }
-                          ) : /* @__PURE__ */ jsx6("span", { className: "text-right", children: row.value })
-                        ]
-                      },
-                      row.label
-                    )) })
-                  }
-                ) : null
-              ] }),
-              /* @__PURE__ */ jsx6("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: estimatedFeesValue })
-            ] }) : null,
             shouldShowSmartRouting ? /* @__PURE__ */ jsxs5("div", { className: "agg-route-panel flex flex-col gap-3", children: [
               /* @__PURE__ */ jsxs5("div", { className: "agg-route-panel-header flex items-center justify-between gap-4", children: [
                 /* @__PURE__ */ jsx6("p", { className: "agg-route-panel-title text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.smartRouting }),
@@ -5456,10 +5663,10 @@ var PlaceOrder = ({
                   {
                     type: "button",
                     className: "agg-route-toggle flex cursor-pointer items-center gap-1.5 text-agg-sm leading-agg-5 text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary",
-                    "aria-label": tradingLabels.viewAllRoutes(orderedRouteCards.length),
+                    "aria-label": tradingLabels.viewAllRoutes(activeRouteCardCount),
                     onClick: () => setIsRoutesExpanded((currentValue) => !currentValue),
                     children: [
-                      /* @__PURE__ */ jsx6("span", { children: tradingLabels.viewAllRoutes(orderedRouteCards.length) }),
+                      /* @__PURE__ */ jsx6("span", { children: tradingLabels.viewAllRoutes(activeRouteCardCount) }),
                       /* @__PURE__ */ jsx6(
                         Icon,
                         {
@@ -5473,16 +5680,16 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ jsx6("div", { className: "agg-route-list flex flex-col gap-2", children: isQuoteLoading ? /* @__PURE__ */ jsxs5("div", { className: "agg-route-loading flex flex-col gap-2", "aria-hidden": "true", children: [
+              /* @__PURE__ */ jsx6("div", { className: "agg-route-list flex flex-col gap-2", children: !isLimitOrder && isQuoteLoading ? /* @__PURE__ */ jsxs5("div", { className: "agg-route-loading flex flex-col gap-2", "aria-hidden": "true", children: [
                 /* @__PURE__ */ jsx6(PlaceOrderRouteCardSkeleton, {}),
                 /* @__PURE__ */ jsx6(PlaceOrderRouteCardSkeleton, {})
-              ] }) : visibleRouteCards.length > 0 ? visibleRouteCards.map((card) => {
+              ] }) : activeRouteCards.length > 0 ? activeRouteCards.map((card) => {
                 return /* @__PURE__ */ jsx6(Fragment2, { children: renderRouteCard({
                   card,
                   enableAnimations,
                   isExpanded: card.kind === "split" ? isSplitDetailOpen : isRoutesExpanded,
-                  isSelected: !card.isUnavailable && card.id === resolvedSelectedRouteCardId,
-                  onSelect: handleRouteCardSelect,
+                  isSelected: !card.isUnavailable && card.id === (isLimitOrder ? selectedLimitRouteCardId : resolvedSelectedRouteCardId),
+                  onSelect: handleActiveRouteCardSelect,
                   tradingLabels
                 }) }, card.id);
               }) : null })
@@ -5503,7 +5710,6 @@ var PlaceOrder = ({
                         className: "flex min-w-0 cursor-pointer items-center justify-end gap-2 text-right text-agg-base leading-agg-6 text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
                         "aria-label": tradingLabels.expirationMenuAria,
                         children: [
-                          /* @__PURE__ */ jsx6(Icon, { name: "calendar", size: "small", className: "h-4 w-4 shrink-0", "aria-hidden": true }),
                           /* @__PURE__ */ jsx6("span", { className: "min-w-0 truncate", children: limitExpirationType === "GTC" ? tradingLabels.expirationGoodTilCanceled : limitExpirationType === "FIVE_MINUTES" ? tradingLabels.expirationFiveMinutes : limitExpirationType === "ONE_HOUR" ? tradingLabels.expirationOneHour : limitExpirationType === "END_OF_DAY" ? tradingLabels.expirationEndOfDay : resolvedCustomExpirationDate ? dayjs(resolvedCustomExpirationDate).format(
                             "MMM D, YYYY [at] HH:mm"
                           ) : tradingLabels.expirationCustom }),