@mohasinac/appkit 4.70.0 → 4.71.2

package/dist/features/catalogue/utils/product-from-item.d.ts

@@ -1,8 +1,24 @@
 import type { CatalogueItemDocument } from "../schemas/firestore";
 import type { ProductDocument } from "../../products/schemas/firestore";
-/** The platform's own consignment store — used whenever a catalogue item is
+/**
+ * The platform's own consignment store — used whenever a catalogue item is
  * listed by someone with no personal seller store of their own (buyer
- * approval path, admin direct-list path). */
+ * approval path, admin direct-list path).
+ *
+ * 🛑 DERIVED, no longer its own literal. `store-letitrip-official` was written
+ * out three times: here, as `PLATFORM_STORE_ID` in
+ * `features/stores/schemas/firestore.ts`, and again in the consumer's
+ * shipment-link route. And the comment on `PLATFORM_STORE_ID` justified its
+ * copy by pointing AT this one — "the same literal already lives legitimately
+ * (`CONSIGNMENT_STORE_ID` …)". That argument is about WHERE a brand-bearing
+ * literal may live (`audit-ssr-in-appkit` Rule 3 bars `_internal/`); it says
+ * nothing about how many copies there may be, and reading it as permission
+ * gave one id three owners (Root Cause #42).
+ *
+ * They are the same store, in two roles. If a consumer ever needs a separate
+ * consignment storefront, that is a deliberate second configured value — not
+ * a literal that drifted from this one.
+ */
 export declare const CONSIGNMENT_STORE_ID = "store-letitrip-official";
 /**
  * Shared field mapping from a catalogue item to a new product — used by

package/dist/features/catalogue/utils/product-from-item.js

@@ -1,8 +1,26 @@
 import { productRepository } from "../../products/repository/products.repository.js";
-/** The platform's own consignment store — used whenever a catalogue item is
+import { getBrandName } from "../../../core/brand-resolver.js";
+import { PLATFORM_STORE_ID } from "../../stores/schemas/firestore.js";
+/**
+ * The platform's own consignment store — used whenever a catalogue item is
  * listed by someone with no personal seller store of their own (buyer
- * approval path, admin direct-list path). */
-export const CONSIGNMENT_STORE_ID = "store-letitrip-official";
+ * approval path, admin direct-list path).
+ *
+ * 🛑 DERIVED, no longer its own literal. `store-letitrip-official` was written
+ * out three times: here, as `PLATFORM_STORE_ID` in
+ * `features/stores/schemas/firestore.ts`, and again in the consumer's
+ * shipment-link route. And the comment on `PLATFORM_STORE_ID` justified its
+ * copy by pointing AT this one — "the same literal already lives legitimately
+ * (`CONSIGNMENT_STORE_ID` …)". That argument is about WHERE a brand-bearing
+ * literal may live (`audit-ssr-in-appkit` Rule 3 bars `_internal/`); it says
+ * nothing about how many copies there may be, and reading it as permission
+ * gave one id three owners (Root Cause #42).
+ *
+ * They are the same store, in two roles. If a consumer ever needs a separate
+ * consignment storefront, that is a deliberate second configured value — not
+ * a literal that drifted from this one.
+ */
+export const CONSIGNMENT_STORE_ID = PLATFORM_STORE_ID;
 /**
  * Shared field mapping from a catalogue item to a new product — used by
  * both the direct-listing path (seller/admin) and the admin-approval path
@@ -14,7 +32,8 @@ export const CONSIGNMENT_STORE_ID = "store-letitrip-official";
 export async function createProductFromCatalogueItem(item, storeId) {
     return productRepository.create({
         title: item.title,
-        description: item.description || "Listed via LetItRip's personal catalogue.",
+        description: item.description ||
+            `Listed via ${getBrandName()}'s personal catalogue.`,
         categorySlugs: item.categorySlugs ?? [],
         brandSlug: item.brandSlug,
         price: item.price ?? 0,

package/dist/features/categories/api/[id]/description-template/route.js

@@ -49,10 +49,7 @@ import { serverLogger } from "../../../../../monitoring/index.js";
  * hits on every category change.
  */
 import { categoriesRepository } from "../../../repository/categories.repository.js";
-import { usedPlaceholders } from "../../../../../_internal/shared/templating/placeholders.js";
-import { getCompositionsForCategory } from "../../../../../_internal/server/features/parts/data.js";
-import { getBeysForCategory } from "../../../../../_internal/server/features/beys/data.js";
-import { PART_BREAKDOWN_SLOT, formatPartBreakdown, stripSlotLine, } from "../../../../parts/utils/part-breakdown.js";
+import { usedPlaceholders, stripSlotLine } from "../../../../../_internal/shared/templating/placeholders.js";
 /**
  * ── The TAXONOMY slots ────────────────────────────────────────────────────
  *
@@ -292,14 +289,6 @@ export async function GET(request, context) {
          */
         let body = template?.body ?? "";
         const slots = {};
-        if (template && placeholders.includes(PART_BREAKDOWN_SLOT)) {
-            const compositions = await getCompositionsForCategory(id);
-            const breakdown = formatPartBreakdown(compositions);
-            if (breakdown)
-                slots[PART_BREAKDOWN_SLOT] = breakdown;
-            else
-                body = stripSlotLine(body, PART_BREAKDOWN_SLOT);
-        }
         /*
          * ── The taxonomy slots ────────────────────────────────────────────────
          *
@@ -324,18 +313,6 @@ export async function GET(request, context) {
                     .filter(Boolean)
                     .join(CATEGORY_PATH_SEPARATOR),
             };
-            if (BEY_SLOTS.some((s) => placeholders.includes(s))) {
-                const beys = await getBeysForCategory(id);
-                /*
-                 * The first pairing only, matching `formatPartBreakdown`'s rule and
-                 * for the same reason: 22 leaves pair with more than one bey (a
-                 * remake shares a model's name), and concatenating two retail series
-                 * would describe a release that does not exist.
-                 */
-                const bey = beys[0];
-                taxonomy.series = (bey?.series ?? "").trim();
-                taxonomy.system = (bey?.system ?? "").trim();
-            }
             for (const slot of TAXONOMY_SLOTS) {
                 if (!placeholders.includes(slot))
                     continue;

package/dist/features/categories/api/[id]/price-guidance/route.js

@@ -45,7 +45,12 @@ import { isAdminUser } from "../../../../auth/role-predicates.js";
 import { priceGuidanceOnSellerBasis, describePriceGuidanceBasis, } from "../../../../../_internal/shared/features/categories/price-guidance.js";
 import { resolveInheritedGuidance, } from "../../../../../_internal/server/features/categories/price-guidance-resolve.js";
 export const GET = createRouteHandler({
-    roles: ["seller", "admin", "moderator"],
+    /*
+     * 🛑 Was ["seller", "admin", "moderator"]. `moderator` folds to `employee`,
+     * so it admitted every employee to a SELLER surface whose scope is ownership.
+     * Staff reach the same data through the permission-gated admin routes.
+     */
+    roles: ["seller", "admin"],
     handler: async ({ user, params }) => {
         try {
             const categoryId = params?.id;

package/dist/features/categories/api/[id]/route.js

@@ -14,6 +14,8 @@ import { mediaUrlSchema } from "../../../../validation/schemas.js";
 import { getProviders } from "../../../../contracts/index.js";
 import { createRouteHandler } from "../../../../next/api/routeHandler.js";
 import { normalizeError } from "../../../../errors/normalize.js";
+import { categoriesRepository } from "../../repository/categories.repository.js";
+import { toCategoryListItem } from "../../../../_internal/server/features/categories/adapters.js";
 const ERR_CATEGORY_NOT_FOUND = "Category not found";
 // ---- GET /api/categories/[id] ------------------------------------------------
 export async function GET(_request, context) {
@@ -23,12 +25,27 @@ export async function GET(_request, context) {
         if (!db) {
             return NextResponse.json({ success: false, error: "Database provider not registered" }, { status: 503 });
         }
-        const repo = db.getRepository("categories");
-        const category = await repo.findById(id);
+        /*
+         * 🛑 Uses the TYPED repository + the public projection, not the generic
+         * `db.getRepository("categories")` this route used to call.
+         *
+         * The generic path returned the RAW Firestore document — every field,
+         * unprojected, on an unauthenticated route. That is the exact leak the
+         * adapters module records fixing for the LIST route on 2026-10-10, when
+         * `GET /api/categories` was publishing `createdBy` (a uid),
+         * `createdByStoreId`, `createdByStoreName` and — worst — the UNBOUNDED
+         * `metrics.productIds[]` / `metrics.collectorDropIds[]` arrays. The detail
+         * route was never converted alongside it.
+         *
+         * Routing through `categoriesRepository` also picks up its `mapDoc`
+         * normalisation, so the 2026-11-07 `hasbroName` → `altRegionName` rename
+         * is applied here too; the generic repository bypassed that as well.
+         */
+        const category = await categoriesRepository.findById(id);
         if (!category) {
             return NextResponse.json({ success: false, error: ERR_CATEGORY_NOT_FOUND }, { status: 404 });
         }
-        return NextResponse.json({ success: true, data: category });
+        return NextResponse.json({ success: true, data: toCategoryListItem(category) });
     }
     catch (error) {
         void normalizeError(error);

package/dist/features/categories/api/route.js

@@ -157,7 +157,7 @@ export async function GET(request) {
          * This was `getRepository<CategoryItem>`, which is a cast-by-generic: the
          * repository returns raw Firestore documents at runtime, so every return
          * site below was handing out `createdBy`, `createdByStoreId` and the
-         * unbounded `metrics.productIds[]`/`auctionIds[]` while tsc believed the
+         * unbounded `metrics.productIds[]`/`collectorDropIds[]` while tsc believed the
          * payload was already projected. Naming the real shape is what makes the
          * missing `toCategoryListItem` calls a compile error instead of a leak.
          */

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

@@ -1,7 +1,10 @@
 import React from "react";
 import type { CategoryDocument } from "../schemas/firestore";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface BrandDetailPageViewProps {
     slug: string;
     initialBrand?: CategoryDocument | null;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function BrandDetailPageView({ slug, initialBrand }: BrandDetailPageViewProps): Promise<React.JSX.Element>;
+export declare function BrandDetailPageView({ slug, initialBrand, pageRegionCards }: BrandDetailPageViewProps): Promise<React.JSX.Element>;

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Row, SIEVE_OP, sieveAnd, sieveFilter } from "@mohasinac/appkit";
-import { sortBy } from "@mohasinac/appkit";
+import { Row } from "../../../ui/components/Layout.js";
+import { SIEVE_OP, sieveAnd, sieveFilter } from "../../../utils/sieve-builder.js";
+import { sortBy } from "../../../constants/sort.js";
 import Link from "next/link.js";
 import { categoriesRepository, productRepository, } from "../../../repositories/index.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
@@ -8,10 +9,11 @@ import { Anchor } from "../../../ui/components/Anchor.js";
 import { Container, Stack } from "../../../ui/components/Layout.js";
 import { Div } from "../../../ui/components/Div.js";
 import { Dl, Dt, Dd, Main, Nav, Section } from "../../../ui/components/Semantic.js";
+import { DetailViewShell } from "../../../ui/components/DetailViewShell.js";
 import { Heading, Span, Text } from "../../../ui/components/Typography.js";
 import { RecordOwnerQuickActions } from "../../admin/components/RecordOwnerQuickActions.js";
 import { DynamicBgDiv } from "../../../ui/components/DynamicBgDiv.js";
-import { MediaImage } from "../../media/MediaImage.js";
+import { MediaImage } from "../../../ui/components/MediaImage.js";
 import { RichTextRenderer } from "../../../ui/rich-text/RichTextRenderer.js";
 import { BrandDetailTabs } from "./BrandDetailTabs.js";
 import { CategoryGrid } from "./CategoryGrid.js";
@@ -22,14 +24,15 @@ import { GroupedListingsCarousel } from "../../grouped/components/GroupedListing
 import { getGroupsForBrand } from "../../../_internal/server/features/grouped/data.js";
 import { listingTabCounts, } from "../../../_internal/server/features/products/listing-tab-counts.js";
 import { CATEGORY_PAGE_TABS } from "../../products/constants/listing-tabs.js";
-import { enabledCategoryTypes, enabledListingTypes } from "../../../_internal/shared/listing-types/feature-flags.js";
+import { enabledCategoryTypes, listedListingTypes } from "../../../_internal/shared/listing-types/feature-flags.js";
 import { siteSettingsRepository } from "../../admin/repository/site-settings.repository.js";
 import { safeRead } from "../../../errors/safe-read.js";
 import { hidePublicTestData } from "../../../_internal/server/features/tester/visibility.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const __O = {
     hidden: "overflow-hidden",
 };
-export async function BrandDetailPageView({ slug, initialBrand }) {
+export async function BrandDetailPageView({ slug, initialBrand, pageRegionCards = [] }) {
     // The brand IS this page's subject — a read failure must surface rather than
     // render an anonymous, empty brand page. `undefined` still means "no such
     // brand slug".
@@ -118,13 +121,13 @@ export async function BrandDetailPageView({ slug, initialBrand }) {
     const counts = {
         ...tabCounts.available,
         products: tabCounts.available.products ?? brand?.metrics?.productCount ?? 0,
-        auctions: tabCounts.available.auctions ?? brand?.metrics?.auctionCount ?? 0,
+        collectorDrops: tabCounts.available.collectorDrops ?? brand?.metrics?.collectorDropCount ?? 0,
         bundles: brandBundles.length,
     };
     const totals = {
         ...tabCounts.total,
         products: tabCounts.total.products ?? brand?.metrics?.productCount ?? 0,
-        auctions: tabCounts.total.auctions ?? brand?.metrics?.auctionCount ?? 0,
+        collectorDrops: tabCounts.total.collectorDrops ?? brand?.metrics?.collectorDropCount ?? 0,
         bundles: brandBundles.length,
     };
     // Header total — `?? 0` is right here (a pill just doesn't render), unlike the
@@ -181,7 +184,44 @@ export async function BrandDetailPageView({ slug, initialBrand }) {
     const ldFaq = brand?.faqs && brand.faqs.length > 0
         ? faqJsonLd(brand.faqs.map((f) => ({ question: f.question, answer: f.answer })))
         : null;
-    return (_jsxs(Main, { children: [_jsx("script", { type: "application/ld+json", dangerouslySetInnerHTML: { __html: JSON.stringify(ldBreadcrumb) } }), _jsx("script", { type: "application/ld+json", dangerouslySetInnerHTML: { __html: JSON.stringify(ldCollection) } }), ldFaq && (_jsx("script", { type: "application/ld+json", dangerouslySetInnerHTML: { __html: JSON.stringify(ldFaq) } })), _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 dark:hover:text-primary-400 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 dark:hover:text-primary-400 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(Stack, { gap: "xs", className: "min-w-0", 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?.id && (_jsx(RecordOwnerQuickActions, { resource: "BRAND", recordId: brand.id, placement: "detail", 
-                                                /* See CategoryDetailPageView — ghost ink is invisible on the cover hero. */
-                                                onMedia: hasCover, className: "mb-2", recordLabel: brand.name ?? slug })), brand?.description && typeof brand.description === "string" && !brand.description.startsWith("{") && (_jsx(Text, { color: hasCover ? "inverse" : "muted", className: "max-w-2xl mt-1", 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 })] }))] })] }) }) })), brandContentBody && brandContentBody.trim().length > 0 && (_jsx(Section, { padding: "y-lg", children: _jsx(Container, { size: "xl", children: _jsx(RichTextRenderer, { html: brandContentBody }) }) })), _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, totals: totals, 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)) })] }) }))] }));
+    return (_jsxs(Main, { children: [_jsx("script", { type: "application/ld+json", dangerouslySetInnerHTML: { __html: JSON.stringify(ldBreadcrumb) } }), _jsx("script", { type: "application/ld+json", dangerouslySetInnerHTML: { __html: JSON.stringify(ldCollection) } }), ldFaq && (_jsx("script", { type: "application/ld+json", dangerouslySetInnerHTML: { __html: JSON.stringify(ldFaq) } })), _jsx(DetailViewShell, { layout: "hub", mainSlots: [
+                    /* ── Brand Hero ──────────────────────────────────────────────────── */
+                    () => (_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 dark:hover:text-primary-400 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 dark:hover:text-primary-400 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(Stack, { gap: "xs", className: "min-w-0", 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?.id && (_jsx(RecordOwnerQuickActions, { resource: "BRAND", recordId: brand.id, placement: "detail", 
+                                                        /* See CategoryDetailPageView — ghost ink is invisible on the cover hero. */
+                                                        onMedia: hasCover, className: "mb-2", recordLabel: brand.name ?? slug })), brand?.description && typeof brand.description === "string" && !brand.description.startsWith("{") && (_jsx(Text, { color: hasCover ? "inverse" : "muted", className: "max-w-2xl mt-1", 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.collectorDrops ?? 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.collectorDrops.toLocaleString(), " ", counts.collectorDrops === 1 ? "collector drop" : "collector drops"] })), (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" }))] })] })] })),
+                    /* ── About this brand ────────────────────────────────────────────── */
+                    (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 })] }))] })] }) }) }))
+                        : undefined,
+                    /* ── The brand's OWN content ──────────────────────────────────────────
+                        🛑 A brand IS a `CategoryDocument` (discriminated by
+                        `categoryType: "brand"`), so it can carry `contentBody`, an admin can
+                        author one through the brand editor, and the public projection already
+                        lists the field. It had no render site on THIS page — only
+                        `CategoryDetailPageView` grew one. So brand body copy was authorable,
+                        storable and invisible, which is the same defect that page's own
+                        comment records fixing for categories, left half-done one document
+                        type over. Root Cause #52: the data was already fetched and the UI was
+                        never wired to it.
+          
+                        Mirrors `CategoryDetailPageView` exactly — `RichTextRenderer` (what
+                        the field's docstring specifies, SSR-safe because `RichTextEditor`
+                        sanitises at save time), inside the same `Section`/`Container`, and
+                        omitted entirely when absent rather than rendering an empty prose
+                        block that reads as a broken page. */
+                    brandContentBody && brandContentBody.trim().length > 0
+                        ? () => (_jsx(Section, { padding: "y-lg", children: _jsx(Container, { size: "xl", children: _jsx(RichTextRenderer, { html: brandContentBody }) }) }))
+                        : undefined,
+                    () => _jsx(CategoryHighlightsAndFaqSection, { highlights: brand?.highlights, faqs: brand?.faqs }),
+                    /* ── Tabs: Products / Collector Drops / Pre-Orders ──────────────────────── */
+                    () => (_jsx(Section, { padding: "y-lg", children: _jsx(Container, { size: "xl", children: brandName ? (_jsx(BrandDetailTabs, { brandName: brandName, initialProductsData: productsResult ?? undefined, initialBundles: brandBundles, counts: counts, totals: totals, listedListingTypes: listedListingTypes(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 }) }) }))
+                        : undefined,
+                    () => (_jsx(Section, { padding: "y-md", children: _jsx(Container, { size: "xl", children: _jsx(AdminComposableRegion, { pageId: "brands-slug", initialCards: pageRegionCards }) }) })),
+                    /* ── Related brands ───────────────────────────────────────────────── */
+                    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)) })] }) }))
+                        : undefined,
+                ] })] }));
 }

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

