PicoBot

History

oudecheng 2367d87db6 perf(web): 消息列表虚拟化，长对话不再卡顿

原实现 messages.map 渲染所有消息，500 条消息会产生 10000+ DOM
节点（每条 MessageBubble 含 ReactMarkdown 解析），导致首次渲染
卡顿、滚动掉帧、流式输出每 token 都全量 diff。

引入 @tanstack/react-virtual 实现虚拟化：
- 只渲染视口内 + overscan=6 条消息，DOM 节点数恒定
- measureElement 动态测量变高度消息（一行文本 vs 50 行代码块）
- estimateSize=120 提供初始估计，测量后自动校正
- Firefox 特殊处理 measureElement（getBoundingClientRect）

适配现有功能：
- 自动滚到底部：bottomRef.scrollIntoView 改为 virtualizer.scrollToIndex
- viewKey 滚动位置记忆：保留 scrollTop 保存/恢复逻辑
- highlightedMessageId：先 scrollToIndex 渲染目标项，rAF 后加 class
- newMessageCount：流式 delta 不计数（消息条数不变）
- space-y-6 改为每项 pb-6（虚拟化下相邻 margin 不生效）

性能对比（500 条消息）：
- DOM 节点：10000+ → ~200（仅可见+overscan）
- 首次渲染：数百 ms → <16ms
- 流式 diff：全量列表 → 仅可见项

2026-08-07 08:34:07 +08:00

public

feat: 添加 favicon.svg 文件并在 index.html 中引用

2026-06-08 14:43:47 +08:00

src

perf(web): 消息列表虚拟化，长对话不再卡顿

2026-08-07 08:34:07 +08:00

.gitignore

feat: 添加 React Web UI 前端界面

2026-05-26 17:43:15 +08:00

.prettierignore

chore: 建立工程化基线（rustfmt + clippy + CI + eslint + prettier）