@agg-build/ui 4.2.0 → 4.7.1

package/dist/{chunk-UDBHAZJJ.mjs → chunk-EOLR7DHL.mjs}

@@ -1,6 +1,8 @@
 "use client";
 import {
   DEFAULT_EVENTS_LIMIT,
+  DEFAULT_EVENT_LIST_SORT,
+  EVENT_LIST_SORT_VALUES,
   EventList,
   EventListItem,
   EventListItemDetails,
@@ -10,7 +12,7 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-GNEFI4SO.mjs";
+} from "./chunk-C4GFVJ62.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
@@ -19,12 +21,12 @@ import {
   formatChainIdLabel,
   useClaimWinnings,
   useResolvedMarketClaim
-} from "./chunk-DNPDXL2D.mjs";
+} from "./chunk-3RQCBGIK.mjs";
 import {
   getDisplayOutcomePrice,
   resolveHeaderOutcomeItems,
   resolveMarketFromVenueMarkets
-} from "./chunk-WDCH4RRS.mjs";
+} from "./chunk-WYCSTAN7.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -51,6 +53,8 @@ import {
   __spreadValues,
   cn,
   filterOpenEvents,
+  formatRecurringMarketPillTimeEt,
+  formatRecurringMarketWindowTimeEt,
   formatUsd,
   normalizeVenueMarketCluster,
   resolveTabVenus,
@@ -58,7 +62,7 @@ import {
   skeletonViews,
   sortCategoriesForNavigation,
   useOptionalToast
-} from "./chunk-QW7VFURU.mjs";
+} from "./chunk-RDBMHBR2.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -66,24 +70,27 @@ import {
   useAppConfig,
   useCategories,
   useEventListState,
-  useLabels as useLabels4,
+  useLabels as useLabels5,
   useSdkUiConfig as useSdkUiConfig4,
   useSearch,
   useVenueMarketMidpoints
 } from "@agg-build/hooks";
 import { VENUES } from "@agg-build/sdk";
-import { useCallback as useCallback4, useEffect as useEffect8, useMemo as useMemo5, useRef as useRef7, useState as useState9 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect8, useMemo as useMemo5, useRef as useRef7, useState as useState9 } from "react";
 
 // src/pages/event-market/index.tsx
 import {
+  resolveRecurringCryptoTimeline,
   resolveEventTradingState as resolveEventTradingState3,
   TradeSide as TradeSide2,
   useEnrichedVenueEvent,
   useEventTradingContext as useEventTradingContext4,
+  useLabels as useLabels4,
   useMidpoints as useMidpoints2,
+  useRecurringCryptoMarkets,
   useSdkUiConfig as useSdkUiConfig3
 } from "@agg-build/hooks";
-import { useEffect as useEffect6, useMemo as useMemo4, useRef as useRef5, useState as useState6 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect6, useMemo as useMemo4, useRef as useRef5, useState as useState6 } from "react";
 
 // src/pages/event-market/event-market.utils.ts
 var EVENT_MARKET_PAGE_STICKY_HEADER_OFFSET_PX = 48;
@@ -382,7 +389,8 @@ import {
   TradeSide,
   useEventTradingContext as useEventTradingContext3,
   useMidpoints,
-  useSdkUiConfig as useSdkUiConfig2
+  useSdkUiConfig as useSdkUiConfig2,
+  useSportsLive
 } from "@agg-build/hooks";
 import { useCallback as useCallback2, useEffect as useEffect5, useMemo as useMemo3, useRef as useRef4, useState as useState5 } from "react";
 
@@ -1650,27 +1658,6 @@ var SportsMarketCard = ({
       tradingContext == null ? void 0 : tradingContext.selectMarketAndOutcome(activeMarket.id, firstOutcome.id);
     }
   }, [activeDefaultOutcome, isExpanded, activeMarket, tradingContext]);
