@mohasinac/appkit 4.13.1 → 4.15.0

package/dist/features/blog/schemas/blog-form.js

@@ -0,0 +1,100 @@
+/*
+ * WHY: The blog form's schema used to live inside `AdminBlogEditorView.tsx`.
+ *      Registering it in `SCHEMAS.forms` from there would have made
+ *      `schemas/registry.ts` import a `.tsx` component — and `routeHandler.ts`
+ *      imports SCHEMAS, so every API route would have pulled the admin blog
+ *      editor's whole React tree into the server bundle. Schemas belong in
+ *      `schemas/`; that is the layering this restores.
+ * WHAT: The blog editor's form schema, with its UI metadata.
+ *
+ * EXPORTS:
+ *   blogDraftSchema
+ *
+ * @tag domain:blog
+ * @tag layer:schema
+ * @tag pattern:none
+ * @tag access:isomorphic
+ * @tag consumers:AdminBlogEditorView,SCHEMAS.forms
+ * @tag sideEffects:none
+ */
+import { z } from "zod";
+import { annotate } from "../../shell/field-ui-meta";
+import { blogPostCategorySchema } from "./index";
+/**
+ * The blog form's own schema. Distinct from `blogPostSchema` (blog/schemas),
+ * which requires an `id` this draft cannot have before its first save and
+ * models `coverImage` as a `MediaField` where the form holds a plain URL.
+ *
+ * ## Why `.passthrough()` is gone
+ *
+ * It used to name FOUR of the draft's fourteen fields and rely on passthrough
+ * to keep the other ten alive. That is the single most dangerous shape in this
+ * codebase — `z.object()` strips unknown keys, so the moment anyone tightened
+ * it, ten fields would vanish on the next save with no error. Verified safe to
+ * remove here: every one of the fourteen is now named, and the save payload
+ * (below) maps each explicitly rather than spreading the draft, so there is no
+ * extra key for passthrough to have been protecting.
+ *
+ * ## Section, row and control come from the field itself
+ *
+ * 🛑 `annotate()` must be the OUTERMOST call — it keys a WeakMap by schema
+ * instance and every zod wrapper returns a new one, so
+ * `annotate(z.string(), …).optional()` silently loses the metadata and drops
+ * the field into the "advanced" fallback. `audit-field-ui-meta` blocks it.
+ */
+export const blogDraftSchema = z.object({
+    title: annotate(z.string().min(1, "Title is required"), {
+        section: "content", sectionLabel: "Content", sectionRequired: true,
+        quick: true, order: 1, row: "full",
+    }),
+    /**
+     * NO `blog-` prefix. Surfaced by `roundtrip-diff` in W4: the schema demanded
+     * `/^blog-/`, and **all 20 stored posts fail it** — every seeded post holds
+     * the bare slug (`spot-genuine-takara-tomy-beyblade`) while only the
+     * DOCUMENT ID carries the prefix (`generateBlogPostId` adds it).
+     *
+     * `BlogRepository.findBySlug` queries this field directly, so the public URL
+     * is the bare slug. The regex therefore broke the editor from both ends:
+     * opening any existing post flagged its slug invalid, and "fixing" it to
+     * satisfy the rule would rewrite the stored slug and 404 the live URL.
+     */
+    slug: annotate(z.string().min(1, "Slug is required"), {
+        section: "content", quick: true, order: 2, row: "full",
+        // T1 calculated: derived from the title on CREATE only, then frozen.
+        // Recomputing on rename would break every inbound link and bookmark —
+        // categories, brands and bundles all establish that convention.
+        tier: "t1-derive",
+        help: "Auto-filled from the title. Changing it after publishing breaks existing links.",
+    }),
+    excerpt: annotate(z.string().max(300, "Keep the excerpt under 300 characters."), {
+        section: "content", order: 3, row: "full",
+    }),
+    content: annotate(z.string().min(1, "Content is required"), {
+        section: "content", quick: true, order: 4, row: "full",
+    }),
+    coverImage: annotate(z.string(), {
+        section: "media", sectionLabel: "Media", order: 1, row: "full", kind: "media",
+    }),
+    youtubeId: annotate(z.string(), {
+        section: "media", order: 2, row: "full",
+        help: "A YouTube video id or watch URL — rendered as a privacy-mode embed.",
+    }),
+    category: annotate(blogPostCategorySchema, {
+        section: "seo", sectionLabel: "SEO & Tags", quick: true, order: 1, row: "pair",
+    }),
+    tags: annotate(z.array(z.string()), {
+        section: "seo", order: 2, row: "full", kind: "list",
+    }),
+    metaTitle: annotate(z.string().max(60, "Keep the meta title under 60 characters."), {
+        section: "seo", order: 3, row: "full", tier: "t1-derive",
+    }),
+    metaDescription: annotate(z.string().max(160, "Keep the meta description under 160 characters.").or(z.literal("")), { section: "seo", order: 4, row: "full", tier: "t1-derive" }),
+    status: annotate(z.enum(["draft", "published", "archived"]), {
+        section: "publish", sectionLabel: "Publish", quick: true, order: 1, row: "pair",
+    }),
+    publishedAt: annotate(z.string(), {
+        section: "publish", order: 2, row: "pair", kind: "date",
+    }),
+    authorName: annotate(z.string(), { section: "publish", order: 3, row: "pair" }),
+    isFeatured: annotate(z.boolean(), { section: "publish", order: 4, row: "quarter" }),
+});

package/dist/features/blog/schemas/index.d.ts

