@agg-build/ui 1.0.0 → 1.0.2

package/dist/{chunk-DMKKNK76.mjs → chunk-WFS772A3.mjs}

@@ -10,7 +10,7 @@ import {
   ChevronLeftIcon,
   ChevronRightIcon,
   CloseIcon,
-  CopyIcon,
+  CopyButton,
   CreateAccountIcon,
   CreditCardIcon,
   DocumentIcon,
@@ -37,11 +37,13 @@ import {
   __spreadValues,
   cn,
   formatCompactUsd,
+  getMotionClassName,
+  shortenAddress,
   venueLogoLabels
-} from "./chunk-6NS7D73S.mjs";
+} from "./chunk-TLGQ4LID.mjs";
 
 // src/deposit/index.tsx
-import { useEffect as useEffect3, useMemo, useRef, useState as useState3 } from "react";
+import { useEffect as useEffect3, useMemo, useRef, useState as useState2 } from "react";
 import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels10 } from "@agg-build/hooks";
 import { SVM_CHAIN_IDS, useDepositFlow } from "@agg-build/hooks/deposit";
 
@@ -462,7 +464,6 @@ var CardDepositStep = ({
 };
 
 // src/deposit/steps/crypto-transfer.tsx
-import { useState as useState2, useCallback } from "react";
 import { useLabels as useLabels3 } from "@agg-build/hooks";
 
 // src/deposit/components/DepositQRCode.tsx
@@ -556,12 +557,6 @@ var CryptoTransferStep = ({
 }) => {
   var _a;
   const labels = useLabels3();
-  const [isCopied, setIsCopied] = useState2(false);
-  const handleCopy = useCallback(() => {
-    onCopyAddress();
-    setIsCopied(true);
-    window.setTimeout(() => setIsCopied(false), 2e3);
-  }, [onCopyAddress]);
   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;
@@ -622,17 +617,15 @@ var CryptoTransferStep = ({
         /* @__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__ */ jsxs4(
-            "button",
+          /* @__PURE__ */ jsx4(
+            CopyButton,
             {
-              type: "button",
+              value: depositAddress,
+              label: labels.deposit.sendCrypto.copy,
+              copiedLabel: labels.deposit.sendCrypto.copied,
               disabled: isLoadingAddress || !!addressError || !depositAddress,
-              className: "shrink-0 inline-flex items-center gap-1 text-agg-primary hover:text-agg-primary/80 transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
-              onClick: handleCopy,
-              children: [
-                isCopied ? /* @__PURE__ */ jsx4(CheckCircleIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx4(CopyIcon, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsx4("span", { className: "agg-type-label-strong", children: isCopied ? labels.deposit.sendCrypto.copied : labels.deposit.sendCrypto.copy })
-              ]
+              onCopy: onCopyAddress,
+              className: "text-agg-primary hover:text-agg-primary/80"
             }
           )
         ] }),
@@ -924,6 +917,7 @@ 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
@@ -946,6 +940,20 @@ var CardPaymentPendingStep = ({
         /* @__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 })
       ] }),
+      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,
+            {
+              value: walletAddress,
+              "aria-label": labels.deposit.cardFlow.pendingCopyAddress,
+              className: "text-agg-muted-foreground hover:text-agg-foreground"
+            }
+          )
+        ] })
+      ] }) : 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 })
@@ -1189,27 +1197,28 @@ function DepositModalControlled({
   const { walletActions } = useAggUiConfig();
   const labels = useLabels10();
   const defaultMethod = isWeb3User ? "wallet" : "crypto";
-  const [step, setStep] = useState3(
+  const [step, setStep] = useState2(
     () => pendingCardPurchaseSummary ? "card-success" : "method"
   );
-  const [highlightedMethod, setHighlightedMethod] = useState3(defaultMethod);
+  const [highlightedMethod, setHighlightedMethod] = useState2(defaultMethod);
   const walletSubmitInFlightRef = useRef(false);
-  const [isWalletSubmitting, setIsWalletSubmitting] = useState3(false);
-  const [cardProviders, setCardProviders] = useState3([]);
-  const [quotesLoading, setQuotesLoading] = useState3(false);
-  const [quotesError, setQuotesError] = useState3(null);
-  const [sessionError, setSessionError] = useState3(null);
-  const [pendingProviderName, setPendingProviderName] = useState3("");
+  const [isWalletSubmitting, setIsWalletSubmitting] = useState2(false);
+  const [cardProviders, setCardProviders] = useState2([]);
+  const [quotesLoading, setQuotesLoading] = useState2(false);
+  const [quotesError, setQuotesError] = useState2(null);
+  const [sessionError, setSessionError] = useState2(null);
+  const [pendingProviderName, setPendingProviderName] = useState2("");
+  const [pendingProviderWalletAddress, setPendingProviderWalletAddress] = useState2("");
   useEffect3(() => {
     if (pendingCardPurchaseSummary) {
       clearPendingCardSession();
       setStep("card-success");
     }
   }, [pendingCardPurchaseSummary]);
-  const [walletChainId, setWalletChainId] = useState3("");
-  const [walletToken, setWalletToken] = useState3("");
-  const [sendChainId, setSendChainId] = useState3("");
-  const [sendToken, setSendToken] = useState3("");
+  const [walletChainId, setWalletChainId] = useState2("");
+  const [walletToken, setWalletToken] = useState2("");
+  const [sendChainId, setSendChainId] = useState2("");
+  const [sendToken, setSendToken] = useState2("");
   const {
     isReady,
     isTimedOut,
@@ -1373,6 +1382,7 @@ function DepositModalControlled({
         });
         window.open(session.widgetUrl, "_blank", "noopener,noreferrer");
         setPendingProviderName((_m = selectedProvider == null ? void 0 : selectedProvider.name) != null ? _m : providerId);
+        setPendingProviderWalletAddress(depositAddr);
         setStep("card-payment-pending");
       } catch (err) {
         setSessionError(err instanceof Error ? err.message : "Failed to create session");
@@ -1390,6 +1400,7 @@ function DepositModalControlled({
     setQuotesError(null);
     setSessionError(null);
     setPendingProviderName("");
+    setPendingProviderWalletAddress("");
     setStep("card-deposit");
   };
   const handleDoneCryptoTransfer = () => {
@@ -1419,6 +1430,7 @@ function DepositModalControlled({
       setQuotesError(null);
       setSessionError(null);
       setPendingProviderName("");
+      setPendingProviderWalletAddress("");
       clearPendingCardSession();
     }
     onOpenChange(isOpen);
@@ -1559,6 +1571,7 @@ function DepositModalControlled({
       CardPaymentPendingStep,
       {
         providerName: pendingProviderName,
+        walletAddress: pendingProviderWalletAddress || void 0,
         onClose: () => handleOpenChange(false),
         onViewActivity: handleViewActivity,
         onChooseAnotherProvider: handleChooseAnotherProvider
@@ -1595,11 +1608,6 @@ function DepositModalControlled({
           setSendChainId(id);
           setSendToken("");
         },
-        onCopyAddress: () => {
-          var _a2;
-          if (depositAddress) (_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText(depositAddress).catch(() => {
-          });
-        },
         onDone: handleDoneCryptoTransfer
       }
     ) : null
@@ -1614,42 +1622,12 @@ var DepositModal = (props) => {
 DepositModal.displayName = "DepositModal";
 
 // src/withdraw/index.tsx
-import { useMemo as useMemo2, useState as useState4 } from "react";
+import { useEffect as useEffect5, useState as useState4 } from "react";
+import { 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";
-var WithdrawMethodCard = ({
-  icon,
-  title,
-  description,
-  onContinue
-}) => /* @__PURE__ */ jsxs12(
-  "div",
-  {
-    className: cn(
-      "flex items-center gap-3 sm:gap-4 rounded-xl border border-agg-separator bg-agg-secondary p-3 sm:p-4",
-      "hover:bg-agg-secondary-hover transition-colors cursor-pointer"
-    ),
-    role: "button",
-    tabIndex: 0,
-    onClick: onContinue,
-    onKeyDown: (e) => {
-      if (e.key === "Enter" || e.key === " ") {
-        e.preventDefault();
-        onContinue();
-      }
-    },
-    children: [
-      /* @__PURE__ */ jsx12("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
-      /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx12("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
-        /* @__PURE__ */ jsx12("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
-      ] }),
-      /* @__PURE__ */ jsx12("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ jsx12(ChevronRightIcon, { className: "h-5 w-5" }) })
-    ]
-  }
-);
 var WithdrawMethodStep = ({
   balance,
   onSelectMethod
@@ -1663,13 +1641,30 @@ var WithdrawMethodStep = ({
         " ",
         formatCompactUsd(balance)
       ] }),
-      /* @__PURE__ */ jsx12(
-        WithdrawMethodCard,
+      /* @__PURE__ */ jsxs12(
+        "div",
         {
-          icon: /* @__PURE__ */ jsx12(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
-          title: labels.withdraw.methods.cardTitle,
-          description: labels.withdraw.methods.cardDescription,
-          onContinue: () => onSelectMethod("card")
+          className: cn(
+            "flex items-center gap-3 sm:gap-4 rounded-xl border border-agg-separator bg-agg-secondary p-3 sm:p-4",
+            "hover:bg-agg-secondary-hover transition-colors cursor-pointer"
+          ),
+          role: "button",
+          tabIndex: 0,
+          onClick: () => onSelectMethod("wallet"),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              onSelectMethod("wallet");
+            }
+          },
+          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__ */ jsx12("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ jsx12(ChevronRightIcon, { className: "h-5 w-5" }) })
+          ]
         }
       )
     ] }) })
@@ -1681,26 +1676,34 @@ import { useLabels as useLabels12 } from "@agg-build/hooks";
 import { Fragment as Fragment8, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 var WithdrawAmountStep = ({
   amount,
-  currency,
   destinationWallet,
+  balanceDisplay,
   tokenOptions,
   networkOptions,
   selectedToken,
   selectedNetwork,
+  isConfirming = false,
+  error,
   onBack,
   onAmountChange,
-  onCurrencyChange,
+  onDestinationChange,
   onTokenChange,
   onNetworkChange,
+  onMaxClick,
   onContinue
 }) => {
   const labels = useLabels12();
-  const isValid = Number(amount) > 0;
+  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(
       Modal.Header,
       {
-        title: labels.withdraw.cardFlow.title,
+        title: labels.withdraw.walletFlow.title,
         hideBorder: true,
         leftElement: /* @__PURE__ */ jsx13(
           "button",
@@ -1708,323 +1711,529 @@ var WithdrawAmountStep = ({
             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",
+            "aria-label": labels.withdraw.back,
             children: /* @__PURE__ */ jsx13(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 gap-3 items-end", children: [
-        /* @__PURE__ */ jsxs13("div", { className: "flex-1 flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsx13("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.amountLabel }),
-          /* @__PURE__ */ jsxs13("div", { className: "flex h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3", children: [
-            /* @__PURE__ */ jsx13(
-              "input",
-              {
-                type: "text",
-                inputMode: "decimal",
-                "aria-label": labels.withdraw.cardFlow.amountLabel,
-                className: cn(
-                  "agg-type-body w-full bg-transparent outline-none",
-                  isValid ? "text-agg-foreground" : "text-agg-muted-foreground"
-                ),
-                placeholder: "0.00",
-                value: amount,
-                onChange: (event) => onAmountChange(event.target.value)
-              }
-            ),
-            /* @__PURE__ */ jsx13("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx13("div", { className: "w-[100px]", children: /* @__PURE__ */ jsx13(
-          Select,
+      /* @__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",
           {
-            items: [{ value: currency, label: currency }],
-            value: currency,
-            onChange: onCurrencyChange,
-            ariaLabel: labels.withdraw.cardFlow.currencyLabel
+            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 gap-5", children: [
+      /* @__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__ */ jsx13("p", { className: "agg-type-label text-agg-muted-foreground", children: 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(
+            "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__ */ 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.cardFlow.tokenLabel }),
+          /* @__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.cardFlow.tokenLabel
+              ariaLabel: labels.withdraw.walletFlow.tokenLabel
             }
           )
         ] }),
         /* @__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.cardFlow.networkLabel }),
+          /* @__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.cardFlow.networkLabel
+              ariaLabel: labels.withdraw.walletFlow.networkLabel
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsx13("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.destinationWalletLabel }),
-        /* @__PURE__ */ jsx13("div", { className: "flex h-10 items-center rounded border border-agg-separator bg-agg-secondary px-3", children: /* @__PURE__ */ jsx13("p", { className: "agg-type-body truncate text-agg-foreground", children: destinationWallet }) })
-      ] }),
       /* @__PURE__ */ jsx13(
         Button,
         {
-          variant: isValid ? "primary" : "secondary",
+          variant: isValid && !isConfirming ? "primary" : "secondary",
           size: "large",
           className: "w-full",
-          disabled: !isValid,
+          disabled: isDisabled,
           onClick: onContinue,
-          children: labels.withdraw.cardFlow.getQuotes
+          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
     ] }) })
   ] });
 };
 
-// src/withdraw/steps/withdraw-provider.tsx
-import { useLabels as useLabels13 } from "@agg-build/hooks";
-import { Fragment as Fragment9, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
-var WithdrawProviderItem = ({ provider, onSelect }) => {
-  const labels = useLabels13();
-  const badgeText = provider.badge === "best" ? labels.withdraw.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.withdraw.cardFlow.providerBadges.lowKyc : void 0;
-  return /* @__PURE__ */ jsx14(
-    "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__ */ jsxs14("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx14("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
-          badgeText ? /* @__PURE__ */ jsx14(
-            "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"}`,
-              children: badgeText
-            }
-          ) : null
-        ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsxs14("div", { className: "text-right", children: [
-            /* @__PURE__ */ jsx14("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
-            /* @__PURE__ */ jsxs14("p", { className: "agg-type-label text-agg-muted-foreground", children: [
-              labels.withdraw.cardFlow.feeLabel,
-              " ",
-              provider.fee
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx14(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
-        ] })
-      ] })
-    }
-  );
+// 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 WithdrawProviderStep = ({
-  token,
-  amount,
-  currency,
-  providers,
-  onBack,
-  onSelectProvider
+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 labels = useLabels13();
-  return /* @__PURE__ */ jsxs14(Fragment9, { children: [
-    /* @__PURE__ */ jsx14(
-      Modal.Header,
-      {
-        title: labels.withdraw.cardFlow.selectProviderTitle,
-        hideBorder: true,
-        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__ */ jsx14(ChevronLeftIcon, { className: "h-6 w-6" })
-          }
-        )
-      }
-    ),
-    /* @__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-4", children: [
-      /* @__PURE__ */ jsxs14("p", { className: "agg-type-body text-agg-foreground", children: [
-        /* @__PURE__ */ jsx14("span", { className: "font-agg-bold", children: token }),
-        " $",
-        amount,
-        " ",
-        currency
-      ] }),
-      /* @__PURE__ */ jsx14("div", { className: "flex flex-col gap-4", children: providers.map((provider) => /* @__PURE__ */ jsx14(
-        WithdrawProviderItem,
-        {
-          provider,
-          onSelect: onSelectProvider
-        },
-        provider.id
-      )) })
-    ] }) })
-  ] });
+  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 { useLabels as useLabels14 } 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 border-b border-agg-separator py-2 last:border-b-0", children: [
-  /* @__PURE__ */ jsx15("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
-  /* @__PURE__ */ jsx15("p", { className: "agg-type-label text-agg-foreground", children: value })
+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 })
 ] });
+var LoadingGlyph = ({
+  className,
+  enableAnimations
+}) => /* @__PURE__ */ jsx14(
+  "span",
+  {
+    "aria-hidden": "true",
+    className: cn(
+      "inline-block rounded-full border-2 border-current border-r-transparent",
+      getMotionClassName(enableAnimations, "animate-spin"),
+      className
+    )
+  }
+);
+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 stepIconNameFor = (status) => {
+  return status === "warning" || status === "error" ? "warning-filled" : "check-circle";
+};
 var WithdrawSuccessStep = ({
   summary,
+  tokenSymbol,
+  withdrawalId,
   onDone,
   onClose
 }) => {
-  const labels = useLabels14();
-  return /* @__PURE__ */ jsx15("div", { className: "relative", children: /* @__PURE__ */ jsxs15(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
-    /* @__PURE__ */ jsx15(
+  var _a;
+  const labels = useLabels13();
+  const {
+    features: { enableAnimations }
+  } = useSdkUiConfig();
+  const { state } = useWithdrawalLifecycle(withdrawalId);
+  const [isTimelineExpanded, setIsTimelineExpanded] = useState3(true);
+  const walletFlowLabels = labels.withdraw.walletFlow;
+  const { groups, finalStep, hasDetails } = buildWithdrawalLifecycleSteps({
+    pending: state.pending,
+    status: state.status,
+    legs: state.legs,
+    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",
+        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__ */ jsx15(CloseIcon, { className: "h-6 w-6" })
+        children: /* @__PURE__ */ jsx14(CloseIcon, { className: "h-6 w-6" })
       }
     ),
-    /* @__PURE__ */ jsxs15("div", { className: "flex flex-col items-center gap-8", children: [
-      /* @__PURE__ */ jsx15("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full border border-agg-success/50 bg-agg-success/15", children: /* @__PURE__ */ jsx15(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
-      /* @__PURE__ */ jsxs15("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ jsx15("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.withdraw.cardFlow.successTitle }),
-        /* @__PURE__ */ jsx15("p", { className: "agg-type-body text-agg-foreground", children: labels.withdraw.cardFlow.successDescription })
-      ] }),
-      /* @__PURE__ */ jsxs15("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
-        /* @__PURE__ */ jsx15(
-          SummaryRow3,
+    /* @__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(
+          "p",
           {
-            label: labels.withdraw.summary.amountReceived,
-            value: summary.amountReceived
+            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
           }
         ),
-        /* @__PURE__ */ jsx15(SummaryRow3, { label: labels.withdraw.summary.network, value: summary.network }),
-        /* @__PURE__ */ jsx15(
-          SummaryRow3,
+        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",
           {
-            label: labels.withdraw.cardFlow.summary.provider,
-            value: summary.provider
+            "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}`
+            )) }) })
           }
-        ),
-        /* @__PURE__ */ jsx15(
+        ) : null,
+        hasDetails ? /* @__PURE__ */ jsxs14(
+          "button",
+          {
+            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"
+                }
+              )
+            ]
+          }
+        ) : null
+      ] }) : null,
+      /* @__PURE__ */ jsxs14("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ jsx14(
           SummaryRow3,
           {
-            label: labels.withdraw.cardFlow.summary.toWallet,
-            value: summary.toWallet
+            label: walletFlowLabels.summary.amountReceived,
+            value: summary.amountReceived
           }
         ),
