@agg-market/ui 11.0.0 → 12.0.0

package/dist/{chunk-HMUMJUIL.mjs → chunk-AKR2ZSBQ.mjs}

@@ -7,11 +7,11 @@ import {
   getDefaultEventListTabs,
   isErrorWithStatus,
   resolveTabVenus
-} from "./chunk-2KGE5AJQ.mjs";
+} from "./chunk-VOYSFL6U.mjs";
 import {
   PlaceOrder,
   Settlement
-} from "./chunk-UONHGMFI.mjs";
+} from "./chunk-VMJGQKKU.mjs";
 import {
   Button,
   Card,
@@ -19,15 +19,20 @@ import {
   Icon,
   Modal,
   RemoteImage,
+  SearchEmptyIcon,
   Skeleton,
   StateMessage,
   Tabs,
+  Tooltip,
   Typography,
   VenueLogo,
   __spreadProps,
   __spreadValues,
-  cn
-} from "./chunk-IUJXJEDQ.mjs";
+  cn,
+  skeletonViews,
+  venueLogoLabels,
+  venueLogoUrlRegistry
+} from "./chunk-XUML4ZJQ.mjs";
 
 // src/pages/home/index.tsx
 import { useEffect as useEffect2, useMemo as useMemo2, useRef, useState as useState2 } from "react";
@@ -40,23 +45,19 @@ import dayjs from "dayjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var resolveHeroMarketId = (event, heroMarketId) => {
   var _a, _b;
