@agg-build/ui 4.11.3 → 4.14.0

package/dist/{chunk-EYJS45RP.mjs → chunk-IS45S6R3.mjs}

@@ -1039,6 +1039,8 @@ import {
 } from "@agg-build/hooks";
 var PRICE_PRECISION = 1e6;
 var SIZE_PRECISION = 1e8;
+var DISPLAY_PRICE_BUCKETS_PER_UNIT = 1e3;
+var DISPLAY_ROUNDING_PRECISION = 1e9;
 var POSITIVE_OUTCOME_KEYS = /* @__PURE__ */ new Set(["yes", "y", "true", "up", "buy", "long"]);
 var NEGATIVE_OUTCOME_KEYS = /* @__PURE__ */ new Set(["no", "n", "false", "down", "sell", "short"]);
 var roundTo = (value, precision) => {
@@ -1053,6 +1055,10 @@ var fromScaled = (value, precision) => {
 var toPriceKey = (price) => {
   return String(toScaled(price, PRICE_PRECISION));
 };
+var toDisplayPrice = (price) => {
+  const bucketSize = DISPLAY_ROUNDING_PRECISION / DISPLAY_PRICE_BUCKETS_PER_UNIT;
+  return Math.round(toScaled(price, DISPLAY_ROUNDING_PRECISION) / bucketSize) / DISPLAY_PRICE_BUCKETS_PER_UNIT;
+};
 var normalizeOutcomeLabel = (value) => {
   if (typeof value !== "string") return "";
   return value.trim().toLowerCase().replace(/[_-]+/g, " ").replace(/[^\p{L}\p{N}\s]/gu, " ").replace(/\s+/g, " ");
@@ -1166,7 +1172,7 @@ var buildRowsFromAccumulator = ({
       venues,
       price: roundTo(level.price, PRICE_PRECISION),
       size,
-      total: roundTo(level.price * size, SIZE_PRECISION),
+      total: roundTo(level.notional, SIZE_PRECISION),
       tone,
       barScale: 0,
       venueBreakdown,
@@ -1184,6 +1190,7 @@ var accumulateSideLevels = ({
   orderbooksByOutcomeId
 }) => {
   const levelsByPrice = /* @__PURE__ */ new Map();
+  let bestPrice = null;
   const includedOutcomeIds = /* @__PURE__ */ new Set();
   const missingOutcomeIds = /* @__PURE__ */ new Set();
   eligibleOutcomes.forEach((eligibleOutcome) => {
@@ -1199,18 +1206,25 @@ var accumulateSideLevels = ({
     includedOutcomeIds.add(eligibleOutcome.outcomeId);
     venueLevels.forEach((level) => {
       var _a;
-      const priceKey = toPriceKey(level.price);
+      if (bestPrice == null || (side === "asks" ? level.price < bestPrice : level.price > bestPrice)) {
+        bestPrice = level.price;
+      }
+      const displayPrice = toDisplayPrice(level.price);
+      const priceKey = toPriceKey(displayPrice);
       const scaledSize = toScaled(level.size, SIZE_PRECISION);
+      const notional = level.price * level.size;
       const currentLevel = levelsByPrice.get(priceKey);
       if (currentLevel) {
         currentLevel.sizeScaled += scaledSize;
+        currentLevel.notional += notional;
         currentLevel.venueBreakdownScaled[eligibleOutcome.venue] = ((_a = currentLevel.venueBreakdownScaled[eligibleOutcome.venue]) != null ? _a : 0) + scaledSize;
         currentLevel.sourceOutcomeIds.add(eligibleOutcome.outcomeId);
         return;
       }
       levelsByPrice.set(priceKey, {
-        price: level.price,
+        price: displayPrice,
         sizeScaled: scaledSize,
+        notional,
         venueBreakdownScaled: {
           [eligibleOutcome.venue]: scaledSize
         },
@@ -1220,6 +1234,7 @@ var accumulateSideLevels = ({
   });
   return {
     levelsByPrice,
+    bestPrice,
     includedOutcomeIds,
     missingOutcomeIds
   };
@@ -1387,7 +1402,7 @@ var mergeVenueOutcomeOrderbooks = ({
   eligibleOutcomes,
   orderbooksByOutcomeId
 }) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b;
   const bidState = accumulateSideLevels({
     side: "bids",
     eligibleOutcomes,
@@ -1410,8 +1425,8 @@ var mergeVenueOutcomeOrderbooks = ({
     levelsByPrice: askState.levelsByPrice,
     fallbackVenue: (_b = eligibleOutcomes[0]) == null ? void 0 : _b.venue
   });
-  const bestBid = (_d = (_c = bidRows[0]) == null ? void 0 : _c.price) != null ? _d : null;
-  const bestAsk = (_f = (_e = askRows[0]) == null ? void 0 : _e.price) != null ? _f : null;
+  const bestBid = bidState.bestPrice;
+  const bestAsk = askState.bestPrice;
   return {
     askRows,
     bidRows,

package/dist/{chunk-5D36HPOG.mjs → chunk-VAL2IB3M.mjs}

@@ -12,7 +12,7 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-EYJS45RP.mjs";
+} from "./chunk-IS45S6R3.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
@@ -1341,6 +1341,16 @@ var aggregateSportsLineStops = (markets, isSpread = false) => {
     (left, right) => left.lineValue !== right.lineValue ? left.lineValue - right.lineValue : left.value.localeCompare(right.value)
   );
 };
+var escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+var resolveSportsLadderTitle = (group, selectedLineDisplay) => {
+  var _a;
+  const anchorLineValue = (_a = group.markets[0]) == null ? void 0 : _a.lineValue;
+  if (anchorLineValue == null || !selectedLineDisplay) return group.title;
+  const anchorDisplay = resolveSelectedSportsLineValue(anchorLineValue);
+  if (anchorDisplay === selectedLineDisplay) return group.title;
+  const pattern = new RegExp(`(^|[^\\d.])${escapeRegExp(anchorDisplay)}(?![\\d.])`);
+  return pattern.test(group.title) ? group.title.replace(pattern, (_match, prefix) => `${prefix}${selectedLineDisplay}`) : group.title;
+};
 var buildSportsSlideFromGroup = (group) => {
   const lineStops = group.hasLineVariants ? aggregateSportsLineStops(group.markets, group.sportsMarketType === "spread") : [];
   const hasLadder = lineStops.length > 1;
@@ -1855,6 +1865,8 @@ var SportsMarketCard = ({
     });
   }, [slide.kind, activeMarket, group.markets, midpointsResult]);
   if (!activeMarket) return null;
+  const selectedStop = slide.hasLadder ? slide.stops[selectedLineIndex] : void 0;
+  const cardTitle = selectedStop ? resolveSportsLadderTitle(group, selectedStop.value) : group.title;
   const activeOutcome = (_h = activeMarket.venueMarketOutcomes.find(
     (outcome) => outcome.id === (tradingContext == null ? void 0 : tradingContext.selectedOutcomeId)
   )) != null ? _h : activeDefaultOutcome;
@@ -1915,7 +1927,7 @@ var SportsMarketCard = ({
     {
       marketId: activeMarket.id,
       venueMarkets,
-      title: group.title,
+      title: cardTitle,
       compactHeader: true,
       subtitleOverride: compactSubtitle,
       headerOutcomeVariant,
@@ -1934,9 +1946,9 @@ var SportsMarketCard = ({
           })),
           selectedIndex: selectedLineIndex,
           onSelect: handleLineSelect,
-          ariaLabel: labels.eventMarketPage.sports.lineSelectorAria(group.title),
-          previousAriaLabel: labels.eventMarketPage.sports.previousLineAria(group.title),
-          nextAriaLabel: labels.eventMarketPage.sports.nextLineAria(group.title)
+          ariaLabel: labels.eventMarketPage.sports.lineSelectorAria(cardTitle),
+          previousAriaLabel: labels.eventMarketPage.sports.previousLineAria(cardTitle),
+          nextAriaLabel: labels.eventMarketPage.sports.nextLineAria(cardTitle)
         }
       ) : void 0,
       classNames: { root: "agg-market-list-item agg-sports-market-card" },

package/dist/{chunk-I72YHWOI.mjs → chunk-Z4WWOHDT.mjs}

@@ -2489,12 +2489,16 @@ var PaperTradingBadge = ({
   placement = "chip",
   isAuthenticated = false,
   forceVisible = false,
+  label,
+  showWhenAuthenticated = false,
   classNames
 }) => {
   const labels = useLabels15();
   const { isPaperMode, isResolving } = useResolvedExecutionMode();
   if (!forceVisible && (isResolving || !isPaperMode)) return null;
-  if (placement === "brand" && isAuthenticated && !forceVisible) return null;
+  if (placement === "brand" && isAuthenticated && !forceVisible && !showWhenAuthenticated) {
+    return null;
+  }
   const placementClassName = {
     brand: "inline-flex md:hidden",
     chip: "inline-flex",
@@ -2538,7 +2542,7 @@ var PaperTradingBadge = ({
                 "text-[10px] leading-[14px] font-agg-bold uppercase whitespace-nowrap",
                 classNames == null ? void 0 : classNames.pill
               ),
-              children: labels.paperTrading.badge
+              children: label != null ? label : labels.paperTrading.badge
             }
           )
         }
@@ -3056,7 +3060,9 @@ var TRADING_ACCESS_VENUES = [
   "limitless",
   "predict",
   "myriad",
-  "hyperliquid"
+  "hyperliquid",
+  "novig",
+  "prophetx"
 ];
 var TRADING_ACCESS_VENUE_ITEMS = TRADING_ACCESS_VENUES.map((id) => ({ id }));
 var SectionTitle2 = ({ children }) => /* @__PURE__ */ jsx22("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });

package/dist/events.js

@@ -9866,6 +9866,8 @@ var buildMarketDetailsModel = ({
 var import_hooks38 = require("@agg-build/hooks");
 var PRICE_PRECISION = 1e6;
 var SIZE_PRECISION = 1e8;
+var DISPLAY_PRICE_BUCKETS_PER_UNIT = 1e3;
+var DISPLAY_ROUNDING_PRECISION = 1e9;
 var POSITIVE_OUTCOME_KEYS = /* @__PURE__ */ new Set(["yes", "y", "true", "up", "buy", "long"]);
 var NEGATIVE_OUTCOME_KEYS = /* @__PURE__ */ new Set(["no", "n", "false", "down", "sell", "short"]);
 var roundTo = (value, precision) => {
@@ -9880,6 +9882,10 @@ var fromScaled = (value, precision) => {
 var toPriceKey = (price) => {
   return String(toScaled(price, PRICE_PRECISION));
 };
+var toDisplayPrice = (price) => {
+  const bucketSize = DISPLAY_ROUNDING_PRECISION / DISPLAY_PRICE_BUCKETS_PER_UNIT;
+  return Math.round(toScaled(price, DISPLAY_ROUNDING_PRECISION) / bucketSize) / DISPLAY_PRICE_BUCKETS_PER_UNIT;
+};
 var normalizeOutcomeLabel = (value) => {
   if (typeof value !== "string") return "";
   return value.trim().toLowerCase().replace(/[_-]+/g, " ").replace(/[^\p{L}\p{N}\s]/gu, " ").replace(/\s+/g, " ");
@@ -9993,7 +9999,7 @@ var buildRowsFromAccumulator = ({
       venues,
       price: roundTo(level.price, PRICE_PRECISION),
       size,
-      total: roundTo(level.price * size, SIZE_PRECISION),
+      total: roundTo(level.notional, SIZE_PRECISION),
       tone,
       barScale: 0,
       venueBreakdown,
@@ -10011,6 +10017,7 @@ var accumulateSideLevels = ({
   orderbooksByOutcomeId
 }) => {
   const levelsByPrice = /* @__PURE__ */ new Map();
+  let bestPrice = null;
   const includedOutcomeIds = /* @__PURE__ */ new Set();
   const missingOutcomeIds = /* @__PURE__ */ new Set();
   eligibleOutcomes.forEach((eligibleOutcome) => {
@@ -10026,18 +10033,25 @@ var accumulateSideLevels = ({
     includedOutcomeIds.add(eligibleOutcome.outcomeId);
     venueLevels.forEach((level) => {
       var _a;
-      const priceKey = toPriceKey(level.price);
+      if (bestPrice == null || (side === "asks" ? level.price < bestPrice : level.price > bestPrice)) {
+        bestPrice = level.price;
+      }
+      const displayPrice = toDisplayPrice(level.price);
+      const priceKey = toPriceKey(displayPrice);
       const scaledSize = toScaled(level.size, SIZE_PRECISION);
+      const notional = level.price * level.size;
       const currentLevel = levelsByPrice.get(priceKey);
       if (currentLevel) {
         currentLevel.sizeScaled += scaledSize;
+        currentLevel.notional += notional;
         currentLevel.venueBreakdownScaled[eligibleOutcome.venue] = ((_a = currentLevel.venueBreakdownScaled[eligibleOutcome.venue]) != null ? _a : 0) + scaledSize;
         currentLevel.sourceOutcomeIds.add(eligibleOutcome.outcomeId);
         return;
       }
       levelsByPrice.set(priceKey, {
-        price: level.price,
+        price: displayPrice,
         sizeScaled: scaledSize,
+        notional,
         venueBreakdownScaled: {
           [eligibleOutcome.venue]: scaledSize
         },
@@ -10047,6 +10061,7 @@ var accumulateSideLevels = ({
   });
   return {
     levelsByPrice,
+    bestPrice,
     includedOutcomeIds,
     missingOutcomeIds
   };
@@ -10214,7 +10229,7 @@ var mergeVenueOutcomeOrderbooks = ({
   eligibleOutcomes,
   orderbooksByOutcomeId
 }) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b;
   const bidState = accumulateSideLevels({
     side: "bids",
     eligibleOutcomes,
@@ -10237,8 +10252,8 @@ var mergeVenueOutcomeOrderbooks = ({
     levelsByPrice: askState.levelsByPrice,
     fallbackVenue: (_b = eligibleOutcomes[0]) == null ? void 0 : _b.venue
   });
-  const bestBid = (_d = (_c = bidRows[0]) == null ? void 0 : _c.price) != null ? _d : null;
-  const bestAsk = (_f = (_e = askRows[0]) == null ? void 0 : _e.price) != null ? _f : null;
+  const bestBid = bidState.bestPrice;
+  const bestAsk = askState.bestPrice;
   return {
     askRows,
     bidRows,

package/dist/events.mjs

@@ -17,7 +17,7 @@ import {
   orderbookRowLimitDefault,
   resolveEventDetailsSyncKey,
   useCenterOrderbookSpread
-} from "./chunk-EYJS45RP.mjs";
+} from "./chunk-IS45S6R3.mjs";
 import {
   formatProbabilityCents,
   resolveOrderBookRows,

package/dist/index.js

@@ -11133,12 +11133,16 @@ var PaperTradingBadge = ({
   placement = "chip",
   isAuthenticated = false,
   forceVisible = false,
+  label: label2,
+  showWhenAuthenticated = false,
   classNames
 }) => {
   const labels = (0, import_hooks41.useLabels)();
   const { isPaperMode, isResolving } = (0, import_hooks41.useResolvedExecutionMode)();
   if (!forceVisible && (isResolving || !isPaperMode)) return null;
-  if (placement === "brand" && isAuthenticated && !forceVisible) return null;
+  if (placement === "brand" && isAuthenticated && !forceVisible && !showWhenAuthenticated) {
+    return null;
+  }
   const placementClassName = {
     brand: "inline-flex md:hidden",
     chip: "inline-flex",
@@ -11182,7 +11186,7 @@ var PaperTradingBadge = ({
                 "text-[10px] leading-[14px] font-agg-bold uppercase whitespace-nowrap",
                 classNames == null ? void 0 : classNames.pill
               ),
-              children: labels.paperTrading.badge
+              children: label2 != null ? label2 : labels.paperTrading.badge
             }
           )
         }
@@ -13754,6 +13758,8 @@ var buildMarketDetailsModel = ({
 var import_hooks46 = require("@agg-build/hooks");
 var PRICE_PRECISION = 1e6;
 var SIZE_PRECISION = 1e8;
+var DISPLAY_PRICE_BUCKETS_PER_UNIT = 1e3;
+var DISPLAY_ROUNDING_PRECISION = 1e9;
 var POSITIVE_OUTCOME_KEYS = /* @__PURE__ */ new Set(["yes", "y", "true", "up", "buy", "long"]);
 var NEGATIVE_OUTCOME_KEYS = /* @__PURE__ */ new Set(["no", "n", "false", "down", "sell", "short"]);
 var roundTo = (value, precision) => {
@@ -13768,6 +13774,10 @@ var fromScaled = (value, precision) => {
 var toPriceKey = (price) => {
   return String(toScaled(price, PRICE_PRECISION));
 };
+var toDisplayPrice = (price) => {
+  const bucketSize = DISPLAY_ROUNDING_PRECISION / DISPLAY_PRICE_BUCKETS_PER_UNIT;
+  return Math.round(toScaled(price, DISPLAY_ROUNDING_PRECISION) / bucketSize) / DISPLAY_PRICE_BUCKETS_PER_UNIT;
+};
 var normalizeOutcomeLabel = (value) => {
   if (typeof value !== "string") return "";
   return value.trim().toLowerCase().replace(/[_-]+/g, " ").replace(/[^\p{L}\p{N}\s]/gu, " ").replace(/\s+/g, " ");
@@ -13881,7 +13891,7 @@ var buildRowsFromAccumulator = ({
       venues,
       price: roundTo(level.price, PRICE_PRECISION),
       size,
-      total: roundTo(level.price * size, SIZE_PRECISION),
+      total: roundTo(level.notional, SIZE_PRECISION),
       tone,
       barScale: 0,
       venueBreakdown,
@@ -13899,6 +13909,7 @@ var accumulateSideLevels = ({
   orderbooksByOutcomeId
 }) => {
   const levelsByPrice = /* @__PURE__ */ new Map();
+  let bestPrice = null;
   const includedOutcomeIds = /* @__PURE__ */ new Set();
   const missingOutcomeIds = /* @__PURE__ */ new Set();
   eligibleOutcomes.forEach((eligibleOutcome) => {
@@ -13914,18 +13925,25 @@ var accumulateSideLevels = ({
     includedOutcomeIds.add(eligibleOutcome.outcomeId);
     venueLevels.forEach((level) => {
       var _a;
-      const priceKey = toPriceKey(level.price);
+      if (bestPrice == null || (side === "asks" ? level.price < bestPrice : level.price > bestPrice)) {
+        bestPrice = level.price;
+      }
+      const displayPrice = toDisplayPrice(level.price);
+      const priceKey = toPriceKey(displayPrice);
       const scaledSize = toScaled(level.size, SIZE_PRECISION);
+      const notional = level.price * level.size;
       const currentLevel = levelsByPrice.get(priceKey);
       if (currentLevel) {
         currentLevel.sizeScaled += scaledSize;
+        currentLevel.notional += notional;
         currentLevel.venueBreakdownScaled[eligibleOutcome.venue] = ((_a = currentLevel.venueBreakdownScaled[eligibleOutcome.venue]) != null ? _a : 0) + scaledSize;
         currentLevel.sourceOutcomeIds.add(eligibleOutcome.outcomeId);
         return;
       }
       levelsByPrice.set(priceKey, {
-        price: level.price,
+        price: displayPrice,
         sizeScaled: scaledSize,
+        notional,
         venueBreakdownScaled: {
           [eligibleOutcome.venue]: scaledSize
         },
@@ -13935,6 +13953,7 @@ var accumulateSideLevels = ({
   });
   return {
     levelsByPrice,
+    bestPrice,
     includedOutcomeIds,
     missingOutcomeIds
   };
@@ -14102,7 +14121,7 @@ var mergeVenueOutcomeOrderbooks = ({
   eligibleOutcomes,
   orderbooksByOutcomeId
 }) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b;
   const bidState = accumulateSideLevels({
     side: "bids",
     eligibleOutcomes,
@@ -14125,8 +14144,8 @@ var mergeVenueOutcomeOrderbooks = ({
     levelsByPrice: askState.levelsByPrice,
     fallbackVenue: (_b = eligibleOutcomes[0]) == null ? void 0 : _b.venue
   });
-  const bestBid = (_d = (_c = bidRows[0]) == null ? void 0 : _c.price) != null ? _d : null;
-  const bestAsk = (_f = (_e = askRows[0]) == null ? void 0 : _e.price) != null ? _f : null;
+  const bestBid = bidState.bestPrice;
+  const bestAsk = askState.bestPrice;
   return {
     askRows,
     bidRows,
@@ -29301,6 +29320,16 @@ var aggregateSportsLineStops = (markets, isSpread = false) => {
     (left, right) => left.lineValue !== right.lineValue ? left.lineValue - right.lineValue : left.value.localeCompare(right.value)
   );
 };
+var escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+var resolveSportsLadderTitle = (group, selectedLineDisplay) => {
+  var _a;
+  const anchorLineValue = (_a = group.markets[0]) == null ? void 0 : _a.lineValue;
+  if (anchorLineValue == null || !selectedLineDisplay) return group.title;
+  const anchorDisplay = resolveSelectedSportsLineValue(anchorLineValue);
+  if (anchorDisplay === selectedLineDisplay) return group.title;
+  const pattern = new RegExp(`(^|[^\\d.])${escapeRegExp(anchorDisplay)}(?![\\d.])`);
+  return pattern.test(group.title) ? group.title.replace(pattern, (_match, prefix) => `${prefix}${selectedLineDisplay}`) : group.title;
+};
 var buildSportsSlideFromGroup = (group) => {
   const lineStops = group.hasLineVariants ? aggregateSportsLineStops(group.markets, group.sportsMarketType === "spread") : [];
   const hasLadder = lineStops.length > 1;
@@ -29809,6 +29838,8 @@ var SportsMarketCard = ({
     });
   }, [slide.kind, activeMarket, group.markets, midpointsResult]);
   if (!activeMarket) return null;
+  const selectedStop = slide.hasLadder ? slide.stops[selectedLineIndex] : void 0;
+  const cardTitle = selectedStop ? resolveSportsLadderTitle(group, selectedStop.value) : group.title;
   const activeOutcome = (_h = activeMarket.venueMarketOutcomes.find(
     (outcome) => outcome.id === (tradingContext == null ? void 0 : tradingContext.selectedOutcomeId)
   )) != null ? _h : activeDefaultOutcome;
@@ -29869,7 +29900,7 @@ var SportsMarketCard = ({
     {
       marketId: activeMarket.id,
       venueMarkets,
-      title: group.title,
+      title: cardTitle,
       compactHeader: true,
       subtitleOverride: compactSubtitle,
       headerOutcomeVariant,
@@ -29888,9 +29919,9 @@ var SportsMarketCard = ({
           })),
           selectedIndex: selectedLineIndex,
           onSelect: handleLineSelect,
-          ariaLabel: labels.eventMarketPage.sports.lineSelectorAria(group.title),
-          previousAriaLabel: labels.eventMarketPage.sports.previousLineAria(group.title),
-          nextAriaLabel: labels.eventMarketPage.sports.nextLineAria(group.title)
+          ariaLabel: labels.eventMarketPage.sports.lineSelectorAria(cardTitle),
+          previousAriaLabel: labels.eventMarketPage.sports.previousLineAria(cardTitle),
+          nextAriaLabel: labels.eventMarketPage.sports.nextLineAria(cardTitle)
         }
       ) : void 0,
       classNames: { root: "agg-market-list-item agg-sports-market-card" },
@@ -39154,7 +39185,9 @@ var TRADING_ACCESS_VENUES = [
   "limitless",
   "predict",
   "myriad",
-  "hyperliquid"
+  "hyperliquid",
+  "novig",
+  "prophetx"
 ];
 var TRADING_ACCESS_VENUE_ITEMS = TRADING_ACCESS_VENUES.map((id) => ({ id }));
 var SectionTitle2 = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });

package/dist/index.mjs

@@ -14,7 +14,7 @@ import {
   formatRecurringCountdown,
   formatShareAmount,
   useHomePageModals
-} from "./chunk-5D36HPOG.mjs";
+} from "./chunk-VAL2IB3M.mjs";
 import {
   EventList,
   EventListItem,
@@ -32,7 +32,7 @@ import {
   orderbookRowLimitDefault,
   resolveEventDetailsSyncKey,
   useCenterOrderbookSpread
-} from "./chunk-EYJS45RP.mjs";
+} from "./chunk-IS45S6R3.mjs";
 import {
   CARD_NETWORK_OPTIONS,
   DepositModal,
@@ -45,7 +45,7 @@ import {
   buildTerminalSummary,
   clearPendingCardSession,
   getPendingCardSession
-} from "./chunk-I72YHWOI.mjs";
+} from "./chunk-Z4WWOHDT.mjs";
 import {
   AggNotificationEventsProvider,
   DEPOSIT_MODAL_OPEN_EVENT,

package/dist/modals.js

@@ -9331,12 +9331,16 @@ var PaperTradingBadge = ({
   placement = "chip",
   isAuthenticated = false,
   forceVisible = false,
+  label: label2,
+  showWhenAuthenticated = false,
   classNames
 }) => {
   const labels = (0, import_hooks41.useLabels)();
   const { isPaperMode, isResolving } = (0, import_hooks41.useResolvedExecutionMode)();
   if (!forceVisible && (isResolving || !isPaperMode)) return null;
-  if (placement === "brand" && isAuthenticated && !forceVisible) return null;
+  if (placement === "brand" && isAuthenticated && !forceVisible && !showWhenAuthenticated) {
+    return null;
+  }
   const placementClassName = {
     brand: "inline-flex md:hidden",
     chip: "inline-flex",
@@ -9380,7 +9384,7 @@ var PaperTradingBadge = ({
                 "text-[10px] leading-[14px] font-agg-bold uppercase whitespace-nowrap",
                 classNames == null ? void 0 : classNames.pill
               ),
-              children: labels.paperTrading.badge
+              children: label2 != null ? label2 : labels.paperTrading.badge
             }
           )
         }
@@ -9892,7 +9896,9 @@ var TRADING_ACCESS_VENUES = [
   "limitless",
   "predict",
   "myriad",
-  "hyperliquid"
+  "hyperliquid",
+  "novig",
+  "prophetx"
 ];
 var TRADING_ACCESS_VENUE_ITEMS = TRADING_ACCESS_VENUES.map((id) => ({ id }));
 var SectionTitle2 = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });

package/dist/modals.mjs

@@ -11,7 +11,7 @@ import {
   buildTerminalSummary,
   clearPendingCardSession,
   getPendingCardSession
-} from "./chunk-I72YHWOI.mjs";
+} from "./chunk-Z4WWOHDT.mjs";
 import {
   ConnectAccountsStep,
   ConnectKalshiModal,

package/dist/pages.js

@@ -12344,6 +12344,8 @@ var buildMarketDetailsModel = ({
 var import_hooks44 = require("@agg-build/hooks");
 var PRICE_PRECISION = 1e6;
 var SIZE_PRECISION = 1e8;
+var DISPLAY_PRICE_BUCKETS_PER_UNIT = 1e3;
+var DISPLAY_ROUNDING_PRECISION = 1e9;
 var POSITIVE_OUTCOME_KEYS = /* @__PURE__ */ new Set(["yes", "y", "true", "up", "buy", "long"]);
 var NEGATIVE_OUTCOME_KEYS = /* @__PURE__ */ new Set(["no", "n", "false", "down", "sell", "short"]);
 var roundTo = (value, precision) => {
@@ -12358,6 +12360,10 @@ var fromScaled = (value, precision) => {
 var toPriceKey = (price) => {
   return String(toScaled(price, PRICE_PRECISION));
 };
+var toDisplayPrice = (price) => {
+  const bucketSize = DISPLAY_ROUNDING_PRECISION / DISPLAY_PRICE_BUCKETS_PER_UNIT;
+  return Math.round(toScaled(price, DISPLAY_ROUNDING_PRECISION) / bucketSize) / DISPLAY_PRICE_BUCKETS_PER_UNIT;
+};
 var normalizeOutcomeLabel = (value) => {
   if (typeof value !== "string") return "";
   return value.trim().toLowerCase().replace(/[_-]+/g, " ").replace(/[^\p{L}\p{N}\s]/gu, " ").replace(/\s+/g, " ");
@@ -12471,7 +12477,7 @@ var buildRowsFromAccumulator = ({
       venues,
       price: roundTo(level.price, PRICE_PRECISION),
       size,
-      total: roundTo(level.price * size, SIZE_PRECISION),
+      total: roundTo(level.notional, SIZE_PRECISION),
       tone,
       barScale: 0,
       venueBreakdown,
@@ -12489,6 +12495,7 @@ var accumulateSideLevels = ({
   orderbooksByOutcomeId
 }) => {
   const levelsByPrice = /* @__PURE__ */ new Map();
+  let bestPrice = null;
   const includedOutcomeIds = /* @__PURE__ */ new Set();
   const missingOutcomeIds = /* @__PURE__ */ new Set();
   eligibleOutcomes.forEach((eligibleOutcome) => {
@@ -12504,18 +12511,25 @@ var accumulateSideLevels = ({
     includedOutcomeIds.add(eligibleOutcome.outcomeId);
     venueLevels.forEach((level) => {
       var _a;
-      const priceKey = toPriceKey(level.price);
+      if (bestPrice == null || (side === "asks" ? level.price < bestPrice : level.price > bestPrice)) {
+        bestPrice = level.price;
+      }
+      const displayPrice = toDisplayPrice(level.price);
+      const priceKey = toPriceKey(displayPrice);
       const scaledSize = toScaled(level.size, SIZE_PRECISION);
+      const notional = level.price * level.size;
       const currentLevel = levelsByPrice.get(priceKey);
       if (currentLevel) {
         currentLevel.sizeScaled += scaledSize;
+        currentLevel.notional += notional;
         currentLevel.venueBreakdownScaled[eligibleOutcome.venue] = ((_a = currentLevel.venueBreakdownScaled[eligibleOutcome.venue]) != null ? _a : 0) + scaledSize;
         currentLevel.sourceOutcomeIds.add(eligibleOutcome.outcomeId);
         return;
       }
       levelsByPrice.set(priceKey, {
-        price: level.price,
+        price: displayPrice,
         sizeScaled: scaledSize,
+        notional,
         venueBreakdownScaled: {
           [eligibleOutcome.venue]: scaledSize
         },
@@ -12525,6 +12539,7 @@ var accumulateSideLevels = ({
   });
   return {
     levelsByPrice,
+    bestPrice,
     includedOutcomeIds,
     missingOutcomeIds
   };
@@ -12681,7 +12696,7 @@ var mergeVenueOutcomeOrderbooks = ({
   eligibleOutcomes,
   orderbooksByOutcomeId
 }) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b;
   const bidState = accumulateSideLevels({
     side: "bids",
     eligibleOutcomes,
@@ -12704,8 +12719,8 @@ var mergeVenueOutcomeOrderbooks = ({
     levelsByPrice: askState.levelsByPrice,
     fallbackVenue: (_b = eligibleOutcomes[0]) == null ? void 0 : _b.venue
   });
-  const bestBid = (_d = (_c = bidRows[0]) == null ? void 0 : _c.price) != null ? _d : null;
-  const bestAsk = (_f = (_e = askRows[0]) == null ? void 0 : _e.price) != null ? _f : null;
+  const bestBid = bidState.bestPrice;
+  const bestAsk = askState.bestPrice;
   return {
     askRows,
     bidRows,
@@ -26976,6 +26991,16 @@ var aggregateSportsLineStops = (markets, isSpread = false) => {
     (left, right) => left.lineValue !== right.lineValue ? left.lineValue - right.lineValue : left.value.localeCompare(right.value)
   );
 };
+var escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+var resolveSportsLadderTitle = (group, selectedLineDisplay) => {
+  var _a;
+  const anchorLineValue = (_a = group.markets[0]) == null ? void 0 : _a.lineValue;
+  if (anchorLineValue == null || !selectedLineDisplay) return group.title;
+  const anchorDisplay = resolveSelectedSportsLineValue(anchorLineValue);
+  if (anchorDisplay === selectedLineDisplay) return group.title;
+  const pattern = new RegExp(`(^|[^\\d.])${escapeRegExp(anchorDisplay)}(?![\\d.])`);
+  return pattern.test(group.title) ? group.title.replace(pattern, (_match, prefix) => `${prefix}${selectedLineDisplay}`) : group.title;
+};
 var buildSportsSlideFromGroup = (group) => {
   const lineStops = group.hasLineVariants ? aggregateSportsLineStops(group.markets, group.sportsMarketType === "spread") : [];
   const hasLadder = lineStops.length > 1;
@@ -27484,6 +27509,8 @@ var SportsMarketCard = ({
     });
   }, [slide.kind, activeMarket, group.markets, midpointsResult]);
   if (!activeMarket) return null;
+  const selectedStop = slide.hasLadder ? slide.stops[selectedLineIndex] : void 0;
+  const cardTitle = selectedStop ? resolveSportsLadderTitle(group, selectedStop.value) : group.title;
   const activeOutcome = (_h = activeMarket.venueMarketOutcomes.find(
     (outcome) => outcome.id === (tradingContext == null ? void 0 : tradingContext.selectedOutcomeId)
   )) != null ? _h : activeDefaultOutcome;
@@ -27544,7 +27571,7 @@ var SportsMarketCard = ({
     {
       marketId: activeMarket.id,
       venueMarkets,
-      title: group.title,
+      title: cardTitle,
       compactHeader: true,
       subtitleOverride: compactSubtitle,
       headerOutcomeVariant,
@@ -27563,9 +27590,9 @@ var SportsMarketCard = ({
           })),
           selectedIndex: selectedLineIndex,
           onSelect: handleLineSelect,
-          ariaLabel: labels.eventMarketPage.sports.lineSelectorAria(group.title),
-          previousAriaLabel: labels.eventMarketPage.sports.previousLineAria(group.title),
-          nextAriaLabel: labels.eventMarketPage.sports.nextLineAria(group.title)
+          ariaLabel: labels.eventMarketPage.sports.lineSelectorAria(cardTitle),
+          previousAriaLabel: labels.eventMarketPage.sports.previousLineAria(cardTitle),
+          nextAriaLabel: labels.eventMarketPage.sports.nextLineAria(cardTitle)
         }
       ) : void 0,
       classNames: { root: "agg-market-list-item agg-sports-market-card" },

package/dist/pages.mjs

@@ -11,8 +11,8 @@ import {
   formatRecurringCountdown,
   formatShareAmount,
   useHomePageModals
-} from "./chunk-5D36HPOG.mjs";
-import "./chunk-EYJS45RP.mjs";
+} from "./chunk-VAL2IB3M.mjs";
+import "./chunk-IS45S6R3.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   WITHDRAW_MODAL_OPEN_EVENT,

package/dist/types/pages/event-market/sports-event-market.utils.d.mts

@@ -30,6 +30,11 @@ export type SportsSectionTab = {
 export type SportsMarketCardVariant = "outcome" | "line" | "yes_no";
 export type SportsMarketDisplayGroup = {
     id: string;
+    /**
+     * Wording for the whole group, derived from `markets[0]`. On a line ladder that
+     * is the LOWEST rung, so any line it names is the lowest one — the card swaps
+     * in the selected rung's number via {@link resolveSportsLadderTitle}.
+     */
     title: string;
     questionKey: string;
     sportsMarketType: SportsMarketTypeKey | null;
@@ -184,6 +189,28 @@ export type SportsCombinedLeg = {
  * ponytail: O(n) map build over one group's markets (a handful of rows).
  */
 export declare const resolveSportsCombinedLegs: (group: Pick<SportsMarketDisplayGroup, "markets" | "sportsMarketType">) => SportsCombinedLeg[] | null;
+/**
+ * The group's wording with the SELECTED rung's number in it.
+ *
+ * `group.title` is derived once, from `markets[0]` — the lowest rung — while the
+ * card renders whichever rung the rail has selected (by default the
+ * highest-volume one). Where a venue spells the line into its question and our
+ * cleaner can't strip it (kalshi's "Kentucky over 2.5 points scored" keeps its
+ * line because the strip is anchored to the END of the string), the heading
+ * quoted a line the card was not showing — contradicting its own chip, its
+ * Yes/No pills and the trade panel.
+ *
+ * Only the digits move. Re-deriving the title from the selected market instead
+ * would reword the card rung to rung, because the ladder is stocked from
+ * whichever venue lists each line and they phrase the same bet differently
+ * ("Kentucky O/U 23.5" strips down to a bare "Kentucky Totals", and prophetx
+ * would put "ALA: Team Points Fixed" in the header). One wording, one number.
+ *
+ * A title with no line in it — "Spreads", "Total Points", or a ladder whose
+ * lowest rung came from a venue we DO strip cleanly — has nothing to swap and is
+ * returned untouched.
+ */
+export declare const resolveSportsLadderTitle: (group: SportsMarketDisplayGroup, selectedLineDisplay: string) => string;
 export declare const buildSportsSlideFromGroup: (group: SportsMarketDisplayGroup) => SportsGameLineSlide;
 /**
  * Derive the Moneyline / Spreads / Total game-line slides (in that order) from a

package/dist/types/pages/event-market/sports-event-market.utils.d.ts

@@ -30,6 +30,11 @@ export type SportsSectionTab = {
 export type SportsMarketCardVariant = "outcome" | "line" | "yes_no";
 export type SportsMarketDisplayGroup = {
     id: string;
+    /**
+     * Wording for the whole group, derived from `markets[0]`. On a line ladder that
+     * is the LOWEST rung, so any line it names is the lowest one — the card swaps
+     * in the selected rung's number via {@link resolveSportsLadderTitle}.
+     */
     title: string;
     questionKey: string;
     sportsMarketType: SportsMarketTypeKey | null;
@@ -184,6 +189,28 @@ export type SportsCombinedLeg = {
  * ponytail: O(n) map build over one group's markets (a handful of rows).
  */
 export declare const resolveSportsCombinedLegs: (group: Pick<SportsMarketDisplayGroup, "markets" | "sportsMarketType">) => SportsCombinedLeg[] | null;
+/**
+ * The group's wording with the SELECTED rung's number in it.
+ *
+ * `group.title` is derived once, from `markets[0]` — the lowest rung — while the
+ * card renders whichever rung the rail has selected (by default the
+ * highest-volume one). Where a venue spells the line into its question and our
+ * cleaner can't strip it (kalshi's "Kentucky over 2.5 points scored" keeps its
+ * line because the strip is anchored to the END of the string), the heading
+ * quoted a line the card was not showing — contradicting its own chip, its
+ * Yes/No pills and the trade panel.
+ *
+ * Only the digits move. Re-deriving the title from the selected market instead
+ * would reword the card rung to rung, because the ladder is stocked from
+ * whichever venue lists each line and they phrase the same bet differently
+ * ("Kentucky O/U 23.5" strips down to a bare "Kentucky Totals", and prophetx
+ * would put "ALA: Team Points Fixed" in the header). One wording, one number.
+ *
+ * A title with no line in it — "Spreads", "Total Points", or a ladder whose
+ * lowest rung came from a venue we DO strip cleanly — has nothing to swap and is
+ * returned untouched.
+ */
+export declare const resolveSportsLadderTitle: (group: SportsMarketDisplayGroup, selectedLineDisplay: string) => string;
 export declare const buildSportsSlideFromGroup: (group: SportsMarketDisplayGroup) => SportsGameLineSlide;
 /**
  * Derive the Moneyline / Spreads / Total game-line slides (in that order) from a

package/dist/types/paper-trading/paper-trading-badge.d.mts

@@ -30,6 +30,18 @@ export type PaperTradingBadgeProps = {
      * disappears in a live app. Used by Storybook.
      */
     forceVisible?: boolean;
+    /**
+     * Pill text. Defaults to `labels.paperTrading.badge`. Lets a host shorten
+     * one placement — e.g. the mobile `brand` pill, where header width is tight —
+     * without changing the copy everywhere else.
+     */
+    label?: string;
+    /**
+     * Keep the `brand` pill on a signed-in phone. Off by default — see the
+     * TEMPORARY note in the component. A host that shortens the pill (via
+     * `label`) so it fits beside the wallet chip can opt back in.
+     */
+    showWhenAuthenticated?: boolean;
     classNames?: PaperTradingBadgeClassNames;
 };
 /**
@@ -45,6 +57,6 @@ export type PaperTradingBadgeProps = {
  * mistake here that would genuinely mislead someone about their funds.
  */
 export declare const PaperTradingBadge: {
-    ({ placement, isAuthenticated, forceVisible, classNames, }: PaperTradingBadgeProps): JSX.Element | null;
+    ({ placement, isAuthenticated, forceVisible, label, showWhenAuthenticated, classNames, }: PaperTradingBadgeProps): JSX.Element | null;
     displayName: string;
 };

package/dist/types/paper-trading/paper-trading-badge.d.ts

@@ -30,6 +30,18 @@ export type PaperTradingBadgeProps = {
      * disappears in a live app. Used by Storybook.
      */
     forceVisible?: boolean;
+    /**
+     * Pill text. Defaults to `labels.paperTrading.badge`. Lets a host shorten
+     * one placement — e.g. the mobile `brand` pill, where header width is tight —
+     * without changing the copy everywhere else.
+     */
+    label?: string;
+    /**
+     * Keep the `brand` pill on a signed-in phone. Off by default — see the
+     * TEMPORARY note in the component. A host that shortens the pill (via
+     * `label`) so it fits beside the wallet chip can opt back in.
+     */
+    showWhenAuthenticated?: boolean;
     classNames?: PaperTradingBadgeClassNames;
 };
 /**
@@ -45,6 +57,6 @@ export type PaperTradingBadgeProps = {
  * mistake here that would genuinely mislead someone about their funds.
  */
 export declare const PaperTradingBadge: {
-    ({ placement, isAuthenticated, forceVisible, classNames, }: PaperTradingBadgeProps): JSX.Element | null;
+    ({ placement, isAuthenticated, forceVisible, label, showWhenAuthenticated, classNames, }: PaperTradingBadgeProps): JSX.Element | null;
     displayName: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agg-build/ui",
-  "version": "4.11.3",
+  "version": "4.14.0",
   "description": "Pre-built React component library for the AGG prediction market aggregator. Tailwind-based, themeable, with primitives, event surfaces, trading flows, full pages, and modals.",
   "sideEffects": false,
   "license": "MIT",
@@ -100,8 +100,8 @@
     "liveline": "^0.0.7",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@agg-build/hooks": "^4.11.0",
-    "@agg-build/sdk": "^4.11.3"
+    "@agg-build/sdk": "^4.13.1",
+    "@agg-build/hooks": "^4.11.0"
   },
   "dependencies": {
     "@number-flow/react": "^0.6.0",