@loafmarkets/ui 0.1.410 → 0.1.412

package/dist/index.d.mts

@@ -57,6 +57,23 @@ interface PortfolioSummaryProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare const PortfolioSummary: React$1.ForwardRefExoticComponent<PortfolioSummaryProps & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * The market maker's real state for this market — never decorative:
+ *   active  → green (quoting both sides)
+ *   reduced → gold  (one-sided / throttled)
+ *   free    → red   (not quoting — peer-to-peer only)
+ *   unknown → grey  (no status from the API; NEVER a fabricated green)
+ * Same vocabulary as the consuming app's liquidityDotState() SSOT, which maps the
+ * API `liquidity.status` ('active' | 'limited' | 'inactive').
+ */
+type LoafLiquidityDotState = "active" | "reduced" | "free" | "unknown";
+interface LoafLiquidityBadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+    isGlowing?: boolean;
+    /** Market-maker state driving the dot colour. Omitted → grey "unknown". */
+    status?: LoafLiquidityDotState;
+}
+declare const LoafLiquidityBadge: React$1.ForwardRefExoticComponent<LoafLiquidityBadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
+
 type OrderbookSide = "ask" | "bid";
 type OrderbookLevel = {
     price: number;
@@ -105,6 +122,13 @@ interface OrderbookProps extends React$1.HTMLAttributes<HTMLDivElement> {
      * a custom `rightHeader` is supplied.
      */
     onLoafLiquidityClick?: () => void;
+    /**
+     * Market-maker state for THIS market, driving the Loaf Liquidity badge dot.
+     * Consumers map the API `liquidity.status` ('active' | 'limited' | 'inactive')
+     * through their liquidityDotState() SSOT. Omitted → grey "unknown" — the dot is
+     * never a decorative green.
+     */
+    liquidityStatus?: LoafLiquidityDotState;
     /** Given a trade's txHash, returns the full explorer URL to link to. Defaults to Sepolia Etherscan. */
     tradeExplorerUrl?: (txHash: string) => string;
     /** Override the number of visible price levels per side (default 5). */
@@ -329,11 +353,6 @@ type TradeConfirmationModalProps = {
 };
 declare function TradeConfirmationModal({ isOpen, onClose, onConfirm, orderDetails, className, estimatedFeeUsd: _estimatedFeeUsd, estimatedFeeBps: _estimatedFeeBps, totalWithFeesUsd, confirmDisabled, confirmLoading, rememberChoiceChecked, rememberChoiceLabel, onRememberChoiceChange, }: TradeConfirmationModalProps): React$1.ReactElement | null;
 
-interface LoafLiquidityBadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
-    isGlowing?: boolean;
-}
-declare const LoafLiquidityBadge: React$1.ForwardRefExoticComponent<LoafLiquidityBadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
-
 type LoafLiquidityLogoProps = {
     onClick?: () => void;
     isGlowing?: boolean;
@@ -1043,6 +1062,18 @@ type PortfolioActivityPanelProps = {
     /** Click handler for the asset name in the Open Orders / Order History / Trade History rows — opens that asset. */
     onAssetClick?: (tokenName: string) => void;
     onClosePosition?: (tokenName: string, type: 'market' | 'limit', quantity: number, marketPrice: number) => void;
+    /**
+     * Close EVERY open position, in one handover to the host page. Sell All only
+     * renders when this is provided.
+     *
+     * The panel deliberately does not sequence this itself: `onClosePosition` is
+     * the per-ROW action, and on a trading page it re-points the page at that
+     * row's market — so fanning it out per position navigated once per position
+     * and closed nothing. The host owns ordering, per-order submission and the
+     * result report (and, once the backend session signer is retired, the
+     * signature prompt each order needs).
+     */
+    onCloseAllPositions?: (type: 'market' | 'limit') => Promise<void> | void;
     /** Open the shareable position card for a held position. */
     onSharePosition?: (pos: PortfolioPosition) => void;
     offeringOrders?: readonly OfferingOrder[];
@@ -1061,7 +1092,7 @@ type PortfolioActivityPanelProps = {
     className?: string;
     style?: React.CSSProperties;
 };
-declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onSharePosition, onAssetClick, onClosePosition, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, cancellingOrderId, compactPositions, defaultTab, onTabChange, pageSize, blockExplorerBaseUrl: _blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
+declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onSharePosition, onAssetClick, onClosePosition, onCloseAllPositions, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, cancellingOrderId, compactPositions, defaultTab, onTabChange, pageSize, blockExplorerBaseUrl: _blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
 
 type SelectorItem = {
     readonly tokenName: string;
@@ -1356,4 +1387,4 @@ declare function extractSparkline(candles: ReadonlyArray<{
 }>, maxPoints?: number): number[];
 declare const SparklineChart: React__default.NamedExoticComponent<SparklineChartProps>;
 
-export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };
+export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, type LoafLiquidityDotState, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };

package/dist/index.d.ts

@@ -57,6 +57,23 @@ interface PortfolioSummaryProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare const PortfolioSummary: React$1.ForwardRefExoticComponent<PortfolioSummaryProps & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * The market maker's real state for this market — never decorative:
+ *   active  → green (quoting both sides)
+ *   reduced → gold  (one-sided / throttled)
+ *   free    → red   (not quoting — peer-to-peer only)
+ *   unknown → grey  (no status from the API; NEVER a fabricated green)
+ * Same vocabulary as the consuming app's liquidityDotState() SSOT, which maps the
+ * API `liquidity.status` ('active' | 'limited' | 'inactive').
+ */
+type LoafLiquidityDotState = "active" | "reduced" | "free" | "unknown";
+interface LoafLiquidityBadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+    isGlowing?: boolean;
+    /** Market-maker state driving the dot colour. Omitted → grey "unknown". */
+    status?: LoafLiquidityDotState;
+}
+declare const LoafLiquidityBadge: React$1.ForwardRefExoticComponent<LoafLiquidityBadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
+
 type OrderbookSide = "ask" | "bid";
 type OrderbookLevel = {
     price: number;
@@ -105,6 +122,13 @@ interface OrderbookProps extends React$1.HTMLAttributes<HTMLDivElement> {
      * a custom `rightHeader` is supplied.
      */
     onLoafLiquidityClick?: () => void;
+    /**
+     * Market-maker state for THIS market, driving the Loaf Liquidity badge dot.
+     * Consumers map the API `liquidity.status` ('active' | 'limited' | 'inactive')
+     * through their liquidityDotState() SSOT. Omitted → grey "unknown" — the dot is
+     * never a decorative green.
+     */
+    liquidityStatus?: LoafLiquidityDotState;
     /** Given a trade's txHash, returns the full explorer URL to link to. Defaults to Sepolia Etherscan. */
     tradeExplorerUrl?: (txHash: string) => string;
     /** Override the number of visible price levels per side (default 5). */
@@ -329,11 +353,6 @@ type TradeConfirmationModalProps = {
 };
 declare function TradeConfirmationModal({ isOpen, onClose, onConfirm, orderDetails, className, estimatedFeeUsd: _estimatedFeeUsd, estimatedFeeBps: _estimatedFeeBps, totalWithFeesUsd, confirmDisabled, confirmLoading, rememberChoiceChecked, rememberChoiceLabel, onRememberChoiceChange, }: TradeConfirmationModalProps): React$1.ReactElement | null;
 
-interface LoafLiquidityBadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
-    isGlowing?: boolean;
-}
-declare const LoafLiquidityBadge: React$1.ForwardRefExoticComponent<LoafLiquidityBadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
-
 type LoafLiquidityLogoProps = {
     onClick?: () => void;
     isGlowing?: boolean;
@@ -1043,6 +1062,18 @@ type PortfolioActivityPanelProps = {
     /** Click handler for the asset name in the Open Orders / Order History / Trade History rows — opens that asset. */
     onAssetClick?: (tokenName: string) => void;
     onClosePosition?: (tokenName: string, type: 'market' | 'limit', quantity: number, marketPrice: number) => void;
+    /**
+     * Close EVERY open position, in one handover to the host page. Sell All only
+     * renders when this is provided.
+     *
+     * The panel deliberately does not sequence this itself: `onClosePosition` is
+     * the per-ROW action, and on a trading page it re-points the page at that
+     * row's market — so fanning it out per position navigated once per position
+     * and closed nothing. The host owns ordering, per-order submission and the
+     * result report (and, once the backend session signer is retired, the
+     * signature prompt each order needs).
+     */
+    onCloseAllPositions?: (type: 'market' | 'limit') => Promise<void> | void;
     /** Open the shareable position card for a held position. */
     onSharePosition?: (pos: PortfolioPosition) => void;
     offeringOrders?: readonly OfferingOrder[];
@@ -1061,7 +1092,7 @@ type PortfolioActivityPanelProps = {
     className?: string;
     style?: React.CSSProperties;
 };
-declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onSharePosition, onAssetClick, onClosePosition, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, cancellingOrderId, compactPositions, defaultTab, onTabChange, pageSize, blockExplorerBaseUrl: _blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
+declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onSharePosition, onAssetClick, onClosePosition, onCloseAllPositions, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, cancellingOrderId, compactPositions, defaultTab, onTabChange, pageSize, blockExplorerBaseUrl: _blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
 
 type SelectorItem = {
     readonly tokenName: string;
@@ -1356,4 +1387,4 @@ declare function extractSparkline(candles: ReadonlyArray<{
 }>, maxPoints?: number): number[];
 declare const SparklineChart: React__default.NamedExoticComponent<SparklineChartProps>;
 
-export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };
+export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, type LoafLiquidityDotState, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };

package/dist/index.js

@@ -1640,12 +1640,23 @@ var StatusDot = styled10__default.default.span`
   width: 6px;
   height: 6px;
   border-radius: 50%;
-  background: #0ecb81;
   flex-shrink: 0;
-  animation: ${breathe} 3s ease-in-out infinite;
+
+  ${({ $state }) => $state === "active" ? styled10.css`
+          background: #0ecb81;
+          animation: ${breathe} 3s ease-in-out infinite;
+        ` : $state === "reduced" ? styled10.css`
+            background: #e6c87e;
+            box-shadow: 0 0 4px rgba(240, 185, 11, 0.4);
+          ` : $state === "free" ? styled10.css`
+              background: #f6465d;
+              box-shadow: 0 0 4px rgba(246, 70, 93, 0.4);
+            ` : styled10.css`
+              background: rgba(255, 255, 255, 0.3);
+            `}
 `;
 var LoafLiquidityBadge = React5__namespace.forwardRef(
-  ({ className, isGlowing, onClick, children, ...props }, ref) => {
+  ({ className, isGlowing, status = "unknown", onClick, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       LogoContainer,
       {
@@ -1656,11 +1667,11 @@ var LoafLiquidityBadge = React5__namespace.forwardRef(
         role: onClick ? "button" : void 0,
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(LogoText, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(LogoText, { className: "loaf-ll-label", children: [
             /* @__PURE__ */ jsxRuntime.jsx(LoafLogoImage, { src: Loaf_logo_Banner_default, alt: "Loaf" }),
             /* @__PURE__ */ jsxRuntime.jsx(LiquidityText, { children: children ?? "Liquidity" })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(StatusDot, {})
+          /* @__PURE__ */ jsxRuntime.jsx(StatusDot, { $state: status, "data-liquidity": status })
         ]
       }
     );
@@ -1907,13 +1918,21 @@ var Orderbook = React5__namespace.forwardRef(
     isLoading = false,
     onPriceClick,
     onLoafLiquidityClick,
+    liquidityStatus,
     tradeExplorerUrl,
     maxLevels,
     fillHeight = false,
     className,
     ...props
   }, ref) => {
-    const resolvedRightHeader = rightHeader ?? /* @__PURE__ */ jsxRuntime.jsx(LoafLiquidityBadge, { className: "text-[0.6rem] orderbook-ll-badge", onClick: onLoafLiquidityClick });
+    const resolvedRightHeader = rightHeader ?? /* @__PURE__ */ jsxRuntime.jsx(
+      LoafLiquidityBadge,
+      {
+        className: "text-[0.6rem] orderbook-ll-badge",
+        onClick: onLoafLiquidityClick,
+        status: liquidityStatus
+      }
+    );
     const [tab, setTabState] = React5__namespace.useState(defaultTab);
     const setTab = setTabState;
     const effectiveTab = showTradesTab ? tab : "orderbook";
@@ -15203,6 +15222,7 @@ function PortfolioActivityPanel({
   onSharePosition,
   onAssetClick,
   onClosePosition,
+  onCloseAllPositions,
   offeringOrders = [],
   openOrders = [],
   orderHistory = [],
@@ -15227,6 +15247,8 @@ function PortfolioActivityPanel({
   const [cancellingAll, setCancellingAll] = React5.useState(false);
   const [closeAllOpen, setCloseAllOpen] = React5.useState(false);
   const [closeAllType, setCloseAllType] = React5.useState("market");
+  const [closingAll, setClosingAll] = React5.useState(false);
+  const hasPositionActions = !!(onClosePosition || onSharePosition || onCloseAllPositions);
   const [posSortKey, setPosSortKey] = React5.useState("asset");
   const [posSortAsc, setPosSortAsc] = React5.useState(true);
   const handlePosSort = (key) => {
@@ -15405,7 +15427,6 @@ function PortfolioActivityPanel({
   const pagedTradeHistory = sortedTradeHistory.slice(currentPage * pageSize, (currentPage + 1) * pageSize);
   const pagedTransfers = sortedTransfers.slice(currentPage * pageSize, (currentPage + 1) * pageSize);
   return /* @__PURE__ */ jsxRuntime.jsxs(Container2, { className, style, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(PanelTitle, { children: "Activity" }),
     /* @__PURE__ */ jsxRuntime.jsxs(TabContainer, { children: [
       showPositionsTab && /* @__PURE__ */ jsxRuntime.jsxs(Tab, { $active: activeTab === "positions", onClick: () => handleTabChange("positions"), children: [
         "Trading Positions",
@@ -15461,7 +15482,7 @@ function PortfolioActivityPanel({
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(CToolbarActions, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(CToolbarLink, { onClick: toggleExpandAll, children: allExpanded ? "Collapse All" : "Expand All" }),
-              onClosePosition && /* @__PURE__ */ jsxRuntime.jsx(CToolbarLink, { onClick: () => setCloseAllOpen(true), children: "Sell All" })
+              onCloseAllPositions && /* @__PURE__ */ jsxRuntime.jsx(CToolbarLink, { onClick: () => setCloseAllOpen(true), children: "Sell All" })
             ] })
           ] }),
           sortedPositions.map((pos) => {
@@ -15537,7 +15558,7 @@ function PortfolioActivityPanel({
           })
         ] }),
         positions.length > 0 && !compactPositions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(PositionsHeader, { $hasClose: !!(onClosePosition || onSharePosition), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(PositionsHeader, { $hasClose: hasPositionActions, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(SortableHeaderCell, { $active: posSortKey === "asset", onClick: () => handlePosSort("asset"), children: [
               "Asset ",
               posSortKey === "asset" && (posSortAsc ? "\u2191" : "\u2193")
@@ -15562,7 +15583,7 @@ function PortfolioActivityPanel({
               "PNL (%) ",
               posSortKey === "pnl" && (posSortAsc ? "\u2191" : "\u2193")
             ] }),
-            onClosePosition && /* @__PURE__ */ jsxRuntime.jsx(PositionsHeaderCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CloseAllHeaderBtn, { onClick: () => setCloseAllOpen(true), children: "Sell All" }) })
+            onCloseAllPositions && /* @__PURE__ */ jsxRuntime.jsx(PositionsHeaderCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CloseAllHeaderBtn, { onClick: () => setCloseAllOpen(true), children: "Sell All" }) })
           ] }),
           sortedPositions.map((pos) => {
             const currentValue = pos.totalQuantity * pos.marketPrice;
@@ -15570,7 +15591,7 @@ function PortfolioActivityPanel({
             const pnl = pos.propertyPnl ?? currentValue - costBasis;
             const pnlPercent = pos.propertyPnlPercent ?? pos.percentChange ?? 0;
             const isPositive = pnl >= 0;
-            return /* @__PURE__ */ jsxRuntime.jsxs(PositionsRow, { $hasClose: !!(onClosePosition || onSharePosition), children: [
+            return /* @__PURE__ */ jsxRuntime.jsxs(PositionsRow, { $hasClose: hasPositionActions, children: [
               /* @__PURE__ */ jsxRuntime.jsx(PositionsCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(HoldingsPropertyLink, { onClick: () => onPositionClick?.(pos.tokenName, pos.isIpoAllocation), children: pos.tokenName }),
                 pos.settling && /* @__PURE__ */ jsxRuntime.jsx(SettlingTip, { children: /* @__PURE__ */ jsxRuntime.jsx(SettlingSpinner, {}) })
@@ -15617,11 +15638,15 @@ function PortfolioActivityPanel({
             ] }, pos.tokenName);
           })
         ] }),
-        positions.length > 0 && closeAllOpen && onClosePosition && typeof document !== "undefined" && ReactDOM.createPortal(
-          /* @__PURE__ */ jsxRuntime.jsx(CloseAllOverlay, { onClick: () => setCloseAllOpen(false), children: /* @__PURE__ */ jsxRuntime.jsxs(CloseAllModal, { onClick: (e) => e.stopPropagation(), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(CloseAllModalX, { onClick: () => setCloseAllOpen(false), children: "\xD7" }),
+        positions.length > 0 && closeAllOpen && onCloseAllPositions && typeof document !== "undefined" && ReactDOM.createPortal(
+          /* @__PURE__ */ jsxRuntime.jsx(CloseAllOverlay, { onClick: () => {
+            if (!closingAll) setCloseAllOpen(false);
+          }, children: /* @__PURE__ */ jsxRuntime.jsxs(CloseAllModal, { onClick: (e) => e.stopPropagation(), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(CloseAllModalX, { onClick: () => {
+              if (!closingAll) setCloseAllOpen(false);
+            }, children: "\xD7" }),
             /* @__PURE__ */ jsxRuntime.jsx(CloseAllTitle, { children: "Confirm Sell All" }),
-            /* @__PURE__ */ jsxRuntime.jsx(CloseAllDesc, { children: "This will sell all your positions and cancel their associated TP/SL orders." }),
+            /* @__PURE__ */ jsxRuntime.jsx(CloseAllDesc, { children: "This places a sell order for every position you hold, one at a time." }),
             /* @__PURE__ */ jsxRuntime.jsxs(CloseAllOption, { onClick: () => setCloseAllType("market"), children: [
               /* @__PURE__ */ jsxRuntime.jsx(CloseAllRadio, { $selected: closeAllType === "market" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Market Sell" })
@@ -15630,14 +15655,22 @@ function PortfolioActivityPanel({
               /* @__PURE__ */ jsxRuntime.jsx(CloseAllRadio, { $selected: closeAllType === "limit" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Limit Sell at Mid Price" })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(CloseAllConfirmBtn, { onClick: () => {
-              positions.forEach((pos) => onClosePosition(pos.tokenName, closeAllType, pos.quantity, pos.marketPrice));
-              setCloseAllOpen(false);
-            }, children: [
-              "Confirm ",
-              closeAllType === "market" ? "Market" : "Limit",
-              " Sell"
-            ] })
+            /* @__PURE__ */ jsxRuntime.jsx(
+              CloseAllConfirmBtn,
+              {
+                disabled: closingAll,
+                onClick: async () => {
+                  setClosingAll(true);
+                  try {
+                    await onCloseAllPositions(closeAllType);
+                  } finally {
+                    setClosingAll(false);
+                    setCloseAllOpen(false);
+                  }
+                },
+                children: closingAll ? "Selling\u2026" : `Confirm ${closeAllType === "market" ? "Market" : "Limit"} Sell`
+              }
+            )
           ] }) }),
           document.body
         )
@@ -16196,17 +16229,6 @@ var ContentScroll = styled10__default.default.div`
   &::-webkit-scrollbar-track { background: transparent; }
   &::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); border-radius: 2px; }
 `;
-var PanelTitle = styled10__default.default.h3`
-  font-size: 1rem;
-  font-weight: 600;
-  color: var(--color-text, #fff);
-  margin: 0 0 0.75rem;
-  padding-left: 1rem;
-  /* Redundant on mobile — the tab row already says what this is. Reclaim the space. */
-  @media (max-width: 768px) {
-    display: none;
-  }
-`;
 var TabContainer = styled10__default.default.div`
   display: flex;
   gap: 0;
@@ -16659,9 +16681,14 @@ var CloseAllConfirmBtn = styled10__default.default.button`
   cursor: pointer;
   transition: all 0.15s ease;
 
-  &:hover {
+  &:hover:not(:disabled) {
     background: rgba(246, 70, 93, 0.25);
   }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
 `;
 var CToolbar = styled10__default.default.div`
   display: flex;