§22 M3 frontend: /p/<project>/ routing, runtime branding, directory, 308s (v0.35.0)

Implements the M3-frontend slice of the §22 multi-project track, per
docs/superpowers/specs/2026-06-03-m3-frontend-design.md (design merged in
#10). Completes the runtime-config cut 0.33.0 (M3-backend Plan A) began.

Frontend:
- DeploymentProvider boots GET /api/deployment → {name, tagline,
  defaultProjectId, projects}; brandTitle() neutral 'RFC' pre-fetch fallback.
- /p/:projectId/* routing with generic /e/<slug> segment. ProjectLayout
  fetches /api/projects/:id, applies per-project theme (reset on switch),
  provides ProjectContext, guards the corpus (served only for the default;
  others get NotServedPlaceholder — decouples this slice from Plan B).
- Directory at / (2+ projects) with N=1 redirect into the single project;
  ProjectSwitcher in deployment chrome; entry-noun by project type.
- VITE_APP_NAME hard cut: removed from vite.config + index.html; the 6 brand
  reads now use deployment.name via context; static <title>RFC</title> + JS
  document.title. Internal /rfc·/proposals links → /p/<project>/e|proposals
  via lib/entryPaths.

Backend:
- GET /api/deployment returns default_project_id (the guard contract).
- Server-side 308s: /rfc/<slug>, /rfc/<slug>/pr/<n>, /proposals/<n> →
  /p/<default>/… . nginx (testing + prod) routes /rfc/ and /proposals/ to
  the backend.

Tests: 3 new backend redirect/deployment tests (438 pass); Vitest unit for
DeploymentProvider, ProjectLayout (theme/guard/404), Directory (11 pass);
clean build with no VITE_APP_NAME. Playwright e2e deferred until Tier-1 seeds
a registry (see CHANGELOG 0.35.0 step 5).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

frontend/src/components/Directory.test.jsx

@@ -0,0 +1,45 @@
+import React from 'react'
+import { describe, it, expect, vi } from 'vitest'
+import { render, screen } from '@testing-library/react'
+import { MemoryRouter } from 'react-router-dom'
+
+// Mocked first so Directory (and ProjectLayout, which it imports entryNoun
+// from) resolve the deployment hook and api without a live fetch.
+let mockProjects = []
+vi.mock('../api', () => ({ getProject: vi.fn() }))
+vi.mock('../context/DeploymentProvider', () => ({
+  useDeployment: () => ({ name: 'Wiggleverse', tagline: 'a directory of projects', projects: mockProjects, defaultProjectId: null }),
+}))
+import Directory from './Directory.jsx'
+
+function renderDir(projects) {
+  mockProjects = projects
+  return render(<MemoryRouter><Directory /></MemoryRouter>)
+}
+
+describe('Directory', () => {
+  it('renders a card per visible project with the type-driven noun + link', () => {
+    renderDir([
+      { id: 'ohm', name: 'Open Human Model', type: 'document', visibility: 'public' },
+      { id: 'ecomm', name: 'Ecomm', type: 'bdd', visibility: 'public' },
+    ])
+    const ohm = screen.getByText('Open Human Model').closest('a')
+    expect(ohm).toHaveAttribute('href', '/p/ohm/')
+    const ecomm = screen.getByText('Ecomm').closest('a')
+    expect(ecomm).toHaveAttribute('href', '/p/ecomm/')
+    // bdd → "Features", document → "RFCs"
+    expect(screen.getByText('RFCs')).toBeInTheDocument()
+    expect(screen.getByText('Features')).toBeInTheDocument()
+  })
+
+  it('renders the deployment name and tagline', () => {
+    renderDir([{ id: 'ohm', name: 'OHM', type: 'document', visibility: 'public' }])
+    expect(screen.getByText('Wiggleverse')).toBeInTheDocument()
+    expect(screen.getByText('a directory of projects')).toBeInTheDocument()
+  })
+
+  it('renders an empty list without crashing when no projects are visible', () => {
+    renderDir([])
+    expect(screen.getByText('Wiggleverse')).toBeInTheDocument()
+  })
+})