@mohasinac/appkit 4.57.0 → 4.58.0

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

@@ -0,0 +1,417 @@
+/**
+ * The `beys` and `beyProducts` collections — the BEY reference database.
+ *
+ * Extracted from a crawled corpus by committed scripts and generated into the
+ * seed; nothing here is hand-typed. 1,988 beys and 366 products.
+ *
+ * ── 🛑 WHY THIS MIRRORS `partGlossary` RATHER THAN INVENTING A SHAPE ───────
+ *
+ * Parts already do all three halves of this and have for months: a
+ * `partGlossary` collection, a category leaf per part, and a
+ * `/parts/{classification}/{code}` reference page. Beys get the same three,
+ * so every decision that was already argued out there is inherited rather
+ * than re-litigated:
+ *
+ *   · the ID IS THE SLUG, shared with the category leaf (`category-{slug}`),
+ *     because one key across two collections is what keeps a reference page
+ *     and a commerce shelf pointing at the same thing;
+ *   · measured data lives HERE, not on `categories`, because
+ *     `handleCategoryWrite` calls `notifyRevalidate` unconditionally — so a
+ *     reseed of bey facts would drop every bey page's ISR entry on a project
+ *     that has already been paused at 15.5x its ISR cap;
+ *   · and a bey page is a REFERENCE surface, so it carries no money. Prices
+ *     are gated for signed-out visitors, which would make the page a client
+ *     component (see `PartDetailPageView`'s header).
+ *
+ * ── 🛑 NO `searchTxt` FIELD, DELIBERATELY ─────────────────────────────────
+ *
+ * `partGlossary` had one and it was REMOVED; the collection is declared
+ * `INDEX_ARTIFACT_ONLY` in `audit-searchtxt-migration`, whose rule is that a
+ * member must not declare the field. Beys are the same kind of collection —
+ * discovery happens through the category leaf, which has its own `searchTxt`
+ * built from the leaf's name and aliases.
+ */
+import type { AdminEditableRecord } from "../../parts/schemas/admin-edit";
+import type { BaseDocument } from "../../../_internal/shared/types/base-document";
+export declare const BEYS_COLLECTION: "beys";
+export declare const BEY_PRODUCTS_COLLECTION: "beyProducts";
+/**
+ * One slot of a bey's build.
+ *
+ * 🛑 `partName` is kept EVEN WHEN `partId` resolves, and that is not
+ * redundancy. The join reaches 88.9% of 7,688 links, so ~850 entries name a
+ * part we hold no row for — and a slot that renders nothing reads as a bey
+ * with an incomplete build rather than as a missing part page. The name is
+ * what the source stated; the id is what we managed to resolve.
+ */
+export interface BeyCompositionEntry {
+    /** Our canonical slot key — `fusion-wheel`, `performance-tip`, `driver`. */
+    slot: string;
+    /** The part as the source names it, which is sometimes an abbreviation. */
+    partName: string;
+    /** `partGlossary` id, when the name or one of its aliases resolved. */
+    partId?: string;
+    /**
+     * The raw infobox key this came from.
+     *
+     * 🛑 Load-bearing for Synchrome, where `WarriorWheel2=Behemoth` is the
+     * OTHER HALF of a two-wheel combination rather than a duplicate key to
+     * dedupe. Two entries can share a `slot` and still be distinct parts.
+     */
+    infoboxKey?: string;
+}
+/** The 0-100 rating vector. Same axes as `PartRatings`, same scale. */
+export interface BeyRatings {
+    attack?: number;
+    defense?: number;
+    stamina?: number;
+    weight?: number;
+    speed?: number;
+    burst?: number;
+    burstResistance?: number;
+    dash?: number;
+    power?: number;
+    height?: number;
+    runTime?: number;
+}
+/**
+ * How much of a derived figure is actually measured.
+ *
+ * 🛑 This rides WITH every derived value and is not optional decoration. A
+ * vector built from 2 of 5 parts is a different claim from one built from 5 of
+ * 5, and a mass summed from 3 weighed parts out of 5 is a floor rather than a
+ * total. Without this a consumer cannot tell them apart, and the honest
+ * rendering ("≈", or nothing at all) becomes impossible.
+ */
+export interface BeyDerivationCoverage {
+    /** Parts contributing a value. */
+    rated?: number;
+    weighed?: number;
+    /** Parts in the composition. */
+    total: number;
+    /** True only when every part contributed. */
+    complete?: boolean;
+}
+/**
+ * One configuration a bey can be set to, or settles into.
+ *
+ * ── 🛑 THERE IS NO THRESHOLD FIELD, AND THAT IS DELIBERATE ────────────────
+ *
+ * Mode data exists only in the local case-study corpus (the wiki carries ZERO:
+ * 0 `Modes=` fields across 2,248 part pages and 2,011 bey pages), and every
+ * numeric threshold cross-checked there DISAGREED across sources. Cosmic
+ * Pegasus F:D is documented twice with the transition running in opposite
+ * directions and three different thresholds between the two cases and the plan.
+ *
+ * So a `thresholdRadPerSec` does not exist here. A field that is absent cannot
+ * be filled with a contested number by someone who assumes the gap was an
+ * oversight — which is why this is a schema decision and not a convention.
+ *
+ * 🛑 `trigger` is FREE TEXT, not an enum. The three authored shapes are
+ * already a pre-launch setting, passive spin decay, and what surface the tip
+ * is running on — and a three-value enum written before the fourth case was
+ * read would have forced the next one into the wrong bucket.
+ */
+/**
+ * How a mode is selected.
+ *
+ * ── 🛑 THIS ENUM IS THE OWNER'S TAXONOMY, NOT MY GUESS ────────────────────
+ *
+ * Owner, 2026-10-21: *"most mode switches are either flips, config 1, 2 or 3
+ * and more."* Everything beyond that set is a mode that changes WITHOUT the
+ * owner doing anything, and those divide cleanly by what drives them.
+ *
+ * I deliberately did NOT define this when the first four modes were authored,
+ * because at that point I had seen two kinds and an enum built from two would
+ * have forced the next two into the wrong value. It is defined now that the
+ * real set is known — which is the difference between a taxonomy and a guess.
+ */
+export declare const BEY_MODE_SWITCH_KINDS: readonly ["flip", "config", "swap", "speed", "impact"];
+export type BeyModeSwitchKind = (typeof BEY_MODE_SWITCH_KINDS)[number];
+/** One configuration a bey can be set to, or settles into. */
+export interface BeyMode {
+    /** "Attack", "Stamina", "Barrage". The part's own vocabulary where it has one. */
+    name: string;
+    /** What it does, in a sentence a buyer can read. No formulae. */
+    behaviour: string;
+    /**
+     * How it comes about, in prose. 🛑 Kept ALONGSIDE `switchKind` rather than
+     * replaced by it: the kind is what a filter or a game reads, the sentence is
+     * what a person reads, and "Assemble the wheel for six contact points" is
+     * not recoverable from `"config"`.
+     */
+    trigger: string;
+    /** Which of the six selection mechanisms this is. */
+    switchKind?: BeyModeSwitchKind;
+    /** 1-based, for `switchKind: "config"` / `"swap"`. */
+    configIndex?: number;
+    /**
+     * The part that provides the mode — a fusion wheel or a tip in every case
+     * confirmed so far.
+     *
+     * 🛑 Modes are authored against the PART and fanned out to every bey whose
+     * composition uses it, so one wheel is described once rather than copied per
+     * bey (Root Cause #75). This field keeps that origin visible on the bey, and
+     * is what would let a later pass lift modes onto `partGlossary` mechanically.
+     */
+    appliesToPart?: string;
+    /**
+     * A second part the mode depends on, when it is an ALIGNMENT between two.
+     *
+     * 🛑 Not every mode belongs to one part. Lightning and Meteo L-Drago change
+     * mode by how the energy ring's dragon heads line up with the wheel's teeth
+     * — a property of the PAIR. Without this the data would claim the wheel
+     * alone does it.
+     */
+    requiresPart?: string;
+    /**
+     * Who or what the claim rests on — `"owner-<date>"` for a confirmed one.
+     *
+     * 🛑 LOAD-BEARING, not metadata. The generator emits ONLY modes carrying
+     * this, because the case-study corpus's mode prose was wrong in four of four
+     * claims reviewed. See `scripts/lib/bey-modes-authored.mjs`.
+     */
+    confirmed?: string;
+    /** The case-study case number, where one was read. A claim nobody can trace is a claim nobody can correct. */
+    sourceCase?: number;
+}
+export interface BeyDocument extends BaseDocument, AdminEditableRecord {
+    /** `id === slug`, and the same slug the category leaf uses. */
+    id: string;
+    slug: string;
+    name: string;
+    /** Battle type as stated — `Attack`, `Balance`, `Defense`, `Stamina`. */
+    type?: string;
+    /** `Right-Spin` / `Left-Spin` / `Dual-Spin`. */
+    spinDirection?: string;
+    /**
+     * The hardware generation — `4D System`, `Hybrid Wheel System`, `Basic
+     * Line`. 1,893 of 1,988.
+     *
+     * 🛑 This is the within-generation assembly key. No bey can be built across
+     * generations, and Plastic and HMS do not interchange either, so a build
+     * validator needs it. It is also what files the bey under a forest line
+     * (`scripts/lib/bey-system-to-line.mjs`).
+     */
+    system?: string;
+    /** A second system, for the handful of releases that span two. */
+    system2?: string;
+    /** The retail series — `Beyblade Burst QuadStrike`. */
+    series?: string;
+    series2?: string;
+    /**
+     * The paired tier-4 category leaf — where this model's LISTINGS live.
+     *
+     * 🛑 NOT derivable from `slug`. The leaf id comes from the bey's NAME with
+     * the trailing parenthetical stripped, so `…-press-hasbro` pairs with
+     * `category-…-press`; guessing would 404 on every vendor-qualified bey.
+     * Resolved by the generator with the leaf generator's own helper and then
+     * CHECKED against the leaves it emitted, so this is present only when the
+     * page really exists — 116 beys have no leaf because their `system` is
+     * deliberately unmapped.
+     */
+    categoryId?: string;
+    /** The build, top to bottom. 1,911 of 1,988 carry one. */
+    composition?: BeyCompositionEntry[];
+    /**
+     * 🛑 DERIVED AND AVERAGED, never summed, and never the raw source numbers.
+     *
+     * Two rating scales live in the part data — Beyblade X rates 0-100 and
+     * everything before it rates 0-6 — so these are averaged over each part's
+     * NORMALISED vector. A sum would make a five-part bey look five times
+     * stronger than a three-part one, which is backwards: more parts is not
+     * more attack.
+     */
+    ratingsFromParts?: BeyRatings;
+    ratingsFromPartsCoverage?: BeyDerivationCoverage;
+    /**
+     * Configurations this bey can be set to. **4 of 1,988 carry this.**
+     *
+     * 🛑 ABSENT, NEVER `[]`. An empty array says "this bey has no modes" to
+     * every consumer; absent says "unknown", which is the truth for 1,984 of
+     * them. Do not default it, and do not treat its absence as a gap to fill
+     * mechanically — see `scripts/lib/bey-modes-authored.mjs` for what the
+     * corpus can and cannot support, including the one bey excluded because its
+     * two sources contradict each other outright.
+     *
+     * Most of the corpus's mode content is about PARTS, not beys (135 of 147
+     * candidates were part-level analyses), so the bulk of it belongs on
+     * `partGlossary` if it is ever modelled at all.
+     */
+    modes?: BeyMode[];
+    /** Mass as the source states it. Only 248 of 1,988 do. */
+    weightG?: number;
+    /**
+     * Mass SUMMED from the parts — 1,593 beys, 775 from a complete set.
+     *
+     * 🛑 A DIFFERENT KIND OF CLAIM from the ratings above, and the difference is
+     * why it is safe: mass is physically additive, so a sum is a measurement.
+     * Held-out validated against the 164 beys that state their own mass —
+     * median absolute error 0.00 g, 99% within 2 g.
+     *
+     * 🛑 Never scaled up from partial coverage. 3 of 5 parts weighed gives the
+     * mass of those three; inflating it by 5/3 would invent a figure that reads
+     * exactly like a measured one. And a stated `weightG` always wins.
+     */
+    weightGFromParts?: number;
+    weightGFromPartsCoverage?: BeyDerivationCoverage;
+    /** Box codes. `productCodes[0]` is the one printed on the box. */
+    productCodes?: string[];
+    /**
+     * Every other name this bey ships under — 1,327 of 1,988.
+     *
+     * 🛑 This is the Hasbro ↔ Takara-Tomy map, stated by the source rather than
+     * inferred: Valkyrie/Valtryek, Spriggan/Spryzen. It must NOT be used to
+     * merge two rows — `Dead` and `Dread` are two real Gatinko bases one
+     * character apart, so any name-similarity join on this corpus is
+     * disqualified.
+     */
+    aka?: string[];
+    jpName?: string;
+    romaji?: string;
+    kanjiName?: string;
+    krName?: string;
+    releaseJP?: string;
+    releaseUS?: string;
+    releaseCA?: string;
+    releaseKR?: string;
+    /** As stated, in the source's own currency and formatting. */
+    price?: string;
+    /** The owner string verbatim, qualifiers and all. */
+    owner?: string;
+    /** Each person named, cleaned and split. */
+    ownerNames?: string[];
+    /**
+     * Character slugs that resolved exactly — 661 of the 733 with an owner.
+     *
+     * 🛑 Resolved by stripping a stated qualifier and matching EXACTLY, never
+     * approximately. `owner` keeps the raw string because "(manga)" is a real
+     * distinction: that bey belongs to that character in the manga continuity
+     * only.
+     */
+    ownerCharacters?: string[];
+    creator?: string;
+    specialMoves?: string[];
+    /** First anime appearance, as the source names the episode. */
+    appearAnime?: string;
+    appearManga?: string;
+    animeDebut?: string;
+    /** Beyblade-X-only attribute. 45 of 1,988 — not worth a facet. */
+    element?: string;
+    avatar?: string;
+    toyline?: string;
+    /** Image filenames, resolved to `/media/<shortId>` at upload time. */
+    /**
+     * `lead` marks the one image to show first. Optional because a hand-written
+     * row may omit it and absent reads as false; the generator sets it on all
+     * 2,459 entries, so no reader is relying on the default today.
+     */
+    images?: {
+        file: string;
+        label?: string | null;
+        lead?: boolean;
+    }[];
+    /** Our own prose, composed from the facts above. */
+    seoDescription?: string;
+    /**
+     * The source page.
+     *
+     * 🛑 REQUIRED, and it must reach the UI. The corpus is CC-BY-SA, and the
+     * two things that keep us clear of share-alike are taking facts only and
+     * linking back. It was stored on ~5,500 rows and rendered on NONE of them
+     * until the credits work; storing it is not discharging the obligation.
+     */
+    sourceUrl: string;
+    /** How the row was obtained — `fandom-infobox`. */
+    source?: string;
+    /** Community discussion thread, where the source links one. */
+    wboThreadUrl?: string;
+}
+/** One assortment slot of a product — a bey a buyer might get. */
+export interface BeyProductAssortmentEntry {
+    /** The bey as the source names it. */
+    bey: string;
+    /** Resolved `beys` id, when the name matched. */
+    beyId?: string;
+    /** A prize bey is not purchasable — it is drawn. */
+    isPrize?: boolean;
+    /** Stated pull odds, where the source gives them. */
+    odds?: string;
+    /**
+     * The manufacturer's per-item code within the assortment ("B-101 01"), where
+     * the source lists one. Distinct from the PRODUCT's own code: a random
+     * booster has one code and a different one per bey you can pull from it.
+     */
+    itemCode?: string;
+    /** This bey debuts in the set, rather than being a repackaged earlier release. */
+    newToSeries?: boolean;
+}
+/**
+ * One image in a product's gallery.
+ *
+ * `caption` is optional-AND-nullable, mirroring `BeyDocument.images[].label`
+ * beside it: the generator emits the key on all 1,457 entries and leaves 292
+ * of them `null`, while a hand-written row may simply omit it. Both are "no
+ * caption", and the type accepts both rather than forcing one spelling on a
+ * generator that already chose the other.
+ */
+/** One line of a product's per-carton distribution table. */
+export interface BeyProductCartonEntry {
+    /** The bey as the source names it — matches `BeyProductAssortmentEntry.bey`. */
+    bey: string;
+    /** How many of this bey ship in one sealed carton. */
+    perCarton: number;
+}
+export interface BeyProductGalleryImage {
+    /** Source filename, as the corpus names it — not a `/media/` slug yet. */
+    file: string;
+    caption?: string | null;
+}
+export interface BeyProductDocument extends BaseDocument {
+    id: string;
+    slug: string;
+    name: string;
+    /** `Random Booster`, `Battle Set`, `Starter`, `Stadium`. */
+    productType?: string;
+    productCodes?: string[];
+    price?: string;
+    releaseJP?: string;
+    jpName?: string;
+    romaji?: string;
+    /** What is in the box, or what can be pulled from it. */
+    assortment?: BeyProductAssortmentEntry[];
+    /**
+     * Every resolved `beys` id in `assortment`, flat.
+     *
+     * 🛑 A denormalised MIRROR of `assortment[].beyId`, and it exists for one
+     * reason: Firestore cannot `array-contains` a field nested inside objects
+     * in an array, so "which products contain this bey" is otherwise
+     * unanswerable. Derived by the generator in the same pass that resolves the
+     * ids — never hand-maintained, because a mirror somebody can edit
+     * independently is the drift in Root Cause #42.
+     */
+    assortmentBeyIds?: string[];
+    /**
+     * Per-carton distribution, on the 24 products whose source states one.
+     *
+     * 🛑 An ARRAY, not the `Record<string, string>` this was declared as. A map
+     * keyed on the bey name cannot hold two entries for the same name, and it
+     * loses the source's ordering — both of which the carton tables rely on.
+     * Measured across all 24: 137 entries, every one carrying both keys.
+     */
+    breakdown?: BeyProductCartonEntry[];
+    boxImage?: string;
+    gallery?: BeyProductGalleryImage[];
+    seoDescription?: string;
+    /** CC-BY-SA link-back — see `BeyDocument.sourceUrl`. */
+    sourceUrl: string;
+    source?: string;
+}
+/**
+ * The document id for a bey.
+ *
+ * 🛑 The ONE place this is composed, mirroring `partGlossaryId`. The id is
+ * also the slug, the public URL and a `searchTxt` source on the paired
+ * category leaf, so a second spelling of this rule is a second set of URLs.
+ */
+export declare function beyId(slug: string): string;

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

