dsh-deepseek-style-theme 2.0.81 → 2.0.84

package/README.md

@@ -1,4 +1,4 @@
-# DeepSeek Style Theme【在抢修】
+# DeepSeek Style Theme
 
 为 DeepSeek Harness Web GUI 复刻 DeepSeek 官网视觉的主题皮肤插件。
 
@@ -24,7 +24,7 @@
 - **标题栏**：默认透明，悬停变毛玻璃；栏内按钮统一为真圆角（覆盖产品全局 corner-shape:superellipse 造成的方角观感），会话标题小胶囊化
 - **悬停动画**：中/E、「打开方式」、「对话 / 轨迹」标签悬停时上浮 + 品牌色辉光；中/E 短标签「中/E」平滑展开为「中文/EN」（max-width 过渡，非 display 硬切）；「打开方式」展开菜单时箭头翻转，切换标签时选中项弹出
 - **DeepSeek 品牌链接**：点击侧边栏 DeepSeek 标识跳转 `https://www.deepseek.com/`
-- **轨迹视图**：「对话 / 轨迹」标签常驻，可随时切回对话
+- **轨迹视图**：「对话 / 轨迹」标签在标题栏悬停（`.dshome-swap`）或轨迹视图存在时显示，**不是常驻**——会话视图下实测 `[class*="wSkVaW_tabs"]` 默认 `display:none`（2.0.84 按实机报告 B4 勘误）
 - **运行中子代理面板**：有子代理启动时，右下角浮出玻璃面板，实时列出正在运行的子代理——名称、已运行时长、token 用量与流动进度条；点击条目直接跳转到该子代理会话，可折叠收起
 - **跨平台**：打开工作区目录时按系统调用文件管理器（Windows Explorer / macOS Finder / Linux 默认文件管理器）
 - **模型目录同步（1.40.0+）**：每次插件启动向 DeepSeek 端点询问一次模型列表，与 `llm-deepseek` 目录比对后按需对齐——「选择器里有哪些模型」由接口说了算，但**绝不臆造能力位、绝不清空你的条目**，移除项会逐个记日志；可用 `catalogSync: auto | add | off` 控制（详见下文）
@@ -50,7 +50,7 @@
 - **流体跟随笔刷**（`fluidBrush`，默认关）：开启后光标才把速度写进流场、拖出尾迹；**改完刷新页面生效**。
 - **玻璃风格**（`glassStyle`，默认 `液态`）：
   - **液态**（1.43.0+）：Apple Liquid Glass 方向——填充降到 `rgb(255 255 255 / .14)`、顶部光泽降到 `.07`，背板链改为靠 `saturate(1.75)` 让身后颜色发亮，共用的 `feDisplacementMap` 走更大的 scale（104，白磨砂仍是 60），边框上再跑一圈自走的 `conic-gradient` 高光（`@property` 注册的 `<angle>`，与鼠标无关）。上玻璃的只有四处：**侧边栏外壳 / 对话框 / 标题栏（悬停）/ 用户消息气泡**；
-  - **白磨砂**：1.42.x 那套白磨砂 + 蓝变光边框，**逐像素不变**（新配方整块挂在 `html[data-dshome-glass="liquid"]` 下，已用 1991 个元素的计算样式签名验证过：切到白磨砂时新样式表贡献为零）。
+  - **白磨砂**：1.42.x 那套白磨砂 + 蓝变光边框，**样式逐像素不变**（新配方整块挂在 `html[data-dshome-glass="liquid"]` 下，已用 1991 个元素的计算样式签名验证过：切到白磨砂时新样式表贡献为零）。**唯一的例外是悬停倾斜**：它自 2.0.82 起两套配方都生效（原先只在液态下挂），运动与配方无关——见「已知产品侧缺陷」一节；
 
 ### 高峰判定（1.37.0+）
 
@@ -88,7 +88,7 @@
 
 - **探测**：只读 DOM 标记 `[data-dsh-better-sidebar]`（它的面板宿主）与 `[data-dsh-center-col]`（它给中心列打的标记）；宿主侧无需任何配合。
 - **布局**：它用 `#root [data-dsh-center-col]{margin-bottom:var(--dsh-sidebar-height)}` 把会话列顶起来；本主题**不写中心列的尺寸、不动它的 tab 栏 / 面板内部**，只对产品自己的表面（侧栏外壳、对话框、标题栏）做玻璃与配色。
-- **已知交互（重要）**：它的面板宿主几何同步会在检测到**页面级 transform** 时降级（它自己会打 `data-dsh-panel-host-degraded`）。本主题的「对话框悬停倾斜」会给对话框卡片写 `transform: perspective(800px) … scale(1.01)` —— 这是**卡片级**而非页面级，正常情况无碍；但若你在同装后看到悬停抖动 / 底部滑块闪动，先把 **DSTT → 动态背景** 关掉、再试 `玻璃风格 → 白磨砂`（白磨砂下倾斜不生效），即可二分定位是谁在动。
+- **已知交互（重要）**：它的面板宿主几何同步会在检测到**页面级 transform** 时降级（它自己会打 `data-dsh-panel-host-degraded`）。本主题的「对话框悬停倾斜」会给对话框卡片写 `transform: perspective(800px) … scale(1.01)` —— 这是**卡片级**而非页面级，正常情况无碍；但若你在同装后看到悬停抖动 / 底部滑块闪动，先按上一节的顺序二分：`__dshomeTilt()` 看倾斜此刻是否在动、`tilt(false)` 一行冻结它、再 `ambient(false)` 关掉动态背景画布（2.0.82 起两套玻璃配方都会倾斜，所以"切白磨砂"不再是有效的二分手段）。
 - **右侧栏配色**：它面板内部的配色由它自己管；本主题的深色规则只覆盖产品原生的右栏表面（`.VOzbGW_panel` 等），不改它的 class 命名空间。
 
 ### 适配清单（写给以后接手的人）
@@ -117,7 +117,7 @@
 
 **主题的处置**（2.0.78）：给会话滚动区加 `overflow-x: clip`（守护块，锚点 `.wSkVaW_scrollBody`，规则按 `[class*="scrollBody"]` 子串匹配，散列类改名也不会静默失效）。横向不再产生滚动条，那 8px 就不存在，闭环断开；每个代码块自己的横向滚动不受影响。代价：超出列宽的部分会被裁掉而不是可滚动 —— 在聊天列里这是更小的恶。**溢出的根因在产品侧，值得上报。**
 
-**第二半：我们自己的倾斜**（2.0.79 已修）。滚动条链条断掉后，真机逐帧采样显示剩下的抖动来自悬停倾斜本身：
+**第二半：我们自己的倾斜**（2.0.79 想修，2.0.82 才算修对）。滚动条链条断掉后，真机逐帧采样显示剩下的抖动来自悬停倾斜本身：
 
 ```
 card=700/757 … under=div.uV2eYG_row         hovCard=1
@@ -126,12 +126,19 @@ card=699/761 … under=div.wSkVaW_widthHandle hovCard=0     ← 边缘越过了
 card=700/757 … under=div.wSkVaW_widthHandle hovCard=0     ← 倾斜解除、卡片缩回
 ```
 
-指针**静止**时，1% 放大把卡片边缘推出 8px，于是指针底下的元素在"对话框控件"与"列的宽度把手"之间翻转，而每次翻转都会重新武装或解除倾斜 → 因为过渡只有 0.1–0.24s，比被滚动条中介的那条**更快**。修法两条：
+指针**静止**时，1% 放大把卡片边缘推出 8px，于是指针底下的元素在"对话框控件"与"列的宽度把手"之间翻转，而每次翻转都会重新武装或解除倾斜 → 因为过渡只有 0.1–0.24s，比被滚动条中介的那条**更快**。
 
