@agg-build/ui 2.0.0 → 2.1.1

package/dist/{chunk-RF2EPYLN.mjs → chunk-IQT4I5B4.mjs}

@@ -10,13 +10,13 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-RWOF44TC.mjs";
+} from "./chunk-NK57KMYN.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
   SettlementDetails,
   WITHDRAW_MODAL_OPEN_EVENT
-} from "./chunk-R3U6YXSQ.mjs";
+} from "./chunk-XHDGSRG7.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -47,7 +47,7 @@ import {
   shortenAddress,
   sortCategoriesForNavigation,
   useOptionalToast
-} from "./chunk-2ZS3BPSF.mjs";
+} from "./chunk-YJO6LMRT.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -56,7 +56,7 @@ import {
   useCategories,
   useEventListState,
   useLabels as useLabels2,
-  useSdkUiConfig,
+  useSdkUiConfig as useSdkUiConfig2,
   useSearch
 } from "@agg-build/hooks";
 import { VENUES } from "@agg-build/sdk";
@@ -69,7 +69,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";
@@ -185,6 +186,7 @@ var resolveMobileTradePlaceOrderClassNames = (classNames) => {
 var EventMarketPageMobileTrade = ({
   classNames,
   eventTradingState,
+  executionMode,
   showPlaceOrder = true,
   isOpen,
   onOpenChange,
@@ -226,6 +228,7 @@ var EventMarketPageMobileTrade = ({
           PlaceOrder,
           {
             eventTradingState,
+            executionMode,
             midpointsResult,
             className: cn(
               "agg-mobile-trade-panel w-full overflow-hidden rounded-t-agg-2xl sm:rounded-agg-xl",
@@ -281,7 +284,7 @@ var EventMarketPageLoadingState = ({
     {
       className: cn(
         "agg-event-market-page",
-        "w-full mx-auto max-w-[1360px] px-6 lg:px-10 pb-10",
+        "w-full mx-auto max-w-[1440px] px-6 lg:px-10 pb-10",
         classNames == null ? void 0 : classNames.root
       ),
       children: /* @__PURE__ */ jsxs(
@@ -353,6 +356,7 @@ var EventMarketPageContent = ({
   classNames,
   ariaLabel,
   showPlaceOrder,
+  executionMode,
   stickyOrderPanel,
   resolvedClaim
 }) => {
@@ -360,6 +364,10 @@ var EventMarketPageContent = ({
   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();
@@ -380,7 +388,7 @@ var EventMarketPageContent = ({
     {
       className: cn(
         "agg-event-market-page",
-        "w-full mx-auto max-w-[1360px] px-6 lg:px-10 pb-10",
+        "w-full mx-auto max-w-[1440px] px-6 lg:px-10 pb-10",
         classNames == null ? void 0 : classNames.root
       ),
       "aria-label": ariaLabel != null ? ariaLabel : event.title,
@@ -440,6 +448,7 @@ var EventMarketPageContent = ({
                       PlaceOrder,
                       {
                         eventTradingState,
+                        executionMode: resolvedExecutionMode,
                         resolvedClaim,
                         midpointsResult,
                         className: cn(
@@ -465,6 +474,7 @@ var EventMarketPageContent = ({
                     PlaceOrder,
                     {
                       eventTradingState,
+                      executionMode: resolvedExecutionMode,
                       resolvedClaim,
                       midpointsResult,
                       className: cn(stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.placeOrder, classNames == null ? void 0 : classNames.trade),
@@ -481,6 +491,7 @@ var EventMarketPageContent = ({
           {
             classNames,
             eventTradingState,
+            executionMode: resolvedExecutionMode,
             showPlaceOrder,
             isOpen: isMobileTradeOpen,
             onOpenChange: setIsMobileTradeOpen,
@@ -664,7 +675,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();
@@ -858,8 +869,9 @@ var HomePage = ({
       isShowingAllResults,
       onChange: onSearchChange,
       onSelect: onSelectEventInternal
-    }
-  } = useSdkUiConfig();
+    },
+    trading: { executionMode }
+  } = useSdkUiConfig2();
   const { capture, consume } = useEventListState();
   const [snapshot] = useState4(() => consume());
   const eventListStateRef = useRef3(null);
@@ -1043,7 +1055,7 @@ var HomePage = ({
           "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(
+        children: /* @__PURE__ */ jsx2("div", { className: "mx-auto h-full w-full max-w-[1440px] px-6 lg:px-10", children: /* @__PURE__ */ jsx2(
           Tabs,
           {
             ariaLabel: labels.home.categoryTabsAria,
@@ -1057,11 +1069,18 @@ 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(
-          "w-full mx-auto px-6 lg:px-10 max-w-[1360px]",
+          "w-full mx-auto px-6 lg:px-10 max-w-[1440px]",
           "pt-4 sm:pt-6 md:pt-8 pb-10"
         ),
         children: [
@@ -1143,14 +1162,14 @@ import {
   useAggAuthState,
   useAggBalance,
   useAggClient,
-  useDepositAddresses,
   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";
@@ -1177,6 +1196,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 = {
@@ -1205,6 +1225,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();
@@ -1222,12 +1245,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",
     {
@@ -1257,21 +1284,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",
                     {
@@ -1287,8 +1316,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",
@@ -1310,17 +1339,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",
                         {
@@ -1328,6 +1369,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",
                         {
@@ -1354,7 +1410,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
@@ -1561,18 +1617,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();
         },
@@ -1754,141 +1823,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,
+      className,
+      href,
+      target: href ? "_blank" : void 0,
+      rel: href ? "noopener noreferrer" : void 0,
+      onClick,
+      children: /* @__PURE__ */ jsx4(
+        ConditionalWrapper,
         {
-          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
-                  }
-                )
+          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,
@@ -1991,124 +2071,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 = () => {
@@ -2125,9 +2216,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";
 
@@ -2153,7 +2260,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;
@@ -2291,7 +2398,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,
@@ -2504,7 +2611,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
@@ -2974,7 +3081,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";
@@ -3033,7 +3140,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(
@@ -3166,6 +3273,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", {
@@ -3205,7 +3333,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) => {
@@ -3354,7 +3486,6 @@ var toSignedAmountLabel = (sign, executionPrice, filledAmountRaw) => {
   const amountLabel = toAmountLabel(executionPrice, filledAmountRaw);
   return amountLabel === "-" ? amountLabel : `${sign}${amountLabel}`;
 };
-var SVM_CHAIN_IDS = /* @__PURE__ */ new Set(["792703809"]);
 var OPEN_ORDER_STATUSES = /* @__PURE__ */ new Set([
   "pending",
   "signing",
@@ -3465,44 +3596,6 @@ var shouldFetchFullUserProfile = (userProfile) => {
   if (!userProfile) return true;
   return !userProfile.username && !userProfile.avatarUrl && ((_b = (_a = userProfile.accounts) == null ? void 0 : _a.length) != null ? _b : 0) === 0 && ((_d = (_c = userProfile.wallets) == null ? void 0 : _c.length) != null ? _d : 0) === 0;
 };
-var normalizeAddress = (address) => {
-  const trimmed = address == null ? void 0 : address.trim();
-  return trimmed ? trimmed.toLowerCase() : void 0;
-};
-var toNumericChainId = (chainId) => {
-  const parsed = Number(chainId);
-  return Number.isFinite(parsed) ? parsed : void 0;
-};
-var getConnectedWalletAccountAddresses = (userProfile) => {
-  var _a;
-  const accounts = (_a = userProfile == null ? void 0 : userProfile.accounts) != null ? _a : [];
-  const walletAccounts = accounts.filter((account) => {
-    var _a2;
-    const provider = (_a2 = account.provider) == null ? void 0 : _a2.toLowerCase();
-    return provider === "wallet" || provider === "solana_wallet";
-  });
-  return new Set(
-    walletAccounts.map((account) => normalizeAddress(account.providerAccountId)).filter((address) => !!address)
-  );
-};
-var resolveDepositActivitySource = ({
-  fromAddress,
-  chainId,
-  connectedWalletAddresses,
-  depositAddress
-}) => {
-  const normalizedFromAddress = normalizeAddress(fromAddress);
-  if (normalizedFromAddress && connectedWalletAddresses.has(normalizedFromAddress)) {
-    return "wallet";
-  }
-  if (normalizedFromAddress && normalizedFromAddress === normalizeAddress(depositAddress)) {
-    return "crypto";
-  }
-  if (SVM_CHAIN_IDS.has(chainId.trim())) {
-    return "wallet";
-  }
-  return "crypto";
-};
 var toTradeThumbnailSrc = (item, orders) => {
   var _a, _b, _c;
   if ((_a = item.venueMarket) == null ? void 0 : _a.image) return item.venueMarket.image;
@@ -3571,6 +3664,7 @@ var UserProfilePage = ({
   activePositions,
   closedPositions,
   activities,
+  executionMode,
   onEditProfile,
   onDeposit,
   onWithdraw,
@@ -3619,7 +3713,10 @@ var UserProfilePage = ({
   const { isDepositBlocked } = useGeoBlock();
   const balanceState = useAggBalance();
   const client = useAggClient();
-  const labels = useLabels6();
+  const labels = useLabels7();
+  const {
+    trading: { executionMode: configuredExecutionMode }
+  } = useSdkUiConfig3();
   const claimNotificationLabels = labels.notifications.claim;
   const toastCtx = useOptionalToast();
   const queryClient = useQueryClient();
@@ -3652,15 +3749,19 @@ var UserProfilePage = ({
     return [...new Set(fromBalance)].sort((a, b) => a.localeCompare(b));
   }, [balanceState, shouldUseHookData]);
   const [positionFilter, setPositionFilter] = useState6(initialPositionFilter);
+  const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
+  const queryExecutionMode = resolvedExecutionMode === "paper" ? "paper" : void 0;
   const activePositionsQuery = useExecutionPositions({
     enabled: shouldUseHookData && isAuthenticated,
     status: "active",
-    limit: 25
+    limit: 25,
+    mode: queryExecutionMode
   });
   const closedPositionsQuery = useExecutionPositions({
     enabled: shouldUseHookData && isAuthenticated,
     status: "closed",
-    limit: 25
+    limit: 25,
+    mode: queryExecutionMode
   });
   const handlePositionFilterChange = useCallback3(
     (filter) => {
@@ -3674,16 +3775,13 @@ var UserProfilePage = ({
   }, [initialPositionFilter]);
   const ordersQuery = useExecutionOrders({
     enabled: shouldUseHookData && isAuthenticated,
-    limit: 25
+    limit: 25,
+    mode: queryExecutionMode
   });
   const activityQuery = useUserActivity({
     enabled: shouldUseHookData && isAuthenticated,
     limit: 25
   });
-  const depositAddressesQuery = useDepositAddresses({
-    enabled: shouldUseHookData && isAuthenticated,
-    poll: false
-  });
   const handleCancelOrder = useCallback3(
     (order) => __async(null, null, function* () {
       if (onCancelOrder) {
@@ -3983,10 +4081,8 @@ var UserProfilePage = ({
   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, 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;
@@ -4041,13 +4137,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
         };
@@ -4057,19 +4155,13 @@ 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 = resolveDepositActivitySource({
-          fromAddress: depositItem.fromAddress,
-          chainId: depositItem.chainId,
-          connectedWalletAddresses,
-          depositAddress: depositAddressesQuery.getAddress(toNumericChainId(depositItem.chainId))
-        });
+        const depositSource = depositItem.source;
         const depositTitlesBySource = {
-          wallet: labels.userProfile.activity.depositStatusTitles.connectedWallet,
-          crypto: labels.userProfile.activity.depositStatusTitles.externalWallet,
-          card: labels.userProfile.activity.depositStatusTitles.card
+          connected_wallet: labels.userProfile.activity.depositStatusTitles.connectedWallet,
+          external_wallet: labels.userProfile.activity.depositStatusTitles.externalWallet
         };
         const amountLabel = status === "failed" || status === "canceled" ? ZERO_AMOUNT_LABEL : toTokenAmountLabel({
           amountRaw: depositItem.amountRaw,
@@ -4080,17 +4172,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,
-          chainId: depositItem.chainId
+          depositSource: depositSource === "connected_wallet" ? "wallet" : "crypto"
         };
       }
       if (item.type === "redeem") {
@@ -4098,23 +4191,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
         };
@@ -4131,16 +4226,7 @@ var UserProfilePage = ({
         timeLabel
       };
     });
-  }, [
-    activities,
-    activityQuery.activities,
-    currentUser,
-    depositAddressesQuery,
-    isHydrated,
-    labels,
-    ordersQuery.orders,
-    profileUser
-  ]);
+  }, [activities, activityQuery.activities, isHydrated, labels, ordersQuery.orders]);
   const resolvedOpenOrders = useMemo4(() => {
     if (openOrders) return openOrders;
     return ordersQuery.orders.filter((order) => isOpenOrderStatus(order.status)).map((order) => {
@@ -4241,7 +4327,7 @@ var UserProfilePage = ({
     {
       className: cn(
         "agg-user-profile-page",
-        "w-full mx-auto px-6 lg:px-10 pb-10 max-w-[1360px]",
+        "w-full mx-auto px-6 lg:px-10 pb-10 max-w-[1440px]",
         classNames == null ? void 0 : classNames.root
       ),
       children: /* @__PURE__ */ jsxs11(
@@ -4375,5 +4461,6 @@ export {
   USER_PROFILE_TAB_POSITIONS,
   USER_PROFILE_TAB_OPEN_ORDERS,
   USER_PROFILE_TAB_ACTIVITY,
+  buildAggTxExplorerHref,
   UserProfilePage
 };