@agg-build/ui 4.9.2 → 4.11.0

package/dist/trading.js

@@ -109,7 +109,7 @@ __export(trading_exports, {
   prepareSettlementDifferences: () => prepareSettlementDifferences,
   resolveDifferenceIconClassName: () => resolveDifferenceIconClassName,
   useClaimWinnings: () => useClaimWinnings,
-  useEventTradingContext: () => import_hooks41.useEventTradingContext,
+  useEventTradingContext: () => import_hooks42.useEventTradingContext,
   useResolvedMarketClaim: () => useResolvedMarketClaim,
   venueRequiresSharedKyc: () => venueRequiresSharedKyc
 });
@@ -280,7 +280,7 @@ var getTradingSlippageLabel = (value) => {
 };
 
 // src/trading/settlement/index.tsx
-var import_hooks22 = require("@agg-build/hooks");
+var import_hooks23 = require("@agg-build/hooks");
 var import_react4 = require("react");
 
 // src/primitives/card/index.tsx
@@ -989,7 +989,7 @@ var Skeleton = ({
 Skeleton.displayName = "Skeleton";
 
 // src/primitives/venue-logo/index.tsx
-var import_hooks21 = require("@agg-build/hooks");
+var import_hooks22 = require("@agg-build/hooks");
 
 // src/primitives/remote-image/index.tsx
 var import_hooks10 = require("@agg-build/hooks");
@@ -4513,11 +4513,11 @@ var LogoPolymarketIcon = (_a) => {
 };
 LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
 
-// src/primitives/venue-logo/svg/logo-predict.tsx
+// src/primitives/venue-logo/svg/logo-pred.tsx
 var import_hooks18 = require("@agg-build/hooks");
-var import_sdk9 = require("@agg-build/sdk");
 var import_jsx_runtime114 = require("react/jsx-runtime");
-var LogoPredictIcon = (_a) => {
+var PRED_LOGO_COLORS = { light: "#120C06", dark: "#F4FB37" };
+var LogoPredIcon = (_a) => {
   var _b = _a, {
     title: title2,
     className,
@@ -4529,26 +4529,80 @@ var LogoPredictIcon = (_a) => {
     "isColor",
     "color"
   ]);
-  var _a2;
   const {
     general: { theme }
   } = (0, import_hooks18.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
-    brandColor: (_a2 = resolveVenueLineColor(import_sdk9.Venue.predict, isDarkTheme)) != null ? _a2 : "#705bf6",
+    brandColor: PRED_LOGO_COLORS[isDarkTheme ? "dark" : "light"],
     isColor,
     color
   });
   return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 100 100",
+      viewBox: "0 0 48 48",
       className,
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
         title2 ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("title", { children: title2 }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+          "path",
+          {
+            d: "M13.2063 24.447L30.8869 21.6235L31.7298 19.898L4 10.4414L10.9436 16.4694L5.95218 41.9708L13.2063 24.447Z",
+            fill: primaryColor
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+          "path",
+          {
+            d: "M34.3927 24.0014L16.7121 26.8473L15.8691 28.5504L43.599 38.0294L36.6554 31.979L41.6468 6.5L34.3927 24.0014Z",
+            fill: primaryColor
+          }
+        )
+      ]
+    })
+  );
+};
+LogoPredIcon.displayName = "LogoPredIcon";
+
+// src/primitives/venue-logo/svg/logo-predict.tsx
+var import_hooks19 = require("@agg-build/hooks");
+var import_sdk9 = require("@agg-build/sdk");
+var import_jsx_runtime115 = require("react/jsx-runtime");
+var LogoPredictIcon = (_a) => {
+  var _b = _a, {
+    title: title2,
+    className,
+    isColor = true,
+    color
+  } = _b, props = __objRest(_b, [
+    "title",
+    "className",
+    "isColor",
+    "color"
+  ]);
+  var _a2;
+  const {
+    general: { theme }
+  } = (0, import_hooks19.useAggUiConfig)();
+  const isDarkTheme = theme === "dark";
+  const primaryColor = resolveLogoPrimaryColor({
+    brandColor: (_a2 = resolveVenueLineColor(import_sdk9.Venue.predict, isDarkTheme)) != null ? _a2 : "#705bf6",
+    isColor,
+    color
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 100 100",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title2)), props), {
+      children: [
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
           "path",
           {
             fillRule: "evenodd",
@@ -4564,9 +4618,9 @@ var LogoPredictIcon = (_a) => {
 LogoPredictIcon.displayName = "LogoPredictIcon";
 
 // src/primitives/venue-logo/svg/logo-probable.tsx
-var import_hooks19 = require("@agg-build/hooks");
+var import_hooks20 = require("@agg-build/hooks");
 var import_sdk10 = require("@agg-build/sdk");
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 var LogoProbableIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -4582,14 +4636,14 @@ var LogoProbableIcon = (_a) => {
   var _a2;
   const {
     general: { theme }
-  } = (0, import_hooks19.useAggUiConfig)();
+  } = (0, import_hooks20.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
     brandColor: (_a2 = resolveVenueLineColor(import_sdk10.Venue.probable, isDarkTheme)) != null ? _a2 : "#EC4899",
     isColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -4597,16 +4651,16 @@ var LogoProbableIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
           "path",
           {
             d: "M75.625 59.3489C75.6247 53.7323 71.0719 49.1792 65.4551 49.179H33.9209C28.3039 49.179 23.7503 53.7321 23.75 59.3489C23.75 64.9659 28.3038 69.5198 33.9209 69.5198H65.4551C71.0719 69.5195 75.625 64.9658 75.625 59.3489ZM90.625 59.3489C90.625 73.2501 79.3562 84.5195 65.4551 84.5198H33.9209C20.0196 84.5198 8.75 73.2502 8.75 59.3489C8.75026 45.4477 20.0198 34.179 33.9209 34.179H65.4551C79.3559 34.1792 90.6247 45.4478 90.625 59.3489Z",
             fill: primaryColor
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
           "path",
           {
             d: "M64.5742 51.3496C68.9894 51.3496 72.5742 54.9344 72.5742 59.3496C72.5742 63.7648 68.9894 67.3496 64.5742 67.3496C60.159 67.3496 56.5742 63.7648 56.5742 59.3496C56.5742 54.9344 60.159 51.3496 64.5742 51.3496Z",
@@ -4620,10 +4674,10 @@ var LogoProbableIcon = (_a) => {
 LogoProbableIcon.displayName = "LogoProbableIcon";
 
 // src/primitives/venue-logo/svg/logo-prophetx.tsx
-var import_hooks20 = require("@agg-build/hooks");
+var import_hooks21 = require("@agg-build/hooks");
 var import_sdk11 = require("@agg-build/sdk");
 var import_react2 = require("react");
-var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_jsx_runtime117 = require("react/jsx-runtime");
 var LogoProphetXIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -4639,7 +4693,7 @@ var LogoProphetXIcon = (_a) => {
   var _a2;
   const {
     general: { theme }
-  } = (0, import_hooks20.useAggUiConfig)();
+  } = (0, import_hooks21.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const uid = (0, import_react2.useId)();
   const primaryColor = resolveLogoPrimaryColor({
@@ -4651,7 +4705,7 @@ var LogoProphetXIcon = (_a) => {
   const isMonochrome = !isColor || Boolean(color == null ? void 0 : color.trim());
   const gradientTransform = "matrix(2.750846, 0, 0, 2.750846, -1935.152964, 138.485876)";
   const fillFor = (n) => isMonochrome ? primaryColor : `url(#${uid}-${n})`;
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "81.867 138.419 424.492 272.214",
@@ -4659,9 +4713,9 @@ var LogoProphetXIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("title", { children: title2 }) : null,
-        isMonochrome ? null : /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("defs", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("title", { children: title2 }) : null,
+        isMonochrome ? null : /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("defs", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
             "linearGradient",
             {
               id: `${uid}-0`,
@@ -4672,14 +4726,14 @@ var LogoProphetXIcon = (_a) => {
               gradientUnits: "userSpaceOnUse",
               gradientTransform,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("stop", { stopColor: "#1DC29A" }),
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("stop", { offset: "0.1032", stopColor: "#19BE9D" }),
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("stop", { offset: "0.6255", stopColor: "#06ADAA" }),
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("stop", { stopColor: "#1DC29A" }),
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("stop", { offset: "0.1032", stopColor: "#19BE9D" }),
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("stop", { offset: "0.6255", stopColor: "#06ADAA" }),
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
             "linearGradient",
             {
               id: `${uid}-1`,
@@ -4690,12 +4744,12 @@ var LogoProphetXIcon = (_a) => {
               gradientUnits: "userSpaceOnUse",
               gradientTransform,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("stop", { stopColor: "#1DC29A" }),
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("stop", { stopColor: "#1DC29A" }),
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
             "linearGradient",
             {
               id: `${uid}-2`,
@@ -4706,29 +4760,29 @@ var LogoProphetXIcon = (_a) => {
               gradientUnits: "userSpaceOnUse",
               gradientTransform,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("stop", { stopColor: "#1DC29A" }),
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("stop", { offset: "0.3631", stopColor: "#18BD9E" }),
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("stop", { offset: "0.802", stopColor: "#09AFA8" }),
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("stop", { stopColor: "#1DC29A" }),
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("stop", { offset: "0.3631", stopColor: "#18BD9E" }),
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("stop", { offset: "0.802", stopColor: "#09AFA8" }),
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
           "path",
           {
             d: "M 282.449 326.493 L 332.847 402.716 L 426.472 402.716 L 344.879 279.66 L 282.449 326.493 Z",
             fill: fillFor(0)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
           "path",
           {
             d: "M 379.966 146.995 L 389.569 161.125 L 313.636 218.145 L 307.055 222.927 L 244.624 269.759 L 238 274.873 L 162.069 331.56 L 152.804 317.473 L 87.353 402.71 L 209.197 402.71 L 199.888 388.287 L 275.818 331.56 L 282.443 326.488 L 344.873 279.655 L 351.456 274.832 L 427.388 218.145 L 436.694 232.232 L 502.101 146.995 L 379.966 146.995 Z",
             fill: fillFor(1)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
           "path",
           {
             d: "M 162.993 146.995 L 244.624 269.759 L 307.055 222.927 L 256.323 146.995 L 162.993 146.995 Z",
@@ -4747,6 +4801,7 @@ var venueLogoRegistry = {
   [import_sdk12.Venue.limitless]: LogoLimitlessIcon,
   [import_sdk12.Venue.opinion]: LogoOpinionIcon,
   [import_sdk12.Venue.polymarket]: LogoPolymarketIcon,
+  [import_sdk12.Venue.pred]: LogoPredIcon,
   [import_sdk12.Venue.predict]: LogoPredictIcon,
   [import_sdk12.Venue.probable]: LogoProbableIcon,
   [import_sdk12.Venue.myriad]: LogoMyriadIcon,
@@ -4761,6 +4816,9 @@ var venueLogoUrlRegistry = {
   [import_sdk12.Venue.limitless]: `${VENUE_LOGO_BASE_URL}/limitless.png`,
   [import_sdk12.Venue.opinion]: `${VENUE_LOGO_BASE_URL}/opinion.png`,
   [import_sdk12.Venue.polymarket]: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
+  // PRED does not yet have a mirrored Snag asset. Its official production
+  // favicon is the same square brand mark used by the application itself.
+  [import_sdk12.Venue.pred]: "https://mainnet-assets.pred.app/assets/vite-oruAfoK1.svg",
   [import_sdk12.Venue.predict]: `${VENUE_LOGO_BASE_URL}/predict.png`,
   [import_sdk12.Venue.probable]: `${VENUE_LOGO_BASE_URL}/probable.png`,
   [import_sdk12.Venue.myriad]: `${VENUE_LOGO_BASE_URL}/myriad.png`,
@@ -4776,6 +4834,7 @@ var venueLogoLabels = {
   [import_sdk12.Venue.limitless]: "Limitless",
   [import_sdk12.Venue.opinion]: "Opinion",
   [import_sdk12.Venue.polymarket]: "Polymarket",
+  [import_sdk12.Venue.pred]: "PRED",
   [import_sdk12.Venue.predict]: "Predict",
   [import_sdk12.Venue.probable]: "Probable",
   [import_sdk12.Venue.myriad]: "Myriad",
@@ -4796,6 +4855,8 @@ var lineColorByVenue = {
     [import_sdk12.Venue.limitless]: "#C4FF00",
     [import_sdk12.Venue.opinion]: "#000000",
     [import_sdk12.Venue.polymarket]: "#2E5CFF",
+    // On light surfaces use the dark half of PRED's official yellow/dark mark.
+    [import_sdk12.Venue.pred]: PRED_LOGO_COLORS.light,
     [import_sdk12.Venue.predict]: "#6D57F8",
     [import_sdk12.Venue.probable]: "#F05923",
     [import_sdk12.Venue.myriad]: "#000000",
@@ -4815,6 +4876,7 @@ var lineColorByVenue = {
     [import_sdk12.Venue.limitless]: "#C4FF00",
     [import_sdk12.Venue.opinion]: "#FFFFFF",
     [import_sdk12.Venue.polymarket]: "#2E5CFF",
+    [import_sdk12.Venue.pred]: PRED_LOGO_COLORS.dark,
     [import_sdk12.Venue.predict]: "#6D57F8",
     [import_sdk12.Venue.probable]: "#F05923",
     [import_sdk12.Venue.myriad]: "#FFFFFF",
@@ -4846,7 +4908,7 @@ var resolveVenueLogoIsColor = ({
 };
 
 // src/primitives/venue-logo/index.tsx
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_jsx_runtime118 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
   variant = "icon",
@@ -4859,7 +4921,7 @@ var VenueLogo = ({
   title: title2
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks21.useLabels)();
+  const labels = (0, import_hooks22.useLabels)();
   const sizeClass = sizeClasses[size];
   const resolvedLabel = resolveVenueLogoLabel({
     ariaLabel,
@@ -4872,7 +4934,7 @@ var VenueLogo = ({
     console.warn(`[AggUI] Unknown venue "${venue}" \u2014 using default logo`);
   }
   if (variant === "logo") {
-    return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
       RemoteImage,
       {
         src: (_a = venueLogoUrlRegistry[venue]) != null ? _a : DEFAULT_VENUE_LOGO_URL,
@@ -4887,7 +4949,7 @@ var VenueLogo = ({
     isColor,
     isMonochromatic
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
     Component,
     {
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
@@ -4948,7 +5010,7 @@ var dedupeSettlementSources = (sources) => {
 };
 
 // src/trading/settlement/settlement-text-renderer.tsx
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 var inlineTokenRegex = new RegExp(
   [
     /\[([^\]\n]+)\]\(([^)\s]+)\)/.source,
@@ -4987,12 +5049,12 @@ var renderInlineSegment = (text, baseKey) => {
     }
     if (match.index > lastIndex) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_react3.Fragment, { children: text.slice(lastIndex, match.index) }, `${baseKey}-text-${segmentIndex++}`)
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_react3.Fragment, { children: text.slice(lastIndex, match.index) }, `${baseKey}-text-${segmentIndex++}`)
       );
     }
     if (isLinkMatch(match)) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
           "a",
           {
             href: match[2],
@@ -5006,7 +5068,7 @@ var renderInlineSegment = (text, baseKey) => {
       );
     } else if (match[3] !== void 0) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
           "strong",
           {
             className: "agg-settlement-text-bold font-agg-bold",
@@ -5017,7 +5079,7 @@ var renderInlineSegment = (text, baseKey) => {
       );
     } else if (match[4] !== void 0) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
           "code",
           {
             className: "agg-settlement-text-code rounded-agg-sm bg-agg-secondary-hover px-1 py-0.5 font-mono text-[0.875em]",
@@ -5028,7 +5090,7 @@ var renderInlineSegment = (text, baseKey) => {
       );
     } else if (bareUrl !== void 0) {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
           "a",
           {
             href: bareUrl,
@@ -5045,18 +5107,18 @@ var renderInlineSegment = (text, baseKey) => {
   }
   if (lastIndex < text.length) {
     nodes.push(
-      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_react3.Fragment, { children: text.slice(lastIndex) }, `${baseKey}-text-${segmentIndex++}`)
+      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_react3.Fragment, { children: text.slice(lastIndex) }, `${baseKey}-text-${segmentIndex++}`)
     );
   }
   return nodes;
 };
 var renderBlock = (block, blockIndex) => {
   if (block.kind === "list") {
-    return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
       "ul",
       {
         className: "agg-settlement-text-list list-disc pl-5 text-agg-sm leading-agg-5 text-agg-foreground",
-        children: block.items.map((item, itemIndex) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+        children: block.items.map((item, itemIndex) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
           "li",
           {
             className: "agg-settlement-text-list-item",
@@ -5068,12 +5130,12 @@ var renderBlock = (block, blockIndex) => {
       `block-${blockIndex}`
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
     "p",
     {
       className: "agg-settlement-text-paragraph text-agg-sm leading-agg-5 text-agg-foreground break-words [overflow-wrap:anywhere]",
-      children: block.lines.map((line, lineIndex) => /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_react3.Fragment, { children: [
-        lineIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("br", {}) : null,
+      children: block.lines.map((line, lineIndex) => /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_react3.Fragment, { children: [
+        lineIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("br", {}) : null,
         renderInlineSegment(line, `block-${blockIndex}-line-${lineIndex}`)
       ] }, `block-${blockIndex}-line-${lineIndex}`))
     },
@@ -5086,12 +5148,12 @@ var SettlementTextRenderer = ({
 }) => {
   const blocks = parseSettlementBlocks(content);
   if (blocks.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: cn("agg-settlement-text flex flex-col gap-2", className), children: blocks.map((block, blockIndex) => renderBlock(block, blockIndex)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: cn("agg-settlement-text flex flex-col gap-2", className), children: blocks.map((block, blockIndex) => renderBlock(block, blockIndex)) });
 };
 SettlementTextRenderer.displayName = "SettlementTextRenderer";
 
 // src/trading/settlement/index.tsx
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 var SETTLEMENT_SECTION_ID = "agg-settlement-section";
 var getSettlementDifferenceId = (sectionId, canonicalKey) => {
   return `${sectionId}-difference-${canonicalKey}`;
@@ -5258,13 +5320,13 @@ var SettlementVenueRules = ({
   rules,
   labels
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "agg-settlement-venue-rules flex w-full flex-col items-start gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementFullRulesTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "flex w-full flex-col items-start gap-4", children: rules.map((rule) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agg-settlement-venue-rules flex w-full flex-col items-start gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementFullRulesTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "flex w-full flex-col items-start gap-4", children: rules.map((rule) => {
       const venueLabel = resolveSettlementVenueLabel(rule.venue, labels);
-      return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("details", { className: "group/agg-settlement-rule w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("summary", { className: "flex cursor-pointer list-none items-center gap-2 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors marker:hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("details", { className: "group/agg-settlement-rule w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("summary", { className: "flex cursor-pointer list-none items-center gap-2 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors marker:hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
             VenueLogo,
             {
               venue: rule.venue,
@@ -5273,8 +5335,8 @@ var SettlementVenueRules = ({
               ariaLabel: venueLabel
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors", children: venueLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors", children: venueLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
             "i",
             {
               className: cn(
@@ -5287,7 +5349,7 @@ var SettlementVenueRules = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "mt-3 pl-6", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(SettlementTextRenderer, { content: rule.content }) })
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "mt-3 pl-6", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(SettlementTextRenderer, { content: rule.content }) })
       ] }, rule.venue);
     }) })
   ] });
@@ -5306,7 +5368,7 @@ var Settlement = ({
   isLoading = false
 }) => {
   var _a, _b, _c, _d, _e;
-  const labels = (0, import_hooks22.useLabels)();
+  const labels = (0, import_hooks23.useLabels)();
   const blocks = (0, import_react4.useMemo)(
     () => dedupeSettlementSources({
       eventDescription,
@@ -5351,7 +5413,7 @@ var Settlement = ({
     );
   };
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
       Skeleton,
       {
         ariaLabel: labels.trading.settlementLoading,
@@ -5362,7 +5424,7 @@ var Settlement = ({
   }
   if (!hasSettlementContent) return null;
   const resolvedSectionLabel = sectionLabel === defaultSettlementSectionLabel ? labels.trading.settlementSection : sectionLabel;
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
     Card,
     {
       id,
@@ -5372,51 +5434,51 @@ var Settlement = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "agg-settlement-header flex w-full flex-col items-start gap-1 text-agg-muted-foreground sm:flex-row sm:items-center sm:justify-between sm:gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "shrink-0 text-agg-xs font-agg-bold leading-agg-4 uppercase", children: resolvedSectionLabel }),
-          question ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "agg-settlement-question min-w-0 text-agg-sm font-agg-normal leading-agg-5 sm:max-w-[314px] sm:truncate", children: question }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agg-settlement-header flex w-full flex-col items-start gap-1 text-agg-muted-foreground sm:flex-row sm:items-center sm:justify-between sm:gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "shrink-0 text-agg-xs font-agg-bold leading-agg-4 uppercase", children: resolvedSectionLabel }),
+          question ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "agg-settlement-question min-w-0 text-agg-sm font-agg-normal leading-agg-5 sm:max-w-[314px] sm:truncate", children: question }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "agg-settlement-sections flex w-full flex-col items-start gap-5", children: [
-          hasStandaloneSettlementText ? /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "w-full", children: [
-            standaloneEventBlock || standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agg-settlement-sections flex w-full flex-col items-start gap-5", children: [
+          hasStandaloneSettlementText ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "w-full", children: [
+            standaloneEventBlock || standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
               "div",
               {
                 className: "agg-settlement-section agg-settlement-section-description",
                 "data-source": "description",
                 children: [
-                  standaloneEventBlock ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { "data-source": "eventDescription", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(SettlementTextRenderer, { content: standaloneEventBlock.content }) }) : null,
-                  standaloneEventBlock && standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("hr", { className: "agg-settlement-divider my-4 border-0 border-t border-agg-separator" }) : null,
-                  standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { "data-source": "marketDescription", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(SettlementTextRenderer, { content: standaloneMarketBlock.content }) }) : null
+                  standaloneEventBlock ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { "data-source": "eventDescription", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(SettlementTextRenderer, { content: standaloneEventBlock.content }) }) : null,
+                  standaloneEventBlock && standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("hr", { className: "agg-settlement-divider my-4 border-0 border-t border-agg-separator" }) : null,
+                  standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { "data-source": "marketDescription", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(SettlementTextRenderer, { content: standaloneMarketBlock.content }) }) : null
                 ]
               }
             ) : null,
-            standalonePrimaryRulesBlock ? /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+            standalonePrimaryRulesBlock ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
               "div",
               {
                 className: "agg-settlement-section agg-settlement-section-primaryRules",
                 "data-source": "primaryRules",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "agg-settlement-section-label text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground mb-2", children: labels.trading.settlementPrimaryRulesLabel }),
-                  /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(SettlementTextRenderer, { content: standalonePrimaryRulesBlock.content })
+                  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "agg-settlement-section-label text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground mb-2", children: labels.trading.settlementPrimaryRulesLabel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(SettlementTextRenderer, { content: standalonePrimaryRulesBlock.content })
                 ]
               }
             ) : null
           ] }) : null,
-          hasSettlementDifferences ? /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "agg-settlement-differences flex w-full flex-col items-start gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementDifferencesTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center rounded-agg-full bg-agg-primary text-[10px] font-agg-bold leading-[14px] text-agg-on-primary", children: settlementDifferences.length })
+          hasSettlementDifferences ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agg-settlement-differences flex w-full flex-col items-start gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementDifferencesTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center rounded-agg-full bg-agg-primary text-[10px] font-agg-bold leading-[14px] text-agg-on-primary", children: settlementDifferences.length })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "flex w-full flex-col items-start gap-5", children: settlementDifferences.map((difference) => {
+            /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "flex w-full flex-col items-start gap-5", children: settlementDifferences.map((difference) => {
               const venueKeys = resolveDifferenceVenueKeys(difference, settlementVenues);
               const isExpanded = openDifferenceKeys.includes(difference.canonicalKey) && venueKeys.length > 0;
-              return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
                 "div",
                 {
                   id: getSettlementDifferenceId(id, difference.canonicalKey),
                   className: "agg-settlement-difference flex w-full flex-col items-start gap-2 rounded-agg-lg",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
                       "button",
                       {
                         type: "button",
@@ -5424,7 +5486,7 @@ var Settlement = ({
                         "aria-expanded": isExpanded,
                         onClick: () => handleToggleDifference(difference.canonicalKey),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                             "i",
                             {
                               className: cn(
@@ -5435,8 +5497,8 @@ var Settlement = ({
                               "aria-hidden": "true"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "min-w-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground group-hover/agg-settlement-difference:text-agg-muted-foreground transition-colors break-words [overflow-wrap:anywhere]", children: difference.title }),
-                          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "min-w-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground group-hover/agg-settlement-difference:text-agg-muted-foreground transition-colors break-words [overflow-wrap:anywhere]", children: difference.title }),
+                          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                             "i",
                             {
                               className: cn(
@@ -5451,12 +5513,12 @@ var Settlement = ({
                         ]
                       }
                     ),
-                    isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("dl", { className: "flex w-full flex-col items-start gap-1 px-6", children: venueKeys.map((venue) => {
+                    isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("dl", { className: "flex w-full flex-col items-start gap-1 px-6", children: venueKeys.map((venue) => {
                       var _a2;
                       const venueValue = (_a2 = difference.perVenue[venue]) != null ? _a2 : labels.trading.settlementValueUnavailable;
                       const venueLabel = resolveSettlementVenueLabel(venue, labels);
-                      return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex w-full items-start gap-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex w-full items-start gap-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                           VenueLogo,
                           {
                             venue,
@@ -5465,8 +5527,8 @@ var Settlement = ({
                             ariaLabel: venueLabel
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("dt", { className: "w-[88px] shrink-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: venueLabel }),
-                        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("dd", { className: "min-w-0 flex-1 text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground break-words [overflow-wrap:anywhere]", children: venueValue })
+                        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("dt", { className: "w-[88px] shrink-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: venueLabel }),
+                        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("dd", { className: "min-w-0 flex-1 text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground break-words [overflow-wrap:anywhere]", children: venueValue })
                       ] }, venue);
                     }) }) : null
                   ]
@@ -5475,9 +5537,9 @@ var Settlement = ({
               );
             }) })
           ] }) : null,
-          hasVenueSettlementRules ? /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_jsx_runtime119.Fragment, { children: [
-            hasSettlementDifferences || hasStandaloneSettlementText ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "h-px w-full bg-agg-separator" }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(SettlementVenueRules, { rules: venueRuleBlocks, labels })
+          hasVenueSettlementRules ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_jsx_runtime120.Fragment, { children: [
+            hasSettlementDifferences || hasStandaloneSettlementText ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "h-px w-full bg-agg-separator" }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(SettlementVenueRules, { rules: venueRuleBlocks, labels })
           ] }) : null
         ] })
       ]
@@ -5487,7 +5549,7 @@ var Settlement = ({
 Settlement.displayName = "Settlement";
 
 // src/trading/settlement/settlement-details.tsx
-var import_hooks23 = require("@agg-build/hooks");
+var import_hooks24 = require("@agg-build/hooks");
 
 // src/events/shared/venue-market-cluster.ts
 var toNonEmptyString = (value) => {
@@ -5609,7 +5671,7 @@ var normalizeVenueMarketCluster = (markets, selectedMarketId) => {
 };
 
 // src/trading/settlement/settlement-details.tsx
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 var hasContent = (value) => {
   return typeof value === "string" && value.trim().length > 0;
 };
@@ -5632,11 +5694,11 @@ var buildVenueSettlementRules = (venueMarkets) => {
 };
 var SettlementDetails = ({ className }) => {
   var _a, _b, _c, _d, _e, _f;
-  const tradingContext = (0, import_hooks23.useEventTradingContext)();
+  const tradingContext = (0, import_hooks24.useEventTradingContext)();
   const selectedEvent = (_a = tradingContext == null ? void 0 : tradingContext.selectedEvent) != null ? _a : null;
   const selectedMarket = (_b = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _b : null;
   if (!selectedEvent) return null;
-  const activeMarket = selectedMarket != null ? selectedMarket : (0, import_hooks23.resolveDefaultTradingMarket)(selectedEvent);
+  const activeMarket = selectedMarket != null ? selectedMarket : (0, import_hooks24.resolveDefaultTradingMarket)(selectedEvent);
   if (!activeMarket) return null;
   const allVenueMarkets = normalizeVenueMarketCluster(selectedEvent.venueMarkets);
   const activeMarketCluster = normalizeVenueMarketCluster(
@@ -5660,7 +5722,7 @@ var SettlementDetails = ({ className }) => {
   if (!hasContent(eventDescription) && !hasVenueSettlementRules && !hasSettlementDifferences) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "agg-settlement-list flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "agg-settlement-list-item", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "agg-settlement-list flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "agg-settlement-list-item", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     Settlement,
     {
       question: selectedEvent.title,
@@ -5677,7 +5739,7 @@ var SettlementDetails = ({ className }) => {
 SettlementDetails.displayName = "SettlementDetails";
 
 // src/trading/place-order/index.tsx
-var import_hooks40 = require("@agg-build/hooks");
+var import_hooks41 = require("@agg-build/hooks");
 var import_sdk19 = require("@agg-build/sdk");
 var import_react16 = __toESM(require("@number-flow/react"));
 var Popover = __toESM(require("@radix-ui/react-popover"));
@@ -5810,27 +5872,27 @@ var formatSportsEventTimeEt = (value) => {
 };
 
 // src/geo-block-banner/index.tsx
-var import_hooks24 = require("@agg-build/hooks");
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_hooks25 = require("@agg-build/hooks");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 var GeoBlockBanner = ({
   venue,
   termsUrl = AGG_TERMS_OF_SERVICE_URL,
   className
 }) => {
-  const labels = (0, import_hooks24.useLabels)();
+  const labels = (0, import_hooks25.useLabels)();
   const message = venue ? labels.trading.geoBlockVenueMessage(venue) : labels.trading.geoBlockGenericMessage;
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
     "div",
     {
       className: cn("flex items-center gap-5 rounded-agg-lg bg-agg-secondary-hover p-3", className),
       role: "status",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [
           message,
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("a", { href: termsUrl, className: "underline", target: "_blank", rel: "noreferrer noopener", children: labels.trading.geoBlockTermsLink }),
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("a", { href: termsUrl, className: "underline", target: "_blank", rel: "noreferrer noopener", children: labels.trading.geoBlockTermsLink }),
           labels.trading.geoBlockMessageSuffix
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Icon, { name: "internet-security", className: "h-6 w-6 shrink-0 text-agg-muted-foreground" })
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Icon, { name: "internet-security", className: "h-6 w-6 shrink-0 text-agg-muted-foreground" })
       ]
     }
   );
@@ -5853,11 +5915,11 @@ var createAggClientSharedKycInitiator = (client) => {
 };
 
 // src/kyc/shared-kyc-modal.tsx
-var import_hooks27 = require("@agg-build/hooks");
+var import_hooks28 = require("@agg-build/hooks");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
 
 // src/primitives/button/index.tsx
-var import_hooks25 = require("@agg-build/hooks");
+var import_hooks26 = require("@agg-build/hooks");
 
 // src/primitives/button/button.constants.ts
 var sizeClasses2 = {
@@ -5928,7 +5990,7 @@ var getButtonClassName = ({
 };
 
 // src/primitives/button/index.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 var Button = (_a) => {
   var _b = _a, {
     children,
@@ -5957,9 +6019,9 @@ var Button = (_a) => {
   ]);
   const {
     features: { enableAnimations }
-  } = (0, import_hooks25.useSdkUiConfig)();
+  } = (0, import_hooks26.useSdkUiConfig)();
   const isDisabled = resolveButtonIsDisabled({ disabled, isLoading });
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     "button",
     __spreadProps(__spreadValues({
       type,
@@ -5973,7 +6035,7 @@ var Button = (_a) => {
       "aria-busy": isLoading,
       "aria-label": ariaLabel
     }, other), {
-      children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+      children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
         "span",
         {
           className: cn(
@@ -5984,9 +6046,9 @@ var Button = (_a) => {
           ),
           "aria-hidden": "true"
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
+      ) : /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
         prefix != null ? prefix : null,
-        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
           "span",
           {
             className: cn(
@@ -6049,7 +6111,7 @@ var resolveInlineAlertHasAction = ({
 };
 
 // src/primitives/inline-alert/index.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 var InlineAlert = ({
   tone = INLINE_ALERT_DEFAULT_TONE,
   variant,
@@ -6063,7 +6125,7 @@ var InlineAlert = ({
   const resolvedVariant = resolveInlineAlertVariant({ tone, variant });
   const hasAction = resolveInlineAlertHasAction({ actionLabel, onAction });
   const { ariaLive, role } = INLINE_ALERT_LIVE_REGION_CONFIG[tone];
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
     "div",
     {
       className: cn(
@@ -6075,7 +6137,7 @@ var InlineAlert = ({
       "aria-live": ariaLive,
       "aria-label": ariaLabel,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           Icon,
           {
             name: INLINE_ALERT_TONE_ICON_NAME[tone],
@@ -6083,14 +6145,14 @@ var InlineAlert = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           "div",
           {
             className: cn(
               "min-w-0",
               resolvedVariant === "plain" && !hasAction ? "flex-none text-center" : "flex-1"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
               "div",
               {
                 className: cn(
@@ -6099,14 +6161,14 @@ var InlineAlert = ({
                   resolvedVariant === "plain" && !hasAction ? "items-center" : null
                 ),
                 children: [
-                  title2 ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
+                  title2 ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
                 ]
               }
             )
           }
         ),
-        hasAction ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        hasAction ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           "button",
           {
             type: "button",
@@ -6126,7 +6188,7 @@ var InlineAlert = ({
 InlineAlert.displayName = "InlineAlert";
 
 // src/primitives/modal/index.tsx
-var import_hooks26 = require("@agg-build/hooks");
+var import_hooks27 = require("@agg-build/hooks");
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
 
 // src/primitives/modal/modal.constants.ts
@@ -6150,7 +6212,7 @@ var resolveModalCloseIcon = ({
 };
 
 // src/primitives/modal/index.tsx
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 var Modal = ({
   open,
   onOpenChange,
@@ -6158,7 +6220,7 @@ var Modal = ({
   "aria-label": _ariaLabel,
   "aria-labelledby": _ariaLabelledBy
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Dialog.Root, { open, onOpenChange, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Dialog.Root, { open, onOpenChange, children });
 };
 var ModalContainer = ({
   children,
@@ -6170,11 +6232,11 @@ var ModalContainer = ({
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks26.useSdkUiConfig)();
+  } = (0, import_hooks27.useSdkUiConfig)();
   const overlayAnimationClassName = resolveModalOverlayAnimationClassName(enableAnimations);
   const panelAnimationClassName = resolveModalPanelAnimationClassName(enableAnimations);
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(Dialog.Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Dialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
       Dialog.Overlay,
       {
         className: cn(
@@ -6185,7 +6247,7 @@ var ModalContainer = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
       Dialog.Content,
       {
         className: cn(
@@ -6211,7 +6273,7 @@ var ModalContainer = ({
             event.preventDefault();
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
           "div",
           {
             className: cn(
@@ -6220,7 +6282,7 @@ var ModalContainer = ({
               "flex h-full min-h-0 w-full justify-center p-0 md:p-5",
               classNames == null ? void 0 : classNames.center
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
               "div",
               {
                 className: cn(
@@ -6260,14 +6322,14 @@ var ModalHeader = ({
 }) => {
   const {
     features: { enableAnimations }
-  } = (0, import_hooks26.useSdkUiConfig)();
-  const labels = (0, import_hooks26.useLabels)();
-  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(CloseIcon, { className: "h-6 w-6" });
+  } = (0, import_hooks27.useSdkUiConfig)();
+  const labels = (0, import_hooks27.useLabels)();
+  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(CloseIcon, { className: "h-6 w-6" });
   const resolvedCloseIcon = resolveModalCloseIcon({
     closeIcon,
     defaultCloseIcon
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
     "div",
     {
       className: cn(
@@ -6280,7 +6342,7 @@ var ModalHeader = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
           "div",
           {
             className: cn(
@@ -6293,8 +6355,8 @@ var ModalHeader = ({
               classNames == null ? void 0 : classNames.container
             ),
             children: [
-              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_jsx_runtime124.Fragment, { children: leftElement }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_jsx_runtime125.Fragment, { children: leftElement }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
                 "div",
                 {
                   className: cn(
@@ -6303,7 +6365,7 @@ var ModalHeader = ({
                     classNames == null ? void 0 : classNames.titleContainer
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                       Dialog.Title,
                       {
                         className: cn(
@@ -6317,7 +6379,7 @@ var ModalHeader = ({
                         children: title2
                       }
                     ),
-                    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                       "span",
                       {
                         className: cn(
@@ -6331,9 +6393,9 @@ var ModalHeader = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
-                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_jsx_runtime124.Fragment, { children: rightElement }) : null,
-                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
+                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_jsx_runtime125.Fragment, { children: rightElement }) : null,
+                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                   Dialog.Close,
                   {
                     className: cn(
@@ -6350,14 +6412,14 @@ var ModalHeader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "agg-modal-header-extra", children }) : null
+        children ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "agg-modal-header-extra", children }) : null
       ]
     }
   );
 };
 Modal.Header = ModalHeader;
 var ModalBody = ({ children, classNames }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     "div",
     {
       className: cn(
@@ -6378,7 +6440,7 @@ var ModalFooter = ({
   classNames,
   hideBorder = false
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     "div",
     {
       className: cn(
@@ -6461,7 +6523,7 @@ var getTypographyClassName = ({
 };
 
 // src/primitives/typography/index.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 var Typography = ({
   as: Component = "p",
   variant = "body",
@@ -6469,12 +6531,12 @@ var Typography = ({
   children,
   "aria-label": ariaLabel
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Component, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Component, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
 };
 Typography.displayName = "Typography";
 
 // src/kyc/shared-kyc-modal.tsx
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 var SharedKycModal = ({
   open,
   state = "initial",
@@ -6482,46 +6544,46 @@ var SharedKycModal = ({
   onOpenChange,
   onStartVerification
 }) => {
-  const labels = (0, import_hooks27.useLabels)();
+  const labels = (0, import_hooks28.useLabels)();
   const modalLabels = labels.trading.sharedKyc.modal;
   const isInitiating = state === "initiating";
   const handleOpenChange = (nextOpen) => {
     if (isInitiating && !nextOpen) return;
     onOpenChange(nextOpen);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
     Modal.Container,
     {
       maxWidth: "420px",
       "aria-label": modalLabels.ariaLabel,
       classNames: { container: "!rounded-agg-2xl" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "flex h-14 shrink-0 items-center justify-end px-5", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex h-14 shrink-0 items-center justify-end px-5", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           Dialog2.Close,
           {
             "aria-label": labels.common.close,
             disabled: isInitiating,
             className: "flex size-11 cursor-pointer items-center justify-center rounded-agg-full text-agg-foreground hover:bg-agg-secondary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-50",
-            children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Icon, { name: "close", size: "small", "aria-hidden": "true" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Icon, { name: "close", size: "small", "aria-hidden": "true" })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Modal.Body, { classNames: { root: "!px-8 !pb-9 !pt-0" }, children: state === "success" ? /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Modal.Body, { classNames: { root: "!px-8 !pb-9 !pt-0" }, children: state === "success" ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
           "div",
           {
             className: "flex flex-col items-center gap-6 text-center",
             role: "status",
             "aria-live": "polite",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "flex size-12 items-center justify-center rounded-agg-full border border-agg-success bg-agg-success/10 text-agg-success", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Icon, { name: "success-check", className: "size-5", "aria-hidden": "true" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Dialog2.Title, { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Typography, { as: "span", variant: "body-large-strong", children: modalLabels.successTitle }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Dialog2.Description, { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Typography, { as: "span", variant: "label", className: "text-pretty text-agg-foreground", children: modalLabels.successDescription }) })
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex size-12 items-center justify-center rounded-agg-full border border-agg-success bg-agg-success/10 text-agg-success", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Icon, { name: "success-check", className: "size-5", "aria-hidden": "true" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Dialog2.Title, { children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Typography, { as: "span", variant: "body-large-strong", children: modalLabels.successTitle }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Dialog2.Description, { children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Typography, { as: "span", variant: "label", className: "text-pretty text-agg-foreground", children: modalLabels.successDescription }) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Button, { variant: "secondary", size: "large", onClick: () => handleOpenChange(false), children: modalLabels.done })
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Button, { variant: "secondary", size: "large", onClick: () => handleOpenChange(false), children: modalLabels.done })
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col items-center gap-6 text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col items-center gap-6 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
             Icon,
             {
               name: "user-trust",
@@ -6529,11 +6591,11 @@ var SharedKycModal = ({
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Dialog2.Title, { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Typography, { as: "span", variant: "body-large-strong", children: state === "pending" ? modalLabels.pendingTitle : modalLabels.title }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Dialog2.Description, { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Typography, { as: "span", variant: "label", className: "text-pretty text-agg-foreground", children: state === "pending" ? modalLabels.pendingDescription : modalLabels.freeDescription }) })
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Dialog2.Title, { children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Typography, { as: "span", variant: "body-large-strong", children: state === "pending" ? modalLabels.pendingTitle : modalLabels.title }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Dialog2.Description, { children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Typography, { as: "span", variant: "label", className: "text-pretty text-agg-foreground", children: state === "pending" ? modalLabels.pendingDescription : modalLabels.freeDescription }) })
           ] }),
-          state === "error" || state === "pending" && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+          state === "error" || state === "pending" && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
             InlineAlert,
             {
               tone: "error",
@@ -6541,8 +6603,8 @@ var SharedKycModal = ({
               message: errorMessage || modalLabels.error
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
               Button,
               {
                 variant: "primary",
@@ -6554,7 +6616,7 @@ var SharedKycModal = ({
                 children: state === "pending" ? modalLabels.checkStatus : modalLabels.startVerification
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
               Button,
               {
                 variant: "tertiary",
@@ -6759,20 +6821,20 @@ var useSharedKycFlow = ({
 };
 
 // src/notifications/agg-notification-events-provider.tsx
-var import_hooks28 = require("@agg-build/hooks");
+var import_hooks29 = require("@agg-build/hooks");
 var import_react7 = require("react");
 
 // src/primitives/toast/index.tsx
 var RadixToast = __toESM(require("@radix-ui/react-toast"));
 var import_react6 = require("react");
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var ToastContext = (0, import_react6.createContext)(null);
 function useOptionalToast() {
   return (0, import_react6.useContext)(ToastContext);
 }
 
 // src/notifications/agg-notification-events-provider.tsx
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 var firedOrderNotificationKeys = /* @__PURE__ */ new Set();
 var MICRO_UNITS_SCALE = 1e6;
 var formatScaledMicroAmount = (value) => {
@@ -6863,7 +6925,7 @@ var CLIENT_DEPOSIT_ACTIVITY_SUPPRESSION_MS = 2 * 60 * 1e3;
 
 // src/onboarding/index.tsx
 var import_react15 = require("react");
-var import_hooks38 = require("@agg-build/hooks");
+var import_hooks39 = require("@agg-build/hooks");
 var Dialog5 = __toESM(require("@radix-ui/react-dialog"));
 
 // src/onboarding/onboarding-modal.constants.ts
@@ -6882,21 +6944,22 @@ var ONBOARDING_STEPS = {
 var ONCHAIN_VENUES = [
   import_sdk16.Venue.polymarket,
   import_sdk16.Venue.opinion,
-  import_sdk16.Venue.predict
+  import_sdk16.Venue.predict,
+  import_sdk16.Venue.pred
 ].filter(import_sdk16.isVenueActive);
 
 // src/onboarding/steps/how-it-works.tsx
 var import_react8 = require("react");
-var import_hooks29 = require("@agg-build/hooks");
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_hooks30 = require("@agg-build/hooks");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 var defaultIcons = {
-  createAccount: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  linkAccounts: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  bestPrices: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  stayInControl: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
+  createAccount: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  linkAccounts: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  bestPrices: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  stayInControl: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
 };
 var HowItWorksStep = ({ onContinue, icons }) => {
-  const labels = (0, import_hooks29.useLabels)();
+  const labels = (0, import_hooks30.useLabels)();
   const scrollRef = (0, import_react8.useRef)(null);
   const [showTopGradient, setShowTopGradient] = (0, import_react8.useState)(false);
   const [showBottomGradient, setShowBottomGradient] = (0, import_react8.useState)(true);
@@ -6906,10 +6969,10 @@ var HowItWorksStep = ({ onContinue, icons }) => {
     setShowTopGradient(el.scrollTop > 0);
     setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
         "div",
         {
           ref: scrollRef,
@@ -6919,7 +6982,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_runtime129.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
               "div",
               {
                 className: cn(
@@ -6928,11 +6991,11 @@ var HowItWorksStep = ({ onContinue, icons }) => {
                   "bg-agg-secondary-hover"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
-                    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
+                  /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
+                    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
                   ] }),
-                  icon ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
+                  icon ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
                 ]
               },
               featureKey
@@ -6940,7 +7003,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
         "div",
         {
           className: cn(
@@ -6951,7 +7014,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
         "div",
         {
           className: cn(
@@ -6963,21 +7026,21 @@ var HowItWorksStep = ({ onContinue, icons }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
+    /* @__PURE__ */ (0, import_jsx_runtime130.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_react12 = require("react");
-var import_hooks34 = require("@agg-build/hooks");
+var import_hooks35 = require("@agg-build/hooks");
 
 // src/primitives/calendar/index.tsx
 var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var Calendar = (_a) => {
   var _b = _a, { className, classNames } = _b, props = __objRest(_b, ["className", "classNames"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
     import_react_day_picker.DayPicker,
     __spreadValues({
       showOutsideDays: false,
@@ -7011,7 +7074,7 @@ var Calendar = (_a) => {
 Calendar.displayName = "Calendar";
 
 // src/primitives/currency-input/index.tsx
-var import_hooks30 = require("@agg-build/hooks");
+var import_hooks31 = require("@agg-build/hooks");
 var import_react9 = require("react");
 
 // src/primitives/currency-input/currency-input.constants.ts
@@ -7103,7 +7166,7 @@ var sanitizeCurrencyInputPastedValue = (input, parts, decimalPlaces) => {
 };
 
 // src/primitives/currency-input/index.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 var CurrencyInput = ({
   value,
   onChange,
@@ -7121,7 +7184,7 @@ var CurrencyInput = ({
 }) => {
   const {
     general: { locale }
-  } = (0, import_hooks30.useSdkUiConfig)();
+  } = (0, import_hooks31.useSdkUiConfig)();
   const parts = (0, import_react9.useMemo)(() => resolveCurrencyInputFormatParts(locale), [locale]);
   const [raw, setRaw] = (0, import_react9.useState)(() => value >= 0 ? String(value) : "");
   const isEditingRef = (0, import_react9.useRef)(false);
@@ -7236,7 +7299,7 @@ var CurrencyInput = ({
     onChange == null ? void 0 : onChange(nextValue);
     onBlur == null ? void 0 : onBlur();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
     "input",
     {
       ref: inputRef,
@@ -7266,7 +7329,7 @@ var CurrencyInput = ({
 CurrencyInput.displayName = "CurrencyInput";
 
 // src/primitives/loading-icon/index.tsx
-var import_hooks31 = require("@agg-build/hooks");
+var import_hooks32 = require("@agg-build/hooks");
 
 // src/primitives/loading-icon/loading-icon.constants.ts
 var LOADING_ICON_DEFAULT_SIZE = "medium";
@@ -7284,18 +7347,18 @@ var resolveLoadingIconAriaLabel = ({
 };
 
 // src/primitives/loading-icon/index.tsx
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 var LoadingIcon = ({
   size = LOADING_ICON_DEFAULT_SIZE,
   variant = "default",
   className,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks31.useLabels)();
+  const labels = (0, import_hooks32.useLabels)();
   const {
     features: { enableAnimations }
-  } = (0, import_hooks31.useSdkUiConfig)();
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+  } = (0, import_hooks32.useSdkUiConfig)();
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
     "span",
     {
       role: "status",
@@ -7308,7 +7371,7 @@ var LoadingIcon = ({
         "inline-grid place-items-center text-agg-primary will-change-transform",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
         "svg",
         {
           viewBox: LOADING_ICON_SVG_VIEW_BOX,
@@ -7316,8 +7379,8 @@ var LoadingIcon = ({
             "block",
             variant === "prominent" ? LOADING_ICON_PROMINENT_FRAME_CLASS : iconSizeClasses[size]
           ),
-          children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("g", { children: [
-            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+          children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("g", { children: [
+            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -7329,7 +7392,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               "circle",
               {
                 cx: "22",
@@ -7343,8 +7406,8 @@ var LoadingIcon = ({
                 strokeDasharray: LOADING_ICON_PROMINENT_DASHARRAY
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("g", { children: [
-            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("g", { children: [
+            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -7356,7 +7419,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               "circle",
               {
                 cx: "22",
@@ -7368,8 +7431,8 @@ var LoadingIcon = ({
                 strokeLinecap: "round",
                 strokeDasharray: "60 100",
                 strokeDashoffset: "0",
-                children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+                children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
                     "animate",
                     {
                       attributeName: "stroke-dasharray",
@@ -7378,7 +7441,7 @@ var LoadingIcon = ({
                       repeatCount: "indefinite"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
                     "animate",
                     {
                       attributeName: "stroke-dashoffset",
@@ -7399,7 +7462,7 @@ var LoadingIcon = ({
 LoadingIcon.displayName = "LoadingIcon";
 
 // src/primitives/select/index.tsx
-var import_hooks32 = require("@agg-build/hooks");
+var import_hooks33 = require("@agg-build/hooks");
 var import_react10 = require("react");
 var import_react_dom = require("react-dom");
 
@@ -7421,7 +7484,7 @@ var resolveIsSelectDisabled = ({
 };
 
 // src/primitives/select/index.tsx
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 var SELECT_DROPDOWN_Z = 1e4;
 function resolveSelectPortalContainer(triggerRoot) {
   var _a, _b;
@@ -7444,11 +7507,11 @@ var Select = ({
   contentSideOffset = 8
 }) => {
   var _a;
-  const labels = (0, import_hooks32.useLabels)();
+  const labels = (0, import_hooks33.useLabels)();
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks32.useSdkUiConfig)();
+  } = (0, import_hooks33.useSdkUiConfig)();
   const isDisabled = resolveIsSelectDisabled({ disabled, items });
   const selectedItem = resolveSelectedItem(items, value);
   const [isOpen, setIsOpen] = (0, import_react10.useState)(false);
@@ -7540,7 +7603,7 @@ var Select = ({
   };
   const isInline = variant === "inline";
   const triggerRadiusClass = triggerClassName != null ? triggerClassName : isInline ? "rounded-agg-sm" : "rounded-agg-md";
-  const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+  const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
     "div",
     {
       ref: portalRef,
@@ -7568,7 +7631,7 @@ var Select = ({
         const isSelected = item.value === value;
         const isHidden = item.hidden === true;
         if (isHidden) return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
           "button",
           {
             type: "button",
@@ -7592,14 +7655,14 @@ var Select = ({
               handleClose();
             },
             children: [
-              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                 "span",
                 {
                   className: "agg-select-item-indicator absolute bottom-2 left-0 top-2 w-1 bg-agg-primary",
                   "aria-hidden": true
                 }
               ) : null,
-              item.icon ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+              item.icon ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                 "span",
                 {
                   className: cn(
@@ -7608,7 +7671,7 @@ var Select = ({
                   ),
                   children: item.icon
                 }
-              ) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+              ) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                 RemoteImage,
                 {
                   src: item.iconUrl,
@@ -7616,7 +7679,7 @@ var Select = ({
                   className: "agg-select-item-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
+              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
             ]
           },
           item.value
@@ -7624,7 +7687,7 @@ var Select = ({
       })
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
     "div",
     {
       ref: containerRef,
@@ -7634,7 +7697,7 @@ var Select = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
           "button",
           {
             type: "button",
@@ -7658,7 +7721,7 @@ var Select = ({
             onPointerEnter: handlePointerEnter,
             onPointerLeave: handlePointerLeave,
             children: [
-              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                 RemoteImage,
                 {
                   src: selectedItem.iconUrl,
@@ -7666,18 +7729,18 @@ var Select = ({
                   className: "agg-select-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
+              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           "span",
           {
             className: cn(
               "agg-select-chevron pointer-events-none absolute inset-y-0 inline-flex items-center justify-center",
               isInline ? "right-2 text-agg-foreground" : "right-3 text-agg-muted-foreground"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
               Icon,
               {
                 name: isOpen ? "chevron-up" : "chevron-down-thin",
@@ -7695,7 +7758,7 @@ var Select = ({
 Select.displayName = "Select";
 
 // src/primitives/tooltip/index.tsx
-var import_hooks33 = require("@agg-build/hooks");
+var import_hooks34 = require("@agg-build/hooks");
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var import_react11 = require("react");
 
@@ -7729,7 +7792,7 @@ var resolveTooltipArrowDimensions = (size) => {
 };
 
 // src/primitives/tooltip/index.tsx
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_jsx_runtime135 = require("react/jsx-runtime");
 var Tooltip = ({
   content,
   children,
@@ -7744,25 +7807,25 @@ var Tooltip = ({
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks33.useSdkUiConfig)();
+  } = (0, import_hooks34.useSdkUiConfig)();
   const trigger = (0, import_react11.useMemo)(() => {
     if (children) return children;
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       "button",
       {
         type: "button",
         className: resolveTooltipTriggerClassName(classNames == null ? void 0 : classNames.trigger),
         "aria-label": ariaLabel != null ? ariaLabel : defaultTooltipTriggerAriaLabel,
-        children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
       }
     );
   }, [children, classNames == null ? void 0 : classNames.trigger, classNames == null ? void 0 : classNames.icon, ariaLabel]);
   const { width: arrowWidth, height: arrowHeight } = resolveTooltipArrowDimensions(size);
   const arrowPoints = `0,0 ${arrowWidth},0 ${arrowWidth / 2},${arrowHeight}`;
   const arrowBorderPath = `M0 0 L${arrowWidth / 2} ${arrowHeight} L${arrowWidth} 0`;
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(TooltipPrimitive.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(TooltipPrimitive.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
       TooltipPrimitive.Content,
       {
         side,
@@ -7786,7 +7849,7 @@ var Tooltip = ({
           classNames == null ? void 0 : classNames.content
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
             "svg",
             {
               width: arrowWidth,
@@ -7795,8 +7858,8 @@ var Tooltip = ({
               "aria-hidden": "true",
               className: cn("overflow-visible", classNames == null ? void 0 : classNames.arrow),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                   "path",
                   {
                     d: arrowBorderPath,
@@ -7818,9 +7881,9 @@ var Tooltip = ({
 Tooltip.displayName = "Tooltip";
 
 // src/onboarding/steps/profile-setup.tsx
-var import_jsx_runtime135 = require("react/jsx-runtime");
+var import_jsx_runtime136 = require("react/jsx-runtime");
 var ProfileSetupStep = ({ onContinue }) => {
-  const labels = (0, import_hooks34.useLabels)();
+  const labels = (0, import_hooks35.useLabels)();
   const [username, setUsername] = (0, import_react12.useState)("");
   const [avatarFile, setAvatarFile] = (0, import_react12.useState)();
   const [avatarPreview, setAvatarPreview] = (0, import_react12.useState)();
@@ -7848,11 +7911,11 @@ var ProfileSetupStep = ({ onContinue }) => {
       avatarPreview
     });
   }, [username, avatarFile, avatarPreview, onContinue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex flex-col gap-7", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex justify-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex flex-col gap-7", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
           "button",
           {
             type: "button",
@@ -7868,13 +7931,13 @@ var ProfileSetupStep = ({ onContinue }) => {
             ),
             "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
             children: [
-              !avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+              !avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime136.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_runtime135.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                     "circle",
                     {
                       cx: "40",
@@ -7888,18 +7951,18 @@ var ProfileSetupStep = ({ onContinue }) => {
                   )
                 }
               ) : null,
-              avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+              avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                 RemoteImage,
                 {
                   src: avatarPreview,
                   alt: labels.onboarding.profileSetup.profilePreviewAlt,
                   className: "h-full w-full object-cover"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
           "input",
           {
             ref: fileInputRef,
@@ -7911,8 +7974,8 @@ var ProfileSetupStep = ({ onContinue }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
           "label",
           {
             htmlFor: "onboarding-username",
@@ -7920,7 +7983,7 @@ var ProfileSetupStep = ({ onContinue }) => {
             children: labels.onboarding.profileSetup.usernameLabel
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
           "input",
           {
             id: "onboarding-username",
@@ -7944,16 +8007,16 @@ var ProfileSetupStep = ({ onContinue }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
+    /* @__PURE__ */ (0, import_jsx_runtime136.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_hooks35 = require("@agg-build/hooks");
-var import_jsx_runtime136 = require("react/jsx-runtime");
+var import_hooks36 = require("@agg-build/hooks");
+var import_jsx_runtime137 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
 };
 var VenueCard = ({
   logos,
@@ -7964,8 +8027,8 @@ var VenueCard = ({
   onConnect,
   connected = false
 }) => {
-  const labels = (0, import_hooks35.useLabels)();
-  const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+  const labels = (0, import_hooks36.useLabels)();
+  const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
     Button,
     {
       variant: "tertiary",
@@ -7975,18 +8038,18 @@ var VenueCard = ({
       children: labels.onboarding.connectAccounts.connect
     }
   );
-  const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+  const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime137.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_runtime136.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
+      suffix: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
       children: labels.onboarding.connectAccounts.connectAccount
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
     "div",
     {
       className: cn(
@@ -7994,23 +8057,23 @@ var VenueCard = ({
         connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex items-center gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title2 }),
-              /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex items-center gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title2 }),
+              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "shrink-0", children: action })
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "shrink-0", children: action })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title2 })
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title2 })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
             mobileAction
           ] })
         ] })
@@ -8023,14 +8086,14 @@ var ConnectAccountsStep = ({
   onContinue,
   connectedOnchain = false
 }) => {
-  const labels = (0, import_hooks35.useLabels)();
+  const labels = (0, import_hooks36.useLabels)();
   const canContinue = connectedOnchain;
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
       VenueCard,
       {
-        logos: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(OnchainVenueLogos, {}),
+        logos: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(OnchainVenueLogos, {}),
         title: labels.onboarding.connectAccounts.onchainTitle,
         mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
           ONCHAIN_VENUES.length - 1
@@ -8041,7 +8104,7 @@ var ConnectAccountsStep = ({
         connected: connectedOnchain
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
       Button,
       {
         variant: "primary",
@@ -8058,15 +8121,15 @@ ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
 var import_react13 = require("react");
-var import_hooks36 = require("@agg-build/hooks");
+var import_hooks37 = require("@agg-build/hooks");
 var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime137 = require("react/jsx-runtime");
+var import_jsx_runtime138 = require("react/jsx-runtime");
 var ConnectOnchainModal = ({
   open,
   onOpenChange,
   onConnect
 }) => {
-  const labels = (0, import_hooks36.useLabels)();
+  const labels = (0, import_hooks37.useLabels)();
   const [connecting, setConnecting] = (0, import_react13.useState)(false);
   const [error, setError] = (0, import_react13.useState)();
   const handleCancel = (0, import_react13.useCallback)(() => {
@@ -8097,15 +8160,15 @@ var ConnectOnchainModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Dialog3.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Dialog3.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
           Modal.Header,
           {
             hideClose: false,
@@ -8116,26 +8179,26 @@ var ConnectOnchainModal = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.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_runtime138.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime138.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_runtime137.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_runtime137.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_runtime137.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_runtime137.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
-              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(VenueLogo, { venue, size: "medium" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
+          /* @__PURE__ */ (0, import_jsx_runtime138.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_runtime138.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_runtime138.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_runtime138.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
+              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(VenueLogo, { venue, size: "medium" }),
+              /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
             ] }, venue)) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
-              error ? /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
+              error ? /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+                /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -8146,7 +8209,7 @@ var ConnectOnchainModal = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
               Button,
               {
                 variant: "tertiary",
@@ -8165,12 +8228,12 @@ var ConnectOnchainModal = ({
 ConnectOnchainModal.displayName = "ConnectOnchainModal";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
-var import_hooks37 = require("@agg-build/hooks");
+var import_hooks38 = require("@agg-build/hooks");
 var import_sdk17 = require("@agg-build/sdk");
 var Dialog4 = __toESM(require("@radix-ui/react-dialog"));
 var import_react14 = require("react");
 var import_zod = require("zod");
-var import_jsx_runtime138 = require("react/jsx-runtime");
+var import_jsx_runtime139 = 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)
@@ -8192,8 +8255,8 @@ var ConnectKalshiModal = ({
   onOpenChange,
   onVerify
 }) => {
-  const labels = (0, import_hooks37.useLabels)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks37.useAppConfig)();
+  const labels = (0, import_hooks38.useLabels)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks38.useAppConfig)();
   const apiKeyInputRef = (0, import_react14.useRef)(null);
   const errorId = (0, import_react14.useId)();
   const [apiKeyId, setApiKeyId] = (0, import_react14.useState)("");
@@ -8201,7 +8264,7 @@ var ConnectKalshiModal = ({
   const [isVerifying, setIsVerifying] = (0, import_react14.useState)(false);
   const [isConnected, setIsConnected] = (0, import_react14.useState)(false);
   const [error, setError] = (0, import_react14.useState)();
-  const availabilityState = (0, import_hooks37.getVenueAvailabilityState)({
+  const availabilityState = (0, import_hooks38.getVenueAvailabilityState)({
     venueId: import_sdk17.Venue.kalshi,
     disabledVenues,
     isConfigLoading: isAppConfigLoading
@@ -8265,30 +8328,30 @@ var ConnectKalshiModal = ({
     [handleVerify]
   );
   if (availabilityState === "hidden") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
       classNames: { container: "!rounded-agg-2xl" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "flex h-[60px] shrink-0 items-center justify-end px-8", children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "flex h-[60px] shrink-0 items-center justify-end px-8", children: /* @__PURE__ */ (0, import_jsx_runtime139.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_runtime138.jsx)(Icon, { name: "close", size: "medium" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: "close", size: "medium" })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Modal.Body, { classNames: { root: "!px-5 !pb-12 !pt-0 sm:!px-10" }, children: isConnected ? /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Modal.Body, { classNames: { root: "!px-5 !pb-12 !pt-0 sm:!px-10" }, children: isConnected ? /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
           "div",
           {
             className: "flex flex-col items-center gap-8 pb-3 text-center",
             role: "status",
             "aria-live": "polite",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "flex size-[60px] items-center justify-center rounded-agg-full bg-agg-success", children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "flex size-[60px] items-center justify-center rounded-agg-full bg-agg-success", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                 Icon,
                 {
                   name: "success-check",
@@ -8296,11 +8359,11 @@ var ConnectKalshiModal = ({
                   "aria-hidden": "true"
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime138.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_runtime138.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_runtime139.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime139.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_runtime139.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_runtime138.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -8312,27 +8375,27 @@ var ConnectKalshiModal = ({
               )
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("form", { className: "flex flex-col items-center gap-8", onSubmit: handleSubmit, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(VenueLogo, { venue: import_sdk17.Venue.kalshi, variant: "logo", size: "large", className: "size-[60px]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime138.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_runtime138.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_runtime139.jsxs)("form", { className: "flex flex-col items-center gap-8", onSubmit: handleSubmit, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(VenueLogo, { venue: import_sdk17.Venue.kalshi, variant: "logo", size: "large", className: "size-[60px]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime139.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_runtime139.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_runtime138.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime138.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_runtime138.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_runtime139.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime139.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_runtime139.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_runtime138.jsxs)("div", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
-                /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("p", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                     "a",
                     {
                       href: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl,
@@ -8343,34 +8406,34 @@ var ConnectKalshiModal = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
                 labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("br", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("br", {}),
                 labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime138.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_runtime138.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_runtime139.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime139.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_runtime139.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_runtime138.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
-              /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-api-key-id",
@@ -8378,7 +8441,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                   "input",
                   {
                     ref: apiKeyInputRef,
@@ -8400,8 +8463,8 @@ var ConnectKalshiModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-private-key",
@@ -8409,7 +8472,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                   "textarea",
                   {
                     id: "kalshi-private-key",
@@ -8432,22 +8495,22 @@ var ConnectKalshiModal = ({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex w-full items-center justify-between gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Icon, { name: "document", size: "small", className: "size-4 text-agg-primary" }),
+          /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex w-full items-center justify-between gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: "document", size: "small", className: "size-4 text-agg-primary" }),
                 labels.onboarding.connectKalshiModal.help.docsLinkLabel
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Icon, { name: "play-square", size: "small", className: "size-4 text-agg-primary" }),
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: "play-square", size: "small", className: "size-4 text-agg-primary" }),
                 labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex flex-col items-center gap-5", children: [
-            error ? /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col items-center gap-5", children: [
+            error ? /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
               "div",
               {
                 id: errorId,
@@ -8455,13 +8518,13 @@ var ConnectKalshiModal = ({
                 role: "alert",
                 "aria-live": "assertive",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Icon, { name: "warning", size: "small", className: "size-3.5 text-agg-error" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: "warning", size: "small", className: "size-3.5 text-agg-error" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
                 ]
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                 Button,
                 {
                   variant: "secondary",
@@ -8471,7 +8534,7 @@ var ConnectKalshiModal = ({
                   children: labels.onboarding.connectKalshiModal.actions.cancel
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                 Button,
                 {
                   type: "submit",
@@ -8492,7 +8555,7 @@ var ConnectKalshiModal = ({
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
 // src/onboarding/index.tsx
-var import_jsx_runtime139 = require("react/jsx-runtime");
+var import_jsx_runtime140 = require("react/jsx-runtime");
 var OnboardingModal = ({
   open,
   onOpenChange,
@@ -8503,7 +8566,7 @@ var OnboardingModal = ({
   connectedOnchain = false
 }) => {
   var _a;
-  const labels = (0, import_hooks38.useLabels)();
+  const labels = (0, import_hooks39.useLabels)();
   const [step, setStep] = (0, import_react15.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
   const stepLabels = {
     [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
@@ -8539,19 +8602,19 @@ var OnboardingModal = ({
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_jsx_runtime139.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_jsx_runtime140.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
       Modal.Container,
       {
         maxWidth: "600px",
         "aria-label": resolvedTitle,
         classNames: { container: "!rounded-agg-lg" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Dialog5.Title, { className: "sr-only", children: resolvedTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime139.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_runtime139.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
-            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
-            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Dialog5.Title, { className: "sr-only", children: resolvedTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime140.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_runtime140.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
+            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
+            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
@@ -8563,7 +8626,7 @@ var OnboardingModal = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       ConnectOnchainModal,
       {
         open: onchainModalOpen,
@@ -8583,41 +8646,41 @@ var requestAggDepositModalOpen = () => {
 };
 
 // src/trading/fund-kalshi-modal.tsx
-var import_hooks39 = require("@agg-build/hooks");
+var import_hooks40 = require("@agg-build/hooks");
 var import_sdk18 = require("@agg-build/sdk");
 var Dialog6 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime140 = require("react/jsx-runtime");
+var import_jsx_runtime141 = require("react/jsx-runtime");
 var FundKalshiModal = ({ open, onOpenChange }) => {
-  const labels = (0, import_hooks39.useLabels)();
+  const labels = (0, import_hooks40.useLabels)();
   const modalLabels = labels.trading.fundKalshiModal;
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": modalLabels.ariaLabel,
       classNames: { container: "relative !rounded-agg-2xl" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
           Dialog6.Close,
           {
             "aria-label": labels.common.close,
             className: "absolute right-6 top-6 z-10 flex size-11 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 sm:right-7 sm:top-7",
-            children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Icon, { name: "close", size: "medium" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Icon, { name: "close", size: "medium" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Modal.Body, { classNames: { root: "!px-5 !py-12 sm:!px-10" }, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "flex flex-col items-center gap-8 text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(VenueLogo, { venue: import_sdk18.Venue.kalshi, variant: "logo", size: "large", className: "size-[60px]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Dialog6.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: modalLabels.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Dialog6.Description, { className: "max-w-[520px] text-agg-base leading-agg-6 text-agg-foreground", children: modalLabels.description })
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Modal.Body, { classNames: { root: "!px-5 !py-12 sm:!px-10" }, children: /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "flex flex-col items-center gap-8 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(VenueLogo, { venue: import_sdk18.Venue.kalshi, variant: "logo", size: "large", className: "size-[60px]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Dialog6.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: modalLabels.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Dialog6.Description, { className: "max-w-[520px] text-agg-base leading-agg-6 text-agg-foreground", children: modalLabels.description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "flex w-full flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4 text-left", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: modalLabels.howItWorks }),
-            /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("ol", { className: "list-decimal space-y-0 pl-5 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("li", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "flex w-full flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4 text-left", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: modalLabels.howItWorks }),
+            /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("ol", { className: "list-decimal space-y-0 pl-5 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("li", { children: [
                 modalLabels.firstStepPrefix,
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
                   "a",
                   {
                     href: modalLabels.kalshiUrl,
@@ -8630,12 +8693,12 @@ var FundKalshiModal = ({ open, onOpenChange }) => {
                 " ",
                 modalLabels.firstStepSuffix
               ] }),
-              modalLabels.remainingSteps.map((step) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("li", { children: step }, step))
+              modalLabels.remainingSteps.map((step) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("li", { children: step }, step))
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "flex flex-wrap items-center justify-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Button, { variant: "secondary", size: "large", onClick: () => onOpenChange(false), children: modalLabels.doItLater }),
-            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "flex flex-wrap items-center justify-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Button, { variant: "secondary", size: "large", onClick: () => onOpenChange(false), children: modalLabels.doItLater }),
+            /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
               Button,
               {
                 variant: "primary",
@@ -9151,8 +9214,14 @@ var extractGeoBlockedVenues = (warnings) => {
   );
 };
 var getSmartRouteTotalFees = (feeBreakdown) => {
+  var _a;
   if (!feeBreakdown) return null;
-  const feeParts = [feeBreakdown.venueFees, feeBreakdown.bridgeFees, feeBreakdown.executionGas];
+  const feeParts = [
+    feeBreakdown.venueFees,
+    (_a = feeBreakdown.builderFee) != null ? _a : 0,
+    feeBreakdown.bridgeFees,
+    feeBreakdown.executionGas
+  ];
   if (!feeParts.every(Number.isFinite)) return null;
   return feeParts.reduce((total, fee) => total + Math.round(fee * 100) / 100, 0);
 };
@@ -9278,9 +9347,10 @@ var resolvePlaceOrderQuoteStatus = ({
   amount,
   labels,
   quoteData,
-  selectedMarket
+  selectedMarket,
+  tradeSide = "buy"
 }) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e;
   if (!selectedMarket) {
     return {
       tone: "warning",
@@ -9300,9 +9370,10 @@ var resolvePlaceOrderQuoteStatus = ({
     };
   }
   if (quoteData.status === "no_orderbooks") {
+    const serverError = (_a = quoteData.error) == null ? void 0 : _a.trim();
     return {
       tone: "error",
-      message: labels.noOrderbooks,
+      message: serverError || labels.noOrderbooks,
       placement: "above-action"
     };
   }
@@ -9316,26 +9387,27 @@ var resolvePlaceOrderQuoteStatus = ({
   if (quoteData.status === "insufficient_input_amount") {
     return {
       tone: "error",
-      message: (_a = quoteData.message) != null ? _a : labels.insufficientInputAmount,
+      message: (_b = quoteData.message) != null ? _b : labels.insufficientInputAmount,
       placement: "above-action"
     };
   }
   if (quoteData.status === "invalid_input") {
     return {
       tone: "error",
-      message: (_b = quoteData.message) != null ? _b : labels.quoteUnavailable,
+      message: (_c = quoteData.message) != null ? _c : labels.quoteUnavailable,
       placement: "above-action"
     };
   }
   if (quoteData.status === "insufficient_position") {
-    const total = (_c = quoteData.positionAvailability) == null ? void 0 : _c.totalSellableShares;
+    const total = (_d = quoteData.positionAvailability) == null ? void 0 : _d.totalSellableShares;
     const message = total != null ? labels.insufficientPosition(total) : labels.insufficientPositionGeneric;
     return { tone: "error", message, placement: "above-action" };
   }
   if (quoteData.status === "insufficient_depth") {
+    const serverError = (_e = quoteData.error) == null ? void 0 : _e.trim();
     return {
       tone: "error",
-      message: labels.insufficientSellDepth,
+      message: tradeSide === "sell" ? serverError || labels.insufficientSellDepth : serverError || labels.insufficientLiquidity,
       placement: "above-action"
     };
   }
@@ -9415,6 +9487,7 @@ var buildLiveRouteCards = ({
     executionPrice: averageExecutionPrice,
     requiresSharedKyc: primaryRequiresSharedKyc
   } : null;
+  const soloCardId = (prefix, sq) => `${prefix}-${sq.venue}${sq.venueMarketOutcomeId ? `-${sq.venueMarketOutcomeId}` : ""}`;
   const soloCards = ((_c = quoteData.venueSoloQuotes) != null ? _c : []).filter(
     (sq) => sq.status === "ok" && sq.unavailableReason !== "venue_unavailable" && sq.avgPrice !== null && sq.filledQty > 0 && // No `sq.quoteId` requirement: a solo is preview-only whenever its own
     // funding lane is short (API nulls the quoteId), which is NOT always the
@@ -9430,7 +9503,8 @@ var buildLiveRouteCards = ({
     const venue = parsedVenue.success ? parsedVenue.data : void 0;
     if (geoBlockedVenues.has(sq.venue)) {
       return {
-        id: `live-unavailable-${sq.venue}`,
+        id: soloCardId("live-unavailable", sq),
+        venueMarketOutcomeId: sq.venueMarketOutcomeId,
         hint: labels.venueUnavailableInRegion,
         kind: "venue",
         label: getTradingVenueLabel(venue),
@@ -9467,7 +9541,8 @@ var buildLiveRouteCards = ({
       feeBreakdown: (_b2 = sq.feeBreakdown) != null ? _b2 : quoteData.feeBreakdown
     }), sq.quoteId ? { status: "ok", error: void 0 } : null);
     return {
-      id: `live-solo-${sq.venue}`,
+      id: soloCardId("live-solo", sq),
+      venueMarketOutcomeId: sq.venueMarketOutcomeId,
       hint: labels.averagePrice(avgPrice),
       kind: "venue",
       label: getTradingVenueLabel(venue),
@@ -9489,7 +9564,8 @@ var buildLiveRouteCards = ({
     const temporarilyUnavailable = sq.unavailableReason === "venue_unavailable";
     const hasPreview = temporarilyUnavailable && sq.filledQty > 0;
     return __spreadProps(__spreadValues({
-      id: `live-unavailable-${sq.venue}`,
+      id: soloCardId("live-unavailable", sq),
+      venueMarketOutcomeId: sq.venueMarketOutcomeId,
       hint: temporarilyUnavailable ? labels.venueTemporarilyUnavailable : labels.venueUnavailableInRegion,
       kind: "venue",
       label: getTradingVenueLabel(venue),
@@ -10988,16 +11064,16 @@ var calculateExecutionProgress = ({
 };
 
 // src/trading/place-order/index.place-order.execution-view.tsx
-var import_jsx_runtime141 = require("react/jsx-runtime");
+var import_jsx_runtime142 = require("react/jsx-runtime");
 var PlaceOrderExecutionHeader = ({
   className,
   eventDateLabel,
   eventImage,
   eventTitle
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: cn("agg-order-execution-header flex flex-col gap-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: cn("agg-order-execution-header flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
         RemoteImage,
         {
           src: eventImage != null ? eventImage : null,
@@ -11005,9 +11081,9 @@ var PlaceOrderExecutionHeader = ({
           className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: eventTitle })
+      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: eventTitle })
     ] }),
-    eventDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: eventDateLabel }) : null
+    eventDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: eventDateLabel }) : null
   ] });
 };
 var ExecutionStepIndicator = ({
@@ -11015,7 +11091,7 @@ var ExecutionStepIndicator = ({
   step
 }) => {
   if (step.status === "done") {
-    return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
       Icon,
       {
         name: "check-circle",
@@ -11026,7 +11102,7 @@ var ExecutionStepIndicator = ({
     );
   }
   if (step.status === "loading") {
-    return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "inline-flex h-3 w-3 shrink-0 items-center justify-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("span", { className: "inline-flex h-3 w-3 shrink-0 items-center justify-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
       "span",
       {
         className: cn(
@@ -11037,7 +11113,7 @@ var ExecutionStepIndicator = ({
     ) });
   }
   if (step.status === "failed") {
-    return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
       Icon,
       {
         name: "error-filled",
@@ -11048,7 +11124,7 @@ var ExecutionStepIndicator = ({
     );
   }
   if (step.status === "warning") {
-    return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
       Icon,
       {
         name: "warning-filled",
@@ -11058,7 +11134,7 @@ var ExecutionStepIndicator = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
     "span",
     {
       className: "h-3 w-3 shrink-0 rounded-full border border-dashed border-agg-separator",
@@ -11071,15 +11147,15 @@ var PlaceOrderExecutionGroups = ({
   groups,
   labels
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "agg-order-execution-groups flex flex-col gap-5", children: groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "agg-order-execution-groups flex flex-col gap-5", children: groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
     "section",
     {
       className: "agg-order-execution-group flex flex-col gap-3",
       "aria-label": labels.venueOrder(group.venueLabel),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "flex min-h-5 items-center justify-between gap-3 text-agg-sm leading-agg-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "flex min-w-0 items-center gap-2 text-agg-foreground", children: [
-            group.venue ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex min-h-5 items-center justify-between gap-3 text-agg-sm leading-agg-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex min-w-0 items-center gap-2 text-agg-foreground", children: [
+            group.venue ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
               VenueLogo,
               {
                 venue: group.venue,
@@ -11088,22 +11164,22 @@ var PlaceOrderExecutionGroups = ({
                 className: "h-3.5 w-3.5 shrink-0"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("h3", { className: "truncate font-agg-normal", children: labels.venueOrder(group.venueLabel) })
+            /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("h3", { className: "truncate font-agg-normal", children: labels.venueOrder(group.venueLabel) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "text-agg-muted-foreground", children: group.priceLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "text-agg-foreground", children: group.amountLabel })
+          /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("span", { className: "text-agg-muted-foreground", children: group.priceLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("span", { className: "text-agg-foreground", children: group.amountLabel })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "flex flex-col gap-3 pl-[22px]", children: group.steps.map((step) => /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "flex flex-col gap-3 pl-[22px]", children: group.steps.map((step) => /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
           "div",
           {
             className: "flex items-start gap-2 text-agg-xs leading-agg-4 text-agg-foreground",
             "data-kind": step.kind,
             "data-status": step.status,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(ExecutionStepIndicator, { enableAnimations, step }),
-              /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("p", { className: "min-w-0 flex-1", children: step.status === "done" ? step.completedLabel : step.pendingLabel })
+              /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(ExecutionStepIndicator, { enableAnimations, step }),
+              /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "min-w-0 flex-1", children: step.status === "done" ? step.completedLabel : step.pendingLabel })
             ]
           },
           step.id
@@ -11122,9 +11198,10 @@ var PlaceOrderExecutionView = ({
   eventTitle,
   groups,
   labels,
-  progress
+  progress,
+  settlementHint
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
     Card,
     {
       className: cn(
@@ -11133,8 +11210,8 @@ var PlaceOrderExecutionView = ({
         classNames == null ? void 0 : classNames.root,
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: cn("flex flex-col gap-6 p-5", classNames == null ? void 0 : classNames.body), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: cn("flex flex-col gap-6 p-5", classNames == null ? void 0 : classNames.body), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
           PlaceOrderExecutionHeader,
           {
             className: classNames == null ? void 0 : classNames.header,
@@ -11143,13 +11220,13 @@ var PlaceOrderExecutionView = ({
             eventTitle
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: cn("flex flex-col gap-5", classNames == null ? void 0 : classNames.content), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("p", { className: "shrink-0 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: cn("flex flex-col gap-5", classNames == null ? void 0 : classNames.content), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("p", { className: "shrink-0 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
               progress,
               "%"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
               "progress",
               {
                 "aria-label": labels.executingOrder,
@@ -11159,14 +11236,15 @@ var PlaceOrderExecutionView = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
             PlaceOrderExecutionGroups,
             {
               enableAnimations,
               groups,
               labels
             }
-          )
+          ),
+          settlementHint ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: settlementHint }) : null
         ] })
       ] })
     }
@@ -11175,7 +11253,7 @@ var PlaceOrderExecutionView = ({
 PlaceOrderExecutionView.displayName = "PlaceOrderExecutionView";
 
 // src/trading/place-order/index.place-order.failure.tsx
-var import_jsx_runtime142 = require("react/jsx-runtime");
+var import_jsx_runtime143 = require("react/jsx-runtime");
 var resolveFailureActionHandler = ({
   action,
   onDone,
@@ -11188,12 +11266,12 @@ var resolveFailureActionHandler = ({
 };
 var renderPartialFailureStep = (step) => {
   const isWarningStep = step.tone === "warning" || step.tone === "error";
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
     "div",
     {
       className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
           Icon,
           {
             name: isWarningStep ? "warning-filled" : "check-circle",
@@ -11202,8 +11280,8 @@ var renderPartialFailureStep = (step) => {
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
-        step.venue ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(VenueLogo, { venue: step.venue, size: "small", className: "h-4 w-4 shrink-0" }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
+        step.venue ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(VenueLogo, { venue: step.venue, size: "small", className: "h-4 w-4 shrink-0" }) : null
       ]
     },
     step.id
@@ -11222,10 +11300,10 @@ var PlaceOrderFailureView = ({
   const shouldShowPartialFailureLayout = summary.kind === "partial_fill";
   const failureStepGroups = shouldShowPartialFailureLayout ? groupPlaceOrderFailureSteps(summary.steps) : [];
   if (shouldShowPartialFailureLayout) {
-    return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
             RemoteImage,
             {
               src: (_a = summary.eventImage) != null ? _a : null,
@@ -11233,19 +11311,19 @@ var PlaceOrderFailureView = ({
               className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
+          /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
         ] }),
-        summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
+        summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "flex flex-col gap-4", children: ((_b = summary.executionGroups) == null ? void 0 : _b.length) ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "flex flex-col gap-4", children: ((_b = summary.executionGroups) == null ? void 0 : _b.length) ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
         PlaceOrderExecutionGroups,
         {
           enableAnimations: false,
           groups: summary.executionGroups,
           labels: tradingLabels
         }
-      ) : failureStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => renderPartialFailureStep(step)) }, `failure-group-${groupIndex}`)) }),
-      summary.errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+      ) : failureStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => renderPartialFailureStep(step)) }, `failure-group-${groupIndex}`)) }),
+      summary.errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
         InlineAlert,
         {
           tone: "error",
@@ -11253,20 +11331,20 @@ var PlaceOrderFailureView = ({
           message: tradingLabels.orderFailureDescription(summary.errorMessage)
         }
       ) : null,
-      summary.result ? /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex min-w-0 flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.orderPartiallyFilled }),
-            /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: tradingLabels.orderAveragePrice(summary.result.averagePriceLabel) })
+      summary.result ? /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "flex min-w-0 flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.orderPartiallyFilled }),
+            /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: tradingLabels.orderAveragePrice(summary.result.averagePriceLabel) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "shrink-0 text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: summary.result.filledAmountLabel })
+          /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("p", { className: "shrink-0 text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: summary.result.filledAmountLabel })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.orderPayout }),
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "shrink-0 text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: summary.result.payoutLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.orderPayout }),
+          /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("p", { className: "shrink-0 text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: summary.result.payoutLabel })
         ] })
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "flex flex-col gap-4", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "flex flex-col gap-4", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
         Button,
         {
           variant: action.variant === "retry" ? "primary" : "secondary",
@@ -11280,10 +11358,10 @@ var PlaceOrderFailureView = ({
       )) })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
           RemoteImage,
           {
             src: (_c = summary.eventImage) != null ? _c : null,
@@ -11291,11 +11369,11 @@ var PlaceOrderFailureView = ({
             className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
       ] }),
-      summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
+      summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
     ] }),
-    ((_d = summary.executionGroups) == null ? void 0 : _d.length) ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    ((_d = summary.executionGroups) == null ? void 0 : _d.length) ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
       PlaceOrderExecutionGroups,
       {
         enableAnimations: false,
@@ -11303,7 +11381,7 @@ var PlaceOrderFailureView = ({
         labels: tradingLabels
       }
     ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
       InlineAlert,
       {
         tone: "error",
@@ -11312,7 +11390,7 @@ var PlaceOrderFailureView = ({
         message: tradingLabels.orderFailureDescription((_e = summary.errorMessage) != null ? _e : "")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "agg-order-failure-actions flex flex-col gap-4", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "agg-order-failure-actions flex flex-col gap-4", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
       Button,
       {
         variant: action.variant === "retry" ? "primary" : "secondary",
@@ -11329,7 +11407,7 @@ var PlaceOrderFailureView = ({
 PlaceOrderFailureView.displayName = "PlaceOrderFailureView";
 
 // src/trading/place-order/index.place-order.success.tsx
-var import_jsx_runtime143 = require("react/jsx-runtime");
+var import_jsx_runtime144 = require("react/jsx-runtime");
 var resolveBuyPayoutLabel = (shares) => {
   if (!shares) return "$0";
   return shares.startsWith("$") ? shares : `$${shares}`;
@@ -11347,7 +11425,7 @@ var PlaceOrderSuccessView = ({
   const resolvedPayoutLabel = (_c = summary.toWinLabel) != null ? _c : resolvedTradeSide === "sell" ? summary.estimatedCost : resolveBuyPayoutLabel(summary.shares);
   const potentialReturnLabel = summary.potentialReturnLabel ? tradingLabels.potentialReturnBetter(summary.potentialReturnLabel) : null;
   const legacyExecutionSteps = ((_d = summary.executionStepGroups) != null ? _d : []).flat();
-  return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
     Card,
     {
       className: cn(
@@ -11356,8 +11434,8 @@ var PlaceOrderSuccessView = ({
         "border-0 ring-1 ring-inset ring-agg-separator",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "agg-order-success-body flex flex-col gap-6 p-5", children: [
-        summary.eventTitle ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-order-success-body flex flex-col gap-6 p-5", children: [
+        summary.eventTitle ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
           PlaceOrderExecutionHeader,
           {
             eventDateLabel: summary.eventDateLabel,
@@ -11365,19 +11443,19 @@ var PlaceOrderSuccessView = ({
             eventTitle: summary.eventTitle
           }
         ) : null,
-        ((_e = summary.executionGroups) == null ? void 0 : _e.length) ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+        ((_e = summary.executionGroups) == null ? void 0 : _e.length) ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
           PlaceOrderExecutionGroups,
           {
             enableAnimations: false,
             groups: summary.executionGroups,
             labels: tradingLabels
           }
-        ) : legacyExecutionSteps.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "flex flex-col gap-3 pl-[22px]", children: legacyExecutionSteps.map((step) => /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
+        ) : legacyExecutionSteps.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: "flex flex-col gap-3 pl-[22px]", children: legacyExecutionSteps.map((step) => /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
           "div",
           {
             className: "flex items-start gap-2 text-agg-xs leading-agg-4 text-agg-foreground",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
                 Icon,
                 {
                   name: step.tone === "warning" || step.tone === "error" ? "warning-filled" : "check-circle",
@@ -11389,28 +11467,28 @@ var PlaceOrderSuccessView = ({
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("p", { className: "min-w-0 flex-1", children: step.label })
+              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "min-w-0 flex-1", children: step.label })
             ]
           },
           step.id
         )) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "agg-order-success-summary flex flex-col gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "flex min-w-0 flex-col", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: summary.resultState === "partial" ? tradingLabels.orderPartiallyFilled : tradingLabels.orderFullyFilled }),
-              /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: tradingLabels.orderAveragePrice(summary.avgPrice) })
+        /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-order-success-summary flex flex-col gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex min-w-0 flex-col", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: summary.resultState === "partial" ? tradingLabels.orderPartiallyFilled : tradingLabels.orderFullyFilled }),
+              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: tradingLabels.orderAveragePrice(summary.avgPrice) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("p", { className: "shrink-0 text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: resolvedAmountLabel })
+            /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "shrink-0 text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: resolvedAmountLabel })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.orderPayout }),
-              potentialReturnLabel ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { className: "inline-flex h-5 items-center rounded-agg-sm border border-agg-primary/50 bg-gradient-to-b from-agg-primary/8 to-agg-primary/15 px-2 text-[10px] font-agg-bold uppercase leading-[14px] text-agg-primary", children: potentialReturnLabel }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.orderPayout }),
+              potentialReturnLabel ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "inline-flex h-5 items-center rounded-agg-sm border border-agg-primary/50 bg-gradient-to-b from-agg-primary/8 to-agg-primary/15 px-2 text-[10px] font-agg-bold uppercase leading-[14px] text-agg-primary", children: potentialReturnLabel }) : null
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("p", { className: "shrink-0 text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: resolvedPayoutLabel })
+            /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "shrink-0 text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: resolvedPayoutLabel })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
           Button,
           {
             variant: "secondary",
@@ -11428,7 +11506,7 @@ var PlaceOrderSuccessView = ({
 PlaceOrderSuccessView.displayName = "PlaceOrderSuccessView";
 
 // src/trading/place-order/index.tsx
-var import_jsx_runtime144 = require("react/jsx-runtime");
+var import_jsx_runtime145 = require("react/jsx-runtime");
 var SELL_SHARE_INPUT_DECIMALS = 6;
 var SELL_SHARE_DISPLAY_DECIMALS = 2;
 var resolvePlaceOrderPortalContainer = (triggerElement) => {
@@ -11546,7 +11624,7 @@ var PlaceOrderSlippageControl = ({
   minimumValue: slippageMinimumValue
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks40.useLabels)();
+  const labels = (0, import_hooks41.useLabels)();
   const containerRef = (0, import_react17.useRef)(null);
   const triggerRef = (0, import_react17.useRef)(null);
   const inputRef = (0, import_react17.useRef)(null);
@@ -11644,8 +11722,8 @@ var PlaceOrderSlippageControl = ({
     if (!isEditing) return;
     handleCommitDraft(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { ref: containerRef, className: "agg-slippage-control w-full", onBlur: handleContainerBlur, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { ref: containerRef, className: "agg-slippage-control w-full", onBlur: handleContainerBlur, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
       "button",
       {
         ref: triggerRef,
@@ -11663,8 +11741,8 @@ var PlaceOrderSlippageControl = ({
         ),
         onClick: handleToggleEditing,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "agg-slippage-label", children: collapsedLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "agg-slippage-label", children: collapsedLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
             Icon,
             {
               name: isEditing ? "chevron-up" : "pencil",
@@ -11676,7 +11754,7 @@ var PlaceOrderSlippageControl = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
       "div",
       {
         "aria-hidden": !isEditing,
@@ -11690,10 +11768,10 @@ var PlaceOrderSlippageControl = ({
             "transition-[grid-template-rows,opacity,margin-top] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]"
           )
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-slippage-editor-body flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-slippage-input-row flex h-9 overflow-hidden rounded-agg-sm border border-agg-separator", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-slippage-input-group flex min-w-0 flex-1 items-center gap-2 bg-agg-secondary px-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-slippage-editor-body flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-slippage-input-row flex h-9 overflow-hidden rounded-agg-sm border border-agg-separator", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-slippage-input-group flex min-w-0 flex-1 items-center gap-2 bg-agg-secondary px-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                 "input",
                 {
                   ref: inputRef,
@@ -11708,7 +11786,7 @@ var PlaceOrderSlippageControl = ({
                   onKeyDown: handleInputKeyDown
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                 "button",
                 {
                   type: "button",
@@ -11726,8 +11804,8 @@ var PlaceOrderSlippageControl = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: "h-full w-px bg-agg-separator", "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "h-full w-px bg-agg-separator", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
               "div",
               {
                 className: "agg-slippage-suffix flex w-9 items-center justify-center bg-agg-secondary-hover text-agg-sm leading-agg-5 text-agg-muted-foreground",
@@ -11736,7 +11814,7 @@ var PlaceOrderSlippageControl = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
             "div",
             {
               "aria-hidden": !resolvedWarningMessage,
@@ -11750,13 +11828,13 @@ var PlaceOrderSlippageControl = ({
                   "transition-[grid-template-rows,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
                 )
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
                 "div",
                 {
                   id: warningId,
                   className: "agg-slippage-warning-message flex items-start gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                       Icon,
                       {
                         name: "warning-filled",
@@ -11765,7 +11843,7 @@ var PlaceOrderSlippageControl = ({
                         color: "currentColor"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { children: resolvedWarningMessage != null ? resolvedWarningMessage : "" })
+                    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { children: resolvedWarningMessage != null ? resolvedWarningMessage : "" })
                   ]
                 }
               ) })
@@ -11785,9 +11863,9 @@ var renderCardHeader = ({
   onClose
 }) => {
   if (!headerTitle) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: cn("agg-order-panel-header flex flex-col gap-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-order-market-summary flex items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: cn("agg-order-panel-header flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-order-market-summary flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
         RemoteImage,
         {
           src: headerImage,
@@ -11795,19 +11873,19 @@ var renderCardHeader = ({
           className: "agg-order-market-image h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "agg-order-market-title min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: headerTitle }),
-      onClose ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "agg-order-market-title min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: headerTitle }),
+      onClose ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
         "button",
         {
           type: "button",
           className: "agg-order-close -mr-1 -mt-1 hidden shrink-0 cursor-pointer items-center justify-center p-1 text-agg-muted-foreground hover:text-agg-foreground sm:flex",
           "aria-label": "Close",
           onClick: onClose,
-          children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(CloseIcon, { className: "h-5 w-5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(CloseIcon, { className: "h-5 w-5" })
         }
       ) : null
     ] }),
-    headerSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "agg-order-market-subtitle text-agg-base leading-agg-6 text-agg-foreground", children: headerSubtitle }) : null
+    headerSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "agg-order-market-subtitle text-agg-base leading-agg-6 text-agg-foreground", children: headerSubtitle }) : null
   ] });
 };
 var PlaceOrderResolvedView = ({
@@ -11820,7 +11898,7 @@ var PlaceOrderResolvedView = ({
   showResolvingState = false
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks40.useLabels)();
+  const labels = (0, import_hooks41.useLabels)();
   const tradingLabels = labels.trading;
   const resolvingTimestamp = (_a = resolutionTimestamp != null ? resolutionTimestamp : tradingState.resolvesAt) != null ? _a : tradingState.endsAt;
   const isResolvingMarket = showResolvingState && !tradingState.winningOutcome;
@@ -11829,7 +11907,7 @@ var PlaceOrderResolvedView = ({
     return endDateLabel ? `${tradingState.market.question} \xB7 ${endDateLabel}` : tradingState.market.question;
   })() : "";
   if (isResolvingMarket) {
-    return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
       Card,
       {
         className: cn(
@@ -11840,7 +11918,7 @@ var PlaceOrderResolvedView = ({
         ),
         role: "status",
         "aria-label": labels.marketDetails.resolvingTitle,
-        children: /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
           "div",
           {
             className: cn(
@@ -11848,12 +11926,12 @@ var PlaceOrderResolvedView = ({
               classNames == null ? void 0 : classNames.body
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-primary/10", children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(LoadingIcon, { variant: "prominent" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: cn("flex w-full flex-col items-center gap-1", classNames == null ? void 0 : classNames.content), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Typography, { variant: "body-large-strong", children: labels.marketDetails.resolvingTitle }),
-                resolvingSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Typography, { variant: "body", className: "text-center", children: resolvingSubtitle }) : null
+              /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-primary/10", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(LoadingIcon, { variant: "prominent" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: cn("flex w-full flex-col items-center gap-1", classNames == null ? void 0 : classNames.content), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Typography, { variant: "body-large-strong", children: labels.marketDetails.resolvingTitle }),
+                resolvingSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Typography, { variant: "body", className: "text-center", children: resolvingSubtitle }) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                 Typography,
                 {
                   variant: "label",
@@ -11867,7 +11945,7 @@ var PlaceOrderResolvedView = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
     Card,
     {
       className: cn(
@@ -11876,19 +11954,19 @@ var PlaceOrderResolvedView = ({
         classNames == null ? void 0 : classNames.root,
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: cn("agg-order-panel-body flex flex-col", classNames == null ? void 0 : classNames.body), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex flex-col items-center gap-6 p-8", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: cn("agg-order-panel-body flex flex-col", classNames == null ? void 0 : classNames.body), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex flex-col items-center gap-6 p-8", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
             "div",
             {
               className: cn(
                 "flex h-15 w-15 items-center justify-center rounded-full",
                 "bg-agg-primary/15"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Icon, { name: "success-check", className: cn("h-6 w-6", "text-agg-primary") })
+              children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon, { name: "success-check", className: cn("h-6 w-6", "text-agg-primary") })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
             "div",
             {
               className: cn(
@@ -11896,8 +11974,8 @@ var PlaceOrderResolvedView = ({
                 classNames == null ? void 0 : classNames.content
               ),
               children: [
-                tradingState.market ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Typography, { variant: "body", className: "text-center", children: tradingState.market.question }) : null,
-                tradingState.winningOutcome ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Typography, { variant: "body-large-strong", children: tradingLabels.outcome(
+                tradingState.market ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Typography, { variant: "body", className: "text-center", children: tradingState.market.question }) : null,
+                tradingState.winningOutcome ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Typography, { variant: "body-large-strong", children: tradingLabels.outcome(
                   shouldUseRawResolvedPlaceOrderOutcomeLabel(
                     tradingState.market,
                     tradingState.winningOutcome
@@ -11911,25 +11989,25 @@ var PlaceOrderResolvedView = ({
             }
           )
         ] }),
-        resolvedClaim ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(import_jsx_runtime144.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex w-full flex-col gap-5 p-6", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Typography, { variant: "body-strong", className: "text-center", children: tradingLabels.resolvedEarningsTitle }),
-            /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex flex-col gap-3 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-              resolvedClaim.resolutionDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { children: tradingLabels.resolvedResolutionDateLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.resolutionDateLabel })
+        resolvedClaim ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(import_jsx_runtime145.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex w-full flex-col gap-5 p-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Typography, { variant: "body-strong", className: "text-center", children: tradingLabels.resolvedEarningsTitle }),
+            /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex flex-col gap-3 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              resolvedClaim.resolutionDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { children: tradingLabels.resolvedResolutionDateLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.resolutionDateLabel })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { children: tradingLabels.resolvedSharesLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.sharesLabel })
+              /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { children: tradingLabels.resolvedSharesLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.sharesLabel })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { children: tradingLabels.resolvedTotalPayoutLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.totalPayoutLabel })
+              /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { children: tradingLabels.resolvedTotalPayoutLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.totalPayoutLabel })
               ] })
             ] }),
-            resolvedClaim.onClaim ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+            resolvedClaim.onClaim ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
               Button,
               {
                 size: "large",
@@ -11951,21 +12029,21 @@ var renderRouteBreakdownRow = (row, sharedKycStatus, tradingLabels) => {
   const venueLabel = getTradingVenueLabel(row.venue);
   const rowKey = `${row.venue}-${row.label}-${row.priceLabel}-${(_a = row.resultLabel) != null ? _a : ""}`;
   const showSharedKycRequirement = row.requiresSharedKyc === true && sharedKycStatus !== void 0 && sharedKycStatus !== "verified";
-  return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
     "div",
     {
       className: "agg-route-breakdown-row flex items-center justify-between gap-4 text-left",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-route-breakdown-market flex min-w-0 items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(VenueLogo, { venue: row.venue, className: "size-3!", ariaLabel: venueLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex min-w-0 flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "agg-route-breakdown-label truncate text-agg-sm leading-agg-5 text-agg-foreground", children: row.label }),
-            showSharedKycRequirement ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.sharedKyc.required }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-route-breakdown-market flex min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(VenueLogo, { venue: row.venue, className: "size-3!", ariaLabel: venueLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex min-w-0 flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "agg-route-breakdown-label truncate text-agg-sm leading-agg-5 text-agg-foreground", children: row.label }),
+            showSharedKycRequirement ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.sharedKyc.required }) : null
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-route-breakdown-value flex shrink-0 items-center gap-2 text-agg-sm leading-agg-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "text-agg-muted-foreground", children: row.priceLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "text-agg-foreground", children: (_b = row.resultLabel) != null ? _b : "" })
+        /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-route-breakdown-value flex shrink-0 items-center gap-2 text-agg-sm leading-agg-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "text-agg-muted-foreground", children: row.priceLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "text-agg-foreground", children: (_b = row.resultLabel) != null ? _b : "" })
         ] })
       ]
     },
@@ -11996,7 +12074,7 @@ var renderRouteCard = ({
   const showSplitDetails = isSelected && isExpanded && card.kind === "split" && !!((_a = card.rows) == null ? void 0 : _a.length);
   const displayedHint = showSharedKycRequirement ? tradingLabels.sharedKyc.required : card.hint;
   const ariaLabel = [card.label, displayedHint, card.value].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
     "button",
     {
       type: "button",
@@ -12015,10 +12093,10 @@ var renderRouteCard = ({
         isSelected && !card.isUnavailable ? "border border-agg-trade-highlight-border bg-linear-to-b from-agg-trade-highlight-surface-from to-agg-trade-highlight-surface-to" : "border-transparent bg-agg-secondary-hover"
       ),
       onClick: () => onSelect(card.id),
-      children: /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
-            card.kind === "split" ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
+            card.kind === "split" ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
               Icon,
               {
                 name: "sparkles-filled",
@@ -12029,7 +12107,7 @@ var renderRouteCard = ({
                 ),
                 "aria-hidden": "true"
               }
-            ) : card.venue ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+            ) : card.venue ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
               VenueLogo,
               {
                 venue: card.venue,
@@ -12037,10 +12115,10 @@ var renderRouteCard = ({
                 ariaLabel: getTradingVenueLabel(card.venue)
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "agg-route-card-title truncate text-agg-sm leading-agg-5 text-agg-foreground", children: card.label }),
-                card.isUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "agg-route-card-title truncate text-agg-sm leading-agg-5 text-agg-foreground", children: card.label }),
+                card.isUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                   Icon,
                   {
                     name: "lock",
@@ -12048,7 +12126,7 @@ var renderRouteCard = ({
                     className: "shrink-0 text-agg-muted-foreground",
                     "aria-hidden": "true"
                   }
-                ) : showSharedKycRequirement || card.insufficientInventory ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                ) : showSharedKycRequirement || card.insufficientInventory ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                   Icon,
                   {
                     name: "warning",
@@ -12056,7 +12134,7 @@ var renderRouteCard = ({
                     className: "shrink-0 text-agg-muted-foreground",
                     "aria-hidden": "true"
                   }
-                ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                   Icon,
                   {
                     name: showSplitDetails ? "chevron-up" : "chevron-down",
@@ -12066,10 +12144,10 @@ var renderRouteCard = ({
                   }
                 ) : null
               ] }),
-              card.hint ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: displayedHint }) : null
+              card.hint ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: displayedHint }) : null
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
             "p",
             {
               className: cn(
@@ -12081,9 +12159,9 @@ var renderRouteCard = ({
             }
           )
         ] }),
-        showSplitDetails ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(import_jsx_runtime144.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime144.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_runtime144.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_c = card.rows) == null ? void 0 : _c.map(
+        showSplitDetails ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(import_jsx_runtime145.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime145.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_runtime145.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_c = card.rows) == null ? void 0 : _c.map(
             (row) => renderRouteBreakdownRow(row, sharedKycStatus, tradingLabels)
           ) })
         ] }) : null
@@ -12122,17 +12200,17 @@ var PlaceOrder = ({
     features: { enableAnimations, showFeesBreakdown, showLimitOrders: limitOrdersFeature },
     formatting: { formatPrice },
     general: { locale }
-  } = (0, import_hooks40.useSdkUiConfig)();
-  const labels = (0, import_hooks40.useLabels)();
+  } = (0, import_hooks41.useSdkUiConfig)();
+  const labels = (0, import_hooks41.useLabels)();
   const tradingLabels = labels.trading;
   const toastCtx = useOptionalToast();
-  const { isTradingBlocked } = (0, import_hooks40.useGeoBlock)();
-  const tradingContext = (0, import_hooks40.useEventTradingContext)();
+  const { isTradingBlocked } = (0, import_hooks41.useGeoBlock)();
+  const tradingContext = (0, import_hooks41.useEventTradingContext)();
   const selectedEvent = (_a = tradingContext == null ? void 0 : tradingContext.selectedEvent) != null ? _a : null;
   const selectedMarket = (_b = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _b : null;
   const selectedOutcomeId = (_c = tradingContext == null ? void 0 : tradingContext.selectedOutcomeId) != null ? _c : null;
   const resolvedEventTradingState = (0, import_react17.useMemo)(() => {
-    return eventTradingState != null ? eventTradingState : (0, import_hooks40.resolveEventTradingState)(selectedEvent);
+    return eventTradingState != null ? eventTradingState : (0, import_hooks41.resolveEventTradingState)(selectedEvent);
   }, [eventTradingState, selectedEvent]);
   const scopedSelectedEvent = (0, import_react17.useMemo)(() => {
     var _a2;
@@ -12160,7 +12238,7 @@ var PlaceOrder = ({
   )) != null ? _f : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes[0]) != null ? _g : null;
   const scopedSelectedOutcomeId = (_h = scopedSelectedOutcome == null ? void 0 : scopedSelectedOutcome.id) != null ? _h : null;
   const resolvedTradingState = (0, import_react17.useMemo)(() => {
-    return (0, import_hooks40.resolveMarketTradingState)(scopedSelectedMarket);
+    return (0, import_hooks41.resolveMarketTradingState)(scopedSelectedMarket);
   }, [scopedSelectedMarket]);
   const resolvedReadOnlyMarket = (0, import_react17.useMemo)(() => {
     var _a2;
@@ -12174,11 +12252,11 @@ var PlaceOrder = ({
     scopedSelectedMarket
   ]);
   const resolvedReadOnlyTradingState = (0, import_react17.useMemo)(() => {
-    return (0, import_hooks40.resolveMarketTradingState)(resolvedReadOnlyMarket);
+    return (0, import_hooks41.resolveMarketTradingState)(resolvedReadOnlyMarket);
   }, [resolvedReadOnlyMarket]);
   const isEndedWithoutKnownWinner = showResolvingState && !resolvedEventTradingState.winningOutcome && !resolvedReadOnlyTradingState.winningOutcome;
   const orderEligibility = (0, import_react17.useMemo)(
-    () => (0, import_hooks40.resolveOrderEligibility)({
+    () => (0, import_hooks41.resolveOrderEligibility)({
       event: scopedSelectedEvent,
       market: scopedSelectedMarket,
       outcome: scopedSelectedOutcome,
@@ -12187,16 +12265,16 @@ var PlaceOrder = ({
     [scopedSelectedEvent, scopedSelectedMarket, scopedSelectedOutcome, resolvedEventTradingState]
   );
   const isResolvedOutcomeCtaLocked = resolvedEventTradingState.kind === "resolved" || resolvedTradingState.kind === "resolved";
-  const { isAuthenticated, user } = (0, import_hooks40.useAggAuthContext)();
+  const { isAuthenticated, user } = (0, import_hooks41.useAggAuthContext)();
   const sharedKycFlow = useSharedKycFlow({
     integration: sharedKyc,
     userId: isAuthenticated ? user == null ? void 0 : user.id : null,
     fallbackErrorMessage: tradingLabels.sharedKyc.modal.error
   });
-  const { executionMode: resolvedExecutionMode, isPaperMode } = (0, import_hooks40.useResolvedExecutionMode)(executionMode);
+  const { executionMode: resolvedExecutionMode, isPaperMode } = (0, import_hooks41.useResolvedExecutionMode)(executionMode);
   const showLimitOrders = limitOrdersFeature && !isPaperMode;
-  const liveBalanceState = (0, import_hooks40.useAggBalanceState)();
-  const paperBalancesQuery = (0, import_hooks40.useManagedBalances)({
+  const liveBalanceState = (0, import_hooks41.useAggBalanceState)();
+  const paperBalancesQuery = (0, import_hooks41.useManagedBalances)({
     enabled: Boolean(isAuthenticated && isPaperMode),
     mode: "paper"
   });
@@ -12216,22 +12294,22 @@ var PlaceOrder = ({
   const liveAvailableBalance = (_i = liveBalanceState.availableBalance) != null ? _i : liveBalanceState.totalBalance;
   const totalBalance = isPaperMode ? paperTotalBalance : liveAvailableBalance;
   const isBalanceLoading = isPaperMode ? paperBalancesQuery.isLoading : liveBalanceState.isLoading;
-  const executeManaged = (0, import_hooks40.useExecuteManaged)();
-  const placeLimitOrder = (0, import_hooks40.usePlaceLimitOrder)();
-  const aggClient = (0, import_hooks40.useAggClient)();
-  const queryClient = (0, import_hooks40.useQueryClient)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks40.useAppConfig)();
-  const { data: kalshiKeyStatus, refetch: refetchKalshiKeyStatus } = (0, import_hooks40.useVenueKeyStatus)(
+  const executeManaged = (0, import_hooks41.useExecuteManaged)();
+  const placeLimitOrder = (0, import_hooks41.usePlaceLimitOrder)();
+  const aggClient = (0, import_hooks41.useAggClient)();
+  const queryClient = (0, import_hooks41.useQueryClient)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks41.useAppConfig)();
+  const { data: kalshiKeyStatus, refetch: refetchKalshiKeyStatus } = (0, import_hooks41.useVenueKeyStatus)(
     import_sdk19.Venue.kalshi,
     isAuthenticated
   );
   const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react17.useState)(false);
   const [isFundKalshiModalOpen, setIsFundKalshiModalOpen] = (0, import_react17.useState)(false);
-  const livePrices = (0, import_hooks40.useLiveOutcomePrices)(
+  const livePrices = (0, import_hooks41.useLiveOutcomePrices)(
     scopedSelectedMarket ? [scopedSelectedMarket] : void 0
   );
-  const wsBestPrices = (0, import_hooks40.useLiveBestPrices)(scopedSelectedMarket ? [scopedSelectedMarket] : void 0);
-  const fetchedClusterMidpointResult = (0, import_hooks40.useMidpoints)(
+  const wsBestPrices = (0, import_hooks41.useLiveBestPrices)(scopedSelectedMarket ? [scopedSelectedMarket] : void 0);
+  const fetchedClusterMidpointResult = (0, import_hooks41.useMidpoints)(
     midpointsResult ? [] : scopedSelectedMarket ? [scopedSelectedMarket] : []
   );
   const clusterMidpointResult = midpointsResult != null ? midpointsResult : fetchedClusterMidpointResult;
@@ -12239,7 +12317,7 @@ var PlaceOrder = ({
   const clusterBestMidpoint = clusterMidpointResult.bestMidpoint;
   const clusterBestPricesRest = clusterMidpointResult.bestPrices;
   const clusterBestPrices = (0, import_react17.useMemo)(
-    () => (0, import_hooks40.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
+    () => (0, import_hooks41.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
     [clusterBestPricesRest, wsBestPrices]
   );
   const [internalTab, setInternalTab] = (0, import_react17.useState)("buy");
@@ -12333,7 +12411,7 @@ var PlaceOrder = ({
     scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id,
     scopedSelectedOutcomeId
   ]);
-  const debouncedAmount = (0, import_hooks40.useDebouncedValue)(internalAmount, 300);
+  const debouncedAmount = (0, import_hooks41.useDebouncedValue)(internalAmount, 300);
   const isQuoteInputEditing = internalAmount !== debouncedAmount;
   const isLimitOrder = showLimitOrders && executionType === "limit";
   const isSell = (0, import_react17.useMemo)(() => internalTab === "sell", [internalTab]);
@@ -12351,7 +12429,7 @@ var PlaceOrder = ({
   );
   const visibleLimitVenueOptions = (0, import_react17.useMemo)(() => {
     return limitVenueOptions.filter((option) => {
-      return (0, import_hooks40.getVenueAvailabilityState)({
+      return (0, import_hooks41.getVenueAvailabilityState)({
         venueId: option.venue,
         disabledVenues,
         isConfigLoading: isAppConfigLoading
@@ -12363,7 +12441,7 @@ var PlaceOrder = ({
     dataUpdatedAt: executionPositionsUpdatedAt,
     isLoading: isExecutionPositionsLoading,
     isFetching: isExecutionPositionsFetching
-  } = (0, import_hooks40.useExecutionPositions)({
+  } = (0, import_hooks41.useExecutionPositions)({
     enabled: Boolean(isAuthenticated && isSell),
     mode: isPaperMode ? "paper" : void 0
   });
@@ -12397,7 +12475,7 @@ var PlaceOrder = ({
   );
   const hasValidLimitVenueQuoteAmount = debouncedAmount > 0;
   const isLimitVenueQuoteEnabled = isLimitOrder && isQuotePanelActive && !isEndedWithoutKnownWinner && !submissionProgressState && !isBeforeActionPending && !placeLimitOrder.isPending && hasValidLimitVenueQuoteAmount && orderEligibility.canPlaceOrder && (!isSell || sellFilledForOutcomeId === scopedSelectedOutcomeId && !isQuoteInputEditing);
-  const limitVenueQuotes = (0, import_hooks40.useLimitOrderVenueQuotes)({
+  const limitVenueQuotes = (0, import_hooks41.useLimitOrderVenueQuotes)({
     requests: limitVenueQuoteRequests,
     tradeSide: internalTab,
     amount: debouncedAmount,
@@ -12431,7 +12509,7 @@ var PlaceOrder = ({
       // server's reservation check — and the automatic pick, which sorts on
       // price alone, would happily choose one. Only narrow once we know
       // where the shares are; an empty map means positions haven't resolved.
-      (!isSell || sellableSharesByVenue.size === 0 || ((_a2 = sellableSharesByVenue.get(option.venue)) != null ? _a2 : 0) > 0) && (0, import_hooks40.getVenueAvailabilityState)({
+      (!isSell || sellableSharesByVenue.size === 0 || ((_a2 = sellableSharesByVenue.get(option.venue)) != null ? _a2 : 0) > 0) && (0, import_hooks41.getVenueAvailabilityState)({
         venueId: option.venue,
         disabledVenues,
         isConfigLoading: isAppConfigLoading
@@ -12462,7 +12540,7 @@ var PlaceOrder = ({
     if (!selectedLimitVenue || !geoBlockedLimitVenues.has(selectedLimitVenue)) return;
     setSelectedLimitVenue(null);
   }, [geoBlockedLimitVenues, selectedLimitVenue]);
-  const smartRoute = (0, import_hooks40.useSmartRoute)(__spreadProps(__spreadValues({
+  const smartRoute = (0, import_hooks41.useSmartRoute)(__spreadProps(__spreadValues({
     venueMarketOutcomeId: scopedSelectedOutcomeId,
     maxSpend: isSell ? void 0 : debouncedAmount,
     sellShares: isSell ? debouncedAmount : void 0,
@@ -12535,7 +12613,7 @@ var PlaceOrder = ({
     },
     [debouncedAmount, isSell, scopedSelectedOutcomeId, smartRoute.data, smartRoute.isLoading]
   );
-  const venueSellQuotes = (0, import_hooks40.useVenueSellQuotes)({
+  const venueSellQuotes = (0, import_hooks41.useVenueSellQuotes)({
     venueMarketOutcomeId: scopedSelectedOutcomeId,
     accountId: (_n = user == null ? void 0 : user.id) != null ? _n : null,
     positionVersion: executionPositionsUpdatedAt,
@@ -12760,7 +12838,7 @@ var PlaceOrder = ({
   );
   const isKalshiAccountActive = (_F = kalshiKeyStatus == null ? void 0 : kalshiKeyStatus.connected) != null ? _F : (legacyKalshiAccount == null ? void 0 : legacyKalshiAccount.status) === "active";
   const hasKalshiConnectionState = kalshiKeyStatus !== void 0 || (user == null ? void 0 : user.venueAccounts) != null;
-  const isKalshiAvailable = (0, import_hooks40.getVenueAvailabilityState)({
+  const isKalshiAvailable = (0, import_hooks41.getVenueAvailabilityState)({
     venueId: "kalshi",
     disabledVenues,
     isConfigLoading: isAppConfigLoading
@@ -12815,7 +12893,7 @@ var PlaceOrder = ({
       scopedSelectedOutcomeId
     ]
   );
-  const executionProgress = (0, import_hooks40.useExecutionProgress)({
+  const executionProgress = (0, import_hooks41.useExecutionProgress)({
     orderIds: (_G = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) != null ? _G : null,
     quoteId: (_H = submissionProgressState == null ? void 0 : submissionProgressState.quoteId) != null ? _H : null,
     mode: isPaperMode ? "paper" : void 0,
@@ -13107,13 +13185,13 @@ var PlaceOrder = ({
       setSubmissionProgressState((prev) => {
         if (!prev || prev.phase === "success" || prev.phase === "failed") return prev;
         return __spreadProps(__spreadValues({}, prev), {
-          phase: "failed",
-          errorMessage: "Couldn't confirm the order in time. Your trade may still complete in the background \u2014 check your activity feed."
+          phase: "executing",
+          errorMessage: tradingLabels.orderStillSettling
         });
       });
     }, timeoutMs);
     return () => clearTimeout(id);
-  }, [submissionProgressState == null ? void 0 : submissionProgressState.phase, estDurationMs]);
+  }, [submissionProgressState == null ? void 0 : submissionProgressState.phase, estDurationMs, tradingLabels.orderStillSettling]);
   const emitTerminalOrderNotifications = (0, import_react17.useCallback)(() => {
     const toast = toastCtx == null ? void 0 : toastCtx.toast;
     if (!toast) return;
@@ -13163,8 +13241,8 @@ var PlaceOrder = ({
     }
     if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
       emitTerminalOrderNotifications();
-      (0, import_hooks40.invalidateBalanceQueries)(queryClient);
-      (0, import_hooks40.invalidatePositionQueries)(queryClient);
+      (0, import_hooks41.invalidateBalanceQueries)(queryClient);
+      (0, import_hooks41.invalidatePositionQueries)(queryClient);
       if (debugStore && debugAttemptId) {
         debugStore.updateAttempt(debugAttemptId, {
           status: "succeeded",
@@ -13224,11 +13302,13 @@ var PlaceOrder = ({
       amount: internalAmount,
       labels: tradingLabels,
       quoteData: activeQuoteData,
-      selectedMarket: scopedSelectedMarket
+      selectedMarket: scopedSelectedMarket,
+      tradeSide: isSell ? "sell" : "buy"
     });
   }, [
     activeQuoteData,
     internalAmount,
+    isSell,
     orderEligibility.canPlaceOrder,
     scopedSelectedMarket,
     tradingLabels
@@ -13466,7 +13546,7 @@ var PlaceOrder = ({
         limitPriceRaw: effectiveLimitPriceRaw,
         side: internalTab
       });
-      const availabilityState = (0, import_hooks40.getVenueAvailabilityState)({
+      const availabilityState = (0, import_hooks41.getVenueAvailabilityState)({
         venueId: option.venue,
         disabledVenues,
         isConfigLoading: isAppConfigLoading
@@ -13536,6 +13616,7 @@ var PlaceOrder = ({
     return formatUsd(totalFees, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
   }, [activeFeeBreakdown]);
   const feeBreakdownRows = (0, import_react17.useMemo)(() => {
+    var _a2, _b2;
     if (!activeFeeBreakdown) return [];
     return [
       {
@@ -13546,6 +13627,18 @@ var PlaceOrder = ({
           maximumFractionDigits: 2
         })
       },
+      // Only Hyperliquid charges a builder slice today; every other route
+      // would show a bare "$0.00" line.
+      ...((_a2 = activeFeeBreakdown.builderFee) != null ? _a2 : 0) > 0 ? [
+        {
+          kind: "amount",
+          label: tradingLabels.feeBreakdownBuilderFee,
+          value: formatUsd((_b2 = activeFeeBreakdown.builderFee) != null ? _b2 : 0, {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2
+          })
+        }
+      ] : [],
       {
         kind: "amount",
         label: tradingLabels.feeBreakdownExecutionGas,
@@ -14004,7 +14097,7 @@ var PlaceOrder = ({
   ]);
   const resolvedStatusClassName = cn(classNames == null ? void 0 : classNames.root, className);
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
       Skeleton,
       {
         ariaLabel: labels.common.loading,
@@ -14015,7 +14108,7 @@ var PlaceOrder = ({
   }
   if (submissionProgressState) {
     if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
-      return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
         PlaceOrderSuccessView,
         {
           className: resolvedStatusClassName,
@@ -14027,7 +14120,7 @@ var PlaceOrder = ({
       );
     }
     if (submissionProgressState.phase === "failed") {
-      return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
         PlaceOrderFailureView,
         {
           className: resolvedStatusClassName,
@@ -14040,7 +14133,7 @@ var PlaceOrder = ({
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
       PlaceOrderExecutionView,
       {
         className,
@@ -14051,7 +14144,8 @@ var PlaceOrder = ({
         eventTitle: headerTitle,
         groups: executionOrderGroups,
         labels: tradingLabels,
-        progress: executionProgressPercent
+        progress: executionProgressPercent,
+        settlementHint: submissionProgressState.phase === "executing" ? submissionProgressState.errorMessage : void 0
       }
     );
   }
@@ -14258,7 +14352,7 @@ var PlaceOrder = ({
     }
   });
   if (isEndedWithoutKnownWinner || !orderEligibility.canPlaceOrder && resolvedReadOnlyTradingState.kind !== "open") {
-    return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
       PlaceOrderResolvedView,
       {
         tradingState: resolvedReadOnlyTradingState,
@@ -14271,8 +14365,8 @@ var PlaceOrder = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(import_react17.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(import_react17.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
       Card,
       {
         className: cn(
@@ -14289,20 +14383,20 @@ var PlaceOrder = ({
             headerTitle,
             onClose
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
               "div",
               {
                 className: "agg-order-tabs flex items-end border-b border-agg-separator",
                 role: "tablist",
                 "aria-label": labels.common.tabsAria,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: "flex min-w-0 flex-1 items-end", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "flex min-w-0 flex-1 items-end", children: [
                     { value: "buy", label: tradingLabels.buy, ref: buyTabRef },
                     { value: "sell", label: tradingLabels.sell, ref: sellTabRef }
                   ].map((tabItem) => {
                     const isActive = internalTab === tabItem.value;
-                    return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
                       "button",
                       {
                         ref: tabItem.ref,
@@ -14326,7 +14420,7 @@ var PlaceOrder = ({
                         onKeyDown: (event) => handleTabKeyDown(event, tabItem.value),
                         children: [
                           tabItem.label,
-                          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                             "span",
                             {
                               "aria-hidden": "true",
@@ -14346,7 +14440,7 @@ var PlaceOrder = ({
                       tabItem.value
                     );
                   }) }),
-                  showLimitOrders ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                  showLimitOrders ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                     Select,
                     {
                       ariaLabel: tradingLabels.orderTypeAria,
@@ -14367,8 +14461,8 @@ var PlaceOrder = ({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-order-entry-section flex flex-col gap-4", children: [
-              outcomes.length >= 2 ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: "agg-outcomes flex w-full max-w-full gap-2", children: outcomes.map((outcome, index) => {
+            /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-order-entry-section flex flex-col gap-4", children: [
+              outcomes.length >= 2 ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "agg-outcomes flex w-full max-w-full gap-2", children: outcomes.map((outcome, index) => {
                 var _a2, _b2, _c2;
                 const price = getDisplayOutcomePrice({
                   outcomeId: outcome.id,
@@ -14382,7 +14476,7 @@ var PlaceOrder = ({
                 const isActive = outcome.id === scopedSelectedOutcomeId;
                 const isPositive = resolveIsPositiveOutcome(outcome, index);
                 const isPriceLoading = clusterMidpointResult.isLoading && price == null;
-                return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
                   "button",
                   {
                     "data-id": outcome.id,
@@ -14402,7 +14496,7 @@ var PlaceOrder = ({
                     disabled: !orderEligibility.canPlaceOrder || isResolvedOutcomeCtaLocked,
                     onClick: () => handleOutcomeChange(outcome.id),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                         Typography,
                         {
                           as: "span",
@@ -14411,7 +14505,7 @@ var PlaceOrder = ({
                           children: (_c2 = outcome.title) != null ? _c2 : outcome.label
                         }
                       ),
-                      isPriceLoading ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                      isPriceLoading ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                         "span",
                         {
                           "aria-hidden": "true",
@@ -14420,18 +14514,18 @@ var PlaceOrder = ({
                             "h-4 w-10 shrink-0 rounded-agg-sm bg-agg-separator animate-pulse"
                           )
                         }
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price, formatPrice) })
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price, formatPrice) })
                     ]
                   },
                   outcome.id
                 );
               }) }) : null,
-              isLimitOrder ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-limit-price-section flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.limitPrice }),
-                /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex min-w-0 flex-col items-end gap-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("label", { className: "relative flex items-center", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+              isLimitOrder ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-limit-price-section flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.limitPrice }),
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex min-w-0 flex-col items-end gap-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("label", { className: "relative flex items-center", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                         "input",
                         {
                           type: "text",
@@ -14448,40 +14542,40 @@ var PlaceOrder = ({
                           )
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "pointer-events-none absolute right-1 text-agg-3xl font-agg-bold leading-agg-9 text-agg-foreground", children: "\xA2" })
+                      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "pointer-events-none absolute right-1 text-agg-3xl font-agg-bold leading-agg-9 text-agg-foreground", children: "\xA2" })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                       "button",
                       {
                         type: "button",
                         className: "flex size-8 cursor-pointer items-center justify-center rounded-agg-lg bg-agg-secondary-hover text-agg-foreground hover:bg-agg-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
                         "aria-label": tradingLabels.limitPriceDecreaseAria,
                         onClick: () => handleLimitPriceStep("decrease"),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Icon, { name: "minus", size: "small", className: "h-4 w-4", "aria-hidden": true })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon, { name: "minus", size: "small", className: "h-4 w-4", "aria-hidden": true })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                       "button",
                       {
                         type: "button",
                         className: "flex size-8 cursor-pointer items-center justify-center rounded-agg-lg bg-agg-secondary-hover text-agg-foreground hover:bg-agg-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
                         "aria-label": tradingLabels.limitPriceIncreaseAria,
                         onClick: () => handleLimitPriceStep("increase"),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Icon, { name: "plus", size: "small", className: "h-4 w-4", "aria-hidden": true })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon, { name: "plus", size: "small", className: "h-4 w-4", "aria-hidden": true })
                       }
                     )
                   ] }),
-                  limitPriceInputError ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "max-w-[220px] text-right text-agg-xs leading-agg-4 text-agg-error", children: limitPriceInputError }) : null
+                  limitPriceInputError ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "max-w-[220px] text-right text-agg-xs leading-agg-4 text-agg-error", children: limitPriceInputError }) : null
                 ] })
               ] }) : null,
-              isLimitOrder && limitPriceAdjustmentMessage ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+              isLimitOrder && limitPriceAdjustmentMessage ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
                 "div",
                 {
                   className: "agg-limit-price-adjustment flex w-full items-center gap-2 rounded-agg-lg bg-agg-warning/10 px-3 py-2",
                   role: "status",
                   "aria-live": "polite",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                       Icon,
                       {
                         name: "warning-filled",
@@ -14490,16 +14584,16 @@ var PlaceOrder = ({
                         "aria-hidden": "true"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "min-w-0 flex-1 wrap-break-word text-agg-sm leading-agg-5 text-agg-foreground", children: limitPriceAdjustmentMessage })
+                    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "min-w-0 flex-1 wrap-break-word text-agg-sm leading-agg-5 text-agg-foreground", children: limitPriceAdjustmentMessage })
                   ]
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-order-amount-meta flex flex-col", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "agg-order-amount-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground whitespace-nowrap", children: tradingLabels.amount(internalTab) }),
-                  isAuthenticated ? isSell ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: "agg-balance-value flex items-baseline gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isCurrentSellableSharesLoading ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(LoadingIcon, { size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(import_jsx_runtime144.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "whitespace-pre", children: displayedCurrentSellableSharesLabel }),
-                    displayedCurrentSellableShares > 0 ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-order-amount-meta flex flex-col", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "agg-order-amount-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground whitespace-nowrap", children: tradingLabels.amount(internalTab) }),
+                  isAuthenticated ? isSell ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "agg-balance-value flex items-baseline gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isCurrentSellableSharesLoading ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(LoadingIcon, { size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(import_jsx_runtime145.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "whitespace-pre", children: displayedCurrentSellableSharesLabel }),
+                    displayedCurrentSellableShares > 0 ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                       "button",
                       {
                         type: "button",
@@ -14515,9 +14609,9 @@ var PlaceOrder = ({
                         children: tradingLabels.maxShares
                       }
                     ) : null
-                  ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "agg-balance-value flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(displayedBalance)) }) : null
+                  ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "agg-balance-value flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(displayedBalance)) }) : null
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                   CurrencyInput,
                   {
                     value: internalAmount,
@@ -14539,9 +14633,9 @@ var PlaceOrder = ({
                   }
                 )
               ] }),
-              showFeesBreakdown && hasEnteredAmount && !isBelowMinimum && estimatedFeesValue ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-order-fees-section flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+              showFeesBreakdown && hasEnteredAmount && !isBelowMinimum && estimatedFeesValue ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-order-fees-section flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                     Typography,
                     {
                       variant: "text-sm",
@@ -14549,7 +14643,7 @@ var PlaceOrder = ({
                       children: tradingLabels.estimatedFees
                     }
                   ),
-                  feeBreakdownRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                  feeBreakdownRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                     Tooltip,
                     {
                       "aria-label": tradingLabels.estimatedFeesTooltipAria,
@@ -14561,13 +14655,13 @@ var PlaceOrder = ({
                         icon: "h-3 w-3 text-agg-muted-foreground",
                         trigger: "h-3 w-3 text-agg-muted-foreground"
                       },
-                      content: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: "flex w-full flex-col gap-2", children: feeBreakdownRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+                      content: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "flex w-full flex-col gap-2", children: feeBreakdownRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
                         "div",
                         {
                           className: "flex items-center justify-between gap-3 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { children: row.label }),
-                            row.kind === "badge" ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { children: row.label }),
+                            row.kind === "badge" ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                               "span",
                               {
                                 className: cn(
@@ -14577,7 +14671,7 @@ var PlaceOrder = ({
                                 ),
                                 children: row.badgeLabel
                               }
-                            ) : /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "text-right", children: row.value })
+                            ) : /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "text-right", children: row.value })
                           ]
                         },
                         row.label
@@ -14585,11 +14679,11 @@ var PlaceOrder = ({
                     }
                   ) : null
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: estimatedFeesValue })
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: estimatedFeesValue })
               ] }) : null,
-              showFeesBreakdown && hasEnteredAmount && !isBelowMinimum && executionReserveValue ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-order-reserve-section flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+              showFeesBreakdown && hasEnteredAmount && !isBelowMinimum && executionReserveValue ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-order-reserve-section flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                     Typography,
                     {
                       variant: "text-sm",
@@ -14597,7 +14691,7 @@ var PlaceOrder = ({
                       children: tradingLabels.executionReserve
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                     Tooltip,
                     {
                       "aria-label": tradingLabels.executionReserveTooltipAria,
@@ -14610,18 +14704,18 @@ var PlaceOrder = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: executionReserveValue })
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: executionReserveValue })
               ] }) : null
             ] }),
-            shouldShowSmartRouting ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+            shouldShowSmartRouting ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
               "div",
               {
                 className: "agg-route-panel flex flex-col gap-3",
                 "aria-busy": !isLimitOrder && isQuoteLoading,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-route-panel-header flex items-center justify-between gap-4", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "agg-route-panel-title text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.smartRouting }),
-                    shouldShowRouteToggle && !isRoutesExpanded ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-route-panel-header flex items-center justify-between gap-4", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "agg-route-panel-title text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.smartRouting }),
+                    shouldShowRouteToggle && !isRoutesExpanded ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
                       "button",
                       {
                         type: "button",
@@ -14629,8 +14723,8 @@ var PlaceOrder = ({
                         "aria-label": tradingLabels.viewAllRoutes(activeRouteCardCount),
                         onClick: () => setIsRoutesExpanded((currentValue) => !currentValue),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { children: tradingLabels.viewAllRoutes(activeRouteCardCount) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { children: tradingLabels.viewAllRoutes(activeRouteCardCount) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                             Icon,
                             {
                               name: "chevron-down",
@@ -14643,11 +14737,11 @@ var PlaceOrder = ({
                       }
                     ) : null
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: !isLimitOrder && isQuoteLoading && activeRouteCards.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-route-loading flex flex-col gap-2", "aria-hidden": "true", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(PlaceOrderRouteCardSkeleton, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(PlaceOrderRouteCardSkeleton, {})
+                  /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: !isLimitOrder && isQuoteLoading && activeRouteCards.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-route-loading flex flex-col gap-2", "aria-hidden": "true", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(PlaceOrderRouteCardSkeleton, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(PlaceOrderRouteCardSkeleton, {})
                   ] }) : activeRouteCards.length > 0 ? activeRouteCards.map((card) => {
-                    return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_react17.Fragment, { children: renderRouteCard({
+                    return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_react17.Fragment, { children: renderRouteCard({
                       card,
                       enableAnimations,
                       isExpanded: card.kind === "split" ? isSplitDetailOpen : isRoutesExpanded,
@@ -14660,15 +14754,15 @@ var PlaceOrder = ({
                 ]
               }
             ) : null,
-            isLimitOrder ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-limit-expiration-section flex items-center justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.expiration }),
-              /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+            isLimitOrder ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-limit-expiration-section flex items-center justify-between gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.expiration }),
+              /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
                 Popover.Root,
                 {
                   open: isLimitExpirationPickerOpen,
                   onOpenChange: handleLimitExpirationPickerOpenChange,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
                       "button",
                       {
                         ref: expirationTriggerRef,
@@ -14676,10 +14770,10 @@ var PlaceOrder = ({
                         className: "flex min-w-0 cursor-pointer items-center justify-end gap-2 text-right text-agg-base leading-agg-6 text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
                         "aria-label": tradingLabels.expirationMenuAria,
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "min-w-0 truncate", children: limitExpirationType === "GTC" ? tradingLabels.expirationGoodTilCanceled : limitExpirationType === "FIVE_MINUTES" ? tradingLabels.expirationFiveMinutes : limitExpirationType === "ONE_HOUR" ? tradingLabels.expirationOneHour : limitExpirationType === "END_OF_DAY" ? tradingLabels.expirationEndOfDay : resolvedCustomExpirationDate ? (0, import_dayjs5.default)(resolvedCustomExpirationDate).format(
+                          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "min-w-0 truncate", children: limitExpirationType === "GTC" ? tradingLabels.expirationGoodTilCanceled : limitExpirationType === "FIVE_MINUTES" ? tradingLabels.expirationFiveMinutes : limitExpirationType === "ONE_HOUR" ? tradingLabels.expirationOneHour : limitExpirationType === "END_OF_DAY" ? tradingLabels.expirationEndOfDay : resolvedCustomExpirationDate ? (0, import_dayjs5.default)(resolvedCustomExpirationDate).format(
                             "MMM D, YYYY [at] HH:mm"
                           ) : tradingLabels.expirationCustom }),
-                          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                             Icon,
                             {
                               name: isLimitExpirationPickerOpen ? "chevron-up" : "chevron-down",
@@ -14691,11 +14785,11 @@ var PlaceOrder = ({
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                       Popover.Portal,
                       {
                         container: resolvePlaceOrderPortalContainer(expirationTriggerRef.current),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                           Popover.Content,
                           {
                             align: "end",
@@ -14704,14 +14798,14 @@ var PlaceOrder = ({
                             role: "dialog",
                             "aria-label": tradingLabels.expirationMenuAria,
                             className: "z-50 max-h-[calc(100dvh-2rem)] w-[min(312px,calc(100vw-2rem))] overflow-y-auto rounded-agg-xl border border-agg-separator bg-agg-secondary p-0 shadow-[0_8px_16px_rgba(0,0,0,0.20)]",
-                            children: limitExpirationPickerView === "calendar" ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex flex-col gap-3 p-4", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                            children: limitExpirationPickerView === "calendar" ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex flex-col gap-3 p-4", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                                 Button,
                                 {
                                   variant: "tertiary",
                                   size: "small",
                                   className: "w-fit px-0",
-                                  prefix: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                                  prefix: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                                     Icon,
                                     {
                                       name: "chevron-left",
@@ -14724,7 +14818,7 @@ var PlaceOrder = ({
                                   children: tradingLabels.expirationOptions
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                                 Calendar,
                                 {
                                   mode: "single",
@@ -14739,9 +14833,9 @@ var PlaceOrder = ({
                                   }
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex items-center gap-4", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex shrink-0 flex-col gap-0.5", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center gap-4", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex shrink-0 flex-col gap-0.5", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                                     "label",
                                     {
                                       htmlFor: expirationTimeInputId,
@@ -14749,9 +14843,9 @@ var PlaceOrder = ({
                                       children: tradingLabels.expirationStartTime
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.expirationStartTimeHint })
+                                  /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.expirationStartTimeHint })
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                                   "input",
                                   {
                                     id: expirationTimeInputId,
@@ -14762,8 +14856,8 @@ var PlaceOrder = ({
                                   }
                                 )
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex gap-2", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex gap-2", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                                   Button,
                                   {
                                     variant: "secondary",
@@ -14773,13 +14867,13 @@ var PlaceOrder = ({
                                     children: tradingLabels.expirationCancel
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                                   Button,
                                   {
                                     size: "small",
                                     className: "min-w-0 flex-1",
                                     disabled: !isLimitExpirationDraftValid,
-                                    prefix: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                                    prefix: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                                       Icon,
                                       {
                                         name: "success-check",
@@ -14793,7 +14887,7 @@ var PlaceOrder = ({
                                   }
                                 )
                               ] })
-                            ] }) : /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                            ] }) : /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                               "div",
                               {
                                 role: "radiogroup",
@@ -14811,7 +14905,7 @@ var PlaceOrder = ({
                                   { value: "ONE_HOUR", label: tradingLabels.expirationOneHour },
                                   { value: "END_OF_DAY", label: tradingLabels.expirationEndOfDay },
                                   { value: "CUSTOM", label: tradingLabels.expirationCustom }
-                                ].map((item, optionIndex) => /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+                                ].map((item, optionIndex) => /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
                                   "button",
                                   {
                                     ref: (element) => {
@@ -14828,14 +14922,14 @@ var PlaceOrder = ({
                                     onClick: () => handleLimitExpirationTypeChange(item.value),
                                     onKeyDown: (event) => handleLimitExpirationOptionKeyDown(event, optionIndex),
                                     children: [
-                                      limitExpirationType === item.value ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                                      limitExpirationType === item.value ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                                         "span",
                                         {
                                           className: "absolute bottom-2 left-0 top-2 w-1 bg-agg-primary",
                                           "aria-hidden": true
                                         }
                                       ) : null,
-                                      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "truncate", children: item.label })
+                                      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "truncate", children: item.label })
                                     ]
                                   },
                                   item.value
@@ -14850,12 +14944,12 @@ var PlaceOrder = ({
                 }
               )
             ] }) : null,
-            hasEnteredAmount && (isLimitOrder ? limitOrderPayload : selectedRouteCard) && !isQuoteLoading && !isBelowMinimum && orderEligibility.canPlaceOrder ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-order-summary flex items-start justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-order-summary-meta flex flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "agg-order-summary-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(internalTab) }),
-                /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "agg-order-summary-hint text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isLimitOrder ? displayedLimitToWinHint : displayedToWinHint })
+            hasEnteredAmount && (isLimitOrder ? limitOrderPayload : selectedRouteCard) && !isQuoteLoading && !isBelowMinimum && orderEligibility.canPlaceOrder ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-order-summary flex items-start justify-between gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-order-summary-meta flex flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "agg-order-summary-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(internalTab) }),
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "agg-order-summary-hint text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isLimitOrder ? displayedLimitToWinHint : displayedToWinHint })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                 import_react16.default,
                 {
                   value: isLimitOrder ? displayedLimitToWinValue : displayedToWinValue,
@@ -14870,7 +14964,7 @@ var PlaceOrder = ({
                 }
               )
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
               "div",
               {
                 className: cn(
@@ -14878,17 +14972,17 @@ var PlaceOrder = ({
                   classNames == null ? void 0 : classNames.footer
                 ),
                 children: [
-                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-order-alerts flex flex-col gap-3 empty:hidden mb-3", children: [
-                    submissionFeedback ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-order-alerts flex flex-col gap-3 empty:hidden mb-3", children: [
+                    submissionFeedback ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                       InlineAlert,
                       {
                         tone: submissionFeedback.tone,
                         message: submissionFeedback.message
                       }
                     ) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && isBelowMinimum ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(InlineAlert, { tone: "error", message: belowMinimumMessage }) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && quoteStatus ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(InlineAlert, { tone: quoteStatus.tone, message: quoteStatus.message }) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && !quoteStatus && hasEnteredAmount && smartRouteErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && isBelowMinimum ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(InlineAlert, { tone: "error", message: belowMinimumMessage }) : null,
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && quoteStatus ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(InlineAlert, { tone: quoteStatus.tone, message: quoteStatus.message }) : null,
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && !quoteStatus && hasEnteredAmount && smartRouteErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                       InlineAlert,
                       {
                         tone: "error",
@@ -14900,14 +14994,14 @@ var PlaceOrder = ({
                       }
                     ) : null
                   ] }) : null,
-                  !submissionFeedback && !shouldShowGeoBlockBanner && orderEligibility.canPlaceOrder && !needsSharedKycVerification && !needsKalshiConnection && shouldShowInsufficientBalanceAlert ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
+                  !submissionFeedback && !shouldShowGeoBlockBanner && orderEligibility.canPlaceOrder && !needsSharedKycVerification && !needsKalshiConnection && shouldShowInsufficientBalanceAlert ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
                     "div",
                     {
                       className: "agg-order-insufficient-balance-alert flex items-center justify-center gap-2",
                       role: "status",
                       "aria-live": "polite",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                           Icon,
                           {
                             name: "warning-filled",
@@ -14916,8 +15010,8 @@ var PlaceOrder = ({
                             "aria-hidden": "true"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "text-agg-sm text-agg-foreground", children: tradingLabels.insufficientBalance }),
-                        insufficientBalanceDetails ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "text-agg-sm text-agg-foreground", children: tradingLabels.insufficientBalance }),
+                        insufficientBalanceDetails ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                           Tooltip,
                           {
                             "aria-label": tradingLabels.insufficientBalanceDetails,
@@ -14933,7 +15027,7 @@ var PlaceOrder = ({
                       ]
                     }
                   ) : null,
-                  !submissionFeedback && !shouldShowGeoBlockBanner && needsSharedKycVerification ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                  !submissionFeedback && !shouldShowGeoBlockBanner && needsSharedKycVerification ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                     Button,
                     {
                       size: "large",
@@ -14947,7 +15041,7 @@ var PlaceOrder = ({
                       },
                       children: sharedKyc.status === "loading" ? tradingLabels.sharedKyc.checkingStatus : tradingLabels.sharedKyc.completeToTrade
                     }
-                  ) : !submissionFeedback && !shouldShowGeoBlockBanner && needsKalshiConnection ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                  ) : !submissionFeedback && !shouldShowGeoBlockBanner && needsKalshiConnection ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                     Button,
                     {
                       size: "large",
@@ -14957,7 +15051,7 @@ var PlaceOrder = ({
                       onClick: () => setIsConnectKalshiModalOpen(true),
                       children: tradingLabels.connectKalshi
                     }
-                  ) : !submissionFeedback && !shouldShowGeoBlockBanner && isInsufficientBalance ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                  ) : !submissionFeedback && !shouldShowGeoBlockBanner && isInsufficientBalance ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                     Button,
                     {
                       size: "large",
@@ -14967,7 +15061,7 @@ var PlaceOrder = ({
                       onClick: handleDepositRequiredClick,
                       children: isKalshiBalanceInsufficient ? tradingLabels.addFundsToKalshi : tradingLabels.deposit
                     }
-                  ) : isQuoteLoading && !isActionLoading ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                  ) : isQuoteLoading && !isActionLoading ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                     Button,
                     {
                       size: "large",
@@ -14976,7 +15070,7 @@ var PlaceOrder = ({
                       disabled: true,
                       "aria-live": "polite",
                       "aria-label": routeLoadingMessage != null ? routeLoadingMessage : labels.common.loading,
-                      prefix: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                      prefix: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                         "span",
                         {
                           className: cn(
@@ -14988,7 +15082,7 @@ var PlaceOrder = ({
                       ),
                       children: routeLoadingMessage
                     }
-                  ) : !isAuthenticated ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                  ) : !isAuthenticated ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                     Button,
                     {
                       size: "large",
@@ -14996,10 +15090,10 @@ var PlaceOrder = ({
                       className: "agg-order-submit h-12 w-full px-8 text-agg-base leading-agg-6 shadow-none",
                       disabled: !orderEligibility.canPlaceOrder || shouldShowGeoBlockBanner,
                       "aria-label": tradingLabels.signInToTrade,
-                      onClick: import_hooks40.requestAggAuthChooserOpen,
+                      onClick: import_hooks41.requestAggAuthChooserOpen,
                       children: tradingLabels.signInToTrade
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                     Button,
                     {
                       size: "large",
@@ -15014,7 +15108,7 @@ var PlaceOrder = ({
                       children: actionLabel
                     }
                   ),
-                  shouldShowLowLiquidityWarning ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                  shouldShowLowLiquidityWarning ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                     InlineAlert,
                     {
                       tone: "warning",
@@ -15023,8 +15117,8 @@ var PlaceOrder = ({
                       message: internalTab === "buy" ? tradingLabels.lowLiquidityWarning : tradingLabels.lowLiquiditySellWarning
                     }
                   ) : null,
-                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "agg-order-platform-fee mt-1 flex items-center justify-center gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "agg-order-platform-fee mt-1 flex items-center justify-center gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                       Icon,
                       {
                         name: "shield-trust",
@@ -15033,10 +15127,10 @@ var PlaceOrder = ({
                         "aria-hidden": "true"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Typography, { variant: "text-xs-caps", className: "text-agg-primary", children: tradingLabels.platformFee })
+                    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Typography, { variant: "text-xs-caps", className: "text-agg-primary", children: tradingLabels.platformFee })
                   ] }) : null,
-                  shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(GeoBlockBanner, { termsUrl: AGG_TERMS_OF_SERVICE_URL }) : null,
-                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "agg-order-disclaimer text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.disclaimer }) : null
+                  shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(GeoBlockBanner, { termsUrl: AGG_TERMS_OF_SERVICE_URL }) : null,
+                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "agg-order-disclaimer text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.disclaimer }) : null
                 ]
               }
             )
@@ -15044,7 +15138,7 @@ var PlaceOrder = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
       SharedKycModal,
       {
         open: sharedKycFlow.isModalOpen,
@@ -15058,7 +15152,7 @@ var PlaceOrder = ({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
       ConnectKalshiModal,
       {
         open: isConnectKalshiModalOpen,
@@ -15066,16 +15160,16 @@ var PlaceOrder = ({
         onVerify: handleVerifyKalshi
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(FundKalshiModal, { open: isFundKalshiModalOpen, onOpenChange: setIsFundKalshiModalOpen })
+    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(FundKalshiModal, { open: isFundKalshiModalOpen, onOpenChange: setIsFundKalshiModalOpen })
   ] });
 };
 PlaceOrder.displayName = "PlaceOrder";
 
 // src/trading/trading-context/index.tsx
-var import_hooks41 = require("@agg-build/hooks");
+var import_hooks42 = require("@agg-build/hooks");
 
 // src/trading/use-claim-winnings.ts
-var import_hooks42 = require("@agg-build/hooks");
+var import_hooks43 = require("@agg-build/hooks");
 var import_react18 = require("react");
 var toClaimError = (err) => {
   if (err instanceof Error) return err;
@@ -15083,11 +15177,11 @@ var toClaimError = (err) => {
 };
 function useClaimWinnings(options = {}) {
   const { onClaim, onClaimResult, onClaimSubmitError, externalClaimingKeys } = options;
-  const labels = (0, import_hooks42.useLabels)();
+  const labels = (0, import_hooks43.useLabels)();
   const claimNotificationLabels = labels.notifications.claim;
   const toastCtx = useOptionalToast();
-  const queryClient = (0, import_hooks42.useQueryClient)();
-  const redeemMutation = (0, import_hooks42.useRedeem)();
+  const queryClient = (0, import_hooks43.useQueryClient)();
+  const redeemMutation = (0, import_hooks43.useRedeem)();
   const [activeRedeems, setActiveRedeems] = (0, import_react18.useState)({});
   const activeClaimKeysRef = (0, import_react18.useRef)(/* @__PURE__ */ new Set());
   const pendingClaimToastIdsRef = (0, import_react18.useRef)({});
@@ -15097,7 +15191,7 @@ function useClaimWinnings(options = {}) {
     () => Object.values(activeRedeems),
     [activeRedeems]
   );
-  const lifecycleStates = (0, import_hooks42.useRedeemLifecycles)(lifecycleInputs);
+  const lifecycleStates = (0, import_hooks43.useRedeemLifecycles)(lifecycleInputs);
   const internalClaimingIds = (0, import_react18.useMemo)(() => {
     const out = __spreadValues({}, submittingClaimKeys);
     for (const [claimKey, active] of Object.entries(activeRedeems)) {
@@ -15112,13 +15206,13 @@ function useClaimWinnings(options = {}) {
     [externalClaimingKeys, internalClaimingIds]
   );
   const invalidateClaimUiState = (0, import_react18.useCallback)(() => {
-    (0, import_hooks42.invalidateBalanceQueries)(queryClient);
-    (0, import_hooks42.invalidatePositionQueries)(queryClient);
+    (0, import_hooks43.invalidateBalanceQueries)(queryClient);
+    (0, import_hooks43.invalidatePositionQueries)(queryClient);
     queryClient.invalidateQueries({
-      queryKey: import_hooks42.executionKeys.claimablePositionsCount(),
+      queryKey: import_hooks43.executionKeys.claimablePositionsCount(),
       refetchType: "active"
     });
-    (0, import_hooks42.invalidateUserActivityQueries)(queryClient);
+    (0, import_hooks43.invalidateUserActivityQueries)(queryClient);
   }, [queryClient]);
   const claim = (0, import_react18.useCallback)(
     (_0) => __async(null, [_0], function* ({ claimKey, winningOutcomeIds, payload }) {
@@ -15315,7 +15409,7 @@ function useClaimWinnings(options = {}) {
 }
 
 // src/trading/use-resolved-market-claim.ts
-var import_hooks43 = require("@agg-build/hooks");
+var import_hooks44 = require("@agg-build/hooks");
 var import_react19 = require("react");
 var sharesFormatter = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
 var dateFormatter = new Intl.DateTimeFormat("en-US", {
@@ -15332,12 +15426,12 @@ var formatResolutionDate = (value) => {
 function useResolvedMarketClaim(options = {}) {
   var _a;
   const { market, enabled = true, executionMode } = options;
-  const { isAuthenticated } = (0, import_hooks43.useAggAuthState)();
-  const tradingState = (0, import_react19.useMemo)(() => (0, import_hooks43.resolveMarketTradingState)(market), [market]);
+  const { isAuthenticated } = (0, import_hooks44.useAggAuthState)();
+  const tradingState = (0, import_react19.useMemo)(() => (0, import_hooks44.resolveMarketTradingState)(market), [market]);
   const isResolved = tradingState.kind === "resolved";
   const marketId = (_a = market == null ? void 0 : market.id) != null ? _a : null;
   const shouldFetch = Boolean(enabled && isAuthenticated && isResolved && marketId);
-  const { positions } = (0, import_hooks43.useExecutionPositions)(__spreadValues({
+  const { positions } = (0, import_hooks44.useExecutionPositions)(__spreadValues({
     enabled: shouldFetch,
     status: "active",
     limit: 50
@@ -15354,7 +15448,7 @@ function useResolvedMarketClaim(options = {}) {
       (outcome) => outcome.winner === true && outcome.totalSize > 0
     );
     if (winningOutcomes.length === 0) return void 0;
-    const totals = (0, import_hooks43.computeClosedPositionTotals)(group);
+    const totals = (0, import_hooks44.computeClosedPositionTotals)(group);
     const winningShares = winningOutcomes.reduce((sum, outcome) => sum + outcome.totalSize, 0);
     const winningOutcomeLabel = (_a2 = resolveResolvedOutcomeLabel({
       market: market != null ? market : group.venueMarket,