@agg-build/ui 2.1.2 → 2.1.4

package/dist/{chunk-7ZR5JYB3.mjs → chunk-FLESSOSU.mjs}

@@ -10,7 +10,7 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-JJDYOBVG.mjs";
+} from "./chunk-TBZWRUFB.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
@@ -18,7 +18,7 @@ import {
   WITHDRAW_MODAL_OPEN_EVENT,
   useClaimWinnings,
   useResolvedMarketClaim
-} from "./chunk-ZOECARZW.mjs";
+} from "./chunk-BW7S2YR3.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -48,7 +48,7 @@ import {
   resolveTabVenus,
   shortenAddress,
   sortCategoriesForNavigation
-} from "./chunk-TBD3N4T4.mjs";
+} from "./chunk-VP76G6PN.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -56,25 +56,23 @@ import {
   useAppConfig,
   useCategories,
   useEventListState,
-  useLabels as useLabels2,
-  useSdkUiConfig as useSdkUiConfig2,
+  useLabels as useLabels4,
+  useSdkUiConfig as useSdkUiConfig4,
   useSearch
 } from "@agg-build/hooks";
 import { VENUES } from "@agg-build/sdk";
-import { useCallback as useCallback2, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef3, useState as useState4 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect8, useMemo as useMemo5, useRef as useRef7, useState as useState9 } from "react";
 
 // src/pages/event-market/index.tsx
 import {
-  resolveEventTradingState,
-  TradeSide,
+  resolveEventTradingState as resolveEventTradingState3,
+  TradeSide as TradeSide2,
   useEnrichedVenueEvent,
-  useEventTradingContext,
-  useLabels,
-  useMidpoints,
-  useSdkUiConfig
+  useEventTradingContext as useEventTradingContext4,
+  useMidpoints as useMidpoints2,
+  useSdkUiConfig as useSdkUiConfig3
 } from "@agg-build/hooks";
-import * as Dialog from "@radix-ui/react-dialog";
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useEffect as useEffect6, useMemo as useMemo4, useRef as useRef5, useState as useState6 } from "react";
 
 // src/pages/event-market/event-market.utils.ts
 var EVENT_MARKET_PAGE_STICKY_HEADER_OFFSET_PX = 48;
@@ -130,20 +128,26 @@ var resolveEventMarketPageStickyState = ({
   };
 };
 
