create-ailk 0.21.0 → 0.23.0

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

@@ -87,7 +87,7 @@ describe("IntegrationsPage — 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":"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 transition-colors 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) hover:bg-(--color-surface-secondary) active:bg-gray-200 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 transition-colors 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) hover:bg-(--color-surface-secondary) active:bg-gray-200 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"><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="
      Body."></div></div></article></div></div></div></main>"
     `);
   });
@@ -110,7 +110,7 @@ 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 transition-colors 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) hover:bg-(--color-surface-secondary) active:bg-gray-200 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 transition-colors 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) hover:bg-(--color-surface-secondary) active:bg-gray-200 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"><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="
      Body."></div></div></article></div></div></div></main>"
     `);
   });

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

@@ -39,6 +39,7 @@ import {
 } from "@working-theory/ui/chrome";
 import {
   cookiePurpose,
+  NEWSLETTER_FLOW_SLUG,
   resolveConsentStatement,
   SITE_CONSENT_CONFIG_DEFAULTS,
 } from "@working-theory/validation";
@@ -58,13 +59,21 @@ import {
   SignedInNav,
   type SignedInNavProps,
 } from "../../components/signed-in-nav";
-import { isAccountPath, isAuthPath } from "../../lib/auth-routes";
+import { isAccountPath, isAuthPath, isBookingPath } from "../../lib/auth-routes";
 import { isClosingFooterPath } from "../../lib/closing-footer-path";
+import { pageOptsIntoDeck } from "../../lib/deck-page";
+import {
+  inPageView,
+  newsletterSignup,
+  readCaptureStatus,
+  readServedMagnet,
+} from "../../lib/in-page-magnet";
 // #8687 D5 — the per-page deck opt-in. Importing this module registers the
 // deck-page seam with page-renderer at module load (D3), the same
 // precedent as `../../lib/site-identity` and `../../lib/listings` below.
-import { pageOptsIntoDeck } from "../../lib/deck-page";
 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 { getOgImageUrl } from "../../lib/og";
 import { backLinkHref } from "../../lib/profile-back-link";
@@ -268,6 +277,27 @@ interface Props {
   params: Promise<{ locale: string }>;
 }
 
