@agg-build/ui 2.7.3 → 2.8.0

package/dist/modals.js

@@ -4362,7 +4362,11 @@ var Select = ({
   triggerClassName,
   contentClassName,
   itemClassName,
-  disabled = SELECT_DEFAULT_IS_DISABLED
+  disabled = SELECT_DEFAULT_IS_DISABLED,
+  variant = "default",
+  openOnHover = false,
+  contentAlign = "start",
+  contentSideOffset = 8
 }) => {
   var _a;
   const labels = (0, import_hooks13.useLabels)();
@@ -4373,17 +4377,30 @@ var Select = ({
   const isDisabled = resolveIsSelectDisabled({ disabled, items });
   const selectedItem = resolveSelectedItem(items, value);
   const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
-  const [menuRect, setMenuRect] = (0, import_react2.useState)(
-    null
-  );
+  const [menuRect, setMenuRect] = (0, import_react2.useState)(null);
   const containerRef = (0, import_react2.useRef)(null);
   const portalRef = (0, import_react2.useRef)(null);
-  const handleClose = (0, import_react2.useCallback)(() => setIsOpen(false), []);
+  const closeTimerRef = (0, import_react2.useRef)(null);
+  const openedByHoverRef = (0, import_react2.useRef)(false);
+  const handleClose = (0, import_react2.useCallback)(() => {
+    setIsOpen(false);
+    openedByHoverRef.current = false;
+  }, []);
   const updateMenuRect = (0, import_react2.useCallback)(() => {
     const el = containerRef.current;
     if (!el) return;
     const r = el.getBoundingClientRect();
-    setMenuRect({ top: r.bottom + 8, left: r.left, width: r.width });
+    setMenuRect({
+      top: r.bottom + contentSideOffset,
+      left: r.left,
+      right: r.right,
+      width: r.width
+    });
+  }, [contentSideOffset]);
+  (0, import_react2.useEffect)(() => {
+    return () => {
+      if (closeTimerRef.current) clearTimeout(closeTimerRef.current);
+    };
   }, []);
   (0, import_react2.useLayoutEffect)(() => {
     if (!isOpen) {
@@ -4421,7 +4438,33 @@ var Select = ({
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, handleClose]);
-  const triggerRadiusClass = triggerClassName != null ? triggerClassName : "rounded-agg-md";
+  const handlePointerEnter = (event) => {
+    if (!openOnHover || isDisabled || event.pointerType === "touch") return;
+    if (closeTimerRef.current) {
+      clearTimeout(closeTimerRef.current);
+      closeTimerRef.current = null;
+    }
+    if (isOpen) return;
+    openedByHoverRef.current = true;
+    setIsOpen(true);
+  };
+  const handlePointerLeave = (event) => {
+    if (!openOnHover || event.pointerType === "touch") return;
+    if (closeTimerRef.current) clearTimeout(closeTimerRef.current);
+    closeTimerRef.current = setTimeout(() => {
+      handleClose();
+      closeTimerRef.current = null;
+    }, 120);
+  };
+  const handleTriggerClick = () => {
+    if (openedByHoverRef.current && isOpen) {
+      openedByHoverRef.current = false;
+      return;
+    }
+    setIsOpen((previousValue) => !previousValue);
+  };
+  const isInline = variant === "inline";
+  const triggerRadiusClass = triggerClassName != null ? triggerClassName : isInline ? "rounded-agg-sm" : "rounded-agg-md";
   const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     "div",
     {
@@ -4432,16 +4475,20 @@ var Select = ({
       style: {
         position: "fixed",
         top: menuRect.top,
-        left: menuRect.left,
+        left: contentAlign === "start" ? menuRect.left : void 0,
+        right: contentAlign === "end" ? window.innerWidth - menuRect.right : void 0,
         width: menuRect.width,
         zIndex: SELECT_DROPDOWN_Z
       },
       className: cn(
         AGG_ROOT_CLASS_NAME,
         rootClassName,
-        "agg-select-content pointer-events-auto max-h-[min(20rem,calc(100vh-4rem))] overflow-y-auto rounded-[12px] border border-agg-separator bg-agg-secondary p-2 shadow-[0_8px_16px_rgba(0,0,0,0.1)] flex flex-col gap-1",
+        "agg-select-content pointer-events-auto max-h-[min(20rem,calc(100vh-4rem))] overflow-y-auto border border-agg-separator bg-agg-secondary flex flex-col",
+        isInline ? "min-w-[120px] gap-0 rounded-agg-lg py-1 shadow-[0_8px_16px_rgba(0,0,0,0.12)]" : "gap-1 rounded-[12px] p-2 shadow-[0_8px_16px_rgba(0,0,0,0.1)]",
         contentClassName
       ),
+      onPointerEnter: handlePointerEnter,
+      onPointerLeave: handlePointerLeave,
       children: items.map((item) => {
         const isSelected = item.value === value;
         const isHidden = item.hidden === true;
@@ -4455,9 +4502,10 @@ var Select = ({
             disabled: item.disabled,
             className: cn(
               "agg-select-item",
-              "relative flex w-full items-center gap-3 rounded-[6px] pl-3 pr-5 py-3 text-left text-agg-sm leading-agg-5 outline-none",
+              "relative flex w-full items-center text-left text-agg-sm leading-agg-5 outline-none",
+              isInline ? "gap-2 px-4 py-2" : "gap-3 rounded-[6px] py-3 pl-3 pr-5",
               "hover:bg-agg-secondary-hover focus-visible:bg-agg-secondary-hover",
-              isSelected ? "bg-agg-primary/10 font-agg-normal text-agg-primary" : "font-agg-normal text-agg-foreground",
+              isSelected ? isInline ? "font-agg-bold text-agg-foreground" : "bg-agg-primary/10 font-agg-normal text-agg-primary" : "font-agg-normal text-agg-foreground",
               item.disabled && "cursor-not-allowed opacity-60",
               itemClassName
             ),
@@ -4469,6 +4517,13 @@ var Select = ({
               handleClose();
             },
             children: [
+              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                "span",
+                {
+                  className: "agg-select-item-indicator absolute bottom-2 left-0 top-2 w-1 bg-agg-primary",
+                  "aria-hidden": true
+                }
+              ) : null,
               item.icon ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                 "span",
                 {
@@ -4498,7 +4553,11 @@ var Select = ({
     "div",
     {
       ref: containerRef,
-      className: cn("group/agg-select", "relative inline-flex w-full", className),
+      className: cn(
+        "group/agg-select relative inline-flex",
+        isInline ? "w-auto" : "w-full",
+        className
+      ),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
           "button",
@@ -4510,19 +4569,19 @@ var Select = ({
             disabled: isDisabled,
             className: cn(
               "agg-select-trigger",
-              "flex h-10 w-full items-center gap-2 rounded-[8px] border border-agg-separator bg-agg-secondary px-3 py-[9px] pr-10 font-agg-sans text-agg-sm leading-agg-5 text-agg-foreground outline-none",
-              "flex items-center gap-2 text-left",
+              "flex cursor-pointer items-center gap-2 font-agg-sans text-agg-foreground outline-none disabled:cursor-not-allowed disabled:opacity-60",
+              isInline ? "h-auto w-auto bg-transparent px-2 py-1 pr-8 text-left text-agg-base leading-agg-6" : "h-10 w-full border border-agg-separator bg-agg-secondary px-3 py-[9px] pr-10 text-left text-agg-sm leading-agg-5",
               triggerRadiusClass,
-              getMotionClassName(
+              !isInline && getMotionClassName(
                 enableAnimations,
                 "transition-[border-color,box-shadow] duration-200 ease-in-out"
               ),
-              isOpen && "border-2 border-agg-primary px-[11px] py-2 ring-0",
-              "hover:border-agg-primary",
-              "focus:border-agg-primary focus:ring-0",
-              "disabled:cursor-not-allowed disabled:opacity-60"
+              !isInline && isOpen && "border-2 border-agg-primary px-[11px] py-2 ring-0",
+              !isInline && "hover:border-agg-primary focus:border-agg-primary focus:ring-0"
             ),
-            onClick: () => setIsOpen((previousValue) => !previousValue),
+            onClick: handleTriggerClick,
+            onPointerEnter: handlePointerEnter,
+            onPointerLeave: handlePointerLeave,
             children: [
               (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                 RemoteImage,
@@ -4536,14 +4595,23 @@ var Select = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "agg-select-chevron pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
-          Icon,
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+          "span",
           {
-            name: isOpen ? "chevron-up" : "chevron-down-thin",
-            size: "small",
-            color: "currentColor"
+            className: cn(
+              "agg-select-chevron pointer-events-none absolute inset-y-0 inline-flex items-center justify-center",
+              isInline ? "right-2 text-agg-foreground" : "right-3 text-agg-muted-foreground"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+              Icon,
+              {
+                name: isOpen ? "chevron-up" : "chevron-down-thin",
+                size: "small",
+                color: "currentColor"
+              }
+            )
           }
-        ) }),
+        ),
         isOpen && typeof document !== "undefined" && listbox ? (0, import_react_dom.createPortal)(listbox, resolveSelectPortalContainer(containerRef.current)) : null
       ]
     }
@@ -7078,8 +7146,8 @@ var WithdrawModal = (props) => {
 WithdrawModal.displayName = "WithdrawModal";
 
 // src/onboarding/index.tsx
-var import_react16 = require("react");
-var import_hooks37 = require("@agg-build/hooks");
+var import_react17 = require("react");
+var import_hooks38 = require("@agg-build/hooks");
 var Dialog4 = __toESM(require("@radix-ui/react-dialog"));
 
 // src/onboarding/onboarding-modal.constants.ts
@@ -7185,11 +7253,266 @@ var HowItWorksStep = ({ onContinue, icons }) => {
 HowItWorksStep.displayName = "HowItWorksStep";
 
 // src/onboarding/steps/profile-setup.tsx
-var import_react13 = require("react");
-var import_hooks33 = require("@agg-build/hooks");
+var import_react14 = require("react");
+var import_hooks34 = require("@agg-build/hooks");
 
-// src/primitives/venue-logo/index.tsx
+// src/primitives/currency-input/index.tsx
 var import_hooks31 = require("@agg-build/hooks");
+var import_react10 = require("react");
+
+// src/primitives/currency-input/currency-input.constants.ts
+var CURRENCY_INPUT_DEFAULT_PREFIX = "$";
+var CURRENCY_INPUT_DEFAULT_MIN = 0;
+var CURRENCY_INPUT_DEFAULT_DECIMAL_PLACES = 2;
+var CURRENCY_INPUT_DEFAULT_DISABLED = false;
+var CURRENCY_INPUT_DEFAULT_AUTO_FOCUS = false;
+var CURRENCY_INPUT_DEFAULT_IS_INVALID = false;
+
+// src/primitives/currency-input/currency-input.utils.ts
+var resolveCurrencyInputFormatParts = (locale) => {
+  var _a, _b, _c, _d;
+  const parts = new Intl.NumberFormat(locale).formatToParts(1234.5);
+  return {
+    group: (_b = (_a = parts.find((part) => part.type === "group")) == null ? void 0 : _a.value) != null ? _b : ",",
+    decimal: (_d = (_c = parts.find((part) => part.type === "decimal")) == null ? void 0 : _c.value) != null ? _d : "."
+  };
+};
+var parseCurrencyInputDisplay = (display, prefix, parts) => {
+  let normalizedValue = display.startsWith(prefix) ? display.slice(prefix.length) : display;
+  const escapedGroup = parts.group.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  const escapedDecimal = parts.decimal.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  normalizedValue = normalizedValue.replace(new RegExp(escapedGroup, "g"), "").replace(new RegExp(escapedDecimal), ".");
+  normalizedValue = normalizedValue.replace(/[^0-9.]/g, "");
+  const dotIndex = normalizedValue.indexOf(".");
+  if (dotIndex !== -1) {
+    normalizedValue = normalizedValue.slice(0, dotIndex + 1) + normalizedValue.slice(dotIndex + 1).replace(/\./g, "");
+  }
+  return normalizedValue;
+};
+var normalizeCurrencyInputInitialZero = (nextRaw, previousRaw) => {
+  const prevIsEffectivelyZero = !previousRaw || previousRaw === "0";
+  if (!prevIsEffectivelyZero || nextRaw.includes(".") || nextRaw.length !== 2 || !nextRaw.includes("0")) {
+    return nextRaw;
+  }
+  if (nextRaw === "00") return "0";
+  if (nextRaw.startsWith("0")) return nextRaw.slice(1);
+  if (nextRaw.endsWith("0")) return nextRaw.slice(0, -1);
+  return nextRaw;
+};
+var formatCurrencyInputRawValue = (raw, locale, decimalPlaces, parts) => {
+  if (!raw) return "0";
+  const trailingDot = raw.endsWith(".");
+  const dotIndex = raw.indexOf(".");
+  const decimalDigits = dotIndex >= 0 ? raw.slice(dotIndex + 1) : "";
+  const numericValue = parseFloat(raw);
+  if (isNaN(numericValue)) return "0";
+  const formattedValue = new Intl.NumberFormat(locale, {
+    minimumFractionDigits: decimalDigits.length > 0 ? Math.min(decimalDigits.length, decimalPlaces) : 0,
+    maximumFractionDigits: decimalPlaces
+  }).format(numericValue);
+  return trailingDot ? formattedValue + parts.decimal : formattedValue;
+};
+var clampCurrencyInputValue = (value, min, max) => {
+  const normalizedMinimum = Math.max(min, value);
+  return max !== void 0 ? Math.min(max, normalizedMinimum) : normalizedMinimum;
+};
+var countDigitsBeforePosition = (value, position) => {
+  let count = 0;
+  for (let index = 0; index < position && index < value.length; index += 1) {
+    if (/\d/.test(value[index])) count += 1;
+  }
+  return count;
+};
+var findPositionAfterDigits = (value, digitCount) => {
+  if (digitCount === 0) return 0;
+  let count = 0;
+  for (let index = 0; index < value.length; index += 1) {
+    if (/\d/.test(value[index])) count += 1;
+    if (count === digitCount) return index + 1;
+  }
+  return value.length;
+};
+var sanitizeCurrencyInputPastedValue = (input, parts, decimalPlaces) => {
+  const escapedGroup = parts.group.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  const escapedDecimal = parts.decimal.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  let sanitizedValue = input.replace(new RegExp(escapedGroup, "g"), "").replace(new RegExp(escapedDecimal), ".");
+  sanitizedValue = sanitizedValue.replace(/[^0-9.]/g, "");
+  const firstDotIndex = sanitizedValue.indexOf(".");
+  if (firstDotIndex !== -1) {
+    sanitizedValue = sanitizedValue.slice(0, firstDotIndex + 1) + sanitizedValue.slice(firstDotIndex + 1).replace(/\./g, "");
+  }
+  const dotIndex = sanitizedValue.indexOf(".");
+  if (dotIndex !== -1) {
+    sanitizedValue = sanitizedValue.slice(0, dotIndex + 1 + decimalPlaces);
+  }
+  return sanitizedValue;
+};
+
+// src/primitives/currency-input/index.tsx
+var import_jsx_runtime122 = require("react/jsx-runtime");
+var CurrencyInput = ({
+  value,
+  onChange,
+  prefix = CURRENCY_INPUT_DEFAULT_PREFIX,
+  min = CURRENCY_INPUT_DEFAULT_MIN,
+  max,
+  decimalPlaces = CURRENCY_INPUT_DEFAULT_DECIMAL_PLACES,
+  disabled = CURRENCY_INPUT_DEFAULT_DISABLED,
+  autoFocus = CURRENCY_INPUT_DEFAULT_AUTO_FOCUS,
+  isInvalid = CURRENCY_INPUT_DEFAULT_IS_INVALID,
+  classNames,
+  ariaLabel,
+  onFocus,
+  onBlur
+}) => {
+  const {
+    general: { locale }
+  } = (0, import_hooks31.useSdkUiConfig)();
+  const parts = (0, import_react10.useMemo)(() => resolveCurrencyInputFormatParts(locale), [locale]);
+  const [raw, setRaw] = (0, import_react10.useState)(() => value >= 0 ? String(value) : "");
+  const isEditingRef = (0, import_react10.useRef)(false);
+  const inputRef = (0, import_react10.useRef)(null);
+  const caretPosRef = (0, import_react10.useRef)(null);
+  (0, import_react10.useEffect)(() => {
+    if (!isEditingRef.current) {
+      setRaw(value >= 0 ? String(value) : "");
+    }
+  }, [value]);
+  const numericDisplay = formatCurrencyInputRawValue(raw, locale, decimalPlaces, parts);
+  const displayValue = prefix + numericDisplay;
+  (0, import_react10.useLayoutEffect)(() => {
+    if (caretPosRef.current !== null && inputRef.current) {
+      inputRef.current.setSelectionRange(caretPosRef.current, caretPosRef.current);
+      caretPosRef.current = null;
+    }
+  }, [displayValue]);
+  const handleGuardCaret = () => {
+    var _a, _b, _c, _d;
+    const inputElement = inputRef.current;
+    if (!inputElement) return;
+    const minPosition = prefix.length;
+    if (((_a = inputElement.selectionStart) != null ? _a : 0) < minPosition || ((_b = inputElement.selectionEnd) != null ? _b : 0) < minPosition) {
+      inputElement.setSelectionRange(
+        Math.max((_c = inputElement.selectionStart) != null ? _c : 0, minPosition),
+        Math.max((_d = inputElement.selectionEnd) != null ? _d : 0, minPosition)
+      );
+    }
+  };
+  const handleSelect = () => {
+    handleGuardCaret();
+  };
+  const handleKeyDown = (event) => {
+    var _a, _b, _c;
+    const inputElement = inputRef.current;
+    if (!inputElement) return;
+    const minPosition = prefix.length;
+    if (event.key === "Backspace" && ((_a = inputElement.selectionStart) != null ? _a : 0) <= minPosition && inputElement.selectionStart === inputElement.selectionEnd) {
+      event.preventDefault();
+    }
+    if (event.key === "ArrowLeft" && ((_b = inputElement.selectionStart) != null ? _b : 0) <= minPosition && !event.shiftKey) {
+      event.preventDefault();
+    }
+    if (event.key === "Home") {
+      event.preventDefault();
+      if (event.shiftKey) {
+        inputElement.setSelectionRange(minPosition, (_c = inputElement.selectionEnd) != null ? _c : minPosition);
+      } else {
+        inputElement.setSelectionRange(minPosition, minPosition);
+      }
+    }
+  };
+  const handleChange = (event) => {
+    var _a;
+    isEditingRef.current = true;
+    const inputValue = event.target.value;
+    if (!inputValue.startsWith(prefix)) {
+      const strippedValue = parseCurrencyInputDisplay(inputValue, prefix, parts);
+      if (!strippedValue) {
+        setRaw("");
+        onChange == null ? void 0 : onChange(min);
+        caretPosRef.current = prefix.length;
+        return;
+      }
+    }
+    const previousCaretPosition = (_a = event.target.selectionStart) != null ? _a : 0;
+    const numericPortion = inputValue.slice(prefix.length);
+    const caretInNumericPortion = Math.max(0, previousCaretPosition - prefix.length);
+    const digitsBeforeCaret = countDigitsBeforePosition(numericPortion, caretInNumericPortion);
+    const nextRaw = normalizeCurrencyInputInitialZero(
+      parseCurrencyInputDisplay(inputValue, prefix, parts),
+      raw
+    );
+    const dotIndex = nextRaw.indexOf(".");
+    const clampedRaw = dotIndex !== -1 ? nextRaw.slice(0, dotIndex + 1 + decimalPlaces) : nextRaw;
+    const numericValue = parseFloat(clampedRaw);
+    const clampedNumericValue = isNaN(numericValue) ? min : clampCurrencyInputValue(numericValue, min, max);
+    const wasValueClamped = !isNaN(numericValue) && clampedNumericValue !== numericValue;
+    const resolvedRaw = wasValueClamped ? String(clampedNumericValue) : clampedRaw;
+    setRaw(resolvedRaw);
+    onChange == null ? void 0 : onChange(clampedNumericValue);
+    const nextNumericDisplay = formatCurrencyInputRawValue(
+      resolvedRaw,
+      locale,
+      decimalPlaces,
+      parts
+    );
+    caretPosRef.current = wasValueClamped || resolvedRaw.endsWith(".") ? prefix.length + nextNumericDisplay.length : prefix.length + findPositionAfterDigits(nextNumericDisplay, digitsBeforeCaret);
+  };
+  const handlePaste = (event) => {
+    event.preventDefault();
+    const pastedValue = event.clipboardData.getData("text/plain");
+    const clampedValue = sanitizeCurrencyInputPastedValue(pastedValue, parts, decimalPlaces);
+    if (!clampedValue) return;
+    const numericValue = parseFloat(clampedValue);
+    const clampedNumericValue = isNaN(numericValue) ? min : clampCurrencyInputValue(numericValue, min, max);
+    const resolvedRaw = clampedNumericValue !== numericValue ? String(clampedNumericValue) : clampedValue;
+    setRaw(resolvedRaw);
+    onChange == null ? void 0 : onChange(clampedNumericValue);
+  };
+  const handleFocus = () => {
+    isEditingRef.current = true;
+    requestAnimationFrame(handleGuardCaret);
+    onFocus == null ? void 0 : onFocus();
+  };
+  const handleBlur = () => {
+    isEditingRef.current = false;
+    const numericValue = parseFloat(raw);
+    const nextValue = isNaN(numericValue) ? min : clampCurrencyInputValue(numericValue, min, max);
+    setRaw(nextValue >= 0 ? String(nextValue) : "");
+    onChange == null ? void 0 : onChange(nextValue);
+    onBlur == null ? void 0 : onBlur();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+    "input",
+    {
+      ref: inputRef,
+      type: "text",
+      inputMode: "decimal",
+      autoFocus,
+      value: displayValue,
+      disabled,
+      "aria-label": ariaLabel,
+      "aria-invalid": isInvalid || void 0,
+      className: cn(
+        "min-w-0 bg-transparent outline-none",
+        disabled && "cursor-not-allowed opacity-50",
+        isInvalid && "text-agg-error",
+        classNames == null ? void 0 : classNames.root,
+        classNames == null ? void 0 : classNames.input
+      ),
+      onChange: handleChange,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onPaste: handlePaste,
+      onSelect: handleSelect,
+      onKeyDown: handleKeyDown
+    }
+  );
+};
+CurrencyInput.displayName = "CurrencyInput";
+
+// src/primitives/venue-logo/index.tsx
+var import_hooks32 = require("@agg-build/hooks");
 
 // src/primitives/venue-logo/venue-logo.utils.ts
 var resolveVenueLogoLabel = ({
@@ -7209,7 +7532,7 @@ var resolveVenueLogoIsColor = ({
 };
 
 // src/primitives/venue-logo/index.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
   variant = "icon",
@@ -7222,7 +7545,7 @@ var VenueLogo = ({
   title
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks31.useLabels)();
+  const labels = (0, import_hooks32.useLabels)();
   const sizeClass = sizeClasses[size];
   const resolvedLabel = resolveVenueLogoLabel({
     ariaLabel,
@@ -7235,7 +7558,7 @@ var VenueLogo = ({
     console.warn(`[AggUI] Unknown venue "${venue}" \u2014 using default logo`);
   }
   if (variant === "logo") {
-    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
       RemoteImage,
       {
         src: (_a = venueLogoUrlRegistry[venue]) != null ? _a : DEFAULT_VENUE_LOGO_URL,
@@ -7250,7 +7573,7 @@ var VenueLogo = ({
     isColor,
     isMonochromatic
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     Component,
     {
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
@@ -7264,19 +7587,19 @@ var VenueLogo = ({
 VenueLogo.displayName = "VenueLogo";
 
 // src/primitives/tabs/index.tsx
-var import_hooks32 = require("@agg-build/hooks");
-var import_react11 = require("react");
+var import_hooks33 = require("@agg-build/hooks");
+var import_react12 = require("react");
 
 // src/shared/use-horizontal-scroll-state.ts
-var import_react10 = require("react");
+var import_react11 = require("react");
 var useHorizontalScrollState = () => {
-  const containerRef = (0, import_react10.useRef)(null);
-  const [hasOverflow, setHasOverflow] = (0, import_react10.useState)(false);
-  const [isAtStart, setIsAtStart] = (0, import_react10.useState)(true);
-  const [isAtEnd, setIsAtEnd] = (0, import_react10.useState)(true);
-  const [canScrollLeft, setCanScrollLeft] = (0, import_react10.useState)(false);
-  const [canScrollRight, setCanScrollRight] = (0, import_react10.useState)(false);
-  const update = (0, import_react10.useCallback)(() => {
+  const containerRef = (0, import_react11.useRef)(null);
+  const [hasOverflow, setHasOverflow] = (0, import_react11.useState)(false);
+  const [isAtStart, setIsAtStart] = (0, import_react11.useState)(true);
+  const [isAtEnd, setIsAtEnd] = (0, import_react11.useState)(true);
+  const [canScrollLeft, setCanScrollLeft] = (0, import_react11.useState)(false);
+  const [canScrollRight, setCanScrollRight] = (0, import_react11.useState)(false);
+  const update = (0, import_react11.useCallback)(() => {
     const el = containerRef.current;
     if (!el) return;
     const epsilon = 2;
@@ -7289,13 +7612,13 @@ var useHorizontalScrollState = () => {
     setCanScrollLeft(nextHasOverflow && !nextIsAtStart);
     setCanScrollRight(nextHasOverflow && !nextIsAtEnd);
   }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const el = containerRef.current;
     if (!el) return;
     el.addEventListener("scroll", update, { passive: true });
     return () => el.removeEventListener("scroll", update);
   }, [update]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (typeof ResizeObserver === "undefined") return;
     const el = containerRef.current;
     if (!el) return;
@@ -7339,7 +7662,7 @@ var findEdgeEnabledIndex = (items, direction) => {
 };
 
 // src/primitives/tabs/index.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 var getTabButtonClassName = ({
   enableAnimations,
   isBarVariant,
@@ -7382,12 +7705,12 @@ var Tabs = ({
   className,
   classNames
 }) => {
-  const labels = (0, import_hooks32.useLabels)();
+  const labels = (0, import_hooks33.useLabels)();
   const {
     features: { enableAnimations }
-  } = (0, import_hooks32.useSdkUiConfig)();
-  const buttonRefs = (0, import_react11.useRef)([]);
-  const dragStateRef = (0, import_react11.useRef)({
+  } = (0, import_hooks33.useSdkUiConfig)();
+  const buttonRefs = (0, import_react12.useRef)([]);
+  const dragStateRef = (0, import_react12.useRef)({
     isPointerDown: false,
     isDragging: false,
     pointerId: null,
@@ -7395,11 +7718,11 @@ var Tabs = ({
     startClientY: 0,
     startScrollLeft: 0
   });
-  const suppressClickRef = (0, import_react11.useRef)(false);
+  const suppressClickRef = (0, import_react12.useRef)(false);
   const resolvedAriaLabel = ariaLabel != null ? ariaLabel : labels.common.tabsAria;
-  const [isMobileViewport, setIsMobileViewport] = (0, import_react11.useState)(false);
-  const [isDraggingTabs, setIsDraggingTabs] = (0, import_react11.useState)(false);
-  const [activeUnderlineStyle, setActiveUnderlineStyle] = (0, import_react11.useState)({
+  const [isMobileViewport, setIsMobileViewport] = (0, import_react12.useState)(false);
+  const [isDraggingTabs, setIsDraggingTabs] = (0, import_react12.useState)(false);
+  const [activeUnderlineStyle, setActiveUnderlineStyle] = (0, import_react12.useState)({
     transform: "translateX(0px)",
     width: 0,
     opacity: 0
@@ -7414,14 +7737,14 @@ var Tabs = ({
     update: updateScrollState
   } = useHorizontalScrollState();
   const isBarVariant = variant === "bar";
-  const resolvedOverflowBehavior = (0, import_react11.useMemo)(() => {
+  const resolvedOverflowBehavior = (0, import_react12.useMemo)(() => {
     if (overflowBehavior) return overflowBehavior;
     if (!isBarVariant) return "scroll";
     return isMobileViewport ? "select" : "scroll";
   }, [isBarVariant, isMobileViewport, overflowBehavior]);
   const shouldUseOverflowScroll = resolvedOverflowBehavior === "scroll";
   const shouldUseOverflowSelect = resolvedOverflowBehavior === "select";
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (typeof window === "undefined") return;
     const mediaQueryList = window.matchMedia(MOBILE_TABS_MEDIA_QUERY);
     const handleMediaQueryChange = (event) => {
@@ -7439,12 +7762,12 @@ var Tabs = ({
       mediaQueryList.removeListener(handleMediaQueryChange);
     };
   }, []);
-  const renderedItems = (0, import_react11.useMemo)(() => {
+  const renderedItems = (0, import_react12.useMemo)(() => {
     return items.map((item) => __spreadProps(__spreadValues({}, item), {
       disabled: item.disabled || item.isComingSoon
     }));
   }, [items]);
-  const selectItems = (0, import_react11.useMemo)(() => {
+  const selectItems = (0, import_react12.useMemo)(() => {
     return renderedItems.map((item) => ({
       value: item.value,
       label: item.isComingSoon ? `${item.label} (soon)` : item.label,
@@ -7577,7 +7900,7 @@ var Tabs = ({
     event == null ? void 0 : event.stopPropagation();
     suppressClickRef.current = false;
   };
-  const updateActiveUnderline = (0, import_react11.useCallback)(() => {
+  const updateActiveUnderline = (0, import_react12.useCallback)(() => {
     if (isBarVariant) {
       setActiveUnderlineStyle({
         transform: "translateX(0px)",
@@ -7600,10 +7923,10 @@ var Tabs = ({
       opacity: 1
     });
   }, [isBarVariant, renderedItems, value]);
-  (0, import_react11.useLayoutEffect)(() => {
+  (0, import_react12.useLayoutEffect)(() => {
     updateActiveUnderline();
   }, [updateActiveUnderline]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (isBarVariant || !shouldUseOverflowScroll) return;
     const tabListElement = tabListRef.current;
     if (!tabListElement) return;
@@ -7615,11 +7938,11 @@ var Tabs = ({
       tabListElement.removeEventListener("scroll", handleScroll);
     };
   }, [isBarVariant, shouldUseOverflowScroll, tabListRef, updateActiveUnderline]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!shouldUseOverflowScroll) return;
     updateScrollState();
   }, [renderedItems, shouldUseOverflowScroll, updateScrollState, value]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (isBarVariant || !shouldUseOverflowScroll) return;
     if (typeof ResizeObserver === "undefined") return;
     const tabListElement = tabListRef.current;
@@ -7632,7 +7955,7 @@ var Tabs = ({
       resizeObserver.disconnect();
     };
   }, [isBarVariant, shouldUseOverflowScroll, tabListRef, updateActiveUnderline]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!shouldUseOverflowScroll) return;
     const tabListElement = tabListRef.current;
     if (!tabListElement) return;
@@ -7660,7 +7983,7 @@ var Tabs = ({
     });
   }, [enableAnimations, renderedItems, shouldUseOverflowScroll, updateScrollState, value]);
   if (shouldUseOverflowSelect) {
-    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
       Select,
       {
         ariaLabel,
@@ -7672,7 +7995,7 @@ var Tabs = ({
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
     "div",
     {
       className: cn(
@@ -7683,7 +8006,7 @@ var Tabs = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
           "div",
           {
             ref: tabListRef,
@@ -7697,7 +8020,7 @@ var Tabs = ({
             onPointerUp: handleEndTabListDrag,
             onWheel: handleTabListWheel,
             children: [
-              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                 "span",
                 {
                   "aria-hidden": true,
@@ -7708,7 +8031,7 @@ var Tabs = ({
                 var _a;
                 const isActive = item.value === value;
                 const isComingSoon = (_a = item == null ? void 0 : item.isComingSoon) != null ? _a : false;
-                return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
                   "button",
                   {
                     ref: (buttonElement) => {
@@ -7744,7 +8067,7 @@ var Tabs = ({
                     ),
                     children: [
                       item.icon ? item.icon : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
                         "span",
                         {
                           className: cn(
@@ -7762,7 +8085,7 @@ var Tabs = ({
                   item.value
                 );
               }),
-              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                 "span",
                 {
                   "aria-hidden": true,
@@ -7781,8 +8104,8 @@ var Tabs = ({
             ]
           }
         ),
-        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -7794,7 +8117,7 @@ var Tabs = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -7807,8 +8130,8 @@ var Tabs = ({
             }
           )
         ] }) : null,
-        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
             "button",
             {
               type: "button",
@@ -7830,10 +8153,10 @@ var Tabs = ({
                   behavior: getScrollBehavior(enableAnimations)
                 });
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
             "button",
             {
               type: "button",
@@ -7855,7 +8178,7 @@ var Tabs = ({
                   behavior: getScrollBehavior(enableAnimations)
                 });
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
             }
           )
         ] }) : null
@@ -7867,26 +8190,26 @@ Tabs.displayName = "Tabs";
 
 // src/primitives/toast/index.tsx
 var RadixToast = __toESM(require("@radix-ui/react-toast"));
-var import_react12 = require("react");
-var import_jsx_runtime124 = require("react/jsx-runtime");
-var ToastContext = (0, import_react12.createContext)(null);
+var import_react13 = require("react");
+var import_jsx_runtime125 = require("react/jsx-runtime");
+var ToastContext = (0, import_react13.createContext)(null);
 function useOptionalToast() {
-  return (0, import_react12.useContext)(ToastContext);
+  return (0, import_react13.useContext)(ToastContext);
 }
 
 // src/onboarding/steps/profile-setup.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 var ProfileSetupStep = ({ onContinue }) => {
-  const labels = (0, import_hooks33.useLabels)();
-  const [username, setUsername] = (0, import_react13.useState)("");
-  const [avatarFile, setAvatarFile] = (0, import_react13.useState)();
-  const [avatarPreview, setAvatarPreview] = (0, import_react13.useState)();
-  const fileInputRef = (0, import_react13.useRef)(null);
-  const handleAvatarClick = (0, import_react13.useCallback)(() => {
+  const labels = (0, import_hooks34.useLabels)();
+  const [username, setUsername] = (0, import_react14.useState)("");
+  const [avatarFile, setAvatarFile] = (0, import_react14.useState)();
+  const [avatarPreview, setAvatarPreview] = (0, import_react14.useState)();
+  const fileInputRef = (0, import_react14.useRef)(null);
+  const handleAvatarClick = (0, import_react14.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react13.useCallback)((e) => {
+  const handleFileChange = (0, import_react14.useCallback)((e) => {
     var _a;
     const file = (_a = e.target.files) == null ? void 0 : _a[0];
     if (!file) return;
@@ -7898,18 +8221,18 @@ var ProfileSetupStep = ({ onContinue }) => {
     };
     reader.readAsDataURL(file);
   }, []);
-  const handleContinue = (0, import_react13.useCallback)(() => {
+  const handleContinue = (0, import_react14.useCallback)(() => {
     onContinue({
       username,
       avatarFile,
       avatarPreview
     });
   }, [username, avatarFile, avatarPreview, onContinue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-7", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex justify-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-7", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
           "button",
           {
             type: "button",
@@ -7925,13 +8248,13 @@ var ProfileSetupStep = ({ onContinue }) => {
             ),
             "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
             children: [
-              !avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+              !avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
                 "svg",
                 {
                   "aria-hidden": true,
                   viewBox: "0 0 80 80",
                   className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
                     "circle",
                     {
                       cx: "40",
@@ -7945,18 +8268,18 @@ var ProfileSetupStep = ({ onContinue }) => {
                   )
                 }
               ) : null,
-              avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+              avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
                 RemoteImage,
                 {
                   src: avatarPreview,
                   alt: labels.onboarding.profileSetup.profilePreviewAlt,
                   className: "h-full w-full object-cover"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
           "input",
           {
             ref: fileInputRef,
@@ -7968,8 +8291,8 @@ var ProfileSetupStep = ({ onContinue }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
           "label",
           {
             htmlFor: "onboarding-username",
@@ -7977,7 +8300,7 @@ var ProfileSetupStep = ({ onContinue }) => {
             children: labels.onboarding.profileSetup.usernameLabel
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
           "input",
           {
             id: "onboarding-username",
@@ -8001,16 +8324,16 @@ var ProfileSetupStep = ({ onContinue }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
   ] });
 };
 ProfileSetupStep.displayName = "ProfileSetupStep";
 
 // src/onboarding/steps/connect-accounts.tsx
-var import_hooks34 = require("@agg-build/hooks");
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_hooks35 = require("@agg-build/hooks");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
 };
 var VenueCard = ({
   logos,
@@ -8021,8 +8344,8 @@ var VenueCard = ({
   onConnect,
   connected = false
 }) => {
-  const labels = (0, import_hooks34.useLabels)();
-  const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+  const labels = (0, import_hooks35.useLabels)();
+  const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
     Button,
     {
       variant: "tertiary",
@@ -8032,18 +8355,18 @@ var VenueCard = ({
       children: labels.onboarding.connectAccounts.connect
     }
   );
-  const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+  const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime127.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__ */ (0, import_jsx_runtime126.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
+      suffix: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
       children: labels.onboarding.connectAccounts.connectAccount
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
     "div",
     {
       className: cn(
@@ -8051,23 +8374,23 @@ var VenueCard = ({
         connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex items-center gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "shrink-0", children: action })
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "shrink-0", children: action })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
             mobileAction
           ] })
         ] })
@@ -8080,14 +8403,14 @@ var ConnectAccountsStep = ({
   onContinue,
   connectedOnchain = false
 }) => {
-  const labels = (0, import_hooks34.useLabels)();
+  const labels = (0, import_hooks35.useLabels)();
   const canContinue = connectedOnchain;
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       VenueCard,
       {
-        logos: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(OnchainVenueLogos, {}),
+        logos: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(OnchainVenueLogos, {}),
         title: labels.onboarding.connectAccounts.onchainTitle,
         mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
           ONCHAIN_VENUES.length - 1
@@ -8098,7 +8421,7 @@ var ConnectAccountsStep = ({
         connected: connectedOnchain
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       Button,
       {
         variant: "primary",
@@ -8114,22 +8437,22 @@ var ConnectAccountsStep = ({
 ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
-var import_react14 = require("react");
-var import_hooks35 = require("@agg-build/hooks");
+var import_react15 = require("react");
+var import_hooks36 = require("@agg-build/hooks");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var ConnectOnchainModal = ({
   open,
   onOpenChange,
   onConnect
 }) => {
-  const labels = (0, import_hooks35.useLabels)();
-  const [connecting, setConnecting] = (0, import_react14.useState)(false);
-  const [error, setError] = (0, import_react14.useState)();
-  const handleCancel = (0, import_react14.useCallback)(() => {
+  const labels = (0, import_hooks36.useLabels)();
+  const [connecting, setConnecting] = (0, import_react15.useState)(false);
+  const [error, setError] = (0, import_react15.useState)();
+  const handleCancel = (0, import_react15.useCallback)(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleConnect = (0, import_react14.useCallback)(() => __async(null, null, function* () {
+  const handleConnect = (0, import_react15.useCallback)(() => __async(null, null, function* () {
     if (connecting) return;
     setConnecting(true);
     setError(void 0);
@@ -8144,7 +8467,7 @@ var ConnectOnchainModal = ({
       setConnecting(false);
     }
   }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
-  const handleOpenChange = (0, import_react14.useCallback)(
+  const handleOpenChange = (0, import_react15.useCallback)(
     (value) => {
       if (value) {
         setError(void 0);
@@ -8154,15 +8477,15 @@ var ConnectOnchainModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           Modal.Header,
           {
             hideClose: false,
@@ -8173,26 +8496,26 @@ var ConnectOnchainModal = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
-              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(VenueLogo, { venue, size: "medium" }),
-              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
+              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(VenueLogo, { venue, size: "medium" }),
+              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
             ] }, venue)) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
-              error ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-                /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
+              error ? /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -8203,7 +8526,7 @@ var ConnectOnchainModal = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
               Button,
               {
                 variant: "tertiary",
@@ -8222,12 +8545,12 @@ var ConnectOnchainModal = ({
 ConnectOnchainModal.displayName = "ConnectOnchainModal";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
-var import_hooks36 = require("@agg-build/hooks");
+var import_hooks37 = require("@agg-build/hooks");
 var import_sdk11 = require("@agg-build/sdk");
 var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_zod = require("zod");
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 var kalshiCredentialsSchema = import_zod.z.object({
   apiKeyId: import_zod.z.string().trim().min(1),
   privateKey: import_zod.z.string().trim().min(1)
@@ -8249,25 +8572,25 @@ var ConnectKalshiModal = ({
   onOpenChange,
   onVerify
 }) => {
-  const labels = (0, import_hooks36.useLabels)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks36.useAppConfig)();
-  const apiKeyInputRef = (0, import_react15.useRef)(null);
-  const errorId = (0, import_react15.useId)();
-  const [apiKeyId, setApiKeyId] = (0, import_react15.useState)("");
-  const [privateKey, setPrivateKey] = (0, import_react15.useState)("");
-  const [isVerifying, setIsVerifying] = (0, import_react15.useState)(false);
-  const [isConnected, setIsConnected] = (0, import_react15.useState)(false);
-  const [error, setError] = (0, import_react15.useState)();
-  const availabilityState = (0, import_hooks36.getVenueAvailabilityState)({
+  const labels = (0, import_hooks37.useLabels)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks37.useAppConfig)();
+  const apiKeyInputRef = (0, import_react16.useRef)(null);
+  const errorId = (0, import_react16.useId)();
+  const [apiKeyId, setApiKeyId] = (0, import_react16.useState)("");
+  const [privateKey, setPrivateKey] = (0, import_react16.useState)("");
+  const [isVerifying, setIsVerifying] = (0, import_react16.useState)(false);
+  const [isConnected, setIsConnected] = (0, import_react16.useState)(false);
+  const [error, setError] = (0, import_react16.useState)();
+  const availabilityState = (0, import_hooks37.getVenueAvailabilityState)({
     venueId: import_sdk11.Venue.kalshi,
     disabledVenues,
     isConfigLoading: isAppConfigLoading
   });
-  const parsedCredentials = (0, import_react15.useMemo)(
+  const parsedCredentials = (0, import_react16.useMemo)(
     () => kalshiCredentialsSchema.safeParse({ apiKeyId, privateKey }),
     [apiKeyId, privateKey]
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!open) return;
     setApiKeyId("");
     setPrivateKey("");
@@ -8280,14 +8603,14 @@ var ConnectKalshiModal = ({
     });
     return () => window.cancelAnimationFrame(animationFrame);
   }, [open]);
-  const handleOpenChange = (0, import_react15.useCallback)(
+  const handleOpenChange = (0, import_react16.useCallback)(
     (nextOpen) => {
       if (isVerifying && !nextOpen) return;
       onOpenChange(nextOpen);
     },
     [isVerifying, onOpenChange]
   );
-  const handleVerify = (0, import_react15.useCallback)(() => __async(null, null, function* () {
+  const handleVerify = (0, import_react16.useCallback)(() => __async(null, null, function* () {
     if (!parsedCredentials.success || isVerifying || isConnected) return;
     const credentials = parsedCredentials.data;
     setIsVerifying(true);
@@ -8314,7 +8637,7 @@ var ConnectKalshiModal = ({
     onVerify,
     parsedCredentials
   ]);
-  const handleSubmit = (0, import_react15.useCallback)(
+  const handleSubmit = (0, import_react16.useCallback)(
     (event) => {
       event.preventDefault();
       void handleVerify();
@@ -8322,30 +8645,30 @@ var ConnectKalshiModal = ({
     [handleVerify]
   );
   if (availabilityState === "hidden") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
       classNames: { container: "!rounded-agg-2xl" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex h-[60px] shrink-0 items-center justify-end px-8", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "flex h-[60px] shrink-0 items-center justify-end px-8", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
           Dialog3.Close,
           {
             "aria-label": labels.common.close,
             className: "flex size-10 cursor-pointer items-center justify-center rounded-agg-full text-agg-secondary transition-colors hover:bg-agg-quaternary hover:text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-accent disabled:cursor-default disabled:opacity-50",
             disabled: isVerifying,
-            children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon, { name: "close", size: "medium" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { name: "close", size: "medium" })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Modal.Body, { classNames: { root: "!px-5 !pb-12 !pt-0 sm:!px-10" }, children: isConnected ? /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Modal.Body, { classNames: { root: "!px-5 !pb-12 !pt-0 sm:!px-10" }, children: isConnected ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
           "div",
           {
             className: "flex flex-col items-center gap-8 pb-3 text-center",
             role: "status",
             "aria-live": "polite",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex size-[60px] items-center justify-center rounded-agg-full bg-agg-success", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "flex size-[60px] items-center justify-center rounded-agg-full bg-agg-success", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                 Icon,
                 {
                   name: "success-check",
@@ -8353,11 +8676,11 @@ var ConnectKalshiModal = ({
                   "aria-hidden": "true"
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Dialog3.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.title }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Dialog3.Description, { className: "max-w-[480px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.description })
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Dialog3.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.title }),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Dialog3.Description, { className: "max-w-[480px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.description })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -8369,27 +8692,27 @@ var ConnectKalshiModal = ({
               )
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("form", { className: "flex flex-col items-center gap-8", onSubmit: handleSubmit, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(VenueLogo, { venue: import_sdk11.Venue.kalshi, variant: "logo", size: "large", className: "size-[60px]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Dialog3.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Dialog3.Description, { className: "max-w-[520px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
+        ) : /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("form", { className: "flex flex-col items-center gap-8", onSubmit: handleSubmit, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(VenueLogo, { venue: import_sdk11.Venue.kalshi, variant: "logo", size: "large", className: "size-[60px]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Dialog3.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Dialog3.Description, { className: "max-w-[520px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("p", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                     "a",
                     {
                       href: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl,
@@ -8400,34 +8723,34 @@ var ConnectKalshiModal = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
                 labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("br", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("br", {}),
                 labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-api-key-id",
@@ -8435,7 +8758,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                   "input",
                   {
                     ref: apiKeyInputRef,
@@ -8457,8 +8780,8 @@ var ConnectKalshiModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-private-key",
@@ -8466,7 +8789,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                   "textarea",
                   {
                     id: "kalshi-private-key",
@@ -8489,22 +8812,22 @@ var ConnectKalshiModal = ({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex w-full items-center justify-between gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon, { name: "document", size: "small", className: "size-4 text-agg-primary" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex w-full items-center justify-between gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { name: "document", size: "small", className: "size-4 text-agg-primary" }),
                 labels.onboarding.connectKalshiModal.help.docsLinkLabel
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon, { name: "play-square", size: "small", className: "size-4 text-agg-primary" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { name: "play-square", size: "small", className: "size-4 text-agg-primary" }),
                 labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col items-center gap-5", children: [
-            error ? /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col items-center gap-5", children: [
+            error ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
               "div",
               {
                 id: errorId,
@@ -8512,13 +8835,13 @@ var ConnectKalshiModal = ({
                 role: "alert",
                 "aria-live": "assertive",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon, { name: "warning", size: "small", className: "size-3.5 text-agg-error" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { name: "warning", size: "small", className: "size-3.5 text-agg-error" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
                 ]
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                 Button,
                 {
                   variant: "secondary",
@@ -8528,7 +8851,7 @@ var ConnectKalshiModal = ({
                   children: labels.onboarding.connectKalshiModal.actions.cancel
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                 Button,
                 {
                   type: "submit",
@@ -8549,7 +8872,7 @@ var ConnectKalshiModal = ({
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
 // src/onboarding/index.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 var OnboardingModal = ({
   open,
   onOpenChange,
@@ -8560,55 +8883,55 @@ var OnboardingModal = ({
   connectedOnchain = false
 }) => {
   var _a;
-  const labels = (0, import_hooks37.useLabels)();
-  const [step, setStep] = (0, import_react16.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
+  const labels = (0, import_hooks38.useLabels)();
+  const [step, setStep] = (0, import_react17.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
   const stepLabels = {
     [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
     [ONBOARDING_STEPS.PROFILE_SETUP]: labels.onboarding.modal.stepProfileSetup,
     [ONBOARDING_STEPS.CONNECT_ACCOUNTS]: labels.onboarding.modal.stepConnectAccounts
   };
   const resolvedTitle = (_a = stepLabels[step]) != null ? _a : labels.onboarding.modal.title;
-  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react16.useState)(false);
-  const [onchainConnected, setOnchainConnected] = (0, import_react16.useState)(false);
-  (0, import_react16.useEffect)(() => {
+  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react17.useState)(false);
+  const [onchainConnected, setOnchainConnected] = (0, import_react17.useState)(false);
+  (0, import_react17.useEffect)(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
       setOnchainConnected(false);
     }
   }, [open]);
-  const handleHowItWorksContinue = (0, import_react16.useCallback)(() => {
+  const handleHowItWorksContinue = (0, import_react17.useCallback)(() => {
     setStep(ONBOARDING_STEPS.PROFILE_SETUP);
   }, []);
-  const handleProfileContinue = (0, import_react16.useCallback)(
+  const handleProfileContinue = (0, import_react17.useCallback)(
     (data) => {
       onProfileSubmit == null ? void 0 : onProfileSubmit(data);
       setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
     },
     [onProfileSubmit]
   );
-  const handleConnectContinue = (0, import_react16.useCallback)(() => {
+  const handleConnectContinue = (0, import_react17.useCallback)(() => {
     onComplete == null ? void 0 : onComplete();
   }, [onComplete]);
-  const handleOpenOnchainModal = (0, import_react16.useCallback)(() => {
+  const handleOpenOnchainModal = (0, import_react17.useCallback)(() => {
     setOnchainModalOpen(true);
   }, []);
-  const handleOnchainConnect = (0, import_react16.useCallback)(() => __async(null, null, function* () {
+  const handleOnchainConnect = (0, import_react17.useCallback)(() => __async(null, null, function* () {
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_jsx_runtime130.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
       Modal.Container,
       {
         maxWidth: "600px",
         "aria-label": resolvedTitle,
         classNames: { container: "!rounded-agg-lg" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Dialog4.Title, { className: "sr-only", children: resolvedTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
-            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
-            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
-            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Dialog4.Title, { className: "sr-only", children: resolvedTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
+            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
+            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
+            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
@@ -8620,7 +8943,7 @@ var OnboardingModal = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
       ConnectOnchainModal,
       {
         open: onchainModalOpen,
@@ -8633,28 +8956,34 @@ var OnboardingModal = ({
 OnboardingModal.displayName = "OnboardingModal";
 
 // src/profile/index.tsx
-var import_react19 = require("react");
-var import_hooks40 = require("@agg-build/hooks");
+var import_react21 = require("react");
+var import_hooks42 = require("@agg-build/hooks");
 var import_sdk12 = require("@agg-build/sdk");
 
 // src/profile/profile-modal.constants.ts
 var PROFILE_TAB_KEYS = {
   PROFILE_ACCOUNTS: "profile-accounts",
-  TRADING_ACCESS: "trading-access"
+  TRADING_ACCESS: "trading-access",
+  BALANCE_MANAGEMENT: "balance-management"
 };
-var PROFILE_TAB_ITEMS = [
+var getProfileTabItems = (balanceManagementLabel) => [
   {
     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" }
+  { value: PROFILE_TAB_KEYS.TRADING_ACCESS, label: "Trading access", icon: "shield-trust" },
+  {
+    value: PROFILE_TAB_KEYS.BALANCE_MANAGEMENT,
+    label: balanceManagementLabel,
+    icon: "bolt"
+  }
 ];
 
 // src/profile/tabs/about-tab.tsx
-var import_react17 = require("react");
-var import_hooks38 = require("@agg-build/hooks");
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_react18 = require("react");
+var import_hooks39 = require("@agg-build/hooks");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var AboutTab = ({
   avatarPreview,
   onDeleteProfile: _onDeleteProfile,
@@ -8664,13 +8993,13 @@ var AboutTab = ({
   draftAvatarPreview,
   avatarError: _avatarError
 }) => {
-  const labels = (0, import_hooks38.useLabels)();
-  const fileInputRef = (0, import_react17.useRef)(null);
-  const handleAvatarClick = (0, import_react17.useCallback)(() => {
+  const labels = (0, import_hooks39.useLabels)();
+  const fileInputRef = (0, import_react18.useRef)(null);
+  const handleAvatarClick = (0, import_react18.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react17.useCallback)(
+  const handleFileChange = (0, import_react18.useCallback)(
     (e) => {
       var _a;
       const file = (_a = e.target.files) == null ? void 0 : _a[0];
@@ -8686,8 +9015,8 @@ var AboutTab = ({
   );
   const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
   const hasAvatarPreview = Boolean(resolvedPreview);
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "agg-profile-about flex flex-col gap-8", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "agg-profile-avatar-section flex w-full items-center gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "agg-profile-about flex flex-col gap-8", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "agg-profile-avatar-section flex w-full items-center gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
       "button",
       {
         type: "button",
@@ -8704,13 +9033,13 @@ var AboutTab = ({
         ),
         "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
         children: [
-          !hasAvatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+          !hasAvatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
             "svg",
             {
               "aria-hidden": true,
               viewBox: "0 0 80 80",
               className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
-              children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                 "circle",
                 {
                   cx: "40",
@@ -8724,18 +9053,18 @@ var AboutTab = ({
               )
             }
           ) : null,
-          resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+          resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
             RemoteImage,
             {
               src: resolvedPreview,
               alt: labels.onboarding.profileSetup.profilePreviewAlt,
               className: "h-full w-full object-cover"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
       "input",
       {
         ref: fileInputRef,
@@ -8746,8 +9075,8 @@ var AboutTab = ({
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
         "label",
         {
           htmlFor: "profile-username",
@@ -8755,7 +9084,7 @@ var AboutTab = ({
           children: "Username"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
         "input",
         {
           id: "profile-username",
@@ -8782,9 +9111,9 @@ var AboutTab = ({
 AboutTab.displayName = "AboutTab";
 
 // src/profile/tabs/accounts-wallets-tab.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime");
-var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+var import_jsx_runtime132 = require("react/jsx-runtime");
+var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
   "div",
   {
     className: cn(
@@ -8800,11 +9129,11 @@ var AccountIdentity = ({
   icon,
   label,
   iconClassName
-}) => /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName), children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Icon, { name: icon, size: "small", color: "currentColor" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: label })
+}) => /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName), children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon, { name: icon, size: "small", color: "currentColor" }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: label })
 ] });
-var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
   "button",
   {
     type: "button",
@@ -8813,7 +9142,7 @@ var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime1
     children: "Connect"
   }
 );
-var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
   "button",
   {
     type: "button",
@@ -8822,7 +9151,7 @@ var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runti
     children: "Disconnect"
   }
 );
-var VerifiedBadge = () => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" });
+var VerifiedBadge = () => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" });
 var getWalletIconName = (wallet) => {
   const chain = wallet.chain.toLowerCase();
   if (chain === "solana" || chain === "svm") {
@@ -8840,12 +9169,12 @@ var ConnectedAccountRow = ({
   onDisconnect
 }) => {
   const displayLabel = connected ? connectedLabel != null ? connectedLabel : label : label;
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(AccountRow, { className: "agg-social-account-row gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(AccountIdentity, { icon, label: displayLabel, iconClassName }),
-      connected ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(VerifiedBadge, {}) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(AccountRow, { className: "agg-social-account-row gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(AccountIdentity, { icon, label: displayLabel, iconClassName }),
+      connected ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(VerifiedBadge, {}) : null
     ] }),
-    connected ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(ConnectTextButton, { onClick: onConnect })
+    connected ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(ConnectTextButton, { onClick: onConnect })
   ] });
 };
 var AccountsWalletsTab = ({
@@ -8864,11 +9193,11 @@ var AccountsWalletsTab = ({
   const google = socialAccounts == null ? void 0 : socialAccounts.google;
   const apple = socialAccounts == null ? void 0 : socialAccounts.apple;
   const hasEmail = Boolean(email);
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "agg-accounts-wallets-tab flex flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(SectionTitle, { children: "Connected accounts" }),
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "agg-social-accounts-list flex flex-col gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "agg-accounts-wallets-tab flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(SectionTitle, { children: "Connected accounts" }),
+      /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "agg-social-accounts-list flex flex-col gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           ConnectedAccountRow,
           {
             icon: "google",
@@ -8880,7 +9209,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectGoogle
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           ConnectedAccountRow,
           {
             icon: "apple",
@@ -8892,7 +9221,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectApple
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           ConnectedAccountRow,
           {
             icon: "twitter",
@@ -8904,7 +9233,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectTwitter
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           ConnectedAccountRow,
           {
             icon: "email",
@@ -8917,12 +9246,12 @@ var AccountsWalletsTab = ({
         )
       ] })
     ] }),
-    wallets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(SectionTitle, { children: "Wallets" }),
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "flex flex-col gap-2", children: wallets.map((wallet) => {
+    wallets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(SectionTitle, { children: "Wallets" }),
+      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "flex flex-col gap-2", children: wallets.map((wallet) => {
         var _a;
-        return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(AccountRow, { className: "gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(AccountRow, { className: "gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
             AccountIdentity,
             {
               icon: getWalletIconName(wallet),
@@ -8930,7 +9259,7 @@ var AccountsWalletsTab = ({
               label: (_a = wallet.displayAddress) != null ? _a : wallet.address
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(VerifiedBadge, {})
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(VerifiedBadge, {})
         ] }) }, `${wallet.chain}:${wallet.address}`);
       }) })
     ] }) : null
@@ -8939,9 +9268,9 @@ var AccountsWalletsTab = ({
 AccountsWalletsTab.displayName = "AccountsWalletsTab";
 
 // src/profile/tabs/trading-access-tab.tsx
-var import_hooks39 = require("@agg-build/hooks");
-var import_react18 = require("react");
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_hooks40 = require("@agg-build/hooks");
+var import_react19 = require("react");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 var TRADING_ACCESS_VENUES = [
   "kalshi",
   "polymarket",
@@ -8953,8 +9282,8 @@ var TRADING_ACCESS_VENUES = [
   "hyperliquid"
 ];
 var TRADING_ACCESS_VENUE_ITEMS = TRADING_ACCESS_VENUES.map((id) => ({ id }));
-var SectionTitle2 = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccessRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+var SectionTitle2 = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccessRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
   "div",
   {
     className: cn(
@@ -8966,17 +9295,17 @@ var AccessRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)
   }
 );
 var AvailableStatus = () => {
-  const labels = (0, import_hooks39.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon, { name: "check-badge", size: "small", className: "text-agg-primary" }),
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: labels.trading.tradingAccessAvailable })
+  const labels = (0, import_hooks40.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { name: "check-badge", size: "small", className: "text-agg-primary" }),
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: labels.trading.tradingAccessAvailable })
   ] });
 };
 var GeoblockedStatus = () => {
-  const labels = (0, import_hooks39.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex items-center gap-2 text-agg-muted-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon, { name: "warning-filled", size: "small", color: "currentColor" }),
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 whitespace-nowrap", children: labels.trading.venueUnavailableInRegion })
+  const labels = (0, import_hooks40.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex items-center gap-2 text-agg-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { name: "warning-filled", size: "small", color: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 whitespace-nowrap", children: labels.trading.venueUnavailableInRegion })
   ] });
 };
 var TradingAccessTab = ({
@@ -8985,23 +9314,23 @@ var TradingAccessTab = ({
   onDisconnectKalshi
 }) => {
   var _a, _b, _c, _d;
-  const labels = (0, import_hooks39.useLabels)();
+  const labels = (0, import_hooks40.useLabels)();
   const verifyConnectionLabel = (_d = (_c = (_b = (_a = labels.onboarding) == null ? void 0 : _a.connectKalshiModal) == null ? void 0 : _b.actions) == null ? void 0 : _c.verifyConnection) != null ? _d : labels.trading.kycVerify;
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks39.useAppConfig)();
-  const { isLocationBlocked } = (0, import_hooks39.useGeoBlock)();
-  const visibleVenues = (0, import_react18.useMemo)(
-    () => (0, import_hooks39.getVisibleVenuesByConfig)(TRADING_ACCESS_VENUE_ITEMS, disabledVenues),
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks40.useAppConfig)();
+  const { isLocationBlocked } = (0, import_hooks40.useGeoBlock)();
+  const visibleVenues = (0, import_react19.useMemo)(
+    () => (0, import_hooks40.getVisibleVenuesByConfig)(TRADING_ACCESS_VENUE_ITEMS, disabledVenues),
     [disabledVenues]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "agg-trading-access-section flex flex-col gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(SectionTitle2, { children: labels.trading.tradingAccessVenues }),
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "flex flex-col gap-3", children: visibleVenues.map(({ id: venue }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-trading-access-section flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(SectionTitle2, { children: labels.trading.tradingAccessVenues }),
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex flex-col gap-3", children: visibleVenues.map(({ id: venue }) => {
       var _a2;
       const venueAccount = venueAccounts == null ? void 0 : venueAccounts.find((account) => account.venue === venue);
       const isKalshi = venue === "kalshi";
       const isConnected = (venueAccount == null ? void 0 : venueAccount.status) === "active";
       const isVerified = (venueAccount == null ? void 0 : venueAccount.kycStatus) === "verified";
-      const availabilityState = (0, import_hooks39.getVenueAvailabilityState)({
+      const availabilityState = (0, import_hooks40.getVenueAvailabilityState)({
         venueId: venue,
         disabledVenues,
         isConfigLoading: isKalshi && isAppConfigLoading,
@@ -9009,12 +9338,12 @@ var TradingAccessTab = ({
       });
       const displayName = (_a2 = venueLogoLabels[venue]) != null ? _a2 : venue;
       if (availabilityState === "hidden") return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(AccessRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(VenueLogo, { venue, size: "small" }),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: displayName })
+      return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(AccessRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(VenueLogo, { venue, size: "small" }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: displayName })
         ] }),
-        availabilityState === "geoblocked" ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(GeoblockedStatus, {}) : isKalshi && !isConnected ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        availabilityState === "geoblocked" ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(GeoblockedStatus, {}) : isKalshi && !isConnected ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
           "button",
           {
             type: "button",
@@ -9023,9 +9352,9 @@ var TradingAccessTab = ({
             className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-60",
             children: labels.trading.tradingAccessAddKalshiAccount
           }
-        ) : isKalshi && !isVerified ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: labels.trading.kycRequired }),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        ) : isKalshi && !isVerified ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: labels.trading.kycRequired }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
             "button",
             {
               type: "button",
@@ -9035,10 +9364,10 @@ var TradingAccessTab = ({
               children: verifyConnectionLabel
             }
           )
-        ] }) : isKalshi && isVerified ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: labels.trading.verified }),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(AvailableStatus, {}),
-          onDisconnectKalshi ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        ] }) : isKalshi && isVerified ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: labels.trading.verified }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(AvailableStatus, {}),
+          onDisconnectKalshi ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
             "button",
             {
               type: "button",
@@ -9047,15 +9376,194 @@ var TradingAccessTab = ({
               children: labels.auth.disconnect
             }
           ) : null
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(AvailableStatus, {})
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(AvailableStatus, {})
       ] }, venue);
     }) })
   ] });
 };
 TradingAccessTab.displayName = "TradingAccessTab";
 
+// src/profile/tabs/balance-management-tab.tsx
+var import_react20 = require("react");
+var import_hooks41 = require("@agg-build/hooks");
+var import_jsx_runtime134 = require("react/jsx-runtime");
+var CHAIN_IDS_BY_NETWORK = {
+  mainnet: 1,
+  bnb: 56,
+  polygon: 137,
+  base: 8453,
+  arbitrum: 42161,
+  solana: 792703809,
+  hyperliquid: 1337
+};
+var NETWORK_BY_CHAIN_ID = Object.fromEntries(
+  Object.entries(CHAIN_IDS_BY_NETWORK).map(([network, chainId]) => [chainId, network])
+);
+var networkItems = SUPPORTED_NETWORKS.filter(
+  (network) => network.value in CHAIN_IDS_BY_NETWORK
+).map((network) => ({
+  value: network.value,
+  label: network.label,
+  iconUrl: network.iconUrl
+}));
+var dollarsToRaw = (amount) => String(Math.round(amount * 1e6));
+var rawToDollars = (amount) => Number(amount) / 1e6;
+var BalanceManagementTab = ({ enabled }) => {
+  const labels = (0, import_hooks41.useAggLabels)().balanceRefill;
+  const { policies, isLoading, isError, createPolicy, updatePolicy } = (0, import_hooks41.useBalanceRefillPolicies)({
+    enabled
+  });
+  const policy = policies[0];
+  const [network, setNetwork] = (0, import_react20.useState)("polygon");
+  const [minimum, setMinimum] = (0, import_react20.useState)(100);
+  const [refillAmount, setRefillAmount] = (0, import_react20.useState)(50);
+  const [dailyCap, setDailyCap] = (0, import_react20.useState)(200);
+  const [maximumFee, setMaximumFee] = (0, import_react20.useState)(2);
+  const [feedback, setFeedback] = (0, import_react20.useState)(null);
+  (0, import_react20.useEffect)(() => {
+    var _a;
+    if (!policy) return;
+    setNetwork((_a = NETWORK_BY_CHAIN_ID[policy.targetChainId]) != null ? _a : "polygon");
+    setMinimum(rawToDollars(policy.minimumRaw));
+    setRefillAmount(rawToDollars(policy.refillAmountRaw));
+    setDailyCap(rawToDollars(policy.dailyCapRaw));
+    setMaximumFee(rawToDollars(policy.maxFeeRaw));
+  }, [policy]);
+  const validationError = (0, import_react20.useMemo)(() => {
+    if (minimum <= 0 || refillAmount <= 0 || dailyCap <= 0 || maximumFee <= 0) {
+      return labels.saveError;
+    }
+    if (dailyCap < Math.max(minimum, refillAmount) + maximumFee) {
+      return labels.saveError;
+    }
+    return null;
+  }, [dailyCap, labels.saveError, maximumFee, minimum, refillAmount]);
+  const isPending = createPolicy.isPending || updatePolicy.isPending;
+  const handleSave = () => __async(null, null, function* () {
+    if (validationError) {
+      setFeedback(validationError);
+      return;
+    }
+    setFeedback(null);
+    const params = {
+      minimumRaw: dollarsToRaw(minimum),
+      refillAmountRaw: dollarsToRaw(refillAmount),
+      dailyCapRaw: dollarsToRaw(dailyCap),
+      maxFeeRaw: dollarsToRaw(maximumFee)
+    };
+    try {
+      if (policy) {
+        yield updatePolicy.mutateAsync({ policyId: policy.id, params });
+      } else {
+        yield createPolicy.mutateAsync(__spreadProps(__spreadValues({}, params), {
+          targetChainId: CHAIN_IDS_BY_NETWORK[network],
+          targetTokenSymbol: "USDC"
+        }));
+      }
+      setFeedback(labels.saved);
+    } catch (e) {
+      setFeedback(labels.saveError);
+    }
+  });
+  const handleStatus = () => __async(null, null, function* () {
+    if (!policy) return;
+    try {
+      yield updatePolicy.mutateAsync({
+        policyId: policy.id,
+        params: { status: policy.status === "enabled" ? "paused" : "enabled" }
+      });
+      setFeedback(labels.saved);
+    } catch (e) {
+      setFeedback(labels.saveError);
+    }
+  });
+  if (isLoading)
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-agg-sm text-agg-secondary-foreground", children: labels.loading });
+  if (isError)
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { role: "alert", className: "text-agg-sm text-agg-error", children: labels.loadError });
+  const latestAttempt = policy == null ? void 0 : policy.latestAttempt;
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("section", { className: "agg-balance-management-tab flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("h2", { className: "text-agg-lg font-agg-semibold text-agg-foreground", children: labels.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-agg-sm text-agg-secondary-foreground", children: labels.description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "rounded-agg-lg border border-agg-separator p-5 flex flex-col gap-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("label", { className: "flex flex-col gap-2 text-agg-sm text-agg-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { children: labels.networkLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+          Select,
+          {
+            items: networkItems,
+            value: network,
+            onChange: (value) => setNetwork(value),
+            ariaLabel: labels.networkLabel,
+            disabled: Boolean(policy)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+        [labels.minimumLabel, minimum, setMinimum],
+        [labels.refillAmountLabel, refillAmount, setRefillAmount],
+        [labels.dailyCapLabel, dailyCap, setDailyCap],
+        [labels.maximumFeeLabel, maximumFee, setMaximumFee]
+      ].map(([label, value, onChange]) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+        "label",
+        {
+          className: "flex flex-col gap-2 rounded-agg-md bg-agg-secondary px-4 py-3 text-agg-sm text-agg-foreground",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+              CurrencyInput,
+              {
+                value,
+                onChange,
+                min: 0.01,
+                decimalPlaces: 2,
+                ariaLabel: label,
+                classNames: { input: "w-full text-agg-base font-agg-semibold" }
+              }
+            )
+          ]
+        },
+        label
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-agg-xs text-agg-secondary-foreground", children: labels.consent }),
+      policy ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-agg-sm text-agg-secondary-foreground", children: policy.status === "enabled" ? labels.activeLabel : labels.pausedLabel }) : null,
+      latestAttempt ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("p", { className: "text-agg-sm text-agg-secondary-foreground", children: [
+        labels.lastRefill,
+        ": ",
+        labels.statuses[latestAttempt.status]
+      ] }) : null,
+      feedback ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { role: feedback === labels.saveError ? "alert" : "status", className: "text-agg-sm", children: feedback }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-wrap gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+          Button,
+          {
+            variant: "primary",
+            size: "large",
+            isLoading: isPending,
+            disabled: Boolean(validationError),
+            onClick: () => void handleSave(),
+            children: policy ? labels.saveAction : labels.enableAction
+          }
+        ),
+        policy ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+          Button,
+          {
+            variant: "secondary",
+            size: "large",
+            isLoading: isPending,
+            onClick: () => void handleStatus(),
+            children: policy.status === "enabled" ? labels.pauseAction : labels.resumeAction
+          }
+        ) : null
+      ] })
+    ] })
+  ] });
+};
+
 // src/profile/index.tsx
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_jsx_runtime135 = require("react/jsx-runtime");
 var ProfileModal = ({
   open,
   onOpenChange,
@@ -9079,30 +9587,35 @@ var ProfileModal = ({
   onDisconnectExchange
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const client = (0, import_hooks40.useAggClient)();
-  const { user } = (0, import_hooks40.useAggAuthState)();
+  const client = (0, import_hooks42.useAggClient)();
+  const labels = (0, import_hooks42.useAggLabels)();
+  const { user } = (0, import_hooks42.useAggAuthState)();
   const toastCtx = useOptionalToast();
-  const [activeTab, setActiveTab] = (0, import_react19.useState)(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
+  const [activeTab, setActiveTab] = (0, import_react21.useState)(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
+  const profileTabItems = (0, import_react21.useMemo)(
+    () => getProfileTabItems(labels.balanceRefill.tabLabel),
+    [labels.balanceRefill.tabLabel]
+  );
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
-  const [draftUsername, setDraftUsername] = (0, import_react19.useState)(resolvedInitialUsername);
-  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react19.useState)();
-  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react19.useState)();
-  const [isSaving, setIsSaving] = (0, import_react19.useState)(false);
-  const [avatarTypeError, setAvatarTypeError] = (0, import_react19.useState)(null);
-  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react19.useState)(false);
-  const { data: kalshiStatus, refetch: refetchKalshiStatus } = (0, import_hooks40.useVenueKeyStatus)(
+  const [draftUsername, setDraftUsername] = (0, import_react21.useState)(resolvedInitialUsername);
+  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react21.useState)();
+  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react21.useState)();
+  const [isSaving, setIsSaving] = (0, import_react21.useState)(false);
+  const [avatarTypeError, setAvatarTypeError] = (0, import_react21.useState)(null);
+  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react21.useState)(false);
+  const { data: kalshiStatus, refetch: refetchKalshiStatus } = (0, import_hooks42.useVenueKeyStatus)(
     import_sdk12.Venue.kalshi,
     open
   );
-  (0, import_react19.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     var _a2;
     setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
   }, [username, user == null ? void 0 : user.username]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (open) return;
     setIsConnectKalshiModalOpen(false);
   }, [open]);
-  const handleOpenChange = (0, import_react19.useCallback)(
+  const handleOpenChange = (0, import_react21.useCallback)(
     (isOpen) => {
       var _a2;
       if (!isOpen) {
@@ -9126,7 +9639,7 @@ var ProfileModal = ({
       setDraftAvatarPreview
     ]
   );
-  const handleDraftAvatarChange = (0, import_react19.useCallback)(
+  const handleDraftAvatarChange = (0, import_react21.useCallback)(
     (file, preview) => {
       const ACCEPTED_AVATAR_TYPES = ["image/jpeg", "image/png", "image/gif", "image/webp"];
       if (file && !ACCEPTED_AVATAR_TYPES.includes(file.type)) {
@@ -9141,7 +9654,7 @@ var ProfileModal = ({
   );
   const originalUsername = (_b = username != null ? username : user == null ? void 0 : user.username) != null ? _b : "";
   const hasChanges = draftUsername !== originalUsername || draftAvatarFile !== void 0;
-  const handleSave = (0, import_react19.useCallback)(() => __async(null, null, function* () {
+  const handleSave = (0, import_react21.useCallback)(() => __async(null, null, function* () {
     var _a2, _b2, _c2;
     setIsSaving(true);
     try {
@@ -9196,10 +9709,10 @@ var ProfileModal = ({
     originalUsername,
     toastCtx
   ]);
-  const handleCancel = (0, import_react19.useCallback)(() => {
+  const handleCancel = (0, import_react21.useCallback)(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
-  const handleVerifyKalshi = (0, import_react19.useCallback)(
+  const handleVerifyKalshi = (0, import_react21.useCallback)(
     (credentials) => __async(null, null, function* () {
       if (onConnectKalshi) {
         yield onConnectKalshi(credentials);
@@ -9217,12 +9730,12 @@ var ProfileModal = ({
     }),
     [client, onConnectKalshi, refetchKalshiStatus]
   );
-  const handleDisconnectKalshi = (0, import_react19.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectKalshi = (0, import_react21.useCallback)(() => __async(null, null, function* () {
     yield client.deleteVenueKey(import_sdk12.Venue.kalshi);
     yield refetchKalshiStatus();
     onDisconnectExchange == null ? void 0 : onDisconnectExchange(import_sdk12.Venue.kalshi);
   }), [client, onDisconnectExchange, refetchKalshiStatus]);
-  const resolvedVenueAccounts = (0, import_react19.useMemo)(() => {
+  const resolvedVenueAccounts = (0, import_react21.useMemo)(() => {
     var _a2;
     const nonKalshiAccounts = (_a2 = user == null ? void 0 : user.venueAccounts) == null ? void 0 : _a2.filter((account) => account.venue !== "kalshi");
     if (!kalshiStatus) return user == null ? void 0 : user.venueAccounts;
@@ -9278,7 +9791,7 @@ var ProfileModal = ({
     if (typeof window === "undefined") return;
     ((_a2 = window.top) != null ? _a2 : window).location.assign(url);
   };
-  const surfaceError = (0, import_react19.useCallback)(
+  const surfaceError = (0, import_react21.useCallback)(
     (err, title) => {
       const message = (err == null ? void 0 : err.message) || "Something went wrong. Please try again.";
       if (toastCtx) {
@@ -9289,7 +9802,7 @@ var ProfileModal = ({
     },
     [toastCtx]
   );
-  const handleConnectTwitter = (0, import_react19.useCallback)(() => __async(null, null, function* () {
+  const handleConnectTwitter = (0, import_react21.useCallback)(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "twitter",
@@ -9303,7 +9816,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect X (Twitter)");
     }
   }), [client, onConnectTwitter, surfaceError]);
-  const handleConnectGoogle = (0, import_react19.useCallback)(() => __async(null, null, function* () {
+  const handleConnectGoogle = (0, import_react21.useCallback)(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "google",
@@ -9317,7 +9830,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect Google");
     }
   }), [client, onConnectGoogle, surfaceError]);
-  const handleConnectApple = (0, import_react19.useCallback)(() => __async(null, null, function* () {
+  const handleConnectApple = (0, import_react21.useCallback)(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "apple",
@@ -9331,7 +9844,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect Apple");
     }
   }), [client, onConnectApple, surfaceError]);
-  const handleDisconnectTwitter = (0, import_react19.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectTwitter = (0, import_react21.useCallback)(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("twitter");
       yield client.getCurrentUser();
@@ -9340,7 +9853,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect X (Twitter)");
     }
   }), [client, onDisconnectTwitter, surfaceError]);
-  const handleDisconnectGoogle = (0, import_react19.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectGoogle = (0, import_react21.useCallback)(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("google");
       yield client.getCurrentUser();
@@ -9349,7 +9862,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect Google");
     }
   }), [client, onDisconnectGoogle, surfaceError]);
-  const handleDisconnectApple = (0, import_react19.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectApple = (0, import_react21.useCallback)(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("apple");
       yield client.getCurrentUser();
@@ -9358,7 +9871,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect Apple");
     }
   }), [client, onDisconnectApple, surfaceError]);
-  const handleConnectEmail = (0, import_react19.useCallback)(() => __async(null, null, function* () {
+  const handleConnectEmail = (0, import_react21.useCallback)(() => __async(null, null, function* () {
     var _a2;
     const typedEmail = typeof window !== "undefined" ? (_a2 = window.prompt("Enter your email to receive a magic link")) == null ? void 0 : _a2.trim() : void 0;
     if (!typedEmail) return;
@@ -9377,7 +9890,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect email");
     }
   }), [client, onConnectEmail, surfaceError, toastCtx]);
-  const handleDisconnectWallet = (0, import_react19.useCallback)(
+  const handleDisconnectWallet = (0, import_react21.useCallback)(
     (wallet) => __async(null, null, function* () {
       const normalizedChain = wallet.chain.toLowerCase();
       const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
@@ -9391,7 +9904,7 @@ var ProfileModal = ({
     }),
     [client, onDisconnectWallet, surfaceError]
   );
-  const providerActionMap = (0, import_react19.useMemo)(
+  const providerActionMap = (0, import_react21.useMemo)(
     () => ({
       twitter: {
         connect: () => {
@@ -9433,7 +9946,7 @@ var ProfileModal = ({
       handleDisconnectTwitter
     ]
   );
-  const resolvedWallets = (0, import_react19.useMemo)(() => {
+  const resolvedWallets = (0, import_react21.useMemo)(() => {
     var _a2, _b2;
     if (wallets) return wallets;
     const walletAccounts = (_b2 = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.filter((account) => {
@@ -9452,8 +9965,8 @@ var ProfileModal = ({
       };
     });
   }, [user == null ? void 0 : user.accounts, wallets]);
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(Modal, { open: open && !isConnectKalshiModalOpen, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(Modal, { open: open && !isConnectKalshiModalOpen, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
       Modal.Container,
       {
         maxWidth: "800px",
@@ -9462,24 +9975,24 @@ var ProfileModal = ({
           container: cn("agg-profile-modal", "min-h-[37.5rem]")
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
             Tabs,
             {
               className: "w-full [&>div]:w-full",
               variant: "underline",
               classNames: { tabList: "w-full" },
-              items: PROFILE_TAB_ITEMS.map((tab) => ({
+              items: profileTabItems.map((tab) => ({
                 value: tab.value,
                 label: tab.label,
-                icon: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { name: tab.icon, size: "small" })
+                icon: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Icon, { name: tab.icon, size: "small" })
               })),
               value: activeTab,
               onChange: (val) => setActiveTab(val)
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
               "nav",
               {
                 className: cn(
@@ -9493,9 +10006,9 @@ var ProfileModal = ({
                 ),
                 role: "tablist",
                 "aria-label": "Profile sections",
-                children: PROFILE_TAB_ITEMS.map((tab) => {
+                children: profileTabItems.map((tab) => {
                   const isActive = activeTab === tab.value;
-                  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -9511,9 +10024,9 @@ var ProfileModal = ({
                         isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
                       ),
                       children: [
-                        isActive ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                        isActive ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+                        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
                       ]
                     },
                     tab.value
@@ -9521,9 +10034,9 @@ var ProfileModal = ({
                 })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-profile-content min-w-0 flex-1", children: [
-              activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-profile-content min-w-0 flex-1", children: [
+              activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                   AboutTab,
                   {
                     username: username != null ? username : user == null ? void 0 : user.username,
@@ -9537,7 +10050,7 @@ var ProfileModal = ({
                     avatarError: avatarTypeError
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                   AccountsWalletsTab,
                   {
                     socialAccounts: resolvedSocialAccounts,
@@ -9556,7 +10069,7 @@ var ProfileModal = ({
                   }
                 )
               ] }) : null,
-              activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+              activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                 TradingAccessTab,
                 {
                   venueAccounts: resolvedVenueAccounts,
@@ -9564,12 +10077,22 @@ var ProfileModal = ({
                   onDisconnectKalshi: handleDisconnectKalshi,
                   onKycError
                 }
-              ) : null
+              ) : null,
+              activeTab === PROFILE_TAB_KEYS.BALANCE_MANAGEMENT ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(BalanceManagementTab, { enabled: open }) : null
             ] })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+          activeTab === PROFILE_TAB_KEYS.BALANCE_MANAGEMENT ? null : /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+              Button,
+              {
+                variant: "secondary",
+                size: "large",
+                onClick: handleCancel,
+                className: "min-w-[120px]",
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
               Button,
               {
                 variant: "primary",
@@ -9584,7 +10107,7 @@ var ProfileModal = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       ConnectKalshiModal,
       {
         open: open && isConnectKalshiModalOpen,
@@ -9597,33 +10120,33 @@ var ProfileModal = ({
 ProfileModal.displayName = "ProfileModal";
 
 // src/geo-block-modal/index.tsx
-var import_hooks41 = require("@agg-build/hooks");
-var import_react20 = require("react");
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_hooks43 = require("@agg-build/hooks");
+var import_react22 = require("react");
+var import_jsx_runtime136 = require("react/jsx-runtime");
 var GeoBlockModal = ({
   open,
   onOpenChange,
   onConfirm,
   classNames
 }) => {
-  const labels = (0, import_hooks41.useLabels)();
-  const handleConfirm = (0, import_react20.useCallback)(() => {
+  const labels = (0, import_hooks43.useLabels)();
+  const handleConfirm = (0, import_react22.useCallback)(() => {
     onConfirm == null ? void 0 : onConfirm();
     onOpenChange(false);
   }, [onConfirm, onOpenChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
     Modal,
     {
       open,
       onOpenChange,
       "aria-label": labels.trading.geoBlockModalAriaLabel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
         Modal.Container,
         {
           maxWidth: "480px",
           classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
               Modal.Header,
               {
                 title: "",
@@ -9635,19 +10158,19 @@ var GeoBlockModal = ({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                 Icon,
                 {
                   name: "internet-security",
                   className: "h-[60px] w-[60px] text-agg-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
+              /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
+                /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                 Button,
                 {
                   variant: "secondary",
@@ -9667,27 +10190,27 @@ var GeoBlockModal = ({
 GeoBlockModal.displayName = "GeoBlockModal";
 
 // src/geo-block-banner/index.tsx
-var import_hooks42 = require("@agg-build/hooks");
-var import_jsx_runtime135 = require("react/jsx-runtime");
+var import_hooks44 = require("@agg-build/hooks");
+var import_jsx_runtime137 = require("react/jsx-runtime");
 var GeoBlockBanner = ({
   venue,
   termsUrl = AGG_TERMS_OF_SERVICE_URL,
   className
 }) => {
-  const labels = (0, import_hooks42.useLabels)();
+  const labels = (0, import_hooks44.useLabels)();
   const message = venue ? labels.trading.geoBlockVenueMessage(venue) : labels.trading.geoBlockGenericMessage;
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
     "div",
     {
       className: cn("flex items-center gap-5 rounded-agg-lg bg-agg-secondary-hover p-3", className),
       role: "status",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [
           message,
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("a", { href: termsUrl, className: "underline", target: "_blank", rel: "noreferrer noopener", children: labels.trading.geoBlockTermsLink }),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { href: termsUrl, className: "underline", target: "_blank", rel: "noreferrer noopener", children: labels.trading.geoBlockTermsLink }),
           labels.trading.geoBlockMessageSuffix
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Icon, { name: "internet-security", className: "h-6 w-6 shrink-0 text-agg-muted-foreground" })
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { name: "internet-security", className: "h-6 w-6 shrink-0 text-agg-muted-foreground" })
       ]
     }
   );