@agg-build/ui 2.8.0 → 4.0.0

package/dist/trading.js

@@ -5491,13 +5491,116 @@ var GeoBlockBanner = ({
 };
 GeoBlockBanner.displayName = "GeoBlockBanner";
 
+// src/notifications/agg-notification-events-provider.tsx
+var import_hooks23 = require("@agg-build/hooks");
+var import_react5 = require("react");
+
+// src/primitives/toast/index.tsx
+var RadixToast = __toESM(require("@radix-ui/react-toast"));
+var import_react4 = require("react");
+var import_jsx_runtime115 = require("react/jsx-runtime");
+var ToastContext = (0, import_react4.createContext)(null);
+function useOptionalToast() {
+  return (0, import_react4.useContext)(ToastContext);
+}
+
+// src/notifications/agg-notification-events-provider.tsx
+var import_jsx_runtime116 = require("react/jsx-runtime");
+var firedOrderNotificationKeys = /* @__PURE__ */ new Set();
+var MICRO_UNITS_SCALE = 1e6;
+var formatScaledMicroAmount = (value) => {
+  if (!value) return void 0;
+  if (value.includes(".")) {
+    const parsed = Number(value);
+    if (!Number.isFinite(parsed)) return void 0;
+    return parsed.toLocaleString("en-US", { maximumFractionDigits: 2 });
+  }
+  try {
+    const raw = BigInt(value);
+    const whole = raw / BigInt(MICRO_UNITS_SCALE);
+    const remainder = raw % BigInt(MICRO_UNITS_SCALE);
+    const parsed = Number(whole) + Number(remainder) / MICRO_UNITS_SCALE;
+    return parsed.toLocaleString("en-US", { maximumFractionDigits: 2 });
+  } catch (e) {
+    const parsed = Number(value);
+    if (!Number.isFinite(parsed)) return void 0;
+    return (parsed / MICRO_UNITS_SCALE).toLocaleString("en-US", { maximumFractionDigits: 2 });
+  }
+};
+var formatPriceCents = (value) => {
+  if (!value) return void 0;
+  const parsed = Number(value);
+  if (!Number.isFinite(parsed)) return void 0;
+  const cents = parsed * 100;
+  const display2 = cents.toLocaleString("en-US", {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 1
+  });
+  return `${display2}\xA2`;
+};
+var formatSharesLabel = (raw) => {
+  const formatted = formatScaledMicroAmount(raw);
+  if (!formatted) return void 0;
+  return `${formatted} shares`;
+};
+var capitalize = (value) => {
+  if (!value) return void 0;
+  return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase();
+};
+var venueLabelFor = (venueKey, labels) => {
+  var _a;
+  if (!venueKey) return void 0;
+  const normalized = venueKey.toLowerCase();
+  const lookup = labels.venues;
+  return (_a = lookup[normalized]) != null ? _a : capitalize(venueKey);
+};
+function handleOrderEvent({ event, labels, fireOnce }) {
+  var _a, _b;
+  const venueLabel = venueLabelFor(event.venue, labels);
+  const amountLabel = formatSharesLabel((_a = event.actualSharesRaw) != null ? _a : event.filledAmountRaw);
+  const priceLabel = formatPriceCents((_b = event.executionPriceRaw) != null ? _b : event.quotedPriceRaw);
+  const fireOrderOnce = (key, tone, title2, message, detail) => {
+    if (firedOrderNotificationKeys.has(key)) return;
+    firedOrderNotificationKeys.add(key);
+    fireOnce(key, tone, title2, message, detail);
+  };
+  if (event.event === "filled") {
+    fireOrderOnce(
+      `order:${event.orderId}:filled`,
+      "success",
+      labels.notifications.order.filledTitle,
+      labels.notifications.order.filledMessage({ venueLabel, amountLabel, priceLabel })
+    );
+    return;
+  }
+  if (event.event === "partial_fill") {
+    fireOrderOnce(
+      `order:${event.orderId}:partial_fill`,
+      "warning",
+      labels.notifications.order.partialFilledTitle,
+      labels.notifications.order.partialFilledMessage({ venueLabel, amountLabel, priceLabel })
+    );
+    return;
+  }
+  if (event.event === "failed") {
+    fireOrderOnce(
+      `order:${event.orderId}:failed`,
+      "error",
+      labels.notifications.order.failedTitle,
+      labels.notifications.order.failedMessage(event.errorReason),
+      venueLabel
+    );
+  }
+}
+var CLIENT_DEPOSIT_ACTIVITY_SUPPRESSION_MS = 2 * 60 * 1e3;
+
 // src/onboarding/index.tsx
-var import_react12 = require("react");
-var import_hooks34 = require("@agg-build/hooks");
+var import_react13 = require("react");
+var import_hooks35 = require("@agg-build/hooks");
 var Dialog4 = __toESM(require("@radix-ui/react-dialog"));
 
 // src/primitives/modal/index.tsx
-var import_hooks23 = require("@agg-build/hooks");
+var import_hooks24 = require("@agg-build/hooks");
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
 
 // src/primitives/modal/modal.constants.ts
@@ -5521,7 +5624,7 @@ var resolveModalCloseIcon = ({
 };
 
 // src/primitives/modal/index.tsx
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_jsx_runtime117 = require("react/jsx-runtime");
 var Modal = ({
   open,
   onOpenChange,
@@ -5529,7 +5632,7 @@ var Modal = ({
   "aria-label": _ariaLabel,
   "aria-labelledby": _ariaLabelledBy
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Dialog.Root, { open, onOpenChange, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Dialog.Root, { open, onOpenChange, children });
 };
 var ModalContainer = ({
   children,
@@ -5541,11 +5644,11 @@ var ModalContainer = ({
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks23.useSdkUiConfig)();
+  } = (0, import_hooks24.useSdkUiConfig)();
   const overlayAnimationClassName = resolveModalOverlayAnimationClassName(enableAnimations);
   const panelAnimationClassName = resolveModalPanelAnimationClassName(enableAnimations);
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(Dialog.Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Dialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
       Dialog.Overlay,
       {
         className: cn(
@@ -5556,7 +5659,7 @@ var ModalContainer = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
       Dialog.Content,
       {
         className: cn(
@@ -5582,7 +5685,7 @@ var ModalContainer = ({
             event.preventDefault();
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
           "div",
           {
             className: cn(
@@ -5590,7 +5693,7 @@ var ModalContainer = ({
               "items-end md:items-center",
               "flex h-full min-h-0 w-full justify-center p-0 md:p-5"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
               "div",
               {
                 className: cn(
@@ -5630,14 +5733,14 @@ var ModalHeader = ({
 }) => {
   const {
     features: { enableAnimations }
-  } = (0, import_hooks23.useSdkUiConfig)();
-  const labels = (0, import_hooks23.useLabels)();
-  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(CloseIcon, { className: "h-6 w-6" });
+  } = (0, import_hooks24.useSdkUiConfig)();
+  const labels = (0, import_hooks24.useLabels)();
+  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(CloseIcon, { className: "h-6 w-6" });
   const resolvedCloseIcon = resolveModalCloseIcon({
     closeIcon,
     defaultCloseIcon
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
     "div",
     {
       className: cn(
@@ -5650,7 +5753,7 @@ var ModalHeader = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
           "div",
           {
             className: cn(
@@ -5663,8 +5766,8 @@ var ModalHeader = ({
               classNames == null ? void 0 : classNames.container
             ),
             children: [
-              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_jsx_runtime115.Fragment, { children: leftElement }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_jsx_runtime117.Fragment, { children: leftElement }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
                 "div",
                 {
                   className: cn(
@@ -5673,7 +5776,7 @@ var ModalHeader = ({
                     classNames == null ? void 0 : classNames.titleContainer
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                       Dialog.Title,
                       {
                         className: cn(
@@ -5687,7 +5790,7 @@ var ModalHeader = ({
                         children: title2
                       }
                     ),
-                    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+                    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                       "span",
                       {
                         className: cn(
@@ -5701,9 +5804,9 @@ var ModalHeader = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
-                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_jsx_runtime115.Fragment, { children: rightElement }) : null,
-                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
+                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_jsx_runtime117.Fragment, { children: rightElement }) : null,
+                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                   Dialog.Close,
                   {
                     className: cn(
@@ -5720,14 +5823,14 @@ var ModalHeader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "agg-modal-header-extra", children }) : null
+        children ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "agg-modal-header-extra", children }) : null
       ]
     }
   );
 };
 Modal.Header = ModalHeader;
 var ModalBody = ({ children, classNames }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
     "div",
     {
       className: cn(
@@ -5748,7 +5851,7 @@ var ModalFooter = ({
   classNames,
   hideBorder = false
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
     "div",
     {
       className: cn(
@@ -5788,11 +5891,11 @@ var ONCHAIN_VENUES = [
 ].filter(import_sdk13.isVenueActive);
 
 // src/onboarding/steps/how-it-works.tsx
-var import_react4 = require("react");
-var import_hooks25 = require("@agg-build/hooks");
+var import_react6 = require("react");
+var import_hooks26 = require("@agg-build/hooks");
 
 // src/primitives/button/index.tsx
-var import_hooks24 = require("@agg-build/hooks");
+var import_hooks25 = require("@agg-build/hooks");
 
 // src/primitives/button/button.constants.ts
 var sizeClasses2 = {
@@ -5863,7 +5966,7 @@ var getButtonClassName = ({
 };
 
 // src/primitives/button/index.tsx
-var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_jsx_runtime118 = require("react/jsx-runtime");
 var Button = (_a) => {
   var _b = _a, {
     children,
@@ -5892,9 +5995,9 @@ var Button = (_a) => {
   ]);
   const {
     features: { enableAnimations }
-  } = (0, import_hooks24.useSdkUiConfig)();
+  } = (0, import_hooks25.useSdkUiConfig)();
   const isDisabled = resolveButtonIsDisabled({ disabled, isLoading });
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
     "button",
     __spreadProps(__spreadValues({
       type,
@@ -5908,7 +6011,7 @@ var Button = (_a) => {
       "aria-busy": isLoading,
       "aria-label": ariaLabel
     }, other), {
-      children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+      children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
         "span",
         {
           className: cn(
@@ -5919,9 +6022,9 @@ var Button = (_a) => {
           ),
           "aria-hidden": "true"
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_jsx_runtime116.Fragment, { children: [
+      ) : /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_jsx_runtime118.Fragment, { children: [
         prefix != null ? prefix : null,
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
           "span",
           {
             className: cn(
@@ -5940,28 +6043,28 @@ var Button = (_a) => {
 Button.displayName = "Button";
 
 // src/onboarding/steps/how-it-works.tsx
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 var defaultIcons = {
-  createAccount: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  linkAccounts: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  bestPrices: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  stayInControl: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
+  createAccount: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  linkAccounts: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  bestPrices: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  stayInControl: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
 };
 var HowItWorksStep = ({ onContinue, icons }) => {
-  const labels = (0, import_hooks25.useLabels)();
-  const scrollRef = (0, import_react4.useRef)(null);
-  const [showTopGradient, setShowTopGradient] = (0, import_react4.useState)(false);
-  const [showBottomGradient, setShowBottomGradient] = (0, import_react4.useState)(true);
-  const handleScroll = (0, import_react4.useCallback)(() => {
+  const labels = (0, import_hooks26.useLabels)();
+  const scrollRef = (0, import_react6.useRef)(null);
+  const [showTopGradient, setShowTopGradient] = (0, import_react6.useState)(false);
+  const [showBottomGradient, setShowBottomGradient] = (0, import_react6.useState)(true);
+  const handleScroll = (0, import_react6.useCallback)(() => {
     const el = scrollRef.current;
     if (!el) return;
     setShowTopGradient(el.scrollTop > 0);
     setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
         "div",
         {
           ref: scrollRef,
@@ -5971,7 +6074,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
             var _a;
             const icon = (_a = icons == null ? void 0 : icons[featureKey]) != null ? _a : defaultIcons[featureKey];
             const feature = labels.onboarding.howItWorks.features[featureKey];
-            return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
               "div",
               {
                 className: cn(
@@ -5980,11 +6083,11 @@ var HowItWorksStep = ({ onContinue, icons }) => {
                   "bg-agg-secondary-hover"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
-                    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
+                  /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
+                    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
                   ] }),
-                  icon ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
+                  icon ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
                 ]
               },
               featureKey
@@ -5992,7 +6095,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
         "div",
         {
           className: cn(
@@ -6003,7 +6106,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
         "div",
         {
           className: cn(
@@ -6015,21 +6118,21 @@ var HowItWorksStep = ({ onContinue, icons }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
+    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
   ] });
 };
 HowItWorksStep.displayName = "HowItWorksStep";
 
 // src/onboarding/steps/profile-setup.tsx
-var import_react9 = require("react");
-var import_hooks30 = require("@agg-build/hooks");
+var import_react10 = require("react");
+var import_hooks31 = require("@agg-build/hooks");
 
 // src/primitives/calendar/index.tsx
 var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 var Calendar = (_a) => {
   var _b = _a, { className, classNames } = _b, props = __objRest(_b, ["className", "classNames"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
     import_react_day_picker.DayPicker,
     __spreadValues({
       showOutsideDays: false,
@@ -6063,8 +6166,8 @@ var Calendar = (_a) => {
 Calendar.displayName = "Calendar";
 
 // src/primitives/currency-input/index.tsx
-var import_hooks26 = require("@agg-build/hooks");
-var import_react5 = require("react");
+var import_hooks27 = require("@agg-build/hooks");
+var import_react7 = require("react");
 
 // src/primitives/currency-input/currency-input.constants.ts
 var CURRENCY_INPUT_DEFAULT_PREFIX = "$";
@@ -6155,7 +6258,7 @@ var sanitizeCurrencyInputPastedValue = (input, parts, decimalPlaces) => {
 };
 
 // src/primitives/currency-input/index.tsx
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 var CurrencyInput = ({
   value,
   onChange,
@@ -6173,20 +6276,20 @@ var CurrencyInput = ({
 }) => {
   const {
     general: { locale }
-  } = (0, import_hooks26.useSdkUiConfig)();
-  const parts = (0, import_react5.useMemo)(() => resolveCurrencyInputFormatParts(locale), [locale]);
-  const [raw, setRaw] = (0, import_react5.useState)(() => value >= 0 ? String(value) : "");
-  const isEditingRef = (0, import_react5.useRef)(false);
-  const inputRef = (0, import_react5.useRef)(null);
-  const caretPosRef = (0, import_react5.useRef)(null);
-  (0, import_react5.useEffect)(() => {
+  } = (0, import_hooks27.useSdkUiConfig)();
+  const parts = (0, import_react7.useMemo)(() => resolveCurrencyInputFormatParts(locale), [locale]);
+  const [raw, setRaw] = (0, import_react7.useState)(() => value >= 0 ? String(value) : "");
+  const isEditingRef = (0, import_react7.useRef)(false);
+  const inputRef = (0, import_react7.useRef)(null);
+  const caretPosRef = (0, import_react7.useRef)(null);
+  (0, import_react7.useEffect)(() => {
     if (!isEditingRef.current) {
       setRaw(value >= 0 ? String(value) : "");
     }
   }, [value]);
   const numericDisplay = formatCurrencyInputRawValue(raw, locale, decimalPlaces, parts);
   const displayValue = prefix + numericDisplay;
-  (0, import_react5.useLayoutEffect)(() => {
+  (0, import_react7.useLayoutEffect)(() => {
     if (caretPosRef.current !== null && inputRef.current) {
       inputRef.current.setSelectionRange(caretPosRef.current, caretPosRef.current);
       caretPosRef.current = null;
@@ -6288,7 +6391,7 @@ var CurrencyInput = ({
     onChange == null ? void 0 : onChange(nextValue);
     onBlur == null ? void 0 : onBlur();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     "input",
     {
       ref: inputRef,
@@ -6362,7 +6465,7 @@ var resolveInlineAlertHasAction = ({
 };
 
 // src/primitives/inline-alert/index.tsx
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 var InlineAlert = ({
   tone = INLINE_ALERT_DEFAULT_TONE,
   variant,
@@ -6376,7 +6479,7 @@ var InlineAlert = ({
   const resolvedVariant = resolveInlineAlertVariant({ tone, variant });
   const hasAction = resolveInlineAlertHasAction({ actionLabel, onAction });
   const { ariaLive, role } = INLINE_ALERT_LIVE_REGION_CONFIG[tone];
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
     "div",
     {
       className: cn(
@@ -6388,7 +6491,7 @@ var InlineAlert = ({
       "aria-live": ariaLive,
       "aria-label": ariaLabel,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
           Icon,
           {
             name: INLINE_ALERT_TONE_ICON_NAME[tone],
@@ -6396,14 +6499,14 @@ var InlineAlert = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
           "div",
           {
             className: cn(
               "min-w-0",
               resolvedVariant === "plain" && !hasAction ? "flex-none text-center" : "flex-1"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
               "div",
               {
                 className: cn(
@@ -6412,14 +6515,14 @@ var InlineAlert = ({
                   resolvedVariant === "plain" && !hasAction ? "items-center" : null
                 ),
                 children: [
-                  title2 ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
+                  title2 ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
                 ]
               }
             )
           }
         ),
-        hasAction ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+        hasAction ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
           "button",
           {
             type: "button",
@@ -6439,7 +6542,7 @@ var InlineAlert = ({
 InlineAlert.displayName = "InlineAlert";
 
 // src/primitives/loading-icon/index.tsx
-var import_hooks27 = require("@agg-build/hooks");
+var import_hooks28 = require("@agg-build/hooks");
 
 // src/primitives/loading-icon/loading-icon.constants.ts
 var LOADING_ICON_DEFAULT_SIZE = "medium";
@@ -6457,18 +6560,18 @@ var resolveLoadingIconAriaLabel = ({
 };
 
 // src/primitives/loading-icon/index.tsx
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 var LoadingIcon = ({
   size = LOADING_ICON_DEFAULT_SIZE,
   variant = "default",
   className,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks27.useLabels)();
+  const labels = (0, import_hooks28.useLabels)();
   const {
     features: { enableAnimations }
-  } = (0, import_hooks27.useSdkUiConfig)();
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+  } = (0, import_hooks28.useSdkUiConfig)();
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     "span",
     {
       role: "status",
@@ -6481,7 +6584,7 @@ var LoadingIcon = ({
         "inline-grid place-items-center text-agg-primary will-change-transform",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
         "svg",
         {
           viewBox: LOADING_ICON_SVG_VIEW_BOX,
@@ -6489,8 +6592,8 @@ var LoadingIcon = ({
             "block",
             variant === "prominent" ? LOADING_ICON_PROMINENT_FRAME_CLASS : iconSizeClasses[size]
           ),
-          children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("g", { children: [
-            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+          children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("g", { children: [
+            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -6502,7 +6605,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
               "circle",
               {
                 cx: "22",
@@ -6516,8 +6619,8 @@ var LoadingIcon = ({
                 strokeDasharray: LOADING_ICON_PROMINENT_DASHARRAY
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("g", { children: [
-            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("g", { children: [
+            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -6529,7 +6632,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
               "circle",
               {
                 cx: "22",
@@ -6541,8 +6644,8 @@ var LoadingIcon = ({
                 strokeLinecap: "round",
                 strokeDasharray: "60 100",
                 strokeDashoffset: "0",
-                children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                     "animate",
                     {
                       attributeName: "stroke-dasharray",
@@ -6551,7 +6654,7 @@ var LoadingIcon = ({
                       repeatCount: "indefinite"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                     "animate",
                     {
                       attributeName: "stroke-dashoffset",
@@ -6572,8 +6675,8 @@ var LoadingIcon = ({
 LoadingIcon.displayName = "LoadingIcon";
 
 // src/primitives/select/index.tsx
-var import_hooks28 = require("@agg-build/hooks");
-var import_react6 = require("react");
+var import_hooks29 = require("@agg-build/hooks");
+var import_react8 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/primitives/select/select.constants.ts
@@ -6594,7 +6697,7 @@ var resolveIsSelectDisabled = ({
 };
 
 // src/primitives/select/index.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 var SELECT_DROPDOWN_Z = 1e4;
 function resolveSelectPortalContainer(triggerRoot) {
   var _a, _b;
@@ -6617,24 +6720,24 @@ var Select = ({
   contentSideOffset = 8
 }) => {
   var _a;
-  const labels = (0, import_hooks28.useLabels)();
+  const labels = (0, import_hooks29.useLabels)();
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks28.useSdkUiConfig)();
+  } = (0, import_hooks29.useSdkUiConfig)();
   const isDisabled = resolveIsSelectDisabled({ disabled, items });
   const selectedItem = resolveSelectedItem(items, value);
-  const [isOpen, setIsOpen] = (0, import_react6.useState)(false);
-  const [menuRect, setMenuRect] = (0, import_react6.useState)(null);
-  const containerRef = (0, import_react6.useRef)(null);
-  const portalRef = (0, import_react6.useRef)(null);
-  const closeTimerRef = (0, import_react6.useRef)(null);
-  const openedByHoverRef = (0, import_react6.useRef)(false);
-  const handleClose = (0, import_react6.useCallback)(() => {
+  const [isOpen, setIsOpen] = (0, import_react8.useState)(false);
+  const [menuRect, setMenuRect] = (0, import_react8.useState)(null);
+  const containerRef = (0, import_react8.useRef)(null);
+  const portalRef = (0, import_react8.useRef)(null);
+  const closeTimerRef = (0, import_react8.useRef)(null);
+  const openedByHoverRef = (0, import_react8.useRef)(false);
+  const handleClose = (0, import_react8.useCallback)(() => {
     setIsOpen(false);
     openedByHoverRef.current = false;
   }, []);
-  const updateMenuRect = (0, import_react6.useCallback)(() => {
+  const updateMenuRect = (0, import_react8.useCallback)(() => {
     const el = containerRef.current;
     if (!el) return;
     const r = el.getBoundingClientRect();
@@ -6645,19 +6748,19 @@ var Select = ({
       width: r.width
     });
   }, [contentSideOffset]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     return () => {
       if (closeTimerRef.current) clearTimeout(closeTimerRef.current);
     };
   }, []);
-  (0, import_react6.useLayoutEffect)(() => {
+  (0, import_react8.useLayoutEffect)(() => {
     if (!isOpen) {
       setMenuRect(null);
       return;
     }
     updateMenuRect();
   }, [isOpen, updateMenuRect, value]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!isOpen) return;
     const handlePointerDown = (event) => {
       var _a2, _b;
@@ -6678,7 +6781,7 @@ var Select = ({
       document.removeEventListener("scroll", handleReposition, true);
     };
   }, [isOpen, handleClose, updateMenuRect]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!isOpen) return;
     const handleKeyDown = (event) => {
       if ((event == null ? void 0 : event.key) === "Escape") handleClose();
@@ -6713,7 +6816,7 @@ var Select = ({
   };
   const isInline = variant === "inline";
   const triggerRadiusClass = triggerClassName != null ? triggerClassName : isInline ? "rounded-agg-sm" : "rounded-agg-md";
-  const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     "div",
     {
       ref: portalRef,
@@ -6741,7 +6844,7 @@ var Select = ({
         const isSelected = item.value === value;
         const isHidden = item.hidden === true;
         if (isHidden) return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
           "button",
           {
             type: "button",
@@ -6765,14 +6868,14 @@ var Select = ({
               handleClose();
             },
             children: [
-              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime124.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_runtime122.jsx)(
+              item.icon ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                 "span",
                 {
                   className: cn(
@@ -6781,7 +6884,7 @@ var Select = ({
                   ),
                   children: item.icon
                 }
-              ) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+              ) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                 RemoteImage,
                 {
                   src: item.iconUrl,
@@ -6789,7 +6892,7 @@ var Select = ({
                   className: "agg-select-item-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
             ]
           },
           item.value
@@ -6797,7 +6900,7 @@ var Select = ({
       })
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
     "div",
     {
       ref: containerRef,
@@ -6807,7 +6910,7 @@ var Select = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
           "button",
           {
             type: "button",
@@ -6831,7 +6934,7 @@ var Select = ({
             onPointerEnter: handlePointerEnter,
             onPointerLeave: handlePointerLeave,
             children: [
-              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime122.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_runtime122.jsx)(
+              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime124.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_runtime124.jsx)(
                 RemoteImage,
                 {
                   src: selectedItem.iconUrl,
@@ -6839,18 +6942,18 @@ var Select = ({
                   className: "agg-select-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           "span",
           {
             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_runtime122.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
               Icon,
               {
                 name: isOpen ? "chevron-up" : "chevron-down-thin",
@@ -6930,7 +7033,7 @@ var getTypographyClassName = ({
 };
 
 // src/primitives/typography/index.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 var Typography = ({
   as: Component = "p",
   variant = "body",
@@ -6938,23 +7041,14 @@ var Typography = ({
   children,
   "aria-label": ariaLabel
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Component, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Component, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
 };
 Typography.displayName = "Typography";
 
-// src/primitives/toast/index.tsx
-var RadixToast = __toESM(require("@radix-ui/react-toast"));
-var import_react7 = require("react");
-var import_jsx_runtime124 = require("react/jsx-runtime");
-var ToastContext = (0, import_react7.createContext)(null);
-function useOptionalToast() {
-  return (0, import_react7.useContext)(ToastContext);
-}
-
 // src/primitives/tooltip/index.tsx
-var import_hooks29 = require("@agg-build/hooks");
+var import_hooks30 = require("@agg-build/hooks");
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // src/primitives/tooltip/tooltip.constants.ts
 var tooltipSizeClasses = {
@@ -6986,7 +7080,7 @@ var resolveTooltipArrowDimensions = (size) => {
 };
 
 // src/primitives/tooltip/index.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 var Tooltip = ({
   content,
   children,
@@ -7001,25 +7095,25 @@ var Tooltip = ({
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks29.useSdkUiConfig)();
-  const trigger = (0, import_react8.useMemo)(() => {
+  } = (0, import_hooks30.useSdkUiConfig)();
+  const trigger = (0, import_react9.useMemo)(() => {
     if (children) return children;
-    return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
       "button",
       {
         type: "button",
         className: resolveTooltipTriggerClassName(classNames == null ? void 0 : classNames.trigger),
         "aria-label": ariaLabel != null ? ariaLabel : defaultTooltipTriggerAriaLabel,
-        children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
       }
     );
   }, [children, classNames == null ? void 0 : classNames.trigger, classNames == null ? void 0 : classNames.icon, ariaLabel]);
   const { width: arrowWidth, height: arrowHeight } = resolveTooltipArrowDimensions(size);
   const arrowPoints = `0,0 ${arrowWidth},0 ${arrowWidth / 2},${arrowHeight}`;
   const arrowBorderPath = `M0 0 L${arrowWidth / 2} ${arrowHeight} L${arrowWidth} 0`;
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(TooltipPrimitive.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(TooltipPrimitive.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
       TooltipPrimitive.Content,
       {
         side,
@@ -7043,7 +7137,7 @@ var Tooltip = ({
           classNames == null ? void 0 : classNames.content
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
             "svg",
             {
               width: arrowWidth,
@@ -7052,8 +7146,8 @@ var Tooltip = ({
               "aria-hidden": "true",
               className: cn("overflow-visible", classNames == null ? void 0 : classNames.arrow),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
-                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
                   "path",
                   {
                     d: arrowBorderPath,
@@ -7075,18 +7169,18 @@ var Tooltip = ({
 Tooltip.displayName = "Tooltip";
 
 // src/onboarding/steps/profile-setup.tsx
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 var ProfileSetupStep = ({ onContinue }) => {
-  const labels = (0, import_hooks30.useLabels)();
-  const [username, setUsername] = (0, import_react9.useState)("");
-  const [avatarFile, setAvatarFile] = (0, import_react9.useState)();
-  const [avatarPreview, setAvatarPreview] = (0, import_react9.useState)();
-  const fileInputRef = (0, import_react9.useRef)(null);
-  const handleAvatarClick = (0, import_react9.useCallback)(() => {
+  const labels = (0, import_hooks31.useLabels)();
+  const [username, setUsername] = (0, import_react10.useState)("");
+  const [avatarFile, setAvatarFile] = (0, import_react10.useState)();
+  const [avatarPreview, setAvatarPreview] = (0, import_react10.useState)();
+  const fileInputRef = (0, import_react10.useRef)(null);
+  const handleAvatarClick = (0, import_react10.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react9.useCallback)((e) => {
+  const handleFileChange = (0, import_react10.useCallback)((e) => {
     var _a;
     const file = (_a = e.target.files) == null ? void 0 : _a[0];
     if (!file) return;
@@ -7098,18 +7192,18 @@ var ProfileSetupStep = ({ onContinue }) => {
     };
     reader.readAsDataURL(file);
   }, []);
-  const handleContinue = (0, import_react9.useCallback)(() => {
+  const handleContinue = (0, import_react10.useCallback)(() => {
     onContinue({
       username,
       avatarFile,
       avatarPreview
     });
   }, [username, avatarFile, avatarPreview, onContinue]);
-  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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-7", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
           "button",
           {
             type: "button",
@@ -7125,13 +7219,13 @@ var ProfileSetupStep = ({ onContinue }) => {
             ),
             "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
             children: [
-              !avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+              !avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime127.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_runtime126.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                     "circle",
                     {
                       cx: "40",
@@ -7145,18 +7239,18 @@ var ProfileSetupStep = ({ onContinue }) => {
                   )
                 }
               ) : null,
-              avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+              avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                 RemoteImage,
                 {
                   src: avatarPreview,
                   alt: labels.onboarding.profileSetup.profilePreviewAlt,
                   className: "h-full w-full object-cover"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           "input",
           {
             ref: fileInputRef,
@@ -7168,8 +7262,8 @@ var ProfileSetupStep = ({ onContinue }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           "label",
           {
             htmlFor: "onboarding-username",
@@ -7177,7 +7271,7 @@ var ProfileSetupStep = ({ onContinue }) => {
             children: labels.onboarding.profileSetup.usernameLabel
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           "input",
           {
             id: "onboarding-username",
@@ -7201,16 +7295,16 @@ var ProfileSetupStep = ({ onContinue }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
+    /* @__PURE__ */ (0, import_jsx_runtime127.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_hooks31 = require("@agg-build/hooks");
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_hooks32 = require("@agg-build/hooks");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
-  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)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
 };
 var VenueCard = ({
   logos,
@@ -7221,8 +7315,8 @@ var VenueCard = ({
   onConnect,
   connected = false
 }) => {
-  const labels = (0, import_hooks31.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)(
+  const labels = (0, import_hooks32.useLabels)();
+  const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
     Button,
     {
       variant: "tertiary",
@@ -7232,18 +7326,18 @@ var VenueCard = ({
       children: labels.onboarding.connectAccounts.connect
     }
   );
-  const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+  const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime128.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_runtime127.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
+      suffix: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
       children: labels.onboarding.connectAccounts.connectAccount
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     "div",
     {
       className: cn(
@@ -7251,23 +7345,23 @@ var VenueCard = ({
         connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
       ),
       children: [
-        /* @__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: title2 }),
-              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex items-center gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title2 }),
+              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "shrink-0", children: action })
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "shrink-0", children: action })
         ] }),
-        /* @__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 : title2 })
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title2 })
           ] }),
-          /* @__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 }),
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
             mobileAction
           ] })
         ] })
@@ -7280,14 +7374,14 @@ var ConnectAccountsStep = ({
   onContinue,
   connectedOnchain = false
 }) => {
-  const labels = (0, import_hooks31.useLabels)();
+  const labels = (0, import_hooks32.useLabels)();
   const canContinue = connectedOnchain;
-  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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
       VenueCard,
       {
-        logos: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(OnchainVenueLogos, {}),
+        logos: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(OnchainVenueLogos, {}),
         title: labels.onboarding.connectAccounts.onchainTitle,
         mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
           ONCHAIN_VENUES.length - 1
@@ -7298,7 +7392,7 @@ var ConnectAccountsStep = ({
         connected: connectedOnchain
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
       Button,
       {
         variant: "primary",
@@ -7314,22 +7408,22 @@ var ConnectAccountsStep = ({
 ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
-var import_react10 = require("react");
-var import_hooks32 = require("@agg-build/hooks");
+var import_react11 = require("react");
+var import_hooks33 = require("@agg-build/hooks");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 var ConnectOnchainModal = ({
   open,
   onOpenChange,
   onConnect
 }) => {
-  const labels = (0, import_hooks32.useLabels)();
-  const [connecting, setConnecting] = (0, import_react10.useState)(false);
-  const [error, setError] = (0, import_react10.useState)();
-  const handleCancel = (0, import_react10.useCallback)(() => {
+  const labels = (0, import_hooks33.useLabels)();
+  const [connecting, setConnecting] = (0, import_react11.useState)(false);
+  const [error, setError] = (0, import_react11.useState)();
+  const handleCancel = (0, import_react11.useCallback)(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleConnect = (0, import_react10.useCallback)(() => __async(null, null, function* () {
+  const handleConnect = (0, import_react11.useCallback)(() => __async(null, null, function* () {
     if (connecting) return;
     setConnecting(true);
     setError(void 0);
@@ -7344,7 +7438,7 @@ var ConnectOnchainModal = ({
       setConnecting(false);
     }
   }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
-  const handleOpenChange = (0, import_react10.useCallback)(
+  const handleOpenChange = (0, import_react11.useCallback)(
     (value) => {
       if (value) {
         setError(void 0);
@@ -7354,15 +7448,15 @@ var ConnectOnchainModal = ({
     },
     [onOpenChange]
   );
-  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.connectOnchainModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
           Modal.Header,
           {
             hideClose: false,
@@ -7373,26 +7467,26 @@ var ConnectOnchainModal = ({
             }
           }
         ),
-        /* @__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_runtime129.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.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.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] })
+          /* @__PURE__ */ (0, import_jsx_runtime129.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_runtime129.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_runtime129.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_runtime129.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
+              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(VenueLogo, { venue, size: "medium" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
             ] }, venue)) })
           ] }),
-          /* @__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 })
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
+              error ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 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.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -7403,7 +7497,7 @@ var ConnectOnchainModal = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
               Button,
               {
                 variant: "tertiary",
@@ -7422,12 +7516,12 @@ var ConnectOnchainModal = ({
 ConnectOnchainModal.displayName = "ConnectOnchainModal";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
-var import_hooks33 = require("@agg-build/hooks");
+var import_hooks34 = require("@agg-build/hooks");
 var import_sdk14 = require("@agg-build/sdk");
 var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_zod = require("zod");
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime130 = 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)
@@ -7449,25 +7543,25 @@ var ConnectKalshiModal = ({
   onOpenChange,
   onVerify
 }) => {
-  const labels = (0, import_hooks33.useLabels)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks33.useAppConfig)();
-  const apiKeyInputRef = (0, import_react11.useRef)(null);
-  const errorId = (0, import_react11.useId)();
-  const [apiKeyId, setApiKeyId] = (0, import_react11.useState)("");
-  const [privateKey, setPrivateKey] = (0, import_react11.useState)("");
-  const [isVerifying, setIsVerifying] = (0, import_react11.useState)(false);
-  const [isConnected, setIsConnected] = (0, import_react11.useState)(false);
-  const [error, setError] = (0, import_react11.useState)();
-  const availabilityState = (0, import_hooks33.getVenueAvailabilityState)({
+  const labels = (0, import_hooks34.useLabels)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks34.useAppConfig)();
+  const apiKeyInputRef = (0, import_react12.useRef)(null);
+  const errorId = (0, import_react12.useId)();
+  const [apiKeyId, setApiKeyId] = (0, import_react12.useState)("");
+  const [privateKey, setPrivateKey] = (0, import_react12.useState)("");
+  const [isVerifying, setIsVerifying] = (0, import_react12.useState)(false);
+  const [isConnected, setIsConnected] = (0, import_react12.useState)(false);
+  const [error, setError] = (0, import_react12.useState)();
+  const availabilityState = (0, import_hooks34.getVenueAvailabilityState)({
     venueId: import_sdk14.Venue.kalshi,
     disabledVenues,
     isConfigLoading: isAppConfigLoading
   });
-  const parsedCredentials = (0, import_react11.useMemo)(
+  const parsedCredentials = (0, import_react12.useMemo)(
     () => kalshiCredentialsSchema.safeParse({ apiKeyId, privateKey }),
     [apiKeyId, privateKey]
   );
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!open) return;
     setApiKeyId("");
     setPrivateKey("");
@@ -7480,14 +7574,14 @@ var ConnectKalshiModal = ({
     });
     return () => window.cancelAnimationFrame(animationFrame);
   }, [open]);
-  const handleOpenChange = (0, import_react11.useCallback)(
+  const handleOpenChange = (0, import_react12.useCallback)(
     (nextOpen) => {
       if (isVerifying && !nextOpen) return;
       onOpenChange(nextOpen);
     },
     [isVerifying, onOpenChange]
   );
-  const handleVerify = (0, import_react11.useCallback)(() => __async(null, null, function* () {
+  const handleVerify = (0, import_react12.useCallback)(() => __async(null, null, function* () {
     if (!parsedCredentials.success || isVerifying || isConnected) return;
     const credentials = parsedCredentials.data;
     setIsVerifying(true);
@@ -7514,7 +7608,7 @@ var ConnectKalshiModal = ({
     onVerify,
     parsedCredentials
   ]);
-  const handleSubmit = (0, import_react11.useCallback)(
+  const handleSubmit = (0, import_react12.useCallback)(
     (event) => {
       event.preventDefault();
       void handleVerify();
@@ -7522,30 +7616,30 @@ var ConnectKalshiModal = ({
     [handleVerify]
   );
   if (availabilityState === "hidden") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
       classNames: { container: "!rounded-agg-2xl" },
       children: [
-        /* @__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)(
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "flex h-[60px] shrink-0 items-center justify-end px-8", children: /* @__PURE__ */ (0, import_jsx_runtime130.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_runtime129.jsx)(Icon, { name: "close", size: "medium" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Icon, { name: "close", size: "medium" })
           }
         ) }),
-        /* @__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)(
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Modal.Body, { classNames: { root: "!px-5 !pb-12 !pt-0 sm:!px-10" }, children: isConnected ? /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
           "div",
           {
             className: "flex flex-col items-center gap-8 pb-3 text-center",
             role: "status",
             "aria-live": "polite",
             children: [
-              /* @__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)(
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "flex size-[60px] items-center justify-center rounded-agg-full bg-agg-success", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                 Icon,
                 {
                   name: "success-check",
@@ -7553,11 +7647,11 @@ var ConnectKalshiModal = ({
                   "aria-hidden": "true"
                 }
               ) }),
-              /* @__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_runtime130.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime130.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_runtime130.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.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -7569,27 +7663,27 @@ var ConnectKalshiModal = ({
               )
             ]
           }
-        ) : /* @__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_sdk14.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_runtime130.jsxs)("form", { className: "flex flex-col items-center gap-8", onSubmit: handleSubmit, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(VenueLogo, { venue: import_sdk14.Venue.kalshi, variant: "logo", size: "large", className: "size-[60px]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime130.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_runtime130.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)("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_runtime130.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime130.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_runtime130.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: "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: [
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                     "a",
                     {
                       href: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl,
@@ -7600,34 +7694,34 @@ var ConnectKalshiModal = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
                 labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("br", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("br", {}),
                 labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
               ] })
             ] }),
-            /* @__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_runtime130.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime130.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_runtime130.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.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)(
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-api-key-id",
@@ -7635,7 +7729,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                   "input",
                   {
                     ref: apiKeyInputRef,
@@ -7657,8 +7751,8 @@ var ConnectKalshiModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-private-key",
@@ -7666,7 +7760,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                   "textarea",
                   {
                     id: "kalshi-private-key",
@@ -7689,22 +7783,22 @@ var ConnectKalshiModal = ({
               ] })
             ] })
           ] }),
-          /* @__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" }),
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex w-full items-center justify-between gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Icon, { name: "document", size: "small", className: "size-4 text-agg-primary" }),
                 labels.onboarding.connectKalshiModal.help.docsLinkLabel
               ] }),
-              /* @__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" }),
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Icon, { name: "play-square", size: "small", className: "size-4 text-agg-primary" }),
                 labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col items-center gap-5", children: [
-            error ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex flex-col items-center gap-5", children: [
+            error ? /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
               "div",
               {
                 id: errorId,
@@ -7712,13 +7806,13 @@ var ConnectKalshiModal = ({
                 role: "alert",
                 "aria-live": "assertive",
                 children: [
-                  /* @__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 })
+                  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Icon, { name: "warning", size: "small", className: "size-3.5 text-agg-error" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
                 ]
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                 Button,
                 {
                   variant: "secondary",
@@ -7728,7 +7822,7 @@ var ConnectKalshiModal = ({
                   children: labels.onboarding.connectKalshiModal.actions.cancel
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                 Button,
                 {
                   type: "submit",
@@ -7749,7 +7843,7 @@ var ConnectKalshiModal = ({
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
 // src/onboarding/index.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var OnboardingModal = ({
   open,
   onOpenChange,
@@ -7760,55 +7854,55 @@ var OnboardingModal = ({
   connectedOnchain = false
 }) => {
   var _a;
-  const labels = (0, import_hooks34.useLabels)();
-  const [step, setStep] = (0, import_react12.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
+  const labels = (0, import_hooks35.useLabels)();
+  const [step, setStep] = (0, import_react13.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_react12.useState)(false);
-  const [onchainConnected, setOnchainConnected] = (0, import_react12.useState)(false);
-  (0, import_react12.useEffect)(() => {
+  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react13.useState)(false);
+  const [onchainConnected, setOnchainConnected] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
       setOnchainConnected(false);
     }
   }, [open]);
-  const handleHowItWorksContinue = (0, import_react12.useCallback)(() => {
+  const handleHowItWorksContinue = (0, import_react13.useCallback)(() => {
     setStep(ONBOARDING_STEPS.PROFILE_SETUP);
   }, []);
-  const handleProfileContinue = (0, import_react12.useCallback)(
+  const handleProfileContinue = (0, import_react13.useCallback)(
     (data) => {
       onProfileSubmit == null ? void 0 : onProfileSubmit(data);
       setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
     },
     [onProfileSubmit]
   );
-  const handleConnectContinue = (0, import_react12.useCallback)(() => {
+  const handleConnectContinue = (0, import_react13.useCallback)(() => {
     onComplete == null ? void 0 : onComplete();
   }, [onComplete]);
-  const handleOpenOnchainModal = (0, import_react12.useCallback)(() => {
+  const handleOpenOnchainModal = (0, import_react13.useCallback)(() => {
     setOnchainModalOpen(true);
   }, []);
-  const handleOnchainConnect = (0, import_react12.useCallback)(() => __async(null, null, function* () {
+  const handleOnchainConnect = (0, import_react13.useCallback)(() => __async(null, null, function* () {
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
       Modal.Container,
       {
         maxWidth: "600px",
         "aria-label": resolvedTitle,
         classNames: { container: "!rounded-agg-lg" },
         children: [
-          /* @__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)(
+          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Dialog4.Title, { className: "sr-only", children: resolvedTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime131.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_runtime131.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
+            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
+            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
@@ -7820,7 +7914,7 @@ var OnboardingModal = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
       ConnectOnchainModal,
       {
         open: onchainModalOpen,
@@ -7832,98 +7926,6 @@ var OnboardingModal = ({
 };
 OnboardingModal.displayName = "OnboardingModal";
 
-// src/notifications/agg-notification-events-provider.tsx
-var import_hooks35 = require("@agg-build/hooks");
-var import_react13 = require("react");
-var import_jsx_runtime131 = require("react/jsx-runtime");
-var firedOrderNotificationKeys = /* @__PURE__ */ new Set();
-var MICRO_UNITS_SCALE = 1e6;
-var formatScaledMicroAmount = (value) => {
-  if (!value) return void 0;
-  if (value.includes(".")) {
-    const parsed = Number(value);
-    if (!Number.isFinite(parsed)) return void 0;
-    return parsed.toLocaleString("en-US", { maximumFractionDigits: 2 });
-  }
-  try {
-    const raw = BigInt(value);
-    const whole = raw / BigInt(MICRO_UNITS_SCALE);
-    const remainder = raw % BigInt(MICRO_UNITS_SCALE);
-    const parsed = Number(whole) + Number(remainder) / MICRO_UNITS_SCALE;
-    return parsed.toLocaleString("en-US", { maximumFractionDigits: 2 });
-  } catch (e) {
-    const parsed = Number(value);
-    if (!Number.isFinite(parsed)) return void 0;
-    return (parsed / MICRO_UNITS_SCALE).toLocaleString("en-US", { maximumFractionDigits: 2 });
-  }
-};
-var formatPriceCents = (value) => {
-  if (!value) return void 0;
-  const parsed = Number(value);
-  if (!Number.isFinite(parsed)) return void 0;
-  const cents = parsed * 100;
-  const display2 = cents.toLocaleString("en-US", {
-    minimumFractionDigits: 0,
-    maximumFractionDigits: 1
-  });
-  return `${display2}\xA2`;
-};
-var formatSharesLabel = (raw) => {
-  const formatted = formatScaledMicroAmount(raw);
-  if (!formatted) return void 0;
-  return `${formatted} shares`;
-};
-var capitalize = (value) => {
-  if (!value) return void 0;
-  return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase();
-};
-var venueLabelFor = (venueKey, labels) => {
-  var _a;
-  if (!venueKey) return void 0;
-  const normalized = venueKey.toLowerCase();
-  const lookup = labels.venues;
-  return (_a = lookup[normalized]) != null ? _a : capitalize(venueKey);
-};
-function handleOrderEvent({ event, labels, fireOnce }) {
-  var _a, _b;
-  const venueLabel = venueLabelFor(event.venue, labels);
-  const amountLabel = formatSharesLabel((_a = event.actualSharesRaw) != null ? _a : event.filledAmountRaw);
-  const priceLabel = formatPriceCents((_b = event.executionPriceRaw) != null ? _b : event.quotedPriceRaw);
-  const fireOrderOnce = (key, tone, title2, message, detail) => {
-    if (firedOrderNotificationKeys.has(key)) return;
-    firedOrderNotificationKeys.add(key);
-    fireOnce(key, tone, title2, message, detail);
-  };
-  if (event.event === "filled") {
-    fireOrderOnce(
-      `order:${event.orderId}:filled`,
-      "success",
-      labels.notifications.order.filledTitle,
-      labels.notifications.order.filledMessage({ venueLabel, amountLabel, priceLabel })
-    );
-    return;
-  }
-  if (event.event === "partial_fill") {
-    fireOrderOnce(
-      `order:${event.orderId}:partial_fill`,
-      "warning",
-      labels.notifications.order.partialFilledTitle,
-      labels.notifications.order.partialFilledMessage({ venueLabel, amountLabel, priceLabel })
-    );
-    return;
-  }
-  if (event.event === "failed") {
-    fireOrderOnce(
-      `order:${event.orderId}:failed`,
-      "error",
-      labels.notifications.order.failedTitle,
-      labels.notifications.order.failedMessage(event.errorReason),
-      venueLabel
-    );
-  }
-}
-var CLIENT_DEPOSIT_ACTIVITY_SUPPRESSION_MS = 2 * 60 * 1e3;
-
 // src/shared/deposit-modal-events.ts
 var DEPOSIT_MODAL_OPEN_EVENT = "agg-deposit:open-modal";
 var requestAggDepositModalOpen = () => {
@@ -8009,6 +8011,7 @@ var MIN_SELL_ORDER_SHARES = 1;
 var DEFAULT_SLIPPAGE_VALUE = "0.5";
 var HIGH_SLIPPAGE_THRESHOLD = 10;
 var PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT = 3;
+var PLACE_ORDER_MAXIMIZE_PAYOUT_ROUTE_ID = "live-maximize-payout";
 var PLACE_ORDER_NUMERIC_INPUT_CLASS_NAME = "bg-transparent text-right text-agg-3xl font-agg-bold leading-agg-9 tracking-agg-normal text-agg-foreground outline-none";
 var PLACE_ORDER_CONTAINER_CLASS_NAME = "w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary shadow-none hover:shadow-none";
 var PLACE_ORDER_OUTCOME_BUTTON_CLASS_NAMES = {
@@ -8483,6 +8486,29 @@ var routePriceLabelFormatter = new Intl.NumberFormat("en-US", {
   maximumFractionDigits: 1
 });
 var GEO_BLOCK_WARNING_PREFIX = "Venue not available in your region";
+var floorToDecimals = (value, decimals) => {
+  if (!Number.isFinite(value) || value <= 0) return 0;
+  const [coefficient = "0", exponentText = "0"] = value.toString().toLowerCase().split("e");
+  const [whole = "0", fraction = ""] = coefficient.split(".");
+  const exponent = Number(exponentText);
+  const digits = `${whole}${fraction}`;
+  const decimalIndex = whole.length + exponent;
+  const normalized = decimalIndex <= 0 ? `0.${"0".repeat(-decimalIndex)}${digits}` : decimalIndex >= digits.length ? `${digits}${"0".repeat(decimalIndex - digits.length)}` : `${digits.slice(0, decimalIndex)}.${digits.slice(decimalIndex)}`;
+  const [normalizedWhole = "0", normalizedFraction = ""] = normalized.split(".");
+  const truncatedFraction = normalizedFraction.slice(0, decimals);
+  return Number(
+    truncatedFraction.length > 0 ? `${normalizedWhole}.${truncatedFraction}` : normalizedWhole
+  );
+};
+var formatFlooredShareAmount = (value, decimals) => {
+  const flooredValue = floorToDecimals(value, decimals);
+  if (flooredValue <= 0) return "0";
+  const formattedValue = flooredValue.toLocaleString("en-US", {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: decimals
+  });
+  return formattedValue.replace(/(\.\d*?[1-9])0+$/u, "$1").replace(/\.0+$/u, "");
+};
 var normalizeOutcomeName = (value) => {
   var _a;
   return (_a = value == null ? void 0 : value.trim().toLowerCase()) != null ? _a : "";
@@ -8632,18 +8658,24 @@ var mapVenueMarketOutcomesToPlaceOrderOutcomes = (venueMarketOutcomes) => {
     };
   });
 };
-var mapQuoteDataToRoutingRows = (quoteData) => {
+var mapQuoteDataToRoutingRows = (quoteData, tradeSide = "buy") => {
   if (!(quoteData == null ? void 0 : quoteData.fills.length)) return [];
-  return quoteData.fills.map((fill) => ({
-    venue: fill.venue,
-    label: getTradingValueLabel({ amount: fill.venueQty * fill.avgPrice }),
-    priceLabel: getTradingRoutePriceLabel(fill.avgPrice),
-    resultLabel: getTradingValueLabel({
-      amount: fill.venueQty,
-      minimumFractionDigits: 2,
-      maximumFractionDigits: 2
-    })
-  }));
+  return quoteData.fills.map((fill) => {
+    const allocationValueLabel = getTradingValueLabel(__spreadValues({
+      amount: fill.venueQty * fill.avgPrice
+    }, tradeSide === "sell" ? { minimumFractionDigits: 2, maximumFractionDigits: 2 } : {}));
+    const allocationSharesLabel = `${formatFlooredShareAmount(fill.venueQty, 2)} shares`;
+    return {
+      venue: fill.venue,
+      label: tradeSide === "sell" ? allocationSharesLabel : allocationValueLabel,
+      priceLabel: getTradingRoutePriceLabel(fill.avgPrice),
+      resultLabel: tradeSide === "sell" ? allocationValueLabel : getTradingValueLabel({
+        amount: fill.venueQty,
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+      })
+    };
+  });
 };
 var deriveAggregateOrderStatus = (orderIds, terminalEvents) => {
   if (!orderIds.length) return "pending";
@@ -8822,7 +8854,8 @@ var buildLiveRouteCards = ({
     ),
     numericValue: tradeSide === "sell" ? quoteData.rawExecCost : quoteData.totalFilled,
     quoteData,
-    rows: mapQuoteDataToRoutingRows(quoteData),
+    rows: mapQuoteDataToRoutingRows(quoteData, tradeSide),
+    description: labels.splitOrderDescription,
     value: primaryResult.value,
     venue: isSplit ? void 0 : parsedPrimaryVenue.success ? parsedPrimaryVenue.data : void 0
   } : null;
@@ -8956,6 +8989,9 @@ var clampSellSharesToAvailability = (requestedSellShares, availableShares) => {
     requestedAtomicShares < availableAtomicShares ? requestedAtomicShares : availableAtomicShares
   );
 };
+var hasInsufficientVenueInventory = (requestedSellShares, availableShares) => {
+  return sellSharesToAtomicUnits(requestedSellShares) > sellSharesToAtomicUnits(availableShares);
+};
 var getRemainingVenueSellShares = (availableShares, filledShares) => {
   const availableAtomicShares = sellSharesToAtomicUnits(availableShares);
   const filledAtomicShares = sellSharesToAtomicUnits(filledShares);
@@ -8992,12 +9028,37 @@ var buildVenueSellQuoteRequests = ({
 };
 var buildLiveSellRouteCards = ({
   labels,
+  requestedSellShares,
   smartQuoteData,
   venueQuotes,
   eventVenues = [],
   geoBlockedVenues
 }) => {
   var _a;
+  const availabilityRequests = buildVenueSellQuoteRequests({
+    quoteData: smartQuoteData,
+    requestedSellShares
+  });
+  const availabilityRequestByVenue = new Map(
+    availabilityRequests.map((request) => [request.venue, request])
+  );
+  const decorateVenueCard = (card, request) => {
+    if (card.kind !== "venue" || !card.venue || !request) return card;
+    const executionPrice = card.quoteData.totalFilled > 0 ? card.quoteData.rawExecCost / card.quoteData.totalFilled : void 0;
+    const insufficientInventory = hasInsufficientVenueInventory(
+      requestedSellShares,
+      request.availableShares
+    );
+    const sharesLabel = labels.shares(floorToDecimals(request.availableShares, 2));
+    const priceLabel = executionPrice == null ? "\u2014" : getTradingRoutePriceLabel(executionPrice);
+    return __spreadProps(__spreadValues({}, card), {
+      availableShares: request.availableShares,
+      executionPrice,
+      hint: card.isUnavailable ? card.hint : insufficientInventory ? labels.insufficientVenueInventory(sharesLabel, priceLabel) : labels.venueInventory(sharesLabel, priceLabel),
+      id: `live-solo-${card.venue}`,
+      insufficientInventory
+    });
+  };
   const smartRouteCards = smartQuoteData ? buildLiveRouteCards({
     labels,
     quoteData: __spreadProps(__spreadValues({}, smartQuoteData), {
@@ -9006,12 +9067,25 @@ var buildLiveSellRouteCards = ({
     tradeSide: "sell",
     eventVenues,
     geoBlockedVenues
+  }).map((card) => {
+    if (card.kind === "split") {
+      return __spreadProps(__spreadValues({}, card), {
+        description: labels.maximizePayoutDescription,
+        id: PLACE_ORDER_MAXIMIZE_PAYOUT_ROUTE_ID,
+        label: labels.maximizePayout
+      });
+    }
+    return decorateVenueCard(
+      card,
+      card.venue ? availabilityRequestByVenue.get(card.venue) : void 0
+    );
   }) : [];
   const smartRouteVenue = (smartQuoteData == null ? void 0 : smartQuoteData.status) === "ok" && smartQuoteData.fills.length === 1 ? parseVenue((_a = smartQuoteData.fills[0]) == null ? void 0 : _a.venue) : null;
   const independentVenueCards = /* @__PURE__ */ new Map();
   for (const venueQuote of venueQuotes) {
     const quoteData = venueQuote.quoteData;
-    if (!(quoteData == null ? void 0 : quoteData.quoteId) || quoteData.status !== "ok" || quoteData.fills.length === 0 || quoteData.fills.some((fill) => fill.venue !== venueQuote.venue) || (smartRouteVenue == null ? void 0 : smartRouteVenue.success) && smartRouteVenue.data === venueQuote.venue) {
+    const { venue } = venueQuote.request;
+    if (!(quoteData == null ? void 0 : quoteData.quoteId) || quoteData.status !== "ok" || quoteData.fills.length === 0 || quoteData.fills.some((fill) => fill.venue !== venue) || (smartRouteVenue == null ? void 0 : smartRouteVenue.success) && smartRouteVenue.data === venue) {
       continue;
     }
     const [venueCard] = buildLiveRouteCards({
@@ -9022,17 +9096,17 @@ var buildLiveSellRouteCards = ({
       tradeSide: "sell",
       geoBlockedVenues
     });
-    if (!venueCard || venueCard.kind !== "venue" || venueCard.venue !== venueQuote.venue) {
+    if (!venueCard || venueCard.kind !== "venue" || venueCard.venue !== venue) {
       continue;
     }
-    independentVenueCards.set(venueQuote.venue, __spreadProps(__spreadValues({}, venueCard), {
-      id: `live-solo-${venueQuote.venue}`
-    }));
+    independentVenueCards.set(venue, decorateVenueCard(venueCard, venueQuote.request));
   }
   const deduplicatedSmartRouteCards = smartRouteCards.filter(
     (card) => !card.venue || !independentVenueCards.has(card.venue)
   );
   return [...deduplicatedSmartRouteCards, ...independentVenueCards.values()].sort((left, right) => {
+    if (left.id === PLACE_ORDER_MAXIMIZE_PAYOUT_ROUTE_ID) return -1;
+    if (right.id === PLACE_ORDER_MAXIMIZE_PAYOUT_ROUTE_ID) return 1;
     if (!!left.isUnavailable !== !!right.isUnavailable) {
       return left.isUnavailable ? 1 : -1;
     }
@@ -10093,29 +10167,6 @@ PlaceOrderSuccessView.displayName = "PlaceOrderSuccessView";
 var import_jsx_runtime135 = require("react/jsx-runtime");
 var SELL_SHARE_INPUT_DECIMALS = 6;
 var SELL_SHARE_DISPLAY_DECIMALS = 2;
-var floorToDecimals = (value, decimals) => {
-  if (!Number.isFinite(value) || value <= 0) return 0;
-  const [coefficient = "0", exponentText = "0"] = value.toString().toLowerCase().split("e");
-  const [whole = "0", fraction = ""] = coefficient.split(".");
-  const exponent = Number(exponentText);
-  const digits = `${whole}${fraction}`;
-  const decimalIndex = whole.length + exponent;
-  const normalized = decimalIndex <= 0 ? `0.${"0".repeat(-decimalIndex)}${digits}` : decimalIndex >= digits.length ? `${digits}${"0".repeat(decimalIndex - digits.length)}` : `${digits.slice(0, decimalIndex)}.${digits.slice(decimalIndex)}`;
-  const [normalizedWhole = "0", normalizedFraction = ""] = normalized.split(".");
-  const truncatedFraction = normalizedFraction.slice(0, decimals);
-  return Number(
-    truncatedFraction.length > 0 ? `${normalizedWhole}.${truncatedFraction}` : normalizedWhole
-  );
-};
-var formatFlooredShareAmount = (value, decimals) => {
-  const flooredValue = floorToDecimals(value, decimals);
-  if (flooredValue <= 0) return "0";
-  const formattedValue = flooredValue.toLocaleString("en-US", {
-    minimumFractionDigits: 0,
-    maximumFractionDigits: decimals
-  });
-  return formattedValue.replace(/(\.\d*?[1-9])0+$/u, "$1").replace(/\.0+$/u, "");
-};
 var resolvePlaceOrderPortalContainer = (triggerElement) => {
   var _a;
   return (_a = triggerElement == null ? void 0 : triggerElement.closest(".agg-modal-center")) != null ? _a : void 0;
@@ -10673,7 +10724,7 @@ var renderRouteCard = ({
   onSelect,
   tradingLabels
 }) => {
-  var _a, _b;
+  var _a, _b, _c;
   const showSplitDetails = isSelected && isExpanded && card.kind === "split" && !!((_a = card.rows) == null ? void 0 : _a.length);
   const ariaLabel = [card.label, card.hint, card.value].filter(Boolean).join(" ");
   return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
@@ -10728,6 +10779,14 @@ var renderRouteCard = ({
                     className: "shrink-0 text-agg-muted-foreground",
                     "aria-hidden": "true"
                   }
+                ) : card.insufficientInventory ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                  Icon,
+                  {
+                    name: "warning",
+                    size: "xs",
+                    className: "shrink-0 text-agg-muted-foreground",
+                    "aria-hidden": "true"
+                  }
                 ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                   Icon,
                   {
@@ -10754,8 +10813,8 @@ var renderRouteCard = ({
           )
         ] }),
         showSplitDetails ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: (_b = card.description) != null ? _b : tradingLabels.splitOrderDescription }),
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_c = card.rows) == null ? void 0 : _c.map((row) => renderRouteBreakdownRow(row)) })
         ] }) : null
       ] })
     }
@@ -11362,9 +11421,10 @@ var PlaceOrder = ({
         eventVenues,
         geoBlockedVenues: inheritedBuyGeoBlockedVenues,
         labels: tradingLabels,
+        requestedSellShares: debouncedAmount,
         smartQuoteData: smartRoute.data,
         venueQuotes: venueSellQuotes.quotes.map((venueQuote) => ({
-          venue: venueQuote.request.venue,
+          request: venueQuote.request,
           quoteData: venueQuote.data
         }))
       });
@@ -11376,6 +11436,7 @@ var PlaceOrder = ({
       tradeSide: "buy"
     }) : [];
   }, [
+    debouncedAmount,
     smartRoute.data,
     tradingLabels,
     inheritedBuyGeoBlockedVenues,
@@ -11383,16 +11444,19 @@ var PlaceOrder = ({
     scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets,
     venueSellQuotes.quotes
   ]);
+  const isSellQuoteTransitioning = isSell && (isQuoteInputEditing || smartRoute.isLoading || smartRoute.isFetching || venueSellQuotes.isLoading || venueSellQuotes.isFetching);
   const resolvedSelectedRouteCardId = (0, import_react16.useMemo)(() => {
     var _a2;
-    if (routeCards.length === 0) return null;
     if (selectedRouteCardId && routeCards.some((card) => card.id === selectedRouteCardId && !card.isUnavailable)) {
       return selectedRouteCardId;
     }
+    if (selectedRouteCardId && isSellQuoteTransitioning) return selectedRouteCardId;
+    if (routeCards.length === 0) return null;
     return resolveDefaultRouteCardId(routeCards, isSell ? void 0 : (_a2 = smartRoute.data) == null ? void 0 : _a2.status);
-  }, [routeCards, selectedRouteCardId, isSell, (_x = smartRoute.data) == null ? void 0 : _x.status]);
+  }, [isSell, isSellQuoteTransitioning, routeCards, selectedRouteCardId, (_x = smartRoute.data) == null ? void 0 : _x.status]);
   (0, import_react16.useEffect)(() => {
     if (routeCards.length === 0) {
+      if (isSellQuoteTransitioning) return;
       setSelectedRouteCardId(null);
       setIsRoutesExpanded(false);
       setIsSplitDetailOpen(false);
@@ -11401,7 +11465,12 @@ var PlaceOrder = ({
     if (resolvedSelectedRouteCardId !== selectedRouteCardId) {
       setSelectedRouteCardId(resolvedSelectedRouteCardId);
     }
-  }, [resolvedSelectedRouteCardId, routeCards.length, selectedRouteCardId]);
+  }, [
+    isSellQuoteTransitioning,
+    resolvedSelectedRouteCardId,
+    routeCards.length,
+    selectedRouteCardId
+  ]);
   const isSubmissionLocked = submissionProgressState != null;
   const isSubmissionLockedRef = (0, import_react16.useRef)(isSubmissionLocked);
   isSubmissionLockedRef.current = isSubmissionLocked;
@@ -11431,6 +11500,11 @@ var PlaceOrder = ({
   (0, import_react16.useEffect)(() => {
     setSelectedLimitVenue(null);
   }, [scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id, scopedSelectedOutcomeId]);
+  (0, import_react16.useEffect)(() => {
+    setSelectedRouteCardId(null);
+    setIsRoutesExpanded(false);
+    setIsSplitDetailOpen(false);
+  }, [executionType, internalTab, scopedSelectedOutcomeId]);
   const orderedRouteCards = routeCards;
   const selectedRouteCard = (_z = (_y = orderedRouteCards.find((card) => card.id === resolvedSelectedRouteCardId)) != null ? _y : orderedRouteCards[0]) != null ? _z : null;
   const isKalshiRoute = (0, import_react16.useMemo)(() => {
@@ -11479,16 +11553,33 @@ var PlaceOrder = ({
   const verifyKalshiConnectionLabel = (_G = (_F = (_E = (_D = labels.onboarding) == null ? void 0 : _D.connectKalshiModal) == null ? void 0 : _E.actions) == null ? void 0 : _F.verifyConnection) != null ? _G : tradingLabels.kycRequired;
   const handleRouteCardSelect = (0, import_react16.useCallback)(
     (cardId) => {
+      const card = routeCards.find((routeCard) => routeCard.id === cardId);
+      if (!card || card.isUnavailable) return;
       if (cardId === resolvedSelectedRouteCardId) {
-        const card = routeCards.find((c) => c.id === cardId);
         if ((card == null ? void 0 : card.kind) === "split") {
           setIsSplitDetailOpen((prev) => !prev);
           return;
         }
       }
       setSelectedRouteCardId(cardId);
+      setIsSplitDetailOpen(false);
+      if (!isSell || card.kind !== "venue" || !card.insufficientInventory || card.availableShares == null) {
+        return;
+      }
+      const clampedAmount = clampSellSharesToAvailability(internalAmount, card.availableShares);
+      if (clampedAmount === internalAmount) return;
+      setInternalAmount(clampedAmount);
+      setSellFilledForOutcomeId(scopedSelectedOutcomeId != null ? scopedSelectedOutcomeId : null);
+      onAmountChange == null ? void 0 : onAmountChange(clampedAmount);
     },
-    [resolvedSelectedRouteCardId, routeCards]
+    [
+      internalAmount,
+      isSell,
+      onAmountChange,
+      resolvedSelectedRouteCardId,
+      routeCards,
+      scopedSelectedOutcomeId
+    ]
   );
   const executionProgress = (0, import_hooks37.useExecutionProgress)({
     orderIds: (_H = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) != null ? _H : null,
@@ -11800,7 +11891,7 @@ var PlaceOrder = ({
   const activeQuoteData = isLimitOrder ? null : (_T = (_S = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) != null ? _S : smartRoute.data) != null ? _T : null;
   const visibleMarketRouteCards = orderedRouteCards.length > PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT && !isRoutesExpanded ? orderedRouteCards.slice(0, PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT) : orderedRouteCards;
   const hasEnteredAmount = internalAmount > 0;
-  const isQuoteLoading = !isLimitOrder && hasEnteredAmount && (smartRoute.isFetching || smartRoute.isLoading || isSell && (venueSellQuotes.isFetching || venueSellQuotes.isLoading));
+  const isQuoteLoading = !isLimitOrder && hasEnteredAmount && (isSell && isQuoteInputEditing || smartRoute.isLoading || !isSell && smartRoute.isFetching || isSell && venueSellQuotes.isLoading);
   const routeLoadingMessage = isQuoteLoading ? smartRoute.loadingReason === "updating-route" ? tradingLabels.updatingRoute : smartRoute.loadingReason === "refreshing-quotes" ? tradingLabels.refreshingQuotes : tradingLabels.findingBestOdds : null;
   const selectedRouteFills = (_U = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData.fills) != null ? _U : [];
   const isKalshiOnlyRoute = isKalshiRoute && ((selectedRouteCard == null ? void 0 : selectedRouteCard.venue) === import_sdk17.Venue.kalshi || selectedRouteFills.length > 0 && selectedRouteFills.every((fill) => fill.venue === import_sdk17.Venue.kalshi));
@@ -11814,6 +11905,7 @@ var PlaceOrder = ({
   const isInsufficientBalance = !isSell && isAuthenticated && hasEnteredAmount && !isBalanceLoading && (isLimitOrder ? internalAmount > totalBalance : isPaperMode ? internalAmount > paperTotalBalance : isKalshiBalanceInsufficient || isOnchainBalanceInsufficient);
   const isQuoteInsufficientBalance = !isLimitOrder && (activeQuoteData == null ? void 0 : activeQuoteData.status) === "insufficient_balance";
   const shouldShowInsufficientBalanceAlert = isInsufficientBalance || isQuoteInsufficientBalance;
+  const isSelectedVenueInventoryInsufficient = isSell && (selectedRouteCard == null ? void 0 : selectedRouteCard.kind) === "venue" && selectedRouteCard.insufficientInventory === true;
   const isBelowClientMinimum = !isSell && hasEnteredAmount && internalAmount < MIN_BUY_ORDER_AMOUNT;
   const isBelowVenueMinimumFromQuote = isQuoteBelowVenueMinimum(activeQuoteData);
   const isBelowMinimum = isBelowClientMinimum || isBelowVenueMinimumFromQuote;
@@ -11895,13 +11987,10 @@ var PlaceOrder = ({
     tradingLabels
   ]);
   const displayedToWinHint = (0, import_react16.useMemo)(() => {
-    var _a2, _b2, _c2, _d2;
+    var _a2;
     if (!selectedRouteCard) return "";
-    if (selectedRouteCard.isUnavailable) {
-      const avgPrice = (_c2 = (_b2 = (_a2 = selectedRouteCard.quoteData) == null ? void 0 : _a2.fills) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.avgPrice;
-      return avgPrice != null ? tradingLabels.averagePrice(avgPrice) : "";
-    }
-    return (_d2 = selectedRouteCard.hint) != null ? _d2 : "";
+    const averagePrice = selectedRouteCard.quoteData.totalFilled > 0 ? selectedRouteCard.quoteData.rawExecCost / selectedRouteCard.quoteData.totalFilled : (_a2 = selectedRouteCard.quoteData.fills[0]) == null ? void 0 : _a2.avgPrice;
+    return averagePrice == null ? "" : tradingLabels.averagePrice(averagePrice);
   }, [selectedRouteCard, tradingLabels]);
   const displayedToWinValue = (_W = selectedRouteCard == null ? void 0 : selectedRouteCard.numericValue) != null ? _W : 0;
   const limitOrderPayload = (0, import_react16.useMemo)(() => {
@@ -12099,7 +12188,7 @@ var PlaceOrder = ({
   const shouldShowGeoBlockBanner = isTradingBlocked || selectedRouteGeoBlocked || isPrimaryVenueGeoBlocked || isLimitOrder && limitRouteCards.length > 0 && limitRouteCards.every((card) => card.isUnavailable);
   const shouldShowLowLiquidityWarning = !isQuoteInputEditing && !isQuoteLoading && (activeQuoteData == null ? void 0 : activeQuoteData.venueMarketOutcomeId) === scopedSelectedOutcomeId && hasLowLiquidityWarning(activeQuoteData.warnings);
   const actionLabel = `${internalTab === "buy" ? tradingLabels.buy : tradingLabels.sell} ${selectedOutcomeLabel}`.trim();
-  const isActionDisabled = isPrimaryActionDisabled || !orderEligibility.canPlaceOrder || isActionLoading || !hasEnteredAmount || !scopedSelectedMarket || isInsufficientBalance || isQuoteInsufficientBalance || isSell && isQuoteInputEditing || isSellAmountAboveAvailability || isBelowMinimum || !isLimitOrder && isQuoteLoading || (isLimitOrder ? !limitOrderPayload : !selectedRouteCard || !selectedRouteCard.quoteData.quoteId) || selectedRouteGeoBlocked || !isAuthenticated || !isLimitOrder && quoteStatus !== void 0;
+  const isActionDisabled = isPrimaryActionDisabled || !orderEligibility.canPlaceOrder || isActionLoading || !hasEnteredAmount || !scopedSelectedMarket || isInsufficientBalance || isQuoteInsufficientBalance || isSell && isQuoteInputEditing || isSellAmountAboveAvailability || isBelowMinimum || !isLimitOrder && isQuoteLoading || isSelectedVenueInventoryInsufficient || (isLimitOrder ? !limitOrderPayload : !selectedRouteCard || !selectedRouteCard.quoteData.quoteId) || selectedRouteGeoBlocked || !isAuthenticated || !isLimitOrder && quoteStatus !== void 0;
   const shouldShowSmartRouting = orderEligibility.canPlaceOrder && hasEnteredAmount && !isBelowMinimum && (isLimitOrder ? limitRouteCards.length > 0 : orderedRouteCards.length > 0 || smartRoute.isFetching || smartRoute.isLoading || isSell && (venueSellQuotes.isFetching || venueSellQuotes.isLoading));
   const shouldShowRouteToggle = !isLimitOrder && !isQuoteLoading && orderedRouteCards.length > PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT;
   const handleReturnToOrderForm = (0, import_react16.useCallback)(() => {
@@ -12439,16 +12528,20 @@ var PlaceOrder = ({
       }
       const refreshedCards = selectedVenueQuote ? buildLiveSellRouteCards({
         labels: tradingLabels,
+        requestedSellShares: retryAmount,
         smartQuoteData: null,
         venueQuotes: [
           {
-            venue: selectedVenueQuote.request.venue,
+            request: __spreadProps(__spreadValues({}, selectedVenueQuote.request), {
+              sellShares: retryAmount
+            }),
             quoteData: refetchedQuoteData
           }
         ]
       }) : isSell ? buildLiveSellRouteCards({
         eventVenues: scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets.map((market) => market.venue),
         labels: tradingLabels,
+        requestedSellShares: retryAmount,
         smartQuoteData: refetchedQuoteData,
         venueQuotes: []
       }) : buildLiveRouteCards({
@@ -12581,6 +12674,8 @@ var PlaceOrder = ({
   const handleFillSellableShares = () => {
     if (!isSell) return;
     if (maxSellableShares <= 0) return;
+    setSelectedRouteCardId(PLACE_ORDER_MAXIMIZE_PAYOUT_ROUTE_ID);
+    setIsSplitDetailOpen(false);
     handleAmountChange(maxSellableShares);
   };
   const handleExecutionTypeChange = (nextType) => {