create-ailk 0.6.1 → 0.8.0

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

@@ -50,7 +50,7 @@ describe("careers/page — snapshot regression", () => {
     });
     const { container } = render(element);
     expect(container.innerHTML).toMatchInlineSnapshot(
-      `"<main><h1 class="text-heading-1 font-display font-normal tracking-tighter text-fg hero-type-display">Careers</h1><p data-testid="section-empty-state">Career listings coming soon.</p></main>"`,
+      `"<main id="main"><h1 class="text-heading-1 lg:text-display-sm font-display text-fg hero-type-display">Careers</h1><p data-testid="section-empty-state">Career listings coming soon.</p></main>"`,
     );
   });
 
@@ -71,7 +71,7 @@ describe("careers/page — 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":"Careers at AILK","description":"Join the team building the AX-first platform.","mainEntity":{"@type":"ItemList","itemListElement":[{"@type":"JobPosting"}]}}</script><main><h1>Careers at AILK</h1><p data-testid="careers-description">Join the team building the AX-first platform.</p><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 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 data-testid="mdx-rendered">mdx-body-content</div></article></div></div></main>"`,
+      `"<script type="application/ld+json" data-testid="json-ld">{"@context":"https://schema.org","@type":"CollectionPage","inLanguage":"en","name":"Careers at AILK","description":"Join the team building the AX-first platform.","mainEntity":{"@type":"ItemList","itemListElement":[{"@type":"JobPosting"}]}}</script><main id="main"><h1>Careers at AILK</h1><p data-testid="careers-description">Join the team building the AX-first platform.</p><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 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 data-testid="mdx-rendered">mdx-body-content</div></article></div></div></main>"`,
     );
   });
 });
@@ -96,7 +96,7 @@ describe("careers/[slug]/page — 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":"Senior Engineer","description":"Build the AILK platform.","mainEntity":{"@context":"https://schema.org","@type":"JobPosting","title":"Senior Engineer","description":"Build the AILK platform."}},{"@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":"Careers","item":"http://localhost:3000/en/careers"},{"@type":"ListItem","position":3,"name":"Senior Engineer","item":"http://localhost:3000/en/careers/senior-engineer"}]}]}</script><main><h1>Senior Engineer</h1><p data-testid="senior-engineer-description">Build the AILK platform.</p><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 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 data-testid="mdx-rendered">mdx-body-content</div></article></div></div></main>"`,
+      `"<script type="application/ld+json" data-testid="json-ld">{"@context":"https://schema.org","@graph":[{"@context":"https://schema.org","@type":"WebPage","inLanguage":"en","name":"Senior Engineer","description":"Build the AILK platform.","mainEntity":{"@context":"https://schema.org","@type":"JobPosting","title":"Senior Engineer","description":"Build the AILK platform."}},{"@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":"Careers","item":"http://localhost:3000/en/careers"},{"@type":"ListItem","position":3,"name":"Senior Engineer","item":"http://localhost:3000/en/careers/senior-engineer"}]}]}</script><main id="main"><h1>Senior Engineer</h1><p data-testid="senior-engineer-description">Build the AILK platform.</p><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 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 data-testid="mdx-rendered">mdx-body-content</div></article></div></div></main>"`,
     );
   });
 

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

@@ -46,7 +46,7 @@ describe("case-studies/page — snapshot regression", () => {
     });
     const { container } = render(element);
     expect(container.innerHTML).toMatchInlineSnapshot(
-      `"<main><h1 class="text-heading-1 font-display font-normal tracking-tighter text-fg hero-type-display">Case Studies</h1><p data-testid="section-empty-state">Case studies listing coming soon.</p></main>"`,
+      `"<main id="main"><h1 class="text-heading-1 lg:text-display-sm font-display text-fg hero-type-display">Case Studies</h1><p data-testid="section-empty-state">Case studies listing coming soon.</p></main>"`,
     );
   });
 
