@agg-build/ui 4.18.2 → 4.19.0

package/dist/index.js

@@ -33484,6 +33484,10 @@ __export(src_exports, {
   ImageIcon: () => ImageIcon,
   InfoIcon: () => InfoIcon,
   InlineAlert: () => InlineAlert,
+  LEADERBOARD_DEFAULT_METRIC: () => LEADERBOARD_DEFAULT_METRIC,
+  LEADERBOARD_DEFAULT_PERIOD: () => LEADERBOARD_DEFAULT_PERIOD,
+  LEADERBOARD_METRICS: () => LEADERBOARD_METRICS,
+  LeaderboardPage: () => LeaderboardPage,
   LineChart: () => LineChart,
   LinkAccountsIcon: () => LinkAccountsIcon,
   LoadingIcon: () => LoadingIcon,
@@ -33652,7 +33656,7 @@ var import_hooks43 = require("@agg-build/hooks");
 var DropdownMenu = __toESM(require("@radix-ui/react-dropdown-menu"));
 init_constants();
 
-// src/pages/user-profile/components/default-avatar.tsx
+// src/shared/default-avatar.tsx
 init_utils();
 var import_jsx_runtime150 = require("react/jsx-runtime");
 var DefaultAvatar = ({ className }) => {
@@ -38568,24 +38572,58 @@ var USER_PROFILE_POSITION_FILTERS = [
   { value: "closed", label: "Closed" }
 ];
 
-// src/pages/user-profile/position-view-model.ts
-var defaultLabels2 = {
-  avgPrefix: "avg",
-  nowPrefix: "now",
-  finalPrefix: "final"
-};
-var missingLabel = "\u2014";
+// src/shared/pnl-format.ts
+var MISSING_VALUE_LABEL = "\u2014";
 var usdFormatter = new Intl.NumberFormat("en-US", {
   style: "currency",
   currency: "USD",
   minimumFractionDigits: 2,
   maximumFractionDigits: 2
 });
+var isFiniteNumber = (value) => typeof value === "number" && Number.isFinite(value);
+var formatCurrency = (value, formatCurrencyOverride) => {
+  if (!isFiniteNumber(value)) return MISSING_VALUE_LABEL;
+  if (formatCurrencyOverride) return formatCurrencyOverride(value);
+  return usdFormatter.format(value);
+};
+var NEGLIGIBLE_CURRENCY_THRESHOLD = 5e-3;
+var formatSignedCurrency = (value, formatCurrencyOverride, options = {}) => {
+  if (!isFiniteNumber(value)) return MISSING_VALUE_LABEL;
+  if (value === 0) return formatCurrency(0, formatCurrencyOverride);
+  const sign = value > 0 ? "+" : "-";
+  const magnitude = Math.abs(value);
+  if (options.markNegligible && magnitude < NEGLIGIBLE_CURRENCY_THRESHOLD) {
+    return `${sign}<${formatCurrency(0.01, formatCurrencyOverride)}`;
+  }
+  return `${sign}${formatCurrency(magnitude, formatCurrencyOverride)}`;
+};
+var formatCurrencyMarkingNegligible = (value, formatCurrencyOverride) => {
+  if (!isFiniteNumber(value)) return MISSING_VALUE_LABEL;
+  if (value !== 0 && Math.abs(value) < NEGLIGIBLE_CURRENCY_THRESHOLD) {
+    return `<${formatCurrency(0.01, formatCurrencyOverride)}`;
+  }
+  return formatCurrency(value, formatCurrencyOverride);
+};
+var getPositionTone = (value) => {
+  if (!isFiniteNumber(value) || value === 0) return "neutral";
+  return value > 0 ? "positive" : "negative";
+};
+var toneClassName = (tone) => {
+  if (tone === "positive") return "text-agg-success";
+  if (tone === "negative") return "text-agg-error";
+  return "text-agg-muted-foreground";
+};
+
+// src/pages/user-profile/position-view-model.ts
+var defaultLabels2 = {
+  avgPrefix: "avg",
+  nowPrefix: "now",
+  finalPrefix: "final"
+};
 var percentFormatter = new Intl.NumberFormat("en-US", {
   minimumFractionDigits: 0,
   maximumFractionDigits: 1
 });
-var isFiniteNumber = (value) => typeof value === "number" && Number.isFinite(value);
 var parseCurrencyLabel = (label2) => {
   if (!label2) return null;
   const normalized = label2.replace(/[$,\s]/g, "");
@@ -38606,23 +38644,13 @@ var parsePercentLabel = (label2) => {
   const parsed = Number(match[1].replace(/,/g, ""));
   return Number.isFinite(parsed) ? parsed : null;
 };
-var formatCurrency = (value, formatCurrencyOverride) => {
-  if (!isFiniteNumber(value)) return missingLabel;
-  if (formatCurrencyOverride) return formatCurrencyOverride(value);
-  return usdFormatter.format(value);
-};
-var formatSignedCurrency = (value, formatCurrencyOverride) => {
-  if (!isFiniteNumber(value)) return missingLabel;
-  if (value === 0) return formatCurrency(0, formatCurrencyOverride);
-  return `${value > 0 ? "+" : "-"}${formatCurrency(Math.abs(value), formatCurrencyOverride)}`;
-};
 var formatPriceCents2 = (value, formatPrice) => {
-  if (!isFiniteNumber(value)) return missingLabel;
+  if (!isFiniteNumber(value)) return MISSING_VALUE_LABEL;
   if (formatPrice) return formatPrice(value);
   return `${Math.round(value * 100)}\xA2`;
 };
 var formatSignedPercent = (value) => {
-  if (!isFiniteNumber(value)) return missingLabel;
+  if (!isFiniteNumber(value)) return MISSING_VALUE_LABEL;
   if (value === 0) return "0%";
   return `${value > 0 ? "+" : "-"}${percentFormatter.format(Math.abs(value))}%`;
 };
@@ -38710,10 +38738,6 @@ var getFinalPnlPercent = (position, pnlValue) => {
   }
   return null;
 };
-var getPositionTone = (value) => {
-  if (!isFiniteNumber(value) || value === 0) return "neutral";
-  return value > 0 ? "positive" : "negative";
-};
 var toPositionRowViewModel = (position, labels = defaultLabels2, formatters = {}) => {
   const { formatCurrency: currency, formatPrice: price } = formatters;
   const positionStatus = resolvePositionStatus(position);
@@ -38727,10 +38751,10 @@ var toPositionRowViewModel = (position, labels = defaultLabels2, formatters = {}
     position,
     positionStatus,
     bucket: resolvePositionBucket(position),
-    title: position.title || missingLabel,
+    title: position.title || MISSING_VALUE_LABEL,
     thumbnailSrc: position.thumbnailSrc,
-    selectedOutcomeLabel: position.outcomeLabel || missingLabel,
-    resolutionLabel: position.resolutionLabel || position.outcomeLabel || missingLabel,
+    selectedOutcomeLabel: position.outcomeLabel || MISSING_VALUE_LABEL,
+    resolutionLabel: position.resolutionLabel || position.outcomeLabel || MISSING_VALUE_LABEL,
     venueShareBreakdown: position.venueShareBreakdown,
     totalTraded: {
       primaryLabel: formatCurrency(getTotalTradedValue(position), currency),
@@ -39367,11 +39391,6 @@ var import_jsx_runtime204 = require("react/jsx-runtime");
 var shouldUseNativeLinkNavigation3 = (event) => {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
 };
-var toneTextClassName = (tone) => {
-  if (tone === "positive") return "text-agg-success";
-  if (tone === "negative") return "text-agg-error";
-  return "text-agg-muted-foreground";
-};
 var OutcomePill = ({ label: label2 }) => /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("span", { className: "agg-position-outcome max-w-[120px] inline-flex items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("span", { className: "whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground truncate", children: label2 }) });
 var ResolutionPill = ({ label: label2 }) => /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("span", { className: "agg-position-resolution-pill inline-flex w-full items-center justify-center overflow-hidden rounded-full bg-agg-secondary-hover px-4 py-[6px] md:w-auto", children: /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("span", { className: "truncate whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: label2 }) });
 var VenueShares = ({
@@ -39470,7 +39489,7 @@ var PositionValueCell = ({
           {
             className: cn(
               "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
-              toneTextClassName(value.tone)
+              toneClassName(value.tone)
             ),
             children: value.deltaLabel
           }
@@ -39483,7 +39502,7 @@ var PositionValueCell = ({
           {
             className: cn(
               "font-agg-sans text-agg-xs leading-agg-4 font-agg-normal",
-              toneTextClassName(value.tone)
+              toneClassName(value.tone)
             ),
             children: value.percentLabel
           }
@@ -41748,10 +41767,454 @@ var UserProfilePage = ({
 };
 UserProfilePage.displayName = "UserProfilePage";
 
+// src/pages/leaderboard/index.tsx
+var import_hooks105 = require("@agg-build/hooks");
+var import_react69 = require("react");
+init_button();
+init_error_boundary();
+init_icon();
+init_state_message();
+init_utils();
+
+// src/pages/leaderboard/components/leaderboard-header-row.tsx
+var import_hooks102 = require("@agg-build/hooks");
+init_utils();
+
+// src/pages/leaderboard/leaderboard.constants.ts
+var LEADERBOARD_DEFAULT_PERIOD = "30d";
+var LEADERBOARD_DEFAULT_METRIC = "realizedPnl";
+var LEADERBOARD_METRICS = ["realizedPnl", "volume"];
+var LEADERBOARD_TOP_RANKS = 3;
+var LEADERBOARD_GRID_CLASS = "grid grid-cols-[36px_minmax(0,1fr)] grid-rows-[auto_auto] gap-x-3 gap-y-2 sm:grid-cols-[48px_minmax(0,1fr)_88px_128px_128px] sm:grid-rows-1 sm:gap-x-3 sm:gap-y-0";
+
+// src/pages/leaderboard/components/leaderboard-header-row.tsx
+var import_jsx_runtime209 = require("react/jsx-runtime");
+var SORT_CARET = /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("svg", { viewBox: "0 0 10 10", className: "size-2.5", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("path", { d: "M5 8 1 3h8z", fill: "currentColor" }) });
+function LeaderboardHeaderRow({
+  metric,
+  onMetricChange
+}) {
+  const labels = (0, import_hooks102.useLabels)().leaderboard;
+  const sortable = (key, text) => {
+    const active = metric === key;
+    return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+      "span",
+      {
+        role: "columnheader",
+        "aria-sort": active ? "descending" : void 0,
+        className: "text-right",
+        children: /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(
+          "button",
+          {
+            type: "button",
+            onClick: () => onMetricChange(key),
+            className: cn(
+              "inline-flex cursor-pointer items-center justify-end gap-1 uppercase tracking-wide outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-agg-primary-hover",
+              active ? "font-agg-bold text-agg-foreground" : "hover:text-agg-foreground"
+            ),
+            children: [
+              text,
+              active ? SORT_CARET : null
+            ]
+          }
+        )
+      }
+    );
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(
+    "div",
+    {
+      role: "row",
+      className: cn(
+        LEADERBOARD_GRID_CLASS,
+        "agg-leaderboard-header hidden h-10 items-center border-b border-agg-separator bg-agg-secondary-hover px-5 text-agg-xs leading-agg-4 uppercase tracking-wide text-agg-muted-foreground sm:grid"
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("span", { role: "columnheader", children: labels.columns.rank }),
+        /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("span", { role: "columnheader", children: labels.columns.trader }),
+        /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("span", { role: "columnheader", className: "text-right", children: labels.columns.orders }),
+        sortable("volume", labels.columns.volume),
+        sortable("realizedPnl", labels.columns.realizedPnl)
+      ]
+    }
+  );
+}
+
+// src/pages/leaderboard/components/leaderboard-row.tsx
+var import_hooks103 = require("@agg-build/hooks");
+init_remote_image();
+init_utils();
+var import_jsx_runtime210 = require("react/jsx-runtime");
+var integer = new Intl.NumberFormat("en-US");
+function LeaderboardRowView({
+  row,
+  isCurrentUser,
+  className
+}) {
+  var _a, _b, _c;
+  const labels = (0, import_hooks103.useLabels)().leaderboard;
+  const { formatCurrency: formatCurrency2 } = (0, import_hooks103.useAggUiConfig)().formatting;
+  const tone = getPositionTone(row.realizedPnl);
+  const shortWallet = shortenAddress(row.walletAddress);
+  const identity = (_b = (_a = row.username) != null ? _a : shortWallet) != null ? _b : labels.anonymousTrader;
+  const identityKind = row.username ? "username" : shortWallet ? "wallet" : "anonymous";
+  const isTop = row.rank != null && row.rank <= LEADERBOARD_TOP_RANKS;
+  const hasOrders = Number.isFinite(row.orders);
+  const cell = (caption2, value, extra) => /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("span", { role: "cell", className: "flex flex-col text-left tabular-nums sm:block sm:text-right", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("span", { className: "agg-type-caption uppercase tracking-wide text-agg-muted-foreground sm:hidden", children: caption2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("span", { className: cn("text-agg-sm leading-agg-5", extra), children: value })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(
+    "div",
+    {
+      role: "row",
+      "aria-current": isCurrentUser ? "true" : void 0,
+      className: cn(
+        LEADERBOARD_GRID_CLASS,
+        "agg-leaderboard-row items-center px-4 py-3 sm:min-h-16 sm:px-5",
+        isCurrentUser ? "bg-agg-trade-highlight-surface shadow-[inset_3px_0_0_var(--agg-color-primary)]" : "hover:bg-agg-secondary-hover/60",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+          "span",
+          {
+            role: "cell",
+            "data-testid": "agg-leaderboard-rank",
+            className: cn(
+              "agg-leaderboard-rank row-span-2 inline-flex size-7 items-center justify-center rounded-agg-full text-agg-sm tabular-nums sm:row-span-1",
+              // cn() is a plain join: colour classes must be mutually exclusive.
+              row.rank === 1 ? "border border-agg-primary bg-agg-secondary-hover font-agg-bold text-agg-primary" : isTop ? "border border-agg-separator bg-agg-secondary-hover font-agg-bold text-agg-foreground" : "text-agg-muted-foreground"
+            ),
+            children: (_c = row.rank) != null ? _c : "\u2013"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { role: "cell", className: "agg-leaderboard-identity flex min-w-0 items-center gap-3", children: [
+          row.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+            RemoteImage,
+            {
+              src: (0, import_hooks103.optimizedImageUrl)(row.avatarUrl, 80),
+              alt: "",
+              className: "size-10 shrink-0 rounded-agg-full object-cover"
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(DefaultAvatar, { className: "size-10 rounded-agg-full" }),
+          /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { className: "flex min-w-0 flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("span", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+                "span",
+                {
+                  className: cn(
+                    "truncate text-agg-sm leading-agg-5",
+                    identityKind === "username" && "font-agg-bold text-agg-foreground",
+                    identityKind === "wallet" && "font-mono font-agg-medium text-agg-foreground",
+                    identityKind === "anonymous" && "font-agg-medium text-agg-muted-foreground"
+                  ),
+                  children: identity
+                }
+              ),
+              isCurrentUser ? /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("span", { className: "rounded-agg-full bg-agg-primary px-1.5 text-agg-2xs font-agg-bold uppercase leading-agg-4 tracking-wide text-agg-on-primary", children: labels.you }) : null
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("span", { className: "text-agg-xs leading-agg-4 text-agg-muted-foreground", children: hasOrders ? labels.tradesCount(row.orders) : MISSING_VALUE_LABEL })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { className: "col-start-2 grid grid-cols-3 gap-2 sm:contents", children: [
+          cell(labels.columns.orders, hasOrders ? integer.format(row.orders) : MISSING_VALUE_LABEL),
+          cell(labels.columns.volume, formatCurrencyMarkingNegligible(row.volume, formatCurrency2)),
+          cell(
+            labels.columns.realizedPnl,
+            formatSignedCurrency(row.realizedPnl, formatCurrency2, { markNegligible: true }),
+            cn("font-agg-bold", toneClassName(tone))
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/pages/leaderboard/components/leaderboard-skeleton.tsx
+var import_hooks104 = require("@agg-build/hooks");
+init_utils();
+var import_jsx_runtime211 = require("react/jsx-runtime");
+function LeaderboardSkeleton({ rows = 4 }) {
+  const labels = (0, import_hooks104.useLabels)().leaderboard;
+  return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("div", { role: "status", "aria-label": labels.loadingAria, className: "agg-leaderboard-skeleton", children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
+    "div",
+    {
+      className: cn(
+        LEADERBOARD_GRID_CLASS,
+        "items-center border-b border-agg-separator px-4 py-3 last:border-b-0 sm:min-h-16 sm:px-5"
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("span", { className: "size-7 rounded-agg-full bg-agg-secondary-hover/80" }),
+        /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("span", { className: "size-10 rounded-agg-full bg-agg-secondary-hover/80" }),
+          /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { className: "flex flex-1 flex-col gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("span", { className: "h-3 w-2/5 rounded-agg-sm bg-agg-secondary-hover/80" }),
+            /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("span", { className: "h-3 w-1/5 rounded-agg-sm bg-agg-secondary-hover/80" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("span", { className: "hidden h-3 w-10 justify-self-end rounded-agg-sm bg-agg-secondary-hover/80 sm:block" }),
+        /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("span", { className: "hidden h-3 w-16 justify-self-end rounded-agg-sm bg-agg-secondary-hover/80 sm:block" }),
+        /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("span", { className: "hidden h-3 w-14 justify-self-end rounded-agg-sm bg-agg-secondary-hover/80 sm:block" })
+      ]
+    },
+    i
+  )) });
+}
+
+// src/pages/leaderboard/components/segmented-control.tsx
+init_utils();
+var import_jsx_runtime212 = require("react/jsx-runtime");
+function SegmentedControl({
+  label: label2,
+  value,
+  onChange,
+  items,
+  className,
+  itemClassName
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+    "div",
+    {
+      role: "group",
+      "aria-label": label2,
+      className: cn(
+        "agg-segmented flex h-10 w-full items-stretch overflow-clip rounded-agg-sm border border-agg-separator sm:w-auto",
+        className
+      ),
+      children: items.map((item, idx) => {
+        const isActive = item.value === value;
+        return /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)("div", { className: "flex flex-1 items-stretch sm:flex-none", children: [
+          idx > 0 ? /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("div", { className: "w-px bg-agg-separator", "aria-hidden": true }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+            "button",
+            {
+              type: "button",
+              "aria-pressed": isActive,
+              onClick: () => onChange(item.value),
+              className: cn(
+                "agg-segmented-trigger flex flex-1 cursor-pointer items-center justify-center px-3 font-agg-sans text-agg-sm leading-agg-5 whitespace-nowrap outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-agg-primary-hover sm:px-4",
+                isActive ? "bg-agg-secondary-hover font-agg-bold text-agg-foreground" : "bg-agg-secondary font-agg-normal text-agg-muted-foreground hover:bg-agg-secondary-hover hover:text-agg-foreground",
+                itemClassName
+              ),
+              children: item.label
+            }
+          )
+        ] }, item.value);
+      })
+    }
+  );
+}
+
+// src/pages/leaderboard/index.tsx
+var import_jsx_runtime213 = require("react/jsx-runtime");
+function LeaderboardPage(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(AggErrorBoundary, { onError: props.onError, children: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(LeaderboardPageInner, __spreadValues({}, props)) });
+}
+function LeaderboardPageInner({
+  rows: rowsProp,
+  isLoading: isLoadingProp,
+  error: errorProp,
+  hasNextPage: hasNextPageProp,
+  isLoadingMore: isLoadingMoreProp,
+  onLoadMore: onLoadMoreProp,
+  period: periodProp,
+  onPeriodChange,
+  metric: metricProp,
+  onMetricChange,
+  currentUserId: currentUserIdProp,
+  appName,
+  className,
+  classNames
+}) {
+  const allLabels = (0, import_hooks105.useLabels)();
+  const labels = allLabels.leaderboard;
+  const { user } = (0, import_hooks105.useAggAuthState)();
+  const [periodState, setPeriodState] = (0, import_react69.useState)(LEADERBOARD_DEFAULT_PERIOD);
+  const [metricState, setMetricState] = (0, import_react69.useState)(LEADERBOARD_DEFAULT_METRIC);
+  const period = periodProp != null ? periodProp : periodState;
+  const metric = metricProp != null ? metricProp : metricState;
+  const handlePeriodChange = (0, import_react69.useCallback)(
+    (next) => {
+      if (periodProp === void 0) setPeriodState(next);
+      onPeriodChange == null ? void 0 : onPeriodChange(next);
+    },
+    [onPeriodChange, periodProp]
+  );
+  const handleMetricChange = (0, import_react69.useCallback)(
+    (next) => {
+      if (metricProp === void 0) setMetricState(next);
+      onMetricChange == null ? void 0 : onMetricChange(next);
+    },
+    [metricProp, onMetricChange]
+  );
+  const shouldUseHookData = !rowsProp;
+  const query = (0, import_hooks105.useLeaderboard)({ period, metric, enabled: shouldUseHookData });
+  const rows = rowsProp != null ? rowsProp : query.rows;
+  const isLoading = isLoadingProp != null ? isLoadingProp : shouldUseHookData && query.isLoading;
+  const error = errorProp != null ? errorProp : shouldUseHookData ? query.error : null;
+  const hasNextPage = hasNextPageProp != null ? hasNextPageProp : shouldUseHookData && query.hasNextPage;
+  const isLoadingMore = isLoadingMoreProp != null ? isLoadingMoreProp : shouldUseHookData && query.isFetchingNextPage;
+  const fetchNextPage = query.fetchNextPage;
+  const onLoadMore = (0, import_react69.useMemo)(
+    () => onLoadMoreProp != null ? onLoadMoreProp : shouldUseHookData ? () => void fetchNextPage() : void 0,
+    [onLoadMoreProp, shouldUseHookData, fetchNextPage]
+  );
+  const retry = shouldUseHookData ? () => void query.refetch() : void 0;
+  const currentUserId = currentUserIdProp != null ? currentUserIdProp : user == null ? void 0 : user.id;
+  const [sentinel, setSentinel] = (0, import_react69.useState)(null);
+  (0, import_react69.useEffect)(() => {
+    const target = sentinel;
+    if (!target || !hasNextPage || !onLoadMore || typeof IntersectionObserver === "undefined")
+      return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        var _a;
+        if (!((_a = entries[0]) == null ? void 0 : _a.isIntersecting) || isLoading || isLoadingMore) return;
+        onLoadMore();
+      },
+      { rootMargin: "60px 0px" }
+    );
+    observer.observe(target);
+    return () => observer.disconnect();
+  }, [sentinel, hasNextPage, isLoading, isLoadingMore, onLoadMore]);
+  const hasRows = rows.length > 0;
+  const showInlineError = Boolean(error) && hasRows;
+  const periodItems = import_hooks105.LEADERBOARD_PERIODS.map((value) => ({ value, label: labels.periods[value] }));
+  const metricItems = LEADERBOARD_METRICS.map((value) => ({ value, label: labels.metrics[value] }));
+  return /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
+    "div",
+    {
+      className: cn(
+        "agg-leaderboard mx-auto flex w-full max-w-[960px] flex-col px-4 py-6 sm:px-6 gap-5 font-agg-sans text-agg-foreground",
+        className,
+        classNames == null ? void 0 : classNames.root
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("header", { className: cn("agg-leaderboard-title flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("h1", { className: "agg-type-heading m-0", children: labels.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("p", { className: "m-0 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: labels.subtitle(appName, labels.periods[period]) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
+          "div",
+          {
+            className: cn(
+              "agg-leaderboard-toolbar flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between",
+              classNames == null ? void 0 : classNames.toolbar
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("span", { className: "agg-type-caption uppercase tracking-wide text-agg-muted-foreground", children: labels.periodLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+                  SegmentedControl,
+                  {
+                    label: labels.periodLabel,
+                    value: period,
+                    onChange: handlePeriodChange,
+                    items: periodItems
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("span", { className: "agg-type-caption uppercase tracking-wide text-agg-muted-foreground", children: labels.rankByLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+                  SegmentedControl,
+                  {
+                    label: labels.rankByLabel,
+                    value: metric,
+                    onChange: handleMetricChange,
+                    items: metricItems
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
+          "section",
+          {
+            "aria-label": labels.title,
+            className: cn(
+              "agg-leaderboard-list overflow-clip rounded-agg-xl border border-agg-separator bg-agg-secondary shadow-agg-card",
+              classNames == null ? void 0 : classNames.list
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("div", { role: "table", "aria-label": labels.title, className: "agg-leaderboard-table", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(LeaderboardHeaderRow, { metric, onMetricChange: handleMetricChange }),
+                !isLoading && hasRows ? /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("div", { className: "divide-y divide-agg-separator", children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+                  LeaderboardRowView,
+                  {
+                    row,
+                    isCurrentUser: currentUserId !== void 0 && row.userId === currentUserId,
+                    className: classNames == null ? void 0 : classNames.row
+                  },
+                  row.userId
+                )) }) : null
+              ] }),
+              isLoading ? /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(LeaderboardSkeleton, {}) : error && !hasRows ? /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("div", { className: "py-10", children: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+                StateMessage,
+                {
+                  title: labels.errorTitle,
+                  description: labels.errorDescription,
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Icon, { name: "warning" }),
+                  onAction: retry
+                }
+              ) }) : rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("div", { className: "py-10", children: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+                StateMessage,
+                {
+                  title: labels.emptyTitle,
+                  description: labels.emptyDescription,
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Icon, { name: "search-empty" })
+                }
+              ) }) : null,
+              (hasNextPage || showInlineError) && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+                "div",
+                {
+                  className: cn(
+                    "agg-leaderboard-footer relative flex items-center justify-center gap-3 border-t border-agg-separator p-3.5",
+                    classNames == null ? void 0 : classNames.footer
+                  ),
+                  children: showInlineError ? /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(import_jsx_runtime213.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("span", { role: "alert", className: "text-agg-sm leading-agg-5 text-agg-error", children: labels.errorTitle }),
+                    /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Button, { variant: "tertiary", size: "small", onClick: retry != null ? retry : onLoadMore, children: allLabels.common.retry })
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(import_jsx_runtime213.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+                      "div",
+                      {
+                        ref: setSentinel,
+                        className: "agg-leaderboard-sentinel absolute inset-x-0 top-0 h-px",
+                        "aria-hidden": true
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+                      Button,
+                      {
+                        variant: "tertiary",
+                        size: "small",
+                        onClick: onLoadMore,
+                        disabled: isLoadingMore,
+                        isLoading: isLoadingMore,
+                        "aria-label": labels.showMore,
+                        children: labels.showMore
+                      }
+                    )
+                  ] })
+                }
+              ) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("p", { className: "m-0 text-agg-xs leading-agg-4 text-agg-muted-foreground", children: labels.pnlFootnote })
+      ]
+    }
+  );
+}
+LeaderboardPage.displayName = "LeaderboardPage";
+
 // src/deposit/index.tsx
-var import_hooks112 = require("@agg-build/hooks");
+var import_hooks116 = require("@agg-build/hooks");
 var import_deposit = require("@agg-build/hooks/deposit");
-var import_react71 = require("react");
+var import_react72 = require("react");
 init_modal();
 init_deposit_notification_events();
 
@@ -41984,14 +42447,14 @@ var NETWORK_TO_CURRENCY_CODE = {
 };
 
 // src/deposit/steps/card-deposit.tsx
-var import_hooks102 = require("@agg-build/hooks");
-var import_react69 = require("react");
+var import_hooks106 = require("@agg-build/hooks");
+var import_react70 = require("react");
 init_utils();
 init_modal();
 init_button();
 init_select();
 init_icon();
-var import_jsx_runtime209 = require("react/jsx-runtime");
+var import_jsx_runtime214 = require("react/jsx-runtime");
 var CardDepositStep = ({
   amount: amount2,
   currency,
@@ -42007,9 +42470,9 @@ var CardDepositStep = ({
   onNetworkChange,
   onContinue
 }) => {
-  const labels = (0, import_hooks102.useLabels)();
-  const [localAmount, setLocalAmount] = (0, import_react69.useState)(amount2);
-  (0, import_react69.useEffect)(() => {
+  const labels = (0, import_hooks106.useLabels)();
+  const [localAmount, setLocalAmount] = (0, import_react70.useState)(amount2);
+  (0, import_react70.useEffect)(() => {
     setLocalAmount(amount2);
   }, [amount2]);
   const numericAmount = Number(localAmount) || 0;
@@ -42017,33 +42480,33 @@ var CardDepositStep = ({
   const isBelowMin = minAmount != null && hasInput && numericAmount < minAmount;
   const isValid = numericAmount > 0 && !isBelowMin;
   const formattedMin = minAmount != null ? `$${minAmount}` : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(import_jsx_runtime209.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(import_jsx_runtime214.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
       Modal.Header,
       {
         title: labels.deposit.cardFlow.title,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": "Go back",
-            children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { className: "flex-1 flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.amountLabel }),
-            formattedMin ? /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("p", { className: "agg-type-label text-agg-foreground", children: labels.deposit.cardFlow.minRequired(formattedMin) }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("div", { className: "flex-1 flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.amountLabel }),
+            formattedMin ? /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("p", { className: "agg-type-label text-agg-foreground", children: labels.deposit.cardFlow.minRequired(formattedMin) }) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { className: "flex gap-3 items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("div", { className: "flex gap-3 items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(
               "div",
               {
                 className: cn(
@@ -42051,7 +42514,7 @@ var CardDepositStep = ({
                   isBelowMin ? "border-agg-primary border-2" : "border-agg-separator"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
                     "input",
                     {
                       type: "text",
@@ -42067,11 +42530,11 @@ var CardDepositStep = ({
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
+                  /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("div", { className: "w-[100px]", children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("div", { className: "w-[100px]", children: /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
               Select,
               {
                 items: [{ value: currency, label: currency }],
@@ -42083,8 +42546,8 @@ var CardDepositStep = ({
             ) })
           ] })
         ] }),
-        isBelowMin && formattedMin ? /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { className: "flex items-center gap-2", role: "alert", "aria-live": "assertive", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+        isBelowMin && formattedMin ? /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("div", { className: "flex items-center gap-2", role: "alert", "aria-live": "assertive", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
             Icon,
             {
               name: "warning",
@@ -42092,12 +42555,12 @@ var CardDepositStep = ({
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("p", { className: "agg-type-label text-agg-error", children: labels.deposit.cardFlow.minAmountError(formattedMin) })
+          /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("p", { className: "agg-type-label text-agg-error", children: labels.deposit.cardFlow.minAmountError(formattedMin) })
         ] }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.networkLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.networkLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
           Select,
           {
             items: networkOptions,
@@ -42108,7 +42571,7 @@ var CardDepositStep = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
         Button,
         {
           variant: "secondary",
@@ -42124,12 +42587,12 @@ var CardDepositStep = ({
 };
 
 // src/deposit/steps/card-payment-pending.tsx
-var import_hooks103 = require("@agg-build/hooks");
+var import_hooks107 = require("@agg-build/hooks");
 init_modal();
 init_button();
 init_copy_button();
 init_icon();
-var import_jsx_runtime210 = require("react/jsx-runtime");
+var import_jsx_runtime215 = require("react/jsx-runtime");
 var CardPaymentPendingStep = ({
   providerName,
   walletAddress,
@@ -42137,29 +42600,29 @@ var CardPaymentPendingStep = ({
   onViewActivity,
   onChooseAnotherProvider
 }) => {
-  const labels = (0, import_hooks103.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+  const labels = (0, import_hooks107.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
       "button",
       {
         type: "button",
         className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors cursor-pointer hover:text-agg-foreground/80",
         onClick: onClose,
         "aria-label": labels.common.close,
-        children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(CloseIcon, { className: "h-6 w-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(CloseIcon, { className: "h-6 w-6" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(ExternalLinkIcon, { className: "h-[60px] w-[60px]" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.pendingTitle(providerName) }),
-        /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.pendingDescription })
+    /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(ExternalLinkIcon, { className: "h-[60px] w-[60px]" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.pendingTitle(providerName) }),
+        /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.pendingDescription })
       ] }),
-      walletAddress ? /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { className: "flex w-full flex-col items-center gap-3 rounded-agg-md bg-agg-secondary-hover p-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("p", { className: "agg-type-label text-agg-foreground w-full", children: labels.deposit.cardFlow.pendingWalletAddressHelp }),
-        /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("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__ */ (0, import_jsx_runtime210.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: walletAddress }),
-          /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+      walletAddress ? /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: "flex w-full flex-col items-center gap-3 rounded-agg-md bg-agg-secondary-hover p-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("p", { className: "agg-type-label text-agg-foreground w-full", children: labels.deposit.cardFlow.pendingWalletAddressHelp }),
+        /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("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__ */ (0, import_jsx_runtime215.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: walletAddress }),
+          /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
             CopyButton,
             {
               value: walletAddress,
@@ -42169,11 +42632,11 @@ var CardPaymentPendingStep = ({
           )
         ] })
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { className: "flex items-start justify-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: labels.common.close }),
-        /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Button, { variant: "primary", size: "large", onClick: onViewActivity, children: labels.deposit.cardFlow.viewActivity })
+      /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: "flex items-start justify-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: labels.common.close }),
+        /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Button, { variant: "primary", size: "large", onClick: onViewActivity, children: labels.deposit.cardFlow.viewActivity })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
         "button",
         {
           type: "button",
@@ -42187,26 +42650,26 @@ var CardPaymentPendingStep = ({
 };
 
 // src/deposit/steps/card-provider.tsx
-var import_hooks104 = require("@agg-build/hooks");
+var import_hooks108 = require("@agg-build/hooks");
 init_modal();
 init_button();
 init_loading_icon();
 init_icon();
 init_usdc();
-var import_jsx_runtime211 = require("react/jsx-runtime");
+var import_jsx_runtime216 = require("react/jsx-runtime");
 var CardProviderItem = ({ provider, onSelect }) => {
-  const labels = (0, import_hooks104.useLabels)();
+  const labels = (0, import_hooks108.useLabels)();
   const badgeText = provider.badge === "best" ? labels.deposit.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.deposit.cardFlow.providerBadges.lowKyc : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
     "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__ */ (0, import_jsx_runtime211.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
-          badgeText ? /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
+          badgeText ? /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
             "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"}`,
@@ -42214,16 +42677,16 @@ var CardProviderItem = ({ provider, onSelect }) => {
             }
           ) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { className: "text-right", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
-            /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: "text-right", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
+            /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
               labels.deposit.cardFlow.feeLabel,
               " ",
               provider.fee
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
+          /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
         ] })
       ] })
     }
@@ -42241,41 +42704,41 @@ var CardProviderStep = ({
   onSelectProvider,
   onRetry
 }) => {
-  const labels = (0, import_hooks104.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(import_jsx_runtime211.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+  const labels = (0, import_hooks108.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(import_jsx_runtime216.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
       Modal.Header,
       {
         title: labels.deposit.cardFlow.selectProviderTitle,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": labels.deposit.back,
-            children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(UsdcIcon, { className: "h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("span", { className: "agg-type-body font-agg-bold text-agg-foreground", children: token }),
-        /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("span", { className: "agg-type-body text-agg-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(UsdcIcon, { className: "h-4 w-4 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("span", { className: "agg-type-body font-agg-bold text-agg-foreground", children: token }),
+        /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("span", { className: "agg-type-body text-agg-foreground", children: [
           "$",
           amount2,
           " ",
           currency
         ] })
       ] }),
-      isLoading ? /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(LoadingIcon, { variant: "prominent" }),
-        /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.loadingQuotes })
-      ] }) : error ? /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-6 px-2 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+      isLoading ? /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(LoadingIcon, { variant: "prominent" }),
+        /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.loadingQuotes })
+      ] }) : error ? /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-6 px-2 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
           Icon,
           {
             name: "quotes-warning",
@@ -42284,13 +42747,13 @@ var CardProviderStep = ({
             color: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { className: "flex max-w-[320px] flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesDescription })
+        /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: "flex max-w-[320px] flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesDescription })
         ] }),
-        onRetry ? /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(Button, { variant: "secondary", size: "medium", onClick: onRetry, children: labels.deposit.cardFlow.retry }) : null
-      ] }) : providers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("div", { className: "flex min-h-[200px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.noQuotes }) }) : /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { className: "flex flex-col gap-4", children: [
-        providers.map((provider) => /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+        onRetry ? /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Button, { variant: "secondary", size: "medium", onClick: onRetry, children: labels.deposit.cardFlow.retry }) : null
+      ] }) : providers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("div", { className: "flex min-h-[200px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.noQuotes }) }) : /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: "flex flex-col gap-4", children: [
+        providers.map((provider) => /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
           CardProviderItem,
           {
             provider,
@@ -42298,63 +42761,63 @@ var CardProviderStep = ({
           },
           provider.id
         )),
-        sessionError ? /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("p", { className: "agg-type-label text-agg-error text-center", children: sessionError }) : null
+        sessionError ? /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("p", { className: "agg-type-label text-agg-error text-center", children: sessionError }) : null
       ] })
     ] }) })
   ] });
 };
 
 // src/deposit/steps/card-purchase-success.tsx
-var import_hooks105 = require("@agg-build/hooks");
+var import_hooks109 = require("@agg-build/hooks");
 init_modal();
 init_button();
 init_icon();
-var import_jsx_runtime212 = require("react/jsx-runtime");
-var SummaryRow = ({ label: label2, value }) => /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label2 }),
-  /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
+var import_jsx_runtime217 = require("react/jsx-runtime");
+var SummaryRow = ({ label: label2, value }) => /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label2 }),
+  /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
 ] });
 var CardPurchaseSuccessStep = ({
   summary,
   onDone,
   onClose
 }) => {
-  const labels = (0, import_hooks105.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+  const labels = (0, import_hooks109.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
       "button",
       {
         type: "button",
         className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
         onClick: onClose,
         "aria-label": labels.common.close,
-        children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(CloseIcon, { className: "h-6 w-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(CloseIcon, { className: "h-6 w-6" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.successTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.successDescription })
+    /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.successTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.successDescription })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
           SummaryRow,
           {
             label: labels.deposit.summary.amountReceived,
             value: summary.amountReceived
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(SummaryRow, { label: labels.deposit.summary.network, value: summary.network }),
-        /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(SummaryRow, { label: labels.deposit.cardFlow.summary.fees, value: summary.fees })
+        /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(SummaryRow, { label: labels.deposit.summary.network, value: summary.network }),
+        /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(SummaryRow, { label: labels.deposit.cardFlow.summary.fees, value: summary.fees })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
+      /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
     ] })
   ] }) });
 };
 
 // src/deposit/steps/crypto-transfer.tsx
-var import_hooks107 = require("@agg-build/hooks");
+var import_hooks111 = require("@agg-build/hooks");
 init_button();
 init_copy_button();
 init_icon();
@@ -42362,10 +42825,10 @@ init_modal();
 init_select();
 
 // src/shared/transfer-fee-summary.tsx
-var import_hooks106 = require("@agg-build/hooks");
+var import_hooks110 = require("@agg-build/hooks");
 init_tooltip();
-var import_jsx_runtime213 = require("react/jsx-runtime");
-var separator = /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("span", { className: "text-agg-muted-foreground", "aria-hidden": "true", children: "\xB7" });
+var import_jsx_runtime218 = require("react/jsx-runtime");
+var separator = /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("span", { className: "text-agg-muted-foreground", "aria-hidden": "true", children: "\xB7" });
 var normalizeFeeLabel = (label2) => label2.replace(/\s*~\s*$/, "");
 var TransferFeeSummary = ({
   estimate,
@@ -42373,46 +42836,46 @@ var TransferFeeSummary = ({
   minDeposit,
   eta
 }) => {
-  const labels = (0, import_hooks106.useLabels)();
+  const labels = (0, import_hooks110.useLabels)();
   if (!estimate) return null;
   if (view === "deposit") {
-    return /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("p", { className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground", children: [
-      minDeposit ? /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("span", { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)("p", { className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground", children: [
+      minDeposit ? /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)("span", { children: [
         labels.deposit.sendCrypto.minDepositPrefix,
         " ",
         minDeposit
       ] }) : null,
       minDeposit ? separator : null,
-      /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)("span", { children: [
         normalizeFeeLabel(labels.deposit.walletFlow.feePrefix),
         ": ",
         estimate.estimatedFees
       ] }),
       eta ? separator : null,
-      eta ? /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("span", { children: eta }) : null
+      eta ? /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("span", { children: eta }) : null
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("div", { className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)("div", { className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)("span", { children: [
       labels.withdraw.walletFlow.estimatedFees,
       ": ",
       estimate.estimatedFees
     ] }),
     separator,
-    /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)("span", { children: [
         labels.withdraw.walletFlow.networkReserve,
         ": ",
         estimate.networkReserve
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
         Tooltip,
         {
           "aria-label": labels.withdraw.walletFlow.networkReserveTooltipAria,
           size: "medium",
-          content: /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("div", { className: "text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("p", { children: labels.withdraw.walletFlow.networkReserveTooltipLineOne }),
-            /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("p", { children: labels.withdraw.walletFlow.networkReserveTooltipLineTwo })
+          content: /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)("div", { className: "text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("p", { children: labels.withdraw.walletFlow.networkReserveTooltipLineOne }),
+            /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("p", { children: labels.withdraw.walletFlow.networkReserveTooltipLineTwo })
           ] }),
           classNames: {
             content: "min-w-96 max-w-none!",
@@ -42423,7 +42886,7 @@ var TransferFeeSummary = ({
       )
     ] }),
     separator,
-    /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)("span", { children: [
       labels.withdraw.walletFlow.youReceive,
       ": ",
       estimate.youReceive
@@ -42433,21 +42896,21 @@ var TransferFeeSummary = ({
 
 // src/deposit/components/DepositQRCode.tsx
 var import_qrcode = require("qrcode.react");
-var import_jsx_runtime214 = require("react/jsx-runtime");
+var import_jsx_runtime219 = require("react/jsx-runtime");
 function DepositQRCode({
   depositAddress,
   networkLogoUrl,
   networkLogo,
   size = 160
 }) {
-  const logoOverlay = networkLogo ? /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
+  const logoOverlay = networkLogo ? /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
     "div",
     {
       className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-sm",
       style: { width: 32, height: 32, backgroundColor: "#FFFFFF", padding: 2 },
       children: networkLogo
     }
-  ) : networkLogoUrl ? /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
+  ) : networkLogoUrl ? /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
     "img",
     {
       src: networkLogoUrl,
@@ -42458,7 +42921,7 @@ function DepositQRCode({
       style: { backgroundColor: "#FFFFFF", padding: 2 }
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
     "div",
     {
       className: "inline-flex items-center justify-center rounded-xl border",
@@ -42467,8 +42930,8 @@ function DepositQRCode({
         borderColor: "#E5E7EB",
         backgroundColor: "#FFFFFF"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("div", { className: "relative", style: { width: size, height: size }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(import_qrcode.QRCodeSVG, { value: depositAddress, size, level: "H" }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { className: "relative", style: { width: size, height: size }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(import_qrcode.QRCodeSVG, { value: depositAddress, size, level: "H" }),
         logoOverlay
       ] })
     }
@@ -42477,27 +42940,27 @@ function DepositQRCode({
 DepositQRCode.displayName = "DepositQRCode";
 
 // src/deposit/steps/crypto-transfer.tsx
-var import_jsx_runtime215 = require("react/jsx-runtime");
+var import_jsx_runtime220 = require("react/jsx-runtime");
 var CryptoAddressLoadingState = () => {
-  const labels = (0, import_hooks107.useLabels)();
+  const labels = (0, import_hooks111.useLabels)();
   const sendCryptoLabels = labels.deposit.sendCrypto;
-  return /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
     "div",
     {
       className: "flex w-full flex-col items-center justify-center gap-6 py-10 text-center text-agg-foreground",
       role: "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
           "span",
           {
             className: "h-9 w-9 animate-spin rounded-full border-2 border-agg-primary/25 border-t-agg-primary",
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: "flex w-full flex-col items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6", children: sendCryptoLabels.addressLoadingTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("p", { className: "max-w-[300px] text-agg-sm leading-agg-5", children: sendCryptoLabels.addressLoadingDescription })
+        /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { className: "flex w-full flex-col items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6", children: sendCryptoLabels.addressLoadingTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("p", { className: "max-w-[300px] text-agg-sm leading-agg-5", children: sendCryptoLabels.addressLoadingDescription })
         ] })
       ]
     }
@@ -42524,38 +42987,38 @@ var CryptoTransferStep = ({
   onDone
 }) => {
   var _a;
-  const labels = (0, import_hooks107.useLabels)();
+  const labels = (0, import_hooks111.useLabels)();
   const selectedNetworkOption = networkOptions.find((n) => n.value === selectedNetwork);
   const networkLogoUrl = (_a = selectedNetworkOption == null ? void 0 : selectedNetworkOption.iconUrl) != null ? _a : "";
   const networkLogo = selectedNetworkOption == null ? void 0 : selectedNetworkOption.icon;
-  const transferFeeEstimate = (0, import_hooks107.useWithdrawEstimate)({
+  const transferFeeEstimate = (0, import_hooks111.useWithdrawEstimate)({
     amount: getEstimateAmountFromMinDeposit(minDeposit),
     selectedToken,
     selectedNetwork
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(import_jsx_runtime215.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(import_jsx_runtime220.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
       Modal.Header,
       {
         title: labels.deposit.sendCrypto.title,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": "Go back",
-            children: /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: "flex flex-col gap-7", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("div", { className: "flex flex-col gap-5", children: /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: "flex gap-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.tokenLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { className: "flex flex-col gap-7", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("div", { className: "flex flex-col gap-5", children: /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { className: "flex gap-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.tokenLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
             Select,
             {
               items: tokenOptions,
@@ -42565,9 +43028,9 @@ var CryptoTransferStep = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.networkLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.networkLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
             Select,
             {
               items: networkOptions,
@@ -42578,7 +43041,7 @@ var CryptoTransferStep = ({
           )
         ] })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("div", { className: "mx-auto", children: isLoadingAddress ? /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(CryptoAddressLoadingState, {}) : addressError ? /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("div", { className: "flex h-[192px] w-[192px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("p", { className: "agg-type-label text-center text-agg-error px-3", children: addressError }) }) : /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("div", { className: "mx-auto", children: isLoadingAddress ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(CryptoAddressLoadingState, {}) : addressError ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("div", { className: "flex h-[192px] w-[192px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("p", { className: "agg-type-label text-center text-agg-error px-3", children: addressError }) }) : /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
         DepositQRCode,
         {
           depositAddress,
@@ -42586,11 +43049,11 @@ var CryptoTransferStep = ({
           networkLogo
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.depositAddressLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: "flex items-center gap-2 rounded border border-agg-separator bg-agg-secondary h-10 px-3", children: [
-          isLoadingAddress ? /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("div", { className: "h-4 flex-1 animate-pulse rounded bg-agg-muted-foreground/20" }) : /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
-          /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.depositAddressLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { className: "flex items-center gap-2 rounded border border-agg-separator bg-agg-secondary h-10 px-3", children: [
+          isLoadingAddress ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("div", { className: "h-4 flex-1 animate-pulse rounded bg-agg-muted-foreground/20" }) : /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
+          /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
             CopyButton,
             {
               value: depositAddress,
@@ -42602,7 +43065,7 @@ var CryptoTransferStep = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
           TransferFeeSummary,
           {
             estimate: transferFeeEstimate,
@@ -42612,11 +43075,11 @@ var CryptoTransferStep = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: "flex items-start gap-3 rounded-lg bg-agg-secondary-hover p-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(WarningIcon, { className: "h-4 w-4 text-agg-muted-foreground mt-0.5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: labels.deposit.sendCrypto.warning })
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { className: "flex items-start gap-3 rounded-lg bg-agg-secondary-hover p-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(WarningIcon, { className: "h-4 w-4 text-agg-muted-foreground mt-0.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: labels.deposit.sendCrypto.warning })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
         Button,
         {
           variant: "secondary",
@@ -42631,12 +43094,12 @@ var CryptoTransferStep = ({
 };
 
 // src/deposit/steps/deposit-method.tsx
-var import_hooks108 = require("@agg-build/hooks");
+var import_hooks112 = require("@agg-build/hooks");
 init_utils();
 init_modal();
 init_icon();
 init_loading_icon();
-var import_jsx_runtime216 = require("react/jsx-runtime");
+var import_jsx_runtime221 = require("react/jsx-runtime");
 var DepositMethodCard = ({
   icon,
   title: title2,
@@ -42645,7 +43108,7 @@ var DepositMethodCard = ({
   highlighted = false,
   disabled = false,
   onContinue
-}) => /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(
   "div",
   {
     className: cn(
@@ -42667,13 +43130,13 @@ var DepositMethodCard = ({
       }
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
-      /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: title2 }),
-        /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
+      /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: title2 }),
+        /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
       ] }),
-      value ? /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: value }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(ChevronRightIcon, { className: "h-5 w-5" }) })
+      value ? /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: value }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(ChevronRightIcon, { className: "h-5 w-5" }) })
     ]
   }
 );
@@ -42688,32 +43151,32 @@ var DepositMethodStep = ({
   depositAddressesReady = true,
   onSelectMethod
 }) => {
-  const labels = (0, import_hooks108.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(import_jsx_runtime216.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Modal.Header, { title: labels.deposit.title, hideBorder: true }),
-    /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
+  const labels = (0, import_hooks112.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(import_jsx_runtime221.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Modal.Header, { title: labels.deposit.title, hideBorder: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
         labels.deposit.balancePrefix,
         " ",
         formatCompactUsd(balance)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: "flex flex-col gap-4", children: [
-        showWalletMethod ? /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { className: "flex flex-col gap-4", children: [
+        showWalletMethod ? /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
           DepositMethodCard,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
             title: labels.deposit.methods.walletTitle(walletLabel),
             description: labels.deposit.methods.walletDescription,
-            value: isWalletBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, walletToken),
+            value: isWalletBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, walletToken),
             highlighted: highlightedMethod === "wallet",
             disabled: !depositAddressesReady,
             onContinue: () => onSelectMethod("wallet")
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
           DepositMethodCard,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(BoltIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(BoltIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
             title: labels.deposit.methods.cryptoTitle,
             description: labels.deposit.methods.cryptoDescription,
             highlighted: highlightedMethod === "crypto",
@@ -42721,10 +43184,10 @@ var DepositMethodStep = ({
             onContinue: () => onSelectMethod("crypto")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
           DepositMethodCard,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
             title: labels.deposit.methods.cardTitle,
             description: labels.deposit.methods.cardDescription,
             highlighted: highlightedMethod === "card",
@@ -42737,14 +43200,14 @@ var DepositMethodStep = ({
 };
 
 // src/deposit/steps/wallet-form.tsx
-var import_hooks109 = require("@agg-build/hooks");
+var import_hooks113 = require("@agg-build/hooks");
 init_utils();
 init_modal();
 init_button();
 init_loading_icon();
 init_select();
 init_icon();
-var import_jsx_runtime217 = require("react/jsx-runtime");
+var import_jsx_runtime222 = require("react/jsx-runtime");
 var WalletFormStep = ({
   walletLabel,
   walletBalance,
@@ -42767,40 +43230,40 @@ var WalletFormStep = ({
   onMax,
   onConfirm
 }) => {
-  const labels = (0, import_hooks109.useLabels)();
+  const labels = (0, import_hooks113.useLabels)();
   const isConfirmEnabled = !isSubmitting && !isBalanceLoading && Number(amount2) > 0 && Number(amount2) <= walletBalance;
-  return /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(import_jsx_runtime217.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(import_jsx_runtime222.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
       Modal.Header,
       {
         title: labels.deposit.walletFlow.title,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": "Go back",
-            children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { className: "flex flex-col gap-7", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("p", { className: "agg-type-label text-agg-foreground", children: walletLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "flex flex-col gap-7", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("p", { className: "agg-type-label text-agg-foreground", children: walletLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
           labels.deposit.balanceLabel,
           " ",
-          isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, selectedToken)
+          isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, selectedToken)
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { className: "flex flex-col gap-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { className: "flex gap-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.tokenLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "flex gap-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.tokenLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
               Select,
               {
                 items: tokenOptions,
@@ -42810,9 +43273,9 @@ var WalletFormStep = ({
               }
             )
           ] }),
-          networkOptions.length >= 1 ? /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.networkLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+          networkOptions.length >= 1 ? /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.networkLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
               Select,
               {
                 items: networkOptions,
@@ -42823,9 +43286,9 @@ var WalletFormStep = ({
             )
           ] }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.amountLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.amountLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(
             "div",
             {
               className: cn(
@@ -42834,7 +43297,7 @@ var WalletFormStep = ({
                 "h-10 px-3"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
                   "input",
                   {
                     type: "text",
@@ -42846,7 +43309,7 @@ var WalletFormStep = ({
                     onChange: (event) => onAmountChange(event.target.value)
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
                   "button",
                   {
                     type: "button",
@@ -42860,8 +43323,8 @@ var WalletFormStep = ({
             }
           )
         ] }),
-        estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("p", { className: "agg-type-label text-agg-foreground", children: `\u2248 ${estimatedReceive} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` }) : null,
-        formErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(
+        estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("p", { className: "agg-type-label text-agg-foreground", children: `\u2248 ${estimatedReceive} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` }) : null,
+        formErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(
           "div",
           {
             className: cn(
@@ -42869,13 +43332,13 @@ var WalletFormStep = ({
               formErrorTone === "warning" ? "text-agg-warning" : "text-agg-error"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(WarningIcon, { className: "mt-0.5 h-4 w-4 shrink-0" }),
-              /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("p", { className: "agg-type-label", children: formErrorMessage })
+              /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(WarningIcon, { className: "mt-0.5 h-4 w-4 shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("p", { className: "agg-type-label", children: formErrorMessage })
             ]
           }
         ) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
         Button,
         {
           variant: isConfirmEnabled ? "primary" : "secondary",
@@ -42893,31 +43356,31 @@ var WalletFormStep = ({
 };
 
 // src/deposit/steps/wallet-processing.tsx
-var import_hooks110 = require("@agg-build/hooks");
-var import_react70 = require("react");
+var import_hooks114 = require("@agg-build/hooks");
+var import_react71 = require("react");
 init_modal();
 init_icon();
-var import_jsx_runtime218 = require("react/jsx-runtime");
+var import_jsx_runtime223 = require("react/jsx-runtime");
 var WalletProcessingStep = ({
   steps,
   errorMessage,
   onComplete
 }) => {
-  const labels = (0, import_hooks110.useLabels)();
-  (0, import_react70.useEffect)(() => {
+  const labels = (0, import_hooks114.useLabels)();
+  (0, import_react71.useEffect)(() => {
     const allDone = steps.length > 0 && steps.every((s) => s.status === "complete");
     if (allDone) {
       onComplete();
     }
   }, [steps, onComplete]);
-  return /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(import_jsx_runtime218.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Modal.Header, { title: labels.deposit.processingTitle, hideBorder: true }),
-    /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)("div", { className: "flex flex-col gap-5", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(import_jsx_runtime223.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Modal.Header, { title: labels.deposit.processingTitle, hideBorder: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { className: "flex flex-col gap-5", children: [
       steps.map((step) => {
         const isComplete = step.status === "complete";
         const isActive = step.status === "active";
-        return /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)("div", { className: "flex items-center gap-3", children: [
-          isComplete ? /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(CheckCircleIcon, { className: "h-4 w-4 text-agg-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { className: "flex items-center gap-3", children: [
+          isComplete ? /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(CheckCircleIcon, { className: "h-4 w-4 text-agg-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
             "span",
             {
               className: [
@@ -42927,7 +43390,7 @@ var WalletProcessingStep = ({
               ].join(" ")
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
             "p",
             {
               className: isComplete || isActive ? "agg-type-body text-agg-foreground" : "agg-type-body text-agg-muted-foreground",
@@ -42936,63 +43399,63 @@ var WalletProcessingStep = ({
           )
         ] }, step.id);
       }),
-      errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("p", { className: "agg-type-body text-agg-destructive", children: errorMessage }) : null
+      errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("p", { className: "agg-type-body text-agg-destructive", children: errorMessage }) : null
     ] }) })
   ] });
 };
 
 // src/deposit/steps/wallet-success.tsx
-var import_hooks111 = require("@agg-build/hooks");
+var import_hooks115 = require("@agg-build/hooks");
 init_modal();
 init_button();
 init_icon();
-var import_jsx_runtime219 = require("react/jsx-runtime");
-var SummaryRow2 = ({ label: label2, value }) => /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label2 }),
-  /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
+var import_jsx_runtime224 = require("react/jsx-runtime");
+var SummaryRow2 = ({ label: label2, value }) => /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label2 }),
+  /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
 ] });
 var WalletSuccessStep = ({
   summary,
   onDone,
   onClose
 }) => {
-  const labels = (0, import_hooks111.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+  const labels = (0, import_hooks115.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
       "button",
       {
         type: "button",
         className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
         onClick: onClose,
         "aria-label": labels.common.close,
-        children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(CloseIcon, { className: "h-6 w-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(CloseIcon, { className: "h-6 w-6" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.successTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.successDescription })
+    /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.successTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.successDescription })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
           SummaryRow2,
           {
             label: labels.deposit.summary.amountReceived,
             value: summary.amountReceived
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(SummaryRow2, { label: labels.deposit.summary.network, value: summary.network }),
-        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(SummaryRow2, { label: labels.deposit.summary.fromWallet, value: summary.fromWallet }),
-        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(SummaryRow2, { label: labels.deposit.summary.gasFee, value: summary.gasFee })
+        /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(SummaryRow2, { label: labels.deposit.summary.network, value: summary.network }),
+        /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(SummaryRow2, { label: labels.deposit.summary.fromWallet, value: summary.fromWallet }),
+        /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(SummaryRow2, { label: labels.deposit.summary.gasFee, value: summary.gasFee })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
     ] })
   ] }) });
 };
 
 // src/deposit/index.tsx
-var import_jsx_runtime220 = require("react/jsx-runtime");
+var import_jsx_runtime225 = require("react/jsx-runtime");
 var PENDING_CARD_SESSION_KEY = "agg-pending-card-session";
 var DEFAULT_WALLET_CHAIN_ID = "1";
 var DEFAULT_WALLET_TOKEN = "USDC";
@@ -43042,7 +43505,7 @@ function isControlledDepositModalProps(props) {
 }
 function DepositModalSelfDriven({ open, onOpenChange }) {
   const depositProps = (0, import_deposit.useDepositFlow)({ open, onOpenChange });
-  return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(DepositModalControlled, __spreadValues({}, depositProps));
+  return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(DepositModalControlled, __spreadValues({}, depositProps));
 }
 function DepositModalControlled({
   open,
@@ -43076,49 +43539,49 @@ function DepositModalControlled({
   pendingCardPurchaseSummary
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const { isWeb3User } = (0, import_hooks112.useAggAuthState)();
-  const { walletActions } = (0, import_hooks112.useAggUiConfig)();
-  const labels = (0, import_hooks112.useLabels)();
+  const { isWeb3User } = (0, import_hooks116.useAggAuthState)();
+  const { walletActions } = (0, import_hooks116.useAggUiConfig)();
+  const labels = (0, import_hooks116.useLabels)();
   const defaultMethod = isWeb3User ? "wallet" : "crypto";
-  const [step, setStep] = (0, import_react71.useState)(
+  const [step, setStep] = (0, import_react72.useState)(
     () => pendingCardPurchaseSummary ? "card-success" : "method"
   );
-  const [highlightedMethod, setHighlightedMethod] = (0, import_react71.useState)(defaultMethod);
-  const walletSubmitInFlightRef = (0, import_react71.useRef)(false);
-  const walletDepositAttemptIdRef = (0, import_react71.useRef)(0);
-  const notifiedWalletDepositStatusesRef = (0, import_react71.useRef)(/* @__PURE__ */ new Set());
-  const [isWalletSubmitting, setIsWalletSubmitting] = (0, import_react71.useState)(false);
-  const [cardProviders, setCardProviders] = (0, import_react71.useState)([]);
-  const [quotesLoading, setQuotesLoading] = (0, import_react71.useState)(false);
-  const [quotesError, setQuotesError] = (0, import_react71.useState)(null);
-  const [sessionError, setSessionError] = (0, import_react71.useState)(null);
-  const [pendingProviderName, setPendingProviderName] = (0, import_react71.useState)("");
-  const [pendingProviderWalletAddress, setPendingProviderWalletAddress] = (0, import_react71.useState)("");
-  (0, import_react71.useEffect)(() => {
+  const [highlightedMethod, setHighlightedMethod] = (0, import_react72.useState)(defaultMethod);
+  const walletSubmitInFlightRef = (0, import_react72.useRef)(false);
+  const walletDepositAttemptIdRef = (0, import_react72.useRef)(0);
+  const notifiedWalletDepositStatusesRef = (0, import_react72.useRef)(/* @__PURE__ */ new Set());
+  const [isWalletSubmitting, setIsWalletSubmitting] = (0, import_react72.useState)(false);
+  const [cardProviders, setCardProviders] = (0, import_react72.useState)([]);
+  const [quotesLoading, setQuotesLoading] = (0, import_react72.useState)(false);
+  const [quotesError, setQuotesError] = (0, import_react72.useState)(null);
+  const [sessionError, setSessionError] = (0, import_react72.useState)(null);
+  const [pendingProviderName, setPendingProviderName] = (0, import_react72.useState)("");
+  const [pendingProviderWalletAddress, setPendingProviderWalletAddress] = (0, import_react72.useState)("");
+  (0, import_react72.useEffect)(() => {
     if (pendingCardPurchaseSummary) {
       clearPendingCardSession();
       setStep("card-success");
     }
   }, [pendingCardPurchaseSummary]);
-  const [walletChainId, setWalletChainId] = (0, import_react71.useState)("");
-  const [walletToken, setWalletToken] = (0, import_react71.useState)("");
-  const [sendChainId, setSendChainId] = (0, import_react71.useState)("");
-  const [sendToken, setSendToken] = (0, import_react71.useState)("");
+  const [walletChainId, setWalletChainId] = (0, import_react72.useState)("");
+  const [walletToken, setWalletToken] = (0, import_react72.useState)("");
+  const [sendChainId, setSendChainId] = (0, import_react72.useState)("");
+  const [sendToken, setSendToken] = (0, import_react72.useState)("");
   const {
     isReady,
     isTimedOut,
     error: addrError,
     supportedChains,
     getAddress
-  } = (0, import_hooks112.useDepositAddresses)({ enabled: open });
-  const fallbackNetworkOptions = (0, import_react71.useMemo)(() => mapNetworksToOptions(), []);
-  const networkOptions = (0, import_react71.useMemo)(() => {
+  } = (0, import_hooks116.useDepositAddresses)({ enabled: open });
+  const fallbackNetworkOptions = (0, import_react72.useMemo)(() => mapNetworksToOptions(), []);
+  const networkOptions = (0, import_react72.useMemo)(() => {
     if (!(supportedChains == null ? void 0 : supportedChains.length)) return fallbackNetworkOptions;
     return withNetworkIcons(
       supportedChains.map((c) => ({ value: String(c.chainId), label: c.name }))
     );
   }, [supportedChains, fallbackNetworkOptions]);
-  const walletNetworkOptions = (0, import_react71.useMemo)(() => {
+  const walletNetworkOptions = (0, import_react72.useMemo)(() => {
     if (!(supportedChains == null ? void 0 : supportedChains.length) || !connectedWalletKind) return networkOptions;
     const filtered = supportedChains.filter(
       (c) => connectedWalletKind === "solana" ? import_deposit.SVM_CHAIN_IDS.has(c.chainId) : !import_deposit.SVM_CHAIN_IDS.has(c.chainId)
@@ -43126,17 +43589,17 @@ function DepositModalControlled({
     if (filtered.length === 0) return networkOptions;
     return withNetworkIcons(filtered.map((c) => ({ value: String(c.chainId), label: c.name })));
   }, [supportedChains, networkOptions, connectedWalletKind]);
-  const walletTokenOptions = (0, import_react71.useMemo)(() => {
+  const walletTokenOptions = (0, import_react72.useMemo)(() => {
     const chain = supportedChains == null ? void 0 : supportedChains.find((c) => String(c.chainId) === walletChainId);
     if (!chain) return withTokenIcons(DEFAULT_CURRENCY_OPTIONS);
     return withTokenIcons(chain.tokens.map((t) => ({ value: t.symbol, label: t.symbol })));
   }, [supportedChains, walletChainId]);
-  const sendTokenOptions = (0, import_react71.useMemo)(() => {
+  const sendTokenOptions = (0, import_react72.useMemo)(() => {
     const chain = supportedChains == null ? void 0 : supportedChains.find((c) => String(c.chainId) === sendChainId);
     if (!chain) return withTokenIcons(DEFAULT_CURRENCY_OPTIONS);
     return withTokenIcons(chain.tokens.map((t) => ({ value: t.symbol, label: t.symbol })));
   }, [supportedChains, sendChainId]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     if (walletNetworkOptions.length > 0) {
       if (!walletChainId || !walletNetworkOptions.some((o) => o.value === walletChainId)) {
         const ethereumMainnetOption = walletNetworkOptions.find(
@@ -43147,30 +43610,30 @@ function DepositModalControlled({
       }
     }
   }, [walletNetworkOptions, walletChainId, initialWalletChainId]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     if (networkOptions.length > 0) {
       if (!sendChainId || !networkOptions.some((o) => o.value === sendChainId)) {
         setSendChainId(networkOptions[0].value);
       }
     }
   }, [networkOptions, sendChainId]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     var _a2, _b2;
     if (walletTokenOptions.length > 0) {
       const preferredToken = (_b2 = (_a2 = walletTokenOptions.find((option) => option.value === DEFAULT_WALLET_TOKEN)) == null ? void 0 : _a2.value) != null ? _b2 : walletTokenOptions[0].value;
       setWalletToken(preferredToken);
     }
   }, [walletTokenOptions]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     var _a2, _b2;
     setSendToken((_b2 = (_a2 = sendTokenOptions == null ? void 0 : sendTokenOptions[0]) == null ? void 0 : _a2.value) != null ? _b2 : "");
   }, [sendTokenOptions]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     if (walletChainId) {
       onWalletNetworkChange == null ? void 0 : onWalletNetworkChange(walletChainId);
     }
   }, [walletChainId, onWalletNetworkChange]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     if (walletToken) {
       onWalletTokenChange == null ? void 0 : onWalletTokenChange(walletToken);
     }
@@ -43189,7 +43652,7 @@ function DepositModalControlled({
     fromWallet: walletFlow.walletLabel,
     gasFee: ""
   }, walletFlow.successSummary);
-  const handleWalletDepositNotification = (0, import_react71.useCallback)(
+  const handleWalletDepositNotification = (0, import_react72.useCallback)(
     (status, errorMessage) => {
       if (notifiedWalletDepositStatusesRef.current.has(status)) return;
       notifiedWalletDepositStatusesRef.current.add(status);
@@ -43203,13 +43666,13 @@ function DepositModalControlled({
     },
     [walletFlow.amount, walletToken]
   );
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     if (step === "wallet-processing" && !isWalletSubmitting && walletFlow.transactionStatus === "settled") {
       handleWalletDepositNotification("completed");
       setStep("wallet-success");
     }
   }, [handleWalletDepositNotification, isWalletSubmitting, step, walletFlow.transactionStatus]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     if (!onCancelWalletDeposit) return;
     if (step === "wallet-processing" && !isWalletSubmitting && walletFlow.transactionStatus === "error") {
       walletSubmitInFlightRef.current = false;
@@ -43362,8 +43825,8 @@ function DepositModalControlled({
     onOpenChange(isOpen);
   };
   const depositModalMaxWidth = step === "method" ? "600px" : "480px";
-  return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Modal.Container, { maxWidth: depositModalMaxWidth, "aria-label": "Deposit", children: [
-    step === "method" ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(Modal.Container, { maxWidth: depositModalMaxWidth, "aria-label": "Deposit", children: [
+    step === "method" ? /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
       DepositMethodStep,
       {
         balance: walletFlow.balance,
@@ -43377,7 +43840,7 @@ function DepositModalControlled({
         onSelectMethod: handleSelectMethod
       }
     ) : null,
-    step === "wallet-form" ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+    step === "wallet-form" ? /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
       WalletFormStep,
       {
         walletLabel: walletFlow.walletLabel,
@@ -43443,7 +43906,7 @@ function DepositModalControlled({
         })
       }
     ) : null,
-    step === "wallet-processing" ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+    step === "wallet-processing" ? /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
       WalletProcessingStep,
       {
         steps: processingSteps,
@@ -43451,7 +43914,7 @@ function DepositModalControlled({
         onComplete: () => setStep("wallet-success")
       }
     ) : null,
-    step === "wallet-success" ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+    step === "wallet-success" ? /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
       WalletSuccessStep,
       {
         summary: resolvedSuccessSummary,
@@ -43459,7 +43922,7 @@ function DepositModalControlled({
         onClose: () => handleOpenChange(false)
       }
     ) : null,
-    step === "card-deposit" && cardFlow ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+    step === "card-deposit" && cardFlow ? /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
       CardDepositStep,
       {
         amount: cardFlow.amount,
@@ -43477,7 +43940,7 @@ function DepositModalControlled({
         onContinue: handleContinueCardDeposit
       }
     ) : null,
-    step === "card-provider" && cardFlow ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+    step === "card-provider" && cardFlow ? /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
       CardProviderStep,
       {
         amount: cardFlow.amount,
@@ -43492,7 +43955,7 @@ function DepositModalControlled({
         onRetry: handleRetryQuotes
       }
     ) : null,
-    step === "card-payment-pending" ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+    step === "card-payment-pending" ? /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
       CardPaymentPendingStep,
       {
         providerName: pendingProviderName,
@@ -43502,7 +43965,7 @@ function DepositModalControlled({
         onChooseAnotherProvider: handleChooseAnotherProvider
       }
     ) : null,
-    step === "card-success" ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+    step === "card-success" ? /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
       CardPurchaseSuccessStep,
       {
         summary: (_g = pendingCardPurchaseSummary != null ? pendingCardPurchaseSummary : cardFlow == null ? void 0 : cardFlow.purchaseSummary) != null ? _g : {
@@ -43514,7 +43977,7 @@ function DepositModalControlled({
         onDone: handleDoneCardPurchase
       }
     ) : null,
-    step === "crypto-transfer" ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+    step === "crypto-transfer" ? /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
       CryptoTransferStep,
       {
         tokenOptions: sendTokenOptions,
@@ -43543,37 +44006,37 @@ var ignoreCardChange = (_value) => {
 };
 var DepositModal = (props) => {
   if (!isControlledDepositModalProps(props)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(DepositModalSelfDriven, __spreadValues({}, props));
+    return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(DepositModalSelfDriven, __spreadValues({}, props));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(DepositModalControlled, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(DepositModalControlled, __spreadValues({}, props));
 };
 DepositModal.displayName = "DepositModal";
 
 // src/withdraw/index.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 var import_withdraw = require("@agg-build/hooks/withdraw");
 init_modal();
 
 // src/withdraw/steps/withdraw-method.tsx
-var import_hooks113 = require("@agg-build/hooks");
+var import_hooks117 = require("@agg-build/hooks");
 init_icon();
 init_modal();
 init_utils();
-var import_jsx_runtime221 = require("react/jsx-runtime");
+var import_jsx_runtime226 = require("react/jsx-runtime");
 var WithdrawMethodStep = ({
   balance,
   onSelectMethod
 }) => {
-  const labels = (0, import_hooks113.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(import_jsx_runtime221.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Modal.Header, { title: labels.withdraw.title, hideBorder: true }),
-    /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
+  const labels = (0, import_hooks117.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(import_jsx_runtime226.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Modal.Header, { title: labels.withdraw.title, hideBorder: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
         labels.withdraw.balancePrefix,
         " ",
         formatCompactUsd(balance)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
         "div",
         {
           className: cn(
@@ -43590,12 +44053,12 @@ var WithdrawMethodStep = ({
             }
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: labels.withdraw.methods.walletTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: labels.withdraw.methods.walletDescription })
+            /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: labels.withdraw.methods.walletTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: labels.withdraw.methods.walletDescription })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(ChevronRightIcon, { className: "h-5 w-5" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(ChevronRightIcon, { className: "h-5 w-5" }) })
           ]
         }
       )
@@ -43604,14 +44067,14 @@ var WithdrawMethodStep = ({
 };
 
 // src/withdraw/steps/withdraw-amount.tsx
-var import_hooks114 = require("@agg-build/hooks");
+var import_hooks118 = require("@agg-build/hooks");
 init_button();
 init_icon();
 init_loading_icon();
 init_modal();
 init_select();
 init_utils();
-var import_jsx_runtime222 = require("react/jsx-runtime");
+var import_jsx_runtime227 = require("react/jsx-runtime");
 var formatRawTokenAmount = (rawAmount, decimals) => {
   if (!rawAmount) return "0";
   const raw = BigInt(rawAmount);
@@ -43655,7 +44118,7 @@ var WithdrawAmountStep = ({
   onContinue
 }) => {
   var _a, _b, _c, _d;
-  const labels = (0, import_hooks114.useLabels)();
+  const labels = (0, import_hooks118.useLabels)();
   const SOLANA_CHAIN_ID = "792703809";
   const isSolanaDest = selectedNetwork === SOLANA_CHAIN_ID;
   const trimmedDestination = destinationWallet.trim();
@@ -43663,7 +44126,7 @@ var WithdrawAmountStep = ({
   const isValid = Number(amount2) > 0 && isValidAddress;
   const amountRaw = amount2 && Number(amount2) > 0 ? parseTokenAmountToRaw(amount2, destDecimals) : null;
   const destinationChainId = Number(selectedNetwork) || null;
-  const preview = (0, import_hooks114.useWithdrawPreview)({
+  const preview = (0, import_hooks118.useWithdrawPreview)({
     amountRaw,
     tokenSymbol: selectedToken || null,
     destinationChainId,
@@ -43680,29 +44143,29 @@ var WithdrawAmountStep = ({
     youReceive: preview.data.receiveAmountRaw != null ? `~${formatRawTokenAmount(preview.data.receiveAmountRaw, destDecimals)} ${selectedToken}` : "\u2014"
   } : null;
   const shouldShowWithdrawEstimate = Boolean(withdrawEstimate);
-  return /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(import_jsx_runtime222.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(import_jsx_runtime227.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
       Modal.Header,
       {
         title: labels.withdraw.walletFlow.title,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": labels.withdraw.back,
-            children: /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "flex flex-col gap-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.recipientAddressLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.recipientAddressLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
             "input",
             {
               type: "text",
@@ -43718,17 +44181,17 @@ var WithdrawAmountStep = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.amountLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.amountLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
               labels.withdraw.balancePrefix,
               " ",
               balanceDisplay
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("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__ */ (0, import_jsx_runtime222.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("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__ */ (0, import_jsx_runtime227.jsx)(
               "input",
               {
                 type: "text",
@@ -43743,8 +44206,8 @@ var WithdrawAmountStep = ({
                 onChange: (e) => onAmountChange(e.target.value)
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("span", { className: "agg-type-body text-agg-muted-foreground shrink-0", children: selectedToken }),
-            onMaxClick ? /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("span", { className: "agg-type-body text-agg-muted-foreground shrink-0", children: selectedToken }),
+            onMaxClick ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
               "button",
               {
                 type: "button",
@@ -43755,10 +44218,10 @@ var WithdrawAmountStep = ({
             ) : null
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "flex flex-col gap-3 sm:flex-row sm:gap-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.tokenLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: "flex flex-col gap-3 sm:flex-row sm:gap-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.tokenLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
               Select,
               {
                 items: tokenOptions,
@@ -43768,9 +44231,9 @@ var WithdrawAmountStep = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.networkLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.networkLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
               Select,
               {
                 items: networkOptions,
@@ -43781,51 +44244,51 @@ var WithdrawAmountStep = ({
             )
           ] })
         ] }),
-        shouldShowWithdrawEstimate && withdrawEstimate ? /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(TransferFeeSummary, { estimate: withdrawEstimate, view: "withdraw" }) : null,
-        previewUnviableMessage ? /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("p", { className: "agg-type-label text-agg-error", role: "alert", children: previewUnviableMessage }) : null
+        shouldShowWithdrawEstimate && withdrawEstimate ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(TransferFeeSummary, { estimate: withdrawEstimate, view: "withdraw" }) : null,
+        previewUnviableMessage ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("p", { className: "agg-type-label text-agg-error", role: "alert", children: previewUnviableMessage }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
         Button,
         {
           variant: isValid && !isConfirming && !previewUnviable && !previewLoading ? "primary" : "secondary",
           size: "large",
           className: "w-full",
           disabled: isDisabled,
-          prefix: previewLoading && !isConfirming ? /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(LoadingIcon, { size: "small", className: "mr-2 text-current" }) : void 0,
+          prefix: previewLoading && !isConfirming ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(LoadingIcon, { size: "small", className: "mr-2 text-current" }) : void 0,
           onClick: onContinue,
           children: isConfirming ? labels.common.loading : previewLoading ? labels.withdraw.walletFlow.calculatingFees : labels.withdraw.walletFlow.confirm
         }
       ),
-      error ? /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("p", { className: "agg-type-label text-agg-error text-center", role: "alert", children: error }) : null
+      error ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("p", { className: "agg-type-label text-agg-error text-center", role: "alert", children: error }) : null
     ] }) })
   ] });
 };
 
 // src/withdraw/steps/withdraw-success.tsx
-var import_hooks115 = require("@agg-build/hooks");
+var import_hooks119 = require("@agg-build/hooks");
 init_modal();
 init_button();
 init_icon();
 init_utils();
-var import_jsx_runtime223 = require("react/jsx-runtime");
-var SummaryRow3 = ({ label: label2, value }) => /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { className: "flex items-center justify-between gap-4 border-b border-agg-separator py-2 last:border-b-0", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("p", { className: "min-w-0 text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label2 }),
-  /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("p", { className: "min-w-0 text-right text-[14px] leading-5 text-agg-foreground", children: value })
+var import_jsx_runtime228 = require("react/jsx-runtime");
+var SummaryRow3 = ({ label: label2, value }) => /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "flex items-center justify-between gap-4 border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("p", { className: "min-w-0 text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label2 }),
+  /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("p", { className: "min-w-0 text-right text-[14px] leading-5 text-agg-foreground", children: value })
 ] });
-var WithdrawCloseButton = ({ onClose, label: label2 }) => /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+var WithdrawCloseButton = ({ onClose, label: label2 }) => /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
   "button",
   {
     type: "button",
     className: "absolute right-8 top-7 flex cursor-pointer items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
     onClick: onClose,
     "aria-label": label2,
-    children: /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(CloseIcon, { className: "h-6 w-6" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(CloseIcon, { className: "h-6 w-6" })
   }
 );
 var LoadingGlyph = ({
   className,
   enableAnimations
-}) => /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
   "span",
   {
     "aria-hidden": "true",
@@ -43851,33 +44314,33 @@ var WithdrawLoadingStep = ({
   lifecycleState,
   onClose
 }) => {
-  const labels = (0, import_hooks115.useLabels)();
+  const labels = (0, import_hooks119.useLabels)();
   const {
     features: { enableAnimations }
-  } = (0, import_hooks115.useSdkUiConfig)();
+  } = (0, import_hooks119.useSdkUiConfig)();
   const walletFlowLabels = labels.withdraw.walletFlow;
   const activeIndex = loadingActiveIndexFor(lifecycleState);
   const loadingSteps = getLoadingSteps(walletFlowLabels);
-  return /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Modal.Body, { classNames: { root: "px-8 py-7" }, children: /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { className: "flex flex-col gap-7", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: walletFlowLabels.successTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Modal.Body, { classNames: { root: "px-8 py-7" }, children: /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "flex flex-col gap-7", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: walletFlowLabels.successTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
         "button",
         {
           type: "button",
           className: "flex cursor-pointer items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
           onClick: onClose,
           "aria-label": labels.common.close,
-          children: /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(CloseIcon, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(CloseIcon, { className: "h-6 w-6" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("div", { className: "flex flex-col gap-5", role: "status", "aria-live": "polite", children: loadingSteps.map((step, index) => {
+    /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("div", { className: "flex flex-col gap-5", role: "status", "aria-live": "polite", children: loadingSteps.map((step, index) => {
       const isComplete = index < activeIndex;
       const isActive = index === activeIndex;
       const textClassName = isActive || isComplete ? "text-agg-foreground" : "text-agg-muted-foreground";
-      return /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { className: "flex items-center gap-3", children: [
-        isComplete ? /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "flex items-center gap-3", children: [
+        isComplete ? /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
           Icon,
           {
             name: "check-circle",
@@ -43886,24 +44349,24 @@ var WithdrawLoadingStep = ({
             "aria-hidden": "true"
           }
         ) : null,
-        isActive ? /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+        isActive ? /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
           LoadingGlyph,
           {
             enableAnimations,
             className: "h-4 w-4 shrink-0 text-agg-primary"
           }
         ) : null,
-        !isComplete && !isActive ? /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+        !isComplete && !isActive ? /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
           "span",
           {
             "aria-hidden": "true",
             className: "h-4 w-4 shrink-0 rounded-full border border-agg-separator"
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("p", { className: cn("min-w-0 flex-1 text-agg-base leading-agg-6", textClassName), children: step.label })
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("p", { className: cn("min-w-0 flex-1 text-agg-base leading-agg-6", textClassName), children: step.label })
       ] }, step.id);
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: walletFlowLabels.loadingDescription })
+    /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: walletFlowLabels.loadingDescription })
   ] }) }) });
 };
 var resultCopyFor = ({
@@ -43938,7 +44401,7 @@ var WithdrawSuccessStep = ({
   onRetry,
   onClose
 }) => {
-  const labels = (0, import_hooks115.useLabels)();
+  const labels = (0, import_hooks119.useLabels)();
   const walletFlowLabels = labels.withdraw.walletFlow;
   const { title: title2, description } = resultCopyFor({
     status: resultStatus,
@@ -43946,10 +44409,10 @@ var WithdrawSuccessStep = ({
     labels: walletFlowLabels
   });
   const isFailed = resultStatus === "failed";
-  return /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(Modal.Body, { classNames: { root: "px-10 py-12" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(WithdrawCloseButton, { onClose, label: labels.common.close }),
-    /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { className: "flex flex-col items-center justify-center gap-8 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(Modal.Body, { classNames: { root: "px-10 py-12" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(WithdrawCloseButton, { onClose, label: labels.common.close }),
+    /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "flex flex-col items-center justify-center gap-8 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
         "div",
         {
           className: cn(
@@ -43957,12 +44420,12 @@ var WithdrawSuccessStep = ({
             isFailed ? "bg-agg-error/15" : "bg-agg-success/15"
           ),
           "aria-hidden": "true",
-          children: isFailed ? /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(CloseIcon, { className: "h-6 w-6 text-agg-error" }) : /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" })
+          children: isFailed ? /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(CloseIcon, { className: "h-6 w-6 text-agg-error" }) : /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { className: "flex w-full flex-col items-center gap-3 text-center text-agg-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold", children: title2 }),
-        /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "flex w-full flex-col items-center gap-3 text-center text-agg-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold", children: title2 }),
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
           "p",
           {
             className: "max-w-[400px] text-agg-base leading-agg-6",
@@ -43971,35 +44434,35 @@ var WithdrawSuccessStep = ({
           }
         )
       ] }),
-      !isFailed ? /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { className: "flex w-full max-w-[400px] flex-col rounded-agg-lg border border-agg-separator bg-agg-secondary px-3 py-1 text-left", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+      !isFailed ? /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "flex w-full max-w-[400px] flex-col rounded-agg-lg border border-agg-separator bg-agg-secondary px-3 py-1 text-left", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
           SummaryRow3,
           {
             label: walletFlowLabels.summary.requestedWithdrawal,
             value: requestedWithdrawal
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
           SummaryRow3,
           {
             label: walletFlowLabels.summary.amountReceived,
             value: summary.amountReceived
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(SummaryRow3, { label: walletFlowLabels.summary.fees, value: summary.fees }),
-        /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(SummaryRow3, { label: walletFlowLabels.summary.network, value: summary.network }),
-        /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(SummaryRow3, { label: walletFlowLabels.summary.toWallet, value: summary.toWallet })
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(SummaryRow3, { label: walletFlowLabels.summary.fees, value: summary.fees }),
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(SummaryRow3, { label: walletFlowLabels.summary.network, value: summary.network }),
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(SummaryRow3, { label: walletFlowLabels.summary.toWallet, value: summary.toWallet })
       ] }) : null,
-      isFailed ? /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: walletFlowLabels.close }),
-        /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Button, { variant: "primary", size: "large", className: "w-[123px]", onClick: onRetry, children: walletFlowLabels.retry })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.withdraw.done })
+      isFailed ? /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: walletFlowLabels.close }),
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Button, { variant: "primary", size: "large", className: "w-[123px]", onClick: onRetry, children: walletFlowLabels.retry })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.withdraw.done })
     ] })
   ] }) });
 };
 
 // src/withdraw/index.tsx
-var import_jsx_runtime224 = require("react/jsx-runtime");
+var import_jsx_runtime229 = require("react/jsx-runtime");
 var DEFAULT_TOKEN_DECIMALS2 = 6;
 var TOKEN_DECIMALS_BY_SYMBOL2 = {
   BNB: 18,
@@ -44082,7 +44545,7 @@ function WithdrawModalSelfDriven({
   onOpenChange
 }) {
   const withdrawProps = (0, import_withdraw.useWithdrawFlow)({ open, onOpenChange });
-  return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(WithdrawModalControlled, __spreadValues({}, withdrawProps));
+  return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(WithdrawModalControlled, __spreadValues({}, withdrawProps));
 }
 function WithdrawModalControlled({
   open,
@@ -44096,14 +44559,14 @@ function WithdrawModalControlled({
   onSelectWithdrawProvider,
   onDoneWithdraw
 }) {
-  const [flowState, setFlowState] = (0, import_react72.useState)({
+  const [flowState, setFlowState] = (0, import_react73.useState)({
     status: "form",
     formStep: "method"
   });
-  const [isConfirming, setIsConfirming] = (0, import_react72.useState)(false);
-  const [confirmError, setConfirmError] = (0, import_react72.useState)(null);
+  const [isConfirming, setIsConfirming] = (0, import_react73.useState)(false);
+  const [confirmError, setConfirmError] = (0, import_react73.useState)(null);
   const { state: withdrawalLifecycleState, reset: resetWithdrawalLifecycle } = (0, import_withdraw.useWithdrawalLifecycle)(withdrawFlow.withdrawalId);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (!open) {
       setFlowState({ status: "form", formStep: "method" });
       setIsConfirming(false);
@@ -44111,7 +44574,7 @@ function WithdrawModalControlled({
       resetWithdrawalLifecycle();
     }
   }, [open, resetWithdrawalLifecycle]);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (flowState.status !== "loading") return;
     if (!withdrawalLifecycleState.terminal) return;
     if (withdrawalLifecycleState.status === "completed") {
@@ -44180,15 +44643,15 @@ function WithdrawModalControlled({
     tokenSymbol: withdrawFlow.selectedToken,
     chainId: withdrawFlow.selectedNetwork
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(Modal.Container, { maxWidth: modalMaxWidth, "aria-label": "Withdraw", children: [
-    flowState.status === "form" && flowState.formStep === "method" ? /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Modal.Container, { maxWidth: modalMaxWidth, "aria-label": "Withdraw", children: [
+    flowState.status === "form" && flowState.formStep === "method" ? /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
       WithdrawMethodStep,
       {
         balance: withdrawFlow.balance,
         onSelectMethod: () => setFlowState({ status: "form", formStep: "withdraw-amount" })
       }
     ) : null,
-    flowState.status === "form" && flowState.formStep === "withdraw-amount" ? /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+    flowState.status === "form" && flowState.formStep === "withdraw-amount" ? /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
       WithdrawAmountStep,
       {
         amount: withdrawFlow.amount,
@@ -44214,14 +44677,14 @@ function WithdrawModalControlled({
         onContinue: handleConfirm
       }
     ) : null,
-    flowState.status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+    flowState.status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
       WithdrawLoadingStep,
       {
         lifecycleState: withdrawalLifecycleState,
         onClose: () => handleOpenChange(false)
       }
     ) : null,
-    flowState.status === "success" || flowState.status === "partial_success" || flowState.status === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+    flowState.status === "success" || flowState.status === "partial_success" || flowState.status === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
       WithdrawSuccessStep,
       {
         summary: terminalSummary,
@@ -44238,34 +44701,34 @@ function WithdrawModalControlled({
 }
 var WithdrawModal = (props) => {
   if (isControlledWithdrawModalProps(props)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(WithdrawModalControlled, __spreadValues({}, props));
+    return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(WithdrawModalControlled, __spreadValues({}, props));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(WithdrawModalSelfDriven, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(WithdrawModalSelfDriven, __spreadValues({}, props));
 };
 WithdrawModal.displayName = "WithdrawModal";
 
 // src/paper-trading/paper-trading-onboarding.tsx
-var import_hooks117 = require("@agg-build/hooks");
+var import_hooks121 = require("@agg-build/hooks");
 init_utils();
 
 // src/paper-trading/paper-onboarding-modal.tsx
-var import_react73 = require("react");
-var import_hooks116 = require("@agg-build/hooks");
+var import_react74 = require("react");
+var import_hooks120 = require("@agg-build/hooks");
 init_utils();
 init_button();
 init_icon();
 init_modal();
-var import_jsx_runtime225 = require("react/jsx-runtime");
+var import_jsx_runtime230 = require("react/jsx-runtime");
 var PaperOnboardingModal = ({
   open,
   onDismiss,
   startingBalanceLabel,
   classNames
 }) => {
-  const labels = (0, import_hooks116.useLabels)();
+  const labels = (0, import_hooks120.useLabels)();
   const copy = labels.paperTrading.onboarding;
-  const [stepIndex, setStepIndex] = (0, import_react73.useState)(0);
-  const steps = (0, import_react73.useMemo)(
+  const [stepIndex, setStepIndex] = (0, import_react74.useState)(0);
+  const steps = (0, import_react74.useMemo)(
     () => [
       {
         key: "realMarkets",
@@ -44292,17 +44755,17 @@ var PaperOnboardingModal = ({
   const isFirst = stepIndex === 0;
   const isLast = stepIndex === total - 1;
   const step = steps[stepIndex];
-  const handleBack = (0, import_react73.useCallback)(() => {
+  const handleBack = (0, import_react74.useCallback)(() => {
     setStepIndex((current) => Math.max(0, current - 1));
   }, []);
-  const handleNext = (0, import_react73.useCallback)(() => {
+  const handleNext = (0, import_react74.useCallback)(() => {
     if (isLast) {
       onDismiss();
       return;
     }
     setStepIndex((current) => Math.min(total - 1, current + 1));
   }, [isLast, onDismiss, total]);
-  const handleOpenChange = (0, import_react73.useCallback)(
+  const handleOpenChange = (0, import_react74.useCallback)(
     (next) => {
       if (next) return;
       setStepIndex(0);
@@ -44310,7 +44773,7 @@ var PaperOnboardingModal = ({
     },
     [onDismiss]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
     Modal.Container,
     {
       maxWidth: "480px",
@@ -44328,9 +44791,9 @@ var PaperOnboardingModal = ({
         // Only the radius needs overriding, from the container's default 16.
         container: cn("rounded-agg-xl! md:rounded-agg-xl!", classNames == null ? void 0 : classNames.card)
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)("div", { className: cn("agg-paper-onboarding", "flex w-full flex-col gap-5 p-6"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)("div", { className: "flex w-full items-start justify-center gap-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { className: cn("agg-paper-onboarding", "flex w-full flex-col gap-5 p-6"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { className: "flex w-full items-start justify-center gap-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
             "div",
             {
               className: cn(
@@ -44338,12 +44801,12 @@ var PaperOnboardingModal = ({
                 "rounded-agg-lg bg-agg-primary/10 text-agg-primary",
                 classNames == null ? void 0 : classNames.icon
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Icon, { name: step.icon, className: "!h-6 !w-6", "aria-hidden": "true" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Icon, { name: step.icon, className: "!h-6 !w-6", "aria-hidden": "true" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2 break-words", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2 break-words", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
                 "p",
                 {
                   className: cn(
@@ -44356,7 +44819,7 @@ var PaperOnboardingModal = ({
                   children: copy.stepEyebrow({ current: stepIndex + 1, total })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
                 "p",
                 {
                   className: cn(
@@ -44367,11 +44830,11 @@ var PaperOnboardingModal = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("p", { className: cn("text-agg-sm leading-agg-5 text-agg-foreground", classNames == null ? void 0 : classNames.body), children: step.body })
+            /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("p", { className: cn("text-agg-sm leading-agg-5 text-agg-foreground", classNames == null ? void 0 : classNames.body), children: step.body })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)("div", { className: cn("flex w-full items-center justify-between", classNames == null ? void 0 : classNames.footer), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("div", { className: cn("flex items-center gap-1", classNames == null ? void 0 : classNames.dots), "aria-hidden": "true", children: steps.map((dotStep, index) => /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { className: cn("flex w-full items-center justify-between", classNames == null ? void 0 : classNames.footer), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("div", { className: cn("flex items-center gap-1", classNames == null ? void 0 : classNames.dots), "aria-hidden": "true", children: steps.map((dotStep, index) => /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
             "span",
             {
               className: cn(
@@ -44381,8 +44844,8 @@ var PaperOnboardingModal = ({
             },
             dotStep.key
           )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -44392,7 +44855,7 @@ var PaperOnboardingModal = ({
                 children: isFirst ? copy.skip : copy.back
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
               Button,
               {
                 variant: "primary",
@@ -44411,15 +44874,15 @@ var PaperOnboardingModal = ({
 PaperOnboardingModal.displayName = "PaperOnboardingModal";
 
 // src/paper-trading/paper-trading-onboarding.tsx
-var import_jsx_runtime226 = require("react/jsx-runtime");
+var import_jsx_runtime231 = require("react/jsx-runtime");
 var FALLBACK_STARTING_BALANCE = 1e4;
 var PaperTradingOnboarding = ({
   classNames
 }) => {
-  const { isOpen, dismiss } = (0, import_hooks117.usePaperOnboarding)();
-  const { paperStartingBalance } = (0, import_hooks117.useAppConfig)();
+  const { isOpen, dismiss } = (0, import_hooks121.usePaperOnboarding)();
+  const { paperStartingBalance } = (0, import_hooks121.useAppConfig)();
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
     PaperOnboardingModal,
     {
       open: true,
@@ -44434,8 +44897,8 @@ var PaperTradingOnboarding = ({
 PaperTradingOnboarding.displayName = "PaperTradingOnboarding";
 
 // src/profile/index.tsx
-var import_react76 = require("react");
-var import_hooks120 = require("@agg-build/hooks");
+var import_react77 = require("react");
+var import_hooks124 = require("@agg-build/hooks");
 var import_sdk32 = require("@agg-build/sdk");
 init_modal();
 init_icon();
@@ -44461,11 +44924,11 @@ var getProfileTabItems = () => [
 ];
 
 // src/profile/tabs/about-tab.tsx
-var import_react74 = require("react");
-var import_hooks118 = require("@agg-build/hooks");
+var import_react75 = require("react");
+var import_hooks122 = require("@agg-build/hooks");
 init_utils();
 init_primitives();
-var import_jsx_runtime227 = require("react/jsx-runtime");
+var import_jsx_runtime232 = require("react/jsx-runtime");
 var AboutTab = ({
   avatarPreview,
   onDeleteProfile: _onDeleteProfile,
@@ -44475,13 +44938,13 @@ var AboutTab = ({
   draftAvatarPreview,
   avatarError: _avatarError
 }) => {
-  const labels = (0, import_hooks118.useLabels)();
-  const fileInputRef = (0, import_react74.useRef)(null);
-  const handleAvatarClick = (0, import_react74.useCallback)(() => {
+  const labels = (0, import_hooks122.useLabels)();
+  const fileInputRef = (0, import_react75.useRef)(null);
+  const handleAvatarClick = (0, import_react75.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react74.useCallback)(
+  const handleFileChange = (0, import_react75.useCallback)(
     (e) => {
       var _a;
       const file = (_a = e.target.files) == null ? void 0 : _a[0];
@@ -44497,8 +44960,8 @@ var AboutTab = ({
   );
   const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
   const hasAvatarPreview = Boolean(resolvedPreview);
-  return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("div", { className: "agg-profile-about flex flex-col gap-8", children: /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: "agg-profile-avatar-section flex w-full items-center gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("div", { className: "agg-profile-about flex flex-col gap-8", children: /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)("div", { className: "agg-profile-avatar-section flex w-full items-center gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
       "button",
       {
         type: "button",
@@ -44515,13 +44978,13 @@ var AboutTab = ({
         ),
         "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
         children: [
-          !hasAvatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+          !hasAvatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
             "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__ */ (0, import_jsx_runtime227.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
                 "circle",
                 {
                   cx: "40",
@@ -44535,18 +44998,18 @@ var AboutTab = ({
               )
             }
           ) : null,
-          resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+          resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
             RemoteImage,
             {
               src: resolvedPreview,
               alt: labels.onboarding.profileSetup.profilePreviewAlt,
               className: "h-full w-full object-cover"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
       "input",
       {
         ref: fileInputRef,
@@ -44557,8 +45020,8 @@ var AboutTab = ({
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)("div", { className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
         "label",
         {
           htmlFor: "profile-username",
@@ -44566,7 +45029,7 @@ var AboutTab = ({
           children: "Username"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
         "input",
         {
           id: "profile-username",
@@ -44595,9 +45058,9 @@ AboutTab.displayName = "AboutTab";
 // src/profile/tabs/accounts-wallets-tab.tsx
 init_icon();
 init_utils();
-var import_jsx_runtime228 = require("react/jsx-runtime");
-var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+var import_jsx_runtime233 = require("react/jsx-runtime");
+var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
   "div",
   {
     className: cn(
@@ -44613,11 +45076,11 @@ var AccountIdentity = ({
   icon,
   label: label2,
   iconClassName
-}) => /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("span", { className: cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName), children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Icon, { name: icon, size: "small", color: "currentColor" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: label2 })
+}) => /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("span", { className: cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName), children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Icon, { name: icon, size: "small", color: "currentColor" }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: label2 })
 ] });
-var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
   "button",
   {
     type: "button",
@@ -44626,7 +45089,7 @@ var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime2
     children: "Connect"
   }
 );
-var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
   "button",
   {
     type: "button",
@@ -44635,7 +45098,7 @@ var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runti
     children: "Disconnect"
   }
 );
-var VerifiedBadge = () => /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" });
+var VerifiedBadge = () => /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" });
 var getWalletIconName = (wallet) => {
   const chain = wallet.chain.toLowerCase();
   if (chain === "solana" || chain === "svm") {
@@ -44653,12 +45116,12 @@ var ConnectedAccountRow = ({
   onDisconnect
 }) => {
   const displayLabel = connected ? connectedLabel != null ? connectedLabel : label2 : label2;
-  return /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(AccountRow, { className: "agg-social-account-row gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(AccountIdentity, { icon, label: displayLabel, iconClassName }),
-      connected ? /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(VerifiedBadge, {}) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(AccountRow, { className: "agg-social-account-row gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(AccountIdentity, { icon, label: displayLabel, iconClassName }),
+      connected ? /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(VerifiedBadge, {}) : null
     ] }),
-    connected ? /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(ConnectTextButton, { onClick: onConnect })
+    connected ? /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(ConnectTextButton, { onClick: onConnect })
   ] });
 };
 var AccountsWalletsTab = ({
@@ -44677,11 +45140,11 @@ var AccountsWalletsTab = ({
   const google = socialAccounts == null ? void 0 : socialAccounts.google;
   const apple = socialAccounts == null ? void 0 : socialAccounts.apple;
   const hasEmail = Boolean(email);
-  return /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "agg-accounts-wallets-tab flex flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(SectionTitle, { children: "Connected accounts" }),
-      /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "agg-social-accounts-list flex flex-col gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { className: "agg-accounts-wallets-tab flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(SectionTitle, { children: "Connected accounts" }),
+      /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { className: "agg-social-accounts-list flex flex-col gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
           ConnectedAccountRow,
           {
             icon: "google",
@@ -44693,7 +45156,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectGoogle
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
           ConnectedAccountRow,
           {
             icon: "apple",
@@ -44705,7 +45168,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectApple
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
           ConnectedAccountRow,
           {
             icon: "twitter",
@@ -44717,7 +45180,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectTwitter
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
           ConnectedAccountRow,
           {
             icon: "email",
@@ -44730,12 +45193,12 @@ var AccountsWalletsTab = ({
         )
       ] })
     ] }),
-    wallets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(SectionTitle, { children: "Wallets" }),
-      /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("div", { className: "flex flex-col gap-2", children: wallets.map((wallet) => {
+    wallets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(SectionTitle, { children: "Wallets" }),
+      /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("div", { className: "flex flex-col gap-2", children: wallets.map((wallet) => {
         var _a;
-        return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(AccountRow, { className: "gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(AccountRow, { className: "gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
             AccountIdentity,
             {
               icon: getWalletIconName(wallet),
@@ -44743,7 +45206,7 @@ var AccountsWalletsTab = ({
               label: (_a = wallet.displayAddress) != null ? _a : wallet.address
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(VerifiedBadge, {})
+          /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(VerifiedBadge, {})
         ] }) }, `${wallet.chain}:${wallet.address}`);
       }) })
     ] }) : null
@@ -44752,12 +45215,12 @@ var AccountsWalletsTab = ({
 AccountsWalletsTab.displayName = "AccountsWalletsTab";
 
 // src/profile/tabs/trading-access-tab.tsx
-var import_hooks119 = require("@agg-build/hooks");
-var import_react75 = require("react");
+var import_hooks123 = require("@agg-build/hooks");
+var import_react76 = require("react");
 init_icon();
 init_venue_logo();
 init_utils();
-var import_jsx_runtime229 = require("react/jsx-runtime");
+var import_jsx_runtime234 = require("react/jsx-runtime");
 var TRADING_ACCESS_VENUES = [
   "kalshi",
   "polymarket",
@@ -44772,8 +45235,8 @@ var TRADING_ACCESS_VENUES = [
   "pred"
 ];
 var TRADING_ACCESS_VENUE_ITEMS = TRADING_ACCESS_VENUES.map((id) => ({ id }));
-var SectionTitle2 = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime229.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccessRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+var SectionTitle2 = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime234.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccessRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
   "div",
   {
     className: cn(
@@ -44785,17 +45248,17 @@ var AccessRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime229.jsx)
   }
 );
 var AvailableStatus = () => {
-  const labels = (0, import_hooks119.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Icon, { name: "check-badge", size: "small", className: "text-agg-primary" }),
-    /* @__PURE__ */ (0, import_jsx_runtime229.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: labels.trading.tradingAccessAvailable })
+  const labels = (0, import_hooks123.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Icon, { name: "check-badge", size: "small", className: "text-agg-primary" }),
+    /* @__PURE__ */ (0, import_jsx_runtime234.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: labels.trading.tradingAccessAvailable })
   ] });
 };
 var GeoblockedStatus = () => {
-  const labels = (0, import_hooks119.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)("div", { className: "flex items-center gap-2 text-agg-muted-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Icon, { name: "warning-filled", size: "small", color: "currentColor" }),
-    /* @__PURE__ */ (0, import_jsx_runtime229.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 whitespace-nowrap", children: labels.trading.venueUnavailableInRegion })
+  const labels = (0, import_hooks123.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)("div", { className: "flex items-center gap-2 text-agg-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Icon, { name: "warning-filled", size: "small", color: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime234.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 whitespace-nowrap", children: labels.trading.venueUnavailableInRegion })
   ] });
 };
 var TradingAccessTab = ({
@@ -44803,21 +45266,21 @@ var TradingAccessTab = ({
   onConnectKalshi,
   onDisconnectKalshi
 }) => {
-  const labels = (0, import_hooks119.useLabels)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks119.useAppConfig)();
-  const { isLocationBlocked } = (0, import_hooks119.useGeoBlock)();
-  const visibleVenues = (0, import_react75.useMemo)(
-    () => (0, import_hooks119.getVisibleVenuesByConfig)(TRADING_ACCESS_VENUE_ITEMS, disabledVenues),
+  const labels = (0, import_hooks123.useLabels)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks123.useAppConfig)();
+  const { isLocationBlocked } = (0, import_hooks123.useGeoBlock)();
+  const visibleVenues = (0, import_react76.useMemo)(
+    () => (0, import_hooks123.getVisibleVenuesByConfig)(TRADING_ACCESS_VENUE_ITEMS, disabledVenues),
     [disabledVenues]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)("div", { className: "agg-trading-access-section flex flex-col gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(SectionTitle2, { children: labels.trading.tradingAccessVenues }),
-    /* @__PURE__ */ (0, import_jsx_runtime229.jsx)("div", { className: "flex flex-col gap-3", children: visibleVenues.map(({ id: venue }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)("div", { className: "agg-trading-access-section flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(SectionTitle2, { children: labels.trading.tradingAccessVenues }),
+    /* @__PURE__ */ (0, import_jsx_runtime234.jsx)("div", { className: "flex flex-col gap-3", children: visibleVenues.map(({ id: venue }) => {
       var _a;
       const venueAccount = venueAccounts == null ? void 0 : venueAccounts.find((account) => account.venue === venue);
       const isKalshi = venue === "kalshi";
       const isConnected = (venueAccount == null ? void 0 : venueAccount.status) === "active";
-      const availabilityState = (0, import_hooks119.getVenueAvailabilityState)({
+      const availabilityState = (0, import_hooks123.getVenueAvailabilityState)({
         venueId: venue,
         disabledVenues,
         isConfigLoading: isKalshi && isAppConfigLoading,
@@ -44825,12 +45288,12 @@ var TradingAccessTab = ({
       });
       const displayName = (_a = venueLogoLabels[venue]) != null ? _a : venue;
       if (availabilityState === "hidden") return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(AccessRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(VenueLogo, { venue, size: "small" }),
-          /* @__PURE__ */ (0, import_jsx_runtime229.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: displayName })
+      return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(AccessRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(VenueLogo, { venue, size: "small" }),
+          /* @__PURE__ */ (0, import_jsx_runtime234.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: displayName })
         ] }),
-        availabilityState === "geoblocked" ? /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(GeoblockedStatus, {}) : isKalshi && !isConnected ? /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+        availabilityState === "geoblocked" ? /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(GeoblockedStatus, {}) : isKalshi && !isConnected ? /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
           "button",
           {
             type: "button",
@@ -44839,9 +45302,9 @@ var TradingAccessTab = ({
             className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-60",
             children: labels.trading.tradingAccessAddKalshiAccount
           }
-        ) : isKalshi ? /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(AvailableStatus, {}),
-          onDisconnectKalshi ? /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+        ) : isKalshi ? /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(AvailableStatus, {}),
+          onDisconnectKalshi ? /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
             "button",
             {
               type: "button",
@@ -44850,7 +45313,7 @@ var TradingAccessTab = ({
               children: labels.auth.disconnect
             }
           ) : null
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(AvailableStatus, {})
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(AvailableStatus, {})
       ] }, venue);
     }) })
   ] });
@@ -44858,7 +45321,7 @@ var TradingAccessTab = ({
 TradingAccessTab.displayName = "TradingAccessTab";
 
 // src/profile/index.tsx
-var import_jsx_runtime230 = require("react/jsx-runtime");
+var import_jsx_runtime235 = require("react/jsx-runtime");
 var ProfileModal = ({
   open,
   onOpenChange,
@@ -44882,31 +45345,31 @@ var ProfileModal = ({
   onDisconnectExchange
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const client = (0, import_hooks120.useAggClient)();
-  const { user } = (0, import_hooks120.useAggAuthState)();
+  const client = (0, import_hooks124.useAggClient)();
+  const { user } = (0, import_hooks124.useAggAuthState)();
   const toastCtx = useOptionalToast();
-  const [activeTab, setActiveTab] = (0, import_react76.useState)(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
-  const profileTabItems = (0, import_react76.useMemo)(() => getProfileTabItems(), []);
+  const [activeTab, setActiveTab] = (0, import_react77.useState)(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
+  const profileTabItems = (0, import_react77.useMemo)(() => getProfileTabItems(), []);
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
-  const [draftUsername, setDraftUsername] = (0, import_react76.useState)(resolvedInitialUsername);
-  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react76.useState)();
-  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react76.useState)();
-  const [isSaving, setIsSaving] = (0, import_react76.useState)(false);
-  const [avatarTypeError, setAvatarTypeError] = (0, import_react76.useState)(null);
-  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react76.useState)(false);
-  const { data: kalshiStatus, refetch: refetchKalshiStatus } = (0, import_hooks120.useVenueKeyStatus)(
+  const [draftUsername, setDraftUsername] = (0, import_react77.useState)(resolvedInitialUsername);
+  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react77.useState)();
+  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react77.useState)();
+  const [isSaving, setIsSaving] = (0, import_react77.useState)(false);
+  const [avatarTypeError, setAvatarTypeError] = (0, import_react77.useState)(null);
+  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react77.useState)(false);
+  const { data: kalshiStatus, refetch: refetchKalshiStatus } = (0, import_hooks124.useVenueKeyStatus)(
     import_sdk32.Venue.kalshi,
     open
   );
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     var _a2;
     setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
   }, [username, user == null ? void 0 : user.username]);
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     if (open) return;
     setIsConnectKalshiModalOpen(false);
   }, [open]);
-  const handleOpenChange = (0, import_react76.useCallback)(
+  const handleOpenChange = (0, import_react77.useCallback)(
     (isOpen) => {
       var _a2;
       if (!isOpen) {
@@ -44930,7 +45393,7 @@ var ProfileModal = ({
       setDraftAvatarPreview
     ]
   );
-  const handleDraftAvatarChange = (0, import_react76.useCallback)(
+  const handleDraftAvatarChange = (0, import_react77.useCallback)(
     (file, preview) => {
       const ACCEPTED_AVATAR_TYPES = ["image/jpeg", "image/png", "image/gif", "image/webp"];
       if (file && !ACCEPTED_AVATAR_TYPES.includes(file.type)) {
@@ -44945,7 +45408,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 = (0, import_react76.useCallback)(() => __async(null, null, function* () {
+  const handleSave = (0, import_react77.useCallback)(() => __async(null, null, function* () {
     var _a2, _b2, _c2;
     setIsSaving(true);
     try {
@@ -45000,10 +45463,10 @@ var ProfileModal = ({
     originalUsername,
     toastCtx
   ]);
-  const handleCancel = (0, import_react76.useCallback)(() => {
+  const handleCancel = (0, import_react77.useCallback)(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
-  const handleVerifyKalshi = (0, import_react76.useCallback)(
+  const handleVerifyKalshi = (0, import_react77.useCallback)(
     (credentials) => __async(null, null, function* () {
       if (onConnectKalshi) {
         yield onConnectKalshi(credentials);
@@ -45021,12 +45484,12 @@ var ProfileModal = ({
     }),
     [client, onConnectKalshi, refetchKalshiStatus]
   );
-  const handleDisconnectKalshi = (0, import_react76.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectKalshi = (0, import_react77.useCallback)(() => __async(null, null, function* () {
     yield client.deleteVenueKey(import_sdk32.Venue.kalshi);
     yield refetchKalshiStatus();
     onDisconnectExchange == null ? void 0 : onDisconnectExchange(import_sdk32.Venue.kalshi);
   }), [client, onDisconnectExchange, refetchKalshiStatus]);
-  const resolvedVenueAccounts = (0, import_react76.useMemo)(() => {
+  const resolvedVenueAccounts = (0, import_react77.useMemo)(() => {
     var _a2;
     const nonKalshiAccounts = (_a2 = user == null ? void 0 : user.venueAccounts) == null ? void 0 : _a2.filter((account) => account.venue !== "kalshi");
     if (!kalshiStatus) return user == null ? void 0 : user.venueAccounts;
@@ -45082,7 +45545,7 @@ var ProfileModal = ({
     if (typeof window === "undefined") return;
     ((_a2 = window.top) != null ? _a2 : window).location.assign(url);
   };
-  const surfaceError = (0, import_react76.useCallback)(
+  const surfaceError = (0, import_react77.useCallback)(
     (err, title2) => {
       const message = (err == null ? void 0 : err.message) || "Something went wrong. Please try again.";
       if (toastCtx) {
@@ -45093,7 +45556,7 @@ var ProfileModal = ({
     },
     [toastCtx]
   );
-  const handleConnectTwitter = (0, import_react76.useCallback)(() => __async(null, null, function* () {
+  const handleConnectTwitter = (0, import_react77.useCallback)(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "twitter",
@@ -45107,7 +45570,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect X (Twitter)");
     }
   }), [client, onConnectTwitter, surfaceError]);
-  const handleConnectGoogle = (0, import_react76.useCallback)(() => __async(null, null, function* () {
+  const handleConnectGoogle = (0, import_react77.useCallback)(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "google",
@@ -45121,7 +45584,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect Google");
     }
   }), [client, onConnectGoogle, surfaceError]);
-  const handleConnectApple = (0, import_react76.useCallback)(() => __async(null, null, function* () {
+  const handleConnectApple = (0, import_react77.useCallback)(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "apple",
@@ -45135,7 +45598,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect Apple");
     }
   }), [client, onConnectApple, surfaceError]);
-  const handleDisconnectTwitter = (0, import_react76.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectTwitter = (0, import_react77.useCallback)(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("twitter");
       yield client.getCurrentUser();
@@ -45144,7 +45607,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect X (Twitter)");
     }
   }), [client, onDisconnectTwitter, surfaceError]);
-  const handleDisconnectGoogle = (0, import_react76.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectGoogle = (0, import_react77.useCallback)(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("google");
       yield client.getCurrentUser();
@@ -45153,7 +45616,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect Google");
     }
   }), [client, onDisconnectGoogle, surfaceError]);
-  const handleDisconnectApple = (0, import_react76.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectApple = (0, import_react77.useCallback)(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("apple");
       yield client.getCurrentUser();
@@ -45162,7 +45625,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect Apple");
     }
   }), [client, onDisconnectApple, surfaceError]);
-  const handleConnectEmail = (0, import_react76.useCallback)(() => __async(null, null, function* () {
+  const handleConnectEmail = (0, import_react77.useCallback)(() => __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;
@@ -45181,7 +45644,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect email");
     }
   }), [client, onConnectEmail, surfaceError, toastCtx]);
-  const handleDisconnectWallet = (0, import_react76.useCallback)(
+  const handleDisconnectWallet = (0, import_react77.useCallback)(
     (wallet) => __async(null, null, function* () {
       const normalizedChain = wallet.chain.toLowerCase();
       const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
@@ -45195,7 +45658,7 @@ var ProfileModal = ({
     }),
     [client, onDisconnectWallet, surfaceError]
   );
-  const providerActionMap = (0, import_react76.useMemo)(
+  const providerActionMap = (0, import_react77.useMemo)(
     () => ({
       twitter: {
         connect: () => {
@@ -45237,7 +45700,7 @@ var ProfileModal = ({
       handleDisconnectTwitter
     ]
   );
-  const resolvedWallets = (0, import_react76.useMemo)(() => {
+  const resolvedWallets = (0, import_react77.useMemo)(() => {
     var _a2, _b2;
     if (wallets) return wallets;
     const walletAccounts = (_b2 = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.filter((account) => {
@@ -45256,8 +45719,8 @@ var ProfileModal = ({
       };
     });
   }, [user == null ? void 0 : user.accounts, wallets]);
-  return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(Modal, { open: open && !isConnectKalshiModalOpen, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Modal, { open: open && !isConnectKalshiModalOpen, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(
       Modal.Container,
       {
         maxWidth: "800px",
@@ -45266,8 +45729,8 @@ var ProfileModal = ({
           container: cn("agg-profile-modal", "min-h-[37.5rem]")
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime235.jsx)("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
             Tabs,
             {
               className: "w-full [&>div]:w-full",
@@ -45276,14 +45739,14 @@ var ProfileModal = ({
               items: profileTabItems.map((tab) => ({
                 value: tab.value,
                 label: tab.label,
-                icon: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Icon, { name: tab.icon, size: "small" })
+                icon: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Icon, { name: tab.icon, size: "small" })
               })),
               value: activeTab,
               onChange: (val) => setActiveTab(val)
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime235.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
               "nav",
               {
                 className: cn(
@@ -45299,7 +45762,7 @@ var ProfileModal = ({
                 "aria-label": "Profile sections",
                 children: profileTabItems.map((tab) => {
                   const isActive = activeTab === tab.value;
-                  return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -45315,9 +45778,9 @@ var ProfileModal = ({
                         isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
                       ),
                       children: [
-                        isActive ? /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                        /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                        isActive ? /* @__PURE__ */ (0, import_jsx_runtime235.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+                        /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime235.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
                       ]
                     },
                     tab.value
@@ -45325,9 +45788,9 @@ var ProfileModal = ({
                 })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { className: "agg-profile-content min-w-0 flex-1", children: [
-              activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)("div", { className: "agg-profile-content min-w-0 flex-1", children: [
+              activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
                   AboutTab,
                   {
                     username: username != null ? username : user == null ? void 0 : user.username,
@@ -45341,7 +45804,7 @@ var ProfileModal = ({
                     avatarError: avatarTypeError
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
                   AccountsWalletsTab,
                   {
                     socialAccounts: resolvedSocialAccounts,
@@ -45360,7 +45823,7 @@ var ProfileModal = ({
                   }
                 )
               ] }) : null,
-              activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
+              activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
                 TradingAccessTab,
                 {
                   venueAccounts: resolvedVenueAccounts,
@@ -45371,9 +45834,9 @@ var ProfileModal = ({
               ) : null
             ] })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
-            /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
               Button,
               {
                 variant: "primary",
@@ -45388,7 +45851,7 @@ var ProfileModal = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
       ConnectKalshiModal,
       {
         open: open && isConnectKalshiModalOpen,
@@ -45401,37 +45864,37 @@ var ProfileModal = ({
 ProfileModal.displayName = "ProfileModal";
 
 // src/geo-block-modal/index.tsx
-var import_hooks121 = require("@agg-build/hooks");
-var import_react77 = require("react");
+var import_hooks125 = require("@agg-build/hooks");
+var import_react78 = require("react");
 init_button();
 init_icon();
 init_modal();
 init_utils();
-var import_jsx_runtime231 = require("react/jsx-runtime");
+var import_jsx_runtime236 = require("react/jsx-runtime");
 var GeoBlockModal = ({
   open,
   onOpenChange,
   onConfirm,
   classNames
 }) => {
-  const labels = (0, import_hooks121.useLabels)();
-  const handleConfirm = (0, import_react77.useCallback)(() => {
+  const labels = (0, import_hooks125.useLabels)();
+  const handleConfirm = (0, import_react78.useCallback)(() => {
     onConfirm == null ? void 0 : onConfirm();
     onOpenChange(false);
   }, [onConfirm, onOpenChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
     Modal,
     {
       open,
       onOpenChange,
       "aria-label": labels.trading.geoBlockModalAriaLabel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(
         Modal.Container,
         {
           maxWidth: "480px",
           classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
               Modal.Header,
               {
                 title: "",
@@ -45443,19 +45906,19 @@ var GeoBlockModal = ({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
                 Icon,
                 {
                   name: "internet-security",
                   className: "h-[60px] w-[60px] text-agg-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime231.jsx)("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
-                /* @__PURE__ */ (0, import_jsx_runtime231.jsx)("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
+              /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime236.jsx)("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
+                /* @__PURE__ */ (0, import_jsx_runtime236.jsx)("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
                 Button,
                 {
                   variant: "secondary",
@@ -45561,6 +46024,10 @@ init_deposit_modal_events();
   ImageIcon,
   InfoIcon,
   InlineAlert,
+  LEADERBOARD_DEFAULT_METRIC,
+  LEADERBOARD_DEFAULT_PERIOD,
+  LEADERBOARD_METRICS,
+  LeaderboardPage,
   LineChart,
   LinkAccountsIcon,
   LoadingIcon,