消息类型识别
DesireCore 的对话界面中有多种消息类型,每种都有独特的视觉样式,帮助你快速区分消息来源和性质。
用户消息
你发送的消息显示在对话的右侧,采用绿色渐变背景。
视觉特征:
- 绿色渐变背景,白色文字
- 右上角为尖角(4px),其余三角为圆角(20px),形成指向右侧的视觉导向
- 最大宽度为聊天区域的 70%
- 右侧显示你的头像
如果你发送了图片,图片会嵌入显示在消息中。如果你引用了文件,文件信息也会一并展示。
智能体回复
Companion 的回复显示在对话的左侧,采用白色半透明玻璃材质背景。
视觉特征:
- 半透明白色背景,带模糊效果
- 左上角为尖角(4px),其余三角为圆角(20px),指向左侧头像
- 最大宽度为聊天区域的 78%
- 左侧显示 Companion 的头像
- 支持 Markdown 富文本渲染(标题、列表、代码块、表格、Mermaid 图表、KaTeX/LaTeX 公式等)
富文本内容
Companion 的消息可以包含多种结构化内容:
| 内容 | 行为 |
|---|---|
| Markdown | 标题、列表、表格、代码块会自动排版 |
| Mermaid | 自动渲染为图表,点击可全屏缩放和平移 |
| KaTeX / LaTeX | 行内和块级公式会以数学排版显示 |
.md 路径 | 可信助手回复中的本地 Markdown 路径可点击打开 |
| 图片 | 图片附件可预览,也会参与对话导出 |
消息操作栏中「复制」会复制纯文本,「复制 Markdown」会保留 Markdown 结构。详见 Markdown 与图表渲染。
思考过程
当 Companion 正在处理你的请求时,头部状态区域会显示当前状态:
| 状态 | 显示 | 含义 |
|---|---|---|
| 思考中 | 绿色波浪动画 + "思考中" | Companion 正在理解和规划 |
| 使用工具 | 蓝色动画 + 工具名称 | 正在调用某个工具执行操作 |
| 工作中 | 橙色指示 + 活动描述 | 正在执行复杂的多步骤任务 |
工具调用展示
当 Companion 使用工具完成任务时,连续的工具调用会被合并为一个可折叠的过程组(Process Group)。过程组显示了 Companion 的执行步骤,你可以展开查看详细的工具调用信息和思考过程。
如果一条回复同时包含文字和工具调用,它们会按实际产生的顺序展示:文字解释在前,工具执行在后。
系统消息
系统消息居中显示,用于提示对话状态的变化。
视觉特征:
- 居中显示的胶囊形(pill)标签
- 半透明玻璃材质背景
- 较小的字号(11px),浅灰色文字
- 不可交互
常见的系统消息包括:
- 会话分隔符(显示日期和会话 ID)
- 状态变更通知
- 操作确认提示
错误消息
当消息发送失败或 Companion 遇到错误时,消息中会包含错误信息。你可以查看具体的错误代码和描述来了解问题原因。
执行审批消息
当 Companion 需要执行可能有风险的操作时,会向你发送一个审批请求卡片。你可以选择批准或拒绝,也可以查看具体的操作内容。已经通过 AI 自动审批的操作会标注为"自动批准"或"自动拒绝"。
结构化问答消息
当 Companion 需要你补充信息,但并不涉及高风险操作时,会发送结构化问答卡片。常见场景包括选择方案、确认偏好、补充缺失参数。
问答卡片可能处于以下状态:
| 状态 | 说明 |
|---|---|
| 待回答 | 等待你选择或输入答案 |
| 已回答 | 你的回答已进入当前任务 |
| 已取消 | 任务不再等待该问题 |
| 已超时 | 超过等待时间后智能体按无人值守策略继续 |
如果你断线或刷新页面,未完成的问题会在重连后继续显示。部分问题带倒计时;当你开始输入时,倒计时会暂停或取消,避免正在回答时被自动跳过。
心跳消息
Companion 的心跳(Heartbeat)系统会定期检查状态并汇报。需要你关注的结果通常以顶部横幅或通知形式出现,并会记录到心跳历史和回执中;普通无变化的检查只记录历史,不打扰你。
会话分隔符
当你查看跨多个会话的历史消息时,不同会话之间会用分隔符标注,显示会话的时间戳和标识。这帮助你理解消息的时间脉络。
消息入场动画
新消息出现时会有从下向上滑入的 fadeUp 动画效果,每条消息有轻微的延迟错位,营造自然的对话节奏感。加载历史消息时不会播放动画,避免视觉干扰。
下一步
- 深入了解交互卡片详解,掌握各种功能卡片的用途
- 学习如何选择 AI 模型
- 阅读 Markdown 与图表渲染