@@ -17,9 +17,18 @@ export interface BrandDetailTabsProps {
      * and the "N ended — show all" hint; see `ListingTabCountResult`.
      */
     totals?: Record<string, number | undefined>;
-    /** Enabled listing types (e.g. ["standard","auction"]). When omitted, all tabs shown. */
-    enabledListingTypes?: string[];
+    /**
+     * Listing types a visitor may be OFFERED a tab for — i.e.
+     * `listedListingTypes(settings)`, NOT `enabledListingTypes(settings)`.
+     * When omitted, all tabs shown.
+     *
+     * 🛑 LISTED, not enabled, and the difference is a bug review already found
+     * elsewhere: `enabled` stays true for an `"unlisted"` type (its pages must
+     * keep serving), so a tab built from it re-advertises exactly what the
+     * admin withdrew. A tab is a way IN, so it follows `isListingTypeListed`.
+     */
+    listedListingTypes?: string[];
     /** Enabled category types (e.g. ["category","brand","bundle"]). When omitted, all tabs shown. */
     enabledCategoryTypes?: string[];
 }
-export declare function BrandDetailTabs({ brandName, initialProductsData, initialBundles, counts, totals, enabledListingTypes, enabledCategoryTypes, }: BrandDetailTabsProps): React.JSX.Element;
+export declare function BrandDetailTabs({ brandName, initialProductsData, initialBundles, counts, totals, listedListingTypes, enabledCategoryTypes, }: BrandDetailTabsProps): React.JSX.Element;

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

