文档
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.tsx
    • web/src/app/(user)/create/components/creative-asset-mention-picker.test.tsx
    • web/src/app/(user)/create/components/creative-video-frame-controls.tsx
    • web/src/app/(user)/create/components/creative-video-frame-controls.test.tsx
    • web/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

浏览器回归需另由独立验证任务检查桌面/窄屏、浅深色、键盘焦点、弹层滚动和真实上传/引用/移除行为。本候选只提供本地实现与定向证据。

On this page