@agg-build/ui 2.5.3 → 2.7.0

package/dist/pages.mjs

@@ -8,14 +8,14 @@ import {
   UserProfilePage,
   buildAggTxExplorerHref,
   useHomePageModals
-} from "./chunk-AELMIG74.mjs";
+} from "./chunk-C247AYH7.mjs";
 import "./chunk-XAG432PJ.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   WITHDRAW_MODAL_OPEN_EVENT,
   requestAggDepositModalOpen,
   requestAggWithdrawModalOpen
-} from "./chunk-FAU2VOL6.mjs";
+} from "./chunk-O27JUYCF.mjs";
 import "./chunk-JQKJDSTW.mjs";
 import "./chunk-AHQA3B7D.mjs";
 import "./chunk-FMYYPNZZ.mjs";

package/dist/trading.js

@@ -8467,7 +8467,7 @@ var buildLiveRouteCards = ({
       };
     }
     const avgPrice = sq.avgPrice;
-    const soloQuoteData = __spreadProps(__spreadValues({}, quoteData), {
+    const soloQuoteData = __spreadValues(__spreadProps(__spreadValues({}, quoteData), {
       // Preview-only solos intentionally carry no executable quoteId; the card
       // should still render for comparison, while the CTA stays disabled until
       // the user is funded and requotes.
@@ -8480,7 +8480,7 @@ var buildLiveRouteCards = ({
       returnPct: sq.returnPct,
       // venueSoloQuotes stripped on solo card's quoteData (only the primary needs them)
       venueSoloQuotes: void 0
-    });
+    }), sq.quoteId ? { status: "ok", error: void 0 } : null);
     return {
       id: `live-solo-${sq.venue}`,
       hint: labels.averagePrice(avgPrice),
@@ -8536,6 +8536,17 @@ var buildLiveRouteCards = ({
   })() : [];
   return [...baseCards, ...unavailableCards, ...warningOnlyUnavailableCards];
 };
+var resolveDefaultRouteCardId = (routeCards, primaryStatus) => {
+  var _a, _b, _c, _d;
+  if (routeCards.length === 0) return null;
+  if (primaryStatus === "insufficient_balance") {
+    const executableCard = routeCards.find(
+      (card) => !card.isUnavailable && card.quoteData.status === "ok" && card.quoteData.quoteId
+    );
+    if (executableCard) return executableCard.id;
+  }
+  return (_d = (_c = (_a = routeCards.find((card) => !card.isUnavailable)) == null ? void 0 : _a.id) != null ? _c : (_b = routeCards[0]) == null ? void 0 : _b.id) != null ? _d : null;
+};
 var sellSharesToAtomicUnits = (shares) => {
   if (!Number.isFinite(shares) || shares <= 0) return BigInt(0);
   const [whole = "0", fraction = ""] = shares.toFixed(12).split(".");
@@ -10470,7 +10481,7 @@ var PlaceOrder = ({
   resolvedClaim,
   midpointsResult
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y;
   const {
     enableDebug: isExecutionDebugEnabled,
     features: { enableAnimations, showFeesBreakdown, showLimitOrders },
@@ -10901,13 +10912,13 @@ var PlaceOrder = ({
     venueSellQuotes.quotes
   ]);
   const resolvedSelectedRouteCardId = (0, import_react15.useMemo)(() => {
-    var _a2, _b2, _c2, _d2;
+    var _a2;
     if (routeCards.length === 0) return null;
     if (selectedRouteCardId && routeCards.some((card) => card.id === selectedRouteCardId && !card.isUnavailable)) {
       return selectedRouteCardId;
     }
-    return (_d2 = (_c2 = (_a2 = routeCards.find((card) => !card.isUnavailable)) == null ? void 0 : _a2.id) != null ? _c2 : (_b2 = routeCards[0]) == null ? void 0 : _b2.id) != null ? _d2 : null;
-  }, [routeCards, selectedRouteCardId]);
+    return resolveDefaultRouteCardId(routeCards, isSell ? void 0 : (_a2 = smartRoute.data) == null ? void 0 : _a2.status);
+  }, [routeCards, selectedRouteCardId, isSell, (_w = smartRoute.data) == null ? void 0 : _w.status]);
   (0, import_react15.useEffect)(() => {
     if (routeCards.length === 0) {
       setSelectedRouteCardId(null);
@@ -10947,14 +10958,14 @@ var PlaceOrder = ({
     setLimitPriceInputError(null);
   }, [executionType, scopedSelectedOutcomeId, selectedOutcomeDisplayPrice]);
   const orderedRouteCards = routeCards;
-  const selectedRouteCard = (_x = (_w = orderedRouteCards.find((card) => card.id === resolvedSelectedRouteCardId)) != null ? _w : orderedRouteCards[0]) != null ? _x : null;
+  const selectedRouteCard = (_y = (_x = orderedRouteCards.find((card) => card.id === resolvedSelectedRouteCardId)) != null ? _x : orderedRouteCards[0]) != null ? _y : null;
   const isKalshiRoute = (0, import_react15.useMemo)(() => {
     if (selectedRouteCard) {
       return selectedRouteCard.venue === "kalshi" || selectedRouteCard.quoteData.fills.some((f) => f.venue === "kalshi");
     }
     return (scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venue) === "kalshi";
   }, [selectedRouteCard, scopedSelectedMarket]);
-  const displayedBalance = isPaperMode ? paperTotalBalance : isKalshiRoute ? (_y = liveBalanceState.kalshiBalance) != null ? _y : 0 : liveAvailableBalance;
+  const displayedBalance = isPaperMode ? paperTotalBalance : isKalshiRoute ? (_z = liveBalanceState.kalshiBalance) != null ? _z : 0 : liveAvailableBalance;
   const legacyKalshiAccount = (0, import_react15.useMemo)(
     () => {
       var _a2;
@@ -10962,8 +10973,8 @@ var PlaceOrder = ({
     },
     [user == null ? void 0 : user.venueAccounts]
   );
-  const isKalshiAccountActive = (_z = kalshiKeyStatus == null ? void 0 : kalshiKeyStatus.connected) != null ? _z : (legacyKalshiAccount == null ? void 0 : legacyKalshiAccount.status) === "active";
-  const isKalshiVerified = ((_A = kalshiKeyStatus == null ? void 0 : kalshiKeyStatus.kycStatus) != null ? _A : legacyKalshiAccount == null ? void 0 : legacyKalshiAccount.kycStatus) === "verified";
+  const isKalshiAccountActive = (_A = kalshiKeyStatus == null ? void 0 : kalshiKeyStatus.connected) != null ? _A : (legacyKalshiAccount == null ? void 0 : legacyKalshiAccount.status) === "active";
+  const isKalshiVerified = ((_B = kalshiKeyStatus == null ? void 0 : kalshiKeyStatus.kycStatus) != null ? _B : legacyKalshiAccount == null ? void 0 : legacyKalshiAccount.kycStatus) === "verified";
   const hasKalshiConnectionState = kalshiKeyStatus !== void 0 || (user == null ? void 0 : user.venueAccounts) != null;
   const isKalshiAvailable = (0, import_hooks36.getVenueAvailabilityState)({
     venueId: "kalshi",
@@ -10990,7 +11001,7 @@ var PlaceOrder = ({
     [aggClient, onConnectKalshi, refetchKalshiKeyStatus]
   );
   const needsKycVerification = isAuthenticated && hasKalshiConnectionState && isKalshiRoute && isKalshiAccountActive && !isKalshiVerified;
-  const verifyKalshiConnectionLabel = (_E = (_D = (_C = (_B = labels.onboarding) == null ? void 0 : _B.connectKalshiModal) == null ? void 0 : _C.actions) == null ? void 0 : _D.verifyConnection) != null ? _E : tradingLabels.kycRequired;
+  const verifyKalshiConnectionLabel = (_F = (_E = (_D = (_C = labels.onboarding) == null ? void 0 : _C.connectKalshiModal) == null ? void 0 : _D.actions) == null ? void 0 : _E.verifyConnection) != null ? _F : tradingLabels.kycRequired;
   const handleRouteCardSelect = (0, import_react15.useCallback)(
     (cardId) => {
       if (cardId === resolvedSelectedRouteCardId) {
@@ -11005,15 +11016,15 @@ var PlaceOrder = ({
     [resolvedSelectedRouteCardId, routeCards]
   );
   const executionProgress = (0, import_hooks36.useExecutionProgress)({
-    orderIds: (_F = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) != null ? _F : null,
-    quoteId: (_G = submissionProgressState == null ? void 0 : submissionProgressState.quoteId) != null ? _G : null,
+    orderIds: (_G = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) != null ? _G : null,
+    quoteId: (_H = submissionProgressState == null ? void 0 : submissionProgressState.quoteId) != null ? _H : null,
     mode: isPaperMode ? "paper" : void 0,
-    enabled: ((submissionProgressState == null ? void 0 : submissionProgressState.phase) === "submitting" || (submissionProgressState == null ? void 0 : submissionProgressState.phase) === "executing") && !!((_H = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) == null ? void 0 : _H.length)
+    enabled: ((submissionProgressState == null ? void 0 : submissionProgressState.phase) === "submitting" || (submissionProgressState == null ? void 0 : submissionProgressState.phase) === "executing") && !!((_I = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) == null ? void 0 : _I.length)
   });
-  const selectedOutcomeLabel = (_K = (_J = (_I = outcomes.find((outcome) => outcome.id === scopedSelectedOutcomeId)) == null ? void 0 : _I.label) != null ? _J : scopedSelectedOutcome == null ? void 0 : scopedSelectedOutcome.label) != null ? _K : "";
-  const headerImage = (_M = (_L = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.image) != null ? _L : scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.image) != null ? _M : null;
-  const headerTitle = (_O = (_N = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.title) != null ? _N : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _O : "";
-  const headerSubtitle = (_P = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _P : "";
+  const selectedOutcomeLabel = (_L = (_K = (_J = outcomes.find((outcome) => outcome.id === scopedSelectedOutcomeId)) == null ? void 0 : _J.label) != null ? _K : scopedSelectedOutcome == null ? void 0 : scopedSelectedOutcome.label) != null ? _L : "";
+  const headerImage = (_N = (_M = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.image) != null ? _M : scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.image) != null ? _N : null;
+  const headerTitle = (_P = (_O = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.title) != null ? _O : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _P : "";
+  const headerSubtitle = (_Q = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _Q : "";
   const buildExecutionSummary = (0, import_react15.useCallback)(
     (quoteData, executionVenue, orderId, partialFillSummary) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
@@ -11311,19 +11322,19 @@ var PlaceOrder = ({
     queryClient,
     submissionProgressState
   ]);
-  const activeQuoteData = (_R = (_Q = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) != null ? _Q : smartRoute.data) != null ? _R : null;
+  const activeQuoteData = (_S = (_R = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) != null ? _R : smartRoute.data) != null ? _S : null;
   const visibleRouteCards = orderedRouteCards.length > PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT && !isRoutesExpanded ? orderedRouteCards.slice(0, PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT) : orderedRouteCards;
   const hasEnteredAmount = internalAmount > 0;
   const isQuoteLoading = !isLimitOrder && hasEnteredAmount && (smartRoute.isFetching || smartRoute.isLoading || isSell && (venueSellQuotes.isFetching || venueSellQuotes.isLoading));
   const routeLoadingMessage = isQuoteLoading ? smartRoute.loadingReason === "updating-route" ? tradingLabels.updatingRoute : smartRoute.loadingReason === "refreshing-quotes" ? tradingLabels.refreshingQuotes : tradingLabels.findingBestOdds : null;
-  const selectedRouteFills = (_S = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData.fills) != null ? _S : [];
+  const selectedRouteFills = (_T = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData.fills) != null ? _T : [];
   const isKalshiOnlyRoute = isKalshiRoute && ((selectedRouteCard == null ? void 0 : selectedRouteCard.venue) === import_sdk17.Venue.kalshi || selectedRouteFills.length > 0 && selectedRouteFills.every((fill) => fill.venue === import_sdk17.Venue.kalshi));
   const isOnchainOnlyRoute = !isKalshiRoute || selectedRouteFills.length > 0 && selectedRouteFills.every((fill) => fill.venue !== import_sdk17.Venue.kalshi);
   const kalshiRequiredAmount = isSell ? 0 : selectedRouteFills.filter((fill) => fill.venue === import_sdk17.Venue.kalshi).reduce((total, fill) => total + fill.venueQty * fill.avgPrice, 0);
   const onchainRequiredAmount = isSell ? 0 : selectedRouteFills.filter((fill) => fill.venue !== import_sdk17.Venue.kalshi).reduce((total, fill) => total + fill.venueQty * fill.avgPrice, 0);
   const resolvedKalshiRequiredAmount = isKalshiOnlyRoute || isKalshiRoute && selectedRouteFills.length === 0 ? internalAmount : kalshiRequiredAmount;
   const resolvedOnchainRequiredAmount = isOnchainOnlyRoute || !isKalshiRoute && selectedRouteFills.length === 0 ? internalAmount : onchainRequiredAmount;
-  const isKalshiBalanceInsufficient = !isPaperMode && isKalshiRoute && resolvedKalshiRequiredAmount > ((_T = liveBalanceState.kalshiBalance) != null ? _T : 0);
+  const isKalshiBalanceInsufficient = !isPaperMode && isKalshiRoute && resolvedKalshiRequiredAmount > ((_U = liveBalanceState.kalshiBalance) != null ? _U : 0);
   const isOnchainBalanceInsufficient = resolvedOnchainRequiredAmount > liveAvailableBalance;
   const isInsufficientBalance = !isSell && isAuthenticated && hasEnteredAmount && !isBalanceLoading && (isLimitOrder ? internalAmount > totalBalance : isPaperMode ? internalAmount > paperTotalBalance : isKalshiBalanceInsufficient || isOnchainBalanceInsufficient);
   const isQuoteInsufficientBalance = !isLimitOrder && (activeQuoteData == null ? void 0 : activeQuoteData.status) === "insufficient_balance";
@@ -11417,7 +11428,7 @@ var PlaceOrder = ({
     }
     return (_d2 = selectedRouteCard.hint) != null ? _d2 : "";
   }, [selectedRouteCard, tradingLabels]);
-  const displayedToWinValue = (_U = selectedRouteCard == null ? void 0 : selectedRouteCard.numericValue) != null ? _U : 0;
+  const displayedToWinValue = (_V = selectedRouteCard == null ? void 0 : selectedRouteCard.numericValue) != null ? _V : 0;
   const limitOrderPayload = (0, import_react15.useMemo)(() => {
     if (!scopedSelectedMarket || !scopedSelectedOutcomeId || internalAmount <= 0) return null;
     if (limitPriceInputError) return null;
@@ -11536,13 +11547,13 @@ var PlaceOrder = ({
     ];
   }, [activeFeeBreakdown, tradingLabels]);
   const isActionLoading = isPrimaryActionLoading || executeManaged.isPending || placeLimitOrder.isPending || isBeforeActionPending;
-  const selectedRouteGeoBlocked = (_V = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _V : false;
+  const selectedRouteGeoBlocked = (_W = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _W : false;
   const geoBlockedVenuesFromWarnings = (0, import_react15.useMemo)(
     () => {
       var _a2;
       return extractGeoBlockedVenues((_a2 = smartRoute.data) == null ? void 0 : _a2.warnings);
     },
-    [(_W = smartRoute.data) == null ? void 0 : _W.warnings]
+    [(_X = smartRoute.data) == null ? void 0 : _X.warnings]
   );
   const isPrimaryVenueGeoBlocked = (0, import_react15.useMemo)(() => {
     var _a2, _b2;
@@ -12200,7 +12211,7 @@ var PlaceOrder = ({
       PlaceOrderResolvedView,
       {
         tradingState: resolvedReadOnlyTradingState,
-        resolutionTimestamp: (_X = resolvedEventTradingState.resolvesAt) != null ? _X : resolvedReadOnlyTradingState.resolvesAt,
+        resolutionTimestamp: (_Y = resolvedEventTradingState.resolvesAt) != null ? _Y : resolvedReadOnlyTradingState.resolvesAt,
         resolvedClaim,
         classNames,
         className,

package/dist/trading.mjs

@@ -9,7 +9,7 @@ import {
   parseVenue,
   useClaimWinnings,
   useResolvedMarketClaim
-} from "./chunk-FAU2VOL6.mjs";
+} from "./chunk-O27JUYCF.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,

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

@@ -1,12 +1,12 @@
 import { type VenueEventWithMarkets, type VenueMarket } from "@agg-build/hooks";
 export declare const sportsSectionMarketsByTab: {
     game_lines: VenueMarket[];
-    halves: readonly [VenueMarket, VenueMarket, VenueMarket];
+    "period:halves": readonly [VenueMarket, VenueMarket, VenueMarket];
     exact_score: readonly [VenueMarket];
-    corners: readonly [VenueMarket, VenueMarket];
-    goals: VenueMarket[];
-    assists: readonly [VenueMarket];
-    shots: readonly [VenueMarket];
+    "stat:corners": readonly [VenueMarket, VenueMarket];
+    "stat:goals": VenueMarket[];
+    "stat:assists": readonly [VenueMarket];
+    "stat:shots": readonly [VenueMarket];
     other: readonly [VenueMarket];
 };
 export declare const sportsEventPageFixture: VenueEventWithMarkets;

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

@@ -1,12 +1,12 @@
 import { type VenueEventWithMarkets, type VenueMarket } from "@agg-build/hooks";
 export declare const sportsSectionMarketsByTab: {
     game_lines: VenueMarket[];
-    halves: readonly [VenueMarket, VenueMarket, VenueMarket];
+    "period:halves": readonly [VenueMarket, VenueMarket, VenueMarket];
     exact_score: readonly [VenueMarket];
-    corners: readonly [VenueMarket, VenueMarket];
-    goals: VenueMarket[];
-    assists: readonly [VenueMarket];
-    shots: readonly [VenueMarket];
+    "stat:corners": readonly [VenueMarket, VenueMarket];
+    "stat:goals": VenueMarket[];
+    "stat:assists": readonly [VenueMarket];
+    "stat:shots": readonly [VenueMarket];
     other: readonly [VenueMarket];
 };
 export declare const sportsEventPageFixture: VenueEventWithMarkets;

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

@@ -1,6 +1,4 @@
 import type { VenueEventWithMarkets, VenueMarket } from "@agg-build/hooks";
-export declare const SPORTS_SECTION_TAB_KEYS: readonly ["game_lines", "halves", "exact_score", "corners", "goals", "assists", "shots", "other"];
-export type SportsSectionTabKey = (typeof SPORTS_SECTION_TAB_KEYS)[number];
 export declare const SPORTS_MARKET_TYPE_KEYS: readonly ["to_advance", "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"];
@@ -17,41 +15,18 @@ export declare const SPORTS_MARKET_CATEGORY_KEYS: readonly ["game_lines", "exact
 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"];
 export type SportsMarketGroupKey = (typeof SPORTS_MARKET_GROUP_KEYS)[number];
-export type SportsSectionTabDefinition = {
-    key: SportsSectionTabKey;
-    /** Preferred section filter — supersedes `marketCategory`. */
-    marketGroup?: readonly SportsMarketGroupKey[];
-    /** Legacy compatibility filter (soccer prop tabs without a marketGroup). */
-    marketCategory?: SportsMarketCategoryKey;
-    sportsMarketType?: readonly SportsMarketTypeKey[];
-    period?: readonly SportsPeriodKey[];
+export type SportsSectionTabKind = "game_lines" | "period" | "stat" | "exact_score" | "other";
+export type SportsSectionTab = {
+    /** Stable key: "game_lines" | "exact_score" | "other" | `period:<family>` | `stat:<token>` */
+    key: string;
+    kind: SportsSectionTabKind;
+    /** kind="period": the family this tab covers (e.g. "halves", "first_5_innings"). */
+    periodFamily?: string;
+    /** kind="period": every period in the family that this game actually has. */
+    periods?: readonly SportsPeriodKey[];
+    /** kind="stat": the stat token, e.g. "home_runs". "player_props" = the catch-all. */
+    stat?: string;
 };
-export declare const SPORTS_SECTION_TAB_DEFINITIONS: readonly [{
-    readonly key: "game_lines";
-    readonly marketGroup: readonly ["game_lines", "spreads", "totals"];
-}, {
-    readonly key: "exact_score";
-    readonly marketGroup: readonly ["exact_score"];
-}, {
-    readonly key: "halves";
-    readonly marketGroup: readonly ["period_lines"];
-    readonly period: readonly ["1h", "2h"];
-}, {
-    readonly key: "corners";
-    readonly marketCategory: "corners";
-}, {
-    readonly key: "goals";
-    readonly marketCategory: "goals";
-}, {
-    readonly key: "assists";
-    readonly marketCategory: "assists";
-}, {
-    readonly key: "shots";
-    readonly marketCategory: "shots";
-}, {
-    readonly key: "other";
-    readonly marketGroup: readonly ["other", "team_props", "specials", "completion"];
-}];
 export type SportsMarketCardVariant = "outcome" | "line" | "yes_no";
 export type SportsMarketDisplayGroup = {
     id: string;
@@ -69,11 +44,27 @@ export type SportsPeriodGroup = {
     markets: VenueMarket[];
     groups: SportsMarketDisplayGroup[];
 };
-export declare const resolveSportsSectionDefinition: (key: SportsSectionTabKey) => SportsSectionTabDefinition;
+/**
+ * Collapse a period into its display FAMILY, so one tab covers the periods a
+ * viewer thinks of together: soccer's 1h+2h are a single "Halves" tab (as
+ * today), basketball's q1–q4 a single "Quarters" tab, while baseball's
+ * `first_5_innings` stands alone and reads "5 Innings" like Polymarket.
+ */
+export declare const resolveSportsPeriodFamily: (period: SportsPeriodKey) => string;
 export declare const normalizeSportsPeriod: (value: string | null | undefined) => SportsPeriodKey;
 export declare const normalizeSportsMarketType: (value: string | null | undefined) => SportsMarketTypeKey | null;
 export declare const normalizeSportsMarketCategory: (value: string | null | undefined) => SportsMarketCategoryKey | null;
 export declare const normalizeSportsMarketGroup: (value: string | null | undefined) => SportsMarketGroupKey | null;
+/**
+ * The stat a player prop measures, as a bare token ("home_runs").
+ *
+ * Primary source is `marketSubtype`, which both Polymarket and (since the
+ * kalshi series-suffix mapping) Kalshi spell identically —
+ * `baseball_player_home_runs` on both — so one tab holds both venues' markets.
+ * Falls back to `marketCategory` for soccer's legacy corners/goals/assists/
+ * shots, which have no player subtype. Null when neither resolves.
+ */
+export declare const resolveSportsStatToken: (market: Pick<VenueMarket, "marketSubtype" | "marketCategory" | "question">) => string | null;
 /**
  * Map a market to the sports section tab it belongs to — marketGroup-first, with
  * marketCategory as the documented compatibility fallback (see the
@@ -81,15 +72,16 @@ export declare const normalizeSportsMarketGroup: (value: string | null | undefin
  * recognizable grouping metadata, so the page can fall back to the default,
  * ungrouped market list instead of inventing an empty tab.
  */
-export declare const resolveMarketSectionTabKey: (market: Pick<VenueMarket, "marketGroup" | "marketCategory" | "marketSubtype" | "question" | "sportsMarketType">) => SportsSectionTabKey | null;
-export declare const resolveSportsSectionFilters: (key: SportsSectionTabKey) => {
+export declare const resolveMarketSectionTabKey: (market: Pick<VenueMarket, "marketGroup" | "marketCategory" | "marketSubtype" | "question" | "sportsMarketType" | "period">) => string | null;
+export declare const resolveVisibleSportsSectionTabs: (event: Pick<VenueEventWithMarkets, "categories" | "title" | "venueMarkets">) => SportsSectionTab[];
+export declare const resolveSportsSectionFilters: (tab: SportsSectionTab) => {
     marketGroup?: SportsMarketGroupKey[];
     marketCategory?: SportsMarketCategoryKey[];
     sportsMarketType?: SportsMarketTypeKey[];
     period?: SportsPeriodKey[];
 };
-export declare const resolveSportsSectionMarkets: ({ tabKey, eventMarkets, sectionMarkets, }: {
-    tabKey: SportsSectionTabKey;
+export declare const resolveSportsSectionMarkets: ({ tab, eventMarkets, sectionMarkets, }: {
+    tab: SportsSectionTab;
     eventMarkets: VenueMarket[];
     sectionMarkets: VenueMarket[];
 }) => VenueMarket[];
@@ -173,8 +165,7 @@ export declare const resolveSportsLeagueLabel: (event: Pick<VenueEventWithMarket
  */
 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, }: {
     event: import("@agg-build/hooks").VenueEventWithMarkets;
-    sectionMarketsByKey: Partial<Record<SportsSectionTabKey, VenueMarket[]>>;
+    sectionMarketsByKey: Partial<Record<string, VenueMarket[]>>;
 }) => import("@agg-build/hooks").VenueEventWithMarkets;

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

@@ -1,6 +1,4 @@
 import type { VenueEventWithMarkets, VenueMarket } from "@agg-build/hooks";
-export declare const SPORTS_SECTION_TAB_KEYS: readonly ["game_lines", "halves", "exact_score", "corners", "goals", "assists", "shots", "other"];
-export type SportsSectionTabKey = (typeof SPORTS_SECTION_TAB_KEYS)[number];
 export declare const SPORTS_MARKET_TYPE_KEYS: readonly ["to_advance", "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"];
@@ -17,41 +15,18 @@ export declare const SPORTS_MARKET_CATEGORY_KEYS: readonly ["game_lines", "exact
 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"];
 export type SportsMarketGroupKey = (typeof SPORTS_MARKET_GROUP_KEYS)[number];
-export type SportsSectionTabDefinition = {
-    key: SportsSectionTabKey;
-    /** Preferred section filter — supersedes `marketCategory`. */
-    marketGroup?: readonly SportsMarketGroupKey[];
-    /** Legacy compatibility filter (soccer prop tabs without a marketGroup). */
-    marketCategory?: SportsMarketCategoryKey;
-    sportsMarketType?: readonly SportsMarketTypeKey[];
-    period?: readonly SportsPeriodKey[];
+export type SportsSectionTabKind = "game_lines" | "period" | "stat" | "exact_score" | "other";
+export type SportsSectionTab = {
+    /** Stable key: "game_lines" | "exact_score" | "other" | `period:<family>` | `stat:<token>` */
+    key: string;
+    kind: SportsSectionTabKind;
+    /** kind="period": the family this tab covers (e.g. "halves", "first_5_innings"). */
+    periodFamily?: string;
+    /** kind="period": every period in the family that this game actually has. */
+    periods?: readonly SportsPeriodKey[];
+    /** kind="stat": the stat token, e.g. "home_runs". "player_props" = the catch-all. */
+    stat?: string;
 };
-export declare const SPORTS_SECTION_TAB_DEFINITIONS: readonly [{
-    readonly key: "game_lines";
-    readonly marketGroup: readonly ["game_lines", "spreads", "totals"];
-}, {
-    readonly key: "exact_score";
-    readonly marketGroup: readonly ["exact_score"];
-}, {
-    readonly key: "halves";
-    readonly marketGroup: readonly ["period_lines"];
-    readonly period: readonly ["1h", "2h"];
-}, {
-    readonly key: "corners";
-    readonly marketCategory: "corners";
-}, {
-    readonly key: "goals";
-    readonly marketCategory: "goals";
-}, {
-    readonly key: "assists";
-    readonly marketCategory: "assists";
-}, {
-    readonly key: "shots";
-    readonly marketCategory: "shots";
-}, {
-    readonly key: "other";
-    readonly marketGroup: readonly ["other", "team_props", "specials", "completion"];
-}];
 export type SportsMarketCardVariant = "outcome" | "line" | "yes_no";
 export type SportsMarketDisplayGroup = {
     id: string;
@@ -69,11 +44,27 @@ export type SportsPeriodGroup = {
     markets: VenueMarket[];
     groups: SportsMarketDisplayGroup[];
 };
-export declare const resolveSportsSectionDefinition: (key: SportsSectionTabKey) => SportsSectionTabDefinition;
+/**
+ * Collapse a period into its display FAMILY, so one tab covers the periods a
+ * viewer thinks of together: soccer's 1h+2h are a single "Halves" tab (as
+ * today), basketball's q1–q4 a single "Quarters" tab, while baseball's
+ * `first_5_innings` stands alone and reads "5 Innings" like Polymarket.
+ */
+export declare const resolveSportsPeriodFamily: (period: SportsPeriodKey) => string;
 export declare const normalizeSportsPeriod: (value: string | null | undefined) => SportsPeriodKey;
 export declare const normalizeSportsMarketType: (value: string | null | undefined) => SportsMarketTypeKey | null;
 export declare const normalizeSportsMarketCategory: (value: string | null | undefined) => SportsMarketCategoryKey | null;
 export declare const normalizeSportsMarketGroup: (value: string | null | undefined) => SportsMarketGroupKey | null;
+/**
+ * The stat a player prop measures, as a bare token ("home_runs").
+ *
+ * Primary source is `marketSubtype`, which both Polymarket and (since the
+ * kalshi series-suffix mapping) Kalshi spell identically —
+ * `baseball_player_home_runs` on both — so one tab holds both venues' markets.
+ * Falls back to `marketCategory` for soccer's legacy corners/goals/assists/
+ * shots, which have no player subtype. Null when neither resolves.
+ */
+export declare const resolveSportsStatToken: (market: Pick<VenueMarket, "marketSubtype" | "marketCategory" | "question">) => string | null;
 /**
  * Map a market to the sports section tab it belongs to — marketGroup-first, with
  * marketCategory as the documented compatibility fallback (see the
@@ -81,15 +72,16 @@ export declare const normalizeSportsMarketGroup: (value: string | null | undefin
  * recognizable grouping metadata, so the page can fall back to the default,
  * ungrouped market list instead of inventing an empty tab.
  */
-export declare const resolveMarketSectionTabKey: (market: Pick<VenueMarket, "marketGroup" | "marketCategory" | "marketSubtype" | "question" | "sportsMarketType">) => SportsSectionTabKey | null;
-export declare const resolveSportsSectionFilters: (key: SportsSectionTabKey) => {
+export declare const resolveMarketSectionTabKey: (market: Pick<VenueMarket, "marketGroup" | "marketCategory" | "marketSubtype" | "question" | "sportsMarketType" | "period">) => string | null;
+export declare const resolveVisibleSportsSectionTabs: (event: Pick<VenueEventWithMarkets, "categories" | "title" | "venueMarkets">) => SportsSectionTab[];
+export declare const resolveSportsSectionFilters: (tab: SportsSectionTab) => {
     marketGroup?: SportsMarketGroupKey[];
     marketCategory?: SportsMarketCategoryKey[];
     sportsMarketType?: SportsMarketTypeKey[];
     period?: SportsPeriodKey[];
 };
-export declare const resolveSportsSectionMarkets: ({ tabKey, eventMarkets, sectionMarkets, }: {
-    tabKey: SportsSectionTabKey;
+export declare const resolveSportsSectionMarkets: ({ tab, eventMarkets, sectionMarkets, }: {
+    tab: SportsSectionTab;
     eventMarkets: VenueMarket[];
     sectionMarkets: VenueMarket[];
 }) => VenueMarket[];
@@ -173,8 +165,7 @@ export declare const resolveSportsLeagueLabel: (event: Pick<VenueEventWithMarket
  */
 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, }: {
     event: import("@agg-build/hooks").VenueEventWithMarkets;
-    sectionMarketsByKey: Partial<Record<SportsSectionTabKey, VenueMarket[]>>;
+    sectionMarketsByKey: Partial<Record<string, VenueMarket[]>>;
 }) => import("@agg-build/hooks").VenueEventWithMarkets;

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

@@ -1,8 +1,7 @@
 import { type UseMidpointsResult, type VenueEventWithMarkets, type VenueMarket } from "@agg-build/hooks";
-import { type SportsSectionTabKey } from "./sports-event-market.utils";
 export type SportsMarketsProps = {
     event: VenueEventWithMarkets;
-    onSectionMarketsChange: (tabKey: SportsSectionTabKey, markets: VenueMarket[]) => void;
+    onSectionMarketsChange: (tabKey: string, markets: VenueMarket[]) => void;
     onOutcomeSelect?: () => void;
     live?: boolean;
     midpointsResult?: UseMidpointsResult;

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

@@ -1,8 +1,7 @@
 import { type UseMidpointsResult, type VenueEventWithMarkets, type VenueMarket } from "@agg-build/hooks";
-import { type SportsSectionTabKey } from "./sports-event-market.utils";
 export type SportsMarketsProps = {
     event: VenueEventWithMarkets;
-    onSectionMarketsChange: (tabKey: SportsSectionTabKey, markets: VenueMarket[]) => void;
+    onSectionMarketsChange: (tabKey: string, markets: VenueMarket[]) => void;
     onOutcomeSelect?: () => void;
     live?: boolean;
     midpointsResult?: UseMidpointsResult;

package/dist/types/trading/place-order/index.place-order.utils.d.mts

@@ -38,6 +38,15 @@ export declare const getTradingRoutePriceLabel: (value: number) => string;
 export declare const isQuoteBelowVenueMinimum: (quoteData: SmartRouteResponse | null | undefined) => boolean;
 export declare const resolvePlaceOrderQuoteStatus: ({ amount, labels, quoteData, selectedMarket, }: ResolvePlaceOrderQuoteStatusParams) => PlaceOrderQuoteStatus;
 export declare const buildLiveRouteCards: ({ labels, quoteData, tradeSide, eventVenues, geoBlockedVenues: inheritedGeoBlockedVenues, }: BuildLiveRouteCardsParams) => PlaceOrderRouteCard[];
+/**
+ * Default route-card pick when the user hasn't selected one (or their selection
+ * disappeared from the list). Normally the first available card wins, but when
+ * the primary route is blocked on funding (`insufficient_balance`) the panel
+ * must not park on it with a blocking alert while an executable solo (status
+ * "ok" + real quoteId) sits in the same response — default to that solo so a
+ * Kalshi-funded user with no on-chain balance lands on a submittable route.
+ */
+export declare const resolveDefaultRouteCardId: (routeCards: PlaceOrderRouteCard[], primaryStatus?: SmartRouteResponse["status"]) => string | null;
 export declare const clampSellSharesToAvailability: (requestedSellShares: number, availableShares: number) => number;
 export declare const getRemainingVenueSellShares: (availableShares: number, filledShares: number) => number;
 export declare const buildVenueSellQuoteRequests: ({ quoteData, requestedSellShares, }: {

package/dist/types/trading/place-order/index.place-order.utils.d.ts

@@ -38,6 +38,15 @@ export declare const getTradingRoutePriceLabel: (value: number) => string;
 export declare const isQuoteBelowVenueMinimum: (quoteData: SmartRouteResponse | null | undefined) => boolean;
 export declare const resolvePlaceOrderQuoteStatus: ({ amount, labels, quoteData, selectedMarket, }: ResolvePlaceOrderQuoteStatusParams) => PlaceOrderQuoteStatus;
 export declare const buildLiveRouteCards: ({ labels, quoteData, tradeSide, eventVenues, geoBlockedVenues: inheritedGeoBlockedVenues, }: BuildLiveRouteCardsParams) => PlaceOrderRouteCard[];
+/**
+ * Default route-card pick when the user hasn't selected one (or their selection
+ * disappeared from the list). Normally the first available card wins, but when
+ * the primary route is blocked on funding (`insufficient_balance`) the panel
+ * must not park on it with a blocking alert while an executable solo (status
+ * "ok" + real quoteId) sits in the same response — default to that solo so a
+ * Kalshi-funded user with no on-chain balance lands on a submittable route.
+ */
+export declare const resolveDefaultRouteCardId: (routeCards: PlaceOrderRouteCard[], primaryStatus?: SmartRouteResponse["status"]) => string | null;
 export declare const clampSellSharesToAvailability: (requestedSellShares: number, availableShares: number) => number;
 export declare const getRemainingVenueSellShares: (availableShares: number, filledShares: number) => number;
 export declare const buildVenueSellQuoteRequests: ({ quoteData, requestedSellShares, }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agg-build/ui",
-  "version": "2.5.3",
+  "version": "2.7.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,7 +100,7 @@
     "liveline": "^0.0.7",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@agg-build/hooks": "^2.5.1",
+    "@agg-build/hooks": "^2.7.0",
     "@agg-build/sdk": "^2.5.1"
   },
   "dependencies": {