chat/frontend/README.md

多模型 AI 聊天前端

基于 Vite + Vue3 + TypeScript + Pinia + Vue Router 的多大模型可切换聊天应用基础骨架。

功能概览

• 左侧侧边栏：路由导航 + 模型下拉切换
• Chat 页面：
  • 基础消息列表
  • 流式输出 (SSE/Fetch 读取)
  • Shift+Enter 换行、Enter 发送
• Settings 页面：简单的各 Provider API Key / Endpoint 输入 (本地存储)
• About 页面：说明
• 明暗主题切换（侧边栏按钮，通过 data-theme 切换 CSS 变量）

后端接口假设

• POST /api/chat/stream (SSE 或 chunked 文本, 行以 data: 内容 开头, [DONE] 结束)
• POST /api/chat 返回 { text: string }

开发

npm install
npm run dev

TODO / 后续可扩展

• 会话列表 & 历史存储
• Markdown + 代码高亮 + 复制按钮
• 模型配置动态拉取
• 错误与重试、取消请求 (AbortController)
• 工具调用 / 图像 / 文件消息类型
• RAG 检索侧栏
• 用户登录与鉴权