[性能] Chat 折叠只隐藏不卸载：把渲染窗口收缩为「最新 N 轮 + 1 个折叠行」（含实现与实测）

[V1sMu21]

现象

长任务会话跑久之后前端越来越卡，最终卡死（#359、#452）。本机复现后定位到渲染路径，方案已实现并测试通过，因本仓库 PR 通道未开放，按维护者建议的渠道放到这里。

根因：折叠不等于不渲染

packages/client/ui-chat/src/client/chat/ChatView.tsx 对整个已加载窗口逐个渲染 ChatNodeSeat：

const ChatNodeList = memo(function ChatNodeList({ order, ...seatProps }) {
  return order.map(nodeKey => <ChatNodeSeat key={nodeKey} nodeKey={nodeKey} {...seatProps} />)
})

而 ChatNodeSeat 在 Turn 过程折叠时只做 hidden="until-found"（searchable-hidden.ts），子树保持挂载。packages/client/ui-chat/README.md 原文写得很明确：

Stable Chat Node Seats keep every renderer mounted

于是「折叠已完成轮次」只是绘制层面的隐藏，不是渲染层面的隐藏：

• 每次 commit 的协调成本 = O(已加载节点数)
• 保留的 element tree + DOM = O(已加载节点数)

两者都随会话时长单调增长。跑几小时到几天的任务，前端占用持续上涨——这与 #359 里「3,242 条 reasoning-chunks 实时累积渲染」、#370 里「一次返回 37MB 历史」是同一类问题的不同切面。

packages/client/ui-trajectory 早就为同样原因做了虚拟化（e2e 断言 MAX_MOUNTED_ROWS = 160）。Chat 一直没有对等机制。

方案：把渲染窗口收缩为「最新 N 轮 + 1 个折叠行」

在 render 期对已加载 order 做一次纯投影：

• 最新 DEFAULT_WINDOW_TURNS = 5 轮保留各自 seat；
• 更早的轮次全部收敛到一行 TranscriptFoldRow，行上 data-transcript-fold-turns 汇报它代表多少轮；
• 挂载行数 = 窗口 + 1，与会话长度无关。

解析不到 Turn 的行（头部 session 级 section，含 System prompt 行）保持挂载：它们是固定几行、不是每轮成本，去掉还会改变 transcript 呈现。

折叠行每次把窗口上抬一页（5 轮），上限 8 页。这是纯渲染决策——那些轮次已经在内存里，不发历史请求。到顶后由既有的「加载更早」分页接管，所以挂载预算无法被无限点开。

导航与预算对齐：rail 点击或 pending jump 的目标轮次若「已加载但未被 seat」，原先找不到 anchor 会静默失效，现在改为上抬预算并重新武装 jump（原有落地修正照常执行）。揭示路径经 latest-ref 读取，避免分页 commit 打断进行中的 busy 标记。

实测

项目	结果
pnpm vitest run ui-chat/tests	31 files / 369 tests 全通过（基线 30 / 358，新增 11 例）
tsc -b tsconfig.client.json	ui-chat 源码 0 error（tests/apply-inject 有 1 处既有错误，stash 前后一致）
oxlint（改动文件）	0 warning / 0 error
挂载上界	12 轮×6 行 与 40 轮×2 行两种会话挂载行数相同；差额由 data-transcript-fold-turns=35 承载，不落地为 DOM

关键断言（chat-view.client.spec.tsx）：

expect(longMounted).toBe(shortMounted)          // 挂载量与会话长度解耦
expect(longMounted).toBeLessThan(12 * 2)        // 远小于全量
expect(foldRow.dataset.transcriptFoldTurns).toBe('35')

代码

• 新增 packages/client/ui-chat/src/client/chat/transcript-window.ts（纯投影 + 分页换算）
• 新增 packages/client/ui-chat/src/client/chat/TranscriptFoldRow.tsx / .module.css
• 修改 ChatView.tsx、locale.ts（2 条中英文案）、chat-view.client.spec.tsx
• 新增 transcript-window.client.spec.ts

分支（可直接 git fetch 查看，基于 0.1.6-alpha.2；ChatView.tsx 与当前 master 有冲突需重做植入）：

git fetch https://github.com/V1sMu21/deepseek-harness.git perf/transcript-render-window

局限（有意不做）

• 折叠只约束渲染。会话事件仍全部常驻内存，加载窗口的数据层淘汰是另一个改动。
• 揭示到 8 页（40 轮）为止，之后回到「加载更早」。这是刻意的：预算不能被点开绕过。
• 折叠行故意做得很朴素（轮数 + 提示 + 箭头）。若需要预览折叠轮次，可在 TranscriptFoldGroup 上叠加。

若维护者认可方向，PR 通道开放时我可以直接提 PR（补丁与测试已就绪）。