Web 前端

allthecodes-web

Next.js 15 构建的本地 Web UI。SSE 流式 AI 对话、完整的工作面集成、28+ 设置面板。前端运行在 17321 端口，通过代理连接 Rust 后端 17322 端口。

Next.js 15React 19TypeScriptZustandxterm.jsPlaywright

功能

完整工作面

不只是聊天 — 文件、终端、日志、任务、看板全部集成在浏览器中

SSE 流式 AI 对话，支持工具调用、思维链展示、权限确认对话框

Commits、Changes、Terminal、Preview、Tool Calls 五大面板，Ctrl+Shift+R 切换

全页 Settings 包含 28+ 面板：模型、Provider、Profiles、网关、Agent 等

文件浏览器、内嵌终端、检查器，集成在右侧抽屉中

侧边栏会话列表，支持创建、恢复、删除会话

Skills、Projects、Reasoning、Tools 弹出面板，锚定在聊天输入框

架构

前端通过 REST、SSE 和 WebSocket 连接本地 Rust 后端，保持原有实时能力和代理逻辑

Browser (17321)Next.js server，聚合前端 APIport 17321

→

Proxy middleware/api/backend → Rust 后端 17322

→

Rust backend (17322)Agent session management, tools, IPCport 17322

开发

需要先启动 Rust 后端再启动前端

bash

npm install
npm run dev
npm run typecheck

Rust 项目需要二进制文件和 API keys（环境变量）才能让 Web 前端获得实质性输出。当前页面展示前端架构和能力，实际开发请先构建 Rust 项目。