deepseek-harness-background 0.3.1 → 0.4.0

package/lib/client.js

@@ -61,16 +61,17 @@ window.__ModuleLoader__.load({
 		* as small cards/buttons over the wallpaper are glassed — composer card,
 		* message bubbles, code surfaces (blocks, inline code, tool IO cards,
 		* skill/MCP call cards), the three chrome buttons (new session, composer +
-		* button, scroll-to-bottom), the agent task strip family (`
-		* --dsw-specific-tip`), the subagent lineage popover, the home hero
-		* "preview" badge, and the timeline rail (timeline-css.ts). Every glassed
-		* surface shares ONE recipe: fill from the painter's --dsw-specific-input-
-		* major token (same alpha curve + theme dimming), the full shared
-		* blur/saturate/brightness chain driven by the glass-blur slider, and the
-		* shared sheen vars — so no surface reads heavier than the composer card.
-		* Dialogs, the settings UI, menus, tooltips, toasts and every hover/accent
-		* fill keep the OFFICIAL opaque paints — they are reading surfaces and must
-		* stay legible.
+		* button, scroll-to-bottom), the load-earlier history button, the composer
+		* dock family (agent task strips: TodoPanel / GoalBar / QueueDock) and its
+		* takeover panels (approval, question, plan review), the subagent lineage
+		* popover, the home hero "preview" badge, the sidebar build badge, and the
+		* timeline rail (timeline-css.ts). Every glassed surface shares ONE recipe:
+		* fill from the painter's --dsw-specific-input-major token (same alpha
+		* curve + theme dimming), the full shared blur/saturate/brightness chain
+		* driven by the glass-blur slider, and the shared sheen vars — so no
+		* surface reads heavier than the composer card. Dialogs, the settings UI,
+		* menus, tooltips, toasts and every hover/accent fill keep the OFFICIAL
+		* opaque paints — they are reading surfaces and must stay legible.
 		*
 		* Selectors target authored attributes (`data-dsh-bg`, `data-composer-card`,
 		* `data-terminal`…), the `:global` `.md-code-block` anchor, and CSS-module