+/**
+ * #8847 D13 — the footer's newsletter signup: the newsletter magnet's compact
+ * `NewsletterFormInline`, only when the magnet is served (live), maps as a
+ * one-field signup, and the API accepts signups. The seeded built-in config
+ * never fills the footer. Both reads are shared for 15 seconds per instance.
+ */
+async function footerNewsletter(locale: string): Promise<ReactElement | undefined> {
+  const [magnet, status] = await Promise.all([
+    readServedMagnet(NEWSLETTER_FLOW_SLUG),
+    readCaptureStatus(),
+  ]);
+  if (magnet === null || status?.newsletter !== true) return undefined;
+  const view = inPageView(magnet, locale, "newsletter");
+  if (view === null || !("kind" in view.form)) return undefined;
+  return (
+    <div data-testid="footer-newsletter">
+      {newsletterSignup({ ...view, form: view.form }, { locale, compact: true })}
+    </div>
+  );
+}
+
 export default async function LocaleLayout({
   children,
   params,
@@ -291,6 +321,8 @@ export default async function LocaleLayout({
   // Null when signed out or auth is unset.
   const session = await readSession(await headers());
 
+  const footerSignup = await footerNewsletter(locale);
+
   // 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" });
@@ -531,6 +563,22 @@ export default async function LocaleLayout({
   // fail-safe direction: an absent `x-pathname` keeps the full frame.
   const isAccountRoute = isAccountPath(pathname, enabledLocales);
 
+  // The booking branch (#8843 D10) — the scheduling module's /meet,
+  // /meet/<slug> and /private render chrome-free: the page draws its own
+  // back link (the index) or none (a meeting page). Only where the module is
+  // installed (`SCHEDULING_PAGES`), so a Free site's /meet placeholder keeps
+  // the marketing frame; /meet/confirmed keeps it too. The consent Banner
+  // stays, as on the auth branch. The same fail-safe direction: an absent
+  // `x-pathname` keeps the full frame.
+  const isBookingRoute = SCHEDULING_PAGES && isBookingPath(pathname, enabledLocales);
+
+  // #8840 D10 — a magnet's walk (`/<magnet>/start`, `/careers/apply`,
+  // `/careers/<posting>/apply`) renders full-screen: the auth branch's frame,
+  // no Nav and no Footer, and it KEEPS the cookie consent banner — a visitor
+  // can land straight on a walk, and analytics must not run on a page that
+  // never asked (SEC-8840-A). The same fail-safe direction.
+  const isMagnetWalkRoute = isMagnetWalkPath(pathname, enabledLocales);
+
   // #8687 D5 — a page whose frontmatter says `layout: deck` presents as the
   // deck home does, without the home's landing (no deckHero, no bare bar).
   // Never the home itself, and never on the auth or account branches, which
@@ -539,6 +587,7 @@ export default async function LocaleLayout({
     !isDeckHome &&
     !isAuthRoute &&
     !isAccountRoute &&
+    !isMagnetWalkRoute &&
     (await pageOptsIntoDeck({ pathname, locale }));
 
   // Every Nav prop that is safe to serialize — shared verbatim by the
@@ -717,7 +766,7 @@ export default async function LocaleLayout({
            * emitted unconditionally in OSS forks; paying customers install
            * @working-theory/branding and gate it in their own layout.
            */}
-          {isAuthRoute || isAccountRoute ? (
+          {isAuthRoute || isAccountRoute || isBookingRoute || isMagnetWalkRoute ? (
             /*
              * The (auth) branch (#5963): the five auth paths render their own
              * `(auth)/layout.tsx` — AuthShell — with no Nav and no marketing
@@ -726,7 +775,8 @@ export default async function LocaleLayout({
              * favicons, NextIntlClientProvider, the consent Banner and
              * Telemetry) is shared by both branches and written once. The
              * account paths (#7430) take this branch too, and also skip the
-             * consent Banner below.
+             * consent Banner below. The booking paths (#8843 D10) and a magnet
+             * walk (#8840 D10) take it and keep the Banner.
              */
             children
           ) : (
@@ -869,6 +919,7 @@ export default async function LocaleLayout({
                   {...(isMinimalChrome ? { chromeStyle: "minimal" as const } : {})}
                   // #7742 D2 — no theme switch under `colorMode: light`.
                   showThemeToggle={!pinLight}
+                  {...(footerSignup !== undefined && { subscribe: footerSignup })}
                   bottomBarAlign="content"
                   copyrightText={copyrightText}
                   legalLinks={legalLinks}

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

@@ -1,101 +1,104 @@
 /**
- * newsletter/page.tsx — a signup only when there is somewhere to keep it
- * (#6730 D9).
+ * newsletter/page.tsx — the newsletter magnet is the only source (#8847 D11,
+ * AC-6), and a signup only when there is somewhere to keep it (#6730 D9).
  *
- * Boundaries mocked: `@working-theory/ui` (the section tree is a stub that
- * renders one element per section, with a `newsletter` section rendering the
- * form its content declares), `@working-theory/api-client`
- * (`leads.captureStatus`), `next-intl/server`, and the Server Action module.
+ * Renders the REAL `NewsletterFormInline` and binds the REAL
+ * `subscribeNewsletterAction`. Mocked boundaries: `@working-theory/api-client`
+ * (`flows.get`, `flows.submitStep`, `leads.captureStatus`, `leads.subscribe`),
+ * `next/headers`, `next-intl/server` (over the real English catalog), the
+ * `_site.mdx` contact-email read, and the page-renderer's content loaders
+ * (injected).
  */
 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: ({
-    sections,
-  }: {
-    sections: Array<{
-      id: string;
-      type: string;
-      data: { action?: string; primaryCta?: { href: string } };
-    }>;
-  }) =>
-    React.createElement(
-      "div",
-      { "data-testid": "section-renderer" },
-      sections.map((s) =>
-        s.type === "newsletter"
-          ? React.createElement(
-              "form",
-              { key: s.id, "data-section-id": s.id, action: s.data.action },
-              "signup",
-            )
-          : React.createElement(
-              "div",
-              { key: s.id, "data-section-id": s.id },
-              s.data.primaryCta
-                ? React.createElement("a", { href: s.data.primaryCta.href }, "cta")
-                : null,
-            ),
-      ),
-    ),
-  localeHref: (locale: string, path: string) => `/${locale}${path}`,
-  LeadCaptureForm: (props: { fields?: Array<{ name: string; type: string }> }) =>
-    React.createElement("div", {
-      "data-testid": "lead-capture-form",
-      "data-fields": (props.fields ?? []).map((f) => `${f.name}:${f.type}`).join(","),
-    }),
+import { act, fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { newsletterFlowConfig, type FlowConfig } from "@working-theory/validation";
+
+jest.mock("next/navigation", () => ({
+  __esModule: true,
+  notFound: jest.fn(() => {
+    throw new Error("NEXT_NOT_FOUND");
+  }),
+}));
+
+jest.mock("next-mdx-remote/rsc", () => ({
+  __esModule: true,
+  MDXRemote: ({ source }: { source: string }) =>
+    React.createElement("div", { "data-testid": "mdx-rendered" }, source),
 }));
 
 jest.mock("@working-theory/api-client", () => ({
-  leads: { captureStatus: jest.fn() },
+  flows: { get: jest.fn(), submitStep: jest.fn() },
+  leads: { captureStatus: jest.fn(), submit: jest.fn(), subscribe: jest.fn() },
+  visitorForwardHeaders: () => undefined,
 }));
 
-jest.mock("next-intl/server", () => ({
-  getTranslations: async () => (key: string) => key,
+jest.mock("next/headers", () => ({
+  __esModule: true,
+  headers: jest.fn().mockResolvedValue({ get: () => null }),
+  cookies: jest.fn().mockResolvedValue({ get: () => undefined }),
 }));
 
-// eslint-disable-next-line no-restricted-syntax -- test-seam mock: the Server Action module is a "use server" boundary; the page only passes it through
-jest.mock("../newsletter.actions", () => ({
-  subscribeNewsletterAction: jest.fn(),
+// The real English catalog, so the page's own strings render as they ship.
+jest.mock("next-intl/server", () => {
+  const messages = jest.requireActual("../../../../messages/en.json") as Record<
+    string,
+    Record<string, unknown>
+  >;
+  return {
+    getLocale: async () => "en",
+    getTranslations: async (arg: string | { namespace: string }) => {
+      const ns = messages[typeof arg === "string" ? arg : arg.namespace] ?? {};
+      return (key: string, values?: Record<string, string>) =>
+        String(ns[key] ?? key).replace(/\{(\w+)\}/g, (m, name: string) => values?.[name] ?? m);
+    },
+  };
+});
+
+// eslint-disable-next-line no-restricted-syntax -- test-seam mock: the real read is a node:fs frontmatter parse of content/_site.mdx; narrowest possible scope
+jest.mock("../../contact/site-contact-email", () => ({
+  readSiteContactEmail: jest.fn().mockReturnValue("hi@x.co"),
 }));
 
-import { leads } from "@working-theory/api-client";
+import { flows, leads } from "@working-theory/api-client";
 
+import * as pageModule from "../page";
 import NewsletterPage from "../page";
 
+const mockFlowsGet = flows.get as jest.Mock;
+const mockSubmitStep = flows.submitStep as jest.Mock;
 const mockCaptureStatus = leads.captureStatus as jest.Mock;
+
 const status = (newsletter: boolean) => ({
   ok: true,
   status: 200,
   body: { ok: true, data: { contact: true, newsletter } },
 });
 
+/** The served magnet: the stored config minus its completion email. */
+function served(config: FlowConfig) {
+  const { completionEmail: _omitted, ...body } = config;
+  return { ok: true, status: 200, body };
+}
+
 const source = {
   frontmatter: {
     type: "NewsletterSignup" as const,
     slug: "newsletter",
-    title: "Newsletter",
+    title: "{Newsletter}",
     description: "What subscribers get.",
   },
   body: "",
 };
 
-/** `_base`'s content: a hero whose CTA points at `#signup`, the signup section, an FAQ. */
-const BASE_SECTIONS = [
-  { id: "hero", type: "hero", data: { headline: "News", primaryCta: { label: "Subscribe", href: "#signup" } } },
-  { id: "signup", type: "newsletter", data: { action: "/v1/leads/subscribe", source: "newsletter" } },
-  { id: "faq", type: "faq", data: { items: [] } },
+/** The starter's seed (#8847 D14): one column contact-form section. */
+const STARTER_SECTIONS = [
+  { id: "signup", type: "contact-form", data: { variant: "column", fields: [] } },
 ];
 
-/** #6738's Free content: no signup section. */
-const FREE_SECTIONS = [
-  { id: "hero", type: "hero", data: { headline: "News" } },
+/** `_base`'s pre-#8847 content: a hero whose CTA points at `#signup`, the signup section, an FAQ. */
+const LEGACY_SECTIONS = [
+  { id: "hero", type: "hero", data: { headline: "News", primaryCta: { label: "Subscribe", href: "#signup" } } },
+  { id: "signup", type: "newsletter", data: { action: "/v1/leads/subscribe", source: "newsletter" } },
   { id: "faq", type: "faq", data: { items: [] } },
 ];
 
@@ -108,59 +111,126 @@ async function renderWith(sections: unknown[]) {
   return render(element);
 }
 
-beforeEach(() => jest.clearAllMocks());
+// The page shares its hub reads for a few seconds, per module instance. Each
+// test starts an hour later so none sees another's read.
+let clock = 1_900_000_000_000;
+jest.spyOn(Date, "now").mockImplementation(() => clock);
 
-describe("NewsletterPage — #6730 D9", () => {
-  it("newsletter:true + no newsletter section → one appended form with a single email field", async () => {
-    mockCaptureStatus.mockResolvedValue(status(true));
+beforeEach(() => {
+  jest.clearAllMocks();
+  clock += 60 * 60 * 1000;
+  mockCaptureStatus.mockResolvedValue(status(true));
+  mockFlowsGet.mockResolvedValue(served(newsletterFlowConfig));
+});
 
-    await renderWith(FREE_SECTIONS);
+describe("NewsletterPage — the newsletter magnet (#8847 AC-6)", () => {
+  it("is rendered on every request, never ISR", () => {
+    expect(pageModule.dynamic).toBe("force-dynamic");
+    expect("revalidate" in pageModule).toBe(false);
+  });
+
+  it("the H1, label, consent and help line are the magnet's; no upsell", async () => {
+    await renderWith(STARTER_SECTIONS);
+
+    expect(mockFlowsGet).toHaveBeenCalledWith("newsletter");
+    const headings = screen.getAllByRole("heading", { level: 1 });
+    expect(headings).toHaveLength(1);
+    expect(headings[0]).toHaveTextContent("Get the newsletter");
+    expect(document.body).toHaveTextContent("One email when there is something new.");
+    expect(screen.getByText("Email")).not.toHaveClass("sr-only");
+    const statement = screen.getByTestId("newsletter-consent-statement");
+    expect(statement).toHaveTextContent("I accept the Terms and Privacy Policy.");
+    expect(statement.querySelector("a[href='/terms']")).not.toBeNull();
+    expect(statement.querySelector("a[href='/privacy']")).not.toBeNull();
+    expect(screen.getByTestId("newsletter-help")).toHaveTextContent("No spam. Unsubscribe any time.");
+    expect(screen.getByTestId("newsletter-submit")).toHaveTextContent("Subscribe");
+    for (const upsell of ["Substack", "Pro", "ailaunchkit.ai"]) {
+      expect(document.body).not.toHaveTextContent(upsell);
+    }
+  });
 
-    expect(screen.getAllByTestId("lead-capture-form")).toHaveLength(1);
-    expect(screen.getByTestId("lead-capture-form")).toHaveAttribute(
-      "data-fields",
-      "email:email",
+  it("generateMetadata's title is the magnet's step title", async () => {
+    const metadata = await pageModule.generateMetadata({
+      params: Promise.resolve({ locale: "en" }),
+      getMdxSource: jest.fn().mockResolvedValue(source),
+      getPageSections: jest.fn().mockResolvedValue(STARTER_SECTIONS),
+    });
+    expect(String((metadata.title as { absolute?: string })?.absolute ?? metadata.title)).toContain(
+      "Get the newsletter",
     );
   });
 
-  it("newsletter:false + no newsletter section → no form at all", async () => {
+  it("a signup goes through the magnet and the ending replaces the form", async () => {
+    mockSubmitStep.mockResolvedValue({
+      ok: true,
+      status: 200,
+      body: { sessionId: "s1", nextStepKey: null, completed: true },
+    });
+
+    await renderWith(STARTER_SECTIONS);
+    fireEvent.change(screen.getByTestId("newsletter-email-input"), { target: { value: "a@b.co" } });
+    fireEvent.click(screen.getByTestId("newsletter-consent-checkbox"));
+    await act(async () => {
+      fireEvent.submit(screen.getByTestId("newsletter-form"));
+    });
+
+    await waitFor(() =>
+      expect(screen.getByTestId("newsletter-success-headline")).toHaveTextContent("Check your inbox"),
+    );
+    expect(mockSubmitStep).toHaveBeenCalledWith("newsletter", {
+      stepKey: "subscribe",
+      values: { email: "a@b.co", "terms.newsletter": true },
+      locale: "en",
+    });
+    expect(leads.subscribe).not.toHaveBeenCalled();
+  });
+
+  it("with the hub unreadable, the seeded config renders", async () => {
+    mockFlowsGet.mockRejectedValue(new Error("hub down"));
+
+    await renderWith(STARTER_SECTIONS);
+
+    expect(screen.getByRole("heading", { level: 1 })).toHaveTextContent("Get the newsletter");
+    expect(screen.getByTestId("newsletter-form")).toBeInTheDocument();
+  });
+
+  it("with capture off, ContactFallback with the _site.mdx email renders and no newsletter form", async () => {
     mockCaptureStatus.mockResolvedValue(status(false));
 
-    const { container } = await renderWith(FREE_SECTIONS);
+    await renderWith(STARTER_SECTIONS);
 
-    expect(screen.queryByTestId("lead-capture-form")).toBeNull();
-    expect(container.querySelector("form")).toBeNull();
+    expect(screen.queryByTestId("newsletter-form")).toBeNull();
+    expect(document.querySelector("a[href='mailto:hi@x.co']")).not.toBeNull();
   });
 
-  it("newsletter:true + _base's newsletter section → that section renders, no second form", async () => {
-    mockCaptureStatus.mockResolvedValue(status(true));
+  it("an authored newsletter section never renders beside the slot (one signup form)", async () => {
+    await renderWith([...STARTER_SECTIONS, LEGACY_SECTIONS[1]]);
+
+    expect(screen.getAllByTestId("newsletter-form")).toHaveLength(1);
+    expect(document.querySelector("form[action='/v1/leads/subscribe']")).toBeNull();
+  });
+});
 
-    const { container } = await renderWith(BASE_SECTIONS);
+describe("NewsletterPage — a page with no contact-form section keeps its composition (#6730 D9)", () => {
+  it("newsletter:true + its own newsletter section → that section renders, no second form", async () => {
+    await renderWith(LEGACY_SECTIONS);
 
-    expect(container.querySelector("form[action='/v1/leads/subscribe']")).not.toBeNull();
-    expect(screen.queryByTestId("lead-capture-form")).toBeNull();
-    expect(container.querySelector("a[href='#signup']")).not.toBeNull();
+    expect(screen.getAllByTestId("newsletter-form")).toHaveLength(1);
+    expect(document.querySelector("a[href='#signup']")).not.toBeNull();
   });
 
-  it.each([
-    ["newsletter:false", () => mockCaptureStatus.mockResolvedValue(status(false))],
-    ["the status read rejecting", () => mockCaptureStatus.mockRejectedValue(new Error("ECONNREFUSED"))],
-    ["a 404 (older API)", () => mockCaptureStatus.mockResolvedValue({ ok: false, status: 404, body: {} })],
-  ])(
-    "%s + _base's newsletter section → the section is absent, and so is the hero CTA to it",
-    async (_label, arrange) => {
-      arrange();
-
-      const { container } = await renderWith(BASE_SECTIONS);
-
-      expect(container.querySelector("[data-section-id='signup']")).toBeNull();
-      expect(container.querySelector("form")).toBeNull();
-      expect(container.innerHTML).not.toContain("/v1/leads/subscribe");
-      expect(container.querySelector("a[href='#signup']")).toBeNull();
-      expect(screen.queryByTestId("lead-capture-form")).toBeNull();
-      // The rest of the page still renders.
-      expect(container.querySelector("[data-section-id='hero']")).not.toBeNull();
-      expect(container.querySelector("[data-section-id='faq']")).not.toBeNull();
-    },
-  );
+  it("newsletter:false → the signup section and the hero CTA to it are dropped", async () => {
+    mockCaptureStatus.mockResolvedValue(status(false));
+
+    await renderWith(LEGACY_SECTIONS);
+
+    expect(screen.queryByTestId("newsletter-form")).toBeNull();
+    expect(document.querySelector("a[href='#signup']")).toBeNull();
+  });
+
+  it("newsletter:true + no signup section → the magnet's form is appended", async () => {
+    await renderWith([{ id: "faq", type: "faq", data: { items: [] } }]);
+
+    expect(screen.getAllByTestId("newsletter-form")).toHaveLength(1);
+  });
 });