@agg-build/ui 2.2.3 → 2.2.4

package/dist/{chunk-QM3WWPCV.mjs → chunk-3R2CQTNM.mjs}

@@ -23,7 +23,7 @@ import {
   resolveUnifiedOrderBookEntries,
   sortOutcomeSelectorOutcomes,
   useEventTradingContext
-} from "./chunk-LPIAEKSZ.mjs";
+} from "./chunk-SG573ODC.mjs";
 import {
   AutocompleteSelect,
   Badge,
@@ -53,7 +53,6 @@ import {
   dedupeVenueMarketsById,
   detailsBaseCardClassName,
   filterEventsByTabValue,
-  formatEventTitleWithDateSuffix,
   formatMarketProbabilityPercent,
   formatPriceGapPercent,
   getMarketDetailsTabs,
@@ -66,6 +65,7 @@ import {
   orderBookRowLimitDefault,
   resolveCategoryIdsFromPath,
   resolveDisplayVolume,
+  resolveEventHeading,
   resolveEventListItemEvent,
   resolveOutcomeTitle,
   resolveResolvedOutcomeLabel,
@@ -75,7 +75,7 @@ import {
   sortCategoriesForNavigation,
   sortOutcomes,
   splitEventsByLifecycle
-} from "./chunk-UTXQUOU3.mjs";
+} from "./chunk-6Z5GQ3KL.mjs";
 
 // src/events/item/index.tsx
 import {
@@ -376,13 +376,16 @@ var EventListItemContent = ({
   const config = useSdkUiConfig();
   const labels = useLabels();
   const allVenueMarkets = useMemo(() => event.venueMarkets, [event.venueMarkets]);
-  const resolvedTitle = formatEventTitleWithDateSuffix({
+  const eventHeading = resolveEventHeading({
     title: event.title,
     categories: event.categories,
     structureType: event.structureType,
     gameStartTime: event.gameStartTime,
-    endDate: event.endDate
+    endDate: event.endDate,
+    venueMarkets: event.venueMarkets
   });
+  const resolvedTitle = eventHeading.title;
+  const resolvedTimestamp = eventHeading.timestampLabel;
   const resolvedImage = event.image;
   const visibleVenueLogos = useMemo(() => {
     var _a2;
@@ -688,10 +691,10 @@ var EventListItemContent = ({
       href,
       onClick: handleClick,
       onKeyDown: handleKeyDown,
-      "aria-label": ariaLabel != null ? ariaLabel : resolvedTitle,
+      "aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle, resolvedTimestamp].filter(Boolean).join(" "),
       withGradient: true,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("agg-event-card-header flex h-12 items-center gap-4", classNames == null ? void 0 : classNames.header), children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("agg-event-card-header flex items-center gap-4", classNames == null ? void 0 : classNames.header), children: [
           /* @__PURE__ */ jsx(
             RemoteImage,
             {
@@ -703,19 +706,32 @@ var EventListItemContent = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx(
-            Typography,
-            {
-              variant: "body-strong",
-              className: cn(
-                "agg-event-title",
-                "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6",
-                "truncate text-wrap wrap-break-word line-clamp-2",
-                classNames == null ? void 0 : classNames.title
-              ),
-              children: resolvedTitle
-            }
-          )
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 self-stretch", children: /* @__PURE__ */ jsxs("div", { className: "flex h-12 min-w-0 flex-col justify-center", children: [
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "body-strong",
+                className: cn(
+                  "agg-event-title",
+                  "min-w-0 text-agg-base font-agg-bold leading-agg-6",
+                  resolvedTimestamp ? "truncate whitespace-nowrap" : "text-wrap wrap-break-word line-clamp-2",
+                  classNames == null ? void 0 : classNames.title
+                ),
+                children: resolvedTitle
+              }
+            ),
+            resolvedTimestamp ? /* @__PURE__ */ jsx("div", { className: "agg-event-timestamp-row mt-0.5 h-5 min-w-0", children: /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "body",
+                className: cn(
+                  "agg-event-timestamp min-w-0 truncate",
+                  "text-agg-sm leading-agg-5 text-agg-muted-foreground"
+                ),
+                children: resolvedTimestamp
+              }
+            ) }) : null
+          ] }) })
         ] }),
         /* @__PURE__ */ jsxs(
           "div",
@@ -2561,19 +2577,27 @@ var EventListItemDetailsContent = ({
     return `${config.formatting.formatCompactCurrency(resolvedVolume)} ${labels.eventItemDetails.volumeSuffix}`;
   }, [config, event.volume, labels.eventItemDetails.volumeSuffix, venueMarkets]);
   const resolvedTitle = useMemo5(() => {
-    return formatEventTitleWithDateSuffix({
+    return resolveEventHeading({
       title: event.title,
       categories: event.categories,
       structureType: event.structureType,
       gameStartTime: event.gameStartTime,
-      endDate: event.endDate
+      endDate: event.endDate,
+      venueMarkets: event.venueMarkets
     });
-  }, [event.categories, event.gameStartTime, event.endDate, event.structureType, event.title]);
+  }, [
+    event.categories,
+    event.endDate,
+    event.gameStartTime,
+    event.structureType,
+    event.title,
+    event.venueMarkets
+  ]);
   return /* @__PURE__ */ jsxs4(
     Card,
     {
       className: cn("group/agg-event-details", detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
-      "aria-label": ariaLabel != null ? ariaLabel : resolvedTitle,
+      "aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle.title, resolvedTitle.timestampLabel].filter(Boolean).join(" "),
       onClick: () => {
         onClick == null ? void 0 : onClick(event);
       },
@@ -2598,19 +2622,29 @@ var EventListItemDetailsContent = ({
                 }
               ),
               /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-                /* @__PURE__ */ jsx5(
-                  Typography,
-                  {
-                    variant: "body-strong",
-                    className: cn(
-                      "agg-event-title",
-                      "min-w-0 text-agg-base font-agg-bold! leading-agg-6 md:text-agg-2xl md:leading-agg-8",
-                      "truncate text-wrap wrap-break-word line-clamp-2",
-                      classNames == null ? void 0 : classNames.title
-                    ),
-                    children: resolvedTitle
-                  }
-                ),
+                /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsx5(
+                    Typography,
+                    {
+                      variant: "body-strong",
+                      className: cn(
+                        "agg-event-title",
+                        "min-w-0 text-agg-base font-agg-bold! leading-agg-6 md:text-agg-2xl md:leading-agg-8",
+                        resolvedTitle.timestampLabel ? "truncate whitespace-nowrap" : "truncate text-wrap wrap-break-word line-clamp-2",
+                        classNames == null ? void 0 : classNames.title
+                      ),
+                      children: resolvedTitle.title
+                    }
+                  ),
+                  resolvedTitle.timestampLabel ? /* @__PURE__ */ jsx5(
+                    Typography,
+                    {
+                      variant: "body",
+                      className: "agg-event-timestamp mt-0.5 min-w-0 truncate text-agg-sm leading-agg-5 text-agg-muted-foreground",
+                      children: resolvedTitle.timestampLabel
+                    }
+                  ) : null
+                ] }),
                 venueMarkets.length > 1 ? /* @__PURE__ */ jsx5(
                   EventListItemDetailsMarketSelector,
                   {

package/dist/{chunk-ZRYHWHTD.mjs → chunk-44GSDH2Y.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   dispatchAggDepositNotification
-} from "./chunk-4QGZ3FWI.mjs";
+} from "./chunk-7OVSGWI7.mjs";
 import {
   BestPricesIcon,
   BoltIcon,
@@ -41,7 +41,7 @@ import {
   shortenAddress,
   useOptionalToast,
   venueLogoLabels
-} from "./chunk-UTXQUOU3.mjs";
+} from "./chunk-6Z5GQ3KL.mjs";
 
 // src/deposit/index.tsx
 import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels11 } from "@agg-build/hooks";

package/dist/{chunk-UTXQUOU3.mjs → chunk-6Z5GQ3KL.mjs}

@@ -6728,23 +6728,69 @@ var isSportEvent = (categories, structureType) => {
     return isSportCategoryToken(categoryEntry.id) || isSportCategoryToken((_a2 = categoryEntry.category) == null ? void 0 : _a2.id) || isSportCategoryToken((_b = categoryEntry.category) == null ? void 0 : _b.name) || isSportCategoryToken((_c = categoryEntry.category) == null ? void 0 : _c.displayName) || isSportCategoryToken((_d = categoryEntry.category) == null ? void 0 : _d.parentId);
   })) != null ? _a : false;
 };
