Swap README hero detail for token attribution chart

.gitignore

@@ -23,9 +23,13 @@ docs/mission.sop.md
 init.sh
 docs/assets/*-tight.png
 docs/assets/*-candidate.png
+docs/assets/*-candidate2.png
+docs/assets/*-candidate3.png
+docs/assets/*-candidate4.png
 docs/assets/*-preview*.png
 docs/assets/*-inspect*.png
 docs/assets/_wk-*.png
+docs/assets/_usage-*.png
 1440m
 180m
 720m

README.en.md

@@ -31,15 +31,15 @@ Example UI from a local OpenClaw environment:
 
 <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 width="56%">
+      <img src="docs/assets/token-share-en.png" alt="OpenClaw Control Center token attribution screenshot" width="100%" />
     </td>
-    <td width="50%">
+    <td width="44%">
       <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>Token attribution</strong><br />See which timed jobs are actually consuming tokens and how the share splits across them.</td>
     <td><strong>Staff page</strong><br />See who is working now, who is on standby, recent output, and schedule state.</td>
   </tr>
 </table>

README.md

@@ -31,15 +31,15 @@ OpenClaw 的安全优先、本地优先控制中心。
 
 <table>
   <tr>
-    <td width="50%">
-      <img src="docs/assets/overview-focus-zh.png" alt="OpenClaw Control Center 中文总控圆环截图" width="100%" />
+    <td width="56%">
+      <img src="docs/assets/token-share-zh.png" alt="OpenClaw Control Center 中文 token 消耗归因截图" width="100%" />
     </td>
-    <td width="50%">
+    <td width="44%">
       <img src="docs/assets/staff-zh.png" alt="OpenClaw Control Center 中文员工页截图" width="100%" />
     </td>
   </tr>
   <tr>
-    <td><strong>总控圆环</strong><br />一眼看健康分、推进状态和预算风险。</td>
+    <td><strong>Token 消耗归因</strong><br />直接看定时任务 token 是被哪些任务吃掉的，占比一眼可见。</td>
     <td><strong>员工页</strong><br />直接看谁在工作、谁待命、最近产出和排班状态。</td>
   </tr>
 </table>

docs/PROGRESS.md

@@ -1,5 +1,24 @@
 # Progress
 
+## Phase 139 (README now highlights token attribution instead of the overview ring) — Completed
+- Scope:
+  - Replace the less informative left-hand README screenshot with a token-attribution pie chart view.
+  - Keep the staff page as the second representative screenshot and give the attribution screenshot slightly more width.
+- Changed files:
+  - `README.md`
+  - `README.en.md`
+  - `docs/assets/token-share-zh.png`
+  - `docs/assets/token-share-en.png`
+  - `docs/PROGRESS.md`
+- Implementation:
+  - Captured localized `Timed-job usage share` / `定时任务用量占比` screenshot assets that include the pie chart and attribution list.
+  - Replaced the old overview-ring slot in both READMEs with the new token-attribution asset.
+  - Rebalanced the screenshot table widths to `56% / 44%` so the attribution graphic has enough room to read.
+- Verification:
+  - `npm run build`
+  - `npm test`
+  - `npm run smoke:ui`
+
 ## 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.