Author SHA1 Message Date
taodeng b1c53e5f49 Docs: merge remaining channel support notes 2026-03-06 20:48:58 +10:00
taodeng 2424a58721 Clean up guide section numbering 2026-03-06 20:22:08 +10:00
taodeng e6299375a9 Improve startup UX and docs positioning 2026-03-06 20:20:10 +10:00
taodeng 28fc629907 Fix localized startup status text 2026-03-06 20:17:31 +10:00
taodeng 50d97a5914 docs: replace discord add-subagent screenshot (English + redacted) 2026-03-01 21:44:43 +10:00
taodeng 3038f21972 docs: replace discord screenshots with English/redacted versions 2026-03-01 21:34:44 +10:00
taodeng 3eeb97b25d docs: add Discord workflow section + new redacted screenshots (draft) 2026-03-01 21:32:47 +10:00
taodeng 9eebd839ad fix: add wiz.* i18n keys to MAIN_HTML_SCRIPT 2026-03-01 21:30:23 +10:00
taodeng 62f8ce8011 fix: add missing wiz.* i18n keys for Agents wizard 2026-03-01 21:28:32 +10:00
taodeng 67afcb1bb1 fix: include ocmVersion in /api/status 2026-03-01 21:18:53 +10:00
taodeng a0e8d352f9 release: v0.9.0 2026-03-01 21:15:34 +10:00
taodeng d9bae98c2d fix: escape discord guide apostrophe in MAIN_HTML_SCRIPT 2026-03-01 21:10:57 +10:00
taodeng 61b73ad678 fix: center OCM-only version badge + include ocmVersion in status + discord guide i18n 2026-03-01 21:10:32 +10:00
taodeng 4897a66498 ui: center prominent version badge + update Telegram/Discord setup guides 2026-03-01 21:02:28 +10:00
taodeng 894f4841e3 ui: centered version badge + update Telegram/Discord setup guides 2026-03-01 20:52:57 +10:00
taodeng 0a96b4581c fix: main-html-script syntax (tree toggle) 2026-03-01 20:40:16 +10:00
taodeng c3976108a9 feat: Agents wizard for Telegram/Discord + OCM header version 2026-03-01 20:26:11 +10:00
taodeng bfbc4e76da ui: add Agents page hint for Agent vs Sub-Agent 2026-03-01 07:41:01 +10:00
taodeng 0a8779b790 ui: add Remove binding help text 2026-03-01 06:58:21 +10:00
taodeng c006b2f8fb docs: add small-change auto-merge policy 2026-02-28 22:15:05 +10:00
taodeng 80e6532ca2 docs: add CONTRIBUTING guidelines 2026-02-28 22:12:47 +10:00
dtzp555-maxandGitHub f67d9d2991 docs: collapse README screenshots + bump to v0.8.2 (#1)
Merged after adding Backups/Rollback docs + README screenshot gallery (v0.8.2).
2026-02-28 21:59:37 +10:00
taodeng 474f62a4c7 feat: group routing bindings by agent with collapse 2026-02-28 20:55:30 +10:00
taodeng fb5ea6bc84 feat: improve dashboard and routing UX 2026-02-28 20:53:03 +10:00
taodeng 6c789e3471 docs: update channels/actions screenshots 2026-02-28 19:51:37 +10:00
taodeng 85a2178a80 docs: add usage stats screenshot 2026-02-28 19:41:13 +10:00
taodeng 532a605e58 chore: remove extra terminal screenshots 2026-02-28 19:39:58 +10:00
taodeng 149620dc1a chore: remove extra terminal screenshots 2026-02-28 19:39:45 +10:00
taodeng ba3ef27766 docs: update screenshots (EN, redacted) + improve CLI/Actions docs 2026-02-28 19:39:35 +10:00
taodeng 373d8bda27 docs: re-redact agents screenshot (hide user path + peer IDs) 2026-02-28 18:56:40 +10:00
taodeng d7274f6c88 chore: remove nav arrow example 2026-02-28 17:16:24 +10:00
taodeng f9375ebf89 chore: remove nav arrow example 2026-02-28 17:16:14 +10:00
taodeng 79fa8b35ca docs: refresh redacted screenshots 2026-02-28 17:16:08 +10:00
taodeng 3bd82c5892 docs: further redact screenshots (hide local username) 2026-02-28 17:15:59 +10:00
taodeng 18b1b9529b ui: default language to English 2026-02-28 17:04:25 +10:00
taodeng 428e92baa6 docs: remove arrow annotations; strengthen screenshot redactions 2026-02-28 15:53:38 +10:00
taodeng e08c782559 docs: add FAQ/security/changelog 2026-02-28 15:42:38 +10:00
31 changed files with 1116 additions and 242 deletions
+59 -2
View File
@@ -1,7 +1,64 @@
# OpenClaw Manager — 开发日志 # OpenClaw Manager — 开发日志
> 最后更新:2026-02-27 > 最后更新:2026-03-01
> 当前版本:v0.7.1 > 当前版本:v0.9.0
---
## v0.9.0 更新日志(2026-03-01
### New Features
- Agents: Add Agent / Add Sub-Agent 向导支持 Telegram + Discord
- Telegram: 传统 group 绑定
- Discord: 主 Agent 建议绑定 ChannelSub-Agent 建议绑定 Thread
- Routing: 删除绑定提示文案增强(支持“更换 group/thread → 先删旧绑定再加新绑定”)
### UX / UI
- 顶部居中显示醒目的 OCM 版本标识
- Agents 页面:Agent Tree 支持显示 bindings 概览(Telegram/Discord)并按 parentAgentId 分组
- Setup Guide:补全 Telegram Allow Groups 步骤;Discord guide 按 channel/thread 经验重写
### Fixes
- 修复 MAIN_HTML_SCRIPT 内联 JS 语法问题(tree toggle / i18n 单引号等),避免启动自检失败
## Unreleased2026-02-28
### Dashboard / Layout
- Removed the dashboard `HTTP Ping` field (often misleading in Telegram gateway setups)
- Expanded dashboard visibility with richer gateway routing metadata:
- bind host
- telegram account count
- group count
- binding count
- allowFrom count
- Reordered dashboard cards and made `Agents` / `Gateway` cards wider for denser information display
### Bug Fixes
- Fixed `main` agent workspace file browsing/editing fallback:
- when agent-level workspace is empty, it now resolves from defaults or `workspace/<agentId>`
- writing files now ensures workspace directory exists before save
### UX Clarification
- Channels page hint text updated to position it as **advanced routing management**
- Clarifies scope difference from Agents page (daily add/remove should stay in Agents)
- Navigation label updated from `Channels` to `Routing` to reduce conceptual overlap with Agent lifecycle management
- Added `Routing` page agent filter (`All Agents` + per-agent quick filter) for easier large-tree inspection
- Added compact grouped rendering in `Routing`: bindings are grouped by agent with expand/collapse support for denser large-config browsing
### Settings UX
- Merged `Models` and `Auth` pages into a single `Models & Auth` tab
### Stats
- Added daily (`1 day`) range option and set it as default
--- ---
+76 -32
View File
@@ -1,6 +1,6 @@
# OpenClaw Manager (OCM) # OpenClaw Manager (OCM)
A zero-dependency, single-file web dashboard for [OpenClaw](https://github.com/anthropics/openclaw). Manage agents, monitor token usage, and run commands — all from your browser, no `npm install` required. A zero-dependency local control panel for [OpenClaw](https://github.com/anthropics/openclaw). Manage agents, bindings, logs, commands, and rollback from your browser no `npm install` required.
[中文说明](#中文说明) · [中文使用说明(含截图)](docs/USAGE_GUIDE.zh-CN.md) · [English Guide (with screenshots)](docs/USAGE_GUIDE.en.md) [中文说明](#中文说明) · [中文使用说明(含截图)](docs/USAGE_GUIDE.zh-CN.md) · [English Guide (with screenshots)](docs/USAGE_GUIDE.en.md)
@@ -22,51 +22,77 @@ git pull --ff-only
``` ```
Open [http://localhost:3333](http://localhost:3333) in your browser. For remote access, use `bash start.sh --host 0.0.0.0`. Open [http://localhost:3333](http://localhost:3333) in your browser. For remote access, use `bash start.sh --host 0.0.0.0`.
## Docs
- English guide: docs/USAGE_GUIDE.en.md
- 中文使用说明: docs/USAGE_GUIDE.zh-CN.md
- FAQ: docs/FAQ.md
- Security notes: docs/SECURITY.md
- Changelog: docs/CHANGELOG.md
## Why OCM
OCM is best thought of as an **OpenClaw control panel**, not just a config editor.
It helps with three things that become painful fast in raw JSON / terminal workflows:
- **Agent topology** — see which agent is bound to which chat/channel/thread
- **Everyday operations** — run CLI commands, inspect health/logs, restart gateway
- **Safer changes** — update config with backups and rollback nearby
## Features ## Features
**Screenshots** — Redacted UI walkthrough (no personal paths, no Telegram IDs): <details>
<summary><b>Screenshots</b> (redacted: no personal paths, no Telegram IDs)</summary>
![](docs/annotated-screenshots/dashboard.jpg) <p>
<img src="docs/redacted-screenshots/dashboard.jpg" width="240" />
<img src="docs/redacted-screenshots/agents.jpg" width="240" />
<img src="docs/redacted-screenshots/channels.jpg" width="240" />
<img src="docs/redacted-screenshots/models.jpg" width="240" />
<img src="docs/redacted-screenshots/auth.jpg" width="240" />
<img src="docs/redacted-screenshots/stats.jpg" width="240" />
<img src="docs/redacted-screenshots/cron.jpg" width="240" />
<img src="docs/redacted-screenshots/actions.jpg" width="240" />
<img src="docs/redacted-screenshots/cli.jpg" width="240" />
<img src="docs/redacted-screenshots/cli-output.jpg" width="240" />
<img src="docs/redacted-screenshots/backup-rollback.jpg" width="240" />
</p>
![](docs/annotated-screenshots/agents.jpg) </details>
![](docs/annotated-screenshots/channels.jpg) - **Agent Management** — Add main agents and sub-agents through a guided setup flow. View all agents in a tree structure with model selection, workspace browsing, and inline configuration.
- **Usage Statistics** — Real token usage data parsed directly from OpenClaw session files. Breakdown by model, agent, and day with a visual chart.
- **Model & Auth** — Configure models from your registered provider list. Follow built-in guides for provider authentication setup.
- **Built-in CLI** — Available from any page (top-right **Terminal** + bottom dock). Run OpenClaw commands with **real-time streaming output**, **Tab completion**, built-in presets, and your own saved favorites.
- **Ops Panel** — Restart gateway, view logs, run health checks, manage backups, **rollback/restore configs**, and handle cron tasks.
- **Backups / Rollback** — Browse auto-snapshots of `openclaw.json*` and restore any previous version (current config is auto-backed up first).
- **Bilingual UI** — English and Chinese interface with one-click language switching.
![](docs/annotated-screenshots/models.jpg) ## What's New (v0.9.x)
![](docs/annotated-screenshots/auth.jpg) - **Discord support (v0.9.x)**: add agent/sub-agent flows for Discord (main agent binds channel; sub-agent binds thread).
- **README screenshots gallery**: all screenshots are now grouped into one collapsible section to keep the homepage short.
- **Built-in CLI terminal**: run OpenClaw commands from any page with streaming output, presets, favorites, and Tab completion.
- **Ops actions**: restart gateway, view logs, health check, backups (local + NAS), and cron management.
- **Telegram-first workflow**: safer sub-agent setup flow + allowlist helper + warnings for group privacy.
## Channel Support
![](docs/annotated-screenshots/stats.jpg) OCM is a local UI for OpenClaw. Core features like agent trees, routing, models/auth, ops, backups, and the built-in CLI are channel-agnostic.
![](docs/annotated-screenshots/cron.jpg) Current channel positioning:
- **Telegram** — best supported and most documented today
- **Discord** — supported; recommended for private channels/threads with strict allowlist
- **Feishu / Lark** — supported in broader OpenClaw ecosystems, but not a primary OCM workflow today
- **WhatsApp** — not recommended for sub-agent topology workflows
**Agent Management** — Add main agents and sub-agents through a guided setup flow. View all agents in a tree structure with model selection, workspace browsing, and inline configuration. ## Recommended Workflows
**Usage Statistics** — Real token usage data parsed directly from OpenClaw session files. Breakdown by model, agent, and day with a visual chart. OCM is **Telegram-first, not Telegram-only**. Telegram is the smoothest path today, but OCM is also useful for local ops, Discord routing, model/auth management, and backups.
**Model & Auth** — Configure models from your registered provider list. Follow built-in guides for provider authentication setup. ### Telegram Workflow & Safety
**Built-in CLI** — Run any OpenClaw CLI command with real-time streaming output. Includes tab completion and saved favorites.
![](docs/annotated-screenshots/cli.jpg)
**Ops Panel** — Restart gateway, view logs, run health checks, manage backups (local + NAS via SFTP/rsync), and handle cron tasks.
**Bilingual UI** — English and Chinese interface with one-click language switching.
## What's New (v0.7.x)
- **Dashboard redesign**: circular CPU/RAM/DISK gauges + system/gateway/agent overview, with optional auto-refresh.
- **Sub-agent creation flow**: step-by-step Telegram guide (BotFather → group → get group ID → fill form), with explicit safety warnings.
- **Telegram allowlist helper**: optional “Your Telegram User ID” field can auto-append to `channels.telegram.allowFrom`.
- **Model dropdown = real CLI output**: selectors are sourced from `openclaw models list` (with a warning if parsing fails).
- **Cache-busting**: response headers + version checks help prevent stale frontend after updates.
- **Setup page EN localization**: first-run directory selection page is fully bilingual.
## Telegram Workflow & Safety
OCM is designed primarily for **Telegram-based OpenClaw workflows**: OCM is designed primarily for **Telegram-based OpenClaw workflows**:
@@ -112,6 +138,18 @@ You can also create `manager-config.json` manually:
`manager-config.json` is gitignored and won't be committed. `manager-config.json` is gitignored and won't be committed.
## First-Run Experience
The first thing new users need is confidence that OCM is pointed at the right OpenClaw directory and that the gateway is healthy. The Dashboard, built-in CLI, and health/ops actions are intended to make that first-run check fast and visible.
Recommended first demo flow:
1. Start OCM
2. Open Dashboard and confirm gateway health
3. Open Agents / Routing and inspect bindings
4. Run one CLI command from the built-in terminal
5. Try backup / rollback from Ops
## Remote Access ## Remote Access
By default OCM binds to `0.0.0.0` (all interfaces). Access it from another device on your LAN using the IP shown at startup. To restrict to localhost only: By default OCM binds to `0.0.0.0` (all interfaces). Access it from another device on your LAN using the IP shown at startup. To restrict to localhost only:
@@ -205,3 +243,9 @@ bash start.sh --dir /path/to/.openclaw --port 8080
```json ```json
{ "dir": "~/.openclaw" } { "dir": "~/.openclaw" }
``` ```
## Discord (thread-first) notes
- Recommended: keep top-level agents in dedicated channels, and bind sub-agents to **threads** (one thread per task).
- To switch a Telegram group / Discord thread binding: go to **Routing** → remove the old binding → add a new binding with the new ID/link.
+41
View File
@@ -0,0 +1,41 @@
# Changelog
This is a user-facing summary derived from `DEVLOG.md`.
## v0.9.0
- Agents: Telegram + Discord support in Add Agent / Add Sub-Agent wizard (main agent binds channel; sub-agent binds thread).
- UI: top-center OCM version badge; improved Telegram/Discord setup guides.
## v0.8.2
- Docs: reorganize README screenshots into a collapsible gallery to reduce scroll.
- Docs: add Backups / Rollback screenshot and README feature blurb.
- Docs: refresh redacted screenshots (Channels + Actions + Stats) and feature descriptions.
## v0.8.1
- Docs: add Stats screenshot and expand feature list.
## v0.8.0
- Docs: bilingual usage guides refreshed (EN + zh-CN) with redacted screenshots.
## v0.7.6
- Docs: annotated screenshots with arrows for key UI controls.
## v0.7.5
- Docs: built-in CLI terminal instructions + screenshot (tab completion, favorites, streaming output).
## v0.7.4
- Docs: English + Chinese usage guides with redacted screenshots.
## v0.7.1
- Dashboard guidance block for Telegram-first workflow + safety checklist.
- Model dropdown options sourced from `openclaw models list`.
## v0.7.0
- Dashboard redesign with circular CPU/RAM/DISK gauges and auto-refresh.
- Sub-agent creation flow rewritten (BotFather → group → group id → form) including allowlist helper.
## v0.6.6
- Fix: sub-agents correctly grouped under main for older config formats.
## v0.6.5
- New Dashboard tab + cache-busting headers and version checks.
+65
View File
@@ -0,0 +1,65 @@
# Contributing (OCM)
This repo is optimized for fast iteration and safe maintenance.
## Workflow (PM + Codex)
Default rule:
- Codex implements changes on a **new branch** and opens a **PR**.
- Xiao Qiang (PM) reviews + runs local smoke tests.
- Tao approves.
- Only after explicit approval, we merge.
Fast-path (small changes):
- For small doc/copy/layout fixes, Tao allows **auto-merge after PM verification** (tests/smoke pass).
- PM must still send Tao a short completion note with the PR link and summary.
## Versioning
- Single source of truth:
- `package.json#version`
- `openclaw-manager.js``APP_VERSION`
- When bumping a version, update **both** in the same commit.
- Prefer **semver-ish**: `MAJOR.MINOR.PATCH` (e.g. `0.8.2`).
## Language policy (Docs + UI)
- **DEVLOG.md must be English-only.**
- UI:
- English mode should not show Chinese strings (except user-provided content).
- Chinese mode can be fully Chinese.
- When adding new UI strings, ensure both locales are updated.
## README policy
- Keep the README homepage **short**.
- Screenshots should be grouped (e.g. in a collapsible gallery) to avoid long scroll.
- The “Features” section should be **complete** and reflect actual UI capabilities.
## Screenshots (redaction)
- Store public screenshots under: `docs/redacted-screenshots/`
- Redact sensitive info:
- local username/path fragments
- Telegram peer IDs
- any tokens/keys
- Prefer **English UI** screenshots.
- Prefer clean crops (avoid arrows/annotations unless truly necessary).
## Text style
- Be concrete and user-focused.
- Prefer consistent naming:
- “Remote backup setup” (not “NAS backup setup”)
- “Backups / Rollback” for restore/snapshot functionality
## PR checklist
- [ ] Description includes: what/why/how
- [ ] If UI changed: include screenshots
- [ ] Version updated when needed
- [ ] English UI audited (no stray Chinese)
- [ ] `DEVLOG.md` updated (English-only)
+62
View File
@@ -0,0 +1,62 @@
# OCM FAQ
## Q: Telegram 群里经常显示 typing,但不回消息?
Most common cause is **BotFather Group Privacy** being ON.
Fix:
- BotFather → Your bot → Bot Settings → **Group Privacy****Turn off**
Also check:
- `openclaw status` (gateway healthy?)
- provider auth/rate limits (OCM → Auth page, and gateway logs)
## Q: 如何获取 Telegram Group IDPeer ID / -100...)?
Typical workflow:
```bash
openclaw gateway logs --follow
```
Send a message in the target group; the gateway logs usually contain the peer id.
## Q: 模型下拉列表为什么没有我想要的模型?
OCM sources model options from the real CLI output:
```bash
openclaw models list
```
So if it doesn't show up in OCM, make sure it's registered/available in your OpenClaw environment.
## Q: Dashboard 里 Gateway HTTP Ping 显示 Unreachable
Common reasons:
- Gateway not running
- Gateway binds to a different interface/port than OCM expects
- Local firewall/proxy interference
Try:
- `openclaw status`
- `openclaw gateway restart`
## Q: OCM 会把我的 token/个人信息上传出去吗?
OCM is designed as a **local** dashboard.
That said, your local OpenClaw config contains sensitive information. Follow the safety guidance:
- keep agent Telegram groups private
- don't share raw screenshots without redaction
See: `docs/SECURITY.md`.
## Q: 为什么 OCM 暂时不推荐 WhatsApp 的 sub-agent 工作流?
WhatsApp 在 bot / group 自动化、权限边界和稳定路由上限制更多。
OCM 的 sub-agent 模式依赖清晰的会话边界、独立路由和可控权限,因此目前更推荐 Telegram / Discord 这类更容易做隔离的渠道。
如果未来支持 WhatsApp,更可能先从通知或轻量交互开始,而不是多 sub-agent 群聊拓扑。
+52
View File
@@ -0,0 +1,52 @@
# Security Notes
OCM is a **local web UI** for managing OpenClaw. Security depends heavily on how you run OpenClaw and how you use Telegram.
## Recommended defaults
- **Run locally** and restrict host binding unless you intentionally expose it.
- Treat OpenClaw config as secrets: tokens, provider keys, account ids.
- Prefer separate workspaces for each agent/sub-agent.
## Telegram safety
Strongly recommended:
- **One Telegram group = one agent boundary** (context + purpose + workspace)
- Keep each agent group **private**: only you + the bot (and optionally your second account)
- Do **not** invite other people (cost + security risk)
Critical BotFather settings:
- Allow Groups = ON
- Group Privacy = OFF
## Sharing screenshots
If you share screenshots publicly:
- blur personal paths (e.g. `/Users/<name>/...`)
- blur Telegram group/peer IDs (e.g. `-100xxxxxxxxxx`)
- blur any tokens/keys if visible
This repo contains **redacted + annotated** screenshots under `docs/annotated-screenshots/`.
## Discord safety
Recommended defaults (especially for shared/community servers):
- Prefer **private channels / private threads** as agent boundaries
- Use a strict **allowlist** of channels/threads the bot may respond in
- Avoid giving memory-enabled or high-privilege agents broad public exposure
- Prefer least-privilege Discord permissions for the bot
## Feishu / Lark safety
Feishu is more enterprise-oriented and usually needs stricter permission design:
- Request the smallest permission scope possible
- Treat chat/group visibility as a security boundary
- Prefer separate chats/spaces for different agents to reduce context bleed
## WhatsApp note
WhatsApp is not a recommended target for sub-agent topology workflows. Constraints in bot/group automation make reliable multi-agent isolation and routing harder.
+77 -20
View File
@@ -2,7 +2,7 @@
> Audience: People who already have OpenClaw running locally (you can run `openclaw status` and read `openclaw gateway logs`). > Audience: People who already have OpenClaw running locally (you can run `openclaw status` and read `openclaw gateway logs`).
> >
> Goal: Use **OpenClaw Manager (OCM)** to make agent/sub-agent setup and day-to-day ops **visual, safer, and easier to audit**. > Goal: Use **OpenClaw Manager (OCM)** as an **OpenClaw control panel** for agent setup, routing, health checks, built-in CLI, and safer config changes.
--- ---
@@ -60,7 +60,18 @@ Recommended rule:
--- ---
## 2) Start OCM (macOS) ## 2) First-run mindset
For new users, the first win is not “configure everything” — it is:
1. Confirm OCM found the right OpenClaw directory
2. Confirm the gateway is healthy
3. Confirm you can inspect agents / bindings
4. Confirm the built-in CLI works
That is why Dashboard + Routing + built-in CLI are the most important first-run surfaces.
## 3) Start OCM (macOS)
From the repo directory: From the repo directory:
@@ -78,7 +89,7 @@ bash start.sh --host 127.0.0.1
--- ---
## 3) Dashboard: check health first ## 4) Dashboard: check health first
The Dashboard is your “sanity check”: The Dashboard is your “sanity check”:
@@ -88,15 +99,15 @@ The Dashboard is your “sanity check”:
Screenshot: Screenshot:
![](annotated-screenshots/dashboard.jpg) ![](redacted-screenshots/dashboard.jpg)
--- ---
## 4) Create a main agent (with its own Telegram bot) ## 5) Create a main agent (with its own Telegram bot)
> Your `main` agent usually exists already. This section is for creating an additional **root agent** that owns its own Telegram bot/account. > Your `main` agent usually exists already. This section is for creating an additional **root agent** that owns its own Telegram bot/account.
### 4.1 BotFather prerequisites ### 5.1 BotFather prerequisites
1) Create a bot 1) Create a bot
- In Telegram, open **BotFather** - In Telegram, open **BotFather**
@@ -115,11 +126,11 @@ If group privacy is ON, the bot cant see normal group messages. The symptom o
- “typing…” appears frequently - “typing…” appears frequently
- sometimes no response at all - sometimes no response at all
### 4.2 Add the agent in OCM ### 5.2 Add the agent in OCM
Go to **Agents**: Go to **Agents**:
![](annotated-screenshots/agents.jpg) ![](redacted-screenshots/agents.jpg)
Click `+ Add Agent` and fill: Click `+ Add Agent` and fill:
@@ -132,15 +143,15 @@ OCM writes the agent + Telegram account/binding into `openclaw.json`.
--- ---
## 5) Create a sub-agent (recommended workflow) ## 6) Create a sub-agent (recommended workflow)
### 5.1 Why a new group per sub-agent ### 6.1 Why a new group per sub-agent
- clean context isolation - clean context isolation
- easier debugging - easier debugging
- easy to “turn off” by muting a group - easy to “turn off” by muting a group
### 5.2 Step-by-step ### 6.2 Step-by-step
In **Agents**`+ Add Sub-Agent`: In **Agents**`+ Add Sub-Agent`:
@@ -172,11 +183,41 @@ If you use `channels.telegram.allowFrom`, OCM can take “Your Telegram User ID
--- ---
## 6) Verify bindings (Channels)
## 6.5) Discord workflow (main agent + sub-agent)
OCM also supports Discord:
- **Main agent**: bind to a dedicated **Channel** (channelId)
- **Sub-agent**: bind to a dedicated **Thread** under that channel (threadId)
### 6.5.1 Add a Discord main agent
Go to **Agents**`+ Add Agent` → set **Channel = Discord**:
![](redacted-screenshots/agents-discord-add-agent.png)
Steps:
1) Create/select a dedicated Discord **channel** (private recommended)
2) Right-click channel → **Copy Link** → paste into the form (auto-parses channelId)
### 6.5.2 Add a Discord sub-agent (thread-first)
Go to **Agents**`+ Add Sub-Agent` → set **Channel = Discord (thread only)**:
![](redacted-screenshots/agents-discord-add-subagent.png)
Steps:
1) Create a **thread** under the main channel (one thread per task)
2) If it is a private thread, add the bot to the thread
3) Right-click thread → **Copy Link** → paste into the form (auto-parses threadId)
## 7) Verify bindings (Channels)
Go to **Channels**: Go to **Channels**:
![](annotated-screenshots/channels.jpg) ![](redacted-screenshots/channels.jpg)
Here you can quickly validate: Here you can quickly validate:
- which agent is bound to which Telegram peer - which agent is bound to which Telegram peer
@@ -184,11 +225,11 @@ Here you can quickly validate:
--- ---
## 7) Model settings (Models) ## 8) Model settings (Models)
Go to **Models**: Go to **Models**:
![](annotated-screenshots/models.jpg) ![](redacted-screenshots/models.jpg)
Key idea: Key idea:
- OCM uses the real CLI model list (`openclaw models list`) for dropdowns. - OCM uses the real CLI model list (`openclaw models list`) for dropdowns.
@@ -200,7 +241,7 @@ Key idea:
Go to **Auth**: Go to **Auth**:
![](annotated-screenshots/auth.jpg) ![](redacted-screenshots/auth.jpg)
Use this page to: Use this page to:
- see which provider profiles exist - see which provider profiles exist
@@ -212,7 +253,7 @@ Use this page to:
Go to **Stats**: Go to **Stats**:
![](annotated-screenshots/stats.jpg) ![](redacted-screenshots/stats.jpg)
You can break down usage by: You can break down usage by:
- model - model
@@ -223,11 +264,25 @@ OCM parses usage from OpenClaw session JSONL files.
--- ---
## 10) Actions menu (ops shortcuts)
The **⚡ Actions** dropdown in the top-right provides common operational shortcuts:
- Restart Gateway
- Live Logs
- Manual Backup / Backups & Rollback
- NAS Backup Setup
- Health Check
- Open Config Dir / Switch OpenClaw Dir
Screenshot:
![](redacted-screenshots/actions.jpg)
## 10) Cron jobs (Cron) ## 10) Cron jobs (Cron)
Go to **Cron**: Go to **Cron**:
![](annotated-screenshots/cron.jpg) ![](redacted-screenshots/cron.jpg)
You can: You can:
- see scheduled tasks (backup / update / health) - see scheduled tasks (backup / update / health)
@@ -250,7 +305,9 @@ Highlights:
Screenshot: Screenshot:
![](annotated-screenshots/cli.jpg) ![](redacted-screenshots/cli.jpg)
![](redacted-screenshots/cli-output.jpg)
## 11) Fast troubleshooting ## 11) Fast troubleshooting
@@ -272,4 +329,4 @@ Check (in order):
## Notes about screenshots ## Notes about screenshots
All screenshots in this guide are **redacted** (no personal paths, no Telegram IDs). All screenshots in this guide are **redacted** (no personal paths, no Telegram IDs).
They live under `docs/annotated-screenshots/`. They live under `docs/redacted-screenshots/`.
+79 -22
View File
@@ -2,7 +2,7 @@
> 面向:已经在本机安装并跑通 OpenClaw 的用户(至少会用 `openclaw status` / `openclaw gateway logs` > 面向:已经在本机安装并跑通 OpenClaw 的用户(至少会用 `openclaw status` / `openclaw gateway logs`
> >
> 目标: **OpenClaw Manager (OCM)** 把“创建 Agent / Sub-Agent、绑定 Telegram 群、管理模型/认证、看用量、看 cron”这套流程做成可视化、可回溯、低风险 > 目标: **OpenClaw Manager (OCM)** 当成 **OpenClaw 控制台** 来用:管理 Agent、查看 Routing、做健康检查、运行内置 CLI,并更安全地修改配置
--- ---
@@ -54,9 +54,20 @@ OCM 的定位:**把配置变更“可视化 + 可检查 + 可回滚(配合
--- ---
## 2) 启动与进入 OCM ## 2) 第一次使用时最该确认什么
### 2.1 启动(macOS 对新用户来说,第一步不是“先把所有配置都改完”,而是先确认四件事:
1. OCM 找到的是正确的 OpenClaw 目录
2. Gateway 是健康的
3. Agent / Routing 能正常查看
4. 内置终端可以正常跑命令
所以第一次使用时,最重要的页面其实是 Dashboard、Routing 和内置终端。
## 3) 启动与进入 OCM
### 3.1 启动(macOS
在 OCM 目录: 在 OCM 目录:
@@ -68,7 +79,7 @@ bash start.sh
> 需要限制只能本机访问:`bash start.sh --host 127.0.0.1` > 需要限制只能本机访问:`bash start.sh --host 127.0.0.1`
### 2.2 Dashboard(先看健康状态) ### 3.2 Dashboard(先看健康状态)
建议第一步先看 Dashboard,确认: 建议第一步先看 Dashboard,确认:
- 机器资源(CPU/RAM/DISK - 机器资源(CPU/RAM/DISK
@@ -77,15 +88,15 @@ bash start.sh
截图示例: 截图示例:
![](annotated-screenshots/dashboard.jpg) ![](redacted-screenshots/dashboard.jpg)
--- ---
## 3) 创建主 AgentMain Agent / 独立 Bot ## 4) 创建主 AgentMain Agent / 独立 Bot
> 你的 `main` 一般是默认存在的;这里重点讲“新增一个 **拥有独立 Telegram bot 的主 Agent**”。 > 你的 `main` 一般是默认存在的;这里重点讲“新增一个 **拥有独立 Telegram bot 的主 Agent**”。
### 3.1 BotFather 侧准备(必须) ### 4.1 BotFather 侧准备(必须)
1) 创建 bot 1) 创建 bot
- 在 Telegram 找 **BotFather** - 在 Telegram 找 **BotFather**
@@ -101,11 +112,11 @@ bash start.sh
> 如果 Group Privacy 没关,bot 在群里看不到普通消息,会表现成“经常 typing 但没输出 / 没反应”。 > 如果 Group Privacy 没关,bot 在群里看不到普通消息,会表现成“经常 typing 但没输出 / 没反应”。
### 3.2 在 OCM 添加主 Agent ### 4.2 在 OCM 添加主 Agent
进入 **Agents** 页面: 进入 **Agents** 页面:
![](annotated-screenshots/agents.jpg) ![](redacted-screenshots/agents.jpg)
点击 `+ Add Agent`,按表单填写: 点击 `+ Add Agent`,按表单填写:
- Agent id / name - Agent id / name
@@ -117,14 +128,14 @@ bash start.sh
--- ---
## 4) 创建 Sub-Agent(最常用) ## 5) 创建 Sub-Agent(最常用)
### 4.1 为什么 Sub-Agent 要用“新群” ### 5.1 为什么 Sub-Agent 要用“新群”
- 让每个 Sub-Agent 有自己独立的对话上下文、任务边界 - 让每个 Sub-Agent 有自己独立的对话上下文、任务边界
- 出问题直接在该群排查,不污染主 Agent 的对话 - 出问题直接在该群排查,不污染主 Agent 的对话
### 4.2 Sub-Agent 创建流程(逐步) ### 5.2 Sub-Agent 创建流程(逐步)
进入 **Agents** 页面 → 点击 `+ Add Sub-Agent`,按引导做: 进入 **Agents** 页面 → 点击 `+ Add Sub-Agent`,按引导做:
@@ -155,11 +166,41 @@ OCM 的表单里可以填 “Your Telegram User ID”,让它自动把你的 us
--- ---
## 5) 绑定检查(Channels 页)
## 6) Discord 工作流(主 Agent + Sub-Agent
OCM 也支持 Discord
- **主 Agent**:绑定到一个专用 **Channel**channelId
- **Sub-Agent**:绑定到该 Channel 下的专用 **Thread**threadIdthread-first
### 5.1 添加 Discord 主 Agent
进入 **Agents**`+ Add Agent` → 选择 **渠道 = Discord**
![](redacted-screenshots/agents-discord-add-agent.png)
步骤:
1) 创建/选择一个专用 Discord Channel(建议私密)
2) 右键 Channel → **Copy Link** → 粘贴到表单(自动解析 channelId)
### 5.2 添加 Discord Sub-AgentThread 优先)
进入 **Agents**`+ Add Sub-Agent` → 选择 **渠道 = Discord (thread only)**
![](redacted-screenshots/agents-discord-add-subagent.png)
步骤:
1) 在主 Channel 下新建 Thread(建议“一个任务一个 thread”)
2) 如果是 private thread,需要把 bot 拉进 thread
3) 右键 Thread → **Copy Link** → 粘贴到表单(自动解析 threadId)
## 7) 绑定检查(Channels 页)
进入 **Channels** 进入 **Channels**
![](annotated-screenshots/channels.jpg) ![](redacted-screenshots/channels.jpg)
这里能一眼看到: 这里能一眼看到:
- 哪个 agent 绑定了哪个 Telegram peer(群) - 哪个 agent 绑定了哪个 Telegram peer(群)
@@ -169,11 +210,11 @@ OCM 的表单里可以填 “Your Telegram User ID”,让它自动把你的 us
--- ---
## 6) 模型管理(Models 页) ## 8) 模型管理(Models 页)
进入 **模型** 进入 **模型**
![](annotated-screenshots/models.jpg) ![](redacted-screenshots/models.jpg)
关键点: 关键点:
- 主模型(primary)和 fallback 链 - 主模型(primary)和 fallback 链
@@ -181,11 +222,11 @@ OCM 的表单里可以填 “Your Telegram User ID”,让它自动把你的 us
--- ---
## 7) 认证管理(Auth 页) ## 9) 认证管理(Auth 页)
进入 **认证** 进入 **认证**
![](annotated-screenshots/auth.jpg) ![](redacted-screenshots/auth.jpg)
这里主要用来: 这里主要用来:
- 看当前有哪些 provider profile - 看当前有哪些 provider profile
@@ -197,7 +238,7 @@ OCM 的表单里可以填 “Your Telegram User ID”,让它自动把你的 us
进入 **Stats** 进入 **Stats**
![](annotated-screenshots/stats.jpg) ![](redacted-screenshots/stats.jpg)
你可以按: 你可以按:
- 按模型聚合 - 按模型聚合
@@ -222,13 +263,29 @@ OCM 内置一个 CLI 面板,用来直接运行 OpenClaw 命令(例如:`ope
截图示例: 截图示例:
![](annotated-screenshots/cli.jpg) ![](redacted-screenshots/cli.jpg)
![](redacted-screenshots/cli-output.jpg)
## 9) Actions 菜单(运维快捷入口)
右上角 **⚡ Actions** 下拉菜单提供常用运维操作:
- Restart Gateway(重启网关)
- Live Logs(实时日志)
- Manual Backup / Backups & Rollback(备份/回滚)
- NAS Backup SetupNAS 备份配置)
- Health Check(健康检查)
- Open Config Dir / Switch OpenClaw Dir(打开/切换配置目录)
截图示例:
![](redacted-screenshots/actions.jpg)
## 9) Cron(定时任务) ## 9) Cron(定时任务)
进入 **Cron** 进入 **Cron**
![](annotated-screenshots/cron.jpg) ![](redacted-screenshots/cron.jpg)
用途: 用途:
- 查看有哪些健康检查/更新/备份任务 - 查看有哪些健康检查/更新/备份任务
@@ -264,4 +321,4 @@ OCM 内置一个 CLI 面板,用来直接运行 OpenClaw 命令(例如:`ope
## 附:截图说明 ## 附:截图说明
本文截图来自 `docs/annotated-screenshots/`,已做脱敏(路径用户名、Telegram 绑定 ID 等均已模糊处理)。 本文截图来自 `docs/redacted-screenshots/`,已做脱敏(路径用户名、Telegram 绑定 ID 等均已模糊处理)。
Binary file not shown.

Before

Width:  |  Height:  |  Size: 196 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 178 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 187 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 262 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 187 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 240 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 144 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 217 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 142 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 182 KiB

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 164 KiB

After

Width:  |  Height:  |  Size: 162 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 177 KiB

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 240 KiB

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 177 KiB

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 228 KiB

After

Width:  |  Height:  |  Size: 226 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 131 KiB

After

Width:  |  Height:  |  Size: 129 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 207 KiB

After

Width:  |  Height:  |  Size: 29 KiB

+603 -164
View File
File diff suppressed because it is too large Load Diff
+2 -2
View File
@@ -1,7 +1,7 @@
{ {
"name": "openclaw-manager", "name": "openclaw-manager",
"version": "0.7.1", "version": "0.9.0",
"description": "A local web UI for managing OpenClaw AI agents no npm install required", "description": "A local web UI for managing OpenClaw AI agents \u2014 no npm install required",
"main": "openclaw-manager.js", "main": "openclaw-manager.js",
"scripts": { "scripts": {
"start": "node openclaw-manager.js", "start": "node openclaw-manager.js",