-1. `TILT_SCALE = 1.01 → 1`：保留倾斜（旋转只动约 1px），去掉会推动边缘 8px 的抬升；
-2. 指针在**交互控件或拖拽把手**上时不倾斜（`TILT_INTERACTIVE`，`pointerover` 与 `pointermove` 双入口判定）—— 倾斜只作用在对话框的空白处。
+**2.0.79 修错了**：它把抬升去掉（`TILT_SCALE: 1.01 → 1`），并把 `input / textarea / [contenteditable]` 也算成"不能压在动面上的控件"。两条都是矫枉过正，而且同因：**输入框几乎盖满整张卡片**，把它排除等于让倾斜在"鼠标放到对话框上"这个它唯一存在的姿势里永不触发，抬升也跟着一起没了。用户报回来的是「鼠标放在对话框，放大、倾斜没了」——修法本身成了新的缺陷。
 
-> 排查方法记在这里，方便复现：`ResizeObserver` 盯住卡片到 body 的祖先链（谁改高度谁自己报），再对滚动区打 `scrollWidth/clientWidth` 与"右边缘越界元素"；最后用 rAF 逐帧记录"指针底下是谁 + 候选元素的矩形"，翻转对就能一眼看出。
+**2.0.82 的修法（保留效果，切断回路）**：
+
+1. **抬起回来**：`TILT_SCALE` 恢复 `1.01`；
+2. **输入框上可以倾斜**：`TILT_CONTROLS` 只留 `button / [role=button] / a[href] / [class*="andle" i]`，文字录入不再挡。倾斜是**带着输入框一起动**的，指针不会因此掉出输入框；
+3. **滞回取代"越界即释放"**（关键）：指针进入控件时**冻结当前角度**——不重画、不回弹、不重新武装；回到卡片空白处再续；只有指针**离开卡片自己的矩形**才释放，释放后还有 `TILT_COOLDOWN_MS = 200` 的冷却期才允许下一次进入。那条自激回路需要"释放"来喂它，而现在指针静止时倾角是**死的**，没有任何反馈通路。
+4. **两套玻璃配方都倾斜**：原先 `paint` / `onOver` 各有一道"不是液态就早退"的闸门（理由是白磨砂要保持逐像素不变），结果是**用白磨砂的人永远看不到这个效果**——用户点名的第二条要求就是「白磨砂玻璃也要有」。现在闸门拆掉，而且运动**自带过渡**（`TILT_TRANSITION`，值与原液态样式表里那条相同），这样任何配方都不会因为少了一条 `transition: transform` 而变成硬跳；
+5. 状态可从页面直接读：`window.__dshomeTilt()` → `{ recipe, leaning, frozen, engagements, sinceRelease }`。"效果不见了"因此不再需要猜是哪道闸门吃掉的。
+
+> 排查方法记在这里，方便复现：`ResizeObserver` 盯住卡片到 body 的祖先链（谁改高度谁自己报），再对滚动区打 `scrollWidth/clientWidth` 与"右边缘越界元素"；最后用 rAF 逐帧记录"指针底下是谁 + 候选元素的矩形"，翻转对就能一眼看出。跨机器复现用 `tools/symptom-probe.js`（贴进控制台，`run(秒)` 同时采样 GPU 状态与光标下的逐字段 diff，`tilt(false)` 一行就能把倾斜冻结做对照）。
 
 ## 健壮性设计（1.33.1+）
 
@@ -303,13 +310,16 @@ dsh plugin --profile web remove dsh-deepseek-style-theme
 
 ## 自测工具（开发用，不随包发布）
 
-`tools/` 里的脚本都在本机直接跑，**不进发布产物**（`package.json` 的 `files` 只含 `lib/`、`cordis.patch.yml`、`README.md`、`LICENSE`）。除 `gui-probe.mjs` 与 `--open` 的 `bridge-smoke.mjs` 外，都不需要浏览器、不需要网络。
+`tools/` 里的脚本都在本机直接跑，**不进发布产物**（`package.json` 的 `files` 只含 `lib/`、`cordis.patch.yml`、`README.md`、`LICENSE`）。除 `gui-probe.mjs`、`symptom-probe-selftest.mjs` 与 `--open` 的 `bridge-smoke.mjs` 外，都不需要浏览器、不需要网络。
 
 | 工具 | 作用 | 运行 |
 |---|---|---|
+| `symptom-probe.js` | **贴进浏览器控制台的现场探针**（2.0.81+）：专门给「症状机器不是开发机」的情况用。先打印一份环境 JSON——每个补丁块是否落到 DOM 上（`style[data-plugin-css]` 清单 + 13 个锚点是否存在：锚点按产品构建哈希命名，换构建就会静默跳过，2.0.78 的 `overflow-x: clip` 就是靠它守住的）、`data-dshome-*` 标记、每块 canvas 的 z-index/opacity/所在 GPU/是否 context lost、消息列的 `scrollWidth - clientWidth` 与超宽/自溢出的子元素、发送按钮等控件的盒模型与 transition；再给 `run(秒)`：**同时**采样 GPU 状态（fps、context lost、`gl.getError()`、canvas 尺寸抖动）与光标下的逐帧变化（命中元素链、盒、transform、padding、margin 的逐字段 diff，带 240 条截断与变化率），最后是 `tilt(false)` / `clip(true)` / `ambient(false)` / `wallpaper(false)` / `glass(false)` 五个开关，用来把「关掉 X 之后症状还在不在」变成一句话答案。不写任何设置、不弹权限框 | 控制台粘贴整份文件 |
+| `symptom-probe-selftest.mjs` | 上面那份探针的自测（19 项）：在一个合成页面上跑（我们自己的 canvas + 带超宽子元素的消息列 + 每 60 ms 改一次 transform 的卡片 + CDP 派发真实鼠标移动），断言环境报告的字段形状、`run()` 的采样与逐字段 diff、五个开关的实际效果（含 `clip` 在 `overflow-y:auto` 旁会计算成 `hidden` 这条 CSS Overflow 3 规则） | `chrome --headless=new --remote-debugging-port=9333 --user-data-dir=%TEMP%\dsh-probe-chrome about:blank`，然后 `node tools/symptom-probe-selftest.mjs` |
 | `bridge-smoke.mjs` | 宿主端私有 RPC 通道：协议、错误路径，以及完整围栏（非回环对端 / 缺 `Host` / DNS rebinding / 跨站来源 / `Origin` 不匹配 / 非 JSON 类型 / UNC 路径 / `file.*` 端点识别与校验，24 项检查；加 `--open` 为 25 项，会真的用系统默认应用打开一个临时文件，**会在桌面弹出窗口**，默认不启用） | `node tools/bridge-smoke.mjs [已安装的 lib/index.js] [--open]` |
 | `dstt-schema-smoke.mjs` | DSTT 设置 schema 与写入路径的一致性：**每个能写进 `settings.yaml` 的值都必须过 `register()` 的校验**（1.43.2 那次 schema 缺 `wide` 的发布阻塞就靠它守）。含背景方式四档的往返、未知 id 拒写、自定义背景的归一化（控制字符→空格、去首尾、长度上限）、动态背景开关的读写与布尔回读，以及「客户端枚举 = 宿主枚举」的跨文件检查（29 项） | `node tools/dstt-schema-smoke.mjs [lib/index.js]` |
