@agg-build/ui 4.17.0 → 4.17.2

package/dist/trading.mjs

@@ -14,7 +14,7 @@ import {
   useClaimWinnings,
   useResolvedMarketClaim,
   venueRequiresSharedKyc
-} from "./chunk-D2BTU7QI.mjs";
+} from "./chunk-7E4UXCEX.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,
@@ -32,9 +32,9 @@ import {
   prepareSettlementDifferences,
   resolveDifferenceIconClassName,
   useEventTradingContext
-} from "./chunk-HFMKCV4L.mjs";
-import "./chunk-QGONLJLE.mjs";
-import "./chunk-RR44PSKH.mjs";
+} from "./chunk-TK62UB5F.mjs";
+import "./chunk-B5ALKYD5.mjs";
+import "./chunk-BBDFSTIA.mjs";
 export {
   FundKalshiModal,
   PlaceOrder,

package/dist/types/auth/connect-button-view/connect-button-view.types.d.mts

@@ -104,8 +104,6 @@ export type AuthConnectButtonViewProps = {
     totalBalance: number;
     /** Aggregated positions value shown in the connected state. */
     positionsBalance: number;
-    /** Off-chain Kalshi cash balance in dollars. Null when no venue balance is available. */
-    kalshiBalance?: number | null;
     /** Number of closed positions currently eligible to claim. */
     claimReadyCount?: number;
     /** Called when user clicks the claim-winnings action in the indicator tooltip. */

package/dist/types/auth/connect-button-view/connect-button-view.types.d.ts

@@ -104,8 +104,6 @@ export type AuthConnectButtonViewProps = {
     totalBalance: number;
     /** Aggregated positions value shown in the connected state. */
     positionsBalance: number;
-    /** Off-chain Kalshi cash balance in dollars. Null when no venue balance is available. */
-    kalshiBalance?: number | null;
     /** Number of closed positions currently eligible to claim. */
     claimReadyCount?: number;
     /** Called when user clicks the claim-winnings action in the indicator tooltip. */

package/dist/types/auth/connect-button-view/index.d.mts

@@ -2,6 +2,6 @@ import type { JSX } from "react";
 import type { AuthConnectButtonViewProps } from "./connect-button-view.types";
 export type { AuthConnectButtonViewButtonProps, AuthConnectButtonViewClassNames, AuthConnectButtonViewMethod, AuthConnectButtonViewMethodInput, AuthConnectButtonViewProps, } from "./connect-button-view.types";
 export declare const AuthConnectButtonView: {
-    ({ activeMethodId, addressLabel, buttonProps, challengeContent, classNames, disabled, emailMethod, emailError, emailValue, errorMessage, isAuthenticated, isBalanceLoading, isBusy, isChooserOpen, isProfileMenuOpen, notice, onChooserOpenChange, onDepositClick, onDisconnectClick, onEmailChange, onEmailSubmit, onMethodSelect, onProfileCardClick, onProfileClick, onProfileMenuOpenChange, socialMethods, onWithdrawClick, profileLabel, totalBalance, positionsBalance, kalshiBalance, claimReadyCount, onClaimWinningsClick, walletMethods, isDepositBlocked, }: AuthConnectButtonViewProps): JSX.Element;
+    ({ activeMethodId, addressLabel, buttonProps, challengeContent, classNames, disabled, emailMethod, emailError, emailValue, errorMessage, isAuthenticated, isBalanceLoading, isBusy, isChooserOpen, isProfileMenuOpen, notice, onChooserOpenChange, onDepositClick, onDisconnectClick, onEmailChange, onEmailSubmit, onMethodSelect, onProfileCardClick, onProfileClick, onProfileMenuOpenChange, socialMethods, onWithdrawClick, profileLabel, totalBalance, positionsBalance, claimReadyCount, onClaimWinningsClick, walletMethods, isDepositBlocked, }: AuthConnectButtonViewProps): JSX.Element;
     displayName: string;
 };

package/dist/types/auth/connect-button-view/index.d.ts

@@ -2,6 +2,6 @@ import type { JSX } from "react";
 import type { AuthConnectButtonViewProps } from "./connect-button-view.types";
 export type { AuthConnectButtonViewButtonProps, AuthConnectButtonViewClassNames, AuthConnectButtonViewMethod, AuthConnectButtonViewMethodInput, AuthConnectButtonViewProps, } from "./connect-button-view.types";
 export declare const AuthConnectButtonView: {
-    ({ activeMethodId, addressLabel, buttonProps, challengeContent, classNames, disabled, emailMethod, emailError, emailValue, errorMessage, isAuthenticated, isBalanceLoading, isBusy, isChooserOpen, isProfileMenuOpen, notice, onChooserOpenChange, onDepositClick, onDisconnectClick, onEmailChange, onEmailSubmit, onMethodSelect, onProfileCardClick, onProfileClick, onProfileMenuOpenChange, socialMethods, onWithdrawClick, profileLabel, totalBalance, positionsBalance, kalshiBalance, claimReadyCount, onClaimWinningsClick, walletMethods, isDepositBlocked, }: AuthConnectButtonViewProps): JSX.Element;
+    ({ activeMethodId, addressLabel, buttonProps, challengeContent, classNames, disabled, emailMethod, emailError, emailValue, errorMessage, isAuthenticated, isBalanceLoading, isBusy, isChooserOpen, isProfileMenuOpen, notice, onChooserOpenChange, onDepositClick, onDisconnectClick, onEmailChange, onEmailSubmit, onMethodSelect, onProfileCardClick, onProfileClick, onProfileMenuOpenChange, socialMethods, onWithdrawClick, profileLabel, totalBalance, positionsBalance, claimReadyCount, onClaimWinningsClick, walletMethods, isDepositBlocked, }: AuthConnectButtonViewProps): JSX.Element;
     displayName: string;
 };

package/dist/types/pages/user-profile/components/available-balance-card.d.mts

@@ -10,6 +10,8 @@ type AvailableBalanceCardProps = {
     label?: string;
     valueLabel: string;
     reservedValueLabel?: string;
+    /** Kalshi cash balance. Kalshi holds funds off-chain, so it gets its own row. */
+    kalshiValueLabel?: string;
     chains: ChainRow[];
     isLoading?: boolean;
     className?: string;
@@ -22,7 +24,7 @@ export declare const venueLogosForChain: (chainId: string | number) => VenueLogo
 export declare const isVenueBalanceChain: (chainId: string | number) => boolean;
 export declare const chainIconUrl: (label: string, key?: string) => string | undefined;
 export declare const AvailableBalanceCard: {
-    ({ label, valueLabel, reservedValueLabel, chains, isLoading, className, onManage, manageButtonRef, }: AvailableBalanceCardProps): JSX.Element;
+    ({ label, valueLabel, reservedValueLabel, kalshiValueLabel, chains, isLoading, className, onManage, manageButtonRef, }: AvailableBalanceCardProps): JSX.Element;
     displayName: string;
 };
 export {};

package/dist/types/pages/user-profile/components/available-balance-card.d.ts

@@ -10,6 +10,8 @@ type AvailableBalanceCardProps = {
     label?: string;
     valueLabel: string;
     reservedValueLabel?: string;
+    /** Kalshi cash balance. Kalshi holds funds off-chain, so it gets its own row. */
+    kalshiValueLabel?: string;
     chains: ChainRow[];
     isLoading?: boolean;
     className?: string;
@@ -22,7 +24,7 @@ export declare const venueLogosForChain: (chainId: string | number) => VenueLogo
 export declare const isVenueBalanceChain: (chainId: string | number) => boolean;
 export declare const chainIconUrl: (label: string, key?: string) => string | undefined;
 export declare const AvailableBalanceCard: {
-    ({ label, valueLabel, reservedValueLabel, chains, isLoading, className, onManage, manageButtonRef, }: AvailableBalanceCardProps): JSX.Element;
+    ({ label, valueLabel, reservedValueLabel, kalshiValueLabel, chains, isLoading, className, onManage, manageButtonRef, }: AvailableBalanceCardProps): JSX.Element;
     displayName: string;
 };
 export {};

package/dist/types/pages/user-profile/user-profile.types.d.mts

@@ -249,10 +249,18 @@ export interface UserProfileOpenOrder {
     title: string;
     /** Outcome name for the pill, e.g. "Yes" */
     outcomeLabel: string;
+    /** Order side. Renders as a "Buy"/"Sell" prefix on the outcome pill. */
+    side?: "buy" | "sell";
     /** Venue logo for the market */
     venue: VenueLogoName;
     /** Limit price label, e.g. "21.6¢" */
     limitPriceLabel?: string;
+    /**
+     * Current market price for this outcome, without the "now" prefix, e.g. "25¢".
+     * Omitted when no live price is available — the row then shows the limit price
+     * alone rather than a stale or guessed mark.
+     */
+    currentPriceLabel?: string;
     /** Filled-out-of-total label, e.g. "0/150" */
     filledLabel: string;
     /** Total notional label, e.g. "$25.86" */

package/dist/types/pages/user-profile/user-profile.types.d.ts

@@ -249,10 +249,18 @@ export interface UserProfileOpenOrder {
     title: string;
     /** Outcome name for the pill, e.g. "Yes" */
     outcomeLabel: string;
+    /** Order side. Renders as a "Buy"/"Sell" prefix on the outcome pill. */
+    side?: "buy" | "sell";
     /** Venue logo for the market */
     venue: VenueLogoName;
     /** Limit price label, e.g. "21.6¢" */
     limitPriceLabel?: string;
+    /**
+     * Current market price for this outcome, without the "now" prefix, e.g. "25¢".
+     * Omitted when no live price is available — the row then shows the limit price
+     * alone rather than a stale or guessed mark.
+     */
+    currentPriceLabel?: string;
     /** Filled-out-of-total label, e.g. "0/150" */
     filledLabel: string;
     /** Total notional label, e.g. "$25.86" */

package/dist/types/primitives/modal/index.d.mts

@@ -3,7 +3,7 @@ export type { ModalBodyClassNames, ModalBodyProps, ModalContainerClassNames, Mod
 /** Composes the modal root wrapper using Radix dialog primitives. */
 export declare const Modal: {
     ({ open, onOpenChange, children, "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy, }: ModalProps): JSX.Element;
-    Container: ({ children, maxWidth, classNames, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: ModalContainerProps) => JSX.Element;
+    Container: ({ children, maxWidth, classNames, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, onOpenAutoFocus, }: ModalContainerProps) => JSX.Element;
     Header: ({ title, subtitle, leftElement, rightElement, hideClose, closeIcon, classNames, children, hideBorder, }: ModalHeaderProps) => JSX.Element;
     Body: ({ children, classNames }: ModalBodyProps) => JSX.Element;
     Footer: ({ children, classNames, hideBorder, }: ModalFooterProps) => JSX.Element;

package/dist/types/primitives/modal/index.d.ts

@@ -3,7 +3,7 @@ export type { ModalBodyClassNames, ModalBodyProps, ModalContainerClassNames, Mod
 /** Composes the modal root wrapper using Radix dialog primitives. */
 export declare const Modal: {
     ({ open, onOpenChange, children, "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy, }: ModalProps): JSX.Element;
-    Container: ({ children, maxWidth, classNames, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: ModalContainerProps) => JSX.Element;
+    Container: ({ children, maxWidth, classNames, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, onOpenAutoFocus, }: ModalContainerProps) => JSX.Element;
     Header: ({ title, subtitle, leftElement, rightElement, hideClose, closeIcon, classNames, children, hideBorder, }: ModalHeaderProps) => JSX.Element;
     Body: ({ children, classNames }: ModalBodyProps) => JSX.Element;
     Footer: ({ children, classNames, hideBorder, }: ModalFooterProps) => JSX.Element;

package/dist/types/primitives/modal/modal.types.d.mts

@@ -33,6 +33,12 @@ export interface ModalContainerProps {
     "aria-label"?: string;
     /** ID of the element that labels the dialog shell. */
     "aria-labelledby"?: string;
+    /**
+     * Runs when the dialog takes focus on open. Call `preventDefault()` to stop
+     * Radix focusing the first tabbable element and place focus yourself — without
+     * it the two compete and whichever lands last wins.
+     */
+    onOpenAutoFocus?: (event: Event) => void;
 }
 export interface ModalHeaderClassNames {
     root?: string;

package/dist/types/primitives/modal/modal.types.d.ts

@@ -33,6 +33,12 @@ export interface ModalContainerProps {
     "aria-label"?: string;
     /** ID of the element that labels the dialog shell. */
     "aria-labelledby"?: string;
+    /**
+     * Runs when the dialog takes focus on open. Call `preventDefault()` to stop
+     * Radix focusing the first tabbable element and place focus yourself — without
+     * it the two compete and whichever lands last wins.
+     */
+    onOpenAutoFocus?: (event: Event) => void;
 }
 export interface ModalHeaderClassNames {
     root?: string;

package/dist/types/trading/place-order/index.place-order.utils.d.mts

@@ -115,7 +115,18 @@ export declare const buildLiveRouteCards: ({ labels, quoteData, tradeSide, event
  * "ok" + real quoteId) sits in the same response — default to that solo so a
  * Kalshi-funded user with no on-chain balance lands on a submittable route.
  */
-export declare const resolveDefaultRouteCardId: (routeCards: PlaceOrderRouteCard[], primaryStatus?: SmartRouteResponse["status"]) => string | null;
+/** Whether executing this route needs a Kalshi account, alone or as a split leg. */
+export declare const routeCardRequiresKalshi: (card: PlaceOrderRouteCard) => boolean;
+export declare const resolveDefaultRouteCardId: (routeCards: PlaceOrderRouteCard[], primaryStatus?: SmartRouteResponse["status"], options?: {
+    /**
+     * The user has no Kalshi account connected. Kalshi routes stay selectable,
+     * but the default skips to the best route that does not need Kalshi — even
+     * one that cannot execute yet (e.g. no balance), since a Kalshi route cannot
+     * execute either until the user connects. Kalshi is the default only when
+     * every route needs it.
+     */
+    isKalshiDisconnected?: boolean;
+}) => string | null;
 /** Stable identity for preserving only an explicit venue choice across quote-ID refreshes. */
 export declare const getPlaceOrderRouteCardIdentity: (card: PlaceOrderRouteCard) => string;
 export declare const clampSellSharesToAvailability: (requestedSellShares: number, availableShares: number) => number;

package/dist/types/trading/place-order/index.place-order.utils.d.ts

@@ -115,7 +115,18 @@ export declare const buildLiveRouteCards: ({ labels, quoteData, tradeSide, event
  * "ok" + real quoteId) sits in the same response — default to that solo so a
  * Kalshi-funded user with no on-chain balance lands on a submittable route.
  */
-export declare const resolveDefaultRouteCardId: (routeCards: PlaceOrderRouteCard[], primaryStatus?: SmartRouteResponse["status"]) => string | null;
+/** Whether executing this route needs a Kalshi account, alone or as a split leg. */
+export declare const routeCardRequiresKalshi: (card: PlaceOrderRouteCard) => boolean;
+export declare const resolveDefaultRouteCardId: (routeCards: PlaceOrderRouteCard[], primaryStatus?: SmartRouteResponse["status"], options?: {
+    /**
+     * The user has no Kalshi account connected. Kalshi routes stay selectable,
+     * but the default skips to the best route that does not need Kalshi — even
+     * one that cannot execute yet (e.g. no balance), since a Kalshi route cannot
+     * execute either until the user connects. Kalshi is the default only when
+     * every route needs it.
+     */
+    isKalshiDisconnected?: boolean;
+}) => string | null;
 /** Stable identity for preserving only an explicit venue choice across quote-ID refreshes. */
 export declare const getPlaceOrderRouteCardIdentity: (card: PlaceOrderRouteCard) => string;
 export declare const clampSellSharesToAvailability: (requestedSellShares: number, availableShares: number) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agg-build/ui",
-  "version": "4.17.0",
+  "version": "4.17.2",
   "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",
@@ -100,8 +100,8 @@
     "liveline": "^0.0.7",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@agg-build/hooks": "^4.17.0",
-    "@agg-build/sdk": "^4.17.0"
+    "@agg-build/hooks": "^4.17.2",
+    "@agg-build/sdk": "^4.17.1"
   },
   "dependencies": {
     "@number-flow/react": "^0.6.0",