@agg-build/ui 4.7.4 → 4.9.1

package/dist/{chunk-VQTOMYOA.mjs → chunk-XQLLZTEW.mjs}

@@ -12,7 +12,7 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-3X5ICUUC.mjs";
+} from "./chunk-GVIS3YXU.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
@@ -21,12 +21,12 @@ import {
   formatChainIdLabel,
   useClaimWinnings,
   useResolvedMarketClaim
-} from "./chunk-CB3DDQBP.mjs";
+} from "./chunk-GKYBQEBC.mjs";
 import {
   getDisplayOutcomePrice,
   resolveHeaderOutcomeItems,
   resolveMarketFromVenueMarkets
-} from "./chunk-MAQ52KM5.mjs";
+} from "./chunk-TNNLRRHC.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -62,7 +62,7 @@ import {
   skeletonViews,
   sortCategoriesForNavigation,
   useOptionalToast
-} from "./chunk-UQ7XJIAZ.mjs";
+} from "./chunk-NYL6A6AD.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -71,9 +71,10 @@ import {
   useCategories,
   useEventListState,
   useLabels as useLabels5,
-  useSdkUiConfig as useSdkUiConfig4,
+  useSdkUiConfig as useSdkUiConfig3,
   useSearch,
-  useVenueMarketMidpoints
+  useVenueMarketMidpoints,
+  useResolvedExecutionMode as useResolvedExecutionMode3
 } from "@agg-build/hooks";
 import { VENUES } from "@agg-build/sdk";
 import { useCallback as useCallback5, useEffect as useEffect8, useMemo as useMemo5, useRef as useRef7, useState as useState9 } from "react";
@@ -88,7 +89,8 @@ import {
   useLabels as useLabels4,
   useMidpoints as useMidpoints2,
   useRecurringCryptoMarkets,
-  useSdkUiConfig as useSdkUiConfig3
+  useSdkUiConfig as useSdkUiConfig2,
+  useResolvedExecutionMode as useResolvedExecutionMode2
 } from "@agg-build/hooks";
 import { useCallback as useCallback3, useEffect as useEffect6, useMemo as useMemo4, useRef as useRef5, useState as useState6 } from "react";
 