-| `bg-recipes-smoke.mjs` | 客户端源码层的数据与契约断言（2.0.73+，随每版增补）：① 必须含纯白 + 近白、② 只有两个颜色参与、`bold` 浅色无 `#FFFFFF`、③ 的基底/让位规则与选择器守卫、壁纸引擎标记与「提示而非自动切换」、桌面壁纸端点与 `WallpaperStyle` 映射、`darkSync` 作用域、两条反引号守卫（整表扫描）、`TILT_SCALE = 1` 与「控件上不倾斜」、发送按钮 hover 不再位移、流场 16F 探测与回退（61 项） | `node tools/bg-recipes-smoke.mjs [lib/client.js]` |
+| `bg-recipes-smoke.mjs` | 客户端源码层的数据与契约断言（2.0.73+，随每版增补）：① 必须含纯白 + 近白、② 只有两个颜色参与、`bold` 浅色无 `#FFFFFF`、③ 的基底/让位规则与选择器守卫、壁纸引擎标记与「提示而非自动切换」、桌面壁纸端点与 `WallpaperStyle` 映射、`darkSync` 作用域、两条反引号守卫（整表扫描）、发送按钮 hover 不再位移、流场 16F 探测与回退、悬停倾斜的抬升 1.01 与 `TILT_CONTROLS` 不含文字录入、进入控件时冻结而非释放、释放只在离开卡片矩形、两套玻璃配方都生效（2.0.82）、横向裁切覆盖消息列/对话框/转写区、**8 个 CSS 契约名必须已声明 + 模板插值不得早于 const 声明（2.0.84：`ATTR` 被误删、`USER_BUBBLE` 提前插值都属于这一类，`node --check` 看不见）**（73 项） | `node tools/bg-recipes-smoke.mjs [lib/client.js]` |
+| `parse-smoke.mjs` | **每个文件都必须能解析**（2.0.84+）：`lib/` 与 `tools/` 下每个 `.js/.mjs` 过一遍 `node --check`。看着多余，其实不是——已经有三次"注释里的反引号把模板字符串提前结束"的事故（`lib/client.js` 两次、`tools/gui-probe.mjs` 一次，后者 Node 的报错还不带文件名）。纯解析门，不做 lint | `node tools/parse-smoke.mjs` |
 | `fluid-precision-test.mjs` | **流场存储精度对照实验**（2.0.81+）：把 `lib/client.js` 里的真实 `VERTEX_SHADER` / `FLOW_SHADER` 抠出来，在无头 Chrome 里对同一场景各跑 240 步，分别存 RGBA8 与 RGBA16F，读回统计"取值分布 / 落在 1/255 网格上的层级 / max / mean"，并判定 16F 是否真的摆脱了量化（5 项）。**需要 Chromium 系浏览器**，且 Chrome 在受限进程里起不来，请从普通终端跑 | `node tools/fluid-precision-test.mjs [--chrome <路径>] [--keep]` |
 | `catalog-sync-smoke.mjs` | 模型目录同步的全部分支：一致 / 可描述漂移 / 聚合网关目录 / 只追加 / `off` / baseURL 解析顺序 / 无密钥 / 端点故障 / 命名空间未就绪 / 版本冲突（27 项检查，全用替身，无需凭据与网络） | `node tools/catalog-sync-smoke.mjs [已安装的 lib/index.js]` |
 | `catalog-sync-live.mjs` | 用**真实端点 + 真实密钥**跑一遍同步：A 场景（目录已一致）应 0 写入，B 场景（人为制造漂移）应恰好 1 次写入并复原条目；写入被拦下，不落盘 | `DEEPSEEK_API_KEY=... node tools/catalog-sync-live.mjs [--profile web] [--drift-id deepseek-v4-pro]` |
@@ -337,6 +347,8 @@ node tools/gui-probe.mjs --models --file-card
 │   ├── bridge-smoke.mjs            # 宿主端私有 RPC 通道冒烟测试
 │   ├── catalog-sync-smoke.mjs      # 模型目录同步冒烟测试（六种分支）
 │   ├── catalog-sync-live.mjs       # 同步的真端点/真密钥校验（写入不落盘）
+│   ├── symptom-probe.js            # 贴进控制台的现场探针（环境报告 + 采样 + 逐帧 diff + 开关）
+│   ├── symptom-probe-selftest.mjs  # 上面那份探针的自测（合成页面 + CDP 真实鼠标）
 │   └── gui-probe.mjs               # 实时页面的无头浏览器探测与像素扫描
 └── lib/
     ├── index.js                    # host 端：打开工作区 / 交付文件 RPC、DSTT 设置、模型目录同步

package/lib/client.js

