Composer 呈现形态 · 样板 一份稿子只画一次。同一处在不同情况下的变化,用箭头标在原画上;形态本身变了才另画一张。明暗由右侧入口换,不并排。

01全貌

16:10 窗口下的一段会话。agent 的话靠左不带底,用户的话靠右进气泡。命令原子排在第一条消息最前面,表示这一轮是命令调用;其余原子散在句子里。队头签跟着气泡走一份,输入框顶上留一份。

会话窗口 · 1280 × 800

02Hover 的两处落点

同一套浮层,挂在气泡里的原子上,和挂在输入框里的原子上。默认在原子上方、水平对原子居中,贴到窗口边才让开。

气泡里的原子

命令原子的浮层:名字、参数名、命令自己的介绍。

输入框里的原子

文件原子的浮层:名字、相对路径、文件开头。浮层压在输入框上方,不把输入框顶开。

03五类原子

一类一行。左边是这一类的颜色和名字,中间是这一类今天长什么样,右边写清楚记号答的是什么问题。

类型总表
以上都是有默认图标的,如果实现方需要专有图标可以自行改动。

04细节

气泡在上、输入框在下,都靠左。每组一张原画,右边的箭头说明同一张画在不同条件下会变成什么样。

05Hover

一套浮层,不按原子类型分形。三个槽:名字、次级信息、正文;有就填,没有就跳过。

06文件浮窗

点文件原子打开的阅读层,居中压在会话上。直接摊文件内容,不套代码块。markdown 默认渲染,切到源码才有行号;源码再关掉自动换行,长行不折,底下用滑轨左右看。

markdown · 渲染
源码 · 不换行

07批注浮窗

点队头签上的批注打开。外壳跟文件浮窗同一档,里面装的不是文件,是本轮带着的那几条批注。

批注 · 从输入框的队头签打开