dsh-any-background 0.3.1 → 0.3.2

package/lib/client.js

@@ -52,7 +52,6 @@ window.__ModuleLoader__.load({
 			uiSop: "设置界面",
 			uiChatRegion: "对话文本框",
 			uiTrajectory: "轨迹页",
-			uiPanelRegion: "bettersidebar",
 			uiPanelNative: "右方侧边栏",
 			guideDesc: "管理主题色、壁纸与界面透明度",
 			uiProduced: "产出物/高亮内容",
@@ -244,7 +243,6 @@ window.__ModuleLoader__.load({
 			uiSop: "Settings interface",
 			uiChatRegion: "Conversation text frame",
 			uiTrajectory: "Trajectory view",
-			uiPanelRegion: "bettersidebar",
 			uiPanelNative: "Right sidebar",
 			guideDesc: "Theme color, wallpaper and interface opacity in the right sidebar",
 			uiProduced: "Produced / highlights",
@@ -1166,10 +1164,14 @@ window.__ModuleLoader__.load({
 		const PANEL_FULLSCREEN = "[data-sidebar-right-panel=\"fullscreen\"]";
 		/** The docked children a 0.1.7+ panel slides — the panel itself stays put. */
 		const DOCKKIT_SLIDERS = "[data-sidebar-right-panel] [data-dockkit-host=\"dock\"],[data-sidebar-right-panel] [data-dockkit-empty]";
-		/** The third-party workbench panel, one element on every release. */
+		/** The third-party workbench panel, one element on every release. Owned by the
+		*  PRODUCED slider (0.3.2): a conversation artifact that happens to open in a
+		*  panel, not a page column — so it fades and frosts with the produced surfaces. */
 		const BETTER_SIDEBAR_PANEL = "[data-dsh-bottom-panel]";
-		/** Every surface the panel opacity slider owns. Layout-neutral token re-scope. */
-		const PANEL_SURFACES = `${BETTER_SIDEBAR_PANEL},${PANEL_WRAPPER}`;
+		/** Every surface the panel opacity slider owns — the host's own right Sidebar.
+		*  Layout-neutral token re-scope. (The dsh-better-sidebar workbench used to be
+		*  listed here; it moved to the produced group, see `PRODUCED_RULE`.) */
+		const PANEL_SURFACES = PANEL_WRAPPER;
 		/** DOM-shape test for "this is NOT a 0.1.7-style frame". Used ONLY by the
 		*  unresolved adapter, where the DOM is the authority because the release is not. */
 		const WITHOUT_DOCKKIT_FRAME = ":not(:has([data-dockkit-host],[data-dockkit-empty]))";
@@ -1247,7 +1249,7 @@ window.__ModuleLoader__.load({
 		function panelFragments$3() {
 			return {
 				promotion: `${PANEL_WRAPPER}{position:fixed!important;z-index:26!important}${PANEL_FULLSCREEN}{z-index:40!important}`,
-				blur: panelBlurRule(PANEL_WRAPPER) + panelBlurRule(BETTER_SIDEBAR_PANEL)
+				blur: panelBlurRule(PANEL_WRAPPER)
 			};
 		}
 		function createAdapter$3(host) {
@@ -1321,7 +1323,7 @@ window.__ModuleLoader__.load({
 		function panelFragments$2() {
 			return {
 				promotion: `${PANEL_WRAPPER}{position:fixed!important;z-index:26!important}${PANEL_FULLSCREEN}{z-index:40!important}`,
-				blur: panelBlurRule(PANEL_WRAPPER) + panelBlurRule(BETTER_SIDEBAR_PANEL)
+				blur: panelBlurRule(PANEL_WRAPPER)
 			};
 		}
 		function createAdapter$2(host) {
@@ -1406,7 +1408,7 @@ window.__ModuleLoader__.load({
 		function panelFragments$1() {
 			return {
 				promotion: "",
-				blur: panelBlurRule(DOCKKIT_SLIDERS) + panelBlurRule(BETTER_SIDEBAR_PANEL)
+				blur: panelBlurRule(DOCKKIT_SLIDERS)
 			};
 		}
 		function createAdapter$1(host) {
@@ -1447,7 +1449,7 @@ window.__ModuleLoader__.load({
 			const wrapper = `${PANEL_WRAPPER}${WITHOUT_DOCKKIT_FRAME}`;
 			return {
 				promotion: `${wrapper}{position:fixed!important;z-index:26!important}${PANEL_FULLSCREEN}${WITHOUT_DOCKKIT_FRAME}{z-index:40!important}`,
-				blur: panelBlurRule(DOCKKIT_SLIDERS) + panelBlurRule(wrapper) + panelBlurRule(BETTER_SIDEBAR_PANEL)
+				blur: panelBlurRule(DOCKKIT_SLIDERS) + panelBlurRule(wrapper)
 			};
 		}
 		function createAdapter(host) {
@@ -3429,12 +3431,18 @@ window.__ModuleLoader__.load({
 				applyExemptDefaults();
 			} catch {}
 		}
-		const SETTINGS_PANEL_SEL = "[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby]";
+		const SETTINGS_PANEL_SEL = "[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby][class*=\"_panel\"]";
 		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_FROST_CLASS = "dab-input-frost";
+		const INPUT_BLUR_RULE = `.${INPUT_FROST_CLASS} [data-composer-card]{position:relative;isolation:isolate}.${INPUT_FROST_CLASS} [data-composer-card]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;-webkit-backdrop-filter:var(--dsh-any-input-blur,none);backdrop-filter:var(--dsh-any-input-blur,none)}[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");
+			const root = document.documentElement;
+			if (px > 0) root.classList.add(INPUT_FROST_CLASS);
+			else root.classList.remove(INPUT_FROST_CLASS);
+			if (px > 0) root.style.setProperty("--dsh-any-input-blur", `blur(${px}px)`);
+			else root.style.removeProperty("--dsh-any-input-blur");
 		}
+		const MOBILE_HEADER_RULE = ".dsh-mobile-app-header{background:var(--dsh-any-op-bg,transparent)!important;backdrop-filter:var(--dsh-any-part-blur-global,none);-webkit-backdrop-filter:var(--dsh-any-part-blur-global,none)}";
 		/** Mirror of the bg-part blur on :root. --dsh-any-part-blur is element-scoped
 		*  to the columns, so surfaces outside their subtree (the mobile header, or
 		*  third-party styles) can never inherit it. */
@@ -3539,14 +3547,14 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(exemptStyleEl);
 			return exemptStyleEl;
 		}
-		const PRODUCED_RULE = "[data-code-block-content] pre,[data-code-block-banner],[data-composer-chip],[data-changed-files]>button:first-child,[data-terminal],[data-read],[data-context-injection-body],[data-search],[data-web],[class*=\"_ioCard\"]{-webkit-backdrop-filter:var(--dsh-any-blur-prod,none);backdrop-filter:var(--dsh-any-blur-prod,none)}@supports (background:color-mix(in srgb,red 50%,transparent)){.md-code-block{background:transparent!important}.md-code-block>div{background-color:transparent!important}.md-code-block [data-code-block-content] pre{background-color:color-mix(in srgb,var(--dsl-code-block-background,var(--dsw-alias-markdown-code-block,transparent)) var(--dsh-any-prod-pct,100%),transparent)!important}.md-code-block [data-code-block-banner]{background-color:color-mix(in srgb,var(--dsl-code-block-banner-background-color,var(--dsw-alias-markdown-code-block-banner,transparent)) var(--dsh-any-prod-pct,100%),transparent)!important}[data-code-block-content]{--shiki-background:color-mix(in srgb,var(--dsw-alias-markdown-code-block,var(--dsl-code-block-background,transparent)) var(--dsh-any-prod-pct,100%),transparent)}:not(pre)>code{background-color:color-mix(in srgb,var(--dsw-alias-markdown-inline-code,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-composer-chip]>*{background-color:color-mix(in srgb,var(--dsw-alias-interactive-bg-hover,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-terminal]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-terminal] button{background-color:transparent!important}[data-read]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-read]>div:first-child{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block-banner,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-context-injection-body]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-search]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-web]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[class*=\"_ioCard\"]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}}";
+		const PRODUCED_RULE = `[data-code-block-content] pre,[data-code-block-banner],[data-composer-chip],[data-changed-files],[data-terminal],[data-read],[data-diff],[data-context-injection-body],[data-search],[data-web],[class*="_ioCard"],[data-inspect],[data-turn-trigger],[style*="--dsh-hover-preview-fade"],:not(pre)>code{-webkit-backdrop-filter:var(--dsh-any-blur-prod,none);backdrop-filter:var(--dsh-any-blur-prod,none)}[data-markdown-variant="compact"] :not(pre)>code{-webkit-backdrop-filter:none;backdrop-filter:none}${BETTER_SIDEBAR_PANEL}{-webkit-backdrop-filter:var(--dsh-any-blur-prod,none);backdrop-filter:var(--dsh-any-blur-prod,none)}${BETTER_SIDEBAR_PANEL}{--dsw-alias-bg-base:var(--dsh-any-prod-panel-bg-base);--dsw-alias-bg-layer-1:var(--dsh-any-prod-panel-layer-1);--dsw-alias-bg-layer-2:var(--dsh-any-prod-panel-layer-2);--dsw-alias-bg-layer-3:var(--dsh-any-prod-panel-layer-3)}@supports (background:color-mix(in srgb,red 50%,transparent)){.md-code-block{background:transparent!important}.md-code-block>div{background-color:transparent!important}.md-code-block [data-code-block-content] pre{background-color:color-mix(in srgb,var(--dsl-code-block-background,var(--dsw-alias-markdown-code-block,transparent)) var(--dsh-any-prod-pct,100%),transparent)!important}.md-code-block [data-code-block-banner]{background-color:color-mix(in srgb,var(--dsl-code-block-banner-background-color,var(--dsw-alias-markdown-code-block-banner,transparent)) var(--dsh-any-prod-pct,100%),transparent)!important}[data-code-block-banner]{background-color:color-mix(in srgb,var(--dsl-code-block-banner-background-color,var(--dsl-code-block-background,var(--dsw-alias-markdown-code-block,transparent))) var(--dsh-any-prod-pct,100%),transparent)!important}[data-code-block-content]{--shiki-background:color-mix(in srgb,var(--dsw-alias-markdown-code-block,var(--dsl-code-block-background,transparent)) var(--dsh-any-prod-pct,100%),transparent)}:not(pre)>code{background-color:color-mix(in srgb,var(--dsw-alias-markdown-inline-code,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-composer-chip]>*{background-color:color-mix(in srgb,var(--dsw-alias-interactive-bg-hover,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-terminal]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-terminal] button{background-color:transparent!important}[data-read],[data-diff]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-read]>div:first-child:not([data-code-block-banner]),[data-diff]>div:first-child:not([data-code-block-banner]){background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block-banner,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-context-injection-body]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-inspect],[data-turn-trigger]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-turn-trigger]:hover{background-color:color-mix(in srgb,var(--dsw-alias-interactive-bg-hover,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-changed-files]{background-color:var(--dsh-any-prod-layer-1,var(--dsw-alias-bg-layer-1,transparent))!important}[data-changed-files]>button:first-child{background-color:color-mix(in srgb,var(--changes-fill,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-changed-files]>button:first-child:hover{background-color:color-mix(in srgb,var(--changes-hover,var(--changes-fill,transparent)) var(--dsh-any-prod-pct,100%),transparent)!important}[data-changed-files]>button:first-child>span:first-child{background-color:color-mix(in srgb,var(--changes-fill,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[style*="--dsh-hover-preview-fade"]{background-color:color-mix(in srgb,var(--dsw-hovercard-bg,#2c2c2e) var(--dsh-any-prod-pct,100%),transparent)!important}[style*="--dsh-hover-preview-fade"][class*="_preview"]{background-color:var(--dsh-any-prod-layer-1,var(--dsw-alias-bg-layer-1,transparent))!important}[data-search]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-web]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[class*="_ioCard"]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}}`;
 		const STROKE_RULE = [
 			`${SETTINGS_PANEL_SEL}{-webkit-text-stroke:var(--dsh-any-stroke-settings-w,0px) var(--dsh-any-stroke-settings-c,transparent);paint-order:stroke fill}`,
 			"[role=\"menu\"]:not([data-dockkit-tab-menu]),[role=\"listbox\"],body>[role=\"tree\"],body>[role=\"dialog\"]:not([aria-modal=\"true\"]){-webkit-text-stroke:var(--dsh-any-stroke-card-w,0px) var(--dsh-any-stroke-card-c,transparent);paint-order:stroke fill}",
 			"[data-composer-card],[data-cordis-panel],[data-composer-card] textarea,[data-composer-card] input,[data-composer-card] [contenteditable],[data-cordis-panel] input,[data-cordis-panel] textarea{-webkit-text-stroke:var(--dsh-any-stroke-input-w,0px) var(--dsh-any-stroke-input-c,transparent);paint-order:stroke fill}",
 			`[data-chat-flow]{-webkit-text-stroke:var(--dsh-any-stroke-chat-w,0px) var(--dsh-any-stroke-chat-c,transparent);paint-order:stroke fill}`,
 			`[data-conversation-composer-overlay]{-webkit-text-stroke:var(--dsh-any-stroke-trajectory-w,0px) var(--dsh-any-stroke-trajectory-c,transparent);paint-order:stroke fill}`,
-			"[data-code-block-content] pre,[data-code-block-content],[data-code-block-banner],[data-composer-chip],:not(pre)>code,[data-changed-files],[data-terminal],[data-read],[data-context-injection-body],[data-search],[data-web],[class*=\"_ioCard\"]{-webkit-text-stroke:var(--dsh-any-stroke-produced-w,0px) var(--dsh-any-stroke-produced-c,transparent);paint-order:stroke fill}",
+			`[data-code-block-content] pre,[data-code-block-content],[data-code-block-banner],[data-composer-chip],:not(pre)>code,[data-changed-files],[data-terminal],[data-read],[data-diff],[data-inspect],[data-turn-trigger],[data-context-injection-body],[data-search],[data-web],[class*="_ioCard"],[style*="--dsh-hover-preview-fade"],${BETTER_SIDEBAR_PANEL}{-webkit-text-stroke:var(--dsh-any-stroke-produced-w,0px) var(--dsh-any-stroke-produced-c,transparent);paint-order:stroke fill}`,
 			`${PANEL_SURFACES}{-webkit-text-stroke:var(--dsh-any-stroke-panel-w,0px) var(--dsh-any-stroke-panel-c,transparent);paint-order:stroke fill}`,
 			`${HEADER_SURFACES.join(",")}{-webkit-text-stroke:var(--dsh-any-stroke-header-w,0px) var(--dsh-any-stroke-header-c,transparent);paint-order:stroke fill}`,
 			"[data-chat-flow] [role=\"status\"],[data-chat-flow] [data-turn-process],[data-chat-flow] [data-text-shimmer],[data-chat-flow] [style*=\"--dsh-text-shimmer-spread\"]{-webkit-text-stroke-width:0!important;paint-order:normal!important}",
@@ -3686,12 +3694,7 @@ window.__ModuleLoader__.load({
 			fontStyleEl?.remove();
 			fontStyleEl = null;
 		}
-		/** The host's own default colors for the panel layer tokens, used when the
-		*  plugin has no palette (no picked color, no wallpaper verdict, no forced
-		*  scheme). Without these the panel's re-scope would resolve to invalid vars
-		*  and the panel would have no background — reading the host's resolved value
-		*  keeps the panel opaque by default and lets the slider retint it like every
-		*  other homepage part. Reads from the live `:root` so a custom host skin or
+		/** The host's own defaults, read from the live `:root` so a custom host skin or
 		*  theme override wins. */
 		function readHostLayerTokens() {
 			if (typeof getComputedStyle === "undefined") return null;
@@ -3709,32 +3712,63 @@ window.__ModuleLoader__.load({
 				layer3
 			};
 		}
-		function applyPanelOverrides(op) {
-			const tokens = paletteTokens();
+		/** The host's own right Sidebar (`PANEL_TOKEN_RULE`) reads this set. */
+		const PANEL_LAYER_VARS = {
+			base: "--dsh-any-panel-bg-base",
+			layer1: "--dsh-any-panel-layer-1",
+			layer2: "--dsh-any-panel-layer-2",
+			layer3: "--dsh-any-panel-layer-3"
+		};
+		/** The dsh-better-sidebar workbench (see `PRODUCED_RULE`) reads this set, so the
+		*  two panels can follow two different sliders. */
+		const PROD_PANEL_LAYER_VARS = {
+			base: "--dsh-any-prod-panel-bg-base",
+			layer1: "--dsh-any-prod-panel-layer-1",
+			layer2: "--dsh-any-prod-panel-layer-2",
+			layer3: "--dsh-any-prod-panel-layer-3"
+		};
+		/** The changed-files card root needs one token only — the RAW `--dsw-alias-bg-layer-1`
+		*  at the produced alpha. It cannot mix on the token itself the way the other
+		*  produced surfaces do, because that name is what the interface card slider
+		*  re-emits globally on `body` (OPACITY_TOKEN_GROUPS), so mixing on it would bind
+		*  one artifact card to two sliders. */
+		const PROD_LAYER_VARS = { layer1: "--dsh-any-prod-layer-1" };
+		const LAYER_KEYS = [
+			"base",
+			"layer1",
+			"layer2",
+			"layer3"
+		];
+		/** Re-emit the four layer colors at `op` alpha into `names`. The source is the
+		*  plugin palette when a picked color / forced scheme owns the theme, otherwise
+		*  the host's own resolved tokens — a slider only ever supplies the alpha, so the
+		*  colors keep following whichever theme or host skin is active.
+		*
+		*  Every pass writes SOMETHING: the re-scope rules live in the always-emitted
+		*  stylesheet, and a `var()` naming an unwritten variable makes the surface
+		*  guaranteed-invalid, which drops its background entirely rather than leaving it
+		*  on the host default. */
+		function writeLayerVars(names, op) {
+			const palette = paletteTokens();
+			const src = palette !== null ? {
+				base: palette["--dsw-alias-bg-base"],
+				layer1: palette["--dsw-alias-bg-layer-1"],
+				layer2: palette["--dsw-alias-bg-layer-2"],
+				layer3: palette["--dsw-alias-bg-layer-3"]
+			} : readHostLayerTokens() ?? {};
 			const root = document.documentElement;
-			if (tokens !== null) {
-				const base = tokens["--dsw-alias-bg-base"];
-				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 (base !== void 0) root.style.setProperty("--dsh-any-panel-bg-base", toRgba(base, op));
-				if (layer1 !== void 0) root.style.setProperty("--dsh-any-panel-layer-1", toRgba(layer1, op));
-				if (layer2 !== void 0) root.style.setProperty("--dsh-any-panel-layer-2", toRgba(layer2, op));
-				if (layer3 !== void 0) root.style.setProperty("--dsh-any-panel-layer-3", toRgba(layer3, op));
+			if (LAYER_KEYS.every((k) => !src[k])) {
+				for (const k of LAYER_KEYS) if (names[k]) root.style.setProperty(names[k], "transparent");
 				return;
 			}
-			const host = readHostLayerTokens();
-			if (host === null) {
-				root.style.setProperty("--dsh-any-panel-bg-base", "transparent");
-				root.style.setProperty("--dsh-any-panel-layer-1", "transparent");
-				root.style.setProperty("--dsh-any-panel-layer-2", "transparent");
-				root.style.setProperty("--dsh-any-panel-layer-3", "transparent");
-				return;
+			for (const k of LAYER_KEYS) {
+				const name = names[k];
+				const v = src[k];
+				if (name && v) root.style.setProperty(name, toRgba(v, op));
 			}
-			if (host.base) root.style.setProperty("--dsh-any-panel-bg-base", toRgba(host.base, op));
-			if (host.layer1) root.style.setProperty("--dsh-any-panel-layer-1", toRgba(host.layer1, op));
-			if (host.layer2) root.style.setProperty("--dsh-any-panel-layer-2", toRgba(host.layer2, op));
-			if (host.layer3) root.style.setProperty("--dsh-any-panel-layer-3", toRgba(host.layer3, op));
+		}
+		function applyPanelOverrides(op) {
+			writeLayerVars(PANEL_LAYER_VARS, op);
 		}
 		function applyPanelBlur(px) {
 			if (px > 0) document.documentElement.style.setProperty("--dsh-any-blur-panel", `blur(${px}px)`);
@@ -3996,11 +4030,15 @@ window.__ModuleLoader__.load({
 			applyViewCards();
 		}
 		/** Produced/artifact surfaces (conversation code blocks + their banner +
-		*  composer chips): re-write the root blur and the alpha percentage consumed by
-		*  PRODUCED_RULE. The percentage is an alpha for the surface's OWN host color —
-		*  1 (100%) reproduces the untouched host look and lowering it fades exactly
-		*  that color out — so no palette sampling is involved and the surfaces keep
-		*  following the active theme/wallpaper color on their own. */
+		*  inline code chips + composer chips + the dsh-better-sidebar workbench):
+		*  re-write the root blur and the alpha percentage consumed by PRODUCED_RULE. The
+		*  percentage is an alpha for the surface's OWN host color — 1 (100%) reproduces
+		*  the untouched host look and lowering it fades exactly that color out — so no
+		*  palette sampling is involved and the surfaces keep following the active
+		*  theme/wallpaper color on their own. Two surfaces are the exception: the
+		*  workbench reads a whole set of layer tokens rather than one color, and the
+		*  changed-files card reads a token the card slider owns globally — both take their
+		*  alpha from `writeLayerVars` instead of mixing on the live token. */
 		function applyProduced() {
 			const px = rBlurs().produced;
 			const root = document.documentElement;
@@ -4010,6 +4048,8 @@ window.__ModuleLoader__.load({
 			if (opacity < 0) opacity = 0;
 			if (opacity > 1) opacity = 1;
 			root.style.setProperty("--dsh-any-prod-pct", `${Math.round(opacity * 100)}%`);
+			writeLayerVars(PROD_PANEL_LAYER_VARS, opacity);
+			writeLayerVars(PROD_LAYER_VARS, opacity);
 		}
 		/** Live per-part blur update during slider drag (no full re-apply). */
 		function setPartBlur(part, v) {
@@ -4165,7 +4205,7 @@ window.__ModuleLoader__.load({
 				if (el.clientHeight < centerEl.clientHeight * .5) continue;
 				if (el.clientHeight > (best?.clientHeight ?? 0)) best = el;
 			}
-			if (best !== null && best.closest(SETTINGS_PANEL_SEL) !== null) best = null;
+			if (best !== null && best.closest("[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby][class*=\"_panel\"]") !== null) best = null;
 			const refined = best !== null ? refineMessageColumn(best) : null;
 			viewTargets[idx] = refined;
 			return refined;
@@ -4672,10 +4712,15 @@ window.__ModuleLoader__.load({
 			document.documentElement.style.removeProperty("--dsh-any-blur-card-panels");
 			document.documentElement.style.removeProperty("--dsh-any-input-blur");
 			document.documentElement.style.removeProperty("--dsh-any-part-blur-global");
-			document.documentElement.style.removeProperty("--dsh-any-panel-bg-base");
-			document.documentElement.style.removeProperty("--dsh-any-panel-layer-1");
-			document.documentElement.style.removeProperty("--dsh-any-panel-layer-2");
-			document.documentElement.style.removeProperty("--dsh-any-panel-layer-3");
+			for (const set of [
+				PANEL_LAYER_VARS,
+				PROD_PANEL_LAYER_VARS,
+				PROD_LAYER_VARS
+			]) for (const k of LAYER_KEYS) {
+				const name = set[k];
+				if (name) document.documentElement.style.removeProperty(name);
+			}
+			document.documentElement.classList.remove(INPUT_FROST_CLASS);
 			document.documentElement.style.removeProperty("--dsh-any-blur-panel");
 			document.documentElement.style.removeProperty("--dsh-any-blur-prod");
 			document.documentElement.style.removeProperty("--dsh-any-prod-pct");
@@ -4761,7 +4806,7 @@ window.__ModuleLoader__.load({
 		function buildStaticStyles() {
 			const adapter = rHostAdapter();
 			const panel = adapter.panelFragments();
-			return DARK_GRADIENT + FRAME_CLEAR_RULE + SETTINGS_STYLE_RULE + "[role=\"menu\"]:not([data-dockkit-tab-menu]),[role=\"listbox\"],body > [role=\"tree\"],body > [role=\"dialog\"]:not([aria-modal=\"true\"]){backdrop-filter:var(--dsh-any-blur-card-panels,none);-webkit-backdrop-filter:var(--dsh-any-blur-card-panels,none)}[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)}[data-composer-card]{position:relative;isolation:isolate}[data-composer-card]::before{content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;-webkit-backdrop-filter:var(--dsh-any-input-blur,none);backdrop-filter:var(--dsh-any-input-blur,none)}[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}.dsh-mobile-app-header{background:var(--dsh-any-op-bg,transparent)!important;backdrop-filter:var(--dsh-any-part-blur-global,none);-webkit-backdrop-filter:var(--dsh-any-part-blur-global,none)}" + PANEL_TOKEN_RULE + panel.promotion + panel.blur + adapter.pluginPageRule + PRODUCED_RULE + STROKE_RULE + HEADER_POPOVER_RULE + "[role=\"dialog\"][aria-modal=\"true\"]:not([aria-labelledby]){backdrop-filter:none;-webkit-backdrop-filter:none}[role=\"menu\"]:has([class*=\"_danger\"]){backdrop-filter:none;-webkit-backdrop-filter:none;-webkit-text-stroke-width:0}[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}";
+			return DARK_GRADIENT + FRAME_CLEAR_RULE + SETTINGS_STYLE_RULE + "[role=\"menu\"]:not([data-dockkit-tab-menu]),[role=\"listbox\"],body > [role=\"tree\"],body > [role=\"dialog\"]:not([aria-modal=\"true\"]){backdrop-filter:var(--dsh-any-blur-card-panels,none);-webkit-backdrop-filter:var(--dsh-any-blur-card-panels,none)}[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)}" + INPUT_BLUR_RULE + MOBILE_HEADER_RULE + PANEL_TOKEN_RULE + panel.promotion + panel.blur + adapter.pluginPageRule + PRODUCED_RULE + STROKE_RULE + HEADER_POPOVER_RULE + "[role=\"dialog\"][aria-modal=\"true\"]:not([aria-labelledby]){backdrop-filter:none;-webkit-backdrop-filter:none}[role=\"menu\"]:has([class*=\"_danger\"]){backdrop-filter:none;-webkit-backdrop-filter:none;-webkit-text-stroke-width:0}[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}";
 		}
 		/** Append the plugin's stylesheet and keep it matched to the host.
 		*  Returns a teardown for the plugin's effect scope. */
@@ -6480,78 +6525,6 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region src/client/env.ts
-		/**
-		* Host capability detection — which third-party plugins are actually present.
-		*
-		* The host exposes no plugin registry on the client context, so presence is
-		* inferred from the stable DOM markers those plugins mount. Detection runs
-		* once (plugin boot) and is re-armed by a cheap body-level MutationObserver so
-		* a plugin that mounts after this one still flips the cached verdict. The
-		* verdict is sticky-true for the session: whether a detected plugin's surface
-		* is currently collapsed must not hide the settings that govern it.
-		*/
-		/** Persistent container + surfaces dsh-better-sidebar mounts when loaded.
-		*  `[data-dsh-better-sidebar]` is the plugin's host wrapper — always appended
-		*  to document.body on mount — so it is the authoritative "plugin is loaded"
-		*  signal and the body childList observer fires exactly when it appears. The
-		*  panel surfaces we actually style are listed only as reinforcement: they are
-		*  conditionally rendered (collapsed panels drop them), so they must never be
-		*  the sole signal.
-		*
-		*  `[data-sidebar-right-panel]` is deliberately ABSENT: on every host generation
-		*  it marks the host's own right Sidebar (always present once a session opens),
-		*  so counting it would make the better-sidebar verdict permanently true and the
-		*  panel slider could never drop back to its native "右方侧边栏" identity. */
-		const BETTER_SIDEBAR_MARKERS = [
-			"[data-dsh-better-sidebar]",
-			"[data-dsh-panel-host]",
-			"[data-dsh-bottom-panel]"
-		];
-		let betterSidebar = false;
-		const subs = /* @__PURE__ */ new Set();
-		/** Read snapshot of whether the better-sidebar plugin is present. */
-		function rBetterSidebar() {
-			return betterSidebar;
-		}
-		function emit() {
-			subs.forEach((cb) => cb());
-		}
-		function sync() {
-			if (document.querySelector(BETTER_SIDEBAR_MARKERS.join(",")) !== null && !betterSidebar) {
-				betterSidebar = true;
-				emit();
-			}
-		}
-		/** React hook: re-renders the caller when better-sidebar presence changes. */
-		function useBetterSidebar() {
-			return (0, react.useSyncExternalStore)(subscribe, rBetterSidebar);
-		}
-		/** Subscribe to verdict changes. */
-		function subscribe(cb) {
-			subs.add(cb);
-			return () => {
-				subs.delete(cb);
-			};
-		}
-		/** Start detection (probe once, then watch body mounts). Returns an
-		*  unsubscribe for plugin teardown. */
-		function startBetterSidebarWatch() {
-			sync();
-			const observer = new MutationObserver(sync);
-			observer.observe(document.body, { childList: true });
-			return () => observer.disconnect();
-		}
-		let nativeTabs = false;
-		const nativeSubs = /* @__PURE__ */ new Set();
-		/** Mark the native right-Sidebar service as confirmed. Sticky — the service
-		*  never goes away within a session. */
-		function markNativeSidebarTabs() {
-			if (nativeTabs) return;
-			nativeTabs = true;
-			nativeSubs.forEach((cb) => cb());
-		}
-		//#endregion
 		//#region src/client/components/pages/InterfacePage.tsx
 		const PARTS$1 = [
 			{
@@ -6601,14 +6574,13 @@ window.__ModuleLoader__.load({
 			},
 			{
 				isPanel: true,
-				labelKey: "uiPanelRegion",
+				labelKey: "uiPanelNative",
 				Icon: PanelIcon
 			}
 		];
 		function InterfacePage({ p }) {
 			const { t, setOps, setBlurs, setSop, setPanelOp, useStore } = p;
 			useStore((s) => s.metaRev);
-			const hasBetterSidebar = useBetterSidebar();
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
 				className: "dab-head dab-rise",
 				style: { "--d": 0 },
@@ -6631,7 +6603,7 @@ window.__ModuleLoader__.load({
 				children: PARTS$1.map((part, i) => {
 					const { labelKey, Icon, isSettings, isChat, isTrajectory, isPanel, isProduced, isHeader } = part;
 					const opKey = part.opKey;
-					const label = isPanel ? t(hasBetterSidebar ? "uiPanelRegion" : "uiPanelNative") : t(labelKey);
+					const label = t(labelKey);
 					const blurKey = isChat ? "chat" : isTrajectory ? "trajectory" : isSettings ? "settings" : isPanel ? "panel" : isProduced ? "produced" : isHeader ? "header" : opKey;
 					const opacity = isChat ? rChatTextOpacity() : isTrajectory ? rTrajectoryOpacity() : isSettings ? rSop() : isPanel ? rPanelOpacity() : isProduced ? rProducedOpacity() : isHeader ? rHeaderOpacity() : rOps()[opKey];
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
@@ -6792,9 +6764,8 @@ window.__ModuleLoader__.load({
 			},
 			{
 				key: "panel",
-				labelKey: "uiPanelRegion",
-				Icon: PanelIcon,
-				needsSidebar: true
+				labelKey: "uiPanelNative",
+				Icon: PanelIcon
 			}
 		];
 		const COLOR_KEYS = [
@@ -6827,7 +6798,6 @@ window.__ModuleLoader__.load({
 		}
 		function FontPage({ p, notify }) {
 			const { t, setFont, removeFont, setFontEnabled, setStrokes, useStore } = p;
-			const hasBetterSidebar = useBetterSidebar();
 			const fileRef = (0, react.useRef)(null);
 			const [strokes, setStrokesState] = (0, react.useState)(() => rStrokes());
 			const [fontInfo, setFontInfo] = (0, react.useState)(() => ({
@@ -7002,7 +6972,7 @@ window.__ModuleLoader__.load({
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "dab-grid-parts",
-							children: PARTS.filter((part) => !(part.needsSidebar && !hasBetterSidebar)).map((part, i) => {
+							children: PARTS.map((part, i) => {
 								const s = strokes[part.key];
 								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 									className: "dab-card dab-card-hover dab-rise",
@@ -9049,6 +9019,74 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client/env.ts
+		/**
+		* Host capability detection — which third-party plugins are actually present.
+		*
+		* The host exposes no plugin registry on the client context, so presence is
+		* inferred from the stable DOM markers those plugins mount. Detection runs
+		* once (plugin boot) and is re-armed by a cheap body-level MutationObserver so
+		* a plugin that mounts after this one still flips the cached verdict. The
+		* verdict is sticky-true for the session: whether a detected plugin's surface
+		* is currently collapsed must not hide the settings that govern it.
+		*/
+		/** Persistent container + surfaces dsh-better-sidebar mounts when loaded.
+		*  `[data-dsh-better-sidebar]` is the plugin's host wrapper — always appended
+		*  to document.body on mount — so it is the authoritative "plugin is loaded"
+		*  signal and the body childList observer fires exactly when it appears. The
+		*  panel surfaces are listed only as reinforcement: they are conditionally
+		*  rendered (collapsed panels drop them), so they must never be the sole
+		*  signal.
+		*
+		*  `[data-sidebar-right-panel]` is deliberately ABSENT: on every host generation
+		*  it marks the host's own right Sidebar (always present once a session opens),
+		*  so counting it would make the better-sidebar verdict permanently true on any
+		*  host and mis-drive everything gated on it. */
+		const BETTER_SIDEBAR_MARKERS = [
+			"[data-dsh-better-sidebar]",
+			"[data-dsh-panel-host]",
+			"[data-dsh-bottom-panel]"
+		];
+		let betterSidebar = false;
+		const subs = /* @__PURE__ */ new Set();
+		/** Read snapshot of whether the better-sidebar plugin is present. */
+		function rBetterSidebar() {
+			return betterSidebar;
+		}
+		function emit() {
+			subs.forEach((cb) => cb());
+		}
+		function sync() {
+			if (document.querySelector(BETTER_SIDEBAR_MARKERS.join(",")) !== null && !betterSidebar) {
+				betterSidebar = true;
+				emit();
+			}
+		}
+		/** Subscribe to verdict changes. */
+		function subscribe(cb) {
+			subs.add(cb);
+			return () => {
+				subs.delete(cb);
+			};
+		}
+		/** Start detection (probe once, then watch body mounts). Returns an
+		*  unsubscribe for plugin teardown. */
+		function startBetterSidebarWatch() {
+			sync();
+			const observer = new MutationObserver(sync);
+			observer.observe(document.body, { childList: true });
+			return () => observer.disconnect();
+		}
+		let nativeTabs = false;
+		const nativeSubs = /* @__PURE__ */ new Set();
+		/** Mark the native right-Sidebar service as confirmed. Sticky — the service
+		*  never goes away within a session. */
+		function markNativeSidebarTabs() {
+			if (nativeTabs) return;
+			nativeTabs = true;
+			nativeSubs.forEach((cb) => cb());
+		}
+		//#endregion
 		//#region src/client/sidebar/native-tab.tsx
 		/**
 		* dsh-any-background — native right-Sidebar integration.
@@ -10029,7 +10067,7 @@ window.__ModuleLoader__.load({
 			});
 			const navLabel = () => ctx.locale.bind(NS)("nav");
 			const applyNavIcon = () => {
-				const nav = document.querySelector("[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby]")?.querySelector("nav");
+				const nav = document.querySelector(SETTINGS_PANEL_SEL)?.querySelector("nav");
 				if (!nav) return;
 				const target = navLabel();
 				for (const cell of Array.from(nav.querySelectorAll("button"))) {
@@ -10059,7 +10097,7 @@ window.__ModuleLoader__.load({
 						for (const n of r.addedNodes) {
 							if (n.nodeType !== 1) continue;
 							const el = n;
-							if (el.matches?.("[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby]") || el.querySelector?.("[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby]")) return true;
+							if (el.matches?.("[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby][class*=\"_panel\"]") || el.querySelector?.("[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby][class*=\"_panel\"]")) return true;
 						}
 						return false;
 					})) applyNavIcon();