@agg-build/ui 4.26.1 → 4.27.0

package/dist/modals-BReGwJzz.mjs

@@ -0,0 +1,2993 @@
+"use client";
+import { Cn as BestPricesIcon, Ct as WarningIcon, Dt as WalletIcon, Fn as cn, Ft as StayInControlIcon, Gn as shortenAddress, Ln as formatCompactUsd, Ot as UsdcIcon, P as VenueLogo, Pt as SuccessCheckIcon, Q as RemoteImage, R as venueLogoLabels, Rn as formatTokenAmount, Vt as ProfileIcon, a as Tabs, bn as CheckCircleIcon, bt as Icon, cn as CreditCardIcon, dn as CloseIcon, f as Modal, gt as Button, ln as CreateAccountIcon, mn as ChevronLeftIcon, nn as ExternalLinkIcon, p as LoadingIcon, pn as ChevronRightIcon, qt as LinkAccountsIcon, r as useOptionalToast, t as Tooltip, u as Select, ut as CopyButton, xn as BoltIcon, zn as formatUsd } from "./primitives-Dz5aF8ma.mjs";
+import { a as DEFAULT_CURRENCY_OPTIONS, c as withNetworkIcons, f as ConnectKalshiModal, h as dispatchAggDepositNotification, i as TransferFeeSummary, l as withTokenIcons, o as mapNetworksToOptions, s as mergeSelectOptionsUnique, t as ManageBetdexAccountModal } from "./manage-betdex-account-modal-D2vKHird.mjs";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { getVenueAvailabilityState, getVisibleVenuesByConfig, useAggAuthState, useAggClient, useAggUiConfig, useAppConfig, useDepositAddresses, useGeoBlock, useLabels, usePaperOnboarding, useResolvedExecutionMode, useVenueKeyStatus, useWithdrawEstimate } from "@agg-build/hooks";
+import { Venue as Venue$1, isVenueActive } from "@agg-build/sdk";
+import * as Dialog from "@radix-ui/react-dialog";
+import { SVM_CHAIN_IDS, useDepositFlow } from "@agg-build/hooks/deposit";
+import { QRCodeSVG } from "qrcode.react";
+//#region src/paper-trading/paper-trading-badge.tsx
+/**
+* Header pill marking the whole app as simulated, with an explanatory tooltip.
+*
+* Figma node 4772:31077 — 10px bold uppercase in the app's primary colour on a
+* 10%-alpha primary fill, 12/4 padding, fully rounded. Rendered directly
+* rather than through the `Badge` primitive because Badge imposes its own
+* type scale and padding, which do not match this spec.
+*
+* Renders nothing until the app mode has resolved from `/app/config` —
+* flashing "PAPER TRADING" over a real-money app, even briefly, is the one
+* mistake here that would genuinely mislead someone about their funds.
+*/
+const PaperTradingBadge = ({ placement = "chip", isAuthenticated = false, forceVisible = false, label, showWhenAuthenticated = false, classNames }) => {
+	const labels = useLabels();
+	const { isPaperMode, isResolving } = useResolvedExecutionMode();
+	if (!forceVisible && (isResolving || !isPaperMode)) return null;
+	if (placement === "brand" && isAuthenticated && !forceVisible && !showWhenAuthenticated) return null;
+	const placementClassName = {
+		brand: "inline-flex md:hidden",
+		chip: "inline-flex",
+		signedOut: "hidden md:inline-flex"
+	}[placement];
+	return /* @__PURE__ */ jsx(Tooltip, {
+		content: labels.paperTrading.badgeTooltip,
+		side: "bottom",
+		sideOffset: 3,
+		size: "small",
+		classNames: { content: cn("max-w-[253px]! px-3! py-2! text-agg-xs! leading-agg-4! text-center", classNames?.tooltip) },
+		children: /* @__PURE__ */ jsx("span", {
+			className: cn("agg-paper-trading-badge items-center", placementClassName, classNames?.root),
+			"data-testid": "agg-paper-trading-badge",
+			"data-placement": placement,
+			children: /* @__PURE__ */ jsx("span", {
+				className: cn("inline-flex items-center justify-center rounded-full", "px-3 py-1", "h-6 md:h-auto", "bg-agg-primary/10 text-agg-primary", "text-[10px] leading-[14px] font-agg-bold uppercase whitespace-nowrap", classNames?.pill),
+				children: label ?? labels.paperTrading.badge
+			})
+		})
+	});
+};
+PaperTradingBadge.displayName = "PaperTradingBadge";
+//#endregion
+//#region src/onboarding/onboarding-modal.constants.ts
+const HOW_IT_WORKS_FEATURE_KEYS = [
+	"createAccount",
+	"linkAccounts",
+	"bestPrices",
+	"stayInControl"
+];
+const ONBOARDING_STEPS = {
+	HOW_IT_WORKS: 0,
+	PROFILE_SETUP: 1,
+	CONNECT_ACCOUNTS: 2
+};
+const ONCHAIN_VENUES = [
+	Venue$1.polymarket,
+	Venue$1.opinion,
+	Venue$1.predict,
+	Venue$1.pred
+].filter(isVenueActive);
+//#endregion
+//#region src/onboarding/steps/how-it-works.tsx
+const defaultIcons = {
+	createAccount: /* @__PURE__ */ jsx(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+	linkAccounts: /* @__PURE__ */ jsx(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+	bestPrices: /* @__PURE__ */ jsx(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+	stayInControl: /* @__PURE__ */ jsx(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
+};
+const HowItWorksStep = ({ onContinue, icons }) => {
+	const labels = useLabels();
+	const scrollRef = useRef(null);
+	const [showTopGradient, setShowTopGradient] = useState(false);
+	const [showBottomGradient, setShowBottomGradient] = useState(true);
+	const handleScroll = useCallback(() => {
+		const el = scrollRef.current;
+		if (!el) return;
+		setShowTopGradient(el.scrollTop > 0);
+		setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-6 h-[600px] sm:h-auto",
+		children: [
+			/* @__PURE__ */ jsx("h2", {
+				className: "text-center text-agg-2xl font-agg-bold text-agg-foreground",
+				children: labels.onboarding.howItWorks.title
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "relative flex-1 min-h-0 sm:flex-initial",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						ref: scrollRef,
+						onScroll: handleScroll,
+						className: "flex flex-col gap-4 overflow-y-auto sm:overflow-visible h-full",
+						children: HOW_IT_WORKS_FEATURE_KEYS.map((featureKey) => {
+							const icon = icons?.[featureKey] ?? defaultIcons[featureKey];
+							const feature = labels.onboarding.howItWorks.features[featureKey];
+							return /* @__PURE__ */ jsxs("div", {
+								className: cn("flex items-center gap-4 py-4 px-5 sm:px-4", "rounded-agg-md", "bg-agg-secondary-hover"),
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "flex flex-col flex-1 min-w-0 gap-[6px]",
+									children: [/* @__PURE__ */ jsx("p", {
+										className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground",
+										children: feature.title
+									}), /* @__PURE__ */ jsx("p", {
+										className: "text-agg-sm leading-agg-5 text-agg-foreground",
+										children: feature.description
+									})]
+								}), icon ? /* @__PURE__ */ jsx("div", {
+									className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex",
+									children: icon
+								}) : null]
+							}, featureKey);
+						})
+					}),
+					/* @__PURE__ */ jsx("div", { className: cn("pointer-events-none absolute inset-x-0 top-0 h-20", "bg-gradient-to-b from-agg-secondary to-transparent", "sm:hidden transition-opacity", showTopGradient ? "opacity-100" : "opacity-0") }),
+					/* @__PURE__ */ jsx("div", { className: cn("pointer-events-none absolute inset-x-0 bottom-0 h-20", "bg-gradient-to-t from-agg-secondary to-transparent", "sm:hidden transition-opacity", showBottomGradient ? "opacity-100" : "opacity-0") })
+				]
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				size: "large",
+				className: "w-full",
+				onClick: onContinue,
+				children: labels.onboarding.howItWorks.continue
+			})
+		]
+	});
+};
+HowItWorksStep.displayName = "HowItWorksStep";
+//#endregion
+//#region src/onboarding/steps/profile-setup.tsx
+const ProfileSetupStep = ({ onContinue }) => {
+	const labels = useLabels();
+	const [username, setUsername] = useState("");
+	const [avatarFile, setAvatarFile] = useState();
+	const [avatarPreview, setAvatarPreview] = useState();
+	const fileInputRef = useRef(null);
+	const handleAvatarClick = useCallback(() => {
+		fileInputRef.current?.click();
+	}, []);
+	const handleFileChange = useCallback((e) => {
+		const file = e.target.files?.[0];
+		if (!file) return;
+		setAvatarFile(file);
+		const reader = new FileReader();
+		reader.onload = (event) => {
+			setAvatarPreview(event.target?.result);
+		};
+		reader.readAsDataURL(file);
+	}, []);
+	const handleContinue = useCallback(() => {
+		onContinue({
+			username,
+			avatarFile,
+			avatarPreview
+		});
+	}, [
+		username,
+		avatarFile,
+		avatarPreview,
+		onContinue
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-7",
+		children: [
+			/* @__PURE__ */ jsx("h2", {
+				className: "text-center text-agg-2xl font-agg-bold text-agg-foreground",
+				children: labels.onboarding.profileSetup.title
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-5 items-center w-full",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex justify-center",
+					children: [/* @__PURE__ */ jsxs("button", {
+						type: "button",
+						onClick: handleAvatarClick,
+						className: cn("group relative flex items-center justify-center", "h-[80px] w-[80px]", "rounded-agg-full", "bg-agg-secondary-hover", !avatarPreview && "hover:bg-agg-tertiary", "transition-colors cursor-pointer", "overflow-hidden"),
+						"aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
+						children: [!avatarPreview ? /* @__PURE__ */ 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__ */ jsx("circle", {
+								cx: "40",
+								cy: "40",
+								r: "39.5",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "1",
+								strokeDasharray: "8 8"
+							})
+						}) : null, avatarPreview ? /* @__PURE__ */ jsx(RemoteImage, {
+							src: avatarPreview,
+							alt: labels.onboarding.profileSetup.profilePreviewAlt,
+							className: "h-full w-full object-cover"
+						}) : /* @__PURE__ */ jsx(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })]
+					}), /* @__PURE__ */ jsx("input", {
+						ref: fileInputRef,
+						type: "file",
+						accept: "image/*",
+						onChange: handleFileChange,
+						className: "hidden",
+						"aria-hidden": "true"
+					})]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-2 w-full",
+					children: [/* @__PURE__ */ jsx("label", {
+						htmlFor: "onboarding-username",
+						className: "text-agg-sm font-agg-bold text-agg-foreground",
+						children: labels.onboarding.profileSetup.usernameLabel
+					}), /* @__PURE__ */ jsx("input", {
+						id: "onboarding-username",
+						type: "text",
+						value: username,
+						onChange: (e) => setUsername(e.target.value),
+						placeholder: labels.onboarding.profileSetup.usernamePlaceholder,
+						className: cn("w-full px-3 py-2.5", "rounded-[4px]", "border border-agg-separator", "bg-agg-secondary text-agg-foreground", "placeholder:text-agg-muted-foreground", "outline-none", "hover:bg-agg-secondary-hover", "focus:border-agg-primary focus:ring-1 focus:ring-agg-primary", "transition-colors", "text-agg-sm sm:text-agg-base")
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				size: "large",
+				className: "w-full",
+				onClick: handleContinue,
+				children: labels.onboarding.profileSetup.continue
+			})
+		]
+	});
+};
+ProfileSetupStep.displayName = "ProfileSetupStep";
+//#endregion
+//#region src/onboarding/steps/connect-accounts.tsx
+const OnchainVenueLogos = () => {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex gap-1 sm:gap-0 sm:-space-x-5",
+		children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsx("div", {
+			style: { zIndex: ONCHAIN_VENUES.length - index },
+			children: /* @__PURE__ */ jsx(VenueLogo, {
+				venue,
+				variant: "logo",
+				size: "medium",
+				className: "sm:h-8 sm:w-8"
+			})
+		}, venue))
+	});
+};
+const VenueCard = ({ logos, title, mobileTitle, description, mobileDescription, onConnect, connected = false }) => {
+	const labels = useLabels();
+	const action = connected ? /* @__PURE__ */ jsx(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx(Button, {
+		variant: "tertiary",
+		size: "large",
+		className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
+		onClick: onConnect,
+		children: labels.onboarding.connectAccounts.connect
+	});
+	const mobileAction = connected ? /* @__PURE__ */ jsx(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx(Button, {
+		variant: "tertiary",
+		size: "medium",
+		className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
+		onClick: onConnect,
+		suffix: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-4 w-4" }),
+		children: labels.onboarding.connectAccounts.connectAccount
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("rounded-agg-md p-5 transition-colors", connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "hidden sm:flex items-center justify-between",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-5",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "shrink-0",
+					children: logos
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-[2px]",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "text-agg-base font-agg-bold text-agg-foreground",
+						children: title
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-agg-sm text-agg-foreground",
+						children: description
+					})]
+				})]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "shrink-0",
+				children: action
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-3 sm:hidden",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-3",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "shrink-0",
+					children: logos
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-agg-lg font-agg-bold text-agg-foreground",
+					children: mobileTitle ?? title
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-start gap-2",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-agg-base text-agg-foreground",
+					children: mobileDescription ?? description
+				}), mobileAction]
+			})]
+		})]
+	});
+};
+const ConnectAccountsStep = ({ onConnectOnchain, onContinue, connectedOnchain = false }) => {
+	const labels = useLabels();
+	const canContinue = connectedOnchain;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-6",
+		children: [
+			/* @__PURE__ */ jsx("h2", {
+				className: "text-center text-agg-2xl font-agg-bold text-agg-foreground",
+				children: labels.onboarding.connectAccounts.title
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex flex-col gap-4",
+				children: /* @__PURE__ */ jsx(VenueCard, {
+					logos: /* @__PURE__ */ jsx(OnchainVenueLogos, {}),
+					title: labels.onboarding.connectAccounts.onchainTitle,
+					mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(ONCHAIN_VENUES.length - 1),
+					description: labels.onboarding.connectAccounts.onchainDescription,
+					mobileDescription: labels.onboarding.connectAccounts.onchainMobileDescription,
+					onConnect: onConnectOnchain,
+					connected: connectedOnchain
+				})
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				size: "large",
+				className: "w-full",
+				onClick: onContinue,
+				disabled: !canContinue,
+				children: labels.onboarding.connectAccounts.continue
+			})
+		]
+	});
+};
+ConnectAccountsStep.displayName = "ConnectAccountsStep";
+//#endregion
+//#region src/onboarding/steps/connect-onchain-modal.tsx
+const ConnectOnchainModal = ({ open, onOpenChange, onConnect }) => {
+	const labels = useLabels();
+	const [connecting, setConnecting] = useState(false);
+	const [error, setError] = useState();
+	const handleCancel = useCallback(() => {
+		onOpenChange(false);
+	}, [onOpenChange]);
+	const handleConnect = useCallback(async () => {
+		if (connecting) return;
+		setConnecting(true);
+		setError(void 0);
+		try {
+			await onConnect();
+			onOpenChange(false);
+		} catch (err) {
+			setError(err instanceof Error ? err.message : labels.onboarding.connectOnchainModal.fallbackError);
+		} finally {
+			setConnecting(false);
+		}
+	}, [
+		connecting,
+		labels.onboarding.connectOnchainModal.fallbackError,
+		onConnect,
+		onOpenChange
+	]);
+	const handleOpenChange = useCallback((value) => {
+		if (value) {
+			setError(void 0);
+			setConnecting(false);
+		}
+		onOpenChange(value);
+	}, [onOpenChange]);
+	return /* @__PURE__ */ jsx(Modal, {
+		open,
+		onOpenChange: handleOpenChange,
+		children: /* @__PURE__ */ jsxs(Modal.Container, {
+			maxWidth: "600px",
+			"aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
+			classNames: { container: "!rounded-agg-lg" },
+			children: [
+				/* @__PURE__ */ jsx(Dialog.Title, {
+					className: "sr-only",
+					children: labels.onboarding.connectOnchainModal.title
+				}),
+				/* @__PURE__ */ jsx(Modal.Header, {
+					hideClose: false,
+					hideBorder: true,
+					classNames: {
+						root: "!min-h-0",
+						container: "!py-[18px] !px-8"
+					}
+				}),
+				/* @__PURE__ */ jsx(Modal.Body, {
+					classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" },
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-8 items-center",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex flex-col gap-4 items-center text-center",
+								children: [/* @__PURE__ */ jsx("h2", {
+									className: "text-agg-2xl font-agg-bold text-agg-foreground",
+									children: labels.onboarding.connectOnchainModal.title
+								}), /* @__PURE__ */ jsx("p", {
+									className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line",
+									children: labels.onboarding.connectOnchainModal.description
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6",
+								children: [/* @__PURE__ */ jsx("p", {
+									className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground",
+									children: labels.onboarding.connectOnchainModal.supportedVenuesLabel
+								}), /* @__PURE__ */ jsx("div", {
+									className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3",
+									children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsxs("div", {
+										className: "flex items-center gap-[6px]",
+										children: [
+											index > 0 && /* @__PURE__ */ jsx("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+											/* @__PURE__ */ jsx(VenueLogo, {
+												venue,
+												size: "medium"
+											}),
+											/* @__PURE__ */ jsx("span", {
+												className: "text-agg-base text-agg-foreground",
+												children: labels.venues[venue]
+											})
+										]
+									}, venue))
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex flex-col gap-6 items-center",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "flex flex-col gap-3 items-center",
+									children: [error ? /* @__PURE__ */ jsxs("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ jsx(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }), /* @__PURE__ */ jsx("p", {
+											className: "text-agg-sm leading-agg-5 text-agg-error",
+											children: error
+										})]
+									}) : null, /* @__PURE__ */ jsx(Button, {
+										variant: "primary",
+										size: "large",
+										onClick: handleConnect,
+										isLoading: connecting,
+										children: labels.onboarding.connectOnchainModal.connect
+									})]
+								}), /* @__PURE__ */ jsx(Button, {
+									variant: "tertiary",
+									size: "medium",
+									className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
+									onClick: handleCancel,
+									children: labels.onboarding.connectOnchainModal.cancel
+								})]
+							})
+						]
+					})
+				})
+			]
+		})
+	});
+};
+ConnectOnchainModal.displayName = "ConnectOnchainModal";
+//#endregion
+//#region src/onboarding/index.tsx
+const OnboardingModal = ({ open, onOpenChange, onProfileSubmit, onConnectOnchain, onComplete, howItWorksIcons, connectedOnchain = false }) => {
+	const labels = useLabels();
+	const [step, setStep] = useState(ONBOARDING_STEPS.HOW_IT_WORKS);
+	const resolvedTitle = {
+		[ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
+		[ONBOARDING_STEPS.PROFILE_SETUP]: labels.onboarding.modal.stepProfileSetup,
+		[ONBOARDING_STEPS.CONNECT_ACCOUNTS]: labels.onboarding.modal.stepConnectAccounts
+	}[step] ?? labels.onboarding.modal.title;
+	const [onchainModalOpen, setOnchainModalOpen] = useState(false);
+	const [onchainConnected, setOnchainConnected] = useState(false);
+	useEffect(() => {
+		if (open) {
+			setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
+			setOnchainConnected(false);
+		}
+	}, [open]);
+	const handleHowItWorksContinue = useCallback(() => {
+		setStep(ONBOARDING_STEPS.PROFILE_SETUP);
+	}, []);
+	const handleProfileContinue = useCallback((data) => {
+		onProfileSubmit?.(data);
+		setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
+	}, [onProfileSubmit]);
+	const handleConnectContinue = useCallback(() => {
+		onComplete?.();
+	}, [onComplete]);
+	const handleOpenOnchainModal = useCallback(() => {
+		setOnchainModalOpen(true);
+	}, []);
+	const handleOnchainConnect = useCallback(async () => {
+		await onConnectOnchain?.();
+		setOnchainConnected(true);
+	}, [onConnectOnchain]);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Modal, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(Modal.Container, {
+			maxWidth: "600px",
+			"aria-label": resolvedTitle,
+			classNames: { container: "!rounded-agg-lg" },
+			children: [/* @__PURE__ */ jsx(Dialog.Title, {
+				className: "sr-only",
+				children: resolvedTitle
+			}), /* @__PURE__ */ jsxs(Modal.Body, {
+				classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" },
+				children: [
+					step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ jsx(HowItWorksStep, {
+						onContinue: handleHowItWorksContinue,
+						icons: howItWorksIcons
+					}),
+					step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ jsx(ProfileSetupStep, { onContinue: handleProfileContinue }),
+					step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ jsx(ConnectAccountsStep, {
+						onConnectOnchain: handleOpenOnchainModal,
+						onContinue: handleConnectContinue,
+						connectedOnchain: connectedOnchain || onchainConnected
+					})
+				]
+			})]
+		})
+	}), /* @__PURE__ */ jsx(ConnectOnchainModal, {
+		open: onchainModalOpen,
+		onOpenChange: setOnchainModalOpen,
+		onConnect: handleOnchainConnect
+	})] });
+};
+OnboardingModal.displayName = "OnboardingModal";
+//#endregion
+//#region src/deposit/deposit-modal.constants.ts
+const BASE_URL = "https://assets.snagsolutions.io";
+/** Default network options for the card deposit flow. */
+const CARD_NETWORK_OPTIONS = [
+	{
+		value: "ethereum",
+		label: "Ethereum",
+		iconUrl: `${BASE_URL}/public/prediction-markets/logos/ETH.svg`
+	},
+	{
+		value: "arbitrum",
+		label: "Arbitrum",
+		iconUrl: `${BASE_URL}/public/prediction-markets/logos/Arbitrum.svg`
+	},
+	{
+		value: "base",
+		label: "Base",
+		iconUrl: `${BASE_URL}/public/prediction-markets/logos/Base.svg`
+	},
+	{
+		value: "solana",
+		label: "Solana",
+		iconUrl: `${BASE_URL}/public/prediction-markets/logos/Solana.svg`
+	},
+	{
+		value: "polygon",
+		label: "Polygon",
+		iconUrl: `${BASE_URL}/public/prediction-markets/logos/Polygon.svg`
+	}
+];
+/** Maps network slugs to ramp destination currency codes. */
+const NETWORK_TO_CURRENCY_CODE = {
+	ethereum: "USDC",
+	arbitrum: "USDC_ARBITRUM",
+	base: "USDC_BASE",
+	solana: "USDC_SOLANA",
+	polygon: "USDC_POLYGON"
+};
+//#endregion
+//#region src/deposit/steps/card-deposit.tsx
+const CardDepositStep = ({ amount, currency, networkOptions, selectedNetwork, minAmount, onBack, onAmountChange, onCurrencyChange, onNetworkChange, onContinue }) => {
+	const labels = useLabels();
+	const [localAmount, setLocalAmount] = useState(amount);
+	useEffect(() => {
+		setLocalAmount(amount);
+	}, [amount]);
+	const numericAmount = Number(localAmount) || 0;
+	const hasInput = localAmount.length > 0;
+	const isBelowMin = minAmount != null && hasInput && numericAmount < minAmount;
+	const isValid = numericAmount > 0 && !isBelowMin;
+	const formattedMin = minAmount != null ? `$${minAmount}` : void 0;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Modal.Header, {
+		title: labels.deposit.cardFlow.title,
+		hideBorder: true,
+		leftElement: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
+			onClick: onBack,
+			"aria-label": "Go back",
+			children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-6 w-6" })
+		})
+	}), /* @__PURE__ */ jsx(Modal.Body, {
+		classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" },
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-5",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-3",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex-1 flex flex-col gap-2",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ jsx("p", {
+								className: "agg-type-label-strong text-agg-foreground",
+								children: labels.deposit.cardFlow.amountLabel
+							}), formattedMin ? /* @__PURE__ */ jsx("p", {
+								className: "agg-type-label text-agg-foreground",
+								children: labels.deposit.cardFlow.minRequired(formattedMin)
+							}) : null]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "flex gap-3 items-center",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: cn("flex h-10 flex-1 items-center gap-2 rounded-agg-sm border bg-agg-secondary px-3", isBelowMin ? "border-agg-primary border-2" : "border-agg-separator"),
+								children: [/* @__PURE__ */ jsx("input", {
+									type: "text",
+									inputMode: "decimal",
+									"aria-label": labels.deposit.cardFlow.amountLabel,
+									className: "agg-type-body w-full bg-transparent text-agg-foreground outline-none",
+									placeholder: "0.00",
+									value: localAmount,
+									onChange: (event) => {
+										const next = event.target.value;
+										setLocalAmount(next);
+										onAmountChange(next);
+									}
+								}), /* @__PURE__ */ jsx("span", {
+									className: "agg-type-body text-agg-muted-foreground",
+									children: "$"
+								})]
+							}), /* @__PURE__ */ jsx("div", {
+								className: "w-[100px]",
+								children: /* @__PURE__ */ jsx(Select, {
+									items: [{
+										value: currency,
+										label: currency
+									}],
+									value: currency,
+									onChange: onCurrencyChange,
+									ariaLabel: labels.deposit.cardFlow.currencyLabel,
+									triggerClassName: "rounded-agg-sm"
+								})
+							})]
+						})]
+					}), isBelowMin && formattedMin ? /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2",
+						role: "alert",
+						"aria-live": "assertive",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							name: "warning",
+							className: "!h-3.5 !w-3.5 shrink-0 text-agg-error",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ jsx("p", {
+							className: "agg-type-label text-agg-error",
+							children: labels.deposit.cardFlow.minAmountError(formattedMin)
+						})]
+					}) : null]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-2",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "agg-type-label-strong text-agg-foreground",
+						children: labels.deposit.cardFlow.networkLabel
+					}), /* @__PURE__ */ jsx(Select, {
+						items: networkOptions,
+						value: selectedNetwork,
+						onChange: onNetworkChange,
+						ariaLabel: labels.deposit.cardFlow.networkLabel,
+						triggerClassName: "rounded-agg-sm"
+					})]
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					variant: "secondary",
+					size: "large",
+					className: "w-full",
+					disabled: !isValid,
+					onClick: () => onContinue(numericAmount),
+					children: labels.deposit.cardFlow.getQuotes
+				})
+			]
+		})
+	})] });
+};
+//#endregion
+//#region src/deposit/steps/card-payment-pending.tsx
+const CardPaymentPendingStep = ({ providerName, walletAddress, onClose, onViewActivity, onChooseAnotherProvider }) => {
+	const labels = useLabels();
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative",
+		children: /* @__PURE__ */ jsxs(Modal.Body, {
+			classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" },
+			children: [/* @__PURE__ */ 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__ */ jsx(CloseIcon, { className: "h-6 w-6" })
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-center gap-8",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground",
+						children: /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "h-[60px] w-[60px]" })
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col items-center gap-3 text-center",
+						children: [/* @__PURE__ */ jsx("h3", {
+							className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground",
+							children: labels.deposit.cardFlow.pendingTitle(providerName)
+						}), /* @__PURE__ */ jsx("p", {
+							className: "agg-type-body text-agg-foreground",
+							children: labels.deposit.cardFlow.pendingDescription
+						})]
+					}),
+					walletAddress ? /* @__PURE__ */ jsxs("div", {
+						className: "flex w-full flex-col items-center gap-3 rounded-agg-md bg-agg-secondary-hover p-5",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "agg-type-label text-agg-foreground w-full",
+							children: labels.deposit.cardFlow.pendingWalletAddressHelp
+						}), /* @__PURE__ */ 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__ */ jsx("p", {
+								className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground",
+								children: walletAddress
+							}), /* @__PURE__ */ jsx(CopyButton, {
+								value: walletAddress,
+								"aria-label": labels.deposit.cardFlow.pendingCopyAddress,
+								className: "text-agg-muted-foreground hover:text-agg-foreground"
+							})]
+						})]
+					}) : null,
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-start justify-center gap-3",
+						children: [/* @__PURE__ */ jsx(Button, {
+							variant: "secondary",
+							size: "large",
+							className: "w-[120px]",
+							onClick: onClose,
+							children: labels.common.close
+						}), /* @__PURE__ */ jsx(Button, {
+							variant: "primary",
+							size: "large",
+							onClick: onViewActivity,
+							children: labels.deposit.cardFlow.viewActivity
+						})]
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: "agg-type-body font-agg-bold text-agg-primary transition-colors cursor-pointer hover:text-agg-primary/80",
+						onClick: onChooseAnotherProvider,
+						children: labels.deposit.cardFlow.chooseAnotherProvider
+					})
+				]
+			})]
+		})
+	});
+};
+//#endregion
+//#region src/deposit/steps/card-provider.tsx
+const CardProviderItem = ({ provider, onSelect }) => {
+	const labels = useLabels();
+	const badgeText = provider.badge === "best" ? labels.deposit.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.deposit.cardFlow.providerBadges.lowKyc : void 0;
+	return /* @__PURE__ */ 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__ */ jsxs("div", {
+			className: "flex items-center justify-between gap-4",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground",
+					children: provider.name
+				}), badgeText ? /* @__PURE__ */ 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"}`,
+					children: badgeText
+				}) : null]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-4",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "text-right",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "agg-type-body text-agg-foreground",
+						children: provider.quote
+					}), /* @__PURE__ */ jsxs("p", {
+						className: "agg-type-label text-agg-muted-foreground",
+						children: [
+							labels.deposit.cardFlow.feeLabel,
+							" ",
+							provider.fee
+						]
+					})]
+				}), /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })]
+			})]
+		})
+	});
+};
+const CardProviderStep = ({ token, amount, currency, providers, isLoading, error, sessionError, onBack, onSelectProvider, onRetry }) => {
+	const labels = useLabels();
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Modal.Header, {
+		title: labels.deposit.cardFlow.selectProviderTitle,
+		hideBorder: true,
+		leftElement: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
+			onClick: onBack,
+			"aria-label": labels.deposit.back,
+			children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-6 w-6" })
+		})
+	}), /* @__PURE__ */ jsx(Modal.Body, {
+		classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" },
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-4",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1.5",
+				children: [
+					/* @__PURE__ */ jsx(UsdcIcon, { className: "h-4 w-4 shrink-0" }),
+					/* @__PURE__ */ jsx("span", {
+						className: "agg-type-body font-agg-bold text-agg-foreground",
+						children: token
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: "agg-type-body text-agg-foreground",
+						children: [
+							"$",
+							amount,
+							" ",
+							currency
+						]
+					})
+				]
+			}), isLoading ? /* @__PURE__ */ jsxs("div", {
+				className: "flex min-h-[200px] flex-col items-center justify-center gap-3",
+				children: [/* @__PURE__ */ jsx(LoadingIcon, { variant: "prominent" }), /* @__PURE__ */ jsx("p", {
+					className: "agg-type-body text-agg-foreground",
+					children: labels.deposit.cardFlow.loadingQuotes
+				})]
+			}) : error ? /* @__PURE__ */ jsxs("div", {
+				className: "flex min-h-[200px] flex-col items-center justify-center gap-6 px-2 text-center",
+				children: [
+					/* @__PURE__ */ jsx(Icon, {
+						name: "quotes-warning",
+						size: "large",
+						className: "!h-9 !w-9 shrink-0 text-agg-muted-foreground",
+						color: "currentColor"
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex max-w-[320px] flex-col gap-2",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground",
+							children: labels.deposit.cardFlow.errorLoadingQuotesTitle
+						}), /* @__PURE__ */ jsx("p", {
+							className: "agg-type-body text-agg-muted-foreground",
+							children: labels.deposit.cardFlow.errorLoadingQuotesDescription
+						})]
+					}),
+					onRetry ? /* @__PURE__ */ jsx(Button, {
+						variant: "secondary",
+						size: "medium",
+						onClick: onRetry,
+						children: labels.deposit.cardFlow.retry
+					}) : null
+				]
+			}) : providers.length === 0 ? /* @__PURE__ */ jsx("div", {
+				className: "flex min-h-[200px] items-center justify-center",
+				children: /* @__PURE__ */ jsx("p", {
+					className: "agg-type-body text-agg-muted-foreground",
+					children: labels.deposit.cardFlow.noQuotes
+				})
+			}) : /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-4",
+				children: [providers.map((provider) => /* @__PURE__ */ jsx(CardProviderItem, {
+					provider,
+					onSelect: onSelectProvider
+				}, provider.id)), sessionError ? /* @__PURE__ */ jsx("p", {
+					className: "agg-type-label text-agg-error text-center",
+					children: sessionError
+				}) : null]
+			})]
+		})
+	})] });
+};
+//#endregion
+//#region src/deposit/steps/card-purchase-success.tsx
+const SummaryRow$1 = ({ label, value }) => /* @__PURE__ */ jsxs("div", {
+	className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0",
+	children: [/* @__PURE__ */ jsx("p", {
+		className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground",
+		children: label
+	}), /* @__PURE__ */ jsx("p", {
+		className: "agg-type-label text-agg-foreground",
+		children: value
+	})]
+});
+const CardPurchaseSuccessStep = ({ summary, onDone, onClose }) => {
+	const labels = useLabels();
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative",
+		children: /* @__PURE__ */ jsxs(Modal.Body, {
+			classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" },
+			children: [/* @__PURE__ */ 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__ */ jsx(CloseIcon, { className: "h-6 w-6" })
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-center gap-8",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15",
+						children: /* @__PURE__ */ jsx(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" })
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col items-center gap-3 text-center",
+						children: [/* @__PURE__ */ jsx("h3", {
+							className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground",
+							children: labels.deposit.cardFlow.successTitle
+						}), /* @__PURE__ */ jsx("p", {
+							className: "agg-type-body text-agg-foreground",
+							children: labels.deposit.cardFlow.successDescription
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1",
+						children: [
+							/* @__PURE__ */ jsx(SummaryRow$1, {
+								label: labels.deposit.summary.amountReceived,
+								value: summary.amountReceived
+							}),
+							/* @__PURE__ */ jsx(SummaryRow$1, {
+								label: labels.deposit.summary.network,
+								value: summary.network
+							}),
+							/* @__PURE__ */ jsx(SummaryRow$1, {
+								label: labels.deposit.cardFlow.summary.fees,
+								value: summary.fees
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "secondary",
+						size: "large",
+						className: "w-[120px]",
+						onClick: onDone,
+						children: labels.deposit.done
+					})
+				]
+			})]
+		})
+	});
+};
+//#endregion
+//#region src/deposit/components/DepositQRCode.tsx
+function DepositQRCode({ depositAddress, networkLogoUrl, networkLogo, size = 160 }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "inline-flex items-center justify-center rounded-xl border",
+		style: {
+			padding: 16,
+			borderColor: "#E5E7EB",
+			backgroundColor: "#FFFFFF"
+		},
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			style: {
+				width: size,
+				height: size
+			},
+			children: [/* @__PURE__ */ jsx(QRCodeSVG, {
+				value: depositAddress,
+				size,
+				level: "H"
+			}), networkLogo ? /* @__PURE__ */ 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__ */ jsx("img", {
+				src: networkLogoUrl,
+				alt: "",
+				className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-sm",
+				width: 32,
+				height: 32,
+				style: {
+					backgroundColor: "#FFFFFF",
+					padding: 2
+				}
+			}) : null]
+		})
+	});
+}
+DepositQRCode.displayName = "DepositQRCode";
+//#endregion
+//#region src/deposit/steps/crypto-transfer.tsx
+const CryptoAddressLoadingState = () => {
+	const sendCryptoLabels = useLabels().deposit.sendCrypto;
+	return /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", {
+			className: "flex w-full flex-col items-center gap-2",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-agg-base font-agg-bold leading-agg-6",
+				children: sendCryptoLabels.addressLoadingTitle
+			}), /* @__PURE__ */ jsx("p", {
+				className: "max-w-[300px] text-agg-sm leading-agg-5",
+				children: sendCryptoLabels.addressLoadingDescription
+			})]
+		})]
+	});
+};
+const getEstimateAmountFromMinDeposit = (minDeposit) => {
+	return minDeposit.replace(/[^0-9.]/g, "") || "1";
+};
+const CryptoTransferStep = ({ tokenOptions, networkOptions, selectedToken, selectedNetwork, depositAddress, minDeposit, eta, isLoadingAddress, addressError, onBack, onTokenChange, onNetworkChange, onCopyAddress, onDone }) => {
+	const labels = useLabels();
+	const selectedNetworkOption = networkOptions.find((n) => n.value === selectedNetwork);
+	const networkLogoUrl = selectedNetworkOption?.iconUrl ?? "";
+	const networkLogo = selectedNetworkOption?.icon;
+	const transferFeeEstimate = useWithdrawEstimate({
+		amount: getEstimateAmountFromMinDeposit(minDeposit),
+		selectedToken,
+		selectedNetwork
+	});
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Modal.Header, {
+		title: labels.deposit.sendCrypto.title,
+		hideBorder: true,
+		leftElement: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
+			onClick: onBack,
+			"aria-label": "Go back",
+			children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-6 w-6" })
+		})
+	}), /* @__PURE__ */ jsx(Modal.Body, {
+		classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" },
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-7",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "flex flex-col gap-5",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex gap-5",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-1 flex-col gap-2 min-w-0",
+							children: [/* @__PURE__ */ jsx("p", {
+								className: "agg-type-label-strong text-agg-foreground",
+								children: labels.deposit.sendCrypto.tokenLabel
+							}), /* @__PURE__ */ jsx(Select, {
+								items: tokenOptions,
+								value: selectedToken,
+								onChange: onTokenChange,
+								ariaLabel: labels.deposit.sendCrypto.tokenLabel
+							})]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "flex flex-1 flex-col gap-2 min-w-0",
+							children: [/* @__PURE__ */ jsx("p", {
+								className: "agg-type-label-strong text-agg-foreground",
+								children: labels.deposit.sendCrypto.networkLabel
+							}), /* @__PURE__ */ jsx(Select, {
+								items: networkOptions,
+								value: selectedNetwork,
+								onChange: onNetworkChange,
+								ariaLabel: labels.deposit.sendCrypto.networkLabel
+							})]
+						})]
+					})
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "mx-auto",
+					children: isLoadingAddress ? /* @__PURE__ */ jsx(CryptoAddressLoadingState, {}) : addressError ? /* @__PURE__ */ jsx("div", {
+						className: "flex h-[192px] w-[192px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary",
+						children: /* @__PURE__ */ jsx("p", {
+							className: "agg-type-label text-center text-agg-error px-3",
+							children: addressError
+						})
+					}) : /* @__PURE__ */ jsx(DepositQRCode, {
+						depositAddress,
+						networkLogoUrl,
+						networkLogo
+					})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-3",
+					children: [
+						/* @__PURE__ */ jsx("p", {
+							className: "agg-type-label-strong text-agg-foreground",
+							children: labels.deposit.sendCrypto.depositAddressLabel
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2 rounded border border-agg-separator bg-agg-secondary h-10 px-3",
+							children: [isLoadingAddress ? /* @__PURE__ */ jsx("div", { className: "h-4 flex-1 animate-pulse rounded bg-agg-muted-foreground/20" }) : /* @__PURE__ */ jsx("p", {
+								className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground",
+								children: depositAddress
+							}), /* @__PURE__ */ jsx(CopyButton, {
+								value: depositAddress,
+								label: labels.deposit.sendCrypto.copy,
+								copiedLabel: labels.deposit.sendCrypto.copied,
+								disabled: isLoadingAddress || !!addressError || !depositAddress,
+								onCopy: onCopyAddress,
+								className: "text-agg-primary hover:text-agg-primary/80"
+							})]
+						}),
+						/* @__PURE__ */ jsx(TransferFeeSummary, {
+							estimate: transferFeeEstimate,
+							view: "deposit",
+							minDeposit,
+							eta
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-start gap-3 rounded-lg bg-agg-secondary-hover p-3",
+					children: [/* @__PURE__ */ jsx(WarningIcon, { className: "h-4 w-4 text-agg-muted-foreground mt-0.5" }), /* @__PURE__ */ jsx("p", {
+						className: "text-agg-xs leading-agg-4 text-agg-foreground",
+						children: labels.deposit.sendCrypto.warning
+					})]
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					variant: "secondary",
+					size: "large",
+					className: "w-[120px] self-center",
+					onClick: onDone,
+					children: labels.deposit.done
+				})
+			]
+		})
+	})] });
+};
+//#endregion
+//#region src/deposit/steps/deposit-method.tsx
+const DepositMethodCard = ({ icon, title, description, value, highlighted = false, disabled = false, onContinue }) => /* @__PURE__ */ jsxs("div", {
+	className: cn("flex items-center gap-3 sm:gap-4", "rounded-xl border border-agg-separator", "p-3 sm:p-4", "transition-colors", disabled ? "opacity-50 cursor-not-allowed pointer-events-none" : "cursor-pointer hover:bg-agg-secondary-hover", highlighted ? "" : ""),
+	role: "button",
+	tabIndex: disabled ? -1 : 0,
+	"aria-disabled": disabled || void 0,
+	onClick: disabled ? void 0 : onContinue,
+	onKeyDown: disabled ? void 0 : (e) => {
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			onContinue();
+		}
+	},
+	children: [
+		/* @__PURE__ */ jsx("div", {
+			className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover",
+			children: icon
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "flex-1 min-w-0",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "agg-type-body-strong text-agg-foreground",
+				children: title
+			}), /* @__PURE__ */ jsx("p", {
+				className: "agg-type-label text-agg-muted-foreground",
+				children: description
+			})]
+		}),
+		value ? /* @__PURE__ */ jsx("p", {
+			className: "agg-type-label text-agg-muted-foreground",
+			children: value
+		}) : null,
+		/* @__PURE__ */ jsx("div", {
+			className: "shrink-0 text-agg-muted-foreground",
+			children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-5 w-5" })
+		})
+	]
+});
+const DepositMethodStep = ({ balance, walletLabel, walletBalance, walletToken, isWalletBalanceLoading = false, showWalletMethod = true, highlightedMethod, depositAddressesReady = true, onSelectMethod }) => {
+	const labels = useLabels();
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Modal.Header, {
+		title: labels.deposit.title,
+		hideBorder: true
+	}), /* @__PURE__ */ jsx(Modal.Body, {
+		classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" },
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-5",
+			children: [/* @__PURE__ */ jsxs("p", {
+				className: "agg-type-body text-agg-foreground",
+				children: [
+					labels.deposit.balancePrefix,
+					" ",
+					formatCompactUsd(balance)
+				]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-4",
+				children: [
+					showWalletMethod ? /* @__PURE__ */ jsx(DepositMethodCard, {
+						icon: /* @__PURE__ */ jsx(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+						title: labels.deposit.methods.walletTitle(walletLabel),
+						description: labels.deposit.methods.walletDescription,
+						value: isWalletBalanceLoading ? /* @__PURE__ */ jsx(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, walletToken),
+						highlighted: highlightedMethod === "wallet",
+						disabled: !depositAddressesReady,
+						onContinue: () => onSelectMethod("wallet")
+					}) : null,
+					/* @__PURE__ */ jsx(DepositMethodCard, {
+						icon: /* @__PURE__ */ jsx(BoltIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+						title: labels.deposit.methods.cryptoTitle,
+						description: labels.deposit.methods.cryptoDescription,
+						highlighted: highlightedMethod === "crypto",
+						disabled: !depositAddressesReady,
+						onContinue: () => onSelectMethod("crypto")
+					}),
+					/* @__PURE__ */ jsx(DepositMethodCard, {
+						icon: /* @__PURE__ */ jsx(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+						title: labels.deposit.methods.cardTitle,
+						description: labels.deposit.methods.cardDescription,
+						highlighted: highlightedMethod === "card",
+						onContinue: () => onSelectMethod("card")
+					})
+				]
+			})]
+		})
+	})] });
+};
+//#endregion
+//#region src/deposit/steps/wallet-form.tsx
+const WalletFormStep = ({ walletLabel, walletBalance, isBalanceLoading = false, tokenOptions, networkOptions, selectedToken, selectedNetwork, amount, isSubmitting = false, formErrorMessage, formErrorTone = "error", estimatedReceive, feeEstimate, eta, onBack, onTokenChange, onNetworkChange, onAmountChange, onMax, onConfirm }) => {
+	const labels = useLabels();
+	const isConfirmEnabled = !isSubmitting && !isBalanceLoading && Number(amount) > 0 && Number(amount) <= walletBalance;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Modal.Header, {
+		title: labels.deposit.walletFlow.title,
+		hideBorder: true,
+		leftElement: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
+			onClick: onBack,
+			"aria-label": "Go back",
+			children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-6 w-6" })
+		})
+	}), /* @__PURE__ */ jsx(Modal.Body, {
+		classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" },
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-7",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "agg-type-label text-agg-foreground",
+						children: walletLabel
+					}), /* @__PURE__ */ jsxs("p", {
+						className: "agg-type-label text-agg-muted-foreground",
+						children: [
+							labels.deposit.balanceLabel,
+							" ",
+							isBalanceLoading ? /* @__PURE__ */ jsx(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, selectedToken)
+						]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-5",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex gap-5",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex flex-1 flex-col gap-2 min-w-0",
+								children: [/* @__PURE__ */ jsx("p", {
+									className: "agg-type-label-strong text-agg-foreground",
+									children: labels.deposit.walletFlow.tokenLabel
+								}), /* @__PURE__ */ jsx(Select, {
+									items: tokenOptions,
+									value: selectedToken,
+									onChange: onTokenChange,
+									ariaLabel: labels.deposit.walletFlow.tokenLabel
+								})]
+							}), networkOptions.length >= 1 ? /* @__PURE__ */ jsxs("div", {
+								className: "flex flex-1 flex-col gap-2 min-w-0",
+								children: [/* @__PURE__ */ jsx("p", {
+									className: "agg-type-label-strong text-agg-foreground",
+									children: labels.deposit.walletFlow.networkLabel
+								}), /* @__PURE__ */ jsx(Select, {
+									items: networkOptions,
+									value: selectedNetwork,
+									onChange: onNetworkChange,
+									ariaLabel: labels.deposit.walletFlow.networkLabel
+								})]
+							}) : null]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col gap-2",
+							children: [/* @__PURE__ */ jsx("p", {
+								className: "agg-type-label-strong text-agg-foreground",
+								children: labels.deposit.walletFlow.amountLabel
+							}), /* @__PURE__ */ jsxs("div", {
+								className: cn("flex items-center gap-2", "rounded border border-agg-separator bg-agg-secondary", "h-10 px-3"),
+								children: [/* @__PURE__ */ jsx("input", {
+									type: "text",
+									inputMode: "decimal",
+									"aria-label": labels.deposit.walletFlow.amountLabel,
+									className: "agg-type-body w-full bg-transparent outline-none text-agg-foreground",
+									placeholder: "0.00",
+									value: amount,
+									onChange: (event) => onAmountChange(event.target.value)
+								}), /* @__PURE__ */ jsx("button", {
+									type: "button",
+									className: "shrink-0 text-agg-sm font-agg-bold leading-agg-5 text-agg-primary transition-colors hover:text-agg-primary/80 cursor-pointer",
+									onClick: onMax,
+									"aria-label": labels.deposit.walletFlow.max,
+									children: labels.deposit.walletFlow.max
+								})]
+							})]
+						}),
+						estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ jsx("p", {
+							className: "agg-type-label text-agg-foreground",
+							children: `≈ ${estimatedReceive} · ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} · ${eta}`
+						}) : null,
+						formErrorMessage ? /* @__PURE__ */ jsxs("div", {
+							className: cn("flex items-start gap-2", formErrorTone === "warning" ? "text-agg-warning" : "text-agg-error"),
+							children: [/* @__PURE__ */ jsx(WarningIcon, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ jsx("p", {
+								className: "agg-type-label",
+								children: formErrorMessage
+							})]
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					variant: isConfirmEnabled ? "primary" : "secondary",
+					size: "large",
+					className: "w-full",
+					disabled: !isConfirmEnabled,
+					isLoading: isSubmitting,
+					"aria-label": labels.deposit.walletFlow.confirm,
+					onClick: onConfirm,
+					children: labels.deposit.walletFlow.confirm
+				})
+			]
+		})
+	})] });
+};
+//#endregion
+//#region src/deposit/steps/wallet-processing.tsx
+const WalletProcessingStep = ({ steps, errorMessage, onComplete }) => {
+	const labels = useLabels();
+	useEffect(() => {
+		if (steps.length > 0 && steps.every((s) => s.status === "complete")) onComplete();
+	}, [steps, onComplete]);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Modal.Header, {
+		title: labels.deposit.processingTitle,
+		hideBorder: true
+	}), /* @__PURE__ */ jsx(Modal.Body, {
+		classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" },
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-5",
+			children: [steps.map((step) => {
+				const isComplete = step.status === "complete";
+				const isActive = step.status === "active";
+				return /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-3",
+					children: [isComplete ? /* @__PURE__ */ jsx(CheckCircleIcon, { className: "h-4 w-4 text-agg-primary" }) : /* @__PURE__ */ jsx("span", { className: [
+						"inline-block h-4 w-4 rounded-full border",
+						isActive ? "border-2 border-agg-primary border-r-transparent animate-spin" : "",
+						!isActive ? "border-agg-separator" : ""
+					].join(" ") }), /* @__PURE__ */ jsx("p", {
+						className: isComplete || isActive ? "agg-type-body text-agg-foreground" : "agg-type-body text-agg-muted-foreground",
+						children: step.label
+					})]
+				}, step.id);
+			}), errorMessage ? /* @__PURE__ */ jsx("p", {
+				className: "agg-type-body text-agg-destructive",
+				children: errorMessage
+			}) : null]
+		})
+	})] });
+};
+//#endregion
+//#region src/deposit/steps/wallet-success.tsx
+const SummaryRow = ({ label, value }) => /* @__PURE__ */ jsxs("div", {
+	className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0",
+	children: [/* @__PURE__ */ jsx("p", {
+		className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground",
+		children: label
+	}), /* @__PURE__ */ jsx("p", {
+		className: "agg-type-label text-agg-foreground",
+		children: value
+	})]
+});
+const WalletSuccessStep = ({ summary, onDone, onClose }) => {
+	const labels = useLabels();
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative",
+		children: /* @__PURE__ */ jsxs(Modal.Body, {
+			classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" },
+			children: [/* @__PURE__ */ 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__ */ jsx(CloseIcon, { className: "h-6 w-6" })
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-center gap-8",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15",
+						children: /* @__PURE__ */ jsx(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" })
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col items-center gap-3 text-center",
+						children: [/* @__PURE__ */ jsx("h3", {
+							className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground",
+							children: labels.deposit.successTitle
+						}), /* @__PURE__ */ jsx("p", {
+							className: "agg-type-body text-agg-foreground",
+							children: labels.deposit.successDescription
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1",
+						children: [
+							/* @__PURE__ */ jsx(SummaryRow, {
+								label: labels.deposit.summary.amountReceived,
+								value: summary.amountReceived
+							}),
+							/* @__PURE__ */ jsx(SummaryRow, {
+								label: labels.deposit.summary.network,
+								value: summary.network
+							}),
+							/* @__PURE__ */ jsx(SummaryRow, {
+								label: labels.deposit.summary.fromWallet,
+								value: summary.fromWallet
+							}),
+							/* @__PURE__ */ jsx(SummaryRow, {
+								label: labels.deposit.summary.gasFee,
+								value: summary.gasFee
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "secondary",
+						size: "large",
+						className: "w-[120px]",
+						onClick: onDone,
+						children: labels.deposit.done
+					})
+				]
+			})]
+		})
+	});
+};
+//#endregion
+//#region src/deposit/index.tsx
+const PENDING_CARD_SESSION_KEY = "agg-pending-card-session";
+const DEFAULT_WALLET_CHAIN_ID = "1";
+const DEFAULT_WALLET_TOKEN = "USDC";
+function savePendingCardSession(data) {
+	try {
+		localStorage.setItem(PENDING_CARD_SESSION_KEY, JSON.stringify(data));
+	} catch {}
+}
+function clearPendingCardSession() {
+	try {
+		localStorage.removeItem(PENDING_CARD_SESSION_KEY);
+	} catch {}
+}
+/**
+* Returns a pending card session if one exists in localStorage.
+* Consumers should use this on page load to detect a redirect from the ramp provider
+* and pass it as `pendingCardSession` to the DepositModal.
+*/
+function getPendingCardSession() {
+	try {
+		const raw = localStorage.getItem(PENDING_CARD_SESSION_KEY);
+		if (!raw) return null;
+		return JSON.parse(raw);
+	} catch {
+		return null;
+	}
+}
+function getDefaultProcessingSteps(transactionStatus, labels) {
+	const defaultSteps = [{
+		id: "submitting",
+		label: labels.submitting,
+		status: "active"
+	}, {
+		id: "confirming",
+		label: labels.confirming,
+		status: "pending"
+	}];
+	const activeByStatus = {
+		submitting: 0,
+		submitted: 1,
+		confirming: 1,
+		error: 1
+	};
+	if (transactionStatus === "settled") return defaultSteps.map((step) => ({
+		...step,
+		status: "complete"
+	}));
+	const activeIndex = activeByStatus[transactionStatus ?? "submitted"] ?? 0;
+	return defaultSteps.map((step, index) => ({
+		...step,
+		status: index < activeIndex ? "complete" : index === activeIndex ? "active" : "pending"
+	}));
+}
+function isControlledDepositModalProps(props) {
+	return "walletFlow" in props;
+}
+function DepositModalSelfDriven({ open, onOpenChange }) {
+	const depositProps = useDepositFlow({
+		open,
+		onOpenChange
+	});
+	return /* @__PURE__ */ jsx(DepositModalControlled, { ...depositProps });
+}
+function DepositModalControlled({ open, onOpenChange, onSelectDepositMethod, onContinueCardDeposit, onDoneCryptoTransfer, walletFlow, onWalletAmountChange, onWalletMax, onConfirmWalletDeposit, onCancelWalletDeposit, onDoneWalletDeposit, onWalletNetworkChange, onWalletTokenChange, initialWalletChainId, connectedWalletKind, sendCryptoConfig, onDoneSendCrypto, cardFlow, onCardAmountChange, onCardCurrencyChange, onCardTokenChange, onCardNetworkChange, onSelectCardProvider, onDoneCardPurchase, onViewActivity, cardRedirectUrl, onGetCardQuotes, onCreateCardSession, pendingCardPurchaseSummary }) {
+	const { isWeb3User } = useAggAuthState();
+	const { walletActions } = useAggUiConfig();
+	const labels = useLabels();
+	const defaultMethod = isWeb3User ? "wallet" : "crypto";
+	const [step, setStep] = useState(() => pendingCardPurchaseSummary ? "card-success" : "method");
+	const [highlightedMethod, setHighlightedMethod] = useState(defaultMethod);
+	const walletSubmitInFlightRef = useRef(false);
+	const walletDepositAttemptIdRef = useRef(0);
+	const notifiedWalletDepositStatusesRef = useRef(/* @__PURE__ */ new Set());
+	const [isWalletSubmitting, setIsWalletSubmitting] = useState(false);
+	const [cardProviders, setCardProviders] = useState([]);
+	const [quotesLoading, setQuotesLoading] = useState(false);
+	const [quotesError, setQuotesError] = useState(null);
+	const [sessionError, setSessionError] = useState(null);
+	const [pendingProviderName, setPendingProviderName] = useState("");
+	const [pendingProviderWalletAddress, setPendingProviderWalletAddress] = useState("");
+	useEffect(() => {
+		if (pendingCardPurchaseSummary) {
+			clearPendingCardSession();
+			setStep("card-success");
+		}
+	}, [pendingCardPurchaseSummary]);
+	const [walletChainId, setWalletChainId] = useState("");
+	const [walletToken, setWalletToken] = useState("");
+	const [sendChainId, setSendChainId] = useState("");
+	const [sendToken, setSendToken] = useState("");
+	const { isReady, isTimedOut, error: addrError, supportedChains, getAddress } = useDepositAddresses({ enabled: open });
+	const fallbackNetworkOptions = useMemo(() => mapNetworksToOptions(), []);
+	const networkOptions = useMemo(() => {
+		if (!supportedChains?.length) return fallbackNetworkOptions;
+		return withNetworkIcons(supportedChains.map((c) => ({
+			value: String(c.chainId),
+			label: c.name
+		})));
+	}, [supportedChains, fallbackNetworkOptions]);
+	const walletNetworkOptions = useMemo(() => {
+		if (!supportedChains?.length || !connectedWalletKind) return networkOptions;
+		const filtered = supportedChains.filter((c) => connectedWalletKind === "solana" ? SVM_CHAIN_IDS.has(c.chainId) : !SVM_CHAIN_IDS.has(c.chainId));
+		if (filtered.length === 0) return networkOptions;
+		return withNetworkIcons(filtered.map((c) => ({
+			value: String(c.chainId),
+			label: c.name
+		})));
+	}, [
+		supportedChains,
+		networkOptions,
+		connectedWalletKind
+	]);
+	const walletTokenOptions = useMemo(() => {
+		const chain = 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 = useMemo(() => {
+		const chain = 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]);
+	useEffect(() => {
+		if (walletNetworkOptions.length > 0) {
+			if (!walletChainId || !walletNetworkOptions.some((o) => o.value === walletChainId)) {
+				const ethereumMainnetOption = walletNetworkOptions.find((option) => option.value === DEFAULT_WALLET_CHAIN_ID || option.value === "mainnet" || option.label.toLowerCase() === "ethereum");
+				const preferred = ethereumMainnetOption ? ethereumMainnetOption.value : initialWalletChainId && walletNetworkOptions.some((option) => option.value === initialWalletChainId) ? initialWalletChainId : walletNetworkOptions[0].value;
+				setWalletChainId(preferred);
+			}
+		}
+	}, [
+		walletNetworkOptions,
+		walletChainId,
+		initialWalletChainId
+	]);
+	useEffect(() => {
+		if (networkOptions.length > 0) {
+			if (!sendChainId || !networkOptions.some((o) => o.value === sendChainId)) setSendChainId(networkOptions[0].value);
+		}
+	}, [networkOptions, sendChainId]);
+	useEffect(() => {
+		if (walletTokenOptions.length > 0) {
+			const preferredToken = walletTokenOptions.find((option) => option.value === DEFAULT_WALLET_TOKEN)?.value ?? walletTokenOptions[0].value;
+			setWalletToken(preferredToken);
+		}
+	}, [walletTokenOptions]);
+	useEffect(() => {
+		setSendToken(sendTokenOptions?.[0]?.value ?? "");
+	}, [sendTokenOptions]);
+	useEffect(() => {
+		if (walletChainId) onWalletNetworkChange?.(walletChainId);
+	}, [walletChainId, onWalletNetworkChange]);
+	useEffect(() => {
+		if (walletToken) onWalletTokenChange?.(walletToken);
+	}, [walletToken, onWalletTokenChange]);
+	const depositAddress = getAddress(sendChainId ? Number(sendChainId) : void 0) ?? "";
+	const isLoadingAddress = open && !isReady && !isTimedOut && !addrError;
+	const addressError = isTimedOut && !isReady ? "Address generation timed out. Please try again." : addrError && !isReady ? "Failed to load deposit address." : void 0;
+	const usesTransactionStatus = walletFlow.transactionStatus !== void 0;
+	const processingStatus = isWalletSubmitting ? "submitting" : walletFlow.transactionStatus;
+	const processingSteps = usesTransactionStatus ? walletFlow.processingSteps ?? getDefaultProcessingSteps(processingStatus, labels.deposit.processingSteps) : walletFlow.processingSteps ?? getDefaultProcessingSteps(processingStatus, labels.deposit.processingSteps);
+	const selectedNetworkLabel = networkOptions.find((n) => n.value === walletChainId)?.label ?? "";
+	const resolvedSuccessSummary = {
+		amountReceived: `+${walletFlow.amount} ${walletToken}`,
+		network: selectedNetworkLabel,
+		fromWallet: walletFlow.walletLabel,
+		gasFee: "",
+		...walletFlow.successSummary
+	};
+	const handleWalletDepositNotification = useCallback((status, errorMessage) => {
+		if (notifiedWalletDepositStatusesRef.current.has(status)) return;
+		notifiedWalletDepositStatusesRef.current.add(status);
+		dispatchAggDepositNotification({
+			id: `wallet-${walletDepositAttemptIdRef.current}`,
+			status,
+			amount: walletFlow.amount,
+			tokenSymbol: walletToken || DEFAULT_WALLET_TOKEN,
+			errorMessage
+		});
+	}, [walletFlow.amount, walletToken]);
+	useEffect(() => {
+		if (step === "wallet-processing" && !isWalletSubmitting && walletFlow.transactionStatus === "settled") {
+			handleWalletDepositNotification("completed");
+			setStep("wallet-success");
+		}
+	}, [
+		handleWalletDepositNotification,
+		isWalletSubmitting,
+		step,
+		walletFlow.transactionStatus
+	]);
+	useEffect(() => {
+		if (!onCancelWalletDeposit) return;
+		if (step === "wallet-processing" && !isWalletSubmitting && walletFlow.transactionStatus === "error") {
+			walletSubmitInFlightRef.current = false;
+			handleWalletDepositNotification("failed", walletFlow.transactionErrorMessage);
+			onCancelWalletDeposit();
+			setStep("wallet-form");
+		}
+	}, [
+		handleWalletDepositNotification,
+		isWalletSubmitting,
+		onCancelWalletDeposit,
+		step,
+		walletFlow.transactionErrorMessage,
+		walletFlow.transactionStatus
+	]);
+	const cardTokenOptions = withTokenIcons(mergeSelectOptionsUnique(cardFlow?.tokenOptions, DEFAULT_CURRENCY_OPTIONS));
+	const cardNetworkOptions = withNetworkIcons(mergeSelectOptionsUnique(cardFlow?.networkOptions, CARD_NETWORK_OPTIONS));
+	const handleSelectMethod = (method) => {
+		if (method === "wallet" && !isWeb3User) return;
+		if (!isReady && (method === "wallet" || method === "crypto")) return;
+		setHighlightedMethod(method);
+		onSelectDepositMethod?.(method);
+		if (method === "wallet") {
+			setStep("wallet-form");
+			return;
+		}
+		if (method === "card") setStep("card-deposit");
+		else if (method === "crypto") setStep("crypto-transfer");
+	};
+	const handleContinueCardDeposit = async (amount) => {
+		onContinueCardDeposit?.(amount);
+		setStep("card-provider");
+		if (onGetCardQuotes) {
+			setQuotesLoading(true);
+			setQuotesError(null);
+			setCardProviders([]);
+			try {
+				const providers = await onGetCardQuotes({
+					sourceAmount: String(amount),
+					sourceCurrencyCode: cardFlow?.currency ?? "USD",
+					destinationCurrencyCode: NETWORK_TO_CURRENCY_CODE[cardFlow?.selectedNetwork ?? ""] ?? cardFlow?.selectedNetwork ?? ""
+				});
+				setCardProviders(providers);
+			} catch (err) {
+				setQuotesError(err instanceof Error ? err.message : "Failed to load quotes");
+			} finally {
+				setQuotesLoading(false);
+			}
+		} else setCardProviders(cardFlow?.providers ?? []);
+	};
+	const handleRetryQuotes = () => {
+		const amount = Number(cardFlow?.amount) || 0;
+		if (amount > 0) handleContinueCardDeposit(amount);
+	};
+	const handleSelectProvider = async (providerId) => {
+		onSelectCardProvider?.(providerId);
+		if (onCreateCardSession) {
+			setSessionError(null);
+			try {
+				const networkVal = cardFlow?.selectedNetwork ?? "";
+				const numericId = Number(networkVal);
+				const cardChainId = Number.isFinite(numericId) && numericId > 0 ? numericId : supportedChains?.find((c) => c.name.toLowerCase() === networkVal.toLowerCase())?.chainId;
+				const depositAddr = getAddress(cardChainId) ?? "";
+				const session = await onCreateCardSession({
+					serviceProvider: providerId,
+					sourceAmount: cardFlow?.amount ?? "",
+					sourceCurrencyCode: cardFlow?.currency ?? "USD",
+					destinationCurrencyCode: NETWORK_TO_CURRENCY_CODE[networkVal] ?? networkVal,
+					walletAddress: depositAddr,
+					redirectUrl: cardRedirectUrl
+				});
+				const selectedProvider = cardProviders.find((p) => p.id === providerId);
+				const networkLabel = cardFlow?.networkOptions?.find((o) => o.value === cardFlow?.selectedNetwork)?.label ?? cardFlow?.selectedNetwork ?? "";
+				savePendingCardSession({
+					sessionId: session.id,
+					summary: {
+						amountReceived: selectedProvider?.quote ?? "",
+						network: networkLabel,
+						fees: selectedProvider?.fee ?? ""
+					}
+				});
+				window.open(session.widgetUrl, "_blank", "noopener,noreferrer");
+				setPendingProviderName(selectedProvider?.name ?? providerId);
+				setPendingProviderWalletAddress(depositAddr);
+				setStep("card-payment-pending");
+			} catch (err) {
+				setSessionError(err instanceof Error ? err.message : "Failed to create session");
+			}
+		}
+	};
+	const handleViewActivity = () => {
+		onViewActivity?.();
+		if (typeof window !== "undefined") window.location.href = "/profile?tab=activity";
+	};
+	const handleChooseAnotherProvider = () => {
+		setCardProviders([]);
+		setQuotesError(null);
+		setSessionError(null);
+		setPendingProviderName("");
+		setPendingProviderWalletAddress("");
+		setStep("card-deposit");
+	};
+	const handleDoneCryptoTransfer = () => {
+		onDoneCryptoTransfer?.();
+		onDoneSendCrypto?.();
+	};
+	const handleDoneWalletDeposit = () => {
+		handleOpenChange(false);
+		onDoneWalletDeposit?.();
+	};
+	const handleDoneCardPurchase = () => {
+		handleOpenChange(false);
+		onDoneCardPurchase?.();
+	};
+	const handleOpenChange = (isOpen) => {
+		if (!isOpen) {
+			setStep("method");
+			setHighlightedMethod(defaultMethod);
+			setWalletChainId("");
+			setWalletToken("");
+			setSendChainId("");
+			setSendToken("");
+			walletSubmitInFlightRef.current = false;
+			walletDepositAttemptIdRef.current = 0;
+			notifiedWalletDepositStatusesRef.current = /* @__PURE__ */ new Set();
+			setIsWalletSubmitting(false);
+			setCardProviders([]);
+			setQuotesLoading(false);
+			setQuotesError(null);
+			setSessionError(null);
+			setPendingProviderName("");
+			setPendingProviderWalletAddress("");
+			clearPendingCardSession();
+		}
+		onOpenChange(isOpen);
+	};
+	const depositModalMaxWidth = step === "method" ? "600px" : "480px";
+	return /* @__PURE__ */ jsx(Modal, {
+		open,
+		onOpenChange: handleOpenChange,
+		children: /* @__PURE__ */ jsxs(Modal.Container, {
+			maxWidth: depositModalMaxWidth,
+			"aria-label": "Deposit",
+			children: [
+				step === "method" ? /* @__PURE__ */ jsx(DepositMethodStep, {
+					balance: walletFlow.balance,
+					walletLabel: walletFlow.walletLabel,
+					walletBalance: walletFlow.walletBalance,
+					walletToken,
+					isWalletBalanceLoading: walletFlow.isWalletBalanceLoading,
+					showWalletMethod: isWeb3User,
+					highlightedMethod,
+					depositAddressesReady: isReady,
+					onSelectMethod: handleSelectMethod
+				}) : null,
+				step === "wallet-form" ? /* @__PURE__ */ jsx(WalletFormStep, {
+					walletLabel: walletFlow.walletLabel,
+					walletBalance: walletFlow.walletBalance,
+					isBalanceLoading: walletFlow.isWalletBalanceLoading,
+					tokenOptions: walletTokenOptions,
+					networkOptions: walletNetworkOptions,
+					selectedToken: walletToken,
+					selectedNetwork: walletChainId,
+					amount: walletFlow.amount,
+					formErrorMessage: walletFlow.formErrorMessage,
+					formErrorTone: walletFlow.formErrorTone,
+					estimatedReceive: walletFlow.estimatedReceive,
+					feeEstimate: walletFlow.feeEstimate,
+					eta: walletFlow.eta,
+					isSubmitting: isWalletSubmitting,
+					onBack: () => setStep("method"),
+					onTokenChange: setWalletToken,
+					onNetworkChange: (id) => {
+						setWalletChainId(id);
+						setWalletToken("");
+					},
+					onAmountChange: onWalletAmountChange,
+					onMax: onWalletMax,
+					onConfirm: async () => {
+						if (walletSubmitInFlightRef.current) return;
+						walletSubmitInFlightRef.current = true;
+						walletDepositAttemptIdRef.current += 1;
+						notifiedWalletDepositStatusesRef.current = /* @__PURE__ */ new Set();
+						setIsWalletSubmitting(true);
+						setStep("wallet-processing");
+						const walletChainIdNum = walletChainId ? Number(walletChainId) : void 0;
+						const address = getAddress(walletChainIdNum) ?? "";
+						try {
+							if (walletActions?.sendToken) {
+								const tokenMeta = (supportedChains?.find((c) => String(c.chainId) === walletChainId))?.tokens.find((t) => t.symbol === walletToken);
+								await walletActions.sendToken({
+									chainId: walletChainIdNum ?? 0,
+									token: {
+										symbol: walletToken,
+										address: tokenMeta?.address,
+										decimals: tokenMeta?.decimals ?? 6
+									},
+									to: address,
+									amount: walletFlow.amount
+								});
+							} else await onConfirmWalletDeposit?.({
+								address,
+								amount: walletFlow.amount,
+								chainId: walletChainIdNum ?? 0,
+								token: walletToken
+							});
+						} catch {
+							walletSubmitInFlightRef.current = false;
+							setStep("wallet-form");
+						} finally {
+							setIsWalletSubmitting(false);
+						}
+					}
+				}) : null,
+				step === "wallet-processing" ? /* @__PURE__ */ jsx(WalletProcessingStep, {
+					steps: processingSteps,
+					errorMessage: walletFlow.transactionStatus === "error" ? walletFlow.transactionErrorMessage ?? "Something went wrong with the transaction." : void 0,
+					onComplete: () => setStep("wallet-success")
+				}) : null,
+				step === "wallet-success" ? /* @__PURE__ */ jsx(WalletSuccessStep, {
+					summary: resolvedSuccessSummary,
+					onDone: handleDoneWalletDeposit,
+					onClose: () => handleOpenChange(false)
+				}) : null,
+				step === "card-deposit" && cardFlow ? /* @__PURE__ */ jsx(CardDepositStep, {
+					amount: cardFlow.amount,
+					currency: cardFlow.currency,
+					tokenOptions: cardTokenOptions,
+					networkOptions: cardNetworkOptions,
+					selectedToken: cardFlow.selectedToken,
+					selectedNetwork: cardFlow.selectedNetwork,
+					minAmount: cardFlow.minAmount,
+					onBack: () => setStep("method"),
+					onAmountChange: onCardAmountChange ?? ignoreCardChange,
+					onCurrencyChange: onCardCurrencyChange ?? ignoreCardChange,
+					onTokenChange: onCardTokenChange ?? ignoreCardChange,
+					onNetworkChange: onCardNetworkChange ?? ignoreCardChange,
+					onContinue: handleContinueCardDeposit
+				}) : null,
+				step === "card-provider" && cardFlow ? /* @__PURE__ */ jsx(CardProviderStep, {
+					amount: cardFlow.amount,
+					currency: cardFlow.currency,
+					token: cardFlow.selectedToken,
+					providers: cardProviders,
+					isLoading: quotesLoading,
+					error: quotesError,
+					sessionError,
+					onBack: () => setStep("card-deposit"),
+					onSelectProvider: handleSelectProvider,
+					onRetry: handleRetryQuotes
+				}) : null,
+				step === "card-payment-pending" ? /* @__PURE__ */ jsx(CardPaymentPendingStep, {
+					providerName: pendingProviderName,
+					walletAddress: pendingProviderWalletAddress || void 0,
+					onClose: () => handleOpenChange(false),
+					onViewActivity: handleViewActivity,
+					onChooseAnotherProvider: handleChooseAnotherProvider
+				}) : null,
+				step === "card-success" ? /* @__PURE__ */ jsx(CardPurchaseSuccessStep, {
+					summary: pendingCardPurchaseSummary ?? cardFlow?.purchaseSummary ?? {
+						amountReceived: "",
+						network: "",
+						fees: ""
+					},
+					onClose: () => handleOpenChange(false),
+					onDone: handleDoneCardPurchase
+				}) : null,
+				step === "crypto-transfer" ? /* @__PURE__ */ jsx(CryptoTransferStep, {
+					tokenOptions: sendTokenOptions,
+					networkOptions,
+					selectedToken: sendToken,
+					selectedNetwork: sendChainId,
+					depositAddress,
+					minDeposit: sendCryptoConfig?.minDeposit ?? "$1",
+					eta: sendCryptoConfig?.eta ?? "~30s",
+					isLoadingAddress,
+					addressError,
+					onBack: () => setStep("method"),
+					onTokenChange: setSendToken,
+					onNetworkChange: (id) => {
+						setSendChainId(id);
+						if (id !== sendChainId) setSendToken("");
+					},
+					onDone: handleDoneCryptoTransfer
+				}) : null
+			]
+		})
+	});
+}
+const ignoreCardChange = (_value) => {};
+const DepositModal = (props) => {
+	if (!isControlledDepositModalProps(props)) return /* @__PURE__ */ jsx(DepositModalSelfDriven, { ...props });
+	return /* @__PURE__ */ jsx(DepositModalControlled, { ...props });
+};
+DepositModal.displayName = "DepositModal";
+//#endregion
+//#region src/paper-trading/paper-onboarding-modal.tsx
+/**
+* Three-step intro shown once, on a user's first sign-in to a paper app.
+*
+* Figma node 4772:31182 lays the three states out side by side; this is one
+* modal that advances through them, not three modals.
+*
+* All copy resolves through `labels.paperTrading.onboarding` — the design's
+* strings were written against an earlier daily-allowance model and are still
+* being revised, so nothing here renders a literal.
+*/
+const PaperOnboardingModal = ({ open, onDismiss, startingBalanceLabel, classNames }) => {
+	const copy = useLabels().paperTrading.onboarding;
+	const [stepIndex, setStepIndex] = useState(0);
+	const steps = useMemo(() => [
+		{
+			key: "realMarkets",
+			icon: "paper-onboarding-markets",
+			title: copy.realMarkets.title,
+			body: copy.realMarkets.body
+		},
+		{
+			key: "zeroRisk",
+			icon: "paper-onboarding-funds",
+			title: copy.zeroRisk.title,
+			body: copy.zeroRisk.body({ amount: startingBalanceLabel })
+		},
+		{
+			key: "readyToTrade",
+			icon: "paper-onboarding-performance",
+			title: copy.readyToTrade.title,
+			body: copy.readyToTrade.body
+		}
+	], [copy, startingBalanceLabel]);
+	const total = steps.length;
+	const isFirst = stepIndex === 0;
+	const isLast = stepIndex === total - 1;
+	const step = steps[stepIndex];
+	const handleBack = useCallback(() => {
+		setStepIndex((current) => Math.max(0, current - 1));
+	}, []);
+	const handleNext = useCallback(() => {
+		if (isLast) {
+			onDismiss();
+			return;
+		}
+		setStepIndex((current) => Math.min(total - 1, current + 1));
+	}, [
+		isLast,
+		onDismiss,
+		total
+	]);
+	const handleOpenChange = useCallback((next) => {
+		if (next) return;
+		setStepIndex(0);
+		onDismiss();
+	}, [onDismiss]);
+	return /* @__PURE__ */ jsx(Modal, {
+		open,
+		onOpenChange: handleOpenChange,
+		children: /* @__PURE__ */ jsx(Modal.Container, {
+			maxWidth: "480px",
+			"aria-label": step.title,
+			classNames: {
+				overlay: classNames?.overlay,
+				center: "items-center! p-6!",
+				container: cn("rounded-agg-xl! md:rounded-agg-xl!", classNames?.card)
+			},
+			children: /* @__PURE__ */ jsxs("div", {
+				className: cn("agg-paper-onboarding", "flex w-full flex-col gap-5 p-6"),
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex w-full items-start justify-center gap-5",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: cn("flex size-11 shrink-0 items-center justify-center overflow-hidden", "rounded-agg-lg bg-agg-primary/10 text-agg-primary", classNames?.icon),
+						children: /* @__PURE__ */ jsx(Icon, {
+							name: step.icon,
+							className: "!h-6 !w-6",
+							"aria-hidden": "true"
+						})
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex min-w-0 flex-1 flex-col gap-2 break-words",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col gap-1",
+							children: [/* @__PURE__ */ jsx("p", {
+								className: cn("text-agg-2xs leading-agg-14 font-agg-bold uppercase", "text-agg-muted-foreground", classNames?.eyebrow),
+								children: copy.stepEyebrow({
+									current: stepIndex + 1,
+									total
+								})
+							}), /* @__PURE__ */ jsx("p", {
+								className: cn("text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", classNames?.title),
+								children: step.title
+							})]
+						}), /* @__PURE__ */ jsx("p", {
+							className: cn("text-agg-sm leading-agg-5 text-agg-foreground", classNames?.body),
+							children: step.body
+						})]
+					})]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: cn("flex w-full items-center justify-between", classNames?.footer),
+					children: [/* @__PURE__ */ jsx("div", {
+						className: cn("flex items-center gap-1", classNames?.dots),
+						"aria-hidden": "true",
+						children: steps.map((dotStep, index) => /* @__PURE__ */ jsx("span", { className: cn("rounded-full transition-all", index === stepIndex ? "h-1 w-4 bg-agg-primary" : "size-1 bg-agg-separator") }, dotStep.key))
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex items-start gap-3",
+						children: [/* @__PURE__ */ jsx(Button, {
+							variant: "secondary",
+							size: "small",
+							onClick: isFirst ? onDismiss : handleBack,
+							className: "w-20 rounded-full",
+							children: isFirst ? copy.skip : copy.back
+						}), /* @__PURE__ */ jsx(Button, {
+							variant: "primary",
+							size: "small",
+							onClick: handleNext,
+							className: "w-[120px] rounded-full",
+							children: isLast ? copy.done : copy.next
+						})]
+					})]
+				})]
+			})
+		})
+	});
+};
+PaperOnboardingModal.displayName = "PaperOnboardingModal";
+//#endregion
+//#region src/paper-trading/paper-trading-onboarding.tsx
+const FALLBACK_STARTING_BALANCE = 1e4;
+/**
+* Drop-in paper-trading intro. Renders nothing in a live app, and nothing for
+* a user who has already seen it — mount it once, high in the tree, and forget
+* about it.
+*
+* Pairs `usePaperOnboarding` (when to show) with `PaperOnboardingModal` (what
+* to show). Use the modal directly if you need to drive visibility yourself.
+*/
+const PaperTradingOnboarding = ({ classNames }) => {
+	const { isOpen, dismiss } = usePaperOnboarding();
+	const { paperStartingBalance } = useAppConfig();
+	if (!isOpen) return null;
+	return /* @__PURE__ */ jsx(PaperOnboardingModal, {
+		open: true,
+		onDismiss: dismiss,
+		startingBalanceLabel: formatUsd(paperStartingBalance ?? FALLBACK_STARTING_BALANCE, { maximumFractionDigits: 0 }),
+		classNames
+	});
+};
+PaperTradingOnboarding.displayName = "PaperTradingOnboarding";
+//#endregion
+//#region src/profile/profile-modal.constants.ts
+const PROFILE_TAB_KEYS = {
+	PROFILE_ACCOUNTS: "profile-accounts",
+	TRADING_ACCESS: "trading-access"
+};
+const getProfileTabItems = () => [{
+	value: PROFILE_TAB_KEYS.PROFILE_ACCOUNTS,
+	label: "Profile & accounts",
+	icon: "profile-about-tab"
+}, {
+	value: PROFILE_TAB_KEYS.TRADING_ACCESS,
+	label: "Trading access",
+	icon: "shield-trust"
+}];
+//#endregion
+//#region src/profile/tabs/about-tab.tsx
+const AboutTab = ({ avatarPreview, onDeleteProfile: _onDeleteProfile, draftUsername, onDraftUsernameChange, onDraftAvatarChange, draftAvatarPreview, avatarError: _avatarError }) => {
+	const labels = useLabels();
+	const fileInputRef = useRef(null);
+	const handleAvatarClick = useCallback(() => {
+		fileInputRef.current?.click();
+	}, []);
+	const handleFileChange = useCallback((e) => {
+		const file = e.target.files?.[0];
+		if (!file) return;
+		const reader = new FileReader();
+		reader.onload = (event) => {
+			onDraftAvatarChange(file, event.target?.result);
+		};
+		reader.readAsDataURL(file);
+	}, [onDraftAvatarChange]);
+	const resolvedPreview = draftAvatarPreview ?? avatarPreview;
+	const hasAvatarPreview = Boolean(resolvedPreview);
+	return /* @__PURE__ */ jsx("div", {
+		className: "agg-profile-about flex flex-col gap-8",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "agg-profile-avatar-section flex w-full items-center gap-6",
+			children: [
+				/* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: handleAvatarClick,
+					className: cn("agg-profile-avatar-trigger", "group relative flex items-center justify-center self-start", "h-[80px] w-[80px]", "rounded-agg-full", "bg-agg-secondary-hover", !hasAvatarPreview && "hover:bg-agg-tertiary", "transition-colors cursor-pointer", "overflow-hidden"),
+					"aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
+					children: [!hasAvatarPreview ? /* @__PURE__ */ 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__ */ jsx("circle", {
+							cx: "40",
+							cy: "40",
+							r: "39.5",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "1",
+							strokeDasharray: "8 8"
+						})
+					}) : null, resolvedPreview ? /* @__PURE__ */ jsx(RemoteImage, {
+						src: resolvedPreview,
+						alt: labels.onboarding.profileSetup.profilePreviewAlt,
+						className: "h-full w-full object-cover"
+					}) : /* @__PURE__ */ jsx(Icon, {
+						name: "profile",
+						className: "h-7 w-7 text-agg-muted-foreground"
+					})]
+				}),
+				/* @__PURE__ */ jsx("input", {
+					ref: fileInputRef,
+					type: "file",
+					accept: "image/*",
+					onChange: handleFileChange,
+					className: "hidden",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2",
+					children: [/* @__PURE__ */ jsx("label", {
+						htmlFor: "profile-username",
+						className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground",
+						children: "Username"
+					}), /* @__PURE__ */ jsx("input", {
+						id: "profile-username",
+						type: "text",
+						placeholder: "e.g. CryptoJohn",
+						value: draftUsername,
+						onChange: (e) => onDraftUsernameChange(e.target.value),
+						className: cn("h-10 w-full px-3 py-2.5", "rounded-agg-sm", "border border-agg-separator", "bg-agg-secondary text-agg-foreground", "placeholder:text-agg-muted-foreground", "outline-none", "focus:border-agg-primary focus:ring-1 focus:ring-agg-primary", "transition-colors", "text-agg-sm sm:text-agg-base")
+					})]
+				})
+			]
+		})
+	});
+};
+AboutTab.displayName = "AboutTab";
+//#endregion
+//#region src/profile/tabs/accounts-wallets-tab.tsx
+const SectionTitle$1 = ({ children }) => /* @__PURE__ */ jsx("h3", {
+	className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground",
+	children
+});
+const AccountRow = ({ children, className }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex h-12 items-center justify-between", "rounded-agg-lg border border-agg-separator bg-agg-secondary", "px-5", className),
+	children
+});
+const AccountIdentity = ({ icon, label, iconClassName }) => /* @__PURE__ */ jsxs("div", {
+	className: "flex min-w-0 items-center gap-3",
+	children: [/* @__PURE__ */ jsx("span", {
+		className: cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName),
+		children: /* @__PURE__ */ jsx(Icon, {
+			name: icon,
+			size: "small",
+			color: "currentColor"
+		})
+	}), /* @__PURE__ */ jsx("span", {
+		className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground",
+		children: label
+	})]
+});
+const ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx("button", {
+	type: "button",
+	onClick,
+	className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap",
+	children: "Connect"
+});
+const DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx("button", {
+	type: "button",
+	onClick,
+	className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-muted-foreground whitespace-nowrap",
+	children: "Disconnect"
+});
+const VerifiedBadge = () => /* @__PURE__ */ jsx(Icon, {
+	name: "check-badge",
+	size: "small",
+	color: "var(--agg-color-primary, #536dfe)"
+});
+const getWalletIconName = (wallet) => {
+	const chain = wallet.chain.toLowerCase();
+	if (chain === "solana" || chain === "svm") return "solana";
+	return "ethereum";
+};
+const ConnectedAccountRow = ({ icon, label, connectedLabel, connected, iconClassName, onConnect, onDisconnect }) => {
+	return /* @__PURE__ */ jsxs(AccountRow, {
+		className: "agg-social-account-row gap-4",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 items-center gap-3",
+			children: [/* @__PURE__ */ jsx(AccountIdentity, {
+				icon,
+				label: connected ? connectedLabel ?? label : label,
+				iconClassName
+			}), connected ? /* @__PURE__ */ jsx(VerifiedBadge, {}) : null]
+		}), connected ? /* @__PURE__ */ jsx(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ jsx(ConnectTextButton, { onClick: onConnect })]
+	});
+};
+const AccountsWalletsTab = ({ socialAccounts, email, wallets = [], onConnectTwitter, onDisconnectTwitter, onConnectGoogle, onDisconnectGoogle, onConnectApple, onDisconnectApple, onConnectEmail }) => {
+	const twitter = socialAccounts?.twitter;
+	const google = socialAccounts?.google;
+	const apple = socialAccounts?.apple;
+	const hasEmail = Boolean(email);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "agg-accounts-wallets-tab flex flex-col gap-6",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "agg-social-accounts-section flex flex-col gap-3",
+			children: [/* @__PURE__ */ jsx(SectionTitle$1, { children: "Connected accounts" }), /* @__PURE__ */ jsxs("div", {
+				className: "agg-social-accounts-list flex flex-col gap-4",
+				children: [
+					/* @__PURE__ */ jsx(ConnectedAccountRow, {
+						icon: "google",
+						iconClassName: "text-agg-foreground",
+						label: "Google",
+						connected: google?.connected,
+						connectedLabel: google?.handle,
+						onConnect: onConnectGoogle,
+						onDisconnect: onDisconnectGoogle
+					}),
+					/* @__PURE__ */ jsx(ConnectedAccountRow, {
+						icon: "apple",
+						iconClassName: "text-agg-foreground",
+						label: "Apple",
+						connected: apple?.connected,
+						connectedLabel: apple?.handle,
+						onConnect: onConnectApple,
+						onDisconnect: onDisconnectApple
+					}),
+					/* @__PURE__ */ jsx(ConnectedAccountRow, {
+						icon: "twitter",
+						iconClassName: "text-agg-foreground",
+						label: "X (Twitter)",
+						connected: twitter?.connected,
+						connectedLabel: twitter?.handle,
+						onConnect: onConnectTwitter,
+						onDisconnect: onDisconnectTwitter
+					}),
+					/* @__PURE__ */ jsx(ConnectedAccountRow, {
+						icon: "email",
+						iconClassName: "text-agg-foreground",
+						label: "Email address",
+						connected: hasEmail,
+						connectedLabel: email ?? void 0,
+						onConnect: onConnectEmail
+					})
+				]
+			})]
+		}), wallets.length > 0 ? /* @__PURE__ */ jsxs("div", {
+			className: "agg-wallets-section flex flex-col gap-3",
+			children: [/* @__PURE__ */ jsx(SectionTitle$1, { children: "Wallets" }), /* @__PURE__ */ jsx("div", {
+				className: "flex flex-col gap-2",
+				children: wallets.map((wallet) => /* @__PURE__ */ jsx(AccountRow, {
+					className: "gap-4",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex min-w-0 items-center gap-3",
+						children: [/* @__PURE__ */ jsx(AccountIdentity, {
+							icon: getWalletIconName(wallet),
+							iconClassName: "text-agg-foreground",
+							label: wallet.displayAddress ?? wallet.address
+						}), /* @__PURE__ */ jsx(VerifiedBadge, {})]
+					})
+				}, `${wallet.chain}:${wallet.address}`))
+			})]
+		}) : null]
+	});
+};
+AccountsWalletsTab.displayName = "AccountsWalletsTab";
+//#endregion
+//#region src/profile/tabs/trading-access-tab.tsx
+const TRADING_ACCESS_VENUE_ITEMS = [
+	"kalshi",
+	"betdex",
+	"tiprun",
+	"polymarket",
+	"opinion",
+	"probable",
+	"limitless",
+	"predict",
+	"myriad",
+	"hyperliquid",
+	"novig",
+	"prophetx",
+	"pred"
+].map((id) => ({ id }));
+const SectionTitle = ({ children }) => /* @__PURE__ */ jsx("h3", {
+	className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground",
+	children
+});
+const AccessRow = ({ children }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex h-12 items-center justify-between gap-4", "rounded-agg-lg border border-agg-separator bg-agg-secondary", "px-5"),
+	children
+});
+const AvailableStatus = () => {
+	const labels = useLabels();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ jsx(Icon, {
+			name: "check-badge",
+			size: "small",
+			className: "text-agg-primary"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap",
+			children: labels.trading.tradingAccessAvailable
+		})]
+	});
+};
+const GeoblockedStatus = () => {
+	const labels = useLabels();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2 text-agg-muted-foreground",
+		children: [/* @__PURE__ */ jsx(Icon, {
+			name: "warning-filled",
+			size: "small",
+			color: "currentColor"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "text-agg-sm font-agg-normal leading-agg-5 whitespace-nowrap",
+			children: labels.trading.venueUnavailableInRegion
+		})]
+	});
+};
+const TradingAccessTab = ({ venueAccounts, onConnectKalshi, onDisconnectKalshi, onConfigureBetdex }) => {
+	const labels = useLabels();
+	const { disabledVenues, isLoading: isAppConfigLoading } = useAppConfig();
+	const { isLocationBlocked } = useGeoBlock();
+	const hasBetdexAccount = venueAccounts?.some((account) => account.venue === "betdex") ?? false;
+	const visibleVenues = useMemo(() => {
+		const visible = getVisibleVenuesByConfig(TRADING_ACCESS_VENUE_ITEMS, disabledVenues);
+		return TRADING_ACCESS_VENUE_ITEMS.filter((item) => visible.includes(item) || item.id === "betdex" && hasBetdexAccount);
+	}, [disabledVenues, hasBetdexAccount]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "agg-trading-access-section flex flex-col gap-4",
+		children: [/* @__PURE__ */ jsx(SectionTitle, { children: labels.trading.tradingAccessVenues }), /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col gap-3",
+			children: visibleVenues.map(({ id: venue }) => {
+				const venueAccount = venueAccounts?.find((account) => account.venue === venue);
+				const isKalshi = venue === "kalshi";
+				const isBetdex = venue === "betdex";
+				const canManageBetdex = isBetdex && hasBetdexAccount && !isAppConfigLoading;
+				const isConnected = venueAccount?.status === "active";
+				const availabilityState = getVenueAvailabilityState({
+					venueId: venue,
+					disabledVenues,
+					isConfigLoading: (isKalshi || isBetdex) && isAppConfigLoading,
+					isLocationBlocked
+				});
+				const displayName = venueLogoLabels[venue] ?? venue;
+				if (availabilityState === "hidden" && !canManageBetdex) return null;
+				return /* @__PURE__ */ jsxs(AccessRow, { children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex min-w-0 items-center gap-3",
+					children: [/* @__PURE__ */ jsx(VenueLogo, {
+						venue,
+						size: "small"
+					}), /* @__PURE__ */ jsx("span", {
+						className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground",
+						children: displayName
+					})]
+				}), isBetdex && (availabilityState === "available" || canManageBetdex) ? /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: onConfigureBetdex,
+					disabled: !onConfigureBetdex,
+					"aria-label": labels.trading.manageBetdexAccount,
+					className: "min-h-11 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.configureBetdexAccount
+				}) : availabilityState === "geoblocked" ? /* @__PURE__ */ jsx(GeoblockedStatus, {}) : isKalshi && !isConnected ? /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: onConnectKalshi,
+					disabled: !onConnectKalshi,
+					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__ */ jsxs("div", {
+					className: "flex items-center gap-4",
+					children: [/* @__PURE__ */ jsx(AvailableStatus, {}), onDisconnectKalshi ? /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: onDisconnectKalshi,
+						className: "min-h-11 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
+						children: labels.auth.disconnect
+					}) : null]
+				}) : /* @__PURE__ */ jsx(AvailableStatus, {})] }, venue);
+			})
+		})]
+	});
+};
+TradingAccessTab.displayName = "TradingAccessTab";
+//#endregion
+//#region src/profile/index.tsx
+const ProfileModal = ({ open, onOpenChange, username, avatarPreview, onSave, onDeleteProfile, socialAccounts, wallets, email, onConnectTwitter, onDisconnectTwitter, onConnectGoogle, onDisconnectGoogle, onConnectApple, onDisconnectApple, onDisconnectWallet, onConnectEmail, onKycError, onConnectKalshi, onDisconnectExchange }) => {
+	const client = useAggClient();
+	const { user } = useAggAuthState();
+	const toastCtx = useOptionalToast();
+	const [activeTab, setActiveTab] = useState(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
+	const profileTabItems = useMemo(() => getProfileTabItems(), []);
+	const resolvedInitialUsername = username ?? user?.username ?? "";
+	const [draftUsername, setDraftUsername] = useState(resolvedInitialUsername);
+	const [draftAvatarFile, setDraftAvatarFile] = useState();
+	const [draftAvatarPreview, setDraftAvatarPreview] = useState();
+	const [isSaving, setIsSaving] = useState(false);
+	const [avatarTypeError, setAvatarTypeError] = useState(null);
+	const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = useState(false);
+	const [betdexAccountUserId, setBetdexAccountUserId] = useState(null);
+	const isBetdexAccountModalOpen = !!user?.id && betdexAccountUserId === user.id;
+	const { data: kalshiStatus, refetch: refetchKalshiStatus } = useVenueKeyStatus(Venue$1.kalshi, open);
+	useEffect(() => {
+		setDraftUsername(username ?? user?.username ?? "");
+	}, [username, user?.username]);
+	useEffect(() => {
+		if (open) return;
+		setIsConnectKalshiModalOpen(false);
+		setBetdexAccountUserId(null);
+	}, [open]);
+	useEffect(() => setBetdexAccountUserId(null), [user?.id]);
+	const handleOpenChange = useCallback((isOpen) => {
+		if (!isOpen) {
+			setActiveTab(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
+			setIsSaving(false);
+			setDraftUsername(username ?? user?.username ?? "");
+			setDraftAvatarFile(void 0);
+			setDraftAvatarPreview(void 0);
+			setAvatarTypeError(null);
+		}
+		onOpenChange(isOpen);
+	}, [
+		onOpenChange,
+		username,
+		user?.username,
+		setActiveTab,
+		setIsSaving,
+		setDraftUsername,
+		setDraftAvatarFile,
+		setDraftAvatarPreview
+	]);
+	const handleDraftAvatarChange = useCallback((file, preview) => {
+		if (file && ![
+			"image/jpeg",
+			"image/png",
+			"image/gif",
+			"image/webp"
+		].includes(file.type)) {
+			setAvatarTypeError("Unsupported format. Please use JPEG, PNG, GIF, or WebP.");
+			return;
+		}
+		setAvatarTypeError(null);
+		setDraftAvatarFile(file);
+		setDraftAvatarPreview(preview);
+	}, []);
+	const originalUsername = username ?? user?.username ?? "";
+	const hasChanges = draftUsername !== originalUsername || draftAvatarFile !== void 0;
+	const handleSave = useCallback(async () => {
+		setIsSaving(true);
+		try {
+			const normalizedUsername = draftUsername.trim();
+			if (normalizedUsername !== originalUsername) await client.updateUser({ username: normalizedUsername || void 0 });
+			let avatarCdnUrl;
+			if (draftAvatarFile) {
+				const { uploadUrl, cdnUrl } = await client.createAvatarUploadUrl(draftAvatarFile.type);
+				const uploadResponse = await fetch(uploadUrl, {
+					method: "PUT",
+					headers: { "Content-Type": draftAvatarFile.type },
+					body: draftAvatarFile
+				});
+				if (!uploadResponse.ok) throw new Error(`Avatar upload failed (${uploadResponse.status})`);
+				avatarCdnUrl = cdnUrl || void 0;
+				await new Promise((resolve) => setTimeout(resolve, 5e3));
+				await client.updateUser({ confirmAvatar: true });
+			}
+			const resolvedAvatarPreview = (await client.getCurrentUser())?.avatarUrl ?? avatarCdnUrl ?? draftAvatarPreview;
+			onSave({
+				username: normalizedUsername || void 0,
+				avatarFile: draftAvatarFile,
+				avatarPreview: resolvedAvatarPreview
+			});
+			onOpenChange(false);
+		} catch (err) {
+			const apiError = err;
+			const fieldErrors = (apiError.errors ?? []).map((e) => e?.message).filter((m) => typeof m === "string" && m.length > 0);
+			const toastMessage = fieldErrors.length > 0 ? fieldErrors.join("\n") : apiError.message || "Failed to save profile. Please try again.";
+			if (toastCtx) toastCtx.toast(toastMessage, {
+				tone: "error",
+				title: "Could not save profile"
+			});
+			else if (typeof console !== "undefined") console.error("[ProfileModal] save failed:", toastMessage);
+		} finally {
+			setIsSaving(false);
+		}
+	}, [
+		client,
+		draftAvatarFile,
+		draftAvatarPreview,
+		draftUsername,
+		onOpenChange,
+		onSave,
+		originalUsername,
+		toastCtx
+	]);
+	const handleCancel = useCallback(() => {
+		handleOpenChange(false);
+	}, [handleOpenChange]);
+	const handleVerifyKalshi = useCallback(async (credentials) => {
+		if (onConnectKalshi) await onConnectKalshi(credentials);
+		else await client.upsertVenueKey({
+			venue: Venue$1.kalshi,
+			credentials: {
+				keyId: credentials.apiKeyId,
+				privateKey: credentials.privateKey
+			}
+		});
+		await refetchKalshiStatus();
+		await client.getCurrentUser();
+	}, [
+		client,
+		onConnectKalshi,
+		refetchKalshiStatus
+	]);
+	const handleDisconnectKalshi = useCallback(async () => {
+		await client.deleteVenueKey(Venue$1.kalshi);
+		await refetchKalshiStatus();
+		onDisconnectExchange?.(Venue$1.kalshi);
+	}, [
+		client,
+		onDisconnectExchange,
+		refetchKalshiStatus
+	]);
+	const resolvedVenueAccounts = useMemo(() => {
+		const nonKalshiAccounts = user?.venueAccounts?.filter((account) => account.venue !== "kalshi");
+		if (!kalshiStatus) return user?.venueAccounts;
+		if (!kalshiStatus?.connected) return nonKalshiAccounts;
+		return [...nonKalshiAccounts ?? [], {
+			id: "kalshi-venue-key",
+			venue: Venue$1.kalshi,
+			status: "active",
+			kycStatus: kalshiStatus.kycStatus
+		}];
+	}, [kalshiStatus, user?.venueAccounts]);
+	const isAccountConnected = (providers) => {
+		const normalizedProviders = providers.map((provider) => provider.toLowerCase());
+		const fromAccounts = user?.accounts?.some((account) => normalizedProviders.includes(String(account.provider).toLowerCase())) ?? false;
+		const fromLegacy = (user?.identities)?.some((identity) => normalizedProviders.includes(String(identity.provider ?? "").toLowerCase())) ?? false;
+		return fromAccounts || fromLegacy;
+	};
+	const resolvedSocialAccounts = socialAccounts ?? {
+		twitter: { connected: isAccountConnected(["twitter"]) },
+		google: { connected: isAccountConnected(["google"]) },
+		apple: { connected: isAccountConnected(["apple"]) }
+	};
+	const resolvedEmail = email ?? user?.accounts?.find((account) => String(account.provider).toLowerCase() === "email")?.providerAccountId ?? user?.identities?.find((identity) => String(identity.provider ?? "").toLowerCase() === "email")?.providerAccountId ?? null;
+	const resolveRedirectUrl = () => {
+		if (typeof window === "undefined") return "http://localhost";
+		return `${window.location.origin}${window.location.pathname}${window.location.search}`;
+	};
+	const navigateTopWindow = (url) => {
+		if (typeof window === "undefined") return;
+		(window.top ?? window).location.assign(url);
+	};
+	const surfaceError = useCallback((err, title) => {
+		const message = err?.message || "Something went wrong. Please try again.";
+		if (toastCtx) toastCtx.toast(message, {
+			tone: "error",
+			title
+		});
+		else console.error(`[ProfileModal] ${title}:`, message);
+	}, [toastCtx]);
+	const handleConnectTwitter = useCallback(async () => {
+		try {
+			const result = await client.linkAccount({
+				provider: "twitter",
+				redirectUrl: resolveRedirectUrl()
+			});
+			onConnectTwitter?.();
+			if (result.type === "redirect") navigateTopWindow(result.url);
+		} catch (err) {
+			surfaceError(err, "Could not connect X (Twitter)");
+		}
+	}, [
+		client,
+		onConnectTwitter,
+		surfaceError
+	]);
+	const handleConnectGoogle = useCallback(async () => {
+		try {
+			const result = await client.linkAccount({
+				provider: "google",
+				redirectUrl: resolveRedirectUrl()
+			});
+			onConnectGoogle?.();
+			if (result.type === "redirect") navigateTopWindow(result.url);
+		} catch (err) {
+			surfaceError(err, "Could not connect Google");
+		}
+	}, [
+		client,
+		onConnectGoogle,
+		surfaceError
+	]);
+	const handleConnectApple = useCallback(async () => {
+		try {
+			const result = await client.linkAccount({
+				provider: "apple",
+				redirectUrl: resolveRedirectUrl()
+			});
+			onConnectApple?.();
+			if (result.type === "redirect") navigateTopWindow(result.url);
+		} catch (err) {
+			surfaceError(err, "Could not connect Apple");
+		}
+	}, [
+		client,
+		onConnectApple,
+		surfaceError
+	]);
+	const handleDisconnectTwitter = useCallback(async () => {
+		try {
+			await client.disconnectAccount("twitter");
+			await client.getCurrentUser();
+			onDisconnectTwitter?.();
+		} catch (err) {
+			surfaceError(err, "Could not disconnect X (Twitter)");
+		}
+	}, [
+		client,
+		onDisconnectTwitter,
+		surfaceError
+	]);
+	const handleDisconnectGoogle = useCallback(async () => {
+		try {
+			await client.disconnectAccount("google");
+			await client.getCurrentUser();
+			onDisconnectGoogle?.();
+		} catch (err) {
+			surfaceError(err, "Could not disconnect Google");
+		}
+	}, [
+		client,
+		onDisconnectGoogle,
+		surfaceError
+	]);
+	const handleDisconnectApple = useCallback(async () => {
+		try {
+			await client.disconnectAccount("apple");
+			await client.getCurrentUser();
+			onDisconnectApple?.();
+		} catch (err) {
+			surfaceError(err, "Could not disconnect Apple");
+		}
+	}, [
+		client,
+		onDisconnectApple,
+		surfaceError
+	]);
+	const handleConnectEmail = useCallback(async () => {
+		const typedEmail = typeof window !== "undefined" ? window.prompt("Enter your email to receive a magic link")?.trim() : void 0;
+		if (!typedEmail) return;
+		try {
+			await client.linkAccount({
+				provider: "email",
+				email: typedEmail,
+				redirectUrl: resolveRedirectUrl()
+			});
+			onConnectEmail?.();
+			toastCtx?.toast(`We sent a link to ${typedEmail} to connect your email.`, {
+				tone: "success",
+				title: "Check your inbox"
+			});
+		} catch (err) {
+			surfaceError(err, "Could not connect email");
+		}
+	}, [
+		client,
+		onConnectEmail,
+		surfaceError,
+		toastCtx
+	]);
+	const handleDisconnectWallet = useCallback(async (wallet) => {
+		const normalizedChain = wallet.chain.toLowerCase();
+		const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
+		try {
+			await client.disconnectAccount(provider);
+			await client.getCurrentUser();
+			onDisconnectWallet?.(wallet);
+		} catch (err) {
+			surfaceError(err, "Could not disconnect wallet");
+		}
+	}, [
+		client,
+		onDisconnectWallet,
+		surfaceError
+	]);
+	const providerActionMap = useMemo(() => ({
+		twitter: {
+			connect: () => {
+				handleConnectTwitter();
+			},
+			disconnect: () => {
+				handleDisconnectTwitter();
+			}
+		},
+		google: {
+			connect: () => {
+				handleConnectGoogle();
+			},
+			disconnect: () => {
+				handleDisconnectGoogle();
+			}
+		},
+		apple: {
+			connect: () => {
+				handleConnectApple();
+			},
+			disconnect: () => {
+				handleDisconnectApple();
+			}
+		},
+		email: { connect: () => {
+			handleConnectEmail();
+		} }
+	}), [
+		handleConnectApple,
+		handleConnectEmail,
+		handleConnectGoogle,
+		handleConnectTwitter,
+		handleDisconnectApple,
+		handleDisconnectGoogle,
+		handleDisconnectTwitter
+	]);
+	const resolvedWallets = useMemo(() => {
+		if (wallets) return wallets;
+		return ((user?.accounts)?.filter((account) => {
+			const provider = account.provider?.toLowerCase();
+			return provider === "wallet" || provider === "solana_wallet";
+		}) ?? []).filter((account) => Boolean(account.providerAccountId)).map((account) => {
+			const chain = account.provider?.toLowerCase() === "solana_wallet" ? "solana" : "evm";
+			const address = account.providerAccountId;
+			return {
+				chain,
+				address,
+				displayAddress: shortenAddress(address, { chain }) ?? address
+			};
+		});
+	}, [user?.accounts, wallets]);
+	return /* @__PURE__ */ jsxs(Modal, {
+		open: open && !isConnectKalshiModalOpen && !isBetdexAccountModalOpen,
+		onOpenChange: handleOpenChange,
+		children: [
+			/* @__PURE__ */ jsxs(Modal.Container, {
+				maxWidth: "800px",
+				"aria-label": "Edit Profile",
+				classNames: { container: cn("agg-profile-modal", "min-h-[37.5rem]") },
+				children: [
+					/* @__PURE__ */ jsx(Modal.Header, {
+						title: "Edit Profile",
+						classNames: { root: "agg-profile-modal-header" }
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "agg-profile-tabs sm:hidden w-full",
+						children: /* @__PURE__ */ jsx(Tabs, {
+							className: "w-full [&>div]:w-full",
+							variant: "underline",
+							classNames: { tabList: "w-full" },
+							items: profileTabItems.map((tab) => ({
+								value: tab.value,
+								label: tab.label,
+								icon: /* @__PURE__ */ jsx(Icon, {
+									name: tab.icon,
+									size: "small"
+								})
+							})),
+							value: activeTab,
+							onChange: (val) => setActiveTab(val)
+						})
+					}),
+					/* @__PURE__ */ jsx(Modal.Body, {
+						classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") },
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: "shrink-0",
+								children: /* @__PURE__ */ jsx("nav", {
+									className: cn("agg-profile-sidebar", "hidden sm:sticky sm:top-0 sm:self-start sm:flex sm:flex-col", "w-[240px]", "overflow-hidden rounded-agg-lg", "border border-agg-separator", "bg-agg-secondary", "py-3"),
+									role: "tablist",
+									"aria-label": "Profile sections",
+									children: profileTabItems.map((tab) => {
+										const isActive = activeTab === tab.value;
+										return /* @__PURE__ */ jsxs("button", {
+											type: "button",
+											role: "tab",
+											"aria-selected": isActive,
+											onClick: () => setActiveTab(tab.value),
+											className: cn("agg-profile-tab-trigger", "relative flex items-center gap-3", "h-[49px] px-6 py-4", "text-agg-sm leading-agg-5 font-agg-sans", "transition-colors cursor-pointer", isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"),
+											children: [
+												isActive ? /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+												/* @__PURE__ */ jsx(Icon, {
+													name: tab.icon,
+													size: "small",
+													color: "currentColor"
+												}),
+												/* @__PURE__ */ jsx("span", {
+													className: "shrink-0 whitespace-nowrap",
+													children: tab.label
+												})
+											]
+										}, tab.value);
+									})
+								})
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "agg-profile-content min-w-0 flex-1",
+								children: [activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ jsxs("div", {
+									className: "agg-profile-accounts-tab flex flex-col gap-8",
+									children: [/* @__PURE__ */ jsx(AboutTab, {
+										username: username ?? user?.username,
+										avatarPreview: user?.avatarUrl ?? avatarPreview,
+										onDeleteProfile,
+										draftUsername,
+										onDraftUsernameChange: setDraftUsername,
+										draftAvatarFile,
+										onDraftAvatarChange: handleDraftAvatarChange,
+										draftAvatarPreview,
+										avatarError: avatarTypeError
+									}), /* @__PURE__ */ jsx(AccountsWalletsTab, {
+										socialAccounts: resolvedSocialAccounts,
+										wallets: resolvedWallets,
+										email: resolvedEmail,
+										onConnectTwitter: providerActionMap.twitter.connect,
+										onDisconnectTwitter: providerActionMap.twitter.disconnect,
+										onConnectGoogle: providerActionMap.google.connect,
+										onDisconnectGoogle: providerActionMap.google.disconnect,
+										onConnectApple: providerActionMap.apple.connect,
+										onDisconnectApple: providerActionMap.apple.disconnect,
+										onDisconnectWallet: (wallet) => {
+											handleDisconnectWallet(wallet);
+										},
+										onConnectEmail: providerActionMap.email.connect
+									})]
+								}) : null, activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ jsx(TradingAccessTab, {
+									venueAccounts: resolvedVenueAccounts,
+									onConnectKalshi: () => setIsConnectKalshiModalOpen(true),
+									onConfigureBetdex: user?.id ? () => setBetdexAccountUserId(user.id) : void 0,
+									onDisconnectKalshi: handleDisconnectKalshi,
+									onKycError
+								}) : null]
+							})]
+						})
+					}),
+					/* @__PURE__ */ jsxs(Modal.Footer, {
+						classNames: { root: "agg-profile-modal-footer" },
+						children: [/* @__PURE__ */ jsx(Button, {
+							variant: "secondary",
+							size: "large",
+							onClick: handleCancel,
+							className: "min-w-[120px]",
+							children: "Cancel"
+						}), /* @__PURE__ */ jsx(Button, {
+							variant: "primary",
+							size: "large",
+							disabled: !hasChanges,
+							isLoading: isSaving,
+							onClick: handleSave,
+							children: "Save changes"
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(ManageBetdexAccountModal, {
+				userId: user?.id,
+				open: open && isBetdexAccountModalOpen,
+				onOpenChange: (isOpen) => setBetdexAccountUserId(isOpen ? user?.id ?? null : null)
+			}, user?.id ?? "signed-out"),
+			/* @__PURE__ */ jsx(ConnectKalshiModal, {
+				open: open && isConnectKalshiModalOpen,
+				onOpenChange: setIsConnectKalshiModalOpen,
+				onVerify: handleVerifyKalshi
+			})
+		]
+	});
+};
+ProfileModal.displayName = "ProfileModal";
+//#endregion
+//#region src/geo-block-modal/index.tsx
+const GeoBlockModal = ({ open, onOpenChange, onConfirm, classNames }) => {
+	const labels = useLabels();
+	const handleConfirm = useCallback(() => {
+		onConfirm?.();
+		onOpenChange(false);
+	}, [onConfirm, onOpenChange]);
+	return /* @__PURE__ */ jsx(Modal, {
+		open,
+		onOpenChange,
+		"aria-label": labels.trading.geoBlockModalAriaLabel,
+		children: /* @__PURE__ */ jsxs(Modal.Container, {
+			maxWidth: "480px",
+			classNames: { container: cn("!rounded-agg-2xl", classNames?.container) },
+			children: [/* @__PURE__ */ jsx(Modal.Header, {
+				title: "",
+				hideBorder: true,
+				classNames: {
+					root: "min-h-0! h-12!",
+					container: "p-0! sm:p-0!",
+					close: "absolute top-8 right-8"
+				}
+			}), /* @__PURE__ */ jsx(Modal.Body, {
+				classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames?.body) },
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col items-center gap-8",
+					children: [
+						/* @__PURE__ */ jsx(Icon, {
+							name: "internet-security",
+							className: "h-[60px] w-[60px] text-agg-muted-foreground"
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col items-center gap-3 text-center",
+							children: [/* @__PURE__ */ jsx("h2", {
+								className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground",
+								children: labels.trading.geoBlockModalTitle
+							}), /* @__PURE__ */ jsx("p", {
+								className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground",
+								children: labels.trading.geoBlockModalDescription
+							})]
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							variant: "secondary",
+							size: "large",
+							className: "h-10 min-w-[140px] px-6",
+							onClick: handleConfirm,
+							children: labels.trading.geoBlockModalConfirm
+						})
+					]
+				})
+			})]
+		})
+	});
+};
+GeoBlockModal.displayName = "GeoBlockModal";
+//#endregion
+export { DepositModal as a, CARD_NETWORK_OPTIONS as c, ConnectAccountsStep as d, ProfileSetupStep as f, PaperOnboardingModal as i, OnboardingModal as l, PaperTradingBadge as m, ProfileModal as n, clearPendingCardSession as o, HowItWorksStep as p, PaperTradingOnboarding as r, getPendingCardSession as s, GeoBlockModal as t, ConnectOnchainModal as u };