WinCode
Chat

AI 会话概览

WinCode 会话生命周期、Welcome 页直问、新建会话与消息流

AI 会话概览

WinCode 的核心是 AI 会话系统。用户通过输入框发送消息,消息经过后端转发给 AI 引擎,流式响应实时渲染到界面。每个会话独立管理消息历史、上下文用量和工具调用状态。

会话界面

会话入口

有两种方式开始对话:

  1. Welcome 页直问 -- 应用打开后默认显示 Welcome 标签页,中间有一个输入框。直接输入问题即可发送,系统会自动创建新会话。
  2. 从侧边栏创建 -- 在项目分组中点击新建会话按钮,手动创建会话后发送消息。

Welcome 页包含:

  • WinCode Logo + 版本号
  • 随机提示语(如「输入 / 查看可用命令」、「使用 Enter 发送,Shift+Enter 换行」等)
  • 输入框

会话生命周期

用户输入 → 创建消息 → 发送到后端 → AI 引擎处理
    → 流式响应 → 界面实时渲染
    → 完成 → 保存完整回复

关键阶段:

  1. 发送消息 -- 用户在输入框输入内容并发送,消息添加到消息列表,同时触发后端处理
  2. 流式接收 -- 界面实时显示 AI 的回复,包括文本内容、思考过程、工具调用等
  3. 完成保存 -- AI 回复完成后,自动保存完整的回复到本地数据库
  4. 会话自动标题 -- 首次发送消息时,系统根据消息内容自动生成会话标题

会话界面

会话界面根据会话状态渲染不同内容:

  • 空会话(无消息) -- 显示欢迎界面,居中展示「有什么可以帮你的?」渐变标题和随机提示
  • 有消息 -- 显示消息列表 + 输入区
  • 有待处理权限请求 -- 在输入区上方弹出权限确认面板
  • 有待回答问题 -- 在输入区上方弹出问答交互面板

消息渲染

消息列表支持:

  • 新消息到达时,如果用户已在底部,自动滚动到底部
  • 如果用户向上滚动查看历史,保持当前阅读位置不变
  • 流式内容显示闪烁光标,完成后展示 token 用量、耗时等信息

用户消息显示为右对齐气泡,AI 消息支持文本块、推理块、工具调用块等多种内容类型。

消息草稿

输入框内容自动保存为草稿。切换会话时加载对应草稿,避免内容丢失。发送消息后草稿自动清空。

相关文档

On this page