Agent 消息回放
这与 Labs 中嵌入的是同一个 React 组件。此页在加载后即可操作。
消息回放
从步骤到回答
先看完整结果，也可以重新播放消息出现的过程。
这篇博客怎样同时展示文章和交互式 demo？
A
读取文章已完成
读取事先准备好的文章片段与目录。
整理要点已完成
将示例材料整理成内容、组件和部署三个主题。
生成展示已完成
逐段回放预先编写的回答，展示流式消息的交互。
文章由 Astro 在构建时生成完整 HTML 。
这个交互区域是一棵独立的 React 组件树，使用 HeroUI 控件和 HeroUI Pro 消息组件 。
同一份组件同时用于 MDX 文章和独立页面；同页的 Svelte 组件管理自己的状态。
演示只回放本地数据，没有请求模型，也没有保存或发送输入。
MDX · 复用同一个组件
import AgentReplay from './AgentReplay';
<AgentReplay client:visible />回放完成 · 7 / 7React + HeroUI + Tailwind v4
试试这些操作
- 点击「重新回放」，观察步骤、回答和来源依次出现。
- 播放中暂停、修改速度，或跳到完整结果。
- 复制示例代码或回答，展开与收起步骤和来源。
演示播放本地预设数据，没有调用 AI 模型或后端服务。