dsh-background-by-model 0.3.0 → 0.3.1

package/README.md

@@ -46,46 +46,28 @@ Notes:
 
 ## Screenshots
 
-<p align="center">
-  <img src="example_img/image.png" alt="Custom homepage" width="720">
-  <br/>
-  <em>Custom homepage · wallpaper + theme color of the matched rule applied</em>
-</p>
-
-<p align="center">
-  <img src="example_img/image-2.png" alt="Per-rule theme color picker" width="720">
-  <br/>
-  <em>Per-rule theme color · HSL wheel + numeric input + inspiration palette</em>
-</p>
+One interface, one config — only the current model differs:
 
 <p align="center">
-  <img src="example_img/image-4.png" alt="Per-rule background editor" width="720">
+  <img src="example_img/wallpaper-deepseek.webp" alt="Appearance under DeepSeek" width="880">
   <br/>
-  <em>Per-rule background editor · drag to pan and scroll to zoom (available in Fit mode)</em>
+  <em>DeepSeek V4.1 Flash · matched the rule whose match string contains <code>deepseek</code>: a light wallpaper with a matching theme color</em>
 </p>
 
 <p align="center">
-  <img src="example_img/image-6.png" alt="Model background rules list" width="720">
+  <img src="example_img/wallpaper-kimi.webp" alt="Appearance under Kimi" width="880">
   <br/>
-  <em>Model Background tab · ordered rule list with a live match readout</em>
+  <em>Kimi K2.7 Code · matched the rule containing <code>kimi</code>: a dark wallpaper, a dark theme, and the whole interface reskinned with it</em>
 </p>
 
 <p align="center">
-  <img src="example_img/image-3.png" alt="Global opacity and blur" width="720">
+  <img src="example_img/rule-editor.webp" alt="One rule's editor" width="660">
   <br/>
-  <em>Interface tab · global opacity and blur for each interface part</em>
+  <em>One rule on the Model Background tab · image, layout mode, theme color (wheel / HSL / RGB / extract from this image / pick from image), background opacity and background blur are all properties of that rule alone</em>
 </p>
 
 <p align="center">
-  <img src="example_img/image-9.png" alt="Layout modes" width="720">
-  <br/>
-  <em>Layout modes · Fit / Fill / Stretch / Tile / Center, per rule</em>
-</p>
-
-<p align="center">
-  <img src="example_img/image-10.png" alt="Config export and import" width="720">
-  <br/>
-  <em>Export and import configs to share</em>
+  <sub>Example wallpaper art from <a href="https://space.bilibili.com/4168597">ZipZipPipe</a> on bilibili</sub>
 </p>
 
 ## Features
@@ -221,6 +203,12 @@ No. Both were removed in 0.3.0; each rule uses a static image.
 
 ## Recent Optimizations
 
