dsh-background-by-model 0.4.2 → 0.4.4

package/lib/client.js

@@ -1123,2237 +1123,6 @@ window.__ModuleLoader__.load({
 				Math.round((b + m) * 255)
 			];
 		}
-		//#endregion
-		//#region src/client/wallpaper.ts
-		let wpEl = null;
-		let appliedTokenNames = [];
-		let tokenStyleEl = null;
-		function ensureTokenStyle() {
-			if (tokenStyleEl?.isConnected) return tokenStyleEl;
-			tokenStyleEl = document.createElement("style");
-			tokenStyleEl.dataset.plugin = "dsh-background-by-model-tokens";
-			document.head.appendChild(tokenStyleEl);
-			return tokenStyleEl;
-		}
-		function clearCustomTokens() {
-			if (tokenStyleEl) tokenStyleEl.textContent = "";
-			for (const name of appliedTokenNames) document.body.style.removeProperty(name);
-			appliedTokenNames = [];
-		}
-		const OPACITY_TOKEN_GROUPS = [
-			{
-				part: "bg",
-				names: ["--dsw-alias-bg-base"]
-			},
-			{
-				part: "sidebar",
-				names: ["--dsw-specific-sidebar-fill"]
-			},
-			{
-				part: "card",
-				names: [
-					"--dsw-alias-bg-layer-1",
-					"--dsw-alias-bg-layer-2",
-					"--dsw-alias-bg-layer-3",
-					"--dsw-specific-menu",
-					"--dsw-menu-surface-fill"
-				]
-			},
-			{
-				part: "input",
-				names: ["--dsw-specific-input-major"]
-			}
-		];
-		const OPACITY_VARS = {
-			"--dsw-alias-bg-base": "--dsh-any-op-bg",
-			"--dsw-specific-sidebar-fill": "--dsh-any-op-sidebar",
-			"--dsw-alias-bg-layer-1": "--dsh-any-op-card-1",
-			"--dsw-alias-bg-layer-2": "--dsh-any-op-card-2",
-			"--dsw-alias-bg-layer-3": "--dsh-any-op-card-3",
-			"--dsw-specific-input-major": "--dsh-any-op-input",
-			"--dsw-specific-menu": "--dsh-any-op-menu",
-			"--dsw-menu-surface-fill": "--dsh-any-op-menu"
-		};
-		let baseTokenKey = "";
-		let pendingOps = null;
-		let tokensRaf = null;
-		function applyCustomTokens(ops) {
-			pendingOps = ops;
-			if (tokensRaf !== null) return;
-			tokensRaf = requestAnimationFrame(() => {
-				tokensRaf = null;
-				if (pendingOps === null) return;
-				const o = pendingOps;
-				pendingOps = null;
-				applyCustomTokensNow(o);
-			});
-		}
-		let lastBgKey = "";
-		function applyCustomTokensNow(ops) {
-			const [h, s, l] = rColor();
-			const { tokens } = genTokens(h, s, l);
-			try {
-				const forceDark = l < .55;
-				if (`${h}|${s}|${l}` !== baseTokenKey) {
-					baseTokenKey = `${h}|${s}|${l}`;
-					if (forceDark) document.body.setAttribute("data-ds-dark-theme", "dsh-background-by-model");
-					else document.body.removeAttribute("data-ds-dark-theme");
-					const decls = [`color-scheme:${forceDark ? "dark" : "light"}`];
-					for (const [name, value] of Object.entries(tokens)) {
-						const opVar = OPACITY_VARS[name];
-						decls.push(`${name}:${opVar !== void 0 ? `var(${opVar})` : value}!important`);
-					}
-					ensureTokenStyle().textContent = `body{${decls.join(";")}}`;
-					for (const name of appliedTokenNames) document.body.style.removeProperty(name);
-					appliedTokenNames = Object.keys(tokens);
-				}
-				const root = document.documentElement;
-				for (const g of OPACITY_TOKEN_GROUPS) for (const name of g.names) root.style.setProperty(OPACITY_VARS[name], toRgba(tokens[name] ?? "#000", ops[g.part]));
-				root.style.setProperty("--dsh-any-op-menu-cordis", toRgba(tokens["--dsw-specific-menu"] ?? "#000", ops.input));
-				const bgKey = `${baseTokenKey}|${ops.bg}`;
-				if (bgKey !== lastBgKey) {
-					lastBgKey = bgKey;
-					applyPartOpacities(ops);
-				}
-			} catch {}
-		}
-		const SETTINGS_PANEL_SEL = "[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby]";
-		const SETTINGS_STYLE_RULE = `${SETTINGS_PANEL_SEL}{background:var(--dsh-any-bg-settings-surface,var(--dsw-alias-bg-layer-2));backdrop-filter:var(--dsh-any-blur-settings,none);--dsw-alias-bg-layer-1:var(--dsh-any-bg-settings-layer-1);--dsw-alias-bg-layer-2:var(--dsh-any-bg-settings-layer-2);--dsw-alias-bg-layer-3:var(--dsh-any-bg-settings-layer-3)}${SETTINGS_PANEL_SEL} .dab-card{backdrop-filter:var(--dsh-any-blur-card-panels,none);-webkit-backdrop-filter:var(--dsh-any-blur-card-panels,none)}`;
-		const INPUT_BLUR_RULE = "[data-composer-card],[data-cordis-panel]{-webkit-backdrop-filter:var(--dsh-any-input-blur,none);backdrop-filter:var(--dsh-any-input-blur,none)}[data-cordis-panel]{--dsw-specific-menu:var(--dsh-any-op-menu-cordis)!important}";
-		function applyInputBlur(px) {
-			if (px > 0) document.documentElement.style.setProperty("--dsh-any-input-blur", `blur(${px}px)`);
-			else document.documentElement.style.removeProperty("--dsh-any-input-blur");
-		}
-		function applySettingsOverrides(op) {
-			const [h, s, l] = rColor();
-			const tokens = genTokens(h, s, l).tokens;
-			const layer1 = tokens["--dsw-alias-bg-layer-1"];
-			const layer2 = tokens["--dsw-alias-bg-layer-2"];
-			const layer3 = tokens["--dsw-alias-bg-layer-3"];
-			if (layer2 !== void 0) document.documentElement.style.setProperty("--dsh-any-bg-settings-surface", toRgba(layer2, op));
-			if (layer1 !== void 0) document.documentElement.style.setProperty("--dsh-any-bg-settings-layer-1", toRgba(layer1, op));
-			if (layer2 !== void 0) document.documentElement.style.setProperty("--dsh-any-bg-settings-layer-2", toRgba(layer2, op));
-			if (layer3 !== void 0) document.documentElement.style.setProperty("--dsh-any-bg-settings-layer-3", toRgba(layer3, op));
-		}
-		const TRAJECTORY_STYLE_RULE = "[data-conversation-composer-overlay]{--dsw-alias-bg-layer-1:var(--dsh-any-traj-layer-1);--dsw-alias-bg-layer-2:var(--dsh-any-traj-layer-2);--dsw-alias-bg-layer-3:var(--dsh-any-traj-layer-3)}";
-		function applyTrajectoryOverrides(op) {
-			const [h, s, l] = rColor();
-			const tokens = genTokens(h, s, l).tokens;
-			const layer1 = tokens["--dsw-alias-bg-layer-1"];
-			const layer2 = tokens["--dsw-alias-bg-layer-2"];
-			const layer3 = tokens["--dsw-alias-bg-layer-3"];
-			if (layer1 !== void 0) document.documentElement.style.setProperty("--dsh-any-traj-layer-1", toRgba(layer1, op));
-			if (layer2 !== void 0) document.documentElement.style.setProperty("--dsh-any-traj-layer-2", toRgba(layer2, op));
-			if (layer3 !== void 0) document.documentElement.style.setProperty("--dsh-any-traj-layer-3", toRgba(layer3, op));
-		}
-		const RIGHTBAR_STYLE_RULE = "div[data-sidebar-right-panel]:not(:has([data-dockkit-content],[data-dockkit-empty]))[data-sidebar-right-open],div[data-sidebar-right-panel] [data-dockkit-content]:not([data-dockkit-float]),div[data-sidebar-right-panel] [data-dockkit-empty]{background:var(--dsh-any-bg-rightbar,var(--dsw-alias-bg-base))!important}div[data-sidebar-right-panel][data-sidebar-right-open]{-webkit-backdrop-filter:var(--dsh-any-blur-rightbar,none);backdrop-filter:var(--dsh-any-blur-rightbar,none)}";
-		/** Paint the file-preview panel's surface from its own slider. */
-		function applyRightbarOverrides(op) {
-			const root = document.documentElement;
-			if (!rHasColor()) {
-				root.style.removeProperty("--dsh-any-bg-rightbar");
-				return;
-			}
-			const [h, s, l] = rColor();
-			const base = genTokens(h, s, l).tokens["--dsw-alias-bg-base"];
-			if (base !== void 0) root.style.setProperty("--dsh-any-bg-rightbar", toRgba(base, op));
-		}
-		/** Extra backdrop frost for the file-preview panel (0 = no frost of its own). */
-		function applyRightbarBlur(px) {
-			if (px > 0) document.documentElement.style.setProperty("--dsh-any-blur-rightbar", `blur(${px}px)`);
-			else document.documentElement.style.removeProperty("--dsh-any-blur-rightbar");
-		}
-		let frameEl = null;
-		let sidebarEl = null;
-		let centerEl = null;
-		let detailsEl = null;
-		const PART_BLUR_CLASS = "dab-part-blur";
-		const PART_UNDERLAY_CLASS = "dab-part-underlay";
-		const PART_BLUR_RULE = `${PART_BLUR_CLASS}{isolation:isolate}.${PART_UNDERLAY_CLASS}{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;backdrop-filter:var(--dsh-any-part-blur,none);-webkit-backdrop-filter:var(--dsh-any-part-blur,none)}`;
-		let partBlurStyleEl = null;
-		function ensurePartBlurStyle() {
-			if (partBlurStyleEl?.isConnected) return;
-			partBlurStyleEl = document.createElement("style");
-			partBlurStyleEl.dataset.plugin = "dsh-background-by-model-parts";
-			partBlurStyleEl.textContent = PART_BLUR_RULE;
-			document.head.appendChild(partBlurStyleEl);
-		}
-		function discoverParts() {
-			const overlay = document.querySelector("[data-shell-overlay]");
-			if (overlay === null) return;
-			const frame = overlay.parentElement;
-			if (frame === null) return;
-			frameEl = frame;
-			const idx = Array.from(frame.children).indexOf(overlay);
-			sidebarEl = frame.children[idx - 3] ?? null;
-			centerEl = frame.children[idx - 2] ?? null;
-			detailsEl = frame.children[idx - 1] ?? null;
-		}
-		function setBlur(el, px) {
-			if (el === null) return;
-			const underlay = el.querySelector(`:scope > .${PART_UNDERLAY_CLASS}`);
-			if (px > 0) {
-				ensurePartBlurStyle();
-				if (!el.classList.contains(PART_BLUR_CLASS) && getComputedStyle(el).position === "static") {
-					el.style.position = "relative";
-					el.setAttribute("data-dab-pos-patched", "1");
-				}
-				el.classList.add(PART_BLUR_CLASS);
-				if (underlay === null) {
-					const node = document.createElement("div");
-					node.className = PART_UNDERLAY_CLASS;
-					el.prepend(node);
-				}
-				el.style.setProperty("--dsh-any-part-blur", `blur(${px}px)`);
-			} else {
-				el.classList.remove(PART_BLUR_CLASS);
-				el.style.removeProperty("--dsh-any-part-blur");
-				underlay?.remove();
-				if (el.getAttribute("data-dab-pos-patched") === "1") {
-					el.style.removeProperty("position");
-					el.removeAttribute("data-dab-pos-patched");
-				}
-			}
-		}
-		function applySettingsBlur(px) {
-			if (px > 0) document.documentElement.style.setProperty("--dsh-any-blur-settings", `blur(${px}px)`);
-			else document.documentElement.style.removeProperty("--dsh-any-blur-settings");
-		}
-		/** Apply the main-background opacity to the center/details columns instead of
-		*  the frame. The frame's translucent bg-base sits UNDER the sidebar, so
-		*  reducing the main-bg opacity stacked a second alpha onto the sidebar; moving
-		*  the alpha onto the columns keeps the sidebar owned by its own slider. */
-		function applyPartOpacities(ops) {
-			if (!rHasColor()) return;
-			discoverParts();
-			if (frameEl === null) return;
-			const [h, s, l] = rColor();
-			const base = genTokens(h, s, l).tokens["--dsw-alias-bg-base"];
-			frameEl.style.background = "transparent";
-			if (centerEl !== null) centerEl.style.background = base !== void 0 ? toRgba(base, ops.bg) : "transparent";
-			if (detailsEl !== null) detailsEl.style.background = base !== void 0 ? toRgba(base, ops.bg) : "transparent";
-		}
-		/** Blur of the option panels inside the settings dialog (.dab-card), owned by
-		*  the "dialog option panel" (card) blur slider. Written as a plugin-owned
-		*  variable consumed by SETTINGS_STYLE_RULE — deliberately NOT applied to the
-		*  homepage center/details columns, which this slider must never touch. */
-		function applyCardPanelsBlur(px) {
-			if (px > 0) document.documentElement.style.setProperty("--dsh-any-blur-card-panels", `blur(${px}px)`);
-			else document.documentElement.style.removeProperty("--dsh-any-blur-card-panels");
-		}
-		/** Apply per-part interface blur to the AppFrame columns + settings panel. */
-		function applyPartBlurs(blurs) {
-			discoverParts();
-			setBlur(frameEl, 0);
-			setBlur(sidebarEl, blurs.sidebar);
-			setBlur(centerEl, blurs.bg);
-			setBlur(detailsEl, blurs.bg);
-			applyCardPanelsBlur(blurs.card);
-			applySettingsBlur(blurs.settings);
-			applyInputBlur(blurs.input);
-			applyRightbarBlur(blurs.rightbar);
-			applyViewCards();
-		}
-		/** Live per-part blur update during slider drag (no full re-apply). */
-		function setPartBlur(part, v) {
-			if (part === "settings") {
-				applySettingsBlur(v);
-				return;
-			}
-			if (part === "card") {
-				applyCardPanelsBlur(v);
-				return;
-			}
-			if (part === "input") {
-				applyInputBlur(v);
-				return;
-			}
-			if (part === "rightbar") {
-				applyRightbarBlur(v);
-				return;
-			}
-			if (part === "chat" || part === "trajectory") {
-				applyViewCards();
-				return;
-			}
-			discoverParts();
-			if (part === "bg") {
-				setBlur(centerEl, v);
-				setBlur(detailsEl, v);
-			} else setBlur(sidebarEl, v);
-		}
-		const VIEW_CARDS = [{
-			sel: "[data-chat-flow]",
-			mark: "data-dab-chat-card",
-			prev: "dabChatPrev",
-			opacity: rChatTextOpacity,
-			blur: () => rBlurs().chat,
-			fallback: true
-		}, {
-			sel: "[data-conversation-composer-overlay]",
-			mark: "data-dab-traj-card",
-			prev: "dabTrajPrev",
-			opacity: rTrajectoryOpacity,
-			blur: () => rBlurs().trajectory,
-			plain: true
-		}];
-		const viewTargets = VIEW_CARDS.map(() => null);
-		function isScrollableY(el) {
-			const oy = getComputedStyle(el).overflowY;
-			return oy === "auto" || oy === "scroll" || oy === "overlay";
-		}
-		/** Whether the subtree hosts the chat input (textarea / contenteditable /
-		*  textbox role) — used to keep the card off the input row. */
-		function containsChatEditor(el) {
-			return el.querySelector("textarea,[contenteditable=\"true\"],[contenteditable=\"\"],[contenteditable=\"plaintext-only\"],[role=\"textbox\"]") !== null;
-		}
-		/** Walk down from a coarse candidate toward the actual message column. */
-		function refineMessageColumn(start) {
-			let cur = start;
-			for (let depth = 0; depth < 10; depth++) {
-				if (isScrollableY(cur)) break;
-				const kids = Array.from(cur.children).filter((k) => k instanceof HTMLElement);
-				if (kids.length === 0) break;
-				const tallest = kids.reduce((a, b) => b.clientHeight > a.clientHeight ? b : a);
-				if (containsChatEditor(cur)) {
-					const candidates = kids.filter((k) => !containsChatEditor(k) && k.clientHeight >= cur.clientHeight * .4);
-					if (candidates.length === 0) break;
-					cur = candidates.reduce((a, b) => b.clientHeight > a.clientHeight ? b : a);
-					continue;
-				}
-				if (kids.length > 1 && tallest.clientHeight >= cur.clientHeight * .85) {
-					cur = tallest;
-					continue;
-				}
-				break;
-			}
-			return cur;
-		}
-		function discoverViewTarget(idx, spec) {
-			if (centerEl === null || !document.body.contains(centerEl)) {
-				viewTargets[idx] = null;
-				return null;
-			}
-			const marked = centerEl.querySelector(spec.sel);
-			const cached = viewTargets[idx];
-			if (marked !== null) {
-				if (cached !== null && cached !== marked) {
-					setBlur(cached, 0);
-					restoreCardHost(cached, spec.mark, spec.prev, spec.plain === true);
-				}
-				viewTargets[idx] = marked;
-				return marked;
-			}
-			if (cached !== null && centerEl.contains(cached)) return cached;
-			viewTargets[idx] = null;
-			if (spec.fallback !== true) return null;
-			if (centerEl.querySelector("[data-conversation-scroll]") !== null) return null;
-			if (spec.opacity() <= 0 && spec.blur() <= 0) return null;
-			let best = null;
-			let bestArea = 0;
-			for (const el of Array.from(centerEl.querySelectorAll("*"))) {
-				if (!isScrollableY(el)) continue;
-				if (el.clientHeight < centerEl.clientHeight * .35) continue;
-				const area = el.clientWidth * el.clientHeight;
-				if (area > bestArea) {
-					bestArea = area;
-					best = el;
-				}
-			}
-			if (best === null) for (const el of Array.from(centerEl.children)) {
-				if (!(el instanceof HTMLElement)) continue;
-				if (el.clientHeight < centerEl.clientHeight * .5) continue;
-				if (el.clientHeight > (best?.clientHeight ?? 0)) best = el;
-			}
-			const refined = best !== null ? refineMessageColumn(best) : null;
-			viewTargets[idx] = refined;
-			return refined;
-		}
-		/** Stash the host's own inline values so teardown restores them exactly. */
-		function stashCardPrev(el, prev, plain) {
-			const ds = el.dataset;
-			ds[prev + "Bg"] = el.style.getPropertyValue("background");
-			if (plain) return;
-			ds[prev + "Border"] = el.style.getPropertyValue("border");
-			ds[prev + "Radius"] = el.style.getPropertyValue("border-radius");
-			ds[prev + "Padding"] = el.style.getPropertyValue("padding");
-		}
-		/** Undo the inline styling, restoring the host's previous inline values. */
-		function restoreCardHost(el, mark, prev, plain) {
-			if (!el.hasAttribute(mark)) return;
-			const ds = el.dataset;
-			const restore = (prop, v) => {
-				if (v !== void 0 && v !== "") el.style.setProperty(prop, v);
-				else el.style.removeProperty(prop);
-			};
-			restore("background", ds[prev + "Bg"]);
-			if (!plain) {
-				restore("border", ds[prev + "Border"]);
-				restore("border-radius", ds[prev + "Radius"]);
-				restore("padding", ds[prev + "Padding"]);
-				delete ds[prev + "Border"];
-				delete ds[prev + "Radius"];
-				delete ds[prev + "Padding"];
-			}
-			delete ds[prev + "Bg"];
-			el.removeAttribute(mark);
-		}
-		/** Teardown only: strip every view treatment and hand the hosts back untouched. */
-		function removeViewCards() {
-			VIEW_CARDS.forEach((spec, i) => {
-				const el = viewTargets[i];
-				if (el !== null) {
-					setBlur(el, 0);
-					restoreCardHost(el, spec.mark, spec.prev, spec.plain === true);
-				}
-				viewTargets[i] = null;
-			});
-		}
-		const TABLE_FIX_RULE = [
-			".md-table-wide {",
-			"  --dsh-table-spare: 0px !important;",
-			"  --dsh-table-lead: 0px !important;",
-			"  box-sizing: border-box !important;",
-			"  width: 100% !important;",
-			"  max-width: 100% !important;",
-			"  margin-left: 0 !important;",
-			"  padding-left: 0 !important;",
-			"  padding-bottom: 0 !important;",
-			"  overflow-x: auto !important;",
-			"}"
-		].join("\n");
-		let tableFixStyleEl = null;
-		/** Toggle the wide-table clamp according to the chat region's opacity & blur. */
-		function syncTableFix() {
-			if (!(rChatTextOpacity() > 0 || rBlurs().chat > 0)) {
-				if (tableFixStyleEl !== null) {
-					tableFixStyleEl.remove();
-					tableFixStyleEl = null;
-				}
-				return;
-			}
-			if (tableFixStyleEl === null) {
-				tableFixStyleEl = document.createElement("style");
-				tableFixStyleEl.dataset.plugin = "dsh-background-by-model-table-fix";
-				tableFixStyleEl.textContent = TABLE_FIX_RULE;
-			}
-			if (!tableFixStyleEl.isConnected) document.head.appendChild(tableFixStyleEl);
-		}
-		/** Re-derive the conversation view cards from the current config. */
-		function applyViewCards() {
-			discoverParts();
-			if (centerEl === null) return;
-			const [h, s, l] = rColor();
-			const surface = genTokens(h, s, l).tokens["--dsw-alias-bg-layer-1"];
-			VIEW_CARDS.forEach((spec, i) => {
-				const target = discoverViewTarget(i, spec);
-				if (target === null) return;
-				const plain = spec.plain === true;
-				const opacity = spec.opacity();
-				const blurPx = spec.blur();
-				if (!plain) {
-					if (!target.hasAttribute(spec.mark)) stashCardPrev(target, spec.prev, false);
-					const borderAlpha = opacity > 0 ? Math.min(1, opacity * 1.5) : blurPx > 0 ? .35 : 0;
-					target.style.background = surface !== void 0 ? toRgba(surface, opacity) : "transparent";
-					target.style.border = surface !== void 0 ? `1px solid ${toRgba(surface, borderAlpha)}` : "1px solid transparent";
-					target.style.borderRadius = "16px";
-					target.style.padding = "18px";
-				}
-				target.setAttribute(spec.mark, "1");
-				setBlur(target, blurPx);
-			});
-			syncTableFix();
-		}
-		let partsObserver = null;
-		/** Watch for the AppFrame mounting so persisted blurs land even when the shell
-		*  renders after this plugin's apply. */
-		function watchParts() {
-			if (partsObserver !== null || typeof MutationObserver === "undefined") return;
-			partsObserver = new MutationObserver(() => {
-				if (frameEl !== null && sidebarEl !== null && centerEl !== null && detailsEl !== null && document.body.contains(frameEl) && viewTargets.every((el) => el !== null && document.body.contains(el))) return;
-				applyPartBlurs(rBlurs());
-				applyPartOpacities(rOps());
-			});
-			partsObserver.observe(document.body, {
-				childList: true,
-				subtree: true
-			});
-		}
-		function stopWatchingParts() {
-			partsObserver?.disconnect();
-			partsObserver = null;
-		}
-		let themeObserver = null;
-		let themeRaf = 0;
-		function reassertScheme() {
-			const [, , l] = rColor();
-			if (l < .55) document.body.setAttribute("data-ds-dark-theme", "dsh-background-by-model");
-			else document.body.removeAttribute("data-ds-dark-theme");
-			applyCustomTokens(rOps());
-		}
-		/** Re-assert the plugin's forced scheme whenever the host strips it, so a
-		*  refresh / cold-load / set-change never flashes a light frame. */
-		function watchThemeResets() {
-			if (themeObserver !== null || typeof MutationObserver === "undefined") return () => void 0;
-			themeObserver = new MutationObserver(() => {
-				if (document.body.getAttribute("data-ds-dark-theme") === "dsh-background-by-model") return;
-				if (!rHasColor()) return;
-				if (themeRaf !== 0) return;
-				themeRaf = requestAnimationFrame(() => {
-					themeRaf = 0;
-					if (document.body.getAttribute("data-ds-dark-theme") === "dsh-background-by-model") return;
-					reassertScheme();
-				});
-			});
-			themeObserver.observe(document.body, {
-				attributes: true,
-				attributeFilter: ["data-ds-dark-theme"]
-			});
-			themeObserver.observe(document.documentElement, {
-				attributes: true,
-				attributeFilter: ["data-ds-dark-theme"]
-			});
-			return () => {
-				themeObserver?.disconnect();
-				themeObserver = null;
-			};
-		}
-		const FADE_MS = 320;
-		let layers = null;
-		/** Index of the layer the user is looking at. */
-		let front = 0;
-		/** Index of the layer fading in right now, if any. */
-		let pending = null;
-		let fadeTimer = null;
-		function createLayer() {
-			const el = document.createElement("div");
-			el.dataset.dabWpLayer = "";
-			el.style.cssText = "position:absolute;inset:0;opacity:0;background-repeat:no-repeat;background-position:center;";
-			return {
-				el,
-				url: null
-			};
-		}
-		function ensureWpContainer() {
-			if (wpEl !== null && layers !== null && document.body.contains(wpEl)) return;
-			if (fadeTimer !== null) {
-				window.clearTimeout(fadeTimer);
-				fadeTimer = null;
-			}
-			const a = createLayer();
-			const b = createLayer();
-			wpEl = document.createElement("div");
-			wpEl.dataset.dabWp = "";
-			wpEl.style.cssText = "position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;";
-			wpEl.append(a.el, b.el);
-			layers = [a, b];
-			front = 0;
-			pending = null;
-			document.body.prepend(wpEl);
-		}
-		/** Drop the whole wallpaper layer (no rule carries an image). */
-		function dropWpContainer() {
-			if (fadeTimer !== null) {
-				window.clearTimeout(fadeTimer);
-				fadeTimer = null;
-			}
-			pending = null;
-			front = 0;
-			layers = null;
-			wpEl?.remove();
-			wpEl = null;
-		}
-		/** Release one layer's image — the layer is fully covered when this is called. */
-		function clearLayer(l) {
-			if (l.url === null) return;
-			l.url = null;
-			l.el.style.backgroundImage = "";
-			l.el.style.backgroundSize = "";
-			l.el.style.backgroundPosition = "";
-		}
-		/** Intrinsic-size cache for the center mode (native pixels of the current image). */
-		let imgNat = null;
-		function imageNatSize(url, cb) {
-			if (imgNat !== null && imgNat.url === url) {
-				cb(imgNat.w, imgNat.h);
-				return;
-			}
-			const img = new Image();
-			img.onload = () => {
-				imgNat = {
-					url,
-					w: img.naturalWidth,
-					h: img.naturalHeight
-				};
-				cb(img.naturalWidth, img.naturalHeight);
-			};
-			img.onerror = () => cb(0, 0);
-			img.src = url;
-		}
-		/** Paint one layer's image and its placement. The placement always follows the
-		*  ACTIVE rule: the incoming layer is painted right after a switch, and a
-		*  repaint of the same URL (framing edit, viewport resize) must use the rule's
-		*  current framing. */
-		function paintLayer(l, url) {
-			const el = l.el;
-			l.url = url;
-			const bg = rBgState();
-			const mode = rBgMode();
-			const next = `url("${url}")`;
-			if (el.style.backgroundImage !== next) el.style.backgroundImage = next;
-			if (mode === "fit") {
-				el.style.backgroundRepeat = "no-repeat";
-				if (bg.iw > 0) {
-					const fit = Math.min(window.innerWidth / bg.iw, window.innerHeight / bg.ih);
-					const w = bg.iw * fit * bg.zoom;
-					const h = bg.ih * fit * bg.zoom;
-					el.style.backgroundSize = `${w}px ${h}px`;
-					el.style.backgroundPosition = `${bg.x * window.innerWidth - w / 2}px ${bg.y * window.innerHeight - h / 2}px`;
-				} else {
-					el.style.backgroundSize = "contain";
-					el.style.backgroundPosition = "center";
-				}
-			} else if (mode === "fill") {
-				el.style.backgroundRepeat = "no-repeat";
-				el.style.backgroundSize = "cover";
-				el.style.backgroundPosition = "center";
-			} else if (mode === "stretch") {
-				el.style.backgroundRepeat = "no-repeat";
-				el.style.backgroundSize = "100% 100%";
-				el.style.backgroundPosition = "center";
-			} else if (mode === "tile") {
-				el.style.backgroundRepeat = "repeat";
-				el.style.backgroundSize = "auto";
-				el.style.backgroundPosition = "0px 0px";
-			} else {
-				el.style.backgroundRepeat = "no-repeat";
-				el.style.backgroundSize = "contain";
-				el.style.backgroundPosition = "center";
-				imageNatSize(url, (w, h) => {
-					if (l.url !== url || el.style.backgroundImage !== next || rBgMode() !== "center") return;
-					if (w > 0 && h > 0) {
-						el.style.backgroundSize = `${w}px ${h}px`;
-						el.style.backgroundPosition = "center";
-					}
-				});
-			}
-		}
-		/** Whether a switch should animate: nothing to fade from, an invisible
-		*  wallpaper and a reduced-motion preference all switch instantly. */
-		function canFade(from) {
-			if (from.url === null) return false;
-			if (rWop() <= .01) return false;
-			const mm = typeof window.matchMedia === "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null;
-			return mm === null || !mm.matches;
-		}
-		/** End an in-flight fade: promote the incoming layer, free the one under it. */
-		function finishFade(idx) {
-			if (layers === null || pending !== idx) return;
-			if (fadeTimer !== null) {
-				window.clearTimeout(fadeTimer);
-				fadeTimer = null;
-			}
-			pending = null;
-			front = idx;
-			const el = layers[idx].el;
-			el.style.opacity = "1";
-			el.style.willChange = "";
-			clearLayer(layers[idx === 0 ? 1 : 0]);
-		}
-		/** Land an in-flight fade on its end state at once (another switch arrived). */
-		function settleFade() {
-			if (layers === null || pending === null) return;
-			const idx = pending;
-			if (fadeTimer !== null) {
-				window.clearTimeout(fadeTimer);
-				fadeTimer = null;
-			}
-			pending = null;
-			front = idx;
-			const el = layers[idx].el;
-			el.style.transition = "none";
-			el.style.opacity = "1";
-			el.style.willChange = "";
-			clearLayer(layers[idx === 0 ? 1 : 0]);
-		}
-		/** Abandon an in-flight fade: the layer it was leaving holds the wanted image. */
-		function cancelFade() {
-			if (layers === null || pending === null) return;
-			const idx = pending;
-			if (fadeTimer !== null) {
-				window.clearTimeout(fadeTimer);
-				fadeTimer = null;
-			}
-			pending = null;
-			const el = layers[idx].el;
-			el.style.transition = "none";
-			el.style.opacity = "0";
-			el.style.willChange = "";
-			clearLayer(layers[idx]);
-		}
-		/** Show `url` on the wallpaper layer, cross-fading from what it paints now. */
-		function applyImageWp(url) {
-			ensureWpContainer();
-			const ls = layers;
-			if (pending !== null) {
-				if (ls[pending].url === url) {
-					paintLayer(ls[pending], url);
-					applyWpEffects();
-					return;
-				}
-				if (ls[front].url === url) {
-					cancelFade();
-					paintLayer(ls[front], url);
-					applyWpEffects();
-					return;
-				}
-				settleFade();
-			}
-			if (ls[front].url === url) {
-				paintLayer(ls[front], url);
-				applyWpEffects();
-				return;
-			}
-			const from = ls[front];
-			const idx = front === 0 ? 1 : 0;
-			const target = ls[idx];
-			const el = target.el;
-			el.style.transition = "none";
-			el.style.opacity = "0";
-			el.style.zIndex = "1";
-			from.el.style.zIndex = "0";
-			paintLayer(target, url);
-			applyWpEffects();
-			if (!canFade(from)) {
-				el.style.opacity = "1";
-				front = idx;
-				clearLayer(from);
-				return;
-			}
-			el.style.willChange = "opacity";
-			pending = idx;
-			requestAnimationFrame(() => {
-				if (pending !== idx || layers === null) return;
-				el.style.transition = `opacity ${FADE_MS}ms ease`;
-				el.style.opacity = "1";
-			});
-			fadeTimer = window.setTimeout(() => finishFade(idx), 480);
-		}
-		function applyWpEffects() {
-			if (wpEl === null || layers === null) return;
-			wpEl.style.opacity = String(rWop());
-			const blur = rBl();
-			const filter = blur > 0 ? `blur(${blur}px)` : "";
-			layers[0].el.style.filter = filter;
-			layers[1].el.style.filter = filter;
-		}
-		/** Repaint the wallpaper layer, the token palette and every interface part from
-		*  the ACTIVE rule. This is the single entry point a rule switch goes through. */
-		function applyWp() {
-			const url = rWp();
-			if (url) applyImageWp(url);
-			else if (wpEl !== null) dropWpContainer();
-			if (rHasColor()) {
-				applyCustomTokens(rOps());
-				applySettingsOverrides(rSop());
-				applyTrajectoryOverrides(rTrajectoryOpacity());
-			} else {
-				clearCustomTokens();
-				document.body.removeAttribute("data-ds-dark-theme");
-				baseTokenKey = "";
-				lastBgKey = "";
-			}
-			applyRightbarOverrides(rRightbarOpacity());
-			applyPartBlurs(rBlurs());
-		}
-		function teardownWp() {
-			dropWpContainer();
-			clearCustomTokens();
-			tokenStyleEl?.remove();
-			tokenStyleEl = null;
-			removeViewCards();
-			document.body.removeAttribute("data-ds-dark-theme");
-			document.body.style.removeProperty("color-scheme");
-			document.documentElement.style.removeProperty("--dsh-any-bg-settings-surface");
-			document.documentElement.style.removeProperty("--dsh-any-bg-settings-layer-1");
-			document.documentElement.style.removeProperty("--dsh-any-bg-settings-layer-2");
-			document.documentElement.style.removeProperty("--dsh-any-bg-settings-layer-3");
-			document.documentElement.style.removeProperty("--dsh-any-traj-layer-1");
-			document.documentElement.style.removeProperty("--dsh-any-traj-layer-2");
-			document.documentElement.style.removeProperty("--dsh-any-traj-layer-3");
-			document.documentElement.style.removeProperty("--dsh-any-blur-settings");
-			document.documentElement.style.removeProperty("--dsh-any-blur-card-panels");
-			document.documentElement.style.removeProperty("--dsh-any-input-blur");
-			document.documentElement.style.removeProperty("--dsh-any-bg-rightbar");
-			document.documentElement.style.removeProperty("--dsh-any-blur-rightbar");
-			for (const v of Object.values(OPACITY_VARS)) document.documentElement.style.removeProperty(v);
-			baseTokenKey = "";
-			lastBgKey = "";
-			if (tokensRaf !== null) {
-				cancelAnimationFrame(tokensRaf);
-				tokensRaf = null;
-			}
-			pendingOps = null;
-			tableFixStyleEl?.remove();
-			tableFixStyleEl = null;
-			setBlur(frameEl, 0);
-			setBlur(sidebarEl, 0);
-			setBlur(centerEl, 0);
-			setBlur(detailsEl, 0);
-			if (frameEl !== null) frameEl.style.removeProperty("background");
-			if (centerEl !== null) centerEl.style.removeProperty("background");
-			if (detailsEl !== null) detailsEl.style.removeProperty("background");
-			stopWatchingParts();
-		}
-		//#endregion
-		//#region src/client/modelbg.ts
-		/** Rules that can actually paint: enabled and carrying an image slot. */
-		function usable(rules) {
-			return rules.filter((r) => r.enabled && r.slot !== "");
-		}
-		/**
-		* Resolve the rule for one model text.
-		*
-		* Top→bottom, first case-insensitive substring hit wins; an empty `match` never
-		* hits on its own. When nothing hits, the FIRST usable rule is the fallback
-		* (rule 1 deliberately doubles as both a matcher and the fallback).
-		*/
-		function matchRule(rules, modelText) {
-			const list = usable(rules);
-			if (list.length === 0) return {
-				rule: null,
-				matched: false
-			};
-			const hay = modelText.toLowerCase();
-			if (hay.trim() !== "") for (const rule of list) {
-				const needle = rule.match.trim().toLowerCase();
-				if (needle === "") continue;
-				if (hay.includes(needle)) return {
-					rule,
-					matched: true
-				};
-			}
-			return {
-				rule: list[0],
-				matched: false
-			};
-		}
-		/** Look the current model's display name up in the shared catalog. */
-		function displayNameOf(state, provider, model) {
-			if (model === "" || !Array.isArray(state?.groups)) return "";
-			for (const group of state.groups) {
-				if (group.id !== provider) continue;
-				for (const entry of group.models ?? []) if (entry.id === model) return typeof entry.name === "string" ? entry.name : "";
-			}
-			return "";
-		}
-		/** How often to look for the sessions service that mounts after this plugin. */
-		const ATTACH_RETRY_MS = 400;
-		/** Stop looking after this many tries (~2 minutes). */
-		const ATTACH_RETRY_LIMIT = 300;
-		/** Safety re-read of every source, so a missed notification cannot pin a stale model. */
-		const POLL_MS = 1500;
-		/** One selection out of a `modelSelection` projection value. */
-		function selectionOf(value) {
-			const pick = value?.next ?? value?.lastUsed ?? null;
-			if (pick === null || typeof pick !== "object") return null;
-			const provider = typeof pick.provider === "string" ? pick.provider : "";
-			const model = typeof pick.model === "string" ? pick.model : "";
-			if (provider === "" && model === "") return null;
-			return {
-				provider,
-				model
-			};
-		}
-		/** A non-empty string id, or null. */
-		function asId(value) {
-			return typeof value === "string" && value !== "" ? value : null;
-		}
-		/**
-		* The id of the session the main view is showing.
-		*
-		* The model is read per session, so this hop has to answer before any of the
-		* others can. 0.1.7 moved the answer: `sessions.list` stopped publishing a single
-		* `current` id in favour of a row table (`ids` / `byId` / `phase`), and the main
-		* view's session is now whatever holds a `mainView` retention — the same row the
-		* host's own `uiSession.current` binding source is built from. Reading only
-		* `list.current` therefore finds nothing on 0.1.7, and a plugin with no session
-		* id can only ever fall back to rule 1: the background stops following the model.
-		*
-		* The hops are tried in order of authority and every one is optional, so this
-		* answers on both host generations — and while `uiSession` is still mounting.
-		*/
-		function resolveMainSessionId(uiCurrent, snapshot) {
-			const fromUiSession = asId(uiCurrent?.key);
-			if (fromUiSession !== null) return fromUiSession;
-			const legacy = asId(snapshot?.current);
-			if (legacy !== null) return legacy;
-			const byId = snapshot?.byId;
-			if (byId !== void 0 && byId !== null) {
-				for (const row of Object.values(byId)) if ((row?.retainedBy?.mainView ?? 0) > 0) {
-					const id = asId(row?.id);
-					if (id !== null) return id;
-				}
-			}
-			return null;
-		}
-		/** Read `uiSession.current` (if that service is on this host) and resolve. */
-		function mainSessionId(ctx, list) {
-			let uiCurrent;
-			try {
-				uiCurrent = ctx.get("uiSession")?.current?.getSnapshot?.();
-			} catch {}
-			return resolveMainSessionId(uiCurrent, list?.getSnapshot());
-		}
-		/**
-		* Watch the current session's model selection.
-		*
-		* @param ctx - client root context.
-		* @param onChange - called with the match text (provider + id + display name),
-		*   the best available label, which source answered, and — when nothing could be
-		*   read — the hop that failed.
-		* @returns disposer.
-		*/
-		function watchModel(ctx, onChange) {
-			let service = null;
-			let list = null;
-			let offList = null;
-			let sessionId = null;
-			let directory = null;
-			let offDirectory = null;
-			/** The session's own `modelSelection` projection face. */
-			let projected = null;
-			let offProjected = null;
-			let lastKey = "\0";
-			let poll = null;
-			let retry = null;
-			let retries = 0;
-			const release = () => {
-				if (offDirectory !== null) {
-					offDirectory();
-					offDirectory = null;
-				}
-				if (offProjected !== null) {
-					offProjected();
-					offProjected = null;
-				}
-				directory = null;
-				projected = null;
-			};
-			/** Bind the session's own durable model selection (the authoritative source). */
-			const bindProjection = (id) => {
-				const svc = service;
-				if (svc === null) return;
-				try {
-					let binding = typeof svc.binding === "function" ? svc.binding(id) : void 0;
-					if (binding === void 0 && typeof svc.scope === "function") {
-						svc.scope(id);
-						binding = typeof svc.binding === "function" ? svc.binding(id) : void 0;
-					}
-					const face = binding?.session?.projections?.faceOf?.("modelSelection");
-					if (face === void 0 || typeof face.subscribe !== "function" || typeof face.getSnapshot !== "function") return;
-					projected = face;
-					offProjected = face.subscribe(() => {
-						emit(false);
-					});
-				} catch {
-					projected = null;
-					offProjected = null;
-				}
-			};
-			const note = () => {
-				if (service === null) return "no-service";
-				if (sessionId === null) return "no-session";
-				if (projected === null && directory === null) return "no-projection";
-				return "empty-selection";
-			};
-			const emit = (force) => {
-				const state = directory?.store.getSnapshot();
-				const fromDirectory = state?.current ?? null;
-				const sel = fromDirectory !== null ? {
-					provider: fromDirectory.provider ?? "",
-					model: fromDirectory.model ?? ""
-				} : (() => {
-					try {
-						return selectionOf(projected?.getSnapshot());
-					} catch {
-						return null;
-					}
-				})();
-				const provider = sel?.provider ?? "";
-				const model = sel?.model ?? "";
-				const name = displayNameOf(state, provider, model);
-				const text = [
-					provider,
-					model,
-					name
-				].filter((p) => p !== "").join(" ").trim();
-				const noteValue = text === "" ? note() : "";
-				const key = `${text}\u0001${name}\u0001${noteValue}`;
-				if (!force && key === lastKey) return;
-				lastKey = key;
-				onChange(text, name !== "" ? name : model !== "" ? model : provider, "session", noteValue);
-			};
-			const bind = () => {
-				const id = mainSessionId(ctx, list);
-				if (id === sessionId && (directory !== null || projected !== null)) {
-					emit(false);
-					return;
-				}
-				release();
-				sessionId = id;
-				if (id !== null) {
-					bindProjection(id);
-					if (directory === null) {
-						const directories = ctx.get("modelDirectories");
-						if (directories !== void 0 && typeof directories.directoryFor === "function") try {
-							directory = directories.directoryFor(id);
-							offDirectory = directory.store.subscribe(() => {
-								emit(false);
-							});
-							const pending = directory.load?.();
-							if (pending !== void 0 && pending !== null && typeof pending.catch === "function") pending.catch(() => void 0);
-						} catch {
-							directory = null;
-							offDirectory = null;
-						}
-					}
-				}
-				emit(true);
-			};
-			const stopRetry = () => {
-				if (retry === null) return;
-				window.clearInterval(retry);
-				retry = null;
-			};
-			const tick = () => {
-				if (list === null) return;
-				if (mainSessionId(ctx, list) !== sessionId || directory === null && projected === null) bind();
-				else emit(false);
-			};
-			/**
-			* Look the sessions service up. It arrives after this plugin's bundle on this
-			* deployment, so the first attempt usually fails — which is exactly why this
-			* is a retry loop rather than a one-shot lookup.
-			*/
-			const attach = () => {
-				const svc = ctx.get("sessions");
-				if (svc === void 0 || svc === null) return false;
-				const face = svc.list;
-				if (face === void 0 || typeof face.subscribe !== "function" || typeof face.getSnapshot !== "function") return false;
-				service = svc;
-				list = face;
-				offList = face.subscribe(bind);
-				if (poll === null) poll = window.setInterval(tick, POLL_MS);
-				bind();
-				return true;
-			};
-			if (!attach()) retry = window.setInterval(() => {
-				retries++;
-				if (attach() || retries >= ATTACH_RETRY_LIMIT) stopRetry();
-			}, ATTACH_RETRY_MS);
-			return () => {
-				stopRetry();
-				if (poll !== null) {
-					window.clearInterval(poll);
-					poll = null;
-				}
-				if (offList !== null) {
-					offList();
-					offList = null;
-				}
-				service = null;
-				list = null;
-				release();
-			};
-		}
-		//#endregion
-		//#region src/host-contracts.ts
-		const SIDEBAR_RIGHT = "dsh-client-ui-sidebar-right";
-		/**
-		* The contract table.
-		*
-		* Ordered by group and then by how visible a break is: the model hop first (the
-		* plugin's whole purpose), then the surfaces it paints, then the tokens it
-		* re-emits, then the regions it decorates.
-		*/
-		const HOST_CONTRACTS = [
-			{
-				id: "sessions.list",
-				group: "model",
-				kind: "host-service",
-				criticality: "core",
-				since: "0.1.7",
-				label: {
-					en: "Session list service",
-					zh: "会话列表服务"
-				},
-				symptom: {
-					en: "no session id can be read, so the background is stuck on rule 1 and never follows the model",
-					zh: "读不到会话 id，背景会一直停在规则 1，不再跟着模型切换"
-				},
-				target: "sessions.list",
-				checks: [
-					{
-						kind: "service",
-						id: "sessions"
-					},
-					{
-						kind: "path",
-						service: "sessions",
-						path: "list",
-						expect: "observable"
-					},
-					{
-						kind: "path",
-						service: "sessions",
-						path: "list.getSnapshot",
-						expect: "function"
-					}
-				],
-				sources: [{
-					path: "dsh-api-session-controller/lib/client.js",
-					literal: "retainedBy"
-				}],
-				usedBy: "src/client/modelbg.ts"
-			},
-			{
-				id: "sessions.list.current",
-				group: "model",
-				kind: "host-service",
-				criticality: "label",
-				since: "<=0.1.6",
-				label: {
-					en: "Session list: legacy current id",
-					zh: "会话列表：旧版 current 字段"
-				},
-				symptom: {
-					en: "harmless on its own — the 0.1.7 hops below take over",
-					zh: "本身无害 —— 0.1.7 上由下面的兜底路径接管"
-				},
-				target: "list.current",
-				checks: [],
-				sources: [{
-					path: "dsh-api-session-controller/lib/client.js",
-					literal: "retainedBy"
-				}],
-				usedBy: "src/client/modelbg.ts"
-			},
-			{
-				id: "sessions.retainedBy.mainView",
-				group: "model",
-				kind: "host-service",
-				criticality: "label",
-				since: "0.1.7",
-				label: {
-					en: "Main-view retention on the session row",
-					zh: "会话行的主视图占用标记"
-				},
-				symptom: {
-					en: "while uiSession is not mounted yet, no session id can be derived",
-					zh: "uiSession 尚未挂载时推导不出会话 id"
-				},
-				target: "byId[].retainedBy.mainView",
-				checks: [],
-				sources: [{
-					path: "dsh-api-session-controller/lib/client.js",
-					literal: "retainedBy"
-				}],
-				usedBy: "src/client/modelbg.ts"
-			},
-			{
-				id: "uiSession.current",
-				group: "model",
-				kind: "host-service",
-				criticality: "core",
-				since: "0.1.7",
-				label: {
-					en: "uiSession service (main view session)",
-					zh: "uiSession 服务（主视图会话）"
-				},
-				symptom: {
-					en: "the session id can only be guessed from the list retention",
-					zh: "会话 id 只能退回用列表占用标记去猜"
-				},
-				target: "uiSession.current",
-				checks: [{
-					kind: "path",
-					service: "uiSession",
-					path: "current",
-					expect: "observable"
-				}],
-				sources: [{
-					path: "dsh-client-ui-session/lib/client.js",
-					literal: "uiSession"
-				}],
-				usedBy: "src/client/modelbg.ts"
-			},
-			{
-				id: "sessions.binding.projections",
-				group: "model",
-				kind: "host-service",
-				criticality: "core",
-				since: "<=0.1.6",
-				label: {
-					en: "Session binding + projections",
-					zh: "会话 binding 与 projections"
-				},
-				symptom: {
-					en: "this session's own model selection is unreadable — only the host default is left",
-					zh: "读不到本会话自己的模型选择，只剩宿主默认模型可用"
-				},
-				target: "binding(id).session.projections.faceOf(\"modelSelection\")",
-				checks: [{
-					kind: "path",
-					service: "sessions",
-					path: "binding",
-					expect: "function"
-				}],
-				sources: [{
-					path: "dsh-api-session-controller/lib/client.js",
-					literal: "faceOf"
-				}],
-				usedBy: "src/client/modelbg.ts"
-			},
-			{
-				id: "modelDirectories.directoryFor",
-				group: "model",
-				kind: "host-service",
-				criticality: "label",
-				since: "<=0.1.6",
-				label: {
-					en: "Model directory (display names)",
-					zh: "模型目录（显示名）"
-				},
-				symptom: {
-					en: "the model is shown as provider/model id instead of its display name",
-					zh: "模型只会显示 provider/模型 id，读不到显示名"
-				},
-				target: "modelDirectories.directoryFor(id)",
-				checks: [{
-					kind: "path",
-					service: "modelDirectories",
-					path: "directoryFor",
-					expect: "function"
-				}],
-				sources: [{
-					path: "dsh-client-ui-model-selection/lib/client.js",
-					literal: "modelSelection"
-				}],
-				usedBy: "src/client/modelbg.ts"
-			},
-			{
-				id: "shell.overlay",
-				group: "surface",
-				kind: "host-attr",
-				criticality: "looks",
-				since: "<=0.1.6",
-				label: {
-					en: "AppFrame overlay + its three columns",
-					zh: "主框架浮层与三列"
-				},
-				symptom: {
-					en: "per-part blur and the main-background opacity cannot find the columns at all",
-					zh: "分区域模糊与主背景透明度完全找不到那几列"
-				},
-				target: "[data-shell-overlay]",
-				checks: [{
-					kind: "attr",
-					attr: "data-shell-overlay"
-				}],
-				sources: [{
-					path: "dsh-client-ui-layout/lib/client.js",
-					literal: "data-shell-overlay"
-				}],
-				usedBy: "src/client/wallpaper.ts"
-			},
-			{
-				id: "settings.dialog",
-				group: "surface",
-				kind: "dom-selector",
-				criticality: "looks",
-				since: "<=0.1.6",
-				label: {
-					en: "Settings dialog (aria-modal)",
-					zh: "设置弹窗（aria-modal）"
-				},
-				symptom: {
-					en: "the settings panel opacity and blur sliders stop having any effect",
-					zh: "设置界面透明度与模糊失效"
-				},
-				target: "[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby]",
-				checks: [{
-					kind: "selector",
-					selector: "div[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby]",
-					optionalWhen: "settingsClosed"
-				}],
-				sources: [{
-					path: "dsh-client-ui-primitives/lib/index.js",
-					literal: "aria-modal"
-				}, {
-					path: "src/client/components/ui.css.ts",
-					literal: ".dab-card"
-				}],
-				usedBy: "src/client/wallpaper.ts"
-			},
-			{
-				id: "settings.card",
-				group: "surface",
-				kind: "host-style",
-				criticality: "looks",
-				since: "<=0.1.6",
-				label: {
-					en: "Option card inside the dialog (.dab-card)",
-					zh: "弹窗内的选项卡（.dab-card）"
-				},
-				symptom: {
-					en: "the dialog option-panel blur has nothing to attach to",
-					zh: "弹窗内选项卡的模糊没有附着对象"
-				},
-				target: ".dab-card",
-				checks: [{
-					kind: "rule",
-					match: ".dab-card",
-					hint: "settings dialog card class"
-				}],
-				sources: [{
-					path: "src/client/components/ui.css.ts",
-					literal: ".dab-card"
-				}],
-				usedBy: "src/client/wallpaper.ts"
-			},
-			{
-				id: "composer.card",
-				group: "surface",
-				kind: "host-attr",
-				criticality: "looks",
-				since: "<=0.1.6",
-				label: {
-					en: "Composer card",
-					zh: "输入框卡片"
-				},
-				symptom: {
-					en: "the composer loses its backdrop — the input blur slider does nothing",
-					zh: "输入框失去毛玻璃背板，输入区模糊滑块失效"
-				},
-				target: "[data-composer-card]",
-				checks: [{
-					kind: "attr",
-					attr: "data-composer-card",
-					optionalWhen: "chatNotMounted"
-				}],
-				sources: [{
-					path: "dsh-client-ui-conversation/lib/client.js",
-					literal: "data-composer-card"
-				}],
-				usedBy: "src/client/wallpaper.ts"
-			},
-			{
-				id: "cordis.panel",
-				group: "surface",
-				kind: "host-attr",
-				criticality: "label",
-				since: "<=0.1.6",
-				label: {
-					en: "Cordis panel",
-					zh: "Cordis 面板"
-				},
-				symptom: {
-					en: "the Cordis panel keeps the host surface instead of the input slider's alpha",
-					zh: "Cordis 面板拿不到输入区滑块的透明度，仍是宿主表面"
-				},
-				target: "[data-cordis-panel]",
-				checks: [{
-					kind: "attr",
-					attr: "data-cordis-panel",
-					optionalWhen: "cordisClosed"
-				}],
-				sources: [{
-					path: "dsh-client-ui-cordis/lib/client.js",
-					literal: "data-cordis-panel"
-				}],
-				usedBy: "src/client/wallpaper.ts"
-			},
-			{
-				id: "rightbar.panel",
-				group: "surface",
-				kind: "host-attr",
-				criticality: "looks",
-				since: "0.1.7",
-				label: {
-					en: "File-preview panel host",
-					zh: "文件预览面板宿主"
-				},
-				symptom: {
-					en: "the right panel loses its own opacity/blur card and falls back to the main background",
-					zh: "右侧栏失去自己的透明度/模糊控制，退回跟随主背景"
-				},
-				target: "[data-sidebar-right-panel]",
-				checks: [{
-					kind: "selector",
-					selector: "div[data-sidebar-right-panel]",
-					optionalWhen: "noRightPanel"
-				}],
-				sources: [{
-					path: `${SIDEBAR_RIGHT}/lib/client.js`,
-					literal: "data-sidebar-right-panel"
-				}],
-				usedBy: "src/client/wallpaper.ts"
-			},
-			{
-				id: "rightbar.openFlag",
-				group: "surface",
-				kind: "host-attr",
-				criticality: "looks",
-				since: "0.1.7",
-				label: {
-					en: "Right panel open/closed flag",
-					zh: "右侧栏开合标记"
-				},
-				symptom: {
-					en: "the panel's backdrop cannot tell open from closed — a frosted plate covers the empty half",
-					zh: "分不清右侧栏开着还是关着，空白的右半屏会出现磨砂板"
-				},
-				target: "[data-sidebar-right-open]",
-				checks: [{
-					kind: "rule",
-					match: "[data-sidebar-right-open]",
-					hint: "right panel open flag"
-				}],
-				sources: [{
-					path: `${SIDEBAR_RIGHT}/lib/client.js`,
-					literal: "data-sidebar-right-open"
-				}],
-				usedBy: "src/client/wallpaper.ts"
-			},
-			{
-				id: "dockkit.content",
-				group: "surface",
-				kind: "host-attr",
-				criticality: "core",
-				since: "0.1.7",
-				label: {
-					en: "Dock tab host (the panel's painted surface)",
-					zh: "停靠页宿主（面板真正的表面）"
-				},
-				symptom: {
-					en: "nothing carries the panel surface any more — the right-panel card is painted on a container that is always full width",
-					zh: "面板表面不再落在任何元素上，右面板卡片会被画在一个恒定满宽的容器上"
-				},
-				target: "[data-dockkit-content]",
-				checks: [{
-					kind: "rule",
-					match: "[data-dockkit-content]",
-					hint: "dock tab host"
-				}],
-				sources: [{
-					path: ".",
-					literal: "dockkit-content",
-					root: "frontend"
-				}],
-				usedBy: "src/client/wallpaper.ts"
-			},
-			{
-				id: "dockkit.empty",
-				group: "surface",
-				kind: "host-attr",
-				criticality: "looks",
-				since: "0.1.7",
-				label: {
-					en: "Dock empty seat",
-					zh: "停靠空位"
-				},
-				symptom: {
-					en: "an empty preview pane paints the host surface over the wallpaper",
-					zh: "空的预览格会用宿主表面盖住壁纸"
-				},
-				target: "[data-dockkit-empty]",
-				checks: [{
-					kind: "rule",
-					match: "[data-dockkit-empty]",
-					hint: "dock empty seat"
-				}],
-				sources: [{
-					path: `${SIDEBAR_RIGHT}/lib/client.js`,
-					literal: "data-dockkit-empty"
-				}],
-				usedBy: "src/client/wallpaper.ts"
-			},
-			{
-				id: "dockkit.float",
-				group: "surface",
-				kind: "host-attr",
-				criticality: "label",
-				since: "0.1.7",
-				label: {
-					en: "Floating dock pane flag",
-					zh: "浮动停靠面板标记"
-				},
-				symptom: {
-					en: "floating panes would be painted like docked ones, frosting a panel that should stay the host's",
-					zh: "浮动面板会被当作停靠面板上色，本该保持宿主样式的面板被磨砂"
-				},
-				target: "[data-dockkit-float]",
-				checks: [{
-					kind: "rule",
-					match: "[data-dockkit-float]",
-					hint: "floating pane flag"
-				}],
-				sources: [{
-					path: `${SIDEBAR_RIGHT}/lib/client.js`,
-					literal: "data-dockkit-float"
-				}],
-				usedBy: "src/client/wallpaper.ts"
-			},
-			{
-				id: "chat.flow",
-				group: "region",
-				kind: "dom-selector",
-				criticality: "looks",
-				since: "<=0.1.6",
-				label: {
-					en: "Chat message column",
-					zh: "对话消息列"
-				},
-				symptom: {
-					en: "the conversation card (and its opacity/blur) cannot find the message column",
-					zh: "对话卡片（及其透明度/模糊）找不到消息列"
-				},
-				target: "[data-chat-flow]",
-				checks: [{
-					kind: "selector",
-					selector: "[data-chat-flow]",
-					optionalWhen: "chatNotMounted"
-				}],
-				sources: [{
-					path: "dsh-client-ui-chat/lib/client.js",
-					literal: "data-chat-flow"
-				}],
-				usedBy: "src/client/wallpaper.ts"
-			},
-			{
-				id: "conversation.scroll",
-				group: "region",
-				kind: "dom-selector",
-				criticality: "looks",
-				since: "<=0.1.6",
-				label: {
-					en: "Conversation scrollport",
-					zh: "对话滚动区"
-				},
-				symptom: {
-					en: "the marker-less fallback would wrap the whole scrollport in the conversation card",
-					zh: "标记缺失时的兜底会把整个滚动区套上对话卡片"
-				},
-				target: "[data-conversation-scroll]",
-				checks: [{
-					kind: "selector",
-					selector: "[data-conversation-scroll]",
-					optionalWhen: "chatNotMounted"
-				}],
-				sources: [{
-					path: "dsh-client-ui-conversation/lib/client.js",
-					literal: "data-conversation-scroll"
-				}],
-				usedBy: "src/client/wallpaper.ts"
-			},
-			{
-				id: "trajectory.root",
-				group: "region",
-				kind: "dom-selector",
-				criticality: "looks",
-				since: "<=0.1.6",
-				label: {
-					en: "Trajectory view root",
-					zh: "轨迹页根节点"
-				},
-				symptom: {
-					en: "the trajectory opacity/blur sliders stop reaching the trajectory page",
-					zh: "轨迹页的透明度与模糊滑块失效"
-				},
-				target: "[data-conversation-composer-overlay]",
-				checks: [{
-					kind: "selector",
-					selector: "[data-conversation-composer-overlay]",
-					optionalWhen: "trajectoryNotMounted"
-				}],
-				sources: [{
-					path: "dsh-client-ui-trajectory/lib/client.js",
-					literal: "data-conversation-composer-overlay"
-				}],
-				usedBy: "src/client/wallpaper.ts"
-			},
-			{
-				id: "markdown.wideTable",
-				group: "region",
-				kind: "host-style",
-				criticality: "label",
-				since: "<=0.1.6",
-				label: {
-					en: "Wide markdown table clamp",
-					zh: "宽表格收拢样式"
-				},
-				symptom: {
-					en: "a wide table bleeds outside the conversation card instead of scrolling inside it",
-					zh: "宽表格会溢出到对话卡片外，而不是在卡片内横向滚动"
-				},
-				target: ".md-table-wide",
-				checks: [{
-					kind: "rule",
-					match: ".md-table-wide",
-					hint: "markdown table class"
-				}],
-				sources: [{
-					path: "dsh-client-ui-chat/lib/client.js",
-					literal: "md-table-wide"
-				}],
-				usedBy: "src/client/wallpaper.ts"
-			},
-			{
-				id: "token.bgBase",
-				group: "token",
-				kind: "host-token",
-				criticality: "looks",
-				since: "<=0.1.6",
-				label: {
-					en: "Main background surface",
-					zh: "主背景表面"
-				},
-				symptom: {
-					en: "the main-background slider and the right-panel card lose their surface",
-					zh: "主背景透明度与右侧栏卡片失去表面色"
-				},
-				target: "--dsw-alias-bg-base",
-				checks: [{
-					kind: "computed",
-					token: "--dsw-alias-bg-base"
-				}],
-				sources: [{
-					path: "dsh-client-ui-theme/lib/client.js",
-					literal: "--dsw-alias-bg-base"
-				}],
-				usedBy: "src/client/wallpaper.ts"
-			},
-			{
-				id: "token.layers",
-				group: "token",
-				kind: "host-token",
-				criticality: "looks",
-				since: "<=0.1.6",
-				label: {
-					en: "Layered surfaces (cards)",
-					zh: "层次表面（卡片）"
-				},
-				symptom: {
-					en: "the card slider, the conversation card and the trajectory slider go blank",
-					zh: "卡片滑块、对话卡片与轨迹滑块失去颜色"
-				},
-				target: "--dsw-alias-bg-layer-1/2/3",
-				checks: [
-					{
-						kind: "computed",
-						token: "--dsw-alias-bg-layer-1"
-					},
-					{
-						kind: "computed",
-						token: "--dsw-alias-bg-layer-2"
-					},
-					{
-						kind: "computed",
-						token: "--dsw-alias-bg-layer-3"
-					}
-				],
-				sources: [{
-					path: "dsh-client-ui-theme/lib/client.js",
-					literal: "--dsw-alias-bg-layer-1"
-				}],
-				usedBy: "src/client/wallpaper.ts"
-			},
-			{
-				id: "token.menuSurface",
-				group: "token",
-				kind: "host-token",
-				criticality: "core",
-				since: "0.1.7",
-				label: {
-					en: "Menu material fill (0.1.7 split)",
-					zh: "菜单材质填充（0.1.7 拆分）"
-				},
-				symptom: {
-					en: "the menu panel and its sticky group headings take two different fills — the solid band across the model picker",
-					zh: "菜单面板与吸顶分组标题用了两种填充 —— 模型选择器上那道白道"
-				},
-				target: "--dsw-menu-surface-fill",
-				checks: [{
-					kind: "rule",
-					match: "--dsw-menu-surface-fill",
-					hint: "MenuSurface material fill"
-				}, {
-					kind: "computed",
-					token: "--dsw-menu-surface-fill",
-					on: ".dab-root"
-				}],
-				sources: [{
-					path: "dsh-client-ui-theme/lib/client.js",
-					literal: "--dsw-menu-surface-fill"
-				}, {
-					path: "dsh-client-ui-primitives/lib/MenuSurface.module.css",
-					literal: "var(--dsw-menu-surface-fill)"
-				}],
-				usedBy: "src/client/utils/color.ts, src/client/wallpaper.ts"
-			},
-			{
-				id: "token.menuAlias",
-				group: "token",
-				kind: "host-token",
-				criticality: "looks",
-				since: "<=0.1.6",
-				label: {
-					en: "Menu overlay fill",
-					zh: "菜单浮层填充"
-				},
-				symptom: {
-					en: "dropdowns, the slash menu and popovers keep the host fill while the panel follows the plugin",
-					zh: "下拉、斜杠菜单与浮层保持宿主填充，而面板跟随插件，两边不一致"
-				},
-				target: "--dsw-specific-menu",
-				checks: [{
-					kind: "rule",
-					match: "--dsw-specific-menu",
-					hint: "menu overlay fill"
-				}, {
-					kind: "computed",
-					token: "--dsw-specific-menu",
-					on: ".dab-root"
-				}],
-				sources: [{
-					path: "dsh-client-ui-theme/lib/client.js",
-					literal: "--dsw-specific-menu"
-				}, {
-					path: "dsh-client-ui-chat/lib/client.js",
-					literal: "--dsw-specific-menu"
-				}],
-				usedBy: "src/client/utils/color.ts, src/client/wallpaper.ts"
-			},
-			{
-				id: "token.sidebarFill",
-				group: "token",
-				kind: "host-token",
-				criticality: "looks",
-				since: "<=0.1.6",
-				label: {
-					en: "Sidebar fill",
-					zh: "左侧栏填充"
-				},
-				symptom: {
-					en: "the sidebar opacity slider stops tinting the sidebar",
-					zh: "左侧栏透明度滑块失效"
-				},
-				target: "--dsw-specific-sidebar-fill",
-				checks: [{
-					kind: "computed",
-					token: "--dsw-specific-sidebar-fill"
-				}],
-				sources: [{
-					path: "dsh-client-ui-theme/lib/client.js",
-					literal: "--dsw-specific-sidebar-fill"
-				}],
-				usedBy: "src/client/utils/color.ts, src/client/wallpaper.ts"
-			},
-			{
-				id: "token.inputFill",
-				group: "token",
-				kind: "host-token",
-				criticality: "looks",
-				since: "<=0.1.6",
-				label: {
-					en: "Input/control surface",
-					zh: "输入与控件表面"
-				},
-				symptom: {
-					en: "the input slider stops tinting the composer and the controls",
-					zh: "输入区透明度滑块失效"
-				},
-				target: "--dsw-specific-input-major",
-				checks: [{
-					kind: "computed",
-					token: "--dsw-specific-input-major"
-				}],
-				sources: [{
-					path: "dsh-client-ui-theme/lib/client.js",
-					literal: "--dsw-specific-input-major"
-				}],
-				usedBy: "src/client/utils/color.ts, src/client/wallpaper.ts"
-			},
-			{
-				id: "token.schemeFlag",
-				group: "token",
-				kind: "host-attr",
-				criticality: "core",
-				since: "<=0.1.6",
-				label: {
-					en: "Dark-scheme flag on <body>",
-					zh: "<body> 上的深色标记"
-				},
-				symptom: {
-					en: "a dark rule can no longer force the dark palette — light surfaces flash through",
-					zh: "深色规则无法强制深色调色板，会闪出浅色表面"
-				},
-				target: "body[data-ds-dark-theme]",
-				checks: [{
-					kind: "rule",
-					match: "data-ds-dark-theme",
-					hint: "dark scheme attribute"
-				}],
-				sources: [{
-					path: "dsh-client-ui-theme/lib/client.js",
-					literal: "data-ds-dark-theme"
-				}, {
-					path: ".",
-					literal: "data-ds-dark-theme",
-					root: "frontend"
-				}],
-				usedBy: "src/client/wallpaper.ts"
-			},
-			{
-				id: "token.labelCaption",
-				group: "token",
-				kind: "host-token",
-				criticality: "label",
-				since: "<=0.1.6",
-				label: {
-					en: "Caption label token",
-					zh: "弱化文字令牌"
-				},
-				symptom: {
-					en: "placeholder text falls back to a hard-coded grey instead of the theme's caption colour",
-					zh: "占位文字退回固定灰色，不再跟随主题的弱化色"
-				},
-				target: "--dsw-alias-label-caption",
-				checks: [{
-					kind: "computed",
-					token: "--dsw-alias-label-caption"
-				}],
-				sources: [{
-					path: "dsh-client-ui-theme/lib/client.js",
-					literal: "--dsw-alias-label-caption"
-				}],
-				usedBy: "src/client/wallpaper.ts"
-			}
-		];
-		/** Localized label lookup for a contract. */
-		function labelOf(c, lang) {
-			return lang === "zh" ? c.label.zh : c.label.en;
-		}
-		/** Localized symptom lookup for a contract. */
-		function symptomOf(c, lang) {
-			return lang === "zh" ? c.symptom.zh : c.symptom.en;
-		}
-		/** Groups the panel renders, in order. */
-		const CONTRACT_GROUPS = [
-			{
-				id: "model",
-				label: {
-					en: "Model → rule resolution",
-					zh: "模型 → 规则匹配"
-				}
-			},
-			{
-				id: "surface",
-				label: {
-					en: "Surfaces the plugin paints",
-					zh: "插件着色的界面区域"
-				}
-			},
-			{
-				id: "token",
-				label: {
-					en: "Design tokens re-emitted",
-					zh: "被重新发出的设计令牌"
-				}
-			},
-			{
-				id: "region",
-				label: {
-					en: "Conversation views",
-					zh: "对话视图"
-				}
-			}
-		];
-		/** Overall verdict of a report, for the panel's headline. */
-		function verdictOf(report) {
-			if (report.results.length === 0) return "unknown";
-			if (report.summary.fail > 0) return report.summary.pass > 0 ? "partial" : "broken";
-			return report.summary.pass > 0 ? "ok" : "unknown";
-		}
-		/** Markdown rendering of a report — the thing a user pastes into an issue. */
-		function reportToMarkdown(report, lang) {
-			const zh = lang === "zh";
-			const lines = [];
-			lines.push(zh ? "## dsh-background-by-model 宿主自检" : "## dsh-background-by-model host check");
-			lines.push("");
-			lines.push(`- ${zh ? "阶段" : "phase"}: ${report.phase}`);
-			if (report.plugin.version !== "") lines.push(`- ${zh ? "插件" : "plugin"}: ${report.plugin.version} (dsh >=${report.plugin.floor})`);
-			lines.push(`- dsh: ${report.host.version !== "" ? report.host.version : zh ? "未读到" : "unreadable"}${report.host.compatible === false ? zh ? "（低于插件下限）" : " (below the plugin floor)" : ""}`);
-			if (report.host.node !== "") lines.push(`- node: ${report.host.node}`);
-			if (report.host.root !== "") lines.push(`- host root: ${report.host.root}`);
-			if (report.host.note !== "") lines.push(`- note: ${report.host.note}`);
-			if (report.host.model !== void 0) {
-				const m = report.host.model;
-				lines.push(`- ${zh ? "模型" : "model"}: \`${m.text !== "" ? m.text : "(none)"}\` · ${m.source}${m.note !== "" ? ` · ${m.note}` : ""} · ${zh ? "规则" : "rule"} ${m.rule !== "" ? m.rule : "-"}${m.matched ? "" : zh ? "（兜底）" : " (fallback)"}`);
-			}
-			lines.push("");
-			lines.push(`### ${zh ? "结论" : "Summary"}: ${report.summary.pass} pass / ${report.summary.fail} fail / ${report.summary.skip} n/a`);
-			lines.push("");
-			for (const r of report.results) {
-				const mark = r.status === "pass" ? "PASS" : r.status === "fail" ? "**FAIL**" : r.status === "skip" ? "n/a" : "info";
-				lines.push(`- ${mark} \`${r.id}\` — ${r.label} · \`${r.target}\``);
-				if (r.status === "fail") {
-					lines.push(`  - ${zh ? "现象" : "symptom"}: ${r.symptom}`);
-					lines.push(`  - ${zh ? "原因" : "reason"}: ${r.reason ?? r.detail}`);
-					lines.push(`  - ${zh ? "期望位置" : "expected in"}: ${r.sources.map((s) => s.path).join(", ")}`);
-				} else if (r.detail !== "") lines.push(`  - ${r.detail}`);
-			}
-			return lines.join("\n");
-		}
-		//#endregion
-		//#region src/client/judge.ts
-		/** The real browser environment. */
-		function browserEnv(ctx) {
-			return {
-				querySelector: (selector) => document.querySelector(selector),
-				computedValue: (token, on) => {
-					if (typeof document === "undefined") return "";
-					const host = on ?? document.documentElement;
-					return getComputedStyle(host).getPropertyValue(token).trim();
-				},
-				styleSheets: () => typeof document === "undefined" ? [] : Array.from(document.styleSheets),
-				ctx
-			};
-		}
-		const ANCHORS = {
-			settingsClosed: "div[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby]",
-			chatNotMounted: "[data-chat-flow],[data-conversation-scroll]",
-			trajectoryNotMounted: "[data-conversation-composer-overlay]",
-			noRightPanel: "div[data-sidebar-right-panel],[data-dockkit-strip],[data-dockkit-pane]",
-			cordisClosed: "[data-cordis-panel]"
-		};
-		function mounted(env, anchorId) {
-			const sel = ANCHORS[anchorId];
-			if (sel === void 0) return true;
-			try {
-				return env.querySelector(sel) !== null;
-			} catch {
-				return false;
-			}
-		}
-		/** Walk a dotted path off a root object, tolerating a missing first hop. */
-		function walkPath(root, path) {
-			let cur = root;
-			for (const key of path.split(".")) {
-				if (cur === null || cur === void 0) return void 0;
-				cur = cur[key];
-			}
-			return cur;
-		}
-		function looksObservable(v) {
-			return typeof v === "object" && v !== null && typeof v.subscribe === "function" && typeof v.getSnapshot === "function";
-		}
-		/**
-		* A stylesheet mention of a literal.
-		*
-		* The host's rules are the only place a renamed token still answers honestly:
-		* a token can be *declared* by this plugin while the host's rule that consumed
-		* it is gone. Cross-origin sheets (none on a local dsh, but the probe must not
-		* throw if one ever appears) are skipped.
-		*/
-		function ruleMentioned(env, literal) {
-			for (const sheet of env.styleSheets()) {
-				if (sheet.ownerNode?.dataset?.plugin !== void 0) continue;
-				let rules = null;
-				try {
-					rules = sheet.cssRules;
-				} catch {
-					continue;
-				}
-				if (rules === null) continue;
-				for (const rule of Array.from(rules)) {
-					const text = rule.cssText;
-					if (typeof text === "string" && text.includes(literal)) return true;
-					const inner = rule.cssRules;
-					if (inner === void 0 || inner === null) continue;
-					for (const child of Array.from(inner)) {
-						const childText = child.cssText;
-						if (typeof childText === "string" && childText.includes(literal)) return true;
-					}
-				}
-			}
-			return false;
-		}
-		/** Whether any reachable host stylesheet could be read (false ⇒ the check is blind). */
-		function stylesReadable(env) {
-			for (const sheet of env.styleSheets()) try {
-				if (sheet.cssRules !== null) return true;
-			} catch {}
-			return false;
-		}
-		function evaluate(env, check) {
-			switch (check.kind) {
-				case "service": {
-					let svc;
-					try {
-						svc = env.ctx.get(check.id);
-					} catch {
-						svc = void 0;
-					}
-					return svc === void 0 || svc === null ? {
-						status: "fail",
-						name: `ctx.get('${check.id}')`,
-						detail: "service not published",
-						reason: `the host does not publish the "${check.id}" service`
-					} : {
-						status: "pass",
-						name: `ctx.get('${check.id}')`,
-						detail: "service present"
-					};
-				}
-				case "path": {
-					let svc;
-					try {
-						svc = env.ctx.get(check.service);
-					} catch {
-						svc = void 0;
-					}
-					if (svc === void 0 || svc === null) return {
-						status: "skip",
-						name: `${check.service}.${check.path}`,
-						detail: "service not published yet"
-					};
-					const value = walkPath(svc, check.path);
-					const name = `${check.service}.${check.path}`;
-					if (check.expect === "function") return typeof value === "function" ? {
-						status: "pass",
-						name,
-						detail: "is a function"
-					} : {
-						status: "fail",
-						name,
-						detail: `expected a function, got ${typeof value}`,
-						reason: `"${name}" is not a function on this host`
-					};
-					if (check.expect === "observable") return looksObservable(value) ? {
-						status: "pass",
-						name,
-						detail: "is an observable face"
-					} : {
-						status: "fail",
-						name,
-						detail: "not an observable face",
-						reason: `"${name}" no longer exposes subscribe()/getSnapshot()`
-					};
-					return value === void 0 ? {
-						status: "fail",
-						name,
-						detail: "undefined",
-						reason: `"${name}" is gone`
-					} : {
-						status: "pass",
-						name,
-						detail: typeof value
-					};
-				}
-				case "selector": {
-					const present = env.querySelector(check.selector) !== null;
-					const name = `querySelector(${JSON.stringify(check.selector)})`;
-					if (present) return {
-						status: "pass",
-						name,
-						detail: "element found"
-					};
-					if (check.optionalWhen !== void 0 && !mounted(env, check.optionalWhen)) return {
-						status: "skip",
-						name,
-						detail: "not on screen right now"
-					};
-					return {
-						status: "fail",
-						name,
-						detail: "no element matches",
-						reason: `no element matches ${check.selector} while its surface is on screen`
-					};
-				}
-				case "attr": {
-					const present = env.querySelector(`[${check.attr}]`) !== null;
-					const name = `querySelector([${check.attr}])`;
-					if (present) return {
-						status: "pass",
-						name,
-						detail: "attribute found"
-					};
-					if (check.optionalWhen !== void 0 && !mounted(env, check.optionalWhen)) return {
-						status: "skip",
-						name,
-						detail: "not on screen right now"
-					};
-					return {
-						status: "fail",
-						name,
-						detail: "no element carries it",
-						reason: `nothing in the DOM carries ${check.attr} while its surface is on screen`
-					};
-				}
-				case "computed": {
-					const host = check.on !== void 0 ? env.querySelector(check.on) : null;
-					const name = `computed(${check.token}${check.on !== void 0 ? ` on ${check.on}` : ""})`;
-					if (check.on !== void 0 && host === null) return {
-						status: "skip",
-						name,
-						detail: `${check.on} not mounted`
-					};
-					const value = env.computedValue(check.token, host);
-					return value !== "" ? {
-						status: "pass",
-						name,
-						detail: value
-					} : {
-						status: "fail",
-						name,
-						detail: "resolves to nothing",
-						reason: `${check.token} resolves to an empty value`
-					};
-				}
-				case "rule": {
-					const name = `stylesheet includes ${JSON.stringify(check.match)}`;
-					if (!stylesReadable(env)) return {
-						status: "skip",
-						name,
-						detail: "no stylesheet is readable"
-					};
-					return ruleMentioned(env, check.match) ? {
-						status: "pass",
-						name,
-						detail: "declared by a host rule"
-					} : {
-						status: "fail",
-						name,
-						detail: "no rule mentions it",
-						reason: `no stylesheet declares ${check.match}`
-					};
-				}
-				default: return {
-					status: "fail",
-					name: "unknown check",
-					detail: String(check)
-				};
-			}
-		}
-		/** A contract with no checks is documentation only (a legacy alias we still accept). */
-		function noChecks(c, lang) {
-			return {
-				id: c.id,
-				label: labelOf(c, lang),
-				symptom: symptomOf(c, lang),
-				status: "info",
-				detail: lang === "zh" ? "无需运行时检查 —— 仅记录兼容用法" : "no runtime check — accepted for compatibility",
-				target: c.target,
-				sources: c.sources,
-				usedBy: c.usedBy,
-				checks: []
-			};
-		}
-		/**
-		* Run every contract against a probe environment.
-		*
-		* Only the FIRST failing check of a contract is reported: the later ones usually
-		* depend on it (no service ⇒ no methods on it), so listing them all would turn
-		* one rename into five red lines.
-		*/
-		function probeContracts(env, lang) {
-			return HOST_CONTRACTS.map((c) => {
-				const result = {
-					id: c.id,
-					label: labelOf(c, lang),
-					symptom: symptomOf(c, lang),
-					status: "pass",
-					detail: "",
-					target: c.target,
-					sources: c.sources,
-					usedBy: c.usedBy,
-					checks: []
-				};
-				if (c.checks.length === 0) return noChecks(c, lang);
-				const outcomes = [];
-				let firstFail;
-				for (const check of c.checks) {
-					let outcome;
-					try {
-						outcome = evaluate(env, check);
-					} catch (e) {
-						outcome = {
-							status: "fail",
-							name: check.kind,
-							detail: String(e),
-							reason: `${check.kind} check threw`
-						};
-					}
-					outcomes.push(outcome);
-					if (outcome.status === "fail" && firstFail === void 0) firstFail = outcome;
-				}
-				result.checks = outcomes.map((o) => `${o.status} · ${o.name} — ${o.detail}`);
-				if (firstFail !== void 0) {
-					result.status = "fail";
-					result.detail = `${firstFail.name} — ${firstFail.detail}`;
-					result.reason = firstFail.reason;
-					return result;
-				}
-				const ran = outcomes.filter((o) => o.status !== "skip");
-				if (ran.length === 0) {
-					result.status = "skip";
-					result.detail = outcomes.map((o) => `${o.name} — ${o.detail}`).join("; ");
-					return result;
-				}
-				result.status = ran.some((o) => o.status === "info") && ran.every((o) => o.status === "info") ? "info" : "pass";
-				const last = ran[ran.length - 1];
-				result.detail = `${last.name} — ${last.detail}`;
-				return result;
-			});
-		}
-		/** Assemble the panel's report around a set of probe results. */
-		function buildClientReport(input, host) {
-			const results = probeContracts(browserEnv(input.ctx), input.lang);
-			const pass = results.filter((r) => r.status === "pass").length;
-			const fail = results.filter((r) => r.status === "fail").length;
-			const skip = results.filter((r) => r.status === "skip" || r.status === "info").length;
-			return {
-				phase: "client",
-				at: (/* @__PURE__ */ new Date()).toISOString(),
-				plugin: {
-					version: input.pluginVersion,
-					floor: input.floor
-				},
-				host: {
-					version: host.version,
-					compatible: host.compatible,
-					node: "",
-					root: "",
-					note: host.note,
-					model: input.model
-				},
-				results,
-				summary: {
-					pass,
-					fail,
-					skip,
-					total: results.length
-				}
-			};
-		}
-		//#endregion
-		//#region src/client/build-info.ts
-		/** This plugin's version at build time ('0.0.0' when built unbundled). */
-		const PLUGIN_VERSION = "0.4.2";
-		/** The dsh floor this build declares, straight from `engines.dsh`. */
-		const DSH_FLOOR = "0.1.7-rc.2";
 		const UI_CSS = `
 /* The section is rendered INLINE inside the host settings dialog's content
  * column: the host provides the modal chrome (backdrop, centering, closing).
@@ -3611,6 +1380,22 @@ window.__ModuleLoader__.load({
 }
 `;
 		const CSS_ID = "dab-ui-css";
