feat(viral-video): 分镜内联流式排版 + 动态视频模型选择器 #2159

Merged

auto-approve-bot merged 6 commits from fix/storyboard-inline-doc-style into develop 2026-10-03 17:42:49 +08:00

Conversation 2 Commits 6 Files Changed 4

+543 -212

xiaoxia commented 2026-10-03 15:22:10 +08:00

Owner

Copy Link

Copy Source

一、分镜文案内联流式排版

采用「点击编辑」内联流式——非编辑态 <strong>标签：</strong><span>内容</span> 同一段落纯文本，点击 span 进入 textarea 编辑（blur/Enter 保存，Esc 取消），hover 淡紫高亮提示可点击。

• 标签深灰 #1f2937 加粗，正文 #374151，换行不缩进
• 时间标签去掉紫色背景胶囊，改为紫色加粗纯文字小标题
• 镜头项去掉左侧紫色竖线
• 口播稿去掉紫色左边框/浅紫底，SoundOutlined 保留
• 视频总览三行（整体主题/总时长/画幅），画幅 Select 内联
• 删除铅笔/↗编辑图标

二、动态视频模型选择器

• GET /api/v1/viral-video/models 接口 + ViralVideoModel 类型（含 billing_mode?）
• 页面加载拉取模型列表，失败兜底 5 模型（Seedance 2.5/2.0/2.0 Fast/2.0 Mini/Wan 3.0）
• 选项直接使用后端 display_name（emoji 由后端控制）
• 切换模型自动联动：分辨率降级到该模型最高支持；时长超 max_duration 自动截断
• 清晰度/时长下拉按当前模型能力过滤
• 所有模型均支持音频，无特殊无声提示
• confirmViralCopy/generateViralCopy/generateViralVideo 均带 video_model
• 参数变化 debounce 300ms 重算积分（estimate-credits 已带 video_model）

验证

• tsc --noEmit 0 errors
• vite build ✓

PR 提交后 CI 全绿机器人自动 squash 合入 develop。

## 一、分镜文案内联流式排版 采用「点击编辑」内联流式——非编辑态 `<strong>标签：</strong><span>内容</span>` 同一段落纯文本，点击 span 进入 textarea 编辑（blur/Enter 保存，Esc 取消），hover 淡紫高亮提示可点击。 - 标签深灰 #1f2937 加粗，正文 #374151，换行不缩进 - 时间标签去掉紫色背景胶囊，改为紫色加粗纯文字小标题 - 镜头项去掉左侧紫色竖线 - 口播稿去掉紫色左边框/浅紫底，SoundOutlined 保留 - 视频总览三行（整体主题/总时长/画幅），画幅 Select 内联 - 删除铅笔/↗编辑图标 ## 二、动态视频模型选择器 - GET /api/v1/viral-video/models 接口 + ViralVideoModel 类型（含 billing_mode?） - 页面加载拉取模型列表，失败兜底 5 模型（Seedance 2.5/2.0/2.0 Fast/2.0 Mini/Wan 3.0） - 选项直接使用后端 display_name（emoji 由后端控制） - 切换模型自动联动：分辨率降级到该模型最高支持；时长超 max_duration 自动截断 - 清晰度/时长下拉按当前模型能力过滤 - 所有模型均支持音频，无特殊无声提示 - confirmViralCopy/generateViralCopy/generateViralVideo 均带 video_model - 参数变化 debounce 300ms 重算积分（estimate-credits 已带 video_model） ## 验证 - tsc --noEmit 0 errors - vite build ✓ PR 提交后 CI 全绿机器人自动 squash 合入 develop。

xiaoxia added 1 commit 2026-10-03 15:22:11 +08:00

feat(viral-video): inline doc-style storyboard layout ... a02232a1c3

