跳到主要内容

聊天区域

聊天区域是你与智能体交互的主工作区，占据界面右侧的大部分空间。

区域结构​

+------------------------------------------+
|  [头像] Agent名称 · 在线                  |  <- 头部（70px）
|                    [交互] [按钮组] [更多]  |
+------------------------------------------+
|                                          |
|    [Agent头像]  你好，有什么可以帮你？      |  <- Agent 消息（左侧）
|                                          |
|            我想了解合同审查流程  [我的头像]  |  <- 用户消息（右侧）
|                                          |
|    [Agent头像]  好的，让我为你分析...       |
|                                          |
+------------------------------------------+
|  查询摘要条                               |  <- 非思考时显示
+------------------------------------------+
|  [+] [图] [截] [输入文字...]    [发送]    |  <- 输入区域
|         / 命令  Enter 发送  Shift+Enter 换行|
+------------------------------------------+

头部信息栏​

头部高度 70px，包含智能体信息和操作按钮。

左侧：智能体信息​

  • 头像：通用 Agent 为圆形，专业 Agent 为圆角方形，配色随智能体不同而变化
  • 名称：15px 加粗字体
  • 运行状态：智能体当前状态指示
状态圆点颜色说明
在线绿色 + 呼吸动画智能体就绪，可以接收指令
工作中橙色正在执行任务或思考
使用工具中蓝色正在调用外部工具
离线灰色智能体未启动，可点击"启动"按钮开机
  • 描述：智能体的简短介绍文字

右侧：操作按钮组​

按钮从左到右依次为：

按钮功能
沉浸式交互翻转到数字人（Digital Human）3D 界面
智能体档案查看当前智能体的详细配置信息
资源管理管理智能体的文件和资源
运行状态查看当前运行中的任务和历史话题
发布/API发布智能体或查看 API 接入信息
更多展开更多操作（聊天记录、清除历史、删除智能体等）
紧凑模式

当聊天区域宽度不足 640px 时，中间的按钮会自动收入"更多"菜单，只保留"更多"按钮，避免界面拥挤。

消息列表​

消息列表是聊天的核心区域，支持滚动浏览历史消息。

消息类型​

Agent 消息（左侧）：

  • 带有智能体头像（28x28）
  • 半透明白色玻璃气泡
  • 左上角为直角，其余圆角，产生指向头像的视觉效果
  • 可包含文本、代码块、功能卡片等富内容

用户消息（右侧）：

  • 绿色渐变背景，白色文字
  • 右上角为直角，其余圆角
  • 支持纯文本和图片附件

系统消息（居中）：

  • 胶囊形状（pill）
  • 半透明玻璃材质
  • 用于时间分隔、状态提示等

功能卡片​

在对话中，智能体可能返回各类功能卡片：

  • 工作流卡片（绿色边框）：展示任务执行步骤和进度
  • 行动回执卡片（绿/橙/蓝边框）：展示操作结果（成功/警告/待处理）
  • 教学卡片（紫色边框）：展示你教给智能体的规则
  • 已学习卡片（紫色边框）：确认智能体已学会的内容
  • 委派卡片（蓝色边框）：展示任务在不同智能体之间的流转

消息动画​

新消息以 fadeUp 动画入场——从下方 8px 处淡入上升到位，每条消息间隔 40ms 依次出现，营造流畅的对话体感。

输入区域​

输入区域位于底部，具备丰富的输入能力。

文本输入​

  • 自动伸缩的文本框，最小一行，最大高度 120px
  • 聚焦时边框变为绿色并带外发光效果
  • 支持多行输入

左侧按钮​

按钮功能
+添加文件或文件夹引用
图片上传图片（支持 JPEG、PNG、WebP）
截图区域选择截图并标注

发送按钮​

绿色圆形按钮（36x36），点击或按快捷键发送消息。无内容时按钮变灰禁用。

快捷键​

操作默认快捷键
发送消息Enter
换行Shift + Enter
斜杠命令输入 / 唤出命令面板
历史回溯方向键上 调出上一条发送的消息

斜杠命令​

在输入框输入 / 会弹出命令自动补全面板，你可以快速使用：

  • /skill:技能名称 — 调用特定技能
  • /技能名称 — 直接调用技能的快捷语法
  • 其他内置命令

使用上下箭头键导航，Tab 或 Enter 键确认选择，Esc 关闭面板。

图片和文件​

你可以通过以下方式附加图片：

  • 点击图片按钮选择文件
  • 直接将图片粘贴到输入框（Ctrl/Cmd + V）
  • 将图片拖拽到输入区域

已附加的图片会以缩略图展示在输入框上方，悬停可删除，点击可预览大图。

文件引用 vs 图片上传

"+" 按钮添加的文件是路径引用——只告诉智能体文件在哪里；图片按钮是真正上传——智能体能看到图片内容。