create-ailk 0.14.0 → 0.15.0

package/templates/apps/web/app/[locale]/contact/__tests__/page-renderer-migration.test.tsx

@@ -19,6 +19,9 @@ import { render, screen } from "@testing-library/react";
 
 // ── @working-theory/ui mock ─────────────────────────────────────────────────
 jest.mock("@working-theory/ui", () => ({
+  // #7789: renderPage's fallback page head renders inside the section Container.
+  Container: ({ children }: { children?: React.ReactNode }) =>
+    React.createElement("div", null, children),
   // #4446/#4447: renderPage's own fallback/empty-state title composes Heading.
   Heading: ({
     children,
@@ -63,14 +66,22 @@ jest.mock("@working-theory/ui", () => ({
         "data-fallback-email": props.fallbackEmail ?? "",
         "data-terms-href": props.termsHref,
       },
-      React.createElement("button", { "data-testid": "contact-submit" }, props.submitLabel ?? "Send"),
+      React.createElement(
+        "button",
+        { "data-testid": "contact-submit" },
+        props.submitLabel ?? "Send",
+      ),
     ),
   ContactFallback: (props: { email?: string; text?: { noEmail?: string } }) =>
     React.createElement(
       "div",
       { "data-testid": "contact-fallback" },
       props.email
-        ? React.createElement("a", { href: `mailto:${props.email}` }, props.email)
+        ? React.createElement(
+            "a",
+            { href: `mailto:${props.email}` },
+            props.email,
+          )
         : props.text?.noEmail,
     ),
 }));
@@ -111,8 +122,16 @@ import { readSiteContactEmail } from "../site-contact-email";
 const mockCaptureStatus = leads.captureStatus as jest.Mock;
 const mockContactEmail = readSiteContactEmail as jest.Mock;
 
-const ACCEPTING = { ok: true, status: 200, body: { ok: true, data: { contact: true, newsletter: false } } };
-const REFUSING = { ok: true, status: 200, body: { ok: true, data: { contact: false, newsletter: false } } };
+const ACCEPTING = {
+  ok: true,
+  status: 200,
+  body: { ok: true, data: { contact: true, newsletter: false } },
+};
+const REFUSING = {
+  ok: true,
+  status: 200,
+  body: { ok: true, data: { contact: false, newsletter: false } },
+};
 
 const source = {
   frontmatter: {
@@ -124,7 +143,11 @@ const source = {
   body: "",
 };
 
-const splitHero = { id: "hero", type: "hero", data: { variant: "split", headline: "Hi" } };
+const splitHero = {
+  id: "hero",
+  type: "hero",
+  data: { variant: "split", headline: "Hi" },
+};
 const contactFormSection = {
   id: "contact-form",
   type: "contact-form",
@@ -140,7 +163,9 @@ const contactFormSection = {
 async function renderWith(sections: unknown[] | null) {
   const element = await ContactPage({
     params: Promise.resolve({ locale: "en" }),
-    getMdxSource: jest.fn().mockResolvedValue(sections === null ? null : source),
+    getMdxSource: jest
+      .fn()
+      .mockResolvedValue(sections === null ? null : source),
     getPageSections: jest.fn().mockResolvedValue(sections ?? []),
   });
   return render(element);
@@ -163,7 +188,7 @@ describe("ContactPage — snapshot regression", () => {
   it("populated state renders deterministic HTML (renderPage sections + the form after it)", async () => {
     const { container } = await renderWith([]);
     expect(container.innerHTML).toMatchInlineSnapshot(
-      `"<script type="application/ld+json" data-testid="json-ld">{"@context":"https://schema.org","@type":"ContactPage","inLanguage":"en","name":"Contact Us","description":"Get in touch.","mainEntity":{"@type":"ContactPoint","contactType":"customer support"}}</script><main id="main"><h1>Contact Us</h1><p data-testid="contact-description">Get in touch.</p><div data-testid="section-renderer" data-section-count="0"></div></main><div data-testid="lead-capture-form" data-fields="" data-fallback-email="" data-terms-href="/en/terms"><button data-testid="contact-submit">Send</button></div>"`,
+      `"<script type="application/ld+json" data-testid="json-ld">{"@context":"https://schema.org","@type":"ContactPage","inLanguage":"en","name":"Contact Us","description":"Get in touch.","mainEntity":{"@type":"ContactPoint","contactType":"customer support"}}</script><main id="main"><div><h1>Contact Us</h1><p data-testid="contact-description" class="mt-block-tight text-lead">Get in touch.</p></div><div data-testid="section-renderer" data-section-count="0"></div></main><div data-testid="lead-capture-form" data-fields="" data-fallback-email="" data-terms-href="/en/terms"><button data-testid="contact-submit">Send</button></div>"`,
     );
   });
 });
@@ -184,7 +209,9 @@ describe("ContactPage — placement (#6730 D8)", () => {
     const { container } = await renderWith([splitHero]);
 
     expect(
-      container.querySelector("[data-section-id='hero'] [data-testid='lead-capture-form']"),
+      container.querySelector(
+        "[data-section-id='hero'] [data-testid='lead-capture-form']",
+      ),
     ).not.toBeNull();
     expect(screen.getAllByTestId("lead-capture-form")).toHaveLength(1);
   });
@@ -194,7 +221,9 @@ describe("ContactPage — placement (#6730 D8)", () => {
       { id: "faq", type: "faq", data: { items: [] } },
     ]);
 
-    expect(container.querySelector("main [data-testid='lead-capture-form']")).toBeNull();
+    expect(
+      container.querySelector("main [data-testid='lead-capture-form']"),
+    ).toBeNull();
     expect(screen.getAllByTestId("lead-capture-form")).toHaveLength(1);
   });
 
@@ -216,7 +245,9 @@ describe("ContactPage — no lead destination (#6730 D8)", () => {
     await renderWith([]);
 
     const fallback = screen.getByTestId("contact-fallback");
-    expect(fallback.querySelector("a[href='mailto:hi@example.com']")).not.toBeNull();
+    expect(
+      fallback.querySelector("a[href='mailto:hi@example.com']"),
+    ).not.toBeNull();
     expect(screen.queryByTestId("contact-submit")).toBeNull();
     expect(screen.queryByTestId("lead-capture-form")).toBeNull();
   });
@@ -239,14 +270,35 @@ describe("ContactPage — no lead destination (#6730 D8)", () => {
     const { container } = await renderWith([contactFormSection]);
 
     expect(
-      container.querySelector("[data-section-id='contact-form'] [data-testid='contact-fallback']"),
+      container.querySelector(
+        "[data-section-id='contact-form'] [data-testid='contact-fallback']",
+      ),
     ).not.toBeNull();
   });
 
   it.each([
-    ["rejects (unreachable API)", () => mockCaptureStatus.mockRejectedValue(new Error("ECONNREFUSED"))],
-    ["404 (older API)", () => mockCaptureStatus.mockResolvedValue({ ok: false, status: 404, body: {} })],
-    ["5xx", () => mockCaptureStatus.mockResolvedValue({ ok: false, status: 503, body: {} })],
+    [
+      "rejects (unreachable API)",
+      () => mockCaptureStatus.mockRejectedValue(new Error("ECONNREFUSED")),
+    ],
+    [
+      "404 (older API)",
+      () =>
+        mockCaptureStatus.mockResolvedValue({
+          ok: false,
+          status: 404,
+          body: {},
+        }),
+    ],
+    [
+      "5xx",
+      () =>
+        mockCaptureStatus.mockResolvedValue({
+          ok: false,
+          status: 503,
+          body: {},
+        }),
+    ],
   ])("status %s → the form renders", async (_label, arrange) => {
     arrange();
 

package/templates/apps/web/app/[locale]/contact/__tests__/site-contact-lines.test.ts

@@ -1,6 +1,8 @@
 /**
  * `readSiteContactLines` (#7742 D4 / AC-1) — the closing slide's contact
- * lines, read from a fixture `_site.mdx` through `AILK_CONTENT_ROOT`.
+ * lines, read from a fixture `_site.mdx` through `AILK_CONTENT_ROOT`. The
+ * locality line is read through the typed `SiteIdentitySchema` (#7824), so
+ * the fixtures declare complete, valid identities.
  */
 import { mkdtempSync, rmSync, writeFileSync } from "node:fs";
 import { tmpdir } from "node:os";
@@ -26,6 +28,18 @@ function writeSite(frontmatter: string): void {
   writeFileSync(join(root, "_site.mdx"), `---\n${frontmatter}\n---\n`);
 }
 
+/** A complete PostalAddress, with the locality and region under test. */
+function addressYaml(indent: string, locality: string, region: string): string[] {
+  return [
+    `${indent}address:`,
+    `${indent}  streetAddress: 1 Main St`,
+    `${indent}  addressLocality: ${locality}`,
+    `${indent}  addressRegion: ${region}`,
+    `${indent}  postalCode: '94105'`,
+    `${indent}  addressCountry: US`,
+  ];
+}
+
 describe("readSiteContactLines (#7742 D4)", () => {
   it("a LocalBusiness with an email gives its locality, then the mailto line", () => {
     writeSite(
@@ -34,13 +48,10 @@ describe("readSiteContactLines (#7742 D4)", () => {
         "siteIdentity:",
         "  kind: LocalBusiness",
         "  name: Acme",
+        "  url: https://acme.test",
+        "  telephone: '+14155550100'",
         "  email: hello@acme.test",
-        "  address:",
-        "    streetAddress: 1 Main St",
-        "    addressLocality: San Francisco",
-        "    addressRegion: CA",
-        "    postalCode: '94105'",
-        "    addressCountry: US",
+        ...addressYaml("  ", "San Francisco", "CA"),
       ].join("\n"),
     );
     expect(readSiteContactLines()).toEqual([
@@ -49,17 +60,100 @@ describe("readSiteContactLines (#7742 D4)", () => {
     ]);
   });
 
+  it("a Person that declares an address gives its locality line (#7791, #7824)", () => {
+    writeSite(
+      [
+        "siteName: Wendi Henry",
+        "contactEmail: wendi@acme.test",
+        "siteIdentity:",
+        "  kind: Person",
+        "  name: Wendi Henry",
+        "  url: https://wendi.test",
+        ...addressYaml("  ", "Denver", "CO"),
+      ].join("\n"),
+    );
+    expect(readSiteContactLines()).toEqual([
+      { label: "Denver, CO" },
+      { label: "wendi@acme.test", href: "mailto:wendi@acme.test" },
+    ]);
+  });
+
+  it("a Person's homeLocation.address is not read — the schema accepts only `address` (#7824)", () => {
+    writeSite(
+      [
+        "siteName: Wendi Henry",
+        "siteIdentity:",
+        "  kind: Person",
+        "  name: Wendi Henry",
+        "  url: https://wendi.test",
+        "  homeLocation:",
+        ...addressYaml("    ", "Denver", "CO"),
+      ].join("\n"),
+    );
+    expect(readSiteContactLines()).toEqual([]);
+  });
+
+  it("a Person address that fails the PostalAddress schema gives no locality line (#7824)", () => {
+    writeSite(
+      [
+        "siteName: Wendi Henry",
+        "siteIdentity:",
+        "  kind: Person",
+        "  name: Wendi Henry",
+        "  url: https://wendi.test",
+        "  address:",
+        "    addressLocality: Denver",
+        "    addressRegion: CO",
+      ].join("\n"),
+    );
+    expect(readSiteContactLines()).toEqual([]);
+  });
+
+  it("a Person with no address gives no locality line (#7791)", () => {
+    writeSite(
+      [
+        "siteName: Wendi Henry",
+        "siteIdentity:",
+        "  kind: Person",
+        "  name: Wendi Henry",
+        "  url: https://wendi.test",
+      ].join("\n"),
+    );
+    expect(readSiteContactLines()).toEqual([]);
+  });
+
+  it("an Organization never gives a locality line, even with an address (#7791 sibling kinds)", () => {
+    writeSite(
+      [
+        "siteName: Acme",
+        "siteIdentity:",
+        "  kind: Organization",
+        "  name: Acme",
+        "  url: https://acme.test",
+        ...addressYaml("  ", "Denver", "CO"),
+      ].join("\n"),
+    );
+    expect(readSiteContactLines()).toEqual([]);
+  });
+
   it("an Organization with contactEmail gives one line", () => {
     writeSite(
-      ["siteName: Acme", "contactEmail: team@acme.test", "siteIdentity:", "  kind: Organization", "  name: Acme"].join(
-        "\n",
-      ),
+      [
+        "siteName: Acme",
+        "contactEmail: team@acme.test",
+        "siteIdentity:",
+        "  kind: Organization",
+        "  name: Acme",
+        "  url: https://acme.test",
+      ].join("\n"),
     );
     expect(readSiteContactLines()).toEqual([{ label: "team@acme.test", href: "mailto:team@acme.test" }]);
   });
 
   it("neither gives no lines", () => {
-    writeSite(["siteName: Acme", "siteIdentity:", "  kind: Organization", "  name: Acme"].join("\n"));
+    writeSite(
+      ["siteName: Acme", "siteIdentity:", "  kind: Organization", "  name: Acme", "  url: https://acme.test"].join("\n"),
+    );
     expect(readSiteContactLines()).toEqual([]);
   });
 

package/templates/apps/web/app/[locale]/contact/site-contact-lines.ts

@@ -1,10 +1,12 @@
 /**
  * The deck's closing-slide contact lines (#7742 D4,
  * docs/specs/7742-minimalism-b4-chrome-and-system-spec.md), from data the site
- * already publishes — no schema change:
+ * already publishes:
  *
- *   1. a `LocalBusiness` identity's `address.addressLocality` and
- *      `address.addressRegion`, joined by ", " ("San Francisco, CA");
+ *   1. a `LocalBusiness` or `Person` identity's `address.addressLocality`
+ *      and `address.addressRegion`, joined by ", " ("San Francisco, CA") —
+ *      read through the typed `SiteIdentitySchema` (#7824), so an invalid
+ *      identity or address gives no line rather than a half-trusted one;
  *   2. the published contact email (`readSiteContactEmail`, the address
  *      `/contact` shows), as a `mailto:` link.
  *
@@ -17,6 +19,7 @@
 import { readFileSync } from "node:fs";
 import { join } from "node:path";
 
+import { SiteIdentitySchema } from "@working-theory/site-config/schema";
 import { parse as parseYaml } from "yaml";
 
 import { resolveContentRoot } from "../../../lib/site-brand";
@@ -34,17 +37,18 @@ function nonEmpty(value: unknown): string | undefined {
   return typeof value === "string" && value.trim().length > 0 ? value.trim() : undefined;
 }
 
-/** The LocalBusiness locality line, or `undefined` for any other identity. */
+/** The locality line of a LocalBusiness or Person identity, or `undefined`. */
 function readLocalityLine(): string | undefined {
   const raw = readFileSync(join(resolveContentRoot(), "_site.mdx"), "utf8");
   const match = FRONTMATTER_RE.exec(raw);
   if (!match) return undefined;
   const fm: unknown = parseYaml(match[1] ?? "");
   if (!fm || typeof fm !== "object") return undefined;
-  const identity = (fm as { siteIdentity?: { kind?: unknown; address?: unknown } }).siteIdentity;
-  if (identity?.kind !== "LocalBusiness") return undefined;
-  const address = identity.address as { addressLocality?: unknown; addressRegion?: unknown } | undefined;
-  const parts = [nonEmpty(address?.addressLocality), nonEmpty(address?.addressRegion)].filter(
+  const parsed = SiteIdentitySchema.safeParse((fm as { siteIdentity?: unknown }).siteIdentity);
+  if (!parsed.success) return undefined;
+  const identity = parsed.data;
+  if (identity.kind !== "LocalBusiness" && identity.kind !== "Person") return undefined;
+  const parts = [nonEmpty(identity.address?.addressLocality), nonEmpty(identity.address?.addressRegion)].filter(
     (part): part is string => part !== undefined,
   );
   return parts.length > 0 ? parts.join(", ") : undefined;

package/templates/apps/web/app/[locale]/layout.tsx

@@ -47,18 +47,18 @@ import { NextIntlClientProvider } from "next-intl";
 import { getMessages, getTranslations } from "next-intl/server";
 import type { ReactElement, ReactNode } from "react";
 
-import { auth } from "../../auth";
 import { GoogleAnalytics } from "../../components/google-analytics";
 import {
   SignedInNav,
   type SignedInNavProps,
 } from "../../components/signed-in-nav";
 import { isAccountPath, isAuthPath } from "../../lib/auth-routes";
+import { isClosingFooterPath } from "../../lib/closing-footer-path";
 import { assertEnabledLocale } from "../../lib/locale-guard";
 import { footerColumns, navItems } from "../../lib/nav-config";
 import { getOgImageUrl } from "../../lib/og";
 import { backLinkHref } from "../../lib/profile-back-link";
-import { SITE_NAME } from "../../lib/site-brand";
+import { COPYRIGHT_HOLDER, SITE_NAME } from "../../lib/site-brand";
 import { siteChrome, type SiteChrome } from "../../lib/site-chrome";
 import { siteLogo } from "../../lib/site-logo";
 // Registers the `_site.mdx` identity with page-renderer at module load, so
@@ -69,6 +69,7 @@ import "../../lib/site-identity";
 // (#7521). Inert without AILK_LISTING_PUBLIC_KEY or the paid package.
 import "../../lib/listings";
 import { siteThemeHead } from "../../lib/site-theme-head";
+import { SIGN_IN_ENABLED, readSession } from "../../lib/topology.generated";
 import { resolveBaseUrl } from "../../src/lib/routes";
 
 import { readSiteContactLines } from "./contact/site-contact-lines";
@@ -83,6 +84,7 @@ const chrome: SiteChrome & {
   deckPresentation?: true;
   colorMode?: "light";
   chromeStyle?: "minimal";
+  closingFooterPaths?: readonly string[];
 } = siteChrome;
 
 // ── Constants ────────────────────────────────────────────────────────────────
@@ -142,6 +144,15 @@ async function resolveThemeMode(): Promise<ThemeMode> {
   }
 }
 
+/**
+ * The deck home's first slide (#7782): the element the consent bar waits on.
+ * The same section-slide selector `DeckSlideAdvance` walks (its `SLIDES`, minus
+ * the closing footer slide), so the first match is slide 1. The story that pins
+ * the geometry (`Shells/MarketingShell` → `Deck Consent Bar`) carries a copy.
+ */
+const DECK_FIRST_SLIDE_SELECTOR =
+  '.ailk-snap-deck .ailk-section-renderer > :not(.ailk-section-separator):not([data-section="separator"])';
+
 /**
  * Whether this visitor has already accepted or declined cookies (#5557).
  *
@@ -250,8 +261,10 @@ export default async function LocaleLayout({
   const isMinimalChrome = chrome.chromeStyle === "minimal";
   const consentDecided = await hasConsentChoice();
   // Server-side session read (#4984) — the same `auth.api.getSession` idiom
-  // the `(authed)` segment guard uses. Null when signed out or auth is unset.
-  const session = await auth.api.getSession({ headers: await headers() });
+  // the `(authed)` segment guard uses, through the generated topology seam
+  // (#7426 D5): a spoke has no sign-in, so its render always answers null.
+  // Null when signed out or auth is unset.
+  const session = await readSession(await headers());
 
   // Resolve nav labels server-side so Nav + Footer components stay
   // i18n-hook-free and are testable without a NextIntlClientProvider wrapper.
@@ -348,11 +361,16 @@ export default async function LocaleLayout({
   // above).
   // The signed-out auth pair, shared by the header (every page but the deck
   // home) and the deck home's closing footer slide (#7718 D4).
-  const authActions = [
-    // NO_HAND_IMPLEMENT_OK: operator-directed live Free-template pass.
-    { labelKey: "signIn", path: "/sign-in", variant: "outline-strong" },
-    { labelKey: "signUp", path: "/sign-up", variant: "primary" },
-  ] as const satisfies readonly NavAction[];
+  // A spoke (#7426 D11) has no sign-in, so it offers no auth pair anywhere:
+  // not in the header, the deck's closing footer or a bare page's footer.
+  const authActions: readonly Extract<NavAction, { path: string }>[] =
+    SIGN_IN_ENABLED
+      ? [
+          // NO_HAND_IMPLEMENT_OK: operator-directed live Free-template pass.
+          { labelKey: "signIn", path: "/sign-in", variant: "outline-strong" },
+          { labelKey: "signUp", path: "/sign-up", variant: "primary" },
+        ]
+      : [];
   const navActions: NavAction[] = session
     ? [
         { labelKey: "account", kind: "flow", flow: NAV_CLIENT_ACTION_FLOW },
@@ -398,10 +416,12 @@ export default async function LocaleLayout({
     ? []
     : session
       ? [{ label: tNav("account"), href: localeHref(locale, "/account") }]
-      : [
-          { label: tNav("signIn"), href: localeHref(locale, "/sign-in") },
-          { label: tNav("signUp"), href: localeHref(locale, "/sign-up") },
-        ];
+      : SIGN_IN_ENABLED
+        ? [
+            { label: tNav("signIn"), href: localeHref(locale, "/sign-in") },
+            { label: tNav("signUp"), href: localeHref(locale, "/sign-up") },
+          ]
+        : [];
 
   // A flow action needs `renderFlowTrigger`, a function — and this layout is a
   // Server Component. Nav forwards that function into NavMobileMenu ("use
@@ -434,6 +454,18 @@ export default async function LocaleLayout({
   // middleware and hreflang alternates read (NEXT_PUBLIC_ENABLED_LOCALES).
   const enabledLocales = readLocales();
 
+  // #7797 — an inner page the site lists in `closingFooterPaths` ends on the
+  // closing footer: the wordmark, the contact lines and the legal line. The
+  // home is never an inner page, and an absent or empty list is false for
+  // every page, so a site that lists none renders exactly as before.
+  const isClosingInner =
+    pathname !== homePath &&
+    isClosingFooterPath({
+      pathname,
+      paths: chrome.closingFooterPaths,
+      locales: enabledLocales,
+    });
+
   // The (auth) route group's chrome branch (#5963).
   //
   // A route group's layout nests INSIDE its parent segment's layout, so
@@ -519,7 +551,8 @@ export default async function LocaleLayout({
 
   // The site's own name (#6942) — `SITE_NAME` resolves from `_site.mdx`'s
   // `siteName:`, so a customer's footer never carries the kit vendor's name.
-  const copyrightText = `© ${new Date().getFullYear()} ${SITE_NAME}. All rights reserved.`;
+  // The holder is `siteIdentity.legalName` when declared (#7796), else the name.
+  const copyrightText = `© ${new Date().getFullYear()} ${COPYRIGHT_HOLDER}. All rights reserved.`;
 
   // Footer legal links (#5612 D3). The centered variant folds in FAQ — the
   // roster's third always-scaffolded core route (`/faq`, alongside `/privacy`
@@ -740,18 +773,32 @@ export default async function LocaleLayout({
                   // Sign up are on no part of the home.
                   // #7721 D4 — a bare inner page's footer is the one bar, its
                   // link group carrying the account links the header drops.
+                  // #7797 — a listed inner page takes the same closing footer.
+                  // Under `innerPages: bare` the one-bar footer is where the
+                  // account links live (the header drops them), so the closing
+                  // footer carries the deck's auth actions in their place; on
+                  // any other inner page the header still holds them.
                   {...(isDeckHome && isMinimalChrome
                     ? { layout: "closing" as const, contactLines: readSiteContactLines() }
-                    : isBareInner
-                      ? { layout: "line" as const, accountLinks }
-                      : siteChrome.footer === "centered"
-                        ? { layout: "centered" as const }
-                        : {})}
+                    : isClosingInner
+                      ? {
+                          layout: "closing" as const,
+                          contactLines: readSiteContactLines(),
+                          ...(isBareInner ? { actions: deckFooterActions } : {}),
+                        }
+                      : isBareInner
+                        ? { layout: "line" as const, accountLinks }
+                        : siteChrome.footer === "centered"
+                          ? { layout: "centered" as const }
+                          : {})}
                   // #7718 D4 — the deck home's closing slide carries the
                   // centred brand and the auth links its bare header drops.
                   {...(isDeckHome && !isMinimalChrome
                     ? { centeredBrand: true, actions: deckFooterActions }
                     : {})}
+                  // #7823 — the minimal closing slide's actions are a button,
+                  // then a text link; Footer reads the style from this.
+                  {...(isMinimalChrome ? { chromeStyle: "minimal" as const } : {})}
                   // #7742 D2 — no theme switch under `colorMode: light`.
                   showThemeToggle={!pinLight}
                   bottomBarAlign="content"
@@ -816,6 +863,11 @@ export default async function LocaleLayout({
               // #7742 D5 — the minimal chrome's consent bar: the page ground,
               // a hairline, no shadow.
               {...(isMinimalChrome ? { consentAppearance: "hairline" as const } : {})}
+              // #7782 — on the minimal deck home the bar first shows once the
+              // first slide has left view; every other page shows it on load.
+              {...(isDeckHome && isMinimalChrome
+                ? { consentRevealAfter: DECK_FIRST_SLIDE_SELECTOR }
+                : {})}
             />
           )}
           <Telemetry />

package/templates/apps/web/app/[locale]/newsletter/__tests__/page.test.tsx

@@ -11,6 +11,9 @@ import React from "react";
 import { render, screen } from "@testing-library/react";
 
 jest.mock("@working-theory/ui", () => ({
+  // #7789: renderPage's fallback page head renders inside the section Container.
+  Container: ({ children }: { children?: React.ReactNode }) =>
+    React.createElement("div", null, children),
   Heading: ({ children, level }: { children: React.ReactNode; level: number }) =>
     React.createElement(`h${level}`, null, children),
   SectionRenderer: ({

package/templates/apps/web/app/[locale]/projects/__tests__/page-renderer-migration.test.tsx

@@ -20,6 +20,9 @@ import { render } from "@testing-library/react";
 
 // ── @working-theory/ui mock ─────────────────────────────────────────────────────────────
 jest.mock("@working-theory/ui", () => ({
+  // #7789: renderPage's fallback page head renders inside the section Container.
+  Container: ({ children }: { children?: React.ReactNode }) =>
+    React.createElement("div", null, children),
   // #4446/#4447: renderPage's own fallback/empty-state title now composes
   // Heading (mobile type-budget classes, #4417) instead of a bare <h1>.
   Heading: ({
@@ -106,7 +109,7 @@ describe("ProjectsPage — snapshot regression", () => {
     });
     const { container } = render(element);
     expect(container.innerHTML).toMatchInlineSnapshot(
-      `"<script type="application/ld+json" data-testid="json-ld">{"@context":"https://schema.org","@type":"CollectionPage","inLanguage":"en","name":"Projects","description":"Open-source projects built with AI Launch Kit.","mainEntity":{"@type":"ItemList","itemListElement":[{"@type":"CreativeWork"}]}}</script><main id="main"><h1>Projects</h1><p data-testid="projects-description">Open-source projects built with AI Launch Kit.</p><div data-testid="section-renderer" data-section-count="0"></div></main>"`,
+      `"<script type="application/ld+json" data-testid="json-ld">{"@context":"https://schema.org","@type":"CollectionPage","inLanguage":"en","name":"Projects","description":"Open-source projects built with AI Launch Kit.","mainEntity":{"@type":"ItemList","itemListElement":[{"@type":"CreativeWork"}]}}</script><main id="main"><div><h1>Projects</h1><p data-testid="projects-description" class="mt-block-tight text-lead">Open-source projects built with AI Launch Kit.</p></div><div data-testid="section-renderer" data-section-count="0"></div></main>"`,
     );
   });
 });
@@ -130,7 +133,7 @@ describe("ProjectSlugPage — snapshot regression", () => {
     });
     const { container } = render(element);
     expect(container.innerHTML).toMatchInlineSnapshot(
-      `"<script type="application/ld+json" data-testid="json-ld">{"@context":"https://schema.org","@graph":[{"@context":"https://schema.org","@type":"WebPage","inLanguage":"en","name":"AI Launch Kit","description":"The AX-first OSS template.","mainEntity":{"@context":"https://schema.org","@type":"CreativeWork","name":"AI Launch Kit","description":"The AX-first OSS template."}},{"@context":"https://schema.org","@type":"BreadcrumbList","inLanguage":"en","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http://localhost:3000/en/"},{"@type":"ListItem","position":2,"name":"Projects","item":"http://localhost:3000/en/projects"},{"@type":"ListItem","position":3,"name":"AI Launch Kit","item":"http://localhost:3000/en/projects/ailk"}]}]}</script><main id="main"><h1>AI Launch Kit</h1><p data-testid="ailk-description">The AX-first OSS template.</p><div data-testid="section-renderer" data-section-count="0"></div></main>"`,
+      `"<script type="application/ld+json" data-testid="json-ld">{"@context":"https://schema.org","@graph":[{"@context":"https://schema.org","@type":"WebPage","inLanguage":"en","name":"AI Launch Kit","description":"The AX-first OSS template.","mainEntity":{"@context":"https://schema.org","@type":"CreativeWork","name":"AI Launch Kit","description":"The AX-first OSS template."}},{"@context":"https://schema.org","@type":"BreadcrumbList","inLanguage":"en","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http://localhost:3000/en/"},{"@type":"ListItem","position":2,"name":"Projects","item":"http://localhost:3000/en/projects"},{"@type":"ListItem","position":3,"name":"AI Launch Kit","item":"http://localhost:3000/en/projects/ailk"}]}]}</script><main id="main"><div><h1>AI Launch Kit</h1><p data-testid="ailk-description" class="mt-block-tight text-lead">The AX-first OSS template.</p></div><div data-testid="section-renderer" data-section-count="0"></div></main>"`,
     );
   });
 

package/templates/apps/web/app/[locale]/thanks/[slug]/__tests__/page.test.tsx

@@ -17,6 +17,9 @@ jest.mock("next/navigation", () => ({
 }));
 
 jest.mock("@working-theory/ui", () => ({
+  // #7789: renderPage's fallback page head renders inside the section Container.
+  Container: ({ children }: { children?: React.ReactNode }) =>
+    React.createElement("div", null, children),
   // #4446/#4447: renderPage's own fallback/empty-state title now composes
   // Heading (mobile type-budget classes, #4417) instead of a bare <h1>.
   Heading: ({