@@ -67,7 +67,7 @@ describe("case-studies/page — 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":"Case Studies","description":"Real-world accounts of teams using AI Launch Kit.","mainEntity":{"@type":"ItemList","itemListElement":[{"@type":"Article"}]}}</script><main><h1>Case Studies</h1><p data-testid="case-studies-description">Real-world accounts of teams using AI Launch Kit.</p><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 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 data-testid="mdx-rendered">mdx-body-content</div></article></div></div></main>"`,
+      `"<script type="application/ld+json" data-testid="json-ld">{"@context":"https://schema.org","@type":"CollectionPage","inLanguage":"en","name":"Case Studies","description":"Real-world accounts of teams using AI Launch Kit.","mainEntity":{"@type":"ItemList","itemListElement":[{"@type":"Article"}]}}</script><main id="main"><h1>Case Studies</h1><p data-testid="case-studies-description">Real-world accounts of teams using AI Launch Kit.</p><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 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 data-testid="mdx-rendered">mdx-body-content</div></article></div></div></main>"`,
     );
   });
 });
@@ -92,7 +92,7 @@ describe("case-studies/[slug]/page — 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":"AILK AEO Rollout","description":"How a team shipped AEO with AI Launch Kit.","mainEntity":{"@context":"https://schema.org","@type":"Article","headline":"AILK AEO Rollout","description":"How a team shipped AEO with AI Launch Kit."}},{"@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":"Case Studies","item":"http://localhost:3000/en/case-studies"},{"@type":"ListItem","position":3,"name":"AILK AEO Rollout","item":"http://localhost:3000/en/case-studies/ailk-aeo-rollout"}]}]}</script><main><h1>AILK AEO Rollout</h1><p data-testid="ailk-aeo-rollout-description">How a team shipped AEO with AI Launch Kit.</p><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 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 data-testid="mdx-rendered">mdx-body-content</div></article></div></div></main>"`,
+      `"<script type="application/ld+json" data-testid="json-ld">{"@context":"https://schema.org","@graph":[{"@context":"https://schema.org","@type":"WebPage","inLanguage":"en","name":"AILK AEO Rollout","description":"How a team shipped AEO with AI Launch Kit.","mainEntity":{"@context":"https://schema.org","@type":"Article","headline":"AILK AEO Rollout","description":"How a team shipped AEO with AI Launch Kit."}},{"@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":"Case Studies","item":"http://localhost:3000/en/case-studies"},{"@type":"ListItem","position":3,"name":"AILK AEO Rollout","item":"http://localhost:3000/en/case-studies/ailk-aeo-rollout"}]}]}</script><main id="main"><h1>AILK AEO Rollout</h1><p data-testid="ailk-aeo-rollout-description">How a team shipped AEO with AI Launch Kit.</p><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 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 data-testid="mdx-rendered">mdx-body-content</div></article></div></div></main>"`,
     );
   });
 

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

@@ -24,8 +24,7 @@ jest.mock("@working-theory/ui", () => ({
   }: {
     children: React.ReactNode;
     level: number;
-  }): React.ReactElement =>
-    React.createElement(`h${level}`, null, children),
+  }): React.ReactElement => React.createElement(`h${level}`, null, children),
   SectionRenderer: ({ sections }: { sections: unknown[] }) =>
     React.createElement("div", {
       "data-testid": "section-renderer",
@@ -45,7 +44,7 @@ describe("ClientsPage — snapshot regression", () => {
     });
     const { container } = render(element);
     expect(container.innerHTML).toMatchInlineSnapshot(
-      `"<main><h1>Clients</h1><p data-testid="section-empty-state">Clients listing coming soon.</p></main>"`,
+      `"<main id="main"><h1>Clients</h1><p data-testid="section-empty-state">Clients listing coming soon.</p></main>"`,
     );
   });
 
@@ -67,7 +66,7 @@ describe("ClientsPage — 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":"Our Clients","description":"Companies that trust us.","mainEntity":{"@type":"ItemList","itemListElement":[{"@type":"Organization"}]}}</script><main><h1>Our Clients</h1><p data-testid="clients-description">Companies that trust us.</p><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 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 data-testid="mdx-remote" data-source=""></div></article></div></div></main>"`,
+      `"<script type="application/ld+json" data-testid="json-ld">{"@context":"https://schema.org","@type":"CollectionPage","inLanguage":"en","name":"Our Clients","description":"Companies that trust us.","mainEntity":{"@type":"ItemList","itemListElement":[{"@type":"Organization"}]}}</script><main id="main"><h1>Our Clients</h1><p data-testid="clients-description">Companies that trust us.</p><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 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 data-testid="mdx-remote" data-source=""></div></article></div></div></main>"`,
     );
   });
 });

