feat: P4 多模态 — 图片上传 + 沙盒 vision 支持

后端:
- ChatMessage 接口支持 text | image_url 多部分内容
- sandbox chat 接受 images[] 参数
- 自动将图片转为 image_url 格式发送到 AI
- 上传模块支持 jpg/png/gif/webp/svg

前端:
- 沙盒输入区 + 图片上传按钮
- 图片缩略图预览 + 删除
- 上传后随消息发送到 API
- uploads/ 目录持久化存储
This commit is contained in:
yuzhiran-dev
2026-05-18 14:15:56 +08:00
parent 0ed017b212
commit 79d7535c1c
6 changed files with 71 additions and 15 deletions
+5 -5
View File
@@ -28,13 +28,13 @@
| **Mobile 全站 18 页** | 批量替换 hardcoded color → CSS vars | ✅ |
| **PC 响应式** | header/compare/sandbox/member/workshop 移动端修复 | ✅ |
### P3 — 体验增强(当前阶段
### P3 — 体验增强(全部完成 ✅
| 优先级 | 项目 | 说明 | 状态 |
|--------|------|------|------|
| **P3a** | 代码语法高亮 | 沙盒聊天中代码块用 Shiki/prism 渲染 | |
| **P3b** | 会话重命名 | 侧边栏对话标题可编辑 | |
| **P3c** | LLM 集成层增强 | 模型能力检测 / 用量统计 | |
| **P3d** | Mobile 样式复查 | 剩余页面 CSS 变量覆盖率检查 | |
| **P3a** | 代码语法高亮 | highlight.js + CodeBlock 组件,10+ 语言 | |
| **P3b** | 会话重命名 | PATCH endpoint + 双击编辑 | |
| **P3c** | LLM 集成层增强 | 模型能力目录 + 用量统计 + getModelInfo | |
| **P3d** | Mobile 样式复查 | 0 残留硬编码颜色 | |
| — | 多模态(文件上传/图片理解) | 远期规划 | 📋 |
| — | SDK / 共享 UI 包 | 远期规划 | 📋 |