- Replace textarea-per-field with click-to-edit inline flow
- Labels (field-k) now dark gray (#1f2937) bold, content follows on same line
- Time range labels: purple bold text, no pill background
- Remove left purple border on shot items
- Remove purple left border on voiceover section
- Overview split into separate rows (theme/duration/aspect)
- Voiceover section uses same field-val pattern
- Keep Select for aspect ratio inline
- tsc --noEmit: 0 errors, vite build: success

gitea-actions bot commented 2026-10-03 15:24:24 +08:00

Copy Link

Copy Source

🚀 预览环境已部署

项目	详情
PR号	#2159
预览链接	https://pr-2159.preview.xiaoxiajianji.com
API环境	staging

💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。

🔄 每次提交新代码后预览环境会自动更新。

🗑️ PR 关闭或合并后，预览环境会自动清理。

🚀 **预览环境已部署** | 项目 | 详情 | |------|------| | PR号 | #2159 | | 预览链接 | [https://pr-2159.preview.xiaoxiajianji.com](https://pr-2159.preview.xiaoxiajianji.com) | | API环境 | staging | > 💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。 > > 🔄 每次提交新代码后预览环境会自动更新。 > > 🗑️ PR 关闭或合并后，预览环境会自动清理。

xiaoxia added 1 commit 2026-10-03 15:30:21 +08:00

feat(viral-video): 动态视频模型选择器 + 分辨率/时长自动联动 ... d7b27c649a

- 新增 GET /viral-video/models API 与 ViralVideoModel 类型
- 页面加载时拉取模型列表，失败时兜底使用默认列表
- 模型下拉选项动态渲染，不支持音频的模型标注「🔇无声」
- 切换模型时自动联动：分辨率降级到该模型支持的最高值；时长超过 max_duration 时自动截断
- 清晰度下拉只显示当前模型支持的分辨率
- 时长下拉隐藏超出模型 max_duration 的选项
- confirmViralCopy 请求体补充 video_model（generateViralCopy/generateViralVideo 之前已带）
- 模型切换会通过现有 useEffect 自动触发积分重新预估
- tsc & vite build 通过

xiaoxia changed title from feat(viral-video): 分镜文案区改为内联流式文档排版 to feat(viral-video): 分镜内联流式排版 + 动态视频模型选择器 2026-10-03 15:30:49 +08:00

xiaoxia added 1 commit 2026-10-03 15:32:54 +08:00

feat(viral-video): 模型选择器补充5模型fallback+无声提示+直接使用后端display_name ... dddc6da681

- ViralVideoModel 类型补充 billing_mode 可选字段
- 兜底模型列表扩充到5个：Seedance 2.5/2.0/2.0 Fast/2.0 Mini/Wan 3.0
- 选项直接使用后端返回的 display_name（已包含🔇标记），不再前端拼接
- 选中不支持音频的模型时，Select 下方显示灰色小字提示「🔇 该模型不支持自动配音，视频为无声」
- tsc & vite build 通过

xiaoxia added 1 commit 2026-10-03 15:34:46 +08:00

fix(viral-video): 移除无声模型提示；所有5个模型均支持音频 ... b0c3c4e43b

- 后端确认 Seedance 2.0 Fast 支持音频，删除『🔇 该模型不支持自动配音』提示UI
- 兜底列表 supports_audio 全部置为 true；移除 fallback display_name 中的🔇/💰emoji（后端返回后自动覆盖，emoji 由后端控制）
- 模型选项仍直接使用后端 display_name
- tsc & vite build 通过

xiaoxia added 1 commit 2026-10-03 16:57:25 +08:00

fix(viral-video): 修复Frontend Lint警告——updaters改为useCallback+函数式setState ... 4281d64a10

- updateShot/updateStoryboard/updateOverview/updateConstraints/addConstraint/removeConstraint 用 useCallback + 函数式 setTask 包裹，避免闭包依赖 task.storyboard
- 加 eslint-disable 注释说明 setTask 是稳定 setter，无需加入依赖
- handleInlineCommit 依赖数组补全 updateShot/updateOverview/updateStoryboard（均已稳定）

xiaoxia referenced this issue from a commit 2026-10-03 17:21:03 +08:00

feat(viral-video): 多模型支持(4 Seedance+Wan 3.0)+DashScope接入+GET /models端点 (#2159)

xiaoxia referenced this pull request 2026-10-03 17:21:36 +08:00

feat(viral-video): 多模型支持(4 Seedance+Wan 3.0)+DashScope接入+GET /models端点 (#2159) #2161

xiaoxia added 1 commit 2026-10-03 17:30:52 +08:00

Merge remote-tracking branch 'origin/develop' into fix/storyboard-inline-doc-style ab39281101

auto-approve-bot referenced this issue from a commit 2026-10-03 17:42:41 +08:00

feat(viral-video): 多模型支持(4 Seedance+Wan 3.0)+DashScope接入+GET /models端点 (#2159) (#2161)

auto-approve-bot merged commit b28ac8bd1b into develop 2026-10-03 17:42:49 +08:00

auto-approve-bot deleted branch fix/storyboard-inline-doc-style 2026-10-03 17:42:53 +08:00

gitea-actions bot commented 2026-10-03 17:44:18 +08:00

Copy Link

Copy Source

🗑️ 预览环境已清理

PR #2159 已关闭或合并，对应的预览环境已被清理。

如有需要，可以重新打开 PR 来重新生成预览环境。

🗑️ **预览环境已清理** PR #2159 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 PR 来重新生成预览环境。

Sign in to join this conversation.

Reviewers

No Reviewers

Labels

Clear labels

architecture

架构设计

backend

后端相关

blocked

阻塞中

bug

Bug修复

ci-bug

CI本身的bug

ci-optimization

CI优化类任务

ci-pipeline

CI流水线/workflow相关

cleanup

代码清理

devops

运维/部署/CI

documentation

文档相关

feature

新功能

frontend

前端相关

P0

阻塞性，必须立即处理

P1

高优先级

P2

中优先级

P3

低优先级/后考虑

question

需要讨论确认

ready

PR CI通过，可合并

refactor

代码重构

No Label

Milestone

No items

No Milestone

Projects

Clear projects

No project

Assignees

Clear assignees

auto-approve-bot frontend-dev xiaoxia

No Assignees

2 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#2159