@@ -125,8 +125,8 @@ export declare const blogPostFirestoreSchema: z.ZodObject<{
     updatedAt: string | Date | z.objectOutputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
-    category: string;
     slug: string;
+    category: string;
     tags: string[];
     isFeatured: boolean;
     excerpt: string;
@@ -178,8 +178,8 @@ export declare const blogPostFirestoreSchema: z.ZodObject<{
     updatedAt: string | Date | z.objectInputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
-    category: string;
     slug: string;
+    category: string;
     tags: string[];
     isFeatured: boolean;
     excerpt: string;
@@ -358,8 +358,8 @@ export declare const blogPostSchema: z.ZodObject<{
     status: "draft" | "published" | "archived";
     id: string;
     title: string;
-    category: "news" | "tips" | "guides" | "updates" | "community";
     slug: string;
+    category: "news" | "tips" | "guides" | "updates" | "community";
     coverImage: {
         type: "video" | "image" | "file";
         url: string;
@@ -394,8 +394,8 @@ export declare const blogPostSchema: z.ZodObject<{
     createdAt?: string | undefined;
     updatedAt?: string | undefined;
     tags?: string[] | undefined;
-    isFeatured?: boolean | undefined;
     publishedAt?: string | undefined;
+    isFeatured?: boolean | undefined;
     excerpt?: string | undefined;
     authorId?: string | undefined;
     authorName?: string | undefined;
@@ -408,14 +408,14 @@ export declare const blogPostSchema: z.ZodObject<{
     status: "draft" | "published" | "archived";
     id: string;
     title: string;
-    category: "news" | "tips" | "guides" | "updates" | "community";
     slug: string;
+    category: "news" | "tips" | "guides" | "updates" | "community";
     content?: string | undefined;
     createdAt?: string | undefined;
     updatedAt?: string | undefined;
     tags?: string[] | undefined;
-    isFeatured?: boolean | undefined;
     publishedAt?: string | undefined;
+    isFeatured?: boolean | undefined;
     excerpt?: string | undefined;
     coverImage?: string | {
         type: "video" | "image" | "file";

package/dist/features/cart/repository/cart.repository.js

@@ -100,6 +100,7 @@ export class CartRepository extends BaseRepository {
                     ...(input.isAuctionWin !== undefined && { isAuctionWin: input.isAuctionWin }),
                     ...(input.auctionId !== undefined && { auctionId: input.auctionId }),
                     ...(input.bidId !== undefined && { bidId: input.bidId }),
+                    ...(input.isBuyout !== undefined && { isBuyout: input.isBuyout }),
                     ...(input.lockedPrice !== undefined && {
                         lockedPrice: input.lockedPrice,
                     }),

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

@@ -38,6 +38,19 @@ export interface CartItemDocument {
     auctionId?: string;
     /** The winning bid, so the resulting order can be linked back to it. */
     bidId?: string;
+    /**
+     * True when this auction line came from Buy Now rather than from settlement.
+     *
+     * The two are NOT interchangeable even though both sit in the auction lane:
+     *  - a settlement line is a FINISHED auction — the item is already sold, the
+     *    buyer owes it, and the 48h window costs nobody anything;
+     *  - a buyout line is a CLAIM on an auction that is still live and still
+     *    taking bids. The item is not sold yet; it becomes sold only when
+     *    `claimAuctionForCheckout` commits at order time. Hence the 1h window,
+     *    and hence a lapse that cancels the bid rather than forfeiting it —
+     *    nothing was won, so nothing is forfeited, and the auction is untouched.
+     */
+    isBuyout?: boolean;
     /** Locked offer/winning-bid price — overrides normal product price at checkout */
     lockedPrice?: number;
     /**
@@ -158,6 +171,8 @@ export type AddToCartInput = {
     isAuctionWin?: boolean;
     auctionId?: string;
     bidId?: string;
+    /** See `CartItemDocument.isBuyout` — a claim on a live auction, not a win. */
+    isBuyout?: boolean;
     lockedPrice?: number;
     checkoutDeadline?: Date;
     locked?: boolean;

package/dist/features/catalogue/schemas/validation.d.ts

@@ -13,8 +13,8 @@ export declare const createCatalogueItemSchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     title: string;
     images: string[];
-    visibility: "public" | "private";
     quantity: number;
+    visibility: "public" | "private";
     description?: string | undefined;
     categorySlugs?: string[] | undefined;
     brandSlug?: string | undefined;
@@ -30,8 +30,8 @@ export declare const createCatalogueItemSchema: z.ZodObject<{
     mainImage?: string | undefined;
     images?: string[] | undefined;
     condition?: "new" | "used" | "refurbished" | "like_new" | "good" | "fair" | "poor" | "broken" | "graded" | undefined;
-    visibility?: "public" | "private" | undefined;
     quantity?: number | undefined;
+    visibility?: "public" | "private" | undefined;
 }>;
 export declare const updateCatalogueItemSchema: z.ZodObject<{
     title: z.ZodOptional<z.ZodString>;
@@ -53,8 +53,8 @@ export declare const updateCatalogueItemSchema: z.ZodObject<{
     mainImage?: string | undefined;
     images?: string[] | undefined;
     condition?: "new" | "used" | "refurbished" | "like_new" | "good" | "fair" | "poor" | "broken" | "graded" | undefined;
-    visibility?: "public" | "private" | undefined;
     quantity?: number | undefined;
+    visibility?: "public" | "private" | undefined;
 }, {
     title?: string | undefined;
     description?: string | undefined;
@@ -64,8 +64,8 @@ export declare const updateCatalogueItemSchema: z.ZodObject<{
     mainImage?: string | undefined;
     images?: string[] | undefined;
     condition?: "new" | "used" | "refurbished" | "like_new" | "good" | "fair" | "poor" | "broken" | "graded" | undefined;
-    visibility?: "public" | "private" | undefined;
     quantity?: number | undefined;
+    visibility?: "public" | "private" | undefined;
 }>;
 export type CreateCatalogueItemInput = z.infer<typeof createCatalogueItemSchema>;
 export type UpdateCatalogueItemInput = z.infer<typeof updateCatalogueItemSchema>;

package/dist/features/categories/components/BrandDetailPageView.js

@@ -12,6 +12,10 @@ import { CategoryGrid } from "./CategoryGrid";
 import { CategoryHighlightsAndFaqSection } from "./CategoryHighlightsAndFaqSection";
 import { GroupedListingsCarousel } from "../../grouped/components/GroupedListingsCarousel";
 import { getGroupsForBrand } from "../../../_internal/server/features/grouped/data";
+import { listingTabCounts, } from "../../../_internal/server/features/products/listing-tab-counts";
+import { CATEGORY_PAGE_TABS } from "../../products/constants/listing-tabs";
+import { enabledCategoryTypes, enabledListingTypes } from "../../../_internal/shared/listing-types/feature-flags";
+import { siteSettingsRepository } from "../../../repositories";
 const __O = {
     hidden: "overflow-hidden",
 };
@@ -20,7 +24,7 @@ export async function BrandDetailPageView({ slug, initialBrand }) {
         .getCategoryBySlug(slug)
         .catch(() => undefined)));
     const brandName = brand?.name;
-    const [productsResult, auctionsResult, preOrdersResult, prizeDrawsResult, allBundles, activeBrands, groupedListings] = await Promise.all([
+    const [productsResult, tabCounts, allBundles, activeBrands, groupedListings, settings] = await Promise.all([
         brandName
             ? productRepository
                 .list({
@@ -31,36 +35,12 @@ export async function BrandDetailPageView({ slug, initialBrand }) {
             })
                 .catch(() => null)
             : Promise.resolve(null),
+        // One count per tab, derived from CATEGORY_PAGE_TABS. Four of the nine tabs
+        // (classifieds, digital codes, live, art) had no count at all and could
+        // therefore never hide, however empty the brand was.
         brandName
-            ? productRepository
-                .list({
-                filters: sieveAnd(sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("brand", SIEVE_OP.EQ, brandName), sieveFilter("listingType", SIEVE_OP.EQ, "auction")),
-                sorts: sortBy("auctionEndDate", "ASC"),
-                page: 1,
-                pageSize: 1,
-            })
-                .catch(() => null)
-            : Promise.resolve(null),
-        brandName
-            ? productRepository
-                .list({
-                filters: sieveAnd(sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("brand", SIEVE_OP.EQ, brandName), sieveFilter("listingType", SIEVE_OP.EQ, "pre-order")),
-                sorts: sortBy("createdAt", "DESC"),
-                page: 1,
-                pageSize: 1,
-            })
-                .catch(() => null)
-            : Promise.resolve(null),
-        brandName
-            ? productRepository
-                .list({
-                filters: sieveAnd(sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("brand", SIEVE_OP.EQ, brandName), sieveFilter("listingType", SIEVE_OP.EQ, "prize-draw")),
-                sorts: sortBy("createdAt", "DESC"),
-                page: 1,
-                pageSize: 1,
-            })
-                .catch(() => null)
-            : Promise.resolve(null),
+            ? listingTabCounts(CATEGORY_PAGE_TABS, { brandName })
+            : Promise.resolve({}),
         // SB-UNI-D — bundles are categoryType:"bundle" rows on the categories
         // collection, tagged to a brand via the real brandSlug field (added
         // 2026-08-21 — previously a fragile seo.keywords string-match heuristic).
@@ -74,6 +54,9 @@ export async function BrandDetailPageView({ slug, initialBrand }) {
         // Related brands — every other active brand row, excluding this one.
         categoriesRepository.findActiveBrands().catch(() => []),
         brand?.slug ? getGroupsForBrand(brand.slug).catch(() => []) : Promise.resolve([]),
+        // Feature flags — accepted by BrandDetailTabs all along but never passed,
+        // so a disabled listing type still showed its tab here.
+        siteSettingsRepository.findById("global").catch(() => null),
     ]);
     const brandBundles = brand?.slug
         ? allBundles.filter((b) => b.brandSlug === brand.slug)
@@ -85,17 +68,17 @@ export async function BrandDetailPageView({ slug, initialBrand }) {
     // configured one. The value is consumed as `style={{ backgroundColor }}` so it
     // accepts both CSS vars and raw hex written by an admin.
     const brandColor = brand?.display?.color || "var(--appkit-color-primary)";
+    // Keyed by tabSlug. `bundles` is overridden with the brand-scoped figure —
+    // `listingTabCounts` cannot narrow bundles by brand (a bundle's brand lives on
+    // `brandSlug`, which this page already filters on locally).
     const counts = {
-        products: productsResult?.total ?? brand?.metrics?.productCount ?? 0,
-        auctions: auctionsResult?.total ?? brand?.metrics?.auctionCount ?? 0,
-        preOrders: preOrdersResult?.total ?? 0,
-        prizeDraws: prizeDrawsResult?.total ?? 0,
+        ...tabCounts,
+        products: tabCounts.products ?? brand?.metrics?.productCount ?? 0,
+        auctions: tabCounts.auctions ?? brand?.metrics?.auctionCount ?? 0,
         bundles: brandBundles.length,
     };
-    const totalItems = counts.products +
-        counts.auctions +
-        counts.preOrders +
-        counts.prizeDraws +
-        counts.bundles;
-    return (_jsxs(Main, { children: [_jsxs(Section, { className: `relative ${__O.hidden} ${hasCover ? "min-h-[220px] md:min-h-[280px]" : "bg-[var(--appkit-color-bg)]"}`, children: [hasCover && (_jsxs(_Fragment, { children: [_jsx(Div, { className: "absolute inset-0", children: _jsx(MediaImage, { src: coverImage, alt: "", size: "banner" }) }), _jsx(Div, { surface: "overlay-md", className: "absolute inset-0" })] })), !hasCover && (_jsx(DynamicBgDiv, { color: brandColor, className: "absolute inset-0 opacity-10" })), _jsxs(Div, { className: "relative z-10 max-w-7xl mx-auto", paddingY: hasCover ? "y-3xl" : "y-xl", padding: "x-md", children: [_jsxs(Nav, { layout: "flex", gap: "2xs", textSize: "sm", className: "mb-4", "aria-label": "Breadcrumb", children: [_jsx(Link, { href: String(ROUTES.HOME), className: hasCover ? "text-white/70 hover:text-white transition-colors" : "text-[var(--appkit-color-text-muted)] hover:text-primary-600 transition-colors", children: "Home" }), _jsx(Span, { className: hasCover ? "text-white/40" : "text-zinc-400", children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.BRANDS), className: hasCover ? "text-white/70 hover:text-white transition-colors" : "text-[var(--appkit-color-text-muted)] hover:text-primary-600 transition-colors", children: "Brands" }), _jsx(Span, { className: hasCover ? "text-white/40" : "text-zinc-400", children: "/" }), _jsx(Span, { weight: "medium", className: hasCover ? "text-white" : "text-[var(--appkit-color-text)]", children: brand?.name ?? slug })] }), _jsxs(Row, { className: "mb-3", align: "center", gap: "md", children: [brand?.display?.icon && (_jsx(Span, { className: "leading-none", size: "5xl", children: brand.display.icon })), _jsxs(_Fragment, { children: [_jsx(Heading, { color: "inverse", level: 1, className: `${hasCover ? "" : "text-[var(--appkit-color-text)]"}`, size: "3xl", mdSize: "4xl", weight: "bold", children: brand?.name ?? slug }), brand?.description && typeof brand.description === "string" && !brand.description.startsWith("{") && (_jsx(Text, { color: hasCover ? "inverse" : "muted", className: `max-w-2xl mt-1 ${hasCover ? "/80" : ""}`, size: "base", children: brand.description }))] })] }), _jsxs(Row, { gap: "sm", wrap: true, className: "mt-3", children: [counts.products > 0 && (_jsxs(Span, { layout: "inline-flex", gap: "xs", color: "inverse", size: "xs", weight: "medium", className: `${hasCover ? "bg-[rgba(255,255,255,0.2)] backdrop-blur-sm" : "bg-primary/10 text-primary-700 dark:text-primary-400"}`, rounded: "full", padding: "pill-sm-tall", children: [counts.products.toLocaleString(), " ", counts.products === 1 ? "product" : "products"] })), counts.auctions > 0 && (_jsxs(Span, { layout: "inline-flex", gap: "xs", color: hasCover ? "inverse" : "warning", surface: hasCover ? undefined : "warning-surface", size: "xs", weight: "medium", className: hasCover ? "bg-[rgba(255,255,255,0.2)] backdrop-blur-sm" : "", rounded: "full", padding: "pill-sm-tall", children: [counts.auctions.toLocaleString(), " ", counts.auctions === 1 ? "auction" : "auctions"] })), counts.preOrders > 0 && (_jsxs(Span, { layout: "inline-flex", gap: "xs", color: hasCover ? "inverse" : "info", surface: hasCover ? undefined : "info-surface", size: "xs", weight: "medium", className: hasCover ? "bg-[rgba(255,255,255,0.2)] backdrop-blur-sm" : "", rounded: "full", padding: "pill-sm-tall", children: [counts.preOrders.toLocaleString(), " ", counts.preOrders === 1 ? "pre-order" : "pre-orders"] })), totalItems === 0 && (_jsx(Span, { size: "sm", className: hasCover ? "text-white/60" : "text-zinc-400", children: "No items listed yet" }))] })] })] }), (brand?.brandWebsite || brand?.brandCountry || brand?.brandFounded) && (_jsx(Section, { border: "subtle", surface: "default", className: "border-b", padding: "y-md", children: _jsx(Container, { size: "xl", children: _jsxs(Stack, { gap: "sm", children: [_jsx(Heading, { level: 2, size: "sm", weight: "semibold", color: "muted", transform: "uppercase", children: "About this brand" }), _jsxs(Dl, { divide: "subtle", rounded: "xl", border: "subtle", className: "overflow-hidden max-w-lg", children: [brand?.brandWebsite && (_jsxs(Row, { gap: "md", oddEven: "zebra", surface: "default", padding: "inline", children: [_jsx(Dt, { className: "w-32 flex-shrink-0", color: "primary", weight: "medium", children: "Website" }), _jsx(Dd, { className: "flex-1", children: _jsx(Anchor, { href: brand.brandWebsite, tone: "brand", underline: "hover", children: brand.brandWebsite }) })] })), brand?.brandCountry && (_jsxs(Row, { gap: "md", oddEven: "zebra", surface: "default", padding: "inline", children: [_jsx(Dt, { className: "w-32 flex-shrink-0", color: "primary", weight: "medium", children: "Country" }), _jsx(Dd, { className: "flex-1", color: "muted", children: brand.brandCountry })] })), brand?.brandFounded && (_jsxs(Row, { gap: "md", oddEven: "zebra", surface: "default", padding: "inline", children: [_jsx(Dt, { className: "w-32 flex-shrink-0", color: "primary", weight: "medium", children: "Founded" }), _jsx(Dd, { className: "flex-1", color: "muted", children: brand.brandFounded })] }))] })] }) }) })), _jsx(CategoryHighlightsAndFaqSection, { highlights: brand?.highlights, faqs: brand?.faqs }), _jsx(Section, { padding: "y-lg", children: _jsx(Container, { size: "xl", children: brandName ? (_jsx(BrandDetailTabs, { brandName: brandName, initialProductsData: productsResult ?? undefined, initialBundles: brandBundles, counts: counts })) : (_jsx(Text, { paddingY: "3xl", color: "muted", size: "sm", align: "start", children: "Brand not found." })) }) }), groupedListings.length > 0 && (_jsx(Section, { padding: "y-lg", children: _jsx(Container, { size: "xl", children: _jsx(GroupedListingsCarousel, { groups: groupedListings }) }) })), relatedBrands.length > 0 && (_jsx(Section, { border: "subtle", surface: "default", className: "border-t", padding: "y-lg", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 2, className: "mb-4", size: "xl", weight: "semibold", children: "Related Brands" }), _jsx(CategoryGrid, { categories: relatedBrands, getHref: (b) => String(ROUTES.PUBLIC.BRAND_DETAIL(b.slug)) })] }) }))] }));
+    // Header total — `?? 0` is right here (a pill just doesn't render), unlike the
+    // tab bar where an unknown count must keep its tab visible.
+    const totalItems = Object.values(counts).reduce((sum, n) => sum + (n ?? 0), 0);
+    return (_jsxs(Main, { children: [_jsxs(Section, { className: `relative ${__O.hidden} ${hasCover ? "min-h-[220px] md:min-h-[280px]" : "bg-[var(--appkit-color-bg)]"}`, children: [hasCover && (_jsxs(_Fragment, { children: [_jsx(Div, { className: "absolute inset-0", children: _jsx(MediaImage, { src: coverImage, alt: "", size: "banner" }) }), _jsx(Div, { surface: "overlay-md", className: "absolute inset-0" })] })), !hasCover && (_jsx(DynamicBgDiv, { color: brandColor, className: "absolute inset-0 opacity-10" })), _jsxs(Div, { className: "relative z-10 max-w-7xl mx-auto", paddingY: hasCover ? "y-3xl" : "y-xl", padding: "x-md", children: [_jsxs(Nav, { layout: "flex", gap: "2xs", textSize: "sm", className: "mb-4", "aria-label": "Breadcrumb", children: [_jsx(Link, { href: String(ROUTES.HOME), className: hasCover ? "text-white/70 hover:text-white transition-colors" : "text-[var(--appkit-color-text-muted)] hover:text-primary-600 transition-colors", children: "Home" }), _jsx(Span, { className: hasCover ? "text-white/40" : "text-zinc-400", children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.BRANDS), className: hasCover ? "text-white/70 hover:text-white transition-colors" : "text-[var(--appkit-color-text-muted)] hover:text-primary-600 transition-colors", children: "Brands" }), _jsx(Span, { className: hasCover ? "text-white/40" : "text-zinc-400", children: "/" }), _jsx(Span, { weight: "medium", className: hasCover ? "text-white" : "text-[var(--appkit-color-text)]", children: brand?.name ?? slug })] }), _jsxs(Row, { className: "mb-3", align: "center", gap: "md", children: [brand?.display?.icon && (_jsx(Span, { className: "leading-none", size: "5xl", children: brand.display.icon })), _jsxs(_Fragment, { children: [_jsx(Heading, { color: "inverse", level: 1, className: `${hasCover ? "" : "text-[var(--appkit-color-text)]"}`, size: "3xl", mdSize: "4xl", weight: "bold", children: brand?.name ?? slug }), brand?.description && typeof brand.description === "string" && !brand.description.startsWith("{") && (_jsx(Text, { color: hasCover ? "inverse" : "muted", className: `max-w-2xl mt-1 ${hasCover ? "/80" : ""}`, size: "base", children: brand.description }))] })] }), _jsxs(Row, { gap: "sm", wrap: true, className: "mt-3", children: [(counts.products ?? 0) > 0 && (_jsxs(Span, { layout: "inline-flex", gap: "xs", color: "inverse", size: "xs", weight: "medium", className: `${hasCover ? "bg-[rgba(255,255,255,0.2)] backdrop-blur-sm" : "bg-primary/10 text-primary-700 dark:text-primary-400"}`, rounded: "full", padding: "pill-sm-tall", children: [counts.products.toLocaleString(), " ", counts.products === 1 ? "product" : "products"] })), (counts.auctions ?? 0) > 0 && (_jsxs(Span, { layout: "inline-flex", gap: "xs", color: hasCover ? "inverse" : "warning", surface: hasCover ? undefined : "warning-surface", size: "xs", weight: "medium", className: hasCover ? "bg-[rgba(255,255,255,0.2)] backdrop-blur-sm" : "", rounded: "full", padding: "pill-sm-tall", children: [counts.auctions.toLocaleString(), " ", counts.auctions === 1 ? "auction" : "auctions"] })), (counts["pre-orders"] ?? 0) > 0 && (_jsxs(Span, { layout: "inline-flex", gap: "xs", color: hasCover ? "inverse" : "info", surface: hasCover ? undefined : "info-surface", size: "xs", weight: "medium", className: hasCover ? "bg-[rgba(255,255,255,0.2)] backdrop-blur-sm" : "", rounded: "full", padding: "pill-sm-tall", children: [counts["pre-orders"].toLocaleString(), " ", counts["pre-orders"] === 1 ? "pre-order" : "pre-orders"] })), totalItems === 0 && (_jsx(Span, { size: "sm", className: hasCover ? "text-white/60" : "text-zinc-400", children: "No items listed yet" }))] })] })] }), (brand?.brandWebsite || brand?.brandCountry || brand?.brandFounded) && (_jsx(Section, { border: "subtle", surface: "default", className: "border-b", padding: "y-md", children: _jsx(Container, { size: "xl", children: _jsxs(Stack, { gap: "sm", children: [_jsx(Heading, { level: 2, size: "sm", weight: "semibold", color: "muted", transform: "uppercase", children: "About this brand" }), _jsxs(Dl, { divide: "subtle", rounded: "xl", border: "subtle", className: "overflow-hidden max-w-lg", children: [brand?.brandWebsite && (_jsxs(Row, { gap: "md", oddEven: "zebra", surface: "default", padding: "inline", children: [_jsx(Dt, { className: "w-32 flex-shrink-0", color: "primary", weight: "medium", children: "Website" }), _jsx(Dd, { className: "flex-1", children: _jsx(Anchor, { href: brand.brandWebsite, tone: "brand", underline: "hover", children: brand.brandWebsite }) })] })), brand?.brandCountry && (_jsxs(Row, { gap: "md", oddEven: "zebra", surface: "default", padding: "inline", children: [_jsx(Dt, { className: "w-32 flex-shrink-0", color: "primary", weight: "medium", children: "Country" }), _jsx(Dd, { className: "flex-1", color: "muted", children: brand.brandCountry })] })), brand?.brandFounded && (_jsxs(Row, { gap: "md", oddEven: "zebra", surface: "default", padding: "inline", children: [_jsx(Dt, { className: "w-32 flex-shrink-0", color: "primary", weight: "medium", children: "Founded" }), _jsx(Dd, { className: "flex-1", color: "muted", children: brand.brandFounded })] }))] })] }) }) })), _jsx(CategoryHighlightsAndFaqSection, { highlights: brand?.highlights, faqs: brand?.faqs }), _jsx(Section, { padding: "y-lg", children: _jsx(Container, { size: "xl", children: brandName ? (_jsx(BrandDetailTabs, { brandName: brandName, initialProductsData: productsResult ?? undefined, initialBundles: brandBundles, counts: counts, enabledListingTypes: enabledListingTypes(settings), enabledCategoryTypes: enabledCategoryTypes(settings) })) : (_jsx(Text, { paddingY: "3xl", color: "muted", size: "sm", align: "start", children: "Brand not found." })) }) }), groupedListings.length > 0 && (_jsx(Section, { padding: "y-lg", children: _jsx(Container, { size: "xl", children: _jsx(GroupedListingsCarousel, { groups: groupedListings }) }) })), relatedBrands.length > 0 && (_jsx(Section, { border: "subtle", surface: "default", className: "border-t", padding: "y-lg", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 2, className: "mb-4", size: "xl", weight: "semibold", children: "Related Brands" }), _jsx(CategoryGrid, { categories: relatedBrands, getHref: (b) => String(ROUTES.PUBLIC.BRAND_DETAIL(b.slug)) })] }) }))] }));
 }

package/dist/features/categories/components/BrandDetailTabs.d.ts

@@ -4,13 +4,13 @@ export interface BrandDetailTabsProps {
     brandName: string;
     initialProductsData?: any;
     initialBundles?: CategoryDocument[];
-    counts?: {
-        products?: number;
-        auctions?: number;
-        preOrders?: number;
-        prizeDraws?: number;
-        bundles?: number;
-    };
+    /**
+     * tabSlug -> row count. `undefined` means the count could not be resolved,
+     * NOT zero — such a tab stays visible so a failed query can never hide real
+     * inventory (Root Cause #59). Keyed by tab id; the previous hand-named shape
+     * covered only 5 of 9 tabs (Root Cause #61).
+     */
+    counts?: Record<string, number | undefined>;
     /** Enabled listing types (e.g. ["standard","auction"]). When omitted, all tabs shown. */
     enabledListingTypes?: string[];
     /** Enabled category types (e.g. ["category","brand","bundle"]). When omitted, all tabs shown. */

package/dist/features/categories/components/BrandDetailTabs.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Tabs, TabsList, TabsTrigger } from "../../../ui";
+import { EmptyState, Tabs, TabsList, TabsTrigger } from "../../../ui";
 import { CategoryProductsListing } from "./CategoryProductsListing";
 import { AuctionsIndexListing } from "../../products/components/AuctionsIndexListing";
 import { PreOrdersIndexListing } from "../../pre-orders/components/PreOrdersIndexListing";
@@ -37,16 +37,7 @@ const GENERIC_TAB_LISTING_TYPES = {
     [pluginFor("art").tabSlug]: ART_STICKERS_LISTING_TYPES,
 };
 export function BrandDetailTabs({ brandName, initialProductsData, initialBundles = [], counts, enabledListingTypes, enabledCategoryTypes, }) {
-    const countFor = (id) => {
-        switch (id) {
-            case "products": return counts?.products;
-            case "auctions": return counts?.auctions;
-            case "pre-orders": return counts?.preOrders;
-            case "prize-draws": return counts?.prizeDraws;
-            case "bundles": return counts?.bundles;
-            default: return undefined;
-        }
-    };
+    const countFor = (id) => counts?.[id];
     const visibleTabs = CATEGORY_PAGE_TABS.filter((t) => {
         const mapping = TAB_TYPE_MAP[t.id];
         // A tab with no mapping has no render branch below and would show a blank
@@ -63,11 +54,16 @@ export function BrandDetailTabs({ brandName, initialProductsData, initialBundles
             if (!enabledCategoryTypes.includes(mapping.type))
                 return false;
         }
-        // Hide a tab only when its count is known and explicitly zero.
+        // Hide a tab only when its count is known and explicitly zero. `undefined`
+        // now means the count query FAILED (every tab is counted), so the tab stays
+        // visible rather than hiding real listings behind a swallowed error.
         const count = countFor(t.id);
         return count === undefined || count > 0;
     });
     const firstTabId = (visibleTabs[0]?.id ?? "products");
     const [activeTab, setActiveTab] = useState(firstTabId);
+    if (visibleTabs.length === 0) {
+        return (_jsx(EmptyState, { title: "Nothing listed here yet", description: "This brand has no active listings right now. Check back soon." }));
+    }
     return (_jsxs(_Fragment, { children: [_jsx(Tabs, { value: activeTab, onChange: (v) => setActiveTab(v), className: "mb-6", children: _jsx(TabsList, { children: visibleTabs.map((t) => (_jsx(TabsTrigger, { value: t.id, badge: countFor(t.id), children: t.label }, t.id))) }) }), GENERIC_TAB_LISTING_TYPES[activeTab] && (_jsx(CategoryProductsListing, { categorySlug: "", brandName: brandName, listingTypes: GENERIC_TAB_LISTING_TYPES[activeTab], initialData: activeTab === pluginFor("standard").tabSlug ? initialProductsData : undefined })), activeTab === pluginFor("auction").tabSlug && (_jsx(AuctionsIndexListing, { brandName: brandName })), activeTab === pluginFor("pre-order").tabSlug && (_jsx(PreOrdersIndexListing, { brandName: brandName })), activeTab === pluginFor("prize-draw").tabSlug && (_jsx(PrizeDrawsIndexListing, { brandName: brandName })), activeTab === "bundles" && (_jsx(CategoryBundlesListing, { initialBundles: initialBundles, brandName: brandName }))] }));
 }

package/dist/features/categories/components/BundleCollage.js

@@ -43,7 +43,7 @@ export function BundleCollage({ members, onItemClick }) {
     return (_jsxs(_Fragment, { children: [_jsx(Div, { layout: "grid", gap: "3", className: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4", children: members.map((p, idx) => {
                     const cover = p.mainImage ?? p.images?.[0];
                     const href = String(ROUTES.PUBLIC.PRODUCT_DETAIL?.(p.slug ?? p.id) ?? "#");
-                    return (_jsxs(Div, { className: "group relative overflow-hidden border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] transition-transform hover:scale-[1.01]", rounded: "lg", children: [_jsxs(Button, { variant: "ghost", type: "button", onClick: makeBundleItemClickHandler(p, idx, onItemClick, setLightboxIndex), paddingX: "none", paddingY: "none", rounded: "none", className: "relative block aspect-square w-full overflow-hidden focus-visible:ring-2 focus-visible:ring-[var(--appkit-color-primary)]", "aria-label": `View ${p.title} in lightbox`, children: [cover ? (_jsx(MediaImage, { src: cover, alt: p.title, size: "card", className: "transition-transform group-hover:scale-105" })) : (_jsx(Row, { textSize: "3xl", surface: "muted", className: "absolute inset-0", align: "center", justify: "center", children: PLACEHOLDER_EMOJI })), _jsxs(Div, { textWeight: "semibold", textSize: "xs", surface: "overlay-xl", padding: "chip-2xs", className: "absolute left-2 top-2 text-white", rounded: "default", children: ["#", idx + 1] })] }), _jsxs(Div, { padding: "xs", children: [_jsx(Link, { href: href, className: "line-clamp-2 text-[length:var(--appkit-text-sm)] font-medium hover:underline", children: p.title }), _jsx(Text, { className: "mt-0.5 text-[var(--appkit-color-text-muted)]", size: "xs", children: formatCurrency(p.price ?? 0, p.currency ?? "INR") })] })] }, p.id));
+                    return (_jsxs(Div, { layout: "flex-col", className: "group relative overflow-hidden border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] transition-transform hover:scale-[1.01]", rounded: "lg", children: [_jsx(Button, { variant: "ghost", type: "button", onClick: makeBundleItemClickHandler(p, idx, onItemClick, setLightboxIndex), paddingX: "none", paddingY: "none", rounded: "none", className: "relative aspect-square w-full overflow-hidden focus-visible:ring-2 focus-visible:ring-[var(--appkit-color-primary)]", "aria-label": `View ${p.title} in lightbox`, children: _jsxs(Div, { className: "relative aspect-square w-full", children: [cover ? (_jsx(MediaImage, { src: cover, alt: p.title, size: "card", className: "transition-transform group-hover:scale-105" })) : (_jsx(Row, { textSize: "3xl", surface: "muted", className: "absolute inset-0", align: "center", justify: "center", children: PLACEHOLDER_EMOJI })), _jsxs(Div, { textWeight: "semibold", textSize: "xs", surface: "overlay-xl", padding: "chip-2xs", className: "absolute left-2 top-2 text-white", rounded: "default", children: ["#", idx + 1] })] }) }), _jsxs(Div, { padding: "xs", children: [_jsx(Link, { href: href, className: "line-clamp-2 text-[length:var(--appkit-text-sm)] font-medium hover:underline", children: p.title }), _jsx(Text, { className: "mt-0.5 text-[var(--appkit-color-text-muted)]", size: "xs", children: formatCurrency(p.price ?? 0, p.currency ?? "INR") })] })] }, p.id));
                 }) }), _jsx(ImageLightbox, { images: galleryImages, activeIndex: lightboxIndex, onClose: () => setLightboxIndex(null), onNavigate: (i) => setLightboxIndex(i), showThumbnails: true })] }));
 }
 export default BundleCollage;

package/dist/features/categories/components/CategoryDetailPageView.js

@@ -11,6 +11,10 @@ import { CategoryGrid } from "./CategoryGrid";
 import { CategoryHighlightsAndFaqSection } from "./CategoryHighlightsAndFaqSection";
 import { GroupedListingsCarousel } from "../../grouped/components/GroupedListingsCarousel";
 import { getGroupsForCategory } from "../../../_internal/server/features/grouped/data";
+import { listingTabCounts, } from "../../../_internal/server/features/products/listing-tab-counts";
+import { CATEGORY_PAGE_TABS } from "../../products/constants/listing-tabs";
+import { enabledCategoryTypes, enabledListingTypes } from "../../../_internal/shared/listing-types/feature-flags";
+import { siteSettingsRepository } from "../../../repositories";
 const __O = {
     hidden: "overflow-hidden",
     xAuto: "overflow-x-auto",
@@ -19,16 +23,15 @@ export async function CategoryDetailPageView({ slug }) {
     const category = await categoriesRepository
         .getCategoryBySlug(slug)
         .catch(() => undefined);
-    // Roll up descendant categories so a parent category page shows products
-    // filed under any of its children too, not just products tagged with the
-    // parent's own id — parentIds stores the full ancestor chain, so a single
-    // array-contains query already returns the whole subtree (see
-    // categoriesRepository.getDescendantIds).
-    const descendantIds = category?.id
-        ? await categoriesRepository.getDescendantIds(category.id).catch(() => [])
-        : [];
-    const categoriesIn = category?.id ? [category.id, ...descendantIds] : null;
-    const [productsResult, auctionsCountResult, preOrdersCountResult, prizeDrawsCountResult, bundlesResult, childCategories, rootSiblingCategories, groupedListings] = await Promise.all([
+    // Products carry their FULL ancestor chain in `categorySlugs`, so matching on
+    // this category's own id already returns the whole subtree — no descendant
+    // expansion needed. Expanding it was also a latent outage: `categoriesIn` is
+    // applied as `array-contains-any`, which Firestore caps at 30 values, and
+    // every caller here wraps the query in `.catch(() => null)` — so a category
+    // tree deeper than a couple of levels would have turned into a silently blank
+    // page rather than an error (Root Cause #59).
+    const categoriesIn = category?.id ? [category.id] : null;
+    const [productsResult, tabCounts, bundlesResult, childCategories, rootSiblingCategories, groupedListings, settings] = await Promise.all([
         categoriesIn
             ? productRepository
                 .list({
@@ -39,36 +42,12 @@ export async function CategoryDetailPageView({ slug }) {
             }, { categoriesIn })
                 .catch(() => null)
             : Promise.resolve(null),
+        // One count per tab, derived from CATEGORY_PAGE_TABS itself — so every
+        // listing type is counted and a type with nothing in this category hides.
+        // Four of the ten tabs used to have no count at all and could never hide.
         categoriesIn
-            ? productRepository
-                .list({
-                filters: sieveAnd(sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("listingType", SIEVE_OP.EQ, "auction")),
-                sorts: sortBy("auctionEndDate", "ASC"),
-                page: 1,
-                pageSize: 1,
-            }, { categoriesIn })
-                .catch(() => null)
-            : Promise.resolve(null),
-        categoriesIn
-            ? productRepository
-                .list({
-                filters: sieveAnd(sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("listingType", SIEVE_OP.EQ, "pre-order")),
-                sorts: sortBy("createdAt", "DESC"),
-                page: 1,
-                pageSize: 1,
-            }, { categoriesIn })
-                .catch(() => null)
-            : Promise.resolve(null),
-        categoriesIn
-            ? productRepository
-                .list({
-                filters: sieveAnd(sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("listingType", SIEVE_OP.EQ, "prize-draw")),
-                sorts: sortBy("createdAt", "DESC"),
-                page: 1,
-                pageSize: 1,
-            }, { categoriesIn })
-                .catch(() => null)
-            : Promise.resolve(null),
+            ? listingTabCounts(CATEGORY_PAGE_TABS, { categoriesIn })
+            : Promise.resolve({}),
         // SB-UNI-D — bundles fetched from the categories collection. We pull
         // all active bundle rows; the carousel filters by category affinity.
         categoriesIn
@@ -86,15 +65,34 @@ export async function CategoryDetailPageView({ slug }) {
             ? categoriesRepository.getCategoriesByRootId(category.rootId).catch(() => [])
             : Promise.resolve([]),
         category?.slug ? getGroupsForCategory(category.slug).catch(() => []) : Promise.resolve([]),
+        // Listing/category-type feature flags. This page accepted the props all
+        // along but never passed them, so an admin disabling a listing type still
+        // saw its tab here while the store page correctly hid it.
+        siteSettingsRepository.findById("global").catch(() => null),
     ]);
     const relatedCategories = rootSiblingCategories.filter((c) => c.id !== category?.id && (!c.categoryType || c.categoryType === "category"));
-    // Stores tab — query stores whose storeCategory matches this category or any child
+    // Stores tab — stores whose storeCategory is this category or ANY descendant.
+    //
+    // `storeCategory` is a single slug with no ancestor chain (unlike a product's
+    // categorySlugs), so the descendant list genuinely is needed here. It used to
+    // use direct children only, which meant a store filed under a tier-3 category
+    // was invisible on its root's Stores tab, and it issued one query per slug —
+    // an unbounded N+1. Both are fixed by pipe-joining the slugs into OR-groups:
+    // the enhanced Sieve adapter turns a same-field OR into a Firestore `in`,
+    // which caps at 30 values, hence the chunking.
     const storeCategorySlugs = [
         slug,
-        ...childCategories.map((c) => c.slug).filter(Boolean),
-    ];
-    const storeResults = await Promise.all(storeCategorySlugs.map((catSlug) => storeRepository
-        .listStores({ filters: sieveFilter("storeCategory", SIEVE_OP.EQ, catSlug), page: 1, pageSize: 50 }, true)
+        ...(await categoriesRepository
+            .getDescendantIds(category?.id ?? "")
+            .catch(() => [])),
+    ].filter(Boolean);
+    const SLUG_CHUNK = 30;
+    const slugChunks = [];
+    for (let i = 0; i < storeCategorySlugs.length; i += SLUG_CHUNK) {
+        slugChunks.push(storeCategorySlugs.slice(i, i + SLUG_CHUNK));
+    }
+    const storeResults = await Promise.all(slugChunks.map((chunk) => storeRepository
+        .listStores({ filters: sieveFilter("storeCategory", SIEVE_OP.EQ, chunk.join("|")), page: 1, pageSize: 50 }, true)
         .catch(() => null)));
     const seen = new Set();
     const categoryStores = storeResults
@@ -122,22 +120,20 @@ export async function CategoryDetailPageView({ slug }) {
         averageRating: s.stats?.averageRating,
         createdAt: s.createdAt,
     }));
-    const productCount = productsResult?.total ?? category?.metrics?.totalProductCount ?? category?.metrics?.productCount ?? 0;
-    const auctionCount = auctionsCountResult?.total ?? category?.metrics?.totalAuctionCount ?? category?.metrics?.auctionCount ?? 0;
-    const preOrderCount = preOrdersCountResult?.total ?? 0;
-    const prizeDrawCount = prizeDrawsCountResult?.total ?? 0;
-    const bundleCount = bundlesResult?.length ?? 0;
     const storeCount = categoryStores.length;
+    // `tabCounts` is keyed by tabSlug and already covers every listing type plus
+    // bundles; `stores` is added here because this page resolves its store list
+    // eagerly to render the tab body anyway.
+    const counts = { ...tabCounts, stores: storeCount };
+    // Header pills read the same numbers the tabs do. `?? 0` is safe here (a pill
+    // simply doesn't render) — unlike the tab bar, where an unknown count must
+    // stay visible rather than collapse to "hide me".
+    const productCount = counts.products ?? category?.metrics?.totalProductCount ?? category?.metrics?.productCount ?? 0;
+    const auctionCount = counts.auctions ?? category?.metrics?.totalAuctionCount ?? category?.metrics?.auctionCount ?? 0;
+    const preOrderCount = counts["pre-orders"] ?? 0;
     const coverImage = category?.display?.coverImage;
     const hasCover = Boolean(coverImage);
     return (_jsxs(Main, { children: [_jsxs(Section, { className: `relative ${__O.hidden} ${hasCover ? "min-h-[220px] md:min-h-[280px]" : "bg-[var(--appkit-color-bg)]"}`, children: [hasCover && (_jsxs(_Fragment, { children: [_jsx(Div, { className: "absolute inset-0", children: _jsx(MediaImage, { src: coverImage, alt: "", size: "banner" }) }), _jsx(Div, { surface: "overlay-md", className: "absolute inset-0" })] })), _jsxs(Div, { className: "relative z-10 max-w-7xl mx-auto", paddingY: hasCover ? "y-3xl" : "y-xl", padding: "x-md", children: [_jsxs(Nav, { layout: "flex", gap: "2xs", textSize: "sm", className: "mb-4", "aria-label": "Breadcrumb", children: [_jsx(Link, { href: String(ROUTES.HOME), className: hasCover ? "text-white/70 hover:text-white transition-colors" : "text-[var(--appkit-color-text-muted)] hover:text-primary-600 transition-colors", children: "Home" }), _jsx(Span, { className: hasCover ? "text-white/40" : "text-zinc-400", children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORIES), className: hasCover ? "text-white/70 hover:text-white transition-colors" : "text-[var(--appkit-color-text-muted)] hover:text-primary-600 transition-colors", children: "Categories" }), _jsx(Span, { className: hasCover ? "text-white/40" : "text-zinc-400", children: "/" }), _jsx(Span, { weight: "medium", className: hasCover ? "text-white" : "text-[var(--appkit-color-text)]", children: category?.name ?? slug })] }), _jsx(Heading, { color: "inverse", level: 1, className: `mb-2 ${hasCover ? "" : "text-[var(--appkit-color-text)]"}`, size: "3xl", mdSize: "4xl", weight: "bold", children: category?.name ?? slug }), category?.description && typeof category.description === "string" && !category.description.startsWith("{") && (_jsx(Text, { color: hasCover ? "inverse" : "muted", className: `max-w-2xl mb-4 ${hasCover ? "/80" : ""}`, size: "base", children: category.description })), _jsxs(Row, { wrap: true, gap: "sm", children: [productCount > 0 && (_jsxs(Span, { layout: "inline-flex", gap: "xs", color: "inverse", size: "xs", weight: "medium", className: hasCover ? "bg-[rgba(255,255,255,0.2)] backdrop-blur-sm" : "bg-primary/10 text-primary-700 dark:text-primary-400", rounded: "full", padding: "pill-sm-tall", children: [productCount.toLocaleString(), " ", productCount === 1 ? "product" : "products"] })), auctionCount > 0 && (_jsxs(Span, { layout: "inline-flex", gap: "xs", color: hasCover ? "inverse" : "warning", surface: hasCover ? undefined : "warning-surface", size: "xs", weight: "medium", className: hasCover ? "bg-[rgba(255,255,255,0.2)] backdrop-blur-sm" : "", rounded: "full", padding: "pill-sm-tall", children: [auctionCount.toLocaleString(), " ", auctionCount === 1 ? "auction" : "auctions"] })), preOrderCount > 0 && (_jsxs(Span, { layout: "inline-flex", gap: "xs", color: hasCover ? "inverse" : "info", surface: hasCover ? undefined : "info-surface", size: "xs", weight: "medium", className: hasCover ? "bg-[rgba(255,255,255,0.2)] backdrop-blur-sm" : "", rounded: "full", padding: "pill-sm-tall", children: [preOrderCount.toLocaleString(), " ", preOrderCount === 1 ? "pre-order" : "pre-orders"] })), storeCount > 0 && (_jsxs(Span, { layout: "inline-flex", gap: "xs", color: hasCover ? "inverse" : "success", surface: hasCover ? undefined : "success-surface", size: "xs", weight: "medium", className: hasCover ? "bg-[rgba(255,255,255,0.2)] backdrop-blur-sm" : "", rounded: "full", padding: "pill-sm-tall", children: [storeCount.toLocaleString(), " ", storeCount === 1 ? "store" : "stores"] }))] })] })] }), _jsx(CategoryHighlightsAndFaqSection, { highlights: category?.highlights, faqs: category?.faqs }), childCategories.length > 0 && (_jsx(Section, { border: "subtle", surface: "default", className: "border-b", children: _jsx(Div, { className: "max-w-7xl mx-auto", padding: "inline", children: _jsx(Div, { layout: "flex", gap: "2", className: `.5 ${__O.xAuto} [scrollbar-width:none]`, padding: "b-2xs", children: childCategories.map((child) => (_jsxs(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(child.slug)), 
                             // audit-responsive-wrap-ok: deliberate horizontal-scroll chip row (parent has overflow-x-auto) — each chip staying single-line is the intended design, not hidden content
-                            className: "flex-shrink-0 flex items-center gap-[var(--appkit-space-1-5)] rounded-full border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface-elevated)] px-[var(--appkit-space-4)] py-[var(--appkit-space-1-5)] text-[length:var(--appkit-text-sm)] font-medium text-[var(--appkit-color-text-muted)] hover:border-primary hover:text-primary transition-colors whitespace-nowrap", children: [child.display?.icon && (_jsx(Span, { className: "leading-none", children: child.display.icon })), child.name, (child.metrics?.productCount ?? 0) > 0 && (_jsx(Span, { size: "xs", color: "muted", children: (child.metrics?.productCount ?? 0).toLocaleString() }))] }, child.id))) }) }) })), _jsx(Section, { padding: "y-lg", children: _jsx(Container, { size: "xl", children: _jsx(CategoryDetailTabs, { categorySlug: slug, categoryId: category?.id, initialProductsData: productsResult ?? undefined, initialBundles: bundlesResult ?? [], initialStores: categoryStores, counts: {
-                            products: productCount,
-                            auctions: auctionCount,
-                            preOrders: preOrderCount,
-                            prizeDraws: prizeDrawCount,
-                            bundles: bundleCount,
-                            stores: storeCount,
-                        } }) }) }), groupedListings.length > 0 && (_jsx(Section, { padding: "y-lg", children: _jsx(Container, { size: "xl", children: _jsx(GroupedListingsCarousel, { groups: groupedListings }) }) })), relatedCategories.length > 0 && (_jsx(Section, { border: "subtle", surface: "default", className: "border-t", padding: "y-lg", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 2, className: "mb-4", size: "xl", weight: "semibold", children: "Related Categories" }), _jsx(CategoryGrid, { categories: relatedCategories, getHref: (c) => String(ROUTES.PUBLIC.CATEGORY_DETAIL(c.slug)) })] }) }))] }));
+                            className: "flex-shrink-0 flex items-center gap-[var(--appkit-space-1-5)] rounded-full border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface-elevated)] px-[var(--appkit-space-4)] py-[var(--appkit-space-1-5)] text-[length:var(--appkit-text-sm)] font-medium text-[var(--appkit-color-text-muted)] hover:border-primary hover:text-primary transition-colors whitespace-nowrap", children: [child.display?.icon && (_jsx(Span, { className: "leading-none", children: child.display.icon })), child.name, (child.metrics?.productCount ?? 0) > 0 && (_jsx(Span, { size: "xs", color: "muted", children: (child.metrics?.productCount ?? 0).toLocaleString() }))] }, child.id))) }) }) })), _jsx(Section, { padding: "y-lg", children: _jsx(Container, { size: "xl", children: _jsx(CategoryDetailTabs, { categorySlug: slug, categoryId: category?.id, initialProductsData: productsResult ?? undefined, initialBundles: bundlesResult ?? [], initialStores: categoryStores, counts: counts, enabledListingTypes: enabledListingTypes(settings), enabledCategoryTypes: enabledCategoryTypes(settings) }) }) }), groupedListings.length > 0 && (_jsx(Section, { padding: "y-lg", children: _jsx(Container, { size: "xl", children: _jsx(GroupedListingsCarousel, { groups: groupedListings }) }) })), relatedCategories.length > 0 && (_jsx(Section, { border: "subtle", surface: "default", className: "border-t", padding: "y-lg", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 2, className: "mb-4", size: "xl", weight: "semibold", children: "Related Categories" }), _jsx(CategoryGrid, { categories: relatedCategories, getHref: (c) => String(ROUTES.PUBLIC.CATEGORY_DETAIL(c.slug)) })] }) }))] }));
 }