@mohasinac/appkit 4.1.3 → 4.3.0

package/dist/features/admin/repository/analytics-rollup.repository.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Analytics Rollup Repository
+ *
+ * Singleton `analytics/dashboardRollup` doc — a pre-computed aggregate that
+ * replaces an unbounded `orderRepository.findByStatus("delivered")` scan on
+ * every admin dashboard page load. Written daily by the `revenueRollup`
+ * scheduled Firebase Function (`appkit/src/_internal/server/jobs/core/revenueRollup.ts`),
+ * read by `GET /api/admin/dashboard`.
+ */
+import { BaseRepository } from "../../../providers/db-firebase";
+export interface AnalyticsRollupDocument {
+    id: string;
+    totalRevenue: number;
+    deliveredOrderCount: number;
+    computedAt: Date;
+}
+export declare class AnalyticsRollupRepository extends BaseRepository<AnalyticsRollupDocument> {
+    constructor();
+    getDashboardRollup(): Promise<AnalyticsRollupDocument | null>;
+    setDashboardRollup(data: {
+        totalRevenue: number;
+        deliveredOrderCount: number;
+    }): Promise<void>;
+}
+export declare const analyticsRollupRepository: AnalyticsRollupRepository;

package/dist/features/admin/repository/analytics-rollup.repository.js

@@ -0,0 +1,31 @@
+/**
+ * Analytics Rollup Repository
+ *
+ * Singleton `analytics/dashboardRollup` doc — a pre-computed aggregate that
+ * replaces an unbounded `orderRepository.findByStatus("delivered")` scan on
+ * every admin dashboard page load. Written daily by the `revenueRollup`
+ * scheduled Firebase Function (`appkit/src/_internal/server/jobs/core/revenueRollup.ts`),
+ * read by `GET /api/admin/dashboard`.
+ */
+import { BaseRepository } from "../../../providers/db-firebase";
+const ANALYTICS_COLLECTION = "analytics";
+const DASHBOARD_ROLLUP_ID = "dashboardRollup";
+export class AnalyticsRollupRepository extends BaseRepository {
+    constructor() {
+        super(ANALYTICS_COLLECTION);
+    }
+    async getDashboardRollup() {
+        return this.findById(DASHBOARD_ROLLUP_ID);
+    }
+    async setDashboardRollup(data) {
+        const existing = await this.findById(DASHBOARD_ROLLUP_ID);
+        const payload = { ...data, computedAt: new Date() };
+        if (existing) {
+            await this.update(DASHBOARD_ROLLUP_ID, payload);
+        }
+        else {
+            await this.createWithId(DASHBOARD_ROLLUP_ID, payload);
+        }
+    }
+}
+export const analyticsRollupRepository = new AnalyticsRollupRepository();

package/dist/features/admin/repository/site-settings.repository.js