package/templates/apps/web/app/[locale]/contact/ConversationalIntakeWrapper.tsx

@@ -8,8 +8,8 @@
  * conversation logic, only:
  *
  *   1. Submission — `onComplete` hands the finished answers to the SAME
- *      `captureLeadAction` (`./contact.actions.ts`) the plain `<ContactForm/>`
- *      already uses, built as a `FormData` (imperatively, not a real
+ *      `captureLeadAction` (`./contact.actions.ts`) the shared
+ *      `LeadCaptureForm` on `/contact` already uses, built as a `FormData` (imperatively, not a real
  *      `<form>` submit — React 19 Server Actions are plain async functions).
  *      That action posts through the EXISTING `POST /v1/leads/submit` route
  *      (`apps/api/src/routes/leads`, consumed via `@working-theory/api-client`,
@@ -21,7 +21,8 @@
  *      second web surface, not a new one. `contact.actions.ts`'s own
  *      doc-comment covers the additive `source` FormData field this file
  *      sets to distinguish intake-originated leads.
- *   2. Skip fallback — `onSkip` swaps to the EXISTING `<ContactForm/>`,
+ *   2. Skip fallback — `onSkip` swaps to the shared `LeadCaptureForm` block
+ *      (#6730 — the one contact form), bound to the same action,
  *      carrying over whatever answers were already captured as its
  *      `initialValues` prefill. A failed auto-submit on `onComplete` falls
  *      back the same way, so a lead is never silently lost.
@@ -39,15 +40,20 @@
  */
 
 import {
+  Container,
   ConversationalIntake,
+  type ConversationalIntakeProps,
+  InlineMessage,
+  LeadCaptureForm,
+  localeHref,
   THINKING_DELAY_MAX_MS,
   THINKING_DELAY_MIN_MS,
 } from "@working-theory/ui";
 import { useLocale, useTranslations } from "next-intl";
 import { useCallback, useMemo, useRef, useState } from "react";
 
+import { contactFormText } from "./contact-form-text";
 import { captureLeadAction } from "./contact.actions";
-import { ContactForm, type ContactFormInitialValues } from "./ContactForm";
 import { recordIntakeTurn } from "./intake-analytics";
 import { buildContactIntakeScript } from "./intake-script";
 
@@ -63,6 +69,18 @@ function pickThinkingDelayMs(): number {
   return THINKING_DELAY_MIN_MS + Math.floor(Math.random() * (span + 1));
 }
 
+/**
+ * Fires `recordIntakeTurn` on a later microtask, swallowing any failure — a
+ * synchronous throw from the Server Action reference or a rejected promise
+ * alike — so analytics can never stall a turn, the Skip fallback, or the lead
+ * submit (#6465).
+ */
+function fireIntakeTurn(input: Parameters<typeof recordIntakeTurn>[0]): void {
+  Promise.resolve()
+    .then(() => recordIntakeTurn(input))
+    .catch(() => {});
+}
+
 /** Builds the FormData captureLeadAction expects from the engine's answers. */
 function answersToFormData(answers: Record<string, string>): FormData {
   const formData = new FormData();
@@ -76,7 +94,17 @@ function answersToFormData(answers: Record<string, string>): FormData {
 
 type Surface = "intake" | "form";
 
-export function ConversationalIntakeWrapper() {
+/** The terminal engine state `ConversationalIntake` hands `onComplete`/`onSkip`. */
+type IntakeState = Parameters<
+  NonNullable<ConversationalIntakeProps["onComplete"]>
+>[0];
+
+// NO_HAND_IMPLEMENT_OK: operator-directed live Free-template reference pass.
+// `inline` drops the page-level Container so the intake can sit inside the
+// hero's right column (the /contact two-column layout).
+export function ConversationalIntakeWrapper({
+  inline = false,
+}: { inline?: boolean } = {}) {
   const t = useTranslations("contact");
   const locale = useLocale();
   const script = useMemo(
@@ -95,7 +123,7 @@ export function ConversationalIntakeWrapper() {
   );
 
   const [surface, setSurface] = useState<Surface>("intake");
-  const [initialValues, setInitialValues] = useState<ContactFormInitialValues>(
+  const [initialValues, setInitialValues] = useState<Record<string, string>>(
     {},
   );
   const [submitError, setSubmitError] = useState<string | undefined>(
@@ -105,7 +133,7 @@ export function ConversationalIntakeWrapper() {
 
   const getThinkingDelayMs = useCallback(() => {
     turnIndexRef.current += 1;
-    void recordIntakeTurn({
+    fireIntakeTurn({
       turnIndex: turnIndexRef.current,
       status: "in_progress",
       locale,
@@ -128,8 +156,8 @@ export function ConversationalIntakeWrapper() {
   }, []);
 
   const handleComplete = useCallback(
-    (answers: Record<string, string>) => {
-      void recordIntakeTurn({
+    ({ answers }: IntakeState) => {
+      fireIntakeTurn({
         turnIndex: turnIndexRef.current,
         status: "completed",
         locale,
@@ -146,8 +174,8 @@ export function ConversationalIntakeWrapper() {
   );
 
   const handleSkip = useCallback(
-    (answers: Record<string, string>) => {
-      void recordIntakeTurn({
+    ({ answers }: IntakeState) => {
+      fireIntakeTurn({
         turnIndex: turnIndexRef.current,
         status: "skipped",
         locale,
@@ -159,30 +187,40 @@ export function ConversationalIntakeWrapper() {
 
   if (surface === "form") {
     return (
-      <>
+      <Container className={inline ? "p-0" : "py-section"}>
         {submitError ? (
-          <p role="alert" data-testid="contact-intake-submit-error">
+          <InlineMessage
+            variant="error"
+            data-testid="contact-intake-submit-error"
+          >
             {submitError}
-          </p>
+          </InlineMessage>
         ) : null}
-        <ContactForm initialValues={initialValues} />
-      </>
+        <LeadCaptureForm
+          action={captureLeadAction}
+          text={contactFormText(t)}
+          termsHref={localeHref(locale, "/terms")}
+          initialValues={initialValues}
+        />
+      </Container>
     );
   }
 
   return (
-    <ConversationalIntake
-      script={script}
-      onComplete={(state) => handleComplete(state.answers)}
-      onSkip={(state) => handleSkip(state.answers)}
-      getThinkingDelayMs={getThinkingDelayMs}
-      labels={{
-        guidedBadge: t("intake.guidedBadge"),
-        skip: t("intake.skip"),
-        send: t("intake.send"),
-        freeTextPlaceholder: t("intake.freeTextPlaceholder"),
-      }}
-      data-testid="contact-conversational-intake"
-    />
+    <Container className={inline ? "p-0" : "py-section"}>
+      <ConversationalIntake
+        script={script}
+        onComplete={handleComplete}
+        onSkip={handleSkip}
+        getThinkingDelayMs={getThinkingDelayMs}
+        labels={{
+          guidedBadge: t("intake.guidedBadge"),
+          skip: t("intake.skip"),
+          send: t("intake.send"),
+          freeTextPlaceholder: t("intake.freeTextPlaceholder"),
+        }}
+        data-testid="contact-conversational-intake"
+      />
+    </Container>
   );
 }

package/templates/apps/web/app/[locale]/contact/__tests__/ConversationalIntakeWrapper.test.tsx

@@ -6,8 +6,8 @@
  *   the EXISTING lead-capture endpoint. Only the outermost network
  *   boundary is mocked (`@working-theory/api-client`'s `leads.submit`) —
  *   the REAL `ConversationalIntake` block (#4543) and its engine (#4532),
- *   the REAL `captureLeadAction` (the SAME action `<ContactForm/>` already
- *   uses), and the REAL `submitLeadInputSchema` validation all run, proving
+ *   the REAL `captureLeadAction` (the SAME action the shared
+ *   `LeadCaptureForm` on `/contact` uses), and the REAL `submitLeadInputSchema` validation all run, proving
  *   the whole chain end to end. No file under apps/api is imported, mocked,
  *   or touched by this test or by the wiring it exercises.
  * AC2 — Skip renders the existing form, carrying over answers already
@@ -36,13 +36,14 @@ jest.mock("@working-theory/analytics/server", () => ({
 }));
 
 // ConversationalIntakeWrapper's own responsibility under test here is the
-// submission/skip/analytics wiring around the block — not ContactForm's own
-// rendering, which apps/web's existing tests already document as crashing
-// in jsdom (useFormState/useFormStatus; see page-renderer-migration.test.tsx).
-// Narrow internal-module mock, same precedent as that file's ContactForm stub.
-// eslint-disable-next-line no-restricted-syntax -- test-seam mock required; ContactForm uses useFormState/useFormStatus which crash in jsdom (see page-renderer-migration.test.tsx); narrowest possible scope
-jest.mock("../ContactForm", () => ({
-  ContactForm: (props: { initialValues?: Record<string, string> }) =>
+// submission/skip/analytics wiring around the block — not the shared
+// LeadCaptureForm's own rendering, which its block suite covers
+// (packages/ui/src/blocks/__tests__/LeadCaptureForm.test.tsx). The real
+// `@working-theory/ui` runs (the ConversationalIntake block included); only
+// the form block is stubbed, so the carried-over `initialValues` can be read.
+jest.mock("@working-theory/ui", () => ({
+  ...jest.requireActual("@working-theory/ui"),
+  LeadCaptureForm: (props: { initialValues?: Record<string, string> }) =>
     require("react").createElement("div", {
       "data-testid": "contact-form-stub",
       "data-initial-values": JSON.stringify(props.initialValues ?? {}),
@@ -53,6 +54,7 @@ import { leads } from "@working-theory/api-client";
 import { track } from "@working-theory/analytics/server";
 
 import { ConversationalIntakeWrapper } from "../ConversationalIntakeWrapper.js";
+import * as intakeAnalytics from "../intake-analytics";
 
 const mockSubmit = leads.submit as jest.Mock;
 const mockTrack = track as jest.Mock;
@@ -184,7 +186,7 @@ describe("ConversationalIntakeWrapper — Skip (AC2)", () => {
 });
 
 describe("ConversationalIntakeWrapper — per-turn abandonment analytics (AC3)", () => {
-  it("fires one in_progress event per turn, then a terminal completed event, with increasing turnIndex", () => {
+  it("fires one in_progress event per turn, then a terminal completed event, with increasing turnIndex", async () => {
     mockSubmit.mockResolvedValue({
       ok: true,
       body: { id: "lead_abc123", persisted: "db" },
@@ -198,6 +200,7 @@ describe("ConversationalIntakeWrapper — per-turn abandonment analytics (AC3)",
     advanceThinking();
     answer("jane@example.com");
     advanceThinking();
+    await flushMicrotasks(); // recordIntakeTurn is dispatched on a later microtask (#6465)
 
     const calls = mockTrack.mock.calls.map(([name, props]) => ({
       name,
@@ -222,7 +225,7 @@ describe("ConversationalIntakeWrapper — per-turn abandonment analytics (AC3)",
     }
   });
 
-  it("tags an abandoned (skipped) session with the turn it stopped at", () => {
+  it("tags an abandoned (skipped) session with the turn it stopped at", async () => {
     render(<ConversationalIntakeWrapper />);
     advanceThinking();
     answer("Jane Smith");
@@ -230,6 +233,7 @@ describe("ConversationalIntakeWrapper — per-turn abandonment analytics (AC3)",
 
     fireEvent.click(screen.getByTestId(`${TEST_ID}-skip`));
     advanceThinking();
+    await flushMicrotasks(); // recordIntakeTurn is dispatched on a later microtask (#6465)
 
     const calls = mockTrack.mock.calls.map(([, props]) => props) as Array<{
       status: string;
@@ -240,3 +244,82 @@ describe("ConversationalIntakeWrapper — per-turn abandonment analytics (AC3)",
     expect(terminal?.turnIndex).toBeGreaterThan(0);
   });
 });
+
+describe("ConversationalIntakeWrapper — a failing analytics call never strands the intake (#6465)", () => {
+  let recordSpy: jest.SpyInstance | undefined;
+
+  afterEach(() => {
+    recordSpy?.mockRestore();
+  });
+
+  /** The Server Action reference throws synchronously at the call site. */
+  function spyRecordIntakeTurnThrowing(): void {
+    recordSpy = jest
+      .spyOn(intakeAnalytics, "recordIntakeTurn")
+      .mockImplementation(() => {
+        throw new Error("boom");
+      });
+  }
+
+  it("drives the intake from mount to its first question with Skip enabled", async () => {
+    spyRecordIntakeTurnThrowing();
+
+    render(<ConversationalIntakeWrapper />);
+    expect(screen.getByTestId(`${TEST_ID}-skip`)).toBeDisabled();
+
+    advanceThinking(); // turn 1 (name) revealed
+    await flushMicrotasks();
+
+    expect(screen.queryByTestId(`${TEST_ID}-thinking`)).toBeNull();
+    expect(screen.getByText("intake.namePrompt")).toBeInTheDocument();
+    expect(screen.getByTestId(`${TEST_ID}-skip`)).not.toBeDisabled();
+  });
+
+  it("dispatches the per-turn analytics call off the delay callback's synchronous path", async () => {
+    recordSpy = jest
+      .spyOn(intakeAnalytics, "recordIntakeTurn")
+      .mockResolvedValue(undefined);
+
+    render(<ConversationalIntakeWrapper />);
+    expect(recordSpy).toHaveBeenCalledTimes(0);
+
+    await flushMicrotasks();
+    expect(recordSpy).toHaveBeenCalledTimes(1);
+    expect(recordSpy.mock.calls[0]?.[0]).toMatchObject({
+      turnIndex: 1,
+      status: "in_progress",
+    });
+  });
+
+  it("still falls back to the form on Skip", async () => {
+    spyRecordIntakeTurnThrowing();
+
+    render(<ConversationalIntakeWrapper />);
+    advanceThinking();
+    fireEvent.click(screen.getByTestId(`${TEST_ID}-skip`));
+    advanceThinking(); // skip message revealed, onSkip fires
+    await flushMicrotasks();
+
+    expect(screen.getByTestId("contact-form-stub")).toBeInTheDocument();
+  });
+
+  it("still submits the lead on completion", async () => {
+    spyRecordIntakeTurnThrowing();
+    mockSubmit.mockResolvedValue({
+      ok: true,
+      body: { id: "lead_abc123", persisted: "db" },
+    });
+
+    render(<ConversationalIntakeWrapper />);
+    advanceThinking();
+    answer("Jane Smith");
+    advanceThinking();
+    answer("I'd like a demo.");
+    advanceThinking();
+    answer("jane@example.com");
+    advanceThinking(); // completion revealed, onComplete fires
+    await flushMicrotasks();
+
+    expect(mockSubmit).toHaveBeenCalledTimes(1);
+  });
+});

package/templates/apps/web/app/[locale]/contact/__tests__/contact-form-text.test.ts

@@ -0,0 +1,32 @@
+/**
+ * contactFormText (#6730 D8) — the `contact` namespace mapped onto the shared
+ * form block's copy, with `unavailableBody`'s `{email}` placeholder kept for
+ * the block to fill.
+ */
+import messages from "../../../../messages/en.json";
+import { contactFormText } from "../contact-form-text";
+
+/** A translator over the English catalog that interpolates `{name}` values, as ICU does. */
+function translator(key: string, values?: Record<string, string>): string {
+  const template = (messages.contact as Record<string, unknown>)[key];
+  if (typeof template !== "string") throw new Error(`missing contact.${key}`);
+  return template.replace(/\{(\w+)\}/g, (m, name: string) => values?.[name] ?? m);
+}
+
+describe("contactFormText", () => {
+  it("maps every block string from the English catalog, keeping {email} for the block", () => {
+    expect(contactFormText(translator)).toEqual({
+      nameLabel: "Name",
+      emailLabel: "Email",
+      messageLabel: "Message",
+      submit: "Send message",
+      sending: "Sending…",
+      success: messages.contact.successMessage,
+      genericError: messages.contact.genericError,
+      consentStatement: messages.contact.consentStatement,
+      unavailableHeading: messages.contact.unavailableHeading,
+      unavailableBody: "Email us at {email} and we'll reply.",
+      unavailableNoEmail: messages.contact.unavailableNoEmail,
+    });
+  });
+});