@@ -0,0 +1,65 @@
+export const BEYS_COLLECTION = "beys";
+export const BEY_PRODUCTS_COLLECTION = "beyProducts";
+/**
+ * One configuration a bey can be set to, or settles into.
+ *
+ * ── 🛑 THERE IS NO THRESHOLD FIELD, AND THAT IS DELIBERATE ────────────────
+ *
+ * Mode data exists only in the local case-study corpus (the wiki carries ZERO:
+ * 0 `Modes=` fields across 2,248 part pages and 2,011 bey pages), and every
+ * numeric threshold cross-checked there DISAGREED across sources. Cosmic
+ * Pegasus F:D is documented twice with the transition running in opposite
+ * directions and three different thresholds between the two cases and the plan.
+ *
+ * So a `thresholdRadPerSec` does not exist here. A field that is absent cannot
+ * be filled with a contested number by someone who assumes the gap was an
+ * oversight — which is why this is a schema decision and not a convention.
+ *
+ * 🛑 `trigger` is FREE TEXT, not an enum. The three authored shapes are
+ * already a pre-launch setting, passive spin decay, and what surface the tip
+ * is running on — and a three-value enum written before the fourth case was
+ * read would have forced the next one into the wrong bucket.
+ */
+/**
+ * How a mode is selected.
+ *
+ * ── 🛑 THIS ENUM IS THE OWNER'S TAXONOMY, NOT MY GUESS ────────────────────
+ *
+ * Owner, 2026-10-21: *"most mode switches are either flips, config 1, 2 or 3
+ * and more."* Everything beyond that set is a mode that changes WITHOUT the
+ * owner doing anything, and those divide cleanly by what drives them.
+ *
+ * I deliberately did NOT define this when the first four modes were authored,
+ * because at that point I had seen two kinds and an enum built from two would
+ * have forced the next two into the wrong value. It is defined now that the
+ * real set is known — which is the difference between a taxonomy and a guess.
+ */
+export const BEY_MODE_SWITCH_KINDS = [
+    /** Turn the part over. Two states by definition. */
+    "flip",
+    /** An indexed assembly position — config 1, 2, 3… See `configIndex`. */
+    "config",
+    /** Swap in a different piece (Delta Drive's three tips). */
+    "swap",
+    /** Changes on its own as spin speed falls. Nothing to set. */
+    "speed",
+    /** Fires when the bey is struck (Kreis' halves slipping). */
+    "impact",
+    /*
+     * 🛑 There is deliberately NO "surface" kind. Its only candidate was the
+     * claim that Bandit Genbu's TB tip runs on a ball or a cylinder rim
+     * depending on the floor — and TB is "Tapered Ball", a FIXED SHAPE with no
+     * modes at all (owner, 2026-10-21). An enum value whose only instance turned
+     * out not to exist is the speculative infra this project forbids.
+     */
+];
+/**
+ * The document id for a bey.
+ *
+ * 🛑 The ONE place this is composed, mirroring `partGlossaryId`. The id is
+ * also the slug, the public URL and a `searchTxt` source on the paired
+ * category leaf, so a second spelling of this rule is a second set of URLs.
+ */
+export function beyId(slug) {
+    return slug;
+}

