CLI Proxy 管理后台前端，基于 React 19 + TypeScript + Tailwind CSS 构建。

• React 19 + TypeScript
• Vite 7
• Tailwind CSS 4
• Zustand (状态管理)
• React Router 7
• Lucide React (图标)
• CodeMirror (YAML 编辑器)

• 仪表盘 - 统计概览、使用量图表、模型分布
• API 密钥 - 管理 API 访问密钥
• AI 提供商 - 配置 Gemini、Claude、Codex、OpenAI 兼容、Ampcode 等
• 认证文件 - 管理 OAuth 认证文件
• OAuth - OAuth 登录认证（支持多平台）
• 配置管理 - YAML 配置文件编辑
• 日志 - 查看系统日志
• 系统配置 - 代理、配额、日志、安全等系统设置

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

# 预览生产构建
npm run preview

# 1) 启动后端（仓库根目录）
go run ./cmd/server -config ./config.yaml

# 2) 启动前端（新开一个终端）
cd cpa-web-main
npm install
npm run dev

登录说明：

• 前端默认运行在 http://localhost:5173（以终端输出为准）。
• 后端默认读取 config.yaml 的 port（仓库示例是 8317）。
• 登录页勾选“使用自定义连接地址”，填 http://127.0.0.1:8317（或你的后端地址）。
• 管理密钥填写 config.yaml 中 remote-management.secret-key 的值。
• 前端会自动请求后端的 /v0/management/* 管理接口。

src/
├── assets/          # 静态资源（图标等）
├── components/      # 通用组件
│   ├── layout/      # 布局组件
│   └── ui/          # UI 基础组件
├── pages/           # 页面组件
│   ├── dashboard/   # 仪表盘
│   ├── api-keys/    # API 密钥
│   ├── ai-providers/# AI 提供商
│   ├── auth-files/  # 认证文件
│   ├── oauth/       # OAuth 认证
│   ├── config/      # 配置管理
│   ├── logs/        # 日志
│   └── system/      # 系统配置
├── services/        # API 服务
├── stores/          # Zustand 状态管理
├── utils/           # 工具函数
├── App.tsx          # 应用入口
└── main.tsx         # 渲染入口

• Node.js >= 18
• npm >= 9

MIT