文档
08_归档04_VOZEB任务卡

M43 · Workspace Shell Background Continuity

Scope

  • Base: c6de5ed (codex/vozeb-retail-next-migration)
  • Surface: AppWorkspaceShell and OceanWorkspaceShell
  • Goal: keep the Molten Metal field continuous through every non-fullscreen workspace header without creating a second opaque or blurred header slab.
  • Non-goals: no page content, navigation, session, API, or business behavior changes.

User result

Non-fullscreen routes retain the shared page-wide animated background at the top edge. The header is now a transparent structural row with a quiet hairline only; buttons and account controls remain the individual glass surfaces that provide contrast and affordance. A shell that is mounted without a background slot keeps its existing tokenized fallback background.

Implementation notes

  • AppWorkspaceShell header material is transparent, has no shadow, and does not apply a second backdrop blur. A low-alpha divider preserves orientation without a full-width panel edge.
  • OceanWorkspaceShell marks shells with a supplied background as data-ocean-background="continuous"; the shell background is transparent in that mode so the single background slot remains visible behind all slots.
  • Reduced-transparency and forced-colors modes continue to use the existing solid, accessible header fallback.

Verification

pnpm exec vitest run src/components/layout/app-workspace-shell.test.ts
pnpm exec tsc --noEmit
git diff --check

Status: LOCAL_IMPLEMENTATION_CANDIDATE / CANDIDATE_EVIDENCE / NOT_FORMAL_TEST.

On this page