package/dist/features/blog/components/BlogFeaturedCard.js

@@ -6,6 +6,7 @@ import { getMediaUrl } from "../../media/types/index.js";
 import { getDefaultLocale } from "../../../core/baseline-resolver.js";
 import { safeDisplayName } from "../../../security/index.js";
 import { useLongPress } from "../../../react/hooks/useLongPress.js";
+import { RecordOwnerQuickActions } from "../../admin/components/RecordOwnerQuickActions.js";
 const __P = {
     p4: "p-[var(--appkit-space-4)]",
 };
@@ -32,11 +33,23 @@ export function BlogFeaturedCard({ post, href, labels = {}, className = "", sele
         })
         : "";
     const card = (_jsxs(Article, { rounded: "xl", shadow: "hover-md", className: `group relative h-full overflow-hidden border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] ${isSelected ? "ring-2 ring-primary outline outline-2 outline-primary" : ""} ${className}`, onMouseDown: onSelect && !isSelected ? longPress.onMouseDown : undefined, onMouseUp: onSelect && !isSelected ? longPress.onMouseUp : undefined, onMouseLeave: onSelect && !isSelected ? longPress.onMouseLeave : undefined, onTouchStart: onSelect && !isSelected ? longPress.onTouchStart : undefined, onTouchEnd: onSelect && !isSelected ? longPress.onTouchEnd : undefined, onTouchCancel: onSelect && !isSelected ? longPress.onTouchCancel : undefined, children: [onSelect && (_jsx(BaseListingCard.Checkbox, { selected: isSelected, onSelect: (e) => { e.preventDefault(); onSelect(post.id, !isSelected); }, label: isSelected ? "Deselect post" : "Select post", position: "top-2 left-2", className: selectable || isSelected ? "opacity-100" : "opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto transition-opacity" })), _jsxs(TextLink, { href: href, layout: "flex-col", className: "h-full", children: [showThumbnail && (_jsx(Div, { className: `relative aspect-video ${__O.hidden} flex-shrink-0`, children: coverImageUrl ? (_jsx(MediaImage, { src: coverImageUrl, alt: safeTitle, size: "card", className: "transition-transform duration-300 group-hover:scale-105" })) : (_jsx(Div, { role: "img", "aria-label": safeTitle, surface: "muted", className: "h-full w-full" })) })), _jsxs(Stack, { className: `flex-1 ${__P.p4}`, children: [_jsxs(Row, { gap: "xs", className: "mb-2", wrap: true, children: [_jsx(Span, { size: "xs", weight: "medium", className: `inline-block capitalize ${CATEGORY_BADGE[post.category] ?? "bg-[var(--appkit-color-bg)] text-[var(--appkit-color-text-muted)]"}`, rounded: "full", padding: "pill-xs", children: post.category }), post.isFeatured && (_jsx(Span, { size: "xs", weight: "medium", className: CLS_FEATURED_BADGE, children: labels.featuredBadge ?? "Featured" }))] }), _jsx(Heading, { level: 3, className: `leading-snug mb-1`, color: "primary", truncate: 2, size: "base", weight: "semibold", children: safeTitle }), post.excerpt && (_jsx(Text, { className: `mb-3`, color: "muted", truncate: 2, size: "sm", children: post.excerpt })), _jsxs(Row, { color: "muted", textSize: "xs", className: "mt-auto", gap: "3", wrap: true, children: [showAuthor && post.authorName && (_jsx(Span, { children: safeDisplayName(post.authorName, "Author") })), showReadTime && post.readTimeMinutes != null && (_jsxs(Span, { children: [post.readTimeMinutes, " ", labels.readTime ?? "min read"] })), date && _jsx(Span, { children: date })] })] })] })] }));