-        /* @__PURE__ */ jsx15(SummaryRow3, { label: labels.withdraw.cardFlow.summary.fees, value: summary.fees })
+        /* @__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__ */ jsx15(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.withdraw.done })
+      /* @__PURE__ */ jsx14(Button, { variant: "secondary", size: "large", className: "w-[160px]", onClick: onDone, children: labels.withdraw.done })
     ] })
   ] }) });
 };
 
 // src/withdraw/index.tsx
-import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
-var WithdrawModal = ({
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+function isControlledWithdrawModalProps(props) {
+  return "withdrawFlow" in props;
+}
+function WithdrawModalSelfDriven({
+  open,
+  onOpenChange
+}) {
+  const withdrawProps = useWithdrawFlow({ open, onOpenChange });
+  return /* @__PURE__ */ jsx15(WithdrawModalControlled, __spreadValues({}, withdrawProps));
+}
+function WithdrawModalControlled({
   open,
   onOpenChange,
   withdrawFlow,
-  onSelectWithdrawMethod,
+  onWithdrawDestinationChange,
   onWithdrawAmountChange,
-  onWithdrawCurrencyChange,
   onWithdrawTokenChange,
   onWithdrawNetworkChange,
-  onGetWithdrawQuotes,
+  onMaxClick,
   onSelectWithdrawProvider,
   onDoneWithdraw
-}) => {
+}) {
   const [step, setStep] = useState4("method");
-  const handleBackToMethod = () => {
-    setStep("method");
-  };
-  const handleSelectMethod = (method) => {
-    setStep("withdraw-amount");
-    onSelectWithdrawMethod == null ? void 0 : onSelectWithdrawMethod(method);
-  };
+  const [isConfirming, setIsConfirming] = useState4(false);
+  const [confirmError, setConfirmError] = useState4(null);
+  useEffect5(() => {
+    if (!open) {
+      setStep("method");
+      setIsConfirming(false);
+      setConfirmError(null);
+    }
+  }, [open]);
   const handleOpenChange = (isOpen) => {
     if (!isOpen) {
       setStep("method");
+      setIsConfirming(false);
+      setConfirmError(null);
     }
     onOpenChange(isOpen);
   };
-  const fallbackNetworkOptions = useMemo2(() => mapNetworksToOptions(), []);
-  const withdrawTokenOptions = withTokenIcons(
-    mergeSelectOptionsUnique(withdrawFlow.tokenOptions, DEFAULT_CURRENCY_OPTIONS)
-  );
-  const withdrawNetworkOptions = withNetworkIcons(
-    mergeSelectOptionsUnique(withdrawFlow.networkOptions, fallbackNetworkOptions)
-  );
-  return /* @__PURE__ */ jsx16(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs16(Modal.Container, { maxWidth: "600px", "aria-label": "Withdraw", children: [
-    step === "method" ? /* @__PURE__ */ jsx16(WithdrawMethodStep, { balance: withdrawFlow.balance, onSelectMethod: handleSelectMethod }) : null,
-    step === "withdraw-amount" ? /* @__PURE__ */ jsx16(
+  const handleBack = () => {
+    setConfirmError(null);
+    setStep("method");
+  };
+  const handleConfirm = () => __async(null, null, function* () {
+    setIsConfirming(true);
+    setConfirmError(null);
+    try {
+      yield onSelectWithdrawProvider("wallet");
+      setStep("success");
+    } catch (err) {
+      setConfirmError(err instanceof Error ? err.message : "Withdrawal failed. Please try again.");
+    } 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: "600px", "aria-label": "Withdraw", children: [
+    step === "method" ? /* @__PURE__ */ jsx15(
+      WithdrawMethodStep,
+      {
+        balance: withdrawFlow.balance,
+        onSelectMethod: () => setStep("withdraw-amount")
+      }
+    ) : null,
+    step === "withdraw-amount" ? /* @__PURE__ */ jsx15(
       WithdrawAmountStep,
       {
         amount: withdrawFlow.amount,
-        currency: withdrawFlow.currency,
         destinationWallet: withdrawFlow.destinationWallet,
+        balanceDisplay: withdrawFlow.balanceDisplay,
         tokenOptions: withdrawTokenOptions,
         networkOptions: withdrawNetworkOptions,
         selectedToken: withdrawFlow.selectedToken,
         selectedNetwork: withdrawFlow.selectedNetwork,
-        onBack: handleBackToMethod,
+        isConfirming,
+        error: confirmError,
+        onBack: handleBack,
         onAmountChange: onWithdrawAmountChange,
-        onCurrencyChange: onWithdrawCurrencyChange,
+        onDestinationChange: onWithdrawDestinationChange,
         onTokenChange: onWithdrawTokenChange,
         onNetworkChange: onWithdrawNetworkChange,
-        onContinue: () => {
-          onGetWithdrawQuotes == null ? void 0 : onGetWithdrawQuotes();
-          setStep("provider");
-        }
+        onMaxClick,
+        onContinue: handleConfirm
       }
     ) : null,
-    step === "provider" ? /* @__PURE__ */ jsx16(
-      WithdrawProviderStep,
-      {
-        token: withdrawFlow.selectedToken,
-        amount: withdrawFlow.amount,
-        currency: withdrawFlow.currency,
-        providers: withdrawFlow.providers,
-        onBack: () => setStep("withdraw-amount"),
-        onSelectProvider: (providerId) => {
-          onSelectWithdrawProvider(providerId);
-          setStep("success");
-        }
-      }
-    ) : null,
-    step === "success" ? /* @__PURE__ */ jsx16(
+    step === "success" ? /* @__PURE__ */ jsx15(
       WithdrawSuccessStep,
       {
         summary: withdrawFlow.purchaseSummary,
+        tokenSymbol: withdrawFlow.selectedToken,
+        withdrawalId: withdrawFlow.withdrawalId,
         onDone: onDoneWithdraw,
-        onClose: () => onOpenChange(false)
+        onClose: () => handleOpenChange(false)
       }
     ) : null
   ] }) });
+}
+var WithdrawModal = (props) => {
+  if (isControlledWithdrawModalProps(props)) {
+    return /* @__PURE__ */ jsx15(WithdrawModalControlled, __spreadValues({}, props));
+  }
+  return /* @__PURE__ */ jsx15(WithdrawModalSelfDriven, __spreadValues({}, props));
 };
 WithdrawModal.displayName = "WithdrawModal";
 
 // src/onboarding/index.tsx
-import { useCallback as useCallback6, useEffect as useEffect4, useState as useState9 } from "react";
-import { useLabels as useLabels20 } from "@agg-build/hooks";
+import { useCallback as useCallback5, useEffect as useEffect6, useState as useState9 } from "react";
+import { useLabels as useLabels19 } from "@agg-build/hooks";
 import * as Dialog3 from "@radix-ui/react-dialog";
 
 // src/onboarding/onboarding-modal.constants.ts
@@ -2043,30 +2252,30 @@ var ONBOARDING_STEPS = {
 var ONCHAIN_VENUES = [Venue.polymarket, Venue.opinion, Venue.predict];
 
 // src/onboarding/steps/how-it-works.tsx
-import { useCallback as useCallback2, useRef as useRef2, useState as useState5 } from "react";
-import { useLabels as useLabels15 } from "@agg-build/hooks";
-import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+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";
 var defaultIcons = {
-  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" })
+  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" })
 };
 var HowItWorksStep = ({ onContinue, icons }) => {
-  const labels = useLabels15();
+  const labels = useLabels14();
   const scrollRef = useRef2(null);
   const [showTopGradient, setShowTopGradient] = useState5(false);
   const [showBottomGradient, setShowBottomGradient] = useState5(true);
-  const handleScroll = useCallback2(() => {
+  const handleScroll = useCallback(() => {
     const el = scrollRef.current;
     if (!el) return;
     setShowTopGradient(el.scrollTop > 0);
     setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
   }, []);
-  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(
+  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(
         "div",
         {
           ref: scrollRef,
@@ -2076,7 +2285,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__ */ jsxs17(
+            return /* @__PURE__ */ jsxs16(
               "div",
               {
                 className: cn(
@@ -2085,11 +2294,11 @@ var HowItWorksStep = ({ onContinue, icons }) => {
                   "bg-agg-secondary-hover"
                 ),
                 children: [
-                  /* @__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 })
+                  /* @__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 })
                   ] }),
-                  icon ? /* @__PURE__ */ jsx17("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
+                  icon ? /* @__PURE__ */ jsx16("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
                 ]
               },
               featureKey
@@ -2097,7 +2306,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           })
         }
       ),
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx16(
         "div",
         {
           className: cn(
@@ -2108,7 +2317,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           )
         }
       ),
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx16(
         "div",
         {
           className: cn(
@@ -2120,26 +2329,26 @@ var HowItWorksStep = ({ onContinue, icons }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx17(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
+    /* @__PURE__ */ jsx16(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 useCallback3, useRef as useRef3, useState as useState6 } from "react";
-import { useLabels as useLabels16 } from "@agg-build/hooks";
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+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";
 var ProfileSetupStep = ({ onContinue }) => {
-  const labels = useLabels16();
+  const labels = useLabels15();
   const [username, setUsername] = useState6("");
   const [avatarFile, setAvatarFile] = useState6();
   const [avatarPreview, setAvatarPreview] = useState6();
   const fileInputRef = useRef3(null);
-  const handleAvatarClick = useCallback3(() => {
+  const handleAvatarClick = useCallback2(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = useCallback3((e) => {
+  const handleFileChange = useCallback2((e) => {
     var _a;
     const file = (_a = e.target.files) == null ? void 0 : _a[0];
     if (!file) return;
@@ -2151,18 +2360,18 @@ var ProfileSetupStep = ({ onContinue }) => {
     };
     reader.readAsDataURL(file);
   }, []);
-  const handleContinue = useCallback3(() => {
+  const handleContinue = useCallback2(() => {
     onContinue({
       username,
       avatarFile,
       avatarPreview
     });
   }, [username, avatarFile, avatarPreview, onContinue]);
-  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(
+  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(
           "button",
           {
             type: "button",
@@ -2178,13 +2387,13 @@ var ProfileSetupStep = ({ onContinue }) => {
             ),
             "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
             children: [
-              !avatarPreview ? /* @__PURE__ */ jsx18(
+              !avatarPreview ? /* @__PURE__ */ jsx17(
                 "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__ */ jsx18(
+                  children: /* @__PURE__ */ jsx17(
                     "circle",
                     {
                       cx: "40",
@@ -2198,18 +2407,18 @@ var ProfileSetupStep = ({ onContinue }) => {
                   )
                 }
               ) : null,
-              avatarPreview ? /* @__PURE__ */ jsx18(
+              avatarPreview ? /* @__PURE__ */ jsx17(
                 RemoteImage,
                 {
                   src: avatarPreview,
                   alt: labels.onboarding.profileSetup.profilePreviewAlt,
                   className: "h-full w-full object-cover"
                 }
-              ) : /* @__PURE__ */ jsx18(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
+              ) : /* @__PURE__ */ jsx17(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx17(
           "input",
           {
             ref: fileInputRef,
@@ -2221,8 +2430,8 @@ var ProfileSetupStep = ({ onContinue }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ jsx17(
           "label",
           {
             htmlFor: "onboarding-username",
@@ -2230,7 +2439,7 @@ var ProfileSetupStep = ({ onContinue }) => {
             children: labels.onboarding.profileSetup.usernameLabel
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx17(
           "input",
           {
             id: "onboarding-username",
@@ -2254,17 +2463,17 @@ var ProfileSetupStep = ({ onContinue }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx18(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
+    /* @__PURE__ */ jsx17(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 useLabels17 } from "@agg-build/hooks";
-import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useLabels as useLabels16 } from "@agg-build/hooks";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
 var OnchainVenueLogos = () => {
-  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)) });
+  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)) });
 };
 var VenueCard = ({
   logos,
@@ -2275,8 +2484,8 @@ var VenueCard = ({
   onConnect,
   connected = false
 }) => {
-  const labels = useLabels17();
-  const action = connected ? /* @__PURE__ */ jsx19(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx19(
+  const labels = useLabels16();
+  const action = connected ? /* @__PURE__ */ jsx18(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx18(
     Button,
     {
       variant: "tertiary",
@@ -2286,18 +2495,18 @@ var VenueCard = ({
       children: labels.onboarding.connectAccounts.connect
     }
   );
-  const mobileAction = connected ? /* @__PURE__ */ jsx19(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx19(
+  const mobileAction = connected ? /* @__PURE__ */ jsx18(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx18(
     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__ */ jsx19(ChevronRightIcon, { className: "h-4 w-4" }),
+      suffix: /* @__PURE__ */ jsx18(ChevronRightIcon, { className: "h-4 w-4" }),
       children: labels.onboarding.connectAccounts.connectAccount
     }
   );
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs18(
     "div",
     {
       className: cn(
@@ -2305,23 +2514,23 @@ var VenueCard = ({
         connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
       ),
       children: [
-        /* @__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__ */ 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__ */ jsx19("div", { className: "shrink-0", children: action })
+          /* @__PURE__ */ jsx18("div", { className: "shrink-0", children: action })
         ] }),
-        /* @__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 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 items-start gap-2", children: [
-            /* @__PURE__ */ jsx19("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
+          /* @__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 }),
             mobileAction
           ] })
         ] })
@@ -2336,15 +2545,15 @@ var ConnectAccountsStep = ({
   connectedOnchain = false,
   connectedKalshi = false
 }) => {
-  const labels = useLabels17();
+  const labels = useLabels16();
   const canContinue = connectedOnchain || connectedKalshi;
-  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(
+  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(
         VenueCard,
         {
-          logos: /* @__PURE__ */ jsx19(OnchainVenueLogos, {}),
+          logos: /* @__PURE__ */ jsx18(OnchainVenueLogos, {}),
           title: labels.onboarding.connectAccounts.onchainTitle,
           mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
             ONCHAIN_VENUES.length - 1
@@ -2355,10 +2564,10 @@ var ConnectAccountsStep = ({
           connected: connectedOnchain
         }
       ),
-      /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx18(
         VenueCard,
         {
-          logos: /* @__PURE__ */ jsx19("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ jsx19(
+          logos: /* @__PURE__ */ jsx18("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ jsx18(
             VenueLogo,
             {
               venue: Venue2.kalshi,
@@ -2376,7 +2585,7 @@ var ConnectAccountsStep = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx18(
       Button,
       {
         variant: "primary",
@@ -2393,25 +2602,25 @@ ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
 import { Venue as Venue3 } from "@agg-build/sdk";
-import { useCallback as useCallback4, useState as useState7 } from "react";
-import { useLabels as useLabels18 } from "@agg-build/hooks";
+import { useCallback as useCallback3, useState as useState7 } from "react";
+import { useLabels as useLabels17 } from "@agg-build/hooks";
 import * as Dialog from "@radix-ui/react-dialog";
-import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 var ConnectKalshiModal = ({
   open,
   onOpenChange,
   onVerify
 }) => {
-  const labels = useLabels18();
+  const labels = useLabels17();
   const [apiKeyId, setApiKeyId] = useState7("");
   const [privateKey, setPrivateKey] = useState7("");
   const [verifying, setVerifying] = useState7(false);
   const [error, setError] = useState7();
   const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
-  const handleCancel = useCallback4(() => {
+  const handleCancel = useCallback3(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleVerify = useCallback4(() => __async(null, null, function* () {
+  const handleVerify = useCallback3(() => __async(null, null, function* () {
     if (!canVerify || verifying) return;
     setVerifying(true);
     setError(void 0);
@@ -2440,7 +2649,7 @@ var ConnectKalshiModal = ({
     privateKey,
     verifying
   ]);
-  const handleOpenChange = useCallback4(
+  const handleOpenChange = useCallback3(
     (value) => {
       if (value) {
         setApiKeyId("");
@@ -2452,15 +2661,15 @@ var ConnectKalshiModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ jsx20(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsx19(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs19(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ jsx20(Dialog.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx19(Dialog.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
+        /* @__PURE__ */ jsx19(
           Modal.Header,
           {
             hideClose: false,
@@ -2471,8 +2680,8 @@ var ConnectKalshiModal = ({
             }
           }
         ),
-        /* @__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(
+        /* @__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(
             VenueLogo,
             {
               venue: Venue3.kalshi,
@@ -2481,54 +2690,54 @@ var ConnectKalshiModal = ({
               className: "h-[60px] w-[60px]"
             }
           ),
-          /* @__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 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 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: "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: "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: [
+              /* @__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: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
                   " ",
-                  /* @__PURE__ */ jsx20("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  /* @__PURE__ */ jsx19("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
                   " ",
-                  /* @__PURE__ */ jsx20("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
+                  /* @__PURE__ */ jsx19("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
                 ] }),
-                /* @__PURE__ */ jsxs20("p", { children: [
+                /* @__PURE__ */ jsxs19("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
                   " ",
-                  /* @__PURE__ */ jsx20("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  /* @__PURE__ */ jsx19("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
                 ] }),
-                /* @__PURE__ */ jsxs20("p", { children: [
+                /* @__PURE__ */ jsxs19("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
                   " ",
-                  /* @__PURE__ */ jsx20("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  /* @__PURE__ */ jsx19("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
                 ] }),
-                /* @__PURE__ */ jsx20("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                /* @__PURE__ */ jsx19("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
               ] }),
-              /* @__PURE__ */ jsxs20("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ jsxs19("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
                 labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ jsx20("br", {}),
+                /* @__PURE__ */ jsx19("br", {}),
                 labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
               ] })
             ] }),
-            /* @__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__ */ 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__ */ 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(
+              /* @__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(
                   "label",
                   {
                     htmlFor: "kalshi-api-key-id",
@@ -2536,7 +2745,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
                   }
                 ),
-                /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx19(
                   "input",
                   {
                     id: "kalshi-api-key-id",
@@ -2556,8 +2765,8 @@ var ConnectKalshiModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx19(
                   "label",
                   {
                     htmlFor: "kalshi-private-key",
@@ -2565,7 +2774,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
                   }
                 ),
-                /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx19(
                   "textarea",
                   {
                     id: "kalshi-private-key",
@@ -2587,42 +2796,42 @@ var ConnectKalshiModal = ({
               ] })
             ] })
           ] }),
-          /* @__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(
+          /* @__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(
                 "a",
                 {
                   href: "#",
                   className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
                   children: [
-                    /* @__PURE__ */ jsx20(DocumentIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsx19(DocumentIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.docsLinkLabel
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx20("span", { className: "h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ jsxs20(
+              /* @__PURE__ */ jsx19("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ jsxs19(
                 "a",
                 {
                   href: "#",
                   className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
                   children: [
-                    /* @__PURE__ */ jsx20(PlaySquareIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsx19(PlaySquareIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
                   ]
                 }
               )
             ] })
           ] }),
-          /* @__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 })
+          /* @__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 })
             ] }) : null,
-            /* @__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(
+            /* @__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(
                 Button,
                 {
                   variant: "primary",
@@ -2643,22 +2852,22 @@ var ConnectKalshiModal = ({
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
-import { useCallback as useCallback5, useState as useState8 } from "react";
-import { useLabels as useLabels19 } from "@agg-build/hooks";
+import { useCallback as useCallback4, useState as useState8 } from "react";
+import { useLabels as useLabels18 } from "@agg-build/hooks";
 import * as Dialog2 from "@radix-ui/react-dialog";
-import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
 var ConnectOnchainModal = ({
   open,
   onOpenChange,
   onConnect
 }) => {
-  const labels = useLabels19();
+  const labels = useLabels18();
   const [connecting, setConnecting] = useState8(false);
   const [error, setError] = useState8();
-  const handleCancel = useCallback5(() => {
+  const handleCancel = useCallback4(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleConnect = useCallback5(() => __async(null, null, function* () {
+  const handleConnect = useCallback4(() => __async(null, null, function* () {
     if (connecting) return;
     setConnecting(true);
     setError(void 0);
@@ -2673,7 +2882,7 @@ var ConnectOnchainModal = ({
       setConnecting(false);
     }
   }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
-  const handleOpenChange = useCallback5(
+  const handleOpenChange = useCallback4(
     (value) => {
       if (value) {
         setError(void 0);
@@ -2683,15 +2892,15 @@ var ConnectOnchainModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ jsx21(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx20(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs20(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ jsx21(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx20(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ jsx20(
           Modal.Header,
           {
             hideClose: false,
@@ -2702,26 +2911,26 @@ var ConnectOnchainModal = ({
             }
           }
         ),
-        /* @__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__ */ 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__ */ 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] })
+          /* @__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] })
             ] }, venue)) })
           ] }),
-          /* @__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 })
+          /* @__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 })
               ] }) : null,
-              /* @__PURE__ */ jsx21(
+              /* @__PURE__ */ jsx20(
                 Button,
                 {
                   variant: "primary",
@@ -2732,7 +2941,7 @@ var ConnectOnchainModal = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx20(
               Button,
               {
                 variant: "tertiary",
@@ -2751,7 +2960,7 @@ var ConnectOnchainModal = ({
 ConnectOnchainModal.displayName = "ConnectOnchainModal";
 
 // src/onboarding/index.tsx
-import { Fragment as Fragment10, jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
 var OnboardingModal = ({
   open,
   onOpenChange,
@@ -2764,7 +2973,7 @@ var OnboardingModal = ({
   connectedKalshi = false
 }) => {
   var _a;
-  const labels = useLabels20();
+  const labels = useLabels19();
   const [step, setStep] = useState9(ONBOARDING_STEPS.HOW_IT_WORKS);
   const stepLabels = {
     [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
@@ -2776,56 +2985,56 @@ var OnboardingModal = ({
   const [kalshiConnected, setKalshiConnected] = useState9(false);
   const [onchainModalOpen, setOnchainModalOpen] = useState9(false);
   const [onchainConnected, setOnchainConnected] = useState9(false);
-  useEffect4(() => {
+  useEffect6(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
       setKalshiConnected(false);
       setOnchainConnected(false);
     }
   }, [open]);
-  const handleHowItWorksContinue = useCallback6(() => {
+  const handleHowItWorksContinue = useCallback5(() => {
     setStep(ONBOARDING_STEPS.PROFILE_SETUP);
   }, []);
-  const handleProfileContinue = useCallback6(
+  const handleProfileContinue = useCallback5(
     (data) => {
       onProfileSubmit == null ? void 0 : onProfileSubmit(data);
       setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
     },
     [onProfileSubmit]
   );
-  const handleConnectContinue = useCallback6(() => {
+  const handleConnectContinue = useCallback5(() => {
     onComplete == null ? void 0 : onComplete();
   }, [onComplete]);
-  const handleOpenOnchainModal = useCallback6(() => {
+  const handleOpenOnchainModal = useCallback5(() => {
     setOnchainModalOpen(true);
   }, []);
-  const handleOnchainConnect = useCallback6(() => __async(null, null, function* () {
+  const handleOnchainConnect = useCallback5(() => __async(null, null, function* () {
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  const handleOpenKalshiModal = useCallback6(() => {
+  const handleOpenKalshiModal = useCallback5(() => {
     setKalshiModalOpen(true);
   }, []);
-  const handleKalshiVerify = useCallback6(
+  const handleKalshiVerify = useCallback5(
     (credentials) => __async(null, null, function* () {
       yield onConnectKalshi == null ? void 0 : onConnectKalshi(credentials);
       setKalshiConnected(true);
     }),
     [onConnectKalshi]
   );
-  return /* @__PURE__ */ jsxs22(Fragment10, { children: [
-    /* @__PURE__ */ jsx22(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs21(Fragment9, { children: [
+    /* @__PURE__ */ jsx21(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs21(
       Modal.Container,
       {
         maxWidth: "600px",
         "aria-label": resolvedTitle,
         classNames: { container: "!rounded-agg-lg" },
         children: [
-          /* @__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(
+          /* @__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(
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
@@ -2839,7 +3048,7 @@ var OnboardingModal = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx21(
       ConnectOnchainModal,
       {
         open: onchainModalOpen,
@@ -2847,7 +3056,7 @@ var OnboardingModal = ({
         onConnect: handleOnchainConnect
       }
     ),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx21(
       ConnectKalshiModal,
       {
         open: kalshiModalOpen,
@@ -2861,7 +3070,7 @@ OnboardingModal.displayName = "OnboardingModal";
 
 // src/profile/index.tsx
 import { Venue as Venue4 } from "@agg-build/sdk";
-import { useState as useState11, useEffect as useEffect6, useCallback as useCallback9, useMemo as useMemo3 } from "react";
+import { useState as useState11, useEffect as useEffect8, 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
@@ -2879,9 +3088,9 @@ var PROFILE_TAB_ITEMS = [
 ];
 
 // src/profile/tabs/about-tab.tsx
-import { useCallback as useCallback7, useRef as useRef4 } from "react";
-import { useLabels as useLabels21 } from "@agg-build/hooks";
-import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
+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";
 var AboutTab = ({
   avatarPreview,
   onDeleteProfile: _onDeleteProfile,
@@ -2891,13 +3100,13 @@ var AboutTab = ({
   draftAvatarPreview,
   avatarError: _avatarError
 }) => {
-  const labels = useLabels21();
+  const labels = useLabels20();
   const fileInputRef = useRef4(null);
-  const handleAvatarClick = useCallback7(() => {
+  const handleAvatarClick = useCallback6(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = useCallback7(
+  const handleFileChange = useCallback6(
     (e) => {
       var _a;
       const file = (_a = e.target.files) == null ? void 0 : _a[0];
@@ -2913,9 +3122,9 @@ var AboutTab = ({
   );
   const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
   const hasAvatarPreview = Boolean(resolvedPreview);
-  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(
+  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(
         "button",
         {
           type: "button",
@@ -2932,13 +3141,13 @@ var AboutTab = ({
           ),
           "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
           children: [
-            !hasAvatarPreview ? /* @__PURE__ */ jsx23(
+            !hasAvatarPreview ? /* @__PURE__ */ jsx22(
               "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__ */ jsx23(
+                children: /* @__PURE__ */ jsx22(
                   "circle",
                   {
                     cx: "40",
@@ -2952,18 +3161,18 @@ var AboutTab = ({
                 )
               }
             ) : null,
-            resolvedPreview ? /* @__PURE__ */ jsx23(
+            resolvedPreview ? /* @__PURE__ */ jsx22(
               RemoteImage,
               {
                 src: resolvedPreview,
                 alt: labels.onboarding.profileSetup.profilePreviewAlt,
                 className: "h-full w-full object-cover"
               }
-            ) : /* @__PURE__ */ jsx23(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
+            ) : /* @__PURE__ */ jsx22(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
           ]
         }
       ),
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx22(
         "input",
         {
           ref: fileInputRef,
@@ -2975,8 +3184,8 @@ var AboutTab = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs23("div", { className: "agg-form-section flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsxs22("div", { className: "agg-form-section flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx22(
         "label",
         {
           htmlFor: "profile-username",
@@ -2984,7 +3193,7 @@ var AboutTab = ({
           children: "Username"
         }
       ),
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx22(
         "input",
         {
           id: "profile-username",
@@ -3011,11 +3220,11 @@ var AboutTab = ({
 AboutTab.displayName = "AboutTab";
 
 // src/profile/tabs/accounts-wallets-tab.tsx
-import { useCallback as useCallback8, useEffect as useEffect5, useState as useState10 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect7, useState as useState10 } from "react";
 import { useAggClient, useDepositAddresses as useDepositAddresses2 } from "@agg-build/hooks";
-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(
+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(
   "div",
   {
     className: cn(
@@ -3027,7 +3236,7 @@ var AccountRow = ({ children, className }) => /* @__PURE__ */ jsx24(
     children
   }
 );
-var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx24(
+var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx23(
   "button",
   {
     type: "button",
@@ -3036,7 +3245,7 @@ var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx24(
     children: "Connect"
   }
 );
-var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx24(
+var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx23(
   "button",
   {
     type: "button",
@@ -3054,7 +3263,7 @@ var VerifyIdentityButton = ({ onError }) => {
     enabled: needsDepositAddress,
     poll: true
   });
-  useEffect5(() => {
+  useEffect7(() => {
     if (!isInitiating || !isReady) return;
     const redirectUri = window.location.href;
     client.initiateKyc("kalshi", redirectUri).then((res) => {
@@ -3068,25 +3277,25 @@ var VerifyIdentityButton = ({ onError }) => {
       setNeedsDepositAddress(false);
     });
   }, [isReady, isInitiating, client, onError]);
-  useEffect5(() => {
+  useEffect7(() => {
     if (isTimedOut && isInitiating) {
       setIsInitiating(false);
       setNeedsDepositAddress(false);
       onError == null ? void 0 : onError(new Error("Deposit address provisioning timed out"));
     }
   }, [isTimedOut, isInitiating, onError]);
-  const handleClick = useCallback8(() => {
+  const handleClick = useCallback7(() => {
     setIsInitiating(true);
     setNeedsDepositAddress(true);
   }, []);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "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__ */ jsx24("span", { className: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : "Verify Identity"
+      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"
     }
   );
 };
@@ -3094,26 +3303,26 @@ var TradingAccessSection = ({
   venueAccounts,
   onKycError
 }) => {
-  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) => {
+  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) => {
       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__ */ 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 })
+      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 })
         ] }),
-        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(
+        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(
               Icon,
               {
                 name: "check-badge",
@@ -3121,11 +3330,11 @@ var TradingAccessSection = ({
                 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" })
+            /* @__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" })
+        ] }) : /* @__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" })
         ] })
       ] }, venue);
     }) })
@@ -3153,37 +3362,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__ */ 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" })
+  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" })
           ] }),
-          (google == null ? void 0 : google.connected) ? /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: onDisconnectGoogle }) : /* @__PURE__ */ jsx24(ConnectTextButton, { onClick: onConnectGoogle })
+          (google == null ? void 0 : google.connected) ? /* @__PURE__ */ jsx23(DisconnectTextButton, { onClick: onDisconnectGoogle }) : /* @__PURE__ */ jsx23(ConnectTextButton, { onClick: onConnectGoogle })
         ] }),
-        /* @__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" })
+        /* @__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" })
           ] }),
-          (apple == null ? void 0 : apple.connected) ? /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: onDisconnectApple }) : /* @__PURE__ */ jsx24(ConnectTextButton, { onClick: onConnectApple })
+          (apple == null ? void 0 : apple.connected) ? /* @__PURE__ */ jsx23(DisconnectTextButton, { onClick: onDisconnectApple }) : /* @__PURE__ */ jsx23(ConnectTextButton, { onClick: onConnectApple })
         ] }),
-        /* @__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)" })
+        /* @__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)" })
           ] }),
-          (twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ jsx24(ConnectTextButton, { onClick: onConnectTwitter })
+          (twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ jsx23(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ jsx23(ConnectTextButton, { onClick: onConnectTwitter })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx24(SectionTitle, { children: "Email Address" }),
-      /* @__PURE__ */ jsxs24(
+    /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx23(SectionTitle, { children: "Email Address" }),
+      /* @__PURE__ */ jsxs23(
         "button",
         {
           type: "button",
@@ -3195,11 +3404,11 @@ var AccountsWalletsTab = ({
             "cursor-pointer hover:bg-agg-secondary-hover"
           ),
           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: "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__ */ 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__ */ jsx24(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+            /* @__PURE__ */ jsx23(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
           ]
         }
       )
@@ -3209,7 +3418,7 @@ var AccountsWalletsTab = ({
 AccountsWalletsTab.displayName = "AccountsWalletsTab";
 
 // src/profile/index.tsx
-import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
 var EVM_WALLET_VENUES = [Venue4.polymarket, Venue4.predict, Venue4.opinion];
 var ProfileModal = ({
   open,
@@ -3247,11 +3456,11 @@ var ProfileModal = ({
   const [draftAvatarPreview, setDraftAvatarPreview] = useState11();
   const [isSaving, setIsSaving] = useState11(false);
   const [avatarTypeError, setAvatarTypeError] = useState11(null);
-  useEffect6(() => {
+  useEffect8(() => {
     var _a2;
     setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
   }, [username, user == null ? void 0 : user.username]);
-  const handleOpenChange = useCallback9(
+  const handleOpenChange = useCallback8(
     (isOpen) => {
       var _a2;
       if (!isOpen) {
@@ -3275,7 +3484,7 @@ var ProfileModal = ({
       setDraftAvatarPreview
     ]
   );
-  const handleDraftAvatarChange = useCallback9(
+  const handleDraftAvatarChange = useCallback8(
     (file, preview) => {
       const ACCEPTED_AVATAR_TYPES = ["image/jpeg", "image/png", "image/gif", "image/webp"];
       if (file && !ACCEPTED_AVATAR_TYPES.includes(file.type)) {
@@ -3290,7 +3499,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 = useCallback9(() => __async(null, null, function* () {
+  const handleSave = useCallback8(() => __async(null, null, function* () {
     var _a2, _b2;
     setIsSaving(true);
     try {
@@ -3335,7 +3544,7 @@ var ProfileModal = ({
     onSave,
     originalUsername
   ]);
-  const handleCancel = useCallback9(() => {
+  const handleCancel = useCallback8(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
   const isAccountConnected = (providers) => {
@@ -3379,7 +3588,7 @@ var ProfileModal = ({
     if (typeof window === "undefined") return;
     ((_a2 = window.top) != null ? _a2 : window).location.assign(url);
   };
-  const handleConnectTwitter = useCallback9(() => __async(null, null, function* () {
+  const handleConnectTwitter = useCallback8(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "twitter",
       redirectUrl: resolveRedirectUrl()
@@ -3389,7 +3598,7 @@ var ProfileModal = ({
       navigateTopWindow(result.url);
     }
   }), [onConnectTwitter, startAuth]);
-  const handleConnectGoogle = useCallback9(() => __async(null, null, function* () {
+  const handleConnectGoogle = useCallback8(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "google",
       redirectUrl: resolveRedirectUrl()
@@ -3399,7 +3608,7 @@ var ProfileModal = ({
       navigateTopWindow(result.url);
     }
   }), [onConnectGoogle, startAuth]);
-  const handleConnectApple = useCallback9(() => __async(null, null, function* () {
+  const handleConnectApple = useCallback8(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "apple",
       redirectUrl: resolveRedirectUrl()
@@ -3409,22 +3618,22 @@ var ProfileModal = ({
       navigateTopWindow(result.url);
     }
   }), [onConnectApple, startAuth]);
-  const handleDisconnectTwitter = useCallback9(() => __async(null, null, function* () {
+  const handleDisconnectTwitter = useCallback8(() => __async(null, null, function* () {
     yield client.disconnectAccount("twitter");
     yield client.getCurrentUser();
     onDisconnectTwitter == null ? void 0 : onDisconnectTwitter();
   }), [client, onDisconnectTwitter]);
-  const handleDisconnectGoogle = useCallback9(() => __async(null, null, function* () {
+  const handleDisconnectGoogle = useCallback8(() => __async(null, null, function* () {
     yield client.disconnectAccount("google");
     yield client.getCurrentUser();
     onDisconnectGoogle == null ? void 0 : onDisconnectGoogle();
   }), [client, onDisconnectGoogle]);
-  const handleDisconnectApple = useCallback9(() => __async(null, null, function* () {
+  const handleDisconnectApple = useCallback8(() => __async(null, null, function* () {
     yield client.disconnectAccount("apple");
     yield client.getCurrentUser();
     onDisconnectApple == null ? void 0 : onDisconnectApple();
   }), [client, onDisconnectApple]);
-  const handleConnectEmail = useCallback9(() => __async(null, null, function* () {
+  const handleConnectEmail = useCallback8(() => __async(null, null, function* () {
     var _a2;
     const typedEmail = typeof window !== "undefined" ? (_a2 = window.prompt("Enter your email to receive a magic link")) == null ? void 0 : _a2.trim() : void 0;
     if (!typedEmail) return;
@@ -3435,7 +3644,7 @@ var ProfileModal = ({
     });
     onConnectEmail == null ? void 0 : onConnectEmail();
   }), [onConnectEmail, startAuth]);
-  const handleDisconnectWallet = useCallback9(
+  const handleDisconnectWallet = useCallback8(
     (wallet) => __async(null, null, function* () {
       const normalizedChain = wallet.chain.toLowerCase();
       const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
@@ -3445,7 +3654,7 @@ var ProfileModal = ({
     }),
     [client, onDisconnectWallet]
   );
-  const providerActionMap = useMemo3(
+  const providerActionMap = useMemo2(
     () => ({
       twitter: {
         connect: () => {
@@ -3487,20 +3696,19 @@ var ProfileModal = ({
       handleDisconnectTwitter
     ]
   );
-  const shortenAddress = (address) => {
-    if (address.length <= 12) return address;
-    return `${address.slice(0, 6)}...${address.slice(-4)}`;
-  };
-  const resolvedWallets = useMemo3(() => {
+  const resolvedWallets = useMemo2(() => {
     var _a2, _b2;
     if (wallets) return wallets;
-    return (_b2 = (_a2 = user == null ? void 0 : user.wallets) == null ? void 0 : _a2.map((wallet) => ({
-      chain: wallet.chain,
-      address: wallet.address,
-      displayAddress: shortenAddress(wallet.address)
-    }))) != null ? _b2 : [];
+    return (_b2 = (_a2 = user == null ? void 0 : user.wallets) == null ? void 0 : _a2.map((wallet) => {
+      var _a3;
+      return {
+        chain: wallet.chain,
+        address: wallet.address,
+        displayAddress: (_a3 = shortenAddress(wallet.address, { chain: wallet.chain })) != null ? _a3 : wallet.address
+      };
+    })) != null ? _b2 : [];
   }, [user == null ? void 0 : user.wallets, wallets]);
-  const resolvedExchanges = useMemo3(() => {
+  const resolvedExchanges = useMemo2(() => {
     var _a2, _b2;
     if (exchanges !== void 0) return exchanges;
     const walletAccount = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.find(
@@ -3511,7 +3719,7 @@ var ProfileModal = ({
     const displayAddress = (_b2 = shortenAddress(addr)) != null ? _b2 : addr;
     return EVM_WALLET_VENUES.map((venue) => ({ venue, displayAddress, verified: false }));
   }, [exchanges, user == null ? void 0 : user.accounts]);
-  const handleDisconnectExchange = useCallback9(
+  const handleDisconnectExchange = useCallback8(
     (venue) => __async(null, null, function* () {
       if (exchanges !== void 0) {
         onDisconnectExchangeProp == null ? void 0 : onDisconnectExchangeProp(venue);
@@ -3523,7 +3731,7 @@ var ProfileModal = ({
     }),
     [client, exchanges, onDisconnectExchangeProp]
   );
-  return /* @__PURE__ */ jsx25(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsx24(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs24(
     Modal.Container,
     {
       maxWidth: "800px",
@@ -3532,12 +3740,12 @@ var ProfileModal = ({
         container: cn("agg-profile-modal", "min-h-[37.5rem]")
       },
       children: [
-        /* @__PURE__ */ jsx25(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
-        /* @__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__ */ jsxs25("div", { className: "shrink-0", children: [
-            /* @__PURE__ */ jsx25("div", { className: "agg-profile-tabs mb-6 flex gap-2 sm:hidden", children: PROFILE_TAB_ITEMS.map((tab) => {
+        /* @__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__ */ jsxs25(
+              return /* @__PURE__ */ jsxs24(
                 "button",
                 {
                   type: "button",
@@ -3551,14 +3759,14 @@ var ProfileModal = ({
                     isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover border-agg-primary" : "font-agg-normal text-agg-foreground border-transparent"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx25(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                    /* @__PURE__ */ jsx25("span", { className: "whitespace-nowrap", children: tab.label })
+                    /* @__PURE__ */ jsx24(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                    /* @__PURE__ */ jsx24("span", { className: "whitespace-nowrap", children: tab.label })
                   ]
                 },
                 tab.value
               );
             }) }),
-            /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx24(
               "nav",
               {
                 className: cn(
@@ -3574,7 +3782,7 @@ var ProfileModal = ({
                 "aria-label": "Profile sections",
                 children: PROFILE_TAB_ITEMS.map((tab) => {
                   const isActive = activeTab === tab.value;
-                  return /* @__PURE__ */ jsxs25(
+                  return /* @__PURE__ */ jsxs24(
                     "button",
                     {
                       type: "button",
@@ -3590,9 +3798,9 @@ var ProfileModal = ({
                         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 })
+                        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
@@ -3601,8 +3809,8 @@ var ProfileModal = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs25("div", { className: "agg-profile-content min-w-0 flex-1", children: [
-            activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsxs24("div", { className: "agg-profile-content min-w-0 flex-1", children: [
+            activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ jsx24(
               AboutTab,
               {
                 username: username != null ? username : user == null ? void 0 : user.username,
@@ -3616,7 +3824,7 @@ var ProfileModal = ({
                 avatarError: avatarTypeError
               }
             ) : null,
-            activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ jsx25(
+            activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ jsx24(
               AccountsWalletsTab,
               {
                 exchanges: resolvedExchanges,
@@ -3646,9 +3854,9 @@ var ProfileModal = ({
             ) : null
           ] })
         ] }) }),
-        /* @__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(
+        /* @__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(
             Button,
             {
               variant: "primary",
@@ -3667,46 +3875,46 @@ var ProfileModal = ({
 ProfileModal.displayName = "ProfileModal";
 
 // src/geo-block-modal/index.tsx
-import { useLabels as useLabels22 } from "@agg-build/hooks";
-import { useCallback as useCallback10 } from "react";
-import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
+import { useLabels as useLabels21 } from "@agg-build/hooks";
+import { useCallback as useCallback9 } from "react";
+import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
 var GeoBlockModal = ({
   open,
   onOpenChange,
   onConfirm,
   classNames
 }) => {
-  const labels = useLabels22();
-  const handleConfirm = useCallback10(() => {
+  const labels = useLabels21();
+  const handleConfirm = useCallback9(() => {
     onConfirm == null ? void 0 : onConfirm();
     onOpenChange(false);
   }, [onConfirm, onOpenChange]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     Modal,
     {
       open,
       onOpenChange,
       "aria-label": labels.trading.geoBlockModalAriaLabel,
-      children: /* @__PURE__ */ jsxs26(
+      children: /* @__PURE__ */ jsxs25(
         Modal.Container,
         {
           maxWidth: "480px",
           classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
           children: [
-            /* @__PURE__ */ jsx26(Modal.Header, { title: "", hideBorder: true, classNames: { container: "px-8 pt-8 pb-0" } }),
-            /* @__PURE__ */ jsx26(Modal.Body, { classNames: { root: cn("!px-10 !pb-12 !pt-0", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center gap-8", children: [
-              /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx25(Modal.Header, { title: "", hideBorder: true, classNames: { container: "px-8 pt-8 pb-0" } }),
+            /* @__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(
                 Icon,
                 {
                   name: "internet-security",
                   className: "h-[60px] w-[60px] text-agg-muted-foreground"
                 }
               ),
-              /* @__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__ */ 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__ */ jsx26(
+              /* @__PURE__ */ jsx25(
                 Button,
                 {
                   variant: "secondary",