mirror of
https://github.com/YspCoder/clawgo.git
synced 2026-04-13 06:47:30 +08:00
86 lines
1.3 KiB
Markdown
86 lines
1.3 KiB
Markdown
# ClawGo WebUI ✨
|
||
|
||
ClawGo WebUI 是项目的前端控制台,基于 React 19 + Vite 6,服务于网关模式下的统一运维与操作。
|
||
|
||
## 功能范围
|
||
|
||
- 🗺️ `Agents`
|
||
- 统一 agent 拓扑
|
||
- 本地 subagent 与远端 branch 展示
|
||
- 悬浮查看状态与运行信息
|
||
- ⚙️ `Config`
|
||
- 配置编辑
|
||
- 热更新字段参考
|
||
- 📜 `Logs`
|
||
- 实时日志查看
|
||
- 🧠 `Skills`
|
||
- 技能安装、浏览、编辑
|
||
- 🗂️ `Memory`
|
||
- 记忆文件查看与编辑
|
||
- 🧾 `Task Audit`
|
||
- 执行链路和审计记录
|
||
|
||
## 开发命令
|
||
|
||
安装依赖:
|
||
|
||
```bash
|
||
npm install
|
||
```
|
||
|
||
开发模式:
|
||
|
||
```bash
|
||
npm run dev
|
||
```
|
||
|
||
构建:
|
||
|
||
```bash
|
||
npm run build
|
||
```
|
||
|
||
预览构建产物:
|
||
|
||
```bash
|
||
npm run preview
|
||
```
|
||
|
||
类型检查:
|
||
|
||
```bash
|
||
npm run lint
|
||
```
|
||
|
||
## 运行方式
|
||
|
||
WebUI 通常通过 gateway 提供:
|
||
|
||
```text
|
||
http://<host>:<port>/webui?token=<gateway_token>
|
||
```
|
||
|
||
本地开发时,前端开发服务由:
|
||
|
||
```bash
|
||
npm run dev
|
||
```
|
||
|
||
启动。
|
||
|
||
## 技术栈
|
||
|
||
- React 19
|
||
- React Router 7
|
||
- Vite 6
|
||
- TypeScript
|
||
- Tailwind CSS 4
|
||
- i18next
|
||
|
||
## 约定
|
||
|
||
- UI 以 gateway API 为主,不单独维护复杂业务状态源
|
||
- 页面命名与后端能力保持一致,避免重复概念
|
||
- `Agents` 页面展示的是统一 agent 拓扑,不再拆分独立 `Nodes` 页
|
||
- `system_prompt_file` 编辑能力由 agent/profile 页面承载
|