-    if (!renderOwnerActions)
+    /*
+     * 🛑 Default, not opt-in. Nothing in either repo ever passed
+     * `renderOwnerActions`, so this toolbar was unreachable on every grid that
+     * mounts this card (Root Cause #8 — a slot shell rendered with zero render
+     * props). A card is resource-specific by construction, so it names its own
+     * resource rather than being threaded one; the prop stays as an override.
+     */
+    const ownerActions = renderOwnerActions
+        ? renderOwnerActions()
+        : post.id
+            ? (_jsx(RecordOwnerQuickActions, { resource: "BLOG", recordId: String(post.id), recordLabel: post.title, placement: "card" }))
+            : null;
+    if (!ownerActions)
         return card;
     /*
      * Sibling of the card, never a child — see the prop's docstring. `z-20`
      * beats this card's own overlays, which all sit at `z-10`.
      */
-    return (_jsxs(Div, { className: "relative h-full", children: [card, _jsx(Div, { className: "absolute right-2 top-2 z-20", children: renderOwnerActions() })] }));
+    return (_jsxs(Div, { className: "relative h-full", children: [card, _jsx(Div, { className: "absolute right-2 top-2 z-20", children: ownerActions })] }));
 }

package/dist/features/blog/components/BlogPostView.js

@@ -11,7 +11,7 @@ import { getMediaUrl } from "../../media/types/index.js";
 import { getDefaultLocale } from "../../../core/baseline-resolver.js";
 import { normalizeRichTextHtml } from "../../../utils/string.formatter.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
