docs: widen the README preview to six screenshots

Four frames left the desktop app looking narrower than it is. Six
cover the arc a first-time reader needs: it codes, you review, you
verify, it looks good, it grows, and it keeps you company.

Adds the built-in browser preview — the frame that closes the loop by
showing the page the session just changed — plus the desktop pets.
Every caption now carries a second line saying what the frame proves,
so the grid reads without opening each image.

README.en.md

@@ -32,7 +32,7 @@ A Claude Code build repaired from the source leaked from Anthropic's npm registr
 
 The Claude Code Haha desktop app brings sessions, multi-project navigation, branch / Worktree controls, file changes, diff review, permission approval, model setup, and remote access into one graphical workspace for daily development beyond the terminal.
 
-v0.5.0 shipped a full UI redesign — six colour themes that can follow your system's light/dark setting. All four shots below are from a real v0.5.0 build.
+v0.5.0 shipped a full UI redesign — six colour themes that can follow your system's light/dark setting. All six shots below are from a real v0.5.0 build.
 
 <p align="center">
   <a href="https://github.com/NanmiCoder/cc-haha/releases"><img src="https://img.shields.io/badge/⬇_Download_Desktop-macOS_%7C_Windows_%7C_Linux-FF7A00?style=for-the-badge" alt="Download Desktop"></a>
@@ -42,12 +42,16 @@ v0.5.0 shipped a full UI redesign — six colour themes that can follow your sys
 
 <table>
   <tr>
-    <td align="center" width="50%"><img src="docs/images/app/session-main.webp" alt="Desktop session view"><br><b>Session, tool calls & inline diff</b></td>
-    <td align="center" width="50%"><img src="docs/images/app/workspace-diff.webp" alt="Workspace diff review"><br><b>Review every edit, file by file</b></td>
+    <td align="center" width="50%"><img src="docs/images/app/session-main.webp" alt="Desktop session view"><br><b>Say it once. Watch it get done.</b><br><sub>Tool calls, thinking and every edit stay in the thread</sub></td>
+    <td align="center" width="50%"><img src="docs/images/app/workspace-diff.webp" alt="Workspace diff review"><br><b>Know exactly what changed</b><br><sub>Syntax-highlighted diffs; nothing lands without your nod</sub></td>
   </tr>
   <tr>
-    <td align="center" width="50%"><img src="docs/images/app/session-dark.webp" alt="Session view in the dark theme"><br><b>Six themes, optionally following the system</b></td>
-    <td align="center" width="50%"><img src="docs/images/app/skill-market.webp" alt="Skill marketplace"><br><b>Skill marketplace with source and safety labels</b></td>
+    <td align="center" width="50%"><img src="docs/images/app/workspace-preview.webp" alt="Built-in browser previewing the page that was just changed"><br><b>Verify on the spot</b><br><sub>Open your dev server inside the app and bring the result back</sub></td>
+    <td align="center" width="50%"><img src="docs/images/app/session-dark.webp" alt="Session view in the dark theme"><br><b>Six themes, optionally following the system</b><br><sub>White · Paper · Warm classic · Celadon · Ink night · Ink blue</sub></td>
+  </tr>
+  <tr>
+    <td align="center" width="50%"><img src="docs/images/app/skill-market.webp" alt="Skill marketplace"><br><b>Missing a trick? Install it.</b><br><sub>Source and safety status shown before you install</sub></td>
+    <td align="center" width="50%"><img src="docs/images/app/pet-desktop.webp" alt="Desktop pet settings with the floating pet"><br><b>Company while it works</b><br><sub>Dada, Huhu, Bubu and Huihui move with the task at hand</sub></td>
   </tr>
 </table>
 

README.md

@@ -32,7 +32,7 @@ Claude Code Haha 基于 2026-03-31 从 Anthropic npm registry 泄露的 Claude C
 
 Claude Code Haha 的桌面端把会话、多项目、分支 / Worktree、代码改动、Diff 评审、权限确认、模型配置和远程入口收进一个图形化工作台，适合不想长期停留在终端里的日常开发。
 
-v0.5.0 做了一次全量 UI 重设计（「纸·墨·印」），六套配色可跟随系统深浅色切换。下面四张都拍自 v0.5.0 真机。
+v0.5.0 做了一次全量 UI 重设计（「纸·墨·印」），六套配色可跟随系统深浅色切换。下面六张都拍自 v0.5.0 真机。
 
 <p align="center">
   <a href="https://github.com/NanmiCoder/cc-haha/releases"><img src="https://img.shields.io/badge/⬇_下载桌面端-macOS_%7C_Windows_%7C_Linux-FF7A00?style=for-the-badge" alt="下载桌面端"></a>
@@ -42,12 +42,16 @@ v0.5.0 做了一次全量 UI 重设计（「纸·墨·印」），六套配色
 
 <table>
   <tr>
-    <td align="center" width="50%"><img src="docs/images/app/session-main.webp" alt="桌面端会话主界面"><br><b>会话、工具调用与内联 Diff</b></td>
-    <td align="center" width="50%"><img src="docs/images/app/workspace-diff.webp" alt="工作区 Diff 评审"><br><b>改动逐个文件审阅</b></td>
+    <td align="center" width="50%"><img src="docs/images/app/session-main.webp" alt="桌面端会话主界面"><br><b>说一句话，看它一步步做完</b><br><sub>工具调用、思考过程和每一处改动都留在对话里</sub></td>
+    <td align="center" width="50%"><img src="docs/images/app/workspace-diff.webp" alt="工作区 Diff 评审"><br><b>改了什么，逐个文件看清楚</b><br><sub>带语法高亮的 Diff，不点头就不落地</sub></td>
   </tr>
   <tr>
-    <td align="center" width="50%"><img src="docs/images/app/session-dark.webp" alt="墨夜主题下的会话界面"><br><b>六套配色，可跟随系统深浅色</b></td>
-    <td align="center" width="50%"><img src="docs/images/app/skill-market.webp" alt="技能市场"><br><b>技能市场，装前先看来源与安全状态</b></td>
+    <td align="center" width="50%"><img src="docs/images/app/workspace-preview.webp" alt="内置浏览器预览刚改完的页面"><br><b>改完当场验证</b><br><sub>内置浏览器打开本地服务，效果直接带回会话</sub></td>
+    <td align="center" width="50%"><img src="docs/images/app/session-dark.webp" alt="墨夜主题下的会话界面"><br><b>六套配色，可跟随系统深浅色</b><br><sub>纯白 · 纸墨 · 经典暖色 · 青瓷 · 墨夜 · 墨夜蓝</sub></td>
+  </tr>
+  <tr>
+    <td align="center" width="50%"><img src="docs/images/app/skill-market.webp" alt="技能市场"><br><b>缺什么手艺，装什么手艺</b><br><sub>来源和安全状态摆在明处，装之前先看清楚</sub></td>
+    <td align="center" width="50%"><img src="docs/images/app/pet-desktop.webp" alt="桌面宠物设置与悬浮宠物"><br><b>干活的时候，桌面上有个伴</b><br><sub>搭搭、弧弧、补补、回回随任务状态换动作</sub></td>
   </tr>
 </table>