@agg-build/ui 1.2.12 → 1.3.0

package/dist/{chunk-J6WELNCX.mjs → chunk-6PQ6O6M5.mjs}

@@ -10,13 +10,13 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-4WBQTUPW.mjs";
+} from "./chunk-5ALBEKAT.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
   SettlementDetails,
   WITHDRAW_MODAL_OPEN_EVENT
-} from "./chunk-3JXBOU24.mjs";
+} from "./chunk-YWJIYEJV.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -44,11 +44,15 @@ import {
   cn,
   filterOpenEvents,
   resolveTabVenus,
-  shortenAddress
-} from "./chunk-X3KCFWXN.mjs";
+  shortenAddress,
+  sortCategoriesForNavigation,
+  sortMarketsByVolumeDesc,
+  useOptionalToast
+} from "./chunk-QUZWA34R.mjs";
 
 // src/pages/home/index.tsx
 import {
+  getVisibleVenueIdsByConfig,
   useAppConfig,
   useCategories,
   useEventListState,
@@ -57,7 +61,7 @@ import {
   useSearch
 } from "@agg-build/hooks";
 import { VENUES } from "@agg-build/sdk";
-import { useCallback as useCallback2, useEffect as useEffect3, useMemo, useRef as useRef3, useState as useState4 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef3, useState as useState4 } from "react";
 
 // src/pages/event-market/index.tsx
 import {
@@ -69,7 +73,7 @@ import {
   useMidpoints
 } from "@agg-build/hooks";
 import * as Dialog from "@radix-ui/react-dialog";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 
 // src/pages/event-market/event-market.utils.ts
 var EVENT_MARKET_PAGE_STICKY_HEADER_OFFSET_PX = 48;
@@ -167,7 +171,7 @@ var resolveMobileTradePlaceOrderClassNames = (classNames) => {
     root: "rounded-t-agg-2xl rounded-b-none md:rounded-agg-2xl md:rounded-b-agg-2xl",
     body: cn("flex h-full min-h-0 flex-col", classNames == null ? void 0 : classNames.tradeBody, classNames == null ? void 0 : classNames.mobileTradeBody),
     content: cn(
-      "min-h-0 flex-1 overflow-y-auto overscroll-contain [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+      "min-h-0 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
       classNames == null ? void 0 : classNames.tradeContent,
       classNames == null ? void 0 : classNames.mobileTradeContent
     ),
@@ -353,14 +357,19 @@ var EventMarketPageContent = ({
   stickyOrderPanel,
   resolvedClaim
 }) => {
-  const eventTradingState = resolveEventTradingState(event);
+  const sortedEvent = useMemo(() => {
+    return __spreadProps(__spreadValues({}, event), {
+      venueMarkets: sortMarketsByVolumeDesc(event.venueMarkets)
+    });
+  }, [event]);
+  const eventTradingState = useMemo(() => resolveEventTradingState(sortedEvent), [sortedEvent]);
   const stickyOrderPanelState = resolveEventMarketPageStickyState({
     stickyOrderPanel
   });
   const [isMobileTradeOpen, setIsMobileTradeOpen] = useState(false);
   const isMobileViewport = useIsMobileEventMarketViewport();
   const tradingContext = useEventTradingContext();
-  const midpointsResult = useMidpoints(event.venueMarkets);
+  const midpointsResult = useMidpoints(sortedEvent.venueMarkets);
   const setTradeSideRef = useRef(tradingContext == null ? void 0 : tradingContext.setTradeSide);
   setTradeSideRef.current = tradingContext == null ? void 0 : tradingContext.setTradeSide;
   useEffect(() => {
@@ -369,7 +378,7 @@ var EventMarketPageContent = ({
       (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, TradeSide.Buy);
     };
   }, []);
-  if (!event || !event.venueMarkets.length) {
+  if (!sortedEvent.venueMarkets.length) {
     return /* @__PURE__ */ jsx(EventMarketPageUnavailableState, { ariaLabel });
   }
   return /* @__PURE__ */ jsxs(
@@ -380,7 +389,7 @@ var EventMarketPageContent = ({
         "w-full mx-auto max-w-[1360px] px-6 lg:px-10 pb-10",
         classNames == null ? void 0 : classNames.root
       ),
-      "aria-label": ariaLabel != null ? ariaLabel : event.title,
+      "aria-label": ariaLabel != null ? ariaLabel : sortedEvent.title,
       children: [
         /* @__PURE__ */ jsxs(
           "div",
@@ -405,7 +414,7 @@ var EventMarketPageContent = ({
                     /* @__PURE__ */ jsx(
                       EventListItemDetails,
                       {
-                        event,
+                        event: sortedEvent,
                         defaultMarketId,
                         defaultOutcomeId,
                         eventTradingState,
@@ -418,7 +427,7 @@ var EventMarketPageContent = ({
                     /* @__PURE__ */ jsx(
                       MarketDetailsList,
                       {
-                        eventId: event.id,
+                        eventId: sortedEvent.id,
                         markets: eventTradingState.displayMarkets,
                         eventTradingState,
                         live: true,
@@ -446,7 +455,7 @@ var EventMarketPageContent = ({
                         classNames: resolveMobileTradePlaceOrderClassNames(classNames)
                       }
                     ) }) : null,
-                    /* @__PURE__ */ jsx(SettlementDetails, { eventId: event.id, className: classNames == null ? void 0 : classNames.settlement })
+                    /* @__PURE__ */ jsx(SettlementDetails, { eventId: sortedEvent.id, className: classNames == null ? void 0 : classNames.settlement })
                   ]
                 }
               ),
@@ -549,6 +558,7 @@ var getDefaultEventSectionItems = (labels) => {
 
 // src/pages/home/home.utils.ts
 var resolveCategoryTabs = (categories, allCategoryTabLabel) => {
+  var _a;
   const seenCategoryIds = /* @__PURE__ */ new Set();
   const tabs = [
     {
@@ -557,22 +567,31 @@ var resolveCategoryTabs = (categories, allCategoryTabLabel) => {
       iconName: "arrow-trend-up"
     }
   ];
+  const otherTabValues = /* @__PURE__ */ new Set();
   const categoryTabs = [];
   for (const category of categories) {
     if (seenCategoryIds.has(category.id)) continue;
     seenCategoryIds.add(category.id);
+    const label = (_a = category.displayName) != null ? _a : category.name.trim();
+    if (category.name.trim().toLowerCase() === "other") {
+      otherTabValues.add(category.id);
+    }
     categoryTabs.push({
       value: category.id,
-      label: category.name.trim().toLowerCase(),
+      label,
       categoryIds: [category.id]
     });
   }
-  categoryTabs.sort((a, b) => {
-    const aIsOther = a.label === "other" ? 1 : 0;
-    const bIsOther = b.label === "other" ? 1 : 0;
-    return aIsOther - bIsOther;
-  });
-  return [...tabs, ...categoryTabs];
+  const sortedCategoryTabs = sortCategoriesForNavigation(
+    categoryTabs.map((tab) => __spreadProps(__spreadValues({}, tab), {
+      id: tab.value,
+      name: otherTabValues.has(tab.value) ? "other" : tab.label
+    }))
+  );
+  return [...tabs, ...sortedCategoryTabs.map((_b) => {
+    var _c = _b, { id: _id, name: _name } = _c, tab = __objRest(_c, ["id", "name"]);
+    return tab;
+  })];
 };
 var resolveInitialTabValue = (tabs, defaultActiveTab) => {
   var _a, _b;
@@ -656,16 +675,14 @@ var HomeSearchResults = ({
   const [activeVenueTabValue, setActiveVenueTabValue] = useState4("matched");
   const eventListTabs = useEventListTabs();
   const { headerRef, titleRef, shouldUseSelectOverflow } = useEventListTabsHeaderOverflow(eventListTabs);
-  const visibleVenues = useMemo(
-    () => disabledVenues.length === 0 ? void 0 : VENUES.filter(
-      (v) => !disabledVenues.includes(v)
-    ),
+  const visibleVenues = useMemo2(
+    () => disabledVenues.length === 0 ? void 0 : getVisibleVenueIdsByConfig(VENUES, disabledVenues),
     [disabledVenues]
   );
-  const activeVenueTab = useMemo(() => {
+  const activeVenueTab = useMemo2(() => {
     return eventListTabs.find((tab) => tab.value === activeVenueTabValue);
   }, [activeVenueTabValue, eventListTabs]);
-  const activeCategoryTab = useMemo(() => {
+  const activeCategoryTab = useMemo2(() => {
     return resolvedTabs.find((tab) => tab.value === activeTabValue);
   }, [activeTabValue, resolvedTabs]);
   const activeVenues = resolveTabVenus(activeVenueTab, visibleVenues);
@@ -689,7 +706,7 @@ var HomeSearchResults = ({
     // so debounced keystrokes don't pay reranker latency.
     deep: true
   });
-  const openEvents = useMemo(() => {
+  const openEvents = useMemo2(() => {
     let filtered = filterOpenEvents(searchResults);
     if (activeVenues == null ? void 0 : activeVenues.length) {
       filtered = filtered.filter((e) => activeVenues.includes(e.venue));
@@ -775,7 +792,9 @@ var HomeSearchResults = ({
       "div",
       {
         className: cn(
-          "agg-event-list-grid grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] md:grid-cols-[repeat(auto-fill,minmax(360px,1fr))] gap-4 transition-opacity duration-200",
+          "agg-event-list-grid",
+          "grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] md:grid-cols-[repeat(auto-fill,minmax(360px,1fr))] gap-4",
+          "transition-opacity duration-200",
           "empty:hidden",
           isPlaceholderData && "opacity-60"
         ),
@@ -785,7 +804,7 @@ var HomeSearchResults = ({
             {
               event,
               classNames: {
-                root: "agg-event-list-item w-full min-w-0 max-w-none"
+                root: "agg-event-list-item w-full min-w-0! max-w-none justify-between!"
               },
               href: getEventHref == null ? void 0 : getEventHref(event),
               onEventClick: (selectedEvent) => {
@@ -921,10 +940,10 @@ var HomePage = ({
     limit: categoriesLimit,
     enabled: !hasCustomTabs
   });
-  const categoryTabs = useMemo(() => {
+  const categoryTabs = useMemo2(() => {
     return resolveCategoryTabs(categories, resolvedAllCategoryTabLabel);
   }, [categories, resolvedAllCategoryTabLabel]);
-  const resolvedTabs = useMemo(() => {
+  const resolvedTabs = useMemo2(() => {
     if (hasCustomTabs && tabs) return tabs;
     return categoryTabs;
   }, [categoryTabs, hasCustomTabs, tabs]);
@@ -944,7 +963,7 @@ var HomePage = ({
       return resolveInitialTabValue(resolvedTabs, defaultActiveTab);
     });
   }, [defaultActiveTab, resolvedTabs]);
-  const tabsItems = useMemo(() => {
+  const tabsItems = useMemo2(() => {
     return resolvedTabs.map((tab) => {
       const isActive = tab.value === activeTabValue;
       return {
@@ -964,10 +983,10 @@ var HomePage = ({
       };
     });
   }, [activeTabValue, resolvedTabs]);
-  const activeTab = useMemo(() => {
+  const activeTab = useMemo2(() => {
     return resolvedTabs.find((tab) => tab.value === activeTabValue);
   }, [activeTabValue, resolvedTabs]);
-  const resolvedSectionItems = useMemo(() => {
+  const resolvedSectionItems = useMemo2(() => {
     var _a2, _b2, _c2;
     if (activeTabValue === ALL_CATEGORIES_TAB_VALUE) {
       return resolvedEventSectionItems;
@@ -987,9 +1006,24 @@ var HomePage = ({
     setActiveTabValue(value);
     _onTabChange == null ? void 0 : _onTabChange(value);
   };
+  const handleCategoryRootChange = (categoryId) => {
+    const nextTab = categoryId ? resolvedTabs.find(
+      (tab) => {
+        var _a2;
+        return tab.value === categoryId || ((_a2 = tab.categoryIds) == null ? void 0 : _a2.includes(categoryId));
+      }
+    ) : resolvedTabs.find((tab) => tab.value === ALL_CATEGORIES_TAB_VALUE);
+    if (!nextTab) return;
+    if (nextTab.value === activeTabValue) return;
+    handleTabChange(nextTab.value);
+  };
   const handleLogoClick = () => {
     onSearchChange == null ? void 0 : onSearchChange("");
   };
+  const handleMobileSearchSelect = (_eventId, event) => {
+    if (!event) return;
+    handleSelectEvent(event);
+  };
   const shouldRenderMobileSearch = isMobileSearchViewport && !resolvedSelectedEvent;
   const isScrollRestorationReady = !!snapshot && !isShowingAllResults && !resolvedSelectedEvent && ((_b = (_a = eventListStateRef.current) == null ? void 0 : _a.loadedPageCount) != null ? _b : 0) >= ((_c = snapshot.loadedPageCount) != null ? _c : 1);
   useScrollRestoration({
@@ -1012,7 +1046,7 @@ var HomePage = ({
       {
         className: cn(
           "agg-page-header",
-          "w-full bg-agg-secondary border-b border-agg-separator h-[60px]",
+          "w-full bg-agg-secondary border-b border-agg-separator h-14! md:h-15!",
           classNames == null ? void 0 : classNames.header
         ),
         children: /* @__PURE__ */ jsx2("div", { className: "mx-auto h-full w-full max-w-[1360px] px-6 lg:px-10", children: /* @__PURE__ */ jsx2(
@@ -1021,7 +1055,7 @@ var HomePage = ({
             ariaLabel: labels.home.categoryTabsAria,
             variant: "underline",
             className: cn("w-full", classNames == null ? void 0 : classNames.tabs),
-            classNames: { tabList: "!h-[60px]" },
+            classNames: { tabList: "h-14! md:h-15!" },
             items: tabsItems,
             value: activeTabValue,
             onChange: handleTabChange
@@ -1037,7 +1071,13 @@ var HomePage = ({
           "pt-4 sm:pt-6 md:pt-8 pb-10"
         ),
         children: [
-          shouldRenderMobileSearch ? /* @__PURE__ */ jsx2("div", { className: "agg-page-mobile-search w-full py-4 md:hidden ", children: /* @__PURE__ */ jsx2(Search, { onSeeAllEvents: onSeeAllEventsProp }) }) : null,
+          shouldRenderMobileSearch ? /* @__PURE__ */ jsx2("div", { className: "agg-page-mobile-search w-full pb-5 md:hidden", children: /* @__PURE__ */ jsx2(
+            Search,
+            {
+              onSelectEvent: handleMobileSearchSelect,
+              onSeeAllEvents: onSeeAllEventsProp
+            }
+          ) }) : null,
           /* @__PURE__ */ jsx2(
             "main",
             {
@@ -1071,6 +1111,7 @@ var HomePage = ({
                         maxVisibleItems: eventSectionItem.maxVisibleItems,
                         search: (_b2 = eventSectionItem.search) != null ? _b2 : activeTab == null ? void 0 : activeTab.search,
                         categoryIds: (_c2 = eventSectionItem.categoryIds) != null ? _c2 : activeTab == null ? void 0 : activeTab.categoryIds,
+                        onCategoryRootChange: handleCategoryRootChange,
                         getEventHref,
                         getMarketHref,
                         onEventClick: (event) => {
@@ -1102,6 +1143,9 @@ import {
   computeClosedPositionTotals,
   executionKeys,
   getWalletAddressFromUserProfile,
+  invalidateBalanceQueries,
+  invalidatePositionQueries,
+  invalidateUserActivityQueries,
   useAggAuthState,
   useAggBalance,
   useAggClient,
@@ -1116,7 +1160,7 @@ import {
   useUserActivity
 } from "@agg-build/hooks";
 import { Venue } from "@agg-build/sdk";
-import { useCallback as useCallback3, useEffect as useEffect5, useMemo as useMemo3, useRef as useRef5, useState as useState6 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect5, useMemo as useMemo4, useRef as useRef5, useState as useState6 } from "react";
 
 // src/pages/user-profile/chain-display.ts
 var CHAIN_ID_TO_LABEL = {
@@ -1317,7 +1361,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 useEffect4, useMemo as useMemo2, useRef as useRef4, useState as useState5 } from "react";
+import { Fragment as Fragment4, useEffect as useEffect4, useMemo as useMemo3, useRef as useRef4, useState as useState5 } from "react";
 
 // src/pages/user-profile/user-profile.constants.ts
 var USER_PROFILE_TAB_POSITIONS = "positions";
@@ -1506,7 +1550,10 @@ var toPositionRowViewModel = (position, labels = defaultLabels) => {
       percentLabel: formatSignedPercent(payoutPercent),
       tone: getPositionTone(payoutPnl)
     },
-    canClaim: positionStatus === "won_unclaimed" && position.closedClaimStatus !== "pending"
+    // "ineligible" winners (auto-settled venues like Hyperliquid, dust below
+    // the redeem threshold) have no redeem path — a Claim button would only
+    // error on click. Undefined closedClaimStatus keeps the legacy behavior.
+    canClaim: positionStatus === "won_unclaimed" && position.closedClaimStatus !== "pending" && position.closedClaimStatus !== "ineligible"
   };
 };
 
@@ -1545,7 +1592,8 @@ var TRANSFER_ICON = {
   withdrawal: "upload",
   deposit: "download",
   bridge: "arrows-to-dot",
-  user_op: "wallet"
+  user_op: "wallet",
+  unknown: "info"
 };
 var TRANSFER_STATUS_VISUAL = {
   completed: { icon: "badge-check-thin", iconClassName: "text-agg-muted-foreground" },
@@ -1558,6 +1606,9 @@ var resolveActivityStatus = (activity) => {
   if (activity.status) return activity.status;
   return "completed";
 };
+var getStatusVisual = (activity) => {
+  return TRANSFER_STATUS_VISUAL[resolveActivityStatus(activity)];
+};
 var resolveToneClasses = (_activity) => {
   return {
     primary: "text-agg-foreground",
@@ -1647,20 +1698,54 @@ var TransferTypeCell = ({
     }
   )
 ] });
-var TradeOutcomeShares = ({
+var RedeemTypeCell = ({
   activity,
   tone
-}) => /* @__PURE__ */ jsxs4(Fragment2, { children: [
-  /* @__PURE__ */ jsx4("span", { className: "agg-activity-outcome inline-flex items-center justify-center gap-1.5 rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx4(
+}) => /* @__PURE__ */ jsxs4("div", { className: "hidden w-[108px] shrink-0 items-center gap-3 sm:flex", children: [
+  /* @__PURE__ */ jsx4(
+    Icon,
+    {
+      name: "gift-bonus",
+      size: "small",
+      className: cn(
+        "shrink-0 text-agg-foreground",
+        activity.hasError || activity.errorMessage ? "text-agg-error!" : ""
+      )
+    }
+  ),
+  /* @__PURE__ */ jsx4(
+    "p",
+    {
+      className: cn(
+        "agg-activity-type w-20 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
+        tone.primary,
+        activity.hasError || activity.errorMessage ? "text-agg-error!" : ""
+      ),
+      children: activity.type
+    }
+  )
+] });
+var OutcomeBadge = ({
+  label,
+  tone
+}) => {
+  if (!label) return null;
+  return /* @__PURE__ */ jsx4("span", { className: "agg-activity-outcome inline-flex items-center justify-center gap-1.5 rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx4(
     "span",
     {
       className: cn(
         "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal whitespace-nowrap",
         tone.primary
       ),
-      children: activity.outcomeLabel
+      children: label
     }
-  ) }),
+  ) });
+};
+var TradeOutcomeShares = ({
+  activity,
+  tone
+}) => /* @__PURE__ */ jsxs4(Fragment2, { children: [
+  /* @__PURE__ */ jsx4(OutcomeBadge, { label: activity.outcomeLabel, tone }),
   /* @__PURE__ */ jsx4(
     "span",
     {
@@ -1672,6 +1757,145 @@ var TradeOutcomeShares = ({
     }
   )
 ] });
+var RedeemRow = ({
+  activity,
+  className,
+  onClick
+}) => {
+  const tone = resolveToneClasses(activity);
+  const statusVisual = getStatusVisual(activity);
+  const activityStatus = resolveActivityStatus(activity);
+  const shouldShowInlineStatus = activityStatus !== "completed";
+  return /* @__PURE__ */ jsx4("button", { type: "button", className, onClick, children: /* @__PURE__ */ jsx4(
+    ConditionalWrapper,
+    {
+      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: 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"
+          ),
+          "data-status": activityStatus,
+          children: [
+            /* @__PURE__ */ jsx4(RedeemTypeCell, { activity, tone }),
+            /* @__PURE__ */ jsxs4("div", { className: "flex w-full items-center justify-between sm:hidden", children: [
+              /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx4(
+                  Icon,
+                  {
+                    name: "gift-bonus",
+                    size: "small",
+                    className: cn(
+                      "shrink-0 text-agg-foreground",
+                      activity.hasError || activity.errorMessage ? "text-agg-error!" : ""
+                    )
+                  }
+                ),
+                /* @__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(OutcomeBadge, { label: activity.outcomeLabel, tone })
+            ] }),
+            /* @__PURE__ */ jsxs4("div", { className: "flex w-full items-center justify-between sm:contents", children: [
+              /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
+                /* @__PURE__ */ jsx4("div", { className: "agg-activity-image flex h-10 w-10 shrink-0 items-center justify-center sm:h-15 sm:w-15", children: /* @__PURE__ */ jsx4(
+                  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-1 sm:gap-2", children: [
+                  /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 items-center gap-2", 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
+                      }
+                    ),
+                    shouldShowInlineStatus ? statusVisual.spin ? /* @__PURE__ */ jsx4(
+                      LoadingIcon,
+                      {
+                        size: "small",
+                        className: cn("shrink-0", statusVisual.iconClassName)
+                      }
+                    ) : /* @__PURE__ */ jsx4(
+                      Icon,
+                      {
+                        name: statusVisual.icon,
+                        size: "small",
+                        className: cn("shrink-0", statusVisual.iconClassName)
+                      }
+                    ) : null
+                  ] }),
+                  /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 items-center gap-2 sm:gap-3", children: [
+                    /* @__PURE__ */ jsx4("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsx4(OutcomeBadge, { label: activity.outcomeLabel, tone }) }),
+                    /* @__PURE__ */ jsx4(
+                      "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.marketTitle
+                      }
+                    )
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx4(
+                AmountTimeStack,
+                {
+                  amountLabel: activity.amountLabel,
+                  timeLabel: activity.timeLabel,
+                  tone,
+                  mobile: true
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx4(
+              AmountTimeStack,
+              {
+                amountLabel: activity.amountLabel,
+                timeLabel: activity.timeLabel,
+                tone
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+};
 var TradeRow = ({
   activity,
   className,
@@ -1776,9 +2000,9 @@ var TransferRow = ({
   onClick
 }) => {
   const tone = resolveToneClasses(activity);
-  const transferIconName = TRANSFER_ICON[activity.kind];
   const transferStatus = resolveActivityStatus(activity);
-  const statusVisual = TRANSFER_STATUS_VISUAL[transferStatus];
+  const transferIconName = TRANSFER_ICON[activity.kind];
+  const statusVisual = getStatusVisual(activity);
   return /* @__PURE__ */ jsx4("button", { type: "button", className, onClick, children: /* @__PURE__ */ jsx4(
     ConditionalWrapper,
     {
@@ -1906,6 +2130,9 @@ var ActivityRow = ({ activity, href, onClick }) => {
   if (activity.kind === "trade") {
     return /* @__PURE__ */ jsx4(TradeRow, { activity, className: sharedClassName, href, onClick: handleClick });
   }
+  if (activity.kind === "redeem") {
+    return /* @__PURE__ */ jsx4(RedeemRow, { activity, className: sharedClassName, onClick: handleClick });
+  }
   return /* @__PURE__ */ jsx4(TransferRow, { activity, className: sharedClassName, onClick: handleClick });
 };
 ActivityRow.displayName = "ActivityRow";
@@ -2305,7 +2532,7 @@ var PositionsActivity = ({
   const isPositionsTab = activeTab === USER_PROFILE_TAB_POSITIONS;
   const isActivityTab = activeTab === USER_PROFILE_TAB_ACTIVITY;
   const isClosedPositionsFilter = isPositionsTab && positionFilter === "closed";
-  const positionsForCurrentFilter = useMemo2(() => {
+  const positionsForCurrentFilter = useMemo3(() => {
     if (positionFilter === "active") {
       return activePositions.filter((position) => !locallyClaimedPositionIds.has(position.id));
     }
@@ -2322,13 +2549,17 @@ var PositionsActivity = ({
     }
     return Array.from(byId.values());
   }, [activePositions, closedPositions, locallyClaimedPositionIds, positionFilter]);
-  const filteredPositions = useMemo2(() => {
+  const filteredPositions = useMemo3(() => {
     if (!searchValue.trim()) return positionsForCurrentFilter;
     const q = searchValue.toLowerCase();
     return positionsForCurrentFilter.filter((p) => p.title.toLowerCase().includes(q));
   }, [positionsForCurrentFilter, searchValue]);
   const handleClaimPosition = (position) => __async(null, null, function* () {
-    yield onClaim == null ? void 0 : onClaim(position);
+    try {
+      yield onClaim == null ? void 0 : onClaim(position);
+    } catch (e) {
+      return;
+    }
     setLocallyClaimedPositionIds((prev) => {
       const next = new Set(prev);
       next.add(position.id);
@@ -2343,7 +2574,7 @@ var PositionsActivity = ({
   const isLoadingMorePositions = positionFilter === "active" ? isLoadingMoreActivePositions : isLoadingMoreClosedPositions;
   const loadMorePositions = positionFilter === "active" ? onLoadMoreActivePositions : onLoadMoreClosedPositions;
   const filteredActivities = activities;
-  const searchResults = useMemo2(() => {
+  const searchResults = useMemo3(() => {
     if (!isPositionsTab || !searchValue.trim()) return [];
     return filteredPositions.slice(0, 5).map((position) => ({
       id: position.id,
@@ -3140,13 +3371,19 @@ var OPEN_ORDER_STATUSES = /* @__PURE__ */ new Set([
 var SHOW_SOLD_POSITIONS = false;
 var SOLD_POSITION_SHARES_THRESHOLD = 0.1;
 var isOpenOrderStatus = (status) => OPEN_ORDER_STATUSES.has(status.toLowerCase());
+var shouldIncludeByShares = (position) => {
+  if (SHOW_SOLD_POSITIONS) return true;
+  if (typeof position.totalShares !== "number") return true;
+  return position.totalShares >= SOLD_POSITION_SHARES_THRESHOLD;
+};
 var getActivityErrorMessage = (item) => {
   if (!("errorMessage" in item)) return null;
   return typeof item.errorMessage === "string" ? item.errorMessage : null;
 };
 var hasActivityError = (item) => {
+  var _a;
   const errorMessage = getActivityErrorMessage(item);
-  return item.status.toLowerCase() === "failed" || !!(errorMessage == null ? void 0 : errorMessage.trim());
+  return ((_a = item.status) == null ? void 0 : _a.toLowerCase()) === "failed" || !!(errorMessage == null ? void 0 : errorMessage.trim());
 };
 var normalizeTradeStatus = (status) => {
   const normalized = status.toLowerCase();
@@ -3182,17 +3419,52 @@ var normalizeDepositStatus = (status) => {
   if (TRANSFER_CANCELED_STATUSES.has(normalized)) return "canceled";
   return "completed";
 };
+var normalizeRedeemStatus = (status) => {
+  const normalized = status.toLowerCase();
+  if (normalized === "pending" || normalized === "submitted") 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 getDerivedRedeemStatus = (item) => {
+  const legs = Array.isArray(item.legs) ? item.legs : [];
+  const legStatuses = legs.map((leg) => leg.status.toLowerCase());
+  if (legStatuses.length > 0 && legStatuses.every((status) => status === "confirmed")) {
+    return "completed";
+  }
+  if (legStatuses.some((status) => TRANSFER_FAILED_STATUSES.has(status))) return "failed";
+  if (legStatuses.some((status) => TRANSFER_CANCELED_STATUSES.has(status))) return "canceled";
+  return normalizeRedeemStatus(item.status);
+};
 var ZERO_AMOUNT_LABEL = "$0";
 var isVisibleActivityItem = (item) => {
   var _a;
   if (item.type === "user_op" || item.type === "bridge") return false;
   if (item.type === "trade") {
-    if (isOpenOrderStatus(item.status)) return false;
-    if (item.status.toLowerCase() === "failed" && ((_a = parseRawMicroValue(item.filledAmountRaw)) != null ? _a : 0) <= 0)
+    const tradeItem = item;
+    if (isOpenOrderStatus(tradeItem.status)) return false;
+    if (tradeItem.status.toLowerCase() === "failed" && ((_a = parseRawMicroValue(tradeItem.filledAmountRaw)) != null ? _a : 0) <= 0)
       return false;
   }
   return true;
 };
+var getRuntimeActivityId = (item, index) => {
+  return typeof item.id === "string" && item.id.trim() ? item.id : `unknown-activity-${index}`;
+};
+var getRuntimeActivityType = (item) => {
+  return typeof item.type === "string" && item.type.trim() ? item.type : "unknown";
+};
+var getRuntimeActivityCreatedAt = (item) => {
+  return item.createdAt instanceof Date || typeof item.createdAt === "string" ? item.createdAt : /* @__PURE__ */ new Date();
+};
+var logUnknownActivityType = (item) => {
+  if (process.env.NODE_ENV !== "development") return;
+  console.warn("[UserProfilePage] Unsupported activity type", {
+    type: getRuntimeActivityType(item),
+    id: typeof item.id === "string" ? item.id : void 0
+  });
+};
 var isVisibleUserProfileActivity = (activity) => activity.kind !== "bridge";
 var shouldFetchFullUserProfile = (userProfile) => {
   var _a, _b, _c, _d;
@@ -3252,6 +3524,21 @@ var toTokenAmountLabel = ({
   const prefix = sign != null ? sign : "";
   return `${prefix}${formatTokenAmountTwoDecimals(amountRaw, tokenSymbol, chainId)} ${tokenSymbol}`;
 };
+var toRedeemPayoutAmountLabel = (item) => {
+  var _a, _b;
+  const legs = Array.isArray(item.legs) ? item.legs : [];
+  const firstLeg = legs[0];
+  const tokenSymbol = (_a = firstLeg == null ? void 0 : firstLeg.payoutTokenSymbol) != null ? _a : "USDC";
+  if (item.totalPayoutRaw != null) {
+    return `+${formatScaledNumberTwoDecimals(item.totalPayoutRaw)} ${tokenSymbol}`;
+  }
+  return toTokenAmountLabel({
+    amountRaw: (_b = firstLeg == null ? void 0 : firstLeg.payoutAmountRaw) != null ? _b : "0",
+    tokenSymbol,
+    chainId: firstLeg == null ? void 0 : firstLeg.chainId,
+    sign: "+"
+  });
+};
 var POSITION_ROW_VENUE_ORDER = [
   Venue.polymarket,
   Venue.kalshi,
@@ -3278,6 +3565,10 @@ function buildVenueShareBreakdown(outcome) {
     sharesLabel: `${twoDecimalNumberFormatter.format(row.size)} shares`
   }));
 }
+var toClaimError = (err) => {
+  if (err instanceof Error) return err;
+  return new Error(String(err));
+};
 var UserProfilePage = ({
   user,
   balanceChainsOverride,
@@ -3335,17 +3626,22 @@ var UserProfilePage = ({
   const balanceState = useAggBalance();
   const client = useAggClient();
   const labels = useLabels6();
+  const claimNotificationLabels = labels.notifications.claim;
+  const toastCtx = useOptionalToast();
   const queryClient = useQueryClient();
   const redeemMutation = useRedeem();
   const [internalCancellingIds, setInternalCancellingIds] = useState6({});
   const [activeRedeems, setActiveRedeems] = useState6({});
+  const activeClaimKeysRef = useRef5(/* @__PURE__ */ new Set());
+  const pendingClaimToastIdsRef = useRef5({});
+  const submittedClaimToastKeysRef = useRef5(/* @__PURE__ */ new Set());
   const [submittingClaimKeys, setSubmittingClaimKeys] = useState6({});
-  const lifecycleInputs = useMemo3(
+  const lifecycleInputs = useMemo4(
     () => Object.values(activeRedeems),
     [activeRedeems]
   );
   const lifecycleStates = useRedeemLifecycles(lifecycleInputs);
-  const internalClaimingIds = useMemo3(() => {
+  const internalClaimingIds = useMemo4(() => {
     const out = __spreadValues({}, submittingClaimKeys);
     for (const [claimKey, active] of Object.entries(activeRedeems)) {
       const state = lifecycleStates[active.redeemId];
@@ -3355,7 +3651,7 @@ var UserProfilePage = ({
   }, [activeRedeems, lifecycleStates, submittingClaimKeys]);
   const [profileUser, setProfileUser] = useState6(void 0);
   const shouldUseHookData = !user;
-  const connectedVenues = useMemo3(() => {
+  const connectedVenues = useMemo4(() => {
     var _a;
     if (!shouldUseHookData) return [];
     const fromBalance = (_a = balanceState.connectedVenues) != null ? _a : [];
@@ -3414,17 +3710,83 @@ var UserProfilePage = ({
     }),
     [client, onCancelOrder, queryClient]
   );
+  const invalidateClaimUiState = useCallback3(() => {
+    invalidateBalanceQueries(queryClient);
+    invalidatePositionQueries(queryClient);
+    queryClient.invalidateQueries({
+      queryKey: executionKeys.claimablePositionsCount(),
+      refetchType: "active"
+    });
+    invalidateUserActivityQueries(queryClient);
+  }, [queryClient]);
   const handleClaimPosition = useCallback3(
     (position) => __async(null, null, function* () {
       var _a, _b;
-      if (onClaim) {
-        yield onClaim(position);
+      const claimKey = (_a = position.marketId) != null ? _a : position.id;
+      if (activeClaimKeysRef.current.has(claimKey) || (claimingPositionKeys == null ? void 0 : claimingPositionKeys[claimKey]) || internalClaimingIds[claimKey]) {
         return;
       }
-      const venueMarketOutcomeIds = (_a = position.winningOutcomeIds) != null ? _a : [];
-      if (venueMarketOutcomeIds.length === 0) return;
-      const claimKey = (_b = position.marketId) != null ? _b : position.id;
+      activeClaimKeysRef.current.add(claimKey);
       setSubmittingClaimKeys((prev) => __spreadProps(__spreadValues({}, prev), { [claimKey]: true }));
+      const pendingToastId = toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.pendingMessage, {
+        title: claimNotificationLabels.pendingTitle,
+        tone: "info"
+      });
+      if (pendingToastId != null) {
+        pendingClaimToastIdsRef.current[claimKey] = pendingToastId;
+      }
+      if (onClaim) {
+        try {
+          yield onClaim(position);
+          const pendingId = pendingClaimToastIdsRef.current[claimKey];
+          if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
+          delete pendingClaimToastIdsRef.current[claimKey];
+          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.successMessage, {
+            title: claimNotificationLabels.successTitle,
+            tone: "success"
+          });
+        } catch (err) {
+          const error = toClaimError(err);
+          console.error("[UserProfilePage] redeem failed", error);
+          const pendingId = pendingClaimToastIdsRef.current[claimKey];
+          if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
+          delete pendingClaimToastIdsRef.current[claimKey];
+          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage(error.message), {
+            title: claimNotificationLabels.failedTitle,
+            tone: "error"
+          });
+          onClaimSubmitError == null ? void 0 : onClaimSubmitError(claimKey, error);
+          throw error;
+        } finally {
+          invalidateClaimUiState();
+          activeClaimKeysRef.current.delete(claimKey);
+          setSubmittingClaimKeys((prev) => {
+            const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
+            return rest;
+          });
+        }
+        return;
+      }
+      const venueMarketOutcomeIds = (_b = position.winningOutcomeIds) != null ? _b : [];
+      if (venueMarketOutcomeIds.length === 0) {
+        const error = new Error(claimNotificationLabels.missingOutcomeMessage);
+        console.error("[UserProfilePage] redeem failed", error);
+        const pendingId = pendingClaimToastIdsRef.current[claimKey];
+        if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
+        delete pendingClaimToastIdsRef.current[claimKey];
+        toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage(error.message), {
+          title: claimNotificationLabels.failedTitle,
+          tone: "error"
+        });
+        onClaimSubmitError == null ? void 0 : onClaimSubmitError(claimKey, error);
+        invalidateClaimUiState();
+        activeClaimKeysRef.current.delete(claimKey);
+        setSubmittingClaimKeys((prev) => {
+          const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
+          return rest;
+        });
+        throw error;
+      }
       try {
         const response = yield redeemMutation.mutateAsync({ venueMarketOutcomeIds });
         const expectedOutcomeIds = [];
@@ -3443,6 +3805,16 @@ var UserProfilePage = ({
             preFailedReasons[result.venueMarketOutcomeId] = result.reason;
           }
         }
+        if (expectedOutcomeIds.length > 0) {
+          const pendingId = pendingClaimToastIdsRef.current[claimKey];
+          if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
+          delete pendingClaimToastIdsRef.current[claimKey];
+          submittedClaimToastKeysRef.current.add(claimKey);
+          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.submittedMessage, {
+            title: claimNotificationLabels.submittedTitle,
+            tone: "success"
+          });
+        }
         setActiveRedeems((prev) => __spreadProps(__spreadValues({}, prev), {
           [claimKey]: {
             redeemId: response.redeemId,
@@ -3455,19 +3827,40 @@ var UserProfilePage = ({
         }));
         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)));
+        const error = toClaimError(err);
+        console.error("[UserProfilePage] redeem failed", error);
+        const pendingId = pendingClaimToastIdsRef.current[claimKey];
+        if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
+        delete pendingClaimToastIdsRef.current[claimKey];
+        toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage(error.message), {
+          title: claimNotificationLabels.failedTitle,
+          tone: "error"
+        });
+        onClaimSubmitError == null ? void 0 : onClaimSubmitError(claimKey, error);
+        throw error;
       } finally {
+        activeClaimKeysRef.current.delete(claimKey);
         setSubmittingClaimKeys((prev) => {
           const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
           return rest;
         });
       }
     }),
-    [onClaim, onClaimSubmitError, queryClient, redeemMutation]
+    [
+      claimingPositionKeys,
+      claimNotificationLabels,
+      invalidateClaimUiState,
+      internalClaimingIds,
+      onClaim,
+      onClaimSubmitError,
+      queryClient,
+      redeemMutation,
+      toastCtx
+    ]
   );
   const firedTerminalRef = useRef5({});
   useEffect5(() => {
+    var _a, _b;
     for (const [claimKey, active] of Object.entries(activeRedeems)) {
       const state = lifecycleStates[active.redeemId];
       if (!state || !state.terminal) continue;
@@ -3478,17 +3871,46 @@ var UserProfilePage = ({
         anyFailed: state.anyFailed,
         errorMessage: state.errorMessage
       });
-      void queryClient.invalidateQueries({ queryKey: executionKeys.positionsPrefix() });
-      void queryClient.invalidateQueries({
-        queryKey: executionKeys.claimableClosedPositionsCount()
-      });
+      const pendingId = pendingClaimToastIdsRef.current[claimKey];
+      if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
+      delete pendingClaimToastIdsRef.current[claimKey];
+      if (state.allConfirmed) {
+        if (!submittedClaimToastKeysRef.current.has(claimKey)) {
+          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.successMessage, {
+            title: claimNotificationLabels.successTitle,
+            tone: "success"
+          });
+        }
+      } else if (state.anyFailed) {
+        const hasConfirmedLeg = Object.values(state.legs).some((leg) => leg.status === "confirmed");
+        if (hasConfirmedLeg) {
+          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.partialMessage((_a = state.errorMessage) != null ? _a : void 0), {
+            title: claimNotificationLabels.partialTitle,
+            tone: "warning"
+          });
+        } else {
+          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage((_b = state.errorMessage) != null ? _b : void 0), {
+            title: claimNotificationLabels.failedTitle,
+            tone: "error"
+          });
+        }
+      }
+      submittedClaimToastKeysRef.current.delete(claimKey);
+      invalidateClaimUiState();
       delete firedTerminalRef.current[active.redeemId];
       setActiveRedeems((prev) => {
-        const _a = prev, { [claimKey]: _removed } = _a, rest = __objRest(_a, [__restKey(claimKey)]);
+        const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
         return rest;
       });
     }
-  }, [activeRedeems, lifecycleStates, onClaimResult, queryClient]);
+  }, [
+    activeRedeems,
+    claimNotificationLabels,
+    invalidateClaimUiState,
+    lifecycleStates,
+    onClaimResult,
+    toastCtx
+  ]);
   useEffect5(() => {
     if (!shouldUseHookData || !isAuthenticated) {
       setProfileUser(void 0);
@@ -3508,7 +3930,7 @@ var UserProfilePage = ({
       isActive = false;
     };
   }, [client, currentUser, isAuthenticated, shouldUseHookData]);
-  const resolvedUser = useMemo3(() => {
+  const resolvedUser = useMemo4(() => {
     var _a, _b, _c, _d, _e, _f;
     if (user) return user;
     const fullUser = profileUser != null ? profileUser : currentUser;
@@ -3542,7 +3964,7 @@ var UserProfilePage = ({
       socialHandle: normalizedTwitterHandle != null ? normalizedTwitterHandle : void 0
     };
   }, [connectedVenues, currentUser, profileUser, user]);
-  const _resolvedVenueBalances = useMemo3(() => {
+  const _resolvedVenueBalances = useMemo4(() => {
     if (_venueBalances) return _venueBalances;
     return balanceState.balanceBreakdown.map((item) => ({
       chain: item.label,
@@ -3550,7 +3972,7 @@ var UserProfilePage = ({
       balanceLabel: formatUsd(item.balance)
     }));
   }, [_venueBalances, balanceState.balanceBreakdown]);
-  const positionsValueLabel = useMemo3(() => {
+  const positionsValueLabel = useMemo4(() => {
     var _a;
     if (balance == null ? void 0 : balance.totalLabel) return balance.totalLabel;
     const managed = balanceState.managedBalances;
@@ -3558,95 +3980,97 @@ var UserProfilePage = ({
     const positionsValueTotal = positions.reduce((sum, p) => sum + (Number(p.balance) || 0), 0);
     return formatUsd(positionsValueTotal);
   }, [balance, balanceState]);
-  const availableBalanceLabel = useMemo3(() => {
+  const availableBalanceLabel = useMemo4(() => {
     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(() => {
+  const resolvedActivities = useMemo4(() => {
     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, _o, _p, _q, _r;
-      const timeLabel = formatTime(item.createdAt);
+    return activityQuery.activities.filter(isVisibleActivityItem).map((item, index) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C;
+      const timeLabel = formatTime(getRuntimeActivityCreatedAt(item));
       if (item.type === "trade") {
         const tradeItem = item;
-        const sideLower = item.side.toLowerCase();
+        const sideLower = tradeItem.side.toLowerCase();
         const type = sideLower === "sell" ? "Sell" : "Buy";
-        const status = normalizeTradeStatus(item.status);
-        const isFailed = item.status.toLowerCase() === "failed";
-        const hasError = hasActivityError(item);
+        const status = normalizeTradeStatus(tradeItem.status);
+        const isFailed = tradeItem.status.toLowerCase() === "failed";
+        const hasError = hasActivityError(tradeItem);
         const eventId = (_b = (_a = tradeItem.venueMarket) == null ? void 0 : _a.venueEventId) != null ? _b : void 0;
         const marketId = (_d = (_c = tradeItem.venueMarket) == null ? void 0 : _c.id) != null ? _d : void 0;
         const marketQuestion = (_g = (_f = (_e = tradeItem.venueMarket) == null ? void 0 : _e.question) != null ? _f : tradeItem.marketQuestion) != null ? _g : "Market";
         const outcomeLabel = (_l = (_k = (_j = (_h = tradeItem.venueMarketOutcome) == null ? void 0 : _h.title) != null ? _j : (_i = tradeItem.venueMarketOutcome) == null ? void 0 : _i.label) != null ? _k : tradeItem.outcomeLabel) != null ? _l : "";
         return {
           kind: "trade",
-          id: item.id,
+          id: tradeItem.id,
           eventId,
           marketId,
           isFailed,
           hasError,
-          errorMessage: (_m = item.errorMessage) != null ? _m : void 0,
+          errorMessage: (_m = tradeItem.errorMessage) != null ? _m : void 0,
           status,
           type,
           thumbnailSrc: toTradeThumbnailSrc(tradeItem, ordersQuery.orders),
           title: marketQuestion,
-          venue: item.venue,
+          venue: tradeItem.venue,
           outcomeLabel,
-          sharesLabel: isFailed ? "-" : `${formatTradeQuantityTwoDecimals(item.executionPrice, item.filledAmountRaw)} shares`,
+          sharesLabel: isFailed ? "-" : `${formatTradeQuantityTwoDecimals(tradeItem.executionPrice, tradeItem.filledAmountRaw)} shares`,
           amountLabel: isFailed ? "-" : toSignedAmountLabel(
             sideLower === "sell" ? "+" : "-",
-            item.executionPrice,
-            item.filledAmountRaw
+            tradeItem.executionPrice,
+            tradeItem.filledAmountRaw
           ),
           timeLabel
         };
       }
       if (item.type === "withdrawal") {
-        const normalizedStatus = normalizeWithdrawalStatus(item.status);
-        const timedOut = normalizedStatus === "pending" && isPendingTransferTimedOut(item.createdAt);
+        const withdrawalItem = item;
+        const normalizedStatus = normalizeWithdrawalStatus(withdrawalItem.status);
+        const timedOut = normalizedStatus === "pending" && isPendingTransferTimedOut(withdrawalItem.createdAt);
         const status = timedOut ? "failed" : normalizedStatus;
-        const errorMessage = timedOut ? PENDING_TRANSFER_TIMEOUT_ERROR_MESSAGE : (_n = item.errorMessage) != null ? _n : void 0;
+        const errorMessage = timedOut ? PENDING_TRANSFER_TIMEOUT_ERROR_MESSAGE : (_n = withdrawalItem.errorMessage) != null ? _n : void 0;
         const isFailed = status === "failed";
-        const hasError = timedOut || hasActivityError(item);
+        const hasError = timedOut || hasActivityError(withdrawalItem);
         const titleByStatus = labels.userProfile.activity.withdrawalStatusTitles;
-        const settledWithdrawalAmountRaw = status === "completed" ? (_o = item.completedAmountRaw) != null ? _o : item.amountRaw : item.amountRaw;
+        const settledWithdrawalAmountRaw = status === "completed" ? (_o = withdrawalItem.completedAmountRaw) != null ? _o : withdrawalItem.amountRaw : withdrawalItem.amountRaw;
         const amountLabel = status === "failed" || status === "canceled" ? ZERO_AMOUNT_LABEL : toTokenAmountLabel({
           amountRaw: settledWithdrawalAmountRaw,
-          chainId: item.destinationChainId,
-          tokenSymbol: item.tokenSymbol,
+          chainId: withdrawalItem.destinationChainId,
+          tokenSymbol: withdrawalItem.tokenSymbol,
           sign: "-"
         });
         return {
           kind: "withdrawal",
-          id: item.id,
+          id: withdrawalItem.id,
           isFailed,
           hasError,
           errorMessage,
           status,
           type: labels.userProfile.activity.withdrawalType,
           title: titleByStatus[status],
-          subtitleLabel: `to ${(_p = shortenAddress(item.destinationAddress)) != null ? _p : item.destinationAddress} \xB7 ${formatChainIdLabel(item.destinationChainId)}`,
+          subtitleLabel: `to ${(_p = shortenAddress(withdrawalItem.destinationAddress)) != null ? _p : withdrawalItem.destinationAddress} \xB7 ${formatChainIdLabel(withdrawalItem.destinationChainId)}`,
           amountLabel,
           timeLabel
         };
       }
       if (item.type === "deposit") {
-        const normalizedStatus = normalizeDepositStatus(item.status);
-        const timedOut = normalizedStatus === "pending" && isPendingTransferTimedOut(item.createdAt);
+        const depositItem = item;
+        const normalizedStatus = normalizeDepositStatus(depositItem.status);
+        const timedOut = normalizedStatus === "pending" && isPendingTransferTimedOut(depositItem.createdAt);
         const status = timedOut ? "failed" : normalizedStatus;
-        const errorMessage = timedOut ? PENDING_TRANSFER_TIMEOUT_ERROR_MESSAGE : (_q = getActivityErrorMessage(item)) != null ? _q : void 0;
+        const errorMessage = timedOut ? PENDING_TRANSFER_TIMEOUT_ERROR_MESSAGE : (_q = getActivityErrorMessage(depositItem)) != null ? _q : void 0;
         const isFailed = status === "failed";
-        const hasError = timedOut || hasActivityError(item);
+        const hasError = timedOut || hasActivityError(depositItem);
         const depositSource = resolveDepositActivitySource({
-          fromAddress: item.fromAddress,
-          chainId: item.chainId,
+          fromAddress: depositItem.fromAddress,
+          chainId: depositItem.chainId,
           connectedWalletAddresses,
-          depositAddress: depositAddressesQuery.getAddress(toNumericChainId(item.chainId))
+          depositAddress: depositAddressesQuery.getAddress(toNumericChainId(depositItem.chainId))
         });
         const depositTitlesBySource = {
           wallet: labels.userProfile.activity.depositStatusTitles.connectedWallet,
@@ -3654,29 +4078,64 @@ var UserProfilePage = ({
           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,
+          amountRaw: depositItem.amountRaw,
+          chainId: depositItem.chainId,
+          tokenSymbol: depositItem.tokenSymbol,
           sign: "+"
         });
         return {
           kind: "deposit",
-          id: item.id,
+          id: depositItem.id,
           isFailed,
           hasError,
           errorMessage,
           status,
           type: labels.userProfile.activity.depositType,
           title: depositTitlesBySource[depositSource][status],
-          subtitleLabel: `from ${(_r = shortenAddress(item.fromAddress)) != null ? _r : item.fromAddress} \xB7 ${formatChainIdLabel(item.chainId)}`,
+          subtitleLabel: `from ${(_r = shortenAddress(depositItem.fromAddress)) != null ? _r : depositItem.fromAddress} \xB7 ${formatChainIdLabel(depositItem.chainId)}`,
           amountLabel,
           timeLabel,
           depositSource,
-          chainId: item.chainId
+          chainId: depositItem.chainId
         };
       }
-      const _exhaustive = item;
-      return _exhaustive;
+      if (item.type === "redeem") {
+        const redeemItem = item;
+        const redeemLegs = Array.isArray(redeemItem.legs) ? redeemItem.legs : [];
+        const firstLeg = redeemLegs[0];
+        const status = getDerivedRedeemStatus(redeemItem);
+        const firstLegErrorMessage = (_t = (_s = redeemLegs.find((leg) => typeof leg.errorMessage === "string" && leg.errorMessage)) == null ? void 0 : _s.errorMessage) != null ? _t : void 0;
+        const errorMessage = (_u = getActivityErrorMessage(redeemItem)) != null ? _u : firstLegErrorMessage;
+        const isFailed = status === "failed";
+        const hasError = isFailed || !!(errorMessage == null ? void 0 : errorMessage.trim());
+        const titleByStatus = labels.userProfile.activity.redeemStatusTitles;
+        return {
+          kind: "redeem",
+          id: redeemItem.id,
+          isFailed,
+          hasError,
+          errorMessage: errorMessage != null ? errorMessage : void 0,
+          status,
+          type: labels.userProfile.activity.redeemType,
+          title: titleByStatus[status],
+          thumbnailSrc: (_w = (_v = firstLeg == null ? void 0 : firstLeg.venueMarket) == null ? void 0 : _v.image) != null ? _w : fallbackThumbnailSrc,
+          marketTitle: (_y = (_x = firstLeg == null ? void 0 : firstLeg.venueMarket) == null ? void 0 : _x.question) != null ? _y : "Market",
+          outcomeLabel: (_C = (_B = (_z = firstLeg == null ? void 0 : firstLeg.venueMarketOutcome) == null ? void 0 : _z.title) != null ? _B : (_A = firstLeg == null ? void 0 : firstLeg.venueMarketOutcome) == null ? void 0 : _A.label) != null ? _C : "",
+          amountLabel: status === "failed" || status === "canceled" ? ZERO_AMOUNT_LABEL : toRedeemPayoutAmountLabel(redeemItem),
+          timeLabel
+        };
+      }
+      logUnknownActivityType(item);
+      return {
+        kind: "unknown",
+        id: getRuntimeActivityId(item, index),
+        status: "completed",
+        type: "Activity",
+        title: "Unsupported activity",
+        subtitleLabel: getRuntimeActivityType(item),
+        amountLabel: ZERO_AMOUNT_LABEL,
+        timeLabel
+      };
     });
   }, [
     activities,
@@ -3688,7 +4147,7 @@ var UserProfilePage = ({
     ordersQuery.orders,
     profileUser
   ]);
-  const resolvedOpenOrders = useMemo3(() => {
+  const resolvedOpenOrders = useMemo4(() => {
     if (openOrders) return openOrders;
     return ordersQuery.orders.filter((order) => isOpenOrderStatus(order.status)).map((order) => {
       var _a, _b, _c, _d, _e, _f, _g;
@@ -3775,76 +4234,14 @@ var UserProfilePage = ({
     },
     []
   );
-  const resolvedActivePositions = useMemo3(() => {
-    const shouldIncludeByShares = (position) => {
-      if (SHOW_SOLD_POSITIONS) return true;
-      if (typeof position.totalShares !== "number") return true;
-      return position.totalShares >= SOLD_POSITION_SHARES_THRESHOLD;
-    };
-    const classifyPosition = (position) => {
-      if (position.marketStatus === "open") return "active";
-      if (position.winner === true) {
-        return position.closedClaimStatus === "redeemed" ? "closed" : "active";
-      }
-      if (position.winner === false) return "closed";
-      if (position.marketStatus === "closed" || position.marketStatus === "resolved") {
-        return "closed";
-      }
-      return "active";
-    };
-    const sourcePositions = activePositions || closedPositions ? [...activePositions != null ? activePositions : [], ...closedPositions != null ? closedPositions : []] : [
-      ...adaptPositionGroups(activePositionsQuery.positions),
-      ...adaptPositionGroups(closedPositionsQuery.positions)
-    ];
-    const deduped = /* @__PURE__ */ new Map();
-    for (const position of sourcePositions) {
-      deduped.set(position.id, position);
-    }
-    return Array.from(deduped.values()).filter(
-      (position) => shouldIncludeByShares(position) && classifyPosition(position) === "active"
-    );
-  }, [
-    activePositions,
-    activePositionsQuery.positions,
-    adaptPositionGroups,
-    closedPositions,
-    closedPositionsQuery.positions
-  ]);
-  const resolvedClosedPositions = useMemo3(() => {
-    const shouldIncludeByShares = (position) => {
-      if (SHOW_SOLD_POSITIONS) return true;
-      if (typeof position.totalShares !== "number") return true;
-      return position.totalShares >= SOLD_POSITION_SHARES_THRESHOLD;
-    };
-    const classifyPosition = (position) => {
-      if (position.marketStatus === "open") return "active";
-      if (position.winner === true) {
-        return position.closedClaimStatus === "redeemed" ? "closed" : "active";
-      }
-      if (position.winner === false) return "closed";
-      if (position.marketStatus === "closed" || position.marketStatus === "resolved") {
-        return "closed";
-      }
-      return "active";
-    };
-    const sourcePositions = activePositions || closedPositions ? [...activePositions != null ? activePositions : [], ...closedPositions != null ? closedPositions : []] : [
-      ...adaptPositionGroups(activePositionsQuery.positions),
-      ...adaptPositionGroups(closedPositionsQuery.positions)
-    ];
-    const deduped = /* @__PURE__ */ new Map();
-    for (const position of sourcePositions) {
-      deduped.set(position.id, position);
-    }
-    return Array.from(deduped.values()).filter(
-      (position) => shouldIncludeByShares(position) && classifyPosition(position) === "closed"
-    );
-  }, [
-    activePositions,
-    activePositionsQuery.positions,
-    adaptPositionGroups,
-    closedPositions,
-    closedPositionsQuery.positions
-  ]);
+  const resolvedActivePositions = useMemo4(() => {
+    const source = activePositions != null ? activePositions : adaptPositionGroups(activePositionsQuery.positions);
+    return source.filter(shouldIncludeByShares);
+  }, [activePositions, activePositionsQuery.positions, adaptPositionGroups]);
+  const resolvedClosedPositions = useMemo4(() => {
+    const source = closedPositions != null ? closedPositions : adaptPositionGroups(closedPositionsQuery.positions);
+    return source.filter(shouldIncludeByShares);
+  }, [closedPositions, closedPositionsQuery.positions, adaptPositionGroups]);
   return /* @__PURE__ */ jsx11(AggErrorBoundary, { onError, children: /* @__PURE__ */ jsx11(
     "section",
     {