-var formatEventTitleWithDateSuffix = ({
-  title: title2,
+var hasFixtureMarketMetadata = (venueMarkets) => {
+  var _a;
+  return (_a = venueMarkets == null ? void 0 : venueMarkets.some((venueMarket) => {
+    var _a2, _b, _c, _d;
+    return Boolean(
+      ((_a2 = venueMarket.sportsMarketType) == null ? void 0 : _a2.trim()) || ((_b = venueMarket.marketCategory) == null ? void 0 : _b.trim()) || ((_c = venueMarket.marketSubtype) == null ? void 0 : _c.trim()) || ((_d = venueMarket.period) == null ? void 0 : _d.trim()) || venueMarket.lineValue != null
+    );
+  })) != null ? _a : false;
+};
+var shouldDisplaySportsEventTimestamp = ({
   categories,
   structureType,
+  venueMarkets
+}) => {
+  if (!isSportEvent(categories, structureType)) return false;
+  if (structureType === "sport") {
+    return true;
+  }
+  if (typeof structureType === "string" && structureType.trim()) {
+    return false;
+  }
+  return hasFixtureMarketMetadata(venueMarkets);
+};
+var resolveSportsEventTimestamp = ({
   gameStartTime,
   endDate
+}) => {
+  return (gameStartTime == null ? void 0 : gameStartTime.trim()) || (endDate == null ? void 0 : endDate.trim()) || null;
+};
+var resolveEventTimestampLabel = ({
+  categories,
+  structureType,
+  gameStartTime,
+  endDate,
+  venueMarkets
+}) => {
+  if (!shouldDisplaySportsEventTimestamp({ categories, structureType, venueMarkets })) {
+    return null;
+  }
+  const timestamp = resolveSportsEventTimestamp({ gameStartTime, endDate });
+  if (!timestamp) return null;
+  return formatSportsEventTimeEt(timestamp);
+};
+var resolveEventHeading = ({
+  title: title2,
+  categories,
+  structureType,
+  gameStartTime,
+  endDate,
+  venueMarkets
 }) => {
   const resolvedTitle = title2.trim();
-  if (!resolvedTitle) return resolvedTitle;
-  if (!isSportEvent(categories, structureType)) return resolvedTitle;
-  const dateSource = gameStartTime != null ? gameStartTime : endDate;
-  if (!dateSource) return resolvedTitle;
-  const formattedDate = formatSportsEventTimeEt(dateSource);
-  if (!formattedDate) return resolvedTitle;
-  const suffix = ` - ${formattedDate}`;
-  if (resolvedTitle.endsWith(suffix)) return resolvedTitle;
-  return `${resolvedTitle}${suffix}`;
+  return {
+    title: resolvedTitle,
+    timestampLabel: resolveEventTimestampLabel({
+      title: resolvedTitle,
+      categories,
+      structureType,
+      gameStartTime,
+      endDate,
+      venueMarkets
+    })
+  };
 };
 
 // src/events/item/event-list-item.utils.ts
@@ -7085,13 +7131,13 @@ var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCu
   const probability = normalizeProbability(
     (_a = options == null ? void 0 : options.priceByOutcomeId) == null ? void 0 : _a.get(visibleOutcome.outcome.id)
   );
-  const resolvedTitle = formatEventTitleWithDateSuffix({
+  const resolvedTitle = resolveEventHeading({
     title: (_b = event == null ? void 0 : event.title) != null ? _b : "",
     categories: event.categories,
     structureType: event.structureType,
     gameStartTime: event.gameStartTime,
     endDate: event.endDate
-  });
+  }).title;
   if (!resolvedTitle) return null;
   const { marketCount, venueCount } = getVenueSummary(event.venueMarkets);
   const marketSummaryLabel = [
@@ -9839,7 +9885,7 @@ export {
   fallbackLineColors,
   VenueLogo,
   formatSportsEventTimeEt,
-  formatEventTitleWithDateSuffix,
+  resolveEventHeading,
   normalizeVenueMarketCluster,
   resolveEventListItemEvent,
   normalizeProbability,

package/dist/{chunk-4QGZ3FWI.mjs → chunk-7OVSGWI7.mjs}

@@ -3,7 +3,7 @@ import {
   AGG_TERMS_OF_SERVICE_URL,
   Icon,
   cn
-} from "./chunk-UTXQUOU3.mjs";
+} from "./chunk-6Z5GQ3KL.mjs";
 
 // src/geo-block-banner/index.tsx
 import { useLabels } from "@agg-build/hooks";

package/dist/{chunk-JOZPXDNZ.mjs → chunk-MXM5PM4A.mjs}

@@ -8,11 +8,11 @@ import {
   getTradingValueLabel,
   getTradingVenueLabel,
   resolveOrderEligibilityMessage
-} from "./chunk-LPIAEKSZ.mjs";
+} from "./chunk-SG573ODC.mjs";
 import {
   GeoBlockBanner,
   subscribeAggDepositNotification
-} from "./chunk-4QGZ3FWI.mjs";
+} from "./chunk-7OVSGWI7.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -44,7 +44,7 @@ import {
   resolveResolvedOutcomeLabel,
   skeletonViews,
   useOptionalToast
-} from "./chunk-UTXQUOU3.mjs";
+} from "./chunk-6Z5GQ3KL.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";