@@ -227,6 +228,53 @@ window.__ModuleLoader__.load({
   body[data-ds-dark-theme][data-dsh-bg-glass] [class*="_previewBadge"] {
     background-color: color-mix(in srgb, rgb(52 65 91) calc(var(--bg-glass-alpha, 0.72) * 100%), transparent);
   }
+
+  /* ---- Composer dock family: task strips + takeover panels --------------
+     The agent task strips (TodoPanel, GoalBar, QueueDock — one dock column
+     above the composer) and the composer takeovers (approval, question,
+     plan review) paint with tokens the painter turns translucent
+     (--dsw-specific-tip / --dsw-specific-input-major) but their own styles
+     never blur anything: translucent-without-blur reads as bare
+     transparency, not frosted glass. Give each the shared sheen + filter
+     chain; their fills stay token-driven so the panel-opacity slider keeps
+     driving them. Anchors are the components' own stable data attributes
+     plus a structural child, so no generic class suffix is swept in. */
+  body[data-dsh-bg-glass] [data-testid="todo-panel"],
+  body[data-dsh-bg-glass] [data-goal-bar] > div,
+  body[data-dsh-bg-glass] [data-queue-dock] > div,
+  body[data-dsh-bg-glass] [data-approval-key] > div,
+  body[data-dsh-bg-glass] [data-question-key] > section,
+  body[data-dsh-bg-glass] [data-plan-review-key] > section {
+    background-image: linear-gradient(180deg, rgba(255, 255, 255, var(--bg-glass-sheen, 0.07)), rgba(255, 255, 255, var(--bg-glass-sheen-mid, 0.02)) 38%, rgba(255, 255, 255, 0.01));
+    -webkit-backdrop-filter: blur(var(--bg-glass-blur, 16px)) saturate(var(--bg-glass-saturate, 1.42)) brightness(var(--bg-glass-brightness, 1)) contrast(1.01);
+    backdrop-filter: blur(var(--bg-glass-blur, 16px)) saturate(var(--bg-glass-saturate, 1.42)) brightness(var(--bg-glass-brightness, 1)) contrast(1.01);
+  }
+
+  /* ---- "Load earlier" history button (top of long conversations) --------
+     Its official fill is an opaque solid button token that is deliberately
+     NOT overridden, so unlike the tip family it needs an explicit glass
+     fill too — same recipe as the three chrome buttons above. */
+  body[data-dsh-bg-glass] [class*="_older"] button {
+    background-color: var(--dsw-specific-input-major);
+    background-image: linear-gradient(180deg, rgba(255, 255, 255, var(--bg-glass-sheen, 0.07)), rgba(255, 255, 255, var(--bg-glass-sheen-mid, 0.02)) 38%, rgba(255, 255, 255, 0.01));
+    -webkit-backdrop-filter: blur(var(--bg-glass-blur, 16px)) saturate(var(--bg-glass-saturate, 1.42)) brightness(var(--bg-glass-brightness, 1)) contrast(1.01);
+    backdrop-filter: blur(var(--bg-glass-blur, 16px)) saturate(var(--bg-glass-saturate, 1.42)) brightness(var(--bg-glass-brightness, 1)) contrast(1.01);
+    box-shadow:
+      inset 0 1px 0 rgba(255, 255, 255, 0.32),
+      inset 0 0 0 0.5px rgba(255, 255, 255, 0.12),
+      0 4px 14px rgba(0, 0, 0, 0.08);
+  }
+  body[data-dsh-bg-glass] [class*="_older"] button:hover:not(:disabled) {
+    background-color: color-mix(in srgb, rgb(255 255 255) calc(var(--bg-glass-alpha-strong, 0.8) * 100%), transparent);
+  }
+
+  /* Sidebar build badge: translucent ink already, but it sat directly on
+     the wallpaper without frost. Join the shared blur chain under the same
+     gate (its theme-aware ink fills from the active block above). */
+  body[data-dsh-bg-glass] [class*="_buildRevision"] {
+    -webkit-backdrop-filter: blur(var(--bg-glass-blur, 16px)) saturate(var(--bg-glass-saturate, 1.42)) brightness(var(--bg-glass-brightness, 1)) contrast(1.01);
+    backdrop-filter: blur(var(--bg-glass-blur, 16px)) saturate(var(--bg-glass-saturate, 1.42)) brightness(var(--bg-glass-brightness, 1)) contrast(1.01);
+  }
 `;
 		/**
 		* Inject the backdrop stylesheet once. Safe to call repeatedly; a second call
@@ -248,6 +296,12 @@ window.__ModuleLoader__.load({
 		const DEFAULT_SCRIM = .25;
 		/** Default panel opacity (0..1); 1 = fully opaque official surfaces, 0 = fully transparent glass. */
 		const DEFAULT_PANEL_OPACITY = .15;
+		/**
+		* Session-projection key this plugin owns in the client-visible value map —
+		* the host fold registers it (src/projection.ts) and the rail reads it
+		* (src/client/timeline.tsx); one shared constant so the two can never drift.
+		*/
+		const TIMELINE_PROJECTION_KEY = "bgTimeline";
 		/** Default background rendering mode. */
 		const DEFAULT_FIT = "cover";
 		/** Image positioning modes. `cover` fills the frame (cropping as needed); `contain` fits the whole image inside the frame (letterboxing). */
@@ -269,6 +323,11 @@ window.__ModuleLoader__.load({
 		const LAYER_CLASS = "dsh-bg-layer";
 		const IMAGE_CLASS = "dsh-bg-image";
 		const SCRIM_CLASS = "dsh-bg-scrim";
+		/** Body style properties the painter owns while a wallpaper paints: the app
+		* frame and sidebar fills go transparent so every column shares one art.
+		* Inline values outrank any stylesheet rule (the body[data-dsh-bg] gate only
+		* covers the CSS copy), so a sourceless section must actively restore them. */
+		const FRAME_TOKENS = ["--dsw-alias-bg-base", "--dsw-specific-sidebar-fill"];
 		/**
 		* White-glass tokens — the WHITELISTED surfaces only. Everything that floats
 		* as a small card over the wallpaper: the composer input stack, message
@@ -342,12 +401,21 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/**
+		* The theme-aware base alpha for one panelOpacity — THE curve every glass
+		* surface shares (surface tokens, bare alpha knobs and the settings preview
+		* included). Single-sourced here so the live painter and the preview card
+		* cannot drift.
+		*/
+		function glassBaseAlpha(panelOpacity, inDark) {
+			return glassAlpha(panelOpacity) * (inDark ? .4 : .8);
+		}
+		/**
 		* The theme-aware glass surface alphas for one panelOpacity: the input-surface
 		* token and the bubble token share one curve, dimmed per scheme. Shared by the
 		* live painter and the settings-row preview card so the two cannot drift.
 		*/
 		function glassSurfaceAlphas(panelOpacity, inDark) {
-			const alpha = glassAlpha(panelOpacity) * (inDark ? .4 : .8);
+			const alpha = glassBaseAlpha(panelOpacity, inDark);
 			return {
 				major: `rgba(255, 255, 255, ${alpha.toFixed(3)})`,
 				bubble: `rgba(255, 255, 255, ${(alpha * .8).toFixed(3)})`
@@ -393,20 +461,21 @@ window.__ModuleLoader__.load({
 					return;
 				}
 				injectBackgroundCss();
-				this.rememberOnce("--dsw-alias-bg-base");
-				this.rememberOnce("--dsw-specific-sidebar-fill");
-				document.body.style.setProperty("--dsw-alias-bg-base", "transparent");
-				document.body.style.setProperty("--dsw-specific-sidebar-fill", "transparent");
 				const url = backgroundImageUrl(settings, uploadBase);
 				if (url === "") {
 					this.observer?.disconnect();
 					this.observer = void 0;
+					this.restoreFrameTokens();
 					this.applySurfaceGlass(settings, true);
 					this.active = false;
 					this.removeLayers();
 					document.body.removeAttribute(ACTIVE_ATTR);
 					return;
 				}
+				for (const prop of FRAME_TOKENS) {
+					this.rememberOnce(prop);
+					document.body.style.setProperty(prop, "transparent");
+				}
 				if (!this.layer) {
 					this.layer = document.createElement("div");
 					this.layer.className = LAYER_CLASS;
@@ -448,6 +517,20 @@ window.__ModuleLoader__.load({
 				document.body.style.setProperty(name, value);
 			}
 			/**
+			* Return the owned frame-transparency properties to their saved state (or
+			* remove them when this session never overrode them). dispose() restores
+			* everything wholesale; this targeted variant serves the sourceless path,
+			* where the painter keeps running for a later source.
+			*/
+			restoreFrameTokens() {
+				for (const prop of FRAME_TOKENS) {
+					this.rememberOnce(prop);
+					const original = this.savedVars.get(prop);
+					if (original !== void 0 && original !== "") document.body.style.setProperty(prop, original);
+					else document.body.style.removeProperty(prop);
+				}
+			}
+			/**
 			* Update one effect knob without re-running the full apply. This is the hot
 			* path for slider drags (many events per second): only the single CSS
 			* variable changes, the DOM layers are untouched.
@@ -506,7 +589,7 @@ window.__ModuleLoader__.load({
 				this.setVar("--bg-glass-brightness", exposure.brightness);
 				this.setVar("--bg-glass-sheen", exposure.sheen);
 				this.setVar("--bg-glass-sheen-mid", exposure.sheenMid);
-				const base = glassAlpha(settings.panelOpacity) * (inDark ? .4 : .8);
+				const base = glassBaseAlpha(settings.panelOpacity, inDark);
 				for (const { token, factor } of GLASS_SURFACE_TOKENS) s.setProperty(token, `rgba(255, 255, 255, ${(base * factor).toFixed(3)})`);
 				this.setVar("--bg-glass-alpha", base.toFixed(3));
 				this.setVar("--bg-glass-alpha-strong", Math.min(.9, base * 1.5).toFixed(3));
@@ -605,6 +688,198 @@ window.__ModuleLoader__.load({
 		function clearPreviewSurface(el) {
 			for (const name of PREVIEW_VARS) el.style.removeProperty(name);
 		}
+		/** Property name on window where the api is published. */
+		const GLASS_BRIDGE_GLOBAL = "__DSH_BACKGROUND_GLASS__";
+		/** DOM event announced once the api becomes available (detail = the api). */
+		const GLASS_READY_EVENT = "dsh-background-glass:ready";
+		/** Style-tag dedup key of the registry stylesheet (data-plugin-css). */
+		const REGISTRY_CSS_TAG = "deepseek-harness-background/glass-registry";
+		/** Plugin identity stamped onto the registry <style> element. */
+		const PLUGIN_ID = "deepseek-harness-background";
+		/** Characters whose presence would let a selector escape its rule context. */
+		const FORBIDDEN_SELECTOR_CHARS = [
+			"{",
+			"}",
+			";",
+			"@",
+			"<",
+			">"
+		];
+		/** Hard cap on one selector's length (diagnostics-friendly, abuse-proof). */
+		const MAX_SELECTOR_LENGTH = 500;
+		/** Hard cap on selectors per registration call. */
+		const MAX_SELECTORS_PER_SPEC = 64;
+		/**
+		* Validate one raw selector string. Structural checks only: anything that
+		* could escape the generated rule body ({}, ;, @, <, >) is rejected, and a
+		* backslash is refused too (escape sequences have no business in an anchor
+		* selector); ordinary CSS mistakes (a typo'd pseudo-class) are left to the
+		* browser, which drops just that one rule — a safe failure mode.
+		* @returns an error message, or null when the selector is acceptable.
+		*/
+		function selectorProblem(selector) {
+			if (typeof selector !== "string") return "must be a string";
+			const trimmed = selector.trim();
+			if (trimmed === "") return "must not be empty";
+			if (trimmed.length > MAX_SELECTOR_LENGTH) return "exceeds the 500-character limit (" + trimmed.length + ")";
+			for (const ch of FORBIDDEN_SELECTOR_CHARS) if (trimmed.includes(ch)) return "contains a forbidden character (" + JSON.stringify(ch) + ")";
+			if (trimmed.includes(String.fromCharCode(92))) return "contains a backslash (escape sequences are not accepted)";
+			return null;
+		}
+		/** Normalize a spec into validated (plugin, mode, selector) triples.
+		* @returns the accepted triples plus one warning line per rejected selector. */
+		function normalizeSpec(spec) {
+			const plugin = typeof spec?.plugin === "string" && spec.plugin.trim() !== "" ? spec.plugin.trim() : "(anonymous)";
+			const mode = spec?.mode === "fill" ? "fill" : "token";
+			const raw = Array.isArray(spec?.selectors) ? [...spec.selectors] : [spec?.selectors];
+			const rows = [];
+			const warnings = [];
+			if (raw.length > MAX_SELECTORS_PER_SPEC) warnings.push("[glass-registry] " + plugin + ": " + raw.length + " selectors exceeds the 64-selector cap; extra entries dropped.");
+			for (const item of raw.slice(0, MAX_SELECTORS_PER_SPEC)) {
+				const problem = selectorProblem(item);
+				if (typeof item !== "string" || problem !== null) {
+					warnings.push("[glass-registry] " + plugin + ": rejected selector " + JSON.stringify(item) + " — " + (problem ?? "must be a string") + ".");
+					continue;
+				}
+				rows.push({
+					plugin,
+					mode,
+					selector: item.trim()
+				});
+			}
+			return {
+				rows,
+				warnings
+			};
+		}
+		/**
+		* Render one registered surface as a gated CSS rule — the same recipes the
+		* built-in sheets emit for their explicit-fill families.
+		*/
+		function ruleFor(row) {
+			const fill = row.mode === "fill" ? "background-color: var(--dsw-specific-input-major); background-image: linear-gradient(180deg, rgba(255, 255, 255, var(--bg-glass-sheen, 0.07)), rgba(255, 255, 255, var(--bg-glass-sheen-mid, 0.02)) 38%, rgba(255, 255, 255, 0.01)); -webkit-backdrop-filter: blur(var(--bg-glass-blur, 16px)) saturate(var(--bg-glass-saturate, 1.42)) brightness(var(--bg-glass-brightness, 1)) contrast(1.01); backdrop-filter: blur(var(--bg-glass-blur, 16px)) saturate(var(--bg-glass-saturate, 1.42)) brightness(var(--bg-glass-brightness, 1)) contrast(1.01);" : "background-image: linear-gradient(180deg, rgba(255, 255, 255, var(--bg-glass-sheen, 0.07)), rgba(255, 255, 255, var(--bg-glass-sheen-mid, 0.02)) 38%, rgba(255, 255, 255, 0.01)); -webkit-backdrop-filter: blur(var(--bg-glass-blur, 16px)) saturate(var(--bg-glass-saturate, 1.42)) brightness(var(--bg-glass-brightness, 1)) contrast(1.01); backdrop-filter: blur(var(--bg-glass-blur, 16px)) saturate(var(--bg-glass-saturate, 1.42)) brightness(var(--bg-glass-brightness, 1)) contrast(1.01);";
+			return "body[data-dsh-bg-glass] " + row.selector + " { " + fill + " }";
+		}
+		/**
+		* Owns the registered surfaces and the registry stylesheet.
+		*/
+		var GlassRegistry = class {
+			entries = /* @__PURE__ */ new Map();
+			styleEl = null;
+			disposed = false;
+			/**
+			* Register one spec. See BackgroundGlassApi.register.
+			* @param spec - the surfaces to glass.
+			* @returns the unregister function (idempotent).
+			*/
+			register(spec) {
+				if (this.disposed || publishedRegistry !== void 0 && publishedRegistry !== this) {
+					console.warn("[glass-registry] registration ignored: this bridge is no longer the live publication");
+					return () => {};
+				}
+				let normalized;
+				try {
+					normalized = normalizeSpec(spec);
+				} catch (error) {
+					console.warn("[glass-registry] spec rejected: " + (error instanceof Error ? error.message : String(error)));
+					normalized = {
+						rows: [],
+						warnings: []
+					};
+				}
+				const { rows, warnings } = normalized;
+				for (const message of warnings) console.warn(message);
+				const owner = {};
+				const keys = [];
+				for (const row of rows) {
+					const key = JSON.stringify([
+						row.plugin,
+						row.mode,
+						row.selector
+					]);
+					this.entries.set(key, {
+						row,
+						owner
+					});
+					keys.push(key);
+				}
+				this.sync();
+				let unregistered = false;
+				return () => {
+					if (unregistered) return;
+					unregistered = true;
+					for (const key of keys) {
+						const entry = this.entries.get(key);
+						if (entry !== void 0 && entry.owner === owner) this.entries.delete(key);
+					}
+					this.sync();
+				};
+			}
+			/** Rebuild the registry stylesheet from the live entries. */
+			sync() {
+				if (this.entries.size === 0) {
+					this.styleEl?.remove();
+					this.styleEl = null;
+					return;
+				}
+				const seen = /* @__PURE__ */ new Set();
+				const rules = [];
+				for (const { row } of this.entries.values()) {
+					const rule = ruleFor(row);
+					if (!seen.has(rule)) {
+						seen.add(rule);
+						rules.push(rule);
+					}
+				}
+				if (this.styleEl === null) {
+					this.styleEl = document.createElement("style");
+					this.styleEl.dataset.plugin = PLUGIN_ID;
+					this.styleEl.dataset.pluginCss = REGISTRY_CSS_TAG;
+					document.head.appendChild(this.styleEl);
+				}
+				this.styleEl.textContent = rules.join(String.fromCharCode(10));
+			}
+			/** Tear everything down: entries, stylesheet, and the window publication. */
+			dispose() {
+				this.disposed = true;
+				this.entries.clear();
+				this.sync();
+				const w = window;
+				if (w["__DSH_BACKGROUND_GLASS__"] === this.api) delete w[GLASS_BRIDGE_GLOBAL];
+				if (publishedRegistry === this) publishedRegistry = void 0;
+			}
+			/** The published api face over this registry. */
+			api = {
+				version: 1,
+				bridgeId: "deepseek-harness-background",
+				isActive: () => typeof document !== "undefined" && document.body !== null && document.body.hasAttribute("data-dsh-bg-glass"),
+				register: (spec) => this.register(spec)
+			};
+		};
+		/** The registry whose api is CURRENTLY published on window. Module-level on
+		* purpose: the published api face deliberately carries no dispose member
+		* (internal teardown stays unreachable for consumers), so reinstall-time
+		* cleanup needs a handle the window key cannot provide. */
+		let publishedRegistry;
+		/**
+		* Publish the glass registry bridge onto window and announce it. Safe to
+		* call repeatedly: a previous publication's REGISTRY is disposed first, so
+		* exactly one bridge — and one stylesheet — is ever live.
+		* @returns the bridge handle — call .dispose() when this plugin's client
+		*   fiber tears down.
+		*/
+		function installGlassBridge() {
+			publishedRegistry?.dispose();
+			document.querySelector("style[data-plugin-css=\"deepseek-harness-background/glass-registry\"]")?.remove();
+			const registry = new GlassRegistry();
+			publishedRegistry = registry;
+			window[GLASS_BRIDGE_GLOBAL] = registry.api;
+			window.dispatchEvent(new CustomEvent(GLASS_READY_EVENT, { detail: registry.api }));
+			return {
+				api: registry.api,
+				dispose: () => registry.dispose()
+			};
+		}
 		//#endregion
 		//#region src/client/locales.ts
 		/** Chinese copy. */
@@ -772,6 +1047,9 @@ window.__ModuleLoader__.load({
 				};
 				const promise = run();
 				this.pending = promise;
+				promise.then(() => {
+					if (this.pending === promise) this.pending = void 0;
+				});
 				return promise;
 			}
 			/**
@@ -799,7 +1077,7 @@ window.__ModuleLoader__.load({
 		const settingsClient = new SettingsClient();
 		//#endregion
 		//#region \0dsh-css:D:\Project\deepseek-harness-background\src\client\SettingsRow.module.css.mjs
-		const css = ".-ozqdq_row{border-bottom:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:14px;padding:16px 0;display:flex}.-ozqdq_header{flex-direction:column;gap:4px;display:flex}.-ozqdq_titleRow{justify-content:space-between;align-items:center;gap:12px;min-height:22px;display:flex}.-ozqdq_clearBtn{border-radius:12px;flex:none;height:24px;padding:0 10px;font-size:12px;line-height:24px}.-ozqdq_title{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px}.-ozqdq_desc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}.-ozqdq_preview{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:12px;height:132px;position:relative;overflow:hidden}.-ozqdq_previewImg{object-fit:var(--bg-object-fit,cover);width:100%;height:100%;opacity:var(--bg-opacity,1);filter:blur(var(--bg-wallpaper-blur,0px));transform:scale(var(--bg-wallpaper-scale,1));display:block;position:absolute;inset:0}.-ozqdq_previewScrim{background:rgba(255, 255, 255, var(--bg-scrim,.25));position:absolute;inset:0}body[data-ds-dark-theme] .-ozqdq_previewScrim{background:rgba(0, 0, 0, var(--bg-scrim,.25))}.-ozqdq_previewGlass{background:var(--bg-preview-glass,#ffffff24);width:44%;height:46px;backdrop-filter:blur(var(--bg-glass-blur,16px)) saturate(var(--bg-glass-saturate,1.42)) brightness(var(--bg-glass-brightness,1));border:1px solid #ffffff38;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:inset 0 1px #ffffff4d}.-ozqdq_previewGlassText{color:#fff;opacity:.8;text-shadow:0 1px 2px #00000059;white-space:nowrap;font-size:11px;line-height:1}.-ozqdq_previewEmpty{color:var(--dsw-alias-label-tertiary);justify-content:center;align-items:center;font-size:12px;line-height:1.5;display:flex;position:absolute;inset:0}.-ozqdq_section{flex-direction:column;gap:8px;display:flex}.-ozqdq_sectionLabel{color:var(--dsw-alias-label-tertiary);letter-spacing:.01em;font-size:12px;font-weight:500;line-height:18px}.-ozqdq_sourceRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.-ozqdq_urlRow{align-items:center;gap:8px;display:flex}.-ozqdq_urlInput{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);min-width:0;height:32px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;flex:1;padding:0 10px;font-size:13px;line-height:1.5}.-ozqdq_urlInput::placeholder{color:var(--dsw-alias-label-dimmed)}.-ozqdq_urlInput:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.-ozqdq_hint{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:1.5}.-ozqdq_enabledBadge{white-space:nowrap;background:var(--dsw-alias-state-success-tertiary);color:var(--dsw-alias-state-success-primary);border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.-ozqdq_btn{border:1px solid var(--dsw-alias-border-l2);height:28px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:14px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;line-height:18px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.-ozqdq_btn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.-ozqdq_btn:active:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}.-ozqdq_btn:disabled{opacity:.45;cursor:default}.-ozqdq_btnPrimary{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);border-color:#0000}.-ozqdq_btnPrimary:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover)}.-ozqdq_btnDanger{color:var(--dsw-alias-label-error)}.-ozqdq_btnDanger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger)}.-ozqdq_sliderRow{align-items:center;gap:10px;display:flex}.-ozqdq_sliderLabel{color:var(--dsw-alias-label-primary);flex:0 0 96px;font-size:13px;line-height:1.5}.-ozqdq_slider{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:18px;margin:0}.-ozqdq_slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--dsw-alias-brand-primary) var(--bg-fill,0%), var(--dsw-alias-border-l3) var(--bg-fill,0%));border-radius:2px;height:4px}.-ozqdq_slider::-moz-range-track{background:var(--dsw-alias-border-l3);border-radius:2px;height:4px}.-ozqdq_slider::-moz-range-progress{background:var(--dsw-alias-brand-primary);border-radius:2px;height:4px}.-ozqdq_slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid var(--dsw-alias-brand-primary);width:14px;height:14px;box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent), 0 1px 3px #00000047;background:#fff;border-radius:50%;margin-top:-5px}.-ozqdq_slider::-moz-range-thumb{border:2px solid var(--dsw-alias-brand-primary);width:14px;height:14px;box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent), 0 1px 3px #00000047;background:#fff;border-radius:50%}.-ozqdq_slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px color-mix(in srgb, var(--dsw-alias-brand-primary) 18%, transparent), 0 1px 4px #0000004d}.-ozqdq_slider:hover::-moz-range-thumb{box-shadow:0 0 0 5px color-mix(in srgb, var(--dsw-alias-brand-primary) 18%, transparent), 0 1px 4px #0000004d}.-ozqdq_slider:active::-webkit-slider-thumb{box-shadow:0 0 0 7px color-mix(in srgb, var(--dsw-alias-brand-primary) 22%, transparent), 0 1px 5px #00000052;transform:scale(1.12)}.-ozqdq_slider:active::-moz-range-thumb{box-shadow:0 0 0 7px color-mix(in srgb, var(--dsw-alias-brand-primary) 22%, transparent), 0 1px 5px #00000052;transform:scale(1.12)}.-ozqdq_slider:focus-visible{outline:none}.-ozqdq_slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.-ozqdq_slider:focus-visible::-moz-range-thumb{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.-ozqdq_sliderValue{text-align:right;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-secondary);flex:0 0 52px;font-size:13px;line-height:1.5}.-ozqdq_segRow{align-items:center;gap:10px;display:flex}.-ozqdq_segLabel{color:var(--dsw-alias-label-primary);flex:0 0 96px;font-size:13px;line-height:1.5}.-ozqdq_segGroup{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:9px;flex:1;gap:2px;min-width:0;padding:2px;display:inline-flex}.-ozqdq_segBtn{height:24px;font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;flex:1;padding:0 16px;font-size:12px;line-height:24px}.-ozqdq_segBtn:hover:not(.-ozqdq_segActive){color:var(--dsw-alias-label-primary)}.-ozqdq_segActive{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-primary);font-weight:500}.-ozqdq_error{color:var(--dsw-alias-label-error);font-size:12px;line-height:1.5}.-ozqdq_clearRow{align-items:center;gap:10px;display:flex}.-ozqdq_switch{background:var(--dsw-alias-border-l3);cursor:pointer;border:none;border-radius:11px;flex:none;width:40px;height:22px;padding:0;transition:background-color .15s;position:relative}.-ozqdq_switch[aria-checked=true]{background:var(--dsw-alias-brand-primary)}.-ozqdq_switch:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.-ozqdq_switchKnob{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000047}.-ozqdq_switch[aria-checked=true] .-ozqdq_switchKnob{transform:translate(18px)}@media (prefers-reduced-motion:reduce){.-ozqdq_btn,.-ozqdq_switch,.-ozqdq_switchKnob{transition:none}}";
+		const css = ".-ozqdq_row{border-bottom:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:14px;padding:16px 0;display:flex}.-ozqdq_header{flex-direction:column;gap:4px;display:flex}.-ozqdq_titleRow{justify-content:space-between;align-items:center;gap:12px;min-height:22px;display:flex}.-ozqdq_clearBtn{border-radius:12px;flex:none;height:24px;padding:0 10px;font-size:12px;line-height:24px}.-ozqdq_title{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px}.-ozqdq_desc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}.-ozqdq_preview{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:12px;height:132px;position:relative;overflow:hidden}.-ozqdq_previewImg{object-fit:var(--bg-object-fit,cover);width:100%;height:100%;opacity:var(--bg-opacity,1);filter:blur(var(--bg-wallpaper-blur,0px));transform:scale(var(--bg-wallpaper-scale,1));display:block;position:absolute;inset:0}.-ozqdq_previewScrim{background:rgba(255, 255, 255, var(--bg-scrim,.25));position:absolute;inset:0}body[data-ds-dark-theme] .-ozqdq_previewScrim{background:rgba(0, 0, 0, var(--bg-scrim,.25))}.-ozqdq_previewGlass{background:var(--bg-preview-glass,#ffffff24);width:44%;height:46px;backdrop-filter:blur(var(--bg-glass-blur,16px)) saturate(var(--bg-glass-saturate,1.42)) brightness(var(--bg-glass-brightness,1));border:1px solid #ffffff38;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:inset 0 1px #ffffff4d}.-ozqdq_previewGlassText{color:#0f172ac7;text-shadow:0 1px 2px #fff6;white-space:nowrap;font-size:11px;line-height:1}body[data-ds-dark-theme] .-ozqdq_previewGlassText{color:#ffffffd9;text-shadow:0 1px 2px #00000059}.-ozqdq_previewEmpty{color:var(--dsw-alias-label-tertiary);justify-content:center;align-items:center;font-size:12px;line-height:1.5;display:flex;position:absolute;inset:0}.-ozqdq_section{flex-direction:column;gap:8px;display:flex}.-ozqdq_sectionLabel{color:var(--dsw-alias-label-tertiary);letter-spacing:.01em;font-size:12px;font-weight:500;line-height:18px}.-ozqdq_sourceRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.-ozqdq_urlRow{align-items:center;gap:8px;display:flex}.-ozqdq_urlInput{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);min-width:0;height:32px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;flex:1;padding:0 10px;font-size:13px;line-height:1.5}.-ozqdq_urlInput::placeholder{color:var(--dsw-alias-label-dimmed)}.-ozqdq_urlInput:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.-ozqdq_hint{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:1.5}.-ozqdq_enabledBadge{white-space:nowrap;background:var(--dsw-alias-state-success-tertiary);color:var(--dsw-alias-state-success-primary);border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.-ozqdq_btn{border:1px solid var(--dsw-alias-border-l2);height:28px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:14px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;line-height:18px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.-ozqdq_btn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.-ozqdq_btn:active:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}.-ozqdq_btn:disabled{opacity:.45;cursor:default}.-ozqdq_btnPrimary{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);border-color:#0000}.-ozqdq_btnPrimary:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover)}.-ozqdq_btnDanger{color:var(--dsw-alias-label-error)}.-ozqdq_btnDanger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger)}.-ozqdq_sliderRow{align-items:center;gap:10px;display:flex}.-ozqdq_sliderLabel{color:var(--dsw-alias-label-primary);flex:0 0 96px;font-size:13px;line-height:1.5}.-ozqdq_slider{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:18px;margin:0}.-ozqdq_slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--dsw-alias-brand-primary) var(--bg-fill,0%), var(--dsw-alias-border-l3) var(--bg-fill,0%));border-radius:2px;height:4px}.-ozqdq_slider::-moz-range-track{background:var(--dsw-alias-border-l3);border-radius:2px;height:4px}.-ozqdq_slider::-moz-range-progress{background:var(--dsw-alias-brand-primary);border-radius:2px;height:4px}.-ozqdq_slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid var(--dsw-alias-brand-primary);width:14px;height:14px;box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent), 0 1px 3px #00000047;background:#fff;border-radius:50%;margin-top:-5px}.-ozqdq_slider::-moz-range-thumb{border:2px solid var(--dsw-alias-brand-primary);width:14px;height:14px;box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent), 0 1px 3px #00000047;background:#fff;border-radius:50%}.-ozqdq_slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px color-mix(in srgb, var(--dsw-alias-brand-primary) 18%, transparent), 0 1px 4px #0000004d}.-ozqdq_slider:hover::-moz-range-thumb{box-shadow:0 0 0 5px color-mix(in srgb, var(--dsw-alias-brand-primary) 18%, transparent), 0 1px 4px #0000004d}.-ozqdq_slider:active::-webkit-slider-thumb{box-shadow:0 0 0 7px color-mix(in srgb, var(--dsw-alias-brand-primary) 22%, transparent), 0 1px 5px #00000052;transform:scale(1.12)}.-ozqdq_slider:active::-moz-range-thumb{box-shadow:0 0 0 7px color-mix(in srgb, var(--dsw-alias-brand-primary) 22%, transparent), 0 1px 5px #00000052;transform:scale(1.12)}.-ozqdq_slider:focus-visible{outline:none}.-ozqdq_slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.-ozqdq_slider:focus-visible::-moz-range-thumb{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.-ozqdq_sliderValue{text-align:right;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-secondary);flex:0 0 52px;font-size:13px;line-height:1.5}.-ozqdq_segRow{align-items:center;gap:10px;display:flex}.-ozqdq_segLabel{color:var(--dsw-alias-label-primary);flex:0 0 96px;font-size:13px;line-height:1.5}.-ozqdq_segGroup{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:9px;flex:1;gap:2px;min-width:0;padding:2px;display:inline-flex}.-ozqdq_segBtn{height:24px;font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;flex:1;padding:0 16px;font-size:12px;line-height:24px}.-ozqdq_segBtn:hover:not(.-ozqdq_segActive){color:var(--dsw-alias-label-primary)}.-ozqdq_segActive{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-primary);font-weight:500}.-ozqdq_error{color:var(--dsw-alias-label-error);font-size:12px;line-height:1.5}.-ozqdq_clearRow{align-items:center;gap:10px;display:flex}.-ozqdq_switch{background:var(--dsw-alias-border-l3);cursor:pointer;border:none;border-radius:11px;flex:none;width:40px;height:22px;padding:0;transition:background-color .15s;position:relative}.-ozqdq_switch[aria-checked=true]{background:var(--dsw-alias-brand-primary)}.-ozqdq_switch:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.-ozqdq_switchKnob{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000047}.-ozqdq_switch[aria-checked=true] .-ozqdq_switchKnob{transform:translate(18px)}@media (prefers-reduced-motion:reduce){.-ozqdq_btn,.-ozqdq_switch,.-ozqdq_switchKnob{transition:none}}";
 		const tagId = "deepseek-harness-background/SettingsRow.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -809,41 +1087,41 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var SettingsRow_module_css_default = {
-			"sourceRow": "-ozqdq_sourceRow",
-			"previewScrim": "-ozqdq_previewScrim",
-			"segBtn": "-ozqdq_segBtn",
-			"header": "-ozqdq_header",
-			"clearRow": "-ozqdq_clearRow",
-			"switchKnob": "-ozqdq_switchKnob",
 			"switch": "-ozqdq_switch",
-			"segGroup": "-ozqdq_segGroup",
-			"segActive": "-ozqdq_segActive",
+			"preview": "-ozqdq_preview",
+			"sliderLabel": "-ozqdq_sliderLabel",
 			"segRow": "-ozqdq_segRow",
-			"btn": "-ozqdq_btn",
-			"previewEmpty": "-ozqdq_previewEmpty",
-			"previewGlass": "-ozqdq_previewGlass",
-			"row": "-ozqdq_row",
-			"titleRow": "-ozqdq_titleRow",
-			"btnDanger": "-ozqdq_btnDanger",
-			"desc": "-ozqdq_desc",
-			"sliderRow": "-ozqdq_sliderRow",
-			"segLabel": "-ozqdq_segLabel",
-			"title": "-ozqdq_title",
 			"urlRow": "-ozqdq_urlRow",
-			"enabledBadge": "-ozqdq_enabledBadge",
-			"sliderLabel": "-ozqdq_sliderLabel",
+			"previewImg": "-ozqdq_previewImg",
+			"previewGlass": "-ozqdq_previewGlass",
 			"hint": "-ozqdq_hint",
+			"header": "-ozqdq_header",
 			"slider": "-ozqdq_slider",
+			"title": "-ozqdq_title",
+			"segLabel": "-ozqdq_segLabel",
 			"urlInput": "-ozqdq_urlInput",
+			"error": "-ozqdq_error",
+			"enabledBadge": "-ozqdq_enabledBadge",
 			"btnPrimary": "-ozqdq_btnPrimary",
 			"clearBtn": "-ozqdq_clearBtn",
-			"error": "-ozqdq_error",
-			"previewImg": "-ozqdq_previewImg",
 			"sectionLabel": "-ozqdq_sectionLabel",
+			"switchKnob": "-ozqdq_switchKnob",
 			"section": "-ozqdq_section",
-			"preview": "-ozqdq_preview",
 			"sliderValue": "-ozqdq_sliderValue",
-			"previewGlassText": "-ozqdq_previewGlassText"
+			"row": "-ozqdq_row",
+			"previewScrim": "-ozqdq_previewScrim",
+			"desc": "-ozqdq_desc",
+			"segGroup": "-ozqdq_segGroup",
+			"clearRow": "-ozqdq_clearRow",
+			"segActive": "-ozqdq_segActive",
+			"sliderRow": "-ozqdq_sliderRow",
+			"btn": "-ozqdq_btn",
+			"titleRow": "-ozqdq_titleRow",
+			"btnDanger": "-ozqdq_btnDanger",
+			"previewGlassText": "-ozqdq_previewGlassText",
+			"sourceRow": "-ozqdq_sourceRow",
+			"segBtn": "-ozqdq_segBtn",
+			"previewEmpty": "-ozqdq_previewEmpty"
 		};
 		//#endregion
 		//#region src/client/SettingsRow.tsx
@@ -1389,7 +1667,16 @@ window.__ModuleLoader__.load({
 		*   nav 34px-wide rail, fixed right edge, vertically centered; collapsed
 		*   blurred capsule (height − 8px); expanding panel (max 260px, radius 16)
 		*   whose scroll area holds 30px rows (tick indicator + fading-in title);
-		*   32px gradient fade veils top/bottom shown while that side clips.
+		*   32px gradient fade veils top/bottom, expanded-only, shown while that
+		*   side actually clips.
+		*
+		* Deviations from the reference port, all fidelity fixes:
+		*   - The filter bar collapses to zero height while idle instead of staying
+		*     in layout invisibly (it pushed every tick ~33px down).
+		*   - Short stacks center vertically; overflowing stacks are bottom-pinned
+		*     by the component so the newest tick hugs the capsule's bottom edge
+		*     (the official idle strategy — the reference port flowed ticks from
+		*     the top and clipped the newest away).
 		*
 		* Glass integration: the official chat.deepseek.com paints (light
 		* rgba(255,255,255,.8)/.94, dark rgba(21,21,23,.6)/rgba(28,28,32,.95),
@@ -1416,6 +1703,9 @@ window.__ModuleLoader__.load({
 		const TIMELINE_CSS = `
   .dsbt-nav {
     user-select: none; -webkit-user-select: none;
+    /* Filter-bar chrome height shared by the bar itself and the top veil's
+       expanded offset. */
+    --dsbt-bar-h: 33px;
     z-index: 90; align-items: center; width: 34px;
     height: var(--dsbt-h, 300px);
     transition: right .2s ease, opacity .2s ease;
@@ -1481,7 +1771,10 @@ window.__ModuleLoader__.load({
   /* Content fade veils — the official ::before/::after pair rebuilt as
      elements: a bar of the panel's OWN fill color masked to nothing over
      32px (solid -> mask == gradient-to-transparent, but works with the
-     translucent fill). Shown only while that side actually clips. */
+     translucent fill). They belong to the EXPANDED panel only — the idle
+     capsule hard-clips its ticks at the rounded ends like the official
+     strip — and while expanded the top veil starts BELOW the filter bar,
+     not over it. Shown only while that side actually clips. */
   .dsbt-fade {
     z-index: 2; pointer-events: none; opacity: 0;
     background-color: rgba(255, 255, 255, .94);
@@ -1492,15 +1785,25 @@ window.__ModuleLoader__.load({
   }
   body[data-ds-dark-theme] .dsbt-fade { background-color: rgba(28, 28, 32, .95); }
   .dsbt-fade.dsbt-fade-bot { top: auto; bottom: 0; transform: rotate(180deg); }
-  .dsbt-fade.dsbt-fade-on { opacity: 1; }
+  .dsbt-wrap.dsbt-show .dsbt-fade.dsbt-fade-on { opacity: 1; }
+  .dsbt-wrap.dsbt-show .dsbt-fade:not(.dsbt-fade-bot) { top: var(--dsbt-bar-h, 33px); }
 
-  /* Filter bar — "marked only" toggle pinned above the scroll area. */
+  /* Filter bar — "marked only" toggle pinned above the scroll area while
+     expanded. Collapsed, it collapses to ZERO height (not just opacity): a
+     transparent-but-in-layout bar pushed every tick ~33px down, one of the
+     reasons the idle capsule read as off-alignment. */
   .dsbt-filterbar {
+    height: var(--dsbt-bar-h, 33px);
     padding: 8px 12px 4px; display: flex; justify-content: flex-end;
     align-items: center; border-bottom: 1px solid rgba(0, 0, 0, .05);
-    box-sizing: border-box; flex: none; transition: opacity .2s ease;
+    box-sizing: border-box; flex: none; overflow: hidden;
+    transition: opacity .2s ease, height .2s ease, padding .2s ease,
+      border-color .2s ease;
+  }
+  .dsbt-wrap:not(.dsbt-show) .dsbt-filterbar {
+    height: 0; padding-top: 0; padding-bottom: 0; opacity: 0;
+    border-bottom-color: transparent;
   }
-  .dsbt-wrap:not(.dsbt-show) .dsbt-filterbar { opacity: 0; }
   body[data-ds-dark-theme] .dsbt-filterbar { border-bottom-color: rgba(255, 255, 255, .06); }
   .dsbt-filterbtn {
     font-size: 11px; line-height: 16px; padding: 2px 8px; border-radius: 10px;
@@ -1522,13 +1825,19 @@ window.__ModuleLoader__.load({
     background: rgba(251, 191, 36, .18); border-color: #fbbf24; color: #fbbf24;
   }
 
-  /* Scroll area — rows hug the right edge; scrolls only when overfull. */
+  /* Scroll area — rows hug the right edge; scrolls only when overfull. The
+     auto-margin pseudo pair vertically centers the stack when it fits the
+     capsule (short conversations), and resolves to zero free space when it
+     overflows, so bottom-pinned scrolling behaves like a plain column. */
   .dsbt-page {
     padding: 15px 0 15px 24px; box-sizing: border-box;
     overscroll-behavior: contain; flex: 1 1 auto; min-height: 0;
     flex-direction: column; align-items: flex-end; display: flex;
     position: relative; width: 100%; overflow: hidden;
   }
+  .dsbt-page::before, .dsbt-page::after {
+    content: ''; flex: none; margin-block: auto;
+  }
   .dsbt-wrap.dsbt-show .dsbt-page {
     overflow-y: auto; overflow-x: hidden;
     scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, .15) transparent;
@@ -1548,15 +1857,26 @@ window.__ModuleLoader__.load({
 
   /* One message row: 30px, star bookmark + tick indicator at the right,
      title fading in. */
+  /* Row shell: layout + shared ink only — the interactive hit areas are the
+     sibling .dsbt-jump / .dsbt-star buttons below. */
   .dsbt-item {
-    cursor: pointer; height: 30px; min-height: 30px; flex-shrink: 0;
+    height: 30px; min-height: 30px; flex-shrink: 0;
     justify-content: flex-end; align-items: center;
-    width: calc(100% - 4px); margin-right: 4px; line-height: 20px;
-    display: flex; background: none; border: none; font: inherit;
-    text-align: right; box-sizing: border-box; padding: 0;
+    width: calc(100% - 4px); margin-right: 4px;
+    display: flex; box-sizing: border-box;
     color: var(--dsw-alias-label-tertiary, rgba(0, 0, 0, .65));
     transition: color .15s ease;
   }
+
+  /* Jump target: a real button so Enter/Space work natively without nesting
+     an interactive element inside another. */
+  .dsbt-jump {
+    cursor: pointer; background: none; border: none; margin: 0; padding: 0;
+    font: inherit; line-height: 20px; text-align: right; color: inherit;
+    flex: 1 1 auto; min-width: 0; height: 100%;
+    display: flex; align-items: center; justify-content: flex-end;
+  }
+  .dsbt-jump:focus-visible { outline: 1px solid currentColor; outline-offset: -1px; border-radius: 6px; }
   .dsbt-item:hover { color: var(--dsw-alias-label-primary, rgba(0, 0, 0, .95)); }
   body[data-ds-dark-theme] .dsbt-item { color: rgba(255, 255, 255, .65); }
   body[data-ds-dark-theme] .dsbt-item:hover { color: rgba(255, 255, 255, .95); }
@@ -1569,14 +1889,17 @@ window.__ModuleLoader__.load({
   .dsbt-show .dsbt-title { opacity: 1; }
 
   /* Star bookmark — appears on row hover while the panel is expanded; gold
-     when marked. Keyboard-operable (span[role=button]). */
+     when marked. A real sibling button next to the jump target, so marking
+     stays keyboard-operable without nested interactive elements. */
   .dsbt-star {
     font-size: 13px; line-height: 16px; width: 18px; height: 18px;
     display: inline-flex; align-items: center; justify-content: center;
     opacity: 0; cursor: pointer; transition: all .15s ease; margin-right: 6px;
     flex-shrink: 0; color: rgba(0, 0, 0, .25); border-radius: 4px; user-select: none;
     -webkit-user-select: none;
+    background: none; border: none; padding: 0; font-family: inherit;
   }
+  .dsbt-star:focus-visible { outline: 1px solid currentColor; outline-offset: 1px; opacity: .9; }
   .dsbt-wrap.dsbt-show .dsbt-item:hover .dsbt-star { opacity: .75; }
   .dsbt-wrap.dsbt-show .dsbt-star:hover { opacity: 1; transform: scale(1.2); color: #d97706; }
   .dsbt-wrap.dsbt-show .dsbt-star.dsbt-staron { opacity: 1; color: #f59e0b; }
@@ -1629,7 +1952,7 @@ window.__ModuleLoader__.load({
   }
 
   @media (prefers-reduced-motion: reduce) {
-    .dsbt-nav, .dsbt-bg, .dsbt-wrap, .dsbt-fade, .dsbt-title, .dsbt-line, .dsbt-star, .dsbt-filterbtn, .dsbt-filterbar { transition: none; }
+    .dsbt-nav, .dsbt-bg, .dsbt-wrap, .dsbt-fade, .dsbt-title, .dsbt-line, .dsbt-jump, .dsbt-star, .dsbt-filterbtn, .dsbt-filterbar { transition: none; }
   }
 `;
 		//#endregion
@@ -1656,10 +1979,17 @@ window.__ModuleLoader__.load({
 		* - Rewind integration: messages withdrawn by a rewind command node are
 		*   filtered out of the rail.
 		*
-		* Data source (client-side only): loaded chat nodes -> background loadOlder
-		* loop until complete. Clicking a row loads older history on demand, scrolls
-		* the conversation to the target row, and keeps the rail's own active row
-		* visible.
+		* Data source, fastest first: the host-side `bgTimeline` session projection
+		* (src/projection.ts — a complete enumeration of the session's user messages
+		* delivered through the projection baseline/push channel) -> the loaded chat
+		* node window. The conversation's own lazy loading is never driven from here;
+		* clicking a row pages older history on demand, scrolls the conversation to
+		* the target row, and keeps the rail's own active row visible.
+		*
+		* Collapsed idle strategy (official ScrollNav behavior): the tick stack is
+		* pinned to the BOTTOM inner edge — the newest question's tick always sits at
+		* the bottom of the capsule, older ticks clip away at the top. Hovering
+		* expands the SAME box and scrolls the active row into view instead.
 		*
 		* The rail reads the shared settings transport: it renders unless
 		* `timeline: false`. Its glass paints are self-contained official values
@@ -1746,13 +2076,30 @@ window.__ModuleLoader__.load({
 		* @param chat - a chat snapshot (loosely typed on purpose).
 		*/
 		function hiddenSeqsOfChat(chat) {
+			const hidden = rewindHiddenSeqsOfChat(chat);
+			const spans = rewindSpansOfChat(chat);
+			if (spans.length === 0) return hidden;
+			const nodes = chat.nodes;
+			if (nodes === void 0 || typeof nodes.values !== "function") return hidden;
+			for (const node of nodes.values()) {
+				if (node === null || typeof node !== "object") continue;
+				const anchor = typeof node.anchorSeq === "number" ? node.anchorSeq : void 0;
+				if (anchor === void 0) continue;
+				if (spans.some((span) => anchor >= span.start && anchor <= span.end)) hidden.add(anchor);
+			}
+			return hidden;
+		}
+		/**
+		* Seq numbers a rewind hid directly: successful commands hide their own row;
+		* preview commands hide their target.
+		* @param chat - a chat snapshot (loosely typed on purpose).
+		*/
+		function rewindHiddenSeqsOfChat(chat) {
 			const hidden = /* @__PURE__ */ new Set();
 			if (chat === null || typeof chat !== "object") return hidden;
 			const nodes = chat.nodes;
 			if (nodes === void 0 || typeof nodes.values !== "function") return hidden;
-			const all = [...nodes.values()];
-			const spans = [];
-			for (const node of all) {
+			for (const node of nodes.values()) {
 				if (node === null || typeof node !== "object") continue;
 				if (node.kind !== "command") continue;
 				const command = node.data;
@@ -1764,23 +2111,39 @@ window.__ModuleLoader__.load({
 				}
 				const outcome = command.outcome;
 				if (outcome === null || typeof outcome !== "object" || outcome.kind !== "success") continue;
+				if (typeof command.seq === "number") hidden.add(command.seq);
+			}
+			return hidden;
+		}
+		/**
+		* The [target, sourceEventSeq] spans successful rewind commands cut — the
+		* range form of hiding, needed to filter sources that are NOT chat nodes
+		* (the host projection) by plain seq membership.
+		* @param chat - a chat snapshot (loosely typed on purpose).
+		*/
+		function rewindSpansOfChat(chat) {
+			const spans = [];
+			if (chat === null || typeof chat !== "object") return spans;
+			const nodes = chat.nodes;
+			if (nodes === void 0 || typeof nodes.values !== "function") return spans;
+			for (const node of nodes.values()) {
+				if (node === null || typeof node !== "object") continue;
+				if (node.kind !== "command") continue;
+				const command = node.data;
+				if (command === null || typeof command !== "object") continue;
+				if (command.name !== "rewind") continue;
+				if (isRewindPreviewCommand(command)) continue;
+				const outcome = command.outcome;
+				if (outcome === null || typeof outcome !== "object" || outcome.kind !== "success") continue;
 				const marker = outcome.sourceEventSeq;
 				if (typeof marker !== "number") continue;
-				if (typeof command.seq === "number") hidden.add(command.seq);
 				const target = rewindTargetOfOutcome(outcome.text);
 				if (target !== void 0) spans.push({
 					start: target,
 					end: marker
 				});
 			}
-			if (spans.length === 0) return hidden;
-			for (const node of all) {
-				if (node === null || typeof node !== "object") continue;
-				const anchor = typeof node.anchorSeq === "number" ? node.anchorSeq : void 0;
-				if (anchor === void 0) continue;
-				if (spans.some((span) => anchor >= span.start && anchor <= span.end)) hidden.add(anchor);
-			}
-			return hidden;
+			return spans;
 		}
 		/**
 		* Enumerate user messages from the loaded chat-node snapshot (the client-side
@@ -1816,6 +2179,65 @@ window.__ModuleLoader__.load({
 		function resolveAnchorKey(m) {
 			return typeof m.key === "string" && m.key !== "" ? m.key : void 0;
 		}
+		/** The user-message node definition kind in ui-conversation. */
+		const INPUT_MESSAGE_KIND = "input-message";
+		/**
+		* Rebuild a chat row's DOM anchor key from the durable message id — the same
+		* engine formula as conversationContextKey(kind, id) for the input-message
+		* definition (`13:input-message<id>`), so projected entries can jump even
+		* when their chat node is not loaded yet.
+		* @param id - the durable message id carried by the projection entry.
+		*/
+		function inputAnchorKeyOf(id) {
+			return `13:${INPUT_MESSAGE_KIND}${id}`;
+		}
+		/**
+		* Validate one projected wire value into rail entries (defensive: the value
+		* crosses the wire and may be absent, partial, or stale).
+		* @param value - the raw useProjection(TIMELINE_PROJECTION_KEY) snapshot.
+		*/
+		function normalizeProjectedTimeline(value) {
+			if (value === null || typeof value !== "object") return [];
+			const raw = value.messages;
+			if (!Array.isArray(raw)) return [];
+			const seen = /* @__PURE__ */ new Set();
+			const out = [];
+			for (const item of raw) {
+				if (item === null || typeof item !== "object") continue;
+				const rec = item;
+				if (typeof rec.seq !== "number" || !Number.isFinite(rec.seq)) continue;
+				if (seen.has(rec.seq)) continue;
+				seen.add(rec.seq);
+				out.push({
+					seq: rec.seq,
+					time: typeof rec.time === "number" ? rec.time : 0,
+					text: typeof rec.text === "string" ? rec.text.slice(0, 80) : "",
+					...typeof rec.id === "string" && rec.id !== "" ? { key: inputAnchorKeyOf(rec.id) } : {}
+				});
+			}
+			out.sort((a, b) => a.seq - b.seq);
+			return out;
+		}
+		/**
+		* Rail messages with the fastest source first: the host projection covers the
+		* WHOLE session (and already excludes rewind cuts), so it wins whenever it
+		* has anything; otherwise fall back to the loaded chat-node window. The
+		* projection path still applies locally-known rewind hiding so a cut lands
+		* instantly even before the next projection push arrives.
+		* @param snapshot - the session conversation snapshot (node fallback).
+		* @param projected - the raw bgTimeline projection value.
+		*/
+		function railMessages(snapshot, projected) {
+			const projectedMessages = normalizeProjectedTimeline(projected);
+			if (projectedMessages.length > 0) {
+				const chat = snapshot?.chat;
+				const hidden = rewindHiddenSeqsOfChat(chat);
+				const spans = rewindSpansOfChat(chat);
+				if (hidden.size === 0 && spans.length === 0) return projectedMessages;
+				return projectedMessages.filter((m) => !hidden.has(m.seq) && !spans.some((span) => m.seq >= span.start && m.seq <= span.end));
+			}
+			return collectMessages(snapshot);
+		}
 		/**
 		* Outer rail height for a message count: rows + breathing room, clamped so
 		* both states always share the exact same height (never jumps on expand).
@@ -1839,7 +2261,7 @@ window.__ModuleLoader__.load({
 			if (typeof document !== "undefined") {
 				const ctx = document.createElement("canvas").getContext("2d");
 				if (ctx) {
-					ctx.font = "13px -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif";
+					ctx.font = `13px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`;
 					for (const t of texts) {
 						const w = ctx.measureText(t === "" ? "…" : t).width;
 						if (w > widest) widest = w;
@@ -1894,7 +2316,7 @@ window.__ModuleLoader__.load({
 		* conversation input dock purely to bind per-session lifecycle.
 		*/
 		function TimelineRail(props) {
-			const { sessionId, sessionsService, t } = props;
+			const { sessionId, sessionsService, useProjection, t } = props;
 			const settings = react.default.useSyncExternalStore(settingsClient.subscribe, settingsClient.getSnapshot);
 			const timelineUnknown = settings.status === "loading";
 			const timelineDisabled = settings.value?.timeline === false;
@@ -1902,8 +2324,8 @@ window.__ModuleLoader__.load({
 			const subscribeSession = react.default.useCallback((listener) => session === void 0 ? () => {} : session.subscribe(listener), [session]);
 			const snapshotSession = react.default.useCallback(() => session === void 0 ? void 0 : session.getSnapshot(), [session]);
 			const nodeSnapshot = react.default.useSyncExternalStore(subscribeSession, snapshotSession);
-			const messages = react.default.useMemo(() => collectMessages(nodeSnapshot), [nodeSnapshot]);
-			const [loadedAll, setLoadedAll] = react.default.useState(false);
+			const projected = useProjection !== void 0 ? useProjection(TIMELINE_PROJECTION_KEY) : void 0;
+			const messages = react.default.useMemo(() => railMessages(nodeSnapshot, projected), [nodeSnapshot, projected]);
 			const [activeIndex, setActiveIndex] = react.default.useState(-1);
 			const [show, setShow] = react.default.useState(false);
 			const [rightOffset, setRightOffset] = react.default.useState(16);
@@ -1944,40 +2366,8 @@ window.__ModuleLoader__.load({
 				return () => mql.removeEventListener("change", onChange);
 			}, []);
 			react.default.useEffect(() => {
-				if (session === void 0 || isNarrow || sessionId === void 0 || timelineUnknown || timelineDisabled || hidden) return;
-				setLoadedAll(false);
-				let cancelled = false;
-				const run = async () => {
-					let guard = 0;
-					while (!cancelled && guard++ < 120) {
-						const snap = session.getSnapshot();
-						if (snap?.hasMore !== true) break;
-						if (snap.loadingOlder === true) {
-							await delay(50);
-							continue;
-						}
-						await session.loadOlder();
-					}
-					if (!cancelled) setLoadedAll(true);
-				};
-				run().catch(() => {
-					if (!cancelled) setLoadedAll(true);
-				});
-				return () => {
-					cancelled = true;
-				};
-			}, [
-				sessionId,
-				isNarrow,
-				session,
-				timelineUnknown,
-				timelineDisabled,
-				hidden
-			]);
-			react.default.useEffect(() => {
-				if (!loadedAll && messages.length > 0) return;
 				setRailWidth(railWidthFor(messages.map((m) => m.text)));
-			}, [loadedAll, messages]);
+			}, [messages]);
 			react.default.useEffect(() => {
 				if (messages.length === 0) return;
 				const indexByKey = /* @__PURE__ */ new Map();
@@ -1985,17 +2375,21 @@ window.__ModuleLoader__.load({
 					const key = resolveAnchorKey(m);
 					if (key !== void 0) indexByKey.set(key, i);
 				});
+				const sp = document.querySelector("[data-conversation-scroll]");
+				if (sp === null) return;
+				const rows = sp.querySelectorAll("[data-chat-anchor-key]");
+				let settleTimer;
+				let frame = 0;
+				const nearRows = /* @__PURE__ */ new Set();
 				const updateActive = () => {
 					if (jumpPendingRef.current) return;
-					const sp = document.querySelector("[data-conversation-scroll]");
-					if (sp === null) return;
 					const rect = sp.getBoundingClientRect();
 					if (rect.height === 0) return;
+					const candidates = nearRows.size > 0 ? nearRows : rows;
 					const line = rect.top + rect.height * .4;
-					const rows = sp.querySelectorAll("[data-chat-anchor-key]");
 					let best = -1;
 					let bestDist = Infinity;
-					for (const row of rows) {
+					for (const row of candidates) {
 						const key = row.getAttribute("data-chat-anchor-key");
 						if (key === null) continue;
 						const idx = indexByKey.get(key) ?? -1;
@@ -2009,10 +2403,22 @@ window.__ModuleLoader__.load({
 					}
 					setActiveIndex(best);
 				};
-				updateActive();
-				const el = document.querySelector("[data-conversation-scroll]");
-				let timer;
-				let settleTimer;
+				const scheduleMeasure = () => {
+					if (frame !== 0) return;
+					frame = window.requestAnimationFrame(() => {
+						frame = 0;
+						updateActive();
+					});
+				};
+				let io;
+				if (typeof IntersectionObserver === "function") {
+					io = new IntersectionObserver((entries) => {
+						for (const entry of entries) if (entry.isIntersecting) nearRows.add(entry.target);
+						else nearRows.delete(entry.target);
+						scheduleMeasure();
+					}, { root: sp });
+					rows.forEach((row) => io?.observe(row));
+				}
 				const onScroll = () => {
 					if (settleTimer !== void 0) clearTimeout(settleTimer);
 					settleTimer = window.setTimeout(() => {
@@ -2026,22 +2432,20 @@ window.__ModuleLoader__.load({
 							updateActive();
 						}
 					}, 150);
-					if (timer !== void 0) return;
-					timer = window.setTimeout(() => {
-						timer = void 0;
-						updateActive();
-					}, 60);
+					scheduleMeasure();
 				};
-				el?.addEventListener("scroll", onScroll, { passive: true });
-				const interval = window.setInterval(updateActive, 2e3);
+				sp.addEventListener("scroll", onScroll, { passive: true });
+				const interval = window.setInterval(scheduleMeasure, 2e3);
+				scheduleMeasure();
 				return () => {
-					if (timer !== void 0) clearTimeout(timer);
+					io?.disconnect();
+					if (frame !== 0) cancelAnimationFrame(frame);
 					if (settleTimer !== void 0) clearTimeout(settleTimer);
 					if (jumpFallbackRef.current !== void 0) {
 						clearTimeout(jumpFallbackRef.current);
 						jumpFallbackRef.current = void 0;
 					}
-					el?.removeEventListener("scroll", onScroll);
+					sp.removeEventListener("scroll", onScroll);
 					clearInterval(interval);
 				};
 			}, [messages]);
@@ -2065,7 +2469,6 @@ window.__ModuleLoader__.load({
 				syncFades,
 				show,
 				messages.length,
-				loadedAll,
 				marksOnly
 			]);
 			react.default.useLayoutEffect(() => {
@@ -2082,6 +2485,18 @@ window.__ModuleLoader__.load({
 				show,
 				syncFades
 			]);
+			const height = railHeightFor(messages.length);
+			react.default.useLayoutEffect(() => {
+				if (show) return;
+				const page = pageRef.current;
+				if (page === null) return;
+				page.scrollTop = page.scrollHeight;
+			}, [
+				show,
+				messages.length,
+				marksOnly,
+				height
+			]);
 			react.default.useEffect(() => {
 				let raf = 0;
 				const measure = () => {
@@ -2109,8 +2524,7 @@ window.__ModuleLoader__.load({
 					clearInterval(guard);
 				};
 			}, []);
-			if (timelineUnknown || timelineDisabled || sessionId === void 0 || sessionsService === void 0 || isNarrow || hidden || messages.length < 2) return null;
-			const height = railHeightFor(messages.length);
+			if (timelineUnknown || timelineDisabled || sessionId === void 0 || sessionsService === void 0 || isNarrow || hidden || messages.length === 0) return null;
 			const activeKey = activeIndex >= 0 && activeIndex < messages.length ? markKeyOf(messages[activeIndex]) : "";
 			const displayMessages = marksOnly ? messages.filter((m) => markedSet.has(markKeyOf(m))) : messages;
 			return react_dom.default.createPortal(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2157,51 +2571,37 @@ window.__ModuleLoader__.load({
 								const mk = markKeyOf(m);
 								const marked = markedSet.has(mk);
 								const isActive = activeKey !== "" && mk === activeKey;
-								const cls = `dsbt-item${isActive ? " dsbt-active" : ""}${marked ? " dsbt-marked" : ""}`;
-								const label = `${marked ? "★ " : ""}${t("timeline.roleUser")}: ${m.text.slice(0, 60) || t("timeline.noText")}`;
-								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-									type: "button",
-									ref: isActive ? activeItemRef : void 0,
-									className: cls,
-									title: `${marked ? "★ " : ""}${m.text === "" ? t("timeline.noText") : m.text}`,
-									"aria-label": label,
-									"aria-current": isActive ? "location" : void 0,
-									onClick: () => {
-										if (key === void 0) return;
-										jumpPendingRef.current = true;
-										if (jumpFallbackRef.current !== void 0) clearTimeout(jumpFallbackRef.current);
-										jumpFallbackRef.current = window.setTimeout(() => {
-											jumpFallbackRef.current = void 0;
-											jumpPendingRef.current = false;
-										}, 800);
-										jumpToMessage(sessionsService, sessionId, key).catch(() => {});
-									},
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: `dsbt-item${isActive ? " dsbt-active" : ""}${marked ? " dsbt-marked" : ""}`,
 									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "dsbt-title",
-											children: m.text === "" ? t("timeline.noText") : m.text
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dsbt-jump",
+											ref: isActive ? activeItemRef : void 0,
+											title: `${marked ? "★ " : ""}${m.text === "" ? t("timeline.noText") : m.text}`,
+											"aria-label": `${marked ? "★ " : ""}${t("timeline.roleUser")}: ${m.text.slice(0, 60) || t("timeline.noText")}`,
+											"aria-current": isActive ? "location" : void 0,
+											onClick: () => {
+												if (key === void 0) return;
+												jumpPendingRef.current = true;
+												if (jumpFallbackRef.current !== void 0) clearTimeout(jumpFallbackRef.current);
+												jumpFallbackRef.current = window.setTimeout(() => {
+													jumpFallbackRef.current = void 0;
+													jumpPendingRef.current = false;
+												}, 800);
+												jumpToMessage(sessionsService, sessionId, key).catch(() => {});
+											},
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dsbt-title",
+												children: m.text === "" ? t("timeline.noText") : m.text
+											})
 										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
 											className: marked ? "dsbt-star dsbt-staron" : "dsbt-star",
-											role: "button",
-											tabIndex: 0,
 											"aria-pressed": marked,
 											"aria-label": marked ? t("timeline.unmark") : t("timeline.mark"),
-											onMouseDown: (e) => {
-												e.stopPropagation();
-												e.preventDefault();
-											},
-											onClick: (e) => {
-												e.stopPropagation();
-												toggleMark(m);
-											},
-											onKeyDown: (e) => {
-												if (e.key === "Enter" || e.key === " ") {
-													e.preventDefault();
-													e.stopPropagation();
-													toggleMark(m);
-												}
-											},
+											onClick: () => toggleMark(m),
 											children: "★"
 										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -2236,6 +2636,7 @@ window.__ModuleLoader__.load({
 		* @param ctx - client cordis context (slots/locale/sessions injected).
 		*/
 		function apply(ctx) {
+			const glassBridge = installGlassBridge();
 			const paint = () => {
 				const snapshot = settingsClient.getSnapshot();
 				const value = snapshot.status === "ready" ? snapshot.value : void 0;
@@ -2266,6 +2667,7 @@ window.__ModuleLoader__.load({
 			}, TimelineRail));
 			ctx.effect(() => () => {
 				unsubscribe();
+				glassBridge.dispose();
 				backgroundPainter.dispose();
 			}, "deepseek-harness-background: background surface");
 		}