docs: add bilingual desktop screenshots

This commit is contained in:
程序员阿江(Relakkes)
2026-07-31 07:32:07 +08:00
parent 8280eab844
commit 3df7f23b25
102 changed files with 348 additions and 114 deletions
+16 -16
View File
@@ -44,14 +44,14 @@ v0.5.0 shipped a full UI redesign — six colour themes that can follow your sys
<table>
<tr>
<td align="center" width="33%"><img src="docs/images/app/session-main.webp" alt="Desktop session view"><br><b>Say it once, watch it finish</b><br><sub>Tool calls and every edit stay in the thread</sub></td>
<td align="center" width="33%"><img src="docs/images/app/workspace-diff.webp" alt="Workspace diff review"><br><b>See exactly what changed</b><br><sub>Syntax-highlighted diffs; you decide what lands</sub></td>
<td align="center" width="33%"><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</sub></td>
<td align="center" width="33%"><img src="docs/images/app/en/session-main.webp" alt="Desktop session view"><br><b>Say it once, watch it finish</b><br><sub>Tool calls and every edit stay in the thread</sub></td>
<td align="center" width="33%"><img src="docs/images/app/en/workspace-diff.webp" alt="Workspace diff review"><br><b>See exactly what changed</b><br><sub>Syntax-highlighted diffs; you decide what lands</sub></td>
<td align="center" width="33%"><img src="docs/images/app/en/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</sub></td>
</tr>
<tr>
<td align="center" width="33%"><img src="docs/images/app/session-dark.webp" alt="Session view in the dark theme"><br><b>Six themes, follows the system</b><br><sub>Light and dark, six palettes in all</sub></td>
<td align="center" width="33%"><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 up front</sub></td>
<td align="center" width="33%"><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 follow the task</sub></td>
<td align="center" width="33%"><img src="docs/images/app/en/session-dark.webp" alt="Session view in the dark theme"><br><b>Six themes, follows the system</b><br><sub>Light and dark, six palettes in all</sub></td>
<td align="center" width="33%"><img src="docs/images/app/en/skill-market.webp" alt="Skill marketplace"><br><b>Missing a trick? Install it</b><br><sub>Source and safety status shown up front</sub></td>
<td align="center" width="33%"><img src="docs/images/app/en/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 follow the task</sub></td>
</tr>
</table>
@@ -138,16 +138,6 @@ This project is maintained in the author's spare time. Corporate or individual s
---
## User Group
Scan the QR code below to join the cc-haha user group on Feishu (Lark) — the conversation there is mostly in Chinese. For questions and bug reports in English, [Issues](https://github.com/NanmiCoder/cc-haha/issues) is the better place.
<p align="center">
<img src="docs/images/community/feishu-group-qr.png" width="300" alt="cc-haha Feishu user group QR code">
</p>
---
## ☕ Buy Me a Coffee
If this project helps you, consider buying me a coffee — every bit of support keeps this project going ❤️
@@ -173,6 +163,16 @@ If this project helps you, consider buying me a coffee — every bit of support
---
## User Group
Scan the QR code below to join the cc-haha user group on Feishu (Lark) — the conversation there is mostly in Chinese. For questions and bug reports in English, [Issues](https://github.com/NanmiCoder/cc-haha/issues) is the better place.
<p align="center">
<img src="docs/images/community/feishu-group-qr.png" width="300" alt="cc-haha Feishu user group QR code">
</p>
---
## Tech Stack
| Category | Technology |
+16 -16
View File
@@ -44,14 +44,14 @@ v0.5.0 做了一次全量 UI 重设计(「纸·墨·印」),六套配色
<table>
<tr>
<td align="center" width="33%"><img src="docs/images/app/session-main.webp" alt="桌面端会话主界面"><br><b>说一句话,看它做完</b><br><sub>工具调用和每处改动都留在对话里</sub></td>
<td align="center" width="33%"><img src="docs/images/app/workspace-diff.webp" alt="工作区 Diff 评审"><br><b>改了什么,逐个文件看</b><br><sub>带语法高亮的 Diff,你点头才落地</sub></td>
<td align="center" width="33%"><img src="docs/images/app/workspace-preview.webp" alt="内置浏览器预览刚改完的页面"><br><b>改完当场验证</b><br><sub>内置浏览器打开本地服务看效果</sub></td>
<td align="center" width="33%"><img src="docs/images/app/zh-CN/session-main.webp" alt="桌面端会话主界面"><br><b>说一句话,看它做完</b><br><sub>工具调用和每处改动都留在对话里</sub></td>
<td align="center" width="33%"><img src="docs/images/app/zh-CN/workspace-diff.webp" alt="工作区 Diff 评审"><br><b>改了什么,逐个文件看</b><br><sub>带语法高亮的 Diff,你点头才落地</sub></td>
<td align="center" width="33%"><img src="docs/images/app/zh-CN/workspace-preview.webp" alt="内置浏览器预览刚改完的页面"><br><b>改完当场验证</b><br><sub>内置浏览器打开本地服务看效果</sub></td>
</tr>
<tr>
<td align="center" width="33%"><img src="docs/images/app/session-dark.webp" alt="墨夜主题下的会话界面"><br><b>六套配色可跟随系统</b><br><sub>纯白 · 纸墨 · 经典暖色 · 青瓷 · 墨夜 · 墨夜蓝</sub></td>
<td align="center" width="33%"><img src="docs/images/app/skill-market.webp" alt="技能市场"><br><b>缺什么手艺装什么</b><br><sub>来源和安全状态摆在明处</sub></td>
<td align="center" width="33%"><img src="docs/images/app/pet-desktop.webp" alt="桌面宠物设置与悬浮宠物"><br><b>桌面上有个伴</b><br><sub>搭搭、弧弧、补补、回回随任务换动作</sub></td>
<td align="center" width="33%"><img src="docs/images/app/zh-CN/session-dark.webp" alt="墨夜主题下的会话界面"><br><b>六套配色可跟随系统</b><br><sub>纯白 · 纸墨 · 经典暖色 · 青瓷 · 墨夜 · 墨夜蓝</sub></td>
<td align="center" width="33%"><img src="docs/images/app/zh-CN/skill-market.webp" alt="技能市场"><br><b>缺什么手艺装什么</b><br><sub>来源和安全状态摆在明处</sub></td>
<td align="center" width="33%"><img src="docs/images/app/zh-CN/pet-desktop.webp" alt="桌面宠物设置与悬浮宠物"><br><b>桌面上有个伴</b><br><sub>搭搭、弧弧、补补、回回随任务换动作</sub></td>
</tr>
</table>
@@ -138,16 +138,6 @@ cp .env.example .env
---
## 用户交流群
使用过程中有问题、想反馈 Bug,或者想看看别人怎么用,欢迎扫码加入 cc-haha 飞书用户群。也可以直接来 [Issues](https://github.com/NanmiCoder/cc-haha/issues) 提问。
<p align="center">
<img src="docs/images/community/feishu-group-qr.png" width="300" alt="cc-haha 飞书用户群二维码">
</p>
---
## ☕ 请作者喝杯咖啡
如果这个项目对您有帮助,欢迎打赏支持,您的每一份支持都是我持续更新的动力 ❤️
@@ -173,6 +163,16 @@ cp .env.example .env
---
## 用户交流群
使用过程中有问题、想反馈 Bug,或者想看看别人怎么用,欢迎扫码加入 cc-haha 飞书用户群。也可以直接来 [Issues](https://github.com/NanmiCoder/cc-haha/issues) 提问。
<p align="center">
<img src="docs/images/community/feishu-group-qr.png" width="300" alt="cc-haha 飞书用户群二维码">
</p>
---
## 技术栈
| 类别 | 技术 |
+2 -2
View File
@@ -38,7 +38,7 @@ order: 3
## 看已经装了哪些
![设置 → Agents:按来源分组的 Agent 浏览器](../images/app/settings-agents.webp)
![设置 → Agents:按来源分组的 Agent 浏览器](../images/app/zh-CN/settings-agents.webp)
打开 设置 → Agents。顶部三张卡是总数、生效中、来源类型数,下面按来源分组:
@@ -53,7 +53,7 @@ order: 3
## 捏一个自己的
![「创建 Agent」弹窗:作用域、模型、思考强度、工具、系统提示词](../images/app/agent-create.webp)
![「创建 Agent」弹窗:作用域、模型、思考强度、工具、系统提示词](../images/app/zh-CN/agent-create.webp)
点右上角「创建 Agent」,要填的字段:
+1 -1
View File
@@ -15,7 +15,7 @@ order: 7
## 准备环境
![设置 → Computer Use:环境检测、macOS 两项授权、已授权应用](../images/app/settings-computer-use.webp)
![设置 → Computer Use:环境与 Python 运行时检测](../images/app/zh-CN/settings-computer-use.webp)
打开 设置 → Computer Use,页面顶部是一排环境检查:
+2 -2
View File
@@ -20,7 +20,7 @@ order: 8
3. 从「内置宠物」里挑一个。
4. 打开「显示桌面宠物」。
![设置 → 宠物:四只内置宠物与外观参数](../images/app/settings-pets.webp)
![设置 → 宠物:四只内置宠物与外观参数](../images/app/zh-CN/settings-pets.webp)
## 四只内置宠物
@@ -35,7 +35,7 @@ order: 8
## 和它互动
![桌宠悬浮在桌面上](../images/app/pet-desktop.webp)
![桌宠悬浮在桌面上](../images/app/zh-CN/pet-desktop.webp)
- **悬停** — 空闲时它会跳一下,视线跟着你的指针转。
- **单击** — 唤起主窗口,同时挥个手。注意它只是把窗口叫出来,不会自动跳进某条会话。
+3 -3
View File
@@ -16,7 +16,7 @@ order: 9
## H5 访问
![设置 → H5 访问:二维码与令牌](../images/app/settings-h5.webp)
![设置 → H5 访问:局域网访问开关与连接参数](../images/app/zh-CN/settings-h5.webp)
### 开启
@@ -27,7 +27,7 @@ order: 9
扫出来的链接里带着服务器地址和令牌,手机浏览器打开后会把连接信息存下来,之后直接打开就能用。
![手机端的对话界面与文件变更卡](../images/app/h5-session.webp)
![手机端的对话界面与文件变更卡](../images/app/zh-CN/h5-session.webp)
### 令牌是访问凭据
@@ -65,7 +65,7 @@ H5 默认关闭,它也不是公开服务。开启前先确认你在自己信
## IM 接入
![设置 → IM 接入:配对管理与五个平台](../images/app/settings-im.webp)
![设置 → IM 接入:配对管理与五个平台](../images/app/zh-CN/settings-im.webp)
设置 → IM 接入 支持五个平台,接入方式各不相同:
+1 -1
View File
@@ -21,7 +21,7 @@ order: 5
## 新建任务的每个字段
![「新建定时任务」弹窗:名称、描述、提示词、频率与通知](../images/app/schedule-create.webp)
![「新建定时任务」弹窗:名称、描述、提示词、频率与通知](../images/app/zh-CN/schedule-create.webp)
- **名称**(必填)— 列表里显示的标识,建议用短横线风格,比如 `daily-code-review`。
- **描述**(必填)— 一句话说明这个任务干什么,方便以后自己认出来。
+3 -3
View File
@@ -19,7 +19,7 @@ order: 1
## 读懂对话流
![一条完整会话:用户提问、工具调用卡、思考块、文件编辑与内联 diff](../images/app/session-main.webp)
![一条完整会话:用户提问、工具调用卡、思考块、文件编辑与内联 diff](../images/app/zh-CN/session-main.webp)
Claude 干活时不是一句话回你,中间会插进来几种卡片:
@@ -32,7 +32,7 @@ Claude 干活时不是一句话回你,中间会插进来几种卡片:
## 权限弹窗:三个按钮怎么选
![「允许 Claude Edit index.html?」权限询问卡,下方是变更预览](../images/app/session-permission.webp)
![「允许 Claude Edit index.html?」权限询问卡,下方是变更预览](../images/app/zh-CN/session-permission.webp)
默认权限模式下,Claude 每次要改文件或跑高风险命令,都会停下来问你。弹窗里会先给出这次改动的预览,然后是三个按钮:
@@ -84,7 +84,7 @@ Claude 每完成一轮,对话里会出现一张「{n} 个文件已更改」的
## 输入框能干的事
![输入 `/` 弹出的斜杠命令面板](../images/app/composer-slash.webp)
![输入 `/` 弹出的斜杠命令面板](../images/app/zh-CN/composer-slash.webp)
- **`/` 斜杠命令** — 输入 `/` 弹出命令面板。`/status` 看会话状态和用量、`/context` 看上下文占用、`/compact` 压缩上下文、`/review` 审查改动、`/commit` 提交、`/memory` 打开项目记忆、`/doctor` 打开诊断检查。
- **`@` 引用文件** — 输入 `@` 弹出文件搜索,选中的文件会以路径形式附到消息上。
+3 -3
View File
@@ -19,7 +19,7 @@ order: 6
最常动的一栏,配的都是「用起来顺不顺手」的东西。
![设置 → 通用:配色主题、语言、输出风格、默认权限](../images/app/settings-general.webp)
![设置 → 通用:配色主题、语言、输出风格、默认权限](../images/app/zh-CN/settings-general.webp)
- **配色主题** — 六套:纯白(默认)、纸墨、经典暖色、青瓷、墨夜、墨夜蓝。另有「跟随系统」开关,打开后可以分别指定浅色模式和深色模式各用哪一套。
- **语言** — 界面显示语言。
@@ -35,7 +35,7 @@ order: 6
- **界面缩放** — 整体放大缩小,也可以用 `⌘+` / `⌘-` 快捷键,`⌘0` 回到 100%。
- **数据存储位置** — 低频高级设置。默认用系统目录 `~/.claude`,也可以改成你指定的绝对路径。切换后会话记录、技能、MCP、插件、服务商配置全部从新目录读取,需要重启应用生效,两个目录之间不会自动合并或迁移。
![同一条会话在「墨夜」深色主题下的样子](../images/app/session-dark.webp)
![同一条会话在「墨夜」深色主题下的样子](../images/app/zh-CN/session-dark.webp)
## H5 访问
@@ -91,7 +91,7 @@ Windows 用户可以在这里指定启动 Shell(系统默认 / PowerShell 7 /
## Token 用量
![设置 → Token 用量:热力图与统计卡](../images/app/settings-usage.webp)
![设置 → Token 用量:热力图与统计卡](../images/app/zh-CN/settings-usage.webp)
基于本机 Claude Code 会话记录统计出来的用量看板,全部在本地算,不上传。
+1 -1
View File
@@ -13,7 +13,7 @@ order: 4
## 技能市场
![技能市场:卡片列表、安全徽标和来源筛选](../images/app/skill-market.webp)
![技能市场:卡片列表、安全徽标和来源筛选](../images/app/zh-CN/skill-market.webp)
点侧边栏的「技能市场」。它同时聚合 **ClawHub** 和 **SkillHub** 两个来源,列表往下滚会自动加载更多,没有「加载更多」按钮。
+3 -3
View File
@@ -20,7 +20,7 @@ order: 2
## 已更改文件 / 所有文件
![工作区「已更改文件」列表,每行带状态标记和增删行数](../images/app/workspace-changes.webp)
![工作区「已更改文件」列表,每行带状态标记和增删行数](../images/app/zh-CN/workspace-changes.webp)
文件模式下有两个视图:
@@ -35,7 +35,7 @@ order: 2
## Diff 评审:给某一行留话
![Diff 评审界面,左右对照并带语法高亮](../images/app/workspace-diff.webp)
![Diff 评审界面,左右对照并带语法高亮](../images/app/zh-CN/workspace-diff.webp)
Diff 保留旧行和新行,带语法高亮。真正有用的是行级评论:
@@ -66,7 +66,7 @@ Diff 保留旧行和新行,带语法高亮。真正有用的是行级评论:
## 内置浏览器
![内置浏览器预览刚改完的页面](../images/app/workspace-preview.webp)
![内置浏览器预览刚改完的页面](../images/app/zh-CN/workspace-preview.webp)
把工作区切到「浏览器」,地址栏里填本地开发地址或者任意网址就能预览。这里有三个专门为「让 Claude 看见」设计的按钮:
+2 -2
View File
@@ -38,7 +38,7 @@ You can name one directly ("use Explore to find…") or let Claude decide who to
## Seeing what's installed
![Settings → Agents: the agent browser grouped by source](../../images/app/settings-agents.webp)
![Settings → Agents: the agent browser grouped by source](../../images/app/en/settings-agents.webp)
Open **Settings → Agents**. Three cards at the top show total agents, how many are active, and how many sources are in play. Below that, agents are grouped by source in a fixed order:
@@ -53,7 +53,7 @@ Click any row for its detail page: model, effort, tool scope, and the full syste
## Writing your own
![The Create Agent dialog: scope, model, effort, tools, system prompt](../../images/app/agent-create.webp)
![The Create Agent dialog: scope, model, effort, tools, system prompt](../../images/app/en/agent-create.webp)
Click **Create Agent** in the top right. The fields:
+1 -1
View File
@@ -15,7 +15,7 @@ macOS and Windows are supported. There is no Linux executor yet.
## Preparing the environment
![Settings → Computer Use: environment checks, the two macOS permissions, authorized apps](../../images/app/settings-computer-use.webp)
![Settings → Computer Use: environment and Python runtime checks](../../images/app/en/settings-computer-use.webp)
Open **Settings → Computer Use**. The top of the page is a row of environment checks:
+2 -2
View File
@@ -20,7 +20,7 @@ The pet is **off by default**:
3. Pick one from **Built-in pets**.
4. Turn on **Show desktop pet**.
![Settings → Pets: four built-in pets and appearance controls](../../images/app/settings-pets.webp)
![Settings → Pets: four built-in pets and appearance controls](../../images/app/en/settings-pets.webp)
## The four built-in pets
@@ -35,7 +35,7 @@ Switching characters updates an already-open pet window immediately.
## Interacting with it
![The pet floating on the desktop](../../images/app/pet-desktop.webp)
![The pet floating on the desktop](../../images/app/en/pet-desktop.webp)
- **Hover** — while idle it hops, and its gaze follows your pointer.
- **Click** — brings the main window forward with a wave. Note that it only raises the window; it doesn't jump into a particular session.
+3 -3
View File
@@ -16,7 +16,7 @@ Both require your computer to be on with the app running. They expose the local
## H5 Access
![Settings → H5 Access: QR code and token](../../images/app/settings-h5.webp)
![Settings → H5 Access: LAN access toggle and connection settings](../../images/app/en/settings-h5.webp)
### Turning it on
@@ -27,7 +27,7 @@ Both require your computer to be on with the app running. They expose the local
The scanned link carries the server address and the token. Once your phone's browser connects, it remembers the connection and later visits go straight in.
![The mobile conversation view with a file-changes card](../../images/app/h5-session.webp)
![The mobile conversation view with a file-changes card](../../images/app/en/h5-session.webp)
### The token is the credential
@@ -65,7 +65,7 @@ The desktop workspace, embedded terminal, native "open with", Computer Use autho
## IM Adapters
![Settings → IM Adapters: pairing and the five platforms](../../images/app/settings-im.webp)
![Settings → IM Adapters: pairing and the five platforms](../../images/app/en/settings-im.webp)
**Settings → IM Adapters** supports five platforms, each connected differently:
+1 -1
View File
@@ -21,7 +21,7 @@ Scheduled tasks only run while the desktop app is open and your computer is awak
## Every field in the form
![The New scheduled task dialog: name, description, prompt, frequency, notifications](../../images/app/schedule-create.webp)
![The New scheduled task dialog: name, description, prompt, frequency, notifications](../../images/app/en/schedule-create.webp)
- **Name** (required) — the identifier in the list. A hyphenated form like `daily-code-review` reads well.
- **Description** (required) — one line about what it does, so you recognize it later.
+3 -3
View File
@@ -19,7 +19,7 @@ The small line under the session title is metadata: project path, branch, model.
## Reading the conversation
![A full session: a question, tool cards, a thinking block, a file edit with an inline diff](../../images/app/session-main.webp)
![A full session: a question, tool cards, a thinking block, a file edit with an inline diff](../../images/app/en/session-main.webp)
Claude doesn't just reply with a paragraph. Several kinds of card appear along the way:
@@ -32,7 +32,7 @@ In a long conversation, `⌘F` opens find-in-page and jumps between matches in t
## The permission prompt: which button?
![The "Allow Claude to Edit index.html?" prompt with a preview of the change](../../images/app/session-permission.webp)
![The "Allow Claude to Edit index.html?" prompt with a preview of the change](../../images/app/en/session-permission.webp)
In the default permission mode, Claude stops and asks before editing a file or running a risky command. The dialog previews the change, then offers three buttons:
@@ -84,7 +84,7 @@ Tool activity from background subagents bubbles up here too, so you don't have t
## What the composer can do
![The slash-command panel that opens when you type `/`](../../images/app/composer-slash.webp)
![The slash-command panel that opens when you type `/`](../../images/app/en/composer-slash.webp)
- **`/` slash commands** — type `/` for the command panel. `/status` for session state and usage, `/context` for context breakdown, `/compact` to compress, `/review` to review changes, `/commit`, `/memory` to open project memory, `/doctor` to open the diagnostics check.
- **`@` file references** — type `@` for file search; the file you pick is attached to the message as a path.
+3 -3
View File
@@ -19,7 +19,7 @@ You'll come here once during setup and rarely again. Full steps in [Connecting a
The tab you'll open most often — everything about how the app feels.
![Settings → General: color themes, language, output style, default permissions](../../images/app/settings-general.webp)
![Settings → General: color themes, language, output style, default permissions](../../images/app/en/settings-general.webp)
- **Color theme** — six of them: Pure White (default), Paper, Warm Classic, Celadon, Ink Night, Ink Blue. There's also **Follow the system**, which lets you pick which theme to use in light mode and which in dark mode.
- **Language** — the interface language.
@@ -35,7 +35,7 @@ The tab you'll open most often — everything about how the app feels.
- **UI Zoom** — scale the whole interface, also bound to `⌘+` / `⌘-`, with `⌘0` back to 100%.
- **Data Storage Location** — an advanced, rarely-touched setting. Defaults to the system directory `~/.claude`, or point it at an absolute path of your own. After switching, sessions, skills, MCP, plugins, and provider config are all read from the new directory; it needs a restart, and the two directories are never merged or migrated automatically.
![The same session in the Ink Night dark theme](../../images/app/session-dark.webp)
![The same session in the Ink Night dark theme](../../images/app/en/session-dark.webp)
## H5 Access
@@ -91,7 +91,7 @@ Let Claude read the screen, click, and type. Unusable until you install the runt
## Token usage
![Settings → Token usage: heatmap and stat cards](../../images/app/settings-usage.webp)
![Settings → Token usage: heatmap and stat cards](../../images/app/en/settings-usage.webp)
A usage dashboard computed from the Claude Code session records on this machine. Everything is calculated locally and nothing is uploaded.
+1 -1
View File
@@ -13,7 +13,7 @@ A skill is a procedure someone else already worked out. Install it and Claude fo
## The Skills Market
![The Skills Market: cards, security badges, source filters](../../images/app/skill-market.webp)
![The Skills Market: cards, security badges, source filters](../../images/app/en/skill-market.webp)
Click **Skills Market** in the sidebar. It aggregates two sources, **ClawHub** and **SkillHub**, and loads more as you scroll — there is no "load more" button.
+3 -3
View File
@@ -20,7 +20,7 @@ At the top of the panel is a **Files / Browser** switch:
## Changed files and All files
![The "Changed files" list, each row with a status marker and line counts](../../images/app/workspace-changes.webp)
![The "Changed files" list, each row with a status marker and line counts](../../images/app/en/workspace-changes.webp)
In Files mode there are two views:
@@ -35,7 +35,7 @@ Any file can have its path copied, or be pushed back into the composer as contex
## Diff review: leaving a note on a line
![Diff review with syntax highlighting, old and new side by side](../../images/app/workspace-diff.webp)
![Diff review with syntax highlighting, old and new side by side](../../images/app/en/workspace-diff.webp)
The diff keeps old and new lines with full syntax highlighting. The genuinely useful part is line-level comments:
@@ -66,7 +66,7 @@ The temporary worktree is cleaned up when you're done. History stays readable, b
## Built-in browser
![The built-in browser previewing a page that was just edited](../../images/app/workspace-preview.webp)
![The built-in browser previewing a page that was just edited](../../images/app/en/workspace-preview.webp)
Switch the workspace panel to **Browser** and type a local dev address or any URL. Three buttons here exist specifically so Claude can see what you see:
+1 -1
View File
@@ -11,7 +11,7 @@ A session running in the Desktop app can be reached from a private chat on your
The chat partner is a bot or account you bound yourself. Messages reach your local Desktop app; no intermediate service holds your code.
![Settings shows pairing management on top and one tab per platform](../../images/app/settings-im.webp)
![Settings shows pairing management on top and one tab per platform](../../images/app/en/settings-im.webp)
## What you get
+3 -3
View File
@@ -13,7 +13,7 @@ Your model is connected. Now let it actually do something. Find a project you do
Click "New session" in the sidebar, or press `Cmd/Ctrl + N`.
![Empty session, with permission mode, launch location, and model controls in the composer](../../images/app/session-new.webp)
![Empty session, with permission mode, launch location, and model controls in the composer](../../images/app/en/session-new.webp)
Look at the row along the bottom of the composer: `+` for attachments, then **permission mode**, **launch location**, **model and effort**, and finally "Run".
@@ -25,7 +25,7 @@ If the folder is a Git repository, the same pill also lets you choose a branch a
Click the permission mode button and all five levels open up.
![The five permission modes](../../images/app/permission-modes.webp)
![The five permission modes](../../images/app/en/permission-modes.webp)
| Mode | What the app says it does |
|---|---|
@@ -68,7 +68,7 @@ Press `Enter` to send (`Shift + Enter` for a newline).
## 4. Watch it work
![A full turn: collapsed tool calls, thinking, a permission prompt, an inline diff](../../images/app/session-main.webp)
![A full turn: collapsed tool calls, thinking, a permission prompt, an inline diff](../../images/app/en/session-main.webp)
It orients itself before it starts editing, and you'll see several kinds of card go by:
+1 -1
View File
@@ -9,7 +9,7 @@ order: 0
It's an app on your computer. You hand it a project folder, describe what you want in plain language, and it goes off to read the code, edit files, and run commands — with every change laid out in front of you, waiting for your approval.
![A full session: prompt, tool calls, file edits, inline diff](../../images/app/session-main.webp)
![A full session: prompt, tool calls, file edits, inline diff](../../images/app/en/session-main.webp)
That's a real session. Projects and history on the left, the conversation in the middle, and when Claude edits a file the diff appears right underneath, line by line.
+1 -1
View File
@@ -67,7 +67,7 @@ Whether a local model can actually sustain an agent workflow comes down to its t
## The Add Provider dialog, field by field
![Add Provider dialog: preset, base URL, auth variable, API key, model mapping](../../images/app/settings-provider-add.webp)
![Add Provider dialog: preset, base URL, auth variable, API key, model mapping](../../images/app/en/settings-provider-add.webp)
**Name** (required) — how this provider appears in the list. A preset fills it in; rename it to something you'll recognize, like "DeepSeek — work account".
+1 -1
View File
@@ -11,7 +11,7 @@ order: 0
对话对象是你自己绑定的机器人或账号,消息只经过你本机的桌面端,没有中间服务器托管你的代码。
![设置里的 IM 接入页,顶部是配对管理,下面是五个平台 Tab](../images/app/settings-im.webp)
![设置里的 IM 接入页,顶部是配对管理,下面是五个平台 Tab](../images/app/zh-CN/settings-im.webp)
## 接进来之后能做什么
Binary file not shown.

Before

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 175 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 113 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 117 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 121 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 75 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 123 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 93 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 116 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 82 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 113 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 110 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 210 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 114 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 110 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 130 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 177 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 105 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 199 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 114 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 85 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 169 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 97 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 152 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 110 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 129 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 KiB

+3 -3
View File
@@ -13,7 +13,7 @@ order: 3
点侧边栏的「新建会话」,或按 `Cmd/Ctrl + N`。
![空会话首屏,底部输入框里有权限模式、运行位置和模型三颗按钮](../images/app/session-new.webp)
![空会话首屏,底部输入框里有权限模式、运行位置和模型三颗按钮](../images/app/zh-CN/session-new.webp)
看输入框底部这一排:`+` 是附件,往右依次是**权限模式**、**运行位置**、**模型 + 推理强度**,最右边是「运行」。
@@ -25,7 +25,7 @@ order: 3
点权限模式按钮,五个档位摊开在你面前。
![五档权限模式菜单](../images/app/permission-modes.webp)
![五档权限模式菜单](../images/app/zh-CN/permission-modes.webp)
| 模式 | App 里的说明 |
|---|---|
@@ -68,7 +68,7 @@ order: 3
## 4. 看它干活
![完整一轮:工具调用折叠卡、思考、权限询问卡、内联 diff](../images/app/session-main.webp)
![完整一轮:工具调用折叠卡、思考、权限询问卡、内联 diff](../images/app/zh-CN/session-main.webp)
它会先摸清情况再动手,你能看到几种不同的卡片:
+1 -1
View File
@@ -9,7 +9,7 @@ order: 0
它是一个装在你电脑上的应用。你把一个项目文件夹交给它,用大白话说出你想要什么,它去读代码、改文件、跑命令——每一处改动都摆在你眼前,等你点头才算数。
![一条完整会话:提问、工具调用、编辑文件、内联 diff](../images/app/session-main.webp)
![一条完整会话:提问、工具调用、编辑文件、内联 diff](../images/app/zh-CN/session-main.webp)
上图是一条真实会话:左边是项目和历史,中间是对话,Claude 读完文件后直接改,改了什么就在下面逐行标出来。
+1 -1
View File
@@ -67,7 +67,7 @@ Claude Code Haha 自己不带模型,它只是那个替你干活的壳。装完
## 「添加服务商」弹窗逐个字段
![添加服务商弹窗:预设、接口地址、认证变量、API 密钥、模型映射](../images/app/settings-provider-add.webp)
![添加服务商弹窗:预设、接口地址、认证变量、API 密钥、模型映射](../images/app/zh-CN/settings-provider-add.webp)
**名称**(必填)— 显示在服务商列表里的名字。选了预设会自动填,可以改成你认得出的,比如「DeepSeek-工作号」。

Some files were not shown because too many files have changed in this diff Show More