frontend-celestia-trace/design-qa.md

现场记录详情页设计 QA

范围

• 对照当前 iOS SessionDetailView、MultiTrackTimeline 与其编辑弹窗重建网页端详情页左侧。
• 右侧“AI 智算与分析中心”结构、文案、视觉样式与占位功能保持不变。
• 验证环境：Vite 本地预览，桌面端默认浏览器视口（实际截图约 1280 × 720）。

验证记录

• 顶部返回、记录信息、分享与关闭入口布局正常。
• 记录名称可打开独立编辑面板，保存后刷新标题和云端版本。
• 使用下载到的真实音频 Blob 解码并绘制波形；无音频时明确提示，不生成替代音频。
• 50 ms RMS 采样、-40 dB / 2 秒静音识别、静音区间背景及“跳过静音”播放跳转正常。
• 音频、图片、笔记三轨、事件标记、续录标记和可拖动播放头显示正常。
• 时间轴空白轨点击可带入对应时间点，打开照片或笔记新增面板。
• 播放/暂停、前后 10 秒、进度条和时间轴播放头联动正常。
• 事件流按时间排序，笔记、标记、续录、位置和照片组入口状态完整。
• 笔记新增、查看、编辑、删除确认与云端回写链路正常。
• 照片拍摄/多选入口、备注、位置、详情编辑、全屏查看与删除入口完整。
• 记录信息面板包含起止时间、时长、照片/笔记统计、版本与续录入口。
• 续录面板包含浏览器麦克风、暂停/继续、结束、音频合并及同步流程。
• 同步状态覆盖已同步、同步中、进度、失败重试和取消。
• 音频分享优先调用系统文件分享，不支持时回退为保留原扩展名的下载。
• 右侧 AI 预留区视觉与功能未改动。
• 生产构建通过，浏览器控制台无本轮修复后的新增运行错误。

结论

final result: passed