@agg-build/ui 4.9.2 → 4.11.0

package/dist/{chunk-TNNLRRHC.mjs → chunk-6EHT5OFU.mjs}

@@ -19,7 +19,7 @@ import {
   selectPrimaryVenueMarket,
   skeletonViews,
   sortOutcomes
-} from "./chunk-NYL6A6AD.mjs";
+} from "./chunk-W7HQVQ22.mjs";
 
 // src/trading/trading-context/index.tsx
 import { useEventTradingContext } from "@agg-build/hooks";

package/dist/{chunk-MVAOWNG3.mjs → chunk-CHM6SCOY.mjs}

@@ -12,7 +12,7 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-GVIS3YXU.mjs";
+} from "./chunk-EYJS45RP.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
@@ -21,12 +21,12 @@ import {
   formatChainIdLabel,
   useClaimWinnings,
   useResolvedMarketClaim
-} from "./chunk-K6F2ZYNM.mjs";
+} from "./chunk-NCWBKC5C.mjs";
 import {
   getDisplayOutcomePrice,
   resolveHeaderOutcomeItems,
   resolveMarketFromVenueMarkets
-} from "./chunk-TNNLRRHC.mjs";
+} from "./chunk-6EHT5OFU.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -62,7 +62,7 @@ import {
   skeletonViews,
   sortCategoriesForNavigation,
   useOptionalToast
-} from "./chunk-NYL6A6AD.mjs";
+} from "./chunk-W7HQVQ22.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -2309,6 +2309,7 @@ var SportsEventMarketPage = ({
   event,
   defaultMarketId,
   defaultOutcomeId,
+  defaultTradeSide,
   classNames,
   ariaLabel,
   showPlaceOrder,
