create-ailk 0.6.1 → 0.8.0

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

@@ -73,7 +73,7 @@ describe("IntegrationsPage — 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">Integrations</h1><p data-testid="section-empty-state">Integrations listing coming soon.</p></main>"`,
+      `"<main id="main"><h1 class="text-heading-1 lg:text-display-sm font-display text-fg hero-type-display">Integrations</h1><p data-testid="section-empty-state">Integrations listing coming soon.</p></main>"`,
     );
   });
 
@@ -86,7 +86,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><h1>Integrations</h1><p data-testid="integrations-description">First-party integrations for 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-remote" data-source="# Integrations
+     "<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"><h1>Integrations</h1><p data-testid="integrations-description">First-party integrations for 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-remote" data-source="# Integrations
 
      Body."></div></article></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><h1>OpenAI API</h1><p data-testid="integration-description">Connect AILK to OpenAI.</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="# OpenAI API
+     "<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"><h1>OpenAI API</h1><p data-testid="integration-description">Connect AILK to OpenAI.</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="# OpenAI API
 
      Body."></div></article></div></div></main>"
     `);

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

@@ -27,7 +27,7 @@ import { Telemetry, VerificationMeta } from "@working-theory/analytics";
 import { MarketingShell } from "@working-theory/templates/shells";
 import { themeToCssVarsBothModes } from "@working-theory/theme";
 import { Link, isRtl, localeHref } from "@working-theory/ui";
-import { LocaleSwitcherNav } from "@working-theory/ui/blocks";
+import { BRAND_PATHS, LocaleSwitcherNav } from "@working-theory/ui/blocks";
 import {
   Banner,
   Footer,
@@ -50,11 +50,14 @@ import { auth } from "../../auth";
 import { GoogleAnalytics } from "../../components/google-analytics";
 import { SignOutTrigger } from "../../components/sign-out-trigger";
 import { isAuthPath } from "../../lib/auth-routes";
-import { navItems } from "../../lib/nav-config";
+import { footerColumns, navItems } from "../../lib/nav-config";
 import { getOgImageUrl } from "../../lib/og";
 import { SITE_NAME, siteLogo } from "../../lib/site-brand";
 import { siteChrome } from "../../lib/site-chrome";
-import { loadSiteBrandTokens } from "../../lib/site-theme";
+// Registers the `_site.mdx` identity with page-renderer at module load, so
+// every page rendered under this layout carries the sitewide JSON-LD (#6597).
+import "../../lib/site-identity";
+import { loadSiteBrandTokens, loadSiteShapeCss } from "../../lib/site-theme";
 import { resolveBaseUrl } from "../../src/lib/routes";
 
 // ── Constants ────────────────────────────────────────────────────────────────
@@ -224,6 +227,25 @@ export default async function LocaleLayout({
       // The Free marketing-site chrome (#5469 D5): the Product flyout's three
       // entries + descriptions, the top-level items, and the Get started CTA.
       product: tNav("product"),
+      useCases: tNav("useCases"),
+      useCasesDesc: tNav("useCasesDesc"),
+      footerSitePagesHeading: tNav("footerSitePagesHeading"),
+      footerFeaturesHeading: tNav("footerFeaturesHeading"),
+      footerResourcesHeading: tNav("footerResourcesHeading"),
+      feature1: tNav("feature1"),
+      feature2: tNav("feature2"),
+      feature3: tNav("feature3"),
+      feature4: tNav("feature4"),
+      feature5: tNav("feature5"),
+      allFeatures: tNav("allFeatures"),
+      // #6721 — the two-column Product flyout + the Use Cases footer column.
+      flyoutFeaturesHeading: tNav("flyoutFeaturesHeading"),
+      flyoutUseCasesHeading: tNav("flyoutUseCasesHeading"),
+      footerUseCasesHeading: tNav("footerUseCasesHeading"),
+      useCase1: tNav("useCase1"),
+      useCase2: tNav("useCase2"),
+      useCase3: tNav("useCase3"),
+      allUseCases: tNav("allUseCases"),
       howItWorks: tNav("howItWorks"),
       howItWorksDesc: tNav("howItWorksDesc"),
       features: tNav("features"),
@@ -232,7 +254,17 @@ export default async function LocaleLayout({
       faqDesc: tNav("faqDesc"),
       pricing: tNav("pricing"),
       about: tNav("about"),
+      // The footer's column groups (#6468): their two headings + Contact.
+      contact: tNav("contact"),
+      // The three pages every starter's roster names (#6658 D8), linked from
+      // the footer when their surfaces are on.
+      bookACall: tNav("bookACall"),
+      glossary: tNav("glossary"),
+      newsletter: tNav("newsletter"),
+      footerProductHeading: tNav("footerProductHeading"),
+      footerCompanyHeading: tNav("footerCompanyHeading"),
       getStarted: tNav("getStarted"),
+      signUp: tNav("signUp"),
       docs: tNav("docs"),
       blog: tNav("blog"),
       // The scheduling module's booking page, /meet (#4633; renamed from the
@@ -278,8 +310,9 @@ export default async function LocaleLayout({
         },
       ]
     : [
-        { labelKey: "getStarted", path: "/contact", variant: "primary" },
+        // NO_HAND_IMPLEMENT_OK: operator-directed live Free-template pass.
         { labelKey: "signIn", path: "/sign-in", variant: "outline-strong" },
+        { labelKey: "signUp", path: "/sign-up", variant: "primary" },
       ];
 
   // Only compose the flow seam when there is a flow action to compose. This
@@ -294,12 +327,14 @@ export default async function LocaleLayout({
   const hasFlowAction = navActions.some((action) => action.kind === "flow");
 
   // Shared brand mark injected into both Nav and Footer chrome slots. The
-  // mark comes from site-brand.tsx (the light/dark pair the /sign-in card
-  // also renders); the Nav adds the shipped wordmark beside it so BrandLogo
-  // composes mark + wordmark on desktop and mark-only below `md` (#5469 D5).
+  // mark comes from site-brand.tsx (the mark the /sign-in card also renders);
+  // both add the shipped wordmark beside it — the Nav composes mark + wordmark
+  // on desktop and mark-only below `md` (#5469 D5), the columns Footer shows
+  // the full lockup at every width (#6507).
   const brandLogo = siteLogo();
   const brandWordmark = {
     src: "/wordmark.svg",
+    darkSrc: "/wordmark-light.svg",
     alt: SITE_NAME,
     width: 140,
     height: 16,
@@ -351,8 +386,22 @@ export default async function LocaleLayout({
       href: "https://linkedin.com/company/{{COMPANY_HANDLE}}",
     },
     { platform: "youtube", href: "https://youtube.com/@{{COMPANY_HANDLE}}" },
+    // #6739 — the kit's own repo, operator-directed: the Free template links
+    // back to where it came from.
+    { platform: "github", href: "https://github.com/working-theory-labs/ai-launch-kit" },
   ] as const;
-  const copyrightText = `© ${new Date().getFullYear()} {{COMPANY_NAME}}`;
+  // Footer column groups (#6468), generated beside `navItems` as label keys;
+  // `Footer` takes translated strings, so resolve them through the same map.
+  const labelFor = (key: string): string =>
+    (navLabels.items as Record<string, string>)[key] ?? key;
+  const footerColumnDefs = footerColumns.map((col) => ({
+    heading: labelFor(col.headingKey),
+    headingKey: col.headingKey,
+    items: col.items.map((item) => ({ ...item, label: labelFor(item.labelKey) })),
+  }));
+
+  // NO_HAND_IMPLEMENT_OK: operator-directed live Free-template pass (2026-09-23).
+  const copyrightText = `© ${new Date().getFullYear()} SalesSmyth LLC. All rights reserved.`;
 
   // Footer legal links (#5612 D3). The centered variant folds in FAQ — the
   // roster's third always-scaffolded core route (`/faq`, alongside `/privacy`
@@ -362,6 +411,10 @@ export default async function LocaleLayout({
   const legalLinks = [
     { label: "Privacy Policy", href: "/privacy" },
     { label: "Terms of Service", href: "/terms" },
+    // #6739 — a link, not the reopen button: the privacy page's
+    // #cookie-settings anchor explains the choice, and arriving there
+    // reopens the consent banner (BannerConsentIsland).
+    { label: tConsent("settingsLabel"), href: "/privacy#cookie-settings" },
     ...(siteChrome.footer === "centered"
       ? [{ label: navLabels.items.faq, href: "/faq" }]
       : []),
@@ -379,9 +432,11 @@ export default async function LocaleLayout({
   // single-mode call inlined an unconditional :root block that never
   // responded to a client-side data-theme toggle). themeMode still drives
   // the initial data-theme attribute below for a no-flash first paint.
-  const inlineThemeStyle = themeToCssVarsBothModes(
-    siteBrandTokens ? { brand: siteBrandTokens } : {},
-  );
+  // Site shape settings (`theme.corners`, `theme.eyebrowCase`) appended after
+  // the token block so they win; "" for a site that sets neither.
+  const inlineThemeStyle =
+    themeToCssVarsBothModes(siteBrandTokens ? { brand: siteBrandTokens } : {}) +
+    loadSiteShapeCss();
 
   return (
     <html
@@ -425,6 +480,17 @@ export default async function LocaleLayout({
         <VerificationMeta />
       </head>
       <body>
+        {/* Skip link (operator ruling 2026-09-23): the first Tab stop on every
+            page jumps keyboard users past the banner and nav to <main id="main">,
+            which page-renderer (or the shell) owns. Visible only while focused. */}
+        <Link
+          href="#main"
+          variant="bare"
+          className="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:start-2 focus:z-50 focus:rounded-control focus:bg-(--color-bg) focus:px-control-x focus:py-control-y focus:text-(--color-fg) focus:ring-2 focus:ring-(--color-accent)"
+          data-testid="skip-to-content"
+        >
+          {tNav("skipToContent")}
+        </Link>
         <NextIntlClientProvider messages={messages}>
           {/*
            * Shell + Chrome compose at the layout layer (decision: #2820, #2862).
@@ -450,7 +516,12 @@ export default async function LocaleLayout({
           ) : (
             <MarketingShell
               contentOwnsMain
-              gutters="plain"
+              // #6536 — no gutter frame: header, sections and footer share one
+              // left/right edge (the section Container's), matching the
+              // reference. Nav `frame="contained"` and Footer
+              // `bottomBarAlign="content"` below put the header row and the
+              // footer divider on that same edge.
+              gutters="none"
               bannerPlacement="above-nav"
               {...(siteChrome.announcementBanner
                 ? {
@@ -458,10 +529,30 @@ export default async function LocaleLayout({
                       <Banner
                         variant="contrast"
                         placement="above-nav"
-                        message="Medium length banner heading with link goes here"
+                        // NO_HAND_IMPLEMENT_OK: operator-directed live Free-template pass.
+                        message={
+                          <>
+                            <a
+                              href="https://github.com/working-theory-labs/ai-launch-kit"
+                              className="inline-flex items-center gap-1 font-bold text-current underline underline-offset-2"
+                            >
+                              Get started for free
+                              <svg
+                                viewBox="0 0 24 24"
+                                aria-hidden="true"
+                                className="size-4 fill-current"
+                              >
+                                <path d={BRAND_PATHS.github} />
+                              </svg>
+                            </a>
+                            {"\u00A0 "}
+                            or
+                          </>
+                        }
+                        messageWeight="regular"
                         action={{
-                          label: "Link",
-                          href: "/pricing",
+                          label: "upgrade to Pro",
+                          href: "https://ailaunchkit.ai/pricing",
                           kind: "link",
                         }}
                         routes={{ include: [homePath] }}
@@ -493,6 +584,8 @@ export default async function LocaleLayout({
                   // render is byte-identical to before this branch existed.
                   {...(isDeckHome ? { sticky: true, deckMorph: true } : {})}
                   siteName={SITE_NAME}
+                  frame="contained"
+                  navAlignment="right"
                   showThemeToggle={false}
                   logo={brandLogo}
                   wordmark={brandWordmark}
@@ -520,13 +613,16 @@ export default async function LocaleLayout({
                   locale={locale}
                   itemLabels={navLabels.items}
                   navItems={navItems}
+                  columns={footerColumnDefs}
                   siteName={SITE_NAME}
                   logo={brandLogo}
+                  wordmark={brandWordmark}
                   social={[...socialLinks]}
                   {...(siteChrome.footer === "centered"
                     ? { layout: "centered" as const }
                     : {})}
                   showThemeToggle
+                  bottomBarAlign="content"
                   copyrightText={copyrightText}
                   legalLinks={legalLinks}
                   languageSwitcher={
@@ -534,20 +630,9 @@ export default async function LocaleLayout({
                       current={locale}
                       locales={enabledLocales}
                       pathname={pathname}
+                      variant="quiet"
                     />
                   }
-                  // #4157 — deliberately left as a literal "Built by Working
-                  // Theory Labs" / https://ailaunchkit.ai, not SITE_NAME: this credits
-                  // the OSS TEMPLATE this site is built with (a "powered by"
-                  // link, unconditional in OSS forks per the comment above),
-                  // never the customer's own identity, so it isn't the vendor-
-                  // brand-as-default defect #4157 fixes. See
-                  // docs/specs/4157-scaffold-brand-defaults-spec.md § Design
-                  // Decisions for the fuller reasoning.
-                  attribution={{
-                    label: "Built by Working Theory Labs",
-                    href: "https://ailaunchkit.ai",
-                  }}
                 />
               }
             >
@@ -561,32 +646,41 @@ export default async function LocaleLayout({
            * visitor sees it, an accepted/declined one does not, on every
            * page. Out of the shell's flow (placement `bottom` is a fixed
            * overlay), so accepting causes no layout shift.
+           *
+           * SOFT_LOCK_OK: #6510 (D3) — Banner is now ALWAYS mounted (the
+           * `consentDecided ? null :` gate is gone); `consentDecided` is
+           * passed straight through so the island's `initialConsented`
+           * starts from server truth instead of only its own client-side
+           * cookie read — same #5557 hydration-safety property, no gate
+           * needed. This also means the banner never blocks the page: it
+           * reserves its own space (D1) and carries a close-without-choosing
+           * control (D2) instead of a hard server-side hide.
            */}
-          {consentDecided ? null : (
-            <Banner
-              variant="info"
-              placement="bottom"
-              consentCookieName={CONSENT_COOKIE_NAME}
-              title={tConsent("title")}
-              message={
-                <>
-                  {tConsent("body")}{" "}
-                  <Link
-                    href={localeHref(locale, "/privacy")}
-                    variant="unstyled"
-                    className="font-semibold text-current underline underline-offset-4"
-                  >
-                    {tConsent("policyLinkLabel")}
-                  </Link>
-                </>
-              }
-              dismissible={false}
-              acceptLabel={tConsent("acceptLabel")}
-              secondaryAction={{ label: tConsent("rejectLabel") }}
-              rejectLabel={tConsent("rejectLabel")}
-              locale={locale}
-            />
-          )}
+          <Banner
+            variant="info"
+            placement="bottom"
+            consentCookieName={CONSENT_COOKIE_NAME}
+            consentDecided={consentDecided}
+            title={tConsent("title")}
+            message={
+              <>
+                {tConsent("body")}{" "}
+                <Link
+                  href={localeHref(locale, "/privacy")}
+                  variant="unstyled"
+                  className="font-semibold text-current underline underline-offset-4"
+                >
+                  {tConsent("policyLinkLabel")}
+                </Link>
+              </>
+            }
+            dismissible={false}
+            dismissLabel={tConsent("dismissLabel")}
+            acceptLabel={tConsent("acceptLabel")}
+            secondaryAction={{ label: tConsent("rejectLabel") }}
+            rejectLabel={tConsent("rejectLabel")}
+            locale={locale}
+          />
           <Telemetry />
         </NextIntlClientProvider>
       </body>

package/templates/apps/web/app/[locale]/newsletter/__tests__/newsletter.actions.test.ts

@@ -0,0 +1,75 @@
+/**
+ * subscribeNewsletterAction (#6730 D9) — the Server Action twin of the
+ * `ailkSubscribeNewsletter` MCP tool.
+ */
+
+import { subscribeNewsletterAction } from "../newsletter.actions.js";
+
+jest.mock("@working-theory/api-client", () => ({
+  leads: { subscribe: jest.fn() },
+}));
+
+import { leads } from "@working-theory/api-client";
+const mockSubscribe = leads.subscribe as jest.Mock;
+
+function formWith(email: string): FormData {
+  const fd = new FormData();
+  fd.append("email", email);
+  fd.append("consent", "true");
+  return fd;
+}
+
+afterEach(() => jest.clearAllMocks());
+
+describe("subscribeNewsletterAction", () => {
+  it("calls leads.subscribe with source newsletter and the address", async () => {
+    mockSubscribe.mockResolvedValueOnce({ ok: true, body: { id: "subscr_1", persisted: "db" } });
+
+    const result = await subscribeNewsletterAction(null, formWith("ada@example.com"));
+
+    expect(result).toEqual({ kind: "success" });
+    expect(mockSubscribe).toHaveBeenCalledWith(
+      expect.objectContaining({ source: "newsletter", email: "ada@example.com" }),
+    );
+  });
+
+  it("an invalid address → a field error, no API call", async () => {
+    const result = await subscribeNewsletterAction(null, formWith("not-an-email"));
+
+    expect(result).toMatchObject({ kind: "error", fieldErrors: { email: expect.any(String) } });
+    expect(mockSubscribe).not.toHaveBeenCalled();
+  });
+
+  it("503 lead_capture_not_configured → unavailable", async () => {
+    mockSubscribe.mockResolvedValueOnce({
+      ok: false,
+      status: 503,
+      body: { error: "lead_capture_not_configured" },
+    });
+
+    const result = await subscribeNewsletterAction(null, formWith("ada@example.com"));
+
+    expect(result).toEqual({ kind: "unavailable" });
+  });
+
+  it("any other failure → the generic error, never success", async () => {
+    mockSubscribe.mockResolvedValueOnce({ ok: false, status: 503, body: { error: "persist_failed" } });
+    expect(await subscribeNewsletterAction(null, formWith("a@b.co"))).toMatchObject({
+      kind: "error",
+    });
+
+    mockSubscribe.mockRejectedValueOnce(new Error("ECONNREFUSED"));
+    jest.spyOn(console, "error").mockImplementationOnce(() => undefined);
+    expect(await subscribeNewsletterAction(null, formWith("a@b.co"))).toMatchObject({
+      kind: "error",
+    });
+  });
+
+  it("a filled honeypot → success, and nothing is sent", async () => {
+    const fd = formWith("ada@example.com");
+    fd.append("ailk_hp", "spam");
+
+    expect(await subscribeNewsletterAction(null, fd)).toEqual({ kind: "success" });
+    expect(mockSubscribe).not.toHaveBeenCalled();
+  });
+});

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

@@ -0,0 +1,163 @@
+/**
+ * newsletter/page.tsx — 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.
+ */
+import React from "react";
+import { render, screen } from "@testing-library/react";
+
+jest.mock("@working-theory/ui", () => ({
+  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(","),
+    }),
+}));
+
+jest.mock("@working-theory/api-client", () => ({
+  leads: { captureStatus: jest.fn() },
+}));
+
+jest.mock("next-intl/server", () => ({
+  getTranslations: async () => (key: string) => key,
+}));
+
+// 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(),
+}));
+
+import { leads } from "@working-theory/api-client";
+
+import NewsletterPage from "../page";
+
+const mockCaptureStatus = leads.captureStatus as jest.Mock;
+const status = (newsletter: boolean) => ({
+  ok: true,
+  status: 200,
+  body: { ok: true, data: { contact: true, newsletter } },
+});
+
+const source = {
+  frontmatter: {
+    type: "NewsletterSignup" as const,
+    slug: "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: [] } },
+];
+
+/** #6738's Free content: no signup section. */
+const FREE_SECTIONS = [
+  { id: "hero", type: "hero", data: { headline: "News" } },
+  { id: "faq", type: "faq", data: { items: [] } },
+];
+
+async function renderWith(sections: unknown[]) {
+  const element = await NewsletterPage({
+    params: Promise.resolve({ locale: "en" }),
+    getMdxSource: jest.fn().mockResolvedValue(source),
+    getPageSections: jest.fn().mockResolvedValue(sections),
+  });
+  return render(element);
+}
+
+beforeEach(() => jest.clearAllMocks());
+
+describe("NewsletterPage — #6730 D9", () => {
+  it("newsletter:true + no newsletter section → one appended form with a single email field", async () => {
+    mockCaptureStatus.mockResolvedValue(status(true));
+
+    await renderWith(FREE_SECTIONS);
+
+    expect(screen.getAllByTestId("lead-capture-form")).toHaveLength(1);
+    expect(screen.getByTestId("lead-capture-form")).toHaveAttribute(
+      "data-fields",
+      "email:email",
+    );
+  });
+
+  it("newsletter:false + no newsletter section → no form at all", async () => {
+    mockCaptureStatus.mockResolvedValue(status(false));
+
+    const { container } = await renderWith(FREE_SECTIONS);
+
+    expect(screen.queryByTestId("lead-capture-form")).toBeNull();
+    expect(container.querySelector("form")).toBeNull();
+  });
+
+  it("newsletter:true + _base's newsletter section → that section renders, no second form", async () => {
+    mockCaptureStatus.mockResolvedValue(status(true));
+
+    const { container } = await renderWith(BASE_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();
+  });
+
+  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();
+    },
+  );
+});