@@ -499,6 +499,15 @@ void main() {
 			let previous = 0;
 			const step = 1e3 / 30;
 			const frame = (now) => {
+				// Self-cleanup: a canvas that has left the DOM must not keep
+				// simulating. This is the backstop for a mount that threw midway --
+				// B1 in the 2026-09-16 report leaked one full-resolution simulator per
+				// 动态背景 flip because the disposer never came back.
+				if (!canvas.isConnected) {
+					running = false;
+					cancelAnimationFrame(raf);
+					return;
+				}
 				raf = requestAnimationFrame(frame);
 				if (now - previous < step) return;
 				previous = now - (now - previous) % step;
@@ -690,6 +699,21 @@ void main() {
 		var FILTER_ID = "dshome-glass-dispersion";
 		var TINT_ID = "dshome-glass-dispersion-tint";
 		var REFRACT_ID = "dshome-glass-dispersion-refract";
+		/**
+		* The opt-in marker on <html> that the stylesheets chain `url(#…)` behind.
+		*
+		* This declaration was DELETED in d862487 by accident and stayed missing
+		* from 1.43.6 through 2.0.82, which is the whole of B1 in the 2026-09-16 bug
+		* report: `startGlassDispersion()` threw a ReferenceError on its first line
+		* (`root.hasAttribute(ATTR)`), so the refraction never mounted on any
+		* version -- and because `startAmbient()` calls into this function, the
+		* ambient mount died with it, taking the disposer with it (the 动态背景
+		* toggle stopped unmounting, and each flip leaked a full-resolution fluid
+		* simulator). Two lessons are encoded here: the constant is declared next to
+		* the ids it belongs to, and the ambient mount no longer swallows a throw
+		* silently (see its try/catch and the caller's console.error).
+		*/
+		var ATTR = "data-dshome-dispersion";
 		var TALL_FILTER_ID = "dshome-glass-dispersion-tall";
 		var TALL_TINT_ID = "dshome-glass-dispersion-tall-tint";
 		var TALL_REFRACT_ID = "dshome-glass-dispersion-tall-refract";
@@ -1222,10 +1246,47 @@ body[data-dshome-dark] .dshome-sa-item.dshome-sa-stopping .dshome-sa-bar{backgro
 @media (max-width:760px){.dshome-sa{right:10px;bottom:10px;width:min(286px,calc(100vw - 20px))}}
 `;
 
+		// ── USER_BUBBLE: the one selector both recipes glass user bubbles with ────
+		// Declared HERE, above PATCH_BLOCKS and GLASS_CSS, because both interpolate
+		// it while they are being built: as a `const` declared further down it threw
+		// `Cannot access 'USER_BUBBLE' before initialization` the moment the factory
+		// ran, which took the entire theme down (no style tags at all). Same failure
+		// class as B1 -- an identifier that resolves to nothing at activation time --
+		// and the reason tools/factory-smoke.mjs exists.
+		//
+		// Two properties are load-bearing, and both were learned the hard way
+		// (B5 / B2 of the 2026-09-16 bug report):
+		//
+		// 1. It is ONE compound selector — no top-level comma. Used as a prefix in
+		//    `html[data-dshome-glass="liquid"] :is(USER_BUBBLE){…}` rules, a comma
+		//    list is a trap: the prefix binds only to the branch it touches and every
+		//    later branch escapes the gate entirely. That is exactly what happened.
+		//    A second branch, meant to cover a just-typed bubble, also matched the
+		//    product's TOOLTIP (`_bubble_<hash>_<n>`, `position:fixed`), and the
+		//    theme's `position:relative` turned that floating tooltip into an
+		//    in-flow element — 78px of width inside the composer, 48px inside a
+		//    message action bar — so hovering the send or copy button shoved the
+		//    button out from under the cursor, the tooltip unmounted, the button
+		//    came back, and the loop fed itself at up to 60Hz. That WAS the user's
+		//    「按钮跳动」. Every usage is wrapped in `:is(…)` now, so a future second
+		//    branch cannot escape the gate again.
+		// 2. The tooltip must be excluded by SHAPE. Message bubbles are
+		//    `<hash>_bubble` (`Sixlwa_bubble`, `oRe1gG_bubble`); the tooltip is the
+		//    leading-underscore form `_bubble_…`, which is what the first `:not()`
+		//    keys on. `:not([role="tooltip"])` is belt-and-braces for the day the
+		//    product starts labelling it.
+		//
+		// The gap the deleted branch covered — a message typed while the agent is
+		// still working sits outside any flow-kind container until the turn picks it
+		// up — is knowingly left unglazed for that moment: a transient unglazed
+		// bubble is a cosmetic wait, a teleporting button is not.
+		const USER_BUBBLE = ':is([data-chat-flow-kind="user"],[data-chat-flow-kind="steering"]) [class*="bubble" i]:not([class*="_bubble_"]):not([role="tooltip"])';
+
 		// PATCH_BLOCKS: every rule group that targets product build-time class
 		// names. `anchor` is the class that must exist in the DOM before the
 		// block is injected; each block degrades independently when its surface
-		// renames in a product rebuild.
+		// renames in a product rebuild, and `anchor` may be a list of
+		// alternatives when a surface has already been renamed once.
 		const PATCH_BLOCKS = [
 			// Frame / sidebar / details columns.
 			{ anchor: ".pI_x6G_frame", css: `
@@ -1314,7 +1375,7 @@ body[data-dshome-dark] .wSkVaW_tabActive{box-shadow:0 3px 12px color-mix(in srgb
 /* Header chips: the product's global corner-shape:superellipse(1.5) squares off
    even pill radii, so every control in the bar is restored to a true round end
    (and the session-title crumb, 12px on a 28px box, becomes a real pill). */
-.wSkVaW_header .SVAs4q_label,.wSkVaW_header .cubgiG_seat,.wSkVaW_header .CAgGvG_split,.wSkVaW_header .dshome-locale,.wSkVaW_header [data-sidebar-right-expand],.wSkVaW_header .nL4_yW_sessionLogButton,.wSkVaW_header .wSkVaW_crumb{corner-shape:round}
+.wSkVaW_header .SVAs4q_label,.wSkVaW_header .cubgiG_seat,.wSkVaW_header .CAgGvG_split,.wSkVaW_header .dshome-locale,.wSkVaW_header [data-sidebar-right-expand],.wSkVaW_header [class*="_moreButton"],.wSkVaW_header .wSkVaW_crumb{corner-shape:round}
 .wSkVaW_header .wSkVaW_crumb{border-radius:999px}
 /* Open-in-app split button: hover lift with a brand tint, and the chevron turns
    over while its menu is open. */
@@ -1328,13 +1389,15 @@ body[data-dshome-dark] .wSkVaW_tabActive{box-shadow:0 3px 12px color-mix(in srgb
 body[data-dshome-dark] .wSkVaW_header .CAgGvG_split:hover{border-color:color-mix(in srgb,var(--ds-brand) 52%,transparent);background:color-mix(in srgb,var(--ds-brand) 16%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--ds-brand) 30%,transparent)}
 body[data-dshome-dark] .wSkVaW_header .CAgGvG_split:hover .CAgGvG_main,body[data-dshome-dark] .wSkVaW_header .CAgGvG_split:hover .CAgGvG_chevron{background:color-mix(in srgb,var(--ds-brand) 24%,transparent);color:#fff}
 ` },
-			// Session-log button (hover expand).
-			{ anchor: ".nL4_yW_sessionLogButton", css: `
-.nL4_yW_sessionLogButton{min-width:0!important;width:28px;height:28px;padding:0!important;border-radius:50%!important;border:none!important;background:color-mix(in srgb,var(--ds-brand) 8%,transparent)!important;color:var(--ds-brand)!important;overflow:hidden;transition:width .2s ease,padding .2s ease,border-radius .2s ease}
-.nL4_yW_sessionLogButton span{max-width:0;opacity:0;overflow:hidden;transition:max-width .2s ease,opacity .2s ease}
-.wSkVaW_header:hover .nL4_yW_sessionLogButton{width:auto;padding:0 12px!important;border-radius:18px!important}
-.wSkVaW_header:hover .nL4_yW_sessionLogButton span{max-width:90px;opacity:1}
-body[data-dshome-dark] .nL4_yW_sessionLogButton{color:var(--ds-brand-light)!important}
+			// Session-log button (hover expand). The product renamed it to
+			// `nL4_yW_moreButton` on the current build (B2, 2026-09-16), so anchor and
+			// rules both key on the suffix, the way `[class*="_fade" i]` already does.
+			{ anchor: '[class*="_moreButton"]', css: `
+:is([class*="_moreButton"]){min-width:0!important;width:28px;height:28px;padding:0!important;border-radius:50%!important;border:none!important;background:color-mix(in srgb,var(--ds-brand) 8%,transparent)!important;color:var(--ds-brand)!important;overflow:hidden;transition:width .2s ease,padding .2s ease,border-radius .2s ease}
+:is([class*="_moreButton"]) span{max-width:0;opacity:0;overflow:hidden;transition:max-width .2s ease,opacity .2s ease}
+.wSkVaW_header:hover :is([class*="_moreButton"]){width:auto;padding:0 12px!important;border-radius:18px!important}
+.wSkVaW_header:hover :is([class*="_moreButton"]) span{max-width:90px;opacity:1}
+body[data-dshome-dark] :is([class*="_moreButton"]){color:var(--ds-brand-light)!important}
 ` },
 			// Glass cards with spinning gradient border — upgraded to liquid glass:
 			// specular top edge, saturated blur, brighter inner rim.
@@ -1374,20 +1437,33 @@ body[data-dshome-dark] .uV2eYG_card::before{background:conic-gradient(from var(-
 			// whatever sticks out past the column edge is clipped instead of
 			// scrollable, which in a chat column is the lesser evil -- and this is
 			// the guarded-block pattern, so it disappears with the anchor.
+			//
+			// 2.0.82 widens the net to the column's other scrollers. The mechanism
+			// needs only ONE `overflow-y: auto` container (the other axis computes
+			// to `auto`, so it can grow a horizontal scrollbar) whose child grows on
+			// hover; the first report named the message list, but the same 8px step
+			// under the send button can come from the composer's own seat or the
+			// transcript's view area, which that first fix did not cover. Popups
+			// portalled to <body> are unaffected; anything rendered inline inside
+			// these containers is clipped, exactly as it already was for the list.
 			{ anchor: ".wSkVaW_scrollBody", css: `
-[class*="scrollBody"]{overflow-x:clip}
+[class*="scrollBody"],[class*="composerSeat"],[class*="viewArea"]{overflow-x:clip}
 ` },
-			// Empty-state headline + preview badge.
-			{ anchor: ".pXSMma_headlineText", css: `
-.pXSMma_headlineText{font-size:34px;line-height:42px;font-weight:700;letter-spacing:-.01em;background:linear-gradient(120deg,#152443 0%,var(--ds-brand-deep) 55%,var(--ds-brand) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
-body[data-dshome-dark] .pXSMma_headlineText{background:linear-gradient(120deg,#fff 0%,var(--ds-brand-light) 60%,var(--ds-brand) 100%);-webkit-background-clip:text;background-clip:text}
-.pXSMma_previewBadge{border-radius:999px!important;background:color-mix(in srgb,var(--ds-brand) 10%,transparent)!important;border:1px solid color-mix(in srgb,var(--ds-brand) 25%,transparent)!important;color:var(--ds-brand)!important}
-.pXSMma_fish{color:var(--ds-brand)!important}
+			// Empty-state headline + preview badge. The product renamed
+			// `pXSMma_headlineText` to `pXSMma_headline` (B2, 2026-09-16), which
+			// silently killed this block and left the headline at 26px/500 with no
+			// gradient. Keyed on the suffix now, along with the two brand marks that
+			// live in the same family.
+			{ anchor: '[class*="_headline"]', css: `
+:is([class*="_headline"]){font-size:34px;line-height:42px;font-weight:700;letter-spacing:-.01em;background:linear-gradient(120deg,#152443 0%,var(--ds-brand-deep) 55%,var(--ds-brand) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
+body[data-dshome-dark] :is([class*="_headline"]){background:linear-gradient(120deg,#fff 0%,var(--ds-brand-light) 60%,var(--ds-brand) 100%);-webkit-background-clip:text;background-clip:text}
+:is([class*="_previewBadge"]){border-radius:999px!important;background:color-mix(in srgb,var(--ds-brand) 10%,transparent)!important;border:1px solid color-mix(in srgb,var(--ds-brand) 25%,transparent)!important;color:var(--ds-brand)!important}
+:is([class*="_fish"]){color:var(--ds-brand)!important}
 ` },
 			// Chat bubbles — liquid glass panes.
-			{ anchor: ".gdEzaW_bubble", css: `
-.gdEzaW_bubble{background:rgba(255,255,255,.6)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 16px rgba(13,30,60,.06)}
-body[data-dshome-dark] .gdEzaW_bubble{background:rgba(21,42,86,.65)!important;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px rgba(0,0,0,.25)}
+			{ anchor: ".wSkVaW_scrollBody", css: `
+:is(${USER_BUBBLE}){background:rgba(255,255,255,.6)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 16px rgba(13,30,60,.06)}
+body[data-dshome-dark] :is(${USER_BUBBLE}){background:rgba(21,42,86,.65)!important;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px rgba(0,0,0,.25)}
 ` },
 			// Trajectory view bar.
 			{ anchor: ".fV0t5q_root", css: `
@@ -1461,7 +1537,7 @@ body[data-dshome-dark]{
 }
 html .hHd-Xa_root::before,
 html .uV2eYG_card::after,
-html .gdEzaW_bubble,
+html :is(${USER_BUBBLE}),
 html .fV0t5q_root,
 html [data-composer-card],
 html .VOzbGW_panel,
@@ -1480,27 +1556,27 @@ html .dshome-file-menu{
    --dshome-spec-x/y (written per element by startSpecularParallax). */
 html [data-dshome-spot]:hover{--dshome-glass-spec:1;}
 html [data-composer-card]:hover{--dshome-glass-spec:1;--dshome-glass-sheen:.12;}
-html .gdEzaW_bubble:hover,html .dshome-sa:hover,html .dshome-file-menu:hover{
+html :is(${USER_BUBBLE}):hover,html .dshome-sa:hover,html .dshome-file-menu:hover{
   background-color:rgb(255 255 255 / calc(var(--dshome-glass-sheen) + .16))!important;
 }
-body[data-dshome-dark] .gdEzaW_bubble:hover,
+body[data-dshome-dark] :is(${USER_BUBBLE}):hover,
 body[data-dshome-dark] .dshome-sa:hover,
 body[data-dshome-dark] .dshome-file-menu:hover{
   background-color:rgb(255 255 255 / calc(var(--dshome-glass-sheen) + .06))!important;
 }
 html[data-dshome-dispersion] .hHd-Xa_root::before,
-html[data-dshome-dispersion] .gdEzaW_bubble,
+html[data-dshome-dispersion] :is(${USER_BUBBLE}),
 html[data-dshome-dispersion] .VOzbGW_panel{
   -webkit-backdrop-filter:url(#dshome-glass-dispersion) blur(var(--dshome-glass-blur)) saturate(var(--dshome-glass-saturate))!important;
   backdrop-filter:url(#dshome-glass-dispersion) blur(var(--dshome-glass-blur)) saturate(var(--dshome-glass-saturate))!important;
 }
 @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
-  html .hHd-Xa_root::before,html .uV2eYG_card::after,html .gdEzaW_bubble,html [data-composer-card],html .VOzbGW_panel,html .dshome-sa,html .dshome-file-menu{
+  html .hHd-Xa_root::before,html .uV2eYG_card::after,html :is(${USER_BUBBLE}),html [data-composer-card],html .VOzbGW_panel,html .dshome-sa,html .dshome-file-menu{
     background-color:rgba(255,255,255,.86)!important;
   }
   body[data-dshome-dark] .hHd-Xa_root::before,
   body[data-dshome-dark] .uV2eYG_card::after,
-  body[data-dshome-dark] .gdEzaW_bubble,
+  body[data-dshome-dark] :is(${USER_BUBBLE}),
   body[data-dshome-dark] [data-composer-card],
   body[data-dshome-dark] .VOzbGW_panel,
   body[data-dshome-dark] .dshome-sa,
@@ -1551,14 +1627,9 @@ html[data-dshome-dispersion] .VOzbGW_panel{
 		// a transcript can contain ONLY steering bubbles — anchoring the selector
 		// on "user" alone silently skipped every bubble on the page.
 		//
-		// The second half covers the gap the user hit: a message typed while the
-		// agent is still working is painted in the transcript BEFORE it is picked
-		// up, and at that moment it sits outside any flow-kind container, so the
-		// two anchored selectors miss it and it renders unglazed until the turn
-		// consumes it. Rather than enumerate the container it lands in, this side
-		// takes any bubble that is NOT part of an assistant step — which is the
-		// only place a bubble must not be glassed.
-		const LIQUID_BUBBLE = ':is([data-chat-flow-kind="user"],[data-chat-flow-kind="steering"]) [class*="bubble" i],[class*="bubble" i]:not([data-chat-flow-kind="assistant-step"] *)';
+		// (USER_BUBBLE itself is declared above PATCH_BLOCKS: this sheet and the
+		// patch blocks both interpolate it, so it has to exist before either is
+		// built.)
 		const LIQUID_CSS = `
 @property --dshome-liquid-sweep{syntax:"<angle>";inherits:false;initial-value:0deg}
 @keyframes dshome-liquid-sweep{from{--dshome-liquid-sweep:0deg}to{--dshome-liquid-sweep:360deg}}
@@ -1626,7 +1697,7 @@ body[data-dshome-dark]{
 html[data-dshome-glass="liquid"] body .hHd-Xa_root::before,
 html[data-dshome-glass="liquid"] body [data-composer-card],
 html[data-dshome-glass="liquid"] body .wSkVaW_header:hover::before,
-html[data-dshome-glass="liquid"] body ${LIQUID_BUBBLE}{
+html[data-dshome-glass="liquid"] body :is(${USER_BUBBLE}){
   background-color:var(--dshome-liquid-fill)!important;
   background-image:
     radial-gradient(360px circle at calc(50% + var(--dshome-spec-x,0) * 50%) calc(50% + var(--dshome-spec-y,0) * 50%), rgb(255 255 255 / calc(var(--dshome-glass-spec) * .24)), transparent 60%),
@@ -1679,8 +1750,11 @@ html[data-dshome-glass="liquid"] body .hHd-Xa_root::before{
     radial-gradient(360px circle at calc(50% + var(--dshome-spec-x,0) * 50%) calc(50% + var(--dshome-spec-y,0) * 50%), rgb(255 255 255 / calc(var(--dshome-glass-spec) * .24)), transparent 60%),
     linear-gradient(180deg, rgba(255,255,255,var(--dshome-liquid-sheen)), rgba(255,255,255,.015) 34%, rgba(255,255,255,0))!important;
 }
-/* The message bubble is the one surface that is not already positioned. */
-html[data-dshome-glass="liquid"] ${LIQUID_BUBBLE}{
+/* The message bubble is the one surface that is not already positioned. The
+   tooltip is not in this list any more -- that was B5: making a
+   position:fixed tooltip relative turned it into an in-flow 78px block that
+   shoved the send button out from under the cursor. See USER_BUBBLE. */
+html[data-dshome-glass="liquid"] :is(${USER_BUBBLE}){
   position:relative;
   transition:background-color .18s ease,box-shadow .18s ease;
 }
@@ -1692,10 +1766,12 @@ html[data-dshome-glass="liquid"] [data-composer-card]{
   transition:transform .24s cubic-bezier(.2,.8,.2,1),background-color .18s ease,box-shadow .18s ease!important;
   will-change:transform;
 }
-html[data-dshome-glass="liquid"] ${LIQUID_BUBBLE}:hover{
+html[data-dshome-glass="liquid"] :is(${USER_BUBBLE}):hover{
   background-color:rgb(255 255 255 / .18)!important;
 }
-body[data-dshome-dark] ${LIQUID_BUBBLE}:hover{
+/* Liquid's dark hover used to sit OUTSIDE the gate, so it also repainted the
+   frosted recipe's bubbles with liquid's values. Gated like its siblings. */
+html[data-dshome-glass="liquid"] body[data-dshome-dark] :is(${USER_BUBBLE}):hover{
   background-color:rgb(255 255 255 / .10)!important;
 }
 html[data-dshome-glass="liquid"] body .hHd-Xa_root::after{
@@ -1732,7 +1808,7 @@ html[data-dshome-glass="liquid"] .hHd-Xa_root::after{
    continuous background a horizontal displacement has nothing to show, which
    the user accepted. */
 html[data-dshome-dispersion][data-dshome-glass="liquid"] body .wSkVaW_header:hover::before,
-html[data-dshome-dispersion][data-dshome-glass="liquid"] body ${LIQUID_BUBBLE}{
+html[data-dshome-dispersion][data-dshome-glass="liquid"] body :is(${USER_BUBBLE}){
   -webkit-backdrop-filter:url(#dshome-glass-dispersion) blur(var(--dshome-liquid-blur)) saturate(var(--dshome-liquid-saturate))!important;
   backdrop-filter:url(#dshome-glass-dispersion) blur(var(--dshome-liquid-blur)) saturate(var(--dshome-liquid-saturate))!important;
 }
@@ -1789,56 +1865,90 @@ html[data-dshome-blur="off"] body{
   html[data-dshome-glass="liquid"] body .hHd-Xa_root::before,
   html[data-dshome-glass="liquid"] body [data-composer-card],
   html[data-dshome-glass="liquid"] body .wSkVaW_header:hover::before,
-  html[data-dshome-glass="liquid"] body ${LIQUID_BUBBLE}{
+  html[data-dshome-glass="liquid"] body :is(${USER_BUBBLE}){
     background-color:rgba(255,255,255,.86)!important;
   }
   body[data-dshome-dark] .hHd-Xa_root::before,
   body[data-dshome-dark] [data-composer-card],
   body[data-dshome-dark] .wSkVaW_header:hover::before,
-  body[data-dshome-dark] ${LIQUID_BUBBLE}{
+  html[data-dshome-glass="liquid"] body[data-dshome-dark] :is(${USER_BUBBLE}){
     background-color:rgba(13,30,60,.92)!important;
   }
 }
 `;
 
 		/**
-		* Inject `css` only while `anchor` matches the DOM. If the anchor is
-		* absent at call time, wait up to 30s for it (covers shells that render
-		* after the plugin activates); if it never appears, skip the block and log
-		* one diagnostic line instead of shipping dead CSS against a renamed
-		* product surface. Returns a disposer for the whole install.
+		* Inject `css` while `anchor` (a selector, or a list of alternatives --
+		* several product surfaces have been renamed at least once) matches the DOM.
+		*
+		* The wait is NOT time-boxed. It used to give up after 30s, which quietly
+		* broke every surface the user opens late: B3 in the 2026-09-16 report
+		* measured the same code injecting the session-row patch when the sidebar was
+		* expanded at ~4s, and never injecting it when the sidebar was expanded after
+		* 30s (the default is collapsed, so for most sessions the patch simply never
+		* existed). Panels behind a click -- settings, the subagent panel, the
+		* trajectory view -- were all in that set.
+		*
+		* The observer therefore lives as long as the plugin does, and the cost is
+		* bounded instead of unbounded: re-checks are throttled to one per animation
+		* frame, a batch that finds nothing schedules nothing, and the observer
+		* disconnects the moment the block lands. A block that never lands costs one
+		* `querySelector` per frame at worst, and logs once, with the anchors it tried.
 		*/
 		function installGuarded(anchor, css) {
+			const selectors = Array.isArray(anchor) ? anchor : [anchor];
+			const label = selectors.join('|');
 			let dispose = null;
 			const applyNow = () => {
 				if (dispose !== null) return true;
-				if (document.querySelector(anchor) === null) return false;
-				dispose = injectStyle(css, 'patch' + anchor);
-				return true;
+				for (const selector of selectors) {
+					if (document.querySelector(selector) === null) continue;
+					dispose = injectStyle(css, 'patch' + selectors[0]);
+					return true;
+				}
+				return false;
 			};
 			if (applyNow()) {
 				return () => { if (dispose !== null) dispose(); };
 			}
-			let timer = 0;
-			let mo = new MutationObserver(() => {
-				if (!applyNow()) return;
-				mo.disconnect();
-				clearTimeout(timer);
-			});
+			let queued = false;
+			let missed = false;
+			let mo = null;
+			const schedule = () => {
+				if (queued || dispose !== null) return;
+				queued = true;
+				try {
+					requestAnimationFrame(() => {
+						queued = false;
+						if (applyNow() && mo !== null) {
+							mo.disconnect();
+							mo = null;
+						}
+					});
+				} catch (error) {
+					queued = false;
+				}
+			};
+			mo = new MutationObserver(schedule);
 			try {
 				mo.observe(document.body, { childList: true, subtree: true });
 			} catch (error) {
 				mo = null;
 			}
-			timer = setTimeout(() => {
-				if (mo !== null) mo.disconnect();
-				if (dispose === null) {
-					console.info('[' + PLUGIN_ID + '] patch skipped: ' + anchor + ' not found in DOM (product surface renamed?)');
-				}
-			}, 30000);
+			// One diagnostic line per block, on first sight of a shell that has
+			// rendered and still does not carry any of the alternatives.
+			const announce = () => {
+				if (missed || dispose !== null) return;
+				missed = true;
+				console.info('[' + PLUGIN_ID + '] patch waiting: none of ' + label + ' in the DOM yet (renamed product surface? the guard keeps watching)');
+			};
+			const timer = setTimeout(() => {
+				if (missed || dispose !== null) return;
+				announce();
+			}, 15000);
 			return () => {
+				if (timer !== 0) clearTimeout(timer);
 				if (mo !== null) mo.disconnect();
-				clearTimeout(timer);
 				if (dispose !== null) dispose();
 			};
 		}
@@ -2216,7 +2326,7 @@ html[data-dshome-blur="off"] body{
 		* `.gdEzaW_bubble` this list used to carry matches nothing on the current
 		* build, which is how the old entry went dead without anyone noticing.
 		*/
-		const SPOT_SURFACES = `${LIQUID_BUBBLE},.uV2eYG_card,.dshome-sa,.dshome-file-menu,.hHd-Xa_root,[data-composer-card]`;
+		const SPOT_SURFACES = `${USER_BUBBLE},.uV2eYG_card,.dshome-sa,.dshome-file-menu,.hHd-Xa_root,[data-composer-card]`;
 		function startSpecularSpotter() {
 			const onOver = (event) => {
 				const target = event.target;
@@ -2236,92 +2346,125 @@ html[data-dshome-blur="off"] body{
 		// cursor is on, about its own centre, under an 800px perspective. The
 		// cursor-relative offsets are the same half-range clamp, and the release
 		// writes the neutral transform first and only drops the inline properties
-		// SETTLE_MS later, so the stylesheet's transition animates the return
-		// instead of snapping.
+		// SETTLE_MS later, so the transition animates the return instead of
+		// snapping.
 		//
 		// Only the composer is tiltable here. mineradio tilts every spot it owns;
 		// in this theme the other spots are the sidebar shell and the transcript's
 		// message bubbles, where a whole-column lean reads as a bug rather than as
-		// depth. It is also gated on the liquid recipe, because the frosted pane is
-		// meant to stay observably identical to what shipped before.
+		// depth. "The hover effect is missing" is a question about a guard or the
+		// recipe, so the state is readable from the page (`__dshomeTilt()`).
+		//
+		// 2.0.79 -> 2.0.82, the whole story of one hover effect:
+		//   * 2.0.79 chased an ~8 Hz hover loop by dropping the lift (`TILT_SCALE`
+		//     1.01 -> 1, measured as an 8px card growth under a stationary cursor)
+		//     AND by listing text entry as an interactive control. Both were
+		//     over-corrections with one cause: the input covers the card, so the
+		//     tilt stopped engaging for the very gesture it exists for, and the lift
+		//     went with it. Reported as "鼠标放在对话框，放大和倾斜没了".
+		//   * 2.0.82 restores the lift, lets the tilt engage over text entry (the
+		//     lean moves the input together with the card, so the pointer cannot
+		//     fall off it), and replaces "release on control crossing" with
+		//     HYSTERESIS: entering a control FREEZES the current lean -- no repaint,
+		//     no snap back, no re-arm -- it resumes on the card body, and it is
+		//     released only when the pointer leaves the card's own box, followed by
+		//     a cooldown before the next engagement. The loop 2.0.79 was chasing
+		//     needed that release to feed it; a lean held still under a stationary
+		//     pointer has no feedback path left.
+		//   * 2.0.82 also DROPS THE RECIPE GATE. The tilt used to return early
+		//     unless the glass was `liquid`, on the theory that the frosted pane
+		//     should stay observably identical to what shipped before -- which made
+		//     the effect invisible for anyone on the default-looking white frosted
+		//     recipe. Both recipes tilt now, and because the liquid sheet used to be
+		//     the only place carrying `transition: transform`, the motion carries
+		//     its own transition (TILT_TRANSITION) so a recipe cannot lose it.
 		const TILT_SELECTOR = '[data-composer-card],.uV2eYG_card';
 		const TILT_MAX = 0.0175;
 		const TILT_PERSPECTIVE = 800;
-		// 2.0.79: 1.01 -> 1. Measured on the live page, the lift grew the card from
-		// 757 to 765 px under a stationary cursor (8 px, the same amount the
-		// horizontal scrollbar used to steal), and that was enough to flip the
-		// element under the pointer between the composer's own controls and the
-		// column's width handle; each flip re-armed or released the tilt, giving an
-		// ~8 Hz hover loop the user reported as "the buttons flicker". The lean
-		// itself (the two rotations) stays: it moves things by ~1 px instead of 8.
-		const TILT_SCALE = 1;
+		const TILT_SCALE = 1.01;
 		const TILT_SETTLE_MS = 240;
+		const TILT_COOLDOWN_MS = 200;
+		/** The lean's own easing. Mirrors the liquid sheet's values, and is removed
+		* together with the inline transform so nothing keeps animating afterwards. */
+		const TILT_TRANSITION = 'transform .24s cubic-bezier(.2,.8,.2,1),background-color .18s ease,box-shadow .18s ease';
 		/**
-		* Interactive controls inside the card must never sit on a surface that
-		* moves: the pointer being over a control is exactly when a moving edge
-		* costs the user a hover state. `andle` covers the column's width handle
-		* (`wSkVaW_widthHandle`) and any future drag handle without pinning a
-		* hashed class name; the attribute match is case-insensitive.
+		* Controls the pointer can land on *inside* the card, where aiming is the
+		* user's whole intent. Text entry is deliberately NOT in this list: the input
+		* is the surface the tilt exists for, and the lean carries it along with the
+		* card. `andle` covers the column's width handle (`wSkVaW_widthHandle`) and
+		* any future drag handle without pinning a hashed class name; the attribute
+		* match is case-insensitive.
 		*/
-		const TILT_INTERACTIVE = 'button,[role="button"],a[href],input,textarea,select,[contenteditable],[class*="andle" i]';
+		const TILT_CONTROLS = 'button,[role="button"],a[href],[class*="andle" i]';
 		function startComposerTilt() {
 			let current = null;
 			let raf = 0;
+			/** A control is under the pointer: hold the lean, paint nothing, release nothing. */
+			let frozen = false;
+			/** performance.now() of the last release; the next engagement waits out the cooldown. */
+			let releasedAt = -Infinity;
+			let engagements = 0;
 			const tilted = new WeakSet();
 			const settle = new Map();
 			const reduced = typeof window.matchMedia === 'function' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
 			if (reduced) return () => {};
+			// Readable from the page: the effect is guarded twice, so "it is missing"
+			// is otherwise a guess about which guard ate it. `__dshomeTilt()` answers
+			// that in one call (and reports the recipe it is running under).
+			try {
+				window.__dshomeTilt = () => ({ recipe: dsttGetGlass(), leaning: current !== null, frozen, engagements, sinceRelease: releasedAt === -Infinity ? null : Math.round(performance.now() - releasedAt) });
+			} catch (error) {}
 			const release = (spot) => {
 				const pending = settle.get(spot);
 				if (pending !== undefined) {
 					clearTimeout(pending);
 					settle.delete(spot);
 				}
+				frozen = false;
 				if (!tilted.has(spot)) return;
+				releasedAt = performance.now();
 				tilted.delete(spot);
 				spot.style.transform = 'perspective(' + TILT_PERSPECTIVE + 'px) rotateX(0rad) rotateY(0rad) scale(1)';
 				const handle = window.setTimeout(() => {
 					settle.delete(spot);
 					spot.style.removeProperty('transform');
 					spot.style.removeProperty('transform-origin');
+					spot.style.removeProperty('transition');
 				}, TILT_SETTLE_MS);
 				settle.set(spot, handle);
 			};
 			const paint = (spot, rect, clientX, clientY) => {
+				if (frozen) return;
 				if (raf !== 0) return;
 				raf = requestAnimationFrame(() => {
 					raf = 0;
-					if (current !== spot) return;
-					if (dsttGetGlass() !== 'liquid') {
-						release(spot);
-						return;
-					}
+					if (current !== spot || frozen) return;
 					if (clientX < rect.left || clientX > rect.right || clientY < rect.top || clientY > rect.bottom) return;
 					const dx = Math.min(0.5, Math.max(-0.5, (clientX - rect.left) / rect.width - 0.5));
 					const dy = Math.min(0.5, Math.max(-0.5, (clientY - rect.top) / rect.height - 0.5));
 					spot.style.transformOrigin = (rect.width / 2) + 'px ' + (rect.height / 2) + 'px';
+					spot.style.transition = TILT_TRANSITION;
 					spot.style.transform = 'perspective(' + TILT_PERSPECTIVE + 'px)'
 						+ ' rotateX(' + (TILT_MAX * -2 * dy).toFixed(5) + 'rad)'
 						+ ' rotateY(' + (TILT_MAX * 2 * dx).toFixed(5) + 'rad)'
 						+ ' scale(' + TILT_SCALE + ')';
+					if (!tilted.has(spot)) engagements += 1;
 					tilted.add(spot);
 				});
 			};
 			const onOver = (event) => {
-				if (dsttGetGlass() !== 'liquid') return;
 				const target = event.target;
 				if (target === null || typeof target.closest !== 'function') return;
 				const spot = target.closest(TILT_SELECTOR);
 				if (spot === null) return;
-				// A control (or a drag handle) is under the pointer: leave the card
-				// still. See TILT_INTERACTIVE for why this is not cosmetic.
-				if (target.closest(TILT_INTERACTIVE) !== null) {
-					if (current === spot) {
-						release(spot);
-						current = null;
-					}
+				// A control is under the pointer: hold the lean exactly where it is.
+				// Releasing here is what used to feed the ~8 Hz hover loop.
+				if (target.closest(TILT_CONTROLS) !== null) {
+					if (current === spot) frozen = true;
 					return;
 				}
+				// The cooldown gates a fresh engagement only, never an ongoing lean.
+				if (!tilted.has(spot) && performance.now() - releasedAt < TILT_COOLDOWN_MS) return;
 				const rect = spot.getBoundingClientRect();
 				if (event.clientX < rect.left || event.clientX > rect.right || event.clientY < rect.top || event.clientY > rect.bottom) return;
 				const pending = settle.get(spot);
@@ -2329,17 +2472,18 @@ html[data-dshome-blur="off"] body{
 					clearTimeout(pending);
 					settle.delete(spot);
 				}
+				frozen = false;
 				current = spot;
 				paint(spot, rect, event.clientX, event.clientY);
 			};
 			const onMove = (event) => {
 				if (current === null) return;
 				const target = event.target;
-				if (target !== null && typeof target.closest === 'function' && target.closest(TILT_INTERACTIVE) !== null) {
-					release(current);
-					current = null;
+				if (target !== null && typeof target.closest === 'function' && target.closest(TILT_CONTROLS) !== null) {
+					frozen = true;
 					return;
 				}
+				frozen = false;
 				paint(current, current.getBoundingClientRect(), event.clientX, event.clientY);
 			};
 			const onOut = (event) => {
@@ -2367,6 +2511,7 @@ html[data-dshome-blur="off"] body{
 				for (const spot of document.querySelectorAll(TILT_SELECTOR)) {
 					spot.style.removeProperty('transform');
 					spot.style.removeProperty('transform-origin');
+					spot.style.removeProperty('transition');
 				}
 				current = null;
 			};
@@ -2386,7 +2531,7 @@ html[data-dshome-blur="off"] body{
 			if (!supportsWebgl2()) return startParticles();
 			// Which build is running, readable from the page (see README). One line in
 			// the console answers "is the bundle I just installed actually live?".
-			try { window.__dshomeBuild = '2.0.81 rgba16f-flow'; } catch (error) {}
+			try { window.__dshomeBuild = '2.0.84 bug-report-fixes'; } catch (error) {}
 			const canvas = document.createElement('canvas');
 			canvas.setAttribute('data-dsh-deepseek-canvas', '');
 			const style = canvas.style;
@@ -2491,7 +2636,7 @@ html[data-dshome-blur="off"] body{
 		}
 
 		function startParticles() {
-			try { window.__dshomeBuild = '2.0.81 rgba16f-flow'; } catch (error) {}
+			try { window.__dshomeBuild = '2.0.84 bug-report-fixes'; } catch (error) {}
 			const canvas = document.createElement('canvas');
 			canvas.setAttribute('data-dsh-deepseek-canvas', '');
 			const style = canvas.style;
@@ -2563,6 +2708,11 @@ html[data-dshome-blur="off"] body{
 
 			function step() {
 				if (!running) return;
+				// Same self-cleanup as the fluid loop: no canvas in the DOM, no work.
+				if (!canvas.isConnected) {
+					running = false;
+					return;
+				}
 				g.clearRect(0, 0, W, H);
 				const base = linkBase();
 				for (let i = 0; i < parts.length; i++) {
@@ -3893,7 +4043,10 @@ body[data-dshome-dark] .${CLS}{background:rgba(14,30,60,.94);box-shadow:0 18px 4
 		// set they asked to keep. Ids match the host schema's `backgroundMode`
 		// enum; the free-text value for 方式3 is `customBackground`.
 		const DSTT_BACKGROUNDS = ["classic", "white", "custom", "bold"];
-		const DSTT_BACKGROUND_DEFAULT = "classic";
+		// `bold` by default: ① classic averages (soft lead + white + near-white) into a
+		// wash the eye reads as blue-white whatever the colour token says, so it is a
+		// poor first impression -- it stays selectable for anyone who wants it.
+		const DSTT_BACKGROUND_DEFAULT = "bold";
 		const DSTT_BACKGROUND_LABELS = {
 			classic: { zh: "① 主色+纯白+近白", en: "1 · Lead + white + near-white" },
 			white: { zh: "② 主色+纯白", en: "2 · Lead + white" },
@@ -4534,7 +4687,7 @@ body[data-dshome-dark] .${CLS}{background:rgba(14,30,60,.94);box-shadow:0 18px 4
 						React.createElement('div', { className: 'dshome-dstt-row-title' }, isZh ? '背景方式' : 'Background recipe'),
 						React.createElement('div', { className: 'dshome-dstt-row-hint' }, isZh
 							? '① 主色+纯白+近白（默认，旧版那套同色系柔和观感）；② 主色+纯白（只有两个色参与，最干净）；③ 自选背景：我们的流体与主题底色全部让位（没别的在画时是纯白 / 纯黑）；装了 dsh-plugin-wallpaper-engine 且它正在渲染时，连纯白也不画，背景交给它。颜色只驱动按钮之类。输入框可填图片 URL / 任意 CSS 值，或点「桌面壁纸」用本机壁纸；浓三色是 1.43.12 那套，先留着。'
-							: '1 Lead + white + near-white (default: the soft single-family look this theme shipped before). 2 Lead + white (only two colours participate, the cleanest). 3 Custom background: our fluid and our themed background both stand down (flat white / black when nothing else paints); while dsh-plugin-wallpaper-engine is rendering we do not even paint that, and the background is its layer. The colour drives the buttons and such only. Type an image URL / any CSS value, or press Desktop for the Windows wallpaper. Bold is the 1.43.12 set, kept around.'),
+							: 'Bold (default: the lead tone carries real chroma, so all six backgrounds read at a glance). 1 Lead + white + near-white (the soft single-family look this theme shipped before). 2 Lead + white (only two colours participate, the cleanest). 3 Custom background: our fluid and our themed background both stand down (flat white / black when nothing else paints); while dsh-plugin-wallpaper-engine is rendering we do not even paint that, and the background is its layer. The colour drives the buttons and such only. Type an image URL / any CSS value, or press Desktop for the Windows wallpaper.'),
 						React.createElement('div', { className: 'dshome-dstt-seg dshome-dstt-seg-row', role: 'radiogroup', 'aria-label': isZh ? '背景方式' : 'Background recipe' },
 							DSTT_BACKGROUNDS.map((id) => React.createElement('button', {
 								key: id,
@@ -4767,7 +4920,19 @@ body[data-dshome-dark] .${CLS}{background:rgba(14,30,60,.94);box-shadow:0 18px 4
 						try { stop(); } catch (error) {}
 						return;
 					}
-					try { dispose = startAmbient(); } catch (error) { dispose = () => {}; }
+					try {
+						dispose = startAmbient();
+					} catch (error) {
+						// NEVER silent. A throw inside the mount used to be swallowed right
+						// here, which is how one undeclared identifier (ATTR, deleted in
+						// d862487) hid for nineteen versions: no refraction anywhere, a
+						// 动态背景 toggle that stopped unmounting, and one leaked
+						// simulator per flip. Sweep the orphan canvas too -- the fluid
+						// loop also self-cancels when its canvas leaves the DOM.
+						console.error('[dsh-deepseek-style-theme] ambient background failed to mount:', error);
+						for (const stray of document.querySelectorAll('canvas[data-dsh-deepseek-canvas]')) stray.remove();
+						dispose = () => {};
+					}
 				};
 				syncAmbient();
 				const unsubscribe = dsttSubscribe(syncAmbient);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-deepseek-style-theme",
   "description": "DeepSeek official-home style theme: WebGL fluid-flow background, liquid glass with SVG edge refraction, glass sidebar and composer, frosted header, running-subagent progress panel, and DeepSeek brand link for the dsh web GUI",
-  "version": "2.0.81",
+  "version": "2.0.84",
   "type": "module",
   "keywords": [
     "deepseek",