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
OceanGlassCardandOceanRevealfrom 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 usesrouter.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
passedStatus: LOCAL_IMPLEMENTATION_CANDIDATE / CANDIDATE_EVIDENCE / NOT_FORMAL_TEST.