跳到主要内容

消息类型识别

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 动画效果,每条消息有轻微的延迟错位,营造自然的对话节奏感。加载历史消息时不会播放动画,避免视觉干扰。

下一步