专为 Google Gemini API 生态打造的旗舰级全能 AI 工作台
All Model Chat 是一款基于 React 18 深度定制的高性能 AI 交互终端。它不仅支持传统的文本对话，更原生集成了 Google Gemini 3.0 & 2.5 系列模型的最前沿特性。
项目坚持 Local-First (本地优先) 原则，数据存储于浏览器 IndexedDB，无需后端服务器，在保障隐私的同时提供媲美原生应用的响应速度。它是你连接 Google 最强 AI 算力的全能工作桥梁。
| 🧠 深度推理 (Thinking) | 🎙️ 实时音视频 (Live API) | 🎨 智能看板 (Canvas) |
|---|---|---|
| 思维链可视化：适配 Gemini 3.0，支持设置 Token 预算或推理等级 (Minimal-High)。实时查看 AI 的逻辑演算过程。 | 毫秒级交互：集成双向实时流。支持语音通话、屏幕共享视觉识别，配合动态 Orb 音频可视化。 | Artifacts 模式：代码块自动识别预览。一键将信息转化为交互式 HTML 看板、ECharts 图表或 Mermaid 流程图。 |
| 📁 高级文件处理 | 🔍 生产力工具链 | 🔐 企业级 API 管理 |
|---|---|---|
| 智能压缩：客户端自动将音频转码为 16kHz MP3，节省 90% Token。支持 ZIP/文件夹拖入自动解析代码库。 | 深度搜索：聚合 Google Search，自动规划搜索任务并提供精准引用。内置 Python 代码沙箱运行环境。 | 多 Key 轮询：支持填入多个 API Key 自动分担压力。原生兼容 Vertex AI Express 代理端点。 |
# 克隆仓库
git clone https://github.com/yeahhe365/All-Model-Chat.git
cd All-Model-Chat/all-model-chat
# 安装依赖
npm install
# 启动开发服务器
npm run dev访问 http://localhost:5173，在设置 -> API 密钥中填入你的 Gemini API Key。
Pro Tip: 你也可以在根目录创建
.env.local填入GEMINI_API_KEY=xxx实现自动加载。
| 核心框架 | React 18 + TypeScript 5.5 + Vite 5 (极速 HMR) |
| 持久化层 | 原生 IndexedDB (封装 db.ts)，支持原子化事务与大数据量日志存储 |
| 音频引擎 | AudioWorklet API (实时流处理) + Lamejs (Web Worker 异步压缩) |
| 渲染引擎 | React-Markdown + KaTeX (公式) + Highlight.js (代码) + Mermaid.js |
| 网络拦截 | 自定义 Network Interceptor，动态重写 SDK 请求路径以兼容各类代理与 Vertex AI |
src/
├── components/ # 模块化 UI 组件
│ ├── chat/ # 输入框、消息列表、Live 状态条
│ ├── message/ # 消息渲染引擎 (Markdown, 代码块, 思考过程)
│ ├── log-viewer/ # 开发者日志面板 (实时监控 API 与 Token)
│ └── modals/ # 场景市场、文件配置、导出等功能弹窗
├── hooks/ # 核心逻辑 (逻辑与视图分离)
│ ├── live-api/ # WebRTC、音视频流媒体处理逻辑
│ ├── message-sender/ # 消息发送编排 (流式处理、错误拦截)
│ └── file-upload/ # 文件预处理、MP3 压缩策略
├── services/ # 外部服务 (Gemini SDK 深度封装)
└── utils/ # 工具类 (文件夹上下文解析、IndexedDB 包装)我们欢迎任何形式的贡献！
- 报告问题：提交 GitHub Issue。
- 代码贡献：Fork 仓库 -> 创建特性分支 -> 提交 Pull Request。
- 支持作者：点个 Star ⭐️ 或前往 爱发电 支持持续开发。
Developed with ❤️ by 从何开始123
Powered by Google Gemini 3.0 Ecosystem