@agg-build/ui 2.7.3 → 2.8.0

package/dist/index.js

@@ -8776,7 +8776,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_hooks32.useLabels)();
@@ -8787,17 +8791,30 @@ var Select = ({
   const isDisabled = resolveIsSelectDisabled({ disabled, items });
   const selectedItem = resolveSelectedItem(items, value);
   const [isOpen, setIsOpen] = (0, import_react11.useState)(false);
-  const [menuRect, setMenuRect] = (0, import_react11.useState)(
-    null
-  );
+  const [menuRect, setMenuRect] = (0, import_react11.useState)(null);
   const containerRef = (0, import_react11.useRef)(null);
   const portalRef = (0, import_react11.useRef)(null);
-  const handleClose = (0, import_react11.useCallback)(() => setIsOpen(false), []);
+  const closeTimerRef = (0, import_react11.useRef)(null);
+  const openedByHoverRef = (0, import_react11.useRef)(false);
+  const handleClose = (0, import_react11.useCallback)(() => {
+    setIsOpen(false);
+    openedByHoverRef.current = false;
+  }, []);
   const updateMenuRect = (0, import_react11.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_react11.useEffect)(() => {
+    return () => {
+      if (closeTimerRef.current) clearTimeout(closeTimerRef.current);
+    };
   }, []);
   (0, import_react11.useLayoutEffect)(() => {
     if (!isOpen) {
@@ -8835,7 +8852,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_runtime129.jsx)(
     "div",
     {
@@ -8846,16 +8889,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;
@@ -8869,9 +8916,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
             ),
@@ -8883,6 +8931,13 @@ var Select = ({
               handleClose();
             },
             children: [
+              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime129.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_runtime129.jsx)(
                 "span",
                 {
@@ -8912,7 +8967,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_runtime129.jsxs)(
           "button",
@@ -8924,19 +8983,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_runtime129.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_runtime129.jsx)(
                 RemoteImage,
@@ -8950,14 +9009,23 @@ var Select = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime129.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_runtime129.jsx)(
-          Icon,
+        /* @__PURE__ */ (0, import_jsx_runtime129.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_runtime129.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
       ]
     }
@@ -12698,8 +12766,9 @@ var isOrderBookRow = (v) => (0, import_sdk13.hasShape)(v, {
   total: (t) => typeof t === "number" && t >= 0,
   tone: (x) => x === "positive" || x === "negative"
 });
-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`;
 };
@@ -15000,7 +15069,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_hooks48.useSdkUiConfig)();
   const isDarkTheme = theme === "dark";
@@ -15275,8 +15344,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)}`
                     };
                   })
                 }
@@ -15698,7 +15767,7 @@ var EventListItemDetails = (props) => {
 EventListItemDetails.displayName = "EventListItemDetails";
 
 // src/events/market-details/index.tsx
-var import_hooks51 = require("@agg-build/hooks");
+var import_hooks52 = require("@agg-build/hooks");
 var import_react28 = require("react");
 
 // src/events/orderbook/index.tsx
@@ -15946,6 +16015,7 @@ var OrderbookRow = ({
   entry,
   formatNumber,
   formatCurrency: formatCurrency2,
+  formatPrice,
   enableAnimations,
   showBadge,
   badgeLabel
@@ -16014,7 +16084,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_runtime148.jsx)(OrderbookVenueLogos, { venues })
@@ -16036,7 +16106,10 @@ var Orderbook = ({
   className
 }) => {
   var _a, _b, _c, _d, _e;
-  const { enableWebsocketsLogs } = (0, import_hooks49.useAggUiConfig)();
+  const {
+    enableWebsocketsLogs,
+    formatting: { formatPrice }
+  } = (0, import_hooks49.useAggUiConfig)();
   const labels = __spreadValues(__spreadValues({}, orderbookDefaultLabels), labelsProp);
   const scrollContainerRef = (0, import_react26.useRef)(null);
   const spreadRowRef = (0, import_react26.useRef)(null);
@@ -16101,6 +16174,7 @@ var Orderbook = ({
                 entry,
                 formatNumber,
                 formatCurrency: formatCurrency2,
+                formatPrice,
                 enableAnimations,
                 showBadge: index === askEntries.length - 1,
                 badgeLabel: labels.asks
@@ -16113,7 +16187,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_runtime148.jsxs)(
                     Typography,
@@ -16123,7 +16197,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)
                       ]
                     }
                   ),
@@ -16150,6 +16224,7 @@ var Orderbook = ({
                 entry,
                 formatNumber,
                 formatCurrency: formatCurrency2,
+                formatPrice,
                 enableAnimations,
                 showBadge: index === 0,
                 badgeLabel: labels.bids
@@ -16345,6 +16420,7 @@ var resolveOrderEligibilityMessage = (labels, reason) => {
 };
 
 // src/events/market-details/market-details-outcome-button.tsx
+var import_hooks50 = require("@agg-build/hooks");
 var import_jsx_runtime149 = require("react/jsx-runtime");
 var marketDetailsOutcomeButtonToneClasses = {
   positive: {
@@ -16395,6 +16471,7 @@ var OutcomePriceContent = ({
   value,
   textClassName
 }) => {
+  const { formatPrice } = (0, import_hooks50.useAggUiConfig)().formatting;
   if (isLoading) {
     return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
       "span",
@@ -16413,7 +16490,7 @@ var OutcomePriceContent = ({
       as: "span",
       variant: isSelected ? "body-strong" : "body",
       className: cn("shrink-0 whitespace-nowrap", textClassName),
-      children: formatProbabilityCents(value)
+      children: formatProbabilityCents(value, formatPrice)
     }
   );
 };
@@ -16507,7 +16584,7 @@ var MarketDetailsOutcomeButton = ({
 MarketDetailsOutcomeButton.displayName = "MarketDetailsOutcomeButton";
 
 // src/events/market-details/market-details-graph-panel.tsx
-var import_hooks50 = require("@agg-build/hooks");
+var import_hooks51 = require("@agg-build/hooks");
 var import_react27 = require("react");
 var import_jsx_runtime150 = require("react/jsx-runtime");
 var MarketDetailsGraphPanel = ({
@@ -16524,13 +16601,13 @@ var MarketDetailsGraphPanel = ({
   classNames
 }) => {
   var _a, _b, _c;
-  const config = (0, import_hooks50.useSdkUiConfig)();
+  const config = (0, import_hooks51.useSdkUiConfig)();
   const {
-    formatting: { formatPercent, formatCompactCurrency },
+    formatting: { formatPercent, formatCompactCurrency, formatPrice },
     general: { theme }
   } = config;
   const isDarkTheme = theme === "dark";
-  const labels = (0, import_hooks50.useLabels)();
+  const labels = (0, import_hooks51.useLabels)();
   const selectedTimeRange = config.chart.selectedChartTimeRange;
   const setSelectedTimeRange = config.chart.setSelectedChartTimeRange;
   const [chartRangeOverride, setChartRangeOverride] = (0, import_react27.useState)(null);
@@ -16550,7 +16627,7 @@ var MarketDetailsGraphPanel = ({
       livePrices
     });
   }, [livePrices, venueMarkets, resolvedChartOutcomeLabel, chartSelectedOutcomeId]);
-  const rollingWindow = (0, import_hooks50.useRollingChartWindow)({ range: effectiveChartTimeRange });
+  const rollingWindow = (0, import_hooks51.useRollingChartWindow)({ range: effectiveChartTimeRange });
   const chartPrimaryOutcomeId = (_b = (_a = chartOutcomesByVenue[0]) == null ? void 0 : _a.outcome.id) != null ? _b : null;
   const chartVenueOutcomeIds = (0, import_react27.useMemo)(() => {
     return chartOutcomesByVenue.map((item) => item.outcome.id);
@@ -16560,7 +16637,7 @@ var MarketDetailsGraphPanel = ({
     isLoading: isMarketChartLoading,
     error: marketChartError,
     refetch: refetchMarketChart
-  } = (0, import_hooks50.useMarketChart)({
+  } = (0, import_hooks51.useMarketChart)({
     marketId: chartPrimaryOutcomeId,
     venueMarketIds: chartVenueOutcomeIds,
     interval: rollingWindow.interval,
@@ -16740,8 +16817,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)}`
                   };
                 })
               }
@@ -16770,7 +16847,7 @@ var MarketDetailsGraphPanel = ({
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
-            import_hooks50.CHART_TIME_RANGES.map((timeRange) => {
+            import_hooks51.CHART_TIME_RANGES.map((timeRange) => {
               const isActive = effectiveChartTimeRange === timeRange;
               const isDisabled = isResolvedMarket && timeRange !== "ALL";
               return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
@@ -16813,7 +16890,7 @@ var MarketDetailsUnavailableState = ({
   ariaLabel,
   classNames
 }) => {
-  const labels = (0, import_hooks51.useLabels)();
+  const labels = (0, import_hooks52.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
     Card,
     {
@@ -16837,7 +16914,7 @@ var MarketDetailsNotFoundState = ({
   ariaLabel: _ariaLabel,
   classNames: _classNames
 }) => {
-  const labels = (0, import_hooks51.useLabels)();
+  const labels = (0, import_hooks52.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
     StateMessage,
     {
@@ -16875,33 +16952,33 @@ var MarketDetailsContent = ({
   midpointsResult
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const config = (0, import_hooks51.useSdkUiConfig)();
+  const config = (0, import_hooks52.useSdkUiConfig)();
   const {
     features: { enableAnimations },
     formatting: { formatPercent }
   } = config;
-  const labels = (0, import_hooks51.useLabels)();
-  const tradingContext = (0, import_hooks51.useEventTradingContext)();
+  const labels = (0, import_hooks52.useLabels)();
+  const tradingContext = (0, import_hooks52.useEventTradingContext)();
   const detailsContentId = (0, import_react28.useId)();
   const tradeSide = (_a = tradingContext == null ? void 0 : tradingContext.tradeSide) != null ? _a : "buy";
   const resolvedMarket = (0, import_react28.useMemo)(() => {
     return resolveMarketFromVenueMarkets(venueMarkets, marketId);
   }, [venueMarkets, marketId]);
   const clusterVenueMarkets = resolvedMarket == null ? void 0 : resolvedMarket.venueMarkets;
-  const wsLivePrices = (0, import_hooks51.useLiveOutcomePrices)(clusterVenueMarkets);
-  const wsBestPrices = (0, import_hooks51.useLiveBestPrices)(clusterVenueMarkets);
-  const wsBestCandidates = (0, import_hooks51.useLiveBestPriceCandidates)(clusterVenueMarkets);
+  const wsLivePrices = (0, import_hooks52.useLiveOutcomePrices)(clusterVenueMarkets);
+  const wsBestPrices = (0, import_hooks52.useLiveBestPrices)(clusterVenueMarkets);
+  const wsBestCandidates = (0, import_hooks52.useLiveBestPriceCandidates)(clusterVenueMarkets);
   const scopedResolvedMarket = (0, import_react28.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_hooks51.resolveMarketTradingState)(scopedResolvedMarket).kind === "resolved";
-  (0, import_hooks51.useEventOrderbookData)(
+  const isResolvedMarket = (0, import_hooks52.resolveMarketTradingState)(scopedResolvedMarket).kind === "resolved";
+  (0, import_hooks52.useEventOrderbookData)(
     isResolvedMarket ? [] : resolvedMarket == null ? void 0 : resolvedMarket.venueMarkets,
     (_b = scopedResolvedMarket == null ? void 0 : scopedResolvedMarket.id) != null ? _b : null
   );
-  const fetchedClusterMidpointResult = (0, import_hooks51.useMidpoints)(midpointsResult ? [] : clusterVenueMarkets);
+  const fetchedClusterMidpointResult = (0, import_hooks52.useMidpoints)(midpointsResult ? [] : clusterVenueMarkets);
   const clusterMidpointResult = midpointsResult != null ? midpointsResult : fetchedClusterMidpointResult;
   const clusterMidpoints = (_c = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _c : clusterMidpointResult.prices;
   const clusterBestMidpointsByOutcomeId = clusterMidpoints;
@@ -16910,7 +16987,7 @@ var MarketDetailsContent = ({
   const clusterBestMidpointVenue = clusterMidpointResult.bestMidpointVenue;
   const clusterBestPricesRest = clusterMidpointResult.bestPrices;
   const clusterBestPrices = (0, import_react28.useMemo)(
-    () => (0, import_hooks51.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
+    () => (0, import_hooks52.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
     [clusterBestPricesRest, wsBestPrices]
   );
   const clusterBestPriceVenuesByOutcomeId = clusterMidpointResult.bestPriceVenuesByOutcomeId;
@@ -16965,7 +17042,7 @@ var MarketDetailsContent = ({
     return (_a2 = model.market.venueMarkets.find((venueMarket) => venueMarket.id === model.market.id)) != null ? _a2 : model.primaryVenueMarket;
   }, [model]);
   const marketTradingState = (0, import_react28.useMemo)(() => {
-    return (0, import_hooks51.resolveMarketTradingState)(scopedMarketForCard);
+    return (0, import_hooks52.resolveMarketTradingState)(scopedMarketForCard);
   }, [scopedMarketForCard]);
   const isOutcomeSelectionLocked = marketTradingState.isTradingDisabled;
   const isUpcomingMarket = marketTradingState.kind === "unopened";
@@ -17126,7 +17203,7 @@ var MarketDetailsContent = ({
       fallbackPrice: midpointsFallback == null ? void 0 : midpointsFallback.get(displayOutcome.id)
     });
     if (referencePrice != null) return referencePrice;
-    return (0, import_hooks51.findLivePriceById)(wsLivePrices, displayOutcome.id);
+    return (0, import_hooks52.findLivePriceById)(wsLivePrices, displayOutcome.id);
   }, [
     clusterBestMidpoint,
     clusterBestMidpointsByOutcomeId,
@@ -17152,7 +17229,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_hooks51.useMarketOrderbook)({
+  const marketOrderbookResult = (0, import_hooks52.useMarketOrderbook)({
     marketId: primaryVenueMarketId,
     enabled: orderBookEnabled && !!primaryVenueMarketId,
     venueOutcomes: selectedOutcomesByVenue.map((item) => ({
@@ -17333,7 +17410,7 @@ var MarketDetailsContent = ({
                       !compactHeader ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
                         RemoteImage,
                         {
-                          src: (0, import_hooks51.optimizedImageUrl)(model.image, 60),
+                          src: (0, import_hooks52.optimizedImageUrl)(model.image, 60),
                           alt: "",
                           className: "agg-market-image size-12 rounded-agg-lg object-cover md:size-[60px]"
                         }
@@ -17584,7 +17661,7 @@ var MarketDetailsContent = ({
 };
 var MarketDetails = (_a) => {
   var _b = _a, { isOpened } = _b, props = __objRest(_b, ["isOpened"]);
-  const labels = (0, import_hooks51.useLabels)();
+  const labels = (0, import_hooks52.useLabels)();
   if (props.isLoading) {
     return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
       Skeleton,
@@ -17639,13 +17716,13 @@ var resolveIsResolvedEvent = (sourceMarkets, eventTradingState) => {
     return eventTradingState.kind === "resolved";
   }
   if (sourceMarkets.length === 0) return false;
-  return sourceMarkets.every((market) => (0, import_hooks51.resolveMarketTradingState)(market).kind === "resolved");
+  return sourceMarkets.every((market) => (0, import_hooks52.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_hooks51.resolveMarketTradingState)(preferredMarket).kind === "resolved") {
+    if ((0, import_hooks52.resolveMarketTradingState)(preferredMarket).kind === "resolved") {
       return preferredMarket.id;
     }
   }
@@ -17665,8 +17742,8 @@ var MarketDetailsList = ({
   midpointsResult
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks51.useLabels)();
-  const tradingContext = (0, import_hooks51.useEventTradingContext)();
+  const labels = (0, import_hooks52.useLabels)();
+  const tradingContext = (0, import_hooks52.useEventTradingContext)();
   const selectedMarketId = (_a = tradingContext == null ? void 0 : tradingContext.selectedMarketId) != null ? _a : null;
   const [expandedMarketId, setExpandedMarketId] = (0, import_react28.useState)(null);
   const [areResolvedMarketsVisible, setAreResolvedMarketsVisible] = (0, import_react28.useState)(false);
@@ -17675,10 +17752,10 @@ var MarketDetailsList = ({
     markets: rawMarkets,
     isLoading,
     error
-  } = (0, import_hooks51.useVenueMarkets)({
+  } = (0, import_hooks52.useVenueMarkets)({
     venueEventId: resolvedEventId,
     enabled: !providedMarkets && !!resolvedEventId,
-    status: import_hooks51.MarketStatus.open,
+    status: import_hooks52.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
@@ -17722,7 +17799,7 @@ var MarketDetailsList = ({
     const resolved = [];
     const closed = [];
     sourceMarkets.forEach((market) => {
-      const marketStateKind = (0, import_hooks51.resolveMarketTradingState)(market).kind;
+      const marketStateKind = (0, import_hooks52.resolveMarketTradingState)(market).kind;
       if (marketStateKind === "resolved") {
         resolved.push(market);
         return;
@@ -17750,10 +17827,10 @@ var MarketDetailsList = ({
   const hasPrefetchedMarkets = !!providedMarkets || !!((_b = eventTradingState == null ? void 0 : eventTradingState.marketStates) == null ? void 0 : _b.length);
   const midpointEligibleMarkets = (0, import_react28.useMemo)(() => {
     return displayedMarkets.filter(
-      (market) => (0, import_hooks51.resolveMarketTradingState)(market).kind !== "resolved"
+      (market) => (0, import_hooks52.resolveMarketTradingState)(market).kind !== "resolved"
     );
   }, [displayedMarkets]);
-  const { prices: midpointsFallback, venueByOutcomeId: midpointsFallbackVenues } = (0, import_hooks51.useViewportMidpoints)(midpointEligibleMarkets);
+  const { prices: midpointsFallback, venueByOutcomeId: midpointsFallbackVenues } = (0, import_hooks52.useViewportMidpoints)(midpointEligibleMarkets);
   (0, import_react28.useEffect)(() => {
     if (isResolvedEvent) {
       setAreResolvedMarketsVisible(false);
@@ -17772,7 +17849,7 @@ var MarketDetailsList = ({
       return;
     }
     const fallbackSelectableMarket = displayedMarkets.find(
-      (market) => !(0, import_hooks51.resolveMarketTradingState)(market).isTradingDisabled
+      (market) => !(0, import_hooks52.resolveMarketTradingState)(market).isTradingDisabled
     );
     if (!fallbackSelectableMarket) {
       return;
@@ -17794,7 +17871,7 @@ var MarketDetailsList = ({
     setExpandedMarketId(marketId);
     onExpandedMarketChange == null ? void 0 : onExpandedMarketChange(marketId);
     if (marketId === selectedMarketId) return;
-    if ((0, import_hooks51.resolveMarketTradingState)(market).isTradingDisabled) return;
+    if ((0, import_hooks52.resolveMarketTradingState)(market).isTradingDisabled) return;
     tradingContext == null ? void 0 : tradingContext.selectMarket(market.id, market);
   };
   if (!hasPrefetchedMarkets && isLoading) {
@@ -17887,7 +17964,7 @@ var MarketDetailsList = ({
 MarketDetailsList.displayName = "MarketDetailsList";
 
 // src/events/list/index.tsx
-var import_hooks53 = require("@agg-build/hooks");
+var import_hooks54 = require("@agg-build/hooks");
 var import_sdk17 = require("@agg-build/sdk");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
 var import_react31 = require("react");
@@ -18010,7 +18087,7 @@ var CategorySidebar = ({
 CategorySidebar.displayName = "CategorySidebar";
 
 // src/events/list/event-list-tabs.tsx
-var import_hooks52 = require("@agg-build/hooks");
+var import_hooks53 = require("@agg-build/hooks");
 var import_sdk16 = require("@agg-build/sdk");
 var import_react30 = require("react");
 
@@ -18098,14 +18175,14 @@ var renderTabIcon = (tab, isActive) => {
   );
 };
 var useEventListTabs = (tabs) => {
-  const labels = (0, import_hooks52.useLabels)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks52.useAppConfig)();
-  const { isLocationBlocked } = (0, import_hooks52.useGeoBlock)();
+  const labels = (0, import_hooks53.useLabels)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks53.useAppConfig)();
+  const { isLocationBlocked } = (0, import_hooks53.useGeoBlock)();
   return (0, import_react30.useMemo)(() => {
     const baseTabs = tabs != null ? tabs : getDefaultEventListTabs(labels);
     return baseTabs.flatMap((tab) => {
       if (!tab.venueLogo) return [tab];
-      const availabilityState = (0, import_hooks52.getVenueAvailabilityState)({
+      const availabilityState = (0, import_hooks53.getVenueAvailabilityState)({
         venueId: tab.venueLogo,
         disabledVenues,
         isConfigLoading: isAppConfigLoading && tab.venueLogo === import_sdk16.Venue.kalshi,
@@ -18290,15 +18367,15 @@ var EventList = ({
   stateRef
 }) => {
   var _a, _b, _c, _d, _e;
-  const labels = (0, import_hooks53.useLabels)();
-  const { disabledVenues } = (0, import_hooks53.useAppConfig)();
+  const labels = (0, import_hooks54.useLabels)();
+  const { disabledVenues } = (0, import_hooks54.useAppConfig)();
   const {
     features: { enableVenueEventDiscoveryFilters, showSportsMarkets }
-  } = (0, import_hooks53.useSdkUiConfig)();
+  } = (0, import_hooks54.useSdkUiConfig)();
   const isDiscoveryFiltersEnabled = enableVenueEventDiscoveryFilters && !search;
   const resolvedTabs = useEventListTabs();
   const visibleVenues = (0, import_react31.useMemo)(
-    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks53.getVisibleVenueIdsByConfig)(import_sdk17.VENUES, disabledVenues),
+    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks54.getVisibleVenueIdsByConfig)(import_sdk17.VENUES, disabledVenues),
     [disabledVenues]
   );
   const [activeTabValue, setActiveTabValue] = (0, import_react31.useState)(
@@ -18343,7 +18420,7 @@ var EventList = ({
     setCategoryPath([]);
     setCollapsedCategoryIds(/* @__PURE__ */ new Set());
   }, [baseCategoryId, isDiscoveryFiltersEnabled]);
-  const { categories: topLevelCategories } = (0, import_hooks53.useCategories)({
+  const { categories: topLevelCategories } = (0, import_hooks54.useCategories)({
     queryKeyScope: "event-list-top-categories",
     enabled: isDiscoveryFiltersEnabled,
     limit: 100
@@ -18359,7 +18436,7 @@ var EventList = ({
       ])
     );
   }, [categoryPath, sortedTopLevelCategories]);
-  const { childrenByParentId: baseChildrenByParentId } = (0, import_hooks53.useCategoryChildren)({
+  const { childrenByParentId: baseChildrenByParentId } = (0, import_hooks54.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: baseCategoryChildPrefetchIds,
@@ -18380,7 +18457,7 @@ var EventList = ({
     }
     return Array.from(ids);
   }, [baseCategoryId, baseChildrenByParentId, categoryPath]);
-  const { childrenByParentId: visibleChildrenByParentId } = (0, import_hooks53.useCategoryChildren)({
+  const { childrenByParentId: visibleChildrenByParentId } = (0, import_hooks54.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: visibleChildPrefetchIds,
@@ -18396,7 +18473,7 @@ var EventList = ({
     }
     return Array.from(ids);
   }, [categoryPath, visibleChildrenByParentId]);
-  const { childrenByParentId: visibleGrandchildrenByParentId } = (0, import_hooks53.useCategoryChildren)({
+  const { childrenByParentId: visibleGrandchildrenByParentId } = (0, import_hooks54.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: visibleGrandchildPrefetchIds,
@@ -18452,14 +18529,14 @@ var EventList = ({
     isFetchingNextPage,
     isPlaceholderData,
     loadedPageCount
-  } = (0, import_hooks53.useVenueEvents)({
+  } = (0, import_hooks54.useVenueEvents)({
     queryKeyScope: "event-list",
     venues,
     search,
     categoryIds: resolvedCategoryIds,
     matchStatus,
     limit: requestLimit,
-    status: [import_hooks53.MarketStatus.open],
+    status: [import_hooks54.MarketStatus.open],
     sortBy: sortQueryParams.sortBy,
     sortDir: sortQueryParams.sortDir,
     endDateFrom,
@@ -18494,7 +18571,7 @@ var EventList = ({
   const visibleMidpointVenueMarketIds = (0, import_react31.useMemo)(() => {
     return collectMidpointVenueMarketIds(visibleVenueMarkets);
   }, [visibleVenueMarkets]);
-  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks53.useVenueMarketMidpoints)({
+  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks54.useVenueMarketMidpoints)({
     venueMarketIds: visibleMidpointVenueMarketIds,
     enabled: visibleMidpointVenueMarketIds.length > 0
   });
@@ -18675,7 +18752,7 @@ var EventList = ({
                     onMarketClick,
                     getMarketHref,
                     href: getEventHref == null ? void 0 : getEventHref(event),
-                    marketStatus: import_hooks53.MarketStatus.open
+                    marketStatus: import_hooks54.MarketStatus.open
                   },
                   event.id
                 )),
@@ -18755,12 +18832,12 @@ var EventList = ({
 EventList.displayName = "EventList";
 
 // src/pages/home/index.tsx
-var import_hooks71 = require("@agg-build/hooks");
+var import_hooks72 = require("@agg-build/hooks");
 var import_sdk24 = require("@agg-build/sdk");
 var import_react49 = require("react");
 
 // src/pages/event-market/index.tsx
-var import_hooks70 = require("@agg-build/hooks");
+var import_hooks71 = require("@agg-build/hooks");
 var import_react46 = require("react");
 
 // src/trading/types.ts
@@ -18770,7 +18847,7 @@ var parseVenue = (v) => (0, import_sdk18.safeParse)(v, isVenue);
 var parseAmount = (v) => (0, import_sdk18.safeParse)(v, import_sdk18.isFiniteNonNeg);
 
 // src/trading/settlement/settlement-details.tsx
-var import_hooks54 = require("@agg-build/hooks");
+var import_hooks55 = require("@agg-build/hooks");
 var import_jsx_runtime155 = require("react/jsx-runtime");
 var hasContent = (value) => {
   return typeof value === "string" && value.trim().length > 0;
@@ -18794,11 +18871,11 @@ var buildVenueSettlementRules = (venueMarkets) => {
 };
 var SettlementDetails = ({ className }) => {
   var _a, _b, _c, _d, _e, _f;
-  const tradingContext = (0, import_hooks54.useEventTradingContext)();
+  const tradingContext = (0, import_hooks55.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_hooks54.resolveDefaultTradingMarket)(selectedEvent);
+  const activeMarket = selectedMarket != null ? selectedMarket : (0, import_hooks55.resolveDefaultTradingMarket)(selectedEvent);
   if (!activeMarket) return null;
   const allVenueMarkets = normalizeVenueMarketCluster(selectedEvent.venueMarkets);
   const activeMarketCluster = normalizeVenueMarketCluster(
@@ -18839,10 +18916,9 @@ var SettlementDetails = ({ className }) => {
 SettlementDetails.displayName = "SettlementDetails";
 
 // src/trading/place-order/index.tsx
-var import_hooks63 = require("@agg-build/hooks");
+var import_hooks64 = require("@agg-build/hooks");
 var import_sdk23 = require("@agg-build/sdk");
 var import_react38 = __toESM(require("@number-flow/react"));
-var DropdownMenu2 = __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"));
@@ -18850,14 +18926,14 @@ var import_utc2 = __toESM(require("dayjs/plugin/utc"));
 var import_react39 = require("react");
 
 // src/geo-block-banner/index.tsx
-var import_hooks55 = require("@agg-build/hooks");
+var import_hooks56 = require("@agg-build/hooks");
 var import_jsx_runtime156 = require("react/jsx-runtime");
 var GeoBlockBanner = ({
   venue,
   termsUrl = AGG_TERMS_OF_SERVICE_URL,
   className
 }) => {
-  const labels = (0, import_hooks55.useLabels)();
+  const labels = (0, import_hooks56.useLabels)();
   const message = venue ? labels.trading.geoBlockVenueMessage(venue) : labels.trading.geoBlockGenericMessage;
   return /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(
     "div",
@@ -18879,7 +18955,7 @@ GeoBlockBanner.displayName = "GeoBlockBanner";
 
 // src/onboarding/index.tsx
 var import_react36 = require("react");
-var import_hooks61 = require("@agg-build/hooks");
+var import_hooks62 = require("@agg-build/hooks");
 var Dialog5 = __toESM(require("@radix-ui/react-dialog"));
 
 // src/onboarding/onboarding-modal.constants.ts
@@ -18903,7 +18979,7 @@ var ONCHAIN_VENUES = [
 
 // src/onboarding/steps/how-it-works.tsx
 var import_react32 = require("react");
-var import_hooks56 = require("@agg-build/hooks");
+var import_hooks57 = require("@agg-build/hooks");
 var import_jsx_runtime157 = require("react/jsx-runtime");
 var defaultIcons = {
   createAccount: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
@@ -18912,7 +18988,7 @@ var defaultIcons = {
   stayInControl: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
 };
 var HowItWorksStep = ({ onContinue, icons }) => {
-  const labels = (0, import_hooks56.useLabels)();
+  const labels = (0, import_hooks57.useLabels)();
   const scrollRef = (0, import_react32.useRef)(null);
   const [showTopGradient, setShowTopGradient] = (0, import_react32.useState)(false);
   const [showBottomGradient, setShowBottomGradient] = (0, import_react32.useState)(true);
@@ -18986,10 +19062,10 @@ HowItWorksStep.displayName = "HowItWorksStep";
 
 // src/onboarding/steps/profile-setup.tsx
 var import_react33 = require("react");
-var import_hooks57 = require("@agg-build/hooks");
+var import_hooks58 = require("@agg-build/hooks");
 var import_jsx_runtime158 = require("react/jsx-runtime");
 var ProfileSetupStep = ({ onContinue }) => {
-  const labels = (0, import_hooks57.useLabels)();
+  const labels = (0, import_hooks58.useLabels)();
   const [username, setUsername] = (0, import_react33.useState)("");
   const [avatarFile, setAvatarFile] = (0, import_react33.useState)();
   const [avatarPreview, setAvatarPreview] = (0, import_react33.useState)();
@@ -19119,7 +19195,7 @@ var ProfileSetupStep = ({ onContinue }) => {
 ProfileSetupStep.displayName = "ProfileSetupStep";
 
 // src/onboarding/steps/connect-accounts.tsx
-var import_hooks58 = require("@agg-build/hooks");
+var import_hooks59 = require("@agg-build/hooks");
 var import_jsx_runtime159 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
   return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
@@ -19133,7 +19209,7 @@ var VenueCard = ({
   onConnect,
   connected = false
 }) => {
-  const labels = (0, import_hooks58.useLabels)();
+  const labels = (0, import_hooks59.useLabels)();
   const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
     Button,
     {
@@ -19192,7 +19268,7 @@ var ConnectAccountsStep = ({
   onContinue,
   connectedOnchain = false
 }) => {
-  const labels = (0, import_hooks58.useLabels)();
+  const labels = (0, import_hooks59.useLabels)();
   const canContinue = connectedOnchain;
   return /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)("div", { className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
@@ -19227,7 +19303,7 @@ ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
 var import_react34 = require("react");
-var import_hooks59 = require("@agg-build/hooks");
+var import_hooks60 = require("@agg-build/hooks");
 var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime160 = require("react/jsx-runtime");
 var ConnectOnchainModal = ({
@@ -19235,7 +19311,7 @@ var ConnectOnchainModal = ({
   onOpenChange,
   onConnect
 }) => {
-  const labels = (0, import_hooks59.useLabels)();
+  const labels = (0, import_hooks60.useLabels)();
   const [connecting, setConnecting] = (0, import_react34.useState)(false);
   const [error, setError] = (0, import_react34.useState)();
   const handleCancel = (0, import_react34.useCallback)(() => {
@@ -19334,7 +19410,7 @@ var ConnectOnchainModal = ({
 ConnectOnchainModal.displayName = "ConnectOnchainModal";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
-var import_hooks60 = require("@agg-build/hooks");
+var import_hooks61 = require("@agg-build/hooks");
 var import_sdk20 = require("@agg-build/sdk");
 var Dialog4 = __toESM(require("@radix-ui/react-dialog"));
 var import_react35 = require("react");
@@ -19361,8 +19437,8 @@ var ConnectKalshiModal = ({
   onOpenChange,
   onVerify
 }) => {
-  const labels = (0, import_hooks60.useLabels)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks60.useAppConfig)();
+  const labels = (0, import_hooks61.useLabels)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks61.useAppConfig)();
   const apiKeyInputRef = (0, import_react35.useRef)(null);
   const errorId = (0, import_react35.useId)();
   const [apiKeyId, setApiKeyId] = (0, import_react35.useState)("");
@@ -19370,7 +19446,7 @@ var ConnectKalshiModal = ({
   const [isVerifying, setIsVerifying] = (0, import_react35.useState)(false);
   const [isConnected, setIsConnected] = (0, import_react35.useState)(false);
   const [error, setError] = (0, import_react35.useState)();
-  const availabilityState = (0, import_hooks60.getVenueAvailabilityState)({
+  const availabilityState = (0, import_hooks61.getVenueAvailabilityState)({
     venueId: import_sdk20.Venue.kalshi,
     disabledVenues,
     isConfigLoading: isAppConfigLoading
@@ -19672,7 +19748,7 @@ var OnboardingModal = ({
   connectedOnchain = false
 }) => {
   var _a;
-  const labels = (0, import_hooks61.useLabels)();
+  const labels = (0, import_hooks62.useLabels)();
   const [step, setStep] = (0, import_react36.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
   const stepLabels = {
     [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
@@ -19757,12 +19833,12 @@ var requestAggWithdrawModalOpen = () => {
 };
 
 // src/trading/fund-kalshi-modal.tsx
-var import_hooks62 = require("@agg-build/hooks");
+var import_hooks63 = require("@agg-build/hooks");
 var import_sdk21 = require("@agg-build/sdk");
 var Dialog6 = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime163 = require("react/jsx-runtime");
 var FundKalshiModal = ({ open, onOpenChange }) => {
-  const labels = (0, import_hooks62.useLabels)();
+  const labels = (0, import_hooks63.useLabels)();
   const modalLabels = labels.trading.fundKalshiModal;
   return /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)(
     Modal.Container,
@@ -19834,11 +19910,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"
 };
 
@@ -20307,6 +20384,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();
@@ -20314,6 +20478,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");
@@ -21965,7 +22135,7 @@ var PlaceOrderSlippageControl = ({
   minimumValue: slippageMinimumValue
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks63.useLabels)();
+  const labels = (0, import_hooks64.useLabels)();
   const containerRef = (0, import_react39.useRef)(null);
   const triggerRef = (0, import_react39.useRef)(null);
   const inputRef = (0, import_react39.useRef)(null);
@@ -22238,7 +22408,7 @@ var PlaceOrderResolvedView = ({
   isSportsEvent = false
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks63.useLabels)();
+  const labels = (0, import_hooks64.useLabels)();
   const tradingLabels = labels.trading;
   const resolvingTimestamp = (_a = resolutionTimestamp != null ? resolutionTimestamp : tradingState.resolvesAt) != null ? _a : tradingState.endsAt;
   const isResolvingMarket = false;
@@ -22602,23 +22772,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_hooks63.useSdkUiConfig)();
-  const labels = (0, import_hooks63.useLabels)();
+  } = (0, import_hooks64.useSdkUiConfig)();
+  const labels = (0, import_hooks64.useLabels)();
   const tradingLabels = labels.trading;
   const toastCtx = useOptionalToast();
-  const { isTradingBlocked } = (0, import_hooks63.useGeoBlock)();
-  const tradingContext = (0, import_hooks63.useEventTradingContext)();
+  const { isTradingBlocked } = (0, import_hooks64.useGeoBlock)();
+  const tradingContext = (0, import_hooks64.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_react39.useMemo)(() => {
-    return eventTradingState != null ? eventTradingState : (0, import_hooks63.resolveEventTradingState)(selectedEvent);
+    return eventTradingState != null ? eventTradingState : (0, import_hooks64.resolveEventTradingState)(selectedEvent);
   }, [eventTradingState, selectedEvent]);
   const scopedSelectedEvent = (0, import_react39.useMemo)(() => {
     var _a2;
@@ -22646,7 +22817,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_react39.useMemo)(() => {
-    return (0, import_hooks63.resolveMarketTradingState)(scopedSelectedMarket);
+    return (0, import_hooks64.resolveMarketTradingState)(scopedSelectedMarket);
   }, [scopedSelectedMarket]);
   const resolvedReadOnlyMarket = (0, import_react39.useMemo)(() => {
     var _a2;
@@ -22660,11 +22831,11 @@ var PlaceOrder = ({
     scopedSelectedMarket
   ]);
   const resolvedReadOnlyTradingState = (0, import_react39.useMemo)(() => {
-    return (0, import_hooks63.resolveMarketTradingState)(resolvedReadOnlyMarket);
+    return (0, import_hooks64.resolveMarketTradingState)(resolvedReadOnlyMarket);
   }, [resolvedReadOnlyMarket]);
   const isEndedWithoutKnownWinner = false;
   const orderEligibility = (0, import_react39.useMemo)(
-    () => (0, import_hooks63.resolveOrderEligibility)({
+    () => (0, import_hooks64.resolveOrderEligibility)({
       event: scopedSelectedEvent,
       market: scopedSelectedMarket,
       outcome: scopedSelectedOutcome,
@@ -22673,11 +22844,11 @@ var PlaceOrder = ({
     [scopedSelectedEvent, scopedSelectedMarket, scopedSelectedOutcome, resolvedEventTradingState]
   );
   const isResolvedOutcomeCtaLocked = resolvedEventTradingState.kind === "resolved" || resolvedTradingState.kind === "resolved";
-  const { isAuthenticated, user } = (0, import_hooks63.useAggAuthContext)();
+  const { isAuthenticated, user } = (0, import_hooks64.useAggAuthContext)();
   const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
   const isPaperMode = resolvedExecutionMode === "paper";
-  const liveBalanceState = (0, import_hooks63.useAggBalanceState)();
-  const paperBalancesQuery = (0, import_hooks63.useManagedBalances)({
+  const liveBalanceState = (0, import_hooks64.useAggBalanceState)();
+  const paperBalancesQuery = (0, import_hooks64.useManagedBalances)({
     enabled: Boolean(isAuthenticated && isPaperMode),
     mode: "paper"
   });
@@ -22697,22 +22868,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_hooks63.useExecuteManaged)();
-  const placeLimitOrder = (0, import_hooks63.usePlaceLimitOrder)();
-  const aggClient = (0, import_hooks63.useAggClient)();
-  const queryClient = (0, import_hooks63.useQueryClient)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks63.useAppConfig)();
-  const { data: kalshiKeyStatus, refetch: refetchKalshiKeyStatus } = (0, import_hooks63.useVenueKeyStatus)(
+  const executeManaged = (0, import_hooks64.useExecuteManaged)();
+  const placeLimitOrder = (0, import_hooks64.usePlaceLimitOrder)();
+  const aggClient = (0, import_hooks64.useAggClient)();
+  const queryClient = (0, import_hooks64.useQueryClient)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks64.useAppConfig)();
+  const { data: kalshiKeyStatus, refetch: refetchKalshiKeyStatus } = (0, import_hooks64.useVenueKeyStatus)(
     import_sdk23.Venue.kalshi,
     isAuthenticated
   );
   const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react39.useState)(false);
   const [isFundKalshiModalOpen, setIsFundKalshiModalOpen] = (0, import_react39.useState)(false);
-  const livePrices = (0, import_hooks63.useLiveOutcomePrices)(
+  const livePrices = (0, import_hooks64.useLiveOutcomePrices)(
     scopedSelectedMarket ? [scopedSelectedMarket] : void 0
   );
-  const wsBestPrices = (0, import_hooks63.useLiveBestPrices)(scopedSelectedMarket ? [scopedSelectedMarket] : void 0);
-  const fetchedClusterMidpointResult = (0, import_hooks63.useMidpoints)(
+  const wsBestPrices = (0, import_hooks64.useLiveBestPrices)(scopedSelectedMarket ? [scopedSelectedMarket] : void 0);
+  const fetchedClusterMidpointResult = (0, import_hooks64.useMidpoints)(
     midpointsResult ? [] : scopedSelectedMarket ? [scopedSelectedMarket] : []
   );
   const clusterMidpointResult = midpointsResult != null ? midpointsResult : fetchedClusterMidpointResult;
@@ -22720,12 +22891,12 @@ var PlaceOrder = ({
   const clusterBestMidpoint = clusterMidpointResult.bestMidpoint;
   const clusterBestPricesRest = clusterMidpointResult.bestPrices;
   const clusterBestPrices = (0, import_react39.useMemo)(
-    () => (0, import_hooks63.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
+    () => (0, import_hooks64.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
     [clusterBestPricesRest, wsBestPrices]
   );
   const [internalTab, setInternalTab] = (0, import_react39.useState)("buy");
   const [executionType, setExecutionType] = (0, import_react39.useState)("market");
-  const [isExecutionTypeMenuOpen, setIsExecutionTypeMenuOpen] = (0, import_react39.useState)(false);
+  const [selectedLimitVenue, setSelectedLimitVenue] = (0, import_react39.useState)(null);
   const [limitPrice, setLimitPrice] = (0, import_react39.useState)(0.5);
   const [limitPriceInputValue, setLimitPriceInputValue] = (0, import_react39.useState)(formatLimitPriceInputValue(0.5));
   const [limitPriceInputError, setLimitPriceInputError] = (0, import_react39.useState)(null);
@@ -22775,7 +22946,6 @@ var PlaceOrder = ({
   ]);
   const buyTabRef = (0, import_react39.useRef)(null);
   const sellTabRef = (0, import_react39.useRef)(null);
-  const executionTypeTriggerRef = (0, import_react39.useRef)(null);
   const expirationTriggerRef = (0, import_react39.useRef)(null);
   const limitPriceInitializedForOutcomeRef = (0, import_react39.useRef)(void 0);
   const expirationOptionRefs = (0, import_react39.useRef)([]);
@@ -22811,16 +22981,37 @@ var PlaceOrder = ({
     scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id,
     scopedSelectedOutcomeId
   ]);
-  const debouncedAmount = (0, import_hooks63.useDebouncedValue)(internalAmount, 300);
+  const debouncedAmount = (0, import_hooks64.useDebouncedValue)(internalAmount, 300);
   const isQuoteInputEditing = internalAmount !== debouncedAmount;
   const isLimitOrder = showLimitOrders && executionType === "limit";
   const isSell = (0, import_react39.useMemo)(() => internalTab === "sell", [internalTab]);
+  const limitVenueOptions = (0, import_react39.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_react39.useMemo)(() => {
+    return limitVenueOptions.filter((option) => {
+      return (0, import_hooks64.getVenueAvailabilityState)({
+        venueId: option.venue,
+        disabledVenues,
+        isConfigLoading: isAppConfigLoading
+      }) !== "hidden";
+    });
+  }, [disabledVenues, isAppConfigLoading, limitVenueOptions]);
   const {
     positions: executionPositions,
     dataUpdatedAt: executionPositionsUpdatedAt,
     isLoading: isExecutionPositionsLoading,
     isFetching: isExecutionPositionsFetching
-  } = (0, import_hooks63.useExecutionPositions)({
+  } = (0, import_hooks64.useExecutionPositions)({
     enabled: Boolean(isAuthenticated && isSell),
     mode: isPaperMode ? "paper" : void 0
   });
@@ -22835,9 +23026,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_hooks63.useSmartRoute)(__spreadProps(__spreadValues({
+  const limitVenueQuoteRequests = (0, import_react39.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_hooks64.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_react39.useMemo)(
+    () => new Map(limitVenueQuotes.quotes.map((quote) => [quote.request.venue, quote])),
+    [limitVenueQuotes.quotes]
+  );
+  const geoBlockedLimitVenues = (0, import_react39.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_react39.useMemo)(() => {
+    return visibleLimitVenueOptions.filter((option) => {
+      return !geoBlockedLimitVenues.has(option.venue) && (0, import_hooks64.getVenueAvailabilityState)({
+        venueId: option.venue,
+        disabledVenues,
+        isConfigLoading: isAppConfigLoading
+      }) === "available";
+    });
+  }, [disabledVenues, geoBlockedLimitVenues, isAppConfigLoading, visibleLimitVenueOptions]);
+  const automaticLimitVenueOption = (0, import_react39.useMemo)(
+    () => resolveAutomaticLimitOrderVenueOption(availableLimitVenueOptions, internalTab),
+    [availableLimitVenueOptions, internalTab]
+  );
+  const selectedLimitVenueOption = (0, import_react39.useMemo)(() => {
+    if (selectedLimitVenue) {
+      const selectedOption = availableLimitVenueOptions.find(
+        (option) => option.venue === selectedLimitVenue
+      );
+      if (selectedOption) return selectedOption;
+    }
+    return automaticLimitVenueOption;
+  }, [automaticLimitVenueOption, availableLimitVenueOptions, selectedLimitVenue]);
+  (0, import_react39.useEffect)(() => {
+    if (!selectedLimitVenue || !geoBlockedLimitVenues.has(selectedLimitVenue)) return;
+    setSelectedLimitVenue(null);
+  }, [geoBlockedLimitVenues, selectedLimitVenue]);
+  const smartRoute = (0, import_hooks64.useSmartRoute)(__spreadProps(__spreadValues({
     venueMarketOutcomeId: scopedSelectedOutcomeId,
     maxSpend: isSell ? void 0 : debouncedAmount,
     sellShares: isSell ? debouncedAmount : void 0,
@@ -22852,7 +23104,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
     }
   } : {}), {
@@ -22906,14 +23158,14 @@ var PlaceOrder = ({
     },
     [debouncedAmount, isSell, scopedSelectedOutcomeId, smartRoute.data, smartRoute.isLoading]
   );
-  const venueSellQuotes = (0, import_hooks63.useVenueSellQuotes)({
+  const venueSellQuotes = (0, import_hooks64.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_react39.useMemo)(() => {
@@ -22948,13 +23200,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_react39.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_react39.useMemo)(() => {
     if (!Number.isFinite(currentSellableShares) || currentSellableShares <= 0) return 0;
     return floorToDecimals(currentSellableShares, SELL_SHARE_DISPLAY_DECIMALS);
@@ -22964,7 +23216,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_react39.useEffect)(() => {
     if (submissionProgressState != null) return;
     if (!isSell || isCurrentSellableSharesLoading) return;
@@ -23000,8 +23252,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_react39.useMemo)(() => {
@@ -23039,7 +23291,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_react39.useEffect)(() => {
     if (routeCards.length === 0) {
       setSelectedRouteCardId(null);
@@ -23062,7 +23314,6 @@ var PlaceOrder = ({
   (0, import_react39.useEffect)(() => {
     if (showLimitOrders || executionType !== "limit") return;
     setExecutionType("market");
-    setIsExecutionTypeMenuOpen(false);
     setIsLimitExpirationPickerOpen(false);
   }, [executionType, showLimitOrders]);
   (0, import_react39.useEffect)(() => {
@@ -23078,15 +23329,19 @@ var PlaceOrder = ({
     setLimitPriceInputValue(formatLimitPriceInputValue(nextLimitPrice));
     setLimitPriceInputError(null);
   }, [executionType, scopedSelectedOutcomeId, selectedOutcomeDisplayPrice]);
+  (0, import_react39.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_react39.useMemo)(() => {
+    if (isLimitOrder) return (selectedLimitVenueOption == null ? void 0 : selectedLimitVenueOption.venue) === import_sdk23.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_react39.useMemo)(
     () => {
       var _a2;
@@ -23094,10 +23349,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_hooks63.getVenueAvailabilityState)({
+  const isKalshiAvailable = (0, import_hooks64.getVenueAvailabilityState)({
     venueId: "kalshi",
     disabledVenues,
     isConfigLoading: isAppConfigLoading
@@ -23122,7 +23377,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_react39.useCallback)(
     (cardId) => {
       if (cardId === resolvedSelectedRouteCardId) {
@@ -23136,16 +23391,16 @@ var PlaceOrder = ({
     },
     [resolvedSelectedRouteCardId, routeCards]
   );
-  const executionProgress = (0, import_hooks63.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_hooks64.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_react39.useCallback)(
     (quoteData, executionVenue, orderId, partialFillSummary) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
@@ -23411,8 +23666,8 @@ var PlaceOrder = ({
     }
     if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
       emitTerminalOrderNotifications();
-      (0, import_hooks63.invalidateBalanceQueries)(queryClient);
-      (0, import_hooks63.invalidatePositionQueries)(queryClient);
+      (0, import_hooks64.invalidateBalanceQueries)(queryClient);
+      (0, import_hooks64.invalidatePositionQueries)(queryClient);
       if (debugStore && debugAttemptId) {
         debugStore.updateAttempt(debugAttemptId, {
           status: "succeeded",
@@ -23443,19 +23698,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_sdk23.Venue.kalshi || selectedRouteFills.length > 0 && selectedRouteFills.every((fill) => fill.venue === import_sdk23.Venue.kalshi));
   const isOnchainOnlyRoute = !isKalshiRoute || selectedRouteFills.length > 0 && selectedRouteFills.every((fill) => fill.venue !== import_sdk23.Venue.kalshi);
   const kalshiRequiredAmount = isSell ? 0 : selectedRouteFills.filter((fill) => fill.venue === import_sdk23.Venue.kalshi).reduce((total, fill) => total + fill.venueQty * fill.avgPrice, 0);
   const onchainRequiredAmount = isSell ? 0 : selectedRouteFills.filter((fill) => fill.venue !== import_sdk23.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";
@@ -23549,9 +23804,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_react39.useMemo)(() => {
-    if (!scopedSelectedMarket || !scopedSelectedOutcomeId || internalAmount <= 0) return null;
+    if (!selectedLimitVenueOption || internalAmount <= 0) return null;
     if (limitPriceInputError) return null;
     const expirationDate = resolveLimitExpirationDate({
       expirationType: limitExpirationType,
@@ -23567,8 +23822,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,
@@ -23582,8 +23837,7 @@ var PlaceOrder = ({
     limitExpirationType,
     limitPrice,
     limitPriceInputError,
-    scopedSelectedMarket,
-    scopedSelectedOutcomeId
+    selectedLimitVenueOption
   ]);
   const resolvedLimitExpirationDraftDate = (0, import_react39.useMemo)(() => {
     return resolveLimitExpirationDate({
@@ -23626,11 +23880,70 @@ var PlaceOrder = ({
       )
     ) / Number(LIMIT_ORDER_RAW_SCALE);
   }, [internalTab, limitOrderPayload]);
+  const limitRouteCards = (0, import_react39.useMemo)(() => {
+    return visibleLimitVenueOptions.map((option) => {
+      var _a2, _b2;
+      const availabilityState = (0, import_hooks64.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_react39.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_react39.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_react39.useMemo)(() => {
@@ -23668,13 +23981,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_react39.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_react39.useMemo)(() => {
     var _a2, _b2;
@@ -23682,12 +23997,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_react39.useCallback)(() => {
     const submittedSelection = submittedSelectionRef.current;
     submittedSelectionRef.current = null;
@@ -24332,7 +24647,7 @@ var PlaceOrder = ({
       PlaceOrderResolvedView,
       {
         tradingState: resolvedReadOnlyTradingState,
-        resolutionTimestamp: (_Y = resolvedEventTradingState.resolvesAt) != null ? _Y : resolvedReadOnlyTradingState.resolvesAt,
+        resolutionTimestamp: (_$ = resolvedEventTradingState.resolvesAt) != null ? _$ : resolvedReadOnlyTradingState.resolvesAt,
         resolvedClaim,
         classNames,
         className,
@@ -24415,261 +24730,228 @@ var PlaceOrder = ({
                       tabItem.value
                     );
                   }) }),
-                  showLimitOrders ? /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(
-                    DropdownMenu2.Root,
+                  showLimitOrders ? /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
+                    Select,
                     {
-                      open: isExecutionTypeMenuOpen,
-                      onOpenChange: setIsExecutionTypeMenuOpen,
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(DropdownMenu2.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.jsx)("span", { children: isLimitOrder ? tradingLabels.orderTypeLimit : tradingLabels.orderTypeMarket }),
-                              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Icon, { name: "chevron-down", size: "small", className: "h-4 w-4", "aria-hidden": true })
-                            ]
-                          }
-                        ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
-                          DropdownMenu2.Portal,
-                          {
-                            container: resolvePlaceOrderPortalContainer(executionTypeTriggerRef.current),
-                            children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
-                              DropdownMenu2.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_runtime166.jsx)(
-                                  DropdownMenu2.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_runtime166.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_runtime166.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_runtime166.jsxs)("div", { className: "agg-order-entry-section flex flex-col gap-4", children: [
+              outcomes.length >= 2 ? /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.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_runtime166.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_runtime166.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_runtime166.jsx)(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price, formatPrice) })
+                    ]
+                  },
+                  outcome.id
+                );
+              }) }) : null,
+              isLimitOrder ? /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "agg-limit-price-section flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.limitPrice }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "flex min-w-0 flex-col items-end gap-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("label", { className: "relative flex items-center", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.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_runtime166.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_runtime166.jsx)(Icon, { name: "minus", size: "small", className: "h-4 w-4", "aria-hidden": true })
                       }
                     ),
-                    isPriceLoading ? /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
-                      "span",
+                    /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.jsx)(Icon, { name: "plus", size: "small", className: "h-4 w-4", "aria-hidden": true })
                       }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
-                  ]
-                },
-                outcome.id
-              );
-            }) }) : null,
-            isLimitOrder ? /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "agg-limit-price-section flex items-center justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.limitPrice }),
-              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "flex min-w-0 flex-col items-end gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("label", { className: "relative flex items-center", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
-                      "input",
+                    )
+                  ] }),
+                  limitPriceInputError ? /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.jsxs)("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "agg-order-amount-meta flex flex-col", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.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_runtime166.jsx)(LoadingIcon, { size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(import_jsx_runtime166.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "whitespace-pre", children: displayedCurrentSellableSharesLabel }),
+                    displayedCurrentSellableShares > 0 ? /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.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_runtime166.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_runtime166.jsx)(Icon, { name: "minus", size: "small", className: "h-4 w-4", "aria-hidden": true })
+                    ) : null
+                  ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.jsx)(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(displayedBalance)) }) : null
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.jsxs)("div", { className: "agg-order-fees-section flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "flex items-center gap-1.5", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.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_runtime166.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_runtime166.jsxs)("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "agg-order-amount-meta flex flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.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_runtime166.jsx)(LoadingIcon, { size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(import_jsx_runtime166.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "whitespace-pre", children: displayedCurrentSellableSharesLabel }),
-                  displayedCurrentSellableShares > 0 ? /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
-                    "button",
+                  ),
+                  feeBreakdownRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.jsx)("div", { className: "flex w-full flex-col gap-2", children: feeBreakdownRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.jsx)("span", { children: row.label }),
+                            row.kind === "badge" ? /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.jsx)("span", { className: "text-right", children: row.value })
+                          ]
+                        },
+                        row.label
+                      )) })
                     }
                   ) : null
-                ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.jsx)(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(displayedBalance)) }) : null
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: estimatedFeesValue })
+              ] }) : null
             ] }),
-            showFeesBreakdown && hasEnteredAmount && !isBelowMinimum && estimatedFeesValue ? /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "agg-order-fees-section flex items-center justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.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_runtime166.jsx)("div", { className: "flex w-full flex-col gap-2", children: feeBreakdownRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.jsx)("span", { children: row.label }),
-                          row.kind === "badge" ? /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.jsx)("span", { className: "text-right", children: row.value })
-                        ]
-                      },
-                      row.label
-                    )) })
-                  }
-                ) : null
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: estimatedFeesValue })
-            ] }) : null,
             shouldShowSmartRouting ? /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "agg-route-panel flex flex-col gap-3", children: [
               /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "agg-route-panel-header flex items-center justify-between gap-4", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("p", { className: "agg-route-panel-title text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.smartRouting }),
@@ -24678,10 +24960,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_runtime166.jsx)("span", { children: tradingLabels.viewAllRoutes(orderedRouteCards.length) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { children: tradingLabels.viewAllRoutes(activeRouteCardCount) }),
                       /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
                         Icon,
                         {
@@ -24695,16 +24977,16 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: isQuoteLoading ? /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "agg-route-loading flex flex-col gap-2", "aria-hidden": "true", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: !isLimitOrder && isQuoteLoading ? /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "agg-route-loading flex flex-col gap-2", "aria-hidden": "true", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(PlaceOrderRouteCardSkeleton, {}),
                 /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(PlaceOrderRouteCardSkeleton, {})
-              ] }) : visibleRouteCards.length > 0 ? visibleRouteCards.map((card) => {
+              ] }) : activeRouteCards.length > 0 ? activeRouteCards.map((card) => {
                 return /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_react39.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 })
@@ -24725,7 +25007,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_runtime166.jsx)(Icon, { name: "calendar", size: "small", className: "h-4 w-4 shrink-0", "aria-hidden": true }),
                           /* @__PURE__ */ (0, import_jsx_runtime166.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 }),
@@ -25029,7 +25310,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_hooks63.requestAggAuthChooserOpen,
+                      onClick: import_hooks64.requestAggAuthChooserOpen,
                       children: tradingLabels.signInToTrade
                     }
                   ) : /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
@@ -25101,7 +25382,7 @@ var PlaceOrder = ({
 PlaceOrder.displayName = "PlaceOrder";
 
 // src/trading/use-claim-winnings.ts
-var import_hooks64 = require("@agg-build/hooks");
+var import_hooks65 = require("@agg-build/hooks");
 var import_react40 = require("react");
 var toClaimError = (err) => {
   if (err instanceof Error) return err;
@@ -25109,11 +25390,11 @@ var toClaimError = (err) => {
 };
 function useClaimWinnings(options = {}) {
   const { onClaim, onClaimResult, onClaimSubmitError, externalClaimingKeys } = options;
-  const labels = (0, import_hooks64.useLabels)();
+  const labels = (0, import_hooks65.useLabels)();
   const claimNotificationLabels = labels.notifications.claim;
   const toastCtx = useOptionalToast();
-  const queryClient = (0, import_hooks64.useQueryClient)();
-  const redeemMutation = (0, import_hooks64.useRedeem)();
+  const queryClient = (0, import_hooks65.useQueryClient)();
+  const redeemMutation = (0, import_hooks65.useRedeem)();
   const [activeRedeems, setActiveRedeems] = (0, import_react40.useState)({});
   const activeClaimKeysRef = (0, import_react40.useRef)(/* @__PURE__ */ new Set());
   const pendingClaimToastIdsRef = (0, import_react40.useRef)({});
@@ -25123,7 +25404,7 @@ function useClaimWinnings(options = {}) {
     () => Object.values(activeRedeems),
     [activeRedeems]
   );
-  const lifecycleStates = (0, import_hooks64.useRedeemLifecycles)(lifecycleInputs);
+  const lifecycleStates = (0, import_hooks65.useRedeemLifecycles)(lifecycleInputs);
   const internalClaimingIds = (0, import_react40.useMemo)(() => {
     const out = __spreadValues({}, submittingClaimKeys);
     for (const [claimKey, active] of Object.entries(activeRedeems)) {
@@ -25138,13 +25419,13 @@ function useClaimWinnings(options = {}) {
     [externalClaimingKeys, internalClaimingIds]
   );
   const invalidateClaimUiState = (0, import_react40.useCallback)(() => {
-    (0, import_hooks64.invalidateBalanceQueries)(queryClient);
-    (0, import_hooks64.invalidatePositionQueries)(queryClient);
+    (0, import_hooks65.invalidateBalanceQueries)(queryClient);
+    (0, import_hooks65.invalidatePositionQueries)(queryClient);
     queryClient.invalidateQueries({
-      queryKey: import_hooks64.executionKeys.claimablePositionsCount(),
+      queryKey: import_hooks65.executionKeys.claimablePositionsCount(),
       refetchType: "active"
     });
-    (0, import_hooks64.invalidateUserActivityQueries)(queryClient);
+    (0, import_hooks65.invalidateUserActivityQueries)(queryClient);
   }, [queryClient]);
   const claim = (0, import_react40.useCallback)(
     (_0) => __async(null, [_0], function* ({ claimKey, winningOutcomeIds, payload }) {
@@ -25341,7 +25622,7 @@ function useClaimWinnings(options = {}) {
 }
 
 // src/trading/use-resolved-market-claim.ts
-var import_hooks65 = require("@agg-build/hooks");
+var import_hooks66 = require("@agg-build/hooks");
 var import_react41 = require("react");
 var sharesFormatter = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
 var dateFormatter = new Intl.DateTimeFormat("en-US", {
@@ -25358,12 +25639,12 @@ var formatResolutionDate = (value) => {
 function useResolvedMarketClaim(options = {}) {
   var _a;
   const { market, enabled = true, executionMode } = options;
-  const { isAuthenticated } = (0, import_hooks65.useAggAuthState)();
-  const tradingState = (0, import_react41.useMemo)(() => (0, import_hooks65.resolveMarketTradingState)(market), [market]);
+  const { isAuthenticated } = (0, import_hooks66.useAggAuthState)();
+  const tradingState = (0, import_react41.useMemo)(() => (0, import_hooks66.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_hooks65.useExecutionPositions)(__spreadValues({
+  const { positions } = (0, import_hooks66.useExecutionPositions)(__spreadValues({
     enabled: shouldFetch,
     status: "active",
     limit: 50
@@ -25380,7 +25661,7 @@ function useResolvedMarketClaim(options = {}) {
       (outcome) => outcome.winner === true && outcome.totalSize > 0
     );
     if (winningOutcomes.length === 0) return void 0;
-    const totals = (0, import_hooks65.computeClosedPositionTotals)(group);
+    const totals = (0, import_hooks66.computeClosedPositionTotals)(group);
     const winningShares = winningOutcomes.reduce((sum, outcome) => sum + outcome.totalSize, 0);
     const winningOutcomeLabel = (_a2 = resolveResolvedOutcomeLabel({
       market: market != null ? market : group.venueMarket,
@@ -25464,7 +25745,7 @@ var resolveEventMarketPageStickyState = ({
 };
 
 // src/pages/event-market/event-market.shared.tsx
-var import_hooks66 = require("@agg-build/hooks");
+var import_hooks67 = require("@agg-build/hooks");
 var Dialog7 = __toESM(require("@radix-ui/react-dialog"));
 var import_react42 = require("react");
 var import_jsx_runtime167 = require("react/jsx-runtime");
@@ -25533,7 +25814,7 @@ var EventMarketPageMobileTrade = ({
   midpointsResult,
   onBeforePrimaryAction
 }) => {
-  const labels = (0, import_hooks66.useLabels)();
+  const labels = (0, import_hooks67.useLabels)();
   if (!showPlaceOrder) return null;
   const handleOpenChange = (nextOpen) => {
     onOpenChange(nextOpen);
@@ -25588,7 +25869,7 @@ var EventMarketPageMobileTrade = ({
 var EventMarketPageUnavailableState = ({
   ariaLabel: _ariaLabel
 }) => {
-  const labels = (0, import_hooks66.useLabels)();
+  const labels = (0, import_hooks67.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
     StateMessage,
     {
@@ -25604,7 +25885,7 @@ var EventMarketPageUnavailableState = ({
 var EventMarketPageNotFoundState = ({
   ariaLabel: _ariaLabel
 }) => {
-  const labels = (0, import_hooks66.useLabels)();
+  const labels = (0, import_hooks67.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
     StateMessage,
     {
@@ -25701,11 +25982,11 @@ var EventMarketPageLoadingState = ({
 };
 
 // src/pages/event-market/sports-event-market-page.tsx
-var import_hooks69 = require("@agg-build/hooks");
+var import_hooks70 = require("@agg-build/hooks");
 var import_react45 = require("react");
 
 // src/pages/event-market/sports-markets.tsx
-var import_hooks68 = require("@agg-build/hooks");
+var import_hooks69 = require("@agg-build/hooks");
 var import_react44 = require("react");
 
 // src/pages/event-market/sports-event-market.utils.ts
@@ -26554,7 +26835,7 @@ var mergeSportsSectionMarketsIntoEvent = ({
 };
 
 // src/pages/event-market/sports-market-card.tsx
-var import_hooks67 = require("@agg-build/hooks");
+var import_hooks68 = require("@agg-build/hooks");
 var import_react43 = require("react");
 
 // src/pages/event-market/sports-line-rail.tsx
@@ -26604,7 +26885,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;
@@ -26644,9 +26925,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();
     };
@@ -26659,7 +26946,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);
         }
@@ -26683,11 +26970,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;
@@ -26702,11 +26990,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_runtime168.jsxs)(
     "div",
@@ -26718,7 +27013,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",
@@ -26741,7 +27036,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",
@@ -26787,7 +27082,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",
@@ -26801,15 +27096,81 @@ function SportsLineRail({
 
 // src/pages/event-market/sports-market-card.tsx
 var import_jsx_runtime169 = 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,
@@ -26822,11 +27183,11 @@ var SportsMarketCard = ({
   midpointsResult
 }) => {
   var _a, _b, _c, _d, _e, _f, _g;
-  const labels = (0, import_hooks67.useLabels)();
+  const labels = (0, import_hooks68.useLabels)();
   const {
     formatting: { formatCompactCurrency }
-  } = (0, import_hooks67.useSdkUiConfig)();
-  const tradingContext = (0, import_hooks67.useEventTradingContext)();
+  } = (0, import_hooks68.useSdkUiConfig)();
+  const tradingContext = (0, import_hooks68.useEventTradingContext)();
   const slide = (0, import_react43.useMemo)(() => buildSportsSlideFromGroup(group), [group]);
   const [selectedLineIndex, setSelectedLineIndex] = (0, import_react43.useState)(slide.defaultStopIndex);
   const combinedMoneylineMarkets = (0, import_react43.useMemo)(
@@ -26867,7 +27228,7 @@ var SportsMarketCard = ({
     const justOpened = isExpanded && !wasExpandedRef.current;
     wasExpandedRef.current = isExpanded;
     if (!justOpened || !activeMarket) return;
-    if ((0, import_hooks67.resolveMarketTradingState)(activeMarket).isTradingDisabled) return;
+    if ((0, import_hooks68.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;
@@ -26927,69 +27288,46 @@ var SportsMarketCard = ({
     });
   }, [combinedMoneylineMarkets, isCombinedMoneylineGroup, midpointsResult]);
   const spreadHeaderOutcomeItems = (0, import_react43.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_runtime169.jsx)(
@@ -27012,7 +27350,7 @@ var SportsMarketCard = ({
           stops: slide.stops.map((stop) => ({
             value: stop.value,
             venues: stop.venues,
-            disabled: stop.market.status !== import_hooks67.MarketStatus.open
+            disabled: stop.market.status !== import_hooks68.MarketStatus.open
           })),
           selectedIndex: selectedLineIndex,
           onSelect: handleLineSelect,
@@ -27099,7 +27437,7 @@ var SportsTabButton = ({
   );
 };
 var SportsMarketsLoadingState = () => {
-  const labels = (0, import_hooks68.useLabels)();
+  const labels = (0, import_hooks69.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(
     "div",
     {
@@ -27137,13 +27475,13 @@ var SportsMarkets = ({
   midpointsResult
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks68.useLabels)();
-  const tradingContext = (0, import_hooks68.useEventTradingContext)();
+  const labels = (0, import_hooks69.useLabels)();
+  const tradingContext = (0, import_hooks69.useEventTradingContext)();
   const hasAggKey = Boolean(event.aggKey);
-  const gameMarketsQuery = (0, import_hooks68.useVenueMarkets)({
+  const gameMarketsQuery = (0, import_hooks69.useVenueMarkets)({
     aggKey: event.aggKey ? [event.aggKey] : void 0,
     limit: 100,
-    status: import_hooks68.MarketStatus.open,
+    status: import_hooks69.MarketStatus.open,
     enabled: hasAggKey
   });
   const {
@@ -27179,7 +27517,7 @@ var SportsMarkets = ({
   const [stableMarketsByTab, setStableMarketsByTab] = (0, import_react44.useState)({});
   const activeTabLabel = resolveSportsSectionLabel(labels, activeTab);
   const sectionFilters = resolveSportsSectionFilters(activeTab);
-  const sectionMarketsQuery = (0, import_hooks68.useVenueMarkets)({
+  const sectionMarketsQuery = (0, import_hooks69.useVenueMarkets)({
     aggKey: event.aggKey ? [event.aggKey] : void 0,
     sportsMarketType: sectionFilters.sportsMarketType,
     period: sectionFilters.period,
@@ -27189,7 +27527,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_hooks68.MarketStatus.open,
+    status: import_hooks69.MarketStatus.open,
     enabled: hasAggKey
   });
   const {
@@ -27275,7 +27613,7 @@ var SportsMarkets = ({
       return;
     }
     setExpandedGroupId(groupId);
-    if ((0, import_hooks68.resolveMarketTradingState)(market).isTradingDisabled) return;
+    if ((0, import_hooks69.resolveMarketTradingState)(market).isTradingDisabled) return;
     if (market.id !== (tradingContext == null ? void 0 : tradingContext.selectedMarketId)) {
       tradingContext == null ? void 0 : tradingContext.selectMarket(market.id, market);
     }
@@ -27379,7 +27717,7 @@ var SportsEventMarketPage = ({
       sectionMarketsByKey
     });
   }, [event, sectionMarketsByKey]);
-  const eventTradingState = (0, import_react45.useMemo)(() => (0, import_hooks69.resolveEventTradingState)(composedEvent), [composedEvent]);
+  const eventTradingState = (0, import_react45.useMemo)(() => (0, import_hooks70.resolveEventTradingState)(composedEvent), [composedEvent]);
   const hasSportsSections = (0, import_react45.useMemo)(
     () => resolveVisibleSportsSectionTabs(event).length > 0,
     [event]
@@ -27389,12 +27727,12 @@ var SportsEventMarketPage = ({
   });
   const {
     trading: { executionMode: configuredExecutionMode }
-  } = (0, import_hooks69.useSdkUiConfig)();
+  } = (0, import_hooks70.useSdkUiConfig)();
   const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
   const [isMobileTradeOpen, setIsMobileTradeOpen] = (0, import_react45.useState)(false);
   const isMobileViewport = useIsMobileEventMarketViewport(SPORTS_EVENT_MARKET_MEDIA_QUERY);
-  const tradingContext = (0, import_hooks69.useEventTradingContext)();
-  const midpointsResult = (0, import_hooks69.useMidpoints)(composedEvent.venueMarkets);
+  const tradingContext = (0, import_hooks70.useEventTradingContext)();
+  const midpointsResult = (0, import_hooks70.useMidpoints)(composedEvent.venueMarkets);
   const internalResolvedClaim = useResolvedMarketClaim({
     market: eventTradingState.primaryMarket,
     enabled: eventTradingState.kind === "resolved",
@@ -27406,7 +27744,7 @@ var SportsEventMarketPage = ({
   (0, import_react45.useEffect)(() => {
     return () => {
       var _a;
-      (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, import_hooks69.TradeSide.Buy);
+      (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, import_hooks70.TradeSide.Buy);
     };
   }, []);
   const handleSectionMarketsChange = (0, import_react45.useCallback)(
@@ -27578,22 +27916,22 @@ var EventMarketPageContent = ({
   resolvedClaim,
   onBeforePrimaryAction
 }) => {
-  const eventTradingState = (0, import_react46.useMemo)(() => (0, import_hooks70.resolveEventTradingState)(event), [event]);
+  const eventTradingState = (0, import_react46.useMemo)(() => (0, import_hooks71.resolveEventTradingState)(event), [event]);
   const stickyOrderPanelState = resolveEventMarketPageStickyState({
     stickyOrderPanel
   });
   const {
     trading: { executionMode: configuredExecutionMode }
-  } = (0, import_hooks70.useSdkUiConfig)();
+  } = (0, import_hooks71.useSdkUiConfig)();
   const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
   const [isMobileTradeOpen, setIsMobileTradeOpen] = (0, import_react46.useState)(false);
   const isMobileViewport = useIsMobileEventMarketViewport();
-  const tradingContext = (0, import_hooks70.useEventTradingContext)();
+  const tradingContext = (0, import_hooks71.useEventTradingContext)();
   const eventDetailVenueMarkets = (0, import_react46.useMemo)(
     () => normalizeVenueMarketCluster(event.venueMarkets),
     [event.venueMarkets]
   );
-  const midpointsResult = (0, import_hooks70.useMidpoints)(eventDetailVenueMarkets);
+  const midpointsResult = (0, import_hooks71.useMidpoints)(eventDetailVenueMarkets);
   const internalResolvedClaim = useResolvedMarketClaim({
     market: eventTradingState.primaryMarket,
     enabled: eventTradingState.kind === "resolved",
@@ -27605,7 +27943,7 @@ var EventMarketPageContent = ({
   (0, import_react46.useEffect)(() => {
     return () => {
       var _a;
-      (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, import_hooks70.TradeSide.Buy);
+      (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, import_hooks71.TradeSide.Buy);
     };
   }, []);
   if (!event.venueMarkets.length) {
@@ -27739,14 +28077,14 @@ var EventMarketPage = (props) => {
   var _a;
   const {
     features: { showSportsMarkets }
-  } = (0, import_hooks70.useSdkUiConfig)();
+  } = (0, import_hooks71.useSdkUiConfig)();
   const hasEventProp = "event" in props && !!props.event;
   const {
     event: fetchedEvent,
     error: eventError,
     isLoading: isFetchingEvent,
     isEnriching
-  } = (0, import_hooks70.useEnrichedVenueEvent)({
+  } = (0, import_hooks71.useEnrichedVenueEvent)({
     eventId: hasEventProp ? "" : (_a = props.eventId) != null ? _a : "",
     enabled: !props.isLoading && !hasEventProp && !!props.eventId
   });
@@ -27933,14 +28271,14 @@ var HomeSearchResults = ({
   onEventClick,
   onMarketClick
 }) => {
-  const labels = (0, import_hooks71.useLabels)();
-  const { search: searchConfig } = (0, import_hooks71.useSdkUiConfig)();
-  const { disabledVenues } = (0, import_hooks71.useAppConfig)();
+  const labels = (0, import_hooks72.useLabels)();
+  const { search: searchConfig } = (0, import_hooks72.useSdkUiConfig)();
+  const { disabledVenues } = (0, import_hooks72.useAppConfig)();
   const [activeVenueTabValue, setActiveVenueTabValue] = (0, import_react49.useState)("all");
   const eventListTabs = useEventListTabs();
   const { headerRef, titleRef, shouldUseSelectOverflow } = useEventListTabsHeaderOverflow(eventListTabs);
   const visibleVenues = (0, import_react49.useMemo)(
-    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks71.getVisibleVenueIdsByConfig)(import_sdk24.VENUES, disabledVenues),
+    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks72.getVisibleVenueIdsByConfig)(import_sdk24.VENUES, disabledVenues),
     [disabledVenues]
   );
   const activeVenueTab = (0, import_react49.useMemo)(() => {
@@ -27958,7 +28296,7 @@ var HomeSearchResults = ({
     hasNextPage,
     isFetchingNextPage,
     isPlaceholderData
-  } = (0, import_hooks71.useSearch)({
+  } = (0, import_hooks72.useSearch)({
     q: query,
     type: "events",
     categoryIds: activeTabValue === ALL_CATEGORIES_TAB_VALUE ? void 0 : activeCategoryTab == null ? void 0 : activeCategoryTab.categoryIds,
@@ -27986,7 +28324,7 @@ var HomeSearchResults = ({
   const visibleMidpointVenueMarketIds = (0, import_react49.useMemo)(() => {
     return collectVisibleVenueMarketIds(visibleVenueMarkets);
   }, [visibleVenueMarkets]);
-  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks71.useVenueMarketMidpoints)({
+  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks72.useVenueMarketMidpoints)({
     venueMarketIds: visibleMidpointVenueMarketIds,
     enabled: visibleMidpointVenueMarketIds.length > 0
   });
@@ -28135,7 +28473,7 @@ var HomePage = ({
   stickyOrderPanel
 }) => {
   var _a, _b, _c, _d;
-  const labels = (0, import_hooks71.useLabels)();
+  const labels = (0, import_hooks72.useLabels)();
   const {
     search: {
       value: searchValue,
@@ -28145,8 +28483,8 @@ var HomePage = ({
       onSelect: onSelectEventInternal
     },
     trading: { executionMode }
-  } = (0, import_hooks71.useSdkUiConfig)();
-  const { capture, consume } = (0, import_hooks71.useEventListState)();
+  } = (0, import_hooks72.useSdkUiConfig)();
+  const { capture, consume } = (0, import_hooks72.useEventListState)();
   const [snapshot] = (0, import_react49.useState)(() => consume());
   const eventListStateRef = (0, import_react49.useRef)(null);
   const handleSelectEvent = (0, import_react49.useCallback)(
@@ -28216,7 +28554,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_hooks71.useCategories)({
+  const { categories } = (0, import_hooks72.useCategories)({
     limit: categoriesLimit,
     enabled: !hasCustomTabs
   });
@@ -28426,7 +28764,7 @@ var HomePage = ({
 HomePage.displayName = "HomePage";
 
 // src/pages/user-profile/index.tsx
-var import_hooks78 = require("@agg-build/hooks");
+var import_hooks79 = require("@agg-build/hooks");
 var import_sdk26 = require("@agg-build/sdk");
 var import_dayjs9 = __toESM(require("dayjs"));
 var import_react51 = require("react");
@@ -28452,7 +28790,7 @@ var formatChainIdLabel = (chainId) => {
 };
 
 // src/pages/user-profile/components/available-balance-card.tsx
-var import_hooks72 = require("@agg-build/hooks");
+var import_hooks73 = require("@agg-build/hooks");
 var import_jsx_runtime174 = require("react/jsx-runtime");
 var BASE_URL = "https://assets.snagsolutions.io";
 var CHAIN_ID_TO_ICON_URL = {
@@ -28508,7 +28846,7 @@ var AvailableBalanceCard = ({
   isLoading = false,
   className
 }) => {
-  const labels = (0, import_hooks72.useLabels)();
+  const labels = (0, import_hooks73.useLabels)();
   const balanceLabels = labels.userProfile.balance;
   const resolvedLabel = label2 != null ? label2 : balanceLabels.availableBalance;
   const hasPaperBalance = chains.some(isPaperChain);
@@ -28668,7 +29006,7 @@ var AvailableBalanceCard = ({
 AvailableBalanceCard.displayName = "AvailableBalanceCard";
 
 // src/pages/user-profile/components/claim-activity-breakdown-modal.tsx
-var import_hooks73 = require("@agg-build/hooks");
+var import_hooks74 = require("@agg-build/hooks");
 var import_sdk25 = require("@agg-build/sdk");
 var import_jsx_runtime175 = require("react/jsx-runtime");
 var CLAIM_VENUE_LABELS = {
@@ -28687,7 +29025,7 @@ var ClaimActivityBreakdownModal = ({
   onTransactionSelect
 }) => {
   var _a;
-  const labels = (0, import_hooks73.useLabels)();
+  const labels = (0, import_hooks74.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
     Modal,
     {
@@ -28796,7 +29134,7 @@ var ClaimActivityBreakdownModal = ({
 };
 
 // src/pages/user-profile/components/positions-activity.tsx
-var import_hooks76 = require("@agg-build/hooks");
+var import_hooks77 = require("@agg-build/hooks");
 var import_react50 = require("react");
 
 // src/pages/user-profile/user-profile.constants.ts
@@ -28846,17 +29184,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) => {
@@ -28951,7 +29291,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);
@@ -28969,20 +29310,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)
     },
@@ -29584,11 +29925,24 @@ var EmptyState = ({ title: title2, description, className }) => {
 EmptyState.displayName = "EmptyState";
 
 // src/pages/user-profile/components/open-order-row.tsx
-var import_hooks74 = require("@agg-build/hooks");
+var import_hooks75 = require("@agg-build/hooks");
 var import_jsx_runtime178 = 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,
@@ -29603,7 +29957,7 @@ var OpenOrderRow = ({
   expirationHeader
 }) => {
   var _a, _b, _c, _d;
-  const labels = (0, import_hooks74.useLabels)().userProfile.openOrders;
+  const labels = (0, import_hooks75.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;
@@ -29624,9 +29978,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,
@@ -29658,7 +30010,7 @@ var OpenOrderRow = ({
           /* @__PURE__ */ (0, import_jsx_runtime178.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_runtime178.jsx)(
             RemoteImage,
             {
-              src: (0, import_hooks74.optimizedImageUrl)(order.thumbnailSrc, 60),
+              src: (0, import_hooks75.optimizedImageUrl)(order.thumbnailSrc, 60),
               alt: "",
               className: "h-full w-full rounded-agg-sm object-cover"
             }
@@ -29713,7 +30065,7 @@ var OpenOrderRow = ({
 OpenOrderRow.displayName = "OpenOrderRow";
 
 // src/pages/user-profile/components/position-row.tsx
-var import_hooks75 = require("@agg-build/hooks");
+var import_hooks76 = require("@agg-build/hooks");
 var import_jsx_runtime179 = require("react/jsx-runtime");
 var shouldUseNativeLinkNavigation3 = (event) => {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
@@ -29851,12 +30203,17 @@ var PositionRow = ({
   onClaim,
   isClaiming = false
 }) => {
-  const labels = (0, import_hooks75.useLabels)().userProfile.positions;
-  const model = toPositionRowViewModel(position, {
-    avgPrefix: labels.avgPrefix,
-    nowPrefix: labels.nowPrefix,
-    finalPrefix: labels.finalPrefix
-  });
+  const labels = (0, import_hooks76.useLabels)().userProfile.positions;
+  const { formatCurrency: formatCurrency2, formatPrice } = (0, import_hooks76.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();
@@ -29905,7 +30262,7 @@ var PositionRow = ({
             /* @__PURE__ */ (0, import_jsx_runtime179.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_runtime179.jsx)(
               RemoteImage,
               {
-                src: (0, import_hooks75.optimizedImageUrl)(model.thumbnailSrc, 60),
+                src: (0, import_hooks76.optimizedImageUrl)(model.thumbnailSrc, 60),
                 alt: "",
                 className: "h-full w-full rounded-agg-sm object-cover"
               }
@@ -30074,9 +30431,10 @@ var PositionsActivity = ({
   initialPositionFilter = "active",
   className
 }) => {
-  const userProfileLabels = (0, import_hooks76.useLabels)().userProfile;
+  const userProfileLabels = (0, import_hooks77.useLabels)().userProfile;
   const positionsLabels = userProfileLabels.positions;
   const openOrdersLabels = userProfileLabels.openOrders;
+  const { formatCurrency: formatCurrency2, formatPrice } = (0, import_hooks77.useAggUiConfig)().formatting;
   const tabItems = (0, import_react50.useMemo)(
     () => getTabItems(userProfileLabels.tabs, showOpenOrders),
     [showOpenOrders, userProfileLabels.tabs]
@@ -30155,14 +30513,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);
   };
@@ -30333,7 +30702,7 @@ var PositionsActivity = ({
                                 /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
                                   "img",
                                   {
-                                    src: (0, import_hooks76.optimizedImageUrl)(item.thumbnailSrc, 48),
+                                    src: (0, import_hooks77.optimizedImageUrl)(item.thumbnailSrc, 48),
                                     alt: "",
                                     className: "size-12 shrink-0 rounded-agg-lg object-cover"
                                   }
@@ -30654,7 +31023,7 @@ var buildAggTxExplorerHref = (chainId, txHash) => {
 };
 
 // src/pages/user-profile/components/user-info-card.tsx
-var import_hooks77 = require("@agg-build/hooks");
+var import_hooks78 = require("@agg-build/hooks");
 var import_jsx_runtime182 = require("react/jsx-runtime");
 var UserInfoCard = ({
   user,
@@ -30665,7 +31034,7 @@ var UserInfoCard = ({
   className
 }) => {
   var _a;
-  const labels = (0, import_hooks77.useLabels)();
+  const labels = (0, import_hooks78.useLabels)();
   const wallets = (_a = user.connectedWallets) != null ? _a : [];
   const hasWallets = wallets.length > 0;
   return /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)(
@@ -30681,7 +31050,7 @@ var UserInfoCard = ({
           /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: "agg-profile-avatar shrink-0", children: user.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
             RemoteImage,
             {
-              src: (0, import_hooks77.optimizedImageUrl)(user.avatarUrl, 120),
+              src: (0, import_hooks78.optimizedImageUrl)(user.avatarUrl, 120),
               alt: user.username,
               className: "h-20 w-20 rounded-full object-cover sm:h-[120px] sm:w-[120px]"
             }
@@ -31301,16 +31670,16 @@ var UserProfilePage = ({
   (0, import_react51.useEffect)(() => {
     setIsHydrated(true);
   }, []);
-  const { user: currentUser, isAuthenticated } = (0, import_hooks78.useAggAuthState)();
-  const { isDepositBlocked } = (0, import_hooks78.useGeoBlock)();
-  const balanceState = (0, import_hooks78.useAggBalance)();
-  const labels = (0, import_hooks78.useLabels)();
+  const { user: currentUser, isAuthenticated } = (0, import_hooks79.useAggAuthState)();
+  const { isDepositBlocked } = (0, import_hooks79.useGeoBlock)();
+  const balanceState = (0, import_hooks79.useAggBalance)();
+  const labels = (0, import_hooks79.useLabels)();
   const {
     features: { showLimitOrders },
     trading: { executionMode: configuredExecutionMode }
-  } = (0, import_hooks78.useSdkUiConfig)();
-  const client = (0, import_hooks78.useAggClient)();
-  const cancelOrderMutation = (0, import_hooks78.useCancelManagedOrder)();
+  } = (0, import_hooks79.useSdkUiConfig)();
+  const client = (0, import_hooks79.useAggClient)();
+  const cancelOrderMutation = (0, import_hooks79.useCancelManagedOrder)();
   const toastContext = useOptionalToast();
   const [internalCancellingIds, setInternalCancellingIds] = (0, import_react51.useState)({});
   const { claim: startClaim, claimingKeys } = useClaimWinnings({
@@ -31331,13 +31700,13 @@ var UserProfilePage = ({
   const [selectedClaimActivity, setSelectedClaimActivity] = (0, import_react51.useState)(null);
   const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
   const queryExecutionMode = resolvedExecutionMode === "paper" ? "paper" : void 0;
-  const activePositionsQuery = (0, import_hooks78.useExecutionPositions)({
+  const activePositionsQuery = (0, import_hooks79.useExecutionPositions)({
     enabled: shouldUseHookData && isAuthenticated,
     status: "active",
     limit: 25,
     mode: queryExecutionMode
   });
-  const closedPositionsQuery = (0, import_hooks78.useExecutionPositions)({
+  const closedPositionsQuery = (0, import_hooks79.useExecutionPositions)({
     enabled: shouldUseHookData && isAuthenticated,
     status: "closed",
     limit: 25,
@@ -31353,55 +31722,55 @@ var UserProfilePage = ({
   (0, import_react51.useEffect)(() => {
     setPositionFilter(initialPositionFilter);
   }, [initialPositionFilter]);
-  const ordersQuery = (0, import_hooks78.useExecutionOrders)({
+  const ordersQuery = (0, import_hooks79.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated,
     limit: 25,
     mode: queryExecutionMode,
     refetchIntervalMs: 5e3
   });
-  const pendingOpenOrdersQuery = (0, import_hooks78.useExecutionOrders)({
+  const pendingOpenOrdersQuery = (0, import_hooks79.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[0],
     limit: 25,
     mode: queryExecutionMode
   });
-  const signingOpenOrdersQuery = (0, import_hooks78.useExecutionOrders)({
+  const signingOpenOrdersQuery = (0, import_hooks79.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[1],
     limit: 25,
     mode: queryExecutionMode
   });
-  const pendingBridgeOpenOrdersQuery = (0, import_hooks78.useExecutionOrders)({
+  const pendingBridgeOpenOrdersQuery = (0, import_hooks79.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[2],
     limit: 25,
     mode: queryExecutionMode
   });
-  const submittingOpenOrdersQuery = (0, import_hooks78.useExecutionOrders)({
+  const submittingOpenOrdersQuery = (0, import_hooks79.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[3],
     limit: 25,
     mode: queryExecutionMode
   });
-  const submittedOpenOrdersQuery = (0, import_hooks78.useExecutionOrders)({
+  const submittedOpenOrdersQuery = (0, import_hooks79.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[4],
     limit: 25,
     mode: queryExecutionMode
   });
-  const openOpenOrdersQuery = (0, import_hooks78.useExecutionOrders)({
+  const openOpenOrdersQuery = (0, import_hooks79.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[5],
     limit: 25,
     mode: queryExecutionMode
   });
-  const partiallyFilledOpenOrdersQuery = (0, import_hooks78.useExecutionOrders)({
+  const partiallyFilledOpenOrdersQuery = (0, import_hooks79.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[6],
     limit: 25,
     mode: queryExecutionMode
   });
-  const cancelPendingOpenOrdersQuery = (0, import_hooks78.useExecutionOrders)({
+  const cancelPendingOpenOrdersQuery = (0, import_hooks79.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[7],
     limit: 25,
@@ -31429,7 +31798,7 @@ var UserProfilePage = ({
       submittingOpenOrdersQuery
     ]
   );
-  const activityQuery = (0, import_hooks78.useUserActivity)({
+  const activityQuery = (0, import_hooks79.useUserActivity)({
     enabled: shouldUseHookData && isAuthenticated,
     limit: 25
   });
@@ -31516,7 +31885,7 @@ var UserProfilePage = ({
     var _a2, _b2, _c, _d, _e, _f;
     if (user) return user;
     const fullUser = profileUser != null ? profileUser : currentUser;
-    const walletAddress = (0, import_hooks78.getWalletAddressFromUserProfile)(fullUser);
+    const walletAddress = (0, import_hooks79.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"
@@ -31571,8 +31940,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_hooks78.useAppConfig)();
-  const isKalshiAvailable = (0, import_hooks78.getVenueAvailabilityState)({
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks79.useAppConfig)();
+  const isKalshiAvailable = (0, import_hooks79.getVenueAvailabilityState)({
     venueId: import_sdk26.Venue.kalshi,
     disabledVenues,
     isConfigLoading: isAppConfigLoading
@@ -31798,7 +32167,7 @@ var UserProfilePage = ({
     (groups) => {
       return groups.flatMap((group) => {
         var _a2, _b2, _c, _d;
-        const closedTotals = (0, import_hooks78.computeClosedPositionTotals)(group);
+        const closedTotals = (0, import_hooks79.computeClosedPositionTotals)(group);
         const winningOutcome = group.venueMarket.venueMarketOutcomes.find(
           (outcome) => outcome.winner === true
         );
@@ -32038,7 +32407,7 @@ var UserProfilePage = ({
 UserProfilePage.displayName = "UserProfilePage";
 
 // src/deposit/index.tsx
-var import_hooks89 = require("@agg-build/hooks");
+var import_hooks90 = require("@agg-build/hooks");
 var import_deposit = require("@agg-build/hooks/deposit");
 var import_react54 = require("react");
 
@@ -32271,7 +32640,7 @@ var NETWORK_TO_CURRENCY_CODE = {
 };
 
 // src/deposit/steps/card-deposit.tsx
-var import_hooks79 = require("@agg-build/hooks");
+var import_hooks80 = require("@agg-build/hooks");
 var import_react52 = require("react");
 var import_jsx_runtime184 = require("react/jsx-runtime");
 var CardDepositStep = ({
@@ -32289,7 +32658,7 @@ var CardDepositStep = ({
   onNetworkChange,
   onContinue
 }) => {
-  const labels = (0, import_hooks79.useLabels)();
+  const labels = (0, import_hooks80.useLabels)();
   const [localAmount, setLocalAmount] = (0, import_react52.useState)(amount);
   (0, import_react52.useEffect)(() => {
     setLocalAmount(amount);
@@ -32406,7 +32775,7 @@ var CardDepositStep = ({
 };
 
 // src/deposit/steps/card-payment-pending.tsx
-var import_hooks80 = require("@agg-build/hooks");
+var import_hooks81 = require("@agg-build/hooks");
 var import_jsx_runtime185 = require("react/jsx-runtime");
 var CardPaymentPendingStep = ({
   providerName,
@@ -32415,7 +32784,7 @@ var CardPaymentPendingStep = ({
   onViewActivity,
   onChooseAnotherProvider
 }) => {
-  const labels = (0, import_hooks80.useLabels)();
+  const labels = (0, import_hooks81.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
       "button",
@@ -32465,10 +32834,10 @@ var CardPaymentPendingStep = ({
 };
 
 // src/deposit/steps/card-provider.tsx
-var import_hooks81 = require("@agg-build/hooks");
+var import_hooks82 = require("@agg-build/hooks");
 var import_jsx_runtime186 = require("react/jsx-runtime");
 var CardProviderItem = ({ provider, onSelect }) => {
-  const labels = (0, import_hooks81.useLabels)();
+  const labels = (0, import_hooks82.useLabels)();
   const badgeText = provider.badge === "best" ? labels.deposit.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.deposit.cardFlow.providerBadges.lowKyc : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
     "button",
@@ -32514,7 +32883,7 @@ var CardProviderStep = ({
   onSelectProvider,
   onRetry
 }) => {
-  const labels = (0, import_hooks81.useLabels)();
+  const labels = (0, import_hooks82.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)(import_jsx_runtime186.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
       Modal.Header,
@@ -32578,7 +32947,7 @@ var CardProviderStep = ({
 };
 
 // src/deposit/steps/card-purchase-success.tsx
-var import_hooks82 = require("@agg-build/hooks");
+var import_hooks83 = require("@agg-build/hooks");
 var import_jsx_runtime187 = require("react/jsx-runtime");
 var SummaryRow = ({ label: label2, value }) => /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
   /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label2 }),
@@ -32589,7 +32958,7 @@ var CardPurchaseSuccessStep = ({
   onDone,
   onClose
 }) => {
-  const labels = (0, import_hooks82.useLabels)();
+  const labels = (0, import_hooks83.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
       "button",
@@ -32624,10 +32993,10 @@ var CardPurchaseSuccessStep = ({
 };
 
 // src/deposit/steps/crypto-transfer.tsx
-var import_hooks84 = require("@agg-build/hooks");
+var import_hooks85 = require("@agg-build/hooks");
 
 // src/shared/transfer-fee-summary.tsx
-var import_hooks83 = require("@agg-build/hooks");
+var import_hooks84 = require("@agg-build/hooks");
 var import_jsx_runtime188 = require("react/jsx-runtime");
 var separator = /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("span", { className: "text-agg-muted-foreground", "aria-hidden": "true", children: "\xB7" });
 var normalizeFeeLabel = (label2) => label2.replace(/\s*~\s*$/, "");
@@ -32637,7 +33006,7 @@ var TransferFeeSummary = ({
   minDeposit,
   eta
 }) => {
-  const labels = (0, import_hooks83.useLabels)();
+  const labels = (0, import_hooks84.useLabels)();
   if (!estimate) return null;
   if (view === "deposit") {
     return /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("p", { className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground", children: [
@@ -32743,7 +33112,7 @@ DepositQRCode.displayName = "DepositQRCode";
 // src/deposit/steps/crypto-transfer.tsx
 var import_jsx_runtime190 = require("react/jsx-runtime");
 var CryptoAddressLoadingState = () => {
-  const labels = (0, import_hooks84.useLabels)();
+  const labels = (0, import_hooks85.useLabels)();
   const sendCryptoLabels = labels.deposit.sendCrypto;
   return /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)(
     "div",
@@ -32788,11 +33157,11 @@ var CryptoTransferStep = ({
   onDone
 }) => {
   var _a;
-  const labels = (0, import_hooks84.useLabels)();
+  const labels = (0, import_hooks85.useLabels)();
   const selectedNetworkOption = networkOptions.find((n) => n.value === selectedNetwork);
   const networkLogoUrl = (_a = selectedNetworkOption == null ? void 0 : selectedNetworkOption.iconUrl) != null ? _a : "";
   const networkLogo = selectedNetworkOption == null ? void 0 : selectedNetworkOption.icon;
-  const transferFeeEstimate = (0, import_hooks84.useWithdrawEstimate)({
+  const transferFeeEstimate = (0, import_hooks85.useWithdrawEstimate)({
     amount: getEstimateAmountFromMinDeposit(minDeposit),
     selectedToken,
     selectedNetwork
@@ -32895,7 +33264,7 @@ var CryptoTransferStep = ({
 };
 
 // src/deposit/steps/deposit-method.tsx
-var import_hooks85 = require("@agg-build/hooks");
+var import_hooks86 = require("@agg-build/hooks");
 var import_jsx_runtime191 = require("react/jsx-runtime");
 var DepositMethodCard = ({
   icon,
@@ -32948,7 +33317,7 @@ var DepositMethodStep = ({
   depositAddressesReady = true,
   onSelectMethod
 }) => {
-  const labels = (0, import_hooks85.useLabels)();
+  const labels = (0, import_hooks86.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(import_jsx_runtime191.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Modal.Header, { title: labels.deposit.title, hideBorder: true }),
     /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex flex-col gap-5", children: [
@@ -32997,7 +33366,7 @@ var DepositMethodStep = ({
 };
 
 // src/deposit/steps/wallet-form.tsx
-var import_hooks86 = require("@agg-build/hooks");
+var import_hooks87 = require("@agg-build/hooks");
 var import_jsx_runtime192 = require("react/jsx-runtime");
 var WalletFormStep = ({
   walletLabel,
@@ -33021,7 +33390,7 @@ var WalletFormStep = ({
   onMax,
   onConfirm
 }) => {
-  const labels = (0, import_hooks86.useLabels)();
+  const labels = (0, import_hooks87.useLabels)();
   const isConfirmEnabled = !isSubmitting && !isBalanceLoading && Number(amount) > 0 && Number(amount) <= walletBalance;
   return /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)(import_jsx_runtime192.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
@@ -33147,7 +33516,7 @@ var WalletFormStep = ({
 };
 
 // src/deposit/steps/wallet-processing.tsx
-var import_hooks87 = require("@agg-build/hooks");
+var import_hooks88 = require("@agg-build/hooks");
 var import_react53 = require("react");
 var import_jsx_runtime193 = require("react/jsx-runtime");
 var WalletProcessingStep = ({
@@ -33155,7 +33524,7 @@ var WalletProcessingStep = ({
   errorMessage,
   onComplete
 }) => {
-  const labels = (0, import_hooks87.useLabels)();
+  const labels = (0, import_hooks88.useLabels)();
   (0, import_react53.useEffect)(() => {
     const allDone = steps.length > 0 && steps.every((s) => s.status === "complete");
     if (allDone) {
@@ -33194,7 +33563,7 @@ var WalletProcessingStep = ({
 };
 
 // src/deposit/steps/wallet-success.tsx
-var import_hooks88 = require("@agg-build/hooks");
+var import_hooks89 = require("@agg-build/hooks");
 var import_jsx_runtime194 = require("react/jsx-runtime");
 var SummaryRow2 = ({ label: label2, value }) => /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
   /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label2 }),
@@ -33205,7 +33574,7 @@ var WalletSuccessStep = ({
   onDone,
   onClose
 }) => {
-  const labels = (0, import_hooks88.useLabels)();
+  const labels = (0, import_hooks89.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
       "button",
@@ -33325,9 +33694,9 @@ function DepositModalControlled({
   pendingCardPurchaseSummary
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const { isWeb3User } = (0, import_hooks89.useAggAuthState)();
-  const { walletActions } = (0, import_hooks89.useAggUiConfig)();
-  const labels = (0, import_hooks89.useLabels)();
+  const { isWeb3User } = (0, import_hooks90.useAggAuthState)();
+  const { walletActions } = (0, import_hooks90.useAggUiConfig)();
+  const labels = (0, import_hooks90.useLabels)();
   const defaultMethod = isWeb3User ? "wallet" : "crypto";
   const [step, setStep] = (0, import_react54.useState)(
     () => pendingCardPurchaseSummary ? "card-success" : "method"
@@ -33359,7 +33728,7 @@ function DepositModalControlled({
     error: addrError,
     supportedChains,
     getAddress
-  } = (0, import_hooks89.useDepositAddresses)({ enabled: open });
+  } = (0, import_hooks90.useDepositAddresses)({ enabled: open });
   const fallbackNetworkOptions = (0, import_react54.useMemo)(() => mapNetworksToOptions(), []);
   const networkOptions = (0, import_react54.useMemo)(() => {
     if (!(supportedChains == null ? void 0 : supportedChains.length)) return fallbackNetworkOptions;
@@ -33805,13 +34174,13 @@ var import_react55 = require("react");
 var import_withdraw = require("@agg-build/hooks/withdraw");
 
 // src/withdraw/steps/withdraw-method.tsx
-var import_hooks90 = require("@agg-build/hooks");
+var import_hooks91 = require("@agg-build/hooks");
 var import_jsx_runtime196 = require("react/jsx-runtime");
 var WithdrawMethodStep = ({
   balance,
   onSelectMethod
 }) => {
-  const labels = (0, import_hooks90.useLabels)();
+  const labels = (0, import_hooks91.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)(import_jsx_runtime196.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(Modal.Header, { title: labels.withdraw.title, hideBorder: true }),
     /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)("div", { className: "flex flex-col gap-5", children: [
@@ -33851,7 +34220,7 @@ var WithdrawMethodStep = ({
 };
 
 // src/withdraw/steps/withdraw-amount.tsx
-var import_hooks91 = require("@agg-build/hooks");
+var import_hooks92 = require("@agg-build/hooks");
 var import_jsx_runtime197 = require("react/jsx-runtime");
 var formatRawTokenAmount = (rawAmount, decimals) => {
   if (!rawAmount) return "0";
@@ -33896,7 +34265,7 @@ var WithdrawAmountStep = ({
   onContinue
 }) => {
   var _a, _b, _c, _d;
-  const labels = (0, import_hooks91.useLabels)();
+  const labels = (0, import_hooks92.useLabels)();
   const SOLANA_CHAIN_ID = "792703809";
   const isSolanaDest = selectedNetwork === SOLANA_CHAIN_ID;
   const trimmedDestination = destinationWallet.trim();
@@ -33904,7 +34273,7 @@ var WithdrawAmountStep = ({
   const isValid = Number(amount) > 0 && isValidAddress;
   const amountRaw = amount && Number(amount) > 0 ? parseTokenAmountToRaw(amount, destDecimals) : null;
   const destinationChainId = Number(selectedNetwork) || null;
-  const preview = (0, import_hooks91.useWithdrawPreview)({
+  const preview = (0, import_hooks92.useWithdrawPreview)({
     amountRaw,
     tokenSymbol: selectedToken || null,
     destinationChainId,
@@ -34043,7 +34412,7 @@ var WithdrawAmountStep = ({
 };
 
 // src/withdraw/steps/withdraw-success.tsx
-var import_hooks92 = require("@agg-build/hooks");
+var import_hooks93 = require("@agg-build/hooks");
 var import_jsx_runtime198 = require("react/jsx-runtime");
 var SummaryRow3 = ({ label: label2, value }) => /* @__PURE__ */ (0, import_jsx_runtime198.jsxs)("div", { className: "flex items-center justify-between gap-4 border-b border-agg-separator py-2 last:border-b-0", children: [
   /* @__PURE__ */ (0, import_jsx_runtime198.jsx)("p", { className: "min-w-0 text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label2 }),
@@ -34088,10 +34457,10 @@ var WithdrawLoadingStep = ({
   lifecycleState,
   onClose
 }) => {
-  const labels = (0, import_hooks92.useLabels)();
+  const labels = (0, import_hooks93.useLabels)();
   const {
     features: { enableAnimations }
-  } = (0, import_hooks92.useSdkUiConfig)();
+  } = (0, import_hooks93.useSdkUiConfig)();
   const walletFlowLabels = labels.withdraw.walletFlow;
   const activeIndex = loadingActiveIndexFor(lifecycleState);
   const loadingSteps = getLoadingSteps(walletFlowLabels);
@@ -34175,7 +34544,7 @@ var WithdrawSuccessStep = ({
   onRetry,
   onClose
 }) => {
-  const labels = (0, import_hooks92.useLabels)();
+  const labels = (0, import_hooks93.useLabels)();
   const walletFlowLabels = labels.withdraw.walletFlow;
   const { title: title2, description } = resultCopyFor({
     status: resultStatus,
@@ -34482,27 +34851,33 @@ var WithdrawModal = (props) => {
 WithdrawModal.displayName = "WithdrawModal";
 
 // src/profile/index.tsx
-var import_react58 = require("react");
-var import_hooks95 = require("@agg-build/hooks");
+var import_react59 = require("react");
+var import_hooks97 = require("@agg-build/hooks");
 var import_sdk27 = require("@agg-build/sdk");
 
 // src/profile/profile-modal.constants.ts
 var PROFILE_TAB_KEYS = {
   PROFILE_ACCOUNTS: "profile-accounts",
-  TRADING_ACCESS: "trading-access"
+  TRADING_ACCESS: "trading-access",
+  BALANCE_MANAGEMENT: "balance-management"
 };
-var PROFILE_TAB_ITEMS = [
+var getProfileTabItems = (balanceManagementLabel) => [
   {
     value: PROFILE_TAB_KEYS.PROFILE_ACCOUNTS,
     label: "Profile & accounts",
     icon: "profile-about-tab"
   },
-  { value: PROFILE_TAB_KEYS.TRADING_ACCESS, label: "Trading access", icon: "shield-trust" }
+  { value: PROFILE_TAB_KEYS.TRADING_ACCESS, label: "Trading access", icon: "shield-trust" },
+  {
+    value: PROFILE_TAB_KEYS.BALANCE_MANAGEMENT,
+    label: balanceManagementLabel,
+    icon: "bolt"
+  }
 ];
 
 // src/profile/tabs/about-tab.tsx
 var import_react56 = require("react");
-var import_hooks93 = require("@agg-build/hooks");
+var import_hooks94 = require("@agg-build/hooks");
 var import_jsx_runtime200 = require("react/jsx-runtime");
 var AboutTab = ({
   avatarPreview,
@@ -34513,7 +34888,7 @@ var AboutTab = ({
   draftAvatarPreview,
   avatarError: _avatarError
 }) => {
-  const labels = (0, import_hooks93.useLabels)();
+  const labels = (0, import_hooks94.useLabels)();
   const fileInputRef = (0, import_react56.useRef)(null);
   const handleAvatarClick = (0, import_react56.useCallback)(() => {
     var _a;
@@ -34788,7 +35163,7 @@ var AccountsWalletsTab = ({
 AccountsWalletsTab.displayName = "AccountsWalletsTab";
 
 // src/profile/tabs/trading-access-tab.tsx
-var import_hooks94 = require("@agg-build/hooks");
+var import_hooks95 = require("@agg-build/hooks");
 var import_react57 = require("react");
 var import_jsx_runtime202 = require("react/jsx-runtime");
 var TRADING_ACCESS_VENUES = [
@@ -34815,14 +35190,14 @@ var AccessRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime202.jsx)
   }
 );
 var AvailableStatus = () => {
-  const labels = (0, import_hooks94.useLabels)();
+  const labels = (0, import_hooks95.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(Icon, { name: "check-badge", size: "small", className: "text-agg-primary" }),
     /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: labels.trading.tradingAccessAvailable })
   ] });
 };
 var GeoblockedStatus = () => {
-  const labels = (0, import_hooks94.useLabels)();
+  const labels = (0, import_hooks95.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)("div", { className: "flex items-center gap-2 text-agg-muted-foreground", children: [
     /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(Icon, { name: "warning-filled", size: "small", color: "currentColor" }),
     /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 whitespace-nowrap", children: labels.trading.venueUnavailableInRegion })
@@ -34834,12 +35209,12 @@ var TradingAccessTab = ({
   onDisconnectKalshi
 }) => {
   var _a, _b, _c, _d;
-  const labels = (0, import_hooks94.useLabels)();
+  const labels = (0, import_hooks95.useLabels)();
   const verifyConnectionLabel = (_d = (_c = (_b = (_a = labels.onboarding) == null ? void 0 : _a.connectKalshiModal) == null ? void 0 : _b.actions) == null ? void 0 : _c.verifyConnection) != null ? _d : labels.trading.kycVerify;
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks94.useAppConfig)();
-  const { isLocationBlocked } = (0, import_hooks94.useGeoBlock)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks95.useAppConfig)();
+  const { isLocationBlocked } = (0, import_hooks95.useGeoBlock)();
   const visibleVenues = (0, import_react57.useMemo)(
-    () => (0, import_hooks94.getVisibleVenuesByConfig)(TRADING_ACCESS_VENUE_ITEMS, disabledVenues),
+    () => (0, import_hooks95.getVisibleVenuesByConfig)(TRADING_ACCESS_VENUE_ITEMS, disabledVenues),
     [disabledVenues]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)("div", { className: "agg-trading-access-section flex flex-col gap-4", children: [
@@ -34850,7 +35225,7 @@ var TradingAccessTab = ({
       const isKalshi = venue === "kalshi";
       const isConnected = (venueAccount == null ? void 0 : venueAccount.status) === "active";
       const isVerified = (venueAccount == null ? void 0 : venueAccount.kycStatus) === "verified";
-      const availabilityState = (0, import_hooks94.getVenueAvailabilityState)({
+      const availabilityState = (0, import_hooks95.getVenueAvailabilityState)({
         venueId: venue,
         disabledVenues,
         isConfigLoading: isKalshi && isAppConfigLoading,
@@ -34903,8 +35278,187 @@ var TradingAccessTab = ({
 };
 TradingAccessTab.displayName = "TradingAccessTab";
 
-// src/profile/index.tsx
+// src/profile/tabs/balance-management-tab.tsx
+var import_react58 = require("react");
+var import_hooks96 = require("@agg-build/hooks");
 var import_jsx_runtime203 = require("react/jsx-runtime");
+var CHAIN_IDS_BY_NETWORK = {
+  mainnet: 1,
+  bnb: 56,
+  polygon: 137,
+  base: 8453,
+  arbitrum: 42161,
+  solana: 792703809,
+  hyperliquid: 1337
+};
+var NETWORK_BY_CHAIN_ID = Object.fromEntries(
+  Object.entries(CHAIN_IDS_BY_NETWORK).map(([network, chainId]) => [chainId, network])
+);
+var networkItems = SUPPORTED_NETWORKS.filter(
+  (network) => network.value in CHAIN_IDS_BY_NETWORK
+).map((network) => ({
+  value: network.value,
+  label: network.label,
+  iconUrl: network.iconUrl
+}));
+var dollarsToRaw = (amount) => String(Math.round(amount * 1e6));
+var rawToDollars = (amount) => Number(amount) / 1e6;
+var BalanceManagementTab = ({ enabled }) => {
+  const labels = (0, import_hooks96.useAggLabels)().balanceRefill;
+  const { policies, isLoading, isError, createPolicy, updatePolicy } = (0, import_hooks96.useBalanceRefillPolicies)({
+    enabled
+  });
+  const policy = policies[0];
+  const [network, setNetwork] = (0, import_react58.useState)("polygon");
+  const [minimum, setMinimum] = (0, import_react58.useState)(100);
+  const [refillAmount, setRefillAmount] = (0, import_react58.useState)(50);
+  const [dailyCap, setDailyCap] = (0, import_react58.useState)(200);
+  const [maximumFee, setMaximumFee] = (0, import_react58.useState)(2);
+  const [feedback, setFeedback] = (0, import_react58.useState)(null);
+  (0, import_react58.useEffect)(() => {
+    var _a;
+    if (!policy) return;
+    setNetwork((_a = NETWORK_BY_CHAIN_ID[policy.targetChainId]) != null ? _a : "polygon");
+    setMinimum(rawToDollars(policy.minimumRaw));
+    setRefillAmount(rawToDollars(policy.refillAmountRaw));
+    setDailyCap(rawToDollars(policy.dailyCapRaw));
+    setMaximumFee(rawToDollars(policy.maxFeeRaw));
+  }, [policy]);
+  const validationError = (0, import_react58.useMemo)(() => {
+    if (minimum <= 0 || refillAmount <= 0 || dailyCap <= 0 || maximumFee <= 0) {
+      return labels.saveError;
+    }
+    if (dailyCap < Math.max(minimum, refillAmount) + maximumFee) {
+      return labels.saveError;
+    }
+    return null;
+  }, [dailyCap, labels.saveError, maximumFee, minimum, refillAmount]);
+  const isPending = createPolicy.isPending || updatePolicy.isPending;
+  const handleSave = () => __async(null, null, function* () {
+    if (validationError) {
+      setFeedback(validationError);
+      return;
+    }
+    setFeedback(null);
+    const params = {
+      minimumRaw: dollarsToRaw(minimum),
+      refillAmountRaw: dollarsToRaw(refillAmount),
+      dailyCapRaw: dollarsToRaw(dailyCap),
+      maxFeeRaw: dollarsToRaw(maximumFee)
+    };
+    try {
+      if (policy) {
+        yield updatePolicy.mutateAsync({ policyId: policy.id, params });
+      } else {
+        yield createPolicy.mutateAsync(__spreadProps(__spreadValues({}, params), {
+          targetChainId: CHAIN_IDS_BY_NETWORK[network],
+          targetTokenSymbol: "USDC"
+        }));
+      }
+      setFeedback(labels.saved);
+    } catch (e) {
+      setFeedback(labels.saveError);
+    }
+  });
+  const handleStatus = () => __async(null, null, function* () {
+    if (!policy) return;
+    try {
+      yield updatePolicy.mutateAsync({
+        policyId: policy.id,
+        params: { status: policy.status === "enabled" ? "paused" : "enabled" }
+      });
+      setFeedback(labels.saved);
+    } catch (e) {
+      setFeedback(labels.saveError);
+    }
+  });
+  if (isLoading)
+    return /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("p", { className: "text-agg-sm text-agg-secondary-foreground", children: labels.loading });
+  if (isError)
+    return /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("p", { role: "alert", className: "text-agg-sm text-agg-error", children: labels.loadError });
+  const latestAttempt = policy == null ? void 0 : policy.latestAttempt;
+  return /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)("section", { className: "agg-balance-management-tab flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("h2", { className: "text-agg-lg font-agg-semibold text-agg-foreground", children: labels.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("p", { className: "text-agg-sm text-agg-secondary-foreground", children: labels.description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)("div", { className: "rounded-agg-lg border border-agg-separator p-5 flex flex-col gap-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)("label", { className: "flex flex-col gap-2 text-agg-sm text-agg-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("span", { children: labels.networkLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
+          Select,
+          {
+            items: networkItems,
+            value: network,
+            onChange: (value) => setNetwork(value),
+            ariaLabel: labels.networkLabel,
+            disabled: Boolean(policy)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+        [labels.minimumLabel, minimum, setMinimum],
+        [labels.refillAmountLabel, refillAmount, setRefillAmount],
+        [labels.dailyCapLabel, dailyCap, setDailyCap],
+        [labels.maximumFeeLabel, maximumFee, setMaximumFee]
+      ].map(([label2, value, onChange]) => /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)(
+        "label",
+        {
+          className: "flex flex-col gap-2 rounded-agg-md bg-agg-secondary px-4 py-3 text-agg-sm text-agg-foreground",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("span", { children: label2 }),
+            /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
+              CurrencyInput,
+              {
+                value,
+                onChange,
+                min: 0.01,
+                decimalPlaces: 2,
+                ariaLabel: label2,
+                classNames: { input: "w-full text-agg-base font-agg-semibold" }
+              }
+            )
+          ]
+        },
+        label2
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("p", { className: "text-agg-xs text-agg-secondary-foreground", children: labels.consent }),
+      policy ? /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("p", { className: "text-agg-sm text-agg-secondary-foreground", children: policy.status === "enabled" ? labels.activeLabel : labels.pausedLabel }) : null,
+      latestAttempt ? /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)("p", { className: "text-agg-sm text-agg-secondary-foreground", children: [
+        labels.lastRefill,
+        ": ",
+        labels.statuses[latestAttempt.status]
+      ] }) : null,
+      feedback ? /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("p", { role: feedback === labels.saveError ? "alert" : "status", className: "text-agg-sm", children: feedback }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)("div", { className: "flex flex-wrap gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
+          Button,
+          {
+            variant: "primary",
+            size: "large",
+            isLoading: isPending,
+            disabled: Boolean(validationError),
+            onClick: () => void handleSave(),
+            children: policy ? labels.saveAction : labels.enableAction
+          }
+        ),
+        policy ? /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
+          Button,
+          {
+            variant: "secondary",
+            size: "large",
+            isLoading: isPending,
+            onClick: () => void handleStatus(),
+            children: policy.status === "enabled" ? labels.pauseAction : labels.resumeAction
+          }
+        ) : null
+      ] })
+    ] })
+  ] });
+};
+
+// src/profile/index.tsx
+var import_jsx_runtime204 = require("react/jsx-runtime");
 var ProfileModal = ({
   open,
   onOpenChange,
@@ -34928,30 +35482,35 @@ var ProfileModal = ({
   onDisconnectExchange
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const client = (0, import_hooks95.useAggClient)();
-  const { user } = (0, import_hooks95.useAggAuthState)();
+  const client = (0, import_hooks97.useAggClient)();
+  const labels = (0, import_hooks97.useAggLabels)();
+  const { user } = (0, import_hooks97.useAggAuthState)();
   const toastCtx = useOptionalToast();
-  const [activeTab, setActiveTab] = (0, import_react58.useState)(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
+  const [activeTab, setActiveTab] = (0, import_react59.useState)(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
+  const profileTabItems = (0, import_react59.useMemo)(
+    () => getProfileTabItems(labels.balanceRefill.tabLabel),
+    [labels.balanceRefill.tabLabel]
+  );
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
-  const [draftUsername, setDraftUsername] = (0, import_react58.useState)(resolvedInitialUsername);
-  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react58.useState)();
-  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react58.useState)();
-  const [isSaving, setIsSaving] = (0, import_react58.useState)(false);
-  const [avatarTypeError, setAvatarTypeError] = (0, import_react58.useState)(null);
-  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react58.useState)(false);
-  const { data: kalshiStatus, refetch: refetchKalshiStatus } = (0, import_hooks95.useVenueKeyStatus)(
+  const [draftUsername, setDraftUsername] = (0, import_react59.useState)(resolvedInitialUsername);
+  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react59.useState)();
+  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react59.useState)();
+  const [isSaving, setIsSaving] = (0, import_react59.useState)(false);
+  const [avatarTypeError, setAvatarTypeError] = (0, import_react59.useState)(null);
+  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react59.useState)(false);
+  const { data: kalshiStatus, refetch: refetchKalshiStatus } = (0, import_hooks97.useVenueKeyStatus)(
     import_sdk27.Venue.kalshi,
     open
   );
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     var _a2;
     setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
   }, [username, user == null ? void 0 : user.username]);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (open) return;
     setIsConnectKalshiModalOpen(false);
   }, [open]);
-  const handleOpenChange = (0, import_react58.useCallback)(
+  const handleOpenChange = (0, import_react59.useCallback)(
     (isOpen) => {
       var _a2;
       if (!isOpen) {
@@ -34975,7 +35534,7 @@ var ProfileModal = ({
       setDraftAvatarPreview
     ]
   );
-  const handleDraftAvatarChange = (0, import_react58.useCallback)(
+  const handleDraftAvatarChange = (0, import_react59.useCallback)(
     (file, preview) => {
       const ACCEPTED_AVATAR_TYPES = ["image/jpeg", "image/png", "image/gif", "image/webp"];
       if (file && !ACCEPTED_AVATAR_TYPES.includes(file.type)) {
@@ -34990,7 +35549,7 @@ var ProfileModal = ({
   );
   const originalUsername = (_b = username != null ? username : user == null ? void 0 : user.username) != null ? _b : "";
   const hasChanges = draftUsername !== originalUsername || draftAvatarFile !== void 0;
-  const handleSave = (0, import_react58.useCallback)(() => __async(null, null, function* () {
+  const handleSave = (0, import_react59.useCallback)(() => __async(null, null, function* () {
     var _a2, _b2, _c2;
     setIsSaving(true);
     try {
@@ -35045,10 +35604,10 @@ var ProfileModal = ({
     originalUsername,
     toastCtx
   ]);
-  const handleCancel = (0, import_react58.useCallback)(() => {
+  const handleCancel = (0, import_react59.useCallback)(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
-  const handleVerifyKalshi = (0, import_react58.useCallback)(
+  const handleVerifyKalshi = (0, import_react59.useCallback)(
     (credentials) => __async(null, null, function* () {
       if (onConnectKalshi) {
         yield onConnectKalshi(credentials);
@@ -35066,12 +35625,12 @@ var ProfileModal = ({
     }),
     [client, onConnectKalshi, refetchKalshiStatus]
   );
-  const handleDisconnectKalshi = (0, import_react58.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectKalshi = (0, import_react59.useCallback)(() => __async(null, null, function* () {
     yield client.deleteVenueKey(import_sdk27.Venue.kalshi);
     yield refetchKalshiStatus();
     onDisconnectExchange == null ? void 0 : onDisconnectExchange(import_sdk27.Venue.kalshi);
   }), [client, onDisconnectExchange, refetchKalshiStatus]);
-  const resolvedVenueAccounts = (0, import_react58.useMemo)(() => {
+  const resolvedVenueAccounts = (0, import_react59.useMemo)(() => {
     var _a2;
     const nonKalshiAccounts = (_a2 = user == null ? void 0 : user.venueAccounts) == null ? void 0 : _a2.filter((account) => account.venue !== "kalshi");
     if (!kalshiStatus) return user == null ? void 0 : user.venueAccounts;
@@ -35127,7 +35686,7 @@ var ProfileModal = ({
     if (typeof window === "undefined") return;
     ((_a2 = window.top) != null ? _a2 : window).location.assign(url);
   };
-  const surfaceError = (0, import_react58.useCallback)(
+  const surfaceError = (0, import_react59.useCallback)(
     (err, title2) => {
       const message = (err == null ? void 0 : err.message) || "Something went wrong. Please try again.";
       if (toastCtx) {
@@ -35138,7 +35697,7 @@ var ProfileModal = ({
     },
     [toastCtx]
   );
-  const handleConnectTwitter = (0, import_react58.useCallback)(() => __async(null, null, function* () {
+  const handleConnectTwitter = (0, import_react59.useCallback)(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "twitter",
@@ -35152,7 +35711,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect X (Twitter)");
     }
   }), [client, onConnectTwitter, surfaceError]);
-  const handleConnectGoogle = (0, import_react58.useCallback)(() => __async(null, null, function* () {
+  const handleConnectGoogle = (0, import_react59.useCallback)(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "google",
@@ -35166,7 +35725,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect Google");
     }
   }), [client, onConnectGoogle, surfaceError]);
-  const handleConnectApple = (0, import_react58.useCallback)(() => __async(null, null, function* () {
+  const handleConnectApple = (0, import_react59.useCallback)(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "apple",
@@ -35180,7 +35739,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect Apple");
     }
   }), [client, onConnectApple, surfaceError]);
-  const handleDisconnectTwitter = (0, import_react58.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectTwitter = (0, import_react59.useCallback)(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("twitter");
       yield client.getCurrentUser();
@@ -35189,7 +35748,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect X (Twitter)");
     }
   }), [client, onDisconnectTwitter, surfaceError]);
-  const handleDisconnectGoogle = (0, import_react58.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectGoogle = (0, import_react59.useCallback)(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("google");
       yield client.getCurrentUser();
@@ -35198,7 +35757,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect Google");
     }
   }), [client, onDisconnectGoogle, surfaceError]);
-  const handleDisconnectApple = (0, import_react58.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectApple = (0, import_react59.useCallback)(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("apple");
       yield client.getCurrentUser();
@@ -35207,7 +35766,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect Apple");
     }
   }), [client, onDisconnectApple, surfaceError]);
-  const handleConnectEmail = (0, import_react58.useCallback)(() => __async(null, null, function* () {
+  const handleConnectEmail = (0, import_react59.useCallback)(() => __async(null, null, function* () {
     var _a2;
     const typedEmail = typeof window !== "undefined" ? (_a2 = window.prompt("Enter your email to receive a magic link")) == null ? void 0 : _a2.trim() : void 0;
     if (!typedEmail) return;
@@ -35226,7 +35785,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect email");
     }
   }), [client, onConnectEmail, surfaceError, toastCtx]);
-  const handleDisconnectWallet = (0, import_react58.useCallback)(
+  const handleDisconnectWallet = (0, import_react59.useCallback)(
     (wallet) => __async(null, null, function* () {
       const normalizedChain = wallet.chain.toLowerCase();
       const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
@@ -35240,7 +35799,7 @@ var ProfileModal = ({
     }),
     [client, onDisconnectWallet, surfaceError]
   );
-  const providerActionMap = (0, import_react58.useMemo)(
+  const providerActionMap = (0, import_react59.useMemo)(
     () => ({
       twitter: {
         connect: () => {
@@ -35282,7 +35841,7 @@ var ProfileModal = ({
       handleDisconnectTwitter
     ]
   );
-  const resolvedWallets = (0, import_react58.useMemo)(() => {
+  const resolvedWallets = (0, import_react59.useMemo)(() => {
     var _a2, _b2;
     if (wallets) return wallets;
     const walletAccounts = (_b2 = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.filter((account) => {
@@ -35301,8 +35860,8 @@ var ProfileModal = ({
       };
     });
   }, [user == null ? void 0 : user.accounts, wallets]);
-  return /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)(Modal, { open: open && !isConnectKalshiModalOpen, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)(Modal, { open: open && !isConnectKalshiModalOpen, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)(
       Modal.Container,
       {
         maxWidth: "800px",
@@ -35311,24 +35870,24 @@ var ProfileModal = ({
           container: cn("agg-profile-modal", "min-h-[37.5rem]")
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
             Tabs,
             {
               className: "w-full [&>div]:w-full",
               variant: "underline",
               classNames: { tabList: "w-full" },
-              items: PROFILE_TAB_ITEMS.map((tab) => ({
+              items: profileTabItems.map((tab) => ({
                 value: tab.value,
                 label: tab.label,
-                icon: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(Icon, { name: tab.icon, size: "small" })
+                icon: /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(Icon, { name: tab.icon, size: "small" })
               })),
               value: activeTab,
               onChange: (val) => setActiveTab(val)
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
               "nav",
               {
                 className: cn(
@@ -35342,9 +35901,9 @@ var ProfileModal = ({
                 ),
                 role: "tablist",
                 "aria-label": "Profile sections",
-                children: PROFILE_TAB_ITEMS.map((tab) => {
+                children: profileTabItems.map((tab) => {
                   const isActive = activeTab === tab.value;
-                  return /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -35360,9 +35919,9 @@ var ProfileModal = ({
                         isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
                       ),
                       children: [
-                        isActive ? /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                        /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                        isActive ? /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+                        /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
                       ]
                     },
                     tab.value
@@ -35370,9 +35929,9 @@ var ProfileModal = ({
                 })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)("div", { className: "agg-profile-content min-w-0 flex-1", children: [
-              activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)("div", { className: "agg-profile-content min-w-0 flex-1", children: [
+              activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
                   AboutTab,
                   {
                     username: username != null ? username : user == null ? void 0 : user.username,
@@ -35386,7 +35945,7 @@ var ProfileModal = ({
                     avatarError: avatarTypeError
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
                   AccountsWalletsTab,
                   {
                     socialAccounts: resolvedSocialAccounts,
@@ -35405,7 +35964,7 @@ var ProfileModal = ({
                   }
                 )
               ] }) : null,
-              activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
+              activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
                 TradingAccessTab,
                 {
                   venueAccounts: resolvedVenueAccounts,
@@ -35413,12 +35972,22 @@ var ProfileModal = ({
                   onDisconnectKalshi: handleDisconnectKalshi,
                   onKycError
                 }
-              ) : null
+              ) : null,
+              activeTab === PROFILE_TAB_KEYS.BALANCE_MANAGEMENT ? /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(BalanceManagementTab, { enabled: open }) : null
             ] })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
-            /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
+          activeTab === PROFILE_TAB_KEYS.BALANCE_MANAGEMENT ? null : /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
+              Button,
+              {
+                variant: "secondary",
+                size: "large",
+                onClick: handleCancel,
+                className: "min-w-[120px]",
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
               Button,
               {
                 variant: "primary",
@@ -35433,7 +36002,7 @@ var ProfileModal = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
       ConnectKalshiModal,
       {
         open: open && isConnectKalshiModalOpen,
@@ -35446,33 +36015,33 @@ var ProfileModal = ({
 ProfileModal.displayName = "ProfileModal";
 
 // src/geo-block-modal/index.tsx
-var import_hooks96 = require("@agg-build/hooks");
-var import_react59 = require("react");
-var import_jsx_runtime204 = require("react/jsx-runtime");
+var import_hooks98 = require("@agg-build/hooks");
+var import_react60 = require("react");
+var import_jsx_runtime205 = require("react/jsx-runtime");
 var GeoBlockModal = ({
   open,
   onOpenChange,
   onConfirm,
   classNames
 }) => {
-  const labels = (0, import_hooks96.useLabels)();
-  const handleConfirm = (0, import_react59.useCallback)(() => {
+  const labels = (0, import_hooks98.useLabels)();
+  const handleConfirm = (0, import_react60.useCallback)(() => {
     onConfirm == null ? void 0 : onConfirm();
     onOpenChange(false);
   }, [onConfirm, onOpenChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
     Modal,
     {
       open,
       onOpenChange,
       "aria-label": labels.trading.geoBlockModalAriaLabel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(
         Modal.Container,
         {
           maxWidth: "480px",
           classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
               Modal.Header,
               {
                 title: "",
@@ -35484,19 +36053,19 @@ var GeoBlockModal = ({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
                 Icon,
                 {
                   name: "internet-security",
                   className: "h-[60px] w-[60px] text-agg-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
-                /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
+              /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
+                /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
                 Button,
                 {
                   variant: "secondary",