@agg-build/ui 1.2.9 → 1.2.11

package/dist/{chunk-PYKD4W4T.mjs → chunk-YP75TIY6.mjs}

@@ -1,5 +1,6 @@
 "use client";
 import {
+  DEFAULT_EVENTS_LIMIT,
   EventList,
   EventListItem,
   EventListItemDetails,
@@ -9,18 +10,17 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-PFOSEY46.mjs";
+} from "./chunk-3ZSNHGAB.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
   SettlementDetails,
   WITHDRAW_MODAL_OPEN_EVENT
-} from "./chunk-K23CJ5UP.mjs";
+} from "./chunk-J7K2U44E.mjs";
 import {
   AggErrorBoundary,
   Button,
   CloseIcon,
-  DEFAULT_EVENTS_LIMIT,
   Header,
   Icon,
   LoadingIcon,
@@ -29,6 +29,7 @@ import {
   Search,
   SearchEmptyIcon,
   Skeleton,
+  SkeletonBlock,
   StateMessage,
   Tabs,
   Tooltip,
@@ -44,7 +45,7 @@ import {
   filterOpenEvents,
   resolveTabVenus,
   shortenAddress
-} from "./chunk-QFW5NDJ6.mjs";
+} from "./chunk-SJLHOAKK.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -56,18 +57,19 @@ import {
   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";
+import { useCallback as useCallback2, useEffect as useEffect3, useMemo, useRef as useRef3, useState as useState4 } from "react";
 
 // src/pages/event-market/index.tsx
 import {
   resolveEventTradingState,
-  resolveMarketTradingState,
+  TradeSide,
   useEnrichedVenueEvent,
   useEventTradingContext,
-  useLabels
+  useLabels,
+  useMidpoints
 } from "@agg-build/hooks";
 import * as Dialog from "@radix-ui/react-dialog";
-import { useState } from "react";
+import { useEffect, useRef, useState } from "react";
 
 // src/pages/event-market/event-market.utils.ts
 var EVENT_MARKET_PAGE_STICKY_HEADER_OFFSET_PX = 48;
@@ -95,21 +97,21 @@ var resolveEventMarketPageStickyState = ({
   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"),
+      sidebarClassName: cn("pt-4 sm:pt-6 md:pt-8 pb-10"),
+      placeOrder: cn("mb-10"),
+      mainClassName: cn("pt-4 sm:pt-6 md:pt-8"),
       style: {}
     };
   }
   return {
     contentClassName: cn("lg:items-stretch!"),
     sidebarClassName: cn(
-      "py-4 sm:py-6 md:py-8",
+      "pt-4 sm:pt-6 md:pt-8 pb-10",
       "lg:self-start lg:sticky lg:top-[var(--agg-event-market-sidebar-top)] lg:max-h-[calc(100vh-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"),
+    placeOrder: cn("mb-10"),
+    mainClassName: cn("pt-4 sm:pt-6 md:pt-8"),
     style: {
       [EVENT_MARKET_PAGE_STICKY_TOP_CSS_VAR]: toCssLength(
         stickyOrderPanel == null ? void 0 : stickyOrderPanel.top,
@@ -125,6 +127,29 @@ var resolveEventMarketPageStickyState = ({
 
 // src/pages/event-market/index.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var MOBILE_EVENT_MARKET_MEDIA_QUERY = "(max-width: 1023px)";
+var getIsMobileEventMarketViewport = () => {
+  if (typeof window === "undefined") return false;
+  if (typeof window.matchMedia !== "function") return false;
+  return window.matchMedia(MOBILE_EVENT_MARKET_MEDIA_QUERY).matches;
+};
+var useIsMobileEventMarketViewport = () => {
+  const [isMobileViewport, setIsMobileViewport] = useState(getIsMobileEventMarketViewport);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    if (typeof window.matchMedia !== "function") return;
+    const mediaQueryList = window.matchMedia(MOBILE_EVENT_MARKET_MEDIA_QUERY);
+    const handleChange = () => {
+      setIsMobileViewport(mediaQueryList.matches);
+    };
+    handleChange();
+    mediaQueryList.addEventListener("change", handleChange);
+    return () => {
+      mediaQueryList.removeEventListener("change", handleChange);
+    };
+  }, []);
+  return isMobileViewport;
+};
 var resolveDesktopTradePlaceOrderClassNames = (classNames) => {
   const resolvedClassNames = {
     body: classNames == null ? void 0 : classNames.tradeBody,
@@ -158,28 +183,12 @@ var EventMarketPageMobileTrade = ({
   classNames,
   eventTradingState,
   showPlaceOrder = true,
-  resolvedClaim,
   isOpen,
-  onOpenChange
+  onOpenChange,
+  midpointsResult
 }) => {
-  var _a;
   const labels = useLabels();
-  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)
-      }
-    ) });
-  }
+  if (!showPlaceOrder) return null;
   const handleOpenChange = (nextOpen) => {
     onOpenChange(nextOpen);
   };
@@ -214,6 +223,7 @@ var EventMarketPageMobileTrade = ({
           PlaceOrder,
           {
             eventTradingState,
+            midpointsResult,
             className: cn(
               "agg-mobile-trade-panel w-full overflow-hidden rounded-t-agg-2xl sm:rounded-agg-xl",
               classNames == null ? void 0 : classNames.mobileTrade
@@ -286,7 +296,7 @@ var EventMarketPageLoadingState = ({
               "div",
               {
                 className: cn(
-                  "agg-page-main flex min-w-0 flex-1 flex-col gap-6 pb-10",
+                  "agg-page-main flex min-w-0 flex-1 flex-col gap-6 mb-10",
                   stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.mainClassName,
                   classNames == null ? void 0 : classNames.main
                 ),
@@ -348,6 +358,17 @@ var EventMarketPageContent = ({
     stickyOrderPanel
   });
   const [isMobileTradeOpen, setIsMobileTradeOpen] = useState(false);
+  const isMobileViewport = useIsMobileEventMarketViewport();
+  const tradingContext = useEventTradingContext();
+  const midpointsResult = useMidpoints(event.venueMarkets);
+  const setTradeSideRef = useRef(tradingContext == null ? void 0 : tradingContext.setTradeSide);
+  setTradeSideRef.current = tradingContext == null ? void 0 : tradingContext.setTradeSide;
+  useEffect(() => {
+    return () => {
+      var _a;
+      (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, TradeSide.Buy);
+    };
+  }, []);
   if (!event || !event.venueMarkets.length) {
     return /* @__PURE__ */ jsx(EventMarketPageUnavailableState, { ariaLabel });
   }
@@ -376,7 +397,7 @@ var EventMarketPageContent = ({
                 "div",
                 {
                   className: cn(
-                    "agg-page-main flex min-w-0 flex-1 flex-col gap-6 pb-10",
+                    "agg-page-main flex min-w-0 flex-1 flex-col gap-6 mb-10",
                     stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.mainClassName,
                     classNames == null ? void 0 : classNames.main
                   ),
@@ -388,6 +409,7 @@ var EventMarketPageContent = ({
                         defaultMarketId,
                         defaultOutcomeId,
                         eventTradingState,
+                        midpointsResult,
                         classNames: {
                           root: cn("agg-event-hero", classNames == null ? void 0 : classNames.hero)
                         }
@@ -400,13 +422,15 @@ var EventMarketPageContent = ({
                         markets: eventTradingState.displayMarkets,
                         eventTradingState,
                         live: true,
+                        expandSelectedMarketOnChange: !isMobileViewport,
+                        autoExpandFallbackMarket: !isMobileViewport,
+                        autoSelectFallbackMarket: !isMobileViewport,
                         onOutcomeSelect: () => {
-                          if (typeof window === "undefined") return;
-                          if (typeof window.matchMedia !== "function") return;
-                          if (!window.matchMedia("(max-width: 1023px)").matches) return;
+                          if (!isMobileViewport) return;
                           setIsMobileTradeOpen(true);
                         },
-                        classNames: { root: "agg-market-list", item: "agg-market-list-item" }
+                        classNames: { root: "agg-market-list", item: "agg-market-list-item" },
+                        midpointsResult
                       }
                     ),
                     showPlaceOrder !== false && eventTradingState.isTradingDisabled ? /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(
@@ -414,6 +438,7 @@ var EventMarketPageContent = ({
                       {
                         eventTradingState,
                         resolvedClaim,
+                        midpointsResult,
                         className: cn(
                           "agg-mobile-trade-panel w-full overflow-hidden",
                           classNames == null ? void 0 : classNames.mobileTrade
@@ -438,6 +463,7 @@ var EventMarketPageContent = ({
                     {
                       eventTradingState,
                       resolvedClaim,
+                      midpointsResult,
                       className: cn(stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.placeOrder, classNames == null ? void 0 : classNames.trade),
                       classNames: resolveDesktopTradePlaceOrderClassNames(classNames)
                     }
@@ -453,9 +479,9 @@ var EventMarketPageContent = ({
             classNames,
             eventTradingState,
             showPlaceOrder,
-            resolvedClaim,
             isOpen: isMobileTradeOpen,
-            onOpenChange: setIsMobileTradeOpen
+            onOpenChange: setIsMobileTradeOpen,
+            midpointsResult
           }
         ) : null
       ]
@@ -558,13 +584,13 @@ var resolveInitialTabValue = (tabs, defaultActiveTab) => {
 };
 
 // src/pages/home/use-scroll-restoration.ts
-import { useLayoutEffect, useRef, useState as useState2 } from "react";
+import { useLayoutEffect, useRef as useRef2, useState as useState2 } from "react";
 function useScrollRestoration({
   enabled,
   scrollY,
   isReady
 }) {
-  const restoredRef = useRef(false);
+  const restoredRef = useRef2(false);
   const [isRestoring, setIsRestoring] = useState2(enabled && scrollY > 0);
   useLayoutEffect(() => {
     if (!enabled || restoredRef.current) return;
@@ -579,7 +605,7 @@ function useScrollRestoration({
 }
 
 // src/pages/home/use-home-page-modals.ts
-import { useCallback, useEffect, useState as useState3 } from "react";
+import { useCallback, useEffect as useEffect2, useState as useState3 } from "react";
 var useHomePageModals = () => {
   const [profileOpen, setProfileOpen] = useState3(false);
   const [depositOpen, setDepositOpen] = useState3(false);
@@ -587,7 +613,7 @@ var useHomePageModals = () => {
   const onProfileClick = useCallback(() => setProfileOpen(true), []);
   const onDepositClick = useCallback(() => setDepositOpen(true), []);
   const onWithdrawClick = useCallback(() => setWithdrawOpen(true), []);
-  useEffect(() => {
+  useEffect2(() => {
     if (typeof window === "undefined") return;
     window.addEventListener(DEPOSIT_MODAL_OPEN_EVENT, onDepositClick);
     window.addEventListener(WITHDRAW_MODAL_OPEN_EVENT, onWithdrawClick);
@@ -655,7 +681,13 @@ var HomeSearchResults = ({
     q: query,
     type: "events",
     categoryIds: activeTabValue === ALL_CATEGORIES_TAB_VALUE ? void 0 : activeCategoryTab == null ? void 0 : activeCategoryTab.categoryIds,
-    limit: SEARCH_RESULTS_LIMIT
+    limit: SEARCH_RESULTS_LIMIT,
+    // Full-results page — user has committed to this query (clicked "See all"
+    // or navigated here from the typeahead). Opt into the Bedrock reranker
+    // for higher-quality top results. The typeahead primitive at
+    // packages/ui/src/primitives/search/index.tsx stays light intentionally
+    // so debounced keystrokes don't pay reranker latency.
+    deep: true
   });
   const openEvents = useMemo(() => {
     let filtered = filterOpenEvents(searchResults);
@@ -664,8 +696,8 @@ var HomeSearchResults = ({
     }
     return filtered;
   }, [searchResults, activeVenues]);
-  const loadMoreRef = useRef2(null);
-  useEffect2(() => {
+  const loadMoreRef = useRef3(null);
+  useEffect3(() => {
     if (!hasNextPage) return;
     const target = loadMoreRef.current;
     if (!target) return;
@@ -817,7 +849,7 @@ var HomePage = ({
   } = useSdkUiConfig();
   const { capture, consume } = useEventListState();
   const [snapshot] = useState4(() => consume());
-  const eventListStateRef = useRef2(null);
+  const eventListStateRef = useRef3(null);
   const handleSelectEvent = useCallback2(
     (event) => {
       var _a2, _b2, _c2, _d2;
@@ -844,7 +876,7 @@ var HomePage = ({
     return normalizedSearchValue.length >= MIN_SEARCH_LENGTH ? normalizedSearchValue : "";
   });
   const [isMobileSearchViewport, setIsMobileSearchViewport] = useState4(false);
-  useEffect2(() => {
+  useEffect3(() => {
     if (typeof window === "undefined") return;
     const mediaQueryList = window.matchMedia(MOBILE_HOME_SEARCH_MEDIA_QUERY);
     const handleMediaQueryChange = (event) => {
@@ -862,7 +894,7 @@ var HomePage = ({
       mediaQueryList.removeListener(handleMediaQueryChange);
     };
   }, []);
-  useEffect2(() => {
+  useEffect3(() => {
     if (normalizedSearchValue.length < MIN_SEARCH_LENGTH) {
       setDebouncedSearchValue("");
       return;
@@ -874,7 +906,7 @@ var HomePage = ({
       window.clearTimeout(timeoutId);
     };
   }, [normalizedSearchValue]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (selectedEvent) {
       setStickySelectedEvent(selectedEvent);
       return;
@@ -903,9 +935,9 @@ var HomePage = ({
     }
     return resolveInitialTabValue(resolvedTabs, defaultActiveTab);
   });
-  const activeTabValueRef = useRef2(activeTabValue);
+  const activeTabValueRef = useRef3(activeTabValue);
   activeTabValueRef.current = activeTabValue;
-  useEffect2(() => {
+  useEffect3(() => {
     setActiveTabValue((currentValue) => {
       const hasCurrentValue = resolvedTabs.some((tab) => tab.value === currentValue);
       if (hasCurrentValue) return currentValue;
@@ -919,11 +951,13 @@ var HomePage = ({
         value: tab.value,
         label: tab.label,
         icon: tab.iconName ? /* @__PURE__ */ jsx2(
-          Icon,
+          "span",
           {
-            name: tab.iconName,
-            size: "small",
-            color: isActive ? "var(--agg-color-primary)" : "var(--agg-color-foreground)"
+            className: cn(
+              "transition-colors duration-300 ease-in-out",
+              isActive ? "text-agg-primary" : "text-agg-foreground group-hover/agg-tab:text-agg-muted-foreground"
+            ),
+            children: /* @__PURE__ */ jsx2(Icon, { name: tab.iconName, size: "small", color: "currentColor" })
           }
         ) : void 0,
         disabled: tab.disabled
@@ -1066,6 +1100,7 @@ HomePage.displayName = "HomePage";
 // src/pages/user-profile/index.tsx
 import {
   computeClosedPositionTotals,
+  executionKeys,
   getWalletAddressFromUserProfile,
   useAggAuthState,
   useAggBalance,
@@ -1077,10 +1112,11 @@ import {
   useLabels as useLabels6,
   useQueryClient,
   useRedeem,
+  useRedeemLifecycles,
   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";
+import { useCallback as useCallback3, useEffect as useEffect5, useMemo as useMemo3, useRef as useRef5, useState as useState6 } from "react";
 
 // src/pages/user-profile/chain-display.ts
 var CHAIN_ID_TO_LABEL = {
@@ -1089,6 +1125,7 @@ var CHAIN_ID_TO_LABEL = {
   "56": "BNB Chain",
   "137": "Polygon",
   "324": "zkSync Era",
+  "1337": "Hyperliquid",
   "8453": "Base",
   "42161": "Arbitrum",
   "792703809": "Solana"
@@ -1113,6 +1150,8 @@ var CHAIN_ID_TO_ICON_URL = {
   "324": `${BASE_URL}/public/web/icons/chains/zksync/colored.svg`,
   // zkSync (no new logo)
   "747": `${BASE_URL}/public/prediction-markets/logos/Flow.svg`,
+  "1337": `${BASE_URL}/public/prediction-markets/logos/hyperliquid.png`,
+  // HyperCore
   "8453": `${BASE_URL}/public/prediction-markets/logos/Base.svg`,
   "42161": `${BASE_URL}/public/prediction-markets/logos/Arbitrum.svg`,
   "2741": `${BASE_URL}/public/prediction-markets/logos/Abstract.svg`,
@@ -1123,8 +1162,10 @@ var CHAIN_VENUE_MAP = {
   // Polygon
   "792703809": ["kalshi"],
   // Solana
-  "56": ["limitless", "opinion"]
+  "56": ["limitless", "opinion"],
   // BNB
+  "1337": ["hyperliquid"]
+  // HyperCore
 };
 var chainIconUrl = (label, key) => {
   if (key && CHAIN_ID_TO_ICON_URL[key]) return CHAIN_ID_TO_ICON_URL[key];
@@ -1138,6 +1179,7 @@ var chainIconUrl = (label, key) => {
   if (k.includes("abstract")) return CHAIN_ID_TO_ICON_URL["2741"];
   if (k.includes("optimism")) return CHAIN_ID_TO_ICON_URL["10"];
   if (k.includes("zksync")) return CHAIN_ID_TO_ICON_URL["324"];
+  if (k.includes("hyperliquid") || k.includes("hypercore")) return CHAIN_ID_TO_ICON_URL["1337"];
   if (k.includes("ethereum") || k.includes("eth")) return CHAIN_ID_TO_ICON_URL["1"];
   return void 0;
 };
@@ -1145,6 +1187,7 @@ var AvailableBalanceCard = ({
   label = "Available Balance",
   valueLabel,
   chains,
+  isLoading = false,
   className
 }) => {
   return /* @__PURE__ */ jsxs3(
@@ -1179,7 +1222,7 @@ var AvailableBalanceCard = ({
           /* @__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("div", { className: "agg-balance-value font-agg-sans text-agg-2xl leading-8 font-agg-bold text-agg-foreground", children: isLoading ? /* @__PURE__ */ jsx3("div", { role: "status", "aria-label": "Loading available balance", children: /* @__PURE__ */ jsx3(SkeletonBlock, { className: "h-8 w-24 rounded-agg-sm" }) }) : valueLabel }),
           /* @__PURE__ */ jsx3(
             Tooltip,
             {
@@ -1274,7 +1317,7 @@ 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";
+import { Fragment as Fragment4, useEffect as useEffect4, useMemo as useMemo2, useRef as useRef4, useState as useState5 } from "react";
 
 // src/pages/user-profile/user-profile.constants.ts
 var USER_PROFILE_TAB_POSITIONS = "positions";
@@ -1443,7 +1486,7 @@ var toPositionRowViewModel = (position, labels = defaultLabels) => {
     title: position.title || missingLabel,
     thumbnailSrc: position.thumbnailSrc,
     selectedOutcomeLabel: position.outcomeLabel || missingLabel,
-    resolutionLabel: position.outcomeLabel || missingLabel,
+    resolutionLabel: position.resolutionLabel || position.outcomeLabel || missingLabel,
     venueShareBreakdown: position.venueShareBreakdown,
     totalTraded: {
       primaryLabel: formatCurrency(getTotalTradedValue(position)),
@@ -1467,6 +1510,14 @@ var toPositionRowViewModel = (position, labels = defaultLabels) => {
   };
 };
 
+// src/primitives/conditional-wrapper.tsx
+var ConditionalWrapper = ({
+  condition,
+  wrapper,
+  children
+}) => condition ? wrapper(children) : children;
+ConditionalWrapper.displayName = "ConditionalWrapper";
+
 // src/pages/user-profile/components/activity-row.tsx
 import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var shouldUseNativeLinkNavigation = (event) => {
@@ -1496,19 +1547,22 @@ var TRANSFER_ICON = {
   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"
-    };
-  }
+var TRANSFER_STATUS_VISUAL = {
+  completed: { icon: "badge-check-thin", iconClassName: "text-agg-muted-foreground" },
+  pending: { icon: "spinner", iconClassName: "text-agg-primary", spin: true },
+  failed: { icon: "circle-xmark", iconClassName: "text-agg-error!" },
+  canceled: { icon: "circle-xmark", iconClassName: "text-agg-error!" }
+};
+var resolveActivityStatus = (activity) => {
+  if (activity.isFailed || activity.hasError) return "failed";
+  if (activity.status) return activity.status;
+  return "completed";
+};
+var resolveToneClasses = (_activity) => {
   return {
-    primary: "text-agg-error",
-    amount: "text-agg-error",
-    meta: "text-agg-error"
+    primary: "text-agg-foreground",
+    amount: "text-agg-foreground",
+    meta: "text-agg-foreground"
   };
 };
 var AmountTimeStack = ({
@@ -1539,7 +1593,7 @@ var AmountTimeStack = ({
         "p",
         {
           className: cn(
-            "agg-activity-time font-agg-sans font-agg-normal",
+            "agg-activity-time font-agg-sans font-agg-normal text-agg-muted-foreground",
             mobile ? "text-agg-2xs leading-agg-14" : "text-agg-base leading-agg-6",
             tone.meta
           ),
@@ -1559,7 +1613,8 @@ var TradeTypeCell = ({
     {
       className: cn(
         "agg-activity-type w-20 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
-        tone.primary
+        tone.primary,
+        activity.hasError || activity.errorMessage ? "text-agg-error!" : ""
       ),
       children: activity.type
     }
@@ -1574,7 +1629,10 @@ var TransferTypeCell = ({
     {
       name: TRANSFER_ICON[activity.kind],
       size: "small",
-      className: "shrink-0 text-agg-foreground"
+      className: cn(
+        "shrink-0 text-agg-foreground",
+        activity.hasError || activity.errorMessage ? "text-agg-error!" : ""
+      )
     }
   ),
   /* @__PURE__ */ jsx4(
@@ -1582,7 +1640,8 @@ var TransferTypeCell = ({
     {
       className: cn(
         "agg-activity-type w-20 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
-        tone.primary
+        tone.primary,
+        activity.hasError || activity.errorMessage ? "text-agg-error!" : ""
       ),
       children: activity.type
     }
@@ -1620,75 +1679,94 @@ var TradeRow = ({
   onClick
 }) => {
   const tone = resolveToneClasses(activity);
-  return /* @__PURE__ */ jsx4(RowWrapper, { className: cn(className), href, onClick, children: /* @__PURE__ */ jsxs4(
-    "div",
+  return /* @__PURE__ */ jsx4(RowWrapper, { className: cn(className), href, onClick, children: /* @__PURE__ */ jsx4(
+    ConditionalWrapper,
     {
-      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"
+      condition: !!activity.errorMessage,
+      wrapper: (children) => /* @__PURE__ */ jsx4(
+        Tooltip,
+        {
+          size: "medium",
+          content: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-4", children: [
+            /* @__PURE__ */ jsx4(Icon, { name: "info", size: "small", className: "shrink-0 text-agg-error" }),
+            /* @__PURE__ */ jsx4("p", { className: "font-agg-sans text-agg-sm font-agg-normal text-left", children: activity.errorMessage })
+          ] }),
+          sideOffset: 4,
+          children
+        }
       ),
-      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" }),
+      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,
+                      activity.hasError || activity.errorMessage ? "text-agg-error!" : ""
+                    ),
+                    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-10 w-10 shrink-0 items-center justify-center sm:h-15 sm:w-15", children: /* @__PURE__ */ jsx4(
+                  RemoteImage,
+                  {
+                    src: activity.thumbnailSrc,
+                    alt: "",
+                    className: "h-full w-full rounded-agg-sm object-cover sm:rounded-agg-lg",
+                    classNames: { placeholder: "rounded-agg-sm sm:rounded-agg-lg" }
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-2", children: [
+                  /* @__PURE__ */ jsx4(
+                    "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(
-              "p",
+              AmountTimeStack,
               {
-                className: cn(
-                  "agg-activity-type font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
-                  tone.primary
-                ),
-                children: activity.type
+                amountLabel: activity.amountLabel,
+                timeLabel: activity.timeLabel,
+                tone
               }
             )
-          ] }),
-          /* @__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
-          }
-        )
-      ]
+          ]
+        }
+      )
     }
   ) });
 };
@@ -1699,73 +1777,118 @@ var TransferRow = ({
 }) => {
   const tone = resolveToneClasses(activity);
   const transferIconName = TRANSFER_ICON[activity.kind];
-  return /* @__PURE__ */ jsx4("button", { type: "button", className, onClick, children: /* @__PURE__ */ jsxs4(
-    "div",
+  const transferStatus = resolveActivityStatus(activity);
+  const statusVisual = TRANSFER_STATUS_VISUAL[transferStatus];
+  return /* @__PURE__ */ jsx4("button", { type: "button", className, onClick, children: /* @__PURE__ */ jsx4(
+    ConditionalWrapper,
     {
-      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"
+      condition: !!activity.errorMessage,
+      wrapper: (children) => /* @__PURE__ */ jsx4(
+        Tooltip,
+        {
+          size: "medium",
+          content: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-4", children: [
+            /* @__PURE__ */ jsx4(Icon, { name: "info", size: "small", className: "shrink-0 text-agg-error" }),
+            /* @__PURE__ */ jsx4("p", { className: "font-agg-sans text-agg-sm font-agg-normal text-left", children: activity.errorMessage })
+          ] }),
+          sideOffset: 4,
+          children
+        }
       ),
-      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: /* @__PURE__ */ jsx4(Icon, { name: "badge-check-thin", size: "medium", className: "text-agg-muted-foreground" }) }),
-            /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-1", children: [
+      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(
-                "p",
+                Icon,
                 {
+                  name: transferIconName,
+                  size: "small",
                   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: activity.title
+                    "shrink-0 text-agg-foreground",
+                    activity.hasError || activity.errorMessage ? "text-agg-error!" : ""
+                  )
                 }
               ),
               /* @__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
+                    "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
+                    tone.primary,
+                    activity.hasError || activity.errorMessage ? "text-agg-error!" : ""
                   ),
-                  children: activity.subtitleLabel
+                  children: activity.type
                 }
               )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx4(
-            AmountTimeStack,
-            {
-              amountLabel: activity.amountLabel,
-              timeLabel: activity.timeLabel,
-              tone,
-              mobile: true
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx4(
-          AmountTimeStack,
-          {
-            amountLabel: activity.amountLabel,
-            timeLabel: activity.timeLabel,
-            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-deposit-square hidden h-15 w-15 shrink-0 items-center justify-center rounded-agg-lg bg-agg-secondary-hover sm:flex",
+                    "data-status": transferStatus,
+                    children: statusVisual.spin ? /* @__PURE__ */ jsx4(LoadingIcon, { size: "medium", className: cn(statusVisual.iconClassName) }) : /* @__PURE__ */ jsx4(
+                      Icon,
+                      {
+                        name: statusVisual.icon,
+                        size: "medium",
+                        className: cn(statusVisual.iconClassName)
+                      }
+                    )
+                  }
+                ),
+                /* @__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: 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
+              }
+            )
+          ]
+        }
+      )
     }
   ) });
 };
@@ -1820,6 +1943,7 @@ var toneTextClassName = (tone) => {
   return "text-agg-muted-foreground";
 };
 var OutcomePill = ({ label }) => /* @__PURE__ */ jsx6("span", { className: "agg-position-outcome max-w-[120px] inline-flex items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx6("span", { className: "whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground truncate", children: label }) });
+var ResolutionPill = ({ label }) => /* @__PURE__ */ jsx6("span", { className: "agg-position-resolution-pill inline-flex w-full items-center justify-center overflow-hidden rounded-full bg-agg-secondary-hover px-4 py-[6px] md:w-auto", children: /* @__PURE__ */ jsx6("span", { className: "truncate whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: label }) });
 var VenueShares = ({
   model,
   className,
@@ -1891,41 +2015,53 @@ var ResultBadge = ({
 var TotalTradedCell = ({
   model,
   className
-}) => /* @__PURE__ */ jsxs6("div", { className: cn("flex flex-col gap-[2px] whitespace-nowrap", className), children: [
-  /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: model.totalTraded.primaryLabel }),
-  /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: model.totalTraded.averageLabel })
-] });
+}) => /* @__PURE__ */ jsxs6(
+  "div",
+  {
+    className: cn("agg-position-total-traded flex flex-col gap-[2px] whitespace-nowrap", className),
+    children: [
+      /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: model.totalTraded.primaryLabel }),
+      /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: model.totalTraded.averageLabel })
+    ]
+  }
+);
 var PositionValueCell = ({
   value,
   className
-}) => /* @__PURE__ */ jsxs6("div", { className: cn("flex flex-col gap-[2px] whitespace-nowrap", className), children: [
-  /* @__PURE__ */ jsxs6("div", { className: "flex items-baseline gap-1.5", children: [
-    /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: value.primaryLabel }),
-    /* @__PURE__ */ jsx6(
-      "p",
-      {
-        className: cn(
-          "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
-          toneTextClassName(value.tone)
-        ),
-        children: value.deltaLabel
-      }
-    )
-  ] }),
-  /* @__PURE__ */ jsxs6("div", { className: "flex items-baseline gap-1.5", children: [
-    /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: value.priceLabel }),
-    /* @__PURE__ */ jsx6(
-      "p",
-      {
-        className: cn(
-          "font-agg-sans text-agg-xs leading-agg-4 font-agg-normal",
-          toneTextClassName(value.tone)
-        ),
-        children: value.percentLabel
-      }
-    )
-  ] })
-] });
+}) => /* @__PURE__ */ jsxs6(
+  "div",
+  {
+    className: cn("agg-position-value-cell flex flex-col gap-[2px] whitespace-nowrap", className),
+    children: [
+      /* @__PURE__ */ jsxs6("div", { className: "flex items-baseline gap-1.5", children: [
+        /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: value.primaryLabel }),
+        /* @__PURE__ */ jsx6(
+          "p",
+          {
+            className: cn(
+              "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
+              toneTextClassName(value.tone)
+            ),
+            children: value.deltaLabel
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "flex items-baseline gap-1.5", children: [
+        /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: value.priceLabel }),
+        /* @__PURE__ */ jsx6(
+          "p",
+          {
+            className: cn(
+              "font-agg-sans text-agg-xs leading-agg-4 font-agg-normal",
+              toneTextClassName(value.tone)
+            ),
+            children: value.percentLabel
+          }
+        )
+      ] })
+    ]
+  }
+);
 var PositionRow = ({
   position,
   variant,
@@ -2008,38 +2144,9 @@ var PositionRow = ({
               ] })
             ] })
           ] }),
-          /* @__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: isClosed ? model.payout.primaryLabel : model.currentValue.primaryLabel }),
-            /* @__PURE__ */ jsx6(
-              "p",
-              {
-                className: cn(
-                  "agg-position-pnl font-agg-sans text-agg-xs leading-agg-4 font-agg-normal",
-                  toneTextClassName(isClosed ? model.payout.tone : model.currentValue.tone)
-                ),
-                children: isClosed ? model.payout.deltaLabel : model.currentValue.deltaLabel
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "flex w-full flex-wrap items-center gap-3 md:hidden", children: [
-          /* @__PURE__ */ jsx6(OutcomePill, { label: model.selectedOutcomeLabel }),
-          isClosed ? /* @__PURE__ */ jsx6(ResultBadge, { status: model.positionStatus, labels }) : /* @__PURE__ */ jsx6(StatusBadge, { status: model.positionStatus, labels }),
-          !isClosed && model.canClaim ? /* @__PURE__ */ jsxs6(
-            "button",
-            {
-              type: "button",
-              className: "ml-auto inline-flex h-8 cursor-pointer items-center justify-center gap-1 rounded-agg-full px-2 font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-primary hover:text-agg-primary-hover disabled:cursor-not-allowed disabled:opacity-60",
-              onClick: handleClaim,
-              disabled: isClaiming,
-              "aria-busy": isClaiming || void 0,
-              children: [
-                isClaiming ? /* @__PURE__ */ jsx6(LoadingIcon, { size: "small", className: "text-agg-primary" }) : null,
-                labels.claim
-              ]
-            }
-          ) : null
+          /* @__PURE__ */ jsx6("div", { className: "flex shrink-0 items-center justify-end md:hidden", children: /* @__PURE__ */ jsx6(OutcomePill, { label: model.selectedOutcomeLabel }) })
         ] }),
+        isClosed ? /* @__PURE__ */ jsx6("div", { className: "md:hidden", children: /* @__PURE__ */ jsx6(ResolutionPill, { label: `${labels.resolutionHeader}: ${model.resolutionLabel}` }) }) : null,
         /* @__PURE__ */ jsx6(
           VenueShares,
           {
@@ -2048,18 +2155,59 @@ var PositionRow = ({
             className: "agg-position-venues flex min-w-0 flex-1 flex-wrap content-center items-center gap-x-3 gap-y-2 md:hidden"
           }
         ),
+        /* @__PURE__ */ jsxs6("div", { className: "flex w-full items-center justify-between gap-3 md:hidden", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 items-center gap-5", children: [
+            /* @__PURE__ */ jsx6(TotalTradedCell, { model }),
+            /* @__PURE__ */ jsx6(PositionValueCell, { value: isClosed ? model.payout : model.currentValue })
+          ] }),
+          isClosed ? /* @__PURE__ */ jsx6(ResultBadge, { status: model.positionStatus, labels }) : /* @__PURE__ */ jsxs6("div", { className: "flex shrink-0 flex-col items-start justify-center gap-2", children: [
+            /* @__PURE__ */ jsx6(StatusBadge, { status: model.positionStatus, labels }),
+            model.canClaim ? /* @__PURE__ */ jsxs6(
+              "button",
+              {
+                type: "button",
+                className: "inline-flex h-5 cursor-pointer items-center justify-center gap-1 rounded-agg-full font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-primary hover:text-agg-primary-hover disabled:cursor-not-allowed disabled:opacity-60",
+                onClick: handleClaim,
+                disabled: isClaiming,
+                "aria-busy": isClaiming || void 0,
+                children: [
+                  isClaiming ? /* @__PURE__ */ jsx6(LoadingIcon, { size: "small", className: "text-agg-primary" }) : null,
+                  labels.claim
+                ]
+              }
+            ) : null
+          ] })
+        ] }),
         isClosed ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
-          /* @__PURE__ */ jsx6("div", { className: "hidden w-[120px] shrink-0 md:block", children: /* @__PURE__ */ jsx6(OutcomePill, { label: model.resolutionLabel }) }),
-          /* @__PURE__ */ jsx6(TotalTradedCell, { model, className: "hidden w-[140px] shrink-0 md:flex" }),
-          /* @__PURE__ */ jsx6(PositionValueCell, { value: model.payout, className: "hidden w-[160px] shrink-0 md:flex" }),
+          /* @__PURE__ */ jsx6("div", { className: "hidden w-[90px] shrink-0 md:block lg:w-[120px]", children: /* @__PURE__ */ jsx6(ResolutionPill, { label: model.resolutionLabel }) }),
+          /* @__PURE__ */ jsx6(
+            TotalTradedCell,
+            {
+              model,
+              className: "hidden w-[110px] shrink-0 md:flex lg:w-[130px]"
+            }
+          ),
+          /* @__PURE__ */ jsx6(
+            PositionValueCell,
+            {
+              value: model.payout,
+              className: "hidden w-[130px] shrink-0 md:flex lg:w-[160px]"
+            }
+          ),
           /* @__PURE__ */ jsx6("div", { className: "hidden w-[60px] shrink-0 items-center md:flex", children: /* @__PURE__ */ jsx6(ResultBadge, { status: model.positionStatus, labels }) })
         ] }) : /* @__PURE__ */ jsxs6(Fragment3, { children: [
-          /* @__PURE__ */ jsx6(TotalTradedCell, { model, className: "hidden w-[140px] shrink-0 md:flex" }),
+          /* @__PURE__ */ jsx6(
+            TotalTradedCell,
+            {
+              model,
+              className: "hidden w-[120px] shrink-0 md:flex lg:w-[140px]"
+            }
+          ),
           /* @__PURE__ */ jsx6(
             PositionValueCell,
             {
               value: model.currentValue,
-              className: "hidden w-[160px] shrink-0 md:flex"
+              className: "hidden w-[130px] shrink-0 md:flex lg:w-[160px]"
             }
           ),
           /* @__PURE__ */ jsxs6("div", { className: "hidden w-[100px] shrink-0 items-center gap-3 md:flex", children: [
@@ -2151,9 +2299,9 @@ var PositionsActivity = ({
   const [locallyClaimedPositionIds, setLocallyClaimedPositionIds] = useState5(
     () => /* @__PURE__ */ new Set()
   );
-  const positionsLoadMoreRef = useRef3(null);
-  const activitiesLoadMoreRef = useRef3(null);
-  const rowsScrollRef = useRef3(null);
+  const positionsLoadMoreRef = useRef4(null);
+  const activitiesLoadMoreRef = useRef4(null);
+  const rowsScrollRef = useRef4(null);
   const isPositionsTab = activeTab === USER_PROFILE_TAB_POSITIONS;
   const isActivityTab = activeTab === USER_PROFILE_TAB_ACTIVITY;
   const isClosedPositionsFilter = isPositionsTab && positionFilter === "closed";
@@ -2213,11 +2361,11 @@ var PositionsActivity = ({
   const handleSearchChange = (event) => {
     setSearchValue(event.target.value);
   };
-  useEffect3(() => {
+  useEffect4(() => {
     if (isPositionsTab) return;
     setIsSearchFocused(false);
   }, [isPositionsTab]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!isPositionsTab || !hasMorePositions) return;
     const target = positionsLoadMoreRef.current;
     if (!target || !loadMorePositions) return;
@@ -2239,7 +2387,7 @@ var PositionsActivity = ({
     isPositionsTab,
     loadMorePositions
   ]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!isActivityTab || !hasMoreActivities) return;
     const target = activitiesLoadMoreRef.current;
     if (!target || !onLoadMoreActivities) return;
@@ -2292,8 +2440,8 @@ var PositionsActivity = ({
               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) => {
+              isPositionsTab ? /* @__PURE__ */ jsxs7("div", { className: "agg-toolbar flex flex-row items-start gap-3 px-4 sm:gap-5 sm:px-6", children: [
+                /* @__PURE__ */ jsx7("div", { className: "agg-position-filters flex h-10 w-[45%] max-w-[169px] shrink-0 items-stretch overflow-clip rounded-agg-sm border border-agg-separator sm:w-auto sm:min-w-[200px] sm:max-w-[270px]", children: USER_PROFILE_POSITION_FILTERS.map((filter, idx) => {
                   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,
@@ -2304,7 +2452,7 @@ var PositionsActivity = ({
                         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",
+                          "flex flex-1 cursor-pointer items-center justify-center px-2 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.value === "active" ? positionsLabels.activeFilter : positionsLabels.closedFilter
@@ -2427,15 +2575,15 @@ var PositionsActivity = ({
                 /* @__PURE__ */ jsxs7("div", { className: "w-full px-4 sm:px-6", children: [
                   isPositionsTab && filteredPositions.length > 0 ? isClosedPositionsFilter ? /* @__PURE__ */ jsxs7("div", { className: "hidden items-start gap-8 px-0 md:flex", children: [
                     /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: positionsLabels.marketHeader }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[120px] shrink-0", children: positionsLabels.resolutionHeader }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[140px] shrink-0", children: positionsLabels.totalTradedHeader }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[160px] shrink-0", children: positionsLabels.payoutHeader }),
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[90px] shrink-0 lg:w-[120px]", children: positionsLabels.resolutionHeader }),
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[110px] shrink-0 lg:w-[130px]", children: positionsLabels.totalTradedHeader }),
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[130px] shrink-0 lg:w-[160px]", children: positionsLabels.payoutHeader }),
                     /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[60px] shrink-0", children: positionsLabels.resultHeader }),
                     /* @__PURE__ */ jsx7("span", { className: "hidden w-5 shrink-0 sm:block", "aria-hidden": true })
                   ] }) : /* @__PURE__ */ jsxs7("div", { className: "hidden items-start gap-6 px-0 md:flex", children: [
                     /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: positionsLabels.marketHeader }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[140px] shrink-0", children: positionsLabels.totalTradedHeader }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[160px] shrink-0", children: positionsLabels.currentValueHeader }),
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[120px] shrink-0 lg:w-[140px]", children: positionsLabels.totalTradedHeader }),
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[130px] shrink-0 lg:w-[160px]", children: positionsLabels.currentValueHeader }),
                     /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[100px] shrink-0", children: positionsLabels.statusHeader }),
                     /* @__PURE__ */ jsx7("span", { className: "hidden w-5 shrink-0 sm:block", "aria-hidden": true })
                   ] }) : null,
@@ -2561,6 +2709,7 @@ import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var PositionsValueCard = ({
   label = "Positions Value",
   valueLabel,
+  isLoading = false,
   className
 }) => {
   return /* @__PURE__ */ jsxs8(
@@ -2592,7 +2741,7 @@ var PositionsValueCard = ({
           ),
           /* @__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 })
+        /* @__PURE__ */ jsx8("div", { className: "agg-portfolio-value font-agg-sans text-agg-2xl leading-8 font-agg-bold text-agg-foreground", children: isLoading ? /* @__PURE__ */ jsx8("div", { role: "status", "aria-label": "Loading positions value", children: /* @__PURE__ */ jsx8(SkeletonBlock, { className: "h-8 w-24 rounded-agg-sm" }) }) : valueLabel })
       ]
     }
   );
@@ -2602,14 +2751,6 @@ 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 }) => {
@@ -3007,6 +3148,41 @@ var hasActivityError = (item) => {
   const errorMessage = getActivityErrorMessage(item);
   return item.status.toLowerCase() === "failed" || !!(errorMessage == null ? void 0 : errorMessage.trim());
 };
+var normalizeTradeStatus = (status) => {
+  const normalized = status.toLowerCase();
+  if (isOpenOrderStatus(normalized)) return "pending";
+  if (normalized === "failed" || normalized === "error") return "failed";
+  if (normalized === "canceled" || normalized === "cancelled") return "canceled";
+  return "completed";
+};
+var WITHDRAWAL_PENDING_STATUSES = /* @__PURE__ */ new Set(["pending", "bridging", "transferring"]);
+var WITHDRAWAL_COMPLETED_STATUSES = /* @__PURE__ */ new Set(["completed"]);
+var TRANSFER_FAILED_STATUSES = /* @__PURE__ */ new Set(["failed", "error"]);
+var TRANSFER_CANCELED_STATUSES = /* @__PURE__ */ new Set(["canceled", "cancelled"]);
+var PENDING_TRANSFER_TIMEOUT_MS = 5 * 60 * 1e3;
+var PENDING_TRANSFER_TIMEOUT_ERROR_MESSAGE = "This transfer took too long to execute.";
+var isPendingTransferTimedOut = (createdAt) => {
+  const timestamp = createdAt instanceof Date ? createdAt.getTime() : Date.parse(createdAt);
+  if (Number.isNaN(timestamp)) return false;
+  return Date.now() - timestamp >= PENDING_TRANSFER_TIMEOUT_MS;
+};
+var normalizeWithdrawalStatus = (status) => {
+  const normalized = status.toLowerCase();
+  if (WITHDRAWAL_PENDING_STATUSES.has(normalized)) return "pending";
+  if (WITHDRAWAL_COMPLETED_STATUSES.has(normalized)) return "completed";
+  if (TRANSFER_FAILED_STATUSES.has(normalized)) return "failed";
+  if (TRANSFER_CANCELED_STATUSES.has(normalized)) return "canceled";
+  return "completed";
+};
+var normalizeDepositStatus = (status) => {
+  const normalized = status.toLowerCase();
+  if (normalized === "pending") return "pending";
+  if (normalized === "confirmed" || normalized === "completed") return "completed";
+  if (TRANSFER_FAILED_STATUSES.has(normalized)) return "failed";
+  if (TRANSFER_CANCELED_STATUSES.has(normalized)) return "canceled";
+  return "completed";
+};
+var ZERO_AMOUNT_LABEL = "$0";
 var isVisibleActivityItem = (item) => {
   var _a;
   if (item.type === "user_op" || item.type === "bridge") return false;
@@ -3121,6 +3297,8 @@ var UserProfilePage = ({
   getPositionHref,
   onClaim,
   claimingPositionKeys,
+  onClaimResult,
+  onClaimSubmitError,
   onActivityClick,
   getActivityHref,
   onOpenOrderClick,
@@ -3149,7 +3327,7 @@ var UserProfilePage = ({
   onError
 }) => {
   const [isHydrated, setIsHydrated] = useState6(false);
-  useEffect4(() => {
+  useEffect5(() => {
     setIsHydrated(true);
   }, []);
   const { user: currentUser, isAuthenticated } = useAggAuthState();
@@ -3160,7 +3338,21 @@ var UserProfilePage = ({
   const queryClient = useQueryClient();
   const redeemMutation = useRedeem();
   const [internalCancellingIds, setInternalCancellingIds] = useState6({});
-  const [internalClaimingIds, setInternalClaimingIds] = useState6({});
+  const [activeRedeems, setActiveRedeems] = useState6({});
+  const [submittingClaimKeys, setSubmittingClaimKeys] = useState6({});
+  const lifecycleInputs = useMemo3(
+    () => Object.values(activeRedeems),
+    [activeRedeems]
+  );
+  const lifecycleStates = useRedeemLifecycles(lifecycleInputs);
+  const internalClaimingIds = useMemo3(() => {
+    const out = __spreadValues({}, submittingClaimKeys);
+    for (const [claimKey, active] of Object.entries(activeRedeems)) {
+      const state = lifecycleStates[active.redeemId];
+      if (!state || !state.terminal) out[claimKey] = true;
+    }
+    return out;
+  }, [activeRedeems, lifecycleStates, submittingClaimKeys]);
   const [profileUser, setProfileUser] = useState6(void 0);
   const shouldUseHookData = !user;
   const connectedVenues = useMemo3(() => {
@@ -3187,7 +3379,7 @@ var UserProfilePage = ({
     },
     [onPositionFilterChangeProp]
   );
-  useEffect4(() => {
+  useEffect5(() => {
     setPositionFilter(initialPositionFilter);
   }, [initialPositionFilter]);
   const ordersQuery = useExecutionOrders({
@@ -3232,22 +3424,72 @@ var UserProfilePage = ({
       const venueMarketOutcomeIds = (_a = position.winningOutcomeIds) != null ? _a : [];
       if (venueMarketOutcomeIds.length === 0) return;
       const claimKey = (_b = position.marketId) != null ? _b : position.id;
-      setInternalClaimingIds((prev) => __spreadProps(__spreadValues({}, prev), { [claimKey]: true }));
+      setSubmittingClaimKeys((prev) => __spreadProps(__spreadValues({}, prev), { [claimKey]: true }));
       try {
-        yield redeemMutation.mutateAsync({ venueMarketOutcomeIds });
+        const response = yield redeemMutation.mutateAsync({ venueMarketOutcomeIds });
+        const expectedOutcomeIds = [];
+        const preFailedOutcomeIds = [];
+        const preFailedReasons = {};
+        const preConfirmedOutcomeIds = [];
+        const preConfirmedTxHashes = {};
+        for (const result of response.results) {
+          if (result.status === "submitted") {
+            expectedOutcomeIds.push(result.venueMarketOutcomeId);
+          } else if (result.status === "confirmed") {
+            preConfirmedOutcomeIds.push(result.venueMarketOutcomeId);
+            preConfirmedTxHashes[result.venueMarketOutcomeId] = result.txHash;
+          } else if (result.status === "ineligible" || result.status === "rejected") {
+            preFailedOutcomeIds.push(result.venueMarketOutcomeId);
+            preFailedReasons[result.venueMarketOutcomeId] = result.reason;
+          }
+        }
+        setActiveRedeems((prev) => __spreadProps(__spreadValues({}, prev), {
+          [claimKey]: {
+            redeemId: response.redeemId,
+            expectedOutcomeIds,
+            preFailedOutcomeIds,
+            preFailedReasons,
+            preConfirmedOutcomeIds,
+            preConfirmedTxHashes
+          }
+        }));
         yield queryClient.invalidateQueries({ queryKey: ["current-user"] });
       } catch (err) {
         console.error("[UserProfilePage] redeem failed", err);
+        onClaimSubmitError == null ? void 0 : onClaimSubmitError(claimKey, err instanceof Error ? err : new Error(String(err)));
       } finally {
-        setInternalClaimingIds((prev) => {
+        setSubmittingClaimKeys((prev) => {
           const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
           return rest;
         });
       }
     }),
-    [onClaim, queryClient, redeemMutation]
+    [onClaim, onClaimSubmitError, queryClient, redeemMutation]
   );
-  useEffect4(() => {
+  const firedTerminalRef = useRef5({});
+  useEffect5(() => {
+    for (const [claimKey, active] of Object.entries(activeRedeems)) {
+      const state = lifecycleStates[active.redeemId];
+      if (!state || !state.terminal) continue;
+      if (firedTerminalRef.current[active.redeemId]) continue;
+      firedTerminalRef.current[active.redeemId] = true;
+      onClaimResult == null ? void 0 : onClaimResult(claimKey, {
+        allConfirmed: state.allConfirmed,
+        anyFailed: state.anyFailed,
+        errorMessage: state.errorMessage
+      });
+      void queryClient.invalidateQueries({ queryKey: executionKeys.positionsPrefix() });
+      void queryClient.invalidateQueries({
+        queryKey: executionKeys.claimableClosedPositionsCount()
+      });
+      delete firedTerminalRef.current[active.redeemId];
+      setActiveRedeems((prev) => {
+        const _a = prev, { [claimKey]: _removed } = _a, rest = __objRest(_a, [__restKey(claimKey)]);
+        return rest;
+      });
+    }
+  }, [activeRedeems, lifecycleStates, onClaimResult, queryClient]);
+  useEffect5(() => {
     if (!shouldUseHookData || !isAuthenticated) {
       setProfileUser(void 0);
       return;
@@ -3320,18 +3562,21 @@ var UserProfilePage = ({
     var _a;
     return formatUsd((_a = balanceState.totalBalance) != null ? _a : 0);
   }, [balanceState.totalBalance]);
+  const isPositionsValueLoading = !(balance == null ? void 0 : balance.totalLabel) && balanceState.isLoading;
+  const isAvailableBalanceLoading = balanceState.isLoading;
   const resolvedActivities = 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;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
       const timeLabel = formatTime(item.createdAt);
       if (item.type === "trade") {
         const tradeItem = item;
         const sideLower = item.side.toLowerCase();
         const type = sideLower === "sell" ? "Sell" : "Buy";
+        const status = normalizeTradeStatus(item.status);
         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;
@@ -3345,6 +3590,8 @@ var UserProfilePage = ({
           marketId,
           isFailed,
           hasError,
+          errorMessage: (_m = item.errorMessage) != null ? _m : void 0,
+          status,
           type,
           thumbnailSrc: toTradeThumbnailSrc(tradeItem, ordersQuery.orders),
           title: marketQuestion,
@@ -3360,53 +3607,69 @@ var UserProfilePage = ({
         };
       }
       if (item.type === "withdrawal") {
-        const isFailed = item.status.toLowerCase() === "failed";
-        const hasError = hasActivityError(item);
+        const normalizedStatus = normalizeWithdrawalStatus(item.status);
+        const timedOut = normalizedStatus === "pending" && isPendingTransferTimedOut(item.createdAt);
+        const status = timedOut ? "failed" : normalizedStatus;
+        const errorMessage = timedOut ? PENDING_TRANSFER_TIMEOUT_ERROR_MESSAGE : (_n = item.errorMessage) != null ? _n : void 0;
+        const isFailed = status === "failed";
+        const hasError = timedOut || hasActivityError(item);
+        const titleByStatus = labels.userProfile.activity.withdrawalStatusTitles;
+        const settledWithdrawalAmountRaw = status === "completed" ? (_o = item.completedAmountRaw) != null ? _o : item.amountRaw : item.amountRaw;
+        const amountLabel = status === "failed" || status === "canceled" ? ZERO_AMOUNT_LABEL : toTokenAmountLabel({
+          amountRaw: settledWithdrawalAmountRaw,
+          chainId: item.destinationChainId,
+          tokenSymbol: item.tokenSymbol,
+          sign: "-"
+        });
         return {
           kind: "withdrawal",
           id: item.id,
           isFailed,
           hasError,
+          errorMessage,
+          status,
           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: "-"
-          }),
+          title: titleByStatus[status],
+          subtitleLabel: `to ${(_p = shortenAddress(item.destinationAddress)) != null ? _p : item.destinationAddress} \xB7 ${formatChainIdLabel(item.destinationChainId)}`,
+          amountLabel,
           timeLabel
         };
       }
       if (item.type === "deposit") {
-        const isFailed = item.status.toLowerCase() === "failed";
-        const hasError = hasActivityError(item);
+        const normalizedStatus = normalizeDepositStatus(item.status);
+        const timedOut = normalizedStatus === "pending" && isPendingTransferTimedOut(item.createdAt);
+        const status = timedOut ? "failed" : normalizedStatus;
+        const errorMessage = timedOut ? PENDING_TRANSFER_TIMEOUT_ERROR_MESSAGE : (_q = getActivityErrorMessage(item)) != null ? _q : void 0;
+        const isFailed = status === "failed";
+        const hasError = timedOut || 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
+        const depositTitlesBySource = {
+          wallet: labels.userProfile.activity.depositStatusTitles.connectedWallet,
+          crypto: labels.userProfile.activity.depositStatusTitles.externalWallet,
+          card: labels.userProfile.activity.depositStatusTitles.card
         };
+        const amountLabel = status === "failed" || status === "canceled" ? ZERO_AMOUNT_LABEL : toTokenAmountLabel({
+          amountRaw: item.amountRaw,
+          chainId: item.chainId,
+          tokenSymbol: item.tokenSymbol,
+          sign: "+"
+        });
         return {
           kind: "deposit",
           id: item.id,
           isFailed,
           hasError,
+          errorMessage,
+          status,
           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: "+"
-          }),
+          title: depositTitlesBySource[depositSource][status],
+          subtitleLabel: `from ${(_r = shortenAddress(item.fromAddress)) != null ? _r : item.fromAddress} \xB7 ${formatChainIdLabel(item.chainId)}`,
+          amountLabel,
           timeLabel,
           depositSource,
           chainId: item.chainId
@@ -3445,13 +3708,17 @@ var UserProfilePage = ({
   const adaptPositionGroups = useCallback3(
     (groups) => {
       return groups.flatMap((group) => {
-        var _a, _b;
+        var _a, _b, _c, _d;
         const closedTotals = computeClosedPositionTotals(group);
-        const venueEventId = (_a = group.venueMarket.venueEventId) != null ? _a : void 0;
-        const eventId = (_b = group.eventId) != null ? _b : venueEventId;
+        const winningOutcome = group.venueMarket.venueMarketOutcomes.find(
+          (outcome) => outcome.winner === true
+        );
+        const winningOutcomeLabel = (_b = (_a = winningOutcome == null ? void 0 : winningOutcome.title) != null ? _a : winningOutcome == null ? void 0 : winningOutcome.label) != null ? _b : null;
+        const venueEventId = (_c = group.venueMarket.venueEventId) != null ? _c : void 0;
+        const eventId = (_d = group.eventId) != null ? _d : venueEventId;
         const marketId = group.targetMarketId;
         return group.venueMarket.venueMarketOutcomes.map((outcome) => {
-          var _a2, _b2, _c, _d;
+          var _a2, _b2, _c2, _d2;
           const isResolved = group.venueMarket.status === "resolved";
           const isUnpriced = outcome.priceSource === "entry";
           const averagePriceCents = Math.round(outcome.avgEntryPrice * 100);
@@ -3474,7 +3741,8 @@ var UserProfilePage = ({
             marketId,
             thumbnailSrc: (_b2 = group.venueMarket.image) != null ? _b2 : fallbackThumbnailSrc,
             title: group.venueMarket.question,
-            outcomeLabel: ((_c = outcome.title) == null ? void 0 : _c.trim()) || outcome.label,
+            outcomeLabel: ((_c2 = outcome.title) == null ? void 0 : _c2.trim()) || outcome.label,
+            resolutionLabel: winningOutcomeLabel,
             venueShareBreakdown: buildVenueShareBreakdown(outcome),
             totalShares: outcome.totalSize,
             averageLabel: `${averagePriceCents}\xA2`,
@@ -3489,7 +3757,7 @@ var UserProfilePage = ({
             isPnlPositive: displayPnlValue != null && displayPnlValue >= 0,
             status: group.status,
             marketStatus: group.venueMarket.status,
-            winner: (_d = outcome.winner) != null ? _d : null,
+            winner: (_d2 = outcome.winner) != null ? _d2 : null,
             resolutionDate: group.resolutionDate,
             closedTotalTradedLabel: formatUsd(totalTradedValue),
             totalTradedValue,
@@ -3625,11 +3893,18 @@ var UserProfilePage = ({
                     classNames == null ? void 0 : classNames.rightColumn
                   ),
                   children: [
-                    /* @__PURE__ */ jsx11(PositionsValueCard, { valueLabel: positionsValueLabel }),
+                    /* @__PURE__ */ jsx11(
+                      PositionsValueCard,
+                      {
+                        valueLabel: positionsValueLabel,
+                        isLoading: isPositionsValueLoading
+                      }
+                    ),
                     /* @__PURE__ */ jsx11(
                       AvailableBalanceCard,
                       {
                         valueLabel: availableBalanceLabel,
+                        isLoading: isAvailableBalanceLoading,
                         chains: (balanceChainsOverride != null ? balanceChainsOverride : balanceState.balanceBreakdown).map((b) => ({
                           key: b.key,
                           label: b.label,