VOZEB UI Migration M25 — Canvas editor chrome

状态：LOCAL_IMPLEMENTATION_CANDIDATE / CANDIDATE_EVIDENCE / NOT_FORMAL_TEST

Task packet

• Task ID: VOZEB-UI-MIGRATION-02-M25
• 目标用户结果： 打开创作画布后，顶部工具栏、底部工具 dock、缩放控件、资产检查器与 Agent 面板使用一致的 Ocean Air / Liquid Glass chrome，同时保留既有画布编辑体验。
• Base SHA: fd892b6
• 允许修改路径： web/src/app/(user)/canvas/[id]/page.tsx、web/src/app/(user)/canvas/[id]/canvas-client-page.tsx、web/src/app/(user)/canvas/components/canvas-editor-chrome.module.css、直属 canvas layout contract test（如需）以及本文件。
• 禁止修改路径： Canvas hooks/services/stores/CR0 engine、共享 Ocean/UI、其它路由、数据库、Go 服务和 retail-platform。

实现边界

本切片只整理编辑器 chrome/shell 的呈现层。画布节点、缩放/平移、选择、连接、节点增删改、生成与持久化、快捷键、移动端资产 Drawer 和 Agent 的状态/会话/API 行为均保持现有实现。

• 顶部、底部工具 dock、缩放控件和外观面板沿用现有 OceanGlassCard 与 Liquid Glass token；不增加背景、WebGL 或第二 canvas。
• 桌面资产检查器和移动端 Drawer、右侧 Agent 面板统一使用中性玻璃表面、hairline 边框与单层阴影；画布本身仍由既有 canvas theme 控制。
• 欢迎卡片和 Agent 建议项仅调整表面 token；不改变提示词、按钮、会话、节点定位或生成回调。
• prefers-reduced-transparency 与 forced-colors 关闭玻璃滤镜并回退到实色，既有 prefers-reduced-motion 行为保持不变。

验收证据

在 web/ 目录执行：

pnpm exec vitest run 'src/app/(user)/canvas/[id]/canvas-page-elements.test.tsx' 'src/app/(user)/canvas/[id]/canvas-page-utils.test.ts' --config vitest.config.ts --reporter=dot
pnpm exec tsc --noEmit --pretty false
pnpm exec eslint 'src/app/(user)/canvas/[id]/page.tsx' 'src/app/(user)/canvas/[id]/canvas-client-page.tsx' --quiet
pnpm exec prettier --check 'src/app/(user)/canvas/[id]/page.tsx' 'src/app/(user)/canvas/[id]/canvas-client-page.tsx' 'src/app/(user)/canvas/components/canvas-editor-chrome.module.css'
git diff --check

本地候选定向验证：2 files / 6 tests、TypeScript、ESLint、Prettier 和 diff-check 均通过。真实登录画布、生成服务、移动端 Drawer 与正式 Testing/Operations 尚未在本切片授权范围内验收，不提升任何 Feature/Atomic 状态。