-// src/pages/event-market/index.tsx
+// src/pages/event-market/event-market.shared.tsx
+import { useLabels } from "@agg-build/hooks";
+import * as Dialog from "@radix-ui/react-dialog";
+import { useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var MOBILE_EVENT_MARKET_MEDIA_QUERY = "(max-width: 1023px)";
-var getIsMobileEventMarketViewport = () => {
+var SPORTS_EVENT_MARKET_MEDIA_QUERY = "(max-width: 1279px)";
+var getIsMobileEventMarketViewport = (mediaQuery = MOBILE_EVENT_MARKET_MEDIA_QUERY) => {
   if (typeof window === "undefined") return false;
   if (typeof window.matchMedia !== "function") return false;
-  return window.matchMedia(MOBILE_EVENT_MARKET_MEDIA_QUERY).matches;
+  return window.matchMedia(mediaQuery).matches;
 };
-var useIsMobileEventMarketViewport = () => {
-  const [isMobileViewport, setIsMobileViewport] = useState(getIsMobileEventMarketViewport);
+var useIsMobileEventMarketViewport = (mediaQuery = MOBILE_EVENT_MARKET_MEDIA_QUERY) => {
+  const [isMobileViewport, setIsMobileViewport] = useState(
+    () => getIsMobileEventMarketViewport(mediaQuery)
+  );
   useEffect(() => {
     if (typeof window === "undefined") return;
     if (typeof window.matchMedia !== "function") return;
-    const mediaQueryList = window.matchMedia(MOBILE_EVENT_MARKET_MEDIA_QUERY);
+    const mediaQueryList = window.matchMedia(mediaQuery);
     const handleChange = () => {
       setIsMobileViewport(mediaQueryList.matches);
     };
@@ -152,7 +156,7 @@ var useIsMobileEventMarketViewport = () => {
     return () => {
       mediaQueryList.removeEventListener("change", handleChange);
     };
-  }, []);
+  }, [mediaQuery]);
   return isMobileViewport;
 };
 var resolveDesktopTradePlaceOrderClassNames = (classNames) => {
@@ -231,6 +235,7 @@ var EventMarketPageMobileTrade = ({
           {
             eventTradingState,
             executionMode,
+            isQuotePanelActive: isOpen,
             midpointsResult,
             onBeforePrimaryAction,
             className: cn(
@@ -275,83 +280,1587 @@ var EventMarketPageNotFoundState = ({
     }
   );
 };
-var EventMarketPageLoadingState = ({
+var EventMarketPageLoadingState = ({
+  classNames,
+  stickyOrderPanel
+}) => {
+  const stickyOrderPanelState = resolveEventMarketPageStickyState({
+    stickyOrderPanel
+  });
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      className: cn(
+        "agg-event-market-page",
+        "w-full mx-auto max-w-[1440px] px-6 lg:px-10 pb-10",
+        classNames == null ? void 0 : classNames.root
+      ),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "agg-page-content",
+            "flex w-full flex-col gap-6 lg:flex-row lg:items-start lg:gap-8",
+            stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.contentClassName,
+            classNames == null ? void 0 : classNames.content
+          ),
+          style: stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.style,
+          children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "agg-page-main flex min-w-0 flex-1 flex-col gap-6 mb-10",
+                  stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.mainClassName,
+                  classNames == null ? void 0 : classNames.main
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    EventListItemDetails,
+                    {
+                      isLoading: true,
+                      classNames: {
+                        root: cn("agg-event-hero", classNames == null ? void 0 : classNames.hero)
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: cn("agg-market-list flex flex-col gap-3", classNames == null ? void 0 : classNames.markets), children: [
+                    /* @__PURE__ */ jsx(MarketDetails, { isLoading: true, isOpened: true, classNames: { root: "w-full" } }),
+                    /* @__PURE__ */ jsx(MarketDetails, { isLoading: true, isOpened: false, classNames: { root: "w-full" } }),
+                    /* @__PURE__ */ jsx(MarketDetails, { isLoading: true, isOpened: false, classNames: { root: "w-full" } })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "aside",
+              {
+                className: cn(
+                  "agg-sidebar",
+                  "hidden w-full shrink-0 lg:block lg:w-[342px] lg:shrink-0",
+                  stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.sidebarClassName,
+                  classNames == null ? void 0 : classNames.sidebar
+                ),
+                children: /* @__PURE__ */ jsx(
+                  PlaceOrder,
+                  {
+                    isLoading: true,
+                    className: cn(stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.placeOrder, classNames == null ? void 0 : classNames.trade),
+                    classNames: resolveDesktopTradePlaceOrderClassNames(classNames)
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+
+// src/pages/event-market/sports-event-market-page.tsx
+import {
+  resolveEventTradingState as resolveEventTradingState2,
+  TradeSide,
+  useEventTradingContext as useEventTradingContext3,
+  useMidpoints,
+  useSdkUiConfig as useSdkUiConfig2
+} from "@agg-build/hooks";
+import { useCallback as useCallback2, useEffect as useEffect5, useMemo as useMemo3, useRef as useRef4, useState as useState5 } from "react";
+
+// src/pages/event-market/sports-markets.tsx
+import {
+  MarketStatus as MarketStatus2,
+  resolveMarketTradingState as resolveMarketTradingState2,
+  useEventTradingContext as useEventTradingContext2,
+  useLabels as useLabels3,
+  useVenueMarkets
+} from "@agg-build/hooks";
+import { useEffect as useEffect4, useMemo as useMemo2, useRef as useRef3, useState as useState4 } from "react";
+
+// src/pages/event-market/sports-market-card.tsx
+import {
+  MarketStatus,
+  resolveMarketTradingState,
+  useEventTradingContext,
+  useLabels as useLabels2,
+  useSdkUiConfig
+} from "@agg-build/hooks";
+import { useEffect as useEffect3, useMemo, useRef as useRef2, useState as useState3 } from "react";
+
+// src/pages/event-market/sports-line-rail.tsx
+import * as React from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function VenueRow({ venues, active }) {
+  if (!venues || venues.length === 0) return /* @__PURE__ */ jsx2("span", { className: "h-4" });
+  const shown = venues.length > 3 ? venues.slice(0, 2) : venues;
+  const extra = venues.length - shown.length;
+  return /* @__PURE__ */ jsxs2(
+    "span",
+    {
+      className: cn(
+        "flex h-4 items-center justify-center gap-1",
+        !active && "text-agg-muted-foreground"
+      ),
+      children: [
+        shown.map((venue, index) => /* @__PURE__ */ jsx2(
+          VenueLogo,
+          {
+            venue,
+            isMonochromatic: !active,
+            size: "small",
+            className: "size-3! shrink-0"
+          },
+          `${venue}-${index}`
+        )),
+        extra > 0 && /* @__PURE__ */ jsxs2("span", { className: "text-[10px] font-agg-bold uppercase leading-[14px] text-agg-muted-foreground", children: [
+          "+",
+          extra
+        ] })
+      ]
+    }
+  );
+}
+function SportsLineRail({
+  stops,
+  selectedIndex,
+  onSelect,
+  ariaLabel,
+  previousAriaLabel,
+  nextAriaLabel,
+  className
+}) {
+  const scrollRef = React.useRef(null);
+  const itemRefs = React.useRef([]);
+  const didInit = React.useRef(false);
+  const programmatic = React.useRef(false);
+  const progTimer = React.useRef(void 0);
+  const skipCenterOnPropSync = React.useRef(false);
+  const pendingScrollIndex = React.useRef(null);
+  const scrollSettleTimer = React.useRef(void 0);
+  const stopCount = stops.length;
+  const [pad, setPad] = React.useState({ left: 0, right: 0 });
+  const [mask, setMask] = React.useState({ left: false, right: false });
+  const updateMask = React.useCallback(() => {
+    const c = scrollRef.current;
+    if (!c || !c.clientWidth) return;
+    setMask({
+      left: c.scrollLeft > 1,
+      right: c.scrollLeft + c.clientWidth < c.scrollWidth - 1
+    });
+  }, []);
+  const resolveNearestIndexToViewportCenter = React.useCallback(() => {
+    const container = scrollRef.current;
+    if (!container || !container.clientWidth) return null;
+    const viewportCenter = container.scrollLeft + container.clientWidth / 2;
+    let nearestIndex = null;
+    let nearestDistance = Number.POSITIVE_INFINITY;
+    itemRefs.current.forEach((item, index) => {
+      if (!item) return;
+      const itemCenter = item.offsetLeft + item.offsetWidth / 2;
+      const distance = Math.abs(itemCenter - viewportCenter);
+      if (distance < nearestDistance) {
+        nearestDistance = distance;
+        nearestIndex = index;
+      }
+    });
+    return nearestIndex;
+  }, []);
+  React.useLayoutEffect(() => {
+    const c = scrollRef.current;
+    if (!c) return;
+    const measure = () => {
+      var _a, _b, _c, _d;
+      const w = c.clientWidth;
+      if (!w) return;
+      const firstW = (_b = (_a = itemRefs.current[0]) == null ? void 0 : _a.offsetWidth) != null ? _b : 0;
+      const lastW = (_d = (_c = itemRefs.current[stopCount - 1]) == null ? void 0 : _c.offsetWidth) != null ? _d : 0;
+      setPad({
+        left: Math.max(0, w / 2 - firstW / 2),
+        right: Math.max(0, w / 2 - lastW / 2)
+      });
+      updateMask();
+    };
+    const onScroll = () => {
+      if (!programmatic.current) {
+        const nearestIndex = resolveNearestIndexToViewportCenter();
+        if (nearestIndex != null && nearestIndex !== selectedIndex) {
+          pendingScrollIndex.current = nearestIndex;
+          clearTimeout(scrollSettleTimer.current);
+          scrollSettleTimer.current = setTimeout(() => {
+            const nextIndex = pendingScrollIndex.current;
+            if (nextIndex == null || nextIndex === selectedIndex) return;
+            skipCenterOnPropSync.current = true;
+            onSelect(nextIndex);
+          }, 120);
+        }
+      }
+      updateMask();
+    };
+    measure();
+    const ro = new ResizeObserver(measure);
+    ro.observe(c);
+    c.addEventListener("scroll", onScroll, { passive: true });
+    return () => {
+      ro.disconnect();
+      c.removeEventListener("scroll", onScroll);
+      clearTimeout(scrollSettleTimer.current);
+    };
+  }, [onSelect, resolveNearestIndexToViewportCenter, selectedIndex, stopCount, updateMask]);
+  React.useEffect(() => {
+    pendingScrollIndex.current = selectedIndex;
+  }, [selectedIndex]);
+  React.useEffect(() => {
+    const c = scrollRef.current;
+    const el = itemRefs.current[selectedIndex];
+    if (!c || !el || !c.clientWidth) return;
+    if (skipCenterOnPropSync.current) {
+      skipCenterOnPropSync.current = false;
+      updateMask();
+      return;
+    }
+    const max = c.scrollWidth - c.clientWidth;
+    const target = el.offsetLeft - c.clientWidth / 2 + el.clientWidth / 2;
+    programmatic.current = true;
+    c.scrollTo({
+      left: Math.max(0, Math.min(max, target)),
+      behavior: didInit.current ? "smooth" : "auto"
+    });
+    if (pad.left > 0 || pad.right > 0) didInit.current = true;
+    clearTimeout(progTimer.current);
+    progTimer.current = setTimeout(() => {
+      programmatic.current = false;
+    }, 500);
+    updateMask();
+  }, [selectedIndex, stopCount, pad, updateMask]);
+  const select = (index) => {
+    const next = Math.min(stops.length - 1, Math.max(0, index));
+    if (next !== selectedIndex) onSelect(next);
+  };
+  const step = (delta) => select(selectedIndex + delta);
+  if (stopCount === 0) return null;
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: cn("flex items-center justify-center gap-3 px-3 py-3 sm:gap-4 sm:px-5", className),
+      "aria-label": ariaLabel,
+      children: [
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            onClick: () => step(-1),
+            disabled: selectedIndex === 0,
+            "aria-label": previousAriaLabel != null ? previousAriaLabel : "Previous line",
+            className: "flex size-5! shrink-0 cursor-pointer items-center justify-center text-agg-muted-foreground transition-colors hover:text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-30",
+            children: /* @__PURE__ */ jsx2(Icon, { name: "chevron-left", className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs2("div", { className: "relative min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx2(
+            "div",
+            {
+              ref: scrollRef,
+              style: { paddingLeft: pad.left, paddingRight: pad.right },
+              className: "flex items-end gap-1 overflow-x-hidden py-0.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+              children: stops.map((stop, index) => {
+                const active = index === selectedIndex;
+                return /* @__PURE__ */ jsxs2(
+                  "button",
+                  {
+                    type: "button",
+                    ref: (el) => {
+                      itemRefs.current[index] = el;
+                    },
+                    onClick: () => select(index),
+                    disabled: stop.disabled,
+                    "aria-pressed": active,
+                    className: "flex shrink-0 cursor-pointer flex-col items-center gap-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-40",
+                    children: [
+                      /* @__PURE__ */ jsx2(
+                        "span",
+                        {
+                          className: cn(
+                            "flex h-8 min-w-[60px] items-center justify-center rounded-agg-full border px-3 text-agg-sm leading-agg-5 tabular-nums transition-colors",
+                            active ? "border-agg-primary bg-agg-secondary font-agg-bold text-agg-foreground" : "border-transparent bg-agg-secondary text-agg-muted-foreground hover:bg-agg-secondary-hover hover:text-agg-foreground"
+                          ),
+                          children: stop.value
+                        }
+                      ),
+                      /* @__PURE__ */ jsx2(VenueRow, { venues: stop.venues, active })
+                    ]
+                  },
+                  index
+                );
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            "span",
+            {
+              className: cn(
+                "pointer-events-none absolute inset-y-0 left-0 w-8 bg-gradient-to-r from-agg-secondary to-transparent transition-opacity duration-200",
+                mask.left ? "opacity-100" : "opacity-0"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            "span",
+            {
+              className: cn(
+                "pointer-events-none absolute inset-y-0 right-0 w-8 bg-gradient-to-l from-agg-secondary to-transparent transition-opacity duration-200",
+                mask.right ? "opacity-100" : "opacity-0"
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            onClick: () => step(1),
+            disabled: selectedIndex === stopCount - 1,
+            "aria-label": nextAriaLabel != null ? nextAriaLabel : "Next line",
+            className: "flex size-5! shrink-0 cursor-pointer items-center justify-center text-agg-muted-foreground transition-colors hover:text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-30",
+            children: /* @__PURE__ */ jsx2(Icon, { name: "chevron-right", className: "size-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/pages/event-market/sports-event-market.utils.ts
+var SPORTS_MARKET_TYPE_KEYS = [
+  "moneyline",
+  "spread",
+  "total",
+  "prop",
+  "completion",
+  "other"
+];
+var SPORTS_PERIOD_KEYS = [
+  "full",
+  "1h",
+  "2h",
+  "q1",
+  "q2",
+  "q3",
+  "q4",
+  "ot",
+  "first_inning",
+  "second_inning",
+  "third_inning",
+  "first_5_innings",
+  "other"
+];
+var SPORTS_MARKET_CATEGORY_KEYS = [
+  "game_lines",
+  "exact_score",
+  "corners",
+  "goals",
+  "assists",
+  "shots",
+  "other"
+];
+var SPORTS_MARKET_GROUP_KEYS = [
+  "game_lines",
+  "spreads",
+  "totals",
+  "period_lines",
+  "exact_score",
+  "team_props",
+  "player_props",
+  "specials",
+  "completion",
+  "other"
+];
+var SPORTS_PERIOD_KEY_SET = new Set(SPORTS_PERIOD_KEYS);
+var SPORTS_MARKET_TYPE_KEY_SET = new Set(SPORTS_MARKET_TYPE_KEYS);
+var SPORTS_MARKET_CATEGORY_KEY_SET = new Set(SPORTS_MARKET_CATEGORY_KEYS);
+var SPORTS_MARKET_GROUP_KEY_SET = new Set(SPORTS_MARKET_GROUP_KEYS);
+var SPORTS_LEGACY_PROP_CATEGORY_KEY_SET = /* @__PURE__ */ new Set([
+  "corners",
+  "goals",
+  "assists",
+  "shots"
+]);
+var SPORTS_MARKET_GROUP_TO_TAB = {
+  game_lines: "game_lines",
+  spreads: "game_lines",
+  totals: "game_lines",
+  period_lines: "halves",
+  exact_score: "exact_score",
+  team_props: "other",
+  player_props: "other",
+  specials: "other",
+  completion: "other",
+  other: "other"
+};
+var SPORTS_SECTION_TAB_DEFINITIONS = [
+  {
+    key: "game_lines",
+    // NO sportsMarketType filter: spread/total markets on some sports (e.g.
+    // esports "Map 1 Rounds Handicap"/"Total Rounds") are sportsMarketType="other"
+    // with marketGroup=spreads/totals; AND-ing the game-line types would drop them
+    // and leave only the moneyline. marketGroup already scopes the tab. (Safe now
+    // that classify_market no longer mis-groups prop/to-score-first/extra-innings
+    // markets into game_lines/totals — see agg-venue-core market_group.rs.)
+    marketGroup: ["game_lines", "spreads", "totals"]
+    // No server-side period filter: many regular-time game-line markets arrive
+    // with period=null (moneyline sides, team totals, BTTS), and a
+    // period=["full"] filter would drop them server-side. The Game Lines tab
+    // narrows to the regular-time group client-side instead (see SportsMarkets).
+  },
+  { key: "exact_score", marketGroup: ["exact_score"] },
+  {
+    key: "halves",
+    // NO sportsMarketType filter: half-result legs ("France leading at halftime?")
+    // are sportsMarketType="other"; AND-ing the game-line types would drop them.
+    // marketGroup=period_lines + period already scope the tab.
+    marketGroup: ["period_lines"],
+    period: ["1h", "2h"]
+  },
+  { key: "corners", marketCategory: "corners" },
+  { key: "goals", marketCategory: "goals" },
+  { key: "assists", marketCategory: "assists" },
+  { key: "shots", marketCategory: "shots" },
+  {
+    key: "other",
+    marketGroup: ["other", "team_props", "player_props", "specials", "completion"]
+  }
+];
+var SPORTS_NON_STANDARD_VISIBLE_TAB_KEYS = ["game_lines", "other"];
+var SPORTS_NON_STANDARD_VISIBLE_TAB_KEY_SET = new Set(
+  SPORTS_NON_STANDARD_VISIBLE_TAB_KEYS
+);
+var ESPORTS_CATEGORY_TOKENS = /* @__PURE__ */ new Set([
+  "esports",
+  "video games",
+  "video game",
+  "computer games",
+  "computer game",
+  "gaming"
+]);
+var ESPORTS_TITLE_PATTERN = /\b(?:esports?|valorant|counter-strike|cs2|league of legends|lol|dota|rocket league|overwatch|rainbow six|starcraft|call of duty)\b/i;
+var SERIES_SCOPE_PATTERN = /\b(?:bo[1-9]|best of \d+|map \d+|game \d+)\b/i;
+var SPORTS_SECTION_TAB_BY_KEY = new Map(
+  SPORTS_SECTION_TAB_DEFINITIONS.map((definition) => [definition.key, definition])
+);
+var SPORTS_PERIOD_ORDER = [
+  "full",
+  "1h",
+  "2h",
+  "q1",
+  "q2",
+  "q3",
+  "q4",
+  "ot",
+  "first_inning",
+  "second_inning",
+  "third_inning",
+  "first_5_innings",
+  "other"
+];
+var SPORTS_MARKET_TYPE_ORDER = [
+  "moneyline",
+  "spread",
+  "total",
+  "prop",
+  "completion",
+  "other"
+];
+var YES_NO_LABELS = /* @__PURE__ */ new Set(["yes", "no"]);
+var LINE_MARKET_TYPES = /* @__PURE__ */ new Set(["spread", "total"]);
+var toTrimmedString = (value) => {
+  return typeof value === "string" ? value.trim() : "";
+};
+var sanitizeFamilyValue = (value) => {
+  return value.toLowerCase().replace(/[-+]?\d+(?:\.\d+)?/g, "").replace(/[¢$]/g, "").replace(/\s+/g, " ").replace(/[|:()[\]{}]/g, "").trim();
+};
+var stripLineValueFromQuestion = (question) => {
+  const strippedQuestion = sanitizeFamilyValue(question);
+  return strippedQuestion ? question.replace(/\(\s*[+-]?\d+(?:\.\d+)?\s*\)\s*$/g, "").replace(/\s+[+-]?\d+(?:\.\d+)?\s*$/g, "").replace(/\s+/g, " ").trim() : question.trim();
+};
+var getSportsPeriodOrderIndex = (period) => {
+  const periodIndex = SPORTS_PERIOD_ORDER.indexOf(period);
+  return periodIndex >= 0 ? periodIndex : SPORTS_PERIOD_ORDER.length;
+};
+var getSportsMarketTypeOrderIndex = (sportsMarketType) => {
+  if (!sportsMarketType) return SPORTS_MARKET_TYPE_ORDER.length;
+  const marketTypeIndex = SPORTS_MARKET_TYPE_ORDER.indexOf(sportsMarketType);
+  return marketTypeIndex >= 0 ? marketTypeIndex : SPORTS_MARKET_TYPE_ORDER.length;
+};
+var resolveSportsSectionDefinition = (key) => {
+  const resolvedDefinition = SPORTS_SECTION_TAB_BY_KEY.get(key);
+  if (!resolvedDefinition) {
+    return SPORTS_SECTION_TAB_DEFINITIONS[0];
+  }
+  return resolvedDefinition;
+};
+var normalizeSportsPeriod = (value) => {
+  const resolvedValue = toTrimmedString(value).toLowerCase();
+  if (!resolvedValue) return "full";
+  return SPORTS_PERIOD_KEY_SET.has(resolvedValue) ? resolvedValue : "other";
+};
+var normalizeSportsMarketType = (value) => {
+  const resolvedValue = toTrimmedString(value).toLowerCase();
+  if (!resolvedValue) return null;
+  return SPORTS_MARKET_TYPE_KEY_SET.has(resolvedValue) ? resolvedValue : "other";
+};
+var normalizeSportsMarketCategory = (value) => {
+  const resolvedValue = toTrimmedString(value).toLowerCase();
+  if (!resolvedValue) return null;
+  return SPORTS_MARKET_CATEGORY_KEY_SET.has(resolvedValue) ? resolvedValue : "other";
+};
+var normalizeSportsMarketGroup = (value) => {
+  const resolvedValue = toTrimmedString(value).toLowerCase();
+  if (!resolvedValue) return null;
+  return SPORTS_MARKET_GROUP_KEY_SET.has(resolvedValue) ? resolvedValue : "other";
+};
+var resolveMarketSectionTabKey = (market) => {
+  const category = normalizeSportsMarketCategory(market.marketCategory);
+  if (category && SPORTS_LEGACY_PROP_CATEGORY_KEY_SET.has(category)) {
+    return category;
+  }
+  const group = normalizeSportsMarketGroup(market.marketGroup);
+  if (group) return SPORTS_MARKET_GROUP_TO_TAB[group];
+  if (category === "game_lines") return "game_lines";
+  if (category === "exact_score") return "exact_score";
+  if (category === "other") return "other";
+  return null;
+};
+var resolveSportsSectionFilters = (key) => {
+  var _a;
+  const resolvedDefinition = resolveSportsSectionDefinition(key);
+  const useMarketGroup = !!((_a = resolvedDefinition.marketGroup) == null ? void 0 : _a.length);
+  return {
+    marketGroup: useMarketGroup ? [...resolvedDefinition.marketGroup] : void 0,
+    // Only fall back to the deprecated marketCategory filter when the tab has no
+    // marketGroup mapping. Sending both would AND them server-side and drop
+    // markets that carry only one of the two.
+    marketCategory: !useMarketGroup && resolvedDefinition.marketCategory ? [resolvedDefinition.marketCategory] : void 0,
+    sportsMarketType: resolvedDefinition.sportsMarketType ? [...resolvedDefinition.sportsMarketType] : void 0,
+    period: resolvedDefinition.period ? [...resolvedDefinition.period] : void 0
+  };
+};
+var resolveSportsSectionMarkets = ({
+  tabKey,
+  eventMarkets,
+  sectionMarkets
+}) => {
+  const effectiveSectionMarkets = sectionMarkets.length > 0 ? sectionMarkets : eventMarkets.filter((market) => resolveMarketSectionTabKey(market) === tabKey);
+  if (tabKey !== "game_lines") return effectiveSectionMarkets;
+  const eventMoneylineMarkets = eventMarkets.filter(
+    (market) => normalizeSportsMarketType(market.sportsMarketType) === "moneyline" && resolveMarketSectionTabKey(market) === "game_lines"
+  );
+  if (eventMoneylineMarkets.length === 0) return effectiveSectionMarkets;
+  const lineSectionMarkets = effectiveSectionMarkets.filter(
+    (market) => normalizeSportsMarketType(market.sportsMarketType) !== "moneyline"
+  );
+  return [...eventMoneylineMarkets, ...lineSectionMarkets];
+};
+var resolveSportsMarketCardVariant = (market) => {
+  var _a;
+  const normalizedOutcomeLabels = ((_a = market.venueMarketOutcomes) != null ? _a : []).map(
+    (outcome) => toTrimmedString(outcome.label).toLowerCase()
+  );
+  const sportsMarketType = normalizeSportsMarketType(market.sportsMarketType);
+  if (sportsMarketType && LINE_MARKET_TYPES.has(sportsMarketType)) {
+    return "line";
+  }
+  if (market.lineValue != null) {
+    return "line";
+  }
+  if (normalizedOutcomeLabels.length === 2 && normalizedOutcomeLabels.every((label) => YES_NO_LABELS.has(label))) {
+    return "yes_no";
+  }
+  return "outcome";
+};
+var isBinarySportsMoneylineMarket = (market) => {
+  var _a;
+  const normalizedOutcomeLabels = ((_a = market.venueMarketOutcomes) != null ? _a : []).map(
+    (outcome) => toTrimmedString(outcome.label).toLowerCase()
+  );
+  const marketSubtype = toTrimmedString(market.marketSubtype).toLowerCase();
+  const marketGroup = normalizeSportsMarketGroup(market.marketGroup);
+  const hasMoneylineAggKey = toTrimmedString(market.aggKey).includes("_ml_");
+  return (marketSubtype === "moneyline" || hasMoneylineAggKey) && marketGroup === "game_lines" && normalizeSportsPeriod(market.period) === "full" && normalizedOutcomeLabels.length === 2 && normalizedOutcomeLabels.every((label) => YES_NO_LABELS.has(label));
+};
+var resolveDisplayGroupFamilyKey = (market) => {
+  var _a, _b, _c;
+  const normalizedQuestion = sanitizeFamilyValue(toTrimmedString(market.question));
+  const outcomeKey = ((_a = market.venueMarketOutcomes) != null ? _a : []).map(
+    (outcome) => sanitizeFamilyValue(toTrimmedString(outcome.title) || toTrimmedString(outcome.label))
+  ).filter(Boolean).sort((left, right) => left.localeCompare(right)).join("|");
+  const sportsMarketType = (_b = normalizeSportsMarketType(market.sportsMarketType)) != null ? _b : "other";
+  const period = normalizeSportsPeriod(market.period);
+  const marketCategory = (_c = normalizeSportsMarketCategory(market.marketCategory)) != null ? _c : "other";
+  if (isBinarySportsMoneylineMarket(market)) {
+    return `${period}|moneyline|${marketCategory}`;
+  }
+  if (sportsMarketType === "spread") {
+    return `${period}|spread|${marketCategory}`;
+  }
+  if (market.lineValue != null || LINE_MARKET_TYPES.has(sportsMarketType)) {
+    return `${period}|${sportsMarketType}|${marketCategory}|${normalizedQuestion}|${outcomeKey}`;
+  }
+  return `${period}|${sportsMarketType}|${marketCategory}|${toTrimmedString(market.question)}|${outcomeKey}|${market.id}`;
+};
+var resolveDisplayGroupTitle = (market) => {
+  const sportsMarketType = normalizeSportsMarketType(market.sportsMarketType);
+  const question = toTrimmedString(market.question);
+  if (isBinarySportsMoneylineMarket(market)) return "Moneyline";
+  if (sportsMarketType === "spread") return "Spreads";
+  if (!question) {
+    return sportsMarketType != null ? sportsMarketType : market.id;
+  }
+  if (sportsMarketType === "total") {
+    const base = stripLineValueFromQuestion(question).replace(/o\s*\/\s*u/gi, " ").replace(/\btotals?\b/gi, " ").replace(/\s+/g, " ").trim();
+    return base ? `${base} Totals` : "Totals";
+  }
+  if (market.lineValue != null) {
+    const strippedQuestion = stripLineValueFromQuestion(question);
+    return strippedQuestion || question;
+  }
+  return question;
+};
+var sortMarketsByLineValue = (markets) => {
+  return [...markets].sort((leftMarket, rightMarket) => {
+    var _a, _b;
+    const leftLineValue = (_a = leftMarket.lineValue) != null ? _a : Number.NEGATIVE_INFINITY;
+    const rightLineValue = (_b = rightMarket.lineValue) != null ? _b : Number.NEGATIVE_INFINITY;
+    if (leftLineValue !== rightLineValue) {
+      return leftLineValue - rightLineValue;
+    }
+    return leftMarket.question.localeCompare(rightMarket.question);
+  });
+};
+var buildSportsMarketDisplayGroups = (markets) => {
+  var _a;
+  const groupsByKey = /* @__PURE__ */ new Map();
+  for (const market of markets) {
+    const groupKey = resolveDisplayGroupFamilyKey(market);
+    const currentMarkets = (_a = groupsByKey.get(groupKey)) != null ? _a : [];
+    currentMarkets.push(market);
+    groupsByKey.set(groupKey, currentMarkets);
+  }
+  const groups = Array.from(groupsByKey.entries()).map(([id, groupMarkets]) => {
+    var _a2;
+    const orderedMarkets = sortMarketsByLineValue(groupMarkets);
+    const firstMarket = orderedMarkets[0];
+    const sportsMarketType = normalizeSportsMarketType(firstMarket == null ? void 0 : firstMarket.sportsMarketType);
+    const marketCategory = normalizeSportsMarketCategory(firstMarket == null ? void 0 : firstMarket.marketCategory);
+    const period = normalizeSportsPeriod(firstMarket == null ? void 0 : firstMarket.period);
+    const sectionRank = (_a2 = firstMarket == null ? void 0 : firstMarket.sectionRank) != null ? _a2 : Number.MAX_SAFE_INTEGER;
+    return {
+      id,
+      title: resolveDisplayGroupTitle(firstMarket),
+      questionKey: sanitizeFamilyValue(toTrimmedString(firstMarket == null ? void 0 : firstMarket.question)),
+      sportsMarketType,
+      marketCategory,
+      period,
+      sectionRank,
+      markets: orderedMarkets,
+      hasLineVariants: orderedMarkets.some((market) => market.lineValue != null)
+    };
+  });
+  return groups.sort((leftGroup, rightGroup) => {
+    var _a2, _b, _c, _d;
+    if (leftGroup.sectionRank !== rightGroup.sectionRank) {
+      return leftGroup.sectionRank - rightGroup.sectionRank;
+    }
+    const leftMarketTypeOrder = getSportsMarketTypeOrderIndex(leftGroup.sportsMarketType);
+    const rightMarketTypeOrder = getSportsMarketTypeOrderIndex(rightGroup.sportsMarketType);
+    if (leftMarketTypeOrder !== rightMarketTypeOrder) {
+      return leftMarketTypeOrder - rightMarketTypeOrder;
+    }
+    const leftLineValue = (_b = (_a2 = leftGroup.markets[0]) == null ? void 0 : _a2.lineValue) != null ? _b : Number.NEGATIVE_INFINITY;
+    const rightLineValue = (_d = (_c = rightGroup.markets[0]) == null ? void 0 : _c.lineValue) != null ? _d : Number.NEGATIVE_INFINITY;
+    if (leftLineValue !== rightLineValue) {
+      return leftLineValue - rightLineValue;
+    }
+    return leftGroup.title.localeCompare(rightGroup.title);
+  });
+};
+var groupSportsMarketsByPeriod = (markets) => {
+  var _a;
+  const periodGroups = /* @__PURE__ */ new Map();
+  for (const market of markets) {
+    const period = normalizeSportsPeriod(market.period);
+    const currentMarkets = (_a = periodGroups.get(period)) != null ? _a : [];
+    currentMarkets.push(market);
+    periodGroups.set(period, currentMarkets);
+  }
+  return Array.from(periodGroups.entries()).map(([key, groupedMarkets]) => ({
+    key,
+    markets: groupedMarkets,
+    groups: buildSportsMarketDisplayGroups(groupedMarkets)
+  })).sort((leftGroup, rightGroup) => {
+    return getSportsPeriodOrderIndex(leftGroup.key) - getSportsPeriodOrderIndex(rightGroup.key);
+  });
+};
+var resolveSelectedSportsLineValue = (lineValue) => {
+  if (lineValue == null) return "0";
+  return Number.isInteger(lineValue) ? String(lineValue) : lineValue.toFixed(1);
+};
+var collectVenueNames = (market) => {
+  var _a;
+  const venues = /* @__PURE__ */ new Set([market.venue]);
+  for (const matchedVenueMarket of (_a = market.matchedVenueMarkets) != null ? _a : []) {
+    venues.add(matchedVenueMarket.venue);
+  }
+  return Array.from(venues);
+};
+var resolveTotalGroupVolume = (markets) => {
+  return markets.reduce((totalVolume, market) => {
+    var _a;
+    return totalVolume + ((_a = market.volume) != null ? _a : 0);
+  }, 0);
+};
+var resolveSportsExpandedMarkets = (markets) => {
+  var _a;
+  const expandedMarkets = [];
+  const seenMarketIds = /* @__PURE__ */ new Set();
+  for (const market of markets) {
+    if (!seenMarketIds.has(market.id)) {
+      seenMarketIds.add(market.id);
+      expandedMarkets.push(market);
+    }
+    for (const matchedVenueMarket of (_a = market.matchedVenueMarkets) != null ? _a : []) {
+      if (seenMarketIds.has(matchedVenueMarket.id)) continue;
+      seenMarketIds.add(matchedVenueMarket.id);
+      expandedMarkets.push(matchedVenueMarket);
+    }
+  }
+  return expandedMarkets;
+};
+var resolveSportsExpandedMarketsVolume = (markets) => {
+  return resolveSportsExpandedMarkets(markets).reduce((totalVolume, market) => {
+    var _a;
+    return totalVolume + ((_a = market.volume) != null ? _a : 0);
+  }, 0);
+};
+var resolveHighestVolumeIndex = (markets) => {
+  let bestIndex = 0;
+  let bestVolume = Number.NEGATIVE_INFINITY;
+  markets.forEach((market, index) => {
+    var _a;
+    const volume = (_a = market.volume) != null ? _a : 0;
+    if (volume > bestVolume) {
+      bestVolume = volume;
+      bestIndex = index;
+    }
+  });
+  return bestIndex;
+};
+var resolveSlideKind = (group) => {
+  if (group.sportsMarketType === "moneyline") return "moneyline";
+  if (group.sportsMarketType === "spread") return "spread";
+  if (group.sportsMarketType === "total") return "total";
+  return "other";
+};
+var aggregateSportsLineStops = (markets) => {
+  var _a;
+  const marketsByLineValue = /* @__PURE__ */ new Map();
+  for (const market of markets) {
+    const value = resolveSelectedSportsLineValue(market.lineValue);
+    const lineMarkets = (_a = marketsByLineValue.get(value)) != null ? _a : [];
+    lineMarkets.push(market);
+    marketsByLineValue.set(value, lineMarkets);
+  }
+  return Array.from(marketsByLineValue.entries()).map(([value, lineMarkets]) => {
+    var _a2, _b;
+    const representative = (_a2 = lineMarkets[resolveHighestVolumeIndex(lineMarkets)]) != null ? _a2 : lineMarkets[0];
+    const venues = /* @__PURE__ */ new Set();
+    for (const lineMarket of lineMarkets) {
+      for (const venue of collectVenueNames(lineMarket)) {
+        venues.add(venue);
+      }
+    }
+    return {
+      value,
+      representative,
+      venues: Array.from(venues),
+      volume: resolveTotalGroupVolume(lineMarkets),
+      lineValue: (_b = representative.lineValue) != null ? _b : Number.NEGATIVE_INFINITY
+    };
+  }).sort(
+    (left, right) => left.lineValue !== right.lineValue ? left.lineValue - right.lineValue : left.value.localeCompare(right.value)
+  );
+};
+var buildSportsSlideFromGroup = (group) => {
+  const lineStops = group.hasLineVariants ? aggregateSportsLineStops(group.markets) : [];
+  const hasLadder = lineStops.length > 1;
+  const stops = hasLadder ? lineStops.map((lineStop) => ({
+    value: lineStop.value,
+    venues: lineStop.venues,
+    market: lineStop.representative
+  })) : [];
+  const defaultStopIndex = hasLadder ? lineStops.reduce(
+    (bestIndex, lineStop, index) => lineStop.volume > lineStops[bestIndex].volume ? index : bestIndex,
+    0
+  ) : 0;
+  return {
+    id: group.id,
+    kind: resolveSlideKind(group),
+    group,
+    hasLadder,
+    stops,
+    defaultStopIndex
+  };
+};
+var resolveSportsCategoryTokens = (event) => {
+  return new Set(
+    event.categories.flatMap((entry) => {
+      const categoryName = toTrimmedString(entry.category.name).toLowerCase();
+      const categoryDisplayName = toTrimmedString(entry.category.displayName).toLowerCase();
+      return [categoryName, categoryDisplayName].filter(Boolean);
+    })
+  );
+};
+var isNonStandardSportsLikeEvent = (event) => {
+  const categoryTokens = resolveSportsCategoryTokens(event);
+  if ([...categoryTokens].some((token) => ESPORTS_CATEGORY_TOKENS.has(token))) {
+    return true;
+  }
+  if (ESPORTS_TITLE_PATTERN.test(event.title) || SERIES_SCOPE_PATTERN.test(event.title)) {
+    return true;
+  }
+  return event.venueMarkets.some((market) => {
+    const question = toTrimmedString(market.question);
+    return ESPORTS_TITLE_PATTERN.test(question) || SERIES_SCOPE_PATTERN.test(question);
+  });
+};
+var resolveVisibleSportsSectionTabDefinitions = (event) => {
+  const presentTabKeys = /* @__PURE__ */ new Set();
+  for (const market of event.venueMarkets) {
+    const tabKey = resolveMarketSectionTabKey(market);
+    if (tabKey) presentTabKeys.add(tabKey);
+  }
+  let definitions = SPORTS_SECTION_TAB_DEFINITIONS.filter(
+    (definition) => presentTabKeys.has(definition.key)
+  );
+  if (isNonStandardSportsLikeEvent(event)) {
+    definitions = definitions.filter(
+      (definition) => SPORTS_NON_STANDARD_VISIBLE_TAB_KEY_SET.has(definition.key)
+    );
+  }
+  return definitions;
+};
+var mergeSportsSectionMarketsIntoEvent = ({
+  event,
+  sectionMarketsByKey
+}) => {
+  var _a;
+  const orderedVenueMarkets = [...event.venueMarkets];
+  const seenMarketIds = new Set(orderedVenueMarkets.map((market) => market.id));
+  for (const sectionKey of SPORTS_SECTION_TAB_DEFINITIONS.map((definition) => definition.key)) {
+    for (const market of (_a = sectionMarketsByKey[sectionKey]) != null ? _a : []) {
+      if (seenMarketIds.has(market.id)) continue;
+      seenMarketIds.add(market.id);
+      orderedVenueMarkets.push(market);
+    }
+  }
+  return __spreadProps(__spreadValues({}, event), {
+    venueMarkets: orderedVenueMarkets
+  });
+};
+
+// src/pages/event-market/sports-market-card.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var SportsMarketCard = ({
+  group,
+  venueMarkets,
+  isExpanded,
+  onToggle,
+  onOutcomeSelect,
+  live,
+  midpointsFallback,
+  midpointsFallbackVenues,
+  midpointsResult
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const labels = useLabels2();
+  const {
+    formatting: { formatCompactCurrency }
+  } = useSdkUiConfig();
+  const tradingContext = useEventTradingContext();
+  const slide = useMemo(() => buildSportsSlideFromGroup(group), [group]);
+  const [selectedLineIndex, setSelectedLineIndex] = useState3(slide.defaultStopIndex);
+  const combinedMoneylineMarkets = useMemo(
+    () => group.markets.filter((market) => isBinarySportsMoneylineMarket(market)),
+    [group.markets]
+  );
+  const isCombinedMoneylineGroup = group.sportsMarketType === "moneyline" && combinedMoneylineMarkets.length > 1 && combinedMoneylineMarkets.length === group.markets.length;
+  useEffect3(() => {
+    if (!slide.hasLadder) return;
+    const tradingMarketId = tradingContext == null ? void 0 : tradingContext.selectedMarketId;
+    if (!tradingMarketId) return;
+    const matchedIndex = slide.stops.findIndex((stop) => stop.market.id === tradingMarketId);
+    if (matchedIndex >= 0) setSelectedLineIndex(matchedIndex);
+  }, [slide.hasLadder, slide.stops, tradingContext == null ? void 0 : tradingContext.selectedMarketId]);
+  const activeMoneylineMarket = isCombinedMoneylineGroup && (tradingContext == null ? void 0 : tradingContext.selectedMarketId) ? (_a = group.markets.find((market) => market.id === tradingContext.selectedMarketId)) != null ? _a : null : null;
+  const activeMarket = slide.hasLadder ? (_d = (_c = (_b = slide.stops[selectedLineIndex]) == null ? void 0 : _b.market) != null ? _c : group.markets[0]) != null ? _d : null : (_e = activeMoneylineMarket != null ? activeMoneylineMarket : group.markets[0]) != null ? _e : null;
+  const activeDefaultOutcome = isCombinedMoneylineGroup && activeMarket ? (_f = activeMarket.venueMarketOutcomes.find(
+    (outcome) => outcome.label.trim().toLowerCase() === "yes"
+  )) != null ? _f : activeMarket.venueMarketOutcomes[0] : activeMarket == null ? void 0 : activeMarket.venueMarketOutcomes[0];
+  const wasExpandedRef = useRef2(isExpanded);
+  useEffect3(() => {
+    const justOpened = isExpanded && !wasExpandedRef.current;
+    wasExpandedRef.current = isExpanded;
+    if (!justOpened || !activeMarket) return;
+    if (resolveMarketTradingState(activeMarket).isTradingDisabled) return;
+    const selectedOutcomeId = tradingContext == null ? void 0 : tradingContext.selectedOutcomeId;
+    const hasInScopeOutcome = selectedOutcomeId != null && activeMarket.venueMarketOutcomes.some((outcome) => outcome.id === selectedOutcomeId);
+    if (hasInScopeOutcome) return;
+    const firstOutcome = activeDefaultOutcome;
+    if (firstOutcome) {
+      tradingContext == null ? void 0 : tradingContext.selectMarketAndOutcome(activeMarket.id, firstOutcome.id);
+    }
+  }, [activeDefaultOutcome, isExpanded, activeMarket, tradingContext]);
+  if (!activeMarket) return null;
+  const activeOutcome = (_g = activeMarket.venueMarketOutcomes.find(
+    (outcome) => outcome.id === (tradingContext == null ? void 0 : tradingContext.selectedOutcomeId)
+  )) != null ? _g : activeDefaultOutcome;
+  const activeOutcomeVenueCount = (() => {
+    var _a2, _b2;
+    if (!activeOutcome) return collectVenueNames(activeMarket).length;
+    const venueNames = /* @__PURE__ */ new Set([activeMarket.venue]);
+    for (const matchedOutcome of (_a2 = activeOutcome.matchedVenueMarketOutcomes) != null ? _a2 : []) {
+      const matchedVenueMarket = (_b2 = activeMarket.matchedVenueMarkets) == null ? void 0 : _b2.find(
+        (market) => market.id === matchedOutcome.venueMarketId
+      );
+      if (matchedVenueMarket == null ? void 0 : matchedVenueMarket.venue) {
+        venueNames.add(matchedVenueMarket.venue);
+      }
+    }
+    return venueNames.size > 0 ? venueNames.size : collectVenueNames(activeMarket).length;
+  })();
+  const activeMarketVolume = resolveSportsExpandedMarketsVolume([activeMarket]);
+  const totalGroupVolume = resolveSportsExpandedMarketsVolume(group.markets);
+  const compactSubtitle = `${activeOutcomeVenueCount} ${activeOutcomeVenueCount === 1 ? labels.marketDetails.meta.venueSingular : labels.marketDetails.meta.venuePlural} \xB7 ${formatCompactCurrency(activeMarketVolume || resolveTotalGroupVolume([activeMarket]))} ${labels.eventMarketPage.sports.volumeShort} \xB7 ${formatCompactCurrency(totalGroupVolume || resolveTotalGroupVolume(group.markets))} ${labels.eventMarketPage.sports.totalVolumeShort}`;
+  const combinedMoneylineHeaderOutcomeItems = useMemo(() => {
+    if (!isCombinedMoneylineGroup) return void 0;
+    return combinedMoneylineMarkets.flatMap((market, index) => {
+      var _a2;
+      const typedMarket = market;
+      const yesOutcome = market.venueMarketOutcomes.find(
+        (outcome) => outcome.label.trim().toLowerCase() === "yes"
+      );
+      if (!yesOutcome) return [];
+      const label = ((_a2 = typedMarket.shortTitle) == null ? void 0 : _a2.trim()) || market.question.trim();
+      if (!label) return [];
+      return [
+        {
+          id: yesOutcome.id,
+          label,
+          title: label,
+          probability: yesOutcome.price,
+          tone: index === 0 ? "positive" : "negative",
+          variant: "outcome",
+          venue: market.venue
+        }
+      ];
+    });
+  }, [combinedMoneylineMarkets, isCombinedMoneylineGroup]);
+  const headerOutcomeVariant = isCombinedMoneylineGroup ? "outcome" : resolveSportsMarketCardVariant(activeMarket);
+  const handleLineSelect = (index) => {
+    var _a2, _b2;
+    const previousMarket = activeMarket;
+    setSelectedLineIndex(index);
+    const market = (_a2 = slide.stops[index]) == null ? void 0 : _a2.market;
+    if (!market) return;
+    const isGroupBeingTraded = group.markets.some(
+      (groupMarket) => groupMarket.id === (tradingContext == null ? void 0 : tradingContext.selectedMarketId)
+    );
+    if (!isGroupBeingTraded) return;
+    const previousOutcomeIndex = previousMarket ? previousMarket.venueMarketOutcomes.findIndex(
+      (outcome) => outcome.id === (tradingContext == null ? void 0 : tradingContext.selectedOutcomeId)
+    ) : -1;
+    const nextOutcome = (_b2 = previousOutcomeIndex >= 0 ? market.venueMarketOutcomes[previousOutcomeIndex] : void 0) != null ? _b2 : market.venueMarketOutcomes[0];
+    if (nextOutcome) {
+      tradingContext == null ? void 0 : tradingContext.selectMarketAndOutcome(market.id, nextOutcome.id);
+    } else {
+      tradingContext == null ? void 0 : tradingContext.selectMarket(market.id, market);
+    }
+  };
+  return /* @__PURE__ */ jsx3(
+    MarketDetails,
+    {
+      marketId: activeMarket.id,
+      venueMarkets,
+      title: group.title,
+      compactHeader: true,
+      subtitleOverride: compactSubtitle,
+      headerOutcomeVariant,
+      headerOutcomeItemsOverride: combinedMoneylineHeaderOutcomeItems,
+      isOpened: isExpanded,
+      suppressOutcomeFallbackSelection: activeMarket.id !== (tradingContext == null ? void 0 : tradingContext.selectedMarketId),
+      onOpenChange: () => onToggle(group.id, activeMarket),
+      onOutcomeSelect: (selection) => onOutcomeSelect == null ? void 0 : onOutcomeSelect(group.id, selection),
+      headerAccessory: slide.hasLadder ? /* @__PURE__ */ jsx3(
+        SportsLineRail,
+        {
+          stops: slide.stops.map((stop) => ({
+            value: stop.value,
+            venues: stop.venues,
+            disabled: stop.market.status !== MarketStatus.open
+          })),
+          selectedIndex: selectedLineIndex,
+          onSelect: handleLineSelect,
+          ariaLabel: labels.eventMarketPage.sports.lineSelectorAria(group.title),
+          previousAriaLabel: labels.eventMarketPage.sports.previousLineAria(group.title),
+          nextAriaLabel: labels.eventMarketPage.sports.nextLineAria(group.title)
+        }
+      ) : void 0,
+      classNames: { root: "agg-market-list-item agg-sports-market-card" },
+      live,
+      midpointsFallback,
+      midpointsFallbackVenues,
+      midpointsResult
+    }
+  );
+};
+SportsMarketCard.displayName = "SportsMarketCard";
+
+// src/pages/event-market/sports-markets.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var resolveSportsSectionLabel = (labels, key) => {
+  switch (key) {
+    case "game_lines":
+      return labels.eventMarketPage.sports.gameLinesTab;
+    case "halves":
+      return labels.eventMarketPage.sports.halvesTab;
+    case "exact_score":
+      return labels.eventMarketPage.sports.exactScoreTab;
+    case "corners":
+      return labels.eventMarketPage.sports.cornersTab;
+    case "goals":
+      return labels.eventMarketPage.sports.goalsTab;
+    case "assists":
+      return labels.eventMarketPage.sports.assistsTab;
+    case "shots":
+      return labels.eventMarketPage.sports.shotsTab;
+    case "other":
+      return labels.eventMarketPage.sports.otherTab;
+  }
+};
+var resolveSportsPeriodLabel = (labels, period) => {
+  switch (period) {
+    case "full":
+      return labels.eventMarketPage.sports.fullPeriod;
+    case "1h":
+      return labels.eventMarketPage.sports.firstHalfPeriod;
+    case "2h":
+      return labels.eventMarketPage.sports.secondHalfPeriod;
+    case "q1":
+      return labels.eventMarketPage.sports.quarterOnePeriod;
+    case "q2":
+      return labels.eventMarketPage.sports.quarterTwoPeriod;
+    case "q3":
+      return labels.eventMarketPage.sports.quarterThreePeriod;
+    case "q4":
+      return labels.eventMarketPage.sports.quarterFourPeriod;
+    case "ot":
+      return labels.eventMarketPage.sports.overtimePeriod;
+    case "first_inning":
+      return "1st Inning";
+    case "second_inning":
+      return "2nd Inning";
+    case "third_inning":
+      return "3rd Inning";
+    case "first_5_innings":
+      return "1st 5 Innings";
+    case "other":
+      return labels.eventMarketPage.sports.otherPeriod;
+  }
+};
+var SportsTabButton = ({
+  isActive,
+  label,
+  onClick
+}) => {
+  return /* @__PURE__ */ jsx4(
+    "button",
+    {
+      type: "button",
+      role: "tab",
+      "aria-selected": isActive,
+      "data-testid": "sports-section-tab",
+      className: cn(
+        "inline-flex h-9 shrink-0 cursor-pointer items-center justify-center rounded-agg-full border px-4 text-agg-sm leading-agg-5 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-2 focus-visible:ring-offset-agg-secondary",
+        isActive ? "border-agg-primary bg-agg-secondary font-agg-bold text-agg-foreground" : "border-transparent bg-agg-secondary-hover font-agg-normal text-agg-foreground hover:bg-agg-tertiary"
+      ),
+      onClick,
+      children: label
+    }
+  );
+};
+var SportsMarketsLoadingState = () => {
+  const labels = useLabels3();
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: "flex flex-col gap-3",
+      role: "status",
+      "aria-label": labels.eventMarketPage.sports.loadingTitle,
+      children: [
+        /* @__PURE__ */ jsx4("span", { className: "sr-only", children: labels.eventMarketPage.sports.loadingDescription }),
+        Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxs3(
+          "div",
+          {
+            className: "flex min-h-[76px] animate-pulse flex-col gap-3 rounded-agg-2xl border border-agg-separator bg-agg-secondary px-5 py-3 sm:flex-row sm:items-center sm:justify-between",
+            children: [
+              /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx4("div", { className: "h-5 w-32 rounded-agg-sm bg-agg-secondary-hover" }),
+                /* @__PURE__ */ jsx4("div", { className: "h-4 w-40 rounded-agg-sm bg-agg-secondary-hover" })
+              ] }),
+              /* @__PURE__ */ jsxs3("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ jsx4("div", { className: "h-9 w-32 rounded-agg-full bg-agg-secondary-hover" }),
+                /* @__PURE__ */ jsx4("div", { className: "hidden h-9 w-32 rounded-agg-full bg-agg-secondary-hover sm:block" })
+              ] })
+            ]
+          },
+          `sports-card-skeleton-${index}`
+        ))
+      ]
+    }
+  );
+};
+var SportsMarkets = ({
+  event,
+  onSectionMarketsChange,
+  onOutcomeSelect,
+  live,
+  midpointsResult
+}) => {
+  var _a, _b;
+  const labels = useLabels3();
+  const tradingContext = useEventTradingContext2();
+  const hasAggKey = Boolean(event.aggKey);
+  const gameMarketsQuery = useVenueMarkets({
+    aggKey: event.aggKey ? [event.aggKey] : void 0,
+    limit: 100,
+    status: MarketStatus2.open,
+    enabled: hasAggKey
+  });
+  const {
+    markets: gameMarkets,
+    hasNextPage: hasNextGameMarketsPage,
+    isFetchingNextPage: isFetchingNextGameMarketsPage,
+    fetchNextPage: fetchNextGameMarketsPage
+  } = gameMarketsQuery;
+  const tabSourceMarkets = useMemo2(() => {
+    const seen = /* @__PURE__ */ new Set();
+    const merged = [];
+    for (const market of [...event.venueMarkets, ...gameMarkets]) {
+      if (seen.has(market.id)) continue;
+      seen.add(market.id);
+      merged.push(market);
+    }
+    return merged;
+  }, [event.venueMarkets, gameMarkets]);
+  const visibleSectionDefinitions = useMemo2(
+    () => resolveVisibleSportsSectionTabDefinitions(__spreadProps(__spreadValues({}, event), { venueMarkets: tabSourceMarkets })),
+    [event, tabSourceMarkets]
+  );
+  const shouldRenderTabs = visibleSectionDefinitions.length > 1 && tabSourceMarkets.length > 1;
+  const [activeTabKey, setActiveTabKey] = useState4(
+    (_b = (_a = visibleSectionDefinitions[0]) == null ? void 0 : _a.key) != null ? _b : "game_lines"
+  );
+  const [expandedGroupId, setExpandedGroupId] = useState4(null);
+  const [stableMarketsByTab, setStableMarketsByTab] = useState4({});
+  const activeTabLabel = resolveSportsSectionLabel(labels, activeTabKey);
+  const sectionFilters = resolveSportsSectionFilters(activeTabKey);
+  const sectionMarketsQuery = useVenueMarkets({
+    aggKey: event.aggKey ? [event.aggKey] : void 0,
+    sportsMarketType: sectionFilters.sportsMarketType,
+    period: sectionFilters.period,
+    marketCategory: sectionFilters.marketCategory,
+    marketGroup: sectionFilters.marketGroup,
+    limit: 20,
+    status: MarketStatus2.open,
+    enabled: hasAggKey
+  });
+  const {
+    markets: sectionMarkets,
+    isLoading: isSectionLoading,
+    hasNextPage,
+    isFetchingNextPage,
+    fetchNextPage
+  } = sectionMarketsQuery;
+  const resolvedSectionMarkets = useMemo2(
+    () => resolveSportsSectionMarkets({
+      tabKey: activeTabKey,
+      eventMarkets: tabSourceMarkets,
+      sectionMarkets
+    }),
+    [activeTabKey, tabSourceMarkets, sectionMarkets]
+  );
+  const isSectionSettled = !isSectionLoading && !hasNextPage && !isFetchingNextPage;
+  const stableSectionMarkets = stableMarketsByTab[activeTabKey];
+  const displayedSectionMarkets = stableSectionMarkets != null ? stableSectionMarkets : isSectionSettled ? resolvedSectionMarkets : [];
+  const periodGroups = useMemo2(
+    () => groupSportsMarketsByPeriod(displayedSectionMarkets),
+    [displayedSectionMarkets]
+  );
+  const displayedPeriodGroups = useMemo2(
+    () => activeTabKey === "game_lines" ? periodGroups.filter((periodGroup) => periodGroup.key === "full") : periodGroups,
+    [activeTabKey, periodGroups]
+  );
+  const allGroups = useMemo2(
+    () => displayedPeriodGroups.flatMap((periodGroup) => periodGroup.groups),
+    [displayedPeriodGroups]
+  );
+  useEffect4(() => {
+    if (hasNextPage && !isFetchingNextPage) {
+      void fetchNextPage();
+    }
+  }, [hasNextPage, isFetchingNextPage, fetchNextPage]);
+  useEffect4(() => {
+    if (hasNextGameMarketsPage && !isFetchingNextGameMarketsPage) {
+      void fetchNextGameMarketsPage();
+    }
+  }, [hasNextGameMarketsPage, isFetchingNextGameMarketsPage, fetchNextGameMarketsPage]);
+  useEffect4(() => {
+    if (!isSectionSettled) return;
+    setStableMarketsByTab((currentStableMarketsByTab) => {
+      var _a2;
+      const currentMarkets = (_a2 = currentStableMarketsByTab[activeTabKey]) != null ? _a2 : [];
+      if (currentMarkets.length === resolvedSectionMarkets.length && currentMarkets.every((market, index) => {
+        var _a3;
+        return market.id === ((_a3 = resolvedSectionMarkets[index]) == null ? void 0 : _a3.id);
+      })) {
+        return currentStableMarketsByTab;
+      }
+      return __spreadProps(__spreadValues({}, currentStableMarketsByTab), {
+        [activeTabKey]: resolvedSectionMarkets
+      });
+    });
+  }, [activeTabKey, isSectionSettled, resolvedSectionMarkets]);
+  useEffect4(() => {
+    if (!hasAggKey) return;
+    onSectionMarketsChange(activeTabKey, displayedSectionMarkets);
+  }, [activeTabKey, displayedSectionMarkets, hasAggKey, onSectionMarketsChange]);
+  useEffect4(() => {
+    var _a2, _b2;
+    if (visibleSectionDefinitions.some((definition) => definition.key === activeTabKey)) return;
+    setActiveTabKey((_b2 = (_a2 = visibleSectionDefinitions[0]) == null ? void 0 : _a2.key) != null ? _b2 : "game_lines");
+  }, [activeTabKey, visibleSectionDefinitions]);
+  const lastActiveTabRef = useRef3(null);
+  useEffect4(() => {
+    if (allGroups.length === 0) return;
+    if (lastActiveTabRef.current !== activeTabKey) {
+      lastActiveTabRef.current = activeTabKey;
+      setExpandedGroupId(null);
+      return;
+    }
+    if (expandedGroupId && !allGroups.some((group) => group.id === expandedGroupId)) {
+      setExpandedGroupId(null);
+    }
+  }, [activeTabKey, allGroups, expandedGroupId]);
+  const handleToggleGroup = (groupId, market) => {
+    if (groupId === expandedGroupId) {
+      setExpandedGroupId(null);
+      return;
+    }
+    setExpandedGroupId(groupId);
+    if (resolveMarketTradingState2(market).isTradingDisabled) return;
+    if (market.id !== (tradingContext == null ? void 0 : tradingContext.selectedMarketId)) {
+      tradingContext == null ? void 0 : tradingContext.selectMarket(market.id, market);
+    }
+  };
+  const handleGroupOutcomeSelect = (groupId) => {
+    setExpandedGroupId(groupId);
+    onOutcomeSelect == null ? void 0 : onOutcomeSelect();
+  };
+  if (!hasAggKey && event.venueMarkets.length === 0) {
+    return /* @__PURE__ */ jsx4(
+      StateMessage,
+      {
+        title: labels.eventMarketPage.sports.emptyTitle,
+        description: labels.eventMarketPage.unavailableDescription,
+        icon: /* @__PURE__ */ jsx4(Icon, { name: "warning", className: "h-10 w-10 text-agg-warning" }),
+        classNames: { root: "min-h-[220px]" }
+      }
+    );
+  }
+  const shouldShowLoadingState = stableSectionMarkets == null && !isSectionSettled;
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-5", "data-testid": "sports-markets", children: [
+    shouldRenderTabs ? /* @__PURE__ */ jsx4(
+      "div",
+      {
+        role: "tablist",
+        "aria-label": labels.eventMarketPage.sports.sectionTabsAria,
+        className: "flex flex-nowrap items-center gap-2 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+        children: visibleSectionDefinitions.map((definition) => /* @__PURE__ */ jsx4(
+          SportsTabButton,
+          {
+            isActive: definition.key === activeTabKey,
+            label: resolveSportsSectionLabel(labels, definition.key),
+            onClick: () => setActiveTabKey(definition.key)
+          },
+          definition.key
+        ))
+      }
+    ) : null,
+    shouldShowLoadingState ? /* @__PURE__ */ jsx4(SportsMarketsLoadingState, {}) : null,
+    !shouldShowLoadingState && allGroups.length === 0 ? /* @__PURE__ */ jsx4(
+      StateMessage,
+      {
+        title: labels.eventMarketPage.sports.emptyTitle,
+        description: labels.eventMarketPage.sports.emptyDescription(activeTabLabel),
+        icon: /* @__PURE__ */ jsx4(Icon, { name: "search", className: "h-10 w-10 text-agg-muted-foreground" }),
+        classNames: { root: "min-h-[220px]" }
+      }
+    ) : null,
+    displayedPeriodGroups.map((periodGroup) => {
+      const hasMultiplePeriods = displayedPeriodGroups.length > 1;
+      return /* @__PURE__ */ jsxs3(
+        "section",
+        {
+          className: "flex flex-col gap-3",
+          "data-period-key": periodGroup.key,
+          children: [
+            hasMultiplePeriods ? /* @__PURE__ */ jsx4(Typography, { variant: "body-large-strong", className: "text-agg-foreground", children: resolveSportsPeriodLabel(labels, periodGroup.key) }) : null,
+            periodGroup.groups.map((group) => /* @__PURE__ */ jsx4(
+              SportsMarketCard,
+              {
+                group,
+                venueMarkets: displayedSectionMarkets,
+                isExpanded: expandedGroupId === group.id,
+                onToggle: handleToggleGroup,
+                onOutcomeSelect: (_groupId, _selection) => handleGroupOutcomeSelect(group.id),
+                live,
+                midpointsResult
+              },
+              group.id
+            ))
+          ]
+        },
+        `${activeTabKey}-${periodGroup.key}`
+      );
+    })
+  ] });
+};
+SportsMarkets.displayName = "SportsMarkets";
+
+// src/pages/event-market/sports-event-market-page.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var areSportsSectionMarketsEqual = (leftMarkets, rightMarkets) => {
+  if (leftMarkets.length !== rightMarkets.length) return false;
+  return leftMarkets.every((market, index) => {
+    var _a;
+    return market.id === ((_a = rightMarkets[index]) == null ? void 0 : _a.id);
+  });
+};
+var SportsEventMarketPage = ({
+  event,
+  defaultMarketId,
+  defaultOutcomeId,
   classNames,
-  stickyOrderPanel
+  ariaLabel,
+  showPlaceOrder,
+  executionMode,
+  stickyOrderPanel,
+  resolvedClaim,
+  onBeforePrimaryAction
 }) => {
+  const [sectionMarketsByKey, setSectionMarketsByKey] = useState5({});
+  const composedEvent = useMemo3(() => {
+    return mergeSportsSectionMarketsIntoEvent({
+      event,
+      sectionMarketsByKey
+    });
+  }, [event, sectionMarketsByKey]);
+  const eventTradingState = useMemo3(() => resolveEventTradingState2(composedEvent), [composedEvent]);
+  const hasSportsSections = useMemo3(
+    () => resolveVisibleSportsSectionTabDefinitions(event).length > 0,
+    [event]
+  );
   const stickyOrderPanelState = resolveEventMarketPageStickyState({
     stickyOrderPanel
   });
-  return /* @__PURE__ */ jsx(
+  const {
+    trading: { executionMode: configuredExecutionMode }
+  } = useSdkUiConfig2();
+  const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
+  const [isMobileTradeOpen, setIsMobileTradeOpen] = useState5(false);
+  const isMobileViewport = useIsMobileEventMarketViewport(SPORTS_EVENT_MARKET_MEDIA_QUERY);
+  const tradingContext = useEventTradingContext3();
+  const midpointsResult = useMidpoints(composedEvent.venueMarkets);
+  const internalResolvedClaim = useResolvedMarketClaim({
+    market: eventTradingState.primaryMarket,
+    enabled: eventTradingState.kind === "resolved",
+    executionMode: resolvedExecutionMode
+  });
+  const effectiveResolvedClaim = resolvedClaim != null ? resolvedClaim : internalResolvedClaim;
+  const setTradeSideRef = useRef4(tradingContext == null ? void 0 : tradingContext.setTradeSide);
+  setTradeSideRef.current = tradingContext == null ? void 0 : tradingContext.setTradeSide;
+  useEffect5(() => {
+    return () => {
+      var _a;
+      (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, TradeSide.Buy);
+    };
+  }, []);
+  const handleSectionMarketsChange = useCallback2(
+    (tabKey, markets) => {
+      setSectionMarketsByKey((currentSectionMarketsByKey) => {
+        var _a;
+        const currentMarkets = (_a = currentSectionMarketsByKey[tabKey]) != null ? _a : [];
+        if (areSportsSectionMarketsEqual(currentMarkets, markets)) {
+          return currentSectionMarketsByKey;
+        }
+        return __spreadProps(__spreadValues({}, currentSectionMarketsByKey), {
+          [tabKey]: markets
+        });
+      });
+    },
+    []
+  );
+  if (!composedEvent.venueMarkets.length) {
+    return /* @__PURE__ */ jsx5(EventMarketPageUnavailableState, { ariaLabel });
+  }
+  return /* @__PURE__ */ jsxs4(
     "section",
     {
       className: cn(
         "agg-event-market-page",
-        "w-full mx-auto max-w-[1440px] px-6 lg:px-10 pb-10",
+        "mx-auto w-full max-w-[1440px] px-4 pb-10 pt-4 sm:px-6 sm:pt-6 xl:px-9 xl:pt-8",
         classNames == null ? void 0 : classNames.root
       ),
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "agg-page-content",
-            "flex w-full flex-col gap-6 lg:flex-row lg:items-start lg:gap-8",
-            stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.contentClassName,
-            classNames == null ? void 0 : classNames.content
-          ),
-          style: stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.style,
-          children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: cn(
-                  "agg-page-main flex min-w-0 flex-1 flex-col gap-6 mb-10",
-                  stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.mainClassName,
-                  classNames == null ? void 0 : classNames.main
-                ),
-                children: [
-                  /* @__PURE__ */ jsx(
-                    EventListItemDetails,
-                    {
-                      isLoading: true,
-                      classNames: {
-                        root: cn("agg-event-hero", classNames == null ? void 0 : classNames.hero)
+      "aria-label": ariaLabel != null ? ariaLabel : composedEvent.title,
+      children: [
+        /* @__PURE__ */ jsxs4(
+          "div",
+          {
+            className: cn(
+              "agg-page-content",
+              "flex w-full flex-col gap-6 xl:flex-row xl:items-start xl:gap-[60px]",
+              stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.contentClassName,
+              classNames == null ? void 0 : classNames.content
+            ),
+            style: stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.style,
+            children: [
+              /* @__PURE__ */ jsxs4(
+                "div",
+                {
+                  className: cn(
+                    "agg-page-main mb-10 flex min-w-0 flex-1 flex-col gap-10",
+                    stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.mainClassName,
+                    classNames == null ? void 0 : classNames.main
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx5(
+                      EventListItemDetails,
+                      {
+                        event: composedEvent,
+                        defaultMarketId,
+                        defaultOutcomeId,
+                        eventTradingState,
+                        midpointsResult,
+                        classNames: {
+                          root: cn("agg-event-hero", classNames == null ? void 0 : classNames.hero),
+                          // The sports tabs + market cards own market navigation, so hide the
+                          // hero's per-market selector pills (one per line market would be noise).
+                          headerPills: "hidden"
+                        }
                       }
-                    }
+                    ),
+                    hasSportsSections ? /* @__PURE__ */ jsx5(
+                      SportsMarkets,
+                      {
+                        event,
+                        onSectionMarketsChange: handleSectionMarketsChange,
+                        midpointsResult,
+                        onOutcomeSelect: isMobileViewport ? () => {
+                          setIsMobileTradeOpen(true);
+                        } : void 0
+                      }
+                    ) : /* @__PURE__ */ jsx5(
+                      MarketDetailsList,
+                      {
+                        eventId: composedEvent.id,
+                        markets: eventTradingState.displayMarkets,
+                        eventTradingState,
+                        live: true,
+                        expandSelectedMarketOnChange: !isMobileViewport,
+                        autoExpandFallbackMarket: !isMobileViewport,
+                        autoSelectFallbackMarket: !isMobileViewport,
+                        onOutcomeSelect: () => {
+                          if (!isMobileViewport) return;
+                          setIsMobileTradeOpen(true);
+                        },
+                        classNames: { root: "agg-market-list", item: "agg-market-list-item" },
+                        midpointsResult
+                      }
+                    ),
+                    showPlaceOrder !== false && eventTradingState.isTradingDisabled ? /* @__PURE__ */ jsx5("div", { className: "xl:hidden", children: /* @__PURE__ */ jsx5(
+                      PlaceOrder,
+                      {
+                        eventTradingState,
+                        executionMode: resolvedExecutionMode,
+                        resolvedClaim: effectiveResolvedClaim,
+                        midpointsResult,
+                        onBeforePrimaryAction,
+                        className: cn(
+                          "agg-mobile-trade-panel w-full overflow-hidden",
+                          classNames == null ? void 0 : classNames.mobileTrade
+                        ),
+                        classNames: resolveMobileTradePlaceOrderClassNames(classNames)
+                      }
+                    ) }) : null,
+                    /* @__PURE__ */ jsx5(SettlementDetails, { eventId: event.id, className: classNames == null ? void 0 : classNames.settlement })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx5(
+                "aside",
+                {
+                  className: cn(
+                    "agg-sidebar hidden w-full xl:block xl:max-w-[343px] xl:shrink-0",
+                    stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.sidebarClassName,
+                    classNames == null ? void 0 : classNames.sidebar
                   ),
-                  /* @__PURE__ */ jsxs("div", { className: cn("agg-market-list flex flex-col gap-3", classNames == null ? void 0 : classNames.markets), children: [
-                    /* @__PURE__ */ jsx(MarketDetails, { isLoading: true, isOpened: true, classNames: { root: "w-full" } }),
-                    /* @__PURE__ */ jsx(MarketDetails, { isLoading: true, isOpened: false, classNames: { root: "w-full" } }),
-                    /* @__PURE__ */ jsx(MarketDetails, { isLoading: true, isOpened: false, classNames: { root: "w-full" } })
-                  ] })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "aside",
-              {
-                className: cn(
-                  "agg-sidebar",
-                  "hidden w-full shrink-0 lg:block lg:w-[342px] lg:shrink-0",
-                  stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.sidebarClassName,
-                  classNames == null ? void 0 : classNames.sidebar
-                ),
-                children: /* @__PURE__ */ jsx(
-                  PlaceOrder,
-                  {
-                    isLoading: true,
-                    className: cn(stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.placeOrder, classNames == null ? void 0 : classNames.trade),
-                    classNames: resolveDesktopTradePlaceOrderClassNames(classNames)
-                  }
-                )
-              }
-            )
-          ]
-        }
-      )
+                  children: showPlaceOrder !== false ? /* @__PURE__ */ jsx5(
+                    PlaceOrder,
+                    {
+                      eventTradingState,
+                      executionMode: resolvedExecutionMode,
+                      resolvedClaim: effectiveResolvedClaim,
+                      midpointsResult,
+                      onBeforePrimaryAction,
+                      className: cn(stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.placeOrder, classNames == null ? void 0 : classNames.trade),
+                      classNames: resolveDesktopTradePlaceOrderClassNames(classNames)
+                    }
+                  ) : null
+                }
+              )
+            ]
+          }
+        ),
+        !eventTradingState.isTradingDisabled ? /* @__PURE__ */ jsx5(
+          EventMarketPageMobileTrade,
+          {
+            classNames,
+            eventTradingState,
+            executionMode: resolvedExecutionMode,
+            showPlaceOrder,
+            isOpen: isMobileTradeOpen,
+            onOpenChange: setIsMobileTradeOpen,
+            midpointsResult,
+            onBeforePrimaryAction
+          }
+        ) : null
+      ]
     }
   );
 };
+SportsEventMarketPage.displayName = "SportsEventMarketPage";
+
+// src/pages/event-market/index.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var EventMarketPageContent = ({
   event,
   defaultMarketId,
@@ -364,36 +1873,36 @@ var EventMarketPageContent = ({
   resolvedClaim,
   onBeforePrimaryAction
 }) => {
-  const eventTradingState = useMemo(() => resolveEventTradingState(event), [event]);
+  const eventTradingState = useMemo4(() => resolveEventTradingState3(event), [event]);
   const stickyOrderPanelState = resolveEventMarketPageStickyState({
     stickyOrderPanel
   });
   const {
     trading: { executionMode: configuredExecutionMode }
-  } = useSdkUiConfig();
+  } = useSdkUiConfig3();
   const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
-  const [isMobileTradeOpen, setIsMobileTradeOpen] = useState(false);
+  const [isMobileTradeOpen, setIsMobileTradeOpen] = useState6(false);
   const isMobileViewport = useIsMobileEventMarketViewport();
-  const tradingContext = useEventTradingContext();
-  const midpointsResult = useMidpoints(event.venueMarkets);
+  const tradingContext = useEventTradingContext4();
+  const midpointsResult = useMidpoints2(event.venueMarkets);
   const internalResolvedClaim = useResolvedMarketClaim({
     market: eventTradingState.primaryMarket,
     enabled: eventTradingState.kind === "resolved",
     executionMode: resolvedExecutionMode
   });
   const effectiveResolvedClaim = resolvedClaim != null ? resolvedClaim : internalResolvedClaim;
-  const setTradeSideRef = useRef(tradingContext == null ? void 0 : tradingContext.setTradeSide);
+  const setTradeSideRef = useRef5(tradingContext == null ? void 0 : tradingContext.setTradeSide);
   setTradeSideRef.current = tradingContext == null ? void 0 : tradingContext.setTradeSide;
-  useEffect(() => {
+  useEffect6(() => {
     return () => {
       var _a;
-      (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, TradeSide.Buy);
+      (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, TradeSide2.Buy);
     };
   }, []);
   if (!event.venueMarkets.length) {
-    return /* @__PURE__ */ jsx(EventMarketPageUnavailableState, { ariaLabel });
+    return /* @__PURE__ */ jsx6(EventMarketPageUnavailableState, { ariaLabel });
   }
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs5(
     "section",
     {
       className: cn(
@@ -403,7 +1912,7 @@ var EventMarketPageContent = ({
       ),
       "aria-label": ariaLabel != null ? ariaLabel : event.title,
       children: [
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs5(
           "div",
           {
             className: cn(
@@ -414,7 +1923,7 @@ var EventMarketPageContent = ({
             ),
             style: stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.style,
             children: [
-              /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsxs5(
                 "div",
                 {
                   className: cn(
@@ -423,7 +1932,7 @@ var EventMarketPageContent = ({
                     classNames == null ? void 0 : classNames.main
                   ),
                   children: [
-                    /* @__PURE__ */ jsx(
+                    /* @__PURE__ */ jsx6(
                       EventListItemDetails,
                       {
                         event,
@@ -436,7 +1945,7 @@ var EventMarketPageContent = ({
                         }
                       }
                     ),
-                    /* @__PURE__ */ jsx(
+                    /* @__PURE__ */ jsx6(
                       MarketDetailsList,
                       {
                         eventId: event.id,
@@ -454,11 +1963,12 @@ var EventMarketPageContent = ({
                         midpointsResult
                       }
                     ),
-                    showPlaceOrder !== false && eventTradingState.isTradingDisabled ? /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(
+                    showPlaceOrder !== false && eventTradingState.isTradingDisabled ? /* @__PURE__ */ jsx6("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx6(
                       PlaceOrder,
                       {
                         eventTradingState,
                         executionMode: resolvedExecutionMode,
+                        isQuotePanelActive: isMobileViewport,
                         resolvedClaim: effectiveResolvedClaim,
                         midpointsResult,
                         onBeforePrimaryAction,
@@ -469,11 +1979,11 @@ var EventMarketPageContent = ({
                         classNames: resolveMobileTradePlaceOrderClassNames(classNames)
                       }
                     ) }) : null,
-                    /* @__PURE__ */ jsx(SettlementDetails, { eventId: event.id, className: classNames == null ? void 0 : classNames.settlement })
+                    /* @__PURE__ */ jsx6(SettlementDetails, { eventId: event.id, className: classNames == null ? void 0 : classNames.settlement })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx6(
                 "aside",
                 {
                   className: cn(
@@ -481,11 +1991,12 @@ var EventMarketPageContent = ({
                     stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.sidebarClassName,
                     classNames == null ? void 0 : classNames.sidebar
                   ),
-                  children: showPlaceOrder !== false ? /* @__PURE__ */ jsx(
+                  children: showPlaceOrder !== false ? /* @__PURE__ */ jsx6(
                     PlaceOrder,
                     {
                       eventTradingState,
                       executionMode: resolvedExecutionMode,
+                      isQuotePanelActive: !isMobileViewport,
                       resolvedClaim: effectiveResolvedClaim,
                       midpointsResult,
                       onBeforePrimaryAction,
@@ -498,7 +2009,7 @@ var EventMarketPageContent = ({
             ]
           }
         ),
-        !eventTradingState.isTradingDisabled ? /* @__PURE__ */ jsx(
+        !eventTradingState.isTradingDisabled ? /* @__PURE__ */ jsx6(
           EventMarketPageMobileTrade,
           {
             classNames,
@@ -517,18 +2028,33 @@ var EventMarketPageContent = ({
 };
 var EventMarketPage = (props) => {
   var _a;
+  const {
+    features: { showSportsMarkets }
+  } = useSdkUiConfig3();
   const hasEventProp = "event" in props && !!props.event;
   const {
     event: fetchedEvent,
     error: eventError,
-    isLoading: isFetchingEvent
+    isLoading: isFetchingEvent,
+    isEnriching
   } = useEnrichedVenueEvent({
     eventId: hasEventProp ? "" : (_a = props.eventId) != null ? _a : "",
     enabled: !props.isLoading && !hasEventProp && !!props.eventId
   });
+  const renderEventContent = (event) => {
+    const contentProps = __spreadProps(__spreadValues({}, props), {
+      event,
+      isLoading: false
+    });
+    const hasKnownSport = !!event.sport && event.sport !== "other_sport";
+    if (showSportsMarkets === true && event.structureType === "sport" && hasKnownSport) {
+      return /* @__PURE__ */ jsx6(SportsEventMarketPage, __spreadValues({}, contentProps));
+    }
+    return /* @__PURE__ */ jsx6(EventMarketPageContent, __spreadValues({}, contentProps));
+  };
   const content = (() => {
     if (props.isLoading) {
-      return /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx6(
         EventMarketPageLoadingState,
         {
           classNames: props.classNames,
@@ -537,10 +2063,10 @@ var EventMarketPage = (props) => {
       );
     }
     if ("event" in props && props.event) {
-      return /* @__PURE__ */ jsx(EventMarketPageContent, __spreadProps(__spreadValues({}, props), { event: props.event }));
+      return renderEventContent(props.event);
     }
-    if (isFetchingEvent) {
-      return /* @__PURE__ */ jsx(
+    if (isFetchingEvent || fetchedEvent && !fetchedEvent.venueMarkets.length && isEnriching) {
+      return /* @__PURE__ */ jsx6(
         EventMarketPageLoadingState,
         {
           classNames: props.classNames,
@@ -550,13 +2076,13 @@ var EventMarketPage = (props) => {
     }
     if (!fetchedEvent) {
       if (isErrorWithStatus(eventError, 404)) {
-        return /* @__PURE__ */ jsx(EventMarketPageNotFoundState, { ariaLabel: props.ariaLabel });
+        return /* @__PURE__ */ jsx6(EventMarketPageNotFoundState, { ariaLabel: props.ariaLabel });
       }
-      return /* @__PURE__ */ jsx(EventMarketPageUnavailableState, { ariaLabel: props.ariaLabel });
+      return /* @__PURE__ */ jsx6(EventMarketPageUnavailableState, { ariaLabel: props.ariaLabel });
     }
-    return /* @__PURE__ */ jsx(EventMarketPageContent, __spreadProps(__spreadValues({}, props), { event: fetchedEvent }));
+    return renderEventContent(fetchedEvent);
   })();
-  return /* @__PURE__ */ jsx(AggErrorBoundary, { onError: props.onError, children: content });
+  return /* @__PURE__ */ jsx6(AggErrorBoundary, { onError: props.onError, children: content });
 };
 EventMarketPage.displayName = "EventMarketPage";
 
@@ -621,15 +2147,15 @@ var resolveInitialTabValue = (tabs, defaultActiveTab) => {
 };
 
 // src/pages/home/use-scroll-restoration.ts
-import { useLayoutEffect, useRef as useRef2, useState as useState2 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef6, useState as useState7 } from "react";
 function useScrollRestoration({
   enabled,
   scrollY,
   isReady
 }) {
-  const restoredRef = useRef2(false);
-  const [isRestoring, setIsRestoring] = useState2(enabled && scrollY > 0);
-  useLayoutEffect(() => {
+  const restoredRef = useRef6(false);
+  const [isRestoring, setIsRestoring] = useState7(enabled && scrollY > 0);
+  useLayoutEffect2(() => {
     if (!enabled || restoredRef.current) return;
     if (!isReady) return;
     restoredRef.current = true;
@@ -642,15 +2168,15 @@ function useScrollRestoration({
 }
 
 // src/pages/home/use-home-page-modals.ts
-import { useCallback, useEffect as useEffect2, useState as useState3 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect7, useState as useState8 } from "react";
 var useHomePageModals = () => {
-  const [profileOpen, setProfileOpen] = useState3(false);
-  const [depositOpen, setDepositOpen] = useState3(false);
-  const [withdrawOpen, setWithdrawOpen] = useState3(false);
-  const onProfileClick = useCallback(() => setProfileOpen(true), []);
-  const onDepositClick = useCallback(() => setDepositOpen(true), []);
-  const onWithdrawClick = useCallback(() => setWithdrawOpen(true), []);
-  useEffect2(() => {
+  const [profileOpen, setProfileOpen] = useState8(false);
+  const [depositOpen, setDepositOpen] = useState8(false);
+  const [withdrawOpen, setWithdrawOpen] = useState8(false);
+  const onProfileClick = useCallback3(() => setProfileOpen(true), []);
+  const onDepositClick = useCallback3(() => setDepositOpen(true), []);
+  const onWithdrawClick = useCallback3(() => setWithdrawOpen(true), []);
+  useEffect7(() => {
     if (typeof window === "undefined") return;
     window.addEventListener(DEPOSIT_MODAL_OPEN_EVENT, onDepositClick);
     window.addEventListener(WITHDRAW_MODAL_OPEN_EVENT, onWithdrawClick);
@@ -672,7 +2198,7 @@ var useHomePageModals = () => {
 };
 
 // src/pages/home/index.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var MIN_SEARCH_LENGTH = 3;
 var SEARCH_DEBOUNCE_MS = 300;
 var SEARCH_RESULTS_LIMIT = 20;
@@ -687,20 +2213,20 @@ var HomeSearchResults = ({
   onEventClick,
   onMarketClick
 }) => {
-  const labels = useLabels2();
-  const { search: searchConfig } = useSdkUiConfig2();
+  const labels = useLabels4();
+  const { search: searchConfig } = useSdkUiConfig4();
   const { disabledVenues } = useAppConfig();
-  const [activeVenueTabValue, setActiveVenueTabValue] = useState4("matched");
+  const [activeVenueTabValue, setActiveVenueTabValue] = useState9("all");
   const eventListTabs = useEventListTabs();
   const { headerRef, titleRef, shouldUseSelectOverflow } = useEventListTabsHeaderOverflow(eventListTabs);
-  const visibleVenues = useMemo2(
+  const visibleVenues = useMemo5(
     () => disabledVenues.length === 0 ? void 0 : getVisibleVenueIdsByConfig(VENUES, disabledVenues),
     [disabledVenues]
   );
-  const activeVenueTab = useMemo2(() => {
+  const activeVenueTab = useMemo5(() => {
     return eventListTabs.find((tab) => tab.value === activeVenueTabValue);
   }, [activeVenueTabValue, eventListTabs]);
-  const activeCategoryTab = useMemo2(() => {
+  const activeCategoryTab = useMemo5(() => {
     return resolvedTabs.find((tab) => tab.value === activeTabValue);
   }, [activeTabValue, resolvedTabs]);
   const activeVenues = resolveTabVenus(activeVenueTab, visibleVenues);
@@ -724,15 +2250,15 @@ var HomeSearchResults = ({
     // so debounced keystrokes don't pay reranker latency.
     deep: true
   });
-  const openEvents = useMemo2(() => {
+  const openEvents = useMemo5(() => {
     let filtered = filterOpenEvents(searchResults);
     if (activeVenues == null ? void 0 : activeVenues.length) {
       filtered = filtered.filter((e) => activeVenues.includes(e.venue));
     }
     return filtered;
   }, [searchResults, activeVenues]);
-  const loadMoreRef = useRef3(null);
-  useEffect3(() => {
+  const loadMoreRef = useRef7(null);
+  useEffect8(() => {
     if (!hasNextPage) return;
     const target = loadMoreRef.current;
     if (!target) return;
@@ -759,10 +2285,10 @@ var HomeSearchResults = ({
   const loadingPlaceholderCount = isFetchingNextPage ? 6 : 0;
   const shouldRenderPaginationLoadingItems = hasNextPage;
   if (isLoading && !isPlaceholderData) {
-    return /* @__PURE__ */ jsx2(Skeleton, { view: "event-list", ariaLabel: labels.search.loadingResults, className });
+    return /* @__PURE__ */ jsx7(Skeleton, { view: "event-list", ariaLabel: labels.search.loadingResults, className });
   }
-  return /* @__PURE__ */ jsxs2("section", { className: cn("agg-search-results-section flex w-full flex-col gap-5", className), children: [
-    /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs6("section", { className: cn("agg-search-results-section flex w-full flex-col gap-5", className), children: [
+    /* @__PURE__ */ jsxs6(
       "header",
       {
         ref: headerRef,
@@ -772,8 +2298,8 @@ var HomeSearchResults = ({
           "gap-2 sm:flex-row sm:items-center sm:gap-4"
         ),
         children: [
-          /* @__PURE__ */ jsx2("div", { ref: titleRef, className: "agg-search-results-title min-w-32", children: /* @__PURE__ */ jsx2(Typography, { as: "h2", variant: "title", className: "truncate first-letter:uppercase", children: resultsTitle }) }),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx7("div", { ref: titleRef, className: "agg-search-results-title min-w-32", children: /* @__PURE__ */ jsx7(Typography, { as: "h2", variant: "title", className: "truncate first-letter:uppercase", children: resultsTitle }) }),
+          /* @__PURE__ */ jsx7(
             EventListTabs,
             {
               ariaLabel: labels.eventList.tabsAria(resultsTitle),
@@ -786,7 +2312,7 @@ var HomeSearchResults = ({
         ]
       }
     ),
-    !isError && openEvents.length === 0 ? /* @__PURE__ */ jsx2("div", { className: "col-span-full w-full", children: /* @__PURE__ */ jsx2(
+    !isError && openEvents.length === 0 ? /* @__PURE__ */ jsx7("div", { className: "col-span-full w-full", children: /* @__PURE__ */ jsx7(
       StateMessage,
       {
         title: labels.eventList.emptyTitle,
@@ -795,18 +2321,18 @@ var HomeSearchResults = ({
           title: "!text-agg-base leading-agg-6",
           description: "!text-agg-sm leading-agg-5"
         },
-        icon: /* @__PURE__ */ jsx2(Icon, { name: "search-empty" })
+        icon: /* @__PURE__ */ jsx7(Icon, { name: "search-empty" })
       }
     ) }) : null,
-    isError ? /* @__PURE__ */ jsx2(
+    isError ? /* @__PURE__ */ jsx7(
       StateMessage,
       {
         title: labels.eventList.errorTitle,
         description: labels.eventList.errorDescription,
-        icon: /* @__PURE__ */ jsx2(Icon, { name: "warning" })
+        icon: /* @__PURE__ */ jsx7(Icon, { name: "warning" })
       }
     ) : null,
-    /* @__PURE__ */ jsxs2(
+    /* @__PURE__ */ jsxs6(
       "div",
       {
         className: cn(
@@ -817,7 +2343,7 @@ var HomeSearchResults = ({
           isPlaceholderData && "opacity-60"
         ),
         children: [
-          openEvents.map((event) => /* @__PURE__ */ jsx2(
+          openEvents.map((event) => /* @__PURE__ */ jsx7(
             EventListItem,
             {
               event,
@@ -839,7 +2365,7 @@ var HomeSearchResults = ({
             },
             event.id
           )),
-          shouldRenderPaginationLoadingItems ? Array.from({ length: loadingPlaceholderCount }).map((_, index) => /* @__PURE__ */ jsx2(
+          shouldRenderPaginationLoadingItems ? Array.from({ length: loadingPlaceholderCount }).map((_, index) => /* @__PURE__ */ jsx7(
             EventListItem,
             {
               isLoading: true,
@@ -852,7 +2378,7 @@ var HomeSearchResults = ({
         ]
       }
     ),
-    hasNextPage ? /* @__PURE__ */ jsx2("div", { ref: loadMoreRef, className: "agg-search-results-sentinel h-px w-full", "aria-hidden": true }) : null
+    hasNextPage ? /* @__PURE__ */ jsx7("div", { ref: loadMoreRef, className: "agg-search-results-sentinel h-px w-full", "aria-hidden": true }) : null
   ] });
 };
 var HomePage = ({
@@ -874,7 +2400,7 @@ var HomePage = ({
   stickyOrderPanel
 }) => {
   var _a, _b, _c, _d;
-  const labels = useLabels2();
+  const labels = useLabels4();
   const {
     search: {
       value: searchValue,
@@ -884,11 +2410,11 @@ var HomePage = ({
       onSelect: onSelectEventInternal
     },
     trading: { executionMode }
-  } = useSdkUiConfig2();
+  } = useSdkUiConfig4();
   const { capture, consume } = useEventListState();
-  const [snapshot] = useState4(() => consume());
-  const eventListStateRef = useRef3(null);
-  const handleSelectEvent = useCallback2(
+  const [snapshot] = useState9(() => consume());
+  const eventListStateRef = useRef7(null);
+  const handleSelectEvent = useCallback4(
     (event) => {
       var _a2, _b2, _c2, _d2;
       capture({
@@ -907,14 +2433,14 @@ var HomePage = ({
   );
   const hasCustomTabs = !!tabs && tabs.length > 0;
   const normalizedSearchValue = searchValue.trim();
-  const [stickySelectedEvent, setStickySelectedEvent] = useState4(
+  const [stickySelectedEvent, setStickySelectedEvent] = useState9(
     selectedEvent
   );
-  const [debouncedSearchValue, setDebouncedSearchValue] = useState4(() => {
+  const [debouncedSearchValue, setDebouncedSearchValue] = useState9(() => {
     return normalizedSearchValue.length >= MIN_SEARCH_LENGTH ? normalizedSearchValue : "";
   });
-  const [isMobileSearchViewport, setIsMobileSearchViewport] = useState4(false);
-  useEffect3(() => {
+  const [isMobileSearchViewport, setIsMobileSearchViewport] = useState9(false);
+  useEffect8(() => {
     if (typeof window === "undefined") return;
     const mediaQueryList = window.matchMedia(MOBILE_HOME_SEARCH_MEDIA_QUERY);
     const handleMediaQueryChange = (event) => {
@@ -932,7 +2458,7 @@ var HomePage = ({
       mediaQueryList.removeListener(handleMediaQueryChange);
     };
   }, []);
-  useEffect3(() => {
+  useEffect8(() => {
     if (normalizedSearchValue.length < MIN_SEARCH_LENGTH) {
       setDebouncedSearchValue("");
       return;
@@ -944,7 +2470,7 @@ var HomePage = ({
       window.clearTimeout(timeoutId);
     };
   }, [normalizedSearchValue]);
-  useEffect3(() => {
+  useEffect8(() => {
     if (selectedEvent) {
       setStickySelectedEvent(selectedEvent);
       return;
@@ -959,53 +2485,53 @@ var HomePage = ({
     limit: categoriesLimit,
     enabled: !hasCustomTabs
   });
-  const categoryTabs = useMemo2(() => {
+  const categoryTabs = useMemo5(() => {
     return resolveCategoryTabs(categories, resolvedAllCategoryTabLabel);
   }, [categories, resolvedAllCategoryTabLabel]);
-  const resolvedTabs = useMemo2(() => {
+  const resolvedTabs = useMemo5(() => {
     if (hasCustomTabs && tabs) return tabs;
     return categoryTabs;
   }, [categoryTabs, hasCustomTabs, tabs]);
   const resolvedEventSectionItems = eventSectionItems && eventSectionItems.length > 0 ? eventSectionItems : getDefaultEventSectionItems(labels);
-  const [activeTabValue, setActiveTabValue] = useState4(() => {
+  const [activeTabValue, setActiveTabValue] = useState9(() => {
     if (snapshot == null ? void 0 : snapshot.categoryTab) {
       return snapshot.categoryTab;
     }
     return resolveInitialTabValue(resolvedTabs, defaultActiveTab);
   });
-  const activeTabValueRef = useRef3(activeTabValue);
+  const activeTabValueRef = useRef7(activeTabValue);
   activeTabValueRef.current = activeTabValue;
-  useEffect3(() => {
+  useEffect8(() => {
     setActiveTabValue((currentValue) => {
       const hasCurrentValue = resolvedTabs.some((tab) => tab.value === currentValue);
       if (hasCurrentValue) return currentValue;
       return resolveInitialTabValue(resolvedTabs, defaultActiveTab);
     });
   }, [defaultActiveTab, resolvedTabs]);
-  const tabsItems = useMemo2(() => {
+  const tabsItems = useMemo5(() => {
     return resolvedTabs.map((tab) => {
       const isActive = tab.value === activeTabValue;
       return {
         value: tab.value,
         label: tab.label,
-        icon: tab.iconName ? /* @__PURE__ */ jsx2(
+        icon: tab.iconName ? /* @__PURE__ */ jsx7(
           "span",
           {
             className: cn(
               "transition-colors duration-300 ease-in-out",
               isActive ? "text-agg-primary" : "text-agg-foreground group-hover/agg-tab:text-agg-muted-foreground"
             ),
-            children: /* @__PURE__ */ jsx2(Icon, { name: tab.iconName, size: "small", color: "currentColor" })
+            children: /* @__PURE__ */ jsx7(Icon, { name: tab.iconName, size: "small", color: "currentColor" })
           }
         ) : void 0,
         disabled: tab.disabled
       };
     });
   }, [activeTabValue, resolvedTabs]);
-  const activeTab = useMemo2(() => {
+  const activeTab = useMemo5(() => {
     return resolvedTabs.find((tab) => tab.value === activeTabValue);
   }, [activeTabValue, resolvedTabs]);
-  const resolvedSectionItems = useMemo2(() => {
+  const resolvedSectionItems = useMemo5(() => {
     var _a2, _b2, _c2;
     if (activeTabValue === ALL_CATEGORIES_TAB_VALUE) {
       return resolvedEventSectionItems;
@@ -1050,8 +2576,8 @@ var HomePage = ({
     scrollY: (_d = snapshot == null ? void 0 : snapshot.scrollY) != null ? _d : 0,
     isReady: isScrollRestorationReady
   });
-  return /* @__PURE__ */ jsx2(AggErrorBoundary, { onError, children: /* @__PURE__ */ jsxs2("section", { className: cn("agg-home-page flex w-full flex-col", classNames == null ? void 0 : classNames.root), children: [
-    withHeader ? /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx7(AggErrorBoundary, { onError, children: /* @__PURE__ */ jsxs6("section", { className: cn("agg-home-page flex w-full flex-col", classNames == null ? void 0 : classNames.root), children: [
+    withHeader ? /* @__PURE__ */ jsx7(
       Header,
       {
         search: isMobileSearchViewport ? null : void 0,
@@ -1060,7 +2586,7 @@ var HomePage = ({
         onLogoClick: handleLogoClick
       }
     ) : null,
-    !resolvedSelectedEvent && !isShowingAllResults ? /* @__PURE__ */ jsx2(
+    !resolvedSelectedEvent && !isShowingAllResults ? /* @__PURE__ */ jsx7(
       "header",
       {
         className: cn(
@@ -1068,7 +2594,7 @@ var HomePage = ({
           "w-full bg-agg-secondary border-b border-agg-separator h-14! md:h-15!",
           classNames == null ? void 0 : classNames.header
         ),
-        children: /* @__PURE__ */ jsx2("div", { className: "mx-auto h-full w-full max-w-[1440px] px-6 lg:px-10", children: /* @__PURE__ */ jsx2(
+        children: /* @__PURE__ */ jsx7("div", { className: "mx-auto h-full w-full max-w-[1440px] px-6 lg:px-10", children: /* @__PURE__ */ jsx7(
           Tabs,
           {
             ariaLabel: labels.home.categoryTabsAria,
@@ -1082,14 +2608,14 @@ var HomePage = ({
         ) })
       }
     ) : null,
-    resolvedSelectedEvent ? /* @__PURE__ */ jsx2(
+    resolvedSelectedEvent ? /* @__PURE__ */ jsx7(
       EventMarketPage,
       {
         eventId: resolvedSelectedEvent.id,
         executionMode,
         stickyOrderPanel
       }
-    ) : /* @__PURE__ */ jsxs2(
+    ) : /* @__PURE__ */ jsxs6(
       "div",
       {
         className: cn(
@@ -1097,14 +2623,14 @@ var HomePage = ({
           "pt-4 sm:pt-6 md:pt-8 pb-10"
         ),
         children: [
-          shouldRenderMobileSearch ? /* @__PURE__ */ jsx2("div", { className: "agg-page-mobile-search w-full pb-5 md:hidden", children: /* @__PURE__ */ jsx2(
+          shouldRenderMobileSearch ? /* @__PURE__ */ jsx7("div", { className: "agg-page-mobile-search w-full pb-5 md:hidden", children: /* @__PURE__ */ jsx7(
             Search,
             {
               onSelectEvent: handleMobileSearchSelect,
               onSeeAllEvents: onSeeAllEventsProp
             }
           ) }) : null,
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx7(
             "main",
             {
               className: cn(
@@ -1112,7 +2638,7 @@ var HomePage = ({
                 "flex w-full flex-col gap-4 sm:gap-6 md:gap-10 mb-10",
                 classNames == null ? void 0 : classNames.sections
               ),
-              children: isShowingAllResults && debouncedSearchValue ? /* @__PURE__ */ jsx2(
+              children: isShowingAllResults && debouncedSearchValue ? /* @__PURE__ */ jsx7(
                 HomeSearchResults,
                 {
                   activeTabValue,
@@ -1125,11 +2651,11 @@ var HomePage = ({
                 }
               ) : resolvedSectionItems.map((eventSectionItem, sectionIndex) => {
                 var _a2, _b2, _c2, _d2;
-                return /* @__PURE__ */ jsx2(
+                return /* @__PURE__ */ jsx7(
                   "div",
                   {
                     className: "agg-home-section",
-                    children: /* @__PURE__ */ jsx2(
+                    children: /* @__PURE__ */ jsx7(
                       EventList,
                       __spreadValues({
                         title: eventSectionItem.title,
@@ -1174,13 +2700,13 @@ import {
   useExecutionOrders,
   useExecutionPositions,
   useGeoBlock,
-  useLabels as useLabels7,
+  useLabels as useLabels9,
   useQueryClient,
-  useSdkUiConfig as useSdkUiConfig3,
+  useSdkUiConfig as useSdkUiConfig5,
   useUserActivity
 } from "@agg-build/hooks";
 import { Venue } from "@agg-build/sdk";
-import { useCallback as useCallback3, useEffect as useEffect5, useMemo as useMemo4, useState as useState6 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect10, useMemo as useMemo7, useState as useState11 } from "react";
 
 // src/pages/user-profile/chain-display.ts
 var CHAIN_ID_TO_LABEL = {
@@ -1203,8 +2729,8 @@ var formatChainIdLabel = (chainId) => {
 };
 
 // src/pages/user-profile/components/available-balance-card.tsx
-import { useLabels as useLabels3 } from "@agg-build/hooks";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { useLabels as useLabels5 } from "@agg-build/hooks";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var BASE_URL = "https://assets.snagsolutions.io";
 var CHAIN_ID_TO_ICON_URL = {
   "1": `${BASE_URL}/public/prediction-markets/logos/ETH.svg`,
@@ -1258,11 +2784,11 @@ var AvailableBalanceCard = ({
   isLoading = false,
   className
 }) => {
-  const labels = useLabels3();
+  const labels = useLabels5();
   const balanceLabels = labels.userProfile.balance;
   const resolvedLabel = label != null ? label : balanceLabels.availableBalance;
   const hasPaperBalance = chains.some(isPaperChain);
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       className: cn(
@@ -1271,8 +2797,8 @@ var AvailableBalanceCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx3("div", { className: "agg-balance-header flex items-center justify-between gap-3", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx8("div", { className: "agg-balance-header flex items-center justify-between gap-3", children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx8(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -1282,7 +2808,7 @@ var AvailableBalanceCard = ({
               fill: "none",
               "aria-hidden": "true",
               focusable: "false",
-              children: /* @__PURE__ */ jsx3(
+              children: /* @__PURE__ */ jsx8(
                 "path",
                 {
                   d: "M14 4.00065H3.33333C2.76067 4.00065 2.21867 3.75265 1.84333 3.33465C2.21 2.92532 2.74267 2.66732 3.33333 2.66732H15.3333C15.702 2.66732 16 2.36865 16 2.00065C16 1.63265 15.702 1.33398 15.3333 1.33398H3.33333C1.49267 1.33398 0 2.82665 0 4.66732V11.334C0 13.1747 1.49267 14.6673 3.33333 14.6673H14C15.1047 14.6673 16 13.772 16 12.6673V6.00065C16 4.89598 15.1047 4.00065 14 4.00065ZM14.6667 12.6673C14.6667 13.0347 14.368 13.334 14 13.334H3.33333C2.23067 13.334 1.33333 12.4367 1.33333 11.334V4.66598C1.90267 5.09198 2.60267 5.33398 3.33333 5.33398H14C14.368 5.33398 14.6667 5.63332 14.6667 6.00065V12.6673ZM13.3333 9.33399C13.3333 9.70199 13.0347 10.0007 12.6667 10.0007C12.2987 10.0007 12 9.70199 12 9.33399C12 8.96599 12.2987 8.66732 12.6667 8.66732C13.0347 8.66732 13.3333 8.96599 13.3333 9.33399Z",
@@ -1291,31 +2817,31 @@ var AvailableBalanceCard = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx3("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-foreground", children: resolvedLabel })
+          /* @__PURE__ */ jsx8("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-foreground", children: resolvedLabel })
         ] }) }),
-        /* @__PURE__ */ jsxs3("div", { className: "agg-balance-summary flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx3("div", { className: "agg-balance-value font-agg-sans text-agg-2xl leading-8 font-agg-bold text-agg-foreground", children: isLoading ? /* @__PURE__ */ jsx3("div", { role: "status", "aria-label": "Loading available balance", children: /* @__PURE__ */ jsx3(SkeletonBlock, { className: "h-8 w-24 rounded-agg-sm" }) }) : valueLabel }),
-          /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsxs7("div", { className: "agg-balance-summary flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx8("div", { className: "agg-balance-value font-agg-sans text-agg-2xl leading-8 font-agg-bold text-agg-foreground", children: isLoading ? /* @__PURE__ */ jsx8("div", { role: "status", "aria-label": "Loading available balance", children: /* @__PURE__ */ jsx8(SkeletonBlock, { className: "h-8 w-24 rounded-agg-sm" }) }) : valueLabel }),
+          /* @__PURE__ */ jsx8(
             Tooltip,
             {
               "aria-label": balanceLabels.balanceByNetwork,
               size: "medium",
               side: "bottom",
-              content: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4 items-start justify-start", children: [
-                /* @__PURE__ */ jsx3("div", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: balanceLabels.balanceByNetwork }),
-                /* @__PURE__ */ jsx3("div", { role: "list", className: "agg-balance-list flex flex-col gap-3 w-full", children: chains.map((row) => {
+              content: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-4 items-start justify-start", children: [
+                /* @__PURE__ */ jsx8("div", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: balanceLabels.balanceByNetwork }),
+                /* @__PURE__ */ jsx8("div", { role: "list", className: "agg-balance-list flex flex-col gap-3 w-full", children: chains.map((row) => {
                   var _a;
                   const iconUrl = chainIconUrl(row.label, row.key);
                   const isPaper = isPaperChain(row);
                   const rowLabel = isPaper ? balanceLabels.paperModeNetwork : row.label;
-                  return /* @__PURE__ */ jsxs3(
+                  return /* @__PURE__ */ jsxs7(
                     "div",
                     {
                       role: "listitem",
                       className: "agg-balance-row flex items-center justify-between self-stretch gap-3 w-full",
                       children: [
-                        /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-                          iconUrl ? /* @__PURE__ */ jsx3("span", { className: "overflow-clip flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px]", children: /* @__PURE__ */ jsx3(
+                        /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+                          iconUrl ? /* @__PURE__ */ jsx8("span", { className: "overflow-clip flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px]", children: /* @__PURE__ */ jsx8(
                             "img",
                             {
                               src: iconUrl,
@@ -1323,16 +2849,16 @@ var AvailableBalanceCard = ({
                               "aria-hidden": true,
                               className: "size-full object-contain"
                             }
-                          ) }) : isPaper ? /* @__PURE__ */ jsx3("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary-hover text-agg-primary", children: /* @__PURE__ */ jsx3(Icon, { name: "paper-mode", size: "small", className: "h-4 w-4" }) }) : /* @__PURE__ */ jsx3("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] border border-agg-separator text-[10px] leading-3 text-agg-muted-foreground", children: rowLabel.slice(0, 2).toUpperCase() }),
-                          /* @__PURE__ */ jsx3("span", { className: "truncate font-agg-sans text-agg-sm leading-5 font-agg-normal text-agg-foreground", children: rowLabel })
+                          ) }) : isPaper ? /* @__PURE__ */ jsx8("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary-hover text-agg-primary", children: /* @__PURE__ */ jsx8(Icon, { name: "paper-mode", size: "small", className: "h-4 w-4" }) }) : /* @__PURE__ */ jsx8("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] border border-agg-separator text-[10px] leading-3 text-agg-muted-foreground", children: rowLabel.slice(0, 2).toUpperCase() }),
+                          /* @__PURE__ */ jsx8("span", { className: "truncate font-agg-sans text-agg-sm leading-5 font-agg-normal text-agg-foreground", children: rowLabel })
                         ] }),
-                        /* @__PURE__ */ jsx3("span", { className: "w-[100px] shrink-0 whitespace-nowrap text-right tabular-nums font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground", children: row.balance.toLocaleString("en-US", {
+                        /* @__PURE__ */ jsx8("span", { className: "w-[100px] shrink-0 whitespace-nowrap text-right tabular-nums font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground", children: row.balance.toLocaleString("en-US", {
                           style: "currency",
                           currency: "USD",
                           minimumFractionDigits: Number.isInteger(row.balance) ? 0 : 1,
                           maximumFractionDigits: 2
                         }) }),
-                        /* @__PURE__ */ jsx3("div", { className: "flex w-12 shrink-0 items-center justify-end gap-1", children: ((_a = CHAIN_VENUE_MAP[row.key]) != null ? _a : []).slice(0, 2).map((venue, venueIndex) => /* @__PURE__ */ jsx3(
+                        /* @__PURE__ */ jsx8("div", { className: "flex w-12 shrink-0 items-center justify-end gap-1", children: ((_a = CHAIN_VENUE_MAP[row.key]) != null ? _a : []).slice(0, 2).map((venue, venueIndex) => /* @__PURE__ */ jsx8(
                           VenueLogo,
                           {
                             venue,
@@ -1346,8 +2872,8 @@ var AvailableBalanceCard = ({
                     row.key
                   );
                 }) }),
-                hasPaperBalance ? /* @__PURE__ */ jsx3("div", { className: "agg-balance-paper-warning rounded-agg-lg bg-agg-primary/10 p-3", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-2", children: [
-                  /* @__PURE__ */ jsx3(
+                hasPaperBalance ? /* @__PURE__ */ jsx8("div", { className: "agg-balance-paper-warning rounded-agg-lg bg-agg-primary/10 p-3", children: /* @__PURE__ */ jsxs7("div", { className: "flex items-start gap-2", children: [
+                  /* @__PURE__ */ jsx8(
                     Icon,
                     {
                       name: "paper-mode",
@@ -1355,11 +2881,11 @@ var AvailableBalanceCard = ({
                       className: "mt-0.5 h-4 w-4 shrink-0 text-agg-primary"
                     }
                   ),
-                  /* @__PURE__ */ jsx3("p", { className: "font-agg-sans text-agg-xs leading-agg-4 font-agg-normal text-agg-foreground", children: balanceLabels.paperModeWarning })
+                  /* @__PURE__ */ jsx8("p", { className: "font-agg-sans text-agg-xs leading-agg-4 font-agg-normal text-agg-foreground", children: balanceLabels.paperModeWarning })
                 ] }) }) : null,
-                /* @__PURE__ */ jsx3("div", { className: "agg-balance-note rounded-agg-lg bg-agg-secondary-hover p-3", children: /* @__PURE__ */ jsx3("p", { className: "font-agg-sans text-agg-xs leading-agg-4 font-agg-normal text-agg-foreground", children: balanceLabels.networkTooltipDescription }) })
+                /* @__PURE__ */ jsx8("div", { className: "agg-balance-note rounded-agg-lg bg-agg-secondary-hover p-3", children: /* @__PURE__ */ jsx8("p", { className: "font-agg-sans text-agg-xs leading-agg-4 font-agg-normal text-agg-foreground", children: balanceLabels.networkTooltipDescription }) })
               ] }),
-              children: /* @__PURE__ */ jsxs3(
+              children: /* @__PURE__ */ jsxs7(
                 "button",
                 {
                   type: "button",
@@ -1369,18 +2895,18 @@ var AvailableBalanceCard = ({
                     (chains.slice(0, 4).length > 0 ? chains.slice(0, 4) : [{ key: "placeholder", label: "", balance: 0, accountCount: 0 }]).map((row) => {
                       const iconUrl = chainIconUrl(row.label, row.key);
                       const isPaper = isPaperChain(row);
-                      return iconUrl ? /* @__PURE__ */ jsx3(
+                      return iconUrl ? /* @__PURE__ */ jsx8(
                         "span",
                         {
                           className: "overflow-clip relative flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary",
-                          children: /* @__PURE__ */ jsx3("img", { src: iconUrl, alt: row.label, className: "size-full object-contain" })
+                          children: /* @__PURE__ */ jsx8("img", { src: iconUrl, alt: row.label, className: "size-full object-contain" })
                         },
                         `icon-${row.key}`
-                      ) : isPaper ? /* @__PURE__ */ jsx3(
+                      ) : isPaper ? /* @__PURE__ */ jsx8(
                         "span",
                         {
                           className: "relative flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary text-agg-primary",
-                          children: /* @__PURE__ */ jsx3(
+                          children: /* @__PURE__ */ jsx8(
                             Icon,
                             {
                               name: "paper-mode",
@@ -1391,7 +2917,7 @@ var AvailableBalanceCard = ({
                           )
                         },
                         `icon-${row.key}`
-                      ) : /* @__PURE__ */ jsx3(
+                      ) : /* @__PURE__ */ jsx8(
                         "span",
                         {
                           className: "relative flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary text-[10px] leading-3 text-agg-muted-foreground",
@@ -1400,7 +2926,7 @@ var AvailableBalanceCard = ({
                         `icon-${row.key}`
                       );
                     }),
-                    chains.length > 4 ? /* @__PURE__ */ jsxs3("span", { className: "relative flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary font-agg-sans text-[10px] leading-3 text-agg-muted-foreground", children: [
+                    chains.length > 4 ? /* @__PURE__ */ jsxs7("span", { className: "relative flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary font-agg-sans text-[10px] leading-3 text-agg-muted-foreground", children: [
                       "+",
                       chains.length - 4
                     ] }) : null
@@ -1417,8 +2943,8 @@ var AvailableBalanceCard = ({
 AvailableBalanceCard.displayName = "AvailableBalanceCard";
 
 // src/pages/user-profile/components/positions-activity.tsx
-import { optimizedImageUrl as optimizedImageUrl2, useLabels as useLabels5 } from "@agg-build/hooks";
-import { Fragment as Fragment4, useEffect as useEffect4, useMemo as useMemo3, useRef as useRef4, useState as useState5 } from "react";
+import { optimizedImageUrl as optimizedImageUrl2, useLabels as useLabels7 } from "@agg-build/hooks";
+import { Fragment as Fragment4, useEffect as useEffect9, useMemo as useMemo6, useRef as useRef8, useState as useState10 } from "react";
 
 // src/pages/user-profile/user-profile.constants.ts
 var USER_PROFILE_TAB_POSITIONS = "positions";
@@ -1623,7 +3149,7 @@ var ConditionalWrapper = ({
 ConditionalWrapper.displayName = "ConditionalWrapper";
 
 // src/pages/user-profile/components/activity-row.tsx
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var shouldOpenInNewTab = (activity) => {
   return activity.kind === "redeem" || activity.kind === "deposit" || activity.kind === "withdrawal";
 };
@@ -1640,7 +3166,7 @@ var RowWrapper = ({
 }) => {
   if (href) {
     const opensInNewTab = target === "_blank";
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx9(
       "a",
       {
         href,
@@ -1656,7 +3182,7 @@ var RowWrapper = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx4("button", { type: "button", className, onClick, children });
+  return /* @__PURE__ */ jsx9("button", { type: "button", className, onClick, children });
 };
 var TRANSFER_ICON = {
   withdrawal: "upload",
@@ -1691,7 +3217,7 @@ var AmountTimeStack = ({
   timeLabel,
   tone,
   mobile
-}) => /* @__PURE__ */ jsxs4(
+}) => /* @__PURE__ */ jsxs8(
   "div",
   {
     className: cn(
@@ -1699,7 +3225,7 @@ var AmountTimeStack = ({
       mobile ? "sm:hidden" : "hidden sm:flex sm:w-[120px] sm:shrink-0"
     ),
     children: [
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx9(
         "p",
         {
           className: cn(
@@ -1710,7 +3236,7 @@ var AmountTimeStack = ({
           children: amountLabel
         }
       ),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx9(
         "p",
         {
           className: cn(
@@ -1727,9 +3253,9 @@ var AmountTimeStack = ({
 var TradeTypeCell = ({
   activity,
   tone
-}) => /* @__PURE__ */ jsxs4("div", { className: "hidden w-[108px] shrink-0 items-center gap-3 sm:flex", children: [
-  /* @__PURE__ */ jsx4(VenueLogo, { venue: activity.venue, size: "small", className: "shrink-0" }),
-  /* @__PURE__ */ jsx4(
+}) => /* @__PURE__ */ jsxs8("div", { className: "hidden w-[108px] shrink-0 items-center gap-3 sm:flex", children: [
+  /* @__PURE__ */ jsx9(VenueLogo, { venue: activity.venue, size: "small", className: "shrink-0" }),
+  /* @__PURE__ */ jsx9(
     "p",
     {
       className: cn(
@@ -1744,8 +3270,8 @@ var TradeTypeCell = ({
 var TransferTypeCell = ({
   activity,
   tone
-}) => /* @__PURE__ */ jsxs4("div", { className: "hidden w-[108px] shrink-0 items-center gap-3 sm:flex", children: [
-  /* @__PURE__ */ jsx4(
+}) => /* @__PURE__ */ jsxs8("div", { className: "hidden w-[108px] shrink-0 items-center gap-3 sm:flex", children: [
+  /* @__PURE__ */ jsx9(
     Icon,
     {
       name: TRANSFER_ICON[activity.kind],
@@ -1756,7 +3282,7 @@ var TransferTypeCell = ({
       )
     }
   ),
-  /* @__PURE__ */ jsx4(
+  /* @__PURE__ */ jsx9(
     "p",
     {
       className: cn(
@@ -1771,8 +3297,8 @@ var TransferTypeCell = ({
 var RedeemTypeCell = ({
   activity,
   tone
-}) => /* @__PURE__ */ jsxs4("div", { className: "hidden w-[108px] shrink-0 items-center gap-3 sm:flex", children: [
-  /* @__PURE__ */ jsx4(
+}) => /* @__PURE__ */ jsxs8("div", { className: "hidden w-[108px] shrink-0 items-center gap-3 sm:flex", children: [
+  /* @__PURE__ */ jsx9(
     Icon,
     {
       name: "gift-bonus",
@@ -1783,7 +3309,7 @@ var RedeemTypeCell = ({
       )
     }
   ),
-  /* @__PURE__ */ jsx4(
+  /* @__PURE__ */ jsx9(
     "p",
     {
       className: cn(
@@ -1800,7 +3326,7 @@ var OutcomeBadge = ({
   tone
 }) => {
   if (!label) return null;
-  return /* @__PURE__ */ jsx4("span", { className: "agg-activity-outcome inline-flex items-center justify-center gap-1.5 rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx9("span", { className: "agg-activity-outcome inline-flex items-center justify-center gap-1.5 rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx9(
     "span",
     {
       className: cn(
@@ -1814,9 +3340,9 @@ var OutcomeBadge = ({
 var TradeOutcomeShares = ({
   activity,
   tone
-}) => /* @__PURE__ */ jsxs4(Fragment2, { children: [
-  /* @__PURE__ */ jsx4(OutcomeBadge, { label: activity.outcomeLabel, tone }),
-  /* @__PURE__ */ jsx4(
+}) => /* @__PURE__ */ jsxs8(Fragment2, { children: [
+  /* @__PURE__ */ jsx9(OutcomeBadge, { label: activity.outcomeLabel, tone }),
+  /* @__PURE__ */ jsx9(
     "span",
     {
       className: cn(
@@ -1837,7 +3363,7 @@ var RedeemRow = ({
   const statusVisual = getStatusVisual(activity);
   const activityStatus = resolveActivityStatus(activity);
   const shouldShowInlineStatus = activityStatus !== "completed";
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx9(
     RowWrapper,
     {
       className,
@@ -1845,23 +3371,23 @@ var RedeemRow = ({
       target: href ? "_blank" : void 0,
       rel: href ? "noopener noreferrer" : void 0,
       onClick,
-      children: /* @__PURE__ */ jsx4(
+      children: /* @__PURE__ */ jsx9(
         ConditionalWrapper,
         {
           condition: !!activity.errorMessage,
-          wrapper: (children) => /* @__PURE__ */ jsx4(
+          wrapper: (children) => /* @__PURE__ */ jsx9(
             Tooltip,
             {
               size: "medium",
-              content: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-4", children: [
-                /* @__PURE__ */ jsx4(Icon, { name: "info", size: "small", className: "shrink-0 text-agg-error" }),
-                /* @__PURE__ */ jsx4("p", { className: "font-agg-sans text-agg-sm font-agg-normal text-left", children: activity.errorMessage })
+              content: /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-4", children: [
+                /* @__PURE__ */ jsx9(Icon, { name: "info", size: "small", className: "shrink-0 text-agg-error" }),
+                /* @__PURE__ */ jsx9("p", { className: "font-agg-sans text-agg-sm font-agg-normal text-left", children: activity.errorMessage })
               ] }),
               sideOffset: 4,
               children
             }
           ),
-          children: /* @__PURE__ */ jsxs4(
+          children: /* @__PURE__ */ jsxs8(
             "div",
             {
               className: cn(
@@ -1870,10 +3396,10 @@ var RedeemRow = ({
               ),
               "data-status": activityStatus,
               children: [
-                /* @__PURE__ */ jsx4(RedeemTypeCell, { activity, tone }),
-                /* @__PURE__ */ jsxs4("div", { className: "flex w-full items-center justify-between sm:hidden", children: [
-                  /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsx9(RedeemTypeCell, { activity, tone }),
+                /* @__PURE__ */ jsxs8("div", { className: "flex w-full items-center justify-between sm:hidden", children: [
+                  /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx9(
                       Icon,
                       {
                         name: "gift-bonus",
@@ -1884,7 +3410,7 @@ var RedeemRow = ({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx4(
+                    /* @__PURE__ */ jsx9(
                       "p",
                       {
                         className: cn(
@@ -1896,11 +3422,11 @@ var RedeemRow = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx4(OutcomeBadge, { label: activity.outcomeLabel, tone })
+                  /* @__PURE__ */ jsx9(OutcomeBadge, { label: activity.outcomeLabel, tone })
                 ] }),
-                /* @__PURE__ */ jsxs4("div", { className: "flex w-full items-center justify-between sm:contents", children: [
-                  /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
-                    /* @__PURE__ */ jsx4("div", { className: "agg-activity-image flex h-10 w-10 shrink-0 items-center justify-center sm:h-15 sm:w-15", children: /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsxs8("div", { className: "flex w-full items-center justify-between sm:contents", children: [
+                  /* @__PURE__ */ jsxs8("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
+                    /* @__PURE__ */ jsx9("div", { className: "agg-activity-image flex h-10 w-10 shrink-0 items-center justify-center sm:h-15 sm:w-15", children: /* @__PURE__ */ jsx9(
                       RemoteImage,
                       {
                         src: activity.thumbnailSrc,
@@ -1909,9 +3435,9 @@ var RedeemRow = ({
                         classNames: { placeholder: "rounded-agg-sm sm:rounded-agg-lg" }
                       }
                     ) }),
-                    /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-1 sm:gap-2", children: [
-                      /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 items-center gap-2", children: [
-                        /* @__PURE__ */ jsx4(
+                    /* @__PURE__ */ jsxs8("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-1 sm:gap-2", children: [
+                      /* @__PURE__ */ jsxs8("div", { className: "flex min-w-0 items-center gap-2", children: [
+                        /* @__PURE__ */ jsx9(
                           "p",
                           {
                             className: cn(
@@ -1921,13 +3447,13 @@ var RedeemRow = ({
                             children: activity.title
                           }
                         ),
-                        shouldShowInlineStatus ? statusVisual.spin ? /* @__PURE__ */ jsx4(
+                        shouldShowInlineStatus ? statusVisual.spin ? /* @__PURE__ */ jsx9(
                           LoadingIcon,
                           {
                             size: "small",
                             className: cn("shrink-0", statusVisual.iconClassName)
                           }
-                        ) : /* @__PURE__ */ jsx4(
+                        ) : /* @__PURE__ */ jsx9(
                           Icon,
                           {
                             name: statusVisual.icon,
@@ -1936,9 +3462,9 @@ var RedeemRow = ({
                           }
                         ) : null
                       ] }),
-                      /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 items-center gap-2 sm:gap-3", children: [
-                        /* @__PURE__ */ jsx4("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsx4(OutcomeBadge, { label: activity.outcomeLabel, tone }) }),
-                        /* @__PURE__ */ jsx4(
+                      /* @__PURE__ */ jsxs8("div", { className: "flex min-w-0 items-center gap-2 sm:gap-3", children: [
+                        /* @__PURE__ */ jsx9("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsx9(OutcomeBadge, { label: activity.outcomeLabel, tone }) }),
+                        /* @__PURE__ */ jsx9(
                           "p",
                           {
                             className: cn(
@@ -1951,7 +3477,7 @@ var RedeemRow = ({
                       ] })
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx4(
+                  /* @__PURE__ */ jsx9(
                     AmountTimeStack,
                     {
                       amountLabel: activity.amountLabel,
@@ -1961,7 +3487,7 @@ var RedeemRow = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsx9(
                   AmountTimeStack,
                   {
                     amountLabel: activity.amountLabel,
@@ -1984,23 +3510,23 @@ var TradeRow = ({
   onClick
 }) => {
   const tone = resolveToneClasses(activity);
-  return /* @__PURE__ */ jsx4(RowWrapper, { className: cn(className), href, onClick, children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx9(RowWrapper, { className: cn(className), href, onClick, children: /* @__PURE__ */ jsx9(
     ConditionalWrapper,
     {
       condition: !!activity.errorMessage,
-      wrapper: (children) => /* @__PURE__ */ jsx4(
+      wrapper: (children) => /* @__PURE__ */ jsx9(
         Tooltip,
         {
           size: "medium",
-          content: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-4", children: [
-            /* @__PURE__ */ jsx4(Icon, { name: "info", size: "small", className: "shrink-0 text-agg-error" }),
-            /* @__PURE__ */ jsx4("p", { className: "font-agg-sans text-agg-sm font-agg-normal text-left", children: activity.errorMessage })
+          content: /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-4", children: [
+            /* @__PURE__ */ jsx9(Icon, { name: "info", size: "small", className: "shrink-0 text-agg-error" }),
+            /* @__PURE__ */ jsx9("p", { className: "font-agg-sans text-agg-sm font-agg-normal text-left", children: activity.errorMessage })
           ] }),
           sideOffset: 4,
           children
         }
       ),
-      children: /* @__PURE__ */ jsxs4(
+      children: /* @__PURE__ */ jsxs8(
         "div",
         {
           className: cn(
@@ -2008,10 +3534,10 @@ var TradeRow = ({
             "relative z-10"
           ),
           children: [
-            /* @__PURE__ */ jsxs4("div", { className: "flex w-full items-center justify-between sm:hidden", children: [
-              /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx4(VenueLogo, { venue: activity.venue, size: "small", className: "size-5 shrink-0" }),
-                /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsxs8("div", { className: "flex w-full items-center justify-between sm:hidden", children: [
+              /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx9(VenueLogo, { venue: activity.venue, size: "small", className: "size-5 shrink-0" }),
+                /* @__PURE__ */ jsx9(
                   "p",
                   {
                     className: cn(
@@ -2023,12 +3549,12 @@ var TradeRow = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx4("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsx4(TradeOutcomeShares, { activity, tone }) })
+              /* @__PURE__ */ jsx9("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsx9(TradeOutcomeShares, { activity, tone }) })
             ] }),
-            /* @__PURE__ */ jsx4(TradeTypeCell, { activity, tone }),
-            /* @__PURE__ */ jsxs4("div", { className: "flex w-full items-center justify-between sm:contents", children: [
-              /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
-                /* @__PURE__ */ jsx4("div", { className: "agg-activity-image flex h-10 w-10 shrink-0 items-center justify-center sm:h-15 sm:w-15", children: /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx9(TradeTypeCell, { activity, tone }),
+            /* @__PURE__ */ jsxs8("div", { className: "flex w-full items-center justify-between sm:contents", children: [
+              /* @__PURE__ */ jsxs8("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
+                /* @__PURE__ */ jsx9("div", { className: "agg-activity-image flex h-10 w-10 shrink-0 items-center justify-center sm:h-15 sm:w-15", children: /* @__PURE__ */ jsx9(
                   RemoteImage,
                   {
                     src: activity.thumbnailSrc,
@@ -2037,8 +3563,8 @@ var TradeRow = ({
                     classNames: { placeholder: "rounded-agg-sm sm:rounded-agg-lg" }
                   }
                 ) }),
-                /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-2", children: [
-                  /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsxs8("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-2", children: [
+                  /* @__PURE__ */ jsx9(
                     "p",
                     {
                       className: cn(
@@ -2048,10 +3574,10 @@ var TradeRow = ({
                       children: activity.title
                     }
                   ),
-                  /* @__PURE__ */ jsx4("div", { className: "hidden flex-wrap items-center gap-2 sm:flex sm:gap-3", children: /* @__PURE__ */ jsx4(TradeOutcomeShares, { activity, tone }) })
+                  /* @__PURE__ */ jsx9("div", { className: "hidden flex-wrap items-center gap-2 sm:flex sm:gap-3", children: /* @__PURE__ */ jsx9(TradeOutcomeShares, { activity, tone }) })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx9(
                 AmountTimeStack,
                 {
                   amountLabel: activity.amountLabel,
@@ -2061,7 +3587,7 @@ var TradeRow = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx9(
               AmountTimeStack,
               {
                 amountLabel: activity.amountLabel,
@@ -2085,7 +3611,7 @@ var TransferRow = ({
   const transferStatus = resolveActivityStatus(activity);
   const transferIconName = TRANSFER_ICON[activity.kind];
   const statusVisual = getStatusVisual(activity);
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx9(
     RowWrapper,
     {
       className,
@@ -2093,23 +3619,23 @@ var TransferRow = ({
       target: href ? "_blank" : void 0,
       rel: href ? "noopener noreferrer" : void 0,
       onClick,
-      children: /* @__PURE__ */ jsx4(
+      children: /* @__PURE__ */ jsx9(
         ConditionalWrapper,
         {
           condition: !!activity.errorMessage,
-          wrapper: (children) => /* @__PURE__ */ jsx4(
+          wrapper: (children) => /* @__PURE__ */ jsx9(
             Tooltip,
             {
               size: "medium",
-              content: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-4", children: [
-                /* @__PURE__ */ jsx4(Icon, { name: "info", size: "small", className: "shrink-0 text-agg-error" }),
-                /* @__PURE__ */ jsx4("p", { className: "font-agg-sans text-agg-sm font-agg-normal text-left", children: activity.errorMessage })
+              content: /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-4", children: [
+                /* @__PURE__ */ jsx9(Icon, { name: "info", size: "small", className: "shrink-0 text-agg-error" }),
+                /* @__PURE__ */ jsx9("p", { className: "font-agg-sans text-agg-sm font-agg-normal text-left", children: activity.errorMessage })
               ] }),
               sideOffset: 4,
               children
             }
           ),
-          children: /* @__PURE__ */ jsxs4(
+          children: /* @__PURE__ */ jsxs8(
             "div",
             {
               className: cn(
@@ -2117,9 +3643,9 @@ var TransferRow = ({
                 "relative z-10"
               ),
               children: [
-                /* @__PURE__ */ jsx4(TransferTypeCell, { activity, tone }),
-                /* @__PURE__ */ jsx4("div", { className: "flex w-full items-center justify-between sm:hidden", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsx9(TransferTypeCell, { activity, tone }),
+                /* @__PURE__ */ jsx9("div", { className: "flex w-full items-center justify-between sm:hidden", children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx9(
                     Icon,
                     {
                       name: transferIconName,
@@ -2130,7 +3656,7 @@ var TransferRow = ({
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsx4(
+                  /* @__PURE__ */ jsx9(
                     "p",
                     {
                       className: cn(
@@ -2142,14 +3668,14 @@ var TransferRow = ({
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ jsxs4("div", { className: "flex w-full items-center justify-between sm:contents", children: [
-                  /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
-                    /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsxs8("div", { className: "flex w-full items-center justify-between sm:contents", children: [
+                  /* @__PURE__ */ jsxs8("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
+                    /* @__PURE__ */ jsx9(
                       "div",
                       {
                         className: "agg-activity-deposit-square hidden h-15 w-15 shrink-0 items-center justify-center rounded-agg-lg bg-agg-secondary-hover sm:flex",
                         "data-status": transferStatus,
-                        children: statusVisual.spin ? /* @__PURE__ */ jsx4(LoadingIcon, { size: "medium", className: cn(statusVisual.iconClassName) }) : /* @__PURE__ */ jsx4(
+                        children: statusVisual.spin ? /* @__PURE__ */ jsx9(LoadingIcon, { size: "medium", className: cn(statusVisual.iconClassName) }) : /* @__PURE__ */ jsx9(
                           Icon,
                           {
                             name: statusVisual.icon,
@@ -2159,8 +3685,8 @@ var TransferRow = ({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-1", children: [
-                      /* @__PURE__ */ jsx4(
+                    /* @__PURE__ */ jsxs8("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-1", children: [
+                      /* @__PURE__ */ jsx9(
                         "p",
                         {
                           className: cn(
@@ -2170,7 +3696,7 @@ var TransferRow = ({
                           children: activity.title
                         }
                       ),
-                      /* @__PURE__ */ jsx4(
+                      /* @__PURE__ */ jsx9(
                         "p",
                         {
                           className: cn(
@@ -2182,7 +3708,7 @@ var TransferRow = ({
                       )
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx4(
+                  /* @__PURE__ */ jsx9(
                     AmountTimeStack,
                     {
                       amountLabel: activity.amountLabel,
@@ -2192,7 +3718,7 @@ var TransferRow = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsx9(
                   AmountTimeStack,
                   {
                     amountLabel: activity.amountLabel,
@@ -2220,10 +3746,10 @@ var ActivityRow = ({ activity, href, onClick }) => {
     "before:bg-agg-secondary-hover before:rounded-agg-xl"
   );
   if (activity.kind === "trade") {
-    return /* @__PURE__ */ jsx4(TradeRow, { activity, className: sharedClassName, href, onClick: handleClick });
+    return /* @__PURE__ */ jsx9(TradeRow, { activity, className: sharedClassName, href, onClick: handleClick });
   }
   if (activity.kind === "redeem") {
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx9(
       RedeemRow,
       {
         activity,
@@ -2233,7 +3759,7 @@ var ActivityRow = ({ activity, href, onClick }) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx9(
     TransferRow,
     {
       activity,
@@ -2246,19 +3772,19 @@ var ActivityRow = ({ activity, href, onClick }) => {
 ActivityRow.displayName = "ActivityRow";
 
 // src/pages/user-profile/components/empty-state.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var EmptyState = ({ title, description, className }) => {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       className: cn("flex flex-col items-center justify-center gap-8 p-10", className),
       role: "status",
       "aria-live": "polite",
-      children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center gap-5", children: [
-        /* @__PURE__ */ jsx5(SearchEmptyIcon, { className: "h-10 w-10 text-agg-muted-foreground", "aria-hidden": true }),
-        /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center gap-1 text-center text-agg-foreground", children: [
-          /* @__PURE__ */ jsx5("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold", children: title }),
-          description ? /* @__PURE__ */ jsx5("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal", children: description }) : null
+      children: /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-center gap-5", children: [
+        /* @__PURE__ */ jsx10(SearchEmptyIcon, { className: "h-10 w-10 text-agg-muted-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-center gap-1 text-center text-agg-foreground", children: [
+          /* @__PURE__ */ jsx10("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold", children: title }),
+          description ? /* @__PURE__ */ jsx10("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal", children: description }) : null
         ] })
       ] })
     }
@@ -2267,8 +3793,12 @@ var EmptyState = ({ title, description, className }) => {
 EmptyState.displayName = "EmptyState";
 
 // src/pages/user-profile/components/position-row.tsx
-import { optimizedImageUrl, useLabels as useLabels4 } from "@agg-build/hooks";
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { optimizedImageUrl, useLabels as useLabels6 } from "@agg-build/hooks";
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var floorToTwoDecimals = (value) => {
+  if (!Number.isFinite(value) || value <= 0) return 0;
+  return Math.trunc(value * 100) / 100;
+};
 var shouldUseNativeLinkNavigation2 = (event) => {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
 };
@@ -2277,25 +3807,36 @@ var toneTextClassName = (tone) => {
   if (tone === "negative") return "text-agg-error";
   return "text-agg-muted-foreground";
 };
-var OutcomePill = ({ label }) => /* @__PURE__ */ jsx6("span", { className: "agg-position-outcome max-w-[120px] inline-flex items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx6("span", { className: "whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground truncate", children: label }) });
-var ResolutionPill = ({ label }) => /* @__PURE__ */ jsx6("span", { className: "agg-position-resolution-pill inline-flex w-full items-center justify-center overflow-hidden rounded-full bg-agg-secondary-hover px-4 py-[6px] md:w-auto", children: /* @__PURE__ */ jsx6("span", { className: "truncate whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: label }) });
+var OutcomePill = ({ label }) => /* @__PURE__ */ jsx11("span", { className: "agg-position-outcome max-w-[120px] inline-flex items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx11("span", { className: "whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground truncate", children: label }) });
+var ResolutionPill = ({ label }) => /* @__PURE__ */ jsx11("span", { className: "agg-position-resolution-pill inline-flex w-full items-center justify-center overflow-hidden rounded-full bg-agg-secondary-hover px-4 py-[6px] md:w-auto", children: /* @__PURE__ */ jsx11("span", { className: "truncate whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: label }) });
 var VenueShares = ({
   model,
+  totalSharesLabel,
   className,
   keyPrefix
 }) => {
-  if (model.venueShareBreakdown.length === 0) return null;
-  return /* @__PURE__ */ jsx6("div", { className, children: model.venueShareBreakdown.map((row, index) => /* @__PURE__ */ jsxs6(
-    "div",
-    {
-      className: "flex items-center gap-1",
-      children: [
-        /* @__PURE__ */ jsx6(VenueLogo, { venue: row.venue, size: "small", className: "size-4 shrink-0" }),
-        /* @__PURE__ */ jsx6("span", { className: "whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: row.sharesLabel })
-      ]
-    },
-    `${keyPrefix}-${row.venue}-${row.sharesLabel}-${String(index)}`
-  )) });
+  if (!totalSharesLabel && model.venueShareBreakdown.length === 0) return null;
+  return /* @__PURE__ */ jsxs10("div", { className: cn(className, "gap-2"), children: [
+    model.venueShareBreakdown.length > 0 ? /* @__PURE__ */ jsx11("div", { className: "flex items-center gap-1", children: model.venueShareBreakdown.map((row, index) => /* @__PURE__ */ jsx11(
+      Tooltip,
+      {
+        content: /* @__PURE__ */ jsx11("span", { children: row.sharesLabel }),
+        "aria-label": `${row.venue} shares`,
+        side: "top",
+        children: /* @__PURE__ */ jsx11(
+          "span",
+          {
+            tabIndex: 0,
+            className: "cursor-help rounded-agg-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary",
+            "aria-label": `${row.venue} shares`,
+            children: /* @__PURE__ */ jsx11(VenueLogo, { venue: row.venue, size: "small", className: "size-4 shrink-0" })
+          }
+        )
+      },
+      `${keyPrefix}-${row.venue}-${String(index)}`
+    )) }) : null,
+    totalSharesLabel ? /* @__PURE__ */ jsx11("span", { className: "whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: totalSharesLabel }) : null
+  ] });
 };
 var StatusBadge = ({
   status,
@@ -2303,7 +3844,7 @@ var StatusBadge = ({
 }) => {
   if (status === "lost" || status === "won_claimed") return null;
   const isWon = status === "won_unclaimed";
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs10(
     "span",
     {
       className: cn(
@@ -2312,7 +3853,7 @@ var StatusBadge = ({
         isWon ? "border-agg-success/50 bg-agg-success/10 text-agg-success" : "border-agg-muted-foreground/30 bg-agg-secondary-hover text-agg-foreground"
       ),
       children: [
-        /* @__PURE__ */ jsx6(Icon, { name: isWon ? "check-circle" : "hourglass-start", size: "small", className: "size-2.5!" }),
+        /* @__PURE__ */ jsx11(Icon, { name: isWon ? "check-circle" : "hourglass-start", size: "small", className: "size-2.5!" }),
         isWon ? labels.won : labels.open
       ]
     }
@@ -2325,7 +3866,7 @@ var ResultBadge = ({
   if (status !== "won_claimed" && status !== "lost" && status !== "sold") return null;
   const isWon = status === "won_claimed";
   const isSold = status === "sold";
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs10(
     "span",
     {
       className: cn(
@@ -2334,7 +3875,7 @@ var ResultBadge = ({
         isWon ? "border-agg-success/50 bg-agg-success/10 text-agg-success" : isSold ? "border-agg-muted-foreground/30 bg-agg-secondary-hover text-agg-muted-foreground" : "border-agg-error/50 bg-agg-error/10 text-agg-error"
       ),
       children: [
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx11(
           Icon,
           {
             name: isWon ? "check-circle" : isSold ? "hourglass-start" : "cross-circle",
@@ -2350,27 +3891,27 @@ var ResultBadge = ({
 var TotalTradedCell = ({
   model,
   className
-}) => /* @__PURE__ */ jsxs6(
+}) => /* @__PURE__ */ jsxs10(
   "div",
   {
     className: cn("agg-position-total-traded flex flex-col gap-[2px] whitespace-nowrap", className),
     children: [
-      /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: model.totalTraded.primaryLabel }),
-      /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: model.totalTraded.averageLabel })
+      /* @__PURE__ */ jsx11("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: model.totalTraded.primaryLabel }),
+      /* @__PURE__ */ jsx11("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: model.totalTraded.averageLabel })
     ]
   }
 );
 var PositionValueCell = ({
   value,
   className
-}) => /* @__PURE__ */ jsxs6(
+}) => /* @__PURE__ */ jsxs10(
   "div",
   {
     className: cn("agg-position-value-cell flex flex-col gap-[2px] whitespace-nowrap", className),
     children: [
-      /* @__PURE__ */ jsxs6("div", { className: "flex items-baseline gap-1.5", children: [
-        /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: value.primaryLabel }),
-        /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsxs10("div", { className: "flex items-baseline gap-1.5", children: [
+        /* @__PURE__ */ jsx11("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: value.primaryLabel }),
+        /* @__PURE__ */ jsx11(
           "p",
           {
             className: cn(
@@ -2381,9 +3922,9 @@ var PositionValueCell = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "flex items-baseline gap-1.5", children: [
-        /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: value.priceLabel }),
-        /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsxs10("div", { className: "flex items-baseline gap-1.5", children: [
+        /* @__PURE__ */ jsx11("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: value.priceLabel }),
+        /* @__PURE__ */ jsx11(
           "p",
           {
             className: cn(
@@ -2405,13 +3946,14 @@ var PositionRow = ({
   onClaim,
   isClaiming = false
 }) => {
-  const labels = useLabels4().userProfile.positions;
+  const labels = useLabels6().userProfile.positions;
   const model = toPositionRowViewModel(position, {
     avgPrefix: labels.avgPrefix,
     nowPrefix: labels.nowPrefix,
     finalPrefix: labels.finalPrefix
   });
   const isClosed = (variant != null ? variant : model.bucket) === "closed";
+  const totalSharesLabel = typeof position.totalShares === "number" && Number.isFinite(position.totalShares) ? `${String(floorToTwoDecimals(position.totalShares))} shares` : null;
   const handleClaim = (event) => {
     event.preventDefault();
     event.stopPropagation();
@@ -2446,7 +3988,7 @@ var PositionRow = ({
       handleDivClick();
     }
   };
-  return /* @__PURE__ */ jsx6(Wrapper, __spreadProps(__spreadValues({ className: sharedClassName }, wrapperProps), { children: /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsx11(Wrapper, __spreadProps(__spreadValues({ className: sharedClassName }, wrapperProps), { children: /* @__PURE__ */ jsxs10(
     "div",
     {
       className: cn(
@@ -2454,9 +3996,9 @@ var PositionRow = ({
         isClosed ? "md:gap-8" : "md:gap-6"
       ),
       children: [
-        /* @__PURE__ */ jsxs6("div", { className: "flex w-full items-center justify-between gap-3 md:w-auto md:min-w-0 md:flex-1 md:justify-start md:gap-4", children: [
-          /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 flex-1 items-center gap-3 md:gap-4", children: [
-            /* @__PURE__ */ jsx6("div", { className: "agg-position-image flex h-10 w-10 shrink-0 items-center justify-center md:h-15 md:w-15", children: /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsxs10("div", { className: "flex w-full items-center justify-between gap-3 md:w-auto md:min-w-0 md:flex-1 md:justify-start md:gap-4", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "flex min-w-0 flex-1 items-center gap-3 md:gap-4", children: [
+            /* @__PURE__ */ jsx11("div", { className: "agg-position-image flex h-10 w-10 shrink-0 items-center justify-center md:h-15 md:w-15", children: /* @__PURE__ */ jsx11(
               RemoteImage,
               {
                 src: optimizedImageUrl(model.thumbnailSrc, 60),
@@ -2464,14 +4006,15 @@ var PositionRow = ({
                 className: "h-full w-full rounded-agg-sm object-cover"
               }
             ) }),
-            /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-              /* @__PURE__ */ jsx6("p", { className: "agg-position-market min-w-0 overflow-hidden font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground [display:-webkit-box] [-webkit-line-clamp:2] [-webkit-box-orient:vertical] md:block md:truncate md:text-agg-base md:leading-agg-6", children: model.title }),
-              /* @__PURE__ */ jsxs6("div", { className: "hidden min-w-0 flex-1 flex-wrap items-center gap-x-3 gap-y-2 pt-1 md:flex", children: [
-                /* @__PURE__ */ jsx6(OutcomePill, { label: model.selectedOutcomeLabel }),
-                /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsxs10("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+              /* @__PURE__ */ jsx11("p", { className: "agg-position-market min-w-0 overflow-hidden font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground [display:-webkit-box] [-webkit-line-clamp:2] [-webkit-box-orient:vertical] md:block md:truncate md:text-agg-base md:leading-agg-6", children: model.title }),
+              /* @__PURE__ */ jsxs10("div", { className: "hidden min-w-0 flex-1 flex-wrap items-center gap-x-3 gap-y-2 pt-1 md:flex", children: [
+                /* @__PURE__ */ jsx11(OutcomePill, { label: model.selectedOutcomeLabel }),
+                /* @__PURE__ */ jsx11(
                   VenueShares,
                   {
                     model,
+                    totalSharesLabel,
                     keyPrefix: "desktop",
                     className: "agg-position-venues flex flex-1 flex-wrap content-center items-center gap-x-3 gap-y-2"
                   }
@@ -2479,25 +4022,26 @@ var PositionRow = ({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx6("div", { className: "flex shrink-0 items-center justify-end md:hidden", children: /* @__PURE__ */ jsx6(OutcomePill, { label: model.selectedOutcomeLabel }) })
+          /* @__PURE__ */ jsx11("div", { className: "flex shrink-0 items-center justify-end md:hidden", children: /* @__PURE__ */ jsx11(OutcomePill, { label: model.selectedOutcomeLabel }) })
         ] }),
-        isClosed ? /* @__PURE__ */ jsx6("div", { className: "md:hidden", children: /* @__PURE__ */ jsx6(ResolutionPill, { label: `${labels.resolutionHeader}: ${model.resolutionLabel}` }) }) : null,
-        /* @__PURE__ */ jsx6(
+        isClosed ? /* @__PURE__ */ jsx11("div", { className: "md:hidden", children: /* @__PURE__ */ jsx11(ResolutionPill, { label: `${labels.resolutionHeader}: ${model.resolutionLabel}` }) }) : null,
+        /* @__PURE__ */ jsx11(
           VenueShares,
           {
             model,
+            totalSharesLabel,
             keyPrefix: "mobile",
             className: "agg-position-venues flex min-w-0 flex-1 flex-wrap content-center items-center gap-x-3 gap-y-2 md:hidden"
           }
         ),
-        /* @__PURE__ */ jsxs6("div", { className: "flex w-full items-center justify-between gap-3 md:hidden", children: [
-          /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 items-center gap-5", children: [
-            /* @__PURE__ */ jsx6(TotalTradedCell, { model }),
-            /* @__PURE__ */ jsx6(PositionValueCell, { value: isClosed ? model.payout : model.currentValue })
+        /* @__PURE__ */ jsxs10("div", { className: "flex w-full items-center justify-between gap-3 md:hidden", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "flex min-w-0 items-center gap-5", children: [
+            /* @__PURE__ */ jsx11(TotalTradedCell, { model }),
+            /* @__PURE__ */ jsx11(PositionValueCell, { value: isClosed ? model.payout : model.currentValue })
           ] }),
-          isClosed ? /* @__PURE__ */ jsx6(ResultBadge, { status: model.positionStatus, labels }) : /* @__PURE__ */ jsxs6("div", { className: "flex shrink-0 flex-col items-start justify-center gap-2", children: [
-            /* @__PURE__ */ jsx6(StatusBadge, { status: model.positionStatus, labels }),
-            model.canClaim ? /* @__PURE__ */ jsxs6(
+          isClosed ? /* @__PURE__ */ jsx11(ResultBadge, { status: model.positionStatus, labels }) : /* @__PURE__ */ jsxs10("div", { className: "flex shrink-0 flex-col items-start justify-center gap-2", children: [
+            /* @__PURE__ */ jsx11(StatusBadge, { status: model.positionStatus, labels }),
+            model.canClaim ? /* @__PURE__ */ jsxs10(
               "button",
               {
                 type: "button",
@@ -2506,48 +4050,48 @@ var PositionRow = ({
                 disabled: isClaiming,
                 "aria-busy": isClaiming || void 0,
                 children: [
-                  isClaiming ? /* @__PURE__ */ jsx6(LoadingIcon, { size: "small", className: "text-agg-primary" }) : null,
+                  isClaiming ? /* @__PURE__ */ jsx11(LoadingIcon, { size: "small", className: "text-agg-primary" }) : null,
                   labels.claim
                 ]
               }
             ) : null
           ] })
         ] }),
-        isClosed ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
-          /* @__PURE__ */ jsx6("div", { className: "hidden w-[90px] shrink-0 md:block lg:w-[120px]", children: /* @__PURE__ */ jsx6(ResolutionPill, { label: model.resolutionLabel }) }),
-          /* @__PURE__ */ jsx6(
+        isClosed ? /* @__PURE__ */ jsxs10(Fragment3, { children: [
+          /* @__PURE__ */ jsx11("div", { className: "hidden w-[90px] shrink-0 md:block lg:w-[120px]", children: /* @__PURE__ */ jsx11(ResolutionPill, { label: model.resolutionLabel }) }),
+          /* @__PURE__ */ jsx11(
             TotalTradedCell,
             {
               model,
               className: "hidden w-[110px] shrink-0 md:flex lg:w-[130px]"
             }
           ),
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx11(
             PositionValueCell,
             {
               value: model.payout,
               className: "hidden w-[130px] shrink-0 md:flex lg:w-[160px]"
             }
           ),
-          /* @__PURE__ */ jsx6("div", { className: "hidden w-[60px] shrink-0 items-center md:flex", children: /* @__PURE__ */ jsx6(ResultBadge, { status: model.positionStatus, labels }) })
-        ] }) : /* @__PURE__ */ jsxs6(Fragment3, { children: [
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx11("div", { className: "hidden w-[60px] shrink-0 items-center md:flex", children: /* @__PURE__ */ jsx11(ResultBadge, { status: model.positionStatus, labels }) })
+        ] }) : /* @__PURE__ */ jsxs10(Fragment3, { children: [
+          /* @__PURE__ */ jsx11(
             TotalTradedCell,
             {
               model,
               className: "hidden w-[120px] shrink-0 md:flex lg:w-[140px]"
             }
           ),
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx11(
             PositionValueCell,
             {
               value: model.currentValue,
               className: "hidden w-[130px] shrink-0 md:flex lg:w-[160px]"
             }
           ),
-          /* @__PURE__ */ jsxs6("div", { className: "hidden w-[100px] shrink-0 items-center gap-3 md:flex", children: [
-            /* @__PURE__ */ jsx6(StatusBadge, { status: model.positionStatus, labels }),
-            model.canClaim ? /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsxs10("div", { className: "hidden w-[100px] shrink-0 items-center gap-3 md:flex", children: [
+            /* @__PURE__ */ jsx11(StatusBadge, { status: model.positionStatus, labels }),
+            model.canClaim ? /* @__PURE__ */ jsxs10(
               "button",
               {
                 type: "button",
@@ -2556,14 +4100,14 @@ var PositionRow = ({
                 disabled: isClaiming,
                 "aria-busy": isClaiming || void 0,
                 children: [
-                  isClaiming ? /* @__PURE__ */ jsx6(LoadingIcon, { size: "small", className: "text-agg-primary" }) : null,
+                  isClaiming ? /* @__PURE__ */ jsx11(LoadingIcon, { size: "small", className: "text-agg-primary" }) : null,
                   labels.claim
                 ]
               }
             ) : null
           ] })
         ] }),
-        /* @__PURE__ */ jsx6("div", { className: "hidden w-5 shrink-0 items-center justify-end md:flex", children: /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx11("div", { className: "hidden w-5 shrink-0 items-center justify-end md:flex", children: /* @__PURE__ */ jsx11(
           Icon,
           {
             name: "chevron-right",
@@ -2578,16 +4122,16 @@ var PositionRow = ({
 PositionRow.displayName = "PositionRow";
 
 // src/pages/user-profile/components/positions-activity.tsx
-import { Fragment as Fragment5, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var tabItems = [
   { value: USER_PROFILE_TAB_POSITIONS, label: "Positions" },
   // Open orders is intentionally hidden from the user-profile tab group.
   // Restore by re-adding USER_PROFILE_TAB_OPEN_ORDERS here and the renderer below.
   { value: USER_PROFILE_TAB_ACTIVITY, label: "Activity" }
 ];
-var TabRowsSkeleton = ({ ariaLabel }) => /* @__PURE__ */ jsx7("div", { role: "status", "aria-label": ariaLabel, className: "flex flex-col gap-3 sm:gap-4", children: Array.from({ length: 3 }).map((_, index, acc) => /* @__PURE__ */ jsxs7(Fragment4, { children: [
-  /* @__PURE__ */ jsx7("div", { className: "h-14 rounded-agg-sm bg-agg-secondary-hover/80 sm:h-16" }, index),
-  index < acc.length - 1 ? /* @__PURE__ */ jsx7("div", { className: "agg-position-divider h-px w-full shrink-0 bg-agg-separator", "aria-hidden": true }) : null
+var TabRowsSkeleton = ({ ariaLabel }) => /* @__PURE__ */ jsx12("div", { role: "status", "aria-label": ariaLabel, className: "flex flex-col gap-3 sm:gap-4", children: Array.from({ length: 3 }).map((_, index, acc) => /* @__PURE__ */ jsxs11(Fragment4, { children: [
+  /* @__PURE__ */ jsx12("div", { className: "h-14 rounded-agg-sm bg-agg-secondary-hover/80 sm:h-16" }, index),
+  index < acc.length - 1 ? /* @__PURE__ */ jsx12("div", { className: "agg-position-divider h-px w-full shrink-0 bg-agg-separator", "aria-hidden": true }) : null
 ] }, index)) });
 var PositionsActivity = ({
   activePositions = [],
@@ -2618,9 +4162,9 @@ var PositionsActivity = ({
   initialPositionFilter = "active",
   className
 }) => {
-  const positionsLabels = useLabels5().userProfile.positions;
+  const positionsLabels = useLabels7().userProfile.positions;
   const isTabControlled = tab !== void 0;
-  const [internalActiveTab, setInternalActiveTab] = useState5(
+  const [internalActiveTab, setInternalActiveTab] = useState10(
     tab != null ? tab : USER_PROFILE_TAB_POSITIONS
   );
   const activeTab = isTabControlled ? tab : internalActiveTab;
@@ -2628,19 +4172,19 @@ var PositionsActivity = ({
     if (!isTabControlled) setInternalActiveTab(next);
     onTabChange == null ? void 0 : onTabChange(next);
   };
-  const [positionFilter, setPositionFilter] = useState5(initialPositionFilter);
-  const [searchValue, setSearchValue] = useState5("");
-  const [isSearchFocused, setIsSearchFocused] = useState5(false);
-  const [locallyClaimedPositionIds, setLocallyClaimedPositionIds] = useState5(
+  const [positionFilter, setPositionFilter] = useState10(initialPositionFilter);
+  const [searchValue, setSearchValue] = useState10("");
+  const [isSearchFocused, setIsSearchFocused] = useState10(false);
+  const [locallyClaimedPositionIds, setLocallyClaimedPositionIds] = useState10(
     () => /* @__PURE__ */ new Set()
   );
-  const positionsLoadMoreRef = useRef4(null);
-  const activitiesLoadMoreRef = useRef4(null);
-  const rowsScrollRef = useRef4(null);
+  const positionsLoadMoreRef = useRef8(null);
+  const activitiesLoadMoreRef = useRef8(null);
+  const rowsScrollRef = useRef8(null);
   const isPositionsTab = activeTab === USER_PROFILE_TAB_POSITIONS;
   const isActivityTab = activeTab === USER_PROFILE_TAB_ACTIVITY;
   const isClosedPositionsFilter = isPositionsTab && positionFilter === "closed";
-  const positionsForCurrentFilter = useMemo3(() => {
+  const positionsForCurrentFilter = useMemo6(() => {
     if (positionFilter === "active") {
       return activePositions.filter((position) => !locallyClaimedPositionIds.has(position.id));
     }
@@ -2657,7 +4201,7 @@ var PositionsActivity = ({
     }
     return Array.from(byId.values());
   }, [activePositions, closedPositions, locallyClaimedPositionIds, positionFilter]);
-  const filteredPositions = useMemo3(() => {
+  const filteredPositions = useMemo6(() => {
     if (!searchValue.trim()) return positionsForCurrentFilter;
     const q = searchValue.toLowerCase();
     return positionsForCurrentFilter.filter((p) => p.title.toLowerCase().includes(q));
@@ -2682,7 +4226,7 @@ var PositionsActivity = ({
   const isLoadingMorePositions = positionFilter === "active" ? isLoadingMoreActivePositions : isLoadingMoreClosedPositions;
   const loadMorePositions = positionFilter === "active" ? onLoadMoreActivePositions : onLoadMoreClosedPositions;
   const filteredActivities = activities;
-  const searchResults = useMemo3(() => {
+  const searchResults = useMemo6(() => {
     if (!isPositionsTab || !searchValue.trim()) return [];
     return filteredPositions.slice(0, 5).map((position) => ({
       id: position.id,
@@ -2700,11 +4244,11 @@ var PositionsActivity = ({
   const handleSearchChange = (event) => {
     setSearchValue(event.target.value);
   };
-  useEffect4(() => {
+  useEffect9(() => {
     if (isPositionsTab) return;
     setIsSearchFocused(false);
   }, [isPositionsTab]);
-  useEffect4(() => {
+  useEffect9(() => {
     if (!isPositionsTab || !hasMorePositions) return;
     const target = positionsLoadMoreRef.current;
     if (!target || !loadMorePositions) return;
@@ -2726,7 +4270,7 @@ var PositionsActivity = ({
     isPositionsTab,
     loadMorePositions
   ]);
-  useEffect4(() => {
+  useEffect9(() => {
     if (!isActivityTab || !hasMoreActivities) return;
     const target = activitiesLoadMoreRef.current;
     if (!target || !onLoadMoreActivities) return;
@@ -2748,7 +4292,7 @@ var PositionsActivity = ({
     isLoadingMoreActivities,
     onLoadMoreActivities
   ]);
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: cn(
@@ -2757,7 +4301,7 @@ var PositionsActivity = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx12(
           Tabs,
           {
             items: tabItems,
@@ -2771,7 +4315,7 @@ var PositionsActivity = ({
             }
           }
         ),
-        /* @__PURE__ */ jsxs7(
+        /* @__PURE__ */ jsxs11(
           "div",
           {
             className: cn(
@@ -2779,12 +4323,12 @@ var PositionsActivity = ({
               isPositionsTab ? "pt-4 md:pt-6" : "pt-0 md:pt-6"
             ),
             children: [
-              isPositionsTab ? /* @__PURE__ */ jsxs7("div", { className: "agg-toolbar flex flex-row items-start gap-3 px-4 sm:gap-5 sm:px-6", children: [
-                /* @__PURE__ */ jsx7("div", { className: "agg-position-filters flex h-10 w-[45%] max-w-[169px] shrink-0 items-stretch overflow-clip rounded-agg-sm border border-agg-separator sm:w-auto sm:min-w-[200px] sm:max-w-[270px]", children: USER_PROFILE_POSITION_FILTERS.map((filter, idx) => {
+              isPositionsTab ? /* @__PURE__ */ jsxs11("div", { className: "agg-toolbar flex flex-row items-start gap-3 px-4 sm:gap-5 sm:px-6", children: [
+                /* @__PURE__ */ jsx12("div", { className: "agg-position-filters flex h-10 w-[45%] max-w-[169px] shrink-0 items-stretch overflow-clip rounded-agg-sm border border-agg-separator sm:w-auto sm:min-w-[200px] sm:max-w-[270px]", children: USER_PROFILE_POSITION_FILTERS.map((filter, idx) => {
                   const isActive = filter.value === positionFilter;
-                  return /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 items-stretch", children: [
-                    idx > 0 ? /* @__PURE__ */ jsx7("div", { className: "w-px bg-agg-separator", "aria-hidden": true }) : null,
-                    /* @__PURE__ */ jsx7(
+                  return /* @__PURE__ */ jsxs11("div", { className: "flex flex-1 items-stretch", children: [
+                    idx > 0 ? /* @__PURE__ */ jsx12("div", { className: "w-px bg-agg-separator", "aria-hidden": true }) : null,
+                    /* @__PURE__ */ jsx12(
                       "button",
                       {
                         type: "button",
@@ -2799,7 +4343,7 @@ var PositionsActivity = ({
                     )
                   ] }, filter.value);
                 }) }),
-                /* @__PURE__ */ jsxs7(
+                /* @__PURE__ */ jsxs11(
                   "div",
                   {
                     className: "agg-position-search relative flex w-full min-w-0 flex-1",
@@ -2810,9 +4354,9 @@ var PositionsActivity = ({
                       setIsSearchFocused(false);
                     },
                     children: [
-                      /* @__PURE__ */ jsx7("label", { className: "flex w-full min-w-0 flex-1", children: /* @__PURE__ */ jsxs7("div", { className: "flex h-11 w-full items-center gap-3 rounded-agg-sm border border-agg-separator bg-agg-secondary px-3 py-2.5 focus-within:border-2 focus-within:border-agg-primary sm:h-10", children: [
-                        /* @__PURE__ */ jsx7(Icon, { name: "search", size: "small", className: "shrink-0 text-agg-muted-foreground" }),
-                        /* @__PURE__ */ jsx7(
+                      /* @__PURE__ */ jsx12("label", { className: "flex w-full min-w-0 flex-1", children: /* @__PURE__ */ jsxs11("div", { className: "flex h-11 w-full items-center gap-3 rounded-agg-sm border border-agg-separator bg-agg-secondary px-3 py-2.5 focus-within:border-2 focus-within:border-agg-primary sm:h-10", children: [
+                        /* @__PURE__ */ jsx12(Icon, { name: "search", size: "small", className: "shrink-0 text-agg-muted-foreground" }),
+                        /* @__PURE__ */ jsx12(
                           "input",
                           {
                             value: searchValue,
@@ -2827,7 +4371,7 @@ var PositionsActivity = ({
                           }
                         )
                       ] }) }),
-                      isSearchFocused && searchValue.trim() ? /* @__PURE__ */ jsx7("div", { className: "agg-position-search-results absolute left-0 right-0 top-full z-50 mt-1 w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary pt-2 shadow-[0px_8px_16px_0px_rgba(0,0,0,0.1)]", children: searchResults.length > 0 ? /* @__PURE__ */ jsx7(
+                      isSearchFocused && searchValue.trim() ? /* @__PURE__ */ jsx12("div", { className: "agg-position-search-results absolute left-0 right-0 top-full z-50 mt-1 w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary pt-2 shadow-[0px_8px_16px_0px_rgba(0,0,0,0.1)]", children: searchResults.length > 0 ? /* @__PURE__ */ jsx12(
                         "ul",
                         {
                           className: "agg-position-search-results-list m-0 flex list-none flex-col p-0",
@@ -2840,9 +4384,9 @@ var PositionsActivity = ({
                               setIsSearchFocused(false);
                               onPositionClick == null ? void 0 : onPositionClick(item.raw);
                             };
-                            const innerContent = /* @__PURE__ */ jsxs7(Fragment5, { children: [
-                              /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
-                                /* @__PURE__ */ jsx7(
+                            const innerContent = /* @__PURE__ */ jsxs11(Fragment5, { children: [
+                              /* @__PURE__ */ jsxs11("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
+                                /* @__PURE__ */ jsx12(
                                   "img",
                                   {
                                     src: optimizedImageUrl2(item.thumbnailSrc, 48),
@@ -2850,16 +4394,16 @@ var PositionsActivity = ({
                                     className: "size-12 shrink-0 rounded-agg-lg object-cover"
                                   }
                                 ),
-                                /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-                                  /* @__PURE__ */ jsx7("p", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground", children: item.title }),
-                                  /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
-                                    /* @__PURE__ */ jsx7("p", { className: "shrink-0 whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: item.metaPrimary }),
-                                    /* @__PURE__ */ jsx7("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
-                                    /* @__PURE__ */ jsx7("p", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: item.metaSecondary })
+                                /* @__PURE__ */ jsxs11("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+                                  /* @__PURE__ */ jsx12("p", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground", children: item.title }),
+                                  /* @__PURE__ */ jsxs11("div", { className: "flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
+                                    /* @__PURE__ */ jsx12("p", { className: "shrink-0 whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: item.metaPrimary }),
+                                    /* @__PURE__ */ jsx12("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
+                                    /* @__PURE__ */ jsx12("p", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: item.metaSecondary })
                                   ] })
                                 ] })
                               ] }),
-                              /* @__PURE__ */ jsx7(
+                              /* @__PURE__ */ jsx12(
                                 Icon,
                                 {
                                   name: "chevron-right",
@@ -2868,7 +4412,7 @@ var PositionsActivity = ({
                                 }
                               )
                             ] });
-                            return /* @__PURE__ */ jsx7(
+                            return /* @__PURE__ */ jsx12(
                               "li",
                               {
                                 role: "presentation",
@@ -2876,7 +4420,7 @@ var PositionsActivity = ({
                                   "agg-position-search-result-item",
                                   index > 0 && "border-t border-agg-separator"
                                 ),
-                                children: itemHref ? /* @__PURE__ */ jsx7(
+                                children: itemHref ? /* @__PURE__ */ jsx12(
                                   "a",
                                   {
                                     href: itemHref,
@@ -2891,7 +4435,7 @@ var PositionsActivity = ({
                                     },
                                     children: innerContent
                                   }
-                                ) : /* @__PURE__ */ jsx7(
+                                ) : /* @__PURE__ */ jsx12(
                                   "button",
                                   {
                                     type: "button",
@@ -2905,34 +4449,34 @@ var PositionsActivity = ({
                             );
                           })
                         }
-                      ) : /* @__PURE__ */ jsx7("div", { className: "px-5 py-6 font-agg-sans text-agg-sm leading-agg-5 text-agg-muted-foreground", children: positionsLabels.noResults }) }) : null
+                      ) : /* @__PURE__ */ jsx12("div", { className: "px-5 py-6 font-agg-sans text-agg-sm leading-agg-5 text-agg-muted-foreground", children: positionsLabels.noResults }) }) : null
                     ]
                   }
                 )
               ] }) : null,
-              /* @__PURE__ */ jsxs7("div", { className: "agg-positions-table-wrapper flex w-full gap-0 flex-col", children: [
-                /* @__PURE__ */ jsxs7("div", { className: "w-full px-4 sm:px-6", children: [
-                  isPositionsTab && filteredPositions.length > 0 ? isClosedPositionsFilter ? /* @__PURE__ */ jsxs7("div", { className: "hidden items-start gap-8 px-0 md:flex", children: [
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: positionsLabels.marketHeader }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[90px] shrink-0 lg:w-[120px]", children: positionsLabels.resolutionHeader }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[110px] shrink-0 lg:w-[130px]", children: positionsLabels.totalTradedHeader }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[130px] shrink-0 lg:w-[160px]", children: positionsLabels.payoutHeader }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[60px] shrink-0", children: positionsLabels.resultHeader }),
-                    /* @__PURE__ */ jsx7("span", { className: "hidden w-5 shrink-0 sm:block", "aria-hidden": true })
-                  ] }) : /* @__PURE__ */ jsxs7("div", { className: "hidden items-start gap-6 px-0 md:flex", children: [
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: positionsLabels.marketHeader }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[120px] shrink-0 lg:w-[140px]", children: positionsLabels.totalTradedHeader }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[130px] shrink-0 lg:w-[160px]", children: positionsLabels.currentValueHeader }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[100px] shrink-0", children: positionsLabels.statusHeader }),
-                    /* @__PURE__ */ jsx7("span", { className: "hidden w-5 shrink-0 sm:block", "aria-hidden": true })
+              /* @__PURE__ */ jsxs11("div", { className: "agg-positions-table-wrapper flex w-full gap-0 flex-col", children: [
+                /* @__PURE__ */ jsxs11("div", { className: "w-full px-4 sm:px-6", children: [
+                  isPositionsTab && filteredPositions.length > 0 ? isClosedPositionsFilter ? /* @__PURE__ */ jsxs11("div", { className: "hidden items-start gap-8 px-0 md:flex", children: [
+                    /* @__PURE__ */ jsx12("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: positionsLabels.marketHeader }),
+                    /* @__PURE__ */ jsx12("p", { className: "agg-user-profile-table-header w-[90px] shrink-0 lg:w-[120px]", children: positionsLabels.resolutionHeader }),
+                    /* @__PURE__ */ jsx12("p", { className: "agg-user-profile-table-header w-[110px] shrink-0 lg:w-[130px]", children: positionsLabels.totalTradedHeader }),
+                    /* @__PURE__ */ jsx12("p", { className: "agg-user-profile-table-header w-[130px] shrink-0 lg:w-[160px]", children: positionsLabels.payoutHeader }),
+                    /* @__PURE__ */ jsx12("p", { className: "agg-user-profile-table-header w-[60px] shrink-0", children: positionsLabels.resultHeader }),
+                    /* @__PURE__ */ jsx12("span", { className: "hidden w-5 shrink-0 sm:block", "aria-hidden": true })
+                  ] }) : /* @__PURE__ */ jsxs11("div", { className: "hidden items-start gap-6 px-0 md:flex", children: [
+                    /* @__PURE__ */ jsx12("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: positionsLabels.marketHeader }),
+                    /* @__PURE__ */ jsx12("p", { className: "agg-user-profile-table-header w-[120px] shrink-0 lg:w-[140px]", children: positionsLabels.totalTradedHeader }),
+                    /* @__PURE__ */ jsx12("p", { className: "agg-user-profile-table-header w-[130px] shrink-0 lg:w-[160px]", children: positionsLabels.currentValueHeader }),
+                    /* @__PURE__ */ jsx12("p", { className: "agg-user-profile-table-header w-[100px] shrink-0", children: positionsLabels.statusHeader }),
+                    /* @__PURE__ */ jsx12("span", { className: "hidden w-5 shrink-0 sm:block", "aria-hidden": true })
                   ] }) : null,
-                  isActivityTab && filteredActivities.length > 0 ? /* @__PURE__ */ jsxs7("div", { className: "hidden items-start gap-6 px-0 md:flex", children: [
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-22 shrink-0", children: "Type" }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: "Market" }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[120px] shrink-0 text-right", children: "Amount" })
+                  isActivityTab && filteredActivities.length > 0 ? /* @__PURE__ */ jsxs11("div", { className: "hidden items-start gap-6 px-0 md:flex", children: [
+                    /* @__PURE__ */ jsx12("p", { className: "agg-user-profile-table-header w-22 shrink-0", children: "Type" }),
+                    /* @__PURE__ */ jsx12("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: "Market" }),
+                    /* @__PURE__ */ jsx12("p", { className: "agg-user-profile-table-header w-[120px] shrink-0 text-right", children: "Amount" })
                   ] }) : null
                 ] }),
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx12(
                   "div",
                   {
                     ref: rowsScrollRef,
@@ -2944,8 +4488,8 @@ var PositionsActivity = ({
                       "[&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-agg-muted-foreground/50",
                       "[&::-webkit-scrollbar-thumb:hover]:bg-agg-muted-foreground/70"
                     ),
-                    children: isPositionsTab ? /* @__PURE__ */ jsxs7("div", { className: "agg-portfolio-list flex flex-col gap-5", children: [
-                      isLoadingPositions && filteredPositions.length === 0 ? /* @__PURE__ */ jsx7(TabRowsSkeleton, { ariaLabel: "Loading positions" }) : positionsError && filteredPositions.length === 0 ? /* @__PURE__ */ jsx7(
+                    children: isPositionsTab ? /* @__PURE__ */ jsxs11("div", { className: "agg-portfolio-list flex flex-col gap-5", children: [
+                      isLoadingPositions && filteredPositions.length === 0 ? /* @__PURE__ */ jsx12(TabRowsSkeleton, { ariaLabel: "Loading positions" }) : positionsError && filteredPositions.length === 0 ? /* @__PURE__ */ jsx12(
                         EmptyState,
                         {
                           title: "Unable to load positions",
@@ -2953,15 +4497,15 @@ var PositionsActivity = ({
                         }
                       ) : filteredPositions.length > 0 ? filteredPositions.map((position, index) => {
                         var _a;
-                        return /* @__PURE__ */ jsxs7(Fragment4, { children: [
-                          index > 0 ? /* @__PURE__ */ jsx7(
+                        return /* @__PURE__ */ jsxs11(Fragment4, { children: [
+                          index > 0 ? /* @__PURE__ */ jsx12(
                             "div",
                             {
                               className: "agg-position-divider h-px w-full shrink-0 bg-agg-separator",
                               "aria-hidden": true
                             }
                           ) : null,
-                          /* @__PURE__ */ jsx7(
+                          /* @__PURE__ */ jsx12(
                             PositionRow,
                             {
                               position,
@@ -2975,15 +4519,15 @@ var PositionsActivity = ({
                             }
                           )
                         ] }, position.id);
-                      }) : /* @__PURE__ */ jsx7(
+                      }) : /* @__PURE__ */ jsx12(
                         EmptyState,
                         {
                           title: "No positions yet",
                           description: "Your open trades will appear here once you place an order."
                         }
                       ),
-                      isLoadingMorePositions ? /* @__PURE__ */ jsx7(TabRowsSkeleton, { ariaLabel: "Loading more positions" }) : null,
-                      hasMorePositions ? /* @__PURE__ */ jsx7(
+                      isLoadingMorePositions ? /* @__PURE__ */ jsx12(TabRowsSkeleton, { ariaLabel: "Loading more positions" }) : null,
+                      hasMorePositions ? /* @__PURE__ */ jsx12(
                         "div",
                         {
                           ref: positionsLoadMoreRef,
@@ -2991,22 +4535,22 @@ var PositionsActivity = ({
                           "aria-hidden": true
                         }
                       ) : null
-                    ] }) : /* @__PURE__ */ jsxs7("div", { className: "agg-activity-list flex flex-col gap-5", children: [
-                      isLoadingActivities && filteredActivities.length === 0 ? /* @__PURE__ */ jsx7(TabRowsSkeleton, { ariaLabel: "Loading activity" }) : activitiesError && filteredActivities.length === 0 ? /* @__PURE__ */ jsx7(
+                    ] }) : /* @__PURE__ */ jsxs11("div", { className: "agg-activity-list flex flex-col gap-5", children: [
+                      isLoadingActivities && filteredActivities.length === 0 ? /* @__PURE__ */ jsx12(TabRowsSkeleton, { ariaLabel: "Loading activity" }) : activitiesError && filteredActivities.length === 0 ? /* @__PURE__ */ jsx12(
                         EmptyState,
                         {
                           title: "Unable to load activity",
                           description: "Please try again in a moment."
                         }
-                      ) : filteredActivities.length > 0 ? filteredActivities.map((activity, index) => /* @__PURE__ */ jsxs7(Fragment4, { children: [
-                        index > 0 ? /* @__PURE__ */ jsx7(
+                      ) : filteredActivities.length > 0 ? filteredActivities.map((activity, index) => /* @__PURE__ */ jsxs11(Fragment4, { children: [
+                        index > 0 ? /* @__PURE__ */ jsx12(
                           "div",
                           {
                             className: "agg-activity-divider h-px w-full shrink-0 bg-agg-separator",
                             "aria-hidden": true
                           }
                         ) : null,
-                        /* @__PURE__ */ jsx7(
+                        /* @__PURE__ */ jsx12(
                           ActivityRow,
                           {
                             activity,
@@ -3014,15 +4558,15 @@ var PositionsActivity = ({
                             onClick: onActivityClick
                           }
                         )
-                      ] }, activity.id)) : /* @__PURE__ */ jsx7(
+                      ] }, activity.id)) : /* @__PURE__ */ jsx12(
                         EmptyState,
                         {
                           title: "No activity yet",
                           description: "Your trading activity will appear here."
                         }
                       ),
-                      isLoadingMoreActivities ? /* @__PURE__ */ jsx7(TabRowsSkeleton, { ariaLabel: "Loading more activity" }) : null,
-                      hasMoreActivities ? /* @__PURE__ */ jsx7(
+                      isLoadingMoreActivities ? /* @__PURE__ */ jsx12(TabRowsSkeleton, { ariaLabel: "Loading more activity" }) : null,
+                      hasMoreActivities ? /* @__PURE__ */ jsx12(
                         "div",
                         {
                           ref: activitiesLoadMoreRef,
@@ -3044,14 +4588,14 @@ var PositionsActivity = ({
 PositionsActivity.displayName = "PositionsActivity";
 
 // src/pages/user-profile/components/positions-value-card.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var PositionsValueCard = ({
   label = "Positions Value",
   valueLabel,
   isLoading = false,
   className
 }) => {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: cn(
@@ -3060,8 +4604,8 @@ var PositionsValueCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx13(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -3069,7 +4613,7 @@ var PositionsValueCard = ({
               height: "16",
               viewBox: "0 0 16 16",
               fill: "none",
-              children: /* @__PURE__ */ jsx8(
+              children: /* @__PURE__ */ jsx13(
                 "path",
                 {
                   d: "M16 7.99957C16 8.36757 15.702 8.66623 15.3333 8.66623H13.6893C13.388 8.66623 13.1233 8.86957 13.0453 9.15957L11.9273 13.3209C11.8 13.7376 11.444 13.9996 11.0333 13.9996H11.022C10.6067 13.9949 10.252 13.7229 10.1393 13.3236L7.95667 4.50623L5.838 11.9989C5.71067 12.3969 5.378 12.6496 4.98467 12.6649C4.57667 12.6869 4.23867 12.4549 4.088 12.0902L3.02133 9.10757C2.926 8.84357 2.674 8.66557 2.39333 8.66557H0.666667C0.298 8.66557 0 8.3669 0 7.9989C0 7.6309 0.298 7.33223 0.666667 7.33223H2.394C3.23667 7.33223 3.99267 7.8649 4.27733 8.65823L4.90267 10.4089L7.092 2.66557C7.226 2.2489 7.57667 1.9809 7.99933 1.9989C8.41133 2.00623 8.76333 2.27757 8.876 2.67357L11.0487 11.4509L11.7567 8.81357C11.9907 7.94157 12.7847 7.33223 13.688 7.33223H15.332C15.7007 7.33223 15.9987 7.6309 15.9987 7.9989L16 7.99957Z",
@@ -3078,9 +4622,9 @@ var PositionsValueCard = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx8("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-foreground", children: label })
+          /* @__PURE__ */ jsx13("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-foreground", children: label })
         ] }),
-        /* @__PURE__ */ jsx8("div", { className: "agg-portfolio-value font-agg-sans text-agg-2xl leading-8 font-agg-bold text-agg-foreground", children: isLoading ? /* @__PURE__ */ jsx8("div", { role: "status", "aria-label": "Loading positions value", children: /* @__PURE__ */ jsx8(SkeletonBlock, { className: "h-8 w-24 rounded-agg-sm" }) }) : valueLabel })
+        /* @__PURE__ */ jsx13("div", { className: "agg-portfolio-value font-agg-sans text-agg-2xl leading-8 font-agg-bold text-agg-foreground", children: isLoading ? /* @__PURE__ */ jsx13("div", { role: "status", "aria-label": "Loading positions value", children: /* @__PURE__ */ jsx13(SkeletonBlock, { className: "h-8 w-24 rounded-agg-sm" }) }) : valueLabel })
       ]
     }
   );
@@ -3088,12 +4632,12 @@ var PositionsValueCard = ({
 PositionsValueCard.displayName = "PositionsValueCard";
 
 // src/pages/user-profile/components/user-info-card.tsx
-import { optimizedImageUrl as optimizedImageUrl3, useLabels as useLabels6 } from "@agg-build/hooks";
+import { optimizedImageUrl as optimizedImageUrl3, useLabels as useLabels8 } from "@agg-build/hooks";
 
 // src/pages/user-profile/components/default-avatar.tsx
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 var DefaultAvatar = ({ className }) => {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs13(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3104,15 +4648,15 @@ var DefaultAvatar = ({ className }) => {
       className: cn("shrink-0 text-agg-muted-foreground", className),
       "aria-hidden": true,
       children: [
-        /* @__PURE__ */ jsxs9("g", { clipPath: "url(#clip0_default_avatar)", children: [
-          /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsxs13("g", { clipPath: "url(#clip0_default_avatar)", children: [
+          /* @__PURE__ */ jsx14(
             "path",
             {
               d: "M60 120C93.1371 120 120 93.1371 120 60C120 26.8629 93.1371 0 60 0C26.8629 0 0 26.8629 0 60C0 93.1371 26.8629 120 60 120Z",
               fill: "var(--agg-color-secondary-hover)"
             }
           ),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx14(
             "path",
             {
               d: "M60 120C93.1371 120 120 93.1371 120 60C120 26.8629 93.1371 0 60 0C26.8629 0 0 26.8629 0 60C0 93.1371 26.8629 120 60 120Z",
@@ -3120,7 +4664,7 @@ var DefaultAvatar = ({ className }) => {
               fillOpacity: "0.12"
             }
           ),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx14(
             "path",
             {
               d: "M73.7338 64.1259C80.4187 59.6756 84.8276 52.0804 84.8276 43.4487C84.8276 29.7376 73.7111 18.6211 60 18.6211C46.2890 18.6211 35.1724 29.7376 35.1724 43.4487C35.1724 52.0804 39.5814 59.6756 46.2662 64.1259C46.2662 64.1259 46.2683 64.1280 46.2704 64.1280C46.2683 64.1280 46.2683 64.1259 46.2683 64.1259C30.2669 68.9487 17.8076 81.9356 13.7959 98.2742L13.7980 98.2763C14.4518 99.0645 15.1304 99.8342 15.8235 100.589C15.9911 100.774 16.1669 100.949 16.3387 101.129C16.8724 101.696 17.4124 102.255 17.9669 102.801C18.1966 103.027 18.4304 103.244 18.6642 103.465C19.1773 103.954 19.6966 104.436 20.2262 104.905C20.4890 105.137 20.7559 105.367 21.0207 105.594C21.5400 106.039 22.0656 106.476 22.6014 106.902C22.8828 107.127 23.1662 107.349 23.4497 107.570C23.9918 107.988 24.5421 108.394 25.0987 108.791C25.3862 108.996 25.6697 109.205 25.9614 109.405C26.5490 109.811 27.1469 110.200 27.7490 110.585C28.0200 110.756 28.2849 110.934 28.5580 111.104C29.2531 111.532 29.9607 111.942 30.6745 112.343C30.8628 112.449 31.0469 112.562 31.2373 112.666C32.1600 113.171 33.0973 113.655 34.0490 114.112C34.0718 114.122 34.0966 114.133 34.1193 114.143C35.0276 114.578 35.9504 114.989 36.8835 115.378C37.1731 115.500 37.4690 115.608 37.7607 115.724C38.4352 115.993 39.1097 116.258 39.7966 116.502C40.1607 116.632 40.5290 116.750 40.8952 116.874C41.5200 117.085 42.1490 117.290 42.7821 117.478C43.1835 117.598 43.5869 117.710 43.9924 117.822C44.6049 117.991 45.2214 118.153 45.8442 118.304C46.2642 118.405 46.6862 118.502 47.1104 118.596C47.7331 118.732 48.3580 118.856 48.9869 118.972C49.4131 119.051 49.8373 119.131 50.2676 119.200C50.9173 119.305 51.5711 119.394 52.2269 119.479C52.6407 119.533 53.0524 119.593 53.4683 119.636C54.1924 119.715 54.9228 119.771 55.6531 119.822C56.0069 119.847 56.3566 119.885 56.7104 119.903C57.8007 119.965 58.8952 120 60 120C61.1049 120 62.1993 119.965 63.2897 119.907C63.6435 119.889 63.9952 119.851 64.3469 119.827C65.0793 119.775 65.8097 119.719 66.5318 119.640C66.9476 119.595 67.3593 119.537 67.7731 119.483C68.4290 119.398 69.0828 119.309 69.7324 119.204C70.1607 119.134 70.5869 119.055 71.0131 118.976C71.6421 118.860 72.2690 118.736 72.8897 118.600C73.3138 118.507 73.7359 118.409 74.1559 118.308C74.7766 118.157 75.3931 117.996 76.0076 117.826C76.4111 117.714 76.8166 117.602 77.2180 117.482C77.8531 117.292 78.4800 117.087 79.1049 116.878C79.4711 116.754 79.8414 116.636 80.2035 116.506C80.8883 116.260 81.5649 115.997 82.2393 115.728C82.5311 115.612 82.8269 115.502 83.1166 115.382C84.0456 114.994 84.9642 114.586 85.8683 114.151C85.8952 114.139 85.9242 114.127 85.9511 114.114C86.9028 113.657 87.8400 113.173 88.7628 112.668C88.9531 112.565 89.1373 112.451 89.3256 112.345C90.0393 111.944 90.7469 111.534 91.4421 111.106C91.7152 110.938 91.9821 110.760 92.2511 110.587C92.8531 110.202 93.4511 109.811 94.0387 109.407C94.3283 109.207 94.6138 109.000 94.9014 108.793C95.4580 108.394 96.0083 107.988 96.5504 107.572C96.8359 107.353 97.1173 107.129 97.3987 106.904C97.9324 106.478 98.4600 106.041 98.9793 105.596C99.2462 105.369 99.5131 105.139 99.7738 104.907C100.303 104.438 100.823 103.956 101.336 103.467C101.568 103.246 101.803 103.027 102.033 102.803C102.588 102.257 103.130 101.698 103.661 101.131C103.831 100.949 104.007 100.774 104.177 100.591C104.870 99.8363 105.548 99.0666 106.202 98.2783L106.204 98.2763C102.195 81.9356 89.7352 68.9487 73.7338 64.1259Z",
@@ -3129,7 +4673,7 @@ var DefaultAvatar = ({ className }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx9("defs", { children: /* @__PURE__ */ jsx9("clipPath", { id: "clip0_default_avatar", children: /* @__PURE__ */ jsx9("rect", { width: "120", height: "120", fill: "white" }) }) })
+        /* @__PURE__ */ jsx14("defs", { children: /* @__PURE__ */ jsx14("clipPath", { id: "clip0_default_avatar", children: /* @__PURE__ */ jsx14("rect", { width: "120", height: "120", fill: "white" }) }) })
       ]
     }
   );
@@ -3137,7 +4681,7 @@ var DefaultAvatar = ({ className }) => {
 DefaultAvatar.displayName = "DefaultAvatar";
 
 // src/pages/user-profile/components/user-info-card.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 var UserInfoCard = ({
   user,
   onEditProfile,
@@ -3147,10 +4691,10 @@ var UserInfoCard = ({
   className
 }) => {
   var _a;
-  const labels = useLabels6();
+  const labels = useLabels8();
   const wallets = (_a = user.connectedWallets) != null ? _a : [];
   const hasWallets = wallets.length > 0;
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: cn(
@@ -3159,26 +4703,26 @@ var UserInfoCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs10("div", { className: "agg-profile-header flex w-full flex-row flex-wrap items-center gap-4 sm:gap-5 pt-5", children: [
-          /* @__PURE__ */ jsx10("div", { className: "agg-profile-avatar shrink-0", children: user.avatarUrl ? /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsxs14("div", { className: "agg-profile-header flex w-full flex-row flex-wrap items-center gap-4 sm:gap-5 pt-5", children: [
+          /* @__PURE__ */ jsx15("div", { className: "agg-profile-avatar shrink-0", children: user.avatarUrl ? /* @__PURE__ */ jsx15(
             RemoteImage,
             {
               src: optimizedImageUrl3(user.avatarUrl, 120),
               alt: user.username,
               className: "h-20 w-20 rounded-full object-cover sm:h-[120px] sm:w-[120px]"
             }
-          ) : /* @__PURE__ */ jsx10(DefaultAvatar, { className: "h-20 w-20 rounded-full sm:h-[120px] sm:w-[120px]" }) }),
-          /* @__PURE__ */ jsxs10("div", { className: "agg-profile-details flex min-w-0 w-full flex-1 flex-col gap-3 sm:gap-4", children: [
-            /* @__PURE__ */ jsxs10("div", { className: "flex flex-wrap items-center justify-between gap-3 sm:gap-4", children: [
-              /* @__PURE__ */ jsxs10("div", { className: "flex min-w-0 items-center gap-2", children: [
-                /* @__PURE__ */ jsx10("h2", { className: "truncate text-[22px] leading-7 font-agg-bold text-agg-foreground sm:agg-type-heading", children: user.username }),
-                user.socialLinks && user.socialLinks.length > 0 ? /* @__PURE__ */ jsx10("div", { className: "agg-profile-social-links flex items-center gap-2", children: user.socialLinks.map((social) => {
+          ) : /* @__PURE__ */ jsx15(DefaultAvatar, { className: "h-20 w-20 rounded-full sm:h-[120px] sm:w-[120px]" }) }),
+          /* @__PURE__ */ jsxs14("div", { className: "agg-profile-details flex min-w-0 w-full flex-1 flex-col gap-3 sm:gap-4", children: [
+            /* @__PURE__ */ jsxs14("div", { className: "flex flex-wrap items-center justify-between gap-3 sm:gap-4", children: [
+              /* @__PURE__ */ jsxs14("div", { className: "flex min-w-0 items-center gap-2", children: [
+                /* @__PURE__ */ jsx15("h2", { className: "truncate text-[22px] leading-7 font-agg-bold text-agg-foreground sm:agg-type-heading", children: user.username }),
+                user.socialLinks && user.socialLinks.length > 0 ? /* @__PURE__ */ jsx15("div", { className: "agg-profile-social-links flex items-center gap-2", children: user.socialLinks.map((social) => {
                   const iconName = social.platform === "twitter" ? "twitter" : social.platform === "discord" ? "discord" : "telegram";
-                  const iconNode = /* @__PURE__ */ jsx10("span", { className: "flex size-7 shrink-0 items-center justify-center rounded-full border border-agg-separator bg-agg-secondary sm:size-8", children: /* @__PURE__ */ jsx10(Icon, { name: iconName, size: "small", className: "text-agg-foreground" }) });
+                  const iconNode = /* @__PURE__ */ jsx15("span", { className: "flex size-7 shrink-0 items-center justify-center rounded-full border border-agg-separator bg-agg-secondary sm:size-8", children: /* @__PURE__ */ jsx15(Icon, { name: iconName, size: "small", className: "text-agg-foreground" }) });
                   if (!social.handle) {
-                    return /* @__PURE__ */ jsx10("span", { children: iconNode }, `${social.platform}-icon`);
+                    return /* @__PURE__ */ jsx15("span", { children: iconNode }, `${social.platform}-icon`);
                   }
-                  return /* @__PURE__ */ jsx10(
+                  return /* @__PURE__ */ jsx15(
                     "a",
                     {
                       href: social.handle,
@@ -3191,55 +4735,55 @@ var UserInfoCard = ({
                   );
                 }) }) : null
               ] }),
-              onEditProfile ? /* @__PURE__ */ jsxs10(
+              onEditProfile ? /* @__PURE__ */ jsxs14(
                 "button",
                 {
                   type: "button",
                   onClick: onEditProfile,
                   className: "hidden sm:flex shrink-0 cursor-pointer items-center gap-1.5 bg-transparent text-agg-primary hover:opacity-80",
                   children: [
-                    /* @__PURE__ */ jsx10(Icon, { name: "pencil", size: "small", className: "text-agg-primary" }),
-                    /* @__PURE__ */ jsx10("span", { className: "text-agg-base font-agg-bold leading-6", children: "Edit" })
+                    /* @__PURE__ */ jsx15(Icon, { name: "pencil", size: "small", className: "text-agg-primary" }),
+                    /* @__PURE__ */ jsx15("span", { className: "text-agg-base font-agg-bold leading-6", children: "Edit" })
                   ]
                 }
               ) : null
             ] }),
-            hasWallets || !!user.socialHandle ? /* @__PURE__ */ jsxs10("div", { className: "agg-profile-accounts flex w-full flex-col gap-2.5 sm:gap-3", children: [
+            hasWallets || !!user.socialHandle ? /* @__PURE__ */ jsxs14("div", { className: "agg-profile-accounts flex w-full flex-col gap-2.5 sm:gap-3", children: [
               wallets.map((wallet, idx) => {
                 const chainLower = wallet.chain.toLowerCase();
                 const iconName = chainLower === "solana" || chainLower === "svm" ? "solana" : "ethereum";
-                return /* @__PURE__ */ jsxs10(
+                return /* @__PURE__ */ jsxs14(
                   "div",
                   {
                     className: "flex min-w-0 flex-wrap items-center gap-2 sm:gap-3",
                     children: [
-                      /* @__PURE__ */ jsx10("div", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx10(Icon, { name: iconName, size: "small", className: "text-agg-foreground" }) }),
-                      /* @__PURE__ */ jsx10("span", { className: "min-w-0 truncate text-agg-sm font-agg-normal leading-5 text-agg-foreground sm:text-agg-base sm:leading-6", children: wallet.displayAddress })
+                      /* @__PURE__ */ jsx15("div", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx15(Icon, { name: iconName, size: "small", className: "text-agg-foreground" }) }),
+                      /* @__PURE__ */ jsx15("span", { className: "min-w-0 truncate text-agg-sm font-agg-normal leading-5 text-agg-foreground sm:text-agg-base sm:leading-6", children: wallet.displayAddress })
                     ]
                   },
                   `wallet-${idx}`
                 );
               }),
-              user.socialHandle ? /* @__PURE__ */ jsx10("div", { className: "flex min-w-0 items-center gap-2 sm:gap-3", children: /* @__PURE__ */ jsx10("span", { className: "min-w-0 truncate text-agg-sm font-agg-normal leading-5 text-agg-foreground sm:text-agg-base sm:leading-6", children: user.socialHandle }) }) : null
+              user.socialHandle ? /* @__PURE__ */ jsx15("div", { className: "flex min-w-0 items-center gap-2 sm:gap-3", children: /* @__PURE__ */ jsx15("span", { className: "min-w-0 truncate text-agg-sm font-agg-normal leading-5 text-agg-foreground sm:text-agg-base sm:leading-6", children: user.socialHandle }) }) : null
             ] }) : null
           ] })
         ] }),
-        (onDeposit || onWithdraw) && /* @__PURE__ */ jsxs10("div", { className: "agg-profile-actions flex w-full flex-1 items-center gap-3 py-5", children: [
-          onDeposit ? /* @__PURE__ */ jsx10(
+        (onDeposit || onWithdraw) && /* @__PURE__ */ jsxs14("div", { className: "agg-profile-actions flex w-full flex-1 items-center gap-3 py-5", children: [
+          onDeposit ? /* @__PURE__ */ jsx15(
             ConditionalWrapper,
             {
               condition: isDepositBlocked,
-              wrapper: (children) => /* @__PURE__ */ jsx10(
+              wrapper: (children) => /* @__PURE__ */ jsx15(
                 Tooltip,
                 {
-                  content: /* @__PURE__ */ jsx10("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
+                  content: /* @__PURE__ */ jsx15("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
                   size: "small",
                   side: "bottom",
                   sideOffset: 4,
                   children
                 }
               ),
-              children: /* @__PURE__ */ jsx10(
+              children: /* @__PURE__ */ jsx15(
                 Button,
                 __spreadProps(__spreadValues({
                   variant: "primary",
@@ -3251,7 +4795,7 @@ var UserInfoCard = ({
               )
             }
           ) : null,
-          onWithdraw ? /* @__PURE__ */ jsx10(
+          onWithdraw ? /* @__PURE__ */ jsx15(
             Button,
             {
               variant: "secondary",
@@ -3261,15 +4805,15 @@ var UserInfoCard = ({
               children: labels.auth.withdraw
             }
           ) : null,
-          onEditProfile ? /* @__PURE__ */ jsxs10(
+          onEditProfile ? /* @__PURE__ */ jsxs14(
             "button",
             {
               type: "button",
               onClick: onEditProfile,
               className: "flex sm:hidden shrink-0 cursor-pointer items-center gap-1.5 bg-transparent px-2 py-2 text-agg-primary hover:opacity-80",
               children: [
-                /* @__PURE__ */ jsx10(Icon, { name: "pencil", size: "small", className: "text-agg-primary" }),
-                /* @__PURE__ */ jsx10("span", { className: "text-agg-sm font-agg-bold leading-5", children: "Edit" })
+                /* @__PURE__ */ jsx15(Icon, { name: "pencil", size: "small", className: "text-agg-primary" }),
+                /* @__PURE__ */ jsx15("span", { className: "text-agg-sm font-agg-bold leading-5", children: "Edit" })
               ]
             }
           ) : null
@@ -3302,7 +4846,7 @@ var buildAggTxExplorerHref = (chainId, txHash) => {
 };
 
 // src/pages/user-profile/index.tsx
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 var currencyFormatter = new Intl.NumberFormat("en-US", {
   style: "currency",
   currency: "USD",
@@ -3708,35 +5252,35 @@ var UserProfilePage = ({
   classNames,
   onError
 }) => {
-  const [isHydrated, setIsHydrated] = useState6(false);
-  useEffect5(() => {
+  const [isHydrated, setIsHydrated] = useState11(false);
+  useEffect10(() => {
     setIsHydrated(true);
   }, []);
   const { user: currentUser, isAuthenticated } = useAggAuthState();
   const { isDepositBlocked } = useGeoBlock();
   const balanceState = useAggBalance();
   const client = useAggClient();
-  const labels = useLabels7();
+  const labels = useLabels9();
   const {
     trading: { executionMode: configuredExecutionMode }
-  } = useSdkUiConfig3();
+  } = useSdkUiConfig5();
   const queryClient = useQueryClient();
-  const [internalCancellingIds, setInternalCancellingIds] = useState6({});
+  const [internalCancellingIds, setInternalCancellingIds] = useState11({});
   const { claim: startClaim, claimingKeys } = useClaimWinnings({
     onClaim,
     onClaimResult,
     onClaimSubmitError,
     externalClaimingKeys: claimingPositionKeys
   });
-  const [profileUser, setProfileUser] = useState6(void 0);
+  const [profileUser, setProfileUser] = useState11(void 0);
   const shouldUseHookData = !user;
-  const connectedVenues = useMemo4(() => {
+  const connectedVenues = useMemo7(() => {
     var _a;
     if (!shouldUseHookData) return [];
     const fromBalance = (_a = balanceState.connectedVenues) != null ? _a : [];
     return [...new Set(fromBalance)].sort((a, b) => a.localeCompare(b));
   }, [balanceState, shouldUseHookData]);
-  const [positionFilter, setPositionFilter] = useState6(initialPositionFilter);
+  const [positionFilter, setPositionFilter] = useState11(initialPositionFilter);
   const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
   const queryExecutionMode = resolvedExecutionMode === "paper" ? "paper" : void 0;
   const activePositionsQuery = useExecutionPositions({
@@ -3751,14 +5295,14 @@ var UserProfilePage = ({
     limit: 25,
     mode: queryExecutionMode
   });
-  const handlePositionFilterChange = useCallback3(
+  const handlePositionFilterChange = useCallback5(
     (filter) => {
       setPositionFilter(filter);
       onPositionFilterChangeProp == null ? void 0 : onPositionFilterChangeProp(filter);
     },
     [onPositionFilterChangeProp]
   );
-  useEffect5(() => {
+  useEffect10(() => {
     setPositionFilter(initialPositionFilter);
   }, [initialPositionFilter]);
   const ordersQuery = useExecutionOrders({
@@ -3770,7 +5314,7 @@ var UserProfilePage = ({
     enabled: shouldUseHookData && isAuthenticated,
     limit: 25
   });
-  const handleCancelOrder = useCallback3(
+  const handleCancelOrder = useCallback5(
     (order) => __async(null, null, function* () {
       if (onCancelOrder) {
         onCancelOrder(order);
@@ -3790,7 +5334,7 @@ var UserProfilePage = ({
     }),
     [client, onCancelOrder, queryClient]
   );
-  const handleClaimPosition = useCallback3(
+  const handleClaimPosition = useCallback5(
     (position) => {
       var _a, _b;
       return startClaim({
@@ -3801,7 +5345,7 @@ var UserProfilePage = ({
     },
     [startClaim]
   );
-  useEffect5(() => {
+  useEffect10(() => {
     if (!shouldUseHookData || !isAuthenticated) {
       setProfileUser(void 0);
       return;
@@ -3820,7 +5364,7 @@ var UserProfilePage = ({
       isActive = false;
     };
   }, [client, currentUser, isAuthenticated, shouldUseHookData]);
-  const resolvedUser = useMemo4(() => {
+  const resolvedUser = useMemo7(() => {
     var _a, _b, _c, _d, _e, _f;
     if (user) return user;
     const fullUser = profileUser != null ? profileUser : currentUser;
@@ -3854,7 +5398,7 @@ var UserProfilePage = ({
       socialHandle: normalizedTwitterHandle != null ? normalizedTwitterHandle : void 0
     };
   }, [connectedVenues, currentUser, profileUser, user]);
-  const _resolvedVenueBalances = useMemo4(() => {
+  const _resolvedVenueBalances = useMemo7(() => {
     if (_venueBalances) return _venueBalances;
     return balanceState.balanceBreakdown.map((item) => ({
       chain: item.label,
@@ -3862,7 +5406,7 @@ var UserProfilePage = ({
       balanceLabel: formatUsd(item.balance)
     }));
   }, [_venueBalances, balanceState.balanceBreakdown]);
-  const positionsValueLabel = useMemo4(() => {
+  const positionsValueLabel = useMemo7(() => {
     var _a;
     if (balance == null ? void 0 : balance.totalLabel) return balance.totalLabel;
     const managed = balanceState.managedBalances;
@@ -3870,13 +5414,13 @@ var UserProfilePage = ({
     const positionsValueTotal = positions.reduce((sum, p) => sum + (Number(p.balance) || 0), 0);
     return formatUsd(positionsValueTotal);
   }, [balance, balanceState]);
-  const availableBalanceLabel = useMemo4(() => {
+  const availableBalanceLabel = useMemo7(() => {
     var _a;
     return formatUsd((_a = balanceState.totalBalance) != null ? _a : 0);
   }, [balanceState.totalBalance]);
   const isPositionsValueLoading = !(balance == null ? void 0 : balance.totalLabel) && balanceState.isLoading;
   const isAvailableBalanceLoading = balanceState.isLoading;
-  const resolvedActivities = useMemo4(() => {
+  const resolvedActivities = useMemo7(() => {
     if (activities) return activities.filter(isVisibleUserProfileActivity);
     const formatTime = isHydrated ? toRelativeTimeLabel : toAbsoluteTimeLabel;
     return activityQuery.activities.filter(isVisibleActivityItem).map((item, index) => {
@@ -4025,7 +5569,7 @@ var UserProfilePage = ({
       };
     });
   }, [activities, activityQuery.activities, isHydrated, labels, ordersQuery.orders]);
-  const resolvedOpenOrders = useMemo4(() => {
+  const resolvedOpenOrders = useMemo7(() => {
     if (openOrders) return openOrders;
     return ordersQuery.orders.filter((order) => isOpenOrderStatus(order.status)).map((order) => {
       var _a, _b, _c, _d, _e, _f, _g;
@@ -4042,7 +5586,7 @@ var UserProfilePage = ({
       };
     });
   }, [openOrders, ordersQuery.orders]);
-  const adaptPositionGroups = useCallback3(
+  const adaptPositionGroups = useCallback5(
     (groups) => {
       return groups.flatMap((group) => {
         var _a, _b, _c, _d;
@@ -4112,15 +5656,15 @@ var UserProfilePage = ({
     },
     []
   );
-  const resolvedActivePositions = useMemo4(() => {
+  const resolvedActivePositions = useMemo7(() => {
     const source = activePositions != null ? activePositions : adaptPositionGroups(activePositionsQuery.positions);
     return source.filter(shouldIncludeByShares);
   }, [activePositions, activePositionsQuery.positions, adaptPositionGroups]);
-  const resolvedClosedPositions = useMemo4(() => {
+  const resolvedClosedPositions = useMemo7(() => {
     const source = closedPositions != null ? closedPositions : adaptPositionGroups(closedPositionsQuery.positions);
     return source.filter(shouldIncludeByShares);
   }, [closedPositions, closedPositionsQuery.positions, adaptPositionGroups]);
-  return /* @__PURE__ */ jsx11(AggErrorBoundary, { onError, children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx16(AggErrorBoundary, { onError, children: /* @__PURE__ */ jsx16(
     "section",
     {
       className: cn(
@@ -4128,7 +5672,7 @@ var UserProfilePage = ({
         "w-full mx-auto px-6 lg:px-10 pb-10 max-w-[1440px]",
         classNames == null ? void 0 : classNames.root
       ),
-      children: /* @__PURE__ */ jsxs11(
+      children: /* @__PURE__ */ jsxs15(
         "div",
         {
           className: cn(
@@ -4138,8 +5682,8 @@ var UserProfilePage = ({
             classNames == null ? void 0 : classNames.topRow
           ),
           children: [
-            /* @__PURE__ */ jsxs11("div", { className: "agg-profile-summary grid grid-cols-1 gap-6 lg:grid-cols-[1fr_minmax(300px,420px)] lg:items-stretch lg:gap-8", children: [
-              /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsxs15("div", { className: "agg-profile-summary grid grid-cols-1 gap-6 lg:grid-cols-[1fr_minmax(300px,420px)] lg:items-stretch lg:gap-8", children: [
+              /* @__PURE__ */ jsx16(
                 "div",
                 {
                   className: cn(
@@ -4147,7 +5691,7 @@ var UserProfilePage = ({
                     "flex min-w-0 flex-1 flex-col gap-4 sm:gap-6 h-full",
                     classNames == null ? void 0 : classNames.leftColumn
                   ),
-                  children: /* @__PURE__ */ jsx11(
+                  children: /* @__PURE__ */ jsx16(
                     UserInfoCard,
                     {
                       user: resolvedUser,
@@ -4160,7 +5704,7 @@ var UserProfilePage = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs11(
+              /* @__PURE__ */ jsxs15(
                 "div",
                 {
                   className: cn(
@@ -4168,14 +5712,14 @@ var UserProfilePage = ({
                     classNames == null ? void 0 : classNames.rightColumn
                   ),
                   children: [
-                    /* @__PURE__ */ jsx11(
+                    /* @__PURE__ */ jsx16(
                       PositionsValueCard,
                       {
                         valueLabel: positionsValueLabel,
                         isLoading: isPositionsValueLoading
                       }
                     ),
-                    /* @__PURE__ */ jsx11(
+                    /* @__PURE__ */ jsx16(
                       AvailableBalanceCard,
                       {
                         valueLabel: availableBalanceLabel,
@@ -4193,7 +5737,7 @@ var UserProfilePage = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx16(
               PositionsActivity,
               {
                 tab,