-import { OwnerQuickActions } from "../../admin/components/OwnerQuickActions.js";
+import { RecordOwnerQuickActions } from "../../admin/components/RecordOwnerQuickActions.js";
 const __P = {
     p8: "p-[var(--appkit-space-8)]",
 };
@@ -27,7 +27,7 @@ const CATEGORY_BADGE = {
 };
 const CLS_FEATURED_BADGE = "bg-warning-surface text-warning dark:bg-warning-surface dark:text-warning px-[var(--appkit-space-2)] py-[var(--appkit-space-0-5)] rounded-full";
 function renderBlogPostHeader(post, date, labels) {
-    return (_jsxs(Div, { className: "mb-8", children: [_jsxs(Row, { className: "mb-4", gap: "sm", children: [_jsx(Span, { size: "xs", weight: "medium", className: `inline-block capitalize ${CATEGORY_BADGE[post.category] ?? ""}`, rounded: "full", padding: "pill-xs", children: post.category }), post.isFeatured && _jsx(Span, { size: "xs", weight: "medium", className: CLS_FEATURED_BADGE, children: labels?.featured ?? "Featured" })] }), _jsxs(Row, { className: "mb-4", gap: "sm", align: "center", justify: "between", wrap: true, children: [_jsx(Heading, { level: 1, size: "3xl", weight: "bold", children: post.title }), _jsx(OwnerQuickActions, { resource: "BLOG", placement: "detail", editHref: String(ROUTES.ADMIN.BLOG_EDIT(post.id)), recordLabel: post.title })] }), post.excerpt && _jsx(Text, { className: "mb-6", color: "muted", size: "lg", children: post.excerpt }), _jsxs(Row, { color: "muted", textSize: "sm", wrap: true, gap: "md", children: [post.authorName && _jsxs(Span, { children: [labels?.author ?? "By", " ", _jsx(Span, { weight: "medium", color: "muted", children: post.authorName })] }), post.readTimeMinutes != null && _jsxs(Span, { children: [post.readTimeMinutes, " ", labels?.readTime ?? "min read"] }), date && _jsxs(Span, { children: [labels?.publishedOn ?? "Published", " ", date] }), post.views != null && _jsxs(Span, { children: [post.views, " ", labels?.viewsLabel ?? "views"] })] })] }));
+    return (_jsxs(Div, { className: "mb-8", children: [_jsxs(Row, { className: "mb-4", gap: "sm", children: [_jsx(Span, { size: "xs", weight: "medium", className: `inline-block capitalize ${CATEGORY_BADGE[post.category] ?? ""}`, rounded: "full", padding: "pill-xs", children: post.category }), post.isFeatured && _jsx(Span, { size: "xs", weight: "medium", className: CLS_FEATURED_BADGE, children: labels?.featured ?? "Featured" })] }), _jsxs(Row, { className: "mb-4", gap: "sm", align: "center", justify: "between", wrap: true, children: [_jsx(Heading, { level: 1, size: "3xl", weight: "bold", children: post.title }), _jsx(RecordOwnerQuickActions, { resource: "BLOG", recordId: post.id, placement: "detail", recordLabel: post.title })] }), post.excerpt && _jsx(Text, { className: "mb-6", color: "muted", size: "lg", children: post.excerpt }), _jsxs(Row, { color: "muted", textSize: "sm", wrap: true, gap: "md", children: [post.authorName && _jsxs(Span, { children: [labels?.author ?? "By", " ", _jsx(Span, { weight: "medium", color: "muted", children: post.authorName })] }), post.readTimeMinutes != null && _jsxs(Span, { children: [post.readTimeMinutes, " ", labels?.readTime ?? "min read"] }), date && _jsxs(Span, { children: [labels?.publishedOn ?? "Published", " ", date] }), post.views != null && _jsxs(Span, { children: [post.views, " ", labels?.viewsLabel ?? "views"] })] })] }));
 }
 function renderBlogPostRelated(related, title, renderRelatedCard) {
     if (related.length === 0)

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

@@ -5,7 +5,7 @@ import Link from "next/link.js";
 import { categoriesRepository, productRepository, } from "../../../repositories/index.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { Anchor, Container, Div, Dl, Dt, Dd, Heading, Main, Nav, Section, Span, Stack, Text } from "../../../ui/index.js";
-import { OwnerQuickActions } from "../../admin/components/OwnerQuickActions.js";
+import { RecordOwnerQuickActions } from "../../admin/components/RecordOwnerQuickActions.js";
 import { DynamicBgDiv } from "../../../ui/components/DynamicBgDiv.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { RichTextRenderer } from "../../../ui/rich-text/RichTextRenderer.js";
@@ -177,5 +177,7 @@ 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(_Fragment, { children: [brand?.id && (_jsx(OwnerQuickActions, { resource: "BRAND", placement: "detail", className: "mb-2", recordLabel: brand.name ?? slug, editHref: String(ROUTES.ADMIN.BRANDS_EDIT(brand.id)) })), _jsx(Heading, { color: "inverse", level: 1, className: `${hasCover ? "" : "text-[var(--appkit-color-text)]"}`, size: "3xl", mdSize: "4xl", weight: "bold", children: brand?.name ?? slug }), brand?.description && typeof brand.description === "string" && !brand.description.startsWith("{") && (_jsx(Text, { color: hasCover ? "inverse" : "muted", className: `max-w-2xl mt-1 ${hasCover ? "/80" : ""}`, size: "base", children: brand.description }))] })] }), _jsxs(Row, { gap: "sm", wrap: true, className: "mt-3", children: [(counts.products ?? 0) > 0 && (_jsxs(Span, { layout: "inline-flex", gap: "xs", color: "inverse", size: "xs", weight: "medium", className: `${hasCover ? "bg-[rgba(255,255,255,0.2)] backdrop-blur-sm" : "bg-primary/10 text-primary-700 dark:text-primary-400"}`, rounded: "full", padding: "pill-sm-tall", children: [counts.products.toLocaleString(), " ", counts.products === 1 ? "product" : "products"] })), (counts.auctions ?? 0) > 0 && (_jsxs(Span, { layout: "inline-flex", gap: "xs", color: hasCover ? "inverse" : "warning", surface: hasCover ? undefined : "warning-surface", size: "xs", weight: "medium", className: hasCover ? "bg-[rgba(255,255,255,0.2)] backdrop-blur-sm" : "", rounded: "full", padding: "pill-sm-tall", children: [counts.auctions.toLocaleString(), " ", counts.auctions === 1 ? "auction" : "auctions"] })), (counts["pre-orders"] ?? 0) > 0 && (_jsxs(Span, { layout: "inline-flex", gap: "xs", color: hasCover ? "inverse" : "info", surface: hasCover ? undefined : "info-surface", size: "xs", weight: "medium", className: hasCover ? "bg-[rgba(255,255,255,0.2)] backdrop-blur-sm" : "", rounded: "full", padding: "pill-sm-tall", children: [counts["pre-orders"].toLocaleString(), " ", counts["pre-orders"] === 1 ? "pre-order" : "pre-orders"] })), totalItems === 0 && (_jsx(Span, { size: "sm", className: hasCover ? "text-white/60" : "text-zinc-400", children: "No items listed yet" }))] })] })] }), (brand?.brandWebsite || brand?.brandCountry || brand?.brandFounded) && (_jsx(Section, { border: "subtle", surface: "default", className: "border-b", padding: "y-md", children: _jsx(Container, { size: "xl", children: _jsxs(Stack, { gap: "sm", children: [_jsx(Heading, { level: 2, size: "sm", weight: "semibold", color: "muted", transform: "uppercase", children: "About this brand" }), _jsxs(Dl, { divide: "subtle", rounded: "xl", border: "subtle", className: "overflow-hidden max-w-lg", children: [brand?.brandWebsite && (_jsxs(Row, { gap: "md", oddEven: "zebra", surface: "default", padding: "inline", children: [_jsx(Dt, { className: "w-32 flex-shrink-0", color: "primary", weight: "medium", children: "Website" }), _jsx(Dd, { className: "flex-1", children: _jsx(Anchor, { href: brand.brandWebsite, tone: "brand", underline: "hover", children: brand.brandWebsite }) })] })), brand?.brandCountry && (_jsxs(Row, { gap: "md", oddEven: "zebra", surface: "default", padding: "inline", children: [_jsx(Dt, { className: "w-32 flex-shrink-0", color: "primary", weight: "medium", children: "Country" }), _jsx(Dd, { className: "flex-1", color: "muted", children: brand.brandCountry })] })), brand?.brandFounded && (_jsxs(Row, { gap: "md", oddEven: "zebra", surface: "default", padding: "inline", children: [_jsx(Dt, { className: "w-32 flex-shrink-0", color: "primary", weight: "medium", children: "Founded" }), _jsx(Dd, { className: "flex-1", color: "muted", children: brand.brandFounded })] }))] })] }) }) })), 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) } })), _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(_Fragment, { children: [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 })), _jsx(Heading, { color: "inverse", level: 1, className: `${hasCover ? "" : "text-[var(--appkit-color-text)]"}`, size: "3xl", mdSize: "4xl", weight: "bold", children: brand?.name ?? slug }), brand?.description && typeof brand.description === "string" && !brand.description.startsWith("{") && (_jsx(Text, { color: hasCover ? "inverse" : "muted", className: `max-w-2xl mt-1 ${hasCover ? "/80" : ""}`, size: "base", children: brand.description }))] })] }), _jsxs(Row, { gap: "sm", wrap: true, className: "mt-3", children: [(counts.products ?? 0) > 0 && (_jsxs(Span, { layout: "inline-flex", gap: "xs", color: "inverse", size: "xs", weight: "medium", className: `${hasCover ? "bg-[rgba(255,255,255,0.2)] backdrop-blur-sm" : "bg-primary/10 text-primary-700 dark:text-primary-400"}`, rounded: "full", padding: "pill-sm-tall", children: [counts.products.toLocaleString(), " ", counts.products === 1 ? "product" : "products"] })), (counts.auctions ?? 0) > 0 && (_jsxs(Span, { layout: "inline-flex", gap: "xs", color: hasCover ? "inverse" : "warning", surface: hasCover ? undefined : "warning-surface", size: "xs", weight: "medium", className: hasCover ? "bg-[rgba(255,255,255,0.2)] backdrop-blur-sm" : "", rounded: "full", padding: "pill-sm-tall", children: [counts.auctions.toLocaleString(), " ", counts.auctions === 1 ? "auction" : "auctions"] })), (counts["pre-orders"] ?? 0) > 0 && (_jsxs(Span, { layout: "inline-flex", gap: "xs", color: hasCover ? "inverse" : "info", surface: hasCover ? undefined : "info-surface", size: "xs", weight: "medium", className: hasCover ? "bg-[rgba(255,255,255,0.2)] backdrop-blur-sm" : "", rounded: "full", padding: "pill-sm-tall", children: [counts["pre-orders"].toLocaleString(), " ", counts["pre-orders"] === 1 ? "pre-order" : "pre-orders"] })), totalItems === 0 && (_jsx(Span, { size: "sm", className: hasCover ? "text-white/60" : "text-zinc-400", children: "No items listed yet" }))] })] })] }), (brand?.brandWebsite || brand?.brandCountry || brand?.brandFounded) && (_jsx(Section, { border: "subtle", surface: "default", className: "border-b", padding: "y-md", children: _jsx(Container, { size: "xl", children: _jsxs(Stack, { gap: "sm", children: [_jsx(Heading, { level: 2, size: "sm", weight: "semibold", color: "muted", transform: "uppercase", children: "About this brand" }), _jsxs(Dl, { divide: "subtle", rounded: "xl", border: "subtle", className: "overflow-hidden max-w-lg", children: [brand?.brandWebsite && (_jsxs(Row, { gap: "md", oddEven: "zebra", surface: "default", padding: "inline", children: [_jsx(Dt, { className: "w-32 flex-shrink-0", color: "primary", weight: "medium", children: "Website" }), _jsx(Dd, { className: "flex-1", children: _jsx(Anchor, { href: brand.brandWebsite, tone: "brand", underline: "hover", children: brand.brandWebsite }) })] })), brand?.brandCountry && (_jsxs(Row, { gap: "md", oddEven: "zebra", surface: "default", padding: "inline", children: [_jsx(Dt, { className: "w-32 flex-shrink-0", color: "primary", weight: "medium", children: "Country" }), _jsx(Dd, { className: "flex-1", color: "muted", children: brand.brandCountry })] })), brand?.brandFounded && (_jsxs(Row, { gap: "md", oddEven: "zebra", surface: "default", padding: "inline", children: [_jsx(Dt, { className: "w-32 flex-shrink-0", color: "primary", weight: "medium", children: "Founded" }), _jsx(Dd, { className: "flex-1", color: "muted", children: brand.brandFounded })] }))] })] }) }) })), 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)) })] }) }))] }));
 }

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

