@agg-build/ui 1.0.0

package/dist/chunk-75IGOQ4N.mjs

@@ -0,0 +1,3415 @@
+"use client";
+import {
+  EventList,
+  EventListItem,
+  EventListItemDetails,
+  EventListTabs,
+  MarketDetails,
+  MarketDetailsList,
+  isErrorWithStatus,
+  useEventListTabs,
+  useEventListTabsHeaderOverflow
+} from "./chunk-I2WBGEWK.mjs";
+import {
+  DEPOSIT_MODAL_OPEN_EVENT,
+  PlaceOrder,
+  SettlementDetails,
+  WITHDRAW_MODAL_OPEN_EVENT
+} from "./chunk-CGNDMLQL.mjs";
+import {
+  AggErrorBoundary,
+  Button,
+  CloseIcon,
+  DEFAULT_EVENTS_LIMIT,
+  Header,
+  Icon,
+  LoadingIcon,
+  Modal,
+  RemoteImage,
+  Search,
+  SearchEmptyIcon,
+  Skeleton,
+  StateMessage,
+  Tabs,
+  Tooltip,
+  Typography,
+  VenueLogo,
+  __async,
+  __objRest,
+  __pow,
+  __restKey,
+  __spreadProps,
+  __spreadValues,
+  cn,
+  filterOpenEvents,
+  resolveTabVenus,
+  venueLogoNames
+} from "./chunk-6NS7D73S.mjs";
+
+// src/pages/home/index.tsx
+import {
+  useAppConfig,
+  useCategories,
+  useEventListState,
+  useLabels as useLabels2,
+  useSdkUiConfig,
+  useSearch
+} from "@agg-build/hooks";
+import { VENUES } from "@agg-build/sdk";
+import { useCallback as useCallback2, useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState4 } from "react";
+
+// src/pages/event-market/index.tsx
+import {
+  resolveEventTradingState,
+  resolveMarketTradingState,
+  useEnrichedVenueEvent,
+  useEventTradingContext,
+  useLabels
+} from "@agg-build/hooks";
+import * as Dialog from "@radix-ui/react-dialog";
+import { useState } from "react";
+
+// src/pages/event-market/event-market.utils.ts
+var EVENT_MARKET_PAGE_STICKY_HEADER_OFFSET_PX = 48;
+var EVENT_MARKET_PAGE_STICKY_SPACING_PX = 32;
+var EVENT_MARKET_PAGE_STICKY_TOP_PX = EVENT_MARKET_PAGE_STICKY_HEADER_OFFSET_PX + EVENT_MARKET_PAGE_STICKY_SPACING_PX;
+var EVENT_MARKET_PAGE_STICKY_TOP_CSS_VAR = "--agg-event-market-sidebar-top";
+var EVENT_MARKET_PAGE_STICKY_SPACING_CSS_VAR = "--agg-event-market-sidebar-spacing";
+var toCssLength = (value, fallback) => {
+  if (typeof value === "number") {
+    return `${value}px`;
+  }
+  return value != null ? value : `${fallback}px`;
+};
+var deriveSpacingFromTop = (top) => {
+  if (typeof top !== "number") {
+    return void 0;
+  }
+  return Math.max(top - EVENT_MARKET_PAGE_STICKY_HEADER_OFFSET_PX, 0);
+};
+var resolveEventMarketPageStickyState = ({
+  stickyOrderPanel
+}) => {
+  var _a, _b;
+  const isEnabled = (_a = stickyOrderPanel == null ? void 0 : stickyOrderPanel.enabled) != null ? _a : Boolean(stickyOrderPanel);
+  if (!isEnabled) {
+    return {
+      contentClassName: cn(),
+      sidebarClassName: cn("py-4 sm:py-6 md:py-8"),
+      placeOrder: "",
+      mainClassName: cn("py-4 sm:py-6 md:py-8"),
+      style: {}
+    };
+  }
+  return {
+    contentClassName: cn("lg:items-stretch!"),
+    sidebarClassName: cn(
+      "py-4 sm:py-6 md:py-8",
+      "lg:self-start lg:sticky lg:top-[var(--agg-event-market-sidebar-top)] lg:max-h-[calc(100dvh-var(--agg-event-market-sidebar-top))] lg:overflow-y-auto lg:overscroll-contain",
+      stickyOrderPanel == null ? void 0 : stickyOrderPanel.className
+    ),
+    placeOrder: "",
+    mainClassName: cn("py-4 sm:py-6 md:py-8"),
+    style: {
+      [EVENT_MARKET_PAGE_STICKY_TOP_CSS_VAR]: toCssLength(
+        stickyOrderPanel == null ? void 0 : stickyOrderPanel.top,
+        EVENT_MARKET_PAGE_STICKY_TOP_PX
+      ),
+      [EVENT_MARKET_PAGE_STICKY_SPACING_CSS_VAR]: toCssLength(
+        (_b = stickyOrderPanel == null ? void 0 : stickyOrderPanel.spacing) != null ? _b : deriveSpacingFromTop(stickyOrderPanel == null ? void 0 : stickyOrderPanel.top),
+        EVENT_MARKET_PAGE_STICKY_SPACING_PX
+      )
+    }
+  };
+};
+
+// src/pages/event-market/index.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var resolveDesktopTradePlaceOrderClassNames = (classNames) => {
+  const resolvedClassNames = {
+    body: classNames == null ? void 0 : classNames.tradeBody,
+    content: classNames == null ? void 0 : classNames.tradeContent,
+    footer: classNames == null ? void 0 : classNames.tradeFooter,
+    header: classNames == null ? void 0 : classNames.tradeHeader
+  };
+  if (!Object.values(resolvedClassNames).some(Boolean)) {
+    return void 0;
+  }
+  return resolvedClassNames;
+};
+var resolveMobileTradePlaceOrderClassNames = (classNames) => {
+  return {
+    root: "rounded-t-agg-2xl rounded-b-none md:rounded-agg-2xl md:rounded-b-agg-2xl",
+    body: cn("flex h-full min-h-0 flex-col", classNames == null ? void 0 : classNames.tradeBody, classNames == null ? void 0 : classNames.mobileTradeBody),
+    content: cn(
+      "min-h-0 flex-1 overflow-y-auto overscroll-contain [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+      classNames == null ? void 0 : classNames.tradeContent,
+      classNames == null ? void 0 : classNames.mobileTradeContent
+    ),
+    footer: cn(classNames == null ? void 0 : classNames.tradeFooter, classNames == null ? void 0 : classNames.mobileTradeFooter),
+    header: cn(
+      "sticky top-0 z-10 bg-agg-secondary",
+      classNames == null ? void 0 : classNames.tradeHeader,
+      classNames == null ? void 0 : classNames.mobileTradeHeader
+    )
+  };
+};
+var EventMarketPageMobileTrade = ({
+  classNames,
+  eventTradingState,
+  showPlaceOrder = true,
+  resolvedClaim
+}) => {
+  var _a;
+  const labels = useLabels();
+  const [isOpen, setIsOpen] = useState(false);
+  const tradingContext = useEventTradingContext();
+  const selectedMarketState = resolveMarketTradingState((_a = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _a : null);
+  if (!showPlaceOrder) {
+    return /* @__PURE__ */ jsx(Fragment, {});
+  }
+  if (eventTradingState.isTradingDisabled || selectedMarketState.isTradingDisabled) {
+    return /* @__PURE__ */ jsx("div", { className: "agg-mobile-trade-readonly lg:hidden", children: /* @__PURE__ */ jsx(
+      PlaceOrder,
+      {
+        eventTradingState,
+        resolvedClaim,
+        className: cn("agg-mobile-trade-panel w-full overflow-hidden", classNames == null ? void 0 : classNames.mobileTrade),
+        classNames: resolveMobileTradePlaceOrderClassNames(classNames)
+      }
+    ) });
+  }
+  const handleOpen = () => {
+    setIsOpen(true);
+  };
+  const handleOpenChange = (nextOpen) => {
+    setIsOpen(nextOpen);
+  };
+  const handleClose = () => {
+    setIsOpen(false);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "agg-mobile-trade-cta",
+          "fixed inset-x-0 bottom-0 z-100 flex justify-end p-4 lg:hidden",
+          classNames == null ? void 0 : classNames.mobileTradeCta
+        ),
+        children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "large",
+            className: "agg-mobile-trade-trigger min-w-[168px] shadow-agg-modal",
+            "aria-label": labels.trading.confirmOrder,
+            onClick: (e) => {
+              e.stopPropagation();
+              e.preventDefault();
+              handleOpen();
+            },
+            children: labels.trading.confirmOrder
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(Modal, { open: isOpen, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs(
+      Modal.Container,
+      {
+        classNames: {
+          content: "items-end p-0 sm:items-center sm:p-4",
+          container: cn(
+            "agg-mobile-trade-modal",
+            "w-full border-0 bg-transparent shadow-none",
+            classNames == null ? void 0 : classNames.mobileTradeModal
+          )
+        },
+        children: [
+          /* @__PURE__ */ jsx(Dialog.Title, { className: "sr-only", children: labels.trading.confirmOrder }),
+          /* @__PURE__ */ jsx(Dialog.Description, { className: "sr-only", children: labels.trading.disclaimer }),
+          /* @__PURE__ */ jsx("div", { className: "agg-mobile-trade-handle relative flex w-full flex-col items-center sm:hidden", children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "absolute right-3 top-4 z-100 flex cursor-pointer items-center justify-center rounded-full p-1 text-agg-muted-foreground hover:text-agg-foreground",
+              "aria-label": labels.common.close,
+              onClick: handleClose,
+              children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-5 w-5" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            PlaceOrder,
+            {
+              eventTradingState,
+              className: cn(
+                "agg-mobile-trade-panel w-full overflow-hidden rounded-t-agg-2xl sm:rounded-agg-xl",
+                classNames == null ? void 0 : classNames.mobileTrade
+              ),
+              classNames: resolveMobileTradePlaceOrderClassNames(classNames),
+              onClose: handleClose
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
+};
+var EventMarketPageUnavailableState = ({
+  ariaLabel: _ariaLabel
+}) => {
+  const labels = useLabels();
+  return /* @__PURE__ */ jsx(
+    StateMessage,
+    {
+      title: labels.eventMarketPage.unavailableTitle,
+      description: labels.eventMarketPage.unavailableDescription,
+      icon: /* @__PURE__ */ jsx(Icon, { name: "quotes-warning", className: "h-12 w-12" }),
+      classNames: {
+        root: "min-h-[calc(100vh-5rem)]!"
+      }
+    }
+  );
+};
+var EventMarketPageNotFoundState = ({
+  ariaLabel: _ariaLabel
+}) => {
+  const labels = useLabels();
+  return /* @__PURE__ */ jsx(
+    StateMessage,
+    {
+      title: labels.eventItemDetails.notFoundTitle,
+      description: labels.eventItemDetails.notFoundDescription,
+      icon: /* @__PURE__ */ jsx(SearchEmptyIcon, {}),
+      classNames: { root: "min-h-[320px] md:min-h-[360px]" }
+    }
+  );
+};
+var EventMarketPageLoadingState = ({
+  settlement: _settlement,
+  classNames,
+  stickyOrderPanel
+}) => {
+  const stickyOrderPanelState = resolveEventMarketPageStickyState({
+    stickyOrderPanel
+  });
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      className: cn(
+        "agg-event-market-page",
+        "w-full mx-auto max-w-[1360px] 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 pb-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-[343px] 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)
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+var EventMarketPageContent = ({
+  event,
+  defaultMarketId,
+  defaultOutcomeId,
+  classNames,
+  ariaLabel,
+  showPlaceOrder,
+  stickyOrderPanel,
+  resolvedClaim
+}) => {
+  const eventTradingState = resolveEventTradingState(event);
+  const stickyOrderPanelState = resolveEventMarketPageStickyState({
+    stickyOrderPanel
+  });
+  if (!event || !event.venueMarkets.length) {
+    return /* @__PURE__ */ jsx(EventMarketPageUnavailableState, { ariaLabel });
+  }
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: cn(
+        "agg-event-market-page",
+        "w-full mx-auto max-w-[1360px] px-6 lg:px-10 pb-10",
+        classNames == null ? void 0 : classNames.root
+      ),
+      "aria-label": ariaLabel != null ? ariaLabel : event.title,
+      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 pb-10",
+                    stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.mainClassName,
+                    classNames == null ? void 0 : classNames.main
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      EventListItemDetails,
+                      {
+                        event,
+                        defaultMarketId,
+                        defaultOutcomeId,
+                        eventTradingState,
+                        classNames: {
+                          root: cn("agg-event-hero", classNames == null ? void 0 : classNames.hero)
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      MarketDetailsList,
+                      {
+                        eventId: event.id,
+                        markets: eventTradingState.displayMarkets,
+                        eventTradingState,
+                        live: true,
+                        classNames: { root: "agg-market-list", item: "agg-market-list-item" }
+                      }
+                    ),
+                    showPlaceOrder !== false && eventTradingState.isTradingDisabled ? /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(
+                      PlaceOrder,
+                      {
+                        eventTradingState,
+                        resolvedClaim,
+                        className: cn(
+                          "agg-mobile-trade-panel w-full overflow-hidden",
+                          classNames == null ? void 0 : classNames.mobileTrade
+                        ),
+                        classNames: resolveMobileTradePlaceOrderClassNames(classNames)
+                      }
+                    ) }) : null,
+                    /* @__PURE__ */ jsx(SettlementDetails, { eventId: event.id, className: classNames == null ? void 0 : classNames.settlement })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "aside",
+                {
+                  className: cn(
+                    "agg-sidebar hidden w-full lg:block lg:max-w-[360px] lg:shrink-0",
+                    stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.sidebarClassName,
+                    classNames == null ? void 0 : classNames.sidebar
+                  ),
+                  children: showPlaceOrder !== false ? /* @__PURE__ */ jsx(
+                    PlaceOrder,
+                    {
+                      eventTradingState,
+                      resolvedClaim,
+                      className: cn(stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.placeOrder, classNames == null ? void 0 : classNames.trade),
+                      classNames: resolveDesktopTradePlaceOrderClassNames(classNames)
+                    }
+                  ) : null
+                }
+              )
+            ]
+          }
+        ),
+        !eventTradingState.isTradingDisabled ? /* @__PURE__ */ jsx(
+          EventMarketPageMobileTrade,
+          {
+            classNames,
+            eventTradingState,
+            showPlaceOrder,
+            resolvedClaim
+          }
+        ) : null
+      ]
+    }
+  );
+};
+var EventMarketPage = (props) => {
+  var _a;
+  const hasEventProp = "event" in props && !!props.event;
+  const {
+    event: fetchedEvent,
+    error: eventError,
+    isLoading: isFetchingEvent
+  } = useEnrichedVenueEvent({
+    eventId: hasEventProp ? "" : (_a = props.eventId) != null ? _a : "",
+    enabled: !props.isLoading && !hasEventProp && !!props.eventId
+  });
+  const content = (() => {
+    if (props.isLoading) {
+      return /* @__PURE__ */ jsx(
+        EventMarketPageLoadingState,
+        {
+          settlement: props.settlement,
+          classNames: props.classNames,
+          stickyOrderPanel: props.stickyOrderPanel
+        }
+      );
+    }
+    if ("event" in props && props.event) {
+      return /* @__PURE__ */ jsx(EventMarketPageContent, __spreadProps(__spreadValues({}, props), { event: props.event }));
+    }
+    if (isFetchingEvent) {
+      return /* @__PURE__ */ jsx(
+        EventMarketPageLoadingState,
+        {
+          settlement: props.settlement,
+          classNames: props.classNames,
+          stickyOrderPanel: props.stickyOrderPanel
+        }
+      );
+    }
+    if (!fetchedEvent) {
+      if (isErrorWithStatus(eventError, 404)) {
+        return /* @__PURE__ */ jsx(EventMarketPageNotFoundState, { ariaLabel: props.ariaLabel });
+      }
+      return /* @__PURE__ */ jsx(EventMarketPageUnavailableState, { ariaLabel: props.ariaLabel });
+    }
+    return /* @__PURE__ */ jsx(EventMarketPageContent, __spreadProps(__spreadValues({}, props), { event: fetchedEvent }));
+  })();
+  return /* @__PURE__ */ jsx(AggErrorBoundary, { onError: props.onError, children: content });
+};
+EventMarketPage.displayName = "EventMarketPage";
+
+// src/pages/home/home.constants.ts
+var ALL_CATEGORIES_TAB_VALUE = "trending";
+var DEFAULT_CATEGORIES_LIMIT = 100;
+var DEFAULT_ALL_CATEGORY_TAB_LABEL = "Trending";
+var getDefaultEventSectionItems = (labels) => {
+  return [
+    {
+      id: "top-markets",
+      title: labels.home.topMarkets,
+      limit: DEFAULT_EVENTS_LIMIT
+    }
+  ];
+};
+
+// src/pages/home/home.utils.ts
+var resolveCategoryTabs = (categories, allCategoryTabLabel) => {
+  const seenCategoryIds = /* @__PURE__ */ new Set();
+  const tabs = [
+    {
+      value: ALL_CATEGORIES_TAB_VALUE,
+      label: allCategoryTabLabel,
+      iconName: "arrow-trend-up"
+    }
+  ];
+  const categoryTabs = [];
+  for (const category of categories) {
+    if (seenCategoryIds.has(category.id)) continue;
+    seenCategoryIds.add(category.id);
+    categoryTabs.push({
+      value: category.id,
+      label: category.name.trim().toLowerCase(),
+      categoryIds: [category.id]
+    });
+  }
+  categoryTabs.sort((a, b) => {
+    const aIsOther = a.label === "other" ? 1 : 0;
+    const bIsOther = b.label === "other" ? 1 : 0;
+    return aIsOther - bIsOther;
+  });
+  return [...tabs, ...categoryTabs];
+};
+var resolveInitialTabValue = (tabs, defaultActiveTab) => {
+  var _a, _b;
+  if (defaultActiveTab) {
+    const hasDefaultTab = tabs.some((tab) => tab.value === defaultActiveTab);
+    if (hasDefaultTab) return defaultActiveTab;
+  }
+  return (_b = (_a = tabs[0]) == null ? void 0 : _a.value) != null ? _b : ALL_CATEGORIES_TAB_VALUE;
+};
+
+// src/pages/home/use-scroll-restoration.ts
+import { useLayoutEffect, useRef, useState as useState2 } from "react";
+function useScrollRestoration({
+  enabled,
+  scrollY,
+  isReady
+}) {
+  const restoredRef = useRef(false);
+  const [isRestoring, setIsRestoring] = useState2(enabled && scrollY > 0);
+  useLayoutEffect(() => {
+    if (!enabled || restoredRef.current) return;
+    if (!isReady) return;
+    restoredRef.current = true;
+    window.scrollTo(0, scrollY);
+    requestAnimationFrame(() => {
+      setIsRestoring(false);
+    });
+  }, [enabled, isReady, scrollY]);
+  return { isRestoring };
+}
+
+// src/pages/home/use-home-page-modals.ts
+import { useCallback, useEffect, useState as useState3 } 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), []);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    window.addEventListener(DEPOSIT_MODAL_OPEN_EVENT, onDepositClick);
+    window.addEventListener(WITHDRAW_MODAL_OPEN_EVENT, onWithdrawClick);
+    return () => {
+      window.removeEventListener(DEPOSIT_MODAL_OPEN_EVENT, onDepositClick);
+      window.removeEventListener(WITHDRAW_MODAL_OPEN_EVENT, onWithdrawClick);
+    };
+  }, [onDepositClick, onWithdrawClick]);
+  return {
+    profileModal: { open: profileOpen, onOpenChange: setProfileOpen },
+    depositModal: { open: depositOpen, onOpenChange: setDepositOpen },
+    withdrawModal: { open: withdrawOpen, onOpenChange: setWithdrawOpen },
+    connectButtonHandlers: {
+      onProfileClick,
+      onDepositClick,
+      onWithdrawClick
+    }
+  };
+};
+
+// src/pages/home/index.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var MIN_SEARCH_LENGTH = 3;
+var SEARCH_DEBOUNCE_MS = 300;
+var SEARCH_RESULTS_LIMIT = 20;
+var MOBILE_HOME_SEARCH_MEDIA_QUERY = "(max-width: 767px)";
+var HomeSearchResults = ({
+  activeTabValue,
+  query,
+  resolvedTabs,
+  getEventHref,
+  getMarketHref,
+  className,
+  onEventClick,
+  onMarketClick
+}) => {
+  const labels = useLabels2();
+  const { search: searchConfig } = useSdkUiConfig();
+  const { disabledVenues } = useAppConfig();
+  const [activeVenueTabValue, setActiveVenueTabValue] = useState4("matched");
+  const eventListTabs = useEventListTabs();
+  const { headerRef, titleRef, shouldUseSelectOverflow } = useEventListTabsHeaderOverflow(eventListTabs);
+  const visibleVenues = useMemo(
+    () => disabledVenues.length === 0 ? void 0 : VENUES.filter(
+      (v) => !disabledVenues.includes(v)
+    ),
+    [disabledVenues]
+  );
+  const activeVenueTab = useMemo(() => {
+    return eventListTabs.find((tab) => tab.value === activeVenueTabValue);
+  }, [activeVenueTabValue, eventListTabs]);
+  const activeCategoryTab = useMemo(() => {
+    return resolvedTabs.find((tab) => tab.value === activeTabValue);
+  }, [activeTabValue, resolvedTabs]);
+  const activeVenues = resolveTabVenus(activeVenueTab, visibleVenues);
+  const {
+    data: searchResults,
+    isLoading,
+    isError,
+    fetchNextPage,
+    hasNextPage,
+    isFetchingNextPage,
+    isPlaceholderData
+  } = useSearch({
+    q: query,
+    type: "events",
+    categoryIds: activeTabValue === ALL_CATEGORIES_TAB_VALUE ? void 0 : activeCategoryTab == null ? void 0 : activeCategoryTab.categoryIds,
+    limit: SEARCH_RESULTS_LIMIT
+  });
+  const openEvents = useMemo(() => {
+    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 = useRef2(null);
+  useEffect2(() => {
+    if (!hasNextPage) return;
+    const target = loadMoreRef.current;
+    if (!target) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        const entry = entries[0];
+        if (!(entry == null ? void 0 : entry.isIntersecting)) return;
+        if (isLoading || isFetchingNextPage || !hasNextPage) return;
+        void fetchNextPage();
+      },
+      {
+        rootMargin: "320px 0px"
+      }
+    );
+    observer.observe(target);
+    return () => {
+      observer.disconnect();
+    };
+  }, [fetchNextPage, hasNextPage, isFetchingNextPage, isLoading]);
+  const resultsTitle = labels.search.resultsSummary(
+    hasNextPage ? `${openEvents.length}+` : `${openEvents.length}`,
+    query
+  );
+  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__ */ jsxs2("section", { className: cn("agg-search-results-section flex w-full flex-col gap-5", className), children: [
+    /* @__PURE__ */ jsxs2(
+      "header",
+      {
+        ref: headerRef,
+        className: cn(
+          "agg-search-results-header",
+          "flex flex-col w-full items-start justify-between",
+          "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(
+            EventListTabs,
+            {
+              ariaLabel: labels.eventList.tabsAria(resultsTitle),
+              className: "agg-search-results-tabs",
+              activeTab: activeVenueTabValue,
+              onTabChange: setActiveVenueTabValue,
+              overflowBehavior: shouldUseSelectOverflow ? "select" : void 0
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        className: cn(
+          "agg-event-list-grid grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] md:grid-cols-[repeat(auto-fill,minmax(360px,1fr))] gap-4 transition-opacity duration-200",
+          isPlaceholderData && "opacity-60"
+        ),
+        children: [
+          openEvents.map((event) => /* @__PURE__ */ jsx2(
+            EventListItem,
+            {
+              event,
+              classNames: {
+                root: "agg-event-list-item w-full min-w-0 max-w-none"
+              },
+              href: getEventHref == null ? void 0 : getEventHref(event),
+              onEventClick: (selectedEvent) => {
+                var _a;
+                if (!selectedEvent) return;
+                if (onEventClick) {
+                  onEventClick(selectedEvent);
+                } else {
+                  (_a = searchConfig.onSelect) == null ? void 0 : _a.call(searchConfig, selectedEvent);
+                }
+              },
+              onMarketClick,
+              getMarketHref
+            },
+            event.id
+          )),
+          shouldRenderPaginationLoadingItems ? Array.from({ length: loadingPlaceholderCount }).map((_, index) => /* @__PURE__ */ jsx2(
+            EventListItem,
+            {
+              isLoading: true,
+              classNames: {
+                root: "agg-event-list-item w-full min-w-0 max-w-none"
+              }
+            },
+            `search-results-loading-${index}`
+          )) : null,
+          !isError && openEvents.length === 0 ? /* @__PURE__ */ jsx2("div", { className: "col-span-full w-full", children: /* @__PURE__ */ jsx2(
+            StateMessage,
+            {
+              title: labels.eventList.emptyTitle,
+              description: labels.eventList.emptyDescription,
+              classNames: {
+                title: "!text-agg-base leading-agg-6",
+                description: "!text-agg-sm leading-agg-5"
+              },
+              icon: /* @__PURE__ */ jsx2(Icon, { name: "search-empty" })
+            }
+          ) }) : null,
+          isError ? /* @__PURE__ */ jsx2(
+            StateMessage,
+            {
+              title: labels.eventList.errorTitle,
+              description: labels.eventList.errorDescription,
+              icon: /* @__PURE__ */ jsx2(Icon, { name: "warning" })
+            }
+          ) : null
+        ]
+      }
+    ),
+    hasNextPage ? /* @__PURE__ */ jsx2("div", { ref: loadMoreRef, className: "agg-search-results-sentinel h-px w-full", "aria-hidden": true }) : null
+  ] });
+};
+var HomePage = ({
+  tabs,
+  defaultActiveTab,
+  onTabChange: _onTabChange,
+  eventSectionItems,
+  classNames,
+  categoriesLimit = DEFAULT_CATEGORIES_LIMIT,
+  allCategoryTabLabel = DEFAULT_ALL_CATEGORY_TAB_LABEL,
+  actions,
+  withHeader = true,
+  onEventClick: onEventClickProp,
+  onSeeAllEvents: onSeeAllEventsProp,
+  onMarketClick: onMarketClickProp,
+  getMarketHref,
+  getEventHref,
+  onError,
+  stickyOrderPanel
+}) => {
+  var _a, _b, _c, _d;
+  const labels = useLabels2();
+  const {
+    search: {
+      value: searchValue,
+      result: selectedEvent,
+      isShowingAllResults,
+      onChange: onSearchChange,
+      onSelect: onSelectEventInternal
+    }
+  } = useSdkUiConfig();
+  const { capture, consume } = useEventListState();
+  const [snapshot] = useState4(() => consume());
+  const eventListStateRef = useRef2(null);
+  const handleSelectEvent = useCallback2(
+    (event) => {
+      var _a2, _b2, _c2, _d2;
+      capture({
+        categoryTab: activeTabValueRef.current,
+        venueTab: (_b2 = (_a2 = eventListStateRef.current) == null ? void 0 : _a2.venueTab) != null ? _b2 : null,
+        scrollY: typeof window !== "undefined" ? window.scrollY : 0,
+        loadedPageCount: (_d2 = (_c2 = eventListStateRef.current) == null ? void 0 : _c2.loadedPageCount) != null ? _d2 : 1
+      });
+      if (onEventClickProp) {
+        onEventClickProp(event);
+        return;
+      }
+      onSelectEventInternal == null ? void 0 : onSelectEventInternal(event);
+    },
+    [capture, onEventClickProp, onSelectEventInternal]
+  );
+  const hasCustomTabs = !!tabs && tabs.length > 0;
+  const normalizedSearchValue = searchValue.trim();
+  const [stickySelectedEvent, setStickySelectedEvent] = useState4(
+    selectedEvent
+  );
+  const [debouncedSearchValue, setDebouncedSearchValue] = useState4(() => {
+    return normalizedSearchValue.length >= MIN_SEARCH_LENGTH ? normalizedSearchValue : "";
+  });
+  const [isMobileSearchViewport, setIsMobileSearchViewport] = useState4(false);
+  useEffect2(() => {
+    if (typeof window === "undefined") return;
+    const mediaQueryList = window.matchMedia(MOBILE_HOME_SEARCH_MEDIA_QUERY);
+    const handleMediaQueryChange = (event) => {
+      setIsMobileSearchViewport(event.matches);
+    };
+    handleMediaQueryChange(mediaQueryList);
+    if (typeof mediaQueryList.addEventListener === "function") {
+      mediaQueryList.addEventListener("change", handleMediaQueryChange);
+      return () => {
+        mediaQueryList.removeEventListener("change", handleMediaQueryChange);
+      };
+    }
+    mediaQueryList.addListener(handleMediaQueryChange);
+    return () => {
+      mediaQueryList.removeListener(handleMediaQueryChange);
+    };
+  }, []);
+  useEffect2(() => {
+    if (normalizedSearchValue.length < MIN_SEARCH_LENGTH) {
+      setDebouncedSearchValue("");
+      return;
+    }
+    const timeoutId = window.setTimeout(() => {
+      setDebouncedSearchValue(normalizedSearchValue);
+    }, SEARCH_DEBOUNCE_MS);
+    return () => {
+      window.clearTimeout(timeoutId);
+    };
+  }, [normalizedSearchValue]);
+  useEffect2(() => {
+    if (selectedEvent) {
+      setStickySelectedEvent(selectedEvent);
+      return;
+    }
+    if (!normalizedSearchValue && !isShowingAllResults) {
+      setStickySelectedEvent(null);
+    }
+  }, [isShowingAllResults, normalizedSearchValue, selectedEvent]);
+  const resolvedSelectedEvent = selectedEvent != null ? selectedEvent : stickySelectedEvent;
+  const resolvedAllCategoryTabLabel = allCategoryTabLabel === DEFAULT_ALL_CATEGORY_TAB_LABEL ? labels.home.trending : allCategoryTabLabel;
+  const { categories } = useCategories({
+    limit: categoriesLimit,
+    enabled: !hasCustomTabs
+  });
+  const categoryTabs = useMemo(() => {
+    return resolveCategoryTabs(categories, resolvedAllCategoryTabLabel);
+  }, [categories, resolvedAllCategoryTabLabel]);
+  const resolvedTabs = useMemo(() => {
+    if (hasCustomTabs && tabs) return tabs;
+    return categoryTabs;
+  }, [categoryTabs, hasCustomTabs, tabs]);
+  const resolvedEventSectionItems = eventSectionItems && eventSectionItems.length > 0 ? eventSectionItems : getDefaultEventSectionItems(labels);
+  const [activeTabValue, setActiveTabValue] = useState4(() => {
+    if (snapshot == null ? void 0 : snapshot.categoryTab) {
+      return snapshot.categoryTab;
+    }
+    return resolveInitialTabValue(resolvedTabs, defaultActiveTab);
+  });
+  const activeTabValueRef = useRef2(activeTabValue);
+  activeTabValueRef.current = activeTabValue;
+  useEffect2(() => {
+    setActiveTabValue((currentValue) => {
+      const hasCurrentValue = resolvedTabs.some((tab) => tab.value === currentValue);
+      if (hasCurrentValue) return currentValue;
+      return resolveInitialTabValue(resolvedTabs, defaultActiveTab);
+    });
+  }, [defaultActiveTab, resolvedTabs]);
+  const tabsItems = useMemo(() => {
+    return resolvedTabs.map((tab) => {
+      const isActive = tab.value === activeTabValue;
+      return {
+        value: tab.value,
+        label: tab.label,
+        icon: tab.iconName ? /* @__PURE__ */ jsx2(
+          Icon,
+          {
+            name: tab.iconName,
+            size: "small",
+            color: isActive ? "var(--agg-color-primary)" : "var(--agg-color-foreground)"
+          }
+        ) : void 0,
+        disabled: tab.disabled
+      };
+    });
+  }, [activeTabValue, resolvedTabs]);
+  const activeTab = useMemo(() => {
+    return resolvedTabs.find((tab) => tab.value === activeTabValue);
+  }, [activeTabValue, resolvedTabs]);
+  const resolvedSectionItems = useMemo(() => {
+    var _a2, _b2, _c2;
+    if (activeTabValue === ALL_CATEGORIES_TAB_VALUE) {
+      return resolvedEventSectionItems;
+    }
+    return [
+      {
+        id: (_b2 = (_a2 = resolvedEventSectionItems[0]) == null ? void 0 : _a2.id) != null ? _b2 : "top-markets",
+        title: (_c2 = activeTab == null ? void 0 : activeTab.label) != null ? _c2 : activeTabValue,
+        limit: DEFAULT_EVENTS_LIMIT,
+        maxVisibleItems: void 0,
+        search: activeTab == null ? void 0 : activeTab.search,
+        categoryIds: activeTab == null ? void 0 : activeTab.categoryIds
+      }
+    ];
+  }, [activeTab, activeTabValue, resolvedEventSectionItems]);
+  const handleTabChange = (value) => {
+    setActiveTabValue(value);
+    _onTabChange == null ? void 0 : _onTabChange(value);
+  };
+  const handleLogoClick = () => {
+    onSearchChange == null ? void 0 : onSearchChange("");
+  };
+  const shouldRenderMobileSearch = isMobileSearchViewport && !resolvedSelectedEvent;
+  const isScrollRestorationReady = !!snapshot && !isShowingAllResults && !resolvedSelectedEvent && ((_b = (_a = eventListStateRef.current) == null ? void 0 : _a.loadedPageCount) != null ? _b : 0) >= ((_c = snapshot.loadedPageCount) != null ? _c : 1);
+  useScrollRestoration({
+    enabled: !!snapshot && snapshot.scrollY > 0,
+    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(
+      Header,
+      {
+        search: isMobileSearchViewport ? null : void 0,
+        searchProps: { onSeeAllEvents: onSeeAllEventsProp },
+        actions,
+        onLogoClick: handleLogoClick
+      }
+    ) : null,
+    !resolvedSelectedEvent && !isShowingAllResults ? /* @__PURE__ */ jsx2(
+      "header",
+      {
+        className: cn(
+          "agg-page-header",
+          "w-full bg-agg-secondary border-b border-agg-separator h-[60px]",
+          classNames == null ? void 0 : classNames.header
+        ),
+        children: /* @__PURE__ */ jsx2("div", { className: "mx-auto h-full w-full max-w-[1360px] px-6 lg:px-10", children: /* @__PURE__ */ jsx2(
+          Tabs,
+          {
+            ariaLabel: labels.home.categoryTabsAria,
+            variant: "underline",
+            className: cn("w-full", classNames == null ? void 0 : classNames.tabs),
+            classNames: { tabList: "!h-[60px]" },
+            items: tabsItems,
+            value: activeTabValue,
+            onChange: handleTabChange
+          }
+        ) })
+      }
+    ) : null,
+    resolvedSelectedEvent ? /* @__PURE__ */ jsx2(EventMarketPage, { eventId: resolvedSelectedEvent.id, stickyOrderPanel }) : /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        className: cn(
+          "w-full mx-auto px-6 lg:px-10 max-w-[1360px]",
+          "pt-4 sm:pt-6 md:pt-8 pb-10"
+        ),
+        children: [
+          shouldRenderMobileSearch ? /* @__PURE__ */ jsx2("div", { className: "agg-page-mobile-search w-full py-4 md:hidden ", children: /* @__PURE__ */ jsx2(Search, { onSeeAllEvents: onSeeAllEventsProp }) }) : null,
+          /* @__PURE__ */ jsx2(
+            "main",
+            {
+              className: cn(
+                "agg-page-content",
+                "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(
+                HomeSearchResults,
+                {
+                  activeTabValue,
+                  query: debouncedSearchValue,
+                  resolvedTabs,
+                  onEventClick: onEventClickProp,
+                  onMarketClick: onMarketClickProp,
+                  getMarketHref,
+                  getEventHref
+                }
+              ) : resolvedSectionItems.map((eventSectionItem, sectionIndex) => {
+                var _a2, _b2, _c2, _d2;
+                return /* @__PURE__ */ jsx2(
+                  "div",
+                  {
+                    className: "agg-home-section",
+                    children: /* @__PURE__ */ jsx2(
+                      EventList,
+                      __spreadValues({
+                        title: eventSectionItem.title,
+                        limit: DEFAULT_EVENTS_LIMIT,
+                        maxVisibleItems: eventSectionItem.maxVisibleItems,
+                        search: (_b2 = eventSectionItem.search) != null ? _b2 : activeTab == null ? void 0 : activeTab.search,
+                        categoryIds: (_c2 = eventSectionItem.categoryIds) != null ? _c2 : activeTab == null ? void 0 : activeTab.categoryIds,
+                        getEventHref,
+                        getMarketHref,
+                        onEventClick: (event) => {
+                          if (!event) return;
+                          handleSelectEvent(event);
+                        },
+                        onMarketClick: onMarketClickProp
+                      }, sectionIndex === 0 ? {
+                        stateRef: eventListStateRef,
+                        initialVenueTab: (_d2 = snapshot == null ? void 0 : snapshot.venueTab) != null ? _d2 : void 0,
+                        initialLoadedPageCount: snapshot == null ? void 0 : snapshot.loadedPageCount
+                      } : void 0)
+                    )
+                  },
+                  `${(_a2 = eventSectionItem.id) != null ? _a2 : eventSectionItem.title}-${sectionIndex}`
+                );
+              })
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+};
+HomePage.displayName = "HomePage";
+
+// src/pages/user-profile/index.tsx
+import {
+  computeClosedPositionTotals,
+  getWalletAddressFromUserProfile,
+  useAggAuthState,
+  useAggBalance,
+  useAggClient,
+  useDepositAddresses,
+  useExecutionOrders,
+  useExecutionPositions,
+  useGeoBlock,
+  useLabels as useLabels6,
+  useQueryClient,
+  useUserActivity
+} from "@agg-build/hooks";
+import { Venue } from "@agg-build/sdk";
+import { useCallback as useCallback3, useEffect as useEffect4, useMemo as useMemo3, useState as useState6 } from "react";
+
+// src/pages/user-profile/chain-display.ts
+var CHAIN_ID_TO_LABEL = {
+  "1": "Ethereum",
+  "10": "Optimism",
+  "56": "BNB Chain",
+  "137": "Polygon",
+  "324": "zkSync Era",
+  "8453": "Base",
+  "42161": "Arbitrum",
+  "792703809": "Solana"
+};
+var formatChainIdLabel = (chainId) => {
+  var _a;
+  if (chainId === null || chainId === void 0) return "";
+  const key = String(chainId).trim();
+  if (!key) return "";
+  return (_a = CHAIN_ID_TO_LABEL[key]) != null ? _a : `Chain ${key}`;
+};
+
+// src/pages/user-profile/components/available-balance-card.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var CHAIN_ID_TO_ICON = {
+  "1": "ethereum",
+  "10": "ethereum",
+  // Optimism (EVM)
+  "56": "ethereum",
+  // BNB Chain (EVM)
+  "137": "polygon",
+  "324": "ethereum",
+  // zkSync (EVM)
+  "8453": "base",
+  "42161": "arbitrum",
+  "792703809": "solana"
+};
+var chainIconName = (label, key) => {
+  if (key && CHAIN_ID_TO_ICON[key]) return CHAIN_ID_TO_ICON[key];
+  const k = label.trim().toLowerCase();
+  if (k.includes("polygon")) return "polygon";
+  if (k.includes("solana")) return "solana";
+  if (k.includes("base")) return "base";
+  if (k.includes("arbitrum")) return "arbitrum";
+  if (k.includes("optimism")) return "ethereum";
+  if (k.includes("bnb")) return "ethereum";
+  if (k.includes("zksync")) return "ethereum";
+  if (k.includes("ethereum") || k.includes("eth")) return "ethereum";
+  return void 0;
+};
+var venueNameSet = new Set(venueLogoNames);
+var isKnownVenueName = (venue) => {
+  return venueNameSet.has(venue);
+};
+var getDisplayVenues = (venues) => {
+  if (!Array.isArray(venues) || venues.length === 0) return [];
+  return venues.filter(isKnownVenueName);
+};
+var AvailableBalanceCard = ({
+  label = "Available Balance",
+  valueLabel,
+  chains,
+  className
+}) => {
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: cn(
+        "group/agg-balance-panel",
+        "flex flex-col gap-3 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5",
+        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(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "16",
+              height: "16",
+              viewBox: "0 0 16 16",
+              fill: "none",
+              "aria-hidden": "true",
+              focusable: "false",
+              children: /* @__PURE__ */ jsx3(
+                "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",
+                  fill: "#9D9FAF"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx3("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-foreground", children: label })
+        ] }) }),
+        /* @__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: valueLabel }),
+          /* @__PURE__ */ jsx3(
+            Tooltip,
+            {
+              "aria-label": "Balance by network",
+              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: "Balance by network" }),
+                /* @__PURE__ */ jsx3("div", { role: "list", className: "agg-balance-list flex flex-col gap-3 w-full", children: chains.map((row) => {
+                  const icon = chainIconName(row.label, row.key);
+                  return /* @__PURE__ */ jsxs3(
+                    "div",
+                    {
+                      role: "listitem",
+                      className: "agg-balance-row flex items-center justify-between gap-3 w-full",
+                      children: [
+                        /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+                          icon ? /* @__PURE__ */ jsx3("span", { className: "flex h-4 w-4 items-center justify-center rounded-[4px]", children: /* @__PURE__ */ jsx3(Icon, { name: icon, size: "small", className: "text-agg-foreground" }) }) : /* @__PURE__ */ jsx3("span", { className: "flex h-4 w-4 items-center justify-center rounded-[4px] border border-agg-separator text-[10px] leading-3 text-agg-muted-foreground", children: row.label.slice(0, 2).toUpperCase() }),
+                          /* @__PURE__ */ jsx3("span", { className: "truncate font-agg-sans text-agg-sm leading-5 font-agg-normal text-agg-foreground", children: row.label })
+                        ] }),
+                        /* @__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", {
+                          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 empty:hidden", children: getDisplayVenues(row.venues).slice(0, 2).map((venue, venueIndex) => /* @__PURE__ */ jsx3(
+                          VenueLogo,
+                          {
+                            venue,
+                            size: "small",
+                            className: "size-4 shrink-0"
+                          },
+                          `${row.key}-${venue}-${String(venueIndex)}`
+                        )) })
+                      ]
+                    },
+                    row.key
+                  );
+                }) }),
+                /* @__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: "Funds are stored across networks. We handle routing automatically, but keeping funds on the right network enables faster trades and lower fees. When depositing, you can choose your preferred network." }) })
+              ] }),
+              children: /* @__PURE__ */ jsxs3(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Balance by network",
+                  className: "agg-balance-trigger flex min-h-[20px] min-w-[20px] items-center gap-1 rounded-[6px] border-0 bg-agg-secondary-hover p-1.5",
+                  children: [
+                    (chains.slice(0, 4).length > 0 ? chains.slice(0, 4) : [{ key: "placeholder", label: "", balance: 0, accountCount: 0 }]).map((row) => {
+                      const icon = chainIconName(row.label, row.key);
+                      return icon ? /* @__PURE__ */ jsx3(
+                        "span",
+                        {
+                          className: "relative z-0 flex h-4 w-4 items-center justify-center rounded-[4px] bg-agg-secondary",
+                          children: /* @__PURE__ */ jsx3(Icon, { name: icon, size: "small", className: "text-agg-foreground" })
+                        },
+                        `icon-${row.key}`
+                      ) : /* @__PURE__ */ jsx3(
+                        "span",
+                        {
+                          className: "relative z-0 flex h-4 w-4 items-center justify-center rounded-[4px] bg-agg-secondary text-[10px] leading-3 text-agg-muted-foreground",
+                          children: row.label ? row.label.slice(0, 2).toUpperCase() : ""
+                        },
+                        `icon-${row.key}`
+                      );
+                    }),
+                    chains.length > 4 ? /* @__PURE__ */ jsxs3("span", { className: "relative z-0 flex h-4 w-4 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
+                  ]
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+AvailableBalanceCard.displayName = "AvailableBalanceCard";
+
+// src/pages/user-profile/components/positions-activity.tsx
+import { optimizedImageUrl as optimizedImageUrl2, useLabels as useLabels4 } from "@agg-build/hooks";
+import { Fragment as Fragment4, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef3, useState as useState5 } from "react";
+
+// src/pages/user-profile/user-profile.constants.ts
+var USER_PROFILE_TAB_POSITIONS = "positions";
+var USER_PROFILE_TAB_OPEN_ORDERS = "open-orders";
+var USER_PROFILE_TAB_ACTIVITY = "activity";
+var USER_PROFILE_POSITION_FILTERS = [
+  { value: "active", label: "Active" },
+  { value: "closed", label: "Closed" }
+];
+
+// src/pages/user-profile/components/activity-row.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var shouldUseNativeLinkNavigation = (event) => {
+  return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
+};
+var RowWrapper = ({ className, href, onClick, children }) => {
+  if (href) {
+    return /* @__PURE__ */ jsx4(
+      "a",
+      {
+        href,
+        className,
+        onClick: (event) => {
+          if (shouldUseNativeLinkNavigation(event)) return;
+          event.preventDefault();
+          onClick();
+        },
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx4("button", { type: "button", className, onClick, children });
+};
+var TRANSFER_ICON = {
+  withdrawal: "upload",
+  deposit: "download",
+  bridge: "arrows-to-dot",
+  user_op: "wallet"
+};
+var resolveToneClasses = (activity) => {
+  const hasError = !!activity.isFailed || !!activity.hasError;
+  if (!hasError) {
+    return {
+      primary: "text-agg-foreground",
+      amount: "text-agg-foreground",
+      meta: "text-agg-muted-foreground"
+    };
+  }
+  return {
+    primary: "text-agg-error",
+    amount: "text-agg-error",
+    meta: "text-agg-error"
+  };
+};
+var AmountTimeStack = ({
+  amountLabel,
+  timeLabel,
+  tone,
+  mobile
+}) => /* @__PURE__ */ jsxs4(
+  "div",
+  {
+    className: cn(
+      "flex flex-col items-end justify-center gap-1 whitespace-nowrap",
+      mobile ? "sm:hidden" : "hidden sm:flex sm:w-[120px] sm:shrink-0"
+    ),
+    children: [
+      /* @__PURE__ */ jsx4(
+        "p",
+        {
+          className: cn(
+            "agg-activity-amount font-agg-sans font-agg-bold",
+            mobile ? "text-agg-sm leading-agg-5" : "text-agg-base leading-agg-6",
+            tone.amount
+          ),
+          children: amountLabel
+        }
+      ),
+      /* @__PURE__ */ jsx4(
+        "p",
+        {
+          className: cn(
+            "agg-activity-time font-agg-sans font-agg-normal",
+            mobile ? "text-agg-2xs leading-agg-14" : "text-agg-base leading-agg-6",
+            tone.meta
+          ),
+          children: timeLabel
+        }
+      )
+    ]
+  }
+);
+var TradeTypeCell = ({
+  activity,
+  tone
+}) => /* @__PURE__ */ jsxs4("div", { className: "hidden w-22 shrink-0 items-center gap-3 sm:flex", children: [
+  /* @__PURE__ */ jsx4(VenueLogo, { venue: activity.venue, size: "small", className: "shrink-0" }),
+  /* @__PURE__ */ jsx4(
+    "p",
+    {
+      className: cn(
+        "agg-activity-type w-15 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
+        tone.primary
+      ),
+      children: activity.type
+    }
+  )
+] });
+var TransferTypeCell = ({
+  activity,
+  tone
+}) => /* @__PURE__ */ jsxs4("div", { className: "hidden w-[88px] shrink-0 items-center gap-3 sm:flex", children: [
+  /* @__PURE__ */ jsx4(
+    Icon,
+    {
+      name: TRANSFER_ICON[activity.kind],
+      size: "small",
+      className: "shrink-0 text-agg-foreground"
+    }
+  ),
+  /* @__PURE__ */ jsx4(
+    "p",
+    {
+      className: cn(
+        "agg-activity-type w-15 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
+        tone.primary
+      ),
+      children: activity.type
+    }
+  )
+] });
+var TradeOutcomeShares = ({
+  activity,
+  tone
+}) => /* @__PURE__ */ jsxs4(Fragment2, { children: [
+  /* @__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(
+    "span",
+    {
+      className: cn(
+        "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal whitespace-nowrap",
+        tone.primary
+      ),
+      children: activity.outcomeLabel
+    }
+  ) }),
+  /* @__PURE__ */ jsx4(
+    "span",
+    {
+      className: cn(
+        "agg-activity-shares font-agg-sans text-agg-sm leading-agg-5 font-agg-normal whitespace-nowrap",
+        tone.primary
+      ),
+      children: activity.sharesLabel
+    }
+  )
+] });
+var TradeRow = ({
+  activity,
+  className,
+  href,
+  onClick
+}) => {
+  const tone = resolveToneClasses(activity);
+  return /* @__PURE__ */ jsx4(RowWrapper, { className: cn(className), href, onClick, children: /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className: cn(
+        "flex w-full flex-col gap-3 text-left transition-colors sm:min-h-16 sm:flex-row sm:items-center",
+        "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(
+              "p",
+              {
+                className: cn(
+                  "agg-activity-type font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
+                  tone.primary
+                ),
+                children: activity.type
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx4("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsx4(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-15 w-15 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx4(
+              RemoteImage,
+              {
+                src: activity.thumbnailSrc,
+                alt: "",
+                className: "h-full w-full rounded-agg-lg",
+                classNames: { placeholder: "rounded-agg-lg" }
+              }
+            ) }),
+            /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-2", children: [
+              /* @__PURE__ */ jsx4(
+                "p",
+                {
+                  className: cn(
+                    "agg-activity-market min-w-0 overflow-hidden font-agg-sans text-agg-sm leading-agg-5 font-agg-bold [display:-webkit-box] [-webkit-line-clamp:2] [-webkit-box-orient:vertical] sm:text-agg-base sm:leading-agg-6 sm:whitespace-nowrap sm:text-ellipsis sm:[-webkit-line-clamp:1] sm:[display:block]",
+                    tone.primary
+                  ),
+                  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__ */ jsx4(
+            AmountTimeStack,
+            {
+              amountLabel: activity.amountLabel,
+              timeLabel: activity.timeLabel,
+              tone,
+              mobile: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx4(
+          AmountTimeStack,
+          {
+            amountLabel: activity.amountLabel,
+            timeLabel: activity.timeLabel,
+            tone
+          }
+        )
+      ]
+    }
+  ) });
+};
+var TransferRow = ({
+  activity,
+  className,
+  onClick
+}) => {
+  const tone = resolveToneClasses(activity);
+  const isDeposit = activity.kind === "deposit";
+  const transferIconName = TRANSFER_ICON[activity.kind];
+  return /* @__PURE__ */ jsx4("button", { type: "button", className, onClick, children: /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className: cn(
+        "flex w-full flex-col gap-3 text-left transition-colors sm:min-h-16 sm:flex-row sm:items-center",
+        "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(Icon, { name: transferIconName, size: "small", className: "shrink-0 text-agg-foreground" }),
+          /* @__PURE__ */ jsx4(
+            "p",
+            {
+              className: cn(
+                "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
+                tone.primary
+              ),
+              children: activity.type
+            }
+          )
+        ] }) }),
+        /* @__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-deposit-square hidden h-15 w-15 shrink-0 items-center justify-center rounded-agg-lg bg-agg-secondary-hover sm:flex", children: isDeposit ? /* @__PURE__ */ jsx4(Icon, { name: "badge-check-thin", size: "medium", className: "text-agg-muted-foreground" }) : /* @__PURE__ */ jsx4(Icon, { name: transferIconName, size: "medium", className: "text-agg-foreground" }) }),
+            /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-1", children: [
+              /* @__PURE__ */ jsx4(
+                "p",
+                {
+                  className: cn(
+                    "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-bold sm:text-agg-base sm:leading-agg-6",
+                    tone.primary
+                  ),
+                  children: isDeposit ? "Successful deposit" : activity.title
+                }
+              ),
+              /* @__PURE__ */ jsx4(
+                "p",
+                {
+                  className: cn(
+                    "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
+                    tone.meta
+                  ),
+                  children: activity.subtitleLabel
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx4(
+            AmountTimeStack,
+            {
+              amountLabel: activity.amountLabel,
+              timeLabel: activity.timeLabel,
+              tone,
+              mobile: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx4(
+          AmountTimeStack,
+          {
+            amountLabel: activity.amountLabel,
+            timeLabel: activity.timeLabel,
+            tone
+          }
+        )
+      ]
+    }
+  ) });
+};
+var ActivityRow = ({ activity, href, onClick }) => {
+  const handleClick = () => {
+    onClick == null ? void 0 : onClick(activity);
+  };
+  const sharedClassName = cn(
+    "agg-activity-row",
+    "relative cursor-pointer block",
+    "before:absolute before:-top-2 before:-left-2 before:-bottom-2 before:-right-2 before:z-0",
+    "before:transition-all before:duration-300 before:opacity-0 hover:before:opacity-100",
+    "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__ */ jsx4(TransferRow, { activity, className: sharedClassName, onClick: handleClick });
+};
+ActivityRow.displayName = "ActivityRow";
+
+// src/pages/user-profile/components/empty-state.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var EmptyState = ({ title, description, className }) => {
+  return /* @__PURE__ */ jsx5(
+    "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
+        ] })
+      ] })
+    }
+  );
+};
+EmptyState.displayName = "EmptyState";
+
+// src/pages/user-profile/components/position-row.tsx
+import { optimizedImageUrl, useLabels as useLabels3 } from "@agg-build/hooks";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var resolveBadge = (position, labels) => {
+  if (position.marketStatus === "resolved") {
+    if (position.winner === true) return { label: labels.won, tone: "won" };
+    if (position.winner === false) return { label: labels.lost, tone: "lost" };
+    return { label: labels.resolved, tone: "resolved" };
+  }
+  if (position.marketStatus === "closed") {
+    return { label: labels.marketClosed, tone: "market-closed" };
+  }
+  if (position.status === "closed") {
+    return { label: labels.closed, tone: "closed" };
+  }
+  return null;
+};
+var isMarketResolved = (position) => position.marketStatus === "resolved";
+var badgeToneClass = (tone) => {
+  switch (tone) {
+    case "won":
+      return "bg-agg-success/10 text-agg-success";
+    case "lost":
+      return "bg-agg-error/10 text-agg-error";
+    case "resolved":
+    case "market-closed":
+    case "closed":
+      return "bg-agg-secondary-hover text-agg-muted-foreground";
+  }
+};
+var resolveClosedReturnToneClass = (position) => {
+  var _a;
+  if (!isMarketResolved(position)) return "text-agg-muted-foreground";
+  if (position.winner === true) return "text-agg-success";
+  if (position.winner === false) return "text-agg-error";
+  const returnLabel = ((_a = position.closedReturnLabel) != null ? _a : "").trim();
+  if (returnLabel.startsWith("+")) return "text-agg-success";
+  if (returnLabel.startsWith("-")) return "text-agg-error";
+  return "text-agg-muted-foreground";
+};
+var shouldUseNativeLinkNavigation2 = (event) => {
+  return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
+};
+var OutcomePill = ({ label }) => /* @__PURE__ */ jsx6("span", { className: "agg-position-outcome inline-flex items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx6("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: label }) });
+var PositionBadgeNode = ({ badge }) => {
+  if (!badge) return null;
+  return /* @__PURE__ */ jsx6(
+    "span",
+    {
+      className: cn(
+        "agg-position-badge inline-flex items-center rounded-full px-3 py-[4px]",
+        "font-agg-sans text-agg-xs leading-agg-4 font-agg-normal whitespace-nowrap",
+        badgeToneClass(badge.tone)
+      ),
+      children: badge.label
+    }
+  );
+};
+var VenueShares = ({
+  position,
+  className,
+  keyPrefix
+}) => /* @__PURE__ */ jsx6("div", { className, children: position.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: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: row.sharesLabel })
+    ]
+  },
+  `${keyPrefix}-${row.venue}-${row.sharesLabel}-${String(index)}`
+)) });
+var ClosedResultBadge = ({
+  position,
+  labels
+}) => {
+  if (!isMarketResolved(position)) return null;
+  if (position.winner == null) return null;
+  const isWon = position.winner === true;
+  return /* @__PURE__ */ jsxs6(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center gap-1 rounded-[4px] border px-2 py-[2px]",
+        isWon ? "border-agg-success/50 bg-agg-success/10 text-agg-success" : "border-agg-error/50 bg-agg-error/10 text-agg-error"
+      ),
+      children: [
+        /* @__PURE__ */ jsx6(Icon, { name: isWon ? "check-circle" : "cross-circle", size: "small", className: "size-2.5" }),
+        /* @__PURE__ */ jsx6("span", { className: "font-agg-sans text-[10px] leading-agg-14 font-agg-bold uppercase", children: isWon ? labels.won : labels.lost })
+      ]
+    }
+  );
+};
+var ClosedClaimState = ({
+  claimStatus,
+  onClaim,
+  isClaiming,
+  labels
+}) => {
+  if (claimStatus === "eligible") {
+    return /* @__PURE__ */ jsxs6(
+      "button",
+      {
+        type: "button",
+        className: "inline-flex h-8 items-center justify-center gap-1 rounded-agg-full bg-agg-primary px-4 font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-white cursor-pointer disabled:cursor-not-allowed disabled:opacity-80",
+        onClick: (event) => {
+          event.preventDefault();
+          event.stopPropagation();
+          onClaim == null ? void 0 : onClaim();
+        },
+        disabled: isClaiming,
+        "aria-busy": isClaiming || void 0,
+        children: [
+          isClaiming ? /* @__PURE__ */ jsx6(LoadingIcon, { size: "small", className: "text-white" }) : null,
+          /* @__PURE__ */ jsx6("span", { children: labels.claim })
+        ]
+      }
+    );
+  }
+  if (claimStatus === "pending") {
+    return /* @__PURE__ */ jsx6("span", { className: "font-agg-sans text-agg-xs leading-agg-4 font-agg-bold uppercase text-agg-muted-foreground", children: labels.pending });
+  }
+  if (claimStatus === "redeemed") {
+    return /* @__PURE__ */ jsx6("span", { className: "font-agg-sans text-agg-xs leading-agg-4 font-agg-bold uppercase text-agg-muted-foreground", children: labels.claimed });
+  }
+  return null;
+};
+var PositionRow = ({
+  position,
+  variant,
+  href,
+  onClick,
+  onClaim,
+  isClaiming = false
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const labels = useLabels3().userProfile.positions;
+  const resolvedVariant = variant != null ? variant : position.status === "closed" ? "closed" : "active";
+  const isClosed = resolvedVariant === "closed";
+  const badge = resolveBadge(position, labels);
+  const mobileValueLabel = isClosed ? (_a = position.closedAmountWonLabel) != null ? _a : position.valueLabel : position.valueLabel;
+  const mobileSecondaryLabel = isClosed ? (_b = position.closedReturnLabel) != null ? _b : position.pnlLabel : position.pnlLabel;
+  const closedReturnToneClass = resolveClosedReturnToneClass(position);
+  const mobileSecondaryToneClass = isClosed ? closedReturnToneClass : position.isPnlPositive ? "text-agg-success" : "text-agg-error";
+  const handleAnchorClick = (event) => {
+    if (shouldUseNativeLinkNavigation2(event)) return;
+    if (!onClick) return;
+    event.preventDefault();
+    onClick(position);
+  };
+  const handleAnchorAuxClick = (event) => {
+    if (event.button !== 1) return;
+  };
+  const handleDivClick = () => {
+    onClick == null ? void 0 : onClick(position);
+  };
+  const sharedClassName = cn(
+    "agg-position-row",
+    "relative cursor-pointer block",
+    "before:absolute before:-top-2 before:-left-2 before:-bottom-2 before:-right-2 before:z-0",
+    "before:transition-all before:duration-300 before:opacity-0 hover:before:opacity-100",
+    "before:bg-agg-secondary-hover before:rounded-agg-xl"
+  );
+  const Wrapper = href ? "a" : "div";
+  const wrapperProps = href ? {
+    href,
+    onClick: handleAnchorClick,
+    onAuxClick: handleAnchorAuxClick
+  } : {
+    role: "button",
+    tabIndex: 0,
+    onClick: handleDivClick,
+    onKeyDown: (event) => {
+      if (event.key !== "Enter" && event.key !== " ") return;
+      event.preventDefault();
+      handleDivClick();
+    }
+  };
+  return /* @__PURE__ */ jsx6(Wrapper, __spreadProps(__spreadValues({ className: sharedClassName }, wrapperProps), { children: /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      className: cn(
+        "flex w-full flex-col gap-3 text-left transition-colors md:min-h-16 md:flex-row md:items-center",
+        isClosed ? "md:gap-10" : "md:gap-6",
+        "relative z-10"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs6("div", { className: "flex w-full items-center justify-between gap-3 md:w-auto md:flex-1 md:min-w-0 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(
+              RemoteImage,
+              {
+                src: optimizedImageUrl(position.thumbnailSrc, 60),
+                alt: "",
+                className: "h-full w-full rounded-agg-sm object-cover"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs6("div", { className: "min-w-0 flex 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:text-agg-base md:leading-agg-6 md:whitespace-nowrap md:text-ellipsis md:[-webkit-line-clamp:1] md:[display:block]", children: position.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: position.outcomeLabel }),
+                /* @__PURE__ */ jsx6(
+                  VenueShares,
+                  {
+                    position,
+                    keyPrefix: "desktop",
+                    className: "agg-position-venues flex min-w-0 flex-1 flex-wrap content-center items-center gap-x-3 gap-y-2"
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-end justify-center gap-1 whitespace-nowrap md:hidden", children: [
+            /* @__PURE__ */ jsx6("p", { className: "agg-position-value font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground", children: mobileValueLabel }),
+            /* @__PURE__ */ jsx6(
+              "p",
+              {
+                className: cn(
+                  "agg-position-pnl font-agg-sans text-agg-xs leading-agg-4 font-agg-normal",
+                  mobileSecondaryToneClass
+                ),
+                children: mobileSecondaryLabel
+              }
+            )
+          ] })
+        ] }),
+        isClosed ? /* @__PURE__ */ jsxs6("div", { className: "flex w-full items-center gap-3 md:hidden", children: [
+          /* @__PURE__ */ jsx6(OutcomePill, { label: position.outcomeLabel }),
+          /* @__PURE__ */ jsx6(PositionBadgeNode, { badge }),
+          /* @__PURE__ */ jsxs6("div", { className: "ml-auto flex items-baseline gap-3", children: [
+            /* @__PURE__ */ jsx6("span", { className: "font-agg-sans text-agg-lg leading-agg-7 font-agg-normal text-agg-foreground", children: (_c = position.closedTotalTradedLabel) != null ? _c : position.valueLabel }),
+            /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx6("span", { className: "font-agg-sans text-agg-lg leading-agg-7 font-agg-normal text-agg-foreground", children: (_d = position.closedAmountWonLabel) != null ? _d : position.valueLabel }),
+              /* @__PURE__ */ jsx6(ClosedResultBadge, { position, labels })
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ jsxs6("div", { className: "flex w-full items-baseline gap-3 md:hidden", children: [
+          /* @__PURE__ */ jsx6(OutcomePill, { label: position.outcomeLabel }),
+          /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs6("div", { className: "flex items-baseline gap-1.5", children: [
+              /* @__PURE__ */ jsx6("span", { className: "font-agg-sans text-agg-lg leading-agg-7 font-agg-normal text-agg-foreground", children: position.averageLabel }),
+              /* @__PURE__ */ jsx6("span", { className: "inline-flex md:hidden font-agg-sans text-agg-2xs leading-agg-14 font-agg-bold uppercase text-agg-muted-foreground", children: "AVG." }),
+              /* @__PURE__ */ jsx6("span", { className: "hidden md:inline-flex font-agg-sans text-agg-2xs leading-agg-14 font-agg-bold uppercase text-agg-muted-foreground", children: "Average" })
+            ] }),
+            /* @__PURE__ */ jsxs6("div", { className: "flex items-baseline gap-1.5", children: [
+              /* @__PURE__ */ jsx6("span", { className: "font-agg-sans text-agg-lg leading-agg-7 font-agg-normal text-agg-foreground", children: position.currentLabel }),
+              /* @__PURE__ */ jsx6("span", { className: "inline-flex md:hidden font-agg-sans text-agg-2xs leading-agg-14 font-agg-bold uppercase text-agg-muted-foreground", children: "CUR." }),
+              /* @__PURE__ */ jsx6("span", { className: "hidden md:inline-flex font-agg-sans text-agg-2xs leading-agg-14 font-agg-bold uppercase text-agg-muted-foreground", children: "Current" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx6(
+          VenueShares,
+          {
+            position,
+            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"
+          }
+        ),
+        isClosed ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
+          /* @__PURE__ */ jsx6("p", { className: "hidden w-[160px] shrink-0 text-agg-base leading-agg-6 font-agg-bold text-agg-foreground md:block", children: (_e = position.closedTotalTradedLabel) != null ? _e : position.valueLabel }),
+          /* @__PURE__ */ jsxs6("div", { className: "hidden w-[160px] shrink-0 flex-col items-start gap-1 md:flex", children: [
+            /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: (_f = position.closedAmountWonLabel) != null ? _f : position.valueLabel }),
+              /* @__PURE__ */ jsx6(ClosedResultBadge, { position, labels })
+            ] }),
+            /* @__PURE__ */ jsx6(
+              "p",
+              {
+                className: cn(
+                  "font-agg-sans text-agg-base leading-agg-6 font-agg-normal",
+                  closedReturnToneClass
+                ),
+                children: (_g = position.closedReturnLabel) != null ? _g : position.pnlLabel
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx6("div", { className: "hidden min-w-[72px] shrink-0 items-center justify-center md:flex", children: /* @__PURE__ */ jsx6(
+            ClosedClaimState,
+            {
+              claimStatus: position.closedClaimStatus,
+              onClaim: onClaim ? () => void onClaim(position) : void 0,
+              isClaiming,
+              labels
+            }
+          ) }),
+          /* @__PURE__ */ jsx6("div", { className: "hidden w-11 shrink-0 items-center justify-end md:flex", children: /* @__PURE__ */ jsx6(
+            Icon,
+            {
+              name: "chevron-right",
+              size: "small",
+              className: "size-5 shrink-0 text-agg-muted-foreground"
+            }
+          ) })
+        ] }) : /* @__PURE__ */ jsxs6(Fragment3, { children: [
+          /* @__PURE__ */ jsx6("p", { className: "agg-position-average hidden w-[80px] shrink-0 agg-type-title text-agg-foreground md:block", children: position.averageLabel }),
+          /* @__PURE__ */ jsx6("p", { className: "agg-position-current hidden w-[80px] shrink-0 agg-type-title text-agg-foreground md:block", children: position.currentLabel }),
+          /* @__PURE__ */ jsxs6("div", { className: "hidden w-[120px] shrink-0 flex-col items-end justify-center gap-1 whitespace-nowrap md:flex", children: [
+            /* @__PURE__ */ jsx6("p", { className: "agg-position-value font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: position.valueLabel }),
+            /* @__PURE__ */ jsx6(
+              "p",
+              {
+                className: cn(
+                  "agg-position-pnl font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
+                  position.isPnlPositive ? "text-agg-success" : "text-agg-error"
+                ),
+                children: position.pnlLabel
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx6("div", { className: "hidden w-11 shrink-0 items-center justify-end md:flex", children: /* @__PURE__ */ jsx6(
+            Icon,
+            {
+              name: "chevron-right",
+              size: "small",
+              className: "size-5 shrink-0 text-agg-muted-foreground"
+            }
+          ) })
+        ] })
+      ]
+    }
+  ) }));
+};
+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";
+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
+] }, index)) });
+var PositionsActivity = ({
+  activePositions = [],
+  closedPositions = [],
+  activities = [],
+  onPositionClick,
+  getPositionHref,
+  onClaim,
+  claimingPositionKeys,
+  onActivityClick,
+  getActivityHref,
+  isLoadingPositions = false,
+  isLoadingActivities = false,
+  positionsError = false,
+  activitiesError = false,
+  hasMoreActivePositions = false,
+  isLoadingMoreActivePositions = false,
+  onLoadMoreActivePositions,
+  hasMoreClosedPositions = false,
+  isLoadingMoreClosedPositions = false,
+  onLoadMoreClosedPositions,
+  onPositionFilterChange,
+  hasMoreActivities = false,
+  isLoadingMoreActivities = false,
+  onLoadMoreActivities,
+  tab,
+  onTabChange,
+  initialPositionFilter = "active",
+  className
+}) => {
+  const positionsLabels = useLabels4().userProfile.positions;
+  const isTabControlled = tab !== void 0;
+  const [internalActiveTab, setInternalActiveTab] = useState5(
+    tab != null ? tab : USER_PROFILE_TAB_POSITIONS
+  );
+  const activeTab = isTabControlled ? tab : internalActiveTab;
+  const handleTabChange = (next) => {
+    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 positionsLoadMoreRef = useRef3(null);
+  const activitiesLoadMoreRef = useRef3(null);
+  const rowsScrollRef = useRef3(null);
+  const isPositionsTab = activeTab === USER_PROFILE_TAB_POSITIONS;
+  const isActivityTab = activeTab === USER_PROFILE_TAB_ACTIVITY;
+  const isClosedPositionsFilter = isPositionsTab && positionFilter === "closed";
+  const positionsForCurrentFilter = positionFilter === "active" ? activePositions : closedPositions;
+  const filteredPositions = useMemo2(() => {
+    if (!searchValue.trim()) return positionsForCurrentFilter;
+    const q = searchValue.toLowerCase();
+    return positionsForCurrentFilter.filter((p) => p.title.toLowerCase().includes(q));
+  }, [positionsForCurrentFilter, searchValue]);
+  const handlePositionFilterChange = (filter) => {
+    setPositionFilter(filter);
+    onPositionFilterChange == null ? void 0 : onPositionFilterChange(filter);
+  };
+  const hasMorePositions = positionFilter === "active" ? hasMoreActivePositions : hasMoreClosedPositions;
+  const isLoadingMorePositions = positionFilter === "active" ? isLoadingMoreActivePositions : isLoadingMoreClosedPositions;
+  const loadMorePositions = positionFilter === "active" ? onLoadMoreActivePositions : onLoadMoreClosedPositions;
+  const filteredActivities = activities;
+  const searchResults = useMemo2(() => {
+    if (!isPositionsTab || !searchValue.trim()) return [];
+    return filteredPositions.slice(0, 5).map((position) => ({
+      id: position.id,
+      title: position.title,
+      thumbnailSrc: position.thumbnailSrc,
+      metaPrimary: position.outcomeLabel,
+      metaSecondary: position.valueLabel,
+      raw: position
+    }));
+  }, [filteredPositions, isPositionsTab, searchValue]);
+  const handleSearchChange = (event) => {
+    setSearchValue(event.target.value);
+  };
+  useEffect3(() => {
+    if (isPositionsTab) return;
+    setIsSearchFocused(false);
+  }, [isPositionsTab]);
+  useEffect3(() => {
+    if (!isPositionsTab || !hasMorePositions) return;
+    const target = positionsLoadMoreRef.current;
+    if (!target || !loadMorePositions) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        const entry = entries[0];
+        if (!(entry == null ? void 0 : entry.isIntersecting)) return;
+        if (isLoadingPositions || isLoadingMorePositions || !hasMorePositions) return;
+        loadMorePositions();
+      },
+      { root: rowsScrollRef.current, rootMargin: "60px 0px" }
+    );
+    observer.observe(target);
+    return () => observer.disconnect();
+  }, [
+    hasMorePositions,
+    isLoadingMorePositions,
+    isLoadingPositions,
+    isPositionsTab,
+    loadMorePositions
+  ]);
+  useEffect3(() => {
+    if (!isActivityTab || !hasMoreActivities) return;
+    const target = activitiesLoadMoreRef.current;
+    if (!target || !onLoadMoreActivities) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        const entry = entries[0];
+        if (!(entry == null ? void 0 : entry.isIntersecting)) return;
+        if (isLoadingActivities || isLoadingMoreActivities || !hasMoreActivities) return;
+        onLoadMoreActivities();
+      },
+      { root: rowsScrollRef.current, rootMargin: "60px 0px" }
+    );
+    observer.observe(target);
+    return () => observer.disconnect();
+  }, [
+    hasMoreActivities,
+    isActivityTab,
+    isLoadingActivities,
+    isLoadingMoreActivities,
+    onLoadMoreActivities
+  ]);
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      className: cn(
+        "group/agg-positions-activity",
+        "flex flex-col items-start overflow-clip rounded-agg-xl border border-agg-separator bg-agg-secondary",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx7(
+          Tabs,
+          {
+            items: tabItems,
+            value: activeTab,
+            onChange: handleTabChange,
+            variant: "underline",
+            className: "w-full [&>div]:w-full",
+            classNames: {
+              tabList: "h-[3.75rem] min-h-[3.75rem] max-h-[3.75rem] w-full min-w-0 justify-start gap-0 px-0 [&>button]:text-agg-base [&>button]:leading-agg-6 [&>button]:font-agg-normal [&>button]:min-w-0 [&>button]:justify-center",
+              tabTrigger: "h-full gap-[6px] px-3 py-3 font-agg-normal"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs7(
+          "div",
+          {
+            className: cn(
+              "agg-positions-activity-body flex w-full gap-2 md:gap-6 flex-col",
+              isPositionsTab ? "pt-4 md:pt-6" : "pt-0 md:pt-6"
+            ),
+            children: [
+              isPositionsTab ? /* @__PURE__ */ jsxs7("div", { className: "agg-toolbar flex flex-col items-start gap-3 sm:flex-row sm:gap-5 px-4 sm:px-6", children: [
+                /* @__PURE__ */ jsx7("div", { className: "agg-position-filters flex h-11 w-full shrink-0 items-stretch overflow-clip rounded-agg-sm border border-agg-separator sm:h-10 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(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => handlePositionFilterChange(filter.value),
+                        className: cn(
+                          "agg-position-filter-trigger",
+                          "flex flex-1 cursor-pointer items-center justify-center px-3 py-3 font-agg-sans text-agg-sm leading-agg-5 sm:px-4 sm:text-agg-base sm:leading-agg-6",
+                          isActive ? "bg-agg-secondary-hover font-agg-bold text-agg-primary" : "bg-agg-secondary font-agg-normal text-agg-foreground hover:bg-agg-secondary-hover"
+                        ),
+                        children: filter.label
+                      }
+                    )
+                  ] }, filter.value);
+                }) }),
+                /* @__PURE__ */ jsxs7(
+                  "div",
+                  {
+                    className: "agg-position-search relative flex w-full min-w-0 flex-1",
+                    onFocusCapture: () => setIsSearchFocused(true),
+                    onBlurCapture: (event) => {
+                      const next = event.relatedTarget;
+                      if (next && event.currentTarget.contains(next)) return;
+                      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(
+                          "input",
+                          {
+                            value: searchValue,
+                            onChange: handleSearchChange,
+                            placeholder: "Search...",
+                            className: cn(
+                              "h-6 w-full min-w-0 border-0 bg-transparent p-0",
+                              "font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground",
+                              "placeholder:text-agg-muted-foreground",
+                              "outline-none focus:outline-none"
+                            )
+                          }
+                        )
+                      ] }) }),
+                      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(
+                        "ul",
+                        {
+                          className: "agg-position-search-results-list m-0 flex list-none flex-col p-0",
+                          role: "listbox",
+                          "aria-label": "Position search results",
+                          children: searchResults.map((item, index) => {
+                            const itemHref = getPositionHref == null ? void 0 : getPositionHref(item.raw);
+                            const sharedClassName = "agg-position-search-result group flex w-full items-center gap-6 px-5 py-4 text-left hover:bg-agg-secondary-hover focus-visible:outline-none focus-visible:bg-agg-secondary-hover cursor-pointer";
+                            const handleResultClick = () => {
+                              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(
+                                  "img",
+                                  {
+                                    src: optimizedImageUrl2(item.thumbnailSrc, 48),
+                                    alt: "",
+                                    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__ */ jsx7(
+                                Icon,
+                                {
+                                  name: "chevron-right",
+                                  size: "medium",
+                                  className: "h-5 w-5 shrink-0 text-agg-muted-foreground"
+                                }
+                              )
+                            ] });
+                            return /* @__PURE__ */ jsx7(
+                              "li",
+                              {
+                                role: "presentation",
+                                className: cn(
+                                  "agg-position-search-result-item",
+                                  index > 0 && "border-t border-agg-separator"
+                                ),
+                                children: itemHref ? /* @__PURE__ */ jsx7(
+                                  "a",
+                                  {
+                                    href: itemHref,
+                                    className: sharedClassName,
+                                    onClick: (event) => {
+                                      if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1) {
+                                        setIsSearchFocused(false);
+                                        return;
+                                      }
+                                      event.preventDefault();
+                                      handleResultClick();
+                                    },
+                                    children: innerContent
+                                  }
+                                ) : /* @__PURE__ */ jsx7(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    className: sharedClassName,
+                                    onClick: handleResultClick,
+                                    children: innerContent
+                                  }
+                                )
+                              },
+                              item.id
+                            );
+                          })
+                        }
+                      ) : /* @__PURE__ */ jsx7("div", { className: "px-5 py-6 font-agg-sans text-agg-sm leading-agg-5 text-agg-muted-foreground", children: "No results" }) }) : 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-10 px-0 md:flex", children: [
+                    /* @__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-[160px] shrink-0", children: positionsLabels.totalTradedHeader }),
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[160px] shrink-0", children: positionsLabels.amountWonHeader }),
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header min-w-[72px] shrink-0 text-center", children: positionsLabels.claimHeader }),
+                    /* @__PURE__ */ jsx7("span", { className: "hidden w-11 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: "Market" }),
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[80px] shrink-0", children: "Average" }),
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[80px] shrink-0", children: "Current" }),
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[120px] shrink-0 text-right", children: "Value" }),
+                    /* @__PURE__ */ jsx7("span", { className: "hidden w-11 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" })
+                  ] }) : null
+                ] }),
+                /* @__PURE__ */ jsx7(
+                  "div",
+                  {
+                    ref: rowsScrollRef,
+                    className: cn(
+                      "agg-rows-scroll max-h-120 overflow-y-auto p-4 sm:p-6",
+                      "[scrollbar-color:rgba(157,159,175,0.7)_transparent] [scrollbar-width:thin]",
+                      "[&::-webkit-scrollbar]:w-2",
+                      "[&::-webkit-scrollbar-track]:bg-transparent",
+                      "[&::-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(
+                        EmptyState,
+                        {
+                          title: "Unable to load positions",
+                          description: "Please try again in a moment."
+                        }
+                      ) : filteredPositions.length > 0 ? filteredPositions.map((position, index) => {
+                        var _a;
+                        return /* @__PURE__ */ jsxs7(Fragment4, { children: [
+                          index > 0 ? /* @__PURE__ */ jsx7(
+                            "div",
+                            {
+                              className: "agg-position-divider h-px w-full shrink-0 bg-agg-separator",
+                              "aria-hidden": true
+                            }
+                          ) : null,
+                          /* @__PURE__ */ jsx7(
+                            PositionRow,
+                            {
+                              position,
+                              variant: positionFilter,
+                              href: getPositionHref == null ? void 0 : getPositionHref(position),
+                              onClick: onPositionClick,
+                              onClaim,
+                              isClaiming: Boolean(
+                                claimingPositionKeys == null ? void 0 : claimingPositionKeys[(_a = position.marketId) != null ? _a : position.id]
+                              )
+                            }
+                          )
+                        ] }, position.id);
+                      }) : /* @__PURE__ */ jsx7(
+                        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(
+                        "div",
+                        {
+                          ref: positionsLoadMoreRef,
+                          className: "agg-portfolio-sentinel h-px w-full",
+                          "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(
+                        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(
+                          "div",
+                          {
+                            className: "agg-activity-divider h-px w-full shrink-0 bg-agg-separator",
+                            "aria-hidden": true
+                          }
+                        ) : null,
+                        /* @__PURE__ */ jsx7(
+                          ActivityRow,
+                          {
+                            activity,
+                            href: getActivityHref == null ? void 0 : getActivityHref(activity),
+                            onClick: onActivityClick
+                          }
+                        )
+                      ] }, activity.id)) : /* @__PURE__ */ jsx7(
+                        EmptyState,
+                        {
+                          title: "No activity yet",
+                          description: "Your trading activity will appear here."
+                        }
+                      ),
+                      isLoadingMoreActivities ? /* @__PURE__ */ jsx7(TabRowsSkeleton, { ariaLabel: "Loading more activity" }) : null,
+                      hasMoreActivities ? /* @__PURE__ */ jsx7(
+                        "div",
+                        {
+                          ref: activitiesLoadMoreRef,
+                          className: "agg-activity-sentinel h-px w-full",
+                          "aria-hidden": true
+                        }
+                      ) : null
+                    ] })
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+PositionsActivity.displayName = "PositionsActivity";
+
+// src/pages/user-profile/components/positions-value-card.tsx
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var PositionsValueCard = ({
+  label = "Positions Value",
+  valueLabel,
+  className
+}) => {
+  return /* @__PURE__ */ jsxs8(
+    "div",
+    {
+      className: cn(
+        "group/agg-portfolio-summary",
+        "flex flex-col gap-3 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx8(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "16",
+              height: "16",
+              viewBox: "0 0 16 16",
+              fill: "none",
+              children: /* @__PURE__ */ jsx8(
+                "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",
+                  fill: "#9D9FAF"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx8("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: valueLabel })
+      ]
+    }
+  );
+};
+PositionsValueCard.displayName = "PositionsValueCard";
+
+// src/pages/user-profile/components/user-info-card.tsx
+import { optimizedImageUrl as optimizedImageUrl3, useLabels as useLabels5 } from "@agg-build/hooks";
+
+// src/primitives/conditional-wrapper.tsx
+var ConditionalWrapper = ({
+  condition,
+  wrapper,
+  children
+}) => condition ? wrapper(children) : children;
+ConditionalWrapper.displayName = "ConditionalWrapper";
+
+// src/pages/user-profile/components/default-avatar.tsx
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var DefaultAvatar = ({ className }) => {
+  return /* @__PURE__ */ jsxs9(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "120",
+      height: "120",
+      viewBox: "0 0 120 120",
+      fill: "none",
+      className: cn("shrink-0 text-agg-muted-foreground", className),
+      "aria-hidden": true,
+      children: [
+        /* @__PURE__ */ jsxs9("g", { clipPath: "url(#clip0_default_avatar)", children: [
+          /* @__PURE__ */ jsx9(
+            "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(
+            "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: "currentColor",
+              fillOpacity: "0.12"
+            }
+          ),
+          /* @__PURE__ */ jsx9(
+            "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",
+              fill: "currentColor",
+              fillOpacity: "0.35"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx9("defs", { children: /* @__PURE__ */ jsx9("clipPath", { id: "clip0_default_avatar", children: /* @__PURE__ */ jsx9("rect", { width: "120", height: "120", fill: "white" }) }) })
+      ]
+    }
+  );
+};
+DefaultAvatar.displayName = "DefaultAvatar";
+
+// src/pages/user-profile/components/user-info-card.tsx
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var UserInfoCard = ({
+  user,
+  onEditProfile,
+  onDeposit,
+  onWithdraw,
+  isDepositBlocked = false,
+  className
+}) => {
+  var _a;
+  const labels = useLabels5();
+  const wallets = (_a = user.connectedWallets) != null ? _a : [];
+  const hasWallets = wallets.length > 0;
+  return /* @__PURE__ */ jsxs10(
+    "div",
+    {
+      className: cn(
+        "group/agg-profile-card",
+        "flex h-full flex-col items-start justify-stretch rounded-agg-xl border border-agg-separator bg-agg-secondary px-5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs10("div", { className: "agg-profile-header flex w-full flex-row flex-wrap items-start gap-4 sm:gap-5 pt-5", children: [
+          /* @__PURE__ */ jsx10("div", { className: "agg-profile-avatar shrink-0", children: user.avatarUrl ? /* @__PURE__ */ jsx10(
+            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) => {
+                  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" }) });
+                  if (!social.handle) {
+                    return /* @__PURE__ */ jsx10("span", { children: iconNode }, `${social.platform}-icon`);
+                  }
+                  return /* @__PURE__ */ jsx10(
+                    "a",
+                    {
+                      href: social.handle,
+                      target: "_blank",
+                      rel: "noreferrer noopener",
+                      "aria-label": `${social.platform} profile`,
+                      children: iconNode
+                    },
+                    `${social.platform}-${social.handle}`
+                  );
+                }) }) : null
+              ] }),
+              onEditProfile ? /* @__PURE__ */ jsxs10(
+                "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" })
+                  ]
+                }
+              ) : null
+            ] }),
+            hasWallets || !!user.socialHandle ? /* @__PURE__ */ jsxs10("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(
+                  "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 })
+                    ]
+                  },
+                  `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
+            ] }) : 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(
+            ConditionalWrapper,
+            {
+              condition: isDepositBlocked,
+              wrapper: (children) => /* @__PURE__ */ jsx10(
+                Tooltip,
+                {
+                  content: /* @__PURE__ */ jsx10("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
+                  size: "small",
+                  side: "bottom",
+                  children
+                }
+              ),
+              children: /* @__PURE__ */ jsx10(
+                Button,
+                __spreadProps(__spreadValues({
+                  variant: "primary",
+                  size: "medium"
+                }, isDepositBlocked ? { disabled: true } : { onClick: onDeposit }), {
+                  className: "min-w-0 flex-1 min-h-10",
+                  children: labels.auth.deposit
+                })
+              )
+            }
+          ) : null,
+          onWithdraw ? /* @__PURE__ */ jsx10(
+            Button,
+            {
+              variant: "secondary",
+              size: "medium",
+              onClick: onWithdraw,
+              className: "min-w-0 flex-1 min-h-10",
+              children: labels.auth.withdraw
+            }
+          ) : null,
+          onEditProfile ? /* @__PURE__ */ jsxs10(
+            "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" })
+              ]
+            }
+          ) : null
+        ] })
+      ]
+    }
+  );
+};
+UserInfoCard.displayName = "UserInfoCard";
+
+// src/pages/user-profile/index.tsx
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var currencyFormatter = new Intl.NumberFormat("en-US", {
+  style: "currency",
+  currency: "USD",
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 2
+});
+var formatUsd = (value) => currencyFormatter.format(Number.isFinite(value) ? value : 0);
+var formatSignedPercentLabel = (ratio) => {
+  const pct = Number.isFinite(ratio) ? ratio * 100 : 0;
+  const sign = pct > 0 ? "+" : "";
+  return `${sign}${pct.toFixed(2)}%`;
+};
+var MICRO_UNITS_SCALE = 1e6;
+var twoDecimalNumberFormatter = new Intl.NumberFormat("en-US", {
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 2
+});
+var twoDecimalUsdFormatter = new Intl.NumberFormat("en-US", {
+  style: "currency",
+  currency: "USD",
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 2
+});
+var DEFAULT_TOKEN_DECIMALS = 6;
+var TOKEN_DECIMALS_BY_SYMBOL = {
+  BNB: 18,
+  ETH: 18,
+  MATIC: 18,
+  POL: 18,
+  WETH: 18,
+  USDC: 6,
+  USDT: 6
+};
+var TOKEN_DECIMALS_BY_CHAIN_AND_SYMBOL = {
+  "56": {
+    USDC: 18,
+    USDT: 18
+  }
+};
+var shortenAddress = (address) => {
+  if (!address) return void 0;
+  if (address.length <= 12) return address;
+  return `${address.slice(0, 6)}...${address.slice(-5)}`;
+};
+var parseRawMicroValue = (value) => {
+  if (!value) return null;
+  if (value.startsWith("0x") || value.startsWith("0X")) {
+    try {
+      return Number(BigInt(value)) / MICRO_UNITS_SCALE;
+    } catch (e) {
+      return null;
+    }
+  }
+  const parsed = Number(value);
+  if (!Number.isFinite(parsed)) return null;
+  return value.includes(".") ? parsed : parsed / MICRO_UNITS_SCALE;
+};
+var formatScaledNumberTwoDecimals = (value) => {
+  const parsed = parseRawMicroValue(value);
+  if (parsed == null) return "0.00";
+  return twoDecimalNumberFormatter.format(parsed);
+};
+var getTokenDecimals = (tokenSymbol, chainId) => {
+  var _a;
+  const normalizedSymbol = tokenSymbol.trim().toUpperCase();
+  const normalizedChainId = chainId == null ? void 0 : chainId.trim();
+  if (normalizedChainId) {
+    const chainDecimals = TOKEN_DECIMALS_BY_CHAIN_AND_SYMBOL[normalizedChainId];
+    const chainTokenDecimals = chainDecimals == null ? void 0 : chainDecimals[normalizedSymbol];
+    if (chainTokenDecimals != null) return chainTokenDecimals;
+  }
+  return (_a = TOKEN_DECIMALS_BY_SYMBOL[normalizedSymbol]) != null ? _a : DEFAULT_TOKEN_DECIMALS;
+};
+var parseRawTokenValue = (value, decimals) => {
+  if (!value) return null;
+  if (value.includes(".")) {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  try {
+    const raw = BigInt(value);
+    let divisor = BigInt(1);
+    for (let i = 0; i < decimals; i++) divisor *= BigInt(10);
+    const whole = raw / divisor;
+    const remainder = raw % divisor;
+    return Number(whole) + Number(remainder) / Number(divisor);
+  } catch (e) {
+    const parsed = Number(value);
+    if (!Number.isFinite(parsed)) return null;
+    return parsed / __pow(10, decimals);
+  }
+};
+var formatTokenAmountTwoDecimals = (value, tokenSymbol, chainId) => {
+  const parsed = parseRawTokenValue(value, getTokenDecimals(tokenSymbol, chainId));
+  if (parsed == null) return "0.00";
+  return twoDecimalNumberFormatter.format(parsed);
+};
+var getFilledUsdValue = (filledAmountRaw) => {
+  var _a;
+  return (_a = parseRawMicroValue(filledAmountRaw)) != null ? _a : 0;
+};
+var formatFilledUsdTwoDecimals = (filledAmountRaw) => {
+  return twoDecimalUsdFormatter.format(getFilledUsdValue(filledAmountRaw));
+};
+var formatTradeQuantityTwoDecimals = (executionPrice, filledAmountRaw) => {
+  const priceNum = Number(executionPrice);
+  const filledUsd = getFilledUsdValue(filledAmountRaw);
+  const quantity = priceNum > 0 ? filledUsd / priceNum : 0;
+  return twoDecimalNumberFormatter.format(quantity);
+};
+var fallbackThumbnailSrc = 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60"><rect width="100%" height="100%" fill="%23f4f4f7"/></svg>';
+var toAbsoluteTimeLabel = (value) => {
+  const d = value instanceof Date ? value : new Date(value);
+  if (Number.isNaN(d.getTime())) return "";
+  const months = [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec"
+  ];
+  return `${months[d.getUTCMonth()]} ${d.getUTCDate()}, ${d.getUTCFullYear()}`;
+};
+var toRelativeTimeLabel = (value) => {
+  const timestamp = value instanceof Date ? value.getTime() : Date.parse(value);
+  if (Number.isNaN(timestamp)) return "";
+  const diffMs = Date.now() - timestamp;
+  const minute = 60 * 1e3;
+  const hour = 60 * minute;
+  const day = 24 * hour;
+  const week = 7 * day;
+  if (diffMs < hour) {
+    const minutes = Math.max(1, Math.floor(diffMs / minute));
+    return `${minutes}m ago`;
+  }
+  if (diffMs < day) {
+    const hours = Math.max(1, Math.floor(diffMs / hour));
+    return `${hours}h ago`;
+  }
+  if (diffMs < week) {
+    const days = Math.max(1, Math.floor(diffMs / day));
+    return `${days}d ago`;
+  }
+  const weeks = Math.max(1, Math.floor(diffMs / week));
+  return `${weeks}w ago`;
+};
+var toAmountLabel = (executionPrice, filledAmountRaw) => {
+  if (!executionPrice || !filledAmountRaw) return "-";
+  return formatFilledUsdTwoDecimals(filledAmountRaw);
+};
+var toSignedAmountLabel = (sign, executionPrice, filledAmountRaw) => {
+  const amountLabel = toAmountLabel(executionPrice, filledAmountRaw);
+  return amountLabel === "-" ? amountLabel : `${sign}${amountLabel}`;
+};
+var SVM_CHAIN_IDS = /* @__PURE__ */ new Set(["792703809"]);
+var OPEN_ORDER_STATUSES = /* @__PURE__ */ new Set([
+  "pending",
+  "signing",
+  "pending_bridge",
+  "submitting",
+  "submitted"
+]);
+var OPEN_ORDERS_REFETCH_INTERVAL_MS = 1e4;
+var isOpenOrderStatus = (status) => OPEN_ORDER_STATUSES.has(status.toLowerCase());
+var getActivityErrorMessage = (item) => {
+  if (!("errorMessage" in item)) return null;
+  return typeof item.errorMessage === "string" ? item.errorMessage : null;
+};
+var hasActivityError = (item) => {
+  const errorMessage = getActivityErrorMessage(item);
+  return item.status.toLowerCase() === "failed" || !!(errorMessage == null ? void 0 : errorMessage.trim());
+};
+var isVisibleActivityItem = (item) => {
+  var _a;
+  if (item.type === "user_op" || item.type === "bridge") return false;
+  if (item.type === "trade" && item.status.toLowerCase() === "failed" && ((_a = parseRawMicroValue(item.filledAmountRaw)) != null ? _a : 0) <= 0)
+    return false;
+  return true;
+};
+var isVisibleUserProfileActivity = (activity) => activity.kind !== "bridge";
+var shouldFetchFullUserProfile = (userProfile) => {
+  var _a, _b, _c, _d;
+  if (!userProfile) return true;
+  return !userProfile.username && !userProfile.avatarUrl && ((_b = (_a = userProfile.accounts) == null ? void 0 : _a.length) != null ? _b : 0) === 0 && ((_d = (_c = userProfile.wallets) == null ? void 0 : _c.length) != null ? _d : 0) === 0;
+};
+var normalizeAddress = (address) => {
+  const trimmed = address == null ? void 0 : address.trim();
+  return trimmed ? trimmed.toLowerCase() : void 0;
+};
+var toNumericChainId = (chainId) => {
+  const parsed = Number(chainId);
+  return Number.isFinite(parsed) ? parsed : void 0;
+};
+var getConnectedWalletAccountAddresses = (userProfile) => {
+  var _a;
+  const accounts = (_a = userProfile == null ? void 0 : userProfile.accounts) != null ? _a : [];
+  const walletAccounts = accounts.filter((account) => {
+    var _a2;
+    const provider = (_a2 = account.provider) == null ? void 0 : _a2.toLowerCase();
+    return provider === "wallet" || provider === "solana_wallet";
+  });
+  return new Set(
+    walletAccounts.map((account) => normalizeAddress(account.providerAccountId)).filter((address) => !!address)
+  );
+};
+var resolveDepositActivitySource = ({
+  fromAddress,
+  chainId,
+  connectedWalletAddresses,
+  depositAddress
+}) => {
+  const normalizedFromAddress = normalizeAddress(fromAddress);
+  if (normalizedFromAddress && connectedWalletAddresses.has(normalizedFromAddress)) {
+    return "wallet";
+  }
+  if (normalizedFromAddress && normalizedFromAddress === normalizeAddress(depositAddress)) {
+    return "crypto";
+  }
+  if (SVM_CHAIN_IDS.has(chainId.trim())) {
+    return "wallet";
+  }
+  return "crypto";
+};
+var toTradeThumbnailSrc = (item, orders) => {
+  var _a, _b, _c;
+  if ((_a = item.venueMarket) == null ? void 0 : _a.image) return item.venueMarket.image;
+  const matchingOrder = orders.find((order) => order.id === item.id);
+  return (_c = (_b = matchingOrder == null ? void 0 : matchingOrder.venueMarket) == null ? void 0 : _b.image) != null ? _c : fallbackThumbnailSrc;
+};
+var toTokenAmountLabel = ({
+  amountRaw,
+  tokenSymbol,
+  chainId,
+  sign
+}) => {
+  const prefix = sign != null ? sign : "";
+  return `${prefix}${formatTokenAmountTwoDecimals(amountRaw, tokenSymbol, chainId)} ${tokenSymbol}`;
+};
+var POSITION_ROW_VENUE_ORDER = [
+  Venue.polymarket,
+  Venue.kalshi,
+  Venue.opinion,
+  Venue.limitless
+];
+function venueBreakdownSortKey(venue) {
+  const idx = POSITION_ROW_VENUE_ORDER.indexOf(venue);
+  return idx === -1 ? POSITION_ROW_VENUE_ORDER.length : idx;
+}
+function toVenueLogoName(venue) {
+  return venue;
+}
+function buildVenueShareBreakdown(outcome) {
+  const breakdown = outcome.venueBreakdown;
+  if (breakdown.length === 0) {
+    return [];
+  }
+  const sorted = [...breakdown].sort(
+    (a, b) => venueBreakdownSortKey(a.venue) - venueBreakdownSortKey(b.venue)
+  );
+  return sorted.map((row) => ({
+    venue: toVenueLogoName(row.venue),
+    sharesLabel: `${twoDecimalNumberFormatter.format(row.size)} shares`
+  }));
+}
+var UserProfilePage = ({
+  user,
+  balanceChainsOverride,
+  venueBalances: _venueBalances,
+  balance,
+  activePositions,
+  closedPositions,
+  activities,
+  onEditProfile,
+  onDeposit,
+  onWithdraw,
+  openOrders,
+  initialPositionFilter = "active",
+  tab,
+  onTabChange,
+  onPositionClick,
+  getPositionHref,
+  onClaim,
+  claimingPositionKeys,
+  onActivityClick,
+  getActivityHref,
+  onOpenOrderClick,
+  onCancelOrder,
+  cancellingOrderIds,
+  isLoadingPositions,
+  isLoadingActivities,
+  isLoadingOpenOrders,
+  positionsError,
+  activitiesError,
+  openOrdersError,
+  hasMoreActivePositions,
+  isLoadingMoreActivePositions,
+  onLoadMoreActivePositions,
+  hasMoreClosedPositions,
+  isLoadingMoreClosedPositions,
+  onLoadMoreClosedPositions,
+  onPositionFilterChange: onPositionFilterChangeProp,
+  hasMoreActivities,
+  isLoadingMoreActivities,
+  onLoadMoreActivities,
+  hasMoreOpenOrders,
+  isLoadingMoreOpenOrders,
+  onLoadMoreOpenOrders,
+  classNames,
+  onError
+}) => {
+  const [isHydrated, setIsHydrated] = useState6(false);
+  useEffect4(() => {
+    setIsHydrated(true);
+  }, []);
+  const { user: currentUser, isAuthenticated } = useAggAuthState();
+  const { isDepositBlocked } = useGeoBlock();
+  const balanceState = useAggBalance();
+  const client = useAggClient();
+  const labels = useLabels6();
+  const queryClient = useQueryClient();
+  const [internalCancellingIds, setInternalCancellingIds] = useState6({});
+  const [profileUser, setProfileUser] = useState6(void 0);
+  const shouldUseHookData = !user;
+  const connectedVenues = useMemo3(() => {
+    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 activePositionsQuery = useExecutionPositions({
+    enabled: shouldUseHookData && isAuthenticated,
+    status: "active",
+    limit: 25
+  });
+  const [hasVisitedClosedTab, setHasVisitedClosedTab] = useState6(
+    initialPositionFilter === "closed"
+  );
+  const closedPositionsQuery = useExecutionPositions({
+    enabled: shouldUseHookData && isAuthenticated && hasVisitedClosedTab,
+    status: "closed",
+    limit: 25
+  });
+  const handlePositionFilterChange = useCallback3(
+    (filter) => {
+      setPositionFilter(filter);
+      if (filter === "closed") setHasVisitedClosedTab(true);
+      onPositionFilterChangeProp == null ? void 0 : onPositionFilterChangeProp(filter);
+    },
+    [onPositionFilterChangeProp]
+  );
+  useEffect4(() => {
+    setPositionFilter(initialPositionFilter);
+    if (initialPositionFilter === "closed") {
+      setHasVisitedClosedTab(true);
+    }
+  }, [initialPositionFilter]);
+  const ordersQuery = useExecutionOrders({
+    enabled: shouldUseHookData && isAuthenticated,
+    limit: 25
+  });
+  const { refetch: refetchOrders } = ordersQuery;
+  const activityQuery = useUserActivity({
+    enabled: shouldUseHookData && isAuthenticated,
+    limit: 25
+  });
+  const depositAddressesQuery = useDepositAddresses({
+    enabled: shouldUseHookData && isAuthenticated,
+    poll: false
+  });
+  const handleCancelOrder = useCallback3(
+    (order) => __async(null, null, function* () {
+      if (onCancelOrder) {
+        onCancelOrder(order);
+        return;
+      }
+      setInternalCancellingIds((prev) => __spreadProps(__spreadValues({}, prev), { [order.id]: true }));
+      try {
+        yield client.cancelManagedOrder(order.id);
+        yield queryClient.invalidateQueries({ queryKey: ["execution-orders"] });
+      } finally {
+        setInternalCancellingIds((prev) => {
+          var _a;
+          const _b = prev, { [_a = order.id]: _removed } = _b, rest = __objRest(_b, [__restKey(_a)]);
+          return rest;
+        });
+      }
+    }),
+    [client, onCancelOrder, queryClient]
+  );
+  useEffect4(() => {
+    if (!shouldUseHookData || !isAuthenticated || typeof refetchOrders !== "function") return;
+    const intervalId = window.setInterval(() => {
+      void refetchOrders();
+    }, OPEN_ORDERS_REFETCH_INTERVAL_MS);
+    return () => window.clearInterval(intervalId);
+  }, [isAuthenticated, refetchOrders, shouldUseHookData]);
+  useEffect4(() => {
+    if (!shouldUseHookData || !isAuthenticated) {
+      setProfileUser(void 0);
+      return;
+    }
+    if (!shouldFetchFullUserProfile(currentUser)) {
+      setProfileUser(void 0);
+      return;
+    }
+    let isActive = true;
+    void client.getCurrentUser().then((fullUser) => {
+      if (isActive) setProfileUser(fullUser);
+    }).catch(() => {
+      if (isActive) setProfileUser(void 0);
+    });
+    return () => {
+      isActive = false;
+    };
+  }, [client, currentUser, isAuthenticated, shouldUseHookData]);
+  const resolvedUser = useMemo3(() => {
+    var _a, _b, _c, _d, _e, _f;
+    if (user) return user;
+    const fullUser = profileUser != null ? profileUser : currentUser;
+    const fallbackUsername = (fullUser == null ? void 0 : fullUser.id) ? `user_${fullUser.id.slice(0, 6)}` : "User";
+    const twitterAccount = (_a = fullUser == null ? void 0 : fullUser.accounts) == null ? void 0 : _a.find(
+      (account) => String(account.provider).toLowerCase() === "twitter"
+    );
+    const normalizedTwitterHandle = (_b = twitterAccount == null ? void 0 : twitterAccount.providerAccountId) == null ? void 0 : _b.replace(/^@/, "");
+    const walletAccounts = (_d = (_c = fullUser == null ? void 0 : fullUser.accounts) == null ? void 0 : _c.filter((a) => a.provider === "wallet" || a.provider === "solana_wallet")) != null ? _d : [];
+    const connectedWallets = walletAccounts.map((a) => {
+      var _a2;
+      return {
+        chain: a.provider === "solana_wallet" ? "solana" : "evm",
+        displayAddress: (_a2 = shortenAddress(a.providerAccountId)) != null ? _a2 : a.providerAccountId
+      };
+    });
+    return {
+      username: (_e = fullUser == null ? void 0 : fullUser.username) != null ? _e : fallbackUsername,
+      avatarUrl: (_f = fullUser == null ? void 0 : fullUser.avatarUrl) != null ? _f : null,
+      socialLinks: normalizedTwitterHandle ? [
+        {
+          platform: "twitter",
+          handle: `https://x.com/${normalizedTwitterHandle}`
+        }
+      ] : [],
+      connectedExchanges: connectedVenues.map((venue) => ({ venue })),
+      connectedWallets,
+      displayAddress: shortenAddress(getWalletAddressFromUserProfile(fullUser)),
+      socialHandle: normalizedTwitterHandle != null ? normalizedTwitterHandle : void 0
+    };
+  }, [connectedVenues, currentUser, profileUser, user]);
+  const _resolvedVenueBalances = useMemo3(() => {
+    if (_venueBalances) return _venueBalances;
+    return balanceState.balanceBreakdown.map((item) => ({
+      chain: item.label,
+      accountCount: item.accountCount,
+      balanceLabel: formatUsd(item.balance)
+    }));
+  }, [_venueBalances, balanceState.balanceBreakdown]);
+  const positionsValueLabel = useMemo3(() => {
+    var _a;
+    if (balance == null ? void 0 : balance.totalLabel) return balance.totalLabel;
+    const managed = balanceState.managedBalances;
+    const positions = (_a = managed == null ? void 0 : managed.positions) != null ? _a : [];
+    const positionsValueTotal = positions.reduce((sum, p) => sum + (Number(p.balance) || 0), 0);
+    return formatUsd(positionsValueTotal);
+  }, [balance, balanceState]);
+  const availableBalanceLabel = useMemo3(() => {
+    var _a;
+    return formatUsd((_a = balanceState.totalBalance) != null ? _a : 0);
+  }, [balanceState.totalBalance]);
+  const resolvedActivities = useMemo3(() => {
+    if (activities) return activities.filter(isVisibleUserProfileActivity);
+    const formatTime = isHydrated ? toRelativeTimeLabel : toAbsoluteTimeLabel;
+    const fullUser = profileUser != null ? profileUser : currentUser;
+    const connectedWalletAddresses = getConnectedWalletAccountAddresses(fullUser);
+    return activityQuery.activities.filter(isVisibleActivityItem).map((item) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+      const timeLabel = formatTime(item.createdAt);
+      if (item.type === "trade") {
+        const tradeItem = item;
+        const sideLower = item.side.toLowerCase();
+        const type = sideLower === "sell" ? "Sell" : "Buy";
+        const isFailed = item.status.toLowerCase() === "failed";
+        const hasError = hasActivityError(item);
+        const eventId = (_b = (_a = tradeItem.venueMarket) == null ? void 0 : _a.venueEventId) != null ? _b : void 0;
+        const marketId = (_d = (_c = tradeItem.venueMarket) == null ? void 0 : _c.id) != null ? _d : void 0;
+        const marketQuestion = (_g = (_f = (_e = tradeItem.venueMarket) == null ? void 0 : _e.question) != null ? _f : tradeItem.marketQuestion) != null ? _g : "Market";
+        const outcomeLabel = (_l = (_k = (_j = (_h = tradeItem.venueMarketOutcome) == null ? void 0 : _h.title) != null ? _j : (_i = tradeItem.venueMarketOutcome) == null ? void 0 : _i.label) != null ? _k : tradeItem.outcomeLabel) != null ? _l : "";
+        return {
+          kind: "trade",
+          id: item.id,
+          eventId,
+          marketId,
+          isFailed,
+          hasError,
+          type,
+          thumbnailSrc: toTradeThumbnailSrc(tradeItem, ordersQuery.orders),
+          title: marketQuestion,
+          venue: item.venue,
+          outcomeLabel,
+          sharesLabel: isFailed ? "-" : `${formatTradeQuantityTwoDecimals(item.executionPrice, item.filledAmountRaw)} shares`,
+          amountLabel: isFailed ? "-" : toSignedAmountLabel(
+            sideLower === "sell" ? "+" : "-",
+            item.executionPrice,
+            item.filledAmountRaw
+          ),
+          timeLabel
+        };
+      }
+      if (item.type === "withdrawal") {
+        const isFailed = item.status.toLowerCase() === "failed";
+        const hasError = hasActivityError(item);
+        return {
+          kind: "withdrawal",
+          id: item.id,
+          isFailed,
+          hasError,
+          type: labels.userProfile.activity.withdrawalType,
+          title: labels.userProfile.activity.withdrawalTitle(item.tokenSymbol),
+          subtitleLabel: `to ${(_m = shortenAddress(item.destinationAddress)) != null ? _m : item.destinationAddress} \xB7 ${formatChainIdLabel(item.destinationChainId)}`,
+          amountLabel: isFailed ? "-" : toTokenAmountLabel({
+            amountRaw: item.amountRaw,
+            chainId: item.destinationChainId,
+            tokenSymbol: item.tokenSymbol,
+            sign: "-"
+          }),
+          timeLabel
+        };
+      }
+      if (item.type === "deposit") {
+        const isFailed = item.status.toLowerCase() === "failed";
+        const hasError = hasActivityError(item);
+        const depositSource = resolveDepositActivitySource({
+          fromAddress: item.fromAddress,
+          chainId: item.chainId,
+          connectedWalletAddresses,
+          depositAddress: depositAddressesQuery.getAddress(toNumericChainId(item.chainId))
+        });
+        const depositTitleBySource = {
+          wallet: labels.userProfile.activity.depositTitles.connectedWallet,
+          crypto: labels.userProfile.activity.depositTitles.externalWallet,
+          card: labels.userProfile.activity.depositTitles.card
+        };
+        return {
+          kind: "deposit",
+          id: item.id,
+          isFailed,
+          hasError,
+          type: labels.userProfile.activity.depositType,
+          title: depositTitleBySource[depositSource],
+          subtitleLabel: `from ${(_n = shortenAddress(item.fromAddress)) != null ? _n : item.fromAddress} \xB7 ${formatChainIdLabel(item.chainId)}`,
+          amountLabel: isFailed ? "-" : toTokenAmountLabel({
+            amountRaw: item.amountRaw,
+            chainId: item.chainId,
+            tokenSymbol: item.tokenSymbol,
+            sign: "+"
+          }),
+          timeLabel,
+          depositSource,
+          chainId: item.chainId
+        };
+      }
+      const _exhaustive = item;
+      return _exhaustive;
+    });
+  }, [
+    activities,
+    activityQuery.activities,
+    currentUser,
+    depositAddressesQuery,
+    isHydrated,
+    labels,
+    ordersQuery.orders,
+    profileUser
+  ]);
+  const resolvedOpenOrders = useMemo3(() => {
+    if (openOrders) return openOrders;
+    return ordersQuery.orders.filter((order) => isOpenOrderStatus(order.status)).map((order) => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      return {
+        id: order.id,
+        thumbnailSrc: (_b = (_a = order.venueMarket) == null ? void 0 : _a.image) != null ? _b : fallbackThumbnailSrc,
+        title: ((_c = order.venueMarket) == null ? void 0 : _c.question) || "Market",
+        outcomeLabel: ((_d = order.venueMarketOutcome) == null ? void 0 : _d.title) || ((_e = order.venueMarketOutcome) == null ? void 0 : _e.label) || "Outcome",
+        venue: order.venue,
+        filledLabel: `${formatScaledNumberTwoDecimals((_f = order.filledAmountRaw) != null ? _f : "0")}/${formatScaledNumberTwoDecimals(order.amountRaw)}`,
+        valueLabel: formatFilledUsdTwoDecimals(order.filledAmountRaw),
+        status: order.status,
+        dagRunId: (_g = order.dagRunId) != null ? _g : null
+      };
+    });
+  }, [openOrders, ordersQuery.orders]);
+  const adaptPositionGroups = useCallback3(
+    (groups) => {
+      return groups.flatMap((group) => {
+        var _a, _b;
+        const closedTotals = group.status === "closed" ? computeClosedPositionTotals(group) : void 0;
+        const venueEventId = (_a = group.venueMarket.venueEventId) != null ? _a : void 0;
+        const eventId = (_b = group.eventId) != null ? _b : venueEventId;
+        const marketId = group.targetMarketId;
+        return group.venueMarket.venueMarketOutcomes.map((outcome) => {
+          var _a2, _b2, _c, _d;
+          const currentPriceCents = Math.round(outcome.currentPrice * 100);
+          const averagePriceCents = Math.round(outcome.avgEntryPrice * 100);
+          const pnlPrefix = outcome.unrealizedPnl >= 0 ? "+" : "";
+          const pnlPercent = outcome.unrealizedPnlPercent.toFixed(2);
+          return {
+            id: `${group.targetMarketId}-${outcome.label}-${(_a2 = outcome.title) != null ? _a2 : ""}`,
+            eventId,
+            marketId,
+            thumbnailSrc: (_b2 = group.venueMarket.image) != null ? _b2 : fallbackThumbnailSrc,
+            title: group.venueMarket.question,
+            outcomeLabel: ((_c = outcome.title) == null ? void 0 : _c.trim()) || outcome.label,
+            venueShareBreakdown: buildVenueShareBreakdown(outcome),
+            averageLabel: `${averagePriceCents}\xA2`,
+            currentLabel: `${currentPriceCents}\xA2`,
+            valueLabel: formatUsd(outcome.totalValue),
+            pnlLabel: `${pnlPrefix}${formatUsd(outcome.unrealizedPnl)} (${pnlPrefix}${pnlPercent}%)`,
+            isPnlPositive: outcome.unrealizedPnl >= 0,
+            status: group.status,
+            marketStatus: group.venueMarket.status,
+            winner: (_d = outcome.winner) != null ? _d : null,
+            resolutionDate: group.resolutionDate,
+            closedTotalTradedLabel: closedTotals ? formatUsd(closedTotals.totalTraded) : void 0,
+            closedAmountWonLabel: closedTotals ? formatUsd(closedTotals.amountWon) : void 0,
+            closedReturnLabel: closedTotals ? formatSignedPercentLabel(closedTotals.returnPct) : void 0,
+            closedClaimStatus: closedTotals ? group.redeemStatus : void 0,
+            winningOutcomeIds: closedTotals == null ? void 0 : closedTotals.winningOutcomeIds
+          };
+        });
+      });
+    },
+    []
+  );
+  const resolvedActivePositions = useMemo3(() => {
+    if (activePositions) return activePositions;
+    return adaptPositionGroups(activePositionsQuery.positions);
+  }, [activePositions, activePositionsQuery.positions, adaptPositionGroups]);
+  const resolvedClosedPositions = useMemo3(() => {
+    if (closedPositions) return closedPositions;
+    return adaptPositionGroups(closedPositionsQuery.positions);
+  }, [closedPositions, closedPositionsQuery.positions, adaptPositionGroups]);
+  return /* @__PURE__ */ jsx11(AggErrorBoundary, { onError, children: /* @__PURE__ */ jsx11(
+    "section",
+    {
+      className: cn(
+        "agg-user-profile-page",
+        "w-full mx-auto px-6 lg:px-10 pb-10 max-w-[1360px]",
+        classNames == null ? void 0 : classNames.root
+      ),
+      children: /* @__PURE__ */ jsxs11(
+        "div",
+        {
+          className: cn(
+            "agg-page-content",
+            "pt-4 sm:pt-6 md:pt-8 pb-10",
+            "flex w-full flex-col gap-6",
+            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(
+                "div",
+                {
+                  className: cn(
+                    "agg-profile-main",
+                    "flex min-w-0 flex-1 flex-col gap-4 sm:gap-6 h-full",
+                    classNames == null ? void 0 : classNames.leftColumn
+                  ),
+                  children: /* @__PURE__ */ jsx11(
+                    UserInfoCard,
+                    {
+                      user: resolvedUser,
+                      onEditProfile,
+                      onDeposit,
+                      onWithdraw,
+                      isDepositBlocked,
+                      className: cn("h-full", classNames == null ? void 0 : classNames.userInfoCard)
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxs11(
+                "div",
+                {
+                  className: cn("agg-profile-side-panels flex flex-col gap-4", classNames == null ? void 0 : classNames.rightColumn),
+                  children: [
+                    /* @__PURE__ */ jsx11(PositionsValueCard, { valueLabel: positionsValueLabel }),
+                    /* @__PURE__ */ jsx11(
+                      AvailableBalanceCard,
+                      {
+                        valueLabel: availableBalanceLabel,
+                        chains: (balanceChainsOverride != null ? balanceChainsOverride : balanceState.balanceBreakdown).map((b) => ({
+                          key: b.key,
+                          label: b.label,
+                          balance: b.balance,
+                          accountCount: b.accountCount,
+                          venues: b.venues
+                        }))
+                      }
+                    )
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx11(
+              PositionsActivity,
+              {
+                tab,
+                onTabChange,
+                activePositions: resolvedActivePositions,
+                closedPositions: resolvedClosedPositions,
+                activities: resolvedActivities,
+                openOrders: resolvedOpenOrders,
+                onPositionClick,
+                getPositionHref,
+                onClaim,
+                claimingPositionKeys,
+                onActivityClick,
+                getActivityHref,
+                onOpenOrderClick,
+                onCancelOrder: handleCancelOrder,
+                cancellingOrderIds: cancellingOrderIds != null ? cancellingOrderIds : internalCancellingIds,
+                isLoadingPositions: isLoadingPositions != null ? isLoadingPositions : !!shouldUseHookData && (positionFilter === "active" ? activePositionsQuery.isLoading : closedPositionsQuery.isLoading),
+                isLoadingActivities: isLoadingActivities != null ? isLoadingActivities : !!shouldUseHookData && activityQuery.isLoading,
+                isLoadingOpenOrders: isLoadingOpenOrders != null ? isLoadingOpenOrders : !!shouldUseHookData && ordersQuery.isLoading,
+                positionsError: positionsError != null ? positionsError : !!shouldUseHookData && (positionFilter === "active" ? !!activePositionsQuery.error : !!closedPositionsQuery.error),
+                activitiesError: activitiesError != null ? activitiesError : !!shouldUseHookData && !!activityQuery.error,
+                openOrdersError: openOrdersError != null ? openOrdersError : !!shouldUseHookData && !!ordersQuery.error,
+                hasMoreActivePositions: hasMoreActivePositions != null ? hasMoreActivePositions : !!shouldUseHookData && !!activePositionsQuery.hasNextPage,
+                isLoadingMoreActivePositions: isLoadingMoreActivePositions != null ? isLoadingMoreActivePositions : !!shouldUseHookData && !!activePositionsQuery.isFetchingNextPage,
+                onLoadMoreActivePositions: onLoadMoreActivePositions != null ? onLoadMoreActivePositions : shouldUseHookData && activePositionsQuery.hasNextPage ? () => {
+                  void activePositionsQuery.fetchNextPage();
+                } : void 0,
+                hasMoreClosedPositions: hasMoreClosedPositions != null ? hasMoreClosedPositions : !!shouldUseHookData && !!closedPositionsQuery.hasNextPage,
+                isLoadingMoreClosedPositions: isLoadingMoreClosedPositions != null ? isLoadingMoreClosedPositions : !!shouldUseHookData && !!closedPositionsQuery.isFetchingNextPage,
+                onLoadMoreClosedPositions: onLoadMoreClosedPositions != null ? onLoadMoreClosedPositions : shouldUseHookData && closedPositionsQuery.hasNextPage ? () => {
+                  void closedPositionsQuery.fetchNextPage();
+                } : void 0,
+                onPositionFilterChange: handlePositionFilterChange,
+                initialPositionFilter,
+                hasMoreActivities: hasMoreActivities != null ? hasMoreActivities : !!shouldUseHookData && !!activityQuery.hasNextPage,
+                isLoadingMoreActivities: isLoadingMoreActivities != null ? isLoadingMoreActivities : !!shouldUseHookData && !!activityQuery.isFetchingNextPage,
+                onLoadMoreActivities: onLoadMoreActivities != null ? onLoadMoreActivities : shouldUseHookData && activityQuery.hasNextPage ? () => {
+                  void activityQuery.fetchNextPage();
+                } : void 0,
+                hasMoreOpenOrders: hasMoreOpenOrders != null ? hasMoreOpenOrders : !!shouldUseHookData && !!ordersQuery.hasNextPage,
+                isLoadingMoreOpenOrders: isLoadingMoreOpenOrders != null ? isLoadingMoreOpenOrders : !!shouldUseHookData && !!ordersQuery.isFetchingNextPage,
+                onLoadMoreOpenOrders: onLoadMoreOpenOrders != null ? onLoadMoreOpenOrders : shouldUseHookData && ordersQuery.hasNextPage ? () => {
+                  void ordersQuery.fetchNextPage();
+                } : void 0,
+                className: classNames == null ? void 0 : classNames.positionsActivity
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+};
+UserProfilePage.displayName = "UserProfilePage";
+
+export {
+  DefaultAvatar,
+  ConditionalWrapper,
+  EventMarketPage,
+  useHomePageModals,
+  HomePage,
+  USER_PROFILE_TAB_POSITIONS,
+  USER_PROFILE_TAB_OPEN_ORDERS,
+  USER_PROFILE_TAB_ACTIVITY,
+  UserProfilePage
+};