@@ -5,11 +5,11 @@ import { EmptyState } from "../../../ui/components/EmptyState.js";
 import { Tabs, TabsList, TabsTrigger } from "../../../ui/components/Tabs.js";
 import { AvailabilityScopeHint } from "../../products/components/AvailabilityScopeHint.js";
 import { CategoryProductsListing } from "./CategoryProductsListing.js";
-import { AuctionsIndexListing } from "../../products/components/AuctionsIndexListing.js";
+import { CollectorDropsIndexListing } from "../../products/components/CollectorDropsIndexListing.js";
 import { PreOrdersIndexListing } from "../../pre-orders/components/PreOrdersIndexListing.js";
-import { PrizeDrawsIndexListing } from "../../products/components/PrizeDrawsIndexListing.js";
+import { ClearanceIndexListing } from "../../products/components/ClearanceIndexListing.js";
 import { CategoryBundlesListing } from "./CategoryBundlesListing.js";
-import { CATEGORY_PAGE_TABS, ART_STICKERS_LISTING_TYPES, } from "../../products/constants/listing-tabs.js";
+import { CATEGORY_PAGE_TABS, ART_AND_STICKERS_LISTING_TYPES, } from "../../products/constants/listing-tabs.js";
 import { ALL_LISTING_TYPES } from "../../../_internal/shared/listing-types/feature-flags.js";
 import { pluginFor } from "../../../_internal/shared/listing-types/_registry.js";
 /**
@@ -48,10 +48,11 @@ const GENERIC_TAB_LISTING_TYPES = {
     [pluginFor("classified").tabSlug]: ["classified"],
     [pluginFor("digital-code").tabSlug]: ["digital-code"],
     [pluginFor("live").tabSlug]: ["live"],
-    [pluginFor("art").tabSlug]: ART_STICKERS_LISTING_TYPES,
+    // The Art & Stickers tab, under the unchanged `art` slug (1.34).
+    [pluginFor("art-and-stickers").tabSlug]: ART_AND_STICKERS_LISTING_TYPES,
     /*
      * Spares render generically — a product grid is the whole story, unlike an
-     * auction (countdown, bid history) or a prize draw (entries remaining).
+     * collector drop (countdown, bid history) or a prize draw (entries remaining).
      *
      * 🛑 Hand-written map; a missing entry is a tab you can CLICK that renders an
      * empty panel. `audit-tab-body-coverage` exists for exactly this, after this
@@ -60,7 +61,7 @@ const GENERIC_TAB_LISTING_TYPES = {
      */
     [pluginFor("spares").tabSlug]: ["spares"],
 };
