打开任何一款AI对话产品，界面几乎一模一样——顶部一个标题栏，中间一个对话框，底部一个输入框。AI的回复永远是白色气泡里的一段文字，最多加个Markdown渲染。
你有没有想过，AI都进化到能调工具、写代码、画图表了，为什么呈现在你面前的还是和2016年聊天机器人一样的界面？
这背后有两层原因。第一层，AI的输出本质是纯文本，没有结构化的UI描述语言能同时支持"流式"和"交互"。第二层，前端没有一套现成的AI对话组件库——想加一个"思考过程折叠"功能，得自己从零写；想加一个"工具调用卡片"，得自己从零写；想加一个"建议选项网格"，还是得自己从零写。
每个AI产品团队都在重复造这些轮子。向量空间JBoltAI看到了这个问题，于是在TokUI中做了一件看起来简单但实际费功夫的事：把AI对话产品需要的所有组件，全部做好了。
现在AI对话长什么样
向量空间JBoltAI观察了大量AI产品的前端形态，结论一致。先看传统AI对话产品的标准配置。
用户发消息——一个气泡。AI回消息——一个气泡，里面是Markdown渲染的文本。用户可以复制文本、可以点重新生成。没了。
再看TokUI驱动的AI对话。
用户发消息——一个气泡。AI回消息——也是一个气泡，但里面的内容完全不同。思考过程以可折叠区域展示，推理步骤一条一条列出来。工具调用以卡片形式展示，工具名称、参数、执行状态一目了然。代码以带语法高亮的代码块展示，行号、折叠、一键复制全都有。图表以SVG直接渲染——柱状图、折线图、饼图，数据清晰可读。参考来源以引用卡片展示，点击可以跳转原始链接。操作选项以建议网格展示，用户点一下就能触发下一步。
所有这些组件不是在对话结束后才出现的，而是随着AI的输出流式生长——AI输出思考过程的DSL代码，前端逐字渲染成折叠区域；AI输出图表的DSL代码，图表一根柱子一根柱子长出来；AI输出工具调用的DSL代码，状态从"调用中"实时变为"成功"。
30多个AI对话专属组件
TokUI把AI对话产品需要的组件分成了几个大类。
- 对话基础类：气泡（bubble）、工具条（toolbar）、消息操作栏（msg-actions，支持复制/重新生成/赞/踩）。这些是每个AI产品都要有的基础组件，TokUI做成了标准件。
- 思考与推理类：think（思考过程折叠）、think-chain（分步推理链）、think-step（单步推理）。这些组件解决的是"AI怎么想"的展示问题。用户可以展开看AI的完整推理过程，也可以收起只看结论。
- 工具与Agent类：tool-call（工具调用卡片）、agent（Agent状态展示）、plan（执行计划清单）、plan-step（计划步骤）。这些组件解决的是"AI在做什么"的展示问题。向量空间JBoltAI在TokUI中把这些组件设计成了状态可实时更新的形式——Agent调完工具后，状态自动从"调用中"变为"成功"。
- 代码与终端类：diff（代码差异对比）、terminal（终端输出）、sandbox（可执行沙箱，支持实时预览）、artifact（Artifact侧边预览，代码和预览双栏）。这些组件解决的是"AI写的代码怎么展示"的问题。代码高亮、行号、折叠、差异对比、实时预览，全部开箱即用。
- 引用与反馈类：source（联网检索引用来源）、quote（历史消息引用）、quick-reply（快捷回复按钮）、suggestions（建议选项网格）、test-result（测试报告）、commit（Git提交信息）、file-tree（文件树）。
- 页面级组件：welcome（欢迎页，展示新建对话和历史会话列表）、conversations（会话历史）、chat-input（带附件支持的输入框）、attachments（文件附件组件）。
对比一下就知道差距
把主流AI产品的UI组件和TokUI做一对比。
- 思考过程展示——多数产品：不展示，或者简单写"正在思考"几个字。TokUI：可折叠的推理链，每一步有编号和详细说明。
- 工具调用展示——多数产品：不展示，或者只在日志里记录。TokUI：独立的工具调用卡片，工具名称、参数、状态、结果一目了然，状态实时更新。
- 代码展示——多数产品：Markdown代码块，带高亮但没有行号、没有折叠、没有差异对比。TokUI：完整的代码组件体系——高亮、行号、折叠、差异对比、实时预览沙箱。
- 图表展示——多数产品：不支持，或者让AI输出一段文字描述数据。TokUI：九种SVG图表原生渲染，柱状图逐根长出、饼图逐块填充。
- 建议选项——多数产品：不支持，用户只能自己打字描述下一步。TokUI：suggestions组件，可点击的选项网格，用户一点就触发下一步。
- 文件上传——多数产品：简单的附件按钮。TokUI：attachments组件，支持拖拽上传、类型预览、进度展示。
更重要的是，向量空间JBoltAI让TokUI的所有组件都支持流式渲染。不是等AI输出完再一次性弹出，而是随着AI的DSL代码逐字到达，前端实时渲染。这意味着用户看到的是一个"正在生长"的界面——和AI逐字输出文字的体验完全一致，只不过长出来的不是文字而是UI。
向量空间JBoltAI在做企业AI平台时，最大的感触就是AI产品的前端体验太粗糙了。模型能力已经能做复杂的多步任务了，但前端还停留在一个Markdown渲染器。TokUI的AI对话组件体系，就是要把这个短板补上。
不只是给开发者用的
向量空间JBoltAI希望TokUI的AI对话组件不只是开发者的事——产品经理和设计师也应该关注。
如果你在做AI产品的交互设计，TokUI官网的组件演示区可以直接当作"组件选型手册"用。30多个组件覆盖了AI对话产品的全部交互形态，你不需要写代码就能看到每个组件长什么样、交互是什么效果。这比画原型图方便多了——直接在官网上看到真实的、可交互的组件效果，然后决定你的AI产品需要哪些。
TokUI已正式开源，官网 tokui.jboltai.com，MIT协议。向量空间JBoltAI把这套AI对话组件体系开源出来，就是让所有做AI产品的团队不用再从零造这些轮子。向量空间JBoltAI认为，AI对话的前端体验到了必须升级的时候了——TokUI就是这套升级方案的开源底座。
