组件图册¶

这里有 65 个展示场景，分为 10 个类别。截图由 Demo 的组件测试实际渲染，每项都包含依赖模块、imports、可编译示例、交互说明和 API 链接。多个场景可能使用同一个 API；完整公开接口见 API 参考（英文）。

先完成安装，再把示例放进 activity 的 setContent，并由 AiElementsTheme 包裹。示例函数参数表示由应用提供的状态或回调。状态工厂、独立表单及其他入口见辅助 API。

类别	组件
对话组件	对话列表、单条消息、消息输入框、建议提问、空对话欢迎页、回复版本切换、对话检查点、待发送队列、在其他聊天应用打开、模型选择器、Token 使用量、加载指示器、流动高亮文字
消息内容	流式 Markdown、代码块、数学公式、Mermaid 流程图、Mermaid 时序图、Mermaid 类图、Mermaid 饼图、流式 Mermaid、思考摘要、信息来源、正文引用标记
工具与工作面板	工具调用、子 Agent、Agent 工作面板、回复中的工作预览、执行步骤视图、Agent 信息卡
人工确认	工具审批、选择题、信息收集表单
Agent 执行结构	任务计划、任务条目、推理步骤、结构化数据片段
生成式界面	JSX 文本与布局、JSX 表单与操作、JSX 选择控件、JSX 数据卡片、流式 JSX、A2UI 界面、生成产物、网页预览
附件与媒体	图片、附件列表、视频、PDF 与文档、音频播放器与转写
语音交互	语音对话模式、语音状态形象、语音输入、麦克风与音色选择
开发者工具	终端输出、异常堆栈、测试结果、文件树、提交信息、接口结构、依赖信息、环境变量、代码与运行结果、可复制命令
工作流	工作流画布

MCP Apps 的交互视图需要连接 MCP 服务，未包含在静态图册中。请看生成式界面指南。