create-ailk 0.26.0 → 0.28.0

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

@@ -70,6 +70,8 @@ describe("IntegrationsPage — snapshot regression", () => {
     const getMdxSourceEmpty = jest.fn().mockResolvedValue(null);
     const element = await IntegrationsPage({
       params: Promise.resolve({ locale: "en" }),
+      // No child pages: this snapshot pins the hub's own render (#10121).
+      getMdxSlugs: async () => [],
       getMdxSource: getMdxSourceEmpty,
     });
     const { container } = render(element);
@@ -83,11 +85,14 @@ describe("IntegrationsPage — snapshot regression", () => {
     const getMdxSourcePopulated = jest.fn().mockResolvedValue(source);
     const element = await IntegrationsPage({
       params: Promise.resolve({ locale: "en" }),
+      // No child pages: this snapshot pins the hub's own render (#10121).
+      getMdxSlugs: async () => [],
       getMdxSource: getMdxSourcePopulated,
     });
     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":"Integrations","description":"First-party integrations for AI Launch Kit.","mainEntity":{"@type":"ItemList","itemListElement":[{"@type":"SoftwareApplication"}]}}</script><main id="main"><div class="mx-auto w-full max-w-container-xl px-4 md:px-6 lg:px-8 py-section"><h1 class="text-heading-1 lg:text-display-sm font-display text-fg hero-type-display">Integrations</h1><p data-testid="integrations-description" class="mt-block-tight text-lead">First-party integrations for AI Launch Kit.</p><div data-testid="markdown-view-toggle" class="ailk-markdown-view-toggle mt-block-loose"><div class="flex justify-end mb-3"><div role="radiogroup" aria-label="Page view" data-testid="markdown-view-toggle" class="inline-flex items-center gap-0.5 rounded-lg p-1 bg-(--color-surface-secondary)"><button class="inline-flex items-center justify-center gap-2 font-medium motion-safe:transition motion-safe:duration-(--button-hover-duration) focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50 [&amp;>svg]:shrink-0 text-(--color-fg) not-disabled:hover:bg-(--button-hover-quiet-bg) not-disabled:hover:text-(--button-hover-quiet-fg) not-disabled:hover:opacity-(--button-hover-opacity) not-disabled:hover:transform-(--button-hover-transform) not-disabled:hover:shadow-(--button-hover-shadow) not-disabled:active:bg-gray-200 not-disabled:active:text-(--color-fg) rounded-control px-control-x h-(--control-height-thin) text-caption leading-none rounded-md px-3 text-body-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 min-w-(--control-height-thin) min-h-(--control-height-big) bg-(--color-bg) text-(--color-fg) shadow-sm" type="button" role="radio" aria-checked="true" aria-label="Rendered" tabindex="0" data-testid="markdown-view-toggle-rendered">Rendered</button><button class="inline-flex items-center justify-center gap-2 font-medium motion-safe:transition motion-safe:duration-(--button-hover-duration) focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50 [&amp;>svg]:shrink-0 text-(--color-fg) not-disabled:hover:bg-(--button-hover-quiet-bg) not-disabled:hover:text-(--button-hover-quiet-fg) not-disabled:hover:opacity-(--button-hover-opacity) not-disabled:hover:transform-(--button-hover-transform) not-disabled:hover:shadow-(--button-hover-shadow) not-disabled:active:bg-gray-200 not-disabled:active:text-(--color-fg) rounded-control px-control-x h-(--control-height-thin) text-caption leading-none rounded-md px-3 text-body-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 min-w-(--control-height-thin) min-h-(--control-height-big) text-(--color-text-muted) hover:text-(--color-fg)" type="button" role="radio" aria-checked="false" aria-label="Markdown" tabindex="-1" data-testid="markdown-view-toggle-markdown">Markdown</button></div></div><div role="status" aria-live="polite" aria-atomic="true" class="sr-only" data-testid="markdown-view-toggle-status">Showing Rendered view</div><div data-testid="markdown-view-rendered"><article data-testid="mdx-body"><div class="ailk-prose max-w-none text-(--color-text-muted) text-body-sm leading-relaxed [&amp;>*:first-child]:mt-0 [&amp;_h2]:mt-block-loose [&amp;_h2]:scroll-mt-24 [&amp;_h2]:text-heading-3 [&amp;_h2]:font-display [&amp;_h2]:text-(--color-fg) [&amp;_h3]:mt-block-loose [&amp;_h3]:scroll-mt-24 [&amp;_h3]:text-heading-4 [&amp;_h3]:font-display [&amp;_h3]:text-(--color-fg) [&amp;_h4]:mt-block-tight [&amp;_h4]:scroll-mt-24 [&amp;_h4]:text-heading-4 [&amp;_h4]:font-display [&amp;_h4]:text-(--color-fg) [&amp;_h5]:mt-block-tight [&amp;_h5]:scroll-mt-24 [&amp;_h5]:text-heading-4 [&amp;_h5]:font-display [&amp;_h5]:text-(--color-fg) [&amp;_h6]:mt-block-tight [&amp;_h6]:scroll-mt-24 [&amp;_h6]:text-heading-4 [&amp;_h6]:font-display [&amp;_h6]:text-(--color-fg) [&amp;_p]:mt-paragraph [&amp;_strong]:font-semibold [&amp;_strong]:text-(--color-fg) [&amp;_em]:italic [&amp;_ul]:mt-paragraph [&amp;_ul]:list-disc [&amp;_ul]:ps-6 [&amp;_ol]:mt-paragraph [&amp;_ol]:list-decimal [&amp;_ol]:ps-6 [&amp;_li]:mt-1 [&amp;_li]:ps-1 [&amp;_li]:marker:text-(--color-text-muted) [&amp;_li>ul]:mt-1 [&amp;_li>ol]:mt-1 [&amp;_blockquote]:mt-paragraph [&amp;_blockquote]:border-s-4 [&amp;_blockquote]:border-(--color-border-strong) [&amp;_blockquote]:ps-4 [&amp;_blockquote]:italic [&amp;_blockquote]:text-(--color-text-muted) [&amp;_hr]:my-block-loose [&amp;_hr]:border-(--color-border) [&amp;_a]:text-(--color-accent) [&amp;_a]:underline [&amp;_a]:underline-offset-4 [&amp;_:not(pre)>code]:rounded [&amp;_:not(pre)>code]:bg-(--color-surface-secondary) [&amp;_:not(pre)>code]:px-1.5 [&amp;_:not(pre)>code]:py-0.5 [&amp;_:not(pre)>code]:text-code [&amp;_:not(pre)>code]:font-mono [&amp;_:not(pre)>code]:text-(--color-fg) [&amp;_pre]:mt-paragraph [&amp;_pre]:overflow-auto [&amp;_pre]:rounded-md [&amp;_pre]:border-hairline [&amp;_pre]:border-(--color-border) [&amp;_pre]:bg-(--color-bg) [&amp;_pre]:p-4 [&amp;_pre]:font-mono [&amp;_pre]:text-body-sm [&amp;_img]:mt-paragraph [&amp;_img]:h-auto [&amp;_img]:max-w-full [&amp;_img]:rounded-lg [&amp;_table]:mt-paragraph [&amp;_table]:w-full [&amp;_table]:border-collapse [&amp;_table]:text-body-sm [&amp;_th]:border-b [&amp;_th]:border-(--color-border) [&amp;_th]:bg-(--color-surface-secondary) [&amp;_th]:px-3 [&amp;_th]:py-2 [&amp;_th]:text-start [&amp;_th]:font-semibold [&amp;_th]:text-(--color-fg) [&amp;_td]:border-b [&amp;_td]:border-(--color-border) [&amp;_td]:px-3 [&amp;_td]:py-2 [&amp;_kbd]:rounded [&amp;_kbd]:border-hairline [&amp;_kbd]:border-(--color-border) [&amp;_kbd]:bg-(--color-surface-secondary) [&amp;_kbd]:px-1.5 [&amp;_kbd]:py-0.5 [&amp;_kbd]:text-caption [&amp;_kbd]:font-mono" data-testid="mdx-content"><div data-testid="mdx-remote" data-source="
+     "<script type="application/ld+json" data-testid="json-ld">{"@context":"https://schema.org","@type":"CollectionPage","inLanguage":"en","name":"Integrations","description":"First-party integrations for AI Launch Kit.","mainEntity":{"@type":"ItemList","itemListElement":[{"@type":"SoftwareApplication"}]}}</script><main id="main"><div class="mx-auto w-full max-w-container-xl px-4 md:px-6 lg:px-8 py-section"><div data-testid="markdown-view-toggle" class="ailk-markdown-view-toggle"><div class="flex justify-end mb-3"><div role="radiogroup" aria-label="Page view" data-testid="markdown-view-toggle" class="inline-flex items-center gap-0.5 rounded-lg p-1 bg-(--color-surface-secondary)"><button class="inline-flex items-center justify-center gap-2 font-medium motion-safe:transition motion-safe:duration-(--button-hover-duration) focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50 [&amp;>svg]:shrink-0 text-(--color-fg) not-disabled:hover:bg-(--button-hover-quiet-bg) not-disabled:hover:text-(--button-hover-quiet-fg) not-disabled:hover:opacity-(--button-hover-opacity) not-disabled:hover:transform-(--button-hover-transform) not-disabled:hover:shadow-(--button-hover-shadow) not-disabled:active:bg-gray-200 not-disabled:active:text-(--color-fg) rounded-control px-control-x h-(--control-height-thin) text-caption leading-none rounded-md px-3 text-body-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 min-w-(--control-height-thin) min-h-(--control-height-big) bg-(--color-bg) text-(--color-fg) shadow-sm" type="button" role="radio" aria-checked="true" aria-label="Rendered" tabindex="0" data-testid="markdown-view-toggle-rendered">Rendered</button><button class="inline-flex items-center justify-center gap-2 font-medium motion-safe:transition motion-safe:duration-(--button-hover-duration) focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50 [&amp;>svg]:shrink-0 text-(--color-fg) not-disabled:hover:bg-(--button-hover-quiet-bg) not-disabled:hover:text-(--button-hover-quiet-fg) not-disabled:hover:opacity-(--button-hover-opacity) not-disabled:hover:transform-(--button-hover-transform) not-disabled:hover:shadow-(--button-hover-shadow) not-disabled:active:bg-gray-200 not-disabled:active:text-(--color-fg) rounded-control px-control-x h-(--control-height-thin) text-caption leading-none rounded-md px-3 text-body-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 min-w-(--control-height-thin) min-h-(--control-height-big) text-(--color-text-muted) hover:text-(--color-fg)" type="button" role="radio" aria-checked="false" aria-label="Markdown" tabindex="-1" data-testid="markdown-view-toggle-markdown">Markdown</button></div></div><div role="status" aria-live="polite" aria-atomic="true" class="sr-only" data-testid="markdown-view-toggle-status">Showing Rendered view</div><div data-testid="markdown-view-rendered"><article data-testid="mdx-body"><div class="ailk-prose max-w-none text-(--color-text-muted) text-body-sm leading-relaxed [&amp;>*:first-child]:mt-0 [&amp;_h2]:mt-block-loose [&amp;_h2]:scroll-mt-24 [&amp;_h2]:text-heading-3 [&amp;_h2]:font-display [&amp;_h2]:text-(--color-fg) [&amp;_h3]:mt-block-loose [&amp;_h3]:scroll-mt-24 [&amp;_h3]:text-heading-4 [&amp;_h3]:font-display [&amp;_h3]:text-(--color-fg) [&amp;_h4]:mt-block-tight [&amp;_h4]:scroll-mt-24 [&amp;_h4]:text-heading-4 [&amp;_h4]:font-display [&amp;_h4]:text-(--color-fg) [&amp;_h5]:mt-block-tight [&amp;_h5]:scroll-mt-24 [&amp;_h5]:text-heading-4 [&amp;_h5]:font-display [&amp;_h5]:text-(--color-fg) [&amp;_h6]:mt-block-tight [&amp;_h6]:scroll-mt-24 [&amp;_h6]:text-heading-4 [&amp;_h6]:font-display [&amp;_h6]:text-(--color-fg) [&amp;_p]:mt-paragraph [&amp;_strong]:font-semibold [&amp;_strong]:text-(--color-fg) [&amp;_em]:italic [&amp;_ul]:mt-paragraph [&amp;_ul]:list-disc [&amp;_ul]:ps-6 [&amp;_ol]:mt-paragraph [&amp;_ol]:list-decimal [&amp;_ol]:ps-6 [&amp;_li]:mt-1 [&amp;_li]:ps-1 [&amp;_li]:marker:text-(--color-text-muted) [&amp;_li>ul]:mt-1 [&amp;_li>ol]:mt-1 [&amp;_blockquote]:mt-paragraph [&amp;_blockquote]:border-s-4 [&amp;_blockquote]:border-(--color-border-strong) [&amp;_blockquote]:ps-4 [&amp;_blockquote]:italic [&amp;_blockquote]:text-(--color-text-muted) [&amp;_hr]:my-block-loose [&amp;_hr]:border-(--color-border) [&amp;_a]:text-(--color-accent) [&amp;_a]:underline [&amp;_a]:underline-offset-4 [&amp;_:not(pre)>code]:rounded [&amp;_:not(pre)>code]:bg-(--color-surface-secondary) [&amp;_:not(pre)>code]:px-1.5 [&amp;_:not(pre)>code]:py-0.5 [&amp;_:not(pre)>code]:text-code [&amp;_:not(pre)>code]:font-mono [&amp;_:not(pre)>code]:text-(--color-fg) [&amp;_pre]:mt-paragraph [&amp;_pre]:overflow-auto [&amp;_pre]:rounded-md [&amp;_pre]:border-hairline [&amp;_pre]:border-(--color-border) [&amp;_pre]:bg-(--color-bg) [&amp;_pre]:p-4 [&amp;_pre]:font-mono [&amp;_pre]:text-body-sm [&amp;_img]:mt-paragraph [&amp;_img]:h-auto [&amp;_img]:max-w-full [&amp;_img]:rounded-lg [&amp;_table]:mt-paragraph [&amp;_table]:w-full [&amp;_table]:border-collapse [&amp;_table]:text-body-sm [&amp;_th]:border-b [&amp;_th]:border-(--color-border) [&amp;_th]:bg-(--color-surface-secondary) [&amp;_th]:px-3 [&amp;_th]:py-2 [&amp;_th]:text-start [&amp;_th]:font-semibold [&amp;_th]:text-(--color-fg) [&amp;_td]:border-b [&amp;_td]:border-(--color-border) [&amp;_td]:px-3 [&amp;_td]:py-2 [&amp;_kbd]:rounded [&amp;_kbd]:border-hairline [&amp;_kbd]:border-(--color-border) [&amp;_kbd]:bg-(--color-surface-secondary) [&amp;_kbd]:px-1.5 [&amp;_kbd]:py-0.5 [&amp;_kbd]:text-caption [&amp;_kbd]:font-mono" data-testid="mdx-content"><div data-testid="mdx-remote" data-source="# Integrations
+
      Body."></div></div></article></div></div></div></main>"
     `);
   });
@@ -110,7 +115,8 @@ describe("IntegrationSlugPage — 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":"OpenAI API","description":"Connect AILK to OpenAI.","mainEntity":{"@context":"https://schema.org","@type":"SoftwareApplication","name":"OpenAI API","description":"Connect AILK to OpenAI."}},{"@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":"Integrations","item":"http://localhost:3000/en/integrations"},{"@type":"ListItem","position":3,"name":"OpenAI API","item":"http://localhost:3000/en/integrations/openai-api"}]}]}</script><main id="main"><div class="mx-auto w-full max-w-container-xl px-4 md:px-6 lg:px-8 py-section"><h1 class="text-heading-1 lg:text-display-sm font-display text-fg hero-type-display">OpenAI API</h1><p data-testid="integration-description" class="mt-block-tight text-lead">Connect AILK to OpenAI.</p><div data-testid="markdown-view-toggle" class="ailk-markdown-view-toggle mt-block-loose"><div class="flex justify-end mb-3"><div role="radiogroup" aria-label="Page view" data-testid="markdown-view-toggle" class="inline-flex items-center gap-0.5 rounded-lg p-1 bg-(--color-surface-secondary)"><button class="inline-flex items-center justify-center gap-2 font-medium motion-safe:transition motion-safe:duration-(--button-hover-duration) focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50 [&amp;>svg]:shrink-0 text-(--color-fg) not-disabled:hover:bg-(--button-hover-quiet-bg) not-disabled:hover:text-(--button-hover-quiet-fg) not-disabled:hover:opacity-(--button-hover-opacity) not-disabled:hover:transform-(--button-hover-transform) not-disabled:hover:shadow-(--button-hover-shadow) not-disabled:active:bg-gray-200 not-disabled:active:text-(--color-fg) rounded-control px-control-x h-(--control-height-thin) text-caption leading-none rounded-md px-3 text-body-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 min-w-(--control-height-thin) min-h-(--control-height-big) bg-(--color-bg) text-(--color-fg) shadow-sm" type="button" role="radio" aria-checked="true" aria-label="Rendered" tabindex="0" data-testid="markdown-view-toggle-rendered">Rendered</button><button class="inline-flex items-center justify-center gap-2 font-medium motion-safe:transition motion-safe:duration-(--button-hover-duration) focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50 [&amp;>svg]:shrink-0 text-(--color-fg) not-disabled:hover:bg-(--button-hover-quiet-bg) not-disabled:hover:text-(--button-hover-quiet-fg) not-disabled:hover:opacity-(--button-hover-opacity) not-disabled:hover:transform-(--button-hover-transform) not-disabled:hover:shadow-(--button-hover-shadow) not-disabled:active:bg-gray-200 not-disabled:active:text-(--color-fg) rounded-control px-control-x h-(--control-height-thin) text-caption leading-none rounded-md px-3 text-body-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 min-w-(--control-height-thin) min-h-(--control-height-big) text-(--color-text-muted) hover:text-(--color-fg)" type="button" role="radio" aria-checked="false" aria-label="Markdown" tabindex="-1" data-testid="markdown-view-toggle-markdown">Markdown</button></div></div><div role="status" aria-live="polite" aria-atomic="true" class="sr-only" data-testid="markdown-view-toggle-status">Showing Rendered view</div><div data-testid="markdown-view-rendered"><article data-testid="mdx-body"><div class="ailk-prose max-w-none text-(--color-text-muted) text-body-sm leading-relaxed [&amp;>*:first-child]:mt-0 [&amp;_h2]:mt-block-loose [&amp;_h2]:scroll-mt-24 [&amp;_h2]:text-heading-3 [&amp;_h2]:font-display [&amp;_h2]:text-(--color-fg) [&amp;_h3]:mt-block-loose [&amp;_h3]:scroll-mt-24 [&amp;_h3]:text-heading-4 [&amp;_h3]:font-display [&amp;_h3]:text-(--color-fg) [&amp;_h4]:mt-block-tight [&amp;_h4]:scroll-mt-24 [&amp;_h4]:text-heading-4 [&amp;_h4]:font-display [&amp;_h4]:text-(--color-fg) [&amp;_h5]:mt-block-tight [&amp;_h5]:scroll-mt-24 [&amp;_h5]:text-heading-4 [&amp;_h5]:font-display [&amp;_h5]:text-(--color-fg) [&amp;_h6]:mt-block-tight [&amp;_h6]:scroll-mt-24 [&amp;_h6]:text-heading-4 [&amp;_h6]:font-display [&amp;_h6]:text-(--color-fg) [&amp;_p]:mt-paragraph [&amp;_strong]:font-semibold [&amp;_strong]:text-(--color-fg) [&amp;_em]:italic [&amp;_ul]:mt-paragraph [&amp;_ul]:list-disc [&amp;_ul]:ps-6 [&amp;_ol]:mt-paragraph [&amp;_ol]:list-decimal [&amp;_ol]:ps-6 [&amp;_li]:mt-1 [&amp;_li]:ps-1 [&amp;_li]:marker:text-(--color-text-muted) [&amp;_li>ul]:mt-1 [&amp;_li>ol]:mt-1 [&amp;_blockquote]:mt-paragraph [&amp;_blockquote]:border-s-4 [&amp;_blockquote]:border-(--color-border-strong) [&amp;_blockquote]:ps-4 [&amp;_blockquote]:italic [&amp;_blockquote]:text-(--color-text-muted) [&amp;_hr]:my-block-loose [&amp;_hr]:border-(--color-border) [&amp;_a]:text-(--color-accent) [&amp;_a]:underline [&amp;_a]:underline-offset-4 [&amp;_:not(pre)>code]:rounded [&amp;_:not(pre)>code]:bg-(--color-surface-secondary) [&amp;_:not(pre)>code]:px-1.5 [&amp;_:not(pre)>code]:py-0.5 [&amp;_:not(pre)>code]:text-code [&amp;_:not(pre)>code]:font-mono [&amp;_:not(pre)>code]:text-(--color-fg) [&amp;_pre]:mt-paragraph [&amp;_pre]:overflow-auto [&amp;_pre]:rounded-md [&amp;_pre]:border-hairline [&amp;_pre]:border-(--color-border) [&amp;_pre]:bg-(--color-bg) [&amp;_pre]:p-4 [&amp;_pre]:font-mono [&amp;_pre]:text-body-sm [&amp;_img]:mt-paragraph [&amp;_img]:h-auto [&amp;_img]:max-w-full [&amp;_img]:rounded-lg [&amp;_table]:mt-paragraph [&amp;_table]:w-full [&amp;_table]:border-collapse [&amp;_table]:text-body-sm [&amp;_th]:border-b [&amp;_th]:border-(--color-border) [&amp;_th]:bg-(--color-surface-secondary) [&amp;_th]:px-3 [&amp;_th]:py-2 [&amp;_th]:text-start [&amp;_th]:font-semibold [&amp;_th]:text-(--color-fg) [&amp;_td]:border-b [&amp;_td]:border-(--color-border) [&amp;_td]:px-3 [&amp;_td]:py-2 [&amp;_kbd]:rounded [&amp;_kbd]:border-hairline [&amp;_kbd]:border-(--color-border) [&amp;_kbd]:bg-(--color-surface-secondary) [&amp;_kbd]:px-1.5 [&amp;_kbd]:py-0.5 [&amp;_kbd]:text-caption [&amp;_kbd]:font-mono" data-testid="mdx-content"><div data-testid="mdx-remote" data-source="
+     "<script type="application/ld+json" data-testid="json-ld">{"@context":"https://schema.org","@graph":[{"@context":"https://schema.org","@type":"WebPage","inLanguage":"en","name":"OpenAI API","description":"Connect AILK to OpenAI.","mainEntity":{"@context":"https://schema.org","@type":"SoftwareApplication","name":"OpenAI API","description":"Connect AILK to OpenAI."}},{"@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":"Integrations","item":"http://localhost:3000/en/integrations"},{"@type":"ListItem","position":3,"name":"OpenAI API","item":"http://localhost:3000/en/integrations/openai-api"}]}]}</script><main id="main"><div class="mx-auto w-full max-w-container-xl px-4 md:px-6 lg:px-8 py-section"><div data-testid="markdown-view-toggle" class="ailk-markdown-view-toggle"><div class="flex justify-end mb-3"><div role="radiogroup" aria-label="Page view" data-testid="markdown-view-toggle" class="inline-flex items-center gap-0.5 rounded-lg p-1 bg-(--color-surface-secondary)"><button class="inline-flex items-center justify-center gap-2 font-medium motion-safe:transition motion-safe:duration-(--button-hover-duration) focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50 [&amp;>svg]:shrink-0 text-(--color-fg) not-disabled:hover:bg-(--button-hover-quiet-bg) not-disabled:hover:text-(--button-hover-quiet-fg) not-disabled:hover:opacity-(--button-hover-opacity) not-disabled:hover:transform-(--button-hover-transform) not-disabled:hover:shadow-(--button-hover-shadow) not-disabled:active:bg-gray-200 not-disabled:active:text-(--color-fg) rounded-control px-control-x h-(--control-height-thin) text-caption leading-none rounded-md px-3 text-body-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 min-w-(--control-height-thin) min-h-(--control-height-big) bg-(--color-bg) text-(--color-fg) shadow-sm" type="button" role="radio" aria-checked="true" aria-label="Rendered" tabindex="0" data-testid="markdown-view-toggle-rendered">Rendered</button><button class="inline-flex items-center justify-center gap-2 font-medium motion-safe:transition motion-safe:duration-(--button-hover-duration) focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50 [&amp;>svg]:shrink-0 text-(--color-fg) not-disabled:hover:bg-(--button-hover-quiet-bg) not-disabled:hover:text-(--button-hover-quiet-fg) not-disabled:hover:opacity-(--button-hover-opacity) not-disabled:hover:transform-(--button-hover-transform) not-disabled:hover:shadow-(--button-hover-shadow) not-disabled:active:bg-gray-200 not-disabled:active:text-(--color-fg) rounded-control px-control-x h-(--control-height-thin) text-caption leading-none rounded-md px-3 text-body-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 min-w-(--control-height-thin) min-h-(--control-height-big) text-(--color-text-muted) hover:text-(--color-fg)" type="button" role="radio" aria-checked="false" aria-label="Markdown" tabindex="-1" data-testid="markdown-view-toggle-markdown">Markdown</button></div></div><div role="status" aria-live="polite" aria-atomic="true" class="sr-only" data-testid="markdown-view-toggle-status">Showing Rendered view</div><div data-testid="markdown-view-rendered"><article data-testid="mdx-body"><div class="ailk-prose max-w-none text-(--color-text-muted) text-body-sm leading-relaxed [&amp;>*:first-child]:mt-0 [&amp;_h2]:mt-block-loose [&amp;_h2]:scroll-mt-24 [&amp;_h2]:text-heading-3 [&amp;_h2]:font-display [&amp;_h2]:text-(--color-fg) [&amp;_h3]:mt-block-loose [&amp;_h3]:scroll-mt-24 [&amp;_h3]:text-heading-4 [&amp;_h3]:font-display [&amp;_h3]:text-(--color-fg) [&amp;_h4]:mt-block-tight [&amp;_h4]:scroll-mt-24 [&amp;_h4]:text-heading-4 [&amp;_h4]:font-display [&amp;_h4]:text-(--color-fg) [&amp;_h5]:mt-block-tight [&amp;_h5]:scroll-mt-24 [&amp;_h5]:text-heading-4 [&amp;_h5]:font-display [&amp;_h5]:text-(--color-fg) [&amp;_h6]:mt-block-tight [&amp;_h6]:scroll-mt-24 [&amp;_h6]:text-heading-4 [&amp;_h6]:font-display [&amp;_h6]:text-(--color-fg) [&amp;_p]:mt-paragraph [&amp;_strong]:font-semibold [&amp;_strong]:text-(--color-fg) [&amp;_em]:italic [&amp;_ul]:mt-paragraph [&amp;_ul]:list-disc [&amp;_ul]:ps-6 [&amp;_ol]:mt-paragraph [&amp;_ol]:list-decimal [&amp;_ol]:ps-6 [&amp;_li]:mt-1 [&amp;_li]:ps-1 [&amp;_li]:marker:text-(--color-text-muted) [&amp;_li>ul]:mt-1 [&amp;_li>ol]:mt-1 [&amp;_blockquote]:mt-paragraph [&amp;_blockquote]:border-s-4 [&amp;_blockquote]:border-(--color-border-strong) [&amp;_blockquote]:ps-4 [&amp;_blockquote]:italic [&amp;_blockquote]:text-(--color-text-muted) [&amp;_hr]:my-block-loose [&amp;_hr]:border-(--color-border) [&amp;_a]:text-(--color-accent) [&amp;_a]:underline [&amp;_a]:underline-offset-4 [&amp;_:not(pre)>code]:rounded [&amp;_:not(pre)>code]:bg-(--color-surface-secondary) [&amp;_:not(pre)>code]:px-1.5 [&amp;_:not(pre)>code]:py-0.5 [&amp;_:not(pre)>code]:text-code [&amp;_:not(pre)>code]:font-mono [&amp;_:not(pre)>code]:text-(--color-fg) [&amp;_pre]:mt-paragraph [&amp;_pre]:overflow-auto [&amp;_pre]:rounded-md [&amp;_pre]:border-hairline [&amp;_pre]:border-(--color-border) [&amp;_pre]:bg-(--color-bg) [&amp;_pre]:p-4 [&amp;_pre]:font-mono [&amp;_pre]:text-body-sm [&amp;_img]:mt-paragraph [&amp;_img]:h-auto [&amp;_img]:max-w-full [&amp;_img]:rounded-lg [&amp;_table]:mt-paragraph [&amp;_table]:w-full [&amp;_table]:border-collapse [&amp;_table]:text-body-sm [&amp;_th]:border-b [&amp;_th]:border-(--color-border) [&amp;_th]:bg-(--color-surface-secondary) [&amp;_th]:px-3 [&amp;_th]:py-2 [&amp;_th]:text-start [&amp;_th]:font-semibold [&amp;_th]:text-(--color-fg) [&amp;_td]:border-b [&amp;_td]:border-(--color-border) [&amp;_td]:px-3 [&amp;_td]:py-2 [&amp;_kbd]:rounded [&amp;_kbd]:border-hairline [&amp;_kbd]:border-(--color-border) [&amp;_kbd]:bg-(--color-surface-secondary) [&amp;_kbd]:px-1.5 [&amp;_kbd]:py-0.5 [&amp;_kbd]:text-caption [&amp;_kbd]:font-mono" data-testid="mdx-content"><div data-testid="mdx-remote" data-source="# OpenAI API
+
      Body."></div></div></article></div></div></div></main>"
     `);
   });

package/templates/apps/web/app/[locale]/integrations/page.tsx

@@ -1,37 +1,49 @@
 // Integrations list page. Reads IntegrationsList MDX via the content adapter and
 // emits a JSON-LD CollectionPage via the dispatcher.
-import type { getMdxSource as defaultGetMdxSource } from "@working-theory/page-renderer";
+// It lists every Integration page through one generated card section (#10121,
+// apps/web/lib/hub-children.tsx — the /alternatives and /templates shape).
+import type {
+  getMdxSlugs as defaultGetMdxSlugs,
+  getMdxSource as defaultGetMdxSource,
+  getPageSections as defaultGetPageSections,
+} from "@working-theory/page-renderer";
 import { renderPage, renderPageMetadata } from "@working-theory/page-renderer";
 import type { Metadata } from "next";
 import type { ReactElement } from "react";
 
+import { type HubConfig, hubPageInput } from "../../../lib/hub-children";
+
 interface Props {
   params: Promise<{ locale: string }>;
   getMdxSource?: typeof defaultGetMdxSource;
+  getPageSections?: typeof defaultGetPageSections;
+  getMdxSlugs?: typeof defaultGetMdxSlugs;
 }
 
+const HUB: HubConfig = {
+  listType: "IntegrationsList",
+  slug: "integrations",
+  childType: "Integration",
+  linkLabel: "View the integration",
+  sectionId: "integration-cards",
+  body: "mdx-body",
+};
+
 export async function generateMetadata({
   params,
 }: Pick<Props, "params">): Promise<Metadata> {
   const { locale } = await params;
-  return renderPageMetadata({
-    type: "IntegrationsList",
-    slug: "integrations",
-    locale,
-  });
+  return renderPageMetadata({ type: "IntegrationsList", slug: "integrations", locale });
 }
 
 export default async function Page({
   params,
-  getMdxSource,
+  ...loaders
 }: Props): Promise<ReactElement> {
   const { locale } = await params;
   return renderPage({
     type: "IntegrationsList",
     slug: "integrations",
-    locale,
-    translationsNamespace: "integrations",
-    bodyMode: "mdx-body",
-    ...(getMdxSource !== undefined && { getMdxSource }),
+    ...(await hubPageInput(HUB, locale, loaders)),
   });
 }

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

@@ -48,6 +48,7 @@ import {
   getStealthRobots,
   readLocales,
 } from "@working-theory/web-i18n";
+import { BotIdClient } from "botid/client";
 import type { Metadata, Viewport } from "next";
 import { cookies, headers } from "next/headers";
 import { NextIntlClientProvider } from "next-intl";
@@ -60,8 +61,13 @@ import {
   type SignedInNavProps,
 } from "../../components/signed-in-nav";
 import { isAccountPath, isAuthPath, isBookingPath } from "../../lib/auth-routes";
+import { BOT_CLIENT_PROTECT, botCheckOn } from "../../lib/bot-check";
 import { isClosingFooterPath } from "../../lib/closing-footer-path";
 import { pageOptsIntoDeck } from "../../lib/deck-page";
+import {
+  withPublicDocsColumns,
+  withPublicDocsPaths,
+} from "../../lib/docs-path";
 import {
   inPageView,
   newsletterSignup,
@@ -75,14 +81,30 @@ import { assertEnabledLocale } from "../../lib/locale-guard";
 import { isMagnetWalkPath } from "../../lib/magnet-routes";
 import { SCHEDULING_PAGES } from "../../lib/modules.generated";
 import { footerColumns, navItems } from "../../lib/nav-config";
+import { navMessageKeys, usedNavLabelKeys } from "../../lib/nav-label-keys";
 import { getOgImageUrl } from "../../lib/og";
+import {
+  resolveChromePage,
+  resolveHomeChrome,
+  resolvePageChrome,
+  routeFamilyOf,
+} from "../../lib/page-chrome";
 import { backLinkHref } from "../../lib/profile-back-link";
+import {
+  withPublicServicesColumns,
+  withPublicServicesPaths,
+} from "../../lib/services-path";
 import {
   COPYRIGHT_HOLDER,
   SITE_DESCRIPTION,
   SITE_NAME,
 } from "../../lib/site-brand";
 import { siteChrome, type SiteChrome } from "../../lib/site-chrome";
+import {
+  HEADER_CTA_LABEL_KEY,
+  readSiteHeader,
+  signedOutHeaderActions,
+} from "../../lib/site-header";
 import { siteLogo } from "../../lib/site-logo";
 // Registers the `_site.mdx` identity with page-renderer at module load, so
 // every page rendered under this layout carries the sitewide JSON-LD (#6597).
@@ -326,76 +348,36 @@ export default async function LocaleLayout({
   // Resolve nav labels server-side so Nav + Footer components stay
   // i18n-hook-free and are testable without a NextIntlClientProvider wrapper.
   const tNav = await getTranslations({ locale, namespace: "nav" });
+  // #10045 D1 — every key resolves from the `nav` namespace by name: the keys
+  // the merged catalog carries (template + site overlay), every key
+  // `nav-config.ts` uses and the ones this layout names. There is no allow-list
+  // to extend; a key used but missing fails the build
+  // (`scripts/check-nav-labels.ts`). Entries for surfaces this site did not
+  // scaffold are never reached — `nav-config.ts` only lists surfaces the
+  // declared architecture carries.
+  const navLabelKeys = new Set([...navMessageKeys(messages), ...usedNavLabelKeys()]);
+  // The typed catalog knows only the template's keys; a site's own keys (in
+  // nav-config.ts or messages/site/<locale>.json) are plain strings, so look
+  // them up untyped — the build check is what guarantees each one exists.
+  const navText = tNav as unknown as (key: string) => string;
+  const navItemLabels: Record<string, string> = Object.fromEntries(
+    [...navLabelKeys].map((key) => [key, navText(key)]),
+  );
+  // Session-aware action labels (#4984). `account` carries the signed-in
+  // user's display name (name, else email) so the Nav shows WHO is signed
+  // in; it keeps the generic label when there is no session.
+  if (session?.user) {
+    navItemLabels["account"] = session.user.name ?? session.user.email;
+  }
+  // The site's own signed-out header button (#10046) — `_site.mdx`'s
+  // `header.cta`. Its label is site content, written straight into the map
+  // as `account` is; the composition is `signedOutHeaderActions` below.
+  const siteHeader = readSiteHeader();
+  if (siteHeader?.cta) {
+    navItemLabels[HEADER_CTA_LABEL_KEY] = siteHeader.cta.label;
+  }
   const navLabels = {
-    items: {
-      home: tNav("home"),
-      // The Free marketing-site chrome (#5469 D5): the Product flyout's three
-      // entries + descriptions, the top-level items, and the Get started CTA.
-      product: tNav("product"),
-      services: tNav("services"),
-      useCases: tNav("useCases"),
-      useCasesDesc: tNav("useCasesDesc"),
-      footerSitePagesHeading: tNav("footerSitePagesHeading"),
-      footerFeaturesHeading: tNav("footerFeaturesHeading"),
-      footerResourcesHeading: tNav("footerResourcesHeading"),
-      feature1: tNav("feature1"),
-      feature2: tNav("feature2"),
-      feature3: tNav("feature3"),
-      feature4: tNav("feature4"),
-      feature5: tNav("feature5"),
-      allFeatures: tNav("allFeatures"),
-      // #6878 D6 — one flyout rule for every shape: the offering column
-      // (Features or Services) beside the Customers column (the /for
-      // persona pages), plus the Customers footer column.
-      flyoutFeaturesHeading: tNav("flyoutFeaturesHeading"),
-      flyoutServicesHeading: tNav("flyoutServicesHeading"),
-      flyoutCustomersHeading: tNav("flyoutCustomersHeading"),
-      footerCustomersHeading: tNav("footerCustomersHeading"),
-      allCustomers: tNav("allCustomers"),
-      customer1: tNav("customer1"),
-      customer2: tNav("customer2"),
-      customer3: tNav("customer3"),
-      service1: tNav("service1"),
-      service2: tNav("service2"),
-      service3: tNav("service3"),
-      howItWorks: tNav("howItWorks"),
-      howItWorksDesc: tNav("howItWorksDesc"),
-      features: tNav("features"),
-      featuresDesc: tNav("featuresDesc"),
-      faq: tNav("faq"),
-      faqDesc: tNav("faqDesc"),
-      pricing: tNav("pricing"),
-      portfolio: tNav("portfolio"),
-      about: tNav("about"),
-      // The footer's column groups (#6468): their two headings + Contact.
-      contact: tNav("contact"),
-      // The three pages every starter's roster names (#6658 D8), linked from
-      // the footer when their surfaces are on.
-      bookACall: tNav("bookACall"),
-      glossary: tNav("glossary"),
-      newsletter: tNav("newsletter"),
-      footerProductHeading: tNav("footerProductHeading"),
-      footerCompanyHeading: tNav("footerCompanyHeading"),
-      getStarted: tNav("getStarted"),
-      signUp: tNav("signUp"),
-      docs: tNav("docs"),
-      blog: tNav("blog"),
-      // The scheduling module's booking page, /meet (#4633; renamed from the
-      // schedule/ route by #5563 — the label key itself keeps its name, D1
-      // R2: it names copy, not a route). Present in the map unconditionally,
-      // like `docs` and `blog`: the map is a label lookup, and an entry for
-      // a surface this site did not scaffold is never reached — `nav-config.ts`
-      // only lists surfaces the declared architecture carries.
-      schedule: tNav("schedule"),
-      // Session-aware action labels (#4984). `account` carries the signed-in
-      // user's display name (name, else email) so the Nav shows WHO is signed
-      // in; it falls back to the generic label when there is no session.
-      signIn: tNav("signIn"),
-      signOut: tNav("signOut"),
-      account: session?.user
-        ? (session.user.name ?? session.user.email)
-        : tNav("account"),
-    },
+    items: navItemLabels,
     openMenu: tNav("openMenu"),
     closeMenu: tNav("closeMenu"),
   };
@@ -453,7 +435,7 @@ export default async function LocaleLayout({
           variant: "outline-strong",
         },
       ]
-    : [...authActions];
+    : signedOutHeaderActions(siteHeader, authActions);
 
   // The announcement bar is HOME-ONLY (#5469 D5): its route gate matches the
   // pathname literally, and under next-intl's `as-needed` prefixing the home
@@ -466,25 +448,49 @@ export default async function LocaleLayout({
   // same header `generateMetadata` above reads (forwarded by middleware.ts);
   // Next.js's `headers()` is request-scoped and cheap to call again here.
   const pathname = (await headers()).get("x-pathname") ?? homePath;
-  const isDeckHome = siteChrome.home === "deck" && pathname === homePath;
-  // Inner pages (#7721 D4): under `innerPages: "bare"` every page but the
-  // home wears the bare header (back arrow + the mark) and the one-bar
-  // footer. Fail-safe like the deck gate: a missing `x-pathname` resolves to
-  // the home path, so the full bar and its auth buttons render.
-  const isBareInner = siteChrome.innerPages === "bare" && pathname !== homePath;
-
-  // The deck home's header is bare (#7718 D1): no actions, signed in or out.
-  // Its auth links move to the footer, the deck's closing slide (D4) — the
-  // auth pair signed out, an Account link signed in (the route where Sign
-  // out lives; its label is the user's name, `navLabels.items.account`).
-  const headerActions: NavAction[] = isDeckHome || isBareInner ? [] : navActions;
+  // #10049 D5 — the home's layout and each page's header and footer resolve
+  // page frontmatter → route family → `_site.mdx` → the design's knobs
+  // (`lib/page-chrome.ts`). A site that sets none of them resolves to the
+  // design's chrome exactly as before: the deck home and `innerPages: "bare"`
+  // (#7721 D4 — bare header + one-bar footer on every page but the home) are
+  // that resolver's design level. Fail-safe: a missing `x-pathname`
+  // resolves to the home path.
+  const isHome = pathname === homePath;
+  const home = await resolveHomeChrome(locale, chrome);
+  const homeLayout = home.layout;
+  const isDeckHome = homeLayout === "deck" && isHome;
+  const pageChrome = isHome
+    ? home.chrome
+    : resolvePageChrome({
+        isHome: false,
+        homeIsDeck: homeLayout === "deck",
+        family: routeFamilyOf(pathname, readLocales()),
+        page: await resolveChromePage(pathname, locale),
+        site: home.site,
+        chrome,
+        // #7797 — an inner page the design lists in `closingFooterPaths`
+        // ends on the closing footer unless a site setting says otherwise.
+        closingListed: isClosingFooterPath({
+          pathname,
+          paths: chrome.closingFooterPaths,
+          locales: readLocales(),
+        }),
+      });
+  const headerIsFull = pageChrome.header === "full";
+
+  // Only a full header carries actions (#7718 D1, #10049). Under a bare or no
+  // header the auth links move to the footer — the auth pair signed out, an
+  // Account link signed in (the route where Sign out lives; its label is the
+  // user's name, `navLabels.items.account`).
+  const headerActions: NavAction[] = headerIsFull ? navActions : [];
   const deckFooterActions = session
     ? [{ labelKey: "account", path: "/account", variant: "outline-strong" as const }]
     : [...authActions];
   // A bare inner page's auth (#7721 D3/D4) rides the one-bar footer's link
   // group: Sign in / Sign up signed out, Account signed in (where Sign out
-  // lives). Labels from the existing `nav` namespace.
-  const accountLinks = !isBareInner
+  // lives). Labels from the existing `nav` namespace. Under a full header
+  // they are in the header instead (#10049).
+  const accountLinks = !(pageChrome.footer === "line" && !headerIsFull)
     ? []
     : session
       ? [{ label: tNav("account"), href: localeHref(locale, "/account") }]
@@ -528,18 +534,6 @@ 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
@@ -611,8 +605,14 @@ export default async function LocaleLayout({
     // #7721 D4 (gap F) — `mark-only` means the mark alone: no wordmark beside
     // it on any page. On the deck home `deckMorph` still governs the brand:
     // Nav spreads its `full-logo` composition after `logoDisplay`'s.
+    // #10049 D5 — the hybrid deck home (a full header) keeps the full bar,
+    // pinned, with no `deckMorph`; a bare header on a non-deck home is the
+    // bare bar, unpinned.
     ...(siteChrome.nav === "mark-only" ? { logoDisplay: "mark" as const } : {}),
-    ...(isDeckHome ? { sticky: true, deckMorph: true, bar: "bare" as const } : {}),
+    ...(isHome && pageChrome.header === "bare"
+      ? { ...(isDeckHome ? { sticky: true, deckMorph: true } : {}), bar: "bare" as const }
+      : {}),
+    ...(isDeckHome && headerIsFull ? { sticky: true } : {}),
     // #8687 D5 — a deck page's header is pinned, as the deck home's is: under
     // snap an unpinned bar scrolls away with slide 1 (#5697). It keeps its
     // own actions, mark and bar style — only `sticky` is added.
@@ -646,9 +646,12 @@ export default async function LocaleLayout({
   ] as const;
   // Footer column groups (#6468), generated beside `navItems` as label keys;
   // `Footer` takes translated strings, so resolve them through the same map.
-  const labelFor = (key: string): string =>
-    (navLabels.items as Record<string, string>)[key] ?? key;
-  const footerColumnDefs = footerColumns.map((col) => ({
+  const labelFor = (key: string): string => navItemLabels[key] ?? navText(key);
+  // #10041 D10 — every nav and footer path at `/docs` is rendered at the
+  // site's docs path; `nav-config.ts` itself is never edited.
+  // #10043 D9 — likewise every path at `/services`, at the services base.
+  const publicNavItems = withPublicServicesPaths(withPublicDocsPaths(navItems));
+  const footerColumnDefs = withPublicServicesColumns(withPublicDocsColumns(footerColumns)).map((col) => ({
     heading: labelFor(col.headingKey),
     headingKey: col.headingKey,
     items: col.items.map((item) => ({ ...item, label: labelFor(item.labelKey) })),
@@ -672,7 +675,7 @@ export default async function LocaleLayout({
     // reopens the consent banner (BannerConsentIsland).
     { label: tConsent("settingsLabel"), href: "/privacy#cookie-settings" },
     ...(siteChrome.footer === "centered"
-      ? [{ label: navLabels.items.faq, href: "/faq" }]
+      ? [{ label: tNav("faq"), href: "/faq" }]
       : []),
   ];
 
@@ -704,6 +707,13 @@ export default async function LocaleLayout({
             dangerouslySetInnerHTML={{ __html: FLASH_PREVENTION_SCRIPT }}
           />
         )}
+        {/* #9889 D5, #9255 D3 — BotID's browser half: one inline script,
+            nothing visible, protecting every same-origin POST (a Server
+            Action posts to the page it was submitted from). Mounted only
+            where the server check runs, so a site with it off is
+            byte-identical and one off Vercel never loads a challenge it
+            cannot complete. */}
+        {botCheckOn("write") ? <BotIdClient protect={BOT_CLIENT_PROTECT} /> : null}
         {/* Inline CSS-variable declarations for the active theme mode */}
         <style
           data-ailk="theme-vars"
@@ -834,9 +844,17 @@ export default async function LocaleLayout({
                     // #8687 D5/C3 — the home's brand landing stays home-only;
                     // an opted-in page gets the deck's mechanics, never the
                     // wordmark-in-the-headline treatment.
-                    ...(isDeckHome ? { deckHero: true } : {}),
-                    // #7740 D8 — the design's deck presentation dial.
-                    ...(chrome.deckPresentation === true ? { presentation: true } : {}),
+                    // #10049 D5 — a full header keeps the home's own bar, so
+                    // the bare-bar landing (the brand in the headline) is off.
+                    ...(isDeckHome && !headerIsFull ? { deckHero: true } : {}),
+                    // #10049 (operator, 2026-10-27) — the pinned full bar
+                    // never covers a slide's own top spacing.
+                    ...(isDeckHome && headerIsFull ? { navScrollOffset: true } : {}),
+                    // #7740 D8 — the design's deck presentation dial. A full
+                    // header keeps one colour across slides (#10049 D5/D7).
+                    ...(chrome.deckPresentation === true
+                      ? { presentation: true, ...(headerIsFull ? { navFollowsGround: false } : {}) }
+                      : {}),
                     // The deck's slide-advance controls (#7732) — named from
                     // the `nav` catalog, never the shell's English default.
                     slideAdvanceLabels: {
@@ -851,7 +869,10 @@ export default async function LocaleLayout({
                 // server Nav (nothing callable crosses the RSC boundary).
                 // #7744 D7 — on a deck home a team profile's arrow returns
                 // to the people slide (`/#slide-people`) instead.
-                isBareInner ? (
+                // #10049 D1 — `none` renders no header; a site-set `full`
+                // header shows the menus even on a `mark-only` design.
+                pageChrome.header === "none" ? undefined : !isHome &&
+                  pageChrome.header === "bare" ? (
                   <Nav
                     {...navProps}
                     navItems={[]}
@@ -860,7 +881,7 @@ export default async function LocaleLayout({
                       href: backLinkHref({
                         pathname,
                         homePath,
-                        home: siteChrome.home,
+                        home: homeLayout,
                         locales: enabledLocales,
                       }),
                       label: tNav("home"),
@@ -871,15 +892,21 @@ export default async function LocaleLayout({
                 ) : (
                   <Nav
                     {...navProps}
-                    navItems={siteChrome.nav === "mark-only" ? [] : navItems}
+                    navItems={
+                      siteChrome.nav === "mark-only" &&
+                      (pageChrome.header === "bare" || pageChrome.headerFromTemplate)
+                        ? []
+                        : publicNavItems
+                    }
                   />
                 )
               }
               footer={
+                pageChrome.footer === "none" ? undefined : (
                 <Footer
                   locale={locale}
                   itemLabels={navLabels.items}
-                  navItems={navItems}
+                  navItems={publicNavItems}
                   columns={footerColumnDefs}
                   siteName={SITE_NAME}
                   logo={brandLogo}
@@ -892,27 +919,32 @@ export default async function LocaleLayout({
                   // #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() }
-                    : isClosingInner
-                      ? {
-                          layout: "closing" as const,
-                          contactLines: readSiteContactLines(),
-                          ...(isBareInner ? { actions: deckFooterActions } : {}),
-                        }
-                      : isBareInner
-                        ? { layout: "line" as const, accountLinks }
-                        : siteChrome.footer === "centered"
-                          ? { layout: "centered" as const }
-                          : {})}
+                  // Under a bare header the closing footer carries the auth
+                  // actions in its place; under a full header the header still
+                  // holds them.
+                  // #10049 D5 — the style is `pageChrome.footer`, and every
+                  // footer with an actions row takes the auth links when the
+                  // header is not full.
+                  {...(pageChrome.footer === "closing"
+                    ? {
+                        layout: "closing" as const,
+                        contactLines: readSiteContactLines(),
+                        ...(!headerIsFull && !(isHome && isMinimalChrome)
+                          ? { actions: deckFooterActions }
+                          : {}),
+                      }
+                    : pageChrome.footer === "line"
+                      ? { layout: "line" as const, accountLinks }
+                      : {
+                          ...(pageChrome.footer === "centered"
+                            ? { layout: "centered" as const }
+                            : {}),
+                          ...(!headerIsFull ? { actions: deckFooterActions } : {}),
+                        })}
                   // #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 }
+                  // centred brand beside the auth links its bare header drops.
+                  {...(isDeckHome && !headerIsFull && pageChrome.footer !== "closing"
+                    ? { centeredBrand: true }
                     : {})}
                   // #7823 — the minimal closing slide's actions are a button,
                   // then a text link; Footer reads the style from this.
@@ -932,6 +964,7 @@ export default async function LocaleLayout({
                     />
                   }
                 />
+                )
               }
             >
               {children}