@agg-build/ui 4.2.0 → 4.7.1

package/dist/{chunk-GNEFI4SO.mjs → chunk-C4GFVJ62.mjs}

@@ -24,7 +24,7 @@ import {
   resolveUnifiedOrderBookEntries,
   sortOutcomeSelectorOutcomes,
   useEventTradingContext
-} from "./chunk-WDCH4RRS.mjs";
+} from "./chunk-WYCSTAN7.mjs";
 import {
   AutocompleteSelect,
   Badge,
@@ -33,6 +33,7 @@ import {
   CloseIcon,
   Icon,
   LineChart,
+  LoadingIcon,
   MOBILE_TABS_MEDIA_QUERY,
   MarketDetailsOderbookSkeleton,
   Modal,
@@ -75,12 +76,14 @@ import {
   resolveYesOutcome,
   sortCategoriesForNavigation,
   sortOutcomes,
-  splitEventsByLifecycle
-} from "./chunk-QW7VFURU.mjs";
+  splitEventsByLifecycle,
+  validateSubcategoryPath
+} from "./chunk-RDBMHBR2.mjs";
 
 // src/events/item/index.tsx
 import {
   optimizedImageUrl,
+  resolveRecurringCryptoIdentity,
   sortVenues,
   useLabels,
   useMidpoints,
@@ -454,13 +457,16 @@ var EventListItemContent = ({
   const config = useSdkUiConfig();
   const labels = useLabels();
   const allVenueMarkets = useMemo(() => event.venueMarkets, [event.venueMarkets]);
+  const recurringCryptoIdentity = resolveRecurringCryptoIdentity(event);
   const eventHeading = resolveEventHeading({
     title: event.title,
     categories: event.categories,
     structureType: event.structureType,
     gameStartTime: event.gameStartTime,
     endDate: event.endDate,
-    venueMarkets: event.venueMarkets
+    venueMarkets: event.venueMarkets,
+    recurringCryptoWindowStart: recurringCryptoIdentity == null ? void 0 : recurringCryptoIdentity.windowStart,
+    recurringCryptoDuration: recurringCryptoIdentity == null ? void 0 : recurringCryptoIdentity.duration
   });
   const resolvedTitle = eventHeading.title;
   const resolvedTimestamp = eventHeading.timestampLabel;
@@ -517,8 +523,14 @@ var EventListItemContent = ({
     enabled: !shouldUseSharedMidpoints && midpointVenueMarketIds.length > 0
   });
   const { prices: displayMidpointsByOutcomeId, isLoading: isOutcomeMidpointsLoading } = useMidpoints(shouldUseSharedMidpoints ? [] : resolvedOutcomeMarkets);
-  const resolvedMidpointRows = shouldUseSharedMidpoints ? sharedMidpointRows != null ? sharedMidpointRows : [] : fetchedMidpointRows;
-  const resolvedDisplayMidpointsByOutcomeId = shouldUseSharedMidpoints ? midpointPrices != null ? midpointPrices : /* @__PURE__ */ new Map() : displayMidpointsByOutcomeId;
+  const resolvedMidpointRows = useMemo(
+    () => shouldUseSharedMidpoints ? sharedMidpointRows != null ? sharedMidpointRows : [] : fetchedMidpointRows,
+    [fetchedMidpointRows, sharedMidpointRows, shouldUseSharedMidpoints]
+  );
+  const resolvedDisplayMidpointsByOutcomeId = useMemo(
+    () => shouldUseSharedMidpoints ? midpointPrices != null ? midpointPrices : /* @__PURE__ */ new Map() : displayMidpointsByOutcomeId,
+    [displayMidpointsByOutcomeId, midpointPrices, shouldUseSharedMidpoints]
+  );
   const isAwaitingMidpoints = midpointsLoading != null ? midpointsLoading : isOutcomeMidpointsLoading || midpointVenueMarketIds.length > 0 && isVenueMarketMidpointsLoading;
   const displayPriceByOutcomeId = useMemo(() => {
     const priceByOutcomeId = new Map(resolvedDisplayMidpointsByOutcomeId);
@@ -1413,16 +1425,161 @@ var mergeVenueOutcomeOrderbooks = ({
   };
 };
 
-// src/events/item-details/settlement-summary.tsx
+// src/events/shared/sports-live-score.tsx
 import { useLabels as useLabels2 } from "@agg-build/hooks";
-import { useMemo as useMemo2 } from "react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var SportsLiveScore = ({
+  state,
+  variant = "detail",
+  className
+}) => {
+  const labels = useLabels2();
+  if (!state || state.participants.length !== 2) return null;
+  const [firstParticipant, secondParticipant] = state.participants;
+  const firstScore = firstParticipant == null ? void 0 : firstParticipant.score;
+  const secondScore = secondParticipant == null ? void 0 : secondParticipant.score;
+  if (firstScore == null || secondScore == null) return null;
+  const statusLabels = {
+    scheduled: labels.sportsLive.scheduled,
+    live: labels.sportsLive.live,
+    paused: labels.sportsLive.paused,
+    finished: labels.sportsLive.finished,
+    cancelled: labels.sportsLive.cancelled,
+    postponed: labels.sportsLive.postponed,
+    unknown: labels.sportsLive.unknown
+  };
+  const statusText = [state.period, state.clock].filter(Boolean).join(" \xB7 ") || statusLabels[state.status];
+  const isLiveIndicatorVisible = state.status === "live" || state.status === "paused";
+  const isCard = variant === "card";
+  const renderParticipant = (participant) => {
+    var _a;
+    return /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        className: cn("flex min-w-0 flex-col items-center", isCard ? "gap-1.5" : "gap-3"),
+        title: participant.name,
+        children: [
+          /* @__PURE__ */ jsx2(
+            RemoteImage,
+            {
+              src: participant.imageUrl,
+              alt: "",
+              width: isCard ? 28 : 44,
+              height: isCard ? 28 : 44,
+              classNames: {
+                root: cn(
+                  "shrink-0 border border-agg-separator bg-agg-secondary-hover",
+                  isCard ? "size-7 rounded-agg-md" : "size-11 rounded-agg-lg"
+                ),
+                image: "object-contain",
+                placeholder: "text-agg-muted-foreground"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            Typography,
+            {
+              variant: "body",
+              className: cn(
+                "max-w-full truncate text-center text-agg-foreground",
+                isCard ? "text-agg-xs leading-agg-4" : "text-agg-base leading-agg-6"
+              ),
+              children: (_a = participant.shortName) != null ? _a : participant.name
+            }
+          )
+        ]
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      role: "status",
+      "aria-label": labels.sportsLive.scoreAria(
+        firstParticipant.name,
+        firstScore,
+        secondParticipant.name,
+        secondScore,
+        statusText
+      ),
+      className: cn(
+        "agg-sports-live-score grid w-full grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center",
+        isCard ? "gap-3 py-1" : "gap-6 md:gap-10",
+        className
+      ),
+      children: [
+        renderParticipant(firstParticipant),
+        /* @__PURE__ */ jsxs2("div", { className: cn("flex flex-col items-center", isCard ? "gap-1" : "gap-3"), children: [
+          /* @__PURE__ */ jsxs2("div", { className: cn("flex items-center", isCard ? "gap-2" : "gap-3"), children: [
+            /* @__PURE__ */ jsx2(
+              Typography,
+              {
+                variant: "body-strong",
+                className: cn(
+                  "font-agg-bold tabular-nums text-agg-foreground",
+                  isCard ? "text-agg-xl leading-agg-7" : "text-agg-3xl leading-agg-9"
+                ),
+                children: firstScore
+              }
+            ),
+            /* @__PURE__ */ jsx2(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: cn("shrink-0 bg-agg-separator", isCard ? "h-0.5 w-2" : "h-0.5 w-3")
+              }
+            ),
+            /* @__PURE__ */ jsx2(
+              Typography,
+              {
+                variant: "body-strong",
+                className: cn(
+                  "font-agg-bold tabular-nums text-agg-foreground",
+                  isCard ? "text-agg-xl leading-agg-7" : "text-agg-3xl leading-agg-9"
+                ),
+                children: secondScore
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 items-center gap-2 text-agg-primary", children: [
+            isLiveIndicatorVisible ? /* @__PURE__ */ jsx2(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "flex size-3.5 shrink-0 items-center justify-center rounded-agg-full bg-agg-primary/10",
+                children: /* @__PURE__ */ jsx2("span", { className: "size-1.5 rounded-agg-full bg-agg-primary" })
+              }
+            ) : null,
+            /* @__PURE__ */ jsx2(
+              Typography,
+              {
+                variant: "label-strong",
+                className: cn(
+                  "max-w-full truncate uppercase text-agg-primary",
+                  isCard ? "text-agg-2xs leading-agg-4" : "text-agg-sm leading-agg-5"
+                ),
+                children: statusText
+              }
+            )
+          ] })
+        ] }),
+        renderParticipant(secondParticipant)
+      ]
+    }
+  );
+};
+SportsLiveScore.displayName = "SportsLiveScore";
+
+// src/events/item-details/settlement-summary.tsx
+import { useLabels as useLabels3 } from "@agg-build/hooks";
+import { useMemo as useMemo2 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var SettlementSummary = ({
   settlementDiff,
   settlementSectionId = SETTLEMENT_SECTION_ID,
   className
 }) => {
-  const labels = useLabels2();
+  const labels = useLabels3();
   const settlementDifferences = useMemo2(
     () => prepareSettlementDifferences(settlementDiff == null ? void 0 : settlementDiff.differences),
     [settlementDiff == null ? void 0 : settlementDiff.differences]
@@ -1436,7 +1593,7 @@ var SettlementSummary = ({
     if (!target) return;
     target.scrollIntoView({ behavior: "smooth", block: "start" });
   };
-  const actionButton = /* @__PURE__ */ jsxs2(
+  const actionButton = /* @__PURE__ */ jsxs3(
     "button",
     {
       type: "button",
@@ -1449,8 +1606,8 @@ var SettlementSummary = ({
       "aria-controls": settlementSectionId,
       onClick: handleReadFullDetails,
       children: [
-        /* @__PURE__ */ jsx2("span", { children: labels.settlementSummary.readFullDetails }),
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx3("span", { children: labels.settlementSummary.readFullDetails }),
+        /* @__PURE__ */ jsx3(
           "i",
           {
             className: "fi fi-rr-arrow-small-down size-3.5!",
@@ -1463,7 +1620,7 @@ var SettlementSummary = ({
   );
   const visibleDifferences = settlementDifferences.slice(0, 2);
   const hiddenDifferenceCount = settlementDifferences.length - visibleDifferences.length;
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       className: cn(
@@ -1471,18 +1628,18 @@ var SettlementSummary = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs2("div", { className: "flex min-w-[240px] flex-1 flex-wrap items-center gap-x-5 gap-y-3", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "agg-settlement-summary-heading flex shrink-0 items-center gap-2", children: [
-            /* @__PURE__ */ jsx2("p", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: labels.settlementSummary.title }),
-            /* @__PURE__ */ jsx2("span", { className: "flex size-4 shrink-0 items-center justify-center rounded-agg-full bg-agg-primary text-[10px] font-agg-bold leading-[14px] text-agg-on-primary", children: settlementDifferences.length })
+        /* @__PURE__ */ jsxs3("div", { className: "flex min-w-[240px] flex-1 flex-wrap items-center gap-x-5 gap-y-3", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "agg-settlement-summary-heading flex shrink-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsx3("p", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: labels.settlementSummary.title }),
+            /* @__PURE__ */ jsx3("span", { className: "flex size-4 shrink-0 items-center justify-center rounded-agg-full bg-agg-primary text-[10px] font-agg-bold leading-[14px] text-agg-on-primary", children: settlementDifferences.length })
           ] }),
-          /* @__PURE__ */ jsxs2("div", { className: "agg-settlement-summary-pills flex min-w-[240px] flex-1 flex-wrap items-center gap-2", children: [
-            visibleDifferences.map((difference) => /* @__PURE__ */ jsxs2(
+          /* @__PURE__ */ jsxs3("div", { className: "agg-settlement-summary-pills flex min-w-[240px] flex-1 flex-wrap items-center gap-2", children: [
+            visibleDifferences.map((difference) => /* @__PURE__ */ jsxs3(
               "span",
               {
                 className: "flex h-6 max-w-full shrink-0 items-center gap-2 rounded-agg-full bg-agg-secondary-hover px-3 py-1 text-agg-xs font-agg-normal leading-agg-4 text-agg-foreground sm:max-w-[220px]",
                 children: [
-                  /* @__PURE__ */ jsx2(
+                  /* @__PURE__ */ jsx3(
                     "i",
                     {
                       className: cn(
@@ -1493,12 +1650,12 @@ var SettlementSummary = ({
                       "aria-hidden": "true"
                     }
                   ),
-                  /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: difference.title })
+                  /* @__PURE__ */ jsx3("span", { className: "min-w-0 truncate", children: difference.title })
                 ]
               },
               difference.canonicalKey
             )),
-            hiddenDifferenceCount > 0 ? /* @__PURE__ */ jsxs2("span", { className: "flex h-6 shrink-0 items-center rounded-agg-full bg-agg-secondary-hover px-3 py-1 text-agg-xs font-agg-normal leading-agg-4 text-agg-foreground", children: [
+            hiddenDifferenceCount > 0 ? /* @__PURE__ */ jsxs3("span", { className: "flex h-6 shrink-0 items-center rounded-agg-full bg-agg-secondary-hover px-3 py-1 text-agg-xs font-agg-normal leading-agg-4 text-agg-foreground", children: [
               "+",
               hiddenDifferenceCount
             ] }) : null
@@ -1519,18 +1676,18 @@ import {
   resolveEventTradingState,
   resolveMarketTradingState,
   useEventOrderbookData,
-  useLabels as useLabels5,
+  useLabels as useLabels6,
   useLiveBestPrices,
   useLiveOutcomePrices,
   useMarketChart,
   useRollingChartWindow,
-  useSdkUiConfig as useSdkUiConfig2,
+  useSdkUiConfig as useSdkUiConfig3,
   useVenueEvent as useVenueEvent2
 } from "@agg-build/hooks";
 import { useEffect as useEffect3, useMemo as useMemo5, useRef as useRef3, useState as useState3 } from "react";
 
 // src/primitives/chart/chart-type-switch.tsx
-import { useLabels as useLabels3 } from "@agg-build/hooks";
+import { useLabels as useLabels4 } from "@agg-build/hooks";
 import { useMemo as useMemo3 } from "react";
 
 // src/primitives/chart/chart-type-switch.constants.ts
@@ -1556,13 +1713,13 @@ var resolveChartTypeOptionIconName = (chartType) => {
 };
 
 // src/primitives/chart/chart-type-switch.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var ChartTypeSwitch = ({
   value,
   onValueChange,
   className
 }) => {
-  const labels = useLabels3();
+  const labels = useLabels4();
   const options = useMemo3(
     () => CHART_TYPE_SWITCH_OPTION_KEYS.map((chartType) => ({
       value: chartType,
@@ -1592,7 +1749,7 @@ var ChartTypeSwitch = ({
     }
     onValueChange(nextOption.value);
   };
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       className: cn("agg-chart-type-switch inline-flex items-center gap-2", className),
@@ -1600,7 +1757,7 @@ var ChartTypeSwitch = ({
       "aria-label": labels.common.chartTypeSwitchAria,
       children: options.map((option, index) => {
         const isActive = option.value === value;
-        return /* @__PURE__ */ jsx3(
+        return /* @__PURE__ */ jsx4(
           "button",
           {
             type: "button",
@@ -1627,7 +1784,7 @@ var ChartTypeSwitch = ({
             onKeyDown: (event) => {
               handleKeyDown(event, index);
             },
-            children: /* @__PURE__ */ jsx3(Icon, { name: option.iconName, color: "currentColor", className: "h-5 w-5" })
+            children: /* @__PURE__ */ jsx4(Icon, { name: option.iconName, color: "currentColor", className: "h-5 w-5" })
           },
           option.value
         );
@@ -1702,15 +1859,14 @@ var filterChartVenueOutcomesByRenderableVenues = ({
 };
 
 // src/events/item-details/event-list-item-details-market-selector.tsx
-import { useLabels as useLabels4 } from "@agg-build/hooks";
+import { useLabels as useLabels5, useSdkUiConfig as useSdkUiConfig2 } from "@agg-build/hooks";
 import { useEffect as useEffect2, useLayoutEffect, useMemo as useMemo4, useRef as useRef2, useState as useState2 } from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var MARKET_PILL_MAX_ROWS = 2;
 var MARKET_PILL_FALLBACK_CONTAINER_WIDTH = 640;
 var MARKET_PILL_FALLBACK_GAP = 8;
 var MARKET_PILL_FALLBACK_WIDTH = 72;
 var MARKET_PILL_FALLBACK_MORE_WIDTH = 88;
-var MARKET_PILL_MORE_LABEL = "More";
 var MARKET_DROPDOWN_MAX_VISIBLE_OPTIONS = 6;
 var MARKET_DROPDOWN_OPTION_HEIGHT = 48;
 var MARKET_DROPDOWN_MAX_HEIGHT = MARKET_DROPDOWN_MAX_VISIBLE_OPTIONS * MARKET_DROPDOWN_OPTION_HEIGHT;
@@ -1795,11 +1951,17 @@ var resolveMarketPillLayout = ({
 var EventListItemDetailsMarketSelector = ({
   className,
   options,
+  browseOptions = options,
   selectedValue,
+  liveValue,
+  alwaysShowMore = false,
   onChange
 }) => {
   var _a;
-  const labels = useLabels4();
+  const labels = useLabels5();
+  const {
+    features: { enableAnimations }
+  } = useSdkUiConfig2();
   const containerRef = useRef2(null);
   const measurementContainerRef = useRef2(null);
   const moreButtonRef = useRef2(null);
@@ -1820,15 +1982,22 @@ var EventListItemDetailsMarketSelector = ({
   });
   const selectedHiddenOption = useMemo4(() => {
     var _a2;
-    return (_a2 = layout.hiddenItems.find((option) => option.value === selectedValue)) != null ? _a2 : null;
-  }, [layout.hiddenItems, selectedValue]);
-  const moreButtonLabel = (_a = selectedHiddenOption == null ? void 0 : selectedHiddenOption.label) != null ? _a : MARKET_PILL_MORE_LABEL;
-  const isMoreButtonSelected = selectedHiddenOption != null;
+    return (_a2 = browseOptions.find(
+      (option) => option.value === selectedValue && !layout.visibleItems.some((visibleOption) => visibleOption.value === option.value)
+    )) != null ? _a2 : null;
+  }, [browseOptions, layout.visibleItems, selectedValue]);
+  const hasSeparateBrowseOptions = browseOptions.length > options.length;
+  const moreButtonLabel = hasSeparateBrowseOptions ? labels.eventItemDetails.moreMarkets : (_a = selectedHiddenOption == null ? void 0 : selectedHiddenOption.label) != null ? _a : labels.eventItemDetails.moreMarkets;
+  const isMoreButtonSelected = !alwaysShowMore && selectedHiddenOption != null;
+  const hasMoreButton = alwaysShowMore || layout.hiddenItems.length > 0 || hasSeparateBrowseOptions;
+  const displayedOptions = alwaysShowMore ? options : layout.visibleItems;
   const filteredOptions = useMemo4(() => {
     const normalizedSearchValue = searchValue.trim().toLowerCase();
-    if (!normalizedSearchValue) return options;
-    return options.filter((option) => option.label.toLowerCase().includes(normalizedSearchValue));
-  }, [options, searchValue]);
+    if (!normalizedSearchValue) return browseOptions;
+    return browseOptions.filter(
+      (option) => option.label.toLowerCase().includes(normalizedSearchValue)
+    );
+  }, [browseOptions, searchValue]);
   const lastMeasuredKeyRef = useRef2(null);
   const measureFrameRef = useRef2(null);
   useLayoutEffect(() => {
@@ -1944,7 +2113,7 @@ var EventListItemDetailsMarketSelector = ({
     };
   }, [isDropdownOpen]);
   useLayoutEffect(() => {
-    if (!isDropdownOpen || isMobileViewport) return;
+    if (!isDropdownOpen || isMobileViewport && !alwaysShowMore) return;
     const updateDropdownPosition = () => {
       const containerElement = containerRef.current;
       const moreButtonElement = moreButtonRef.current;
@@ -1978,7 +2147,7 @@ var EventListItemDetailsMarketSelector = ({
     return () => {
       resizeObserver.disconnect();
     };
-  }, [isDropdownOpen, isMobileViewport, moreButtonLabel]);
+  }, [alwaysShowMore, isDropdownOpen, isMobileViewport, moreButtonLabel]);
   useEffect2(() => {
     if (!isDropdownOpen) return;
     const handlePointerDown = (event) => {
@@ -2007,11 +2176,11 @@ var EventListItemDetailsMarketSelector = ({
     onChange(marketId);
     setIsDropdownOpen(false);
   };
-  if (isMobileViewport) {
-    return /* @__PURE__ */ jsx4(
+  if (isMobileViewport && !alwaysShowMore) {
+    return /* @__PURE__ */ jsx5(
       AutocompleteSelect,
       {
-        options,
+        options: browseOptions,
         value: selectedValue,
         onChange,
         placeholder: labels.eventItemDetails.marketSelectPlaceholder,
@@ -2022,15 +2191,17 @@ var EventListItemDetailsMarketSelector = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs3("div", { ref: containerRef, className: cn("agg-market-select relative w-full", className), children: [
-    /* @__PURE__ */ jsxs3("div", { className: "agg-market-pill-list flex flex-wrap gap-2", children: [
-      layout.visibleItems.map((option) => {
+  return /* @__PURE__ */ jsxs4("div", { ref: containerRef, className: cn("agg-market-select relative w-full", className), children: [
+    /* @__PURE__ */ jsxs4("div", { className: "agg-market-pill-list flex flex-wrap gap-2", children: [
+      displayedOptions.map((option) => {
         const isSelected = option.value === selectedValue;
-        return /* @__PURE__ */ jsx4(
+        const isLive = option.value === liveValue;
+        return /* @__PURE__ */ jsxs4(
           "button",
           {
             type: "button",
             "aria-pressed": isSelected,
+            "aria-label": isLive ? `${option.label}, ${labels.eventItemDetails.liveMarket}` : option.label,
             className: cn(
               "agg-market-pill inline-flex min-h-8 items-center justify-center rounded-agg-full border px-4 py-1.5 text-left text-agg-sm leading-agg-5 text-agg-foreground transition-colors",
               "cursor-pointer hover:bg-agg-tertiary!",
@@ -2042,12 +2213,28 @@ var EventListItemDetailsMarketSelector = ({
               eventToHandle.stopPropagation();
               handleSelectMarket(option.value);
             },
-            children: /* @__PURE__ */ jsx4("span", { className: "truncate", children: option.label })
+            children: [
+              isLive ? /* @__PURE__ */ jsx5(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: cn(
+                    "mr-2 size-1.5 shrink-0 rounded-full bg-agg-primary ring-4 ring-agg-primary/20",
+                    enableAnimations ? "animate-pulse motion-reduce:animate-none" : null
+                  )
+                }
+              ) : null,
+              /* @__PURE__ */ jsx5("span", { className: "truncate", children: option.label }),
+              isLive ? /* @__PURE__ */ jsxs4("span", { className: "sr-only", children: [
+                " ",
+                labels.eventItemDetails.liveMarket
+              ] }) : null
+            ]
           },
           option.value
         );
       }),
-      layout.hiddenItems.length > 0 ? /* @__PURE__ */ jsxs3(
+      hasMoreButton ? /* @__PURE__ */ jsxs4(
         "button",
         {
           ref: moreButtonRef,
@@ -2068,8 +2255,8 @@ var EventListItemDetailsMarketSelector = ({
             setIsDropdownOpen((previousValue) => !previousValue);
           },
           children: [
-            /* @__PURE__ */ jsx4("span", { className: "truncate", children: moreButtonLabel }),
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx5("span", { className: "truncate", children: moreButtonLabel }),
+            /* @__PURE__ */ jsx5(
               Icon,
               {
                 name: isDropdownOpen ? "chevron-up" : "chevron-down",
@@ -2083,7 +2270,7 @@ var EventListItemDetailsMarketSelector = ({
         }
       ) : null
     ] }),
-    isDropdownOpen ? /* @__PURE__ */ jsxs3(
+    isDropdownOpen ? /* @__PURE__ */ jsxs4(
       "div",
       {
         id: "agg-event-details-market-dropdown",
@@ -2100,9 +2287,9 @@ var EventListItemDetailsMarketSelector = ({
           eventToHandle.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ jsxs3("div", { className: "border-b border-agg-separator", children: [
-            /* @__PURE__ */ jsx4("label", { className: "sr-only", htmlFor: "agg-event-details-market-search", children: labels.eventItemDetails.marketSelectSearchPlaceholder }),
-            /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsxs4("div", { className: "border-b border-agg-separator", children: [
+            /* @__PURE__ */ jsx5("label", { className: "sr-only", htmlFor: "agg-event-details-market-search", children: labels.eventItemDetails.marketSelectSearchPlaceholder }),
+            /* @__PURE__ */ jsx5(
               "input",
               {
                 ref: dropdownInputRef,
@@ -2124,7 +2311,7 @@ var EventListItemDetailsMarketSelector = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx5(
             "div",
             {
               role: "listbox",
@@ -2133,7 +2320,7 @@ var EventListItemDetailsMarketSelector = ({
               style: { maxHeight: `${MARKET_DROPDOWN_MAX_HEIGHT}px` },
               children: filteredOptions.length > 0 ? filteredOptions.map((option) => {
                 const isSelected = option.value === selectedValue;
-                return /* @__PURE__ */ jsxs3(
+                return /* @__PURE__ */ jsxs4(
                   "button",
                   {
                     type: "button",
@@ -2152,25 +2339,25 @@ var EventListItemDetailsMarketSelector = ({
                       handleSelectMarket(option.value);
                     },
                     children: [
-                      isSelected ? /* @__PURE__ */ jsx4(
+                      isSelected ? /* @__PURE__ */ jsx5(
                         "span",
                         {
                           "aria-hidden": "true",
                           className: "absolute bottom-2 left-0 top-2 w-1 bg-agg-primary"
                         }
                       ) : null,
-                      /* @__PURE__ */ jsx4("span", { className: "truncate", children: option.label })
+                      /* @__PURE__ */ jsx5("span", { className: "truncate", children: option.label })
                     ]
                   },
                   option.value
                 );
-              }) : /* @__PURE__ */ jsx4("div", { className: "px-5 py-4 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: labels.eventItemDetails.marketSelectEmpty })
+              }) : /* @__PURE__ */ jsx5("div", { className: "px-5 py-4 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: labels.eventItemDetails.marketSelectEmpty })
             }
           )
         ]
       }
     ) : null,
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs4(
       "div",
       {
         ref: measurementContainerRef,
@@ -2179,7 +2366,7 @@ var EventListItemDetailsMarketSelector = ({
         children: [
           options.map((option) => {
             const isSelected = option.value === selectedValue;
-            return /* @__PURE__ */ jsx4(
+            return /* @__PURE__ */ jsx5(
               "button",
               {
                 ref: (element) => {
@@ -2191,12 +2378,12 @@ var EventListItemDetailsMarketSelector = ({
                   "inline-flex min-h-8 items-center justify-center rounded-agg-full border px-4 py-1.5 text-agg-sm leading-agg-5",
                   isSelected ? "border-agg-primary bg-agg-secondary font-agg-bold" : "border-transparent bg-agg-secondary-hover font-agg-normal"
                 ),
-                children: /* @__PURE__ */ jsx4("span", { className: "truncate", children: option.label })
+                children: /* @__PURE__ */ jsx5("span", { className: "truncate", children: option.label })
               },
               option.value
             );
           }),
-          /* @__PURE__ */ jsxs3(
+          /* @__PURE__ */ jsxs4(
             "button",
             {
               ref: moreButtonMeasureRef,
@@ -2204,8 +2391,8 @@ var EventListItemDetailsMarketSelector = ({
               tabIndex: -1,
               className: "inline-flex min-h-8 items-center justify-center gap-1.5 rounded-agg-full border border-agg-primary bg-agg-secondary px-4 py-1.5 text-agg-sm leading-agg-5 text-agg-foreground",
               children: [
-                /* @__PURE__ */ jsx4("span", { children: moreButtonLabel }),
-                /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsx5("span", { children: moreButtonLabel }),
+                /* @__PURE__ */ jsx5(
                   Icon,
                   {
                     name: "chevron-down",
@@ -2225,7 +2412,7 @@ var EventListItemDetailsMarketSelector = ({
 };
 
 // src/events/item-details/index.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var resolveEventDetailsSyncKey = (event) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const parts = [
@@ -2270,8 +2457,8 @@ var EventListItemDetailsLoadingState = ({
   classNames,
   ariaLabel
 }) => {
-  const labels = useLabels5();
-  return /* @__PURE__ */ jsx5(
+  const labels = useLabels6();
+  return /* @__PURE__ */ jsx6(
     Skeleton,
     {
       view: "event-list-item-details",
@@ -2284,16 +2471,16 @@ var EventListItemDetailsUnavailableState = ({
   classNames,
   ariaLabel
 }) => {
-  const labels = useLabels5();
-  return /* @__PURE__ */ jsx5(
+  const labels = useLabels6();
+  return /* @__PURE__ */ jsx6(
     Card,
     {
       className: cn(detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
       role: "status",
       "aria-label": ariaLabel != null ? ariaLabel : labels.eventItemDetails.unavailableAria,
-      children: /* @__PURE__ */ jsxs4("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
-        /* @__PURE__ */ jsx5(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItemDetails.unavailableTitle }),
-        /* @__PURE__ */ jsx5(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItemDetails.unavailableDescription })
+      children: /* @__PURE__ */ jsxs5("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
+        /* @__PURE__ */ jsx6(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItemDetails.unavailableTitle }),
+        /* @__PURE__ */ jsx6(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItemDetails.unavailableDescription })
       ] })
     }
   );
@@ -2302,13 +2489,13 @@ var EventListItemDetailsNotFoundState = ({
   classNames: _classNames,
   ariaLabel: _ariaLabel
 }) => {
-  const labels = useLabels5();
-  return /* @__PURE__ */ jsx5(
+  const labels = useLabels6();
+  return /* @__PURE__ */ jsx6(
     StateMessage,
     {
       title: labels.eventItemDetails.notFoundTitle,
       description: labels.eventItemDetails.notFoundDescription,
-      icon: /* @__PURE__ */ jsx5(SearchEmptyIcon, {}),
+      icon: /* @__PURE__ */ jsx6(SearchEmptyIcon, {}),
       classNames: { root: "min-h-[280px] md:min-h-[320px]" }
     }
   );
@@ -2333,7 +2520,7 @@ var EventListItemDetailsGraphSection = ({
   onRangeOverrideChange
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-  const labels = useLabels5();
+  const labels = useLabels6();
   const tradingContext = useEventTradingContext();
   const [selectedGraphVenue, setSelectedGraphVenue] = useState3(null);
   const [chartOutcomeLabel, setChartOutcomeLabel] = useState3(
@@ -2351,7 +2538,7 @@ var EventListItemDetailsGraphSection = ({
     chart: { selectedChartTimeRange },
     formatting: { formatPercent, formatPrice },
     general: { theme }
-  } = useSdkUiConfig2();
+  } = useSdkUiConfig3();
   const isDarkTheme = theme === "dark";
   const effectiveChartTimeRange = rangeOverride != null ? rangeOverride : selectedChartTimeRange;
   const rollingWindow = useRollingChartWindow({ range: effectiveChartTimeRange });
@@ -2502,18 +2689,18 @@ var EventListItemDetailsGraphSection = ({
     void refetchScopedMarketChart();
   };
   if (scopedMarketChartError) {
-    return /* @__PURE__ */ jsx5("div", { className: cn("agg-chart-region w-full", classNames == null ? void 0 : classNames.chart), children: /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx6("div", { className: cn("agg-chart-region w-full", classNames == null ? void 0 : classNames.chart), children: /* @__PURE__ */ jsx6(
       StateMessage,
       {
         title: labels.eventItemDetails.chartUnavailableTitle,
         description: labels.eventItemDetails.chartUnavailableDescription,
-        icon: /* @__PURE__ */ jsx5(WarningIcon, {}),
+        icon: /* @__PURE__ */ jsx6(WarningIcon, {}),
         onAction: handleRetryMarketChart,
         classNames: { root: "min-h-[300px] px-5 py-10 md:px-10" }
       }
     ) });
   }
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     LineChart,
     {
       classNames: { root: cn("agg-chart-region", classNames == null ? void 0 : classNames.chart) },
@@ -2526,7 +2713,7 @@ var EventListItemDetailsGraphSection = ({
       showSeriesControls: selectedMarketOutcomes.length > 0,
       renderSeriesControls: ({ handleSeriesChange }) => {
         var _a2, _b2, _c2, _d2;
-        return /* @__PURE__ */ jsxs4(
+        return /* @__PURE__ */ jsxs5(
           "div",
           {
             className: cn(
@@ -2537,7 +2724,7 @@ var EventListItemDetailsGraphSection = ({
               classNames == null ? void 0 : classNames.summary
             ),
             children: [
-              /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx6(
                 "div",
                 {
                   className: cn(
@@ -2551,7 +2738,7 @@ var EventListItemDetailsGraphSection = ({
                     const text = formatMarketProbabilityPercent(percentage, formatPercent);
                     const seriesId = `${item.venue}-chart`;
                     const isActiveVenue = activeGraphVenue === item.venue;
-                    return /* @__PURE__ */ jsx5(
+                    return /* @__PURE__ */ jsx6(
                       "button",
                       {
                         type: "button",
@@ -2570,12 +2757,12 @@ var EventListItemDetailsGraphSection = ({
                           setSelectedGraphVenue(nextSelectedGraphVenue);
                           handleSeriesChange(seriesId);
                         },
-                        children: /* @__PURE__ */ jsx5(
+                        children: /* @__PURE__ */ jsx6(
                           Badge,
                           {
                             text,
                             size: "large",
-                            prefix: /* @__PURE__ */ jsx5(
+                            prefix: /* @__PURE__ */ jsx6(
                               VenueLogo,
                               {
                                 venue: item.market.venue,
@@ -2597,7 +2784,7 @@ var EventListItemDetailsGraphSection = ({
                   })
                 }
               ),
-              /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx6(
                 SwitchButton,
                 {
                   ariaLabel: labels.eventItemDetails.outcomeSelectorAria,
@@ -2648,15 +2835,17 @@ var EventListItemDetailsContent = ({
   ariaLabel,
   defaultTimeRange,
   onClick,
-  midpointsResult
+  midpointsResult,
+  recurringMarkets,
+  sportsLiveState
 }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const [selectedChartType, setSelectedChartType] = useState3("line");
   const lastAppliedEventSyncKeyRef = useRef3(null);
   const lastAppliedDefaultRef = useRef3(null);
   const [chartRangeOverride, setChartRangeOverride] = useState3(null);
-  const config = useSdkUiConfig2();
-  const labels = useLabels5();
+  const config = useSdkUiConfig3();
+  const labels = useLabels6();
   const tradingContext = useEventTradingContext();
   const eventSyncKey = useMemo5(() => resolveEventDetailsSyncKey(event), [event]);
   const resolvedEventTradingState = useMemo5(() => {
@@ -2771,7 +2960,9 @@ var EventListItemDetailsContent = ({
       structureType: event.structureType,
       gameStartTime: event.gameStartTime,
       endDate: event.endDate,
-      venueMarkets: event.venueMarkets
+      venueMarkets: event.venueMarkets,
+      recurringCryptoWindowStart: recurringMarkets ? null : void 0,
+      recurringCryptoDuration: recurringMarkets == null ? void 0 : recurringMarkets.duration
     });
   }, [
     event.categories,
@@ -2779,18 +2970,19 @@ var EventListItemDetailsContent = ({
     event.gameStartTime,
     event.structureType,
     event.title,
-    event.venueMarkets
+    event.venueMarkets,
+    recurringMarkets
   ]);
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     Card,
     {
       className: cn("group/agg-event-details", detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
-      "aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle.title, resolvedTitle.timestampLabel].filter(Boolean).join(" "),
+      "aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle.title, (_c = recurringMarkets == null ? void 0 : recurringMarkets.windowLabel) != null ? _c : resolvedTitle.timestampLabel].filter(Boolean).join(" "),
       onClick: () => {
         onClick == null ? void 0 : onClick(event);
       },
       children: [
-        /* @__PURE__ */ jsxs4(
+        /* @__PURE__ */ jsxs5(
           "div",
           {
             className: cn(
@@ -2801,7 +2993,7 @@ var EventListItemDetailsContent = ({
               classNames == null ? void 0 : classNames.header
             ),
             children: [
-              /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx6(
                 RemoteImage,
                 {
                   src: optimizedImageUrl2(event.image, 60),
@@ -2809,36 +3001,101 @@ var EventListItemDetailsContent = ({
                   className: "agg-event-image size-10 rounded-agg-lg object-cover md:size-[60px]"
                 }
               ),
-              /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-                /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ jsx5(
-                    Typography,
-                    {
-                      variant: "body-strong",
-                      className: cn(
-                        "agg-event-title",
-                        "min-w-0 text-agg-base font-agg-bold! leading-agg-6 md:text-agg-2xl md:leading-agg-8",
-                        resolvedTitle.timestampLabel ? "truncate whitespace-nowrap" : "truncate text-wrap wrap-break-word line-clamp-2",
-                        classNames == null ? void 0 : classNames.title
+              /* @__PURE__ */ jsxs5("div", { className: cn("flex min-w-0 flex-1 flex-col", recurringMarkets ? "gap-3" : "gap-2"), children: [
+                /* @__PURE__ */ jsxs5(
+                  "div",
+                  {
+                    className: cn(
+                      "min-w-0",
+                      recurringMarkets ? "flex flex-col gap-1 md:flex-row md:items-baseline md:justify-between" : null
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx6(
+                        Typography,
+                        {
+                          variant: "body-strong",
+                          className: cn(
+                            "agg-event-title",
+                            "min-w-0 text-agg-base font-agg-bold! leading-agg-6 md:text-agg-2xl md:leading-agg-8",
+                            resolvedTitle.timestampLabel && !recurringMarkets ? "truncate whitespace-nowrap" : "truncate text-wrap wrap-break-word line-clamp-2",
+                            classNames == null ? void 0 : classNames.title
+                          ),
+                          children: resolvedTitle.title
+                        }
                       ),
-                      children: resolvedTitle.title
+                      (recurringMarkets == null ? void 0 : recurringMarkets.windowLabel) ? /* @__PURE__ */ jsx6(
+                        Typography,
+                        {
+                          variant: "body",
+                          className: "agg-event-timestamp min-w-0 shrink-0 truncate text-agg-sm leading-agg-5 text-agg-muted-foreground md:text-agg-base md:leading-agg-6",
+                          children: recurringMarkets.windowLabel
+                        }
+                      ) : resolvedTitle.timestampLabel ? /* @__PURE__ */ jsx6(
+                        Typography,
+                        {
+                          variant: "body",
+                          className: "agg-event-timestamp mt-0.5 min-w-0 truncate text-agg-sm leading-agg-5 text-agg-muted-foreground",
+                          children: resolvedTitle.timestampLabel
+                        }
+                      ) : null
+                    ]
+                  }
+                ),
+                recurringMarkets ? /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+                  /* @__PURE__ */ jsx6(
+                    EventListItemDetailsMarketSelector,
+                    {
+                      className: cn("min-w-0 flex-1", classNames == null ? void 0 : classNames.headerPills),
+                      options: recurringMarkets.visibleOptions,
+                      browseOptions: recurringMarkets.browseOptions,
+                      selectedValue: recurringMarkets.selectedValue,
+                      liveValue: recurringMarkets.liveValue,
+                      alwaysShowMore: true,
+                      onChange: recurringMarkets.onSelect
                     }
                   ),
-                  resolvedTitle.timestampLabel ? /* @__PURE__ */ jsx5(
-                    Typography,
+                  recurringMarkets.isResolving ? /* @__PURE__ */ jsx6(
+                    Button,
                     {
-                      variant: "body",
-                      className: "agg-event-timestamp mt-0.5 min-w-0 truncate text-agg-sm leading-agg-5 text-agg-muted-foreground",
-                      children: resolvedTitle.timestampLabel
+                      variant: "secondary",
+                      size: "small",
+                      disabled: !recurringMarkets.canGoToLive,
+                      "aria-label": recurringMarkets.canGoToLive ? labels.eventMarketPage.goToLive : labels.eventMarketPage.liveMarketUnavailable,
+                      className: "h-8 shrink-0",
+                      onClick: (eventToHandle) => {
+                        eventToHandle.preventDefault();
+                        eventToHandle.stopPropagation();
+                        recurringMarkets.onGoToLive();
+                      },
+                      children: labels.eventMarketPage.goToLive
+                    }
+                  ) : recurringMarkets.countdownLabel ? /* @__PURE__ */ jsxs5(
+                    "div",
+                    {
+                      role: "timer",
+                      "aria-live": "off",
+                      "aria-label": (_d = recurringMarkets.countdownAriaLabel) != null ? _d : void 0,
+                      className: "flex shrink-0 items-center gap-1.5 text-agg-foreground",
+                      children: [
+                        /* @__PURE__ */ jsx6(
+                          Icon,
+                          {
+                            name: "hourglass-start",
+                            size: "small",
+                            className: "size-3.5",
+                            "aria-hidden": "true"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx6(Typography, { variant: "body-strong", className: "text-agg-base leading-agg-6", children: recurringMarkets.countdownLabel })
+                      ]
                     }
                   ) : null
-                ] }),
-                venueMarkets.length > 1 ? /* @__PURE__ */ jsx5(
+                ] }) : venueMarkets.length > 1 ? /* @__PURE__ */ jsx6(
                   EventListItemDetailsMarketSelector,
                   {
                     className: classNames == null ? void 0 : classNames.headerPills,
                     options: marketOptions,
-                    selectedValue: (_c = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id) != null ? _c : "",
+                    selectedValue: (_e = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id) != null ? _e : "",
                     onChange: (marketId) => {
                       tradingContext == null ? void 0 : tradingContext.selectMarket(marketId);
                     }
@@ -2848,7 +3105,8 @@ var EventListItemDetailsContent = ({
             ]
           }
         ),
-        detailsStats && detailsStats.length > 0 ? /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx6(SportsLiveScore, { state: sportsLiveState, className: classNames == null ? void 0 : classNames.sportsLive }),
+        detailsStats && detailsStats.length > 0 ? /* @__PURE__ */ jsx6(
           "div",
           {
             className: cn(
@@ -2857,14 +3115,14 @@ var EventListItemDetailsContent = ({
             ),
             children: detailsStats.map((statItem) => {
               const deltaClassName = statItem.deltaTone === "positive" ? "text-agg-success!" : statItem.deltaTone === "negative" ? "text-agg-error!" : "text-agg-muted-foreground";
-              return /* @__PURE__ */ jsxs4(
+              return /* @__PURE__ */ jsxs5(
                 "div",
                 {
                   className: "agg-event-stat flex flex-col gap-1",
                   children: [
-                    /* @__PURE__ */ jsx5(Typography, { variant: "caption-caps", className: "text-agg-muted-foreground", children: statItem.label }),
-                    /* @__PURE__ */ jsxs4("div", { className: "flex items-baseline gap-1", children: [
-                      /* @__PURE__ */ jsx5(
+                    /* @__PURE__ */ jsx6(Typography, { variant: "caption-caps", className: "text-agg-muted-foreground", children: statItem.label }),
+                    /* @__PURE__ */ jsxs5("div", { className: "flex items-baseline gap-1", children: [
+                      /* @__PURE__ */ jsx6(
                         Typography,
                         {
                           variant: "body",
@@ -2872,7 +3130,7 @@ var EventListItemDetailsContent = ({
                           children: statItem.value
                         }
                       ),
-                      statItem.delta ? /* @__PURE__ */ jsx5(Typography, { variant: "label", className: cn(deltaClassName), children: statItem.delta }) : null
+                      statItem.delta ? /* @__PURE__ */ jsx6(Typography, { variant: "label", className: cn(deltaClassName), children: statItem.delta }) : null
                     ] })
                   ]
                 },
@@ -2881,15 +3139,15 @@ var EventListItemDetailsContent = ({
             })
           }
         ) : null,
-        /* @__PURE__ */ jsxs4("div", { className: cn("agg-event-details-chart", "flex flex-col gap-2"), children: [
-          /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsxs5("div", { className: cn("agg-event-details-chart", "flex flex-col gap-2"), children: [
+          /* @__PURE__ */ jsx6(
             EventListItemDetailsGraphSection,
             {
               classNames,
               selectedChartType,
               venueInfo,
               venueMarkets,
-              selectedMarketId: (_d = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id) != null ? _d : null,
+              selectedMarketId: (_f = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id) != null ? _f : null,
               livePrices,
               restMidpoints,
               bestMidpoint,
@@ -2899,7 +3157,7 @@ var EventListItemDetailsContent = ({
               onRangeOverrideChange: setChartRangeOverride
             }
           ),
-          /* @__PURE__ */ jsxs4(
+          /* @__PURE__ */ jsxs5(
             "div",
             {
               className: cn(
@@ -2907,8 +3165,8 @@ var EventListItemDetailsContent = ({
                 classNames == null ? void 0 : classNames.footer
               ),
               children: [
-                /* @__PURE__ */ jsx5(Typography, { variant: "label", className: "agg-chart-volume text-agg-muted-foreground", children: volumeLabel || "-" }),
-                /* @__PURE__ */ jsxs4(
+                /* @__PURE__ */ jsx6(Typography, { variant: "label", className: "agg-chart-volume text-agg-muted-foreground", children: volumeLabel || "-" }),
+                /* @__PURE__ */ jsxs5(
                   "div",
                   {
                     className: cn(
@@ -2916,7 +3174,7 @@ var EventListItemDetailsContent = ({
                       classNames == null ? void 0 : classNames.timeRange
                     ),
                     children: [
-                      /* @__PURE__ */ jsx5(
+                      /* @__PURE__ */ jsx6(
                         ChartTypeSwitch,
                         {
                           className: "agg-chart-type-switch",
@@ -2924,11 +3182,11 @@ var EventListItemDetailsContent = ({
                           onValueChange: setSelectedChartType
                         }
                       ),
-                      /* @__PURE__ */ jsx5("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
+                      /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
                       CHART_TIME_RANGES.map((timeRange) => {
                         const effectiveRange = chartRangeOverride != null ? chartRangeOverride : config.chart.selectedChartTimeRange;
                         const isActive = timeRange === effectiveRange;
-                        return /* @__PURE__ */ jsx5(
+                        return /* @__PURE__ */ jsx6(
                           Button,
                           {
                             size: "small",
@@ -2959,7 +3217,7 @@ var EventListItemDetailsContent = ({
             }
           )
         ] }),
-        event.description || event.settlementDiff ? /* @__PURE__ */ jsx5(SettlementSummary, { content: event.description, settlementDiff: event.settlementDiff }) : null
+        event.description || event.settlementDiff ? /* @__PURE__ */ jsx6(SettlementSummary, { content: event.description, settlementDiff: event.settlementDiff }) : null
       ]
     }
   );
@@ -2981,7 +3239,7 @@ var EventListItemDetailsByEventId = (_a) => {
     enabled: !!resolvedEventId
   });
   if (!resolvedEventId) {
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx6(
       EventListItemDetailsUnavailableState,
       {
         classNames: rest.classNames,
@@ -2990,16 +3248,16 @@ var EventListItemDetailsByEventId = (_a) => {
     );
   }
   if (isLoading) {
-    return /* @__PURE__ */ jsx5(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ jsx6(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (isErrorWithStatus(error, 404)) {
-    return /* @__PURE__ */ jsx5(EventListItemDetailsNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ jsx6(EventListItemDetailsNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (!fetchedEvent && !isError) {
-    return /* @__PURE__ */ jsx5(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ jsx6(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (!fetchedEvent) {
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx6(
       EventListItemDetailsUnavailableState,
       {
         classNames: rest.classNames,
@@ -3007,15 +3265,15 @@ var EventListItemDetailsByEventId = (_a) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx5(EventListItemDetailsContent, __spreadValues({ event: fetchedEvent }, rest));
+  return /* @__PURE__ */ jsx6(EventListItemDetailsContent, __spreadValues({ event: fetchedEvent }, rest));
 };
 var EventListItemDetails = (props) => {
   if (props.isLoading) {
-    return /* @__PURE__ */ jsx5(EventListItemDetailsLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
+    return /* @__PURE__ */ jsx6(EventListItemDetailsLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
   }
   if ("event" in props && props.event) {
     const _a = props, { event } = _a, rest = __objRest(_a, ["event"]);
-    return /* @__PURE__ */ jsx5(EventListItemDetailsContent, __spreadValues({ event }, rest));
+    return /* @__PURE__ */ jsx6(EventListItemDetailsContent, __spreadValues({ event }, rest));
   }
   if ("eventId" in props && typeof props.eventId === "string") {
     const {
@@ -3038,9 +3296,9 @@ var EventListItemDetails = (props) => {
       ariaLabel: ariaLabelOverride,
       onClick
     };
-    return /* @__PURE__ */ jsx5(EventListItemDetailsByEventId, __spreadValues({}, byEventIdProps));
+    return /* @__PURE__ */ jsx6(EventListItemDetailsByEventId, __spreadValues({}, byEventIdProps));
   }
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     EventListItemDetailsUnavailableState,
     {
       classNames: props.classNames,
@@ -3213,13 +3471,13 @@ var useCenterOrderbookSpread = ({
 // src/events/orderbook/index.tsx
 import { sortVenues as sortVenues3, useAggUiConfig } from "@agg-build/hooks";
 import { useEffect as useEffect4, useRef as useRef5 } from "react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var OrderbookVenueLogos = ({ venues }) => {
   const visible = sortVenues3(venues).slice(0, orderbookMaxVisibleVenues);
   const overflow = venues.length - visible.length;
-  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-row items-center justify-start gap-0.5 md:gap-1", children: [
-    visible.map((venue) => /* @__PURE__ */ jsx6(VenueLogo, { venue, size: "small" }, venue)),
-    overflow > 0 ? /* @__PURE__ */ jsxs5("span", { className: "text-agg-xs font-agg-bold leading-agg-4 text-agg-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs6("div", { className: "flex flex-row items-center justify-start gap-0.5 md:gap-1", children: [
+    visible.map((venue) => /* @__PURE__ */ jsx7(VenueLogo, { venue, size: "small" }, venue)),
+    overflow > 0 ? /* @__PURE__ */ jsxs6("span", { className: "text-agg-xs font-agg-bold leading-agg-4 text-agg-muted-foreground", children: [
       "+",
       overflow
     ] }) : null
@@ -3246,8 +3504,8 @@ var OrderbookRow = ({
   }).map(([venue]) => venue);
   const venues = entry.row.venues && entry.row.venues.length > 0 ? entry.row.venues : venuesFromBreakdown.length > 0 ? venuesFromBreakdown : [entry.row.venue];
   const barPercent = Math.max(2, Number((entry.unifiedBarScale * 100).toFixed(2)));
-  return /* @__PURE__ */ jsxs5("div", { className: "agg-orderbook-row relative flex h-9 items-center gap-2.5 overflow-clip pl-5 pr-2.5 md:gap-10 md:pl-0 md:pr-5", children: [
-    /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs6("div", { className: "agg-orderbook-row relative flex h-9 items-center gap-2.5 overflow-clip pl-5 pr-2.5 md:gap-10 md:pl-0 md:pr-5", children: [
+    /* @__PURE__ */ jsx7(
       "div",
       {
         "aria-hidden": "true",
@@ -3259,8 +3517,8 @@ var OrderbookRow = ({
         style: { width: `${barPercent}%` }
       }
     ),
-    /* @__PURE__ */ jsxs5("div", { className: "hidden md:block md:relative min-w-0 flex-1 self-stretch", children: [
-      /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsxs6("div", { className: "hidden md:block md:relative min-w-0 flex-1 self-stretch", children: [
+      /* @__PURE__ */ jsx7(
         "div",
         {
           "aria-hidden": "true",
@@ -3272,14 +3530,14 @@ var OrderbookRow = ({
           style: { width: `${barPercent}%` }
         }
       ),
-      showBadge && badgeLabel ? /* @__PURE__ */ jsx6(
+      showBadge && badgeLabel ? /* @__PURE__ */ jsx7(
         "div",
         {
           className: cn(
             "absolute flex left-5 top-1/2 -translate-y-1/2 rounded-[4px] border px-2 py-0.5",
             badgeBorderClassName
           ),
-          children: /* @__PURE__ */ jsx6(
+          children: /* @__PURE__ */ jsx7(
             "span",
             {
               className: cn("text-[10px] font-bold uppercase leading-[14px]", badgeTextClassName),
@@ -3289,8 +3547,8 @@ var OrderbookRow = ({
         }
       ) : null
     ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "flex w-20 shrink-0 items-center justify-start gap-2 md:w-[120px]", children: [
-      /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsxs6("div", { className: "flex w-20 shrink-0 items-center justify-start gap-2 md:w-[120px]", children: [
+      /* @__PURE__ */ jsx7(
         "span",
         {
           className: cn(
@@ -3301,10 +3559,10 @@ var OrderbookRow = ({
           children: formatProbabilityCents(entry.row.price, formatPrice)
         }
       ),
-      /* @__PURE__ */ jsx6(OrderbookVenueLogos, { venues })
+      /* @__PURE__ */ jsx7(OrderbookVenueLogos, { venues })
     ] }),
-    /* @__PURE__ */ jsx6("span", { className: "agg-orderbook-size w-20 shrink-0 truncate text-center text-agg-sm leading-agg-5 text-agg-foreground md:w-[120px]", children: formatNumber(entry.row.size) }),
-    /* @__PURE__ */ jsx6("span", { className: "agg-orderbook-total w-20 shrink-0 truncate text-center text-agg-sm leading-agg-5 text-agg-foreground md:w-[120px]", children: formatCurrency(entry.row.total) })
+    /* @__PURE__ */ jsx7("span", { className: "agg-orderbook-size w-20 shrink-0 truncate text-center text-agg-sm leading-agg-5 text-agg-foreground md:w-[120px]", children: formatNumber(entry.row.size) }),
+    /* @__PURE__ */ jsx7("span", { className: "agg-orderbook-total w-20 shrink-0 truncate text-center text-agg-sm leading-agg-5 text-agg-foreground md:w-[120px]", children: formatCurrency(entry.row.total) })
   ] });
 };
 var Orderbook = ({
@@ -3364,15 +3622,15 @@ var Orderbook = ({
     snapshotKey,
     spreadEntry
   ]);
-  return /* @__PURE__ */ jsxs5("div", { className: cn("agg-orderbook-unified flex flex-col", className), children: [
-    /* @__PURE__ */ jsxs5("div", { className: "flex h-9 items-center gap-2.5 overflow-clip border-b border-agg-separator pl-5 pr-5 md:pl-0 md:gap-10", children: [
-      /* @__PURE__ */ jsx6("span", { className: "hidden md:flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ jsx6("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
-      /* @__PURE__ */ jsx6("span", { className: "w-20 shrink-0 text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.price }),
-      /* @__PURE__ */ jsx6("span", { className: "w-20 shrink-0 text-center text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.shares }),
-      /* @__PURE__ */ jsx6("span", { className: "w-20 shrink-0 text-center text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.total })
+  return /* @__PURE__ */ jsxs6("div", { className: cn("agg-orderbook-unified flex flex-col", className), children: [
+    /* @__PURE__ */ jsxs6("div", { className: "flex h-9 items-center gap-2.5 overflow-clip border-b border-agg-separator pl-5 pr-5 md:pl-0 md:gap-10", children: [
+      /* @__PURE__ */ jsx7("span", { className: "hidden md:flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ jsx7("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
+      /* @__PURE__ */ jsx7("span", { className: "w-20 shrink-0 text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.price }),
+      /* @__PURE__ */ jsx7("span", { className: "w-20 shrink-0 text-center text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.shares }),
+      /* @__PURE__ */ jsx7("span", { className: "w-20 shrink-0 text-center text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.total })
     ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxs5(
+    /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxs6(
         "div",
         {
           ref: scrollContainerRef,
@@ -3382,7 +3640,7 @@ var Orderbook = ({
           "aria-label": "Order book",
           tabIndex: 0,
           children: [
-            askEntries.length > 0 ? /* @__PURE__ */ jsx6("div", { className: "agg-orderbook-asks flex flex-col", children: askEntries.map((entry, index) => /* @__PURE__ */ jsx6(
+            askEntries.length > 0 ? /* @__PURE__ */ jsx7("div", { className: "agg-orderbook-asks flex flex-col", children: askEntries.map((entry, index) => /* @__PURE__ */ jsx7(
               OrderbookRow,
               {
                 entry,
@@ -3395,7 +3653,7 @@ var Orderbook = ({
               },
               entry.row.id
             )) }) : null,
-            /* @__PURE__ */ jsxs5(
+            /* @__PURE__ */ jsxs6(
               "div",
               {
                 ref: spreadRowRef,
@@ -3403,7 +3661,7 @@ var Orderbook = ({
                 role: "separator",
                 "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__ */ jsxs5(
+                  /* @__PURE__ */ jsxs6(
                     Typography,
                     {
                       variant: "label",
@@ -3415,7 +3673,7 @@ var Orderbook = ({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs5(
+                  /* @__PURE__ */ jsxs6(
                     Typography,
                     {
                       variant: "label",
@@ -3427,12 +3685,12 @@ var Orderbook = ({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx6("div", { className: "hidden md:inline-flex w-20 shrink-0 md:w-[120px]" }),
-                  /* @__PURE__ */ jsx6("div", { className: "hidden md:inline-flex w-20 shrink-0 md:w-[120px]" })
+                  /* @__PURE__ */ jsx7("div", { className: "hidden md:inline-flex w-20 shrink-0 md:w-[120px]" }),
+                  /* @__PURE__ */ jsx7("div", { className: "hidden md:inline-flex w-20 shrink-0 md:w-[120px]" })
                 ]
               }
             ),
-            bidEntries.length > 0 ? /* @__PURE__ */ jsx6("div", { className: "agg-orderbook-bids flex flex-col", children: bidEntries.map((entry, index) => /* @__PURE__ */ jsx6(
+            bidEntries.length > 0 ? /* @__PURE__ */ jsx7("div", { className: "agg-orderbook-bids flex flex-col", children: bidEntries.map((entry, index) => /* @__PURE__ */ jsx7(
               OrderbookRow,
               {
                 entry,
@@ -3448,14 +3706,14 @@ var Orderbook = ({
           ]
         }
       ),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
           onClick: recenter,
           className: "absolute bottom-3 left-5 z-10 flex size-8 cursor-pointer items-center justify-center rounded-lg border border-agg-separator bg-agg-secondary text-agg-muted-foreground transition-colors hover:text-agg-foreground",
           "aria-label": "Re-center orderbook",
-          children: /* @__PURE__ */ jsx6(Icon, { name: "recenter", size: "small", className: "!size-4 text-current" })
+          children: /* @__PURE__ */ jsx7(Icon, { name: "recenter", size: "small", className: "!size-4 text-current" })
         }
       )
     ] })
@@ -3464,7 +3722,7 @@ var Orderbook = ({
 Orderbook.displayName = "Orderbook";
 
 // src/events/orderbook/orderbook-with-states.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var stateMessageMinHeight = "min-h-[248px] px-5 py-10 md:min-h-[272px]";
 var OrderbookWithStates = (_a) => {
   var _b = _a, {
@@ -3476,54 +3734,54 @@ var OrderbookWithStates = (_a) => {
   ]);
   var _a2;
   if (state.kind === "loading") {
-    return /* @__PURE__ */ jsx7("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ jsx7(MarketDetailsOderbookSkeleton, {}) });
+    return /* @__PURE__ */ jsx8("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ jsx8(MarketDetailsOderbookSkeleton, {}) });
   }
   if (state.kind === "disabled") {
-    return /* @__PURE__ */ jsx7("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ jsx8(
       StateMessage,
       {
         title: state.title,
         description: state.description,
-        icon: (_a2 = state.icon) != null ? _a2 : /* @__PURE__ */ jsx7(WarningIcon, {}),
+        icon: (_a2 = state.icon) != null ? _a2 : /* @__PURE__ */ jsx8(WarningIcon, {}),
         classNames: { root: stateMessageMinHeight }
       }
     ) });
   }
   if (state.kind === "error") {
-    return /* @__PURE__ */ jsx7("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ jsx8(
       StateMessage,
       {
         title: state.title,
         description: state.description,
-        icon: /* @__PURE__ */ jsx7(WarningIcon, {}),
+        icon: /* @__PURE__ */ jsx8(WarningIcon, {}),
         onAction: state.onRetry,
         classNames: { root: stateMessageMinHeight }
       }
     ) });
   }
   if (state.kind === "resolved") {
-    return /* @__PURE__ */ jsx7("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ jsx8(
       StateMessage,
       {
         title: state.title,
         description: state.description,
-        icon: /* @__PURE__ */ jsx7(WarningIcon, {}),
+        icon: /* @__PURE__ */ jsx8(WarningIcon, {}),
         classNames: { root: stateMessageMinHeight }
       }
     ) });
   }
   if (state.kind === "empty") {
-    return /* @__PURE__ */ jsx7("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ jsx8(
       StateMessage,
       {
         title: state.title,
         description: state.description,
-        icon: /* @__PURE__ */ jsx7(SearchEmptyIcon, {}),
+        icon: /* @__PURE__ */ jsx8(SearchEmptyIcon, {}),
         classNames: { root: stateMessageMinHeight }
       }
     ) });
   }
-  return /* @__PURE__ */ jsx7("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ jsx7(Orderbook, __spreadValues({}, orderbookProps)) });
+  return /* @__PURE__ */ jsx8("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ jsx8(Orderbook, __spreadValues({}, orderbookProps)) });
 };
 OrderbookWithStates.displayName = "OrderbookWithStates";
 
@@ -3536,13 +3794,13 @@ import {
   resolveMarketTradingState as resolveMarketTradingState2,
   useEventTradingContext as useEventTradingContext2,
   useEventOrderbookData as useEventOrderbookData2,
-  useLabels as useLabels7,
+  useLabels as useLabels8,
   useLiveBestPrices as useLiveBestPrices2,
   useLiveBestPriceCandidates,
   useLiveOutcomePrices as useLiveOutcomePrices2,
   useMarketOrderbook,
   useMidpoints as useMidpoints2,
-  useSdkUiConfig as useSdkUiConfig4,
+  useSdkUiConfig as useSdkUiConfig5,
   useVenueMarkets as useVenueMarkets2,
   useViewportMidpoints
 } from "@agg-build/hooks";
@@ -3610,7 +3868,7 @@ var buildVenueMarketIdByVenue = (venueMarkets) => {
 
 // src/events/market-details/market-details-outcome-button.tsx
 import { useAggUiConfig as useAggUiConfig2 } from "@agg-build/hooks";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var marketDetailsOutcomeButtonToneClasses = {
   positive: {
     activeSurface: "bg-agg-success/15",
@@ -3662,7 +3920,7 @@ var OutcomePriceContent = ({
 }) => {
   const { formatPrice } = useAggUiConfig2().formatting;
   if (isLoading) {
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx9(
       "span",
       {
         "aria-hidden": "true",
@@ -3673,7 +3931,7 @@ var OutcomePriceContent = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     Typography,
     {
       as: "span",
@@ -3701,7 +3959,7 @@ var MarketDetailsOutcomeButton = ({
   });
   const itemLabel = (_a = item.title) != null ? _a : item.label;
   const isLineVariant = item.variant === "line";
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     "button",
     {
       type: "button",
@@ -3717,9 +3975,9 @@ var MarketDetailsOutcomeButton = ({
         enforceFixedWidth ? "flex-none" : "flex-1 md:flex-auto"
       ),
       onClick: () => onSelect(item.label),
-      children: isLineVariant ? /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 max-w-full items-center justify-center gap-1.5 overflow-hidden", children: [
-        /* @__PURE__ */ jsx8(VenueLogo, { venue: item.venue, size: "small" }),
-        /* @__PURE__ */ jsx8(
+      children: isLineVariant ? /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 max-w-full items-center justify-center gap-1.5 overflow-hidden", children: [
+        /* @__PURE__ */ jsx9(VenueLogo, { venue: item.venue, size: "small" }),
+        /* @__PURE__ */ jsx9(
           Typography,
           {
             as: "span",
@@ -3728,7 +3986,7 @@ var MarketDetailsOutcomeButton = ({
             children: itemLabel
           }
         ),
-        item.lineLabel ? /* @__PURE__ */ jsx8(
+        item.lineLabel ? /* @__PURE__ */ jsx9(
           Typography,
           {
             as: "span",
@@ -3737,7 +3995,7 @@ var MarketDetailsOutcomeButton = ({
             children: item.lineLabel
           }
         ) : null,
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           OutcomePriceContent,
           {
             isLoading: item.isPriceLoading,
@@ -3746,9 +4004,9 @@ var MarketDetailsOutcomeButton = ({
             textClassName: classNames.text
           }
         )
-      ] }) : /* @__PURE__ */ jsxs6("div", { className: "inline-flex max-w-full items-center justify-center gap-1.5", children: [
-        /* @__PURE__ */ jsx8(VenueLogo, { venue: item.venue, size: "small" }),
-        /* @__PURE__ */ jsx8(
+      ] }) : /* @__PURE__ */ jsxs7("div", { className: "inline-flex max-w-full items-center justify-center gap-1.5", children: [
+        /* @__PURE__ */ jsx9(VenueLogo, { venue: item.venue, size: "small" }),
+        /* @__PURE__ */ jsx9(
           Typography,
           {
             as: "span",
@@ -3757,7 +4015,7 @@ var MarketDetailsOutcomeButton = ({
             children: itemLabel
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           OutcomePriceContent,
           {
             isLoading: item.isPriceLoading,
@@ -3775,13 +4033,13 @@ MarketDetailsOutcomeButton.displayName = "MarketDetailsOutcomeButton";
 // src/events/market-details/market-details-graph-panel.tsx
 import {
   CHART_TIME_RANGES as CHART_TIME_RANGES2,
-  useLabels as useLabels6,
+  useLabels as useLabels7,
   useMarketChart as useMarketChart2,
   useRollingChartWindow as useRollingChartWindow2,
-  useSdkUiConfig as useSdkUiConfig3
+  useSdkUiConfig as useSdkUiConfig4
 } from "@agg-build/hooks";
 import { useEffect as useEffect5, useMemo as useMemo6, useRef as useRef6, useState as useState4 } from "react";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var MarketDetailsGraphPanel = ({
   venueMarkets,
   selectedOutcomeLabel,
@@ -3796,13 +4054,13 @@ var MarketDetailsGraphPanel = ({
   classNames
 }) => {
   var _a, _b, _c;
-  const config = useSdkUiConfig3();
+  const config = useSdkUiConfig4();
   const {
     formatting: { formatPercent, formatCompactCurrency, formatPrice },
     general: { theme }
   } = config;
   const isDarkTheme = theme === "dark";
-  const labels = useLabels6();
+  const labels = useLabels7();
   const selectedTimeRange = config.chart.selectedChartTimeRange;
   const setSelectedTimeRange = config.chart.setSelectedChartTimeRange;
   const [chartRangeOverride, setChartRangeOverride] = useState4(null);
@@ -3936,17 +4194,17 @@ var MarketDetailsGraphPanel = ({
   const handleRetryMarketChart = () => {
     void refetchMarketChart();
   };
-  return /* @__PURE__ */ jsxs7("div", { className: cn("agg-price-chart flex flex-col gap-5 p-5", classNames == null ? void 0 : classNames.graph), children: [
-    hasChartError ? /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs8("div", { className: cn("agg-price-chart flex flex-col gap-5 p-5", classNames == null ? void 0 : classNames.graph), children: [
+    hasChartError ? /* @__PURE__ */ jsx10(
       StateMessage,
       {
         title: labels.marketDetails.chartUnavailableTitle,
         description: labels.marketDetails.chartUnavailableDescription,
-        icon: /* @__PURE__ */ jsx9(WarningIcon, {}),
+        icon: /* @__PURE__ */ jsx10(WarningIcon, {}),
         onAction: handleRetryMarketChart,
         classNames: { root: "min-h-[248px] px-5 py-10 md:min-h-[272px]" }
       }
-    ) : /* @__PURE__ */ jsx9(
+    ) : /* @__PURE__ */ jsx10(
       LineChart,
       {
         series: graphSeries,
@@ -3959,14 +4217,14 @@ var MarketDetailsGraphPanel = ({
         showSeriesControls: chartAvailableOutcomesByVenue.length > 0 || headerOutcomeItems.length > 0,
         renderSeriesControls: () => {
           var _a2, _b2, _c2, _d;
-          return /* @__PURE__ */ jsxs7("div", { className: "agg-chart-toolbar w-full flex flex-col gap-4 md:flex-row md:items-center md:justify-between", children: [
-            /* @__PURE__ */ jsx9("div", { className: "agg-market-venues flex flex-wrap gap-2", children: chartAvailableOutcomesByVenue.map((item) => {
+          return /* @__PURE__ */ jsxs8("div", { className: "agg-chart-toolbar w-full flex flex-col gap-4 md:flex-row md:items-center md:justify-between", children: [
+            /* @__PURE__ */ jsx10("div", { className: "agg-market-venues flex flex-wrap gap-2", children: chartAvailableOutcomesByVenue.map((item) => {
               const probability = formatProbabilityPercent(
                 wsLivePrices.get(item.outcome.id),
                 formatPercent
               );
               const isActiveVenue = selectedGraphVenue === item.venue;
-              return /* @__PURE__ */ jsxs7(
+              return /* @__PURE__ */ jsxs8(
                 "button",
                 {
                   type: "button",
@@ -3985,14 +4243,14 @@ var MarketDetailsGraphPanel = ({
                     handleGraphVenueToggle(item.venue);
                   },
                   children: [
-                    /* @__PURE__ */ jsx9(VenueLogo, { venue: item.venue, size: "small" }),
-                    /* @__PURE__ */ jsx9("span", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: probability })
+                    /* @__PURE__ */ jsx10(VenueLogo, { venue: item.venue, size: "small" }),
+                    /* @__PURE__ */ jsx10("span", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: probability })
                   ]
                 },
                 `${item.market.id}-${item.outcome.id}`
               );
             }) }),
-            !isOutcomeSelectionLocked ? /* @__PURE__ */ jsx9(
+            !isOutcomeSelectionLocked ? /* @__PURE__ */ jsx10(
               SwitchButton,
               {
                 ariaLabel: labels.marketDetails.outcomeSelectorAria,
@@ -4022,7 +4280,7 @@ var MarketDetailsGraphPanel = ({
         }
       }
     ),
-    /* @__PURE__ */ jsxs7(
+    /* @__PURE__ */ jsxs8(
       "div",
       {
         className: cn(
@@ -4031,9 +4289,9 @@ var MarketDetailsGraphPanel = ({
           classNames == null ? void 0 : classNames.footer
         ),
         children: [
-          /* @__PURE__ */ jsx9("span", { children: typeof volume !== "number" ? labels.marketDetails.volumeUnavailable : volume > 0 ? `${formatCompactCurrency(volume)} ${labels.marketDetails.meta.volumeSuffix}` : "" }),
-          /* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap items-center gap-3 md:gap-4", children: [
-            /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10("span", { children: typeof volume !== "number" ? labels.marketDetails.volumeUnavailable : volume > 0 ? `${formatCompactCurrency(volume)} ${labels.marketDetails.meta.volumeSuffix}` : "" }),
+          /* @__PURE__ */ jsxs8("div", { className: "flex flex-wrap items-center gap-3 md:gap-4", children: [
+            /* @__PURE__ */ jsx10(
               ChartTypeSwitch,
               {
                 className: "agg-chart-type-switch shrink-0",
@@ -4041,11 +4299,11 @@ var MarketDetailsGraphPanel = ({
                 onValueChange: setSelectedChartType
               }
             ),
-            /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
+            /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
             CHART_TIME_RANGES2.map((timeRange) => {
               const isActive = effectiveChartTimeRange === timeRange;
               const isDisabled = isResolvedMarket && timeRange !== "ALL";
-              return /* @__PURE__ */ jsx9(
+              return /* @__PURE__ */ jsx10(
                 "button",
                 {
                   type: "button",
@@ -4079,14 +4337,14 @@ var MarketDetailsGraphPanel = ({
 MarketDetailsGraphPanel.displayName = "MarketDetailsGraphPanel";
 
 // src/events/market-details/index.tsx
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var MarketDetailsUnavailableState = ({
   marketId,
   ariaLabel,
   classNames
 }) => {
-  const labels = useLabels7();
-  return /* @__PURE__ */ jsx10(
+  const labels = useLabels8();
+  return /* @__PURE__ */ jsx11(
     Card,
     {
       "data-market-id": marketId || void 0,
@@ -4097,9 +4355,9 @@ var MarketDetailsUnavailableState = ({
       ),
       role: "status",
       "aria-label": ariaLabel != null ? ariaLabel : labels.marketDetails.unavailableAria,
-      children: /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-1 p-5", children: [
-        /* @__PURE__ */ jsx10(Typography, { variant: "body-large-strong", children: labels.marketDetails.unavailableTitle }),
-        /* @__PURE__ */ jsx10(Typography, { variant: "label", className: "text-agg-muted-foreground", children: labels.marketDetails.unavailableDescription })
+      children: /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-1 p-5", children: [
+        /* @__PURE__ */ jsx11(Typography, { variant: "body-large-strong", children: labels.marketDetails.unavailableTitle }),
+        /* @__PURE__ */ jsx11(Typography, { variant: "label", className: "text-agg-muted-foreground", children: labels.marketDetails.unavailableDescription })
       ] })
     }
   );
@@ -4109,14 +4367,14 @@ var MarketDetailsNotFoundState = ({
   ariaLabel: _ariaLabel,
   classNames: _classNames
 }) => {
-  const labels = useLabels7();
-  return /* @__PURE__ */ jsx10(
+  const labels = useLabels8();
+  return /* @__PURE__ */ jsx11(
     StateMessage,
     {
       "data-market-id": marketId || void 0,
       title: labels.marketDetails.notFoundTitle,
       description: labels.marketDetails.notFoundDescription,
-      icon: /* @__PURE__ */ jsx10(SearchEmptyIcon, {}),
+      icon: /* @__PURE__ */ jsx11(SearchEmptyIcon, {}),
       classNames: { root: "min-h-[280px] md:min-h-[320px]" }
     }
   );
@@ -4141,18 +4399,19 @@ var MarketDetailsContent = ({
   headerOutcomeItemsOverride,
   onOutcomeSelect,
   live,
+  showResolvingState = false,
   midpointsFallback,
   midpointsFallbackVenues,
   suppressOutcomeFallbackSelection,
   midpointsResult
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const config = useSdkUiConfig4();
+  const config = useSdkUiConfig5();
   const {
     features: { enableAnimations },
     formatting: { formatPercent }
   } = config;
-  const labels = useLabels7();
+  const labels = useLabels8();
   const tradingContext = useEventTradingContext2();
   const detailsContentId = useId();
   const tradeSide = (_a = tradingContext == null ? void 0 : tradingContext.tradeSide) != null ? _a : "buy";
@@ -4186,26 +4445,6 @@ var MarketDetailsContent = ({
     [clusterBestPricesRest, wsBestPrices]
   );
   const clusterBestPriceVenuesByOutcomeId = clusterMidpointResult.bestPriceVenuesByOutcomeId;
-  const clusterMidpointMarkets = useMemo7(() => {
-    var _a2;
-    if (!resolvedMarket) return [];
-    return (_a2 = resolvedMarket.venueMarkets) != null ? _a2 : [];
-  }, [resolvedMarket]);
-  const tradableVenues = useMemo7(() => {
-    var _a2;
-    if (clusterMidpointMarkets.length === 0) return null;
-    const set = /* @__PURE__ */ new Set();
-    for (const market of clusterMidpointMarkets) {
-      for (const outcome of (_a2 = market.venueMarketOutcomes) != null ? _a2 : []) {
-        if (clusterMidpoints.has(outcome.id)) {
-          set.add(market.venue);
-          break;
-        }
-      }
-    }
-    if (set.size === 0) return null;
-    return set;
-  }, [clusterMidpointMarkets, clusterMidpoints]);
   const model = useMemo7(() => {
     return buildMarketDetailsModel({
       venueMarkets,
@@ -4239,7 +4478,7 @@ var MarketDetailsContent = ({
   const marketTradingState = useMemo7(() => {
     return resolveMarketTradingState2(scopedMarketForCard);
   }, [scopedMarketForCard]);
-  const isOutcomeSelectionLocked = marketTradingState.isTradingDisabled;
+  const isOutcomeSelectionLocked = showResolvingState || marketTradingState.isTradingDisabled;
   const isUpcomingMarket = marketTradingState.kind === "unopened";
   const marketStatePresentation = resolveTradingStatePresentation(labels, marketTradingState);
   const resolvedWinningOutcomeLabel = resolveResolvedOutcomeLabel({
@@ -4363,6 +4602,7 @@ var MarketDetailsContent = ({
     clusterBestMidpointsByOutcomeId,
     clusterBestPricesRest,
     clusterBestPriceVenuesByOutcomeId,
+    clusterMidpointResult.isLoading,
     headerOutcomeItemsOverride,
     model,
     scopedMarketForCard,
@@ -4526,11 +4766,16 @@ var MarketDetailsContent = ({
   const handleRetryOrderBook = () => {
     void refetchOrderBook();
   };
-  const orderbookState = marketTradingState.isTradingDisabled ? {
+  const orderbookState = showResolvingState ? {
+    kind: "disabled",
+    title: labels.marketDetails.resolvingTitle,
+    description: labels.marketDetails.resolvingDescription,
+    icon: /* @__PURE__ */ jsx11(LoadingIcon, { size: "small" })
+  } : marketTradingState.isTradingDisabled ? {
     kind: "disabled",
     title: marketStatePresentation.title,
     description: marketStatePresentation.description,
-    icon: /* @__PURE__ */ jsx10(Icon, { name: marketStatePresentation.iconName, className: "h-5 w-5", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ jsx11(Icon, { name: marketStatePresentation.iconName, className: "h-5 w-5", "aria-hidden": "true" })
   } : isOrderBookLoading ? { kind: "loading" } : hasOrderBookError ? {
     kind: "error",
     title: labels.marketDetails.orderBookUnavailableTitle,
@@ -4546,7 +4791,7 @@ var MarketDetailsContent = ({
     description: labels.marketDetails.orderBookEmptyDescription
   } : { kind: "data" };
   if (marketId && !resolvedMarket) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       MarketDetailsNotFoundState,
       {
         marketId,
@@ -4556,7 +4801,7 @@ var MarketDetailsContent = ({
     );
   }
   if (!model) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       MarketDetailsUnavailableState,
       {
         marketId,
@@ -4565,18 +4810,18 @@ var MarketDetailsContent = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     Card,
     {
       className: cn(
         "group/agg-market-card",
         "w-full rounded-agg-2xl text-left outline-none",
-        marketTradingState.isTradingDisabled && "agg-market-card-readonly",
+        (showResolvingState || marketTradingState.isTradingDisabled) && "agg-market-card-readonly",
         marketDetailsBaseCardClassName,
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ jsxs8(
+        /* @__PURE__ */ jsxs9(
           "div",
           {
             "data-market-id": marketId || void 0,
@@ -4587,7 +4832,7 @@ var MarketDetailsContent = ({
               classNames == null ? void 0 : classNames.header
             ),
             children: [
-              /* @__PURE__ */ jsxs8(
+              /* @__PURE__ */ jsxs9(
                 "button",
                 {
                   className: cn(
@@ -4601,8 +4846,8 @@ var MarketDetailsContent = ({
                   "aria-controls": detailsContentId,
                   "aria-label": isOpened ? labels.marketDetails.toggleCloseDetailsAria(model.title) : labels.marketDetails.toggleOpenDetailsAria(model.title),
                   children: [
-                    /* @__PURE__ */ jsxs8("div", { className: "agg-market-summary flex min-w-24 flex-1 items-center gap-3 md:gap-4", children: [
-                      !compactHeader ? /* @__PURE__ */ jsx10(
+                    /* @__PURE__ */ jsxs9("div", { className: "agg-market-summary flex min-w-24 flex-1 items-center gap-3 md:gap-4", children: [
+                      !compactHeader ? /* @__PURE__ */ jsx11(
                         RemoteImage,
                         {
                           src: optimizedImageUrl3(model.image, 60),
@@ -4610,8 +4855,8 @@ var MarketDetailsContent = ({
                           className: "agg-market-image size-12 rounded-agg-lg object-cover md:size-[60px]"
                         }
                       ) : null,
-                      /* @__PURE__ */ jsxs8("div", { className: "flex min-w-24 flex-col", children: [
-                        /* @__PURE__ */ jsx10(Tooltip, { content: model.title, side: "top", children: /* @__PURE__ */ jsx10("div", { className: "min-w-0", children: /* @__PURE__ */ jsx10(
+                      /* @__PURE__ */ jsxs9("div", { className: "flex min-w-24 flex-col", children: [
+                        /* @__PURE__ */ jsx11(Tooltip, { content: model.title, side: "top", children: /* @__PURE__ */ jsx11("div", { className: "min-w-0", children: /* @__PURE__ */ jsx11(
                           Typography,
                           {
                             as: "h3",
@@ -4620,7 +4865,7 @@ var MarketDetailsContent = ({
                             children: model.title
                           }
                         ) }) }),
-                        /* @__PURE__ */ jsx10("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsx10(
+                        /* @__PURE__ */ jsx11("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsx11(
                           Typography,
                           {
                             variant: "label",
@@ -4628,8 +4873,8 @@ var MarketDetailsContent = ({
                             children: subtitleOverride != null ? subtitleOverride : model.subtitle
                           }
                         ) }),
-                        marketTradingState.isTradingDisabled && marketTradingState.kind !== "resolved" && !isUpcomingMarket ? /* @__PURE__ */ jsxs8("div", { className: "mt-2 flex flex-wrap items-center gap-2 justify-center md:justify-start", children: [
-                          /* @__PURE__ */ jsxs8(
+                        !showResolvingState && marketTradingState.isTradingDisabled && marketTradingState.kind !== "resolved" && !isUpcomingMarket ? /* @__PURE__ */ jsxs9("div", { className: "mt-2 flex flex-wrap items-center gap-2 justify-center md:justify-start", children: [
+                          /* @__PURE__ */ jsxs9(
                             "span",
                             {
                               className: cn(
@@ -4637,7 +4882,7 @@ var MarketDetailsContent = ({
                                 resolveTradingStateBadgeClassName(marketTradingState.kind)
                               ),
                               children: [
-                                /* @__PURE__ */ jsx10(
+                                /* @__PURE__ */ jsx11(
                                   Icon,
                                   {
                                     name: marketStatePresentation.iconName,
@@ -4645,20 +4890,23 @@ var MarketDetailsContent = ({
                                     className: "h-3.5 w-3.5"
                                   }
                                 ),
-                                /* @__PURE__ */ jsx10("span", { children: marketStatePresentation.badgeLabel })
+                                /* @__PURE__ */ jsx11("span", { children: marketStatePresentation.badgeLabel })
                               ]
                             }
                           ),
-                          marketStatePresentation.timestampLabel ? /* @__PURE__ */ jsx10(Typography, { variant: "label", className: "text-agg-muted-foreground", children: marketStatePresentation.timestampLabel }) : null,
-                          marketStatePresentation.winningOutcomeLabel ? /* @__PURE__ */ jsx10(Typography, { variant: "label", className: "text-agg-muted-foreground", children: marketStatePresentation.winningOutcomeLabel }) : null
+                          marketStatePresentation.timestampLabel ? /* @__PURE__ */ jsx11(Typography, { variant: "label", className: "text-agg-muted-foreground", children: marketStatePresentation.timestampLabel }) : null,
+                          marketStatePresentation.winningOutcomeLabel ? /* @__PURE__ */ jsx11(Typography, { variant: "label", className: "text-agg-muted-foreground", children: marketStatePresentation.winningOutcomeLabel }) : null
                         ] }) : null
                       ] })
                     ] }),
-                    !compactHeader ? /* @__PURE__ */ jsx10(Typography, { as: "div", variant: "heading", className: "agg-market-headline shrink-0", children: formatProbabilityPercent(headlineProbability, formatPercent) }) : null
+                    !compactHeader ? /* @__PURE__ */ jsx11(Typography, { as: "div", variant: "heading", className: "agg-market-headline shrink-0", children: formatProbabilityPercent(headlineProbability, formatPercent) }) : null
                   ]
                 }
               ),
-              marketTradingState.kind === "resolved" && marketTradingState.winningOutcome ? /* @__PURE__ */ jsx10("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ jsxs8(
+              showResolvingState ? /* @__PURE__ */ jsx11("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ jsxs9("span", { className: "inline-flex h-9 min-w-35 items-center justify-center gap-2 rounded-agg-full bg-agg-secondary-hover px-5 py-1.5 text-agg-sm", children: [
+                /* @__PURE__ */ jsx11(LoadingIcon, { size: "small" }),
+                /* @__PURE__ */ jsx11(Typography, { variant: "body", children: labels.marketDetails.resolvingBadge })
+              ] }) }) : marketTradingState.kind === "resolved" && marketTradingState.winningOutcome ? /* @__PURE__ */ jsx11("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ jsxs9(
                 "span",
                 {
                   className: cn(
@@ -4671,7 +4919,7 @@ var MarketDetailsContent = ({
                     "border-transparent bg-agg-secondary-hover"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx10(
+                    /* @__PURE__ */ jsx11(
                       Icon,
                       {
                         name: marketTradingState.winningOutcome.label.trim().toLowerCase() === "yes" ? "check-circle" : "cross-circle",
@@ -4682,12 +4930,12 @@ var MarketDetailsContent = ({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx10(Typography, { variant: "body", children: labels.eventMarketPage.resolvedOutcome(
+                    /* @__PURE__ */ jsx11(Typography, { variant: "body", children: labels.eventMarketPage.resolvedOutcome(
                       resolvedWinningOutcomeLabel != null ? resolvedWinningOutcomeLabel : marketTradingState.winningOutcome.label
                     ) })
                   ]
                 }
-              ) }) : isUpcomingMarket ? /* @__PURE__ */ jsx10("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ jsxs8(
+              ) }) : isUpcomingMarket ? /* @__PURE__ */ jsx11("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ jsxs9(
                 "span",
                 {
                   className: cn(
@@ -4696,7 +4944,7 @@ var MarketDetailsContent = ({
                     resolveTradingStateBadgeClassName(marketTradingState.kind)
                   ),
                   children: [
-                    /* @__PURE__ */ jsx10(
+                    /* @__PURE__ */ jsx11(
                       Icon,
                       {
                         name: marketStatePresentation.iconName,
@@ -4705,10 +4953,10 @@ var MarketDetailsContent = ({
                         "aria-hidden": "true"
                       }
                     ),
-                    /* @__PURE__ */ jsx10("span", { children: marketStatePresentation.badgeLabel })
+                    /* @__PURE__ */ jsx11("span", { children: marketStatePresentation.badgeLabel })
                   ]
                 }
-              ) }) : /* @__PURE__ */ jsx10(
+              ) }) : /* @__PURE__ */ jsx11(
                 "div",
                 {
                   className: "agg-outcomes flex w-full flex-wrap gap-2 md:w-auto md:shrink-0 md:flex-nowrap",
@@ -4717,7 +4965,7 @@ var MarketDetailsContent = ({
                   onKeyDown: (eventToHandle) => handleOutcomeKeyDown(eventToHandle),
                   children: headerOutcomeItems.map((item) => {
                     const isActiveOutcome = item.id === selectedOutcomeId;
-                    return /* @__PURE__ */ jsx10(
+                    return /* @__PURE__ */ jsx11(
                       MarketDetailsOutcomeButton,
                       {
                         enforceFixedWidth: headerOutcomeVariant != null,
@@ -4744,8 +4992,8 @@ var MarketDetailsContent = ({
             ]
           }
         ),
-        headerAccessory ? /* @__PURE__ */ jsx10("div", { className: "agg-market-card-accessory border-t border-agg-separator", children: headerAccessory }) : null,
-        /* @__PURE__ */ jsx10(
+        headerAccessory ? /* @__PURE__ */ jsx11("div", { className: "agg-market-card-accessory border-t border-agg-separator", children: headerAccessory }) : null,
+        /* @__PURE__ */ jsx11(
           "div",
           {
             id: detailsContentId,
@@ -4759,9 +5007,9 @@ var MarketDetailsContent = ({
               isOpened ? "grid-rows-[1fr] opacity-100" : "pointer-events-none grid-rows-[0fr] opacity-0"
             ),
             "aria-hidden": !isOpened,
-            children: /* @__PURE__ */ jsxs8("div", { className: "min-h-0", children: [
-              /* @__PURE__ */ jsx10("div", { className: "h-px w-full bg-agg-separator" }),
-              /* @__PURE__ */ jsxs8(
+            children: /* @__PURE__ */ jsxs9("div", { className: "min-h-0", children: [
+              /* @__PURE__ */ jsx11("div", { className: "h-px w-full bg-agg-separator" }),
+              /* @__PURE__ */ jsxs9(
                 "div",
                 {
                   className: cn(
@@ -4775,8 +5023,8 @@ var MarketDetailsContent = ({
                     ) : "translate-y-5 opacity-0"
                   ),
                   children: [
-                    !isResolvedMarket ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
-                      /* @__PURE__ */ jsx10("div", { className: cn("block", classNames == null ? void 0 : classNames.tabs), children: /* @__PURE__ */ jsx10(
+                    !isResolvedMarket ? /* @__PURE__ */ jsxs9(Fragment2, { children: [
+                      /* @__PURE__ */ jsx11("div", { className: cn("block", classNames == null ? void 0 : classNames.tabs), children: /* @__PURE__ */ jsx11(
                         Tabs,
                         {
                           ariaLabel: labels.marketDetails.tabsAria,
@@ -4787,10 +5035,10 @@ var MarketDetailsContent = ({
                           className: "agg-market-tabs flex! w-full px-5"
                         }
                       ) }),
-                      /* @__PURE__ */ jsx10("div", { className: "h-px w-full bg-agg-separator" })
+                      /* @__PURE__ */ jsx11("div", { className: "h-px w-full bg-agg-separator" })
                     ] }) : null,
-                    /* @__PURE__ */ jsxs8("div", { className: cn("agg-market-card-body p-0", classNames == null ? void 0 : classNames.content), children: [
-                      effectiveSelectedTab === "order-book" ? /* @__PURE__ */ jsx10(
+                    /* @__PURE__ */ jsxs9("div", { className: cn("agg-market-card-body p-0", classNames == null ? void 0 : classNames.content), children: [
+                      effectiveSelectedTab === "order-book" ? /* @__PURE__ */ jsx11(
                         OrderbookWithStates,
                         {
                           state: orderbookState,
@@ -4816,7 +5064,7 @@ var MarketDetailsContent = ({
                           wrapperClassName: classNames == null ? void 0 : classNames.orderBook
                         }
                       ) : null,
-                      isOpened && effectiveSelectedTab === "graph" ? /* @__PURE__ */ jsx10(
+                      isOpened && effectiveSelectedTab === "graph" ? /* @__PURE__ */ jsx11(
                         MarketDetailsGraphPanel,
                         {
                           venueMarkets: model.market.venueMarkets,
@@ -4832,13 +5080,13 @@ var MarketDetailsContent = ({
                           classNames: { graph: classNames == null ? void 0 : classNames.graph, footer: classNames == null ? void 0 : classNames.footer }
                         }
                       ) : null,
-                      effectiveSelectedTab === "other" ? /* @__PURE__ */ jsx10("div", { className: "agg-market-meta flex flex-col gap-4", children: otherContent != null ? otherContent : /* @__PURE__ */ jsx10("div", { className: "agg-market-meta-list grid grid-cols-1 gap-3", children: otherRows.map((row) => /* @__PURE__ */ jsxs8(
+                      effectiveSelectedTab === "other" ? /* @__PURE__ */ jsx11("div", { className: "agg-market-meta flex flex-col gap-4", children: otherContent != null ? otherContent : /* @__PURE__ */ jsx11("div", { className: "agg-market-meta-list grid grid-cols-1 gap-3", children: otherRows.map((row) => /* @__PURE__ */ jsxs9(
                         "div",
                         {
                           className: "agg-market-meta-row flex items-center justify-between rounded-agg-xl bg-agg-secondary-hover px-4 py-3",
                           children: [
-                            /* @__PURE__ */ jsx10(Typography, { variant: "label", className: "text-agg-muted-foreground", children: row.label }),
-                            /* @__PURE__ */ jsx10(Typography, { variant: "body", className: "text-right", children: row.value })
+                            /* @__PURE__ */ jsx11(Typography, { variant: "label", className: "text-agg-muted-foreground", children: row.label }),
+                            /* @__PURE__ */ jsx11(Typography, { variant: "body", className: "text-right", children: row.value })
                           ]
                         },
                         row.label
@@ -4856,9 +5104,9 @@ var MarketDetailsContent = ({
 };
 var MarketDetails = (_a) => {
   var _b = _a, { isOpened } = _b, props = __objRest(_b, ["isOpened"]);
-  const labels = useLabels7();
+  const labels = useLabels8();
   if (props.isLoading) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       Skeleton,
       {
         view: "market-details-minified",
@@ -4868,7 +5116,7 @@ var MarketDetails = (_a) => {
     );
   }
   if ("venueMarkets" in props && props.venueMarkets) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       MarketDetailsContent,
       __spreadProps(__spreadValues({}, props), {
         isOpened,
@@ -4880,7 +5128,7 @@ var MarketDetails = (_a) => {
     );
   }
   const { classNames: fallbackClassNames } = props;
-  return /* @__PURE__ */ jsx10(MarketDetailsUnavailableState, { classNames: fallbackClassNames });
+  return /* @__PURE__ */ jsx11(MarketDetailsUnavailableState, { classNames: fallbackClassNames });
 };
 MarketDetails.displayName = "MarketDetails";
 var AFFIRMATIVE_WINNER_LABELS = /* @__PURE__ */ new Set(["yes", "up", "buy", "long", "true"]);
@@ -4934,10 +5182,11 @@ var MarketDetailsList = ({
   defaultTab,
   classNames,
   live,
+  showResolvingState = false,
   midpointsResult
 }) => {
   var _a, _b;
-  const labels = useLabels7();
+  const labels = useLabels8();
   const tradingContext = useEventTradingContext2();
   const selectedMarketId = (_a = tradingContext == null ? void 0 : tradingContext.selectedMarketId) != null ? _a : null;
   const [expandedMarketId, setExpandedMarketId] = useState5(null);
@@ -4985,6 +5234,7 @@ var MarketDetailsList = ({
       const winnerMarketId = resolveResolvedWinnerMarketId(sourceMarkets, eventTradingState);
       return {
         primary: moveMarketToFront(sourceMarkets, winnerMarketId),
+        closed: [],
         upcoming: [],
         resolved: []
       };
@@ -5017,8 +5267,12 @@ var MarketDetailsList = ({
     return [];
   }, [areResolvedMarketsVisible, groupedMarkets.resolved, isResolvedEvent]);
   const displayedMarkets = useMemo7(() => {
-    return [...groupedMarkets.primary, ...visibleResolvedMarkets];
-  }, [groupedMarkets.primary, visibleResolvedMarkets]);
+    return [
+      ...groupedMarkets.primary,
+      ...showResolvingState ? groupedMarkets.closed : [],
+      ...visibleResolvedMarkets
+    ];
+  }, [groupedMarkets.closed, groupedMarkets.primary, showResolvingState, visibleResolvedMarkets]);
   const hasPrefetchedMarkets = !!providedMarkets || !!((_b = eventTradingState == null ? void 0 : eventTradingState.marketStates) == null ? void 0 : _b.length);
   const midpointEligibleMarkets = useMemo7(() => {
     return displayedMarkets.filter(
@@ -5070,7 +5324,7 @@ var MarketDetailsList = ({
     tradingContext == null ? void 0 : tradingContext.selectMarket(market.id, market);
   };
   if (!hasPrefetchedMarkets && isLoading) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       Skeleton,
       {
         view: "market-details-minified",
@@ -5080,29 +5334,29 @@ var MarketDetailsList = ({
     );
   }
   if (!hasPrefetchedMarkets && error) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       StateMessage,
       {
         title: labels.marketDetails.unavailableTitle,
         description: labels.marketDetails.unavailableDescription,
-        icon: /* @__PURE__ */ jsx10(SearchEmptyIcon, {}),
+        icon: /* @__PURE__ */ jsx11(SearchEmptyIcon, {}),
         classNames: { root: "min-h-[280px] md:min-h-[320px]" }
       }
     );
   }
   if (displayedMarkets.length === 0 && !shouldShowResolvedToggle) {
     const hasSourceMarkets = sourceMarkets.length > 0;
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       StateMessage,
       {
         title: hasSourceMarkets ? isResolvedEvent ? labels.markets.emptyResolved : labels.markets.emptyNoOpen : labels.marketDetails.notFoundTitle,
         description: hasSourceMarkets ? void 0 : labels.marketDetails.notFoundDescription,
-        icon: /* @__PURE__ */ jsx10(SearchEmptyIcon, {}),
+        icon: /* @__PURE__ */ jsx11(SearchEmptyIcon, {}),
         classNames: { root: "min-h-[280px] md:min-h-[320px]" }
       }
     );
   }
-  const renderMarketCard = (market) => /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10(
+  const renderMarketCard = (market) => /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsx11(
     MarketDetails,
     {
       marketId: market.id,
@@ -5124,14 +5378,16 @@ var MarketDetailsList = ({
       ariaLabel: market.question,
       classNames: { root: cn("agg-market-list-item", classNames == null ? void 0 : classNames.item) },
       live,
+      showResolvingState,
       midpointsFallback,
       midpointsFallbackVenues,
       midpointsResult
     }
   ) }, market.id);
-  return /* @__PURE__ */ jsxs8("div", { className: cn("agg-market-list flex flex-col gap-3", classNames == null ? void 0 : classNames.root), children: [
+  return /* @__PURE__ */ jsxs9("div", { className: cn("agg-market-list flex flex-col gap-3", classNames == null ? void 0 : classNames.root), children: [
     groupedMarkets.primary.map((market) => renderMarketCard(market)),
-    shouldShowResolvedToggle ? /* @__PURE__ */ jsx10(
+    showResolvingState ? groupedMarkets.closed.map((market) => renderMarketCard(market)) : null,
+    shouldShowResolvedToggle ? /* @__PURE__ */ jsx11(
       Button,
       {
         variant: "tertiary",
@@ -5141,7 +5397,7 @@ var MarketDetailsList = ({
           setAreResolvedMarketsVisible((isVisible) => !isVisible);
         },
         "aria-expanded": areResolvedMarketsVisible,
-        suffix: /* @__PURE__ */ jsx10(
+        suffix: /* @__PURE__ */ jsx11(
           Icon,
           {
             name: areResolvedMarketsVisible ? "chevron-up" : "chevron-down",
@@ -5165,18 +5421,18 @@ import {
   useAppConfig as useAppConfig2,
   useCategories,
   useCategoryChildren,
-  useLabels as useLabels9,
-  useSdkUiConfig as useSdkUiConfig5,
+  useLabels as useLabels10,
+  useSdkUiConfig as useSdkUiConfig6,
   useVenueEvents,
   useVenueMarketMidpoints as useVenueMarketMidpoints2
 } from "@agg-build/hooks";
 import { VENUES } from "@agg-build/sdk";
 import * as Dialog from "@radix-ui/react-dialog";
-import { useEffect as useEffect8, useMemo as useMemo10, useRef as useRef8, useState as useState7 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect8, useMemo as useMemo10, useRef as useRef8, useState as useState7 } from "react";
 
 // src/events/list/category-sidebar.tsx
 import { useMemo as useMemo8 } from "react";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var rowBase = cn(
   "flex min-h-11 w-full items-center gap-3 rounded-[6px] px-3 py-3",
   "text-left text-agg-sm font-agg-normal leading-agg-5",
@@ -5218,7 +5474,7 @@ var CategorySidebar = ({
   }) => {
     var _a, _b;
     const hasKnownChildren = ((_b = (_a = childrenByParentId.get(entry.id)) == null ? void 0 : _a.length) != null ? _b : 0) > 0;
-    return /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs10(
       "button",
       {
         type: "button",
@@ -5226,8 +5482,8 @@ var CategorySidebar = ({
         className: isSelected ? selectedRowClassName : idleRowClassName,
         onClick,
         children: [
-          /* @__PURE__ */ jsx11("span", { className: "min-w-0 flex-1 truncate first-letter:uppercase", children: entry.label }),
-          hasKnownChildren ? /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12("span", { className: "min-w-0 flex-1 truncate first-letter:uppercase", children: entry.label }),
+          hasKnownChildren ? /* @__PURE__ */ jsx12(
             Icon,
             {
               name: isExpanded ? "chevron-up" : "chevron-down",
@@ -5235,7 +5491,7 @@ var CategorySidebar = ({
               color: "currentColor",
               className: "shrink-0 text-agg-muted-foreground"
             }
-          ) : /* @__PURE__ */ jsx11("span", { className: "shrink-0 text-agg-muted-foreground", children: entry.eventCount })
+          ) : /* @__PURE__ */ jsx12("span", { className: "shrink-0 text-agg-muted-foreground", children: entry.eventCount })
         ]
       },
       entry.id
@@ -5253,27 +5509,27 @@ var CategorySidebar = ({
     const hasKnownChildren = childCategories.length > 0;
     const isExpanded = ((_d = categoryPath[depth]) == null ? void 0 : _d.id) === category.id && !collapsedCategoryIds.has(category.id);
     const isSelected = ((_e = categoryPath[depth]) == null ? void 0 : _e.id) === category.id && categoryPath.length === depth + 1;
-    return /* @__PURE__ */ jsxs9("div", { className: "flex w-full flex-col", children: [
+    return /* @__PURE__ */ jsxs10("div", { className: "flex w-full flex-col", children: [
       renderRow({
         entry,
         isExpanded,
         isSelected,
         onClick: () => onToggleCategory({ entry, depth, hasKnownChildren, isExpanded, isSelected })
       }),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx12(
         "div",
         {
           className: cn(
             "grid transition-[grid-template-rows] duration-150 ease-in-out motion-reduce:transition-none",
             isExpanded ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
           ),
-          children: /* @__PURE__ */ jsx11("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx11("div", { className: "flex w-full flex-col gap-1 pl-4 pt-1", children: childCategories.map((child) => renderBranch(child, depth + 1)) }) })
+          children: /* @__PURE__ */ jsx12("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx12("div", { className: "flex w-full flex-col gap-1 pl-4 pt-1", children: childCategories.map((child) => renderBranch(child, depth + 1)) }) })
         }
       )
     ] }, category.id);
   };
-  return /* @__PURE__ */ jsxs9("div", { className: "flex w-full flex-col gap-1", children: [
-    /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10("div", { className: "flex w-full flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs10(
       "button",
       {
         type: "button",
@@ -5281,8 +5537,8 @@ var CategorySidebar = ({
         className: !isDrilledIn ? selectedRowClassName : idleRowClassName,
         onClick: onSelectAll,
         children: [
-          /* @__PURE__ */ jsx11("span", { className: "min-w-0 flex-1 truncate", children: labels.subcategoriesAll }),
-          /* @__PURE__ */ jsx11("span", { className: "shrink-0 text-agg-muted-foreground", children: totalEventCount })
+          /* @__PURE__ */ jsx12("span", { className: "min-w-0 flex-1 truncate", children: labels.subcategoriesAll }),
+          /* @__PURE__ */ jsx12("span", { className: "shrink-0 text-agg-muted-foreground", children: totalEventCount })
         ]
       }
     ),
@@ -5292,13 +5548,20 @@ var CategorySidebar = ({
 CategorySidebar.displayName = "CategorySidebar";
 
 // src/events/list/event-list-tabs.tsx
-import { getVenueAvailabilityState, useAppConfig, useGeoBlock, useLabels as useLabels8 } from "@agg-build/hooks";
-import { isVenueInactive } from "@agg-build/sdk";
+import { getVenueAvailabilityState, useAppConfig, useGeoBlock, useLabels as useLabels9 } from "@agg-build/hooks";
+import { getEffectiveDisabledVenues, isVenueInactive } from "@agg-build/sdk";
 import { useCallback as useCallback3, useEffect as useEffect7, useMemo as useMemo9, useRef as useRef7, useState as useState6 } from "react";
 
 // src/events/list/event-list.constants.ts
 import { MatchStatus, Venue as Venue2 } from "@agg-build/sdk";
 var DEFAULT_EVENTS_LIMIT = 50;
+var DEFAULT_EVENT_LIST_SORT = "volume24hr";
+var EVENT_LIST_SORT_VALUES = [
+  "volume24hr",
+  "topArbitrage",
+  "volume",
+  "endDate"
+];
 var getDefaultEventListTabs = (labels) => {
   return [
     {
@@ -5367,16 +5630,17 @@ var getDefaultEventListTabs = (labels) => {
 };
 
 // src/events/list/event-list-tabs.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var DEFAULT_HIDDEN_VENUES = new Set(getEffectiveDisabledVenues(void 0));
 var renderTabIcon = (tab, isActive) => {
   if (tab.iconName === "warning-filled") {
-    return /* @__PURE__ */ jsx12(Icon, { name: "warning-filled", size: "small", color: "currentColor" });
+    return /* @__PURE__ */ jsx13(Icon, { name: "warning-filled", size: "small", color: "currentColor" });
   }
   if (tab.venueLogo) {
-    return /* @__PURE__ */ jsx12(VenueLogo, { venue: tab.venueLogo, size: "small" });
+    return /* @__PURE__ */ jsx13(VenueLogo, { venue: tab.venueLogo, size: "small" });
   }
   if (!tab.iconName) return null;
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     Icon,
     {
       name: tab.iconName,
@@ -5386,7 +5650,7 @@ var renderTabIcon = (tab, isActive) => {
   );
 };
 var useEventListTabs = (tabs) => {
-  const labels = useLabels8();
+  const labels = useLabels9();
   const { disabledVenues, isLoading: isAppConfigLoading } = useAppConfig();
   const { isLocationBlocked } = useGeoBlock();
   return useMemo9(() => {
@@ -5396,14 +5660,11 @@ var useEventListTabs = (tabs) => {
       const availabilityState = getVenueAvailabilityState({
         venueId: tab.venueLogo,
         disabledVenues,
-        // Compile-time-inactive venues (kalshi, novig) are hidden by default
-        // and un-hidden per-environment by a *_DATA_VISIBLE flag, so their
-        // disabled-ness is only known once `/app/config` resolves. Treating
-        // them as hidden while it loads stops a tab flashing in and out where
-        // the flag is unset. Keyed off the shared inactive-venue helper
-        // rather than a venue name, so adding or retiring one needs no
-        // change here.
-        isConfigLoading: isAppConfigLoading && isVenueInactive(tab.venueLogo),
+        // A globally inactive or default-disabled venue is hidden until
+        // `/app/config` resolves. That prevents partner-opt-in venues such as
+        // Novig from flashing briefly for apps that still disable them, while
+        // ordinary active venues continue rendering immediately.
+        isConfigLoading: isAppConfigLoading && (isVenueInactive(tab.venueLogo) || DEFAULT_HIDDEN_VENUES.has(tab.venueLogo)),
         isLocationBlocked
       });
       if (availabilityState === "hidden") return [];
@@ -5444,7 +5705,7 @@ var EventListTabs = ({
       };
     });
   }, [activeTab, resolvedTabs]);
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     Tabs,
     {
       ariaLabel,
@@ -5530,7 +5791,7 @@ var useEventListTabsHeaderOverflow = (recomputeOn, options) => {
 };
 
 // src/events/list/index.tsx
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var SORT_ICON_BY_VALUE = {
   volume24hr: "sort-volume-24hr",
   topArbitrage: "sort-top-arbitrage",
@@ -5581,49 +5842,79 @@ var EventList = ({
   getMarketHref,
   getEventHref,
   initialVenueTab,
+  activeVenueTab: controlledActiveVenueTab,
+  onActiveVenueTabChange,
+  selectedSort: controlledSelectedSort,
+  onSelectedSortChange,
+  categoryPath: controlledCategoryPath,
+  onCategoryPathChange,
   initialLoadedPageCount,
   stateRef
 }) => {
-  var _a, _b, _c, _d, _e;
-  const labels = useLabels9();
+  var _a, _b, _c, _d, _e, _f;
+  const labels = useLabels10();
   const { disabledVenues } = useAppConfig2();
   const {
     features: { enableVenueEventDiscoveryFilters, showSportsMarkets }
-  } = useSdkUiConfig5();
+  } = useSdkUiConfig6();
   const isDiscoveryFiltersEnabled = enableVenueEventDiscoveryFilters && !search;
   const resolvedTabs = useEventListTabs();
   const visibleVenues = useMemo10(
     () => disabledVenues.length === 0 ? void 0 : getVisibleVenueIdsByConfig(VENUES, disabledVenues),
     [disabledVenues]
   );
-  const [activeTabValue, setActiveTabValue] = useState7(
+  const [internalActiveTabValue, setInternalActiveTabValue] = useState7(
     (_b = initialVenueTab != null ? initialVenueTab : (_a = resolvedTabs[0]) == null ? void 0 : _a.value) != null ? _b : "matched"
   );
-  const [selectedSort, setSelectedSort] = useState7("volume24hr");
+  const activeTabValue = controlledActiveVenueTab != null ? controlledActiveVenueTab : internalActiveTabValue;
+  const [internalSelectedSort, setInternalSelectedSort] = useState7(DEFAULT_EVENT_LIST_SORT);
+  const selectedSort = controlledSelectedSort != null ? controlledSelectedSort : internalSelectedSort;
   const [isSubcategoriesModalOpen, setIsSubcategoriesModalOpen] = useState7(false);
-  const [categoryPath, setCategoryPath] = useState7([]);
+  const [internalCategoryPath, setInternalCategoryPath] = useState7([]);
+  const categoryPath = controlledCategoryPath != null ? controlledCategoryPath : internalCategoryPath;
   const [collapsedCategoryIds, setCollapsedCategoryIds] = useState7(() => /* @__PURE__ */ new Set());
+  const handleActiveTabChange = useCallback4(
+    (value) => {
+      if (controlledActiveVenueTab == null) setInternalActiveTabValue(value);
+      onActiveVenueTabChange == null ? void 0 : onActiveVenueTabChange(value, { history: "push" });
+    },
+    [controlledActiveVenueTab, onActiveVenueTabChange]
+  );
+  const handleSelectedSortChange = useCallback4(
+    (value) => {
+      if (controlledSelectedSort == null) setInternalSelectedSort(value);
+      onSelectedSortChange == null ? void 0 : onSelectedSortChange(value, { history: "push" });
+    },
+    [controlledSelectedSort, onSelectedSortChange]
+  );
+  const handleCategoryPathChange = useCallback4(
+    (value, options) => {
+      if (controlledCategoryPath == null) setInternalCategoryPath(value);
+      onCategoryPathChange == null ? void 0 : onCategoryPathChange(value, options);
+    },
+    [controlledCategoryPath, onCategoryPathChange]
+  );
   const sortItems = useMemo10(() => {
     return [
       {
         value: "volume24hr",
         label: labels.eventList.sortBy24hVolume,
-        icon: /* @__PURE__ */ jsx13(Icon, { name: SORT_ICON_BY_VALUE.volume24hr, size: "small", color: "currentColor" })
+        icon: /* @__PURE__ */ jsx14(Icon, { name: SORT_ICON_BY_VALUE.volume24hr, size: "small", color: "currentColor" })
       },
       {
         value: "topArbitrage",
         label: labels.eventList.sortByTopArbitrage,
-        icon: /* @__PURE__ */ jsx13(Icon, { name: SORT_ICON_BY_VALUE.topArbitrage, size: "small", color: "currentColor" })
+        icon: /* @__PURE__ */ jsx14(Icon, { name: SORT_ICON_BY_VALUE.topArbitrage, size: "small", color: "currentColor" })
       },
       {
         value: "volume",
         label: labels.eventList.sortByTotalVolume,
-        icon: /* @__PURE__ */ jsx13(Icon, { name: SORT_ICON_BY_VALUE.volume, size: "small", color: "currentColor" })
+        icon: /* @__PURE__ */ jsx14(Icon, { name: SORT_ICON_BY_VALUE.volume, size: "small", color: "currentColor" })
       },
       {
         value: "endDate",
         label: labels.eventList.sortByEndingSoon,
-        icon: /* @__PURE__ */ jsx13(Icon, { name: SORT_ICON_BY_VALUE.endDate, size: "small", color: "currentColor" })
+        icon: /* @__PURE__ */ jsx14(Icon, { name: SORT_ICON_BY_VALUE.endDate, size: "small", color: "currentColor" })
       }
     ];
   }, [
@@ -5635,9 +5926,9 @@ var EventList = ({
   const baseCategoryId = (_c = categoryIds == null ? void 0 : categoryIds[0]) != null ? _c : null;
   useEffect8(() => {
     if (!isDiscoveryFiltersEnabled) return;
-    setCategoryPath([]);
+    if (controlledCategoryPath == null) setInternalCategoryPath([]);
     setCollapsedCategoryIds(/* @__PURE__ */ new Set());
-  }, [baseCategoryId, isDiscoveryFiltersEnabled]);
+  }, [baseCategoryId, controlledCategoryPath, isDiscoveryFiltersEnabled]);
   const { categories: topLevelCategories } = useCategories({
     queryKeyScope: "event-list-top-categories",
     enabled: isDiscoveryFiltersEnabled,
@@ -5649,12 +5940,13 @@ var EventList = ({
   const baseCategoryChildPrefetchIds = useMemo10(() => {
     return Array.from(
       /* @__PURE__ */ new Set([
+        ...baseCategoryId ? [baseCategoryId] : [],
         ...sortedTopLevelCategories.map((category) => category.id),
         ...categoryPath.map((category) => category.id)
       ])
     );
-  }, [categoryPath, sortedTopLevelCategories]);
-  const { childrenByParentId: baseChildrenByParentId } = useCategoryChildren({
+  }, [baseCategoryId, categoryPath, sortedTopLevelCategories]);
+  const { childrenByParentId: baseChildrenByParentId, isLoading: isBaseCategoryChildrenLoading } = useCategoryChildren({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: baseCategoryChildPrefetchIds,
@@ -5704,7 +5996,36 @@ var EventList = ({
       ...visibleGrandchildrenByParentId
     ]);
   }, [baseChildrenByParentId, visibleChildrenByParentId, visibleGrandchildrenByParentId]);
-  const shouldRenderSubcategoryFilters = isDiscoveryFiltersEnabled && baseCategoryId !== null && (((_e = (_d = childrenByParentId.get(baseCategoryId)) == null ? void 0 : _d.length) != null ? _e : 0) > 0 || categoryPath.length > 0);
+  const controlledCategoryPathKey = (_d = controlledCategoryPath == null ? void 0 : controlledCategoryPath.map((entry) => entry.id).join(",")) != null ? _d : "";
+  const controlledCategoryPathValidationKey = `${baseCategoryId != null ? baseCategoryId : ""}|${controlledCategoryPathKey}`;
+  const [validatedCategoryPathKey, setValidatedCategoryPathKey] = useState7(
+    () => controlledCategoryPath == null || controlledCategoryPath.length === 0 ? controlledCategoryPathValidationKey : ""
+  );
+  useEffect8(() => {
+    if (controlledCategoryPath == null || controlledCategoryPath.length === 0) {
+      setValidatedCategoryPathKey(controlledCategoryPathValidationKey);
+      return;
+    }
+    if (isBaseCategoryChildrenLoading) return;
+    const requestedIds = controlledCategoryPath.map((entry) => entry.id);
+    const validIds = validateSubcategoryPath(requestedIds, baseCategoryId, baseChildrenByParentId);
+    if (validIds.length !== requestedIds.length) {
+      handleCategoryPathChange(controlledCategoryPath.slice(0, validIds.length), {
+        history: "replace"
+      });
+      return;
+    }
+    setValidatedCategoryPathKey(controlledCategoryPathValidationKey);
+  }, [
+    baseCategoryId,
+    baseChildrenByParentId,
+    controlledCategoryPath,
+    controlledCategoryPathKey,
+    controlledCategoryPathValidationKey,
+    handleCategoryPathChange,
+    isBaseCategoryChildrenLoading
+  ]);
+  const shouldRenderSubcategoryFilters = isDiscoveryFiltersEnabled && baseCategoryId !== null && (((_f = (_e = childrenByParentId.get(baseCategoryId)) == null ? void 0 : _e.length) != null ? _f : 0) > 0 || categoryPath.length > 0);
   const baseCategoryEventCount = useMemo10(() => {
     var _a2, _b2;
     return (_b2 = (_a2 = sortedTopLevelCategories.find((c) => c.id === baseCategoryId)) == null ? void 0 : _a2.eventCount) != null ? _b2 : 0;
@@ -5762,7 +6083,8 @@ var EventList = ({
     // markets experience is enabled (the sports event-detail view loads the
     // folded companions via aggKey). Gated on the same flag as that view.
     grouped: showSportsMarkets,
-    initialPages: initialLoadedPageCount
+    initialPages: initialLoadedPageCount,
+    enabled: controlledCategoryPath == null || validatedCategoryPathKey === controlledCategoryPathValidationKey
   });
   useEffect8(() => {
     if (stateRef) {
@@ -5823,7 +6145,7 @@ var EventList = ({
     "grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] md:grid-cols-[repeat(auto-fill,minmax(360px,1fr))] gap-4"
   );
   const handleSelectAllCategories = () => {
-    setCategoryPath([]);
+    handleCategoryPathChange([], { history: "push" });
     setCollapsedCategoryIds(/* @__PURE__ */ new Set());
     onCategoryRootChange == null ? void 0 : onCategoryRootChange(baseCategoryId != null ? baseCategoryId : void 0);
     setIsSubcategoriesModalOpen(false);
@@ -5835,7 +6157,7 @@ var EventList = ({
     isExpanded,
     isSelected
   }) => {
-    setCategoryPath((prev) => [...prev.slice(0, depth), entry]);
+    handleCategoryPathChange([...categoryPath.slice(0, depth), entry], { history: "push" });
     setCollapsedCategoryIds((prev) => {
       const next = new Set(prev);
       if (hasKnownChildren && isExpanded && isSelected) {
@@ -5848,7 +6170,7 @@ var EventList = ({
     onCategoryRootChange == null ? void 0 : onCategoryRootChange(baseCategoryId != null ? baseCategoryId : void 0);
   };
   if (shouldRenderLoadingState) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       Skeleton,
       {
         view: "event-list",
@@ -5857,8 +6179,8 @@ var EventList = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs10("section", { className: "agg-event-list flex w-full flex-col gap-2 md:gap-5 t", children: [
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11("section", { className: "agg-event-list flex w-full flex-col gap-2 md:gap-5 t", children: [
+    /* @__PURE__ */ jsxs11(
       "header",
       {
         className: cn(
@@ -5867,25 +6189,25 @@ var EventList = ({
           "gap-2 sm:flex-row sm:items-center sm:gap-4"
         ),
         children: [
-          /* @__PURE__ */ jsx13("div", { className: "agg-event-list-title min-w-32", children: /* @__PURE__ */ jsx13(Typography, { as: "h2", variant: "title", className: "truncate first-letter:uppercase", children: title }) }),
-          /* @__PURE__ */ jsxs10("div", { className: "hidden min-w-0 max-w-full items-center gap-3 md:flex", children: [
-            /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14("div", { className: "agg-event-list-title min-w-32", children: /* @__PURE__ */ jsx14(Typography, { as: "h2", variant: "title", className: "truncate first-letter:uppercase", children: title }) }),
+          /* @__PURE__ */ jsxs11("div", { className: "hidden min-w-0 max-w-full items-center gap-3 md:flex", children: [
+            /* @__PURE__ */ jsx14(
               EventListTabs,
               {
                 ariaLabel: labels.eventList.tabsAria(title),
                 className: "agg-event-list-tabs min-w-0 flex-1 max-w-[600px]!",
                 activeTab: activeTabValue,
-                onTabChange: setActiveTabValue,
+                onTabChange: handleActiveTabChange,
                 overflowBehavior: "scroll"
               }
             ),
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14(
               Select,
               {
                 ariaLabel: labels.eventList.sortByLabel,
                 className: "min-w-[200px] w-auto! shrink-0 min-h-10.5",
                 value: selectedSort,
-                onChange: setSelectedSort,
+                onChange: handleSelectedSortChange,
                 items: sortItems,
                 contentClassName: "py-2",
                 triggerClassName: "rounded-agg-lg!"
@@ -5895,45 +6217,45 @@ var EventList = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs10("div", { className: "flex w-full gap-2 md:hidden mb-3", children: [
-      /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsxs11("div", { className: "flex w-full gap-2 md:hidden mb-3", children: [
+      /* @__PURE__ */ jsx14(
         EventListTabs,
         {
           ariaLabel: labels.eventList.tabsAria(title),
           className: "agg-event-list-tabs min-w-0 flex-1",
           activeTab: activeTabValue,
-          onTabChange: setActiveTabValue,
+          onTabChange: handleActiveTabChange,
           overflowBehavior: "select"
         }
       ),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         Select,
         {
           ariaLabel: labels.eventList.sortByLabel,
           className: "min-w-0 flex-1 md:min-w-[144px]",
           value: selectedSort,
-          onChange: setSelectedSort,
+          onChange: handleSelectedSortChange,
           items: sortItems,
           contentClassName: "rounded-[12px] py-2 shadow-[0_8px_16px_rgba(0,0,0,0.1)]"
         }
       ),
-      shouldRenderSubcategoryFilters ? /* @__PURE__ */ jsx13(
+      shouldRenderSubcategoryFilters ? /* @__PURE__ */ jsx14(
         "button",
         {
           type: "button",
           className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-[8px] border-2 border-agg-primary bg-agg-secondary text-agg-foreground cursor-pointer",
           "aria-label": labels.eventList.subcategoriesOpenAria,
           onClick: () => setIsSubcategoriesModalOpen(true),
-          children: /* @__PURE__ */ jsx13(Icon, { name: "apps", size: "small", color: "currentColor" })
+          children: /* @__PURE__ */ jsx14(Icon, { name: "apps", size: "small", color: "currentColor" })
         }
       ) : null
     ] }),
-    /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsxs11(
       "div",
       {
         className: cn("flex w-full gap-6", shouldRenderSubcategoryFilters ? "md:items-start" : ""),
         children: [
-          shouldRenderSubcategoryFilters ? /* @__PURE__ */ jsx13("aside", { className: "hidden w-[200px] shrink-0 md:block self-start sticky top-4", children: /* @__PURE__ */ jsx13("div", { className: "agg-sidebar max-h-[calc(100vh-19rem)] overflow-y-auto rounded-[8px] border border-agg-separator bg-agg-secondary p-2", children: /* @__PURE__ */ jsx13(
+          shouldRenderSubcategoryFilters ? /* @__PURE__ */ jsx14("aside", { className: "hidden w-[200px] shrink-0 md:block self-start sticky top-4", children: /* @__PURE__ */ jsx14("div", { className: "agg-sidebar max-h-[calc(100vh-19rem)] overflow-y-auto rounded-[8px] border border-agg-separator bg-agg-secondary p-2", children: /* @__PURE__ */ jsx14(
             CategorySidebar,
             {
               baseCategoryId,
@@ -5946,7 +6268,7 @@ var EventList = ({
               onToggleCategory: handleToggleSubcategory
             }
           ) }) }) : null,
-          /* @__PURE__ */ jsxs10(
+          /* @__PURE__ */ jsxs11(
             "div",
             {
               className: cn(
@@ -5957,7 +6279,7 @@ var EventList = ({
                 gridClassName
               ),
               children: [
-                tileEvents.map((event) => /* @__PURE__ */ jsx13(
+                tileEvents.map((event) => /* @__PURE__ */ jsx14(
                   EventListItem,
                   {
                     event,
@@ -5974,7 +6296,7 @@ var EventList = ({
                   },
                   event.id
                 )),
-                shouldRenderPaginationLoadingItems ? Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ jsx13(
+                shouldRenderPaginationLoadingItems ? Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ jsx14(
                   EventListItem,
                   {
                     isLoading: true,
@@ -5984,20 +6306,20 @@ var EventList = ({
                   },
                   `loading-${index}`
                 )) : null,
-                shouldRenderEmptyState ? /* @__PURE__ */ jsx13("div", { className: "col-span-full w-full", children: /* @__PURE__ */ jsx13(
+                shouldRenderEmptyState ? /* @__PURE__ */ jsx14("div", { className: "col-span-full w-full", children: /* @__PURE__ */ jsx14(
                   StateMessage,
                   {
                     title: labels.eventList.emptyTitle,
                     description: labels.eventList.emptyDescription,
-                    icon: /* @__PURE__ */ jsx13(Icon, { name: "search-empty" })
+                    icon: /* @__PURE__ */ jsx14(Icon, { name: "search-empty" })
                   }
                 ) }) : null,
-                isError ? /* @__PURE__ */ jsx13("div", { className: "col-span-full w-full", children: /* @__PURE__ */ jsx13(
+                isError ? /* @__PURE__ */ jsx14("div", { className: "col-span-full w-full", children: /* @__PURE__ */ jsx14(
                   StateMessage,
                   {
                     title: labels.eventList.errorTitle,
                     description: labels.eventList.errorDescription,
-                    icon: /* @__PURE__ */ jsx13(Icon, { name: "warning" })
+                    icon: /* @__PURE__ */ jsx14(Icon, { name: "warning" })
                   }
                 ) }) : null
               ]
@@ -6006,7 +6328,7 @@ var EventList = ({
         ]
       }
     ),
-    shouldRenderSubcategoryFilters ? /* @__PURE__ */ jsx13(Modal, { open: isSubcategoriesModalOpen, onOpenChange: setIsSubcategoriesModalOpen, children: /* @__PURE__ */ jsx13(
+    shouldRenderSubcategoryFilters ? /* @__PURE__ */ jsx14(Modal, { open: isSubcategoriesModalOpen, onOpenChange: setIsSubcategoriesModalOpen, children: /* @__PURE__ */ jsx14(
       Modal.Container,
       {
         classNames: {
@@ -6015,20 +6337,20 @@ var EventList = ({
           content: "items-end p-0 pointer-events-none",
           container: "w-full max-w-none border-0 bg-transparent shadow-none"
         },
-        children: /* @__PURE__ */ jsxs10("div", { className: "pointer-events-auto w-full rounded-t-[12px] border border-agg-separator bg-agg-secondary", children: [
-          /* @__PURE__ */ jsx13("div", { className: "flex justify-center pb-1 pt-3", "aria-hidden": "true", children: /* @__PURE__ */ jsx13("div", { className: "h-1 w-10 rounded-full bg-agg-muted-foreground/30" }) }),
-          /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between px-4 pb-2 pt-1", children: [
-            /* @__PURE__ */ jsx13(Dialog.Title, { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.eventList.subcategoriesLabel }),
-            /* @__PURE__ */ jsx13(
+        children: /* @__PURE__ */ jsxs11("div", { className: "pointer-events-auto w-full rounded-t-[12px] border border-agg-separator bg-agg-secondary", children: [
+          /* @__PURE__ */ jsx14("div", { className: "flex justify-center pb-1 pt-3", "aria-hidden": "true", children: /* @__PURE__ */ jsx14("div", { className: "h-1 w-10 rounded-full bg-agg-muted-foreground/30" }) }),
+          /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between px-4 pb-2 pt-1", children: [
+            /* @__PURE__ */ jsx14(Dialog.Title, { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.eventList.subcategoriesLabel }),
+            /* @__PURE__ */ jsx14(
               Dialog.Close,
               {
                 className: "flex cursor-pointer items-center justify-center rounded-full p-1 text-agg-muted-foreground hover:bg-agg-secondary-hover",
                 "aria-label": labels.common.close,
-                children: /* @__PURE__ */ jsx13(CloseIcon, { className: "h-5 w-5" })
+                children: /* @__PURE__ */ jsx14(CloseIcon, { className: "h-5 w-5" })
               }
             )
           ] }),
-          /* @__PURE__ */ jsx13("div", { className: "flex flex-col gap-1 px-4 pb-4", children: /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14("div", { className: "flex flex-col gap-1 px-4 pb-4", children: /* @__PURE__ */ jsx14(
             CategorySidebar,
             {
               baseCategoryId,
@@ -6044,7 +6366,7 @@ var EventList = ({
         ] })
       }
     ) }) : null,
-    shouldPaginate && hasNextPage ? /* @__PURE__ */ jsx13("div", { ref: loadMoreRef, className: "agg-event-list-sentinel h-px w-full", "aria-hidden": true }) : null
+    shouldPaginate && hasNextPage ? /* @__PURE__ */ jsx14("div", { ref: loadMoreRef, className: "agg-event-list-sentinel h-px w-full", "aria-hidden": true }) : null
   ] });
 };
 EventList.displayName = "EventList";
@@ -6056,6 +6378,7 @@ export {
   collectEligibleVenueOutcomes,
   collectEligibleVenueOutcomeIds,
   mergeVenueOutcomeOrderbooks,
+  SportsLiveScore,
   SettlementSummary,
   resolveEventDetailsSyncKey,
   EventListItemDetails,
@@ -6066,6 +6389,8 @@ export {
   MarketDetails,
   MarketDetailsList,
   DEFAULT_EVENTS_LIMIT,
+  DEFAULT_EVENT_LIST_SORT,
+  EVENT_LIST_SORT_VALUES,
   useEventListTabs,
   EventListTabs,
   useEventListTabsHeaderOverflow,