Skip to content

feat(web): 画布运行面板默认激活「过程」tab - #120

Merged
chumingjun merged 1 commit into
mainfrom
feat/web-default-process-tab
Sep 2, 2026
Merged

feat(web): 画布运行面板默认激活「过程」tab#120
chumingjun merged 1 commit into
mainfrom
feat/web-default-process-tab

Conversation

@chumingjun

Copy link
Copy Markdown
Owner

Closes #119

背景

运行面板三个 tab 原顺序为「成果 / 过程 / 问题」,默认激活「成果」。发起运行后用户第一诉求是看执行进度(哪个节点在跑、跑到哪了),长任务/失败场景下默认落在「成果」还会先看到空态。

方案

  • RESULT_TABS 顺序调整为「过程 / 成果 / 问题」,默认激活项与第一项对齐
  • ResultPanel.jsx:初始 useState('process') + 切换运行的重置 setActiveTab('process')
  • run-view-state.jsderiveRunViewState 默认参数与非法 tab fallback 改 'process'
  • result-adapter.test.mjsbad-tab 断言同步更新

注:RESULT_TABS 重排在工作区已有未提交改动(subworkflow 批)中先行出现,与 #119 目标一致,本 PR 一并收编;其余 subworkflow 工作未包含在本 PR。

验证

  • cd web && npm test:14 套全绿(含更新后的 result-adapter 断言)
  • sh dsh-plugins/build-web.sh 双构建通过
  • 用户手动切 tab 与 node-detail 自动进「执行过程」逻辑不受影响(后者依赖的「用户未动过 tab」语义未变)

Closes #119

- RESULT_TABS 顺序调整为「过程 / 成果 / 问题」,与默认激活项对齐
  (该重排原在工作区未提交改动中,与本 issue 目标一致,一并收编)
- ResultPanel 初始 useState 与切换运行的重置 effect 改为 'process'
- deriveRunViewState 默认参数与非法 tab fallback 同步改为 'process'
- result-adapter 测试断言同步更新

验证:web 14 套测试全绿;build-web.sh 双构建通过
@chumingjun

Copy link
Copy Markdown
Owner Author

真实浏览器验证(合并门槛 2)

Vite dev server + 页面内 fetch mock(/graph、/runs、/runs/detail、/run-results 等最小数据集),真实 Chrome 渲染验证:

  • 默认 tab:运行数据加载后,运行面板默认激活「过程」tab(aria-selected=true,result-tab-on 类);tab 顺序「过程2 / 成果1 / 问题」,计数角标正常
  • 过程内容:时间线正确渲染两个节点(写手 1.2 秒、输出 <1 秒),状态与耗时显示正常
  • 空态:无运行时面板仍显示三 tab +「运行工作流后…」提示,默认选中「过程」
  • 手动切换:点「成果」→ aria-selected 移动且展示最终输出内容;点回「过程」→ 时间线恢复显示,往返正常
  • 截图存档:agent 会话工件(默认过程 tab + 时间线渲染)

本地验证汇总:web 14 套测试全绿 ✅ · build-web.sh 双构建通过 ✅ · CI test+build 通过 ✅ · 浏览器 E2E ✅

@chumingjun
chumingjun merged commit 1b91f83 into main Sep 2, 2026
1 check passed
@chumingjun
chumingjun deleted the feat/web-default-process-tab branch September 2, 2026 16:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat(web): 画布运行面板默认激活「过程」tab

1 participant