@agg-build/ui 4.10.0 → 4.11.1

package/dist/pages.js

@@ -101,7 +101,7 @@ __export(pages_exports, {
 module.exports = __toCommonJS(pages_exports);
 
 // src/pages/home/index.tsx
-var import_hooks74 = require("@agg-build/hooks");
+var import_hooks75 = require("@agg-build/hooks");
 var import_sdk25 = require("@agg-build/sdk");
 var import_react48 = require("react");
 
@@ -10548,7 +10548,7 @@ var EventListItemV2 = (props) => {
 EventListItemV2.displayName = "EventListItemV2";
 
 // src/events/list/index.tsx
-var import_hooks40 = require("@agg-build/hooks");
+var import_hooks41 = require("@agg-build/hooks");
 var import_sdk16 = require("@agg-build/sdk");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
 var import_react18 = require("react");
@@ -10671,11 +10671,12 @@ var CategorySidebar = ({
 CategorySidebar.displayName = "CategorySidebar";
 
 // src/events/list/event-list-tabs.tsx
-var import_hooks39 = require("@agg-build/hooks");
+var import_hooks40 = require("@agg-build/hooks");
 var import_sdk15 = require("@agg-build/sdk");
 var import_react17 = require("react");
 
 // src/events/list/event-list.constants.ts
+var import_hooks39 = require("@agg-build/hooks");
 var import_sdk14 = require("@agg-build/sdk");
 var DEFAULT_EVENTS_LIMIT = 50;
 var DEFAULT_EVENT_LIST_SORT = "volume24hr";
@@ -10686,7 +10687,7 @@ var EVENT_LIST_SORT_VALUES = [
   "endDate"
 ];
 var getDefaultEventListTabs = (labels) => {
-  return [
+  const tabs = [
     {
       value: "matched",
       label: labels.eventList.matchedTab,
@@ -10762,6 +10763,17 @@ var getDefaultEventListTabs = (labels) => {
       isComingSoon: true
     }
   ];
+  const venueRank = new Map(
+    (0, import_hooks39.sortVenues)(tabs.flatMap((tab) => tab.venueLogo ? [tab.venueLogo] : [])).map((venue, i) => [
+      venue,
+      i
+    ])
+  );
+  const rank = (tab) => {
+    var _a;
+    return tab.venueLogo ? 1 + ((_a = venueRank.get(tab.venueLogo)) != null ? _a : venueRank.size) : 0;
+  };
+  return [...tabs].sort((a, b) => rank(a) - rank(b));
 };
 
 // src/events/list/event-list-tabs.tsx
@@ -10785,14 +10797,14 @@ var renderTabIcon = (tab, isActive) => {
   );
 };
 var useEventListTabs = (tabs) => {
-  const labels = (0, import_hooks39.useLabels)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks39.useAppConfig)();
-  const { isLocationBlocked } = (0, import_hooks39.useGeoBlock)();
+  const labels = (0, import_hooks40.useLabels)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks40.useAppConfig)();
+  const { isLocationBlocked } = (0, import_hooks40.useGeoBlock)();
   return (0, import_react17.useMemo)(() => {
     const baseTabs = tabs != null ? tabs : getDefaultEventListTabs(labels);
     return baseTabs.flatMap((tab) => {
       if (!tab.venueLogo) return [tab];
-      const availabilityState = (0, import_hooks39.getVenueAvailabilityState)({
+      const availabilityState = (0, import_hooks40.getVenueAvailabilityState)({
         venueId: tab.venueLogo,
         disabledVenues,
         // A globally inactive or default-disabled venue is hidden until
@@ -10987,15 +10999,15 @@ var EventList = ({
   stateRef
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const labels = (0, import_hooks40.useLabels)();
-  const { disabledVenues } = (0, import_hooks40.useAppConfig)();
+  const labels = (0, import_hooks41.useLabels)();
+  const { disabledVenues } = (0, import_hooks41.useAppConfig)();
   const {
     features: { enableVenueEventDiscoveryFilters, showSportsMarkets }
-  } = (0, import_hooks40.useSdkUiConfig)();
+  } = (0, import_hooks41.useSdkUiConfig)();
   const isDiscoveryFiltersEnabled = enableVenueEventDiscoveryFilters && !search;
   const resolvedTabs = useEventListTabs();
   const visibleVenues = (0, import_react18.useMemo)(
-    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks40.getVisibleVenueIdsByConfig)(import_sdk16.VENUES, disabledVenues),
+    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks41.getVisibleVenueIdsByConfig)(import_sdk16.VENUES, disabledVenues),
     [disabledVenues]
   );
   const [internalActiveTabValue, setInternalActiveTabValue] = (0, import_react18.useState)(
@@ -11064,7 +11076,7 @@ var EventList = ({
     if (controlledCategoryPath == null) setInternalCategoryPath([]);
     setCollapsedCategoryIds(/* @__PURE__ */ new Set());
   }, [baseCategoryId, controlledCategoryPath, isDiscoveryFiltersEnabled]);
-  const { categories: topLevelCategories } = (0, import_hooks40.useCategories)({
+  const { categories: topLevelCategories } = (0, import_hooks41.useCategories)({
     queryKeyScope: "event-list-top-categories",
     enabled: isDiscoveryFiltersEnabled,
     limit: 100
@@ -11081,7 +11093,7 @@ var EventList = ({
       ])
     );
   }, [baseCategoryId, categoryPath, sortedTopLevelCategories]);
-  const { childrenByParentId: baseChildrenByParentId, isLoading: isBaseCategoryChildrenLoading } = (0, import_hooks40.useCategoryChildren)({
+  const { childrenByParentId: baseChildrenByParentId, isLoading: isBaseCategoryChildrenLoading } = (0, import_hooks41.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: baseCategoryChildPrefetchIds,
@@ -11102,7 +11114,7 @@ var EventList = ({
     }
     return Array.from(ids);
   }, [baseCategoryId, baseChildrenByParentId, categoryPath]);
-  const { childrenByParentId: visibleChildrenByParentId } = (0, import_hooks40.useCategoryChildren)({
+  const { childrenByParentId: visibleChildrenByParentId } = (0, import_hooks41.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: visibleChildPrefetchIds,
@@ -11118,7 +11130,7 @@ var EventList = ({
     }
     return Array.from(ids);
   }, [categoryPath, visibleChildrenByParentId]);
-  const { childrenByParentId: visibleGrandchildrenByParentId } = (0, import_hooks40.useCategoryChildren)({
+  const { childrenByParentId: visibleGrandchildrenByParentId } = (0, import_hooks41.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: visibleGrandchildPrefetchIds,
@@ -11203,14 +11215,14 @@ var EventList = ({
     isFetchingNextPage,
     isPlaceholderData,
     loadedPageCount
-  } = (0, import_hooks40.useVenueEvents)({
+  } = (0, import_hooks41.useVenueEvents)({
     queryKeyScope: "event-list",
     venues,
     search,
     categoryIds: resolvedCategoryIds,
     matchStatus,
     limit: requestLimit,
-    status: [import_hooks40.MarketStatus.open],
+    status: [import_hooks41.MarketStatus.open],
     sortBy: sortQueryParams.sortBy,
     sortDir: sortQueryParams.sortDir,
     endDateFrom,
@@ -11246,7 +11258,7 @@ var EventList = ({
   const visibleMidpointVenueMarketIds = (0, import_react18.useMemo)(() => {
     return collectMidpointVenueMarketIds(visibleVenueMarkets);
   }, [visibleVenueMarkets]);
-  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks40.useVenueMarketMidpoints)({
+  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks41.useVenueMarketMidpoints)({
     venueMarketIds: visibleMidpointVenueMarketIds,
     enabled: visibleMidpointVenueMarketIds.length > 0
   });
@@ -11427,7 +11439,7 @@ var EventList = ({
                     onMarketClick,
                     getMarketHref,
                     href: getEventHref == null ? void 0 : getEventHref(event),
-                    marketStatus: import_hooks40.MarketStatus.open
+                    marketStatus: import_hooks41.MarketStatus.open
                   },
                   event.id
                 )),
@@ -11507,15 +11519,15 @@ var EventList = ({
 EventList.displayName = "EventList";
 
 // src/pages/event-market/index.tsx
-var import_hooks73 = require("@agg-build/hooks");
+var import_hooks74 = require("@agg-build/hooks");
 var import_react45 = require("react");
 
 // src/events/item-details/index.tsx
-var import_hooks50 = require("@agg-build/hooks");
+var import_hooks51 = require("@agg-build/hooks");
 var import_react25 = require("react");
 
 // src/primitives/chart/chart-type-switch.tsx
-var import_hooks41 = require("@agg-build/hooks");
+var import_hooks42 = require("@agg-build/hooks");
 var import_react19 = require("react");
 
 // src/primitives/chart/chart-type-switch.constants.ts
@@ -11547,7 +11559,7 @@ var ChartTypeSwitch = ({
   onValueChange,
   className
 }) => {
-  const labels = (0, import_hooks41.useLabels)();
+  const labels = (0, import_hooks42.useLabels)();
   const options = (0, import_react19.useMemo)(
     () => CHART_TYPE_SWITCH_OPTION_KEYS.map((chartType) => ({
       value: chartType,
@@ -11623,7 +11635,7 @@ var ChartTypeSwitch = ({
 ChartTypeSwitch.displayName = "ChartTypeSwitch";
 
 // src/trading/trading-context/index.tsx
-var import_hooks42 = require("@agg-build/hooks");
+var import_hooks43 = require("@agg-build/hooks");
 
 // src/events/market-details/market-details.utils.ts
 var import_sdk18 = require("@agg-build/sdk");
@@ -12329,7 +12341,7 @@ var buildMarketDetailsModel = ({
 };
 
 // src/events/market-details/orderbook-aggregation.ts
-var import_hooks43 = require("@agg-build/hooks");
+var import_hooks44 = require("@agg-build/hooks");
 var PRICE_PRECISION = 1e6;
 var SIZE_PRECISION = 1e8;
 var POSITIVE_OUTCOME_KEYS = /* @__PURE__ */ new Set(["yes", "y", "true", "up", "buy", "long"]);
@@ -12450,7 +12462,7 @@ var buildRowsFromAccumulator = ({
     const venueBreakdown = Object.fromEntries(
       Object.entries(level.venueBreakdownScaled).filter(([, scaledSize]) => scaledSize > 0).map(([venue2, scaledSize]) => [venue2, fromScaled(scaledSize, SIZE_PRECISION)])
     );
-    const resolvedFallbackVenue = fallbackVenue != null ? fallbackVenue : import_hooks43.Venue.polymarket;
+    const resolvedFallbackVenue = fallbackVenue != null ? fallbackVenue : import_hooks44.Venue.polymarket;
     const venues = resolveVenues(venueBreakdown, resolvedFallbackVenue);
     const venue = resolvePrimaryVenue(venueBreakdown, resolvedFallbackVenue);
     return {
@@ -12737,7 +12749,7 @@ var shouldAutoFallbackToAllRange = ({
 };
 
 // src/events/shared/chart-venue-selection.ts
-var import_hooks44 = require("@agg-build/hooks");
+var import_hooks45 = require("@agg-build/hooks");
 var resolveChartVenueOutcomes = ({
   eligibleVenueOutcomes,
   livePrices
@@ -12749,7 +12761,7 @@ var resolveChartVenueOutcomes = ({
     const probabilityDifference = (leftProbability != null ? leftProbability : 2) - (rightProbability != null ? rightProbability : 2);
     if (probabilityDifference !== 0) return probabilityDifference;
     if (left.venue === right.venue) return 0;
-    const sortedVenues = (0, import_hooks44.sortVenues)([left.venue, right.venue]);
+    const sortedVenues = (0, import_hooks45.sortVenues)([left.venue, right.venue]);
     return sortedVenues[0] === left.venue ? -1 : 1;
   });
   const venueOutcomesByVenue = /* @__PURE__ */ new Map();
@@ -12844,7 +12856,7 @@ var getDisplayOutcomePrice = ({
 };
 
 // src/events/shared/sports-live-score.tsx
-var import_hooks45 = require("@agg-build/hooks");
+var import_hooks46 = require("@agg-build/hooks");
 var import_react20 = require("react");
 var import_jsx_runtime144 = require("react/jsx-runtime");
 var SPORTS_SCORE_LAYOUTS = {
@@ -12860,7 +12872,7 @@ var SportsLiveScore = ({
   variant = "detail",
   className
 }) => {
-  const labels = (0, import_hooks45.useLabels)();
+  const labels = (0, import_hooks46.useLabels)();
   if (!state || state.participants.length !== 2) return null;
   const [firstParticipant, secondParticipant] = state.participants;
   const firstScore = firstParticipant == null ? void 0 : firstParticipant.score;
@@ -13054,7 +13066,7 @@ var SportsLiveScore = ({
 SportsLiveScore.displayName = "SportsLiveScore";
 
 // src/events/item-details/event-list-item-details-market-selector.tsx
-var import_hooks46 = require("@agg-build/hooks");
+var import_hooks47 = require("@agg-build/hooks");
 var import_react21 = require("react");
 var import_jsx_runtime145 = require("react/jsx-runtime");
 var MARKET_PILL_MAX_ROWS = 2;
@@ -13153,10 +13165,10 @@ var EventListItemDetailsMarketSelector = ({
   onChange
 }) => {
   var _a;
-  const labels = (0, import_hooks46.useLabels)();
+  const labels = (0, import_hooks47.useLabels)();
   const {
     features: { enableAnimations }
-  } = (0, import_hooks46.useSdkUiConfig)();
+  } = (0, import_hooks47.useSdkUiConfig)();
   const containerRef = (0, import_react21.useRef)(null);
   const measurementContainerRef = (0, import_react21.useRef)(null);
   const moreButtonRef = (0, import_react21.useRef)(null);
@@ -13607,17 +13619,17 @@ var EventListItemDetailsMarketSelector = ({
 };
 
 // src/events/item-details/settlement-summary.tsx
-var import_hooks49 = require("@agg-build/hooks");
+var import_hooks50 = require("@agg-build/hooks");
 var import_react24 = require("react");
 
 // src/trading/settlement/index.tsx
-var import_hooks48 = require("@agg-build/hooks");
+var import_hooks49 = require("@agg-build/hooks");
 var import_react23 = require("react");
 
 // src/trading/utils.ts
-var import_hooks47 = require("@agg-build/hooks");
+var import_hooks48 = require("@agg-build/hooks");
 var import_dayjs6 = __toESM(require("dayjs"));
-var defaultLabels = (0, import_hooks47.resolveAggUiLabels)("en-US");
+var defaultLabels = (0, import_hooks48.resolveAggUiLabels)("en-US");
 var defaultSettlementSectionLabel = defaultLabels.trading.settlementSection;
 var defaultTradingDisclaimer = defaultLabels.trading.disclaimer;
 var getTradingDateLabel = (value) => {
@@ -14055,7 +14067,7 @@ var Settlement = ({
   isLoading = false
 }) => {
   var _a, _b, _c, _d, _e;
-  const labels = (0, import_hooks48.useLabels)();
+  const labels = (0, import_hooks49.useLabels)();
   const blocks = (0, import_react23.useMemo)(
     () => dedupeSettlementSources({
       eventDescription,
@@ -14242,7 +14254,7 @@ var SettlementSummary = ({
   settlementSectionId = SETTLEMENT_SECTION_ID,
   className
 }) => {
-  const labels = (0, import_hooks49.useLabels)();
+  const labels = (0, import_hooks50.useLabels)();
   const settlementDifferences = (0, import_react24.useMemo)(
     () => prepareSettlementDifferences(settlementDiff == null ? void 0 : settlementDiff.differences),
     [settlementDiff == null ? void 0 : settlementDiff.differences]
@@ -14377,7 +14389,7 @@ var EventListItemDetailsLoadingState = ({
   classNames,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks50.useLabels)();
+  const labels = (0, import_hooks51.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
     Skeleton,
     {
@@ -14391,7 +14403,7 @@ var EventListItemDetailsUnavailableState = ({
   classNames,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks50.useLabels)();
+  const labels = (0, import_hooks51.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
     Card,
     {
@@ -14409,7 +14421,7 @@ var EventListItemDetailsNotFoundState = ({
   classNames: _classNames,
   ariaLabel: _ariaLabel
 }) => {
-  const labels = (0, import_hooks50.useLabels)();
+  const labels = (0, import_hooks51.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
     StateMessage,
     {
@@ -14440,8 +14452,8 @@ var EventListItemDetailsGraphSection = ({
   onRangeOverrideChange
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-  const labels = (0, import_hooks50.useLabels)();
-  const tradingContext = (0, import_hooks42.useEventTradingContext)();
+  const labels = (0, import_hooks51.useLabels)();
+  const tradingContext = (0, import_hooks43.useEventTradingContext)();
   const [selectedGraphVenue, setSelectedGraphVenue] = (0, import_react25.useState)(null);
   const [chartOutcomeLabel, setChartOutcomeLabel] = (0, import_react25.useState)(
     (_c = (_b = (_a = tradingContext == null ? void 0 : tradingContext.selectedOutcome) == null ? void 0 : _a.label) == null ? void 0 : _b.trim()) != null ? _c : null
@@ -14458,10 +14470,10 @@ var EventListItemDetailsGraphSection = ({
     chart: { selectedChartTimeRange },
     formatting: { formatPercent, formatPrice },
     general: { theme }
-  } = (0, import_hooks50.useSdkUiConfig)();
+  } = (0, import_hooks51.useSdkUiConfig)();
   const isDarkTheme = theme === "dark";
   const effectiveChartTimeRange = rangeOverride != null ? rangeOverride : selectedChartTimeRange;
-  const rollingWindow = (0, import_hooks50.useRollingChartWindow)({ range: effectiveChartTimeRange });
+  const rollingWindow = (0, import_hooks51.useRollingChartWindow)({ range: effectiveChartTimeRange });
   const availableMarkets = (0, import_react25.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
     if (venueMarkets.length === 0) return [];
@@ -14492,7 +14504,7 @@ var EventListItemDetailsGraphSection = ({
     isLoading: isScopedMarketChartLoading,
     error: scopedMarketChartError,
     refetch: refetchScopedMarketChart
-  } = (0, import_hooks50.useMarketChart)({
+  } = (0, import_hooks51.useMarketChart)({
     marketId: chartPrimaryOutcomeId,
     venueMarketIds: availableVenueOutcomes.map((item) => item.outcome.id),
     interval: rollingWindow.interval,
@@ -14549,7 +14561,7 @@ var EventListItemDetailsGraphSection = ({
   const resolvedOutcomePriceByMarketId = (0, import_react25.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     for (const market of availableMarkets) {
-      const marketTradingState = (0, import_hooks50.resolveMarketTradingState)(market);
+      const marketTradingState = (0, import_hooks51.resolveMarketTradingState)(market);
       if (marketTradingState.kind !== "resolved") continue;
       const outcomePriceMap = resolveResolvedOutcomePriceMap(market.venueMarketOutcomes);
       if (outcomePriceMap) {
@@ -14765,12 +14777,12 @@ var EventListItemDetailsContent = ({
   const lastAppliedEventSyncKeyRef = (0, import_react25.useRef)(null);
   const lastAppliedDefaultRef = (0, import_react25.useRef)(null);
   const [chartRangeOverride, setChartRangeOverride] = (0, import_react25.useState)(null);
-  const config = (0, import_hooks50.useSdkUiConfig)();
-  const labels = (0, import_hooks50.useLabels)();
-  const tradingContext = (0, import_hooks42.useEventTradingContext)();
+  const config = (0, import_hooks51.useSdkUiConfig)();
+  const labels = (0, import_hooks51.useLabels)();
+  const tradingContext = (0, import_hooks43.useEventTradingContext)();
   const eventSyncKey = (0, import_react25.useMemo)(() => resolveEventDetailsSyncKey(event), [event]);
   const resolvedEventTradingState = (0, import_react25.useMemo)(() => {
-    return eventTradingState != null ? eventTradingState : (0, import_hooks50.resolveEventTradingState)(event);
+    return eventTradingState != null ? eventTradingState : (0, import_hooks51.resolveEventTradingState)(event);
   }, [event, eventTradingState]);
   const scopedSelectedMarket = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? (_a = tradingContext.selectedMarket) != null ? _a : resolvedEventTradingState.primaryMarket : resolvedEventTradingState.primaryMarket;
   const venueMarkets = (0, import_react25.useMemo)(
@@ -14781,12 +14793,12 @@ var EventListItemDetailsContent = ({
     return normalizeVenueMarketCluster(venueMarkets);
   }, [venueMarkets]);
   const scopedSelectedMarketId = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? tradingContext.selectedMarketId : null;
-  (0, import_hooks50.useEventOrderbookData)(
+  (0, import_hooks51.useEventOrderbookData)(
     resolvedEventTradingState.isTradingDisabled ? [] : resolvedEventTradingState.displayMarkets,
     scopedSelectedMarketId
   );
-  const wsLivePrices = (0, import_hooks50.useLiveOutcomePrices)(eventDetailVenueMarkets);
-  const wsBestPrices = (0, import_hooks50.useLiveBestPrices)(eventDetailVenueMarkets);
+  const wsLivePrices = (0, import_hooks51.useLiveOutcomePrices)(eventDetailVenueMarkets);
+  const wsBestPrices = (0, import_hooks51.useLiveBestPrices)(eventDetailVenueMarkets);
   const resolvedMidpointsResult = midpointsResult != null ? midpointsResult : {
     prices: /* @__PURE__ */ new Map(),
     bestMidpointsByOutcomeId: /* @__PURE__ */ new Map(),
@@ -14801,7 +14813,7 @@ var EventListItemDetailsContent = ({
   const bestMidpoint = resolvedMidpointsResult.bestMidpoint;
   const restBestPrices = resolvedMidpointsResult.bestPrices;
   const bestPrices = (0, import_react25.useMemo)(
-    () => (0, import_hooks50.mergeBestPricesPreferringLive)(restBestPrices, wsBestPrices),
+    () => (0, import_hooks51.mergeBestPricesPreferringLive)(restBestPrices, wsBestPrices),
     [restBestPrices, wsBestPrices]
   );
   const livePrices = (0, import_react25.useMemo)(() => {
@@ -14920,7 +14932,7 @@ var EventListItemDetailsContent = ({
               /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
                 RemoteImage,
                 {
-                  src: (0, import_hooks50.optimizedImageUrl)(event.image, 60),
+                  src: (0, import_hooks51.optimizedImageUrl)(event.image, 60),
                   alt: "",
                   className: "agg-event-image size-10 rounded-agg-lg object-cover md:size-[60px]"
                 }
@@ -15107,7 +15119,7 @@ var EventListItemDetailsContent = ({
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
-                      import_hooks50.CHART_TIME_RANGES.map((timeRange) => {
+                      import_hooks51.CHART_TIME_RANGES.map((timeRange) => {
                         const effectiveRange = chartRangeOverride != null ? chartRangeOverride : config.chart.selectedChartTimeRange;
                         const isActive = timeRange === effectiveRange;
                         return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
@@ -15158,7 +15170,7 @@ var EventListItemDetailsByEventId = (_a) => {
     error,
     isError,
     isLoading
-  } = (0, import_hooks50.useVenueEvent)({
+  } = (0, import_hooks51.useVenueEvent)({
     eventId: resolvedEventId,
     enabled: !!resolvedEventId
   });
@@ -15235,11 +15247,11 @@ var EventListItemDetails = (props) => {
 EventListItemDetails.displayName = "EventListItemDetails";
 
 // src/events/market-details/index.tsx
-var import_hooks54 = require("@agg-build/hooks");
+var import_hooks55 = require("@agg-build/hooks");
 var import_react29 = require("react");
 
 // src/events/orderbook/index.tsx
-var import_hooks51 = require("@agg-build/hooks");
+var import_hooks52 = require("@agg-build/hooks");
 var import_react27 = require("react");
 
 // src/events/orderbook/orderbook.constants.ts
@@ -15469,7 +15481,7 @@ OrderbookWithStates.displayName = "OrderbookWithStates";
 // src/events/orderbook/index.tsx
 var import_jsx_runtime151 = require("react/jsx-runtime");
 var OrderbookVenueLogos = ({ venues }) => {
-  const visible = (0, import_hooks51.sortVenues)(venues).slice(0, orderbookMaxVisibleVenues);
+  const visible = (0, import_hooks52.sortVenues)(venues).slice(0, orderbookMaxVisibleVenues);
   const overflow = venues.length - visible.length;
   return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex flex-row items-center justify-start gap-0.5 md:gap-1", children: [
     visible.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(VenueLogo, { venue, size: "small" }, venue)),
@@ -15577,7 +15589,7 @@ var Orderbook = ({
   const {
     enableWebsocketsLogs,
     formatting: { formatPrice }
-  } = (0, import_hooks51.useAggUiConfig)();
+  } = (0, import_hooks52.useAggUiConfig)();
   const labels = __spreadValues(__spreadValues({}, orderbookDefaultLabels), labelsProp);
   const scrollContainerRef = (0, import_react27.useRef)(null);
   const spreadRowRef = (0, import_react27.useRef)(null);
@@ -15888,7 +15900,7 @@ var resolveOrderEligibilityMessage = (labels, reason) => {
 };
 
 // src/events/market-details/market-details-outcome-button.tsx
-var import_hooks52 = require("@agg-build/hooks");
+var import_hooks53 = require("@agg-build/hooks");
 var import_jsx_runtime152 = require("react/jsx-runtime");
 var marketDetailsOutcomeButtonToneClasses = {
   positive: {
@@ -15939,7 +15951,7 @@ var OutcomePriceContent = ({
   value,
   textClassName
 }) => {
-  const { formatPrice } = (0, import_hooks52.useAggUiConfig)().formatting;
+  const { formatPrice } = (0, import_hooks53.useAggUiConfig)().formatting;
   if (isLoading) {
     return /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
       "span",
@@ -16052,7 +16064,7 @@ var MarketDetailsOutcomeButton = ({
 MarketDetailsOutcomeButton.displayName = "MarketDetailsOutcomeButton";
 
 // src/events/market-details/market-details-graph-panel.tsx
-var import_hooks53 = require("@agg-build/hooks");
+var import_hooks54 = require("@agg-build/hooks");
 var import_react28 = require("react");
 var import_jsx_runtime153 = require("react/jsx-runtime");
 var MarketDetailsGraphPanel = ({
@@ -16069,13 +16081,13 @@ var MarketDetailsGraphPanel = ({
   classNames
 }) => {
   var _a, _b, _c;
-  const config = (0, import_hooks53.useSdkUiConfig)();
+  const config = (0, import_hooks54.useSdkUiConfig)();
   const {
     formatting: { formatPercent, formatCompactCurrency, formatPrice },
     general: { theme }
   } = config;
   const isDarkTheme = theme === "dark";
-  const labels = (0, import_hooks53.useLabels)();
+  const labels = (0, import_hooks54.useLabels)();
   const selectedTimeRange = config.chart.selectedChartTimeRange;
   const setSelectedTimeRange = config.chart.setSelectedChartTimeRange;
   const [chartRangeOverride, setChartRangeOverride] = (0, import_react28.useState)(null);
@@ -16095,7 +16107,7 @@ var MarketDetailsGraphPanel = ({
       livePrices
     });
   }, [livePrices, venueMarkets, resolvedChartOutcomeLabel, chartSelectedOutcomeId]);
-  const rollingWindow = (0, import_hooks53.useRollingChartWindow)({ range: effectiveChartTimeRange });
+  const rollingWindow = (0, import_hooks54.useRollingChartWindow)({ range: effectiveChartTimeRange });
   const chartPrimaryOutcomeId = (_b = (_a = chartOutcomesByVenue[0]) == null ? void 0 : _a.outcome.id) != null ? _b : null;
   const chartVenueOutcomeIds = (0, import_react28.useMemo)(() => {
     return chartOutcomesByVenue.map((item) => item.outcome.id);
@@ -16105,7 +16117,7 @@ var MarketDetailsGraphPanel = ({
     isLoading: isMarketChartLoading,
     error: marketChartError,
     refetch: refetchMarketChart
-  } = (0, import_hooks53.useMarketChart)({
+  } = (0, import_hooks54.useMarketChart)({
     marketId: chartPrimaryOutcomeId,
     venueMarketIds: chartVenueOutcomeIds,
     interval: rollingWindow.interval,
@@ -16315,7 +16327,7 @@ var MarketDetailsGraphPanel = ({
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
-            import_hooks53.CHART_TIME_RANGES.map((timeRange) => {
+            import_hooks54.CHART_TIME_RANGES.map((timeRange) => {
               const isActive = effectiveChartTimeRange === timeRange;
               const isDisabled = isResolvedMarket && timeRange !== "ALL";
               return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
@@ -16358,7 +16370,7 @@ var MarketDetailsUnavailableState = ({
   ariaLabel,
   classNames
 }) => {
-  const labels = (0, import_hooks54.useLabels)();
+  const labels = (0, import_hooks55.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
     Card,
     {
@@ -16382,7 +16394,7 @@ var MarketDetailsNotFoundState = ({
   ariaLabel: _ariaLabel,
   classNames: _classNames
 }) => {
-  const labels = (0, import_hooks54.useLabels)();
+  const labels = (0, import_hooks55.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
     StateMessage,
     {
@@ -16421,33 +16433,33 @@ var MarketDetailsContent = ({
   midpointsResult
 }) => {
   var _a, _b, _c, _d, _e, _f, _g;
-  const config = (0, import_hooks54.useSdkUiConfig)();
+  const config = (0, import_hooks55.useSdkUiConfig)();
   const {
     features: { enableAnimations },
     formatting: { formatPercent }
   } = config;
-  const labels = (0, import_hooks54.useLabels)();
-  const tradingContext = (0, import_hooks54.useEventTradingContext)();
+  const labels = (0, import_hooks55.useLabels)();
+  const tradingContext = (0, import_hooks55.useEventTradingContext)();
   const detailsContentId = (0, import_react29.useId)();
   const tradeSide = (_a = tradingContext == null ? void 0 : tradingContext.tradeSide) != null ? _a : "buy";
   const resolvedMarket = (0, import_react29.useMemo)(() => {
     return resolveMarketFromVenueMarkets(venueMarkets, marketId);
   }, [venueMarkets, marketId]);
   const clusterVenueMarkets = resolvedMarket == null ? void 0 : resolvedMarket.venueMarkets;
-  const wsLivePrices = (0, import_hooks54.useLiveOutcomePrices)(clusterVenueMarkets);
-  const wsBestPrices = (0, import_hooks54.useLiveBestPrices)(clusterVenueMarkets);
-  const wsBestCandidates = (0, import_hooks54.useLiveBestPriceCandidates)(clusterVenueMarkets);
+  const wsLivePrices = (0, import_hooks55.useLiveOutcomePrices)(clusterVenueMarkets);
+  const wsBestPrices = (0, import_hooks55.useLiveBestPrices)(clusterVenueMarkets);
+  const wsBestCandidates = (0, import_hooks55.useLiveBestPriceCandidates)(clusterVenueMarkets);
   const scopedResolvedMarket = (0, import_react29.useMemo)(() => {
     var _a2, _b2;
     if (!resolvedMarket) return null;
     return (_b2 = (_a2 = resolvedMarket.venueMarkets.find((venueMarket) => venueMarket.id === resolvedMarket.id)) != null ? _a2 : resolvedMarket.venueMarkets[0]) != null ? _b2 : null;
   }, [resolvedMarket]);
-  const isResolvedMarket = (0, import_hooks54.resolveMarketTradingState)(scopedResolvedMarket).kind === "resolved";
-  (0, import_hooks54.useEventOrderbookData)(
+  const isResolvedMarket = (0, import_hooks55.resolveMarketTradingState)(scopedResolvedMarket).kind === "resolved";
+  (0, import_hooks55.useEventOrderbookData)(
     isResolvedMarket ? [] : resolvedMarket == null ? void 0 : resolvedMarket.venueMarkets,
     (_b = scopedResolvedMarket == null ? void 0 : scopedResolvedMarket.id) != null ? _b : null
   );
-  const fetchedClusterMidpointResult = (0, import_hooks54.useMidpoints)(midpointsResult ? [] : clusterVenueMarkets);
+  const fetchedClusterMidpointResult = (0, import_hooks55.useMidpoints)(midpointsResult ? [] : clusterVenueMarkets);
   const clusterMidpointResult = midpointsResult != null ? midpointsResult : fetchedClusterMidpointResult;
   const clusterMidpoints = (_c = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _c : clusterMidpointResult.prices;
   const clusterBestMidpointsByOutcomeId = clusterMidpoints;
@@ -16456,7 +16468,7 @@ var MarketDetailsContent = ({
   const clusterBestMidpointVenue = clusterMidpointResult.bestMidpointVenue;
   const clusterBestPricesRest = clusterMidpointResult.bestPrices;
   const clusterBestPrices = (0, import_react29.useMemo)(
-    () => (0, import_hooks54.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
+    () => (0, import_hooks55.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
     [clusterBestPricesRest, wsBestPrices]
   );
   const clusterBestPriceVenuesByOutcomeId = clusterMidpointResult.bestPriceVenuesByOutcomeId;
@@ -16491,7 +16503,7 @@ var MarketDetailsContent = ({
     return (_a2 = model.market.venueMarkets.find((venueMarket) => venueMarket.id === model.market.id)) != null ? _a2 : model.primaryVenueMarket;
   }, [model]);
   const marketTradingState = (0, import_react29.useMemo)(() => {
-    return (0, import_hooks54.resolveMarketTradingState)(scopedMarketForCard);
+    return (0, import_hooks55.resolveMarketTradingState)(scopedMarketForCard);
   }, [scopedMarketForCard]);
   const isOutcomeSelectionLocked = showResolvingState || marketTradingState.isTradingDisabled;
   const isUpcomingMarket = marketTradingState.kind === "unopened";
@@ -16653,7 +16665,7 @@ var MarketDetailsContent = ({
       fallbackPrice: midpointsFallback == null ? void 0 : midpointsFallback.get(displayOutcome.id)
     });
     if (referencePrice != null) return referencePrice;
-    return (0, import_hooks54.findLivePriceById)(wsLivePrices, displayOutcome.id);
+    return (0, import_hooks55.findLivePriceById)(wsLivePrices, displayOutcome.id);
   }, [
     clusterBestMidpoint,
     clusterBestMidpointsByOutcomeId,
@@ -16678,7 +16690,7 @@ var MarketDetailsContent = ({
   }, [model, selectedOutcomeLabel, selectedOutcomeId]);
   const orderBookEnabled = isOpened && effectiveSelectedTab === "order-book" && !marketTradingState.isTradingDisabled;
   const primaryOutcomeId = (_g = (_f = selectedOutcomesByVenue[0]) == null ? void 0 : _f.outcome.id) != null ? _g : null;
-  const marketOrderbookResult = (0, import_hooks54.useMarketOrderbook)({
+  const marketOrderbookResult = (0, import_hooks55.useMarketOrderbook)({
     venueMarketOutcomeId: primaryOutcomeId,
     enabled: orderBookEnabled && !!primaryOutcomeId,
     venueOutcomes: selectedOutcomesByVenue.map((item) => ({
@@ -16864,7 +16876,7 @@ var MarketDetailsContent = ({
                       !compactHeader ? /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
                         RemoteImage,
                         {
-                          src: (0, import_hooks54.optimizedImageUrl)(model.image, 60),
+                          src: (0, import_hooks55.optimizedImageUrl)(model.image, 60),
                           alt: "",
                           className: "agg-market-image size-12 rounded-agg-lg object-cover md:size-[60px]"
                         }
@@ -17118,7 +17130,7 @@ var MarketDetailsContent = ({
 };
 var MarketDetails = (_a) => {
   var _b = _a, { isOpened } = _b, props = __objRest(_b, ["isOpened"]);
-  const labels = (0, import_hooks54.useLabels)();
+  const labels = (0, import_hooks55.useLabels)();
   if (props.isLoading) {
     return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
       Skeleton,
@@ -17173,13 +17185,13 @@ var resolveIsResolvedEvent = (sourceMarkets, eventTradingState) => {
     return eventTradingState.kind === "resolved";
   }
   if (sourceMarkets.length === 0) return false;
-  return sourceMarkets.every((market) => (0, import_hooks54.resolveMarketTradingState)(market).kind === "resolved");
+  return sourceMarkets.every((market) => (0, import_hooks55.resolveMarketTradingState)(market).kind === "resolved");
 };
 var resolveResolvedWinnerMarketId = (sourceMarkets, eventTradingState) => {
   var _a, _b, _c, _d, _e;
   const preferredMarket = (_a = eventTradingState == null ? void 0 : eventTradingState.primaryMarket) != null ? _a : null;
   if (preferredMarket && sourceMarkets.some((market) => market.id === preferredMarket.id)) {
-    if ((0, import_hooks54.resolveMarketTradingState)(preferredMarket).kind === "resolved") {
+    if ((0, import_hooks55.resolveMarketTradingState)(preferredMarket).kind === "resolved") {
       return preferredMarket.id;
     }
   }
@@ -17200,8 +17212,8 @@ var MarketDetailsList = ({
   midpointsResult
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks54.useLabels)();
-  const tradingContext = (0, import_hooks54.useEventTradingContext)();
+  const labels = (0, import_hooks55.useLabels)();
+  const tradingContext = (0, import_hooks55.useEventTradingContext)();
   const selectedMarketId = (_a = tradingContext == null ? void 0 : tradingContext.selectedMarketId) != null ? _a : null;
   const [expandedMarketId, setExpandedMarketId] = (0, import_react29.useState)(null);
   const [areResolvedMarketsVisible, setAreResolvedMarketsVisible] = (0, import_react29.useState)(false);
@@ -17210,10 +17222,10 @@ var MarketDetailsList = ({
     markets: rawMarkets,
     isLoading,
     error
-  } = (0, import_hooks54.useVenueMarkets)({
+  } = (0, import_hooks55.useVenueMarkets)({
     venueEventId: resolvedEventId,
     enabled: !providedMarkets && !!resolvedEventId,
-    status: import_hooks54.MarketStatus.open,
+    status: import_hooks55.MarketStatus.open,
     // Keep in lockstep with useEnrichedVenueEvent: limit is part of the React
     // Query key, so a mismatch would fork the shared cache into two requests.
     // fetchAll drains every page — events can exceed any single-page limit
@@ -17258,7 +17270,7 @@ var MarketDetailsList = ({
     const resolved = [];
     const closed = [];
     sourceMarkets.forEach((market) => {
-      const marketStateKind = (0, import_hooks54.resolveMarketTradingState)(market).kind;
+      const marketStateKind = (0, import_hooks55.resolveMarketTradingState)(market).kind;
       if (marketStateKind === "resolved") {
         resolved.push(market);
         return;
@@ -17290,10 +17302,10 @@ var MarketDetailsList = ({
   const hasPrefetchedMarkets = !!providedMarkets || !!((_b = eventTradingState == null ? void 0 : eventTradingState.marketStates) == null ? void 0 : _b.length);
   const midpointEligibleMarkets = (0, import_react29.useMemo)(() => {
     return displayedMarkets.filter(
-      (market) => (0, import_hooks54.resolveMarketTradingState)(market).kind !== "resolved"
+      (market) => (0, import_hooks55.resolveMarketTradingState)(market).kind !== "resolved"
     );
   }, [displayedMarkets]);
-  const { prices: midpointsFallback, venueByOutcomeId: midpointsFallbackVenues } = (0, import_hooks54.useViewportMidpoints)(midpointEligibleMarkets);
+  const { prices: midpointsFallback, venueByOutcomeId: midpointsFallbackVenues } = (0, import_hooks55.useViewportMidpoints)(midpointEligibleMarkets);
   (0, import_react29.useEffect)(() => {
     if (isResolvedEvent) {
       setAreResolvedMarketsVisible(false);
@@ -17312,7 +17324,7 @@ var MarketDetailsList = ({
       return;
     }
     const fallbackSelectableMarket = displayedMarkets.find(
-      (market) => !(0, import_hooks54.resolveMarketTradingState)(market).isTradingDisabled
+      (market) => !(0, import_hooks55.resolveMarketTradingState)(market).isTradingDisabled
     );
     if (!fallbackSelectableMarket) {
       return;
@@ -17334,7 +17346,7 @@ var MarketDetailsList = ({
     setExpandedMarketId(marketId);
     onExpandedMarketChange == null ? void 0 : onExpandedMarketChange(marketId);
     if (marketId === selectedMarketId) return;
-    if ((0, import_hooks54.resolveMarketTradingState)(market).isTradingDisabled) return;
+    if ((0, import_hooks55.resolveMarketTradingState)(market).isTradingDisabled) return;
     tradingContext == null ? void 0 : tradingContext.selectMarket(market.id, market);
   };
   if (!hasPrefetchedMarkets && isLoading) {
@@ -17434,7 +17446,7 @@ var isVenue = (0, import_sdk19.enumGuard)(import_sdk19.Venue);
 var parseVenue = (v) => (0, import_sdk19.safeParse)(v, isVenue);
 
 // src/trading/settlement/settlement-details.tsx
-var import_hooks55 = require("@agg-build/hooks");
+var import_hooks56 = require("@agg-build/hooks");
 var import_jsx_runtime155 = require("react/jsx-runtime");
 var hasContent = (value) => {
   return typeof value === "string" && value.trim().length > 0;
@@ -17458,11 +17470,11 @@ var buildVenueSettlementRules = (venueMarkets) => {
 };
 var SettlementDetails = ({ className }) => {
   var _a, _b, _c, _d, _e, _f;
-  const tradingContext = (0, import_hooks55.useEventTradingContext)();
+  const tradingContext = (0, import_hooks56.useEventTradingContext)();
   const selectedEvent = (_a = tradingContext == null ? void 0 : tradingContext.selectedEvent) != null ? _a : null;
   const selectedMarket = (_b = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _b : null;
   if (!selectedEvent) return null;
-  const activeMarket = selectedMarket != null ? selectedMarket : (0, import_hooks55.resolveDefaultTradingMarket)(selectedEvent);
+  const activeMarket = selectedMarket != null ? selectedMarket : (0, import_hooks56.resolveDefaultTradingMarket)(selectedEvent);
   if (!activeMarket) return null;
   const allVenueMarkets = normalizeVenueMarketCluster(selectedEvent.venueMarkets);
   const activeMarketCluster = normalizeVenueMarketCluster(
@@ -17503,7 +17515,7 @@ var SettlementDetails = ({ className }) => {
 SettlementDetails.displayName = "SettlementDetails";
 
 // src/trading/place-order/index.tsx
-var import_hooks66 = require("@agg-build/hooks");
+var import_hooks67 = require("@agg-build/hooks");
 var import_sdk24 = require("@agg-build/sdk");
 var import_react37 = __toESM(require("@number-flow/react"));
 var Popover = __toESM(require("@radix-ui/react-popover"));
@@ -17513,14 +17525,14 @@ var import_utc2 = __toESM(require("dayjs/plugin/utc"));
 var import_react38 = require("react");
 
 // src/geo-block-banner/index.tsx
-var import_hooks56 = require("@agg-build/hooks");
+var import_hooks57 = require("@agg-build/hooks");
 var import_jsx_runtime156 = require("react/jsx-runtime");
 var GeoBlockBanner = ({
   venue,
   termsUrl = AGG_TERMS_OF_SERVICE_URL,
   className
 }) => {
-  const labels = (0, import_hooks56.useLabels)();
+  const labels = (0, import_hooks57.useLabels)();
   const message = venue ? labels.trading.geoBlockVenueMessage(venue) : labels.trading.geoBlockGenericMessage;
   return /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(
     "div",
@@ -17553,7 +17565,7 @@ var venueRequiresSharedKyc = ({
 };
 
 // src/kyc/shared-kyc-modal.tsx
-var import_hooks57 = require("@agg-build/hooks");
+var import_hooks58 = require("@agg-build/hooks");
 var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime157 = require("react/jsx-runtime");
 var SharedKycModal = ({
@@ -17563,7 +17575,7 @@ var SharedKycModal = ({
   onOpenChange,
   onStartVerification
 }) => {
-  const labels = (0, import_hooks57.useLabels)();
+  const labels = (0, import_hooks58.useLabels)();
   const modalLabels = labels.trading.sharedKyc.modal;
   const isInitiating = state === "initiating";
   const handleOpenChange = (nextOpen) => {
@@ -17840,7 +17852,7 @@ var useSharedKycFlow = ({
 };
 
 // src/notifications/agg-notification-events-provider.tsx
-var import_hooks58 = require("@agg-build/hooks");
+var import_hooks59 = require("@agg-build/hooks");
 var import_react31 = require("react");
 var import_jsx_runtime158 = require("react/jsx-runtime");
 var firedOrderNotificationKeys = /* @__PURE__ */ new Set();
@@ -17933,7 +17945,7 @@ var CLIENT_DEPOSIT_ACTIVITY_SUPPRESSION_MS = 2 * 60 * 1e3;
 
 // src/onboarding/index.tsx
 var import_react36 = require("react");
-var import_hooks64 = require("@agg-build/hooks");
+var import_hooks65 = require("@agg-build/hooks");
 var Dialog6 = __toESM(require("@radix-ui/react-dialog"));
 
 // src/onboarding/onboarding-modal.constants.ts
@@ -17958,7 +17970,7 @@ var ONCHAIN_VENUES = [
 
 // src/onboarding/steps/how-it-works.tsx
 var import_react32 = require("react");
-var import_hooks59 = require("@agg-build/hooks");
+var import_hooks60 = require("@agg-build/hooks");
 var import_jsx_runtime159 = require("react/jsx-runtime");
 var defaultIcons = {
   createAccount: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
@@ -17967,7 +17979,7 @@ var defaultIcons = {
   stayInControl: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
 };
 var HowItWorksStep = ({ onContinue, icons }) => {
-  const labels = (0, import_hooks59.useLabels)();
+  const labels = (0, import_hooks60.useLabels)();
   const scrollRef = (0, import_react32.useRef)(null);
   const [showTopGradient, setShowTopGradient] = (0, import_react32.useState)(false);
   const [showBottomGradient, setShowBottomGradient] = (0, import_react32.useState)(true);
@@ -18041,10 +18053,10 @@ HowItWorksStep.displayName = "HowItWorksStep";
 
 // src/onboarding/steps/profile-setup.tsx
 var import_react33 = require("react");
-var import_hooks60 = require("@agg-build/hooks");
+var import_hooks61 = require("@agg-build/hooks");
 var import_jsx_runtime160 = require("react/jsx-runtime");
 var ProfileSetupStep = ({ onContinue }) => {
-  const labels = (0, import_hooks60.useLabels)();
+  const labels = (0, import_hooks61.useLabels)();
   const [username, setUsername] = (0, import_react33.useState)("");
   const [avatarFile, setAvatarFile] = (0, import_react33.useState)();
   const [avatarPreview, setAvatarPreview] = (0, import_react33.useState)();
@@ -18174,7 +18186,7 @@ var ProfileSetupStep = ({ onContinue }) => {
 ProfileSetupStep.displayName = "ProfileSetupStep";
 
 // src/onboarding/steps/connect-accounts.tsx
-var import_hooks61 = require("@agg-build/hooks");
+var import_hooks62 = require("@agg-build/hooks");
 var import_jsx_runtime161 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
   return /* @__PURE__ */ (0, import_jsx_runtime161.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime161.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
@@ -18188,7 +18200,7 @@ var VenueCard = ({
   onConnect,
   connected = false
 }) => {
-  const labels = (0, import_hooks61.useLabels)();
+  const labels = (0, import_hooks62.useLabels)();
   const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
     Button,
     {
@@ -18247,7 +18259,7 @@ var ConnectAccountsStep = ({
   onContinue,
   connectedOnchain = false
 }) => {
-  const labels = (0, import_hooks61.useLabels)();
+  const labels = (0, import_hooks62.useLabels)();
   const canContinue = connectedOnchain;
   return /* @__PURE__ */ (0, import_jsx_runtime161.jsxs)("div", { className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ (0, import_jsx_runtime161.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
@@ -18282,7 +18294,7 @@ ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
 var import_react34 = require("react");
-var import_hooks62 = require("@agg-build/hooks");
+var import_hooks63 = require("@agg-build/hooks");
 var Dialog4 = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime162 = require("react/jsx-runtime");
 var ConnectOnchainModal = ({
@@ -18290,7 +18302,7 @@ var ConnectOnchainModal = ({
   onOpenChange,
   onConnect
 }) => {
-  const labels = (0, import_hooks62.useLabels)();
+  const labels = (0, import_hooks63.useLabels)();
   const [connecting, setConnecting] = (0, import_react34.useState)(false);
   const [error, setError] = (0, import_react34.useState)();
   const handleCancel = (0, import_react34.useCallback)(() => {
@@ -18389,7 +18401,7 @@ var ConnectOnchainModal = ({
 ConnectOnchainModal.displayName = "ConnectOnchainModal";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
-var import_hooks63 = require("@agg-build/hooks");
+var import_hooks64 = require("@agg-build/hooks");
 var import_sdk22 = require("@agg-build/sdk");
 var Dialog5 = __toESM(require("@radix-ui/react-dialog"));
 var import_react35 = require("react");
@@ -18416,8 +18428,8 @@ var ConnectKalshiModal = ({
   onOpenChange,
   onVerify
 }) => {
-  const labels = (0, import_hooks63.useLabels)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks63.useAppConfig)();
+  const labels = (0, import_hooks64.useLabels)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks64.useAppConfig)();
   const apiKeyInputRef = (0, import_react35.useRef)(null);
   const errorId = (0, import_react35.useId)();
   const [apiKeyId, setApiKeyId] = (0, import_react35.useState)("");
@@ -18425,7 +18437,7 @@ var ConnectKalshiModal = ({
   const [isVerifying, setIsVerifying] = (0, import_react35.useState)(false);
   const [isConnected, setIsConnected] = (0, import_react35.useState)(false);
   const [error, setError] = (0, import_react35.useState)();
-  const availabilityState = (0, import_hooks63.getVenueAvailabilityState)({
+  const availabilityState = (0, import_hooks64.getVenueAvailabilityState)({
     venueId: import_sdk22.Venue.kalshi,
     disabledVenues,
     isConfigLoading: isAppConfigLoading
@@ -18727,7 +18739,7 @@ var OnboardingModal = ({
   connectedOnchain = false
 }) => {
   var _a;
-  const labels = (0, import_hooks64.useLabels)();
+  const labels = (0, import_hooks65.useLabels)();
   const [step, setStep] = (0, import_react36.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
   const stepLabels = {
     [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
@@ -18812,12 +18824,12 @@ var requestAggWithdrawModalOpen = () => {
 };
 
 // src/trading/fund-kalshi-modal.tsx
-var import_hooks65 = require("@agg-build/hooks");
+var import_hooks66 = require("@agg-build/hooks");
 var import_sdk23 = require("@agg-build/sdk");
 var Dialog7 = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime165 = require("react/jsx-runtime");
 var FundKalshiModal = ({ open, onOpenChange }) => {
-  const labels = (0, import_hooks65.useLabels)();
+  const labels = (0, import_hooks66.useLabels)();
   const modalLabels = labels.trading.fundKalshiModal;
   return /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)(
     Modal.Container,
@@ -19380,8 +19392,14 @@ var extractGeoBlockedVenues = (warnings) => {
   );
 };
 var getSmartRouteTotalFees = (feeBreakdown) => {
+  var _a, _b;
   if (!feeBreakdown) return null;
-  const feeParts = [feeBreakdown.venueFees, feeBreakdown.bridgeFees, feeBreakdown.executionGas];
+  const feeParts = [
+    feeBreakdown.venueFees + ((_a = feeBreakdown.builderFee) != null ? _a : 0),
+    feeBreakdown.bridgeFees,
+    feeBreakdown.executionGas,
+    (_b = feeBreakdown.appFee) != null ? _b : 0
+  ];
   if (!feeParts.every(Number.isFinite)) return null;
   return feeParts.reduce((total, fee) => total + Math.round(fee * 100) / 100, 0);
 };
@@ -21784,7 +21802,7 @@ var PlaceOrderSlippageControl = ({
   minimumValue: slippageMinimumValue
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks66.useLabels)();
+  const labels = (0, import_hooks67.useLabels)();
   const containerRef = (0, import_react38.useRef)(null);
   const triggerRef = (0, import_react38.useRef)(null);
   const inputRef = (0, import_react38.useRef)(null);
@@ -22058,7 +22076,7 @@ var PlaceOrderResolvedView = ({
   showResolvingState = false
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks66.useLabels)();
+  const labels = (0, import_hooks67.useLabels)();
   const tradingLabels = labels.trading;
   const resolvingTimestamp = (_a = resolutionTimestamp != null ? resolutionTimestamp : tradingState.resolvesAt) != null ? _a : tradingState.endsAt;
   const isResolvingMarket = showResolvingState && !tradingState.winningOutcome;
@@ -22354,23 +22372,23 @@ var PlaceOrder = ({
   showResolvingState = false,
   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, _Y, _Z, __, _$, _aa, _ba, _ca;
+  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, _Z, __, _$, _aa, _ba, _ca, _da;
   const {
     enableDebug: isExecutionDebugEnabled,
     features: { enableAnimations, showFeesBreakdown, showLimitOrders: limitOrdersFeature },
     formatting: { formatPrice },
     general: { locale }
-  } = (0, import_hooks66.useSdkUiConfig)();
-  const labels = (0, import_hooks66.useLabels)();
+  } = (0, import_hooks67.useSdkUiConfig)();
+  const labels = (0, import_hooks67.useLabels)();
   const tradingLabels = labels.trading;
   const toastCtx = useOptionalToast();
-  const { isTradingBlocked } = (0, import_hooks66.useGeoBlock)();
-  const tradingContext = (0, import_hooks66.useEventTradingContext)();
+  const { isTradingBlocked } = (0, import_hooks67.useGeoBlock)();
+  const tradingContext = (0, import_hooks67.useEventTradingContext)();
   const selectedEvent = (_a = tradingContext == null ? void 0 : tradingContext.selectedEvent) != null ? _a : null;
   const selectedMarket = (_b = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _b : null;
   const selectedOutcomeId = (_c = tradingContext == null ? void 0 : tradingContext.selectedOutcomeId) != null ? _c : null;
   const resolvedEventTradingState = (0, import_react38.useMemo)(() => {
-    return eventTradingState != null ? eventTradingState : (0, import_hooks66.resolveEventTradingState)(selectedEvent);
+    return eventTradingState != null ? eventTradingState : (0, import_hooks67.resolveEventTradingState)(selectedEvent);
   }, [eventTradingState, selectedEvent]);
   const scopedSelectedEvent = (0, import_react38.useMemo)(() => {
     var _a2;
@@ -22398,7 +22416,7 @@ var PlaceOrder = ({
   )) != null ? _f : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes[0]) != null ? _g : null;
   const scopedSelectedOutcomeId = (_h = scopedSelectedOutcome == null ? void 0 : scopedSelectedOutcome.id) != null ? _h : null;
   const resolvedTradingState = (0, import_react38.useMemo)(() => {
-    return (0, import_hooks66.resolveMarketTradingState)(scopedSelectedMarket);
+    return (0, import_hooks67.resolveMarketTradingState)(scopedSelectedMarket);
   }, [scopedSelectedMarket]);
   const resolvedReadOnlyMarket = (0, import_react38.useMemo)(() => {
     var _a2;
@@ -22412,11 +22430,11 @@ var PlaceOrder = ({
     scopedSelectedMarket
   ]);
   const resolvedReadOnlyTradingState = (0, import_react38.useMemo)(() => {
-    return (0, import_hooks66.resolveMarketTradingState)(resolvedReadOnlyMarket);
+    return (0, import_hooks67.resolveMarketTradingState)(resolvedReadOnlyMarket);
   }, [resolvedReadOnlyMarket]);
   const isEndedWithoutKnownWinner = showResolvingState && !resolvedEventTradingState.winningOutcome && !resolvedReadOnlyTradingState.winningOutcome;
   const orderEligibility = (0, import_react38.useMemo)(
-    () => (0, import_hooks66.resolveOrderEligibility)({
+    () => (0, import_hooks67.resolveOrderEligibility)({
       event: scopedSelectedEvent,
       market: scopedSelectedMarket,
       outcome: scopedSelectedOutcome,
@@ -22425,16 +22443,16 @@ var PlaceOrder = ({
     [scopedSelectedEvent, scopedSelectedMarket, scopedSelectedOutcome, resolvedEventTradingState]
   );
   const isResolvedOutcomeCtaLocked = resolvedEventTradingState.kind === "resolved" || resolvedTradingState.kind === "resolved";
-  const { isAuthenticated, user } = (0, import_hooks66.useAggAuthContext)();
+  const { isAuthenticated, user } = (0, import_hooks67.useAggAuthContext)();
   const sharedKycFlow = useSharedKycFlow({
     integration: sharedKyc,
     userId: isAuthenticated ? user == null ? void 0 : user.id : null,
     fallbackErrorMessage: tradingLabels.sharedKyc.modal.error
   });
-  const { executionMode: resolvedExecutionMode, isPaperMode } = (0, import_hooks66.useResolvedExecutionMode)(executionMode);
+  const { executionMode: resolvedExecutionMode, isPaperMode } = (0, import_hooks67.useResolvedExecutionMode)(executionMode);
   const showLimitOrders = limitOrdersFeature && !isPaperMode;
-  const liveBalanceState = (0, import_hooks66.useAggBalanceState)();
-  const paperBalancesQuery = (0, import_hooks66.useManagedBalances)({
+  const liveBalanceState = (0, import_hooks67.useAggBalanceState)();
+  const paperBalancesQuery = (0, import_hooks67.useManagedBalances)({
     enabled: Boolean(isAuthenticated && isPaperMode),
     mode: "paper"
   });
@@ -22454,22 +22472,22 @@ var PlaceOrder = ({
   const liveAvailableBalance = (_i = liveBalanceState.availableBalance) != null ? _i : liveBalanceState.totalBalance;
   const totalBalance = isPaperMode ? paperTotalBalance : liveAvailableBalance;
   const isBalanceLoading = isPaperMode ? paperBalancesQuery.isLoading : liveBalanceState.isLoading;
-  const executeManaged = (0, import_hooks66.useExecuteManaged)();
-  const placeLimitOrder = (0, import_hooks66.usePlaceLimitOrder)();
-  const aggClient = (0, import_hooks66.useAggClient)();
-  const queryClient = (0, import_hooks66.useQueryClient)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks66.useAppConfig)();
-  const { data: kalshiKeyStatus, refetch: refetchKalshiKeyStatus } = (0, import_hooks66.useVenueKeyStatus)(
+  const executeManaged = (0, import_hooks67.useExecuteManaged)();
+  const placeLimitOrder = (0, import_hooks67.usePlaceLimitOrder)();
+  const aggClient = (0, import_hooks67.useAggClient)();
+  const queryClient = (0, import_hooks67.useQueryClient)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks67.useAppConfig)();
+  const { data: kalshiKeyStatus, refetch: refetchKalshiKeyStatus } = (0, import_hooks67.useVenueKeyStatus)(
     import_sdk24.Venue.kalshi,
     isAuthenticated
   );
   const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react38.useState)(false);
   const [isFundKalshiModalOpen, setIsFundKalshiModalOpen] = (0, import_react38.useState)(false);
-  const livePrices = (0, import_hooks66.useLiveOutcomePrices)(
+  const livePrices = (0, import_hooks67.useLiveOutcomePrices)(
     scopedSelectedMarket ? [scopedSelectedMarket] : void 0
   );
-  const wsBestPrices = (0, import_hooks66.useLiveBestPrices)(scopedSelectedMarket ? [scopedSelectedMarket] : void 0);
-  const fetchedClusterMidpointResult = (0, import_hooks66.useMidpoints)(
+  const wsBestPrices = (0, import_hooks67.useLiveBestPrices)(scopedSelectedMarket ? [scopedSelectedMarket] : void 0);
+  const fetchedClusterMidpointResult = (0, import_hooks67.useMidpoints)(
     midpointsResult ? [] : scopedSelectedMarket ? [scopedSelectedMarket] : []
   );
   const clusterMidpointResult = midpointsResult != null ? midpointsResult : fetchedClusterMidpointResult;
@@ -22477,7 +22495,7 @@ var PlaceOrder = ({
   const clusterBestMidpoint = clusterMidpointResult.bestMidpoint;
   const clusterBestPricesRest = clusterMidpointResult.bestPrices;
   const clusterBestPrices = (0, import_react38.useMemo)(
-    () => (0, import_hooks66.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
+    () => (0, import_hooks67.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
     [clusterBestPricesRest, wsBestPrices]
   );
   const [internalTab, setInternalTab] = (0, import_react38.useState)("buy");
@@ -22571,7 +22589,7 @@ var PlaceOrder = ({
     scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id,
     scopedSelectedOutcomeId
   ]);
-  const debouncedAmount = (0, import_hooks66.useDebouncedValue)(internalAmount, 300);
+  const debouncedAmount = (0, import_hooks67.useDebouncedValue)(internalAmount, 300);
   const isQuoteInputEditing = internalAmount !== debouncedAmount;
   const isLimitOrder = showLimitOrders && executionType === "limit";
   const isSell = (0, import_react38.useMemo)(() => internalTab === "sell", [internalTab]);
@@ -22589,7 +22607,7 @@ var PlaceOrder = ({
   );
   const visibleLimitVenueOptions = (0, import_react38.useMemo)(() => {
     return limitVenueOptions.filter((option) => {
-      return (0, import_hooks66.getVenueAvailabilityState)({
+      return (0, import_hooks67.getVenueAvailabilityState)({
         venueId: option.venue,
         disabledVenues,
         isConfigLoading: isAppConfigLoading
@@ -22601,7 +22619,7 @@ var PlaceOrder = ({
     dataUpdatedAt: executionPositionsUpdatedAt,
     isLoading: isExecutionPositionsLoading,
     isFetching: isExecutionPositionsFetching
-  } = (0, import_hooks66.useExecutionPositions)({
+  } = (0, import_hooks67.useExecutionPositions)({
     enabled: Boolean(isAuthenticated && isSell),
     mode: isPaperMode ? "paper" : void 0
   });
@@ -22635,7 +22653,7 @@ var PlaceOrder = ({
   );
   const hasValidLimitVenueQuoteAmount = debouncedAmount > 0;
   const isLimitVenueQuoteEnabled = isLimitOrder && isQuotePanelActive && !isEndedWithoutKnownWinner && !submissionProgressState && !isBeforeActionPending && !placeLimitOrder.isPending && hasValidLimitVenueQuoteAmount && orderEligibility.canPlaceOrder && (!isSell || sellFilledForOutcomeId === scopedSelectedOutcomeId && !isQuoteInputEditing);
-  const limitVenueQuotes = (0, import_hooks66.useLimitOrderVenueQuotes)({
+  const limitVenueQuotes = (0, import_hooks67.useLimitOrderVenueQuotes)({
     requests: limitVenueQuoteRequests,
     tradeSide: internalTab,
     amount: debouncedAmount,
@@ -22669,7 +22687,7 @@ var PlaceOrder = ({
       // server's reservation check — and the automatic pick, which sorts on
       // price alone, would happily choose one. Only narrow once we know
       // where the shares are; an empty map means positions haven't resolved.
-      (!isSell || sellableSharesByVenue.size === 0 || ((_a2 = sellableSharesByVenue.get(option.venue)) != null ? _a2 : 0) > 0) && (0, import_hooks66.getVenueAvailabilityState)({
+      (!isSell || sellableSharesByVenue.size === 0 || ((_a2 = sellableSharesByVenue.get(option.venue)) != null ? _a2 : 0) > 0) && (0, import_hooks67.getVenueAvailabilityState)({
         venueId: option.venue,
         disabledVenues,
         isConfigLoading: isAppConfigLoading
@@ -22700,7 +22718,7 @@ var PlaceOrder = ({
     if (!selectedLimitVenue || !geoBlockedLimitVenues.has(selectedLimitVenue)) return;
     setSelectedLimitVenue(null);
   }, [geoBlockedLimitVenues, selectedLimitVenue]);
-  const smartRoute = (0, import_hooks66.useSmartRoute)(__spreadProps(__spreadValues({
+  const smartRoute = (0, import_hooks67.useSmartRoute)(__spreadProps(__spreadValues({
     venueMarketOutcomeId: scopedSelectedOutcomeId,
     maxSpend: isSell ? void 0 : debouncedAmount,
     sellShares: isSell ? debouncedAmount : void 0,
@@ -22773,7 +22791,7 @@ var PlaceOrder = ({
     },
     [debouncedAmount, isSell, scopedSelectedOutcomeId, smartRoute.data, smartRoute.isLoading]
   );
-  const venueSellQuotes = (0, import_hooks66.useVenueSellQuotes)({
+  const venueSellQuotes = (0, import_hooks67.useVenueSellQuotes)({
     venueMarketOutcomeId: scopedSelectedOutcomeId,
     accountId: (_n = user == null ? void 0 : user.id) != null ? _n : null,
     positionVersion: executionPositionsUpdatedAt,
@@ -22998,7 +23016,7 @@ var PlaceOrder = ({
   );
   const isKalshiAccountActive = (_F = kalshiKeyStatus == null ? void 0 : kalshiKeyStatus.connected) != null ? _F : (legacyKalshiAccount == null ? void 0 : legacyKalshiAccount.status) === "active";
   const hasKalshiConnectionState = kalshiKeyStatus !== void 0 || (user == null ? void 0 : user.venueAccounts) != null;
-  const isKalshiAvailable = (0, import_hooks66.getVenueAvailabilityState)({
+  const isKalshiAvailable = (0, import_hooks67.getVenueAvailabilityState)({
     venueId: "kalshi",
     disabledVenues,
     isConfigLoading: isAppConfigLoading
@@ -23053,7 +23071,7 @@ var PlaceOrder = ({
       scopedSelectedOutcomeId
     ]
   );
-  const executionProgress = (0, import_hooks66.useExecutionProgress)({
+  const executionProgress = (0, import_hooks67.useExecutionProgress)({
     orderIds: (_G = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) != null ? _G : null,
     quoteId: (_H = submissionProgressState == null ? void 0 : submissionProgressState.quoteId) != null ? _H : null,
     mode: isPaperMode ? "paper" : void 0,
@@ -23401,8 +23419,8 @@ var PlaceOrder = ({
     }
     if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
       emitTerminalOrderNotifications();
-      (0, import_hooks66.invalidateBalanceQueries)(queryClient);
-      (0, import_hooks66.invalidatePositionQueries)(queryClient);
+      (0, import_hooks67.invalidateBalanceQueries)(queryClient);
+      (0, import_hooks67.invalidatePositionQueries)(queryClient);
       if (debugStore && debugAttemptId) {
         debugStore.updateAttempt(debugAttemptId, {
           status: "succeeded",
@@ -23706,7 +23724,7 @@ var PlaceOrder = ({
         limitPriceRaw: effectiveLimitPriceRaw,
         side: internalTab
       });
-      const availabilityState = (0, import_hooks66.getVenueAvailabilityState)({
+      const availabilityState = (0, import_hooks67.getVenueAvailabilityState)({
         venueId: option.venue,
         disabledVenues,
         isConfigLoading: isAppConfigLoading
@@ -23775,13 +23793,17 @@ var PlaceOrder = ({
     if (totalFees == null) return null;
     return formatUsd(totalFees, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
   }, [activeFeeBreakdown]);
+  const appFeeValue = (__ = activeFeeBreakdown == null ? void 0 : activeFeeBreakdown.appFee) != null ? __ : 0;
   const feeBreakdownRows = (0, import_react38.useMemo)(() => {
+    var _a2;
     if (!activeFeeBreakdown) return [];
     return [
       {
+        // The builder slice (Hyperliquid only today) is a separate field on the
+        // wire but reads as one cost to the user, so it renders inside "Venue".
         kind: "amount",
         label: tradingLabels.feeBreakdownVenueFees,
-        value: formatUsd(activeFeeBreakdown.venueFees, {
+        value: formatUsd(activeFeeBreakdown.venueFees + ((_a2 = activeFeeBreakdown.builderFee) != null ? _a2 : 0), {
           minimumFractionDigits: 2,
           maximumFractionDigits: 2
         })
@@ -23802,23 +23824,33 @@ var PlaceOrder = ({
           maximumFractionDigits: 2
         })
       },
-      {
+      // A partner charging a non-zero app fee gets a plain dollar row like every
+      // other cost above it — the "0% fee" badge is only true, and only worth
+      // highlighting, when the fee really is zero.
+      appFeeValue > 0 ? {
+        kind: "amount",
+        label: tradingLabels.feeBreakdownAggMarket,
+        value: formatUsd(appFeeValue, {
+          minimumFractionDigits: 2,
+          maximumFractionDigits: 2
+        })
+      } : {
         kind: "badge",
         label: tradingLabels.feeBreakdownAggMarket,
         badgeLabel: tradingLabels.feeBreakdownPlatformFeeBadge
       }
     ];
-  }, [activeFeeBreakdown, tradingLabels]);
+  }, [activeFeeBreakdown, appFeeValue, tradingLabels]);
   const isActionLoading = isPrimaryActionLoading || executeManaged.isPending || placeLimitOrder.isPending || isBeforeActionPending;
   const selectedLimitRouteCardId = selectedLimitVenueOption ? `limit-venue-${selectedLimitVenueOption.venue}-${selectedLimitVenueOption.venueMarketOutcomeId}` : null;
-  const selectedLimitRouteCard = selectedLimitRouteCardId ? (__ = limitRouteCards.find((card) => card.id === selectedLimitRouteCardId)) != null ? __ : null : null;
-  const selectedRouteGeoBlocked = isLimitOrder ? (_$ = selectedLimitRouteCard == null ? void 0 : selectedLimitRouteCard.isUnavailable) != null ? _$ : false : (_aa = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _aa : false;
+  const selectedLimitRouteCard = selectedLimitRouteCardId ? (_$ = limitRouteCards.find((card) => card.id === selectedLimitRouteCardId)) != null ? _$ : null : null;
+  const selectedRouteGeoBlocked = isLimitOrder ? (_aa = selectedLimitRouteCard == null ? void 0 : selectedLimitRouteCard.isUnavailable) != null ? _aa : false : (_ba = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _ba : false;
   const geoBlockedVenuesFromWarnings = (0, import_react38.useMemo)(
     () => {
       var _a2;
       return extractGeoBlockedVenues((_a2 = smartRoute.data) == null ? void 0 : _a2.warnings);
     },
-    [(_ba = smartRoute.data) == null ? void 0 : _ba.warnings]
+    [(_ca = smartRoute.data) == null ? void 0 : _ca.warnings]
   );
   const isPrimaryVenueGeoBlocked = (0, import_react38.useMemo)(() => {
     var _a2, _b2;
@@ -24503,7 +24535,7 @@ var PlaceOrder = ({
       PlaceOrderResolvedView,
       {
         tradingState: resolvedReadOnlyTradingState,
-        resolutionTimestamp: (_ca = resolvedEventTradingState.resolvesAt) != null ? _ca : resolvedReadOnlyTradingState.resolvesAt,
+        resolutionTimestamp: (_da = resolvedEventTradingState.resolvesAt) != null ? _da : resolvedReadOnlyTradingState.resolvesAt,
         resolvedClaim,
         classNames,
         className,
@@ -25237,7 +25269,7 @@ var PlaceOrder = ({
                       className: "agg-order-submit h-12 w-full px-8 text-agg-base leading-agg-6 shadow-none",
                       disabled: !orderEligibility.canPlaceOrder || shouldShowGeoBlockBanner,
                       "aria-label": tradingLabels.signInToTrade,
-                      onClick: import_hooks66.requestAggAuthChooserOpen,
+                      onClick: import_hooks67.requestAggAuthChooserOpen,
                       children: tradingLabels.signInToTrade
                     }
                   ) : /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
@@ -25264,7 +25296,7 @@ var PlaceOrder = ({
                       message: internalTab === "buy" ? tradingLabels.lowLiquidityWarning : tradingLabels.lowLiquiditySellWarning
                     }
                   ) : null,
-                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "agg-order-platform-fee mt-1 flex items-center justify-center gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
+                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown && appFeeValue === 0 ? /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "agg-order-platform-fee mt-1 flex items-center justify-center gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
                     /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
                       Icon,
                       {
@@ -25313,7 +25345,7 @@ var PlaceOrder = ({
 PlaceOrder.displayName = "PlaceOrder";
 
 // src/trading/use-claim-winnings.ts
-var import_hooks67 = require("@agg-build/hooks");
+var import_hooks68 = require("@agg-build/hooks");
 var import_react39 = require("react");
 var toClaimError = (err) => {
   if (err instanceof Error) return err;
@@ -25321,11 +25353,11 @@ var toClaimError = (err) => {
 };
 function useClaimWinnings(options = {}) {
   const { onClaim, onClaimResult, onClaimSubmitError, externalClaimingKeys } = options;
-  const labels = (0, import_hooks67.useLabels)();
+  const labels = (0, import_hooks68.useLabels)();
   const claimNotificationLabels = labels.notifications.claim;
   const toastCtx = useOptionalToast();
-  const queryClient = (0, import_hooks67.useQueryClient)();
-  const redeemMutation = (0, import_hooks67.useRedeem)();
+  const queryClient = (0, import_hooks68.useQueryClient)();
+  const redeemMutation = (0, import_hooks68.useRedeem)();
   const [activeRedeems, setActiveRedeems] = (0, import_react39.useState)({});
   const activeClaimKeysRef = (0, import_react39.useRef)(/* @__PURE__ */ new Set());
   const pendingClaimToastIdsRef = (0, import_react39.useRef)({});
@@ -25335,7 +25367,7 @@ function useClaimWinnings(options = {}) {
     () => Object.values(activeRedeems),
     [activeRedeems]
   );
-  const lifecycleStates = (0, import_hooks67.useRedeemLifecycles)(lifecycleInputs);
+  const lifecycleStates = (0, import_hooks68.useRedeemLifecycles)(lifecycleInputs);
   const internalClaimingIds = (0, import_react39.useMemo)(() => {
     const out = __spreadValues({}, submittingClaimKeys);
     for (const [claimKey, active] of Object.entries(activeRedeems)) {
@@ -25350,13 +25382,13 @@ function useClaimWinnings(options = {}) {
     [externalClaimingKeys, internalClaimingIds]
   );
   const invalidateClaimUiState = (0, import_react39.useCallback)(() => {
-    (0, import_hooks67.invalidateBalanceQueries)(queryClient);
-    (0, import_hooks67.invalidatePositionQueries)(queryClient);
+    (0, import_hooks68.invalidateBalanceQueries)(queryClient);
+    (0, import_hooks68.invalidatePositionQueries)(queryClient);
     queryClient.invalidateQueries({
-      queryKey: import_hooks67.executionKeys.claimablePositionsCount(),
+      queryKey: import_hooks68.executionKeys.claimablePositionsCount(),
       refetchType: "active"
     });
-    (0, import_hooks67.invalidateUserActivityQueries)(queryClient);
+    (0, import_hooks68.invalidateUserActivityQueries)(queryClient);
   }, [queryClient]);
   const claim = (0, import_react39.useCallback)(
     (_0) => __async(null, [_0], function* ({ claimKey, winningOutcomeIds, payload }) {
@@ -25553,7 +25585,7 @@ function useClaimWinnings(options = {}) {
 }
 
 // src/trading/use-resolved-market-claim.ts
-var import_hooks68 = require("@agg-build/hooks");
+var import_hooks69 = require("@agg-build/hooks");
 var import_react40 = require("react");
 var sharesFormatter = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
 var dateFormatter = new Intl.DateTimeFormat("en-US", {
@@ -25570,12 +25602,12 @@ var formatResolutionDate = (value) => {
 function useResolvedMarketClaim(options = {}) {
   var _a;
   const { market, enabled = true, executionMode } = options;
-  const { isAuthenticated } = (0, import_hooks68.useAggAuthState)();
-  const tradingState = (0, import_react40.useMemo)(() => (0, import_hooks68.resolveMarketTradingState)(market), [market]);
+  const { isAuthenticated } = (0, import_hooks69.useAggAuthState)();
+  const tradingState = (0, import_react40.useMemo)(() => (0, import_hooks69.resolveMarketTradingState)(market), [market]);
   const isResolved = tradingState.kind === "resolved";
   const marketId = (_a = market == null ? void 0 : market.id) != null ? _a : null;
   const shouldFetch = Boolean(enabled && isAuthenticated && isResolved && marketId);
-  const { positions } = (0, import_hooks68.useExecutionPositions)(__spreadValues({
+  const { positions } = (0, import_hooks69.useExecutionPositions)(__spreadValues({
     enabled: shouldFetch,
     status: "active",
     limit: 50
@@ -25592,7 +25624,7 @@ function useResolvedMarketClaim(options = {}) {
       (outcome) => outcome.winner === true && outcome.totalSize > 0
     );
     if (winningOutcomes.length === 0) return void 0;
-    const totals = (0, import_hooks68.computeClosedPositionTotals)(group);
+    const totals = (0, import_hooks69.computeClosedPositionTotals)(group);
     const winningShares = winningOutcomes.reduce((sum, outcome) => sum + outcome.totalSize, 0);
     const winningOutcomeLabel = (_a2 = resolveResolvedOutcomeLabel({
       market: market != null ? market : group.venueMarket,
@@ -25676,7 +25708,7 @@ var resolveEventMarketPageStickyState = ({
 };
 
 // src/pages/event-market/event-market.shared.tsx
-var import_hooks69 = require("@agg-build/hooks");
+var import_hooks70 = require("@agg-build/hooks");
 var Dialog8 = __toESM(require("@radix-ui/react-dialog"));
 var import_react41 = require("react");
 var import_jsx_runtime170 = require("react/jsx-runtime");
@@ -25746,7 +25778,7 @@ var EventMarketPageMobileTrade = ({
   onBeforePrimaryAction,
   sharedKyc
 }) => {
-  const labels = (0, import_hooks69.useLabels)();
+  const labels = (0, import_hooks70.useLabels)();
   if (!showPlaceOrder) return null;
   const handleOpenChange = (nextOpen) => {
     onOpenChange(nextOpen);
@@ -25802,7 +25834,7 @@ var EventMarketPageMobileTrade = ({
 var EventMarketPageUnavailableState = ({
   ariaLabel: _ariaLabel
 }) => {
-  const labels = (0, import_hooks69.useLabels)();
+  const labels = (0, import_hooks70.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
     StateMessage,
     {
@@ -25818,7 +25850,7 @@ var EventMarketPageUnavailableState = ({
 var EventMarketPageNotFoundState = ({
   ariaLabel: _ariaLabel
 }) => {
-  const labels = (0, import_hooks69.useLabels)();
+  const labels = (0, import_hooks70.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
     StateMessage,
     {
@@ -25915,11 +25947,11 @@ var EventMarketPageLoadingState = ({
 };
 
 // src/pages/event-market/sports-event-market-page.tsx
-var import_hooks72 = require("@agg-build/hooks");
+var import_hooks73 = require("@agg-build/hooks");
 var import_react44 = require("react");
 
 // src/pages/event-market/sports-markets.tsx
-var import_hooks71 = require("@agg-build/hooks");
+var import_hooks72 = require("@agg-build/hooks");
 var import_react43 = require("react");
 
 // src/pages/event-market/sports-event-market.utils.ts
@@ -26924,7 +26956,7 @@ var mergeSportsSectionMarketsIntoEvent = ({
 };
 
 // src/pages/event-market/sports-market-card.tsx
-var import_hooks70 = require("@agg-build/hooks");
+var import_hooks71 = require("@agg-build/hooks");
 var import_react42 = require("react");
 
 // src/pages/event-market/sports-line-rail.tsx
@@ -27273,11 +27305,11 @@ var SportsMarketCard = ({
   midpointsResult
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const labels = (0, import_hooks70.useLabels)();
+  const labels = (0, import_hooks71.useLabels)();
   const {
     formatting: { formatCompactCurrency }
-  } = (0, import_hooks70.useSdkUiConfig)();
-  const tradingContext = (0, import_hooks70.useEventTradingContext)();
+  } = (0, import_hooks71.useSdkUiConfig)();
+  const tradingContext = (0, import_hooks71.useEventTradingContext)();
   const slide = (0, import_react42.useMemo)(() => buildSportsSlideFromGroup(group), [group]);
   const [selectedLineIndex, setSelectedLineIndex] = (0, import_react42.useState)(slide.defaultStopIndex);
   const combinedLegs = (0, import_react42.useMemo)(() => resolveSportsCombinedLegs(group), [group]);
@@ -27318,7 +27350,7 @@ var SportsMarketCard = ({
     const justOpened = isExpanded && !wasExpandedRef.current;
     wasExpandedRef.current = isExpanded;
     if (!justOpened || !activeMarket) return;
-    if ((0, import_hooks70.resolveMarketTradingState)(activeMarket).isTradingDisabled) return;
+    if ((0, import_hooks71.resolveMarketTradingState)(activeMarket).isTradingDisabled) return;
     const selectedOutcomeId = tradingContext == null ? void 0 : tradingContext.selectedOutcomeId;
     const hasInScopeOutcome = selectedOutcomeId != null && activeMarket.venueMarketOutcomes.some((outcome) => outcome.id === selectedOutcomeId);
     if (hasInScopeOutcome) return;
@@ -27438,7 +27470,7 @@ var SportsMarketCard = ({
           stops: slide.stops.map((stop) => ({
             value: stop.value,
             venues: stop.venues,
-            disabled: stop.market.status !== import_hooks70.MarketStatus.open
+            disabled: stop.market.status !== import_hooks71.MarketStatus.open
           })),
           selectedIndex: selectedLineIndex,
           onSelect: handleLineSelect,
@@ -27542,7 +27574,7 @@ var SportsTabButton = ({
   );
 };
 var SportsMarketsLoadingState = () => {
-  const labels = (0, import_hooks71.useLabels)();
+  const labels = (0, import_hooks72.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(
     "div",
     {
@@ -27580,13 +27612,13 @@ var SportsMarkets = ({
   midpointsResult
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks71.useLabels)();
-  const tradingContext = (0, import_hooks71.useEventTradingContext)();
+  const labels = (0, import_hooks72.useLabels)();
+  const tradingContext = (0, import_hooks72.useEventTradingContext)();
   const hasAggKey = Boolean(event.aggKey);
-  const gameMarketsQuery = (0, import_hooks71.useVenueMarkets)({
+  const gameMarketsQuery = (0, import_hooks72.useVenueMarkets)({
     aggKey: event.aggKey ? [event.aggKey] : void 0,
     limit: 100,
-    status: import_hooks71.MarketStatus.open,
+    status: import_hooks72.MarketStatus.open,
     enabled: hasAggKey
   });
   const {
@@ -27622,7 +27654,7 @@ var SportsMarkets = ({
   const [stableMarketsByTab, setStableMarketsByTab] = (0, import_react43.useState)({});
   const activeTabLabel = resolveSportsSectionLabel(labels, activeTab);
   const sectionFilters = resolveSportsSectionFilters(activeTab);
-  const sectionMarketsQuery = (0, import_hooks71.useVenueMarkets)({
+  const sectionMarketsQuery = (0, import_hooks72.useVenueMarkets)({
     aggKey: event.aggKey ? [event.aggKey] : void 0,
     sportsMarketType: sectionFilters.sportsMarketType,
     period: sectionFilters.period,
@@ -27632,7 +27664,7 @@ var SportsMarkets = ({
     // heavy tab (e.g. "Other" spans other/team_props/player_props/specials/
     // completion — hundreds of markets on prop-rich events) from ~15 calls to 1-3.
     limit: 100,
-    status: import_hooks71.MarketStatus.open,
+    status: import_hooks72.MarketStatus.open,
     enabled: hasAggKey
   });
   const {
@@ -27718,7 +27750,7 @@ var SportsMarkets = ({
       return;
     }
     setExpandedGroupId(groupId);
-    if ((0, import_hooks71.resolveMarketTradingState)(market).isTradingDisabled) return;
+    if ((0, import_hooks72.resolveMarketTradingState)(market).isTradingDisabled) return;
     if (market.id !== (tradingContext == null ? void 0 : tradingContext.selectedMarketId)) {
       tradingContext == null ? void 0 : tradingContext.selectMarket(market.id, market);
     }
@@ -27834,7 +27866,7 @@ var SportsEventMarketPage = ({
       sectionMarketsByKey
     });
   }, [event, sectionMarketsByKey]);
-  const eventTradingState = (0, import_react44.useMemo)(() => (0, import_hooks72.resolveEventTradingState)(composedEvent), [composedEvent]);
+  const eventTradingState = (0, import_react44.useMemo)(() => (0, import_hooks73.resolveEventTradingState)(composedEvent), [composedEvent]);
   const hasSportsSections = (0, import_react44.useMemo)(
     () => resolveVisibleSportsSectionTabs(event).length > 0,
     [event]
@@ -27842,12 +27874,12 @@ var SportsEventMarketPage = ({
   const stickyOrderPanelState = resolveEventMarketPageStickyState({
     stickyOrderPanel
   });
-  const { executionMode: resolvedExecutionMode } = (0, import_hooks72.useResolvedExecutionMode)(executionMode);
+  const { executionMode: resolvedExecutionMode } = (0, import_hooks73.useResolvedExecutionMode)(executionMode);
   const [isMobileTradeOpen, setIsMobileTradeOpen] = (0, import_react44.useState)(false);
   const isMobileViewport = useIsMobileEventMarketViewport(SPORTS_EVENT_MARKET_MEDIA_QUERY);
-  const tradingContext = (0, import_hooks72.useEventTradingContext)();
-  const { stateByEventId: sportsLiveStateByEventId } = (0, import_hooks72.useSportsLive)([event.id]);
-  const midpointsResult = (0, import_hooks72.useMidpoints)(composedEvent.venueMarkets);
+  const tradingContext = (0, import_hooks73.useEventTradingContext)();
+  const { stateByEventId: sportsLiveStateByEventId } = (0, import_hooks73.useSportsLive)([event.id]);
+  const midpointsResult = (0, import_hooks73.useMidpoints)(composedEvent.venueMarkets);
   const internalResolvedClaim = useResolvedMarketClaim({
     market: eventTradingState.primaryMarket,
     enabled: eventTradingState.kind === "resolved",
@@ -27859,7 +27891,7 @@ var SportsEventMarketPage = ({
   (0, import_react44.useEffect)(() => {
     return () => {
       var _a;
-      (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, import_hooks72.TradeSide.Buy);
+      (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, import_hooks73.TradeSide.Buy);
     };
   }, []);
   const handleSectionMarketsChange = (0, import_react44.useCallback)(
@@ -28070,19 +28102,19 @@ var EventMarketPageContent = ({
   onRecurringMarketNavigate
 }) => {
   var _a;
-  const eventTradingState = (0, import_react45.useMemo)(() => (0, import_hooks73.resolveEventTradingState)(event), [event]);
+  const eventTradingState = (0, import_react45.useMemo)(() => (0, import_hooks74.resolveEventTradingState)(event), [event]);
   const stickyOrderPanelState = resolveEventMarketPageStickyState({
     stickyOrderPanel
   });
-  const { executionMode: resolvedExecutionMode } = (0, import_hooks73.useResolvedExecutionMode)(executionMode);
+  const { executionMode: resolvedExecutionMode } = (0, import_hooks74.useResolvedExecutionMode)(executionMode);
   const [isMobileTradeOpen, setIsMobileTradeOpen] = (0, import_react45.useState)(false);
   const isMobileViewport = useIsMobileEventMarketViewport();
-  const tradingContext = (0, import_hooks73.useEventTradingContext)();
-  const labels = (0, import_hooks73.useLabels)();
-  const recurringQuery = (0, import_hooks73.useRecurringCryptoMarkets)({ event });
+  const tradingContext = (0, import_hooks74.useEventTradingContext)();
+  const labels = (0, import_hooks74.useLabels)();
+  const recurringQuery = (0, import_hooks74.useRecurringCryptoMarkets)({ event });
   const currentTimestamp = useCurrentTimestamp(recurringQuery.isRecurringCryptoMarket);
   const recurringTimeline = (0, import_react45.useMemo)(
-    () => currentTimestamp == null ? null : (0, import_hooks73.resolveRecurringCryptoTimeline)(recurringQuery.windows, event, currentTimestamp),
+    () => currentTimestamp == null ? null : (0, import_hooks74.resolveRecurringCryptoTimeline)(recurringQuery.windows, event, currentTimestamp),
     [currentTimestamp, event, recurringQuery.windows]
   );
   const isRecurringCryptoMarket = (recurringTimeline == null ? void 0 : recurringTimeline.viewed) != null;
@@ -28162,7 +28194,7 @@ var EventMarketPageContent = ({
     () => normalizeVenueMarketCluster(event.venueMarkets),
     [event.venueMarkets]
   );
-  const midpointsResult = (0, import_hooks73.useMidpoints)(
+  const midpointsResult = (0, import_hooks74.useMidpoints)(
     recurringQuery.isRecurringCryptoMarket && eventTradingState.kind !== "open" ? [] : eventDetailVenueMarkets
   );
   const internalResolvedClaim = useResolvedMarketClaim({
@@ -28176,7 +28208,7 @@ var EventMarketPageContent = ({
   (0, import_react45.useEffect)(() => {
     return () => {
       var _a2;
-      (_a2 = setTradeSideRef.current) == null ? void 0 : _a2.call(setTradeSideRef, import_hooks73.TradeSide.Buy);
+      (_a2 = setTradeSideRef.current) == null ? void 0 : _a2.call(setTradeSideRef, import_hooks74.TradeSide.Buy);
     };
   }, []);
   if (!event.venueMarkets.length) {
@@ -28318,14 +28350,14 @@ var EventMarketPage = (props) => {
   var _a;
   const {
     features: { showSportsMarkets }
-  } = (0, import_hooks73.useSdkUiConfig)();
+  } = (0, import_hooks74.useSdkUiConfig)();
   const hasEventProp = "event" in props && !!props.event;
   const {
     event: fetchedEvent,
     error: eventError,
     isLoading: isFetchingEvent,
     isEnriching
-  } = (0, import_hooks73.useEnrichedVenueEvent)({
+  } = (0, import_hooks74.useEnrichedVenueEvent)({
     eventId: hasEventProp ? "" : (_a = props.eventId) != null ? _a : "",
     enabled: !props.isLoading && !hasEventProp && !!props.eventId
   });
@@ -28591,14 +28623,14 @@ var HomeSearchResults = ({
   onEventClick,
   onMarketClick
 }) => {
-  const labels = (0, import_hooks74.useLabels)();
-  const { search: searchConfig } = (0, import_hooks74.useSdkUiConfig)();
-  const { disabledVenues } = (0, import_hooks74.useAppConfig)();
+  const labels = (0, import_hooks75.useLabels)();
+  const { search: searchConfig } = (0, import_hooks75.useSdkUiConfig)();
+  const { disabledVenues } = (0, import_hooks75.useAppConfig)();
   const [activeVenueTabValue, setActiveVenueTabValue] = (0, import_react48.useState)("all");
   const eventListTabs = useEventListTabs();
   const { headerRef, titleRef, shouldUseSelectOverflow } = useEventListTabsHeaderOverflow(eventListTabs);
   const visibleVenues = (0, import_react48.useMemo)(
-    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks74.getVisibleVenueIdsByConfig)(import_sdk25.VENUES, disabledVenues),
+    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks75.getVisibleVenueIdsByConfig)(import_sdk25.VENUES, disabledVenues),
     [disabledVenues]
   );
   const activeVenueTab = (0, import_react48.useMemo)(() => {
@@ -28616,7 +28648,7 @@ var HomeSearchResults = ({
     hasNextPage,
     isFetchingNextPage,
     isPlaceholderData
-  } = (0, import_hooks74.useSearch)({
+  } = (0, import_hooks75.useSearch)({
     q: query,
     type: "events",
     categoryIds: activeTabValue === ALL_CATEGORIES_TAB_VALUE ? void 0 : activeCategoryTab == null ? void 0 : activeCategoryTab.categoryIds,
@@ -28644,7 +28676,7 @@ var HomeSearchResults = ({
   const visibleMidpointVenueMarketIds = (0, import_react48.useMemo)(() => {
     return collectVisibleVenueMarketIds(visibleVenueMarkets);
   }, [visibleVenueMarkets]);
-  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks74.useVenueMarketMidpoints)({
+  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks75.useVenueMarketMidpoints)({
     venueMarketIds: visibleMidpointVenueMarketIds,
     enabled: visibleMidpointVenueMarketIds.length > 0
   });
@@ -28793,7 +28825,7 @@ var HomePage = ({
   stickyOrderPanel
 }) => {
   var _a, _b, _c, _d, _e, _f, _g;
-  const labels = (0, import_hooks74.useLabels)();
+  const labels = (0, import_hooks75.useLabels)();
   const {
     search: {
       value: searchValue,
@@ -28803,11 +28835,11 @@ var HomePage = ({
       onSelect: onSelectEventInternal
     },
     features: { enableEventDiscoveryUrlPersistence }
-  } = (0, import_hooks74.useSdkUiConfig)();
-  const { executionMode } = (0, import_hooks74.useResolvedExecutionMode)();
-  const { isLoading: isAppConfigLoading } = (0, import_hooks74.useAppConfig)();
+  } = (0, import_hooks75.useSdkUiConfig)();
+  const { executionMode } = (0, import_hooks75.useResolvedExecutionMode)();
+  const { isLoading: isAppConfigLoading } = (0, import_hooks75.useAppConfig)();
   const primaryEventListTabs = useEventListTabs();
-  const { capture, consume } = (0, import_hooks74.useEventListState)();
+  const { capture, consume } = (0, import_hooks75.useEventListState)();
   const [snapshot] = (0, import_react48.useState)(() => consume());
   const eventListStateRef = (0, import_react48.useRef)(null);
   const handleSelectEvent = (0, import_react48.useCallback)(
@@ -28877,7 +28909,7 @@ var HomePage = ({
   }, [isShowingAllResults, normalizedSearchValue, selectedEvent]);
   const resolvedSelectedEvent = selectedEvent != null ? selectedEvent : stickySelectedEvent;
   const resolvedAllCategoryTabLabel = allCategoryTabLabel === DEFAULT_ALL_CATEGORY_TAB_LABEL ? labels.home.trending : allCategoryTabLabel;
-  const { categories, isLoading: isCategoriesLoading } = (0, import_hooks74.useCategories)({
+  const { categories, isLoading: isCategoriesLoading } = (0, import_hooks75.useCategories)({
     limit: categoriesLimit,
     enabled: !hasCustomTabs
   });
@@ -29279,13 +29311,13 @@ var HomePage = ({
 HomePage.displayName = "HomePage";
 
 // src/pages/user-profile/index.tsx
-var import_hooks82 = require("@agg-build/hooks");
+var import_hooks83 = require("@agg-build/hooks");
 var import_sdk29 = require("@agg-build/sdk");
 var import_dayjs9 = __toESM(require("dayjs"));
 var import_react51 = require("react");
 
 // src/pages/user-profile/components/available-balance-card.tsx
-var import_hooks75 = require("@agg-build/hooks");
+var import_hooks76 = require("@agg-build/hooks");
 var import_sdk26 = require("@agg-build/sdk");
 var import_jsx_runtime177 = require("react/jsx-runtime");
 var BASE_URL = "https://assets.snagsolutions.io";
@@ -29336,7 +29368,7 @@ var AvailableBalanceCard = ({
   onManage,
   manageButtonRef
 }) => {
-  const labels = (0, import_hooks75.useLabels)();
+  const labels = (0, import_hooks76.useLabels)();
   const balanceLabels = labels.userProfile.balance;
   const resolvedLabel = label2 != null ? label2 : balanceLabels.availableBalance;
   const hasPaperBalance = chains.some(isPaperChain);
@@ -29490,7 +29522,7 @@ var AvailableBalanceCard = ({
 AvailableBalanceCard.displayName = "AvailableBalanceCard";
 
 // src/pages/user-profile/components/claim-activity-breakdown-modal.tsx
-var import_hooks76 = require("@agg-build/hooks");
+var import_hooks77 = require("@agg-build/hooks");
 var import_sdk27 = require("@agg-build/sdk");
 var import_jsx_runtime178 = require("react/jsx-runtime");
 var CLAIM_VENUE_LABELS = {
@@ -29512,7 +29544,7 @@ var ClaimActivityBreakdownModal = ({
   onTransactionSelect
 }) => {
   var _a;
-  const labels = (0, import_hooks76.useLabels)();
+  const labels = (0, import_hooks77.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
     Modal,
     {
@@ -29621,7 +29653,7 @@ var ClaimActivityBreakdownModal = ({
 };
 
 // src/pages/user-profile/components/manage-balances-modal.tsx
-var import_hooks77 = require("@agg-build/hooks");
+var import_hooks78 = require("@agg-build/hooks");
 var import_sdk28 = require("@agg-build/sdk");
 var Dialog9 = __toESM(require("@radix-ui/react-dialog"));
 var import_react49 = require("react");
@@ -29702,11 +29734,11 @@ var ManageBalancesModal = ({
   open,
   onOpenChange
 }) => {
-  const labels = (0, import_hooks77.useLabels)();
+  const labels = (0, import_hooks78.useLabels)();
   const refillLabels = labels.balanceRefill;
-  const balanceState = (0, import_hooks77.useAggBalance)();
-  const depositAddressesQuery = (0, import_hooks77.useDepositAddresses)({ enabled: open });
-  const policiesQuery = (0, import_hooks77.useBalanceRefillPolicies)({ enabled: open });
+  const balanceState = (0, import_hooks78.useAggBalance)();
+  const depositAddressesQuery = (0, import_hooks78.useDepositAddresses)({ enabled: open });
+  const policiesQuery = (0, import_hooks78.useBalanceRefillPolicies)({ enabled: open });
   const toastContext = useOptionalToast();
   const descriptionId = (0, import_react49.useId)();
   const savingRef = (0, import_react49.useRef)(false);
@@ -30327,7 +30359,7 @@ var ManageBalancesModal = ({
 ManageBalancesModal.displayName = "ManageBalancesModal";
 
 // src/pages/user-profile/components/positions-activity.tsx
-var import_hooks80 = require("@agg-build/hooks");
+var import_hooks81 = require("@agg-build/hooks");
 var import_react50 = require("react");
 
 // src/pages/user-profile/user-profile.constants.ts
@@ -31118,7 +31150,7 @@ var EmptyState = ({ title: title2, description, className }) => {
 EmptyState.displayName = "EmptyState";
 
 // src/pages/user-profile/components/open-order-row.tsx
-var import_hooks78 = require("@agg-build/hooks");
+var import_hooks79 = require("@agg-build/hooks");
 var import_jsx_runtime182 = require("react/jsx-runtime");
 var shouldUseNativeLinkNavigation2 = (event) => {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
@@ -31160,7 +31192,7 @@ var OpenOrderRow = ({
   expirationHeader
 }) => {
   var _a, _b, _c, _d;
-  const labels = (0, import_hooks78.useLabels)().userProfile.openOrders;
+  const labels = (0, import_hooks79.useLabels)().userProfile.openOrders;
   const resolvedCancelLabel = cancelLabel != null ? cancelLabel : labels.cancel;
   const resolvedCancelAriaLabel = cancelAriaLabel != null ? cancelAriaLabel : labels.cancelOrderAria(order.id);
   const resolvedLimitPriceHeader = limitPriceHeader != null ? limitPriceHeader : labels.limitPriceHeader;
@@ -31214,7 +31246,7 @@ var OpenOrderRow = ({
           /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: "agg-open-order-image flex h-10 w-10 shrink-0 items-center justify-center lg:h-15 lg:w-15", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
             RemoteImage,
             {
-              src: (0, import_hooks78.optimizedImageUrl)(order.thumbnailSrc, 60),
+              src: (0, import_hooks79.optimizedImageUrl)(order.thumbnailSrc, 60),
               alt: "",
               className: "h-full w-full rounded-agg-sm object-cover"
             }
@@ -31272,7 +31304,7 @@ var OpenOrderRow = ({
 OpenOrderRow.displayName = "OpenOrderRow";
 
 // src/pages/user-profile/components/position-row.tsx
-var import_hooks79 = require("@agg-build/hooks");
+var import_hooks80 = require("@agg-build/hooks");
 var import_jsx_runtime183 = require("react/jsx-runtime");
 var shouldUseNativeLinkNavigation3 = (event) => {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
@@ -31410,8 +31442,8 @@ var PositionRow = ({
   onClaim,
   isClaiming = false
 }) => {
-  const labels = (0, import_hooks79.useLabels)().userProfile.positions;
-  const { formatCurrency: formatCurrency2, formatPrice } = (0, import_hooks79.useAggUiConfig)().formatting;
+  const labels = (0, import_hooks80.useLabels)().userProfile.positions;
+  const { formatCurrency: formatCurrency2, formatPrice } = (0, import_hooks80.useAggUiConfig)().formatting;
   const model = toPositionRowViewModel(
     position,
     {
@@ -31469,7 +31501,7 @@ var PositionRow = ({
             /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("div", { className: "agg-position-image flex h-10 w-10 shrink-0 items-center justify-center md:h-15 md:w-15", children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
               RemoteImage,
               {
-                src: (0, import_hooks79.optimizedImageUrl)(model.thumbnailSrc, 60),
+                src: (0, import_hooks80.optimizedImageUrl)(model.thumbnailSrc, 60),
                 alt: "",
                 className: "h-full w-full rounded-agg-sm object-cover"
               }
@@ -31638,10 +31670,10 @@ var PositionsActivity = ({
   initialPositionFilter = "active",
   className
 }) => {
-  const userProfileLabels = (0, import_hooks80.useLabels)().userProfile;
+  const userProfileLabels = (0, import_hooks81.useLabels)().userProfile;
   const positionsLabels = userProfileLabels.positions;
   const openOrdersLabels = userProfileLabels.openOrders;
-  const { formatCurrency: formatCurrency2, formatPrice } = (0, import_hooks80.useAggUiConfig)().formatting;
+  const { formatCurrency: formatCurrency2, formatPrice } = (0, import_hooks81.useAggUiConfig)().formatting;
   const tabItems = (0, import_react50.useMemo)(
     () => getTabItems(userProfileLabels.tabs, showOpenOrders),
     [showOpenOrders, userProfileLabels.tabs]
@@ -31909,7 +31941,7 @@ var PositionsActivity = ({
                                 /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
                                   "img",
                                   {
-                                    src: (0, import_hooks80.optimizedImageUrl)(item.thumbnailSrc, 48),
+                                    src: (0, import_hooks81.optimizedImageUrl)(item.thumbnailSrc, 48),
                                     alt: "",
                                     className: "size-12 shrink-0 rounded-agg-lg object-cover"
                                   }
@@ -32272,7 +32304,7 @@ var buildAggTxExplorerHref = (chainId, txHash) => {
 };
 
 // src/pages/user-profile/components/user-info-card.tsx
-var import_hooks81 = require("@agg-build/hooks");
+var import_hooks82 = require("@agg-build/hooks");
 
 // src/primitives/conditional-wrapper.tsx
 var ConditionalWrapper = ({
@@ -32340,7 +32372,7 @@ var UserInfoCard = ({
   className
 }) => {
   var _a;
-  const labels = (0, import_hooks81.useLabels)();
+  const labels = (0, import_hooks82.useLabels)();
   const wallets = (_a = user.connectedWallets) != null ? _a : [];
   const hasWallets = wallets.length > 0;
   return /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)(
@@ -32356,7 +32388,7 @@ var UserInfoCard = ({
           /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: "agg-profile-avatar shrink-0", children: user.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
             RemoteImage,
             {
-              src: (0, import_hooks81.optimizedImageUrl)(user.avatarUrl, 120),
+              src: (0, import_hooks82.optimizedImageUrl)(user.avatarUrl, 120),
               alt: user.username,
               className: "h-20 w-20 rounded-full object-cover sm:h-[120px] sm:w-[120px]"
             }
@@ -32989,15 +33021,15 @@ var UserProfilePage = ({
   (0, import_react51.useEffect)(() => {
     setIsHydrated(true);
   }, []);
-  const { user: currentUser, isAuthenticated } = (0, import_hooks82.useAggAuthState)();
-  const { isDepositBlocked } = (0, import_hooks82.useGeoBlock)();
-  const balanceState = (0, import_hooks82.useAggBalance)();
-  const labels = (0, import_hooks82.useLabels)();
+  const { user: currentUser, isAuthenticated } = (0, import_hooks83.useAggAuthState)();
+  const { isDepositBlocked } = (0, import_hooks83.useGeoBlock)();
+  const balanceState = (0, import_hooks83.useAggBalance)();
+  const labels = (0, import_hooks83.useLabels)();
   const {
     features: { showLimitOrders }
-  } = (0, import_hooks82.useSdkUiConfig)();
-  const client = (0, import_hooks82.useAggClient)();
-  const cancelOrderMutation = (0, import_hooks82.useCancelManagedOrder)();
+  } = (0, import_hooks83.useSdkUiConfig)();
+  const client = (0, import_hooks83.useAggClient)();
+  const cancelOrderMutation = (0, import_hooks83.useCancelManagedOrder)();
   const toastContext = useOptionalToast();
   const [internalCancellingIds, setInternalCancellingIds] = (0, import_react51.useState)({});
   const { claim: startClaim, claimingKeys } = useClaimWinnings({
@@ -33018,7 +33050,7 @@ var UserProfilePage = ({
   const [selectedClaimActivity, setSelectedClaimActivity] = (0, import_react51.useState)(null);
   const [isManageBalancesOpen, setIsManageBalancesOpen] = (0, import_react51.useState)(false);
   const manageBalancesButtonRef = (0, import_react51.useRef)(null);
-  const { executionMode: resolvedExecutionMode, isPaperMode } = (0, import_hooks82.useResolvedExecutionMode)(executionMode);
+  const { executionMode: resolvedExecutionMode, isPaperMode } = (0, import_hooks83.useResolvedExecutionMode)(executionMode);
   const queryExecutionMode = resolvedExecutionMode === "paper" ? "paper" : void 0;
   const handleManageBalancesOpenChange = (0, import_react51.useCallback)((open) => {
     setIsManageBalancesOpen(open);
@@ -33028,13 +33060,13 @@ var UserProfilePage = ({
       return (_a2 = manageBalancesButtonRef.current) == null ? void 0 : _a2.focus();
     });
   }, []);
-  const activePositionsQuery = (0, import_hooks82.useExecutionPositions)({
+  const activePositionsQuery = (0, import_hooks83.useExecutionPositions)({
     enabled: shouldUseHookData && isAuthenticated,
     status: "active",
     limit: 25,
     mode: queryExecutionMode
   });
-  const closedPositionsQuery = (0, import_hooks82.useExecutionPositions)({
+  const closedPositionsQuery = (0, import_hooks83.useExecutionPositions)({
     enabled: shouldUseHookData && isAuthenticated,
     status: "closed",
     limit: 25,
@@ -33050,62 +33082,62 @@ var UserProfilePage = ({
   (0, import_react51.useEffect)(() => {
     setPositionFilter(initialPositionFilter);
   }, [initialPositionFilter]);
-  const ordersQuery = (0, import_hooks82.useExecutionOrders)({
+  const ordersQuery = (0, import_hooks83.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated,
     limit: 25,
     mode: queryExecutionMode,
     refetchIntervalMs: 5e3
   });
-  const pendingOpenOrdersQuery = (0, import_hooks82.useExecutionOrders)({
+  const pendingOpenOrdersQuery = (0, import_hooks83.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[0],
     orderType: "limit",
     limit: 25,
     mode: queryExecutionMode
   });
-  const signingOpenOrdersQuery = (0, import_hooks82.useExecutionOrders)({
+  const signingOpenOrdersQuery = (0, import_hooks83.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[1],
     orderType: "limit",
     limit: 25,
     mode: queryExecutionMode
   });
-  const pendingBridgeOpenOrdersQuery = (0, import_hooks82.useExecutionOrders)({
+  const pendingBridgeOpenOrdersQuery = (0, import_hooks83.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[2],
     orderType: "limit",
     limit: 25,
     mode: queryExecutionMode
   });
-  const submittingOpenOrdersQuery = (0, import_hooks82.useExecutionOrders)({
+  const submittingOpenOrdersQuery = (0, import_hooks83.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[3],
     orderType: "limit",
     limit: 25,
     mode: queryExecutionMode
   });
-  const submittedOpenOrdersQuery = (0, import_hooks82.useExecutionOrders)({
+  const submittedOpenOrdersQuery = (0, import_hooks83.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[4],
     orderType: "limit",
     limit: 25,
     mode: queryExecutionMode
   });
-  const openOpenOrdersQuery = (0, import_hooks82.useExecutionOrders)({
+  const openOpenOrdersQuery = (0, import_hooks83.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[5],
     orderType: "limit",
     limit: 25,
     mode: queryExecutionMode
   });
-  const partiallyFilledOpenOrdersQuery = (0, import_hooks82.useExecutionOrders)({
+  const partiallyFilledOpenOrdersQuery = (0, import_hooks83.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[6],
     orderType: "limit",
     limit: 25,
     mode: queryExecutionMode
   });
-  const cancelPendingOpenOrdersQuery = (0, import_hooks82.useExecutionOrders)({
+  const cancelPendingOpenOrdersQuery = (0, import_hooks83.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[7],
     orderType: "limit",
@@ -33134,7 +33166,7 @@ var UserProfilePage = ({
       submittingOpenOrdersQuery
     ]
   );
-  const activityQuery = (0, import_hooks82.useUserActivity)({
+  const activityQuery = (0, import_hooks83.useUserActivity)({
     enabled: shouldUseHookData && isAuthenticated,
     limit: 25
   });
@@ -33221,7 +33253,7 @@ var UserProfilePage = ({
     var _a2, _b2, _c2, _d, _e, _f;
     if (user) return user;
     const fullUser = profileUser != null ? profileUser : currentUser;
-    const walletAddress = (0, import_hooks82.getWalletAddressFromUserProfile)(fullUser);
+    const walletAddress = (0, import_hooks83.getWalletAddressFromUserProfile)(fullUser);
     const fallbackUsername = walletAddress && shortenAddress(walletAddress) || "username";
     const twitterAccount = (_a2 = fullUser == null ? void 0 : fullUser.accounts) == null ? void 0 : _a2.find(
       (account) => String(account.provider).toLowerCase() === "twitter"
@@ -33283,8 +33315,8 @@ var UserProfilePage = ({
     },
     [paperSummary == null ? void 0 : paperSummary.earnings]
   );
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks82.useAppConfig)();
-  const isKalshiAvailable = (0, import_hooks82.getVenueAvailabilityState)({
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks83.useAppConfig)();
+  const isKalshiAvailable = (0, import_hooks83.getVenueAvailabilityState)({
     venueId: import_sdk29.Venue.kalshi,
     disabledVenues,
     isConfigLoading: isAppConfigLoading
@@ -33512,7 +33544,7 @@ var UserProfilePage = ({
     (groups) => {
       return groups.flatMap((group) => {
         var _a2, _b2, _c2, _d;
-        const closedTotals = (0, import_hooks82.computeClosedPositionTotals)(group);
+        const closedTotals = (0, import_hooks83.computeClosedPositionTotals)(group);
         const winningOutcome = group.venueMarket.venueMarketOutcomes.find(
           (outcome) => outcome.winner === true
         );