docs: add annotated screenshots with arrows (README + guides)
@@ -27,19 +27,19 @@ Open [http://localhost:3333](http://localhost:3333) in your browser. For remote
|
|||||||
|
|
||||||
**Screenshots** — Redacted UI walkthrough (no personal paths, no Telegram IDs):
|
**Screenshots** — Redacted UI walkthrough (no personal paths, no Telegram IDs):
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||

|

|
||||||
|
|
||||||

|

|
||||||
|
|
||||||

|

|
||||||
|
|
||||||

|

|
||||||
|
|
||||||

|

|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
|
|
||||||
**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.
|
**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.
|
||||||
@@ -50,7 +50,7 @@ Open [http://localhost:3333](http://localhost:3333) in your browser. For remote
|
|||||||
|
|
||||||
**Built-in CLI** — Run any OpenClaw CLI command with real-time streaming output. Includes tab completion and saved favorites.
|
**Built-in CLI** — Run any OpenClaw CLI command with real-time streaming output. Includes tab completion and saved favorites.
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
**Ops Panel** — Restart gateway, view logs, run health checks, manage backups (local + NAS via SFTP/rsync), and handle cron tasks.
|
**Ops Panel** — Restart gateway, view logs, run health checks, manage backups (local + NAS via SFTP/rsync), and handle cron tasks.
|
||||||
|
|
||||||
|
|||||||
@@ -88,7 +88,7 @@ The Dashboard is your “sanity check”:
|
|||||||
|
|
||||||
Screenshot:
|
Screenshot:
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@@ -119,7 +119,7 @@ If group privacy is ON, the bot can’t see normal group messages. The symptom o
|
|||||||
|
|
||||||
Go to **Agents**:
|
Go to **Agents**:
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
Click `+ Add Agent` and fill:
|
Click `+ Add Agent` and fill:
|
||||||
|
|
||||||
@@ -176,7 +176,7 @@ If you use `channels.telegram.allowFrom`, OCM can take “Your Telegram User ID
|
|||||||
|
|
||||||
Go to **Channels**:
|
Go to **Channels**:
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
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
|
||||||
@@ -188,7 +188,7 @@ Here you can quickly validate:
|
|||||||
|
|
||||||
Go to **Models**:
|
Go to **Models**:
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
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 +200,7 @@ Key idea:
|
|||||||
|
|
||||||
Go to **Auth**:
|
Go to **Auth**:
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
Use this page to:
|
Use this page to:
|
||||||
- see which provider profiles exist
|
- see which provider profiles exist
|
||||||
@@ -212,7 +212,7 @@ Use this page to:
|
|||||||
|
|
||||||
Go to **Stats**:
|
Go to **Stats**:
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
You can break down usage by:
|
You can break down usage by:
|
||||||
- model
|
- model
|
||||||
@@ -227,7 +227,7 @@ OCM parses usage from OpenClaw session JSONL files.
|
|||||||
|
|
||||||
Go to **Cron**:
|
Go to **Cron**:
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
You can:
|
You can:
|
||||||
- see scheduled tasks (backup / update / health)
|
- see scheduled tasks (backup / update / health)
|
||||||
@@ -250,7 +250,7 @@ Highlights:
|
|||||||
|
|
||||||
Screenshot:
|
Screenshot:
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
## 11) Fast troubleshooting
|
## 11) Fast troubleshooting
|
||||||
|
|
||||||
@@ -272,4 +272,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/redacted-screenshots/`.
|
They live under `docs/annotated-screenshots/`.
|
||||||
|
|||||||
@@ -77,7 +77,7 @@ bash start.sh
|
|||||||
|
|
||||||
截图示例:
|
截图示例:
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@@ -105,7 +105,7 @@ bash start.sh
|
|||||||
|
|
||||||
进入 **Agents** 页面:
|
进入 **Agents** 页面:
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
点击 `+ Add Agent`,按表单填写:
|
点击 `+ Add Agent`,按表单填写:
|
||||||
- Agent id / name
|
- Agent id / name
|
||||||
@@ -159,7 +159,7 @@ OCM 的表单里可以填 “Your Telegram User ID”,让它自动把你的 us
|
|||||||
|
|
||||||
进入 **Channels**:
|
进入 **Channels**:
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
这里能一眼看到:
|
这里能一眼看到:
|
||||||
- 哪个 agent 绑定了哪个 Telegram peer(群)
|
- 哪个 agent 绑定了哪个 Telegram peer(群)
|
||||||
@@ -173,7 +173,7 @@ OCM 的表单里可以填 “Your Telegram User ID”,让它自动把你的 us
|
|||||||
|
|
||||||
进入 **模型**:
|
进入 **模型**:
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
关键点:
|
关键点:
|
||||||
- 主模型(primary)和 fallback 链
|
- 主模型(primary)和 fallback 链
|
||||||
@@ -185,7 +185,7 @@ OCM 的表单里可以填 “Your Telegram User ID”,让它自动把你的 us
|
|||||||
|
|
||||||
进入 **认证**:
|
进入 **认证**:
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
这里主要用来:
|
这里主要用来:
|
||||||
- 看当前有哪些 provider profile
|
- 看当前有哪些 provider profile
|
||||||
@@ -197,7 +197,7 @@ OCM 的表单里可以填 “Your Telegram User ID”,让它自动把你的 us
|
|||||||
|
|
||||||
进入 **Stats**:
|
进入 **Stats**:
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
你可以按:
|
你可以按:
|
||||||
- 按模型聚合
|
- 按模型聚合
|
||||||
@@ -222,13 +222,13 @@ OCM 内置一个 CLI 面板,用来直接运行 OpenClaw 命令(例如:`ope
|
|||||||
|
|
||||||
截图示例:
|
截图示例:
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
## 9) Cron(定时任务)
|
## 9) Cron(定时任务)
|
||||||
|
|
||||||
进入 **Cron**:
|
进入 **Cron**:
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
用途:
|
用途:
|
||||||
- 查看有哪些健康检查/更新/备份任务
|
- 查看有哪些健康检查/更新/备份任务
|
||||||
@@ -264,4 +264,4 @@ OCM 内置一个 CLI 面板,用来直接运行 OpenClaw 命令(例如:`ope
|
|||||||
|
|
||||||
## 附:截图说明
|
## 附:截图说明
|
||||||
|
|
||||||
本文截图来自 `docs/redacted-screenshots/`,已做脱敏(路径用户名、Telegram 绑定 ID 等均已模糊处理)。
|
本文截图来自 `docs/annotated-screenshots/`,已做脱敏(路径用户名、Telegram 绑定 ID 等均已模糊处理)。
|
||||||
|
|||||||
|
After Width: | Height: | Size: 196 KiB |
|
After Width: | Height: | Size: 178 KiB |
|
After Width: | Height: | Size: 187 KiB |
|
After Width: | Height: | Size: 262 KiB |
|
After Width: | Height: | Size: 187 KiB |
|
After Width: | Height: | Size: 240 KiB |
|
After Width: | Height: | Size: 144 KiB |
|
After Width: | Height: | Size: 217 KiB |