dsh-deepseek-style-theme 2.0.82 → 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` 控制（详见下文）
@@ -318,7 +318,8 @@ dsh plugin --profile web remove dsh-deepseek-style-theme
 | `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` 作用域、两条反引号守卫（整表扫描）、发送按钮 hover 不再位移、流场 16F 探测与回退、**悬停倾斜的抬升 1.01 与 `TILT_CONTROLS` 不含文字录入、进入控件时冻结而非释放、释放只在离开卡片矩形、两套玻璃配方都生效（2.0.82）**、横向裁切覆盖消息列/对话框/转写区（64 项） | `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]` |

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.
@@ -1386,17 +1449,21 @@ body[data-dshome-dark] .uV2eYG_card::before{background:conic-gradient(from var(-
 			{ anchor: ".wSkVaW_scrollBody", css: `
 [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: `
@@ -1470,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,
@@ -1489,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,
@@ -1560,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}}
@@ -1635,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%),
@@ -1688,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;
 }
@@ -1701,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{
@@ -1741,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;
 }
@@ -1798,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();
 			};
 		}
@@ -2225,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;
@@ -2430,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.82 hover-lift'; } 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;
@@ -2535,7 +2636,7 @@ html[data-dshome-blur="off"] body{
 		}
 
 		function startParticles() {
-			try { window.__dshomeBuild = '2.0.82 hover-lift'; } 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;
@@ -2607,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++) {
@@ -3937,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" },
@@ -4578,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,
@@ -4811,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.82",
+  "version": "2.0.84",
   "type": "module",
   "keywords": [
     "deepseek",