@agg-build/ui 2.1.4 → 2.2.0

package/dist/primitives.js

@@ -6731,7 +6731,11 @@ var formatMarketProbabilityPercent = (value, formatPercent = formatWholePercent)
   }
   return formattedValue;
 };
-var sortOutcomes = (outcomes) => {
+var resolveOutcomeProbability = (outcome, priceByOutcomeId) => {
+  const resolvedPrice = priceByOutcomeId === void 0 ? outcome.price : priceByOutcomeId.has(outcome.id) ? priceByOutcomeId.get(outcome.id) : void 0;
+  return normalizeProbability(resolvedPrice);
+};
+var sortOutcomesWithPrices = (outcomes, priceByOutcomeId) => {
   if (outcomes.length <= 1) return outcomes;
   if (hasBinaryOutcomes(outcomes)) {
     return sortYesFirst(outcomes);
@@ -6747,38 +6751,41 @@ var sortOutcomes = (outcomes) => {
   }
   return [...outcomes].sort((a, b) => {
     var _a, _b;
-    const aPrice = (_a = normalizeProbability(a.price)) != null ? _a : 0;
-    const bPrice = (_b = normalizeProbability(b.price)) != null ? _b : 0;
+    const aPrice = (_a = resolveOutcomeProbability(a, priceByOutcomeId)) != null ? _a : 0;
+    const bPrice = (_b = resolveOutcomeProbability(b, priceByOutcomeId)) != null ? _b : 0;
     return bPrice - aPrice;
   });
 };
-var compareVisibleOutcomeRows = (left, right) => {
+var compareVisibleOutcomeRows = (left, right, priceByOutcomeId) => {
   var _a, _b;
   const leftDate = toDate(resolveOutcomeTitle(left.outcome));
   const rightDate = toDate(resolveOutcomeTitle(right.outcome));
   if (leftDate && rightDate) {
     return leftDate.getTime() - rightDate.getTime();
   }
-  const leftProbability = (_a = normalizeProbability(left.outcome.price)) != null ? _a : -1;
-  const rightProbability = (_b = normalizeProbability(right.outcome.price)) != null ? _b : -1;
+  const leftProbability = (_a = resolveOutcomeProbability(left.outcome, priceByOutcomeId)) != null ? _a : -1;
+  const rightProbability = (_b = resolveOutcomeProbability(right.outcome, priceByOutcomeId)) != null ? _b : -1;
   return rightProbability - leftProbability;
 };
-var shouldReplaceVisibleOutcome = (current, next) => {
+var shouldReplaceVisibleOutcome = (current, next, priceByOutcomeId) => {
   var _a, _b;
   const currentVolume = typeof current.market.volume === "number" ? current.market.volume : -1;
   const nextVolume = typeof next.market.volume === "number" ? next.market.volume : -1;
   if (currentVolume !== nextVolume) {
     return nextVolume > currentVolume;
   }
-  const currentProbability = (_a = normalizeProbability(current.outcome.price)) != null ? _a : -1;
-  const nextProbability = (_b = normalizeProbability(next.outcome.price)) != null ? _b : -1;
+  const currentProbability = (_a = resolveOutcomeProbability(current.outcome, priceByOutcomeId)) != null ? _a : -1;
+  const nextProbability = (_b = resolveOutcomeProbability(next.outcome, priceByOutcomeId)) != null ? _b : -1;
   return nextProbability > currentProbability;
 };
-var resolveVisibleOutcomes = (venueMarkets) => {
+var resolveVisibleOutcomes = (venueMarkets, priceByOutcomeId) => {
   const visibleOutcomesByLabel = /* @__PURE__ */ new Map();
   venueMarkets.forEach((market) => {
     const title2 = market.question;
-    const canonicalOutcome = sortOutcomes(market.venueMarketOutcomes)[0];
+    const canonicalOutcome = sortOutcomesWithPrices(
+      market.venueMarketOutcomes,
+      priceByOutcomeId
+    )[0];
     if (!canonicalOutcome) return;
     const normalizedTitle = title2.trim().toLowerCase();
     const nextVisibleOutcome = {
@@ -6788,11 +6795,11 @@ var resolveVisibleOutcomes = (venueMarkets) => {
       title: title2
     };
     const currentVisibleOutcome = visibleOutcomesByLabel.get(normalizedTitle);
-    if (!currentVisibleOutcome || shouldReplaceVisibleOutcome(currentVisibleOutcome, nextVisibleOutcome)) {
+    if (!currentVisibleOutcome || shouldReplaceVisibleOutcome(currentVisibleOutcome, nextVisibleOutcome, priceByOutcomeId)) {
       visibleOutcomesByLabel.set(normalizedTitle, nextVisibleOutcome);
     }
   });
-  return [...visibleOutcomesByLabel.values()].sort(compareVisibleOutcomeRows).slice(0, Math.max(1, 2));
+  return [...visibleOutcomesByLabel.values()].sort((left, right) => compareVisibleOutcomeRows(left, right, priceByOutcomeId)).slice(0, Math.max(1, 2));
 };
 var resolveOutcomeTitle = (outcome) => {
   var _a, _b;
@@ -6853,18 +6860,19 @@ var toVenueLogoName = (value) => {
   if (!venueLogoNameSet.has(value)) return null;
   return value;
 };
-var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCurrency) => {
-  var _a, _b;
+var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCurrency, options) => {
+  var _a, _b, _c;
   const primaryVenueMarket = selectPrimaryVenueMarket(event.venueMarkets);
   if (!primaryVenueMarket) return null;
   const primaryVenue = toVenueLogoName(primaryVenueMarket.venue);
   if (!primaryVenue) return null;
-  const visibleOutcome = resolveVisibleOutcomes(event.venueMarkets)[0];
+  const visibleOutcome = resolveVisibleOutcomes(event.venueMarkets, options == null ? void 0 : options.priceByOutcomeId)[0];
   if (!visibleOutcome) return null;
-  const probability = normalizeProbability(visibleOutcome.outcome.price);
-  if (probability == null) return null;
+  const probability = normalizeProbability(
+    (_a = options == null ? void 0 : options.priceByOutcomeId) == null ? void 0 : _a.get(visibleOutcome.outcome.id)
+  );
   const resolvedTitle = formatEventTitleWithDateSuffix({
-    title: (_a = event == null ? void 0 : event.title) != null ? _a : "",
+    title: (_b = event == null ? void 0 : event.title) != null ? _b : "",
     categories: event.categories,
     structureType: event.structureType,
     gameStartTime: event.gameStartTime,
@@ -6886,13 +6894,14 @@ var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCu
   return {
     id: event.id,
     title: resolvedTitle,
-    thumbnailSrc: (_b = resolveTileImage(event, primaryVenueMarket, void 0)) != null ? _b : "",
+    thumbnailSrc: (_c = resolveTileImage(event, primaryVenueMarket, void 0)) != null ? _c : "",
     thumbnailAlt: resolvedTitle,
     venue: primaryVenue,
     visibleVenues,
     marketSummaryLabel,
     volumeLabel,
     valueLabel: formatMarketProbabilityPercent(probability, formatPercent),
+    isValueLoading: probability == null && (options == null ? void 0 : options.isPriceLoading) === true,
     contextLabel: formatSearchContextLabel(visibleOutcome.title)
   };
 };
@@ -7002,7 +7011,16 @@ var SearchResultRow = ({
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
               /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+                item.isValueLoading ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: cn(
+                      "agg-search-result-value-loading",
+                      "h-5 w-12 shrink-0 rounded-agg-sm bg-agg-separator animate-pulse"
+                    )
+                  }
+                ) : /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
                   "p",
                   {
                     className: cn(
@@ -7115,6 +7133,24 @@ var Search = ({
     () => filterOpenEvents(searchResults),
     [searchResults]
   );
+  const visibleVenueMarkets = (0, import_react9.useMemo)(
+    () => openEvents.flatMap((event) => {
+      var _a;
+      return (_a = event.venueMarkets) != null ? _a : [];
+    }),
+    [openEvents]
+  );
+  const livePrices = (0, import_hooks27.useLiveOutcomePrices)(visibleVenueMarkets);
+  const midpointResult = (0, import_hooks27.useMidpoints)(visibleVenueMarkets);
+  const searchDisplayPrices = (0, import_react9.useMemo)(() => {
+    if (!midpointResult.bestMidpointsByOutcomeId.size) return livePrices;
+    if (!livePrices.size) return midpointResult.bestMidpointsByOutcomeId;
+    const merged = new Map(midpointResult.bestMidpointsByOutcomeId);
+    for (const [outcomeId, price] of livePrices) {
+      merged.set(outcomeId, price);
+    }
+    return merged;
+  }, [livePrices, midpointResult.bestMidpointsByOutcomeId]);
   const { validatedResults, eventsByResultId } = (0, import_react9.useMemo)(() => {
     const nextEventsByResultId = /* @__PURE__ */ new Map();
     const nextResults = openEvents.map((event) => {
@@ -7122,7 +7158,11 @@ var Search = ({
         event,
         labels,
         formatPercent,
-        formatCompactCurrency
+        formatCompactCurrency,
+        {
+          priceByOutcomeId: searchDisplayPrices,
+          isPriceLoading: midpointResult.isLoading
+        }
       );
       if (!item) return null;
       nextEventsByResultId.set(item.id, event);
@@ -7132,7 +7172,14 @@ var Search = ({
       validatedResults: nextResults,
       eventsByResultId: nextEventsByResultId
     };
-  }, [formatCompactCurrency, formatPercent, labels, openEvents]);
+  }, [
+    formatCompactCurrency,
+    formatPercent,
+    labels,
+    midpointResult.isLoading,
+    openEvents,
+    searchDisplayPrices
+  ]);
   const hasSearchValue = trimmedValue.length > 0;
   const shouldRenderDropdown = isFocused && shouldSearchValue && !searchConfig.result && !searchConfig.isShowingAllResults;
   const resolvedIsActive = isFocused;

package/dist/primitives.mjs

@@ -99,7 +99,7 @@ import {
   useOptionalToast,
   useToast,
   venueLogoNames
-} from "./chunk-VP76G6PN.mjs";
+} from "./chunk-MIAAL7BL.mjs";
 export {
   ActivityChartIcon,
   AggErrorBoundary,

package/dist/trading.js

@@ -6724,7 +6724,7 @@ var mapVenueMarketOutcomesToPlaceOrderOutcomes = (venueMarketOutcomes) => {
       label: outcome.label,
       title: (_a = outcome.title) != null ? _a : null,
       price: outcome.price,
-      priceLabel: getTradingPriceLabel(outcome.price)
+      priceLabel: outcome.price != null ? getTradingPriceLabel(outcome.price) : ""
     };
   });
 };
@@ -8944,16 +8944,10 @@ var PlaceOrder = ({
     scopedSelectedMarket ? [scopedSelectedMarket] : void 0
   );
   const wsBestPrices = (0, import_hooks30.useLiveBestPrices)(scopedSelectedMarket ? [scopedSelectedMarket] : void 0);
-  const clusterMidpointResult = midpointsResult != null ? midpointsResult : {
-    prices: /* @__PURE__ */ new Map(),
-    bestMidpointsByOutcomeId: /* @__PURE__ */ new Map(),
-    venueByOutcomeId: /* @__PURE__ */ new Map(),
-    bestPrices: /* @__PURE__ */ new Map(),
-    bestPriceVenuesByOutcomeId: /* @__PURE__ */ new Map(),
-    isLoading: false,
-    bestMidpoint: void 0,
-    bestMidpointVenue: void 0
-  };
+  const fetchedClusterMidpointResult = (0, import_hooks30.useMidpoints)(
+    midpointsResult ? [] : scopedSelectedMarket ? [scopedSelectedMarket] : []
+  );
+  const clusterMidpointResult = midpointsResult != null ? midpointsResult : fetchedClusterMidpointResult;
   const clusterBestMidpointsByOutcomeId = (_i = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _i : clusterMidpointResult.prices;
   const clusterBestMidpoint = clusterMidpointResult.bestMidpoint;
   const clusterBestPricesRest = clusterMidpointResult.bestPrices;
@@ -10136,11 +10130,11 @@ var PlaceOrder = ({
                 bestPrices: clusterBestPrices,
                 bestMidpoint: clusterBestMidpoint,
                 bestMidpointsByOutcomeId: clusterBestMidpointsByOutcomeId,
-                livePrices,
-                fallbackPrice: outcome.price
+                livePrices
               });
               const isActive = outcome.id === scopedSelectedOutcomeId;
               const isPositive = resolveIsPositiveOutcome(outcome, index);
+              const isPriceLoading = clusterMidpointResult.isLoading && price == null;
               return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
                 "button",
                 {
@@ -10170,7 +10164,16 @@ var PlaceOrder = ({
                         children: (_c2 = outcome.title) != null ? _c2 : outcome.label
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
+                    isPriceLoading ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: cn(
+                          "agg-place-order-outcome-price-loading",
+                          "h-4 w-10 shrink-0 rounded-agg-sm bg-agg-separator animate-pulse"
+                        )
+                      }
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
                   ]
                 },
                 outcome.id

package/dist/trading.mjs

@@ -8,7 +8,7 @@ import {
   parseVenue,
   useClaimWinnings,
   useResolvedMarketClaim
-} from "./chunk-BW7S2YR3.mjs";
+} from "./chunk-73MO7MYG.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,
@@ -23,9 +23,9 @@ import {
   getTradingValueLabel,
   getTradingVenueLabel,
   useEventTradingContext
-} from "./chunk-R2YNZJZ3.mjs";
-import "./chunk-T4YZGAYS.mjs";
-import "./chunk-VP76G6PN.mjs";
+} from "./chunk-TR7HUVY7.mjs";
+import "./chunk-5MRFY5ZQ.mjs";
+import "./chunk-MIAAL7BL.mjs";
 export {
   PlaceOrder,
   PlaceOrderFailureView,

package/dist/types/events/item/event-list-item.types.d.mts

@@ -23,7 +23,7 @@ export type EventListItemBaseProps = {
     venueInfo?: EventListItemVenueInfoMap;
     /** Optional arbitrage values keyed by outcome ID for badge rendering. */
     arbitrageByOutcomeId?: Record<string, number | undefined>;
-    /** Live midpoint-derived prices keyed by outcome ID. Falls back to outcome.price when absent. */
+    /** Live midpoint-derived prices keyed by outcome ID. */
     midpointPrices?: Map<string, number>;
     /** True while midpoints are being fetched — show skeleton on price badges. */
     midpointsLoading?: boolean;
@@ -68,6 +68,6 @@ export type EventListItemProps = EventListItemLoadingProps | EventListItemWithEv
 export type EventListItemContentProps = EventListItemBaseProps & {
     /** Resolved event content rendered by the presentational item body. */
     event: EventListItemEvent;
-    /** Live midpoint-derived prices keyed by outcome ID. Falls back to outcome.price when absent. */
+    /** Live midpoint-derived prices keyed by outcome ID. */
     midpointPrices?: Map<string, number>;
 };

package/dist/types/events/item/event-list-item.types.d.ts

@@ -23,7 +23,7 @@ export type EventListItemBaseProps = {
     venueInfo?: EventListItemVenueInfoMap;
     /** Optional arbitrage values keyed by outcome ID for badge rendering. */
     arbitrageByOutcomeId?: Record<string, number | undefined>;
-    /** Live midpoint-derived prices keyed by outcome ID. Falls back to outcome.price when absent. */
+    /** Live midpoint-derived prices keyed by outcome ID. */
     midpointPrices?: Map<string, number>;
     /** True while midpoints are being fetched — show skeleton on price badges. */
     midpointsLoading?: boolean;
@@ -68,6 +68,6 @@ export type EventListItemProps = EventListItemLoadingProps | EventListItemWithEv
 export type EventListItemContentProps = EventListItemBaseProps & {
     /** Resolved event content rendered by the presentational item body. */
     event: EventListItemEvent;
-    /** Live midpoint-derived prices keyed by outcome ID. Falls back to outcome.price when absent. */
+    /** Live midpoint-derived prices keyed by outcome ID. */
     midpointPrices?: Map<string, number>;
 };

package/dist/types/events/item/event-list-item.utils.d.mts

@@ -8,13 +8,14 @@ export declare const resolveYesOutcomeProbability: (market: Pick<VenueMarket, "v
 export declare const formatMarketProbabilityPercent: (value: number | null | undefined, formatPercent?: (value: number) => string) => string;
 export declare const formatPriceGapPercent: (value: number | null | undefined) => string | undefined;
 export declare const sortOutcomes: (outcomes: VenueMarketOutcome[]) => VenueMarketOutcome[];
+export declare const sortOutcomesWithPrices: (outcomes: VenueMarketOutcome[], priceByOutcomeId?: ReadonlyMap<string, number>) => VenueMarketOutcome[];
 export type EventListItemVisibleOutcome = {
     venue: VenueMarket["venue"];
     market: VenueMarket;
     outcome: VenueMarketOutcome;
     title: string;
 };
-export declare const resolveVisibleOutcomes: (venueMarkets: VenueMarket[]) => EventListItemVisibleOutcome[];
+export declare const resolveVisibleOutcomes: (venueMarkets: VenueMarket[], priceByOutcomeId?: ReadonlyMap<string, number>) => EventListItemVisibleOutcome[];
 /**
  * Dedupe venue markets while collapsing matched-cluster siblings to a single
  * row. Walks left-to-right; for each market we see, mark its own id AND every

package/dist/types/events/item/event-list-item.utils.d.ts

@@ -8,13 +8,14 @@ export declare const resolveYesOutcomeProbability: (market: Pick<VenueMarket, "v
 export declare const formatMarketProbabilityPercent: (value: number | null | undefined, formatPercent?: (value: number) => string) => string;
 export declare const formatPriceGapPercent: (value: number | null | undefined) => string | undefined;
 export declare const sortOutcomes: (outcomes: VenueMarketOutcome[]) => VenueMarketOutcome[];
+export declare const sortOutcomesWithPrices: (outcomes: VenueMarketOutcome[], priceByOutcomeId?: ReadonlyMap<string, number>) => VenueMarketOutcome[];
 export type EventListItemVisibleOutcome = {
     venue: VenueMarket["venue"];
     market: VenueMarket;
     outcome: VenueMarketOutcome;
     title: string;
 };
-export declare const resolveVisibleOutcomes: (venueMarkets: VenueMarket[]) => EventListItemVisibleOutcome[];
+export declare const resolveVisibleOutcomes: (venueMarkets: VenueMarket[], priceByOutcomeId?: ReadonlyMap<string, number>) => EventListItemVisibleOutcome[];
 /**
  * Dedupe venue markets while collapsing matched-cluster siblings to a single
  * row. Walks left-to-right; for each market we see, mark its own id AND every

package/dist/types/events/item-details/event-list-item-details.types.d.mts

@@ -120,7 +120,6 @@ export type EventListItemDetailsGraphSectionProps = {
     /**
      * WS-only prices keyed by outcome ID. Used for chart venue badges so each
      * badge shows its own venue's price rather than the cross-venue best.
-     * Falls back to `outcome.price` when a venue has no WS data yet.
      */
     wsLivePrices: Map<string, number>;
     /**

package/dist/types/events/item-details/event-list-item-details.types.d.ts

@@ -120,7 +120,6 @@ export type EventListItemDetailsGraphSectionProps = {
     /**
      * WS-only prices keyed by outcome ID. Used for chart venue badges so each
      * badge shows its own venue's price rather than the cross-venue best.
-     * Falls back to `outcome.price` when a venue has no WS data yet.
      */
     wsLivePrices: Map<string, number>;
     /**

package/dist/types/events/market-details/market-details.types.d.mts

@@ -181,6 +181,7 @@ export type MarketDetailsHeaderOutcomeItem = {
     label: string;
     title?: string | null;
     probability: number | undefined;
+    isPriceLoading?: boolean;
     tone: MarketDetailsOutcomeTone;
     venue: VenueLogoName;
     variant?: "outcome" | "line" | "yes_no";

package/dist/types/events/market-details/market-details.types.d.ts

@@ -181,6 +181,7 @@ export type MarketDetailsHeaderOutcomeItem = {
     label: string;
     title?: string | null;
     probability: number | undefined;
+    isPriceLoading?: boolean;
     tone: MarketDetailsOutcomeTone;
     venue: VenueLogoName;
     variant?: "outcome" | "line" | "yes_no";

package/dist/types/events/shared/chart-venue-selection.d.mts

@@ -3,7 +3,8 @@ type ChartVenueOutcomeLike = {
     venue: string;
     outcome: {
         id: string;
-        price: number;
+        /** No longer returned by discovery endpoints; live prices win when present. */
+        price?: number | undefined;
     };
 };
 type LivePriceLookup = {

package/dist/types/events/shared/chart-venue-selection.d.ts

@@ -3,7 +3,8 @@ type ChartVenueOutcomeLike = {
     venue: string;
     outcome: {
         id: string;
-        price: number;
+        /** No longer returned by discovery endpoints; live prices win when present. */
+        price?: number | undefined;
     };
 };
 type LivePriceLookup = {

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

@@ -4,7 +4,15 @@ export type SportsSectionTabKey = (typeof SPORTS_SECTION_TAB_KEYS)[number];
 export declare const SPORTS_MARKET_TYPE_KEYS: readonly ["moneyline", "spread", "total", "prop", "completion", "other"];
 export type SportsMarketTypeKey = (typeof SPORTS_MARKET_TYPE_KEYS)[number];
 export declare const SPORTS_PERIOD_KEYS: readonly ["full", "1h", "2h", "q1", "q2", "q3", "q4", "ot", "first_inning", "second_inning", "third_inning", "first_5_innings", "other"];
-export type SportsPeriodKey = (typeof SPORTS_PERIOD_KEYS)[number];
+/**
+ * Known named periods plus the documented open grammar (`set_N`, `map_N`,
+ * `game_N`, `period_N`, `inning_N`, `first_N_innings` — see the sports
+ * recipe's period vocabulary). Grammar tokens pass through verbatim so
+ * tennis sets / esports maps / hockey periods group under their own named
+ * period instead of collapsing into "other" (prod 2026-07: set_1 ×1,741,
+ * inning_1 ×144 were all landing in the Other bucket).
+ */
+export type SportsPeriodKey = (typeof SPORTS_PERIOD_KEYS)[number] | (string & {});
 export declare const SPORTS_MARKET_CATEGORY_KEYS: readonly ["game_lines", "exact_score", "corners", "goals", "assists", "shots", "other"];
 export type SportsMarketCategoryKey = (typeof SPORTS_MARKET_CATEGORY_KEYS)[number];
 export declare const SPORTS_MARKET_GROUP_KEYS: readonly ["game_lines", "spreads", "totals", "period_lines", "exact_score", "team_props", "player_props", "specials", "completion", "other"];
@@ -148,6 +156,12 @@ export type SportsTeams = {
 };
 export declare const resolveSportsTeams: (event: Pick<VenueEventWithMarkets, "title">, moneylineMarket?: VenueMarket | null) => SportsTeams | null;
 export declare const resolveSportsLeagueLabel: (event: Pick<VenueEventWithMarkets, "categories" | "aggKey">) => string | null;
+/**
+ * Human label for an open-grammar period token (`set_2` → "Set 2",
+ * `inning_4` → "Inning 4", `first_5_innings` → "First 5 Innings").
+ * Returns null for anything outside the documented grammar.
+ */
+export declare const formatSportsPeriodGrammarLabel: (period: string) => string | null;
 export declare const isNonStandardSportsLikeEvent: (event: Pick<VenueEventWithMarkets, "categories" | "title" | "venueMarkets">) => boolean;
 export declare const resolveVisibleSportsSectionTabDefinitions: (event: Pick<VenueEventWithMarkets, "categories" | "title" | "venueMarkets">) => SportsSectionTabDefinition[];
 export declare const mergeSportsSectionMarketsIntoEvent: ({ event, sectionMarketsByKey, }: {

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

@@ -4,7 +4,15 @@ export type SportsSectionTabKey = (typeof SPORTS_SECTION_TAB_KEYS)[number];
 export declare const SPORTS_MARKET_TYPE_KEYS: readonly ["moneyline", "spread", "total", "prop", "completion", "other"];
 export type SportsMarketTypeKey = (typeof SPORTS_MARKET_TYPE_KEYS)[number];
 export declare const SPORTS_PERIOD_KEYS: readonly ["full", "1h", "2h", "q1", "q2", "q3", "q4", "ot", "first_inning", "second_inning", "third_inning", "first_5_innings", "other"];
-export type SportsPeriodKey = (typeof SPORTS_PERIOD_KEYS)[number];
+/**
+ * Known named periods plus the documented open grammar (`set_N`, `map_N`,
+ * `game_N`, `period_N`, `inning_N`, `first_N_innings` — see the sports
+ * recipe's period vocabulary). Grammar tokens pass through verbatim so
+ * tennis sets / esports maps / hockey periods group under their own named
+ * period instead of collapsing into "other" (prod 2026-07: set_1 ×1,741,
+ * inning_1 ×144 were all landing in the Other bucket).
+ */
+export type SportsPeriodKey = (typeof SPORTS_PERIOD_KEYS)[number] | (string & {});
 export declare const SPORTS_MARKET_CATEGORY_KEYS: readonly ["game_lines", "exact_score", "corners", "goals", "assists", "shots", "other"];
 export type SportsMarketCategoryKey = (typeof SPORTS_MARKET_CATEGORY_KEYS)[number];
 export declare const SPORTS_MARKET_GROUP_KEYS: readonly ["game_lines", "spreads", "totals", "period_lines", "exact_score", "team_props", "player_props", "specials", "completion", "other"];
@@ -148,6 +156,12 @@ export type SportsTeams = {
 };
 export declare const resolveSportsTeams: (event: Pick<VenueEventWithMarkets, "title">, moneylineMarket?: VenueMarket | null) => SportsTeams | null;
 export declare const resolveSportsLeagueLabel: (event: Pick<VenueEventWithMarkets, "categories" | "aggKey">) => string | null;
+/**
+ * Human label for an open-grammar period token (`set_2` → "Set 2",
+ * `inning_4` → "Inning 4", `first_5_innings` → "First 5 Innings").
+ * Returns null for anything outside the documented grammar.
+ */
+export declare const formatSportsPeriodGrammarLabel: (period: string) => string | null;
 export declare const isNonStandardSportsLikeEvent: (event: Pick<VenueEventWithMarkets, "categories" | "title" | "venueMarkets">) => boolean;
 export declare const resolveVisibleSportsSectionTabDefinitions: (event: Pick<VenueEventWithMarkets, "categories" | "title" | "venueMarkets">) => SportsSectionTabDefinition[];
 export declare const mergeSportsSectionMarketsIntoEvent: ({ event, sectionMarketsByKey, }: {

package/dist/types/primitives/search/search.types.d.mts

@@ -12,6 +12,7 @@ export type SearchResultItem = {
     marketSummaryLabel: string;
     volumeLabel: string;
     valueLabel: string;
+    isValueLoading?: boolean;
     contextLabel: string;
 };
 export type SearchClassNames = {

package/dist/types/primitives/search/search.types.d.ts

@@ -12,6 +12,7 @@ export type SearchResultItem = {
     marketSummaryLabel: string;
     volumeLabel: string;
     valueLabel: string;
+    isValueLoading?: boolean;
     contextLabel: string;
 };
 export type SearchClassNames = {

package/dist/types/primitives/search/search.utils.d.mts

@@ -1,4 +1,7 @@
 import type { AggUiLabels } from "@agg-build/hooks";
 import type { VenueEventWithMarkets } from "../../events/item";
 import type { SearchResultItem } from "./search.types";
-export declare const mapVenueEventToSearchResult: (event: VenueEventWithMarkets, labels: AggUiLabels, formatPercent: (value: number) => string, formatCompactCurrency: (value: number) => string) => SearchResultItem | null;
+export declare const mapVenueEventToSearchResult: (event: VenueEventWithMarkets, labels: AggUiLabels, formatPercent: (value: number) => string, formatCompactCurrency: (value: number) => string, options?: {
+    priceByOutcomeId?: ReadonlyMap<string, number>;
+    isPriceLoading?: boolean;
+}) => SearchResultItem | null;

package/dist/types/primitives/search/search.utils.d.ts

@@ -1,4 +1,7 @@
 import type { AggUiLabels } from "@agg-build/hooks";
 import type { VenueEventWithMarkets } from "../../events/item";
 import type { SearchResultItem } from "./search.types";
-export declare const mapVenueEventToSearchResult: (event: VenueEventWithMarkets, labels: AggUiLabels, formatPercent: (value: number) => string, formatCompactCurrency: (value: number) => string) => SearchResultItem | null;
+export declare const mapVenueEventToSearchResult: (event: VenueEventWithMarkets, labels: AggUiLabels, formatPercent: (value: number) => string, formatCompactCurrency: (value: number) => string, options?: {
+    priceByOutcomeId?: ReadonlyMap<string, number>;
+    isPriceLoading?: boolean;
+}) => SearchResultItem | null;

package/dist/types/trading/types.d.mts

@@ -18,7 +18,8 @@ export interface PlaceOrderOutcome {
      *  Polymarket "Trump Wins"). Display this when present, fall back to
      *  `label`. */
     title: string | null;
-    price: number;
+    /** No longer returned by discovery endpoints; live quotes/midpoints supply prices. */
+    price?: number | undefined;
     priceLabel: string;
 }
 export interface PlaceOrderMetric {

package/dist/types/trading/types.d.ts

@@ -18,7 +18,8 @@ export interface PlaceOrderOutcome {
      *  Polymarket "Trump Wins"). Display this when present, fall back to
      *  `label`. */
     title: string | null;
-    price: number;
+    /** No longer returned by discovery endpoints; live quotes/midpoints supply prices. */
+    price?: number | undefined;
     priceLabel: string;
 }
 export interface PlaceOrderMetric {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agg-build/ui",
-  "version": "2.1.4",
+  "version": "2.2.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": "^2.1.3",
-    "@agg-build/sdk": "^2.1.3"
+    "@agg-build/hooks": "^2.2.0",
+    "@agg-build/sdk": "^2.2.0"
   },
   "dependencies": {
     "@number-flow/react": "^0.6.0",