-export function BrandDetailTabs({ brandName, initialProductsData, initialBundles = [], counts, totals, enabledListingTypes, enabledCategoryTypes, }) {
+export function BrandDetailTabs({ brandName, initialProductsData, initialBundles = [], counts, totals, listedListingTypes, enabledCategoryTypes, }) {
     const countFor = (id) => counts?.[id];
     const totalFor = (id) => totals?.[id] ?? counts?.[id];
     const visibleTabs = CATEGORY_PAGE_TABS.filter((t) => {
@@ -71,8 +72,8 @@ export function BrandDetailTabs({ brandName, initialProductsData, initialBundles
         // type IS mapped now (it used to also silently drop four real types).
         if (!mapping)
             return false;
-        if (mapping.kind === "listing" && enabledListingTypes) {
-            if (!enabledListingTypes.includes(mapping.type))
+        if (mapping.kind === "listing" && listedListingTypes) {
+            if (!listedListingTypes.includes(mapping.type))
                 return false;
         }
         if (mapping.kind === "category" && enabledCategoryTypes) {
@@ -91,5 +92,5 @@ export function BrandDetailTabs({ brandName, initialProductsData, initialBundles
     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))) }) }), _jsx(AvailabilityScopeHint, { total: totalFor(activeTab), available: countFor(activeTab), types: typesForTab(activeTab) }), 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 }))] }));
