@mohasinac/appkit 4.70.0 → 4.71.2

package/dist/features/homepage/schemas/index.js

@@ -1,17 +1,19 @@
 export * from "./firestore.js";
 // ─── Firestore document schemas (W2) ──────────────────────────────────────────
-// Mirrors HomepageSectionDocument + CarouselSlideDocument + CarouselDocument in
-// ./firestore.ts. Registered into:
+// Mirrors HomepageSectionDocument in ./firestore.ts. Registered into:
 //   SCHEMAS.firestore.homepageSections
-//   SCHEMAS.firestore.carouselSlides
-//   SCHEMAS.firestore.carousels
+//
+// 🛑 The carouselSlides/carousels Zod schemas that used to live here (and the
+// SCHEMAS.firestore.carouselSlides/carousels registrations) were deleted
+// 2026-10-31 along with the Firestore collections they validated — see
+// ./firestore.ts's file header.
 //
 // Per-section-type config schemas live in adminSectionsBuildParse (W5 row 1).
 // Here the `config` field is treated as a typed `Record<string, JsonValue>` —
 // the section-builder schemas validate it at the form boundary.
 import { z } from "zod";
 import { DEFAULT_SECTION_ORDER, SECTION_SURFACE_VALUES } from "./firestore.js";
-import { auditTimestampsShape, firestoreDateSchema } from "../../../schemas/firestore-helpers.js";
+import { auditTimestampsShape } from "../../../schemas/firestore-helpers.js";
 /**
  * 🛑 GENUINELY derived from `SectionType`, not a parallel hand-written list.
  *
@@ -92,110 +94,3 @@ export const homepageSectionCreateSchema = z.object({
     // over.
     config: z.record(z.string(), jsonValueSchema),
 });
-export const carouselBackgroundSchema = z.object({
-    type: z.enum(["image", "video", "color", "gradient"]),
-    url: z.string().optional(),
-    mobileUrl: z.string().optional(),
-    thumbnail: z.string().optional(),
-    color: z.string().optional(),
-    gradientFrom: z.string().optional(),
-    gradientTo: z.string().optional(),
-    gradientAngle: z.number().min(0).max(360).optional(),
-    dimOverlay: z
-        .object({ enabled: z.boolean(), opacity: z.number().min(0).max(1) })
-        .optional(),
-});
-export const carouselCardSchema = z.object({
-    id: z.string(),
-    zone: z.union([z.literal(1), z.literal(2), z.literal(3), z.literal(4), z.literal(5), z.literal(6)]),
-    mobileZone: z.union([z.literal(2), z.literal(5)]).optional(),
-    background: carouselBackgroundSchema,
-    content: z
-        .object({
-        eyebrow: z.string().optional(),
-        title: z.string().optional(),
-        subtitle: z.string().optional(),
-        description: z.string().optional(),
-        textColor: z.string().optional(),
-        textAlign: z.enum(["left", "center", "right"]).optional(),
-    })
-        .optional(),
-    buttons: z
-        .array(z.object({
-        id: z.string().optional(),
-        text: z.string(),
-        href: z.string(),
-        variant: z.enum(["primary", "secondary", "outline", "ghost", "link"]),
-        openInNewTab: z.boolean().optional(),
-    }))
-        .optional(),
-    hover: z
-        .object({
-        effect: z.enum(["scale", "color", "glow", "none"]),
-        scaleValue: z.number().optional(),
-        colorValue: z.string().optional(),
-    })
-        .optional(),
-    isButtonOnly: z.boolean().optional(),
-    gridRow: z.union([z.literal(1), z.literal(2)]).optional(),
-    gridCol: z.union([z.literal(1), z.literal(2), z.literal(3)]).optional(),
-});
-export const carouselFirestoreSchema = z.object({
-    id: z.string(),
-    name: z.string(),
-    status: z.enum(["active", "draft"]),
-    slideIds: z.array(z.string()),
-    createdBy: z.string(),
-    ...auditTimestampsShape,
-});
-export const carouselSlideFirestoreSchema = z.object({
-    id: z.string(),
-    carouselId: z.string().nullable().optional(),
-    title: z.string(),
-    order: z.number().int(),
-    active: z.boolean(),
-    background: carouselBackgroundSchema.optional(),
-    media: z
-        .object({
-        type: z.enum(["image", "video"]),
-        url: z.string(),
-        alt: z.string().optional(),
-        thumbnail: z.string().optional(),
-    })
-        .optional(),
-    link: z.object({ url: z.string(), openInNewTab: z.boolean() }).optional(),
-    mobileMedia: z
-        .object({ type: z.enum(["image", "video"]), url: z.string(), alt: z.string().optional() })
-        .optional(),
-    cards: z.array(carouselCardSchema),
-    overlay: z
-        .object({
-        enabled: z.boolean().optional(),
-        color: z.string().optional(),
-        opacity: z.number().optional(),
-        title: z.string().optional(),
-        subtitle: z.string().optional(),
-        description: z.string().optional(),
-        button: z
-            .object({
-            id: z.string().optional(),
-            text: z.string(),
-            link: z.string(),
-            variant: z.enum(["primary", "secondary", "outline"]),
-            openInNewTab: z.boolean(),
-        })
-            .optional(),
-    })
-        .optional(),
-    settings: z
-        .object({
-        autoplayDelayMs: z.number().int().optional(),
-        height: z.enum(["viewport", "tall", "medium"]).optional(),
-    })
-        .optional(),
-    analytics: z
-        .object({ views: z.number().int().nonnegative(), lastViewed: firestoreDateSchema.optional() })
-        .optional(),
-    createdBy: z.string(),
-    ...auditTimestampsShape,
-});

package/dist/features/homepage/server.d.ts

@@ -1,6 +1,4 @@
 export * from "./actions";
-export { carouselRepository } from "./repository/carousel.repository";
 export { homepageSectionsRepository } from "./repository/homepage-sections.repository";
 export { manifest } from "./manifest";
-export { carouselGET, carouselPOST } from "./api/carousel/route";
-export { carouselItemGET, carouselItemPATCH, carouselItemDELETE, } from "./api/carousel/[id]/route";
+export { carouselGET } from "./api/carousel/route";

package/dist/features/homepage/server.js

@@ -1,6 +1,4 @@
 export * from "./actions/index.js";
-export { carouselRepository } from "./repository/carousel.repository.js";
 export { homepageSectionsRepository } from "./repository/homepage-sections.repository.js";
 export { manifest } from "./manifest.js";
-export { carouselGET, carouselPOST } from "./api/carousel/route.js";
-export { carouselItemGET, carouselItemPATCH, carouselItemDELETE, } from "./api/carousel/[id]/route.js";
+export { carouselGET } from "./api/carousel/route.js";

package/dist/features/inventory/components/AdminMoveLedgerView.d.ts

@@ -1,5 +1,10 @@
 import React from "react";
-export declare function AdminMoveLedgerView(): React.JSX.Element;
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
+export interface AdminMoveLedgerViewProps {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
+}
+export declare function AdminMoveLedgerView({ pageRegionCards }?: AdminMoveLedgerViewProps): React.JSX.Element;
 /** The kind chips, derived from the union so a sixth kind cannot be missed. */
 export declare const MOVEMENT_KIND_TABS: {
     id: "move" | "receive" | "pick" | "adjust" | "audit";

package/dist/features/inventory/components/AdminMoveLedgerView.js

@@ -18,6 +18,7 @@ import { sieveFilter, SIEVE_OP } from "../../../utils/sieve-builder.js";
 import { RecordDetailModal } from "../../../ui/components/RecordDetailModal.js";
 import { statusLabel } from "../../../ui/columns/cell-renderers.js";
 import { MovementKindValues, } from "../schemas/firestore.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 /**
  * `AC60-01 → AC60-04`, or `→ AC60-04` for a receive.
  *
@@ -37,7 +38,7 @@ function endpoints(m) {
         return `${from} →`;
     return "—";
 }
-export function AdminMoveLedgerView() {
+export function AdminMoveLedgerView({ pageRegionCards = [] } = {}) {
     /*
      * 🛑 Declared BEFORE the `useMemo` that closes over `setSelected`. The memo
      * factory runs during this render, so a `useState` below it would leave the
@@ -120,7 +121,7 @@ export function AdminMoveLedgerView() {
         onRowClick: (row) => setSelected(row),
     }), []);
     const m = selected?.doc;
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(RecordDetailModal, { isOpen: selected !== null, onClose: () => setSelected(null), title: selected?.primary ?? "Movement", description: m
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "admin-inventory-movements", initialCards: pageRegionCards }), _jsx(DataListingView, { config: config }), _jsx(RecordDetailModal, { isOpen: selected !== null, onClose: () => setSelected(null), title: selected?.primary ?? "Movement", description: m
                     ? `${statusLabel(m.kind)} · ${endpoints(m)}`
                     : undefined, fields: m
                     ? [

package/dist/features/inventory/components/AdminStorageBoxesView.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 /**
  * The register-a-box form.
  *
@@ -8,4 +9,8 @@ import React from "react";
 export declare function RegisterBoxForm({ onCreated }: {
     onCreated: () => void;
 }): React.JSX.Element;
-export declare function AdminStorageBoxesView(): React.JSX.Element;
+export interface AdminStorageBoxesViewProps {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
+}
+export declare function AdminStorageBoxesView({ pageRegionCards }?: AdminStorageBoxesViewProps): React.JSX.Element;

package/dist/features/inventory/components/AdminStorageBoxesView.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /*
  * WHY: The box registry needs the same listing chrome every other admin
  *      surface has — search, sort, pagination, a create affordance and a row
@@ -20,6 +20,7 @@ import { normalizeError } from "../../../errors/normalize.js";
 import { sieveFilter, SIEVE_OP } from "../../../utils/sieve-builder.js";
 import { operatorMessage } from "./operator-message.js";
 import { BoxTypeValues, STORAGE_BOX_FIELDS, } from "../schemas/firestore.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const TYPE_OPTIONS = BoxTypeValues.map((v) => ({ value: v, label: v }));
 /**
  * The register-a-box form.
@@ -80,7 +81,7 @@ export function RegisterBoxForm({ onCreated }) {
     };
     return (_jsx(Form, { onSubmit: (e) => e.preventDefault(), className: "space-y-4", children: ({ setFieldError, clearErrors }) => (_jsxs(Stack, { gap: "md", children: [_jsx(FieldInput, { name: "code", label: "Box code", required: true, value: code, onChange: setCode, placeholder: "AC60-03", hint: "Exactly what is written on the physical label." }), _jsx(FieldSelect, { name: "boxType", label: "Box type", value: boxType, onChange: setBoxType, options: TYPE_OPTIONS }), _jsx(FieldInput, { name: "location", label: "Where it is", value: location, onChange: setLocation, placeholder: "Shelf B, second from top" }), _jsx(Text, { size: "xs", color: "muted", children: "A second box with the same code is the same box \u2014 the registry refuses a duplicate rather than merging two." }), _jsx(Div, { children: _jsx(Button, { type: "submit", variant: "primary", isLoading: busy, onClick: () => submitBox(setFieldError, clearErrors), children: "Register box" }) })] })) }));
 }
-export function AdminStorageBoxesView() {
+export function AdminStorageBoxesView({ pageRegionCards = [] } = {}) {
     const config = React.useMemo(() => ({
         portal: "admin",
         title: "Storage Boxes",
@@ -180,5 +181,5 @@ export function AdminStorageBoxesView() {
          */
         primaryAction: { label: "Register box", href: "/admin/inventory/boxes/new" },
     }), []);