package/dist/{chunk-LPIAEKSZ.mjs → chunk-SG573ODC.mjs}

@@ -18,7 +18,7 @@ import {
   selectPrimaryVenueMarket,
   skeletonViews,
   sortOutcomes
-} from "./chunk-UTXQUOU3.mjs";
+} from "./chunk-6Z5GQ3KL.mjs";
 
 // src/trading/trading-context/index.tsx
 import { useEventTradingContext } from "@agg-build/hooks";

package/dist/{chunk-TDLI6F55.mjs → chunk-XJTNK3DS.mjs}

@@ -10,7 +10,7 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-QM3WWPCV.mjs";
+} from "./chunk-3R2CQTNM.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
@@ -18,10 +18,10 @@ import {
   WITHDRAW_MODAL_OPEN_EVENT,
   useClaimWinnings,
   useResolvedMarketClaim
-} from "./chunk-JOZPXDNZ.mjs";
+} from "./chunk-MXM5PM4A.mjs";
 import {
   getDisplayOutcomePrice
-} from "./chunk-LPIAEKSZ.mjs";
+} from "./chunk-SG573ODC.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -52,7 +52,7 @@ import {
   resolveTabVenus,
   shortenAddress,
   sortCategoriesForNavigation
-} from "./chunk-UTXQUOU3.mjs";
+} from "./chunk-6Z5GQ3KL.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -485,7 +485,12 @@ var SPORTS_SECTION_TAB_DEFINITIONS = [
   { key: "shots", marketCategory: "shots" },
   {
     key: "other",
-    marketGroup: ["other", "team_props", "player_props", "specials", "completion"]
+    // `player_props` is deliberately NOT fetched here: goals/assists/shots/corners
+    // props already have dedicated tabs (resolveMarketSectionTabKey routes them
+    // there by category), so including the group would re-fetch hundreds of props
+    // already shown elsewhere. The handful with no stat category (e.g. "saves")
+    // are back-filled from the game-wide set in resolveSportsSectionMarkets.
+    marketGroup: ["other", "team_props", "specials", "completion"]
   }
 ];
 var SPORTS_NON_STANDARD_VISIBLE_TAB_KEYS = ["game_lines", "other"];
