Agent SSE 流式可视化组件
你做了一个 AI Agent,后端返回的结果是流式的,一个字一个字蹦出来。用户看到的就是一个光标在那里闪啊闪,完全不知道 Agent 在干嘛。它在思考?在调用工具?还是卡住了?
Agent 对话 UI 设计与实现
Agent 对话 UI 不是普通的聊天界面——消息长度不可控、流式输出需要逐字渲染、中间有工具调用状态、还要支持 Markdown 和代码高亮。再加上移动端适配,边界情况远比想象的多。
Generative UI 实践
传统的 AI 对话界面,LLM 返回什么就渲染什么——一段文字、一个 JSON、一张图表。但你有没有想过:LLM 直接返回一个 React 组件,前端直接渲染?这就是 Generative UI。
Agent 可视化调试面板
Agent 输出了离谱的结果,日志里有 50 多条记录、8 次工具调用、3 次重试——一行行翻 log 两小时,最后发现是一个 JSON 字段名拼错了。传统日志排查在 Agent 场景下效率极低,需要可视化调试面板把决策链路、工具调用、Token 消耗全部呈现出来。