-  if (!activeMarket) return null;
-  const activeOutcome = (_g = activeMarket.venueMarketOutcomes.find(
-    (outcome) => outcome.id === (tradingContext == null ? void 0 : tradingContext.selectedOutcomeId)
-  )) != null ? _g : activeDefaultOutcome;
-  const activeOutcomeVenueCount = (() => {
-    var _a2, _b2;
-    if (!activeOutcome) return collectVenueNames(activeMarket).length;
-    const venueNames = /* @__PURE__ */ new Set([activeMarket.venue]);
-    for (const matchedOutcome of (_a2 = activeOutcome.matchedVenueMarketOutcomes) != null ? _a2 : []) {
-      const matchedVenueMarket = (_b2 = activeMarket.matchedVenueMarkets) == null ? void 0 : _b2.find(
-        (market) => market.id === matchedOutcome.venueMarketId
-      );
-      if (matchedVenueMarket == null ? void 0 : matchedVenueMarket.venue) {
-        venueNames.add(matchedVenueMarket.venue);
-      }
-    }
-    return venueNames.size > 0 ? venueNames.size : collectVenueNames(activeMarket).length;
-  })();
-  const activeMarketVolume = resolveSportsExpandedMarketsVolume([activeMarket]);
-  const totalGroupVolume = resolveSportsExpandedMarketsVolume(group.markets);
-  const compactSubtitle = `${activeOutcomeVenueCount} ${activeOutcomeVenueCount === 1 ? labels.marketDetails.meta.venueSingular : labels.marketDetails.meta.venuePlural} \xB7 ${formatCompactCurrency(activeMarketVolume || resolveTotalGroupVolume([activeMarket]))} ${labels.eventMarketPage.sports.volumeShort} \xB7 ${formatCompactCurrency(totalGroupVolume || resolveTotalGroupVolume(group.markets))} ${labels.eventMarketPage.sports.totalVolumeShort}`;
   const combinedMoneylineHeaderOutcomeItems = useMemo(() => {
     if (!isCombinedMoneylineGroup) return void 0;
     return combinedMoneylineMarkets.flatMap((market, index) => {
@@ -1708,6 +1695,27 @@ var SportsMarketCard = ({
       midpointsResult
     });
   }, [slide.kind, activeMarket, group.markets, midpointsResult]);
+  if (!activeMarket) return null;
+  const activeOutcome = (_g = activeMarket.venueMarketOutcomes.find(
+    (outcome) => outcome.id === (tradingContext == null ? void 0 : tradingContext.selectedOutcomeId)
+  )) != null ? _g : activeDefaultOutcome;
+  const activeOutcomeVenueCount = (() => {
+    var _a2, _b2;
+    if (!activeOutcome) return collectVenueNames(activeMarket).length;
+    const venueNames = /* @__PURE__ */ new Set([activeMarket.venue]);
+    for (const matchedOutcome of (_a2 = activeOutcome.matchedVenueMarketOutcomes) != null ? _a2 : []) {
+      const matchedVenueMarket = (_b2 = activeMarket.matchedVenueMarkets) == null ? void 0 : _b2.find(
+        (market) => market.id === matchedOutcome.venueMarketId
+      );
+      if (matchedVenueMarket == null ? void 0 : matchedVenueMarket.venue) {
+        venueNames.add(matchedVenueMarket.venue);
+      }
+    }
+    return venueNames.size > 0 ? venueNames.size : collectVenueNames(activeMarket).length;
+  })();
+  const activeMarketVolume = resolveSportsExpandedMarketsVolume([activeMarket]);
+  const totalGroupVolume = resolveSportsExpandedMarketsVolume(group.markets);
+  const compactSubtitle = `${activeOutcomeVenueCount} ${activeOutcomeVenueCount === 1 ? labels.marketDetails.meta.venueSingular : labels.marketDetails.meta.venuePlural} \xB7 ${formatCompactCurrency(activeMarketVolume || resolveTotalGroupVolume([activeMarket]))} ${labels.eventMarketPage.sports.volumeShort} \xB7 ${formatCompactCurrency(totalGroupVolume || resolveTotalGroupVolume(group.markets))} ${labels.eventMarketPage.sports.totalVolumeShort}`;
   const headerOutcomeItemsOverride = combinedMoneylineHeaderOutcomeItems != null ? combinedMoneylineHeaderOutcomeItems : spreadHeaderOutcomeItems;
   const headerOutcomeVariant = isCombinedMoneylineGroup ? "outcome" : resolveSportsMarketCardVariant(activeMarket);
   const handleLineSelect = (index) => {
@@ -2145,6 +2153,7 @@ var SportsEventMarketPage = ({
   const [isMobileTradeOpen, setIsMobileTradeOpen] = useState5(false);
   const isMobileViewport = useIsMobileEventMarketViewport(SPORTS_EVENT_MARKET_MEDIA_QUERY);
   const tradingContext = useEventTradingContext3();
+  const { stateByEventId: sportsLiveStateByEventId } = useSportsLive([event.id]);
   const midpointsResult = useMidpoints(composedEvent.venueMarkets);
   const internalResolvedClaim = useResolvedMarketClaim({
     market: eventTradingState.primaryMarket,
@@ -2216,6 +2225,7 @@ var SportsEventMarketPage = ({
                         defaultOutcomeId,
                         eventTradingState,
                         midpointsResult,
+                        sportsLiveState: sportsLiveStateByEventId.get(event.id),
                         classNames: {
                           root: cn("agg-event-hero", classNames == null ? void 0 : classNames.hero),
                           // The sports tabs + market cards own market navigation, so hide the
@@ -2317,6 +2327,36 @@ SportsEventMarketPage.displayName = "SportsEventMarketPage";
 
 // src/pages/event-market/index.tsx
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var CLOCK_INTERVAL_MS = 1e3;
+var formatRecurringCountdown = (remainingMs) => {
+  if (!Number.isFinite(remainingMs) || remainingMs <= 0) return null;
+  const totalSeconds = Math.ceil(remainingMs / 1e3);
+  const hours = Math.floor(totalSeconds / 3600);
+  const minutes = Math.floor(totalSeconds % 3600 / 60);
+  const seconds = totalSeconds % 60;
+  const minuteSecondLabel = `${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`;
+  return hours > 0 ? `${hours}:${minuteSecondLabel}` : minuteSecondLabel;
+};
+var useCurrentTimestamp = (enabled) => {
+  const [currentTimestamp, setCurrentTimestamp] = useState6(null);
+  useEffect6(() => {
+    if (!enabled) {
+      setCurrentTimestamp(null);
+      return;
+    }
+    const updateCurrentTimestamp = () => {
+      setCurrentTimestamp(Date.now());
+    };
+    updateCurrentTimestamp();
+    const intervalId = window.setInterval(updateCurrentTimestamp, CLOCK_INTERVAL_MS);
+    document.addEventListener("visibilitychange", updateCurrentTimestamp);
+    return () => {
+      window.clearInterval(intervalId);
+      document.removeEventListener("visibilitychange", updateCurrentTimestamp);
+    };
+  }, [enabled]);
+  return currentTimestamp;
+};
 var EventMarketPageContent = ({
   event,
   defaultMarketId,
@@ -2327,8 +2367,10 @@ var EventMarketPageContent = ({
   executionMode,
   stickyOrderPanel,
   resolvedClaim,
-  onBeforePrimaryAction
+  onBeforePrimaryAction,
+  onRecurringMarketNavigate
 }) => {
+  var _a;
   const eventTradingState = useMemo4(() => resolveEventTradingState3(event), [event]);
   const stickyOrderPanelState = resolveEventMarketPageStickyState({
     stickyOrderPanel
@@ -2340,11 +2382,93 @@ var EventMarketPageContent = ({
   const [isMobileTradeOpen, setIsMobileTradeOpen] = useState6(false);
   const isMobileViewport = useIsMobileEventMarketViewport();
   const tradingContext = useEventTradingContext4();
+  const labels = useLabels4();
+  const recurringQuery = useRecurringCryptoMarkets({ event });
+  const currentTimestamp = useCurrentTimestamp(recurringQuery.isRecurringCryptoMarket);
+  const recurringTimeline = useMemo4(
+    () => currentTimestamp == null ? null : resolveRecurringCryptoTimeline(recurringQuery.windows, event, currentTimestamp),
+    [currentTimestamp, event, recurringQuery.windows]
+  );
+  const isRecurringCryptoMarket = (recurringTimeline == null ? void 0 : recurringTimeline.viewed) != null;
+  const recurringViewedEndTimestamp = (recurringTimeline == null ? void 0 : recurringTimeline.viewed) ? Date.parse(recurringTimeline.viewed.windowEnd) : Number.NaN;
+  const hasViewedMarketEnded = currentTimestamp != null && Number.isFinite(recurringViewedEndTimestamp) && currentTimestamp >= recurringViewedEndTimestamp;
+  const isRecurringResolvingMarket = recurringQuery.isRecurringCryptoMarket && eventTradingState.kind === "closed";
+  const lastBoundaryRefetchRef = useRef5(null);
+  useEffect6(() => {
+    lastBoundaryRefetchRef.current = null;
+  }, [event.id]);
+  useEffect6(() => {
+    if (!isRecurringCryptoMarket || !hasViewedMarketEnded || !(recurringTimeline == null ? void 0 : recurringTimeline.viewed)) return;
+    const refetchKey = `${event.id}:${recurringTimeline.viewed.windowEnd}`;
+    if (lastBoundaryRefetchRef.current === refetchKey) return;
+    lastBoundaryRefetchRef.current = refetchKey;
+    void recurringQuery.refetch();
+  }, [
+    event.id,
+    hasViewedMarketEnded,
+    isRecurringCryptoMarket,
+    recurringQuery,
+    recurringTimeline == null ? void 0 : recurringTimeline.viewed
+  ]);
+  const handleRecurringMarketSelect = useCallback3(
+    (eventId) => {
+      if (!onRecurringMarketNavigate || eventId === event.id) return;
+      onRecurringMarketNavigate(eventId, { replace: false });
+    },
+    [event.id, onRecurringMarketNavigate]
+  );
+  const handleGoToLive = useCallback3(() => {
+    var _a2;
+    const liveEventId = (_a2 = recurringTimeline == null ? void 0 : recurringTimeline.live) == null ? void 0 : _a2.venueEventId;
+    if (!onRecurringMarketNavigate || !liveEventId || liveEventId === event.id) return;
+    onRecurringMarketNavigate(liveEventId, { replace: false });
+  }, [event.id, onRecurringMarketNavigate, (_a = recurringTimeline == null ? void 0 : recurringTimeline.live) == null ? void 0 : _a.venueEventId]);
+  const recurringMarketsPresentation = useMemo4(() => {
+    var _a2, _b;
+    if (!isRecurringCryptoMarket || !(recurringTimeline == null ? void 0 : recurringTimeline.viewed)) return void 0;
+    const toOption = (market) => {
+      var _a3;
+      return {
+        value: market.venueEventId,
+        label: (_a3 = formatRecurringMarketPillTimeEt(market.windowStart)) != null ? _a3 : market.windowStart
+      };
+    };
+    const countdownLabel = ((_a2 = recurringTimeline.live) == null ? void 0 : _a2.venueEventId) === event.id ? formatRecurringCountdown(recurringViewedEndTimestamp - currentTimestamp) : null;
+    return {
+      visibleOptions: recurringTimeline.visible.map(toOption),
+      browseOptions: recurringTimeline.all.map(toOption),
+      selectedValue: event.id,
+      liveValue: (_b = recurringTimeline.live) == null ? void 0 : _b.venueEventId,
+      duration: recurringTimeline.viewed.duration,
+      windowLabel: formatRecurringMarketWindowTimeEt(
+        recurringTimeline.viewed.windowStart,
+        recurringTimeline.viewed.windowEnd
+      ),
+      countdownLabel,
+      countdownAriaLabel: countdownLabel ? labels.eventMarketPage.recurringCountdownAria(countdownLabel) : null,
+      isResolving: hasViewedMarketEnded,
+      canGoToLive: recurringTimeline.live != null && recurringTimeline.live.venueEventId !== event.id,
+      onSelect: handleRecurringMarketSelect,
+      onGoToLive: handleGoToLive
+    };
+  }, [
+    currentTimestamp,
+    event.id,
+    handleGoToLive,
+    handleRecurringMarketSelect,
+    hasViewedMarketEnded,
+    isRecurringCryptoMarket,
+    labels.eventMarketPage,
+    recurringTimeline,
+    recurringViewedEndTimestamp
+  ]);
   const eventDetailVenueMarkets = useMemo4(
     () => normalizeVenueMarketCluster(event.venueMarkets),
     [event.venueMarkets]
   );
-  const midpointsResult = useMidpoints2(eventDetailVenueMarkets);
+  const midpointsResult = useMidpoints2(
+    recurringQuery.isRecurringCryptoMarket && eventTradingState.kind !== "open" ? [] : eventDetailVenueMarkets
+  );
   const internalResolvedClaim = useResolvedMarketClaim({
     market: eventTradingState.primaryMarket,
     enabled: eventTradingState.kind === "resolved",
@@ -2355,8 +2479,8 @@ var EventMarketPageContent = ({
   setTradeSideRef.current = tradingContext == null ? void 0 : tradingContext.setTradeSide;
   useEffect6(() => {
     return () => {
-      var _a;
-      (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, TradeSide2.Buy);
+      var _a2;
+      (_a2 = setTradeSideRef.current) == null ? void 0 : _a2.call(setTradeSideRef, TradeSide2.Buy);
     };
   }, []);
   if (!event.venueMarkets.length) {
@@ -2400,6 +2524,7 @@ var EventMarketPageContent = ({
                         defaultOutcomeId,
                         eventTradingState,
                         midpointsResult,
+                        recurringMarkets: recurringMarketsPresentation,
                         classNames: {
                           root: cn("agg-event-hero", classNames == null ? void 0 : classNames.hero)
                         }
@@ -2412,6 +2537,7 @@ var EventMarketPageContent = ({
                         markets: eventTradingState.displayMarkets,
                         eventTradingState,
                         live: true,
+                        showResolvingState: isRecurringResolvingMarket,
                         expandSelectedMarketOnChange: !isMobileViewport,
                         autoExpandFallbackMarket: !isMobileViewport,
                         autoSelectFallbackMarket: !isMobileViewport,
@@ -2430,6 +2556,7 @@ var EventMarketPageContent = ({
                         executionMode: resolvedExecutionMode,
                         isQuotePanelActive: isMobileViewport,
                         resolvedClaim: effectiveResolvedClaim,
+                        showResolvingState: isRecurringResolvingMarket,
                         midpointsResult,
                         onBeforePrimaryAction,
                         className: cn(
@@ -2458,6 +2585,7 @@ var EventMarketPageContent = ({
                       executionMode: resolvedExecutionMode,
                       isQuotePanelActive: !isMobileViewport,
                       resolvedClaim: effectiveResolvedClaim,
+                      showResolvingState: isRecurringResolvingMarket,
                       midpointsResult,
                       onBeforePrimaryAction,
                       className: cn(stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.placeOrder, classNames == null ? void 0 : classNames.trade),
@@ -2606,6 +2734,85 @@ var resolveInitialTabValue = (tabs, defaultActiveTab) => {
   return (_b = (_a = tabs[0]) == null ? void 0 : _a.value) != null ? _b : ALL_CATEGORIES_TAB_VALUE;
 };
 
+// src/pages/home/event-discovery-url-state.ts
+import { z } from "zod";
+var nonEmptyParamSchema = z.string().trim().min(1);
+var sortParamSchema = z.enum(EVENT_LIST_SORT_VALUES);
+var readScalarParam = (searchParams, name, schema) => {
+  const values = searchParams.getAll(name);
+  if (values.length === 0) return { invalid: false };
+  if (values.length !== 1) return { invalid: true };
+  const parsedValue = schema.safeParse(values[0]);
+  if (!parsedValue.success) return { invalid: true };
+  return { value: parsedValue.data, invalid: false };
+};
+var readEventDiscoveryUrlState = (searchParams) => {
+  const category = readScalarParam(searchParams, "category", nonEmptyParamSchema);
+  const venue = readScalarParam(searchParams, "venue", nonEmptyParamSchema);
+  const sort = readScalarParam(searchParams, "sort", sortParamSchema);
+  const subcategoryPath = [];
+  let hasInvalidSubcategory = false;
+  for (const value of searchParams.getAll("subcategory")) {
+    const parsedValue = nonEmptyParamSchema.safeParse(value);
+    if (!parsedValue.success) {
+      hasInvalidSubcategory = true;
+      break;
+    }
+    subcategoryPath.push(parsedValue.data);
+  }
+  return {
+    category: category.value,
+    subcategoryPath,
+    venue: venue.value,
+    sort: sort.value,
+    categoryIsInvalid: category.invalid,
+    shouldCanonicalize: category.invalid || venue.invalid || sort.invalid || hasInvalidSubcategory
+  };
+};
+var resolveEventDiscoveryUrlState = ({
+  parsedState,
+  categoryValues,
+  venueValues,
+  defaultCategory,
+  defaultVenue
+}) => {
+  var _a, _b, _c;
+  const categoryIsValid = parsedState.category == null || categoryValues.includes(parsedState.category);
+  const venueIsValid = parsedState.venue == null || venueValues.includes(parsedState.venue);
+  const category = categoryIsValid ? (_a = parsedState.category) != null ? _a : defaultCategory : defaultCategory;
+  const venue = venueIsValid ? (_b = parsedState.venue) != null ? _b : defaultVenue : defaultVenue;
+  const sort = (_c = parsedState.sort) != null ? _c : DEFAULT_EVENT_LIST_SORT;
+  return {
+    state: {
+      category,
+      subcategoryPath: categoryIsValid && !parsedState.categoryIsInvalid ? parsedState.subcategoryPath : [],
+      venue,
+      sort
+    },
+    shouldCanonicalize: parsedState.shouldCanonicalize || !categoryIsValid || !venueIsValid || parsedState.category === defaultCategory || parsedState.venue === defaultVenue || parsedState.sort === DEFAULT_EVENT_LIST_SORT
+  };
+};
+var buildEventDiscoveryUrl = ({
+  currentUrl,
+  state,
+  defaultCategory,
+  defaultVenue
+}) => {
+  const nextUrl = new URL(currentUrl.toString());
+  nextUrl.searchParams.delete("category");
+  nextUrl.searchParams.delete("subcategory");
+  nextUrl.searchParams.delete("venue");
+  nextUrl.searchParams.delete("sort");
+  if (state.category !== defaultCategory) nextUrl.searchParams.set("category", state.category);
+  for (const subcategory of state.subcategoryPath) {
+    nextUrl.searchParams.append("subcategory", subcategory);
+  }
+  if (state.venue !== defaultVenue) nextUrl.searchParams.set("venue", state.venue);
+  if (state.sort !== DEFAULT_EVENT_LIST_SORT) nextUrl.searchParams.set("sort", state.sort);
+  const search = nextUrl.searchParams.toString();
+  return `${nextUrl.pathname}${search ? `?${search}` : ""}${nextUrl.hash}`;
+};
+
 // src/pages/home/use-scroll-restoration.ts
 import { useLayoutEffect as useLayoutEffect2, useRef as useRef6, useState as useState7 } from "react";
 function useScrollRestoration({
@@ -2628,14 +2835,14 @@ function useScrollRestoration({
 }
 
 // src/pages/home/use-home-page-modals.ts
-import { useCallback as useCallback3, useEffect as useEffect7, useState as useState8 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect7, useState as useState8 } from "react";
 var useHomePageModals = () => {
   const [profileOpen, setProfileOpen] = useState8(false);
   const [depositOpen, setDepositOpen] = useState8(false);
   const [withdrawOpen, setWithdrawOpen] = useState8(false);
-  const onProfileClick = useCallback3(() => setProfileOpen(true), []);
-  const onDepositClick = useCallback3(() => setDepositOpen(true), []);
-  const onWithdrawClick = useCallback3(() => setWithdrawOpen(true), []);
+  const onProfileClick = useCallback4(() => setProfileOpen(true), []);
+  const onDepositClick = useCallback4(() => setDepositOpen(true), []);
+  const onWithdrawClick = useCallback4(() => setWithdrawOpen(true), []);
   useEffect7(() => {
     if (typeof window === "undefined") return;
     window.addEventListener(DEPOSIT_MODAL_OPEN_EVENT, onDepositClick);
@@ -2684,7 +2891,7 @@ var HomeSearchResults = ({
   onEventClick,
   onMarketClick
 }) => {
-  const labels = useLabels4();
+  const labels = useLabels5();
   const { search: searchConfig } = useSdkUiConfig4();
   const { disabledVenues } = useAppConfig();
   const [activeVenueTabValue, setActiveVenueTabValue] = useState9("all");
@@ -2885,8 +3092,8 @@ var HomePage = ({
   onError,
   stickyOrderPanel
 }) => {
-  var _a, _b, _c, _d;
-  const labels = useLabels4();
+  var _a, _b, _c, _d, _e, _f, _g;
+  const labels = useLabels5();
   const {
     search: {
       value: searchValue,
@@ -2895,12 +3102,15 @@ var HomePage = ({
       onChange: onSearchChange,
       onSelect: onSelectEventInternal
     },
-    trading: { executionMode }
+    trading: { executionMode },
+    features: { enableEventDiscoveryUrlPersistence }
   } = useSdkUiConfig4();
+  const { isLoading: isAppConfigLoading } = useAppConfig();
+  const primaryEventListTabs = useEventListTabs();
   const { capture, consume } = useEventListState();
   const [snapshot] = useState9(() => consume());
   const eventListStateRef = useRef7(null);
-  const handleSelectEvent = useCallback4(
+  const handleSelectEvent = useCallback5(
     (event) => {
       var _a2, _b2, _c2, _d2;
       capture({
@@ -2967,7 +3177,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 } = useCategories({
+  const { categories, isLoading: isCategoriesLoading } = useCategories({
     limit: categoriesLimit,
     enabled: !hasCustomTabs
   });
@@ -2978,22 +3188,180 @@ var HomePage = ({
     if (hasCustomTabs && tabs) return tabs;
     return categoryTabs;
   }, [categoryTabs, hasCustomTabs, tabs]);
+  const availableCategoryValues = useMemo5(
+    () => resolvedTabs.filter((tab) => !tab.disabled).map((tab) => tab.value),
+    [resolvedTabs]
+  );
+  const resolvedDefaultCategory = resolveInitialTabValue(resolvedTabs, defaultActiveTab);
+  const defaultCategory = availableCategoryValues.includes(resolvedDefaultCategory) ? resolvedDefaultCategory : (_a = availableCategoryValues[0]) != null ? _a : resolvedDefaultCategory;
+  const availableVenueTabs = useMemo5(
+    () => primaryEventListTabs.filter((tab) => !tab.disabled && !tab.isComingSoon),
+    [primaryEventListTabs]
+  );
+  const availableVenueValues = useMemo5(
+    () => availableVenueTabs.map((tab) => tab.value),
+    [availableVenueTabs]
+  );
+  const defaultVenue = (_c = (_b = availableVenueTabs[0]) == null ? void 0 : _b.value) != null ? _c : "matched";
   const resolvedEventSectionItems = eventSectionItems && eventSectionItems.length > 0 ? eventSectionItems : getDefaultEventSectionItems(labels);
-  const [activeTabValue, setActiveTabValue] = useState9(() => {
-    if (snapshot == null ? void 0 : snapshot.categoryTab) {
-      return snapshot.categoryTab;
+  const [discoveryFilterState, setDiscoveryFilterState] = useState9(
+    () => {
+      var _a2, _b2;
+      return {
+        category: (_a2 = snapshot == null ? void 0 : snapshot.categoryTab) != null ? _a2 : defaultCategory,
+        venue: (_b2 = snapshot == null ? void 0 : snapshot.venueTab) != null ? _b2 : defaultVenue,
+        sort: DEFAULT_EVENT_LIST_SORT,
+        subcategoryPath: []
+      };
     }
-    return resolveInitialTabValue(resolvedTabs, defaultActiveTab);
-  });
+  );
+  const discoveryFilterStateRef = useRef7(discoveryFilterState);
+  discoveryFilterStateRef.current = discoveryFilterState;
+  const [isUrlStateReady, setIsUrlStateReady] = useState9(!enableEventDiscoveryUrlPersistence);
+  const hasInitializedUrlStateRef = useRef7(false);
+  const activeTabValue = discoveryFilterState.category;
+  const resolveCurrentUrlState = useCallback5(() => {
+    if (typeof window === "undefined") return null;
+    const parsedState = readEventDiscoveryUrlState(new URL(window.location.href).searchParams);
+    const resolvedState = resolveEventDiscoveryUrlState({
+      parsedState,
+      categoryValues: availableCategoryValues,
+      venueValues: availableVenueValues,
+      defaultCategory,
+      defaultVenue
+    });
+    return {
+      state: {
+        category: resolvedState.state.category,
+        venue: resolvedState.state.venue,
+        sort: resolvedState.state.sort,
+        subcategoryPath: resolvedState.state.subcategoryPath.map((id) => ({
+          id,
+          label: id,
+          eventCount: 0
+        }))
+      },
+      shouldCanonicalize: resolvedState.shouldCanonicalize
+    };
+  }, [availableCategoryValues, availableVenueValues, defaultCategory, defaultVenue]);
+  const writeFilterStateToHistory = useCallback5(
+    (state, historyMode) => {
+      if (!enableEventDiscoveryUrlPersistence || typeof window === "undefined") return;
+      const currentUrl = new URL(window.location.href);
+      const nextUrl = buildEventDiscoveryUrl({
+        currentUrl,
+        state: {
+          category: state.category,
+          venue: state.venue,
+          sort: state.sort,
+          subcategoryPath: state.subcategoryPath.map((entry) => entry.id)
+        },
+        defaultCategory,
+        defaultVenue
+      });
+      const currentRelativeUrl = `${currentUrl.pathname}${currentUrl.search}${currentUrl.hash}`;
+      if (nextUrl === currentRelativeUrl) return;
+      const method = historyMode === "push" ? "pushState" : "replaceState";
+      window.history[method](window.history.state, "", nextUrl);
+    },
+    [defaultCategory, defaultVenue, enableEventDiscoveryUrlPersistence]
+  );
+  const commitDiscoveryFilterState = useCallback5(
+    (state, historyMode) => {
+      discoveryFilterStateRef.current = state;
+      setDiscoveryFilterState(state);
+      if (isUrlStateReady) writeFilterStateToHistory(state, historyMode);
+    },
+    [isUrlStateReady, writeFilterStateToHistory]
+  );
+  useEffect8(() => {
+    if (!enableEventDiscoveryUrlPersistence) {
+      hasInitializedUrlStateRef.current = false;
+      setIsUrlStateReady(true);
+      return;
+    }
+    if (hasInitializedUrlStateRef.current) return;
+    if (!hasCustomTabs && isCategoriesLoading || isAppConfigLoading) return;
+    const resolvedUrlState = resolveCurrentUrlState();
+    if (!resolvedUrlState) return;
+    hasInitializedUrlStateRef.current = true;
+    discoveryFilterStateRef.current = resolvedUrlState.state;
+    setDiscoveryFilterState(resolvedUrlState.state);
+    setIsUrlStateReady(true);
+    const currentUrl = new URL(window.location.href);
+    const canonicalUrl = buildEventDiscoveryUrl({
+      currentUrl,
+      state: {
+        category: resolvedUrlState.state.category,
+        venue: resolvedUrlState.state.venue,
+        sort: resolvedUrlState.state.sort,
+        subcategoryPath: resolvedUrlState.state.subcategoryPath.map((entry) => entry.id)
+      },
+      defaultCategory,
+      defaultVenue
+    });
+    const currentRelativeUrl = `${currentUrl.pathname}${currentUrl.search}${currentUrl.hash}`;
+    if (resolvedUrlState.shouldCanonicalize || canonicalUrl !== currentRelativeUrl) {
+      window.history.replaceState(window.history.state, "", canonicalUrl);
+    }
+  }, [
+    defaultCategory,
+    defaultVenue,
+    enableEventDiscoveryUrlPersistence,
+    hasCustomTabs,
+    isAppConfigLoading,
+    isCategoriesLoading,
+    resolveCurrentUrlState
+  ]);
+  useEffect8(() => {
+    if (!enableEventDiscoveryUrlPersistence || !isUrlStateReady) return;
+    const handlePopState = () => {
+      const resolvedUrlState = resolveCurrentUrlState();
+      if (!resolvedUrlState) return;
+      discoveryFilterStateRef.current = resolvedUrlState.state;
+      setDiscoveryFilterState(resolvedUrlState.state);
+      if (resolvedUrlState.shouldCanonicalize) {
+        writeFilterStateToHistory(resolvedUrlState.state, "replace");
+      }
+    };
+    window.addEventListener("popstate", handlePopState);
+    return () => {
+      window.removeEventListener("popstate", handlePopState);
+    };
+  }, [
+    enableEventDiscoveryUrlPersistence,
+    isUrlStateReady,
+    resolveCurrentUrlState,
+    writeFilterStateToHistory
+  ]);
   const activeTabValueRef = useRef7(activeTabValue);
   activeTabValueRef.current = activeTabValue;
   useEffect8(() => {
-    setActiveTabValue((currentValue) => {
-      const hasCurrentValue = resolvedTabs.some((tab) => tab.value === currentValue);
-      if (hasCurrentValue) return currentValue;
-      return resolveInitialTabValue(resolvedTabs, defaultActiveTab);
+    if (enableEventDiscoveryUrlPersistence && !isUrlStateReady) return;
+    const currentState = discoveryFilterStateRef.current;
+    const categoryIsAvailable = availableCategoryValues.includes(currentState.category);
+    const venueIsAvailable = availableVenueValues.includes(currentState.venue);
+    if (categoryIsAvailable && (!enableEventDiscoveryUrlPersistence || venueIsAvailable)) return;
+    const nextState = __spreadProps(__spreadValues({}, currentState), {
+      category: categoryIsAvailable ? currentState.category : defaultCategory,
+      venue: venueIsAvailable ? currentState.venue : defaultVenue,
+      subcategoryPath: categoryIsAvailable ? currentState.subcategoryPath : []
     });
-  }, [defaultActiveTab, resolvedTabs]);
+    if (enableEventDiscoveryUrlPersistence) {
+      commitDiscoveryFilterState(nextState, "replace");
+      return;
+    }
+    discoveryFilterStateRef.current = nextState;
+    setDiscoveryFilterState(nextState);
+  }, [
+    availableCategoryValues,
+    availableVenueValues,
+    commitDiscoveryFilterState,
+    defaultCategory,
+    defaultVenue,
+    enableEventDiscoveryUrlPersistence,
+    isUrlStateReady
+  ]);
   const tabsItems = useMemo5(() => {
     return resolvedTabs.map((tab) => {
       const isActive = tab.value === activeTabValue;
@@ -3034,7 +3402,13 @@ var HomePage = ({
     ];
   }, [activeTab, activeTabValue, resolvedEventSectionItems]);
   const handleTabChange = (value) => {
-    setActiveTabValue(value);
+    commitDiscoveryFilterState(
+      __spreadProps(__spreadValues({}, discoveryFilterStateRef.current), {
+        category: value,
+        subcategoryPath: []
+      }),
+      "push"
+    );
     _onTabChange == null ? void 0 : _onTabChange(value);
   };
   const handleCategoryRootChange = (categoryId) => {
@@ -3056,10 +3430,10 @@ var HomePage = ({
     handleSelectEvent(event);
   };
   const shouldRenderMobileSearch = isMobileSearchViewport && !resolvedSelectedEvent;
-  const isScrollRestorationReady = !!snapshot && !isShowingAllResults && !resolvedSelectedEvent && ((_b = (_a = eventListStateRef.current) == null ? void 0 : _a.loadedPageCount) != null ? _b : 0) >= ((_c = snapshot.loadedPageCount) != null ? _c : 1);
+  const isScrollRestorationReady = !!snapshot && !isShowingAllResults && !resolvedSelectedEvent && ((_e = (_d = eventListStateRef.current) == null ? void 0 : _d.loadedPageCount) != null ? _e : 0) >= ((_f = snapshot.loadedPageCount) != null ? _f : 1);
   useScrollRestoration({
     enabled: !!snapshot && snapshot.scrollY > 0,
-    scrollY: (_d = snapshot == null ? void 0 : snapshot.scrollY) != null ? _d : 0,
+    scrollY: (_g = snapshot == null ? void 0 : snapshot.scrollY) != null ? _g : 0,
     isReady: isScrollRestorationReady
   });
   return /* @__PURE__ */ jsx7(AggErrorBoundary, { onError, children: /* @__PURE__ */ jsxs6("section", { className: cn("agg-home-page flex w-full flex-col", classNames == null ? void 0 : classNames.root), children: [
@@ -3141,7 +3515,13 @@ var HomePage = ({
                   "div",
                   {
                     className: "agg-home-section",
-                    children: /* @__PURE__ */ jsx7(
+                    children: sectionIndex === 0 && !isUrlStateReady ? /* @__PURE__ */ jsx7(
+                      Skeleton,
+                      {
+                        view: "event-list",
+                        ariaLabel: labels.eventList.loading(eventSectionItem.title)
+                      }
+                    ) : /* @__PURE__ */ jsx7(
                       EventList,
                       __spreadValues({
                         title: eventSectionItem.title,
@@ -3157,11 +3537,33 @@ var HomePage = ({
                           handleSelectEvent(event);
                         },
                         onMarketClick: onMarketClickProp
-                      }, sectionIndex === 0 ? {
+                      }, sectionIndex === 0 ? __spreadValues({
                         stateRef: eventListStateRef,
-                        initialVenueTab: (_d2 = snapshot == null ? void 0 : snapshot.venueTab) != null ? _d2 : void 0,
+                        initialVenueTab: enableEventDiscoveryUrlPersistence ? void 0 : (_d2 = snapshot == null ? void 0 : snapshot.venueTab) != null ? _d2 : void 0,
                         initialLoadedPageCount: snapshot == null ? void 0 : snapshot.loadedPageCount
-                      } : void 0)
+                      }, enableEventDiscoveryUrlPersistence ? {
+                        activeVenueTab: discoveryFilterState.venue,
+                        onActiveVenueTabChange: (venue) => {
+                          commitDiscoveryFilterState(
+                            __spreadProps(__spreadValues({}, discoveryFilterStateRef.current), { venue }),
+                            "push"
+                          );
+                        },
+                        selectedSort: discoveryFilterState.sort,
+                        onSelectedSortChange: (sort) => {
+                          commitDiscoveryFilterState(
+                            __spreadProps(__spreadValues({}, discoveryFilterStateRef.current), { sort }),
+                            "push"
+                          );
+                        },
+                        categoryPath: discoveryFilterState.subcategoryPath,
+                        onCategoryPathChange: (subcategoryPath, options) => {
+                          commitDiscoveryFilterState(
+                            __spreadProps(__spreadValues({}, discoveryFilterStateRef.current), { subcategoryPath }),
+                            options.history
+                          );
+                        }
+                      } : void 0) : void 0)
                     )
                   },
                   `${(_a2 = eventSectionItem.id) != null ? _a2 : eventSectionItem.title}-${sectionIndex}`
@@ -3189,16 +3591,17 @@ import {
   useExecutionOrders,
   useExecutionPositions,
   useGeoBlock,
-  useLabels as useLabels12,
+  useLabels as useLabels13,
   useSdkUiConfig as useSdkUiConfig5,
   useUserActivity
 } from "@agg-build/hooks";
 import { Venue as Venue3 } from "@agg-build/sdk";
 import dayjs from "dayjs";
-import { useCallback as useCallback6, useEffect as useEffect11, useMemo as useMemo8, useRef as useRef10, useState as useState12 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect11, useMemo as useMemo8, useRef as useRef10, useState as useState12 } from "react";
 
 // src/pages/user-profile/components/available-balance-card.tsx
-import { useLabels as useLabels5 } from "@agg-build/hooks";
+import { useLabels as useLabels6 } from "@agg-build/hooks";
+import { ACTIVE_VENUES, VENUE_CHAIN_IDS } from "@agg-build/sdk";
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var BASE_URL = "https://assets.snagsolutions.io";
 var CHAIN_ID_TO_ICON_URL = {
@@ -3217,16 +3620,8 @@ var CHAIN_ID_TO_ICON_URL = {
   "2741": `${BASE_URL}/public/prediction-markets/logos/Abstract.svg`,
   "792703809": `${BASE_URL}/public/prediction-markets/logos/Solana.svg`
 };
-var CHAIN_VENUE_MAP = {
-  "137": ["polymarket"],
-  // Polygon
-  "792703809": ["kalshi"],
-  // Solana
-  "56": ["limitless", "opinion"],
-  // BNB
-  "1337": ["hyperliquid"]
-  // HyperCore
-};
+var venueLogosForChain = (chainId) => ACTIVE_VENUES.filter((venue) => VENUE_CHAIN_IDS[venue] === Number(chainId));
+var isVenueBalanceChain = (chainId) => Object.values(VENUE_CHAIN_IDS).includes(Number(chainId));
 var isPaperChain = (row) => {
   return row.key === "0" || row.label.trim().toLowerCase() === "paper";
 };
@@ -3256,7 +3651,7 @@ var AvailableBalanceCard = ({
   onManage,
   manageButtonRef
 }) => {
-  const labels = useLabels5();
+  const labels = useLabels6();
   const balanceLabels = labels.userProfile.balance;
   const resolvedLabel = label != null ? label : balanceLabels.availableBalance;
   const hasPaperBalance = chains.some(isPaperChain);
@@ -3297,7 +3692,6 @@ var AvailableBalanceCard = ({
               content: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-4 items-start justify-start", children: [
                 /* @__PURE__ */ jsx8("div", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: balanceLabels.balanceByNetwork }),
                 /* @__PURE__ */ jsx8("div", { role: "list", className: "agg-balance-list flex flex-col gap-3 w-full", children: chains.map((row) => {
-                  var _a;
                   const iconUrl = chainIconUrl(row.label, row.key);
                   const isPaper = isPaperChain(row);
                   const rowLabel = isPaper ? balanceLabels.paperModeNetwork : row.label;
@@ -3325,7 +3719,7 @@ var AvailableBalanceCard = ({
                           minimumFractionDigits: Number.isInteger(row.balance) ? 0 : 1,
                           maximumFractionDigits: 2
                         }) }),
-                        /* @__PURE__ */ jsx8("div", { className: "flex w-12 shrink-0 items-center justify-end gap-1", children: ((_a = CHAIN_VENUE_MAP[row.key]) != null ? _a : []).slice(0, 2).map((venue, venueIndex) => /* @__PURE__ */ jsx8(
+                        /* @__PURE__ */ jsx8("div", { className: "flex w-12 shrink-0 items-center justify-end gap-1", children: venueLogosForChain(row.key).slice(0, 2).map((venue, venueIndex) => /* @__PURE__ */ jsx8(
                           VenueLogo,
                           {
                             venue,
@@ -3411,7 +3805,7 @@ var AvailableBalanceCard = ({
 AvailableBalanceCard.displayName = "AvailableBalanceCard";
 
 // src/pages/user-profile/components/claim-activity-breakdown-modal.tsx
-import { useLabels as useLabels6 } from "@agg-build/hooks";
+import { useLabels as useLabels7 } from "@agg-build/hooks";
 import { Venue } from "@agg-build/sdk";
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var CLAIM_VENUE_LABELS = {
@@ -3431,7 +3825,7 @@ var ClaimActivityBreakdownModal = ({
   onTransactionSelect
 }) => {
   var _a;
-  const labels = useLabels6();
+  const labels = useLabels7();
   return /* @__PURE__ */ jsx9(
     Modal,
     {
@@ -3544,24 +3938,29 @@ import {
   useAggBalance,
   useBalanceRefillPolicies,
   useDepositAddresses,
-  useLabels as useLabels7
+  useLabels as useLabels8
 } from "@agg-build/hooks";
-import { Venue as Venue2 } from "@agg-build/sdk";
+import {
+  DEFAULT_BALANCE_REFILL_DAILY_CAP_RAW,
+  DEFAULT_BALANCE_REFILL_MAX_FEE_RAW,
+  getBalanceRefillMaximumRaw,
+  Venue as Venue2
+} from "@agg-build/sdk";
 import * as Dialog2 from "@radix-ui/react-dialog";
-import { useCallback as useCallback5, useEffect as useEffect9, useId, useMemo as useMemo6, useRef as useRef8, useState as useState10 } from "react";
-import { z } from "zod";
+import { useCallback as useCallback6, useEffect as useEffect9, useId, useMemo as useMemo6, useRef as useRef8, useState as useState10 } from "react";
+import { z as z2 } from "zod";
 import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var USDC_DECIMALS = 6;
 var EDITABLE_AMOUNT_PATTERN = /^\d*(?:\.\d{0,6})?$/;
 var FINAL_AMOUNT_PATTERN = /^\d+(?:\.\d{1,6})?$/;
-var NETWORK_PRESENTATION = {
-  137: { name: "Polygon", order: 0, venues: [Venue2.polymarket] },
-  56: { name: "BNB", order: 1, venues: [Venue2.limitless, Venue2.myriad] },
-  792703809: { name: "Solana", order: 2, venues: [Venue2.kalshi] },
-  1337: { name: "Hyperliquid", order: 3, venues: [Venue2.hyperliquid] },
-  42161: { name: "Arbitrum", order: 4, venues: [] },
-  8453: { name: "Base", order: 5, venues: [] },
-  1: { name: "Ethereum", order: 6, venues: [] }
+var NETWORK_ORDER = {
+  137: 0,
+  56: 1,
+  792703809: 2,
+  1337: 3,
+  42161: 4,
+  8453: 5,
+  1: 6
 };
 var VENUE_LABELS = {
   [Venue2.kalshi]: "Kalshi",
@@ -3574,7 +3973,7 @@ var VENUE_LABELS = {
   [Venue2.hyperliquid]: "Hyperliquid",
   [Venue2.novig]: "Novig"
 };
-var amountSchema = z.string().min(1).regex(FINAL_AMOUNT_PATTERN);
+var amountSchema = z2.string().min(1).regex(FINAL_AMOUNT_PATTERN);
 var decimalToRaw = (value, decimals = USDC_DECIMALS) => {
   const parsed = amountSchema.safeParse(value.trim());
   if (!parsed.success) return null;
@@ -3605,11 +4004,11 @@ var areDraftsEqual = (current, initial) => {
   return currentMinimumRaw !== null && currentRefillToRaw !== null && currentMinimumRaw === initialMinimumRaw && currentRefillToRaw === initialRefillToRaw;
 };
 var getPolicyMaximumRaw = (policy) => {
-  if (!(policy == null ? void 0 : policy.dailyCapRaw) || !policy.maxFeeRaw) return null;
-  const dailyCapRaw = BigInt(policy.dailyCapRaw);
-  const maximumFeeRaw = BigInt(policy.maxFeeRaw);
-  if (dailyCapRaw <= maximumFeeRaw) return "0";
-  return (dailyCapRaw - maximumFeeRaw).toString();
+  var _a, _b;
+  return getBalanceRefillMaximumRaw(
+    (_a = policy == null ? void 0 : policy.dailyCapRaw) != null ? _a : DEFAULT_BALANCE_REFILL_DAILY_CAP_RAW,
+    (_b = policy == null ? void 0 : policy.maxFeeRaw) != null ? _b : DEFAULT_BALANCE_REFILL_MAX_FEE_RAW
+  );
 };
 var getApiFieldErrors = (error) => {
   var _a;
@@ -3624,7 +4023,7 @@ var ManageBalancesModal = ({
   open,
   onOpenChange
 }) => {
-  const labels = useLabels7();
+  const labels = useLabels8();
   const refillLabels = labels.balanceRefill;
   const balanceState = useAggBalance();
   const depositAddressesQuery = useDepositAddresses({ enabled: open });
@@ -3644,28 +4043,27 @@ var ManageBalancesModal = ({
     const supportedChains = (_a = depositAddressesQuery.supportedChains) != null ? _a : [];
     const availableBalanceBreakdown = (_c = (_b = balanceState.availableBalanceBreakdown) != null ? _b : balanceState.balanceBreakdown) != null ? _c : [];
     return supportedChains.flatMap((chain) => {
-      var _a2, _b2;
       const usdcToken = chain.tokens.find((token) => token.symbol.toUpperCase() === "USDC");
       if (!usdcToken) return [];
-      const presentation = NETWORK_PRESENTATION[chain.chainId];
       const chainBalance = availableBalanceBreakdown.find(
         (balance) => balance.key === String(chain.chainId)
       );
       return [
         {
           chainId: chain.chainId,
-          name: (_a2 = presentation == null ? void 0 : presentation.name) != null ? _a2 : chain.name,
+          name: chain.name,
           balance: chainBalance == null ? void 0 : chainBalance.balance,
           policy: policiesQuery.policies.find(
             (policy) => policy.targetChainId === chain.chainId && policy.targetTokenSymbol.toUpperCase() === "USDC"
           ),
-          venues: (_b2 = presentation == null ? void 0 : presentation.venues) != null ? _b2 : []
+          canManageBalance: isVenueBalanceChain(chain.chainId),
+          venues: venueLogosForChain(chain.chainId)
         }
       ];
     }).sort((left, right) => {
-      var _a2, _b2, _c2, _d;
-      const leftOrder = (_b2 = (_a2 = NETWORK_PRESENTATION[left.chainId]) == null ? void 0 : _a2.order) != null ? _b2 : Number.MAX_SAFE_INTEGER;
-      const rightOrder = (_d = (_c2 = NETWORK_PRESENTATION[right.chainId]) == null ? void 0 : _c2.order) != null ? _d : Number.MAX_SAFE_INTEGER;
+      var _a2, _b2;
+      const leftOrder = (_a2 = NETWORK_ORDER[left.chainId]) != null ? _a2 : Number.MAX_SAFE_INTEGER;
+      const rightOrder = (_b2 = NETWORK_ORDER[right.chainId]) != null ? _b2 : Number.MAX_SAFE_INTEGER;
       if (leftOrder !== rightOrder) return leftOrder - rightOrder;
       return left.name.localeCompare(right.name);
     });
@@ -3700,7 +4098,7 @@ var ManageBalancesModal = ({
     setInitialDrafts(nextDrafts);
     setIsInitialized(true);
   }, [hasLoadError, isInitialized, isLoading, networks, open]);
-  const validateDraft = useCallback5(
+  const validateDraft = useCallback6(
     (network, draft) => {
       const errors = {};
       const minimum = draft.minimum.trim();
@@ -3723,14 +4121,12 @@ var ManageBalancesModal = ({
         errors.refillTo = refillLabels.relationshipError;
       }
       const maximumRaw = getPolicyMaximumRaw(network.policy);
-      if (maximumRaw !== null) {
-        const maximumLabel = rawToDecimal(maximumRaw);
-        if (minimumRaw !== null && BigInt(minimumRaw) > BigInt(maximumRaw)) {
-          errors.minimum = refillLabels.maximumError(maximumLabel);
-        }
-        if (refillToRaw !== null && BigInt(refillToRaw) > BigInt(maximumRaw)) {
-          errors.refillTo = refillLabels.maximumError(maximumLabel);
-        }
+      const maximumLabel = rawToDecimal(maximumRaw);
+      if (minimumRaw !== null && BigInt(minimumRaw) > BigInt(maximumRaw)) {
+        errors.minimum = refillLabels.maximumError(maximumLabel);
+      }
+      if (refillToRaw !== null && BigInt(refillToRaw) > BigInt(maximumRaw)) {
+        errors.refillTo = refillLabels.maximumError(maximumLabel);
       }
       return errors;
     },
@@ -3738,7 +4134,7 @@ var ManageBalancesModal = ({
   );
   const dirtyNetworks = useMemo6(
     () => networks.filter((network) => {
-      if (network.venues.length === 0) return false;
+      if (!network.canManageBalance) return false;
       if (resetChainIds.has(network.chainId)) return true;
       const draft = drafts[network.chainId];
       const initialDraft = initialDrafts[network.chainId];
@@ -3763,14 +4159,14 @@ var ManageBalancesModal = ({
     (errors) => errors.minimum || errors.refillTo || errors.general
   );
   const isSaveDisabled = dirtyNetworks.length === 0 || hasValidationErrors || isSaving;
-  const handleOpenChange = useCallback5(
+  const handleOpenChange = useCallback6(
     (nextOpen) => {
       if (isSaving && !nextOpen) return;
       onOpenChange(nextOpen);
     },
     [isSaving, onOpenChange]
   );
-  const handleToggleNetwork = useCallback5((chainId, canManageBalance) => {
+  const handleToggleNetwork = useCallback6((chainId, canManageBalance) => {
     if (!canManageBalance) return;
     setExpandedChainIds((current) => {
       const next = new Set(current);
@@ -3779,7 +4175,7 @@ var ManageBalancesModal = ({
       return next;
     });
   }, []);
-  const handleDraftChange = useCallback5(
+  const handleDraftChange = useCallback6(
     (chainId, field, value) => {
       if (!EDITABLE_AMOUNT_PATTERN.test(value)) return;
       setDrafts((current) => {
@@ -3808,7 +4204,7 @@ var ManageBalancesModal = ({
     },
     []
   );
-  const handleResetNetwork = useCallback5((network) => {
+  const handleResetNetwork = useCallback6((network) => {
     setDrafts((current) => __spreadProps(__spreadValues({}, current), {
       [network.chainId]: { minimum: "0", refillTo: "0" }
     }));
@@ -3824,7 +4220,7 @@ var ManageBalancesModal = ({
       return __spreadProps(__spreadValues({}, current), { [network.chainId]: {} });
     });
   }, []);
-  const handleAmountBlur = useCallback5((chainId, field) => {
+  const handleAmountBlur = useCallback6((chainId, field) => {
     setDrafts((current) => {
       const currentDraft = current[chainId];
       if (!currentDraft) return current;
@@ -3835,12 +4231,12 @@ var ManageBalancesModal = ({
       });
     });
   }, []);
-  const handleRetry = useCallback5(() => {
+  const handleRetry = useCallback6(() => {
     void depositAddressesQuery.refetch();
     void policiesQuery.refetch();
     balanceState.refetch();
   }, [balanceState, depositAddressesQuery, policiesQuery]);
-  const handleSave = useCallback5(() => __async(null, null, function* () {
+  const handleSave = useCallback6(() => __async(null, null, function* () {
     if (savingRef.current || isSaveDisabled) return;
     savingRef.current = true;
     setIsSaving(true);
@@ -3976,7 +4372,7 @@ var ManageBalancesModal = ({
           }
         ) : /* @__PURE__ */ jsx10("div", { className: "flex flex-col", role: "list", children: networks.map((network, networkIndex) => {
           var _a, _b, _c, _d, _e;
-          const canManageBalance = network.venues.length > 0;
+          const canManageBalance = network.canManageBalance;
           const isExpanded = canManageBalance && expandedChainIds.has(network.chainId);
           const isLastNetwork = networkIndex === networks.length - 1;
           const isPendingReset = resetChainIds.has(network.chainId);
@@ -4252,7 +4648,7 @@ var ManageBalancesModal = ({
 ManageBalancesModal.displayName = "ManageBalancesModal";
 
 // src/pages/user-profile/components/positions-activity.tsx
-import { optimizedImageUrl as optimizedImageUrl3, useAggUiConfig as useAggUiConfig2, useLabels as useLabels10 } from "@agg-build/hooks";
+import { optimizedImageUrl as optimizedImageUrl3, useAggUiConfig as useAggUiConfig2, useLabels as useLabels11 } from "@agg-build/hooks";
 import { Fragment as Fragment4, useEffect as useEffect10, useMemo as useMemo7, useRef as useRef9, useState as useState11 } from "react";
 
 // src/pages/user-profile/user-profile.constants.ts
@@ -5043,7 +5439,7 @@ var EmptyState = ({ title, description, className }) => {
 EmptyState.displayName = "EmptyState";
 
 // src/pages/user-profile/components/open-order-row.tsx
-import { optimizedImageUrl, useLabels as useLabels8 } from "@agg-build/hooks";
+import { optimizedImageUrl, useLabels as useLabels9 } from "@agg-build/hooks";
 import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var shouldUseNativeLinkNavigation2 = (event) => {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
@@ -5056,11 +5452,21 @@ var CANCELLABLE_LIMIT_ORDER_STATUSES = /* @__PURE__ */ new Set([
 ]);
 var canCancelOpenOrder = (order) => {
   const status = order.status.trim().toLowerCase();
-  if (status === "pending" && !order.dagRunId) return true;
   const isLimitOrder = order.orderType === "limit" || order.limitPriceLabel != null;
   if (!isLimitOrder) return false;
+  if (status === "pending" && !order.dagRunId) return true;
   return CANCELLABLE_LIMIT_ORDER_STATUSES.has(status);
 };
+var PENDING_LIMIT_ORDER_STATUSES = /* @__PURE__ */ new Set([
+  "pending",
+  "signing",
+  "pending_bridge",
+  "submitting"
+]);
+var isPendingOpenOrder = (order) => {
+  const isLimitOrder = order.orderType === "limit" || order.limitPriceLabel != null;
+  return isLimitOrder && PENDING_LIMIT_ORDER_STATUSES.has(order.status.trim().toLowerCase()) && !canCancelOpenOrder(order);
+};
 var OpenOrderRow = ({
   order,
   href,
@@ -5075,7 +5481,7 @@ var OpenOrderRow = ({
   expirationHeader
 }) => {
   var _a, _b, _c, _d;
-  const labels = useLabels8().userProfile.openOrders;
+  const labels = useLabels9().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;
@@ -5097,6 +5503,7 @@ var OpenOrderRow = ({
     onCancel == null ? void 0 : onCancel(order);
   };
   const canCancel = canCancelOpenOrder(order);
+  const isPending = isPendingOpenOrder(order);
   const Wrapper = href ? "a" : "div";
   const wrapperProps = href ? {
     href,
@@ -5159,7 +5566,7 @@ var OpenOrderRow = ({
           {
             className: cn(
               "shrink-0 justify-end",
-              canCancel ? "flex w-full lg:w-[80px]" : "hidden lg:flex lg:w-[80px]"
+              canCancel || isPending ? "flex w-full lg:w-[80px]" : "hidden lg:flex lg:w-[80px]"
             ),
             children: canCancel ? /* @__PURE__ */ jsx13(
               Button,
@@ -5173,7 +5580,10 @@ var OpenOrderRow = ({
                 className: "w-full lg:w-auto !text-agg-error font-agg-bold",
                 children: resolvedCancelLabel
               }
-            ) : null
+            ) : isPending ? /* @__PURE__ */ jsxs12("div", { className: "flex w-full items-center justify-center gap-2 agg-type-label text-agg-foreground", children: [
+              /* @__PURE__ */ jsx13(LoadingIcon, { size: "small", ariaLabel: labels.pending, className: "text-agg-primary" }),
+              /* @__PURE__ */ jsx13("span", { children: labels.pending })
+            ] }) : null
           }
         )
       ] })
@@ -5183,7 +5593,7 @@ var OpenOrderRow = ({
 OpenOrderRow.displayName = "OpenOrderRow";
 
 // src/pages/user-profile/components/position-row.tsx
-import { optimizedImageUrl as optimizedImageUrl2, useAggUiConfig, useLabels as useLabels9 } from "@agg-build/hooks";
+import { optimizedImageUrl as optimizedImageUrl2, useAggUiConfig, useLabels as useLabels10 } from "@agg-build/hooks";
 import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 var shouldUseNativeLinkNavigation3 = (event) => {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
@@ -5321,7 +5731,7 @@ var PositionRow = ({
   onClaim,
   isClaiming = false
 }) => {
-  const labels = useLabels9().userProfile.positions;
+  const labels = useLabels10().userProfile.positions;
   const { formatCurrency: formatCurrency2, formatPrice } = useAggUiConfig().formatting;
   const model = toPositionRowViewModel(
     position,
@@ -5549,7 +5959,7 @@ var PositionsActivity = ({
   initialPositionFilter = "active",
   className
 }) => {
-  const userProfileLabels = useLabels10().userProfile;
+  const userProfileLabels = useLabels11().userProfile;
   const positionsLabels = userProfileLabels.positions;
   const openOrdersLabels = userProfileLabels.openOrders;
   const { formatCurrency: formatCurrency2, formatPrice } = useAggUiConfig2().formatting;
@@ -6141,7 +6551,7 @@ var buildAggTxExplorerHref = (chainId, txHash) => {
 };
 
 // src/pages/user-profile/components/user-info-card.tsx
-import { optimizedImageUrl as optimizedImageUrl4, useLabels as useLabels11 } from "@agg-build/hooks";
+import { optimizedImageUrl as optimizedImageUrl4, useLabels as useLabels12 } from "@agg-build/hooks";
 
 // src/primitives/conditional-wrapper.tsx
 var ConditionalWrapper = ({
@@ -6208,7 +6618,7 @@ var UserInfoCard = ({
   className
 }) => {
   var _a;
-  const labels = useLabels11();
+  const labels = useLabels12();
   const wallets = (_a = user.connectedWallets) != null ? _a : [];
   const hasWallets = wallets.length > 0;
   return /* @__PURE__ */ jsxs17(
@@ -6583,6 +6993,8 @@ var OPEN_ORDER_QUERY_STATUSES = [
 var SHOW_SOLD_POSITIONS = false;
 var SOLD_POSITION_SHARES_THRESHOLD = 0.1;
 var isOpenOrderStatus = (status) => OPEN_ORDER_STATUSES.has(status.toLowerCase());
+var isExecutionLimitOrder = (order) => order.orderType === "limit" || order.orderType == null && order.limitSizeRaw != null;
+var isUserProfileLimitOrder = (order) => order.orderType === "limit" || order.orderType == null && order.limitPriceLabel != null;
 var shouldIncludeByShares = (position) => {
   if (SHOW_SOLD_POSITIONS) return true;
   if (typeof position.totalShares !== "number") return true;
@@ -6848,7 +7260,7 @@ var UserProfilePage = ({
   const { user: currentUser, isAuthenticated } = useAggAuthState();
   const { isDepositBlocked } = useGeoBlock();
   const balanceState = useAggBalance2();
-  const labels = useLabels12();
+  const labels = useLabels13();
   const {
     features: { showLimitOrders },
     trading: { executionMode: configuredExecutionMode }
@@ -6877,7 +7289,7 @@ var UserProfilePage = ({
   const manageBalancesButtonRef = useRef10(null);
   const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
   const queryExecutionMode = resolvedExecutionMode === "paper" ? "paper" : void 0;
-  const handleManageBalancesOpenChange = useCallback6((open) => {
+  const handleManageBalancesOpenChange = useCallback7((open) => {
     setIsManageBalancesOpen(open);
     if (open) return;
     requestAnimationFrame(() => {
@@ -6897,7 +7309,7 @@ var UserProfilePage = ({
     limit: 25,
     mode: queryExecutionMode
   });
-  const handlePositionFilterChange = useCallback6(
+  const handlePositionFilterChange = useCallback7(
     (filter) => {
       setPositionFilter(filter);
       onPositionFilterChangeProp == null ? void 0 : onPositionFilterChangeProp(filter);
@@ -6916,48 +7328,56 @@ var UserProfilePage = ({
   const pendingOpenOrdersQuery = useExecutionOrders({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[0],
+    orderType: "limit",
     limit: 25,
     mode: queryExecutionMode
   });
   const signingOpenOrdersQuery = useExecutionOrders({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[1],
+    orderType: "limit",
     limit: 25,
     mode: queryExecutionMode
   });
   const pendingBridgeOpenOrdersQuery = useExecutionOrders({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[2],
+    orderType: "limit",
     limit: 25,
     mode: queryExecutionMode
   });
   const submittingOpenOrdersQuery = useExecutionOrders({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[3],
+    orderType: "limit",
     limit: 25,
     mode: queryExecutionMode
   });
   const submittedOpenOrdersQuery = useExecutionOrders({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[4],
+    orderType: "limit",
     limit: 25,
     mode: queryExecutionMode
   });
   const openOpenOrdersQuery = useExecutionOrders({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[5],
+    orderType: "limit",
     limit: 25,
     mode: queryExecutionMode
   });
   const partiallyFilledOpenOrdersQuery = useExecutionOrders({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[6],
+    orderType: "limit",
     limit: 25,
     mode: queryExecutionMode
   });
   const cancelPendingOpenOrdersQuery = useExecutionOrders({
     enabled: shouldUseHookData && isAuthenticated && !openOrders,
     status: OPEN_ORDER_QUERY_STATUSES[7],
+    orderType: "limit",
     limit: 25,
     mode: queryExecutionMode
   });
@@ -6987,7 +7407,7 @@ var UserProfilePage = ({
     enabled: shouldUseHookData && isAuthenticated,
     limit: 25
   });
-  const handleCancelOrder = useCallback6(
+  const handleCancelOrder = useCallback7(
     (order) => __async(null, null, function* () {
       if (onCancelOrder) {
         onCancelOrder(order);
@@ -7020,7 +7440,7 @@ var UserProfilePage = ({
     }),
     [cancelOrderMutation, labels.notifications.order, onCancelOrder, toastContext]
   );
-  const handleClaimPosition = useCallback6(
+  const handleClaimPosition = useCallback7(
     (position) => {
       var _a2, _b2;
       return startClaim({
@@ -7031,7 +7451,7 @@ var UserProfilePage = ({
     },
     [startClaim]
   );
-  const handleActivityRowClick = useCallback6(
+  const handleActivityRowClick = useCallback7(
     (activity) => {
       if (activity.kind === "redeem") {
         setSelectedClaimActivity(activity);
@@ -7041,7 +7461,7 @@ var UserProfilePage = ({
     },
     [onActivityClick]
   );
-  const handleClaimTransactionSelect = useCallback6((transaction) => {
+  const handleClaimTransactionSelect = useCallback7((transaction) => {
     const href = buildAggTxExplorerHref(transaction.chainId, transaction.txHash);
     setSelectedClaimActivity(null);
     if (!href || typeof window === "undefined") return;
@@ -7277,18 +7697,20 @@ var UserProfilePage = ({
     });
   }, [activities, activityQuery.activities, isHydrated, labels, ordersQuery.orders]);
   const resolvedOpenOrders = useMemo8(() => {
-    if (openOrders) return openOrders;
+    if (openOrders) return openOrders.filter(isUserProfileLimitOrder);
     const orderRowsById = /* @__PURE__ */ new Map();
     for (const query of openOrderQueries) {
       for (const order of query.orders) {
         orderRowsById.set(order.id, order);
       }
     }
-    return Array.from(orderRowsById.values()).filter((order) => isOpenOrderStatus(order.status)).sort(
+    return Array.from(orderRowsById.values()).filter(
+      (order) => isOpenOrderStatus(order.status) && isExecutionLimitOrder(order)
+    ).sort(
       (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
     ).map((order) => {
       var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-      const isLimitOrder = order.orderType === "limit" || order.limitSizeRaw != null;
+      const isLimitOrder = isExecutionLimitOrder(order);
       const filledRaw = isLimitOrder ? order.filledSizeRaw : order.filledAmountRaw;
       const totalRaw = isLimitOrder ? order.limitSizeRaw : order.amountRaw;
       const totalCostRaw = isLimitOrder ? (_a2 = order.reservedCostRaw) != null ? _a2 : order.amountRaw : order.amountRaw;
@@ -7333,14 +7755,14 @@ var UserProfilePage = ({
     () => openOrderQueries.some((query) => query.isFetchingNextPage),
     [openOrderQueries]
   );
-  const handleLoadMoreOpenOrders = useCallback6(() => {
+  const handleLoadMoreOpenOrders = useCallback7(() => {
     for (const query of openOrderQueries) {
       if (query.hasNextPage) {
         void query.fetchNextPage();
       }
     }
   }, [openOrderQueries]);
-  const adaptPositionGroups = useCallback6(
+  const adaptPositionGroups = useCallback7(
     (groups) => {
       return groups.flatMap((group) => {
         var _a2, _b2, _c, _d;
@@ -7594,6 +8016,7 @@ UserProfilePage.displayName = "UserProfilePage";
 export {
   DefaultAvatar,
   ConditionalWrapper,
+  formatRecurringCountdown,
   EventMarketPage,
   useHomePageModals,
   HomePage,