+### v0.3.1
+
+- **Docs and screenshots refreshed** — The screenshots now show the current three-tab UI: one config under DeepSeek and under Kimi, plus a single rule's editor. The seven old captures (still showing the removed Color tab and the old Background page) are gone, and the image folder dropped from 3.6 MB to 220 kB.
+- **Screenshots ship inside the npm package** — `example_img/` is part of the published tarball now, so the README rendered on npm has no broken images.
+- **Art credit** — The example wallpaper art comes from [ZipZipPipe](https://space.bilibili.com/4168597) on bilibili.
+
 ### v0.3.0
 
 - **Model rules replaced the single global wallpaper** — The background is now driven by an ordered list of rules, each selected by a match string against the current session's model name (first match wins, rule 1 falls back). The match string is compared against the provider, model id and display name together.

package/README.zh.md

@@ -46,46 +46,28 @@
 
 ## 截图
 
-<p align="center">
-  <img src="example_img/image.png" alt="自定义主页" width="720">
-  <br/>
-  <em>自定义主页 · 命中规则的主题色与壁纸同时生效</em>
-</p>
-
-<p align="center">
-  <img src="example_img/image-2.png" alt="单条规则的主题色选择器" width="720">
-  <br/>
-  <em>单条规则的主题色 · HSL 色轮 + 数值输入 + 灵感色板</em>
-</p>
+同一套界面、同一份配置，只因为当前模型不同：
 
 <p align="center">
-  <img src="example_img/image-4.png" alt="单条规则的背景编辑器" width="720">
+  <img src="example_img/wallpaper-deepseek.webp" alt="DeepSeek 下的外观" width="880">
   <br/>
-  <em>单条规则的背景编辑器 · 拖动平移与滚轮缩放（仅「适应」模式下可编辑）</em>
+  <em>DeepSeek V4.1 Flash · 命中匹配串含 <code>deepseek</code> 的规则：浅色壁纸 + 与图相配的主题色</em>
 </p>
 
 <p align="center">
-  <img src="example_img/image-6.png" alt="模型背景规则列表" width="720">
+  <img src="example_img/wallpaper-kimi.webp" alt="Kimi 下的外观" width="880">
   <br/>
-  <em>「模型背景」页 · 有序规则列表与顶部实时状态</em>
+  <em>Kimi K2.7 Code · 命中匹配串含 <code>kimi</code> 的规则：深色壁纸 + 深色主题，整个界面跟着换肤</em>
 </p>
 
 <p align="center">
-  <img src="example_img/image-3.png" alt="全局透明度与模糊度" width="720">
+  <img src="example_img/rule-editor.webp" alt="单条规则的编辑器" width="660">
   <br/>
-  <em>「界面」页 · 各界面部位共用的全局透明度与模糊度</em>
+  <em>「模型背景」页的单条规则 · 图片、布局模式、主题色（色轮 / HSL / RGB / 从本图提取 / 从图片取色）、背景透明度与背景模糊度，都是这一条规则自己的属性</em>
 </p>
 
 <p align="center">
-  <img src="example_img/image-9.png" alt="布局模式" width="720">
-  <br/>
-  <em>布局模式 · 适应 / 填充 / 拉伸 / 平铺 / 居中，每条规则各自选择</em>
-</p>
-
-<p align="center">
-  <img src="example_img/image-10.png" alt="配置导出导入" width="720">
-  <br/>
-  <em>配置的导出和导入进行分享</em>
+  <sub>示例壁纸素材来源于 bilibili <a href="https://space.bilibili.com/4168597">ZipZipPipe</a></sub>
 </p>
 
 ## 功能特性
@@ -221,6 +203,12 @@ pnpm run typecheck
 
 ## 近期优化
 
+### v0.3.1
+
+- **文档与截图更新** — 截图换成当前的三选项卡界面：同一份配置在 DeepSeek 与 Kimi 下的两种外观，外加单条规则的编辑器。旧的七张图（还带着已删除的「色彩」选项卡与旧「背景」页）已删除，图片体积从 3.6 MB 降到 220 KB。
+- **npm 包内附截图** — `example_img/` 现在包含在发布包里，npm 页面上的 README 不再有裂图。
+- **素材致谢** — 示例壁纸素材来源于 bilibili [ZipZipPipe](https://space.bilibili.com/4168597)。
+
 ### v0.3.0
 
 - **模型规则取代单张全局壁纸** — 背景改由有序规则列表驱动，每条规则用匹配串比对当前会话的模型名来选中（先命中者胜，规则 1 兜底）；匹配串会同时比对 provider、模型 id 与显示名三者。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-background-by-model",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Appearance plugin for DeepSeek Harness: an ordered list of model rules, each carrying its own wallpaper, theme color, layout mode, opacity and blur — the background follows the model you switch to.",
   "keywords": [
     "deepseek-harness",
@@ -46,7 +46,8 @@
     "lib/invariant.js",
     "lib/client.js",
     "lib/client.js.map",
-    "cordis.patch.yml"
+    "cordis.patch.yml",
+    "example_img"
   ],
   "scripts": {
     "bundle": "tsdown",