Skip to content

feat(ui): 任务页体验——预览 lightbox/隔离、流水线与安装态、Loss/TB、失败原因与信息密度 #226

Description

@wochenlong

请求协助

@IryNeko 麻烦协助推进本 Issue(前端 / 任务页,TasksPage 一带)。目标分支 dev,建议独立 PR,勿与 #221 / #222 / #223 混提。

Krea2 / Musubi 冒烟时整理的任务页体验包;前端为主,个别项可能需后端 metadata / 预览 API 配合。

背景

Vue3 四栏 IA 下「任务」已是盯盘主入口(见 #215)。冒烟中发现任务列表/详情仍有多处误导或信息不足,影响「开训后能不能看懂在干什么」。

相关页面:frontend/src/pages/TasksPage.vue(预览条约 preview-item / preview-scroll)。

需求清单

1. 预览图:应用内 lightbox(P0)

现状:缩略图外链到 /api/tasks/{id}/previews/...png,整页跳裸图。
期望:任务页内放大(lightbox/modal);Esc/遮罩关闭;建议多图左右切换;不打断日志/Loss 上下文。

2. 安装任务「假提交中」(P0)

现状musubi-install-… 易显示「提交中/待提交」,详情无配置/无日志;安装可能已 FINISHED,与训练任务混淆。
期望:安装/审计类与训练分开展示或打标签;结束后不要占「进行中」或误导文案;详情写明 kind 与真实状态。

3. Musubi 三阶段不好认(P0)

现状{id}-cache_latents{id}-cache_text_encoder{id} 扁平罗列;父任务 cache 阶段常为 CREATED,像没跑起来。
期望:一次提交呈现为一条训练入口 + 阶段进度(或父子折叠/步骤条);失败标明卡在哪一阶段。

4. 失败原因展示偏弱(P0)

现状FAILED 时 metadata 已有 error / last_log_lines(如 fp8_scaled requires fp8_base),详情不醒目。
期望:顶部错误摘要 + 末几行日志(可复制);预检查失败与进程失败同一套「失败原因」区块。

5. 任务详情 Loss 图空白(P1)

现状:有 avg_loss / TensorBoard scalar,任务页 Loss 区仍空。
期望:能画则画;暂不支持则写清原因并引导 TB,避免无说明黑空。

6. TensorBoard 缺少「返回任务」(P1)

现状:进 TB 后主区被占满,无返回当前任务详情,只能猜侧栏。
期望:顶栏「← 返回任务」;浏览器后退回到同一任务详情。

7. 已结束任务预览仍在更新 / 疑似串任务(P0)

现状:已完成任务预览仍随时间变,疑似与进行中任务共享数据源或轮询。
期望:严格按选中 taskId 过滤;终态停止轮询;切换任务 abort 上一任务请求。后端 /api/tasks/{id}/previews 只返回该任务图。

8. 任务详情信息密度不足(P1)

现状:多半只有名/状态/进度/UUID/配置路径。
期望至少稳定展示:模型/训练类型、引擎、elapsed、ETA(估不出则「—」)、进度;可选 output/checkpoint、最近 loss。

9. 监控指标条长期 -(观察,可跟 §5/§8)

训练监控页进度/EPOCH/LOSS 等长期 - 时,能解析则填;暂不支持则标明「该引擎暂无汇总解析」。

验收(摘要)

  • 点预览不跳裸 PNG;页内可放大关闭
  • 安装任务不与训练「提交中」混淆
  • 一次 Musubi/Krea2 提交主要呈现为一条训练 + 阶段可见
  • FAILED 打开详情即可看到错误摘要 + 末日志
  • 已完成任务预览不随其它任务更新;A/B 切换不串台
  • Loss 有曲线或明确降级;TB 可一键回任务
  • 详情可见模型类型 + elapsed(有条件则 ETA)

非目标 / 边界

关联

Metadata

Metadata

Assignees

Labels

P1High priority issue that affects user experience but is not an immediate release blockerenhancementNew feature or requesthelp wantedExtra attention is needed

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions