08_归档04_VOZEB任务卡
M32 `/create` 附件引用与视频首尾帧视觉收口
- Base SHA:
2d4cbf0 - 状态:
LOCAL_IMPLEMENTATION_CANDIDATE / CANDIDATE_EVIDENCE / NOT_FORMAL_TEST - 目标: 将
/create的素材@引用选择器、视频首帧/尾帧槽位与选择弹层接入已完成的 Ocean Air / Liquid Glass 视觉契约。 - 允许修改:
web/src/app/(user)/create/components/creative-asset-mention-picker.tsxweb/src/app/(user)/create/components/creative-asset-mention-picker.test.tsxweb/src/app/(user)/create/components/creative-video-frame-controls.tsxweb/src/app/(user)/create/components/creative-video-frame-controls.test.tsxweb/src/app/(user)/create/create-page.module.css- 本任务文档
已冻结边界
- 只调整 DOM hooks、Ocean token、Liquid Glass 表面、圆角、边框、焦点和响应式弹层;不新增背景或 WebGL,不改变
/create页面布局容器。 - 保留附件筛选、素材
assetId引用、视频首尾帧角色校验、上传入口、移除入口、媒体真实比例、提交、重试、会话、Store、API 和持久化行为。 - 正文与控件标签使用 Ocean Air 中性色;primary 仅用于明确选中/焦点边框,删除操作保持中性并仅在悬停/聚焦时显示柔和危险语义色。
- 选择弹层使用视口安全的最大宽度/高度与 Ant overflow 调整;移动端不得横向溢出,滚动内容保持可访问。
- 玻璃材质在
prefers-reduced-transparency、prefers-reduced-motion和forced-colors下提供可读降级。
非目标
- 不修改上传、媒体解码、首尾帧互斥规则、生成请求、服务端接口、Store、共享组件、Manifest 或其它路由。
- 不提升 Design、Testing、Operations 或 Deployment 状态,不宣称正式验收。
候选验收
pnpm exec vitest run 'src/app/(user)/create/components/creative-asset-mention-picker.test.tsx' 'src/app/(user)/create/components/creative-video-frame-controls.test.tsx' 'src/app/(user)/create/create-inner-layout.test.ts'
pnpm exec tsc --noEmit --pretty false
pnpm exec eslint <changed-files> --quiet
pnpm exec prettier --check <changed-files>
git diff --check浏览器回归需另由独立验证任务检查桌面/窄屏、浅深色、键盘焦点、弹层滚动和真实上传/引用/移除行为。本候选只提供本地实现与定向证据。