[Bug] 长上下文的聊天记录在webUI预览会直接卡住

[baianjo]

What happened / 发生了什么

长上下文的聊天记录在webUI会直接卡住。即使刷新页面也会卡死一段时间

docker compose部署。很抱歉没有日志可以提供

建议先展示原始json方便修改，会话渲染可以使用其它优化思路

Reproduce / 如何复现？

当上下文变长，几乎100%稳定复现

AstrBot version, deployment method (e.g., Windows Docker Desktop deployment), provider used, and messaging platform used. / AstrBot 版本、部署方式（如 Windows Docker Desktop 部署）、使用的提供商、使用的消息平台适配器

4.22.3 docker compose

OS

Windows

Logs / 报错日志

很抱歉这个没有日志

Are you willing to submit a PR? / 你愿意提交 PR 吗？

• Yes!

Code of Conduct

• I have read and agree to abide by the project's Code of Conduct。

[dosubot]

Hi @baianjo! I'm Dosu and I’m helping the AstrBot team.

这个问题的根因可以确认：webUI 的消息列表目前没有使用虚拟滚动或分页，所有消息通过 v-for 一次性渲染到 DOM 中 [1]，并且会话历史是单次 API 请求全量加载的 [2]。

当上下文很长时，会同时出现两个瓶颈：

1. 网络层：一次性拉取全部历史记录，数据量大
2. 渲染层：所有消息（含 markdown 解析、图片、工具调用等）同时挂载到 DOM，导致页面卡死

目前已有一些后端侧的上下文压缩优化（如 TruncateByTurnsCompressor）[3]，但前端渲染侧尚未实现虚拟滚动（virtual scrolling）、分页加载或消息懒加载等优化。

你提到的"先展示原始 JSON"是一个可行的临时方案。更彻底的解决方式是引入虚拟列表组件（如 vue-virtual-scroller），只渲染可视区域内的消息节点。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}