-    return _jsx(DataListingView, { config: config });
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "admin-inventory-boxes", initialCards: pageRegionCards }), _jsx(DataListingView, { config: config })] }));
 }

package/dist/features/inventory/components/ReceiveStationView.d.ts

@@ -1,3 +1,4 @@
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 /** A shipment item that can actually be received — i.e. one that is linked. */
 export interface ReceivableItem {
     itemId: string;
@@ -35,5 +36,7 @@ export interface ReceiveStationViewProps {
     boxes: BoxOption[];
     itemsFailed: boolean;
     boxesFailed: boolean;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function ReceiveStationView({ shipmentId, shipmentNumber, items, unlinked, boxes, itemsFailed, boxesFailed, }: ReceiveStationViewProps): import("react").JSX.Element;
+export declare function ReceiveStationView({ shipmentId, shipmentNumber, items, unlinked, boxes, itemsFailed, boxesFailed, pageRegionCards, }: ReceiveStationViewProps): import("react").JSX.Element;

package/dist/features/inventory/components/ReceiveStationView.js

@@ -42,11 +42,12 @@ import { operatorMessage } from "./operator-message.js";
 import { normalizeError } from "../../../errors/normalize.js";
 import { trackError, ErrorCategory, ErrorSeverity, } from "../../../monitoring/error-tracking.js";
 import { MAX_RECEIVE_ROWS } from "../schemas/firestore.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 /** `boxId::productId` — the staging table's natural key, mirroring `placementId`. */
 function rowKey(boxId, productId) {
     return `${boxId}::${productId}`;
 }
-export function ReceiveStationView({ shipmentId, shipmentNumber, items, unlinked, boxes, itemsFailed, boxesFailed, }) {
+export function ReceiveStationView({ shipmentId, shipmentNumber, items, unlinked, boxes, itemsFailed, boxesFailed, pageRegionCards = [], }) {
     const { showToast } = useToast();
     const [armed, setArmed] = useState(null);
     const [rows, setRows] = useState({});
@@ -428,7 +429,7 @@ export function ReceiveStationView({ shipmentId, shipmentNumber, items, unlinked
             setCommitting(false);
         }
     }
-    return (_jsxs(Stack, { gap: "comfortable", children: [_jsxs(Div, { children: [_jsx(Heading, { level: 1, size: "2xl", children: "Receive into boxes" }), _jsxs(Text, { color: "muted", children: ["Shipment ", shipmentNumber, ". Scan a box code to arm it, then scan items."] })] }), boxesFailed && (_jsx(Alert, { variant: "warning", children: "Could not load the box list. Scanning a box code will not arm anything until this page is reloaded \u2014 the list is unknown, not empty." })), itemsFailed && (_jsx(Alert, { variant: "warning", children: "Could not load this shipment's items. Scanning a SKU will not match anything until this page is reloaded." })), !boxesFailed && boxes.length === 0 && (_jsx(Alert, { variant: "warning", children: "There are no storage boxes registered yet. Register one before receiving \u2014 stock has to go somewhere named." })), _jsx(Card, { variant: armed ? "default" : "outlined", children: _jsx(CardBody, { children: _jsxs(Row, { align: "center", justify: "between", gap: "md", wrap: true, children: [_jsxs(Div, { children: [_jsx(Text, { size: "xs", color: "muted", transform: "uppercase", children: "Armed box" }), armed ? (_jsxs(Row, { align: "center", gap: "sm", children: [_jsx(Heading, { level: 2, size: "2xl", children: armed.code }), armed.location && (_jsx(Badge, { variant: "info", children: armed.location }))] })) : (_jsx(Heading, { level: 2, size: "xl", color: "muted", children: "Nothing armed \u2014 scan a box code" }))] }), armed && (_jsx(Button, { variant: "ghost", onClick: () => setArmed(null), children: "Disarm" }))] }) }) }), _jsx(Card, { variant: "default", children: _jsxs(CardBody, { children: [_jsx(Form, { onSubmit: (e) => {
+    return (_jsxs(Stack, { gap: "comfortable", children: [_jsxs(Div, { children: [_jsx(Heading, { level: 1, size: "2xl", children: "Receive into boxes" }), _jsxs(Text, { color: "muted", children: ["Shipment ", shipmentNumber, ". Scan a box code to arm it, then scan items."] })] }), _jsx(AdminComposableRegion, { pageId: "admin-shipments-id-receive", initialCards: pageRegionCards }), boxesFailed && (_jsx(Alert, { variant: "warning", children: "Could not load the box list. Scanning a box code will not arm anything until this page is reloaded \u2014 the list is unknown, not empty." })), itemsFailed && (_jsx(Alert, { variant: "warning", children: "Could not load this shipment's items. Scanning a SKU will not match anything until this page is reloaded." })), !boxesFailed && boxes.length === 0 && (_jsx(Alert, { variant: "warning", children: "There are no storage boxes registered yet. Register one before receiving \u2014 stock has to go somewhere named." })), _jsx(Card, { variant: armed ? "default" : "outlined", children: _jsx(CardBody, { children: _jsxs(Row, { align: "center", justify: "between", gap: "md", wrap: true, children: [_jsxs(Div, { children: [_jsx(Text, { size: "xs", color: "muted", transform: "uppercase", children: "Armed box" }), armed ? (_jsxs(Row, { align: "center", gap: "sm", children: [_jsx(Heading, { level: 2, size: "2xl", children: armed.code }), armed.location && (_jsx(Badge, { variant: "info", children: armed.location }))] })) : (_jsx(Heading, { level: 2, size: "xl", color: "muted", children: "Nothing armed \u2014 scan a box code" }))] }), armed && (_jsx(Button, { variant: "ghost", onClick: () => setArmed(null), children: "Disarm" }))] }) }) }), _jsx(Card, { variant: "default", children: _jsxs(CardBody, { children: [_jsx(Form, { onSubmit: (e) => {
                                 e.preventDefault();
                                 void handleScan(scan);
                             }, children: _jsx(FieldInput, { name: "scan", label: "Scan", 

package/dist/features/jobs/actions/enqueue-job.d.ts

@@ -12,7 +12,7 @@
  * (`appkit/firebase/base/database.rules.json`) — the caller signs in with it
  * client-side and subscribes via `useBulkEvent({ rtdbPath: RTDB_PATHS.BULK_EVENTS })`.
  */
-import type { JsonValue } from "@mohasinac/appkit";
+import type { JsonValue } from "../../../schemas/types";
 export interface EnqueueJobInput {
     jobType: string;
     payload: Record<string, JsonValue>;

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

@@ -16,7 +16,7 @@
  * exceed the Vercel Hobby 10s sync-function ceiling (CLAUDE.md Rule #6).
  */
 import type { BaseDocument } from "../../../_internal/shared/types/base-document";
-import type { JsonValue } from "@mohasinac/appkit";
+import type { JsonValue } from "../../../schemas/types";
 export declare const JOBS_COLLECTION = "jobs";
 export declare const JobStatusValues: {
     readonly PENDING: "pending";

package/dist/features/layout/AppLayoutShell.d.ts

@@ -63,6 +63,8 @@ export interface AppLayoutShellProps {
     hiddenNavItems?: string[];
     user?: BottomNavbarUser | null;
     brandName: string;
+    /** TLD badge for the wordmark, forwarded to TitleBarLayout (A5). */
+    brandTld?: string;
     brandShortName?: string;
     /** Admin-uploaded site logo URL. Falls back to the SVG wordmark when empty. */
     siteLogoUrl?: string;
@@ -92,12 +94,41 @@ export interface AppLayoutShellProps {
      * rendered, `<Main>` owns it when not. See the comment on `<Main>`.
      */
     showFooter?: boolean;
+    /**
+     * Show the PUBLIC nav-link row (Home / Products / Blog / …). Defaults to
+     * `true`; pass `false` on a dashboard.
+     *
+     * 🛑 This is the second half of "two navigation systems at once", and it is
+     * NOT the title bar. Measured on `/admin/products` at 1280×800 before this
+     * existed:
+     *
+     *   public nav-link row ....... 1280px wide, always on screen
+     *   admin sidebar ............. 320px wide, x=1280 — **0px visible**
+     *
+     * So the hierarchy was inverted: six links an admin never uses mid-task sat
+     * permanently across the top, while the nav they DO need was behind a drawer
+     * toggle. That is clutter and an extra click for every admin navigation.
+     *
+     * 🛑 The old comment at the `<FooterLayout>` call said dropping the navbar
+     * had to wait for a "Phase 3a role title bar", because the navbar "carries
+     * search, cart and the account menu". It does not — `<TitleBar>` does, and
+     * it renders separately, immediately above. Only the LINK ROW is suppressed
+     * here, so a dashboard keeps search, cart, notifications and the account
+     * menu, and keeps its way back to the shop via the logo and
+     * `SIDEBAR_SUPPORT_LINKS`.
+     *
+     * Consumer-decided rather than route-sniffed, exactly like `showFooter`:
+     * this component is handed its chrome and does not interpret paths.
+     */
+    showNavbar?: boolean;
     searchSlot?: React.ReactNode;
     /** Render-prop alternative to searchSlot — receives onClose so the slot can close the overlay. */
     searchSlotRenderer?: (onClose: () => void) => React.ReactNode;
     titleBarNavSlot?: React.ReactNode;
     titleBarNotificationSlot?: React.ReactNode;
     titleBarDevSlot?: React.ReactNode;
+    titleBarLocaleSlot?: React.ReactNode;
+    titleBarEditModeSlot?: React.ReactNode;
     titleBarPromoStripText?: string;
     showThemeToggle?: boolean;
     suppressDashboardNav?: boolean;
@@ -178,4 +209,4 @@ export interface AppLayoutShellProps {
         };
     };
 }
-export declare function AppLayoutShell({ children, navItems, sidebarItems, sidebarSections, renderSidebarItemAction, sidebarPrimaryActions, sidebarTitle, hiddenNavItems, user, brandName, brandShortName, siteLogoUrl, logoHref, promotionsHref, cartHref, wishlistHref, messagesHref, unreadMessageCount, userId, profileHref, loginHref, registerHref, homeHref, shopHref, footer, showFooter, searchSlot, searchSlotRenderer, titleBarNavSlot, titleBarNotificationSlot, titleBarDevSlot, titleBarPromoStripText, showThemeToggle, suppressDashboardNav, hideSidebarToggle, onLogout, adminHref, storeHref, sellerHref, userOrdersHref, userWishlistHref, userSettingsHref, userReviewsHref, sidebarLocaleSlot, showThemeToggleInSidebar, sidebarProfileLabels, eventBannerSlot, showBottomNav, contentClassName, lightBackground, darkBackground, }: AppLayoutShellProps): React.JSX.Element;
+export declare function AppLayoutShell({ children, navItems, sidebarItems, sidebarSections, renderSidebarItemAction, sidebarPrimaryActions, sidebarTitle, hiddenNavItems, user, brandName, brandTld, brandShortName, siteLogoUrl, logoHref, promotionsHref, cartHref, wishlistHref, messagesHref, unreadMessageCount, userId, profileHref, loginHref, registerHref, homeHref, shopHref, footer, showFooter, showNavbar, searchSlot, searchSlotRenderer, titleBarNavSlot, titleBarNotificationSlot, titleBarDevSlot, titleBarLocaleSlot, titleBarEditModeSlot, titleBarPromoStripText, showThemeToggle, suppressDashboardNav, hideSidebarToggle, onLogout, adminHref, storeHref, sellerHref, userOrdersHref, userWishlistHref, userSettingsHref, userReviewsHref, sidebarLocaleSlot, showThemeToggleInSidebar, sidebarProfileLabels, eventBannerSlot, showBottomNav, contentClassName, lightBackground, darkBackground, }: AppLayoutShellProps): React.JSX.Element;

package/dist/features/layout/AppLayoutShell.js

@@ -18,7 +18,8 @@ import { useTheme } from "../../_internal/client/theme/index.js";
 import { useAuth } from "../../react/contexts/SessionContext.js";
 import { useVisualViewportInset } from "../../react/hooks/useVisualViewportInset.js";
 import { useListingTypeFlags } from "../../react/hooks/useListingTypeFlags.js";
-import { isBuyerUser } from "../auth/role-predicates.js";
+import { isBuyerUser, isSellerUser, holdsRole } from "../auth/role-predicates.js";
+import { primaryRoleOf } from "../auth/auth-helpers.js";
 import { NavbarWithSettings } from "./NavbarWithSettings.js";
 import SideActionDock from "./SideActionDock.js";
 import BottomActions from "./BottomActions.js";
@@ -53,7 +54,7 @@ function CollapsibleNavGroup({ title, hasActive = false, children, }) {
  *
  * 🛑 Children MUST be in here. `findActiveNavItem` picks the longest prefix
  * match, so leaving them out means a page that is only reachable as a child —
- * /auctions under "Products" — marks nothing at all, the same lost-your-place
+ * /collector-drops under "Products" — marks nothing at all, the same lost-your-place
  * bug the navbar's own comment documents.
  */
 function flattenSidebarLinks(items) {
@@ -102,7 +103,9 @@ function SidebarSectionLinks({ items, activeHref, activeItem, navItemClass, navI
                 return (_jsx(SidebarParentLink, { item: item, activeItem: activeItem, activeHref: activeHref, navItemClass: navItemClass, navItemActiveClass: navItemActiveClass, renderItemAction: renderItemAction }, `${item.href}-${item.label}`));
             }
             const action = renderItemAction?.(item);
-            return (_jsx(Li, { children: _jsxs(Row, { align: "center", gap: "xs", className: action ? "w-full" : undefined, children: [_jsxs(TextLink, { href: item.href, variant: "none", className: `${isActive ? navItemActiveClass : navItemClass}${action ? " min-w-0 flex-1" : ""}`, "aria-current": isActive ? "page" : undefined, children: [item.icon && (_jsx(Span, { className: "flex-shrink-0 w-5 text-center", "aria-hidden": "true", children: item.icon })), item.label] }), action] }) }, `${item.href}-${item.label}`));
+            return (_jsx(Li, { children: _jsxs(Row, { align: "center", gap: "xs", className: action
+                        ? "w-full rounded-lg border border-[var(--appkit-color-border-subtle)] bg-[var(--appkit-color-surface)]"
+                        : undefined, children: [_jsxs(TextLink, { href: item.href, variant: "none", className: `${isActive ? navItemActiveClass : navItemClass}${action ? " min-w-0 flex-1" : ""}`, "aria-current": isActive ? "page" : undefined, children: [item.icon && (_jsx(Span, { className: "flex-shrink-0 w-5 text-center", "aria-hidden": "true", children: item.icon })), item.label] }), action] }) }, `${item.href}-${item.label}`));
         }) }));
 }
 function CollapsibleSidebarSection({ section, navItemClass, navItemActiveClass, activeHref, renderItemAction, }) {
@@ -131,7 +134,12 @@ function SidebarUserHeader({ user, onClose, profileHref, }) {
                                     }
                                     : user.photoURL
                                         ? { url: user.photoURL, position: { x: 50, y: 50 }, zoom: 1 }
-                                        : null, size: "md", alt: user.displayName || "User", displayName: user.displayName, email: user.email }), user.role && !isBuyerUser(user) && (_jsx(Row, { textWeight: "bold", className: `absolute -bottom-0.5 -right-0.5 w-4 h-4 border-2 border-white text-white text-[9px] leading-none select-none ${ROLE_DOT_BG_CLASS[user.role] ?? "bg-[var(--appkit-color-text-muted)]"}`, align: "center", justify: "center", rounded: "full", title: user.role.charAt(0).toUpperCase() + user.role.slice(1), "aria-label": user.role, children: user.role.charAt(0).toUpperCase() })), profileHref && (_jsx(TextLink, { href: profileHref, variant: "none", onClick: onClose, className: "absolute inset-0 rounded-full", children: _jsx(Span, { className: "sr-only", children: "View your profile" }) }))] }), _jsxs(Div, { className: "flex-1 min-w-0", children: [_jsx(Text, { className: "truncate", color: "primary", size: "sm", weight: "medium", children: user.displayName || "User" }), _jsx(Text, { className: "truncate", color: "muted", size: "xs", children: user.email || "" })] })] }), _jsx("button", { type: "button", "aria-label": "Close menu", onClick: onClose, className: "flex-shrink-0 rounded-full p-[var(--appkit-space-2)] hover:bg-surface-hover hover:text-zinc-900 text-[var(--appkit-color-text-muted)] dark:hover:text-zinc-100 transition-all hover:rotate-90", children: _jsx("svg", { className: "w-4 h-4 shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }));
+                                        : null, size: "md", alt: user.displayName || "User", displayName: user.displayName, email: user.email }), (() => {
+                                const displayRole = primaryRoleOf(user);
+                                if (isBuyerUser(user) && displayRole === "user")
+                                    return null;
+                                return (_jsx(Row, { textWeight: "bold", className: `absolute -bottom-0.5 -right-0.5 w-4 h-4 border-2 border-white text-white text-[9px] leading-none select-none ${ROLE_DOT_BG_CLASS[displayRole] ?? "bg-[var(--appkit-color-text-muted)]"}`, align: "center", justify: "center", rounded: "full", title: displayRole.charAt(0).toUpperCase() + displayRole.slice(1), "aria-label": displayRole, children: displayRole.charAt(0).toUpperCase() }));
+                            })(), profileHref && (_jsx(TextLink, { href: profileHref, variant: "none", onClick: onClose, className: "absolute inset-0 rounded-full", children: _jsx(Span, { className: "sr-only", children: "View your profile" }) }))] }), _jsxs(Div, { className: "flex-1 min-w-0", children: [_jsx(Text, { className: "truncate", color: "primary", size: "sm", weight: "medium", children: user.displayName || "User" }), _jsx(Text, { className: "truncate", color: "muted", size: "xs", children: user.email || "" })] })] }), _jsx("button", { type: "button", "aria-label": "Close menu", onClick: onClose, className: "flex-shrink-0 rounded-full p-[var(--appkit-space-2)] hover:bg-surface-hover hover:text-zinc-900 text-[var(--appkit-color-text-muted)] dark:hover:text-zinc-100 transition-all hover:rotate-90", children: _jsx("svg", { className: "w-4 h-4 shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }));
 }
 /** Sidebar header when no user is logged in — title + close button. */
 function SidebarGuestHeader({ sidebarTitle, onClose, }) {
@@ -141,16 +149,29 @@ function SidebarContent({ sidebarItems, sidebarSections, renderSidebarItemAction
     const hasLegacyItems = sidebarItems.length > 0;
     const hasSections = !!(sidebarSections && sidebarSections.length > 0);
     const isAuthenticated = !!user;
-    const role = user?.role ?? "user";
-    const isAdminOrSeller = role === "admin" || role === "seller";
+    /*
+     * ── Chrome resolved from the role SET (1.44) ──────────────────────────────
+     *
+     * Was `const role = user?.role ?? "user"` followed by
+     * `role === "admin" || role === "seller"`. With one scalar, a seller who
+     * also holds `employee` lost the whole Dashboard nav group — the sidebar
+     * link to their own store vanished while the store itself worked, which is
+     * the quietest possible failure.
+     *
+     * `holdsRole` reads the set and folds `moderator` → `employee`; `isSellerUser`
+     * also admits `tester`, which the old scalar comparison did not — a tester
+     * owns a real auto-approved store and had no sidebar link to it.
+     */
+    const isAdminUser = holdsRole(user, "admin");
+    const isAdminOrSeller = isAdminUser || isSellerUser(user);
     const resolvedStoreHref = storeHref ?? sellerHref;
     /*
      * Defaults to ENABLED while site settings are loading, matching the hook's
      * own contract — hiding the tile on first paint and popping it in a moment
      * later is worse than showing it to the handful of installs that have
-     * auctions switched off.
+     * collector drops switched off.
      */
-    const auctionsEnabled = useListingTypeFlags().isEnabled("auction");
+    const collectorDropsEnabled = useListingTypeFlags().isEnabled("collector-drop");
     const labels = {
         sectionTitle: sidebarProfileLabels?.sectionTitle ?? "Profile",
         profile: sidebarProfileLabels?.profile ?? "My Profile",
@@ -162,8 +183,17 @@ function SidebarContent({ sidebarItems, sidebarSections, renderSidebarItemAction
         storeDashboard: sidebarProfileLabels?.storeDashboard ?? sidebarProfileLabels?.sellerDashboard ?? "Store Dashboard",
         logout: sidebarProfileLabels?.logout ?? "Logout",
     };
-    const navItemClass = "flex w-full items-center justify-end gap-[var(--appkit-space-2)] rounded-lg px-[var(--appkit-space-3)] py-[var(--appkit-space-2)] text-[length:var(--appkit-text-sm)] transition-colors hover:bg-primary-surface hover:text-primary-800 text-[var(--appkit-color-text-muted)] dark:hover:text-secondary-300";
-    const navItemActiveClass = "flex w-full items-center justify-end gap-[var(--appkit-space-2)] rounded-lg px-[var(--appkit-space-3)] py-[var(--appkit-space-2)] text-[length:var(--appkit-text-sm)] font-medium bg-primary-50 text-primary-800 dark:bg-primary-900/25 dark:text-primary-300";
+    /*
+     * 🛑 `justify-start`, not `justify-end`. The owner's own words: "ugly
+     * sidebar... like whole rows instead of just small words" — right-
+     * justifying icon+label pushed the text away from its icon and toward the
+     * middle of the row instead of reading as a normal left-to-right list
+     * item, which is most of what made a plain two-word row look unfinished.
+     * `min-h-11` (44px) matches the `IconButton size="touch"` convention this
+     * codebase already uses for every other tap target.
+     */
+    const navItemClass = "flex w-full min-h-11 items-center justify-start gap-[var(--appkit-space-2)] rounded-lg px-[var(--appkit-space-3)] py-[var(--appkit-space-2)] text-[length:var(--appkit-text-sm)] transition-colors hover:bg-primary-surface hover:text-primary-800 text-[var(--appkit-color-text-muted)] dark:hover:text-secondary-300";
+    const navItemActiveClass = "flex w-full min-h-11 items-center justify-start gap-[var(--appkit-space-2)] rounded-lg px-[var(--appkit-space-3)] py-[var(--appkit-space-2)] text-[length:var(--appkit-text-sm)] font-medium bg-primary-50 text-primary-800 dark:bg-primary-900/25 dark:text-primary-300";
     const profileLinks = [
         { href: profileHref },
         ...(userOrdersHref ? [{ href: userOrdersHref }] : []),
@@ -186,10 +216,10 @@ function SidebarContent({ sidebarItems, sidebarSections, renderSidebarItemAction
                         action.variant === "outline"
                             ? "border hover:bg-surface-hover border-[var(--appkit-color-border)] text-[var(--appkit-color-text)]"
                             : "bg-primary text-white hover:bg-primary-600 dark:bg-primary dark:hover:bg-primary-600 btn-glow",
-                    ].join(" "), children: action.label }, `${action.href}-${action.label}`))) })), isAuthenticated && (_jsx(CollapsibleNavGroup, { title: labels.sectionTitle, hasActive: !!activeProfileLink, children: _jsxs(Ul, { spacing: "2xs", children: [_jsx(Li, { children: _jsx(TextLink, { href: profileHref, variant: "none", className: activeProfileLink?.href === profileHref ? navItemActiveClass : navItemClass, "aria-current": activeProfileLink?.href === profileHref ? "page" : undefined, children: labels.profile }) }), userOrdersHref && (_jsx(Li, { children: _jsx(TextLink, { href: userOrdersHref, variant: "none", className: activeProfileLink?.href === userOrdersHref ? navItemActiveClass : navItemClass, "aria-current": activeProfileLink?.href === userOrdersHref ? "page" : undefined, children: labels.orders }) })), userWishlistHref && (_jsx(Li, { children: _jsx(TextLink, { href: userWishlistHref, variant: "none", className: activeProfileLink?.href === userWishlistHref ? navItemActiveClass : navItemClass, "aria-current": activeProfileLink?.href === userWishlistHref ? "page" : undefined, children: labels.wishlist }) })), userSettingsHref && (_jsx(Li, { children: _jsx(TextLink, { href: userSettingsHref, variant: "none", className: activeProfileLink?.href === userSettingsHref ? navItemActiveClass : navItemClass, "aria-current": activeProfileLink?.href === userSettingsHref ? "page" : undefined, children: labels.settings }) }))] }) })), isAuthenticated && user?.stats && (_jsxs(Div, { layout: "grid", gap: "2", className: "grid-cols-2", children: [user.stats.totalOrders != null && userOrdersHref && (_jsxs(TextLink, { href: userOrdersHref, variant: "none", className: CLS_STAT_BOX, children: [_jsx(Text, { className: "leading-none", color: "primary", size: "lg", weight: "bold", children: user.stats.totalOrders }), _jsx(Text, { className: CLS_STAT_LABEL, children: "Orders" })] })), user.stats.reviewsCount != null && userReviewsHref && (_jsxs(TextLink, { href: userReviewsHref, variant: "none", className: CLS_STAT_BOX, children: [_jsx(Text, { className: "leading-none", color: "primary", size: "lg", weight: "bold", children: user.stats.reviewsCount }), _jsx(Text, { className: CLS_STAT_LABEL, children: "Reviews" })] })), auctionsEnabled && user.stats.auctionsWon != null && userOrdersHref && (_jsxs(TextLink, { href: `${userOrdersHref}?orderType=auction`, variant: "none", className: CLS_STAT_BOX, children: [_jsx(Text, { className: "leading-none", color: "primary", size: "lg", weight: "bold", children: user.stats.auctionsWon }), _jsx(Text, { className: CLS_STAT_LABEL, children: "Auctions Won" })] }))] })), isAuthenticated && isAdminOrSeller && (adminHref || resolvedStoreHref) && (_jsx(CollapsibleNavGroup, { title: labels.dashboardSectionTitle, hasActive: !!activeDashboardLink, children: _jsxs(Ul, { spacing: "2xs", children: [adminHref && role === "admin" && (_jsx(Li, { children: _jsx(TextLink, { href: adminHref, variant: "none", className: activeDashboardLink?.href === adminHref ? navItemActiveClass : navItemClass, "aria-current": activeDashboardLink?.href === adminHref ? "page" : undefined, children: labels.adminDashboard }) })), resolvedStoreHref && isAdminOrSeller && (_jsx(Li, { children: _jsx(TextLink, { href: resolvedStoreHref, variant: "none", className: activeDashboardLink?.href === resolvedStoreHref ? navItemActiveClass : navItemClass, "aria-current": activeDashboardLink?.href === resolvedStoreHref ? "page" : undefined, children: labels.storeDashboard }) }))] }) })), normalizedSections.map((section, sectionIndex) => (_jsx(CollapsibleSidebarSection, { section: section, navItemClass: navItemClass, navItemActiveClass: navItemActiveClass, activeHref: activeHref, renderItemAction: renderSidebarItemAction }, `sidebar-section-${sectionIndex}`))), (sidebarLocaleSlot || showThemeToggleInSidebar || (isAuthenticated && onLogout)) && (_jsxs(Stack, { border: "default", className: "border-t border-[var(--appkit-color-border-subtle)]", padding: "t-md", gap: "3", children: [sidebarLocaleSlot, showThemeToggleInSidebar && (_jsxs("button", { type: "button", onClick: toggleTheme, className: "flex w-full items-center justify-end gap-[var(--appkit-space-3)] rounded-lg px-[var(--appkit-space-3)] py-[var(--appkit-space-2)] text-[length:var(--appkit-text-sm)] text-[var(--appkit-color-text-muted)] transition-colors hover:bg-primary-surface hover:text-primary-800 dark:hover:text-primary-200", children: [_jsx(Span, { "aria-hidden": "true", children: theme === "dark" ? "☀️" : "🌙" }), activeThemeName] })), isAuthenticated && onLogout && (_jsx("button", { type: "button", onClick: () => { onLogout(); onAfterLogout(); }, className: CLS_LOGOUT_BTN, children: labels.logout }))] }))] }));
+                    ].join(" "), children: action.label }, `${action.href}-${action.label}`))) })), isAuthenticated && (_jsx(CollapsibleNavGroup, { title: labels.sectionTitle, hasActive: !!activeProfileLink, children: _jsxs(Ul, { spacing: "2xs", children: [_jsx(Li, { children: _jsx(TextLink, { href: profileHref, variant: "none", className: activeProfileLink?.href === profileHref ? navItemActiveClass : navItemClass, "aria-current": activeProfileLink?.href === profileHref ? "page" : undefined, children: labels.profile }) }), userOrdersHref && (_jsx(Li, { children: _jsx(TextLink, { href: userOrdersHref, variant: "none", className: activeProfileLink?.href === userOrdersHref ? navItemActiveClass : navItemClass, "aria-current": activeProfileLink?.href === userOrdersHref ? "page" : undefined, children: labels.orders }) })), userWishlistHref && (_jsx(Li, { children: _jsx(TextLink, { href: userWishlistHref, variant: "none", className: activeProfileLink?.href === userWishlistHref ? navItemActiveClass : navItemClass, "aria-current": activeProfileLink?.href === userWishlistHref ? "page" : undefined, children: labels.wishlist }) })), userSettingsHref && (_jsx(Li, { children: _jsx(TextLink, { href: userSettingsHref, variant: "none", className: activeProfileLink?.href === userSettingsHref ? navItemActiveClass : navItemClass, "aria-current": activeProfileLink?.href === userSettingsHref ? "page" : undefined, children: labels.settings }) }))] }) })), isAuthenticated && user?.stats && (_jsxs(Div, { layout: "grid", gap: "2", className: "grid-cols-2", children: [user.stats.totalOrders != null && userOrdersHref && (_jsxs(TextLink, { href: userOrdersHref, variant: "none", className: CLS_STAT_BOX, children: [_jsx(Text, { className: "leading-none", color: "primary", size: "lg", weight: "bold", children: user.stats.totalOrders }), _jsx(Text, { className: CLS_STAT_LABEL, children: "Orders" })] })), user.stats.reviewsCount != null && userReviewsHref && (_jsxs(TextLink, { href: userReviewsHref, variant: "none", className: CLS_STAT_BOX, children: [_jsx(Text, { className: "leading-none", color: "primary", size: "lg", weight: "bold", children: user.stats.reviewsCount }), _jsx(Text, { className: CLS_STAT_LABEL, children: "Reviews" })] })), collectorDropsEnabled && user.stats.collectorDropsWon != null && userOrdersHref && (_jsxs(TextLink, { href: `${userOrdersHref}?orderType=collector-drop`, variant: "none", className: CLS_STAT_BOX, children: [_jsx(Text, { className: "leading-none", color: "primary", size: "lg", weight: "bold", children: user.stats.collectorDropsWon }), _jsx(Text, { className: CLS_STAT_LABEL, children: "Collector Drops Won" })] }))] })), isAuthenticated && isAdminOrSeller && (adminHref || resolvedStoreHref) && (_jsx(CollapsibleNavGroup, { title: labels.dashboardSectionTitle, hasActive: !!activeDashboardLink, children: _jsxs(Ul, { spacing: "2xs", children: [adminHref && isAdminUser && (_jsx(Li, { children: _jsx(TextLink, { href: adminHref, variant: "none", className: activeDashboardLink?.href === adminHref ? navItemActiveClass : navItemClass, "aria-current": activeDashboardLink?.href === adminHref ? "page" : undefined, children: labels.adminDashboard }) })), resolvedStoreHref && isAdminOrSeller && (_jsx(Li, { children: _jsx(TextLink, { href: resolvedStoreHref, variant: "none", className: activeDashboardLink?.href === resolvedStoreHref ? navItemActiveClass : navItemClass, "aria-current": activeDashboardLink?.href === resolvedStoreHref ? "page" : undefined, children: labels.storeDashboard }) }))] }) })), normalizedSections.map((section, sectionIndex) => (_jsx(CollapsibleSidebarSection, { section: section, navItemClass: navItemClass, navItemActiveClass: navItemActiveClass, activeHref: activeHref, renderItemAction: renderSidebarItemAction }, `sidebar-section-${sectionIndex}`))), (sidebarLocaleSlot || showThemeToggleInSidebar || (isAuthenticated && onLogout)) && (_jsxs(Stack, { border: "default", className: "border-t border-[var(--appkit-color-border-subtle)]", padding: "t-md", gap: "3", children: [sidebarLocaleSlot, showThemeToggleInSidebar && (_jsxs("button", { type: "button", onClick: toggleTheme, className: "flex w-full items-center justify-end gap-[var(--appkit-space-3)] rounded-lg px-[var(--appkit-space-3)] py-[var(--appkit-space-2)] text-[length:var(--appkit-text-sm)] text-[var(--appkit-color-text-muted)] transition-colors hover:bg-primary-surface hover:text-primary-800 dark:hover:text-primary-200", children: [_jsx(Span, { "aria-hidden": "true", children: theme === "dark" ? "☀️" : "🌙" }), activeThemeName] })), isAuthenticated && onLogout && (_jsx("button", { type: "button", onClick: () => { onLogout(); onAfterLogout(); }, className: CLS_LOGOUT_BTN, children: labels.logout }))] }))] }));
 }
 // ─── Main component ────────────────────────────────────────────────────────────
-export function AppLayoutShell({ children, navItems, sidebarItems = [], sidebarSections, renderSidebarItemAction, sidebarPrimaryActions, sidebarTitle = "Navigation", hiddenNavItems, user, brandName, brandShortName, siteLogoUrl, logoHref, promotionsHref, cartHref, wishlistHref, messagesHref, unreadMessageCount, userId, profileHref, loginHref, registerHref, homeHref, shopHref, footer, showFooter = true, searchSlot, searchSlotRenderer, titleBarNavSlot, titleBarNotificationSlot, titleBarDevSlot, titleBarPromoStripText, showThemeToggle = false, suppressDashboardNav = false, hideSidebarToggle = false, onLogout, adminHref, storeHref, sellerHref, userOrdersHref, userWishlistHref, userSettingsHref, userReviewsHref, sidebarLocaleSlot, showThemeToggleInSidebar = false, sidebarProfileLabels, eventBannerSlot, showBottomNav = true, contentClassName, lightBackground = DEFAULT_LIGHT_BG, darkBackground = DEFAULT_DARK_BG, }) {
+export function AppLayoutShell({ children, navItems, sidebarItems = [], sidebarSections, renderSidebarItemAction, sidebarPrimaryActions, sidebarTitle = "Navigation", hiddenNavItems, user, brandName, brandTld, brandShortName, siteLogoUrl, logoHref, promotionsHref, cartHref, wishlistHref, messagesHref, unreadMessageCount, userId, profileHref, loginHref, registerHref, homeHref, shopHref, footer, showFooter = true, showNavbar = true, searchSlot, searchSlotRenderer, titleBarNavSlot, titleBarNotificationSlot, titleBarDevSlot, titleBarLocaleSlot, titleBarEditModeSlot, titleBarPromoStripText, showThemeToggle = false, suppressDashboardNav = false, hideSidebarToggle = false, onLogout, adminHref, storeHref, sellerHref, userOrdersHref, userWishlistHref, userSettingsHref, userReviewsHref, sidebarLocaleSlot, showThemeToggleInSidebar = false, sidebarProfileLabels, eventBannerSlot, showBottomNav = true, contentClassName, lightBackground = DEFAULT_LIGHT_BG, darkBackground = DEFAULT_DARK_BG, }) {
     // QueryClientProvider used to be created here so AppLayoutShell could stand
     // alone. The real cause of the 2026-06-10/11 "No QueryClient set" prod crash
     // turned out to be a peer-dep duplicate of @tanstack/query-core under
@@ -233,7 +263,7 @@ export function AppLayoutShell({ children, navItems, sidebarItems = [], sidebarS
     }, []);
     // The shell used to mirror BottomActions' `isVisible` here to pick a margin
     // for <Main>, and a comment warned it had to be kept in sync by hand (it had
-    // already drifted once — `secondaryLabel` was missing, so an auction bar shown
+    // already drifted once — `secondaryLabel` was missing, so a collector drop bar shown
     // by its countdown alone got no clearance). That mirror is gone: BottomChrome
     // measures the real tier and publishes --bottom-chrome-height, and the footer
     // reserves space from that. Nothing needs to guess any more.
@@ -256,7 +286,7 @@ export function AppLayoutShell({ children, navItems, sidebarItems = [], sidebarS
             opacity: darkBackground.overlay?.opacity ?? 0,
         },
     };
-    return (_jsx(_Fragment, { children: _jsxs(Stack, { className: "min-h-screen w-full overflow-x-clip transition-colors duration-300", children: [_jsx(BackgroundRenderer, { mode: theme === "dark" ? "dark" : "light", lightMode: normalizedLightBackground, darkMode: normalizedDarkBackground }), _jsx(Div, { id: TOP_BANNER_SLOT_ID, className: "w-full" }), _jsxs(Div, { ref: headerRef, className: "sticky top-0 z-50 w-full", children: [_jsx(TitleBar, { onToggleSidebar: handleTogglePublicSidebar, sidebarOpen: sidebarOpen, onSearchToggle: () => setSearchOpen((prev) => !prev), searchOpen: searchOpen, brandName: brandName, brandShortName: brandShortName, siteLogoUrl: siteLogoUrl, logoHref: logoHref, promotionsHref: promotionsHref, cartHref: cartHref, wishlistHref: wishlistHref, messagesHref: messagesHref, unreadMessageCount: unreadMessageCount, userId: userId, profileHref: profileHref, loginHref: loginHref, registerHref: registerHref, user: user, navSlot: titleBarNavSlot, notificationSlot: titleBarNotificationSlot, devSlot: titleBarDevSlot, promoStripText: titleBarPromoStripText, isDark: theme === "dark", onToggleTheme: showThemeToggle ? toggleTheme : undefined, onBeforeToggleDashboardNav: handleBeforeDashboardNavToggle, suppressDashboardNav: suppressDashboardNav, hideSidebarToggle: hideSidebarToggle }), _jsx(NavbarWithSettings, { navItems: navItems, hiddenNavItems: hiddenNavItems, permissions: authUser?.permissions }), searchOpen && (searchSlotRenderer ? searchSlotRenderer(() => setSearchOpen(false)) : searchSlot), eventBannerSlot] }), _jsx(AutoBreadcrumbs, {}), _jsxs(Div, { layout: "flex", className: "relative w-full flex-1 overflow-x-clip", children: [_jsx(SidebarLayout, { isOpen: sidebarOpen, ariaLabel: "Secondary navigation", header: user ? (_jsx(SidebarUserHeader, { user: user, onClose: () => setSidebarOpen(false), profileHref: profileHref })) : (_jsx(SidebarGuestHeader, { sidebarTitle: sidebarTitle, onClose: () => setSidebarOpen(false) })), onClose: () => setSidebarOpen(false), children: sidebarContent }), _jsx(Main, { id: "main-content", 
+    return (_jsx(_Fragment, { children: _jsxs(Stack, { className: "min-h-screen w-full overflow-x-clip transition-colors duration-300", children: [_jsx(BackgroundRenderer, { mode: theme === "dark" ? "dark" : "light", lightMode: normalizedLightBackground, darkMode: normalizedDarkBackground }), _jsx(Div, { id: TOP_BANNER_SLOT_ID, className: "w-full" }), _jsxs(Div, { ref: headerRef, className: "sticky top-0 z-[var(--appkit-z-title-bar)] w-full", children: [_jsx(TitleBar, { onToggleSidebar: handleTogglePublicSidebar, sidebarOpen: sidebarOpen, onSearchToggle: () => setSearchOpen((prev) => !prev), searchOpen: searchOpen, brandName: brandName, brandTld: brandTld, brandShortName: brandShortName, siteLogoUrl: siteLogoUrl, logoHref: logoHref, promotionsHref: promotionsHref, cartHref: cartHref, wishlistHref: wishlistHref, messagesHref: messagesHref, unreadMessageCount: unreadMessageCount, userId: userId, profileHref: profileHref, loginHref: loginHref, registerHref: registerHref, user: user, navSlot: titleBarNavSlot, notificationSlot: titleBarNotificationSlot, devSlot: titleBarDevSlot, localeSlot: titleBarLocaleSlot, editModeSlot: titleBarEditModeSlot, promoStripText: titleBarPromoStripText, isDark: theme === "dark", onToggleTheme: showThemeToggle ? toggleTheme : undefined, onBeforeToggleDashboardNav: handleBeforeDashboardNavToggle, suppressDashboardNav: suppressDashboardNav, hideSidebarToggle: hideSidebarToggle }), showNavbar && _jsx(NavbarWithSettings, { navItems: navItems, hiddenNavItems: hiddenNavItems, permissions: authUser?.permissions }), searchOpen && (searchSlotRenderer ? searchSlotRenderer(() => setSearchOpen(false)) : searchSlot), eventBannerSlot] }), _jsx(AutoBreadcrumbs, {}), _jsxs(Div, { layout: "flex", className: "relative w-full flex-1 overflow-x-clip", children: [_jsx(SidebarLayout, { isOpen: sidebarOpen, ariaLabel: "Secondary navigation", header: user ? (_jsx(SidebarUserHeader, { user: user, onClose: () => setSidebarOpen(false), profileHref: profileHref })) : (_jsx(SidebarGuestHeader, { sidebarTitle: sidebarTitle, onClose: () => setSidebarOpen(false) })), onClose: () => setSidebarOpen(false), children: sidebarContent }), _jsx(Main, { id: "main-content", 
                             // Bottom-chrome clearance belongs to whichever element is LAST.
                             //
                             // With the footer rendered it is the footer's, and a margin here

package/dist/features/layout/AutoBreadcrumbs.js

@@ -40,7 +40,7 @@ const DEFAULT_PATH_LABELS = {
      */
     faqs: "FAQs",
     "pre-orders": "Pre-Orders",
-    "prize-draws": "Prize Draws",
+    "clearance": "Clearance",
     "digital-codes": "Digital Codes",
     beys: "Beyblades",
     parts: "Parts",
@@ -51,12 +51,11 @@ const DEFAULT_PATH_LABELS = {
     sellers: "Sellers",
     events: "Events",
     reviews: "Reviews",
-    auctions: "Auctions",
+    collectorDrops: "Collector Drops",
     promotions: "Promotions",
     classified: "Classified",
     live: "Live Items",
-    art: "Art",
-    stickers: "Stickers",
+    art: "Art & Stickers",
     catalogue: "Catalogue",
     credits: "Credits",
     about: "About",
@@ -102,12 +101,12 @@ const LOCALE_CODES = new Set([
  * 🛑 CORRECTED 2026-10-21 — this read "Every detail page in this app renders
  * its own trail with real titles, which is why dropping the crumb loses
  * nothing", and that is FALSE. Measured across five detail views: only
- * `ProductDetailPageView` renders one. `AuctionDetailPageView`,
+ * `ProductDetailPageView` renders one. `CollectorDropDetailPageView`,
  * `StoreDetailLayoutView`, `BlogPostView` and `BrandDetailPageView` render
  * NONE, so on those four the shortened trail above is the only breadcrumb
  * there is.
  *
- * That does not change the decision — a trail ending at `Home / Auctions` is
+ * That does not change the decision — a trail ending at `Home / Collector Drops` is
  * still correct, and title-casing an id produced
  * `Product beyblade x xtreme stadium bx 10`, which was not. But the
  * justification matters, because the false version invites the obvious next
@@ -202,7 +201,7 @@ export function AutoBreadcrumbs({ pathLabels, separator = "/", className = "", r
      *
      * 🛑 The suppression is keyed on being INSIDE A DASHBOARD, never on "is a
      * detail route". A previous version of this file claimed every detail page
-     * renders its own trail; measured, only 1 of 5 does — auction, store, blog
+     * renders its own trail; measured, only 1 of 5 does — collector drop, store, blog
      * and brand render none, so a detail-route rule would have stripped the
      * breadcrumb from four public pages that have nothing else. A dashboard has
      * a sidebar and an h1; a public detail page has neither.

package/dist/features/layout/BottomActions.js

@@ -52,7 +52,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import { useState, useRef, useEffect, useId } from "react";
 import { X, ChevronUp, ChevronDown, Check } from "lucide-react";
-import { useBottomActionsContext } from "./BottomActionsContext.js";
+import { useBottomActionsContext } from "../../ui/chrome/BottomActionsContext.js";
 import { useClickOutside } from "../../react/index.js";
 import { useCtaReveal } from "./useCtaReveal.js";
 import { useIsDesktop } from "./useIsDesktop.js";

package/dist/features/layout/BottomNavbar.d.ts

@@ -44,7 +44,7 @@ export interface BottomNavbarUser {
      */
     stats?: {
         totalOrders?: number;
-        auctionsWon?: number;
+        collectorDropsWon?: number;
         reviewsCount?: number;
     } | null;
 }

package/dist/features/layout/BottomNavbar.js

@@ -81,7 +81,7 @@ export function BottomNavbar({ user, userId, homeHref, shopHref, cartHref, wishl
         // bar, it's just no longer duplicated in the bottom tab bar).
         const visibleItems = navItems.slice(0, cartHref ? 3 : 4);
         const isSlotActive = (item) => {
-            // 🛑 A child's page counts. "Products" stands for /auctions and /bundles
+            // 🛑 A child's page counts. "Products" stands for /collector-drops and /bundles
             // too now, so matching its own href alone would leave the bar marking
             // nothing on most of the pages that slot represents.
             const hrefs = [item.href, ...(item.children ?? []).map((c) => c.href)];