Skip to content

fix(ui): 修复 jobs 页面滚动渲染降质并忽略 .agentdocs#9

Closed
AK-103U wants to merge 2 commits intoXBigRoad:mainfrom
AK-103U:codex/jobs-render-fix
Closed

fix(ui): 修复 jobs 页面滚动渲染降质并忽略 .agentdocs#9
AK-103U wants to merge 2 commits intoXBigRoad:mainfrom
AK-103U:codex/jobs-render-fix

Conversation

@AK-103U
Copy link
Copy Markdown
Contributor

@AK-103U AK-103U commented Mar 23, 2026

Summary

  • 修复 jobs 控制室首页和 /jobs/[id] 详情页在快速滚动时出现的短暂模糊与贴图丢失。
  • 仅对 jobs 相关长滚动区域关闭大面积 backdrop-filter,并提高面板底色不透明度,降低滚动过程中的合成层与重绘压力。
  • .agentdocs/ 从仓库中移除并改为目录级忽略,避免本地代理文档继续被 Git 跟踪。
  • 补充渲染修复后的页面截图,便于 review 与回归核对。

Closes #8

Validation

  • npm run check
  • Docs-only change, no runtime verification needed
  • Manual verification included below

说明:npm run check 在当前分支未全绿;失败点为既有 tests/provider-adapter.test.ts 中两条重试断言(实际 2 次,断言期望 3 次),与本次 CSS / .gitignore 改动无直接关系。

Manual Verification

  • npm run typecheck
  • npm run build
  • 本地打开 //jobs/5a00dad7-9abc-4194-a15e-9ec4bbadfa45,确认页面正常渲染。
  • 检查浏览器计算样式,确认 .control-room-hero.control-lane.detail-hero.result-stage.round-cardbackdrop-filter 均为 none

Screenshots / UI Notes

  • jobs 页面渲染修复后截图:

    jobs 页面渲染修复后截图

Checklist

  • User-visible changes are described clearly
  • Final-prompt-first behavior is preserved, or not applicable
  • Reviewer isolation is preserved, or not applicable
  • Provider-internal paths are not exposed in the UI, or not applicable
  • Docs were updated if behavior, deployment, or UX changed
  • No secrets, keys, or tokens are included in this PR

张三 added 2 commits March 23, 2026 19:59
- 对 jobs 控制室与结果详情页关闭大面积 backdrop-filter,缓解快速滚动时的短暂模糊与贴图丢失
- 调整 jobs 页面面板底色不透明度,在降低合成层压力的同时保持视觉层次稳定
- 新增 docs/screenshots/jobs-page-render-fix.png,供 issue 与 PR 说明引用
- 将 .agentdocs/ 明确写入目录忽略规则,并从版本管理中移除既有跟踪文件,使本地代理文档不再进入仓库
- 已创建上游问题单 #8 记录该渲染问题

验证情况:
- npm run typecheck:通过
- npm run build:通过
- npm run check:未通过;tests/provider-adapter.test.ts 中两条既有重试测试仍失败(实际 2 次,断言期望 3 次),与本次改动无直接关系
移除 job detail 诊断列表外层的 framer-motion layout 容器。

避免点击查看详情或收起详情时对整列轮次卡执行布局测量与动画插值。

验证:npm run typecheck、node --import tsx --test tests/control-room-layout.test.ts tests/input-judged-rounds.test.ts、npm run build 通过。
@XBigRoad
Copy link
Copy Markdown
Owner

收到🫡,我注意到你截图右上角那里显示有问题,我这边本地已经修复了,v0.1.8一起上传。

@XBigRoad
Copy link
Copy Markdown
Owner

感谢这个 PR,方向是对的,截图和手工验证也很有帮助。

不过这块在当前的 v0.1.8 工作里已经通过更大范围的 jobs 页面与详情页重构一起收口了,相关问题不会再按这条 PR 的旧结构直接合入。为了避免把已经明显落后的页面结构和样式层再拼回主线,这次我不直接 merge 这条 PR,改为按“已在后续版本中吸收/覆盖”处理。

Issue #8 会随 v0.1.8 一起关闭。
另外 .agentdocs 这部分目录处理我会和当前主线结构一起看,不在这条旧 PR 上单独继续推进。

再次感谢你把问题、截图和验证过程都补得这么完整。

@XBigRoad
Copy link
Copy Markdown
Owner

感谢这个 PR。\n\n这次 v0.1.8 已经通过更大范围的 jobs / detail 收口把对应问题吸收掉了,包含滚动渲染降质相关处理,所以这条旧 PR 这边不直接合并,改按已被后续版本覆盖处理。对应 issue 也已随 v0.1.8 收口。

@XBigRoad XBigRoad closed this Mar 31, 2026
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.

Bug: jobs 页面快速滚动时出现短暂模糊与贴图丢失

2 participants