文档
08_归档04_VOZEB任务卡

M42 · Not Found Ocean Foundation Slice

Scope

  • Base: e6edbbe (codex/vozeb-retail-next-migration)
  • Route: web/src/app/not-found.tsx
  • Goal: replace the legacy stone/point-grid 404 surface with the existing Ocean Air glass foundation.
  • Non-goals: no routing, authentication, API, or data changes; no changes to other pages.

User result

When a route is unavailable, the user sees a calm Ocean Air glass state with a clear 404 label, a primary link back to the home page, and a secondary browser-history action. Both actions remain keyboard accessible and the page remains usable without motion or transparency effects.

Implementation notes

  • Uses OceanGlassCard and OceanReveal from the shared Ocean Foundation.
  • Uses --ocean-air-* and --ocean-glass-* tokens only for the page surface and controls.
  • Removes the old stone palette, dotted background, and hard-coded dark action button.
  • The page keeps a href="/" home link for normal navigation and uses router.back() for the explicit previous-page action.
  • Reduced motion, reduced transparency, and forced-colors modes hide decorative rings and use a solid Ocean Air surface.

Verification

pnpm exec vitest run src/app/not-found-page.test.tsx src/components/ui/component-manifest.test.ts
7 tests passed
pnpm exec tsc --noEmit
passed
git diff --check
passed

Status: LOCAL_IMPLEMENTATION_CANDIDATE / CANDIDATE_EVIDENCE / NOT_FORMAL_TEST.

On this page