@@ -214,7 +216,8 @@ var EventMarketPageMobileTrade = ({
   isOpen,
   onOpenChange,
   midpointsResult,
-  onBeforePrimaryAction
+  onBeforePrimaryAction,
+  sharedKyc
 }) => {
   const labels = useLabels();
   if (!showPlaceOrder) return null;
@@ -256,6 +259,7 @@ var EventMarketPageMobileTrade = ({
             isQuotePanelActive: isOpen,
             midpointsResult,
             onBeforePrimaryAction,
+            sharedKyc,
             className: cn(
               "agg-mobile-trade-panel w-full overflow-hidden rounded-t-agg-2xl sm:rounded-agg-xl",
               classNames == null ? void 0 : classNames.mobileTrade
@@ -389,7 +393,7 @@ import {
   TradeSide,
   useEventTradingContext as useEventTradingContext3,
   useMidpoints,
-  useSdkUiConfig as useSdkUiConfig2,
+  useResolvedExecutionMode,
   useSportsLive
 } from "@agg-build/hooks";
 import { useCallback as useCallback2, useEffect as useEffect5, useMemo as useMemo3, useRef as useRef4, useState as useState5 } from "react";
@@ -2311,7 +2315,8 @@ var SportsEventMarketPage = ({
   executionMode,
   stickyOrderPanel,
   resolvedClaim,
-  onBeforePrimaryAction
+  onBeforePrimaryAction,
+  sharedKyc
 }) => {
   const [sectionMarketsByKey, setSectionMarketsByKey] = useState5({});
   const composedEvent = useMemo3(() => {
@@ -2328,10 +2333,7 @@ var SportsEventMarketPage = ({
   const stickyOrderPanelState = resolveEventMarketPageStickyState({
     stickyOrderPanel
   });
-  const {
-    trading: { executionMode: configuredExecutionMode }
-  } = useSdkUiConfig2();
-  const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
+  const { executionMode: resolvedExecutionMode } = useResolvedExecutionMode(executionMode);
   const [isMobileTradeOpen, setIsMobileTradeOpen] = useState5(false);
   const isMobileViewport = useIsMobileEventMarketViewport(SPORTS_EVENT_MARKET_MEDIA_QUERY);
   const tradingContext = useEventTradingContext3();
@@ -2452,6 +2454,7 @@ var SportsEventMarketPage = ({
                         resolvedClaim: effectiveResolvedClaim,
                         midpointsResult,
                         onBeforePrimaryAction,
+                        sharedKyc,
                         className: cn(
                           "agg-mobile-trade-panel w-full overflow-hidden",
                           classNames == null ? void 0 : classNames.mobileTrade
@@ -2479,6 +2482,7 @@ var SportsEventMarketPage = ({
                       resolvedClaim: effectiveResolvedClaim,
                       midpointsResult,
                       onBeforePrimaryAction,
+                      sharedKyc,
                       className: cn(stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.placeOrder, classNames == null ? void 0 : classNames.trade),
                       classNames: resolveDesktopTradePlaceOrderClassNames(classNames)
                     }
@@ -2498,7 +2502,8 @@ var SportsEventMarketPage = ({
             isOpen: isMobileTradeOpen,
             onOpenChange: setIsMobileTradeOpen,
             midpointsResult,
-            onBeforePrimaryAction
+            onBeforePrimaryAction,
+            sharedKyc
           }
         ) : null
       ]
@@ -2550,6 +2555,7 @@ var EventMarketPageContent = ({
   stickyOrderPanel,
   resolvedClaim,
   onBeforePrimaryAction,
+  sharedKyc,
   onRecurringMarketNavigate
 }) => {
   var _a;
@@ -2557,10 +2563,7 @@ var EventMarketPageContent = ({
   const stickyOrderPanelState = resolveEventMarketPageStickyState({
     stickyOrderPanel
   });
-  const {
-    trading: { executionMode: configuredExecutionMode }
-  } = useSdkUiConfig3();
-  const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
+  const { executionMode: resolvedExecutionMode } = useResolvedExecutionMode2(executionMode);
   const [isMobileTradeOpen, setIsMobileTradeOpen] = useState6(false);
   const isMobileViewport = useIsMobileEventMarketViewport();
   const tradingContext = useEventTradingContext4();
@@ -2741,6 +2744,7 @@ var EventMarketPageContent = ({
                         showResolvingState: isRecurringResolvingMarket,
                         midpointsResult,
                         onBeforePrimaryAction,
+                        sharedKyc,
                         className: cn(
                           "agg-mobile-trade-panel w-full overflow-hidden",
                           classNames == null ? void 0 : classNames.mobileTrade
@@ -2770,6 +2774,7 @@ var EventMarketPageContent = ({
                       showResolvingState: isRecurringResolvingMarket,
                       midpointsResult,
                       onBeforePrimaryAction,
+                      sharedKyc,
                       className: cn(stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.placeOrder, classNames == null ? void 0 : classNames.trade),
                       classNames: resolveDesktopTradePlaceOrderClassNames(classNames)
                     }
@@ -2789,7 +2794,8 @@ var EventMarketPageContent = ({
             isOpen: isMobileTradeOpen,
             onOpenChange: setIsMobileTradeOpen,
             midpointsResult,
-            onBeforePrimaryAction
+            onBeforePrimaryAction,
+            sharedKyc
           }
         ) : null
       ]
@@ -2800,7 +2806,7 @@ var EventMarketPage = (props) => {
   var _a;
   const {
     features: { showSportsMarkets }
-  } = useSdkUiConfig3();
+  } = useSdkUiConfig2();
   const hasEventProp = "event" in props && !!props.event;
   const {
     event: fetchedEvent,
@@ -3074,7 +3080,7 @@ var HomeSearchResults = ({
   onMarketClick
 }) => {
   const labels = useLabels5();
-  const { search: searchConfig } = useSdkUiConfig4();
+  const { search: searchConfig } = useSdkUiConfig3();
   const { disabledVenues } = useAppConfig();
   const [activeVenueTabValue, setActiveVenueTabValue] = useState9("all");
   const eventListTabs = useEventListTabs();
@@ -3284,9 +3290,9 @@ var HomePage = ({
       onChange: onSearchChange,
       onSelect: onSelectEventInternal
     },
-    trading: { executionMode },
     features: { enableEventDiscoveryUrlPersistence }
-  } = useSdkUiConfig4();
+  } = useSdkUiConfig3();
+  const { executionMode } = useResolvedExecutionMode3();
   const { isLoading: isAppConfigLoading } = useAppConfig();
   const primaryEventListTabs = useEventListTabs();
   const { capture, consume } = useEventListState();
@@ -3774,8 +3780,9 @@ import {
   useExecutionPositions,
   useGeoBlock,
   useLabels as useLabels13,
-  useSdkUiConfig as useSdkUiConfig5,
-  useUserActivity
+  useSdkUiConfig as useSdkUiConfig4,
+  useUserActivity,
+  useResolvedExecutionMode as useResolvedExecutionMode4
 } from "@agg-build/hooks";
 import { Venue as Venue3 } from "@agg-build/sdk";
 import dayjs from "dayjs";
@@ -6674,18 +6681,27 @@ var PositionsValueCard = ({
   valueLabel,
   isLoading = false,
   className,
-  icon
+  icon,
+  caption,
+  compact = false
 }) => {
+  const value = /* @__PURE__ */ jsx16("div", { className: "agg-portfolio-value font-agg-sans text-agg-2xl leading-8 font-agg-bold text-agg-foreground", children: isLoading ? /* @__PURE__ */ jsx16("div", { role: "status", "aria-label": "Loading positions value", children: /* @__PURE__ */ jsx16(SkeletonBlock, { className: "h-8 w-24 rounded-agg-sm" }) }) : valueLabel });
   return /* @__PURE__ */ jsxs15(
     "div",
     {
       className: cn(
         "group/agg-portfolio-summary",
-        "flex flex-col gap-3 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5",
+        "flex flex-col gap-3 rounded-agg-xl border border-agg-separator bg-agg-secondary",
+        // Compact is 16 on mobile and 20 from md up. That alone produces the
+        // paper frames' card heights — content is 68px (24 label + 12 gap +
+        // 32 value), so 100 mobile / 108 desktop. No explicit height needed,
+        // and none should be set: a fixed height would break the moment a
+        // label wraps.
+        compact ? "p-4 md:p-5" : "p-5",
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs15("div", { className: cn("flex items-center gap-2", compact && "[&>:first-child]:shrink-0"), children: [
           icon != null ? icon : /* @__PURE__ */ jsx16(
             "svg",
             {
@@ -6704,9 +6720,42 @@ var PositionsValueCard = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx16("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-foreground", children: label })
+          /* @__PURE__ */ jsx16(
+            "span",
+            {
+              className: cn(
+                "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-foreground",
+                // Figma keeps every paper card label on one line (node
+                // 4772:31126); without this "Paper Buying Power" wraps and the
+                // card grows. Compact-only — forcing it everywhere would make a
+                // long or localized live label overflow rather than wrap.
+                compact && "whitespace-nowrap"
+              ),
+              children: label
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsx16("div", { className: "agg-portfolio-value font-agg-sans text-agg-2xl leading-8 font-agg-bold text-agg-foreground", children: isLoading ? /* @__PURE__ */ jsx16("div", { role: "status", "aria-label": "Loading positions value", children: /* @__PURE__ */ jsx16(SkeletonBlock, { className: "h-8 w-24 rounded-agg-sm" }) }) : valueLabel })
+        caption ? (
+          // Figma 4772:31139 lays the value and its caption on one
+          // baseline-aligned row, pushed apart. Only cards that actually carry
+          // a caption get this wrapper — a captionless card keeps the value as
+          // a direct child, exactly as it has always rendered.
+          /* @__PURE__ */ jsxs15("div", { className: "flex w-full items-baseline justify-between gap-2", children: [
+            value,
+            /* @__PURE__ */ jsx16(
+              "span",
+              {
+                className: cn(
+                  "font-agg-sans text-agg-2xs leading-agg-14 font-agg-bold uppercase",
+                  "text-agg-muted-foreground",
+                  // Never let the caption squeeze the figure it annotates.
+                  "shrink-0 text-right"
+                ),
+                children: caption
+              }
+            )
+          ] })
+        ) : value
       ]
     }
   );
@@ -6799,6 +6848,7 @@ var UserInfoCard = ({
   onDeposit,
   onWithdraw,
   isDepositBlocked = false,
+  showEditOnlyActions = false,
   className
 }) => {
   var _a;
@@ -6879,56 +6929,65 @@ var UserInfoCard = ({
             ] }) : null
           ] })
         ] }),
-        (onDeposit || onWithdraw) && /* @__PURE__ */ jsxs17("div", { className: "agg-profile-actions flex w-full flex-1 items-center gap-3 py-5", children: [
-          onDeposit ? /* @__PURE__ */ jsx18(
-            ConditionalWrapper,
-            {
-              condition: isDepositBlocked,
-              wrapper: (children) => /* @__PURE__ */ jsx18(
-                Tooltip,
+        (onDeposit || onWithdraw || showEditOnlyActions && onEditProfile) && /* @__PURE__ */ jsxs17(
+          "div",
+          {
+            className: cn(
+              "agg-profile-actions flex w-full flex-1 items-center gap-3 py-5",
+              !onDeposit && !onWithdraw && "justify-center sm:hidden"
+            ),
+            children: [
+              onDeposit ? /* @__PURE__ */ jsx18(
+                ConditionalWrapper,
                 {
-                  content: /* @__PURE__ */ jsx18("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
-                  size: "small",
-                  side: "bottom",
-                  sideOffset: 4,
-                  children
+                  condition: isDepositBlocked,
+                  wrapper: (children) => /* @__PURE__ */ jsx18(
+                    Tooltip,
+                    {
+                      content: /* @__PURE__ */ jsx18("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
+                      size: "small",
+                      side: "bottom",
+                      sideOffset: 4,
+                      children
+                    }
+                  ),
+                  children: /* @__PURE__ */ jsx18(
+                    Button,
+                    __spreadProps(__spreadValues({
+                      variant: "primary",
+                      size: "medium"
+                    }, isDepositBlocked ? { disabled: true } : { onClick: onDeposit }), {
+                      className: "min-w-0 flex-1 min-h-10",
+                      children: labels.auth.deposit
+                    })
+                  )
                 }
-              ),
-              children: /* @__PURE__ */ jsx18(
+              ) : null,
+              onWithdraw ? /* @__PURE__ */ jsx18(
                 Button,
-                __spreadProps(__spreadValues({
-                  variant: "primary",
-                  size: "medium"
-                }, isDepositBlocked ? { disabled: true } : { onClick: onDeposit }), {
+                {
+                  variant: "secondary",
+                  size: "medium",
+                  onClick: onWithdraw,
                   className: "min-w-0 flex-1 min-h-10",
-                  children: labels.auth.deposit
-                })
-              )
-            }
-          ) : null,
-          onWithdraw ? /* @__PURE__ */ jsx18(
-            Button,
-            {
-              variant: "secondary",
-              size: "medium",
-              onClick: onWithdraw,
-              className: "min-w-0 flex-1 min-h-10",
-              children: labels.auth.withdraw
-            }
-          ) : null,
-          onEditProfile ? /* @__PURE__ */ jsxs17(
-            "button",
-            {
-              type: "button",
-              onClick: onEditProfile,
-              className: "flex sm:hidden shrink-0 cursor-pointer items-center gap-1.5 bg-transparent px-2 py-2 text-agg-primary hover:opacity-80",
-              children: [
-                /* @__PURE__ */ jsx18(Icon, { name: "pencil", size: "small", className: "text-agg-primary" }),
-                /* @__PURE__ */ jsx18("span", { className: "text-agg-sm font-agg-bold leading-5", children: "Edit" })
-              ]
-            }
-          ) : null
-        ] })
+                  children: labels.auth.withdraw
+                }
+              ) : null,
+              onEditProfile ? /* @__PURE__ */ jsxs17(
+                "button",
+                {
+                  type: "button",
+                  onClick: onEditProfile,
+                  className: "flex sm:hidden shrink-0 cursor-pointer items-center gap-1.5 bg-transparent px-2 py-2 text-agg-primary hover:opacity-80",
+                  children: [
+                    /* @__PURE__ */ jsx18(Icon, { name: "pencil", size: "small", className: "text-agg-primary" }),
+                    /* @__PURE__ */ jsx18("span", { className: "text-agg-sm font-agg-bold leading-5", children: "Edit" })
+                  ]
+                }
+              ) : null
+            ]
+          }
+        )
       ]
     }
   );
@@ -7436,7 +7495,7 @@ var UserProfilePage = ({
   classNames,
   onError
 }) => {
-  var _a, _b;
+  var _a, _b, _c;
   const [isHydrated, setIsHydrated] = useState12(false);
   useEffect11(() => {
     setIsHydrated(true);
@@ -7446,9 +7505,8 @@ var UserProfilePage = ({
   const balanceState = useAggBalance2();
   const labels = useLabels13();
   const {
-    features: { showLimitOrders },
-    trading: { executionMode: configuredExecutionMode }
-  } = useSdkUiConfig5();
+    features: { showLimitOrders }
+  } = useSdkUiConfig4();
   const client = useAggClient();
   const cancelOrderMutation = useCancelManagedOrder();
   const toastContext = useOptionalToast();
@@ -7471,7 +7529,7 @@ var UserProfilePage = ({
   const [selectedClaimActivity, setSelectedClaimActivity] = useState12(null);
   const [isManageBalancesOpen, setIsManageBalancesOpen] = useState12(false);
   const manageBalancesButtonRef = useRef10(null);
-  const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
+  const { executionMode: resolvedExecutionMode, isPaperMode } = useResolvedExecutionMode4(executionMode);
   const queryExecutionMode = resolvedExecutionMode === "paper" ? "paper" : void 0;
   const handleManageBalancesOpenChange = useCallback7((open) => {
     setIsManageBalancesOpen(open);
@@ -7671,7 +7729,7 @@ var UserProfilePage = ({
     };
   }, [client, currentUser, isAuthenticated, shouldUseHookData]);
   const resolvedUser = useMemo8(() => {
-    var _a2, _b2, _c, _d, _e, _f;
+    var _a2, _b2, _c2, _d, _e, _f;
     if (user) return user;
     const fullUser = profileUser != null ? profileUser : currentUser;
     const walletAddress = getWalletAddressFromUserProfile(fullUser);
@@ -7680,7 +7738,7 @@ var UserProfilePage = ({
       (account) => String(account.provider).toLowerCase() === "twitter"
     );
     const normalizedTwitterHandle = (_b2 = twitterAccount == null ? void 0 : twitterAccount.providerAccountId) == null ? void 0 : _b2.replace(/^@/, "");
-    const walletAccounts = (_d = (_c = fullUser == null ? void 0 : fullUser.accounts) == null ? void 0 : _c.filter((a) => a.provider === "wallet" || a.provider === "solana_wallet")) != null ? _d : [];
+    const walletAccounts = (_d = (_c2 = fullUser == null ? void 0 : fullUser.accounts) == null ? void 0 : _c2.filter((a) => a.provider === "wallet" || a.provider === "solana_wallet")) != null ? _d : [];
     const connectedWallets = walletAccounts.map((a) => {
       var _a3;
       const chain = a.provider === "solana_wallet" ? "solana" : "evm";
@@ -7721,6 +7779,21 @@ var UserProfilePage = ({
     var _a2, _b2;
     return formatUsd2((_b2 = (_a2 = balanceState.availableBalance) != null ? _a2 : balanceState.totalBalance) != null ? _b2 : 0);
   }, [balanceState.availableBalance, balanceState.totalBalance]);
+  const paperSummary = (_a = balanceState.managedBalances) == null ? void 0 : _a.paper;
+  const paperBuyingPowerLabel = useMemo8(
+    () => {
+      var _a2;
+      return formatUsd2((_a2 = paperSummary == null ? void 0 : paperSummary.cashBalance) != null ? _a2 : 0);
+    },
+    [paperSummary == null ? void 0 : paperSummary.cashBalance]
+  );
+  const paperEarningsLabel = useMemo8(
+    () => {
+      var _a2;
+      return formatUsd2((_a2 = paperSummary == null ? void 0 : paperSummary.earnings) != null ? _a2 : 0);
+    },
+    [paperSummary == null ? void 0 : paperSummary.earnings]
+  );
   const { disabledVenues, isLoading: isAppConfigLoading } = useAppConfig2();
   const isKalshiAvailable = getVenueAvailabilityState({
     venueId: Venue3.kalshi,
@@ -7733,7 +7806,7 @@ var UserProfilePage = ({
     if (activities) return activities.filter(isVisibleUserProfileActivity);
     const formatTime = isHydrated ? toRelativeTimeLabel : toAbsoluteTimeLabel;
     return activityQuery.activities.filter(isVisibleActivityItem).map((item, index) => {
-      var _a2, _b2, _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;
+      var _a2, _b2, _c2, _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;
       const timeLabel = formatTime(getRuntimeActivityCreatedAt(item));
       if (item.type === "trade") {
         const tradeItem = item;
@@ -7743,7 +7816,7 @@ var UserProfilePage = ({
         const isFailed = tradeItem.status.toLowerCase() === "failed";
         const hasError = hasActivityError(tradeItem);
         const eventId = (_b2 = (_a2 = tradeItem.venueMarket) == null ? void 0 : _a2.venueEventId) != null ? _b2 : void 0;
-        const marketId = (_d = (_c = tradeItem.venueMarket) == null ? void 0 : _c.id) != null ? _d : void 0;
+        const marketId = (_d = (_c2 = tradeItem.venueMarket) == null ? void 0 : _c2.id) != null ? _d : void 0;
         const marketQuestion = (_g = (_f = (_e = tradeItem.venueMarket) == null ? void 0 : _e.question) != null ? _f : tradeItem.marketQuestion) != null ? _g : "Market";
         const outcomeLabel = (_l = (_k = (_j = (_h = tradeItem.venueMarketOutcome) == null ? void 0 : _h.title) != null ? _j : (_i = tradeItem.venueMarketOutcome) == null ? void 0 : _i.label) != null ? _k : tradeItem.outcomeLabel) != null ? _l : "";
         return {
@@ -7893,7 +7966,7 @@ var UserProfilePage = ({
     ).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;
+      var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k;
       const isLimitOrder = isExecutionLimitOrder(order);
       const filledRaw = isLimitOrder ? order.filledSizeRaw : order.filledAmountRaw;
       const totalRaw = isLimitOrder ? order.limitSizeRaw : order.amountRaw;
@@ -7907,7 +7980,7 @@ var UserProfilePage = ({
       });
       return __spreadProps(__spreadValues(__spreadProps(__spreadValues({
         id: order.id,
-        eventId: (_c = (_b2 = order.venueMarket) == null ? void 0 : _b2.venueEventId) != null ? _c : void 0,
+        eventId: (_c2 = (_b2 = order.venueMarket) == null ? void 0 : _b2.venueEventId) != null ? _c2 : void 0,
         marketId: (_e = (_d = order.venueMarket) == null ? void 0 : _d.id) != null ? _e : void 0,
         thumbnailSrc: (_g = (_f = order.venueMarket) == null ? void 0 : _f.image) != null ? _g : fallbackThumbnailSrc,
         title: ((_h = order.venueMarket) == null ? void 0 : _h.question) || "Market",
@@ -7949,17 +8022,17 @@ var UserProfilePage = ({
   const adaptPositionGroups = useCallback7(
     (groups) => {
       return groups.flatMap((group) => {
-        var _a2, _b2, _c, _d;
+        var _a2, _b2, _c2, _d;
         const closedTotals = computeClosedPositionTotals(group);
         const winningOutcome = group.venueMarket.venueMarketOutcomes.find(
           (outcome) => outcome.winner === true
         );
         const winningOutcomeLabel = (_b2 = (_a2 = winningOutcome == null ? void 0 : winningOutcome.title) != null ? _a2 : winningOutcome == null ? void 0 : winningOutcome.label) != null ? _b2 : null;
-        const venueEventId = (_c = group.venueMarket.venueEventId) != null ? _c : void 0;
+        const venueEventId = (_c2 = group.venueMarket.venueEventId) != null ? _c2 : void 0;
         const eventId = (_d = group.eventId) != null ? _d : venueEventId;
         const marketId = group.targetMarketId;
         return group.venueMarket.venueMarketOutcomes.map((outcome) => {
-          var _a3, _b3, _c2, _d2;
+          var _a3, _b3, _c3, _d2;
           const isResolved = group.venueMarket.status === "resolved";
           const isUnpriced = outcome.priceSource === "entry";
           const averagePriceCents = Math.round(outcome.avgEntryPrice * 100);
@@ -7982,7 +8055,7 @@ var UserProfilePage = ({
             marketId,
             thumbnailSrc: (_b3 = group.venueMarket.image) != null ? _b3 : fallbackThumbnailSrc,
             title: group.venueMarket.question,
-            outcomeLabel: ((_c2 = outcome.title) == null ? void 0 : _c2.trim()) || outcome.label,
+            outcomeLabel: ((_c3 = outcome.title) == null ? void 0 : _c3.trim()) || outcome.label,
             resolutionLabel: winningOutcomeLabel,
             venueShareBreakdown: buildVenueShareBreakdown(outcome),
             totalShares: outcome.totalSize,
@@ -8042,89 +8115,146 @@ var UserProfilePage = ({
             classNames == null ? void 0 : classNames.topRow
           ),
           children: [
-            /* @__PURE__ */ jsxs18("div", { className: "agg-profile-summary grid grid-cols-1 gap-6 lg:grid-cols-[1fr_minmax(300px,420px)] lg:items-stretch lg:gap-8", children: [
-              /* @__PURE__ */ jsx19(
-                "div",
-                {
-                  className: cn(
-                    "agg-profile-main",
-                    "flex min-w-0 flex-1 flex-col gap-4 sm:gap-6 h-full",
-                    classNames == null ? void 0 : classNames.leftColumn
-                  ),
-                  children: /* @__PURE__ */ jsx19(
-                    UserInfoCard,
+            /* @__PURE__ */ jsxs18(
+              "div",
+              {
+                className: cn(
+                  "agg-profile-summary grid grid-cols-1 gap-6 lg:items-stretch",
+                  isPaperMode ? "lg:grid-cols-[minmax(0,1fr)_minmax(0,626px)] lg:gap-7" : "lg:grid-cols-[1fr_minmax(300px,420px)] lg:gap-8"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx19(
+                    "div",
                     {
-                      user: resolvedUser,
-                      onEditProfile,
-                      onDeposit,
-                      onWithdraw,
-                      isDepositBlocked,
-                      className: cn("h-full", classNames == null ? void 0 : classNames.userInfoCard)
+                      className: cn(
+                        "agg-profile-main",
+                        "flex min-w-0 flex-1 flex-col gap-4 sm:gap-6 h-full",
+                        classNames == null ? void 0 : classNames.leftColumn
+                      ),
+                      children: /* @__PURE__ */ jsx19(
+                        UserInfoCard,
+                        {
+                          user: resolvedUser,
+                          onEditProfile,
+                          onDeposit: isPaperMode ? void 0 : onDeposit,
+                          onWithdraw: isPaperMode ? void 0 : onWithdraw,
+                          showEditOnlyActions: isPaperMode,
+                          isDepositBlocked,
+                          className: cn("h-full", classNames == null ? void 0 : classNames.userInfoCard)
+                        }
+                      )
                     }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsxs18(
-                "div",
-                {
-                  className: cn(
-                    "agg-profile-side-panels flex flex-col-reverse md:flex-col gap-4",
-                    classNames == null ? void 0 : classNames.rightColumn
                   ),
-                  children: [
-                    /* @__PURE__ */ jsxs18(
-                      "div",
-                      {
-                        className: cn(
-                          "grid gap-4",
-                          isKalshiAvailable ? "grid-cols-1 sm:grid-cols-2" : "grid-cols-1"
+                  /* @__PURE__ */ jsxs18(
+                    "div",
+                    {
+                      className: cn(
+                        "agg-profile-side-panels flex flex-col gap-4",
+                        // Live mobile puts the withdrawable balance above positions so
+                        // Deposit is reachable without scrolling. A paper app has no
+                        // deposit, and Figma 4772:33625 orders it Positions Value →
+                        // Buying Power → Earnings, matching desktop.
+                        isPaperMode ? null : "flex-col-reverse md:flex-col",
+                        classNames == null ? void 0 : classNames.rightColumn
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxs18(
+                          "div",
+                          {
+                            className: cn(
+                              "grid gap-4",
+                              isKalshiAvailable && !isPaperMode ? "grid-cols-1 sm:grid-cols-2" : "grid-cols-1"
+                            ),
+                            children: [
+                              /* @__PURE__ */ jsx19(
+                                PositionsValueCard,
+                                {
+                                  label: labels.userProfile.balance.positionsValue,
+                                  valueLabel: positionsValueLabel,
+                                  isLoading: isPositionsValueLoading,
+                                  compact: isPaperMode
+                                }
+                              ),
+                              isKalshiAvailable && !isPaperMode ? /* @__PURE__ */ jsx19(
+                                PositionsValueCard,
+                                {
+                                  label: labels.userProfile.balance.kalshiBalance,
+                                  valueLabel: formatUsd2((_b = balanceState.kalshiBalance) != null ? _b : 0),
+                                  icon: /* @__PURE__ */ jsx19(VenueLogo, { venue: Venue3.kalshi, size: "small", className: "size-4" })
+                                }
+                              ) : null
+                            ]
+                          }
                         ),
-                        children: [
-                          /* @__PURE__ */ jsx19(
-                            PositionsValueCard,
-                            {
-                              label: labels.userProfile.balance.positionsValue,
-                              valueLabel: positionsValueLabel,
-                              isLoading: isPositionsValueLoading
-                            }
-                          ),
-                          isKalshiAvailable ? /* @__PURE__ */ jsx19(
-                            PositionsValueCard,
-                            {
-                              label: labels.userProfile.balance.kalshiBalance,
-                              valueLabel: formatUsd2((_a = balanceState.kalshiBalance) != null ? _a : 0),
-                              icon: /* @__PURE__ */ jsx19(VenueLogo, { venue: Venue3.kalshi, size: "small", className: "size-4" })
-                            }
-                          ) : null
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsx19(
-                      AvailableBalanceCard,
-                      {
-                        valueLabel: availableBalanceLabel,
-                        isLoading: isAvailableBalanceLoading,
-                        chains: ((_b = balanceChainsOverride != null ? balanceChainsOverride : balanceState.availableBalanceBreakdown) != null ? _b : balanceState.balanceBreakdown).map((b) => ({
-                          key: b.key,
-                          label: b.label,
-                          balance: b.balance,
-                          accountCount: b.accountCount,
-                          venues: b.venues
-                        })),
-                        manageButtonRef: manageBalancesButtonRef,
-                        onManage: () => handleManageBalancesOpenChange(true)
-                      }
-                    )
-                  ]
-                }
-              )
-            ] }),
+                        isPaperMode ? (
+                          // Paper apps have no withdrawable balance and no network
+                          // breakdown — simulated cash lives nowhere. Swap the whole
+                          // card for the two paper figures.
+                          /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+                            /* @__PURE__ */ jsx19(
+                              PositionsValueCard,
+                              {
+                                label: labels.paperTrading.profile.buyingPower,
+                                valueLabel: paperBuyingPowerLabel,
+                                isLoading: isAvailableBalanceLoading,
+                                compact: true,
+                                icon: /* @__PURE__ */ jsx19(
+                                  Icon,
+                                  {
+                                    name: "paper-buying-power",
+                                    className: "!h-4 !w-4 text-agg-muted-foreground",
+                                    "aria-hidden": "true"
+                                  }
+                                )
+                              }
+                            ),
+                            /* @__PURE__ */ jsx19(
+                              PositionsValueCard,
+                              {
+                                label: labels.paperTrading.profile.earnings,
+                                valueLabel: paperEarningsLabel,
+                                caption: labels.paperTrading.profile.earningsCaption,
+                                isLoading: isAvailableBalanceLoading,
+                                compact: true,
+                                icon: /* @__PURE__ */ jsx19(
+                                  Icon,
+                                  {
+                                    name: "paper-earnings",
+                                    className: "!h-4 !w-4 text-agg-muted-foreground",
+                                    "aria-hidden": "true"
+                                  }
+                                )
+                              }
+                            )
+                          ] })
+                        ) : /* @__PURE__ */ jsx19(
+                          AvailableBalanceCard,
+                          {
+                            valueLabel: availableBalanceLabel,
+                            isLoading: isAvailableBalanceLoading,
+                            chains: ((_c = balanceChainsOverride != null ? balanceChainsOverride : balanceState.availableBalanceBreakdown) != null ? _c : balanceState.balanceBreakdown).map((b) => ({
+                              key: b.key,
+                              label: b.label,
+                              balance: b.balance,
+                              accountCount: b.accountCount,
+                              venues: b.venues
+                            })),
+                            manageButtonRef: manageBalancesButtonRef,
+                            onManage: () => handleManageBalancesOpenChange(true)
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
             /* @__PURE__ */ jsx19(
               PositionsActivity,
               {
                 tab,
                 onTabChange,
-                showOpenOrders: showLimitOrders,
+                showOpenOrders: showLimitOrders && !isPaperMode,
                 activePositions: resolvedActivePositions,
                 closedPositions: resolvedClosedPositions,
                 activities: resolvedActivities,