@agg-build/ui 1.2.10 → 1.2.11

package/dist/{chunk-7JKGAWU5.mjs → chunk-ENAGASVU.mjs}

@@ -22,6 +22,8 @@ import {
   Select,
   StayInControlIcon,
   SuccessCheckIcon,
+  Tabs,
+  Tooltip,
   UsdcIcon,
   VenueLogo,
   WalletIcon,
@@ -31,15 +33,17 @@ import {
   __spreadValues,
   cn,
   formatCompactUsd,
+  formatTokenAmount,
   getMotionClassName,
   shortenAddress,
+  useOptionalToast,
   venueLogoLabels
-} from "./chunk-QFW5NDJ6.mjs";
+} from "./chunk-SJLHOAKK.mjs";
 
 // src/deposit/index.tsx
-import { useEffect as useEffect3, useMemo, useRef, useState as useState2 } from "react";
-import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels10 } from "@agg-build/hooks";
+import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels11 } from "@agg-build/hooks";
 import { SVM_CHAIN_IDS, useDepositFlow } from "@agg-build/hooks/deposit";
+import { useEffect as useEffect3, useMemo, useRef, useState as useState2 } from "react";
 
 // src/shared/constants.ts
 var USDC = {
@@ -78,6 +82,12 @@ var SUPPORTED_NETWORKS = [
     iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Flow.svg",
     tokens: [USDC]
   },
+  {
+    value: "hyperliquid",
+    label: "Hyperliquid",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/hyperliquid.png",
+    tokens: [USDC]
+  },
   {
     value: "mainnet",
     label: "Ethereum",
@@ -116,11 +126,37 @@ var mapNetworksToOptions = () => {
     iconUrl: n.iconUrl
   }));
 };
+var USDC_ICON_URL = "https://assets.snagsolutions.io/public/web/icons/usdc.svg";
 var DEFAULT_CURRENCY_OPTIONS = [
   {
     value: "USDC",
     label: "USDC",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/usdc.svg"
+    iconUrl: USDC_ICON_URL
+  },
+  {
+    value: "USDC.e",
+    label: "USDC.e",
+    iconUrl: USDC_ICON_URL
+  },
+  {
+    value: "USDH",
+    label: "USDH",
+    iconUrl: USDC_ICON_URL
+  },
+  {
+    value: "pUSD",
+    label: "pUSD",
+    iconUrl: USDC_ICON_URL
+  },
+  {
+    value: "USDT",
+    label: "USDT",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/usdt.svg"
+  },
+  {
+    value: "USDT",
+    label: "USDT",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/usdt.svg"
   },
   // Add commonly-used tokens with icons. These can be overridden by props.
   {
@@ -170,6 +206,7 @@ var CHAIN_ID_TO_SLUG = {
   "137": "polygon",
   "324": "zksync",
   "747": "flow",
+  "1337": "hyperliquid",
   "8453": "base",
   "42161": "arbitrum",
   "2741": "abstract",
@@ -236,111 +273,10 @@ var NETWORK_TO_CURRENCY_CODE = {
   polygon: "USDC_POLYGON"
 };
 
-// src/deposit/steps/deposit-method.tsx
-import { useLabels } from "@agg-build/hooks";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DepositMethodCard = ({
-  icon,
-  title,
-  description,
-  value,
-  highlighted = false,
-  disabled = false,
-  onContinue
-}) => /* @__PURE__ */ jsxs(
-  "div",
-  {
-    className: cn(
-      "flex items-center gap-3 sm:gap-4",
-      "rounded-xl border border-agg-separator",
-      "p-3 sm:p-4",
-      "transition-colors",
-      disabled ? "opacity-50 cursor-not-allowed pointer-events-none" : "cursor-pointer hover:bg-agg-secondary-hover",
-      highlighted ? "" : ""
-    ),
-    role: "button",
-    tabIndex: disabled ? -1 : 0,
-    "aria-disabled": disabled || void 0,
-    onClick: disabled ? void 0 : onContinue,
-    onKeyDown: disabled ? void 0 : (e) => {
-      if (e.key === "Enter" || e.key === " ") {
-        e.preventDefault();
-        onContinue();
-      }
-    },
-    children: [
-      /* @__PURE__ */ jsx("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
-      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
-        /* @__PURE__ */ jsx("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
-      ] }),
-      value ? /* @__PURE__ */ jsx("p", { className: "agg-type-label text-agg-muted-foreground", children: value }) : null,
-      /* @__PURE__ */ jsx("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-5 w-5" }) })
-    ]
-  }
-);
-var DepositMethodStep = ({
-  balance,
-  walletLabel,
-  walletBalance,
-  isWalletBalanceLoading = false,
-  showWalletMethod = true,
-  highlightedMethod,
-  depositAddressesReady = true,
-  onSelectMethod
-}) => {
-  const labels = useLabels();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Modal.Header, { title: labels.deposit.title, hideBorder: true }),
-    /* @__PURE__ */ jsx(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ jsxs("p", { className: "agg-type-body text-agg-foreground", children: [
-        labels.deposit.balancePrefix,
-        " ",
-        formatCompactUsd(balance)
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-        showWalletMethod ? /* @__PURE__ */ jsx(
-          DepositMethodCard,
-          {
-            icon: /* @__PURE__ */ jsx(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
-            title: labels.deposit.methods.walletTitle(walletLabel),
-            description: labels.deposit.methods.walletDescription,
-            value: isWalletBalanceLoading ? /* @__PURE__ */ jsx(LoadingIcon, { size: "small" }) : formatCompactUsd(walletBalance),
-            highlighted: highlightedMethod === "wallet",
-            disabled: !depositAddressesReady,
-            onContinue: () => onSelectMethod("wallet")
-          }
-        ) : null,
-        /* @__PURE__ */ jsx(
-          DepositMethodCard,
-          {
-            icon: /* @__PURE__ */ jsx(BoltIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
-            title: labels.deposit.methods.cryptoTitle,
-            description: labels.deposit.methods.cryptoDescription,
-            highlighted: highlightedMethod === "crypto",
-            disabled: !depositAddressesReady,
-            onContinue: () => onSelectMethod("crypto")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          DepositMethodCard,
-          {
-            icon: /* @__PURE__ */ jsx(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
-            title: labels.deposit.methods.cardTitle,
-            description: labels.deposit.methods.cardDescription,
-            highlighted: highlightedMethod === "card",
-            onContinue: () => onSelectMethod("card")
-          }
-        )
-      ] })
-    ] }) })
-  ] });
-};
-
 // src/deposit/steps/card-deposit.tsx
-import { useLabels as useLabels2 } from "@agg-build/hooks";
+import { useLabels } from "@agg-build/hooks";
 import { useEffect, useState } from "react";
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var CardDepositStep = ({
   amount,
   currency,
@@ -356,7 +292,7 @@ var CardDepositStep = ({
   onNetworkChange,
   onContinue
 }) => {
-  const labels = useLabels2();
+  const labels = useLabels();
   const [localAmount, setLocalAmount] = useState(amount);
   useEffect(() => {
     setLocalAmount(amount);
@@ -366,33 +302,33 @@ var CardDepositStep = ({
   const isBelowMin = minAmount != null && hasInput && numericAmount < minAmount;
   const isValid = numericAmount > 0 && !isBelowMin;
   const formattedMin = minAmount != null ? `$${minAmount}` : void 0;
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
       Modal.Header,
       {
         title: labels.deposit.cardFlow.title,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ jsx2(
+        leftElement: /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": "Go back",
-            children: /* @__PURE__ */ jsx2(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx2(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "flex-1 flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsx2("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.amountLabel }),
-            formattedMin ? /* @__PURE__ */ jsx2("p", { className: "agg-type-label text-agg-foreground", children: labels.deposit.cardFlow.minRequired(formattedMin) }) : null
+    /* @__PURE__ */ jsx(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.amountLabel }),
+            formattedMin ? /* @__PURE__ */ jsx("p", { className: "agg-type-label text-agg-foreground", children: labels.deposit.cardFlow.minRequired(formattedMin) }) : null
           ] }),
-          /* @__PURE__ */ jsxs2("div", { className: "flex gap-3 items-center", children: [
-            /* @__PURE__ */ jsxs2(
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-3 items-center", children: [
+            /* @__PURE__ */ jsxs(
               "div",
               {
                 className: cn(
@@ -400,7 +336,7 @@ var CardDepositStep = ({
                   isBelowMin ? "border-agg-primary border-2" : "border-agg-separator"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx2(
+                  /* @__PURE__ */ jsx(
                     "input",
                     {
                       type: "text",
@@ -416,11 +352,11 @@ var CardDepositStep = ({
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsx2("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
+                  /* @__PURE__ */ jsx("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx2("div", { className: "w-[100px]", children: /* @__PURE__ */ jsx2(
+            /* @__PURE__ */ jsx("div", { className: "w-[100px]", children: /* @__PURE__ */ jsx(
               Select,
               {
                 items: [{ value: currency, label: currency }],
@@ -432,8 +368,8 @@ var CardDepositStep = ({
             ) })
           ] })
         ] }),
-        isBelowMin && formattedMin ? /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", role: "alert", "aria-live": "assertive", children: [
-          /* @__PURE__ */ jsx2(
+        isBelowMin && formattedMin ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", role: "alert", "aria-live": "assertive", children: [
+          /* @__PURE__ */ jsx(
             Icon,
             {
               name: "warning",
@@ -441,12 +377,12 @@ var CardDepositStep = ({
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ jsx2("p", { className: "agg-type-label text-agg-error", children: labels.deposit.cardFlow.minAmountError(formattedMin) })
+          /* @__PURE__ */ jsx("p", { className: "agg-type-label text-agg-error", children: labels.deposit.cardFlow.minAmountError(formattedMin) })
         ] }) : null
       ] }),
-      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsx2("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.networkLabel }),
-        /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.networkLabel }),
+        /* @__PURE__ */ jsx(
           Select,
           {
             items: networkOptions,
@@ -457,7 +393,7 @@ var CardDepositStep = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx(
         Button,
         {
           variant: "secondary",
@@ -472,358 +408,81 @@ var CardDepositStep = ({
   ] });
 };
 
-// src/deposit/steps/crypto-transfer.tsx
-import { useLabels as useLabels3 } from "@agg-build/hooks";
-
-// src/deposit/components/DepositQRCode.tsx
-import { QRCodeSVG } from "qrcode.react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function DepositQRCode({
-  depositAddress,
-  networkLogoUrl,
-  networkLogo,
-  size = 160
-}) {
-  const logoOverlay = networkLogo ? /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-sm",
-      style: { width: 32, height: 32, backgroundColor: "#FFFFFF", padding: 2 },
-      children: networkLogo
-    }
-  ) : networkLogoUrl ? /* @__PURE__ */ jsx3(
-    "img",
-    {
-      src: networkLogoUrl,
-      alt: "",
-      className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-sm",
-      width: 32,
-      height: 32,
-      style: { backgroundColor: "#FFFFFF", padding: 2 }
-    }
-  ) : null;
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: "inline-flex items-center justify-center rounded-xl border",
-      style: {
-        padding: 16,
-        borderColor: "#E5E7EB",
-        backgroundColor: "#FFFFFF"
-      },
-      children: /* @__PURE__ */ jsxs3("div", { className: "relative", style: { width: size, height: size }, children: [
-        /* @__PURE__ */ jsx3(QRCodeSVG, { value: depositAddress, size, level: "H" }),
-        logoOverlay
-      ] })
-    }
-  );
-}
-DepositQRCode.displayName = "DepositQRCode";
-
-// src/deposit/steps/crypto-transfer.tsx
-import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var CryptoAddressLoadingState = () => {
-  const labels = useLabels3();
-  const sendCryptoLabels = labels.deposit.sendCrypto;
-  return /* @__PURE__ */ jsxs4(
-    "div",
-    {
-      className: "flex w-full flex-col items-center justify-center gap-6 py-10 text-center text-agg-foreground",
-      role: "status",
-      "aria-live": "polite",
-      children: [
-        /* @__PURE__ */ jsx4(
-          "span",
-          {
-            className: "h-9 w-9 animate-spin rounded-full border-2 border-agg-primary/25 border-t-agg-primary",
-            "aria-hidden": "true"
-          }
-        ),
-        /* @__PURE__ */ jsxs4("div", { className: "flex w-full flex-col items-center gap-2", children: [
-          /* @__PURE__ */ jsx4("p", { className: "text-agg-base font-agg-bold leading-agg-6", children: sendCryptoLabels.addressLoadingTitle }),
-          /* @__PURE__ */ jsx4("p", { className: "max-w-[300px] text-agg-sm leading-agg-5", children: sendCryptoLabels.addressLoadingDescription })
-        ] })
-      ]
-    }
-  );
-};
-var CryptoTransferStep = ({
-  tokenOptions,
-  networkOptions,
-  selectedToken,
-  selectedNetwork,
-  depositAddress,
-  minDeposit,
-  feeEstimate,
-  eta,
-  isLoadingAddress,
-  addressError,
-  onBack,
-  onTokenChange,
-  onNetworkChange,
-  onCopyAddress,
-  onDone
+// src/deposit/steps/card-payment-pending.tsx
+import { useLabels as useLabels2 } from "@agg-build/hooks";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CardPaymentPendingStep = ({
+  providerName,
+  walletAddress,
+  onClose,
+  onViewActivity,
+  onChooseAnotherProvider
 }) => {
-  var _a;
-  const labels = useLabels3();
-  const selectedNetworkOption = networkOptions.find((n) => n.value === selectedNetwork);
-  const networkLogoUrl = (_a = selectedNetworkOption == null ? void 0 : selectedNetworkOption.iconUrl) != null ? _a : "";
-  const networkLogo = selectedNetworkOption == null ? void 0 : selectedNetworkOption.icon;
-  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
-    /* @__PURE__ */ jsx4(
-      Modal.Header,
+  const labels = useLabels2();
+  return /* @__PURE__ */ jsx2("div", { className: "relative", children: /* @__PURE__ */ jsxs2(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ jsx2(
+      "button",
       {
-        title: labels.deposit.sendCrypto.title,
-        hideBorder: true,
-        leftElement: /* @__PURE__ */ jsx4(
-          "button",
-          {
-            type: "button",
-            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
-            onClick: onBack,
-            "aria-label": "Go back",
-            children: /* @__PURE__ */ jsx4(ChevronLeftIcon, { className: "h-6 w-6" })
-          }
-        )
+        type: "button",
+        className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors cursor-pointer hover:text-agg-foreground/80",
+        onClick: onClose,
+        "aria-label": labels.common.close,
+        children: /* @__PURE__ */ jsx2(CloseIcon, { className: "h-6 w-6" })
       }
     ),
-    /* @__PURE__ */ jsx4(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-7", children: [
-      /* @__PURE__ */ jsx4("div", { className: "flex flex-col gap-5", children: /* @__PURE__ */ jsxs4("div", { className: "flex gap-5", children: [
-        /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-          /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.tokenLabel }),
-          /* @__PURE__ */ jsx4(
-            Select,
-            {
-              items: tokenOptions,
-              value: selectedToken,
-              onChange: onTokenChange,
-              ariaLabel: labels.deposit.sendCrypto.tokenLabel
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-          /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.networkLabel }),
-          /* @__PURE__ */ jsx4(
-            Select,
+    /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ jsx2("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ jsx2(ExternalLinkIcon, { className: "h-[60px] w-[60px]" }) }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ jsx2("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.pendingTitle(providerName) }),
+        /* @__PURE__ */ jsx2("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.pendingDescription })
+      ] }),
+      walletAddress ? /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-col items-center gap-3 rounded-agg-md bg-agg-secondary-hover p-5", children: [
+        /* @__PURE__ */ jsx2("p", { className: "agg-type-label text-agg-foreground w-full", children: labels.deposit.cardFlow.pendingWalletAddressHelp }),
+        /* @__PURE__ */ jsxs2("div", { className: "flex w-full h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3 py-[10px]", children: [
+          /* @__PURE__ */ jsx2("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: walletAddress }),
+          /* @__PURE__ */ jsx2(
+            CopyButton,
             {
-              items: networkOptions,
-              value: selectedNetwork,
-              onChange: onNetworkChange,
-              ariaLabel: labels.deposit.sendCrypto.networkLabel
+              value: walletAddress,
+              "aria-label": labels.deposit.cardFlow.pendingCopyAddress,
+              className: "text-agg-muted-foreground hover:text-agg-foreground"
             }
           )
         ] })
-      ] }) }),
-      /* @__PURE__ */ jsx4("div", { className: "mx-auto", children: isLoadingAddress ? /* @__PURE__ */ jsx4(CryptoAddressLoadingState, {}) : addressError ? /* @__PURE__ */ jsx4("div", { className: "flex h-[192px] w-[192px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary", children: /* @__PURE__ */ jsx4("p", { className: "agg-type-label text-center text-agg-error px-3", children: addressError }) }) : /* @__PURE__ */ jsx4(
-        DepositQRCode,
+      ] }) : null,
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-start justify-center gap-3", children: [
+        /* @__PURE__ */ jsx2(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: labels.common.close }),
+        /* @__PURE__ */ jsx2(Button, { variant: "primary", size: "large", onClick: onViewActivity, children: labels.deposit.cardFlow.viewActivity })
+      ] }),
+      /* @__PURE__ */ jsx2(
+        "button",
         {
-          depositAddress,
-          networkLogoUrl,
-          networkLogo
-        }
-      ) }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.depositAddressLabel }),
-        /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 rounded border border-agg-separator bg-agg-secondary h-10 px-3", children: [
-          isLoadingAddress ? /* @__PURE__ */ jsx4("div", { className: "h-4 flex-1 animate-pulse rounded bg-agg-muted-foreground/20" }) : /* @__PURE__ */ jsx4("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
-          /* @__PURE__ */ jsx4(
-            CopyButton,
-            {
-              value: depositAddress,
-              label: labels.deposit.sendCrypto.copy,
-              copiedLabel: labels.deposit.sendCrypto.copied,
-              disabled: isLoadingAddress || !!addressError || !depositAddress,
-              onCopy: onCopyAddress,
-              className: "text-agg-primary hover:text-agg-primary/80"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx4("p", { className: "agg-type-label text-agg-foreground", children: `${labels.deposit.sendCrypto.minDepositPrefix} ${minDeposit} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` })
-      ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-3 rounded-lg bg-agg-secondary-hover p-3", children: [
-        /* @__PURE__ */ jsx4(WarningIcon, { className: "h-4 w-4 text-agg-muted-foreground mt-0.5" }),
-        /* @__PURE__ */ jsx4("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: labels.deposit.sendCrypto.warning })
-      ] }),
-      /* @__PURE__ */ jsx4(
-        Button,
-        {
-          variant: "secondary",
-          size: "large",
-          className: "w-[120px] self-center",
-          onClick: onDone,
-          children: labels.deposit.done
-        }
-      )
-    ] }) })
-  ] });
-};
-
-// src/deposit/steps/wallet-form.tsx
-import { useLabels as useLabels4 } from "@agg-build/hooks";
-import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var WalletFormStep = ({
-  walletLabel,
-  walletBalance,
-  isBalanceLoading = false,
-  tokenOptions,
-  networkOptions,
-  selectedToken,
-  selectedNetwork,
-  amount,
-  isSubmitting = false,
-  formErrorMessage,
-  formErrorTone = "error",
-  estimatedReceive,
-  feeEstimate,
-  eta,
-  onBack,
-  onTokenChange,
-  onNetworkChange,
-  onAmountChange,
-  onMax,
-  onConfirm
-}) => {
-  const labels = useLabels4();
-  const isConfirmEnabled = !isSubmitting && !isBalanceLoading && Number(amount) > 0 && Number(amount) <= walletBalance;
-  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
-    /* @__PURE__ */ jsx5(
-      Modal.Header,
-      {
-        title: labels.deposit.walletFlow.title,
-        hideBorder: true,
-        leftElement: /* @__PURE__ */ jsx5(
-          "button",
-          {
-            type: "button",
-            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
-            onClick: onBack,
-            "aria-label": "Go back",
-            children: /* @__PURE__ */ jsx5(ChevronLeftIcon, { className: "h-6 w-6" })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx5(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-7", children: [
-      /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx5("p", { className: "agg-type-label text-agg-foreground", children: walletLabel }),
-        /* @__PURE__ */ jsxs5("p", { className: "agg-type-label text-agg-muted-foreground", children: [
-          labels.deposit.balanceLabel,
-          " ",
-          isBalanceLoading ? /* @__PURE__ */ jsx5(LoadingIcon, { size: "small" }) : formatCompactUsd(walletBalance)
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-5", children: [
-        /* @__PURE__ */ jsxs5("div", { className: "flex gap-5", children: [
-          /* @__PURE__ */ jsxs5("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ jsx5("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.tokenLabel }),
-            /* @__PURE__ */ jsx5(
-              Select,
-              {
-                items: tokenOptions,
-                value: selectedToken,
-                onChange: onTokenChange,
-                ariaLabel: labels.deposit.walletFlow.tokenLabel
-              }
-            )
-          ] }),
-          networkOptions.length > 1 ? /* @__PURE__ */ jsxs5("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ jsx5("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.networkLabel }),
-            /* @__PURE__ */ jsx5(
-              Select,
-              {
-                items: networkOptions,
-                value: selectedNetwork,
-                onChange: onNetworkChange,
-                ariaLabel: labels.deposit.walletFlow.networkLabel
-              }
-            )
-          ] }) : null
-        ] }),
-        /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsx5("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.amountLabel }),
-          /* @__PURE__ */ jsxs5(
-            "div",
-            {
-              className: cn(
-                "flex items-center gap-2",
-                "rounded border border-agg-separator bg-agg-secondary",
-                "h-10 px-3"
-              ),
-              children: [
-                /* @__PURE__ */ jsx5(
-                  "input",
-                  {
-                    type: "text",
-                    inputMode: "decimal",
-                    "aria-label": labels.deposit.walletFlow.amountLabel,
-                    className: "agg-type-body w-full bg-transparent outline-none text-agg-foreground",
-                    placeholder: "0.00",
-                    value: amount,
-                    onChange: (event) => onAmountChange(event.target.value)
-                  }
-                ),
-                /* @__PURE__ */ jsx5(
-                  "button",
-                  {
-                    type: "button",
-                    className: "shrink-0 text-agg-sm font-agg-bold leading-agg-5 text-agg-primary transition-colors hover:text-agg-primary/80 cursor-pointer",
-                    onClick: onMax,
-                    "aria-label": labels.deposit.walletFlow.max,
-                    children: labels.deposit.walletFlow.max
-                  }
-                )
-              ]
-            }
-          )
-        ] }),
-        estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ jsx5("p", { className: "agg-type-label text-agg-foreground", children: `\u2248 ${estimatedReceive} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` }) : null,
-        formErrorMessage ? /* @__PURE__ */ jsxs5(
-          "div",
-          {
-            className: cn(
-              "flex items-start gap-2",
-              formErrorTone === "warning" ? "text-agg-warning" : "text-agg-error"
-            ),
-            children: [
-              /* @__PURE__ */ jsx5(WarningIcon, { className: "mt-0.5 h-4 w-4 shrink-0" }),
-              /* @__PURE__ */ jsx5("p", { className: "agg-type-label", children: formErrorMessage })
-            ]
-          }
-        ) : null
-      ] }),
-      /* @__PURE__ */ jsx5(
-        Button,
-        {
-          variant: isConfirmEnabled ? "primary" : "secondary",
-          size: "large",
-          className: "w-full",
-          disabled: !isConfirmEnabled,
-          isLoading: isSubmitting,
-          "aria-label": labels.deposit.walletFlow.confirm,
-          onClick: onConfirm,
-          children: labels.deposit.walletFlow.confirm
+          type: "button",
+          className: "agg-type-body font-agg-bold text-agg-primary transition-colors cursor-pointer hover:text-agg-primary/80",
+          onClick: onChooseAnotherProvider,
+          children: labels.deposit.cardFlow.chooseAnotherProvider
         }
       )
