@agg-build/ui 4.9.2 → 4.11.0

package/dist/events.js

@@ -83,7 +83,7 @@ __export(events_exports, {
 module.exports = __toCommonJS(events_exports);
 
 // src/events/item/index.tsx
-var import_hooks34 = require("@agg-build/hooks");
+var import_hooks35 = require("@agg-build/hooks");
 var import_react11 = require("react");
 
 // src/constants.ts
@@ -5221,7 +5221,7 @@ var Skeleton = ({
 Skeleton.displayName = "Skeleton";
 
 // src/primitives/venue-logo/index.tsx
-var import_hooks26 = require("@agg-build/hooks");
+var import_hooks27 = require("@agg-build/hooks");
 
 // src/primitives/venue-logo/venue-logo.constants.ts
 var import_sdk12 = require("@agg-build/sdk");
@@ -5607,11 +5607,11 @@ var LogoPolymarketIcon = (_a) => {
 };
 LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
 
-// src/primitives/venue-logo/svg/logo-predict.tsx
+// src/primitives/venue-logo/svg/logo-pred.tsx
 var import_hooks23 = require("@agg-build/hooks");
-var import_sdk9 = require("@agg-build/sdk");
 var import_jsx_runtime119 = require("react/jsx-runtime");
-var LogoPredictIcon = (_a) => {
+var PRED_LOGO_COLORS = { light: "#120C06", dark: "#F4FB37" };
+var LogoPredIcon = (_a) => {
   var _b = _a, {
     title: title2,
     className,
@@ -5623,26 +5623,80 @@ var LogoPredictIcon = (_a) => {
     "isColor",
     "color"
   ]);
-  var _a2;
   const {
     general: { theme }
   } = (0, import_hooks23.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
-    brandColor: (_a2 = resolveVenueLineColor(import_sdk9.Venue.predict, isDarkTheme)) != null ? _a2 : "#705bf6",
+    brandColor: PRED_LOGO_COLORS[isDarkTheme ? "dark" : "light"],
     isColor,
     color
   });
   return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 100 100",
+      viewBox: "0 0 48 48",
       className,
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
         title2 ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("title", { children: title2 }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+          "path",
+          {
+            d: "M13.2063 24.447L30.8869 21.6235L31.7298 19.898L4 10.4414L10.9436 16.4694L5.95218 41.9708L13.2063 24.447Z",
+            fill: primaryColor
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+          "path",
+          {
+            d: "M34.3927 24.0014L16.7121 26.8473L15.8691 28.5504L43.599 38.0294L36.6554 31.979L41.6468 6.5L34.3927 24.0014Z",
+            fill: primaryColor
+          }
+        )
+      ]
+    })
+  );
+};
+LogoPredIcon.displayName = "LogoPredIcon";
+
+// src/primitives/venue-logo/svg/logo-predict.tsx
+var import_hooks24 = require("@agg-build/hooks");
+var import_sdk9 = require("@agg-build/sdk");
+var import_jsx_runtime120 = require("react/jsx-runtime");
+var LogoPredictIcon = (_a) => {
+  var _b = _a, {
+    title: title2,
+    className,
+    isColor = true,
+    color
+  } = _b, props = __objRest(_b, [
+    "title",
+    "className",
+    "isColor",
+    "color"
+  ]);
+  var _a2;
+  const {
+    general: { theme }
+  } = (0, import_hooks24.useAggUiConfig)();
+  const isDarkTheme = theme === "dark";
+  const primaryColor = resolveLogoPrimaryColor({
+    brandColor: (_a2 = resolveVenueLineColor(import_sdk9.Venue.predict, isDarkTheme)) != null ? _a2 : "#705bf6",
+    isColor,
+    color
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 100 100",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title2)), props), {
+      children: [
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           "path",
           {
             fillRule: "evenodd",
@@ -5658,9 +5712,9 @@ var LogoPredictIcon = (_a) => {
 LogoPredictIcon.displayName = "LogoPredictIcon";
 
 // src/primitives/venue-logo/svg/logo-probable.tsx
-var import_hooks24 = require("@agg-build/hooks");
+var import_hooks25 = require("@agg-build/hooks");
 var import_sdk10 = require("@agg-build/sdk");
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 var LogoProbableIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -5676,14 +5730,14 @@ var LogoProbableIcon = (_a) => {
   var _a2;
   const {
     general: { theme }
-  } = (0, import_hooks24.useAggUiConfig)();
+  } = (0, import_hooks25.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
     brandColor: (_a2 = resolveVenueLineColor(import_sdk10.Venue.probable, isDarkTheme)) != null ? _a2 : "#EC4899",
     isColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -5691,16 +5745,16 @@ var LogoProbableIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
           "path",
           {
             d: "M75.625 59.3489C75.6247 53.7323 71.0719 49.1792 65.4551 49.179H33.9209C28.3039 49.179 23.7503 53.7321 23.75 59.3489C23.75 64.9659 28.3038 69.5198 33.9209 69.5198H65.4551C71.0719 69.5195 75.625 64.9658 75.625 59.3489ZM90.625 59.3489C90.625 73.2501 79.3562 84.5195 65.4551 84.5198H33.9209C20.0196 84.5198 8.75 73.2502 8.75 59.3489C8.75026 45.4477 20.0198 34.179 33.9209 34.179H65.4551C79.3559 34.1792 90.6247 45.4478 90.625 59.3489Z",
             fill: primaryColor
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
           "path",
           {
             d: "M64.5742 51.3496C68.9894 51.3496 72.5742 54.9344 72.5742 59.3496C72.5742 63.7648 68.9894 67.3496 64.5742 67.3496C60.159 67.3496 56.5742 63.7648 56.5742 59.3496C56.5742 54.9344 60.159 51.3496 64.5742 51.3496Z",
@@ -5714,10 +5768,10 @@ var LogoProbableIcon = (_a) => {
 LogoProbableIcon.displayName = "LogoProbableIcon";
 
 // src/primitives/venue-logo/svg/logo-prophetx.tsx
-var import_hooks25 = require("@agg-build/hooks");
+var import_hooks26 = require("@agg-build/hooks");
 var import_sdk11 = require("@agg-build/sdk");
 var import_react5 = require("react");
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 var LogoProphetXIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -5733,7 +5787,7 @@ var LogoProphetXIcon = (_a) => {
   var _a2;
   const {
     general: { theme }
-  } = (0, import_hooks25.useAggUiConfig)();
+  } = (0, import_hooks26.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const uid = (0, import_react5.useId)();
   const primaryColor = resolveLogoPrimaryColor({
@@ -5745,7 +5799,7 @@ var LogoProphetXIcon = (_a) => {
   const isMonochrome = !isColor || Boolean(color == null ? void 0 : color.trim());
   const gradientTransform = "matrix(2.750846, 0, 0, 2.750846, -1935.152964, 138.485876)";
   const fillFor = (n) => isMonochrome ? primaryColor : `url(#${uid}-${n})`;
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "81.867 138.419 424.492 272.214",
@@ -5753,9 +5807,9 @@ var LogoProphetXIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("title", { children: title2 }) : null,
-        isMonochrome ? null : /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("defs", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("title", { children: title2 }) : null,
+        isMonochrome ? null : /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("defs", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
             "linearGradient",
             {
               id: `${uid}-0`,
@@ -5766,14 +5820,14 @@ var LogoProphetXIcon = (_a) => {
               gradientUnits: "userSpaceOnUse",
               gradientTransform,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("stop", { stopColor: "#1DC29A" }),
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("stop", { offset: "0.1032", stopColor: "#19BE9D" }),
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("stop", { offset: "0.6255", stopColor: "#06ADAA" }),
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("stop", { stopColor: "#1DC29A" }),
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("stop", { offset: "0.1032", stopColor: "#19BE9D" }),
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("stop", { offset: "0.6255", stopColor: "#06ADAA" }),
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
             "linearGradient",
             {
               id: `${uid}-1`,
@@ -5784,12 +5838,12 @@ var LogoProphetXIcon = (_a) => {
               gradientUnits: "userSpaceOnUse",
               gradientTransform,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("stop", { stopColor: "#1DC29A" }),
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("stop", { stopColor: "#1DC29A" }),
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
             "linearGradient",
             {
               id: `${uid}-2`,
@@ -5800,29 +5854,29 @@ var LogoProphetXIcon = (_a) => {
               gradientUnits: "userSpaceOnUse",
               gradientTransform,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("stop", { stopColor: "#1DC29A" }),
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("stop", { offset: "0.3631", stopColor: "#18BD9E" }),
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("stop", { offset: "0.802", stopColor: "#09AFA8" }),
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("stop", { stopColor: "#1DC29A" }),
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("stop", { offset: "0.3631", stopColor: "#18BD9E" }),
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("stop", { offset: "0.802", stopColor: "#09AFA8" }),
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
           "path",
           {
             d: "M 282.449 326.493 L 332.847 402.716 L 426.472 402.716 L 344.879 279.66 L 282.449 326.493 Z",
             fill: fillFor(0)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
           "path",
           {
             d: "M 379.966 146.995 L 389.569 161.125 L 313.636 218.145 L 307.055 222.927 L 244.624 269.759 L 238 274.873 L 162.069 331.56 L 152.804 317.473 L 87.353 402.71 L 209.197 402.71 L 199.888 388.287 L 275.818 331.56 L 282.443 326.488 L 344.873 279.655 L 351.456 274.832 L 427.388 218.145 L 436.694 232.232 L 502.101 146.995 L 379.966 146.995 Z",
             fill: fillFor(1)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
           "path",
           {
             d: "M 162.993 146.995 L 244.624 269.759 L 307.055 222.927 L 256.323 146.995 L 162.993 146.995 Z",
@@ -5841,6 +5895,7 @@ var venueLogoRegistry = {
   [import_sdk12.Venue.limitless]: LogoLimitlessIcon,
   [import_sdk12.Venue.opinion]: LogoOpinionIcon,
   [import_sdk12.Venue.polymarket]: LogoPolymarketIcon,
+  [import_sdk12.Venue.pred]: LogoPredIcon,
   [import_sdk12.Venue.predict]: LogoPredictIcon,
   [import_sdk12.Venue.probable]: LogoProbableIcon,
   [import_sdk12.Venue.myriad]: LogoMyriadIcon,
@@ -5855,6 +5910,9 @@ var venueLogoUrlRegistry = {
   [import_sdk12.Venue.limitless]: `${VENUE_LOGO_BASE_URL}/limitless.png`,
   [import_sdk12.Venue.opinion]: `${VENUE_LOGO_BASE_URL}/opinion.png`,
   [import_sdk12.Venue.polymarket]: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
+  // PRED does not yet have a mirrored Snag asset. Its official production
+  // favicon is the same square brand mark used by the application itself.
+  [import_sdk12.Venue.pred]: "https://mainnet-assets.pred.app/assets/vite-oruAfoK1.svg",
   [import_sdk12.Venue.predict]: `${VENUE_LOGO_BASE_URL}/predict.png`,
   [import_sdk12.Venue.probable]: `${VENUE_LOGO_BASE_URL}/probable.png`,
   [import_sdk12.Venue.myriad]: `${VENUE_LOGO_BASE_URL}/myriad.png`,
@@ -5870,6 +5928,7 @@ var venueLogoLabels = {
   [import_sdk12.Venue.limitless]: "Limitless",
   [import_sdk12.Venue.opinion]: "Opinion",
   [import_sdk12.Venue.polymarket]: "Polymarket",
+  [import_sdk12.Venue.pred]: "PRED",
   [import_sdk12.Venue.predict]: "Predict",
   [import_sdk12.Venue.probable]: "Probable",
   [import_sdk12.Venue.myriad]: "Myriad",
@@ -5890,6 +5949,8 @@ var lineColorByVenue = {
     [import_sdk12.Venue.limitless]: "#C4FF00",
     [import_sdk12.Venue.opinion]: "#000000",
     [import_sdk12.Venue.polymarket]: "#2E5CFF",
+    // On light surfaces use the dark half of PRED's official yellow/dark mark.
+    [import_sdk12.Venue.pred]: PRED_LOGO_COLORS.light,
     [import_sdk12.Venue.predict]: "#6D57F8",
     [import_sdk12.Venue.probable]: "#F05923",
     [import_sdk12.Venue.myriad]: "#000000",
@@ -5909,6 +5970,7 @@ var lineColorByVenue = {
     [import_sdk12.Venue.limitless]: "#C4FF00",
     [import_sdk12.Venue.opinion]: "#FFFFFF",
     [import_sdk12.Venue.polymarket]: "#2E5CFF",
+    [import_sdk12.Venue.pred]: PRED_LOGO_COLORS.dark,
     [import_sdk12.Venue.predict]: "#6D57F8",
     [import_sdk12.Venue.probable]: "#F05923",
     [import_sdk12.Venue.myriad]: "#FFFFFF",
@@ -5953,7 +6015,7 @@ var resolveVenueLogoIsColor = ({
 };
 
 // src/primitives/venue-logo/index.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
   variant = "icon",
@@ -5966,7 +6028,7 @@ var VenueLogo = ({
   title: title2
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks26.useLabels)();
+  const labels = (0, import_hooks27.useLabels)();
   const sizeClass = sizeClasses2[size];
   const resolvedLabel = resolveVenueLogoLabel({
     ariaLabel,
@@ -5979,7 +6041,7 @@ var VenueLogo = ({
     console.warn(`[AggUI] Unknown venue "${venue}" \u2014 using default logo`);
   }
   if (variant === "logo") {
-    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
       RemoteImage,
       {
         src: (_a = venueLogoUrlRegistry[venue]) != null ? _a : DEFAULT_VENUE_LOGO_URL,
@@ -5994,7 +6056,7 @@ var VenueLogo = ({
     isColor,
     isMonochromatic
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     Component,
     {
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
@@ -6130,7 +6192,7 @@ var resolveEventHeading = ({
 };
 
 // src/events/item/event-list-item.utils.ts
-var import_hooks27 = require("@agg-build/hooks");
+var import_hooks28 = require("@agg-build/hooks");
 
 // src/events/shared/venue-market-cluster.ts
 var toNonEmptyString = (value) => {
@@ -6298,11 +6360,11 @@ var formatPriceGapPercent = (value, mode = "percent") => {
   if (value <= 0) return void 0;
   if (mode === "fraction") {
     const percentageValue = value * 100;
-    if (percentageValue < import_hooks27.MIN_PRICE_GAP_PCT) return void 0;
+    if (percentageValue < import_hooks28.MIN_PRICE_GAP_PCT) return void 0;
     return `${Math.round(percentageValue)}%`;
   }
-  if (value < import_hooks27.MIN_PRICE_GAP_PCT) return void 0;
-  if (value > import_hooks27.MAX_PRICE_GAP_PCT) return void 0;
+  if (value < import_hooks28.MIN_PRICE_GAP_PCT) return void 0;
+  if (value > import_hooks28.MAX_PRICE_GAP_PCT) return void 0;
   return `${Math.round(value)}%`;
 };
 var sortOutcomes = (outcomes) => {
@@ -6386,7 +6448,7 @@ var resolveDisplayVolume = (eventVolume, venueMarkets) => {
 };
 
 // src/primitives/loading-icon/index.tsx
-var import_hooks28 = require("@agg-build/hooks");
+var import_hooks29 = require("@agg-build/hooks");
 
 // src/primitives/loading-icon/loading-icon.constants.ts
 var LOADING_ICON_DEFAULT_SIZE = "medium";
@@ -6404,18 +6466,18 @@ var resolveLoadingIconAriaLabel = ({
 };
 
 // src/primitives/loading-icon/index.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 var LoadingIcon = ({
   size = LOADING_ICON_DEFAULT_SIZE,
   variant = "default",
   className,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks28.useLabels)();
+  const labels = (0, import_hooks29.useLabels)();
   const {
     features: { enableAnimations }
-  } = (0, import_hooks28.useSdkUiConfig)();
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  } = (0, import_hooks29.useSdkUiConfig)();
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     "span",
     {
       role: "status",
@@ -6428,7 +6490,7 @@ var LoadingIcon = ({
         "inline-grid place-items-center text-agg-primary will-change-transform",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
         "svg",
         {
           viewBox: LOADING_ICON_SVG_VIEW_BOX,
@@ -6436,8 +6498,8 @@ var LoadingIcon = ({
             "block",
             variant === "prominent" ? LOADING_ICON_PROMINENT_FRAME_CLASS : iconSizeClasses[size]
           ),
-          children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("g", { children: [
-            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+          children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("g", { children: [
+            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -6449,7 +6511,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
               "circle",
               {
                 cx: "22",
@@ -6463,8 +6525,8 @@ var LoadingIcon = ({
                 strokeDasharray: LOADING_ICON_PROMINENT_DASHARRAY
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("g", { children: [
-            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("g", { children: [
+            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -6476,7 +6538,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
               "circle",
               {
                 cx: "22",
@@ -6488,8 +6550,8 @@ var LoadingIcon = ({
                 strokeLinecap: "round",
                 strokeDasharray: "60 100",
                 strokeDashoffset: "0",
-                children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                     "animate",
                     {
                       attributeName: "stroke-dasharray",
@@ -6498,7 +6560,7 @@ var LoadingIcon = ({
                       repeatCount: "indefinite"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                     "animate",
                     {
                       attributeName: "stroke-dashoffset",
@@ -6519,7 +6581,7 @@ var LoadingIcon = ({
 LoadingIcon.displayName = "LoadingIcon";
 
 // src/primitives/modal/index.tsx
-var import_hooks29 = require("@agg-build/hooks");
+var import_hooks30 = require("@agg-build/hooks");
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
 
 // src/primitives/modal/modal.constants.ts
@@ -6543,7 +6605,7 @@ var resolveModalCloseIcon = ({
 };
 
 // src/primitives/modal/index.tsx
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 var Modal = ({
   open,
   onOpenChange,
@@ -6551,7 +6613,7 @@ var Modal = ({
   "aria-label": _ariaLabel,
   "aria-labelledby": _ariaLabelledBy
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Dialog.Root, { open, onOpenChange, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Dialog.Root, { open, onOpenChange, children });
 };
 var ModalContainer = ({
   children,
@@ -6563,11 +6625,11 @@ var ModalContainer = ({
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks29.useSdkUiConfig)();
+  } = (0, import_hooks30.useSdkUiConfig)();
   const overlayAnimationClassName = resolveModalOverlayAnimationClassName(enableAnimations);
   const panelAnimationClassName = resolveModalPanelAnimationClassName(enableAnimations);
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(Dialog.Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Dialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
       Dialog.Overlay,
       {
         className: cn(
@@ -6578,7 +6640,7 @@ var ModalContainer = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
       Dialog.Content,
       {
         className: cn(
@@ -6604,7 +6666,7 @@ var ModalContainer = ({
             event.preventDefault();
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
           "div",
           {
             className: cn(
@@ -6613,7 +6675,7 @@ var ModalContainer = ({
               "flex h-full min-h-0 w-full justify-center p-0 md:p-5",
               classNames == null ? void 0 : classNames.center
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
               "div",
               {
                 className: cn(
@@ -6653,14 +6715,14 @@ var ModalHeader = ({
 }) => {
   const {
     features: { enableAnimations }
-  } = (0, import_hooks29.useSdkUiConfig)();
-  const labels = (0, import_hooks29.useLabels)();
-  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(CloseIcon, { className: "h-6 w-6" });
+  } = (0, import_hooks30.useSdkUiConfig)();
+  const labels = (0, import_hooks30.useLabels)();
+  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(CloseIcon, { className: "h-6 w-6" });
   const resolvedCloseIcon = resolveModalCloseIcon({
     closeIcon,
     defaultCloseIcon
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
     "div",
     {
       className: cn(
@@ -6673,7 +6735,7 @@ var ModalHeader = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
           "div",
           {
             className: cn(
@@ -6686,8 +6748,8 @@ var ModalHeader = ({
               classNames == null ? void 0 : classNames.container
             ),
             children: [
-              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_jsx_runtime124.Fragment, { children: leftElement }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_jsx_runtime125.Fragment, { children: leftElement }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
                 "div",
                 {
                   className: cn(
@@ -6696,7 +6758,7 @@ var ModalHeader = ({
                     classNames == null ? void 0 : classNames.titleContainer
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                       Dialog.Title,
                       {
                         className: cn(
@@ -6710,7 +6772,7 @@ var ModalHeader = ({
                         children: title2
                       }
                     ),
-                    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                       "span",
                       {
                         className: cn(
@@ -6724,9 +6786,9 @@ var ModalHeader = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
-                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_jsx_runtime124.Fragment, { children: rightElement }) : null,
-                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
+                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_jsx_runtime125.Fragment, { children: rightElement }) : null,
+                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                   Dialog.Close,
                   {
                     className: cn(
@@ -6743,14 +6805,14 @@ var ModalHeader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "agg-modal-header-extra", children }) : null
+        children ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "agg-modal-header-extra", children }) : null
       ]
     }
   );
 };
 Modal.Header = ModalHeader;
 var ModalBody = ({ children, classNames }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     "div",
     {
       className: cn(
@@ -6771,7 +6833,7 @@ var ModalFooter = ({
   classNames,
   hideBorder = false
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     "div",
     {
       className: cn(
@@ -6792,7 +6854,7 @@ Modal.Footer = ModalFooter;
 Modal.displayName = "Modal";
 
 // src/primitives/select/index.tsx
-var import_hooks30 = require("@agg-build/hooks");
+var import_hooks31 = require("@agg-build/hooks");
 var import_react6 = require("react");
 var import_react_dom = require("react-dom");
 
@@ -6814,7 +6876,7 @@ var resolveIsSelectDisabled = ({
 };
 
 // src/primitives/select/index.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 var SELECT_DROPDOWN_Z = 1e4;
 function resolveSelectPortalContainer(triggerRoot) {
   var _a, _b;
@@ -6837,11 +6899,11 @@ var Select = ({
   contentSideOffset = 8
 }) => {
   var _a;
-  const labels = (0, import_hooks30.useLabels)();
+  const labels = (0, import_hooks31.useLabels)();
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks30.useSdkUiConfig)();
+  } = (0, import_hooks31.useSdkUiConfig)();
   const isDisabled = resolveIsSelectDisabled({ disabled, items });
   const selectedItem = resolveSelectedItem(items, value);
   const [isOpen, setIsOpen] = (0, import_react6.useState)(false);
@@ -6933,7 +6995,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_runtime125.jsx)(
+  const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
     "div",
     {
       ref: portalRef,
@@ -6961,7 +7023,7 @@ var Select = ({
         const isSelected = item.value === value;
         const isHidden = item.hidden === true;
         if (isHidden) return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
           "button",
           {
             type: "button",
@@ -6985,14 +7047,14 @@ var Select = ({
               handleClose();
             },
             children: [
-              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
                 "span",
                 {
                   className: "agg-select-item-indicator absolute bottom-2 left-0 top-2 w-1 bg-agg-primary",
                   "aria-hidden": true
                 }
               ) : null,
-              item.icon ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+              item.icon ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
                 "span",
                 {
                   className: cn(
@@ -7001,7 +7063,7 @@ var Select = ({
                   ),
                   children: item.icon
                 }
-              ) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+              ) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
                 RemoteImage,
                 {
                   src: item.iconUrl,
@@ -7009,7 +7071,7 @@ var Select = ({
                   className: "agg-select-item-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
+              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
             ]
           },
           item.value
@@ -7017,7 +7079,7 @@ var Select = ({
       })
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
     "div",
     {
       ref: containerRef,
@@ -7027,7 +7089,7 @@ var Select = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
           "button",
           {
             type: "button",
@@ -7051,7 +7113,7 @@ var Select = ({
             onPointerEnter: handlePointerEnter,
             onPointerLeave: handlePointerLeave,
             children: [
-              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime126.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_runtime126.jsx)(
                 RemoteImage,
                 {
                   src: selectedItem.iconUrl,
@@ -7059,18 +7121,18 @@ var Select = ({
                   className: "agg-select-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
+              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime126.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_runtime125.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
               Icon,
               {
                 name: isOpen ? "chevron-up" : "chevron-down-thin",
@@ -7089,7 +7151,7 @@ Select.displayName = "Select";
 
 // src/primitives/state-message/index.tsx
 var import_react7 = require("react");
-var import_hooks31 = require("@agg-build/hooks");
+var import_hooks32 = require("@agg-build/hooks");
 
 // src/primitives/typography/typography.constants.ts
 var display = cn("agg-type-display");
@@ -7154,7 +7216,7 @@ var getTypographyClassName = ({
 };
 
 // src/primitives/typography/index.tsx
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 var Typography = ({
   as: Component = "p",
   variant = "body",
@@ -7162,7 +7224,7 @@ var Typography = ({
   children,
   "aria-label": ariaLabel
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Component, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Component, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
 };
 Typography.displayName = "Typography";
 
@@ -7175,7 +7237,7 @@ var resolveStateMessageHasAction = ({ onAction }) => {
 };
 
 // src/primitives/state-message/index.tsx
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var StateMessage = (_a) => {
   var _b = _a, {
     icon,
@@ -7190,13 +7252,13 @@ var StateMessage = (_a) => {
     "onAction",
     "classNames"
   ]);
-  const labels = (0, import_hooks31.useLabels)();
+  const labels = (0, import_hooks32.useLabels)();
   const hasAction = resolveStateMessageHasAction({ onAction });
   const resolvedIcon = (0, import_react7.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_runtime127.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
     "div",
     __spreadProps(__spreadValues({}, rest), {
       className: cn(
@@ -7207,7 +7269,7 @@ var StateMessage = (_a) => {
       role: "status",
       "aria-live": "polite",
       "aria-label": title2,
-      children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
         "div",
         {
           className: cn(
@@ -7216,7 +7278,7 @@ var StateMessage = (_a) => {
           ),
           children: [
             resolvedIcon,
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
               "div",
               {
                 className: cn(
@@ -7224,8 +7286,8 @@ var StateMessage = (_a) => {
                   classNames == null ? void 0 : classNames.text
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
-                  description ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
+                  description ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
                     Typography,
                     {
                       variant: "label",
@@ -7236,7 +7298,7 @@ var StateMessage = (_a) => {
                 ]
               }
             ),
-            hasAction ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+            hasAction ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
               Button,
               {
                 variant: "tertiary",
@@ -7263,7 +7325,7 @@ var StateMessage = (_a) => {
 StateMessage.displayName = "StateMessage";
 
 // src/primitives/tabs/index.tsx
-var import_hooks32 = require("@agg-build/hooks");
+var import_hooks33 = require("@agg-build/hooks");
 var import_react9 = require("react");
 
 // src/shared/use-horizontal-scroll-state.ts
@@ -7338,7 +7400,7 @@ var findEdgeEnabledIndex = (items, direction) => {
 };
 
 // src/primitives/tabs/index.tsx
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 var getTabButtonClassName = ({
   enableAnimations,
   isBarVariant,
@@ -7381,10 +7443,10 @@ var Tabs = ({
   className,
   classNames
 }) => {
-  const labels = (0, import_hooks32.useLabels)();
+  const labels = (0, import_hooks33.useLabels)();
   const {
     features: { enableAnimations }
-  } = (0, import_hooks32.useSdkUiConfig)();
+  } = (0, import_hooks33.useSdkUiConfig)();
   const buttonRefs = (0, import_react9.useRef)([]);
   const dragStateRef = (0, import_react9.useRef)({
     isPointerDown: false,
@@ -7666,7 +7728,7 @@ var Tabs = ({
     value
   ]);
   if (shouldUseOverflowSelect) {
-    return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       Select,
       {
         ariaLabel,
@@ -7678,7 +7740,7 @@ var Tabs = ({
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
     "div",
     {
       className: cn(
@@ -7689,7 +7751,7 @@ var Tabs = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
           "div",
           {
             ref: tabListRef,
@@ -7703,7 +7765,7 @@ var Tabs = ({
             onPointerUp: handleEndTabListDrag,
             onWheel: handleTabListWheel,
             children: [
-              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                 "span",
                 {
                   "aria-hidden": true,
@@ -7714,7 +7776,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_runtime128.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
                   "button",
                   {
                     ref: (buttonElement) => {
@@ -7750,7 +7812,7 @@ var Tabs = ({
                     ),
                     children: [
                       item.icon ? item.icon : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
                         "span",
                         {
                           className: cn(
@@ -7768,7 +7830,7 @@ var Tabs = ({
                   item.value
                 );
               }),
-              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                 "span",
                 {
                   "aria-hidden": true,
@@ -7787,8 +7849,8 @@ var Tabs = ({
             ]
           }
         ),
-        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_jsx_runtime128.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -7800,7 +7862,7 @@ var Tabs = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -7813,8 +7875,8 @@ var Tabs = ({
             }
           )
         ] }) : null,
-        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_jsx_runtime128.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
             "button",
             {
               type: "button",
@@ -7836,10 +7898,10 @@ var Tabs = ({
                   behavior: getScrollBehavior(enableAnimations)
                 });
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
             "button",
             {
               type: "button",
@@ -7861,7 +7923,7 @@ var Tabs = ({
                   behavior: getScrollBehavior(enableAnimations)
                 });
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
             }
           )
         ] }) : null
@@ -7872,7 +7934,7 @@ var Tabs = ({
 Tabs.displayName = "Tabs";
 
 // src/primitives/tooltip/index.tsx
-var import_hooks33 = require("@agg-build/hooks");
+var import_hooks34 = require("@agg-build/hooks");
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var import_react10 = require("react");
 
@@ -7906,7 +7968,7 @@ var resolveTooltipArrowDimensions = (size) => {
 };
 
 // src/primitives/tooltip/index.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 var Tooltip = ({
   content,
   children,
@@ -7921,25 +7983,25 @@ var Tooltip = ({
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks33.useSdkUiConfig)();
+  } = (0, import_hooks34.useSdkUiConfig)();
   const trigger = (0, import_react10.useMemo)(() => {
     if (children) return children;
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
       "button",
       {
         type: "button",
         className: resolveTooltipTriggerClassName(classNames == null ? void 0 : classNames.trigger),
         "aria-label": ariaLabel != null ? ariaLabel : defaultTooltipTriggerAriaLabel,
-        children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime130.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_runtime129.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(TooltipPrimitive.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(TooltipPrimitive.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
       TooltipPrimitive.Content,
       {
         side,
@@ -7963,7 +8025,7 @@ var Tooltip = ({
           classNames == null ? void 0 : classNames.content
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
             "svg",
             {
               width: arrowWidth,
@@ -7972,8 +8034,8 @@ var Tooltip = ({
               "aria-hidden": "true",
               className: cn("overflow-visible", classNames == null ? void 0 : classNames.arrow),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                   "path",
                   {
                     d: arrowBorderPath,
@@ -8151,13 +8213,13 @@ var normalizeEventListItemV2Comparison = ({
 var baseCardClassName = "gap-3 overflow-hidden p-4 w-full";
 
 // src/events/item/index.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var EventListItemLoadingState = ({
   classNames,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks34.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+  const labels = (0, import_hooks35.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
     Skeleton,
     {
       view: "event-list-item",
@@ -8170,8 +8232,8 @@ var EventListItemUnavailableState = ({
   classNames,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks34.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+  const labels = (0, import_hooks35.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
     Card,
     {
       className: cn(
@@ -8181,8 +8243,8 @@ var EventListItemUnavailableState = ({
       ),
       role: "status",
       "aria-label": ariaLabel != null ? ariaLabel : labels.eventItem.unavailableAria,
-      children: /* @__PURE__ */ (0, import_jsx_runtime130.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_runtime130.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime131.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_runtime131.jsx)(
           Typography,
           {
             variant: "body-large-strong",
@@ -8190,7 +8252,7 @@ var EventListItemUnavailableState = ({
             children: labels.eventItem.unavailableTitle
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItem.unavailableDescription })
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItem.unavailableDescription })
       ] })
     }
   );
@@ -8199,13 +8261,13 @@ var EventListItemNotFoundState = ({
   classNames: _classNames,
   ariaLabel: _ariaLabel
 }) => {
-  const labels = (0, import_hooks34.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+  const labels = (0, import_hooks35.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
     StateMessage,
     {
       title: labels.eventItemDetails.notFoundTitle,
       description: labels.eventItemDetails.notFoundDescription,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(SearchEmptyIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(SearchEmptyIcon, {}),
       classNames: { root: "agg-event-card-state min-h-[280px] md:min-h-[320px]" }
     }
   );
@@ -8354,10 +8416,10 @@ var EventListItemContent = ({
   marketStatus
 }) => {
   var _a;
-  const config = (0, import_hooks34.useSdkUiConfig)();
-  const labels = (0, import_hooks34.useLabels)();
+  const config = (0, import_hooks35.useSdkUiConfig)();
+  const labels = (0, import_hooks35.useLabels)();
   const allVenueMarkets = (0, import_react11.useMemo)(() => event.venueMarkets, [event.venueMarkets]);
-  const recurringCryptoIdentity = (0, import_hooks34.resolveRecurringCryptoIdentity)(event);
+  const recurringCryptoIdentity = (0, import_hooks35.resolveRecurringCryptoIdentity)(event);
   const eventHeading = resolveEventHeading({
     title: event.title,
     categories: event.categories,
@@ -8373,7 +8435,7 @@ var EventListItemContent = ({
   const resolvedImage = event.image;
   const visibleVenueLogos = (0, import_react11.useMemo)(() => {
     var _a2;
-    return (0, import_hooks34.sortVenues)(Array.from(new Set(((_a2 = event.venues) != null ? _a2 : []).map((venue) => venue))));
+    return (0, import_hooks35.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;
@@ -8392,7 +8454,7 @@ var EventListItemContent = ({
     hasNextPage: hasNextLazyMarketsPage,
     isLoading: isLoadingLazyMarkets,
     isFetchingNextPage: isFetchingNextLazyMarketsPage
-  } = (0, import_hooks34.useVenueMarkets)({
+  } = (0, import_hooks35.useVenueMarkets)({
     venueEventId: event.id,
     enabled: shouldEnableLazyMarketLoading && isLazyMarketsQueryEnabled,
     // List/tile surface: axis/dates sort by volume so the scroll tail matches
@@ -8418,11 +8480,11 @@ var EventListItemContent = ({
     }
     return [...new Set(ids)];
   }, [resolvedOutcomeMarkets]);
-  const { midpointRows: fetchedMidpointRows, isLoading: isVenueMarketMidpointsLoading } = (0, import_hooks34.useVenueMarketMidpoints)({
+  const { midpointRows: fetchedMidpointRows, isLoading: isVenueMarketMidpointsLoading } = (0, import_hooks35.useVenueMarketMidpoints)({
     venueMarketIds: shouldUseSharedMidpoints ? [] : midpointVenueMarketIds,
     enabled: !shouldUseSharedMidpoints && midpointVenueMarketIds.length > 0
   });
-  const { prices: displayMidpointsByOutcomeId, isLoading: isOutcomeMidpointsLoading } = (0, import_hooks34.useMidpoints)(shouldUseSharedMidpoints ? [] : resolvedOutcomeMarkets);
+  const { prices: displayMidpointsByOutcomeId, isLoading: isOutcomeMidpointsLoading } = (0, import_hooks35.useMidpoints)(shouldUseSharedMidpoints ? [] : resolvedOutcomeMarkets);
   const resolvedMidpointRows = (0, import_react11.useMemo)(
     () => shouldUseSharedMidpoints ? sharedMidpointRows != null ? sharedMidpointRows : [] : fetchedMidpointRows,
     [fetchedMidpointRows, sharedMidpointRows, shouldUseSharedMidpoints]
@@ -8547,9 +8609,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_runtime130.jsxs)("div", { className: cn("flex items-center gap-1", "text-agg-success"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Typography, { variant: "label-strong", className: "text-agg-success", children: config.formatting.formatPercent(value) }),
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: cn("flex items-center gap-1", "text-agg-success"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Typography, { variant: "label-strong", className: "text-agg-success", children: config.formatting.formatPercent(value) }),
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
         Icon,
         {
           name: "triangle-up",
@@ -8563,8 +8625,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_runtime130.jsxs)(import_jsx_runtime130.Fragment, { children: [
-      Array.from({ length: collapsedCount }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
+      Array.from({ length: collapsedCount }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
         "span",
         {
           "aria-hidden": "true",
@@ -8576,7 +8638,7 @@ var EventListItemContent = ({
         },
         `agg-outcome-price-loading-collapsed-${index}`
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
         "span",
         {
           "aria-hidden": "true",
@@ -8593,7 +8655,7 @@ var EventListItemContent = ({
     if (isAwaitingMidpoints) return null;
     const formattedPriceGap = formatPriceGapPercent(value, source);
     if (!formattedPriceGap) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
       "span",
       {
         className: cn(
@@ -8606,14 +8668,14 @@ var EventListItemContent = ({
         title: labels.eventItem.priceGap,
         "aria-label": `${formattedPriceGap} ${labels.eventItem.priceGap}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime131.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_runtime130.jsx)("span", { children: formattedPriceGap })
+          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { children: formattedPriceGap })
         ]
       }
     );
@@ -8625,11 +8687,11 @@ var EventListItemContent = ({
     const hasVenueCompetition = row.prices.length > 1;
     const isHighlightedBestPrice = hasVenueCompetition && price.isBest;
     const shouldCollapsePriceText = hasVenueCompetition && !isHighlightedBestPrice;
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
       Badge,
       {
         text: formatMarketProbabilityPercent(price.price, config.formatting.formatPercent),
-        prefix: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+        prefix: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           VenueLogo,
           {
             venue: price.venue,
@@ -8672,7 +8734,7 @@ var EventListItemContent = ({
       `${price.market.id}:${price.outcome.id}`
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
     Card,
     {
       className: cn(
@@ -8689,11 +8751,11 @@ var EventListItemContent = ({
       "aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle, resolvedTimestamp].filter(Boolean).join(" "),
       withGradient: true,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: cn("agg-event-card-header flex items-center gap-4", classNames == null ? void 0 : classNames.header), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: cn("agg-event-card-header flex items-center gap-4", classNames == null ? void 0 : classNames.header), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
             RemoteImage,
             {
-              src: (0, import_hooks34.optimizedImageUrl)(resolvedImage, 40),
+              src: (0, import_hooks35.optimizedImageUrl)(resolvedImage, 40),
               alt: "",
               classNames: {
                 root: "agg-event-image h-10 w-10 shrink-0 rounded-agg-lg object-cover",
@@ -8701,8 +8763,8 @@ var EventListItemContent = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "min-w-0 flex-1 self-stretch", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex h-12 min-w-0 flex-col justify-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "min-w-0 flex-1 self-stretch", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex h-12 min-w-0 flex-col justify-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
               Typography,
               {
                 variant: "body-strong",
@@ -8715,7 +8777,7 @@ var EventListItemContent = ({
                 children: resolvedTitle
               }
             ),
-            resolvedTimestamp ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "agg-event-timestamp-row mt-0.5 h-5 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+            resolvedTimestamp ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "agg-event-timestamp-row mt-0.5 h-5 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
               Typography,
               {
                 variant: "body",
@@ -8728,8 +8790,8 @@ var EventListItemContent = ({
             ) }) : null
           ] }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "relative w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "relative w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
             "div",
             {
               ref: outcomesContainerRef,
@@ -8747,7 +8809,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_runtime130.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
                     "div",
                     {
                       className: cn(
@@ -8756,7 +8818,7 @@ var EventListItemContent = ({
                         classNames == null ? void 0 : classNames.outcomeRow
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime130.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_runtime130.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime131.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_runtime131.jsx)(
                           Typography,
                           {
                             variant: "body",
@@ -8764,10 +8826,10 @@ var EventListItemContent = ({
                             children: row.label
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "agg-outcome-meta flex shrink-0 flex-row items-center justify-end gap-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime131.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_runtime130.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_runtime131.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)
                           ) })
                         ] })
@@ -8776,15 +8838,15 @@ var EventListItemContent = ({
                     row.id
                   );
                 }),
-                shouldRenderLoadingOutcomeRow ? /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "agg-outcome-row-loading flex w-full items-center justify-between gap-3", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                shouldRenderLoadingOutcomeRow ? /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "agg-outcome-row-loading flex w-full items-center justify-between gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                     "div",
                     {
                       "aria-hidden": "true",
                       className: "bg-agg-separator animate-pulse h-5 rounded-agg-sm w-[200px]"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                     "div",
                     {
                       "aria-hidden": "true",
@@ -8795,7 +8857,7 @@ var EventListItemContent = ({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
             "div",
             {
               className: cn(
@@ -8805,7 +8867,7 @@ var EventListItemContent = ({
               style: { height: OUTCOMES_SCROLL_MASK_HEIGHT_PX }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
             "div",
             {
               className: cn(
@@ -8816,7 +8878,7 @@ var EventListItemContent = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
           "div",
           {
             className: cn(
@@ -8826,14 +8888,14 @@ var EventListItemContent = ({
               classNames == null ? void 0 : classNames.footer
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime131.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_runtime130.jsx)(
+                    outcomesScrollState.remainingMarkets > 0 ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                       Typography,
                       {
                         variant: "body",
@@ -8841,9 +8903,9 @@ var EventListItemContent = ({
                         children: labels.eventItem.remainingMarkets(outcomesScrollState.remainingMarkets)
                       }
                     ) : null,
-                    shouldShowMatchedVenueSummary ? /* @__PURE__ */ (0, import_jsx_runtime130.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_runtime130.jsxs)("span", { className: "agg-event-single-venue flex min-w-0 items-center gap-1 overflow-hidden", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                    shouldShowMatchedVenueSummary ? /* @__PURE__ */ (0, import_jsx_runtime131.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_runtime131.jsxs)("span", { className: "agg-event-single-venue flex min-w-0 items-center gap-1 overflow-hidden", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                         VenueLogo,
                         {
                           venue: singleFooterVenue,
@@ -8852,9 +8914,9 @@ var EventListItemContent = ({
                           className: "text-agg-muted-foreground! size-[14px]!"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "truncate text-agg-muted-foreground", children: resolveVenueLabel(singleFooterVenue, void 0, labels) })
+                      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "truncate text-agg-muted-foreground", children: resolveVenueLabel(singleFooterVenue, void 0, labels) })
                     ] }) : null,
-                    shouldShowMatchedVenueSummary && visibleFooterVenues.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "agg-event-venues flex items-center gap-1 overflow-hidden", children: visibleFooterVenues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                    shouldShowMatchedVenueSummary && visibleFooterVenues.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "agg-event-venues flex items-center gap-1 overflow-hidden", children: visibleFooterVenues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                       VenueLogo,
                       {
                         venue,
@@ -8867,7 +8929,7 @@ var EventListItemContent = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                 Typography,
                 {
                   variant: "label",
@@ -8893,7 +8955,7 @@ var EventListItemByEventId = (_a) => {
     error,
     isError,
     isLoading
-  } = (0, import_hooks34.useVenueEvent)({
+  } = (0, import_hooks35.useVenueEvent)({
     eventId: eventId != null ? eventId : "",
     enabled: !!eventId
   });
@@ -8901,44 +8963,44 @@ var EventListItemByEventId = (_a) => {
     return resolveEventListItemEvent(fetchedEvent);
   }, [fetchedEvent]);
   if (!eventId) {
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (isErrorWithStatus(error, 404)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(EventListItemNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(EventListItemNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (!fetchedEvent && !isError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (!resolvedEvent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(EventListItemContent, __spreadValues({ event: resolvedEvent }, rest));
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(EventListItemContent, __spreadValues({ event: resolvedEvent }, rest));
 };
 var EventListItem = (props) => {
   if (props.isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(EventListItemLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime131.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_runtime130.jsx)(EventListItemContent, __spreadValues({ event }, rest));
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(EventListItemContent, __spreadValues({ event }, rest));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(EventListItemByEventId, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(EventListItemByEventId, __spreadValues({}, props));
 };
 EventListItem.displayName = "EventListItem";
 var EventListItemV2 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(EventListItem, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(EventListItem, __spreadValues({}, props));
 };
 EventListItemV2.displayName = "EventListItemV2";
 
 // src/events/item-details/index.tsx
-var import_hooks44 = require("@agg-build/hooks");
+var import_hooks45 = require("@agg-build/hooks");
 var import_react18 = require("react");
 
 // src/primitives/chart/chart-type-switch.tsx
-var import_hooks35 = require("@agg-build/hooks");
+var import_hooks36 = require("@agg-build/hooks");
 var import_react12 = require("react");
 
 // src/primitives/chart/chart-type-switch.constants.ts
@@ -8964,13 +9026,13 @@ var resolveChartTypeOptionIconName = (chartType) => {
 };
 
 // src/primitives/chart/chart-type-switch.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 var ChartTypeSwitch = ({
   value,
   onValueChange,
   className
 }) => {
-  const labels = (0, import_hooks35.useLabels)();
+  const labels = (0, import_hooks36.useLabels)();
   const options = (0, import_react12.useMemo)(
     () => CHART_TYPE_SWITCH_OPTION_KEYS.map((chartType) => ({
       value: chartType,
@@ -9000,7 +9062,7 @@ var ChartTypeSwitch = ({
     }
     onValueChange(nextOption.value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
     "div",
     {
       className: cn("agg-chart-type-switch inline-flex items-center gap-2", className),
@@ -9008,7 +9070,7 @@ var ChartTypeSwitch = ({
       "aria-label": labels.common.chartTypeSwitchAria,
       children: options.map((option, index) => {
         const isActive = option.value === value;
-        return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           "button",
           {
             type: "button",
@@ -9035,7 +9097,7 @@ var ChartTypeSwitch = ({
             onKeyDown: (event) => {
               handleKeyDown(event, index);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Icon, { name: option.iconName, color: "currentColor", className: "h-5 w-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon, { name: option.iconName, color: "currentColor", className: "h-5 w-5" })
           },
           option.value
         );
@@ -9046,7 +9108,7 @@ var ChartTypeSwitch = ({
 ChartTypeSwitch.displayName = "ChartTypeSwitch";
 
 // src/trading/trading-context/index.tsx
-var import_hooks36 = require("@agg-build/hooks");
+var import_hooks37 = require("@agg-build/hooks");
 
 // src/events/market-details/market-details.utils.ts
 var import_sdk14 = require("@agg-build/sdk");
@@ -9801,7 +9863,7 @@ var buildMarketDetailsModel = ({
 };
 
 // src/events/market-details/orderbook-aggregation.ts
-var import_hooks37 = require("@agg-build/hooks");
+var import_hooks38 = 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"]);
@@ -9922,7 +9984,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_hooks37.Venue.polymarket;
+    const resolvedFallbackVenue = fallbackVenue != null ? fallbackVenue : import_hooks38.Venue.polymarket;
     const venues = resolveVenues(venueBreakdown, resolvedFallbackVenue);
     const venue = resolvePrimaryVenue(venueBreakdown, resolvedFallbackVenue);
     return {
@@ -10220,7 +10282,7 @@ var shouldAutoFallbackToAllRange = ({
 };
 
 // src/events/shared/chart-venue-selection.ts
-var import_hooks38 = require("@agg-build/hooks");
+var import_hooks39 = require("@agg-build/hooks");
 var resolveChartVenueOutcomes = ({
   eligibleVenueOutcomes,
   livePrices
@@ -10232,7 +10294,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_hooks38.sortVenues)([left.venue, right.venue]);
+    const sortedVenues = (0, import_hooks39.sortVenues)([left.venue, right.venue]);
     return sortedVenues[0] === left.venue ? -1 : 1;
   });
   const venueOutcomesByVenue = /* @__PURE__ */ new Map();
@@ -10327,9 +10389,9 @@ var getDisplayOutcomePrice = ({
 };
 
 // src/events/shared/sports-live-score.tsx
-var import_hooks39 = require("@agg-build/hooks");
+var import_hooks40 = require("@agg-build/hooks");
 var import_react13 = require("react");
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 var SPORTS_SCORE_LAYOUTS = {
   tennis: "sets"
 };
@@ -10343,7 +10405,7 @@ var SportsLiveScore = ({
   variant = "detail",
   className
 }) => {
-  const labels = (0, import_hooks39.useLabels)();
+  const labels = (0, import_hooks40.useLabels)();
   if (!state || state.participants.length !== 2) return null;
   const [firstParticipant, secondParticipant] = state.participants;
   const firstScore = firstParticipant == null ? void 0 : firstParticipant.score;
@@ -10375,7 +10437,7 @@ var SportsLiveScore = ({
   const tennisSetScores = getSportsScoreLayout(state.sport) === "sets" ? [splitTennisSetScores(firstScore), splitTennisSetScores(secondScore)] : null;
   const renderParticipant = (participant, orientation = "stacked") => {
     var _a;
-    return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
       "div",
       {
         className: cn(
@@ -10385,7 +10447,7 @@ var SportsLiveScore = ({
         ),
         title: participant.name,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
             RemoteImage,
             {
               src: participant.imageUrl,
@@ -10402,7 +10464,7 @@ var SportsLiveScore = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
             Typography,
             {
               variant: "body",
@@ -10418,16 +10480,16 @@ var SportsLiveScore = ({
       }
     );
   };
-  const renderStatus = () => /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex min-w-0 items-center gap-2 text-agg-primary", children: [
-    isLiveIndicatorVisible ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+  const renderStatus = () => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex min-w-0 items-center gap-2 text-agg-primary", children: [
+    isLiveIndicatorVisible ? /* @__PURE__ */ (0, import_jsx_runtime133.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_runtime132.jsx)("span", { className: "size-1.5 rounded-agg-full bg-agg-primary" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "size-1.5 rounded-agg-full bg-agg-primary" })
       }
     ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       Typography,
       {
         variant: "label-strong",
@@ -10440,7 +10502,7 @@ var SportsLiveScore = ({
     )
   ] });
   if (tennisSetScores && tennisSetScores[0].length > 0 && tennisSetScores[0].length === tennisSetScores[1].length) {
-    const renderTennisParticipant = (participant, setScores, opponentSetScores) => /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "contents", "data-testid": `tennis-score-row-${participant.position}`, children: [
+    const renderTennisParticipant = (participant, setScores, opponentSetScores) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "contents", "data-testid": `tennis-score-row-${participant.position}`, children: [
       renderParticipant(participant, "inline"),
       setScores.map((setScore, setIndex) => {
         var _a;
@@ -10448,8 +10510,8 @@ var SportsLiveScore = ({
         const opponentSetScoreValue = Number.parseInt((_a = opponentSetScores[setIndex]) != null ? _a : "", 10);
         const isCompletedSet = state.status === "finished" || setIndex < setScores.length - 1;
         const isLosingCompletedSet = isCompletedSet && Number.isInteger(setScoreValue) && Number.isInteger(opponentSetScoreValue) && setScoreValue < opponentSetScoreValue;
-        return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_react13.Fragment, { children: [
-          setIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_react13.Fragment, { children: [
+          setIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
             "span",
             {
               "aria-hidden": "true",
@@ -10460,7 +10522,7 @@ var SportsLiveScore = ({
               children: "-"
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
             Typography,
             {
               variant: "body-strong",
@@ -10471,7 +10533,7 @@ var SportsLiveScore = ({
         ] }, `${participant.position}-${setIndex}`);
       })
     ] });
-    return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
       "div",
       {
         role: "status",
@@ -10482,7 +10544,7 @@ var SportsLiveScore = ({
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
             "div",
             {
               className: cn(
@@ -10503,7 +10565,7 @@ var SportsLiveScore = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
     "div",
     {
       role: "status",
@@ -10515,17 +10577,17 @@ var SportsLiveScore = ({
       ),
       children: [
         renderParticipant(firstParticipant),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: cn("flex flex-col items-center", isCard ? "gap-1" : "gap-3"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: cn("flex items-center", isCard ? "gap-2" : "gap-3"), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Typography, { variant: "body-strong", className: scoreClassName, children: firstScore }),
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: cn("flex flex-col items-center", isCard ? "gap-1" : "gap-3"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: cn("flex items-center", isCard ? "gap-2" : "gap-3"), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Typography, { variant: "body-strong", className: scoreClassName, children: firstScore }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.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_runtime132.jsx)(Typography, { variant: "body-strong", className: scoreClassName, children: secondScore })
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Typography, { variant: "body-strong", className: scoreClassName, children: secondScore })
           ] }),
           renderStatus()
         ] }),
@@ -10537,9 +10599,9 @@ var SportsLiveScore = ({
 SportsLiveScore.displayName = "SportsLiveScore";
 
 // src/events/item-details/event-list-item-details-market-selector.tsx
-var import_hooks40 = require("@agg-build/hooks");
+var import_hooks41 = require("@agg-build/hooks");
 var import_react14 = require("react");
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 var MARKET_PILL_MAX_ROWS = 2;
 var MARKET_PILL_FALLBACK_CONTAINER_WIDTH = 640;
 var MARKET_PILL_FALLBACK_GAP = 8;
@@ -10636,10 +10698,10 @@ var EventListItemDetailsMarketSelector = ({
   onChange
 }) => {
   var _a;
-  const labels = (0, import_hooks40.useLabels)();
+  const labels = (0, import_hooks41.useLabels)();
   const {
     features: { enableAnimations }
-  } = (0, import_hooks40.useSdkUiConfig)();
+  } = (0, import_hooks41.useSdkUiConfig)();
   const containerRef = (0, import_react14.useRef)(null);
   const measurementContainerRef = (0, import_react14.useRef)(null);
   const moreButtonRef = (0, import_react14.useRef)(null);
@@ -10855,7 +10917,7 @@ var EventListItemDetailsMarketSelector = ({
     setIsDropdownOpen(false);
   };
   if (isMobileViewport && !alwaysShowMore) {
-    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       AutocompleteSelect,
       {
         options: browseOptions,
@@ -10869,12 +10931,12 @@ var EventListItemDetailsMarketSelector = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { ref: containerRef, className: cn("agg-market-select relative w-full", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-market-pill-list flex flex-wrap gap-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { ref: containerRef, className: cn("agg-market-select relative w-full", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-market-pill-list flex flex-wrap gap-2", children: [
       displayedOptions.map((option) => {
         const isSelected = option.value === selectedValue;
         const isLive = option.value === liveValue;
-        return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
           "button",
           {
             type: "button",
@@ -10892,7 +10954,7 @@ var EventListItemDetailsMarketSelector = ({
               handleSelectMarket(option.value);
             },
             children: [
-              isLive ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+              isLive ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                 "span",
                 {
                   "aria-hidden": "true",
@@ -10902,8 +10964,8 @@ var EventListItemDetailsMarketSelector = ({
                   )
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "truncate", children: option.label }),
-              isLive ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "sr-only", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "truncate", children: option.label }),
+              isLive ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("span", { className: "sr-only", children: [
                 " ",
                 labels.eventItemDetails.liveMarket
               ] }) : null
@@ -10912,7 +10974,7 @@ var EventListItemDetailsMarketSelector = ({
           option.value
         );
       }),
-      hasMoreButton ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+      hasMoreButton ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
         "button",
         {
           ref: moreButtonRef,
@@ -10933,8 +10995,8 @@ var EventListItemDetailsMarketSelector = ({
             setIsDropdownOpen((previousValue) => !previousValue);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "truncate", children: moreButtonLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "truncate", children: moreButtonLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
               Icon,
               {
                 name: isDropdownOpen ? "chevron-up" : "chevron-down",
@@ -10948,7 +11010,7 @@ var EventListItemDetailsMarketSelector = ({
         }
       ) : null
     ] }),
-    isDropdownOpen ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+    isDropdownOpen ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
       "div",
       {
         id: "agg-event-details-market-dropdown",
@@ -10965,9 +11027,9 @@ var EventListItemDetailsMarketSelector = ({
           eventToHandle.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "border-b border-agg-separator", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("label", { className: "sr-only", htmlFor: "agg-event-details-market-search", children: labels.eventItemDetails.marketSelectSearchPlaceholder }),
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "border-b border-agg-separator", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("label", { className: "sr-only", htmlFor: "agg-event-details-market-search", children: labels.eventItemDetails.marketSelectSearchPlaceholder }),
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
               "input",
               {
                 ref: dropdownInputRef,
@@ -10989,7 +11051,7 @@ var EventListItemDetailsMarketSelector = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
             "div",
             {
               role: "listbox",
@@ -10998,7 +11060,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_runtime133.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
                   "button",
                   {
                     type: "button",
@@ -11017,25 +11079,25 @@ var EventListItemDetailsMarketSelector = ({
                       handleSelectMarket(option.value);
                     },
                     children: [
-                      isSelected ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                      isSelected ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                         "span",
                         {
                           "aria-hidden": "true",
                           className: "absolute bottom-2 left-0 top-2 w-1 bg-agg-primary"
                         }
                       ) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "truncate", children: option.label })
+                      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "truncate", children: option.label })
                     ]
                   },
                   option.value
                 );
-              }) : /* @__PURE__ */ (0, import_jsx_runtime133.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_runtime134.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_runtime133.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
       "div",
       {
         ref: measurementContainerRef,
@@ -11044,7 +11106,7 @@ var EventListItemDetailsMarketSelector = ({
         children: [
           options.map((option) => {
             const isSelected = option.value === selectedValue;
-            return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
               "button",
               {
                 ref: (element) => {
@@ -11056,12 +11118,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_runtime133.jsx)("span", { className: "truncate", children: option.label })
+                children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "truncate", children: option.label })
               },
               option.value
             );
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
             "button",
             {
               ref: moreButtonMeasureRef,
@@ -11069,8 +11131,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_runtime133.jsx)("span", { children: moreButtonLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { children: moreButtonLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                   Icon,
                   {
                     name: "chevron-down",
@@ -11090,17 +11152,17 @@ var EventListItemDetailsMarketSelector = ({
 };
 
 // src/events/item-details/settlement-summary.tsx
-var import_hooks43 = require("@agg-build/hooks");
+var import_hooks44 = require("@agg-build/hooks");
 var import_react17 = require("react");
 
 // src/trading/settlement/index.tsx
-var import_hooks42 = require("@agg-build/hooks");
+var import_hooks43 = require("@agg-build/hooks");
 var import_react16 = require("react");
 
 // src/trading/utils.ts
-var import_hooks41 = require("@agg-build/hooks");
+var import_hooks42 = require("@agg-build/hooks");
 var import_dayjs5 = __toESM(require("dayjs"));
-var defaultLabels = (0, import_hooks41.resolveAggUiLabels)("en-US");
+var defaultLabels = (0, import_hooks42.resolveAggUiLabels)("en-US");
 var defaultSettlementSectionLabel = defaultLabels.trading.settlementSection;
 var defaultTradingDisclaimer = defaultLabels.trading.disclaimer;
 
@@ -11152,7 +11214,7 @@ var dedupeSettlementSources = (sources) => {
 };
 
 // src/trading/settlement/settlement-text-renderer.tsx
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_jsx_runtime135 = require("react/jsx-runtime");
 var inlineTokenRegex = new RegExp(
   [
     /\[([^\]\n]+)\]\(([^)\s]+)\)/.source,
@@ -11191,12 +11253,12 @@ var renderInlineSegment = (text, baseKey) => {
     }
     if (match.index > lastIndex) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_react15.Fragment, { children: text.slice(lastIndex, match.index) }, `${baseKey}-text-${segmentIndex++}`)
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_react15.Fragment, { children: text.slice(lastIndex, match.index) }, `${baseKey}-text-${segmentIndex++}`)
       );
     }
     if (isLinkMatch(match)) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
           "a",
           {
             href: match[2],
@@ -11210,7 +11272,7 @@ var renderInlineSegment = (text, baseKey) => {
       );
     } else if (match[3] !== void 0) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
           "strong",
           {
             className: "agg-settlement-text-bold font-agg-bold",
@@ -11221,7 +11283,7 @@ var renderInlineSegment = (text, baseKey) => {
       );
     } else if (match[4] !== void 0) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
           "code",
           {
             className: "agg-settlement-text-code rounded-agg-sm bg-agg-secondary-hover px-1 py-0.5 font-mono text-[0.875em]",
@@ -11232,7 +11294,7 @@ var renderInlineSegment = (text, baseKey) => {
       );
     } else if (bareUrl !== void 0) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
           "a",
           {
             href: bareUrl,
@@ -11249,18 +11311,18 @@ var renderInlineSegment = (text, baseKey) => {
   }
   if (lastIndex < text.length) {
     nodes.push(
-      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_react15.Fragment, { children: text.slice(lastIndex) }, `${baseKey}-text-${segmentIndex++}`)
+      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_react15.Fragment, { children: text.slice(lastIndex) }, `${baseKey}-text-${segmentIndex++}`)
     );
   }
   return nodes;
 };
 var renderBlock = (block, blockIndex) => {
   if (block.kind === "list") {
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime134.jsx)(
+        children: block.items.map((item, itemIndex) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
           "li",
           {
             className: "agg-settlement-text-list-item",
@@ -11272,12 +11334,12 @@ var renderBlock = (block, blockIndex) => {
       `block-${blockIndex}`
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime134.jsxs)(import_react15.Fragment, { children: [
-        lineIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("br", {}) : null,
+      children: block.lines.map((line, lineIndex) => /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_react15.Fragment, { children: [
+        lineIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("br", {}) : null,
         renderInlineSegment(line, `block-${blockIndex}-line-${lineIndex}`)
       ] }, `block-${blockIndex}-line-${lineIndex}`))
     },
@@ -11290,12 +11352,12 @@ var SettlementTextRenderer = ({
 }) => {
   const blocks = parseSettlementBlocks(content);
   if (blocks.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime134.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_runtime135.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_runtime135 = require("react/jsx-runtime");
+var import_jsx_runtime136 = require("react/jsx-runtime");
 var SETTLEMENT_SECTION_ID = "agg-settlement-section";
 var getSettlementDifferenceId = (sectionId, canonicalKey) => {
   return `${sectionId}-difference-${canonicalKey}`;
@@ -11462,13 +11524,13 @@ var SettlementVenueRules = ({
   rules,
   labels
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-settlement-venue-rules flex w-full flex-col items-start gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementFullRulesTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex w-full flex-col items-start gap-4", children: rules.map((rule) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "agg-settlement-venue-rules flex w-full flex-col items-start gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementFullRulesTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime136.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_runtime135.jsxs)("details", { className: "group/agg-settlement-rule w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime135.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("details", { className: "group/agg-settlement-rule w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime136.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_runtime136.jsx)(
             VenueLogo,
             {
               venue: rule.venue,
@@ -11477,8 +11539,8 @@ var SettlementVenueRules = ({
               ariaLabel: venueLabel
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors", children: venueLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors", children: venueLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
             "i",
             {
               className: cn(
@@ -11491,7 +11553,7 @@ var SettlementVenueRules = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "mt-3 pl-6", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(SettlementTextRenderer, { content: rule.content }) })
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "mt-3 pl-6", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(SettlementTextRenderer, { content: rule.content }) })
       ] }, rule.venue);
     }) })
   ] });
@@ -11510,7 +11572,7 @@ var Settlement = ({
   isLoading = false
 }) => {
   var _a, _b, _c, _d, _e;
-  const labels = (0, import_hooks42.useLabels)();
+  const labels = (0, import_hooks43.useLabels)();
   const blocks = (0, import_react16.useMemo)(
     () => dedupeSettlementSources({
       eventDescription,
@@ -11555,7 +11617,7 @@ var Settlement = ({
     );
   };
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
       Skeleton,
       {
         ariaLabel: labels.trading.settlementLoading,
@@ -11566,7 +11628,7 @@ var Settlement = ({
   }
   if (!hasSettlementContent) return null;
   const resolvedSectionLabel = sectionLabel === defaultSettlementSectionLabel ? labels.trading.settlementSection : sectionLabel;
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
     Card,
     {
       id,
@@ -11576,51 +11638,51 @@ var Settlement = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime135.jsx)("p", { className: "shrink-0 text-agg-xs font-agg-bold leading-agg-4 uppercase", children: resolvedSectionLabel }),
-          question ? /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime136.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_runtime136.jsx)("p", { className: "shrink-0 text-agg-xs font-agg-bold leading-agg-4 uppercase", children: resolvedSectionLabel }),
+          question ? /* @__PURE__ */ (0, import_jsx_runtime136.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_runtime135.jsxs)("div", { className: "agg-settlement-sections flex w-full flex-col items-start gap-5", children: [
-          hasStandaloneSettlementText ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "w-full", children: [
-            standaloneEventBlock || standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "agg-settlement-sections flex w-full flex-col items-start gap-5", children: [
+          hasStandaloneSettlementText ? /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "w-full", children: [
+            standaloneEventBlock || standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
               "div",
               {
                 className: "agg-settlement-section agg-settlement-section-description",
                 "data-source": "description",
                 children: [
-                  standaloneEventBlock ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { "data-source": "eventDescription", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(SettlementTextRenderer, { content: standaloneEventBlock.content }) }) : null,
-                  standaloneEventBlock && standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("hr", { className: "agg-settlement-divider my-4 border-0 border-t border-agg-separator" }) : null,
-                  standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { "data-source": "marketDescription", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(SettlementTextRenderer, { content: standaloneMarketBlock.content }) }) : null
+                  standaloneEventBlock ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { "data-source": "eventDescription", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(SettlementTextRenderer, { content: standaloneEventBlock.content }) }) : null,
+                  standaloneEventBlock && standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("hr", { className: "agg-settlement-divider my-4 border-0 border-t border-agg-separator" }) : null,
+                  standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { "data-source": "marketDescription", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(SettlementTextRenderer, { content: standaloneMarketBlock.content }) }) : null
                 ]
               }
             ) : null,
-            standalonePrimaryRulesBlock ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
+            standalonePrimaryRulesBlock ? /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
               "div",
               {
                 className: "agg-settlement-section agg-settlement-section-primaryRules",
                 "data-source": "primaryRules",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime135.jsx)(SettlementTextRenderer, { content: standalonePrimaryRulesBlock.content })
+                  /* @__PURE__ */ (0, import_jsx_runtime136.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_runtime136.jsx)(SettlementTextRenderer, { content: standalonePrimaryRulesBlock.content })
                 ]
               }
             ) : null
           ] }) : null,
-          hasSettlementDifferences ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-settlement-differences flex w-full flex-col items-start gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementDifferencesTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime136.jsxs)("div", { className: "agg-settlement-differences flex w-full flex-col items-start gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementDifferencesTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime136.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_runtime135.jsx)("div", { className: "flex w-full flex-col items-start gap-5", children: settlementDifferences.map((difference) => {
+            /* @__PURE__ */ (0, import_jsx_runtime136.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_runtime135.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime136.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_runtime135.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
                       "button",
                       {
                         type: "button",
@@ -11628,7 +11690,7 @@ var Settlement = ({
                         "aria-expanded": isExpanded,
                         onClick: () => handleToggleDifference(difference.canonicalKey),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                             "i",
                             {
                               className: cn(
@@ -11639,8 +11701,8 @@ var Settlement = ({
                               "aria-hidden": "true"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime135.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime136.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_runtime136.jsx)(
                             "i",
                             {
                               className: cn(
@@ -11655,12 +11717,12 @@ var Settlement = ({
                         ]
                       }
                     ),
-                    isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("dl", { className: "flex w-full flex-col items-start gap-1 px-6", children: venueKeys.map((venue) => {
+                    isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime136.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_runtime135.jsxs)("div", { className: "flex w-full items-start gap-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex w-full items-start gap-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                           VenueLogo,
                           {
                             venue,
@@ -11669,8 +11731,8 @@ var Settlement = ({
                             ariaLabel: venueLabel
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime135.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_runtime136.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_runtime136.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
                   ]
@@ -11679,9 +11741,9 @@ var Settlement = ({
               );
             }) })
           ] }) : null,
-          hasVenueSettlementRules ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, { children: [
-            hasSettlementDifferences || hasStandaloneSettlementText ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "h-px w-full bg-agg-separator" }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(SettlementVenueRules, { rules: venueRuleBlocks, labels })
+          hasVenueSettlementRules ? /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_jsx_runtime136.Fragment, { children: [
+            hasSettlementDifferences || hasStandaloneSettlementText ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "h-px w-full bg-agg-separator" }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(SettlementVenueRules, { rules: venueRuleBlocks, labels })
           ] }) : null
         ] })
       ]
@@ -11691,13 +11753,13 @@ var Settlement = ({
 Settlement.displayName = "Settlement";
 
 // src/events/item-details/settlement-summary.tsx
-var import_jsx_runtime136 = require("react/jsx-runtime");
+var import_jsx_runtime137 = require("react/jsx-runtime");
 var SettlementSummary = ({
   settlementDiff,
   settlementSectionId = SETTLEMENT_SECTION_ID,
   className
 }) => {
-  const labels = (0, import_hooks43.useLabels)();
+  const labels = (0, import_hooks44.useLabels)();
   const settlementDifferences = (0, import_react17.useMemo)(
     () => prepareSettlementDifferences(settlementDiff == null ? void 0 : settlementDiff.differences),
     [settlementDiff == null ? void 0 : settlementDiff.differences]
@@ -11711,7 +11773,7 @@ var SettlementSummary = ({
     if (!target) return;
     target.scrollIntoView({ behavior: "smooth", block: "start" });
   };
-  const actionButton = /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+  const actionButton = /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
     "button",
     {
       type: "button",
@@ -11724,8 +11786,8 @@ var SettlementSummary = ({
       "aria-controls": settlementSectionId,
       onClick: handleReadFullDetails,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { children: labels.settlementSummary.readFullDetails }),
-        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { children: labels.settlementSummary.readFullDetails }),
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
           "i",
           {
             className: "fi fi-rr-arrow-small-down size-3.5!",
@@ -11738,7 +11800,7 @@ var SettlementSummary = ({
   );
   const visibleDifferences = settlementDifferences.slice(0, 2);
   const hiddenDifferenceCount = settlementDifferences.length - visibleDifferences.length;
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
     "div",
     {
       className: cn(
@@ -11746,18 +11808,18 @@ var SettlementSummary = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex min-w-[240px] flex-1 flex-wrap items-center gap-x-5 gap-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "agg-settlement-summary-heading flex shrink-0 items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("p", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: labels.settlementSummary.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime136.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_runtime137.jsxs)("div", { className: "flex min-w-[240px] flex-1 flex-wrap items-center gap-x-5 gap-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "agg-settlement-summary-heading flex shrink-0 items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("p", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: labels.settlementSummary.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime137.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_runtime136.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_runtime136.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime137.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_runtime137.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_runtime136.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
                     "i",
                     {
                       className: cn(
@@ -11768,12 +11830,12 @@ var SettlementSummary = ({
                       "aria-hidden": "true"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "min-w-0 truncate", children: difference.title })
+                  /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "min-w-0 truncate", children: difference.title })
                 ]
               },
               difference.canonicalKey
             )),
-            hiddenDifferenceCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime136.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_runtime137.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
@@ -11787,7 +11849,7 @@ var SettlementSummary = ({
 SettlementSummary.displayName = "SettlementSummary";
 
 // src/events/item-details/index.tsx
-var import_jsx_runtime137 = require("react/jsx-runtime");
+var import_jsx_runtime138 = require("react/jsx-runtime");
 var resolveEventDetailsSyncKey = (event) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const parts = [
@@ -11832,8 +11894,8 @@ var EventListItemDetailsLoadingState = ({
   classNames,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks44.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+  const labels = (0, import_hooks45.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
     Skeleton,
     {
       view: "event-list-item-details",
@@ -11846,16 +11908,16 @@ var EventListItemDetailsUnavailableState = ({
   classNames,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks44.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+  const labels = (0, import_hooks45.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime138.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_runtime137.jsxs)("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItemDetails.unavailableTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItemDetails.unavailableDescription })
+      children: /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItemDetails.unavailableTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItemDetails.unavailableDescription })
       ] })
     }
   );
@@ -11864,13 +11926,13 @@ var EventListItemDetailsNotFoundState = ({
   classNames: _classNames,
   ariaLabel: _ariaLabel
 }) => {
-  const labels = (0, import_hooks44.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+  const labels = (0, import_hooks45.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
     StateMessage,
     {
       title: labels.eventItemDetails.notFoundTitle,
       description: labels.eventItemDetails.notFoundDescription,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(SearchEmptyIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(SearchEmptyIcon, {}),
       classNames: { root: "min-h-[280px] md:min-h-[320px]" }
     }
   );
@@ -11895,8 +11957,8 @@ var EventListItemDetailsGraphSection = ({
   onRangeOverrideChange
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-  const labels = (0, import_hooks44.useLabels)();
-  const tradingContext = (0, import_hooks36.useEventTradingContext)();
+  const labels = (0, import_hooks45.useLabels)();
+  const tradingContext = (0, import_hooks37.useEventTradingContext)();
   const [selectedGraphVenue, setSelectedGraphVenue] = (0, import_react18.useState)(null);
   const [chartOutcomeLabel, setChartOutcomeLabel] = (0, import_react18.useState)(
     (_c = (_b = (_a = tradingContext == null ? void 0 : tradingContext.selectedOutcome) == null ? void 0 : _a.label) == null ? void 0 : _b.trim()) != null ? _c : null
@@ -11913,10 +11975,10 @@ var EventListItemDetailsGraphSection = ({
     chart: { selectedChartTimeRange },
     formatting: { formatPercent, formatPrice },
     general: { theme }
-  } = (0, import_hooks44.useSdkUiConfig)();
+  } = (0, import_hooks45.useSdkUiConfig)();
   const isDarkTheme = theme === "dark";
   const effectiveChartTimeRange = rangeOverride != null ? rangeOverride : selectedChartTimeRange;
-  const rollingWindow = (0, import_hooks44.useRollingChartWindow)({ range: effectiveChartTimeRange });
+  const rollingWindow = (0, import_hooks45.useRollingChartWindow)({ range: effectiveChartTimeRange });
   const availableMarkets = (0, import_react18.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
     if (venueMarkets.length === 0) return [];
@@ -11947,7 +12009,7 @@ var EventListItemDetailsGraphSection = ({
     isLoading: isScopedMarketChartLoading,
     error: scopedMarketChartError,
     refetch: refetchScopedMarketChart
-  } = (0, import_hooks44.useMarketChart)({
+  } = (0, import_hooks45.useMarketChart)({
     marketId: chartPrimaryOutcomeId,
     venueMarketIds: availableVenueOutcomes.map((item) => item.outcome.id),
     interval: rollingWindow.interval,
@@ -12004,7 +12066,7 @@ var EventListItemDetailsGraphSection = ({
   const resolvedOutcomePriceByMarketId = (0, import_react18.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     for (const market of availableMarkets) {
-      const marketTradingState = (0, import_hooks44.resolveMarketTradingState)(market);
+      const marketTradingState = (0, import_hooks45.resolveMarketTradingState)(market);
       if (marketTradingState.kind !== "resolved") continue;
       const outcomePriceMap = resolveResolvedOutcomePriceMap(market.venueMarketOutcomes);
       if (outcomePriceMap) {
@@ -12064,18 +12126,18 @@ var EventListItemDetailsGraphSection = ({
     void refetchScopedMarketChart();
   };
   if (scopedMarketChartError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: cn("agg-chart-region w-full", classNames == null ? void 0 : classNames.chart), children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: cn("agg-chart-region w-full", classNames == null ? void 0 : classNames.chart), children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
       StateMessage,
       {
         title: labels.eventItemDetails.chartUnavailableTitle,
         description: labels.eventItemDetails.chartUnavailableDescription,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(WarningIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(WarningIcon, {}),
         onAction: handleRetryMarketChart,
         classNames: { root: "min-h-[300px] px-5 py-10 md:px-10" }
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
     LineChart,
     {
       classNames: { root: cn("agg-chart-region", classNames == null ? void 0 : classNames.chart) },
@@ -12088,7 +12150,7 @@ var EventListItemDetailsGraphSection = ({
       showSeriesControls: selectedMarketOutcomes.length > 0,
       renderSeriesControls: ({ handleSeriesChange }) => {
         var _a2, _b2, _c2, _d2;
-        return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
           "div",
           {
             className: cn(
@@ -12099,7 +12161,7 @@ var EventListItemDetailsGraphSection = ({
               classNames == null ? void 0 : classNames.summary
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
                 "div",
                 {
                   className: cn(
@@ -12113,7 +12175,7 @@ var EventListItemDetailsGraphSection = ({
                     const text = formatMarketProbabilityPercent(percentage, formatPercent);
                     const seriesId = `${item.venue}-chart`;
                     const isActiveVenue = activeGraphVenue === item.venue;
-                    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
                       "button",
                       {
                         type: "button",
@@ -12132,12 +12194,12 @@ var EventListItemDetailsGraphSection = ({
                           setSelectedGraphVenue(nextSelectedGraphVenue);
                           handleSeriesChange(seriesId);
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
                           Badge,
                           {
                             text,
                             size: "large",
-                            prefix: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+                            prefix: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
                               VenueLogo,
                               {
                                 venue: item.market.venue,
@@ -12159,7 +12221,7 @@ var EventListItemDetailsGraphSection = ({
                   })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
                 SwitchButton,
                 {
                   ariaLabel: labels.eventItemDetails.outcomeSelectorAria,
@@ -12203,6 +12265,7 @@ var EventListItemDetailsContent = ({
   event,
   defaultMarketId,
   defaultOutcomeId,
+  defaultTradeSide,
   classNames,
   venueInfo,
   detailsStats,
@@ -12219,12 +12282,12 @@ var EventListItemDetailsContent = ({
   const lastAppliedEventSyncKeyRef = (0, import_react18.useRef)(null);
   const lastAppliedDefaultRef = (0, import_react18.useRef)(null);
   const [chartRangeOverride, setChartRangeOverride] = (0, import_react18.useState)(null);
-  const config = (0, import_hooks44.useSdkUiConfig)();
-  const labels = (0, import_hooks44.useLabels)();
-  const tradingContext = (0, import_hooks36.useEventTradingContext)();
+  const config = (0, import_hooks45.useSdkUiConfig)();
+  const labels = (0, import_hooks45.useLabels)();
+  const tradingContext = (0, import_hooks37.useEventTradingContext)();
   const eventSyncKey = (0, import_react18.useMemo)(() => resolveEventDetailsSyncKey(event), [event]);
   const resolvedEventTradingState = (0, import_react18.useMemo)(() => {
-    return eventTradingState != null ? eventTradingState : (0, import_hooks44.resolveEventTradingState)(event);
+    return eventTradingState != null ? eventTradingState : (0, import_hooks45.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_react18.useMemo)(
@@ -12235,12 +12298,12 @@ var EventListItemDetailsContent = ({
     return normalizeVenueMarketCluster(venueMarkets);
   }, [venueMarkets]);
   const scopedSelectedMarketId = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? tradingContext.selectedMarketId : null;
-  (0, import_hooks44.useEventOrderbookData)(
+  (0, import_hooks45.useEventOrderbookData)(
     resolvedEventTradingState.isTradingDisabled ? [] : resolvedEventTradingState.displayMarkets,
     scopedSelectedMarketId
   );
-  const wsLivePrices = (0, import_hooks44.useLiveOutcomePrices)(eventDetailVenueMarkets);
-  const wsBestPrices = (0, import_hooks44.useLiveBestPrices)(eventDetailVenueMarkets);
+  const wsLivePrices = (0, import_hooks45.useLiveOutcomePrices)(eventDetailVenueMarkets);
+  const wsBestPrices = (0, import_hooks45.useLiveBestPrices)(eventDetailVenueMarkets);
   const resolvedMidpointsResult = midpointsResult != null ? midpointsResult : {
     prices: /* @__PURE__ */ new Map(),
     bestMidpointsByOutcomeId: /* @__PURE__ */ new Map(),
@@ -12255,7 +12318,7 @@ var EventListItemDetailsContent = ({
   const bestMidpoint = resolvedMidpointsResult.bestMidpoint;
   const restBestPrices = resolvedMidpointsResult.bestPrices;
   const bestPrices = (0, import_react18.useMemo)(
-    () => (0, import_hooks44.mergeBestPricesPreferringLive)(restBestPrices, wsBestPrices),
+    () => (0, import_hooks45.mergeBestPricesPreferringLive)(restBestPrices, wsBestPrices),
     [restBestPrices, wsBestPrices]
   );
   const livePrices = (0, import_react18.useMemo)(() => {
@@ -12289,7 +12352,7 @@ var EventListItemDetailsContent = ({
     if (!tradingContext) return;
     if (!defaultMarketId) return;
     if (tradingContext.selectedEventId !== event.id) return;
-    const applyKey = `${event.id}::${defaultMarketId}::${defaultOutcomeId != null ? defaultOutcomeId : ""}`;
+    const applyKey = `${event.id}::${defaultMarketId}::${defaultOutcomeId != null ? defaultOutcomeId : ""}::${defaultTradeSide != null ? defaultTradeSide : ""}`;
     if (lastAppliedDefaultRef.current === applyKey) return;
     const nextMarket = event.venueMarkets.find((market) => market.id === defaultMarketId);
     if (!nextMarket) return;
@@ -12299,14 +12362,17 @@ var EventListItemDetailsContent = ({
       );
       if (!nextOutcome) return;
       tradingContext.selectMarketAndOutcome(defaultMarketId, defaultOutcomeId);
-      lastAppliedDefaultRef.current = applyKey;
-      return;
+    } else {
+      tradingContext.selectMarket(defaultMarketId, nextMarket);
+    }
+    if (defaultTradeSide === "sell" || defaultTradeSide === "buy") {
+      tradingContext.setTradeSide(defaultTradeSide);
     }
-    tradingContext.selectMarket(defaultMarketId, nextMarket);
     lastAppliedDefaultRef.current = applyKey;
   }, [
     defaultMarketId,
     defaultOutcomeId,
+    defaultTradeSide,
     event.id,
     event.venueMarkets,
     tradingContext,
@@ -12348,7 +12414,7 @@ var EventListItemDetailsContent = ({
     event.venueMarkets,
     recurringMarkets
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
     Card,
     {
       className: cn("group/agg-event-details", detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
@@ -12357,7 +12423,7 @@ var EventListItemDetailsContent = ({
         onClick == null ? void 0 : onClick(event);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
           "div",
           {
             className: cn(
@@ -12368,16 +12434,16 @@ var EventListItemDetailsContent = ({
               classNames == null ? void 0 : classNames.header
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
                 RemoteImage,
                 {
-                  src: (0, import_hooks44.optimizedImageUrl)(event.image, 60),
+                  src: (0, import_hooks45.optimizedImageUrl)(event.image, 60),
                   alt: "",
                   className: "agg-event-image size-10 rounded-agg-lg object-cover md:size-[60px]"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: cn("flex min-w-0 flex-1 flex-col", recurringMarkets ? "gap-3" : "gap-2"), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: cn("flex min-w-0 flex-1 flex-col", recurringMarkets ? "gap-3" : "gap-2"), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
                   "div",
                   {
                     className: cn(
@@ -12385,7 +12451,7 @@ var EventListItemDetailsContent = ({
                       recurringMarkets ? "flex flex-col gap-1 md:flex-row md:items-baseline md:justify-between" : null
                     ),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
                         Typography,
                         {
                           variant: "body-strong",
@@ -12398,14 +12464,14 @@ var EventListItemDetailsContent = ({
                           children: resolvedTitle.title
                         }
                       ),
-                      (recurringMarkets == null ? void 0 : recurringMarkets.windowLabel) ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+                      (recurringMarkets == null ? void 0 : recurringMarkets.windowLabel) ? /* @__PURE__ */ (0, import_jsx_runtime138.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_runtime137.jsx)(
+                      ) : resolvedTitle.timestampLabel ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
                         Typography,
                         {
                           variant: "body",
@@ -12416,8 +12482,8 @@ var EventListItemDetailsContent = ({
                     ]
                   }
                 ),
-                recurringMarkets ? /* @__PURE__ */ (0, import_jsx_runtime137.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_runtime137.jsx)(
+                recurringMarkets ? /* @__PURE__ */ (0, import_jsx_runtime138.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_runtime138.jsx)(
                     EventListItemDetailsMarketSelector,
                     {
                       className: cn("min-w-0 flex-1", classNames == null ? void 0 : classNames.headerPills),
@@ -12429,7 +12495,7 @@ var EventListItemDetailsContent = ({
                       onChange: recurringMarkets.onSelect
                     }
                   ),
-                  recurringMarkets.isResolving ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+                  recurringMarkets.isResolving ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
                     Button,
                     {
                       variant: "secondary",
@@ -12444,7 +12510,7 @@ var EventListItemDetailsContent = ({
                       },
                       children: labels.eventMarketPage.goToLive
                     }
-                  ) : recurringMarkets.countdownLabel ? /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
+                  ) : recurringMarkets.countdownLabel ? /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
                     "div",
                     {
                       role: "timer",
@@ -12452,7 +12518,7 @@ var EventListItemDetailsContent = ({
                       "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_runtime137.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
                           Icon,
                           {
                             name: "hourglass-start",
@@ -12461,11 +12527,11 @@ var EventListItemDetailsContent = ({
                             "aria-hidden": "true"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Typography, { variant: "body-strong", className: "text-agg-base leading-agg-6", children: recurringMarkets.countdownLabel })
+                        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Typography, { variant: "body-strong", className: "text-agg-base leading-agg-6", children: recurringMarkets.countdownLabel })
                       ]
                     }
                   ) : null
-                ] }) : venueMarkets.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+                ] }) : venueMarkets.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
                   EventListItemDetailsMarketSelector,
                   {
                     className: classNames == null ? void 0 : classNames.headerPills,
@@ -12480,8 +12546,8 @@ var EventListItemDetailsContent = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(SportsLiveScore, { state: sportsLiveState, className: classNames == null ? void 0 : classNames.sportsLive }),
-        detailsStats && detailsStats.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(SportsLiveScore, { state: sportsLiveState, className: classNames == null ? void 0 : classNames.sportsLive }),
+        detailsStats && detailsStats.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
           "div",
           {
             className: cn(
@@ -12490,14 +12556,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_runtime137.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
                 "div",
                 {
                   className: "agg-event-stat flex flex-col gap-1",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Typography, { variant: "caption-caps", className: "text-agg-muted-foreground", children: statItem.label }),
-                    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex items-baseline gap-1", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Typography, { variant: "caption-caps", className: "text-agg-muted-foreground", children: statItem.label }),
+                    /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex items-baseline gap-1", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
                         Typography,
                         {
                           variant: "body",
@@ -12505,7 +12571,7 @@ var EventListItemDetailsContent = ({
                           children: statItem.value
                         }
                       ),
-                      statItem.delta ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Typography, { variant: "label", className: cn(deltaClassName), children: statItem.delta }) : null
+                      statItem.delta ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Typography, { variant: "label", className: cn(deltaClassName), children: statItem.delta }) : null
                     ] })
                   ]
                 },
@@ -12514,8 +12580,8 @@ var EventListItemDetailsContent = ({
             })
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: cn("agg-event-details-chart", "flex flex-col gap-2"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: cn("agg-event-details-chart", "flex flex-col gap-2"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
             EventListItemDetailsGraphSection,
             {
               classNames,
@@ -12532,7 +12598,7 @@ var EventListItemDetailsContent = ({
               onRangeOverrideChange: setChartRangeOverride
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
             "div",
             {
               className: cn(
@@ -12540,8 +12606,8 @@ var EventListItemDetailsContent = ({
                 classNames == null ? void 0 : classNames.footer
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Typography, { variant: "label", className: "agg-chart-volume text-agg-muted-foreground", children: volumeLabel || "-" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Typography, { variant: "label", className: "agg-chart-volume text-agg-muted-foreground", children: volumeLabel || "-" }),
+                /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
                   "div",
                   {
                     className: cn(
@@ -12549,7 +12615,7 @@ var EventListItemDetailsContent = ({
                       classNames == null ? void 0 : classNames.timeRange
                     ),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
                         ChartTypeSwitch,
                         {
                           className: "agg-chart-type-switch",
@@ -12557,11 +12623,11 @@ var EventListItemDetailsContent = ({
                           onValueChange: setSelectedChartType
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime137.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_runtime138.jsx)("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
+                      import_hooks45.CHART_TIME_RANGES.map((timeRange) => {
                         const effectiveRange = chartRangeOverride != null ? chartRangeOverride : config.chart.selectedChartTimeRange;
                         const isActive = timeRange === effectiveRange;
-                        return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
                           Button,
                           {
                             size: "small",
@@ -12592,7 +12658,7 @@ var EventListItemDetailsContent = ({
             }
           )
         ] }),
-        event.description || event.settlementDiff ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(SettlementSummary, { content: event.description, settlementDiff: event.settlementDiff }) : null
+        event.description || event.settlementDiff ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(SettlementSummary, { content: event.description, settlementDiff: event.settlementDiff }) : null
       ]
     }
   );
@@ -12609,12 +12675,12 @@ var EventListItemDetailsByEventId = (_a) => {
     error,
     isError,
     isLoading
-  } = (0, import_hooks44.useVenueEvent)({
+  } = (0, import_hooks45.useVenueEvent)({
     eventId: resolvedEventId,
     enabled: !!resolvedEventId
   });
   if (!resolvedEventId) {
-    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
       EventListItemDetailsUnavailableState,
       {
         classNames: rest.classNames,
@@ -12623,16 +12689,16 @@ var EventListItemDetailsByEventId = (_a) => {
     );
   }
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (isErrorWithStatus(error, 404)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(EventListItemDetailsNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(EventListItemDetailsNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (!fetchedEvent && !isError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (!fetchedEvent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
       EventListItemDetailsUnavailableState,
       {
         classNames: rest.classNames,
@@ -12640,21 +12706,22 @@ var EventListItemDetailsByEventId = (_a) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(EventListItemDetailsContent, __spreadValues({ event: fetchedEvent }, rest));
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(EventListItemDetailsContent, __spreadValues({ event: fetchedEvent }, rest));
 };
 var EventListItemDetails = (props) => {
   if (props.isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(EventListItemDetailsLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime138.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_runtime137.jsx)(EventListItemDetailsContent, __spreadValues({ event }, rest));
+    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(EventListItemDetailsContent, __spreadValues({ event }, rest));
   }
   if ("eventId" in props && typeof props.eventId === "string") {
     const {
       classNames,
       defaultMarketId,
       defaultOutcomeId,
+      defaultTradeSide,
       venueInfo,
       detailsStats,
       ariaLabel: ariaLabelOverride,
@@ -12666,14 +12733,15 @@ var EventListItemDetails = (props) => {
       classNames,
       defaultMarketId,
       defaultOutcomeId,
+      defaultTradeSide,
       venueInfo,
       detailsStats,
       ariaLabel: ariaLabelOverride,
       onClick
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(EventListItemDetailsByEventId, __spreadValues({}, byEventIdProps));
+    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(EventListItemDetailsByEventId, __spreadValues({}, byEventIdProps));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
     EventListItemDetailsUnavailableState,
     {
       classNames: props.classNames,
@@ -12684,11 +12752,11 @@ var EventListItemDetails = (props) => {
 EventListItemDetails.displayName = "EventListItemDetails";
 
 // src/events/market-details/index.tsx
-var import_hooks48 = require("@agg-build/hooks");
+var import_hooks49 = require("@agg-build/hooks");
 var import_react22 = require("react");
 
 // src/events/orderbook/index.tsx
-var import_hooks45 = require("@agg-build/hooks");
+var import_hooks46 = require("@agg-build/hooks");
 var import_react20 = require("react");
 
 // src/events/orderbook/orderbook.constants.ts
@@ -12852,7 +12920,7 @@ var useCenterOrderbookSpread = ({
 };
 
 // src/events/orderbook/orderbook-with-states.tsx
-var import_jsx_runtime138 = require("react/jsx-runtime");
+var import_jsx_runtime139 = require("react/jsx-runtime");
 var stateMessageMinHeight = "min-h-[248px] px-5 py-10 md:min-h-[272px]";
 var OrderbookWithStates = (_a) => {
   var _b = _a, {
@@ -12864,65 +12932,65 @@ var OrderbookWithStates = (_a) => {
   ]);
   var _a2;
   if (state.kind === "loading") {
-    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(MarketDetailsOderbookSkeleton, {}) });
+    return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(MarketDetailsOderbookSkeleton, {}) });
   }
   if (state.kind === "disabled") {
-    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
       StateMessage,
       {
         title: state.title,
         description: state.description,
-        icon: (_a2 = state.icon) != null ? _a2 : /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(WarningIcon, {}),
+        icon: (_a2 = state.icon) != null ? _a2 : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(WarningIcon, {}),
         classNames: { root: stateMessageMinHeight }
       }
     ) });
   }
   if (state.kind === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
       StateMessage,
       {
         title: state.title,
         description: state.description,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(WarningIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(WarningIcon, {}),
         onAction: state.onRetry,
         classNames: { root: stateMessageMinHeight }
       }
     ) });
   }
   if (state.kind === "resolved") {
-    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
       StateMessage,
       {
         title: state.title,
         description: state.description,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(WarningIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(WarningIcon, {}),
         classNames: { root: stateMessageMinHeight }
       }
     ) });
   }
   if (state.kind === "empty") {
-    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
       StateMessage,
       {
         title: state.title,
         description: state.description,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(SearchEmptyIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(SearchEmptyIcon, {}),
         classNames: { root: stateMessageMinHeight }
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Orderbook, __spreadValues({}, orderbookProps)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Orderbook, __spreadValues({}, orderbookProps)) });
 };
 OrderbookWithStates.displayName = "OrderbookWithStates";
 
 // src/events/orderbook/index.tsx
-var import_jsx_runtime139 = require("react/jsx-runtime");
+var import_jsx_runtime140 = require("react/jsx-runtime");
 var OrderbookVenueLogos = ({ venues }) => {
-  const visible = (0, import_hooks45.sortVenues)(venues).slice(0, orderbookMaxVisibleVenues);
+  const visible = (0, import_hooks46.sortVenues)(venues).slice(0, orderbookMaxVisibleVenues);
   const overflow = venues.length - visible.length;
-  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-row items-center justify-start gap-0.5 md:gap-1", children: [
-    visible.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(VenueLogo, { venue, size: "small" }, venue)),
-    overflow > 0 ? /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("span", { className: "text-agg-xs font-agg-bold leading-agg-4 text-agg-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "flex flex-row items-center justify-start gap-0.5 md:gap-1", children: [
+    visible.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(VenueLogo, { venue, size: "small" }, venue)),
+    overflow > 0 ? /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("span", { className: "text-agg-xs font-agg-bold leading-agg-4 text-agg-muted-foreground", children: [
       "+",
       overflow
     ] }) : null
@@ -12949,8 +13017,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_runtime139.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_runtime139.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime140.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_runtime140.jsx)(
       "div",
       {
         "aria-hidden": "true",
@@ -12962,8 +13030,8 @@ var OrderbookRow = ({
         style: { width: `${barPercent}%` }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "hidden md:block md:relative min-w-0 flex-1 self-stretch", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "hidden md:block md:relative min-w-0 flex-1 self-stretch", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
         "div",
         {
           "aria-hidden": "true",
@@ -12975,14 +13043,14 @@ var OrderbookRow = ({
           style: { width: `${barPercent}%` }
         }
       ),
-      showBadge && badgeLabel ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+      showBadge && badgeLabel ? /* @__PURE__ */ (0, import_jsx_runtime140.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_runtime139.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
             "span",
             {
               className: cn("text-[10px] font-bold uppercase leading-[14px]", badgeTextClassName),
@@ -12992,8 +13060,8 @@ var OrderbookRow = ({
         }
       ) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex w-20 shrink-0 items-center justify-start gap-2 md:w-[120px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "flex w-20 shrink-0 items-center justify-start gap-2 md:w-[120px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
         "span",
         {
           className: cn(
@@ -13004,10 +13072,10 @@ var OrderbookRow = ({
           children: formatProbabilityCents(entry.row.price, formatPrice)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(OrderbookVenueLogos, { venues })
+      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(OrderbookVenueLogos, { venues })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime139.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_runtime139.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_runtime140.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_runtime140.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 = ({
@@ -13026,7 +13094,7 @@ var Orderbook = ({
   const {
     enableWebsocketsLogs,
     formatting: { formatPrice }
-  } = (0, import_hooks45.useAggUiConfig)();
+  } = (0, import_hooks46.useAggUiConfig)();
   const labels = __spreadValues(__spreadValues({}, orderbookDefaultLabels), labelsProp);
   const scrollContainerRef = (0, import_react20.useRef)(null);
   const spreadRowRef = (0, import_react20.useRef)(null);
@@ -13067,15 +13135,15 @@ var Orderbook = ({
     snapshotKey,
     spreadEntry
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: cn("agg-orderbook-unified flex flex-col", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime139.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_runtime139.jsx)("span", { className: "hidden md:flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime139.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_runtime139.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_runtime139.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_runtime140.jsxs)("div", { className: cn("agg-orderbook-unified flex flex-col", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime140.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_runtime140.jsx)("span", { className: "hidden md:flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime140.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_runtime140.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_runtime140.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_runtime139.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
         "div",
         {
           ref: scrollContainerRef,
@@ -13085,7 +13153,7 @@ var Orderbook = ({
           "aria-label": "Order book",
           tabIndex: 0,
           children: [
-            askEntries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "agg-orderbook-asks flex flex-col", children: askEntries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+            askEntries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "agg-orderbook-asks flex flex-col", children: askEntries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
               OrderbookRow,
               {
                 entry,
@@ -13098,7 +13166,7 @@ var Orderbook = ({
               },
               entry.row.id
             )) }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
               "div",
               {
                 ref: spreadRowRef,
@@ -13106,7 +13174,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_runtime139.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
                     Typography,
                     {
                       variant: "label",
@@ -13118,7 +13186,7 @@ var Orderbook = ({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
                     Typography,
                     {
                       variant: "label",
@@ -13130,12 +13198,12 @@ var Orderbook = ({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "hidden md:inline-flex w-20 shrink-0 md:w-[120px]" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "hidden md:inline-flex w-20 shrink-0 md:w-[120px]" })
+                  /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "hidden md:inline-flex w-20 shrink-0 md:w-[120px]" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "hidden md:inline-flex w-20 shrink-0 md:w-[120px]" })
                 ]
               }
             ),
-            bidEntries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "agg-orderbook-bids flex flex-col", children: bidEntries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+            bidEntries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "agg-orderbook-bids flex flex-col", children: bidEntries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
               OrderbookRow,
               {
                 entry,
@@ -13151,14 +13219,14 @@ var Orderbook = ({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime140.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_runtime139.jsx)(Icon, { name: "recenter", size: "small", className: "!size-4 text-current" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Icon, { name: "recenter", size: "small", className: "!size-4 text-current" })
         }
       )
     ] })
@@ -13318,8 +13386,8 @@ var resolveTradingStateBadgeClassName = (kind) => {
 };
 
 // src/events/market-details/market-details-outcome-button.tsx
-var import_hooks46 = require("@agg-build/hooks");
-var import_jsx_runtime140 = require("react/jsx-runtime");
+var import_hooks47 = require("@agg-build/hooks");
+var import_jsx_runtime141 = require("react/jsx-runtime");
 var marketDetailsOutcomeButtonToneClasses = {
   positive: {
     activeSurface: "bg-agg-success/15",
@@ -13369,9 +13437,9 @@ var OutcomePriceContent = ({
   value,
   textClassName
 }) => {
-  const { formatPrice } = (0, import_hooks46.useAggUiConfig)().formatting;
+  const { formatPrice } = (0, import_hooks47.useAggUiConfig)().formatting;
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
       "span",
       {
         "aria-hidden": "true",
@@ -13382,7 +13450,7 @@ var OutcomePriceContent = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
     Typography,
     {
       as: "span",
@@ -13410,7 +13478,7 @@ var MarketDetailsOutcomeButton = ({
   });
   const itemLabel = (_a = item.title) != null ? _a : item.label;
   const isLineVariant = item.variant === "line";
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
     "button",
     {
       type: "button",
@@ -13426,9 +13494,9 @@ var MarketDetailsOutcomeButton = ({
         enforceFixedWidth ? "flex-none" : "flex-1 md:flex-auto"
       ),
       onClick: () => onSelect(item.label),
-      children: isLineVariant ? /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "flex min-w-0 max-w-full items-center justify-center gap-1.5 overflow-hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+      children: isLineVariant ? /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "flex min-w-0 max-w-full items-center justify-center gap-1.5 overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
           Typography,
           {
             as: "span",
@@ -13437,7 +13505,7 @@ var MarketDetailsOutcomeButton = ({
             children: itemLabel
           }
         ),
-        item.lineLabel ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+        item.lineLabel ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
           Typography,
           {
             as: "span",
@@ -13446,7 +13514,7 @@ var MarketDetailsOutcomeButton = ({
             children: item.lineLabel
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
           OutcomePriceContent,
           {
             isLoading: item.isPriceLoading,
@@ -13455,9 +13523,9 @@ var MarketDetailsOutcomeButton = ({
             textClassName: classNames.text
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "inline-flex max-w-full items-center justify-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "inline-flex max-w-full items-center justify-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
           Typography,
           {
             as: "span",
@@ -13466,7 +13534,7 @@ var MarketDetailsOutcomeButton = ({
             children: itemLabel
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
           OutcomePriceContent,
           {
             isLoading: item.isPriceLoading,
@@ -13482,9 +13550,9 @@ var MarketDetailsOutcomeButton = ({
 MarketDetailsOutcomeButton.displayName = "MarketDetailsOutcomeButton";
 
 // src/events/market-details/market-details-graph-panel.tsx
-var import_hooks47 = require("@agg-build/hooks");
+var import_hooks48 = require("@agg-build/hooks");
 var import_react21 = require("react");
-var import_jsx_runtime141 = require("react/jsx-runtime");
+var import_jsx_runtime142 = require("react/jsx-runtime");
 var MarketDetailsGraphPanel = ({
   venueMarkets,
   selectedOutcomeLabel,
@@ -13499,13 +13567,13 @@ var MarketDetailsGraphPanel = ({
   classNames
 }) => {
   var _a, _b, _c;
-  const config = (0, import_hooks47.useSdkUiConfig)();
+  const config = (0, import_hooks48.useSdkUiConfig)();
   const {
     formatting: { formatPercent, formatCompactCurrency, formatPrice },
     general: { theme }
   } = config;
   const isDarkTheme = theme === "dark";
-  const labels = (0, import_hooks47.useLabels)();
+  const labels = (0, import_hooks48.useLabels)();
   const selectedTimeRange = config.chart.selectedChartTimeRange;
   const setSelectedTimeRange = config.chart.setSelectedChartTimeRange;
   const [chartRangeOverride, setChartRangeOverride] = (0, import_react21.useState)(null);
@@ -13525,7 +13593,7 @@ var MarketDetailsGraphPanel = ({
       livePrices
     });
   }, [livePrices, venueMarkets, resolvedChartOutcomeLabel, chartSelectedOutcomeId]);
-  const rollingWindow = (0, import_hooks47.useRollingChartWindow)({ range: effectiveChartTimeRange });
+  const rollingWindow = (0, import_hooks48.useRollingChartWindow)({ range: effectiveChartTimeRange });
   const chartPrimaryOutcomeId = (_b = (_a = chartOutcomesByVenue[0]) == null ? void 0 : _a.outcome.id) != null ? _b : null;
   const chartVenueOutcomeIds = (0, import_react21.useMemo)(() => {
     return chartOutcomesByVenue.map((item) => item.outcome.id);
@@ -13535,7 +13603,7 @@ var MarketDetailsGraphPanel = ({
     isLoading: isMarketChartLoading,
     error: marketChartError,
     refetch: refetchMarketChart
-  } = (0, import_hooks47.useMarketChart)({
+  } = (0, import_hooks48.useMarketChart)({
     marketId: chartPrimaryOutcomeId,
     venueMarketIds: chartVenueOutcomeIds,
     interval: rollingWindow.interval,
@@ -13639,17 +13707,17 @@ var MarketDetailsGraphPanel = ({
   const handleRetryMarketChart = () => {
     void refetchMarketChart();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime141.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_runtime141.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime142.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_runtime142.jsx)(
       StateMessage,
       {
         title: labels.marketDetails.chartUnavailableTitle,
         description: labels.marketDetails.chartUnavailableDescription,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(WarningIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(WarningIcon, {}),
         onAction: handleRetryMarketChart,
         classNames: { root: "min-h-[248px] px-5 py-10 md:min-h-[272px]" }
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
       LineChart,
       {
         series: graphSeries,
@@ -13662,14 +13730,14 @@ var MarketDetailsGraphPanel = ({
         showSeriesControls: chartAvailableOutcomesByVenue.length > 0 || headerOutcomeItems.length > 0,
         renderSeriesControls: () => {
           var _a2, _b2, _c2, _d;
-          return /* @__PURE__ */ (0, import_jsx_runtime141.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_runtime141.jsx)("div", { className: "agg-market-venues flex flex-wrap gap-2", children: chartAvailableOutcomesByVenue.map((item) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime142.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_runtime142.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_runtime141.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -13688,14 +13756,14 @@ var MarketDetailsGraphPanel = ({
                     handleGraphVenueToggle(item.venue);
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: probability })
+                    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime142.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_runtime141.jsx)(
+            !isOutcomeSelectionLocked ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
               SwitchButton,
               {
                 ariaLabel: labels.marketDetails.outcomeSelectorAria,
@@ -13725,7 +13793,7 @@ var MarketDetailsGraphPanel = ({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
       "div",
       {
         className: cn(
@@ -13734,9 +13802,9 @@ var MarketDetailsGraphPanel = ({
           classNames == null ? void 0 : classNames.footer
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { children: typeof volume !== "number" ? labels.marketDetails.volumeUnavailable : volume > 0 ? `${formatCompactCurrency(volume)} ${labels.marketDetails.meta.volumeSuffix}` : "" }),
-          /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "flex flex-wrap items-center gap-3 md:gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("span", { children: typeof volume !== "number" ? labels.marketDetails.volumeUnavailable : volume > 0 ? `${formatCompactCurrency(volume)} ${labels.marketDetails.meta.volumeSuffix}` : "" }),
+          /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex flex-wrap items-center gap-3 md:gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
               ChartTypeSwitch,
               {
                 className: "agg-chart-type-switch shrink-0",
@@ -13744,11 +13812,11 @@ var MarketDetailsGraphPanel = ({
                 onValueChange: setSelectedChartType
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
-            import_hooks47.CHART_TIME_RANGES.map((timeRange) => {
+            /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
+            import_hooks48.CHART_TIME_RANGES.map((timeRange) => {
               const isActive = effectiveChartTimeRange === timeRange;
               const isDisabled = isResolvedMarket && timeRange !== "ALL";
-              return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
                 "button",
                 {
                   type: "button",
@@ -13782,14 +13850,14 @@ var MarketDetailsGraphPanel = ({
 MarketDetailsGraphPanel.displayName = "MarketDetailsGraphPanel";
 
 // src/events/market-details/index.tsx
-var import_jsx_runtime142 = require("react/jsx-runtime");
+var import_jsx_runtime143 = require("react/jsx-runtime");
 var MarketDetailsUnavailableState = ({
   marketId,
   ariaLabel,
   classNames
 }) => {
-  const labels = (0, import_hooks48.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+  const labels = (0, import_hooks49.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
     Card,
     {
       "data-market-id": marketId || void 0,
@@ -13800,9 +13868,9 @@ var MarketDetailsUnavailableState = ({
       ),
       role: "status",
       "aria-label": ariaLabel != null ? ariaLabel : labels.marketDetails.unavailableAria,
-      children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex flex-col gap-1 p-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Typography, { variant: "body-large-strong", children: labels.marketDetails.unavailableTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: labels.marketDetails.unavailableDescription })
+      children: /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "flex flex-col gap-1 p-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Typography, { variant: "body-large-strong", children: labels.marketDetails.unavailableTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: labels.marketDetails.unavailableDescription })
       ] })
     }
   );
@@ -13812,14 +13880,14 @@ var MarketDetailsNotFoundState = ({
   ariaLabel: _ariaLabel,
   classNames: _classNames
 }) => {
-  const labels = (0, import_hooks48.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+  const labels = (0, import_hooks49.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
     StateMessage,
     {
       "data-market-id": marketId || void 0,
       title: labels.marketDetails.notFoundTitle,
       description: labels.marketDetails.notFoundDescription,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(SearchEmptyIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(SearchEmptyIcon, {}),
       classNames: { root: "min-h-[280px] md:min-h-[320px]" }
     }
   );
@@ -13850,34 +13918,34 @@ var MarketDetailsContent = ({
   suppressOutcomeFallbackSelection,
   midpointsResult
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const config = (0, import_hooks48.useSdkUiConfig)();
+  var _a, _b, _c, _d, _e, _f, _g;
+  const config = (0, import_hooks49.useSdkUiConfig)();
   const {
     features: { enableAnimations },
     formatting: { formatPercent }
   } = config;
-  const labels = (0, import_hooks48.useLabels)();
-  const tradingContext = (0, import_hooks48.useEventTradingContext)();
+  const labels = (0, import_hooks49.useLabels)();
+  const tradingContext = (0, import_hooks49.useEventTradingContext)();
   const detailsContentId = (0, import_react22.useId)();
   const tradeSide = (_a = tradingContext == null ? void 0 : tradingContext.tradeSide) != null ? _a : "buy";
   const resolvedMarket = (0, import_react22.useMemo)(() => {
     return resolveMarketFromVenueMarkets(venueMarkets, marketId);
   }, [venueMarkets, marketId]);
   const clusterVenueMarkets = resolvedMarket == null ? void 0 : resolvedMarket.venueMarkets;
-  const wsLivePrices = (0, import_hooks48.useLiveOutcomePrices)(clusterVenueMarkets);
-  const wsBestPrices = (0, import_hooks48.useLiveBestPrices)(clusterVenueMarkets);
-  const wsBestCandidates = (0, import_hooks48.useLiveBestPriceCandidates)(clusterVenueMarkets);
+  const wsLivePrices = (0, import_hooks49.useLiveOutcomePrices)(clusterVenueMarkets);
+  const wsBestPrices = (0, import_hooks49.useLiveBestPrices)(clusterVenueMarkets);
+  const wsBestCandidates = (0, import_hooks49.useLiveBestPriceCandidates)(clusterVenueMarkets);
   const scopedResolvedMarket = (0, import_react22.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_hooks48.resolveMarketTradingState)(scopedResolvedMarket).kind === "resolved";
-  (0, import_hooks48.useEventOrderbookData)(
+  const isResolvedMarket = (0, import_hooks49.resolveMarketTradingState)(scopedResolvedMarket).kind === "resolved";
+  (0, import_hooks49.useEventOrderbookData)(
     isResolvedMarket ? [] : resolvedMarket == null ? void 0 : resolvedMarket.venueMarkets,
     (_b = scopedResolvedMarket == null ? void 0 : scopedResolvedMarket.id) != null ? _b : null
   );
-  const fetchedClusterMidpointResult = (0, import_hooks48.useMidpoints)(midpointsResult ? [] : clusterVenueMarkets);
+  const fetchedClusterMidpointResult = (0, import_hooks49.useMidpoints)(midpointsResult ? [] : clusterVenueMarkets);
   const clusterMidpointResult = midpointsResult != null ? midpointsResult : fetchedClusterMidpointResult;
   const clusterMidpoints = (_c = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _c : clusterMidpointResult.prices;
   const clusterBestMidpointsByOutcomeId = clusterMidpoints;
@@ -13886,7 +13954,7 @@ var MarketDetailsContent = ({
   const clusterBestMidpointVenue = clusterMidpointResult.bestMidpointVenue;
   const clusterBestPricesRest = clusterMidpointResult.bestPrices;
   const clusterBestPrices = (0, import_react22.useMemo)(
-    () => (0, import_hooks48.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
+    () => (0, import_hooks49.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
     [clusterBestPricesRest, wsBestPrices]
   );
   const clusterBestPriceVenuesByOutcomeId = clusterMidpointResult.bestPriceVenuesByOutcomeId;
@@ -13921,7 +13989,7 @@ var MarketDetailsContent = ({
     return (_a2 = model.market.venueMarkets.find((venueMarket) => venueMarket.id === model.market.id)) != null ? _a2 : model.primaryVenueMarket;
   }, [model]);
   const marketTradingState = (0, import_react22.useMemo)(() => {
-    return (0, import_hooks48.resolveMarketTradingState)(scopedMarketForCard);
+    return (0, import_hooks49.resolveMarketTradingState)(scopedMarketForCard);
   }, [scopedMarketForCard]);
   const isOutcomeSelectionLocked = showResolvingState || marketTradingState.isTradingDisabled;
   const isUpcomingMarket = marketTradingState.kind === "unopened";
@@ -14083,7 +14151,7 @@ var MarketDetailsContent = ({
       fallbackPrice: midpointsFallback == null ? void 0 : midpointsFallback.get(displayOutcome.id)
     });
     if (referencePrice != null) return referencePrice;
-    return (0, import_hooks48.findLivePriceById)(wsLivePrices, displayOutcome.id);
+    return (0, import_hooks49.findLivePriceById)(wsLivePrices, displayOutcome.id);
   }, [
     clusterBestMidpoint,
     clusterBestMidpointsByOutcomeId,
@@ -14107,11 +14175,10 @@ var MarketDetailsContent = ({
     });
   }, [model, selectedOutcomeLabel, selectedOutcomeId]);
   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_hooks48.useMarketOrderbook)({
-    marketId: primaryVenueMarketId,
-    enabled: orderBookEnabled && !!primaryVenueMarketId,
+  const primaryOutcomeId = (_g = (_f = selectedOutcomesByVenue[0]) == null ? void 0 : _f.outcome.id) != null ? _g : null;
+  const marketOrderbookResult = (0, import_hooks49.useMarketOrderbook)({
+    venueMarketOutcomeId: primaryOutcomeId,
+    enabled: orderBookEnabled && !!primaryOutcomeId,
     venueOutcomes: selectedOutcomesByVenue.map((item) => ({
       venue: item.venue,
       venueMarketOutcomeId: item.outcomeId
@@ -14215,12 +14282,12 @@ var MarketDetailsContent = ({
     kind: "disabled",
     title: labels.marketDetails.resolvingTitle,
     description: labels.marketDetails.resolvingDescription,
-    icon: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(LoadingIcon, { size: "small" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(LoadingIcon, { size: "small" })
   } : marketTradingState.isTradingDisabled ? {
     kind: "disabled",
     title: marketStatePresentation.title,
     description: marketStatePresentation.description,
-    icon: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Icon, { name: marketStatePresentation.iconName, className: "h-5 w-5", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Icon, { name: marketStatePresentation.iconName, className: "h-5 w-5", "aria-hidden": "true" })
   } : isOrderBookLoading ? { kind: "loading" } : hasOrderBookError ? {
     kind: "error",
     title: labels.marketDetails.orderBookUnavailableTitle,
@@ -14236,7 +14303,7 @@ var MarketDetailsContent = ({
     description: labels.marketDetails.orderBookEmptyDescription
   } : { kind: "data" };
   if (marketId && !resolvedMarket) {
-    return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
       MarketDetailsNotFoundState,
       {
         marketId,
@@ -14246,7 +14313,7 @@ var MarketDetailsContent = ({
     );
   }
   if (!model) {
-    return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
       MarketDetailsUnavailableState,
       {
         marketId,
@@ -14255,7 +14322,7 @@ var MarketDetailsContent = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
     Card,
     {
       className: cn(
@@ -14266,7 +14333,7 @@ var MarketDetailsContent = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
           "div",
           {
             "data-market-id": marketId || void 0,
@@ -14277,7 +14344,7 @@ var MarketDetailsContent = ({
               classNames == null ? void 0 : classNames.header
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
                 "button",
                 {
                   className: cn(
@@ -14291,17 +14358,17 @@ var MarketDetailsContent = ({
                   "aria-controls": detailsContentId,
                   "aria-label": isOpened ? labels.marketDetails.toggleCloseDetailsAria(model.title) : labels.marketDetails.toggleOpenDetailsAria(model.title),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime142.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_runtime142.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime143.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_runtime143.jsx)(
                         RemoteImage,
                         {
-                          src: (0, import_hooks48.optimizedImageUrl)(model.image, 60),
+                          src: (0, import_hooks49.optimizedImageUrl)(model.image, 60),
                           alt: "",
                           className: "agg-market-image size-12 rounded-agg-lg object-cover md:size-[60px]"
                         }
                       ) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex min-w-24 flex-col", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Tooltip, { content: model.title, side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "flex min-w-24 flex-col", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Tooltip, { content: model.title, side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
                           Typography,
                           {
                             as: "h3",
@@ -14310,7 +14377,7 @@ var MarketDetailsContent = ({
                             children: model.title
                           }
                         ) }) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
                           Typography,
                           {
                             variant: "label",
@@ -14318,8 +14385,8 @@ var MarketDetailsContent = ({
                             children: subtitleOverride != null ? subtitleOverride : model.subtitle
                           }
                         ) }),
-                        !showResolvingState && marketTradingState.isTradingDisabled && marketTradingState.kind !== "resolved" && !isUpcomingMarket ? /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "mt-2 flex flex-wrap items-center gap-2 justify-center md:justify-start", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
+                        !showResolvingState && marketTradingState.isTradingDisabled && marketTradingState.kind !== "resolved" && !isUpcomingMarket ? /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "mt-2 flex flex-wrap items-center gap-2 justify-center md:justify-start", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
                             "span",
                             {
                               className: cn(
@@ -14327,7 +14394,7 @@ var MarketDetailsContent = ({
                                 resolveTradingStateBadgeClassName(marketTradingState.kind)
                               ),
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
                                   Icon,
                                   {
                                     name: marketStatePresentation.iconName,
@@ -14335,23 +14402,23 @@ var MarketDetailsContent = ({
                                     className: "h-3.5 w-3.5"
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("span", { children: marketStatePresentation.badgeLabel })
+                                /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { children: marketStatePresentation.badgeLabel })
                               ]
                             }
                           ),
-                          marketStatePresentation.timestampLabel ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: marketStatePresentation.timestampLabel }) : null,
-                          marketStatePresentation.winningOutcomeLabel ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: marketStatePresentation.winningOutcomeLabel }) : null
+                          marketStatePresentation.timestampLabel ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: marketStatePresentation.timestampLabel }) : null,
+                          marketStatePresentation.winningOutcomeLabel ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: marketStatePresentation.winningOutcomeLabel }) : null
                         ] }) : null
                       ] })
                     ] }),
-                    !compactHeader ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Typography, { as: "div", variant: "heading", className: "agg-market-headline shrink-0", children: formatProbabilityPercent(headlineProbability, formatPercent) }) : null
+                    !compactHeader ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Typography, { as: "div", variant: "heading", className: "agg-market-headline shrink-0", children: formatProbabilityPercent(headlineProbability, formatPercent) }) : null
                   ]
                 }
               ),
-              showResolvingState ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime142.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_runtime142.jsx)(LoadingIcon, { size: "small" }),
-                /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Typography, { variant: "body", children: labels.marketDetails.resolvingBadge })
-              ] }) }) : marketTradingState.kind === "resolved" && marketTradingState.winningOutcome ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
+              showResolvingState ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime143.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_runtime143.jsx)(LoadingIcon, { size: "small" }),
+                /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Typography, { variant: "body", children: labels.marketDetails.resolvingBadge })
+              ] }) }) : marketTradingState.kind === "resolved" && marketTradingState.winningOutcome ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
                 "span",
                 {
                   className: cn(
@@ -14364,7 +14431,7 @@ var MarketDetailsContent = ({
                     "border-transparent bg-agg-secondary-hover"
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
                       Icon,
                       {
                         name: marketTradingState.winningOutcome.label.trim().toLowerCase() === "yes" ? "check-circle" : "cross-circle",
@@ -14375,12 +14442,12 @@ var MarketDetailsContent = ({
                         )
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Typography, { variant: "body", children: labels.eventMarketPage.resolvedOutcome(
+                    /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Typography, { variant: "body", children: labels.eventMarketPage.resolvedOutcome(
                       resolvedWinningOutcomeLabel != null ? resolvedWinningOutcomeLabel : marketTradingState.winningOutcome.label
                     ) })
                   ]
                 }
-              ) }) : isUpcomingMarket ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
+              ) }) : isUpcomingMarket ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
                 "span",
                 {
                   className: cn(
@@ -14389,7 +14456,7 @@ var MarketDetailsContent = ({
                     resolveTradingStateBadgeClassName(marketTradingState.kind)
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
                       Icon,
                       {
                         name: marketStatePresentation.iconName,
@@ -14398,10 +14465,10 @@ var MarketDetailsContent = ({
                         "aria-hidden": "true"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("span", { children: marketStatePresentation.badgeLabel })
+                    /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { children: marketStatePresentation.badgeLabel })
                   ]
                 }
-              ) }) : /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+              ) }) : /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
                 "div",
                 {
                   className: "agg-outcomes flex w-full flex-wrap gap-2 md:w-auto md:shrink-0 md:flex-nowrap",
@@ -14410,7 +14477,7 @@ var MarketDetailsContent = ({
                   onKeyDown: (eventToHandle) => handleOutcomeKeyDown(eventToHandle),
                   children: headerOutcomeItems.map((item) => {
                     const isActiveOutcome = item.id === selectedOutcomeId;
-                    return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
                       MarketDetailsOutcomeButton,
                       {
                         enforceFixedWidth: headerOutcomeVariant != null,
@@ -14437,8 +14504,8 @@ var MarketDetailsContent = ({
             ]
           }
         ),
-        headerAccessory ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "agg-market-card-accessory border-t border-agg-separator", children: headerAccessory }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+        headerAccessory ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "agg-market-card-accessory border-t border-agg-separator", children: headerAccessory }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
           "div",
           {
             id: detailsContentId,
@@ -14452,9 +14519,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_runtime142.jsxs)("div", { className: "min-h-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "min-h-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
                 "div",
                 {
                   className: cn(
@@ -14468,8 +14535,8 @@ var MarketDetailsContent = ({
                     ) : "translate-y-5 opacity-0"
                   ),
                   children: [
-                    !isResolvedMarket ? /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_jsx_runtime142.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: cn("block", classNames == null ? void 0 : classNames.tabs), children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                    !isResolvedMarket ? /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(import_jsx_runtime143.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: cn("block", classNames == null ? void 0 : classNames.tabs), children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
                         Tabs,
                         {
                           ariaLabel: labels.marketDetails.tabsAria,
@@ -14480,10 +14547,10 @@ var MarketDetailsContent = ({
                           className: "agg-market-tabs flex! w-full px-5"
                         }
                       ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "h-px w-full bg-agg-separator" })
+                      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "h-px w-full bg-agg-separator" })
                     ] }) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: cn("agg-market-card-body p-0", classNames == null ? void 0 : classNames.content), children: [
-                      effectiveSelectedTab === "order-book" ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: cn("agg-market-card-body p-0", classNames == null ? void 0 : classNames.content), children: [
+                      effectiveSelectedTab === "order-book" ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
                         OrderbookWithStates,
                         {
                           state: orderbookState,
@@ -14509,7 +14576,7 @@ var MarketDetailsContent = ({
                           wrapperClassName: classNames == null ? void 0 : classNames.orderBook
                         }
                       ) : null,
-                      isOpened && effectiveSelectedTab === "graph" ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                      isOpened && effectiveSelectedTab === "graph" ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
                         MarketDetailsGraphPanel,
                         {
                           venueMarkets: model.market.venueMarkets,
@@ -14525,13 +14592,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_runtime142.jsx)("div", { className: "agg-market-meta flex flex-col gap-4", children: otherContent != null ? otherContent : /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "agg-market-meta-list grid grid-cols-1 gap-3", children: otherRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
+                      effectiveSelectedTab === "other" ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "agg-market-meta flex flex-col gap-4", children: otherContent != null ? otherContent : /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "agg-market-meta-list grid grid-cols-1 gap-3", children: otherRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime143.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_runtime142.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: row.label }),
-                            /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Typography, { variant: "body", className: "text-right", children: row.value })
+                            /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: row.label }),
+                            /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Typography, { variant: "body", className: "text-right", children: row.value })
                           ]
                         },
                         row.label
@@ -14549,9 +14616,9 @@ var MarketDetailsContent = ({
 };
 var MarketDetails = (_a) => {
   var _b = _a, { isOpened } = _b, props = __objRest(_b, ["isOpened"]);
-  const labels = (0, import_hooks48.useLabels)();
+  const labels = (0, import_hooks49.useLabels)();
   if (props.isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
       Skeleton,
       {
         view: "market-details-minified",
@@ -14561,7 +14628,7 @@ var MarketDetails = (_a) => {
     );
   }
   if ("venueMarkets" in props && props.venueMarkets) {
-    return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
       MarketDetailsContent,
       __spreadProps(__spreadValues({}, props), {
         isOpened,
@@ -14573,7 +14640,7 @@ var MarketDetails = (_a) => {
     );
   }
   const { classNames: fallbackClassNames } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(MarketDetailsUnavailableState, { classNames: fallbackClassNames });
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(MarketDetailsUnavailableState, { classNames: fallbackClassNames });
 };
 MarketDetails.displayName = "MarketDetails";
 var AFFIRMATIVE_WINNER_LABELS = /* @__PURE__ */ new Set(["yes", "up", "buy", "long", "true"]);
@@ -14604,13 +14671,13 @@ var resolveIsResolvedEvent = (sourceMarkets, eventTradingState) => {
     return eventTradingState.kind === "resolved";
   }
   if (sourceMarkets.length === 0) return false;
-  return sourceMarkets.every((market) => (0, import_hooks48.resolveMarketTradingState)(market).kind === "resolved");
+  return sourceMarkets.every((market) => (0, import_hooks49.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_hooks48.resolveMarketTradingState)(preferredMarket).kind === "resolved") {
+    if ((0, import_hooks49.resolveMarketTradingState)(preferredMarket).kind === "resolved") {
       return preferredMarket.id;
     }
   }
@@ -14631,8 +14698,8 @@ var MarketDetailsList = ({
   midpointsResult
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks48.useLabels)();
-  const tradingContext = (0, import_hooks48.useEventTradingContext)();
+  const labels = (0, import_hooks49.useLabels)();
+  const tradingContext = (0, import_hooks49.useEventTradingContext)();
   const selectedMarketId = (_a = tradingContext == null ? void 0 : tradingContext.selectedMarketId) != null ? _a : null;
   const [expandedMarketId, setExpandedMarketId] = (0, import_react22.useState)(null);
   const [areResolvedMarketsVisible, setAreResolvedMarketsVisible] = (0, import_react22.useState)(false);
@@ -14641,10 +14708,10 @@ var MarketDetailsList = ({
     markets: rawMarkets,
     isLoading,
     error
-  } = (0, import_hooks48.useVenueMarkets)({
+  } = (0, import_hooks49.useVenueMarkets)({
     venueEventId: resolvedEventId,
     enabled: !providedMarkets && !!resolvedEventId,
-    status: import_hooks48.MarketStatus.open,
+    status: import_hooks49.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
@@ -14689,7 +14756,7 @@ var MarketDetailsList = ({
     const resolved = [];
     const closed = [];
     sourceMarkets.forEach((market) => {
-      const marketStateKind = (0, import_hooks48.resolveMarketTradingState)(market).kind;
+      const marketStateKind = (0, import_hooks49.resolveMarketTradingState)(market).kind;
       if (marketStateKind === "resolved") {
         resolved.push(market);
         return;
@@ -14721,10 +14788,10 @@ var MarketDetailsList = ({
   const hasPrefetchedMarkets = !!providedMarkets || !!((_b = eventTradingState == null ? void 0 : eventTradingState.marketStates) == null ? void 0 : _b.length);
   const midpointEligibleMarkets = (0, import_react22.useMemo)(() => {
     return displayedMarkets.filter(
-      (market) => (0, import_hooks48.resolveMarketTradingState)(market).kind !== "resolved"
+      (market) => (0, import_hooks49.resolveMarketTradingState)(market).kind !== "resolved"
     );
   }, [displayedMarkets]);
-  const { prices: midpointsFallback, venueByOutcomeId: midpointsFallbackVenues } = (0, import_hooks48.useViewportMidpoints)(midpointEligibleMarkets);
+  const { prices: midpointsFallback, venueByOutcomeId: midpointsFallbackVenues } = (0, import_hooks49.useViewportMidpoints)(midpointEligibleMarkets);
   (0, import_react22.useEffect)(() => {
     if (isResolvedEvent) {
       setAreResolvedMarketsVisible(false);
@@ -14743,7 +14810,7 @@ var MarketDetailsList = ({
       return;
     }
     const fallbackSelectableMarket = displayedMarkets.find(
-      (market) => !(0, import_hooks48.resolveMarketTradingState)(market).isTradingDisabled
+      (market) => !(0, import_hooks49.resolveMarketTradingState)(market).isTradingDisabled
     );
     if (!fallbackSelectableMarket) {
       return;
@@ -14765,11 +14832,11 @@ var MarketDetailsList = ({
     setExpandedMarketId(marketId);
     onExpandedMarketChange == null ? void 0 : onExpandedMarketChange(marketId);
     if (marketId === selectedMarketId) return;
-    if ((0, import_hooks48.resolveMarketTradingState)(market).isTradingDisabled) return;
+    if ((0, import_hooks49.resolveMarketTradingState)(market).isTradingDisabled) return;
     tradingContext == null ? void 0 : tradingContext.selectMarket(market.id, market);
   };
   if (!hasPrefetchedMarkets && isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
       Skeleton,
       {
         view: "market-details-minified",
@@ -14779,29 +14846,29 @@ var MarketDetailsList = ({
     );
   }
   if (!hasPrefetchedMarkets && error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
       StateMessage,
       {
         title: labels.marketDetails.unavailableTitle,
         description: labels.marketDetails.unavailableDescription,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(SearchEmptyIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime143.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_runtime142.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime143.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_runtime142.jsx)(SearchEmptyIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(SearchEmptyIcon, {}),
         classNames: { root: "min-h-[280px] md:min-h-[320px]" }
       }
     );
   }
-  const renderMarketCard = (market) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+  const renderMarketCard = (market) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
     MarketDetails,
     {
       marketId: market.id,
@@ -14829,10 +14896,10 @@ var MarketDetailsList = ({
       midpointsResult
     }
   ) }, market.id);
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: cn("agg-market-list flex flex-col gap-3", classNames == null ? void 0 : classNames.root), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime143.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)),
     showResolvingState ? groupedMarkets.closed.map((market) => renderMarketCard(market)) : null,
-    shouldShowResolvedToggle ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    shouldShowResolvedToggle ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
       Button,
       {
         variant: "tertiary",
@@ -14842,7 +14909,7 @@ var MarketDetailsList = ({
           setAreResolvedMarketsVisible((isVisible) => !isVisible);
         },
         "aria-expanded": areResolvedMarketsVisible,
-        suffix: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+        suffix: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
           Icon,
           {
             name: areResolvedMarketsVisible ? "chevron-up" : "chevron-down",
@@ -14860,14 +14927,14 @@ var MarketDetailsList = ({
 MarketDetailsList.displayName = "MarketDetailsList";
 
 // src/events/list/index.tsx
-var import_hooks50 = require("@agg-build/hooks");
+var import_hooks52 = require("@agg-build/hooks");
 var import_sdk17 = require("@agg-build/sdk");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
 var import_react25 = require("react");
 
 // src/events/list/category-sidebar.tsx
 var import_react23 = require("react");
-var import_jsx_runtime143 = require("react/jsx-runtime");
+var import_jsx_runtime144 = 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",
@@ -14909,7 +14976,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_runtime143.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
       "button",
       {
         type: "button",
@@ -14917,8 +14984,8 @@ var CategorySidebar = ({
         className: isSelected ? selectedRowClassName : idleRowClassName,
         onClick,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { className: "min-w-0 flex-1 truncate first-letter:uppercase", children: entry.label }),
-          hasKnownChildren ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "min-w-0 flex-1 truncate first-letter:uppercase", children: entry.label }),
+          hasKnownChildren ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
             Icon,
             {
               name: isExpanded ? "chevron-up" : "chevron-down",
@@ -14926,7 +14993,7 @@ var CategorySidebar = ({
               color: "currentColor",
               className: "shrink-0 text-agg-muted-foreground"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { className: "shrink-0 text-agg-muted-foreground", children: entry.eventCount })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "shrink-0 text-agg-muted-foreground", children: entry.eventCount })
         ]
       },
       entry.id
@@ -14944,27 +15011,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_runtime143.jsxs)("div", { className: "flex w-full flex-col", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex w-full flex-col", children: [
       renderRow({
         entry,
         isExpanded,
         isSelected,
         onClick: () => onToggleCategory({ entry, depth, hasKnownChildren, isExpanded, isSelected })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime144.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_runtime143.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime143.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_runtime144.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime144.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_runtime143.jsxs)("div", { className: "flex w-full flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex w-full flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
       "button",
       {
         type: "button",
@@ -14972,8 +15039,8 @@ var CategorySidebar = ({
         className: !isDrilledIn ? selectedRowClassName : idleRowClassName,
         onClick: onSelectAll,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { className: "min-w-0 flex-1 truncate", children: labels.subcategoriesAll }),
-          /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { className: "shrink-0 text-agg-muted-foreground", children: totalEventCount })
+          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "min-w-0 flex-1 truncate", children: labels.subcategoriesAll }),
+          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "shrink-0 text-agg-muted-foreground", children: totalEventCount })
         ]
       }
     ),
@@ -14983,16 +15050,17 @@ var CategorySidebar = ({
 CategorySidebar.displayName = "CategorySidebar";
 
 // src/events/list/event-list-tabs.tsx
-var import_hooks49 = require("@agg-build/hooks");
+var import_hooks51 = require("@agg-build/hooks");
 var import_sdk16 = require("@agg-build/sdk");
 var import_react24 = require("react");
 
 // src/events/list/event-list.constants.ts
+var import_hooks50 = require("@agg-build/hooks");
 var import_sdk15 = require("@agg-build/sdk");
 var DEFAULT_EVENTS_LIMIT = 50;
 var DEFAULT_EVENT_LIST_SORT = "volume24hr";
 var getDefaultEventListTabs = (labels) => {
-  return [
+  const tabs = [
     {
       value: "matched",
       label: labels.eventList.matchedTab,
@@ -15028,6 +15096,12 @@ var getDefaultEventListTabs = (labels) => {
       venueLogo: import_sdk15.Venue.predict,
       venues: [import_sdk15.Venue.predict]
     },
+    {
+      value: import_sdk15.Venue.pred,
+      label: labels.venues.pred,
+      venueLogo: import_sdk15.Venue.pred,
+      venues: [import_sdk15.Venue.pred]
+    },
     {
       value: import_sdk15.Venue.hyperliquid,
       label: labels.venues.hyperliquid,
@@ -15062,20 +15136,31 @@ var getDefaultEventListTabs = (labels) => {
       isComingSoon: true
     }
   ];
+  const venueRank = new Map(
+    (0, import_hooks50.sortVenues)(tabs.flatMap((tab) => tab.venueLogo ? [tab.venueLogo] : [])).map((venue, i) => [
+      venue,
+      i
+    ])
+  );
+  const rank = (tab) => {
+    var _a;
+    return tab.venueLogo ? 1 + ((_a = venueRank.get(tab.venueLogo)) != null ? _a : venueRank.size) : 0;
+  };
+  return [...tabs].sort((a, b) => rank(a) - rank(b));
 };
 
 // src/events/list/event-list-tabs.tsx
-var import_jsx_runtime144 = require("react/jsx-runtime");
+var import_jsx_runtime145 = require("react/jsx-runtime");
 var DEFAULT_HIDDEN_VENUES = new Set((0, import_sdk16.getEffectiveDisabledVenues)(void 0));
 var renderTabIcon = (tab, isActive) => {
   if (tab.iconName === "warning-filled") {
-    return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Icon, { name: "warning-filled", size: "small", color: "currentColor" });
+    return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon, { name: "warning-filled", size: "small", color: "currentColor" });
   }
   if (tab.venueLogo) {
-    return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(VenueLogo, { venue: tab.venueLogo, size: "small" });
+    return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(VenueLogo, { venue: tab.venueLogo, size: "small" });
   }
   if (!tab.iconName) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
     Icon,
     {
       name: tab.iconName,
@@ -15085,14 +15170,14 @@ var renderTabIcon = (tab, isActive) => {
   );
 };
 var useEventListTabs = (tabs) => {
-  const labels = (0, import_hooks49.useLabels)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks49.useAppConfig)();
-  const { isLocationBlocked } = (0, import_hooks49.useGeoBlock)();
+  const labels = (0, import_hooks51.useLabels)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks51.useAppConfig)();
+  const { isLocationBlocked } = (0, import_hooks51.useGeoBlock)();
   return (0, import_react24.useMemo)(() => {
     const baseTabs = tabs != null ? tabs : getDefaultEventListTabs(labels);
     return baseTabs.flatMap((tab) => {
       if (!tab.venueLogo) return [tab];
-      const availabilityState = (0, import_hooks49.getVenueAvailabilityState)({
+      const availabilityState = (0, import_hooks51.getVenueAvailabilityState)({
         venueId: tab.venueLogo,
         disabledVenues,
         // A globally inactive or default-disabled venue is hidden until
@@ -15140,7 +15225,7 @@ var EventListTabs = ({
       };
     });
   }, [activeTab, resolvedTabs]);
-  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
     Tabs,
     {
       ariaLabel,
@@ -15155,7 +15240,7 @@ var EventListTabs = ({
 EventListTabs.displayName = "EventListTabs";
 
 // src/events/list/index.tsx
-var import_jsx_runtime145 = require("react/jsx-runtime");
+var import_jsx_runtime146 = require("react/jsx-runtime");
 var SORT_ICON_BY_VALUE = {
   volume24hr: "sort-volume-24hr",
   topArbitrage: "sort-top-arbitrage",
@@ -15216,15 +15301,15 @@ var EventList = ({
   stateRef
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const labels = (0, import_hooks50.useLabels)();
-  const { disabledVenues } = (0, import_hooks50.useAppConfig)();
+  const labels = (0, import_hooks52.useLabels)();
+  const { disabledVenues } = (0, import_hooks52.useAppConfig)();
   const {
     features: { enableVenueEventDiscoveryFilters, showSportsMarkets }
-  } = (0, import_hooks50.useSdkUiConfig)();
+  } = (0, import_hooks52.useSdkUiConfig)();
   const isDiscoveryFiltersEnabled = enableVenueEventDiscoveryFilters && !search;
   const resolvedTabs = useEventListTabs();
   const visibleVenues = (0, import_react25.useMemo)(
-    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks50.getVisibleVenueIdsByConfig)(import_sdk17.VENUES, disabledVenues),
+    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks52.getVisibleVenueIdsByConfig)(import_sdk17.VENUES, disabledVenues),
     [disabledVenues]
   );
   const [internalActiveTabValue, setInternalActiveTabValue] = (0, import_react25.useState)(
@@ -15263,22 +15348,22 @@ var EventList = ({
       {
         value: "volume24hr",
         label: labels.eventList.sortBy24hVolume,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon, { name: SORT_ICON_BY_VALUE.volume24hr, size: "small", color: "currentColor" })
+        icon: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Icon, { name: SORT_ICON_BY_VALUE.volume24hr, size: "small", color: "currentColor" })
       },
       {
         value: "topArbitrage",
         label: labels.eventList.sortByTopArbitrage,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon, { name: SORT_ICON_BY_VALUE.topArbitrage, size: "small", color: "currentColor" })
+        icon: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Icon, { name: SORT_ICON_BY_VALUE.topArbitrage, size: "small", color: "currentColor" })
       },
       {
         value: "volume",
         label: labels.eventList.sortByTotalVolume,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon, { name: SORT_ICON_BY_VALUE.volume, size: "small", color: "currentColor" })
+        icon: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Icon, { name: SORT_ICON_BY_VALUE.volume, size: "small", color: "currentColor" })
       },
       {
         value: "endDate",
         label: labels.eventList.sortByEndingSoon,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon, { name: SORT_ICON_BY_VALUE.endDate, size: "small", color: "currentColor" })
+        icon: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Icon, { name: SORT_ICON_BY_VALUE.endDate, size: "small", color: "currentColor" })
       }
     ];
   }, [
@@ -15293,7 +15378,7 @@ var EventList = ({
     if (controlledCategoryPath == null) setInternalCategoryPath([]);
     setCollapsedCategoryIds(/* @__PURE__ */ new Set());
   }, [baseCategoryId, controlledCategoryPath, isDiscoveryFiltersEnabled]);
-  const { categories: topLevelCategories } = (0, import_hooks50.useCategories)({
+  const { categories: topLevelCategories } = (0, import_hooks52.useCategories)({
     queryKeyScope: "event-list-top-categories",
     enabled: isDiscoveryFiltersEnabled,
     limit: 100
@@ -15310,7 +15395,7 @@ var EventList = ({
       ])
     );
   }, [baseCategoryId, categoryPath, sortedTopLevelCategories]);
-  const { childrenByParentId: baseChildrenByParentId, isLoading: isBaseCategoryChildrenLoading } = (0, import_hooks50.useCategoryChildren)({
+  const { childrenByParentId: baseChildrenByParentId, isLoading: isBaseCategoryChildrenLoading } = (0, import_hooks52.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: baseCategoryChildPrefetchIds,
@@ -15331,7 +15416,7 @@ var EventList = ({
     }
     return Array.from(ids);
   }, [baseCategoryId, baseChildrenByParentId, categoryPath]);
-  const { childrenByParentId: visibleChildrenByParentId } = (0, import_hooks50.useCategoryChildren)({
+  const { childrenByParentId: visibleChildrenByParentId } = (0, import_hooks52.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: visibleChildPrefetchIds,
@@ -15347,7 +15432,7 @@ var EventList = ({
     }
     return Array.from(ids);
   }, [categoryPath, visibleChildrenByParentId]);
-  const { childrenByParentId: visibleGrandchildrenByParentId } = (0, import_hooks50.useCategoryChildren)({
+  const { childrenByParentId: visibleGrandchildrenByParentId } = (0, import_hooks52.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: visibleGrandchildPrefetchIds,
@@ -15432,14 +15517,14 @@ var EventList = ({
     isFetchingNextPage,
     isPlaceholderData,
     loadedPageCount
-  } = (0, import_hooks50.useVenueEvents)({
+  } = (0, import_hooks52.useVenueEvents)({
     queryKeyScope: "event-list",
     venues,
     search,
     categoryIds: resolvedCategoryIds,
     matchStatus,
     limit: requestLimit,
-    status: [import_hooks50.MarketStatus.open],
+    status: [import_hooks52.MarketStatus.open],
     sortBy: sortQueryParams.sortBy,
     sortDir: sortQueryParams.sortDir,
     endDateFrom,
@@ -15475,7 +15560,7 @@ var EventList = ({
   const visibleMidpointVenueMarketIds = (0, import_react25.useMemo)(() => {
     return collectMidpointVenueMarketIds(visibleVenueMarkets);
   }, [visibleVenueMarkets]);
-  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks50.useVenueMarketMidpoints)({
+  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks52.useVenueMarketMidpoints)({
     venueMarketIds: visibleMidpointVenueMarketIds,
     enabled: visibleMidpointVenueMarketIds.length > 0
   });
@@ -15534,7 +15619,7 @@ var EventList = ({
     onCategoryRootChange == null ? void 0 : onCategoryRootChange(baseCategoryId != null ? baseCategoryId : void 0);
   };
   if (shouldRenderLoadingState) {
-    return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
       Skeleton,
       {
         view: "event-list",
@@ -15543,8 +15628,8 @@ var EventList = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("section", { className: "agg-event-list flex w-full flex-col gap-2 md:gap-5 t", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("section", { className: "agg-event-list flex w-full flex-col gap-2 md:gap-5 t", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
       "header",
       {
         className: cn(
@@ -15553,9 +15638,9 @@ var EventList = ({
           "gap-2 sm:flex-row sm:items-center sm:gap-4"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "agg-event-list-title min-w-32", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Typography, { as: "h2", variant: "title", className: "truncate first-letter:uppercase", children: title2 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "hidden min-w-0 max-w-full items-center gap-3 md:flex", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "agg-event-list-title min-w-32", children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Typography, { as: "h2", variant: "title", className: "truncate first-letter:uppercase", children: title2 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "hidden min-w-0 max-w-full items-center gap-3 md:flex", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
               EventListTabs,
               {
                 ariaLabel: labels.eventList.tabsAria(title2),
@@ -15565,7 +15650,7 @@ var EventList = ({
                 overflowBehavior: "scroll"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
               Select,
               {
                 ariaLabel: labels.eventList.sortByLabel,
@@ -15581,8 +15666,8 @@ var EventList = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex w-full gap-2 md:hidden mb-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "flex w-full gap-2 md:hidden mb-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
         EventListTabs,
         {
           ariaLabel: labels.eventList.tabsAria(title2),
@@ -15592,7 +15677,7 @@ var EventList = ({
           overflowBehavior: "select"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
         Select,
         {
           ariaLabel: labels.eventList.sortByLabel,
@@ -15603,23 +15688,23 @@ var EventList = ({
           contentClassName: "rounded-[12px] py-2 shadow-[0_8px_16px_rgba(0,0,0,0.1)]"
         }
       ),
-      shouldRenderSubcategoryFilters ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+      shouldRenderSubcategoryFilters ? /* @__PURE__ */ (0, import_jsx_runtime146.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_runtime145.jsx)(Icon, { name: "apps", size: "small", color: "currentColor" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Icon, { name: "apps", size: "small", color: "currentColor" })
         }
       ) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
       "div",
       {
         className: cn("flex w-full gap-6", shouldRenderSubcategoryFilters ? "md:items-start" : ""),
         children: [
-          shouldRenderSubcategoryFilters ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("aside", { className: "hidden w-[200px] shrink-0 md:block self-start sticky top-4", children: /* @__PURE__ */ (0, import_jsx_runtime145.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_runtime145.jsx)(
+          shouldRenderSubcategoryFilters ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("aside", { className: "hidden w-[200px] shrink-0 md:block self-start sticky top-4", children: /* @__PURE__ */ (0, import_jsx_runtime146.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_runtime146.jsx)(
             CategorySidebar,
             {
               baseCategoryId,
@@ -15632,7 +15717,7 @@ var EventList = ({
               onToggleCategory: handleToggleSubcategory
             }
           ) }) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
             "div",
             {
               className: cn(
@@ -15643,7 +15728,7 @@ var EventList = ({
                 gridClassName
               ),
               children: [
-                tileEvents.map((event) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+                tileEvents.map((event) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
                   EventListItem,
                   {
                     event,
@@ -15656,11 +15741,11 @@ var EventList = ({
                     onMarketClick,
                     getMarketHref,
                     href: getEventHref == null ? void 0 : getEventHref(event),
-                    marketStatus: import_hooks50.MarketStatus.open
+                    marketStatus: import_hooks52.MarketStatus.open
                   },
                   event.id
                 )),
-                shouldRenderPaginationLoadingItems ? Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+                shouldRenderPaginationLoadingItems ? Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
                   EventListItem,
                   {
                     isLoading: true,
@@ -15670,20 +15755,20 @@ var EventList = ({
                   },
                   `loading-${index}`
                 )) : null,
-                shouldRenderEmptyState ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "col-span-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+                shouldRenderEmptyState ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "col-span-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
                   StateMessage,
                   {
                     title: labels.eventList.emptyTitle,
                     description: labels.eventList.emptyDescription,
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon, { name: "search-empty" })
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Icon, { name: "search-empty" })
                   }
                 ) }) : null,
-                isError ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "col-span-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+                isError ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "col-span-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
                   StateMessage,
                   {
                     title: labels.eventList.errorTitle,
                     description: labels.eventList.errorDescription,
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon, { name: "warning" })
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Icon, { name: "warning" })
                   }
                 ) }) : null
               ]
@@ -15692,7 +15777,7 @@ var EventList = ({
         ]
       }
     ),
-    shouldRenderSubcategoryFilters ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Modal, { open: isSubcategoriesModalOpen, onOpenChange: setIsSubcategoriesModalOpen, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+    shouldRenderSubcategoryFilters ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Modal, { open: isSubcategoriesModalOpen, onOpenChange: setIsSubcategoriesModalOpen, children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
       Modal.Container,
       {
         classNames: {
@@ -15701,20 +15786,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_runtime145.jsxs)("div", { className: "pointer-events-auto w-full rounded-t-[12px] border border-agg-separator bg-agg-secondary", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "flex justify-center pb-1 pt-3", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "h-1 w-10 rounded-full bg-agg-muted-foreground/30" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center justify-between px-4 pb-2 pt-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Dialog2.Title, { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.eventList.subcategoriesLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "pointer-events-auto w-full rounded-t-[12px] border border-agg-separator bg-agg-secondary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "flex justify-center pb-1 pt-3", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "h-1 w-10 rounded-full bg-agg-muted-foreground/30" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "flex items-center justify-between px-4 pb-2 pt-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Dialog2.Title, { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.eventList.subcategoriesLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime146.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_runtime145.jsx)(CloseIcon, { className: "h-5 w-5" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(CloseIcon, { className: "h-5 w-5" })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "flex flex-col gap-1 px-4 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "flex flex-col gap-1 px-4 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
             CategorySidebar,
             {
               baseCategoryId,
@@ -15730,7 +15815,7 @@ var EventList = ({
         ] })
       }
     ) }) : null,
-    shouldPaginate && hasNextPage ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { ref: loadMoreRef, className: "agg-event-list-sentinel h-px w-full", "aria-hidden": true }) : null
+    shouldPaginate && hasNextPage ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { ref: loadMoreRef, className: "agg-event-list-sentinel h-px w-full", "aria-hidden": true }) : null
   ] });
 };
 EventList.displayName = "EventList";