@agg-build/ui 4.2.0 → 4.7.1

package/dist/events.js

@@ -69,6 +69,7 @@ __export(events_exports, {
   Orderbook: () => Orderbook,
   OrderbookWithStates: () => OrderbookWithStates,
   SettlementSummary: () => SettlementSummary,
+  SportsLiveScore: () => SportsLiveScore,
   collectEligibleVenueOutcomeIds: () => collectEligibleVenueOutcomeIds,
   collectEligibleVenueOutcomes: () => collectEligibleVenueOutcomes,
   formatProbabilityCents: () => formatProbabilityCents,
@@ -82,7 +83,7 @@ __export(events_exports, {
 module.exports = __toCommonJS(events_exports);
 
 // src/events/item/index.tsx
-var import_hooks32 = require("@agg-build/hooks");
+var import_hooks33 = require("@agg-build/hooks");
 var import_react10 = require("react");
 
 // src/constants.ts
@@ -4288,6 +4289,19 @@ var resolveCategoryIdsFromPath = (path, fallbackCategoryIds) => {
   if (deepest) return [deepest];
   return fallbackCategoryIds;
 };
+var validateSubcategoryPath = (requestedPath, rootCategoryId, childrenByParentId) => {
+  var _a;
+  if (!rootCategoryId) return [];
+  const validPath = [];
+  let parentId = rootCategoryId;
+  for (const categoryId of requestedPath) {
+    const category = (_a = childrenByParentId.get(parentId)) == null ? void 0 : _a.find((child) => child.id === categoryId);
+    if (!category) break;
+    validPath.push(category.id);
+    parentId = category.id;
+  }
+  return validPath;
+};
 var resolveTabVenus = (tab, visibleVenues) => {
   const applyAllowList = (venues) => {
     if (!venues) {
@@ -5724,6 +5738,14 @@ var formatSportsEventTimeEt = (value) => {
 
 // src/events/shared/format-event-title.ts
 var SPORT_CATEGORY_TOKENS = /* @__PURE__ */ new Set(["sport", "sports"]);
+var RECURRING_CRYPTO_TIMESTAMP_SUFFIX = /\s+-\s+(?:jan(?:uary)?|feb(?:ruary)?|mar(?:ch)?|apr(?:il)?|may|jun(?:e)?|jul(?:y)?|aug(?:ust)?|sep(?:t(?:ember)?)?|oct(?:ober)?|nov(?:ember)?|dec(?:ember)?)\b.*$/i;
+var RECURRING_CRYPTO_DURATION_SUFFIX = /\s+-\s+(?:5m(?:in)?|15m(?:in)?|1h|1d)$/i;
+var RECURRING_CRYPTO_DURATION_LABELS = {
+  PT5M: "5min",
+  PT15M: "15min",
+  PT1H: "1h",
+  P1D: "1d"
+};
 var normalizeCategoryToken = (value) => {
   if (typeof value !== "string") return null;
   const normalizedValue = value.trim().toLowerCase();
@@ -5792,9 +5814,21 @@ var resolveEventHeading = ({
   structureType,
   gameStartTime,
   endDate,
-  venueMarkets
+  venueMarkets,
+  recurringCryptoWindowStart,
+  recurringCryptoDuration
 }) => {
   const resolvedTitle = title2.trim();
+  if (recurringCryptoWindowStart !== void 0) {
+    const windowStartDate = recurringCryptoWindowStart == null ? null : new Date(recurringCryptoWindowStart);
+    const timestampLabel = windowStartDate && !Number.isNaN(windowStartDate.getTime()) ? formatSportsEventTimeEt(windowStartDate.toISOString()) : null;
+    const titleWithoutTimestamp = resolvedTitle.replace(RECURRING_CRYPTO_TIMESTAMP_SUFFIX, "").replace(RECURRING_CRYPTO_DURATION_SUFFIX, "").trim();
+    const durationLabel = recurringCryptoDuration ? RECURRING_CRYPTO_DURATION_LABELS[recurringCryptoDuration] : null;
+    return {
+      title: durationLabel ? `${titleWithoutTimestamp} - ${durationLabel}` : titleWithoutTimestamp,
+      timestampLabel
+    };
+  }
   return {
     title: resolvedTitle,
     timestampLabel: resolveEventTimestampLabel({
@@ -6064,8 +6098,141 @@ var resolveDisplayVolume = (eventVolume, venueMarkets) => {
   return void 0;
 };
 
-// src/primitives/modal/index.tsx
+// src/primitives/loading-icon/index.tsx
 var import_hooks27 = require("@agg-build/hooks");
+
+// src/primitives/loading-icon/loading-icon.constants.ts
+var LOADING_ICON_DEFAULT_SIZE = "medium";
+var LOADING_ICON_SVG_VIEW_BOX = "0 0 44 44";
+var LOADING_ICON_PROMINENT_FRAME_CLASS = "h-12 w-12";
+var LOADING_ICON_PROMINENT_STROKE = 2;
+var LOADING_ICON_PROMINENT_DASHARRAY = "75 25";
+
+// src/primitives/loading-icon/loading-icon.utils.ts
+var resolveLoadingIconAriaLabel = ({
+  ariaLabel,
+  fallbackLabel
+}) => {
+  return ariaLabel != null ? ariaLabel : fallbackLabel;
+};
+
+// src/primitives/loading-icon/index.tsx
+var import_jsx_runtime117 = require("react/jsx-runtime");
+var LoadingIcon = ({
+  size = LOADING_ICON_DEFAULT_SIZE,
+  variant = "default",
+  className,
+  ariaLabel
+}) => {
+  const labels = (0, import_hooks27.useLabels)();
+  const {
+    features: { enableAnimations }
+  } = (0, import_hooks27.useSdkUiConfig)();
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+    "span",
+    {
+      role: "status",
+      "aria-label": resolveLoadingIconAriaLabel({
+        ariaLabel,
+        fallbackLabel: labels.common.loading
+      }),
+      className: cn(
+        "group/agg-loading-icon",
+        "inline-grid place-items-center text-agg-primary will-change-transform",
+        className
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+        "svg",
+        {
+          viewBox: LOADING_ICON_SVG_VIEW_BOX,
+          className: cn(
+            "block",
+            variant === "prominent" ? LOADING_ICON_PROMINENT_FRAME_CLASS : iconSizeClasses[size]
+          ),
+          children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("g", { children: [
+            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+              "animateTransform",
+              {
+                attributeName: "transform",
+                attributeType: "XML",
+                type: "rotate",
+                from: "0 22 22",
+                to: "360 22 22",
+                dur: "0.85s",
+                repeatCount: "indefinite"
+              }
+            ) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+              "circle",
+              {
+                cx: "22",
+                cy: "22",
+                r: "16",
+                fill: "none",
+                pathLength: 100,
+                stroke: "currentColor",
+                strokeWidth: LOADING_ICON_PROMINENT_STROKE,
+                strokeLinecap: "round",
+                strokeDasharray: LOADING_ICON_PROMINENT_DASHARRAY
+              }
+            )
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("g", { children: [
+            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+              "animateTransform",
+              {
+                attributeName: "transform",
+                attributeType: "XML",
+                type: "rotate",
+                from: "0 22 22",
+                to: "360 22 22",
+                dur: "1.4s",
+                repeatCount: "indefinite"
+              }
+            ) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+              "circle",
+              {
+                cx: "22",
+                cy: "22",
+                r: "16",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: 6,
+                strokeLinecap: "round",
+                strokeDasharray: "60 100",
+                strokeDashoffset: "0",
+                children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_jsx_runtime117.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                    "animate",
+                    {
+                      attributeName: "stroke-dasharray",
+                      values: "1 100;60 100;1 100",
+                      dur: "1.2s",
+                      repeatCount: "indefinite"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                    "animate",
+                    {
+                      attributeName: "stroke-dashoffset",
+                      values: "0;-25;-100",
+                      dur: "1.2s",
+                      repeatCount: "indefinite"
+                    }
+                  )
+                ] }) : null
+              }
+            )
+          ] })
+        }
+      ) })
+    }
+  );
+};
+LoadingIcon.displayName = "LoadingIcon";
+
+// src/primitives/modal/index.tsx
+var import_hooks28 = require("@agg-build/hooks");
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
 
 // src/primitives/modal/modal.constants.ts
@@ -6089,7 +6256,7 @@ var resolveModalCloseIcon = ({
 };
 
 // src/primitives/modal/index.tsx
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_jsx_runtime118 = require("react/jsx-runtime");
 var Modal = ({
   open,
   onOpenChange,
@@ -6097,7 +6264,7 @@ var Modal = ({
   "aria-label": _ariaLabel,
   "aria-labelledby": _ariaLabelledBy
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Dialog.Root, { open, onOpenChange, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Dialog.Root, { open, onOpenChange, children });
 };
 var ModalContainer = ({
   children,
@@ -6109,11 +6276,11 @@ var ModalContainer = ({
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks27.useSdkUiConfig)();
+  } = (0, import_hooks28.useSdkUiConfig)();
   const overlayAnimationClassName = resolveModalOverlayAnimationClassName(enableAnimations);
   const panelAnimationClassName = resolveModalPanelAnimationClassName(enableAnimations);
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Dialog.Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Dialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
       Dialog.Overlay,
       {
         className: cn(
@@ -6124,7 +6291,7 @@ var ModalContainer = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
       Dialog.Content,
       {
         className: cn(
@@ -6150,7 +6317,7 @@ var ModalContainer = ({
             event.preventDefault();
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
           "div",
           {
             className: cn(
@@ -6158,7 +6325,7 @@ var ModalContainer = ({
               "items-end md:items-center",
               "flex h-full min-h-0 w-full justify-center p-0 md:p-5"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
               "div",
               {
                 className: cn(
@@ -6198,14 +6365,14 @@ var ModalHeader = ({
 }) => {
   const {
     features: { enableAnimations }
-  } = (0, import_hooks27.useSdkUiConfig)();
-  const labels = (0, import_hooks27.useLabels)();
-  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(CloseIcon, { className: "h-6 w-6" });
+  } = (0, import_hooks28.useSdkUiConfig)();
+  const labels = (0, import_hooks28.useLabels)();
+  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(CloseIcon, { className: "h-6 w-6" });
   const resolvedCloseIcon = resolveModalCloseIcon({
     closeIcon,
     defaultCloseIcon
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
     "div",
     {
       className: cn(
@@ -6218,7 +6385,7 @@ var ModalHeader = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
           "div",
           {
             className: cn(
@@ -6231,8 +6398,8 @@ var ModalHeader = ({
               classNames == null ? void 0 : classNames.container
             ),
             children: [
-              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_jsx_runtime117.Fragment, { children: leftElement }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_jsx_runtime118.Fragment, { children: leftElement }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
                 "div",
                 {
                   className: cn(
@@ -6241,7 +6408,7 @@ var ModalHeader = ({
                     classNames == null ? void 0 : classNames.titleContainer
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                       Dialog.Title,
                       {
                         className: cn(
@@ -6255,7 +6422,7 @@ var ModalHeader = ({
                         children: title2
                       }
                     ),
-                    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                       "span",
                       {
                         className: cn(
@@ -6269,9 +6436,9 @@ var ModalHeader = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
-                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_jsx_runtime117.Fragment, { children: rightElement }) : null,
-                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
+                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_jsx_runtime118.Fragment, { children: rightElement }) : null,
+                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                   Dialog.Close,
                   {
                     className: cn(
@@ -6288,14 +6455,14 @@ var ModalHeader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "agg-modal-header-extra", children }) : null
+        children ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "agg-modal-header-extra", children }) : null
       ]
     }
   );
 };
 Modal.Header = ModalHeader;
 var ModalBody = ({ children, classNames }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
     "div",
     {
       className: cn(
@@ -6316,7 +6483,7 @@ var ModalFooter = ({
   classNames,
   hideBorder = false
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
     "div",
     {
       className: cn(
@@ -6337,7 +6504,7 @@ Modal.Footer = ModalFooter;
 Modal.displayName = "Modal";
 
 // src/primitives/select/index.tsx
-var import_hooks28 = require("@agg-build/hooks");
+var import_hooks29 = require("@agg-build/hooks");
 var import_react5 = require("react");
 var import_react_dom = require("react-dom");
 
@@ -6359,7 +6526,7 @@ var resolveIsSelectDisabled = ({
 };
 
 // src/primitives/select/index.tsx
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 var SELECT_DROPDOWN_Z = 1e4;
 function resolveSelectPortalContainer(triggerRoot) {
   var _a, _b;
@@ -6382,11 +6549,11 @@ var Select = ({
   contentSideOffset = 8
 }) => {
   var _a;
-  const labels = (0, import_hooks28.useLabels)();
+  const labels = (0, import_hooks29.useLabels)();
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks28.useSdkUiConfig)();
+  } = (0, import_hooks29.useSdkUiConfig)();
   const isDisabled = resolveIsSelectDisabled({ disabled, items });
   const selectedItem = resolveSelectedItem(items, value);
   const [isOpen, setIsOpen] = (0, import_react5.useState)(false);
@@ -6478,7 +6645,7 @@ var Select = ({
   };
   const isInline = variant === "inline";
   const triggerRadiusClass = triggerClassName != null ? triggerClassName : isInline ? "rounded-agg-sm" : "rounded-agg-md";
-  const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+  const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
     "div",
     {
       ref: portalRef,
@@ -6506,7 +6673,7 @@ var Select = ({
         const isSelected = item.value === value;
         const isHidden = item.hidden === true;
         if (isHidden) return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
           "button",
           {
             type: "button",
@@ -6530,14 +6697,14 @@ var Select = ({
               handleClose();
             },
             children: [
-              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
                 "span",
                 {
                   className: "agg-select-item-indicator absolute bottom-2 left-0 top-2 w-1 bg-agg-primary",
                   "aria-hidden": true
                 }
               ) : null,
-              item.icon ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+              item.icon ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
                 "span",
                 {
                   className: cn(
@@ -6546,7 +6713,7 @@ var Select = ({
                   ),
                   children: item.icon
                 }
-              ) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+              ) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
                 RemoteImage,
                 {
                   src: item.iconUrl,
@@ -6554,7 +6721,7 @@ var Select = ({
                   className: "agg-select-item-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
+              /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
             ]
           },
           item.value
@@ -6562,7 +6729,7 @@ var Select = ({
       })
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
     "div",
     {
       ref: containerRef,
@@ -6572,7 +6739,7 @@ var Select = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
           "button",
           {
             type: "button",
@@ -6596,7 +6763,7 @@ var Select = ({
             onPointerEnter: handlePointerEnter,
             onPointerLeave: handlePointerLeave,
             children: [
-              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
                 RemoteImage,
                 {
                   src: selectedItem.iconUrl,
@@ -6604,18 +6771,18 @@ var Select = ({
                   className: "agg-select-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
+              /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
           "span",
           {
             className: cn(
               "agg-select-chevron pointer-events-none absolute inset-y-0 inline-flex items-center justify-center",
               isInline ? "right-2 text-agg-foreground" : "right-3 text-agg-muted-foreground"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
               Icon,
               {
                 name: isOpen ? "chevron-up" : "chevron-down-thin",
@@ -6634,7 +6801,7 @@ Select.displayName = "Select";
 
 // src/primitives/state-message/index.tsx
 var import_react6 = require("react");
-var import_hooks29 = require("@agg-build/hooks");
+var import_hooks30 = require("@agg-build/hooks");
 
 // src/primitives/typography/typography.constants.ts
 var display = cn("agg-type-display");
@@ -6699,7 +6866,7 @@ var getTypographyClassName = ({
 };
 
 // src/primitives/typography/index.tsx
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 var Typography = ({
   as: Component = "p",
   variant = "body",
@@ -6707,7 +6874,7 @@ var Typography = ({
   children,
   "aria-label": ariaLabel
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Component, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Component, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
 };
 Typography.displayName = "Typography";
 
@@ -6720,7 +6887,7 @@ var resolveStateMessageHasAction = ({ onAction }) => {
 };
 
 // src/primitives/state-message/index.tsx
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 var StateMessage = (_a) => {
   var _b = _a, {
     icon,
@@ -6735,13 +6902,13 @@ var StateMessage = (_a) => {
     "onAction",
     "classNames"
   ]);
-  const labels = (0, import_hooks29.useLabels)();
+  const labels = (0, import_hooks30.useLabels)();
   const hasAction = resolveStateMessageHasAction({ onAction });
   const resolvedIcon = (0, import_react6.cloneElement)(icon, {
     className: cn(STATE_MESSAGE_ICON_CLASS_NAME, icon.props.className, classNames == null ? void 0 : classNames.icon),
     "aria-hidden": true
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     "div",
     __spreadProps(__spreadValues({}, rest), {
       className: cn(
@@ -6752,7 +6919,7 @@ var StateMessage = (_a) => {
       role: "status",
       "aria-live": "polite",
       "aria-label": title2,
-      children: /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
         "div",
         {
           className: cn(
@@ -6761,7 +6928,7 @@ var StateMessage = (_a) => {
           ),
           children: [
             resolvedIcon,
-            /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
               "div",
               {
                 className: cn(
@@ -6769,8 +6936,8 @@ var StateMessage = (_a) => {
                   classNames == null ? void 0 : classNames.text
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
-                  description ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
+                  description ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
                     Typography,
                     {
                       variant: "label",
@@ -6781,7 +6948,7 @@ var StateMessage = (_a) => {
                 ]
               }
             ),
-            hasAction ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+            hasAction ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
               Button,
               {
                 variant: "tertiary",
@@ -6808,7 +6975,7 @@ var StateMessage = (_a) => {
 StateMessage.displayName = "StateMessage";
 
 // src/primitives/tabs/index.tsx
-var import_hooks30 = require("@agg-build/hooks");
+var import_hooks31 = require("@agg-build/hooks");
 var import_react8 = require("react");
 
 // src/shared/use-horizontal-scroll-state.ts
@@ -6883,7 +7050,7 @@ var findEdgeEnabledIndex = (items, direction) => {
 };
 
 // src/primitives/tabs/index.tsx
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 var getTabButtonClassName = ({
   enableAnimations,
   isBarVariant,
@@ -6926,10 +7093,10 @@ var Tabs = ({
   className,
   classNames
 }) => {
-  const labels = (0, import_hooks30.useLabels)();
+  const labels = (0, import_hooks31.useLabels)();
   const {
     features: { enableAnimations }
-  } = (0, import_hooks30.useSdkUiConfig)();
+  } = (0, import_hooks31.useSdkUiConfig)();
   const buttonRefs = (0, import_react8.useRef)([]);
   const dragStateRef = (0, import_react8.useRef)({
     isPointerDown: false,
@@ -7143,7 +7310,7 @@ var Tabs = ({
       width: activeButton.offsetWidth,
       opacity: 1
     });
-  }, [isBarVariant, renderedItems, value]);
+  }, [isBarVariant, renderedItems, tabListRef, value]);
   (0, import_react8.useLayoutEffect)(() => {
     updateActiveUnderline();
   }, [updateActiveUnderline]);
@@ -7202,9 +7369,16 @@ var Tabs = ({
     requestAnimationFrame(() => {
       updateScrollState();
     });
-  }, [enableAnimations, renderedItems, shouldUseOverflowScroll, updateScrollState, value]);
+  }, [
+    enableAnimations,
+    renderedItems,
+    shouldUseOverflowScroll,
+    tabListRef,
+    updateScrollState,
+    value
+  ]);
   if (shouldUseOverflowSelect) {
-    return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
       Select,
       {
         ariaLabel,
@@ -7216,7 +7390,7 @@ var Tabs = ({
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
     "div",
     {
       className: cn(
@@ -7227,7 +7401,7 @@ var Tabs = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
           "div",
           {
             ref: tabListRef,
@@ -7241,7 +7415,7 @@ var Tabs = ({
             onPointerUp: handleEndTabListDrag,
             onWheel: handleTabListWheel,
             children: [
-              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                 "span",
                 {
                   "aria-hidden": true,
@@ -7252,7 +7426,7 @@ var Tabs = ({
                 var _a;
                 const isActive = item.value === value;
                 const isComingSoon = (_a = item == null ? void 0 : item.isComingSoon) != null ? _a : false;
-                return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
                   "button",
                   {
                     ref: (buttonElement) => {
@@ -7288,7 +7462,7 @@ var Tabs = ({
                     ),
                     children: [
                       item.icon ? item.icon : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
                         "span",
                         {
                           className: cn(
@@ -7306,7 +7480,7 @@ var Tabs = ({
                   item.value
                 );
               }),
-              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                 "span",
                 {
                   "aria-hidden": true,
@@ -7325,8 +7499,8 @@ var Tabs = ({
             ]
           }
         ),
-        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -7338,7 +7512,7 @@ var Tabs = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -7351,8 +7525,8 @@ var Tabs = ({
             }
           )
         ] }) : null,
-        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
             "button",
             {
               type: "button",
@@ -7374,10 +7548,10 @@ var Tabs = ({
                   behavior: getScrollBehavior(enableAnimations)
                 });
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
             "button",
             {
               type: "button",
@@ -7399,7 +7573,7 @@ var Tabs = ({
                   behavior: getScrollBehavior(enableAnimations)
                 });
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
             }
           )
         ] }) : null
@@ -7410,7 +7584,7 @@ var Tabs = ({
 Tabs.displayName = "Tabs";
 
 // src/primitives/tooltip/index.tsx
-var import_hooks31 = require("@agg-build/hooks");
+var import_hooks32 = require("@agg-build/hooks");
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var import_react9 = require("react");
 
@@ -7444,7 +7618,7 @@ var resolveTooltipArrowDimensions = (size) => {
 };
 
 // src/primitives/tooltip/index.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 var Tooltip = ({
   content,
   children,
@@ -7459,25 +7633,25 @@ var Tooltip = ({
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks31.useSdkUiConfig)();
+  } = (0, import_hooks32.useSdkUiConfig)();
   const trigger = (0, import_react9.useMemo)(() => {
     if (children) return children;
-    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
       "button",
       {
         type: "button",
         className: resolveTooltipTriggerClassName(classNames == null ? void 0 : classNames.trigger),
         "aria-label": ariaLabel != null ? ariaLabel : defaultTooltipTriggerAriaLabel,
-        children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
       }
     );
   }, [children, classNames == null ? void 0 : classNames.trigger, classNames == null ? void 0 : classNames.icon, ariaLabel]);
   const { width: arrowWidth, height: arrowHeight } = resolveTooltipArrowDimensions(size);
   const arrowPoints = `0,0 ${arrowWidth},0 ${arrowWidth / 2},${arrowHeight}`;
   const arrowBorderPath = `M0 0 L${arrowWidth / 2} ${arrowHeight} L${arrowWidth} 0`;
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(TooltipPrimitive.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(TooltipPrimitive.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
       TooltipPrimitive.Content,
       {
         side,
@@ -7501,7 +7675,7 @@ var Tooltip = ({
           classNames == null ? void 0 : classNames.content
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
             "svg",
             {
               width: arrowWidth,
@@ -7510,8 +7684,8 @@ var Tooltip = ({
               "aria-hidden": "true",
               className: cn("overflow-visible", classNames == null ? void 0 : classNames.arrow),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
-                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                   "path",
                   {
                     d: arrowBorderPath,
@@ -7689,13 +7863,13 @@ var normalizeEventListItemV2Comparison = ({
 var baseCardClassName = "gap-3 overflow-hidden p-4 w-full";
 
 // src/events/item/index.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 var EventListItemLoadingState = ({
   classNames,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks32.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  const labels = (0, import_hooks33.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     Skeleton,
     {
       view: "event-list-item",
@@ -7708,8 +7882,8 @@ var EventListItemUnavailableState = ({
   classNames,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks32.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  const labels = (0, import_hooks33.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     Card,
     {
       className: cn(
@@ -7719,8 +7893,8 @@ var EventListItemUnavailableState = ({
       ),
       role: "status",
       "aria-label": ariaLabel != null ? ariaLabel : labels.eventItem.unavailableAria,
-      children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: cn("agg-event-card-header min-h-12 flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: cn("agg-event-card-header min-h-12 flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           Typography,
           {
             variant: "body-large-strong",
@@ -7728,7 +7902,7 @@ var EventListItemUnavailableState = ({
             children: labels.eventItem.unavailableTitle
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItem.unavailableDescription })
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItem.unavailableDescription })
       ] })
     }
   );
@@ -7737,13 +7911,13 @@ var EventListItemNotFoundState = ({
   classNames: _classNames,
   ariaLabel: _ariaLabel
 }) => {
-  const labels = (0, import_hooks32.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  const labels = (0, import_hooks33.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     StateMessage,
     {
       title: labels.eventItemDetails.notFoundTitle,
       description: labels.eventItemDetails.notFoundDescription,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(SearchEmptyIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(SearchEmptyIcon, {}),
       classNames: { root: "agg-event-card-state min-h-[280px] md:min-h-[320px]" }
     }
   );
@@ -7892,23 +8066,26 @@ var EventListItemContent = ({
   marketStatus
 }) => {
   var _a;
-  const config = (0, import_hooks32.useSdkUiConfig)();
-  const labels = (0, import_hooks32.useLabels)();
+  const config = (0, import_hooks33.useSdkUiConfig)();
+  const labels = (0, import_hooks33.useLabels)();
   const allVenueMarkets = (0, import_react10.useMemo)(() => event.venueMarkets, [event.venueMarkets]);
+  const recurringCryptoIdentity = (0, import_hooks33.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;
   const resolvedImage = event.image;
   const visibleVenueLogos = (0, import_react10.useMemo)(() => {
     var _a2;
-    return (0, import_hooks32.sortVenues)(Array.from(new Set(((_a2 = event.venues) != null ? _a2 : []).map((venue) => venue))));
+    return (0, import_hooks33.sortVenues)(Array.from(new Set(((_a2 = event.venues) != null ? _a2 : []).map((venue) => venue))));
   }, [event.venues]);
   const resolvedMarketCount = typeof event.marketCount === "number" && Number.isFinite(event.marketCount) ? Math.max(0, Math.floor(event.marketCount)) : allVenueMarkets.length;
   const resolvedVenueCount = typeof event.venueCount === "number" && Number.isFinite(event.venueCount) ? Math.max(0, Math.floor(event.venueCount)) : visibleVenueLogos.length;
@@ -7927,7 +8104,7 @@ var EventListItemContent = ({
     hasNextPage: hasNextLazyMarketsPage,
     isLoading: isLoadingLazyMarkets,
     isFetchingNextPage: isFetchingNextLazyMarketsPage
-  } = (0, import_hooks32.useVenueMarkets)({
+  } = (0, import_hooks33.useVenueMarkets)({
     venueEventId: event.id,
     enabled: shouldEnableLazyMarketLoading && isLazyMarketsQueryEnabled,
     // List/tile surface: axis/dates sort by volume so the scroll tail matches
@@ -7953,13 +8130,19 @@ var EventListItemContent = ({
     }
     return [...new Set(ids)];
   }, [resolvedOutcomeMarkets]);
-  const { midpointRows: fetchedMidpointRows, isLoading: isVenueMarketMidpointsLoading } = (0, import_hooks32.useVenueMarketMidpoints)({
+  const { midpointRows: fetchedMidpointRows, isLoading: isVenueMarketMidpointsLoading } = (0, import_hooks33.useVenueMarketMidpoints)({
     venueMarketIds: shouldUseSharedMidpoints ? [] : midpointVenueMarketIds,
     enabled: !shouldUseSharedMidpoints && midpointVenueMarketIds.length > 0
   });
-  const { prices: displayMidpointsByOutcomeId, isLoading: isOutcomeMidpointsLoading } = (0, import_hooks32.useMidpoints)(shouldUseSharedMidpoints ? [] : resolvedOutcomeMarkets);
-  const resolvedMidpointRows = shouldUseSharedMidpoints ? sharedMidpointRows != null ? sharedMidpointRows : [] : fetchedMidpointRows;
-  const resolvedDisplayMidpointsByOutcomeId = shouldUseSharedMidpoints ? midpointPrices != null ? midpointPrices : /* @__PURE__ */ new Map() : displayMidpointsByOutcomeId;
+  const { prices: displayMidpointsByOutcomeId, isLoading: isOutcomeMidpointsLoading } = (0, import_hooks33.useMidpoints)(shouldUseSharedMidpoints ? [] : resolvedOutcomeMarkets);
+  const resolvedMidpointRows = (0, import_react10.useMemo)(
+    () => shouldUseSharedMidpoints ? sharedMidpointRows != null ? sharedMidpointRows : [] : fetchedMidpointRows,
+    [fetchedMidpointRows, sharedMidpointRows, shouldUseSharedMidpoints]
+  );
+  const resolvedDisplayMidpointsByOutcomeId = (0, import_react10.useMemo)(
+    () => shouldUseSharedMidpoints ? midpointPrices != null ? midpointPrices : /* @__PURE__ */ new Map() : displayMidpointsByOutcomeId,
+    [displayMidpointsByOutcomeId, midpointPrices, shouldUseSharedMidpoints]
+  );
   const isAwaitingMidpoints = midpointsLoading != null ? midpointsLoading : isOutcomeMidpointsLoading || midpointVenueMarketIds.length > 0 && isVenueMarketMidpointsLoading;
   const displayPriceByOutcomeId = (0, import_react10.useMemo)(() => {
     const priceByOutcomeId = new Map(resolvedDisplayMidpointsByOutcomeId);
@@ -8076,9 +8259,9 @@ var EventListItemContent = ({
   const renderArbitrage = (value) => {
     if (value == null) return null;
     if (Math.abs(value) < config.market.arbitrageThreshold) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: cn("flex items-center gap-1", "text-agg-success"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Typography, { variant: "label-strong", className: "text-agg-success", children: config.formatting.formatPercent(value) }),
-      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: cn("flex items-center gap-1", "text-agg-success"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Typography, { variant: "label-strong", className: "text-agg-success", children: config.formatting.formatPercent(value) }),
+      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
         Icon,
         {
           name: "triangle-up",
@@ -8092,8 +8275,8 @@ var EventListItemContent = ({
   const renderPriceStripSkeleton = (count) => {
     const safeCount = Math.max(1, Math.min(count || 1, 3));
     const collapsedCount = safeCount - 1;
-    return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
-      Array.from({ length: collapsedCount }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [
+      Array.from({ length: collapsedCount }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
         "span",
         {
           "aria-hidden": "true",
@@ -8105,7 +8288,7 @@ var EventListItemContent = ({
         },
         `agg-outcome-price-loading-collapsed-${index}`
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
         "span",
         {
           "aria-hidden": "true",
@@ -8122,7 +8305,7 @@ var EventListItemContent = ({
     if (isAwaitingMidpoints) return null;
     const formattedPriceGap = formatPriceGapPercent(value, source);
     if (!formattedPriceGap) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
       "span",
       {
         className: cn(
@@ -8135,14 +8318,14 @@ var EventListItemContent = ({
         title: labels.eventItem.priceGap,
         "aria-label": `${formattedPriceGap} ${labels.eventItem.priceGap}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
             "i",
             {
               "aria-hidden": "true",
               className: "fi-rr-arrow-down inline-flex size-3! shrink-0 items-center justify-center text-agg-xs text-agg-success"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: formattedPriceGap })
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { children: formattedPriceGap })
         ]
       }
     );
@@ -8154,11 +8337,11 @@ var EventListItemContent = ({
     const hasVenueCompetition = row.prices.length > 1;
     const isHighlightedBestPrice = hasVenueCompetition && price.isBest;
     const shouldCollapsePriceText = hasVenueCompetition && !isHighlightedBestPrice;
-    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
       Badge,
       {
         text: formatMarketProbabilityPercent(price.price, config.formatting.formatPercent),
-        prefix: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        prefix: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           VenueLogo,
           {
             venue: price.venue,
@@ -8201,7 +8384,7 @@ var EventListItemContent = ({
       `${price.market.id}:${price.outcome.id}`
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
     Card,
     {
       className: cn(
@@ -8218,11 +8401,11 @@ var EventListItemContent = ({
       "aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle, resolvedTimestamp].filter(Boolean).join(" "),
       withGradient: true,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: cn("agg-event-card-header flex items-center gap-4", classNames == null ? void 0 : classNames.header), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: cn("agg-event-card-header flex items-center gap-4", classNames == null ? void 0 : classNames.header), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
             RemoteImage,
             {
-              src: (0, import_hooks32.optimizedImageUrl)(resolvedImage, 40),
+              src: (0, import_hooks33.optimizedImageUrl)(resolvedImage, 40),
               alt: "",
               classNames: {
                 root: "agg-event-image h-10 w-10 shrink-0 rounded-agg-lg object-cover",
@@ -8230,8 +8413,8 @@ var EventListItemContent = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "min-w-0 flex-1 self-stretch", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex h-12 min-w-0 flex-col justify-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "min-w-0 flex-1 self-stretch", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex h-12 min-w-0 flex-col justify-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
               Typography,
               {
                 variant: "body-strong",
@@ -8244,7 +8427,7 @@ var EventListItemContent = ({
                 children: resolvedTitle
               }
             ),
-            resolvedTimestamp ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "agg-event-timestamp-row mt-0.5 h-5 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+            resolvedTimestamp ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "agg-event-timestamp-row mt-0.5 h-5 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
               Typography,
               {
                 variant: "body",
@@ -8257,8 +8440,8 @@ var EventListItemContent = ({
             ) }) : null
           ] }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "relative w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "relative w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
             "div",
             {
               ref: outcomesContainerRef,
@@ -8276,7 +8459,7 @@ var EventListItemContent = ({
                   const arbReturn = arbReturnByVenueMarketId.get(row.market.id);
                   const priceGapPercent = arbReturn == null ? gapsByVenueMarketId.get(row.market.id) : arbReturn;
                   const priceGapSource = arbReturn == null ? "percent" : "fraction";
-                  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
                     "div",
                     {
                       className: cn(
@@ -8285,7 +8468,7 @@ var EventListItemContent = ({
                         classNames == null ? void 0 : classNames.outcomeRow
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "agg-outcome-label-row flex min-w-0 flex-1 flex-row items-center justify-start gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "agg-outcome-label-row flex min-w-0 flex-1 flex-row items-center justify-start gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                           Typography,
                           {
                             variant: "body",
@@ -8293,10 +8476,10 @@ var EventListItemContent = ({
                             children: row.label
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-outcome-meta flex shrink-0 flex-row items-center justify-end gap-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "agg-outcome-meta flex shrink-0 flex-row items-center justify-end gap-2", children: [
                           renderArbitrage(arbitragePercent),
                           renderPriceGapPill(priceGapPercent, priceGapSource),
-                          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "agg-outcome-price-strip relative flex shrink-0 items-center justify-end", children: isAwaitingMidpoints ? renderPriceStripSkeleton(row.prices.length) : row.prices.map(
+                          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "agg-outcome-price-strip relative flex shrink-0 items-center justify-end", children: isAwaitingMidpoints ? renderPriceStripSkeleton(row.prices.length) : row.prices.map(
                             (price, priceIndex) => renderComparisonPriceBadge(row, price, priceIndex)
                           ) })
                         ] })
@@ -8305,15 +8488,15 @@ var EventListItemContent = ({
                     row.id
                   );
                 }),
-                shouldRenderLoadingOutcomeRow ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-outcome-row-loading flex w-full items-center justify-between gap-3", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                shouldRenderLoadingOutcomeRow ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "agg-outcome-row-loading flex w-full items-center justify-between gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                     "div",
                     {
                       "aria-hidden": "true",
                       className: "bg-agg-separator animate-pulse h-5 rounded-agg-sm w-[200px]"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                     "div",
                     {
                       "aria-hidden": "true",
@@ -8324,7 +8507,7 @@ var EventListItemContent = ({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
             "div",
             {
               className: cn(
@@ -8334,7 +8517,7 @@ var EventListItemContent = ({
               style: { height: OUTCOMES_SCROLL_MASK_HEIGHT_PX }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
             "div",
             {
               className: cn(
@@ -8345,7 +8528,7 @@ var EventListItemContent = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
           "div",
           {
             className: cn(
@@ -8355,14 +8538,14 @@ var EventListItemContent = ({
               classNames == null ? void 0 : classNames.footer
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
                 "div",
                 {
                   className: cn(
                     "agg-event-meta flex min-w-0 flex-1 items-center gap-2 text-agg-sm leading-agg-5 truncate"
                   ),
                   children: [
-                    outcomesScrollState.remainingMarkets > 0 ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                    outcomesScrollState.remainingMarkets > 0 ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                       Typography,
                       {
                         variant: "body",
@@ -8370,9 +8553,9 @@ var EventListItemContent = ({
                         children: labels.eventItem.remainingMarkets(outcomesScrollState.remainingMarkets)
                       }
                     ) : null,
-                    shouldShowMatchedVenueSummary ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "agg-event-matched-badge rounded-agg-full bg-agg-primary/10 px-2 py-[3px] text-agg-2xs font-agg-bold uppercase leading-agg-14 text-agg-primary", children: matchedCountLabel }) : null,
-                    singleFooterVenue ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("span", { className: "agg-event-single-venue flex min-w-0 items-center gap-1 overflow-hidden", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                    shouldShowMatchedVenueSummary ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "agg-event-matched-badge rounded-agg-full bg-agg-primary/10 px-2 py-[3px] text-agg-2xs font-agg-bold uppercase leading-agg-14 text-agg-primary", children: matchedCountLabel }) : null,
+                    singleFooterVenue ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("span", { className: "agg-event-single-venue flex min-w-0 items-center gap-1 overflow-hidden", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                         VenueLogo,
                         {
                           venue: singleFooterVenue,
@@ -8381,9 +8564,9 @@ var EventListItemContent = ({
                           className: "text-agg-muted-foreground! size-[14px]!"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "truncate text-agg-muted-foreground", children: resolveVenueLabel(singleFooterVenue, void 0, labels) })
+                      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "truncate text-agg-muted-foreground", children: resolveVenueLabel(singleFooterVenue, void 0, labels) })
                     ] }) : null,
-                    shouldShowMatchedVenueSummary && visibleFooterVenues.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "agg-event-venues flex items-center gap-1 overflow-hidden", children: visibleFooterVenues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                    shouldShowMatchedVenueSummary && visibleFooterVenues.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "agg-event-venues flex items-center gap-1 overflow-hidden", children: visibleFooterVenues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                       VenueLogo,
                       {
                         venue,
@@ -8396,7 +8579,7 @@ var EventListItemContent = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                 Typography,
                 {
                   variant: "label",
@@ -8422,7 +8605,7 @@ var EventListItemByEventId = (_a) => {
     error,
     isError,
     isLoading
-  } = (0, import_hooks32.useVenueEvent)({
+  } = (0, import_hooks33.useVenueEvent)({
     eventId: eventId != null ? eventId : "",
     enabled: !!eventId
   });
@@ -8430,44 +8613,44 @@ var EventListItemByEventId = (_a) => {
     return resolveEventListItemEvent(fetchedEvent);
   }, [fetchedEvent]);
   if (!eventId) {
-    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (isErrorWithStatus(error, 404)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItemNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(EventListItemNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (!fetchedEvent && !isError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (!resolvedEvent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItemContent, __spreadValues({ event: resolvedEvent }, rest));
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(EventListItemContent, __spreadValues({ event: resolvedEvent }, rest));
 };
 var EventListItem = (props) => {
   if (props.isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItemLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(EventListItemLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
   }
   if ("event" in props && props.event) {
     const _a = props, { event } = _a, rest = __objRest(_a, ["event"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItemContent, __spreadValues({ event }, rest));
+    return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(EventListItemContent, __spreadValues({ event }, rest));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItemByEventId, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(EventListItemByEventId, __spreadValues({}, props));
 };
 EventListItem.displayName = "EventListItem";
 var EventListItemV2 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItem, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(EventListItem, __spreadValues({}, props));
 };
 EventListItemV2.displayName = "EventListItemV2";
 
 // src/events/item-details/index.tsx
-var import_hooks41 = require("@agg-build/hooks");
+var import_hooks43 = require("@agg-build/hooks");
 var import_react16 = require("react");
 
 // src/primitives/chart/chart-type-switch.tsx
-var import_hooks33 = require("@agg-build/hooks");
+var import_hooks34 = require("@agg-build/hooks");
 var import_react11 = require("react");
 
 // src/primitives/chart/chart-type-switch.constants.ts
@@ -8493,13 +8676,13 @@ var resolveChartTypeOptionIconName = (chartType) => {
 };
 
 // src/primitives/chart/chart-type-switch.tsx
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 var ChartTypeSwitch = ({
   value,
   onValueChange,
   className
 }) => {
-  const labels = (0, import_hooks33.useLabels)();
+  const labels = (0, import_hooks34.useLabels)();
   const options = (0, import_react11.useMemo)(
     () => CHART_TYPE_SWITCH_OPTION_KEYS.map((chartType) => ({
       value: chartType,
@@ -8529,7 +8712,7 @@ var ChartTypeSwitch = ({
     }
     onValueChange(nextOption.value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     "div",
     {
       className: cn("agg-chart-type-switch inline-flex items-center gap-2", className),
@@ -8537,7 +8720,7 @@ var ChartTypeSwitch = ({
       "aria-label": labels.common.chartTypeSwitchAria,
       children: options.map((option, index) => {
         const isActive = option.value === value;
-        return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
           "button",
           {
             type: "button",
@@ -8564,7 +8747,7 @@ var ChartTypeSwitch = ({
             onKeyDown: (event) => {
               handleKeyDown(event, index);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Icon, { name: option.iconName, color: "currentColor", className: "h-5 w-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { name: option.iconName, color: "currentColor", className: "h-5 w-5" })
           },
           option.value
         );
@@ -8575,7 +8758,7 @@ var ChartTypeSwitch = ({
 ChartTypeSwitch.displayName = "ChartTypeSwitch";
 
 // src/trading/trading-context/index.tsx
-var import_hooks34 = require("@agg-build/hooks");
+var import_hooks35 = require("@agg-build/hooks");
 
 // src/events/market-details/market-details.utils.ts
 var import_sdk13 = require("@agg-build/sdk");
@@ -9330,7 +9513,7 @@ var buildMarketDetailsModel = ({
 };
 
 // src/events/market-details/orderbook-aggregation.ts
-var import_hooks35 = require("@agg-build/hooks");
+var import_hooks36 = require("@agg-build/hooks");
 var PRICE_PRECISION = 1e6;
 var SIZE_PRECISION = 1e8;
 var POSITIVE_OUTCOME_KEYS = /* @__PURE__ */ new Set(["yes", "y", "true", "up", "buy", "long"]);
@@ -9451,7 +9634,7 @@ var buildRowsFromAccumulator = ({
     const venueBreakdown = Object.fromEntries(
       Object.entries(level.venueBreakdownScaled).filter(([, scaledSize]) => scaledSize > 0).map(([venue2, scaledSize]) => [venue2, fromScaled(scaledSize, SIZE_PRECISION)])
     );
-    const resolvedFallbackVenue = fallbackVenue != null ? fallbackVenue : import_hooks35.Venue.polymarket;
+    const resolvedFallbackVenue = fallbackVenue != null ? fallbackVenue : import_hooks36.Venue.polymarket;
     const venues = resolveVenues(venueBreakdown, resolvedFallbackVenue);
     const venue = resolvePrimaryVenue(venueBreakdown, resolvedFallbackVenue);
     return {
@@ -9749,7 +9932,7 @@ var shouldAutoFallbackToAllRange = ({
 };
 
 // src/events/shared/chart-venue-selection.ts
-var import_hooks36 = require("@agg-build/hooks");
+var import_hooks37 = require("@agg-build/hooks");
 var resolveChartVenueOutcomes = ({
   eligibleVenueOutcomes,
   livePrices
@@ -9761,7 +9944,7 @@ var resolveChartVenueOutcomes = ({
     const probabilityDifference = (leftProbability != null ? leftProbability : 2) - (rightProbability != null ? rightProbability : 2);
     if (probabilityDifference !== 0) return probabilityDifference;
     if (left.venue === right.venue) return 0;
-    const sortedVenues = (0, import_hooks36.sortVenues)([left.venue, right.venue]);
+    const sortedVenues = (0, import_hooks37.sortVenues)([left.venue, right.venue]);
     return sortedVenues[0] === left.venue ? -1 : 1;
   });
   const venueOutcomesByVenue = /* @__PURE__ */ new Map();
@@ -9855,16 +10038,160 @@ var getDisplayOutcomePrice = ({
   return resolvedFallbackPrice;
 };
 
+// src/events/shared/sports-live-score.tsx
+var import_hooks38 = require("@agg-build/hooks");
+var import_jsx_runtime126 = require("react/jsx-runtime");
+var SportsLiveScore = ({
+  state,
+  variant = "detail",
+  className
+}) => {
+  const labels = (0, import_hooks38.useLabels)();
+  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__ */ (0, import_jsx_runtime126.jsxs)(
+      "div",
+      {
+        className: cn("flex min-w-0 flex-col items-center", isCard ? "gap-1.5" : "gap-3"),
+        title: participant.name,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+            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__ */ (0, import_jsx_runtime126.jsx)(
+            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__ */ (0, import_jsx_runtime126.jsxs)(
+    "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__ */ (0, import_jsx_runtime126.jsxs)("div", { className: cn("flex flex-col items-center", isCard ? "gap-1" : "gap-3"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: cn("flex items-center", isCard ? "gap-2" : "gap-3"), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+              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__ */ (0, import_jsx_runtime126.jsx)(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: cn("shrink-0 bg-agg-separator", isCard ? "h-0.5 w-2" : "h-0.5 w-3")
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+              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__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex min-w-0 items-center gap-2 text-agg-primary", children: [
+            isLiveIndicatorVisible ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "flex size-3.5 shrink-0 items-center justify-center rounded-agg-full bg-agg-primary/10",
+                children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "size-1.5 rounded-agg-full bg-agg-primary" })
+              }
+            ) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+              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/event-list-item-details-market-selector.tsx
-var import_hooks37 = require("@agg-build/hooks");
+var import_hooks39 = require("@agg-build/hooks");
 var import_react12 = require("react");
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("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;
@@ -9949,11 +10276,17 @@ var resolveMarketPillLayout = ({
 var EventListItemDetailsMarketSelector = ({
   className,
   options,
+  browseOptions = options,
   selectedValue,
+  liveValue,
+  alwaysShowMore = false,
   onChange
 }) => {
   var _a;
-  const labels = (0, import_hooks37.useLabels)();
+  const labels = (0, import_hooks39.useLabels)();
+  const {
+    features: { enableAnimations }
+  } = (0, import_hooks39.useSdkUiConfig)();
   const containerRef = (0, import_react12.useRef)(null);
   const measurementContainerRef = (0, import_react12.useRef)(null);
   const moreButtonRef = (0, import_react12.useRef)(null);
@@ -9974,15 +10307,22 @@ var EventListItemDetailsMarketSelector = ({
   });
   const selectedHiddenOption = (0, import_react12.useMemo)(() => {
     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 = (0, import_react12.useMemo)(() => {
     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 = (0, import_react12.useRef)(null);
   const measureFrameRef = (0, import_react12.useRef)(null);
   (0, import_react12.useLayoutEffect)(() => {
@@ -10098,7 +10438,7 @@ var EventListItemDetailsMarketSelector = ({
     };
   }, [isDropdownOpen]);
   (0, import_react12.useLayoutEffect)(() => {
-    if (!isDropdownOpen || isMobileViewport) return;
+    if (!isDropdownOpen || isMobileViewport && !alwaysShowMore) return;
     const updateDropdownPosition = () => {
       const containerElement = containerRef.current;
       const moreButtonElement = moreButtonRef.current;
@@ -10132,7 +10472,7 @@ var EventListItemDetailsMarketSelector = ({
     return () => {
       resizeObserver.disconnect();
     };
-  }, [isDropdownOpen, isMobileViewport, moreButtonLabel]);
+  }, [alwaysShowMore, isDropdownOpen, isMobileViewport, moreButtonLabel]);
   (0, import_react12.useEffect)(() => {
     if (!isDropdownOpen) return;
     const handlePointerDown = (event) => {
@@ -10161,11 +10501,11 @@ var EventListItemDetailsMarketSelector = ({
     onChange(marketId);
     setIsDropdownOpen(false);
   };
-  if (isMobileViewport) {
-    return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+  if (isMobileViewport && !alwaysShowMore) {
+    return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       AutocompleteSelect,
       {
-        options,
+        options: browseOptions,
         value: selectedValue,
         onChange,
         placeholder: labels.eventItemDetails.marketSelectPlaceholder,
@@ -10176,15 +10516,17 @@ var EventListItemDetailsMarketSelector = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { ref: containerRef, className: cn("agg-market-select relative w-full", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "agg-market-pill-list flex flex-wrap gap-2", children: [
-      layout.visibleItems.map((option) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { ref: containerRef, className: cn("agg-market-select relative w-full", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "agg-market-pill-list flex flex-wrap gap-2", children: [
+      displayedOptions.map((option) => {
         const isSelected = option.value === selectedValue;
-        return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        const isLive = option.value === liveValue;
+        return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
           "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!",
@@ -10196,12 +10538,28 @@ var EventListItemDetailsMarketSelector = ({
               eventToHandle.stopPropagation();
               handleSelectMarket(option.value);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "truncate", children: option.label })
+            children: [
+              isLive ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+                "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__ */ (0, import_jsx_runtime127.jsx)("span", { className: "truncate", children: option.label }),
+              isLive ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("span", { className: "sr-only", children: [
+                " ",
+                labels.eventItemDetails.liveMarket
+              ] }) : null
+            ]
           },
           option.value
         );
       }),
-      layout.hiddenItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+      hasMoreButton ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
         "button",
         {
           ref: moreButtonRef,
@@ -10222,8 +10580,8 @@ var EventListItemDetailsMarketSelector = ({
             setIsDropdownOpen((previousValue) => !previousValue);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "truncate", children: moreButtonLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "truncate", children: moreButtonLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
               Icon,
               {
                 name: isDropdownOpen ? "chevron-up" : "chevron-down",
@@ -10237,7 +10595,7 @@ var EventListItemDetailsMarketSelector = ({
         }
       ) : null
     ] }),
-    isDropdownOpen ? /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+    isDropdownOpen ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
       "div",
       {
         id: "agg-event-details-market-dropdown",
@@ -10254,9 +10612,9 @@ var EventListItemDetailsMarketSelector = ({
           eventToHandle.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "border-b border-agg-separator", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("label", { className: "sr-only", htmlFor: "agg-event-details-market-search", children: labels.eventItemDetails.marketSelectSearchPlaceholder }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "border-b border-agg-separator", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("label", { className: "sr-only", htmlFor: "agg-event-details-market-search", children: labels.eventItemDetails.marketSelectSearchPlaceholder }),
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
               "input",
               {
                 ref: dropdownInputRef,
@@ -10278,7 +10636,7 @@ var EventListItemDetailsMarketSelector = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
             "div",
             {
               role: "listbox",
@@ -10287,7 +10645,7 @@ var EventListItemDetailsMarketSelector = ({
               style: { maxHeight: `${MARKET_DROPDOWN_MAX_HEIGHT}px` },
               children: filteredOptions.length > 0 ? filteredOptions.map((option) => {
                 const isSelected = option.value === selectedValue;
-                return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
                   "button",
                   {
                     type: "button",
@@ -10306,25 +10664,25 @@ var EventListItemDetailsMarketSelector = ({
                       handleSelectMarket(option.value);
                     },
                     children: [
-                      isSelected ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+                      isSelected ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                         "span",
                         {
                           "aria-hidden": "true",
                           className: "absolute bottom-2 left-0 top-2 w-1 bg-agg-primary"
                         }
                       ) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "truncate", children: option.label })
+                      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "truncate", children: option.label })
                     ]
                   },
                   option.value
                 );
-              }) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "px-5 py-4 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: labels.eventItemDetails.marketSelectEmpty })
+              }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "px-5 py-4 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: labels.eventItemDetails.marketSelectEmpty })
             }
           )
         ]
       }
     ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
       "div",
       {
         ref: measurementContainerRef,
@@ -10333,7 +10691,7 @@ var EventListItemDetailsMarketSelector = ({
         children: [
           options.map((option) => {
             const isSelected = option.value === selectedValue;
-            return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
               "button",
               {
                 ref: (element) => {
@@ -10345,12 +10703,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__ */ (0, import_jsx_runtime125.jsx)("span", { className: "truncate", children: option.label })
+                children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "truncate", children: option.label })
               },
               option.value
             );
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
             "button",
             {
               ref: moreButtonMeasureRef,
@@ -10358,8 +10716,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__ */ (0, import_jsx_runtime125.jsx)("span", { children: moreButtonLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { children: moreButtonLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                   Icon,
                   {
                     name: "chevron-down",
@@ -10379,17 +10737,17 @@ var EventListItemDetailsMarketSelector = ({
 };
 
 // src/events/item-details/settlement-summary.tsx
-var import_hooks40 = require("@agg-build/hooks");
+var import_hooks42 = require("@agg-build/hooks");
 var import_react15 = require("react");
 
 // src/trading/settlement/index.tsx
-var import_hooks39 = require("@agg-build/hooks");
+var import_hooks41 = require("@agg-build/hooks");
 var import_react14 = require("react");
 
 // src/trading/utils.ts
-var import_hooks38 = require("@agg-build/hooks");
+var import_hooks40 = require("@agg-build/hooks");
 var import_dayjs5 = __toESM(require("dayjs"));
-var defaultLabels = (0, import_hooks38.resolveAggUiLabels)("en-US");
+var defaultLabels = (0, import_hooks40.resolveAggUiLabels)("en-US");
 var defaultSettlementSectionLabel = defaultLabels.trading.settlementSection;
 var defaultTradingDisclaimer = defaultLabels.trading.disclaimer;
 
@@ -10441,7 +10799,7 @@ var dedupeSettlementSources = (sources) => {
 };
 
 // src/trading/settlement/settlement-text-renderer.tsx
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var inlineTokenRegex = new RegExp(
   [
     /\[([^\]\n]+)\]\(([^)\s]+)\)/.source,
@@ -10480,12 +10838,12 @@ var renderInlineSegment = (text, baseKey) => {
     }
     if (match.index > lastIndex) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_react13.Fragment, { children: text.slice(lastIndex, match.index) }, `${baseKey}-text-${segmentIndex++}`)
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_react13.Fragment, { children: text.slice(lastIndex, match.index) }, `${baseKey}-text-${segmentIndex++}`)
       );
     }
     if (isLinkMatch(match)) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           "a",
           {
             href: match[2],
@@ -10499,7 +10857,7 @@ var renderInlineSegment = (text, baseKey) => {
       );
     } else if (match[3] !== void 0) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           "strong",
           {
             className: "agg-settlement-text-bold font-agg-bold",
@@ -10510,7 +10868,7 @@ var renderInlineSegment = (text, baseKey) => {
       );
     } else if (match[4] !== void 0) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           "code",
           {
             className: "agg-settlement-text-code rounded-agg-sm bg-agg-secondary-hover px-1 py-0.5 font-mono text-[0.875em]",
@@ -10521,7 +10879,7 @@ var renderInlineSegment = (text, baseKey) => {
       );
     } else if (bareUrl !== void 0) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           "a",
           {
             href: bareUrl,
@@ -10538,18 +10896,18 @@ var renderInlineSegment = (text, baseKey) => {
   }
   if (lastIndex < text.length) {
     nodes.push(
-      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_react13.Fragment, { children: text.slice(lastIndex) }, `${baseKey}-text-${segmentIndex++}`)
+      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_react13.Fragment, { children: text.slice(lastIndex) }, `${baseKey}-text-${segmentIndex++}`)
     );
   }
   return nodes;
 };
 var renderBlock = (block, blockIndex) => {
   if (block.kind === "list") {
-    return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
       "ul",
       {
         className: "agg-settlement-text-list list-disc pl-5 text-agg-sm leading-agg-5 text-agg-foreground",
-        children: block.items.map((item, itemIndex) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        children: block.items.map((item, itemIndex) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           "li",
           {
             className: "agg-settlement-text-list-item",
@@ -10561,12 +10919,12 @@ var renderBlock = (block, blockIndex) => {
       `block-${blockIndex}`
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
     "p",
     {
       className: "agg-settlement-text-paragraph text-agg-sm leading-agg-5 text-agg-foreground break-words [overflow-wrap:anywhere]",
-      children: block.lines.map((line, lineIndex) => /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_react13.Fragment, { children: [
-        lineIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("br", {}) : null,
+      children: block.lines.map((line, lineIndex) => /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_react13.Fragment, { children: [
+        lineIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("br", {}) : null,
         renderInlineSegment(line, `block-${blockIndex}-line-${lineIndex}`)
       ] }, `block-${blockIndex}-line-${lineIndex}`))
     },
@@ -10579,12 +10937,12 @@ var SettlementTextRenderer = ({
 }) => {
   const blocks = parseSettlementBlocks(content);
   if (blocks.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: cn("agg-settlement-text flex flex-col gap-2", className), children: blocks.map((block, blockIndex) => renderBlock(block, blockIndex)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: cn("agg-settlement-text flex flex-col gap-2", className), children: blocks.map((block, blockIndex) => renderBlock(block, blockIndex)) });
 };
 SettlementTextRenderer.displayName = "SettlementTextRenderer";
 
 // src/trading/settlement/index.tsx
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 var SETTLEMENT_SECTION_ID = "agg-settlement-section";
 var getSettlementDifferenceId = (sectionId, canonicalKey) => {
   return `${sectionId}-difference-${canonicalKey}`;
@@ -10751,13 +11109,13 @@ var SettlementVenueRules = ({
   rules,
   labels
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "agg-settlement-venue-rules flex w-full flex-col items-start gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementFullRulesTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex w-full flex-col items-start gap-4", children: rules.map((rule) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "agg-settlement-venue-rules flex w-full flex-col items-start gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementFullRulesTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "flex w-full flex-col items-start gap-4", children: rules.map((rule) => {
       const venueLabel = resolveSettlementVenueLabel(rule.venue, labels);
-      return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("details", { className: "group/agg-settlement-rule w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("summary", { className: "flex cursor-pointer list-none items-center gap-2 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors marker:hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("details", { className: "group/agg-settlement-rule w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("summary", { className: "flex cursor-pointer list-none items-center gap-2 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors marker:hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
             VenueLogo,
             {
               venue: rule.venue,
@@ -10766,8 +11124,8 @@ var SettlementVenueRules = ({
               ariaLabel: venueLabel
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors", children: venueLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors", children: venueLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
             "i",
             {
               className: cn(
@@ -10780,7 +11138,7 @@ var SettlementVenueRules = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "mt-3 pl-6", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SettlementTextRenderer, { content: rule.content }) })
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "mt-3 pl-6", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SettlementTextRenderer, { content: rule.content }) })
       ] }, rule.venue);
     }) })
   ] });
@@ -10799,7 +11157,7 @@ var Settlement = ({
   isLoading = false
 }) => {
   var _a, _b, _c, _d, _e;
-  const labels = (0, import_hooks39.useLabels)();
+  const labels = (0, import_hooks41.useLabels)();
   const blocks = (0, import_react14.useMemo)(
     () => dedupeSettlementSources({
       eventDescription,
@@ -10844,7 +11202,7 @@ var Settlement = ({
     );
   };
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       Skeleton,
       {
         ariaLabel: labels.trading.settlementLoading,
@@ -10855,7 +11213,7 @@ var Settlement = ({
   }
   if (!hasSettlementContent) return null;
   const resolvedSectionLabel = sectionLabel === defaultSettlementSectionLabel ? labels.trading.settlementSection : sectionLabel;
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
     Card,
     {
       id,
@@ -10865,51 +11223,51 @@ var Settlement = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "agg-settlement-header flex w-full flex-col items-start gap-1 text-agg-muted-foreground sm:flex-row sm:items-center sm:justify-between sm:gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "shrink-0 text-agg-xs font-agg-bold leading-agg-4 uppercase", children: resolvedSectionLabel }),
-          question ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "agg-settlement-question min-w-0 text-agg-sm font-agg-normal leading-agg-5 sm:max-w-[314px] sm:truncate", children: question }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "agg-settlement-header flex w-full flex-col items-start gap-1 text-agg-muted-foreground sm:flex-row sm:items-center sm:justify-between sm:gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "shrink-0 text-agg-xs font-agg-bold leading-agg-4 uppercase", children: resolvedSectionLabel }),
+          question ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "agg-settlement-question min-w-0 text-agg-sm font-agg-normal leading-agg-5 sm:max-w-[314px] sm:truncate", children: question }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "agg-settlement-sections flex w-full flex-col items-start gap-5", children: [
-          hasStandaloneSettlementText ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "w-full", children: [
-            standaloneEventBlock || standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "agg-settlement-sections flex w-full flex-col items-start gap-5", children: [
+          hasStandaloneSettlementText ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "w-full", children: [
+            standaloneEventBlock || standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
               "div",
               {
                 className: "agg-settlement-section agg-settlement-section-description",
                 "data-source": "description",
                 children: [
-                  standaloneEventBlock ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { "data-source": "eventDescription", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SettlementTextRenderer, { content: standaloneEventBlock.content }) }) : null,
-                  standaloneEventBlock && standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("hr", { className: "agg-settlement-divider my-4 border-0 border-t border-agg-separator" }) : null,
-                  standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { "data-source": "marketDescription", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SettlementTextRenderer, { content: standaloneMarketBlock.content }) }) : null
+                  standaloneEventBlock ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { "data-source": "eventDescription", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SettlementTextRenderer, { content: standaloneEventBlock.content }) }) : null,
+                  standaloneEventBlock && standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("hr", { className: "agg-settlement-divider my-4 border-0 border-t border-agg-separator" }) : null,
+                  standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { "data-source": "marketDescription", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SettlementTextRenderer, { content: standaloneMarketBlock.content }) }) : null
                 ]
               }
             ) : null,
-            standalonePrimaryRulesBlock ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+            standalonePrimaryRulesBlock ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
               "div",
               {
                 className: "agg-settlement-section agg-settlement-section-primaryRules",
                 "data-source": "primaryRules",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "agg-settlement-section-label text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground mb-2", children: labels.trading.settlementPrimaryRulesLabel }),
-                  /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SettlementTextRenderer, { content: standalonePrimaryRulesBlock.content })
+                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "agg-settlement-section-label text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground mb-2", children: labels.trading.settlementPrimaryRulesLabel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SettlementTextRenderer, { content: standalonePrimaryRulesBlock.content })
                 ]
               }
             ) : null
           ] }) : null,
-          hasSettlementDifferences ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "agg-settlement-differences flex w-full flex-col items-start gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementDifferencesTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("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 })
+          hasSettlementDifferences ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "agg-settlement-differences flex w-full flex-col items-start gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementDifferencesTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("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__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex w-full flex-col items-start gap-5", children: settlementDifferences.map((difference) => {
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "flex w-full flex-col items-start gap-5", children: settlementDifferences.map((difference) => {
               const venueKeys = resolveDifferenceVenueKeys(difference, settlementVenues);
               const isExpanded = openDifferenceKeys.includes(difference.canonicalKey) && venueKeys.length > 0;
-              return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
                 "div",
                 {
                   id: getSettlementDifferenceId(id, difference.canonicalKey),
                   className: "agg-settlement-difference flex w-full flex-col items-start gap-2 rounded-agg-lg",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
                       "button",
                       {
                         type: "button",
@@ -10917,7 +11275,7 @@ var Settlement = ({
                         "aria-expanded": isExpanded,
                         onClick: () => handleToggleDifference(difference.canonicalKey),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                             "i",
                             {
                               className: cn(
@@ -10928,8 +11286,8 @@ var Settlement = ({
                               "aria-hidden": "true"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "min-w-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground group-hover/agg-settlement-difference:text-agg-muted-foreground transition-colors break-words [overflow-wrap:anywhere]", children: difference.title }),
-                          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "min-w-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground group-hover/agg-settlement-difference:text-agg-muted-foreground transition-colors break-words [overflow-wrap:anywhere]", children: difference.title }),
+                          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                             "i",
                             {
                               className: cn(
@@ -10944,12 +11302,12 @@ var Settlement = ({
                         ]
                       }
                     ),
-                    isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("dl", { className: "flex w-full flex-col items-start gap-1 px-6", children: venueKeys.map((venue) => {
+                    isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("dl", { className: "flex w-full flex-col items-start gap-1 px-6", children: venueKeys.map((venue) => {
                       var _a2;
                       const venueValue = (_a2 = difference.perVenue[venue]) != null ? _a2 : labels.trading.settlementValueUnavailable;
                       const venueLabel = resolveSettlementVenueLabel(venue, labels);
-                      return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex w-full items-start gap-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex w-full items-start gap-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                           VenueLogo,
                           {
                             venue,
@@ -10958,8 +11316,8 @@ var Settlement = ({
                             ariaLabel: venueLabel
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("dt", { className: "w-[88px] shrink-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: venueLabel }),
-                        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("dd", { className: "min-w-0 flex-1 text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground break-words [overflow-wrap:anywhere]", children: venueValue })
+                        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("dt", { className: "w-[88px] shrink-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: venueLabel }),
+                        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("dd", { className: "min-w-0 flex-1 text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground break-words [overflow-wrap:anywhere]", children: venueValue })
                       ] }, venue);
                     }) }) : null
                   ]
@@ -10968,9 +11326,9 @@ var Settlement = ({
               );
             }) })
           ] }) : null,
-          hasVenueSettlementRules ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
-            hasSettlementDifferences || hasStandaloneSettlementText ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "h-px w-full bg-agg-separator" }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SettlementVenueRules, { rules: venueRuleBlocks, labels })
+          hasVenueSettlementRules ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
+            hasSettlementDifferences || hasStandaloneSettlementText ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "h-px w-full bg-agg-separator" }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SettlementVenueRules, { rules: venueRuleBlocks, labels })
           ] }) : null
         ] })
       ]
@@ -10980,13 +11338,13 @@ var Settlement = ({
 Settlement.displayName = "Settlement";
 
 // src/events/item-details/settlement-summary.tsx
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 var SettlementSummary = ({
   settlementDiff,
   settlementSectionId = SETTLEMENT_SECTION_ID,
   className
 }) => {
-  const labels = (0, import_hooks40.useLabels)();
+  const labels = (0, import_hooks42.useLabels)();
   const settlementDifferences = (0, import_react15.useMemo)(
     () => prepareSettlementDifferences(settlementDiff == null ? void 0 : settlementDiff.differences),
     [settlementDiff == null ? void 0 : settlementDiff.differences]
@@ -11000,7 +11358,7 @@ var SettlementSummary = ({
     if (!target) return;
     target.scrollIntoView({ behavior: "smooth", block: "start" });
   };
-  const actionButton = /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+  const actionButton = /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
     "button",
     {
       type: "button",
@@ -11013,8 +11371,8 @@ var SettlementSummary = ({
       "aria-controls": settlementSectionId,
       onClick: handleReadFullDetails,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { children: labels.settlementSummary.readFullDetails }),
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: labels.settlementSummary.readFullDetails }),
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
           "i",
           {
             className: "fi fi-rr-arrow-small-down size-3.5!",
@@ -11027,7 +11385,7 @@ var SettlementSummary = ({
   );
   const visibleDifferences = settlementDifferences.slice(0, 2);
   const hiddenDifferenceCount = settlementDifferences.length - visibleDifferences.length;
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
     "div",
     {
       className: cn(
@@ -11035,18 +11393,18 @@ var SettlementSummary = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex min-w-[240px] flex-1 flex-wrap items-center gap-x-5 gap-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "agg-settlement-summary-heading flex shrink-0 items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: labels.settlementSummary.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("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__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex min-w-[240px] flex-1 flex-wrap items-center gap-x-5 gap-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "agg-settlement-summary-heading flex shrink-0 items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("p", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: labels.settlementSummary.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("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__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "agg-settlement-summary-pills flex min-w-[240px] flex-1 flex-wrap items-center gap-2", children: [
-            visibleDifferences.map((difference) => /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "agg-settlement-summary-pills flex min-w-[240px] flex-1 flex-wrap items-center gap-2", children: [
+            visibleDifferences.map((difference) => /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
               "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__ */ (0, import_jsx_runtime128.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                     "i",
                     {
                       className: cn(
@@ -11057,12 +11415,12 @@ var SettlementSummary = ({
                       "aria-hidden": "true"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "min-w-0 truncate", children: difference.title })
+                  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "min-w-0 truncate", children: difference.title })
                 ]
               },
               difference.canonicalKey
             )),
-            hiddenDifferenceCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("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__ */ (0, import_jsx_runtime130.jsxs)("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
@@ -11076,7 +11434,7 @@ var SettlementSummary = ({
 SettlementSummary.displayName = "SettlementSummary";
 
 // src/events/item-details/index.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var resolveEventDetailsSyncKey = (event) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const parts = [
@@ -11121,8 +11479,8 @@ var EventListItemDetailsLoadingState = ({
   classNames,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks41.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  const labels = (0, import_hooks43.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
     Skeleton,
     {
       view: "event-list-item-details",
@@ -11135,16 +11493,16 @@ var EventListItemDetailsUnavailableState = ({
   classNames,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks41.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  const labels = (0, import_hooks43.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
     Card,
     {
       className: cn(detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
       role: "status",
       "aria-label": ariaLabel != null ? ariaLabel : labels.eventItemDetails.unavailableAria,
-      children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItemDetails.unavailableTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItemDetails.unavailableDescription })
+      children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItemDetails.unavailableTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItemDetails.unavailableDescription })
       ] })
     }
   );
@@ -11153,13 +11511,13 @@ var EventListItemDetailsNotFoundState = ({
   classNames: _classNames,
   ariaLabel: _ariaLabel
 }) => {
-  const labels = (0, import_hooks41.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  const labels = (0, import_hooks43.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
     StateMessage,
     {
       title: labels.eventItemDetails.notFoundTitle,
       description: labels.eventItemDetails.notFoundDescription,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SearchEmptyIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(SearchEmptyIcon, {}),
       classNames: { root: "min-h-[280px] md:min-h-[320px]" }
     }
   );
@@ -11184,8 +11542,8 @@ var EventListItemDetailsGraphSection = ({
   onRangeOverrideChange
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-  const labels = (0, import_hooks41.useLabels)();
-  const tradingContext = (0, import_hooks34.useEventTradingContext)();
+  const labels = (0, import_hooks43.useLabels)();
+  const tradingContext = (0, import_hooks35.useEventTradingContext)();
   const [selectedGraphVenue, setSelectedGraphVenue] = (0, import_react16.useState)(null);
   const [chartOutcomeLabel, setChartOutcomeLabel] = (0, import_react16.useState)(
     (_c = (_b = (_a = tradingContext == null ? void 0 : tradingContext.selectedOutcome) == null ? void 0 : _a.label) == null ? void 0 : _b.trim()) != null ? _c : null
@@ -11202,10 +11560,10 @@ var EventListItemDetailsGraphSection = ({
     chart: { selectedChartTimeRange },
     formatting: { formatPercent, formatPrice },
     general: { theme }
-  } = (0, import_hooks41.useSdkUiConfig)();
+  } = (0, import_hooks43.useSdkUiConfig)();
   const isDarkTheme = theme === "dark";
   const effectiveChartTimeRange = rangeOverride != null ? rangeOverride : selectedChartTimeRange;
-  const rollingWindow = (0, import_hooks41.useRollingChartWindow)({ range: effectiveChartTimeRange });
+  const rollingWindow = (0, import_hooks43.useRollingChartWindow)({ range: effectiveChartTimeRange });
   const availableMarkets = (0, import_react16.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
     if (venueMarkets.length === 0) return [];
@@ -11236,7 +11594,7 @@ var EventListItemDetailsGraphSection = ({
     isLoading: isScopedMarketChartLoading,
     error: scopedMarketChartError,
     refetch: refetchScopedMarketChart
-  } = (0, import_hooks41.useMarketChart)({
+  } = (0, import_hooks43.useMarketChart)({
     marketId: chartPrimaryOutcomeId,
     venueMarketIds: availableVenueOutcomes.map((item) => item.outcome.id),
     interval: rollingWindow.interval,
@@ -11293,7 +11651,7 @@ var EventListItemDetailsGraphSection = ({
   const resolvedOutcomePriceByMarketId = (0, import_react16.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     for (const market of availableMarkets) {
-      const marketTradingState = (0, import_hooks41.resolveMarketTradingState)(market);
+      const marketTradingState = (0, import_hooks43.resolveMarketTradingState)(market);
       if (marketTradingState.kind !== "resolved") continue;
       const outcomePriceMap = resolveResolvedOutcomePriceMap(market.venueMarketOutcomes);
       if (outcomePriceMap) {
@@ -11353,18 +11711,18 @@ var EventListItemDetailsGraphSection = ({
     void refetchScopedMarketChart();
   };
   if (scopedMarketChartError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: cn("agg-chart-region w-full", classNames == null ? void 0 : classNames.chart), children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: cn("agg-chart-region w-full", classNames == null ? void 0 : classNames.chart), children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
       StateMessage,
       {
         title: labels.eventItemDetails.chartUnavailableTitle,
         description: labels.eventItemDetails.chartUnavailableDescription,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(WarningIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(WarningIcon, {}),
         onAction: handleRetryMarketChart,
         classNames: { root: "min-h-[300px] px-5 py-10 md:px-10" }
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
     LineChart,
     {
       classNames: { root: cn("agg-chart-region", classNames == null ? void 0 : classNames.chart) },
@@ -11377,7 +11735,7 @@ var EventListItemDetailsGraphSection = ({
       showSeriesControls: selectedMarketOutcomes.length > 0,
       renderSeriesControls: ({ handleSeriesChange }) => {
         var _a2, _b2, _c2, _d2;
-        return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
           "div",
           {
             className: cn(
@@ -11388,7 +11746,7 @@ var EventListItemDetailsGraphSection = ({
               classNames == null ? void 0 : classNames.summary
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                 "div",
                 {
                   className: cn(
@@ -11402,7 +11760,7 @@ var EventListItemDetailsGraphSection = ({
                     const text = formatMarketProbabilityPercent(percentage, formatPercent);
                     const seriesId = `${item.venue}-chart`;
                     const isActiveVenue = activeGraphVenue === item.venue;
-                    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                       "button",
                       {
                         type: "button",
@@ -11421,12 +11779,12 @@ var EventListItemDetailsGraphSection = ({
                           setSelectedGraphVenue(nextSelectedGraphVenue);
                           handleSeriesChange(seriesId);
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                           Badge,
                           {
                             text,
                             size: "large",
-                            prefix: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+                            prefix: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                               VenueLogo,
                               {
                                 venue: item.market.venue,
@@ -11448,7 +11806,7 @@ var EventListItemDetailsGraphSection = ({
                   })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                 SwitchButton,
                 {
                   ariaLabel: labels.eventItemDetails.outcomeSelectorAria,
@@ -11499,19 +11857,21 @@ var EventListItemDetailsContent = ({
   ariaLabel,
   defaultTimeRange,
   onClick,
-  midpointsResult
+  midpointsResult,
+  recurringMarkets,
+  sportsLiveState
 }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const [selectedChartType, setSelectedChartType] = (0, import_react16.useState)("line");
   const lastAppliedEventSyncKeyRef = (0, import_react16.useRef)(null);
   const lastAppliedDefaultRef = (0, import_react16.useRef)(null);
   const [chartRangeOverride, setChartRangeOverride] = (0, import_react16.useState)(null);
-  const config = (0, import_hooks41.useSdkUiConfig)();
-  const labels = (0, import_hooks41.useLabels)();
-  const tradingContext = (0, import_hooks34.useEventTradingContext)();
+  const config = (0, import_hooks43.useSdkUiConfig)();
+  const labels = (0, import_hooks43.useLabels)();
+  const tradingContext = (0, import_hooks35.useEventTradingContext)();
   const eventSyncKey = (0, import_react16.useMemo)(() => resolveEventDetailsSyncKey(event), [event]);
   const resolvedEventTradingState = (0, import_react16.useMemo)(() => {
-    return eventTradingState != null ? eventTradingState : (0, import_hooks41.resolveEventTradingState)(event);
+    return eventTradingState != null ? eventTradingState : (0, import_hooks43.resolveEventTradingState)(event);
   }, [event, eventTradingState]);
   const scopedSelectedMarket = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? (_a = tradingContext.selectedMarket) != null ? _a : resolvedEventTradingState.primaryMarket : resolvedEventTradingState.primaryMarket;
   const venueMarkets = (0, import_react16.useMemo)(
@@ -11522,12 +11882,12 @@ var EventListItemDetailsContent = ({
     return normalizeVenueMarketCluster(venueMarkets);
   }, [venueMarkets]);
   const scopedSelectedMarketId = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? tradingContext.selectedMarketId : null;
-  (0, import_hooks41.useEventOrderbookData)(
+  (0, import_hooks43.useEventOrderbookData)(
     resolvedEventTradingState.isTradingDisabled ? [] : resolvedEventTradingState.displayMarkets,
     scopedSelectedMarketId
   );
-  const wsLivePrices = (0, import_hooks41.useLiveOutcomePrices)(eventDetailVenueMarkets);
-  const wsBestPrices = (0, import_hooks41.useLiveBestPrices)(eventDetailVenueMarkets);
+  const wsLivePrices = (0, import_hooks43.useLiveOutcomePrices)(eventDetailVenueMarkets);
+  const wsBestPrices = (0, import_hooks43.useLiveBestPrices)(eventDetailVenueMarkets);
   const resolvedMidpointsResult = midpointsResult != null ? midpointsResult : {
     prices: /* @__PURE__ */ new Map(),
     bestMidpointsByOutcomeId: /* @__PURE__ */ new Map(),
@@ -11542,7 +11902,7 @@ var EventListItemDetailsContent = ({
   const bestMidpoint = resolvedMidpointsResult.bestMidpoint;
   const restBestPrices = resolvedMidpointsResult.bestPrices;
   const bestPrices = (0, import_react16.useMemo)(
-    () => (0, import_hooks41.mergeBestPricesPreferringLive)(restBestPrices, wsBestPrices),
+    () => (0, import_hooks43.mergeBestPricesPreferringLive)(restBestPrices, wsBestPrices),
     [restBestPrices, wsBestPrices]
   );
   const livePrices = (0, import_react16.useMemo)(() => {
@@ -11622,7 +11982,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,
@@ -11630,18 +11992,19 @@ var EventListItemDetailsContent = ({
     event.gameStartTime,
     event.structureType,
     event.title,
-    event.venueMarkets
+    event.venueMarkets,
+    recurringMarkets
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
     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__ */ (0, import_jsx_runtime129.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
           "div",
           {
             className: cn(
@@ -11652,44 +12015,109 @@ var EventListItemDetailsContent = ({
               classNames == null ? void 0 : classNames.header
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                 RemoteImage,
                 {
-                  src: (0, import_hooks41.optimizedImageUrl)(event.image, 60),
+                  src: (0, import_hooks43.optimizedImageUrl)(event.image, 60),
                   alt: "",
                   className: "agg-event-image size-10 rounded-agg-lg object-cover md:size-[60px]"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
-                    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__ */ (0, import_jsx_runtime131.jsxs)("div", { className: cn("flex min-w-0 flex-1 flex-col", recurringMarkets ? "gap-3" : "gap-2"), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+                  "div",
+                  {
+                    className: cn(
+                      "min-w-0",
+                      recurringMarkets ? "flex flex-col gap-1 md:flex-row md:items-baseline md:justify-between" : null
+                    ),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+                        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__ */ (0, import_jsx_runtime131.jsx)(
+                        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__ */ (0, import_jsx_runtime131.jsx)(
+                        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__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex min-w-0 flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+                    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__ */ (0, import_jsx_runtime129.jsx)(
-                    Typography,
+                  recurringMarkets.isResolving ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+                    Button,
+                    {
+                      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__ */ (0, import_jsx_runtime131.jsxs)(
+                    "div",
                     {
-                      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
+                      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__ */ (0, import_jsx_runtime131.jsx)(
+                          Icon,
+                          {
+                            name: "hourglass-start",
+                            size: "small",
+                            className: "size-3.5",
+                            "aria-hidden": "true"
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Typography, { variant: "body-strong", className: "text-agg-base leading-agg-6", children: recurringMarkets.countdownLabel })
+                      ]
                     }
                   ) : null
-                ] }),
-                venueMarkets.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+                ] }) : venueMarkets.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                   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);
                     }
@@ -11699,7 +12127,8 @@ var EventListItemDetailsContent = ({
             ]
           }
         ),
-        detailsStats && detailsStats.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(SportsLiveScore, { state: sportsLiveState, className: classNames == null ? void 0 : classNames.sportsLive }),
+        detailsStats && detailsStats.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           "div",
           {
             className: cn(
@@ -11708,14 +12137,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__ */ (0, import_jsx_runtime129.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
                 "div",
                 {
                   className: "agg-event-stat flex flex-col gap-1",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Typography, { variant: "caption-caps", className: "text-agg-muted-foreground", children: statItem.label }),
-                    /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex items-baseline gap-1", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Typography, { variant: "caption-caps", className: "text-agg-muted-foreground", children: statItem.label }),
+                    /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex items-baseline gap-1", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                         Typography,
                         {
                           variant: "body",
@@ -11723,7 +12152,7 @@ var EventListItemDetailsContent = ({
                           children: statItem.value
                         }
                       ),
-                      statItem.delta ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Typography, { variant: "label", className: cn(deltaClassName), children: statItem.delta }) : null
+                      statItem.delta ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Typography, { variant: "label", className: cn(deltaClassName), children: statItem.delta }) : null
                     ] })
                   ]
                 },
@@ -11732,15 +12161,15 @@ var EventListItemDetailsContent = ({
             })
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: cn("agg-event-details-chart", "flex flex-col gap-2"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: cn("agg-event-details-chart", "flex flex-col gap-2"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
             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,
@@ -11750,7 +12179,7 @@ var EventListItemDetailsContent = ({
               onRangeOverrideChange: setChartRangeOverride
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
             "div",
             {
               className: cn(
@@ -11758,8 +12187,8 @@ var EventListItemDetailsContent = ({
                 classNames == null ? void 0 : classNames.footer
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Typography, { variant: "label", className: "agg-chart-volume text-agg-muted-foreground", children: volumeLabel || "-" }),
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Typography, { variant: "label", className: "agg-chart-volume text-agg-muted-foreground", children: volumeLabel || "-" }),
+                /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
                   "div",
                   {
                     className: cn(
@@ -11767,7 +12196,7 @@ var EventListItemDetailsContent = ({
                       classNames == null ? void 0 : classNames.timeRange
                     ),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                         ChartTypeSwitch,
                         {
                           className: "agg-chart-type-switch",
@@ -11775,11 +12204,11 @@ var EventListItemDetailsContent = ({
                           onValueChange: setSelectedChartType
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
-                      import_hooks41.CHART_TIME_RANGES.map((timeRange) => {
+                      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
+                      import_hooks43.CHART_TIME_RANGES.map((timeRange) => {
                         const effectiveRange = chartRangeOverride != null ? chartRangeOverride : config.chart.selectedChartTimeRange;
                         const isActive = timeRange === effectiveRange;
-                        return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                           Button,
                           {
                             size: "small",
@@ -11810,7 +12239,7 @@ var EventListItemDetailsContent = ({
             }
           )
         ] }),
-        event.description || event.settlementDiff ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SettlementSummary, { content: event.description, settlementDiff: event.settlementDiff }) : null
+        event.description || event.settlementDiff ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(SettlementSummary, { content: event.description, settlementDiff: event.settlementDiff }) : null
       ]
     }
   );
@@ -11827,12 +12256,12 @@ var EventListItemDetailsByEventId = (_a) => {
     error,
     isError,
     isLoading
-  } = (0, import_hooks41.useVenueEvent)({
+  } = (0, import_hooks43.useVenueEvent)({
     eventId: resolvedEventId,
     enabled: !!resolvedEventId
   });
   if (!resolvedEventId) {
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
       EventListItemDetailsUnavailableState,
       {
         classNames: rest.classNames,
@@ -11841,16 +12270,16 @@ var EventListItemDetailsByEventId = (_a) => {
     );
   }
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (isErrorWithStatus(error, 404)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(EventListItemDetailsNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(EventListItemDetailsNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (!fetchedEvent && !isError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (!fetchedEvent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
       EventListItemDetailsUnavailableState,
       {
         classNames: rest.classNames,
@@ -11858,15 +12287,15 @@ var EventListItemDetailsByEventId = (_a) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(EventListItemDetailsContent, __spreadValues({ event: fetchedEvent }, rest));
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(EventListItemDetailsContent, __spreadValues({ event: fetchedEvent }, rest));
 };
 var EventListItemDetails = (props) => {
   if (props.isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(EventListItemDetailsLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(EventListItemDetailsLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
   }
   if ("event" in props && props.event) {
     const _a = props, { event } = _a, rest = __objRest(_a, ["event"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(EventListItemDetailsContent, __spreadValues({ event }, rest));
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(EventListItemDetailsContent, __spreadValues({ event }, rest));
   }
   if ("eventId" in props && typeof props.eventId === "string") {
     const {
@@ -11889,9 +12318,9 @@ var EventListItemDetails = (props) => {
       ariaLabel: ariaLabelOverride,
       onClick
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(EventListItemDetailsByEventId, __spreadValues({}, byEventIdProps));
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(EventListItemDetailsByEventId, __spreadValues({}, byEventIdProps));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
     EventListItemDetailsUnavailableState,
     {
       classNames: props.classNames,
@@ -11902,11 +12331,11 @@ var EventListItemDetails = (props) => {
 EventListItemDetails.displayName = "EventListItemDetails";
 
 // src/events/market-details/index.tsx
-var import_hooks45 = require("@agg-build/hooks");
+var import_hooks47 = require("@agg-build/hooks");
 var import_react20 = require("react");
 
 // src/events/orderbook/index.tsx
-var import_hooks42 = require("@agg-build/hooks");
+var import_hooks44 = require("@agg-build/hooks");
 var import_react18 = require("react");
 
 // src/events/orderbook/orderbook.constants.ts
@@ -12070,7 +12499,7 @@ var useCenterOrderbookSpread = ({
 };
 
 // src/events/orderbook/orderbook-with-states.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 var stateMessageMinHeight = "min-h-[248px] px-5 py-10 md:min-h-[272px]";
 var OrderbookWithStates = (_a) => {
   var _b = _a, {
@@ -12082,65 +12511,65 @@ var OrderbookWithStates = (_a) => {
   ]);
   var _a2;
   if (state.kind === "loading") {
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(MarketDetailsOderbookSkeleton, {}) });
+    return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(MarketDetailsOderbookSkeleton, {}) });
   }
   if (state.kind === "disabled") {
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
       StateMessage,
       {
         title: state.title,
         description: state.description,
-        icon: (_a2 = state.icon) != null ? _a2 : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(WarningIcon, {}),
+        icon: (_a2 = state.icon) != null ? _a2 : /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(WarningIcon, {}),
         classNames: { root: stateMessageMinHeight }
       }
     ) });
   }
   if (state.kind === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
       StateMessage,
       {
         title: state.title,
         description: state.description,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(WarningIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(WarningIcon, {}),
         onAction: state.onRetry,
         classNames: { root: stateMessageMinHeight }
       }
     ) });
   }
   if (state.kind === "resolved") {
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
       StateMessage,
       {
         title: state.title,
         description: state.description,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(WarningIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(WarningIcon, {}),
         classNames: { root: stateMessageMinHeight }
       }
     ) });
   }
   if (state.kind === "empty") {
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
       StateMessage,
       {
         title: state.title,
         description: state.description,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(SearchEmptyIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(SearchEmptyIcon, {}),
         classNames: { root: stateMessageMinHeight }
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Orderbook, __spreadValues({}, orderbookProps)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Orderbook, __spreadValues({}, orderbookProps)) });
 };
 OrderbookWithStates.displayName = "OrderbookWithStates";
 
 // src/events/orderbook/index.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 var OrderbookVenueLogos = ({ venues }) => {
-  const visible = (0, import_hooks42.sortVenues)(venues).slice(0, orderbookMaxVisibleVenues);
+  const visible = (0, import_hooks44.sortVenues)(venues).slice(0, orderbookMaxVisibleVenues);
   const overflow = venues.length - visible.length;
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-row items-center justify-start gap-0.5 md:gap-1", children: [
-    visible.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(VenueLogo, { venue, size: "small" }, venue)),
-    overflow > 0 ? /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("span", { className: "text-agg-xs font-agg-bold leading-agg-4 text-agg-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-row items-center justify-start gap-0.5 md:gap-1", children: [
+    visible.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(VenueLogo, { venue, size: "small" }, venue)),
+    overflow > 0 ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "text-agg-xs font-agg-bold leading-agg-4 text-agg-muted-foreground", children: [
       "+",
       overflow
     ] }) : null
@@ -12167,8 +12596,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__ */ (0, import_jsx_runtime131.jsxs)("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__ */ (0, import_jsx_runtime131.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("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__ */ (0, import_jsx_runtime133.jsx)(
       "div",
       {
         "aria-hidden": "true",
@@ -12180,8 +12609,8 @@ var OrderbookRow = ({
         style: { width: `${barPercent}%` }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "hidden md:block md:relative min-w-0 flex-1 self-stretch", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "hidden md:block md:relative min-w-0 flex-1 self-stretch", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
         "div",
         {
           "aria-hidden": "true",
@@ -12193,14 +12622,14 @@ var OrderbookRow = ({
           style: { width: `${barPercent}%` }
         }
       ),
-      showBadge && badgeLabel ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+      showBadge && badgeLabel ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
         "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__ */ (0, import_jsx_runtime131.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
             "span",
             {
               className: cn("text-[10px] font-bold uppercase leading-[14px]", badgeTextClassName),
@@ -12210,8 +12639,8 @@ var OrderbookRow = ({
         }
       ) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex w-20 shrink-0 items-center justify-start gap-2 md:w-[120px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex w-20 shrink-0 items-center justify-start gap-2 md:w-[120px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
         "span",
         {
           className: cn(
@@ -12222,10 +12651,10 @@ var OrderbookRow = ({
           children: formatProbabilityCents(entry.row.price, formatPrice)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(OrderbookVenueLogos, { venues })
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(OrderbookVenueLogos, { venues })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("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__ */ (0, import_jsx_runtime131.jsx)("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__ */ (0, import_jsx_runtime133.jsx)("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__ */ (0, import_jsx_runtime133.jsx)("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 = ({
@@ -12244,7 +12673,7 @@ var Orderbook = ({
   const {
     enableWebsocketsLogs,
     formatting: { formatPrice }
-  } = (0, import_hooks42.useAggUiConfig)();
+  } = (0, import_hooks44.useAggUiConfig)();
   const labels = __spreadValues(__spreadValues({}, orderbookDefaultLabels), labelsProp);
   const scrollContainerRef = (0, import_react18.useRef)(null);
   const spreadRowRef = (0, import_react18.useRef)(null);
@@ -12285,15 +12714,15 @@ var Orderbook = ({
     snapshotKey,
     spreadEntry
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: cn("agg-orderbook-unified flex flex-col", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("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__ */ (0, import_jsx_runtime131.jsx)("span", { className: "hidden md:flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("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__ */ (0, import_jsx_runtime131.jsx)("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__ */ (0, import_jsx_runtime131.jsx)("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__ */ (0, import_jsx_runtime133.jsxs)("div", { className: cn("agg-orderbook-unified flex flex-col", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("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__ */ (0, import_jsx_runtime133.jsx)("span", { className: "hidden md:flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("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__ */ (0, import_jsx_runtime133.jsx)("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__ */ (0, import_jsx_runtime133.jsx)("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__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
         "div",
         {
           ref: scrollContainerRef,
@@ -12303,7 +12732,7 @@ var Orderbook = ({
           "aria-label": "Order book",
           tabIndex: 0,
           children: [
-            askEntries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "agg-orderbook-asks flex flex-col", children: askEntries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+            askEntries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "agg-orderbook-asks flex flex-col", children: askEntries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               OrderbookRow,
               {
                 entry,
@@ -12316,7 +12745,7 @@ var Orderbook = ({
               },
               entry.row.id
             )) }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
               "div",
               {
                 ref: spreadRowRef,
@@ -12324,7 +12753,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__ */ (0, import_jsx_runtime131.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
                     Typography,
                     {
                       variant: "label",
@@ -12336,7 +12765,7 @@ var Orderbook = ({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
                     Typography,
                     {
                       variant: "label",
@@ -12348,12 +12777,12 @@ var Orderbook = ({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "hidden md:inline-flex w-20 shrink-0 md:w-[120px]" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "hidden md:inline-flex w-20 shrink-0 md:w-[120px]" })
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "hidden md:inline-flex w-20 shrink-0 md:w-[120px]" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "hidden md:inline-flex w-20 shrink-0 md:w-[120px]" })
                 ]
               }
             ),
-            bidEntries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "agg-orderbook-bids flex flex-col", children: bidEntries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+            bidEntries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "agg-orderbook-bids flex flex-col", children: bidEntries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               OrderbookRow,
               {
                 entry,
@@ -12369,14 +12798,14 @@ var Orderbook = ({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
         "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__ */ (0, import_jsx_runtime131.jsx)(Icon, { name: "recenter", size: "small", className: "!size-4 text-current" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { name: "recenter", size: "small", className: "!size-4 text-current" })
         }
       )
     ] })
@@ -12536,8 +12965,8 @@ var resolveTradingStateBadgeClassName = (kind) => {
 };
 
 // src/events/market-details/market-details-outcome-button.tsx
-var import_hooks43 = require("@agg-build/hooks");
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_hooks45 = require("@agg-build/hooks");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 var marketDetailsOutcomeButtonToneClasses = {
   positive: {
     activeSurface: "bg-agg-success/15",
@@ -12587,9 +13016,9 @@ var OutcomePriceContent = ({
   value,
   textClassName
 }) => {
-  const { formatPrice } = (0, import_hooks43.useAggUiConfig)().formatting;
+  const { formatPrice } = (0, import_hooks45.useAggUiConfig)().formatting;
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       "span",
       {
         "aria-hidden": "true",
@@ -12600,7 +13029,7 @@ var OutcomePriceContent = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
     Typography,
     {
       as: "span",
@@ -12628,7 +13057,7 @@ var MarketDetailsOutcomeButton = ({
   });
   const itemLabel = (_a = item.title) != null ? _a : item.label;
   const isLineVariant = item.variant === "line";
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
     "button",
     {
       type: "button",
@@ -12644,9 +13073,9 @@ var MarketDetailsOutcomeButton = ({
         enforceFixedWidth ? "flex-none" : "flex-1 md:flex-auto"
       ),
       onClick: () => onSelect(item.label),
-      children: isLineVariant ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex min-w-0 max-w-full items-center justify-center gap-1.5 overflow-hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+      children: isLineVariant ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex min-w-0 max-w-full items-center justify-center gap-1.5 overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           Typography,
           {
             as: "span",
@@ -12655,7 +13084,7 @@ var MarketDetailsOutcomeButton = ({
             children: itemLabel
           }
         ),
-        item.lineLabel ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        item.lineLabel ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           Typography,
           {
             as: "span",
@@ -12664,7 +13093,7 @@ var MarketDetailsOutcomeButton = ({
             children: item.lineLabel
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           OutcomePriceContent,
           {
             isLoading: item.isPriceLoading,
@@ -12673,9 +13102,9 @@ var MarketDetailsOutcomeButton = ({
             textClassName: classNames.text
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "inline-flex max-w-full items-center justify-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "inline-flex max-w-full items-center justify-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           Typography,
           {
             as: "span",
@@ -12684,7 +13113,7 @@ var MarketDetailsOutcomeButton = ({
             children: itemLabel
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           OutcomePriceContent,
           {
             isLoading: item.isPriceLoading,
@@ -12700,9 +13129,9 @@ var MarketDetailsOutcomeButton = ({
 MarketDetailsOutcomeButton.displayName = "MarketDetailsOutcomeButton";
 
 // src/events/market-details/market-details-graph-panel.tsx
-var import_hooks44 = require("@agg-build/hooks");
+var import_hooks46 = require("@agg-build/hooks");
 var import_react19 = require("react");
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_jsx_runtime135 = require("react/jsx-runtime");
 var MarketDetailsGraphPanel = ({
   venueMarkets,
   selectedOutcomeLabel,
@@ -12717,13 +13146,13 @@ var MarketDetailsGraphPanel = ({
   classNames
 }) => {
   var _a, _b, _c;
-  const config = (0, import_hooks44.useSdkUiConfig)();
+  const config = (0, import_hooks46.useSdkUiConfig)();
   const {
     formatting: { formatPercent, formatCompactCurrency, formatPrice },
     general: { theme }
   } = config;
   const isDarkTheme = theme === "dark";
-  const labels = (0, import_hooks44.useLabels)();
+  const labels = (0, import_hooks46.useLabels)();
   const selectedTimeRange = config.chart.selectedChartTimeRange;
   const setSelectedTimeRange = config.chart.setSelectedChartTimeRange;
   const [chartRangeOverride, setChartRangeOverride] = (0, import_react19.useState)(null);
@@ -12743,7 +13172,7 @@ var MarketDetailsGraphPanel = ({
       livePrices
     });
   }, [livePrices, venueMarkets, resolvedChartOutcomeLabel, chartSelectedOutcomeId]);
-  const rollingWindow = (0, import_hooks44.useRollingChartWindow)({ range: effectiveChartTimeRange });
+  const rollingWindow = (0, import_hooks46.useRollingChartWindow)({ range: effectiveChartTimeRange });
   const chartPrimaryOutcomeId = (_b = (_a = chartOutcomesByVenue[0]) == null ? void 0 : _a.outcome.id) != null ? _b : null;
   const chartVenueOutcomeIds = (0, import_react19.useMemo)(() => {
     return chartOutcomesByVenue.map((item) => item.outcome.id);
@@ -12753,7 +13182,7 @@ var MarketDetailsGraphPanel = ({
     isLoading: isMarketChartLoading,
     error: marketChartError,
     refetch: refetchMarketChart
-  } = (0, import_hooks44.useMarketChart)({
+  } = (0, import_hooks46.useMarketChart)({
     marketId: chartPrimaryOutcomeId,
     venueMarketIds: chartVenueOutcomeIds,
     interval: rollingWindow.interval,
@@ -12857,17 +13286,17 @@ var MarketDetailsGraphPanel = ({
   const handleRetryMarketChart = () => {
     void refetchMarketChart();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: cn("agg-price-chart flex flex-col gap-5 p-5", classNames == null ? void 0 : classNames.graph), children: [
-    hasChartError ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: cn("agg-price-chart flex flex-col gap-5 p-5", classNames == null ? void 0 : classNames.graph), children: [
+    hasChartError ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       StateMessage,
       {
         title: labels.marketDetails.chartUnavailableTitle,
         description: labels.marketDetails.chartUnavailableDescription,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(WarningIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(WarningIcon, {}),
         onAction: handleRetryMarketChart,
         classNames: { root: "min-h-[248px] px-5 py-10 md:min-h-[272px]" }
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       LineChart,
       {
         series: graphSeries,
@@ -12880,14 +13309,14 @@ var MarketDetailsGraphPanel = ({
         showSeriesControls: chartAvailableOutcomesByVenue.length > 0 || headerOutcomeItems.length > 0,
         renderSeriesControls: () => {
           var _a2, _b2, _c2, _d;
-          return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-chart-toolbar w-full flex flex-col gap-4 md:flex-row md:items-center md:justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "agg-market-venues flex flex-wrap gap-2", children: chartAvailableOutcomesByVenue.map((item) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-chart-toolbar w-full flex flex-col gap-4 md:flex-row md:items-center md:justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("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__ */ (0, import_jsx_runtime133.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -12906,14 +13335,14 @@ var MarketDetailsGraphPanel = ({
                     handleGraphVenueToggle(item.venue);
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: probability })
+                    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: probability })
                   ]
                 },
                 `${item.market.id}-${item.outcome.id}`
               );
             }) }),
-            !isOutcomeSelectionLocked ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            !isOutcomeSelectionLocked ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
               SwitchButton,
               {
                 ariaLabel: labels.marketDetails.outcomeSelectorAria,
@@ -12943,7 +13372,7 @@ var MarketDetailsGraphPanel = ({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
       "div",
       {
         className: cn(
@@ -12952,9 +13381,9 @@ var MarketDetailsGraphPanel = ({
           classNames == null ? void 0 : classNames.footer
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: typeof volume !== "number" ? labels.marketDetails.volumeUnavailable : volume > 0 ? `${formatCompactCurrency(volume)} ${labels.marketDetails.meta.volumeSuffix}` : "" }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-wrap items-center gap-3 md:gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { children: typeof volume !== "number" ? labels.marketDetails.volumeUnavailable : volume > 0 ? `${formatCompactCurrency(volume)} ${labels.marketDetails.meta.volumeSuffix}` : "" }),
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex flex-wrap items-center gap-3 md:gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
               ChartTypeSwitch,
               {
                 className: "agg-chart-type-switch shrink-0",
@@ -12962,11 +13391,11 @@ var MarketDetailsGraphPanel = ({
                 onValueChange: setSelectedChartType
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
-            import_hooks44.CHART_TIME_RANGES.map((timeRange) => {
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
+            import_hooks46.CHART_TIME_RANGES.map((timeRange) => {
               const isActive = effectiveChartTimeRange === timeRange;
               const isDisabled = isResolvedMarket && timeRange !== "ALL";
-              return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                 "button",
                 {
                   type: "button",
@@ -13000,14 +13429,14 @@ var MarketDetailsGraphPanel = ({
 MarketDetailsGraphPanel.displayName = "MarketDetailsGraphPanel";
 
 // src/events/market-details/index.tsx
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_jsx_runtime136 = require("react/jsx-runtime");
 var MarketDetailsUnavailableState = ({
   marketId,
   ariaLabel,
   classNames
 }) => {
-  const labels = (0, import_hooks45.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  const labels = (0, import_hooks47.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
     Card,
     {
       "data-market-id": marketId || void 0,
@@ -13018,9 +13447,9 @@ var MarketDetailsUnavailableState = ({
       ),
       role: "status",
       "aria-label": ariaLabel != null ? ariaLabel : labels.marketDetails.unavailableAria,
-      children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col gap-1 p-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "body-large-strong", children: labels.marketDetails.unavailableTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: labels.marketDetails.unavailableDescription })
+      children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex flex-col gap-1 p-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Typography, { variant: "body-large-strong", children: labels.marketDetails.unavailableTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: labels.marketDetails.unavailableDescription })
       ] })
     }
   );
@@ -13030,14 +13459,14 @@ var MarketDetailsNotFoundState = ({
   ariaLabel: _ariaLabel,
   classNames: _classNames
 }) => {
-  const labels = (0, import_hooks45.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  const labels = (0, import_hooks47.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
     StateMessage,
     {
       "data-market-id": marketId || void 0,
       title: labels.marketDetails.notFoundTitle,
       description: labels.marketDetails.notFoundDescription,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(SearchEmptyIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(SearchEmptyIcon, {}),
       classNames: { root: "min-h-[280px] md:min-h-[320px]" }
     }
   );
@@ -13062,39 +13491,40 @@ var MarketDetailsContent = ({
   headerOutcomeItemsOverride,
   onOutcomeSelect,
   live,
+  showResolvingState = false,
   midpointsFallback,
   midpointsFallbackVenues,
   suppressOutcomeFallbackSelection,
   midpointsResult
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const config = (0, import_hooks45.useSdkUiConfig)();
+  const config = (0, import_hooks47.useSdkUiConfig)();
   const {
     features: { enableAnimations },
     formatting: { formatPercent }
   } = config;
-  const labels = (0, import_hooks45.useLabels)();
-  const tradingContext = (0, import_hooks45.useEventTradingContext)();
+  const labels = (0, import_hooks47.useLabels)();
+  const tradingContext = (0, import_hooks47.useEventTradingContext)();
   const detailsContentId = (0, import_react20.useId)();
   const tradeSide = (_a = tradingContext == null ? void 0 : tradingContext.tradeSide) != null ? _a : "buy";
   const resolvedMarket = (0, import_react20.useMemo)(() => {
     return resolveMarketFromVenueMarkets(venueMarkets, marketId);
   }, [venueMarkets, marketId]);
   const clusterVenueMarkets = resolvedMarket == null ? void 0 : resolvedMarket.venueMarkets;
-  const wsLivePrices = (0, import_hooks45.useLiveOutcomePrices)(clusterVenueMarkets);
-  const wsBestPrices = (0, import_hooks45.useLiveBestPrices)(clusterVenueMarkets);
-  const wsBestCandidates = (0, import_hooks45.useLiveBestPriceCandidates)(clusterVenueMarkets);
+  const wsLivePrices = (0, import_hooks47.useLiveOutcomePrices)(clusterVenueMarkets);
+  const wsBestPrices = (0, import_hooks47.useLiveBestPrices)(clusterVenueMarkets);
+  const wsBestCandidates = (0, import_hooks47.useLiveBestPriceCandidates)(clusterVenueMarkets);
   const scopedResolvedMarket = (0, import_react20.useMemo)(() => {
     var _a2, _b2;
     if (!resolvedMarket) return null;
     return (_b2 = (_a2 = resolvedMarket.venueMarkets.find((venueMarket) => venueMarket.id === resolvedMarket.id)) != null ? _a2 : resolvedMarket.venueMarkets[0]) != null ? _b2 : null;
   }, [resolvedMarket]);
-  const isResolvedMarket = (0, import_hooks45.resolveMarketTradingState)(scopedResolvedMarket).kind === "resolved";
-  (0, import_hooks45.useEventOrderbookData)(
+  const isResolvedMarket = (0, import_hooks47.resolveMarketTradingState)(scopedResolvedMarket).kind === "resolved";
+  (0, import_hooks47.useEventOrderbookData)(
     isResolvedMarket ? [] : resolvedMarket == null ? void 0 : resolvedMarket.venueMarkets,
     (_b = scopedResolvedMarket == null ? void 0 : scopedResolvedMarket.id) != null ? _b : null
   );
-  const fetchedClusterMidpointResult = (0, import_hooks45.useMidpoints)(midpointsResult ? [] : clusterVenueMarkets);
+  const fetchedClusterMidpointResult = (0, import_hooks47.useMidpoints)(midpointsResult ? [] : clusterVenueMarkets);
   const clusterMidpointResult = midpointsResult != null ? midpointsResult : fetchedClusterMidpointResult;
   const clusterMidpoints = (_c = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _c : clusterMidpointResult.prices;
   const clusterBestMidpointsByOutcomeId = clusterMidpoints;
@@ -13103,30 +13533,10 @@ var MarketDetailsContent = ({
   const clusterBestMidpointVenue = clusterMidpointResult.bestMidpointVenue;
   const clusterBestPricesRest = clusterMidpointResult.bestPrices;
   const clusterBestPrices = (0, import_react20.useMemo)(
-    () => (0, import_hooks45.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
+    () => (0, import_hooks47.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
     [clusterBestPricesRest, wsBestPrices]
   );
   const clusterBestPriceVenuesByOutcomeId = clusterMidpointResult.bestPriceVenuesByOutcomeId;
-  const clusterMidpointMarkets = (0, import_react20.useMemo)(() => {
-    var _a2;
-    if (!resolvedMarket) return [];
-    return (_a2 = resolvedMarket.venueMarkets) != null ? _a2 : [];
-  }, [resolvedMarket]);
-  const tradableVenues = (0, import_react20.useMemo)(() => {
-    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 = (0, import_react20.useMemo)(() => {
     return buildMarketDetailsModel({
       venueMarkets,
@@ -13158,9 +13568,9 @@ var MarketDetailsContent = ({
     return (_a2 = model.market.venueMarkets.find((venueMarket) => venueMarket.id === model.market.id)) != null ? _a2 : model.primaryVenueMarket;
   }, [model]);
   const marketTradingState = (0, import_react20.useMemo)(() => {
-    return (0, import_hooks45.resolveMarketTradingState)(scopedMarketForCard);
+    return (0, import_hooks47.resolveMarketTradingState)(scopedMarketForCard);
   }, [scopedMarketForCard]);
-  const isOutcomeSelectionLocked = marketTradingState.isTradingDisabled;
+  const isOutcomeSelectionLocked = showResolvingState || marketTradingState.isTradingDisabled;
   const isUpcomingMarket = marketTradingState.kind === "unopened";
   const marketStatePresentation = resolveTradingStatePresentation(labels, marketTradingState);
   const resolvedWinningOutcomeLabel = resolveResolvedOutcomeLabel({
@@ -13284,6 +13694,7 @@ var MarketDetailsContent = ({
     clusterBestMidpointsByOutcomeId,
     clusterBestPricesRest,
     clusterBestPriceVenuesByOutcomeId,
+    clusterMidpointResult.isLoading,
     headerOutcomeItemsOverride,
     model,
     scopedMarketForCard,
@@ -13319,7 +13730,7 @@ var MarketDetailsContent = ({
       fallbackPrice: midpointsFallback == null ? void 0 : midpointsFallback.get(displayOutcome.id)
     });
     if (referencePrice != null) return referencePrice;
-    return (0, import_hooks45.findLivePriceById)(wsLivePrices, displayOutcome.id);
+    return (0, import_hooks47.findLivePriceById)(wsLivePrices, displayOutcome.id);
   }, [
     clusterBestMidpoint,
     clusterBestMidpointsByOutcomeId,
@@ -13345,7 +13756,7 @@ var MarketDetailsContent = ({
   const orderBookEnabled = isOpened && effectiveSelectedTab === "order-book" && !marketTradingState.isTradingDisabled;
   const primaryVenueMarketId = (_g = (_f = selectedOutcomesByVenue[0]) == null ? void 0 : _f.market.id) != null ? _g : null;
   const primaryOutcomeId = (_i = (_h = selectedOutcomesByVenue[0]) == null ? void 0 : _h.outcome.id) != null ? _i : null;
-  const marketOrderbookResult = (0, import_hooks45.useMarketOrderbook)({
+  const marketOrderbookResult = (0, import_hooks47.useMarketOrderbook)({
     marketId: primaryVenueMarketId,
     enabled: orderBookEnabled && !!primaryVenueMarketId,
     venueOutcomes: selectedOutcomesByVenue.map((item) => ({
@@ -13447,11 +13858,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__ */ (0, import_jsx_runtime136.jsx)(LoadingIcon, { size: "small" })
+  } : marketTradingState.isTradingDisabled ? {
     kind: "disabled",
     title: marketStatePresentation.title,
     description: marketStatePresentation.description,
-    icon: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon, { name: marketStatePresentation.iconName, className: "h-5 w-5", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Icon, { name: marketStatePresentation.iconName, className: "h-5 w-5", "aria-hidden": "true" })
   } : isOrderBookLoading ? { kind: "loading" } : hasOrderBookError ? {
     kind: "error",
     title: labels.marketDetails.orderBookUnavailableTitle,
@@ -13467,7 +13883,7 @@ var MarketDetailsContent = ({
     description: labels.marketDetails.orderBookEmptyDescription
   } : { kind: "data" };
   if (marketId && !resolvedMarket) {
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
       MarketDetailsNotFoundState,
       {
         marketId,
@@ -13477,7 +13893,7 @@ var MarketDetailsContent = ({
     );
   }
   if (!model) {
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
       MarketDetailsUnavailableState,
       {
         marketId,
@@ -13486,18 +13902,18 @@ var MarketDetailsContent = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
     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__ */ (0, import_jsx_runtime134.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
           "div",
           {
             "data-market-id": marketId || void 0,
@@ -13508,7 +13924,7 @@ var MarketDetailsContent = ({
               classNames == null ? void 0 : classNames.header
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
                 "button",
                 {
                   className: cn(
@@ -13522,17 +13938,17 @@ var MarketDetailsContent = ({
                   "aria-controls": detailsContentId,
                   "aria-label": isOpened ? labels.marketDetails.toggleCloseDetailsAria(model.title) : labels.marketDetails.toggleOpenDetailsAria(model.title),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-market-summary flex min-w-24 flex-1 items-center gap-3 md:gap-4", children: [
-                      !compactHeader ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "agg-market-summary flex min-w-24 flex-1 items-center gap-3 md:gap-4", children: [
+                      !compactHeader ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                         RemoteImage,
                         {
-                          src: (0, import_hooks45.optimizedImageUrl)(model.image, 60),
+                          src: (0, import_hooks47.optimizedImageUrl)(model.image, 60),
                           alt: "",
                           className: "agg-market-image size-12 rounded-agg-lg object-cover md:size-[60px]"
                         }
                       ) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex min-w-24 flex-col", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Tooltip, { content: model.title, side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex min-w-24 flex-col", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Tooltip, { content: model.title, side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                           Typography,
                           {
                             as: "h3",
@@ -13541,7 +13957,7 @@ var MarketDetailsContent = ({
                             children: model.title
                           }
                         ) }) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                           Typography,
                           {
                             variant: "label",
@@ -13549,8 +13965,8 @@ var MarketDetailsContent = ({
                             children: subtitleOverride != null ? subtitleOverride : model.subtitle
                           }
                         ) }),
-                        marketTradingState.isTradingDisabled && marketTradingState.kind !== "resolved" && !isUpcomingMarket ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "mt-2 flex flex-wrap items-center gap-2 justify-center md:justify-start", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+                        !showResolvingState && marketTradingState.isTradingDisabled && marketTradingState.kind !== "resolved" && !isUpcomingMarket ? /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "mt-2 flex flex-wrap items-center gap-2 justify-center md:justify-start", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
                             "span",
                             {
                               className: cn(
@@ -13558,7 +13974,7 @@ var MarketDetailsContent = ({
                                 resolveTradingStateBadgeClassName(marketTradingState.kind)
                               ),
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                                   Icon,
                                   {
                                     name: marketStatePresentation.iconName,
@@ -13566,20 +13982,23 @@ var MarketDetailsContent = ({
                                     className: "h-3.5 w-3.5"
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { children: marketStatePresentation.badgeLabel })
+                                /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { children: marketStatePresentation.badgeLabel })
                               ]
                             }
                           ),
-                          marketStatePresentation.timestampLabel ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: marketStatePresentation.timestampLabel }) : null,
-                          marketStatePresentation.winningOutcomeLabel ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: marketStatePresentation.winningOutcomeLabel }) : null
+                          marketStatePresentation.timestampLabel ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: marketStatePresentation.timestampLabel }) : null,
+                          marketStatePresentation.winningOutcomeLabel ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: marketStatePresentation.winningOutcomeLabel }) : null
                         ] }) : null
                       ] })
                     ] }),
-                    !compactHeader ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { as: "div", variant: "heading", className: "agg-market-headline shrink-0", children: formatProbabilityPercent(headlineProbability, formatPercent) }) : null
+                    !compactHeader ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Typography, { as: "div", variant: "heading", className: "agg-market-headline shrink-0", children: formatProbabilityPercent(headlineProbability, formatPercent) }) : null
                   ]
                 }
               ),
-              marketTradingState.kind === "resolved" && marketTradingState.winningOutcome ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+              showResolvingState ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("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__ */ (0, import_jsx_runtime136.jsx)(LoadingIcon, { size: "small" }),
+                /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Typography, { variant: "body", children: labels.marketDetails.resolvingBadge })
+              ] }) }) : marketTradingState.kind === "resolved" && marketTradingState.winningOutcome ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
                 "span",
                 {
                   className: cn(
@@ -13592,7 +14011,7 @@ var MarketDetailsContent = ({
                     "border-transparent bg-agg-secondary-hover"
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                       Icon,
                       {
                         name: marketTradingState.winningOutcome.label.trim().toLowerCase() === "yes" ? "check-circle" : "cross-circle",
@@ -13603,12 +14022,12 @@ var MarketDetailsContent = ({
                         )
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "body", children: labels.eventMarketPage.resolvedOutcome(
+                    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Typography, { variant: "body", children: labels.eventMarketPage.resolvedOutcome(
                       resolvedWinningOutcomeLabel != null ? resolvedWinningOutcomeLabel : marketTradingState.winningOutcome.label
                     ) })
                   ]
                 }
-              ) }) : isUpcomingMarket ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+              ) }) : isUpcomingMarket ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
                 "span",
                 {
                   className: cn(
@@ -13617,7 +14036,7 @@ var MarketDetailsContent = ({
                     resolveTradingStateBadgeClassName(marketTradingState.kind)
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                       Icon,
                       {
                         name: marketStatePresentation.iconName,
@@ -13626,10 +14045,10 @@ var MarketDetailsContent = ({
                         "aria-hidden": "true"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { children: marketStatePresentation.badgeLabel })
+                    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { children: marketStatePresentation.badgeLabel })
                   ]
                 }
-              ) }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+              ) }) : /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                 "div",
                 {
                   className: "agg-outcomes flex w-full flex-wrap gap-2 md:w-auto md:shrink-0 md:flex-nowrap",
@@ -13638,7 +14057,7 @@ var MarketDetailsContent = ({
                   onKeyDown: (eventToHandle) => handleOutcomeKeyDown(eventToHandle),
                   children: headerOutcomeItems.map((item) => {
                     const isActiveOutcome = item.id === selectedOutcomeId;
-                    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                       MarketDetailsOutcomeButton,
                       {
                         enforceFixedWidth: headerOutcomeVariant != null,
@@ -13665,8 +14084,8 @@ var MarketDetailsContent = ({
             ]
           }
         ),
-        headerAccessory ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agg-market-card-accessory border-t border-agg-separator", children: headerAccessory }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+        headerAccessory ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "agg-market-card-accessory border-t border-agg-separator", children: headerAccessory }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
           "div",
           {
             id: detailsContentId,
@@ -13680,9 +14099,9 @@ var MarketDetailsContent = ({
               isOpened ? "grid-rows-[1fr] opacity-100" : "pointer-events-none grid-rows-[0fr] opacity-0"
             ),
             "aria-hidden": !isOpened,
-            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "min-h-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "min-h-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
                 "div",
                 {
                   className: cn(
@@ -13696,8 +14115,8 @@ var MarketDetailsContent = ({
                     ) : "translate-y-5 opacity-0"
                   ),
                   children: [
-                    !isResolvedMarket ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_jsx_runtime134.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: cn("block", classNames == null ? void 0 : classNames.tabs), children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                    !isResolvedMarket ? /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_jsx_runtime136.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: cn("block", classNames == null ? void 0 : classNames.tabs), children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                         Tabs,
                         {
                           ariaLabel: labels.marketDetails.tabsAria,
@@ -13708,10 +14127,10 @@ var MarketDetailsContent = ({
                           className: "agg-market-tabs flex! w-full px-5"
                         }
                       ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "h-px w-full bg-agg-separator" })
+                      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "h-px w-full bg-agg-separator" })
                     ] }) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: cn("agg-market-card-body p-0", classNames == null ? void 0 : classNames.content), children: [
-                      effectiveSelectedTab === "order-book" ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: cn("agg-market-card-body p-0", classNames == null ? void 0 : classNames.content), children: [
+                      effectiveSelectedTab === "order-book" ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                         OrderbookWithStates,
                         {
                           state: orderbookState,
@@ -13737,7 +14156,7 @@ var MarketDetailsContent = ({
                           wrapperClassName: classNames == null ? void 0 : classNames.orderBook
                         }
                       ) : null,
-                      isOpened && effectiveSelectedTab === "graph" ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                      isOpened && effectiveSelectedTab === "graph" ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                         MarketDetailsGraphPanel,
                         {
                           venueMarkets: model.market.venueMarkets,
@@ -13753,13 +14172,13 @@ var MarketDetailsContent = ({
                           classNames: { graph: classNames == null ? void 0 : classNames.graph, footer: classNames == null ? void 0 : classNames.footer }
                         }
                       ) : null,
-                      effectiveSelectedTab === "other" ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agg-market-meta flex flex-col gap-4", children: otherContent != null ? otherContent : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agg-market-meta-list grid grid-cols-1 gap-3", children: otherRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+                      effectiveSelectedTab === "other" ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "agg-market-meta flex flex-col gap-4", children: otherContent != null ? otherContent : /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "agg-market-meta-list grid grid-cols-1 gap-3", children: otherRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
                         "div",
                         {
                           className: "agg-market-meta-row flex items-center justify-between rounded-agg-xl bg-agg-secondary-hover px-4 py-3",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: row.label }),
-                            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "body", className: "text-right", children: row.value })
+                            /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: row.label }),
+                            /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Typography, { variant: "body", className: "text-right", children: row.value })
                           ]
                         },
                         row.label
@@ -13777,9 +14196,9 @@ var MarketDetailsContent = ({
 };
 var MarketDetails = (_a) => {
   var _b = _a, { isOpened } = _b, props = __objRest(_b, ["isOpened"]);
-  const labels = (0, import_hooks45.useLabels)();
+  const labels = (0, import_hooks47.useLabels)();
   if (props.isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
       Skeleton,
       {
         view: "market-details-minified",
@@ -13789,7 +14208,7 @@ var MarketDetails = (_a) => {
     );
   }
   if ("venueMarkets" in props && props.venueMarkets) {
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
       MarketDetailsContent,
       __spreadProps(__spreadValues({}, props), {
         isOpened,
@@ -13801,7 +14220,7 @@ var MarketDetails = (_a) => {
     );
   }
   const { classNames: fallbackClassNames } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(MarketDetailsUnavailableState, { classNames: fallbackClassNames });
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(MarketDetailsUnavailableState, { classNames: fallbackClassNames });
 };
 MarketDetails.displayName = "MarketDetails";
 var AFFIRMATIVE_WINNER_LABELS = /* @__PURE__ */ new Set(["yes", "up", "buy", "long", "true"]);
@@ -13832,13 +14251,13 @@ var resolveIsResolvedEvent = (sourceMarkets, eventTradingState) => {
     return eventTradingState.kind === "resolved";
   }
   if (sourceMarkets.length === 0) return false;
-  return sourceMarkets.every((market) => (0, import_hooks45.resolveMarketTradingState)(market).kind === "resolved");
+  return sourceMarkets.every((market) => (0, import_hooks47.resolveMarketTradingState)(market).kind === "resolved");
 };
 var resolveResolvedWinnerMarketId = (sourceMarkets, eventTradingState) => {
   var _a, _b, _c, _d, _e;
   const preferredMarket = (_a = eventTradingState == null ? void 0 : eventTradingState.primaryMarket) != null ? _a : null;
   if (preferredMarket && sourceMarkets.some((market) => market.id === preferredMarket.id)) {
-    if ((0, import_hooks45.resolveMarketTradingState)(preferredMarket).kind === "resolved") {
+    if ((0, import_hooks47.resolveMarketTradingState)(preferredMarket).kind === "resolved") {
       return preferredMarket.id;
     }
   }
@@ -13855,11 +14274,12 @@ var MarketDetailsList = ({
   defaultTab,
   classNames,
   live,
+  showResolvingState = false,
   midpointsResult
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks45.useLabels)();
-  const tradingContext = (0, import_hooks45.useEventTradingContext)();
+  const labels = (0, import_hooks47.useLabels)();
+  const tradingContext = (0, import_hooks47.useEventTradingContext)();
   const selectedMarketId = (_a = tradingContext == null ? void 0 : tradingContext.selectedMarketId) != null ? _a : null;
   const [expandedMarketId, setExpandedMarketId] = (0, import_react20.useState)(null);
   const [areResolvedMarketsVisible, setAreResolvedMarketsVisible] = (0, import_react20.useState)(false);
@@ -13868,10 +14288,10 @@ var MarketDetailsList = ({
     markets: rawMarkets,
     isLoading,
     error
-  } = (0, import_hooks45.useVenueMarkets)({
+  } = (0, import_hooks47.useVenueMarkets)({
     venueEventId: resolvedEventId,
     enabled: !providedMarkets && !!resolvedEventId,
-    status: import_hooks45.MarketStatus.open,
+    status: import_hooks47.MarketStatus.open,
     // Keep in lockstep with useEnrichedVenueEvent: limit is part of the React
     // Query key, so a mismatch would fork the shared cache into two requests.
     // fetchAll drains every page — events can exceed any single-page limit
@@ -13906,6 +14326,7 @@ var MarketDetailsList = ({
       const winnerMarketId = resolveResolvedWinnerMarketId(sourceMarkets, eventTradingState);
       return {
         primary: moveMarketToFront(sourceMarkets, winnerMarketId),
+        closed: [],
         upcoming: [],
         resolved: []
       };
@@ -13915,7 +14336,7 @@ var MarketDetailsList = ({
     const resolved = [];
     const closed = [];
     sourceMarkets.forEach((market) => {
-      const marketStateKind = (0, import_hooks45.resolveMarketTradingState)(market).kind;
+      const marketStateKind = (0, import_hooks47.resolveMarketTradingState)(market).kind;
       if (marketStateKind === "resolved") {
         resolved.push(market);
         return;
@@ -13938,15 +14359,19 @@ var MarketDetailsList = ({
     return [];
   }, [areResolvedMarketsVisible, groupedMarkets.resolved, isResolvedEvent]);
   const displayedMarkets = (0, import_react20.useMemo)(() => {
-    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 = (0, import_react20.useMemo)(() => {
     return displayedMarkets.filter(
-      (market) => (0, import_hooks45.resolveMarketTradingState)(market).kind !== "resolved"
+      (market) => (0, import_hooks47.resolveMarketTradingState)(market).kind !== "resolved"
     );
   }, [displayedMarkets]);
-  const { prices: midpointsFallback, venueByOutcomeId: midpointsFallbackVenues } = (0, import_hooks45.useViewportMidpoints)(midpointEligibleMarkets);
+  const { prices: midpointsFallback, venueByOutcomeId: midpointsFallbackVenues } = (0, import_hooks47.useViewportMidpoints)(midpointEligibleMarkets);
   (0, import_react20.useEffect)(() => {
     if (isResolvedEvent) {
       setAreResolvedMarketsVisible(false);
@@ -13965,7 +14390,7 @@ var MarketDetailsList = ({
       return;
     }
     const fallbackSelectableMarket = displayedMarkets.find(
-      (market) => !(0, import_hooks45.resolveMarketTradingState)(market).isTradingDisabled
+      (market) => !(0, import_hooks47.resolveMarketTradingState)(market).isTradingDisabled
     );
     if (!fallbackSelectableMarket) {
       return;
@@ -13987,11 +14412,11 @@ var MarketDetailsList = ({
     setExpandedMarketId(marketId);
     onExpandedMarketChange == null ? void 0 : onExpandedMarketChange(marketId);
     if (marketId === selectedMarketId) return;
-    if ((0, import_hooks45.resolveMarketTradingState)(market).isTradingDisabled) return;
+    if ((0, import_hooks47.resolveMarketTradingState)(market).isTradingDisabled) return;
     tradingContext == null ? void 0 : tradingContext.selectMarket(market.id, market);
   };
   if (!hasPrefetchedMarkets && isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
       Skeleton,
       {
         view: "market-details-minified",
@@ -14001,29 +14426,29 @@ var MarketDetailsList = ({
     );
   }
   if (!hasPrefetchedMarkets && error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
       StateMessage,
       {
         title: labels.marketDetails.unavailableTitle,
         description: labels.marketDetails.unavailableDescription,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(SearchEmptyIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(SearchEmptyIcon, {}),
         classNames: { root: "min-h-[280px] md:min-h-[320px]" }
       }
     );
   }
   if (displayedMarkets.length === 0 && !shouldShowResolvedToggle) {
     const hasSourceMarkets = sourceMarkets.length > 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
       StateMessage,
       {
         title: hasSourceMarkets ? isResolvedEvent ? labels.markets.emptyResolved : labels.markets.emptyNoOpen : labels.marketDetails.notFoundTitle,
         description: hasSourceMarkets ? void 0 : labels.marketDetails.notFoundDescription,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(SearchEmptyIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(SearchEmptyIcon, {}),
         classNames: { root: "min-h-[280px] md:min-h-[320px]" }
       }
     );
   }
-  const renderMarketCard = (market) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  const renderMarketCard = (market) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
     MarketDetails,
     {
       marketId: market.id,
@@ -14045,14 +14470,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__ */ (0, import_jsx_runtime134.jsxs)("div", { className: cn("agg-market-list flex flex-col gap-3", classNames == null ? void 0 : classNames.root), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("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__ */ (0, import_jsx_runtime134.jsx)(
+    showResolvingState ? groupedMarkets.closed.map((market) => renderMarketCard(market)) : null,
+    shouldShowResolvedToggle ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
       Button,
       {
         variant: "tertiary",
@@ -14062,7 +14489,7 @@ var MarketDetailsList = ({
           setAreResolvedMarketsVisible((isVisible) => !isVisible);
         },
         "aria-expanded": areResolvedMarketsVisible,
-        suffix: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+        suffix: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
           Icon,
           {
             name: areResolvedMarketsVisible ? "chevron-up" : "chevron-down",
@@ -14080,14 +14507,14 @@ var MarketDetailsList = ({
 MarketDetailsList.displayName = "MarketDetailsList";
 
 // src/events/list/index.tsx
-var import_hooks47 = require("@agg-build/hooks");
+var import_hooks49 = require("@agg-build/hooks");
 var import_sdk16 = require("@agg-build/sdk");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
 var import_react23 = require("react");
 
 // src/events/list/category-sidebar.tsx
 var import_react21 = require("react");
-var import_jsx_runtime135 = require("react/jsx-runtime");
+var import_jsx_runtime137 = require("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",
@@ -14129,7 +14556,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__ */ (0, import_jsx_runtime135.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
       "button",
       {
         type: "button",
@@ -14137,8 +14564,8 @@ var CategorySidebar = ({
         className: isSelected ? selectedRowClassName : idleRowClassName,
         onClick,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "min-w-0 flex-1 truncate first-letter:uppercase", children: entry.label }),
-          hasKnownChildren ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "min-w-0 flex-1 truncate first-letter:uppercase", children: entry.label }),
+          hasKnownChildren ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
             Icon,
             {
               name: isExpanded ? "chevron-up" : "chevron-down",
@@ -14146,7 +14573,7 @@ var CategorySidebar = ({
               color: "currentColor",
               className: "shrink-0 text-agg-muted-foreground"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "shrink-0 text-agg-muted-foreground", children: entry.eventCount })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "shrink-0 text-agg-muted-foreground", children: entry.eventCount })
         ]
       },
       entry.id
@@ -14164,27 +14591,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__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex w-full flex-col", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex w-full flex-col", children: [
       renderRow({
         entry,
         isExpanded,
         isSelected,
         onClick: () => onToggleCategory({ entry, depth, hasKnownChildren, isExpanded, isSelected })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
         "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__ */ (0, import_jsx_runtime135.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex w-full flex-col gap-1 pl-4 pt-1", children: childCategories.map((child) => renderBranch(child, depth + 1)) }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("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__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex w-full flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex w-full flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
       "button",
       {
         type: "button",
@@ -14192,8 +14619,8 @@ var CategorySidebar = ({
         className: !isDrilledIn ? selectedRowClassName : idleRowClassName,
         onClick: onSelectAll,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "min-w-0 flex-1 truncate", children: labels.subcategoriesAll }),
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "shrink-0 text-agg-muted-foreground", children: totalEventCount })
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "min-w-0 flex-1 truncate", children: labels.subcategoriesAll }),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "shrink-0 text-agg-muted-foreground", children: totalEventCount })
         ]
       }
     ),
@@ -14203,13 +14630,14 @@ var CategorySidebar = ({
 CategorySidebar.displayName = "CategorySidebar";
 
 // src/events/list/event-list-tabs.tsx
-var import_hooks46 = require("@agg-build/hooks");
+var import_hooks48 = require("@agg-build/hooks");
 var import_sdk15 = require("@agg-build/sdk");
 var import_react22 = require("react");
 
 // src/events/list/event-list.constants.ts
 var import_sdk14 = require("@agg-build/sdk");
 var DEFAULT_EVENTS_LIMIT = 50;
+var DEFAULT_EVENT_LIST_SORT = "volume24hr";
 var getDefaultEventListTabs = (labels) => {
   return [
     {
@@ -14278,16 +14706,17 @@ var getDefaultEventListTabs = (labels) => {
 };
 
 // src/events/list/event-list-tabs.tsx
-var import_jsx_runtime136 = require("react/jsx-runtime");
+var import_jsx_runtime138 = require("react/jsx-runtime");
+var DEFAULT_HIDDEN_VENUES = new Set((0, import_sdk15.getEffectiveDisabledVenues)(void 0));
 var renderTabIcon = (tab, isActive) => {
   if (tab.iconName === "warning-filled") {
-    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Icon, { name: "warning-filled", size: "small", color: "currentColor" });
+    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Icon, { name: "warning-filled", size: "small", color: "currentColor" });
   }
   if (tab.venueLogo) {
-    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(VenueLogo, { venue: tab.venueLogo, size: "small" });
+    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(VenueLogo, { venue: tab.venueLogo, size: "small" });
   }
   if (!tab.iconName) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
     Icon,
     {
       name: tab.iconName,
@@ -14297,24 +14726,21 @@ var renderTabIcon = (tab, isActive) => {
   );
 };
 var useEventListTabs = (tabs) => {
-  const labels = (0, import_hooks46.useLabels)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks46.useAppConfig)();
-  const { isLocationBlocked } = (0, import_hooks46.useGeoBlock)();
+  const labels = (0, import_hooks48.useLabels)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks48.useAppConfig)();
+  const { isLocationBlocked } = (0, import_hooks48.useGeoBlock)();
   return (0, import_react22.useMemo)(() => {
     const baseTabs = tabs != null ? tabs : getDefaultEventListTabs(labels);
     return baseTabs.flatMap((tab) => {
       if (!tab.venueLogo) return [tab];
-      const availabilityState = (0, import_hooks46.getVenueAvailabilityState)({
+      const availabilityState = (0, import_hooks48.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 && (0, import_sdk15.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 && ((0, import_sdk15.isVenueInactive)(tab.venueLogo) || DEFAULT_HIDDEN_VENUES.has(tab.venueLogo)),
         isLocationBlocked
       });
       if (availabilityState === "hidden") return [];
@@ -14355,7 +14781,7 @@ var EventListTabs = ({
       };
     });
   }, [activeTab, resolvedTabs]);
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
     Tabs,
     {
       ariaLabel,
@@ -14370,7 +14796,7 @@ var EventListTabs = ({
 EventListTabs.displayName = "EventListTabs";
 
 // src/events/list/index.tsx
-var import_jsx_runtime137 = require("react/jsx-runtime");
+var import_jsx_runtime139 = require("react/jsx-runtime");
 var SORT_ICON_BY_VALUE = {
   volume24hr: "sort-volume-24hr",
   topArbitrage: "sort-top-arbitrage",
@@ -14421,49 +14847,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 = (0, import_hooks47.useLabels)();
-  const { disabledVenues } = (0, import_hooks47.useAppConfig)();
+  var _a, _b, _c, _d, _e, _f;
+  const labels = (0, import_hooks49.useLabels)();
+  const { disabledVenues } = (0, import_hooks49.useAppConfig)();
   const {
     features: { enableVenueEventDiscoveryFilters, showSportsMarkets }
-  } = (0, import_hooks47.useSdkUiConfig)();
+  } = (0, import_hooks49.useSdkUiConfig)();
   const isDiscoveryFiltersEnabled = enableVenueEventDiscoveryFilters && !search;
   const resolvedTabs = useEventListTabs();
   const visibleVenues = (0, import_react23.useMemo)(
-    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks47.getVisibleVenueIdsByConfig)(import_sdk16.VENUES, disabledVenues),
+    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks49.getVisibleVenueIdsByConfig)(import_sdk16.VENUES, disabledVenues),
     [disabledVenues]
   );
-  const [activeTabValue, setActiveTabValue] = (0, import_react23.useState)(
+  const [internalActiveTabValue, setInternalActiveTabValue] = (0, import_react23.useState)(
     (_b = initialVenueTab != null ? initialVenueTab : (_a = resolvedTabs[0]) == null ? void 0 : _a.value) != null ? _b : "matched"
   );
-  const [selectedSort, setSelectedSort] = (0, import_react23.useState)("volume24hr");
+  const activeTabValue = controlledActiveVenueTab != null ? controlledActiveVenueTab : internalActiveTabValue;
+  const [internalSelectedSort, setInternalSelectedSort] = (0, import_react23.useState)(DEFAULT_EVENT_LIST_SORT);
+  const selectedSort = controlledSelectedSort != null ? controlledSelectedSort : internalSelectedSort;
   const [isSubcategoriesModalOpen, setIsSubcategoriesModalOpen] = (0, import_react23.useState)(false);
-  const [categoryPath, setCategoryPath] = (0, import_react23.useState)([]);
+  const [internalCategoryPath, setInternalCategoryPath] = (0, import_react23.useState)([]);
+  const categoryPath = controlledCategoryPath != null ? controlledCategoryPath : internalCategoryPath;
   const [collapsedCategoryIds, setCollapsedCategoryIds] = (0, import_react23.useState)(() => /* @__PURE__ */ new Set());
+  const handleActiveTabChange = (0, import_react23.useCallback)(
+    (value) => {
+      if (controlledActiveVenueTab == null) setInternalActiveTabValue(value);
+      onActiveVenueTabChange == null ? void 0 : onActiveVenueTabChange(value, { history: "push" });
+    },
+    [controlledActiveVenueTab, onActiveVenueTabChange]
+  );
+  const handleSelectedSortChange = (0, import_react23.useCallback)(
+    (value) => {
+      if (controlledSelectedSort == null) setInternalSelectedSort(value);
+      onSelectedSortChange == null ? void 0 : onSelectedSortChange(value, { history: "push" });
+    },
+    [controlledSelectedSort, onSelectedSortChange]
+  );
+  const handleCategoryPathChange = (0, import_react23.useCallback)(
+    (value, options) => {
+      if (controlledCategoryPath == null) setInternalCategoryPath(value);
+      onCategoryPathChange == null ? void 0 : onCategoryPathChange(value, options);
+    },
+    [controlledCategoryPath, onCategoryPathChange]
+  );
   const sortItems = (0, import_react23.useMemo)(() => {
     return [
       {
         value: "volume24hr",
         label: labels.eventList.sortBy24hVolume,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { name: SORT_ICON_BY_VALUE.volume24hr, size: "small", color: "currentColor" })
+        icon: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: SORT_ICON_BY_VALUE.volume24hr, size: "small", color: "currentColor" })
       },
       {
         value: "topArbitrage",
         label: labels.eventList.sortByTopArbitrage,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { name: SORT_ICON_BY_VALUE.topArbitrage, size: "small", color: "currentColor" })
+        icon: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: SORT_ICON_BY_VALUE.topArbitrage, size: "small", color: "currentColor" })
       },
       {
         value: "volume",
         label: labels.eventList.sortByTotalVolume,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { name: SORT_ICON_BY_VALUE.volume, size: "small", color: "currentColor" })
+        icon: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: SORT_ICON_BY_VALUE.volume, size: "small", color: "currentColor" })
       },
       {
         value: "endDate",
         label: labels.eventList.sortByEndingSoon,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { name: SORT_ICON_BY_VALUE.endDate, size: "small", color: "currentColor" })
+        icon: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: SORT_ICON_BY_VALUE.endDate, size: "small", color: "currentColor" })
       }
     ];
   }, [
@@ -14475,10 +14931,10 @@ var EventList = ({
   const baseCategoryId = (_c = categoryIds == null ? void 0 : categoryIds[0]) != null ? _c : null;
   (0, import_react23.useEffect)(() => {
     if (!isDiscoveryFiltersEnabled) return;
-    setCategoryPath([]);
+    if (controlledCategoryPath == null) setInternalCategoryPath([]);
     setCollapsedCategoryIds(/* @__PURE__ */ new Set());
-  }, [baseCategoryId, isDiscoveryFiltersEnabled]);
-  const { categories: topLevelCategories } = (0, import_hooks47.useCategories)({
+  }, [baseCategoryId, controlledCategoryPath, isDiscoveryFiltersEnabled]);
+  const { categories: topLevelCategories } = (0, import_hooks49.useCategories)({
     queryKeyScope: "event-list-top-categories",
     enabled: isDiscoveryFiltersEnabled,
     limit: 100
@@ -14489,12 +14945,13 @@ var EventList = ({
   const baseCategoryChildPrefetchIds = (0, import_react23.useMemo)(() => {
     return Array.from(
       /* @__PURE__ */ new Set([
+        ...baseCategoryId ? [baseCategoryId] : [],
         ...sortedTopLevelCategories.map((category) => category.id),
         ...categoryPath.map((category) => category.id)
       ])
     );
-  }, [categoryPath, sortedTopLevelCategories]);
-  const { childrenByParentId: baseChildrenByParentId } = (0, import_hooks47.useCategoryChildren)({
+  }, [baseCategoryId, categoryPath, sortedTopLevelCategories]);
+  const { childrenByParentId: baseChildrenByParentId, isLoading: isBaseCategoryChildrenLoading } = (0, import_hooks49.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: baseCategoryChildPrefetchIds,
@@ -14515,7 +14972,7 @@ var EventList = ({
     }
     return Array.from(ids);
   }, [baseCategoryId, baseChildrenByParentId, categoryPath]);
-  const { childrenByParentId: visibleChildrenByParentId } = (0, import_hooks47.useCategoryChildren)({
+  const { childrenByParentId: visibleChildrenByParentId } = (0, import_hooks49.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: visibleChildPrefetchIds,
@@ -14531,7 +14988,7 @@ var EventList = ({
     }
     return Array.from(ids);
   }, [categoryPath, visibleChildrenByParentId]);
-  const { childrenByParentId: visibleGrandchildrenByParentId } = (0, import_hooks47.useCategoryChildren)({
+  const { childrenByParentId: visibleGrandchildrenByParentId } = (0, import_hooks49.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: visibleGrandchildPrefetchIds,
@@ -14544,7 +15001,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] = (0, import_react23.useState)(
+    () => controlledCategoryPath == null || controlledCategoryPath.length === 0 ? controlledCategoryPathValidationKey : ""
+  );
+  (0, import_react23.useEffect)(() => {
+    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 = (0, import_react23.useMemo)(() => {
     var _a2, _b2;
     return (_b2 = (_a2 = sortedTopLevelCategories.find((c) => c.id === baseCategoryId)) == null ? void 0 : _a2.eventCount) != null ? _b2 : 0;
@@ -14587,14 +15073,14 @@ var EventList = ({
     isFetchingNextPage,
     isPlaceholderData,
     loadedPageCount
-  } = (0, import_hooks47.useVenueEvents)({
+  } = (0, import_hooks49.useVenueEvents)({
     queryKeyScope: "event-list",
     venues,
     search,
     categoryIds: resolvedCategoryIds,
     matchStatus,
     limit: requestLimit,
-    status: [import_hooks47.MarketStatus.open],
+    status: [import_hooks49.MarketStatus.open],
     sortBy: sortQueryParams.sortBy,
     sortDir: sortQueryParams.sortDir,
     endDateFrom,
@@ -14602,7 +15088,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
   });
   (0, import_react23.useEffect)(() => {
     if (stateRef) {
@@ -14629,7 +15116,7 @@ var EventList = ({
   const visibleMidpointVenueMarketIds = (0, import_react23.useMemo)(() => {
     return collectMidpointVenueMarketIds(visibleVenueMarkets);
   }, [visibleVenueMarkets]);
-  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks47.useVenueMarketMidpoints)({
+  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks49.useVenueMarketMidpoints)({
     venueMarketIds: visibleMidpointVenueMarketIds,
     enabled: visibleMidpointVenueMarketIds.length > 0
   });
@@ -14663,7 +15150,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);
@@ -14675,7 +15162,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) {
@@ -14688,7 +15175,7 @@ var EventList = ({
     onCategoryRootChange == null ? void 0 : onCategoryRootChange(baseCategoryId != null ? baseCategoryId : void 0);
   };
   if (shouldRenderLoadingState) {
-    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
       Skeleton,
       {
         view: "event-list",
@@ -14697,8 +15184,8 @@ var EventList = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("section", { className: "agg-event-list flex w-full flex-col gap-2 md:gap-5 t", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("section", { className: "agg-event-list flex w-full flex-col gap-2 md:gap-5 t", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
       "header",
       {
         className: cn(
@@ -14707,25 +15194,25 @@ var EventList = ({
           "gap-2 sm:flex-row sm:items-center sm:gap-4"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "agg-event-list-title min-w-32", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Typography, { as: "h2", variant: "title", className: "truncate first-letter:uppercase", children: title2 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "hidden min-w-0 max-w-full items-center gap-3 md:flex", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "agg-event-list-title min-w-32", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Typography, { as: "h2", variant: "title", className: "truncate first-letter:uppercase", children: title2 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "hidden min-w-0 max-w-full items-center gap-3 md:flex", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
               EventListTabs,
               {
                 ariaLabel: labels.eventList.tabsAria(title2),
                 className: "agg-event-list-tabs min-w-0 flex-1 max-w-[600px]!",
                 activeTab: activeTabValue,
-                onTabChange: setActiveTabValue,
+                onTabChange: handleActiveTabChange,
                 overflowBehavior: "scroll"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
               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!"
@@ -14735,45 +15222,45 @@ var EventList = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex w-full gap-2 md:hidden mb-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex w-full gap-2 md:hidden mb-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
         EventListTabs,
         {
           ariaLabel: labels.eventList.tabsAria(title2),
           className: "agg-event-list-tabs min-w-0 flex-1",
           activeTab: activeTabValue,
-          onTabChange: setActiveTabValue,
+          onTabChange: handleActiveTabChange,
           overflowBehavior: "select"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
         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__ */ (0, import_jsx_runtime137.jsx)(
+      shouldRenderSubcategoryFilters ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
         "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__ */ (0, import_jsx_runtime137.jsx)(Icon, { name: "apps", size: "small", color: "currentColor" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: "apps", size: "small", color: "currentColor" })
         }
       ) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
       "div",
       {
         className: cn("flex w-full gap-6", shouldRenderSubcategoryFilters ? "md:items-start" : ""),
         children: [
-          shouldRenderSubcategoryFilters ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("aside", { className: "hidden w-[200px] shrink-0 md:block self-start sticky top-4", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("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__ */ (0, import_jsx_runtime137.jsx)(
+          shouldRenderSubcategoryFilters ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("aside", { className: "hidden w-[200px] shrink-0 md:block self-start sticky top-4", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("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__ */ (0, import_jsx_runtime139.jsx)(
             CategorySidebar,
             {
               baseCategoryId,
@@ -14786,7 +15273,7 @@ var EventList = ({
               onToggleCategory: handleToggleSubcategory
             }
           ) }) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
             "div",
             {
               className: cn(
@@ -14797,7 +15284,7 @@ var EventList = ({
                 gridClassName
               ),
               children: [
-                tileEvents.map((event) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+                tileEvents.map((event) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                   EventListItem,
                   {
                     event,
@@ -14810,11 +15297,11 @@ var EventList = ({
                     onMarketClick,
                     getMarketHref,
                     href: getEventHref == null ? void 0 : getEventHref(event),
-                    marketStatus: import_hooks47.MarketStatus.open
+                    marketStatus: import_hooks49.MarketStatus.open
                   },
                   event.id
                 )),
-                shouldRenderPaginationLoadingItems ? Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+                shouldRenderPaginationLoadingItems ? Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                   EventListItem,
                   {
                     isLoading: true,
@@ -14824,20 +15311,20 @@ var EventList = ({
                   },
                   `loading-${index}`
                 )) : null,
-                shouldRenderEmptyState ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "col-span-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+                shouldRenderEmptyState ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "col-span-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                   StateMessage,
                   {
                     title: labels.eventList.emptyTitle,
                     description: labels.eventList.emptyDescription,
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { name: "search-empty" })
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: "search-empty" })
                   }
                 ) }) : null,
-                isError ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "col-span-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+                isError ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "col-span-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                   StateMessage,
                   {
                     title: labels.eventList.errorTitle,
                     description: labels.eventList.errorDescription,
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { name: "warning" })
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: "warning" })
                   }
                 ) }) : null
               ]
@@ -14846,7 +15333,7 @@ var EventList = ({
         ]
       }
     ),
-    shouldRenderSubcategoryFilters ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Modal, { open: isSubcategoriesModalOpen, onOpenChange: setIsSubcategoriesModalOpen, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+    shouldRenderSubcategoryFilters ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Modal, { open: isSubcategoriesModalOpen, onOpenChange: setIsSubcategoriesModalOpen, children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
       Modal.Container,
       {
         classNames: {
@@ -14855,20 +15342,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__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "pointer-events-auto w-full rounded-t-[12px] border border-agg-separator bg-agg-secondary", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "flex justify-center pb-1 pt-3", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "h-1 w-10 rounded-full bg-agg-muted-foreground/30" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex items-center justify-between px-4 pb-2 pt-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Dialog2.Title, { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.eventList.subcategoriesLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "pointer-events-auto w-full rounded-t-[12px] border border-agg-separator bg-agg-secondary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "flex justify-center pb-1 pt-3", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "h-1 w-10 rounded-full bg-agg-muted-foreground/30" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex items-center justify-between px-4 pb-2 pt-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Dialog2.Title, { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.eventList.subcategoriesLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
               Dialog2.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__ */ (0, import_jsx_runtime137.jsx)(CloseIcon, { className: "h-5 w-5" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(CloseIcon, { className: "h-5 w-5" })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "flex flex-col gap-1 px-4 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "flex flex-col gap-1 px-4 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
             CategorySidebar,
             {
               baseCategoryId,
@@ -14884,7 +15371,7 @@ var EventList = ({
         ] })
       }
     ) }) : null,
-    shouldPaginate && hasNextPage ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { ref: loadMoreRef, className: "agg-event-list-sentinel h-px w-full", "aria-hidden": true }) : null
+    shouldPaginate && hasNextPage ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { ref: loadMoreRef, className: "agg-event-list-sentinel h-px w-full", "aria-hidden": true }) : null
   ] });
 };
 EventList.displayName = "EventList";
@@ -14899,6 +15386,7 @@ EventList.displayName = "EventList";
   Orderbook,
   OrderbookWithStates,
   SettlementSummary,
+  SportsLiveScore,
   collectEligibleVenueOutcomeIds,
   collectEligibleVenueOutcomes,
   formatProbabilityCents,