Refresh README with focus ring and staff screenshots

.gitignore

@@ -25,6 +25,7 @@ docs/assets/*-tight.png
 docs/assets/*-candidate.png
 docs/assets/*-preview*.png
 docs/assets/*-inspect*.png
+docs/assets/_wk-*.png
 1440m
 180m
 720m

README.en.md

@@ -29,7 +29,20 @@ Language: **English** | [中文](README.md)
 ## Screenshots
 Example UI from a local OpenClaw environment:
 
-<img src="docs/assets/usage-en.png" alt="OpenClaw Control Center usage screenshot" width="900" />
+<table>
+  <tr>
+    <td width="50%">
+      <img src="docs/assets/overview-focus-en.png" alt="OpenClaw Control Center overview control posture ring screenshot" width="100%" />
+    </td>
+    <td width="50%">
+      <img src="docs/assets/staff-en.png" alt="OpenClaw Control Center staff page screenshot" width="100%" />
+    </td>
+  </tr>
+  <tr>
+    <td><strong>Control ring</strong><br />See health, operating posture, and budget risk in one glance.</td>
+    <td><strong>Staff page</strong><br />See who is working now, who is on standby, recent output, and schedule state.</td>
+  </tr>
+</table>
 
 ## 5-minute start
 ```bash

README.md

@@ -29,7 +29,20 @@ OpenClaw 的安全优先、本地优先控制中心。
 ## 截图
 以下截图来自一个本地 OpenClaw 环境：
 
-<img src="docs/assets/usage-zh.png" alt="OpenClaw Control Center 中文用量截图" width="900" />
+<table>
+  <tr>
+    <td width="50%">
+      <img src="docs/assets/overview-focus-zh.png" alt="OpenClaw Control Center 中文总控圆环截图" width="100%" />
+    </td>
+    <td width="50%">
+      <img src="docs/assets/staff-zh.png" alt="OpenClaw Control Center 中文员工页截图" width="100%" />
+    </td>
+  </tr>
+  <tr>
+    <td><strong>总控圆环</strong><br />一眼看健康分、推进状态和预算风险。</td>
+    <td><strong>员工页</strong><br />直接看谁在工作、谁待命、最近产出和排班状态。</td>
+  </tr>
+</table>
 
 ## 5 分钟启动
 ```bash

docs/PROGRESS.md

@@ -1,5 +1,28 @@
 # Progress
 
+## Phase 138 (README screenshot set now highlights the control ring and staff page) — Completed
+- Scope:
+  - Replace the less distinctive README screenshot block with the two most representative surfaces: the control ring posture card and the staff page.
+  - Keep Chinese and English screenshot assets aligned with their matching README language.
+- Changed files:
+  - `README.md`
+  - `README.en.md`
+  - `docs/assets/overview-focus-zh.png`
+  - `docs/assets/overview-focus-en.png`
+  - `docs/assets/staff-zh.png`
+  - `docs/assets/staff-en.png`
+  - `.gitignore`
+  - `docs/PROGRESS.md`
+- Implementation:
+  - Generated fresh localized overview focus crops that center the circular control ring and its posture summary.
+  - Generated fresh localized staff-page screenshots that show the agent roster cards and current work state.
+  - Replaced the README screenshot section in both languages with the new representative pair and short operator-facing captions.
+  - Ignored temporary WebKit capture artifacts used during asset generation.
+- Verification:
+  - `npm run build`
+  - `npm test`
+  - `npm run smoke:ui`
+
 ## Phase 137 (English overview headline now reads Overview Control Center) — Completed
 - Scope:
   - Make the English top-level overview headline feel more branded by expanding `Overview` to `Overview Control Center`.