@agg-build/hooks 2.1.2 → 2.2.0

package/dist/index.js

@@ -196,7 +196,6 @@ __export(src_exports, {
   useSearch: () => useSearch,
   useSmartRoute: () => useSmartRoute,
   useSyncBalances: () => useSyncBalances,
-  useTradableVenues: () => useTradableVenues,
   useUserActivity: () => useUserActivity,
   useUserHoldings: () => useUserHoldings,
   useVenueEvent: () => useVenueEvent,
@@ -985,6 +984,8 @@ var enUsLabels = {
     showOutcomeAria: (label) => `Show ${label} outcome`,
     viewResolved: "View resolved",
     hideResolved: "Hide resolved",
+    resolvingTitle: "Resolving market\u2026",
+    resolvingDescription: "This market has closed. We're waiting for final settlement data and will update the result once it's confirmed on-chain.",
     volumeUnavailable: "Volume unavailable",
     tabs: {
       orderBook: "Order Book",
@@ -1303,7 +1304,51 @@ var enUsLabels = {
     winningOutcome: (label) => `Winning outcome: ${label}`,
     resolvedOutcome: (label) => `Resolved: ${label}`,
     marketDetailsAriaByDate: (dateLabel) => `Market details for ${dateLabel}`,
-    marketDetailsAriaByQuestion: (question) => `Market details for ${question}`
+    marketDetailsAriaByQuestion: (question) => `Market details for ${question}`,
+    sports: {
+      summaryAria: "Sports event summary",
+      sectionTabsAria: "Sports market sections",
+      lineSelectorAria: (marketTitle) => `Select line for ${marketTitle}`,
+      previousLineAria: (marketTitle) => `Show previous lines for ${marketTitle}`,
+      nextLineAria: (marketTitle) => `Show next lines for ${marketTitle}`,
+      comparisonToggleAria: (marketTitle, expanded) => `${expanded ? "Hide" : "Show"} venue comparison for ${marketTitle}`,
+      comparisonTitle: "Venue alternatives",
+      compareVenues: (count) => `Compare ${count} venues`,
+      marketCount: (count) => `${count} markets`,
+      venueCount: (count) => `${count} venues`,
+      volumeShort: "Vol.",
+      totalVolumeShort: "Total Vol.",
+      gameStarts: "Game starts",
+      moreMarketsTitle: "More markets",
+      gameLinesTab: "Game Lines",
+      halvesTab: "Halves",
+      exactScoreTab: "Exact Score",
+      cornersTab: "Corners",
+      goalsTab: "Goals",
+      assistsTab: "Assists",
+      shotsTab: "Shots",
+      otherTab: "Other",
+      moneylineTitle: "Moneyline",
+      spreadTitle: "Spreads",
+      totalTitle: "Totals",
+      fullPeriod: "Regular time",
+      firstHalfPeriod: "1st half",
+      secondHalfPeriod: "2nd half",
+      quarterOnePeriod: "1st quarter",
+      quarterTwoPeriod: "2nd quarter",
+      quarterThreePeriod: "3rd quarter",
+      quarterFourPeriod: "4th quarter",
+      overtimePeriod: "Overtime",
+      otherPeriod: "Other",
+      loadingTitle: "Loading section",
+      loadingDescription: "Fetching the latest markets for this game.",
+      emptyTitle: "No markets available",
+      emptyDescription: (sectionLabel) => `There are no ${sectionLabel} markets yet.`,
+      loadMore: "Load more",
+      loadingMore: "Loading more",
+      bestPriceBadge: "Best price",
+      selectOutcomeAria: (marketTitle, outcomeLabel, priceLabel) => `Select ${outcomeLabel} in ${marketTitle} at ${priceLabel}`
+    }
   },
   header: {
     bannerAria: "Site header",
@@ -1465,7 +1510,8 @@ var defaultAggUiConfig = {
     showFeesBreakdown: false,
     enableGradients: false,
     enableVenueEventDiscoveryFilters: false,
-    enableNotifications: true
+    enableNotifications: true,
+    showSportsMarkets: false
   },
   market: {
     arbitrageThreshold: 0,
@@ -1496,7 +1542,7 @@ var mergeAggUiSearchConfig = (config) => {
   };
 };
 var mergeAggUiConfig = (persisted, config) => {
-  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;
+  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 locale = (_d = (_c = (_a = config == null ? void 0 : config.general) == null ? void 0 : _a.locale) != null ? _c : (_b = persisted.general) == null ? void 0 : _b.locale) != null ? _d : DEFAULT_LOCALE;
   const theme = (_h = (_g = (_e = config == null ? void 0 : config.general) == null ? void 0 : _e.theme) != null ? _g : (_f = persisted.general) == null ? void 0 : _f.theme) != null ? _h : defaultAggUiConfig.general.theme;
   const formatters = createFormatters(locale);
@@ -1518,27 +1564,28 @@ var mergeAggUiConfig = (persisted, config) => {
       showFeesBreakdown: (_v = (_u = config == null ? void 0 : config.features) == null ? void 0 : _u.showFeesBreakdown) != null ? _v : defaultAggUiConfig.features.showFeesBreakdown,
       enableGradients: (_x = (_w = config == null ? void 0 : config.features) == null ? void 0 : _w.enableGradients) != null ? _x : defaultAggUiConfig.features.enableGradients,
       enableVenueEventDiscoveryFilters: (_z = (_y = config == null ? void 0 : config.features) == null ? void 0 : _y.enableVenueEventDiscoveryFilters) != null ? _z : defaultAggUiConfig.features.enableVenueEventDiscoveryFilters,
-      enableNotifications: (_B = (_A = config == null ? void 0 : config.features) == null ? void 0 : _A.enableNotifications) != null ? _B : defaultAggUiConfig.features.enableNotifications
+      enableNotifications: (_B = (_A = config == null ? void 0 : config.features) == null ? void 0 : _A.enableNotifications) != null ? _B : defaultAggUiConfig.features.enableNotifications,
+      showSportsMarkets: (_D = (_C = config == null ? void 0 : config.features) == null ? void 0 : _C.showSportsMarkets) != null ? _D : defaultAggUiConfig.features.showSportsMarkets
     },
     market: {
-      arbitrageThreshold: (_D = (_C = config == null ? void 0 : config.market) == null ? void 0 : _C.arbitrageThreshold) != null ? _D : defaultAggUiConfig.market.arbitrageThreshold,
-      maxMidpointIdsPerRequest: (_F = (_E = config == null ? void 0 : config.market) == null ? void 0 : _E.maxMidpointIdsPerRequest) != null ? _F : defaultAggUiConfig.market.maxMidpointIdsPerRequest
+      arbitrageThreshold: (_F = (_E = config == null ? void 0 : config.market) == null ? void 0 : _E.arbitrageThreshold) != null ? _F : defaultAggUiConfig.market.arbitrageThreshold,
+      maxMidpointIdsPerRequest: (_H = (_G = config == null ? void 0 : config.market) == null ? void 0 : _G.maxMidpointIdsPerRequest) != null ? _H : defaultAggUiConfig.market.maxMidpointIdsPerRequest
     },
     chart: {
-      defaultChartTimeRange: (_H = (_G = config == null ? void 0 : config.chart) == null ? void 0 : _G.defaultChartTimeRange) != null ? _H : defaultAggUiConfig.chart.defaultChartTimeRange,
-      selectedChartTimeRange: (_L = (_K = (_I = persisted.chart) == null ? void 0 : _I.selectedChartTimeRange) != null ? _K : (_J = config == null ? void 0 : config.chart) == null ? void 0 : _J.defaultChartTimeRange) != null ? _L : defaultAggUiConfig.chart.defaultChartTimeRange,
+      defaultChartTimeRange: (_J = (_I = config == null ? void 0 : config.chart) == null ? void 0 : _I.defaultChartTimeRange) != null ? _J : defaultAggUiConfig.chart.defaultChartTimeRange,
+      selectedChartTimeRange: (_N = (_M = (_K = persisted.chart) == null ? void 0 : _K.selectedChartTimeRange) != null ? _M : (_L = config == null ? void 0 : config.chart) == null ? void 0 : _L.defaultChartTimeRange) != null ? _N : defaultAggUiConfig.chart.defaultChartTimeRange,
       setSelectedChartTimeRange: defaultAggUiConfig.chart.setSelectedChartTimeRange
     },
     formatting: {
-      formatNumber: (_N = (_M = config == null ? void 0 : config.formatting) == null ? void 0 : _M.formatNumber) != null ? _N : formatters.formatNumber,
-      formatPercent: (_P = (_O = config == null ? void 0 : config.formatting) == null ? void 0 : _O.formatPercent) != null ? _P : formatters.formatPercent,
-      formatCurrency: (_R = (_Q = config == null ? void 0 : config.formatting) == null ? void 0 : _Q.formatCurrency) != null ? _R : formatters.formatCurrency,
-      formatCompactCurrency: (_T = (_S = config == null ? void 0 : config.formatting) == null ? void 0 : _S.formatCompactCurrency) != null ? _T : formatters.formatCompactCurrency,
-      formatDate: (_V = (_U = config == null ? void 0 : config.formatting) == null ? void 0 : _U.formatDate) != null ? _V : formatters.formatDate
+      formatNumber: (_P = (_O = config == null ? void 0 : config.formatting) == null ? void 0 : _O.formatNumber) != null ? _P : formatters.formatNumber,
+      formatPercent: (_R = (_Q = config == null ? void 0 : config.formatting) == null ? void 0 : _Q.formatPercent) != null ? _R : formatters.formatPercent,
+      formatCurrency: (_T = (_S = config == null ? void 0 : config.formatting) == null ? void 0 : _S.formatCurrency) != null ? _T : formatters.formatCurrency,
+      formatCompactCurrency: (_V = (_U = config == null ? void 0 : config.formatting) == null ? void 0 : _U.formatCompactCurrency) != null ? _V : formatters.formatCompactCurrency,
+      formatDate: (_X = (_W = config == null ? void 0 : config.formatting) == null ? void 0 : _W.formatDate) != null ? _X : formatters.formatDate
     },
     search: mergeAggUiSearchConfig(config == null ? void 0 : config.search),
     trading: {
-      executionMode: (_X = (_W = config == null ? void 0 : config.trading) == null ? void 0 : _W.executionMode) != null ? _X : defaultAggUiConfig.trading.executionMode
+      executionMode: (_Z = (_Y = config == null ? void 0 : config.trading) == null ? void 0 : _Y.executionMode) != null ? _Z : defaultAggUiConfig.trading.executionMode
     },
     walletActions: config == null ? void 0 : config.walletActions,
     solanaRpcUrl: config == null ? void 0 : config.solanaRpcUrl
@@ -4055,6 +4102,7 @@ function mapOrderStatusToTerminalEvent(status) {
 }
 function useExecutionProgress({
   orderIds,
+  quoteId,
   enabled,
   mode
 }) {
@@ -4230,17 +4278,202 @@ function useExecutionProgress({
       return;
     }
   }, []);
-  const isListening = enabled && !!orderIds && orderIds.length > 0;
+  const isStatusPolling = enabled && !!quoteId;
+  const isListening = !isStatusPolling && enabled && !!orderIds && orderIds.length > 0;
   useOnOrderSubmitted(isListening ? handleOrderSubmitted : null);
   useOnBalanceUpdate(isListening ? handleBalanceUpdate : null);
   useOnOrderEvent(isListening ? handleOrderEvent : null);
   const client = useAggClient();
   const terminalOrderIdsRef = (0, import_react10.useRef)(/* @__PURE__ */ new Set());
   const pollInFlightRef = (0, import_react10.useRef)(false);
+  const buildSubmittedOrdersFromStatus = (0, import_react10.useCallback)(
+    (orders) => {
+      return orders.map((order) => {
+        var _a, _b;
+        return {
+          type: "order_submitted",
+          venue: order.venue,
+          orderId: order.orderId,
+          side: "",
+          price: Number((_b = (_a = order.executionPriceRaw) != null ? _a : order.quotedPriceRaw) != null ? _b : 0),
+          size: 0,
+          timestamp: new Date(order.updatedAt).getTime() / 1e3
+        };
+      });
+    },
+    []
+  );
+  const buildTerminalEventsFromStatus = (0, import_react10.useCallback)(
+    (status, fallbackOrderIds, fallbackTimestamp) => {
+      const terminalEvents = status.orders.map((order) => {
+        var _a, _b;
+        const mappedEvent = (_a = order.event) != null ? _a : mapOrderStatusToTerminalEvent(order.status);
+        if (!mappedEvent) return null;
+        return {
+          orderId: order.orderId,
+          venue: order.venue,
+          event: mappedEvent,
+          filledAmountRaw: order.filledAmountRaw,
+          remainingAmountRaw: order.remainingAmountRaw,
+          actualSharesRaw: order.actualSharesRaw,
+          actualToWinRaw: order.actualToWinRaw,
+          quotedSharesRaw: order.quotedSharesRaw,
+          quotedToWinRaw: order.quotedToWinRaw,
+          executionPriceRaw: order.executionPriceRaw,
+          quotedPriceRaw: order.quotedPriceRaw,
+          errorReason: (_b = order.errorReason) != null ? _b : order.partialFillReason,
+          timestamp: new Date(order.updatedAt).getTime() || fallbackTimestamp
+        };
+      }).filter((order) => order != null);
+      if (!status.terminal || terminalEvents.length > 0 || !["failed", "cancelled", "expired"].includes(status.overallState)) {
+        return terminalEvents;
+      }
+      return fallbackOrderIds.map((orderId) => {
+        var _a;
+        return {
+          orderId,
+          venue: "",
+          event: "failed",
+          errorReason: (_a = status.errorReason) != null ? _a : "Execution failed.",
+          timestamp: fallbackTimestamp
+        };
+      });
+    },
+    []
+  );
+  const setFatalPollingFailure = (0, import_react10.useCallback)((message, failedOrderIds) => {
+    setDagProgress((prev) => {
+      var _a, _b, _c, _d, _e, _f;
+      return {
+        dagRunId: (_a = prev == null ? void 0 : prev.dagRunId) != null ? _a : "",
+        totalSteps: (_b = prev == null ? void 0 : prev.totalSteps) != null ? _b : 0,
+        currentSequence: (_c = prev == null ? void 0 : prev.currentSequence) != null ? _c : 0,
+        currentStepType: (_d = prev == null ? void 0 : prev.currentStepType) != null ? _d : null,
+        completedSequences: (_e = prev == null ? void 0 : prev.completedSequences) != null ? _e : [],
+        stepTypes: (_f = prev == null ? void 0 : prev.stepTypes) != null ? _f : {},
+        status: "failed",
+        errorReason: message
+      };
+    });
+    setTerminalOrderEvents((prev) => {
+      const existingByOrderId = new Map(prev.map((event) => [event.orderId, event]));
+      const timestamp = Date.now();
+      for (const orderId of failedOrderIds) {
+        if (existingByOrderId.has(orderId)) continue;
+        existingByOrderId.set(orderId, {
+          orderId,
+          venue: "",
+          event: "failed",
+          errorReason: message,
+          timestamp
+        });
+      }
+      return Array.from(existingByOrderId.values()).sort(
+        (left, right) => left.timestamp - right.timestamp
+      );
+    });
+  }, []);
   (0, import_react10.useEffect)(() => {
     terminalOrderIdsRef.current = new Set(terminalOrderEvents.map((e) => e.orderId));
   }, [terminalOrderEvents]);
   (0, import_react10.useEffect)(() => {
+    if (!isStatusPolling || !quoteId) return;
+    let cancelled = false;
+    let timeout = null;
+    const stopPolling = () => {
+      if (timeout !== null) {
+        clearTimeout(timeout);
+        timeout = null;
+      }
+    };
+    const scheduleNextPoll = (delayMs) => {
+      if (cancelled) return;
+      timeout = setTimeout(() => {
+        void pollExecutionStatus();
+      }, delayMs != null ? delayMs : ORDER_POLL_INTERVAL_MS);
+    };
+    const pollExecutionStatus = () => __async(null, null, function* () {
+      if (cancelled || pollInFlightRef.current) return;
+      pollInFlightRef.current = true;
+      try {
+        const status = yield client.getExecutionStatus(__spreadValues({
+          quoteId
+        }, mode ? { mode } : {}));
+        if (cancelled) return;
+        const resolvedOrderIds = status.orderIds.length > 0 ? status.orderIds : orderIds != null ? orderIds : [];
+        if (resolvedOrderIds.length > 0) {
+          setPhase("order_submitted");
+        }
+        setSubmittedOrders(buildSubmittedOrdersFromStatus(status.orders));
+        if (status.dagProgress) {
+          setDagProgress(__spreadProps(__spreadValues({}, status.dagProgress), {
+            stepTypes: Object.fromEntries(
+              Object.entries(status.dagProgress.stepTypes).map(([sequence, stepType]) => [
+                Number(sequence),
+                stepType
+              ])
+            )
+          }));
+        } else if (status.terminal && ["failed", "cancelled", "expired"].includes(status.overallState)) {
+          setDagProgress((prev) => {
+            var _a, _b, _c, _d, _e, _f, _g;
+            return {
+              dagRunId: (_b = (_a = prev == null ? void 0 : prev.dagRunId) != null ? _a : status.executionId) != null ? _b : "",
+              totalSteps: (_c = prev == null ? void 0 : prev.totalSteps) != null ? _c : status.steps.length,
+              currentSequence: (_d = prev == null ? void 0 : prev.currentSequence) != null ? _d : 0,
+              currentStepType: (_e = prev == null ? void 0 : prev.currentStepType) != null ? _e : null,
+              completedSequences: (_f = prev == null ? void 0 : prev.completedSequences) != null ? _f : [],
+              stepTypes: (_g = prev == null ? void 0 : prev.stepTypes) != null ? _g : {},
+              status: "failed",
+              errorReason: status.errorReason
+            };
+          });
+        }
+        const fallbackTimestamp = Date.now();
+        const nextTerminalEvents = buildTerminalEventsFromStatus(
+          status,
+          resolvedOrderIds,
+          fallbackTimestamp
+        );
+        setTerminalOrderEvents(nextTerminalEvents);
+        if (status.terminal) {
+          stopPolling();
+          return;
+        }
+        scheduleNextPoll(status.pollAfterMs);
+      } catch (error) {
+        if (cancelled) return;
+        const statusCode = typeof error === "object" && error != null && "status" in error && typeof error.status === "number" ? error.status : null;
+        if (statusCode === 400 || statusCode === 401 || statusCode === 403) {
+          setFatalPollingFailure(
+            error instanceof Error ? error.message : "Execution status polling failed.",
+            orderIds != null ? orderIds : []
+          );
+          stopPolling();
+          return;
+        }
+        scheduleNextPoll(ORDER_POLL_INTERVAL_MS);
+      } finally {
+        pollInFlightRef.current = false;
+      }
+    });
+    void pollExecutionStatus();
+    return () => {
+      cancelled = true;
+      stopPolling();
+    };
+  }, [
+    buildSubmittedOrdersFromStatus,
+    buildTerminalEventsFromStatus,
+    client,
+    isStatusPolling,
+    mode,
+    orderIds,
+    quoteId,
+    setFatalPollingFailure
+  ]);
+  (0, import_react10.useEffect)(() => {
+    if (isStatusPolling) return;
     if (!isListening || !(orderIds == null ? void 0 : orderIds.length)) return;
     let cancelled = false;
     let interval = null;
@@ -4328,7 +4561,7 @@ function useExecutionProgress({
       cancelled = true;
       stopPolling();
     };
-  }, [client, isListening, mode, orderIds]);
+  }, [client, isListening, isStatusPolling, mode, orderIds]);
   return { phase, submittedOrders, latestBalance, dagProgress, terminalOrderEvents };
 }
 
@@ -5945,7 +6178,6 @@ function useLiveOutcomePrices(venueMarkets) {
     for (const vm of venueMarkets) {
       for (const outcome of (_d = vm.venueMarketOutcomes) != null ? _d : []) {
         if (!enableLiveUpdates) {
-          prices.set(outcome.id, outcome.price);
           continue;
         }
         const liveMidpoint = liveByOutcomeId.get(outcome.id);
@@ -6498,31 +6730,8 @@ function useMidpoints(venueMarkets, options) {
   };
 }
 
-// src/use-tradable-venues.ts
-var import_react29 = require("react");
-function useTradableVenues(venueMarkets) {
-  const { prices, isLoading } = useMidpoints(venueMarkets);
-  const tradableVenues = (0, import_react29.useMemo)(() => {
-    var _a;
-    if (isLoading) return null;
-    if (!venueMarkets || venueMarkets.length === 0) return /* @__PURE__ */ new Set();
-    const set = /* @__PURE__ */ new Set();
-    for (const market of venueMarkets) {
-      const outcomes = (_a = market.venueMarketOutcomes) != null ? _a : [];
-      for (const outcome of outcomes) {
-        if (prices.has(outcome.id)) {
-          set.add(market.venue);
-          break;
-        }
-      }
-    }
-    return set;
-  }, [venueMarkets, prices, isLoading]);
-  return { tradableVenues, isLoading };
-}
-
 // src/use-rolling-chart-window.ts
-var import_react30 = require("react");
+var import_react29 = require("react");
 var RANGE_SECONDS_BY_RANGE = {
   "1H": 60 * 60,
   "6H": 6 * 60 * 60,
@@ -6553,16 +6762,16 @@ var useRollingChartWindow = (options) => {
   var _a;
   const tickMs = (_a = options.tickMs) != null ? _a : 1e3;
   const optionsNowMs = options.nowMs;
-  const nowMs = (0, import_react30.useMemo)(() => optionsNowMs != null ? optionsNowMs : (() => Date.now()), [optionsNowMs]);
-  const [nowSec, setNowSec] = (0, import_react30.useState)(() => Math.floor(nowMs() / 1e3));
-  (0, import_react30.useEffect)(() => {
+  const nowMs = (0, import_react29.useMemo)(() => optionsNowMs != null ? optionsNowMs : (() => Date.now()), [optionsNowMs]);
+  const [nowSec, setNowSec] = (0, import_react29.useState)(() => Math.floor(nowMs() / 1e3));
+  (0, import_react29.useEffect)(() => {
     setNowSec(Math.floor(nowMs() / 1e3));
     const handle = setInterval(() => {
       setNowSec(Math.floor(nowMs() / 1e3));
     }, tickMs);
     return () => clearInterval(handle);
   }, [tickMs, nowMs]);
-  return (0, import_react30.useMemo)(
+  return (0, import_react29.useMemo)(
     () => resolveRollingWindow({ range: options.range, nowSec, interval: options.interval }),
     [options.range, options.interval, nowSec]
   );
@@ -6655,11 +6864,11 @@ function useMarketOrderbook(options) {
 }
 
 // src/use-arb.ts
-var import_react31 = require("react");
+var import_react30 = require("react");
 function useMarketArb(marketId) {
   const ws = useAggWebSocket();
-  const [state, setState] = (0, import_react31.useState)({ arbReturn: null, isLive: false });
-  (0, import_react31.useEffect)(() => {
+  const [state, setState] = (0, import_react30.useState)({ arbReturn: null, isLive: false });
+  (0, import_react30.useEffect)(() => {
     if (!ws || !marketId) return;
     const cached = ws.getArb(marketId);
     if (cached != null) {
@@ -6678,10 +6887,10 @@ var EMPTY_ARB_FEED = {
 };
 function useArbFeed() {
   const ws = useAggWebSocket();
-  const [state, setState] = (0, import_react31.useState)(EMPTY_ARB_FEED);
-  const stateRef = (0, import_react31.useRef)(state);
+  const [state, setState] = (0, import_react30.useState)(EMPTY_ARB_FEED);
+  const stateRef = (0, import_react30.useRef)(state);
   stateRef.current = state;
-  (0, import_react31.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (!ws) return;
     const off = ws.subscribeArbFeed((batch) => {
       setState((prev) => {
@@ -6921,15 +7130,15 @@ function useOrders(options = {}) {
 
 // src/use-search.ts
 var import_react_query31 = require("@tanstack/react-query");
-var import_react32 = require("react");
+var import_react31 = require("react");
 function useSearch(options) {
   var _a, _b, _c;
-  const client = (0, import_react32.useContext)(AggClientContext);
-  const queryClient = (0, import_react32.useContext)(import_react_query31.QueryClientContext);
-  const [fallbackQueryClient] = (0, import_react32.useState)(() => new import_react_query31.QueryClient());
+  const client = (0, import_react31.useContext)(AggClientContext);
+  const queryClient = (0, import_react31.useContext)(import_react_query31.QueryClientContext);
+  const [fallbackQueryClient] = (0, import_react31.useState)(() => new import_react_query31.QueryClient());
   const { q, type, categoryIds, limit = 20, enabled = true, deep = false } = options;
   const isEnabled = enabled && q.length > 0;
-  (0, import_react32.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (queryClient) return void 0;
     fallbackQueryClient.mount();
     return () => {
@@ -6983,7 +7192,7 @@ function useSearch(options) {
 }
 
 // src/use-market-search.ts
-var import_react33 = require("react");
+var import_react32 = require("react");
 function useMarketSearch(options) {
   var _a;
   const {
@@ -6994,8 +7203,8 @@ function useMarketSearch(options) {
     enableSuggestions = true,
     minLength = 1
   } = options;
-  const [query, setQueryState] = (0, import_react33.useState)("");
-  const [submittedQuery, setSubmittedQuery] = (0, import_react33.useState)(null);
+  const [query, setQueryState] = (0, import_react32.useState)("");
+  const [submittedQuery, setSubmittedQuery] = (0, import_react32.useState)(null);
   const debouncedQuery = useDebouncedValue(query, debounceMs);
   const trimmedDebounced = debouncedQuery.trim();
   const suggestionsEnabled = enableSuggestions && trimmedDebounced.length >= minLength;
@@ -7016,10 +7225,10 @@ function useMarketSearch(options) {
     enabled: submittedQ.length > 0,
     deep: true
   });
-  const setQuery = (0, import_react33.useCallback)((value) => {
+  const setQuery = (0, import_react32.useCallback)((value) => {
     setQueryState(value);
   }, []);
-  const submit = (0, import_react33.useCallback)(
+  const submit = (0, import_react32.useCallback)(
     (q) => {
       const target = (q != null ? q : query).trim();
       if (target.length === 0) return;
@@ -7027,7 +7236,7 @@ function useMarketSearch(options) {
     },
     [query]
   );
-  const clear = (0, import_react33.useCallback)(() => {
+  const clear = (0, import_react32.useCallback)(() => {
     setQueryState("");
     setSubmittedQuery(null);
   }, []);
@@ -7070,7 +7279,130 @@ function useMarketSearch(options) {
 
 // src/use-smart-route.ts
 var import_react_query32 = require("@tanstack/react-query");
+
+// src/smart-route-refresh-policy.ts
+var THIN_SMART_ROUTE_REFETCH_INTERVAL_MS = 5e3;
+var SMART_ROUTE_REFRESH_DEADLINE_BUFFER_MS = 4e3;
+var SMART_ROUTE_MIN_REFETCH_INTERVAL_MS = 5e3;
+var SMART_ROUTE_MAX_REFETCH_INTERVAL_MS = 2e4;
+var SMART_ROUTE_HIGH_SLIPPAGE_BPS = 75;
+var SMART_ROUTE_SHALLOW_TOP_LEVEL_RATIO = 0.7;
+var SMART_ROUTE_DEEP_FILL_LEVEL_COUNT = 3;
+var LIQUIDITY_CONSTRAINED_STATUSES = /* @__PURE__ */ new Set([
+  "infeasible",
+  "no_orderbooks",
+  "insufficient_depth",
+  "no_bids_above_min_price"
+]);
+var THIN_LIQUIDITY_WARNING_PATTERN = /partial(?:[_\s-]?fill)?|insufficient(?:[_\s-]?liquidity|[_\s-]?depth)|shallow|price moved|no active quote path|couldn'?t fill|unable to fill|quote stale|stale/i;
+var resolveMsUntilIsoTimestamp = (value, nowMs) => {
+  if (!value) return null;
+  const parsedValue = Date.parse(value);
+  if (!Number.isFinite(parsedValue)) return null;
+  return parsedValue - nowMs;
+};
+var clampIntervalToRefreshDeadline = ({
+  intervalMs,
+  refreshAt,
+  nowMs
+}) => {
+  const msUntilRefresh = resolveMsUntilIsoTimestamp(refreshAt, nowMs);
+  if (msUntilRefresh == null || msUntilRefresh <= 0) {
+    return Math.min(
+      SMART_ROUTE_MAX_REFETCH_INTERVAL_MS,
+      Math.max(SMART_ROUTE_MIN_REFETCH_INTERVAL_MS, intervalMs)
+    );
+  }
+  return Math.max(
+    SMART_ROUTE_MIN_REFETCH_INTERVAL_MS,
+    Math.min(SMART_ROUTE_MAX_REFETCH_INTERVAL_MS, intervalMs, Math.floor(msUntilRefresh))
+  );
+};
+var assessThinSmartRouteLiquidity = (quote, nowMs = Date.now()) => {
+  var _a, _b;
+  if (!quote) {
+    return {
+      isThin: false,
+      reasons: []
+    };
+  }
+  const reasons = /* @__PURE__ */ new Set();
+  if (LIQUIDITY_CONSTRAINED_STATUSES.has(quote.status)) {
+    reasons.add("liquidity_status");
+  }
+  if (typeof ((_a = quote.slippage) == null ? void 0 : _a.slippageBps) === "number" && Number.isFinite(quote.slippage.slippageBps) && quote.slippage.slippageBps >= SMART_ROUTE_HIGH_SLIPPAGE_BPS) {
+    reasons.add("high_slippage");
+  }
+  const msUntilRefresh = resolveMsUntilIsoTimestamp(quote.refreshAt, nowMs);
+  if (msUntilRefresh != null && msUntilRefresh <= SMART_ROUTE_REFRESH_DEADLINE_BUFFER_MS) {
+    reasons.add("refresh_due_soon");
+  }
+  const hasShallowTopLevel = quote.fills.some((fill) => {
+    var _a2, _b2;
+    if (fill.fills.length <= 1 || fill.venueQty <= 0) return false;
+    const topLevelSize = (_b2 = (_a2 = fill.fills[0]) == null ? void 0 : _a2.size) != null ? _b2 : 0;
+    if (!Number.isFinite(topLevelSize) || topLevelSize <= 0) return false;
+    return topLevelSize / fill.venueQty < SMART_ROUTE_SHALLOW_TOP_LEVEL_RATIO;
+  });
+  if (hasShallowTopLevel) {
+    reasons.add("shallow_top_level");
+  }
+  const hasDeepFillLevels = quote.fills.some(
+    (fill) => fill.fills.length >= SMART_ROUTE_DEEP_FILL_LEVEL_COUNT
+  );
+  if (hasDeepFillLevels) {
+    reasons.add("deep_fill_levels");
+  }
+  const hasThinWarning = ((_b = quote.warnings) != null ? _b : []).some(
+    (warning) => THIN_LIQUIDITY_WARNING_PATTERN.test(warning.reason)
+  );
+  if (hasThinWarning) {
+    reasons.add("warning_signal");
+  }
+  return {
+    isThin: reasons.size > 0,
+    reasons: [...reasons]
+  };
+};
+var resolveSmartRouteRefetchInterval = (args, nowMs = Date.now()) => {
+  const {
+    aggressiveIntervalMs = THIN_SMART_ROUTE_REFETCH_INTERVAL_MS,
+    data,
+    defaultIntervalMs,
+    isDocumentVisible,
+    isEditing = false,
+    isInputValid,
+    isMarketOpen,
+    isPanelActive,
+    isSubmitting,
+    queryEnabled
+  } = args;
+  if (defaultIntervalMs <= 0) return false;
+  const isActivelyViewingQuote = isPanelActive || isEditing;
+  if (!queryEnabled || !isInputValid || !isActivelyViewingQuote || !isMarketOpen || isSubmitting || !isDocumentVisible) {
+    return false;
+  }
+  const defaultInterval = clampIntervalToRefreshDeadline({
+    intervalMs: defaultIntervalMs,
+    refreshAt: data == null ? void 0 : data.refreshAt,
+    nowMs
+  });
+  if (!data) return defaultInterval;
+  const thinLiquidity = assessThinSmartRouteLiquidity(data, nowMs);
+  if (!thinLiquidity.isThin) return defaultInterval;
+  return clampIntervalToRefreshDeadline({
+    intervalMs: aggressiveIntervalMs,
+    refreshAt: data.refreshAt,
+    nowMs
+  });
+};
+
+// src/use-smart-route.ts
 var SMART_ROUTE_STALE_TIME_MS = 2e4;
+var getIsDocumentVisible = () => {
+  if (typeof document === "undefined") return true;
+  return document.visibilityState !== "hidden";
+};
 function useSmartRoute(options) {
   var _a, _b;
   const client = useAggClient();
@@ -7088,9 +7420,12 @@ function useSmartRoute(options) {
     compareVenues,
     deepEstimate,
     enabled = true,
-    staleTimeMs = SMART_ROUTE_STALE_TIME_MS
+    staleTimeMs = SMART_ROUTE_STALE_TIME_MS,
+    refreshContext
   } = options;
   const resolvedVenueMarketOutcomeId = (_a = venueMarketOutcomeId != null ? venueMarketOutcomeId : venueMarketId) != null ? _a : outcomeId;
+  const hasValidInput = (maxSpend != null ? maxSpend : 0) > 0 || (sellShares != null ? sellShares : 0) > 0;
+  const queryEnabled = enabled && !!resolvedVenueMarketOutcomeId && hasValidInput;
   const query = (0, import_react_query32.useQuery)({
     queryKey: [
       "smart-route",
@@ -7122,11 +7457,25 @@ function useSmartRoute(options) {
         { signal }
       );
     }),
-    enabled: enabled && !!resolvedVenueMarketOutcomeId && ((maxSpend != null ? maxSpend : 0) > 0 || (sellShares != null ? sellShares : 0) > 0),
+    enabled: queryEnabled,
     staleTime: staleTimeMs,
-    refetchInterval: staleTimeMs > 0 ? staleTimeMs : false,
+    refetchInterval: (queryState) => {
+      var _a2, _b2, _c, _d;
+      return resolveSmartRouteRefetchInterval({
+        data: queryState.state.data,
+        defaultIntervalMs: staleTimeMs,
+        isDocumentVisible: getIsDocumentVisible(),
+        isEditing: (_a2 = refreshContext == null ? void 0 : refreshContext.isEditing) != null ? _a2 : false,
+        isInputValid: hasValidInput,
+        isMarketOpen: (_b2 = refreshContext == null ? void 0 : refreshContext.isMarketOpen) != null ? _b2 : true,
+        isPanelActive: (_c = refreshContext == null ? void 0 : refreshContext.isPanelActive) != null ? _c : true,
+        isSubmitting: (_d = refreshContext == null ? void 0 : refreshContext.isSubmitting) != null ? _d : false,
+        queryEnabled
+      });
+    },
     gcTime: 6e4,
     refetchOnWindowFocus: false,
+    refetchIntervalInBackground: false,
     retry: 1,
     placeholderData: import_react_query32.keepPreviousData
   });
@@ -7181,7 +7530,7 @@ function useUserHoldings(options) {
 }
 
 // src/use-enriched-venue-event.ts
-var import_react35 = require("react");
+var import_react34 = require("react");
 
 // src/use-venue-event.ts
 var import_react_query34 = require("@tanstack/react-query");
@@ -7209,23 +7558,29 @@ function useVenueEvent(options) {
 
 // src/use-venue-markets.ts
 var import_react_query35 = require("@tanstack/react-query");
-var import_react34 = require("react");
+var import_react33 = require("react");
 function useVenueMarkets(options) {
-  var _a, _b, _c, _d, _e;
-  const client = (0, import_react34.useContext)(AggClientContext);
-  const queryClient = (0, import_react34.useContext)(import_react_query35.QueryClientContext);
-  const [fallbackQueryClient] = (0, import_react34.useState)(() => new import_react_query35.QueryClient());
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const client = (0, import_react33.useContext)(AggClientContext);
+  const queryClient = (0, import_react33.useContext)(import_react_query35.QueryClientContext);
+  const [fallbackQueryClient] = (0, import_react33.useState)(() => new import_react_query35.QueryClient());
   const venue = options == null ? void 0 : options.venue;
   const venueEventId = options == null ? void 0 : options.venueEventId;
   const search = options == null ? void 0 : options.search;
   const matchStatus = options == null ? void 0 : options.matchStatus;
   const status = options == null ? void 0 : options.status;
   const categoryIds = options == null ? void 0 : options.categoryIds;
+  const aggKey = options == null ? void 0 : options.aggKey;
+  const sportsMarketType = options == null ? void 0 : options.sportsMarketType;
+  const period = options == null ? void 0 : options.period;
+  const marketCategory = options == null ? void 0 : options.marketCategory;
+  const marketGroup = options == null ? void 0 : options.marketGroup;
   const enabled = (_a = options == null ? void 0 : options.enabled) != null ? _a : true;
   const limit = (_b = options == null ? void 0 : options.limit) != null ? _b : 20;
   const sortBy = options == null ? void 0 : options.sortBy;
   const sortDir = options == null ? void 0 : options.sortDir;
-  (0, import_react34.useEffect)(() => {
+  const context = options == null ? void 0 : options.context;
+  (0, import_react33.useEffect)(() => {
     if (queryClient) return void 0;
     fallbackQueryClient.mount();
     return () => {
@@ -7245,9 +7600,15 @@ function useVenueMarkets(options) {
         matchStatus != null ? matchStatus : "",
         status != null ? status : "",
         (_c = categoryIds == null ? void 0 : categoryIds.join(",")) != null ? _c : "",
+        (_d = aggKey == null ? void 0 : aggKey.join(",")) != null ? _d : "",
+        (_e = sportsMarketType == null ? void 0 : sportsMarketType.join(",")) != null ? _e : "",
+        (_f = period == null ? void 0 : period.join(",")) != null ? _f : "",
+        (_g = marketCategory == null ? void 0 : marketCategory.join(",")) != null ? _g : "",
+        (_h = marketGroup == null ? void 0 : marketGroup.join(",")) != null ? _h : "",
         limit,
         sortBy != null ? sortBy : "",
-        sortDir != null ? sortDir : ""
+        sortDir != null ? sortDir : "",
+        context != null ? context : ""
       ],
       queryFn: (_0) => __async(null, [_0], function* ({ pageParam }) {
         if (!client) {
@@ -7260,10 +7621,16 @@ function useVenueMarkets(options) {
           matchStatus,
           status,
           categoryIds,
+          aggKey,
+          sportsMarketType,
+          period,
+          marketCategory,
+          marketGroup,
           limit,
           cursor: pageParam,
           sortBy,
-          sortDir
+          sortDir,
+          context
         });
         return res;
       }),
@@ -7277,7 +7644,7 @@ function useVenueMarkets(options) {
     },
     queryClient != null ? queryClient : fallbackQueryClient
   );
-  const markets = (_e = (_d = query.data) == null ? void 0 : _d.pages.flatMap((page) => page.data)) != null ? _e : [];
+  const markets = (_j = (_i = query.data) == null ? void 0 : _i.pages.flatMap((page) => page.data)) != null ? _j : [];
   const hasNextPage = !!query.hasNextPage;
   return __spreadProps(__spreadValues({}, query), {
     markets,
@@ -7289,23 +7656,38 @@ function useVenueMarkets(options) {
 function mergeEventWithFullMarkets(event, fullMarkets) {
   if (fullMarkets.length === 0) return event;
   const fullById = new Map(fullMarkets.map((m) => [m.id, m]));
-  const mergedMarkets = event.venueMarkets.map((minimal) => {
+  const ordering = event.venueMarkets.length > 0 ? event.venueMarkets : fullMarkets;
+  const mergedMarkets = ordering.map((minimal) => {
     var _a;
     return (_a = fullById.get(minimal.id)) != null ? _a : minimal;
   });
   return __spreadProps(__spreadValues({}, event), { venueMarkets: mergedMarkets });
 }
 function useEnrichedVenueEvent(options) {
-  var _b;
+  var _b, _c;
   const _a = useVenueEvent(options), { event, isLoading, error } = _a, rest = __objRest(_a, ["event", "isLoading", "error"]);
-  const { markets, isLoading: isEnriching } = useVenueMarkets({
+  const eventEndedAt = (event == null ? void 0 : event.endDate) && Number.isFinite(Date.parse(event.endDate)) ? Date.parse(event.endDate) : null;
+  const shouldFetchOnlyOpenMarkets = eventEndedAt == null || eventEndedAt >= Date.now();
+  const { markets: openMarkets, isLoading: isEnrichingOpenMarkets } = useVenueMarkets({
     venueEventId: options.eventId,
     enabled: ((_b = options.enabled) != null ? _b : true) && !!event,
-    status: "open" /* open */,
-    sortBy: "yesPrice",
-    sortDir: "desc"
+    status: shouldFetchOnlyOpenMarkets ? "open" /* open */ : void 0
+    // No explicit sortBy: event-scoped /venue-markets sorts by the event's
+    // type-aware order (structureOrderBy). Keeping this in lockstep with
+    // MarketDetailsList preserves the shared React Query cache key and the
+    // event-type ordering.
   });
-  const enrichedEvent = (0, import_react35.useMemo)(() => {
+  const shouldFetchAllMarketsFallback = ((_c = options.enabled) != null ? _c : true) && !!event && shouldFetchOnlyOpenMarkets && !isEnrichingOpenMarkets && openMarkets.length === 0;
+  const { markets: fallbackMarkets, isLoading: isEnrichingFallbackMarkets } = useVenueMarkets({
+    venueEventId: options.eventId,
+    enabled: shouldFetchAllMarketsFallback
+    // No status filter on fallback: if an active event temporarily has only
+    // closed/resolved markets, still render the event page instead of the
+    // unavailable state.
+  });
+  const markets = fallbackMarkets.length > 0 ? fallbackMarkets : openMarkets;
+  const isEnriching = isEnrichingOpenMarkets || isEnrichingFallbackMarkets;
+  const enrichedEvent = (0, import_react34.useMemo)(() => {
     if (!event) return void 0;
     if (markets.length === 0) return event;
     return mergeEventWithFullMarkets(event, markets);
@@ -7320,12 +7702,12 @@ function useEnrichedVenueEvent(options) {
 
 // src/use-venue-events.ts
 var import_react_query36 = require("@tanstack/react-query");
-var import_react36 = require("react");
+var import_react35 = require("react");
 function useVenueEvents(options) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-  const client = (0, import_react36.useContext)(AggClientContext);
-  const queryClient = (0, import_react36.useContext)(import_react_query36.QueryClientContext);
-  const [fallbackQueryClient] = (0, import_react36.useState)(() => new import_react_query36.QueryClient());
+  const client = (0, import_react35.useContext)(AggClientContext);
+  const queryClient = (0, import_react35.useContext)(import_react_query36.QueryClientContext);
+  const [fallbackQueryClient] = (0, import_react35.useState)(() => new import_react_query36.QueryClient());
   const venues = options == null ? void 0 : options.venues;
   const search = options == null ? void 0 : options.search;
   const categoryIds = options == null ? void 0 : options.categoryIds;
@@ -7340,8 +7722,9 @@ function useVenueEvents(options) {
   const minYesPrice = options == null ? void 0 : options.minYesPrice;
   const maxYesPrice = options == null ? void 0 : options.maxYesPrice;
   const endDateFrom = options == null ? void 0 : options.endDateFrom;
+  const grouped = options == null ? void 0 : options.grouped;
   const initialPages = options == null ? void 0 : options.initialPages;
-  (0, import_react36.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (queryClient) return void 0;
     fallbackQueryClient.mount();
     return () => {
@@ -7366,6 +7749,7 @@ function useVenueEvents(options) {
         minYesPrice != null ? minYesPrice : "",
         maxYesPrice != null ? maxYesPrice : "",
         endDateFrom != null ? endDateFrom : "",
+        grouped != null ? grouped : false,
         limit
       ],
       queryFn: (_0) => __async(null, [_0], function* ({ pageParam }) {
@@ -7385,6 +7769,7 @@ function useVenueEvents(options) {
           minYesPrice,
           maxYesPrice,
           endDateFrom,
+          grouped,
           cursor: pageParam
         });
         return res;
@@ -7401,8 +7786,8 @@ function useVenueEvents(options) {
     },
     queryClient != null ? queryClient : fallbackQueryClient
   );
-  const prefetchedRef = (0, import_react36.useRef)(false);
-  (0, import_react36.useEffect)(() => {
+  const prefetchedRef = (0, import_react35.useRef)(false);
+  (0, import_react35.useEffect)(() => {
     var _a2, _b2;
     if (prefetchedRef.current) return;
     if (!initialPages || initialPages <= 1) return;
@@ -7420,7 +7805,7 @@ function useVenueEvents(options) {
     query.hasNextPage,
     query.fetchNextPage
   ]);
-  const events = (0, import_react36.useMemo)(
+  const events = (0, import_react35.useMemo)(
     () => {
       var _a2, _b2;
       return (_b2 = (_a2 = query.data) == null ? void 0 : _a2.pages.flatMap((page) => page.data)) != null ? _b2 : [];
@@ -7538,7 +7923,7 @@ var computePriceGaps = ({
 };
 
 // src/use-viewport-midpoints.ts
-var import_react37 = require("react");
+var import_react36 = require("react");
 var buildOutcomeMidpointMap = (outcomes) => {
   const m = /* @__PURE__ */ new Map();
   if (!outcomes) return m;
@@ -7591,15 +7976,15 @@ function useViewportMidpoints(visibleMarkets, options) {
     market: { maxMidpointIdsPerRequest: configuredMaxMidpointIdsPerRequest }
   } = useAggUiConfig();
   const maxMidpointIdsPerRequest = (_a = options == null ? void 0 : options.maxMidpointIdsPerRequest) != null ? _a : configuredMaxMidpointIdsPerRequest;
-  const [cache, setCache] = (0, import_react37.useState)(() => /* @__PURE__ */ new Map());
-  const inFlightRef = (0, import_react37.useRef)(/* @__PURE__ */ new Set());
-  const visibleRef = (0, import_react37.useRef)(visibleMarkets);
+  const [cache, setCache] = (0, import_react36.useState)(() => /* @__PURE__ */ new Map());
+  const inFlightRef = (0, import_react36.useRef)(/* @__PURE__ */ new Set());
+  const visibleRef = (0, import_react36.useRef)(visibleMarkets);
   visibleRef.current = visibleMarkets;
-  const visibleFp = (0, import_react37.useMemo)(
+  const visibleFp = (0, import_react36.useMemo)(
     () => [...new Set(visibleMarkets.map((m) => m.id))].sort().join("|"),
     [visibleMarkets]
   );
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     const toFetch = resolveUncachedVisibleMarketIds(visibleRef.current, cache, inFlightRef.current);
     if (!toFetch.length) return;
     let cancelled = false;
@@ -7623,7 +8008,7 @@ function useViewportMidpoints(visibleMarkets, options) {
       cancelled = true;
     };
   }, [visibleFp, cache, maxMidpointIdsPerRequest]);
-  const { prices, venueByOutcomeId } = (0, import_react37.useMemo)(() => {
+  const { prices, venueByOutcomeId } = (0, import_react36.useMemo)(() => {
     var _a2, _b, _c, _d;
     const map = /* @__PURE__ */ new Map();
     const venueMap = /* @__PURE__ */ new Map();
@@ -7656,15 +8041,15 @@ function useViewportMidpoints(visibleMarkets, options) {
 }
 
 // src/use-visible-ids.ts
-var import_react38 = require("react");
+var import_react37 = require("react");
 function useVisibleIds(options = {}) {
   const { rootMargin = "0px", threshold = 0 } = options;
-  const [visibleIds, setVisibleIds] = (0, import_react38.useState)(() => /* @__PURE__ */ new Set());
-  const observerRef = (0, import_react38.useRef)(null);
-  const elementsRef = (0, import_react38.useRef)(/* @__PURE__ */ new Map());
-  const elementIdRef = (0, import_react38.useRef)(/* @__PURE__ */ new WeakMap());
-  const callbackRefsRef = (0, import_react38.useRef)(/* @__PURE__ */ new Map());
-  (0, import_react38.useEffect)(() => {
+  const [visibleIds, setVisibleIds] = (0, import_react37.useState)(() => /* @__PURE__ */ new Set());
+  const observerRef = (0, import_react37.useRef)(null);
+  const elementsRef = (0, import_react37.useRef)(/* @__PURE__ */ new Map());
+  const elementIdRef = (0, import_react37.useRef)(/* @__PURE__ */ new WeakMap());
+  const callbackRefsRef = (0, import_react37.useRef)(/* @__PURE__ */ new Map());
+  (0, import_react37.useEffect)(() => {
     if (typeof IntersectionObserver === "undefined") return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -7696,7 +8081,7 @@ function useVisibleIds(options = {}) {
       observerRef.current = null;
     };
   }, [rootMargin, threshold]);
-  const register = (0, import_react38.useCallback)((id) => {
+  const register = (0, import_react37.useCallback)((id) => {
     const existing = callbackRefsRef.current.get(id);
     if (existing) return existing;
     const callback = (el) => {
@@ -7898,7 +8283,6 @@ var toAppConfigResult = (query) => {
   useSearch,
   useSmartRoute,
   useSyncBalances,
-  useTradableVenues,
   useUserActivity,
   useUserHoldings,
   useVenueEvent,