用 Server-Sent Events 做AI 表格助手时如何渲染中断续写

SSE 更适合做持续输出型交互

Server-Sent Events 适合把 AI 生成过程中的增量内容持续推送到前端，用户能在表格里边看边等，不会像一次性返回那样长时间空白。对于表格助手来说，这种方式很适合展示思考过程、分段结果、进度状态和中断续写内容。前端只要维持一条长连接，就能持续接收服务端推送的数据，并把内容直接渲染到单元格、侧边栏或浮层中，交互感会更自然。

把已接收内容当作可续写草稿来维护

可以在前端维护一个按任务 ID 绑定的草稿状态，把每次 SSE 推送来的片段不断追加到同一个渲染区。遇到中断时，界面保留已经收到的文本，并把任务状态标记为“可恢复”或“已暂停”。当续写重新开始时，服务端继续推送新的片段，前端只需要沿用原来的内容容器继续追加，而不是清空重来。为了避免重复内容，还可以让每个分片带上序号或游标，前端依据游标做去重和补位，这样表格中的 AI 结果就能平滑接上。

用增量更新和局部渲染降低抖动

在表格场景里，频繁整格重绘容易造成滚动条跳动、光标错位和性能下降。更稳妥的做法是只更新当前任务对应的局部节点，把新片段追加到已有文本末尾，尽量不触发表格整行重排。对于长文本，可以把展示区和编辑区分离，展示区负责流式输出，编辑区在任务结束后再接管。若内容里包含 Markdown、代码块或表格结构，建议在片段累计到一定长度后再统一做解析渲染，这样能减少半成品结构导致的闪烁。

依靠任务状态、断点信息和重连机制恢复

恢复生成进度时，关键是让服务端和前端都保存同一个任务标识，以及已发送到哪个位置的断点信息。前端重连后可以带上任务 ID、上次收到的事件游标或字符偏移量，请求服务端从断点继续推送。服务端在设计上也要支持幂等输出，避免重连后重复发送已经展示过的片段。前端收到新数据后按游标合并到原内容中，就能把中断前后的文本拼接完整，让用户在表格里看到连续的 AI 回答。

短结果适合单元格，长内容更适合独立面板

如果输出内容很短，例如分类标签、简短摘要或单句建议，直接渲染在单元格里就足够了。遇到长文本、持续流式输出、需要中断续写的场景，独立侧边面板通常更合适，因为它能提供更大的显示区域，也更便于展示进度、状态和历史片段。单元格可以保留一个简短预览或状态标记，完整内容放到面板中连续输出，这样既不影响表格整体布局，也能让用户清楚看到 AI 的生成过程和续写结果。