跳到主要内容

主界面布局

DesireCore 采用单窗口三栏布局,所有功能都在一个窗口内完成,无需在多个窗口之间切换。

对话界面展开右侧工具工作区后,面板顶部会显示一排工作区标签。每个标签对应一个文件、终端、网页或审阅页面;点击标签即可切换,也可以新建或关闭标签。它们与左侧的“对话、资源、应用”等功能导航不同:功能导航切换模块,工作区标签切换当前对话里的资源。

布局示意​

DesireCore 基础三栏布局示意图(未展开右侧资源工作区)

+--------------------------------------------------------------+
| +------+--------------+----------------------------------+ |
| | Nav | 对话列表 | 聊天区域 | |
| | Rail | | | |
| | | | 头部(Agent 信息 + 操作按钮) | |
| | 62px | 290px | --------------------------------| |
| | | | 消息列表 | |
| | | | | |
| | | | --------------------------------| |
| | | | 输入区域 | |
| +------+--------------+----------------------------------+ |
+--------------------------------------------------------------+

三栏职责​

左侧:导航栏(NavRail)​

宽度固定为 62px,是整个应用的功能入口。从上到下依次排列着 Logo、功能导航按钮和底部工具区。详见左侧导航栏。

中间:内容列表区​

默认宽度 290px,根据当前所在的功能模块显示不同内容:

导航 Tab中间栏显示内容
对话对话列表(按智能体分组)
关系智能体/联系人关系图
资源资源管理器
应用应用与插件工作区,按同级页签显示已安装应用或插件
市场智能体/技能市场
活动活动记录时间线

当你处于"对话"Tab 时,这里显示的就是你和所有智能体的对话列表。

右侧:主内容区​

占据窗口剩余空间,是你的主工作区域。在对话模式下,这里是聊天区域;切换到其他 Tab 时,会显示对应功能的完整界面。

在对话模式下,右侧工具工作区展开为聊天区旁的面板,面板顶部显示资源标签。打开文件、终端、网页或审阅时,会出现对应的标签;点击标签切换资源,关闭标签时按资源类型处理尚未保存或仍在运行的内容。工作区标签会随会话恢复,重新打开会话时可继续访问已登记的资源。

文件工作区​

打开文件标签后,在内容区点击「文件操作」浮动按钮,查看当前格式支持的操作。Markdown、超级文书、代码、PDF 和画板使用同一入口,具体编辑和预览能力因格式而异。

需要做什么操作或界面表现
查看文档目录、任务关联或文件动作打开「文件操作」,选择当前格式提供的操作
定位文档章节展开默认收起的目录
翻阅 PDF使用预览中的分页导航
用键盘操作菜单聚焦入口并打开菜单;关闭后焦点返回入口
在窄面板中切换标签当前标签会自动滚动到可见位置;文件操作不占用标签栏宽度

终端接回后的输出提示​

应用重启后接回终端,如果离线期间的输出超出保留上限,当前终端标签会显示「接回时有输出被省略」,并注明省略的字节数。此时回放的内容不完整。查看提示后,可点击「知道了」关闭。

响应式行为​

DesireCore 会根据窗口大小自动调整布局:

  • 导航栏始终保持 62px 宽度
  • 对话列表在窗口较窄时可以折叠
  • 聊天区域自适应剩余宽度
  • 窗口最小尺寸为 960 x 640 像素
  • 聊天头部在窗口宽度不足 640px 时进入紧凑模式(compact mode),部分按钮会收入"更多"菜单
翻转视图

在对话界面中,点击头部的"沉浸式交互"按钮可以翻转到数字人界面(Digital Human),这是一个独立的 3D 交互视图。翻转动画约 1 秒,背景色会随之切换。详见数字人界面。

设计风格​

DesireCore 的界面采用 Liquid Glass 设计语言,你会注意到以下视觉特征:

  • 半透明玻璃材质:面板和卡片带有高斯模糊效果,背景色彩隐约可见
  • 精细边框:面板之间使用 0.5px 的细分隔线
  • 高光反射:部分元素顶部有微妙的光泽效果
  • 柔和阴影:多层阴影营造出悬浮感