@agg-build/ui 4.0.0 → 4.2.0

package/dist/events.js

@@ -82,7 +82,7 @@ __export(events_exports, {
 module.exports = __toCommonJS(events_exports);
 
 // src/events/item/index.tsx
-var import_hooks31 = require("@agg-build/hooks");
+var import_hooks32 = require("@agg-build/hooks");
 var import_react10 = require("react");
 
 // src/constants.ts
@@ -5054,10 +5054,10 @@ var Skeleton = ({
 Skeleton.displayName = "Skeleton";
 
 // src/primitives/venue-logo/index.tsx
-var import_hooks24 = require("@agg-build/hooks");
+var import_hooks25 = require("@agg-build/hooks");
 
 // src/primitives/venue-logo/venue-logo.constants.ts
-var import_sdk10 = require("@agg-build/sdk");
+var import_sdk11 = require("@agg-build/sdk");
 
 // src/primitives/venue-logo/logo-props.ts
 var DEFAULT_MONOCHROME_COLOR = "currentColor";
@@ -5298,11 +5298,11 @@ var LogoMyriadIcon = (_a) => {
 };
 LogoMyriadIcon.displayName = "LogoMyriadIcon";
 
-// src/primitives/venue-logo/svg/logo-opinion.tsx
+// src/primitives/venue-logo/svg/logo-novig.tsx
 var import_hooks20 = require("@agg-build/hooks");
 var import_sdk6 = require("@agg-build/sdk");
 var import_jsx_runtime111 = require("react/jsx-runtime");
-var LogoOpinionIcon = (_a) => {
+var LogoNovigIcon = (_a) => {
   var _b = _a, {
     title: title2,
     className,
@@ -5320,7 +5320,7 @@ var LogoOpinionIcon = (_a) => {
   } = (0, import_hooks20.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
-    brandColor: (_a2 = resolveVenueLineColor(import_sdk6.Venue.opinion, isDarkTheme)) != null ? _a2 : "#ec5e26",
+    brandColor: (_a2 = resolveVenueLineColor(import_sdk6.Venue.novig, isDarkTheme)) != null ? _a2 : "#179BE7",
     isColor,
     color
   });
@@ -5333,24 +5333,22 @@ var LogoOpinionIcon = (_a) => {
     }, getIconA11yProps(title2)), props), {
       children: [
         title2 ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-          "path",
-          {
-            d: "M51.8239 68.4603L56.9659 68.0094L58.8049 89.0576C61.1459 88.5314 63.4349 87.7952 65.6437 86.8578V68.1879H71.9955V83.4385C74.6496 81.6828 77.0863 79.619 79.2548 77.2898L80.0716 67.958L85.516 68.433C88.6185 62.4381 90.156 55.7558 89.9858 49.0072C89.8154 42.2584 87.9429 35.6623 84.542 29.8316L84.3394 32.1494L77.9876 31.5927L78.8042 22.2668C76.7468 20.1288 74.4594 18.225 71.9835 16.5902V31.9164H65.6317V13.1739C62.9224 12.0205 60.0929 11.173 57.1957 10.6473L59.0317 31.6441L53.8897 32.0949L51.9599 10.0482C51.3128 10.0179 50.6593 9.99976 50.006 9.99976C47.4581 9.99976 44.9161 10.2419 42.414 10.723L46.0438 31.3899L42.1297 32.0798L38.5304 11.6701C35.1755 12.6725 31.9677 14.1143 28.9905 15.9578L33.0435 31.0873L29.9705 31.9134L26.2018 17.8369C23.2938 19.9923 20.6902 22.5308 18.4615 25.3835L20.4246 30.7787L18.1833 31.5956L16.7707 27.7134C14.5111 31.0771 12.7772 34.7657 11.6287 38.652L12.2639 38.4221L20.4306 60.8471L18.1893 61.6641L10.8877 41.5963C9.21542 49.4012 9.91256 57.528 12.8896 64.9338C15.8667 72.3395 20.9879 78.6865 27.5961 83.1601L23.8031 68.9989L26.8762 68.1728L31.5162 85.4991C34.6952 87.1593 38.0844 88.3808 41.5914 89.1303L38.0132 68.7296L41.9301 68.0397L45.7684 89.8262C47.1811 89.9757 48.6007 90.0505 50.0212 90.0502C51.2583 90.0502 52.4863 89.9926 53.6963 89.8807L51.8239 68.4603ZM80.1017 37.8985L86.4385 38.4524L84.3605 62.2299L78.0087 61.6761L80.1017 37.8985ZM65.6528 38.1315H72.0046V61.9969H65.6528V38.1315ZM56.975 37.9501L59.053 61.7277L53.911 62.1785L51.8299 38.4009L56.975 37.9501ZM29.9976 62.003L23.8243 38.9486L26.8974 38.1255L33.0707 61.1649L29.9976 62.003ZM42.157 62.1603L38.0132 38.658L41.9301 37.9683L46.0709 61.4674L42.157 62.1603Z",
-            fill: primaryColor
-          }
-        )
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("g", { stroke: primaryColor, strokeWidth: 19.3, strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("path", { d: "M33.6 34.7L64.2 65.4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("path", { d: "M64.2 34.7V65.4" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("circle", { cx: 32.2, cy: 65.5, r: 9.65, fill: primaryColor })
       ]
     })
   );
 };
-LogoOpinionIcon.displayName = "LogoOpinionIcon";
+LogoNovigIcon.displayName = "LogoNovigIcon";
 
-// src/primitives/venue-logo/svg/logo-polymarket.tsx
+// src/primitives/venue-logo/svg/logo-opinion.tsx
 var import_hooks21 = require("@agg-build/hooks");
 var import_sdk7 = require("@agg-build/sdk");
 var import_jsx_runtime112 = require("react/jsx-runtime");
-var LogoPolymarketIcon = (_a) => {
+var LogoOpinionIcon = (_a) => {
   var _b = _a, {
     title: title2,
     className,
@@ -5368,7 +5366,7 @@ var LogoPolymarketIcon = (_a) => {
   } = (0, import_hooks21.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
-    brandColor: (_a2 = resolveVenueLineColor(import_sdk7.Venue.polymarket, isDarkTheme)) != null ? _a2 : "#2E5CFF",
+    brandColor: (_a2 = resolveVenueLineColor(import_sdk7.Venue.opinion, isDarkTheme)) != null ? _a2 : "#ec5e26",
     isColor,
     color
   });
@@ -5384,7 +5382,7 @@ var LogoPolymarketIcon = (_a) => {
         /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
           "path",
           {
-            d: "M81.0904 84.2882C81.0904 87.9246 81.0904 89.7428 79.901 90.644C78.7119 91.5456 76.9613 91.0542 73.4603 90.0717L17.1975 74.2838C15.0881 73.6919 14.0332 73.3959 13.4233 72.5913C12.8135 71.7866 12.8135 70.6911 12.8135 68.5002V31.4998C12.8135 29.309 12.8135 28.2134 13.4233 27.4088C14.0332 26.6042 15.0881 26.3081 17.1975 25.7163L73.4603 9.92806C76.9613 8.94572 78.7119 8.45448 79.901 9.35587C81.0904 10.2573 81.0904 12.0755 81.0904 15.7119V84.2882ZM26.8451 69.1363L73.4308 82.2104V56.0637L26.8451 69.1363ZM20.4723 63.0711L67.0487 50L20.4723 36.929V63.0711ZM26.8446 30.8638L73.4308 43.9366V17.7896L26.8446 30.8638Z",
+            d: "M51.8239 68.4603L56.9659 68.0094L58.8049 89.0576C61.1459 88.5314 63.4349 87.7952 65.6437 86.8578V68.1879H71.9955V83.4385C74.6496 81.6828 77.0863 79.619 79.2548 77.2898L80.0716 67.958L85.516 68.433C88.6185 62.4381 90.156 55.7558 89.9858 49.0072C89.8154 42.2584 87.9429 35.6623 84.542 29.8316L84.3394 32.1494L77.9876 31.5927L78.8042 22.2668C76.7468 20.1288 74.4594 18.225 71.9835 16.5902V31.9164H65.6317V13.1739C62.9224 12.0205 60.0929 11.173 57.1957 10.6473L59.0317 31.6441L53.8897 32.0949L51.9599 10.0482C51.3128 10.0179 50.6593 9.99976 50.006 9.99976C47.4581 9.99976 44.9161 10.2419 42.414 10.723L46.0438 31.3899L42.1297 32.0798L38.5304 11.6701C35.1755 12.6725 31.9677 14.1143 28.9905 15.9578L33.0435 31.0873L29.9705 31.9134L26.2018 17.8369C23.2938 19.9923 20.6902 22.5308 18.4615 25.3835L20.4246 30.7787L18.1833 31.5956L16.7707 27.7134C14.5111 31.0771 12.7772 34.7657 11.6287 38.652L12.2639 38.4221L20.4306 60.8471L18.1893 61.6641L10.8877 41.5963C9.21542 49.4012 9.91256 57.528 12.8896 64.9338C15.8667 72.3395 20.9879 78.6865 27.5961 83.1601L23.8031 68.9989L26.8762 68.1728L31.5162 85.4991C34.6952 87.1593 38.0844 88.3808 41.5914 89.1303L38.0132 68.7296L41.9301 68.0397L45.7684 89.8262C47.1811 89.9757 48.6007 90.0505 50.0212 90.0502C51.2583 90.0502 52.4863 89.9926 53.6963 89.8807L51.8239 68.4603ZM80.1017 37.8985L86.4385 38.4524L84.3605 62.2299L78.0087 61.6761L80.1017 37.8985ZM65.6528 38.1315H72.0046V61.9969H65.6528V38.1315ZM56.975 37.9501L59.053 61.7277L53.911 62.1785L51.8299 38.4009L56.975 37.9501ZM29.9976 62.003L23.8243 38.9486L26.8974 38.1255L33.0707 61.1649L29.9976 62.003ZM42.157 62.1603L38.0132 38.658L41.9301 37.9683L46.0709 61.4674L42.157 62.1603Z",
             fill: primaryColor
           }
         )
@@ -5392,13 +5390,13 @@ var LogoPolymarketIcon = (_a) => {
     })
   );
 };
-LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
+LogoOpinionIcon.displayName = "LogoOpinionIcon";
 
-// src/primitives/venue-logo/svg/logo-predict.tsx
+// src/primitives/venue-logo/svg/logo-polymarket.tsx
 var import_hooks22 = require("@agg-build/hooks");
 var import_sdk8 = require("@agg-build/sdk");
 var import_jsx_runtime113 = require("react/jsx-runtime");
-var LogoPredictIcon = (_a) => {
+var LogoPolymarketIcon = (_a) => {
   var _b = _a, {
     title: title2,
     className,
@@ -5416,7 +5414,7 @@ var LogoPredictIcon = (_a) => {
   } = (0, import_hooks22.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
-    brandColor: (_a2 = resolveVenueLineColor(import_sdk8.Venue.predict, isDarkTheme)) != null ? _a2 : "#705bf6",
+    brandColor: (_a2 = resolveVenueLineColor(import_sdk8.Venue.polymarket, isDarkTheme)) != null ? _a2 : "#2E5CFF",
     isColor,
     color
   });
@@ -5432,9 +5430,7 @@ var LogoPredictIcon = (_a) => {
         /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
           "path",
           {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M75.2979 28.7579C76.4297 31.8263 77.0757 35.3709 77.0757 39.3906C77.0757 55.8415 65.8789 66.072 51.536 66.072C50.6567 66.072 49.836 65.9154 49.1715 65.7591C46.0451 65.485 45.0681 66.2871 45.0681 67.9695V69.3583C45.0681 71.4905 45.3809 72.3708 47.9602 73.5443C53.7443 76.322 51.8488 85.0855 44.6187 85.6919C39.6945 86.1027 33.7346 86.1027 28.6345 85.6919C21.893 85.144 19.6458 77.3979 24.9218 74.0138C27.4621 72.5077 28.4 70.4537 28.4195 66.0329C28.4977 53.5527 28.4977 50.6969 28.4782 39.9186C28.4586 33.9134 27.677 32.5246 24.2183 29.121C21.0527 25.9716 22.0884 21.2377 26.4069 18.7926C29.1621 17.2278 31.6633 16.054 34.6725 14.8608C37.5255 13.6871 39.8117 13.8437 41.414 14.9196C43.4267 16.1909 45.5177 16.3669 47.9992 15.4085C50.1486 14.5088 52.3569 14 54.7407 14C62.1263 14 69.7167 17.8763 73.871 25.5865C74.1788 26.1427 74.8952 27.5557 75.2979 28.7579ZM45.0681 45.9632C45.0681 50.599 47.667 53.4158 52.0246 53.4158C57.1639 53.4158 59.4696 49.6602 59.4696 41.7967C59.4696 32.7984 56.5971 28.006 51.536 28.006C47.5106 28.006 45.0681 31.077 45.0681 36.1825V45.9632Z",
+            d: "M81.0904 84.2882C81.0904 87.9246 81.0904 89.7428 79.901 90.644C78.7119 91.5456 76.9613 91.0542 73.4603 90.0717L17.1975 74.2838C15.0881 73.6919 14.0332 73.3959 13.4233 72.5913C12.8135 71.7866 12.8135 70.6911 12.8135 68.5002V31.4998C12.8135 29.309 12.8135 28.2134 13.4233 27.4088C14.0332 26.6042 15.0881 26.3081 17.1975 25.7163L73.4603 9.92806C76.9613 8.94572 78.7119 8.45448 79.901 9.35587C81.0904 10.2573 81.0904 12.0755 81.0904 15.7119V84.2882ZM26.8451 69.1363L73.4308 82.2104V56.0637L26.8451 69.1363ZM20.4723 63.0711L67.0487 50L20.4723 36.929V63.0711ZM26.8446 30.8638L73.4308 43.9366V17.7896L26.8446 30.8638Z",
             fill: primaryColor
           }
         )
@@ -5442,13 +5438,13 @@ var LogoPredictIcon = (_a) => {
     })
   );
 };
-LogoPredictIcon.displayName = "LogoPredictIcon";
+LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
 
-// src/primitives/venue-logo/svg/logo-probable.tsx
+// src/primitives/venue-logo/svg/logo-predict.tsx
 var import_hooks23 = require("@agg-build/hooks");
 var import_sdk9 = require("@agg-build/sdk");
 var import_jsx_runtime114 = require("react/jsx-runtime");
-var LogoProbableIcon = (_a) => {
+var LogoPredictIcon = (_a) => {
   var _b = _a, {
     title: title2,
     className,
@@ -5466,7 +5462,7 @@ var LogoProbableIcon = (_a) => {
   } = (0, import_hooks23.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
-    brandColor: (_a2 = resolveVenueLineColor(import_sdk9.Venue.probable, isDarkTheme)) != null ? _a2 : "#EC4899",
+    brandColor: (_a2 = resolveVenueLineColor(import_sdk9.Venue.predict, isDarkTheme)) != null ? _a2 : "#705bf6",
     isColor,
     color
   });
@@ -5480,14 +5476,64 @@ var LogoProbableIcon = (_a) => {
       children: [
         title2 ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("title", { children: title2 }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M75.2979 28.7579C76.4297 31.8263 77.0757 35.3709 77.0757 39.3906C77.0757 55.8415 65.8789 66.072 51.536 66.072C50.6567 66.072 49.836 65.9154 49.1715 65.7591C46.0451 65.485 45.0681 66.2871 45.0681 67.9695V69.3583C45.0681 71.4905 45.3809 72.3708 47.9602 73.5443C53.7443 76.322 51.8488 85.0855 44.6187 85.6919C39.6945 86.1027 33.7346 86.1027 28.6345 85.6919C21.893 85.144 19.6458 77.3979 24.9218 74.0138C27.4621 72.5077 28.4 70.4537 28.4195 66.0329C28.4977 53.5527 28.4977 50.6969 28.4782 39.9186C28.4586 33.9134 27.677 32.5246 24.2183 29.121C21.0527 25.9716 22.0884 21.2377 26.4069 18.7926C29.1621 17.2278 31.6633 16.054 34.6725 14.8608C37.5255 13.6871 39.8117 13.8437 41.414 14.9196C43.4267 16.1909 45.5177 16.3669 47.9992 15.4085C50.1486 14.5088 52.3569 14 54.7407 14C62.1263 14 69.7167 17.8763 73.871 25.5865C74.1788 26.1427 74.8952 27.5557 75.2979 28.7579ZM45.0681 45.9632C45.0681 50.599 47.667 53.4158 52.0246 53.4158C57.1639 53.4158 59.4696 49.6602 59.4696 41.7967C59.4696 32.7984 56.5971 28.006 51.536 28.006C47.5106 28.006 45.0681 31.077 45.0681 36.1825V45.9632Z",
+            fill: primaryColor
+          }
+        )
+      ]
+    })
+  );
+};
+LogoPredictIcon.displayName = "LogoPredictIcon";
+
+// src/primitives/venue-logo/svg/logo-probable.tsx
+var import_hooks24 = require("@agg-build/hooks");
+var import_sdk10 = require("@agg-build/sdk");
+var import_jsx_runtime115 = require("react/jsx-runtime");
+var LogoProbableIcon = (_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_sdk10.Venue.probable, isDarkTheme)) != null ? _a2 : "#EC4899",
+    isColor,
+    color
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 100 100",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title2)), props), {
+      children: [
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime115.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_runtime114.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
-        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime115.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",
@@ -5502,38 +5548,41 @@ LogoProbableIcon.displayName = "LogoProbableIcon";
 
 // src/primitives/venue-logo/venue-logo.constants.ts
 var venueLogoRegistry = {
-  [import_sdk10.Venue.kalshi]: LogoKalshiIcon,
-  [import_sdk10.Venue.limitless]: LogoLimitlessIcon,
-  [import_sdk10.Venue.opinion]: LogoOpinionIcon,
-  [import_sdk10.Venue.polymarket]: LogoPolymarketIcon,
-  [import_sdk10.Venue.predict]: LogoPredictIcon,
-  [import_sdk10.Venue.probable]: LogoProbableIcon,
-  [import_sdk10.Venue.myriad]: LogoMyriadIcon,
-  [import_sdk10.Venue.hyperliquid]: LogoHyperliquidIcon
+  [import_sdk11.Venue.kalshi]: LogoKalshiIcon,
+  [import_sdk11.Venue.limitless]: LogoLimitlessIcon,
+  [import_sdk11.Venue.opinion]: LogoOpinionIcon,
+  [import_sdk11.Venue.polymarket]: LogoPolymarketIcon,
+  [import_sdk11.Venue.predict]: LogoPredictIcon,
+  [import_sdk11.Venue.probable]: LogoProbableIcon,
+  [import_sdk11.Venue.myriad]: LogoMyriadIcon,
+  [import_sdk11.Venue.hyperliquid]: LogoHyperliquidIcon,
+  [import_sdk11.Venue.novig]: LogoNovigIcon
 };
 var VENUE_LOGO_BASE_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos";
+var DEFAULT_VENUE_LOGO_URL = `${VENUE_LOGO_BASE_URL}/default.png`;
 var venueLogoUrlRegistry = {
-  [import_sdk10.Venue.kalshi]: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
-  [import_sdk10.Venue.limitless]: `${VENUE_LOGO_BASE_URL}/limitless.png`,
-  [import_sdk10.Venue.opinion]: `${VENUE_LOGO_BASE_URL}/opinion.png`,
-  [import_sdk10.Venue.polymarket]: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
-  [import_sdk10.Venue.predict]: `${VENUE_LOGO_BASE_URL}/predict.png`,
-  [import_sdk10.Venue.probable]: `${VENUE_LOGO_BASE_URL}/probable.png`,
-  [import_sdk10.Venue.myriad]: `${VENUE_LOGO_BASE_URL}/myriad.png`,
-  [import_sdk10.Venue.hyperliquid]: `${VENUE_LOGO_BASE_URL}/hyperliquid.png`
+  [import_sdk11.Venue.kalshi]: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
+  [import_sdk11.Venue.limitless]: `${VENUE_LOGO_BASE_URL}/limitless.png`,
+  [import_sdk11.Venue.opinion]: `${VENUE_LOGO_BASE_URL}/opinion.png`,
+  [import_sdk11.Venue.polymarket]: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
+  [import_sdk11.Venue.predict]: `${VENUE_LOGO_BASE_URL}/predict.png`,
+  [import_sdk11.Venue.probable]: `${VENUE_LOGO_BASE_URL}/probable.png`,
+  [import_sdk11.Venue.myriad]: `${VENUE_LOGO_BASE_URL}/myriad.png`,
+  [import_sdk11.Venue.hyperliquid]: `${VENUE_LOGO_BASE_URL}/hyperliquid.png`,
+  [import_sdk11.Venue.novig]: `${VENUE_LOGO_BASE_URL}/novig.png`
 };
 var venueLogoLabels = {
-  [import_sdk10.Venue.kalshi]: "Kalshi",
-  [import_sdk10.Venue.limitless]: "Limitless",
-  [import_sdk10.Venue.opinion]: "Opinion",
-  [import_sdk10.Venue.polymarket]: "Polymarket",
-  [import_sdk10.Venue.predict]: "Predict",
-  [import_sdk10.Venue.probable]: "Probable",
-  [import_sdk10.Venue.myriad]: "Myriad",
-  [import_sdk10.Venue.hyperliquid]: "Hyperliquid"
+  [import_sdk11.Venue.kalshi]: "Kalshi",
+  [import_sdk11.Venue.limitless]: "Limitless",
+  [import_sdk11.Venue.opinion]: "Opinion",
+  [import_sdk11.Venue.polymarket]: "Polymarket",
+  [import_sdk11.Venue.predict]: "Predict",
+  [import_sdk11.Venue.probable]: "Probable",
+  [import_sdk11.Venue.myriad]: "Myriad",
+  [import_sdk11.Venue.hyperliquid]: "Hyperliquid",
+  [import_sdk11.Venue.novig]: "Novig"
 };
 var DEFAULT_VENUE_LABEL = "Market";
-var DEFAULT_VENUE_LOGO_URL = `${VENUE_LOGO_BASE_URL}/default.png`;
 var venueLogoNames = Object.keys(venueLogoRegistry);
 var sizeClasses2 = {
   small: "h-4 w-4",
@@ -5542,24 +5591,29 @@ var sizeClasses2 = {
 };
 var lineColorByVenue = {
   light: {
-    [import_sdk10.Venue.kalshi]: "#00D295",
-    [import_sdk10.Venue.limitless]: "#C4FF00",
-    [import_sdk10.Venue.opinion]: "#000000",
-    [import_sdk10.Venue.polymarket]: "#2E5CFF",
-    [import_sdk10.Venue.predict]: "#6D57F8",
-    [import_sdk10.Venue.probable]: "#F05923",
-    [import_sdk10.Venue.myriad]: "#000000",
-    [import_sdk10.Venue.hyperliquid]: "#97FCE4"
+    [import_sdk11.Venue.kalshi]: "#00D295",
+    [import_sdk11.Venue.limitless]: "#C4FF00",
+    [import_sdk11.Venue.opinion]: "#000000",
+    [import_sdk11.Venue.polymarket]: "#2E5CFF",
+    [import_sdk11.Venue.predict]: "#6D57F8",
+    [import_sdk11.Venue.probable]: "#F05923",
+    [import_sdk11.Venue.myriad]: "#000000",
+    [import_sdk11.Venue.hyperliquid]: "#97FCE4",
+    // Novig's own `<meta name="theme-color">`. Their logomark is monochrome
+    // (cream on #050505, like Opinion/Myriad), but unlike those two this blue
+    // reads on both themes, so it does not need the light/dark flip they use.
+    [import_sdk11.Venue.novig]: "#179BE7"
   },
   dark: {
-    [import_sdk10.Venue.kalshi]: "#00D295",
-    [import_sdk10.Venue.limitless]: "#C4FF00",
-    [import_sdk10.Venue.opinion]: "#FFFFFF",
-    [import_sdk10.Venue.polymarket]: "#2E5CFF",
-    [import_sdk10.Venue.predict]: "#6D57F8",
-    [import_sdk10.Venue.probable]: "#F05923",
-    [import_sdk10.Venue.myriad]: "#FFFFFF",
-    [import_sdk10.Venue.hyperliquid]: "#97FCE4"
+    [import_sdk11.Venue.kalshi]: "#00D295",
+    [import_sdk11.Venue.limitless]: "#C4FF00",
+    [import_sdk11.Venue.opinion]: "#FFFFFF",
+    [import_sdk11.Venue.polymarket]: "#2E5CFF",
+    [import_sdk11.Venue.predict]: "#6D57F8",
+    [import_sdk11.Venue.probable]: "#F05923",
+    [import_sdk11.Venue.myriad]: "#FFFFFF",
+    [import_sdk11.Venue.hyperliquid]: "#97FCE4",
+    [import_sdk11.Venue.novig]: "#179BE7"
   }
 };
 var resolveVenueLineColor = (venue, isDarkTheme) => {
@@ -5598,7 +5652,7 @@ var resolveVenueLogoIsColor = ({
 };
 
 // src/primitives/venue-logo/index.tsx
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
   variant = "icon",
@@ -5611,7 +5665,7 @@ var VenueLogo = ({
   title: title2
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks24.useLabels)();
+  const labels = (0, import_hooks25.useLabels)();
   const sizeClass = sizeClasses2[size];
   const resolvedLabel = resolveVenueLogoLabel({
     ariaLabel,
@@ -5624,7 +5678,7 @@ var VenueLogo = ({
     console.warn(`[AggUI] Unknown venue "${venue}" \u2014 using default logo`);
   }
   if (variant === "logo") {
-    return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
       RemoteImage,
       {
         src: (_a = venueLogoUrlRegistry[venue]) != null ? _a : DEFAULT_VENUE_LOGO_URL,
@@ -5639,7 +5693,7 @@ var VenueLogo = ({
     isColor,
     isMonochromatic
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
     Component,
     {
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
@@ -5755,7 +5809,7 @@ var resolveEventHeading = ({
 };
 
 // src/events/item/event-list-item.utils.ts
-var import_hooks25 = require("@agg-build/hooks");
+var import_hooks26 = require("@agg-build/hooks");
 
 // src/events/shared/venue-market-cluster.ts
 var toNonEmptyString = (value) => {
@@ -5923,11 +5977,11 @@ var formatPriceGapPercent = (value, mode = "percent") => {
   if (value <= 0) return void 0;
   if (mode === "fraction") {
     const percentageValue = value * 100;
-    if (percentageValue < import_hooks25.MIN_PRICE_GAP_PCT) return void 0;
+    if (percentageValue < import_hooks26.MIN_PRICE_GAP_PCT) return void 0;
     return `${Math.round(percentageValue)}%`;
   }
-  if (value < import_hooks25.MIN_PRICE_GAP_PCT) return void 0;
-  if (value > import_hooks25.MAX_PRICE_GAP_PCT) return void 0;
+  if (value < import_hooks26.MIN_PRICE_GAP_PCT) return void 0;
+  if (value > import_hooks26.MAX_PRICE_GAP_PCT) return void 0;
   return `${Math.round(value)}%`;
 };
 var sortOutcomes = (outcomes) => {
@@ -6011,7 +6065,7 @@ var resolveDisplayVolume = (eventVolume, venueMarkets) => {
 };
 
 // src/primitives/modal/index.tsx
-var import_hooks26 = require("@agg-build/hooks");
+var import_hooks27 = require("@agg-build/hooks");
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
 
 // src/primitives/modal/modal.constants.ts
@@ -6035,7 +6089,7 @@ var resolveModalCloseIcon = ({
 };
 
 // src/primitives/modal/index.tsx
-var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_jsx_runtime117 = require("react/jsx-runtime");
 var Modal = ({
   open,
   onOpenChange,
@@ -6043,7 +6097,7 @@ var Modal = ({
   "aria-label": _ariaLabel,
   "aria-labelledby": _ariaLabelledBy
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Dialog.Root, { open, onOpenChange, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Dialog.Root, { open, onOpenChange, children });
 };
 var ModalContainer = ({
   children,
@@ -6055,11 +6109,11 @@ var ModalContainer = ({
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks26.useSdkUiConfig)();
+  } = (0, import_hooks27.useSdkUiConfig)();
   const overlayAnimationClassName = resolveModalOverlayAnimationClassName(enableAnimations);
   const panelAnimationClassName = resolveModalPanelAnimationClassName(enableAnimations);
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Dialog.Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Dialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
       Dialog.Overlay,
       {
         className: cn(
@@ -6070,7 +6124,7 @@ var ModalContainer = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
       Dialog.Content,
       {
         className: cn(
@@ -6096,7 +6150,7 @@ var ModalContainer = ({
             event.preventDefault();
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
           "div",
           {
             className: cn(
@@ -6104,7 +6158,7 @@ var ModalContainer = ({
               "items-end md:items-center",
               "flex h-full min-h-0 w-full justify-center p-0 md:p-5"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
               "div",
               {
                 className: cn(
@@ -6144,14 +6198,14 @@ var ModalHeader = ({
 }) => {
   const {
     features: { enableAnimations }
-  } = (0, import_hooks26.useSdkUiConfig)();
-  const labels = (0, import_hooks26.useLabels)();
-  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(CloseIcon, { className: "h-6 w-6" });
+  } = (0, import_hooks27.useSdkUiConfig)();
+  const labels = (0, import_hooks27.useLabels)();
+  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(CloseIcon, { className: "h-6 w-6" });
   const resolvedCloseIcon = resolveModalCloseIcon({
     closeIcon,
     defaultCloseIcon
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
     "div",
     {
       className: cn(
@@ -6164,7 +6218,7 @@ var ModalHeader = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
           "div",
           {
             className: cn(
@@ -6177,8 +6231,8 @@ var ModalHeader = ({
               classNames == null ? void 0 : classNames.container
             ),
             children: [
-              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_jsx_runtime116.Fragment, { children: leftElement }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_jsx_runtime117.Fragment, { children: leftElement }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
                 "div",
                 {
                   className: cn(
@@ -6187,7 +6241,7 @@ var ModalHeader = ({
                     classNames == null ? void 0 : classNames.titleContainer
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                       Dialog.Title,
                       {
                         className: cn(
@@ -6201,7 +6255,7 @@ var ModalHeader = ({
                         children: title2
                       }
                     ),
-                    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+                    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                       "span",
                       {
                         className: cn(
@@ -6215,9 +6269,9 @@ var ModalHeader = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
-                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_jsx_runtime116.Fragment, { children: rightElement }) : null,
-                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
+                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_jsx_runtime117.Fragment, { children: rightElement }) : null,
+                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                   Dialog.Close,
                   {
                     className: cn(
@@ -6234,14 +6288,14 @@ var ModalHeader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "agg-modal-header-extra", children }) : null
+        children ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "agg-modal-header-extra", children }) : null
       ]
     }
   );
 };
 Modal.Header = ModalHeader;
 var ModalBody = ({ children, classNames }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
     "div",
     {
       className: cn(
@@ -6262,7 +6316,7 @@ var ModalFooter = ({
   classNames,
   hideBorder = false
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
     "div",
     {
       className: cn(
@@ -6283,7 +6337,7 @@ Modal.Footer = ModalFooter;
 Modal.displayName = "Modal";
 
 // src/primitives/select/index.tsx
-var import_hooks27 = require("@agg-build/hooks");
+var import_hooks28 = require("@agg-build/hooks");
 var import_react5 = require("react");
 var import_react_dom = require("react-dom");
 
@@ -6305,7 +6359,7 @@ var resolveIsSelectDisabled = ({
 };
 
 // src/primitives/select/index.tsx
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_jsx_runtime118 = require("react/jsx-runtime");
 var SELECT_DROPDOWN_Z = 1e4;
 function resolveSelectPortalContainer(triggerRoot) {
   var _a, _b;
@@ -6328,11 +6382,11 @@ var Select = ({
   contentSideOffset = 8
 }) => {
   var _a;
-  const labels = (0, import_hooks27.useLabels)();
+  const labels = (0, import_hooks28.useLabels)();
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks27.useSdkUiConfig)();
+  } = (0, import_hooks28.useSdkUiConfig)();
   const isDisabled = resolveIsSelectDisabled({ disabled, items });
   const selectedItem = resolveSelectedItem(items, value);
   const [isOpen, setIsOpen] = (0, import_react5.useState)(false);
@@ -6424,7 +6478,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_runtime117.jsx)(
+  const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
     "div",
     {
       ref: portalRef,
@@ -6452,7 +6506,7 @@ var Select = ({
         const isSelected = item.value === value;
         const isHidden = item.hidden === true;
         if (isHidden) return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
           "button",
           {
             type: "button",
@@ -6476,14 +6530,14 @@ var Select = ({
               handleClose();
             },
             children: [
-              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime118.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_runtime117.jsx)(
+              item.icon ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                 "span",
                 {
                   className: cn(
@@ -6492,7 +6546,7 @@ var Select = ({
                   ),
                   children: item.icon
                 }
-              ) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+              ) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                 RemoteImage,
                 {
                   src: item.iconUrl,
@@ -6500,7 +6554,7 @@ var Select = ({
                   className: "agg-select-item-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
             ]
           },
           item.value
@@ -6508,7 +6562,7 @@ var Select = ({
       })
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
     "div",
     {
       ref: containerRef,
@@ -6518,7 +6572,7 @@ var Select = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
           "button",
           {
             type: "button",
@@ -6542,7 +6596,7 @@ var Select = ({
             onPointerEnter: handlePointerEnter,
             onPointerLeave: handlePointerLeave,
             children: [
-              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime117.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_runtime117.jsx)(
+              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                 RemoteImage,
                 {
                   src: selectedItem.iconUrl,
@@ -6550,18 +6604,18 @@ var Select = ({
                   className: "agg-select-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime118.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_runtime117.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
               Icon,
               {
                 name: isOpen ? "chevron-up" : "chevron-down-thin",
@@ -6580,7 +6634,7 @@ Select.displayName = "Select";
 
 // src/primitives/state-message/index.tsx
 var import_react6 = require("react");
-var import_hooks28 = require("@agg-build/hooks");
+var import_hooks29 = require("@agg-build/hooks");
 
 // src/primitives/typography/typography.constants.ts
 var display = cn("agg-type-display");
@@ -6645,7 +6699,7 @@ var getTypographyClassName = ({
 };
 
 // src/primitives/typography/index.tsx
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 var Typography = ({
   as: Component = "p",
   variant = "body",
@@ -6653,7 +6707,7 @@ var Typography = ({
   children,
   "aria-label": ariaLabel
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Component, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Component, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
 };
 Typography.displayName = "Typography";
 
@@ -6666,7 +6720,7 @@ var resolveStateMessageHasAction = ({ onAction }) => {
 };
 
 // src/primitives/state-message/index.tsx
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 var StateMessage = (_a) => {
   var _b = _a, {
     icon,
@@ -6681,13 +6735,13 @@ var StateMessage = (_a) => {
     "onAction",
     "classNames"
   ]);
-  const labels = (0, import_hooks28.useLabels)();
+  const labels = (0, import_hooks29.useLabels)();
   const hasAction = resolveStateMessageHasAction({ onAction });
   const resolvedIcon = (0, import_react6.cloneElement)(icon, {
     className: cn(STATE_MESSAGE_ICON_CLASS_NAME, icon.props.className, classNames == null ? void 0 : classNames.icon),
     "aria-hidden": true
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
     "div",
     __spreadProps(__spreadValues({}, rest), {
       className: cn(
@@ -6698,7 +6752,7 @@ var StateMessage = (_a) => {
       role: "status",
       "aria-live": "polite",
       "aria-label": title2,
-      children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
         "div",
         {
           className: cn(
@@ -6707,7 +6761,7 @@ var StateMessage = (_a) => {
           ),
           children: [
             resolvedIcon,
-            /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
               "div",
               {
                 className: cn(
@@ -6715,8 +6769,8 @@ var StateMessage = (_a) => {
                   classNames == null ? void 0 : classNames.text
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
-                  description ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
+                  description ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                     Typography,
                     {
                       variant: "label",
@@ -6727,7 +6781,7 @@ var StateMessage = (_a) => {
                 ]
               }
             ),
-            hasAction ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+            hasAction ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
               Button,
               {
                 variant: "tertiary",
@@ -6754,7 +6808,7 @@ var StateMessage = (_a) => {
 StateMessage.displayName = "StateMessage";
 
 // src/primitives/tabs/index.tsx
-var import_hooks29 = require("@agg-build/hooks");
+var import_hooks30 = require("@agg-build/hooks");
 var import_react8 = require("react");
 
 // src/shared/use-horizontal-scroll-state.ts
@@ -6829,7 +6883,7 @@ var findEdgeEnabledIndex = (items, direction) => {
 };
 
 // src/primitives/tabs/index.tsx
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 var getTabButtonClassName = ({
   enableAnimations,
   isBarVariant,
@@ -6872,10 +6926,10 @@ var Tabs = ({
   className,
   classNames
 }) => {
-  const labels = (0, import_hooks29.useLabels)();
+  const labels = (0, import_hooks30.useLabels)();
   const {
     features: { enableAnimations }
-  } = (0, import_hooks29.useSdkUiConfig)();
+  } = (0, import_hooks30.useSdkUiConfig)();
   const buttonRefs = (0, import_react8.useRef)([]);
   const dragStateRef = (0, import_react8.useRef)({
     isPointerDown: false,
@@ -7150,7 +7204,7 @@ var Tabs = ({
     });
   }, [enableAnimations, renderedItems, shouldUseOverflowScroll, updateScrollState, value]);
   if (shouldUseOverflowSelect) {
-    return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
       Select,
       {
         ariaLabel,
@@ -7162,7 +7216,7 @@ var Tabs = ({
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
     "div",
     {
       className: cn(
@@ -7173,7 +7227,7 @@ var Tabs = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
           "div",
           {
             ref: tabListRef,
@@ -7187,7 +7241,7 @@ var Tabs = ({
             onPointerUp: handleEndTabListDrag,
             onWheel: handleTabListWheel,
             children: [
-              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
                 "span",
                 {
                   "aria-hidden": true,
@@ -7198,7 +7252,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_runtime120.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
                   "button",
                   {
                     ref: (buttonElement) => {
@@ -7234,7 +7288,7 @@ var Tabs = ({
                     ),
                     children: [
                       item.icon ? item.icon : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
                         "span",
                         {
                           className: cn(
@@ -7252,7 +7306,7 @@ var Tabs = ({
                   item.value
                 );
               }),
-              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
                 "span",
                 {
                   "aria-hidden": true,
@@ -7271,8 +7325,8 @@ var Tabs = ({
             ]
           }
         ),
-        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_jsx_runtime120.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -7284,7 +7338,7 @@ var Tabs = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -7297,8 +7351,8 @@ var Tabs = ({
             }
           )
         ] }) : null,
-        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_jsx_runtime120.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
             "button",
             {
               type: "button",
@@ -7320,10 +7374,10 @@ var Tabs = ({
                   behavior: getScrollBehavior(enableAnimations)
                 });
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
             "button",
             {
               type: "button",
@@ -7345,7 +7399,7 @@ var Tabs = ({
                   behavior: getScrollBehavior(enableAnimations)
                 });
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
             }
           )
         ] }) : null
@@ -7356,7 +7410,7 @@ var Tabs = ({
 Tabs.displayName = "Tabs";
 
 // src/primitives/tooltip/index.tsx
-var import_hooks30 = require("@agg-build/hooks");
+var import_hooks31 = require("@agg-build/hooks");
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var import_react9 = require("react");
 
@@ -7390,7 +7444,7 @@ var resolveTooltipArrowDimensions = (size) => {
 };
 
 // src/primitives/tooltip/index.tsx
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 var Tooltip = ({
   content,
   children,
@@ -7405,25 +7459,25 @@ var Tooltip = ({
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks30.useSdkUiConfig)();
+  } = (0, import_hooks31.useSdkUiConfig)();
   const trigger = (0, import_react9.useMemo)(() => {
     if (children) return children;
-    return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
       "button",
       {
         type: "button",
         className: resolveTooltipTriggerClassName(classNames == null ? void 0 : classNames.trigger),
         "aria-label": ariaLabel != null ? ariaLabel : defaultTooltipTriggerAriaLabel,
-        children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime122.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_runtime121.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(TooltipPrimitive.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(TooltipPrimitive.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
       TooltipPrimitive.Content,
       {
         side,
@@ -7447,7 +7501,7 @@ var Tooltip = ({
           classNames == null ? void 0 : classNames.content
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
             "svg",
             {
               width: arrowWidth,
@@ -7456,8 +7510,8 @@ var Tooltip = ({
               "aria-hidden": "true",
               className: cn("overflow-visible", classNames == null ? void 0 : classNames.arrow),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
-                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                   "path",
                   {
                     d: arrowBorderPath,
@@ -7635,13 +7689,13 @@ var normalizeEventListItemV2Comparison = ({
 var baseCardClassName = "gap-3 overflow-hidden p-4 w-full";
 
 // src/events/item/index.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 var EventListItemLoadingState = ({
   classNames,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks31.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  const labels = (0, import_hooks32.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     Skeleton,
     {
       view: "event-list-item",
@@ -7654,8 +7708,8 @@ var EventListItemUnavailableState = ({
   classNames,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks31.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  const labels = (0, import_hooks32.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     Card,
     {
       className: cn(
@@ -7665,8 +7719,8 @@ var EventListItemUnavailableState = ({
       ),
       role: "status",
       "aria-label": ariaLabel != null ? ariaLabel : labels.eventItem.unavailableAria,
-      children: /* @__PURE__ */ (0, import_jsx_runtime122.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_runtime122.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: cn("agg-event-card-header min-h-12 flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
           Typography,
           {
             variant: "body-large-strong",
@@ -7674,7 +7728,7 @@ var EventListItemUnavailableState = ({
             children: labels.eventItem.unavailableTitle
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItem.unavailableDescription })
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItem.unavailableDescription })
       ] })
     }
   );
@@ -7683,13 +7737,13 @@ var EventListItemNotFoundState = ({
   classNames: _classNames,
   ariaLabel: _ariaLabel
 }) => {
-  const labels = (0, import_hooks31.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  const labels = (0, import_hooks32.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     StateMessage,
     {
       title: labels.eventItemDetails.notFoundTitle,
       description: labels.eventItemDetails.notFoundDescription,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(SearchEmptyIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(SearchEmptyIcon, {}),
       classNames: { root: "agg-event-card-state min-h-[280px] md:min-h-[320px]" }
     }
   );
@@ -7838,8 +7892,8 @@ var EventListItemContent = ({
   marketStatus
 }) => {
   var _a;
-  const config = (0, import_hooks31.useSdkUiConfig)();
-  const labels = (0, import_hooks31.useLabels)();
+  const config = (0, import_hooks32.useSdkUiConfig)();
+  const labels = (0, import_hooks32.useLabels)();
   const allVenueMarkets = (0, import_react10.useMemo)(() => event.venueMarkets, [event.venueMarkets]);
   const eventHeading = resolveEventHeading({
     title: event.title,
@@ -7854,7 +7908,7 @@ var EventListItemContent = ({
   const resolvedImage = event.image;
   const visibleVenueLogos = (0, import_react10.useMemo)(() => {
     var _a2;
-    return (0, import_hooks31.sortVenues)(Array.from(new Set(((_a2 = event.venues) != null ? _a2 : []).map((venue) => venue))));
+    return (0, import_hooks32.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;
@@ -7873,7 +7927,7 @@ var EventListItemContent = ({
     hasNextPage: hasNextLazyMarketsPage,
     isLoading: isLoadingLazyMarkets,
     isFetchingNextPage: isFetchingNextLazyMarketsPage
-  } = (0, import_hooks31.useVenueMarkets)({
+  } = (0, import_hooks32.useVenueMarkets)({
     venueEventId: event.id,
     enabled: shouldEnableLazyMarketLoading && isLazyMarketsQueryEnabled,
     // List/tile surface: axis/dates sort by volume so the scroll tail matches
@@ -7899,11 +7953,11 @@ var EventListItemContent = ({
     }
     return [...new Set(ids)];
   }, [resolvedOutcomeMarkets]);
-  const { midpointRows: fetchedMidpointRows, isLoading: isVenueMarketMidpointsLoading } = (0, import_hooks31.useVenueMarketMidpoints)({
+  const { midpointRows: fetchedMidpointRows, isLoading: isVenueMarketMidpointsLoading } = (0, import_hooks32.useVenueMarketMidpoints)({
     venueMarketIds: shouldUseSharedMidpoints ? [] : midpointVenueMarketIds,
     enabled: !shouldUseSharedMidpoints && midpointVenueMarketIds.length > 0
   });
-  const { prices: displayMidpointsByOutcomeId, isLoading: isOutcomeMidpointsLoading } = (0, import_hooks31.useMidpoints)(shouldUseSharedMidpoints ? [] : resolvedOutcomeMarkets);
+  const { prices: displayMidpointsByOutcomeId, isLoading: isOutcomeMidpointsLoading } = (0, import_hooks32.useMidpoints)(shouldUseSharedMidpoints ? [] : resolvedOutcomeMarkets);
   const resolvedMidpointRows = shouldUseSharedMidpoints ? sharedMidpointRows != null ? sharedMidpointRows : [] : fetchedMidpointRows;
   const resolvedDisplayMidpointsByOutcomeId = shouldUseSharedMidpoints ? midpointPrices != null ? midpointPrices : /* @__PURE__ */ new Map() : displayMidpointsByOutcomeId;
   const isAwaitingMidpoints = midpointsLoading != null ? midpointsLoading : isOutcomeMidpointsLoading || midpointVenueMarketIds.length > 0 && isVenueMarketMidpointsLoading;
@@ -8022,9 +8076,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_runtime122.jsxs)("div", { className: cn("flex items-center gap-1", "text-agg-success"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Typography, { variant: "label-strong", className: "text-agg-success", children: config.formatting.formatPercent(value) }),
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: cn("flex items-center gap-1", "text-agg-success"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Typography, { variant: "label-strong", className: "text-agg-success", children: config.formatting.formatPercent(value) }),
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
         Icon,
         {
           name: "triangle-up",
@@ -8038,8 +8092,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_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
-      Array.from({ length: collapsedCount }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
+      Array.from({ length: collapsedCount }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
         "span",
         {
           "aria-hidden": "true",
@@ -8051,7 +8105,7 @@ var EventListItemContent = ({
         },
         `agg-outcome-price-loading-collapsed-${index}`
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
         "span",
         {
           "aria-hidden": "true",
@@ -8068,7 +8122,7 @@ var EventListItemContent = ({
     if (isAwaitingMidpoints) return null;
     const formattedPriceGap = formatPriceGapPercent(value, source);
     if (!formattedPriceGap) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
       "span",
       {
         className: cn(
@@ -8081,14 +8135,14 @@ var EventListItemContent = ({
         title: labels.eventItem.priceGap,
         "aria-label": `${formattedPriceGap} ${labels.eventItem.priceGap}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime122.jsx)("span", { children: formattedPriceGap })
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: formattedPriceGap })
         ]
       }
     );
@@ -8100,11 +8154,11 @@ var EventListItemContent = ({
     const hasVenueCompetition = row.prices.length > 1;
     const isHighlightedBestPrice = hasVenueCompetition && price.isBest;
     const shouldCollapsePriceText = hasVenueCompetition && !isHighlightedBestPrice;
-    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
       Badge,
       {
         text: formatMarketProbabilityPercent(price.price, config.formatting.formatPercent),
-        prefix: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+        prefix: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
           VenueLogo,
           {
             venue: price.venue,
@@ -8147,7 +8201,7 @@ var EventListItemContent = ({
       `${price.market.id}:${price.outcome.id}`
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
     Card,
     {
       className: cn(
@@ -8164,11 +8218,11 @@ var EventListItemContent = ({
       "aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle, resolvedTimestamp].filter(Boolean).join(" "),
       withGradient: true,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: cn("agg-event-card-header flex items-center gap-4", classNames == null ? void 0 : classNames.header), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: cn("agg-event-card-header flex items-center gap-4", classNames == null ? void 0 : classNames.header), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
             RemoteImage,
             {
-              src: (0, import_hooks31.optimizedImageUrl)(resolvedImage, 40),
+              src: (0, import_hooks32.optimizedImageUrl)(resolvedImage, 40),
               alt: "",
               classNames: {
                 root: "agg-event-image h-10 w-10 shrink-0 rounded-agg-lg object-cover",
@@ -8176,8 +8230,8 @@ var EventListItemContent = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "min-w-0 flex-1 self-stretch", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex h-12 min-w-0 flex-col justify-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "min-w-0 flex-1 self-stretch", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex h-12 min-w-0 flex-col justify-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
               Typography,
               {
                 variant: "body-strong",
@@ -8190,7 +8244,7 @@ var EventListItemContent = ({
                 children: resolvedTitle
               }
             ),
-            resolvedTimestamp ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "agg-event-timestamp-row mt-0.5 h-5 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+            resolvedTimestamp ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "agg-event-timestamp-row mt-0.5 h-5 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
               Typography,
               {
                 variant: "body",
@@ -8203,8 +8257,8 @@ var EventListItemContent = ({
             ) }) : null
           ] }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "relative w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "relative w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
             "div",
             {
               ref: outcomesContainerRef,
@@ -8222,7 +8276,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_runtime122.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
                     "div",
                     {
                       className: cn(
@@ -8231,7 +8285,7 @@ var EventListItemContent = ({
                         classNames == null ? void 0 : classNames.outcomeRow
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime122.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_runtime122.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "agg-outcome-label-row flex min-w-0 flex-1 flex-row items-center justify-start gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                           Typography,
                           {
                             variant: "body",
@@ -8239,10 +8293,10 @@ var EventListItemContent = ({
                             children: row.label
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-outcome-meta flex shrink-0 flex-row items-center justify-end gap-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime122.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_runtime123.jsx)("div", { className: "agg-outcome-price-strip relative flex shrink-0 items-center justify-end", children: isAwaitingMidpoints ? renderPriceStripSkeleton(row.prices.length) : row.prices.map(
                             (price, priceIndex) => renderComparisonPriceBadge(row, price, priceIndex)
                           ) })
                         ] })
@@ -8251,15 +8305,15 @@ var EventListItemContent = ({
                     row.id
                   );
                 }),
-                shouldRenderLoadingOutcomeRow ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-outcome-row-loading flex w-full items-center justify-between gap-3", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                shouldRenderLoadingOutcomeRow ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-outcome-row-loading flex w-full items-center justify-between gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                     "div",
                     {
                       "aria-hidden": "true",
                       className: "bg-agg-separator animate-pulse h-5 rounded-agg-sm w-[200px]"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                     "div",
                     {
                       "aria-hidden": "true",
@@ -8270,7 +8324,7 @@ var EventListItemContent = ({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
             "div",
             {
               className: cn(
@@ -8280,7 +8334,7 @@ var EventListItemContent = ({
               style: { height: OUTCOMES_SCROLL_MASK_HEIGHT_PX }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
             "div",
             {
               className: cn(
@@ -8291,7 +8345,7 @@ var EventListItemContent = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
           "div",
           {
             className: cn(
@@ -8301,14 +8355,14 @@ var EventListItemContent = ({
               classNames == null ? void 0 : classNames.footer
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime122.jsx)(
+                    outcomesScrollState.remainingMarkets > 0 ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                       Typography,
                       {
                         variant: "body",
@@ -8316,9 +8370,9 @@ var EventListItemContent = ({
                         children: labels.eventItem.remainingMarkets(outcomesScrollState.remainingMarkets)
                       }
                     ) : null,
-                    shouldShowMatchedVenueSummary ? /* @__PURE__ */ (0, import_jsx_runtime122.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_runtime122.jsxs)("span", { className: "agg-event-single-venue flex min-w-0 items-center gap-1 overflow-hidden", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                    shouldShowMatchedVenueSummary ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "agg-event-matched-badge rounded-agg-full bg-agg-primary/10 px-2 py-[3px] text-agg-2xs font-agg-bold uppercase leading-agg-14 text-agg-primary", children: matchedCountLabel }) : null,
+                    singleFooterVenue ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("span", { className: "agg-event-single-venue flex min-w-0 items-center gap-1 overflow-hidden", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                         VenueLogo,
                         {
                           venue: singleFooterVenue,
@@ -8327,9 +8381,9 @@ var EventListItemContent = ({
                           className: "text-agg-muted-foreground! size-[14px]!"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "truncate text-agg-muted-foreground", children: resolveVenueLabel(singleFooterVenue, void 0, labels) })
+                      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "truncate text-agg-muted-foreground", children: resolveVenueLabel(singleFooterVenue, void 0, labels) })
                     ] }) : null,
-                    shouldShowMatchedVenueSummary && visibleFooterVenues.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "agg-event-venues flex items-center gap-1 overflow-hidden", children: visibleFooterVenues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                    shouldShowMatchedVenueSummary && visibleFooterVenues.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "agg-event-venues flex items-center gap-1 overflow-hidden", children: visibleFooterVenues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                       VenueLogo,
                       {
                         venue,
@@ -8342,7 +8396,7 @@ var EventListItemContent = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                 Typography,
                 {
                   variant: "label",
@@ -8368,7 +8422,7 @@ var EventListItemByEventId = (_a) => {
     error,
     isError,
     isLoading
-  } = (0, import_hooks31.useVenueEvent)({
+  } = (0, import_hooks32.useVenueEvent)({
     eventId: eventId != null ? eventId : "",
     enabled: !!eventId
   });
@@ -8376,44 +8430,44 @@ var EventListItemByEventId = (_a) => {
     return resolveEventListItemEvent(fetchedEvent);
   }, [fetchedEvent]);
   if (!eventId) {
-    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (isErrorWithStatus(error, 404)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(EventListItemNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItemNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (!fetchedEvent && !isError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (!resolvedEvent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(EventListItemContent, __spreadValues({ event: resolvedEvent }, rest));
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItemContent, __spreadValues({ event: resolvedEvent }, rest));
 };
 var EventListItem = (props) => {
   if (props.isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(EventListItemLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime122.jsx)(EventListItemContent, __spreadValues({ event }, rest));
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItemContent, __spreadValues({ event }, rest));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(EventListItemByEventId, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItemByEventId, __spreadValues({}, props));
 };
 EventListItem.displayName = "EventListItem";
 var EventListItemV2 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(EventListItem, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EventListItem, __spreadValues({}, props));
 };
 EventListItemV2.displayName = "EventListItemV2";
 
 // src/events/item-details/index.tsx
-var import_hooks40 = require("@agg-build/hooks");
+var import_hooks41 = require("@agg-build/hooks");
 var import_react16 = require("react");
 
 // src/primitives/chart/chart-type-switch.tsx
-var import_hooks32 = require("@agg-build/hooks");
+var import_hooks33 = require("@agg-build/hooks");
 var import_react11 = require("react");
 
 // src/primitives/chart/chart-type-switch.constants.ts
@@ -8439,13 +8493,13 @@ var resolveChartTypeOptionIconName = (chartType) => {
 };
 
 // src/primitives/chart/chart-type-switch.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 var ChartTypeSwitch = ({
   value,
   onValueChange,
   className
 }) => {
-  const labels = (0, import_hooks32.useLabels)();
+  const labels = (0, import_hooks33.useLabels)();
   const options = (0, import_react11.useMemo)(
     () => CHART_TYPE_SWITCH_OPTION_KEYS.map((chartType) => ({
       value: chartType,
@@ -8475,7 +8529,7 @@ var ChartTypeSwitch = ({
     }
     onValueChange(nextOption.value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     "div",
     {
       className: cn("agg-chart-type-switch inline-flex items-center gap-2", className),
@@ -8483,7 +8537,7 @@ var ChartTypeSwitch = ({
       "aria-label": labels.common.chartTypeSwitchAria,
       children: options.map((option, index) => {
         const isActive = option.value === value;
-        return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           "button",
           {
             type: "button",
@@ -8510,7 +8564,7 @@ var ChartTypeSwitch = ({
             onKeyDown: (event) => {
               handleKeyDown(event, index);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { name: option.iconName, color: "currentColor", className: "h-5 w-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Icon, { name: option.iconName, color: "currentColor", className: "h-5 w-5" })
           },
           option.value
         );
@@ -8521,10 +8575,10 @@ var ChartTypeSwitch = ({
 ChartTypeSwitch.displayName = "ChartTypeSwitch";
 
 // src/trading/trading-context/index.tsx
-var import_hooks33 = require("@agg-build/hooks");
+var import_hooks34 = require("@agg-build/hooks");
 
 // src/events/market-details/market-details.utils.ts
-var import_sdk12 = require("@agg-build/sdk");
+var import_sdk13 = require("@agg-build/sdk");
 var import_dayjs4 = __toESM(require("dayjs"));
 
 // src/events/item-details/event-list-item-details.utils.ts
@@ -8870,12 +8924,12 @@ var resolveMarketChartLiveState = ({
 };
 
 // src/events/orderbook/orderbook.utils.ts
-var import_sdk11 = require("@agg-build/sdk");
-var isOrderBookLevel = (v) => (0, import_sdk11.hasShape)(v, {
+var import_sdk12 = require("@agg-build/sdk");
+var isOrderBookLevel = (v) => (0, import_sdk12.hasShape)(v, {
   price: (p) => typeof p === "number" && p >= 0 && p <= 1,
   size: (s) => typeof s === "number" && s >= 0
 });
-var isOrderBookRow = (v) => (0, import_sdk11.hasShape)(v, {
+var isOrderBookRow = (v) => (0, import_sdk12.hasShape)(v, {
   id: (x) => typeof x === "string",
   venue: (x) => typeof x === "string" && x.length > 0,
   price: (p) => typeof p === "number" && p >= 0 && p <= 1,
@@ -8899,9 +8953,9 @@ var resolveOrderBookRows = ({
     var _a;
     return ((_a = result.orderbook[side]) != null ? _a : []).flatMap(
       (level, index) => {
-        const parsedLevel = (0, import_sdk11.safeParse)(level, isOrderBookLevel);
+        const parsedLevel = (0, import_sdk12.safeParse)(level, isOrderBookLevel);
         if (!parsedLevel.success) return [];
-        const parsedRow = (0, import_sdk11.safeParse)(
+        const parsedRow = (0, import_sdk12.safeParse)(
           {
             id: `${result.market.id}-${side}-${index}-${parsedLevel.data.price}`,
             venue: result.market.venue,
@@ -8976,7 +9030,7 @@ var hasBinaryLabels = (labels) => {
   return normalizedLabels.includes("yes") && normalizedLabels.includes("no");
 };
 var resolveInitialTab = (defaultTab) => {
-  const parsedTab = (0, import_sdk12.safeParse)(defaultTab, isMarketDetailsTab);
+  const parsedTab = (0, import_sdk13.safeParse)(defaultTab, isMarketDetailsTab);
   if (parsedTab.success) return parsedTab.data;
   return "order-book";
 };
@@ -9276,7 +9330,7 @@ var buildMarketDetailsModel = ({
 };
 
 // src/events/market-details/orderbook-aggregation.ts
-var import_hooks34 = require("@agg-build/hooks");
+var import_hooks35 = 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"]);
@@ -9397,7 +9451,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_hooks34.Venue.polymarket;
+    const resolvedFallbackVenue = fallbackVenue != null ? fallbackVenue : import_hooks35.Venue.polymarket;
     const venues = resolveVenues(venueBreakdown, resolvedFallbackVenue);
     const venue = resolvePrimaryVenue(venueBreakdown, resolvedFallbackVenue);
     return {
@@ -9695,7 +9749,7 @@ var shouldAutoFallbackToAllRange = ({
 };
 
 // src/events/shared/chart-venue-selection.ts
-var import_hooks35 = require("@agg-build/hooks");
+var import_hooks36 = require("@agg-build/hooks");
 var resolveChartVenueOutcomes = ({
   eligibleVenueOutcomes,
   livePrices
@@ -9707,7 +9761,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_hooks35.sortVenues)([left.venue, right.venue]);
+    const sortedVenues = (0, import_hooks36.sortVenues)([left.venue, right.venue]);
     return sortedVenues[0] === left.venue ? -1 : 1;
   });
   const venueOutcomesByVenue = /* @__PURE__ */ new Map();
@@ -9802,9 +9856,9 @@ var getDisplayOutcomePrice = ({
 };
 
 // src/events/item-details/event-list-item-details-market-selector.tsx
-var import_hooks36 = require("@agg-build/hooks");
+var import_hooks37 = require("@agg-build/hooks");
 var import_react12 = require("react");
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 var MARKET_PILL_MAX_ROWS = 2;
 var MARKET_PILL_FALLBACK_CONTAINER_WIDTH = 640;
 var MARKET_PILL_FALLBACK_GAP = 8;
@@ -9899,7 +9953,7 @@ var EventListItemDetailsMarketSelector = ({
   onChange
 }) => {
   var _a;
-  const labels = (0, import_hooks36.useLabels)();
+  const labels = (0, import_hooks37.useLabels)();
   const containerRef = (0, import_react12.useRef)(null);
   const measurementContainerRef = (0, import_react12.useRef)(null);
   const moreButtonRef = (0, import_react12.useRef)(null);
@@ -10108,7 +10162,7 @@ var EventListItemDetailsMarketSelector = ({
     setIsDropdownOpen(false);
   };
   if (isMobileViewport) {
-    return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
       AutocompleteSelect,
       {
         options,
@@ -10122,11 +10176,11 @@ var EventListItemDetailsMarketSelector = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { ref: containerRef, className: cn("agg-market-select relative w-full", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "agg-market-pill-list flex flex-wrap gap-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { ref: containerRef, className: cn("agg-market-select relative w-full", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "agg-market-pill-list flex flex-wrap gap-2", children: [
       layout.visibleItems.map((option) => {
         const isSelected = option.value === selectedValue;
-        return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
           "button",
           {
             type: "button",
@@ -10142,12 +10196,12 @@ var EventListItemDetailsMarketSelector = ({
               eventToHandle.stopPropagation();
               handleSelectMarket(option.value);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "truncate", children: option.label })
+            children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "truncate", children: option.label })
           },
           option.value
         );
       }),
-      layout.hiddenItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+      layout.hiddenItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
         "button",
         {
           ref: moreButtonRef,
@@ -10168,8 +10222,8 @@ var EventListItemDetailsMarketSelector = ({
             setIsDropdownOpen((previousValue) => !previousValue);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "truncate", children: moreButtonLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "truncate", children: moreButtonLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
               Icon,
               {
                 name: isDropdownOpen ? "chevron-up" : "chevron-down",
@@ -10183,7 +10237,7 @@ var EventListItemDetailsMarketSelector = ({
         }
       ) : null
     ] }),
-    isDropdownOpen ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+    isDropdownOpen ? /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
       "div",
       {
         id: "agg-event-details-market-dropdown",
@@ -10200,9 +10254,9 @@ var EventListItemDetailsMarketSelector = ({
           eventToHandle.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "border-b border-agg-separator", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("label", { className: "sr-only", htmlFor: "agg-event-details-market-search", children: labels.eventItemDetails.marketSelectSearchPlaceholder }),
-            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "border-b border-agg-separator", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("label", { className: "sr-only", htmlFor: "agg-event-details-market-search", children: labels.eventItemDetails.marketSelectSearchPlaceholder }),
+            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
               "input",
               {
                 ref: dropdownInputRef,
@@ -10224,7 +10278,7 @@ var EventListItemDetailsMarketSelector = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
             "div",
             {
               role: "listbox",
@@ -10233,7 +10287,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_runtime124.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
                   "button",
                   {
                     type: "button",
@@ -10252,25 +10306,25 @@ var EventListItemDetailsMarketSelector = ({
                       handleSelectMarket(option.value);
                     },
                     children: [
-                      isSelected ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                      isSelected ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                         "span",
                         {
                           "aria-hidden": "true",
                           className: "absolute bottom-2 left-0 top-2 w-1 bg-agg-primary"
                         }
                       ) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "truncate", children: option.label })
+                      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "truncate", children: option.label })
                     ]
                   },
                   option.value
                 );
-              }) : /* @__PURE__ */ (0, import_jsx_runtime124.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_runtime125.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_runtime124.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
       "div",
       {
         ref: measurementContainerRef,
@@ -10279,7 +10333,7 @@ var EventListItemDetailsMarketSelector = ({
         children: [
           options.map((option) => {
             const isSelected = option.value === selectedValue;
-            return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
               "button",
               {
                 ref: (element) => {
@@ -10291,12 +10345,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_runtime124.jsx)("span", { className: "truncate", children: option.label })
+                children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "truncate", children: option.label })
               },
               option.value
             );
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
             "button",
             {
               ref: moreButtonMeasureRef,
@@ -10304,8 +10358,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_runtime124.jsx)("span", { children: moreButtonLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { children: moreButtonLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                   Icon,
                   {
                     name: "chevron-down",
@@ -10325,17 +10379,17 @@ var EventListItemDetailsMarketSelector = ({
 };
 
 // src/events/item-details/settlement-summary.tsx
-var import_hooks39 = require("@agg-build/hooks");
+var import_hooks40 = require("@agg-build/hooks");
 var import_react15 = require("react");
 
 // src/trading/settlement/index.tsx
-var import_hooks38 = require("@agg-build/hooks");
+var import_hooks39 = require("@agg-build/hooks");
 var import_react14 = require("react");
 
 // src/trading/utils.ts
-var import_hooks37 = require("@agg-build/hooks");
+var import_hooks38 = require("@agg-build/hooks");
 var import_dayjs5 = __toESM(require("dayjs"));
-var defaultLabels = (0, import_hooks37.resolveAggUiLabels)("en-US");
+var defaultLabels = (0, import_hooks38.resolveAggUiLabels)("en-US");
 var defaultSettlementSectionLabel = defaultLabels.trading.settlementSection;
 var defaultTradingDisclaimer = defaultLabels.trading.disclaimer;
 
@@ -10387,7 +10441,7 @@ var dedupeSettlementSources = (sources) => {
 };
 
 // src/trading/settlement/settlement-text-renderer.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 var inlineTokenRegex = new RegExp(
   [
     /\[([^\]\n]+)\]\(([^)\s]+)\)/.source,
@@ -10426,12 +10480,12 @@ var renderInlineSegment = (text, baseKey) => {
     }
     if (match.index > lastIndex) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_react13.Fragment, { children: text.slice(lastIndex, match.index) }, `${baseKey}-text-${segmentIndex++}`)
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_react13.Fragment, { children: text.slice(lastIndex, match.index) }, `${baseKey}-text-${segmentIndex++}`)
       );
     }
     if (isLinkMatch(match)) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
           "a",
           {
             href: match[2],
@@ -10445,7 +10499,7 @@ var renderInlineSegment = (text, baseKey) => {
       );
     } else if (match[3] !== void 0) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
           "strong",
           {
             className: "agg-settlement-text-bold font-agg-bold",
@@ -10456,7 +10510,7 @@ var renderInlineSegment = (text, baseKey) => {
       );
     } else if (match[4] !== void 0) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
           "code",
           {
             className: "agg-settlement-text-code rounded-agg-sm bg-agg-secondary-hover px-1 py-0.5 font-mono text-[0.875em]",
@@ -10467,7 +10521,7 @@ var renderInlineSegment = (text, baseKey) => {
       );
     } else if (bareUrl !== void 0) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
           "a",
           {
             href: bareUrl,
@@ -10484,18 +10538,18 @@ var renderInlineSegment = (text, baseKey) => {
   }
   if (lastIndex < text.length) {
     nodes.push(
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_react13.Fragment, { children: text.slice(lastIndex) }, `${baseKey}-text-${segmentIndex++}`)
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_react13.Fragment, { children: text.slice(lastIndex) }, `${baseKey}-text-${segmentIndex++}`)
     );
   }
   return nodes;
 };
 var renderBlock = (block, blockIndex) => {
   if (block.kind === "list") {
-    return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime126.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_runtime125.jsx)(
+        children: block.items.map((item, itemIndex) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
           "li",
           {
             className: "agg-settlement-text-list-item",
@@ -10507,12 +10561,12 @@ var renderBlock = (block, blockIndex) => {
       `block-${blockIndex}`
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime126.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_runtime125.jsxs)(import_react13.Fragment, { children: [
-        lineIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("br", {}) : null,
+      children: block.lines.map((line, lineIndex) => /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_react13.Fragment, { children: [
+        lineIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("br", {}) : null,
         renderInlineSegment(line, `block-${blockIndex}-line-${lineIndex}`)
       ] }, `block-${blockIndex}-line-${lineIndex}`))
     },
@@ -10525,12 +10579,12 @@ var SettlementTextRenderer = ({
 }) => {
   const blocks = parseSettlementBlocks(content);
   if (blocks.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime125.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_runtime126.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_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 var SETTLEMENT_SECTION_ID = "agg-settlement-section";
 var getSettlementDifferenceId = (sectionId, canonicalKey) => {
   return `${sectionId}-difference-${canonicalKey}`;
@@ -10697,13 +10751,13 @@ var SettlementVenueRules = ({
   rules,
   labels
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "agg-settlement-venue-rules flex w-full flex-col items-start gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementFullRulesTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "flex w-full flex-col items-start gap-4", children: rules.map((rule) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "agg-settlement-venue-rules flex w-full flex-col items-start gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementFullRulesTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex w-full flex-col items-start gap-4", children: rules.map((rule) => {
       const venueLabel = resolveSettlementVenueLabel(rule.venue, labels);
-      return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("details", { className: "group/agg-settlement-rule w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime126.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_runtime126.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("details", { className: "group/agg-settlement-rule w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("summary", { className: "flex cursor-pointer list-none items-center gap-2 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors marker:hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
             VenueLogo,
             {
               venue: rule.venue,
@@ -10712,8 +10766,8 @@ var SettlementVenueRules = ({
               ariaLabel: venueLabel
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors", children: venueLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors", children: venueLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
             "i",
             {
               className: cn(
@@ -10726,7 +10780,7 @@ var SettlementVenueRules = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "mt-3 pl-6", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SettlementTextRenderer, { content: rule.content }) })
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "mt-3 pl-6", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SettlementTextRenderer, { content: rule.content }) })
       ] }, rule.venue);
     }) })
   ] });
@@ -10745,7 +10799,7 @@ var Settlement = ({
   isLoading = false
 }) => {
   var _a, _b, _c, _d, _e;
-  const labels = (0, import_hooks38.useLabels)();
+  const labels = (0, import_hooks39.useLabels)();
   const blocks = (0, import_react14.useMemo)(
     () => dedupeSettlementSources({
       eventDescription,
@@ -10790,7 +10844,7 @@ var Settlement = ({
     );
   };
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       Skeleton,
       {
         ariaLabel: labels.trading.settlementLoading,
@@ -10801,7 +10855,7 @@ var Settlement = ({
   }
   if (!hasSettlementContent) return null;
   const resolvedSectionLabel = sectionLabel === defaultSettlementSectionLabel ? labels.trading.settlementSection : sectionLabel;
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
     Card,
     {
       id,
@@ -10811,51 +10865,51 @@ var Settlement = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime126.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_runtime126.jsx)("p", { className: "shrink-0 text-agg-xs font-agg-bold leading-agg-4 uppercase", children: resolvedSectionLabel }),
-          question ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("p", { className: "agg-settlement-question min-w-0 text-agg-sm font-agg-normal leading-agg-5 sm:max-w-[314px] sm:truncate", children: question }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "agg-settlement-header flex w-full flex-col items-start gap-1 text-agg-muted-foreground sm:flex-row sm:items-center sm:justify-between sm:gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "shrink-0 text-agg-xs font-agg-bold leading-agg-4 uppercase", children: resolvedSectionLabel }),
+          question ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "agg-settlement-question min-w-0 text-agg-sm font-agg-normal leading-agg-5 sm:max-w-[314px] sm:truncate", children: question }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "agg-settlement-sections flex w-full flex-col items-start gap-5", children: [
-          hasStandaloneSettlementText ? /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "w-full", children: [
-            standaloneEventBlock || standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "agg-settlement-sections flex w-full flex-col items-start gap-5", children: [
+          hasStandaloneSettlementText ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "w-full", children: [
+            standaloneEventBlock || standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
               "div",
               {
                 className: "agg-settlement-section agg-settlement-section-description",
                 "data-source": "description",
                 children: [
-                  standaloneEventBlock ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { "data-source": "eventDescription", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SettlementTextRenderer, { content: standaloneEventBlock.content }) }) : null,
-                  standaloneEventBlock && standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("hr", { className: "agg-settlement-divider my-4 border-0 border-t border-agg-separator" }) : null,
-                  standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { "data-source": "marketDescription", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SettlementTextRenderer, { content: standaloneMarketBlock.content }) }) : null
+                  standaloneEventBlock ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { "data-source": "eventDescription", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SettlementTextRenderer, { content: standaloneEventBlock.content }) }) : null,
+                  standaloneEventBlock && standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("hr", { className: "agg-settlement-divider my-4 border-0 border-t border-agg-separator" }) : null,
+                  standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { "data-source": "marketDescription", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SettlementTextRenderer, { content: standaloneMarketBlock.content }) }) : null
                 ]
               }
             ) : null,
-            standalonePrimaryRulesBlock ? /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+            standalonePrimaryRulesBlock ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
               "div",
               {
                 className: "agg-settlement-section agg-settlement-section-primaryRules",
                 "data-source": "primaryRules",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime126.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_runtime126.jsx)(SettlementTextRenderer, { content: standalonePrimaryRulesBlock.content })
+                  /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "agg-settlement-section-label text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground mb-2", children: labels.trading.settlementPrimaryRulesLabel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SettlementTextRenderer, { content: standalonePrimaryRulesBlock.content })
                 ]
               }
             ) : null
           ] }) : null,
-          hasSettlementDifferences ? /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "agg-settlement-differences flex w-full flex-col items-start gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementDifferencesTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime126.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_runtime127.jsxs)("div", { className: "agg-settlement-differences flex w-full flex-col items-start gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementDifferencesTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center rounded-agg-full bg-agg-primary text-[10px] font-agg-bold leading-[14px] text-agg-on-primary", children: settlementDifferences.length })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "flex w-full flex-col items-start gap-5", children: settlementDifferences.map((difference) => {
+            /* @__PURE__ */ (0, import_jsx_runtime127.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_runtime126.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime127.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_runtime126.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
                       "button",
                       {
                         type: "button",
@@ -10863,7 +10917,7 @@ var Settlement = ({
                         "aria-expanded": isExpanded,
                         onClick: () => handleToggleDifference(difference.canonicalKey),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                             "i",
                             {
                               className: cn(
@@ -10874,8 +10928,8 @@ var Settlement = ({
                               "aria-hidden": "true"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime126.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_runtime126.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "min-w-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground group-hover/agg-settlement-difference:text-agg-muted-foreground transition-colors break-words [overflow-wrap:anywhere]", children: difference.title }),
+                          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                             "i",
                             {
                               className: cn(
@@ -10890,12 +10944,12 @@ var Settlement = ({
                         ]
                       }
                     ),
-                    isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("dl", { className: "flex w-full flex-col items-start gap-1 px-6", children: venueKeys.map((venue) => {
+                    isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime127.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_runtime126.jsxs)("div", { className: "flex w-full items-start gap-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex w-full items-start gap-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                           VenueLogo,
                           {
                             venue,
@@ -10904,8 +10958,8 @@ var Settlement = ({
                             ariaLabel: venueLabel
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime126.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_runtime126.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_runtime127.jsx)("dt", { className: "w-[88px] shrink-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: venueLabel }),
+                        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("dd", { className: "min-w-0 flex-1 text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground break-words [overflow-wrap:anywhere]", children: venueValue })
                       ] }, venue);
                     }) }) : null
                   ]
@@ -10914,9 +10968,9 @@ var Settlement = ({
               );
             }) })
           ] }) : null,
-          hasVenueSettlementRules ? /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, { children: [
-            hasSettlementDifferences || hasStandaloneSettlementText ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "h-px w-full bg-agg-separator" }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SettlementVenueRules, { rules: venueRuleBlocks, labels })
+          hasVenueSettlementRules ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+            hasSettlementDifferences || hasStandaloneSettlementText ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "h-px w-full bg-agg-separator" }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SettlementVenueRules, { rules: venueRuleBlocks, labels })
           ] }) : null
         ] })
       ]
@@ -10926,13 +10980,13 @@ var Settlement = ({
 Settlement.displayName = "Settlement";
 
 // src/events/item-details/settlement-summary.tsx
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var SettlementSummary = ({
   settlementDiff,
   settlementSectionId = SETTLEMENT_SECTION_ID,
   className
 }) => {
-  const labels = (0, import_hooks39.useLabels)();
+  const labels = (0, import_hooks40.useLabels)();
   const settlementDifferences = (0, import_react15.useMemo)(
     () => prepareSettlementDifferences(settlementDiff == null ? void 0 : settlementDiff.differences),
     [settlementDiff == null ? void 0 : settlementDiff.differences]
@@ -10946,7 +11000,7 @@ var SettlementSummary = ({
     if (!target) return;
     target.scrollIntoView({ behavior: "smooth", block: "start" });
   };
-  const actionButton = /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+  const actionButton = /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     "button",
     {
       type: "button",
@@ -10959,8 +11013,8 @@ var SettlementSummary = ({
       "aria-controls": settlementSectionId,
       onClick: handleReadFullDetails,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { children: labels.settlementSummary.readFullDetails }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { children: labels.settlementSummary.readFullDetails }),
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           "i",
           {
             className: "fi fi-rr-arrow-small-down size-3.5!",
@@ -10973,7 +11027,7 @@ var SettlementSummary = ({
   );
   const visibleDifferences = settlementDifferences.slice(0, 2);
   const hiddenDifferenceCount = settlementDifferences.length - visibleDifferences.length;
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     "div",
     {
       className: cn(
@@ -10981,18 +11035,18 @@ var SettlementSummary = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex min-w-[240px] flex-1 flex-wrap items-center gap-x-5 gap-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "agg-settlement-summary-heading flex shrink-0 items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: labels.settlementSummary.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center rounded-agg-full bg-agg-primary text-[10px] font-agg-bold leading-[14px] text-agg-on-primary", children: settlementDifferences.length })
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex min-w-[240px] flex-1 flex-wrap items-center gap-x-5 gap-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "agg-settlement-summary-heading flex shrink-0 items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: labels.settlementSummary.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center rounded-agg-full bg-agg-primary text-[10px] font-agg-bold leading-[14px] text-agg-on-primary", children: settlementDifferences.length })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime127.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_runtime127.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "agg-settlement-summary-pills flex min-w-[240px] flex-1 flex-wrap items-center gap-2", children: [
+            visibleDifferences.map((difference) => /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
               "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_runtime127.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
                     "i",
                     {
                       className: cn(
@@ -11003,12 +11057,12 @@ var SettlementSummary = ({
                       "aria-hidden": "true"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "min-w-0 truncate", children: difference.title })
+                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "min-w-0 truncate", children: difference.title })
                 ]
               },
               difference.canonicalKey
             )),
-            hiddenDifferenceCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime127.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_runtime128.jsxs)("span", { className: "flex h-6 shrink-0 items-center rounded-agg-full bg-agg-secondary-hover px-3 py-1 text-agg-xs font-agg-normal leading-agg-4 text-agg-foreground", children: [
               "+",
               hiddenDifferenceCount
             ] }) : null
@@ -11022,7 +11076,7 @@ var SettlementSummary = ({
 SettlementSummary.displayName = "SettlementSummary";
 
 // src/events/item-details/index.tsx
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 var resolveEventDetailsSyncKey = (event) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const parts = [
@@ -11067,8 +11121,8 @@ var EventListItemDetailsLoadingState = ({
   classNames,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks40.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  const labels = (0, import_hooks41.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
     Skeleton,
     {
       view: "event-list-item-details",
@@ -11081,16 +11135,16 @@ var EventListItemDetailsUnavailableState = ({
   classNames,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks40.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  const labels = (0, import_hooks41.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime129.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_runtime128.jsxs)("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItemDetails.unavailableTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItemDetails.unavailableDescription })
+      children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItemDetails.unavailableTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItemDetails.unavailableDescription })
       ] })
     }
   );
@@ -11099,13 +11153,13 @@ var EventListItemDetailsNotFoundState = ({
   classNames: _classNames,
   ariaLabel: _ariaLabel
 }) => {
-  const labels = (0, import_hooks40.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  const labels = (0, import_hooks41.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
     StateMessage,
     {
       title: labels.eventItemDetails.notFoundTitle,
       description: labels.eventItemDetails.notFoundDescription,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(SearchEmptyIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SearchEmptyIcon, {}),
       classNames: { root: "min-h-[280px] md:min-h-[320px]" }
     }
   );
@@ -11130,8 +11184,8 @@ var EventListItemDetailsGraphSection = ({
   onRangeOverrideChange
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-  const labels = (0, import_hooks40.useLabels)();
-  const tradingContext = (0, import_hooks33.useEventTradingContext)();
+  const labels = (0, import_hooks41.useLabels)();
+  const tradingContext = (0, import_hooks34.useEventTradingContext)();
   const [selectedGraphVenue, setSelectedGraphVenue] = (0, import_react16.useState)(null);
   const [chartOutcomeLabel, setChartOutcomeLabel] = (0, import_react16.useState)(
     (_c = (_b = (_a = tradingContext == null ? void 0 : tradingContext.selectedOutcome) == null ? void 0 : _a.label) == null ? void 0 : _b.trim()) != null ? _c : null
@@ -11148,10 +11202,10 @@ var EventListItemDetailsGraphSection = ({
     chart: { selectedChartTimeRange },
     formatting: { formatPercent, formatPrice },
     general: { theme }
-  } = (0, import_hooks40.useSdkUiConfig)();
+  } = (0, import_hooks41.useSdkUiConfig)();
   const isDarkTheme = theme === "dark";
   const effectiveChartTimeRange = rangeOverride != null ? rangeOverride : selectedChartTimeRange;
-  const rollingWindow = (0, import_hooks40.useRollingChartWindow)({ range: effectiveChartTimeRange });
+  const rollingWindow = (0, import_hooks41.useRollingChartWindow)({ range: effectiveChartTimeRange });
   const availableMarkets = (0, import_react16.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
     if (venueMarkets.length === 0) return [];
@@ -11182,7 +11236,7 @@ var EventListItemDetailsGraphSection = ({
     isLoading: isScopedMarketChartLoading,
     error: scopedMarketChartError,
     refetch: refetchScopedMarketChart
-  } = (0, import_hooks40.useMarketChart)({
+  } = (0, import_hooks41.useMarketChart)({
     marketId: chartPrimaryOutcomeId,
     venueMarketIds: availableVenueOutcomes.map((item) => item.outcome.id),
     interval: rollingWindow.interval,
@@ -11239,7 +11293,7 @@ var EventListItemDetailsGraphSection = ({
   const resolvedOutcomePriceByMarketId = (0, import_react16.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     for (const market of availableMarkets) {
-      const marketTradingState = (0, import_hooks40.resolveMarketTradingState)(market);
+      const marketTradingState = (0, import_hooks41.resolveMarketTradingState)(market);
       if (marketTradingState.kind !== "resolved") continue;
       const outcomePriceMap = resolveResolvedOutcomePriceMap(market.venueMarketOutcomes);
       if (outcomePriceMap) {
@@ -11299,18 +11353,18 @@ var EventListItemDetailsGraphSection = ({
     void refetchScopedMarketChart();
   };
   if (scopedMarketChartError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: cn("agg-chart-region w-full", classNames == null ? void 0 : classNames.chart), children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: cn("agg-chart-region w-full", classNames == null ? void 0 : classNames.chart), children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       StateMessage,
       {
         title: labels.eventItemDetails.chartUnavailableTitle,
         description: labels.eventItemDetails.chartUnavailableDescription,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(WarningIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(WarningIcon, {}),
         onAction: handleRetryMarketChart,
         classNames: { root: "min-h-[300px] px-5 py-10 md:px-10" }
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
     LineChart,
     {
       classNames: { root: cn("agg-chart-region", classNames == null ? void 0 : classNames.chart) },
@@ -11323,7 +11377,7 @@ var EventListItemDetailsGraphSection = ({
       showSeriesControls: selectedMarketOutcomes.length > 0,
       renderSeriesControls: ({ handleSeriesChange }) => {
         var _a2, _b2, _c2, _d2;
-        return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
           "div",
           {
             className: cn(
@@ -11334,7 +11388,7 @@ var EventListItemDetailsGraphSection = ({
               classNames == null ? void 0 : classNames.summary
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                 "div",
                 {
                   className: cn(
@@ -11348,7 +11402,7 @@ var EventListItemDetailsGraphSection = ({
                     const text = formatMarketProbabilityPercent(percentage, formatPercent);
                     const seriesId = `${item.venue}-chart`;
                     const isActiveVenue = activeGraphVenue === item.venue;
-                    return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                       "button",
                       {
                         type: "button",
@@ -11367,12 +11421,12 @@ var EventListItemDetailsGraphSection = ({
                           setSelectedGraphVenue(nextSelectedGraphVenue);
                           handleSeriesChange(seriesId);
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                           Badge,
                           {
                             text,
                             size: "large",
-                            prefix: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                            prefix: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                               VenueLogo,
                               {
                                 venue: item.market.venue,
@@ -11394,7 +11448,7 @@ var EventListItemDetailsGraphSection = ({
                   })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                 SwitchButton,
                 {
                   ariaLabel: labels.eventItemDetails.outcomeSelectorAria,
@@ -11452,12 +11506,12 @@ var EventListItemDetailsContent = ({
   const lastAppliedEventSyncKeyRef = (0, import_react16.useRef)(null);
   const lastAppliedDefaultRef = (0, import_react16.useRef)(null);
   const [chartRangeOverride, setChartRangeOverride] = (0, import_react16.useState)(null);
-  const config = (0, import_hooks40.useSdkUiConfig)();
-  const labels = (0, import_hooks40.useLabels)();
-  const tradingContext = (0, import_hooks33.useEventTradingContext)();
+  const config = (0, import_hooks41.useSdkUiConfig)();
+  const labels = (0, import_hooks41.useLabels)();
+  const tradingContext = (0, import_hooks34.useEventTradingContext)();
   const eventSyncKey = (0, import_react16.useMemo)(() => resolveEventDetailsSyncKey(event), [event]);
   const resolvedEventTradingState = (0, import_react16.useMemo)(() => {
-    return eventTradingState != null ? eventTradingState : (0, import_hooks40.resolveEventTradingState)(event);
+    return eventTradingState != null ? eventTradingState : (0, import_hooks41.resolveEventTradingState)(event);
   }, [event, eventTradingState]);
   const scopedSelectedMarket = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? (_a = tradingContext.selectedMarket) != null ? _a : resolvedEventTradingState.primaryMarket : resolvedEventTradingState.primaryMarket;
   const venueMarkets = (0, import_react16.useMemo)(
@@ -11468,12 +11522,12 @@ var EventListItemDetailsContent = ({
     return normalizeVenueMarketCluster(venueMarkets);
   }, [venueMarkets]);
   const scopedSelectedMarketId = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? tradingContext.selectedMarketId : null;
-  (0, import_hooks40.useEventOrderbookData)(
+  (0, import_hooks41.useEventOrderbookData)(
     resolvedEventTradingState.isTradingDisabled ? [] : resolvedEventTradingState.displayMarkets,
     scopedSelectedMarketId
   );
-  const wsLivePrices = (0, import_hooks40.useLiveOutcomePrices)(eventDetailVenueMarkets);
-  const wsBestPrices = (0, import_hooks40.useLiveBestPrices)(eventDetailVenueMarkets);
+  const wsLivePrices = (0, import_hooks41.useLiveOutcomePrices)(eventDetailVenueMarkets);
+  const wsBestPrices = (0, import_hooks41.useLiveBestPrices)(eventDetailVenueMarkets);
   const resolvedMidpointsResult = midpointsResult != null ? midpointsResult : {
     prices: /* @__PURE__ */ new Map(),
     bestMidpointsByOutcomeId: /* @__PURE__ */ new Map(),
@@ -11488,7 +11542,7 @@ var EventListItemDetailsContent = ({
   const bestMidpoint = resolvedMidpointsResult.bestMidpoint;
   const restBestPrices = resolvedMidpointsResult.bestPrices;
   const bestPrices = (0, import_react16.useMemo)(
-    () => (0, import_hooks40.mergeBestPricesPreferringLive)(restBestPrices, wsBestPrices),
+    () => (0, import_hooks41.mergeBestPricesPreferringLive)(restBestPrices, wsBestPrices),
     [restBestPrices, wsBestPrices]
   );
   const livePrices = (0, import_react16.useMemo)(() => {
@@ -11553,10 +11607,14 @@ var EventListItemDetailsContent = ({
     [venueMarkets]
   );
   const volumeLabel = (0, import_react16.useMemo)(() => {
-    const resolvedVolume = resolveDisplayVolume(event.volume, venueMarkets);
-    if (typeof resolvedVolume !== "number") return "";
-    return `${config.formatting.formatCompactCurrency(resolvedVolume)} ${labels.eventItemDetails.volumeSuffix}`;
-  }, [config, event.volume, labels.eventItemDetails.volumeSuffix, venueMarkets]);
+    var _a2;
+    const selectedMarketVolume = (_a2 = resolveMarketFromVenueMarkets(
+      venueMarkets,
+      scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id
+    )) == null ? void 0 : _a2.volume;
+    if (typeof selectedMarketVolume !== "number" || selectedMarketVolume <= 0) return "";
+    return `${config.formatting.formatCompactCurrency(selectedMarketVolume)} ${labels.eventItemDetails.volumeSuffix}`;
+  }, [config, labels.eventItemDetails.volumeSuffix, scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id, venueMarkets]);
   const resolvedTitle = (0, import_react16.useMemo)(() => {
     return resolveEventHeading({
       title: event.title,
@@ -11574,7 +11632,7 @@ var EventListItemDetailsContent = ({
     event.title,
     event.venueMarkets
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
     Card,
     {
       className: cn("group/agg-event-details", detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
@@ -11583,7 +11641,7 @@ var EventListItemDetailsContent = ({
         onClick == null ? void 0 : onClick(event);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
           "div",
           {
             className: cn(
@@ -11594,17 +11652,17 @@ var EventListItemDetailsContent = ({
               classNames == null ? void 0 : classNames.header
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                 RemoteImage,
                 {
-                  src: (0, import_hooks40.optimizedImageUrl)(event.image, 60),
+                  src: (0, import_hooks41.optimizedImageUrl)(event.image, 60),
                   alt: "",
                   className: "agg-event-image size-10 rounded-agg-lg object-cover md:size-[60px]"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                     Typography,
                     {
                       variant: "body-strong",
@@ -11617,7 +11675,7 @@ var EventListItemDetailsContent = ({
                       children: resolvedTitle.title
                     }
                   ),
-                  resolvedTitle.timestampLabel ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                  resolvedTitle.timestampLabel ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                     Typography,
                     {
                       variant: "body",
@@ -11626,7 +11684,7 @@ var EventListItemDetailsContent = ({
                     }
                   ) : null
                 ] }),
-                venueMarkets.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                venueMarkets.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                   EventListItemDetailsMarketSelector,
                   {
                     className: classNames == null ? void 0 : classNames.headerPills,
@@ -11641,7 +11699,7 @@ var EventListItemDetailsContent = ({
             ]
           }
         ),
-        detailsStats && detailsStats.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+        detailsStats && detailsStats.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
           "div",
           {
             className: cn(
@@ -11650,14 +11708,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_runtime128.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
                 "div",
                 {
                   className: "agg-event-stat flex flex-col gap-1",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Typography, { variant: "caption-caps", className: "text-agg-muted-foreground", children: statItem.label }),
-                    /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex items-baseline gap-1", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Typography, { variant: "caption-caps", className: "text-agg-muted-foreground", children: statItem.label }),
+                    /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex items-baseline gap-1", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                         Typography,
                         {
                           variant: "body",
@@ -11665,7 +11723,7 @@ var EventListItemDetailsContent = ({
                           children: statItem.value
                         }
                       ),
-                      statItem.delta ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Typography, { variant: "label", className: cn(deltaClassName), children: statItem.delta }) : null
+                      statItem.delta ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Typography, { variant: "label", className: cn(deltaClassName), children: statItem.delta }) : null
                     ] })
                   ]
                 },
@@ -11674,8 +11732,8 @@ var EventListItemDetailsContent = ({
             })
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: cn("agg-event-details-chart", "flex flex-col gap-2"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: cn("agg-event-details-chart", "flex flex-col gap-2"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
             EventListItemDetailsGraphSection,
             {
               classNames,
@@ -11692,7 +11750,7 @@ var EventListItemDetailsContent = ({
               onRangeOverrideChange: setChartRangeOverride
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
             "div",
             {
               className: cn(
@@ -11700,8 +11758,8 @@ var EventListItemDetailsContent = ({
                 classNames == null ? void 0 : classNames.footer
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Typography, { variant: "label", className: "agg-chart-volume text-agg-muted-foreground", children: volumeLabel || "-" }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Typography, { variant: "label", className: "agg-chart-volume text-agg-muted-foreground", children: volumeLabel || "-" }),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
                   "div",
                   {
                     className: cn(
@@ -11709,7 +11767,7 @@ var EventListItemDetailsContent = ({
                       classNames == null ? void 0 : classNames.timeRange
                     ),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                         ChartTypeSwitch,
                         {
                           className: "agg-chart-type-switch",
@@ -11717,11 +11775,11 @@ var EventListItemDetailsContent = ({
                           onValueChange: setSelectedChartType
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
-                      import_hooks40.CHART_TIME_RANGES.map((timeRange) => {
+                      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
+                      import_hooks41.CHART_TIME_RANGES.map((timeRange) => {
                         const effectiveRange = chartRangeOverride != null ? chartRangeOverride : config.chart.selectedChartTimeRange;
                         const isActive = timeRange === effectiveRange;
-                        return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                           Button,
                           {
                             size: "small",
@@ -11752,7 +11810,7 @@ var EventListItemDetailsContent = ({
             }
           )
         ] }),
-        event.description || event.settlementDiff ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(SettlementSummary, { content: event.description, settlementDiff: event.settlementDiff }) : null
+        event.description || event.settlementDiff ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SettlementSummary, { content: event.description, settlementDiff: event.settlementDiff }) : null
       ]
     }
   );
@@ -11769,12 +11827,12 @@ var EventListItemDetailsByEventId = (_a) => {
     error,
     isError,
     isLoading
-  } = (0, import_hooks40.useVenueEvent)({
+  } = (0, import_hooks41.useVenueEvent)({
     eventId: resolvedEventId,
     enabled: !!resolvedEventId
   });
   if (!resolvedEventId) {
-    return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       EventListItemDetailsUnavailableState,
       {
         classNames: rest.classNames,
@@ -11783,16 +11841,16 @@ var EventListItemDetailsByEventId = (_a) => {
     );
   }
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (isErrorWithStatus(error, 404)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(EventListItemDetailsNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(EventListItemDetailsNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (!fetchedEvent && !isError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (!fetchedEvent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       EventListItemDetailsUnavailableState,
       {
         classNames: rest.classNames,
@@ -11800,15 +11858,15 @@ var EventListItemDetailsByEventId = (_a) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(EventListItemDetailsContent, __spreadValues({ event: fetchedEvent }, rest));
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(EventListItemDetailsContent, __spreadValues({ event: fetchedEvent }, rest));
 };
 var EventListItemDetails = (props) => {
   if (props.isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(EventListItemDetailsLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime129.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_runtime128.jsx)(EventListItemDetailsContent, __spreadValues({ event }, rest));
+    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(EventListItemDetailsContent, __spreadValues({ event }, rest));
   }
   if ("eventId" in props && typeof props.eventId === "string") {
     const {
@@ -11831,9 +11889,9 @@ var EventListItemDetails = (props) => {
       ariaLabel: ariaLabelOverride,
       onClick
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(EventListItemDetailsByEventId, __spreadValues({}, byEventIdProps));
+    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(EventListItemDetailsByEventId, __spreadValues({}, byEventIdProps));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
     EventListItemDetailsUnavailableState,
     {
       classNames: props.classNames,
@@ -11844,11 +11902,11 @@ var EventListItemDetails = (props) => {
 EventListItemDetails.displayName = "EventListItemDetails";
 
 // src/events/market-details/index.tsx
-var import_hooks44 = require("@agg-build/hooks");
+var import_hooks45 = require("@agg-build/hooks");
 var import_react20 = require("react");
 
 // src/events/orderbook/index.tsx
-var import_hooks41 = require("@agg-build/hooks");
+var import_hooks42 = require("@agg-build/hooks");
 var import_react18 = require("react");
 
 // src/events/orderbook/orderbook.constants.ts
@@ -12012,7 +12070,7 @@ var useCenterOrderbookSpread = ({
 };
 
 // src/events/orderbook/orderbook-with-states.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 var stateMessageMinHeight = "min-h-[248px] px-5 py-10 md:min-h-[272px]";
 var OrderbookWithStates = (_a) => {
   var _b = _a, {
@@ -12024,65 +12082,65 @@ var OrderbookWithStates = (_a) => {
   ]);
   var _a2;
   if (state.kind === "loading") {
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(MarketDetailsOderbookSkeleton, {}) });
+    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(MarketDetailsOderbookSkeleton, {}) });
   }
   if (state.kind === "disabled") {
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
       StateMessage,
       {
         title: state.title,
         description: state.description,
-        icon: (_a2 = state.icon) != null ? _a2 : /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(WarningIcon, {}),
+        icon: (_a2 = state.icon) != null ? _a2 : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(WarningIcon, {}),
         classNames: { root: stateMessageMinHeight }
       }
     ) });
   }
   if (state.kind === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
       StateMessage,
       {
         title: state.title,
         description: state.description,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(WarningIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(WarningIcon, {}),
         onAction: state.onRetry,
         classNames: { root: stateMessageMinHeight }
       }
     ) });
   }
   if (state.kind === "resolved") {
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
       StateMessage,
       {
         title: state.title,
         description: state.description,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(WarningIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(WarningIcon, {}),
         classNames: { root: stateMessageMinHeight }
       }
     ) });
   }
   if (state.kind === "empty") {
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
       StateMessage,
       {
         title: state.title,
         description: state.description,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SearchEmptyIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(SearchEmptyIcon, {}),
         classNames: { root: stateMessageMinHeight }
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Orderbook, __spreadValues({}, orderbookProps)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Orderbook, __spreadValues({}, orderbookProps)) });
 };
 OrderbookWithStates.displayName = "OrderbookWithStates";
 
 // src/events/orderbook/index.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var OrderbookVenueLogos = ({ venues }) => {
-  const visible = (0, import_hooks41.sortVenues)(venues).slice(0, orderbookMaxVisibleVenues);
+  const visible = (0, import_hooks42.sortVenues)(venues).slice(0, orderbookMaxVisibleVenues);
   const overflow = venues.length - visible.length;
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex flex-row items-center justify-start gap-0.5 md:gap-1", children: [
-    visible.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(VenueLogo, { venue, size: "small" }, venue)),
-    overflow > 0 ? /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("span", { className: "text-agg-xs font-agg-bold leading-agg-4 text-agg-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-row items-center justify-start gap-0.5 md:gap-1", children: [
+    visible.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(VenueLogo, { venue, size: "small" }, venue)),
+    overflow > 0 ? /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("span", { className: "text-agg-xs font-agg-bold leading-agg-4 text-agg-muted-foreground", children: [
       "+",
       overflow
     ] }) : null
@@ -12109,8 +12167,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_runtime130.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_runtime130.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "agg-orderbook-row relative flex h-9 items-center gap-2.5 overflow-clip pl-5 pr-2.5 md:gap-10 md:pl-0 md:pr-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
       "div",
       {
         "aria-hidden": "true",
@@ -12122,8 +12180,8 @@ var OrderbookRow = ({
         style: { width: `${barPercent}%` }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "hidden md:block md:relative min-w-0 flex-1 self-stretch", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "hidden md:block md:relative min-w-0 flex-1 self-stretch", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
         "div",
         {
           "aria-hidden": "true",
@@ -12135,14 +12193,14 @@ var OrderbookRow = ({
           style: { width: `${barPercent}%` }
         }
       ),
-      showBadge && badgeLabel ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+      showBadge && badgeLabel ? /* @__PURE__ */ (0, import_jsx_runtime131.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_runtime130.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
             "span",
             {
               className: cn("text-[10px] font-bold uppercase leading-[14px]", badgeTextClassName),
@@ -12152,8 +12210,8 @@ var OrderbookRow = ({
         }
       ) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex w-20 shrink-0 items-center justify-start gap-2 md:w-[120px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex w-20 shrink-0 items-center justify-start gap-2 md:w-[120px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
         "span",
         {
           className: cn(
@@ -12164,10 +12222,10 @@ var OrderbookRow = ({
           children: formatProbabilityCents(entry.row.price, formatPrice)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(OrderbookVenueLogos, { venues })
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(OrderbookVenueLogos, { venues })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime130.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_runtime130.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_runtime131.jsx)("span", { className: "agg-orderbook-size w-20 shrink-0 truncate text-center text-agg-sm leading-agg-5 text-agg-foreground md:w-[120px]", children: formatNumber(entry.row.size) }),
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "agg-orderbook-total w-20 shrink-0 truncate text-center text-agg-sm leading-agg-5 text-agg-foreground md:w-[120px]", children: formatCurrency(entry.row.total) })
   ] });
 };
 var Orderbook = ({
@@ -12186,7 +12244,7 @@ var Orderbook = ({
   const {
     enableWebsocketsLogs,
     formatting: { formatPrice }
-  } = (0, import_hooks41.useAggUiConfig)();
+  } = (0, import_hooks42.useAggUiConfig)();
   const labels = __spreadValues(__spreadValues({}, orderbookDefaultLabels), labelsProp);
   const scrollContainerRef = (0, import_react18.useRef)(null);
   const spreadRowRef = (0, import_react18.useRef)(null);
@@ -12227,15 +12285,15 @@ var Orderbook = ({
     snapshotKey,
     spreadEntry
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: cn("agg-orderbook-unified flex flex-col", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime130.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_runtime130.jsx)("span", { className: "hidden md:flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime130.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_runtime130.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_runtime130.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_runtime131.jsxs)("div", { className: cn("agg-orderbook-unified flex flex-col", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex h-9 items-center gap-2.5 overflow-clip border-b border-agg-separator pl-5 pr-5 md:pl-0 md:gap-10", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "hidden md:flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "w-20 shrink-0 text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.price }),
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "w-20 shrink-0 text-center text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.shares }),
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "w-20 shrink-0 text-center text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.total })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
         "div",
         {
           ref: scrollContainerRef,
@@ -12245,7 +12303,7 @@ var Orderbook = ({
           "aria-label": "Order book",
           tabIndex: 0,
           children: [
-            askEntries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "agg-orderbook-asks flex flex-col", children: askEntries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+            askEntries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "agg-orderbook-asks flex flex-col", children: askEntries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
               OrderbookRow,
               {
                 entry,
@@ -12258,7 +12316,7 @@ var Orderbook = ({
               },
               entry.row.id
             )) }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
               "div",
               {
                 ref: spreadRowRef,
@@ -12266,7 +12324,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_runtime130.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
                     Typography,
                     {
                       variant: "label",
@@ -12278,7 +12336,7 @@ var Orderbook = ({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
                     Typography,
                     {
                       variant: "label",
@@ -12290,12 +12348,12 @@ var Orderbook = ({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "hidden md:inline-flex w-20 shrink-0 md:w-[120px]" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "hidden md:inline-flex w-20 shrink-0 md:w-[120px]" })
+                  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "hidden md:inline-flex w-20 shrink-0 md:w-[120px]" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "hidden md:inline-flex w-20 shrink-0 md:w-[120px]" })
                 ]
               }
             ),
-            bidEntries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "agg-orderbook-bids flex flex-col", children: bidEntries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+            bidEntries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "agg-orderbook-bids flex flex-col", children: bidEntries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
               OrderbookRow,
               {
                 entry,
@@ -12311,14 +12369,14 @@ var Orderbook = ({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime131.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_runtime130.jsx)(Icon, { name: "recenter", size: "small", className: "!size-4 text-current" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Icon, { name: "recenter", size: "small", className: "!size-4 text-current" })
         }
       )
     ] })
@@ -12478,8 +12536,8 @@ var resolveTradingStateBadgeClassName = (kind) => {
 };
 
 // src/events/market-details/market-details-outcome-button.tsx
-var import_hooks42 = require("@agg-build/hooks");
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_hooks43 = require("@agg-build/hooks");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 var marketDetailsOutcomeButtonToneClasses = {
   positive: {
     activeSurface: "bg-agg-success/15",
@@ -12529,9 +12587,9 @@ var OutcomePriceContent = ({
   value,
   textClassName
 }) => {
-  const { formatPrice } = (0, import_hooks42.useAggUiConfig)().formatting;
+  const { formatPrice } = (0, import_hooks43.useAggUiConfig)().formatting;
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
       "span",
       {
         "aria-hidden": "true",
@@ -12542,7 +12600,7 @@ var OutcomePriceContent = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
     Typography,
     {
       as: "span",
@@ -12570,7 +12628,7 @@ var MarketDetailsOutcomeButton = ({
   });
   const itemLabel = (_a = item.title) != null ? _a : item.label;
   const isLineVariant = item.variant === "line";
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
     "button",
     {
       type: "button",
@@ -12586,9 +12644,9 @@ var MarketDetailsOutcomeButton = ({
         enforceFixedWidth ? "flex-none" : "flex-1 md:flex-auto"
       ),
       onClick: () => onSelect(item.label),
-      children: isLineVariant ? /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex min-w-0 max-w-full items-center justify-center gap-1.5 overflow-hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+      children: isLineVariant ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex min-w-0 max-w-full items-center justify-center gap-1.5 overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           Typography,
           {
             as: "span",
@@ -12597,7 +12655,7 @@ var MarketDetailsOutcomeButton = ({
             children: itemLabel
           }
         ),
-        item.lineLabel ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+        item.lineLabel ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           Typography,
           {
             as: "span",
@@ -12606,7 +12664,7 @@ var MarketDetailsOutcomeButton = ({
             children: item.lineLabel
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           OutcomePriceContent,
           {
             isLoading: item.isPriceLoading,
@@ -12615,9 +12673,9 @@ var MarketDetailsOutcomeButton = ({
             textClassName: classNames.text
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "inline-flex max-w-full items-center justify-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "inline-flex max-w-full items-center justify-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           Typography,
           {
             as: "span",
@@ -12626,7 +12684,7 @@ var MarketDetailsOutcomeButton = ({
             children: itemLabel
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           OutcomePriceContent,
           {
             isLoading: item.isPriceLoading,
@@ -12642,9 +12700,9 @@ var MarketDetailsOutcomeButton = ({
 MarketDetailsOutcomeButton.displayName = "MarketDetailsOutcomeButton";
 
 // src/events/market-details/market-details-graph-panel.tsx
-var import_hooks43 = require("@agg-build/hooks");
+var import_hooks44 = require("@agg-build/hooks");
 var import_react19 = require("react");
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 var MarketDetailsGraphPanel = ({
   venueMarkets,
   selectedOutcomeLabel,
@@ -12659,13 +12717,13 @@ var MarketDetailsGraphPanel = ({
   classNames
 }) => {
   var _a, _b, _c;
-  const config = (0, import_hooks43.useSdkUiConfig)();
+  const config = (0, import_hooks44.useSdkUiConfig)();
   const {
     formatting: { formatPercent, formatCompactCurrency, formatPrice },
     general: { theme }
   } = config;
   const isDarkTheme = theme === "dark";
-  const labels = (0, import_hooks43.useLabels)();
+  const labels = (0, import_hooks44.useLabels)();
   const selectedTimeRange = config.chart.selectedChartTimeRange;
   const setSelectedTimeRange = config.chart.setSelectedChartTimeRange;
   const [chartRangeOverride, setChartRangeOverride] = (0, import_react19.useState)(null);
@@ -12685,7 +12743,7 @@ var MarketDetailsGraphPanel = ({
       livePrices
     });
   }, [livePrices, venueMarkets, resolvedChartOutcomeLabel, chartSelectedOutcomeId]);
-  const rollingWindow = (0, import_hooks43.useRollingChartWindow)({ range: effectiveChartTimeRange });
+  const rollingWindow = (0, import_hooks44.useRollingChartWindow)({ range: effectiveChartTimeRange });
   const chartPrimaryOutcomeId = (_b = (_a = chartOutcomesByVenue[0]) == null ? void 0 : _a.outcome.id) != null ? _b : null;
   const chartVenueOutcomeIds = (0, import_react19.useMemo)(() => {
     return chartOutcomesByVenue.map((item) => item.outcome.id);
@@ -12695,7 +12753,7 @@ var MarketDetailsGraphPanel = ({
     isLoading: isMarketChartLoading,
     error: marketChartError,
     refetch: refetchMarketChart
-  } = (0, import_hooks43.useMarketChart)({
+  } = (0, import_hooks44.useMarketChart)({
     marketId: chartPrimaryOutcomeId,
     venueMarketIds: chartVenueOutcomeIds,
     interval: rollingWindow.interval,
@@ -12799,17 +12857,17 @@ var MarketDetailsGraphPanel = ({
   const handleRetryMarketChart = () => {
     void refetchMarketChart();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime132.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_runtime132.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: cn("agg-price-chart flex flex-col gap-5 p-5", classNames == null ? void 0 : classNames.graph), children: [
+    hasChartError ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       StateMessage,
       {
         title: labels.marketDetails.chartUnavailableTitle,
         description: labels.marketDetails.chartUnavailableDescription,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(WarningIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(WarningIcon, {}),
         onAction: handleRetryMarketChart,
         classNames: { root: "min-h-[248px] px-5 py-10 md:min-h-[272px]" }
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       LineChart,
       {
         series: graphSeries,
@@ -12822,14 +12880,14 @@ var MarketDetailsGraphPanel = ({
         showSeriesControls: chartAvailableOutcomesByVenue.length > 0 || headerOutcomeItems.length > 0,
         renderSeriesControls: () => {
           var _a2, _b2, _c2, _d;
-          return /* @__PURE__ */ (0, import_jsx_runtime132.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_runtime132.jsx)("div", { className: "agg-market-venues flex flex-wrap gap-2", children: chartAvailableOutcomesByVenue.map((item) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-chart-toolbar w-full flex flex-col gap-4 md:flex-row md:items-center md:justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "agg-market-venues flex flex-wrap gap-2", children: chartAvailableOutcomesByVenue.map((item) => {
               const probability = formatProbabilityPercent(
                 wsLivePrices.get(item.outcome.id),
                 formatPercent
               );
               const isActiveVenue = selectedGraphVenue === item.venue;
-              return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -12848,14 +12906,14 @@ var MarketDetailsGraphPanel = ({
                     handleGraphVenueToggle(item.venue);
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: probability })
+                    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: probability })
                   ]
                 },
                 `${item.market.id}-${item.outcome.id}`
               );
             }) }),
-            !isOutcomeSelectionLocked ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+            !isOutcomeSelectionLocked ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               SwitchButton,
               {
                 ariaLabel: labels.marketDetails.outcomeSelectorAria,
@@ -12885,7 +12943,7 @@ var MarketDetailsGraphPanel = ({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
       "div",
       {
         className: cn(
@@ -12894,9 +12952,9 @@ var MarketDetailsGraphPanel = ({
           classNames == null ? void 0 : classNames.footer
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { children: typeof volume !== "number" ? labels.marketDetails.volumeUnavailable : volume > 0 ? `${formatCompactCurrency(volume)} ${labels.marketDetails.meta.volumeSuffix}` : "" }),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-wrap items-center gap-3 md:gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: typeof volume !== "number" ? labels.marketDetails.volumeUnavailable : volume > 0 ? `${formatCompactCurrency(volume)} ${labels.marketDetails.meta.volumeSuffix}` : "" }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-wrap items-center gap-3 md:gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               ChartTypeSwitch,
               {
                 className: "agg-chart-type-switch shrink-0",
@@ -12904,11 +12962,11 @@ var MarketDetailsGraphPanel = ({
                 onValueChange: setSelectedChartType
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
-            import_hooks43.CHART_TIME_RANGES.map((timeRange) => {
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
+            import_hooks44.CHART_TIME_RANGES.map((timeRange) => {
               const isActive = effectiveChartTimeRange === timeRange;
               const isDisabled = isResolvedMarket && timeRange !== "ALL";
-              return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
                 "button",
                 {
                   type: "button",
@@ -12942,14 +13000,14 @@ var MarketDetailsGraphPanel = ({
 MarketDetailsGraphPanel.displayName = "MarketDetailsGraphPanel";
 
 // src/events/market-details/index.tsx
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 var MarketDetailsUnavailableState = ({
   marketId,
   ariaLabel,
   classNames
 }) => {
-  const labels = (0, import_hooks44.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+  const labels = (0, import_hooks45.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
     Card,
     {
       "data-market-id": marketId || void 0,
@@ -12960,9 +13018,9 @@ var MarketDetailsUnavailableState = ({
       ),
       role: "status",
       "aria-label": ariaLabel != null ? ariaLabel : labels.marketDetails.unavailableAria,
-      children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-col gap-1 p-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Typography, { variant: "body-large-strong", children: labels.marketDetails.unavailableTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: labels.marketDetails.unavailableDescription })
+      children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col gap-1 p-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "body-large-strong", children: labels.marketDetails.unavailableTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: labels.marketDetails.unavailableDescription })
       ] })
     }
   );
@@ -12972,14 +13030,14 @@ var MarketDetailsNotFoundState = ({
   ariaLabel: _ariaLabel,
   classNames: _classNames
 }) => {
-  const labels = (0, import_hooks44.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+  const labels = (0, import_hooks45.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
     StateMessage,
     {
       "data-market-id": marketId || void 0,
       title: labels.marketDetails.notFoundTitle,
       description: labels.marketDetails.notFoundDescription,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(SearchEmptyIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(SearchEmptyIcon, {}),
       classNames: { root: "min-h-[280px] md:min-h-[320px]" }
     }
   );
@@ -13010,33 +13068,33 @@ var MarketDetailsContent = ({
   midpointsResult
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const config = (0, import_hooks44.useSdkUiConfig)();
+  const config = (0, import_hooks45.useSdkUiConfig)();
   const {
     features: { enableAnimations },
     formatting: { formatPercent }
   } = config;
-  const labels = (0, import_hooks44.useLabels)();
-  const tradingContext = (0, import_hooks44.useEventTradingContext)();
+  const labels = (0, import_hooks45.useLabels)();
+  const tradingContext = (0, import_hooks45.useEventTradingContext)();
   const detailsContentId = (0, import_react20.useId)();
   const tradeSide = (_a = tradingContext == null ? void 0 : tradingContext.tradeSide) != null ? _a : "buy";
   const resolvedMarket = (0, import_react20.useMemo)(() => {
     return resolveMarketFromVenueMarkets(venueMarkets, marketId);
   }, [venueMarkets, marketId]);
   const clusterVenueMarkets = resolvedMarket == null ? void 0 : resolvedMarket.venueMarkets;
-  const wsLivePrices = (0, import_hooks44.useLiveOutcomePrices)(clusterVenueMarkets);
-  const wsBestPrices = (0, import_hooks44.useLiveBestPrices)(clusterVenueMarkets);
-  const wsBestCandidates = (0, import_hooks44.useLiveBestPriceCandidates)(clusterVenueMarkets);
+  const wsLivePrices = (0, import_hooks45.useLiveOutcomePrices)(clusterVenueMarkets);
+  const wsBestPrices = (0, import_hooks45.useLiveBestPrices)(clusterVenueMarkets);
+  const wsBestCandidates = (0, import_hooks45.useLiveBestPriceCandidates)(clusterVenueMarkets);
   const scopedResolvedMarket = (0, import_react20.useMemo)(() => {
     var _a2, _b2;
     if (!resolvedMarket) return null;
     return (_b2 = (_a2 = resolvedMarket.venueMarkets.find((venueMarket) => venueMarket.id === resolvedMarket.id)) != null ? _a2 : resolvedMarket.venueMarkets[0]) != null ? _b2 : null;
   }, [resolvedMarket]);
-  const isResolvedMarket = (0, import_hooks44.resolveMarketTradingState)(scopedResolvedMarket).kind === "resolved";
-  (0, import_hooks44.useEventOrderbookData)(
+  const isResolvedMarket = (0, import_hooks45.resolveMarketTradingState)(scopedResolvedMarket).kind === "resolved";
+  (0, import_hooks45.useEventOrderbookData)(
     isResolvedMarket ? [] : resolvedMarket == null ? void 0 : resolvedMarket.venueMarkets,
     (_b = scopedResolvedMarket == null ? void 0 : scopedResolvedMarket.id) != null ? _b : null
   );
-  const fetchedClusterMidpointResult = (0, import_hooks44.useMidpoints)(midpointsResult ? [] : clusterVenueMarkets);
+  const fetchedClusterMidpointResult = (0, import_hooks45.useMidpoints)(midpointsResult ? [] : clusterVenueMarkets);
   const clusterMidpointResult = midpointsResult != null ? midpointsResult : fetchedClusterMidpointResult;
   const clusterMidpoints = (_c = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _c : clusterMidpointResult.prices;
   const clusterBestMidpointsByOutcomeId = clusterMidpoints;
@@ -13045,7 +13103,7 @@ var MarketDetailsContent = ({
   const clusterBestMidpointVenue = clusterMidpointResult.bestMidpointVenue;
   const clusterBestPricesRest = clusterMidpointResult.bestPrices;
   const clusterBestPrices = (0, import_react20.useMemo)(
-    () => (0, import_hooks44.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
+    () => (0, import_hooks45.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
     [clusterBestPricesRest, wsBestPrices]
   );
   const clusterBestPriceVenuesByOutcomeId = clusterMidpointResult.bestPriceVenuesByOutcomeId;
@@ -13100,7 +13158,7 @@ var MarketDetailsContent = ({
     return (_a2 = model.market.venueMarkets.find((venueMarket) => venueMarket.id === model.market.id)) != null ? _a2 : model.primaryVenueMarket;
   }, [model]);
   const marketTradingState = (0, import_react20.useMemo)(() => {
-    return (0, import_hooks44.resolveMarketTradingState)(scopedMarketForCard);
+    return (0, import_hooks45.resolveMarketTradingState)(scopedMarketForCard);
   }, [scopedMarketForCard]);
   const isOutcomeSelectionLocked = marketTradingState.isTradingDisabled;
   const isUpcomingMarket = marketTradingState.kind === "unopened";
@@ -13261,7 +13319,7 @@ var MarketDetailsContent = ({
       fallbackPrice: midpointsFallback == null ? void 0 : midpointsFallback.get(displayOutcome.id)
     });
     if (referencePrice != null) return referencePrice;
-    return (0, import_hooks44.findLivePriceById)(wsLivePrices, displayOutcome.id);
+    return (0, import_hooks45.findLivePriceById)(wsLivePrices, displayOutcome.id);
   }, [
     clusterBestMidpoint,
     clusterBestMidpointsByOutcomeId,
@@ -13287,7 +13345,7 @@ var MarketDetailsContent = ({
   const orderBookEnabled = isOpened && effectiveSelectedTab === "order-book" && !marketTradingState.isTradingDisabled;
   const primaryVenueMarketId = (_g = (_f = selectedOutcomesByVenue[0]) == null ? void 0 : _f.market.id) != null ? _g : null;
   const primaryOutcomeId = (_i = (_h = selectedOutcomesByVenue[0]) == null ? void 0 : _h.outcome.id) != null ? _i : null;
-  const marketOrderbookResult = (0, import_hooks44.useMarketOrderbook)({
+  const marketOrderbookResult = (0, import_hooks45.useMarketOrderbook)({
     marketId: primaryVenueMarketId,
     enabled: orderBookEnabled && !!primaryVenueMarketId,
     venueOutcomes: selectedOutcomesByVenue.map((item) => ({
@@ -13393,7 +13451,7 @@ var MarketDetailsContent = ({
     kind: "disabled",
     title: marketStatePresentation.title,
     description: marketStatePresentation.description,
-    icon: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { name: marketStatePresentation.iconName, className: "h-5 w-5", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon, { name: marketStatePresentation.iconName, className: "h-5 w-5", "aria-hidden": "true" })
   } : isOrderBookLoading ? { kind: "loading" } : hasOrderBookError ? {
     kind: "error",
     title: labels.marketDetails.orderBookUnavailableTitle,
@@ -13409,7 +13467,7 @@ var MarketDetailsContent = ({
     description: labels.marketDetails.orderBookEmptyDescription
   } : { kind: "data" };
   if (marketId && !resolvedMarket) {
-    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       MarketDetailsNotFoundState,
       {
         marketId,
@@ -13419,7 +13477,7 @@ var MarketDetailsContent = ({
     );
   }
   if (!model) {
-    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       MarketDetailsUnavailableState,
       {
         marketId,
@@ -13428,7 +13486,7 @@ var MarketDetailsContent = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
     Card,
     {
       className: cn(
@@ -13439,7 +13497,7 @@ var MarketDetailsContent = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
           "div",
           {
             "data-market-id": marketId || void 0,
@@ -13450,7 +13508,7 @@ var MarketDetailsContent = ({
               classNames == null ? void 0 : classNames.header
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
                 "button",
                 {
                   className: cn(
@@ -13464,17 +13522,17 @@ var MarketDetailsContent = ({
                   "aria-controls": detailsContentId,
                   "aria-label": isOpened ? labels.marketDetails.toggleCloseDetailsAria(model.title) : labels.marketDetails.toggleOpenDetailsAria(model.title),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime133.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_runtime133.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-market-summary flex min-w-24 flex-1 items-center gap-3 md:gap-4", children: [
+                      !compactHeader ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                         RemoteImage,
                         {
-                          src: (0, import_hooks44.optimizedImageUrl)(model.image, 60),
+                          src: (0, import_hooks45.optimizedImageUrl)(model.image, 60),
                           alt: "",
                           className: "agg-market-image size-12 rounded-agg-lg object-cover md:size-[60px]"
                         }
                       ) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex min-w-24 flex-col", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Tooltip, { content: model.title, side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex min-w-24 flex-col", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Tooltip, { content: model.title, side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                           Typography,
                           {
                             as: "h3",
@@ -13483,7 +13541,7 @@ var MarketDetailsContent = ({
                             children: model.title
                           }
                         ) }) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                           Typography,
                           {
                             variant: "label",
@@ -13491,8 +13549,8 @@ var MarketDetailsContent = ({
                             children: subtitleOverride != null ? subtitleOverride : model.subtitle
                           }
                         ) }),
-                        marketTradingState.isTradingDisabled && marketTradingState.kind !== "resolved" && !isUpcomingMarket ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "mt-2 flex flex-wrap items-center gap-2 justify-center md:justify-start", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+                        marketTradingState.isTradingDisabled && marketTradingState.kind !== "resolved" && !isUpcomingMarket ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "mt-2 flex flex-wrap items-center gap-2 justify-center md:justify-start", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
                             "span",
                             {
                               className: cn(
@@ -13500,7 +13558,7 @@ var MarketDetailsContent = ({
                                 resolveTradingStateBadgeClassName(marketTradingState.kind)
                               ),
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                                   Icon,
                                   {
                                     name: marketStatePresentation.iconName,
@@ -13508,20 +13566,20 @@ var MarketDetailsContent = ({
                                     className: "h-3.5 w-3.5"
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: marketStatePresentation.badgeLabel })
+                                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { children: marketStatePresentation.badgeLabel })
                               ]
                             }
                           ),
-                          marketStatePresentation.timestampLabel ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: marketStatePresentation.timestampLabel }) : null,
-                          marketStatePresentation.winningOutcomeLabel ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: marketStatePresentation.winningOutcomeLabel }) : null
+                          marketStatePresentation.timestampLabel ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: marketStatePresentation.timestampLabel }) : null,
+                          marketStatePresentation.winningOutcomeLabel ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: marketStatePresentation.winningOutcomeLabel }) : null
                         ] }) : null
                       ] })
                     ] }),
-                    !compactHeader ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Typography, { as: "div", variant: "heading", className: "agg-market-headline shrink-0", children: formatProbabilityPercent(headlineProbability, formatPercent) }) : null
+                    !compactHeader ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { as: "div", variant: "heading", className: "agg-market-headline shrink-0", children: formatProbabilityPercent(headlineProbability, formatPercent) }) : null
                   ]
                 }
               ),
-              marketTradingState.kind === "resolved" && marketTradingState.winningOutcome ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+              marketTradingState.kind === "resolved" && marketTradingState.winningOutcome ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
                 "span",
                 {
                   className: cn(
@@ -13534,7 +13592,7 @@ var MarketDetailsContent = ({
                     "border-transparent bg-agg-secondary-hover"
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                       Icon,
                       {
                         name: marketTradingState.winningOutcome.label.trim().toLowerCase() === "yes" ? "check-circle" : "cross-circle",
@@ -13545,12 +13603,12 @@ var MarketDetailsContent = ({
                         )
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Typography, { variant: "body", children: labels.eventMarketPage.resolvedOutcome(
+                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "body", children: labels.eventMarketPage.resolvedOutcome(
                       resolvedWinningOutcomeLabel != null ? resolvedWinningOutcomeLabel : marketTradingState.winningOutcome.label
                     ) })
                   ]
                 }
-              ) }) : isUpcomingMarket ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+              ) }) : isUpcomingMarket ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
                 "span",
                 {
                   className: cn(
@@ -13559,7 +13617,7 @@ var MarketDetailsContent = ({
                     resolveTradingStateBadgeClassName(marketTradingState.kind)
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                       Icon,
                       {
                         name: marketStatePresentation.iconName,
@@ -13568,10 +13626,10 @@ var MarketDetailsContent = ({
                         "aria-hidden": "true"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: marketStatePresentation.badgeLabel })
+                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { children: marketStatePresentation.badgeLabel })
                   ]
                 }
-              ) }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+              ) }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                 "div",
                 {
                   className: "agg-outcomes flex w-full flex-wrap gap-2 md:w-auto md:shrink-0 md:flex-nowrap",
@@ -13580,7 +13638,7 @@ var MarketDetailsContent = ({
                   onKeyDown: (eventToHandle) => handleOutcomeKeyDown(eventToHandle),
                   children: headerOutcomeItems.map((item) => {
                     const isActiveOutcome = item.id === selectedOutcomeId;
-                    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                       MarketDetailsOutcomeButton,
                       {
                         enforceFixedWidth: headerOutcomeVariant != null,
@@ -13607,8 +13665,8 @@ var MarketDetailsContent = ({
             ]
           }
         ),
-        headerAccessory ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "agg-market-card-accessory border-t border-agg-separator", children: headerAccessory }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        headerAccessory ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agg-market-card-accessory border-t border-agg-separator", children: headerAccessory }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           "div",
           {
             id: detailsContentId,
@@ -13622,9 +13680,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_runtime133.jsxs)("div", { className: "min-h-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "min-h-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
                 "div",
                 {
                   className: cn(
@@ -13638,8 +13696,8 @@ var MarketDetailsContent = ({
                     ) : "translate-y-5 opacity-0"
                   ),
                   children: [
-                    !isResolvedMarket ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: cn("block", classNames == null ? void 0 : classNames.tabs), children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                    !isResolvedMarket ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_jsx_runtime134.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: cn("block", classNames == null ? void 0 : classNames.tabs), children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                         Tabs,
                         {
                           ariaLabel: labels.marketDetails.tabsAria,
@@ -13650,10 +13708,10 @@ var MarketDetailsContent = ({
                           className: "agg-market-tabs flex! w-full px-5"
                         }
                       ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "h-px w-full bg-agg-separator" })
+                      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "h-px w-full bg-agg-separator" })
                     ] }) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: cn("agg-market-card-body p-0", classNames == null ? void 0 : classNames.content), children: [
-                      effectiveSelectedTab === "order-book" ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: cn("agg-market-card-body p-0", classNames == null ? void 0 : classNames.content), children: [
+                      effectiveSelectedTab === "order-book" ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                         OrderbookWithStates,
                         {
                           state: orderbookState,
@@ -13679,7 +13737,7 @@ var MarketDetailsContent = ({
                           wrapperClassName: classNames == null ? void 0 : classNames.orderBook
                         }
                       ) : null,
-                      isOpened && effectiveSelectedTab === "graph" ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                      isOpened && effectiveSelectedTab === "graph" ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                         MarketDetailsGraphPanel,
                         {
                           venueMarkets: model.market.venueMarkets,
@@ -13695,13 +13753,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_runtime133.jsx)("div", { className: "agg-market-meta flex flex-col gap-4", children: otherContent != null ? otherContent : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "agg-market-meta-list grid grid-cols-1 gap-3", children: otherRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+                      effectiveSelectedTab === "other" ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agg-market-meta flex flex-col gap-4", children: otherContent != null ? otherContent : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agg-market-meta-list grid grid-cols-1 gap-3", children: otherRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
                         "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_runtime133.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: row.label }),
-                            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Typography, { variant: "body", className: "text-right", children: row.value })
+                            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: row.label }),
+                            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "body", className: "text-right", children: row.value })
                           ]
                         },
                         row.label
@@ -13719,9 +13777,9 @@ var MarketDetailsContent = ({
 };
 var MarketDetails = (_a) => {
   var _b = _a, { isOpened } = _b, props = __objRest(_b, ["isOpened"]);
-  const labels = (0, import_hooks44.useLabels)();
+  const labels = (0, import_hooks45.useLabels)();
   if (props.isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       Skeleton,
       {
         view: "market-details-minified",
@@ -13731,7 +13789,7 @@ var MarketDetails = (_a) => {
     );
   }
   if ("venueMarkets" in props && props.venueMarkets) {
-    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       MarketDetailsContent,
       __spreadProps(__spreadValues({}, props), {
         isOpened,
@@ -13743,7 +13801,7 @@ var MarketDetails = (_a) => {
     );
   }
   const { classNames: fallbackClassNames } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(MarketDetailsUnavailableState, { classNames: fallbackClassNames });
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(MarketDetailsUnavailableState, { classNames: fallbackClassNames });
 };
 MarketDetails.displayName = "MarketDetails";
 var AFFIRMATIVE_WINNER_LABELS = /* @__PURE__ */ new Set(["yes", "up", "buy", "long", "true"]);
@@ -13774,13 +13832,13 @@ var resolveIsResolvedEvent = (sourceMarkets, eventTradingState) => {
     return eventTradingState.kind === "resolved";
   }
   if (sourceMarkets.length === 0) return false;
-  return sourceMarkets.every((market) => (0, import_hooks44.resolveMarketTradingState)(market).kind === "resolved");
+  return sourceMarkets.every((market) => (0, import_hooks45.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_hooks44.resolveMarketTradingState)(preferredMarket).kind === "resolved") {
+    if ((0, import_hooks45.resolveMarketTradingState)(preferredMarket).kind === "resolved") {
       return preferredMarket.id;
     }
   }
@@ -13800,8 +13858,8 @@ var MarketDetailsList = ({
   midpointsResult
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks44.useLabels)();
-  const tradingContext = (0, import_hooks44.useEventTradingContext)();
+  const labels = (0, import_hooks45.useLabels)();
+  const tradingContext = (0, import_hooks45.useEventTradingContext)();
   const selectedMarketId = (_a = tradingContext == null ? void 0 : tradingContext.selectedMarketId) != null ? _a : null;
   const [expandedMarketId, setExpandedMarketId] = (0, import_react20.useState)(null);
   const [areResolvedMarketsVisible, setAreResolvedMarketsVisible] = (0, import_react20.useState)(false);
@@ -13810,10 +13868,10 @@ var MarketDetailsList = ({
     markets: rawMarkets,
     isLoading,
     error
-  } = (0, import_hooks44.useVenueMarkets)({
+  } = (0, import_hooks45.useVenueMarkets)({
     venueEventId: resolvedEventId,
     enabled: !providedMarkets && !!resolvedEventId,
-    status: import_hooks44.MarketStatus.open,
+    status: import_hooks45.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
@@ -13857,7 +13915,7 @@ var MarketDetailsList = ({
     const resolved = [];
     const closed = [];
     sourceMarkets.forEach((market) => {
-      const marketStateKind = (0, import_hooks44.resolveMarketTradingState)(market).kind;
+      const marketStateKind = (0, import_hooks45.resolveMarketTradingState)(market).kind;
       if (marketStateKind === "resolved") {
         resolved.push(market);
         return;
@@ -13885,10 +13943,10 @@ var MarketDetailsList = ({
   const hasPrefetchedMarkets = !!providedMarkets || !!((_b = eventTradingState == null ? void 0 : eventTradingState.marketStates) == null ? void 0 : _b.length);
   const midpointEligibleMarkets = (0, import_react20.useMemo)(() => {
     return displayedMarkets.filter(
-      (market) => (0, import_hooks44.resolveMarketTradingState)(market).kind !== "resolved"
+      (market) => (0, import_hooks45.resolveMarketTradingState)(market).kind !== "resolved"
     );
   }, [displayedMarkets]);
-  const { prices: midpointsFallback, venueByOutcomeId: midpointsFallbackVenues } = (0, import_hooks44.useViewportMidpoints)(midpointEligibleMarkets);
+  const { prices: midpointsFallback, venueByOutcomeId: midpointsFallbackVenues } = (0, import_hooks45.useViewportMidpoints)(midpointEligibleMarkets);
   (0, import_react20.useEffect)(() => {
     if (isResolvedEvent) {
       setAreResolvedMarketsVisible(false);
@@ -13907,7 +13965,7 @@ var MarketDetailsList = ({
       return;
     }
     const fallbackSelectableMarket = displayedMarkets.find(
-      (market) => !(0, import_hooks44.resolveMarketTradingState)(market).isTradingDisabled
+      (market) => !(0, import_hooks45.resolveMarketTradingState)(market).isTradingDisabled
     );
     if (!fallbackSelectableMarket) {
       return;
@@ -13929,11 +13987,11 @@ var MarketDetailsList = ({
     setExpandedMarketId(marketId);
     onExpandedMarketChange == null ? void 0 : onExpandedMarketChange(marketId);
     if (marketId === selectedMarketId) return;
-    if ((0, import_hooks44.resolveMarketTradingState)(market).isTradingDisabled) return;
+    if ((0, import_hooks45.resolveMarketTradingState)(market).isTradingDisabled) return;
     tradingContext == null ? void 0 : tradingContext.selectMarket(market.id, market);
   };
   if (!hasPrefetchedMarkets && isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       Skeleton,
       {
         view: "market-details-minified",
@@ -13943,29 +14001,29 @@ var MarketDetailsList = ({
     );
   }
   if (!hasPrefetchedMarkets && error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       StateMessage,
       {
         title: labels.marketDetails.unavailableTitle,
         description: labels.marketDetails.unavailableDescription,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(SearchEmptyIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime134.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_runtime133.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime134.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_runtime133.jsx)(SearchEmptyIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(SearchEmptyIcon, {}),
         classNames: { root: "min-h-[280px] md:min-h-[320px]" }
       }
     );
   }
-  const renderMarketCard = (market) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+  const renderMarketCard = (market) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
     MarketDetails,
     {
       marketId: market.id,
@@ -13992,9 +14050,9 @@ var MarketDetailsList = ({
       midpointsResult
     }
   ) }, market.id);
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: cn("agg-market-list flex flex-col gap-3", classNames == null ? void 0 : classNames.root), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: cn("agg-market-list flex flex-col gap-3", classNames == null ? void 0 : classNames.root), children: [
     groupedMarkets.primary.map((market) => renderMarketCard(market)),
-    shouldShowResolvedToggle ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    shouldShowResolvedToggle ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       Button,
       {
         variant: "tertiary",
@@ -14004,7 +14062,7 @@ var MarketDetailsList = ({
           setAreResolvedMarketsVisible((isVisible) => !isVisible);
         },
         "aria-expanded": areResolvedMarketsVisible,
-        suffix: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        suffix: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           Icon,
           {
             name: areResolvedMarketsVisible ? "chevron-up" : "chevron-down",
@@ -14022,14 +14080,14 @@ var MarketDetailsList = ({
 MarketDetailsList.displayName = "MarketDetailsList";
 
 // src/events/list/index.tsx
-var import_hooks46 = require("@agg-build/hooks");
-var import_sdk15 = require("@agg-build/sdk");
+var import_hooks47 = require("@agg-build/hooks");
+var import_sdk16 = require("@agg-build/sdk");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
 var import_react23 = require("react");
 
 // src/events/list/category-sidebar.tsx
 var import_react21 = require("react");
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_jsx_runtime135 = 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",
@@ -14071,7 +14129,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_runtime134.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
       "button",
       {
         type: "button",
@@ -14079,8 +14137,8 @@ var CategorySidebar = ({
         className: isSelected ? selectedRowClassName : idleRowClassName,
         onClick,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "min-w-0 flex-1 truncate first-letter:uppercase", children: entry.label }),
-          hasKnownChildren ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "min-w-0 flex-1 truncate first-letter:uppercase", children: entry.label }),
+          hasKnownChildren ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
             Icon,
             {
               name: isExpanded ? "chevron-up" : "chevron-down",
@@ -14088,7 +14146,7 @@ var CategorySidebar = ({
               color: "currentColor",
               className: "shrink-0 text-agg-muted-foreground"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "shrink-0 text-agg-muted-foreground", children: entry.eventCount })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "shrink-0 text-agg-muted-foreground", children: entry.eventCount })
         ]
       },
       entry.id
@@ -14106,27 +14164,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_runtime134.jsxs)("div", { className: "flex w-full flex-col", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex w-full flex-col", children: [
       renderRow({
         entry,
         isExpanded,
         isSelected,
         onClick: () => onToggleCategory({ entry, depth, hasKnownChildren, isExpanded, isSelected })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime134.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime134.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_runtime135.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex w-full flex-col gap-1 pl-4 pt-1", children: childCategories.map((child) => renderBranch(child, depth + 1)) }) })
         }
       )
     ] }, category.id);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex w-full flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex w-full flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
       "button",
       {
         type: "button",
@@ -14134,8 +14192,8 @@ var CategorySidebar = ({
         className: !isDrilledIn ? selectedRowClassName : idleRowClassName,
         onClick: onSelectAll,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "min-w-0 flex-1 truncate", children: labels.subcategoriesAll }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "shrink-0 text-agg-muted-foreground", children: totalEventCount })
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "min-w-0 flex-1 truncate", children: labels.subcategoriesAll }),
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "shrink-0 text-agg-muted-foreground", children: totalEventCount })
         ]
       }
     ),
@@ -14145,12 +14203,12 @@ var CategorySidebar = ({
 CategorySidebar.displayName = "CategorySidebar";
 
 // src/events/list/event-list-tabs.tsx
-var import_hooks45 = require("@agg-build/hooks");
-var import_sdk14 = require("@agg-build/sdk");
+var import_hooks46 = require("@agg-build/hooks");
+var import_sdk15 = require("@agg-build/sdk");
 var import_react22 = require("react");
 
 // src/events/list/event-list.constants.ts
-var import_sdk13 = require("@agg-build/sdk");
+var import_sdk14 = require("@agg-build/sdk");
 var DEFAULT_EVENTS_LIMIT = 50;
 var getDefaultEventListTabs = (labels) => {
   return [
@@ -14158,7 +14216,7 @@ var getDefaultEventListTabs = (labels) => {
       value: "matched",
       label: labels.eventList.matchedTab,
       iconName: "circle-overlap",
-      matchStatus: [import_sdk13.MatchStatus.matched, import_sdk13.MatchStatus.verified]
+      matchStatus: [import_sdk14.MatchStatus.matched, import_sdk14.MatchStatus.verified]
     },
     {
       value: "all",
@@ -14166,64 +14224,70 @@ var getDefaultEventListTabs = (labels) => {
       iconName: "apps"
     },
     {
-      value: import_sdk13.Venue.polymarket,
+      value: import_sdk14.Venue.polymarket,
       label: labels.venues.polymarket,
-      venueLogo: import_sdk13.Venue.polymarket,
-      venues: [import_sdk13.Venue.polymarket]
+      venueLogo: import_sdk14.Venue.polymarket,
+      venues: [import_sdk14.Venue.polymarket]
     },
     {
-      value: import_sdk13.Venue.kalshi,
+      value: import_sdk14.Venue.kalshi,
       label: labels.venues.kalshi,
-      venueLogo: import_sdk13.Venue.kalshi,
-      venues: [import_sdk13.Venue.kalshi]
+      venueLogo: import_sdk14.Venue.kalshi,
+      venues: [import_sdk14.Venue.kalshi]
     },
     {
-      value: import_sdk13.Venue.limitless,
+      value: import_sdk14.Venue.limitless,
       label: labels.venues.limitless,
-      venueLogo: import_sdk13.Venue.limitless,
-      venues: [import_sdk13.Venue.limitless]
+      venueLogo: import_sdk14.Venue.limitless,
+      venues: [import_sdk14.Venue.limitless]
     },
     {
-      value: import_sdk13.Venue.predict,
+      value: import_sdk14.Venue.predict,
       label: labels.venues.predict,
-      venueLogo: import_sdk13.Venue.predict,
-      venues: [import_sdk13.Venue.predict]
+      venueLogo: import_sdk14.Venue.predict,
+      venues: [import_sdk14.Venue.predict]
     },
     {
-      value: import_sdk13.Venue.hyperliquid,
+      value: import_sdk14.Venue.hyperliquid,
       label: labels.venues.hyperliquid,
-      venueLogo: import_sdk13.Venue.hyperliquid,
-      venues: [import_sdk13.Venue.hyperliquid]
+      venueLogo: import_sdk14.Venue.hyperliquid,
+      venues: [import_sdk14.Venue.hyperliquid]
       // isComingSoon: true,
     },
     {
-      value: import_sdk13.Venue.myriad,
+      value: import_sdk14.Venue.myriad,
       label: labels.venues.myriad,
-      venueLogo: import_sdk13.Venue.myriad,
-      venues: [import_sdk13.Venue.myriad]
+      venueLogo: import_sdk14.Venue.myriad,
+      venues: [import_sdk14.Venue.myriad]
       // isComingSoon: true,
     },
     {
-      value: import_sdk13.Venue.opinion,
+      value: import_sdk14.Venue.novig,
+      label: labels.venues.novig,
+      venueLogo: import_sdk14.Venue.novig,
+      venues: [import_sdk14.Venue.novig]
+    },
+    {
+      value: import_sdk14.Venue.opinion,
       label: labels.venues.opinion,
-      venueLogo: import_sdk13.Venue.opinion,
-      venues: [import_sdk13.Venue.opinion],
+      venueLogo: import_sdk14.Venue.opinion,
+      venues: [import_sdk14.Venue.opinion],
       isComingSoon: true
     }
   ];
 };
 
 // src/events/list/event-list-tabs.tsx
-var import_jsx_runtime135 = require("react/jsx-runtime");
+var import_jsx_runtime136 = require("react/jsx-runtime");
 var renderTabIcon = (tab, isActive) => {
   if (tab.iconName === "warning-filled") {
-    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Icon, { name: "warning-filled", size: "small", color: "currentColor" });
+    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Icon, { name: "warning-filled", size: "small", color: "currentColor" });
   }
   if (tab.venueLogo) {
-    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(VenueLogo, { venue: tab.venueLogo, size: "small" });
+    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(VenueLogo, { venue: tab.venueLogo, size: "small" });
   }
   if (!tab.iconName) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
     Icon,
     {
       name: tab.iconName,
@@ -14233,17 +14297,24 @@ var renderTabIcon = (tab, isActive) => {
   );
 };
 var useEventListTabs = (tabs) => {
-  const labels = (0, import_hooks45.useLabels)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks45.useAppConfig)();
-  const { isLocationBlocked } = (0, import_hooks45.useGeoBlock)();
+  const labels = (0, import_hooks46.useLabels)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks46.useAppConfig)();
+  const { isLocationBlocked } = (0, import_hooks46.useGeoBlock)();
   return (0, import_react22.useMemo)(() => {
     const baseTabs = tabs != null ? tabs : getDefaultEventListTabs(labels);
     return baseTabs.flatMap((tab) => {
       if (!tab.venueLogo) return [tab];
-      const availabilityState = (0, import_hooks45.getVenueAvailabilityState)({
+      const availabilityState = (0, import_hooks46.getVenueAvailabilityState)({
         venueId: tab.venueLogo,
         disabledVenues,
-        isConfigLoading: isAppConfigLoading && tab.venueLogo === import_sdk14.Venue.kalshi,
+        // Compile-time-inactive venues (kalshi, novig) are hidden by default
+        // and un-hidden per-environment by a *_DATA_VISIBLE flag, so their
+        // disabled-ness is only known once `/app/config` resolves. Treating
+        // them as hidden while it loads stops a tab flashing in and out where
+        // the flag is unset. Keyed off the shared inactive-venue helper
+        // rather than a venue name, so adding or retiring one needs no
+        // change here.
+        isConfigLoading: isAppConfigLoading && (0, import_sdk15.isVenueInactive)(tab.venueLogo),
         isLocationBlocked
       });
       if (availabilityState === "hidden") return [];
@@ -14284,7 +14355,7 @@ var EventListTabs = ({
       };
     });
   }, [activeTab, resolvedTabs]);
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
     Tabs,
     {
       ariaLabel,
@@ -14299,7 +14370,7 @@ var EventListTabs = ({
 EventListTabs.displayName = "EventListTabs";
 
 // src/events/list/index.tsx
-var import_jsx_runtime136 = require("react/jsx-runtime");
+var import_jsx_runtime137 = require("react/jsx-runtime");
 var SORT_ICON_BY_VALUE = {
   volume24hr: "sort-volume-24hr",
   topArbitrage: "sort-top-arbitrage",
@@ -14354,15 +14425,15 @@ var EventList = ({
   stateRef
 }) => {
   var _a, _b, _c, _d, _e;
-  const labels = (0, import_hooks46.useLabels)();
-  const { disabledVenues } = (0, import_hooks46.useAppConfig)();
+  const labels = (0, import_hooks47.useLabels)();
+  const { disabledVenues } = (0, import_hooks47.useAppConfig)();
   const {
     features: { enableVenueEventDiscoveryFilters, showSportsMarkets }
-  } = (0, import_hooks46.useSdkUiConfig)();
+  } = (0, import_hooks47.useSdkUiConfig)();
   const isDiscoveryFiltersEnabled = enableVenueEventDiscoveryFilters && !search;
   const resolvedTabs = useEventListTabs();
   const visibleVenues = (0, import_react23.useMemo)(
-    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks46.getVisibleVenueIdsByConfig)(import_sdk15.VENUES, disabledVenues),
+    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks47.getVisibleVenueIdsByConfig)(import_sdk16.VENUES, disabledVenues),
     [disabledVenues]
   );
   const [activeTabValue, setActiveTabValue] = (0, import_react23.useState)(
@@ -14377,22 +14448,22 @@ var EventList = ({
       {
         value: "volume24hr",
         label: labels.eventList.sortBy24hVolume,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Icon, { name: SORT_ICON_BY_VALUE.volume24hr, size: "small", color: "currentColor" })
+        icon: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { name: SORT_ICON_BY_VALUE.volume24hr, size: "small", color: "currentColor" })
       },
       {
         value: "topArbitrage",
         label: labels.eventList.sortByTopArbitrage,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Icon, { name: SORT_ICON_BY_VALUE.topArbitrage, size: "small", color: "currentColor" })
+        icon: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { name: SORT_ICON_BY_VALUE.topArbitrage, size: "small", color: "currentColor" })
       },
       {
         value: "volume",
         label: labels.eventList.sortByTotalVolume,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Icon, { name: SORT_ICON_BY_VALUE.volume, size: "small", color: "currentColor" })
+        icon: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { name: SORT_ICON_BY_VALUE.volume, size: "small", color: "currentColor" })
       },
       {
         value: "endDate",
         label: labels.eventList.sortByEndingSoon,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Icon, { name: SORT_ICON_BY_VALUE.endDate, size: "small", color: "currentColor" })
+        icon: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { name: SORT_ICON_BY_VALUE.endDate, size: "small", color: "currentColor" })
       }
     ];
   }, [
@@ -14407,7 +14478,7 @@ var EventList = ({
     setCategoryPath([]);
     setCollapsedCategoryIds(/* @__PURE__ */ new Set());
   }, [baseCategoryId, isDiscoveryFiltersEnabled]);
-  const { categories: topLevelCategories } = (0, import_hooks46.useCategories)({
+  const { categories: topLevelCategories } = (0, import_hooks47.useCategories)({
     queryKeyScope: "event-list-top-categories",
     enabled: isDiscoveryFiltersEnabled,
     limit: 100
@@ -14423,7 +14494,7 @@ var EventList = ({
       ])
     );
   }, [categoryPath, sortedTopLevelCategories]);
-  const { childrenByParentId: baseChildrenByParentId } = (0, import_hooks46.useCategoryChildren)({
+  const { childrenByParentId: baseChildrenByParentId } = (0, import_hooks47.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: baseCategoryChildPrefetchIds,
@@ -14444,7 +14515,7 @@ var EventList = ({
     }
     return Array.from(ids);
   }, [baseCategoryId, baseChildrenByParentId, categoryPath]);
-  const { childrenByParentId: visibleChildrenByParentId } = (0, import_hooks46.useCategoryChildren)({
+  const { childrenByParentId: visibleChildrenByParentId } = (0, import_hooks47.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: visibleChildPrefetchIds,
@@ -14460,7 +14531,7 @@ var EventList = ({
     }
     return Array.from(ids);
   }, [categoryPath, visibleChildrenByParentId]);
-  const { childrenByParentId: visibleGrandchildrenByParentId } = (0, import_hooks46.useCategoryChildren)({
+  const { childrenByParentId: visibleGrandchildrenByParentId } = (0, import_hooks47.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: visibleGrandchildPrefetchIds,
@@ -14516,14 +14587,14 @@ var EventList = ({
     isFetchingNextPage,
     isPlaceholderData,
     loadedPageCount
-  } = (0, import_hooks46.useVenueEvents)({
+  } = (0, import_hooks47.useVenueEvents)({
     queryKeyScope: "event-list",
     venues,
     search,
     categoryIds: resolvedCategoryIds,
     matchStatus,
     limit: requestLimit,
-    status: [import_hooks46.MarketStatus.open],
+    status: [import_hooks47.MarketStatus.open],
     sortBy: sortQueryParams.sortBy,
     sortDir: sortQueryParams.sortDir,
     endDateFrom,
@@ -14558,7 +14629,7 @@ var EventList = ({
   const visibleMidpointVenueMarketIds = (0, import_react23.useMemo)(() => {
     return collectMidpointVenueMarketIds(visibleVenueMarkets);
   }, [visibleVenueMarkets]);
-  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks46.useVenueMarketMidpoints)({
+  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks47.useVenueMarketMidpoints)({
     venueMarketIds: visibleMidpointVenueMarketIds,
     enabled: visibleMidpointVenueMarketIds.length > 0
   });
@@ -14617,7 +14688,7 @@ var EventList = ({
     onCategoryRootChange == null ? void 0 : onCategoryRootChange(baseCategoryId != null ? baseCategoryId : void 0);
   };
   if (shouldRenderLoadingState) {
-    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
       Skeleton,
       {
         view: "event-list",
@@ -14626,8 +14697,8 @@ var EventList = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("section", { className: "agg-event-list flex w-full flex-col gap-2 md:gap-5 t", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("section", { className: "agg-event-list flex w-full flex-col gap-2 md:gap-5 t", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
       "header",
       {
         className: cn(
@@ -14636,9 +14707,9 @@ var EventList = ({
           "gap-2 sm:flex-row sm:items-center sm:gap-4"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "agg-event-list-title min-w-32", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Typography, { as: "h2", variant: "title", className: "truncate first-letter:uppercase", children: title2 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "hidden min-w-0 max-w-full items-center gap-3 md:flex", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "agg-event-list-title min-w-32", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Typography, { as: "h2", variant: "title", className: "truncate first-letter:uppercase", children: title2 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "hidden min-w-0 max-w-full items-center gap-3 md:flex", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
               EventListTabs,
               {
                 ariaLabel: labels.eventList.tabsAria(title2),
@@ -14648,7 +14719,7 @@ var EventList = ({
                 overflowBehavior: "scroll"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
               Select,
               {
                 ariaLabel: labels.eventList.sortByLabel,
@@ -14664,8 +14735,8 @@ var EventList = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex w-full gap-2 md:hidden mb-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex w-full gap-2 md:hidden mb-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
         EventListTabs,
         {
           ariaLabel: labels.eventList.tabsAria(title2),
@@ -14675,7 +14746,7 @@ var EventList = ({
           overflowBehavior: "select"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
         Select,
         {
           ariaLabel: labels.eventList.sortByLabel,
@@ -14686,23 +14757,23 @@ var EventList = ({
           contentClassName: "rounded-[12px] py-2 shadow-[0_8px_16px_rgba(0,0,0,0.1)]"
         }
       ),
-      shouldRenderSubcategoryFilters ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+      shouldRenderSubcategoryFilters ? /* @__PURE__ */ (0, import_jsx_runtime137.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_runtime136.jsx)(Icon, { name: "apps", size: "small", color: "currentColor" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { name: "apps", size: "small", color: "currentColor" })
         }
       ) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
       "div",
       {
         className: cn("flex w-full gap-6", shouldRenderSubcategoryFilters ? "md:items-start" : ""),
         children: [
-          shouldRenderSubcategoryFilters ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("aside", { className: "hidden w-[200px] shrink-0 md:block self-start sticky top-4", children: /* @__PURE__ */ (0, import_jsx_runtime136.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_runtime136.jsx)(
+          shouldRenderSubcategoryFilters ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("aside", { className: "hidden w-[200px] shrink-0 md:block self-start sticky top-4", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "agg-sidebar max-h-[calc(100vh-19rem)] overflow-y-auto rounded-[8px] border border-agg-separator bg-agg-secondary p-2", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
             CategorySidebar,
             {
               baseCategoryId,
@@ -14715,7 +14786,7 @@ var EventList = ({
               onToggleCategory: handleToggleSubcategory
             }
           ) }) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
             "div",
             {
               className: cn(
@@ -14726,7 +14797,7 @@ var EventList = ({
                 gridClassName
               ),
               children: [
-                tileEvents.map((event) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+                tileEvents.map((event) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
                   EventListItem,
                   {
                     event,
@@ -14739,11 +14810,11 @@ var EventList = ({
                     onMarketClick,
                     getMarketHref,
                     href: getEventHref == null ? void 0 : getEventHref(event),
-                    marketStatus: import_hooks46.MarketStatus.open
+                    marketStatus: import_hooks47.MarketStatus.open
                   },
                   event.id
                 )),
-                shouldRenderPaginationLoadingItems ? Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+                shouldRenderPaginationLoadingItems ? Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
                   EventListItem,
                   {
                     isLoading: true,
@@ -14753,20 +14824,20 @@ var EventList = ({
                   },
                   `loading-${index}`
                 )) : null,
-                shouldRenderEmptyState ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "col-span-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+                shouldRenderEmptyState ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "col-span-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
                   StateMessage,
                   {
                     title: labels.eventList.emptyTitle,
                     description: labels.eventList.emptyDescription,
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Icon, { name: "search-empty" })
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { name: "search-empty" })
                   }
                 ) }) : null,
-                isError ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "col-span-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+                isError ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "col-span-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
                   StateMessage,
                   {
                     title: labels.eventList.errorTitle,
                     description: labels.eventList.errorDescription,
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Icon, { name: "warning" })
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { name: "warning" })
                   }
                 ) }) : null
               ]
@@ -14775,7 +14846,7 @@ var EventList = ({
         ]
       }
     ),
-    shouldRenderSubcategoryFilters ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Modal, { open: isSubcategoriesModalOpen, onOpenChange: setIsSubcategoriesModalOpen, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+    shouldRenderSubcategoryFilters ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Modal, { open: isSubcategoriesModalOpen, onOpenChange: setIsSubcategoriesModalOpen, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
       Modal.Container,
       {
         classNames: {
@@ -14784,20 +14855,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_runtime136.jsxs)("div", { className: "pointer-events-auto w-full rounded-t-[12px] border border-agg-separator bg-agg-secondary", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "flex justify-center pb-1 pt-3", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "h-1 w-10 rounded-full bg-agg-muted-foreground/30" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex items-center justify-between px-4 pb-2 pt-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Dialog2.Title, { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.eventList.subcategoriesLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "pointer-events-auto w-full rounded-t-[12px] border border-agg-separator bg-agg-secondary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "flex justify-center pb-1 pt-3", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "h-1 w-10 rounded-full bg-agg-muted-foreground/30" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex items-center justify-between px-4 pb-2 pt-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Dialog2.Title, { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.eventList.subcategoriesLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
               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_runtime136.jsx)(CloseIcon, { className: "h-5 w-5" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(CloseIcon, { className: "h-5 w-5" })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "flex flex-col gap-1 px-4 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "flex flex-col gap-1 px-4 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
             CategorySidebar,
             {
               baseCategoryId,
@@ -14813,7 +14884,7 @@ var EventList = ({
         ] })
       }
     ) }) : null,
-    shouldPaginate && hasNextPage ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { ref: loadMoreRef, className: "agg-event-list-sentinel h-px w-full", "aria-hidden": true }) : null
+    shouldPaginate && hasNextPage ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { ref: loadMoreRef, className: "agg-event-list-sentinel h-px w-full", "aria-hidden": true }) : null
   ] });
 };
 EventList.displayName = "EventList";