Quiet Gobstopper presentation with real session proof

.github/workflows/ci.yml

@@ -193,19 +193,59 @@ jobs:
             ${{ runner.temp }}/stress-evidence/*.json
             ${{ runner.temp }}/stress-evidence/*.log
 
+  site:
+    name: Public site build and browser
+    runs-on: ubuntu-24.04
+    timeout-minutes: 12
+    defaults:
+      run:
+        working-directory: site
+    steps:
+      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
+        with:
+          persist-credentials: false
+      - uses: oven-sh/setup-bun@0c5077e51419868618aeaa5fe8019c62421857d6 # v2.2.0
+        with:
+          bun-version: 1.3.14
+      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
+        with:
+          node-version: 24
+          package-manager-cache: false
+      - uses: actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9 # v6.1.0
+        with:
+          path: ~/.bun/install/cache
+          key: bun-site-${{ runner.os }}-${{ hashFiles('site/bun.lock') }}
+          restore-keys: bun-site-${{ runner.os }}-
+      - run: bun install --frozen-lockfile --ignore-scripts
+      - name: Run the complete site gate and production build
+        run: bun run check
+      - name: Verify public routes and appearance
+        env:
+          GOBSTOPPER_BROWSER_EXECUTABLE: /usr/bin/google-chrome
+        run: bun run check:public-site:browser
+      - name: Retain screenshots and browser evidence
+        if: always()
+        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
+        with:
+          name: public-site-browser
+          path: site/.impeccable/review/public-*
+          include-hidden-files: true
+          retention-days: 7
+
   required:
     name: Required
     if: always()
-    needs: [quality, msrv, formal, core-proofs, transcript-proofs, bounded-stress]
+    needs: [quality, msrv, formal, core-proofs, transcript-proofs, bounded-stress, site]
     runs-on: ubuntu-24.04
     timeout-minutes: 5
     steps:
       - name: Require every verification gate
         env:
+          SITE: ${{ needs.site.result }}
           QUALITY: ${{ needs.quality.result }}
           MSRV: ${{ needs.msrv.result }}
           FORMAL: ${{ needs.formal.result }}
           CORE_PROOFS: ${{ needs.core-proofs.result }}
           TRANSCRIPT_PROOFS: ${{ needs.transcript-proofs.result }}
           BOUNDED_STRESS: ${{ needs.bounded-stress.result }}
-        run: test "$QUALITY" = success && test "$MSRV" = success && test "$FORMAL" = success && test "$CORE_PROOFS" = success && test "$TRANSCRIPT_PROOFS" = success && test "$BOUNDED_STRESS" = success
+        run: test "$SITE" = success && test "$QUALITY" = success && test "$MSRV" = success && test "$FORMAL" = success && test "$CORE_PROOFS" = success && test "$TRANSCRIPT_PROOFS" = success && test "$BOUNDED_STRESS" = success

.github/workflows/verify-production.yml

@@ -0,0 +1,55 @@
+name: Production public site browser
+on:
+  workflow_dispatch:
+permissions:
+  contents: read
+concurrency:
+  group: production-public-browser-${{ github.ref }}
+  cancel-in-progress: true
+jobs:
+  browser:
+    runs-on: ubuntu-24.04
+    timeout-minutes: 10
+    defaults:
+      run:
+        working-directory: site
+    steps:
+      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
+        with:
+          persist-credentials: false
+      - uses: oven-sh/setup-bun@0c5077e51419868618aeaa5fe8019c62421857d6 # v2.2.0
+        with:
+          bun-version: 1.3.14
+      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
+        with:
+          node-version: 24
+          package-manager-cache: false
+      - uses: actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9 # v6.1.0
+        with:
+          path: ~/.bun/install/cache
+          key: bun-${{ runner.os }}-${{ hashFiles('site/bun.lock') }}
+          restore-keys: bun-${{ runner.os }}-
+      - run: bun install --frozen-lockfile --ignore-scripts
+      - name: Verify the live public routes
+        env:
+          GOBSTOPPER_BROWSER_EXECUTABLE: /usr/bin/google-chrome
+        run: bun run check:public-site:browser --production
+      - name: Save public page screenshots
+        if: always()
+        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
+        with:
+          name: production-public-site-browser
+          path: site/.impeccable/review/public-*
+          include-hidden-files: true
+          retention-days: 7
+  required:
+    name: Required
+    if: always()
+    needs: browser
+    runs-on: ubuntu-24.04
+    timeout-minutes: 5
+    steps:
+      - name: Require live browser verification
+        env:
+          RESULT: ${{ needs.browser.result }}
+        run: test "$RESULT" = success

site/.gitignore

@@ -33,3 +33,6 @@ yarn-error.log*
 next-env.d.ts
 *.tsbuildinfo
 /public/theme-bootstrap.js
+
+# Local browser verification evidence
+/.impeccable/

site/app/_components/site-chrome.tsx

@@ -17,35 +17,33 @@ import { supportProfile } from "../support-profile";
 // eslint-disable-next-line @next/next/no-img-element
 const productMark = <img alt="" height={20} src="/icon.png" width={20} />;
 
+const headerLinks: readonly { href: string; label: string; section?: string }[] = [
+  { href: "/docs", label: "Docs", section: "/docs" },
+  { href: "/benchmarks", label: "Benchmarks", section: "/benchmarks" },
+  { href: "/compare/claude-code-compact", label: "Compare", section: "/compare" },
+  { href: "/blog", label: "Blog", section: "/blog" },
+  { href: GITHUB_URL, label: "GitHub" },
+];
+
 export function SiteHeader({ path }: Readonly<{ path?: CanonicalPagePath }>) {
   return (
     <>
       <a className="skip-link" href="#main">
         Skip to content
       </a>
       <MarketingSiteHeader
-        action={{ href: "/#install", label: "Install Gobstopper" }}
+        action={{ href: "/#install", label: "Install" }}
         ariaLabel="Primary navigation"
         trailing={<ThemeMenuButton aria-label="Appearance" />}
         brand="Gobstopper"
         brandMark="/marks/gobstopper.svg"
         brandLabel="Gobstopper home"
-        className={
-          path === "/"
-            ? "site-header hraness-material-chrome"
-            : "site-header"
-        }
-        links={[
-          { href: "/#model", label: "Model" },
-          { href: "/#interfaces", label: "Interfaces" },
-          { href: "/docs", label: "Docs" },
-          { href: "/methodology", label: "Methodology" },
-          { href: "/benchmarks", label: "Benchmarks" },
-          { href: "/compare/claude-code-compact", label: "Compare" },
-          { href: "/blog", label: "Blog" },
-          { href: ARCHITECTURE_URL, label: "Architecture" },
-          { href: GITHUB_URL, label: "GitHub" },
-        ]}
+        className="site-header hraness-material-chrome"
+        links={headerLinks.map(({ href, label, section }) => ({
+          href,
+          label,
+          current: path !== undefined && section !== undefined && path.startsWith(section),
+        }))}
       />
     </>
   );
@@ -77,7 +75,6 @@ export function SiteFooter({ path }: Readonly<{ path?: CanonicalPagePath }>) {
       </MarketingSiteFooter>
       <div className="network-footer">
         <HranessSiteFooter
-          placement="flow"
           mailingList={{ kind: "none" }}
           support={supportProfile}
         />