Pin the chat scroll fix: constrain the middle column flex chain

Why: the chat page could not scroll once messages exceeded the viewport
and the input bar was pushed off-screen (missing min-height:0 on the
column flex chain .main->.chat->.chat-body).
Evidence: combo make test green with the advanced frontend gitlink;
headless-Chromium before/after measurements and four layout variants
recorded in the task card.
Impact: middle column only; also ignore /data-test/ local runtime data
so precheck does not report BUSY on the user's test artifacts.
Refs: Agent-System-Frontend a54022c (feature/chat-scroll-fix).
This commit is contained in:
2026-09-30 09:16:51 +00:00
parent ba24d31e6c
commit 813abf17db
3 changed files with 11 additions and 5 deletions
+1
View File
@@ -1,4 +1,5 @@
/bin/ /bin/
node_modules/ node_modules/
/data/ /data/
/data-test/
.zcode/plans/ .zcode/plans/
+9 -4
View File
@@ -6,11 +6,13 @@
- 权威仓:ssh://git@git-ssh.u1680832.nyat.app:31411/weichen/Agent-System-Dev.git;目标分支:main;R0(initial_base_sha)= e7aeb6bc1721c8a046f8f0117a98621fd2a04eb7 - 权威仓:ssh://git@git-ssh.u1680832.nyat.app:31411/weichen/Agent-System-Dev.git;目标分支:main;R0(initial_base_sha)= e7aeb6bc1721c8a046f8f0117a98621fd2a04eb7
- 工作区:/home/weichen/projects/Agent-System-Dev-wt-feature-chat-scroll-fix(worktree);分支:feature/chat-scroll-fix - 工作区:/home/weichen/projects/Agent-System-Dev-wt-feature-chat-scroll-fix(worktree);分支:feature/chat-scroll-fix
- 授权与交付终点:<本次允许的动作与终点;未授权事项写明> - 授权与交付终点:用户测试报告缺陷并授权修复;终点 = PR 合入 main + 任务卡闭合(建 PR/合入/回收按自主闭环执行)
## 目标与非目标 ## 目标与非目标
<预期结果、受影响入口/模块/契约;明确不做什么。> - 目标:修复聊天页消息超出视口后无法向下滚动、回复看不全、输入栏被顶出视口的布局缺陷。根因:中栏列向 flex 链(.main→.chat→.chat-body)缺 min-height:0,.chat 的自动最小高度=内容高度,撑破视口后 chat-body 永不触发 overflow 滚动。
- 受影响入口:modules/frontend src/styles.css(.chat/.chat-body 两条规则);经 gitlink 推进至本仓。
- 非目标:不改消息渲染、过程折叠、HITL、收件箱等行为;不做移动端/触控适配。
## 同步记录 ## 同步记录
@@ -20,6 +22,9 @@
## 结果与验证(完成后填写) ## 结果与验证(完成后填写)
- 结果: - 结果:styles.css 为 .chat 与 .chat-body 补 min-height:0 并注释该约束链;Frontend 仓提交 a54022c(分支 feature/chat-scroll-fix)。
- 验证: - 验证:
- 影响与剩余项: - 无头 Chromium(playwright-core + 本地缓存 Chromium)实测,1024x620、mock 长会话:修复前 .chat=2130px、input-bar 底边 717px(超视口 97px)、chat-body scrollable=false;修复后 .chat=620px=视口、chat-body clientH 501/scrollH 2011(可滚且自动滚到底)、input-bar 底边=620px。
- 变体:空会话、单条短消息、1024x400(滚轮上滚 600px 后回底成功)、720x600 —— 输入栏全部贴底可见,文档级不出现滚动。
- 组合验证:make test 全绿(core + backend + frontend 9 + ui 23 + agentcmd)。
- 影响与剩余项:仅中栏布局链,无行为变化;无剩余项。附带:.gitignore 增补 /data-test/(本地测试运行数据目录,与 /data/ 同类约定,防 precheck 误报 BUSY;既有测试数据已完整移至 ~/projects/agent-system-data-test)。