消息类型识别
DesireCore 的对话界面中有多种消息类型,每种都有独特的视觉样式,帮助你快速区分消息来源和性质。
用户消息
你发送的消息显示在对话的右侧,采用绿色渐变背景。
视觉特征:
- 绿色渐变背景,白色文字
- 右上角为尖角(4px),其余三角为圆角(20px),形成指向右侧的视觉导向
- 最大宽度为聊天区域的 70%
- 右侧显示你的头像
如果你发送了图片,图片会嵌入显示在消息中。如果你引用了文件,文件信息也会一并展示。
智能体回复
Companion 的回复显示在对话的左侧,采用白色半透明玻璃材质背景。
视觉特征:
- 半透明白色背景,带模糊效果
- 左上角为尖角(4px),其余三角为圆角(20px),指向左侧头像
- 最大宽度为聊天区域的 78%
- 左侧显示 Companion 的头像
- 支持 Markdown 富文本渲染(标题、列表、代码块、表格等)
思考过程
当 Companion 正在处理你的请求时,头部状态区域会显示当前状态:
| 状态 | 显示 | 含义 |
|---|---|---|
| 思考中 | 绿色波浪动画 + "思考中" | Companion 正在理解和规划 |
| 使用工具 | 蓝色动画 + 工具名称 | 正在调用某个工具执行操作 |
| 工作中 | 橙色指示 + 活动描述 | 正在执行复杂的多步骤任务 |
工具调用展示
当 Companion 使用工具完成任务时,连续的工具调用会被合并为一个可折叠的过程组(Process Group)。过程组显示了 Companion 的执行步骤,你可以展开查看详细的工具调用信息和思考过程。
如果一条回复同时包含文字和工具调用,它们会按实际产生的顺序展示:文字解释在前,工具执行在后。
系统消息
系统消息居中显示,用于提示对话状态的变化。
视觉特征:
- 居中显示的胶囊形(pill)标签
- 半透明玻璃材质背景
- 较小的字号(11px),浅灰色文字
- 不可交互
常见的系统消息包括:
- 会话分隔符(显示日期和会话 ID)
- 状态变更通知
- 操作确认提示
错误消息
当消息发送失败或 Companion 遇到错误时,消息中会包含错误信息。你可以查看具体的错误代码和描述来了解问题原因。
执行审批消息
当 Companion 需要执行可能有风险的操作时,会向你发送一个审批请求卡片。你可以选择批准或拒绝,也可以查看具体的操作内容。已经通过 AI 自动审批的操作会标注为"自动批准"或"自动拒绝"。
心跳消息
Companion 的心跳(Heartbeat)系统会定期检查状态并汇报。心跳消息以特殊的卡片形式展示,包含状态摘要和可能需要你关注的事项。
会话分隔符
当你查看跨多个会话的历史消息时,不同会话之间会用分隔符标注,显示会话的时间戳和标识。这帮助你理解消息的时间脉络。
消息入场动画
新消息出现时会有从下向上滑入的 fadeUp 动画效果,每条消息有轻微的延迟错位,营造自然的对话节奏感。加载历史消息时不会播放动画,避免视觉干扰。