新版 UI 重设计：欢迎页、三态侧栏、头像与对话标题

11 月 3 日，我们重新设计了 Agent 对话页面；11 月 4 日补上手机开关修复；11 月 5 日将新版设为默认，并把建档和儿童管理统一到相同的视觉与交互方式。本文按布局、导航、资料管理和验证逐项记录本轮工作。

这次改版与登录页重设计相互呼应：奶油底色、朱橙操作色、家庭与机器人插画，成为两处入口共同的视觉语言。

从设计预览到可运行页面

最初先制作设计预览，讨论侧栏、居中欢迎区、输入条与工具按钮的关系。确认实现方向后，11 月 3 日落地到新版 UI，更新侧栏、欢迎区、功能卡片和输入框；经典版继续保留。

新版采用固定的明亮暖色，不再提供此前的多主题下拉选择。旧浏览器存下的暗色或主题偏好不会把新界面重新染色。这里记录的是后续收敛的最终方向，不能把较早讨论过的多主题方案继续当作当前改版卖点。

欢迎区：把可以做的事摆在开始的位置

空白对话页加入欢迎标题、简短说明与家庭插画。“咨询干预方案”“做评估量表”“分析行为视频”等能力以卡片呈现，下面继续提供常见话题。

点击卡片或建议话题，会先填入输入框，用户可以补充再发送，不会直接替用户提交一段未经确认的对话。页面还需要随 ASD、ADHD 或综合模式，以及普通对话／Cowork 场景，显示对应介绍和入口。

三种界面语言沿用同一布局。验证不仅检查有没有翻译，也检查较长文字能否放进卡片，按钮是否仍可操作。

输入区与阅读宽度：大窗口也要容易读

第一轮改版后，又按实际使用收紧布局：外框统一为 8px，顶部标题栏统一为 56px；输入区保持原先较舒适的桌面宽度，附件、麦克风、家长版、工具箱、虚拟顾问和流派等操作在同一输入区域内组织。

消息气泡也单独检查。曾经只恢复外部阅读区域，气泡本身仍然过宽，随后继续修复。在当时的桌面测试窗口中，气泡实测由 482px 收窄到 380px；这是该测试尺寸下的结果，不是给所有屏幕固定一个 380px 宽度。

同时移除了不属于本次设计稿的额外“报告问题”入口及原三个导航按钮，避免操作含义不明。长回复、草稿输入和工具操作仍需要在改版后继续可用。

导航重新编排：完整、仅图标、完全隐藏

“新对话”下方依次组织计划、Cowork 对话和儿童管理。Cowork 没有授权或当前设备不可用时，入口会显示不可用状态与原因，而不是让用户点进一个无法完成的流程。

桌面侧栏增加三个状态：

• 完整侧栏：保留导航名称和对话列表，便于查找历史。
• 仅图标：收成窄栏，常用入口仍可到达。
• 隐藏：释放对话宽度，并保留展开入口。

这部分不仅是宽度变化。侧栏、控制按钮和聊天区域需要同步过渡；连续点击时，动画从当前位置接续。侧栏及其搜索内容保持挂载，不反复卸载重建；聊天输入中的草稿在切换后仍然保留。

图标栏中的 ASD / Super / Agent 文字调整了大小与左对齐；完整侧栏保留品牌文字，移除多余 Logo 图标。手机则采用抽屉式导航，配合实际触摸范围验证。系统要求减少动态效果时，不继续播放切换动画。

账号与儿童头像：先可选择，再减少选择成本

账号和儿童各加入六款预设头像，可在对应设置或档案中选择并保存。儿童下拉菜单显示实际选中的头像，顶部儿童名称旁的小圆点跟随头像背景色变化，切换儿童时两处同步更新。

头像选择组件随后再做精简：六个头像放在一行，选中项明确高亮，移除大头像预览和外层装饰背景。桌面和手机都保留可操作的选择区域。

对话标题：从首条消息变成可查找的摘要

完成首轮回复后，系统会尝试概括一个简短标题，并让顶部标题栏与侧边栏同步显示。标题保存后，刷新仍使用已有结果，不会每次打开都重新生成。

标题生成与聊天发送分开处理：生成标题时仍能继续发送；切换到另一段对话后，旧请求迟到的结果不能覆盖当前标题。遇到模型繁忙时先保留临时标题，后续回复完成后可以重试。

当时实连检查确实遇到模型接口繁忙，因此工作记录保留了这个情况。实现了回退与重试，不等于能保证每次请求立即生成摘要。

手机开关：修复形状，同时保留触摸范围

11 月 4 日发现手机设置里的开关轨道被撑成圆形。原因是通用按钮的最小触摸高度影响到了开关本身。

修复把视觉轨道与点击区域分开：轨道恢复横向开关形状，44px 的触摸范围继续保留。手机、平板与桌面均做了检查，避免为了让开关变细而让它难以点中。

建档与管理：让改版覆盖完整操作链

11 月 5 日增加首次使用的两步引导：先解释儿童档案用途，再优先填写昵称和年龄，性别、诊断与主要关注可折叠为选填。可选择稍后，创建成功后自动选中新档案。

随后“儿童管理 → 新建档案”也复用相同表单，避免首次引导与手动新增是两套不同设计。管理窗口再统一为暖色遮罩、圆角卡片与轻微背景模糊：桌面左侧选档案、右侧编辑，手机上下排列，关闭和保存操作保持可到达。

共享 ID、复制和更换集中到“共享与协作”，原有加入、退出及所有者删除规则继续生效。弹窗自身多余的焦点外框被取消，输入框和按钮的键盘焦点提示仍保留。

默认启用，也保留经典版选择

最初需要用户在设置里启用新版；11 月 5 日开始默认使用新版。迁移后如果用户再次关闭，会保留经典版选择，刷新、重开浏览器和重新登录仍尊重这次选择。

偏好在页面脚本和应用组件之间采用相同恢复规则，减少加载时颜色或布局闪回。这个选择属于当前浏览器的偏好，不应被描述成所有设备自动同步的账号设置。

实现、验证与上线时间线

日期	工作	验证与发布
11 月 3 日下午	欢迎页、卡片、输入区、固定暖色及阅读宽度	类型检查、网页与移动 App 构建、桌面／手机浏览器回归。
11 月 3 日晚	头像、摘要标题、导航与三态侧栏	检查持久保存、切换同步、长回复、连续点击、草稿保留与减少动态效果。
11 月 4 日凌晨	将当日累计改动部署	线上构建、健康检查及三语言验证通过；保留回滚版本。
11 月 4 日下午	手机开关形状修复	手机、平板、桌面验证后部署。
11 月 5 日	默认新版、首次建档、统一新建表单和管理窗口	核对无档案、已有档案、断网、错误重试、共享操作、键盘和多尺寸布局后分批发布。

这轮工作最终覆盖了“打开应用 → 知道可以做什么 → 选择儿童 → 开始对话 → 找到历史 → 管理资料”的连续路径。每一处视觉变化都需要和原有行为一起验证，才能形成一次完整的界面改版。