@agg-build/ui 2.8.0 → 3.0.0

package/dist/pages.js

@@ -85,6 +85,7 @@ __export(pages_exports, {
   DEPOSIT_MODAL_OPEN_EVENT: () => DEPOSIT_MODAL_OPEN_EVENT,
   EventMarketPage: () => EventMarketPage,
   HomePage: () => HomePage,
+  ManageBalancesModal: () => ManageBalancesModal,
   USER_PROFILE_TAB_ACTIVITY: () => USER_PROFILE_TAB_ACTIVITY,
   USER_PROFILE_TAB_OPEN_ORDERS: () => USER_PROFILE_TAB_OPEN_ORDERS,
   USER_PROFILE_TAB_POSITIONS: () => USER_PROFILE_TAB_POSITIONS,
@@ -16640,9 +16641,101 @@ var GeoBlockBanner = ({
 };
 GeoBlockBanner.displayName = "GeoBlockBanner";
 
+// src/notifications/agg-notification-events-provider.tsx
+var import_hooks53 = require("@agg-build/hooks");
+var import_react28 = require("react");
+var import_jsx_runtime148 = 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_react32 = require("react");
-var import_hooks58 = require("@agg-build/hooks");
+var import_react33 = require("react");
+var import_hooks59 = require("@agg-build/hooks");
 var Dialog5 = __toESM(require("@radix-ui/react-dialog"));
 
 // src/onboarding/onboarding-modal.constants.ts
@@ -16665,30 +16758,30 @@ var ONCHAIN_VENUES = [
 ].filter(import_sdk18.isVenueActive);
 
 // src/onboarding/steps/how-it-works.tsx
-var import_react28 = require("react");
-var import_hooks53 = require("@agg-build/hooks");
-var import_jsx_runtime148 = require("react/jsx-runtime");
+var import_react29 = require("react");
+var import_hooks54 = require("@agg-build/hooks");
+var import_jsx_runtime149 = require("react/jsx-runtime");
 var defaultIcons = {
-  createAccount: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  linkAccounts: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  bestPrices: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  stayInControl: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
+  createAccount: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  linkAccounts: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  bestPrices: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  stayInControl: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
 };
 var HowItWorksStep = ({ onContinue, icons }) => {
-  const labels = (0, import_hooks53.useLabels)();
-  const scrollRef = (0, import_react28.useRef)(null);
-  const [showTopGradient, setShowTopGradient] = (0, import_react28.useState)(false);
-  const [showBottomGradient, setShowBottomGradient] = (0, import_react28.useState)(true);
-  const handleScroll = (0, import_react28.useCallback)(() => {
+  const labels = (0, import_hooks54.useLabels)();
+  const scrollRef = (0, import_react29.useRef)(null);
+  const [showTopGradient, setShowTopGradient] = (0, import_react29.useState)(false);
+  const [showBottomGradient, setShowBottomGradient] = (0, import_react29.useState)(true);
+  const handleScroll = (0, import_react29.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_runtime148.jsxs)("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
         "div",
         {
           ref: scrollRef,
@@ -16698,7 +16791,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_runtime148.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(
               "div",
               {
                 className: cn(
@@ -16707,11 +16800,11 @@ var HowItWorksStep = ({ onContinue, icons }) => {
                   "bg-agg-secondary-hover"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
-                    /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
+                  /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
+                    /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
                   ] }),
-                  icon ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
+                  icon ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
                 ]
               },
               featureKey
@@ -16719,7 +16812,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
         "div",
         {
           className: cn(
@@ -16730,7 +16823,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
         "div",
         {
           className: cn(
@@ -16742,26 +16835,26 @@ var HowItWorksStep = ({ onContinue, icons }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
+    /* @__PURE__ */ (0, import_jsx_runtime149.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_react29 = require("react");
-var import_hooks54 = require("@agg-build/hooks");
-var import_jsx_runtime149 = require("react/jsx-runtime");
+var import_react30 = require("react");
+var import_hooks55 = require("@agg-build/hooks");
+var import_jsx_runtime150 = require("react/jsx-runtime");
 var ProfileSetupStep = ({ onContinue }) => {
-  const labels = (0, import_hooks54.useLabels)();
-  const [username, setUsername] = (0, import_react29.useState)("");
-  const [avatarFile, setAvatarFile] = (0, import_react29.useState)();
-  const [avatarPreview, setAvatarPreview] = (0, import_react29.useState)();
-  const fileInputRef = (0, import_react29.useRef)(null);
-  const handleAvatarClick = (0, import_react29.useCallback)(() => {
+  const labels = (0, import_hooks55.useLabels)();
+  const [username, setUsername] = (0, import_react30.useState)("");
+  const [avatarFile, setAvatarFile] = (0, import_react30.useState)();
+  const [avatarPreview, setAvatarPreview] = (0, import_react30.useState)();
+  const fileInputRef = (0, import_react30.useRef)(null);
+  const handleAvatarClick = (0, import_react30.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react29.useCallback)((e) => {
+  const handleFileChange = (0, import_react30.useCallback)((e) => {
     var _a;
     const file = (_a = e.target.files) == null ? void 0 : _a[0];
     if (!file) return;
@@ -16773,18 +16866,18 @@ var ProfileSetupStep = ({ onContinue }) => {
     };
     reader.readAsDataURL(file);
   }, []);
-  const handleContinue = (0, import_react29.useCallback)(() => {
+  const handleContinue = (0, import_react30.useCallback)(() => {
     onContinue({
       username,
       avatarFile,
       avatarPreview
     });
   }, [username, avatarFile, avatarPreview, onContinue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "flex flex-col gap-7", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "flex justify-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "flex flex-col gap-7", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "flex justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(
           "button",
           {
             type: "button",
@@ -16800,13 +16893,13 @@ var ProfileSetupStep = ({ onContinue }) => {
             ),
             "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
             children: [
-              !avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+              !avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime150.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_runtime149.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
                     "circle",
                     {
                       cx: "40",
@@ -16820,18 +16913,18 @@ var ProfileSetupStep = ({ onContinue }) => {
                   )
                 }
               ) : null,
-              avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+              avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
                 RemoteImage,
                 {
                   src: avatarPreview,
                   alt: labels.onboarding.profileSetup.profilePreviewAlt,
                   className: "h-full w-full object-cover"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
           "input",
           {
             ref: fileInputRef,
@@ -16843,8 +16936,8 @@ var ProfileSetupStep = ({ onContinue }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
           "label",
           {
             htmlFor: "onboarding-username",
@@ -16852,7 +16945,7 @@ var ProfileSetupStep = ({ onContinue }) => {
             children: labels.onboarding.profileSetup.usernameLabel
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
           "input",
           {
             id: "onboarding-username",
@@ -16876,16 +16969,16 @@ var ProfileSetupStep = ({ onContinue }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
+    /* @__PURE__ */ (0, import_jsx_runtime150.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_hooks55 = require("@agg-build/hooks");
-var import_jsx_runtime150 = require("react/jsx-runtime");
+var import_hooks56 = require("@agg-build/hooks");
+var import_jsx_runtime151 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
 };
 var VenueCard = ({
   logos,
@@ -16896,8 +16989,8 @@ var VenueCard = ({
   onConnect,
   connected = false
 }) => {
-  const labels = (0, import_hooks55.useLabels)();
-  const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+  const labels = (0, import_hooks56.useLabels)();
+  const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
     Button,
     {
       variant: "tertiary",
@@ -16907,18 +17000,18 @@ var VenueCard = ({
       children: labels.onboarding.connectAccounts.connect
     }
   );
-  const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+  const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime151.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_runtime150.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
+      suffix: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
       children: labels.onboarding.connectAccounts.connectAccount
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
     "div",
     {
       className: cn(
@@ -16926,23 +17019,23 @@ var VenueCard = ({
         connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "flex items-center gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title2 }),
-              /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex items-center gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title2 }),
+              /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", { className: "shrink-0", children: action })
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "shrink-0", children: action })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title2 })
+        /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title2 })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
             mobileAction
           ] })
         ] })
@@ -16955,14 +17048,14 @@ var ConnectAccountsStep = ({
   onContinue,
   connectedOnchain = false
 }) => {
-  const labels = (0, import_hooks55.useLabels)();
+  const labels = (0, import_hooks56.useLabels)();
   const canContinue = connectedOnchain;
-  return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
       VenueCard,
       {
-        logos: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(OnchainVenueLogos, {}),
+        logos: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(OnchainVenueLogos, {}),
         title: labels.onboarding.connectAccounts.onchainTitle,
         mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
           ONCHAIN_VENUES.length - 1
@@ -16973,7 +17066,7 @@ var ConnectAccountsStep = ({
         connected: connectedOnchain
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
       Button,
       {
         variant: "primary",
@@ -16989,22 +17082,22 @@ var ConnectAccountsStep = ({
 ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
-var import_react30 = require("react");
-var import_hooks56 = require("@agg-build/hooks");
+var import_react31 = require("react");
+var import_hooks57 = require("@agg-build/hooks");
 var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime151 = require("react/jsx-runtime");
+var import_jsx_runtime152 = require("react/jsx-runtime");
 var ConnectOnchainModal = ({
   open,
   onOpenChange,
   onConnect
 }) => {
-  const labels = (0, import_hooks56.useLabels)();
-  const [connecting, setConnecting] = (0, import_react30.useState)(false);
-  const [error, setError] = (0, import_react30.useState)();
-  const handleCancel = (0, import_react30.useCallback)(() => {
+  const labels = (0, import_hooks57.useLabels)();
+  const [connecting, setConnecting] = (0, import_react31.useState)(false);
+  const [error, setError] = (0, import_react31.useState)();
+  const handleCancel = (0, import_react31.useCallback)(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleConnect = (0, import_react30.useCallback)(() => __async(null, null, function* () {
+  const handleConnect = (0, import_react31.useCallback)(() => __async(null, null, function* () {
     if (connecting) return;
     setConnecting(true);
     setError(void 0);
@@ -17019,7 +17112,7 @@ var ConnectOnchainModal = ({
       setConnecting(false);
     }
   }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
-  const handleOpenChange = (0, import_react30.useCallback)(
+  const handleOpenChange = (0, import_react31.useCallback)(
     (value) => {
       if (value) {
         setError(void 0);
@@ -17029,15 +17122,15 @@ var ConnectOnchainModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Dialog3.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Dialog3.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
           Modal.Header,
           {
             hideClose: false,
@@ -17048,26 +17141,26 @@ var ConnectOnchainModal = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime151.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_runtime152.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime152.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_runtime151.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_runtime151.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_runtime151.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_runtime151.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
-              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(VenueLogo, { venue, size: "medium" }),
-              /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
+          /* @__PURE__ */ (0, import_jsx_runtime152.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_runtime152.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_runtime152.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_runtime152.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
+              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(VenueLogo, { venue, size: "medium" }),
+              /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
             ] }, venue)) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
-              error ? /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-                /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
+              error ? /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+                /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -17078,7 +17171,7 @@ var ConnectOnchainModal = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
               Button,
               {
                 variant: "tertiary",
@@ -17097,12 +17190,12 @@ var ConnectOnchainModal = ({
 ConnectOnchainModal.displayName = "ConnectOnchainModal";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
-var import_hooks57 = require("@agg-build/hooks");
+var import_hooks58 = require("@agg-build/hooks");
 var import_sdk19 = require("@agg-build/sdk");
 var Dialog4 = __toESM(require("@radix-ui/react-dialog"));
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_zod = require("zod");
-var import_jsx_runtime152 = require("react/jsx-runtime");
+var import_jsx_runtime153 = 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)
@@ -17124,25 +17217,25 @@ var ConnectKalshiModal = ({
   onOpenChange,
   onVerify
 }) => {
-  const labels = (0, import_hooks57.useLabels)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks57.useAppConfig)();
-  const apiKeyInputRef = (0, import_react31.useRef)(null);
-  const errorId = (0, import_react31.useId)();
-  const [apiKeyId, setApiKeyId] = (0, import_react31.useState)("");
-  const [privateKey, setPrivateKey] = (0, import_react31.useState)("");
-  const [isVerifying, setIsVerifying] = (0, import_react31.useState)(false);
-  const [isConnected, setIsConnected] = (0, import_react31.useState)(false);
-  const [error, setError] = (0, import_react31.useState)();
-  const availabilityState = (0, import_hooks57.getVenueAvailabilityState)({
+  const labels = (0, import_hooks58.useLabels)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks58.useAppConfig)();
+  const apiKeyInputRef = (0, import_react32.useRef)(null);
+  const errorId = (0, import_react32.useId)();
+  const [apiKeyId, setApiKeyId] = (0, import_react32.useState)("");
+  const [privateKey, setPrivateKey] = (0, import_react32.useState)("");
+  const [isVerifying, setIsVerifying] = (0, import_react32.useState)(false);
+  const [isConnected, setIsConnected] = (0, import_react32.useState)(false);
+  const [error, setError] = (0, import_react32.useState)();
+  const availabilityState = (0, import_hooks58.getVenueAvailabilityState)({
     venueId: import_sdk19.Venue.kalshi,
     disabledVenues,
     isConfigLoading: isAppConfigLoading
   });
-  const parsedCredentials = (0, import_react31.useMemo)(
+  const parsedCredentials = (0, import_react32.useMemo)(
     () => kalshiCredentialsSchema.safeParse({ apiKeyId, privateKey }),
     [apiKeyId, privateKey]
   );
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (!open) return;
     setApiKeyId("");
     setPrivateKey("");
@@ -17155,14 +17248,14 @@ var ConnectKalshiModal = ({
     });
     return () => window.cancelAnimationFrame(animationFrame);
   }, [open]);
-  const handleOpenChange = (0, import_react31.useCallback)(
+  const handleOpenChange = (0, import_react32.useCallback)(
     (nextOpen) => {
       if (isVerifying && !nextOpen) return;
       onOpenChange(nextOpen);
     },
     [isVerifying, onOpenChange]
   );
-  const handleVerify = (0, import_react31.useCallback)(() => __async(null, null, function* () {
+  const handleVerify = (0, import_react32.useCallback)(() => __async(null, null, function* () {
     if (!parsedCredentials.success || isVerifying || isConnected) return;
     const credentials = parsedCredentials.data;
     setIsVerifying(true);
@@ -17189,7 +17282,7 @@ var ConnectKalshiModal = ({
     onVerify,
     parsedCredentials
   ]);
-  const handleSubmit = (0, import_react31.useCallback)(
+  const handleSubmit = (0, import_react32.useCallback)(
     (event) => {
       event.preventDefault();
       void handleVerify();
@@ -17197,30 +17290,30 @@ var ConnectKalshiModal = ({
     [handleVerify]
   );
   if (availabilityState === "hidden") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
       classNames: { container: "!rounded-agg-2xl" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "flex h-[60px] shrink-0 items-center justify-end px-8", children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "flex h-[60px] shrink-0 items-center justify-end px-8", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
           Dialog4.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_runtime152.jsx)(Icon, { name: "close", size: "medium" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Icon, { name: "close", size: "medium" })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Modal.Body, { classNames: { root: "!px-5 !pb-12 !pt-0 sm:!px-10" }, children: isConnected ? /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Modal.Body, { classNames: { root: "!px-5 !pb-12 !pt-0 sm:!px-10" }, children: isConnected ? /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(
           "div",
           {
             className: "flex flex-col items-center gap-8 pb-3 text-center",
             role: "status",
             "aria-live": "polite",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "flex size-[60px] items-center justify-center rounded-agg-full bg-agg-success", children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "flex size-[60px] items-center justify-center rounded-agg-full bg-agg-success", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
                 Icon,
                 {
                   name: "success-check",
@@ -17228,11 +17321,11 @@ var ConnectKalshiModal = ({
                   "aria-hidden": "true"
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Dialog4.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.title }),
-                /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Dialog4.Description, { className: "max-w-[480px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.description })
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Dialog4.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.title }),
+                /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Dialog4.Description, { className: "max-w-[480px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.description })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -17244,27 +17337,27 @@ var ConnectKalshiModal = ({
               )
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("form", { className: "flex flex-col items-center gap-8", onSubmit: handleSubmit, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(VenueLogo, { venue: import_sdk19.Venue.kalshi, variant: "logo", size: "large", className: "size-[60px]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Dialog4.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Dialog4.Description, { className: "max-w-[520px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
+        ) : /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("form", { className: "flex flex-col items-center gap-8", onSubmit: handleSubmit, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(VenueLogo, { venue: import_sdk19.Venue.kalshi, variant: "logo", size: "large", className: "size-[60px]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Dialog4.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Dialog4.Description, { className: "max-w-[520px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime152.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_runtime152.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_runtime153.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime153.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_runtime153.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_runtime152.jsxs)("div", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
-                /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("p", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
                     "a",
                     {
                       href: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl,
@@ -17275,34 +17368,34 @@ var ConnectKalshiModal = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
                 labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("br", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("br", {}),
                 labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime152.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_runtime152.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_runtime153.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime153.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_runtime153.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_runtime152.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
-              /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-api-key-id",
@@ -17310,7 +17403,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
                   "input",
                   {
                     ref: apiKeyInputRef,
@@ -17332,8 +17425,8 @@ var ConnectKalshiModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-private-key",
@@ -17341,7 +17434,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
                   "textarea",
                   {
                     id: "kalshi-private-key",
@@ -17364,22 +17457,22 @@ var ConnectKalshiModal = ({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex w-full items-center justify-between gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Icon, { name: "document", size: "small", className: "size-4 text-agg-primary" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex w-full items-center justify-between gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Icon, { name: "document", size: "small", className: "size-4 text-agg-primary" }),
                 labels.onboarding.connectKalshiModal.help.docsLinkLabel
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Icon, { name: "play-square", size: "small", className: "size-4 text-agg-primary" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Icon, { name: "play-square", size: "small", className: "size-4 text-agg-primary" }),
                 labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex flex-col items-center gap-5", children: [
-            error ? /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex flex-col items-center gap-5", children: [
+            error ? /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(
               "div",
               {
                 id: errorId,
@@ -17387,13 +17480,13 @@ var ConnectKalshiModal = ({
                 role: "alert",
                 "aria-live": "assertive",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Icon, { name: "warning", size: "small", className: "size-3.5 text-agg-error" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+                  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Icon, { name: "warning", size: "small", className: "size-3.5 text-agg-error" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
                 ]
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
                 Button,
                 {
                   variant: "secondary",
@@ -17403,7 +17496,7 @@ var ConnectKalshiModal = ({
                   children: labels.onboarding.connectKalshiModal.actions.cancel
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
                 Button,
                 {
                   type: "submit",
@@ -17424,7 +17517,7 @@ var ConnectKalshiModal = ({
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
 // src/onboarding/index.tsx
-var import_jsx_runtime153 = require("react/jsx-runtime");
+var import_jsx_runtime154 = require("react/jsx-runtime");
 var OnboardingModal = ({
   open,
   onOpenChange,
@@ -17435,55 +17528,55 @@ var OnboardingModal = ({
   connectedOnchain = false
 }) => {
   var _a;
-  const labels = (0, import_hooks58.useLabels)();
-  const [step, setStep] = (0, import_react32.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
+  const labels = (0, import_hooks59.useLabels)();
+  const [step, setStep] = (0, import_react33.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_react32.useState)(false);
-  const [onchainConnected, setOnchainConnected] = (0, import_react32.useState)(false);
-  (0, import_react32.useEffect)(() => {
+  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react33.useState)(false);
+  const [onchainConnected, setOnchainConnected] = (0, import_react33.useState)(false);
+  (0, import_react33.useEffect)(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
       setOnchainConnected(false);
     }
   }, [open]);
-  const handleHowItWorksContinue = (0, import_react32.useCallback)(() => {
+  const handleHowItWorksContinue = (0, import_react33.useCallback)(() => {
     setStep(ONBOARDING_STEPS.PROFILE_SETUP);
   }, []);
-  const handleProfileContinue = (0, import_react32.useCallback)(
+  const handleProfileContinue = (0, import_react33.useCallback)(
     (data) => {
       onProfileSubmit == null ? void 0 : onProfileSubmit(data);
       setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
     },
     [onProfileSubmit]
   );
-  const handleConnectContinue = (0, import_react32.useCallback)(() => {
+  const handleConnectContinue = (0, import_react33.useCallback)(() => {
     onComplete == null ? void 0 : onComplete();
   }, [onComplete]);
-  const handleOpenOnchainModal = (0, import_react32.useCallback)(() => {
+  const handleOpenOnchainModal = (0, import_react33.useCallback)(() => {
     setOnchainModalOpen(true);
   }, []);
-  const handleOnchainConnect = (0, import_react32.useCallback)(() => __async(null, null, function* () {
+  const handleOnchainConnect = (0, import_react33.useCallback)(() => __async(null, null, function* () {
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(import_jsx_runtime153.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(import_jsx_runtime154.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(
       Modal.Container,
       {
         maxWidth: "600px",
         "aria-label": resolvedTitle,
         classNames: { container: "!rounded-agg-lg" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Dialog5.Title, { className: "sr-only", children: resolvedTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime153.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_runtime153.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
-            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
-            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Dialog5.Title, { className: "sr-only", children: resolvedTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime154.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_runtime154.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
+            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
+            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
@@ -17495,7 +17588,7 @@ var OnboardingModal = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
       ConnectOnchainModal,
       {
         open: onchainModalOpen,
@@ -17507,98 +17600,6 @@ var OnboardingModal = ({
 };
 OnboardingModal.displayName = "OnboardingModal";
 
-// src/notifications/agg-notification-events-provider.tsx
-var import_hooks59 = require("@agg-build/hooks");
-var import_react33 = require("react");
-var import_jsx_runtime154 = 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 WITHDRAW_MODAL_OPEN_EVENT = "agg-withdraw:open-modal";
@@ -17689,6 +17690,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 = {
@@ -18163,20 +18165,43 @@ var routePriceLabelFormatter = new Intl.NumberFormat("en-US", {
   maximumFractionDigits: 1
 });
 var GEO_BLOCK_WARNING_PREFIX = "Venue not available in your region";
-var normalizeOutcomeName = (value) => {
-  var _a;
-  return (_a = value == null ? void 0 : value.trim().toLowerCase()) != null ? _a : "";
-};
-var findMatchingVenueOutcome = (market, selectedOutcome) => {
-  var _a, _b;
-  const selectedNames = new Set(
-    [selectedOutcome.label, selectedOutcome.title].map(normalizeOutcomeName).filter(Boolean)
-  );
-  return (_b = (_a = market.venueMarketOutcomes) == null ? void 0 : _a.find((outcome) => {
-    const normalizedLabel = normalizeOutcomeName(outcome.label);
-    return normalizedLabel !== "" && selectedNames.has(normalizedLabel);
-  })) != null ? _b : null;
-};
+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 : "";
+};
+var findMatchingVenueOutcome = (market, selectedOutcome) => {
+  var _a, _b;
+  const selectedNames = new Set(
+    [selectedOutcome.label, selectedOutcome.title].map(normalizeOutcomeName).filter(Boolean)
+  );
+  return (_b = (_a = market.venueMarketOutcomes) == null ? void 0 : _a.find((outcome) => {
+    const normalizedLabel = normalizeOutcomeName(outcome.label);
+    return normalizedLabel !== "" && selectedNames.has(normalizedLabel);
+  })) != null ? _b : null;
+};
 var buildLimitOrderVenueOptions = ({
   currentPrices,
   livePrices,
@@ -18312,18 +18337,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";
@@ -18502,7 +18533,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;
@@ -18636,6 +18668,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);
@@ -18672,12 +18707,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), {
@@ -18686,12 +18746,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({
@@ -18702,17 +18775,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;
     }
@@ -19773,29 +19846,6 @@ PlaceOrderSuccessView.displayName = "PlaceOrderSuccessView";
 var import_jsx_runtime158 = 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;
@@ -20353,7 +20403,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_runtime158.jsx)(
@@ -20408,6 +20458,14 @@ var renderRouteCard = ({
                     className: "shrink-0 text-agg-muted-foreground",
                     "aria-hidden": "true"
                   }
+                ) : card.insufficientInventory ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+                  Icon,
+                  {
+                    name: "warning",
+                    size: "xs",
+                    className: "shrink-0 text-agg-muted-foreground",
+                    "aria-hidden": "true"
+                  }
                 ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
                   Icon,
                   {
@@ -20434,8 +20492,8 @@ var renderRouteCard = ({
           )
         ] }),
         showSplitDetails ? /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(import_jsx_runtime158.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
-          /* @__PURE__ */ (0, import_jsx_runtime158.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_runtime158.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_runtime158.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_c = card.rows) == null ? void 0 : _c.map((row) => renderRouteBreakdownRow(row)) })
         ] }) : null
       ] })
     }
@@ -21042,9 +21100,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
         }))
       });
@@ -21056,6 +21115,7 @@ var PlaceOrder = ({
       tradeSide: "buy"
     }) : [];
   }, [
+    debouncedAmount,
     smartRoute.data,
     tradingLabels,
     inheritedBuyGeoBlockedVenues,
@@ -21063,16 +21123,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_react36.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_react36.useEffect)(() => {
     if (routeCards.length === 0) {
+      if (isSellQuoteTransitioning) return;
       setSelectedRouteCardId(null);
       setIsRoutesExpanded(false);
       setIsSplitDetailOpen(false);
@@ -21081,7 +21144,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_react36.useRef)(isSubmissionLocked);
   isSubmissionLockedRef.current = isSubmissionLocked;
@@ -21111,6 +21179,11 @@ var PlaceOrder = ({
   (0, import_react36.useEffect)(() => {
     setSelectedLimitVenue(null);
   }, [scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id, scopedSelectedOutcomeId]);
+  (0, import_react36.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_react36.useMemo)(() => {
@@ -21159,16 +21232,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_react36.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_hooks61.useExecutionProgress)({
     orderIds: (_H = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) != null ? _H : null,
@@ -21480,7 +21570,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_sdk22.Venue.kalshi || selectedRouteFills.length > 0 && selectedRouteFills.every((fill) => fill.venue === import_sdk22.Venue.kalshi));
@@ -21494,6 +21584,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;
@@ -21575,13 +21666,10 @@ var PlaceOrder = ({
     tradingLabels
   ]);
   const displayedToWinHint = (0, import_react36.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_react36.useMemo)(() => {
@@ -21779,7 +21867,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_react36.useCallback)(() => {
@@ -22119,16 +22207,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({
@@ -22261,6 +22353,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) => {
@@ -26543,10 +26637,10 @@ var HomePage = ({
 HomePage.displayName = "HomePage";
 
 // src/pages/user-profile/index.tsx
-var import_hooks76 = require("@agg-build/hooks");
-var import_sdk25 = require("@agg-build/sdk");
+var import_hooks77 = require("@agg-build/hooks");
+var import_sdk26 = require("@agg-build/sdk");
 var import_dayjs9 = __toESM(require("dayjs"));
-var import_react48 = require("react");
+var import_react49 = require("react");
 
 // src/pages/user-profile/chain-display.ts
 var CHAIN_ID_TO_LABEL = {
@@ -26623,7 +26717,9 @@ var AvailableBalanceCard = ({
   reservedValueLabel,
   chains,
   isLoading = false,
-  className
+  className,
+  onManage,
+  manageButtonRef
 }) => {
   const labels = (0, import_hooks70.useLabels)();
   const balanceLabels = labels.userProfile.balance;
@@ -26638,28 +26734,23 @@ var AvailableBalanceCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("div", { className: "agg-balance-header flex items-center justify-between gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
-            "svg",
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "agg-balance-header flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Icon, { name: "wallet", size: "small", className: "size-4 text-agg-muted-foreground" }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-foreground", children: resolvedLabel })
+          ] }),
+          onManage ? /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
+            "button",
             {
-              xmlns: "http://www.w3.org/2000/svg",
-              width: "16",
-              height: "16",
-              viewBox: "0 0 16 16",
-              fill: "none",
-              "aria-hidden": "true",
-              focusable: "false",
-              children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
-                "path",
-                {
-                  d: "M14 4.00065H3.33333C2.76067 4.00065 2.21867 3.75265 1.84333 3.33465C2.21 2.92532 2.74267 2.66732 3.33333 2.66732H15.3333C15.702 2.66732 16 2.36865 16 2.00065C16 1.63265 15.702 1.33398 15.3333 1.33398H3.33333C1.49267 1.33398 0 2.82665 0 4.66732V11.334C0 13.1747 1.49267 14.6673 3.33333 14.6673H14C15.1047 14.6673 16 13.772 16 12.6673V6.00065C16 4.89598 15.1047 4.00065 14 4.00065ZM14.6667 12.6673C14.6667 13.0347 14.368 13.334 14 13.334H3.33333C2.23067 13.334 1.33333 12.4367 1.33333 11.334V4.66598C1.90267 5.09198 2.60267 5.33398 3.33333 5.33398H14C14.368 5.33398 14.6667 5.63332 14.6667 6.00065V12.6673ZM13.3333 9.33399C13.3333 9.70199 13.0347 10.0007 12.6667 10.0007C12.2987 10.0007 12 9.70199 12 9.33399C12 8.96599 12.2987 8.66732 12.6667 8.66732C13.0347 8.66732 13.3333 8.96599 13.3333 9.33399Z",
-                  fill: "#9D9FAF"
-                }
-              )
+              ref: manageButtonRef,
+              type: "button",
+              "aria-haspopup": "dialog",
+              className: "cursor-pointer rounded-agg-sm font-agg-sans text-agg-base leading-6 font-agg-bold text-agg-primary outline-none hover:text-agg-primary-hover focus-visible:ring-2 focus-visible:ring-agg-primary-hover",
+              onClick: onManage,
+              children: balanceLabels.manage
             }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-foreground", children: resolvedLabel })
-        ] }) }),
+          ) : null
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "agg-balance-summary flex items-center justify-between gap-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("div", { className: "agg-balance-value font-agg-sans text-agg-2xl leading-8 font-agg-bold text-agg-foreground", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("div", { role: "status", "aria-label": "Loading available balance", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SkeletonBlock, { className: "h-8 w-24 rounded-agg-sm" }) }) : valueLabel }),
           /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
@@ -26774,147 +26865,853 @@ var AvailableBalanceCard = ({
                   ]
                 }
               )
-            }
-          )
-        ] }),
-        !isLoading && reservedValueLabel ? /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("p", { className: "font-agg-sans text-agg-xs leading-agg-4 text-agg-muted-foreground", children: balanceLabels.reservedForOpenOrders(reservedValueLabel) }) : null
+            }
+          )
+        ] }),
+        !isLoading && reservedValueLabel ? /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("p", { className: "font-agg-sans text-agg-xs leading-agg-4 text-agg-muted-foreground", children: balanceLabels.reservedForOpenOrders(reservedValueLabel) }) : null
+      ]
+    }
+  );
+};
+AvailableBalanceCard.displayName = "AvailableBalanceCard";
+
+// src/pages/user-profile/components/claim-activity-breakdown-modal.tsx
+var import_hooks71 = require("@agg-build/hooks");
+var import_sdk24 = require("@agg-build/sdk");
+var import_jsx_runtime167 = require("react/jsx-runtime");
+var CLAIM_VENUE_LABELS = {
+  [import_sdk24.Venue.kalshi]: "Kalshi",
+  [import_sdk24.Venue.polymarket]: "Polymarket",
+  [import_sdk24.Venue.limitless]: "Limitless",
+  [import_sdk24.Venue.opinion]: "Opinion",
+  [import_sdk24.Venue.predict]: "Predict",
+  [import_sdk24.Venue.probable]: "Probable",
+  [import_sdk24.Venue.myriad]: "Myriad",
+  [import_sdk24.Venue.hyperliquid]: "Hyperliquid"
+};
+var ClaimActivityBreakdownModal = ({
+  activity,
+  onOpenChange,
+  onTransactionSelect
+}) => {
+  var _a;
+  const labels = (0, import_hooks71.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+    Modal,
+    {
+      open: activity !== null,
+      onOpenChange,
+      "aria-label": labels.userProfile.activity.claimBreakdownModalAriaLabel,
+      children: /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(
+        Modal.Container,
+        {
+          maxWidth: "600px",
+          "aria-label": labels.userProfile.activity.claimBreakdownModalAriaLabel,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+              Modal.Header,
+              {
+                title: (_a = activity == null ? void 0 : activity.title) != null ? _a : "",
+                classNames: {
+                  root: "border-b-0!",
+                  container: "px-4 py-4 sm:px-8 sm:pt-7 sm:pb-3",
+                  title: "text-2xl leading-8"
+                }
+              }
+            ),
+            activity ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Modal.Body, { classNames: { root: "px-4 pt-0 pb-4 sm:px-8 sm:pt-0 sm:pb-7" }, children: /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { className: "flex flex-col gap-6", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { className: "flex flex-wrap items-center gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("span", { className: "inline-flex items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-1.5 text-agg-sm leading-5 text-agg-foreground", children: activity.outcomeLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("p", { className: "min-w-0 flex-1 text-agg-sm leading-5 text-agg-foreground", children: activity.marketTitle })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("div", { className: "flex flex-col", children: activity.transactions.map((transaction, index) => {
+                var _a2;
+                const isInteractive = Boolean(transaction.txHash && transaction.chainId);
+                return /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(
+                    "button",
+                    {
+                      type: "button",
+                      className: [
+                        "flex w-full items-center justify-between gap-6 rounded-agg-lg px-3 py-2 text-left transition-colors",
+                        "bg-transparent hover:bg-agg-secondary-hover",
+                        isInteractive ? "cursor-pointer" : "cursor-default"
+                      ].join(" "),
+                      "aria-label": labels.userProfile.activity.claimBreakdownTransactionLinkAria(
+                        transaction.venue
+                      ),
+                      disabled: !isInteractive,
+                      onClick: () => {
+                        if (!isInteractive) return;
+                        onTransactionSelect(transaction);
+                      },
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { className: "min-w-0 flex flex-1 flex-col gap-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { className: "flex items-center gap-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+                              VenueLogo,
+                              {
+                                venue: transaction.venue,
+                                size: "small",
+                                className: "shrink-0"
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("p", { className: "text-agg-sm leading-5 text-agg-foreground", children: (_a2 = CLAIM_VENUE_LABELS[transaction.venue]) != null ? _a2 : transaction.venue })
+                          ] }),
+                          transaction.hasError && transaction.errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+                            Tooltip,
+                            {
+                              size: "medium",
+                              content: transaction.errorMessage,
+                              sideOffset: 4,
+                              children: /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { className: "flex items-center gap-2 text-agg-error!", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+                                  Icon,
+                                  {
+                                    name: "circle-xmark",
+                                    size: "small",
+                                    className: "size-3! text-agg-error!"
+                                  }
+                                ),
+                                /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("p", { className: "truncate text-agg-sm leading-5 text-agg-error!", children: transaction.errorMessage })
+                              ] })
+                            }
+                          ) : /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("p", { className: "text-agg-sm leading-5 text-agg-muted-foreground", children: transaction.transactionLabel })
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { className: "flex shrink-0 items-center gap-3", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("p", { className: "text-agg-sm font-agg-bold leading-5 text-agg-foreground", children: transaction.amountLabel }),
+                          isInteractive ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+                            Icon,
+                            {
+                              name: "external-link",
+                              size: "small",
+                              className: "text-agg-muted-foreground"
+                            }
+                          ) : null
+                        ] })
+                      ]
+                    }
+                  ),
+                  index < activity.transactions.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("div", { className: "my-1 h-px w-full bg-agg-separator", "aria-hidden": true }) : null
+                ] }, transaction.id);
+              }) })
+            ] }) }) : null
+          ]
+        }
+      )
+    }
+  );
+};
+
+// src/pages/user-profile/components/manage-balances-modal.tsx
+var import_hooks72 = require("@agg-build/hooks");
+var import_sdk25 = require("@agg-build/sdk");
+var Dialog8 = __toESM(require("@radix-ui/react-dialog"));
+var import_react47 = require("react");
+var import_zod2 = require("zod");
+var import_jsx_runtime168 = require("react/jsx-runtime");
+var USDC_DECIMALS = 6;
+var EDITABLE_AMOUNT_PATTERN = /^\d*(?:\.\d{0,6})?$/;
+var FINAL_AMOUNT_PATTERN = /^\d+(?:\.\d{1,6})?$/;
+var NETWORK_PRESENTATION = {
+  137: { name: "Polygon", order: 0, venues: [import_sdk25.Venue.polymarket] },
+  56: { name: "BNB", order: 1, venues: [import_sdk25.Venue.limitless, import_sdk25.Venue.myriad] },
+  792703809: { name: "Solana", order: 2, venues: [import_sdk25.Venue.kalshi] },
+  1337: { name: "Hyperliquid", order: 3, venues: [import_sdk25.Venue.hyperliquid] },
+  42161: { name: "Arbitrum", order: 4, venues: [] },
+  8453: { name: "Base", order: 5, venues: [] },
+  1: { name: "Ethereum", order: 6, venues: [] }
+};
+var VENUE_LABELS = {
+  [import_sdk25.Venue.kalshi]: "Kalshi",
+  [import_sdk25.Venue.limitless]: "Limitless",
+  [import_sdk25.Venue.opinion]: "Opinion",
+  [import_sdk25.Venue.polymarket]: "Polymarket",
+  [import_sdk25.Venue.predict]: "Predict",
+  [import_sdk25.Venue.probable]: "Probable",
+  [import_sdk25.Venue.myriad]: "Myriad",
+  [import_sdk25.Venue.hyperliquid]: "Hyperliquid"
+};
+var amountSchema = import_zod2.z.string().min(1).regex(FINAL_AMOUNT_PATTERN);
+var decimalToRaw = (value, decimals = USDC_DECIMALS) => {
+  const parsed = amountSchema.safeParse(value.trim());
+  if (!parsed.success) return null;
+  const [whole = "0", fraction = ""] = parsed.data.split(".");
+  const paddedFraction = fraction.padEnd(decimals, "0").slice(0, decimals);
+  const normalizedWhole = whole.replace(/^0+(?=\d)/, "") || "0";
+  return BigInt(`${normalizedWhole}${paddedFraction}`).toString();
+};
+var rawToDecimal = (rawValue, decimals = USDC_DECIMALS) => {
+  const normalizedRaw = rawValue.replace(/^0+(?=\d)/, "") || "0";
+  const paddedRaw = normalizedRaw.padStart(decimals + 1, "0");
+  const whole = paddedRaw.slice(0, -decimals);
+  const fraction = paddedRaw.slice(-decimals).replace(/0+$/, "");
+  return fraction ? `${whole}.${fraction}` : whole;
+};
+var getInitialDraft = (policy) => {
+  if ((policy == null ? void 0 : policy.status) !== "enabled") return { minimum: "0", refillTo: "0" };
+  return {
+    minimum: rawToDecimal(policy.minimumRaw),
+    refillTo: rawToDecimal(policy.refillAmountRaw)
+  };
+};
+var areDraftsEqual = (current, initial) => {
+  const currentMinimumRaw = decimalToRaw(current.minimum);
+  const currentRefillToRaw = decimalToRaw(current.refillTo);
+  const initialMinimumRaw = decimalToRaw(initial.minimum);
+  const initialRefillToRaw = decimalToRaw(initial.refillTo);
+  return currentMinimumRaw !== null && currentRefillToRaw !== null && currentMinimumRaw === initialMinimumRaw && currentRefillToRaw === initialRefillToRaw;
+};
+var getPolicyMaximumRaw = (policy) => {
+  if (!(policy == null ? void 0 : policy.dailyCapRaw) || !policy.maxFeeRaw) return null;
+  const dailyCapRaw = BigInt(policy.dailyCapRaw);
+  const maximumFeeRaw = BigInt(policy.maxFeeRaw);
+  if (dailyCapRaw <= maximumFeeRaw) return "0";
+  return (dailyCapRaw - maximumFeeRaw).toString();
+};
+var getApiFieldErrors = (error) => {
+  var _a;
+  if (!(error instanceof Error)) return [];
+  return (_a = error.errors) != null ? _a : [];
+};
+var getApiErrorMessage = (error, fallback) => {
+  if (!(error instanceof Error) || !error.message.trim()) return fallback;
+  return error.message;
+};
+var ManageBalancesModal = ({
+  open,
+  onOpenChange
+}) => {
+  const labels = (0, import_hooks72.useLabels)();
+  const refillLabels = labels.balanceRefill;
+  const balanceState = (0, import_hooks72.useAggBalance)();
+  const depositAddressesQuery = (0, import_hooks72.useDepositAddresses)({ enabled: open });
+  const policiesQuery = (0, import_hooks72.useBalanceRefillPolicies)({ enabled: open });
+  const toastContext = useOptionalToast();
+  const descriptionId = (0, import_react47.useId)();
+  const savingRef = (0, import_react47.useRef)(false);
+  const [expandedChainIds, setExpandedChainIds] = (0, import_react47.useState)(/* @__PURE__ */ new Set());
+  const [resetChainIds, setResetChainIds] = (0, import_react47.useState)(/* @__PURE__ */ new Set());
+  const [drafts, setDrafts] = (0, import_react47.useState)({});
+  const [initialDrafts, setInitialDrafts] = (0, import_react47.useState)({});
+  const [submissionErrors, setSubmissionErrors] = (0, import_react47.useState)({});
+  const [isInitialized, setIsInitialized] = (0, import_react47.useState)(false);
+  const [isSaving, setIsSaving] = (0, import_react47.useState)(false);
+  const networks = (0, import_react47.useMemo)(() => {
+    var _a, _b, _c;
+    const supportedChains = (_a = depositAddressesQuery.supportedChains) != null ? _a : [];
+    const availableBalanceBreakdown = (_c = (_b = balanceState.availableBalanceBreakdown) != null ? _b : balanceState.balanceBreakdown) != null ? _c : [];
+    return supportedChains.flatMap((chain) => {
+      var _a2, _b2;
+      const usdcToken = chain.tokens.find((token) => token.symbol.toUpperCase() === "USDC");
+      if (!usdcToken) return [];
+      const presentation = NETWORK_PRESENTATION[chain.chainId];
+      const chainBalance = availableBalanceBreakdown.find(
+        (balance) => balance.key === String(chain.chainId)
+      );
+      return [
+        {
+          chainId: chain.chainId,
+          name: (_a2 = presentation == null ? void 0 : presentation.name) != null ? _a2 : chain.name,
+          balance: chainBalance == null ? void 0 : chainBalance.balance,
+          policy: policiesQuery.policies.find(
+            (policy) => policy.targetChainId === chain.chainId && policy.targetTokenSymbol.toUpperCase() === "USDC"
+          ),
+          venues: (_b2 = presentation == null ? void 0 : presentation.venues) != null ? _b2 : []
+        }
+      ];
+    }).sort((left, right) => {
+      var _a2, _b2, _c2, _d;
+      const leftOrder = (_b2 = (_a2 = NETWORK_PRESENTATION[left.chainId]) == null ? void 0 : _a2.order) != null ? _b2 : Number.MAX_SAFE_INTEGER;
+      const rightOrder = (_d = (_c2 = NETWORK_PRESENTATION[right.chainId]) == null ? void 0 : _c2.order) != null ? _d : Number.MAX_SAFE_INTEGER;
+      if (leftOrder !== rightOrder) return leftOrder - rightOrder;
+      return left.name.localeCompare(right.name);
+    });
+  }, [
+    balanceState.availableBalanceBreakdown,
+    balanceState.balanceBreakdown,
+    depositAddressesQuery.supportedChains,
+    policiesQuery.policies
+  ]);
+  const isLoading = depositAddressesQuery.isLoading || policiesQuery.isLoading || balanceState.isLoading || open && !depositAddressesQuery.isReady && !depositAddressesQuery.isError && !depositAddressesQuery.isTimedOut;
+  const hasDepositAddressesLoadError = !depositAddressesQuery.isReady && (depositAddressesQuery.isError || depositAddressesQuery.isTimedOut);
+  const hasPoliciesLoadError = policiesQuery.isError && policiesQuery.data === void 0;
+  const loadError = hasDepositAddressesLoadError ? depositAddressesQuery.error : hasPoliciesLoadError ? policiesQuery.error : balanceState.error;
+  const hasLoadError = hasDepositAddressesLoadError || hasPoliciesLoadError || Boolean(balanceState.error);
+  (0, import_react47.useEffect)(() => {
+    if (open) return;
+    setExpandedChainIds(/* @__PURE__ */ new Set());
+    setResetChainIds(/* @__PURE__ */ new Set());
+    setDrafts({});
+    setInitialDrafts({});
+    setSubmissionErrors({});
+    setIsInitialized(false);
+    setIsSaving(false);
+    savingRef.current = false;
+  }, [open]);
+  (0, import_react47.useEffect)(() => {
+    if (!open || isLoading || hasLoadError || isInitialized) return;
+    const nextDrafts = Object.fromEntries(
+      networks.map((network) => [network.chainId, getInitialDraft(network.policy)])
+    );
+    setDrafts(nextDrafts);
+    setInitialDrafts(nextDrafts);
+    setIsInitialized(true);
+  }, [hasLoadError, isInitialized, isLoading, networks, open]);
+  const validateDraft = (0, import_react47.useCallback)(
+    (network, draft) => {
+      const errors = {};
+      const minimum = draft.minimum.trim();
+      const refillTo = draft.refillTo.trim();
+      if (!minimum) {
+        errors.minimum = refillLabels.requiredError;
+      } else if (!FINAL_AMOUNT_PATTERN.test(minimum)) {
+        errors.minimum = refillLabels.precisionError;
+      }
+      if (!refillTo) {
+        errors.refillTo = refillLabels.requiredError;
+      } else if (!FINAL_AMOUNT_PATTERN.test(refillTo)) {
+        errors.refillTo = refillLabels.precisionError;
+      }
+      const minimumRaw = decimalToRaw(minimum);
+      const refillToRaw = decimalToRaw(refillTo);
+      if (minimumRaw === "0") errors.minimum = refillLabels.positiveError;
+      if (refillToRaw === "0") errors.refillTo = refillLabels.positiveError;
+      if (minimumRaw !== null && refillToRaw !== null && BigInt(refillToRaw) < BigInt(minimumRaw)) {
+        errors.refillTo = refillLabels.relationshipError;
+      }
+      const maximumRaw = getPolicyMaximumRaw(network.policy);
+      if (maximumRaw !== null) {
+        const maximumLabel = rawToDecimal(maximumRaw);
+        if (minimumRaw !== null && BigInt(minimumRaw) > BigInt(maximumRaw)) {
+          errors.minimum = refillLabels.maximumError(maximumLabel);
+        }
+        if (refillToRaw !== null && BigInt(refillToRaw) > BigInt(maximumRaw)) {
+          errors.refillTo = refillLabels.maximumError(maximumLabel);
+        }
+      }
+      return errors;
+    },
+    [refillLabels]
+  );
+  const dirtyNetworks = (0, import_react47.useMemo)(
+    () => networks.filter((network) => {
+      if (network.venues.length === 0) return false;
+      if (resetChainIds.has(network.chainId)) return true;
+      const draft = drafts[network.chainId];
+      const initialDraft = initialDrafts[network.chainId];
+      if (!draft || !initialDraft) return false;
+      return !areDraftsEqual(draft, initialDraft);
+    }),
+    [drafts, initialDrafts, networks, resetChainIds]
+  );
+  const validationErrors = (0, import_react47.useMemo)(
+    () => Object.fromEntries(
+      dirtyNetworks.map((network) => {
+        var _a;
+        return [
+          network.chainId,
+          resetChainIds.has(network.chainId) ? {} : validateDraft(network, (_a = drafts[network.chainId]) != null ? _a : getInitialDraft(network.policy))
+        ];
+      })
+    ),
+    [dirtyNetworks, drafts, resetChainIds, validateDraft]
+  );
+  const hasValidationErrors = Object.values(validationErrors).some(
+    (errors) => errors.minimum || errors.refillTo || errors.general
+  );
+  const isSaveDisabled = dirtyNetworks.length === 0 || hasValidationErrors || isSaving;
+  const handleOpenChange = (0, import_react47.useCallback)(
+    (nextOpen) => {
+      if (isSaving && !nextOpen) return;
+      onOpenChange(nextOpen);
+    },
+    [isSaving, onOpenChange]
+  );
+  const handleToggleNetwork = (0, import_react47.useCallback)((chainId, canManageBalance) => {
+    if (!canManageBalance) return;
+    setExpandedChainIds((current) => {
+      const next = new Set(current);
+      if (next.has(chainId)) next.delete(chainId);
+      else next.add(chainId);
+      return next;
+    });
+  }, []);
+  const handleDraftChange = (0, import_react47.useCallback)(
+    (chainId, field, value) => {
+      if (!EDITABLE_AMOUNT_PATTERN.test(value)) return;
+      setDrafts((current) => {
+        var _a;
+        const currentDraft = (_a = current[chainId]) != null ? _a : { minimum: "0", refillTo: "0" };
+        const nextDraft = __spreadProps(__spreadValues({}, currentDraft), { [field]: value });
+        if (field === "minimum") {
+          const minimumRaw = decimalToRaw(value);
+          const refillToRaw = decimalToRaw(currentDraft.refillTo);
+          if (minimumRaw !== null && refillToRaw !== null && BigInt(minimumRaw) > BigInt(refillToRaw)) {
+            nextDraft.refillTo = value;
+          }
+        }
+        return __spreadProps(__spreadValues({}, current), { [chainId]: nextDraft });
+      });
+      setResetChainIds((current) => {
+        if (!current.has(chainId)) return current;
+        const next = new Set(current);
+        next.delete(chainId);
+        return next;
+      });
+      setSubmissionErrors((current) => {
+        if (!current[chainId]) return current;
+        return __spreadProps(__spreadValues({}, current), { [chainId]: {} });
+      });
+    },
+    []
+  );
+  const handleResetNetwork = (0, import_react47.useCallback)((network) => {
+    setDrafts((current) => __spreadProps(__spreadValues({}, current), {
+      [network.chainId]: { minimum: "0", refillTo: "0" }
+    }));
+    setResetChainIds((current) => {
+      var _a;
+      const next = new Set(current);
+      if (((_a = network.policy) == null ? void 0 : _a.status) === "enabled") next.add(network.chainId);
+      else next.delete(network.chainId);
+      return next;
+    });
+    setSubmissionErrors((current) => {
+      if (!current[network.chainId]) return current;
+      return __spreadProps(__spreadValues({}, current), { [network.chainId]: {} });
+    });
+  }, []);
+  const handleAmountBlur = (0, import_react47.useCallback)((chainId, field) => {
+    setDrafts((current) => {
+      const currentDraft = current[chainId];
+      if (!currentDraft) return current;
+      const rawValue = decimalToRaw(currentDraft[field]);
+      if (rawValue === null) return current;
+      return __spreadProps(__spreadValues({}, current), {
+        [chainId]: __spreadProps(__spreadValues({}, currentDraft), { [field]: rawToDecimal(rawValue) })
+      });
+    });
+  }, []);
+  const handleRetry = (0, import_react47.useCallback)(() => {
+    void depositAddressesQuery.refetch();
+    void policiesQuery.refetch();
+    balanceState.refetch();
+  }, [balanceState, depositAddressesQuery, policiesQuery]);
+  const handleSave = (0, import_react47.useCallback)(() => __async(null, null, function* () {
+    if (savingRef.current || isSaveDisabled) return;
+    savingRef.current = true;
+    setIsSaving(true);
+    setSubmissionErrors({});
+    const nextInitialDrafts = __spreadValues({}, initialDrafts);
+    const nextResetChainIds = new Set(resetChainIds);
+    let failureCount = 0;
+    yield Promise.all(
+      dirtyNetworks.map((network) => __async(null, null, function* () {
+        const draft = drafts[network.chainId];
+        if (!draft) return;
+        try {
+          const isResetting = resetChainIds.has(network.chainId);
+          const minimumRaw = decimalToRaw(draft.minimum);
+          const refillAmountRaw = decimalToRaw(draft.refillTo);
+          let savedPolicy;
+          if (isResetting) {
+            if (!network.policy) return;
+            savedPolicy = yield policiesQuery.updatePolicy.mutateAsync({
+              policyId: network.policy.id,
+              params: { status: "paused" }
+            });
+          } else {
+            if (minimumRaw === null || refillAmountRaw === null) return;
+            savedPolicy = network.policy ? yield policiesQuery.updatePolicy.mutateAsync({
+              policyId: network.policy.id,
+              params: { minimumRaw, refillAmountRaw, status: "enabled" }
+            }) : yield policiesQuery.createPolicy.mutateAsync({
+              targetChainId: network.chainId,
+              targetTokenSymbol: "USDC",
+              minimumRaw,
+              refillAmountRaw
+            });
+          }
+          nextInitialDrafts[network.chainId] = getInitialDraft(savedPolicy);
+          nextResetChainIds.delete(network.chainId);
+        } catch (error) {
+          failureCount += 1;
+          const fieldErrors = getApiFieldErrors(error);
+          const nextErrors = {};
+          fieldErrors.forEach((fieldError) => {
+            if (!fieldError.message) return;
+            if (fieldError.field === "minimumRaw") nextErrors.minimum = fieldError.message;
+            else if (fieldError.field === "refillAmountRaw") {
+              nextErrors.refillTo = fieldError.message;
+            } else nextErrors.general = fieldError.message;
+          });
+          if (!nextErrors.minimum && !nextErrors.refillTo && !nextErrors.general) {
+            nextErrors.general = getApiErrorMessage(error, refillLabels.saveError);
+          }
+          setSubmissionErrors((current) => __spreadProps(__spreadValues({}, current), {
+            [network.chainId]: nextErrors
+          }));
+        }
+      }))
+    );
+    setInitialDrafts(nextInitialDrafts);
+    setResetChainIds(nextResetChainIds);
+    if (failureCount === 0) {
+      yield policiesQuery.refetch();
+      toastContext == null ? void 0 : toastContext.toast(refillLabels.saved, { tone: "success" });
+    } else {
+      toastContext == null ? void 0 : toastContext.toast(refillLabels.saveError, { tone: "error" });
+    }
+    savingRef.current = false;
+    setIsSaving(false);
+  }), [
+    dirtyNetworks,
+    drafts,
+    initialDrafts,
+    isSaveDisabled,
+    policiesQuery,
+    refillLabels,
+    resetChainIds,
+    toastContext
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
+    Modal.Container,
+    {
+      maxWidth: "600px",
+      "aria-label": refillLabels.manageTitle,
+      classNames: {
+        container: "max-h-[calc(100%-2rem)] border-0 ring-1 ring-inset ring-agg-separator md:max-h-[calc(100%-2rem)]"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+          Modal.Header,
+          {
+            title: refillLabels.manageTitle,
+            subtitle: refillLabels.manageDescription,
+            hideBorder: true,
+            classNames: {
+              root: "static min-h-0 shrink-0",
+              container: "relative items-start! px-8! pt-7! pb-0!",
+              title: "text-agg-2xl leading-agg-8",
+              titleContainer: "flex max-w-none! flex-col gap-2",
+              subtitle: "text-agg-sm! leading-agg-5! text-agg-foreground!",
+              close: "absolute top-7 right-8"
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Dialog8.Description, { className: "sr-only", children: refillLabels.manageDescription }),
+        /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Modal.Body, { classNames: { root: "min-h-0 px-8! pt-6! pb-0!" }, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { role: "status", "aria-label": refillLabels.modalLoading, className: "h-[448px]", children: Array.from({ length: 7 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
+          "div",
+          {
+            className: "flex h-16 items-center gap-3 border-b border-agg-separator last:border-b-0",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(SkeletonBlock, { className: "size-4 shrink-0 rounded-[4px]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(SkeletonBlock, { className: "h-5 w-20 rounded-agg-sm" }),
+              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(SkeletonBlock, { className: "h-6 w-20 rounded-agg-full" }),
+              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(SkeletonBlock, { className: "ml-auto h-4 w-20 rounded-agg-sm" }),
+              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(SkeletonBlock, { className: "h-5 w-12 rounded-agg-sm" }),
+              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(SkeletonBlock, { className: "size-4 rounded-agg-sm" })
+            ]
+          },
+          index
+        )) }) : hasLoadError ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+          StateMessage,
+          {
+            icon: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Icon, { name: "error-filled" }),
+            title: refillLabels.modalLoadError,
+            description: getApiErrorMessage(loadError, refillLabels.modalLoadError),
+            onAction: handleRetry,
+            classNames: { root: "h-[448px] min-h-[448px]" }
+          }
+        ) : networks.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+          StateMessage,
+          {
+            icon: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Icon, { name: "search-empty" }),
+            title: refillLabels.modalEmptyTitle,
+            description: refillLabels.modalEmptyDescription,
+            classNames: { root: "h-[448px] min-h-[448px]" }
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: "flex flex-col", role: "list", children: networks.map((network, networkIndex) => {
+          var _a, _b, _c, _d, _e;
+          const canManageBalance = network.venues.length > 0;
+          const isExpanded = canManageBalance && expandedChainIds.has(network.chainId);
+          const isLastNetwork = networkIndex === networks.length - 1;
+          const isPendingReset = resetChainIds.has(network.chainId);
+          const draft = (_a = drafts[network.chainId]) != null ? _a : getInitialDraft(network.policy);
+          const initialDraft = (_b = initialDrafts[network.chainId]) != null ? _b : getInitialDraft(network.policy);
+          const isDirty = isPendingReset || !areDraftsEqual(draft, initialDraft);
+          const rowValidationErrors = isDirty ? (_c = validationErrors[network.chainId]) != null ? _c : {} : {};
+          const rowSubmissionErrors = (_d = submissionErrors[network.chainId]) != null ? _d : {};
+          const rowErrors = __spreadValues(__spreadValues({}, rowValidationErrors), rowSubmissionErrors);
+          const isDraftValid = !rowValidationErrors.minimum && !rowValidationErrors.refillTo && !rowValidationErrors.general;
+          const hasConfiguredAutoRefill = ((_e = network.policy) == null ? void 0 : _e.status) === "enabled" && !areDraftsEqual(initialDraft, { minimum: "0", refillTo: "0" });
+          const hasDraftAutoRefill = isDirty && !isPendingReset && isDraftValid;
+          const hasAutoRefill = !isPendingReset && (hasConfiguredAutoRefill || hasDraftAutoRefill);
+          const minimumInputId = `${descriptionId}-${network.chainId}-minimum`;
+          const refillToInputId = `${descriptionId}-${network.chainId}-refill-to`;
+          const minimumErrorId = `${minimumInputId}-error`;
+          const refillToErrorId = `${refillToInputId}-error`;
+          const formattedBalance = network.balance === void 0 ? "$\u2014" : formatUsd(network.balance);
+          return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
+            "div",
+            {
+              role: "listitem",
+              className: cn(
+                networkIndex > 0 && "pt-5",
+                !isLastNetwork && "border-b border-agg-separator pb-5"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-expanded": isExpanded,
+                    "aria-controls": `${descriptionId}-${network.chainId}-settings`,
+                    "aria-label": isExpanded ? refillLabels.collapseNetwork(network.name) : refillLabels.expandNetwork(network.name),
+                    disabled: isSaving || !canManageBalance,
+                    className: cn(
+                      "group flex w-full cursor-pointer items-center gap-3 rounded-agg-sm text-left outline-none disabled:cursor-not-allowed focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-agg-primary-hover",
+                      canManageBalance ? "h-6" : "h-5"
+                    ),
+                    onClick: () => handleToggleNetwork(network.chainId, canManageBalance),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("span", { className: "flex min-w-0 items-center gap-2", children: [
+                        chainIconUrl(network.name, String(network.chainId)) ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                          "img",
+                          {
+                            src: chainIconUrl(network.name, String(network.chainId)),
+                            alt: "",
+                            "aria-hidden": "true",
+                            className: "size-4 shrink-0 rounded-[4px] object-contain"
+                          }
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-agg-separator text-[8px] text-agg-muted-foreground", children: network.name.slice(0, 2).toUpperCase() }),
+                        /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: "truncate text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: network.name })
+                      ] }),
+                      network.venues.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: "hidden min-w-0 items-center gap-2 min-[440px]:flex", children: network.venues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
+                        "span",
+                        {
+                          className: "flex h-6 shrink-0 items-center gap-1 rounded-agg-full bg-agg-secondary-hover px-3 text-agg-xs leading-agg-4 text-agg-foreground",
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(VenueLogo, { venue, size: "small", className: "size-3" }),
+                            VENUE_LABELS[venue]
+                          ]
+                        },
+                        venue
+                      )) }) : null,
+                      /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("span", { className: "ml-auto flex shrink-0 items-center gap-4", children: [
+                        canManageBalance ? /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
+                          "span",
+                          {
+                            className: cn(
+                              "hidden shrink-0 items-center gap-1.5 text-agg-xs leading-agg-4 min-[520px]:flex",
+                              hasAutoRefill ? "text-agg-foreground" : "text-agg-muted-foreground"
+                            ),
+                            children: [
+                              hasAutoRefill ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                                Icon,
+                                {
+                                  name: "success-check",
+                                  size: "small",
+                                  className: "size-2! text-agg-foreground"
+                                }
+                              ) : null,
+                              hasAutoRefill ? refillLabels.autoRefill : refillLabels.noAutoRefill
+                            ]
+                          }
+                        ) : null,
+                        /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                          "span",
+                          {
+                            title: formattedBalance,
+                            className: "w-[60px] shrink-0 truncate text-right text-agg-sm leading-agg-5 font-agg-bold tabular-nums text-agg-foreground",
+                            children: formattedBalance
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                          Icon,
+                          {
+                            name: isExpanded ? "chevron-up" : "chevron-down",
+                            size: "small",
+                            className: cn(
+                              "size-4 shrink-0 text-agg-muted-foreground",
+                              canManageBalance ? "group-hover:text-agg-foreground" : "opacity-50"
+                            )
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                ),
+                isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { id: `${descriptionId}-${network.chainId}-settings`, className: "mt-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex flex-wrap items-start gap-x-6 gap-y-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex w-[174px] shrink-0 items-start gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                        "label",
+                        {
+                          htmlFor: minimumInputId,
+                          className: "flex h-8 w-[26px] shrink-0 items-center text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground",
+                          children: refillLabels.minimumShortLabel
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "w-[140px]", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
+                          "div",
+                          {
+                            className: cn(
+                              "flex h-8 items-center gap-2 rounded-agg-sm border bg-agg-secondary focus-within:ring-1 focus-within:ring-inset",
+                              rowErrors.minimum ? "border-agg-error focus-within:ring-agg-error" : "border-agg-separator focus-within:border-agg-primary focus-within:ring-agg-primary"
+                            ),
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                                "input",
+                                {
+                                  id: minimumInputId,
+                                  type: "text",
+                                  inputMode: "decimal",
+                                  autoComplete: "off",
+                                  value: draft.minimum,
+                                  disabled: isSaving,
+                                  "aria-invalid": Boolean(rowErrors.minimum),
+                                  "aria-describedby": rowErrors.minimum ? minimumErrorId : void 0,
+                                  className: "h-full min-w-0 flex-1 rounded-l-agg-sm border-0 bg-transparent pr-0 pl-3 text-agg-sm leading-agg-5 text-agg-foreground outline-none disabled:cursor-not-allowed disabled:text-agg-muted-foreground",
+                                  onChange: (event) => handleDraftChange(
+                                    network.chainId,
+                                    "minimum",
+                                    event.target.value
+                                  ),
+                                  onBlur: () => handleAmountBlur(network.chainId, "minimum")
+                                }
+                              ),
+                              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: "shrink-0 pr-3 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: refillLabels.unitLabel })
+                            ]
+                          }
+                        ),
+                        rowErrors.minimum ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                          "p",
+                          {
+                            id: minimumErrorId,
+                            role: "alert",
+                            className: "mt-1 text-agg-xs leading-agg-4 text-agg-error",
+                            children: rowErrors.minimum
+                          }
+                        ) : null
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex w-[200px] shrink-0 items-start gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                        "label",
+                        {
+                          htmlFor: refillToInputId,
+                          className: "flex h-8 w-[52px] shrink-0 items-center text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground",
+                          children: refillLabels.refillToLabel
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "w-[140px]", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
+                          "div",
+                          {
+                            className: cn(
+                              "flex h-8 items-center gap-2 rounded-agg-sm border bg-agg-secondary focus-within:ring-1 focus-within:ring-inset",
+                              rowErrors.refillTo ? "border-agg-error focus-within:ring-agg-error" : "border-agg-separator focus-within:border-agg-primary focus-within:ring-agg-primary"
+                            ),
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                                "input",
+                                {
+                                  id: refillToInputId,
+                                  type: "text",
+                                  inputMode: "decimal",
+                                  autoComplete: "off",
+                                  value: draft.refillTo,
+                                  disabled: isSaving,
+                                  "aria-invalid": Boolean(rowErrors.refillTo),
+                                  "aria-describedby": rowErrors.refillTo ? refillToErrorId : void 0,
+                                  className: "h-full min-w-0 flex-1 rounded-l-agg-sm border-0 bg-transparent pr-0 pl-3 text-agg-sm leading-agg-5 text-agg-foreground outline-none disabled:cursor-not-allowed disabled:text-agg-muted-foreground",
+                                  onChange: (event) => handleDraftChange(
+                                    network.chainId,
+                                    "refillTo",
+                                    event.target.value
+                                  ),
+                                  onBlur: () => handleAmountBlur(network.chainId, "refillTo")
+                                }
+                              ),
+                              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: "shrink-0 pr-3 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: refillLabels.unitLabel })
+                            ]
+                          }
+                        ),
+                        rowErrors.refillTo ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                          "p",
+                          {
+                            id: refillToErrorId,
+                            role: "alert",
+                            className: "mt-1 text-agg-xs leading-agg-4 text-agg-error",
+                            children: rowErrors.refillTo
+                          }
+                        ) : null
+                      ] })
+                    ] }),
+                    hasAutoRefill ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        disabled: isSaving,
+                        className: "shrink-0 mt-1.5 cursor-pointer text-agg-sm leading-agg-5 font-agg-bold text-agg-primary outline-none hover:text-agg-primary-hover focus-visible:ring-2 focus-visible:ring-agg-primary-hover disabled:cursor-not-allowed disabled:opacity-60",
+                        onClick: () => handleResetNetwork(network),
+                        children: refillLabels.resetAction
+                      }
+                    ) : null
+                  ] }),
+                  rowErrors.general ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("p", { role: "alert", className: "mt-2 text-agg-xs leading-agg-4 text-agg-error", children: rowErrors.general }) : null
+                ] }) : null
+              ]
+            },
+            network.chainId
+          );
+        }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
+          Modal.Footer,
+          {
+            hideBorder: true,
+            classNames: {
+              root: "h-[92px]! shrink-0 items-start! gap-3 px-8! pt-6! pb-7!"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                Button,
+                {
+                  variant: "secondary",
+                  size: "large",
+                  className: "min-w-0 flex-1 md:w-[120px] md:flex-none",
+                  disabled: isSaving,
+                  onClick: () => handleOpenChange(false),
+                  children: refillLabels.cancelAction
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                Button,
+                {
+                  size: "large",
+                  className: "min-w-0 flex-1 md:w-[158px] md:flex-none",
+                  isLoading: isSaving,
+                  disabled: isSaveDisabled,
+                  "aria-label": refillLabels.saveChangesAction,
+                  onClick: () => void handleSave(),
+                  children: refillLabels.saveChangesAction
+                }
+              )
+            ]
+          }
+        )
       ]
     }
-  );
-};
-AvailableBalanceCard.displayName = "AvailableBalanceCard";
-
-// src/pages/user-profile/components/claim-activity-breakdown-modal.tsx
-var import_hooks71 = require("@agg-build/hooks");
-var import_sdk24 = require("@agg-build/sdk");
-var import_jsx_runtime167 = require("react/jsx-runtime");
-var CLAIM_VENUE_LABELS = {
-  [import_sdk24.Venue.kalshi]: "Kalshi",
-  [import_sdk24.Venue.polymarket]: "Polymarket",
-  [import_sdk24.Venue.limitless]: "Limitless",
-  [import_sdk24.Venue.opinion]: "Opinion",
-  [import_sdk24.Venue.predict]: "Predict",
-  [import_sdk24.Venue.probable]: "Probable",
-  [import_sdk24.Venue.myriad]: "Myriad",
-  [import_sdk24.Venue.hyperliquid]: "Hyperliquid"
-};
-var ClaimActivityBreakdownModal = ({
-  activity,
-  onOpenChange,
-  onTransactionSelect
-}) => {
-  var _a;
-  const labels = (0, import_hooks71.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
-    Modal,
-    {
-      open: activity !== null,
-      onOpenChange,
-      "aria-label": labels.userProfile.activity.claimBreakdownModalAriaLabel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(
-        Modal.Container,
-        {
-          maxWidth: "600px",
-          "aria-label": labels.userProfile.activity.claimBreakdownModalAriaLabel,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
-              Modal.Header,
-              {
-                title: (_a = activity == null ? void 0 : activity.title) != null ? _a : "",
-                classNames: {
-                  root: "border-b-0!",
-                  container: "px-4 py-4 sm:px-8 sm:pt-7 sm:pb-3",
-                  title: "text-2xl leading-8"
-                }
-              }
-            ),
-            activity ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Modal.Body, { classNames: { root: "px-4 pt-0 pb-4 sm:px-8 sm:pt-0 sm:pb-7" }, children: /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { className: "flex flex-col gap-6", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { className: "flex flex-wrap items-center gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("span", { className: "inline-flex items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-1.5 text-agg-sm leading-5 text-agg-foreground", children: activity.outcomeLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("p", { className: "min-w-0 flex-1 text-agg-sm leading-5 text-agg-foreground", children: activity.marketTitle })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("div", { className: "flex flex-col", children: activity.transactions.map((transaction, index) => {
-                var _a2;
-                const isInteractive = Boolean(transaction.txHash && transaction.chainId);
-                return /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(
-                    "button",
-                    {
-                      type: "button",
-                      className: [
-                        "flex w-full items-center justify-between gap-6 rounded-agg-lg px-3 py-2 text-left transition-colors",
-                        "bg-transparent hover:bg-agg-secondary-hover",
-                        isInteractive ? "cursor-pointer" : "cursor-default"
-                      ].join(" "),
-                      "aria-label": labels.userProfile.activity.claimBreakdownTransactionLinkAria(
-                        transaction.venue
-                      ),
-                      disabled: !isInteractive,
-                      onClick: () => {
-                        if (!isInteractive) return;
-                        onTransactionSelect(transaction);
-                      },
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { className: "min-w-0 flex flex-1 flex-col gap-2", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { className: "flex items-center gap-2", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
-                              VenueLogo,
-                              {
-                                venue: transaction.venue,
-                                size: "small",
-                                className: "shrink-0"
-                              }
-                            ),
-                            /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("p", { className: "text-agg-sm leading-5 text-agg-foreground", children: (_a2 = CLAIM_VENUE_LABELS[transaction.venue]) != null ? _a2 : transaction.venue })
-                          ] }),
-                          transaction.hasError && transaction.errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
-                            Tooltip,
-                            {
-                              size: "medium",
-                              content: transaction.errorMessage,
-                              sideOffset: 4,
-                              children: /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { className: "flex items-center gap-2 text-agg-error!", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
-                                  Icon,
-                                  {
-                                    name: "circle-xmark",
-                                    size: "small",
-                                    className: "size-3! text-agg-error!"
-                                  }
-                                ),
-                                /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("p", { className: "truncate text-agg-sm leading-5 text-agg-error!", children: transaction.errorMessage })
-                              ] })
-                            }
-                          ) : /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("p", { className: "text-agg-sm leading-5 text-agg-muted-foreground", children: transaction.transactionLabel })
-                        ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { className: "flex shrink-0 items-center gap-3", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("p", { className: "text-agg-sm font-agg-bold leading-5 text-agg-foreground", children: transaction.amountLabel }),
-                          isInteractive ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
-                            Icon,
-                            {
-                              name: "external-link",
-                              size: "small",
-                              className: "text-agg-muted-foreground"
-                            }
-                          ) : null
-                        ] })
-                      ]
-                    }
-                  ),
-                  index < activity.transactions.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("div", { className: "my-1 h-px w-full bg-agg-separator", "aria-hidden": true }) : null
-                ] }, transaction.id);
-              }) })
-            ] }) }) : null
-          ]
-        }
-      )
-    }
-  );
+  ) });
 };
+ManageBalancesModal.displayName = "ManageBalancesModal";
 
 // src/pages/user-profile/components/positions-activity.tsx
-var import_hooks74 = require("@agg-build/hooks");
-var import_react47 = require("react");
+var import_hooks75 = require("@agg-build/hooks");
+var import_react48 = require("react");
 
 // src/pages/user-profile/user-profile.constants.ts
 var USER_PROFILE_TAB_POSITIONS = "positions";
@@ -27114,7 +27911,7 @@ var toPositionRowViewModel = (position, labels = defaultLabels2, formatters = {}
 };
 
 // src/pages/user-profile/components/activity-row.tsx
-var import_jsx_runtime168 = require("react/jsx-runtime");
+var import_jsx_runtime169 = require("react/jsx-runtime");
 var shouldOpenInNewTab = (activity) => {
   return activity.kind === "redeem" || activity.kind === "deposit" || activity.kind === "withdrawal";
 };
@@ -27131,7 +27928,7 @@ var RowWrapper = ({
 }) => {
   if (href) {
     const opensInNewTab = target === "_blank";
-    return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
       "a",
       {
         href,
@@ -27147,7 +27944,7 @@ var RowWrapper = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("button", { type: "button", className, onClick, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("button", { type: "button", className, onClick, children });
 };
 var TRANSFER_ICON = {
   withdrawal: "upload",
@@ -27182,7 +27979,7 @@ var AmountTimeStack = ({
   timeLabel,
   tone,
   mobile
-}) => /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(
   "div",
   {
     className: cn(
@@ -27190,7 +27987,7 @@ var AmountTimeStack = ({
       mobile ? "sm:hidden" : "hidden sm:flex sm:w-[120px] sm:shrink-0"
     ),
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
         "p",
         {
           className: cn(
@@ -27201,7 +27998,7 @@ var AmountTimeStack = ({
           children: amountLabel
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
         "p",
         {
           className: cn(
@@ -27218,9 +28015,9 @@ var AmountTimeStack = ({
 var TradeTypeCell = ({
   activity,
   tone
-}) => /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "hidden w-[108px] shrink-0 items-center gap-3 sm:flex", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(VenueLogo, { venue: activity.venue, size: "small", className: "shrink-0" }),
-  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "hidden w-[108px] shrink-0 items-center gap-3 sm:flex", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(VenueLogo, { venue: activity.venue, size: "small", className: "shrink-0" }),
+  /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
     "p",
     {
       className: cn(
@@ -27235,8 +28032,8 @@ var TradeTypeCell = ({
 var TransferTypeCell = ({
   activity,
   tone
-}) => /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "hidden w-[108px] shrink-0 items-center gap-3 sm:flex", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "hidden w-[108px] shrink-0 items-center gap-3 sm:flex", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
     Icon,
     {
       name: TRANSFER_ICON[activity.kind],
@@ -27247,7 +28044,7 @@ var TransferTypeCell = ({
       )
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
     "p",
     {
       className: cn(
@@ -27262,8 +28059,8 @@ var TransferTypeCell = ({
 var RedeemTypeCell = ({
   activity,
   tone
-}) => /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "hidden w-[108px] shrink-0 items-center gap-3 sm:flex", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "hidden w-[108px] shrink-0 items-center gap-3 sm:flex", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
     Icon,
     {
       name: "gift-bonus",
@@ -27274,7 +28071,7 @@ var RedeemTypeCell = ({
       )
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
     "p",
     {
       className: cn(
@@ -27291,7 +28088,7 @@ var OutcomeBadge = ({
   tone
 }) => {
   if (!label2) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: "agg-activity-outcome inline-flex items-center justify-center gap-1.5 rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("span", { className: "agg-activity-outcome inline-flex items-center justify-center gap-1.5 rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
     "span",
     {
       className: cn(
@@ -27305,9 +28102,9 @@ var OutcomeBadge = ({
 var TradeOutcomeShares = ({
   activity,
   tone
-}) => /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(import_jsx_runtime168.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(OutcomeBadge, { label: activity.outcomeLabel, tone }),
-  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(import_jsx_runtime169.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(OutcomeBadge, { label: activity.outcomeLabel, tone }),
+  /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
     "span",
     {
       className: cn(
@@ -27328,7 +28125,7 @@ var RedeemRow = ({
   const statusVisual = getStatusVisual(activity);
   const activityStatus = resolveActivityStatus(activity);
   const shouldShowInlineStatus = activityStatus === "pending";
-  return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
     RowWrapper,
     {
       className,
@@ -27336,7 +28133,7 @@ var RedeemRow = ({
       target: href ? "_blank" : void 0,
       rel: href ? "noopener noreferrer" : void 0,
       onClick,
-      children: /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(
         "div",
         {
           className: cn(
@@ -27345,10 +28142,10 @@ var RedeemRow = ({
           ),
           "data-status": activityStatus,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(RedeemTypeCell, { activity, tone }),
-            /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex w-full items-center justify-between sm:hidden", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(RedeemTypeCell, { activity, tone }),
+            /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex w-full items-center justify-between sm:hidden", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
                   Icon,
                   {
                     name: "gift-bonus",
@@ -27359,7 +28156,7 @@ var RedeemRow = ({
                     )
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
                   "p",
                   {
                     className: cn(
@@ -27371,11 +28168,11 @@ var RedeemRow = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(OutcomeBadge, { label: activity.outcomeLabel, tone })
+              /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(OutcomeBadge, { label: activity.outcomeLabel, tone })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex w-full items-center justify-between sm:contents", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: "agg-activity-image flex h-10 w-10 shrink-0 items-center justify-center sm:h-15 sm:w-15", children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex w-full items-center justify-between sm:contents", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("div", { className: "agg-activity-image flex h-10 w-10 shrink-0 items-center justify-center sm:h-15 sm:w-15", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
                   RemoteImage,
                   {
                     src: activity.thumbnailSrc,
@@ -27384,9 +28181,9 @@ var RedeemRow = ({
                     classNames: { placeholder: "rounded-agg-sm sm:rounded-agg-lg" }
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-1 sm:gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-1 sm:gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
                       "p",
                       {
                         className: cn(
@@ -27396,13 +28193,13 @@ var RedeemRow = ({
                         children: activity.title
                       }
                     ),
-                    shouldShowInlineStatus ? statusVisual.spin ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                    shouldShowInlineStatus ? statusVisual.spin ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
                       LoadingIcon,
                       {
                         size: "small",
                         className: cn("shrink-0", statusVisual.iconClassName)
                       }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
                       Icon,
                       {
                         name: statusVisual.icon,
@@ -27411,9 +28208,9 @@ var RedeemRow = ({
                       }
                     ) : null
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex min-w-0 items-center gap-2 sm:gap-3", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: "hidden sm:block", children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(OutcomeBadge, { label: activity.outcomeLabel, tone }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex min-w-0 items-center gap-2 sm:gap-3", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("div", { className: "hidden sm:block", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(OutcomeBadge, { label: activity.outcomeLabel, tone }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
                       "p",
                       {
                         className: cn(
@@ -27426,7 +28223,7 @@ var RedeemRow = ({
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
                 AmountTimeStack,
                 {
                   amountLabel: activity.amountLabel,
@@ -27436,7 +28233,7 @@ var RedeemRow = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
               AmountTimeStack,
               {
                 amountLabel: activity.amountLabel,
@@ -27457,7 +28254,7 @@ var TradeRow = ({
   onClick
 }) => {
   const tone = resolveToneClasses(activity);
-  return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(RowWrapper, { className: cn(className), href, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(RowWrapper, { className: cn(className), href, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(
     "div",
     {
       className: cn(
@@ -27465,10 +28262,10 @@ var TradeRow = ({
         "relative z-10"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex w-full items-center justify-between sm:hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(VenueLogo, { venue: activity.venue, size: "small", className: "size-5 shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex w-full items-center justify-between sm:hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(VenueLogo, { venue: activity.venue, size: "small", className: "size-5 shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
               "p",
               {
                 className: cn(
@@ -27480,12 +28277,12 @@ var TradeRow = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(TradeOutcomeShares, { activity, tone }) })
+          /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(TradeOutcomeShares, { activity, tone }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(TradeTypeCell, { activity, tone }),
-        /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex w-full items-center justify-between sm:contents", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: "agg-activity-image flex h-10 w-10 shrink-0 items-center justify-center sm:h-15 sm:w-15", children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(TradeTypeCell, { activity, tone }),
+        /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex w-full items-center justify-between sm:contents", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("div", { className: "agg-activity-image flex h-10 w-10 shrink-0 items-center justify-center sm:h-15 sm:w-15", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
               RemoteImage,
               {
                 src: activity.thumbnailSrc,
@@ -27494,8 +28291,8 @@ var TradeRow = ({
                 classNames: { placeholder: "rounded-agg-sm sm:rounded-agg-lg" }
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
                 "p",
                 {
                   className: cn(
@@ -27505,10 +28302,10 @@ var TradeRow = ({
                   children: activity.title
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: "hidden flex-wrap items-center gap-2 sm:flex sm:gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(TradeOutcomeShares, { activity, tone }) })
+              /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("div", { className: "hidden flex-wrap items-center gap-2 sm:flex sm:gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(TradeOutcomeShares, { activity, tone }) })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
             AmountTimeStack,
             {
               amountLabel: activity.amountLabel,
@@ -27518,7 +28315,7 @@ var TradeRow = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
           AmountTimeStack,
           {
             amountLabel: activity.amountLabel,
@@ -27540,7 +28337,7 @@ var TransferRow = ({
   const transferStatus = resolveActivityStatus(activity);
   const transferIconName = TRANSFER_ICON[activity.kind];
   const statusVisual = getStatusVisual(activity);
-  return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
     RowWrapper,
     {
       className,
@@ -27548,7 +28345,7 @@ var TransferRow = ({
       target: href ? "_blank" : void 0,
       rel: href ? "noopener noreferrer" : void 0,
       onClick,
-      children: /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(
         "div",
         {
           className: cn(
@@ -27556,9 +28353,9 @@ var TransferRow = ({
             "relative z-10"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(TransferTypeCell, { activity, tone }),
-            /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: "flex w-full items-center justify-between sm:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(TransferTypeCell, { activity, tone }),
+            /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("div", { className: "flex w-full items-center justify-between sm:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
                 Icon,
                 {
                   name: transferIconName,
@@ -27569,7 +28366,7 @@ var TransferRow = ({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
                 "p",
                 {
                   className: cn(
@@ -27581,14 +28378,14 @@ var TransferRow = ({
                 }
               )
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex w-full items-center justify-between sm:contents", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex w-full items-center justify-between sm:contents", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
                   "div",
                   {
                     className: "agg-activity-deposit-square hidden h-15 w-15 shrink-0 items-center justify-center rounded-agg-lg bg-agg-secondary-hover sm:flex",
                     "data-status": transferStatus,
-                    children: statusVisual.spin ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(LoadingIcon, { size: "medium", className: cn(statusVisual.iconClassName) }) : /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                    children: statusVisual.spin ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(LoadingIcon, { size: "medium", className: cn(statusVisual.iconClassName) }) : /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
                       Icon,
                       {
                         name: statusVisual.icon,
@@ -27598,8 +28395,8 @@ var TransferRow = ({
                     )
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
                     "p",
                     {
                       className: cn(
@@ -27609,7 +28406,7 @@ var TransferRow = ({
                       children: activity.title
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
                     "p",
                     {
                       className: cn(
@@ -27621,7 +28418,7 @@ var TransferRow = ({
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
                 AmountTimeStack,
                 {
                   amountLabel: activity.amountLabel,
@@ -27631,7 +28428,7 @@ var TransferRow = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
               AmountTimeStack,
               {
                 amountLabel: activity.amountLabel,
@@ -27657,10 +28454,10 @@ var ActivityRow = ({ activity, href, onClick }) => {
     "before:bg-agg-secondary-hover before:rounded-agg-xl"
   );
   if (activity.kind === "trade") {
-    return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(TradeRow, { activity, className: sharedClassName, href, onClick: handleClick });
+    return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(TradeRow, { activity, className: sharedClassName, href, onClick: handleClick });
   }
   if (activity.kind === "redeem") {
-    return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
       RedeemRow,
       {
         activity,
@@ -27670,7 +28467,7 @@ var ActivityRow = ({ activity, href, onClick }) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
     TransferRow,
     {
       activity,
@@ -27683,19 +28480,19 @@ var ActivityRow = ({ activity, href, onClick }) => {
 ActivityRow.displayName = "ActivityRow";
 
 // src/pages/user-profile/components/empty-state.tsx
-var import_jsx_runtime169 = require("react/jsx-runtime");
+var import_jsx_runtime170 = require("react/jsx-runtime");
 var EmptyState = ({ title: title2, description, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
     "div",
     {
       className: cn("flex flex-col items-center justify-center gap-8 p-10", className),
       role: "status",
       "aria-live": "polite",
-      children: /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex flex-col items-center gap-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(SearchEmptyIcon, { className: "h-10 w-10 text-agg-muted-foreground", "aria-hidden": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex flex-col items-center gap-1 text-center text-agg-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold", children: title2 }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal", children: description }) : null
+      children: /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("div", { className: "flex flex-col items-center gap-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(SearchEmptyIcon, { className: "h-10 w-10 text-agg-muted-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("div", { className: "flex flex-col items-center gap-1 text-center text-agg-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold", children: title2 }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal", children: description }) : null
         ] })
       ] })
     }
@@ -27704,8 +28501,8 @@ var EmptyState = ({ title: title2, description, className }) => {
 EmptyState.displayName = "EmptyState";
 
 // src/pages/user-profile/components/open-order-row.tsx
-var import_hooks72 = require("@agg-build/hooks");
-var import_jsx_runtime170 = require("react/jsx-runtime");
+var import_hooks73 = require("@agg-build/hooks");
+var import_jsx_runtime171 = require("react/jsx-runtime");
 var shouldUseNativeLinkNavigation2 = (event) => {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
 };
@@ -27736,7 +28533,7 @@ var OpenOrderRow = ({
   expirationHeader
 }) => {
   var _a, _b, _c, _d;
-  const labels = (0, import_hooks72.useLabels)().userProfile.openOrders;
+  const labels = (0, import_hooks73.useLabels)().userProfile.openOrders;
   const resolvedCancelLabel = cancelLabel != null ? cancelLabel : labels.cancel;
   const resolvedCancelAriaLabel = cancelAriaLabel != null ? cancelAriaLabel : labels.cancelOrderAria(order.id);
   const resolvedLimitPriceHeader = limitPriceHeader != null ? limitPriceHeader : labels.limitPriceHeader;
@@ -27773,7 +28570,7 @@ var OpenOrderRow = ({
       handleDivClick();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
     Wrapper,
     __spreadProps(__spreadValues({
       "aria-label": order.title,
@@ -27784,45 +28581,45 @@ var OpenOrderRow = ({
         "hover:before:opacity-100 focus-visible:before:opacity-100"
       )
     }, wrapperProps), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("div", { className: "agg-open-order-row-content relative z-10 flex w-full flex-col gap-3 rounded-agg-xl px-3 py-2.5 text-left lg:flex-row lg:items-center lg:gap-6 lg:px-0 lg:py-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3 lg:gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", { className: "agg-open-order-image flex h-10 w-10 shrink-0 items-center justify-center lg:h-15 lg:w-15", children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", { className: "agg-open-order-row-content relative z-10 flex w-full flex-col gap-3 rounded-agg-xl px-3 py-2.5 text-left lg:flex-row lg:items-center lg:gap-6 lg:px-0 lg:py-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3 lg:gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", { className: "agg-open-order-image flex h-10 w-10 shrink-0 items-center justify-center lg:h-15 lg:w-15", children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
             RemoteImage,
             {
-              src: (0, import_hooks72.optimizedImageUrl)(order.thumbnailSrc, 60),
+              src: (0, import_hooks73.optimizedImageUrl)(order.thumbnailSrc, 60),
               alt: "",
               className: "h-full w-full rounded-agg-sm object-cover"
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("p", { className: "agg-open-order-market min-w-0 overflow-hidden font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground [display:-webkit-box] [-webkit-line-clamp:2] [-webkit-box-orient:vertical] lg:text-agg-base lg:leading-agg-6 lg:whitespace-nowrap lg:text-ellipsis lg:[-webkit-line-clamp:1] lg:[display:block]", children: order.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { className: "agg-open-order-outcome hidden lg:inline-flex w-fit items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: order.outcomeLabel }) })
+          /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("p", { className: "agg-open-order-market min-w-0 overflow-hidden font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground [display:-webkit-box] [-webkit-line-clamp:2] [-webkit-box-orient:vertical] lg:text-agg-base lg:leading-agg-6 lg:whitespace-nowrap lg:text-ellipsis lg:[-webkit-line-clamp:1] lg:[display:block]", children: order.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("span", { className: "agg-open-order-outcome hidden lg:inline-flex w-fit items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: order.outcomeLabel }) })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("div", { className: "flex w-full flex-wrap items-center gap-x-4 gap-y-2 lg:hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { className: "agg-open-order-outcome inline-flex shrink-0 items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: order.outcomeLabel }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", { className: "flex w-full flex-wrap items-center gap-x-4 gap-y-2 lg:hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("span", { className: "agg-open-order-outcome inline-flex shrink-0 items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: order.outcomeLabel }) }),
           [
             { label: resolvedLimitPriceHeader, value: (_a = order.limitPriceLabel) != null ? _a : "\u2014" },
             { label: resolvedFilledHeader, value: order.filledLabel },
             { label: resolvedTotalHeader, value: order.valueLabel },
             { label: resolvedExpirationHeader, value: (_b = order.expirationLabel) != null ? _b : "\u2014" }
-          ].map(({ label: label2, value }) => /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("div", { className: "flex items-baseline gap-1.5 whitespace-nowrap", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { className: "font-agg-sans text-agg-lg leading-agg-7 font-agg-normal text-agg-foreground", children: value }),
-            /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { className: "font-agg-sans text-[10px] leading-[14px] font-agg-bold uppercase text-agg-muted-foreground", children: label2 })
+          ].map(({ label: label2, value }) => /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", { className: "flex items-baseline gap-1.5 whitespace-nowrap", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("span", { className: "font-agg-sans text-agg-lg leading-agg-7 font-agg-normal text-agg-foreground", children: value }),
+            /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("span", { className: "font-agg-sans text-[10px] leading-[14px] font-agg-bold uppercase text-agg-muted-foreground", children: label2 })
           ] }, label2))
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("p", { className: "agg-open-order-limit-price hidden w-[120px] shrink-0 agg-type-body-strong text-agg-foreground lg:block", children: (_c = order.limitPriceLabel) != null ? _c : "\u2014" }),
-        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("p", { className: "agg-open-order-filled hidden w-[120px] shrink-0 agg-type-body-strong text-agg-foreground lg:block", children: order.filledLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("p", { className: "agg-open-order-value hidden w-[120px] shrink-0 agg-type-body-strong text-agg-foreground lg:block", children: order.valueLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("p", { className: "agg-open-order-expiration hidden w-[140px] shrink-0 agg-type-label text-agg-foreground lg:block", children: (_d = order.expirationLabel) != null ? _d : "\u2014" }),
-        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("p", { className: "agg-open-order-limit-price hidden w-[120px] shrink-0 agg-type-body-strong text-agg-foreground lg:block", children: (_c = order.limitPriceLabel) != null ? _c : "\u2014" }),
+        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("p", { className: "agg-open-order-filled hidden w-[120px] shrink-0 agg-type-body-strong text-agg-foreground lg:block", children: order.filledLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("p", { className: "agg-open-order-value hidden w-[120px] shrink-0 agg-type-body-strong text-agg-foreground lg:block", children: order.valueLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("p", { className: "agg-open-order-expiration hidden w-[140px] shrink-0 agg-type-label text-agg-foreground lg:block", children: (_d = order.expirationLabel) != null ? _d : "\u2014" }),
+        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
           "div",
           {
             className: cn(
               "shrink-0 justify-end",
               canCancel ? "flex w-full lg:w-[80px]" : "hidden lg:flex lg:w-[80px]"
             ),
-            children: canCancel ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
+            children: canCancel ? /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -27844,8 +28641,8 @@ var OpenOrderRow = ({
 OpenOrderRow.displayName = "OpenOrderRow";
 
 // src/pages/user-profile/components/position-row.tsx
-var import_hooks73 = require("@agg-build/hooks");
-var import_jsx_runtime171 = require("react/jsx-runtime");
+var import_hooks74 = require("@agg-build/hooks");
+var import_jsx_runtime172 = require("react/jsx-runtime");
 var shouldUseNativeLinkNavigation3 = (event) => {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
 };
@@ -27854,21 +28651,21 @@ var toneTextClassName = (tone) => {
   if (tone === "negative") return "text-agg-error";
   return "text-agg-muted-foreground";
 };
-var OutcomePill = ({ label: label2 }) => /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("span", { className: "agg-position-outcome max-w-[120px] inline-flex items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("span", { className: "whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground truncate", children: label2 }) });
-var ResolutionPill = ({ label: label2 }) => /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("span", { className: "agg-position-resolution-pill inline-flex w-full items-center justify-center overflow-hidden rounded-full bg-agg-secondary-hover px-4 py-[6px] md:w-auto", children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("span", { className: "truncate whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: label2 }) });
+var OutcomePill = ({ label: label2 }) => /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", { className: "agg-position-outcome max-w-[120px] inline-flex items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", { className: "whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground truncate", children: label2 }) });
+var ResolutionPill = ({ label: label2 }) => /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", { className: "agg-position-resolution-pill inline-flex w-full items-center justify-center overflow-hidden rounded-full bg-agg-secondary-hover px-4 py-[6px] md:w-auto", children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", { className: "truncate whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: label2 }) });
 var VenueShares = ({
   model,
   className,
   keyPrefix
 }) => {
   if (model.venueShareBreakdown.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", { className: cn(className, "gap-x-3 gap-y-2"), children: model.venueShareBreakdown.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("div", { className: cn(className, "gap-x-3 gap-y-2"), children: model.venueShareBreakdown.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(
     "div",
     {
       className: "flex min-w-0 max-w-full items-center gap-1",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(VenueLogo, { venue: row.venue, size: "small", className: "size-4 shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("span", { className: "truncate whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: row.sharesLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(VenueLogo, { venue: row.venue, size: "small", className: "size-4 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", { className: "truncate whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: row.sharesLabel })
       ]
     },
     `${keyPrefix}-${row.venue}-${row.sharesLabel}-${String(index)}`
@@ -27880,7 +28677,7 @@ var StatusBadge = ({
 }) => {
   if (status === "lost" || status === "won_claimed") return null;
   const isWon = status === "won_unclaimed";
-  return /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(
     "span",
     {
       className: cn(
@@ -27889,7 +28686,7 @@ var StatusBadge = ({
         isWon ? "border-agg-success/50 bg-agg-success/10 text-agg-success" : "border-agg-muted-foreground/30 bg-agg-secondary-hover text-agg-foreground"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Icon, { name: isWon ? "check-circle" : "hourglass-start", size: "small", className: "size-2.5!" }),
+        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(Icon, { name: isWon ? "check-circle" : "hourglass-start", size: "small", className: "size-2.5!" }),
         isWon ? labels.won : labels.open
       ]
     }
@@ -27902,7 +28699,7 @@ var ResultBadge = ({
   if (status !== "won_claimed" && status !== "lost" && status !== "sold") return null;
   const isWon = status === "won_claimed";
   const isSold = status === "sold";
-  return /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(
     "span",
     {
       className: cn(
@@ -27911,7 +28708,7 @@ var ResultBadge = ({
         isWon ? "border-agg-success/50 bg-agg-success/10 text-agg-success" : isSold ? "border-agg-muted-foreground/30 bg-agg-secondary-hover text-agg-muted-foreground" : "border-agg-error/50 bg-agg-error/10 text-agg-error"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
           Icon,
           {
             name: isWon ? "check-circle" : isSold ? "hourglass-start" : "cross-circle",
@@ -27927,27 +28724,27 @@ var ResultBadge = ({
 var TotalTradedCell = ({
   model,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(
   "div",
   {
     className: cn("agg-position-total-traded flex flex-col gap-[2px] whitespace-nowrap", className),
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: model.totalTraded.primaryLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: model.totalTraded.averageLabel })
+      /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: model.totalTraded.primaryLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: model.totalTraded.averageLabel })
     ]
   }
 );
 var PositionValueCell = ({
   value,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(
   "div",
   {
     className: cn("agg-position-value-cell flex flex-col gap-[2px] whitespace-nowrap", className),
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", { className: "flex items-baseline gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: value.primaryLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex items-baseline gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: value.primaryLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
           "p",
           {
             className: cn(
@@ -27958,9 +28755,9 @@ var PositionValueCell = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", { className: "flex items-baseline gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: value.priceLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex items-baseline gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: value.priceLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
           "p",
           {
             className: cn(
@@ -27982,8 +28779,8 @@ var PositionRow = ({
   onClaim,
   isClaiming = false
 }) => {
-  const labels = (0, import_hooks73.useLabels)().userProfile.positions;
-  const { formatCurrency: formatCurrency2, formatPrice } = (0, import_hooks73.useAggUiConfig)().formatting;
+  const labels = (0, import_hooks74.useLabels)().userProfile.positions;
+  const { formatCurrency: formatCurrency2, formatPrice } = (0, import_hooks74.useAggUiConfig)().formatting;
   const model = toPositionRowViewModel(
     position,
     {
@@ -28028,7 +28825,7 @@ var PositionRow = ({
       handleDivClick();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Wrapper, __spreadProps(__spreadValues({ className: sharedClassName }, wrapperProps), { children: /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(Wrapper, __spreadProps(__spreadValues({ className: sharedClassName }, wrapperProps), { children: /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(
     "div",
     {
       className: cn(
@@ -28036,21 +28833,21 @@ var PositionRow = ({
         isClosed ? "md:gap-8" : "md:gap-6"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", { className: "flex w-full items-center justify-between gap-3 md:w-auto md:min-w-0 md:flex-1 md:justify-start md:gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3 md:gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", { className: "agg-position-image flex h-10 w-10 shrink-0 items-center justify-center md:h-15 md:w-15", children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex w-full items-center justify-between gap-3 md:w-auto md:min-w-0 md:flex-1 md:justify-start md:gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3 md:gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("div", { className: "agg-position-image flex h-10 w-10 shrink-0 items-center justify-center md:h-15 md:w-15", children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
               RemoteImage,
               {
-                src: (0, import_hooks73.optimizedImageUrl)(model.thumbnailSrc, 60),
+                src: (0, import_hooks74.optimizedImageUrl)(model.thumbnailSrc, 60),
                 alt: "",
                 className: "h-full w-full rounded-agg-sm object-cover"
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("p", { className: "agg-position-market min-w-0 overflow-hidden font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground [display:-webkit-box] [-webkit-line-clamp:2] [-webkit-box-orient:vertical] md:block md:truncate md:text-agg-base md:leading-agg-6", children: model.title }),
-              /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", { className: "hidden min-w-0 flex-1 flex-wrap items-center gap-x-3 gap-y-2 pt-1 md:flex", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(OutcomePill, { label: model.selectedOutcomeLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "agg-position-market min-w-0 overflow-hidden font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground [display:-webkit-box] [-webkit-line-clamp:2] [-webkit-box-orient:vertical] md:block md:truncate md:text-agg-base md:leading-agg-6", children: model.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "hidden min-w-0 flex-1 flex-wrap items-center gap-x-3 gap-y-2 pt-1 md:flex", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(OutcomePill, { label: model.selectedOutcomeLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
                   VenueShares,
                   {
                     model,
@@ -28061,10 +28858,10 @@ var PositionRow = ({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", { className: "flex shrink-0 items-center justify-end md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(OutcomePill, { label: model.selectedOutcomeLabel }) })
+          /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("div", { className: "flex shrink-0 items-center justify-end md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(OutcomePill, { label: model.selectedOutcomeLabel }) })
         ] }),
-        isClosed ? /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", { className: "md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(ResolutionPill, { label: `${labels.resolutionHeader}: ${model.resolutionLabel}` }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+        isClosed ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("div", { className: "md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(ResolutionPill, { label: `${labels.resolutionHeader}: ${model.resolutionLabel}` }) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
           VenueShares,
           {
             model,
@@ -28072,14 +28869,14 @@ var PositionRow = ({
             className: "agg-position-venues flex min-w-0 flex-1 flex-wrap content-center items-center gap-x-3 gap-y-2 md:hidden"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", { className: "flex w-full items-center justify-between gap-3 md:hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", { className: "flex min-w-0 items-center gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(TotalTradedCell, { model }),
-            /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(PositionValueCell, { value: isClosed ? model.payout : model.currentValue })
+        /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex w-full items-center justify-between gap-3 md:hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex min-w-0 items-center gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(TotalTradedCell, { model }),
+            /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(PositionValueCell, { value: isClosed ? model.payout : model.currentValue })
           ] }),
-          isClosed ? /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(ResultBadge, { status: model.positionStatus, labels }) : /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", { className: "flex shrink-0 flex-col items-start justify-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(StatusBadge, { status: model.positionStatus, labels }),
-            model.canClaim ? /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(
+          isClosed ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(ResultBadge, { status: model.positionStatus, labels }) : /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex shrink-0 flex-col items-start justify-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(StatusBadge, { status: model.positionStatus, labels }),
+            model.canClaim ? /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(
               "button",
               {
                 type: "button",
@@ -28088,48 +28885,48 @@ var PositionRow = ({
                 disabled: isClaiming,
                 "aria-busy": isClaiming || void 0,
                 children: [
-                  isClaiming ? /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(LoadingIcon, { size: "small", className: "text-agg-primary" }) : null,
+                  isClaiming ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(LoadingIcon, { size: "small", className: "text-agg-primary" }) : null,
                   labels.claim
                 ]
               }
             ) : null
           ] })
         ] }),
-        isClosed ? /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(import_jsx_runtime171.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", { className: "hidden w-[90px] shrink-0 md:block lg:w-[120px]", children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(ResolutionPill, { label: model.resolutionLabel }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+        isClosed ? /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(import_jsx_runtime172.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("div", { className: "hidden w-[90px] shrink-0 md:block lg:w-[120px]", children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(ResolutionPill, { label: model.resolutionLabel }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
             TotalTradedCell,
             {
               model,
               className: "hidden w-[110px] shrink-0 md:flex lg:w-[130px]"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
             PositionValueCell,
             {
               value: model.payout,
               className: "hidden w-[130px] shrink-0 md:flex lg:w-[160px]"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", { className: "hidden w-[60px] shrink-0 items-center md:flex", children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(ResultBadge, { status: model.positionStatus, labels }) })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(import_jsx_runtime171.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("div", { className: "hidden w-[60px] shrink-0 items-center md:flex", children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(ResultBadge, { status: model.positionStatus, labels }) })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(import_jsx_runtime172.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
             TotalTradedCell,
             {
               model,
               className: "hidden w-[120px] shrink-0 md:flex lg:w-[140px]"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
             PositionValueCell,
             {
               value: model.currentValue,
               className: "hidden w-[130px] shrink-0 md:flex lg:w-[160px]"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", { className: "hidden w-[100px] shrink-0 items-center gap-3 md:flex", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(StatusBadge, { status: model.positionStatus, labels }),
-            model.canClaim ? /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "hidden w-[100px] shrink-0 items-center gap-3 md:flex", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(StatusBadge, { status: model.positionStatus, labels }),
+            model.canClaim ? /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(
               "button",
               {
                 type: "button",
@@ -28138,14 +28935,14 @@ var PositionRow = ({
                 disabled: isClaiming,
                 "aria-busy": isClaiming || void 0,
                 children: [
-                  isClaiming ? /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(LoadingIcon, { size: "small", className: "text-agg-primary" }) : null,
+                  isClaiming ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(LoadingIcon, { size: "small", className: "text-agg-primary" }) : null,
                   labels.claim
                 ]
               }
             ) : null
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", { className: "hidden w-5 shrink-0 items-center justify-end md:flex", children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("div", { className: "hidden w-5 shrink-0 items-center justify-end md:flex", children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
           Icon,
           {
             name: "chevron-right",
@@ -28160,15 +28957,15 @@ var PositionRow = ({
 PositionRow.displayName = "PositionRow";
 
 // src/pages/user-profile/components/positions-activity.tsx
-var import_jsx_runtime172 = require("react/jsx-runtime");
+var import_jsx_runtime173 = require("react/jsx-runtime");
 var getTabItems = (tabsLabels, showOpenOrders) => [
   { value: USER_PROFILE_TAB_POSITIONS, label: tabsLabels.positions },
   ...showOpenOrders ? [{ value: USER_PROFILE_TAB_OPEN_ORDERS, label: tabsLabels.openOrders }] : [],
   { value: USER_PROFILE_TAB_ACTIVITY, label: tabsLabels.activity }
 ];
-var TabRowsSkeleton = ({ ariaLabel }) => /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("div", { role: "status", "aria-label": ariaLabel, className: "flex flex-col gap-3 sm:gap-4", children: Array.from({ length: 3 }).map((_, index, acc) => /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(import_react47.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("div", { className: "h-14 rounded-agg-sm bg-agg-secondary-hover/80 sm:h-16" }, index),
-  index < acc.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("div", { className: "agg-position-divider h-px w-full shrink-0 bg-agg-separator", "aria-hidden": true }) : null
+var TabRowsSkeleton = ({ ariaLabel }) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("div", { role: "status", "aria-label": ariaLabel, className: "flex flex-col gap-3 sm:gap-4", children: Array.from({ length: 3 }).map((_, index, acc) => /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(import_react48.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("div", { className: "h-14 rounded-agg-sm bg-agg-secondary-hover/80 sm:h-16" }, index),
+  index < acc.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("div", { className: "agg-position-divider h-px w-full shrink-0 bg-agg-separator", "aria-hidden": true }) : null
 ] }, index)) });
 var PositionsActivity = ({
   activePositions = [],
@@ -28210,16 +29007,16 @@ var PositionsActivity = ({
   initialPositionFilter = "active",
   className
 }) => {
-  const userProfileLabels = (0, import_hooks74.useLabels)().userProfile;
+  const userProfileLabels = (0, import_hooks75.useLabels)().userProfile;
   const positionsLabels = userProfileLabels.positions;
   const openOrdersLabels = userProfileLabels.openOrders;
-  const { formatCurrency: formatCurrency2, formatPrice } = (0, import_hooks74.useAggUiConfig)().formatting;
-  const tabItems = (0, import_react47.useMemo)(
+  const { formatCurrency: formatCurrency2, formatPrice } = (0, import_hooks75.useAggUiConfig)().formatting;
+  const tabItems = (0, import_react48.useMemo)(
     () => getTabItems(userProfileLabels.tabs, showOpenOrders),
     [showOpenOrders, userProfileLabels.tabs]
   );
   const isTabControlled = tab !== void 0;
-  const [internalActiveTab, setInternalActiveTab] = (0, import_react47.useState)(
+  const [internalActiveTab, setInternalActiveTab] = (0, import_react48.useState)(
     tab != null ? tab : USER_PROFILE_TAB_POSITIONS
   );
   const requestedActiveTab = isTabControlled ? tab : internalActiveTab;
@@ -28229,21 +29026,21 @@ var PositionsActivity = ({
     if (!isTabControlled) setInternalActiveTab(next);
     onTabChange == null ? void 0 : onTabChange(next);
   };
-  const [positionFilter, setPositionFilter] = (0, import_react47.useState)(initialPositionFilter);
-  const [searchValue, setSearchValue] = (0, import_react47.useState)("");
-  const [isSearchFocused, setIsSearchFocused] = (0, import_react47.useState)(false);
-  const [locallyClaimedPositionIds, setLocallyClaimedPositionIds] = (0, import_react47.useState)(
+  const [positionFilter, setPositionFilter] = (0, import_react48.useState)(initialPositionFilter);
+  const [searchValue, setSearchValue] = (0, import_react48.useState)("");
+  const [isSearchFocused, setIsSearchFocused] = (0, import_react48.useState)(false);
+  const [locallyClaimedPositionIds, setLocallyClaimedPositionIds] = (0, import_react48.useState)(
     () => /* @__PURE__ */ new Set()
   );
-  const positionsLoadMoreRef = (0, import_react47.useRef)(null);
-  const openOrdersLoadMoreRef = (0, import_react47.useRef)(null);
-  const activitiesLoadMoreRef = (0, import_react47.useRef)(null);
-  const rowsScrollRef = (0, import_react47.useRef)(null);
+  const positionsLoadMoreRef = (0, import_react48.useRef)(null);
+  const openOrdersLoadMoreRef = (0, import_react48.useRef)(null);
+  const activitiesLoadMoreRef = (0, import_react48.useRef)(null);
+  const rowsScrollRef = (0, import_react48.useRef)(null);
   const isPositionsTab = activeTab === USER_PROFILE_TAB_POSITIONS;
   const isOpenOrdersTab = activeTab === USER_PROFILE_TAB_OPEN_ORDERS;
   const isActivityTab = activeTab === USER_PROFILE_TAB_ACTIVITY;
   const isClosedPositionsFilter = isPositionsTab && positionFilter === "closed";
-  const positionsForCurrentFilter = (0, import_react47.useMemo)(() => {
+  const positionsForCurrentFilter = (0, import_react48.useMemo)(() => {
     if (positionFilter === "active") {
       return activePositions.filter((position) => !locallyClaimedPositionIds.has(position.id));
     }
@@ -28260,7 +29057,7 @@ var PositionsActivity = ({
     }
     return Array.from(byId.values());
   }, [activePositions, closedPositions, locallyClaimedPositionIds, positionFilter]);
-  const filteredPositions = (0, import_react47.useMemo)(() => {
+  const filteredPositions = (0, import_react48.useMemo)(() => {
     if (!searchValue.trim()) return positionsForCurrentFilter;
     const q = searchValue.toLowerCase();
     return positionsForCurrentFilter.filter((p) => p.title.toLowerCase().includes(q));
@@ -28285,7 +29082,7 @@ var PositionsActivity = ({
   const isLoadingMorePositions = positionFilter === "active" ? isLoadingMoreActivePositions : isLoadingMoreClosedPositions;
   const loadMorePositions = positionFilter === "active" ? onLoadMoreActivePositions : onLoadMoreClosedPositions;
   const filteredActivities = activities;
-  const searchResults = (0, import_react47.useMemo)(() => {
+  const searchResults = (0, import_react48.useMemo)(() => {
     if (!isPositionsTab || !searchValue.trim()) return [];
     return filteredPositions.slice(0, 5).map((position) => ({
       id: position.id,
@@ -28314,11 +29111,11 @@ var PositionsActivity = ({
   const handleSearchChange = (event) => {
     setSearchValue(event.target.value);
   };
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (isPositionsTab) return;
     setIsSearchFocused(false);
   }, [isPositionsTab]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (!isPositionsTab || !hasMorePositions) return;
     const target = positionsLoadMoreRef.current;
     if (!target || !loadMorePositions) return;
@@ -28340,7 +29137,7 @@ var PositionsActivity = ({
     isPositionsTab,
     loadMorePositions
   ]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (!isActivityTab || !hasMoreActivities) return;
     const target = activitiesLoadMoreRef.current;
     if (!target || !onLoadMoreActivities) return;
@@ -28362,7 +29159,7 @@ var PositionsActivity = ({
     isLoadingMoreActivities,
     onLoadMoreActivities
   ]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (!isOpenOrdersTab || !hasMoreOpenOrders) return;
     const target = openOrdersLoadMoreRef.current;
     if (!target || !onLoadMoreOpenOrders) return;
@@ -28384,7 +29181,7 @@ var PositionsActivity = ({
     isOpenOrdersTab,
     onLoadMoreOpenOrders
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(
     "div",
     {
       className: cn(
@@ -28393,7 +29190,7 @@ var PositionsActivity = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
           Tabs,
           {
             items: tabItems,
@@ -28407,7 +29204,7 @@ var PositionsActivity = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(
           "div",
           {
             className: cn(
@@ -28415,12 +29212,12 @@ var PositionsActivity = ({
               isPositionsTab ? "pt-4 md:pt-6" : "pt-0 md:pt-6"
             ),
             children: [
-              isPositionsTab ? /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "agg-toolbar flex flex-row items-start gap-3 px-4 sm:gap-5 sm:px-6", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("div", { className: "agg-position-filters flex h-10 w-[45%] max-w-[169px] shrink-0 items-stretch overflow-clip rounded-agg-sm border border-agg-separator sm:w-auto sm:min-w-[200px] sm:max-w-[270px]", children: USER_PROFILE_POSITION_FILTERS.map((filter, idx) => {
+              isPositionsTab ? /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "agg-toolbar flex flex-row items-start gap-3 px-4 sm:gap-5 sm:px-6", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("div", { className: "agg-position-filters flex h-10 w-[45%] max-w-[169px] shrink-0 items-stretch overflow-clip rounded-agg-sm border border-agg-separator sm:w-auto sm:min-w-[200px] sm:max-w-[270px]", children: USER_PROFILE_POSITION_FILTERS.map((filter, idx) => {
                   const isActive = filter.value === positionFilter;
-                  return /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex flex-1 items-stretch", children: [
-                    idx > 0 ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("div", { className: "w-px bg-agg-separator", "aria-hidden": true }) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "flex flex-1 items-stretch", children: [
+                    idx > 0 ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("div", { className: "w-px bg-agg-separator", "aria-hidden": true }) : null,
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                       "button",
                       {
                         type: "button",
@@ -28435,7 +29232,7 @@ var PositionsActivity = ({
                     )
                   ] }, filter.value);
                 }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(
                   "div",
                   {
                     className: "agg-position-search relative flex w-full min-w-0 flex-1",
@@ -28446,9 +29243,9 @@ var PositionsActivity = ({
                       setIsSearchFocused(false);
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("label", { className: "flex w-full min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex h-11 w-full items-center gap-3 rounded-agg-sm border border-agg-separator bg-agg-secondary px-3 py-2.5 focus-within:border-2 focus-within:border-agg-primary sm:h-10", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(Icon, { name: "search", size: "small", className: "shrink-0 text-agg-muted-foreground" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("label", { className: "flex w-full min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "flex h-11 w-full items-center gap-3 rounded-agg-sm border border-agg-separator bg-agg-secondary px-3 py-2.5 focus-within:border-2 focus-within:border-agg-primary sm:h-10", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(Icon, { name: "search", size: "small", className: "shrink-0 text-agg-muted-foreground" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                           "input",
                           {
                             value: searchValue,
@@ -28463,7 +29260,7 @@ var PositionsActivity = ({
                           }
                         )
                       ] }) }),
-                      isSearchFocused && searchValue.trim() ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("div", { className: "agg-position-search-results absolute left-0 right-0 top-full z-50 mt-1 w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary pt-2 shadow-[0px_8px_16px_0px_rgba(0,0,0,0.1)]", children: searchResults.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                      isSearchFocused && searchValue.trim() ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("div", { className: "agg-position-search-results absolute left-0 right-0 top-full z-50 mt-1 w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary pt-2 shadow-[0px_8px_16px_0px_rgba(0,0,0,0.1)]", children: searchResults.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                         "ul",
                         {
                           className: "agg-position-search-results-list m-0 flex list-none flex-col p-0",
@@ -28476,26 +29273,26 @@ var PositionsActivity = ({
                               setIsSearchFocused(false);
                               onPositionClick == null ? void 0 : onPositionClick(item.raw);
                             };
-                            const innerContent = /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(import_jsx_runtime172.Fragment, { children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                            const innerContent = /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(import_jsx_runtime173.Fragment, { children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                                   "img",
                                   {
-                                    src: (0, import_hooks74.optimizedImageUrl)(item.thumbnailSrc, 48),
+                                    src: (0, import_hooks75.optimizedImageUrl)(item.thumbnailSrc, 48),
                                     alt: "",
                                     className: "size-12 shrink-0 rounded-agg-lg object-cover"
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground", children: item.title }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "shrink-0 whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: item.metaPrimary }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: item.metaSecondary })
+                                /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground", children: item.title }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "shrink-0 whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: item.metaPrimary }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: item.metaSecondary })
                                   ] })
                                 ] })
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                                 Icon,
                                 {
                                   name: "chevron-right",
@@ -28504,7 +29301,7 @@ var PositionsActivity = ({
                                 }
                               )
                             ] });
-                            return /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                            return /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                               "li",
                               {
                                 role: "presentation",
@@ -28512,7 +29309,7 @@ var PositionsActivity = ({
                                   "agg-position-search-result-item",
                                   index > 0 && "border-t border-agg-separator"
                                 ),
-                                children: itemHref ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                                children: itemHref ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                                   "a",
                                   {
                                     href: itemHref,
@@ -28527,7 +29324,7 @@ var PositionsActivity = ({
                                     },
                                     children: innerContent
                                   }
-                                ) : /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                                ) : /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                                   "button",
                                   {
                                     type: "button",
@@ -28541,42 +29338,42 @@ var PositionsActivity = ({
                             );
                           })
                         }
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("div", { className: "px-5 py-6 font-agg-sans text-agg-sm leading-agg-5 text-agg-muted-foreground", children: positionsLabels.noResults }) }) : null
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("div", { className: "px-5 py-6 font-agg-sans text-agg-sm leading-agg-5 text-agg-muted-foreground", children: positionsLabels.noResults }) }) : null
                     ]
                   }
                 )
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "agg-positions-table-wrapper flex w-full gap-0 flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "w-full px-4 sm:px-6", children: [
-                  isPositionsTab && filteredPositions.length > 0 ? isClosedPositionsFilter ? /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "hidden items-start gap-8 px-0 md:flex", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: positionsLabels.marketHeader }),
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "agg-user-profile-table-header w-[90px] shrink-0 lg:w-[120px]", children: positionsLabels.resolutionHeader }),
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "agg-user-profile-table-header w-[110px] shrink-0 lg:w-[130px]", children: positionsLabels.totalTradedHeader }),
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "agg-user-profile-table-header w-[130px] shrink-0 lg:w-[160px]", children: positionsLabels.payoutHeader }),
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "agg-user-profile-table-header w-[60px] shrink-0", children: positionsLabels.resultHeader }),
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", { className: "hidden w-5 shrink-0 sm:block", "aria-hidden": true })
-                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "hidden items-start gap-6 px-0 md:flex", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: positionsLabels.marketHeader }),
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "agg-user-profile-table-header w-[120px] shrink-0 lg:w-[140px]", children: positionsLabels.totalTradedHeader }),
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "agg-user-profile-table-header w-[130px] shrink-0 lg:w-[160px]", children: positionsLabels.currentValueHeader }),
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "agg-user-profile-table-header w-[100px] shrink-0", children: positionsLabels.statusHeader }),
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", { className: "hidden w-5 shrink-0 sm:block", "aria-hidden": true })
+              /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "agg-positions-table-wrapper flex w-full gap-0 flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "w-full px-4 sm:px-6", children: [
+                  isPositionsTab && filteredPositions.length > 0 ? isClosedPositionsFilter ? /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "hidden items-start gap-8 px-0 md:flex", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: positionsLabels.marketHeader }),
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "agg-user-profile-table-header w-[90px] shrink-0 lg:w-[120px]", children: positionsLabels.resolutionHeader }),
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "agg-user-profile-table-header w-[110px] shrink-0 lg:w-[130px]", children: positionsLabels.totalTradedHeader }),
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "agg-user-profile-table-header w-[130px] shrink-0 lg:w-[160px]", children: positionsLabels.payoutHeader }),
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "agg-user-profile-table-header w-[60px] shrink-0", children: positionsLabels.resultHeader }),
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("span", { className: "hidden w-5 shrink-0 sm:block", "aria-hidden": true })
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "hidden items-start gap-6 px-0 md:flex", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: positionsLabels.marketHeader }),
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "agg-user-profile-table-header w-[120px] shrink-0 lg:w-[140px]", children: positionsLabels.totalTradedHeader }),
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "agg-user-profile-table-header w-[130px] shrink-0 lg:w-[160px]", children: positionsLabels.currentValueHeader }),
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "agg-user-profile-table-header w-[100px] shrink-0", children: positionsLabels.statusHeader }),
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("span", { className: "hidden w-5 shrink-0 sm:block", "aria-hidden": true })
                   ] }) : null,
-                  isOpenOrdersTab && openOrders.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "hidden items-start gap-6 px-0 lg:flex", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: openOrdersLabels.marketHeader }),
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "agg-user-profile-table-header w-[120px] shrink-0", children: openOrdersLabels.limitPriceHeader }),
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "agg-user-profile-table-header w-[120px] shrink-0", children: openOrdersLabels.filledHeader }),
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "agg-user-profile-table-header w-[120px] shrink-0", children: openOrdersLabels.totalHeader }),
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "agg-user-profile-table-header w-[140px] shrink-0", children: openOrdersLabels.expirationHeader }),
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", { className: "w-[80px] shrink-0", "aria-hidden": true })
+                  isOpenOrdersTab && openOrders.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "hidden items-start gap-6 px-0 lg:flex", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: openOrdersLabels.marketHeader }),
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "agg-user-profile-table-header w-[120px] shrink-0", children: openOrdersLabels.limitPriceHeader }),
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "agg-user-profile-table-header w-[120px] shrink-0", children: openOrdersLabels.filledHeader }),
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "agg-user-profile-table-header w-[120px] shrink-0", children: openOrdersLabels.totalHeader }),
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "agg-user-profile-table-header w-[140px] shrink-0", children: openOrdersLabels.expirationHeader }),
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("span", { className: "w-[80px] shrink-0", "aria-hidden": true })
                   ] }) : null,
-                  isActivityTab && filteredActivities.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "hidden items-start gap-6 px-0 md:flex", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "agg-user-profile-table-header w-22 shrink-0", children: "Type" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: "Market" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "agg-user-profile-table-header w-[120px] shrink-0 text-right", children: "Amount" })
+                  isActivityTab && filteredActivities.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "hidden items-start gap-6 px-0 md:flex", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "agg-user-profile-table-header w-22 shrink-0", children: "Type" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: "Market" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "agg-user-profile-table-header w-[120px] shrink-0 text-right", children: "Amount" })
                   ] }) : null
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                   "div",
                   {
                     ref: rowsScrollRef,
@@ -28588,8 +29385,8 @@ var PositionsActivity = ({
                       "[&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-agg-muted-foreground/50",
                       "[&::-webkit-scrollbar-thumb:hover]:bg-agg-muted-foreground/70"
                     ),
-                    children: isPositionsTab ? /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "agg-portfolio-list flex flex-col gap-5", children: [
-                      isLoadingPositions && filteredPositions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(TabRowsSkeleton, { ariaLabel: "Loading positions" }) : positionsError && filteredPositions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                    children: isPositionsTab ? /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "agg-portfolio-list flex flex-col gap-5", children: [
+                      isLoadingPositions && filteredPositions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(TabRowsSkeleton, { ariaLabel: "Loading positions" }) : positionsError && filteredPositions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                         EmptyState,
                         {
                           title: "Unable to load positions",
@@ -28597,15 +29394,15 @@ var PositionsActivity = ({
                         }
                       ) : filteredPositions.length > 0 ? filteredPositions.map((position, index) => {
                         var _a;
-                        return /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(import_react47.Fragment, { children: [
-                          index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(import_react48.Fragment, { children: [
+                          index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                             "div",
                             {
                               className: "agg-position-divider h-px w-full shrink-0 bg-agg-separator",
                               "aria-hidden": true
                             }
                           ) : null,
-                          /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                             PositionRow,
                             {
                               position,
@@ -28619,15 +29416,15 @@ var PositionsActivity = ({
                             }
                           )
                         ] }, position.id);
-                      }) : /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                      }) : /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                         EmptyState,
                         {
                           title: "No positions yet",
                           description: "Your open trades will appear here once you place an order."
                         }
                       ),
-                      isLoadingMorePositions ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(TabRowsSkeleton, { ariaLabel: "Loading more positions" }) : null,
-                      hasMorePositions ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                      isLoadingMorePositions ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(TabRowsSkeleton, { ariaLabel: "Loading more positions" }) : null,
+                      hasMorePositions ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                         "div",
                         {
                           ref: positionsLoadMoreRef,
@@ -28635,22 +29432,22 @@ var PositionsActivity = ({
                           "aria-hidden": true
                         }
                       ) : null
-                    ] }) : isOpenOrdersTab ? /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "agg-open-orders-list flex flex-col gap-5", children: [
-                      isLoadingOpenOrders && openOrders.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(TabRowsSkeleton, { ariaLabel: openOrdersLabels.loading }) : openOrdersError && openOrders.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                    ] }) : isOpenOrdersTab ? /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "agg-open-orders-list flex flex-col gap-5", children: [
+                      isLoadingOpenOrders && openOrders.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(TabRowsSkeleton, { ariaLabel: openOrdersLabels.loading }) : openOrdersError && openOrders.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                         EmptyState,
                         {
                           title: openOrdersLabels.errorTitle,
                           description: openOrdersLabels.errorDescription
                         }
-                      ) : openOrders.length > 0 ? openOrders.map((order, index) => /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(import_react47.Fragment, { children: [
-                        index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                      ) : openOrders.length > 0 ? openOrders.map((order, index) => /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(import_react48.Fragment, { children: [
+                        index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                           "div",
                           {
                             className: "agg-open-order-divider h-px w-full shrink-0 bg-agg-separator",
                             "aria-hidden": true
                           }
                         ) : null,
-                        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                           OpenOrderRow,
                           {
                             order,
@@ -28666,15 +29463,15 @@ var PositionsActivity = ({
                             expirationHeader: openOrdersLabels.expirationHeader
                           }
                         )
-                      ] }, order.id)) : /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                      ] }, order.id)) : /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                         EmptyState,
                         {
                           title: openOrdersLabels.emptyTitle,
                           description: openOrdersLabels.emptyDescription
                         }
                       ),
-                      isLoadingMoreOpenOrders ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(TabRowsSkeleton, { ariaLabel: openOrdersLabels.loadingMore }) : null,
-                      hasMoreOpenOrders ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                      isLoadingMoreOpenOrders ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(TabRowsSkeleton, { ariaLabel: openOrdersLabels.loadingMore }) : null,
+                      hasMoreOpenOrders ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                         "div",
                         {
                           ref: openOrdersLoadMoreRef,
@@ -28682,22 +29479,22 @@ var PositionsActivity = ({
                           "aria-hidden": true
                         }
                       ) : null
-                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "agg-activity-list flex flex-col gap-5", children: [
-                      isLoadingActivities && filteredActivities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(TabRowsSkeleton, { ariaLabel: "Loading activity" }) : activitiesError && filteredActivities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "agg-activity-list flex flex-col gap-5", children: [
+                      isLoadingActivities && filteredActivities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(TabRowsSkeleton, { ariaLabel: "Loading activity" }) : activitiesError && filteredActivities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                         EmptyState,
                         {
                           title: "Unable to load activity",
                           description: "Please try again in a moment."
                         }
-                      ) : filteredActivities.length > 0 ? filteredActivities.map((activity, index) => /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(import_react47.Fragment, { children: [
-                        index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                      ) : filteredActivities.length > 0 ? filteredActivities.map((activity, index) => /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(import_react48.Fragment, { children: [
+                        index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                           "div",
                           {
                             className: "agg-activity-divider h-px w-full shrink-0 bg-agg-separator",
                             "aria-hidden": true
                           }
                         ) : null,
-                        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                           ActivityRow,
                           {
                             activity,
@@ -28705,15 +29502,15 @@ var PositionsActivity = ({
                             onClick: onActivityClick
                           }
                         )
-                      ] }, activity.id)) : /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                      ] }, activity.id)) : /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                         EmptyState,
                         {
                           title: "No activity yet",
                           description: "Your trading activity will appear here."
                         }
                       ),
-                      isLoadingMoreActivities ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(TabRowsSkeleton, { ariaLabel: "Loading more activity" }) : null,
-                      hasMoreActivities ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+                      isLoadingMoreActivities ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(TabRowsSkeleton, { ariaLabel: "Loading more activity" }) : null,
+                      hasMoreActivities ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
                         "div",
                         {
                           ref: activitiesLoadMoreRef,
@@ -28735,7 +29532,7 @@ var PositionsActivity = ({
 PositionsActivity.displayName = "PositionsActivity";
 
 // src/pages/user-profile/components/positions-value-card.tsx
-var import_jsx_runtime173 = require("react/jsx-runtime");
+var import_jsx_runtime174 = require("react/jsx-runtime");
 var PositionsValueCard = ({
   label: label2,
   valueLabel,
@@ -28743,7 +29540,7 @@ var PositionsValueCard = ({
   className,
   icon
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
     "div",
     {
       className: cn(
@@ -28752,8 +29549,8 @@ var PositionsValueCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "flex items-center gap-2", children: [
-          icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "flex items-center gap-2", children: [
+          icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -28762,7 +29559,7 @@ var PositionsValueCard = ({
               viewBox: "0 0 16 16",
               fill: "none",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
                 "path",
                 {
                   d: "M16 7.99957C16 8.36757 15.702 8.66623 15.3333 8.66623H13.6893C13.388 8.66623 13.1233 8.86957 13.0453 9.15957L11.9273 13.3209C11.8 13.7376 11.444 13.9996 11.0333 13.9996H11.022C10.6067 13.9949 10.252 13.7229 10.1393 13.3236L7.95667 4.50623L5.838 11.9989C5.71067 12.3969 5.378 12.6496 4.98467 12.6649C4.57667 12.6869 4.23867 12.4549 4.088 12.0902L3.02133 9.10757C2.926 8.84357 2.674 8.66557 2.39333 8.66557H0.666667C0.298 8.66557 0 8.3669 0 7.9989C0 7.6309 0.298 7.33223 0.666667 7.33223H2.394C3.23667 7.33223 3.99267 7.8649 4.27733 8.65823L4.90267 10.4089L7.092 2.66557C7.226 2.2489 7.57667 1.9809 7.99933 1.9989C8.41133 2.00623 8.76333 2.27757 8.876 2.67357L11.0487 11.4509L11.7567 8.81357C11.9907 7.94157 12.7847 7.33223 13.688 7.33223H15.332C15.7007 7.33223 15.9987 7.6309 15.9987 7.9989L16 7.99957Z",
@@ -28771,9 +29568,9 @@ var PositionsValueCard = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-foreground", children: label2 })
+          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-foreground", children: label2 })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("div", { className: "agg-portfolio-value font-agg-sans text-agg-2xl leading-8 font-agg-bold text-agg-foreground", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("div", { role: "status", "aria-label": "Loading positions value", children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(SkeletonBlock, { className: "h-8 w-24 rounded-agg-sm" }) }) : valueLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "agg-portfolio-value font-agg-sans text-agg-2xl leading-8 font-agg-bold text-agg-foreground", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { role: "status", "aria-label": "Loading positions value", children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(SkeletonBlock, { className: "h-8 w-24 rounded-agg-sm" }) }) : valueLabel })
       ]
     }
   );
@@ -28802,7 +29599,7 @@ var buildAggTxExplorerHref = (chainId, txHash) => {
 };
 
 // src/pages/user-profile/components/user-info-card.tsx
-var import_hooks75 = require("@agg-build/hooks");
+var import_hooks76 = require("@agg-build/hooks");
 
 // src/primitives/conditional-wrapper.tsx
 var ConditionalWrapper = ({
@@ -28813,9 +29610,9 @@ var ConditionalWrapper = ({
 ConditionalWrapper.displayName = "ConditionalWrapper";
 
 // src/pages/user-profile/components/default-avatar.tsx
-var import_jsx_runtime174 = require("react/jsx-runtime");
+var import_jsx_runtime175 = require("react/jsx-runtime");
 var DefaultAvatar = ({ className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -28826,15 +29623,15 @@ var DefaultAvatar = ({ className }) => {
       className: cn("shrink-0 text-agg-muted-foreground", className),
       "aria-hidden": true,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("g", { clipPath: "url(#clip0_default_avatar)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("g", { clipPath: "url(#clip0_default_avatar)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
             "path",
             {
               d: "M60 120C93.1371 120 120 93.1371 120 60C120 26.8629 93.1371 0 60 0C26.8629 0 0 26.8629 0 60C0 93.1371 26.8629 120 60 120Z",
               fill: "var(--agg-color-secondary-hover)"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
             "path",
             {
               d: "M60 120C93.1371 120 120 93.1371 120 60C120 26.8629 93.1371 0 60 0C26.8629 0 0 26.8629 0 60C0 93.1371 26.8629 120 60 120Z",
@@ -28842,7 +29639,7 @@ var DefaultAvatar = ({ className }) => {
               fillOpacity: "0.12"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
             "path",
             {
               d: "M73.7338 64.1259C80.4187 59.6756 84.8276 52.0804 84.8276 43.4487C84.8276 29.7376 73.7111 18.6211 60 18.6211C46.2890 18.6211 35.1724 29.7376 35.1724 43.4487C35.1724 52.0804 39.5814 59.6756 46.2662 64.1259C46.2662 64.1259 46.2683 64.1280 46.2704 64.1280C46.2683 64.1280 46.2683 64.1259 46.2683 64.1259C30.2669 68.9487 17.8076 81.9356 13.7959 98.2742L13.7980 98.2763C14.4518 99.0645 15.1304 99.8342 15.8235 100.589C15.9911 100.774 16.1669 100.949 16.3387 101.129C16.8724 101.696 17.4124 102.255 17.9669 102.801C18.1966 103.027 18.4304 103.244 18.6642 103.465C19.1773 103.954 19.6966 104.436 20.2262 104.905C20.4890 105.137 20.7559 105.367 21.0207 105.594C21.5400 106.039 22.0656 106.476 22.6014 106.902C22.8828 107.127 23.1662 107.349 23.4497 107.570C23.9918 107.988 24.5421 108.394 25.0987 108.791C25.3862 108.996 25.6697 109.205 25.9614 109.405C26.5490 109.811 27.1469 110.200 27.7490 110.585C28.0200 110.756 28.2849 110.934 28.5580 111.104C29.2531 111.532 29.9607 111.942 30.6745 112.343C30.8628 112.449 31.0469 112.562 31.2373 112.666C32.1600 113.171 33.0973 113.655 34.0490 114.112C34.0718 114.122 34.0966 114.133 34.1193 114.143C35.0276 114.578 35.9504 114.989 36.8835 115.378C37.1731 115.500 37.4690 115.608 37.7607 115.724C38.4352 115.993 39.1097 116.258 39.7966 116.502C40.1607 116.632 40.5290 116.750 40.8952 116.874C41.5200 117.085 42.1490 117.290 42.7821 117.478C43.1835 117.598 43.5869 117.710 43.9924 117.822C44.6049 117.991 45.2214 118.153 45.8442 118.304C46.2642 118.405 46.6862 118.502 47.1104 118.596C47.7331 118.732 48.3580 118.856 48.9869 118.972C49.4131 119.051 49.8373 119.131 50.2676 119.200C50.9173 119.305 51.5711 119.394 52.2269 119.479C52.6407 119.533 53.0524 119.593 53.4683 119.636C54.1924 119.715 54.9228 119.771 55.6531 119.822C56.0069 119.847 56.3566 119.885 56.7104 119.903C57.8007 119.965 58.8952 120 60 120C61.1049 120 62.1993 119.965 63.2897 119.907C63.6435 119.889 63.9952 119.851 64.3469 119.827C65.0793 119.775 65.8097 119.719 66.5318 119.640C66.9476 119.595 67.3593 119.537 67.7731 119.483C68.4290 119.398 69.0828 119.309 69.7324 119.204C70.1607 119.134 70.5869 119.055 71.0131 118.976C71.6421 118.860 72.2690 118.736 72.8897 118.600C73.3138 118.507 73.7359 118.409 74.1559 118.308C74.7766 118.157 75.3931 117.996 76.0076 117.826C76.4111 117.714 76.8166 117.602 77.2180 117.482C77.8531 117.292 78.4800 117.087 79.1049 116.878C79.4711 116.754 79.8414 116.636 80.2035 116.506C80.8883 116.260 81.5649 115.997 82.2393 115.728C82.5311 115.612 82.8269 115.502 83.1166 115.382C84.0456 114.994 84.9642 114.586 85.8683 114.151C85.8952 114.139 85.9242 114.127 85.9511 114.114C86.9028 113.657 87.8400 113.173 88.7628 112.668C88.9531 112.565 89.1373 112.451 89.3256 112.345C90.0393 111.944 90.7469 111.534 91.4421 111.106C91.7152 110.938 91.9821 110.760 92.2511 110.587C92.8531 110.202 93.4511 109.811 94.0387 109.407C94.3283 109.207 94.6138 109.000 94.9014 108.793C95.4580 108.394 96.0083 107.988 96.5504 107.572C96.8359 107.353 97.1173 107.129 97.3987 106.904C97.9324 106.478 98.4600 106.041 98.9793 105.596C99.2462 105.369 99.5131 105.139 99.7738 104.907C100.303 104.438 100.823 103.956 101.336 103.467C101.568 103.246 101.803 103.027 102.033 102.803C102.588 102.257 103.130 101.698 103.661 101.131C103.831 100.949 104.007 100.774 104.177 100.591C104.870 99.8363 105.548 99.0666 106.202 98.2783L106.204 98.2763C102.195 81.9356 89.7352 68.9487 73.7338 64.1259Z",
@@ -28851,7 +29648,7 @@ var DefaultAvatar = ({ className }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("clipPath", { id: "clip0_default_avatar", children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("rect", { width: "120", height: "120", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("clipPath", { id: "clip0_default_avatar", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("rect", { width: "120", height: "120", fill: "white" }) }) })
       ]
     }
   );
@@ -28859,7 +29656,7 @@ var DefaultAvatar = ({ className }) => {
 DefaultAvatar.displayName = "DefaultAvatar";
 
 // src/pages/user-profile/components/user-info-card.tsx
-var import_jsx_runtime175 = require("react/jsx-runtime");
+var import_jsx_runtime176 = require("react/jsx-runtime");
 var UserInfoCard = ({
   user,
   onEditProfile,
@@ -28869,10 +29666,10 @@ var UserInfoCard = ({
   className
 }) => {
   var _a;
-  const labels = (0, import_hooks75.useLabels)();
+  const labels = (0, import_hooks76.useLabels)();
   const wallets = (_a = user.connectedWallets) != null ? _a : [];
   const hasWallets = wallets.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
     "div",
     {
       className: cn(
@@ -28881,26 +29678,26 @@ var UserInfoCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("div", { className: "agg-profile-header flex w-full flex-row flex-wrap items-center gap-4 sm:gap-5 pt-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("div", { className: "agg-profile-avatar shrink-0", children: user.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: "agg-profile-header flex w-full flex-row flex-wrap items-center gap-4 sm:gap-5 pt-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: "agg-profile-avatar shrink-0", children: user.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
             RemoteImage,
             {
-              src: (0, import_hooks75.optimizedImageUrl)(user.avatarUrl, 120),
+              src: (0, import_hooks76.optimizedImageUrl)(user.avatarUrl, 120),
               alt: user.username,
               className: "h-20 w-20 rounded-full object-cover sm:h-[120px] sm:w-[120px]"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(DefaultAvatar, { className: "h-20 w-20 rounded-full sm:h-[120px] sm:w-[120px]" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("div", { className: "agg-profile-details flex min-w-0 w-full flex-1 flex-col gap-3 sm:gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-3 sm:gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("h2", { className: "truncate text-[22px] leading-7 font-agg-bold text-agg-foreground sm:agg-type-heading", children: user.username }),
-                user.socialLinks && user.socialLinks.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("div", { className: "agg-profile-social-links flex items-center gap-2", children: user.socialLinks.map((social) => {
+          ) : /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(DefaultAvatar, { className: "h-20 w-20 rounded-full sm:h-[120px] sm:w-[120px]" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: "agg-profile-details flex min-w-0 w-full flex-1 flex-col gap-3 sm:gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-3 sm:gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("h2", { className: "truncate text-[22px] leading-7 font-agg-bold text-agg-foreground sm:agg-type-heading", children: user.username }),
+                user.socialLinks && user.socialLinks.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: "agg-profile-social-links flex items-center gap-2", children: user.socialLinks.map((social) => {
                   const iconName = social.platform === "twitter" ? "twitter" : social.platform === "discord" ? "discord" : "telegram";
-                  const iconNode = /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "flex size-7 shrink-0 items-center justify-center rounded-full border border-agg-separator bg-agg-secondary sm:size-8", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(Icon, { name: iconName, size: "small", className: "text-agg-foreground" }) });
+                  const iconNode = /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "flex size-7 shrink-0 items-center justify-center rounded-full border border-agg-separator bg-agg-secondary sm:size-8", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(Icon, { name: iconName, size: "small", className: "text-agg-foreground" }) });
                   if (!social.handle) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { children: iconNode }, `${social.platform}-icon`);
+                    return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { children: iconNode }, `${social.platform}-icon`);
                   }
-                  return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
                     "a",
                     {
                       href: social.handle,
@@ -28913,55 +29710,55 @@ var UserInfoCard = ({
                   );
                 }) }) : null
               ] }),
-              onEditProfile ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
+              onEditProfile ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
                 "button",
                 {
                   type: "button",
                   onClick: onEditProfile,
                   className: "hidden sm:flex shrink-0 cursor-pointer items-center gap-1.5 bg-transparent text-agg-primary hover:opacity-80",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(Icon, { name: "pencil", size: "small", className: "text-agg-primary" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "text-agg-base font-agg-bold leading-6", children: "Edit" })
+                    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(Icon, { name: "pencil", size: "small", className: "text-agg-primary" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "text-agg-base font-agg-bold leading-6", children: "Edit" })
                   ]
                 }
               ) : null
             ] }),
-            hasWallets || !!user.socialHandle ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("div", { className: "agg-profile-accounts flex w-full flex-col gap-2.5 sm:gap-3", children: [
+            hasWallets || !!user.socialHandle ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: "agg-profile-accounts flex w-full flex-col gap-2.5 sm:gap-3", children: [
               wallets.map((wallet, idx) => {
                 const chainLower = wallet.chain.toLowerCase();
                 const iconName = chainLower === "solana" || chainLower === "svm" ? "solana" : "ethereum";
-                return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
                   "div",
                   {
                     className: "flex min-w-0 flex-wrap items-center gap-2 sm:gap-3",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("div", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(Icon, { name: iconName, size: "small", className: "text-agg-foreground" }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "min-w-0 truncate text-agg-sm font-agg-normal leading-5 text-agg-foreground sm:text-agg-base sm:leading-6", children: wallet.displayAddress })
+                      /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(Icon, { name: iconName, size: "small", className: "text-agg-foreground" }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "min-w-0 truncate text-agg-sm font-agg-normal leading-5 text-agg-foreground sm:text-agg-base sm:leading-6", children: wallet.displayAddress })
                     ]
                   },
                   `wallet-${idx}`
                 );
               }),
-              user.socialHandle ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("div", { className: "flex min-w-0 items-center gap-2 sm:gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "min-w-0 truncate text-agg-sm font-agg-normal leading-5 text-agg-foreground sm:text-agg-base sm:leading-6", children: user.socialHandle }) }) : null
+              user.socialHandle ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: "flex min-w-0 items-center gap-2 sm:gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "min-w-0 truncate text-agg-sm font-agg-normal leading-5 text-agg-foreground sm:text-agg-base sm:leading-6", children: user.socialHandle }) }) : null
             ] }) : null
           ] })
         ] }),
-        (onDeposit || onWithdraw) && /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("div", { className: "agg-profile-actions flex w-full flex-1 items-center gap-3 py-5", children: [
-          onDeposit ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+        (onDeposit || onWithdraw) && /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: "agg-profile-actions flex w-full flex-1 items-center gap-3 py-5", children: [
+          onDeposit ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
             ConditionalWrapper,
             {
               condition: isDepositBlocked,
-              wrapper: (children) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+              wrapper: (children) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
                 Tooltip,
                 {
-                  content: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
+                  content: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
                   size: "small",
                   side: "bottom",
                   sideOffset: 4,
                   children
                 }
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
                 Button,
                 __spreadProps(__spreadValues({
                   variant: "primary",
@@ -28973,7 +29770,7 @@ var UserInfoCard = ({
               )
             }
           ) : null,
-          onWithdraw ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+          onWithdraw ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
             Button,
             {
               variant: "secondary",
@@ -28983,15 +29780,15 @@ var UserInfoCard = ({
               children: labels.auth.withdraw
             }
           ) : null,
-          onEditProfile ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
+          onEditProfile ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
             "button",
             {
               type: "button",
               onClick: onEditProfile,
               className: "flex sm:hidden shrink-0 cursor-pointer items-center gap-1.5 bg-transparent px-2 py-2 text-agg-primary hover:opacity-80",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(Icon, { name: "pencil", size: "small", className: "text-agg-primary" }),
-                /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "text-agg-sm font-agg-bold leading-5", children: "Edit" })
+                /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(Icon, { name: "pencil", size: "small", className: "text-agg-primary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "text-agg-sm font-agg-bold leading-5", children: "Edit" })
               ]
             }
           ) : null
@@ -29003,7 +29800,7 @@ var UserInfoCard = ({
 UserInfoCard.displayName = "UserInfoCard";
 
 // src/pages/user-profile/index.tsx
-var import_jsx_runtime176 = require("react/jsx-runtime");
+var import_jsx_runtime177 = require("react/jsx-runtime");
 var currencyFormatter = new Intl.NumberFormat("en-US", {
   style: "currency",
   currency: "USD",
@@ -29413,10 +30210,10 @@ var toRedeemTransactions = (item) => {
   });
 };
 var POSITION_ROW_VENUE_ORDER = [
-  import_sdk25.Venue.polymarket,
-  import_sdk25.Venue.kalshi,
-  import_sdk25.Venue.opinion,
-  import_sdk25.Venue.limitless
+  import_sdk26.Venue.polymarket,
+  import_sdk26.Venue.kalshi,
+  import_sdk26.Venue.opinion,
+  import_sdk26.Venue.limitless
 ];
 function venueBreakdownSortKey(venue) {
   const idx = POSITION_ROW_VENUE_ORDER.indexOf(venue);
@@ -29501,117 +30298,127 @@ var UserProfilePage = ({
   onError
 }) => {
   var _a, _b;
-  const [isHydrated, setIsHydrated] = (0, import_react48.useState)(false);
-  (0, import_react48.useEffect)(() => {
+  const [isHydrated, setIsHydrated] = (0, import_react49.useState)(false);
+  (0, import_react49.useEffect)(() => {
     setIsHydrated(true);
   }, []);
-  const { user: currentUser, isAuthenticated } = (0, import_hooks76.useAggAuthState)();
-  const { isDepositBlocked } = (0, import_hooks76.useGeoBlock)();
-  const balanceState = (0, import_hooks76.useAggBalance)();
-  const labels = (0, import_hooks76.useLabels)();
+  const { user: currentUser, isAuthenticated } = (0, import_hooks77.useAggAuthState)();
+  const { isDepositBlocked } = (0, import_hooks77.useGeoBlock)();
+  const balanceState = (0, import_hooks77.useAggBalance)();
+  const labels = (0, import_hooks77.useLabels)();
   const {
     features: { showLimitOrders },
     trading: { executionMode: configuredExecutionMode }
-  } = (0, import_hooks76.useSdkUiConfig)();
-  const client = (0, import_hooks76.useAggClient)();
-  const cancelOrderMutation = (0, import_hooks76.useCancelManagedOrder)();
+  } = (0, import_hooks77.useSdkUiConfig)();
+  const client = (0, import_hooks77.useAggClient)();
+  const cancelOrderMutation = (0, import_hooks77.useCancelManagedOrder)();
   const toastContext = useOptionalToast();
-  const [internalCancellingIds, setInternalCancellingIds] = (0, import_react48.useState)({});
+  const [internalCancellingIds, setInternalCancellingIds] = (0, import_react49.useState)({});
   const { claim: startClaim, claimingKeys } = useClaimWinnings({
     onClaim,
     onClaimResult,
     onClaimSubmitError,
     externalClaimingKeys: claimingPositionKeys
   });
-  const [profileUser, setProfileUser] = (0, import_react48.useState)(void 0);
+  const [profileUser, setProfileUser] = (0, import_react49.useState)(void 0);
   const shouldUseHookData = !user;
-  const connectedVenues = (0, import_react48.useMemo)(() => {
+  const connectedVenues = (0, import_react49.useMemo)(() => {
     var _a2;
     if (!shouldUseHookData) return [];
     const fromBalance = (_a2 = balanceState.connectedVenues) != null ? _a2 : [];
     return [...new Set(fromBalance)].sort((a, b) => a.localeCompare(b));
   }, [balanceState, shouldUseHookData]);
-  const [positionFilter, setPositionFilter] = (0, import_react48.useState)(initialPositionFilter);
-  const [selectedClaimActivity, setSelectedClaimActivity] = (0, import_react48.useState)(null);
+  const [positionFilter, setPositionFilter] = (0, import_react49.useState)(initialPositionFilter);
+  const [selectedClaimActivity, setSelectedClaimActivity] = (0, import_react49.useState)(null);
+  const [isManageBalancesOpen, setIsManageBalancesOpen] = (0, import_react49.useState)(false);
+  const manageBalancesButtonRef = (0, import_react49.useRef)(null);
   const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
   const queryExecutionMode = resolvedExecutionMode === "paper" ? "paper" : void 0;
-  const activePositionsQuery = (0, import_hooks76.useExecutionPositions)({
+  const handleManageBalancesOpenChange = (0, import_react49.useCallback)((open) => {
+    setIsManageBalancesOpen(open);
+    if (open) return;
+    requestAnimationFrame(() => {
+      var _a2;
+      return (_a2 = manageBalancesButtonRef.current) == null ? void 0 : _a2.focus();
+    });
+  }, []);
+  const activePositionsQuery = (0, import_hooks77.useExecutionPositions)({
     enabled: shouldUseHookData && isAuthenticated,
     status: "active",
     limit: 25,
     mode: queryExecutionMode
   });
-  const closedPositionsQuery = (0, import_hooks76.useExecutionPositions)({
+  const closedPositionsQuery = (0, import_hooks77.useExecutionPositions)({
     enabled: shouldUseHookData && isAuthenticated,
     status: "closed",
     limit: 25,
     mode: queryExecutionMode
   });
-  const handlePositionFilterChange = (0, import_react48.useCallback)(
+  const handlePositionFilterChange = (0, import_react49.useCallback)(
     (filter) => {
       setPositionFilter(filter);
       onPositionFilterChangeProp == null ? void 0 : onPositionFilterChangeProp(filter);
     },
     [onPositionFilterChangeProp]
   );
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     setPositionFilter(initialPositionFilter);
   }, [initialPositionFilter]);
-  const ordersQuery = (0, import_hooks76.useExecutionOrders)({
+  const ordersQuery = (0, import_hooks77.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated,
     limit: 25,
     mode: queryExecutionMode,
     refetchIntervalMs: 5e3
   });
-  const pendingOpenOrdersQuery = (0, import_hooks76.useExecutionOrders)({
+  const pendingOpenOrdersQuery = (0, import_hooks77.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[0],
     limit: 25,
     mode: queryExecutionMode
   });
-  const signingOpenOrdersQuery = (0, import_hooks76.useExecutionOrders)({
+  const signingOpenOrdersQuery = (0, import_hooks77.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[1],
     limit: 25,
     mode: queryExecutionMode
   });
-  const pendingBridgeOpenOrdersQuery = (0, import_hooks76.useExecutionOrders)({
+  const pendingBridgeOpenOrdersQuery = (0, import_hooks77.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[2],
     limit: 25,
     mode: queryExecutionMode
   });
-  const submittingOpenOrdersQuery = (0, import_hooks76.useExecutionOrders)({
+  const submittingOpenOrdersQuery = (0, import_hooks77.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[3],
     limit: 25,
     mode: queryExecutionMode
   });
-  const submittedOpenOrdersQuery = (0, import_hooks76.useExecutionOrders)({
+  const submittedOpenOrdersQuery = (0, import_hooks77.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[4],
     limit: 25,
     mode: queryExecutionMode
   });
-  const openOpenOrdersQuery = (0, import_hooks76.useExecutionOrders)({
+  const openOpenOrdersQuery = (0, import_hooks77.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[5],
     limit: 25,
     mode: queryExecutionMode
   });
-  const partiallyFilledOpenOrdersQuery = (0, import_hooks76.useExecutionOrders)({
+  const partiallyFilledOpenOrdersQuery = (0, import_hooks77.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[6],
     limit: 25,
     mode: queryExecutionMode
   });
-  const cancelPendingOpenOrdersQuery = (0, import_hooks76.useExecutionOrders)({
+  const cancelPendingOpenOrdersQuery = (0, import_hooks77.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[7],
     limit: 25,
     mode: queryExecutionMode
   });
-  const openOrderQueries = (0, import_react48.useMemo)(
+  const openOrderQueries = (0, import_react49.useMemo)(
     () => [
       pendingOpenOrdersQuery,
       signingOpenOrdersQuery,
@@ -29633,11 +30440,11 @@ var UserProfilePage = ({
       submittingOpenOrdersQuery
     ]
   );
-  const activityQuery = (0, import_hooks76.useUserActivity)({
+  const activityQuery = (0, import_hooks77.useUserActivity)({
     enabled: shouldUseHookData && isAuthenticated,
     limit: 25
   });
-  const handleCancelOrder = (0, import_react48.useCallback)(
+  const handleCancelOrder = (0, import_react49.useCallback)(
     (order) => __async(null, null, function* () {
       if (onCancelOrder) {
         onCancelOrder(order);
@@ -29670,7 +30477,7 @@ var UserProfilePage = ({
     }),
     [cancelOrderMutation, labels.notifications.order, onCancelOrder, toastContext]
   );
-  const handleClaimPosition = (0, import_react48.useCallback)(
+  const handleClaimPosition = (0, import_react49.useCallback)(
     (position) => {
       var _a2, _b2;
       return startClaim({
@@ -29681,7 +30488,7 @@ var UserProfilePage = ({
     },
     [startClaim]
   );
-  const handleActivityRowClick = (0, import_react48.useCallback)(
+  const handleActivityRowClick = (0, import_react49.useCallback)(
     (activity) => {
       if (activity.kind === "redeem") {
         setSelectedClaimActivity(activity);
@@ -29691,13 +30498,13 @@ var UserProfilePage = ({
     },
     [onActivityClick]
   );
-  const handleClaimTransactionSelect = (0, import_react48.useCallback)((transaction) => {
+  const handleClaimTransactionSelect = (0, import_react49.useCallback)((transaction) => {
     const href = buildAggTxExplorerHref(transaction.chainId, transaction.txHash);
     setSelectedClaimActivity(null);
     if (!href || typeof window === "undefined") return;
     window.open(href, "_blank", "noopener,noreferrer");
   }, []);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!shouldUseHookData || !isAuthenticated) {
       setProfileUser(void 0);
       return;
@@ -29716,11 +30523,11 @@ var UserProfilePage = ({
       isActive = false;
     };
   }, [client, currentUser, isAuthenticated, shouldUseHookData]);
-  const resolvedUser = (0, import_react48.useMemo)(() => {
+  const resolvedUser = (0, import_react49.useMemo)(() => {
     var _a2, _b2, _c, _d, _e, _f;
     if (user) return user;
     const fullUser = profileUser != null ? profileUser : currentUser;
-    const walletAddress = (0, import_hooks76.getWalletAddressFromUserProfile)(fullUser);
+    const walletAddress = (0, import_hooks77.getWalletAddressFromUserProfile)(fullUser);
     const fallbackUsername = walletAddress && shortenAddress(walletAddress) || "username";
     const twitterAccount = (_a2 = fullUser == null ? void 0 : fullUser.accounts) == null ? void 0 : _a2.find(
       (account) => String(account.provider).toLowerCase() === "twitter"
@@ -29750,7 +30557,7 @@ var UserProfilePage = ({
       socialHandle: normalizedTwitterHandle != null ? normalizedTwitterHandle : void 0
     };
   }, [connectedVenues, currentUser, profileUser, user]);
-  const _resolvedVenueBalances = (0, import_react48.useMemo)(() => {
+  const _resolvedVenueBalances = (0, import_react49.useMemo)(() => {
     if (_venueBalances) return _venueBalances;
     return balanceState.balanceBreakdown.map((item) => ({
       chain: item.label,
@@ -29758,32 +30565,24 @@ var UserProfilePage = ({
       balanceLabel: formatUsd2(item.balance)
     }));
   }, [_venueBalances, balanceState.balanceBreakdown]);
-  const positionsValueLabel = (0, import_react48.useMemo)(() => {
+  const positionsValueLabel = (0, import_react49.useMemo)(() => {
     var _a2;
     if (balance == null ? void 0 : balance.totalLabel) return balance.totalLabel;
-    const managed = balanceState.managedBalances;
-    const positions = (_a2 = managed == null ? void 0 : managed.positions) != null ? _a2 : [];
-    const positionsValueTotal = positions.reduce((sum, p) => sum + (Number(p.balance) || 0), 0);
-    return formatUsd2(positionsValueTotal);
-  }, [balance, balanceState]);
-  const availableBalanceLabel = (0, import_react48.useMemo)(() => {
+    return formatUsd2((_a2 = balanceState.positionsBalanceTotal) != null ? _a2 : 0);
+  }, [balance == null ? void 0 : balance.totalLabel, balanceState.positionsBalanceTotal]);
+  const availableBalanceLabel = (0, import_react49.useMemo)(() => {
     var _a2, _b2;
     return formatUsd2((_b2 = (_a2 = balanceState.availableBalance) != null ? _a2 : balanceState.totalBalance) != null ? _b2 : 0);
   }, [balanceState.availableBalance, balanceState.totalBalance]);
-  const reservedBalanceLabel = (0, import_react48.useMemo)(() => {
-    var _a2;
-    const reserved = (_a2 = balanceState.reservedBalance) != null ? _a2 : 0;
-    return reserved > 0 ? formatUsd2(reserved) : void 0;
-  }, [balanceState.reservedBalance]);
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks76.useAppConfig)();
-  const isKalshiAvailable = (0, import_hooks76.getVenueAvailabilityState)({
-    venueId: import_sdk25.Venue.kalshi,
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks77.useAppConfig)();
+  const isKalshiAvailable = (0, import_hooks77.getVenueAvailabilityState)({
+    venueId: import_sdk26.Venue.kalshi,
     disabledVenues,
     isConfigLoading: isAppConfigLoading
   }) === "available";
   const isPositionsValueLoading = !(balance == null ? void 0 : balance.totalLabel) && balanceState.isLoading;
   const isAvailableBalanceLoading = balanceState.isLoading;
-  const resolvedActivities = (0, import_react48.useMemo)(() => {
+  const resolvedActivities = (0, import_react49.useMemo)(() => {
     if (activities) return activities.filter(isVisibleUserProfileActivity);
     const formatTime = isHydrated ? toRelativeTimeLabel : toAbsoluteTimeLabel;
     return activityQuery.activities.filter(isVisibleActivityItem).map((item, index) => {
@@ -29934,7 +30733,7 @@ var UserProfilePage = ({
       };
     });
   }, [activities, activityQuery.activities, isHydrated, labels, ordersQuery.orders]);
-  const resolvedOpenOrders = (0, import_react48.useMemo)(() => {
+  const resolvedOpenOrders = (0, import_react49.useMemo)(() => {
     if (openOrders) return openOrders;
     const orderRowsById = /* @__PURE__ */ new Map();
     for (const query of openOrderQueries) {
@@ -29975,34 +30774,34 @@ var UserProfilePage = ({
       });
     });
   }, [labels, openOrderQueries, openOrders]);
-  const isOpenOrdersQueryLoading = (0, import_react48.useMemo)(
+  const isOpenOrdersQueryLoading = (0, import_react49.useMemo)(
     () => openOrderQueries.some((query) => query.isLoading),
     [openOrderQueries]
   );
-  const hasOpenOrdersQueryError = (0, import_react48.useMemo)(
+  const hasOpenOrdersQueryError = (0, import_react49.useMemo)(
     () => openOrderQueries.some((query) => query.error),
     [openOrderQueries]
   );
-  const hasMoreOpenOrdersQuery = (0, import_react48.useMemo)(
+  const hasMoreOpenOrdersQuery = (0, import_react49.useMemo)(
     () => openOrderQueries.some((query) => query.hasNextPage),
     [openOrderQueries]
   );
-  const isLoadingMoreOpenOrdersQuery = (0, import_react48.useMemo)(
+  const isLoadingMoreOpenOrdersQuery = (0, import_react49.useMemo)(
     () => openOrderQueries.some((query) => query.isFetchingNextPage),
     [openOrderQueries]
   );
-  const handleLoadMoreOpenOrders = (0, import_react48.useCallback)(() => {
+  const handleLoadMoreOpenOrders = (0, import_react49.useCallback)(() => {
     for (const query of openOrderQueries) {
       if (query.hasNextPage) {
         void query.fetchNextPage();
       }
     }
   }, [openOrderQueries]);
-  const adaptPositionGroups = (0, import_react48.useCallback)(
+  const adaptPositionGroups = (0, import_react49.useCallback)(
     (groups) => {
       return groups.flatMap((group) => {
         var _a2, _b2, _c, _d;
-        const closedTotals = (0, import_hooks76.computeClosedPositionTotals)(group);
+        const closedTotals = (0, import_hooks77.computeClosedPositionTotals)(group);
         const winningOutcome = group.venueMarket.venueMarketOutcomes.find(
           (outcome) => outcome.winner === true
         );
@@ -30068,15 +30867,15 @@ var UserProfilePage = ({
     },
     []
   );
-  const resolvedActivePositions = (0, import_react48.useMemo)(() => {
+  const resolvedActivePositions = (0, import_react49.useMemo)(() => {
     const source = activePositions != null ? activePositions : adaptPositionGroups(activePositionsQuery.positions);
     return source.filter(shouldIncludeByShares);
   }, [activePositions, activePositionsQuery.positions, adaptPositionGroups]);
-  const resolvedClosedPositions = (0, import_react48.useMemo)(() => {
+  const resolvedClosedPositions = (0, import_react49.useMemo)(() => {
     const source = closedPositions != null ? closedPositions : adaptPositionGroups(closedPositionsQuery.positions);
     return source.filter(shouldIncludeByShares);
   }, [closedPositions, closedPositionsQuery.positions, adaptPositionGroups]);
-  return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(AggErrorBoundary, { onError, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(AggErrorBoundary, { onError, children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
     "section",
     {
       className: cn(
@@ -30084,7 +30883,7 @@ var UserProfilePage = ({
         "w-full mx-auto px-6 lg:px-10 pb-10 max-w-[1440px]",
         classNames == null ? void 0 : classNames.root
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(
         "div",
         {
           className: cn(
@@ -30094,8 +30893,8 @@ var UserProfilePage = ({
             classNames == null ? void 0 : classNames.topRow
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: "agg-profile-summary grid grid-cols-1 gap-6 lg:grid-cols-[1fr_minmax(300px,420px)] lg:items-stretch lg:gap-8", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { className: "agg-profile-summary grid grid-cols-1 gap-6 lg:grid-cols-[1fr_minmax(300px,420px)] lg:items-stretch lg:gap-8", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
                 "div",
                 {
                   className: cn(
@@ -30103,7 +30902,7 @@ var UserProfilePage = ({
                     "flex min-w-0 flex-1 flex-col gap-4 sm:gap-6 h-full",
                     classNames == null ? void 0 : classNames.leftColumn
                   ),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
                     UserInfoCard,
                     {
                       user: resolvedUser,
@@ -30116,7 +30915,7 @@ var UserProfilePage = ({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(
                 "div",
                 {
                   className: cn(
@@ -30124,7 +30923,7 @@ var UserProfilePage = ({
                     classNames == null ? void 0 : classNames.rightColumn
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(
                       "div",
                       {
                         className: cn(
@@ -30132,7 +30931,7 @@ var UserProfilePage = ({
                           isKalshiAvailable ? "grid-cols-1 sm:grid-cols-2" : "grid-cols-1"
                         ),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
                             PositionsValueCard,
                             {
                               label: labels.userProfile.balance.positionsValue,
@@ -30140,22 +30939,21 @@ var UserProfilePage = ({
                               isLoading: isPositionsValueLoading
                             }
                           ),
-                          isKalshiAvailable ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+                          isKalshiAvailable ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
                             PositionsValueCard,
                             {
                               label: labels.userProfile.balance.kalshiBalance,
                               valueLabel: formatUsd2((_a = balanceState.kalshiBalance) != null ? _a : 0),
-                              icon: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(VenueLogo, { venue: import_sdk25.Venue.kalshi, size: "small", className: "size-4" })
+                              icon: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(VenueLogo, { venue: import_sdk26.Venue.kalshi, size: "small", className: "size-4" })
                             }
                           ) : null
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
                       AvailableBalanceCard,
                       {
                         valueLabel: availableBalanceLabel,
-                        reservedValueLabel: reservedBalanceLabel,
                         isLoading: isAvailableBalanceLoading,
                         chains: ((_b = balanceChainsOverride != null ? balanceChainsOverride : balanceState.availableBalanceBreakdown) != null ? _b : balanceState.balanceBreakdown).map((b) => ({
                           key: b.key,
@@ -30163,14 +30961,16 @@ var UserProfilePage = ({
                           balance: b.balance,
                           accountCount: b.accountCount,
                           venues: b.venues
-                        }))
+                        })),
+                        manageButtonRef: manageBalancesButtonRef,
+                        onManage: () => handleManageBalancesOpenChange(true)
                       }
                     )
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
               PositionsActivity,
               {
                 tab,
@@ -30222,7 +31022,7 @@ var UserProfilePage = ({
                 className: classNames == null ? void 0 : classNames.positionsActivity
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
               ClaimActivityBreakdownModal,
               {
                 activity: selectedClaimActivity,
@@ -30232,6 +31032,13 @@ var UserProfilePage = ({
                 },
                 onTransactionSelect: handleClaimTransactionSelect
               }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+              ManageBalancesModal,
+              {
+                open: isManageBalancesOpen,
+                onOpenChange: handleManageBalancesOpenChange
+              }
             )
           ]
         }
@@ -30245,6 +31052,7 @@ UserProfilePage.displayName = "UserProfilePage";
   DEPOSIT_MODAL_OPEN_EVENT,
   EventMarketPage,
   HomePage,
+  ManageBalancesModal,
   USER_PROFILE_TAB_ACTIVITY,
   USER_PROFILE_TAB_OPEN_ORDERS,
   USER_PROFILE_TAB_POSITIONS,