dsh-width-tiers 1.0.2 → 1.0.4

package/README.md

@@ -34,14 +34,8 @@ a glance.
 dsh plugin --profile web add dsh-width-tiers
 ```
 
-Then register it as a loader entry in
-`~/.dsh/profiles/web/cordis.patch.yml`:
-
-```yaml
-- insert:
-    - id: dsh-width-tiers
-      name: dsh-width-tiers
-```
+The bundle patch then inserts the `dsh-width-tiers` loader entry itself — no
+manual `cordis.patch.yml` edits needed.
 
 Restart `dsh web` (the plugin loads at boot) and hard-refresh the page
 (Ctrl+Shift+R). A round button with five bars appears at the bottom-right.
@@ -98,7 +92,6 @@ language, and Chinese is the last resort. No plugin-side setting needed.
 dsh plugin --profile web remove dsh-width-tiers
 ```
 
-Remove the `dsh-width-tiers` row from `~/.dsh/profiles/web/cordis.patch.yml`,
 then restart `dsh web`.
 
 ## License

package/README.zh.md

@@ -31,13 +31,8 @@ DSH Web 在会话根元素上硬编码了一个阅读宽度
 dsh plugin --profile web add dsh-width-tiers
 ```
 
-然后在 `~/.dsh/profiles/web/cordis.patch.yml` 里注册为加载项：
-
-```yaml
-- insert:
-    - id: dsh-width-tiers
-      name: dsh-width-tiers
-```
+bundle patch 会自动插入 `dsh-width-tiers` 加载项——无需手动改
+`cordis.patch.yml`。
 
 **重启 `dsh web`**（插件在启动时加载），再硬刷新页面（Ctrl+Shift+R）。
 右下角会出现五条横条的圆形按钮。
@@ -85,7 +80,6 @@ dsh plugin --profile web add dsh-width-tiers
 dsh plugin --profile web remove dsh-width-tiers
 ```
 
-删除 `~/.dsh/profiles/web/cordis.patch.yml` 里的 `dsh-width-tiers` 行，
 然后重启 `dsh web`。
 
 ## 许可证

package/cordis.patch.yml

@@ -0,0 +1,9 @@
+# dsh-width-tiers bundle patch — automatically applied when this package is
+# added as a profile bundle (e.g. `dsh plugin add dsh-width-tiers`).
+#
+# It registers this plugin's own loader entry (a web client plugin carried by
+# its node-half row). Because bundle patches apply after the shipped base
+# layers, no manual `cordis.patch.yml` edit is needed in the profile.
+- insert:
+    - id: dsh-width-tiers
+      name: 'dsh-width-tiers'

package/lib/client.js

@@ -97,13 +97,16 @@ window.__ModuleLoader__.load({
 		//#region lib/types/client/styles.js
 		/** Button + menu styles (theme variables, light/dark aware). */
 		const css = [
-			"#dsh-wide-toggle{position:fixed;right:20px;bottom:76px;z-index:999;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--dsw-alias-border-l2);border-radius:50%;background:var(--dsw-alias-button-floating-fill);color:var(--dsw-alias-label-secondary);box-shadow:0 2px 8px rgba(0,0,0,.18);cursor:pointer;opacity:.72;transition:opacity .2s ease,transform .2s ease,background .2s ease,color .2s ease}",
-			"#dsh-wide-toggle:hover{opacity:1;transform:scale(1.08)}",
-			"#dsh-wide-toggle:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}",
+			"#dsh-wide-toggle{position:fixed;right:10px;bottom:216px;z-index:999;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--dsw-alias-border-l2);border-radius:50%;overflow:hidden;background:var(--dsw-alias-button-floating-fill);color:var(--dsw-alias-label-secondary);box-shadow:0 2px 8px rgba(0,0,0,.18);cursor:pointer;opacity:.72;transition:opacity .2s ease,width .2s ease,border-radius .2s ease,background .2s ease,color .2s ease}",
+			"#dsh-wide-toggle::after{content:'';position:fixed;right:10px;bottom:216px;width:36px;height:36px;pointer-events:auto}",
+			"#dsh-wide-toggle:hover{opacity:1}",
+			"#dsh-wide-toggle:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px;width:36px;border-radius:50%}",
+			"#dsh-wide-toggle:not(:hover):not(:focus-visible){width:10px;border-radius:6px}",
+			"#dsh-wide-toggle:not(:hover):not(:focus-visible) svg rect{width:6px;x:5px}",
 			"#dsh-wide-toggle.active{background:var(--dsw-alias-state-business-primary);border-color:transparent;color:var(--dsw-static-neutral-00);opacity:1}",
 			"#dsh-wide-toggle.pulse{animation:dsh-wide-pulse .65s ease-out}",
 			"@keyframes dsh-wide-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--dsw-alias-state-business-primary) 60%,transparent)}100%{box-shadow:0 0 0 14px transparent}}",
-			"#dsh-width-menu{position:fixed;right:20px;bottom:124px;z-index:1000;min-width:196px;padding:6px;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-specific-menu);box-shadow:0 8px 28px rgba(0,0,0,.24);display:flex;flex-direction:column;gap:2px}",
+			"#dsh-width-menu{position:fixed;right:20px;bottom:264px;z-index:1000;min-width:196px;padding:6px;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-specific-menu);box-shadow:0 8px 28px rgba(0,0,0,.24);display:flex;flex-direction:column;gap:2px}",
 			"#dsh-width-menu[hidden]{display:none}",
 			"#dsh-width-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-size:13px;line-height:18px;text-align:left;cursor:pointer}",
 			"#dsh-width-menu button:hover{background:var(--dsw-alias-interactive-bg-hover)}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-width-tiers",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "DSH Web client plugin: chat content width tiers (standard / medium / wide / ultra / full) with a floating picker button. Frees wide tables from the app's hard-coded 748px content cap. UI copy follows the app language (zh / en).",
   "license": "MIT",
   "author": "aaronlei",
@@ -16,11 +16,15 @@
   },
   "files": [
     "lib",
+    "cordis.patch.yml",
     "LICENSE",
     "README.md",
     "README.zh.md"
   ],
   "dsh": {
+    "bundle": {
+      "patch": "./cordis.patch.yml"
+    },
     "client": {
       "platform": "web",
       "inject": [