+		/**
+		* The attribute that marks a `<style>` element as OURS.
+		*
+		* The host's own CSS modules also set `data-plugin` on their `<style>` elements
+		* (every one of them), so `data-plugin` cannot distinguish this plugin's sheets
+		* from the host's — and the host-contract probe has to make exactly that
+		* distinction: a token this plugin re-emits must never be allowed to make a
+		* *host* check pass. This attribute is the honest marker, and it is set on every
+		* stylesheet this plugin injects.
+		*/
+		const OWN_SHEET_ATTR = "data-dab-side";
+		/** Mark a stylesheet this plugin injected, so the host probe can tell it apart. */
+		function markOwnSheet(el) {
+			el.setAttribute(OWN_SHEET_ATTR, "own");
+			return el;
+		}
 		/** Inject the design-system stylesheet once per document (HMR-safe). */
 		function ensureUiCss() {
 			if (typeof document === "undefined") return;
@@ -3618,11 +1403,2302 @@ window.__ModuleLoader__.load({
 			if (!el) {
 				el = document.createElement("style");
 				el.id = CSS_ID;
+				markOwnSheet(el);
 				document.head.appendChild(el);
 			}
-			if (el.textContent !== UI_CSS) el.textContent = UI_CSS;
+			if (el.textContent !== UI_CSS) el.textContent = UI_CSS;
+		}
+		//#endregion
+		//#region src/client/wallpaper.ts
+		let wpEl = null;
+		let appliedTokenNames = [];
+		let tokenStyleEl = null;
+		function ensureTokenStyle() {
+			if (tokenStyleEl?.isConnected) return tokenStyleEl;
+			tokenStyleEl = document.createElement("style");
+			tokenStyleEl.dataset.plugin = "dsh-background-by-model-tokens";
+			markOwnSheet(tokenStyleEl);
+			document.head.appendChild(tokenStyleEl);
+			return tokenStyleEl;
+		}
+		function clearCustomTokens() {
+			if (tokenStyleEl) tokenStyleEl.textContent = "";
+			for (const name of appliedTokenNames) document.body.style.removeProperty(name);
+			appliedTokenNames = [];
+		}
+		const OPACITY_TOKEN_GROUPS = [
+			{
+				part: "bg",
+				names: ["--dsw-alias-bg-base"]
+			},
+			{
+				part: "sidebar",
+				names: ["--dsw-specific-sidebar-fill"]
+			},
+			{
+				part: "card",
+				names: [
+					"--dsw-alias-bg-layer-1",
+					"--dsw-alias-bg-layer-2",
+					"--dsw-alias-bg-layer-3",
+					"--dsw-specific-menu",
+					"--dsw-menu-surface-fill"
+				]
+			},
+			{
+				part: "input",
+				names: ["--dsw-specific-input-major"]
+			}
+		];
+		const OPACITY_VARS = {
+			"--dsw-alias-bg-base": "--dsh-any-op-bg",
+			"--dsw-specific-sidebar-fill": "--dsh-any-op-sidebar",
+			"--dsw-alias-bg-layer-1": "--dsh-any-op-card-1",
+			"--dsw-alias-bg-layer-2": "--dsh-any-op-card-2",
+			"--dsw-alias-bg-layer-3": "--dsh-any-op-card-3",
+			"--dsw-specific-input-major": "--dsh-any-op-input",
+			"--dsw-specific-menu": "--dsh-any-op-menu",
+			"--dsw-menu-surface-fill": "--dsh-any-op-menu"
+		};
+		let baseTokenKey = "";
+		let pendingOps = null;
+		let tokensRaf = null;
+		function applyCustomTokens(ops) {
+			pendingOps = ops;
+			if (tokensRaf !== null) return;
+			tokensRaf = requestAnimationFrame(() => {
+				tokensRaf = null;
+				if (pendingOps === null) return;
+				const o = pendingOps;
+				pendingOps = null;
+				applyCustomTokensNow(o);
+			});
+		}
+		let lastBgKey = "";
+		function applyCustomTokensNow(ops) {
+			const [h, s, l] = rColor();
+			const { tokens } = genTokens(h, s, l);
+			try {
+				const forceDark = l < .55;
+				if (`${h}|${s}|${l}` !== baseTokenKey) {
+					baseTokenKey = `${h}|${s}|${l}`;
+					if (forceDark) document.body.setAttribute("data-ds-dark-theme", "dsh-background-by-model");
+					else document.body.removeAttribute("data-ds-dark-theme");
+					const decls = [`color-scheme:${forceDark ? "dark" : "light"}`];
+					for (const [name, value] of Object.entries(tokens)) {
+						const opVar = OPACITY_VARS[name];
+						decls.push(`${name}:${opVar !== void 0 ? `var(${opVar})` : value}!important`);
+					}
+					ensureTokenStyle().textContent = `body{${decls.join(";")}}`;
+					for (const name of appliedTokenNames) document.body.style.removeProperty(name);
+					appliedTokenNames = Object.keys(tokens);
+				}
+				const root = document.documentElement;
+				for (const g of OPACITY_TOKEN_GROUPS) for (const name of g.names) root.style.setProperty(OPACITY_VARS[name], toRgba(tokens[name] ?? "#000", ops[g.part]));
+				root.style.setProperty("--dsh-any-op-menu-cordis", toRgba(tokens["--dsw-specific-menu"] ?? "#000", ops.input));
+				const bgKey = `${baseTokenKey}|${ops.bg}`;
+				if (bgKey !== lastBgKey) {
+					lastBgKey = bgKey;
+					applyPartOpacities(ops);
+				}
+			} catch {}
+		}
+		const SETTINGS_PANEL_SEL = "[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby]";
+		const SETTINGS_STYLE_RULE = `${SETTINGS_PANEL_SEL}{background:var(--dsh-any-bg-settings-surface,var(--dsw-alias-bg-layer-2));backdrop-filter:var(--dsh-any-blur-settings,none);--dsw-alias-bg-layer-1:var(--dsh-any-bg-settings-layer-1);--dsw-alias-bg-layer-2:var(--dsh-any-bg-settings-layer-2);--dsw-alias-bg-layer-3:var(--dsh-any-bg-settings-layer-3)}${SETTINGS_PANEL_SEL} .dab-card{backdrop-filter:var(--dsh-any-blur-card-panels,none);-webkit-backdrop-filter:var(--dsh-any-blur-card-panels,none)}`;
+		const INPUT_BLUR_RULE = "[data-composer-card],[data-cordis-panel]{-webkit-backdrop-filter:var(--dsh-any-input-blur,none);backdrop-filter:var(--dsh-any-input-blur,none)}[data-cordis-panel]{--dsw-specific-menu:var(--dsh-any-op-menu-cordis)!important}";
+		function applyInputBlur(px) {
+			if (px > 0) document.documentElement.style.setProperty("--dsh-any-input-blur", `blur(${px}px)`);
+			else document.documentElement.style.removeProperty("--dsh-any-input-blur");
+		}
+		function applySettingsOverrides(op) {
+			const [h, s, l] = rColor();
+			const tokens = genTokens(h, s, l).tokens;
+			const layer1 = tokens["--dsw-alias-bg-layer-1"];
+			const layer2 = tokens["--dsw-alias-bg-layer-2"];
+			const layer3 = tokens["--dsw-alias-bg-layer-3"];
+			if (layer2 !== void 0) document.documentElement.style.setProperty("--dsh-any-bg-settings-surface", toRgba(layer2, op));
+			if (layer1 !== void 0) document.documentElement.style.setProperty("--dsh-any-bg-settings-layer-1", toRgba(layer1, op));
+			if (layer2 !== void 0) document.documentElement.style.setProperty("--dsh-any-bg-settings-layer-2", toRgba(layer2, op));
+			if (layer3 !== void 0) document.documentElement.style.setProperty("--dsh-any-bg-settings-layer-3", toRgba(layer3, op));
+		}
+		const TRAJECTORY_STYLE_RULE = "[data-conversation-composer-overlay]{--dsw-alias-bg-layer-1:var(--dsh-any-traj-layer-1);--dsw-alias-bg-layer-2:var(--dsh-any-traj-layer-2);--dsw-alias-bg-layer-3:var(--dsh-any-traj-layer-3)}";
+		function applyTrajectoryOverrides(op) {
+			const [h, s, l] = rColor();
+			const tokens = genTokens(h, s, l).tokens;
+			const layer1 = tokens["--dsw-alias-bg-layer-1"];
+			const layer2 = tokens["--dsw-alias-bg-layer-2"];
+			const layer3 = tokens["--dsw-alias-bg-layer-3"];
+			if (layer1 !== void 0) document.documentElement.style.setProperty("--dsh-any-traj-layer-1", toRgba(layer1, op));
+			if (layer2 !== void 0) document.documentElement.style.setProperty("--dsh-any-traj-layer-2", toRgba(layer2, op));
+			if (layer3 !== void 0) document.documentElement.style.setProperty("--dsh-any-traj-layer-3", toRgba(layer3, op));
+		}
+		const RIGHTBAR_STYLE_RULE = "div[data-sidebar-right-panel]:not(:has([data-dockkit-content],[data-dockkit-empty]))[data-sidebar-right-open],div[data-sidebar-right-panel] [data-dockkit-content]:not([data-dockkit-float]),div[data-sidebar-right-panel] [data-dockkit-empty]{background:var(--dsh-any-bg-rightbar,var(--dsw-alias-bg-base))!important}div[data-sidebar-right-panel][data-sidebar-right-open]{-webkit-backdrop-filter:var(--dsh-any-blur-rightbar,none);backdrop-filter:var(--dsh-any-blur-rightbar,none)}";
+		/** Paint the file-preview panel's surface from its own slider. */
+		function applyRightbarOverrides(op) {
+			const root = document.documentElement;
+			if (!rHasColor()) {
+				root.style.removeProperty("--dsh-any-bg-rightbar");
+				return;
+			}
+			const [h, s, l] = rColor();
+			const base = genTokens(h, s, l).tokens["--dsw-alias-bg-base"];
+			if (base !== void 0) root.style.setProperty("--dsh-any-bg-rightbar", toRgba(base, op));
+		}
+		/** Extra backdrop frost for the file-preview panel (0 = no frost of its own). */
+		function applyRightbarBlur(px) {
+			if (px > 0) document.documentElement.style.setProperty("--dsh-any-blur-rightbar", `blur(${px}px)`);
+			else document.documentElement.style.removeProperty("--dsh-any-blur-rightbar");
+		}
+		let frameEl = null;
+		let sidebarEl = null;
+		let centerEl = null;
+		let detailsEl = null;
+		const PART_BLUR_CLASS = "dab-part-blur";
+		const PART_UNDERLAY_CLASS = "dab-part-underlay";
+		const PART_BLUR_RULE = `${PART_BLUR_CLASS}{isolation:isolate}.${PART_UNDERLAY_CLASS}{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;backdrop-filter:var(--dsh-any-part-blur,none);-webkit-backdrop-filter:var(--dsh-any-part-blur,none)}`;
+		let partBlurStyleEl = null;
+		function ensurePartBlurStyle() {
+			if (partBlurStyleEl?.isConnected) return;
+			partBlurStyleEl = document.createElement("style");
+			partBlurStyleEl.dataset.plugin = "dsh-background-by-model-parts";
+			markOwnSheet(partBlurStyleEl);
+			partBlurStyleEl.textContent = PART_BLUR_RULE;
+			document.head.appendChild(partBlurStyleEl);
+		}
+		function discoverParts() {
+			const overlay = document.querySelector("[data-shell-overlay]");
+			if (overlay === null) return;
+			const frame = overlay.parentElement;
+			if (frame === null) return;
+			frameEl = frame;
+			const idx = Array.from(frame.children).indexOf(overlay);
+			sidebarEl = frame.children[idx - 3] ?? null;
+			centerEl = frame.children[idx - 2] ?? null;
+			detailsEl = frame.children[idx - 1] ?? null;
+		}
+		function setBlur(el, px) {
+			if (el === null) return;
+			const underlay = el.querySelector(`:scope > .${PART_UNDERLAY_CLASS}`);
+			if (px > 0) {
+				ensurePartBlurStyle();
+				if (!el.classList.contains(PART_BLUR_CLASS) && getComputedStyle(el).position === "static") {
+					el.style.position = "relative";
+					el.setAttribute("data-dab-pos-patched", "1");
+				}
+				el.classList.add(PART_BLUR_CLASS);
+				if (underlay === null) {
+					const node = document.createElement("div");
+					node.className = PART_UNDERLAY_CLASS;
+					el.prepend(node);
+				}
+				el.style.setProperty("--dsh-any-part-blur", `blur(${px}px)`);
+			} else {
+				el.classList.remove(PART_BLUR_CLASS);
+				el.style.removeProperty("--dsh-any-part-blur");
+				underlay?.remove();
+				if (el.getAttribute("data-dab-pos-patched") === "1") {
+					el.style.removeProperty("position");
+					el.removeAttribute("data-dab-pos-patched");
+				}
+			}
+		}
+		function applySettingsBlur(px) {
+			if (px > 0) document.documentElement.style.setProperty("--dsh-any-blur-settings", `blur(${px}px)`);
+			else document.documentElement.style.removeProperty("--dsh-any-blur-settings");
+		}
+		/** Apply the main-background opacity to the center/details columns instead of
+		*  the frame. The frame's translucent bg-base sits UNDER the sidebar, so
+		*  reducing the main-bg opacity stacked a second alpha onto the sidebar; moving
+		*  the alpha onto the columns keeps the sidebar owned by its own slider. */
+		function applyPartOpacities(ops) {
+			if (!rHasColor()) return;
+			discoverParts();
+			if (frameEl === null) return;
+			const [h, s, l] = rColor();
+			const base = genTokens(h, s, l).tokens["--dsw-alias-bg-base"];
+			frameEl.style.background = "transparent";
+			if (centerEl !== null) centerEl.style.background = base !== void 0 ? toRgba(base, ops.bg) : "transparent";
+			if (detailsEl !== null) detailsEl.style.background = base !== void 0 ? toRgba(base, ops.bg) : "transparent";
+		}
+		/** Blur of the option panels inside the settings dialog (.dab-card), owned by
+		*  the "dialog option panel" (card) blur slider. Written as a plugin-owned
+		*  variable consumed by SETTINGS_STYLE_RULE — deliberately NOT applied to the
+		*  homepage center/details columns, which this slider must never touch. */
+		function applyCardPanelsBlur(px) {
+			if (px > 0) document.documentElement.style.setProperty("--dsh-any-blur-card-panels", `blur(${px}px)`);
+			else document.documentElement.style.removeProperty("--dsh-any-blur-card-panels");
+		}
+		/** Apply per-part interface blur to the AppFrame columns + settings panel. */
+		function applyPartBlurs(blurs) {
+			discoverParts();
+			setBlur(frameEl, 0);
+			setBlur(sidebarEl, blurs.sidebar);
+			setBlur(centerEl, blurs.bg);
+			setBlur(detailsEl, blurs.bg);
+			applyCardPanelsBlur(blurs.card);
+			applySettingsBlur(blurs.settings);
+			applyInputBlur(blurs.input);
+			applyRightbarBlur(blurs.rightbar);
+			applyViewCards();
+		}
+		/** Live per-part blur update during slider drag (no full re-apply). */
+		function setPartBlur(part, v) {
+			if (part === "settings") {
+				applySettingsBlur(v);
+				return;
+			}
+			if (part === "card") {
+				applyCardPanelsBlur(v);
+				return;
+			}
+			if (part === "input") {
+				applyInputBlur(v);
+				return;
+			}
+			if (part === "rightbar") {
+				applyRightbarBlur(v);
+				return;
+			}
+			if (part === "chat" || part === "trajectory") {
+				applyViewCards();
+				return;
+			}
+			discoverParts();
+			if (part === "bg") {
+				setBlur(centerEl, v);
+				setBlur(detailsEl, v);
+			} else setBlur(sidebarEl, v);
+		}
+		const VIEW_CARDS = [{
+			sel: "[data-chat-flow]",
+			mark: "data-dab-chat-card",
+			prev: "dabChatPrev",
+			opacity: rChatTextOpacity,
+			blur: () => rBlurs().chat,
+			fallback: true
+		}, {
+			sel: "[data-conversation-composer-overlay]",
+			mark: "data-dab-traj-card",
+			prev: "dabTrajPrev",
+			opacity: rTrajectoryOpacity,
+			blur: () => rBlurs().trajectory,
+			plain: true
+		}];
+		const viewTargets = VIEW_CARDS.map(() => null);
+		function isScrollableY(el) {
+			const oy = getComputedStyle(el).overflowY;
+			return oy === "auto" || oy === "scroll" || oy === "overlay";
+		}
+		/** Whether the subtree hosts the chat input (textarea / contenteditable /
+		*  textbox role) — used to keep the card off the input row. */
+		function containsChatEditor(el) {
+			return el.querySelector("textarea,[contenteditable=\"true\"],[contenteditable=\"\"],[contenteditable=\"plaintext-only\"],[role=\"textbox\"]") !== null;
+		}
+		/** Walk down from a coarse candidate toward the actual message column. */
+		function refineMessageColumn(start) {
+			let cur = start;
+			for (let depth = 0; depth < 10; depth++) {
+				if (isScrollableY(cur)) break;
+				const kids = Array.from(cur.children).filter((k) => k instanceof HTMLElement);
+				if (kids.length === 0) break;
+				const tallest = kids.reduce((a, b) => b.clientHeight > a.clientHeight ? b : a);
+				if (containsChatEditor(cur)) {
+					const candidates = kids.filter((k) => !containsChatEditor(k) && k.clientHeight >= cur.clientHeight * .4);
+					if (candidates.length === 0) break;
+					cur = candidates.reduce((a, b) => b.clientHeight > a.clientHeight ? b : a);
+					continue;
+				}
+				if (kids.length > 1 && tallest.clientHeight >= cur.clientHeight * .85) {
+					cur = tallest;
+					continue;
+				}
+				break;
+			}
+			return cur;
+		}
+		function discoverViewTarget(idx, spec) {
+			if (centerEl === null || !document.body.contains(centerEl)) {
+				viewTargets[idx] = null;
+				return null;
+			}
+			const marked = centerEl.querySelector(spec.sel);
+			const cached = viewTargets[idx];
+			if (marked !== null) {
+				if (cached !== null && cached !== marked) {
+					setBlur(cached, 0);
+					restoreCardHost(cached, spec.mark, spec.prev, spec.plain === true);
+				}
+				viewTargets[idx] = marked;
+				return marked;
+			}
+			if (cached !== null && centerEl.contains(cached)) return cached;
+			viewTargets[idx] = null;
+			if (spec.fallback !== true) return null;
+			if (centerEl.querySelector("[data-conversation-scroll]") !== null) return null;
+			if (spec.opacity() <= 0 && spec.blur() <= 0) return null;
+			let best = null;
+			let bestArea = 0;
+			for (const el of Array.from(centerEl.querySelectorAll("*"))) {
+				if (!isScrollableY(el)) continue;
+				if (el.clientHeight < centerEl.clientHeight * .35) continue;
+				const area = el.clientWidth * el.clientHeight;
+				if (area > bestArea) {
+					bestArea = area;
+					best = el;
+				}
+			}
+			if (best === null) for (const el of Array.from(centerEl.children)) {
+				if (!(el instanceof HTMLElement)) continue;
+				if (el.clientHeight < centerEl.clientHeight * .5) continue;
+				if (el.clientHeight > (best?.clientHeight ?? 0)) best = el;
+			}
+			const refined = best !== null ? refineMessageColumn(best) : null;
+			viewTargets[idx] = refined;
+			return refined;
+		}
+		/** Stash the host's own inline values so teardown restores them exactly. */
+		function stashCardPrev(el, prev, plain) {
+			const ds = el.dataset;
+			ds[prev + "Bg"] = el.style.getPropertyValue("background");
+			if (plain) return;
+			ds[prev + "Border"] = el.style.getPropertyValue("border");
+			ds[prev + "Radius"] = el.style.getPropertyValue("border-radius");
+			ds[prev + "Padding"] = el.style.getPropertyValue("padding");
+		}
+		/** Undo the inline styling, restoring the host's previous inline values. */
+		function restoreCardHost(el, mark, prev, plain) {
+			if (!el.hasAttribute(mark)) return;
+			const ds = el.dataset;
+			const restore = (prop, v) => {
+				if (v !== void 0 && v !== "") el.style.setProperty(prop, v);
+				else el.style.removeProperty(prop);
+			};
+			restore("background", ds[prev + "Bg"]);
+			if (!plain) {
+				restore("border", ds[prev + "Border"]);
+				restore("border-radius", ds[prev + "Radius"]);
+				restore("padding", ds[prev + "Padding"]);
+				delete ds[prev + "Border"];
+				delete ds[prev + "Radius"];
+				delete ds[prev + "Padding"];
+			}
+			delete ds[prev + "Bg"];
+			el.removeAttribute(mark);
+		}
+		/** Teardown only: strip every view treatment and hand the hosts back untouched. */
+		function removeViewCards() {
+			VIEW_CARDS.forEach((spec, i) => {
+				const el = viewTargets[i];
+				if (el !== null) {
+					setBlur(el, 0);
+					restoreCardHost(el, spec.mark, spec.prev, spec.plain === true);
+				}
+				viewTargets[i] = null;
+			});
+		}
+		const TABLE_FIX_RULE = [
+			".md-table-wide {",
+			"  --dsh-table-spare: 0px !important;",
+			"  --dsh-table-lead: 0px !important;",
+			"  box-sizing: border-box !important;",
+			"  width: 100% !important;",
+			"  max-width: 100% !important;",
+			"  margin-left: 0 !important;",
+			"  padding-left: 0 !important;",
+			"  padding-bottom: 0 !important;",
+			"  overflow-x: auto !important;",
+			"}"
+		].join("\n");
+		let tableFixStyleEl = null;
+		/** Toggle the wide-table clamp according to the chat region's opacity & blur. */
+		function syncTableFix() {
+			if (!(rChatTextOpacity() > 0 || rBlurs().chat > 0)) {
+				if (tableFixStyleEl !== null) {
+					tableFixStyleEl.remove();
+					tableFixStyleEl = null;
+				}
+				return;
+			}
+			if (tableFixStyleEl === null) {
+				tableFixStyleEl = document.createElement("style");
+				tableFixStyleEl.dataset.plugin = "dsh-background-by-model-table-fix";
+				markOwnSheet(tableFixStyleEl);
+				tableFixStyleEl.textContent = TABLE_FIX_RULE;
+			}
+			if (!tableFixStyleEl.isConnected) document.head.appendChild(tableFixStyleEl);
+		}
+		/** Re-derive the conversation view cards from the current config. */
+		function applyViewCards() {
+			discoverParts();
+			if (centerEl === null) return;
+			const [h, s, l] = rColor();
+			const surface = genTokens(h, s, l).tokens["--dsw-alias-bg-layer-1"];
+			VIEW_CARDS.forEach((spec, i) => {
+				const target = discoverViewTarget(i, spec);
+				if (target === null) return;
+				const plain = spec.plain === true;
+				const opacity = spec.opacity();
+				const blurPx = spec.blur();
+				if (!plain) {
+					if (!target.hasAttribute(spec.mark)) stashCardPrev(target, spec.prev, false);
+					const borderAlpha = opacity > 0 ? Math.min(1, opacity * 1.5) : blurPx > 0 ? .35 : 0;
+					target.style.background = surface !== void 0 ? toRgba(surface, opacity) : "transparent";
+					target.style.border = surface !== void 0 ? `1px solid ${toRgba(surface, borderAlpha)}` : "1px solid transparent";
+					target.style.borderRadius = "16px";
+					target.style.padding = "18px";
+				}
+				target.setAttribute(spec.mark, "1");
+				setBlur(target, blurPx);
+			});
+			syncTableFix();
+		}
+		let partsObserver = null;
+		/** Watch for the AppFrame mounting so persisted blurs land even when the shell
+		*  renders after this plugin's apply. */
+		function watchParts() {
+			if (partsObserver !== null || typeof MutationObserver === "undefined") return;
+			partsObserver = new MutationObserver(() => {
+				if (frameEl !== null && sidebarEl !== null && centerEl !== null && detailsEl !== null && document.body.contains(frameEl) && viewTargets.every((el) => el !== null && document.body.contains(el))) return;
+				applyPartBlurs(rBlurs());
+				applyPartOpacities(rOps());
+			});
+			partsObserver.observe(document.body, {
+				childList: true,
+				subtree: true
+			});
+		}
+		function stopWatchingParts() {
+			partsObserver?.disconnect();
+			partsObserver = null;
+		}
+		let themeObserver = null;
+		let themeRaf = 0;
+		function reassertScheme() {
+			const [, , l] = rColor();
+			if (l < .55) document.body.setAttribute("data-ds-dark-theme", "dsh-background-by-model");
+			else document.body.removeAttribute("data-ds-dark-theme");
+			applyCustomTokens(rOps());
+		}
+		/** Re-assert the plugin's forced scheme whenever the host strips it, so a
+		*  refresh / cold-load / set-change never flashes a light frame. */
+		function watchThemeResets() {
+			if (themeObserver !== null || typeof MutationObserver === "undefined") return () => void 0;
+			themeObserver = new MutationObserver(() => {
+				if (document.body.getAttribute("data-ds-dark-theme") === "dsh-background-by-model") return;
+				if (!rHasColor()) return;
+				if (themeRaf !== 0) return;
+				themeRaf = requestAnimationFrame(() => {
+					themeRaf = 0;
+					if (document.body.getAttribute("data-ds-dark-theme") === "dsh-background-by-model") return;
+					reassertScheme();
+				});
+			});
+			themeObserver.observe(document.body, {
+				attributes: true,
+				attributeFilter: ["data-ds-dark-theme"]
+			});
+			themeObserver.observe(document.documentElement, {
+				attributes: true,
+				attributeFilter: ["data-ds-dark-theme"]
+			});
+			return () => {
+				themeObserver?.disconnect();
+				themeObserver = null;
+			};
+		}
+		const FADE_MS = 320;
+		let layers = null;
+		/** Index of the layer the user is looking at. */
+		let front = 0;
+		/** Index of the layer fading in right now, if any. */
+		let pending = null;
+		let fadeTimer = null;
+		function createLayer() {
+			const el = document.createElement("div");
+			el.dataset.dabWpLayer = "";
+			el.style.cssText = "position:absolute;inset:0;opacity:0;background-repeat:no-repeat;background-position:center;";
+			return {
+				el,
+				url: null
+			};
+		}
+		function ensureWpContainer() {
+			if (wpEl !== null && layers !== null && document.body.contains(wpEl)) return;
+			if (fadeTimer !== null) {
+				window.clearTimeout(fadeTimer);
+				fadeTimer = null;
+			}
+			const a = createLayer();
+			const b = createLayer();
+			wpEl = document.createElement("div");
+			wpEl.dataset.dabWp = "";
+			wpEl.style.cssText = "position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;";
+			wpEl.append(a.el, b.el);
+			layers = [a, b];
+			front = 0;
+			pending = null;
+			document.body.prepend(wpEl);
+		}
+		/** Drop the whole wallpaper layer (no rule carries an image). */
+		function dropWpContainer() {
+			if (fadeTimer !== null) {
+				window.clearTimeout(fadeTimer);
+				fadeTimer = null;
+			}
+			pending = null;
+			front = 0;
+			layers = null;
+			wpEl?.remove();
+			wpEl = null;
+		}
+		/** Release one layer's image — the layer is fully covered when this is called. */
+		function clearLayer(l) {
+			if (l.url === null) return;
+			l.url = null;
+			l.el.style.backgroundImage = "";
+			l.el.style.backgroundSize = "";
+			l.el.style.backgroundPosition = "";
+		}
+		/** Intrinsic-size cache for the center mode (native pixels of the current image). */
+		let imgNat = null;
+		function imageNatSize(url, cb) {
+			if (imgNat !== null && imgNat.url === url) {
+				cb(imgNat.w, imgNat.h);
+				return;
+			}
+			const img = new Image();
+			img.onload = () => {
+				imgNat = {
+					url,
+					w: img.naturalWidth,
+					h: img.naturalHeight
+				};
+				cb(img.naturalWidth, img.naturalHeight);
+			};
+			img.onerror = () => cb(0, 0);
+			img.src = url;
+		}
+		/** Paint one layer's image and its placement. The placement always follows the
+		*  ACTIVE rule: the incoming layer is painted right after a switch, and a
+		*  repaint of the same URL (framing edit, viewport resize) must use the rule's
+		*  current framing. */
+		function paintLayer(l, url) {
+			const el = l.el;
+			l.url = url;
+			const bg = rBgState();
+			const mode = rBgMode();
+			const next = `url("${url}")`;
+			if (el.style.backgroundImage !== next) el.style.backgroundImage = next;
+			if (mode === "fit") {
+				el.style.backgroundRepeat = "no-repeat";
+				if (bg.iw > 0) {
+					const fit = Math.min(window.innerWidth / bg.iw, window.innerHeight / bg.ih);
+					const w = bg.iw * fit * bg.zoom;
+					const h = bg.ih * fit * bg.zoom;
+					el.style.backgroundSize = `${w}px ${h}px`;
+					el.style.backgroundPosition = `${bg.x * window.innerWidth - w / 2}px ${bg.y * window.innerHeight - h / 2}px`;
+				} else {
+					el.style.backgroundSize = "contain";
+					el.style.backgroundPosition = "center";
+				}
+			} else if (mode === "fill") {
+				el.style.backgroundRepeat = "no-repeat";
+				el.style.backgroundSize = "cover";
+				el.style.backgroundPosition = "center";
+			} else if (mode === "stretch") {
+				el.style.backgroundRepeat = "no-repeat";
+				el.style.backgroundSize = "100% 100%";
+				el.style.backgroundPosition = "center";
+			} else if (mode === "tile") {
+				el.style.backgroundRepeat = "repeat";
+				el.style.backgroundSize = "auto";
+				el.style.backgroundPosition = "0px 0px";
+			} else {
+				el.style.backgroundRepeat = "no-repeat";
+				el.style.backgroundSize = "contain";
+				el.style.backgroundPosition = "center";
+				imageNatSize(url, (w, h) => {
+					if (l.url !== url || el.style.backgroundImage !== next || rBgMode() !== "center") return;
+					if (w > 0 && h > 0) {
+						el.style.backgroundSize = `${w}px ${h}px`;
+						el.style.backgroundPosition = "center";
+					}
+				});
+			}
+		}
+		/** Whether a switch should animate: nothing to fade from, an invisible
+		*  wallpaper and a reduced-motion preference all switch instantly. */
+		function canFade(from) {
+			if (from.url === null) return false;
+			if (rWop() <= .01) return false;
+			const mm = typeof window.matchMedia === "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null;
+			return mm === null || !mm.matches;
+		}
+		/** End an in-flight fade: promote the incoming layer, free the one under it. */
+		function finishFade(idx) {
+			if (layers === null || pending !== idx) return;
+			if (fadeTimer !== null) {
+				window.clearTimeout(fadeTimer);
+				fadeTimer = null;
+			}
+			pending = null;
+			front = idx;
+			const el = layers[idx].el;
+			el.style.opacity = "1";
+			el.style.willChange = "";
+			clearLayer(layers[idx === 0 ? 1 : 0]);
+		}
+		/** Land an in-flight fade on its end state at once (another switch arrived). */
+		function settleFade() {
+			if (layers === null || pending === null) return;
+			const idx = pending;
+			if (fadeTimer !== null) {
+				window.clearTimeout(fadeTimer);
+				fadeTimer = null;
+			}
+			pending = null;
+			front = idx;
+			const el = layers[idx].el;
+			el.style.transition = "none";
+			el.style.opacity = "1";
+			el.style.willChange = "";
+			clearLayer(layers[idx === 0 ? 1 : 0]);
+		}
+		/** Abandon an in-flight fade: the layer it was leaving holds the wanted image. */
+		function cancelFade() {
+			if (layers === null || pending === null) return;
+			const idx = pending;
+			if (fadeTimer !== null) {
+				window.clearTimeout(fadeTimer);
+				fadeTimer = null;
+			}
+			pending = null;
+			const el = layers[idx].el;
+			el.style.transition = "none";
+			el.style.opacity = "0";
+			el.style.willChange = "";
+			clearLayer(layers[idx]);
+		}
+		/** Show `url` on the wallpaper layer, cross-fading from what it paints now. */
+		function applyImageWp(url) {
+			ensureWpContainer();
+			const ls = layers;
+			if (pending !== null) {
+				if (ls[pending].url === url) {
+					paintLayer(ls[pending], url);
+					applyWpEffects();
+					return;
+				}
+				if (ls[front].url === url) {
+					cancelFade();
+					paintLayer(ls[front], url);
+					applyWpEffects();
+					return;
+				}
+				settleFade();
+			}
+			if (ls[front].url === url) {
+				paintLayer(ls[front], url);
+				applyWpEffects();
+				return;
+			}
+			const from = ls[front];
+			const idx = front === 0 ? 1 : 0;
+			const target = ls[idx];
+			const el = target.el;
+			el.style.transition = "none";
+			el.style.opacity = "0";
+			el.style.zIndex = "1";
+			from.el.style.zIndex = "0";
+			paintLayer(target, url);
+			applyWpEffects();
+			if (!canFade(from)) {
+				el.style.opacity = "1";
+				front = idx;
+				clearLayer(from);
+				return;
+			}
+			el.style.willChange = "opacity";
+			pending = idx;
+			requestAnimationFrame(() => {
+				if (pending !== idx || layers === null) return;
+				el.style.transition = `opacity ${FADE_MS}ms ease`;
+				el.style.opacity = "1";
+			});
+			fadeTimer = window.setTimeout(() => finishFade(idx), 480);
+		}
+		function applyWpEffects() {
+			if (wpEl === null || layers === null) return;
+			wpEl.style.opacity = String(rWop());
+			const blur = rBl();
+			const filter = blur > 0 ? `blur(${blur}px)` : "";
+			layers[0].el.style.filter = filter;
+			layers[1].el.style.filter = filter;
+		}
+		/** Repaint the wallpaper layer, the token palette and every interface part from
+		*  the ACTIVE rule. This is the single entry point a rule switch goes through. */
+		function applyWp() {
+			const url = rWp();
+			if (url) applyImageWp(url);
+			else if (wpEl !== null) dropWpContainer();
+			if (rHasColor()) {
+				applyCustomTokens(rOps());
+				applySettingsOverrides(rSop());
+				applyTrajectoryOverrides(rTrajectoryOpacity());
+			} else {
+				clearCustomTokens();
+				document.body.removeAttribute("data-ds-dark-theme");
+				baseTokenKey = "";
+				lastBgKey = "";
+			}
+			applyRightbarOverrides(rRightbarOpacity());
+			applyPartBlurs(rBlurs());
+		}
+		function teardownWp() {
+			dropWpContainer();
+			clearCustomTokens();
+			tokenStyleEl?.remove();
+			tokenStyleEl = null;
+			removeViewCards();
+			document.body.removeAttribute("data-ds-dark-theme");
+			document.body.style.removeProperty("color-scheme");
+			document.documentElement.style.removeProperty("--dsh-any-bg-settings-surface");
+			document.documentElement.style.removeProperty("--dsh-any-bg-settings-layer-1");
+			document.documentElement.style.removeProperty("--dsh-any-bg-settings-layer-2");
+			document.documentElement.style.removeProperty("--dsh-any-bg-settings-layer-3");
+			document.documentElement.style.removeProperty("--dsh-any-traj-layer-1");
+			document.documentElement.style.removeProperty("--dsh-any-traj-layer-2");
+			document.documentElement.style.removeProperty("--dsh-any-traj-layer-3");
+			document.documentElement.style.removeProperty("--dsh-any-blur-settings");
+			document.documentElement.style.removeProperty("--dsh-any-blur-card-panels");
+			document.documentElement.style.removeProperty("--dsh-any-input-blur");
+			document.documentElement.style.removeProperty("--dsh-any-bg-rightbar");
+			document.documentElement.style.removeProperty("--dsh-any-blur-rightbar");
+			for (const v of Object.values(OPACITY_VARS)) document.documentElement.style.removeProperty(v);
+			baseTokenKey = "";
+			lastBgKey = "";
+			if (tokensRaf !== null) {
+				cancelAnimationFrame(tokensRaf);
+				tokensRaf = null;
+			}
+			pendingOps = null;
+			tableFixStyleEl?.remove();
+			tableFixStyleEl = null;
+			setBlur(frameEl, 0);
+			setBlur(sidebarEl, 0);
+			setBlur(centerEl, 0);
+			setBlur(detailsEl, 0);
+			if (frameEl !== null) frameEl.style.removeProperty("background");
+			if (centerEl !== null) centerEl.style.removeProperty("background");
+			if (detailsEl !== null) detailsEl.style.removeProperty("background");
+			stopWatchingParts();
+		}
+		//#endregion
+		//#region src/client/modelbg.ts
+		/** Rules that can actually paint: enabled and carrying an image slot. */
+		function usable(rules) {
+			return rules.filter((r) => r.enabled && r.slot !== "");
+		}
+		/**
+		* Resolve the rule for one model text.
+		*
+		* Top→bottom, first case-insensitive substring hit wins; an empty `match` never
+		* hits on its own. When nothing hits, the FIRST usable rule is the fallback
+		* (rule 1 deliberately doubles as both a matcher and the fallback).
+		*/
+		function matchRule(rules, modelText) {
+			const list = usable(rules);
+			if (list.length === 0) return {
+				rule: null,
+				matched: false
+			};
+			const hay = modelText.toLowerCase();
+			if (hay.trim() !== "") for (const rule of list) {
+				const needle = rule.match.trim().toLowerCase();
+				if (needle === "") continue;
+				if (hay.includes(needle)) return {
+					rule,
+					matched: true
+				};
+			}
+			return {
+				rule: list[0],
+				matched: false
+			};
+		}
+		/** Look the current model's display name up in the shared catalog. */
+		function displayNameOf(state, provider, model) {
+			if (model === "" || !Array.isArray(state?.groups)) return "";
+			for (const group of state.groups) {
+				if (group.id !== provider) continue;
+				for (const entry of group.models ?? []) if (entry.id === model) return typeof entry.name === "string" ? entry.name : "";
+			}
+			return "";
+		}
+		/** How often to look for the sessions service that mounts after this plugin. */
+		const ATTACH_RETRY_MS = 400;
+		/** Stop looking after this many tries (~2 minutes). */
+		const ATTACH_RETRY_LIMIT = 300;
+		/** Safety re-read of every source, so a missed notification cannot pin a stale model. */
+		const POLL_MS = 1500;
+		/** One selection out of a `modelSelection` projection value. */
+		function selectionOf(value) {
+			const pick = value?.next ?? value?.lastUsed ?? null;
+			if (pick === null || typeof pick !== "object") return null;
+			const provider = typeof pick.provider === "string" ? pick.provider : "";
+			const model = typeof pick.model === "string" ? pick.model : "";
+			if (provider === "" && model === "") return null;
+			return {
+				provider,
+				model
+			};
+		}
+		/** A non-empty string id, or null. */
+		function asId(value) {
+			return typeof value === "string" && value !== "" ? value : null;
+		}
+		/**
+		* The id of the session the main view is showing.
+		*
+		* The model is read per session, so this hop has to answer before any of the
+		* others can. 0.1.7 moved the answer: `sessions.list` stopped publishing a single
+		* `current` id in favour of a row table (`ids` / `byId` / `phase`), and the main
+		* view's session is now whatever holds a `mainView` retention — the same row the
+		* host's own `uiSession.current` binding source is built from. Reading only
+		* `list.current` therefore finds nothing on 0.1.7, and a plugin with no session
+		* id can only ever fall back to rule 1: the background stops following the model.
+		*
+		* The hops are tried in order of authority and every one is optional, so this
+		* answers on both host generations — and while `uiSession` is still mounting.
+		*/
+		function resolveMainSessionId(uiCurrent, snapshot) {
+			const fromUiSession = asId(uiCurrent?.key);
+			if (fromUiSession !== null) return fromUiSession;
+			const legacy = asId(snapshot?.current);
+			if (legacy !== null) return legacy;
+			const byId = snapshot?.byId;
+			if (byId !== void 0 && byId !== null) {
+				for (const row of Object.values(byId)) if ((row?.retainedBy?.mainView ?? 0) > 0) {
+					const id = asId(row?.id);
+					if (id !== null) return id;
+				}
+			}
+			return null;
+		}
+		/** Read `uiSession.current` (if that service is on this host) and resolve. */
+		function mainSessionId(ctx, list) {
+			let uiCurrent;
+			try {
+				uiCurrent = ctx.get("uiSession")?.current?.getSnapshot?.();
+			} catch {}
+			return resolveMainSessionId(uiCurrent, list?.getSnapshot());
+		}
+		/**
+		* Watch the current session's model selection.
+		*
+		* @param ctx - client root context.
+		* @param onChange - called with the match text (provider + id + display name),
+		*   the best available label, which source answered, and — when nothing could be
+		*   read — the hop that failed.
+		* @returns disposer.
+		*/
+		function watchModel(ctx, onChange) {
+			let service = null;
+			let list = null;
+			let offList = null;
+			let sessionId = null;
+			let directory = null;
+			let offDirectory = null;
+			/** The session's own `modelSelection` projection face. */
+			let projected = null;
+			let offProjected = null;
+			let lastKey = "\0";
+			let poll = null;
+			let retry = null;
+			let retries = 0;
+			const release = () => {
+				if (offDirectory !== null) {
+					offDirectory();
+					offDirectory = null;
+				}
+				if (offProjected !== null) {
+					offProjected();
+					offProjected = null;
+				}
+				directory = null;
+				projected = null;
+			};
+			/** Bind the session's own durable model selection (the authoritative source). */
+			const bindProjection = (id) => {
+				const svc = service;
+				if (svc === null) return;
+				try {
+					let binding = typeof svc.binding === "function" ? svc.binding(id) : void 0;
+					if (binding === void 0 && typeof svc.scope === "function") {
+						svc.scope(id);
+						binding = typeof svc.binding === "function" ? svc.binding(id) : void 0;
+					}
+					const face = binding?.session?.projections?.faceOf?.("modelSelection");
+					if (face === void 0 || typeof face.subscribe !== "function" || typeof face.getSnapshot !== "function") return;
+					projected = face;
+					offProjected = face.subscribe(() => {
+						emit(false);
+					});
+				} catch {
+					projected = null;
+					offProjected = null;
+				}
+			};
+			const note = () => {
+				if (service === null) return "no-service";
+				if (sessionId === null) return "no-session";
+				if (projected === null && directory === null) return "no-projection";
+				return "empty-selection";
+			};
+			const emit = (force) => {
+				const state = directory?.store.getSnapshot();
+				const fromDirectory = state?.current ?? null;
+				const sel = fromDirectory !== null ? {
+					provider: fromDirectory.provider ?? "",
+					model: fromDirectory.model ?? ""
+				} : (() => {
+					try {
+						return selectionOf(projected?.getSnapshot());
+					} catch {
+						return null;
+					}
+				})();
+				const provider = sel?.provider ?? "";
+				const model = sel?.model ?? "";
+				const name = displayNameOf(state, provider, model);
+				const text = [
+					provider,
+					model,
+					name
+				].filter((p) => p !== "").join(" ").trim();
+				const noteValue = text === "" ? note() : "";
+				const key = `${text}\u0001${name}\u0001${noteValue}`;
+				if (!force && key === lastKey) return;
+				lastKey = key;
+				onChange(text, name !== "" ? name : model !== "" ? model : provider, "session", noteValue);
+			};
+			const bind = () => {
+				const id = mainSessionId(ctx, list);
+				if (id === sessionId && (directory !== null || projected !== null)) {
+					emit(false);
+					return;
+				}
+				release();
+				sessionId = id;
+				if (id !== null) {
+					bindProjection(id);
+					if (directory === null) {
+						const directories = ctx.get("modelDirectories");
+						if (directories !== void 0 && typeof directories.directoryFor === "function") try {
+							directory = directories.directoryFor(id);
+							offDirectory = directory.store.subscribe(() => {
+								emit(false);
+							});
+							const pending = directory.load?.();
+							if (pending !== void 0 && pending !== null && typeof pending.catch === "function") pending.catch(() => void 0);
+						} catch {
+							directory = null;
+							offDirectory = null;
+						}
+					}
+				}
+				emit(true);
+			};
+			const stopRetry = () => {
+				if (retry === null) return;
+				window.clearInterval(retry);
+				retry = null;
+			};
+			const tick = () => {
+				if (list === null) return;
+				if (mainSessionId(ctx, list) !== sessionId || directory === null && projected === null) bind();
+				else emit(false);
+			};
+			/**
+			* Look the sessions service up. It arrives after this plugin's bundle on this
+			* deployment, so the first attempt usually fails — which is exactly why this
+			* is a retry loop rather than a one-shot lookup.
+			*/
+			const attach = () => {
+				const svc = ctx.get("sessions");
+				if (svc === void 0 || svc === null) return false;
+				const face = svc.list;
+				if (face === void 0 || typeof face.subscribe !== "function" || typeof face.getSnapshot !== "function") return false;
+				service = svc;
+				list = face;
+				offList = face.subscribe(bind);
+				if (poll === null) poll = window.setInterval(tick, POLL_MS);
+				bind();
+				return true;
+			};
+			if (!attach()) retry = window.setInterval(() => {
+				retries++;
+				if (attach() || retries >= ATTACH_RETRY_LIMIT) stopRetry();
+			}, ATTACH_RETRY_MS);
+			return () => {
+				stopRetry();
+				if (poll !== null) {
+					window.clearInterval(poll);
+					poll = null;
+				}
+				if (offList !== null) {
+					offList();
+					offList = null;
+				}
+				service = null;
+				list = null;
+				release();
+			};
+		}
+		//#endregion
+		//#region src/host-contracts.ts
+		const SIDEBAR_RIGHT = "dsh-client-ui-sidebar-right";
+		/**
+		* The contract table.
+		*
+		* Ordered by group and then by how visible a break is: the model hop first (the
+		* plugin's whole purpose), then the surfaces it paints, then the tokens it
+		* re-emits, then the regions it decorates.
+		*/
+		const HOST_CONTRACTS = [
+			{
+				id: "sessions.list",
+				group: "model",
+				kind: "host-service",
+				criticality: "core",
+				since: "0.1.7",
+				label: {
+					en: "Session list service",
+					zh: "会话列表服务"
+				},
+				symptom: {
+					en: "no session id can be read, so the background is stuck on rule 1 and never follows the model",
+					zh: "读不到会话 id，背景会一直停在规则 1，不再跟着模型切换"
+				},
+				target: "sessions.list",
+				checks: [
+					{
+						kind: "service",
+						id: "sessions"
+					},
+					{
+						kind: "path",
+						service: "sessions",
+						path: "list",
+						expect: "observable"
+					},
+					{
+						kind: "path",
+						service: "sessions",
+						path: "list.getSnapshot",
+						expect: "function"
+					}
+				],
+				sources: [{
+					path: "dsh-api-session-controller/lib/client.js",
+					literal: "retainedBy"
+				}],
+				usedBy: "src/client/modelbg.ts"
+			},
+			{
+				id: "sessions.list.current",
+				group: "model",
+				kind: "host-service",
+				criticality: "label",
+				since: "<=0.1.6",
+				label: {
+					en: "Session list: legacy current id",
+					zh: "会话列表：旧版 current 字段"
+				},
+				symptom: {
+					en: "harmless on its own — the 0.1.7 hops below take over",
+					zh: "本身无害 —— 0.1.7 上由下面的兜底路径接管"
+				},
+				target: "list.current",
+				checks: [],
+				sources: [{
+					path: "dsh-api-session-controller/lib/client.js",
+					literal: "retainedBy"
+				}],
+				usedBy: "src/client/modelbg.ts"
+			},
+			{
+				id: "sessions.retainedBy.mainView",
+				group: "model",
+				kind: "host-service",
+				criticality: "label",
+				since: "0.1.7",
+				label: {
+					en: "Main-view retention on the session row",
+					zh: "会话行的主视图占用标记"
+				},
+				symptom: {
+					en: "while uiSession is not mounted yet, no session id can be derived",
+					zh: "uiSession 尚未挂载时推导不出会话 id"
+				},
+				target: "byId[].retainedBy.mainView",
+				checks: [],
+				sources: [{
+					path: "dsh-api-session-controller/lib/client.js",
+					literal: "retainedBy"
+				}],
+				usedBy: "src/client/modelbg.ts"
+			},
+			{
+				id: "uiSession.current",
+				group: "model",
+				kind: "host-service",
+				criticality: "core",
+				since: "0.1.7",
+				label: {
+					en: "uiSession service (main view session)",
+					zh: "uiSession 服务（主视图会话）"
+				},
+				symptom: {
+					en: "the session id can only be guessed from the list retention",
+					zh: "会话 id 只能退回用列表占用标记去猜"
+				},
+				target: "uiSession.current",
+				checks: [{
+					kind: "path",
+					service: "uiSession",
+					path: "current",
+					expect: "observable"
+				}],
+				sources: [{
+					path: "dsh-client-ui-session/lib/client.js",
+					literal: "uiSession"
+				}],
+				usedBy: "src/client/modelbg.ts"
+			},
+			{
+				id: "sessions.binding.projections",
+				group: "model",
+				kind: "host-service",
+				criticality: "core",
+				since: "<=0.1.6",
+				label: {
+					en: "Session binding + projections",
+					zh: "会话 binding 与 projections"
+				},
+				symptom: {
+					en: "this session's own model selection is unreadable — only the host default is left",
+					zh: "读不到本会话自己的模型选择，只剩宿主默认模型可用"
+				},
+				target: "binding(id).session.projections.faceOf(\"modelSelection\")",
+				checks: [{
+					kind: "path",
+					service: "sessions",
+					path: "binding",
+					expect: "function"
+				}],
+				sources: [{
+					path: "dsh-api-session-controller/lib/client.js",
+					literal: "faceOf"
+				}],
+				usedBy: "src/client/modelbg.ts"
+			},
+			{
+				id: "modelDirectories.directoryFor",
+				group: "model",
+				kind: "host-service",
+				criticality: "label",
+				since: "<=0.1.6",
+				label: {
+					en: "Model directory (display names)",
+					zh: "模型目录（显示名）"
+				},
+				symptom: {
+					en: "the model is shown as provider/model id instead of its display name",
+					zh: "模型只会显示 provider/模型 id，读不到显示名"
+				},
+				target: "modelDirectories.directoryFor(id)",
+				checks: [{
+					kind: "path",
+					service: "modelDirectories",
+					path: "directoryFor",
+					expect: "function"
+				}],
+				sources: [{
+					path: "dsh-client-ui-model-selection/lib/client.js",
+					literal: "modelSelection"
+				}],
+				usedBy: "src/client/modelbg.ts"
+			},
+			{
+				id: "shell.overlay",
+				group: "surface",
+				kind: "host-attr",
+				criticality: "looks",
+				since: "<=0.1.6",
+				label: {
+					en: "AppFrame overlay + its three columns",
+					zh: "主框架浮层与三列"
+				},
+				symptom: {
+					en: "per-part blur and the main-background opacity cannot find the columns at all",
+					zh: "分区域模糊与主背景透明度完全找不到那几列"
+				},
+				target: "[data-shell-overlay]",
+				checks: [{
+					kind: "attr",
+					attr: "data-shell-overlay"
+				}],
+				sources: [{
+					path: "dsh-client-ui-layout/lib/client.js",
+					literal: "data-shell-overlay"
+				}],
+				usedBy: "src/client/wallpaper.ts"
+			},
+			{
+				id: "settings.dialog",
+				group: "surface",
+				kind: "dom-selector",
+				criticality: "looks",
+				since: "<=0.1.6",
+				label: {
+					en: "Settings dialog (aria-modal)",
+					zh: "设置弹窗（aria-modal）"
+				},
+				symptom: {
+					en: "the settings panel opacity and blur sliders stop having any effect",
+					zh: "设置界面透明度与模糊失效"
+				},
+				target: "[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby]",
+				checks: [{
+					kind: "selector",
+					selector: "div[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby]",
+					optionalWhen: "settingsClosed"
+				}],
+				sources: [{
+					path: "dsh-client-ui-primitives/lib/index.js",
+					literal: "aria-modal"
+				}, {
+					path: "src/client/components/ui.css.ts",
+					literal: ".dab-card"
+				}],
+				usedBy: "src/client/wallpaper.ts"
+			},
+			{
+				id: "settings.card",
+				group: "surface",
+				kind: "host-style",
+				criticality: "looks",
+				since: "<=0.1.6",
+				label: {
+					en: "Option card inside the dialog (.dab-card)",
+					zh: "弹窗内的选项卡（.dab-card）"
+				},
+				symptom: {
+					en: "the dialog option-panel blur has nothing to attach to",
+					zh: "弹窗内选项卡的模糊没有附着对象"
+				},
+				target: ".dab-card",
+				checks: [{
+					kind: "rule",
+					match: ".dab-card",
+					side: "own",
+					hint: "settings dialog card class"
+				}],
+				sources: [{
+					path: "src/client/components/ui.css.ts",
+					literal: ".dab-card"
+				}],
+				usedBy: "src/client/wallpaper.ts"
+			},
+			{
+				id: "composer.card",
+				group: "surface",
+				kind: "host-attr",
+				criticality: "looks",
+				since: "<=0.1.6",
+				label: {
+					en: "Composer card",
+					zh: "输入框卡片"
+				},
+				symptom: {
+					en: "the composer loses its backdrop — the input blur slider does nothing",
+					zh: "输入框失去毛玻璃背板，输入区模糊滑块失效"
+				},
+				target: "[data-composer-card]",
+				checks: [{
+					kind: "attr",
+					attr: "data-composer-card",
+					optionalWhen: "chatNotMounted"
+				}],
+				sources: [{
+					path: "dsh-client-ui-conversation/lib/client.js",
+					literal: "data-composer-card"
+				}],
+				usedBy: "src/client/wallpaper.ts"
+			},
+			{
+				id: "cordis.panel",
+				group: "surface",
+				kind: "host-attr",
+				criticality: "label",
+				since: "<=0.1.6",
+				label: {
+					en: "Cordis panel",
+					zh: "Cordis 面板"
+				},
+				symptom: {
+					en: "the Cordis panel keeps the host surface instead of the input slider's alpha",
+					zh: "Cordis 面板拿不到输入区滑块的透明度，仍是宿主表面"
+				},
+				target: "[data-cordis-panel]",
+				checks: [{
+					kind: "attr",
+					attr: "data-cordis-panel",
+					optionalWhen: "cordisClosed"
+				}],
+				sources: [{
+					path: "dsh-client-ui-cordis/lib/client.js",
+					literal: "data-cordis-panel"
+				}],
+				usedBy: "src/client/wallpaper.ts"
+			},
+			{
+				id: "rightbar.panel",
+				group: "surface",
+				kind: "host-attr",
+				criticality: "looks",
+				since: "0.1.7",
+				label: {
+					en: "File-preview panel host",
+					zh: "文件预览面板宿主"
+				},
+				symptom: {
+					en: "the right panel loses its own opacity/blur card and falls back to the main background",
+					zh: "右侧栏失去自己的透明度/模糊控制，退回跟随主背景"
+				},
+				target: "[data-sidebar-right-panel]",
+				checks: [{
+					kind: "selector",
+					selector: "div[data-sidebar-right-panel]",
+					optionalWhen: "noRightPanel"
+				}],
+				sources: [{
+					path: `${SIDEBAR_RIGHT}/lib/client.js`,
+					literal: "data-sidebar-right-panel"
+				}],
+				usedBy: "src/client/wallpaper.ts"
+			},
+			{
+				id: "rightbar.openFlag",
+				group: "surface",
+				kind: "host-attr",
+				criticality: "looks",
+				since: "0.1.7",
+				label: {
+					en: "Right panel open/closed flag",
+					zh: "右侧栏开合标记"
+				},
+				symptom: {
+					en: "the panel's backdrop cannot tell open from closed — a frosted plate covers the empty half",
+					zh: "分不清右侧栏开着还是关着，空白的右半屏会出现磨砂板"
+				},
+				target: "[data-sidebar-right-open]",
+				checks: [{
+					kind: "rule",
+					match: "[data-sidebar-right-open]",
+					hint: "right panel open flag"
+				}],
+				sources: [{
+					path: `${SIDEBAR_RIGHT}/lib/client.js`,
+					literal: "data-sidebar-right-open"
+				}],
+				usedBy: "src/client/wallpaper.ts"
+			},
+			{
+				id: "dockkit.content",
+				group: "surface",
+				kind: "host-attr",
+				criticality: "core",
+				since: "0.1.7",
+				label: {
+					en: "Dock tab host (the panel's painted surface)",
+					zh: "停靠页宿主（面板真正的表面）"
+				},
+				symptom: {
+					en: "nothing carries the panel surface any more — the right-panel card is painted on a container that is always full width",
+					zh: "面板表面不再落在任何元素上，右面板卡片会被画在一个恒定满宽的容器上"
+				},
+				target: "[data-dockkit-content]",
+				checks: [{
+					kind: "selector",
+					selector: "[data-dockkit-content]",
+					optionalWhen: "noDockTab"
+				}],
+				sources: [{
+					path: ".",
+					literal: "dockkit-content",
+					root: "frontend"
+				}],
+				usedBy: "src/client/wallpaper.ts"
+			},
+			{
+				id: "dockkit.empty",
+				group: "surface",
+				kind: "host-attr",
+				criticality: "looks",
+				since: "0.1.7",
+				label: {
+					en: "Dock empty seat",
+					zh: "停靠空位"
+				},
+				symptom: {
+					en: "an empty preview pane paints the host surface over the wallpaper",
+					zh: "空的预览格会用宿主表面盖住壁纸"
+				},
+				target: "[data-dockkit-empty]",
+				checks: [{
+					kind: "selector",
+					selector: "[data-dockkit-empty]",
+					optionalWhen: "noDockTab"
+				}],
+				sources: [{
+					path: `${SIDEBAR_RIGHT}/lib/client.js`,
+					literal: "data-dockkit-empty"
+				}],
+				usedBy: "src/client/wallpaper.ts"
+			},
+			{
+				id: "dockkit.float",
+				group: "surface",
+				kind: "host-attr",
+				criticality: "label",
+				since: "0.1.7",
+				label: {
+					en: "Floating dock pane flag",
+					zh: "浮动停靠面板标记"
+				},
+				symptom: {
+					en: "floating panes would be painted like docked ones, frosting a panel that should stay the host's",
+					zh: "浮动面板会被当作停靠面板上色，本该保持宿主样式的面板被磨砂"
+				},
+				target: "[data-dockkit-float]",
+				checks: [{
+					kind: "selector",
+					selector: "[data-dockkit-float]",
+					optionalWhen: "noFloatPane"
+				}],
+				sources: [{
+					path: `${SIDEBAR_RIGHT}/lib/client.js`,
+					literal: "data-dockkit-float"
+				}],
+				usedBy: "src/client/wallpaper.ts"
+			},
+			{
+				id: "chat.flow",
+				group: "region",
+				kind: "dom-selector",
+				criticality: "looks",
+				since: "<=0.1.6",
+				label: {
+					en: "Chat message column",
+					zh: "对话消息列"
+				},
+				symptom: {
+					en: "the conversation card (and its opacity/blur) cannot find the message column",
+					zh: "对话卡片（及其透明度/模糊）找不到消息列"
+				},
+				target: "[data-chat-flow]",
+				checks: [{
+					kind: "selector",
+					selector: "[data-chat-flow]",
+					optionalWhen: "chatNotMounted"
+				}],
+				sources: [{
+					path: "dsh-client-ui-chat/lib/client.js",
+					literal: "data-chat-flow"
+				}],
+				usedBy: "src/client/wallpaper.ts"
+			},
+			{
+				id: "conversation.scroll",
+				group: "region",
+				kind: "dom-selector",
+				criticality: "looks",
+				since: "<=0.1.6",
+				label: {
+					en: "Conversation scrollport",
+					zh: "对话滚动区"
+				},
+				symptom: {
+					en: "the marker-less fallback would wrap the whole scrollport in the conversation card",
+					zh: "标记缺失时的兜底会把整个滚动区套上对话卡片"
+				},
+				target: "[data-conversation-scroll]",
+				checks: [{
+					kind: "selector",
+					selector: "[data-conversation-scroll]",
+					optionalWhen: "chatNotMounted"
+				}],
+				sources: [{
+					path: "dsh-client-ui-conversation/lib/client.js",
+					literal: "data-conversation-scroll"
+				}],
+				usedBy: "src/client/wallpaper.ts"
+			},
+			{
+				id: "trajectory.root",
+				group: "region",
+				kind: "dom-selector",
+				criticality: "looks",
+				since: "<=0.1.6",
+				label: {
+					en: "Trajectory view root",
+					zh: "轨迹页根节点"
+				},
+				symptom: {
+					en: "the trajectory opacity/blur sliders stop reaching the trajectory page",
+					zh: "轨迹页的透明度与模糊滑块失效"
+				},
+				target: "[data-conversation-composer-overlay]",
+				checks: [{
+					kind: "selector",
+					selector: "[data-conversation-composer-overlay]",
+					optionalWhen: "trajectoryNotMounted"
+				}],
+				sources: [{
+					path: "dsh-client-ui-trajectory/lib/client.js",
+					literal: "data-conversation-composer-overlay"
+				}],
+				usedBy: "src/client/wallpaper.ts"
+			},
+			{
+				id: "markdown.wideTable",
+				group: "region",
+				kind: "host-style",
+				criticality: "label",
+				since: "<=0.1.6",
+				label: {
+					en: "Wide markdown table clamp",
+					zh: "宽表格收拢样式"
+				},
+				symptom: {
+					en: "a wide table bleeds outside the conversation card instead of scrolling inside it",
+					zh: "宽表格会溢出到对话卡片外，而不是在卡片内横向滚动"
+				},
+				target: ".md-table-wide",
+				checks: [{
+					kind: "rule",
+					match: ".md-table-wide",
+					hint: "markdown table class"
+				}],
+				sources: [{
+					path: "dsh-client-ui-chat/lib/client.js",
+					literal: "md-table-wide"
+				}],
+				usedBy: "src/client/wallpaper.ts"
+			},
+			{
+				id: "token.bgBase",
+				group: "token",
+				kind: "host-token",
+				criticality: "looks",
+				since: "<=0.1.6",
+				label: {
+					en: "Main background surface",
+					zh: "主背景表面"
+				},
+				symptom: {
+					en: "the main-background slider and the right-panel card lose their surface",
+					zh: "主背景透明度与右侧栏卡片失去表面色"
+				},
+				target: "--dsw-alias-bg-base",
+				checks: [{
+					kind: "rule",
+					match: "--dsw-alias-bg-base",
+					hint: "platform palette"
+				}, {
+					kind: "computed",
+					token: "--dsw-alias-bg-base"
+				}],
+				sources: [{
+					path: "dsh-client-ui-theme/lib/client.js",
+					literal: "--dsw-alias-bg-base"
+				}],
+				usedBy: "src/client/wallpaper.ts"
+			},
+			{
+				id: "token.layers",
+				group: "token",
+				kind: "host-token",
+				criticality: "looks",
+				since: "<=0.1.6",
+				label: {
+					en: "Layered surfaces (cards)",
+					zh: "层次表面（卡片）"
+				},
+				symptom: {
+					en: "the card slider, the conversation card and the trajectory slider go blank",
+					zh: "卡片滑块、对话卡片与轨迹滑块失去颜色"
+				},
+				target: "--dsw-alias-bg-layer-1/2/3",
+				checks: [
+					{
+						kind: "rule",
+						match: "--dsw-alias-bg-layer-1",
+						hint: "platform palette"
+					},
+					{
+						kind: "computed",
+						token: "--dsw-alias-bg-layer-1"
+					},
+					{
+						kind: "computed",
+						token: "--dsw-alias-bg-layer-2"
+					},
+					{
+						kind: "computed",
+						token: "--dsw-alias-bg-layer-3"
+					}
+				],
+				sources: [{
+					path: "dsh-client-ui-theme/lib/client.js",
+					literal: "--dsw-alias-bg-layer-1"
+				}],
+				usedBy: "src/client/wallpaper.ts"
+			},
+			{
+				id: "token.menuSurface",
+				group: "token",
+				kind: "host-token",
+				criticality: "core",
+				since: "0.1.7",
+				label: {
+					en: "Menu material fill (0.1.7 split)",
+					zh: "菜单材质填充（0.1.7 拆分）"
+				},
+				symptom: {
+					en: "the menu panel and its sticky group headings take two different fills — the solid band across the model picker",
+					zh: "菜单面板与吸顶分组标题用了两种填充 —— 模型选择器上那道白道"
+				},
+				target: "--dsw-menu-surface-fill",
+				checks: [{
+					kind: "rule",
+					match: "--dsw-menu-surface-fill",
+					hint: "MenuSurface material fill"
+				}, {
+					kind: "computed",
+					token: "--dsw-menu-surface-fill",
+					on: ".dab-root"
+				}],
+				sources: [{
+					path: "dsh-client-ui-theme/lib/client.js",
+					literal: "--dsw-menu-surface-fill"
+				}, {
+					path: "dsh-client-ui-primitives/lib/MenuSurface.module.css",
+					literal: "var(--dsw-menu-surface-fill)"
+				}],
+				usedBy: "src/client/utils/color.ts, src/client/wallpaper.ts"
+			},
+			{
+				id: "token.menuAlias",
+				group: "token",
+				kind: "host-token",
+				criticality: "looks",
+				since: "<=0.1.6",
+				label: {
+					en: "Menu overlay fill",
+					zh: "菜单浮层填充"
+				},
+				symptom: {
+					en: "dropdowns, the slash menu and popovers keep the host fill while the panel follows the plugin",
+					zh: "下拉、斜杠菜单与浮层保持宿主填充，而面板跟随插件，两边不一致"
+				},
+				target: "--dsw-specific-menu",
+				checks: [{
+					kind: "rule",
+					match: "--dsw-specific-menu",
+					hint: "menu overlay fill"
+				}, {
+					kind: "computed",
+					token: "--dsw-specific-menu",
+					on: ".dab-root"
+				}],
+				sources: [{
+					path: "dsh-client-ui-theme/lib/client.js",
+					literal: "--dsw-specific-menu"
+				}, {
+					path: "dsh-client-ui-chat/lib/client.js",
+					literal: "--dsw-specific-menu"
+				}],
+				usedBy: "src/client/utils/color.ts, src/client/wallpaper.ts"
+			},
+			{
+				id: "token.sidebarFill",
+				group: "token",
+				kind: "host-token",
+				criticality: "looks",
+				since: "<=0.1.6",
+				label: {
+					en: "Sidebar fill",
+					zh: "左侧栏填充"
+				},
+				symptom: {
+					en: "the sidebar opacity slider stops tinting the sidebar",
+					zh: "左侧栏透明度滑块失效"
+				},
+				target: "--dsw-specific-sidebar-fill",
+				checks: [{
+					kind: "rule",
+					match: "--dsw-specific-sidebar-fill",
+					hint: "sidebar fill"
+				}, {
+					kind: "computed",
+					token: "--dsw-specific-sidebar-fill"
+				}],
+				sources: [{
+					path: "dsh-client-ui-theme/lib/client.js",
+					literal: "--dsw-specific-sidebar-fill"
+				}],
+				usedBy: "src/client/utils/color.ts, src/client/wallpaper.ts"
+			},
+			{
+				id: "token.inputFill",
+				group: "token",
+				kind: "host-token",
+				criticality: "looks",
+				since: "<=0.1.6",
+				label: {
+					en: "Input/control surface",
+					zh: "输入与控件表面"
+				},
+				symptom: {
+					en: "the input slider stops tinting the composer and the controls",
+					zh: "输入区透明度滑块失效"
+				},
+				target: "--dsw-specific-input-major",
+				checks: [{
+					kind: "rule",
+					match: "--dsw-specific-input-major",
+					hint: "input/control fill"
+				}, {
+					kind: "computed",
+					token: "--dsw-specific-input-major"
+				}],
+				sources: [{
+					path: "dsh-client-ui-theme/lib/client.js",
+					literal: "--dsw-specific-input-major"
+				}],
+				usedBy: "src/client/utils/color.ts, src/client/wallpaper.ts"
+			},
+			{
+				id: "token.schemeFlag",
+				group: "token",
+				kind: "host-attr",
+				criticality: "core",
+				since: "<=0.1.6",
+				label: {
+					en: "Dark-scheme flag on <body>",
+					zh: "<body> 上的深色标记"
+				},
+				symptom: {
+					en: "a dark rule can no longer force the dark palette — light surfaces flash through",
+					zh: "深色规则无法强制深色调色板，会闪出浅色表面"
+				},
+				target: "body[data-ds-dark-theme]",
+				checks: [{
+					kind: "rule",
+					match: "data-ds-dark-theme",
+					hint: "dark scheme attribute"
+				}],
+				sources: [{
+					path: "dsh-client-ui-theme/lib/client.js",
+					literal: "data-ds-dark-theme"
+				}, {
+					path: ".",
+					literal: "data-ds-dark-theme",
+					root: "frontend"
+				}],
+				usedBy: "src/client/wallpaper.ts"
+			},
+			{
+				id: "token.labelCaption",
+				group: "token",
+				kind: "host-token",
+				criticality: "label",
+				since: "<=0.1.6",
+				label: {
+					en: "Caption label token",
+					zh: "弱化文字令牌"
+				},
+				symptom: {
+					en: "placeholder text falls back to a hard-coded grey instead of the theme's caption colour",
+					zh: "占位文字退回固定灰色，不再跟随主题的弱化色"
+				},
+				target: "--dsw-alias-label-caption",
+				checks: [{
+					kind: "rule",
+					match: "--dsw-alias-label-caption",
+					hint: "label palette"
+				}, {
+					kind: "computed",
+					token: "--dsw-alias-label-caption"
+				}],
+				sources: [{
+					path: "dsh-client-ui-theme/lib/client.js",
+					literal: "--dsw-alias-label-caption"
+				}],
+				usedBy: "src/client/wallpaper.ts"
+			}
+		];
+		/** Localized label lookup for a contract. */
+		function labelOf(c, lang) {
+			return lang === "zh" ? c.label.zh : c.label.en;
+		}
+		/** Localized symptom lookup for a contract. */
+		function symptomOf(c, lang) {
+			return lang === "zh" ? c.symptom.zh : c.symptom.en;
+		}
+		/** Groups the panel renders, in order. */
+		const CONTRACT_GROUPS = [
+			{
+				id: "model",
+				label: {
+					en: "Model → rule resolution",
+					zh: "模型 → 规则匹配"
+				}
+			},
+			{
+				id: "surface",
+				label: {
+					en: "Surfaces the plugin paints",
+					zh: "插件着色的界面区域"
+				}
+			},
+			{
+				id: "token",
+				label: {
+					en: "Design tokens re-emitted",
+					zh: "被重新发出的设计令牌"
+				}
+			},
+			{
+				id: "region",
+				label: {
+					en: "Conversation views",
+					zh: "对话视图"
+				}
+			}
+		];
+		/** Overall verdict of a report, for the panel's headline. */
+		function verdictOf(report) {
+			if (report.results.length === 0) return "unknown";
+			if (report.summary.fail > 0) return report.summary.pass > 0 ? "partial" : "broken";
+			return report.summary.pass > 0 ? "ok" : "unknown";
+		}
+		/** Markdown rendering of a report — the thing a user pastes into an issue. */
+		function reportToMarkdown(report, lang) {
+			const zh = lang === "zh";
+			const lines = [];
+			lines.push(zh ? "## dsh-background-by-model 宿主自检" : "## dsh-background-by-model host check");
+			lines.push("");
+			lines.push(`- ${zh ? "阶段" : "phase"}: ${report.phase}`);
+			if (report.plugin.version !== "") lines.push(`- ${zh ? "插件" : "plugin"}: ${report.plugin.version} (dsh >=${report.plugin.floor})`);
+			lines.push(`- dsh: ${report.host.version !== "" ? report.host.version : zh ? "未读到" : "unreadable"}${report.host.compatible === false ? zh ? "（低于插件下限）" : " (below the plugin floor)" : ""}`);
+			if (report.host.node !== "") lines.push(`- node: ${report.host.node}`);
+			if (report.host.root !== "") lines.push(`- host root: ${report.host.root}`);
+			if (report.host.note !== "") lines.push(`- note: ${report.host.note}`);
+			if (report.host.model !== void 0) {
+				const m = report.host.model;
+				lines.push(`- ${zh ? "模型" : "model"}: \`${m.text !== "" ? m.text : "(none)"}\` · ${m.source}${m.note !== "" ? ` · ${m.note}` : ""} · ${zh ? "规则" : "rule"} ${m.rule !== "" ? m.rule : "-"}${m.matched ? "" : zh ? "（兜底）" : " (fallback)"}`);
+			}
+			lines.push("");
+			lines.push(`### ${zh ? "结论" : "Summary"}: ${report.summary.pass} pass / ${report.summary.fail} fail / ${report.summary.skip} n/a`);
+			lines.push("");
+			for (const r of report.results) {
+				const mark = r.status === "pass" ? "PASS" : r.status === "fail" ? "**FAIL**" : r.status === "skip" ? "n/a" : "info";
+				lines.push(`- ${mark} \`${r.id}\` — ${r.label} · \`${r.target}\``);
+				if (r.status === "fail") {
+					lines.push(`  - ${zh ? "现象" : "symptom"}: ${r.symptom}`);
+					lines.push(`  - ${zh ? "原因" : "reason"}: ${r.reason ?? r.detail}`);
+					lines.push(`  - ${zh ? "期望位置" : "expected in"}: ${r.sources.map((s) => s.path).join(", ")}`);
+				} else if (r.detail !== "") lines.push(`  - ${r.detail}`);
+			}
+			return lines.join("\n");
+		}
+		//#endregion
+		//#region src/client/judge.ts
+		/** The real browser environment. */
+		function browserEnv(ctx) {
+			const tokenRoot = () => {
+				if (typeof document === "undefined") return null;
+				return document.body ?? document.documentElement ?? null;
+			};
+			return {
+				querySelector: (selector) => document.querySelector(selector),
+				tokenRoot,
+				computedValue: (token, on) => {
+					if (typeof document === "undefined") return "";
+					const host = on ?? tokenRoot();
+					if (host === null) return "";
+					return getComputedStyle(host).getPropertyValue(token).trim();
+				},
+				styleSheets: () => typeof document === "undefined" ? [] : Array.from(document.styleSheets),
+				ctx
+			};
+		}
+		const ANCHORS = {
+			settingsClosed: "div[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby]",
+			chatNotMounted: "[data-chat-flow],[data-conversation-scroll]",
+			trajectoryNotMounted: "[data-conversation-composer-overlay]",
+			noRightPanel: "div[data-sidebar-right-panel],[data-dockkit-strip],[data-dockkit-pane]",
+			cordisClosed: "[data-cordis-panel]",
+			noDockTab: "[data-dockkit-tab]",
+			noFloatPane: "[data-dockkit-float],[data-sidebar-right-mode=\"float\"]"
+		};
+		function mounted(env, anchorId) {
+			const sel = ANCHORS[anchorId];
+			if (sel === void 0) return true;
+			try {
+				return env.querySelector(sel) !== null;
+			} catch {
+				return false;
+			}
+		}
+		/** Walk a dotted path off a root object, tolerating a missing first hop. */
+		function walkPath(root, path) {
+			let cur = root;
+			for (const key of path.split(".")) {
+				if (cur === null || cur === void 0) return void 0;
+				cur = cur[key];
+			}
+			return cur;
+		}
+		function looksObservable(v) {
+			return typeof v === "object" && v !== null && typeof v.subscribe === "function" && typeof v.getSnapshot === "function";
+		}
+		/**
+		* Whether a stylesheet belongs to THIS plugin.
+		*
+		* `data-plugin` cannot answer this: the host's own CSS modules set it on every
+		* `<style>` they inject (`@deepseek-ai/dsh-client-ui-theme` and its peers). Only
+		* the marker written by this plugin's `markOwnSheet` can, and getting this wrong
+		* in the "skip our own sheets" direction skips the host's whole theme.
+		*
+		* Read via `getAttribute` (the browser's own spelling) and fall back to the
+		* camel-cased `dataset` key, which is what a plain-object test fixture exposes.
+		*/
+		function isOwnSheet(sheet) {
+			const owner = sheet.ownerNode;
+			if (owner === null || owner === void 0) return false;
+			if (typeof owner.getAttribute === "function") return owner.getAttribute(OWN_SHEET_ATTR) !== null;
+			const ds = owner.dataset;
+			return ds !== void 0 && (ds["data-dab-side"] !== void 0 || ds["dabSide"] !== void 0);
+		}
+		/**
+		* A stylesheet mention of a literal, on the requested side.
+		*
+		* The host's rules are the only place a renamed token still answers honestly:
+		* a token can be *declared* by this plugin while the host's rule that gave it a
+		* value is gone. Cross-origin sheets (none on a local dsh, but the probe must
+		* not throw if one ever appears) are skipped.
+		*/
+		function ruleMentioned(env, literal, side) {
+			for (const sheet of env.styleSheets()) {
+				if (isOwnSheet(sheet) !== (side === "own")) continue;
+				let rules = null;
+				try {
+					rules = sheet.cssRules;
+				} catch {
+					continue;
+				}
+				if (rules === null) continue;
+				for (const rule of Array.from(rules)) {
+					const text = rule.cssText;
+					if (typeof text === "string" && text.includes(literal)) return true;
+					const inner = rule.cssRules;
+					if (inner === void 0 || inner === null) continue;
+					for (const child of Array.from(inner)) {
+						const childText = child.cssText;
+						if (typeof childText === "string" && childText.includes(literal)) return true;
+					}
+				}
+			}
+			return false;
+		}
+		/** Which sides of stylesheet the probe can actually read (a blind check must not fail). */
+		function readability(env) {
+			const out = {
+				host: false,
+				own: false
+			};
+			for (const sheet of env.styleSheets()) try {
+				if (sheet.cssRules !== null) {
+					if (isOwnSheet(sheet)) out.own = true;
+					else out.host = true;
+				}
+			} catch {}
+			return out;
+		}
+		function evaluate(env, check) {
+			switch (check.kind) {
+				case "service": {
+					let svc;
+					try {
+						svc = env.ctx.get(check.id);
+					} catch {
+						svc = void 0;
+					}
+					return svc === void 0 || svc === null ? {
+						status: "fail",
+						name: `ctx.get('${check.id}')`,
+						detail: "service not published",
+						reason: `the host does not publish the "${check.id}" service`
+					} : {
+						status: "pass",
+						name: `ctx.get('${check.id}')`,
+						detail: "service present"
+					};
+				}
+				case "path": {
+					let svc;
+					try {
+						svc = env.ctx.get(check.service);
+					} catch {
+						svc = void 0;
+					}
+					if (svc === void 0 || svc === null) return {
+						status: "skip",
+						name: `${check.service}.${check.path}`,
+						detail: "service not published yet"
+					};
+					const value = walkPath(svc, check.path);
+					const name = `${check.service}.${check.path}`;
+					if (check.expect === "function") return typeof value === "function" ? {
+						status: "pass",
+						name,
+						detail: "is a function"
+					} : {
+						status: "fail",
+						name,
+						detail: `expected a function, got ${typeof value}`,
+						reason: `"${name}" is not a function on this host`
+					};
+					if (check.expect === "observable") return looksObservable(value) ? {
+						status: "pass",
+						name,
+						detail: "is an observable face"
+					} : {
+						status: "fail",
+						name,
+						detail: "not an observable face",
+						reason: `"${name}" no longer exposes subscribe()/getSnapshot()`
+					};
+					return value === void 0 ? {
+						status: "fail",
+						name,
+						detail: "undefined",
+						reason: `"${name}" is gone`
+					} : {
+						status: "pass",
+						name,
+						detail: typeof value
+					};
+				}
+				case "selector": {
+					const present = env.querySelector(check.selector) !== null;
+					const name = `querySelector(${JSON.stringify(check.selector)})`;
+					if (present) return {
+						status: "pass",
+						name,
+						detail: "element found"
+					};
+					if (check.optionalWhen !== void 0 && !mounted(env, check.optionalWhen)) return {
+						status: "skip",
+						name,
+						detail: "not on screen right now"
+					};
+					return {
+						status: "fail",
+						name,
+						detail: "no element matches",
+						reason: `no element matches ${check.selector} while its surface is on screen`
+					};
+				}
+				case "attr": {
+					const present = env.querySelector(`[${check.attr}]`) !== null;
+					const name = `querySelector([${check.attr}])`;
+					if (present) return {
+						status: "pass",
+						name,
+						detail: "attribute found"
+					};
+					if (check.optionalWhen !== void 0 && !mounted(env, check.optionalWhen)) return {
+						status: "skip",
+						name,
+						detail: "not on screen right now"
+					};
+					return {
+						status: "fail",
+						name,
+						detail: "no element carries it",
+						reason: `nothing in the DOM carries ${check.attr} while its surface is on screen`
+					};
+				}
+				case "computed": {
+					const host = check.on !== void 0 ? env.querySelector(check.on) : null;
+					const name = `computed(${check.token}${check.on !== void 0 ? ` on ${check.on}` : ""})`;
+					if (check.on !== void 0 && host === null) return {
+						status: "skip",
+						name,
+						detail: `${check.on} not mounted`
+					};
+					const value = env.computedValue(check.token, host);
+					return value !== "" ? {
+						status: "pass",
+						name,
+						detail: value
+					} : {
+						status: "fail",
+						name,
+						detail: "resolves to nothing",
+						reason: `${check.token} resolves to an empty value`
+					};
+				}
+				case "rule": {
+					const side = check.side ?? "host";
+					const name = `${side === "host" ? "host" : "plugin"} stylesheet includes ${JSON.stringify(check.match)}`;
+					if (!readability(env)[side]) return {
+						status: "skip",
+						name,
+						detail: side === "host" ? "no host stylesheet is readable" : "this plugin's sheet is not mounted"
+					};
+					return ruleMentioned(env, check.match, side) ? {
+						status: "pass",
+						name,
+						detail: side === "host" ? "declared by a host rule" : "declared by this plugin's own sheet"
+					} : {
+						status: "fail",
+						name,
+						detail: "no rule mentions it",
+						reason: side === "host" ? `no host stylesheet declares ${check.match}` : `this plugin's own stylesheet does not declare ${check.match} — it was not injected`
+					};
+				}
+				default: return {
+					status: "fail",
+					name: "unknown check",
+					detail: String(check)
+				};
+			}
+		}
+		/** A contract with no checks is documentation only (a legacy alias we still accept). */
+		function noChecks(c, lang) {
+			return {
+				id: c.id,
+				label: labelOf(c, lang),
+				symptom: symptomOf(c, lang),
+				status: "info",
+				detail: lang === "zh" ? "无需运行时检查 —— 仅记录兼容用法" : "no runtime check — accepted for compatibility",
+				target: c.target,
+				sources: c.sources,
+				usedBy: c.usedBy,
+				checks: []
+			};
+		}
+		/**
+		* Run every contract against a probe environment.
+		*
+		* Only the FIRST failing check of a contract is reported: the later ones usually
+		* depend on it (no service ⇒ no methods on it), so listing them all would turn
+		* one rename into five red lines.
+		*/
+		function probeContracts(env, lang) {
+			return HOST_CONTRACTS.map((c) => {
+				const result = {
+					id: c.id,
+					label: labelOf(c, lang),
+					symptom: symptomOf(c, lang),
+					status: "pass",
+					detail: "",
+					target: c.target,
+					sources: c.sources,
+					usedBy: c.usedBy,
+					checks: []
+				};
+				if (c.checks.length === 0) return noChecks(c, lang);
+				const outcomes = [];
+				let firstFail;
+				for (const check of c.checks) {
+					let outcome;
+					try {
+						outcome = evaluate(env, check);
+					} catch (e) {
+						outcome = {
+							status: "fail",
+							name: check.kind,
+							detail: String(e),
+							reason: `${check.kind} check threw`
+						};
+					}
+					outcomes.push(outcome);
+					if (outcome.status === "fail" && firstFail === void 0) firstFail = outcome;
+				}
+				result.checks = outcomes.map((o) => `${o.status} · ${o.name} — ${o.detail}`);
+				if (firstFail !== void 0) {
+					result.status = "fail";
+					result.detail = `${firstFail.name} — ${firstFail.detail}`;
+					result.reason = firstFail.reason;
+					return result;
+				}
+				const ran = outcomes.filter((o) => o.status !== "skip");
+				if (ran.length === 0) {
+					result.status = "skip";
+					result.detail = outcomes.map((o) => `${o.name} — ${o.detail}`).join("; ");
+					return result;
+				}
+				result.status = ran.some((o) => o.status === "info") && ran.every((o) => o.status === "info") ? "info" : "pass";
+				const last = ran[ran.length - 1];
+				result.detail = `${last.name} — ${last.detail}`;
+				return result;
+			});
+		}
+		/** Assemble the panel's report around a set of probe results. */
+		function buildClientReport(input, host) {
+			const results = probeContracts(browserEnv(input.ctx), input.lang);
+			const pass = results.filter((r) => r.status === "pass").length;
+			const fail = results.filter((r) => r.status === "fail").length;
+			const skip = results.filter((r) => r.status === "skip" || r.status === "info").length;
+			return {
+				phase: "client",
+				at: (/* @__PURE__ */ new Date()).toISOString(),
+				plugin: {
+					version: input.pluginVersion,
+					floor: input.floor
+				},
+				host: {
+					version: host.version,
+					compatible: host.compatible,
+					node: "",
+					root: "",
+					note: host.note,
+					model: input.model
+				},
+				results,
+				summary: {
+					pass,
+					fail,
+					skip,
+					total: results.length
+				}
+			};
 		}
 		//#endregion
+		//#region src/client/build-info.ts
+		/** This plugin's version at build time ('0.0.0' when built unbundled). */
+		const PLUGIN_VERSION = "0.4.4";
+		/** The dsh floor this build declares, straight from `engines.dsh`. */
+		const DSH_FLOOR = "0.1.7-rc.2";
+		//#endregion
 		//#region src/client/components/icons.tsx
 		/** Sun glyph, migrated from @deepseek-ai/dsh-client-ui-primitives IconLightOutline16. */
 		const SUN_PATHS = "<path d=\"M11.3496 8C11.3496 6.14985 9.85015 4.65039 8 4.65039C6.14985 4.65039 4.65039 6.14985 4.65039 8C4.65039 9.85015 6.14985 11.3496 8 11.3496C9.85015 11.3496 11.3496 9.85015 11.3496 8ZM12.6504 8C12.6504 10.5681 10.5681 12.6504 8 12.6504C5.43188 12.6504 3.34961 10.5681 3.34961 8C3.34961 5.43188 5.43188 3.34961 8 3.34961C10.5681 3.34961 12.6504 5.43188 12.6504 8Z\" fill=\"currentColor\"/><path d=\"M8.65039 0.5V2.5H7.34961V0.5H8.65039Z\" fill=\"currentColor\"/><path d=\"M8.65039 13.5V15.5H7.34961V13.5H8.65039Z\" fill=\"currentColor\"/><path d=\"M3.15808 2.24035L4.57229 3.65456L3.6525 4.57435L2.23829 3.16014L3.15808 2.24035Z\" fill=\"currentColor\"/><path d=\"M12.3505 11.4327L13.7647 12.8469L12.8449 13.7667L11.4307 12.3525L12.3505 11.4327Z\" fill=\"currentColor\"/><path d=\"M2.24537 12.8469L3.65958 11.4327L4.57937 12.3525L3.16516 13.7667L2.24537 12.8469Z\" fill=\"currentColor\"/><path d=\"M11.4377 3.65455L12.852 2.24033L13.7718 3.16012L12.3575 4.57434L11.4377 3.65455Z\" fill=\"currentColor\"/><path d=\"M0.5 7.35461H2.5V8.6554H0.5L0.5 7.35461Z\" fill=\"currentColor\"/><path d=\"M13.5 7.35461H15.5V8.6554H13.5V8.6554Z\" fill=\"currentColor\"/>";
@@ -6065,6 +6141,7 @@ window.__ModuleLoader__.load({
 			}, "dsh-background-by-model: skin dispose");
 			const styleEl = document.createElement("style");
 			styleEl.dataset.plugin = "dsh-background-by-model";
+			markOwnSheet(styleEl);
 			styleEl.textContent = `body[data-ds-dark-theme="dsh-background-by-model"]::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,255,255,0.03) 0%,transparent 60%)}${SETTINGS_STYLE_RULE}${TRAJECTORY_STYLE_RULE}${RIGHTBAR_STYLE_RULE}${INPUT_BLUR_RULE}[data-composer-card] textarea::placeholder,[data-composer-card] input::placeholder,[data-composer-card] [contenteditable]::placeholder,[data-cordis-panel] input::placeholder,[data-cordis-panel] textarea::placeholder,.dab-input::placeholder,.dab-input textarea::placeholder,.dab-input input::placeholder{color:var(--dsh-any-placeholder,var(--dsw-alias-label-caption,#8a8f98))!important;font-style:italic;opacity:.85}`;
 			document.head.appendChild(styleEl);
 			ctx.effect(() => () => {