dsh-claude-style 0.16.3 → 0.17.0-dev.34

package/README.en.md

@@ -4,7 +4,7 @@
 
 **A theme plugin that brings the look and feel of Claude Code Desktop to the DeepSeek Harness Web GUI.**
 
-> **Claude Code Desktop, right inside DSH.**
+> **Why settle for another Claude Code when your next Claude Code Desktop is here.**
 
 [![English](https://img.shields.io/badge/lang-English-blue.svg)](README.en.md) [![简体中文](https://img.shields.io/badge/lang-%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87-red.svg)](README.md)
 
@@ -18,7 +18,7 @@
 
 ## Preview
 
-The settings page's Theme style row switches between the Claude and DeepSeek palettes, and light/dark follows your system's color mode. In each group the top row is the Studio home page and the bottom row a Markdown conversation, light on the left and dark on the right.
+The settings page switches between the two palettes; light and dark follow the system.
 
 ### Claude
 
@@ -33,7 +33,7 @@ The settings page's Theme style row switches between the Claude and DeepSeek pal
   </tr>
 </table>
 
-> Light mode pairs an ivory canvas `#FCFCFB` with a pale sidebar `#FBFBF9`; dark mode uses warm black `#141413`. Ember orange `#D97757` is the single action accent across both canvases, and Claude Code's pixel crab stands on the composer on the home page and in conversations alike.
+> Studio home above, Markdown conversation below; light on the left, dark on the right. Ivory canvas `#FCFCFB`, warm black `#141413`, ember orange `#D97757` for every action, and Claude Code's pixel crab on the composer.
 
 ### DeepSeek
 
@@ -48,83 +48,61 @@ The settings page's Theme style row switches between the Claude and DeepSeek pal
   </tr>
 </table>
 
-> Light mode is a white with a touch of sky blue, `#F7FAFF`, with the sidebar at `#F3F7FE`; dark mode is a blue-black `#13161D`. The accent is DeepSeek's brand blue `#4D6BFE`, and Deepy the pixel whale stands on the composer on the home page and in conversations alike.
->
-> <table>
->   <tr>
->     <td align="center" width="25%"><img src="./docs/gifs/idle.gif" width="120" alt="Idle" /><br />Idle</td>
->     <td align="center" width="25%"><img src="./docs/gifs/thinking.gif" width="120" alt="Thinking" /><br />Thinking</td>
->     <td align="center" width="25%"><img src="./docs/gifs/typing.gif" width="120" alt="Answering and calling tools" /><br />Answering and calling tools</td>
->     <td align="center" width="25%"><img src="./docs/gifs/conducting.gif" width="120" alt="Conducting subagents" /><br />Conducting subagents</td>
->   </tr>
->   <tr>
->     <td align="center" width="25%"><img src="./docs/gifs/notification.gif" width="120" alt="Waiting on you" /><br />Waiting on you</td>
->     <td align="center" width="25%"><img src="./docs/gifs/error.gif" width="120" alt="Failed" /><br />Failed</td>
->     <td align="center" width="25%"><img src="./docs/gifs/happy.gif" width="120" alt="Finished" /><br />Finished</td>
->     <td align="center" width="25%"><img src="./docs/gifs/sleeping.gif" width="120" alt="Asleep" /><br />Asleep</td>
->   </tr>
-> </table>
+> Sky-blue canvas `#F7FAFF`, blue-black `#13161D`, DeepSeek blue `#4D6BFE`; Deepy the pixel whale stands on the composer, in eight states:
 
-> The workspaces, sessions, usage figures and nickname in the screenshots are sample data.
-
-## Features and settings
-
-What the plugin does and what each setting changes is documented: [Features](docs/FEATURES.en.md), [Settings](docs/SETTINGS.en.md).
-
-## Fonts
-
-> **Important: the Anthropic fonts do not ship with the npm package; they are in this repository for download and study only.**
-
-| Font | Used for | File |
-|---|---|---|
-| Anthropic Sans Web Text | Interface / UI | [`packages/assets/src/fonts/anthropic/AnthropicSansWebText.ttf`](https://github.com/Nwflower/dsh-claude-style/raw/master/packages/assets/src/fonts/anthropic/AnthropicSansWebText.ttf) |
-| Anthropic Serif Web Text | Conversation body / Markdown | [`packages/assets/src/fonts/anthropic/AnthropicSerifWebText.ttf`](https://github.com/Nwflower/dsh-claude-style/raw/master/packages/assets/src/fonts/anthropic/AnthropicSerifWebText.ttf) |
-| Anthropic Mono Web | Code / inline code | [`packages/assets/src/fonts/anthropic/AnthropicMonoWeb.ttf`](https://github.com/Nwflower/dsh-claude-style/raw/master/packages/assets/src/fonts/anthropic/AnthropicMonoWeb.ttf) |
-
-To enable the Anthropic fonts, choose one of the following:
-
-① Install them on your system — on Windows, double-click each `.ttf` and choose "Install"; on macOS, import them with Font Book.
+<table>
+  <tr>
+    <td align="center" width="25%"><img src="./docs/gifs/idle.gif" width="120" alt="Idle" /><br />Idle</td>
+    <td align="center" width="25%"><img src="./docs/gifs/thinking.gif" width="120" alt="Thinking" /><br />Thinking</td>
+    <td align="center" width="25%"><img src="./docs/gifs/typing.gif" width="120" alt="Answering and calling tools" /><br />Answering and calling tools</td>
+    <td align="center" width="25%"><img src="./docs/gifs/conducting.gif" width="120" alt="Conducting subagents" /><br />Conducting subagents</td>
+  </tr>
+  <tr>
+    <td align="center" width="25%"><img src="./docs/gifs/notification.gif" width="120" alt="Waiting on you" /><br />Waiting on you</td>
+    <td align="center" width="25%"><img src="./docs/gifs/error.gif" width="120" alt="Failed" /><br />Failed</td>
+    <td align="center" width="25%"><img src="./docs/gifs/happy.gif" width="120" alt="Finished" /><br />Finished</td>
+    <td align="center" width="25%"><img src="./docs/gifs/sleeping.gif" width="120" alt="Asleep" /><br />Asleep</td>
+  </tr>
+</table>
 
-② Skip the install — copy the `.ttf` files into `$DSH_HOME/dsh-claude-style/fonts/`.
+> The workspaces, sessions, usage figures and nickname in the screenshots are sample data.
 
 ## Installation
 
-1. From the official plugin page, add the plugin below and it installs.
+From the official plugin page add the package below, or from a terminal:
 
 ```
 dsh-claude-style
 ```
 
-2. From a terminal:
-
 ```bash
-dsh plugin --profile web add dsh-claude-style                  # npm package (recommended)
-dsh plugin --profile web add Nwflower/dsh-claude-style         # GitHub source
+dsh plugin --profile web add dsh-claude-style                    # npm package (recommended)
+dsh plugin --profile web add Nwflower/dsh-claude-style           # GitHub source
 ```
 
-3. From the [plugin market](https://github.com/dsh-market/dsh-market)
-4. From the Skin Center of the dsh-web-all plugin
+Also from the [plugin market](https://github.com/dsh-market/dsh-market) or the Skin Center of the dsh-web-all plugin. Keep one theme enabled at a time; dsh ≥ 0.1.7 is required, and a restart of DeepSeek Harness brings the full feature set.
 
-Keep only one theme enabled at a time. dsh ≥ 0.1.7 is required, and a restart of DeepSeek Harness brings the full feature set.
+## Fonts
+
+> The Anthropic fonts have no public release; this repository only offers [copies](https://github.com/Nwflower/dsh-claude-style/tree/master/packages/assets/src/fonts/anthropic) for download and study.
+
+To enable them, install the `.ttf` files on your system, or copy them into `$DSH_HOME/dsh-claude-style/fonts/`.
 
 ## Documentation
 
 | Document | Contents |
 | --- | --- |
-| [Design tokens](docs/STYLE.md) | The palette, typography, shape, motion and layer rules, with three tables generated from the token table (in English) |
-| [Architecture decisions](docs/adr/README.md) | One page per direction: the background it answers, the decision, what follows from it, and what would make it worth revisiting (in Chinese) |
+| [Design tokens](docs/STYLE.md) | The palette, typography, shape, motion and layer rules |
+| [Architecture decisions](docs/adr/README.md) | One page per direction: background, decision, consequences, revisiting conditions |
 | [Changelog](CHANGELOG.md) | Version history |
-| [Contributing](CONTRIBUTING.md) | Building from `packages/client/src/`, commit conventions, and the screenshot and regression tooling (in English) |
+| [Contributing](CONTRIBUTING.md) | Building from `packages/client/src/`, commit conventions, and the screenshot and regression tooling |
 
 ## Acknowledgements
 
-The conversation navigator's opening list, keyboard jumps and landing line follow SherUnlocked-4869's [dsh-plugin-msg-nav](https://github.com/SherUnlocked-4869/dsh-plugin-msg-nav) (MIT).
-
-The animation frames of Deepy the pixel whale come from the Deepy whale theme pack drawn by calmly-eating-bugs ([@wp3171216237](https://github.com/wp3171216237)), and ship with the plugin by the author's permission. Many thanks to the author! GIFs of all 20 animations, contributed by the author, are in [docs/gifs/](docs/gifs/).
-
-The enhanced animations in the chat area are modified from [dsh-chat-ux](https://github.com/alm-allen/dsh-chat-ux) (MIT).
-
-The pixel crab (Clawd) is a character of Anthropic, and all rights in it remain with Anthropic. Its laptop animation is taken from Claude Code; the animations of its other states are drawn by this project after that character. The crab's frames are not covered by the MIT license (see [LICENSE](LICENSE)). This plugin is an unofficial fan work, not affiliated with or endorsed by Anthropic.
+- The conversation navigator follows SherUnlocked-4869's [dsh-plugin-msg-nav](https://github.com/SherUnlocked-4869/dsh-plugin-msg-nav) (MIT).
+- The animation frames of Deepy the pixel whale come from the Deepy whale theme pack drawn by calmly-eating-bugs ([@wp3171216237](https://github.com/wp3171216237)), and ship with the plugin by the author's permission; GIFs of all 20 animations are in [docs/gifs/](docs/gifs/).
+- The enhanced animations in the chat area are modified from [dsh-chat-ux](https://github.com/alm-allen/dsh-chat-ux) (MIT).
+- Clawd is a character of Anthropic. Its frames are not covered by the MIT license (see [LICENSE](LICENSE)). This plugin is an unofficial fan work, not affiliated with or endorsed by Anthropic.
 
 ## Related projects
 

package/README.md

@@ -4,7 +4,7 @@
 
 **为 DeepSeek Harness 复刻 Claude Code Desktop 风格与交互体验的主题插件。**
 
-> **在 DSH 里，就是 Claude Code Desktop 的样子。**
+> **你的下一个 Claude Code Desktop ，何必是Claude Code。**
 
 [![简体中文](https://img.shields.io/badge/lang-%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87-red.svg)](README.md) [![English](https://img.shields.io/badge/lang-English-blue.svg)](README.en.md)
 
@@ -18,7 +18,7 @@
 
 ## 预览
 
-本插件提供了两种主题。通过插件设置，可以在 Claude 与 DeepSeek 两套配色之间切换，亮暗跟随系统颜色模式。
+两套主题在插件设置里切换，亮暗跟随系统。
 
 ### Claude
 
@@ -33,7 +33,7 @@
   </tr>
 </table>
 
-> Claude品牌主题，原汁原味。工作台首页（上），对话界面（下），浅色（左），深色（右）
+> 工作台首页（上），对话界面（下）；浅色在左，深色在右。
 
 ### DeepSeek
 
@@ -48,78 +48,60 @@
   </tr>
 </table>
 
-> DeepSeek品牌主题，拥有特色宠物小鲸鱼Deepy。工作台首页（上），对话界面（下），浅色（左），深色（右）
->
-> <table>
->   <tr>
->     <td align="center" width="25%"><img src="./docs/gifs/idle.gif" width="120" alt="空闲" /><br />空闲</td>
->     <td align="center" width="25%"><img src="./docs/gifs/thinking.gif" width="120" alt="思考" /><br />思考</td>
->     <td align="center" width="25%"><img src="./docs/gifs/typing.gif" width="120" alt="写回答、调用工具" /><br />写回答、调用工具</td>
->     <td align="center" width="25%"><img src="./docs/gifs/conducting.gif" width="120" alt="指挥子代理" /><br />指挥子代理</td>
->   </tr>
->   <tr>
->     <td align="center" width="25%"><img src="./docs/gifs/notification.gif" width="120" alt="等你操作" /><br />等你操作</td>
->     <td align="center" width="25%"><img src="./docs/gifs/error.gif" width="120" alt="失败" /><br />失败</td>
->     <td align="center" width="25%"><img src="./docs/gifs/happy.gif" width="120" alt="完成" /><br />完成</td>
->     <td align="center" width="25%"><img src="./docs/gifs/sleeping.gif" width="120" alt="睡着" /><br />睡着</td>
->   </tr>
-> </table>
+> 输入框上沿站着宠物小鲸鱼 Deepy，八个状态：
+
+<table>
+  <tr>
+    <td align="center" width="25%"><img src="./docs/gifs/idle.gif" width="120" alt="空闲" /><br />空闲</td>
+    <td align="center" width="25%"><img src="./docs/gifs/thinking.gif" width="120" alt="思考" /><br />思考</td>
+    <td align="center" width="25%"><img src="./docs/gifs/typing.gif" width="120" alt="写回答、调用工具" /><br />写回答、调用工具</td>
+    <td align="center" width="25%"><img src="./docs/gifs/conducting.gif" width="120" alt="指挥子代理" /><br />指挥子代理</td>
+  </tr>
+  <tr>
+    <td align="center" width="25%"><img src="./docs/gifs/notification.gif" width="120" alt="等你操作" /><br />等你操作</td>
+    <td align="center" width="25%"><img src="./docs/gifs/error.gif" width="120" alt="失败" /><br />失败</td>
+    <td align="center" width="25%"><img src="./docs/gifs/happy.gif" width="120" alt="完成" /><br />完成</td>
+    <td align="center" width="25%"><img src="./docs/gifs/sleeping.gif" width="120" alt="睡着" /><br />睡着</td>
+  </tr>
+</table>
 
 ## 安装
 
-1. 官方插件页，添加以下插件即可快速安装
+官方插件页添加这个包名，或从终端安装：
 
 ```
 dsh-claude-style
 ```
 
-2. 通过终端安装
-
 ```bash
-dsh plugin --profile web add dsh-claude-style                  # npm 包（推荐）
+dsh plugin --profile web add dsh-claude-style                    # npm 包（推荐）
+dsh plugin --profile web add Nwflower/dsh-claude-style           # GitHub 源码
 ```
 
-3. 通过[插件市场](https://github.com/dsh-market/dsh-market)安装
-4. 通过dsh-web-all插件的皮肤中心安装
-
-同一时刻建议只启用一个主题。安装后推荐重启 `DeepSeek Harness`以获得完整能力。
+也可从[插件市场](https://github.com/dsh-market/dsh-market)或 dsh-web-all 的皮肤中心安装。同一时刻只启用一个主题，装好后重启 DeepSeek Harness。
 
 ## 字体
 
-> **重要：Anthropic 没有对其字体进行公开发行，[`点击此处可以查看`](https://github.com/Nwflower/dsh-claude-style/tree/master/packages/assets/src/fonts/anthropic)，请自行下载，仅供学习或研究用途**。
-
-| 字体 | 用途 | 文件 |
-|---|---|---|
-| Anthropic Sans Web Text | 界面 | [`packages/assets/src/fonts/anthropic/AnthropicSansWebText.ttf`](https://github.com/Nwflower/dsh-claude-style/raw/master/packages/assets/src/fonts/anthropic/AnthropicSansWebText.ttf) |
-| Anthropic Serif Web Text | 对话正文 / Markdown | [`packages/assets/src/fonts/anthropic/AnthropicSerifWebText.ttf`](https://github.com/Nwflower/dsh-claude-style/raw/master/packages/assets/src/fonts/anthropic/AnthropicSerifWebText.ttf) |
-| Anthropic Mono Web | 代码 / 行内代码 | [`packages/assets/src/fonts/anthropic/AnthropicMonoWeb.ttf`](https://github.com/Nwflower/dsh-claude-style/raw/master/packages/assets/src/fonts/anthropic/AnthropicMonoWeb.ttf) |
-
-Anthropic 字体启用（二选一）：
+> Anthropic 没有公开发行这三款字体；本仓库只提供下载与研究的[副本](https://github.com/Nwflower/dsh-claude-style/tree/master/packages/assets/src/fonts/anthropic)。
 
-① 安装到系统——Windows 双击 `.ttf` → 「安装」，macOS 用「字体册」导入；
 
-② 免安装——把 `.ttf` 复制到 `$DSH_HOME/dsh-claude-style/fonts/`。
+启用时二选一：装进系统，或把 `.ttf` 复制到 `$DSH_HOME/dsh-claude-style/fonts/`。
 
 ## 文档
 
 | 文档 | 说明 |
 | --- | --- |
-| [设计令牌](docs/STYLE.md) | 配色、字体、形状、动效与层级的规则，以及由令牌表生成的三张对照表（英文） |
-| [架构决策](docs/adr/README.md) | 每条方向一页：它回答的背景、决定、由此而来的后果与重审条件 |
+| [设计令牌](docs/STYLE.md) | 配色、字体、形状、动效与层级 |
+| [架构决策](docs/adr/README.md) | 每条方向一页：背景、决定、后果与重审条件 |
 | [更新日志](CHANGELOG.md) | 版本历史 |
-| [贡献指南](CONTRIBUTING.md) | 如何从 `packages/client/src/` 构建、提交规范与截图/回归工具（英文） |
-| [功能一览](docs/FEATURES.md) | 每一项功能做什么、在设置页哪里开关 |
-| [设置说明](docs/SETTINGS.md) | 六个分页（通用、外观、输入区、侧栏、对话、动效）的设置项与各档效果 |
+| [贡献指南](CONTRIBUTING.md) | 构建、提交规范与回归工具 |
 
 ## 鸣谢
 
-对话导航的展开列表、快捷键跳转与落点横线参考了 SherUnlocked-4869 的 [dsh-plugin-msg-nav](https://github.com/SherUnlocked-4869/dsh-plugin-msg-nav)（MIT）。
-
-像素小鲸鱼 Deepy 的动画帧图来自 calmly-eating-bugs（[@wp3171216237](https://github.com/wp3171216237)）绘制的 Deepy 小鲸鱼主题包。
-
-聊天区域内的增强动效修改自 [dsh-chat-ux](https://github.com/alm-allen/dsh-chat-ux)（MIT）。
-
-像素螃蟹（Clawd）是 Anthropic 的角色形象，相关权利归 Anthropic 所有。螃蟹掏出电脑敲代码的动画取自 Claude Code，其余各个状态的动画由本项目按这一形象绘制。螃蟹的帧图不适用 MIT 许可（见 [LICENSE](LICENSE)）。本插件是非官方的爱好者作品，与 Anthropic 没有关联，也未获其认可。
+- 对话导航参考 SherUnlocked-4869 的 [dsh-plugin-msg-nav](https://github.com/SherUnlocked-4869/dsh-plugin-msg-nav)（MIT）。
+- Deepy 的动画帧图来自 calmly-eating-bugs（[@wp3171216237](https://github.com/wp3171216237)）绘制的 Deepy 小鲸鱼主题包。
+- 聊天区的增强动效改自 [dsh-chat-ux](https://github.com/alm-allen/dsh-chat-ux)（MIT）。
+- Clawd是 Anthropic 的角色形象。帧图不适用 MIT 许可（见 [LICENSE](LICENSE)）。本插件是非官方爱好者作品，与 Anthropic 没有关联。
 
 ## 友链
 

package/docs/STYLE.md

@@ -307,6 +307,7 @@ edit the JSON, not the table.
 | `--dsh-claude-period-wash-drift` | `5000ms` | one orbit of the colour washes around the waiting line's glyph box |
 | `--dsh-claude-period-pulse` | `1600ms` | a placeholder breathing while its numbers are computed |
 | `--dsh-claude-period-flash` | `1450ms` | one flash of the reasoning slider's top-rung matrix |
+| `--dsh-claude-period-flow` | `4000ms` | one pass of the reasoning slider's top-rung particle flow |
 | `--dsh-claude-period-blink` | `1000ms` | one blink of the composer caret |
 | `--dsh-claude-period-breathe` | `2400ms` | one breath of the sidebar's ongoing-conversation light |
 | `--dsh-claude-period-spin` | `850ms` | one turn of the sidebar's ongoing-conversation ring |
@@ -795,7 +796,10 @@ with the theme), 13px medium, reading the day in the shell's language and the
 tokens that day spent ("Sep 9 — 15.9k tokens"), the same figure the cell's heat
 is bucketed from; the pill is centred on its cell except where its own width
 would carry it past the panel's edge, and there it lines up with that cell's
-outer edge so it stays inside the panel, the width being read off the cell the
+outer edge so it stays inside the panel, and it stands above its cell except
+where the cell holds more room below it, and there it hangs under the cell so it
+never reaches over the grid's top edge across the stat cells; the pill's own
+width and height are read off the cell the
 pointer is on (`packages/client/src/features/home/heat-tip.ts`).
 Models is Claude Code's own shape: one column
 per day of the chart's thirty-day window, stacked from the axis up with each

package/lib/assets/manifest.json

@@ -101,15 +101,15 @@
       "encoding": "br",
       "bytes": 77088
     },
-    "d62fadde7087.js": {
+    "812ff61f28cc.js": {
       "type": "text/javascript; charset=utf-8",
       "encoding": "br",
-      "bytes": 27772
+      "bytes": 28024
     },
-    "c28d77bbeabf.js.map": {
+    "e6be942250d6.js.map": {
       "type": "application/json; charset=utf-8",
       "encoding": "br",
-      "bytes": 157300
+      "bytes": 158592
     },
     "b55a1acf34e0.js": {
       "type": "text/javascript; charset=utf-8",
@@ -121,15 +121,15 @@
       "encoding": "br",
       "bytes": 28560
     },
-    "a6e3e1688c31.js": {
+    "1777a06cc5b2.js": {
       "type": "text/javascript; charset=utf-8",
       "encoding": "br",
-      "bytes": 20043
+      "bytes": 19989
     },
-    "3095b1bf43a1.js.map": {
+    "ebf9f9331192.js.map": {
       "type": "application/json; charset=utf-8",
       "encoding": "br",
-      "bytes": 74791
+      "bytes": 75421
     },
     "926518b8cde7.js": {
       "type": "text/javascript; charset=utf-8",
@@ -141,25 +141,25 @@
       "encoding": "br",
       "bytes": 34774
     },
-    "3990ca748494.js": {
+    "26ac5bfbade6.js": {
       "type": "text/javascript; charset=utf-8",
       "encoding": "br",
-      "bytes": 20847
+      "bytes": 21097
     },
-    "22605541d413.js.map": {
+    "68f95f232664.js.map": {
       "type": "application/json; charset=utf-8",
       "encoding": "br",
-      "bytes": 132278
+      "bytes": 134542
     },
-    "a59afbc34773.js": {
+    "94873ed8d52d.js": {
       "type": "text/javascript; charset=utf-8",
       "encoding": "br",
-      "bytes": 31940
+      "bytes": 32962
     },
-    "fa08309f6148.js.map": {
+    "c3fdbd09da02.js.map": {
       "type": "application/json; charset=utf-8",
       "encoding": "br",
-      "bytes": 127704
+      "bytes": 131993
     }
   }
 }