@agg-build/ui 2.7.3 → 2.8.0

package/dist/pages.js

@@ -98,7 +98,7 @@ __export(pages_exports, {
 module.exports = __toCommonJS(pages_exports);
 
 // src/pages/home/index.tsx
-var import_hooks68 = require("@agg-build/hooks");
+var import_hooks69 = require("@agg-build/hooks");
 var import_sdk23 = require("@agg-build/sdk");
 var import_react46 = require("react");
 
@@ -7960,7 +7960,11 @@ var Select = ({
   triggerClassName,
   contentClassName,
   itemClassName,
-  disabled = SELECT_DEFAULT_IS_DISABLED
+  disabled = SELECT_DEFAULT_IS_DISABLED,
+  variant = "default",
+  openOnHover = false,
+  contentAlign = "start",
+  contentSideOffset = 8
 }) => {
   var _a;
   const labels = (0, import_hooks31.useLabels)();
@@ -7971,17 +7975,30 @@ var Select = ({
   const isDisabled = resolveIsSelectDisabled({ disabled, items });
   const selectedItem = resolveSelectedItem(items, value);
   const [isOpen, setIsOpen] = (0, import_react8.useState)(false);
-  const [menuRect, setMenuRect] = (0, import_react8.useState)(
-    null
-  );
+  const [menuRect, setMenuRect] = (0, import_react8.useState)(null);
   const containerRef = (0, import_react8.useRef)(null);
   const portalRef = (0, import_react8.useRef)(null);
-  const handleClose = (0, import_react8.useCallback)(() => setIsOpen(false), []);
+  const closeTimerRef = (0, import_react8.useRef)(null);
+  const openedByHoverRef = (0, import_react8.useRef)(false);
+  const handleClose = (0, import_react8.useCallback)(() => {
+    setIsOpen(false);
+    openedByHoverRef.current = false;
+  }, []);
   const updateMenuRect = (0, import_react8.useCallback)(() => {
     const el = containerRef.current;
     if (!el) return;
     const r = el.getBoundingClientRect();
-    setMenuRect({ top: r.bottom + 8, left: r.left, width: r.width });
+    setMenuRect({
+      top: r.bottom + contentSideOffset,
+      left: r.left,
+      right: r.right,
+      width: r.width
+    });
+  }, [contentSideOffset]);
+  (0, import_react8.useEffect)(() => {
+    return () => {
+      if (closeTimerRef.current) clearTimeout(closeTimerRef.current);
+    };
   }, []);
   (0, import_react8.useLayoutEffect)(() => {
     if (!isOpen) {
@@ -8019,7 +8036,33 @@ var Select = ({
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, handleClose]);
-  const triggerRadiusClass = triggerClassName != null ? triggerClassName : "rounded-agg-md";
+  const handlePointerEnter = (event) => {
+    if (!openOnHover || isDisabled || event.pointerType === "touch") return;
+    if (closeTimerRef.current) {
+      clearTimeout(closeTimerRef.current);
+      closeTimerRef.current = null;
+    }
+    if (isOpen) return;
+    openedByHoverRef.current = true;
+    setIsOpen(true);
+  };
+  const handlePointerLeave = (event) => {
+    if (!openOnHover || event.pointerType === "touch") return;
+    if (closeTimerRef.current) clearTimeout(closeTimerRef.current);
+    closeTimerRef.current = setTimeout(() => {
+      handleClose();
+      closeTimerRef.current = null;
+    }, 120);
+  };
+  const handleTriggerClick = () => {
+    if (openedByHoverRef.current && isOpen) {
+      openedByHoverRef.current = false;
+      return;
+    }
+    setIsOpen((previousValue) => !previousValue);
+  };
+  const isInline = variant === "inline";
+  const triggerRadiusClass = triggerClassName != null ? triggerClassName : isInline ? "rounded-agg-sm" : "rounded-agg-md";
   const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     "div",
     {
@@ -8030,16 +8073,20 @@ var Select = ({
       style: {
         position: "fixed",
         top: menuRect.top,
-        left: menuRect.left,
+        left: contentAlign === "start" ? menuRect.left : void 0,
+        right: contentAlign === "end" ? window.innerWidth - menuRect.right : void 0,
         width: menuRect.width,
         zIndex: SELECT_DROPDOWN_Z
       },
       className: cn(
         AGG_ROOT_CLASS_NAME,
         rootClassName,
-        "agg-select-content pointer-events-auto max-h-[min(20rem,calc(100vh-4rem))] overflow-y-auto rounded-[12px] border border-agg-separator bg-agg-secondary p-2 shadow-[0_8px_16px_rgba(0,0,0,0.1)] flex flex-col gap-1",
+        "agg-select-content pointer-events-auto max-h-[min(20rem,calc(100vh-4rem))] overflow-y-auto border border-agg-separator bg-agg-secondary flex flex-col",
+        isInline ? "min-w-[120px] gap-0 rounded-agg-lg py-1 shadow-[0_8px_16px_rgba(0,0,0,0.12)]" : "gap-1 rounded-[12px] p-2 shadow-[0_8px_16px_rgba(0,0,0,0.1)]",
         contentClassName
       ),
+      onPointerEnter: handlePointerEnter,
+      onPointerLeave: handlePointerLeave,
       children: items.map((item) => {
         const isSelected = item.value === value;
         const isHidden = item.hidden === true;
@@ -8053,9 +8100,10 @@ var Select = ({
             disabled: item.disabled,
             className: cn(
               "agg-select-item",
-              "relative flex w-full items-center gap-3 rounded-[6px] pl-3 pr-5 py-3 text-left text-agg-sm leading-agg-5 outline-none",
+              "relative flex w-full items-center text-left text-agg-sm leading-agg-5 outline-none",
+              isInline ? "gap-2 px-4 py-2" : "gap-3 rounded-[6px] py-3 pl-3 pr-5",
               "hover:bg-agg-secondary-hover focus-visible:bg-agg-secondary-hover",
-              isSelected ? "bg-agg-primary/10 font-agg-normal text-agg-primary" : "font-agg-normal text-agg-foreground",
+              isSelected ? isInline ? "font-agg-bold text-agg-foreground" : "bg-agg-primary/10 font-agg-normal text-agg-primary" : "font-agg-normal text-agg-foreground",
               item.disabled && "cursor-not-allowed opacity-60",
               itemClassName
             ),
@@ -8067,6 +8115,13 @@ var Select = ({
               handleClose();
             },
             children: [
+              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+                "span",
+                {
+                  className: "agg-select-item-indicator absolute bottom-2 left-0 top-2 w-1 bg-agg-primary",
+                  "aria-hidden": true
+                }
+              ) : null,
               item.icon ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                 "span",
                 {
@@ -8096,7 +8151,11 @@ var Select = ({
     "div",
     {
       ref: containerRef,
-      className: cn("group/agg-select", "relative inline-flex w-full", className),
+      className: cn(
+        "group/agg-select relative inline-flex",
+        isInline ? "w-auto" : "w-full",
+        className
+      ),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
           "button",
@@ -8108,19 +8167,19 @@ var Select = ({
             disabled: isDisabled,
             className: cn(
               "agg-select-trigger",
-              "flex h-10 w-full items-center gap-2 rounded-[8px] border border-agg-separator bg-agg-secondary px-3 py-[9px] pr-10 font-agg-sans text-agg-sm leading-agg-5 text-agg-foreground outline-none",
-              "flex items-center gap-2 text-left",
+              "flex cursor-pointer items-center gap-2 font-agg-sans text-agg-foreground outline-none disabled:cursor-not-allowed disabled:opacity-60",
+              isInline ? "h-auto w-auto bg-transparent px-2 py-1 pr-8 text-left text-agg-base leading-agg-6" : "h-10 w-full border border-agg-separator bg-agg-secondary px-3 py-[9px] pr-10 text-left text-agg-sm leading-agg-5",
               triggerRadiusClass,
-              getMotionClassName(
+              !isInline && getMotionClassName(
                 enableAnimations,
                 "transition-[border-color,box-shadow] duration-200 ease-in-out"
               ),
-              isOpen && "border-2 border-agg-primary px-[11px] py-2 ring-0",
-              "hover:border-agg-primary",
-              "focus:border-agg-primary focus:ring-0",
-              "disabled:cursor-not-allowed disabled:opacity-60"
+              !isInline && isOpen && "border-2 border-agg-primary px-[11px] py-2 ring-0",
+              !isInline && "hover:border-agg-primary focus:border-agg-primary focus:ring-0"
             ),
-            onClick: () => setIsOpen((previousValue) => !previousValue),
+            onClick: handleTriggerClick,
+            onPointerEnter: handlePointerEnter,
+            onPointerLeave: handlePointerLeave,
             children: [
               (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                 RemoteImage,
@@ -8134,14 +8193,23 @@ var Select = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "agg-select-chevron pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
-          Icon,
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+          "span",
           {
-            name: isOpen ? "chevron-up" : "chevron-down-thin",
-            size: "small",
-            color: "currentColor"
+            className: cn(
+              "agg-select-chevron pointer-events-none absolute inset-y-0 inline-flex items-center justify-center",
+              isInline ? "right-2 text-agg-foreground" : "right-3 text-agg-muted-foreground"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+              Icon,
+              {
+                name: isOpen ? "chevron-up" : "chevron-down-thin",
+                size: "small",
+                color: "currentColor"
+              }
+            )
           }
-        ) }),
+        ),
         isOpen && typeof document !== "undefined" && listbox ? (0, import_react_dom.createPortal)(listbox, resolveSelectPortalContainer(containerRef.current)) : null
       ]
     }
@@ -10857,7 +10925,7 @@ var EventList = ({
 EventList.displayName = "EventList";
 
 // src/pages/event-market/index.tsx
-var import_hooks67 = require("@agg-build/hooks");
+var import_hooks68 = require("@agg-build/hooks");
 var import_react43 = require("react");
 
 // src/events/item-details/index.tsx
@@ -11323,8 +11391,9 @@ var resolveMarketChartLiveState = ({
 
 // src/events/orderbook/orderbook.utils.ts
 var import_sdk15 = require("@agg-build/sdk");
-var formatProbabilityCents = (value) => {
+var formatProbabilityCents = (value, formatPrice) => {
   if (value == null) return "-";
+  if (formatPrice) return formatPrice(value);
   const cents = (value * 100).toFixed(1).replace(/\.0$/, "");
   return `${cents}\xA2`;
 };
@@ -13565,7 +13634,7 @@ var EventListItemDetailsGraphSection = ({
   }, [chartOutcomeLabel, (_d = tradingContext == null ? void 0 : tradingContext.selectedOutcome) == null ? void 0 : _d.label]);
   const {
     chart: { selectedChartTimeRange },
-    formatting: { formatPercent },
+    formatting: { formatPercent, formatPrice },
     general: { theme }
   } = (0, import_hooks46.useSdkUiConfig)();
   const isDarkTheme = theme === "dark";
@@ -13840,8 +13909,8 @@ var EventListItemDetailsGraphSection = ({
                     });
                     return {
                       value: outcome.id,
-                      label: `${(_d3 = outcome.title) != null ? _d3 : outcome.label} ${formatProbabilityCents(price)}`,
-                      ariaLabel: `${(_e2 = outcome.title) != null ? _e2 : outcome.label} ${formatProbabilityCents(price)}`
+                      label: `${(_d3 = outcome.title) != null ? _d3 : outcome.label} ${formatProbabilityCents(price, formatPrice)}`,
+                      ariaLabel: `${(_e2 = outcome.title) != null ? _e2 : outcome.label} ${formatProbabilityCents(price, formatPrice)}`
                     };
                   })
                 }
@@ -14263,7 +14332,7 @@ var EventListItemDetails = (props) => {
 EventListItemDetails.displayName = "EventListItemDetails";
 
 // src/events/market-details/index.tsx
-var import_hooks49 = require("@agg-build/hooks");
+var import_hooks50 = require("@agg-build/hooks");
 var import_react27 = require("react");
 
 // src/events/orderbook/index.tsx
@@ -14511,6 +14580,7 @@ var OrderbookRow = ({
   entry,
   formatNumber,
   formatCurrency: formatCurrency2,
+  formatPrice,
   enableAnimations,
   showBadge,
   badgeLabel
@@ -14579,7 +14649,7 @@ var OrderbookRow = ({
             "w-9 min-w-9 md:min-w-10 md:w-10 text-agg-sm font-agg-bold leading-agg-5",
             priceClassName
           ),
-          children: formatProbabilityCents(entry.row.price)
+          children: formatProbabilityCents(entry.row.price, formatPrice)
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(OrderbookVenueLogos, { venues })
@@ -14601,7 +14671,10 @@ var Orderbook = ({
   className
 }) => {
   var _a, _b, _c, _d, _e;
-  const { enableWebsocketsLogs } = (0, import_hooks47.useAggUiConfig)();
+  const {
+    enableWebsocketsLogs,
+    formatting: { formatPrice }
+  } = (0, import_hooks47.useAggUiConfig)();
   const labels = __spreadValues(__spreadValues({}, orderbookDefaultLabels), labelsProp);
   const scrollContainerRef = (0, import_react25.useRef)(null);
   const spreadRowRef = (0, import_react25.useRef)(null);
@@ -14666,6 +14739,7 @@ var Orderbook = ({
                 entry,
                 formatNumber,
                 formatCurrency: formatCurrency2,
+                formatPrice,
                 enableAnimations,
                 showBadge: index === askEntries.length - 1,
                 badgeLabel: labels.asks
@@ -14678,7 +14752,7 @@ var Orderbook = ({
                 ref: spreadRowRef,
                 className: "agg-orderbook-spread flex items-center border-y border-agg-separator h-9 px-5 py-2 gap-3 md:gap-10",
                 role: "separator",
-                "aria-label": `${labels.midPrice}: ${formatProbabilityCents((_b = spreadEntry == null ? void 0 : spreadEntry.midPrice) != null ? _b : null)}, ${labels.spread}: ${formatProbabilityCents((_c = spreadEntry == null ? void 0 : spreadEntry.spread) != null ? _c : null)}`,
+                "aria-label": `${labels.midPrice}: ${formatProbabilityCents((_b = spreadEntry == null ? void 0 : spreadEntry.midPrice) != null ? _b : null, formatPrice)}, ${labels.spread}: ${formatProbabilityCents((_c = spreadEntry == null ? void 0 : spreadEntry.spread) != null ? _c : null)}`,
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
                     Typography,
@@ -14688,7 +14762,7 @@ var Orderbook = ({
                       children: [
                         "Last: ",
                         labels.lastOutcome ? `${labels.lastOutcome} ` : "",
-                        formatProbabilityCents((_d = spreadEntry == null ? void 0 : spreadEntry.midPrice) != null ? _d : null)
+                        formatProbabilityCents((_d = spreadEntry == null ? void 0 : spreadEntry.midPrice) != null ? _d : null, formatPrice)
                       ]
                     }
                   ),
@@ -14715,6 +14789,7 @@ var Orderbook = ({
                 entry,
                 formatNumber,
                 formatCurrency: formatCurrency2,
+                formatPrice,
                 enableAnimations,
                 showBadge: index === 0,
                 badgeLabel: labels.bids
@@ -14910,6 +14985,7 @@ var resolveOrderEligibilityMessage = (labels, reason) => {
 };
 
 // src/events/market-details/market-details-outcome-button.tsx
+var import_hooks48 = require("@agg-build/hooks");
 var import_jsx_runtime143 = require("react/jsx-runtime");
 var marketDetailsOutcomeButtonToneClasses = {
   positive: {
@@ -14960,6 +15036,7 @@ var OutcomePriceContent = ({
   value,
   textClassName
 }) => {
+  const { formatPrice } = (0, import_hooks48.useAggUiConfig)().formatting;
   if (isLoading) {
     return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
       "span",
@@ -14978,7 +15055,7 @@ var OutcomePriceContent = ({
       as: "span",
       variant: isSelected ? "body-strong" : "body",
       className: cn("shrink-0 whitespace-nowrap", textClassName),
-      children: formatProbabilityCents(value)
+      children: formatProbabilityCents(value, formatPrice)
     }
   );
 };
@@ -15072,7 +15149,7 @@ var MarketDetailsOutcomeButton = ({
 MarketDetailsOutcomeButton.displayName = "MarketDetailsOutcomeButton";
 
 // src/events/market-details/market-details-graph-panel.tsx
-var import_hooks48 = require("@agg-build/hooks");
+var import_hooks49 = require("@agg-build/hooks");
 var import_react26 = require("react");
 var import_jsx_runtime144 = require("react/jsx-runtime");
 var MarketDetailsGraphPanel = ({
@@ -15089,13 +15166,13 @@ var MarketDetailsGraphPanel = ({
   classNames
 }) => {
   var _a, _b, _c;
-  const config = (0, import_hooks48.useSdkUiConfig)();
+  const config = (0, import_hooks49.useSdkUiConfig)();
   const {
-    formatting: { formatPercent, formatCompactCurrency },
+    formatting: { formatPercent, formatCompactCurrency, formatPrice },
     general: { theme }
   } = config;
   const isDarkTheme = theme === "dark";
-  const labels = (0, import_hooks48.useLabels)();
+  const labels = (0, import_hooks49.useLabels)();
   const selectedTimeRange = config.chart.selectedChartTimeRange;
   const setSelectedTimeRange = config.chart.setSelectedChartTimeRange;
   const [chartRangeOverride, setChartRangeOverride] = (0, import_react26.useState)(null);
@@ -15115,7 +15192,7 @@ var MarketDetailsGraphPanel = ({
       livePrices
     });
   }, [livePrices, venueMarkets, resolvedChartOutcomeLabel, chartSelectedOutcomeId]);
-  const rollingWindow = (0, import_hooks48.useRollingChartWindow)({ range: effectiveChartTimeRange });
+  const rollingWindow = (0, import_hooks49.useRollingChartWindow)({ range: effectiveChartTimeRange });
   const chartPrimaryOutcomeId = (_b = (_a = chartOutcomesByVenue[0]) == null ? void 0 : _a.outcome.id) != null ? _b : null;
   const chartVenueOutcomeIds = (0, import_react26.useMemo)(() => {
     return chartOutcomesByVenue.map((item) => item.outcome.id);
@@ -15125,7 +15202,7 @@ var MarketDetailsGraphPanel = ({
     isLoading: isMarketChartLoading,
     error: marketChartError,
     refetch: refetchMarketChart
-  } = (0, import_hooks48.useMarketChart)({
+  } = (0, import_hooks49.useMarketChart)({
     marketId: chartPrimaryOutcomeId,
     venueMarketIds: chartVenueOutcomeIds,
     interval: rollingWindow.interval,
@@ -15305,8 +15382,8 @@ var MarketDetailsGraphPanel = ({
                   const price = outcome.probability;
                   return {
                     value: outcome.id,
-                    label: `${(_a3 = outcome == null ? void 0 : outcome.title) != null ? _a3 : outcome.label} ${formatProbabilityCents(price)}`,
-                    ariaLabel: `${(_b3 = outcome == null ? void 0 : outcome.title) != null ? _b3 : outcome.label} ${formatProbabilityCents(price)}`
+                    label: `${(_a3 = outcome == null ? void 0 : outcome.title) != null ? _a3 : outcome.label} ${formatProbabilityCents(price, formatPrice)}`,
+                    ariaLabel: `${(_b3 = outcome == null ? void 0 : outcome.title) != null ? _b3 : outcome.label} ${formatProbabilityCents(price, formatPrice)}`
                   };
                 })
               }
@@ -15335,7 +15412,7 @@ var MarketDetailsGraphPanel = ({
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
-            import_hooks48.CHART_TIME_RANGES.map((timeRange) => {
+            import_hooks49.CHART_TIME_RANGES.map((timeRange) => {
               const isActive = effectiveChartTimeRange === timeRange;
               const isDisabled = isResolvedMarket && timeRange !== "ALL";
               return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
@@ -15378,7 +15455,7 @@ var MarketDetailsUnavailableState = ({
   ariaLabel,
   classNames
 }) => {
-  const labels = (0, import_hooks49.useLabels)();
+  const labels = (0, import_hooks50.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
     Card,
     {
@@ -15402,7 +15479,7 @@ var MarketDetailsNotFoundState = ({
   ariaLabel: _ariaLabel,
   classNames: _classNames
 }) => {
-  const labels = (0, import_hooks49.useLabels)();
+  const labels = (0, import_hooks50.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
     StateMessage,
     {
@@ -15440,33 +15517,33 @@ var MarketDetailsContent = ({
   midpointsResult
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const config = (0, import_hooks49.useSdkUiConfig)();
+  const config = (0, import_hooks50.useSdkUiConfig)();
   const {
     features: { enableAnimations },
     formatting: { formatPercent }
   } = config;
-  const labels = (0, import_hooks49.useLabels)();
-  const tradingContext = (0, import_hooks49.useEventTradingContext)();
+  const labels = (0, import_hooks50.useLabels)();
+  const tradingContext = (0, import_hooks50.useEventTradingContext)();
   const detailsContentId = (0, import_react27.useId)();
   const tradeSide = (_a = tradingContext == null ? void 0 : tradingContext.tradeSide) != null ? _a : "buy";
   const resolvedMarket = (0, import_react27.useMemo)(() => {
     return resolveMarketFromVenueMarkets(venueMarkets, marketId);
   }, [venueMarkets, marketId]);
   const clusterVenueMarkets = resolvedMarket == null ? void 0 : resolvedMarket.venueMarkets;
-  const wsLivePrices = (0, import_hooks49.useLiveOutcomePrices)(clusterVenueMarkets);
-  const wsBestPrices = (0, import_hooks49.useLiveBestPrices)(clusterVenueMarkets);
-  const wsBestCandidates = (0, import_hooks49.useLiveBestPriceCandidates)(clusterVenueMarkets);
+  const wsLivePrices = (0, import_hooks50.useLiveOutcomePrices)(clusterVenueMarkets);
+  const wsBestPrices = (0, import_hooks50.useLiveBestPrices)(clusterVenueMarkets);
+  const wsBestCandidates = (0, import_hooks50.useLiveBestPriceCandidates)(clusterVenueMarkets);
   const scopedResolvedMarket = (0, import_react27.useMemo)(() => {
     var _a2, _b2;
     if (!resolvedMarket) return null;
     return (_b2 = (_a2 = resolvedMarket.venueMarkets.find((venueMarket) => venueMarket.id === resolvedMarket.id)) != null ? _a2 : resolvedMarket.venueMarkets[0]) != null ? _b2 : null;
   }, [resolvedMarket]);
-  const isResolvedMarket = (0, import_hooks49.resolveMarketTradingState)(scopedResolvedMarket).kind === "resolved";
-  (0, import_hooks49.useEventOrderbookData)(
+  const isResolvedMarket = (0, import_hooks50.resolveMarketTradingState)(scopedResolvedMarket).kind === "resolved";
+  (0, import_hooks50.useEventOrderbookData)(
     isResolvedMarket ? [] : resolvedMarket == null ? void 0 : resolvedMarket.venueMarkets,
     (_b = scopedResolvedMarket == null ? void 0 : scopedResolvedMarket.id) != null ? _b : null
   );
-  const fetchedClusterMidpointResult = (0, import_hooks49.useMidpoints)(midpointsResult ? [] : clusterVenueMarkets);
+  const fetchedClusterMidpointResult = (0, import_hooks50.useMidpoints)(midpointsResult ? [] : clusterVenueMarkets);
   const clusterMidpointResult = midpointsResult != null ? midpointsResult : fetchedClusterMidpointResult;
   const clusterMidpoints = (_c = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _c : clusterMidpointResult.prices;
   const clusterBestMidpointsByOutcomeId = clusterMidpoints;
@@ -15475,7 +15552,7 @@ var MarketDetailsContent = ({
   const clusterBestMidpointVenue = clusterMidpointResult.bestMidpointVenue;
   const clusterBestPricesRest = clusterMidpointResult.bestPrices;
   const clusterBestPrices = (0, import_react27.useMemo)(
-    () => (0, import_hooks49.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
+    () => (0, import_hooks50.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
     [clusterBestPricesRest, wsBestPrices]
   );
   const clusterBestPriceVenuesByOutcomeId = clusterMidpointResult.bestPriceVenuesByOutcomeId;
@@ -15530,7 +15607,7 @@ var MarketDetailsContent = ({
     return (_a2 = model.market.venueMarkets.find((venueMarket) => venueMarket.id === model.market.id)) != null ? _a2 : model.primaryVenueMarket;
   }, [model]);
   const marketTradingState = (0, import_react27.useMemo)(() => {
-    return (0, import_hooks49.resolveMarketTradingState)(scopedMarketForCard);
+    return (0, import_hooks50.resolveMarketTradingState)(scopedMarketForCard);
   }, [scopedMarketForCard]);
   const isOutcomeSelectionLocked = marketTradingState.isTradingDisabled;
   const isUpcomingMarket = marketTradingState.kind === "unopened";
@@ -15691,7 +15768,7 @@ var MarketDetailsContent = ({
       fallbackPrice: midpointsFallback == null ? void 0 : midpointsFallback.get(displayOutcome.id)
     });
     if (referencePrice != null) return referencePrice;
-    return (0, import_hooks49.findLivePriceById)(wsLivePrices, displayOutcome.id);
+    return (0, import_hooks50.findLivePriceById)(wsLivePrices, displayOutcome.id);
   }, [
     clusterBestMidpoint,
     clusterBestMidpointsByOutcomeId,
@@ -15717,7 +15794,7 @@ var MarketDetailsContent = ({
   const orderBookEnabled = isOpened && effectiveSelectedTab === "order-book" && !marketTradingState.isTradingDisabled;
   const primaryVenueMarketId = (_g = (_f = selectedOutcomesByVenue[0]) == null ? void 0 : _f.market.id) != null ? _g : null;
   const primaryOutcomeId = (_i = (_h = selectedOutcomesByVenue[0]) == null ? void 0 : _h.outcome.id) != null ? _i : null;
-  const marketOrderbookResult = (0, import_hooks49.useMarketOrderbook)({
+  const marketOrderbookResult = (0, import_hooks50.useMarketOrderbook)({
     marketId: primaryVenueMarketId,
     enabled: orderBookEnabled && !!primaryVenueMarketId,
     venueOutcomes: selectedOutcomesByVenue.map((item) => ({
@@ -15898,7 +15975,7 @@ var MarketDetailsContent = ({
                       !compactHeader ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                         RemoteImage,
                         {
-                          src: (0, import_hooks49.optimizedImageUrl)(model.image, 60),
+                          src: (0, import_hooks50.optimizedImageUrl)(model.image, 60),
                           alt: "",
                           className: "agg-market-image size-12 rounded-agg-lg object-cover md:size-[60px]"
                         }
@@ -16149,7 +16226,7 @@ var MarketDetailsContent = ({
 };
 var MarketDetails = (_a) => {
   var _b = _a, { isOpened } = _b, props = __objRest(_b, ["isOpened"]);
-  const labels = (0, import_hooks49.useLabels)();
+  const labels = (0, import_hooks50.useLabels)();
   if (props.isLoading) {
     return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
       Skeleton,
@@ -16204,13 +16281,13 @@ var resolveIsResolvedEvent = (sourceMarkets, eventTradingState) => {
     return eventTradingState.kind === "resolved";
   }
   if (sourceMarkets.length === 0) return false;
-  return sourceMarkets.every((market) => (0, import_hooks49.resolveMarketTradingState)(market).kind === "resolved");
+  return sourceMarkets.every((market) => (0, import_hooks50.resolveMarketTradingState)(market).kind === "resolved");
 };
 var resolveResolvedWinnerMarketId = (sourceMarkets, eventTradingState) => {
   var _a, _b, _c, _d, _e;
   const preferredMarket = (_a = eventTradingState == null ? void 0 : eventTradingState.primaryMarket) != null ? _a : null;
   if (preferredMarket && sourceMarkets.some((market) => market.id === preferredMarket.id)) {
-    if ((0, import_hooks49.resolveMarketTradingState)(preferredMarket).kind === "resolved") {
+    if ((0, import_hooks50.resolveMarketTradingState)(preferredMarket).kind === "resolved") {
       return preferredMarket.id;
     }
   }
@@ -16230,8 +16307,8 @@ var MarketDetailsList = ({
   midpointsResult
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks49.useLabels)();
-  const tradingContext = (0, import_hooks49.useEventTradingContext)();
+  const labels = (0, import_hooks50.useLabels)();
+  const tradingContext = (0, import_hooks50.useEventTradingContext)();
   const selectedMarketId = (_a = tradingContext == null ? void 0 : tradingContext.selectedMarketId) != null ? _a : null;
   const [expandedMarketId, setExpandedMarketId] = (0, import_react27.useState)(null);
   const [areResolvedMarketsVisible, setAreResolvedMarketsVisible] = (0, import_react27.useState)(false);
@@ -16240,10 +16317,10 @@ var MarketDetailsList = ({
     markets: rawMarkets,
     isLoading,
     error
-  } = (0, import_hooks49.useVenueMarkets)({
+  } = (0, import_hooks50.useVenueMarkets)({
     venueEventId: resolvedEventId,
     enabled: !providedMarkets && !!resolvedEventId,
-    status: import_hooks49.MarketStatus.open,
+    status: import_hooks50.MarketStatus.open,
     // Keep in lockstep with useEnrichedVenueEvent: limit is part of the React
     // Query key, so a mismatch would fork the shared cache into two requests.
     // fetchAll drains every page — events can exceed any single-page limit
@@ -16287,7 +16364,7 @@ var MarketDetailsList = ({
     const resolved = [];
     const closed = [];
     sourceMarkets.forEach((market) => {
-      const marketStateKind = (0, import_hooks49.resolveMarketTradingState)(market).kind;
+      const marketStateKind = (0, import_hooks50.resolveMarketTradingState)(market).kind;
       if (marketStateKind === "resolved") {
         resolved.push(market);
         return;
@@ -16315,10 +16392,10 @@ var MarketDetailsList = ({
   const hasPrefetchedMarkets = !!providedMarkets || !!((_b = eventTradingState == null ? void 0 : eventTradingState.marketStates) == null ? void 0 : _b.length);
   const midpointEligibleMarkets = (0, import_react27.useMemo)(() => {
     return displayedMarkets.filter(
-      (market) => (0, import_hooks49.resolveMarketTradingState)(market).kind !== "resolved"
+      (market) => (0, import_hooks50.resolveMarketTradingState)(market).kind !== "resolved"
     );
   }, [displayedMarkets]);
-  const { prices: midpointsFallback, venueByOutcomeId: midpointsFallbackVenues } = (0, import_hooks49.useViewportMidpoints)(midpointEligibleMarkets);
+  const { prices: midpointsFallback, venueByOutcomeId: midpointsFallbackVenues } = (0, import_hooks50.useViewportMidpoints)(midpointEligibleMarkets);
   (0, import_react27.useEffect)(() => {
     if (isResolvedEvent) {
       setAreResolvedMarketsVisible(false);
@@ -16337,7 +16414,7 @@ var MarketDetailsList = ({
       return;
     }
     const fallbackSelectableMarket = displayedMarkets.find(
-      (market) => !(0, import_hooks49.resolveMarketTradingState)(market).isTradingDisabled
+      (market) => !(0, import_hooks50.resolveMarketTradingState)(market).isTradingDisabled
     );
     if (!fallbackSelectableMarket) {
       return;
@@ -16359,7 +16436,7 @@ var MarketDetailsList = ({
     setExpandedMarketId(marketId);
     onExpandedMarketChange == null ? void 0 : onExpandedMarketChange(marketId);
     if (marketId === selectedMarketId) return;
-    if ((0, import_hooks49.resolveMarketTradingState)(market).isTradingDisabled) return;
+    if ((0, import_hooks50.resolveMarketTradingState)(market).isTradingDisabled) return;
     tradingContext == null ? void 0 : tradingContext.selectMarket(market.id, market);
   };
   if (!hasPrefetchedMarkets && isLoading) {
@@ -16457,7 +16534,7 @@ var isVenue = (0, import_sdk17.enumGuard)(import_sdk17.Venue);
 var parseVenue = (v) => (0, import_sdk17.safeParse)(v, isVenue);
 
 // src/trading/settlement/settlement-details.tsx
-var import_hooks50 = require("@agg-build/hooks");
+var import_hooks51 = require("@agg-build/hooks");
 var import_jsx_runtime146 = require("react/jsx-runtime");
 var hasContent = (value) => {
   return typeof value === "string" && value.trim().length > 0;
@@ -16481,11 +16558,11 @@ var buildVenueSettlementRules = (venueMarkets) => {
 };
 var SettlementDetails = ({ className }) => {
   var _a, _b, _c, _d, _e, _f;
-  const tradingContext = (0, import_hooks50.useEventTradingContext)();
+  const tradingContext = (0, import_hooks51.useEventTradingContext)();
   const selectedEvent = (_a = tradingContext == null ? void 0 : tradingContext.selectedEvent) != null ? _a : null;
   const selectedMarket = (_b = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _b : null;
   if (!selectedEvent) return null;
-  const activeMarket = selectedMarket != null ? selectedMarket : (0, import_hooks50.resolveDefaultTradingMarket)(selectedEvent);
+  const activeMarket = selectedMarket != null ? selectedMarket : (0, import_hooks51.resolveDefaultTradingMarket)(selectedEvent);
   if (!activeMarket) return null;
   const allVenueMarkets = normalizeVenueMarketCluster(selectedEvent.venueMarkets);
   const activeMarketCluster = normalizeVenueMarketCluster(
@@ -16526,10 +16603,9 @@ var SettlementDetails = ({ className }) => {
 SettlementDetails.displayName = "SettlementDetails";
 
 // src/trading/place-order/index.tsx
-var import_hooks60 = require("@agg-build/hooks");
+var import_hooks61 = require("@agg-build/hooks");
 var import_sdk22 = require("@agg-build/sdk");
 var import_react35 = __toESM(require("@number-flow/react"));
-var DropdownMenu = __toESM(require("@radix-ui/react-dropdown-menu"));
 var Popover = __toESM(require("@radix-ui/react-popover"));
 var import_dayjs8 = __toESM(require("dayjs"));
 var import_timezone2 = __toESM(require("dayjs/plugin/timezone"));
@@ -16537,14 +16613,14 @@ var import_utc2 = __toESM(require("dayjs/plugin/utc"));
 var import_react36 = require("react");
 
 // src/geo-block-banner/index.tsx
-var import_hooks51 = require("@agg-build/hooks");
+var import_hooks52 = require("@agg-build/hooks");
 var import_jsx_runtime147 = require("react/jsx-runtime");
 var GeoBlockBanner = ({
   venue,
   termsUrl = AGG_TERMS_OF_SERVICE_URL,
   className
 }) => {
-  const labels = (0, import_hooks51.useLabels)();
+  const labels = (0, import_hooks52.useLabels)();
   const message = venue ? labels.trading.geoBlockVenueMessage(venue) : labels.trading.geoBlockGenericMessage;
   return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
     "div",
@@ -16566,7 +16642,7 @@ GeoBlockBanner.displayName = "GeoBlockBanner";
 
 // src/onboarding/index.tsx
 var import_react32 = require("react");
-var import_hooks57 = require("@agg-build/hooks");
+var import_hooks58 = require("@agg-build/hooks");
 var Dialog5 = __toESM(require("@radix-ui/react-dialog"));
 
 // src/onboarding/onboarding-modal.constants.ts
@@ -16590,7 +16666,7 @@ var ONCHAIN_VENUES = [
 
 // src/onboarding/steps/how-it-works.tsx
 var import_react28 = require("react");
-var import_hooks52 = require("@agg-build/hooks");
+var import_hooks53 = require("@agg-build/hooks");
 var import_jsx_runtime148 = require("react/jsx-runtime");
 var defaultIcons = {
   createAccount: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
@@ -16599,7 +16675,7 @@ var defaultIcons = {
   stayInControl: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
 };
 var HowItWorksStep = ({ onContinue, icons }) => {
-  const labels = (0, import_hooks52.useLabels)();
+  const labels = (0, import_hooks53.useLabels)();
   const scrollRef = (0, import_react28.useRef)(null);
   const [showTopGradient, setShowTopGradient] = (0, import_react28.useState)(false);
   const [showBottomGradient, setShowBottomGradient] = (0, import_react28.useState)(true);
@@ -16673,10 +16749,10 @@ HowItWorksStep.displayName = "HowItWorksStep";
 
 // src/onboarding/steps/profile-setup.tsx
 var import_react29 = require("react");
-var import_hooks53 = require("@agg-build/hooks");
+var import_hooks54 = require("@agg-build/hooks");
 var import_jsx_runtime149 = require("react/jsx-runtime");
 var ProfileSetupStep = ({ onContinue }) => {
-  const labels = (0, import_hooks53.useLabels)();
+  const labels = (0, import_hooks54.useLabels)();
   const [username, setUsername] = (0, import_react29.useState)("");
   const [avatarFile, setAvatarFile] = (0, import_react29.useState)();
   const [avatarPreview, setAvatarPreview] = (0, import_react29.useState)();
@@ -16806,7 +16882,7 @@ var ProfileSetupStep = ({ onContinue }) => {
 ProfileSetupStep.displayName = "ProfileSetupStep";
 
 // src/onboarding/steps/connect-accounts.tsx
-var import_hooks54 = require("@agg-build/hooks");
+var import_hooks55 = require("@agg-build/hooks");
 var import_jsx_runtime150 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
   return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
@@ -16820,7 +16896,7 @@ var VenueCard = ({
   onConnect,
   connected = false
 }) => {
-  const labels = (0, import_hooks54.useLabels)();
+  const labels = (0, import_hooks55.useLabels)();
   const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
     Button,
     {
@@ -16879,7 +16955,7 @@ var ConnectAccountsStep = ({
   onContinue,
   connectedOnchain = false
 }) => {
-  const labels = (0, import_hooks54.useLabels)();
+  const labels = (0, import_hooks55.useLabels)();
   const canContinue = connectedOnchain;
   return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
@@ -16914,7 +16990,7 @@ ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
 var import_react30 = require("react");
-var import_hooks55 = require("@agg-build/hooks");
+var import_hooks56 = require("@agg-build/hooks");
 var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime151 = require("react/jsx-runtime");
 var ConnectOnchainModal = ({
@@ -16922,7 +16998,7 @@ var ConnectOnchainModal = ({
   onOpenChange,
   onConnect
 }) => {
-  const labels = (0, import_hooks55.useLabels)();
+  const labels = (0, import_hooks56.useLabels)();
   const [connecting, setConnecting] = (0, import_react30.useState)(false);
   const [error, setError] = (0, import_react30.useState)();
   const handleCancel = (0, import_react30.useCallback)(() => {
@@ -17021,7 +17097,7 @@ var ConnectOnchainModal = ({
 ConnectOnchainModal.displayName = "ConnectOnchainModal";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
-var import_hooks56 = require("@agg-build/hooks");
+var import_hooks57 = require("@agg-build/hooks");
 var import_sdk19 = require("@agg-build/sdk");
 var Dialog4 = __toESM(require("@radix-ui/react-dialog"));
 var import_react31 = require("react");
@@ -17048,8 +17124,8 @@ var ConnectKalshiModal = ({
   onOpenChange,
   onVerify
 }) => {
-  const labels = (0, import_hooks56.useLabels)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks56.useAppConfig)();
+  const labels = (0, import_hooks57.useLabels)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks57.useAppConfig)();
   const apiKeyInputRef = (0, import_react31.useRef)(null);
   const errorId = (0, import_react31.useId)();
   const [apiKeyId, setApiKeyId] = (0, import_react31.useState)("");
@@ -17057,7 +17133,7 @@ var ConnectKalshiModal = ({
   const [isVerifying, setIsVerifying] = (0, import_react31.useState)(false);
   const [isConnected, setIsConnected] = (0, import_react31.useState)(false);
   const [error, setError] = (0, import_react31.useState)();
-  const availabilityState = (0, import_hooks56.getVenueAvailabilityState)({
+  const availabilityState = (0, import_hooks57.getVenueAvailabilityState)({
     venueId: import_sdk19.Venue.kalshi,
     disabledVenues,
     isConfigLoading: isAppConfigLoading
@@ -17359,7 +17435,7 @@ var OnboardingModal = ({
   connectedOnchain = false
 }) => {
   var _a;
-  const labels = (0, import_hooks57.useLabels)();
+  const labels = (0, import_hooks58.useLabels)();
   const [step, setStep] = (0, import_react32.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
   const stepLabels = {
     [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
@@ -17432,7 +17508,7 @@ var OnboardingModal = ({
 OnboardingModal.displayName = "OnboardingModal";
 
 // src/notifications/agg-notification-events-provider.tsx
-var import_hooks58 = require("@agg-build/hooks");
+var import_hooks59 = require("@agg-build/hooks");
 var import_react33 = require("react");
 var import_jsx_runtime154 = require("react/jsx-runtime");
 var firedOrderNotificationKeys = /* @__PURE__ */ new Set();
@@ -17536,12 +17612,12 @@ var requestAggWithdrawModalOpen = () => {
 };
 
 // src/trading/fund-kalshi-modal.tsx
-var import_hooks59 = require("@agg-build/hooks");
+var import_hooks60 = require("@agg-build/hooks");
 var import_sdk20 = require("@agg-build/sdk");
 var Dialog6 = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime155 = require("react/jsx-runtime");
 var FundKalshiModal = ({ open, onOpenChange }) => {
-  const labels = (0, import_hooks59.useLabels)();
+  const labels = (0, import_hooks60.useLabels)();
   const modalLabels = labels.trading.fundKalshiModal;
   return /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(
     Modal.Container,
@@ -17613,11 +17689,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"
 };
 
@@ -18086,6 +18163,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();
@@ -18093,6 +18257,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");
@@ -19744,7 +19914,7 @@ var PlaceOrderSlippageControl = ({
   minimumValue: slippageMinimumValue
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks60.useLabels)();
+  const labels = (0, import_hooks61.useLabels)();
   const containerRef = (0, import_react36.useRef)(null);
   const triggerRef = (0, import_react36.useRef)(null);
   const inputRef = (0, import_react36.useRef)(null);
@@ -20017,7 +20187,7 @@ var PlaceOrderResolvedView = ({
   isSportsEvent = false
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks60.useLabels)();
+  const labels = (0, import_hooks61.useLabels)();
   const tradingLabels = labels.trading;
   const resolvingTimestamp = (_a = resolutionTimestamp != null ? resolutionTimestamp : tradingState.resolvesAt) != null ? _a : tradingState.endsAt;
   const isResolvingMarket = false;
@@ -20381,23 +20551,24 @@ 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" }
-  } = (0, import_hooks60.useSdkUiConfig)();
-  const labels = (0, import_hooks60.useLabels)();
+  } = (0, import_hooks61.useSdkUiConfig)();
+  const labels = (0, import_hooks61.useLabels)();
   const tradingLabels = labels.trading;
   const toastCtx = useOptionalToast();
-  const { isTradingBlocked } = (0, import_hooks60.useGeoBlock)();
-  const tradingContext = (0, import_hooks60.useEventTradingContext)();
+  const { isTradingBlocked } = (0, import_hooks61.useGeoBlock)();
+  const tradingContext = (0, import_hooks61.useEventTradingContext)();
   const selectedEvent = (_a = tradingContext == null ? void 0 : tradingContext.selectedEvent) != null ? _a : null;
   const selectedMarket = (_b = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _b : null;
   const selectedOutcomeId = (_c = tradingContext == null ? void 0 : tradingContext.selectedOutcomeId) != null ? _c : null;
   const resolvedEventTradingState = (0, import_react36.useMemo)(() => {
-    return eventTradingState != null ? eventTradingState : (0, import_hooks60.resolveEventTradingState)(selectedEvent);
+    return eventTradingState != null ? eventTradingState : (0, import_hooks61.resolveEventTradingState)(selectedEvent);
   }, [eventTradingState, selectedEvent]);
   const scopedSelectedEvent = (0, import_react36.useMemo)(() => {
     var _a2;
@@ -20425,7 +20596,7 @@ var PlaceOrder = ({
   )) != null ? _f : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes[0]) != null ? _g : null;
   const scopedSelectedOutcomeId = (_h = scopedSelectedOutcome == null ? void 0 : scopedSelectedOutcome.id) != null ? _h : null;
   const resolvedTradingState = (0, import_react36.useMemo)(() => {
-    return (0, import_hooks60.resolveMarketTradingState)(scopedSelectedMarket);
+    return (0, import_hooks61.resolveMarketTradingState)(scopedSelectedMarket);
   }, [scopedSelectedMarket]);
   const resolvedReadOnlyMarket = (0, import_react36.useMemo)(() => {
     var _a2;
@@ -20439,11 +20610,11 @@ var PlaceOrder = ({
     scopedSelectedMarket
   ]);
   const resolvedReadOnlyTradingState = (0, import_react36.useMemo)(() => {
-    return (0, import_hooks60.resolveMarketTradingState)(resolvedReadOnlyMarket);
+    return (0, import_hooks61.resolveMarketTradingState)(resolvedReadOnlyMarket);
   }, [resolvedReadOnlyMarket]);
   const isEndedWithoutKnownWinner = false;
   const orderEligibility = (0, import_react36.useMemo)(
-    () => (0, import_hooks60.resolveOrderEligibility)({
+    () => (0, import_hooks61.resolveOrderEligibility)({
       event: scopedSelectedEvent,
       market: scopedSelectedMarket,
       outcome: scopedSelectedOutcome,
@@ -20452,11 +20623,11 @@ var PlaceOrder = ({
     [scopedSelectedEvent, scopedSelectedMarket, scopedSelectedOutcome, resolvedEventTradingState]
   );
   const isResolvedOutcomeCtaLocked = resolvedEventTradingState.kind === "resolved" || resolvedTradingState.kind === "resolved";
-  const { isAuthenticated, user } = (0, import_hooks60.useAggAuthContext)();
+  const { isAuthenticated, user } = (0, import_hooks61.useAggAuthContext)();
   const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
   const isPaperMode = resolvedExecutionMode === "paper";
-  const liveBalanceState = (0, import_hooks60.useAggBalanceState)();
-  const paperBalancesQuery = (0, import_hooks60.useManagedBalances)({
+  const liveBalanceState = (0, import_hooks61.useAggBalanceState)();
+  const paperBalancesQuery = (0, import_hooks61.useManagedBalances)({
     enabled: Boolean(isAuthenticated && isPaperMode),
     mode: "paper"
   });
@@ -20476,22 +20647,22 @@ var PlaceOrder = ({
   const liveAvailableBalance = (_i = liveBalanceState.availableBalance) != null ? _i : liveBalanceState.totalBalance;
   const totalBalance = isPaperMode ? paperTotalBalance : liveAvailableBalance;
   const isBalanceLoading = isPaperMode ? paperBalancesQuery.isLoading : liveBalanceState.isLoading;
-  const executeManaged = (0, import_hooks60.useExecuteManaged)();
-  const placeLimitOrder = (0, import_hooks60.usePlaceLimitOrder)();
-  const aggClient = (0, import_hooks60.useAggClient)();
-  const queryClient = (0, import_hooks60.useQueryClient)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks60.useAppConfig)();
-  const { data: kalshiKeyStatus, refetch: refetchKalshiKeyStatus } = (0, import_hooks60.useVenueKeyStatus)(
+  const executeManaged = (0, import_hooks61.useExecuteManaged)();
+  const placeLimitOrder = (0, import_hooks61.usePlaceLimitOrder)();
+  const aggClient = (0, import_hooks61.useAggClient)();
+  const queryClient = (0, import_hooks61.useQueryClient)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks61.useAppConfig)();
+  const { data: kalshiKeyStatus, refetch: refetchKalshiKeyStatus } = (0, import_hooks61.useVenueKeyStatus)(
     import_sdk22.Venue.kalshi,
     isAuthenticated
   );
   const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react36.useState)(false);
   const [isFundKalshiModalOpen, setIsFundKalshiModalOpen] = (0, import_react36.useState)(false);
-  const livePrices = (0, import_hooks60.useLiveOutcomePrices)(
+  const livePrices = (0, import_hooks61.useLiveOutcomePrices)(
     scopedSelectedMarket ? [scopedSelectedMarket] : void 0
   );
-  const wsBestPrices = (0, import_hooks60.useLiveBestPrices)(scopedSelectedMarket ? [scopedSelectedMarket] : void 0);
-  const fetchedClusterMidpointResult = (0, import_hooks60.useMidpoints)(
+  const wsBestPrices = (0, import_hooks61.useLiveBestPrices)(scopedSelectedMarket ? [scopedSelectedMarket] : void 0);
+  const fetchedClusterMidpointResult = (0, import_hooks61.useMidpoints)(
     midpointsResult ? [] : scopedSelectedMarket ? [scopedSelectedMarket] : []
   );
   const clusterMidpointResult = midpointsResult != null ? midpointsResult : fetchedClusterMidpointResult;
@@ -20499,12 +20670,12 @@ var PlaceOrder = ({
   const clusterBestMidpoint = clusterMidpointResult.bestMidpoint;
   const clusterBestPricesRest = clusterMidpointResult.bestPrices;
   const clusterBestPrices = (0, import_react36.useMemo)(
-    () => (0, import_hooks60.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
+    () => (0, import_hooks61.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
     [clusterBestPricesRest, wsBestPrices]
   );
   const [internalTab, setInternalTab] = (0, import_react36.useState)("buy");
   const [executionType, setExecutionType] = (0, import_react36.useState)("market");
-  const [isExecutionTypeMenuOpen, setIsExecutionTypeMenuOpen] = (0, import_react36.useState)(false);
+  const [selectedLimitVenue, setSelectedLimitVenue] = (0, import_react36.useState)(null);
   const [limitPrice, setLimitPrice] = (0, import_react36.useState)(0.5);
   const [limitPriceInputValue, setLimitPriceInputValue] = (0, import_react36.useState)(formatLimitPriceInputValue(0.5));
   const [limitPriceInputError, setLimitPriceInputError] = (0, import_react36.useState)(null);
@@ -20554,7 +20725,6 @@ var PlaceOrder = ({
   ]);
   const buyTabRef = (0, import_react36.useRef)(null);
   const sellTabRef = (0, import_react36.useRef)(null);
-  const executionTypeTriggerRef = (0, import_react36.useRef)(null);
   const expirationTriggerRef = (0, import_react36.useRef)(null);
   const limitPriceInitializedForOutcomeRef = (0, import_react36.useRef)(void 0);
   const expirationOptionRefs = (0, import_react36.useRef)([]);
@@ -20590,16 +20760,37 @@ var PlaceOrder = ({
     scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id,
     scopedSelectedOutcomeId
   ]);
-  const debouncedAmount = (0, import_hooks60.useDebouncedValue)(internalAmount, 300);
+  const debouncedAmount = (0, import_hooks61.useDebouncedValue)(internalAmount, 300);
   const isQuoteInputEditing = internalAmount !== debouncedAmount;
   const isLimitOrder = showLimitOrders && executionType === "limit";
   const isSell = (0, import_react36.useMemo)(() => internalTab === "sell", [internalTab]);
+  const limitVenueOptions = (0, import_react36.useMemo)(
+    () => {
+      var _a2;
+      return buildLimitOrderVenueOptions({
+        currentPrices: (_a2 = clusterMidpointResult.currentMidpointsByOutcomeId) != null ? _a2 : clusterMidpointResult.prices,
+        livePrices,
+        market: scopedSelectedMarket,
+        selectedOutcomeId: scopedSelectedOutcomeId
+      });
+    },
+    [clusterMidpointResult, livePrices, scopedSelectedMarket, scopedSelectedOutcomeId]
+  );
+  const visibleLimitVenueOptions = (0, import_react36.useMemo)(() => {
+    return limitVenueOptions.filter((option) => {
+      return (0, import_hooks61.getVenueAvailabilityState)({
+        venueId: option.venue,
+        disabledVenues,
+        isConfigLoading: isAppConfigLoading
+      }) !== "hidden";
+    });
+  }, [disabledVenues, isAppConfigLoading, limitVenueOptions]);
   const {
     positions: executionPositions,
     dataUpdatedAt: executionPositionsUpdatedAt,
     isLoading: isExecutionPositionsLoading,
     isFetching: isExecutionPositionsFetching
-  } = (0, import_hooks60.useExecutionPositions)({
+  } = (0, import_hooks61.useExecutionPositions)({
     enabled: Boolean(isAuthenticated && isSell),
     mode: isPaperMode ? "paper" : void 0
   });
@@ -20614,9 +20805,70 @@ 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 smartRoute = (0, import_hooks60.useSmartRoute)(__spreadProps(__spreadValues({
+  const limitVenueQuoteRequests = (0, import_react36.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 = (0, import_hooks61.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 = (0, import_react36.useMemo)(
+    () => new Map(limitVenueQuotes.quotes.map((quote) => [quote.request.venue, quote])),
+    [limitVenueQuotes.quotes]
+  );
+  const geoBlockedLimitVenues = (0, import_react36.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 = (0, import_react36.useMemo)(() => {
+    return visibleLimitVenueOptions.filter((option) => {
+      return !geoBlockedLimitVenues.has(option.venue) && (0, import_hooks61.getVenueAvailabilityState)({
+        venueId: option.venue,
+        disabledVenues,
+        isConfigLoading: isAppConfigLoading
+      }) === "available";
+    });
+  }, [disabledVenues, geoBlockedLimitVenues, isAppConfigLoading, visibleLimitVenueOptions]);
+  const automaticLimitVenueOption = (0, import_react36.useMemo)(
+    () => resolveAutomaticLimitOrderVenueOption(availableLimitVenueOptions, internalTab),
+    [availableLimitVenueOptions, internalTab]
+  );
+  const selectedLimitVenueOption = (0, import_react36.useMemo)(() => {
+    if (selectedLimitVenue) {
+      const selectedOption = availableLimitVenueOptions.find(
+        (option) => option.venue === selectedLimitVenue
+      );
+      if (selectedOption) return selectedOption;
+    }
+    return automaticLimitVenueOption;
+  }, [automaticLimitVenueOption, availableLimitVenueOptions, selectedLimitVenue]);
+  (0, import_react36.useEffect)(() => {
+    if (!selectedLimitVenue || !geoBlockedLimitVenues.has(selectedLimitVenue)) return;
+    setSelectedLimitVenue(null);
+  }, [geoBlockedLimitVenues, selectedLimitVenue]);
+  const smartRoute = (0, import_hooks61.useSmartRoute)(__spreadProps(__spreadValues({
     venueMarketOutcomeId: scopedSelectedOutcomeId,
     maxSpend: isSell ? void 0 : debouncedAmount,
     sellShares: isSell ? debouncedAmount : void 0,
@@ -20631,7 +20883,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
     }
   } : {}), {
@@ -20685,14 +20937,14 @@ var PlaceOrder = ({
     },
     [debouncedAmount, isSell, scopedSelectedOutcomeId, smartRoute.data, smartRoute.isLoading]
   );
-  const venueSellQuotes = (0, import_hooks60.useVenueSellQuotes)({
+  const venueSellQuotes = (0, import_hooks61.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 = (0, import_react36.useMemo)(() => {
@@ -20727,13 +20979,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 = (0, import_react36.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 = (0, import_react36.useMemo)(() => {
     if (!Number.isFinite(currentSellableShares) || currentSellableShares <= 0) return 0;
     return floorToDecimals(currentSellableShares, SELL_SHARE_DISPLAY_DECIMALS);
@@ -20743,7 +20995,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;
   (0, import_react36.useEffect)(() => {
     if (submissionProgressState != null) return;
     if (!isSell || isCurrentSellableSharesLoading) return;
@@ -20779,8 +21031,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 = (0, import_react36.useMemo)(() => {
@@ -20818,7 +21070,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]);
   (0, import_react36.useEffect)(() => {
     if (routeCards.length === 0) {
       setSelectedRouteCardId(null);
@@ -20841,7 +21093,6 @@ var PlaceOrder = ({
   (0, import_react36.useEffect)(() => {
     if (showLimitOrders || executionType !== "limit") return;
     setExecutionType("market");
-    setIsExecutionTypeMenuOpen(false);
     setIsLimitExpirationPickerOpen(false);
   }, [executionType, showLimitOrders]);
   (0, import_react36.useEffect)(() => {
@@ -20857,15 +21108,19 @@ var PlaceOrder = ({
     setLimitPriceInputValue(formatLimitPriceInputValue(nextLimitPrice));
     setLimitPriceInputError(null);
   }, [executionType, scopedSelectedOutcomeId, selectedOutcomeDisplayPrice]);
+  (0, import_react36.useEffect)(() => {
+    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 = (0, import_react36.useMemo)(() => {
+    if (isLimitOrder) return (selectedLimitVenueOption == null ? void 0 : selectedLimitVenueOption.venue) === import_sdk22.Venue.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 = (0, import_react36.useMemo)(
     () => {
       var _a2;
@@ -20873,10 +21128,10 @@ 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 = (0, import_hooks60.getVenueAvailabilityState)({
+  const isKalshiAvailable = (0, import_hooks61.getVenueAvailabilityState)({
     venueId: "kalshi",
     disabledVenues,
     isConfigLoading: isAppConfigLoading
@@ -20901,7 +21156,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 = (0, import_react36.useCallback)(
     (cardId) => {
       if (cardId === resolvedSelectedRouteCardId) {
@@ -20915,16 +21170,16 @@ var PlaceOrder = ({
     },
     [resolvedSelectedRouteCardId, routeCards]
   );
-  const executionProgress = (0, import_hooks60.useExecutionProgress)({
-    orderIds: (_G = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) != null ? _G : null,
-    quoteId: (_H = submissionProgressState == null ? void 0 : submissionProgressState.quoteId) != null ? _H : null,
+  const executionProgress = (0, import_hooks61.useExecutionProgress)({
+    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 = (0, import_react36.useCallback)(
     (quoteData, executionVenue, orderId, partialFillSummary) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
@@ -21190,8 +21445,8 @@ var PlaceOrder = ({
     }
     if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
       emitTerminalOrderNotifications();
-      (0, import_hooks60.invalidateBalanceQueries)(queryClient);
-      (0, import_hooks60.invalidatePositionQueries)(queryClient);
+      (0, import_hooks61.invalidateBalanceQueries)(queryClient);
+      (0, import_hooks61.invalidatePositionQueries)(queryClient);
       if (debugStore && debugAttemptId) {
         debugStore.updateAttempt(debugAttemptId, {
           status: "succeeded",
@@ -21222,19 +21477,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) === import_sdk22.Venue.kalshi || selectedRouteFills.length > 0 && selectedRouteFills.every((fill) => fill.venue === import_sdk22.Venue.kalshi));
   const isOnchainOnlyRoute = !isKalshiRoute || selectedRouteFills.length > 0 && selectedRouteFills.every((fill) => fill.venue !== import_sdk22.Venue.kalshi);
   const kalshiRequiredAmount = isSell ? 0 : selectedRouteFills.filter((fill) => fill.venue === import_sdk22.Venue.kalshi).reduce((total, fill) => total + fill.venueQty * fill.avgPrice, 0);
   const onchainRequiredAmount = isSell ? 0 : selectedRouteFills.filter((fill) => fill.venue !== import_sdk22.Venue.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";
@@ -21328,9 +21583,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 = (0, import_react36.useMemo)(() => {
-    if (!scopedSelectedMarket || !scopedSelectedOutcomeId || internalAmount <= 0) return null;
+    if (!selectedLimitVenueOption || internalAmount <= 0) return null;
     if (limitPriceInputError) return null;
     const expirationDate = resolveLimitExpirationDate({
       expirationType: limitExpirationType,
@@ -21346,8 +21601,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,
@@ -21361,8 +21616,7 @@ var PlaceOrder = ({
     limitExpirationType,
     limitPrice,
     limitPriceInputError,
-    scopedSelectedMarket,
-    scopedSelectedOutcomeId
+    selectedLimitVenueOption
   ]);
   const resolvedLimitExpirationDraftDate = (0, import_react36.useMemo)(() => {
     return resolveLimitExpirationDate({
@@ -21405,11 +21659,70 @@ var PlaceOrder = ({
       )
     ) / Number(LIMIT_ORDER_RAW_SCALE);
   }, [internalTab, limitOrderPayload]);
+  const limitRouteCards = (0, import_react36.useMemo)(() => {
+    return visibleLimitVenueOptions.map((option) => {
+      var _a2, _b2;
+      const availabilityState = (0, import_hooks61.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 = (0, import_react36.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 = (0, import_react36.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 = (0, import_react36.useMemo)(() => {
@@ -21447,13 +21760,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 = (0, import_react36.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 = (0, import_react36.useMemo)(() => {
     var _a2, _b2;
@@ -21461,12 +21776,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 = (0, import_react36.useCallback)(() => {
     const submittedSelection = submittedSelectionRef.current;
     submittedSelectionRef.current = null;
@@ -22111,7 +22426,7 @@ var PlaceOrder = ({
       PlaceOrderResolvedView,
       {
         tradingState: resolvedReadOnlyTradingState,
-        resolutionTimestamp: (_Y = resolvedEventTradingState.resolvesAt) != null ? _Y : resolvedReadOnlyTradingState.resolvesAt,
+        resolutionTimestamp: (_$ = resolvedEventTradingState.resolvesAt) != null ? _$ : resolvedReadOnlyTradingState.resolvesAt,
         resolvedClaim,
         classNames,
         className,
@@ -22194,261 +22509,228 @@ var PlaceOrder = ({
                       tabItem.value
                     );
                   }) }),
-                  showLimitOrders ? /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(
-                    DropdownMenu.Root,
+                  showLimitOrders ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+                    Select,
                     {
-                      open: isExecutionTypeMenuOpen,
-                      onOpenChange: setIsExecutionTypeMenuOpen,
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(
-                          "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__ */ (0, import_jsx_runtime158.jsx)("span", { children: isLimitOrder ? tradingLabels.orderTypeLimit : tradingLabels.orderTypeMarket }),
-                              /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Icon, { name: "chevron-down", size: "small", className: "h-4 w-4", "aria-hidden": true })
-                            ]
-                          }
-                        ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
-                          DropdownMenu.Portal,
-                          {
-                            container: resolvePlaceOrderPortalContainer(executionTypeTriggerRef.current),
-                            children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
-                              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__ */ (0, import_jsx_runtime158.jsx)(
-                                  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__ */ (0, import_jsx_runtime158.jsx)("div", { className: "agg-outcomes flex w-full max-w-full gap-2", children: outcomes.map((outcome, index) => {
-              var _a2, _b2, _c2;
-              const price = getDisplayOutcomePrice({
-                outcomeId: outcome.id,
-                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__ */ (0, import_jsx_runtime158.jsxs)(
-                "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__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "agg-order-entry-section flex flex-col gap-4", children: [
+              outcomes.length >= 2 ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("div", { className: "agg-outcomes flex w-full max-w-full gap-2", children: outcomes.map((outcome, index) => {
+                var _a2, _b2, _c2;
+                const price = getDisplayOutcomePrice({
+                  outcomeId: outcome.id,
+                  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__ */ (0, import_jsx_runtime158.jsxs)(
+                  "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__ */ (0, import_jsx_runtime158.jsx)(
+                        Typography,
+                        {
+                          as: "span",
+                          variant: isActive ? "body-strong" : "body",
+                          className: cn("whitespace-nowrap truncate"),
+                          children: (_c2 = outcome.title) != null ? _c2 : outcome.label
+                        }
+                      ),
+                      isPriceLoading ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+                        "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__ */ (0, import_jsx_runtime158.jsx)(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price, formatPrice) })
+                    ]
+                  },
+                  outcome.id
+                );
+              }) }) : null,
+              isLimitOrder ? /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "agg-limit-price-section flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.limitPrice }),
+                /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "flex min-w-0 flex-col items-end gap-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("label", { className: "relative flex items-center", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+                        "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__ */ (0, import_jsx_runtime158.jsx)("span", { className: "pointer-events-none absolute right-1 text-agg-3xl font-agg-bold leading-agg-9 text-agg-foreground", children: "\xA2" })
+                    ] }),
                     /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
-                      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__ */ (0, import_jsx_runtime158.jsx)(Icon, { name: "minus", size: "small", className: "h-4 w-4", "aria-hidden": true })
                       }
                     ),
-                    isPriceLoading ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
-                      "span",
+                    /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+                      "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__ */ (0, import_jsx_runtime158.jsx)(Icon, { name: "plus", size: "small", className: "h-4 w-4", "aria-hidden": true })
                       }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
-                  ]
-                },
-                outcome.id
-              );
-            }) }) : null,
-            isLimitOrder ? /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "agg-limit-price-section flex items-center justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.limitPrice }),
-              /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "flex min-w-0 flex-col items-end gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("label", { className: "relative flex items-center", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
-                      "input",
+                    )
+                  ] }),
+                  limitPriceInputError ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("p", { className: "max-w-[220px] text-right text-agg-xs leading-agg-4 text-agg-error", children: limitPriceInputError }) : null
+                ] })
+              ] }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "agg-order-amount-meta flex flex-col", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("p", { className: "agg-order-amount-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground whitespace-nowrap", children: tradingLabels.amount(internalTab) }),
+                  isAuthenticated ? isSell ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("div", { className: "agg-balance-value flex items-baseline gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isCurrentSellableSharesLoading ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(LoadingIcon, { size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(import_jsx_runtime158.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("span", { className: "whitespace-pre", children: displayedCurrentSellableSharesLabel }),
+                    displayedCurrentSellableShares > 0 ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+                      "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__ */ (0, import_jsx_runtime158.jsx)("span", { className: "pointer-events-none absolute right-1 text-agg-3xl font-agg-bold leading-agg-9 text-agg-foreground", children: "\xA2" })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
-                    "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__ */ (0, import_jsx_runtime158.jsx)(Icon, { name: "minus", size: "small", className: "h-4 w-4", "aria-hidden": true })
+                    ) : null
+                  ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("p", { className: "agg-balance-value flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(displayedBalance)) }) : null
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+                  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__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "agg-order-fees-section flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "flex items-center gap-1.5", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
-                    "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__ */ (0, import_jsx_runtime158.jsx)(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__ */ (0, import_jsx_runtime158.jsx)("p", { className: "max-w-[220px] text-right text-agg-xs leading-agg-4 text-agg-error", children: limitPriceInputError }) : null
-              ] })
-            ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "agg-order-amount-meta flex flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("p", { className: "agg-order-amount-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground whitespace-nowrap", children: tradingLabels.amount(internalTab) }),
-                isAuthenticated ? isSell ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("div", { className: "agg-balance-value flex items-baseline gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isCurrentSellableSharesLoading ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(LoadingIcon, { size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(import_jsx_runtime158.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("span", { className: "whitespace-pre", children: displayedCurrentSellableSharesLabel }),
-                  displayedCurrentSellableShares > 0 ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
-                    "button",
+                  ),
+                  feeBreakdownRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+                    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__ */ (0, import_jsx_runtime158.jsx)("div", { className: "flex w-full flex-col gap-2", children: feeBreakdownRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(
+                        "div",
+                        {
+                          className: "flex items-center justify-between gap-3 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground",
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("span", { children: row.label }),
+                            row.kind === "badge" ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+                              "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__ */ (0, import_jsx_runtime158.jsx)("span", { className: "text-right", children: row.value })
+                          ]
+                        },
+                        row.label
+                      )) })
                     }
                   ) : null
-                ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("p", { className: "agg-balance-value flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(displayedBalance)) }) : null
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
-                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__ */ (0, import_jsx_runtime158.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: estimatedFeesValue })
+              ] }) : null
             ] }),
-            showFeesBreakdown && hasEnteredAmount && !isBelowMinimum && estimatedFeesValue ? /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "agg-order-fees-section flex items-center justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
-                  Typography,
-                  {
-                    variant: "text-sm",
-                    className: "text-agg-sm leading-agg-5 text-agg-muted-foreground",
-                    children: tradingLabels.estimatedFees
-                  }
-                ),
-                feeBreakdownRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
-                  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__ */ (0, import_jsx_runtime158.jsx)("div", { className: "flex w-full flex-col gap-2", children: feeBreakdownRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(
-                      "div",
-                      {
-                        className: "flex items-center justify-between gap-3 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground",
-                        children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("span", { children: row.label }),
-                          row.kind === "badge" ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
-                            "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__ */ (0, import_jsx_runtime158.jsx)("span", { className: "text-right", children: row.value })
-                        ]
-                      },
-                      row.label
-                    )) })
-                  }
-                ) : null
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: estimatedFeesValue })
-            ] }) : null,
             shouldShowSmartRouting ? /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "agg-route-panel flex flex-col gap-3", children: [
               /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "agg-route-panel-header flex items-center justify-between gap-4", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("p", { className: "agg-route-panel-title text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.smartRouting }),
@@ -22457,10 +22739,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__ */ (0, import_jsx_runtime158.jsx)("span", { children: tradingLabels.viewAllRoutes(orderedRouteCards.length) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("span", { children: tradingLabels.viewAllRoutes(activeRouteCardCount) }),
                       /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
                         Icon,
                         {
@@ -22474,16 +22756,16 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: isQuoteLoading ? /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "agg-route-loading flex flex-col gap-2", "aria-hidden": "true", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: !isLimitOrder && isQuoteLoading ? /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "agg-route-loading flex flex-col gap-2", "aria-hidden": "true", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(PlaceOrderRouteCardSkeleton, {}),
                 /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(PlaceOrderRouteCardSkeleton, {})
-              ] }) : visibleRouteCards.length > 0 ? visibleRouteCards.map((card) => {
+              ] }) : activeRouteCards.length > 0 ? activeRouteCards.map((card) => {
                 return /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(import_react36.Fragment, { 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 })
@@ -22504,7 +22786,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__ */ (0, import_jsx_runtime158.jsx)(Icon, { name: "calendar", size: "small", className: "h-4 w-4 shrink-0", "aria-hidden": true }),
                           /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("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 ? (0, import_dayjs8.default)(resolvedCustomExpirationDate).format(
                             "MMM D, YYYY [at] HH:mm"
                           ) : tradingLabels.expirationCustom }),
@@ -22808,7 +23089,7 @@ var PlaceOrder = ({
                       className: "agg-order-submit h-12 w-full px-8 text-agg-base leading-agg-6 shadow-none",
                       disabled: !orderEligibility.canPlaceOrder || shouldShowGeoBlockBanner,
                       "aria-label": tradingLabels.signInToTrade,
-                      onClick: import_hooks60.requestAggAuthChooserOpen,
+                      onClick: import_hooks61.requestAggAuthChooserOpen,
                       children: tradingLabels.signInToTrade
                     }
                   ) : /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
@@ -22880,7 +23161,7 @@ var PlaceOrder = ({
 PlaceOrder.displayName = "PlaceOrder";
 
 // src/trading/use-claim-winnings.ts
-var import_hooks61 = require("@agg-build/hooks");
+var import_hooks62 = require("@agg-build/hooks");
 var import_react37 = require("react");
 var toClaimError = (err) => {
   if (err instanceof Error) return err;
@@ -22888,11 +23169,11 @@ var toClaimError = (err) => {
 };
 function useClaimWinnings(options = {}) {
   const { onClaim, onClaimResult, onClaimSubmitError, externalClaimingKeys } = options;
-  const labels = (0, import_hooks61.useLabels)();
+  const labels = (0, import_hooks62.useLabels)();
   const claimNotificationLabels = labels.notifications.claim;
   const toastCtx = useOptionalToast();
-  const queryClient = (0, import_hooks61.useQueryClient)();
-  const redeemMutation = (0, import_hooks61.useRedeem)();
+  const queryClient = (0, import_hooks62.useQueryClient)();
+  const redeemMutation = (0, import_hooks62.useRedeem)();
   const [activeRedeems, setActiveRedeems] = (0, import_react37.useState)({});
   const activeClaimKeysRef = (0, import_react37.useRef)(/* @__PURE__ */ new Set());
   const pendingClaimToastIdsRef = (0, import_react37.useRef)({});
@@ -22902,7 +23183,7 @@ function useClaimWinnings(options = {}) {
     () => Object.values(activeRedeems),
     [activeRedeems]
   );
-  const lifecycleStates = (0, import_hooks61.useRedeemLifecycles)(lifecycleInputs);
+  const lifecycleStates = (0, import_hooks62.useRedeemLifecycles)(lifecycleInputs);
   const internalClaimingIds = (0, import_react37.useMemo)(() => {
     const out = __spreadValues({}, submittingClaimKeys);
     for (const [claimKey, active] of Object.entries(activeRedeems)) {
@@ -22917,13 +23198,13 @@ function useClaimWinnings(options = {}) {
     [externalClaimingKeys, internalClaimingIds]
   );
   const invalidateClaimUiState = (0, import_react37.useCallback)(() => {
-    (0, import_hooks61.invalidateBalanceQueries)(queryClient);
-    (0, import_hooks61.invalidatePositionQueries)(queryClient);
+    (0, import_hooks62.invalidateBalanceQueries)(queryClient);
+    (0, import_hooks62.invalidatePositionQueries)(queryClient);
     queryClient.invalidateQueries({
-      queryKey: import_hooks61.executionKeys.claimablePositionsCount(),
+      queryKey: import_hooks62.executionKeys.claimablePositionsCount(),
       refetchType: "active"
     });
-    (0, import_hooks61.invalidateUserActivityQueries)(queryClient);
+    (0, import_hooks62.invalidateUserActivityQueries)(queryClient);
   }, [queryClient]);
   const claim = (0, import_react37.useCallback)(
     (_0) => __async(null, [_0], function* ({ claimKey, winningOutcomeIds, payload }) {
@@ -23120,7 +23401,7 @@ function useClaimWinnings(options = {}) {
 }
 
 // src/trading/use-resolved-market-claim.ts
-var import_hooks62 = require("@agg-build/hooks");
+var import_hooks63 = require("@agg-build/hooks");
 var import_react38 = require("react");
 var sharesFormatter = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
 var dateFormatter = new Intl.DateTimeFormat("en-US", {
@@ -23137,12 +23418,12 @@ var formatResolutionDate = (value) => {
 function useResolvedMarketClaim(options = {}) {
   var _a;
   const { market, enabled = true, executionMode } = options;
-  const { isAuthenticated } = (0, import_hooks62.useAggAuthState)();
-  const tradingState = (0, import_react38.useMemo)(() => (0, import_hooks62.resolveMarketTradingState)(market), [market]);
+  const { isAuthenticated } = (0, import_hooks63.useAggAuthState)();
+  const tradingState = (0, import_react38.useMemo)(() => (0, import_hooks63.resolveMarketTradingState)(market), [market]);
   const isResolved = tradingState.kind === "resolved";
   const marketId = (_a = market == null ? void 0 : market.id) != null ? _a : null;
   const shouldFetch = Boolean(enabled && isAuthenticated && isResolved && marketId);
-  const { positions } = (0, import_hooks62.useExecutionPositions)(__spreadValues({
+  const { positions } = (0, import_hooks63.useExecutionPositions)(__spreadValues({
     enabled: shouldFetch,
     status: "active",
     limit: 50
@@ -23159,7 +23440,7 @@ function useResolvedMarketClaim(options = {}) {
       (outcome) => outcome.winner === true && outcome.totalSize > 0
     );
     if (winningOutcomes.length === 0) return void 0;
-    const totals = (0, import_hooks62.computeClosedPositionTotals)(group);
+    const totals = (0, import_hooks63.computeClosedPositionTotals)(group);
     const winningShares = winningOutcomes.reduce((sum, outcome) => sum + outcome.totalSize, 0);
     const winningOutcomeLabel = (_a2 = resolveResolvedOutcomeLabel({
       market: market != null ? market : group.venueMarket,
@@ -23243,7 +23524,7 @@ var resolveEventMarketPageStickyState = ({
 };
 
 // src/pages/event-market/event-market.shared.tsx
-var import_hooks63 = require("@agg-build/hooks");
+var import_hooks64 = require("@agg-build/hooks");
 var Dialog7 = __toESM(require("@radix-ui/react-dialog"));
 var import_react39 = require("react");
 var import_jsx_runtime159 = require("react/jsx-runtime");
@@ -23312,7 +23593,7 @@ var EventMarketPageMobileTrade = ({
   midpointsResult,
   onBeforePrimaryAction
 }) => {
-  const labels = (0, import_hooks63.useLabels)();
+  const labels = (0, import_hooks64.useLabels)();
   if (!showPlaceOrder) return null;
   const handleOpenChange = (nextOpen) => {
     onOpenChange(nextOpen);
@@ -23367,7 +23648,7 @@ var EventMarketPageMobileTrade = ({
 var EventMarketPageUnavailableState = ({
   ariaLabel: _ariaLabel
 }) => {
-  const labels = (0, import_hooks63.useLabels)();
+  const labels = (0, import_hooks64.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
     StateMessage,
     {
@@ -23383,7 +23664,7 @@ var EventMarketPageUnavailableState = ({
 var EventMarketPageNotFoundState = ({
   ariaLabel: _ariaLabel
 }) => {
-  const labels = (0, import_hooks63.useLabels)();
+  const labels = (0, import_hooks64.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
     StateMessage,
     {
@@ -23480,11 +23761,11 @@ var EventMarketPageLoadingState = ({
 };
 
 // src/pages/event-market/sports-event-market-page.tsx
-var import_hooks66 = require("@agg-build/hooks");
+var import_hooks67 = require("@agg-build/hooks");
 var import_react42 = require("react");
 
 // src/pages/event-market/sports-markets.tsx
-var import_hooks65 = require("@agg-build/hooks");
+var import_hooks66 = require("@agg-build/hooks");
 var import_react41 = require("react");
 
 // src/pages/event-market/sports-event-market.utils.ts
@@ -24333,7 +24614,7 @@ var mergeSportsSectionMarketsIntoEvent = ({
 };
 
 // src/pages/event-market/sports-market-card.tsx
-var import_hooks64 = require("@agg-build/hooks");
+var import_hooks65 = require("@agg-build/hooks");
 var import_react40 = require("react");
 
 // src/pages/event-market/sports-line-rail.tsx
@@ -24383,7 +24664,7 @@ function SportsLineRail({
   const didInit = React.useRef(false);
   const programmatic = React.useRef(false);
   const progTimer = React.useRef(void 0);
-  const skipCenterOnPropSync = React.useRef(false);
+  const skipCenterForIndex = React.useRef(null);
   const pendingScrollIndex = React.useRef(null);
   const scrollSettleTimer = React.useRef(void 0);
   const stopCount = stops.length;
@@ -24423,9 +24704,15 @@ function SportsLineRail({
       if (!w) return;
       const firstW = (_b = (_a = itemRefs.current[0]) == null ? void 0 : _a.offsetWidth) != null ? _b : 0;
       const lastW = (_d = (_c = itemRefs.current[stopCount - 1]) == null ? void 0 : _c.offsetWidth) != null ? _d : 0;
-      setPad({
+      const nextPad = {
         left: Math.max(0, w / 2 - firstW / 2),
         right: Math.max(0, w / 2 - lastW / 2)
+      };
+      setPad((currentPad) => {
+        if (currentPad.left === nextPad.left && currentPad.right === nextPad.right) {
+          return currentPad;
+        }
+        return nextPad;
       });
       updateMask();
     };
@@ -24438,7 +24725,7 @@ function SportsLineRail({
           scrollSettleTimer.current = setTimeout(() => {
             const nextIndex = pendingScrollIndex.current;
             if (nextIndex == null || nextIndex === selectedIndex) return;
-            skipCenterOnPropSync.current = true;
+            skipCenterForIndex.current = nextIndex;
             onSelect(nextIndex);
           }, 120);
         }
@@ -24462,11 +24749,12 @@ function SportsLineRail({
     const c = scrollRef.current;
     const el = itemRefs.current[selectedIndex];
     if (!c || !el || !c.clientWidth) return;
-    if (skipCenterOnPropSync.current) {
-      skipCenterOnPropSync.current = false;
+    if (skipCenterForIndex.current === selectedIndex) {
+      skipCenterForIndex.current = null;
       updateMask();
       return;
     }
+    skipCenterForIndex.current = null;
     const max = c.scrollWidth - c.clientWidth;
     const target = el.offsetLeft - c.clientWidth / 2 + el.clientWidth / 2;
     programmatic.current = true;
@@ -24481,11 +24769,18 @@ function SportsLineRail({
     }, 500);
     updateMask();
   }, [selectedIndex, stopCount, pad, updateMask]);
-  const select = (index) => {
-    const next = Math.min(stops.length - 1, Math.max(0, index));
+  const clampStopIndex = (index) => Math.min(stops.length - 1, Math.max(0, index));
+  const handleStopClick = (index) => {
+    const next = clampStopIndex(index);
+    if (next !== selectedIndex) {
+      skipCenterForIndex.current = next;
+    }
+    onSelect(next);
+  };
+  const handleStep = (delta) => {
+    const next = clampStopIndex(selectedIndex + delta);
     if (next !== selectedIndex) onSelect(next);
   };
-  const step = (delta) => select(selectedIndex + delta);
   if (stopCount === 0) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(
     "div",
@@ -24497,7 +24792,7 @@ function SportsLineRail({
           "button",
           {
             type: "button",
-            onClick: () => step(-1),
+            onClick: () => handleStep(-1),
             disabled: selectedIndex === 0,
             "aria-label": previousAriaLabel != null ? previousAriaLabel : "Previous line",
             className: "flex size-5! shrink-0 cursor-pointer items-center justify-center text-agg-muted-foreground transition-colors hover:text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-30",
@@ -24520,7 +24815,7 @@ function SportsLineRail({
                     ref: (el) => {
                       itemRefs.current[index] = el;
                     },
-                    onClick: () => select(index),
+                    onClick: () => handleStopClick(index),
                     disabled: stop.disabled,
                     "aria-pressed": active,
                     className: "flex shrink-0 cursor-pointer flex-col items-center gap-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-40",
@@ -24566,7 +24861,7 @@ function SportsLineRail({
           "button",
           {
             type: "button",
-            onClick: () => step(1),
+            onClick: () => handleStep(1),
             disabled: selectedIndex === stopCount - 1,
             "aria-label": nextAriaLabel != null ? nextAriaLabel : "Next line",
             className: "flex size-5! shrink-0 cursor-pointer items-center justify-center text-agg-muted-foreground transition-colors hover:text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-30",
@@ -24580,15 +24875,81 @@ function SportsLineRail({
 
 // src/pages/event-market/sports-market-card.tsx
 var import_jsx_runtime161 = require("react/jsx-runtime");
-var resolveSportsLineOutcomeSide = (outcome) => {
+var resolveSpreadHeaderOutcomeItems = ({
+  market,
+  groupMarkets,
+  midpointsResult
+}) => {
   var _a;
-  for (const candidate of [outcome.label, outcome.title]) {
-    if (typeof candidate !== "string") continue;
-    const matchedSide = (_a = candidate.trim().toLowerCase().match(/(?:^|\s)(over|under)(?=\s|$)/)) == null ? void 0 : _a[1];
-    if (matchedSide === "over" || matchedSide === "under") return matchedSide;
-  }
+  const outcomes = (_a = market.venueMarketOutcomes) != null ? _a : [];
+  const lineValue = market.lineValue;
+  if (outcomes.length < 2 || lineValue == null) return void 0;
+  const { favored, dog } = resolveSpreadOutcomeTeamNames(market, groupMarkets);
+  if (!favored && !dog) return void 0;
+  const magnitude = Math.abs(lineValue);
+  const formatLine = (value) => `${value > 0 ? "+" : "\u2212"}${Number.isInteger(magnitude) ? String(magnitude) : magnitude.toFixed(1)}`;
+  return [
+    { index: 0, name: favored, signedLine: -magnitude },
+    { index: 1, name: dog, signedLine: magnitude }
+  ].flatMap(({ index, name, signedLine }) => {
+    var _a2;
+    const outcome = outcomes[index];
+    if (!outcome) return [];
+    const label2 = name != null ? name : outcome.label.trim();
+    const probability = midpointsResult == null ? void 0 : getDisplayOutcomePrice({
+      outcomeId: outcome.id,
+      outcomeLabel: outcome.label,
+      bestMidpointsByOutcomeId: (_a2 = midpointsResult.bestMidpointsByOutcomeId) != null ? _a2 : midpointsResult.prices
+    });
+    return [
+      {
+        id: outcome.id,
+        label: label2,
+        title: label2,
+        lineLabel: formatLine(signedLine),
+        probability,
+        isPriceLoading: (midpointsResult == null ? void 0 : midpointsResult.isLoading) === true && probability == null,
+        tone: index === 0 ? "positive" : "negative",
+        variant: "line",
+        venue: market.venue
+      }
+    ];
+  });
+};
+var resolveDisplayedOutcomes = ({
+  market,
+  venueMarkets,
+  groupMarkets,
+  useSpreadOverride
+}) => {
+  var _a;
+  const spreadHeaderOutcomeItems = useSpreadOverride ? resolveSpreadHeaderOutcomeItems({ market, groupMarkets }) : void 0;
+  const resolvedMarket = resolveMarketFromVenueMarkets(venueMarkets, market.id);
+  const headerOutcomeItems = spreadHeaderOutcomeItems != null ? spreadHeaderOutcomeItems : resolveHeaderOutcomeItems(
+    (_a = resolvedMarket == null ? void 0 : resolvedMarket.venueMarkets) != null ? _a : [market],
+    market,
+    resolveSportsMarketCardVariant(market)
+  );
+  return headerOutcomeItems.flatMap((item) => {
+    const outcome = market.venueMarketOutcomes.find((candidate) => candidate.id === item.id);
+    return outcome ? [outcome] : [];
+  });
+};
+var resolveSelectedOutcomeSide = ({
+  displayedOutcomes,
+  selectedOutcomeId
+}) => {
+  const selectedOutcomeIndex = displayedOutcomes.findIndex(
+    (outcome) => outcome.id === selectedOutcomeId
+  );
+  if (selectedOutcomeIndex === 0) return "left";
+  if (selectedOutcomeIndex === 1) return "right";
   return null;
 };
+var resolveOutcomeBySide = (displayedOutcomes, side) => {
+  var _a;
+  return (_a = displayedOutcomes[side === "right" ? 1 : 0]) != null ? _a : displayedOutcomes[0];
+};
 var SportsMarketCard = ({
   group,
   venueMarkets,
@@ -24601,11 +24962,11 @@ var SportsMarketCard = ({
   midpointsResult
 }) => {
   var _a, _b, _c, _d, _e, _f, _g;
-  const labels = (0, import_hooks64.useLabels)();
+  const labels = (0, import_hooks65.useLabels)();
   const {
     formatting: { formatCompactCurrency }
-  } = (0, import_hooks64.useSdkUiConfig)();
-  const tradingContext = (0, import_hooks64.useEventTradingContext)();
+  } = (0, import_hooks65.useSdkUiConfig)();
+  const tradingContext = (0, import_hooks65.useEventTradingContext)();
   const slide = (0, import_react40.useMemo)(() => buildSportsSlideFromGroup(group), [group]);
   const [selectedLineIndex, setSelectedLineIndex] = (0, import_react40.useState)(slide.defaultStopIndex);
   const combinedMoneylineMarkets = (0, import_react40.useMemo)(
@@ -24646,7 +25007,7 @@ var SportsMarketCard = ({
     const justOpened = isExpanded && !wasExpandedRef.current;
     wasExpandedRef.current = isExpanded;
     if (!justOpened || !activeMarket) return;
-    if ((0, import_hooks64.resolveMarketTradingState)(activeMarket).isTradingDisabled) return;
+    if ((0, import_hooks65.resolveMarketTradingState)(activeMarket).isTradingDisabled) return;
     const selectedOutcomeId = tradingContext == null ? void 0 : tradingContext.selectedOutcomeId;
     const hasInScopeOutcome = selectedOutcomeId != null && activeMarket.venueMarketOutcomes.some((outcome) => outcome.id === selectedOutcomeId);
     if (hasInScopeOutcome) return;
@@ -24706,69 +25067,46 @@ var SportsMarketCard = ({
     });
   }, [combinedMoneylineMarkets, isCombinedMoneylineGroup, midpointsResult]);
   const spreadHeaderOutcomeItems = (0, import_react40.useMemo)(() => {
-    var _a2;
     if (slide.kind !== "spread" || !activeMarket) return void 0;
-    const outcomes = (_a2 = activeMarket.venueMarketOutcomes) != null ? _a2 : [];
-    const lineValue = activeMarket.lineValue;
-    if (outcomes.length < 2 || lineValue == null) return void 0;
-    const { favored, dog } = resolveSpreadOutcomeTeamNames(activeMarket, group.markets);
-    if (!favored && !dog) return void 0;
-    const magnitude = Math.abs(lineValue);
-    const formatLine = (value) => `${value > 0 ? "+" : "\u2212"}${Number.isInteger(magnitude) ? String(magnitude) : magnitude.toFixed(1)}`;
-    return [
-      { index: 0, name: favored, signedLine: -magnitude },
-      { index: 1, name: dog, signedLine: magnitude }
-    ].flatMap(({ index, name, signedLine }) => {
-      var _a3;
-      const outcome = outcomes[index];
-      if (!outcome) return [];
-      const label2 = name != null ? name : outcome.label.trim();
-      const probability = midpointsResult == null ? void 0 : getDisplayOutcomePrice({
-        outcomeId: outcome.id,
-        outcomeLabel: outcome.label,
-        bestMidpointsByOutcomeId: (_a3 = midpointsResult.bestMidpointsByOutcomeId) != null ? _a3 : midpointsResult.prices
-      });
-      return [
-        {
-          id: outcome.id,
-          label: label2,
-          title: label2,
-          lineLabel: formatLine(signedLine),
-          probability,
-          isPriceLoading: (midpointsResult == null ? void 0 : midpointsResult.isLoading) === true && probability == null,
-          tone: index === 0 ? "positive" : "negative",
-          variant: "line",
-          venue: activeMarket.venue
-        }
-      ];
+    return resolveSpreadHeaderOutcomeItems({
+      market: activeMarket,
+      groupMarkets: group.markets,
+      midpointsResult
     });
   }, [slide.kind, activeMarket, group.markets, midpointsResult]);
   const headerOutcomeItemsOverride = combinedMoneylineHeaderOutcomeItems != null ? combinedMoneylineHeaderOutcomeItems : spreadHeaderOutcomeItems;
   const headerOutcomeVariant = isCombinedMoneylineGroup ? "outcome" : resolveSportsMarketCardVariant(activeMarket);
   const handleLineSelect = (index) => {
-    var _a2, _b2;
-    const previousMarket = activeMarket;
+    var _a2, _b2, _c2;
+    const targetMarket = (_a2 = slide.stops[index]) == null ? void 0 : _a2.market;
+    if (!targetMarket) return;
+    const selectedMarket = (_c2 = (_b2 = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _b2 : venueMarkets.find((market) => market.id === (tradingContext == null ? void 0 : tradingContext.selectedMarketId))) != null ? _c2 : null;
+    const selectedMarketIsInGroup = selectedMarket != null && group.markets.some((market) => market.id === selectedMarket.id);
+    const selectedSide = selectedMarket ? resolveSelectedOutcomeSide({
+      displayedOutcomes: resolveDisplayedOutcomes({
+        market: selectedMarket,
+        venueMarkets,
+        groupMarkets: group.markets,
+        useSpreadOverride: slide.kind === "spread" && selectedMarketIsInGroup
+      }),
+      selectedOutcomeId: tradingContext == null ? void 0 : tradingContext.selectedOutcomeId
+    }) : null;
+    const targetDisplayedOutcomes = resolveDisplayedOutcomes({
+      market: targetMarket,
+      venueMarkets,
+      groupMarkets: group.markets,
+      useSpreadOverride: slide.kind === "spread"
+    });
+    const nextOutcome = resolveOutcomeBySide(targetDisplayedOutcomes, selectedSide != null ? selectedSide : "left");
     setSelectedLineIndex(index);
-    const market = (_a2 = slide.stops[index]) == null ? void 0 : _a2.market;
-    if (!market) return;
-    const previousOutcomeIndex = previousMarket ? previousMarket.venueMarketOutcomes.findIndex(
-      (outcome) => outcome.id === (tradingContext == null ? void 0 : tradingContext.selectedOutcomeId)
-    ) : -1;
-    const previousOutcome = previousOutcomeIndex >= 0 ? previousMarket == null ? void 0 : previousMarket.venueMarketOutcomes[previousOutcomeIndex] : void 0;
-    const previousOutcomeSide = previousOutcome ? resolveSportsLineOutcomeSide(previousOutcome) : null;
-    const matchingSideOutcomes = previousOutcomeSide ? market.venueMarketOutcomes.filter(
-      (outcome) => resolveSportsLineOutcomeSide(outcome) === previousOutcomeSide
-    ) : [];
-    const matchingSideOutcome = matchingSideOutcomes.length === 1 ? matchingSideOutcomes[0] : void 0;
-    const nextOutcome = (_b2 = matchingSideOutcome != null ? matchingSideOutcome : previousOutcomeIndex >= 0 ? market.venueMarketOutcomes[previousOutcomeIndex] : void 0) != null ? _b2 : market.venueMarketOutcomes[0];
     if (nextOutcome) {
-      tradingContext == null ? void 0 : tradingContext.selectMarketAndOutcome(market.id, nextOutcome.id);
+      tradingContext == null ? void 0 : tradingContext.selectMarketAndOutcome(targetMarket.id, nextOutcome.id);
       onOutcomeSelect == null ? void 0 : onOutcomeSelect(group.id, {
-        marketId: market.id,
+        marketId: targetMarket.id,
         outcomeId: nextOutcome.id
       });
     } else {
-      tradingContext == null ? void 0 : tradingContext.selectMarket(market.id, market);
+      tradingContext == null ? void 0 : tradingContext.selectMarket(targetMarket.id, targetMarket);
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
@@ -24791,7 +25129,7 @@ var SportsMarketCard = ({
           stops: slide.stops.map((stop) => ({
             value: stop.value,
             venues: stop.venues,
-            disabled: stop.market.status !== import_hooks64.MarketStatus.open
+            disabled: stop.market.status !== import_hooks65.MarketStatus.open
           })),
           selectedIndex: selectedLineIndex,
           onSelect: handleLineSelect,
@@ -24878,7 +25216,7 @@ var SportsTabButton = ({
   );
 };
 var SportsMarketsLoadingState = () => {
-  const labels = (0, import_hooks65.useLabels)();
+  const labels = (0, import_hooks66.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(
     "div",
     {
@@ -24916,13 +25254,13 @@ var SportsMarkets = ({
   midpointsResult
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks65.useLabels)();
-  const tradingContext = (0, import_hooks65.useEventTradingContext)();
+  const labels = (0, import_hooks66.useLabels)();
+  const tradingContext = (0, import_hooks66.useEventTradingContext)();
   const hasAggKey = Boolean(event.aggKey);
-  const gameMarketsQuery = (0, import_hooks65.useVenueMarkets)({
+  const gameMarketsQuery = (0, import_hooks66.useVenueMarkets)({
     aggKey: event.aggKey ? [event.aggKey] : void 0,
     limit: 100,
-    status: import_hooks65.MarketStatus.open,
+    status: import_hooks66.MarketStatus.open,
     enabled: hasAggKey
   });
   const {
@@ -24958,7 +25296,7 @@ var SportsMarkets = ({
   const [stableMarketsByTab, setStableMarketsByTab] = (0, import_react41.useState)({});
   const activeTabLabel = resolveSportsSectionLabel(labels, activeTab);
   const sectionFilters = resolveSportsSectionFilters(activeTab);
-  const sectionMarketsQuery = (0, import_hooks65.useVenueMarkets)({
+  const sectionMarketsQuery = (0, import_hooks66.useVenueMarkets)({
     aggKey: event.aggKey ? [event.aggKey] : void 0,
     sportsMarketType: sectionFilters.sportsMarketType,
     period: sectionFilters.period,
@@ -24968,7 +25306,7 @@ var SportsMarkets = ({
     // heavy tab (e.g. "Other" spans other/team_props/player_props/specials/
     // completion — hundreds of markets on prop-rich events) from ~15 calls to 1-3.
     limit: 100,
-    status: import_hooks65.MarketStatus.open,
+    status: import_hooks66.MarketStatus.open,
     enabled: hasAggKey
   });
   const {
@@ -25054,7 +25392,7 @@ var SportsMarkets = ({
       return;
     }
     setExpandedGroupId(groupId);
-    if ((0, import_hooks65.resolveMarketTradingState)(market).isTradingDisabled) return;
+    if ((0, import_hooks66.resolveMarketTradingState)(market).isTradingDisabled) return;
     if (market.id !== (tradingContext == null ? void 0 : tradingContext.selectedMarketId)) {
       tradingContext == null ? void 0 : tradingContext.selectMarket(market.id, market);
     }
@@ -25158,7 +25496,7 @@ var SportsEventMarketPage = ({
       sectionMarketsByKey
     });
   }, [event, sectionMarketsByKey]);
-  const eventTradingState = (0, import_react42.useMemo)(() => (0, import_hooks66.resolveEventTradingState)(composedEvent), [composedEvent]);
+  const eventTradingState = (0, import_react42.useMemo)(() => (0, import_hooks67.resolveEventTradingState)(composedEvent), [composedEvent]);
   const hasSportsSections = (0, import_react42.useMemo)(
     () => resolveVisibleSportsSectionTabs(event).length > 0,
     [event]
@@ -25168,12 +25506,12 @@ var SportsEventMarketPage = ({
   });
   const {
     trading: { executionMode: configuredExecutionMode }
-  } = (0, import_hooks66.useSdkUiConfig)();
+  } = (0, import_hooks67.useSdkUiConfig)();
   const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
   const [isMobileTradeOpen, setIsMobileTradeOpen] = (0, import_react42.useState)(false);
   const isMobileViewport = useIsMobileEventMarketViewport(SPORTS_EVENT_MARKET_MEDIA_QUERY);
-  const tradingContext = (0, import_hooks66.useEventTradingContext)();
-  const midpointsResult = (0, import_hooks66.useMidpoints)(composedEvent.venueMarkets);
+  const tradingContext = (0, import_hooks67.useEventTradingContext)();
+  const midpointsResult = (0, import_hooks67.useMidpoints)(composedEvent.venueMarkets);
   const internalResolvedClaim = useResolvedMarketClaim({
     market: eventTradingState.primaryMarket,
     enabled: eventTradingState.kind === "resolved",
@@ -25185,7 +25523,7 @@ var SportsEventMarketPage = ({
   (0, import_react42.useEffect)(() => {
     return () => {
       var _a;
-      (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, import_hooks66.TradeSide.Buy);
+      (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, import_hooks67.TradeSide.Buy);
     };
   }, []);
   const handleSectionMarketsChange = (0, import_react42.useCallback)(
@@ -25357,22 +25695,22 @@ var EventMarketPageContent = ({
   resolvedClaim,
   onBeforePrimaryAction
 }) => {
-  const eventTradingState = (0, import_react43.useMemo)(() => (0, import_hooks67.resolveEventTradingState)(event), [event]);
+  const eventTradingState = (0, import_react43.useMemo)(() => (0, import_hooks68.resolveEventTradingState)(event), [event]);
   const stickyOrderPanelState = resolveEventMarketPageStickyState({
     stickyOrderPanel
   });
   const {
     trading: { executionMode: configuredExecutionMode }
-  } = (0, import_hooks67.useSdkUiConfig)();
+  } = (0, import_hooks68.useSdkUiConfig)();
   const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
   const [isMobileTradeOpen, setIsMobileTradeOpen] = (0, import_react43.useState)(false);
   const isMobileViewport = useIsMobileEventMarketViewport();
-  const tradingContext = (0, import_hooks67.useEventTradingContext)();
+  const tradingContext = (0, import_hooks68.useEventTradingContext)();
   const eventDetailVenueMarkets = (0, import_react43.useMemo)(
     () => normalizeVenueMarketCluster(event.venueMarkets),
     [event.venueMarkets]
   );
-  const midpointsResult = (0, import_hooks67.useMidpoints)(eventDetailVenueMarkets);
+  const midpointsResult = (0, import_hooks68.useMidpoints)(eventDetailVenueMarkets);
   const internalResolvedClaim = useResolvedMarketClaim({
     market: eventTradingState.primaryMarket,
     enabled: eventTradingState.kind === "resolved",
@@ -25384,7 +25722,7 @@ var EventMarketPageContent = ({
   (0, import_react43.useEffect)(() => {
     return () => {
       var _a;
-      (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, import_hooks67.TradeSide.Buy);
+      (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, import_hooks68.TradeSide.Buy);
     };
   }, []);
   if (!event.venueMarkets.length) {
@@ -25518,14 +25856,14 @@ var EventMarketPage = (props) => {
   var _a;
   const {
     features: { showSportsMarkets }
-  } = (0, import_hooks67.useSdkUiConfig)();
+  } = (0, import_hooks68.useSdkUiConfig)();
   const hasEventProp = "event" in props && !!props.event;
   const {
     event: fetchedEvent,
     error: eventError,
     isLoading: isFetchingEvent,
     isEnriching
-  } = (0, import_hooks67.useEnrichedVenueEvent)({
+  } = (0, import_hooks68.useEnrichedVenueEvent)({
     eventId: hasEventProp ? "" : (_a = props.eventId) != null ? _a : "",
     enabled: !props.isLoading && !hasEventProp && !!props.eventId
   });
@@ -25712,14 +26050,14 @@ var HomeSearchResults = ({
   onEventClick,
   onMarketClick
 }) => {
-  const labels = (0, import_hooks68.useLabels)();
-  const { search: searchConfig } = (0, import_hooks68.useSdkUiConfig)();
-  const { disabledVenues } = (0, import_hooks68.useAppConfig)();
+  const labels = (0, import_hooks69.useLabels)();
+  const { search: searchConfig } = (0, import_hooks69.useSdkUiConfig)();
+  const { disabledVenues } = (0, import_hooks69.useAppConfig)();
   const [activeVenueTabValue, setActiveVenueTabValue] = (0, import_react46.useState)("all");
   const eventListTabs = useEventListTabs();
   const { headerRef, titleRef, shouldUseSelectOverflow } = useEventListTabsHeaderOverflow(eventListTabs);
   const visibleVenues = (0, import_react46.useMemo)(
-    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks68.getVisibleVenueIdsByConfig)(import_sdk23.VENUES, disabledVenues),
+    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks69.getVisibleVenueIdsByConfig)(import_sdk23.VENUES, disabledVenues),
     [disabledVenues]
   );
   const activeVenueTab = (0, import_react46.useMemo)(() => {
@@ -25737,7 +26075,7 @@ var HomeSearchResults = ({
     hasNextPage,
     isFetchingNextPage,
     isPlaceholderData
-  } = (0, import_hooks68.useSearch)({
+  } = (0, import_hooks69.useSearch)({
     q: query,
     type: "events",
     categoryIds: activeTabValue === ALL_CATEGORIES_TAB_VALUE ? void 0 : activeCategoryTab == null ? void 0 : activeCategoryTab.categoryIds,
@@ -25765,7 +26103,7 @@ var HomeSearchResults = ({
   const visibleMidpointVenueMarketIds = (0, import_react46.useMemo)(() => {
     return collectVisibleVenueMarketIds(visibleVenueMarkets);
   }, [visibleVenueMarkets]);
-  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks68.useVenueMarketMidpoints)({
+  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks69.useVenueMarketMidpoints)({
     venueMarketIds: visibleMidpointVenueMarketIds,
     enabled: visibleMidpointVenueMarketIds.length > 0
   });
@@ -25914,7 +26252,7 @@ var HomePage = ({
   stickyOrderPanel
 }) => {
   var _a, _b, _c, _d;
-  const labels = (0, import_hooks68.useLabels)();
+  const labels = (0, import_hooks69.useLabels)();
   const {
     search: {
       value: searchValue,
@@ -25924,8 +26262,8 @@ var HomePage = ({
       onSelect: onSelectEventInternal
     },
     trading: { executionMode }
-  } = (0, import_hooks68.useSdkUiConfig)();
-  const { capture, consume } = (0, import_hooks68.useEventListState)();
+  } = (0, import_hooks69.useSdkUiConfig)();
+  const { capture, consume } = (0, import_hooks69.useEventListState)();
   const [snapshot] = (0, import_react46.useState)(() => consume());
   const eventListStateRef = (0, import_react46.useRef)(null);
   const handleSelectEvent = (0, import_react46.useCallback)(
@@ -25995,7 +26333,7 @@ var HomePage = ({
   }, [isShowingAllResults, normalizedSearchValue, selectedEvent]);
   const resolvedSelectedEvent = selectedEvent != null ? selectedEvent : stickySelectedEvent;
   const resolvedAllCategoryTabLabel = allCategoryTabLabel === DEFAULT_ALL_CATEGORY_TAB_LABEL ? labels.home.trending : allCategoryTabLabel;
-  const { categories } = (0, import_hooks68.useCategories)({
+  const { categories } = (0, import_hooks69.useCategories)({
     limit: categoriesLimit,
     enabled: !hasCustomTabs
   });
@@ -26205,7 +26543,7 @@ var HomePage = ({
 HomePage.displayName = "HomePage";
 
 // src/pages/user-profile/index.tsx
-var import_hooks75 = require("@agg-build/hooks");
+var import_hooks76 = require("@agg-build/hooks");
 var import_sdk25 = require("@agg-build/sdk");
 var import_dayjs9 = __toESM(require("dayjs"));
 var import_react48 = require("react");
@@ -26231,7 +26569,7 @@ var formatChainIdLabel = (chainId) => {
 };
 
 // src/pages/user-profile/components/available-balance-card.tsx
-var import_hooks69 = require("@agg-build/hooks");
+var import_hooks70 = require("@agg-build/hooks");
 var import_jsx_runtime166 = require("react/jsx-runtime");
 var BASE_URL = "https://assets.snagsolutions.io";
 var CHAIN_ID_TO_ICON_URL = {
@@ -26287,7 +26625,7 @@ var AvailableBalanceCard = ({
   isLoading = false,
   className
 }) => {
-  const labels = (0, import_hooks69.useLabels)();
+  const labels = (0, import_hooks70.useLabels)();
   const balanceLabels = labels.userProfile.balance;
   const resolvedLabel = label2 != null ? label2 : balanceLabels.availableBalance;
   const hasPaperBalance = chains.some(isPaperChain);
@@ -26447,7 +26785,7 @@ var AvailableBalanceCard = ({
 AvailableBalanceCard.displayName = "AvailableBalanceCard";
 
 // src/pages/user-profile/components/claim-activity-breakdown-modal.tsx
-var import_hooks70 = require("@agg-build/hooks");
+var import_hooks71 = require("@agg-build/hooks");
 var import_sdk24 = require("@agg-build/sdk");
 var import_jsx_runtime167 = require("react/jsx-runtime");
 var CLAIM_VENUE_LABELS = {
@@ -26466,7 +26804,7 @@ var ClaimActivityBreakdownModal = ({
   onTransactionSelect
 }) => {
   var _a;
-  const labels = (0, import_hooks70.useLabels)();
+  const labels = (0, import_hooks71.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
     Modal,
     {
@@ -26575,7 +26913,7 @@ var ClaimActivityBreakdownModal = ({
 };
 
 // src/pages/user-profile/components/positions-activity.tsx
-var import_hooks73 = require("@agg-build/hooks");
+var import_hooks74 = require("@agg-build/hooks");
 var import_react47 = require("react");
 
 // src/pages/user-profile/user-profile.constants.ts
@@ -26625,17 +26963,19 @@ var parsePercentLabel = (label2) => {
   const parsed = Number(match[1].replace(/,/g, ""));
   return Number.isFinite(parsed) ? parsed : null;
 };
-var formatCurrency = (value) => {
+var formatCurrency = (value, formatCurrencyOverride) => {
   if (!isFiniteNumber(value)) return missingLabel;
+  if (formatCurrencyOverride) return formatCurrencyOverride(value);
   return usdFormatter.format(value);
 };
-var formatSignedCurrency = (value) => {
+var formatSignedCurrency = (value, formatCurrencyOverride) => {
   if (!isFiniteNumber(value)) return missingLabel;
-  if (value === 0) return usdFormatter.format(0);
-  return `${value > 0 ? "+" : "-"}${usdFormatter.format(Math.abs(value))}`;
+  if (value === 0) return formatCurrency(0, formatCurrencyOverride);
+  return `${value > 0 ? "+" : "-"}${formatCurrency(Math.abs(value), formatCurrencyOverride)}`;
 };
-var formatPriceCents2 = (value) => {
+var formatPriceCents2 = (value, formatPrice) => {
   if (!isFiniteNumber(value)) return missingLabel;
+  if (formatPrice) return formatPrice(value);
   return `${Math.round(value * 100)}\xA2`;
 };
 var formatSignedPercent = (value) => {
@@ -26730,7 +27070,8 @@ var getPositionTone = (value) => {
   if (!isFiniteNumber(value) || value === 0) return "neutral";
   return value > 0 ? "positive" : "negative";
 };
-var toPositionRowViewModel = (position, labels = defaultLabels2) => {
+var toPositionRowViewModel = (position, labels = defaultLabels2, formatters = {}) => {
+  const { formatCurrency: currency, formatPrice: price } = formatters;
   const positionStatus = resolvePositionStatus(position);
   const currentValue = getCurrentValue(position);
   const currentPnl = getPnlValue(position, currentValue);
@@ -26748,20 +27089,20 @@ var toPositionRowViewModel = (position, labels = defaultLabels2) => {
     resolutionLabel: position.resolutionLabel || position.outcomeLabel || missingLabel,
     venueShareBreakdown: position.venueShareBreakdown,
     totalTraded: {
-      primaryLabel: formatCurrency(getTotalTradedValue(position)),
-      averageLabel: `${labels.avgPrefix} ${formatPriceCents2(getAveragePrice(position))}`
+      primaryLabel: formatCurrency(getTotalTradedValue(position), currency),
+      averageLabel: `${labels.avgPrefix} ${formatPriceCents2(getAveragePrice(position), price)}`
     },
     currentValue: {
-      primaryLabel: formatCurrency(currentValue),
-      deltaLabel: formatSignedCurrency(currentPnl),
-      priceLabel: `${labels.nowPrefix} ${formatPriceCents2(getCurrentPrice(position))}`,
+      primaryLabel: formatCurrency(currentValue, currency),
+      deltaLabel: formatSignedCurrency(currentPnl, currency),
+      priceLabel: `${labels.nowPrefix} ${formatPriceCents2(getCurrentPrice(position), price)}`,
       percentLabel: formatSignedPercent(currentPercent),
       tone: getPositionTone(currentPnl)
     },
     payout: {
-      primaryLabel: formatCurrency(finalPayout),
-      deltaLabel: formatSignedCurrency(payoutPnl),
-      priceLabel: `${labels.finalPrefix} ${formatPriceCents2(getFinalPrice(position))}`,
+      primaryLabel: formatCurrency(finalPayout, currency),
+      deltaLabel: formatSignedCurrency(payoutPnl, currency),
+      priceLabel: `${labels.finalPrefix} ${formatPriceCents2(getFinalPrice(position), price)}`,
       percentLabel: formatSignedPercent(payoutPercent),
       tone: getPositionTone(payoutPnl)
     },
@@ -27363,11 +27704,24 @@ var EmptyState = ({ title: title2, description, className }) => {
 EmptyState.displayName = "EmptyState";
 
 // src/pages/user-profile/components/open-order-row.tsx
-var import_hooks71 = require("@agg-build/hooks");
+var import_hooks72 = require("@agg-build/hooks");
 var import_jsx_runtime170 = require("react/jsx-runtime");
 var shouldUseNativeLinkNavigation2 = (event) => {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
 };
+var CANCELLABLE_LIMIT_ORDER_STATUSES = /* @__PURE__ */ new Set([
+  "submitted",
+  "open",
+  "partially_filled_open",
+  "cancel_pending"
+]);
+var canCancelOpenOrder = (order) => {
+  const status = order.status.trim().toLowerCase();
+  if (status === "pending" && !order.dagRunId) return true;
+  const isLimitOrder = order.orderType === "limit" || order.limitPriceLabel != null;
+  if (!isLimitOrder) return false;
+  return CANCELLABLE_LIMIT_ORDER_STATUSES.has(status);
+};
 var OpenOrderRow = ({
   order,
   href,
@@ -27382,7 +27736,7 @@ var OpenOrderRow = ({
   expirationHeader
 }) => {
   var _a, _b, _c, _d;
-  const labels = (0, import_hooks71.useLabels)().userProfile.openOrders;
+  const labels = (0, import_hooks72.useLabels)().userProfile.openOrders;
   const resolvedCancelLabel = cancelLabel != null ? cancelLabel : labels.cancel;
   const resolvedCancelAriaLabel = cancelAriaLabel != null ? cancelAriaLabel : labels.cancelOrderAria(order.id);
   const resolvedLimitPriceHeader = limitPriceHeader != null ? limitPriceHeader : labels.limitPriceHeader;
@@ -27403,9 +27757,7 @@ var OpenOrderRow = ({
     event.stopPropagation();
     onCancel == null ? void 0 : onCancel(order);
   };
-  const status = order.status.toLowerCase();
-  const isLimitOrder = order.orderType === "limit";
-  const canCancel = status === "open" || status === "partially_filled_open" || status === "cancel_pending" || status === "submitted" && isLimitOrder || status === "pending" && !order.dagRunId;
+  const canCancel = canCancelOpenOrder(order);
   const Wrapper = href ? "a" : "div";
   const wrapperProps = href ? {
     href,
@@ -27437,7 +27789,7 @@ var OpenOrderRow = ({
           /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", { className: "agg-open-order-image flex h-10 w-10 shrink-0 items-center justify-center lg:h-15 lg:w-15", children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
             RemoteImage,
             {
-              src: (0, import_hooks71.optimizedImageUrl)(order.thumbnailSrc, 60),
+              src: (0, import_hooks72.optimizedImageUrl)(order.thumbnailSrc, 60),
               alt: "",
               className: "h-full w-full rounded-agg-sm object-cover"
             }
@@ -27492,7 +27844,7 @@ var OpenOrderRow = ({
 OpenOrderRow.displayName = "OpenOrderRow";
 
 // src/pages/user-profile/components/position-row.tsx
-var import_hooks72 = require("@agg-build/hooks");
+var import_hooks73 = require("@agg-build/hooks");
 var import_jsx_runtime171 = require("react/jsx-runtime");
 var shouldUseNativeLinkNavigation3 = (event) => {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
@@ -27630,12 +27982,17 @@ var PositionRow = ({
   onClaim,
   isClaiming = false
 }) => {
-  const labels = (0, import_hooks72.useLabels)().userProfile.positions;
-  const model = toPositionRowViewModel(position, {
-    avgPrefix: labels.avgPrefix,
-    nowPrefix: labels.nowPrefix,
-    finalPrefix: labels.finalPrefix
-  });
+  const labels = (0, import_hooks73.useLabels)().userProfile.positions;
+  const { formatCurrency: formatCurrency2, formatPrice } = (0, import_hooks73.useAggUiConfig)().formatting;
+  const model = toPositionRowViewModel(
+    position,
+    {
+      avgPrefix: labels.avgPrefix,
+      nowPrefix: labels.nowPrefix,
+      finalPrefix: labels.finalPrefix
+    },
+    { formatCurrency: formatCurrency2, formatPrice }
+  );
   const isClosed = (variant != null ? variant : model.bucket) === "closed";
   const handleClaim = (event) => {
     event.preventDefault();
@@ -27684,7 +28041,7 @@ var PositionRow = ({
             /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", { className: "agg-position-image flex h-10 w-10 shrink-0 items-center justify-center md:h-15 md:w-15", children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
               RemoteImage,
               {
-                src: (0, import_hooks72.optimizedImageUrl)(model.thumbnailSrc, 60),
+                src: (0, import_hooks73.optimizedImageUrl)(model.thumbnailSrc, 60),
                 alt: "",
                 className: "h-full w-full rounded-agg-sm object-cover"
               }
@@ -27853,9 +28210,10 @@ var PositionsActivity = ({
   initialPositionFilter = "active",
   className
 }) => {
-  const userProfileLabels = (0, import_hooks73.useLabels)().userProfile;
+  const userProfileLabels = (0, import_hooks74.useLabels)().userProfile;
   const positionsLabels = userProfileLabels.positions;
   const openOrdersLabels = userProfileLabels.openOrders;
+  const { formatCurrency: formatCurrency2, formatPrice } = (0, import_hooks74.useAggUiConfig)().formatting;
   const tabItems = (0, import_react47.useMemo)(
     () => getTabItems(userProfileLabels.tabs, showOpenOrders),
     [showOpenOrders, userProfileLabels.tabs]
@@ -27934,14 +28292,25 @@ var PositionsActivity = ({
       title: position.title,
       thumbnailSrc: position.thumbnailSrc,
       metaPrimary: position.outcomeLabel,
-      metaSecondary: toPositionRowViewModel(position, {
-        avgPrefix: positionsLabels.avgPrefix,
-        nowPrefix: positionsLabels.nowPrefix,
-        finalPrefix: positionsLabels.finalPrefix
-      }).currentValue.primaryLabel,
+      metaSecondary: toPositionRowViewModel(
+        position,
+        {
+          avgPrefix: positionsLabels.avgPrefix,
+          nowPrefix: positionsLabels.nowPrefix,
+          finalPrefix: positionsLabels.finalPrefix
+        },
+        { formatCurrency: formatCurrency2, formatPrice }
+      ).currentValue.primaryLabel,
       raw: position
     }));
-  }, [filteredPositions, isPositionsTab, positionsLabels, searchValue]);
+  }, [
+    filteredPositions,
+    formatCurrency2,
+    formatPrice,
+    isPositionsTab,
+    positionsLabels,
+    searchValue
+  ]);
   const handleSearchChange = (event) => {
     setSearchValue(event.target.value);
   };
@@ -28112,7 +28481,7 @@ var PositionsActivity = ({
                                 /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
                                   "img",
                                   {
-                                    src: (0, import_hooks73.optimizedImageUrl)(item.thumbnailSrc, 48),
+                                    src: (0, import_hooks74.optimizedImageUrl)(item.thumbnailSrc, 48),
                                     alt: "",
                                     className: "size-12 shrink-0 rounded-agg-lg object-cover"
                                   }
@@ -28433,7 +28802,7 @@ var buildAggTxExplorerHref = (chainId, txHash) => {
 };
 
 // src/pages/user-profile/components/user-info-card.tsx
-var import_hooks74 = require("@agg-build/hooks");
+var import_hooks75 = require("@agg-build/hooks");
 
 // src/primitives/conditional-wrapper.tsx
 var ConditionalWrapper = ({
@@ -28500,7 +28869,7 @@ var UserInfoCard = ({
   className
 }) => {
   var _a;
-  const labels = (0, import_hooks74.useLabels)();
+  const labels = (0, import_hooks75.useLabels)();
   const wallets = (_a = user.connectedWallets) != null ? _a : [];
   const hasWallets = wallets.length > 0;
   return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
@@ -28516,7 +28885,7 @@ var UserInfoCard = ({
           /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("div", { className: "agg-profile-avatar shrink-0", children: user.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
             RemoteImage,
             {
-              src: (0, import_hooks74.optimizedImageUrl)(user.avatarUrl, 120),
+              src: (0, import_hooks75.optimizedImageUrl)(user.avatarUrl, 120),
               alt: user.username,
               className: "h-20 w-20 rounded-full object-cover sm:h-[120px] sm:w-[120px]"
             }
@@ -29136,16 +29505,16 @@ var UserProfilePage = ({
   (0, import_react48.useEffect)(() => {
     setIsHydrated(true);
   }, []);
-  const { user: currentUser, isAuthenticated } = (0, import_hooks75.useAggAuthState)();
-  const { isDepositBlocked } = (0, import_hooks75.useGeoBlock)();
-  const balanceState = (0, import_hooks75.useAggBalance)();
-  const labels = (0, import_hooks75.useLabels)();
+  const { user: currentUser, isAuthenticated } = (0, import_hooks76.useAggAuthState)();
+  const { isDepositBlocked } = (0, import_hooks76.useGeoBlock)();
+  const balanceState = (0, import_hooks76.useAggBalance)();
+  const labels = (0, import_hooks76.useLabels)();
   const {
     features: { showLimitOrders },
     trading: { executionMode: configuredExecutionMode }
-  } = (0, import_hooks75.useSdkUiConfig)();
-  const client = (0, import_hooks75.useAggClient)();
-  const cancelOrderMutation = (0, import_hooks75.useCancelManagedOrder)();
+  } = (0, import_hooks76.useSdkUiConfig)();
+  const client = (0, import_hooks76.useAggClient)();
+  const cancelOrderMutation = (0, import_hooks76.useCancelManagedOrder)();
   const toastContext = useOptionalToast();
   const [internalCancellingIds, setInternalCancellingIds] = (0, import_react48.useState)({});
   const { claim: startClaim, claimingKeys } = useClaimWinnings({
@@ -29166,13 +29535,13 @@ var UserProfilePage = ({
   const [selectedClaimActivity, setSelectedClaimActivity] = (0, import_react48.useState)(null);
   const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
   const queryExecutionMode = resolvedExecutionMode === "paper" ? "paper" : void 0;
-  const activePositionsQuery = (0, import_hooks75.useExecutionPositions)({
+  const activePositionsQuery = (0, import_hooks76.useExecutionPositions)({
     enabled: shouldUseHookData && isAuthenticated,
     status: "active",
     limit: 25,
     mode: queryExecutionMode
   });
-  const closedPositionsQuery = (0, import_hooks75.useExecutionPositions)({
+  const closedPositionsQuery = (0, import_hooks76.useExecutionPositions)({
     enabled: shouldUseHookData && isAuthenticated,
     status: "closed",
     limit: 25,
@@ -29188,55 +29557,55 @@ var UserProfilePage = ({
   (0, import_react48.useEffect)(() => {
     setPositionFilter(initialPositionFilter);
   }, [initialPositionFilter]);
-  const ordersQuery = (0, import_hooks75.useExecutionOrders)({
+  const ordersQuery = (0, import_hooks76.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated,
     limit: 25,
     mode: queryExecutionMode,
     refetchIntervalMs: 5e3
   });
-  const pendingOpenOrdersQuery = (0, import_hooks75.useExecutionOrders)({
+  const pendingOpenOrdersQuery = (0, import_hooks76.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[0],
     limit: 25,
     mode: queryExecutionMode
   });
-  const signingOpenOrdersQuery = (0, import_hooks75.useExecutionOrders)({
+  const signingOpenOrdersQuery = (0, import_hooks76.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[1],
     limit: 25,
     mode: queryExecutionMode
   });
-  const pendingBridgeOpenOrdersQuery = (0, import_hooks75.useExecutionOrders)({
+  const pendingBridgeOpenOrdersQuery = (0, import_hooks76.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[2],
     limit: 25,
     mode: queryExecutionMode
   });
-  const submittingOpenOrdersQuery = (0, import_hooks75.useExecutionOrders)({
+  const submittingOpenOrdersQuery = (0, import_hooks76.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[3],
     limit: 25,
     mode: queryExecutionMode
   });
-  const submittedOpenOrdersQuery = (0, import_hooks75.useExecutionOrders)({
+  const submittedOpenOrdersQuery = (0, import_hooks76.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[4],
     limit: 25,
     mode: queryExecutionMode
   });
-  const openOpenOrdersQuery = (0, import_hooks75.useExecutionOrders)({
+  const openOpenOrdersQuery = (0, import_hooks76.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[5],
     limit: 25,
     mode: queryExecutionMode
   });
-  const partiallyFilledOpenOrdersQuery = (0, import_hooks75.useExecutionOrders)({
+  const partiallyFilledOpenOrdersQuery = (0, import_hooks76.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[6],
     limit: 25,
     mode: queryExecutionMode
   });
-  const cancelPendingOpenOrdersQuery = (0, import_hooks75.useExecutionOrders)({
+  const cancelPendingOpenOrdersQuery = (0, import_hooks76.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[7],
     limit: 25,
@@ -29264,7 +29633,7 @@ var UserProfilePage = ({
       submittingOpenOrdersQuery
     ]
   );
-  const activityQuery = (0, import_hooks75.useUserActivity)({
+  const activityQuery = (0, import_hooks76.useUserActivity)({
     enabled: shouldUseHookData && isAuthenticated,
     limit: 25
   });
@@ -29351,7 +29720,7 @@ var UserProfilePage = ({
     var _a2, _b2, _c, _d, _e, _f;
     if (user) return user;
     const fullUser = profileUser != null ? profileUser : currentUser;
-    const walletAddress = (0, import_hooks75.getWalletAddressFromUserProfile)(fullUser);
+    const walletAddress = (0, import_hooks76.getWalletAddressFromUserProfile)(fullUser);
     const fallbackUsername = walletAddress && shortenAddress(walletAddress) || "username";
     const twitterAccount = (_a2 = fullUser == null ? void 0 : fullUser.accounts) == null ? void 0 : _a2.find(
       (account) => String(account.provider).toLowerCase() === "twitter"
@@ -29406,8 +29775,8 @@ var UserProfilePage = ({
     const reserved = (_a2 = balanceState.reservedBalance) != null ? _a2 : 0;
     return reserved > 0 ? formatUsd2(reserved) : void 0;
   }, [balanceState.reservedBalance]);
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks75.useAppConfig)();
-  const isKalshiAvailable = (0, import_hooks75.getVenueAvailabilityState)({
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks76.useAppConfig)();
+  const isKalshiAvailable = (0, import_hooks76.getVenueAvailabilityState)({
     venueId: import_sdk25.Venue.kalshi,
     disabledVenues,
     isConfigLoading: isAppConfigLoading
@@ -29633,7 +30002,7 @@ var UserProfilePage = ({
     (groups) => {
       return groups.flatMap((group) => {
         var _a2, _b2, _c, _d;
-        const closedTotals = (0, import_hooks75.computeClosedPositionTotals)(group);
+        const closedTotals = (0, import_hooks76.computeClosedPositionTotals)(group);
         const winningOutcome = group.venueMarket.venueMarketOutcomes.find(
           (outcome) => outcome.winner === true
         );