@@ -72,9 +72,16 @@ export class SiteSettingsRepository extends BaseRepository {
     mergeEncryptedCredentials(existing, updates) {
         const encrypted = { ...existing };
         for (const [key, value] of Object.entries(updates)) {
-            if (value && value.trim()) {
+            if (typeof value === "string" && value.trim()) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 encrypted[key] = encryptSecret(value.trim());
             }
+            else if (value !== undefined && typeof value !== "string") {
+                // Non-string credential fields (e.g. whatsappTemplates: Record<string,string>)
+                // are stored as-is — they are not secret values to encrypt.
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                encrypted[key] = value;
+            }
             // Empty / undefined → keep whatever was already stored
         }
         return encrypted;

package/dist/features/admin/schemas/firestore.d.ts

@@ -4,7 +4,7 @@
  */
 import type { AboutContentDocument } from "../../about/schemas/firestore";
 export declare const ADMIN_CHECKOUT_BYPASS_FLAG_KEY: "adminCheckoutBypass";
-export type NotificationType = "order_placed" | "order_confirmed" | "order_shipped" | "order_delivered" | "order_cancelled" | "bid_placed" | "bid_outbid" | "bid_won" | "bid_lost" | "review_approved" | "review_replied" | "product_available" | "promotion" | "system" | "welcome" | "account_action" | "offer_received" | "offer_responded" | "offer_expired" | "offer_counter_accepted" | "refund_initiated" | "prize_reveal_ready" | "prize_reveal_expired" | "prize_reveal_reminder" | "emi_installment_due_soon" | "emi_installment_overdue" | "payment_review";
+export type NotificationType = "order_placed" | "order_confirmed" | "order_shipped" | "order_delivered" | "order_cancelled" | "bid_placed" | "bid_outbid" | "bid_won" | "bid_lost" | "review_approved" | "review_replied" | "product_available" | "promotion" | "system" | "welcome" | "account_action" | "offer_received" | "offer_responded" | "offer_expired" | "offer_counter_accepted" | "refund_initiated" | "prize_won" | "prize_reveal_expired" | "emi_installment_due_soon" | "emi_installment_overdue" | "payment_review";
 import type { BaseDocument } from "../../../_internal/shared/types/base-document";
 export type NotificationPriority = "low" | "normal" | "high";
 export interface NotificationDocument extends BaseDocument {
@@ -20,6 +20,10 @@ export interface NotificationDocument extends BaseDocument {
     readAt?: Date;
     relatedId?: string;
     relatedType?: "order" | "product" | "bid" | "review" | "blog" | "user" | "offer" | "support_ticket" | "scammer";
+    /** Outcome of the async whatsappNotify job for this notification's WhatsApp send, if one was enqueued. */
+    whatsappStatus?: "queued" | "sent" | "failed" | "skipped";
+    /** jobs/{id} doc that ran (or is running) the WhatsApp send for this notification. */
+    whatsappJobId?: string;
 }
 export declare const NOTIFICATIONS_COLLECTION: "notifications";
 export declare const NOTIFICATIONS_INDEXED_FIELDS: readonly ["userId", "isRead", "createdAt", "type"];
@@ -61,9 +65,8 @@ export declare const NOTIFICATION_FIELDS: {
         readonly OFFER_COUNTER_ACCEPTED: NotificationType;
         readonly REFUND_INITIATED: NotificationType;
         readonly ACCOUNT_ACTION: NotificationType;
-        readonly PRIZE_REVEAL_READY: NotificationType;
+        readonly PRIZE_WON: NotificationType;
         readonly PRIZE_REVEAL_EXPIRED: NotificationType;
-        readonly PRIZE_REVEAL_REMINDER: NotificationType;
     };
     readonly PRIORITY_VALUES: {
         readonly LOW: NotificationPriority;
@@ -163,6 +166,23 @@ export interface SiteSettingsCredentials {
     whatsappCloudApiToken?: string;
     /** Comma-separated digits-only phone numbers that receive order announcements */
     whatsappAdminNotifyNumbers?: string;
+    /**
+     * Approved Meta message-template names, one flat string field per
+     * order-lifecycle notification type — every `SiteSettingsCredentials`
+     * field is stored as an individually-encrypted string (see
+     * `getDecryptedCredentials`/`getCredentialsMasked`, which iterate + mask
+     * every field as a string), so this can't be a `Record<string,string>`
+     * map. Business-initiated WhatsApp sends outside the 24h customer-service
+     * window require a pre-approved template.
+     */
+    whatsappTemplateOrderPlaced?: string;
+    whatsappTemplateOrderConfirmed?: string;
+    whatsappTemplateOrderShipped?: string;
+    whatsappTemplateOrderDelivered?: string;
+    whatsappTemplateOrderCancelled?: string;
+    whatsappTemplateRefundInitiated?: string;
+    /** BCP-47 language code the templates above were approved in, e.g. "en" or "en_US". */
+    whatsappTemplateLanguage?: string;
 }
 export interface SiteSettingsCredentialsMasked {
     razorpayKeyId?: string;
@@ -184,6 +204,13 @@ export interface SiteSettingsCredentialsMasked {
     whatsappPhoneNumberId?: string;
     whatsappCloudApiToken?: string;
     whatsappAdminNotifyNumbers?: string;
+    whatsappTemplateOrderPlaced?: string;
+    whatsappTemplateOrderConfirmed?: string;
+    whatsappTemplateOrderShipped?: string;
+    whatsappTemplateOrderDelivered?: string;
+    whatsappTemplateOrderCancelled?: string;
+    whatsappTemplateRefundInitiated?: string;
+    whatsappTemplateLanguage?: string;
 }
 export interface NotificationChannelConfig {
     inApp: {
@@ -320,6 +347,19 @@ export interface SiteSettingsDocument extends BaseDocument {
         /** COD handling fee charged to the buyer: max(codHandlingFeeMin, subtotal × codHandlingFeePercent / 100). */
         codHandlingFeeMin: number;
         codHandlingFeePercent: number;
+        /** Admin master toggle — whether the WhatsApp order-updates addon is offered at checkout at all. */
+        whatsappNotifyFeeEnabled: boolean;
+        /** Flat rupee fee charged to the buyer when they opt into the WhatsApp order-updates addon. */
+        whatsappNotifyFee: number;
+        /** Admin master toggle — whether the gift-wrap addon is offered at checkout at all. */
+        giftWrapFeeEnabled: boolean;
+        /** Flat rupee fee charged to the buyer when they opt into gift wrap. */
+        giftWrapFee: number;
+        /** Admin master toggle — whether the shipment-protection addon is offered at checkout at all. */
+        shipmentProtectionFeeEnabled: boolean;
+        /** Shipment protection fee: max(shipmentProtectionFeeMin, subtotal × shipmentProtectionFeePercent / 100). */
+        shipmentProtectionFeePercent: number;
+        shipmentProtectionFeeMin: number;
         sellerShippingFixed: number;
         platformShippingPercent: number;
         platformShippingFixedMin: number;
@@ -448,7 +488,7 @@ export interface SiteSettingsDocument extends BaseDocument {
     /**
      * Image watermark configuration applied by the `/api/media/[...slug]` CDN
      * proxy. When absent the proxy falls back to text watermark "letitrip.in" at
-     * 30% width with 20% opacity.
+     * 10% width with 10% opacity, centered.
      */
     watermark?: {
         /** `"text"` renders the `text` field; `"image"` overlays `imageUrl`. */
@@ -463,8 +503,17 @@ export interface SiteSettingsDocument extends BaseDocument {
         imageUrl?: string;
         /** Percentage of target image width (0–100). 0 disables the watermark. */
         size?: number;
-        /** Percentage opacity (0–100). Default 20. */
+        /** Percentage opacity (0–100). Default 10. */
         opacity?: number;
+        /**
+         * Anchor preset: 4 corners + center, or `"custom"` to use `offsetX`/
+         * `offsetY` instead. Default `"center"`.
+         */
+        position?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "center" | "custom";
+        /** `position: "custom"` only — % of image width from center. +right / -left. Default 0. */
+        offsetX?: number;
+        /** `position: "custom"` only — % of image height from center. +down / -up. Default 0. */
+        offsetY?: number;
     };
     /** Encrypted provider credentials � never return raw to the client. */
     credentials?: SiteSettingsCredentials;

package/dist/features/admin/schemas/firestore.js

@@ -52,9 +52,8 @@ export const NOTIFICATION_FIELDS = {
         OFFER_COUNTER_ACCEPTED: "offer_counter_accepted",
         REFUND_INITIATED: "refund_initiated",
         ACCOUNT_ACTION: "account_action",
-        PRIZE_REVEAL_READY: "prize_reveal_ready",
+        PRIZE_WON: "prize_won",
         PRIZE_REVEAL_EXPIRED: "prize_reveal_expired",
-        PRIZE_REVEAL_REMINDER: "prize_reveal_reminder",
     },
     PRIORITY_VALUES: {
         LOW: "low",
@@ -189,6 +188,13 @@ export const DEFAULT_SITE_SETTINGS_DATA = {
         codDepositPercent: 10,
         codHandlingFeeMin: 200,
         codHandlingFeePercent: 10,
+        whatsappNotifyFeeEnabled: false,
+        whatsappNotifyFee: 10,
+        giftWrapFeeEnabled: false,
+        giftWrapFee: 49,
+        shipmentProtectionFeeEnabled: false,
+        shipmentProtectionFeePercent: 2,
+        shipmentProtectionFeeMin: 30,
         sellerShippingFixed: 0,
         platformShippingPercent: 10,
         platformShippingFixedMin: 0,
@@ -284,61 +290,92 @@ export const DEFAULT_TRUST_BAR_ITEMS = [
     { icon: "??", label: "24/7 Support", visible: true },
     { icon: "?", label: "Authentic Sellers", visible: true },
 ];
+// NOTE: labelKey/descKey hold plain display text (not i18n message keys) —
+// this feature-flag list has no matching next-intl namespace, so the admin
+// UI reads these two fields directly rather than through getTranslations().
 export const FEATURE_FLAG_META = [
     {
         key: "chats",
-        labelKey: "chats",
-        descKey: "chatsDesc",
-        icon: "??",
+        labelKey: "In-app chats",
+        descKey: "Buyer/seller direct messaging.",
+        icon: "\u{1F4AC}",
         category: "platform",
     },
     {
         key: "smsVerification",
-        labelKey: "smsVerification",
-        descKey: "smsVerificationDesc",
-        icon: "??",
+        labelKey: "SMS verification",
+        descKey: "Phone-number OTP verification during signup/checkout.",
+        icon: "\u{1F4F1}",
         category: "platform",
     },
     {
         key: "translations",
-        labelKey: "translations",
-        descKey: "translationsDesc",
-        icon: "??",
+        labelKey: "Translations",
+        descKey: "Locale switcher and translated UI strings.",
+        icon: "\u{1F310}",
         category: "platform",
     },
     {
         key: "auctions",
-        labelKey: "auctions",
-        descKey: "auctionsDesc",
-        icon: "??",
+        labelKey: "Auctions",
+        descKey: "Auction listings and bidding.",
+        icon: "\u{1F528}",
         category: "platform",
     },
     {
         key: "reviews",
-        labelKey: "reviews",
-        descKey: "reviewsDesc",
-        icon: "?",
+        labelKey: "Reviews",
+        descKey: "Product and store reviews.",
+        icon: "⭐",
         category: "platform",
     },
     {
         key: "notifications",
-        labelKey: "notifications",
-        descKey: "notificationsDesc",
-        icon: "??",
+        labelKey: "Notifications",
+        descKey: "In-app notification bell and inbox.",
+        icon: "\u{1F514}",
         category: "platform",
     },
     {
         key: "sellerRegistration",
-        labelKey: "sellerRegistration",
-        descKey: "sellerRegistrationDesc",
-        icon: "??",
+        labelKey: "Seller registration",
+        descKey: "\"Become a seller\" signup flow.",
+        icon: "\u{1F3EA}",
         category: "platform",
     },
     {
         key: "preOrders",
-        labelKey: "preOrders",
-        descKey: "preOrdersDesc",
-        icon: "??",
+        labelKey: "Pre-orders",
+        descKey: "Pre-order listings and deposit checkout.",
+        icon: "\u{1F4E6}",
+        category: "platform",
+    },
+    {
+        key: "wishlists",
+        labelKey: "Wishlists",
+        descKey: "Save-for-later wishlist feature.",
+        icon: "❤️",
+        category: "platform",
+    },
+    {
+        key: "events",
+        labelKey: "Events",
+        descKey: "Sales, raffles, spin-wheel, and lottery events.",
+        icon: "\u{1F389}",
+        category: "platform",
+    },
+    {
+        key: "blog",
+        labelKey: "Blog",
+        descKey: "Blog posts section.",
+        icon: "\u{1F4DD}",
+        category: "platform",
+    },
+    {
+        key: "coupons",
+        labelKey: "Coupons",
+        descKey: "Coupon codes and discounts.",
+        icon: "\u{1F3AB}",
         category: "platform",
     },
 ];

package/dist/features/auctions/actions/bid-actions.js

@@ -130,13 +130,15 @@ export async function placeBid(userId, userEmail, input) {
         });
     });
     const finalVisibleForRtdb = newBidWins ? visibleBid : (bumpedPreviousVisible ?? prevVisible);
+    const finalBidCountForRtdb = (product.bidCount ?? 0) + 1;
     try {
         const rtdb = getAdminRealtimeDb();
         await rtdb.ref(`/auction-bids/${productId}`).set({
             currentBid: finalVisibleForRtdb,
+            bidCount: finalBidCountForRtdb,
             lastBid: {
                 amount: finalVisibleForRtdb,
-                bidderName: "Bidder",
+                bidderName: bid.userName,
                 timestamp: Date.now(),
             },
             updatedAt: Date.now(),

package/dist/features/auctions/components/AuctionBidsTable.d.ts

@@ -9,5 +9,10 @@ export interface AuctionBidsTableProps {
     bids: BidDocument[];
     portal?: "buyer" | "store" | "admin";
     emptyLabel?: React.ReactNode;
+    /** Server-side pagination — the auction groups shown are already just the
+     *  current page's worth of bids grouped by auction, not the full history. */
+    totalPages?: number;
+    currentPage?: number;
+    onPageChange?: (page: number) => void;
 }
-export declare function AuctionBidsTable({ bids, portal, emptyLabel, }: AuctionBidsTableProps): React.JSX.Element;
+export declare function AuctionBidsTable({ bids, portal, emptyLabel, totalPages, currentPage, onPageChange, }: AuctionBidsTableProps): React.JSX.Element;

package/dist/features/auctions/components/AuctionBidsTable.js

@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { ChevronRight } from "lucide-react";
 import { Badge, Button, Div, Row, Span, Stack, Text } from "../../../ui";
+import { Pagination } from "../../../ui/components/Pagination";
 const __O = {
     hidden: "overflow-hidden",
 };
@@ -51,15 +52,18 @@ function groupByAuction(bids) {
 }
 function AuctionRow({ auction, portal, }) {
     const [expanded, setExpanded] = useState(false);
-    const sorted = useMemo(() => [...auction.bids].sort((a, b) => b.bidAmount - a.bidAmount), [auction.bids]);
-    const highest = sorted[0]?.bidAmount ?? 0;
+    // Most-recent bid first — matches the caller's own newest-first ordering
+    // (see UserBidsPage) instead of re-sorting by amount, which silently threw
+    // that ordering away for the expanded per-auction row list.
+    const sorted = useMemo(() => [...auction.bids].sort((a, b) => +new Date(b.bidDate) - +new Date(a.bidDate)), [auction.bids]);
+    const highest = auction.bids.reduce((max, b) => Math.max(max, b.bidAmount), 0);
     const isWinning = auction.bids.some((b) => b.isWinning);
     return (_jsxs(Div, { className: `border border-[var(--appkit-color-border)] ${__O.hidden} bg-[var(--appkit-color-surface)]`, rounded: "xl", shadow: "sm", children: [_jsxs(Button, { type: "button", variant: "ghost", onClick: () => setExpanded((v) => !v), gap: "lg", paddingX: "md", paddingY: "md", className: "w-full text-left", "aria-expanded": expanded, children: [_jsx(ChevronRight, { className: `shrink-0 text-[var(--appkit-color-text-muted)] transition-transform ${expanded ? "rotate-90" : ""}`, size: 16 }), _jsx(Div, { className: "flex-1 min-w-0", children: _jsx(Text, { className: "text-[var(--appkit-color-text)] line-clamp-1", size: "sm", weight: "semibold", children: auction.productTitle }) }), _jsxs(Row, { gap: "sm", className: "shrink-0", children: [isWinning && (_jsx(Badge, { variant: "active", children: "Winning" })), _jsxs(Text, { variant: "secondary", size: "xs", children: [auction.bids.length, " bid", auction.bids.length !== 1 ? "s" : ""] }), _jsx(Text, { className: "text-[var(--appkit-color-text)]", size: "sm", weight: "semibold", children: formatBidAmount(highest) })] })] }), expanded && (_jsxs(Div, { className: "border-t border-[var(--appkit-color-border)]", children: [_jsxs(Div, { textSize: "xs", textWeight: "medium", paddingX: "x-md", paddingY: "y-xs", className: `grid text-[var(--appkit-color-text-muted)] uppercase tracking-wide border-b border-[var(--appkit-color-border-subtle)] ${portal === "buyer" ? "[grid-template-columns:1fr_auto_auto]" : "[grid-template-columns:1fr_1fr_auto_auto]"}`, children: [_jsx(Span, { children: portal === "buyer" ? "Amount" : "Bidder" }), portal !== "buyer" && _jsx(Span, { children: "Amount" }), _jsx(Span, { children: "Status" }), _jsx(Span, { className: "text-right", children: "Time" })] }), sorted.map((bid) => (_jsxs(Div, { layout: "grid", align: "center", paddingX: "x-md", paddingY: "y-xs-tall", className: `border-b border-[var(--appkit-color-border-subtle)] last:border-0 hover:bg-[var(--appkit-color-border-subtle)] transition-colors ${portal === "buyer" ? "[grid-template-columns:1fr_auto_auto]" : "[grid-template-columns:1fr_1fr_auto_auto]"}`, children: [portal !== "buyer" && (_jsx(Text, { className: "text-[var(--appkit-color-text)] truncate pr-[0.75rem]", size: "sm", children: bid.userName || bid.userId })), _jsx(Text, { className: "text-[var(--appkit-color-text)]", size: "sm", weight: "medium", children: formatBidAmount(bid.bidAmount) }), _jsx(Badge, { variant: STATUS_VARIANT[bid.status] ?? "pending", className: "capitalize", children: bid.status }), _jsx(Text, { variant: "secondary", size: "xs", align: "end", children: relDate(bid.bidDate) })] }, bid.id)))] }))] }));
 }
-export function AuctionBidsTable({ bids, portal = "buyer", emptyLabel = "No bids found.", }) {
+export function AuctionBidsTable({ bids, portal = "buyer", emptyLabel = "No bids found.", totalPages, currentPage, onPageChange, }) {
     const auctions = useMemo(() => groupByAuction(bids), [bids]);
     if (auctions.length === 0) {
         return (_jsx(Div, { padding: "y-6xl", className: "text-left", children: _jsx(Text, { variant: "secondary", children: emptyLabel }) }));
     }
-    return (_jsx(Stack, { gap: "3", children: auctions.map((auction) => (_jsx(AuctionRow, { auction: auction, portal: portal }, auction.productId))) }));
+    return (_jsxs(Stack, { gap: "3", children: [auctions.map((auction) => (_jsx(AuctionRow, { auction: auction, portal: portal }, auction.productId))), totalPages !== undefined && totalPages > 1 && currentPage !== undefined && onPageChange && (_jsx(Row, { justify: "center", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: onPageChange }) }))] }));
 }

package/dist/features/auctions/components/AuctionDetailPageView.js

@@ -31,6 +31,7 @@ import { MarketplaceAuctionGrid } from "./MarketplaceAuctionGrid";
 import { listReviewsBySeller } from "../../reviews/actions/review-actions";
 import { PlaceBidModalButton } from "./PlaceBidFormClient";
 import { CollapsibleBidHistory } from "./CollapsibleBidHistory";
+import { LiveBidPrice } from "./LiveBidPrice";
 import { SublistingCarouselSection } from "../../products/components/SublistingCarouselSection";
 function toDescriptionHtml(raw) {
     if (!raw)
@@ -39,8 +40,8 @@ function toDescriptionHtml(raw) {
     return normalizeRichTextHtml(s);
 }
 function renderAuctionInfoPanel(props) {
-    const { title, currentBid, currency, bidCount, isEnded, endDate, buyNowPrice, featured, freeShipping, condition, category, categoryName, brand, brandSlug, productFeatures, features, descriptionHtml, safeSeller, storeHref } = props;
-    return (_jsxs(Stack, { gap: "md", children: [_jsxs(Div, { children: [_jsxs(Row, { gap: "xs", wrap: true, className: "mb-2", children: [_jsx(Span, { size: "xs", weight: "semibold", className: CLS_LIVE_BADGE, children: "\uD83C\uDFF7\uFE0F Live Auction" }), isEnded ? (_jsx(Span, { color: "error", surface: "danger-surface", size: "xs", weight: "medium", className: "inline-block", padding: "pill-sm", rounded: "full", children: "Ended" })) : (_jsx(Span, { color: "success", surface: "success-surface", size: "xs", weight: "medium", className: "inline-block", padding: "pill-sm", rounded: "full", children: "Active" }))] }), _jsx(Heading, { level: 1, className: "leading-snug", smSize: "2xl", color: "primary", size: "xl", weight: "bold", children: title })] }), _jsxs(Div, { children: [_jsx(Text, { className: "mb-0.5", color: "muted", size: "xs", children: "Current bid" }), _jsxs(Row, { align: "center", gap: "sm", wrap: true, children: [_jsx(Span, { weight: "bold", className: "text-primary-600 dark:text-primary-400", size: "2xl", children: formatCurrency(currentBid, currency) }), _jsxs(Span, { size: "sm", weight: "medium", rounded: "full", padding: "pill-md", surface: "subtle", color: "muted", children: [bidCount, " ", bidCount === 1 ? "bid" : "bids"] })] }), endDate && _jsxs(Text, { className: "mt-1.5", color: "muted", size: "sm", children: [isEnded ? "Ended" : "Ends", " ", _jsx(Span, { weight: "medium", color: "muted", children: endDate.toLocaleString() })] })] }), buyNowPrice !== null && !isEnded && (_jsxs(Row, { align: "center", gap: "sm", className: "border border-[var(--appkit-color-primary-200)] dark:border-[var(--appkit-color-primary-800)] bg-primary-50 dark:bg-primary-900/20", padding: "inlineSm", rounded: "lg", children: [_jsx(Span, { size: "xs", color: "muted", children: "Buy Now:" }), _jsx(Span, { size: "base", weight: "bold", className: "text-primary-700 dark:text-primary-300", children: formatCurrency(buyNowPrice, currency) })] })), _jsx(ProductFeatureBadges, { featured: featured, freeShipping: freeShipping, condition: condition ?? undefined, labels: { featured: "Featured", fasterDelivery: "Faster Delivery", ratedSeller: "Rated Seller", condition: "Condition", conditionNew: "New", conditionUsed: "Used", conditionBroken: "For Parts", conditionRefurbished: "Refurbished", returnable: "Returnable", freeShipping: "Free Shipping", codAvailable: "Cash on Delivery", emiAvailable: "EMI Available", wishlistCount: (n) => `${n} wishlisted`, categoryProductCount: (n, cat) => `${n} in ${cat}` } }), (categoryName || category || brand) && (_jsxs(Row, { gap: "sm", wrap: true, children: [category && _jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: "inline-flex items-center rounded-full border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] px-[var(--appkit-space-2-5)] py-[var(--appkit-space-1)] text-[length:var(--appkit-text-xs)] font-medium text-[var(--appkit-color-text-muted)] transition-colors hover:border-primary-300 hover:bg-primary-50 hover:text-primary-700 dark:hover:border-primary-700/60 dark:hover:bg-primary-900/20 dark:hover:text-primary-400", children: categoryName || category }), !category && categoryName && _jsx(Span, { layout: "inline-flex", size: "xs", weight: "medium", border: "subtle", rounded: "full", padding: "pill-sm-tall", surface: "muted", color: "muted", children: categoryName }), brand && brandSlug && _jsx(Link, { href: String(ROUTES.PUBLIC.BRAND_DETAIL(brandSlug)), className: "inline-flex items-center rounded-full border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] px-[var(--appkit-space-2-5)] py-[var(--appkit-space-1)] text-[length:var(--appkit-text-xs)] font-medium text-[var(--appkit-color-text-muted)] transition-colors hover:border-primary-300 hover:bg-primary-50 hover:text-primary-700 dark:hover:border-primary-700/60 dark:hover:bg-primary-900/20 dark:hover:text-primary-400", children: brand }), brand && !brandSlug && _jsx(Span, { layout: "inline-flex", size: "xs", weight: "medium", border: "subtle", rounded: "full", padding: "pill-sm-tall", surface: "muted", color: "muted", children: brand })] })), productFeatures && features.length > 0 && _jsx(FeatureBadgeList, { productFeatureIds: features, features: productFeatures }), !productFeatures && features.length > 0 && (_jsxs(Div, { border: "subtle", surface: "muted", padding: "inline", rounded: "xl", children: [_jsx(Text, { className: "mb-2 tracking-wide", color: "muted", size: "xs", weight: "semibold", transform: "uppercase", children: "About this item" }), _jsx(Ul, { spacing: "comfortable", size: "sm", color: "primary", children: features.map((f, i) => _jsxs(Li, { layout: "flex-start", gap: "2", children: [_jsx(Span, { className: "mt-0.5 flex-shrink-0 text-primary-500", children: "\u2022" }), f] }, i)) })] })), descriptionHtml && _jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm max-w-none dark:prose-invert prose-p:my-0", className: "text-[length:var(--appkit-text-sm)] leading-relaxed text-[var(--appkit-color-text-muted)] line-clamp-4" }), safeSeller && (_jsx(Div, { className: `${__P.p3}`, border: "subtle", rounded: "xl", surface: "muted", children: _jsxs(Row, { justify: "between", align: "center", children: [_jsxs(Div, { children: [_jsx(Text, { className: "text-[10px] tracking-wide mb-0.5", color: "faint", transform: "uppercase", children: "Listed by" }), _jsx(Text, { size: "sm", weight: "semibold", color: "primary", children: safeSeller })] }), storeHref && _jsx(Link, { href: storeHref, className: "shrink-0 rounded-lg bg-primary/10 dark:bg-primary/20 px-[var(--appkit-space-3)] py-[var(--appkit-space-1-5)] text-[length:var(--appkit-text-xs)] font-semibold text-primary-700 dark:text-primary-300 hover:bg-primary/20 dark:hover:bg-primary/30 transition-colors", children: "Visit Store \u2192" })] }) }))] }));
+    const { productId, title, currentBid, currency, bidCount, isEnded, endDate, buyNowPrice, featured, freeShipping, condition, category, categoryName, brand, brandSlug, productFeatures, features, descriptionHtml, safeSeller, storeHref } = props;
+    return (_jsxs(Stack, { gap: "md", children: [_jsxs(Div, { children: [_jsxs(Row, { gap: "xs", wrap: true, className: "mb-2", children: [_jsx(Span, { size: "xs", weight: "semibold", className: CLS_LIVE_BADGE, children: "\uD83C\uDFF7\uFE0F Live Auction" }), isEnded ? (_jsx(Span, { color: "error", surface: "danger-surface", size: "xs", weight: "medium", className: "inline-block", padding: "pill-sm", rounded: "full", children: "Ended" })) : (_jsx(Span, { color: "success", surface: "success-surface", size: "xs", weight: "medium", className: "inline-block", padding: "pill-sm", rounded: "full", children: "Active" }))] }), _jsx(Heading, { level: 1, className: "leading-snug", smSize: "2xl", color: "primary", size: "xl", weight: "bold", children: title })] }), _jsxs(Div, { children: [_jsx(Text, { className: "mb-0.5", color: "muted", size: "xs", children: "Current bid" }), _jsx(LiveBidPrice, { productId: productId, currentBid: currentBid, bidCount: bidCount, currency: currency, isEnded: isEnded, priceSize: "2xl", badgeSize: "sm" }), endDate && _jsxs(Text, { className: "mt-1.5", color: "muted", size: "sm", children: [isEnded ? "Ended" : "Ends", " ", _jsx(Span, { weight: "medium", color: "muted", children: endDate.toLocaleString() })] })] }), buyNowPrice !== null && !isEnded && (_jsxs(Row, { align: "center", gap: "sm", className: "border border-[var(--appkit-color-primary-200)] dark:border-[var(--appkit-color-primary-800)] bg-primary-50 dark:bg-primary-900/20", padding: "inlineSm", rounded: "lg", children: [_jsx(Span, { size: "xs", color: "muted", children: "Buy Now:" }), _jsx(Span, { size: "base", weight: "bold", className: "text-primary-700 dark:text-primary-300", children: formatCurrency(buyNowPrice, currency) })] })), _jsx(ProductFeatureBadges, { featured: featured, freeShipping: freeShipping, condition: condition ?? undefined, labels: { featured: "Featured", fasterDelivery: "Faster Delivery", ratedSeller: "Rated Seller", condition: "Condition", conditionNew: "New", conditionUsed: "Used", conditionBroken: "For Parts", conditionRefurbished: "Refurbished", returnable: "Returnable", freeShipping: "Free Shipping", codAvailable: "Cash on Delivery", emiAvailable: "EMI Available", wishlistCount: (n) => `${n} wishlisted`, categoryProductCount: (n, cat) => `${n} in ${cat}` } }), (categoryName || category || brand) && (_jsxs(Row, { gap: "sm", wrap: true, children: [category && _jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: "inline-flex items-center rounded-full border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] px-[var(--appkit-space-2-5)] py-[var(--appkit-space-1)] text-[length:var(--appkit-text-xs)] font-medium text-[var(--appkit-color-text-muted)] transition-colors hover:border-primary-300 hover:bg-primary-50 hover:text-primary-700 dark:hover:border-primary-700/60 dark:hover:bg-primary-900/20 dark:hover:text-primary-400", children: categoryName || category }), !category && categoryName && _jsx(Span, { layout: "inline-flex", size: "xs", weight: "medium", border: "subtle", rounded: "full", padding: "pill-sm-tall", surface: "muted", color: "muted", children: categoryName }), brand && brandSlug && _jsx(Link, { href: String(ROUTES.PUBLIC.BRAND_DETAIL(brandSlug)), className: "inline-flex items-center rounded-full border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] px-[var(--appkit-space-2-5)] py-[var(--appkit-space-1)] text-[length:var(--appkit-text-xs)] font-medium text-[var(--appkit-color-text-muted)] transition-colors hover:border-primary-300 hover:bg-primary-50 hover:text-primary-700 dark:hover:border-primary-700/60 dark:hover:bg-primary-900/20 dark:hover:text-primary-400", children: brand }), brand && !brandSlug && _jsx(Span, { layout: "inline-flex", size: "xs", weight: "medium", border: "subtle", rounded: "full", padding: "pill-sm-tall", surface: "muted", color: "muted", children: brand })] })), productFeatures && features.length > 0 && _jsx(FeatureBadgeList, { productFeatureIds: features, features: productFeatures }), !productFeatures && features.length > 0 && (_jsxs(Div, { border: "subtle", surface: "muted", padding: "inline", rounded: "xl", children: [_jsx(Text, { className: "mb-2 tracking-wide", color: "muted", size: "xs", weight: "semibold", transform: "uppercase", children: "About this item" }), _jsx(Ul, { spacing: "comfortable", size: "sm", color: "primary", children: features.map((f, i) => _jsxs(Li, { layout: "flex-start", gap: "2", children: [_jsx(Span, { className: "mt-0.5 flex-shrink-0 text-primary-500", children: "\u2022" }), f] }, i)) })] })), descriptionHtml && _jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm max-w-none dark:prose-invert prose-p:my-0", className: "text-[length:var(--appkit-text-sm)] leading-relaxed text-[var(--appkit-color-text-muted)] line-clamp-4" }), safeSeller && (_jsx(Div, { className: `${__P.p3}`, border: "subtle", rounded: "xl", surface: "muted", children: _jsxs(Row, { justify: "between", align: "center", children: [_jsxs(Div, { children: [_jsx(Text, { className: "text-[10px] tracking-wide mb-0.5", color: "faint", transform: "uppercase", children: "Listed by" }), _jsx(Text, { size: "sm", weight: "semibold", color: "primary", children: safeSeller })] }), storeHref && _jsx(Link, { href: storeHref, className: "shrink-0 rounded-lg bg-primary/10 dark:bg-primary/20 px-[var(--appkit-space-3)] py-[var(--appkit-space-1-5)] text-[length:var(--appkit-text-xs)] font-semibold text-primary-700 dark:text-primary-300 hover:bg-primary/20 dark:hover:bg-primary/30 transition-colors", children: "Visit Store \u2192" })] }) }))] }));
 }
 function renderAuctionStoreReviews(storeReviews) {
     if (storeReviews.length === 0)
@@ -53,7 +54,7 @@ export async function AuctionDetailPageView({ id, initialAuction, onPlaceBid, on
         ? (initialAuction ?? undefined)
         : await productRepository.findByIdOrSlug(id).catch(() => undefined);
     const bidsResult = product
-        ? await listBidsByProduct(String(product.id), { pageSize: 20 }).catch(() => null)
+        ? await listBidsByProduct(String(product.id), { pageSize: 5 }).catch(() => null)
         : null;
     const storeId = product?.storeId;
     const storeReviews = storeId
@@ -83,6 +84,7 @@ export async function AuctionDetailPageView({ id, initialAuction, onPlaceBid, on
         : typeof p.mainImage === "string"
             ? [p.mainImage]
             : [];
+    const productVideo = p.video;
     const endDate = p.auctionEndDate ? new Date(p.auctionEndDate) : null;
     const isEnded = endDate ? endDate < new Date() : false;
     const bidCount = typeof p.bidCount === "number" ? p.bidCount : 0;
@@ -125,23 +127,18 @@ export async function AuctionDetailPageView({ id, initialAuction, onPlaceBid, on
                     price: typeof p.price === "number" ? p.price : undefined,
                     storeId: typeof p.storeId === "string" ? p.storeId : undefined,
                     storeName: typeof p.storeName === "string" ? p.storeName : undefined,
-                } }), _jsxs(Container, { size: "xl", padding: "y-lg", children: [_jsxs(Row, { className: "mb-4", align: "center", justify: "between", gap: "sm", wrap: true, children: [_jsxs(Nav, { "aria-label": "Breadcrumb", layout: "flex-wrap", gap: "2xs", textSize: "xs", color: "muted", children: [_jsx(Link, { href: String(ROUTES.HOME), className: CLS_BREADCRUMB_LINK, children: "Home" }), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.AUCTIONS), className: CLS_BREADCRUMB_LINK, children: "Auctions" }), category && (_jsxs(_Fragment, { children: [_jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: CLS_BREADCRUMB_LINK, children: categoryName || category })] })), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Span, { className: "truncate max-w-[200px]", color: "muted", children: title })] }), _jsx(ShareButton, { title: title })] }), _jsx(AuctionDetailView, { renderGallery: () => (_jsx(ProductGalleryClient, { images: images, productName: title })), renderInfo: () => renderAuctionInfoPanel({ title, currentBid, currency, bidCount, isEnded, endDate, buyNowPrice, featured, freeShipping, condition, category, categoryName, brand, brandSlug, productFeatures, features, descriptionHtml, safeSeller, storeHref }), renderBidForm: () => onPlaceBid ? (_jsx(Stack, { id: "auction-bid-form", gap: "3", children: _jsxs(Stack, { className: `${__P.p5}`, border: "subtle", gap: "3", rounded: "xl", surface: "muted", children: [_jsxs(Row, { justify: "between", align: "baseline", children: [_jsx(Span, { size: "xl", weight: "bold", className: "text-primary-600 dark:text-primary-400", children: formatCurrency(currentBid, currency) }), _jsxs(Span, { size: "xs", color: "muted", children: [bidCount, " ", bidCount === 1 ? "bid" : "bids", !isEnded && _jsxs(_Fragment, { children: [" \u00B7 min increment ", formatCurrency(minBidIncrement, currency)] })] })] }), _jsx(PlaceBidModalButton, { productId: String(product.id), currentBid: currentBid, startingBid: startingBid, minBidIncrement: minBidIncrement, currency: currency, isEnded: isEnded, buyNowPrice: buyNowPrice, bidsHaveStarted: bidsHaveStarted, bidCount: bidCount, tags: tags, onPlaceBid: onPlaceBid, onBuyNow: onBuyNow, triggerClassName: "w-full" })] }) })) : (
+                } }), _jsxs(Container, { size: "xl", padding: "y-lg", children: [_jsxs(Row, { className: "mb-4", align: "center", justify: "between", gap: "sm", wrap: true, children: [_jsxs(Nav, { "aria-label": "Breadcrumb", layout: "flex-wrap", gap: "2xs", textSize: "xs", color: "muted", children: [_jsx(Link, { href: String(ROUTES.HOME), className: CLS_BREADCRUMB_LINK, children: "Home" }), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.AUCTIONS), className: CLS_BREADCRUMB_LINK, children: "Auctions" }), category && (_jsxs(_Fragment, { children: [_jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: CLS_BREADCRUMB_LINK, children: categoryName || category })] })), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Span, { className: "truncate max-w-[200px]", color: "muted", children: title })] }), _jsx(ShareButton, { title: title })] }), _jsx(AuctionDetailView, { renderGallery: () => (_jsx(ProductGalleryClient, { images: images, video: productVideo, productName: title })), renderInfo: () => renderAuctionInfoPanel({ productId: String(product.id), title, currentBid, currency, bidCount, isEnded, endDate, buyNowPrice, featured, freeShipping, condition, category, categoryName, brand, brandSlug, productFeatures, features, descriptionHtml, safeSeller, storeHref }), renderBidForm: () => onPlaceBid ? (_jsx(Stack, { id: "auction-bid-form", gap: "3", children: _jsxs(Stack, { className: `${__P.p5}`, border: "subtle", gap: "3", rounded: "xl", surface: "muted", children: [_jsxs(Row, { justify: "between", align: "baseline", children: [_jsx(LiveBidPrice, { productId: String(product.id), currentBid: currentBid, bidCount: bidCount, currency: currency, isEnded: isEnded, priceSize: "xl", badgeSize: "xs" }), !isEnded && (_jsxs(Span, { size: "xs", color: "muted", children: ["min increment ", formatCurrency(minBidIncrement, currency)] }))] }), _jsx(PlaceBidModalButton, { productId: String(product.id), currentBid: currentBid, startingBid: startingBid, minBidIncrement: minBidIncrement, currency: currency, isEnded: isEnded, buyNowPrice: buyNowPrice, bidsHaveStarted: bidsHaveStarted, bidCount: bidCount, tags: tags, onPlaceBid: onPlaceBid, onBuyNow: onBuyNow, triggerClassName: "w-full" })] }) })) : (
                         /* Read-only bid panel — shown when no bid action is wired (preview/demo) */
-                        _jsxs(Stack, { className: `${__P.p5}`, border: "subtle", gap: "md", rounded: "xl", surface: "muted", children: [_jsx(Stack, { gap: "xs", children: _jsxs(Text, { size: "xs", color: "muted", children: ["Starting bid: ", formatCurrency(startingBid, currency), !isEnded && _jsxs(_Fragment, { children: [" \u00B7 min increment ", formatCurrency(minBidIncrement, currency)] })] }) }), _jsxs(Stack, { gap: "sm", children: [_jsx(Input, { type: "number", placeholder: `At least ${formatCurrency(currentBid + minBidIncrement, currency)}`, min: currentBid + minBidIncrement, "aria-label": "Your bid amount", disabled: isEnded }), _jsx(Button, { variant: "primary", size: "md", className: "w-full", disabled: isEnded, children: isEnded ? "Auction Ended" : "Place Bid" }), buyNowPrice !== null && !isEnded && !bidsHaveStarted && (_jsxs(Button, { variant: "secondary", size: "md", className: "w-full", disabled: true, children: ["Buy Now \u2014 ", formatCurrency(buyNowPrice, currency)] }))] }), tags.length > 0 && (_jsx(Div, { border: "default", className: "border-t", padding: "t-md", children: _jsx(Row, { wrap: true, gap: "xs", children: tags.map((tag) => (_jsx(Span, { size: "xs", rounded: "full", padding: "pill-sm-tall", surface: "subtle", color: "muted", children: tag }, tag))) }) }))] })), renderMobileBidForm: () => !isEnded && onPlaceBid ? (_jsxs(Stack, { className: `lg:hidden ${__P.p4}`, border: "subtle", gap: "3", rounded: "xl", surface: "muted", children: [_jsxs(Row, { align: "center", gap: "sm", children: [_jsx(Span, { size: "base", weight: "bold", className: "text-primary-600 dark:text-primary-400", children: formatCurrency(currentBid, currency) }), _jsxs(Span, { size: "xs", color: "muted", children: [bidCount, " bids"] })] }), _jsx(PlaceBidModalButton, { productId: String(product.id), currentBid: currentBid, startingBid: startingBid, minBidIncrement: minBidIncrement, currency: currency, isEnded: isEnded, buyNowPrice: buyNowPrice, bidsHaveStarted: bidsHaveStarted, bidCount: bidCount, tags: tags, onPlaceBid: onPlaceBid, onBuyNow: onBuyNow, triggerClassName: "w-full" })] })) : !isEnded ? (_jsxs(Div, { className: `${__P.p4} lg:hidden`, border: "subtle", rounded: "xl", surface: "muted", children: [_jsxs(Row, { align: "center", gap: "sm", className: "mb-3", children: [_jsx(Span, { size: "base", weight: "bold", className: "text-primary-600 dark:text-primary-400", children: formatCurrency(currentBid, currency) }), _jsxs(Span, { size: "xs", color: "muted", children: [bidCount, " bids"] })] }), _jsx(Button, { variant: "primary", size: "md", className: "w-full", children: "Place Bid" })] })) : null, renderSublistingSection: sublistingCategoryId
+                        _jsxs(Stack, { className: `${__P.p5}`, border: "subtle", gap: "md", rounded: "xl", surface: "muted", children: [_jsx(Stack, { gap: "xs", children: _jsxs(Text, { size: "xs", color: "muted", children: ["Starting bid: ", formatCurrency(startingBid, currency), !isEnded && _jsxs(_Fragment, { children: [" \u00B7 min increment ", formatCurrency(minBidIncrement, currency)] })] }) }), _jsxs(Stack, { gap: "sm", children: [_jsx(Input, { type: "number", placeholder: `At least ${formatCurrency(currentBid + minBidIncrement, currency)}`, min: currentBid + minBidIncrement, "aria-label": "Your bid amount", disabled: isEnded }), _jsx(Button, { variant: "primary", size: "md", className: "w-full", disabled: isEnded, children: isEnded ? "Auction Ended" : "Place Bid" }), buyNowPrice !== null && !isEnded && !bidsHaveStarted && (_jsxs(Button, { variant: "secondary", size: "md", className: "w-full", disabled: true, children: ["Buy Now \u2014 ", formatCurrency(buyNowPrice, currency)] }))] }), tags.length > 0 && (_jsx(Div, { border: "default", className: "border-t", padding: "t-md", children: _jsx(Row, { wrap: true, gap: "xs", children: tags.map((tag) => (_jsx(Span, { size: "xs", rounded: "full", padding: "pill-sm-tall", surface: "subtle", color: "muted", children: tag }, tag))) }) }))] })), renderMobileBidForm: () => !isEnded && onPlaceBid ? (_jsxs(Stack, { className: `lg:hidden ${__P.p4}`, border: "subtle", gap: "3", rounded: "xl", surface: "muted", children: [_jsx(LiveBidPrice, { productId: String(product.id), currentBid: currentBid, bidCount: bidCount, currency: currency, isEnded: isEnded, priceSize: "base", badgeSize: "xs" }), _jsx(PlaceBidModalButton, { productId: String(product.id), currentBid: currentBid, startingBid: startingBid, minBidIncrement: minBidIncrement, currency: currency, isEnded: isEnded, buyNowPrice: buyNowPrice, bidsHaveStarted: bidsHaveStarted, bidCount: bidCount, tags: tags, onPlaceBid: onPlaceBid, onBuyNow: onBuyNow, triggerClassName: "w-full" })] })) : !isEnded ? (_jsxs(Div, { className: `${__P.p4} lg:hidden`, border: "subtle", rounded: "xl", surface: "muted", children: [_jsxs(Row, { align: "center", gap: "sm", className: "mb-3", children: [_jsx(Span, { size: "base", weight: "bold", className: "text-primary-600 dark:text-primary-400", children: formatCurrency(currentBid, currency) }), _jsxs(Span, { size: "xs", color: "muted", children: [bidCount, " bids"] })] }), _jsx(Button, { variant: "primary", size: "md", className: "w-full", children: "Place Bid" })] })) : null, renderSublistingSection: sublistingCategoryId
                             ? () => (_jsx(SublistingCarouselSection, { sublistingCategoryId: sublistingCategoryId, currentListingId: String(product.id) }))
                             : undefined, renderTabs: () => (_jsx(ProductTabsShell, { descriptionContent: descriptionHtml ? (_jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm sm:prose max-w-none dark:prose-invert", className: "text-[var(--appkit-color-text-muted)]" })) : undefined, specsContent: specs.length > 0 ? (_jsx(Dl, { divide: "subtle", rounded: "xl", border: "subtle", className: "overflow-hidden", children: specs.map((s, i) => (_jsxs(Row, { gap: "md", oddEven: "zebra", surface: "default", padding: "inline", children: [_jsx(Dt, { className: "w-36 flex-shrink-0", color: "primary", weight: "medium", children: s.name }), _jsxs(Dd, { className: "flex-1", color: "muted", children: [s.value, s.unit ? ` ${s.unit}` : ""] })] }, i))) })) : undefined, customTabs: customSections.map((s) => ({
                                 id: s.id,
                                 label: s.title,
                                 content: _jsx(CustomSectionTabContent, { section: s }),
                             })) })), renderBidHistory: () => {
-                            const bids = (bidsResult?.items ?? []).map((b) => ({
-                                id: String(b.id ?? ""),
-                                bidderId: String(b.userId ?? b.bidderId ?? ""),
-                                bidderName: (b.bidderName ?? b.userName),
-                                amount: (typeof b.bidAmount === "number" ? b.bidAmount : typeof b.amount === "number" ? b.amount : 0),
-                                placedAt: (b.bidDate ?? b.createdAt ?? b.bidAt ?? ""),
-                            }));
-                            return _jsx(CollapsibleBidHistory, { bids: bids, currency: currency });
+                            if (!bidsResult)
+                                return null;
+                            return (_jsx(CollapsibleBidHistory, { productId: String(product.id), initialData: bidsResult, currency: currency }));
                         }, renderRelated: () => {
                             const now = new Date();
                             const related = relatedDocs

package/dist/features/auctions/components/CollapsibleBidHistory.d.ts

@@ -1,8 +1,29 @@
 import React from "react";
 import type { BidHistoryEntry } from "../../products/components/BidHistory";
+import { type BidListResponse } from "../hooks/useBids";
+interface RawBidLike {
+    id?: unknown;
+    userId?: unknown;
+    bidderId?: unknown;
+    userName?: unknown;
+    bidderName?: unknown;
+    bidAmount?: unknown;
+    amount?: unknown;
+    bidDate?: unknown;
+    createdAt?: unknown;
+    bidAt?: unknown;
+}
+/** Shared shape mapper — SSR's raw bid docs and useBids()'s client-fetched
+ *  pages both go through this so every page (SSR page 1, client pages 2+)
+ *  renders identically. */
+export declare function toBidHistoryEntry(b: RawBidLike): BidHistoryEntry;
 interface CollapsibleBidHistoryProps {
-    bids: BidHistoryEntry[];
+    productId: string;
+    /** SSR page-1 result — seeds `useBids()`'s cache so opening the section
+     *  doesn't trigger a redundant fetch for the page already rendered. */
+    initialData: BidListResponse;
     currency: string;
+    pageSize?: number;
 }
-export declare function CollapsibleBidHistory({ bids, currency }: CollapsibleBidHistoryProps): React.JSX.Element;
+export declare function CollapsibleBidHistory({ productId, initialData, currency, pageSize }: CollapsibleBidHistoryProps): React.JSX.Element;
 export {};

package/dist/features/auctions/components/CollapsibleBidHistory.js

@@ -1,12 +1,30 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Button, Div, Span } from "../../../ui";
+import { Button, Div, Row, Span } from "../../../ui";
+import { Pagination } from "../../../ui/components/Pagination";
 import { BidHistory } from "../../products/components/BidHistory";
+import { useBids } from "../hooks/useBids";
 const __O = {
     hidden: "overflow-hidden",
 };
-export function CollapsibleBidHistory({ bids, currency }) {
+/** Shared shape mapper — SSR's raw bid docs and useBids()'s client-fetched
+ *  pages both go through this so every page (SSR page 1, client pages 2+)
+ *  renders identically. */
+export function toBidHistoryEntry(b) {
+    return {
+        id: String(b.id ?? ""),
+        bidderId: String(b.userId ?? b.bidderId ?? ""),
+        bidderName: (b.bidderName ?? b.userName),
+        amount: typeof b.bidAmount === "number" ? b.bidAmount : typeof b.amount === "number" ? b.amount : 0,
+        placedAt: (b.bidDate ?? b.createdAt ?? b.bidAt ?? ""),
+    };
+}
+export function CollapsibleBidHistory({ productId, initialData, currency, pageSize = 5 }) {
     const [open, setOpen] = useState(false);
-    return (_jsxs(Div, { className: `mt-6 ${__O.hidden}`, border: "subtle", rounded: "xl", children: [_jsxs(Button, { type: "button", variant: "ghost", onClick: () => setOpen((v) => !v), paddingX: "md", paddingY: "md", rounded: "none", className: "w-full justify-between bg-[var(--appkit-color-surface)]/60 hover:bg-[var(--appkit-color-surface-elevated)]", "aria-expanded": open, children: [_jsxs(Span, { size: "sm", weight: "semibold", className: "tracking-wide", color: "muted", transform: "uppercase", children: ["Bid History", bids.length > 0 && (_jsx(Span, { size: "xs", weight: "medium", className: "ml-2 normal-case tracking-normal", rounded: "full", padding: "pill-xs", surface: "subtle", color: "muted", children: bids.length }))] }), _jsx("svg", { className: `h-4 w-4 text-zinc-400 transition-transform duration-200 ${open ? "rotate-180" : ""}`, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) })] }), open && (_jsx(Div, { surface: "default", padding: "md", children: _jsx(BidHistory, { bids: bids, isEmpty: bids.length === 0, currency: currency }) }))] }));
+    const [page, setPage] = useState(1);
+    const { bids: rawBids, totalPages, isLoading } = useBids({ productId, page, pageSize }, { initialData, enabled: open });
+    const bids = rawBids.map(toBidHistoryEntry);
+    const total = initialData.total;
+    return (_jsxs(Div, { className: `mt-6 ${__O.hidden}`, border: "subtle", rounded: "xl", children: [_jsxs(Button, { type: "button", variant: "ghost", onClick: () => setOpen((v) => !v), paddingX: "md", paddingY: "md", rounded: "none", className: "w-full justify-between bg-[var(--appkit-color-surface)]/60 hover:bg-[var(--appkit-color-surface-elevated)]", "aria-expanded": open, children: [_jsxs(Span, { size: "sm", weight: "semibold", className: "tracking-wide", color: "muted", transform: "uppercase", children: ["Bid History", total > 0 && (_jsx(Span, { size: "xs", weight: "medium", className: "ml-2 normal-case tracking-normal", rounded: "full", padding: "pill-xs", surface: "subtle", color: "muted", children: total }))] }), _jsx("svg", { className: `h-4 w-4 text-zinc-400 transition-transform duration-200 ${open ? "rotate-180" : ""}`, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) })] }), open && (_jsxs(Div, { surface: "default", padding: "md", children: [_jsx(BidHistory, { bids: bids, isLoading: isLoading && bids.length === 0, isEmpty: !isLoading && bids.length === 0, currency: currency }), totalPages > 1 && (_jsx(Row, { justify: "center", className: "mt-4", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage, size: "sm" }) }))] }))] }));
 }

package/dist/features/auctions/components/LiveBidPrice.d.ts

@@ -0,0 +1,19 @@
+export interface LiveBidPriceProps {
+    productId: string;
+    currentBid: number;
+    bidCount: number;
+    currency: string;
+    isEnded: boolean;
+    /** Matches the appkit `<Span size>` scale — pick to match the call site. */
+    priceSize?: "base" | "lg" | "xl" | "2xl";
+    badgeSize?: "xs" | "sm";
+}
+/**
+ * LiveBidPrice — the current-bid + bid-count pill, kept live via the
+ * `/auction-bids/{id}` SSE channel. Replaces 3 near-identical static
+ * SSR-only displays on the auction detail page (info panel, desktop and
+ * mobile compact bid-summary cards) so every viewer watching the page sees
+ * a new bid the instant it's placed, not just after their own bid or a
+ * page reload.
+ */
+export declare function LiveBidPrice({ productId, currentBid, bidCount, currency, isEnded, priceSize, badgeSize, }: LiveBidPriceProps): import("react").JSX.Element;