@@ -654,6 +659,13 @@ var resolveSportsSectionMarkets = ({
   const filteredSectionMarkets = effectiveSectionMarkets.filter(
     (market) => resolveMarketSectionTabKey(market) === tabKey
   );
+  if (tabKey === "other") {
+    const seenIds = new Set(filteredSectionMarkets.map((market) => market.id));
+    const strayOtherMarkets = eventMarkets.filter(
+      (market) => !seenIds.has(market.id) && resolveMarketSectionTabKey(market) === "other"
+    );
+    return [...filteredSectionMarkets, ...strayOtherMarkets];
+  }
   if (tabKey !== "game_lines") return filteredSectionMarkets;
   const eventMoneylineMarkets = (() => {
     const dedupedMarkets = [];
@@ -709,6 +721,48 @@ var resolveSportsLineFamilyKey = (market) => {
   const aggKey = resolveSportsMarketAggKey(market);
   return aggKey ? aggKey.replace(AGGKEY_LINE_TOKEN_PATTERN, "") : "";
 };
+var resolveSpreadFamilyKey = (market) => {
+  const aggKey = resolveSportsMarketAggKey(market);
+  return aggKey ? aggKey.replace(/_sp_.+$/i, "_sp") : "";
+};
+var resolveSpreadFavoredToken = (market) => {
+  var _a, _b, _c;
+  const aggKey = resolveSportsMarketAggKey(market);
+  return (_c = (_b = (_a = aggKey.match(/_sp_([a-z0-9]+?)_\d+p\d+/i)) == null ? void 0 : _a[1]) == null ? void 0 : _b.toLowerCase()) != null ? _c : null;
+};
+var resolveSpreadHomeToken = (markets) => {
+  var _a;
+  const tokens = /* @__PURE__ */ new Set();
+  let prefix = "";
+  for (const market of markets) {
+    const token = resolveSpreadFavoredToken(market);
+    if (token) tokens.add(token);
+    if (!prefix) prefix = (_a = resolveSportsMarketAggKey(market).split("_sp_")[0]) != null ? _a : "";
+  }
+  if (tokens.size === 0 || !prefix) return null;
+  return Array.from(tokens).sort((left, right) => prefix.indexOf(left) - prefix.indexOf(right))[0];
+};
+var SPREAD_NON_TEAM_TITLE_PATTERN = /\b(?:yes|no|over|under|wins?\s+by|reg\.?\s*time|goal\s*diff|more\s+than|less\s+than|halftime|1st\s+half|2nd\s+half|goals?)\b/i;
+var isSpreadTeamTitle = (title) => {
+  const trimmed = toTrimmedString(title);
+  if (!trimmed || trimmed.length > 24) return false;
+  const normalized = trimmed.toLowerCase();
+  if (normalized === "yes" || normalized === "no") return false;
+  return !SPREAD_NON_TEAM_TITLE_PATTERN.test(trimmed);
+};
+var resolveSpreadOutcomeTeamNames = (activeMarket, groupMarkets) => {
+  const aggKey = resolveSportsMarketAggKey(activeMarket);
+  const twins = aggKey ? groupMarkets.filter((market) => resolveSportsMarketAggKey(market) === aggKey) : [activeMarket];
+  const pickName = (index) => {
+    const cleanTitles = twins.map((market) => {
+      var _a, _b;
+      return toTrimmedString((_b = (_a = market.venueMarketOutcomes) == null ? void 0 : _a[index]) == null ? void 0 : _b.title);
+    }).filter((title) => isSpreadTeamTitle(title));
+    if (cleanTitles.length === 0) return null;
+    return cleanTitles.reduce((longest, title) => title.length > longest.length ? title : longest);
+  };
+  return { favored: pickName(0), dog: pickName(1) };
+};
 var resolveDisplayGroupFamilyKey = (market) => {
   var _a, _b, _c;
   const normalizedQuestion = sanitizeFamilyValue(toTrimmedString(market.question));
@@ -723,7 +777,8 @@ var resolveDisplayGroupFamilyKey = (market) => {
   }
   const lineFamily = resolveSportsLineFamilyKey(market);
   if (sportsMarketType === "spread") {
-    return lineFamily ? `${period}|spread|${lineFamily}` : `${period}|spread|${marketCategory}`;
+    const spreadFamily = resolveSpreadFamilyKey(market);
+    return spreadFamily ? `${period}|spread|${spreadFamily}` : `${period}|spread|${marketCategory}`;
   }
   if (market.lineValue != null || LINE_MARKET_TYPES.has(sportsMarketType)) {
     return lineFamily ? `${period}|${sportsMarketType}|${lineFamily}` : `${period}|${sportsMarketType}|${marketCategory}|${normalizedQuestion}|${outcomeKey}`;
@@ -883,17 +938,33 @@ var resolveSlideKind = (group) => {
   if (group.sportsMarketType === "total") return "total";
   return "other";
 };
-var aggregateSportsLineStops = (markets) => {
+var aggregateSportsLineStops = (markets, isSpread = false) => {
   var _a;
-  const marketsByLineValue = /* @__PURE__ */ new Map();
+  const homeToken = isSpread ? resolveSpreadHomeToken(markets) : null;
+  const axisOf = (market) => {
+    var _a2, _b;
+    if (homeToken) {
+      const favored = resolveSpreadFavoredToken(market);
+      if (favored) {
+        const magnitude = Math.abs((_a2 = market.lineValue) != null ? _a2 : 0);
+        return favored === homeToken ? -magnitude : magnitude;
+      }
+    }
+    return (_b = market.lineValue) != null ? _b : Number.NEGATIVE_INFINITY;
+  };
+  const displayOf = (market) => {
+    var _a2;
+    return homeToken ? resolveSelectedSportsLineValue(Math.abs((_a2 = market.lineValue) != null ? _a2 : 0)) : resolveSelectedSportsLineValue(market.lineValue);
+  };
+  const marketsByAxis = /* @__PURE__ */ new Map();
   for (const market of markets) {
-    const value = resolveSelectedSportsLineValue(market.lineValue);
-    const lineMarkets = (_a = marketsByLineValue.get(value)) != null ? _a : [];
+    const axis = axisOf(market);
+    const lineMarkets = (_a = marketsByAxis.get(axis)) != null ? _a : [];
     lineMarkets.push(market);
-    marketsByLineValue.set(value, lineMarkets);
+    marketsByAxis.set(axis, lineMarkets);
   }
-  return Array.from(marketsByLineValue.entries()).map(([value, lineMarkets]) => {
-    var _a2, _b;
+  return Array.from(marketsByAxis.entries()).map(([axis, lineMarkets]) => {
+    var _a2;
     const representative = (_a2 = lineMarkets[resolveHighestVolumeIndex(lineMarkets)]) != null ? _a2 : lineMarkets[0];
     const venues = /* @__PURE__ */ new Set();
     for (const lineMarket of lineMarkets) {
@@ -902,18 +973,18 @@ var aggregateSportsLineStops = (markets) => {
       }
     }
     return {
-      value,
+      value: displayOf(representative),
       representative,
       venues: Array.from(venues),
       volume: resolveTotalGroupVolume(lineMarkets),
-      lineValue: (_b = representative.lineValue) != null ? _b : Number.NEGATIVE_INFINITY
+      lineValue: axis
     };
   }).sort(
     (left, right) => left.lineValue !== right.lineValue ? left.lineValue - right.lineValue : left.value.localeCompare(right.value)
   );
 };
 var buildSportsSlideFromGroup = (group) => {
-  const lineStops = group.hasLineVariants ? aggregateSportsLineStops(group.markets) : [];
+  const lineStops = group.hasLineVariants ? aggregateSportsLineStops(group.markets, group.sportsMarketType === "spread") : [];
   const hasLadder = lineStops.length > 1;
   const stops = hasLadder ? lineStops.map((lineStop) => ({
     value: lineStop.value,
@@ -1358,6 +1429,45 @@ var SportsMarketCard = ({
       ];
     });
   }, [combinedMoneylineMarkets, isCombinedMoneylineGroup, midpointsResult]);
+  const spreadHeaderOutcomeItems = useMemo(() => {
+    var _a2;
+    if (slide.kind !== "spread" || !activeMarket) return void 0;
+    const outcomes = (_a2 = activeMarket.venueMarketOutcomes) != null ? _a2 : [];
+    const lineValue = activeMarket.lineValue;
+    if (outcomes.length < 2 || lineValue == null) return void 0;
+    const { favored, dog } = resolveSpreadOutcomeTeamNames(activeMarket, group.markets);
+    if (!favored && !dog) return void 0;
+    const magnitude = Math.abs(lineValue);
+    const formatLine = (value) => `${value > 0 ? "+" : "\u2212"}${Number.isInteger(magnitude) ? String(magnitude) : magnitude.toFixed(1)}`;
+    return [
+      { index: 0, name: favored, signedLine: -magnitude },
+      { index: 1, name: dog, signedLine: magnitude }
+    ].flatMap(({ index, name, signedLine }) => {
+      var _a3;
+      const outcome = outcomes[index];
+      if (!outcome) return [];
+      const label = name != null ? name : outcome.label.trim();
+      const probability = midpointsResult == null ? void 0 : getDisplayOutcomePrice({
+        outcomeId: outcome.id,
+        outcomeLabel: outcome.label,
+        bestMidpointsByOutcomeId: (_a3 = midpointsResult.bestMidpointsByOutcomeId) != null ? _a3 : midpointsResult.prices
+      });
+      return [
+        {
+          id: outcome.id,
+          label,
+          title: label,
+          lineLabel: formatLine(signedLine),
+          probability,
+          isPriceLoading: (midpointsResult == null ? void 0 : midpointsResult.isLoading) === true && probability == null,
+          tone: index === 0 ? "positive" : "negative",
+          variant: "line",
+          venue: activeMarket.venue
+        }
+      ];
+    });
+  }, [slide.kind, activeMarket, group.markets, midpointsResult]);
+  const headerOutcomeItemsOverride = combinedMoneylineHeaderOutcomeItems != null ? combinedMoneylineHeaderOutcomeItems : spreadHeaderOutcomeItems;
   const headerOutcomeVariant = isCombinedMoneylineGroup ? "outcome" : resolveSportsMarketCardVariant(activeMarket);
   const handleLineSelect = (index) => {
     var _a2, _b2;
@@ -1388,7 +1498,7 @@ var SportsMarketCard = ({
       compactHeader: true,
       subtitleOverride: compactSubtitle,
       headerOutcomeVariant,
-      headerOutcomeItemsOverride: combinedMoneylineHeaderOutcomeItems,
+      headerOutcomeItemsOverride,
       isOpened: isExpanded,
       suppressOutcomeFallbackSelection: activeMarket.id !== (tradingContext == null ? void 0 : tradingContext.selectedMarketId),
       onOpenChange: () => onToggle(group.id, activeMarket),