@agg-build/ui 4.13.2 → 4.15.0

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

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

package/dist/{chunk-IS45S6R3.mjs → chunk-BTQGP257.mjs}

@@ -24,7 +24,7 @@ import {
   resolveUnifiedOrderBookEntries,
   sortOutcomeSelectorOutcomes,
   useEventTradingContext
-} from "./chunk-6EHT5OFU.mjs";
+} from "./chunk-2OQCZNGY.mjs";
 import {
   AutocompleteSelect,
   Badge,
@@ -78,7 +78,7 @@ import {
   sortOutcomes,
   splitEventsByLifecycle,
   validateSubcategoryPath
-} from "./chunk-W7HQVQ22.mjs";
+} from "./chunk-U6ANP4P5.mjs";
 
 // src/events/item/index.tsx
 import {
@@ -3062,9 +3062,7 @@ var EventListItemDetailsContent = ({
     {
       className: cn("group/agg-event-details", detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
       "aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle.title, (_c = recurringMarkets == null ? void 0 : recurringMarkets.windowLabel) != null ? _c : resolvedTitle.timestampLabel].filter(Boolean).join(" "),
-      onClick: () => {
-        onClick == null ? void 0 : onClick(event);
-      },
+      onClick: onClick ? () => onClick(event) : void 0,
       children: [
         /* @__PURE__ */ jsxs5(
           "div",

package/dist/{chunk-VHKGW4DB.mjs → chunk-HK4DEG4E.mjs}

@@ -9,13 +9,13 @@ import {
   getTradingVenueLabel,
   prepareSettlementDifferences,
   resolveOrderEligibilityMessage
-} from "./chunk-6EHT5OFU.mjs";
+} from "./chunk-2OQCZNGY.mjs";
 import {
   ConnectKalshiModal,
   GeoBlockBanner,
   SharedKycModal,
   subscribeAggDepositNotification
-} from "./chunk-TXQJUVRW.mjs";
+} from "./chunk-QQ2Q75BF.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -48,7 +48,7 @@ import {
   resolveResolvedOutcomeLabel,
   skeletonViews,
   useOptionalToast
-} from "./chunk-W7HQVQ22.mjs";
+} from "./chunk-U6ANP4P5.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";
@@ -5011,7 +5011,7 @@ var PlaceOrder = ({
     disabledVenues,
     isConfigLoading: isAppConfigLoading
   }) === "available";
-  const needsKalshiConnection = isAuthenticated && hasKalshiConnectionState && isKalshiAvailable && isKalshiRoute && !isKalshiAccountActive;
+  const needsKalshiConnection = !isPaperMode && isAuthenticated && hasKalshiConnectionState && isKalshiAvailable && isKalshiRoute && !isKalshiAccountActive;
   const handleVerifyKalshi = useCallback3(
     (credentials) => __async(null, null, function* () {
       if (onConnectKalshi) {

package/dist/{chunk-UVJ5FBZF.mjs → chunk-MR6AORPA.mjs}

@@ -2,7 +2,7 @@
 import {
   ConnectKalshiModal,
   dispatchAggDepositNotification
-} from "./chunk-TXQJUVRW.mjs";
+} from "./chunk-QQ2Q75BF.mjs";
 import {
   BoltIcon,
   Button,
@@ -36,7 +36,7 @@ import {
   shortenAddress,
   useOptionalToast,
   venueLogoLabels
-} from "./chunk-W7HQVQ22.mjs";
+} from "./chunk-U6ANP4P5.mjs";
 
 // src/deposit/index.tsx
 import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels11 } from "@agg-build/hooks";
@@ -2489,12 +2489,16 @@ var PaperTradingBadge = ({
   placement = "chip",
   isAuthenticated = false,
   forceVisible = false,
+  label,
+  showWhenAuthenticated = false,
   classNames
 }) => {
   const labels = useLabels15();
   const { isPaperMode, isResolving } = useResolvedExecutionMode();
   if (!forceVisible && (isResolving || !isPaperMode)) return null;
-  if (placement === "brand" && isAuthenticated && !forceVisible) return null;
+  if (placement === "brand" && isAuthenticated && !forceVisible && !showWhenAuthenticated) {
+    return null;
+  }
   const placementClassName = {
     brand: "inline-flex md:hidden",
     chip: "inline-flex",
@@ -2538,7 +2542,7 @@ var PaperTradingBadge = ({
                 "text-[10px] leading-[14px] font-agg-bold uppercase whitespace-nowrap",
                 classNames == null ? void 0 : classNames.pill
               ),
-              children: labels.paperTrading.badge
+              children: label != null ? label : labels.paperTrading.badge
             }
           )
         }

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

@@ -20,7 +20,7 @@ import {
   __spreadProps,
   __spreadValues,
   cn
-} from "./chunk-W7HQVQ22.mjs";
+} from "./chunk-U6ANP4P5.mjs";
 
 // src/geo-block-banner/index.tsx
 import { useLabels } from "@agg-build/hooks";

package/dist/{chunk-W7HQVQ22.mjs → chunk-U6ANP4P5.mjs}

@@ -4049,7 +4049,8 @@ var getCardClassName = ({
     "relative flex w-full flex-col font-agg-sans rounded-[calc(var(--agg-radius-xl)-1px)] bg-agg-secondary text-agg-foreground shadow-agg-card",
     (hasOnClick || hasHref) && "cursor-pointer",
     hasHref && "no-underline text-inherit",
-    getMotionClassName(
+    // Only interactive cards lift on hover; a lift on a static card reads as clickable.
+    (hasOnClick || hasHref) && getMotionClassName(
       enableAnimations,
       "transition-shadow hover:shadow-agg-card-hover duration-300 ease-in-out"
     ),

package/dist/{chunk-VAL2IB3M.mjs → chunk-UFU5HUHC.mjs}

@@ -12,7 +12,7 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-IS45S6R3.mjs";
+} from "./chunk-BTQGP257.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
@@ -21,12 +21,12 @@ import {
   formatChainIdLabel,
   useClaimWinnings,
   useResolvedMarketClaim
-} from "./chunk-VHKGW4DB.mjs";
+} from "./chunk-HK4DEG4E.mjs";
 import {
   getDisplayOutcomePrice,
   resolveHeaderOutcomeItems,
   resolveMarketFromVenueMarkets
-} from "./chunk-6EHT5OFU.mjs";
+} from "./chunk-2OQCZNGY.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -62,7 +62,7 @@ import {
   skeletonViews,
   sortCategoriesForNavigation,
   useOptionalToast
-} from "./chunk-W7HQVQ22.mjs";
+} from "./chunk-U6ANP4P5.mjs";
 
 // src/pages/home/index.tsx
 import {

package/dist/events.js

@@ -3755,7 +3755,8 @@ var getCardClassName = ({
     "relative flex w-full flex-col font-agg-sans rounded-[calc(var(--agg-radius-xl)-1px)] bg-agg-secondary text-agg-foreground shadow-agg-card",
     (hasOnClick || hasHref) && "cursor-pointer",
     hasHref && "no-underline text-inherit",
-    getMotionClassName(
+    // Only interactive cards lift on hover; a lift on a static card reads as clickable.
+    (hasOnClick || hasHref) && getMotionClassName(
       enableAnimations,
       "transition-shadow hover:shadow-agg-card-hover duration-300 ease-in-out"
     ),
@@ -12434,9 +12435,7 @@ var EventListItemDetailsContent = ({
     {
       className: cn("group/agg-event-details", detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
       "aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle.title, (_c = recurringMarkets == null ? void 0 : recurringMarkets.windowLabel) != null ? _c : resolvedTitle.timestampLabel].filter(Boolean).join(" "),
-      onClick: () => {
-        onClick == null ? void 0 : onClick(event);
-      },
+      onClick: onClick ? () => onClick(event) : void 0,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
           "div",

package/dist/events.mjs

@@ -17,13 +17,13 @@ import {
   orderbookRowLimitDefault,
   resolveEventDetailsSyncKey,
   useCenterOrderbookSpread
-} from "./chunk-IS45S6R3.mjs";
+} from "./chunk-BTQGP257.mjs";
 import {
   formatProbabilityCents,
   resolveOrderBookRows,
   resolveUnifiedOrderBookEntries
-} from "./chunk-6EHT5OFU.mjs";
-import "./chunk-W7HQVQ22.mjs";
+} from "./chunk-2OQCZNGY.mjs";
+import "./chunk-U6ANP4P5.mjs";
 export {
   EventList,
   EventListItem,

package/dist/index.js

@@ -4287,7 +4287,8 @@ var getCardClassName = ({
     "relative flex w-full flex-col font-agg-sans rounded-[calc(var(--agg-radius-xl)-1px)] bg-agg-secondary text-agg-foreground shadow-agg-card",
     (hasOnClick || hasHref) && "cursor-pointer",
     hasHref && "no-underline text-inherit",
-    getMotionClassName(
+    // Only interactive cards lift on hover; a lift on a static card reads as clickable.
+    (hasOnClick || hasHref) && getMotionClassName(
       enableAnimations,
       "transition-shadow hover:shadow-agg-card-hover duration-300 ease-in-out"
     ),
@@ -11133,12 +11134,16 @@ var PaperTradingBadge = ({
   placement = "chip",
   isAuthenticated = false,
   forceVisible = false,
+  label: label2,
+  showWhenAuthenticated = false,
   classNames
 }) => {
   const labels = (0, import_hooks41.useLabels)();
   const { isPaperMode, isResolving } = (0, import_hooks41.useResolvedExecutionMode)();
   if (!forceVisible && (isResolving || !isPaperMode)) return null;
-  if (placement === "brand" && isAuthenticated && !forceVisible) return null;
+  if (placement === "brand" && isAuthenticated && !forceVisible && !showWhenAuthenticated) {
+    return null;
+  }
   const placementClassName = {
     brand: "inline-flex md:hidden",
     chip: "inline-flex",
@@ -11182,7 +11187,7 @@ var PaperTradingBadge = ({
                 "text-[10px] leading-[14px] font-agg-bold uppercase whitespace-nowrap",
                 classNames == null ? void 0 : classNames.pill
               ),
-              children: labels.paperTrading.badge
+              children: label2 != null ? label2 : labels.paperTrading.badge
             }
           )
         }
@@ -16362,9 +16367,7 @@ var EventListItemDetailsContent = ({
     {
       className: cn("group/agg-event-details", detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
       "aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle.title, (_c = recurringMarkets == null ? void 0 : recurringMarkets.windowLabel) != null ? _c : resolvedTitle.timestampLabel].filter(Boolean).join(" "),
-      onClick: () => {
-        onClick == null ? void 0 : onClick(event);
-      },
+      onClick: onClick ? () => onClick(event) : void 0,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(
           "div",
@@ -25432,7 +25435,7 @@ var PlaceOrder = ({
     disabledVenues,
     isConfigLoading: isAppConfigLoading
   }) === "available";
-  const needsKalshiConnection = isAuthenticated && hasKalshiConnectionState && isKalshiAvailable && isKalshiRoute && !isKalshiAccountActive;
+  const needsKalshiConnection = !isPaperMode && isAuthenticated && hasKalshiConnectionState && isKalshiAvailable && isKalshiRoute && !isKalshiAccountActive;
   const handleVerifyKalshi = (0, import_react41.useCallback)(
     (credentials) => __async(null, null, function* () {
       if (onConnectKalshi) {

package/dist/index.mjs

@@ -14,7 +14,7 @@ import {
   formatRecurringCountdown,
   formatShareAmount,
   useHomePageModals
-} from "./chunk-VAL2IB3M.mjs";
+} from "./chunk-UFU5HUHC.mjs";
 import {
   EventList,
   EventListItem,
@@ -32,7 +32,7 @@ import {
   orderbookRowLimitDefault,
   resolveEventDetailsSyncKey,
   useCenterOrderbookSpread
-} from "./chunk-IS45S6R3.mjs";
+} from "./chunk-BTQGP257.mjs";
 import {
   CARD_NETWORK_OPTIONS,
   DepositModal,
@@ -45,7 +45,7 @@ import {
   buildTerminalSummary,
   clearPendingCardSession,
   getPendingCardSession
-} from "./chunk-UVJ5FBZF.mjs";
+} from "./chunk-MR6AORPA.mjs";
 import {
   AggNotificationEventsProvider,
   DEPOSIT_MODAL_OPEN_EVENT,
@@ -67,7 +67,7 @@ import {
   useResolvedMarketClaim,
   useSharedKycFlow,
   venueRequiresSharedKyc
-} from "./chunk-VHKGW4DB.mjs";
+} from "./chunk-HK4DEG4E.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,
@@ -88,7 +88,7 @@ import {
   resolveOrderBookRows,
   resolveUnifiedOrderBookEntries,
   useEventTradingContext
-} from "./chunk-6EHT5OFU.mjs";
+} from "./chunk-2OQCZNGY.mjs";
 import {
   ConnectAccountsStep,
   ConnectKalshiModal,
@@ -98,7 +98,7 @@ import {
   OnboardingModal,
   ProfileSetupStep,
   SharedKycModal
-} from "./chunk-TXQJUVRW.mjs";
+} from "./chunk-QQ2Q75BF.mjs";
 import {
   AGG_DEFAULT_URL,
   AGG_DOCS_URL,
@@ -220,7 +220,7 @@ import {
   useOptionalToast,
   useToast,
   venueLogoNames
-} from "./chunk-W7HQVQ22.mjs";
+} from "./chunk-U6ANP4P5.mjs";
 
 // src/notifications/agg-toast-provider.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/modals.js

@@ -9331,12 +9331,16 @@ var PaperTradingBadge = ({
   placement = "chip",
   isAuthenticated = false,
   forceVisible = false,
+  label: label2,
+  showWhenAuthenticated = false,
   classNames
 }) => {
   const labels = (0, import_hooks41.useLabels)();
   const { isPaperMode, isResolving } = (0, import_hooks41.useResolvedExecutionMode)();
   if (!forceVisible && (isResolving || !isPaperMode)) return null;
-  if (placement === "brand" && isAuthenticated && !forceVisible) return null;
+  if (placement === "brand" && isAuthenticated && !forceVisible && !showWhenAuthenticated) {
+    return null;
+  }
   const placementClassName = {
     brand: "inline-flex md:hidden",
     chip: "inline-flex",
@@ -9380,7 +9384,7 @@ var PaperTradingBadge = ({
                 "text-[10px] leading-[14px] font-agg-bold uppercase whitespace-nowrap",
                 classNames == null ? void 0 : classNames.pill
               ),
-              children: labels.paperTrading.badge
+              children: label2 != null ? label2 : labels.paperTrading.badge
             }
           )
         }

package/dist/modals.mjs

@@ -11,7 +11,7 @@ import {
   buildTerminalSummary,
   clearPendingCardSession,
   getPendingCardSession
-} from "./chunk-UVJ5FBZF.mjs";
+} from "./chunk-MR6AORPA.mjs";
 import {
   ConnectAccountsStep,
   ConnectKalshiModal,
@@ -21,8 +21,8 @@ import {
   OnboardingModal,
   ProfileSetupStep,
   SharedKycModal
-} from "./chunk-TXQJUVRW.mjs";
-import "./chunk-W7HQVQ22.mjs";
+} from "./chunk-QQ2Q75BF.mjs";
+import "./chunk-U6ANP4P5.mjs";
 export {
   CARD_NETWORK_OPTIONS,
   ConnectAccountsStep,

package/dist/pages.js

@@ -4067,7 +4067,8 @@ var getCardClassName = ({
     "relative flex w-full flex-col font-agg-sans rounded-[calc(var(--agg-radius-xl)-1px)] bg-agg-secondary text-agg-foreground shadow-agg-card",
     (hasOnClick || hasHref) && "cursor-pointer",
     hasHref && "no-underline text-inherit",
-    getMotionClassName(
+    // Only interactive cards lift on hover; a lift on a static card reads as clickable.
+    (hasOnClick || hasHref) && getMotionClassName(
       enableAnimations,
       "transition-shadow hover:shadow-agg-card-hover duration-300 ease-in-out"
     ),
@@ -14929,9 +14930,7 @@ var EventListItemDetailsContent = ({
     {
       className: cn("group/agg-event-details", detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
       "aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle.title, (_c = recurringMarkets == null ? void 0 : recurringMarkets.windowLabel) != null ? _c : resolvedTitle.timestampLabel].filter(Boolean).join(" "),
-      onClick: () => {
-        onClick == null ? void 0 : onClick(event);
-      },
+      onClick: onClick ? () => onClick(event) : void 0,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(
           "div",
@@ -23107,7 +23106,7 @@ var PlaceOrder = ({
     disabledVenues,
     isConfigLoading: isAppConfigLoading
   }) === "available";
-  const needsKalshiConnection = isAuthenticated && hasKalshiConnectionState && isKalshiAvailable && isKalshiRoute && !isKalshiAccountActive;
+  const needsKalshiConnection = !isPaperMode && isAuthenticated && hasKalshiConnectionState && isKalshiAvailable && isKalshiRoute && !isKalshiAccountActive;
   const handleVerifyKalshi = (0, import_react38.useCallback)(
     (credentials) => __async(null, null, function* () {
       if (onConnectKalshi) {

package/dist/pages.mjs

@@ -11,17 +11,17 @@ import {
   formatRecurringCountdown,
   formatShareAmount,
   useHomePageModals
-} from "./chunk-VAL2IB3M.mjs";
-import "./chunk-IS45S6R3.mjs";
+} from "./chunk-UFU5HUHC.mjs";
+import "./chunk-BTQGP257.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   WITHDRAW_MODAL_OPEN_EVENT,
   requestAggDepositModalOpen,
   requestAggWithdrawModalOpen
-} from "./chunk-VHKGW4DB.mjs";
-import "./chunk-6EHT5OFU.mjs";
-import "./chunk-TXQJUVRW.mjs";
-import "./chunk-W7HQVQ22.mjs";
+} from "./chunk-HK4DEG4E.mjs";
+import "./chunk-2OQCZNGY.mjs";
+import "./chunk-QQ2Q75BF.mjs";
+import "./chunk-U6ANP4P5.mjs";
 export {
   DEPOSIT_MODAL_OPEN_EVENT,
   EventMarketPage,

package/dist/primitives.js

@@ -4012,7 +4012,8 @@ var getCardClassName = ({
     "relative flex w-full flex-col font-agg-sans rounded-[calc(var(--agg-radius-xl)-1px)] bg-agg-secondary text-agg-foreground shadow-agg-card",
     (hasOnClick || hasHref) && "cursor-pointer",
     hasHref && "no-underline text-inherit",
-    getMotionClassName(
+    // Only interactive cards lift on hover; a lift on a static card reads as clickable.
+    (hasOnClick || hasHref) && getMotionClassName(
       enableAnimations,
       "transition-shadow hover:shadow-agg-card-hover duration-300 ease-in-out"
     ),

package/dist/primitives.mjs

@@ -100,7 +100,7 @@ import {
   useOptionalToast,
   useToast,
   venueLogoNames
-} from "./chunk-W7HQVQ22.mjs";
+} from "./chunk-U6ANP4P5.mjs";
 export {
   ActivityChartIcon,
   AggErrorBoundary,

package/dist/trading.js

@@ -300,7 +300,8 @@ var getCardClassName = ({
     "relative flex w-full flex-col font-agg-sans rounded-[calc(var(--agg-radius-xl)-1px)] bg-agg-secondary text-agg-foreground shadow-agg-card",
     (hasOnClick || hasHref) && "cursor-pointer",
     hasHref && "no-underline text-inherit",
-    getMotionClassName(
+    // Only interactive cards lift on hover; a lift on a static card reads as clickable.
+    (hasOnClick || hasHref) && getMotionClassName(
       enableAnimations,
       "transition-shadow hover:shadow-agg-card-hover duration-300 ease-in-out"
     ),
@@ -12914,7 +12915,7 @@ var PlaceOrder = ({
     disabledVenues,
     isConfigLoading: isAppConfigLoading
   }) === "available";
-  const needsKalshiConnection = isAuthenticated && hasKalshiConnectionState && isKalshiAvailable && isKalshiRoute && !isKalshiAccountActive;
+  const needsKalshiConnection = !isPaperMode && isAuthenticated && hasKalshiConnectionState && isKalshiAvailable && isKalshiRoute && !isKalshiAccountActive;
   const handleVerifyKalshi = (0, import_react17.useCallback)(
     (credentials) => __async(null, null, function* () {
       if (onConnectKalshi) {

package/dist/trading.mjs

@@ -14,7 +14,7 @@ import {
   useClaimWinnings,
   useResolvedMarketClaim,
   venueRequiresSharedKyc
-} from "./chunk-VHKGW4DB.mjs";
+} from "./chunk-HK4DEG4E.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,
@@ -32,9 +32,9 @@ import {
   prepareSettlementDifferences,
   resolveDifferenceIconClassName,
   useEventTradingContext
-} from "./chunk-6EHT5OFU.mjs";
-import "./chunk-TXQJUVRW.mjs";
-import "./chunk-W7HQVQ22.mjs";
+} from "./chunk-2OQCZNGY.mjs";
+import "./chunk-QQ2Q75BF.mjs";
+import "./chunk-U6ANP4P5.mjs";
 export {
   FundKalshiModal,
   PlaceOrder,

package/dist/types/paper-trading/paper-trading-badge.d.mts

@@ -30,6 +30,18 @@ export type PaperTradingBadgeProps = {
      * disappears in a live app. Used by Storybook.
      */
     forceVisible?: boolean;
+    /**
+     * Pill text. Defaults to `labels.paperTrading.badge`. Lets a host shorten
+     * one placement — e.g. the mobile `brand` pill, where header width is tight —
+     * without changing the copy everywhere else.
+     */
+    label?: string;
+    /**
+     * Keep the `brand` pill on a signed-in phone. Off by default — see the
+     * TEMPORARY note in the component. A host that shortens the pill (via
+     * `label`) so it fits beside the wallet chip can opt back in.
+     */
+    showWhenAuthenticated?: boolean;
     classNames?: PaperTradingBadgeClassNames;
 };
 /**
@@ -45,6 +57,6 @@ export type PaperTradingBadgeProps = {
  * mistake here that would genuinely mislead someone about their funds.
  */
 export declare const PaperTradingBadge: {
-    ({ placement, isAuthenticated, forceVisible, classNames, }: PaperTradingBadgeProps): JSX.Element | null;
+    ({ placement, isAuthenticated, forceVisible, label, showWhenAuthenticated, classNames, }: PaperTradingBadgeProps): JSX.Element | null;
     displayName: string;
 };

package/dist/types/paper-trading/paper-trading-badge.d.ts

@@ -30,6 +30,18 @@ export type PaperTradingBadgeProps = {
      * disappears in a live app. Used by Storybook.
      */
     forceVisible?: boolean;
+    /**
+     * Pill text. Defaults to `labels.paperTrading.badge`. Lets a host shorten
+     * one placement — e.g. the mobile `brand` pill, where header width is tight —
+     * without changing the copy everywhere else.
+     */
+    label?: string;
+    /**
+     * Keep the `brand` pill on a signed-in phone. Off by default — see the
+     * TEMPORARY note in the component. A host that shortens the pill (via
+     * `label`) so it fits beside the wallet chip can opt back in.
+     */
+    showWhenAuthenticated?: boolean;
     classNames?: PaperTradingBadgeClassNames;
 };
 /**
@@ -45,6 +57,6 @@ export type PaperTradingBadgeProps = {
  * mistake here that would genuinely mislead someone about their funds.
  */
 export declare const PaperTradingBadge: {
-    ({ placement, isAuthenticated, forceVisible, classNames, }: PaperTradingBadgeProps): JSX.Element | null;
+    ({ placement, isAuthenticated, forceVisible, label, showWhenAuthenticated, classNames, }: PaperTradingBadgeProps): JSX.Element | null;
     displayName: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agg-build/ui",
-  "version": "4.13.2",
+  "version": "4.15.0",
   "description": "Pre-built React component library for the AGG prediction market aggregator. Tailwind-based, themeable, with primitives, event surfaces, trading flows, full pages, and modals.",
   "sideEffects": false,
   "license": "MIT",
@@ -101,7 +101,7 @@
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "@agg-build/hooks": "^4.11.0",
-    "@agg-build/sdk": "^4.13.1"
+    "@agg-build/sdk": "^4.15.0"
   },
   "dependencies": {
     "@number-flow/react": "^0.6.0",