@agg-build/ui 2.1.0 → 2.1.2

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

@@ -10,13 +10,15 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-R6FBYAY5.mjs";
+} from "./chunk-JJDYOBVG.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
   SettlementDetails,
-  WITHDRAW_MODAL_OPEN_EVENT
-} from "./chunk-YAEA6EDG.mjs";
+  WITHDRAW_MODAL_OPEN_EVENT,
+  useClaimWinnings,
+  useResolvedMarketClaim
+} from "./chunk-ZOECARZW.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -45,9 +47,8 @@ import {
   filterOpenEvents,
   resolveTabVenus,
   shortenAddress,
-  sortCategoriesForNavigation,
-  useOptionalToast
-} from "./chunk-DXF2LMNN.mjs";
+  sortCategoriesForNavigation
+} from "./chunk-TBD3N4T4.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -56,7 +57,7 @@ import {
   useCategories,
   useEventListState,
   useLabels as useLabels2,
-  useSdkUiConfig,
+  useSdkUiConfig as useSdkUiConfig2,
   useSearch
 } from "@agg-build/hooks";
 import { VENUES } from "@agg-build/sdk";
@@ -69,7 +70,8 @@ import {
   useEnrichedVenueEvent,
   useEventTradingContext,
   useLabels,
-  useMidpoints
+  useMidpoints,
+  useSdkUiConfig
 } from "@agg-build/hooks";
 import * as Dialog from "@radix-ui/react-dialog";
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -189,7 +191,8 @@ var EventMarketPageMobileTrade = ({
   showPlaceOrder = true,
   isOpen,
   onOpenChange,
-  midpointsResult
+  midpointsResult,
+  onBeforePrimaryAction
 }) => {
   const labels = useLabels();
   if (!showPlaceOrder) return null;
@@ -229,6 +232,7 @@ var EventMarketPageMobileTrade = ({
             eventTradingState,
             executionMode,
             midpointsResult,
+            onBeforePrimaryAction,
             className: cn(
               "agg-mobile-trade-panel w-full overflow-hidden rounded-t-agg-2xl sm:rounded-agg-xl",
               classNames == null ? void 0 : classNames.mobileTrade
@@ -357,16 +361,27 @@ var EventMarketPageContent = ({
   showPlaceOrder,
   executionMode,
   stickyOrderPanel,
-  resolvedClaim
+  resolvedClaim,
+  onBeforePrimaryAction
 }) => {
   const eventTradingState = useMemo(() => resolveEventTradingState(event), [event]);
   const stickyOrderPanelState = resolveEventMarketPageStickyState({
     stickyOrderPanel
   });
+  const {
+    trading: { executionMode: configuredExecutionMode }
+  } = useSdkUiConfig();
+  const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
   const [isMobileTradeOpen, setIsMobileTradeOpen] = useState(false);
   const isMobileViewport = useIsMobileEventMarketViewport();
   const tradingContext = useEventTradingContext();
   const midpointsResult = useMidpoints(event.venueMarkets);
+  const internalResolvedClaim = useResolvedMarketClaim({
+    market: eventTradingState.primaryMarket,
+    enabled: eventTradingState.kind === "resolved",
+    executionMode: resolvedExecutionMode
+  });
+  const effectiveResolvedClaim = resolvedClaim != null ? resolvedClaim : internalResolvedClaim;
   const setTradeSideRef = useRef(tradingContext == null ? void 0 : tradingContext.setTradeSide);
   setTradeSideRef.current = tradingContext == null ? void 0 : tradingContext.setTradeSide;
   useEffect(() => {
@@ -443,9 +458,10 @@ var EventMarketPageContent = ({
                       PlaceOrder,
                       {
                         eventTradingState,
-                        executionMode,
-                        resolvedClaim,
+                        executionMode: resolvedExecutionMode,
+                        resolvedClaim: effectiveResolvedClaim,
                         midpointsResult,
+                        onBeforePrimaryAction,
                         className: cn(
                           "agg-mobile-trade-panel w-full overflow-hidden",
                           classNames == null ? void 0 : classNames.mobileTrade
@@ -469,9 +485,10 @@ var EventMarketPageContent = ({
                     PlaceOrder,
                     {
                       eventTradingState,
-                      executionMode,
-                      resolvedClaim,
+                      executionMode: resolvedExecutionMode,
+                      resolvedClaim: effectiveResolvedClaim,
                       midpointsResult,
+                      onBeforePrimaryAction,
                       className: cn(stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.placeOrder, classNames == null ? void 0 : classNames.trade),
                       classNames: resolveDesktopTradePlaceOrderClassNames(classNames)
                     }
@@ -486,11 +503,12 @@ var EventMarketPageContent = ({
           {
             classNames,
             eventTradingState,
-            executionMode,
+            executionMode: resolvedExecutionMode,
             showPlaceOrder,
             isOpen: isMobileTradeOpen,
             onOpenChange: setIsMobileTradeOpen,
-            midpointsResult
+            midpointsResult,
+            onBeforePrimaryAction
           }
         ) : null
       ]
@@ -670,7 +688,7 @@ var HomeSearchResults = ({
   onMarketClick
 }) => {
   const labels = useLabels2();
-  const { search: searchConfig } = useSdkUiConfig();
+  const { search: searchConfig } = useSdkUiConfig2();
   const { disabledVenues } = useAppConfig();
   const [activeVenueTabValue, setActiveVenueTabValue] = useState4("matched");
   const eventListTabs = useEventListTabs();
@@ -864,8 +882,9 @@ var HomePage = ({
       isShowingAllResults,
       onChange: onSearchChange,
       onSelect: onSelectEventInternal
-    }
-  } = useSdkUiConfig();
+    },
+    trading: { executionMode }
+  } = useSdkUiConfig2();
   const { capture, consume } = useEventListState();
   const [snapshot] = useState4(() => consume());
   const eventListStateRef = useRef3(null);
@@ -1063,7 +1082,14 @@ var HomePage = ({
         ) })
       }
     ) : null,
-    resolvedSelectedEvent ? /* @__PURE__ */ jsx2(EventMarketPage, { eventId: resolvedSelectedEvent.id, stickyOrderPanel }) : /* @__PURE__ */ jsxs2(
+    resolvedSelectedEvent ? /* @__PURE__ */ jsx2(
+      EventMarketPage,
+      {
+        eventId: resolvedSelectedEvent.id,
+        executionMode,
+        stickyOrderPanel
+      }
+    ) : /* @__PURE__ */ jsxs2(
       "div",
       {
         className: cn(
@@ -1141,25 +1167,20 @@ HomePage.displayName = "HomePage";
 // src/pages/user-profile/index.tsx
 import {
   computeClosedPositionTotals,
-  executionKeys,
   getWalletAddressFromUserProfile,
-  invalidateBalanceQueries,
-  invalidatePositionQueries,
-  invalidateUserActivityQueries,
   useAggAuthState,
   useAggBalance,
   useAggClient,
   useExecutionOrders,
   useExecutionPositions,
   useGeoBlock,
-  useLabels as useLabels6,
+  useLabels as useLabels7,
   useQueryClient,
-  useRedeem,
-  useRedeemLifecycles,
+  useSdkUiConfig as useSdkUiConfig3,
   useUserActivity
 } from "@agg-build/hooks";
 import { Venue } from "@agg-build/sdk";
-import { useCallback as useCallback3, useEffect as useEffect5, useMemo as useMemo4, useRef as useRef5, useState as useState6 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect5, useMemo as useMemo4, useState as useState6 } from "react";
 
 // src/pages/user-profile/chain-display.ts
 var CHAIN_ID_TO_LABEL = {
@@ -1182,6 +1203,7 @@ var formatChainIdLabel = (chainId) => {
 };
 
 // src/pages/user-profile/components/available-balance-card.tsx
+import { useLabels as useLabels3 } from "@agg-build/hooks";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var BASE_URL = "https://assets.snagsolutions.io";
 var CHAIN_ID_TO_ICON_URL = {
@@ -1210,6 +1232,9 @@ var CHAIN_VENUE_MAP = {
   "1337": ["hyperliquid"]
   // HyperCore
 };
+var isPaperChain = (row) => {
+  return row.key === "0" || row.label.trim().toLowerCase() === "paper";
+};
 var chainIconUrl = (label, key) => {
   if (key && CHAIN_ID_TO_ICON_URL[key]) return CHAIN_ID_TO_ICON_URL[key];
   const k = label.trim().toLowerCase();
@@ -1227,12 +1252,16 @@ var chainIconUrl = (label, key) => {
   return void 0;
 };
 var AvailableBalanceCard = ({
-  label = "Available Balance",
+  label,
   valueLabel,
   chains,
   isLoading = false,
   className
 }) => {
+  const labels = useLabels3();
+  const balanceLabels = labels.userProfile.balance;
+  const resolvedLabel = label != null ? label : balanceLabels.availableBalance;
+  const hasPaperBalance = chains.some(isPaperChain);
   return /* @__PURE__ */ jsxs3(
     "div",
     {
@@ -1262,21 +1291,23 @@ var AvailableBalanceCard = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx3("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-foreground", children: label })
+          /* @__PURE__ */ jsx3("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-foreground", children: resolvedLabel })
         ] }) }),
         /* @__PURE__ */ jsxs3("div", { className: "agg-balance-summary flex items-center justify-between gap-3", children: [
           /* @__PURE__ */ jsx3("div", { className: "agg-balance-value font-agg-sans text-agg-2xl leading-8 font-agg-bold text-agg-foreground", children: isLoading ? /* @__PURE__ */ jsx3("div", { role: "status", "aria-label": "Loading available balance", children: /* @__PURE__ */ jsx3(SkeletonBlock, { className: "h-8 w-24 rounded-agg-sm" }) }) : valueLabel }),
           /* @__PURE__ */ jsx3(
             Tooltip,
             {
-              "aria-label": "Balance by network",
+              "aria-label": balanceLabels.balanceByNetwork,
               size: "medium",
               side: "bottom",
               content: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4 items-start justify-start", children: [
-                /* @__PURE__ */ jsx3("div", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: "Balance by network" }),
+                /* @__PURE__ */ jsx3("div", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: balanceLabels.balanceByNetwork }),
                 /* @__PURE__ */ jsx3("div", { role: "list", className: "agg-balance-list flex flex-col gap-3 w-full", children: chains.map((row) => {
                   var _a;
                   const iconUrl = chainIconUrl(row.label, row.key);
+                  const isPaper = isPaperChain(row);
+                  const rowLabel = isPaper ? balanceLabels.paperModeNetwork : row.label;
                   return /* @__PURE__ */ jsxs3(
                     "div",
                     {
@@ -1292,8 +1323,8 @@ var AvailableBalanceCard = ({
                               "aria-hidden": true,
                               className: "size-full object-contain"
                             }
-                          ) }) : /* @__PURE__ */ jsx3("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] border border-agg-separator text-[10px] leading-3 text-agg-muted-foreground", children: row.label.slice(0, 2).toUpperCase() }),
-                          /* @__PURE__ */ jsx3("span", { className: "truncate font-agg-sans text-agg-sm leading-5 font-agg-normal text-agg-foreground", children: row.label })
+                          ) }) : isPaper ? /* @__PURE__ */ jsx3("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary-hover text-agg-primary", children: /* @__PURE__ */ jsx3(Icon, { name: "paper-mode", size: "small", className: "h-4 w-4" }) }) : /* @__PURE__ */ jsx3("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] border border-agg-separator text-[10px] leading-3 text-agg-muted-foreground", children: rowLabel.slice(0, 2).toUpperCase() }),
+                          /* @__PURE__ */ jsx3("span", { className: "truncate font-agg-sans text-agg-sm leading-5 font-agg-normal text-agg-foreground", children: rowLabel })
                         ] }),
                         /* @__PURE__ */ jsx3("span", { className: "w-[100px] shrink-0 whitespace-nowrap text-right tabular-nums font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground", children: row.balance.toLocaleString("en-US", {
                           style: "currency",
@@ -1315,17 +1346,29 @@ var AvailableBalanceCard = ({
                     row.key
                   );
                 }) }),
-                /* @__PURE__ */ jsx3("div", { className: "agg-balance-note rounded-agg-lg bg-agg-secondary-hover p-3", children: /* @__PURE__ */ jsx3("p", { className: "font-agg-sans text-agg-xs leading-agg-4 font-agg-normal text-agg-foreground", children: "Funds are stored across networks. We handle routing automatically, but keeping funds on the right network enables faster trades and lower fees. When depositing, you can choose your preferred network." }) })
+                hasPaperBalance ? /* @__PURE__ */ jsx3("div", { className: "agg-balance-paper-warning rounded-agg-lg bg-agg-primary/10 p-3", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-2", children: [
+                  /* @__PURE__ */ jsx3(
+                    Icon,
+                    {
+                      name: "paper-mode",
+                      size: "small",
+                      className: "mt-0.5 h-4 w-4 shrink-0 text-agg-primary"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx3("p", { className: "font-agg-sans text-agg-xs leading-agg-4 font-agg-normal text-agg-foreground", children: balanceLabels.paperModeWarning })
+                ] }) }) : null,
+                /* @__PURE__ */ jsx3("div", { className: "agg-balance-note rounded-agg-lg bg-agg-secondary-hover p-3", children: /* @__PURE__ */ jsx3("p", { className: "font-agg-sans text-agg-xs leading-agg-4 font-agg-normal text-agg-foreground", children: balanceLabels.networkTooltipDescription }) })
               ] }),
               children: /* @__PURE__ */ jsxs3(
                 "button",
                 {
                   type: "button",
-                  "aria-label": "Balance by network",
+                  "aria-label": balanceLabels.balanceByNetwork,
                   className: "agg-balance-trigger flex min-h-[20px] min-w-[20px] items-center gap-1 rounded-[6px] border-0 bg-agg-secondary-hover p-1.5",
                   children: [
                     (chains.slice(0, 4).length > 0 ? chains.slice(0, 4) : [{ key: "placeholder", label: "", balance: 0, accountCount: 0 }]).map((row) => {
                       const iconUrl = chainIconUrl(row.label, row.key);
+                      const isPaper = isPaperChain(row);
                       return iconUrl ? /* @__PURE__ */ jsx3(
                         "span",
                         {
@@ -1333,6 +1376,21 @@ var AvailableBalanceCard = ({
                           children: /* @__PURE__ */ jsx3("img", { src: iconUrl, alt: row.label, className: "size-full object-contain" })
                         },
                         `icon-${row.key}`
+                      ) : isPaper ? /* @__PURE__ */ jsx3(
+                        "span",
+                        {
+                          className: "relative flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary text-agg-primary",
+                          children: /* @__PURE__ */ jsx3(
+                            Icon,
+                            {
+                              name: "paper-mode",
+                              size: "small",
+                              className: "h-4 w-4",
+                              title: balanceLabels.paperModeNetwork
+                            }
+                          )
+                        },
+                        `icon-${row.key}`
                       ) : /* @__PURE__ */ jsx3(
                         "span",
                         {
@@ -1359,7 +1417,7 @@ var AvailableBalanceCard = ({
 AvailableBalanceCard.displayName = "AvailableBalanceCard";
 
 // src/pages/user-profile/components/positions-activity.tsx
-import { optimizedImageUrl as optimizedImageUrl2, useLabels as useLabels4 } from "@agg-build/hooks";
+import { optimizedImageUrl as optimizedImageUrl2, useLabels as useLabels5 } from "@agg-build/hooks";
 import { Fragment as Fragment4, useEffect as useEffect4, useMemo as useMemo3, useRef as useRef4, useState as useState5 } from "react";
 
 // src/pages/user-profile/user-profile.constants.ts
@@ -1566,18 +1624,31 @@ 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 shouldOpenInNewTab = (activity) => {
+  return activity.kind === "redeem" || activity.kind === "deposit" || activity.kind === "withdrawal";
+};
 var shouldUseNativeLinkNavigation = (event) => {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
 };
-var RowWrapper = ({ className, href, onClick, children }) => {
+var RowWrapper = ({
+  className,
+  href,
+  target,
+  rel,
+  onClick,
+  children
+}) => {
   if (href) {
+    const opensInNewTab = target === "_blank";
     return /* @__PURE__ */ jsx4(
       "a",
       {
         href,
         className,
+        target,
+        rel,
         onClick: (event) => {
-          if (shouldUseNativeLinkNavigation(event)) return;
+          if (shouldUseNativeLinkNavigation(event) || opensInNewTab) return;
           event.preventDefault();
           onClick();
         },
@@ -1759,141 +1830,152 @@ var TradeOutcomeShares = ({
 var RedeemRow = ({
   activity,
   className,
+  href,
   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,
+  return /* @__PURE__ */ jsx4(
+    RowWrapper,
     {
-      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,
+      href,
+      target: href ? "_blank" : void 0,
+      rel: href ? "noopener noreferrer" : void 0,
+      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"
-          ),
-          "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
-                  }
-                )
+          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 })
               ] }),
-              /* @__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: [
+              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(
-                      "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,
+                        name: "gift-bonus",
                         size: "small",
-                        className: cn("shrink-0", statusVisual.iconClassName)
+                        className: cn(
+                          "shrink-0 text-agg-foreground",
+                          activity.hasError || activity.errorMessage ? "text-agg-error!" : ""
+                        )
                       }
-                    ) : 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
+                          "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.marketTitle
+                        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__ */ 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,
@@ -1996,124 +2078,135 @@ var TradeRow = ({
 var TransferRow = ({
   activity,
   className,
+  href,
   onClick
 }) => {
   const tone = resolveToneClasses(activity);
   const transferStatus = resolveActivityStatus(activity);
   const transferIconName = TRANSFER_ICON[activity.kind];
   const statusVisual = getStatusVisual(activity);
-  return /* @__PURE__ */ jsx4("button", { type: "button", className, onClick, children: /* @__PURE__ */ jsx4(
-    ConditionalWrapper,
+  return /* @__PURE__ */ jsx4(
+    RowWrapper,
     {
-      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,
+      href,
+      target: href ? "_blank" : void 0,
+      rel: href ? "noopener noreferrer" : void 0,
+      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: cn(
-                    "shrink-0 text-agg-foreground",
-                    activity.hasError || activity.errorMessage ? "text-agg-error!" : ""
-                  )
-                }
+          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"
               ),
-              /* @__PURE__ */ jsx4(
-                "p",
-                {
-                  className: cn(
-                    "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__ */ 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: [
+              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
+                  }
+                )
+              ]
+            }
+          )
         }
       )
     }
-  ) });
+  );
 };
 var ActivityRow = ({ activity, href, onClick }) => {
   const handleClick = () => {
@@ -2130,9 +2223,25 @@ var ActivityRow = ({ activity, href, onClick }) => {
     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(
+      RedeemRow,
+      {
+        activity,
+        className: sharedClassName,
+        href: shouldOpenInNewTab(activity) ? href : void 0,
+        onClick: handleClick
+      }
+    );
   }
-  return /* @__PURE__ */ jsx4(TransferRow, { activity, className: sharedClassName, onClick: handleClick });
+  return /* @__PURE__ */ jsx4(
+    TransferRow,
+    {
+      activity,
+      className: sharedClassName,
+      href: shouldOpenInNewTab(activity) ? href : void 0,
+      onClick: handleClick
+    }
+  );
 };
 ActivityRow.displayName = "ActivityRow";
 
@@ -2158,7 +2267,7 @@ var EmptyState = ({ title, description, className }) => {
 EmptyState.displayName = "EmptyState";
 
 // src/pages/user-profile/components/position-row.tsx
-import { optimizedImageUrl, useLabels as useLabels3 } from "@agg-build/hooks";
+import { optimizedImageUrl, useLabels as useLabels4 } from "@agg-build/hooks";
 import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var shouldUseNativeLinkNavigation2 = (event) => {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
@@ -2296,7 +2405,7 @@ var PositionRow = ({
   onClaim,
   isClaiming = false
 }) => {
-  const labels = useLabels3().userProfile.positions;
+  const labels = useLabels4().userProfile.positions;
   const model = toPositionRowViewModel(position, {
     avgPrefix: labels.avgPrefix,
     nowPrefix: labels.nowPrefix,
@@ -2509,7 +2618,7 @@ var PositionsActivity = ({
   initialPositionFilter = "active",
   className
 }) => {
-  const positionsLabels = useLabels4().userProfile.positions;
+  const positionsLabels = useLabels5().userProfile.positions;
   const isTabControlled = tab !== void 0;
   const [internalActiveTab, setInternalActiveTab] = useState5(
     tab != null ? tab : USER_PROFILE_TAB_POSITIONS
@@ -2979,7 +3088,7 @@ var PositionsValueCard = ({
 PositionsValueCard.displayName = "PositionsValueCard";
 
 // src/pages/user-profile/components/user-info-card.tsx
-import { optimizedImageUrl as optimizedImageUrl3, useLabels as useLabels5 } from "@agg-build/hooks";
+import { optimizedImageUrl as optimizedImageUrl3, useLabels as useLabels6 } from "@agg-build/hooks";
 
 // src/pages/user-profile/components/default-avatar.tsx
 import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -3038,7 +3147,7 @@ var UserInfoCard = ({
   className
 }) => {
   var _a;
-  const labels = useLabels5();
+  const labels = useLabels6();
   const wallets = (_a = user.connectedWallets) != null ? _a : [];
   const hasWallets = wallets.length > 0;
   return /* @__PURE__ */ jsxs10(
@@ -3171,6 +3280,27 @@ var UserInfoCard = ({
 };
 UserInfoCard.displayName = "UserInfoCard";
 
+// src/pages/user-profile/transaction-explorer.ts
+var AGG_TX_EXPLORER_URLS = {
+  "1": "https://etherscan.io/tx/",
+  "56": "https://bscscan.com/tx/",
+  "137": "https://polygonscan.com/tx/",
+  "1337": "https://app.hyperliquid.xyz/explorer/tx/",
+  "8453": "https://basescan.org/tx/",
+  "42161": "https://arbiscan.io/tx/",
+  "792703809": "https://solscan.io/tx/"
+};
+var buildAggTxExplorerHref = (chainId, txHash) => {
+  if (chainId === null || chainId === void 0) return void 0;
+  if (!txHash) return void 0;
+  const normalizedChainId = String(chainId).trim();
+  const normalizedTxHash = txHash.trim();
+  if (!normalizedChainId || !normalizedTxHash) return void 0;
+  const baseUrl = AGG_TX_EXPLORER_URLS[normalizedChainId];
+  if (!baseUrl) return void 0;
+  return `${baseUrl}${normalizedTxHash}`;
+};
+
 // src/pages/user-profile/index.tsx
 import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var currencyFormatter = new Intl.NumberFormat("en-US", {
@@ -3210,7 +3340,11 @@ var TOKEN_DECIMALS_BY_SYMBOL = {
 var TOKEN_DECIMALS_BY_CHAIN_AND_SYMBOL = {
   "56": {
     USDC: 18,
-    USDT: 18
+    USDT: 18,
+    // USD1 (World Liberty Financial) is the Myriad settlement token on BNB and
+    // is 18-dec like the other BNB stables. Without this it falls back to 6-dec
+    // and renders an 18-dec amount inflated by ~10^12 (e.g. $3.90 → trillions).
+    USD1: 18
   }
 };
 var parseRawMicroValue = (value) => {
@@ -3525,10 +3659,6 @@ 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,
@@ -3537,7 +3667,7 @@ var UserProfilePage = ({
   activePositions,
   closedPositions,
   activities,
-  executionMode = "live",
+  executionMode,
   onEditProfile,
   onDeposit,
   onWithdraw,
@@ -3586,30 +3716,18 @@ var UserProfilePage = ({
   const { isDepositBlocked } = useGeoBlock();
   const balanceState = useAggBalance();
   const client = useAggClient();
-  const labels = useLabels6();
-  const claimNotificationLabels = labels.notifications.claim;
-  const toastCtx = useOptionalToast();
+  const labels = useLabels7();
+  const {
+    trading: { executionMode: configuredExecutionMode }
+  } = useSdkUiConfig3();
   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 = useMemo4(
-    () => Object.values(activeRedeems),
-    [activeRedeems]
-  );
-  const lifecycleStates = useRedeemLifecycles(lifecycleInputs);
-  const internalClaimingIds = useMemo4(() => {
-    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 { claim: startClaim, claimingKeys } = useClaimWinnings({
+    onClaim,
+    onClaimResult,
+    onClaimSubmitError,
+    externalClaimingKeys: claimingPositionKeys
+  });
   const [profileUser, setProfileUser] = useState6(void 0);
   const shouldUseHookData = !user;
   const connectedVenues = useMemo4(() => {
@@ -3619,7 +3737,8 @@ var UserProfilePage = ({
     return [...new Set(fromBalance)].sort((a, b) => a.localeCompare(b));
   }, [balanceState, shouldUseHookData]);
   const [positionFilter, setPositionFilter] = useState6(initialPositionFilter);
-  const queryExecutionMode = executionMode === "paper" ? "paper" : void 0;
+  const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
+  const queryExecutionMode = resolvedExecutionMode === "paper" ? "paper" : void 0;
   const activePositionsQuery = useExecutionPositions({
     enabled: shouldUseHookData && isAuthenticated,
     status: "active",
@@ -3671,207 +3790,17 @@ 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* () {
+    (position) => {
       var _a, _b;
-      const claimKey = (_a = position.marketId) != null ? _a : position.id;
-      if (activeClaimKeysRef.current.has(claimKey) || (claimingPositionKeys == null ? void 0 : claimingPositionKeys[claimKey]) || internalClaimingIds[claimKey]) {
-        return;
-      }
-      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"
+      return startClaim({
+        claimKey: (_a = position.marketId) != null ? _a : position.id,
+        winningOutcomeIds: (_b = position.winningOutcomeIds) != null ? _b : [],
+        payload: position
       });
-      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 = [];
-        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;
-          }
-        }
-        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,
-            expectedOutcomeIds,
-            preFailedOutcomeIds,
-            preFailedReasons,
-            preConfirmedOutcomeIds,
-            preConfirmedTxHashes
-          }
-        }));
-        yield queryClient.invalidateQueries({ queryKey: ["current-user"] });
-      } 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 {
-        activeClaimKeysRef.current.delete(claimKey);
-        setSubmittingClaimKeys((prev) => {
-          const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
-          return rest;
-        });
-      }
-    }),
-    [
-      claimingPositionKeys,
-      claimNotificationLabels,
-      invalidateClaimUiState,
-      internalClaimingIds,
-      onClaim,
-      onClaimSubmitError,
-      queryClient,
-      redeemMutation,
-      toastCtx
-    ]
+    },
+    [startClaim]
   );
-  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;
-      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
-      });
-      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 _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
-        return rest;
-      });
-    }
-  }, [
-    activeRedeems,
-    claimNotificationLabels,
-    invalidateClaimUiState,
-    lifecycleStates,
-    onClaimResult,
-    toastCtx
-  ]);
   useEffect5(() => {
     if (!shouldUseHookData || !isAuthenticated) {
       setProfileUser(void 0);
@@ -3951,7 +3880,7 @@ var UserProfilePage = ({
     if (activities) return activities.filter(isVisibleUserProfileActivity);
     const formatTime = isHydrated ? toRelativeTimeLabel : toAbsoluteTimeLabel;
     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;
+      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, _D, _E, _F, _G;
       const timeLabel = formatTime(getRuntimeActivityCreatedAt(item));
       if (item.type === "trade") {
         const tradeItem = item;
@@ -4006,13 +3935,15 @@ var UserProfilePage = ({
         return {
           kind: "withdrawal",
           id: withdrawalItem.id,
+          chainId: (_p = withdrawalItem.chainId) != null ? _p : void 0,
+          txHash: (_q = withdrawalItem.txHash) != null ? _q : void 0,
           isFailed,
           hasError,
           errorMessage,
           status,
           type: labels.userProfile.activity.withdrawalType,
           title: titleByStatus[status],
-          subtitleLabel: `to ${(_p = shortenAddress(withdrawalItem.destinationAddress)) != null ? _p : withdrawalItem.destinationAddress} \xB7 ${formatChainIdLabel(withdrawalItem.destinationChainId)}`,
+          subtitleLabel: `to ${(_r = shortenAddress(withdrawalItem.destinationAddress)) != null ? _r : withdrawalItem.destinationAddress} \xB7 ${formatChainIdLabel(withdrawalItem.destinationChainId)}`,
           amountLabel,
           timeLabel
         };
@@ -4022,7 +3953,7 @@ var UserProfilePage = ({
         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(depositItem)) != null ? _q : void 0;
+        const errorMessage = timedOut ? PENDING_TRANSFER_TIMEOUT_ERROR_MESSAGE : (_s = getActivityErrorMessage(depositItem)) != null ? _s : void 0;
         const isFailed = status === "failed";
         const hasError = timedOut || hasActivityError(depositItem);
         const depositSource = depositItem.source;
@@ -4039,17 +3970,18 @@ var UserProfilePage = ({
         return {
           kind: "deposit",
           id: depositItem.id,
+          chainId: depositItem.chainId,
+          txHash: depositItem.txHash,
           isFailed,
           hasError,
           errorMessage,
           status,
           type: labels.userProfile.activity.depositType,
           title: depositTitlesBySource[depositSource][status],
-          subtitleLabel: `from ${(_r = shortenAddress(depositItem.fromAddress)) != null ? _r : depositItem.fromAddress} \xB7 ${formatChainIdLabel(depositItem.chainId)}`,
+          subtitleLabel: `from ${(_t = shortenAddress(depositItem.fromAddress)) != null ? _t : depositItem.fromAddress} \xB7 ${formatChainIdLabel(depositItem.chainId)}`,
           amountLabel,
           timeLabel,
-          depositSource: depositSource === "connected_wallet" ? "wallet" : "crypto",
-          chainId: depositItem.chainId
+          depositSource: depositSource === "connected_wallet" ? "wallet" : "crypto"
         };
       }
       if (item.type === "redeem") {
@@ -4057,23 +3989,25 @@ var UserProfilePage = ({
         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 firstLegErrorMessage = (_v = (_u = redeemLegs.find((leg) => typeof leg.errorMessage === "string" && leg.errorMessage)) == null ? void 0 : _u.errorMessage) != null ? _v : void 0;
+        const errorMessage = (_w = getActivityErrorMessage(redeemItem)) != null ? _w : 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,
+          chainId: (_x = firstLeg == null ? void 0 : firstLeg.chainId) != null ? _x : void 0,
+          txHash: (_y = firstLeg == null ? void 0 : firstLeg.txHash) != null ? _y : void 0,
           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 : "",
+          thumbnailSrc: (_A = (_z = firstLeg == null ? void 0 : firstLeg.venueMarket) == null ? void 0 : _z.image) != null ? _A : fallbackThumbnailSrc,
+          marketTitle: (_C = (_B = firstLeg == null ? void 0 : firstLeg.venueMarket) == null ? void 0 : _B.question) != null ? _C : "Market",
+          outcomeLabel: (_G = (_F = (_D = firstLeg == null ? void 0 : firstLeg.venueMarketOutcome) == null ? void 0 : _D.title) != null ? _F : (_E = firstLeg == null ? void 0 : firstLeg.venueMarketOutcome) == null ? void 0 : _E.label) != null ? _G : "",
           amountLabel: status === "failed" || status === "canceled" ? ZERO_AMOUNT_LABEL : toRedeemPayoutAmountLabel(redeemItem),
           timeLabel
         };
@@ -4271,7 +4205,7 @@ var UserProfilePage = ({
                 onPositionClick,
                 getPositionHref,
                 onClaim: handleClaimPosition,
-                claimingPositionKeys: claimingPositionKeys != null ? claimingPositionKeys : internalClaimingIds,
+                claimingPositionKeys: claimingKeys,
                 onActivityClick,
                 getActivityHref,
                 onOpenOrderClick,
@@ -4325,5 +4259,6 @@ export {
   USER_PROFILE_TAB_POSITIONS,
   USER_PROFILE_TAB_OPEN_ORDERS,
   USER_PROFILE_TAB_ACTIVITY,
+  buildAggTxExplorerHref,
   UserProfilePage
 };