+    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))) }) }), _jsx(AvailabilityScopeHint, { total: totalFor(activeTab), available: countFor(activeTab), types: typesForTab(activeTab) }), 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("collector-drop").tabSlug && (_jsx(CollectorDropsIndexListing, { brandName: brandName })), activeTab === pluginFor("pre-order").tabSlug && (_jsx(PreOrdersIndexListing, { brandName: brandName })), activeTab === pluginFor("clearance").tabSlug && (_jsx(ClearanceIndexListing, { brandName: brandName })), activeTab === "bundles" && (_jsx(CategoryBundlesListing, { initialBundles: initialBundles, brandName: brandName }))] }));
 }

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

@@ -1,7 +1,7 @@
 /**
  * BundleCollage — collage grid of bundle member products with lightbox support.
  *
- * Mirrors PrizeDrawCollage's visual style. Clicking any cell opens a
+ * Mirrors ClearanceCollage's visual style. Clicking any cell opens a
  * full-screen lightbox starting at that product and cycling circularly.
  * Each cell also keeps a "Visit product" link accessible as the keyboard
  * action so the lightbox does not break product discovery.

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

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 /**
  * BundleCollage — collage grid of bundle member products with lightbox support.
  *
- * Mirrors PrizeDrawCollage's visual style. Clicking any cell opens a
+ * Mirrors ClearanceCollage's visual style. Clicking any cell opens a
  * full-screen lightbox starting at that product and cycling circularly.
  * Each cell also keeps a "Visit product" link accessible as the keyboard
  * action so the lightbox does not break product discovery.
@@ -16,7 +16,7 @@ import { Div } from "../../../ui/components/Div.js";
 import { GatedPrice } from "../../../ui/components/GatedPrice.js";
 import { Grid, Row } from "../../../ui/components/Layout.js";
 import { Text } from "../../../ui/components/Typography.js";
-import { MediaImage } from "../../media/MediaImage.js";
+import { MediaImage } from "../../../ui/components/MediaImage.js";
 import { ImageLightbox } from "../../../ui/components/ImageLightbox.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";

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

@@ -11,6 +11,7 @@
 import React from "react";
 import type { CategoryDocument } from "../schemas";
 import type { ProductDocument } from "../../products/schemas/firestore";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface BundleDetailViewProps {
     bundle: CategoryDocument;
     members?: ProductDocument[];
@@ -27,5 +28,7 @@ export interface BundleDetailViewProps {
     }) => Promise<unknown>;
     /** Other active bundles, excluding this one — renders a "Related Bundles" section when non-empty. */
     relatedBundles?: CategoryDocument[];
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function BundleDetailView({ bundle, members, onBuyNow, onAddToCart, relatedBundles, }: BundleDetailViewProps): React.JSX.Element;
+export declare function BundleDetailView({ bundle, members, onBuyNow, onAddToCart, relatedBundles, pageRegionCards, }: BundleDetailViewProps): React.JSX.Element;

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

