@futurx/openclaw-operator-ui 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +95 -0
- package/dist/web/assets/index-CzEsNvnl.js +295 -0
- package/dist/web/assets/index-Djm6GUQb.css +1 -0
- package/dist/web/index.html +19 -0
- package/index.ts +82 -0
- package/openclaw.plugin.json +10 -0
- package/package.json +29 -0
package/README.md
ADDED
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
# OpenClaw Operator UI
|
|
2
|
+
|
|
3
|
+
A standalone plugin that provides a web-based management interface for [OpenClaw](https://github.com/openclaw/openclaw), designed for non-technical operators.
|
|
4
|
+
|
|
5
|
+
## Features
|
|
6
|
+
|
|
7
|
+
- **Agent Management** — Create, edit and delete agents; edit all workspace markdown files (IDENTITY.md, SOUL.md, AGENTS.md, TOOLS.md, etc.)
|
|
8
|
+
- **Channel Monitoring** — View channel status, account connections, and manage logout
|
|
9
|
+
- **Group Bindings** — Visualise which groups are routed to which agents across channels
|
|
10
|
+
- **Skill Management** — Browse skills, toggle enable/disable, install missing dependencies directly from the UI
|
|
11
|
+
- **Real-time Test Chat** — Stream responses in a chat interface to test agents live
|
|
12
|
+
- **Session Management** — View, reset and delete conversation sessions
|
|
13
|
+
- **Cron Jobs** — Monitor and control scheduled tasks
|
|
14
|
+
- **System Settings** — Edit `openclaw.json` configuration, view system health and available models
|
|
15
|
+
- **Password Authentication** — Secured via Gateway password
|
|
16
|
+
|
|
17
|
+
## Installation
|
|
18
|
+
|
|
19
|
+
### From npm
|
|
20
|
+
|
|
21
|
+
```bash
|
|
22
|
+
openclaw plugins install @futurx/openclaw-operator-ui
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
### From local path
|
|
26
|
+
|
|
27
|
+
```bash
|
|
28
|
+
openclaw plugins install /path/to/futurclaw-operator-ui
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
### From Git
|
|
32
|
+
|
|
33
|
+
```bash
|
|
34
|
+
openclaw plugins install git+https://git.futurx.cc/futurx/futurclaw-operator-ui.git
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
After installation, restart the Gateway. The Operator UI will be available at:
|
|
38
|
+
|
|
39
|
+
```
|
|
40
|
+
http://localhost:18789/operator
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
## Prerequisites
|
|
44
|
+
|
|
45
|
+
- OpenClaw >= 2026.1.26
|
|
46
|
+
- Node.js >= 22
|
|
47
|
+
- Gateway must have password authentication configured in `~/.openclaw/openclaw.json`:
|
|
48
|
+
|
|
49
|
+
```json
|
|
50
|
+
{
|
|
51
|
+
"gateway": {
|
|
52
|
+
"auth": {
|
|
53
|
+
"password": "your-password-here"
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
### Client ID Registration
|
|
60
|
+
|
|
61
|
+
This plugin connects to the Gateway using the client ID `openclaw-operator-ui`. If your target OpenClaw instance does not recognise this ID, you have two options:
|
|
62
|
+
|
|
63
|
+
1. **Add the ID upstream** — Submit a PR to add `openclaw-operator-ui` to `GATEWAY_CLIENT_IDS` in `src/gateway/protocol/client-info.ts`
|
|
64
|
+
2. **Use an existing ID** — Edit `web/src/lib/gateway.ts` and change the `CLIENT_ID` constant to a recognised value such as `"openclaw-control-ui"` or `"webchat-ui"`
|
|
65
|
+
|
|
66
|
+
## Development
|
|
67
|
+
|
|
68
|
+
```bash
|
|
69
|
+
# Install dependencies and build the frontend
|
|
70
|
+
npm run build
|
|
71
|
+
|
|
72
|
+
# Or develop with hot-reload (proxy to local Gateway)
|
|
73
|
+
cd web && npm install && npm run dev
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
The dev server proxies WebSocket connections to `ws://localhost:18789`.
|
|
77
|
+
|
|
78
|
+
## Project Structure
|
|
79
|
+
|
|
80
|
+
```
|
|
81
|
+
├── package.json # npm package manifest
|
|
82
|
+
├── openclaw.plugin.json # OpenClaw plugin descriptor
|
|
83
|
+
├── index.ts # Plugin entry — serves built SPA at /operator
|
|
84
|
+
├── web/ # React + Vite frontend
|
|
85
|
+
│ ├── src/
|
|
86
|
+
│ │ ├── lib/ # Gateway client, auth context, hooks
|
|
87
|
+
│ │ ├── components/ # Shared UI components
|
|
88
|
+
│ │ └── pages/ # Route pages
|
|
89
|
+
│ └── ...config files
|
|
90
|
+
└── dist/web/ # Built frontend (generated)
|
|
91
|
+
```
|
|
92
|
+
|
|
93
|
+
## License
|
|
94
|
+
|
|
95
|
+
MIT
|