-    ] }) })
-  ] });
+    ] })
+  ] }) });
 };
 
 // src/deposit/steps/card-provider.tsx
-import { useLabels as useLabels5 } from "@agg-build/hooks";
-import { Fragment as Fragment5, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useLabels as useLabels3 } from "@agg-build/hooks";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var CardProviderItem = ({ provider, onSelect }) => {
-  const labels = useLabels5();
+  const labels = useLabels3();
   const badgeText = provider.badge === "best" ? labels.deposit.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.deposit.cardFlow.providerBadges.lowKyc : void 0;
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx3(
     "button",
     {
       type: "button",
       className: "w-full rounded-xl border border-agg-separator px-4 py-3 text-left bg-agg-secondary hover:bg-agg-secondary-hover transition-colors cursor-pointer",
       onClick: () => onSelect(provider.id),
-      children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx6("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
-          badgeText ? /* @__PURE__ */ jsx6(
+      children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx3("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
+          badgeText ? /* @__PURE__ */ jsx3(
             "span",
             {
               className: `rounded border px-2 py-[2px] text-[10px] leading-[14px] font-agg-bold uppercase ${provider.badge === "best" ? "border-agg-primary/50 text-agg-primary bg-agg-secondary" : "border-agg-separator text-agg-foreground bg-agg-secondary"}`,
@@ -831,16 +490,16 @@ var CardProviderItem = ({ provider, onSelect }) => {
             }
           ) : null
         ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsxs6("div", { className: "text-right", children: [
-            /* @__PURE__ */ jsx6("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
-            /* @__PURE__ */ jsxs6("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "text-right", children: [
+            /* @__PURE__ */ jsx3("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
+            /* @__PURE__ */ jsxs3("p", { className: "agg-type-label text-agg-muted-foreground", children: [
               labels.deposit.cardFlow.feeLabel,
               " ",
               provider.fee
             ] })
           ] }),
-          /* @__PURE__ */ jsx6(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
+          /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
         ] })
       ] })
     }
@@ -858,41 +517,41 @@ var CardProviderStep = ({
   onSelectProvider,
   onRetry
 }) => {
-  const labels = useLabels5();
-  return /* @__PURE__ */ jsxs6(Fragment5, { children: [
-    /* @__PURE__ */ jsx6(
+  const labels = useLabels3();
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx3(
       Modal.Header,
       {
         title: labels.deposit.cardFlow.selectProviderTitle,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ jsx6(
+        leftElement: /* @__PURE__ */ jsx3(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": labels.deposit.back,
-            children: /* @__PURE__ */ jsx6(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ jsx3(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx6(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx6(UsdcIcon, { className: "h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ jsx6("span", { className: "agg-type-body font-agg-bold text-agg-foreground", children: token }),
-        /* @__PURE__ */ jsxs6("span", { className: "agg-type-body text-agg-foreground", children: [
+    /* @__PURE__ */ jsx3(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx3(UsdcIcon, { className: "h-4 w-4 shrink-0" }),
+        /* @__PURE__ */ jsx3("span", { className: "agg-type-body font-agg-bold text-agg-foreground", children: token }),
+        /* @__PURE__ */ jsxs3("span", { className: "agg-type-body text-agg-foreground", children: [
           "$",
           amount,
           " ",
           currency
         ] })
       ] }),
-      isLoading ? /* @__PURE__ */ jsxs6("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-3", children: [
-        /* @__PURE__ */ jsx6(LoadingIcon, { variant: "prominent" }),
-        /* @__PURE__ */ jsx6("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.loadingQuotes })
-      ] }) : error ? /* @__PURE__ */ jsxs6("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-6 px-2 text-center", children: [
-        /* @__PURE__ */ jsx6(
+      isLoading ? /* @__PURE__ */ jsxs3("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-3", children: [
+        /* @__PURE__ */ jsx3(LoadingIcon, { variant: "prominent" }),
+        /* @__PURE__ */ jsx3("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.loadingQuotes })
+      ] }) : error ? /* @__PURE__ */ jsxs3("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-6 px-2 text-center", children: [
+        /* @__PURE__ */ jsx3(
           Icon,
           {
             name: "quotes-warning",
@@ -901,13 +560,13 @@ var CardProviderStep = ({
             color: "currentColor"
           }
         ),
-        /* @__PURE__ */ jsxs6("div", { className: "flex max-w-[320px] flex-col gap-2", children: [
-          /* @__PURE__ */ jsx6("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesTitle }),
-          /* @__PURE__ */ jsx6("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesDescription })
+        /* @__PURE__ */ jsxs3("div", { className: "flex max-w-[320px] flex-col gap-2", children: [
+          /* @__PURE__ */ jsx3("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesTitle }),
+          /* @__PURE__ */ jsx3("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesDescription })
         ] }),
-        onRetry ? /* @__PURE__ */ jsx6(Button, { variant: "secondary", size: "medium", onClick: onRetry, children: labels.deposit.cardFlow.retry }) : null
-      ] }) : providers.length === 0 ? /* @__PURE__ */ jsx6("div", { className: "flex min-h-[200px] items-center justify-center", children: /* @__PURE__ */ jsx6("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.noQuotes }) }) : /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-4", children: [
-        providers.map((provider) => /* @__PURE__ */ jsx6(
+        onRetry ? /* @__PURE__ */ jsx3(Button, { variant: "secondary", size: "medium", onClick: onRetry, children: labels.deposit.cardFlow.retry }) : null
+      ] }) : providers.length === 0 ? /* @__PURE__ */ jsx3("div", { className: "flex min-h-[200px] items-center justify-center", children: /* @__PURE__ */ jsx3("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.noQuotes }) }) : /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4", children: [
+        providers.map((provider) => /* @__PURE__ */ jsx3(
           CardProviderItem,
           {
             provider,
@@ -915,141 +574,605 @@ var CardProviderStep = ({
           },
           provider.id
         )),
-        sessionError ? /* @__PURE__ */ jsx6("p", { className: "agg-type-label text-agg-error text-center", children: sessionError }) : null
+        sessionError ? /* @__PURE__ */ jsx3("p", { className: "agg-type-label text-agg-error text-center", children: sessionError }) : null
       ] })
     ] }) })
   ] });
 };
 
-// src/deposit/steps/card-payment-pending.tsx
-import { useLabels as useLabels6 } from "@agg-build/hooks";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-var CardPaymentPendingStep = ({
-  providerName,
-  walletAddress,
-  onClose,
-  onViewActivity,
-  onChooseAnotherProvider
+// src/deposit/steps/card-purchase-success.tsx
+import { useLabels as useLabels4 } from "@agg-build/hooks";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var SummaryRow = ({ label, value }) => /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ jsx4("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
+  /* @__PURE__ */ jsx4("p", { className: "agg-type-label text-agg-foreground", children: value })
+] });
+var CardPurchaseSuccessStep = ({
+  summary,
+  onDone,
+  onClose
+}) => {
+  const labels = useLabels4();
+  return /* @__PURE__ */ jsx4("div", { className: "relative", children: /* @__PURE__ */ jsxs4(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ jsx4(
+      "button",
+      {
+        type: "button",
+        className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
+        onClick: onClose,
+        "aria-label": labels.common.close,
+        children: /* @__PURE__ */ jsx4(CloseIcon, { className: "h-6 w-6" })
+      }
+    ),
+    /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ jsx4("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ jsx4(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
+      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ jsx4("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.successTitle }),
+        /* @__PURE__ */ jsx4("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.successDescription })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ jsx4(
+          SummaryRow,
+          {
+            label: labels.deposit.summary.amountReceived,
+            value: summary.amountReceived
+          }
+        ),
+        /* @__PURE__ */ jsx4(SummaryRow, { label: labels.deposit.summary.network, value: summary.network }),
+        /* @__PURE__ */ jsx4(SummaryRow, { label: labels.deposit.cardFlow.summary.fees, value: summary.fees })
+      ] }),
+      /* @__PURE__ */ jsx4(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
+    ] })
+  ] }) });
+};
+
+// src/deposit/steps/crypto-transfer.tsx
+import { useLabels as useLabels6, useWithdrawEstimate } from "@agg-build/hooks";
+
+// src/shared/transfer-fee-summary.tsx
+import { useLabels as useLabels5 } from "@agg-build/hooks";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var separator = /* @__PURE__ */ jsx5("span", { className: "text-agg-muted-foreground", "aria-hidden": "true", children: "\xB7" });
+var normalizeFeeLabel = (label) => label.replace(/\s*~\s*$/, "");
+var TransferFeeSummary = ({
+  estimate,
+  view,
+  minDeposit,
+  eta
+}) => {
+  const labels = useLabels5();
+  if (!estimate) return null;
+  if (view === "deposit") {
+    return /* @__PURE__ */ jsxs5("p", { className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground", children: [
+      minDeposit ? /* @__PURE__ */ jsxs5("span", { children: [
+        labels.deposit.sendCrypto.minDepositPrefix,
+        " ",
+        minDeposit
+      ] }) : null,
+      minDeposit ? separator : null,
+      /* @__PURE__ */ jsxs5("span", { children: [
+        normalizeFeeLabel(labels.deposit.walletFlow.feePrefix),
+        ": ",
+        estimate.estimatedFees
+      ] }),
+      eta ? separator : null,
+      eta ? /* @__PURE__ */ jsx5("span", { children: eta }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsxs5("div", { className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground", children: [
+    /* @__PURE__ */ jsxs5("span", { children: [
+      labels.withdraw.walletFlow.estimatedFees,
+      ": ",
+      estimate.estimatedFees
+    ] }),
+    separator,
+    /* @__PURE__ */ jsxs5("span", { className: "inline-flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxs5("span", { children: [
+        labels.withdraw.walletFlow.networkReserve,
+        ": ",
+        estimate.networkReserve
+      ] }),
+      /* @__PURE__ */ jsx5(
+        Tooltip,
+        {
+          "aria-label": labels.withdraw.walletFlow.networkReserveTooltipAria,
+          size: "medium",
+          content: /* @__PURE__ */ jsxs5("div", { className: "text-center", children: [
+            /* @__PURE__ */ jsx5("p", { children: labels.withdraw.walletFlow.networkReserveTooltipLineOne }),
+            /* @__PURE__ */ jsx5("p", { children: labels.withdraw.walletFlow.networkReserveTooltipLineTwo })
+          ] }),
+          classNames: {
+            content: "min-w-96 max-w-none!",
+            arrow: "[&_polygon]:fill-agg-background",
+            icon: "text-agg-foreground! h-3! w-3!"
+          }
+        }
+      )
+    ] }),
+    separator,
+    /* @__PURE__ */ jsxs5("span", { children: [
+      labels.withdraw.walletFlow.youReceive,
+      ": ",
+      estimate.youReceive
+    ] })
+  ] });
+};
+
+// src/deposit/components/DepositQRCode.tsx
+import { QRCodeSVG } from "qrcode.react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function DepositQRCode({
+  depositAddress,
+  networkLogoUrl,
+  networkLogo,
+  size = 160
+}) {
+  const logoOverlay = networkLogo ? /* @__PURE__ */ jsx6(
+    "div",
+    {
+      className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-sm",
+      style: { width: 32, height: 32, backgroundColor: "#FFFFFF", padding: 2 },
+      children: networkLogo
+    }
+  ) : networkLogoUrl ? /* @__PURE__ */ jsx6(
+    "img",
+    {
+      src: networkLogoUrl,
+      alt: "",
+      className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-sm",
+      width: 32,
+      height: 32,
+      style: { backgroundColor: "#FFFFFF", padding: 2 }
+    }
+  ) : null;
+  return /* @__PURE__ */ jsx6(
+    "div",
+    {
+      className: "inline-flex items-center justify-center rounded-xl border",
+      style: {
+        padding: 16,
+        borderColor: "#E5E7EB",
+        backgroundColor: "#FFFFFF"
+      },
+      children: /* @__PURE__ */ jsxs6("div", { className: "relative", style: { width: size, height: size }, children: [
+        /* @__PURE__ */ jsx6(QRCodeSVG, { value: depositAddress, size, level: "H" }),
+        logoOverlay
+      ] })
+    }
+  );
+}
+DepositQRCode.displayName = "DepositQRCode";
+
+// src/deposit/steps/crypto-transfer.tsx
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var CryptoAddressLoadingState = () => {
+  const labels = useLabels6();
+  const sendCryptoLabels = labels.deposit.sendCrypto;
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      className: "flex w-full flex-col items-center justify-center gap-6 py-10 text-center text-agg-foreground",
+      role: "status",
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ jsx7(
+          "span",
+          {
+            className: "h-9 w-9 animate-spin rounded-full border-2 border-agg-primary/25 border-t-agg-primary",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsxs7("div", { className: "flex w-full flex-col items-center gap-2", children: [
+          /* @__PURE__ */ jsx7("p", { className: "text-agg-base font-agg-bold leading-agg-6", children: sendCryptoLabels.addressLoadingTitle }),
+          /* @__PURE__ */ jsx7("p", { className: "max-w-[300px] text-agg-sm leading-agg-5", children: sendCryptoLabels.addressLoadingDescription })
+        ] })
+      ]
+    }
+  );
+};
+var getEstimateAmountFromMinDeposit = (minDeposit) => {
+  const numericMinDeposit = minDeposit.replace(/[^0-9.]/g, "");
+  return numericMinDeposit || "1";
+};
+var CryptoTransferStep = ({
+  tokenOptions,
+  networkOptions,
+  selectedToken,
+  selectedNetwork,
+  depositAddress,
+  minDeposit,
+  eta,
+  isLoadingAddress,
+  addressError,
+  onBack,
+  onTokenChange,
+  onNetworkChange,
+  onCopyAddress,
+  onDone
+}) => {
+  var _a;
+  const labels = useLabels6();
+  const selectedNetworkOption = networkOptions.find((n) => n.value === selectedNetwork);
+  const networkLogoUrl = (_a = selectedNetworkOption == null ? void 0 : selectedNetworkOption.iconUrl) != null ? _a : "";
+  const networkLogo = selectedNetworkOption == null ? void 0 : selectedNetworkOption.icon;
+  const transferFeeEstimate = useWithdrawEstimate({
+    amount: getEstimateAmountFromMinDeposit(minDeposit),
+    selectedToken,
+    selectedNetwork
+  });
+  return /* @__PURE__ */ jsxs7(Fragment3, { children: [
+    /* @__PURE__ */ jsx7(
+      Modal.Header,
+      {
+        title: labels.deposit.sendCrypto.title,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx7(
+          "button",
+          {
+            type: "button",
+            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
+            onClick: onBack,
+            "aria-label": "Go back",
+            children: /* @__PURE__ */ jsx7(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx7(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-7", children: [
+      /* @__PURE__ */ jsx7("div", { className: "flex flex-col gap-5", children: /* @__PURE__ */ jsxs7("div", { className: "flex gap-5", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx7("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.tokenLabel }),
+          /* @__PURE__ */ jsx7(
+            Select,
+            {
+              items: tokenOptions,
+              value: selectedToken,
+              onChange: onTokenChange,
+              ariaLabel: labels.deposit.sendCrypto.tokenLabel
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx7("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.networkLabel }),
+          /* @__PURE__ */ jsx7(
+            Select,
+            {
+              items: networkOptions,
+              value: selectedNetwork,
+              onChange: onNetworkChange,
+              ariaLabel: labels.deposit.sendCrypto.networkLabel
+            }
+          )
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx7("div", { className: "mx-auto", children: isLoadingAddress ? /* @__PURE__ */ jsx7(CryptoAddressLoadingState, {}) : addressError ? /* @__PURE__ */ jsx7("div", { className: "flex h-[192px] w-[192px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary", children: /* @__PURE__ */ jsx7("p", { className: "agg-type-label text-center text-agg-error px-3", children: addressError }) }) : /* @__PURE__ */ jsx7(
+        DepositQRCode,
+        {
+          depositAddress,
+          networkLogoUrl,
+          networkLogo
+        }
+      ) }),
+      /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsx7("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.depositAddressLabel }),
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 rounded border border-agg-separator bg-agg-secondary h-10 px-3", children: [
+          isLoadingAddress ? /* @__PURE__ */ jsx7("div", { className: "h-4 flex-1 animate-pulse rounded bg-agg-muted-foreground/20" }) : /* @__PURE__ */ jsx7("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
+          /* @__PURE__ */ jsx7(
+            CopyButton,
+            {
+              value: depositAddress,
+              label: labels.deposit.sendCrypto.copy,
+              copiedLabel: labels.deposit.sendCrypto.copied,
+              disabled: isLoadingAddress || !!addressError || !depositAddress,
+              onCopy: onCopyAddress,
+              className: "text-agg-primary hover:text-agg-primary/80"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx7(
+          TransferFeeSummary,
+          {
+            estimate: transferFeeEstimate,
+            view: "deposit",
+            minDeposit,
+            eta
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "flex items-start gap-3 rounded-lg bg-agg-secondary-hover p-3", children: [
+        /* @__PURE__ */ jsx7(WarningIcon, { className: "h-4 w-4 text-agg-muted-foreground mt-0.5" }),
+        /* @__PURE__ */ jsx7("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: labels.deposit.sendCrypto.warning })
+      ] }),
+      /* @__PURE__ */ jsx7(
+        Button,
+        {
+          variant: "secondary",
+          size: "large",
+          className: "w-[120px] self-center",
+          onClick: onDone,
+          children: labels.deposit.done
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/deposit/steps/deposit-method.tsx
+import { useLabels as useLabels7 } from "@agg-build/hooks";
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var DepositMethodCard = ({
+  icon,
+  title,
+  description,
+  value,
+  highlighted = false,
+  disabled = false,
+  onContinue
+}) => /* @__PURE__ */ jsxs8(
+  "div",
+  {
+    className: cn(
+      "flex items-center gap-3 sm:gap-4",
+      "rounded-xl border border-agg-separator",
+      "p-3 sm:p-4",
+      "transition-colors",
+      disabled ? "opacity-50 cursor-not-allowed pointer-events-none" : "cursor-pointer hover:bg-agg-secondary-hover",
+      highlighted ? "" : ""
+    ),
+    role: "button",
+    tabIndex: disabled ? -1 : 0,
+    "aria-disabled": disabled || void 0,
+    onClick: disabled ? void 0 : onContinue,
+    onKeyDown: disabled ? void 0 : (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onContinue();
+      }
+    },
+    children: [
+      /* @__PURE__ */ jsx8("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
+      /* @__PURE__ */ jsxs8("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx8("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
+        /* @__PURE__ */ jsx8("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
+      ] }),
+      value ? /* @__PURE__ */ jsx8("p", { className: "agg-type-label text-agg-muted-foreground", children: value }) : null,
+      /* @__PURE__ */ jsx8("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ jsx8(ChevronRightIcon, { className: "h-5 w-5" }) })
+    ]
+  }
+);
+var DepositMethodStep = ({
+  balance,
+  walletLabel,
+  walletBalance,
+  walletToken,
+  isWalletBalanceLoading = false,
+  showWalletMethod = true,
+  highlightedMethod,
+  depositAddressesReady = true,
+  onSelectMethod
+}) => {
+  const labels = useLabels7();
+  return /* @__PURE__ */ jsxs8(Fragment4, { children: [
+    /* @__PURE__ */ jsx8(Modal.Header, { title: labels.deposit.title, hideBorder: true }),
+    /* @__PURE__ */ jsx8(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs8("p", { className: "agg-type-body text-agg-foreground", children: [
+        labels.deposit.balancePrefix,
+        " ",
+        formatCompactUsd(balance)
+      ] }),
+      /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-4", children: [
+        showWalletMethod ? /* @__PURE__ */ jsx8(
+          DepositMethodCard,
+          {
+            icon: /* @__PURE__ */ jsx8(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            title: labels.deposit.methods.walletTitle(walletLabel),
+            description: labels.deposit.methods.walletDescription,
+            value: isWalletBalanceLoading ? /* @__PURE__ */ jsx8(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, walletToken),
+            highlighted: highlightedMethod === "wallet",
+            disabled: !depositAddressesReady,
+            onContinue: () => onSelectMethod("wallet")
+          }
+        ) : null,
+        /* @__PURE__ */ jsx8(
+          DepositMethodCard,
+          {
+            icon: /* @__PURE__ */ jsx8(BoltIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            title: labels.deposit.methods.cryptoTitle,
+            description: labels.deposit.methods.cryptoDescription,
+            highlighted: highlightedMethod === "crypto",
+            disabled: !depositAddressesReady,
+            onContinue: () => onSelectMethod("crypto")
+          }
+        ),
+        /* @__PURE__ */ jsx8(
+          DepositMethodCard,
+          {
+            icon: /* @__PURE__ */ jsx8(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            title: labels.deposit.methods.cardTitle,
+            description: labels.deposit.methods.cardDescription,
+            highlighted: highlightedMethod === "card",
+            onContinue: () => onSelectMethod("card")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+};
+
+// src/deposit/steps/wallet-form.tsx
+import { useLabels as useLabels8 } from "@agg-build/hooks";
+import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var WalletFormStep = ({
+  walletLabel,
+  walletBalance,
+  isBalanceLoading = false,
+  tokenOptions,
+  networkOptions,
+  selectedToken,
+  selectedNetwork,
+  amount,
+  isSubmitting = false,
+  formErrorMessage,
+  formErrorTone = "error",
+  estimatedReceive,
+  feeEstimate,
+  eta,
+  onBack,
+  onTokenChange,
+  onNetworkChange,
+  onAmountChange,
+  onMax,
+  onConfirm
 }) => {
-  const labels = useLabels6();
-  return /* @__PURE__ */ jsx7("div", { className: "relative", children: /* @__PURE__ */ jsxs7(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
-    /* @__PURE__ */ jsx7(
-      "button",
+  const labels = useLabels8();
+  const isConfirmEnabled = !isSubmitting && !isBalanceLoading && Number(amount) > 0 && Number(amount) <= walletBalance;
+  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
+    /* @__PURE__ */ jsx9(
+      Modal.Header,
       {
-        type: "button",
-        className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors cursor-pointer hover:text-agg-foreground/80",
-        onClick: onClose,
-        "aria-label": labels.common.close,
-        children: /* @__PURE__ */ jsx7(CloseIcon, { className: "h-6 w-6" })
+        title: labels.deposit.walletFlow.title,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx9(
+          "button",
+          {
+            type: "button",
+            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
+            onClick: onBack,
+            "aria-label": "Go back",
+            children: /* @__PURE__ */ jsx9(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
       }
     ),
-    /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center gap-8", children: [
-      /* @__PURE__ */ jsx7("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ jsx7(ExternalLinkIcon, { className: "h-[60px] w-[60px]" }) }),
-      /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ jsx7("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.pendingTitle(providerName) }),
-        /* @__PURE__ */ jsx7("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.pendingDescription })
+    /* @__PURE__ */ jsx9(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-7", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx9("p", { className: "agg-type-label text-agg-foreground", children: walletLabel }),
+        /* @__PURE__ */ jsxs9("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+          labels.deposit.balanceLabel,
+          " ",
+          isBalanceLoading ? /* @__PURE__ */ jsx9(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, selectedToken)
+        ] })
       ] }),
-      walletAddress ? /* @__PURE__ */ jsxs7("div", { className: "flex w-full flex-col items-center gap-3 rounded-agg-md bg-agg-secondary-hover p-5", children: [
-        /* @__PURE__ */ jsx7("p", { className: "agg-type-label text-agg-foreground w-full", children: labels.deposit.cardFlow.pendingWalletAddressHelp }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex w-full h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3 py-[10px]", children: [
-          /* @__PURE__ */ jsx7("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: walletAddress }),
-          /* @__PURE__ */ jsx7(
-            CopyButton,
+      /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "flex gap-5", children: [
+          /* @__PURE__ */ jsxs9("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx9("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.tokenLabel }),
+            /* @__PURE__ */ jsx9(
+              Select,
+              {
+                items: tokenOptions,
+                value: selectedToken,
+                onChange: onTokenChange,
+                ariaLabel: labels.deposit.walletFlow.tokenLabel
+              }
+            )
+          ] }),
+          networkOptions.length >= 1 ? /* @__PURE__ */ jsxs9("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx9("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.networkLabel }),
+            /* @__PURE__ */ jsx9(
+              Select,
+              {
+                items: networkOptions,
+                value: selectedNetwork,
+                onChange: onNetworkChange,
+                ariaLabel: labels.deposit.walletFlow.networkLabel
+              }
+            )
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx9("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.amountLabel }),
+          /* @__PURE__ */ jsxs9(
+            "div",
             {
-              value: walletAddress,
-              "aria-label": labels.deposit.cardFlow.pendingCopyAddress,
-              className: "text-agg-muted-foreground hover:text-agg-foreground"
+              className: cn(
+                "flex items-center gap-2",
+                "rounded border border-agg-separator bg-agg-secondary",
+                "h-10 px-3"
+              ),
+              children: [
+                /* @__PURE__ */ jsx9(
+                  "input",
+                  {
+                    type: "text",
+                    inputMode: "decimal",
+                    "aria-label": labels.deposit.walletFlow.amountLabel,
+                    className: "agg-type-body w-full bg-transparent outline-none text-agg-foreground",
+                    placeholder: "0.00",
+                    value: amount,
+                    onChange: (event) => onAmountChange(event.target.value)
+                  }
+                ),
+                /* @__PURE__ */ jsx9(
+                  "button",
+                  {
+                    type: "button",
+                    className: "shrink-0 text-agg-sm font-agg-bold leading-agg-5 text-agg-primary transition-colors hover:text-agg-primary/80 cursor-pointer",
+                    onClick: onMax,
+                    "aria-label": labels.deposit.walletFlow.max,
+                    children: labels.deposit.walletFlow.max
+                  }
+                )
+              ]
             }
           )
-        ] })
-      ] }) : null,
-      /* @__PURE__ */ jsxs7("div", { className: "flex items-start justify-center gap-3", children: [
-        /* @__PURE__ */ jsx7(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: labels.common.close }),
-        /* @__PURE__ */ jsx7(Button, { variant: "primary", size: "large", onClick: onViewActivity, children: labels.deposit.cardFlow.viewActivity })
+        ] }),
+        estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ jsx9("p", { className: "agg-type-label text-agg-foreground", children: `\u2248 ${estimatedReceive} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` }) : null,
+        formErrorMessage ? /* @__PURE__ */ jsxs9(
+          "div",
+          {
+            className: cn(
+              "flex items-start gap-2",
+              formErrorTone === "warning" ? "text-agg-warning" : "text-agg-error"
+            ),
+            children: [
+              /* @__PURE__ */ jsx9(WarningIcon, { className: "mt-0.5 h-4 w-4 shrink-0" }),
+              /* @__PURE__ */ jsx9("p", { className: "agg-type-label", children: formErrorMessage })
+            ]
+          }
+        ) : null
       ] }),
-      /* @__PURE__ */ jsx7(
-        "button",
+      /* @__PURE__ */ jsx9(
+        Button,
         {
-          type: "button",
-          className: "agg-type-body font-agg-bold text-agg-primary transition-colors cursor-pointer hover:text-agg-primary/80",
-          onClick: onChooseAnotherProvider,
-          children: labels.deposit.cardFlow.chooseAnotherProvider
+          variant: isConfirmEnabled ? "primary" : "secondary",
+          size: "large",
+          className: "w-full",
+          disabled: !isConfirmEnabled,
+          isLoading: isSubmitting,
+          "aria-label": labels.deposit.walletFlow.confirm,
+          onClick: onConfirm,
+          children: labels.deposit.walletFlow.confirm
         }
       )
-    ] })
-  ] }) });
-};
-
-// src/deposit/steps/card-purchase-success.tsx
-import { useLabels as useLabels7 } from "@agg-build/hooks";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-var SummaryRow = ({ label, value }) => /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
-  /* @__PURE__ */ jsx8("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
-  /* @__PURE__ */ jsx8("p", { className: "agg-type-label text-agg-foreground", children: value })
-] });
-var CardPurchaseSuccessStep = ({
-  summary,
-  onDone,
-  onClose
-}) => {
-  const labels = useLabels7();
-  return /* @__PURE__ */ jsx8("div", { className: "relative", children: /* @__PURE__ */ jsxs8(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
-    /* @__PURE__ */ jsx8(
-      "button",
-      {
-        type: "button",
-        className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
-        onClick: onClose,
-        "aria-label": labels.common.close,
-        children: /* @__PURE__ */ jsx8(CloseIcon, { className: "h-6 w-6" })
-      }
-    ),
-    /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-center gap-8", children: [
-      /* @__PURE__ */ jsx8("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ jsx8(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
-      /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ jsx8("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.successTitle }),
-        /* @__PURE__ */ jsx8("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.successDescription })
-      ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
-        /* @__PURE__ */ jsx8(
-          SummaryRow,
-          {
-            label: labels.deposit.summary.amountReceived,
-            value: summary.amountReceived
-          }
-        ),
-        /* @__PURE__ */ jsx8(SummaryRow, { label: labels.deposit.summary.network, value: summary.network }),
-        /* @__PURE__ */ jsx8(SummaryRow, { label: labels.deposit.cardFlow.summary.fees, value: summary.fees })
-      ] }),
-      /* @__PURE__ */ jsx8(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
-    ] })
-  ] }) });
+    ] }) })
+  ] });
 };
 
 // src/deposit/steps/wallet-processing.tsx
-import { useLabels as useLabels8 } from "@agg-build/hooks";
+import { useLabels as useLabels9 } from "@agg-build/hooks";
 import { useEffect as useEffect2 } from "react";
-import { Fragment as Fragment6, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var WalletProcessingStep = ({
   steps,
   errorMessage,
   onComplete
 }) => {
-  const labels = useLabels8();
+  const labels = useLabels9();
   useEffect2(() => {
     const allDone = steps.length > 0 && steps.every((s) => s.status === "complete");
     if (allDone) {
       onComplete();
     }
   }, [steps, onComplete]);
-  return /* @__PURE__ */ jsxs9(Fragment6, { children: [
-    /* @__PURE__ */ jsx9(Modal.Header, { title: labels.deposit.processingTitle, hideBorder: true }),
-    /* @__PURE__ */ jsx9(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-5", children: [
+  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsx10(Modal.Header, { title: labels.deposit.processingTitle, hideBorder: true }),
+    /* @__PURE__ */ jsx10(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-5", children: [
       steps.map((step) => {
         const isComplete = step.status === "complete";
         const isActive = step.status === "active";
-        return /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3", children: [
-          isComplete ? /* @__PURE__ */ jsx9(CheckCircleIcon, { className: "h-4 w-4 text-agg-primary" }) : /* @__PURE__ */ jsx9(
+        return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3", children: [
+          isComplete ? /* @__PURE__ */ jsx10(CheckCircleIcon, { className: "h-4 w-4 text-agg-primary" }) : /* @__PURE__ */ jsx10(
             "span",
             {
               className: [
@@ -1059,7 +1182,7 @@ var WalletProcessingStep = ({
               ].join(" ")
             }
           ),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             "p",
             {
               className: isComplete || isActive ? "agg-type-body text-agg-foreground" : "agg-type-body text-agg-muted-foreground",
@@ -1068,61 +1191,63 @@ var WalletProcessingStep = ({
           )
         ] }, step.id);
       }),
-      errorMessage ? /* @__PURE__ */ jsx9("p", { className: "agg-type-body text-agg-destructive", children: errorMessage }) : null
+      errorMessage ? /* @__PURE__ */ jsx10("p", { className: "agg-type-body text-agg-destructive", children: errorMessage }) : null
     ] }) })
   ] });
 };
 
 // src/deposit/steps/wallet-success.tsx
-import { useLabels as useLabels9 } from "@agg-build/hooks";
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
-var SummaryRow2 = ({ label, value }) => /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
-  /* @__PURE__ */ jsx10("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
-  /* @__PURE__ */ jsx10("p", { className: "agg-type-label text-agg-foreground", children: value })
+import { useLabels as useLabels10 } from "@agg-build/hooks";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var SummaryRow2 = ({ label, value }) => /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ jsx11("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
+  /* @__PURE__ */ jsx11("p", { className: "agg-type-label text-agg-foreground", children: value })
 ] });
 var WalletSuccessStep = ({
   summary,
   onDone,
   onClose
 }) => {
-  const labels = useLabels9();
-  return /* @__PURE__ */ jsx10("div", { className: "relative", children: /* @__PURE__ */ jsxs10(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
-    /* @__PURE__ */ jsx10(
+  const labels = useLabels10();
+  return /* @__PURE__ */ jsx11("div", { className: "relative", children: /* @__PURE__ */ jsxs11(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ jsx11(
       "button",
       {
         type: "button",
         className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
         onClick: onClose,
         "aria-label": labels.common.close,
-        children: /* @__PURE__ */ jsx10(CloseIcon, { className: "h-6 w-6" })
+        children: /* @__PURE__ */ jsx11(CloseIcon, { className: "h-6 w-6" })
       }
     ),
-    /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center gap-8", children: [
-      /* @__PURE__ */ jsx10("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ jsx10(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
-      /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ jsx10("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.successTitle }),
-        /* @__PURE__ */ jsx10("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.successDescription })
+    /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ jsx11("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ jsx11(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
+      /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ jsx11("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.successTitle }),
+        /* @__PURE__ */ jsx11("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.successDescription })
       ] }),
-      /* @__PURE__ */ jsxs10("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
-        /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsxs11("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ jsx11(
           SummaryRow2,
           {
             label: labels.deposit.summary.amountReceived,
             value: summary.amountReceived
           }
         ),
-        /* @__PURE__ */ jsx10(SummaryRow2, { label: labels.deposit.summary.network, value: summary.network }),
-        /* @__PURE__ */ jsx10(SummaryRow2, { label: labels.deposit.summary.fromWallet, value: summary.fromWallet }),
-        /* @__PURE__ */ jsx10(SummaryRow2, { label: labels.deposit.summary.gasFee, value: summary.gasFee })
+        /* @__PURE__ */ jsx11(SummaryRow2, { label: labels.deposit.summary.network, value: summary.network }),
+        /* @__PURE__ */ jsx11(SummaryRow2, { label: labels.deposit.summary.fromWallet, value: summary.fromWallet }),
+        /* @__PURE__ */ jsx11(SummaryRow2, { label: labels.deposit.summary.gasFee, value: summary.gasFee })
       ] }),
-      /* @__PURE__ */ jsx10(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
+      /* @__PURE__ */ jsx11(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
     ] })
   ] }) });
 };
 
 // src/deposit/index.tsx
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 var PENDING_CARD_SESSION_KEY = "agg-pending-card-session";
+var DEFAULT_WALLET_CHAIN_ID = "1";
+var DEFAULT_WALLET_TOKEN = "USDC";
 function savePendingCardSession(data) {
   try {
     localStorage.setItem(PENDING_CARD_SESSION_KEY, JSON.stringify(data));
@@ -1169,7 +1294,7 @@ function isControlledDepositModalProps(props) {
 }
 function DepositModalSelfDriven({ open, onOpenChange }) {
   const depositProps = useDepositFlow({ open, onOpenChange });
-  return /* @__PURE__ */ jsx11(DepositModalControlled, __spreadValues({}, depositProps));
+  return /* @__PURE__ */ jsx12(DepositModalControlled, __spreadValues({}, depositProps));
 }
 function DepositModalControlled({
   open,
@@ -1181,6 +1306,7 @@ function DepositModalControlled({
   onWalletAmountChange,
   onWalletMax,
   onConfirmWalletDeposit,
+  onCancelWalletDeposit,
   onDoneWalletDeposit,
   onWalletNetworkChange,
   onWalletTokenChange,
@@ -1201,10 +1327,10 @@ function DepositModalControlled({
   onCreateCardSession,
   pendingCardPurchaseSummary
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const { isWeb3User } = useAggAuthState();
   const { walletActions } = useAggUiConfig();
-  const labels = useLabels10();
+  const labels = useLabels11();
   const defaultMethod = isWeb3User ? "wallet" : "crypto";
   const [step, setStep] = useState2(
     () => pendingCardPurchaseSummary ? "card-success" : "method"
@@ -1263,7 +1389,10 @@ function DepositModalControlled({
   useEffect3(() => {
     if (walletNetworkOptions.length > 0) {
       if (!walletChainId || !walletNetworkOptions.some((o) => o.value === walletChainId)) {
-        const preferred = initialWalletChainId && walletNetworkOptions.some((o) => o.value === initialWalletChainId) ? initialWalletChainId : walletNetworkOptions[0].value;
+        const ethereumMainnetOption = walletNetworkOptions.find(
+          (option) => option.value === DEFAULT_WALLET_CHAIN_ID || option.value === "mainnet" || option.label.toLowerCase() === "ethereum"
+        );
+        const preferred = ethereumMainnetOption ? ethereumMainnetOption.value : initialWalletChainId && walletNetworkOptions.some((option) => option.value === initialWalletChainId) ? initialWalletChainId : walletNetworkOptions[0].value;
         setWalletChainId(preferred);
       }
     }
@@ -1276,10 +1405,15 @@ function DepositModalControlled({
     }
   }, [networkOptions, sendChainId]);
   useEffect3(() => {
-    if (walletTokenOptions.length > 0) setWalletToken(walletTokenOptions[0].value);
+    var _a2, _b2;
+    if (walletTokenOptions.length > 0) {
+      const preferredToken = (_b2 = (_a2 = walletTokenOptions.find((option) => option.value === DEFAULT_WALLET_TOKEN)) == null ? void 0 : _a2.value) != null ? _b2 : walletTokenOptions[0].value;
+      setWalletToken(preferredToken);
+    }
   }, [walletTokenOptions]);
   useEffect3(() => {
-    if (sendTokenOptions.length > 0) setSendToken(sendTokenOptions[0].value);
+    var _a2, _b2;
+    setSendToken((_b2 = (_a2 = sendTokenOptions == null ? void 0 : sendTokenOptions[0]) == null ? void 0 : _a2.value) != null ? _b2 : "");
   }, [sendTokenOptions]);
   useEffect3(() => {
     if (walletChainId) {
@@ -1310,6 +1444,14 @@ function DepositModalControlled({
       setStep("wallet-success");
     }
   }, [isWalletSubmitting, step, walletFlow.transactionStatus]);
+  useEffect3(() => {
+    if (!onCancelWalletDeposit) return;
+    if (step === "wallet-processing" && !isWalletSubmitting && walletFlow.transactionStatus === "error") {
+      walletSubmitInFlightRef.current = false;
+      onCancelWalletDeposit();
+      setStep("wallet-form");
+    }
+  }, [isWalletSubmitting, onCancelWalletDeposit, step, walletFlow.transactionStatus]);
   const cardTokenOptions = withTokenIcons(
     mergeSelectOptionsUnique(cardFlow == null ? void 0 : cardFlow.tokenOptions, DEFAULT_CURRENCY_OPTIONS)
   );
@@ -1362,7 +1504,7 @@ function DepositModalControlled({
     }
   };
   const handleSelectProvider = (providerId) => __async(null, null, function* () {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k, _l, _m;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j, _k, _l, _m;
     onSelectCardProvider == null ? void 0 : onSelectCardProvider(providerId);
     if (onCreateCardSession) {
       setSessionError(null);
@@ -1380,7 +1522,7 @@ function DepositModalControlled({
           redirectUrl: cardRedirectUrl
         });
         const selectedProvider = cardProviders.find((p) => p.id === providerId);
-        const networkLabel = (_j2 = (_i2 = (_h2 = (_g2 = cardFlow == null ? void 0 : cardFlow.networkOptions) == null ? void 0 : _g2.find((o) => o.value === (cardFlow == null ? void 0 : cardFlow.selectedNetwork))) == null ? void 0 : _h2.label) != null ? _i2 : cardFlow == null ? void 0 : cardFlow.selectedNetwork) != null ? _j2 : "";
+        const networkLabel = (_j = (_i2 = (_h2 = (_g2 = cardFlow == null ? void 0 : cardFlow.networkOptions) == null ? void 0 : _g2.find((o) => o.value === (cardFlow == null ? void 0 : cardFlow.selectedNetwork))) == null ? void 0 : _h2.label) != null ? _i2 : cardFlow == null ? void 0 : cardFlow.selectedNetwork) != null ? _j : "";
         savePendingCardSession({
           sessionId: session.id,
           summary: {
@@ -1445,13 +1587,14 @@ function DepositModalControlled({
     onOpenChange(isOpen);
   };
   const depositModalMaxWidth = step === "method" ? "600px" : "480px";
-  return /* @__PURE__ */ jsx11(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs11(Modal.Container, { maxWidth: depositModalMaxWidth, "aria-label": "Deposit", children: [
-    step === "method" ? /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs12(Modal.Container, { maxWidth: depositModalMaxWidth, "aria-label": "Deposit", children: [
+    step === "method" ? /* @__PURE__ */ jsx12(
       DepositMethodStep,
       {
         balance: walletFlow.balance,
         walletLabel: walletFlow.walletLabel,
         walletBalance: walletFlow.walletBalance,
+        walletToken,
         isWalletBalanceLoading: walletFlow.isWalletBalanceLoading,
         showWalletMethod: isWeb3User,
         highlightedMethod,
@@ -1459,7 +1602,7 @@ function DepositModalControlled({
         onSelectMethod: handleSelectMethod
       }
     ) : null,
-    step === "wallet-form" ? /* @__PURE__ */ jsx11(
+    step === "wallet-form" ? /* @__PURE__ */ jsx12(
       WalletFormStep,
       {
         walletLabel: walletFlow.walletLabel,
@@ -1523,7 +1666,7 @@ function DepositModalControlled({
         })
       }
     ) : null,
-    step === "wallet-processing" ? /* @__PURE__ */ jsx11(
+    step === "wallet-processing" ? /* @__PURE__ */ jsx12(
       WalletProcessingStep,
       {
         steps: processingSteps,
@@ -1531,7 +1674,7 @@ function DepositModalControlled({
         onComplete: () => setStep("wallet-success")
       }
     ) : null,
-    step === "wallet-success" ? /* @__PURE__ */ jsx11(
+    step === "wallet-success" ? /* @__PURE__ */ jsx12(
       WalletSuccessStep,
       {
         summary: resolvedSuccessSummary,
@@ -1539,7 +1682,7 @@ function DepositModalControlled({
         onClose: () => handleOpenChange(false)
       }
     ) : null,
-    step === "card-deposit" && cardFlow ? /* @__PURE__ */ jsx11(
+    step === "card-deposit" && cardFlow ? /* @__PURE__ */ jsx12(
       CardDepositStep,
       {
         amount: cardFlow.amount,
@@ -1561,7 +1704,7 @@ function DepositModalControlled({
         onContinue: handleContinueCardDeposit
       }
     ) : null,
-    step === "card-provider" && cardFlow ? /* @__PURE__ */ jsx11(
+    step === "card-provider" && cardFlow ? /* @__PURE__ */ jsx12(
       CardProviderStep,
       {
         amount: cardFlow.amount,
@@ -1576,7 +1719,7 @@ function DepositModalControlled({
         onRetry: handleRetryQuotes
       }
     ) : null,
-    step === "card-payment-pending" ? /* @__PURE__ */ jsx11(
+    step === "card-payment-pending" ? /* @__PURE__ */ jsx12(
       CardPaymentPendingStep,
       {
         providerName: pendingProviderName,
@@ -1586,7 +1729,7 @@ function DepositModalControlled({
         onChooseAnotherProvider: handleChooseAnotherProvider
       }
     ) : null,
-    step === "card-success" ? /* @__PURE__ */ jsx11(
+    step === "card-success" ? /* @__PURE__ */ jsx12(
       CardPurchaseSuccessStep,
       {
         summary: (_g = pendingCardPurchaseSummary != null ? pendingCardPurchaseSummary : cardFlow == null ? void 0 : cardFlow.purchaseSummary) != null ? _g : {
@@ -1598,7 +1741,7 @@ function DepositModalControlled({
         onDone: handleDoneCardPurchase
       }
     ) : null,
-    step === "crypto-transfer" ? /* @__PURE__ */ jsx11(
+    step === "crypto-transfer" ? /* @__PURE__ */ jsx12(
       CryptoTransferStep,
       {
         tokenOptions: sendTokenOptions,
@@ -1607,15 +1750,16 @@ function DepositModalControlled({
         selectedNetwork: sendChainId,
         depositAddress,
         minDeposit: (_h = sendCryptoConfig == null ? void 0 : sendCryptoConfig.minDeposit) != null ? _h : "$1",
-        feeEstimate: (_i = sendCryptoConfig == null ? void 0 : sendCryptoConfig.feeEstimate) != null ? _i : "~$0.01",
-        eta: (_j = sendCryptoConfig == null ? void 0 : sendCryptoConfig.eta) != null ? _j : "~30s",
+        eta: (_i = sendCryptoConfig == null ? void 0 : sendCryptoConfig.eta) != null ? _i : "~30s",
         isLoadingAddress,
         addressError,
         onBack: () => setStep("method"),
         onTokenChange: setSendToken,
         onNetworkChange: (id) => {
           setSendChainId(id);
-          setSendToken("");
+          if (id !== sendChainId) {
+            setSendToken("");
+          }
         },
         onDone: handleDoneCryptoTransfer
       }
@@ -1624,33 +1768,33 @@ function DepositModalControlled({
 }
 var DepositModal = (props) => {
   if (!isControlledDepositModalProps(props)) {
-    return /* @__PURE__ */ jsx11(DepositModalSelfDriven, __spreadValues({}, props));
+    return /* @__PURE__ */ jsx12(DepositModalSelfDriven, __spreadValues({}, props));
   }
-  return /* @__PURE__ */ jsx11(DepositModalControlled, __spreadValues({}, props));
+  return /* @__PURE__ */ jsx12(DepositModalControlled, __spreadValues({}, props));
 };
 DepositModal.displayName = "DepositModal";
 
 // src/withdraw/index.tsx
-import { useEffect as useEffect5, useState as useState4 } from "react";
-import { useWithdrawFlow } from "@agg-build/hooks/withdraw";
+import { useEffect as useEffect4, useState as useState3 } from "react";
+import { useWithdrawalLifecycle, useWithdrawFlow } from "@agg-build/hooks/withdraw";
 
 // src/withdraw/steps/withdraw-method.tsx
-import { useLabels as useLabels11 } from "@agg-build/hooks";
-import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useLabels as useLabels12 } from "@agg-build/hooks";
+import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 var WithdrawMethodStep = ({
   balance,
   onSelectMethod
 }) => {
-  const labels = useLabels11();
-  return /* @__PURE__ */ jsxs12(Fragment7, { children: [
-    /* @__PURE__ */ jsx12(Modal.Header, { title: labels.withdraw.title, hideBorder: true }),
-    /* @__PURE__ */ jsx12(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ jsxs12("p", { className: "agg-type-body text-agg-foreground", children: [
+  const labels = useLabels12();
+  return /* @__PURE__ */ jsxs13(Fragment7, { children: [
+    /* @__PURE__ */ jsx13(Modal.Header, { title: labels.withdraw.title, hideBorder: true }),
+    /* @__PURE__ */ jsx13(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs13("p", { className: "agg-type-body text-agg-foreground", children: [
         labels.withdraw.balancePrefix,
         " ",
         formatCompactUsd(balance)
       ] }),
-      /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsxs13(
         "div",
         {
           className: cn(
@@ -1667,12 +1811,12 @@ var WithdrawMethodStep = ({
             }
           },
           children: [
-            /* @__PURE__ */ jsx12("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: /* @__PURE__ */ jsx12(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }) }),
-            /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx12("p", { className: "agg-type-body-strong text-agg-foreground", children: labels.withdraw.methods.walletTitle }),
-              /* @__PURE__ */ jsx12("p", { className: "agg-type-label text-agg-muted-foreground", children: labels.withdraw.methods.walletDescription })
+            /* @__PURE__ */ jsx13("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: /* @__PURE__ */ jsx13(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }) }),
+            /* @__PURE__ */ jsxs13("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx13("p", { className: "agg-type-body-strong text-agg-foreground", children: labels.withdraw.methods.walletTitle }),
+              /* @__PURE__ */ jsx13("p", { className: "agg-type-label text-agg-muted-foreground", children: labels.withdraw.methods.walletDescription })
             ] }),
-            /* @__PURE__ */ jsx12("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ jsx12(ChevronRightIcon, { className: "h-5 w-5" }) })
+            /* @__PURE__ */ jsx13("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ jsx13(ChevronRightIcon, { className: "h-5 w-5" }) })
           ]
         }
       )
@@ -1681,8 +1825,8 @@ var WithdrawMethodStep = ({
 };
 
 // src/withdraw/steps/withdraw-amount.tsx
-import { useLabels as useLabels12 } from "@agg-build/hooks";
-import { Fragment as Fragment8, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useLabels as useLabels13, useWithdrawEstimate as useWithdrawEstimate2 } from "@agg-build/hooks";
+import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 var WithdrawAmountStep = ({
   amount,
   destinationWallet,
@@ -1701,114 +1845,123 @@ var WithdrawAmountStep = ({
   onMaxClick,
   onContinue
 }) => {
-  const labels = useLabels12();
+  const labels = useLabels13();
   const SOLANA_CHAIN_ID = "792703809";
   const isSolanaDest = selectedNetwork === SOLANA_CHAIN_ID;
   const trimmedDestination = destinationWallet.trim();
   const isValidAddress = isSolanaDest ? /^[1-9A-HJ-NP-Za-km-z]{32,44}$/.test(trimmedDestination) : /^0x[a-fA-F0-9]{40}$/.test(trimmedDestination);
   const isValid = Number(amount) > 0 && isValidAddress;
   const isDisabled = !isValid || isConfirming;
-  return /* @__PURE__ */ jsxs13(Fragment8, { children: [
-    /* @__PURE__ */ jsx13(
+  const withdrawEstimate = useWithdrawEstimate2({
+    amount,
+    selectedToken,
+    selectedNetwork
+  });
+  const shouldShowWithdrawEstimate = Boolean(withdrawEstimate);
+  return /* @__PURE__ */ jsxs14(Fragment8, { children: [
+    /* @__PURE__ */ jsx14(
       Modal.Header,
       {
         title: labels.withdraw.walletFlow.title,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ jsx13(
+        leftElement: /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": labels.withdraw.back,
-            children: /* @__PURE__ */ jsx13(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ jsx14(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx13(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsx13("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.recipientAddressLabel }),
-        /* @__PURE__ */ jsx13(
-          "input",
-          {
-            type: "text",
-            "aria-label": labels.withdraw.walletFlow.recipientAddressLabel,
-            className: cn(
-              "agg-type-body w-full h-10 rounded border border-agg-separator bg-agg-secondary px-3 outline-none",
-              "text-agg-foreground placeholder:text-agg-muted-foreground",
-              "focus:border-agg-primary transition-colors"
-            ),
-            placeholder: isSolanaDest ? "FwR3..." : "0x971d...",
-            value: destinationWallet,
-            onChange: (e) => onDestinationChange(e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx13("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.amountLabel }),
-          /* @__PURE__ */ jsxs13("p", { className: "agg-type-label text-agg-muted-foreground", children: [
-            labels.withdraw.balancePrefix,
-            " ",
-            balanceDisplay
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs13("div", { className: "flex h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3 focus-within:border-agg-primary transition-colors", children: [
-          /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx14("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.recipientAddressLabel }),
+          /* @__PURE__ */ jsx14(
             "input",
             {
               type: "text",
-              inputMode: "decimal",
-              "aria-label": labels.withdraw.walletFlow.amountLabel,
+              "aria-label": labels.withdraw.walletFlow.recipientAddressLabel,
               className: cn(
-                "agg-type-body flex-1 min-w-0 bg-transparent outline-none",
-                Number(amount) > 0 ? "text-agg-foreground" : "text-agg-muted-foreground"
+                "agg-type-body w-full h-10 rounded border border-agg-separator bg-agg-secondary px-3 outline-none",
+                "text-agg-foreground placeholder:text-agg-muted-foreground",
+                "focus:border-agg-primary transition-colors"
               ),
-              placeholder: "0.00",
-              value: amount,
-              onChange: (e) => onAmountChange(e.target.value)
-            }
-          ),
-          /* @__PURE__ */ jsx13("span", { className: "agg-type-body text-agg-muted-foreground shrink-0", children: selectedToken }),
-          onMaxClick ? /* @__PURE__ */ jsx13(
-            "button",
-            {
-              type: "button",
-              className: "agg-type-label-strong text-agg-primary hover:opacity-80 transition-opacity cursor-pointer shrink-0",
-              onClick: onMaxClick,
-              children: labels.withdraw.walletFlow.max
-            }
-          ) : null
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-3 sm:flex-row sm:gap-5", children: [
-        /* @__PURE__ */ jsxs13("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
-          /* @__PURE__ */ jsx13("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.tokenLabel }),
-          /* @__PURE__ */ jsx13(
-            Select,
-            {
-              items: tokenOptions,
-              value: selectedToken,
-              onChange: onTokenChange,
-              ariaLabel: labels.withdraw.walletFlow.tokenLabel
+              placeholder: isSolanaDest ? "FwR3..." : "0x971d...",
+              value: destinationWallet,
+              onChange: (e) => onDestinationChange(e.target.value)
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs13("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
-          /* @__PURE__ */ jsx13("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.networkLabel }),
-          /* @__PURE__ */ jsx13(
-            Select,
-            {
-              items: networkOptions,
-              value: selectedNetwork,
-              onChange: onNetworkChange,
-              ariaLabel: labels.withdraw.walletFlow.networkLabel
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx14("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.amountLabel }),
+            /* @__PURE__ */ jsxs14("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+              labels.withdraw.balancePrefix,
+              " ",
+              balanceDisplay
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "flex h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3 focus-within:border-agg-primary transition-colors", children: [
+            /* @__PURE__ */ jsx14(
+              "input",
+              {
+                type: "text",
+                inputMode: "decimal",
+                "aria-label": labels.withdraw.walletFlow.amountLabel,
+                className: cn(
+                  "agg-type-body flex-1 min-w-0 bg-transparent outline-none",
+                  Number(amount) > 0 ? "text-agg-foreground" : "text-agg-muted-foreground"
+                ),
+                placeholder: "0.00",
+                value: amount,
+                onChange: (e) => onAmountChange(e.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsx14("span", { className: "agg-type-body text-agg-muted-foreground shrink-0", children: selectedToken }),
+            onMaxClick ? /* @__PURE__ */ jsx14(
+              "button",
+              {
+                type: "button",
+                className: "agg-type-label-strong text-agg-primary hover:opacity-80 transition-opacity cursor-pointer shrink-0",
+                onClick: onMaxClick,
+                children: labels.withdraw.walletFlow.max
+              }
+            ) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-3 sm:flex-row sm:gap-5", children: [
+          /* @__PURE__ */ jsxs14("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx14("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.tokenLabel }),
+            /* @__PURE__ */ jsx14(
+              Select,
+              {
+                items: tokenOptions,
+                value: selectedToken,
+                onChange: onTokenChange,
+                ariaLabel: labels.withdraw.walletFlow.tokenLabel
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx14("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.networkLabel }),
+            /* @__PURE__ */ jsx14(
+              Select,
+              {
+                items: networkOptions,
+                value: selectedNetwork,
+                onChange: onNetworkChange,
+                ariaLabel: labels.withdraw.walletFlow.networkLabel
+              }
+            )
+          ] })
+        ] }),
+        shouldShowWithdrawEstimate && withdrawEstimate ? /* @__PURE__ */ jsx14(TransferFeeSummary, { estimate: withdrawEstimate, view: "withdraw" }) : null
       ] }),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         Button,
         {
           variant: isValid && !isConfirming ? "primary" : "secondary",
@@ -1819,107 +1972,32 @@ var WithdrawAmountStep = ({
           children: isConfirming ? labels.common.loading : labels.withdraw.walletFlow.confirm
         }
       ),
-      error ? /* @__PURE__ */ jsx13("p", { className: "agg-type-label text-agg-error text-center", role: "alert", children: error }) : null
+      error ? /* @__PURE__ */ jsx14("p", { className: "agg-type-label text-agg-error text-center", role: "alert", children: error }) : null
     ] }) })
   ] });
 };
 
 // src/withdraw/steps/withdraw-success.tsx
-import { useEffect as useEffect4, useState as useState3 } from "react";
-import { useLabels as useLabels13, useSdkUiConfig } from "@agg-build/hooks";
-import { useWithdrawalLifecycle } from "@agg-build/hooks/withdraw";
-
-// src/withdraw/steps/withdraw-success.utils.ts
-var CHAIN_LABELS = {
-  1: "Ethereum",
-  10: "Optimism",
-  56: "BNB Chain",
-  137: "Polygon",
-  8453: "Base",
-  42161: "Arbitrum",
-  43114: "Avalanche",
-  11155111: "Sepolia",
-  792703809: "Solana"
-};
-var resolveChainLabel = (chainId) => {
-  var _a;
-  return (_a = CHAIN_LABELS[chainId]) != null ? _a : `Chain ${chainId}`;
-};
-var legStepStatusFor = (legStatus) => {
-  switch (legStatus) {
-    case "confirmed":
-      return "complete";
-    case "failed":
-      return "error";
-    case "submitted":
-    case "planned":
-    default:
-      return "pending";
-  }
-};
-var legStepLabel = (leg, labels) => {
-  if (leg.type === "bridge") {
-    return labels.bridge(resolveChainLabel(leg.sourceChainId), resolveChainLabel(leg.destChainId));
-  }
-  return labels.transfer(resolveChainLabel(leg.destChainId));
-};
-var finalStepStatusFor = (status) => {
-  switch (status) {
-    case "completed":
-      return "complete";
-    case "partial":
-      return "warning";
-    case "failed":
-      return "error";
-    case "pending":
-    case "bridging":
-    case "transferring":
-    default:
-      return "pending";
-  }
-};
-var finalStepLabelFor = (status, pending, walletFlowLabels) => {
-  var _a;
-  if (pending || status === null) {
-    return walletFlowLabels.lifecycle.pending;
-  }
-  return (_a = walletFlowLabels.lifecycle[status]) != null ? _a : walletFlowLabels.lifecycle.pending;
-};
-var buildWithdrawalLifecycleSteps = ({
-  pending,
-  status,
-  legs,
-  walletFlowLabels
-}) => {
-  const stepLabels = walletFlowLabels.lifecycle.steps;
-  const legSteps = legs.map((leg, index) => ({
-    id: `leg-${index}-${leg.type}-${leg.sourceChainId}-${leg.destChainId}`,
-    label: legStepLabel(leg, stepLabels),
-    status: legStepStatusFor(leg.status)
-  }));
-  const groups = legSteps.length > 0 ? [legSteps] : [];
-  const finalStep = {
-    id: `final-${status != null ? status : "pending"}`,
-    label: finalStepLabelFor(status, pending, walletFlowLabels),
-    status: finalStepStatusFor(status != null ? status : "pending")
-  };
-  return {
-    groups,
-    finalStep,
-    hasDetails: legSteps.length > 0
-  };
-};
-
-// src/withdraw/steps/withdraw-success.tsx
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
-var SummaryRow3 = ({ label, value }) => /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
-  /* @__PURE__ */ jsx14("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
-  /* @__PURE__ */ jsx14("p", { className: "agg-type-label text-agg-foreground", children: value })
+import { useLabels as useLabels14, useSdkUiConfig } from "@agg-build/hooks";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+var SummaryRow3 = ({ label, value }) => /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between gap-4 border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ jsx15("p", { className: "min-w-0 text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
+  /* @__PURE__ */ jsx15("p", { className: "min-w-0 text-right text-[14px] leading-5 text-agg-foreground", children: value })
 ] });
+var WithdrawCloseButton = ({ onClose, label }) => /* @__PURE__ */ jsx15(
+  "button",
+  {
+    type: "button",
+    className: "absolute right-8 top-7 flex cursor-pointer items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
+    onClick: onClose,
+    "aria-label": label,
+    children: /* @__PURE__ */ jsx15(CloseIcon, { className: "h-6 w-6" })
+  }
+);
 var LoadingGlyph = ({
   className,
   enableAnimations
-}) => /* @__PURE__ */ jsx14(
+}) => /* @__PURE__ */ jsx15(
   "span",
   {
     "aria-hidden": "true",
@@ -1930,213 +2008,242 @@ var LoadingGlyph = ({
     )
   }
 );
-var stepIconClassNameFor = (status) => {
-  switch (status) {
-    case "complete":
-      return "text-agg-primary";
-    case "warning":
-      return "text-agg-warning";
-    case "error":
-      return "text-agg-error";
-    case "pending":
-    default:
-      return "text-agg-primary";
-  }
+var loadingActiveIndexFor = (state) => {
+  if (state.status === "transferring") return 2;
+  if (state.status === "bridging") return 1;
+  return 0;
+};
+var getLoadingSteps = (labels) => [
+  { id: "preparing", label: labels.lifecycle.loadingSteps.preparing },
+  { id: "bridging", label: labels.lifecycle.loadingSteps.bridging },
+  { id: "sending", label: labels.lifecycle.loadingSteps.sending },
+  { id: "confirming", label: labels.lifecycle.loadingSteps.confirming }
+];
+var WithdrawLoadingStep = ({
+  lifecycleState,
+  onClose
+}) => {
+  const labels = useLabels14();
+  const {
+    features: { enableAnimations }
+  } = useSdkUiConfig();
+  const walletFlowLabels = labels.withdraw.walletFlow;
+  const activeIndex = loadingActiveIndexFor(lifecycleState);
+  const loadingSteps = getLoadingSteps(walletFlowLabels);
+  return /* @__PURE__ */ jsx15("div", { className: "relative", children: /* @__PURE__ */ jsx15(Modal.Body, { classNames: { root: "px-8 py-7" }, children: /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-7", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsx15("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: walletFlowLabels.successTitle }),
+      /* @__PURE__ */ jsx15(
+        "button",
+        {
+          type: "button",
+          className: "flex cursor-pointer items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
+          onClick: onClose,
+          "aria-label": labels.common.close,
+          children: /* @__PURE__ */ jsx15(CloseIcon, { className: "h-6 w-6" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-5", role: "status", "aria-live": "polite", children: loadingSteps.map((step, index) => {
+      const isComplete = index < activeIndex;
+      const isActive = index === activeIndex;
+      const textClassName = isActive || isComplete ? "text-agg-foreground" : "text-agg-muted-foreground";
+      return /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3", children: [
+        isComplete ? /* @__PURE__ */ jsx15(
+          Icon,
+          {
+            name: "check-circle",
+            size: "small",
+            className: "h-4 w-4 shrink-0 text-agg-primary",
+            "aria-hidden": "true"
+          }
+        ) : null,
+        isActive ? /* @__PURE__ */ jsx15(
+          LoadingGlyph,
+          {
+            enableAnimations,
+            className: "h-4 w-4 shrink-0 text-agg-primary"
+          }
+        ) : null,
+        !isComplete && !isActive ? /* @__PURE__ */ jsx15(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "h-4 w-4 shrink-0 rounded-full border border-agg-separator"
+          }
+        ) : null,
+        /* @__PURE__ */ jsx15("p", { className: cn("min-w-0 flex-1 text-agg-base leading-agg-6", textClassName), children: step.label })
+      ] }, step.id);
+    }) }),
+    /* @__PURE__ */ jsx15("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: walletFlowLabels.loadingDescription })
+  ] }) }) });
 };
-var stepIconNameFor = (status) => {
-  return status === "warning" || status === "error" ? "warning-filled" : "check-circle";
+var resultCopyFor = ({
+  status,
+  tokenSymbol,
+  labels
+}) => {
+  if (status === "failed") {
+    return {
+      title: labels.successTitleFailed,
+      description: labels.successDescriptionFailed(tokenSymbol)
+    };
+  }
+  if (status === "partial_success") {
+    return {
+      title: labels.successTitlePartial,
+      description: labels.successDescriptionPartial(tokenSymbol)
+    };
+  }
+  return {
+    title: labels.successTitleCompleted,
+    description: labels.successDescriptionCompleted(tokenSymbol)
+  };
 };
 var WithdrawSuccessStep = ({
   summary,
   tokenSymbol,
-  withdrawalId,
+  requestedWithdrawal,
+  resultStatus,
+  errorMessage,
   onDone,
+  onRetry,
   onClose
 }) => {
-  var _a;
-  const labels = useLabels13();
-  const {
-    features: { enableAnimations }
-  } = useSdkUiConfig();
-  const { state } = useWithdrawalLifecycle(withdrawalId);
-  const [isTimelineExpanded, setIsTimelineExpanded] = useState3(true);
+  const labels = useLabels14();
   const walletFlowLabels = labels.withdraw.walletFlow;
-  const { groups, finalStep, hasDetails } = buildWithdrawalLifecycleSteps({
-    pending: state.pending,
-    status: state.status,
-    legs: state.legs,
-    walletFlowLabels
+  const { title, description } = resultCopyFor({
+    status: resultStatus,
+    tokenSymbol,
+    labels: walletFlowLabels
   });
-  useEffect4(() => {
-    if (!state.terminal) return;
-    if (state.status !== "completed") return;
-    const timer = window.setTimeout(() => onClose(), 1500);
-    return () => window.clearTimeout(timer);
-  }, [onClose, state.status, state.terminal]);
-  const { titleCopy, descriptionCopy } = (() => {
-    if (state.terminal && state.status === "completed") {
-      return {
-        titleCopy: walletFlowLabels.successTitleCompleted,
-        descriptionCopy: walletFlowLabels.successDescriptionCompleted(tokenSymbol)
-      };
-    }
-    if (state.terminal && state.status === "partial") {
-      return {
-        titleCopy: walletFlowLabels.successTitlePartial,
-        descriptionCopy: walletFlowLabels.successDescriptionPartial(tokenSymbol)
-      };
-    }
-    if (state.terminal && state.status === "failed") {
-      return {
-        titleCopy: walletFlowLabels.successTitleFailed,
-        descriptionCopy: walletFlowLabels.successDescriptionFailed(tokenSymbol)
-      };
-    }
-    return {
-      titleCopy: walletFlowLabels.successTitle,
-      descriptionCopy: walletFlowLabels.successDescription(tokenSymbol)
-    };
-  })();
-  return /* @__PURE__ */ jsx14("div", { className: "relative", children: /* @__PURE__ */ jsxs14(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
-    /* @__PURE__ */ jsx14(
-      "button",
-      {
-        type: "button",
-        className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80 cursor-pointer",
-        onClick: onClose,
-        "aria-label": labels.common.close,
-        children: /* @__PURE__ */ jsx14(CloseIcon, { className: "h-6 w-6" })
-      }
-    ),
-    /* @__PURE__ */ jsxs14("div", { className: "flex flex-col items-center gap-8", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ jsx14("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: titleCopy }),
-        /* @__PURE__ */ jsx14(
+  const isFailed = resultStatus === "failed";
+  return /* @__PURE__ */ jsx15("div", { className: "relative", children: /* @__PURE__ */ jsxs15(Modal.Body, { classNames: { root: "px-10 py-12" }, children: [
+    /* @__PURE__ */ jsx15(WithdrawCloseButton, { onClose, label: labels.common.close }),
+    /* @__PURE__ */ jsxs15("div", { className: "flex flex-col items-center justify-center gap-8 text-center", children: [
+      /* @__PURE__ */ jsx15(
+        "div",
+        {
+          className: cn(
+            "flex h-[60px] w-[60px] items-center justify-center rounded-full",
+            isFailed ? "bg-agg-error/15" : "bg-agg-success/15"
+          ),
+          "aria-hidden": "true",
+          children: isFailed ? /* @__PURE__ */ jsx15(CloseIcon, { className: "h-6 w-6 text-agg-error" }) : /* @__PURE__ */ jsx15(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" })
+        }
+      ),
+      /* @__PURE__ */ jsxs15("div", { className: "flex w-full flex-col items-center gap-3 text-center text-agg-foreground", children: [
+        /* @__PURE__ */ jsx15("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold", children: title }),
+        /* @__PURE__ */ jsx15(
           "p",
           {
-            className: "agg-type-body text-agg-muted-foreground",
-            "data-lifecycle-status": (_a = state.status) != null ? _a : "submitted",
-            "data-lifecycle-terminal": state.terminal ? "true" : "false",
-            children: descriptionCopy
+            className: "max-w-[400px] text-agg-base leading-agg-6",
+            "data-withdraw-result-status": resultStatus,
+            children: errorMessage && isFailed ? errorMessage : description
           }
-        ),
-        state.errorMessage ? /* @__PURE__ */ jsx14("p", { className: "agg-type-body text-agg-destructive", children: state.errorMessage }) : null
+        )
       ] }),
-      hasDetails || !state.pending ? /* @__PURE__ */ jsxs14("div", { className: "agg-withdraw-success-timeline flex w-full flex-col gap-2", children: [
-        hasDetails ? /* @__PURE__ */ jsx14(
-          "div",
-          {
-            "aria-hidden": !isTimelineExpanded,
-            className: cn(
-              "grid overflow-hidden",
-              isTimelineExpanded ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0",
-              !isTimelineExpanded && "pointer-events-none",
-              getMotionClassName(
-                enableAnimations,
-                "transition-[grid-template-rows,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
-              )
-            ),
-            children: /* @__PURE__ */ jsx14("div", { className: "min-h-0", children: /* @__PURE__ */ jsx14("div", { className: "flex flex-col gap-4 pb-2", children: groups.map((group, groupIndex) => /* @__PURE__ */ jsx14(
-              "div",
-              {
-                className: "flex flex-col gap-2",
-                children: group.map((step) => /* @__PURE__ */ jsxs14(
-                  "div",
-                  {
-                    className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
-                    "data-step-status": step.status,
-                    children: [
-                      step.status === "pending" ? /* @__PURE__ */ jsx14(
-                        LoadingGlyph,
-                        {
-                          enableAnimations,
-                          className: cn(
-                            "h-3 w-3 shrink-0",
-                            stepIconClassNameFor(step.status)
-                          )
-                        }
-                      ) : /* @__PURE__ */ jsx14(
-                        Icon,
-                        {
-                          name: stepIconNameFor(step.status),
-                          size: "small",
-                          className: cn(
-                            "h-3 w-3 shrink-0",
-                            stepIconClassNameFor(step.status)
-                          ),
-                          "aria-hidden": "true"
-                        }
-                      ),
-                      /* @__PURE__ */ jsx14("p", { className: "min-w-0 flex-1", children: step.label })
-                    ]
-                  },
-                  step.id
-                ))
-              },
-              `withdraw-step-group-${groupIndex}`
-            )) }) })
-          }
-        ) : null,
-        hasDetails ? /* @__PURE__ */ jsxs14(
-          "button",
+      !isFailed ? /* @__PURE__ */ jsxs15("div", { className: "flex w-full max-w-[400px] flex-col rounded-agg-lg border border-agg-separator bg-agg-secondary px-3 py-1 text-left", children: [
+        /* @__PURE__ */ jsx15(
+          SummaryRow3,
           {
-            type: "button",
-            "aria-expanded": isTimelineExpanded,
-            className: cn(
-              "flex w-full items-center gap-2 text-left text-agg-sm leading-agg-5 text-agg-foreground",
-              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary",
-              "cursor-pointer"
-            ),
-            onClick: () => setIsTimelineExpanded((current) => !current),
-            children: [
-              finalStep.status === "pending" ? /* @__PURE__ */ jsx14(
-                LoadingGlyph,
-                {
-                  enableAnimations,
-                  className: cn("h-3 w-3 shrink-0", stepIconClassNameFor(finalStep.status))
-                }
-              ) : /* @__PURE__ */ jsx14(
-                Icon,
-                {
-                  name: stepIconNameFor(finalStep.status),
-                  size: "small",
-                  className: cn("h-3 w-3 shrink-0", stepIconClassNameFor(finalStep.status)),
-                  "aria-hidden": "true"
-                }
-              ),
-              /* @__PURE__ */ jsx14("p", { className: "min-w-0 flex-1", children: finalStep.label }),
-              /* @__PURE__ */ jsx14(
-                Icon,
-                {
-                  name: isTimelineExpanded ? "chevron-up" : "chevron-down",
-                  size: "small",
-                  className: "h-4 w-4 shrink-0 text-agg-muted-foreground",
-                  "aria-hidden": "true"
-                }
-              )
-            ]
+            label: walletFlowLabels.summary.requestedWithdrawal,
+            value: requestedWithdrawal
           }
-        ) : null
-      ] }) : null,
-      /* @__PURE__ */ jsxs14("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
-        /* @__PURE__ */ jsx14(
+        ),
+        /* @__PURE__ */ jsx15(
           SummaryRow3,
           {
             label: walletFlowLabels.summary.amountReceived,
             value: summary.amountReceived
           }
         ),
-        /* @__PURE__ */ jsx14(SummaryRow3, { label: walletFlowLabels.summary.network, value: summary.network }),
-        /* @__PURE__ */ jsx14(SummaryRow3, { label: walletFlowLabels.summary.toWallet, value: summary.toWallet }),
-        /* @__PURE__ */ jsx14(SummaryRow3, { label: walletFlowLabels.summary.fees, value: summary.fees })
-      ] }),
-      /* @__PURE__ */ jsx14(Button, { variant: "secondary", size: "large", className: "w-[160px]", onClick: onDone, children: labels.withdraw.done })
+        /* @__PURE__ */ jsx15(SummaryRow3, { label: walletFlowLabels.summary.fees, value: summary.fees }),
+        /* @__PURE__ */ jsx15(SummaryRow3, { label: walletFlowLabels.summary.network, value: summary.network }),
+        /* @__PURE__ */ jsx15(SummaryRow3, { label: walletFlowLabels.summary.toWallet, value: summary.toWallet })
+      ] }) : null,
+      isFailed ? /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-center gap-3", children: [
+        /* @__PURE__ */ jsx15(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: walletFlowLabels.close }),
+        /* @__PURE__ */ jsx15(Button, { variant: "primary", size: "large", className: "w-[123px]", onClick: onRetry, children: walletFlowLabels.retry })
+      ] }) : /* @__PURE__ */ jsx15(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.withdraw.done })
     ] })
   ] }) });
 };
 
 // src/withdraw/index.tsx
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+var DEFAULT_TOKEN_DECIMALS = 6;
+var TOKEN_DECIMALS_BY_SYMBOL = {
+  BNB: 18,
+  ETH: 18,
+  MATIC: 18,
+  POL: 18,
+  WETH: 18,
+  USDC: 6,
+  USDT: 6
+};
+var TOKEN_DECIMALS_BY_CHAIN_AND_SYMBOL = {
+  "56": {
+    USDC: 18,
+    USDT: 18
+  }
+};
+var getTokenDecimals = (tokenSymbol, chainId) => {
+  var _a;
+  const normalizedSymbol = tokenSymbol.trim().toUpperCase();
+  const normalizedChainId = chainId == null ? void 0 : chainId.trim();
+  if (normalizedChainId) {
+    const chainDecimals = TOKEN_DECIMALS_BY_CHAIN_AND_SYMBOL[normalizedChainId];
+    const chainTokenDecimals = chainDecimals == null ? void 0 : chainDecimals[normalizedSymbol];
+    if (chainTokenDecimals != null) return chainTokenDecimals;
+  }
+  return (_a = TOKEN_DECIMALS_BY_SYMBOL[normalizedSymbol]) != null ? _a : DEFAULT_TOKEN_DECIMALS;
+};
+var formatRawTokenAmount = (rawAmount, decimals) => {
+  const raw = BigInt(rawAmount);
+  const divisor = BigInt(`1${"0".repeat(decimals)}`);
+  const whole = raw / divisor;
+  const remainder = raw % divisor;
+  if (remainder === BigInt(0)) return whole.toString();
+  return `${whole.toString()}.${remainder.toString().padStart(decimals, "0").replace(/0+$/, "")}`;
+};
+var formatLifecycleTokenAmount = ({
+  rawAmount,
+  tokenSymbol,
+  chainId
+}) => `${formatRawTokenAmount(rawAmount, getTokenDecimals(tokenSymbol, chainId))} ${tokenSymbol}`;
+var buildTerminalSummary = ({
+  fallbackSummary,
+  lifecycleCompletedAmountRaw,
+  lifecycleRequestedAmountRaw,
+  tokenSymbol,
+  chainId
+}) => {
+  if (!lifecycleCompletedAmountRaw) return fallbackSummary;
+  const amountReceived = formatLifecycleTokenAmount({
+    rawAmount: lifecycleCompletedAmountRaw,
+    tokenSymbol,
+    chainId
+  });
+  if (!lifecycleRequestedAmountRaw) {
+    return __spreadProps(__spreadValues({}, fallbackSummary), { amountReceived });
+  }
+  try {
+    const requestedRaw = BigInt(lifecycleRequestedAmountRaw);
+    const completedRaw = BigInt(lifecycleCompletedAmountRaw);
+    const feeRaw = requestedRaw > completedRaw ? requestedRaw - completedRaw : BigInt(0);
+    return __spreadProps(__spreadValues({}, fallbackSummary), {
+      amountReceived,
+      fees: formatLifecycleTokenAmount({
+        rawAmount: feeRaw.toString(),
+        tokenSymbol,
+        chainId
+      })
+    });
+  } catch (e) {
+    return __spreadProps(__spreadValues({}, fallbackSummary), { amountReceived });
+  }
+};
 function isControlledWithdrawModalProps(props) {
   return "withdrawFlow" in props;
 }
@@ -2145,7 +2252,7 @@ function WithdrawModalSelfDriven({
   onOpenChange
 }) {
   const withdrawProps = useWithdrawFlow({ open, onOpenChange });
-  return /* @__PURE__ */ jsx15(WithdrawModalControlled, __spreadValues({}, withdrawProps));
+  return /* @__PURE__ */ jsx16(WithdrawModalControlled, __spreadValues({}, withdrawProps));
 }
 function WithdrawModalControlled({
   open,
@@ -2159,51 +2266,98 @@ function WithdrawModalControlled({
   onSelectWithdrawProvider,
   onDoneWithdraw
 }) {
-  const [step, setStep] = useState4("method");
-  const [isConfirming, setIsConfirming] = useState4(false);
-  const [confirmError, setConfirmError] = useState4(null);
-  useEffect5(() => {
+  const [flowState, setFlowState] = useState3({
+    status: "form",
+    formStep: "method"
+  });
+  const [isConfirming, setIsConfirming] = useState3(false);
+  const [confirmError, setConfirmError] = useState3(null);
+  const { state: withdrawalLifecycleState, reset: resetWithdrawalLifecycle } = useWithdrawalLifecycle(withdrawFlow.withdrawalId);
+  useEffect4(() => {
     if (!open) {
-      setStep("method");
+      setFlowState({ status: "form", formStep: "method" });
       setIsConfirming(false);
       setConfirmError(null);
+      resetWithdrawalLifecycle();
     }
-  }, [open]);
+  }, [open, resetWithdrawalLifecycle]);
+  useEffect4(() => {
+    if (flowState.status !== "loading") return;
+    if (!withdrawalLifecycleState.terminal) return;
+    if (withdrawalLifecycleState.status === "completed") {
+      setFlowState({ status: "success" });
+      return;
+    }
+    if (withdrawalLifecycleState.status === "partial") {
+      setFlowState({ status: "partial_success" });
+      return;
+    }
+    if (withdrawalLifecycleState.status === "failed") {
+      setFlowState({
+        status: "failed",
+        errorMessage: withdrawalLifecycleState.errorMessage
+      });
+    }
+  }, [
+    flowState.status,
+    withdrawalLifecycleState.errorMessage,
+    withdrawalLifecycleState.status,
+    withdrawalLifecycleState.terminal
+  ]);
   const handleOpenChange = (isOpen) => {
     if (!isOpen) {
-      setStep("method");
+      setFlowState({ status: "form", formStep: "method" });
       setIsConfirming(false);
       setConfirmError(null);
+      resetWithdrawalLifecycle();
     }
     onOpenChange(isOpen);
   };
   const handleBack = () => {
     setConfirmError(null);
-    setStep("method");
+    setFlowState({ status: "form", formStep: "method" });
+  };
+  const handleRetry = () => {
+    setConfirmError(null);
+    setIsConfirming(false);
+    resetWithdrawalLifecycle();
+    setFlowState({ status: "form", formStep: "withdraw-amount" });
   };
   const handleConfirm = () => __async(null, null, function* () {
+    setFlowState({ status: "loading" });
     setIsConfirming(true);
     setConfirmError(null);
     try {
       yield onSelectWithdrawProvider("wallet");
-      setStep("success");
     } catch (err) {
-      setConfirmError(err instanceof Error ? err.message : "Withdrawal failed. Please try again.");
+      const errorMessage = err instanceof Error ? err.message : "Withdrawal failed. Please try again.";
+      setConfirmError(errorMessage);
+      setFlowState({ status: "failed", errorMessage });
     } finally {
       setIsConfirming(false);
     }
   });
   const withdrawTokenOptions = withTokenIcons(withdrawFlow.tokenOptions);
   const withdrawNetworkOptions = withNetworkIcons(withdrawFlow.networkOptions);
-  return /* @__PURE__ */ jsx15(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs15(Modal.Container, { maxWidth: step === "method" ? "600px" : "480px", "aria-label": "Withdraw", children: [
-    step === "method" ? /* @__PURE__ */ jsx15(
+  const requestedWithdrawal = `${withdrawFlow.amount} ${withdrawFlow.selectedToken}`.trim();
+  const modalMaxWidth = flowState.status === "form" && flowState.formStep === "method" ? "600px" : "480px";
+  const resultStatus = flowState.status;
+  const terminalSummary = buildTerminalSummary({
+    fallbackSummary: withdrawFlow.purchaseSummary,
+    lifecycleCompletedAmountRaw: withdrawalLifecycleState.completedAmountRaw,
+    lifecycleRequestedAmountRaw: withdrawalLifecycleState.requestedAmountRaw,
+    tokenSymbol: withdrawFlow.selectedToken,
+    chainId: withdrawFlow.selectedNetwork
+  });
+  return /* @__PURE__ */ jsx16(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs16(Modal.Container, { maxWidth: modalMaxWidth, "aria-label": "Withdraw", children: [
+    flowState.status === "form" && flowState.formStep === "method" ? /* @__PURE__ */ jsx16(
       WithdrawMethodStep,
       {
         balance: withdrawFlow.balance,
-        onSelectMethod: () => setStep("withdraw-amount")
+        onSelectMethod: () => setFlowState({ status: "form", formStep: "withdraw-amount" })
       }
     ) : null,
-    step === "withdraw-amount" ? /* @__PURE__ */ jsx15(
+    flowState.status === "form" && flowState.formStep === "withdraw-amount" ? /* @__PURE__ */ jsx16(
       WithdrawAmountStep,
       {
         amount: withdrawFlow.amount,
@@ -2224,13 +2378,23 @@ function WithdrawModalControlled({
         onContinue: handleConfirm
       }
     ) : null,
-    step === "success" ? /* @__PURE__ */ jsx15(
+    flowState.status === "loading" ? /* @__PURE__ */ jsx16(
+      WithdrawLoadingStep,
+      {
+        lifecycleState: withdrawalLifecycleState,
+        onClose: () => handleOpenChange(false)
+      }
+    ) : null,
+    flowState.status === "success" || flowState.status === "partial_success" || flowState.status === "failed" ? /* @__PURE__ */ jsx16(
       WithdrawSuccessStep,
       {
-        summary: withdrawFlow.purchaseSummary,
+        summary: terminalSummary,
         tokenSymbol: withdrawFlow.selectedToken,
-        withdrawalId: withdrawFlow.withdrawalId,
+        requestedWithdrawal,
+        resultStatus,
+        errorMessage: flowState.status === "failed" ? flowState.errorMessage : null,
         onDone: onDoneWithdraw,
+        onRetry: handleRetry,
         onClose: () => handleOpenChange(false)
       }
     ) : null
@@ -2238,15 +2402,15 @@ function WithdrawModalControlled({
 }
 var WithdrawModal = (props) => {
   if (isControlledWithdrawModalProps(props)) {
-    return /* @__PURE__ */ jsx15(WithdrawModalControlled, __spreadValues({}, props));
+    return /* @__PURE__ */ jsx16(WithdrawModalControlled, __spreadValues({}, props));
   }
-  return /* @__PURE__ */ jsx15(WithdrawModalSelfDriven, __spreadValues({}, props));
+  return /* @__PURE__ */ jsx16(WithdrawModalSelfDriven, __spreadValues({}, props));
 };
 WithdrawModal.displayName = "WithdrawModal";
 
 // src/onboarding/index.tsx
-import { useCallback as useCallback5, useEffect as useEffect6, useState as useState9 } from "react";
-import { useLabels as useLabels19 } from "@agg-build/hooks";
+import { useCallback as useCallback5, useEffect as useEffect5, useState as useState8 } from "react";
+import { useLabels as useLabels20 } from "@agg-build/hooks";
 import * as Dialog3 from "@radix-ui/react-dialog";
 
 // src/onboarding/onboarding-modal.constants.ts
@@ -2265,30 +2429,30 @@ var ONBOARDING_STEPS = {
 var ONCHAIN_VENUES = [Venue.polymarket, Venue.opinion, Venue.predict];
 
 // src/onboarding/steps/how-it-works.tsx
-import { useCallback, useRef as useRef2, useState as useState5 } from "react";
-import { useLabels as useLabels14 } from "@agg-build/hooks";
-import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useCallback, useRef as useRef2, useState as useState4 } from "react";
+import { useLabels as useLabels15 } from "@agg-build/hooks";
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 var defaultIcons = {
-  createAccount: /* @__PURE__ */ jsx16(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  linkAccounts: /* @__PURE__ */ jsx16(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  bestPrices: /* @__PURE__ */ jsx16(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  stayInControl: /* @__PURE__ */ jsx16(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
+  createAccount: /* @__PURE__ */ jsx17(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  linkAccounts: /* @__PURE__ */ jsx17(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  bestPrices: /* @__PURE__ */ jsx17(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  stayInControl: /* @__PURE__ */ jsx17(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
 };
 var HowItWorksStep = ({ onContinue, icons }) => {
-  const labels = useLabels14();
+  const labels = useLabels15();
   const scrollRef = useRef2(null);
-  const [showTopGradient, setShowTopGradient] = useState5(false);
-  const [showBottomGradient, setShowBottomGradient] = useState5(true);
+  const [showTopGradient, setShowTopGradient] = useState4(false);
+  const [showBottomGradient, setShowBottomGradient] = useState4(true);
   const handleScroll = useCallback(() => {
     const el = scrollRef.current;
     if (!el) return;
     setShowTopGradient(el.scrollTop > 0);
     setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
   }, []);
-  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
-    /* @__PURE__ */ jsx16("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
-    /* @__PURE__ */ jsxs16("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
-      /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
+    /* @__PURE__ */ jsx17("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
+    /* @__PURE__ */ jsxs17("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
+      /* @__PURE__ */ jsx17(
         "div",
         {
           ref: scrollRef,
@@ -2298,7 +2462,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
             var _a;
             const icon = (_a = icons == null ? void 0 : icons[featureKey]) != null ? _a : defaultIcons[featureKey];
             const feature = labels.onboarding.howItWorks.features[featureKey];
-            return /* @__PURE__ */ jsxs16(
+            return /* @__PURE__ */ jsxs17(
               "div",
               {
                 className: cn(
@@ -2307,11 +2471,11 @@ var HowItWorksStep = ({ onContinue, icons }) => {
                   "bg-agg-secondary-hover"
                 ),
                 children: [
-                  /* @__PURE__ */ jsxs16("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
-                    /* @__PURE__ */ jsx16("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
-                    /* @__PURE__ */ jsx16("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
+                  /* @__PURE__ */ jsxs17("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
+                    /* @__PURE__ */ jsx17("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
+                    /* @__PURE__ */ jsx17("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
                   ] }),
-                  icon ? /* @__PURE__ */ jsx16("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
+                  icon ? /* @__PURE__ */ jsx17("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
                 ]
               },
               featureKey
@@ -2319,7 +2483,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           })
         }
       ),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(
         "div",
         {
           className: cn(
@@ -2330,7 +2494,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           )
         }
       ),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(
         "div",
         {
           className: cn(
@@ -2342,20 +2506,20 @@ var HowItWorksStep = ({ onContinue, icons }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx16(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
+    /* @__PURE__ */ jsx17(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
   ] });
 };
 HowItWorksStep.displayName = "HowItWorksStep";
 
 // src/onboarding/steps/profile-setup.tsx
-import { useCallback as useCallback2, useRef as useRef3, useState as useState6 } from "react";
-import { useLabels as useLabels15 } from "@agg-build/hooks";
-import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+import { useCallback as useCallback2, useRef as useRef3, useState as useState5 } from "react";
+import { useLabels as useLabels16 } from "@agg-build/hooks";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
 var ProfileSetupStep = ({ onContinue }) => {
-  const labels = useLabels15();
-  const [username, setUsername] = useState6("");
-  const [avatarFile, setAvatarFile] = useState6();
-  const [avatarPreview, setAvatarPreview] = useState6();
+  const labels = useLabels16();
+  const [username, setUsername] = useState5("");
+  const [avatarFile, setAvatarFile] = useState5();
+  const [avatarPreview, setAvatarPreview] = useState5();
   const fileInputRef = useRef3(null);
   const handleAvatarClick = useCallback2(() => {
     var _a;
@@ -2380,11 +2544,11 @@ var ProfileSetupStep = ({ onContinue }) => {
       avatarPreview
     });
   }, [username, avatarFile, avatarPreview, onContinue]);
-  return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-7", children: [
-    /* @__PURE__ */ jsx17("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
-    /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-5 items-center w-full", children: [
-      /* @__PURE__ */ jsxs17("div", { className: "flex justify-center", children: [
-        /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-7", children: [
+    /* @__PURE__ */ jsx18("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
+    /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-5 items-center w-full", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "flex justify-center", children: [
+        /* @__PURE__ */ jsxs18(
           "button",
           {
             type: "button",
@@ -2400,13 +2564,13 @@ var ProfileSetupStep = ({ onContinue }) => {
             ),
             "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
             children: [
-              !avatarPreview ? /* @__PURE__ */ jsx17(
+              !avatarPreview ? /* @__PURE__ */ jsx18(
                 "svg",
                 {
                   "aria-hidden": true,
                   viewBox: "0 0 80 80",
                   className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
-                  children: /* @__PURE__ */ jsx17(
+                  children: /* @__PURE__ */ jsx18(
                     "circle",
                     {
                       cx: "40",
@@ -2420,18 +2584,18 @@ var ProfileSetupStep = ({ onContinue }) => {
                   )
                 }
               ) : null,
-              avatarPreview ? /* @__PURE__ */ jsx17(
+              avatarPreview ? /* @__PURE__ */ jsx18(
                 RemoteImage,
                 {
                   src: avatarPreview,
                   alt: labels.onboarding.profileSetup.profilePreviewAlt,
                   className: "h-full w-full object-cover"
                 }
-              ) : /* @__PURE__ */ jsx17(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
+              ) : /* @__PURE__ */ jsx18(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(
           "input",
           {
             ref: fileInputRef,
@@ -2443,8 +2607,8 @@ var ProfileSetupStep = ({ onContinue }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ jsx18(
           "label",
           {
             htmlFor: "onboarding-username",
@@ -2452,7 +2616,7 @@ var ProfileSetupStep = ({ onContinue }) => {
             children: labels.onboarding.profileSetup.usernameLabel
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(
           "input",
           {
             id: "onboarding-username",
@@ -2476,17 +2640,17 @@ var ProfileSetupStep = ({ onContinue }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx17(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
+    /* @__PURE__ */ jsx18(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
   ] });
 };
 ProfileSetupStep.displayName = "ProfileSetupStep";
 
 // src/onboarding/steps/connect-accounts.tsx
 import { Venue as Venue2 } from "@agg-build/sdk";
-import { useLabels as useLabels16 } from "@agg-build/hooks";
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useLabels as useLabels17 } from "@agg-build/hooks";
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 var OnchainVenueLogos = () => {
-  return /* @__PURE__ */ jsx18("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsx18("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ jsx18(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
+  return /* @__PURE__ */ jsx19("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsx19("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ jsx19(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
 };
 var VenueCard = ({
   logos,
@@ -2497,8 +2661,8 @@ var VenueCard = ({
   onConnect,
   connected = false
 }) => {
-  const labels = useLabels16();
-  const action = connected ? /* @__PURE__ */ jsx18(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx18(
+  const labels = useLabels17();
+  const action = connected ? /* @__PURE__ */ jsx19(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx19(
     Button,
     {
       variant: "tertiary",
@@ -2508,18 +2672,18 @@ var VenueCard = ({
       children: labels.onboarding.connectAccounts.connect
     }
   );
-  const mobileAction = connected ? /* @__PURE__ */ jsx18(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx18(
+  const mobileAction = connected ? /* @__PURE__ */ jsx19(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx19(
     Button,
     {
       variant: "tertiary",
       size: "medium",
       className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
       onClick: onConnect,
-      suffix: /* @__PURE__ */ jsx18(ChevronRightIcon, { className: "h-4 w-4" }),
+      suffix: /* @__PURE__ */ jsx19(ChevronRightIcon, { className: "h-4 w-4" }),
       children: labels.onboarding.connectAccounts.connectAccount
     }
   );
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: cn(
@@ -2527,23 +2691,23 @@ var VenueCard = ({
         connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
       ),
       children: [
-        /* @__PURE__ */ jsxs18("div", { className: "hidden sm:flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-5", children: [
-            /* @__PURE__ */ jsx18("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-[2px]", children: [
-              /* @__PURE__ */ jsx18("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
-              /* @__PURE__ */ jsx18("p", { className: "text-agg-sm text-agg-foreground", children: description })
+        /* @__PURE__ */ jsxs19("div", { className: "hidden sm:flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-5", children: [
+            /* @__PURE__ */ jsx19("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-[2px]", children: [
+              /* @__PURE__ */ jsx19("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
+              /* @__PURE__ */ jsx19("p", { className: "text-agg-sm text-agg-foreground", children: description })
             ] })
           ] }),
-          /* @__PURE__ */ jsx18("div", { className: "shrink-0", children: action })
+          /* @__PURE__ */ jsx19("div", { className: "shrink-0", children: action })
         ] }),
-        /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-3 sm:hidden", children: [
-          /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ jsx18("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ jsx18("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
+        /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-3 sm:hidden", children: [
+          /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ jsx19("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ jsx19("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
           ] }),
-          /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-start gap-2", children: [
-            /* @__PURE__ */ jsx18("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
+          /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-start gap-2", children: [
+            /* @__PURE__ */ jsx19("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
             mobileAction
           ] })
         ] })
@@ -2558,15 +2722,15 @@ var ConnectAccountsStep = ({
   connectedOnchain = false,
   connectedKalshi = false
 }) => {
-  const labels = useLabels16();
+  const labels = useLabels17();
   const canContinue = connectedOnchain || connectedKalshi;
-  return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsx18("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
-    /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsx19("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
+    /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx19(
         VenueCard,
         {
-          logos: /* @__PURE__ */ jsx18(OnchainVenueLogos, {}),
+          logos: /* @__PURE__ */ jsx19(OnchainVenueLogos, {}),
           title: labels.onboarding.connectAccounts.onchainTitle,
           mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
             ONCHAIN_VENUES.length - 1
@@ -2577,10 +2741,10 @@ var ConnectAccountsStep = ({
           connected: connectedOnchain
         }
       ),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         VenueCard,
         {
-          logos: /* @__PURE__ */ jsx18("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ jsx18(
+          logos: /* @__PURE__ */ jsx19("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ jsx19(
             VenueLogo,
             {
               venue: Venue2.kalshi,
@@ -2598,7 +2762,7 @@ var ConnectAccountsStep = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(
       Button,
       {
         variant: "primary",
@@ -2615,20 +2779,20 @@ ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
 import { Venue as Venue3 } from "@agg-build/sdk";
-import { useCallback as useCallback3, useState as useState7 } from "react";
-import { useLabels as useLabels17 } from "@agg-build/hooks";
+import { useCallback as useCallback3, useState as useState6 } from "react";
+import { useLabels as useLabels18 } from "@agg-build/hooks";
 import * as Dialog from "@radix-ui/react-dialog";
-import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
 var ConnectKalshiModal = ({
   open,
   onOpenChange,
   onVerify
 }) => {
-  const labels = useLabels17();
-  const [apiKeyId, setApiKeyId] = useState7("");
-  const [privateKey, setPrivateKey] = useState7("");
-  const [verifying, setVerifying] = useState7(false);
-  const [error, setError] = useState7();
+  const labels = useLabels18();
+  const [apiKeyId, setApiKeyId] = useState6("");
+  const [privateKey, setPrivateKey] = useState6("");
+  const [verifying, setVerifying] = useState6(false);
+  const [error, setError] = useState6();
   const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
   const handleCancel = useCallback3(() => {
     onOpenChange(false);
@@ -2674,15 +2838,15 @@ var ConnectKalshiModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ jsx19(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsx20(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs20(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ jsx19(Dialog.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(Dialog.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
+        /* @__PURE__ */ jsx20(
           Modal.Header,
           {
             hideClose: false,
@@ -2693,8 +2857,8 @@ var ConnectKalshiModal = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx19(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ jsx20(
             VenueLogo,
             {
               venue: Venue3.kalshi,
@@ -2703,54 +2867,54 @@ var ConnectKalshiModal = ({
               className: "h-[60px] w-[60px]"
             }
           ),
-          /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ jsx19("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
-            /* @__PURE__ */ jsx19("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
+          /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ jsx20("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
+            /* @__PURE__ */ jsx20("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
           ] }),
-          /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsx19("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
-                /* @__PURE__ */ jsx19("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
+          /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsx20("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
+                /* @__PURE__ */ jsx20("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
               ] }),
-              /* @__PURE__ */ jsxs19("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                /* @__PURE__ */ jsx19("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
-                /* @__PURE__ */ jsxs19("p", { children: [
+              /* @__PURE__ */ jsxs20("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                /* @__PURE__ */ jsx20("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                /* @__PURE__ */ jsxs20("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
                   " ",
-                  /* @__PURE__ */ jsx19("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  /* @__PURE__ */ jsx20("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
                   " ",
-                  /* @__PURE__ */ jsx19("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
+                  /* @__PURE__ */ jsx20("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
                 ] }),
-                /* @__PURE__ */ jsxs19("p", { children: [
+                /* @__PURE__ */ jsxs20("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
                   " ",
-                  /* @__PURE__ */ jsx19("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  /* @__PURE__ */ jsx20("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
                 ] }),
-                /* @__PURE__ */ jsxs19("p", { children: [
+                /* @__PURE__ */ jsxs20("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
                   " ",
-                  /* @__PURE__ */ jsx19("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  /* @__PURE__ */ jsx20("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
                 ] }),
-                /* @__PURE__ */ jsx19("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                /* @__PURE__ */ jsx20("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
               ] }),
-              /* @__PURE__ */ jsxs19("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ jsxs20("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
                 labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ jsx19("br", {}),
+                /* @__PURE__ */ jsx20("br", {}),
                 labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
               ] })
             ] }),
-            /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsx19("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
-                /* @__PURE__ */ jsx19("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
+            /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsx20("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
+                /* @__PURE__ */ jsx20("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
               ] }),
-              /* @__PURE__ */ jsx19("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
-              /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx19(
+              /* @__PURE__ */ jsx20("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+              /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx20(
                   "label",
                   {
                     htmlFor: "kalshi-api-key-id",
@@ -2758,7 +2922,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
                   }
                 ),
-                /* @__PURE__ */ jsx19(
+                /* @__PURE__ */ jsx20(
                   "input",
                   {
                     id: "kalshi-api-key-id",
@@ -2778,8 +2942,8 @@ var ConnectKalshiModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx19(
+              /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx20(
                   "label",
                   {
                     htmlFor: "kalshi-private-key",
@@ -2787,7 +2951,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
                   }
                 ),
-                /* @__PURE__ */ jsx19(
+                /* @__PURE__ */ jsx20(
                   "textarea",
                   {
                     id: "kalshi-private-key",
@@ -2809,42 +2973,42 @@ var ConnectKalshiModal = ({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between w-full", children: [
-            /* @__PURE__ */ jsx19("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
-            /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsxs19(
+          /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between w-full", children: [
+            /* @__PURE__ */ jsx20("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
+            /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxs20(
                 "a",
                 {
                   href: "#",
                   className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
                   children: [
-                    /* @__PURE__ */ jsx19(DocumentIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsx20(DocumentIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.docsLinkLabel
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx19("span", { className: "h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ jsxs19(
+              /* @__PURE__ */ jsx20("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ jsxs20(
                 "a",
                 {
                   href: "#",
                   className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
                   children: [
-                    /* @__PURE__ */ jsx19(PlaySquareIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsx20(PlaySquareIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
                   ]
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-5 items-center", children: [
-            error ? /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx19(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-              /* @__PURE__ */ jsx19("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-5 items-center", children: [
+            error ? /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx20(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+              /* @__PURE__ */ jsx20("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
             ] }) : null,
-            /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3 justify-center", children: [
-              /* @__PURE__ */ jsx19(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
-              /* @__PURE__ */ jsx19(
+            /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3 justify-center", children: [
+              /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
+              /* @__PURE__ */ jsx20(
                 Button,
                 {
                   variant: "primary",
@@ -2865,18 +3029,18 @@ var ConnectKalshiModal = ({
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
-import { useCallback as useCallback4, useState as useState8 } from "react";
-import { useLabels as useLabels18 } from "@agg-build/hooks";
+import { useCallback as useCallback4, useState as useState7 } from "react";
+import { useLabels as useLabels19 } from "@agg-build/hooks";
 import * as Dialog2 from "@radix-ui/react-dialog";
-import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
 var ConnectOnchainModal = ({
   open,
   onOpenChange,
   onConnect
 }) => {
-  const labels = useLabels18();
-  const [connecting, setConnecting] = useState8(false);
-  const [error, setError] = useState8();
+  const labels = useLabels19();
+  const [connecting, setConnecting] = useState7(false);
+  const [error, setError] = useState7();
   const handleCancel = useCallback4(() => {
     onOpenChange(false);
   }, [onOpenChange]);
@@ -2905,15 +3069,15 @@ var ConnectOnchainModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ jsx20(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsx21(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs21(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ jsx20(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ jsx21(
           Modal.Header,
           {
             hideClose: false,
@@ -2924,26 +3088,26 @@ var ConnectOnchainModal = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx20(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ jsx20("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
-            /* @__PURE__ */ jsx20("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
+        /* @__PURE__ */ jsx21(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ jsx21("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
+            /* @__PURE__ */ jsx21("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
           ] }),
-          /* @__PURE__ */ jsxs20("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
-            /* @__PURE__ */ jsx20("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
-            /* @__PURE__ */ jsx20("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-[6px]", children: [
-              index > 0 && /* @__PURE__ */ jsx20("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ jsx20(VenueLogo, { venue, size: "medium" }),
-              /* @__PURE__ */ jsx20("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
+          /* @__PURE__ */ jsxs21("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
+            /* @__PURE__ */ jsx21("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
+            /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-[6px]", children: [
+              index > 0 && /* @__PURE__ */ jsx21("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ jsx21(VenueLogo, { venue, size: "medium" }),
+              /* @__PURE__ */ jsx21("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
             ] }, venue)) })
           ] }),
-          /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-6 items-center", children: [
-            /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-3 items-center", children: [
-              error ? /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx20(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-                /* @__PURE__ */ jsx20("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-6 items-center", children: [
+            /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-3 items-center", children: [
+              error ? /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx21(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+                /* @__PURE__ */ jsx21("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
               ] }) : null,
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 Button,
                 {
                   variant: "primary",
@@ -2954,7 +3118,7 @@ var ConnectOnchainModal = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               Button,
               {
                 variant: "tertiary",
@@ -2973,7 +3137,7 @@ var ConnectOnchainModal = ({
 ConnectOnchainModal.displayName = "ConnectOnchainModal";
 
 // src/onboarding/index.tsx
-import { Fragment as Fragment9, jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
 var OnboardingModal = ({
   open,
   onOpenChange,
@@ -2986,19 +3150,19 @@ var OnboardingModal = ({
   connectedKalshi = false
 }) => {
   var _a;
-  const labels = useLabels19();
-  const [step, setStep] = useState9(ONBOARDING_STEPS.HOW_IT_WORKS);
+  const labels = useLabels20();
+  const [step, setStep] = useState8(ONBOARDING_STEPS.HOW_IT_WORKS);
   const stepLabels = {
     [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
     [ONBOARDING_STEPS.PROFILE_SETUP]: labels.onboarding.modal.stepProfileSetup,
     [ONBOARDING_STEPS.CONNECT_ACCOUNTS]: labels.onboarding.modal.stepConnectAccounts
   };
   const resolvedTitle = (_a = stepLabels[step]) != null ? _a : labels.onboarding.modal.title;
-  const [kalshiModalOpen, setKalshiModalOpen] = useState9(false);
-  const [kalshiConnected, setKalshiConnected] = useState9(false);
-  const [onchainModalOpen, setOnchainModalOpen] = useState9(false);
-  const [onchainConnected, setOnchainConnected] = useState9(false);
-  useEffect6(() => {
+  const [kalshiModalOpen, setKalshiModalOpen] = useState8(false);
+  const [kalshiConnected, setKalshiConnected] = useState8(false);
+  const [onchainModalOpen, setOnchainModalOpen] = useState8(false);
+  const [onchainConnected, setOnchainConnected] = useState8(false);
+  useEffect5(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
       setKalshiConnected(false);
@@ -3035,19 +3199,19 @@ var OnboardingModal = ({
     }),
     [onConnectKalshi]
   );
-  return /* @__PURE__ */ jsxs21(Fragment9, { children: [
-    /* @__PURE__ */ jsx21(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(Fragment9, { children: [
+    /* @__PURE__ */ jsx22(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs22(
       Modal.Container,
       {
         maxWidth: "600px",
         "aria-label": resolvedTitle,
         classNames: { container: "!rounded-agg-lg" },
         children: [
-          /* @__PURE__ */ jsx21(Dialog3.Title, { className: "sr-only", children: resolvedTitle }),
-          /* @__PURE__ */ jsxs21(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
-            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ jsx21(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
-            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ jsx21(ProfileSetupStep, { onContinue: handleProfileContinue }),
-            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx22(Dialog3.Title, { className: "sr-only", children: resolvedTitle }),
+          /* @__PURE__ */ jsxs22(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
+            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ jsx22(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
+            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ jsx22(ProfileSetupStep, { onContinue: handleProfileContinue }),
+            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ jsx22(
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
@@ -3061,7 +3225,7 @@ var OnboardingModal = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22(
       ConnectOnchainModal,
       {
         open: onchainModalOpen,
@@ -3069,7 +3233,7 @@ var OnboardingModal = ({
         onConnect: handleOnchainConnect
       }
     ),
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22(
       ConnectKalshiModal,
       {
         open: kalshiModalOpen,
@@ -3083,7 +3247,7 @@ OnboardingModal.displayName = "OnboardingModal";
 
 // src/profile/index.tsx
 import { Venue as Venue4 } from "@agg-build/sdk";
-import { useState as useState11, useEffect as useEffect8, useCallback as useCallback8, useMemo as useMemo2 } from "react";
+import { useState as useState10, useEffect as useEffect7, useCallback as useCallback8, useMemo as useMemo2 } from "react";
 import { useAggClient as useAggClient2, useAggAuthState as useAggAuthState2 } from "@agg-build/hooks";
 
 // src/profile/profile-modal.constants.ts
@@ -3102,8 +3266,8 @@ var PROFILE_TAB_ITEMS = [
 
 // src/profile/tabs/about-tab.tsx
 import { useCallback as useCallback6, useRef as useRef4 } from "react";
-import { useLabels as useLabels20 } from "@agg-build/hooks";
-import { jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
+import { useLabels as useLabels21 } from "@agg-build/hooks";
+import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
 var AboutTab = ({
   avatarPreview,
   onDeleteProfile: _onDeleteProfile,
@@ -3113,7 +3277,7 @@ var AboutTab = ({
   draftAvatarPreview,
   avatarError: _avatarError
 }) => {
-  const labels = useLabels20();
+  const labels = useLabels21();
   const fileInputRef = useRef4(null);
   const handleAvatarClick = useCallback6(() => {
     var _a;
@@ -3135,9 +3299,9 @@ var AboutTab = ({
   );
   const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
   const hasAvatarPreview = Boolean(resolvedPreview);
-  return /* @__PURE__ */ jsxs22("div", { className: "agg-profile-about flex flex-col gap-8", children: [
-    /* @__PURE__ */ jsxs22("div", { className: "agg-profile-avatar-section flex w-full flex-col items-stretch sm:items-start", children: [
-      /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23("div", { className: "agg-profile-about flex flex-col gap-8", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "agg-profile-avatar-section flex w-full flex-col items-stretch sm:items-start", children: [
+      /* @__PURE__ */ jsxs23(
         "button",
         {
           type: "button",
@@ -3154,13 +3318,13 @@ var AboutTab = ({
           ),
           "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
           children: [
-            !hasAvatarPreview ? /* @__PURE__ */ jsx22(
+            !hasAvatarPreview ? /* @__PURE__ */ jsx23(
               "svg",
               {
                 "aria-hidden": true,
                 viewBox: "0 0 80 80",
                 className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
-                children: /* @__PURE__ */ jsx22(
+                children: /* @__PURE__ */ jsx23(
                   "circle",
                   {
                     cx: "40",
@@ -3174,18 +3338,18 @@ var AboutTab = ({
                 )
               }
             ) : null,
-            resolvedPreview ? /* @__PURE__ */ jsx22(
+            resolvedPreview ? /* @__PURE__ */ jsx23(
               RemoteImage,
               {
                 src: resolvedPreview,
                 alt: labels.onboarding.profileSetup.profilePreviewAlt,
                 className: "h-full w-full object-cover"
               }
-            ) : /* @__PURE__ */ jsx22(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
+            ) : /* @__PURE__ */ jsx23(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
           ]
         }
       ),
-      /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx23(
         "input",
         {
           ref: fileInputRef,
@@ -3197,8 +3361,8 @@ var AboutTab = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs22("div", { className: "agg-form-section flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsxs23("div", { className: "agg-form-section flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx23(
         "label",
         {
           htmlFor: "profile-username",
@@ -3206,7 +3370,7 @@ var AboutTab = ({
           children: "Username"
         }
       ),
-      /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx23(
         "input",
         {
           id: "profile-username",
@@ -3233,11 +3397,11 @@ var AboutTab = ({
 AboutTab.displayName = "AboutTab";
 
 // src/profile/tabs/accounts-wallets-tab.tsx
-import { useCallback as useCallback7, useEffect as useEffect7, useState as useState10 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect6, useState as useState9 } from "react";
 import { useAggClient, useDepositAddresses as useDepositAddresses2 } from "@agg-build/hooks";
-import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
-var SectionTitle = ({ children }) => /* @__PURE__ */ jsx23("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccountRow = ({ children, className }) => /* @__PURE__ */ jsx23(
+import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
+var SectionTitle = ({ children }) => /* @__PURE__ */ jsx24("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccountRow = ({ children, className }) => /* @__PURE__ */ jsx24(
   "div",
   {
     className: cn(
@@ -3249,7 +3413,7 @@ var AccountRow = ({ children, className }) => /* @__PURE__ */ jsx23(
     children
   }
 );
-var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx23(
+var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx24(
   "button",
   {
     type: "button",
@@ -3258,7 +3422,7 @@ var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx23(
     children: "Connect"
   }
 );
-var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx23(
+var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx24(
   "button",
   {
     type: "button",
@@ -3270,13 +3434,13 @@ var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx23(
 var TRADING_ACCESS_VENUES = ["kalshi", "polymarket", "opinion", "predict"];
 var VerifyIdentityButton = ({ onError }) => {
   const client = useAggClient();
-  const [isInitiating, setIsInitiating] = useState10(false);
-  const [needsDepositAddress, setNeedsDepositAddress] = useState10(false);
+  const [isInitiating, setIsInitiating] = useState9(false);
+  const [needsDepositAddress, setNeedsDepositAddress] = useState9(false);
   const { isReady, isTimedOut } = useDepositAddresses2({
     enabled: needsDepositAddress,
     poll: true
   });
-  useEffect7(() => {
+  useEffect6(() => {
     if (!isInitiating || !isReady) return;
     const redirectUri = window.location.href;
     client.initiateKyc("kalshi", redirectUri).then((res) => {
@@ -3290,7 +3454,7 @@ var VerifyIdentityButton = ({ onError }) => {
       setNeedsDepositAddress(false);
     });
   }, [isReady, isInitiating, client, onError]);
-  useEffect7(() => {
+  useEffect6(() => {
     if (isTimedOut && isInitiating) {
       setIsInitiating(false);
       setNeedsDepositAddress(false);
@@ -3301,14 +3465,14 @@ var VerifyIdentityButton = ({ onError }) => {
     setIsInitiating(true);
     setNeedsDepositAddress(true);
   }, []);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "button",
     {
       type: "button",
       disabled: isInitiating,
       onClick: handleClick,
       className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap disabled:cursor-not-allowed disabled:opacity-60",
-      children: isInitiating ? /* @__PURE__ */ jsx23("span", { className: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : "Verify Identity"
+      children: isInitiating ? /* @__PURE__ */ jsx24("span", { className: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : "Verify Identity"
     }
   );
 };
@@ -3316,26 +3480,26 @@ var TradingAccessSection = ({
   venueAccounts,
   onKycError
 }) => {
-  return /* @__PURE__ */ jsxs23("div", { className: "agg-trading-access-section flex flex-col gap-3", children: [
-    /* @__PURE__ */ jsx23(SectionTitle, { children: "Trading access" }),
-    /* @__PURE__ */ jsx23("div", { className: "flex flex-col gap-2", children: TRADING_ACCESS_VENUES.map((venue) => {
+  return /* @__PURE__ */ jsxs24("div", { className: "agg-trading-access-section flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsx24(SectionTitle, { children: "Trading access" }),
+    /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-2", children: TRADING_ACCESS_VENUES.map((venue) => {
       var _a;
       const venueAccount = venueAccounts == null ? void 0 : venueAccounts.find((va) => va.venue === venue);
       const isKalshi = venue === "kalshi";
       const isVerified = (venueAccount == null ? void 0 : venueAccount.kycStatus) === "verified";
       const displayName = (_a = venueLogoLabels[venue]) != null ? _a : venue;
-      return /* @__PURE__ */ jsxs23(AccountRow, { children: [
-        /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx23(VenueLogo, { venue, size: "small" }),
-          /* @__PURE__ */ jsx23("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: displayName })
+      return /* @__PURE__ */ jsxs24(AccountRow, { children: [
+        /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx24(VenueLogo, { venue, size: "small" }),
+          /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: displayName })
         ] }),
-        isKalshi && !isVerified ? /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx23("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: "KYC required" }),
-          /* @__PURE__ */ jsx23(VerifyIdentityButton, { onError: onKycError })
-        ] }) : isKalshi && isVerified ? /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx23("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: "Verified" }),
-          /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx23(
+        isKalshi && !isVerified ? /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx24("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: "KYC required" }),
+          /* @__PURE__ */ jsx24(VerifyIdentityButton, { onError: onKycError })
+        ] }) : isKalshi && isVerified ? /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx24("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: "Verified" }),
+          /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx24(
               Icon,
               {
                 name: "check-badge",
@@ -3343,11 +3507,11 @@ var TradingAccessSection = ({
                 color: "var(--agg-color-primary, #536dfe)"
               }
             ),
-            /* @__PURE__ */ jsx23("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: "Available" })
+            /* @__PURE__ */ jsx24("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: "Available" })
           ] })
-        ] }) : /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx23(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" }),
-          /* @__PURE__ */ jsx23("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: "Available" })
+        ] }) : /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx24(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" }),
+          /* @__PURE__ */ jsx24("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: "Available" })
         ] })
       ] }, venue);
     }) })
@@ -3375,37 +3539,37 @@ var AccountsWalletsTab = ({
   const twitter = socialAccounts == null ? void 0 : socialAccounts.twitter;
   const google = socialAccounts == null ? void 0 : socialAccounts.google;
   const apple = socialAccounts == null ? void 0 : socialAccounts.apple;
-  return /* @__PURE__ */ jsxs23("div", { className: "agg-accounts-wallets-tab flex flex-col gap-8", children: [
-    /* @__PURE__ */ jsx23(TradingAccessSection, { venueAccounts, onKycError }),
-    /* @__PURE__ */ jsxs23("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx23(SectionTitle, { children: "Social Accounts" }),
-      /* @__PURE__ */ jsxs23("div", { className: "agg-social-accounts-list flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsxs23(AccountRow, { className: "agg-social-account-row", children: [
-          /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx23("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx23(Icon, { name: "google", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ jsx23("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Google" })
+  return /* @__PURE__ */ jsxs24("div", { className: "agg-accounts-wallets-tab flex flex-col gap-8", children: [
+    /* @__PURE__ */ jsx24(TradingAccessSection, { venueAccounts, onKycError }),
+    /* @__PURE__ */ jsxs24("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx24(SectionTitle, { children: "Social Accounts" }),
+      /* @__PURE__ */ jsxs24("div", { className: "agg-social-accounts-list flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxs24(AccountRow, { className: "agg-social-account-row", children: [
+          /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx24("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx24(Icon, { name: "google", size: "small", color: "currentColor" }) }),
+            /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Google" })
           ] }),
-          (google == null ? void 0 : google.connected) ? /* @__PURE__ */ jsx23(DisconnectTextButton, { onClick: onDisconnectGoogle }) : /* @__PURE__ */ jsx23(ConnectTextButton, { onClick: onConnectGoogle })
+          (google == null ? void 0 : google.connected) ? /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: onDisconnectGoogle }) : /* @__PURE__ */ jsx24(ConnectTextButton, { onClick: onConnectGoogle })
         ] }),
-        /* @__PURE__ */ jsxs23(AccountRow, { className: "agg-social-account-row", children: [
-          /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx23("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx23(Icon, { name: "apple", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ jsx23("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Apple" })
+        /* @__PURE__ */ jsxs24(AccountRow, { className: "agg-social-account-row", children: [
+          /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx24("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx24(Icon, { name: "apple", size: "small", color: "currentColor" }) }),
+            /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Apple" })
           ] }),
-          (apple == null ? void 0 : apple.connected) ? /* @__PURE__ */ jsx23(DisconnectTextButton, { onClick: onDisconnectApple }) : /* @__PURE__ */ jsx23(ConnectTextButton, { onClick: onConnectApple })
+          (apple == null ? void 0 : apple.connected) ? /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: onDisconnectApple }) : /* @__PURE__ */ jsx24(ConnectTextButton, { onClick: onConnectApple })
         ] }),
-        /* @__PURE__ */ jsxs23(AccountRow, { className: "agg-social-account-row", children: [
-          /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx23("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx23(Icon, { name: "twitter", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ jsx23("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "X (Twitter)" })
+        /* @__PURE__ */ jsxs24(AccountRow, { className: "agg-social-account-row", children: [
+          /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx24("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx24(Icon, { name: "twitter", size: "small", color: "currentColor" }) }),
+            /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "X (Twitter)" })
           ] }),
-          (twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ jsx23(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ jsx23(ConnectTextButton, { onClick: onConnectTwitter })
+          (twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ jsx24(ConnectTextButton, { onClick: onConnectTwitter })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx23(SectionTitle, { children: "Email Address" }),
-      /* @__PURE__ */ jsxs23(
+    /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx24(SectionTitle, { children: "Email Address" }),
+      /* @__PURE__ */ jsxs24(
         "button",
         {
           type: "button",
@@ -3417,11 +3581,11 @@ var AccountsWalletsTab = ({
             "cursor-pointer hover:bg-agg-secondary-hover"
           ),
           children: [
-            /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx23("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx23(Icon, { name: "email", size: "small", color: "currentColor" }) }),
-              /* @__PURE__ */ jsx23("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: email != null ? email : "Connect email" })
+            /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx24("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx24(Icon, { name: "email", size: "small", color: "currentColor" }) }),
+              /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: email != null ? email : "Connect email" })
             ] }),
-            /* @__PURE__ */ jsx23(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+            /* @__PURE__ */ jsx24(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
           ]
         }
       )
@@ -3431,7 +3595,7 @@ var AccountsWalletsTab = ({
 AccountsWalletsTab.displayName = "AccountsWalletsTab";
 
 // src/profile/index.tsx
-import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
 var EVM_WALLET_VENUES = [Venue4.polymarket, Venue4.predict, Venue4.opinion];
 var ProfileModal = ({
   open,
@@ -3462,14 +3626,15 @@ var ProfileModal = ({
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const client = useAggClient2();
   const { user, startAuth } = useAggAuthState2();
-  const [activeTab, setActiveTab] = useState11(PROFILE_TAB_KEYS.ABOUT);
+  const toastCtx = useOptionalToast();
+  const [activeTab, setActiveTab] = useState10(PROFILE_TAB_KEYS.ABOUT);
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
-  const [draftUsername, setDraftUsername] = useState11(resolvedInitialUsername);
-  const [draftAvatarFile, setDraftAvatarFile] = useState11();
-  const [draftAvatarPreview, setDraftAvatarPreview] = useState11();
-  const [isSaving, setIsSaving] = useState11(false);
-  const [avatarTypeError, setAvatarTypeError] = useState11(null);
-  useEffect8(() => {
+  const [draftUsername, setDraftUsername] = useState10(resolvedInitialUsername);
+  const [draftAvatarFile, setDraftAvatarFile] = useState10();
+  const [draftAvatarPreview, setDraftAvatarPreview] = useState10();
+  const [isSaving, setIsSaving] = useState10(false);
+  const [avatarTypeError, setAvatarTypeError] = useState10(null);
+  useEffect7(() => {
     var _a2;
     setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
   }, [username, user == null ? void 0 : user.username]);
@@ -3513,7 +3678,7 @@ var ProfileModal = ({
   const originalUsername = (_b = username != null ? username : user == null ? void 0 : user.username) != null ? _b : "";
   const hasChanges = draftUsername !== originalUsername || draftAvatarFile !== void 0;
   const handleSave = useCallback8(() => __async(null, null, function* () {
-    var _a2, _b2;
+    var _a2, _b2, _c2;
     setIsSaving(true);
     try {
       const normalizedUsername = draftUsername.trim();
@@ -3545,6 +3710,15 @@ var ProfileModal = ({
         avatarPreview: resolvedAvatarPreview
       });
       onOpenChange(false);
+    } catch (err) {
+      const apiError = err;
+      const fieldErrors = ((_c2 = apiError.errors) != null ? _c2 : []).map((e) => e == null ? void 0 : e.message).filter((m) => typeof m === "string" && m.length > 0);
+      const toastMessage = fieldErrors.length > 0 ? fieldErrors.join("\n") : apiError.message || "Failed to save profile. Please try again.";
+      if (toastCtx) {
+        toastCtx.toast(toastMessage, { tone: "error", title: "Could not save profile" });
+      } else if (typeof console !== "undefined") {
+        console.error("[ProfileModal] save failed:", toastMessage);
+      }
     } finally {
       setIsSaving(false);
     }
@@ -3555,7 +3729,8 @@ var ProfileModal = ({
     draftUsername,
     onOpenChange,
     onSave,
-    originalUsername
+    originalUsername,
+    toastCtx
   ]);
   const handleCancel = useCallback8(() => {
     handleOpenChange(false);
@@ -3744,7 +3919,7 @@ var ProfileModal = ({
     }),
     [client, exchanges, onDisconnectExchangeProp]
   );
-  return /* @__PURE__ */ jsx24(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx25(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs25(
     Modal.Container,
     {
       maxWidth: "800px",
@@ -3753,77 +3928,67 @@ var ProfileModal = ({
         container: cn("agg-profile-modal", "min-h-[37.5rem]")
       },
       children: [
-        /* @__PURE__ */ jsx24(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
-        /* @__PURE__ */ jsx24(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ jsxs24("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
-          /* @__PURE__ */ jsxs24("div", { className: "shrink-0", children: [
-            /* @__PURE__ */ jsx24("div", { className: "agg-profile-tabs mb-6 flex gap-2 sm:hidden", children: PROFILE_TAB_ITEMS.map((tab) => {
-              const isActive = activeTab === tab.value;
-              return /* @__PURE__ */ jsxs24(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => setActiveTab(tab.value),
-                  className: cn(
-                    "agg-profile-tab-trigger",
-                    "flex items-center gap-3 px-4 py-3 rounded-agg-lg",
-                    "text-agg-sm leading-agg-5 font-agg-sans",
-                    "transition-colors cursor-pointer",
-                    "border-b-2",
-                    isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover border-agg-primary" : "font-agg-normal text-agg-foreground border-transparent"
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsx24(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                    /* @__PURE__ */ jsx24("span", { className: "whitespace-nowrap", children: tab.label })
-                  ]
-                },
-                tab.value
-              );
-            }) }),
-            /* @__PURE__ */ jsx24(
-              "nav",
-              {
-                className: cn(
-                  "agg-profile-sidebar",
-                  "hidden sm:sticky sm:top-0 sm:self-start sm:flex sm:flex-col",
-                  "w-[240px]",
-                  "overflow-hidden rounded-agg-lg",
-                  "border border-agg-separator",
-                  "bg-agg-secondary",
-                  "py-3"
-                ),
-                role: "tablist",
-                "aria-label": "Profile sections",
-                children: PROFILE_TAB_ITEMS.map((tab) => {
-                  const isActive = activeTab === tab.value;
-                  return /* @__PURE__ */ jsxs24(
-                    "button",
-                    {
-                      type: "button",
-                      role: "tab",
-                      "aria-selected": isActive,
-                      onClick: () => setActiveTab(tab.value),
-                      className: cn(
-                        "agg-profile-tab-trigger",
-                        "relative flex items-center gap-3",
-                        "h-[49px] px-6 py-4",
-                        "text-agg-sm leading-agg-5 font-agg-sans",
-                        "transition-colors cursor-pointer",
-                        isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
-                      ),
-                      children: [
-                        isActive ? /* @__PURE__ */ jsx24("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                        /* @__PURE__ */ jsx24(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                        /* @__PURE__ */ jsx24("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
-                      ]
-                    },
-                    tab.value
-                  );
-                })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs24("div", { className: "agg-profile-content min-w-0 flex-1", children: [
-            activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
+        /* @__PURE__ */ jsx25("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ jsx25(
+          Tabs,
+          {
+            className: "w-full [&>div]:w-full",
+            variant: "underline",
+            classNames: { tabList: "w-full" },
+            items: PROFILE_TAB_ITEMS.map((tab) => ({
+              value: tab.value,
+              label: tab.label,
+              icon: /* @__PURE__ */ jsx25(Icon, { name: tab.icon, size: "small" })
+            })),
+            value: activeTab,
+            onChange: (val) => setActiveTab(val)
+          }
+        ) }),
+        /* @__PURE__ */ jsx25(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ jsxs25("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
+          /* @__PURE__ */ jsx25("div", { className: "shrink-0", children: /* @__PURE__ */ jsx25(
+            "nav",
+            {
+              className: cn(
+                "agg-profile-sidebar",
+                "hidden sm:sticky sm:top-0 sm:self-start sm:flex sm:flex-col",
+                "w-[240px]",
+                "overflow-hidden rounded-agg-lg",
+                "border border-agg-separator",
+                "bg-agg-secondary",
+                "py-3"
+              ),
+              role: "tablist",
+              "aria-label": "Profile sections",
+              children: PROFILE_TAB_ITEMS.map((tab) => {
+                const isActive = activeTab === tab.value;
+                return /* @__PURE__ */ jsxs25(
+                  "button",
+                  {
+                    type: "button",
+                    role: "tab",
+                    "aria-selected": isActive,
+                    onClick: () => setActiveTab(tab.value),
+                    className: cn(
+                      "agg-profile-tab-trigger",
+                      "relative flex items-center gap-3",
+                      "h-[49px] px-6 py-4",
+                      "text-agg-sm leading-agg-5 font-agg-sans",
+                      "transition-colors cursor-pointer",
+                      isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
+                    ),
+                    children: [
+                      isActive ? /* @__PURE__ */ jsx25("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+                      /* @__PURE__ */ jsx25(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                      /* @__PURE__ */ jsx25("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                    ]
+                  },
+                  tab.value
+                );
+              })
+            }
+          ) }),
+          /* @__PURE__ */ jsxs25("div", { className: "agg-profile-content min-w-0 flex-1", children: [
+            activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ jsx25(
               AboutTab,
               {
                 username: username != null ? username : user == null ? void 0 : user.username,
@@ -3837,7 +4002,7 @@ var ProfileModal = ({
                 avatarError: avatarTypeError
               }
             ) : null,
-            activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ jsx24(
+            activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ jsx25(
               AccountsWalletsTab,
               {
                 exchanges: resolvedExchanges,
@@ -3867,9 +4032,9 @@ var ProfileModal = ({
             ) : null
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxs24(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
-          /* @__PURE__ */ jsx24(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
-          /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsxs25(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
+          /* @__PURE__ */ jsx25(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
+          /* @__PURE__ */ jsx25(
             Button,
             {
               variant: "primary",
@@ -3888,53 +4053,57 @@ var ProfileModal = ({
 ProfileModal.displayName = "ProfileModal";
 
 // src/geo-block-modal/index.tsx
-import { useLabels as useLabels21 } from "@agg-build/hooks";
+import { useLabels as useLabels22 } from "@agg-build/hooks";
 import { useCallback as useCallback9 } from "react";
-import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
 var GeoBlockModal = ({
   open,
   onOpenChange,
   onConfirm,
   classNames
 }) => {
-  const labels = useLabels21();
+  const labels = useLabels22();
   const handleConfirm = useCallback9(() => {
     onConfirm == null ? void 0 : onConfirm();
     onOpenChange(false);
   }, [onConfirm, onOpenChange]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     Modal,
     {
       open,
       onOpenChange,
       "aria-label": labels.trading.geoBlockModalAriaLabel,
-      children: /* @__PURE__ */ jsxs25(
+      children: /* @__PURE__ */ jsxs26(
         Modal.Container,
         {
           maxWidth: "480px",
           classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
           children: [
-            /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx26(
               Modal.Header,
               {
                 title: "",
                 hideBorder: true,
-                classNames: { root: "min-h-0", container: "px-8 pt-6! pb-0!" }
+                classNames: {
+                  root: "min-h-0! h-12!",
+                  container: "p-0! sm:p-0!",
+                  close: "absolute top-8 right-8"
+                }
               }
             ),
-            /* @__PURE__ */ jsx25(Modal.Body, { classNames: { root: cn("!px-10 !pb-12 !pt-0", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ jsxs25("div", { className: "flex flex-col items-center gap-8", children: [
-              /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx26(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center gap-8", children: [
+              /* @__PURE__ */ jsx26(
                 Icon,
                 {
                   name: "internet-security",
                   className: "h-[60px] w-[60px] text-agg-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ jsxs25("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-                /* @__PURE__ */ jsx25("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
-                /* @__PURE__ */ jsx25("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
+              /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+                /* @__PURE__ */ jsx26("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
+                /* @__PURE__ */ jsx26("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
               ] }),
-              /* @__PURE__ */ jsx25(
+              /* @__PURE__ */ jsx26(
                 Button,
                 {
                   variant: "secondary",