@@ -10,11 +10,12 @@ import Link from "next/link.js";
 import { BUNDLE_COPY, BUNDLE_STOCK_VARIANT, } from "../../../_internal/shared/features/categories/bundle-copy.js";
 import { BundleBuyNowCta } from "./BundleBuyNowCta.js";
 import { BundleCollage } from "./BundleCollage.js";
-import { MediaImage } from "../../media/MediaImage.js";
+import { MediaImage } from "../../../ui/components/MediaImage.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { computeBundleDiscount } from "../../../_internal/shared/features/categories/bundle-pricing.js";
 import { CategoryGrid } from "./CategoryGrid.js";
 import { RecordOwnerQuickActions } from "../../../features/admin/components/RecordOwnerQuickActions.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const __O = {
     hidden: "overflow-hidden",
 };
@@ -23,7 +24,7 @@ const STOCK_BADGE_TEXT = {
     out_of_stock: BUNDLE_COPY.stockBadge.out_of_stock,
 };
 const PLACEHOLDER_EMOJI = "📦";
-export function BundleDetailView({ bundle, members = [], onBuyNow, onAddToCart, relatedBundles = [], }) {
+export function BundleDetailView({ bundle, members = [], onBuyNow, onAddToCart, relatedBundles = [], pageRegionCards = [], }) {
     const memberCount = members.length || bundle.bundleProductIds?.length || 0;
     const stock = bundle.bundleStockStatus ?? "in_stock";
     const cover = bundle.display?.coverImage;
@@ -35,5 +36,5 @@ export function BundleDetailView({ bundle, members = [], onBuyNow, onAddToCart,
                                                     // Both the struck-through total and the "N% off" badge are
                                                     // derived from the bundle price, so they disclose it even
                                                     // though the badge carries no currency symbol.
-                                                    _jsxs(PricesOnly, { children: [_jsx(Text, { size: "sm", color: "muted", className: "line-through", children: formatCurrency(discount.originalTotal, "INR") }), _jsx(Badge, { variant: "success", children: BUNDLE_COPY.detail.discountBadge(discount.percent) })] })), _jsxs(Text, { size: "sm", color: "muted", children: ["\u00B7 ", BUNDLE_COPY.detail.itemCount(memberCount)] }), _jsx(Badge, { variant: BUNDLE_STOCK_VARIANT[stock], children: STOCK_BADGE_TEXT[stock] })] }), discount && (_jsx(PricesOnly, { children: _jsx(Text, { size: "sm", color: "success", weight: "medium", children: BUNDLE_COPY.detail.savingsLabel(formatCurrency(discount.savings, "INR")) }) })), bundle.description && (_jsxs(Stack, { gap: "xs", children: [_jsx(Heading, { level: 2, className: "text-[var(--appkit-color-text-muted)]", size: "sm", weight: "semibold", children: BUNDLE_COPY.detailDescriptionHeading }), _jsx(Text, { className: "whitespace-pre-line", children: bundle.description })] })), onBuyNow ? (_jsx(BundleBuyNowCta, { bundleSlug: bundle.slug, outOfStock: stock === "out_of_stock", onBuyNow: onBuyNow, onAddToCart: onAddToCart })) : (_jsxs(Div, { textSize: "sm", className: "border-dashed", border: "strong", surface: "muted", rounded: "xl", padding: "md", "aria-live": "polite", children: [_jsx(Text, { weight: "semibold", className: "mb-1 block", children: BUNDLE_COPY.detail.ctaDisabled }), _jsx(Text, { size: "sm", color: "muted", children: BUNDLE_COPY.detail.ctaHint })] }))] })] }), _jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 2, size: "xl", weight: "semibold", color: "primary", children: BUNDLE_COPY.detailItemsHeading }), members.length === 0 ? (_jsx(Text, { color: "muted", children: BUNDLE_COPY.detail.emptyMembers })) : (_jsx(Ul, { gap: "2", className: "grid grid-cols-1 sm:grid-cols-2", children: members.map((p, i) => (_jsxs(Li, { layout: "flex-center", gap: "2", rounded: "lg", border: "subtle", padding: "inlineSm", textSize: "sm", children: [_jsxs(Span, { size: "xs", weight: "semibold", className: "w-5", color: "faint", children: ["#", i + 1] }), _jsx(Link, { href: String(ROUTES.PUBLIC.PRODUCT_DETAIL?.(p.slug ?? p.id) ?? "#"), className: "flex-1 truncate font-medium hover:underline hover:text-primary", children: p.title }), _jsx(Span, { size: "xs", color: "muted", children: _jsx(GatedPrice, { children: formatCurrency(p.price ?? 0, p.currency ?? "INR") }) })] }, p.id))) }))] })] }) }) }), relatedBundles.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 Bundles" }), _jsx(CategoryGrid, { categories: relatedBundles, getHref: (c) => String(ROUTES.PUBLIC.BUNDLE_DETAIL(c.slug)) })] }) }))] }));
+                                                    _jsxs(PricesOnly, { children: [_jsx(Text, { size: "sm", color: "muted", className: "line-through", children: formatCurrency(discount.originalTotal, "INR") }), _jsx(Badge, { variant: "success", children: BUNDLE_COPY.detail.discountBadge(discount.percent) })] })), _jsxs(Text, { size: "sm", color: "muted", children: ["\u00B7 ", BUNDLE_COPY.detail.itemCount(memberCount)] }), _jsx(Badge, { variant: BUNDLE_STOCK_VARIANT[stock], children: STOCK_BADGE_TEXT[stock] })] }), discount && (_jsx(PricesOnly, { children: _jsx(Text, { size: "sm", color: "success", weight: "medium", children: BUNDLE_COPY.detail.savingsLabel(formatCurrency(discount.savings, "INR")) }) })), bundle.description && (_jsxs(Stack, { gap: "xs", children: [_jsx(Heading, { level: 2, className: "text-[var(--appkit-color-text-muted)]", size: "sm", weight: "semibold", children: BUNDLE_COPY.detailDescriptionHeading }), _jsx(Text, { className: "whitespace-pre-line", children: bundle.description })] })), onBuyNow ? (_jsx(BundleBuyNowCta, { bundleSlug: bundle.slug, outOfStock: stock === "out_of_stock", onBuyNow: onBuyNow, onAddToCart: onAddToCart })) : (_jsxs(Div, { textSize: "sm", className: "border-dashed", border: "strong", surface: "muted", rounded: "xl", padding: "md", "aria-live": "polite", children: [_jsx(Text, { weight: "semibold", className: "mb-1 block", children: BUNDLE_COPY.detail.ctaDisabled }), _jsx(Text, { size: "sm", color: "muted", children: BUNDLE_COPY.detail.ctaHint })] }))] })] }), _jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 2, size: "xl", weight: "semibold", color: "primary", children: BUNDLE_COPY.detailItemsHeading }), members.length === 0 ? (_jsx(Text, { color: "muted", children: BUNDLE_COPY.detail.emptyMembers })) : (_jsx(Ul, { gap: "2", className: "grid grid-cols-1 sm:grid-cols-2", children: members.map((p, i) => (_jsxs(Li, { layout: "flex-center", gap: "2", rounded: "lg", border: "subtle", padding: "inlineSm", textSize: "sm", children: [_jsxs(Span, { size: "xs", weight: "semibold", className: "w-5", color: "faint", children: ["#", i + 1] }), _jsx(Link, { href: String(ROUTES.PUBLIC.PRODUCT_DETAIL?.(p.slug ?? p.id) ?? "#"), className: "flex-1 truncate font-medium hover:underline hover:text-primary", children: p.title }), _jsx(Span, { size: "xs", color: "muted", children: _jsx(GatedPrice, { children: formatCurrency(p.price ?? 0, p.currency ?? "INR") }) })] }, p.id))) }))] })] }) }) }), _jsx(Section, { padding: "y-md", children: _jsx(Container, { size: "xl", children: _jsx(AdminComposableRegion, { pageId: "bundles-slug", initialCards: pageRegionCards }) }) }), relatedBundles.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 Bundles" }), _jsx(CategoryGrid, { categories: relatedBundles, getHref: (c) => String(ROUTES.PUBLIC.BUNDLE_DETAIL(c.slug)) })] }) }))] }));
 }

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

