聊天界面Chat UI
你可能会说
把这个聊天窗口补全消息列表、输入区、发送中和失败重试，别把错误藏起来。
聊天界面是组织消息列表、输入区和对话反馈状态的交互界面。例如用户发送一条问题后，界面应把自己的消息放入列表，显示等待或流式输出，并在失败时保留可理解的错误和重试入口；客服聊天和 AI 对话都需要这些界面能力。它是用户看见和操作的壳，不等于里面连接的模型或客服系统。
也常被叫作聊天 UI聊天窗口Chat Interface
发送一条消息后，聊天界面需要呈现哪些状态
帮我安排两天周末旅行，每天不要超过两个地方。
输入消息…
聊天界面负责用户看得见的对话过程
消息列表保存上下文：用户和对方的消息需要按时间和角色清楚区分，长对话还要保持可滚动、可读，并让新消息出现时不打断正在阅读的人。
输入和反馈不能缺席：发送后要让用户知道请求正在处理；网络失败、内容无法发送或回复被中断时，应显示具体状态和合适的下一步。
你可以这样告诉 AI Agent
请完善这个 Chat UI：消息列表要区分双方消息，输入区发送后显示等待，失败时保留原消息并提供重试。不要改模型提示词或回答内容；改完后实际测试发送成功、等待和断网失败三种状态。
接下来学什么
延伸阅读 · 权威出处
快速练习