@@ -9,7 +9,7 @@ import { MediaImage } from "../../media/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 { OwnerQuickActions } from "../../../features/admin/components/OwnerQuickActions.js";
+import { RecordOwnerQuickActions } from "../../../features/admin/components/RecordOwnerQuickActions.js";
 const __O = {
     hidden: "overflow-hidden",
 };
@@ -26,7 +26,7 @@ export function BundleDetailView({ bundle, members = [], onBuyNow, onAddToCart,
         ? formatCurrency(bundle.bundlePrice, "INR")
         : BUNDLE_COPY.detail.priceFallback;
     const discount = computeBundleDiscount(bundle.bundlePrice, bundle.bundleOriginalTotal);
-    return (_jsxs(Main, { children: [_jsx(Section, { padding: "y-2xl", children: _jsx(Container, { size: "xl", children: _jsxs(Stack, { gap: "lg", children: [_jsxs(Stack, { gap: "lg", direction: "md-row", align: "start", children: [_jsx(Div, { className: "w-full md:w-2/5", children: members.length > 0 ? (_jsx(BundleCollage, { members: members })) : (_jsx(Div, { className: `aspect-video w-full ${__O.hidden}`, rounded: "2xl", surface: "subtle", children: _jsx(Div, { className: "h-full w-full", children: _jsx(MediaImage, { src: cover, alt: bundle.name, size: "hero", fallback: PLACEHOLDER_EMOJI }) }) })) }), _jsxs(Stack, { gap: "md", className: "flex-1", children: [_jsx(OwnerQuickActions, { resource: "BUNDLE", placement: "detail", recordLabel: String(bundle.name), editHref: String(ROUTES.ADMIN.BUNDLES_EDIT(String(bundle.id))) }), _jsx(Heading, { level: 1, size: "3xl", weight: "semibold", color: "primary", children: bundle.name }), _jsxs(Row, { gap: "sm", align: "center", wrap: true, children: [_jsx(Text, { size: "lg", weight: "bold", children: _jsx(GatedPrice, { label: "Sign in to see the bundle price", children: priceLabel }) }), discount && (
+    return (_jsxs(Main, { children: [_jsx(Section, { padding: "y-2xl", children: _jsx(Container, { size: "xl", children: _jsxs(Stack, { gap: "lg", children: [_jsxs(Stack, { gap: "lg", direction: "md-row", align: "start", children: [_jsx(Div, { className: "w-full md:w-2/5", children: members.length > 0 ? (_jsx(BundleCollage, { members: members })) : (_jsx(Div, { className: `aspect-video w-full ${__O.hidden}`, rounded: "2xl", surface: "subtle", children: _jsx(Div, { className: "h-full w-full", children: _jsx(MediaImage, { src: cover, alt: bundle.name, size: "hero", fallback: PLACEHOLDER_EMOJI }) }) })) }), _jsxs(Stack, { gap: "md", className: "flex-1", children: [_jsx(RecordOwnerQuickActions, { resource: "BUNDLE", recordId: String(bundle.id), placement: "detail", recordLabel: String(bundle.name) }), _jsx(Heading, { level: 1, size: "3xl", weight: "semibold", color: "primary", children: bundle.name }), _jsxs(Row, { gap: "sm", align: "center", wrap: true, children: [_jsx(Text, { size: "lg", weight: "bold", children: _jsx(GatedPrice, { label: "Sign in to see the bundle price", children: priceLabel }) }), discount && (
                                                     // 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.