@@ -18,7 +18,7 @@ type DynamicRule = {
         categorySlug?: string;
         brandSlug?: string;
         tags?: string[];
-        listingType?: "standard" | "pre-order" | "prize-draw";
+        listingType?: "standard" | "pre-order" | "clearance";
     };
     orderBy?: "price-asc" | "price-desc" | "createdAt-desc";
     limit: number;

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

@@ -39,7 +39,7 @@ const LISTING_TYPE_OPTIONS = [
     { label: "Any", value: "" },
     { label: "Standard only", value: "standard" },
     { label: "Pre-order only", value: "pre-order" },
-    { label: "Prize draw only", value: "prize-draw" },
+    { label: "Clearance only", value: "clearance" },
 ];
 export function BundleDynamicRuleEditor({ value, onChange, disabled = false, }) {
     const rule = value ?? DEFAULT_DYNAMIC_RULE;

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

@@ -25,6 +25,7 @@ import { BUNDLE_MAX_ITEMS, BUNDLE_MIN_ITEMS, } from "../../../_internal/shared/f
 import { BUNDLE_COPY } from "../../../_internal/shared/features/categories/bundle-copy.js";
 import { PRODUCT_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { productImageUrls } from "../../products/schemas/firestore.js";
+import { formatMoney } from "../../../utils/number.formatter.js";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",
 };
@@ -48,7 +49,7 @@ function renderBundleSearchResults(props) {
     return (_jsxs(_Fragment, { children: [searchError && _jsx(Text, { size: "sm", color: "danger", children: searchError }), isSearching && _jsx(Text, { size: "sm", color: "muted", children: BUNDLE_COPY.picker.searchingHint }), !isSearching && debouncedQuery.length >= 2 && results.length === 0 && !searchError && (_jsx(Text, { size: "sm", color: "muted", children: BUNDLE_COPY.picker.noMatches(debouncedQuery) })), results.length > 0 && (_jsx(Div, { className: `max-h-72 ${__O.yAuto}`, rounded: "lg", border: "default", children: results.map((r) => {
                     const isSelected = selectedSet.has(r.id);
                     const atCap = !isSelected && value.length >= maxItems;
-                    return (_jsxs(Row, { border: "subtle", gap: "sm", align: "center", className: `border-b last:border-b-0 ${isSelected ? CLS_ROW_SELECTED : ""} ${atCap ? "opacity-50" : ""}`, padding: "inlineSm", children: [_jsx(Checkbox, { checked: isSelected, disabled: atCap, onChange: () => toggle(r.id), "aria-label": BUNDLE_COPY.picker.toggleAria(r.title) }), _jsxs(Stack, { gap: "xs", className: "flex-1", children: [_jsx(Text, { size: "sm", weight: "medium", children: r.title }), _jsxs(Row, { gap: "sm", children: [_jsx(Text, { size: "xs", color: "muted", children: r.id }), typeof r.price === "number" && _jsxs(Text, { size: "xs", color: "muted", children: ["\u00B7 \u20B9", r.price.toLocaleString("en-IN")] })] })] })] }, r.id));
+                    return (_jsxs(Row, { border: "subtle", gap: "sm", align: "center", className: `border-b last:border-b-0 ${isSelected ? CLS_ROW_SELECTED : ""} ${atCap ? "opacity-50" : ""}`, padding: "inlineSm", children: [_jsx(Checkbox, { checked: isSelected, disabled: atCap, onChange: () => toggle(r.id), "aria-label": BUNDLE_COPY.picker.toggleAria(r.title) }), _jsxs(Stack, { gap: "xs", className: "flex-1", children: [_jsx(Text, { size: "sm", weight: "medium", children: r.title }), _jsxs(Row, { gap: "sm", children: [_jsx(Text, { size: "xs", color: "muted", children: r.id }), typeof r.price === "number" && _jsxs(Text, { size: "xs", color: "muted", children: ["\u00B7 ", formatMoney(r.price)] })] })] })] }, r.id));
                 }) }))] }));
 }
 export function BundleItemsPicker({ value, onChange, fetchProducts, minItems = BUNDLE_MIN_ITEMS, maxItems = BUNDLE_MAX_ITEMS, initialMetadata = {}, }) {

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

@@ -1,11 +1,14 @@
 import React from "react";
 import type { SearchParamsRecord } from "../../../utils/search-params";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface BundlesListViewProps {
     searchParams?: SearchParamsRecord;
     onBuyNow?: (input: {
         bundleSlug: string;
         quantity: number;
     }) => Promise<unknown>;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
 /**
  * Public `/bundles` index. Bundles live as `categoryType:"bundle"` rows on
@@ -14,4 +17,4 @@ export interface BundlesListViewProps {
  * Optional `?storeId=…` post-filters to a single seller's bundles.
  * Sort UI is owned by `CategoryBundlesListing` (client).
  */
-export declare function BundlesListView({ searchParams, onBuyNow, }: BundlesListViewProps): Promise<React.JSX.Element>;
+export declare function BundlesListView({ searchParams, onBuyNow, pageRegionCards, }: BundlesListViewProps): Promise<React.JSX.Element>;