@agg-build/ui 1.2.10 → 1.2.12

package/dist/index.mjs

@@ -10,7 +10,7 @@ import {
   USER_PROFILE_TAB_POSITIONS,
   UserProfilePage,
   useHomePageModals
-} from "./chunk-XKADJNAJ.mjs";
+} from "./chunk-J6WELNCX.mjs";
 import {
   EventList,
   EventListItem,
@@ -25,7 +25,7 @@ import {
   mergeVenueOutcomeOrderbooks,
   orderbookRowLimitDefault,
   useCenterOrderbookSpread
-} from "./chunk-5MTIBPDY.mjs";
+} from "./chunk-4WBQTUPW.mjs";
 import {
   CARD_NETWORK_OPTIONS,
   ConnectAccountsStep,
@@ -39,8 +39,9 @@ import {
   ProfileSetupStep,
   WithdrawModal,
   clearPendingCardSession,
-  getPendingCardSession
-} from "./chunk-7JKGAWU5.mjs";
+  getPendingCardSession,
+  subscribeAggDepositNotification
+} from "./chunk-U55T5BPE.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
@@ -52,7 +53,7 @@ import {
   parseVenue,
   requestAggDepositModalOpen,
   requestAggWithdrawModalOpen
-} from "./chunk-K23CJ5UP.mjs";
+} from "./chunk-3JXBOU24.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,
@@ -70,10 +71,10 @@ import {
   resolveOrderBookRows,
   resolveUnifiedOrderBookEntries,
   useEventTradingContext
-} from "./chunk-5PSAIGOT.mjs";
+} from "./chunk-IBOE7DRY.mjs";
 import {
   GeoBlockBanner
-} from "./chunk-5MDFM2MX.mjs";
+} from "./chunk-YSW4ULL5.mjs";
 import {
   AGG_DEFAULT_URL,
   AGG_DOCS_URL,
@@ -107,6 +108,7 @@ import {
   ChevronRightIcon,
   ChevronUpIcon,
   CircleOverlapIcon,
+  CircleXmarkIcon,
   CloseIcon,
   CopyButton,
   CopyIcon,
@@ -169,12 +171,14 @@ import {
   WalletIcon,
   WarningFilledIcon,
   WarningIcon,
+  __objRest,
   __spreadProps,
   __spreadValues,
   badgeSizes,
   cn,
   formatAmountDisplay,
   formatCompactUsd,
+  formatTokenAmount,
   formatUsd,
   getMotionClassName,
   getScrollBehavior,
@@ -185,9 +189,380 @@ import {
   skeletonViews,
   toDate,
   typographyVariants,
+  useOptionalToast,
   useToast,
   venueLogoNames
-} from "./chunk-QFW5NDJ6.mjs";
+} from "./chunk-X3KCFWXN.mjs";
+
+// src/notifications/agg-notification-events-provider.tsx
+import {
+  useAggAuthState,
+  useAggLabels,
+  useAggUiConfig,
+  useOnOrderEvent,
+  useOnWithdrawalLifecycle,
+  useOptionalAggClient,
+  useUserActivity
+} from "@agg-build/hooks";
+import { useCallback, useEffect, useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function AggNotificationEventsProvider({
+  children,
+  enabled = true,
+  depositActivityLimit = 25
+}) {
+  const aggClient = useOptionalAggClient();
+  if (!aggClient) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(AggNotificationEventsBridge, { enabled, depositActivityLimit }),
+    children
+  ] });
+}
+var TERMINAL_ORDER_EVENTS = /* @__PURE__ */ new Set(["filled", "partial_fill", "failed"]);
+var TERMINAL_WITHDRAWAL_STATUSES = /* @__PURE__ */ new Set([
+  "completed",
+  "partial",
+  "failed"
+]);
+var isTerminalWithdrawalStatus = (value) => TERMINAL_WITHDRAWAL_STATUSES.has(value);
+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 formatDecimalAmount = (value) => {
+  if (!value) return void 0;
+  const parsed = Number(value.replace(/,/g, ""));
+  if (!Number.isFinite(parsed)) return value;
+  return parsed.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 display = cents.toLocaleString("en-US", {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 1
+  });
+  return `${display}\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 AggNotificationEventsBridge({ enabled, depositActivityLimit }) {
+  var _a;
+  const toastCtx = useOptionalToast();
+  const { user, isAuthenticated } = useAggAuthState();
+  const labels = useAggLabels();
+  const { features } = useAggUiConfig();
+  const notificationsFeatureEnabled = features.enableNotifications !== false;
+  const effectivelyEnabled = enabled && notificationsFeatureEnabled;
+  const currentUserId = (_a = user == null ? void 0 : user.id) != null ? _a : null;
+  const firedKeysRef = useRef(/* @__PURE__ */ new Set());
+  const depositStatusesRef = useRef(/* @__PURE__ */ new Map());
+  const hasSeededDepositStatusesRef = useRef(false);
+  const recentClientDepositFingerprintsRef = useRef(/* @__PURE__ */ new Map());
+  const lastUserIdRef = useRef("uninitialized");
+  useEffect(() => {
+    if (lastUserIdRef.current === currentUserId) return;
+    lastUserIdRef.current = currentUserId;
+    firedKeysRef.current = /* @__PURE__ */ new Set();
+    depositStatusesRef.current = /* @__PURE__ */ new Map();
+    hasSeededDepositStatusesRef.current = false;
+    recentClientDepositFingerprintsRef.current = /* @__PURE__ */ new Map();
+  }, [currentUserId]);
+  const fireOnce = useCallback(
+    (key, tone, title, message, detail) => {
+      if (!effectivelyEnabled) return;
+      const toast = toastCtx == null ? void 0 : toastCtx.toast;
+      if (!toast) return;
+      if (firedKeysRef.current.has(key)) return;
+      firedKeysRef.current.add(key);
+      toast(message, { tone, title, detail });
+    },
+    [effectivelyEnabled, toastCtx]
+  );
+  const orderEventCallback = useCallback(
+    (event) => {
+      if (!effectivelyEnabled || !isAuthenticated) return;
+      if (!currentUserId || event.userId !== currentUserId) return;
+      if (!TERMINAL_ORDER_EVENTS.has(event.event)) return;
+      handleOrderEvent({ event, labels, fireOnce });
+    },
+    [currentUserId, effectivelyEnabled, fireOnce, isAuthenticated, labels]
+  );
+  useOnOrderEvent(orderEventCallback);
+  const withdrawalCallback = useCallback(
+    (event) => {
+      if (!effectivelyEnabled || !isAuthenticated) return;
+      if (!currentUserId || event.userId !== currentUserId) return;
+      if (!event.terminal) return;
+      if (!isTerminalWithdrawalStatus(event.status)) return;
+      handleWithdrawalEvent({ event, labels, fireOnce });
+    },
+    [currentUserId, effectivelyEnabled, fireOnce, isAuthenticated, labels]
+  );
+  useOnWithdrawalLifecycle(withdrawalCallback);
+  useEffect(() => {
+    if (!effectivelyEnabled || !isAuthenticated || !currentUserId) return;
+    return subscribeAggDepositNotification((event) => {
+      handleClientDepositNotification({
+        event,
+        labels,
+        fireOnce,
+        recentClientDepositFingerprints: recentClientDepositFingerprintsRef.current
+      });
+    });
+  }, [currentUserId, effectivelyEnabled, fireOnce, isAuthenticated, labels]);
+  const depositActivity = useUserActivity({
+    type: "deposit",
+    limit: depositActivityLimit,
+    enabled: effectivelyEnabled && isAuthenticated && currentUserId !== null
+  });
+  const depositActivities = depositActivity.activities;
+  useEffect(() => {
+    if (!effectivelyEnabled || !isAuthenticated || !currentUserId) return;
+    if (!depositActivity.isSuccess) return;
+    handleDepositActivities({
+      deposits: depositActivities,
+      previousStatuses: depositStatusesRef.current,
+      hasSeededStatuses: hasSeededDepositStatusesRef.current,
+      labels,
+      fireOnce,
+      shouldSuppressToast: (status, amountLabel, tokenLabel) => hasRecentClientDepositNotification({
+        recentClientDepositFingerprints: recentClientDepositFingerprintsRef.current,
+        status,
+        amountLabel,
+        tokenLabel
+      })
+    });
+    hasSeededDepositStatusesRef.current = true;
+  }, [
+    currentUserId,
+    depositActivities,
+    depositActivity.isSuccess,
+    effectivelyEnabled,
+    fireOnce,
+    isAuthenticated,
+    labels
+  ]);
+  return null;
+}
+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);
+  if (event.event === "filled") {
+    fireOnce(
+      `order:${event.orderId}:filled`,
+      "success",
+      labels.notifications.order.filledTitle,
+      labels.notifications.order.filledMessage({ venueLabel, amountLabel, priceLabel })
+    );
+    return;
+  }
+  if (event.event === "partial_fill") {
+    fireOnce(
+      `order:${event.orderId}:partial_fill`,
+      "warning",
+      labels.notifications.order.partialFilledTitle,
+      labels.notifications.order.partialFilledMessage({ venueLabel, amountLabel, priceLabel })
+    );
+    return;
+  }
+  if (event.event === "failed") {
+    fireOnce(
+      `order:${event.orderId}:failed`,
+      "error",
+      labels.notifications.order.failedTitle,
+      labels.notifications.order.failedMessage(event.errorReason),
+      venueLabel
+    );
+  }
+}
+function handleWithdrawalEvent({ event, labels, fireOnce }) {
+  var _a;
+  const amountLabel = formatScaledMicroAmount((_a = event.completedAmountRaw) != null ? _a : event.requestedAmountRaw);
+  if (event.status === "completed") {
+    fireOnce(
+      `withdrawal:${event.withdrawalId}:completed`,
+      "success",
+      labels.notifications.withdrawal.completedTitle,
+      labels.notifications.withdrawal.completedMessage({ amountLabel })
+    );
+    return;
+  }
+  if (event.status === "partial") {
+    fireOnce(
+      `withdrawal:${event.withdrawalId}:partial`,
+      "warning",
+      labels.notifications.withdrawal.partialTitle,
+      labels.notifications.withdrawal.partialMessage({ amountLabel })
+    );
+    return;
+  }
+  if (event.status === "failed") {
+    fireOnce(
+      `withdrawal:${event.withdrawalId}:failed`,
+      "error",
+      labels.notifications.withdrawal.failedTitle,
+      labels.notifications.withdrawal.failedMessage(event.errorMessage)
+    );
+  }
+}
+var DEPOSIT_COMPLETED_STATUSES = /* @__PURE__ */ new Set(["completed", "confirmed", "succeeded", "success"]);
+var DEPOSIT_FAILED_STATUSES = /* @__PURE__ */ new Set(["failed", "errored", "rejected"]);
+var CLIENT_DEPOSIT_ACTIVITY_SUPPRESSION_MS = 2 * 60 * 1e3;
+var isTerminalDepositStatus = (status) => DEPOSIT_COMPLETED_STATUSES.has(status) || DEPOSIT_FAILED_STATUSES.has(status);
+var getDepositNotificationFingerprint = ({
+  status,
+  amountLabel,
+  tokenLabel
+}) => `${status}:${amountLabel != null ? amountLabel : ""}:${tokenLabel != null ? tokenLabel : ""}`.toLowerCase();
+var hasRecentClientDepositNotification = ({
+  recentClientDepositFingerprints,
+  status,
+  amountLabel,
+  tokenLabel
+}) => {
+  const fingerprint = getDepositNotificationFingerprint({ status, amountLabel, tokenLabel });
+  const lastNotifiedAt = recentClientDepositFingerprints.get(fingerprint);
+  if (!lastNotifiedAt) return false;
+  if (Date.now() - lastNotifiedAt <= CLIENT_DEPOSIT_ACTIVITY_SUPPRESSION_MS) {
+    return true;
+  }
+  recentClientDepositFingerprints.delete(fingerprint);
+  return false;
+};
+function handleClientDepositNotification({
+  event,
+  labels,
+  fireOnce,
+  recentClientDepositFingerprints
+}) {
+  var _a, _b, _c;
+  const amountLabel = formatDecimalAmount(event.amount);
+  const tokenLabel = event.tokenSymbol;
+  const fingerprint = getDepositNotificationFingerprint({
+    status: event.status,
+    amountLabel,
+    tokenLabel
+  });
+  recentClientDepositFingerprints.set(fingerprint, Date.now());
+  if (event.status === "completed") {
+    fireOnce(
+      `deposit-client:${(_a = event.id) != null ? _a : fingerprint}:completed`,
+      "success",
+      labels.notifications.deposit.completedTitle,
+      labels.notifications.deposit.completedMessage({ amountLabel, tokenLabel })
+    );
+    return;
+  }
+  fireOnce(
+    `deposit-client:${(_b = event.id) != null ? _b : fingerprint}:failed`,
+    "error",
+    labels.notifications.deposit.failedTitle,
+    (_c = event.errorMessage) != null ? _c : labels.notifications.deposit.failedMessage({ amountLabel, tokenLabel })
+  );
+}
+function handleDepositActivities({
+  deposits,
+  previousStatuses,
+  hasSeededStatuses,
+  labels,
+  fireOnce,
+  shouldSuppressToast
+}) {
+  for (const item of deposits) {
+    if (item.type !== "deposit") continue;
+    const deposit = item;
+    const status = deposit.status.toLowerCase();
+    const isCompleted = DEPOSIT_COMPLETED_STATUSES.has(status);
+    const isFailed = DEPOSIT_FAILED_STATUSES.has(status);
+    const previousStatus = previousStatuses.get(deposit.id);
+    previousStatuses.set(deposit.id, status);
+    if (!hasSeededStatuses) continue;
+    if (!previousStatus) continue;
+    if (isTerminalDepositStatus(previousStatus)) continue;
+    if (!isCompleted && !isFailed) continue;
+    const amountLabel = formatScaledMicroAmount(deposit.amountRaw);
+    const tokenLabel = deposit.tokenSymbol;
+    const terminalStatus = isCompleted ? "completed" : "failed";
+    if (shouldSuppressToast == null ? void 0 : shouldSuppressToast(terminalStatus, amountLabel, tokenLabel)) continue;
+    if (isCompleted) {
+      fireOnce(
+        `deposit:${deposit.id}:completed`,
+        "success",
+        labels.notifications.deposit.completedTitle,
+        labels.notifications.deposit.completedMessage({ amountLabel, tokenLabel })
+      );
+    } else {
+      fireOnce(
+        `deposit:${deposit.id}:failed`,
+        "error",
+        labels.notifications.deposit.failedTitle,
+        labels.notifications.deposit.failedMessage({ amountLabel, tokenLabel })
+      );
+    }
+  }
+}
+
+// src/notifications/agg-toast-provider.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function AggToastProvider(_a) {
+  var _b = _a, {
+    children,
+    disableAggNotifications = false,
+    notificationDepositActivityLimit
+  } = _b, toastProps = __objRest(_b, [
+    "children",
+    "disableAggNotifications",
+    "notificationDepositActivityLimit"
+  ]);
+  return /* @__PURE__ */ jsx2(ToastProvider, __spreadProps(__spreadValues({}, toastProps), { children: disableAggNotifications ? children : /* @__PURE__ */ jsx2(AggNotificationEventsProvider, { depositActivityLimit: notificationDepositActivityLimit, children }) }));
+}
+
+// src/agg-provider.tsx
+import {
+  AggProvider as AggSdkProvider
+} from "@agg-build/hooks";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function AggProvider(_a) {
+  var _b = _a, { children, toast } = _b, providerProps = __objRest(_b, ["children", "toast"]);
+  return /* @__PURE__ */ jsx3(AggSdkProvider, __spreadProps(__spreadValues({}, providerProps), { children: /* @__PURE__ */ jsx3(AggToastProvider, __spreadProps(__spreadValues({}, toast), { children })) }));
+}
 
 // src/auth/connect-button-view/index.tsx
 import { optimizedImageUrl, useAggAuthContext, useLabels, useSdkUiConfig } from "@agg-build/hooks";
@@ -266,11 +641,11 @@ var avatarRootClassName = cn(
 var avatarIconClassName = cn("h-[66%] w-[66%] text-agg-muted-foreground");
 
 // src/auth/connect-button-view/index.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var WalletAvatar = ({ className }) => {
   const { isAuthenticated, user } = useAggAuthContext();
   if (isAuthenticated && (user == null ? void 0 : user.avatarUrl)) {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx4(
       "img",
       {
         src: optimizedImageUrl(user.avatarUrl, 44),
@@ -279,7 +654,7 @@ var WalletAvatar = ({ className }) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx(DefaultAvatar, { className: cn("size-6 shrink-0 rounded-full", className) });
+  return /* @__PURE__ */ jsx4(DefaultAvatar, { className: cn("size-6 shrink-0 rounded-full", className) });
 };
 var AuthMethodActionButton = ({
   activeMethodId,
@@ -293,7 +668,7 @@ var AuthMethodActionButton = ({
   const labels = useLabels();
   const isMethodLoading = activeMethodId === method.id;
   const isMethodDisabled = disabled || !method.isAvailable || activeMethodId !== null && !isMethodLoading;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "button",
     {
       type: "button",
@@ -303,7 +678,7 @@ var AuthMethodActionButton = ({
       "aria-label": labels.auth.signInWithMethod(method.label),
       onClick: () => onSelect(method.id),
       children: [
-        isMethodLoading ? /* @__PURE__ */ jsx(LoadingIcon, { size: "small" }) : /* @__PURE__ */ jsx(
+        isMethodLoading ? /* @__PURE__ */ jsx4(LoadingIcon, { size: "small" }) : /* @__PURE__ */ jsx4(
           Icon,
           {
             name: (_a = method.iconName) != null ? _a : "profile",
@@ -312,7 +687,7 @@ var AuthMethodActionButton = ({
             title: renderLabel ? void 0 : method.label
           }
         ),
-        renderLabel ? /* @__PURE__ */ jsx("span", { children: labels.auth.connect(method.label) }) : null
+        renderLabel ? /* @__PURE__ */ jsx4("span", { children: labels.auth.connect(method.label) }) : null
       ]
     }
   );
@@ -341,8 +716,8 @@ var UnauthenticatedConnectView = ({
   const labels = useLabels();
   const hasConfiguredMethods = emailMethod !== null || socialMethods.length > 0 || walletMethods.length > 0;
   const showWalletDivider = walletMethods.length > 0 && (emailMethod !== null || socialMethods.length > 0);
-  return /* @__PURE__ */ jsxs("div", { className: cn(connectButtonContainerClassName, classNames == null ? void 0 : classNames.root), children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs2("div", { className: cn(connectButtonContainerClassName, classNames == null ? void 0 : classNames.root), children: [
+    /* @__PURE__ */ jsx4(
       Button,
       __spreadProps(__spreadValues({
         variant: "primary",
@@ -355,8 +730,8 @@ var UnauthenticatedConnectView = ({
         children: labels.auth.connect()
       })
     ),
-    notice ? /* @__PURE__ */ jsx("p", { className: cn(authNoticeClassName, classNames == null ? void 0 : classNames.authNotice), children: notice }) : null,
-    /* @__PURE__ */ jsx(Modal, { open: isChooserOpen || !!challengeContent, onOpenChange: onChooserOpenChange, children: /* @__PURE__ */ jsxs(
+    notice ? /* @__PURE__ */ jsx4("p", { className: cn(authNoticeClassName, classNames == null ? void 0 : classNames.authNotice), children: notice }) : null,
+    /* @__PURE__ */ jsx4(Modal, { open: isChooserOpen || !!challengeContent, onOpenChange: onChooserOpenChange, children: /* @__PURE__ */ jsxs2(
       Modal.Container,
       {
         maxWidth: "400px",
@@ -365,7 +740,7 @@ var UnauthenticatedConnectView = ({
         },
         "aria-label": challengeContent ? "Security Check" : labels.auth.signIn,
         children: [
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx4(
             Modal.Header,
             {
               title: challengeContent ? "Security Check" : labels.auth.signIn,
@@ -377,8 +752,8 @@ var UnauthenticatedConnectView = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx(Modal.Body, { classNames: { root: authModalBodyClassName }, children: challengeContent ? challengeContent : /* @__PURE__ */ jsxs("div", { className: authMethodsListClassName, children: [
-            emailMethod ? /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx4(Modal.Body, { classNames: { root: authModalBodyClassName }, children: challengeContent ? challengeContent : /* @__PURE__ */ jsxs2("div", { className: authMethodsListClassName, children: [
+            emailMethod ? /* @__PURE__ */ jsxs2(
               "form",
               {
                 className: authSectionClassName,
@@ -387,8 +762,8 @@ var UnauthenticatedConnectView = ({
                   onEmailSubmit();
                 },
                 children: [
-                  /* @__PURE__ */ jsxs("div", { className: authInputFormClassName, children: [
-                    /* @__PURE__ */ jsx(
+                  /* @__PURE__ */ jsxs2("div", { className: authInputFormClassName, children: [
+                    /* @__PURE__ */ jsx4(
                       "input",
                       {
                         id: "agg-auth-email",
@@ -401,7 +776,7 @@ var UnauthenticatedConnectView = ({
                         disabled: disabled || isBusy || !emailMethod.isAvailable
                       }
                     ),
-                    /* @__PURE__ */ jsx(
+                    /* @__PURE__ */ jsx4(
                       Button,
                       {
                         type: "submit",
@@ -414,8 +789,8 @@ var UnauthenticatedConnectView = ({
                       }
                     )
                   ] }),
-                  emailMethod.isAvailable && ((_e = emailMethod.input) == null ? void 0 : _e.helperText) ? /* @__PURE__ */ jsx("p", { className: cn(authNoticeClassName, classNames == null ? void 0 : classNames.authNotice), children: emailMethod.input.helperText }) : null,
-                  !emailMethod.isAvailable ? /* @__PURE__ */ jsx(
+                  emailMethod.isAvailable && ((_e = emailMethod.input) == null ? void 0 : _e.helperText) ? /* @__PURE__ */ jsx4("p", { className: cn(authNoticeClassName, classNames == null ? void 0 : classNames.authNotice), children: emailMethod.input.helperText }) : null,
+                  !emailMethod.isAvailable ? /* @__PURE__ */ jsx4(
                     InlineAlert,
                     {
                       tone: "warning",
@@ -424,7 +799,7 @@ var UnauthenticatedConnectView = ({
                       className: classNames == null ? void 0 : classNames.authError
                     }
                   ) : null,
-                  emailError ? /* @__PURE__ */ jsx(
+                  emailError ? /* @__PURE__ */ jsx4(
                     InlineAlert,
                     {
                       tone: "error",
@@ -435,8 +810,8 @@ var UnauthenticatedConnectView = ({
                 ]
               }
             ) : null,
-            socialMethods.length > 0 ? /* @__PURE__ */ jsxs("div", { className: authSectionClassName, children: [
-              /* @__PURE__ */ jsx("div", { className: cn(authMethodGridClassName, classNames == null ? void 0 : classNames.authMethodGrid), children: socialMethods.map((method) => /* @__PURE__ */ jsx(
+            socialMethods.length > 0 ? /* @__PURE__ */ jsxs2("div", { className: authSectionClassName, children: [
+              /* @__PURE__ */ jsx4("div", { className: cn(authMethodGridClassName, classNames == null ? void 0 : classNames.authMethodGrid), children: socialMethods.map((method) => /* @__PURE__ */ jsx4(
                 AuthMethodActionButton,
                 {
                   activeMethodId,
@@ -448,18 +823,18 @@ var UnauthenticatedConnectView = ({
                 },
                 method.id
               )) }),
-              /* @__PURE__ */ jsxs("p", { className: authHelperTextClassName, children: [
+              /* @__PURE__ */ jsxs2("p", { className: authHelperTextClassName, children: [
                 labels.auth.socialWalletNotice,
                 " ",
-                /* @__PURE__ */ jsx("span", { className: cn(authHelperLinkClassName, classNames == null ? void 0 : classNames.authHelperLink), children: labels.auth.learnMore })
+                /* @__PURE__ */ jsx4("span", { className: cn(authHelperLinkClassName, classNames == null ? void 0 : classNames.authHelperLink), children: labels.auth.learnMore })
               ] })
             ] }) : null,
-            showWalletDivider ? /* @__PURE__ */ jsxs("div", { className: authDividerClassName, children: [
-              /* @__PURE__ */ jsx("div", { className: authDividerLineClassName }),
-              /* @__PURE__ */ jsx("span", { className: authDividerLabelClassName, children: labels.auth.dividerOr }),
-              /* @__PURE__ */ jsx("div", { className: authDividerLineClassName })
+            showWalletDivider ? /* @__PURE__ */ jsxs2("div", { className: authDividerClassName, children: [
+              /* @__PURE__ */ jsx4("div", { className: authDividerLineClassName }),
+              /* @__PURE__ */ jsx4("span", { className: authDividerLabelClassName, children: labels.auth.dividerOr }),
+              /* @__PURE__ */ jsx4("div", { className: authDividerLineClassName })
             ] }) : null,
-            walletMethods.length > 0 ? /* @__PURE__ */ jsx("div", { className: authSectionClassName, children: /* @__PURE__ */ jsx("div", { className: cn(authWalletMethodGridClassName, classNames == null ? void 0 : classNames.authMethodGrid), children: walletMethods.map((method) => /* @__PURE__ */ jsx(
+            walletMethods.length > 0 ? /* @__PURE__ */ jsx4("div", { className: authSectionClassName, children: /* @__PURE__ */ jsx4("div", { className: cn(authWalletMethodGridClassName, classNames == null ? void 0 : classNames.authMethodGrid), children: walletMethods.map((method) => /* @__PURE__ */ jsx4(
               AuthMethodActionButton,
               {
                 activeMethodId,
@@ -470,10 +845,10 @@ var UnauthenticatedConnectView = ({
               },
               method.id
             )) }) }) : null,
-            /* @__PURE__ */ jsxs("p", { className: authLegalTextClassName, children: [
+            /* @__PURE__ */ jsxs2("p", { className: authLegalTextClassName, children: [
               labels.auth.legalNoticePrefix,
               " ",
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx4(
                 "a",
                 {
                   className: cn(authHelperLinkClassName, classNames == null ? void 0 : classNames.authHelperLink),
@@ -486,7 +861,7 @@ var UnauthenticatedConnectView = ({
               " ",
               labels.auth.legalNoticeSeparator,
               " ",
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx4(
                 "a",
                 {
                   className: cn(authHelperLinkClassName, classNames == null ? void 0 : classNames.authHelperLink),
@@ -498,7 +873,7 @@ var UnauthenticatedConnectView = ({
               ),
               "."
             ] }),
-            errorMessage ? /* @__PURE__ */ jsx(
+            errorMessage ? /* @__PURE__ */ jsx4(
               InlineAlert,
               {
                 tone: "error",
@@ -573,7 +948,7 @@ var AuthConnectButtonView = ({
     classNames == null ? void 0 : classNames.profileMenuActionItem
   );
   if (!isAuthenticated) {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx4(
       UnauthenticatedConnectView,
       {
         activeMethodId,
@@ -597,21 +972,21 @@ var AuthConnectButtonView = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx("div", { className: cn(connectButtonContainerClassName, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ jsxs("div", { className: cn(connectedButtonsRowClassName, classNames == null ? void 0 : classNames.connectedRow), children: [
-    /* @__PURE__ */ jsxs("div", { className: cn(connectedBalanceChipClassName, classNames == null ? void 0 : classNames.balanceChip), children: [
-      /* @__PURE__ */ jsx("div", { className: "hidden lg:inline-flex", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx4("div", { className: cn(connectButtonContainerClassName, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ jsxs2("div", { className: cn(connectedButtonsRowClassName, classNames == null ? void 0 : classNames.connectedRow), children: [
+    /* @__PURE__ */ jsxs2("div", { className: cn(connectedBalanceChipClassName, classNames == null ? void 0 : classNames.balanceChip), children: [
+      /* @__PURE__ */ jsx4("div", { className: "hidden lg:inline-flex", children: /* @__PURE__ */ jsx4(
         ConditionalWrapper,
         {
           condition: isDepositBlocked,
-          wrapper: (children) => /* @__PURE__ */ jsx(
+          wrapper: (children) => /* @__PURE__ */ jsx4(
             Tooltip,
             {
-              content: /* @__PURE__ */ jsx("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
+              content: /* @__PURE__ */ jsx4("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
               sideOffset: 4,
               children
             }
           ),
-          children: /* @__PURE__ */ jsx(
+          children: /* @__PURE__ */ jsx4(
             Button,
             __spreadProps(__spreadValues({
               variant: "primary",
@@ -624,61 +999,61 @@ var AuthConnectButtonView = ({
           )
         }
       ) }),
-      /* @__PURE__ */ jsx(
-        ConditionalWrapper,
-        {
-          condition: claimReadyCount > 0,
-          wrapper: (children) => /* @__PURE__ */ jsx(
-            Tooltip,
-            {
-              size: "medium",
-              content: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
-                /* @__PURE__ */ jsx("p", { children: resolveClaimTooltipLabel(claimReadyCount) }),
-                onClaimWinningsClick ? /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    type: "button",
-                    className: "inline-flex cursor-pointer items-center gap-1.5 font-agg-bold text-agg-primary hover:text-agg-primary-hover",
-                    onClick: onClaimWinningsClick,
-                    children: [
-                      claimWinningsLabel,
-                      /* @__PURE__ */ jsx(
-                        Icon,
-                        {
-                          name: "arrow-right",
-                          size: "small",
-                          className: "h-3.5 w-3.5 text-agg-primary",
-                          "aria-hidden": true
-                        }
-                      )
-                    ]
-                  }
-                ) : null
-              ] }),
-              children
-            }
-          ),
-          children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "h-3.5 w-3.5 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: /* @__PURE__ */ jsx(Icon, { name: "activity-chart", size: "small", className: "text-agg-muted-foreground" }) }),
-            /* @__PURE__ */ jsx("p", { className: cn("agg-type-label text-agg-foreground", classNames == null ? void 0 : classNames.positionsText), children: isBalanceLoading ? /* @__PURE__ */ jsx(LoadingIcon, { size: "small" }) : formatUsd(positionsBalance) }),
-            claimReadyCount > 0 ? /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx4("span", { className: "h-3.5 w-3.5 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: /* @__PURE__ */ jsx4(Icon, { name: "activity-chart", size: "small", className: "text-agg-muted-foreground" }) }),
+        /* @__PURE__ */ jsx4("p", { className: cn("agg-type-label text-agg-foreground", classNames == null ? void 0 : classNames.positionsText), children: isBalanceLoading ? /* @__PURE__ */ jsx4(LoadingIcon, { size: "small" }) : formatUsd(positionsBalance) }),
+        claimReadyCount > 0 ? /* @__PURE__ */ jsx4(
+          Tooltip,
+          {
+            size: "medium",
+            classNames: { content: "px-5 py-4" },
+            content: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-2", children: [
+              /* @__PURE__ */ jsx4("p", { children: resolveClaimTooltipLabel(claimReadyCount) }),
+              onClaimWinningsClick ? /* @__PURE__ */ jsxs2(
+                "button",
+                {
+                  type: "button",
+                  className: "inline-flex cursor-pointer items-center gap-1.5 font-agg-bold text-agg-primary hover:text-agg-primary-hover",
+                  onClick: onClaimWinningsClick,
+                  children: [
+                    claimWinningsLabel,
+                    /* @__PURE__ */ jsx4(
+                      Icon,
+                      {
+                        name: "arrow-right",
+                        size: "small",
+                        className: "h-3.5 w-3.5 text-agg-primary",
+                        "aria-hidden": true
+                      }
+                    )
+                  ]
+                }
+              ) : null
+            ] }),
+            children: /* @__PURE__ */ jsx4(
               "span",
               {
-                className: "inline-flex size-4 shrink-0 items-center justify-center rounded-full bg-linear-to-r from-agg-primary to-agg-primary-hover text-2.5 leading-3.5 font-agg-bold text-agg-foreground uppercase",
+                className: cn(
+                  "agg-claim-badge agg-type-overline",
+                  "inline-flex items-center justify-center rounded-full leading-none",
+                  "bg-linear-to-r from-agg-primary to-agg-primary-hover",
+                  "shrink-0 px-0.5 min-w-4 h-4 text-agg-on-primary text-center",
+                  "cursor-pointer"
+                ),
                 "aria-label": resolveClaimBadgeAriaLabel(claimReadyCount),
                 children: claimReadyCount
               }
-            ) : null
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "h-3.5 w-3.5 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: /* @__PURE__ */ jsx(Icon, { name: "wallet-filled", size: "small", className: "text-agg-muted-foreground" }) }),
-        /* @__PURE__ */ jsx("p", { className: cn("agg-type-label text-agg-foreground", classNames == null ? void 0 : classNames.balanceText), children: isBalanceLoading ? /* @__PURE__ */ jsx(LoadingIcon, { size: "small" }) : formatUsd(totalBalance) })
+            )
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx4("span", { className: "h-3.5 w-3.5 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: /* @__PURE__ */ jsx4(Icon, { name: "wallet-filled", size: "small", className: "text-agg-muted-foreground" }) }),
+        /* @__PURE__ */ jsx4("p", { className: cn("agg-type-label text-agg-foreground", classNames == null ? void 0 : classNames.balanceText), children: isBalanceLoading ? /* @__PURE__ */ jsx4(LoadingIcon, { size: "small" }) : formatUsd(totalBalance) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs(DropdownMenu.Root, { open: isProfileMenuOpen, onOpenChange: onProfileMenuOpenChange, children: [
-      /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsxs2(DropdownMenu.Root, { open: isProfileMenuOpen, onOpenChange: onProfileMenuOpenChange, children: [
+      /* @__PURE__ */ jsx4(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs2(
         "button",
         {
           type: "button",
@@ -696,8 +1071,8 @@ var AuthConnectButtonView = ({
           disabled,
           "aria-label": labels.auth.walletMenuFor(resolvedProfileLabel),
           children: [
-            /* @__PURE__ */ jsx(WalletAvatar, { className: "size-5! md:size-6!" }),
-            /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx4(WalletAvatar, { className: "size-5! md:size-6!" }),
+            /* @__PURE__ */ jsx4(
               Typography,
               {
                 variant: "body-strong",
@@ -708,7 +1083,7 @@ var AuthConnectButtonView = ({
                 children: resolvedProfileLabel
               }
             ),
-            /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx4(
               Icon,
               {
                 name: isProfileMenuOpen ? "chevron-up" : "chevron-down",
@@ -720,14 +1095,14 @@ var AuthConnectButtonView = ({
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx4(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx4(
         DropdownMenu.Content,
         {
           className: cn(AGG_ROOT_CLASS_NAME, rootClassName, "z-50 outline-none"),
           "data-agg-animations": enableAnimations ? "true" : "false",
           sideOffset: 4,
           align: "end",
-          children: /* @__PURE__ */ jsxs(
+          children: /* @__PURE__ */ jsxs2(
             "div",
             {
               className: cn(
@@ -737,7 +1112,7 @@ var AuthConnectButtonView = ({
                 classNames == null ? void 0 : classNames.profileMenuContent
               ),
               children: [
-                /* @__PURE__ */ jsxs(
+                /* @__PURE__ */ jsxs2(
                   "button",
                   {
                     type: "button",
@@ -755,15 +1130,15 @@ var AuthConnectButtonView = ({
                     },
                     disabled,
                     children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-row items-center justify-between gap-3", children: [
-                        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [
-                          /* @__PURE__ */ jsx(WalletAvatar, { className: "size-11" }),
-                          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col items-start justify-start gap-0.5", children: [
-                            /* @__PURE__ */ jsx("p", { className: "w-full text-agg-lg font-agg-bold leading-agg-7 text-agg-foreground text-left", children: resolvedProfileLabel }),
-                            addressLabel ? /* @__PURE__ */ jsx("p", { className: "w-full text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground text-left", children: addressLabel }) : null
+                      /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-row items-center justify-between gap-3", children: [
+                        /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 items-center gap-3", children: [
+                          /* @__PURE__ */ jsx4(WalletAvatar, { className: "size-11" }),
+                          /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-col items-start justify-start gap-0.5", children: [
+                            /* @__PURE__ */ jsx4("p", { className: "w-full text-agg-lg font-agg-bold leading-agg-7 text-agg-foreground text-left", children: resolvedProfileLabel }),
+                            addressLabel ? /* @__PURE__ */ jsx4("p", { className: "w-full text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground text-left", children: addressLabel }) : null
                           ] })
                         ] }),
-                        /* @__PURE__ */ jsx(
+                        /* @__PURE__ */ jsx4(
                           Icon,
                           {
                             name: "arrow-right",
@@ -773,10 +1148,10 @@ var AuthConnectButtonView = ({
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "md:hidden flex w-full items-start gap-5", children: [
-                        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 min-w-0 flex-col gap-2", children: [
-                          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
-                            /* @__PURE__ */ jsx(
+                      /* @__PURE__ */ jsxs2("div", { className: "md:hidden flex w-full items-start gap-5", children: [
+                        /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 min-w-0 flex-col gap-2", children: [
+                          /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 items-center gap-2", children: [
+                            /* @__PURE__ */ jsx4(
                               Icon,
                               {
                                 name: "wallet-filled",
@@ -784,13 +1159,13 @@ var AuthConnectButtonView = ({
                                 className: "h-4 w-4 shrink-0 text-agg-muted-foreground"
                               }
                             ),
-                            /* @__PURE__ */ jsx("span", { className: "truncate text-agg-sm leading-agg-5 text-agg-foreground", children: "Withdrawable Balance" })
+                            /* @__PURE__ */ jsx4("span", { className: "truncate text-agg-sm leading-agg-5 text-agg-foreground", children: "Withdrawable Balance" })
                           ] }),
-                          /* @__PURE__ */ jsx("p", { className: "text-agg-lg font-agg-bold leading-agg-7 text-agg-foreground text-left", children: isBalanceLoading ? /* @__PURE__ */ jsx(LoadingIcon, { size: "small" }) : formatUsd(totalBalance) })
+                          /* @__PURE__ */ jsx4("p", { className: "text-agg-lg font-agg-bold leading-agg-7 text-agg-foreground text-left", children: isBalanceLoading ? /* @__PURE__ */ jsx4(LoadingIcon, { size: "small" }) : formatUsd(totalBalance) })
                         ] }),
-                        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 min-w-0 flex-col gap-2", children: [
-                          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
-                            /* @__PURE__ */ jsx(
+                        /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 min-w-0 flex-col gap-2", children: [
+                          /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 items-center gap-2", children: [
+                            /* @__PURE__ */ jsx4(
                               Icon,
                               {
                                 name: "activity-chart",
@@ -798,85 +1173,85 @@ var AuthConnectButtonView = ({
                                 className: "h-4 w-4 shrink-0 text-agg-muted-foreground"
                               }
                             ),
-                            /* @__PURE__ */ jsx("span", { className: "truncate text-agg-sm leading-agg-5 text-agg-foreground", children: "Positions Value" })
+                            /* @__PURE__ */ jsx4("span", { className: "truncate text-agg-sm leading-agg-5 text-agg-foreground", children: "Positions Value" })
                           ] }),
-                          /* @__PURE__ */ jsx("p", { className: "text-agg-lg font-agg-bold leading-agg-7 text-agg-foreground text-left", children: isBalanceLoading ? /* @__PURE__ */ jsx(LoadingIcon, { size: "small" }) : formatUsd(positionsBalance) })
+                          /* @__PURE__ */ jsx4("p", { className: "text-agg-lg font-agg-bold leading-agg-7 text-agg-foreground text-left", children: isBalanceLoading ? /* @__PURE__ */ jsx4(LoadingIcon, { size: "small" }) : formatUsd(positionsBalance) })
                         ] })
                       ] })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx4(
                   "div",
                   {
                     className: cn(profileMenuSeparatorClassName, classNames == null ? void 0 : classNames.profileMenuSeparator)
                   }
                 ),
-                /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col py-2", children: [
-                  /* @__PURE__ */ jsxs(
+                /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-col py-2", children: [
+                  /* @__PURE__ */ jsxs2(
                     DropdownMenu.Item,
                     {
                       className: dropdownMenuItemClassName,
                       onSelect: onProfileClick,
                       disabled,
                       children: [
-                        /* @__PURE__ */ jsx(Icon, { name: "profile", size: "small", className: "text-agg-foreground" }),
-                        /* @__PURE__ */ jsx("span", { children: labels.auth.myProfile })
+                        /* @__PURE__ */ jsx4(Icon, { name: "profile", size: "small", className: "text-agg-foreground" }),
+                        /* @__PURE__ */ jsx4("span", { children: labels.auth.myProfile })
                       ]
                     }
                   ),
-                  isDepositBlocked ? /* @__PURE__ */ jsx(
+                  isDepositBlocked ? /* @__PURE__ */ jsx4(
                     DropdownMenu.Item,
                     {
                       className: cn(dropdownMenuItemClassName, "opacity-50 cursor-not-allowed!"),
                       onSelect: (e) => e.preventDefault(),
                       "aria-disabled": "true",
-                      children: /* @__PURE__ */ jsx(
+                      children: /* @__PURE__ */ jsx4(
                         Tooltip,
                         {
-                          content: /* @__PURE__ */ jsx("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
+                          content: /* @__PURE__ */ jsx4("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
                           side: "bottom",
                           sideOffset: 4,
-                          children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-3", children: [
-                            /* @__PURE__ */ jsx(Icon, { name: "download", size: "small", className: "text-agg-foreground" }),
-                            /* @__PURE__ */ jsx("span", { children: labels.auth.deposit })
+                          children: /* @__PURE__ */ jsxs2("span", { className: "inline-flex items-center gap-3", children: [
+                            /* @__PURE__ */ jsx4(Icon, { name: "download", size: "small", className: "text-agg-foreground" }),
+                            /* @__PURE__ */ jsx4("span", { children: labels.auth.deposit })
                           ] })
                         }
                       )
                     }
-                  ) : /* @__PURE__ */ jsxs(
+                  ) : /* @__PURE__ */ jsxs2(
                     DropdownMenu.Item,
                     {
                       className: dropdownMenuItemClassName,
                       onSelect: onDepositClick,
                       disabled,
                       children: [
-                        /* @__PURE__ */ jsx(Icon, { name: "download", size: "small", className: "text-agg-foreground" }),
-                        /* @__PURE__ */ jsx("span", { children: labels.auth.deposit })
+                        /* @__PURE__ */ jsx4(Icon, { name: "download", size: "small", className: "text-agg-foreground" }),
+                        /* @__PURE__ */ jsx4("span", { children: labels.auth.deposit })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs(
+                  /* @__PURE__ */ jsxs2(
                     DropdownMenu.Item,
                     {
                       className: dropdownMenuItemClassName,
                       onSelect: onWithdrawClick,
                       disabled,
                       children: [
-                        /* @__PURE__ */ jsx(Icon, { name: "upload", size: "small", className: "text-agg-foreground" }),
-                        /* @__PURE__ */ jsx("span", { children: labels.auth.withdraw })
+                        /* @__PURE__ */ jsx4(Icon, { name: "upload", size: "small", className: "text-agg-foreground" }),
+                        /* @__PURE__ */ jsx4("span", { children: labels.auth.withdraw })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs(
+                  /* @__PURE__ */ jsxs2(
                     DropdownMenu.Item,
                     {
                       className: dropdownMenuItemClassName,
                       onSelect: onDisconnectClick,
                       disabled,
                       children: [
-                        /* @__PURE__ */ jsx(Icon, { name: "disconnect", size: "small", className: "text-agg-foreground" }),
-                        /* @__PURE__ */ jsx("span", { children: labels.auth.disconnect })
+                        /* @__PURE__ */ jsx4(Icon, { name: "disconnect", size: "small", className: "text-agg-foreground" }),
+                        /* @__PURE__ */ jsx4("span", { children: labels.auth.disconnect })
                       ]
                     }
                   )
@@ -899,6 +1274,9 @@ export {
   ActivityChartIcon,
   AggErrorBoundary,
   AggLogo,
+  AggNotificationEventsProvider,
+  AggProvider,
+  AggToastProvider,
   AppleIcon,
   AppsIcon,
   ArbitrumIcon,
@@ -925,6 +1303,7 @@ export {
   ChevronRightIcon,
   ChevronUpIcon,
   CircleOverlapIcon,
+  CircleXmarkIcon,
   CloseIcon,
   ConnectAccountsStep,
   ConnectKalshiModal,
@@ -1031,6 +1410,7 @@ export {
   formatAmountDisplay,
   formatCompactUsd,
   formatProbabilityCents,
+  formatTokenAmount,
   formatUsd,
   getMotionClassName,
   getPendingCardSession,
@@ -1061,6 +1441,7 @@ export {
   useCenterOrderbookSpread,
   useEventTradingContext,
   useHomePageModals,
+  useOptionalToast,
   useToast,
   venueLogoNames
 };