@@ -2407,6 +2408,7 @@ var SportsEventMarketPage = ({
                         event: composedEvent,
                         defaultMarketId,
                         defaultOutcomeId,
+                        defaultTradeSide,
                         eventTradingState,
                         midpointsResult,
                         sportsLiveState: sportsLiveStateByEventId.get(event.id),
@@ -2548,6 +2550,7 @@ var EventMarketPageContent = ({
   event,
   defaultMarketId,
   defaultOutcomeId,
+  defaultTradeSide,
   classNames,
   ariaLabel,
   showPlaceOrder,
@@ -2707,6 +2710,7 @@ var EventMarketPageContent = ({
                         event,
                         defaultMarketId,
                         defaultOutcomeId,
+                        defaultTradeSide,
                         eventTradingState,
                         midpointsResult,
                         recurringMarkets: recurringMarketsPresentation,
@@ -4003,6 +4007,7 @@ var CLAIM_VENUE_LABELS = {
   [Venue.limitless]: "Limitless",
   [Venue.opinion]: "Opinion",
   [Venue.predict]: "Predict",
+  [Venue.pred]: "PRED",
   [Venue.probable]: "Probable",
   [Venue.myriad]: "Myriad",
   [Venue.hyperliquid]: "Hyperliquid",
@@ -4158,6 +4163,7 @@ var VENUE_LABELS = {
   [Venue2.opinion]: "Opinion",
   [Venue2.polymarket]: "Polymarket",
   [Venue2.predict]: "Predict",
+  [Venue2.pred]: "PRED",
   [Venue2.probable]: "Probable",
   [Venue2.myriad]: "Myriad",
   [Venue2.hyperliquid]: "Hyperliquid",
@@ -7411,7 +7417,8 @@ var POSITION_ROW_VENUE_ORDER = [
   Venue3.polymarket,
   Venue3.kalshi,
   Venue3.opinion,
-  Venue3.limitless
+  Venue3.limitless,
+  Venue3.pred
 ];
 function venueBreakdownSortKey(venue) {
   const idx = POSITION_ROW_VENUE_ORDER.indexOf(venue);
@@ -8032,7 +8039,8 @@ var UserProfilePage = ({
         const eventId = (_d = group.eventId) != null ? _d : venueEventId;
         const marketId = group.targetMarketId;
         return group.venueMarket.venueMarketOutcomes.map((outcome) => {
-          var _a3, _b3, _c3, _d2;
+          var _a3, _b3, _c3, _d2, _e, _f;
+          const outcomeId = (_b3 = (_a3 = outcome.venueBreakdown.find((row) => row.venueMarketOutcomeId)) == null ? void 0 : _a3.venueMarketOutcomeId) != null ? _b3 : void 0;
           const isResolved = group.venueMarket.status === "resolved";
           const isUnpriced = outcome.priceSource === "entry";
           const averagePriceCents = Math.round(outcome.avgEntryPrice * 100);
@@ -8050,12 +8058,13 @@ var UserProfilePage = ({
           const pnlPercent = displayPnlPercent == null ? null : displayPnlPercent.toFixed(2);
           const winningOutcomeIds = outcome.winner === true ? outcome.venueBreakdown.map((breakdown) => breakdown.venueMarketOutcomeId) : [];
           return {
-            id: `${group.targetMarketId}-${outcome.label}-${(_a3 = outcome.title) != null ? _a3 : ""}`,
+            id: `${group.targetMarketId}-${outcome.label}-${(_c3 = outcome.title) != null ? _c3 : ""}`,
             eventId,
             marketId,
-            thumbnailSrc: (_b3 = group.venueMarket.image) != null ? _b3 : fallbackThumbnailSrc,
+            outcomeId,
+            thumbnailSrc: (_d2 = group.venueMarket.image) != null ? _d2 : fallbackThumbnailSrc,
             title: group.venueMarket.question,
-            outcomeLabel: ((_c3 = outcome.title) == null ? void 0 : _c3.trim()) || outcome.label,
+            outcomeLabel: ((_e = outcome.title) == null ? void 0 : _e.trim()) || outcome.label,
             resolutionLabel: winningOutcomeLabel,
             venueShareBreakdown: buildVenueShareBreakdown(outcome),
             totalShares: outcome.totalSize,
@@ -8071,7 +8080,7 @@ var UserProfilePage = ({
             isPnlPositive: displayPnlValue != null && displayPnlValue >= 0,
             status: group.status,
             marketStatus: group.venueMarket.status,
-            winner: (_d2 = outcome.winner) != null ? _d2 : null,
+            winner: (_f = outcome.winner) != null ? _f : null,
             resolutionDate: group.resolutionDate,
             closedTotalTradedLabel: formatUsd2(totalTradedValue),
             totalTradedValue,

package/dist/{chunk-GVIS3YXU.mjs → chunk-EYJS45RP.mjs}

@@ -24,7 +24,7 @@ import {
   resolveUnifiedOrderBookEntries,
   sortOutcomeSelectorOutcomes,
   useEventTradingContext
-} from "./chunk-TNNLRRHC.mjs";
+} from "./chunk-6EHT5OFU.mjs";
 import {
   AutocompleteSelect,
   Badge,
@@ -78,7 +78,7 @@ import {
   sortOutcomes,
   splitEventsByLifecycle,
   validateSubcategoryPath
-} from "./chunk-NYL6A6AD.mjs";
+} from "./chunk-W7HQVQ22.mjs";
 
 // src/events/item/index.tsx
 import {
@@ -2893,6 +2893,7 @@ var EventListItemDetailsContent = ({
   event,
   defaultMarketId,
   defaultOutcomeId,
+  defaultTradeSide,
   classNames,
   venueInfo,
   detailsStats,
@@ -2979,7 +2980,7 @@ var EventListItemDetailsContent = ({
     if (!tradingContext) return;
     if (!defaultMarketId) return;
     if (tradingContext.selectedEventId !== event.id) return;
-    const applyKey = `${event.id}::${defaultMarketId}::${defaultOutcomeId != null ? defaultOutcomeId : ""}`;
+    const applyKey = `${event.id}::${defaultMarketId}::${defaultOutcomeId != null ? defaultOutcomeId : ""}::${defaultTradeSide != null ? defaultTradeSide : ""}`;
     if (lastAppliedDefaultRef.current === applyKey) return;
     const nextMarket = event.venueMarkets.find((market) => market.id === defaultMarketId);
     if (!nextMarket) return;
@@ -2989,14 +2990,17 @@ var EventListItemDetailsContent = ({
       );
       if (!nextOutcome) return;
       tradingContext.selectMarketAndOutcome(defaultMarketId, defaultOutcomeId);
-      lastAppliedDefaultRef.current = applyKey;
-      return;
+    } else {
+      tradingContext.selectMarket(defaultMarketId, nextMarket);
+    }
+    if (defaultTradeSide === "sell" || defaultTradeSide === "buy") {
+      tradingContext.setTradeSide(defaultTradeSide);
     }
-    tradingContext.selectMarket(defaultMarketId, nextMarket);
     lastAppliedDefaultRef.current = applyKey;
   }, [
     defaultMarketId,
     defaultOutcomeId,
+    defaultTradeSide,
     event.id,
     event.venueMarkets,
     tradingContext,
@@ -3345,6 +3349,7 @@ var EventListItemDetails = (props) => {
       classNames,
       defaultMarketId,
       defaultOutcomeId,
+      defaultTradeSide,
       venueInfo,
       detailsStats,
       ariaLabel: ariaLabelOverride,
@@ -3356,6 +3361,7 @@ var EventListItemDetails = (props) => {
       classNames,
       defaultMarketId,
       defaultOutcomeId,
+      defaultTradeSide,
       venueInfo,
       detailsStats,
       ariaLabel: ariaLabelOverride,
@@ -4470,7 +4476,7 @@ var MarketDetailsContent = ({
   suppressOutcomeFallbackSelection,
   midpointsResult
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f, _g;
   const config = useSdkUiConfig5();
   const {
     features: { enableAnimations },
@@ -4727,11 +4733,10 @@ var MarketDetailsContent = ({
     });
   }, [model, selectedOutcomeLabel, selectedOutcomeId]);
   const orderBookEnabled = isOpened && effectiveSelectedTab === "order-book" && !marketTradingState.isTradingDisabled;
-  const primaryVenueMarketId = (_g = (_f = selectedOutcomesByVenue[0]) == null ? void 0 : _f.market.id) != null ? _g : null;
-  const primaryOutcomeId = (_i = (_h = selectedOutcomesByVenue[0]) == null ? void 0 : _h.outcome.id) != null ? _i : null;
+  const primaryOutcomeId = (_g = (_f = selectedOutcomesByVenue[0]) == null ? void 0 : _f.outcome.id) != null ? _g : null;
   const marketOrderbookResult = useMarketOrderbook({
-    marketId: primaryVenueMarketId,
-    enabled: orderBookEnabled && !!primaryVenueMarketId,
+    venueMarketOutcomeId: primaryOutcomeId,
+    enabled: orderBookEnabled && !!primaryOutcomeId,
     venueOutcomes: selectedOutcomesByVenue.map((item) => ({
       venue: item.venue,
       venueMarketOutcomeId: item.outcomeId
@@ -5618,6 +5623,7 @@ import { getEffectiveDisabledVenues, isVenueInactive } from "@agg-build/sdk";
 import { useCallback as useCallback3, useEffect as useEffect7, useMemo as useMemo9, useRef as useRef7, useState as useState6 } from "react";
 
 // src/events/list/event-list.constants.ts
+import { sortVenues as sortVenues4 } from "@agg-build/hooks";
 import { MatchStatus, Venue as Venue2 } from "@agg-build/sdk";
 var DEFAULT_EVENTS_LIMIT = 50;
 var DEFAULT_EVENT_LIST_SORT = "volume24hr";
@@ -5628,7 +5634,7 @@ var EVENT_LIST_SORT_VALUES = [
   "endDate"
 ];
 var getDefaultEventListTabs = (labels) => {
-  return [
+  const tabs = [
     {
       value: "matched",
       label: labels.eventList.matchedTab,
@@ -5664,6 +5670,12 @@ var getDefaultEventListTabs = (labels) => {
       venueLogo: Venue2.predict,
       venues: [Venue2.predict]
     },
+    {
+      value: Venue2.pred,
+      label: labels.venues.pred,
+      venueLogo: Venue2.pred,
+      venues: [Venue2.pred]
+    },
     {
       value: Venue2.hyperliquid,
       label: labels.venues.hyperliquid,
@@ -5698,6 +5710,17 @@ var getDefaultEventListTabs = (labels) => {
       isComingSoon: true
     }
   ];
+  const venueRank = new Map(
+    sortVenues4(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

package/dist/{chunk-GG57TRNE.mjs → chunk-I72YHWOI.mjs}

@@ -2,7 +2,7 @@
 import {
   ConnectKalshiModal,
   dispatchAggDepositNotification
-} from "./chunk-H7L4HDXS.mjs";
+} from "./chunk-TXQJUVRW.mjs";
 import {
   BoltIcon,
   Button,
@@ -36,7 +36,7 @@ import {
   shortenAddress,
   useOptionalToast,
   venueLogoLabels
-} from "./chunk-NYL6A6AD.mjs";
+} from "./chunk-W7HQVQ22.mjs";
 
 // src/deposit/index.tsx
 import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels11 } from "@agg-build/hooks";

package/dist/{chunk-K6F2ZYNM.mjs → chunk-NCWBKC5C.mjs}

@@ -9,13 +9,13 @@ import {
   getTradingVenueLabel,
   prepareSettlementDifferences,
   resolveOrderEligibilityMessage
-} from "./chunk-TNNLRRHC.mjs";
+} from "./chunk-6EHT5OFU.mjs";
 import {
   ConnectKalshiModal,
   GeoBlockBanner,
   SharedKycModal,
   subscribeAggDepositNotification
-} from "./chunk-H7L4HDXS.mjs";
+} from "./chunk-TXQJUVRW.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -48,7 +48,7 @@ import {
   resolveResolvedOutcomeLabel,
   skeletonViews,
   useOptionalToast
-} from "./chunk-NYL6A6AD.mjs";
+} from "./chunk-W7HQVQ22.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";
@@ -1311,8 +1311,14 @@ var extractGeoBlockedVenues = (warnings) => {
   );
 };
 var getSmartRouteTotalFees = (feeBreakdown) => {
+  var _a;
   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
+  ];
   if (!feeParts.every(Number.isFinite)) return null;
   return feeParts.reduce((total, fee) => total + Math.round(fee * 100) / 100, 0);
 };
@@ -1438,9 +1444,10 @@ var resolvePlaceOrderQuoteStatus = ({
   amount,
   labels,
   quoteData,
-  selectedMarket
+  selectedMarket,
+  tradeSide = "buy"
 }) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e;
   if (!selectedMarket) {
     return {
       tone: "warning",
@@ -1460,9 +1467,10 @@ var resolvePlaceOrderQuoteStatus = ({
     };
   }
   if (quoteData.status === "no_orderbooks") {
+    const serverError = (_a = quoteData.error) == null ? void 0 : _a.trim();
     return {
       tone: "error",
-      message: labels.noOrderbooks,
+      message: serverError || labels.noOrderbooks,
       placement: "above-action"
     };
   }
@@ -1476,26 +1484,27 @@ var resolvePlaceOrderQuoteStatus = ({
   if (quoteData.status === "insufficient_input_amount") {
     return {
       tone: "error",
-      message: (_a = quoteData.message) != null ? _a : labels.insufficientInputAmount,
+      message: (_b = quoteData.message) != null ? _b : labels.insufficientInputAmount,
       placement: "above-action"
     };
   }
   if (quoteData.status === "invalid_input") {
     return {
       tone: "error",
-      message: (_b = quoteData.message) != null ? _b : labels.quoteUnavailable,
+      message: (_c = quoteData.message) != null ? _c : labels.quoteUnavailable,
       placement: "above-action"
     };
   }
   if (quoteData.status === "insufficient_position") {
-    const total = (_c = quoteData.positionAvailability) == null ? void 0 : _c.totalSellableShares;
+    const total = (_d = quoteData.positionAvailability) == null ? void 0 : _d.totalSellableShares;
     const message = total != null ? labels.insufficientPosition(total) : labels.insufficientPositionGeneric;
     return { tone: "error", message, placement: "above-action" };
   }
   if (quoteData.status === "insufficient_depth") {
+    const serverError = (_e = quoteData.error) == null ? void 0 : _e.trim();
     return {
       tone: "error",
-      message: labels.insufficientSellDepth,
+      message: tradeSide === "sell" ? serverError || labels.insufficientSellDepth : serverError || labels.insufficientLiquidity,
       placement: "above-action"
     };
   }
@@ -1575,6 +1584,7 @@ var buildLiveRouteCards = ({
     executionPrice: averageExecutionPrice,
     requiresSharedKyc: primaryRequiresSharedKyc
   } : null;
+  const soloCardId = (prefix, sq) => `${prefix}-${sq.venue}${sq.venueMarketOutcomeId ? `-${sq.venueMarketOutcomeId}` : ""}`;
   const soloCards = ((_c = quoteData.venueSoloQuotes) != null ? _c : []).filter(
     (sq) => sq.status === "ok" && sq.unavailableReason !== "venue_unavailable" && sq.avgPrice !== null && sq.filledQty > 0 && // No `sq.quoteId` requirement: a solo is preview-only whenever its own
     // funding lane is short (API nulls the quoteId), which is NOT always the
@@ -1590,7 +1600,8 @@ var buildLiveRouteCards = ({
     const venue = parsedVenue.success ? parsedVenue.data : void 0;
     if (geoBlockedVenues.has(sq.venue)) {
       return {
-        id: `live-unavailable-${sq.venue}`,
+        id: soloCardId("live-unavailable", sq),
+        venueMarketOutcomeId: sq.venueMarketOutcomeId,
         hint: labels.venueUnavailableInRegion,
         kind: "venue",
         label: getTradingVenueLabel(venue),
@@ -1627,7 +1638,8 @@ var buildLiveRouteCards = ({
       feeBreakdown: (_b2 = sq.feeBreakdown) != null ? _b2 : quoteData.feeBreakdown
     }), sq.quoteId ? { status: "ok", error: void 0 } : null);
     return {
-      id: `live-solo-${sq.venue}`,
+      id: soloCardId("live-solo", sq),
+      venueMarketOutcomeId: sq.venueMarketOutcomeId,
       hint: labels.averagePrice(avgPrice),
       kind: "venue",
       label: getTradingVenueLabel(venue),
@@ -1649,7 +1661,8 @@ var buildLiveRouteCards = ({
     const temporarilyUnavailable = sq.unavailableReason === "venue_unavailable";
     const hasPreview = temporarilyUnavailable && sq.filledQty > 0;
     return __spreadProps(__spreadValues({
-      id: `live-unavailable-${sq.venue}`,
+      id: soloCardId("live-unavailable", sq),
+      venueMarketOutcomeId: sq.venueMarketOutcomeId,
       hint: temporarilyUnavailable ? labels.venueTemporarilyUnavailable : labels.venueUnavailableInRegion,
       kind: "venue",
       label: getTradingVenueLabel(venue),
@@ -3282,7 +3295,8 @@ var PlaceOrderExecutionView = ({
   eventTitle,
   groups,
   labels,
-  progress
+  progress,
+  settlementHint
 }) => {
   return /* @__PURE__ */ jsx4(
     Card,
@@ -3326,7 +3340,8 @@ var PlaceOrderExecutionView = ({
               groups,
               labels
             }
-          )
+          ),
+          settlementHint ? /* @__PURE__ */ jsx4("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: settlementHint }) : null
         ] })
       ] })
     }
@@ -5267,13 +5282,13 @@ var PlaceOrder = ({
       setSubmissionProgressState((prev) => {
         if (!prev || prev.phase === "success" || prev.phase === "failed") return prev;
         return __spreadProps(__spreadValues({}, prev), {
-          phase: "failed",
-          errorMessage: "Couldn't confirm the order in time. Your trade may still complete in the background \u2014 check your activity feed."
+          phase: "executing",
+          errorMessage: tradingLabels.orderStillSettling
         });
       });
     }, timeoutMs);
     return () => clearTimeout(id);
-  }, [submissionProgressState == null ? void 0 : submissionProgressState.phase, estDurationMs]);
+  }, [submissionProgressState == null ? void 0 : submissionProgressState.phase, estDurationMs, tradingLabels.orderStillSettling]);
   const emitTerminalOrderNotifications = useCallback3(() => {
     const toast = toastCtx == null ? void 0 : toastCtx.toast;
     if (!toast) return;
@@ -5384,11 +5399,13 @@ var PlaceOrder = ({
       amount: internalAmount,
       labels: tradingLabels,
       quoteData: activeQuoteData,
-      selectedMarket: scopedSelectedMarket
+      selectedMarket: scopedSelectedMarket,
+      tradeSide: isSell ? "sell" : "buy"
     });
   }, [
     activeQuoteData,
     internalAmount,
+    isSell,
     orderEligibility.canPlaceOrder,
     scopedSelectedMarket,
     tradingLabels
@@ -5696,6 +5713,7 @@ var PlaceOrder = ({
     return formatUsd(totalFees, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
   }, [activeFeeBreakdown]);
   const feeBreakdownRows = useMemo(() => {
+    var _a2, _b2;
     if (!activeFeeBreakdown) return [];
     return [
       {
@@ -5706,6 +5724,18 @@ var PlaceOrder = ({
           maximumFractionDigits: 2
         })
       },
+      // Only Hyperliquid charges a builder slice today; every other route
+      // would show a bare "$0.00" line.
+      ...((_a2 = activeFeeBreakdown.builderFee) != null ? _a2 : 0) > 0 ? [
+        {
+          kind: "amount",
+          label: tradingLabels.feeBreakdownBuilderFee,
+          value: formatUsd((_b2 = activeFeeBreakdown.builderFee) != null ? _b2 : 0, {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2
+          })
+        }
+      ] : [],
       {
         kind: "amount",
         label: tradingLabels.feeBreakdownExecutionGas,
@@ -6211,7 +6241,8 @@ var PlaceOrder = ({
         eventTitle: headerTitle,
         groups: executionOrderGroups,
         labels: tradingLabels,
-        progress: executionProgressPercent
+        progress: executionProgressPercent,
+        settlementHint: submissionProgressState.phase === "executing" ? submissionProgressState.errorMessage : void 0
       }
     );
   }

package/dist/{chunk-H7L4HDXS.mjs → chunk-TXQJUVRW.mjs}

@@ -20,7 +20,7 @@ import {
   __spreadProps,
   __spreadValues,
   cn
-} from "./chunk-NYL6A6AD.mjs";
+} from "./chunk-W7HQVQ22.mjs";
 
 // src/geo-block-banner/index.tsx
 import { useLabels } from "@agg-build/hooks";
@@ -171,7 +171,8 @@ var ONBOARDING_STEPS = {
 var ONCHAIN_VENUES = [
   Venue.polymarket,
   Venue.opinion,
-  Venue.predict
+  Venue.predict,
+  Venue.pred
 ].filter(isVenueActive);
 
 // src/onboarding/steps/how-it-works.tsx