-  if (!((_a = event == null ? void 0 : event.venueMarkets) == null ? void 0 : _a.length))
-    return void 0;
+  if (!((_a = event == null ? void 0 : event.venueMarkets) == null ? void 0 : _a.length)) return void 0;
   if (heroMarketId) {
     const matchingHeroMarket = event.venueMarkets.find(
       (market) => market.id === heroMarketId
     );
-    if (matchingHeroMarket)
-      return matchingHeroMarket.id;
+    if (matchingHeroMarket) return matchingHeroMarket.id;
   }
   return (_b = event.venueMarkets[0]) == null ? void 0 : _b.id;
 };
 var buildHeroEvent = (event, heroMarketId) => {
-  if (!heroMarketId)
-    return void 0;
+  if (!heroMarketId) return void 0;
   const heroMarket = event.venueMarkets.find((market) => market.id === heroMarketId);
-  if (!heroMarket)
-    return void 0;
+  if (!heroMarket) return void 0;
   return __spreadProps(__spreadValues({}, event), {
     venueMarkets: [heroMarket]
   });
@@ -363,8 +364,7 @@ var resolveCategoryTabs = (categories, allCategoryTabLabel) => {
     }
   ];
   for (const category of categories) {
-    if (seenCategoryIds.has(category.id))
-      continue;
+    if (seenCategoryIds.has(category.id)) continue;
     seenCategoryIds.add(category.id);
     tabs.push({
       value: category.id,
@@ -378,8 +378,7 @@ var resolveInitialTabValue = (tabs, defaultActiveTab) => {
   var _a, _b;
   if (defaultActiveTab) {
     const hasDefaultTab = tabs.some((tab) => tab.value === defaultActiveTab);
-    if (hasDefaultTab)
-      return defaultActiveTab;
+    if (hasDefaultTab) return defaultActiveTab;
   }
   return (_b = (_a = tabs[0]) == null ? void 0 : _a.value) != null ? _b : ALL_CATEGORIES_TAB_VALUE;
 };
@@ -391,9 +390,7 @@ var SEARCH_DEBOUNCE_MS = 300;
 var SEARCH_RESULTS_LIMIT = 9;
 var HomeSearchResults = ({
   activeTabValue,
-  onTabChange,
   query,
-  tabs,
   resolvedTabs,
   className
 }) => {
@@ -418,18 +415,14 @@ var HomeSearchResults = ({
   });
   const loadMoreRef = useRef(null);
   useEffect2(() => {
-    if (!hasNextPage)
-      return;
+    if (!hasNextPage) return;
     const target = loadMoreRef.current;
-    if (!target)
-      return;
+    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;
+        if (!(entry == null ? void 0 : entry.isIntersecting)) return;
+        if (isLoading || isFetchingNextPage || !hasNextPage) return;
         void fetchNextPage();
       },
       {
@@ -496,8 +489,7 @@ var HomeSearchResults = ({
             root: "w-full min-w-0 max-w-none"
           },
           onClick: (selectedEvent) => {
-            if (!selectedEvent)
-              return;
+            if (!selectedEvent) return;
             searchConfig.onSelect(selectedEvent);
           }
         },
@@ -536,7 +528,7 @@ var HomeSearchResults = ({
 var HomePage = ({
   tabs,
   defaultActiveTab,
-  onTabChange,
+  onTabChange: _onTabChange,
   eventSectionItems,
   classNames,
   categoriesLimit = DEFAULT_CATEGORIES_LIMIT,
@@ -569,7 +561,7 @@ var HomePage = ({
     };
   }, [normalizedSearchValue]);
   const resolvedAllCategoryTabLabel = allCategoryTabLabel === DEFAULT_ALL_CATEGORY_TAB_LABEL ? labels.home.trending : allCategoryTabLabel;
-  const { categories, isLoading: isCategoriesLoading } = useCategories({
+  const { categories } = useCategories({
     limit: categoriesLimit,
     enabled: !hasCustomTabs
   });
@@ -577,8 +569,7 @@ var HomePage = ({
     return resolveCategoryTabs(categories, resolvedAllCategoryTabLabel);
   }, [categories, resolvedAllCategoryTabLabel]);
   const resolvedTabs = useMemo2(() => {
-    if (hasCustomTabs && tabs)
-      return tabs;
+    if (hasCustomTabs && tabs) return tabs;
     return categoryTabs;
   }, [categoryTabs, hasCustomTabs, tabs]);
   const resolvedEventSectionItems = eventSectionItems && eventSectionItems.length > 0 ? eventSectionItems : getDefaultEventSectionItems(labels);
@@ -588,8 +579,7 @@ var HomePage = ({
   useEffect2(() => {
     setActiveTabValue((currentValue) => {
       const hasCurrentValue = resolvedTabs.some((tab) => tab.value === currentValue);
-      if (hasCurrentValue)
-        return currentValue;
+      if (hasCurrentValue) return currentValue;
       return resolveInitialTabValue(resolvedTabs, defaultActiveTab);
     });
   }, [defaultActiveTab, resolvedTabs]);
@@ -636,7 +626,7 @@ var HomePage = ({
   }, [activeTab, activeTabValue, resolvedEventSectionItems]);
   const handleTabChange = (value) => {
     setActiveTabValue(value);
-    onTabChange == null ? void 0 : onTabChange(value);
+    _onTabChange == null ? void 0 : _onTabChange(value);
   };
   return /* @__PURE__ */ jsxs2("section", { className: cn("flex w-full flex-col", classNames == null ? void 0 : classNames.root), children: [
     /* @__PURE__ */ jsx2(Header, { searchProps: {} }),
@@ -671,9 +661,7 @@ var HomePage = ({
           HomeSearchResults,
           {
             activeTabValue,
-            onTabChange: handleTabChange,
             query: debouncedSearchValue,
-            tabs: tabsItems,
             resolvedTabs
           }
         ) : resolvedSectionItems.map((eventSectionItem) => {
@@ -688,8 +676,7 @@ var HomePage = ({
               search: debouncedSearchValue || eventSectionItem.search || (activeTab == null ? void 0 : activeTab.search),
               categoryIds: (_b = eventSectionItem.categoryIds) != null ? _b : activeTab == null ? void 0 : activeTab.categoryIds,
               onClick: (event) => {
-                if (!event)
-                  return;
+                if (!event) return;
                 onSelectEvent(event);
               }
             },
@@ -702,134 +689,194 @@ var HomePage = ({
 };
 HomePage.displayName = "HomePage";
 
-// src/pages/user-profile/components/balance-display.tsx
-import { useState as useState3 } from "react";
-
-// src/pages/user-profile/user-profile.constants.ts
-var USER_PROFILE_TAB_POSITIONS = "positions";
-var USER_PROFILE_TAB_ACTIVITY = "activity";
-var USER_PROFILE_TIME_RANGES = ["1D", "1W", "1M", "All"];
-var USER_PROFILE_POSITION_FILTERS = [
-  { value: "active", label: "Active" },
-  { value: "closed", label: "Closed" }
-];
+// src/pages/user-profile/index.tsx
+import { useMemo as useMemo4 } from "react";
+import {
+  getWalletAddressFromUserProfile,
+  useAggBalance,
+  useAggAuthState,
+  useExecutionOrders,
+  useExecutionPositions
+} from "@agg-market/hooks";
 
-// src/pages/user-profile/components/balance-display.tsx
+// src/pages/user-profile/components/positions-value-card.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var BalanceDisplay = ({
-  balance,
-  defaultTimeRange = "All",
-  onTimeRangeChange,
+var PositionsValueCard = ({
+  label = "Positions Value",
+  valueLabel,
   className
 }) => {
-  var _a, _b;
-  const [activeRange, setActiveRange] = useState3(defaultTimeRange);
-  const currentBalance = balance == null ? void 0 : balance[activeRange];
-  const handleRangeChange = (range) => {
-    setActiveRange(range);
-    onTimeRangeChange == null ? void 0 : onTimeRangeChange(range);
-  };
   return /* @__PURE__ */ jsxs3(
     "div",
     {
       className: cn(
-        "flex items-end justify-between overflow-clip rounded-agg-md border border-agg-separator bg-agg-secondary p-5",
+        "flex h-full flex-col gap-3 rounded-agg-md border border-agg-separator bg-agg-secondary p-5",
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs3("div", { className: "flex items-end gap-3", children: [
-          /* @__PURE__ */ jsx3("span", { className: "agg-type-display text-agg-foreground", children: (_a = currentBalance == null ? void 0 : currentBalance.totalLabel) != null ? _a : "$0.00" }),
-          /* @__PURE__ */ jsx3("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-muted-foreground", children: "Profit/Loss" }),
-          /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx3(
-              "span",
-              {
-                className: cn(
-                  "font-agg-sans text-agg-base leading-6 font-agg-bold",
-                  (currentBalance == null ? void 0 : currentBalance.isPositive) ? "text-agg-success" : "text-agg-error"
-                ),
-                children: (_b = currentBalance == null ? void 0 : currentBalance.changePercentLabel) != null ? _b : "0%"
-              }
-            ),
-            /* @__PURE__ */ jsx3(
-              Icon,
-              {
-                name: "triangle-up-filled",
-                size: "small",
-                className: cn(
-                  (currentBalance == null ? void 0 : currentBalance.isPositive) ? "text-agg-success" : "rotate-180 text-agg-error"
-                )
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx3("div", { className: "flex w-[100px] items-center justify-between", children: USER_PROFILE_TIME_RANGES.map((range) => {
-          const isActive = range === activeRange;
-          return /* @__PURE__ */ jsx3(
-            "button",
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx3(
+            "svg",
             {
-              type: "button",
-              onClick: () => handleRangeChange(range),
-              className: cn(
-                "cursor-pointer bg-transparent font-agg-sans text-agg-sm leading-agg-5",
-                isActive ? "font-agg-bold text-agg-foreground" : "font-agg-normal text-agg-muted-foreground hover:text-agg-foreground"
-              ),
-              children: range
-            },
-            range
-          );
-        }) })
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "16",
+              height: "16",
+              viewBox: "0 0 16 16",
+              fill: "none",
+              children: /* @__PURE__ */ jsx3(
+                "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__ */ jsx3("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-muted-foreground", children: label })
+        ] }),
+        /* @__PURE__ */ jsx3("div", { className: "font-agg-sans text-agg-2xl leading-8 font-agg-bold text-agg-foreground", children: valueLabel }),
+        /* @__PURE__ */ jsx3("div", { className: "flex-1" })
       ]
     }
   );
 };
-BalanceDisplay.displayName = "BalanceDisplay";
+PositionsValueCard.displayName = "PositionsValueCard";
 
-// src/pages/user-profile/components/balances-card.tsx
+// src/pages/user-profile/components/available-balance-card.tsx
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var BalancesCard = ({
-  venueBalances = [],
-  onDeposit,
-  onWithdraw,
+var chainIconName = (label) => {
+  const key = label.trim().toLowerCase();
+  if (key.includes("polygon")) return "polygon";
+  if (key.includes("solana")) return "solana";
+  if (key.includes("bnb")) return "bnb";
+  if (key.includes("base")) return "bnb";
+  if (key.includes("arbitrum")) return "bnb";
+  if (key.includes("ethereum") || key.includes("eth")) return "ethereum";
+  return void 0;
+};
+var AvailableBalanceCard = ({
+  label = "Available Balance",
+  valueLabel,
+  chains,
   className
 }) => {
   return /* @__PURE__ */ jsxs4(
     "div",
     {
       className: cn(
-        "flex flex-col gap-4 rounded-agg-md border border-agg-separator bg-agg-secondary p-5",
+        "flex h-full flex-col gap-3 rounded-agg-md border border-agg-separator bg-agg-secondary p-5",
         className
       ),
       children: [
-        /* @__PURE__ */ jsx4("h3", { className: "agg-type-body-large-strong text-agg-foreground", children: "Balances" }),
-        /* @__PURE__ */ jsxs4("div", { className: "relative min-h-0 flex-1 overflow-clip", children: [
-          /* @__PURE__ */ jsx4("div", { className: "flex max-h-full flex-col gap-3 overflow-y-auto pr-1", children: venueBalances.map((balance, idx) => /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ jsx4(VenueLogo, { venue: balance.venue, size: "small" }),
-              /* @__PURE__ */ jsx4("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-foreground capitalize", children: balance.venue })
-            ] }),
-            /* @__PURE__ */ jsx4("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-bold text-agg-foreground", children: balance.balanceLabel })
-          ] }, `${balance.venue}-${idx}`)) }),
+        /* @__PURE__ */ jsx4("div", { className: "flex items-center justify-between gap-3", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx4(
-            "div",
+            "svg",
             {
-              "aria-hidden": true,
-              className: "pointer-events-none absolute bottom-0 left-0 h-10 w-full bg-gradient-to-b from-transparent to-white"
+              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__ */ jsx4(
+                "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__ */ jsx4("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-muted-foreground", children: label })
+        ] }) }),
+        /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx4("div", { className: "font-agg-sans text-agg-2xl leading-8 font-agg-bold text-agg-foreground", children: valueLabel }),
+          /* @__PURE__ */ jsx4(
+            Tooltip,
+            {
+              "aria-label": "Balances by chain",
+              size: "small",
+              side: "top",
+              classNames: { content: "border-0" },
+              content: /* @__PURE__ */ jsxs4("div", { className: "flex min-w-[280px] max-w-[360px] flex-col gap-2 p-3 sm:p-4", children: [
+                /* @__PURE__ */ jsx4("div", { className: "font-agg-sans text-agg-sm leading-5 font-agg-bold text-agg-foreground", children: "Balance by network" }),
+                /* @__PURE__ */ jsx4("div", { role: "list", className: "divide-y divide-agg-separator/60", children: chains.map((row) => {
+                  const icon = chainIconName(row.label);
+                  return /* @__PURE__ */ jsxs4(
+                    "div",
+                    {
+                      role: "listitem",
+                      className: "grid grid-cols-[1fr_auto] items-center gap-x-4 py-2 first:pt-0 last:pb-0",
+                      children: [
+                        /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 items-center gap-2", children: [
+                          icon ? /* @__PURE__ */ jsx4(Icon, { name: icon, size: "small", className: "text-agg-foreground" }) : /* @__PURE__ */ jsx4("span", { className: "flex h-5 w-5 items-center justify-center rounded-agg-sm border border-agg-separator text-agg-xs text-agg-muted-foreground", children: row.label.slice(0, 2).toUpperCase() }),
+                          /* @__PURE__ */ jsx4("span", { className: "truncate font-agg-sans text-agg-sm leading-5 font-agg-normal text-agg-foreground", children: row.label })
+                        ] }),
+                        /* @__PURE__ */ jsx4("span", { className: "shrink-0 whitespace-nowrap tabular-nums font-agg-sans text-agg-sm leading-5 font-agg-bold text-agg-foreground", children: row.balance.toLocaleString("en-US", {
+                          style: "currency",
+                          currency: "USD",
+                          minimumFractionDigits: 2,
+                          maximumFractionDigits: 2
+                        }) })
+                      ]
+                    },
+                    row.key
+                  );
+                }) }),
+                /* @__PURE__ */ jsx4("div", { className: "mt-1 rounded-agg-md bg-agg-secondary-hover p-3 font-agg-sans text-agg-sm leading-5 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__ */ jsxs4(
+                "div",
+                {
+                  "data-testid": "balances-by-network-trigger",
+                  className: "flex min-h-[20px] min-w-[20px] items-center gap-1 rounded-[6px] 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);
+                      return icon ? /* @__PURE__ */ jsx4(
+                        "span",
+                        {
+                          className: "relative z-0 flex h-4 w-4 items-center justify-center rounded-[4px] bg-agg-secondary",
+                          children: /* @__PURE__ */ jsx4(Icon, { name: icon, size: "small", className: "text-agg-foreground" })
+                        },
+                        `icon-${row.key}`
+                      ) : /* @__PURE__ */ jsx4(
+                        "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__ */ jsxs4("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
+                  ]
+                }
+              )
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
-          onDeposit ? /* @__PURE__ */ jsx4(Button, { variant: "primary", size: "small", onClick: onDeposit, className: "flex-1", children: "Deposit" }) : null,
-          onWithdraw ? /* @__PURE__ */ jsx4(Button, { variant: "secondary", size: "small", onClick: onWithdraw, className: "flex-1", children: "Withdraw" }) : null
-        ] })
+        /* @__PURE__ */ jsx4("div", { className: "flex-1" })
       ]
     }
   );
 };
-BalancesCard.displayName = "BalancesCard";
+AvailableBalanceCard.displayName = "AvailableBalanceCard";
 
 // src/pages/user-profile/components/positions-activity.tsx
-import { useMemo as useMemo3, useState as useState4 } from "react";
+import { useMemo as useMemo3, useState as useState3 } from "react";
+
+// src/pages/user-profile/user-profile.constants.ts
+var USER_PROFILE_TAB_POSITIONS = "positions";
+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 { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
@@ -842,34 +889,34 @@ var ActivityRow = ({ activity, onClick }) => {
     {
       type: "button",
       className: cn(
-        "flex w-full items-center gap-6 rounded-agg-sm p-0 text-left",
+        "flex w-full flex-col gap-3 rounded-agg-sm p-0 text-left sm:flex-row sm:items-center sm:gap-6",
         "hover:bg-agg-secondary-hover focus-visible:outline-none focus-visible:bg-agg-secondary-hover",
         "cursor-pointer"
       ),
       onClick: handleClick,
       children: [
-        /* @__PURE__ */ jsx5("p", { className: "w-[60px] shrink-0 font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground", children: activity.type }),
-        /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
+        /* @__PURE__ */ jsx5("p", { className: "hidden w-[60px] shrink-0 font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground sm:block", children: activity.type }),
+        /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 w-full flex-1 items-center gap-3 sm:gap-4", children: [
           /* @__PURE__ */ jsx5(VenueLogo, { venue: activity.venue, size: "small", className: "shrink-0" }),
-          /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
             /* @__PURE__ */ jsx5(
               RemoteImage,
               {
                 src: activity.thumbnailSrc,
                 alt: "",
-                className: "h-[60px] w-[60px] shrink-0 rounded-agg-sm object-cover"
+                className: "h-[52px] w-[52px] shrink-0 rounded-agg-sm object-cover sm:h-[60px] sm:w-[60px]"
               }
             ),
-            /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-1 flex-col gap-2 justify-center", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-2", children: [
               /* @__PURE__ */ jsx5("p", { className: "min-w-full overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: activity.title }),
-              /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsx5("span", { className: "inline-flex items-center justify-center gap-1.5 rounded-full bg-agg-secondary-hover px-4 py-1.5", children: /* @__PURE__ */ jsx5("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: activity.outcomeLabel }) }),
+              /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3", children: [
+                /* @__PURE__ */ jsx5("span", { className: "inline-flex items-center justify-center gap-1.5 rounded-full bg-agg-secondary-hover px-3 py-1.5 sm:px-4", children: /* @__PURE__ */ jsx5("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: activity.outcomeLabel }) }),
                 /* @__PURE__ */ jsx5("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-black whitespace-nowrap", children: activity.sharesLabel })
               ] })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs5("div", { className: "flex w-[120px] shrink-0 flex-col items-end justify-center gap-1 text-agg-base leading-agg-6 whitespace-nowrap", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex w-full flex-row items-center justify-between gap-1 text-agg-base leading-agg-6 whitespace-nowrap sm:w-[120px] sm:shrink-0 sm:flex-col sm:items-end sm:justify-center", children: [
           /* @__PURE__ */ jsx5("p", { className: "font-agg-sans font-agg-bold text-black", children: activity.amountLabel }),
           /* @__PURE__ */ jsx5("p", { className: "font-agg-sans font-agg-normal text-agg-muted-foreground", children: activity.timeLabel })
         ] })
@@ -881,50 +928,6 @@ ActivityRow.displayName = "ActivityRow";
 
 // src/pages/user-profile/components/empty-state.tsx
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var EmptyIcon = () => /* @__PURE__ */ jsxs6(
-  "svg",
-  {
-    width: "40",
-    height: "40",
-    viewBox: "0 0 40 40",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "text-agg-muted-foreground",
-    "aria-hidden": true,
-    children: [
-      /* @__PURE__ */ jsx6(
-        "path",
-        {
-          d: "M33.3333 5H6.66667C5.74619 5 5 5.74619 5 6.66667V33.3333C5 34.2538 5.74619 35 6.66667 35H33.3333C34.2538 35 35 34.2538 35 33.3333V6.66667C35 5.74619 34.2538 5 33.3333 5Z",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ jsx6(
-        "path",
-        {
-          d: "M14.1667 16.6667C15.5474 16.6667 16.6667 15.5474 16.6667 14.1667C16.6667 12.786 15.5474 11.6667 14.1667 11.6667C12.786 11.6667 11.6667 12.786 11.6667 14.1667C11.6667 15.5474 12.786 16.6667 14.1667 16.6667Z",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ jsx6(
-        "path",
-        {
-          d: "M35 25L26.6667 16.6667L6.66667 36.6667",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    ]
-  }
-);
 var EmptyState = ({ title, description, className }) => {
   return /* @__PURE__ */ jsx6(
     "div",
@@ -933,7 +936,7 @@ var EmptyState = ({ title, description, className }) => {
       role: "status",
       "aria-live": "polite",
       children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-5", children: [
-        /* @__PURE__ */ jsx6(EmptyIcon, {}),
+        /* @__PURE__ */ jsx6(SearchEmptyIcon, { className: "h-10 w-10 text-agg-muted-foreground", "aria-hidden": true }),
         /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-1 text-center text-agg-foreground", children: [
           /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold", children: title }),
           description ? /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal", children: description }) : null
@@ -955,43 +958,43 @@ var PositionRow = ({ position, onClick }) => {
     {
       type: "button",
       className: cn(
-        "flex w-full items-center gap-6 rounded-agg-sm p-0 text-left",
+        "flex w-full flex-col gap-3 rounded-agg-sm p-0 text-left sm:flex-row sm:items-center sm:gap-6",
         "hover:bg-agg-secondary-hover focus-visible:outline-none focus-visible:bg-agg-secondary-hover",
         "cursor-pointer"
       ),
       onClick: handleClick,
       children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 w-full flex-1 items-center gap-3 sm:gap-4", children: [
           /* @__PURE__ */ jsx7(VenueLogo, { venue: position.venue, size: "small", className: "shrink-0" }),
-          /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
+          /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
             /* @__PURE__ */ jsx7(
               RemoteImage,
               {
                 src: position.thumbnailSrc,
                 alt: "",
-                className: "h-[60px] w-[60px] shrink-0 rounded-agg-sm object-cover"
+                className: "h-[52px] w-[52px] shrink-0 rounded-agg-sm object-cover sm:h-[60px] sm:w-[60px]"
               }
             ),
-            /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1 flex-col gap-2 justify-center", children: [
+            /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-2", children: [
               /* @__PURE__ */ jsx7("p", { className: "min-w-full overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: position.title }),
-              /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsx7("span", { className: "inline-flex items-center justify-center gap-1.5 rounded-full bg-agg-secondary-hover px-4 py-1.5", children: /* @__PURE__ */ jsx7("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: position.outcomeLabel }) }),
+              /* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3", children: [
+                /* @__PURE__ */ jsx7("span", { className: "inline-flex items-center justify-center gap-1.5 rounded-full bg-agg-secondary-hover px-3 py-1.5 sm:px-4", children: /* @__PURE__ */ jsx7("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: position.outcomeLabel }) }),
                 /* @__PURE__ */ jsx7("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-black whitespace-nowrap", children: position.sharesLabel })
               ] })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx7("p", { className: "w-[120px] shrink-0 agg-type-title text-agg-foreground", children: position.averageLabel }),
-        /* @__PURE__ */ jsx7("p", { className: "w-[120px] shrink-0 agg-type-title text-agg-foreground", children: position.currentLabel }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-6 shrink-0", children: [
-          /* @__PURE__ */ jsxs7("div", { className: "flex w-[140px] flex-col items-end justify-center gap-1 text-agg-base leading-agg-6 whitespace-nowrap", children: [
+        /* @__PURE__ */ jsx7("p", { className: "hidden w-[120px] shrink-0 agg-type-title text-agg-foreground sm:block", children: position.averageLabel }),
+        /* @__PURE__ */ jsx7("p", { className: "hidden w-[120px] shrink-0 agg-type-title text-agg-foreground sm:block", children: position.currentLabel }),
+        /* @__PURE__ */ jsxs7("div", { className: "flex w-full items-center justify-between gap-3 sm:w-auto sm:justify-start sm:gap-6 sm:shrink-0", children: [
+          /* @__PURE__ */ jsxs7("div", { className: "flex flex-col justify-center gap-1 text-agg-base leading-agg-6 whitespace-nowrap sm:w-[140px] sm:items-end", children: [
             /* @__PURE__ */ jsx7("p", { className: "font-agg-sans font-agg-bold text-black", children: position.valueLabel }),
             /* @__PURE__ */ jsx7(
               "p",
               {
                 className: cn(
                   "font-agg-sans font-agg-normal",
-                  position.isPnlPositive ? "text-[#00c853]" : "text-[#e5455f]"
+                  position.isPnlPositive ? "text-agg-success" : "text-agg-error"
                 ),
                 children: position.pnlLabel
               }
@@ -1017,22 +1020,30 @@ var PositionsActivity = ({
   activities = [],
   onPositionClick,
   onActivityClick,
+  isLoadingPositions = false,
+  isLoadingActivities = false,
+  positionsError = false,
+  activitiesError = false,
+  hasMorePositions = false,
+  isLoadingMorePositions = false,
+  onLoadMorePositions,
+  hasMoreActivities = false,
+  isLoadingMoreActivities = false,
+  onLoadMoreActivities,
   className
 }) => {
-  const [activeTab, setActiveTab] = useState4(USER_PROFILE_TAB_POSITIONS);
-  const [positionFilter, setPositionFilter] = useState4("active");
-  const [searchValue, setSearchValue] = useState4("");
+  const [activeTab, setActiveTab] = useState3(USER_PROFILE_TAB_POSITIONS);
+  const [positionFilter, setPositionFilter] = useState3("active");
+  const [searchValue, setSearchValue] = useState3("");
   const isPositionsTab = activeTab === USER_PROFILE_TAB_POSITIONS;
   const filteredPositions = useMemo3(() => {
     const positions = positionFilter === "active" ? activePositions : closedPositions;
-    if (!searchValue.trim())
-      return positions;
+    if (!searchValue.trim()) return positions;
     const query = searchValue.toLowerCase();
     return positions.filter((p) => p.title.toLowerCase().includes(query));
   }, [activePositions, closedPositions, positionFilter, searchValue]);
   const filteredActivities = useMemo3(() => {
-    if (!searchValue.trim())
-      return activities;
+    if (!searchValue.trim()) return activities;
     const query = searchValue.toLowerCase();
     return activities.filter((a) => a.title.toLowerCase().includes(query));
   }, [activities, searchValue]);
@@ -1054,12 +1065,15 @@ var PositionsActivity = ({
             value: activeTab,
             onChange: setActiveTab,
             variant: "underline",
-            className: "w-full [&>div]:w-full"
+            className: "w-full [&>div]:w-full",
+            classNames: {
+              tabList: "h-11 sm:h-12"
+            }
           }
         ),
-        /* @__PURE__ */ jsxs8("div", { className: "flex w-full flex-col gap-6 p-6", children: [
-          /* @__PURE__ */ jsxs8("div", { className: "flex items-start gap-5", children: [
-            isPositionsTab ? /* @__PURE__ */ jsx8("div", { className: "flex h-10 w-[270px] shrink-0 items-stretch overflow-clip rounded-agg-sm border border-agg-separator", children: USER_PROFILE_POSITION_FILTERS.map((filter, idx) => {
+        /* @__PURE__ */ jsxs8("div", { className: "flex w-full flex-col gap-4 p-4 sm:gap-6 sm:p-6", children: [
+          /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-start gap-3 sm:flex-row sm:gap-5", children: [
+            isPositionsTab ? /* @__PURE__ */ jsx8("div", { className: "flex h-11 w-full shrink-0 items-stretch overflow-clip rounded-agg-sm border border-agg-separator sm:h-10 sm:w-[270px]", children: USER_PROFILE_POSITION_FILTERS.map((filter, idx) => {
               const isActive = filter.value === positionFilter;
               return /* @__PURE__ */ jsxs8("div", { className: "flex flex-1 items-stretch", children: [
                 idx > 0 ? /* @__PURE__ */ jsx8("div", { className: "w-px bg-agg-separator", "aria-hidden": true }) : null,
@@ -1069,7 +1083,7 @@ var PositionsActivity = ({
                     type: "button",
                     onClick: () => setPositionFilter(filter.value),
                     className: cn(
-                      "flex flex-1 items-center justify-center px-4 py-3 font-agg-sans text-agg-base leading-agg-6 cursor-pointer",
+                      "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
@@ -1077,7 +1091,7 @@ var PositionsActivity = ({
                 )
               ] }, filter.value);
             }) }) : null,
-            /* @__PURE__ */ jsx8("label", { className: "flex min-w-0 flex-1", children: /* @__PURE__ */ jsxs8("div", { className: "flex h-10 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", children: [
+            /* @__PURE__ */ jsx8("label", { className: "flex w-full min-w-0 flex-1", children: /* @__PURE__ */ jsxs8("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__ */ jsx8(Icon, { name: "search", size: "small", className: "shrink-0 text-agg-muted-foreground" }),
               /* @__PURE__ */ jsx8(
                 "input",
@@ -1095,30 +1109,67 @@ var PositionsActivity = ({
               )
             ] }) })
           ] }),
-          isPositionsTab && filteredPositions.length > 0 ? /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-6 px-0", children: [
+          isPositionsTab && filteredPositions.length > 0 ? /* @__PURE__ */ jsxs8("div", { className: "hidden items-center gap-6 px-0 sm:flex", children: [
             /* @__PURE__ */ jsx8("p", { className: "min-w-0 flex-1 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Market" }),
             /* @__PURE__ */ jsx8("p", { className: "w-[120px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Average" }),
             /* @__PURE__ */ jsx8("p", { className: "w-[120px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Current" }),
             /* @__PURE__ */ jsx8("p", { className: "w-[184px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground text-right", children: "Value" })
           ] }) : null,
-          !isPositionsTab && filteredActivities.length > 0 ? /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-6 px-0", children: [
+          !isPositionsTab && filteredActivities.length > 0 ? /* @__PURE__ */ jsxs8("div", { className: "hidden items-center gap-6 px-0 sm:flex", children: [
             /* @__PURE__ */ jsx8("p", { className: "w-[60px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Type" }),
             /* @__PURE__ */ jsx8("p", { className: "min-w-0 flex-1 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Market" }),
             /* @__PURE__ */ jsx8("p", { className: "w-[120px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground text-right", children: "Amount" })
           ] }) : null,
-          isPositionsTab ? filteredPositions.length > 0 ? /* @__PURE__ */ jsx8("div", { className: "flex flex-col gap-4", children: filteredPositions.map((position) => /* @__PURE__ */ jsx8(PositionRow, { position, onClick: onPositionClick }, position.id)) }) : /* @__PURE__ */ jsx8(
+          isPositionsTab ? isLoadingPositions && filteredPositions.length === 0 ? /* @__PURE__ */ jsx8(
+            Skeleton,
+            {
+              view: skeletonViews.userProfilePositionsActivity,
+              ariaLabel: "Loading positions"
+            }
+          ) : positionsError && filteredPositions.length === 0 ? /* @__PURE__ */ jsx8(
+            EmptyState,
+            {
+              title: "Unable to load positions",
+              description: "Please try again in a moment."
+            }
+          ) : filteredPositions.length > 0 ? /* @__PURE__ */ jsx8("div", { className: "flex flex-col gap-3 sm:gap-4", children: filteredPositions.map((position) => /* @__PURE__ */ jsx8(PositionRow, { position, onClick: onPositionClick }, position.id)) }) : /* @__PURE__ */ jsx8(
             EmptyState,
             {
               title: "No positions yet",
               description: "Your open trades will appear here once you place an order."
             }
-          ) : filteredActivities.length > 0 ? /* @__PURE__ */ jsx8("div", { className: "flex flex-col gap-4", children: filteredActivities.map((activity) => /* @__PURE__ */ jsx8(ActivityRow, { activity, onClick: onActivityClick }, activity.id)) }) : /* @__PURE__ */ jsx8(
+          ) : isLoadingActivities && filteredActivities.length === 0 ? /* @__PURE__ */ jsx8(
+            Skeleton,
+            {
+              view: skeletonViews.userProfilePositionsActivity,
+              ariaLabel: "Loading activity"
+            }
+          ) : activitiesError && filteredActivities.length === 0 ? /* @__PURE__ */ jsx8(EmptyState, { title: "Unable to load activity", description: "Please try again in a moment." }) : filteredActivities.length > 0 ? /* @__PURE__ */ jsx8("div", { className: "flex flex-col gap-3 sm:gap-4", children: filteredActivities.map((activity) => /* @__PURE__ */ jsx8(ActivityRow, { activity, onClick: onActivityClick }, activity.id)) }) : /* @__PURE__ */ jsx8(
             EmptyState,
             {
               title: "No activity yet",
               description: "Your trading activity will appear here."
             }
-          )
+          ),
+          isPositionsTab ? hasMorePositions ? /* @__PURE__ */ jsx8("div", { className: "flex w-full justify-center pt-1", children: /* @__PURE__ */ jsx8(
+            Button,
+            {
+              variant: "secondary",
+              size: "medium",
+              isLoading: isLoadingMorePositions,
+              onClick: onLoadMorePositions,
+              children: "Load more"
+            }
+          ) }) : null : hasMoreActivities ? /* @__PURE__ */ jsx8("div", { className: "flex w-full justify-center pt-1", children: /* @__PURE__ */ jsx8(
+            Button,
+            {
+              variant: "secondary",
+              size: "medium",
+              isLoading: isLoadingMoreActivities,
+              onClick: onLoadMoreActivities,
+              children: "Load more"
+            }
+          ) }) : null
         ] })
       ]
     }
@@ -1177,88 +1228,147 @@ import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var UserInfoCard = ({
   user,
   onEditProfile,
+  onDeposit,
+  onWithdraw,
   className
 }) => {
   var _a, _b, _c;
   const evmExchanges = ((_a = user.connectedExchanges) != null ? _a : []).filter((ex) => ex.venue !== "kalshi");
   const totalExchangeCount = (_c = (_b = user.connectedExchanges) == null ? void 0 : _b.length) != null ? _c : 0;
   const hasEvmExchanges = evmExchanges.length > 0;
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       className: cn(
-        "flex flex-col items-start rounded-agg-md border border-agg-separator bg-agg-secondary p-5",
+        "flex h-full flex-col items-start gap-4 sm:gap-6 rounded-agg-md border border-agg-separator bg-agg-secondary p-5",
         className
       ),
-      children: /* @__PURE__ */ jsxs10("div", { className: "flex w-full items-start gap-5", children: [
-        /* @__PURE__ */ jsx10("div", { className: "shrink-0", children: user.avatarUrl ? /* @__PURE__ */ jsx10(
-          RemoteImage,
-          {
-            src: user.avatarUrl,
-            alt: user.username,
-            className: "h-[120px] w-[120px] rounded-full object-cover"
-          }
-        ) : /* @__PURE__ */ jsx10(DefaultAvatar, { className: "h-[120px] w-[120px]" }) }),
-        /* @__PURE__ */ jsxs10("div", { className: "flex min-w-0 flex-1 flex-col gap-4", children: [
-          /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx10("h2", { className: "agg-type-heading text-agg-foreground", children: user.username }),
-              user.socialLinks && user.socialLinks.length > 0 ? /* @__PURE__ */ jsx10("div", { className: "flex items-center gap-2", children: user.socialLinks.map((social) => {
-                const iconName = social.platform === "twitter" ? "twitter" : social.platform === "discord" ? "discord" : "telegram";
-                return /* @__PURE__ */ jsx10(
-                  "span",
+      children: [
+        /* @__PURE__ */ jsxs10("div", { className: "flex w-full flex-col items-start gap-4 sm:flex-row sm:gap-5", children: [
+          /* @__PURE__ */ jsx10("div", { className: "shrink-0", children: user.avatarUrl ? /* @__PURE__ */ jsx10(
+            RemoteImage,
+            {
+              src: user.avatarUrl,
+              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 sm:h-[120px] sm:w-[120px]" }) }),
+          /* @__PURE__ */ jsxs10("div", { className: "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: "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 shrink-0 cursor-pointer items-center gap-2 bg-transparent text-agg-primary hover:opacity-80 sm:flex",
+                  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
+            ] }),
+            totalExchangeCount > 0 || user.socialHandle ? /* @__PURE__ */ jsxs10("div", { className: "flex w-full flex-col gap-2.5 sm:gap-3", children: [
+              hasEvmExchanges ? /* @__PURE__ */ jsxs10("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3", children: [
+                /* @__PURE__ */ jsx10("div", { className: "flex items-center", children: evmExchanges.map((exchange, idx) => /* @__PURE__ */ jsx10(
+                  "div",
                   {
-                    className: "flex size-8 shrink-0 items-center justify-center rounded-full border border-agg-separator bg-agg-secondary",
-                    children: /* @__PURE__ */ jsx10(Icon, { name: iconName, size: "small", className: "text-agg-foreground" })
+                    className: cn(
+                      "relative flex h-5 w-5 shrink-0 items-center justify-center overflow-hidden rounded-[4px]",
+                      idx > 0 && "-ml-2"
+                    ),
+                    style: { zIndex: evmExchanges.length - idx },
+                    children: /* @__PURE__ */ jsx10(
+                      RemoteImage,
+                      {
+                        src: venueLogoUrlRegistry[exchange.venue],
+                        alt: venueLogoLabels[exchange.venue],
+                        className: "h-5 w-5"
+                      }
+                    )
                   },
-                  social.platform
-                );
-              }) }) : null
-            ] }),
-            onEditProfile ? /* @__PURE__ */ jsxs10(
+                  `${exchange.venue}-${idx}`
+                )) }),
+                user.displayAddress ? /* @__PURE__ */ jsx10("span", { className: "text-agg-sm font-agg-normal leading-5 text-agg-foreground sm:text-agg-base sm:leading-6", children: user.displayAddress }) : null,
+                /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsxs10("span", { className: "text-agg-sm font-agg-normal leading-5 text-agg-muted-foreground", children: [
+                    totalExchangeCount,
+                    " exchange",
+                    totalExchangeCount !== 1 ? "s" : ""
+                  ] }),
+                  /* @__PURE__ */ jsx10(Icon, { name: "info", size: "small", className: "text-agg-muted-foreground" })
+                ] })
+              ] }) : null,
+              user.socialHandle ? /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 sm:gap-3", children: [
+                user.socialHandleVenue ? /* @__PURE__ */ jsx10("div", { className: "flex h-5 w-5 shrink-0 items-center justify-center overflow-hidden rounded-[4px]", children: /* @__PURE__ */ jsx10(
+                  RemoteImage,
+                  {
+                    src: venueLogoUrlRegistry[user.socialHandleVenue],
+                    alt: venueLogoLabels[user.socialHandleVenue],
+                    className: "h-5 w-5"
+                  }
+                ) }) : null,
+                /* @__PURE__ */ jsx10("span", { className: "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: "flex w-full items-center gap-5", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+            onDeposit ? /* @__PURE__ */ jsx10(
+              "button",
+              {
+                type: "button",
+                onClick: onDeposit,
+                className: "inline-flex h-9 min-w-0 flex-1 items-center justify-center rounded-agg-full bg-agg-primary px-4 font-agg-sans text-agg-base font-agg-bold text-white hover:opacity-90 sm:h-10 sm:px-6",
+                children: "Deposit"
+              }
+            ) : null,
+            onWithdraw ? /* @__PURE__ */ jsx10(
               "button",
               {
                 type: "button",
-                onClick: onEditProfile,
-                className: "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" })
-                ]
+                onClick: onWithdraw,
+                className: "inline-flex h-9 min-w-0 flex-1 items-center justify-center rounded-agg-full border border-agg-separator bg-transparent px-4 font-agg-sans text-agg-base font-agg-bold text-agg-foreground hover:bg-agg-secondary-hover sm:h-10 sm:px-6",
+                children: "Withdraw"
               }
             ) : null
           ] }),
-          totalExchangeCount > 0 || user.socialHandle ? /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-3", children: [
-            hasEvmExchanges ? /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx10("div", { className: "flex items-center", children: evmExchanges.map((exchange, idx) => /* @__PURE__ */ jsx10(
-                "div",
-                {
-                  className: cn(
-                    "relative flex h-5 w-5 shrink-0 items-center justify-center overflow-hidden rounded-[4px]",
-                    idx > 0 && "-ml-2"
-                  ),
-                  style: { zIndex: evmExchanges.length - idx },
-                  children: /* @__PURE__ */ jsx10(VenueLogo, { venue: exchange.venue, size: "small", className: "h-5 w-5" })
-                },
-                `${exchange.venue}-${idx}`
-              )) }),
-              user.displayAddress ? /* @__PURE__ */ jsx10("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground", children: user.displayAddress }) : null,
-              /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsxs10("span", { className: "text-agg-sm font-agg-normal leading-5 text-agg-muted-foreground", children: [
-                  totalExchangeCount,
-                  " exchange",
-                  totalExchangeCount !== 1 ? "s" : ""
-                ] }),
-                /* @__PURE__ */ jsx10(Icon, { name: "info", size: "small", className: "text-agg-muted-foreground" })
-              ] })
-            ] }) : null,
-            user.socialHandle ? /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3", children: [
-              user.socialHandleVenue ? /* @__PURE__ */ jsx10("div", { className: "flex h-5 w-5 shrink-0 items-center justify-center overflow-hidden rounded-[4px]", children: /* @__PURE__ */ jsx10(VenueLogo, { venue: user.socialHandleVenue, size: "small", className: "h-5 w-5" }) }) : null,
-              /* @__PURE__ */ jsx10("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground", children: user.socialHandle })
-            ] }) : null
-          ] }) : null
+          onEditProfile ? /* @__PURE__ */ jsxs10(
+            "button",
+            {
+              type: "button",
+              onClick: onEditProfile,
+              className: "flex shrink-0 cursor-pointer items-center gap-1.5 bg-transparent text-agg-primary hover:opacity-80 sm:hidden",
+              children: [
+                /* @__PURE__ */ jsx10(Icon, { name: "pencil", size: "small", className: "h-3.5 w-3.5 text-agg-primary" }),
+                /* @__PURE__ */ jsx10("span", { className: "text-agg-sm font-agg-bold leading-5", children: "Edit" })
+              ]
+            }
+          ) : null
         ] })
-      ] })
+      ]
     }
   );
 };
@@ -1266,12 +1376,56 @@ 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 shortenAddress = (address) => {
+  if (!address) return void 0;
+  if (address.length <= 12) return address;
+  return `${address.slice(0, 6)}...${address.slice(-5)}`;
+};
+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 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 = (amountRaw, executionPrice, filledAmountRaw) => {
+  const parsedExecutionPrice = executionPrice ? Number(executionPrice) : Number.NaN;
+  const parsedFilledAmount = filledAmountRaw ? Number(filledAmountRaw) : Number.NaN;
+  if (Number.isFinite(parsedExecutionPrice) && Number.isFinite(parsedFilledAmount)) {
+    return formatUsd(parsedExecutionPrice * parsedFilledAmount);
+  }
+  const parsedAmount = Number(amountRaw);
+  if (Number.isFinite(parsedAmount)) return formatUsd(parsedAmount);
+  return "$0.00";
+};
 var UserProfilePage = ({
   user,
-  venueBalances,
+  venueBalances: _venueBalances,
   balance,
-  defaultTimeRange,
-  onTimeRangeChange,
   activePositions,
   closedPositions,
   activities,
@@ -1280,54 +1434,201 @@ var UserProfilePage = ({
   onWithdraw,
   onPositionClick,
   onActivityClick,
+  isLoadingPositions,
+  isLoadingActivities,
+  positionsError,
+  activitiesError,
+  hasMorePositions,
+  isLoadingMorePositions,
+  onLoadMorePositions,
+  hasMoreActivities,
+  isLoadingMoreActivities,
+  onLoadMoreActivities,
   classNames
 }) => {
-  return /* @__PURE__ */ jsx11("div", { className: "box-border w-full overflow-x-hidden p-10", children: /* @__PURE__ */ jsxs11(
+  const { user: currentUser, isAuthenticated } = useAggAuthState();
+  const balanceState = useAggBalance();
+  const shouldUseHookData = !user;
+  const connectedVenuesFromBalance = useMemo4(
+    () => {
+      var _a;
+      return (_a = balanceState.connectedVenues) != null ? _a : [];
+    },
+    [balanceState]
+  );
+  const connectedVenues = useMemo4(() => {
+    if (!shouldUseHookData) return [];
+    return [...new Set(connectedVenuesFromBalance)].sort((a, b) => a.localeCompare(b));
+  }, [connectedVenuesFromBalance, shouldUseHookData]);
+  const positionsQuery = useExecutionPositions({
+    enabled: shouldUseHookData && isAuthenticated,
+    limit: 25
+  });
+  const ordersQuery = useExecutionOrders({
+    enabled: shouldUseHookData && isAuthenticated,
+    limit: 25
+  });
+  const resolvedUser = useMemo4(() => {
+    var _a, _b, _c, _d;
+    if (user) return user;
+    const fallbackUsername = (currentUser == null ? void 0 : currentUser.id) ? `user_${currentUser.id.slice(0, 6)}` : "User";
+    const twitterAccount = (_a = currentUser == null ? void 0 : currentUser.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(/^@/, "");
+    return {
+      username: (_c = currentUser == null ? void 0 : currentUser.username) != null ? _c : fallbackUsername,
+      avatarUrl: (_d = currentUser == null ? void 0 : currentUser.avatarUrl) != null ? _d : null,
+      socialLinks: normalizedTwitterHandle ? [
+        {
+          platform: "twitter",
+          handle: `https://x.com/${normalizedTwitterHandle}`
+        }
+      ] : [],
+      connectedExchanges: connectedVenues.map((venue) => ({ venue })),
+      displayAddress: shortenAddress(getWalletAddressFromUserProfile(currentUser)),
+      socialHandle: normalizedTwitterHandle != null ? normalizedTwitterHandle : void 0
+    };
+  }, [connectedVenues, currentUser, user]);
+  const positionsValueLabel = useMemo4(() => {
+    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 = useMemo4(() => {
+    var _a;
+    return formatUsd((_a = balanceState.totalBalance) != null ? _a : 0);
+  }, [balanceState.totalBalance]);
+  const resolvedActivities = useMemo4(() => {
+    if (activities) return activities;
+    return ordersQuery.orders.map((order) => {
+      var _a, _b, _c, _d, _e, _f;
+      const parsedSide = order.side.toLowerCase() === "buy" || order.side.toLowerCase() === "sell" ? order.side.toLowerCase() : "buy";
+      const type = parsedSide === "buy" ? "Buy" : "Sell";
+      const venue = connectedVenues.includes(order.venue) ? order.venue : "polymarket";
+      return {
+        id: order.id,
+        type,
+        thumbnailSrc: (_b = (_a = order.venueMarket) == null ? void 0 : _a.image) != null ? _b : fallbackThumbnailSrc,
+        title: ((_c = order.venueMarket) == null ? void 0 : _c.question) || "Market",
+        venue,
+        outcomeLabel: ((_d = order.venueMarketOutcome) == null ? void 0 : _d.title) || ((_e = order.venueMarketOutcome) == null ? void 0 : _e.label) || "Outcome",
+        sharesLabel: `${(_f = order.filledAmountRaw) != null ? _f : order.amountRaw} shares`,
+        amountLabel: toAmountLabel(order.amountRaw, order.executionPrice, order.filledAmountRaw),
+        timeLabel: toRelativeTimeLabel(order.createdAt)
+      };
+    });
+  }, [activities, connectedVenues, ordersQuery.orders]);
+  const resolvedActivePositions = useMemo4(() => {
+    if (activePositions) return activePositions;
+    return positionsQuery.positions.flatMap(
+      (group) => group.venueMarket.venueMarketOutcomes.map((outcome) => {
+        var _a, _b, _c;
+        const outcomeVenue = (_a = outcome.venueBreakdown[0]) == null ? void 0 : _a.venue;
+        const venue = connectedVenues.includes(outcomeVenue != null ? outcomeVenue : "polymarket") ? outcomeVenue != null ? outcomeVenue : "polymarket" : "polymarket";
+        const currentPriceCents = Math.round(outcome.currentPrice * 100);
+        const averagePriceCents = Math.round(outcome.avgEntryPrice * 100);
+        const pnlPrefix = outcome.unrealizedPnl >= 0 ? "+" : "";
+        const pnlPercent = (outcome.unrealizedPnlPercent * 100).toFixed(2);
+        return {
+          id: `${group.targetMarketId}-${outcome.label}-${(_b = outcome.title) != null ? _b : ""}`,
+          thumbnailSrc: (_c = group.venueMarket.image) != null ? _c : fallbackThumbnailSrc,
+          title: group.venueMarket.question,
+          venue,
+          outcomeLabel: `${outcome.label} ${currentPriceCents}\xA2`,
+          sharesLabel: `${outcome.totalSize.toFixed(2)} shares`,
+          averageLabel: `${averagePriceCents}\xA2`,
+          currentLabel: `${currentPriceCents}\xA2`,
+          valueLabel: formatUsd(outcome.totalValue),
+          pnlLabel: `${pnlPrefix}${formatUsd(outcome.unrealizedPnl)} (${pnlPrefix}${pnlPercent}%)`,
+          isPnlPositive: outcome.unrealizedPnl >= 0
+        };
+      })
+    );
+  }, [activePositions, connectedVenues, positionsQuery.positions]);
+  const resolvedClosedPositions = useMemo4(() => {
+    return closedPositions != null ? closedPositions : [];
+  }, [closedPositions]);
+  return /* @__PURE__ */ jsx11("div", { className: "box-border w-full overflow-x-hidden p-5 sm:p-10", children: /* @__PURE__ */ jsxs11(
     "section",
     {
       className: cn(
-        "flex w-full flex-col gap-10 rounded-agg-xl border border-agg-separator bg-agg-secondary p-10 overflow-clip",
+        // Outer container spacing per updated Figma
+        "flex w-full flex-col gap-6 sm:gap-8 overflow-clip rounded-agg-xl border border-agg-separator bg-agg-secondary p-5 sm:p-8",
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ jsxs11("div", { className: cn("flex items-stretch gap-6", classNames == null ? void 0 : classNames.topRow), children: [
-          /* @__PURE__ */ jsxs11("div", { className: cn("flex min-w-0 flex-1 flex-col gap-6", classNames == null ? void 0 : classNames.leftColumn), children: [
-            /* @__PURE__ */ jsx11(
-              UserInfoCard,
-              {
-                user,
-                onEditProfile,
-                className: classNames == null ? void 0 : classNames.userInfoCard
-              }
+        /* @__PURE__ */ jsxs11(
+          "div",
+          {
+            className: cn(
+              "grid grid-cols-1 gap-6 sm:grid-cols-[1fr_minmax(300px,420px)] sm:items-stretch sm:gap-8",
+              classNames == null ? void 0 : classNames.topRow
             ),
-            /* @__PURE__ */ jsx11(
-              BalanceDisplay,
-              {
-                balance,
-                defaultTimeRange,
-                onTimeRangeChange,
-                className: classNames == null ? void 0 : classNames.balanceDisplay
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx11("div", { className: "relative w-[465px] shrink-0", children: /* @__PURE__ */ jsx11(
-            BalancesCard,
-            {
-              venueBalances,
-              onDeposit,
-              onWithdraw,
-              className: cn("absolute inset-0", classNames == null ? void 0 : classNames.balancesCard)
-            }
-          ) })
-        ] }),
+            children: [
+              /* @__PURE__ */ jsx11(
+                "div",
+                {
+                  className: cn(
+                    "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,
+                      className: cn("h-full", classNames == null ? void 0 : classNames.userInfoCard)
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxs11("div", { className: cn("grid grid-cols-1 grid-rows-2 gap-4 h-full", classNames == null ? void 0 : classNames.rightColumn), children: [
+                /* @__PURE__ */ jsx11(PositionsValueCard, { valueLabel: positionsValueLabel, className: "h-full" }),
+                /* @__PURE__ */ jsx11(
+                  AvailableBalanceCard,
+                  {
+                    valueLabel: availableBalanceLabel,
+                    chains: balanceState.balanceBreakdown.map((b) => ({
+                      key: b.key,
+                      label: b.label,
+                      balance: b.balance,
+                      accountCount: b.accountCount
+                    })),
+                    className: "h-full"
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsx11(
           PositionsActivity,
           {
-            activePositions,
-            closedPositions,
-            activities,
+            activePositions: resolvedActivePositions,
+            closedPositions: resolvedClosedPositions,
+            activities: resolvedActivities,
             onPositionClick,
             onActivityClick,
+            isLoadingPositions: isLoadingPositions != null ? isLoadingPositions : !!shouldUseHookData && positionsQuery.isLoading,
+            isLoadingActivities: isLoadingActivities != null ? isLoadingActivities : !!shouldUseHookData && ordersQuery.isLoading,
+            positionsError: positionsError != null ? positionsError : !!shouldUseHookData && !!positionsQuery.error,
+            activitiesError: activitiesError != null ? activitiesError : !!shouldUseHookData && !!ordersQuery.error,
+            hasMorePositions: hasMorePositions != null ? hasMorePositions : !!shouldUseHookData && !!positionsQuery.hasNextPage,
+            isLoadingMorePositions: isLoadingMorePositions != null ? isLoadingMorePositions : !!shouldUseHookData && !!positionsQuery.isFetchingNextPage,
+            onLoadMorePositions: onLoadMorePositions != null ? onLoadMorePositions : shouldUseHookData && positionsQuery.hasNextPage ? () => {
+              void positionsQuery.fetchNextPage();
+            } : void 0,
+            hasMoreActivities: hasMoreActivities != null ? hasMoreActivities : !!shouldUseHookData && !!ordersQuery.hasNextPage,
+            isLoadingMoreActivities: isLoadingMoreActivities != null ? isLoadingMoreActivities : !!shouldUseHookData && !!ordersQuery.isFetchingNextPage,
+            onLoadMoreActivities: onLoadMoreActivities != null ? onLoadMoreActivities : shouldUseHookData && ordersQuery.hasNextPage ? () => {
+              void ordersQuery.fetchNextPage();
+            } : void 0,
             className: classNames == null ? void 0 : classNames.positionsActivity
           }
         )