dsh-any-background 0.3.0 → 0.3.2

package/lib/client.js

@@ -49,10 +49,9 @@ window.__ModuleLoader__.load({
 			uiOpacitySide: "侧边栏",
 			uiOpacityCard: "对话框中选项面板",
 			uiOpacityInput: "输入框与控件",
-			uiSop: "设置界面透明度",
+			uiSop: "设置界面",
 			uiChatRegion: "对话文本框",
 			uiTrajectory: "轨迹页",
-			uiPanelRegion: "bettersidebar",
 			uiPanelNative: "右方侧边栏",
 			guideDesc: "管理主题色、壁纸与界面透明度",
 			uiProduced: "产出物/高亮内容",
@@ -241,10 +240,9 @@ window.__ModuleLoader__.load({
 			uiOpacitySide: "Sidebar",
 			uiOpacityCard: "Cards & panels",
 			uiOpacityInput: "Input & controls",
-			uiSop: "Settings interface opacity",
+			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",
@@ -413,13 +411,13 @@ window.__ModuleLoader__.load({
 		const DEFAULT_CONFIG = {
 			color: null,
 			opacities: {
-				bg: .5,
+				bg: 0,
 				sidebar: .5,
 				card: .5,
 				input: .5
 			},
 			blurs: {
-				bg: 30,
+				bg: 0,
 				sidebar: 30,
 				card: 30,
 				settings: 30,
@@ -484,7 +482,7 @@ window.__ModuleLoader__.load({
 			},
 			settingsOpacity: .5,
 			wallpaperOpacity: 1,
-			blur: 30,
+			blur: 0,
 			bgState: {
 				zoom: 1,
 				x: 0,
@@ -994,93 +992,556 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region src/client/host.ts
+		//#region src/host-compat/channel.ts
+		/** What this plugin supports, in upgrade order. One row = one build whose facts
+		*  were checked; several rows may share a `channel` when a newer build was
+		*  verified as needing no change to that folder's adapter (as `0.1.7-rc.1` was) —
+		*  a row then reports `exact` instead of `line`, and no new folder appears.
+		*  Adding an ADAPTER means adding a channel plus a folder in
+		*  `client/host-compat/versions/`. */
+		const SUPPORTED_RELEASES = [
+			{
+				channel: "0.1.5-rc",
+				release: "0.1.5-rc.2"
+			},
+			{
+				channel: "0.1.6-alpha",
+				release: "0.1.6-alpha.2"
+			},
+			{
+				channel: "0.1.7-alpha",
+				release: "0.1.7-alpha.2"
+			},
+			{
+				channel: "0.1.7-alpha",
+				release: "0.1.7-rc.1"
+			}
+		];
+		const UNKNOWN_HOST_INFO = {
+			version: null,
+			channel: "unknown"
+		};
+		/** True when a string looks like a release version. A bare `~/.dsh` directory
+		*  basename does not, which is why the disk probe sanity-checks before trusting
+		*  a path segment. */
+		const VERSION_RE = /^\d+\.\d+\.\d+(?:-[0-9A-Za-z.-]+)?$/;
+		function looksLikeVersion(value) {
+			return VERSION_RE.test(value);
+		}
+		const PARSE_RE = /^(\d+)\.(\d+)\.(\d+)(?:-([0-9A-Za-z.-]+))?$/;
+		function parse(version) {
+			const m = PARSE_RE.exec(version);
+			if (m === null) return null;
+			const parts = m[4] === void 0 ? [] : m[4].split(".");
+			const build = parts.length > 1 ? Number(parts[1]) : NaN;
+			return {
+				core: [
+					Number(m[1]),
+					Number(m[2]),
+					Number(m[3])
+				],
+				channel: parts.length > 0 ? parts[0] : null,
+				build: Number.isFinite(build) ? build : null
+			};
+		}
+		/** The table, parsed once: every row is a literal this file controls. */
+		const TABLE = SUPPORTED_RELEASES.map((row) => ({
+			...row,
+			parsed: parse(row.release)
+		}));
+		function cmpCore(a, b) {
+			for (let i = 0; i < 3; i++) if (a[i] !== b[i]) return a[i] < b[i] ? -1 : 1;
+			return 0;
+		}
+		/** Total order over releases, following the semver rule that a prerelease sorts
+		*  BELOW the release it precedes (`0.1.6-alpha.2 < 0.1.6`). */
+		function cmp(a, b) {
+			const core = cmpCore(a.core, b.core);
+			if (core !== 0) return core;
+			if (a.channel === null || b.channel === null) {
+				if (a.channel === b.channel) return 0;
+				return a.channel === null ? 1 : -1;
+			}
+			if (a.channel !== b.channel) return a.channel < b.channel ? -1 : 1;
+			const ab = a.build ?? 0;
+			const bb = b.build ?? 0;
+			return ab === bb ? 0 : ab < bb ? -1 : 1;
+		}
+		/** Pick the adapter for a release, clamping to the nearest verified line when the
+		*  release is outside everything this plugin has seen.
+		*
+		*  A release is matched by PATCH LINE before anything else: `0.1.6-alpha.4` and a
+		*  future `0.1.6` stable both belong to the line verified at `0.1.6-alpha.2`, and
+		*  handing them that adapter beats giving up — the DOM probes only cover panel
+		*  mechanics, not the surface decisions the line is known for.
+		*
+		*  Outside every verified line the answer is a guess, so it is the closest one and
+		*  it says so (`nearest`): newer than the newest line → that newest adapter, older
+		*  than the oldest → the oldest, strictly between two → the LOWER one, because an
+		*  adapter may only claim what it was verified for. A release that will not parse
+		*  at all is `unknown`, and the DOM arbitrates there. */
+		function classifyRelease(version) {
+			const host = version === null ? null : parse(version);
+			if (host === null) return {
+				channel: "unknown",
+				match: "unresolved"
+			};
+			const sameLine = TABLE.filter((row) => cmpCore(row.parsed.core, host.core) === 0);
+			if (sameLine.length > 0) {
+				const exact = sameLine.find((row) => row.release === version);
+				if (exact !== void 0) return {
+					channel: exact.channel,
+					match: "exact"
+				};
+				const atOrBelow = sameLine.filter((row) => cmp(row.parsed, host) <= 0);
+				return {
+					channel: (atOrBelow.length > 0 ? atOrBelow[atOrBelow.length - 1] : sameLine[0]).channel,
+					match: "line"
+				};
+			}
+			const older = TABLE.filter((row) => cmp(row.parsed, host) < 0);
+			if (older.length === 0) return {
+				channel: TABLE[0].channel,
+				match: "nearest"
+			};
+			if (TABLE.filter((row) => cmp(row.parsed, host) > 0).length === 0) return {
+				channel: TABLE[TABLE.length - 1].channel,
+				match: "nearest"
+			};
+			return {
+				channel: older[older.length - 1].channel,
+				match: "nearest"
+			};
+		}
+		/** The channel a release maps onto — the verdict's answer without the confidence. */
+		function channelOf(version) {
+			return classifyRelease(version).channel;
+		}
+		/** Prerelease tag of a release string (`alpha.2` in `0.1.6-alpha.2`), or null
+		*  when the version is bare/undetermined. Needed because a channel is coarser
+		*  than reality: `conversation.session.header.leading` ships in exactly one
+		*  build within the 0.1.6-alpha line. */
+		function prereleaseOf(version) {
+			if (version === null) return null;
+			return /^\d+\.\d+\.\d+-([0-9A-Za-z.-]+)$/.exec(version)?.[1] ?? null;
+		}
+		//#endregion
+		//#region src/client/host-compat/versions/shared.ts
 		/**
-		* Host release detection + feature classification.
+		* Selector + declaration vocabulary shared by every per-version adapter.
 		*
-		* WHY THIS EXISTS
-		* The client context exposes no host version: there is no `hostVersion` /
-		* `dshVersion` field on `ctx`, and `window.__DSH_BOOT__.version` is the
-		* module-table format tag (`'client'`), not a release. Capability probing alone
-		* is also not sufficient, because the obvious probes do not separate the
-		* generations — `ctx.sidebarRightTabs` and the native `[data-sidebar-right-panel]`
-		* marker both exist on 0.1.5-rc.2 already, so using either as a "0.1.6+" test
-		* mis-classifies 0.1.5 as newer.
+		* These are the ANCHORS, not the decisions. What varies between releases (which
+		* element slides, whether the panel needs promoting, which header slot keys
+		* exist) is answered in the version folders; what is stable across all of them
+		* lives here so no adapter has to re-type a host selector and get it subtly wrong.
 		*
-		* So the release is resolved on the Node half (where the launcher's on-disk
-		* layout is visible) and handed to this half through the `read` RPC payload.
-		* This module stores that verdict and turns it into the feature flags the rest
-		* of the plugin gates on. When the release cannot be determined the flags fall
-		* back to capability probing, never to a guess.
+		* Verified against the harness release tags (dsh-v0.1.5-rc.2 … dsh-v0.1.7-rc.1),
+		* not inferred:
+		*   · `[data-sidebar-right-panel]` — emitted by `ui-sidebar-right/shell/SidebarRight.tsx`
+		*     on every release in range, with values `push` | `fullscreen`.
+		*   · `[data-dockkit-host]` / `[data-dockkit-empty]` — emitted ONLY by
+		*     `ui-dockkit/components/TabLayout.tsx`, a file that first appears at
+		*     0.1.7-alpha.1. Dockkit itself EXISTS earlier (its `TabMenu` carries
+		*     `[data-dockkit-tab-menu]` on every release), so only these two attributes
+		*     are the 0.1.7 marker — never test "is dockkit installed".
+		*   · `[data-dsh-bottom-panel]` — the optional dsh-better-sidebar workbench, not
+		*     a host element at all. It is a single element on every release, which is
+		*     why it needs no version arm.
+		*   · `[data-plugin-panel]` / `[data-plugin-scope] > ul` — emitted by
+		*     `ui-plugin-manager/src/client/PluginManagerPage.tsx`. That package is NEW AT
+		*     0.1.6-alpha.2: `git ls-tree` shows it absent from 0.1.5-rc.2, 0.1.5-rc.3 and
+		*     0.1.6-alpha.1, where the plugin list lived in `ui-settings-plugin-inventory`
+		*     under `[data-plugin-scope]` alone — no `[data-plugin-panel]`, and no card
+		*     `ul` in that group either. From alpha.2 on, the group markup (`section` →
+		*     `div.groupHead` + `ul.cards`) is byte-identical through 0.1.7-rc.1, so the
+		*     ONE rule below serves all four tags that emit the page.
 		*
 		* @module
 		*/
-		let current = {
-			version: null,
-			generation: "unknown"
+		/** The host's own right Sidebar wrapper. */
+		const PANEL_WRAPPER = "[data-sidebar-right-panel]";
+		/** The same wrapper in its fullscreen state; the host raises its own z-index to 40. */
+		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. 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 — 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]))";
+		/** The panel blur declaration pair. Both prefixes because Safari needs the
+		*  `-webkit-` one and the cascade must not let them disagree. */
+		function panelBlurRule(selectors) {
+			return `${selectors}{-webkit-backdrop-filter:var(--dsh-any-blur-panel,none);backdrop-filter:var(--dsh-any-blur-panel,none)}`;
+		}
+		/**
+		* The plugin-manager page's frosted card block, for the releases that ship it.
+		*
+		* `设置 → 插件` lists each group's plugins in a `ul` that has NO surface of its
+		* own — measured live on 0.1.7-alpha.1: a transparent flex column, 2px gaps, each
+		* `li` transparent with a 12px radius. With the settings surfaces faded, the whole
+		* table floats straight on the wallpaper. This frames each group's list the way the
+		* composer capsule is framed: a rounded block on an `::before` underlay.
+		*
+		* Which releases emit the page decides who gets this string — see `pluginPageRule`
+		* in each version folder.
+		*
+		* BINDING, and why it is not just "put it in the dialog": the block paints from
+		* `--dsh-any-bg-settings-surface` and frosts from `--dsh-any-blur-settings`, i.e.
+		* the settings-opacity / settings-blur pair. On 0.1.7 the page is a child of
+		* `centerCol`, NOT of the settings dialog, so `SETTINGS_STYLE_RULE`'s token
+		* re-scope never reaches it and the list would otherwise follow the homepage card
+		* alpha; reading the plugin-owned variables off `:root` puts them under the slider
+		* that owns this page. The `var(--dsw-alias-bg-layer-2)` fallback covers the window
+		* before the first `applySettingsOverrides` write.
+		*
+		* The frost rides an underlay because backdrop-filter must never sit directly on a
+		* host part (containing block + backdrop root), and the `isolation` is what keeps
+		* the underlay's `z-index:-1` inside the block instead of escaping behind the frame.
+		* The `:has([role="dialog"])` valve matters here more than anywhere else: every row
+		* carries a `plugins.item` slot that third-party plugins fill with their own
+		* controls, so a dialog can legitimately open inside the list.
+		*/
+		const PLUGIN_PAGE_FROST_RULE = "[data-plugin-panel] [data-plugin-scope]>ul{position:relative;isolation:isolate;padding:8px;border-radius:14px}[data-plugin-panel] [data-plugin-scope]>ul:has([role=\"dialog\"]){isolation:auto}[data-plugin-panel] [data-plugin-scope]>ul::before{content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:var(--dsh-any-bg-settings-surface,var(--dsw-alias-bg-layer-2));-webkit-backdrop-filter:var(--dsh-any-blur-settings,none);backdrop-filter:var(--dsh-any-blur-settings,none)}";
+		/** Session-header slot anchors present on EVERY release in range. The slot
+		*  renderer stamps `data-slot="<key>"` unconditionally (`ui-renderer/scoped-slots.tsx`),
+		*  and all five keys are registered from 0.1.5-rc.2 through 0.1.7-rc.1 —
+		*  verified per tag. Adapters append the keys their own release adds. */
+		const BASE_HEADER_SLOT_KEYS = [
+			"conversation.session.header",
+			"conversation.session.header.actions",
+			"conversation.session.header.utilities",
+			"conversation.session.header.corner",
+			"conversation.session.header.lineage"
+		];
+		//#endregion
+		//#region src/client/host-compat/versions/v0-1-5-rc-2-3/adapter.ts
+		/**
+		* Adapter for the DSH 0.1.5-rc channel (`0.1.5-rc.2`, `0.1.5-rc.3`).
+		*
+		* Nothing here is inferred from a neighbouring release — each fact below was
+		* checked against the harness tags `dsh-v0.1.5-rc.2` / `dsh-v0.1.5-rc.3`.
+		*
+		* Host shape this line presents:
+		*   `ui-sidebar-right/shell/SidebarRight.module.css`
+		*     .panel { position:absolute; z-index:10; transform:translateX(100%); visibility:hidden }
+		*     .panel[data-sidebar-right-open] { transform:none }
+		*     .panel[data-sidebar-right-panel='fullscreen'] { position:fixed; inset:0; z-index:40 }
+		*   `ui-dockkit` ships WITHOUT `TabLayout.tsx`, so `[data-dockkit-host]` and
+		*   `[data-dockkit-empty]` are never rendered on this line.
+		*   `ui-plugin-manager` (the page behind `PLUGIN_PAGE_FROST_RULE`) is not a package
+		*   on this line at all, and neither tag emits `[data-plugin-panel]`.
+		*
+		* Consequence for the panel slider: the WRAPPER is what slides, so the
+		* `backdrop-filter` belongs on the wrapper — and because the wrapper sits inside
+		* an animated track with its own stacking context, it must be promoted out of it
+		* or the filter has no wallpaper to sample.
+		*
+		* @module
+		*/
+		/** The wrapper carries the slide transform on this line, so it carries the blur. */
+		function panelFragments$3() {
+			return {
+				promotion: `${PANEL_WRAPPER}{position:fixed!important;z-index:26!important}${PANEL_FULLSCREEN}{z-index:40!important}`,
+				blur: panelBlurRule(PANEL_WRAPPER)
+			};
+		}
+		function createAdapter$3(host) {
+			return {
+				id: "0.1.5-rc.2/rc.3",
+				channel: "0.1.5-rc",
+				host,
+				panelFragments: panelFragments$3,
+				pluginPageRule: "",
+				surface: {
+					ownsSidebarGuideSurface: false,
+					headerSlotKeys: BASE_HEADER_SLOT_KEYS
+				}
+			};
+		}
+		//#endregion
+		//#region src/client/host-compat/versions/v0-1-6-alpha-1-2/adapter.ts
+		/**
+		* Adapter for the DSH 0.1.6-alpha channel (`0.1.6-alpha.1`, `0.1.6-alpha.2`).
+		*
+		* Facts checked per tag against `dsh-v0.1.6-alpha.1` / `dsh-v0.1.6-alpha.2` —
+		* deliberately not copied over from the 0.1.5 folder, even where the two lines
+		* turned out to agree. If a future 0.1.6 patch diverges, only this file moves.
+		*
+		* Host shape this line presents:
+		*   `SidebarRight.module.css` is unchanged from the 0.1.5 line for the parts that
+		*   matter: `.panel` still carries `position:absolute` + `transform:translateX(100%)`,
+		*   `data-sidebar-right-open` still clears it with `transform:none`, and the panel
+		*   width is still an inline `width` with no `--dsh-sidebar-width` variable.
+		*   alpha.2 appends fullscreen window chrome (`.63` windows / `.77` darwin), which
+		*   does not move the blur target, AND the `ui-plugin-manager` package — so the
+		*   plugin-page frost below is prerelease-gated rather than channel-wide.
+		*   `ui-dockkit` still has no `TabLayout.tsx`, so no `[data-dockkit-host]` /
+		*   `[data-dockkit-empty]` on this line either.
+		*
+		* So the panel mechanics match 0.1.5: the wrapper slides, the wrapper takes the
+		* blur, and the wrapper needs promoting.
+		*
+		* @module
+		*/
+		/** The extra session-header anchor this line introduces: the macOS titlebar work
+		*  added `conversation.session.header.leading`. It was deleted again at
+		*  0.1.7-alpha.1 with no shim, so it is unique to this line — which is why the
+		*  channel alone is not enough to answer it and the prerelease is read.
+		*  `alpha.1` predates it.
+		*
+		* Erring toward "included": a slot key the host never emits simply matches
+		*  nothing, whereas a key we omit hides a header area from the plugin for the
+		*  whole session. */
+		function hasLeadingHeaderSlot(version) {
+			const pre = prereleaseOf(version);
+			if (pre === null) return true;
+			const m = /^alpha\.(\d+)$/.exec(pre);
+			return m === null || Number(m[1]) >= 2;
+		}
+		/** The other thing this line splits on: `ui-plugin-manager` — the package that
+		*  renders `设置 → 插件` and stamps `[data-plugin-panel]` — was CREATED at
+		*  alpha.2. Until then the plugin list was a settings tab in
+		*  `ui-settings-plugin-inventory`, which carries `[data-plugin-scope]` but no
+		*  card list to frame, so alpha.1 has nothing for the frost rule to apply to.
+		*
+		*  Same erring-toward-included convention as `hasLeadingHeaderSlot`: the rule's
+		*  own `[data-plugin-panel]` prefix means an over-broad arm cannot paint, while
+		*  an over-narrow one leaves a page bare for the whole session. */
+		function hasPluginManagerPage(version) {
+			const pre = prereleaseOf(version);
+			if (pre === null) return true;
+			const m = /^alpha\.(\d+)$/.exec(pre);
+			return m === null || Number(m[1]) >= 2;
+		}
+		function panelFragments$2() {
+			return {
+				promotion: `${PANEL_WRAPPER}{position:fixed!important;z-index:26!important}${PANEL_FULLSCREEN}{z-index:40!important}`,
+				blur: panelBlurRule(PANEL_WRAPPER)
+			};
+		}
+		function createAdapter$2(host) {
+			return {
+				id: "0.1.6-alpha.1/alpha.2",
+				channel: "0.1.6-alpha",
+				host,
+				panelFragments: panelFragments$2,
+				pluginPageRule: hasPluginManagerPage(host.version) ? PLUGIN_PAGE_FROST_RULE : "",
+				surface: {
+					ownsSidebarGuideSurface: true,
+					headerSlotKeys: hasLeadingHeaderSlot(host.version) ? [...BASE_HEADER_SLOT_KEYS, "conversation.session.header.leading"] : BASE_HEADER_SLOT_KEYS
+				}
+			};
+		}
+		//#endregion
+		//#region src/client/host-compat/versions/v0-1-7-alpha-1-2-rc-1/adapter.ts
+		/**
+		* Adapter for the DSH 0.1.7-alpha channel (`0.1.7-alpha.1`, `0.1.7-alpha.2`),
+		* re-verified unchanged at `0.1.7-rc.1`.
+		*
+		* This is the line the panel mechanics actually changed on — verified against
+		* `dsh-v0.1.6-alpha.2` → `dsh-v0.1.7-alpha.1`, where `SidebarRight.module.css`
+		* was rewritten (116 lines changed) and `ui-dockkit/src/components/TabLayout.tsx`
+		* was ADDED. Both facts were checked, not assumed.
+		*
+		* `0.1.7-rc.1` was checked the same way, by diffing every package that emits an
+		* anchor this plugin matches (the panel CSS, dockkit, the plugin-manager page, the
+		* slot renderer, the theme tokens): no anchor line moved, and the two UI changes it
+		* carries do not reach us —
+		*   · `ui-plugin-manager`: a new `InstallDialog` failure screen plus compatibility
+		*     wording. The card block (`section` → `div.groupHead` + `ul.cards`) is
+		*     untouched, and the dialog is a body-level `Modal`, so the `:has()` valve of
+		*     `PLUGIN_PAGE_FROST_RULE` never even has to fire for it.
+		*   · `ui-conversation`: `.titleRow` gains `container-type:inline-size`, which makes
+		*     it a stacking context and a containing block. Header slots sit inside that
+		*     row, but this plugin reaches them through background/blur tokens, and the
+		*     dropdowns they trigger portal to `document.body` (see `header-tag.ts`), so
+		*     nothing of ours lands inside the new containment.
+		*
+		* Host shape this line presents:
+		*   .panel { position:absolute; --dsh-dockkit-dock-layer:10; pointer-events:none }
+		*     — no transform, no visibility, and no z-index of its own any more.
+		*   .panel :global([data-dockkit-host='dock']),
+		*   .panel :global([data-dockkit-empty]),
+		*   .panel :global([data-dockkit-divider]) { transform:translateX(var(--dsh-sidebar-width)); visibility:hidden }
+		*   .panel[data-sidebar-right-open] :global(…) { transform:none }
+		*     — the DOCKED CHILDREN are what slide.
+		*   .panel[data-sidebar-right-panel='fullscreen'] { --dsh-dockkit-dock-layer:40 }
+		*     — fullscreen no longer flips the panel to `position:fixed`; it raises a
+		*       layer variable, and the width becomes `100vw` on the absolute panel.
+		*
+		* Consequences encoded below:
+		*   1. The blur belongs on the children. On the wrapper it frosted a stationary
+		*      frame — "the blur stays put while the sidebar moves".
+		*   2. The promotion must NOT be emitted. `position:fixed` detaches the panel from
+		*      the track the host animates, which is the whole reason 2 the blur stopped
+		*      travelling. The host's own sheet documents the content root as owning "no
+		*      stacking context or transform", so `backdrop-filter` resolves against the
+		*      page and samples the wallpaper unaided.
+		*   3. `[data-dockkit-empty]` must be included alongside `[data-dockkit-host]`: a
+		*      pane with no tabs renders the empty host instead, and keying on `host`
+		*      alone mis-detects that (transient) shape.
+		*
+		* Also true of this line, recorded so the next reader does not re-derive it:
+		*   · `conversation.session.header.leading` was DELETED here with no shim, so this
+		*     folder deliberately does not list it (see the 0.1.6 folder).
+		*   · `--dsw-specific-menu` was severed from `--dsw-alias-bg-layer-3` and became a
+		*     literal translucent rgba, plus a `html[data-platform='darwin']` re-override.
+		*     The plugin already samples and writes that token directly, so the severance
+		*     needs no adapter of its own — but note the consequence: `toRgba()` REPLACES
+		*     alpha, so the header slider now overrides the host's own 0.58 rather than
+		*     fading an opaque layer. Intended (the slider means "this opacity"), worth
+		*     knowing if the 0.1.7 header ever looks too thin.
+		*   · `[data-chat-flow]` is stamped on a nested `ChatGroupSeat` content element
+		*     too. Checked against every use in this plugin: the stroke group is inherited
+		*     so a second match changes nothing, and the view-card discovery takes the
+		*     first match, which is still the real flow root. No arm needed.
+		*
+		* @module
+		*/
+		function panelFragments$1() {
+			return {
+				promotion: "",
+				blur: panelBlurRule(DOCKKIT_SLIDERS)
+			};
+		}
+		function createAdapter$1(host) {
+			return {
+				id: "0.1.7-alpha.1/alpha.2/rc.1",
+				channel: "0.1.7-alpha",
+				host,
+				panelFragments: panelFragments$1,
+				pluginPageRule: PLUGIN_PAGE_FROST_RULE,
+				surface: {
+					ownsSidebarGuideSurface: true,
+					headerSlotKeys: BASE_HEADER_SLOT_KEYS
+				}
+			};
+		}
+		//#endregion
+		//#region src/client/host-compat/versions/unknown/adapter.ts
+		/**
+		* Stand-in for "we could not resolve the release".
+		*
+		* This is a REAL case, not a theoretical one: a plain `~/.dsh` install has no
+		* launcher layout, so the front-door probe finds neither a manifest nor a
+		* version-shaped directory name. It must not degrade into a guessed channel —
+		* a wrong guess silently restyles the window.
+		*
+		* Instead, the DOM arbitrates. Both panel arms ship, each gated on the shape that
+		* only one release family can present, which is exactly how this plugin behaved
+		* before release detection existed. It is why an unresolved host still gets a
+		* working panel blur.
+		*
+		* The one concession this costs: an engine without `:has()` cannot parse a gated
+		* selector and drops that block, so such a host loses the promotion. A resolved
+		* host does not have that problem — its arm is unconditional.
+		*
+		* @module
+		*/
+		function panelFragments() {
+			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)
+			};
+		}
+		function createAdapter(host) {
+			return {
+				id: "unknown",
+				channel: "unknown",
+				host,
+				panelFragments,
+				pluginPageRule: PLUGIN_PAGE_FROST_RULE,
+				surface: {
+					ownsSidebarGuideSurface: false,
+					headerSlotKeys: BASE_HEADER_SLOT_KEYS
+				}
+			};
+		}
+		//#endregion
+		//#region src/client/host-compat/versions/registry.ts
+		const ADAPTERS = {
+			"0.1.5-rc": createAdapter$3,
+			"0.1.6-alpha": createAdapter$2,
+			"0.1.7-alpha": createAdapter$1,
+			unknown: createAdapter
 		};
-		/** False until the server verdict lands; feature gates must not treat "not
-		*  asked yet" as "old host". */
+		/** Pick the adapter for a resolved host. `host.channel` is already narrowed to
+		*  the union by `adoptHostInfo`, so every channel here has a row by construction —
+		*  a new channel in `HostChannel` fails to compile until it is added. */
+		function buildAdapter(host) {
+			return ADAPTERS[host.channel](host);
+		}
+		//#endregion
+		//#region src/client/host-compat/release.ts
+		/**
+		* The client-side half of the front door: where the release verdict lands.
+		*
+		* The browser cannot detect the host release — the client context exposes no
+		* version field, and the app manifest that states it is only readable on the node
+		* half. So `src/host-compat/detect.ts` resolves it there and the verdict travels
+		* in the `read` RPC payload (see `client/rpc.ts`, which calls `adoptHostInfo`).
+		*
+		* This module only HOLDS the verdict and tells subscribers when it changes. It
+		* deliberately answers no feature questions — that is `capabilities.ts`, so the
+		* version → behaviour mapping stays in one place.
+		*
+		* @module
+		*/
+		let current = UNKNOWN_HOST_INFO;
+		/** False until the server verdict lands. Feature gates must not read "not asked
+		*  yet" as "an old host" — see `adapterResolved()`. */
 		let resolved = false;
 		const subs$1 = /* @__PURE__ */ new Set();
-		/** Adopt the verdict delivered by the server's `read` payload. */
+		/** Cached adapter, keyed by the verdict it was built from. Held because React's
+		*  `useSyncExternalStore` requires a stable snapshot between notifications. */
+		let adapterCache = null;
+		/** Adopt the verdict delivered by the server's `read` payload.
+		*
+		*  The payload's `channel` is IGNORED and re-derived from `version` here: the
+		*  two halves are built together, so a disagreeing pair can only mean one of them
+		*  is stale, and re-deriving keeps `channelOf` the single definition of what a
+		*  channel means. */
 		function adoptHostInfo(raw) {
 			if (raw === null || typeof raw !== "object") return;
 			const h = raw;
-			const version = typeof h.version === "string" && h.version.trim() !== "" ? h.version.trim() : null;
-			const generation = h.generation === "0.1.5" || h.generation === "0.1.6" || h.generation === "0.1.7" ? h.generation : "unknown";
-			const changed = !resolved || current.version !== version || current.generation !== generation;
-			current = {
+			const version = typeof h.version === "string" && looksLikeVersion(h.version.trim()) ? h.version.trim() : null;
+			const next = {
 				version,
-				generation
+				channel: channelOf(version)
 			};
+			const changed = !resolved || current.version !== next.version || current.channel !== next.channel;
+			current = next;
 			resolved = true;
-			if (changed) subs$1.forEach((cb) => cb());
+			if (changed) {
+				adapterCache = null;
+				subs$1.forEach((cb) => cb());
+			}
 		}
-		/** Subscribe to a verdict landing (or changing). */
+		/** Subscribe to the verdict landing (or changing). */
 		function subscribeHostInfo(cb) {
 			subs$1.add(cb);
 			return () => {
 				subs$1.delete(cb);
 			};
 		}
-		/** Ordered generation rank, for "at least this generation" tests. `unknown`
-		*  has no rank and must be handled by the caller's fallback. */
-		const RANK = {
-			"0.1.5": 5,
-			"0.1.6": 6,
-			"0.1.7": 7
-		};
-		/**
-		* Whether the host is at least `gen`. An unknown generation answers `false`:
-		* callers treat that as "do not assume the newer behaviour" and use whatever
-		* capability probe they own, which is the safe direction for every gate here.
-		*/
-		function hostAtLeast(gen) {
-			const rank = RANK[current.generation];
-			return rank !== void 0 && rank >= RANK[gen];
+		/** Whether the server verdict has landed at all. */
+		function adapterResolved() {
+			return resolved;
 		}
-		/**
-		* Whether this host's own right Sidebar already carries the appearance page,
-		* which makes the plugin's dsh-better-sidebar page a duplicate entry on the same
-		* guide surface.
-		*
-		* `true`  — 0.1.6 or newer: the better-sidebar page stands down.
-		* `false` — 0.1.5 or an undetermined-but-answered generation: keep it.
-		* `null`  — the verdict has not landed yet (the probe is a Node round-trip).
-		*
-		* Callers must treat `null` as "not yet known": register nothing eagerly on a
-		* `true`, and arm a withdrawal for a later `true` rather than blocking on it.
-		*
-		* NOTE: 0.1.5-rc.2 ALSO ships the native right Sidebar (verified: the
-		* `ui-sidebar-right` entry is in that release's `dsh-web-app/cordis.patch.yml`),
-		* so this gate deliberately keys off the release rather than off the presence of
-		* the native sidebar service — the two are not the same fact.
-		*/
-		function suppressesBetterSidebar() {
-			if (!resolved) return null;
-			if (current.generation === "unknown") return false;
-			return hostAtLeast("0.1.6");
+		/** The adapter chosen for the current verdict — `unknown`'s stand-in until the
+		*  verdict lands, which is the safe answer: it asserts nothing and lets the DOM
+		*  arbitrate. */
+		function rHostAdapter() {
+			adapterCache ??= buildAdapter(current);
+			return adapterCache;
 		}
 		//#endregion
 		//#region src/client/rpc.ts
@@ -1406,6 +1867,149 @@ window.__ModuleLoader__.load({
 			}
 		}
 		//#endregion
+		//#region src/client/host-compat/capabilities.ts
+		/**
+		* The plugin's ONE vocabulary for host-dependent decisions.
+		*
+		* Everything downstream asks a QUESTION ("who owns the guide surface?", "which CSS
+		* arm applies?") and gets an answer from the current adapter. No consumer names a
+		* release. That is what keeps the per-version folders honest: when 0.1.8 needs a
+		* new behaviour, a consumer changes by reading a new adapter field, not by growing
+		* another version comparison.
+		*
+		* @module
+		*/
+		function sidebarGuideOwner() {
+			if (!adapterResolved()) return "pending";
+			return rHostAdapter().surface.ownsSidebarGuideSurface ? "host" : "plugin";
+		}
+		/** The current adapter, for callers that need more than one field from it (and to
+		*  keep the snapshot identity stable across a single render pass). */
+		function hostAdapter() {
+			return rHostAdapter();
+		}
+		//#endregion
+		//#region src/client/header-tag.ts
+		/**
+		* Header-surface tagging.
+		*
+		* WHY A RUNTIME TAG IS NEEDED
+		* The session-header dropdowns (open-in-app, session-log, Agent Team, the job
+		* list, the subagent lineage tree) render their popover through the Menu/tree
+		* primitives, which PORTAL the list to `document.body`. A portaled list is not a
+		* DOM descendant of the header — no ancestor selector can reach it — and the
+		* primitive emits no `id`/`aria-controls` back-link to its anchor either. Pure
+		* CSS class matching was the remaining option, but 0.1.7 broke the shapes this
+		* plugin relied on: open-in-app moved from in-place to `portal` (so the old
+		* `:not(_portal)` discriminator no longer selected it), and the session row menu
+		* became a dynamic `sidebar.workspaces.session.menu.item` slot whose rows are no
+		* longer guaranteed to include a destructive one.
+		*
+		* THE SIGNAL
+		* The slot renderer stamps every registered slot with `data-slot="<key>"`
+		* (ui-renderer `scoped-slots.tsx`). Those anchors live in the header subtree, so
+		* the plugin can detect when a header trigger is expanded — which keys identify
+		* the header is a per-release fact and comes from the host adapter, not from a
+		* hardcoded list here.
+		*
+		* WHY NOT GEOMETRY
+		* A tempting link is the inline position the primitive writes on a portaled list
+		* (`style="left: …; top: …"`). It was tried and REJECTED: an `align="end"` list
+		* is flush to the trigger's right edge while the trigger itself sits at the far
+		* right of the header, so the two boxes often do not overlap horizontally (in
+		* the reported DOM the list is at `left:1012` with the trigger near x=1400). Any
+		* purely geometric proximity test therefore misses real header menus.
+		*
+		* THE ACTUAL RULE (structural, no geometry, no timing)
+		* A header dropdown can only be open while its trigger reports
+		* `aria-expanded="true"`, and opening one is what mounts the popover. So a
+		* popover tag is maintained as: "there is at least one expanded header trigger,
+		* AND this popover is not owned by another group". Popovers are only ever
+		* tagged/released on a change of that combined state, which makes the tag
+		* self-consistent and idempotent.
+		*
+		* The one hazard is a popover that is open for an unrelated reason (a composer
+		* menu, a hover card) *while* a header trigger stays expanded. Such a popover
+		* is not a candidate: it is excluded by `ownsForeignSurface`, which skips any
+		* popover carrying markers of a different slider group. In practice header
+		* dropdowns are transient (opening one closes the others), so this is a guard
+		* rather than the common path.
+		*
+		* @module
+		*/
+		/** Marker attribute the stylesheet keys on. */
+		const HEADER_POPOVER_ATTR = "data-dsh-any-header-popover";
+		/** Portaled popovers a header trigger can own. */
+		const POPOVER_SELECTOR = "[role=\"menu\"], [role=\"tree\"], [role=\"dialog\"]";
+		/** Which session-header slot anchors to watch — supplied by the host adapter,
+		*  because the set is not the same on every release: 0.1.6-alpha.2 registers a
+		*  sixth (`.leading`) that neither the line before nor the line after has.
+		*  Memoised on the array identity, which the adapter keeps stable until the
+		*  release verdict lands. */
+		let slotAnchorCache = null;
+		function headerSlotAnchors() {
+			const keys = hostAdapter().surface.headerSlotKeys;
+			if (slotAnchorCache === null || slotAnchorCache.keys !== keys) slotAnchorCache = {
+				keys,
+				selector: keys.map((key) => `[data-slot="${key}"]`).join(",")
+			};
+			return slotAnchorCache.selector;
+		}
+		/** Whether any header slot anchor has an expanded trigger. */
+		function headerTriggerOpen() {
+			for (const anchor of document.querySelectorAll(headerSlotAnchors())) if (anchor.querySelector("[aria-expanded=\"true\"]") !== null) return true;
+			return false;
+		}
+		/** Surfaces that belong to a different slider group and must never be claimed.
+		*  `_denseList` without `_portal` is the in-place card-side dense menu, an
+		*  `_ioCard`/`_menu`-classed body-level list belongs elsewhere, and a modal is
+		*  its own surface. */
+		function ownsForeignSurface(el) {
+			if (el.getAttribute("aria-modal") === "true") return true;
+			return el.parentElement !== document.body;
+		}
+		let observer = null;
+		let raf = null;
+		/** Recompute tags from the current open state. */
+		function refreshHeaderPopovers() {
+			const open = headerTriggerOpen();
+			const candidates = [...document.querySelectorAll(POPOVER_SELECTOR)].filter((el) => !ownsForeignSurface(el));
+			if (!open) {
+				for (const el of document.querySelectorAll(`[${HEADER_POPOVER_ATTR}]`)) el.removeAttribute(HEADER_POPOVER_ATTR);
+				return;
+			}
+			for (const el of candidates) el.setAttribute(HEADER_POPOVER_ATTR, "");
+			for (const el of document.querySelectorAll(`[${HEADER_POPOVER_ATTR}]`)) if (!candidates.includes(el)) el.removeAttribute(HEADER_POPOVER_ATTR);
+		}
+		function schedule() {
+			if (raf !== null) return;
+			raf = window.requestAnimationFrame(() => {
+				raf = null;
+				refreshHeaderPopovers();
+			});
+		}
+		/** Start tagging. Returns a teardown that stops observing and clears markings. */
+		function startHeaderPopoverTagging() {
+			if (typeof MutationObserver === "undefined" || typeof document === "undefined") return () => {};
+			refreshHeaderPopovers();
+			observer = new MutationObserver(schedule);
+			observer.observe(document.body, {
+				childList: true,
+				subtree: true,
+				attributes: true,
+				attributeFilter: ["aria-expanded"]
+			});
+			return () => {
+				observer?.disconnect();
+				observer = null;
+				if (raf !== null) {
+					window.cancelAnimationFrame(raf);
+					raf = null;
+				}
+				for (const el of document.querySelectorAll(`[${HEADER_POPOVER_ATTR}]`)) el.removeAttribute(HEADER_POPOVER_ATTR);
+			};
+		}
+		//#endregion
 		//#region src/client/utils/image.ts
 		/**
 		* Read a chosen image file as a data URL WITHOUT re-encoding: the original
@@ -2827,13 +3431,16 @@ 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 POPOVER_BLUR_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)}";
-		const INPUT_BLUR_RULE = "[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}";
+		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
@@ -2843,16 +3450,32 @@ window.__ModuleLoader__.load({
 			if (px > 0) document.documentElement.style.setProperty("--dsh-any-part-blur-global", `blur(${px}px)`);
 			else document.documentElement.style.removeProperty("--dsh-any-part-blur-global");
 		}
-		const PANEL_TOKEN_RULE = "[data-dsh-bottom-panel],[data-sidebar-right-panel]{--dsw-alias-bg-base:var(--dsh-any-panel-bg-base);--dsw-alias-bg-layer-1:var(--dsh-any-panel-layer-1);--dsw-alias-bg-layer-2:var(--dsh-any-panel-layer-2);--dsw-alias-bg-layer-3:var(--dsh-any-panel-layer-3)}";
-		const NO_DOCKKIT = ":not(:has([data-dockkit-host],[data-dockkit-empty]))";
-		const PANEL_BLUR_RULE = `[data-sidebar-right-panel] [data-dockkit-host="dock"],[data-sidebar-right-panel] [data-dockkit-empty]{-webkit-backdrop-filter:var(--dsh-any-blur-panel,none);backdrop-filter:var(--dsh-any-blur-panel,none)}[data-sidebar-right-panel]${NO_DOCKKIT}{-webkit-backdrop-filter:var(--dsh-any-blur-panel,none);backdrop-filter:var(--dsh-any-blur-panel,none)}[data-dsh-bottom-panel]{-webkit-backdrop-filter:var(--dsh-any-blur-panel,none);backdrop-filter:var(--dsh-any-blur-panel,none)}`;
-		const PANEL_PROMOTION_RULE = `[data-sidebar-right-panel]${NO_DOCKKIT}{position:fixed!important;z-index:26!important}[data-sidebar-right-panel="fullscreen"]${NO_DOCKKIT}{z-index:40!important}`;
-		const HEADER_POPOVER_RULE = "[data-dsh-any-header-popover][role],ul[class*=\"_menu\"],div[role=\"dialog\"][class*=\"_panel\"]:not([aria-modal=\"true\"]),[role=\"menu\"][class*=\"_denseList\"]:not([class*=\"_portal\"]),[role=\"tree\"][class*=\"_menu\"]{-webkit-backdrop-filter:var(--dsh-any-blur-header,none);backdrop-filter:var(--dsh-any-blur-header,none)}";
-		const EXEMPT_DEFAULT_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}";
-		/** Selector the dynamic header token rule targets — kept in sync with the
-		*  static HEADER_POPOVER_RULE selector list (specificity equal or higher than
-		*  the card group's `[role="menu"]:not(...)` so it wins). */
-		const HEADER_TOKEN_SELECTOR = "[data-dsh-any-header-popover][role],ul[class*=\"_menu\"],div[role=\"dialog\"][class*=\"_panel\"]:not([aria-modal=\"true\"]),[role=\"menu\"][class*=\"_denseList\"]:not([class*=\"_portal\"]),[role=\"tree\"][class*=\"_menu\"]";
+		const PANEL_TOKEN_RULE = `${PANEL_SURFACES}{--dsw-alias-bg-base:var(--dsh-any-panel-bg-base);--dsw-alias-bg-layer-1:var(--dsh-any-panel-layer-1);--dsw-alias-bg-layer-2:var(--dsh-any-panel-layer-2);--dsw-alias-bg-layer-3:var(--dsh-any-panel-layer-3)}`;
+		/** The header dropdown surfaces, spelled ONCE. Three rules consume this set (the
+		*  static blur rule, the dynamic token rule and the stroke group), and every one
+		*  of them drifting by a single attribute re-introduces the bug where a header
+		*  menu keeps the card slider's look instead of its own.
+		*
+		*  Strategy 1 is the runtime tag (`header-tag.ts`); strategies 2 are class-shape
+		*  fallbacks for the first paint before the tag observer runs. */
+		const HEADER_TAG_SELECTOR = `[${HEADER_POPOVER_ATTR}]`;
+		const HEADER_SURFACES = [
+			HEADER_TAG_SELECTOR,
+			"ul[class*=\"_menu\"],div[role=\"dialog\"][class*=\"_panel\"]:not([aria-modal=\"true\"])",
+			`[role="menu"][class*="_denseList"]:not([class*="_portal"])`,
+			"[role=\"tree\"][class*=\"_menu\"]"
+		];
+		/** SPECIFICITY IS LOAD-BEARING HERE. The card group's rule is
+		*  `[role="menu"]:not([data-dockkit-tab-menu])` — specificity (0,2,0) — so a bare
+		*  `[data-dsh-any-header-popover]` (0,1,0) LOSES to it no matter how late it
+		*  appears in the sheet. That is exactly how the tagged open-in-app menu kept
+		*  taking the card blur. `[role]` is a no-op presence test that raises only the
+		*  tagged arm to (0,2,0); the other three already qualify at (0,2,0)+. */
+		const HEADER_SURFACES_PADDED = [`${HEADER_TAG_SELECTOR}[role]`, ...HEADER_SURFACES.slice(1)];
+		const HEADER_POPOVER_RULE = `${HEADER_SURFACES_PADDED.join(",")}{-webkit-backdrop-filter:var(--dsh-any-blur-header,none);backdrop-filter:var(--dsh-any-blur-header,none)}`;
+		/** Selector the dynamic header token rule targets — the same set as the static
+		*  HEADER_POPOVER_RULE above, so the two can never drift apart. */
+		const HEADER_TOKEN_SELECTOR = HEADER_SURFACES_PADDED.join(",");
 		/** Header-popover surfaces: retint the menu token and (re)write the blur.
 		*  Mirrors applyProduced: the static rule above never changes, so a drag only
 		*  rewrites the blur variable and this one dynamic rule. */
@@ -2924,16 +3547,16 @@ 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-dsh-bottom-panel],[data-sidebar-right-panel]{-webkit-text-stroke:var(--dsh-any-stroke-panel-w,0px) var(--dsh-any-stroke-panel-c,transparent);paint-order:stroke fill}`,
-			"[data-dsh-any-header-popover],ul[class*=\"_menu\"],div[role=\"dialog\"][class*=\"_panel\"]:not([aria-modal=\"true\"]),[role=\"menu\"][class*=\"_denseList\"]:not([class*=\"_portal\"]),[role=\"tree\"][class*=\"_menu\"]{-webkit-text-stroke:var(--dsh-any-stroke-header-w,0px) var(--dsh-any-stroke-header-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}",
 			`svg{-webkit-text-stroke-width:0!important;paint-order:normal!important}`,
 			`::placeholder{-webkit-text-stroke-width:0!important}`
@@ -3071,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;
@@ -3094,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)`);
@@ -3151,7 +3800,6 @@ window.__ModuleLoader__.load({
 		function applySettingsOverrides(op) {
 			applyLayerOverrides("--dsh-any-bg-settings", op, true);
 		}
-		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) {
 			applyLayerOverrides("--dsh-any-traj", op, false);
 		}
@@ -3257,7 +3905,21 @@ window.__ModuleLoader__.load({
 		let rightEl = 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)}`;
+		/** The AppFrame's main-bg clear-out, as a class rather than an inline write.
+		*
+		* WHY NOT INLINE (measured on 0.1.7): the frame's own translucent
+		* `--dsw-alias-bg-base` is what hides the wallpaper, so `applyPartOpacities` has
+		* to clear it. Written as `frameEl.style.background = 'transparent'` the clear
+		* survived a settings change but not a sidebar open/close — the host owns that
+		* element's `style` too (it animates `grid-template-columns`), and while it
+		* re-asserts its own background the frame snaps back to an opaque
+		* `rgb(200,207,218)`: wallpaper gone, and every frost on top of it flattened,
+		* because a backdrop-filter with nothing behind it has nothing to blur. A class
+		* rule with `!important` sits outside the host's `style` writes entirely, so the
+		* clear cannot be re-clobbered and there is nothing to re-apply. */
+		const PART_FRAME_CLASS = "dab-frame-clear";
+		const FRAME_CLEAR_RULE = `.${PART_FRAME_CLASS}{background:transparent!important}`;
+		const PART_BLUR_RULE = `.${PART_BLUR_CLASS}{isolation:isolate}.${PART_BLUR_CLASS}:has([role="dialog"]){isolation:auto}.${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;
@@ -3338,7 +4000,8 @@ window.__ModuleLoader__.load({
 			discoverParts();
 			if (frameEl === null) return;
 			const base = tokens["--dsw-alias-bg-base"];
-			frameEl.style.background = "transparent";
+			frameEl.classList.add(PART_FRAME_CLASS);
+			if (frameEl.style.background !== "") frameEl.style.removeProperty("background");
 			if (centerEl !== null) centerEl.style.background = base !== void 0 ? toRgba(base, ops.bg) : "transparent";
 			if (rightEl !== null) rightEl.style.background = "";
 		}
@@ -3367,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;
@@ -3381,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) {
@@ -3517,6 +4186,7 @@ window.__ModuleLoader__.load({
 			if (cached !== null && centerEl.contains(cached)) return cached;
 			viewTargets[idx] = null;
 			if (spec.fallback !== true) return null;
+			if (centerEl.querySelector("[data-chat-flow],[data-conversation-scroll],[data-composer-seat],[data-conversation-composer-overlay]") === null) return null;
 			if (centerEl.querySelector("[data-conversation-scroll]") !== null) return null;
 			if (spec.opacity() <= 0 && spec.blur() <= 0) return null;
 			let best = null;
@@ -3535,6 +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("[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby][class*=\"_panel\"]") !== null) best = null;
 			const refined = best !== null ? refineMessageColumn(best) : null;
 			viewTargets[idx] = refined;
 			return refined;
@@ -4041,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");
@@ -4075,7 +4751,7 @@ window.__ModuleLoader__.load({
 			setBlur(sidebarEl, 0);
 			setBlur(centerEl, 0);
 			setBlur(rightEl, 0);
-			if (frameEl !== null) frameEl.style.removeProperty("background");
+			if (frameEl !== null) frameEl.classList.remove(PART_FRAME_CLASS);
 			if (centerEl !== null) centerEl.style.removeProperty("background");
 			if (rightEl !== null) rightEl.style.removeProperty("background");
 			stopWatchingParts();
@@ -4089,6 +4765,70 @@ window.__ModuleLoader__.load({
 			if (wpEl) wpEl.style.filter = v > 0 ? `blur(${v}px)` : "none";
 		}
 		//#endregion
+		//#region src/client/host-compat/styles.ts
+		/**
+		* Assembly of the plugin's one static stylesheet.
+		*
+		* Until now the sheet was a single template literal in the client entry with
+		* thirteen constants bolted together in whatever order they were added. That
+		* order is load-bearing and was documented in three separate comment blocks in
+		* `wallpaper.ts` — so it is encoded here instead, in one list, with the reason
+		* next to each entry.
+		*
+		* What the release can change lives in one contiguous slot: the panel group
+		* (which element carries the frost) and the plugin-manager page (whether this
+		* release ships that page at all). Everything outside the slot is host-agnostic by
+		* construction — it targets attributes every release in range emits.
+		*
+		* The sheet is rebuilt when the release verdict lands. It has to be: `apply` runs
+		* synchronously while the verdict is a Node round-trip, so the FIRST sheet is
+		* always the unresolved, DOM-arbitrated one. That is the correct interim state,
+		* and swapping in the resolved arm a moment later is what removes the `:has()`
+		* dependency from hosts we do know the answer for.
+		*
+		* @module
+		*/
+		/** The plugin's own dark-mode value on the body attribute the host sets. Scoping
+		*  the gradient to it avoids matching the host's own theme attribute. */
+		const DARK_GRADIENT = "body[data-ds-dark-theme=\"dsh-any-background\"]::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%)}";
+		/**
+		* The order contract. Later entries override earlier ones at equal specificity,
+		* which several groups rely on:
+		*   · HEADER_POPOVER_RULE after POPOVER_BLUR_RULE — a surface moving from the card
+		*     group to the header group must win, not merely be listed twice.
+		*   · PRODUCED_RULE / STROKE_RULE after the blur groups — they shield their
+		*     surfaces from an inherited slider.
+		*   · EXEMPT_DEFAULT_RULE last of the token groups — an exemption has to land
+		*     after whatever it exempts.
+		*   · PLACEHOLDER_RULE genuinely last — `::placeholder` resets must survive every
+		*     group above.
+		*/
+		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)}" + 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. */
+		function mountStaticStyles() {
+			const el = document.createElement("style");
+			el.dataset.plugin = "dsh-any-background";
+			el.textContent = buildStaticStyles();
+			document.head.appendChild(el);
+			let last = el.textContent;
+			const unsubscribe = subscribeHostInfo(() => {
+				const next = buildStaticStyles();
+				if (next !== last) {
+					last = next;
+					el.textContent = next;
+				}
+			});
+			return () => {
+				unsubscribe();
+				el.parentNode?.removeChild(el);
+			};
+		}
+		//#endregion
 		//#region src/client/utils/video.ts
 		/**
 		* Video-background helpers: capturing a single frame as a JPEG snapshot.
@@ -4156,7 +4896,11 @@ window.__ModuleLoader__.load({
  * column: the host provides the modal chrome (backdrop, centering, closing).
  * These classes style only the embedded shell; transient fixed layers (toast,
  * color picker, background editor) escape through Portals on <html>. */
-.dab-root{position:relative;color:var(--dsw-alias-label-primary);animation:dab-fade-in .35s ease both;container-type:inline-size;display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;--dab-mono:ui-monospace,"Cascadia Mono","SF Mono",Consolas,"Courier New",monospace}
+.dab-root{position:relative;box-sizing:border-box;color:var(--dsw-alias-label-primary);animation:dab-fade-in .35s ease both;container-type:inline-size;display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;--dab-mono:ui-monospace,"Cascadia Mono","SF Mono",Consolas,"Courier New",monospace}
+/* The root needs its OWN border-box, not just the descendants' below: the
+ * sidebar surface puts 12px of padding on it, and with the default content-box
+ * that padding landed OUTSIDE the width:100%, so the page came out 24px wider
+ * than the pane and the host clipped both edges off. */
 .dab-root *,.dab-root *::before,.dab-root *::after{box-sizing:border-box}
 .dab-root button{font-family:inherit}
 
@@ -5781,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 = [
 			{
@@ -5902,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 },
@@ -5932,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", {
@@ -6093,9 +6764,8 @@ window.__ModuleLoader__.load({
 			},
 			{
 				key: "panel",
-				labelKey: "uiPanelRegion",
-				Icon: PanelIcon,
-				needsSidebar: true
+				labelKey: "uiPanelNative",
+				Icon: PanelIcon
 			}
 		];
 		const COLOR_KEYS = [
@@ -6128,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)(() => ({
@@ -6303,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",
@@ -8317,11 +8986,11 @@ window.__ModuleLoader__.load({
 			ctx.inject?.(["betterSidebar"], (scope) => {
 				const service = scope.betterSidebar;
 				if (service === void 0) return;
-				const suppress = suppressesBetterSidebar();
-				if (suppress === true) return;
+				const owner = sidebarGuideOwner();
+				if (owner === "host") return;
 				let disposeTab = null;
-				const unsubscribeHost = suppress === null ? subscribeHostInfo(() => {
-					if (suppressesBetterSidebar() === true) {
+				const unsubscribeHost = owner === "pending" ? subscribeHostInfo(() => {
+					if (sidebarGuideOwner() === "host") {
 						disposeTab?.();
 						disposeTab = null;
 						unsubscribeHost();
@@ -8350,12 +9019,80 @@ 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 (DSH 0.1.6+).
+		* dsh-any-background — native right-Sidebar integration.
 		*
-		* DSH 0.1.6 ships an official right Sidebar (`dsh-client-ui-sidebar-right`)
-		* with a public two-stage extension path: a static tab type into
+		* DSH ships an official right Sidebar (`dsh-client-ui-sidebar-right`) with a
+		* public two-stage extension path: a static tab type into
 		* `ctx.sidebarRightTabs` — whose `guide` entry draws a card on the Sidebar's
 		* guide page — and a body under the keyed `sidebar.right.pane.tab` seat. This
 		* module registers the plugin's appearance pages through that path, so the
@@ -8363,6 +9100,11 @@ window.__ModuleLoader__.load({
 		* settings panel shows (one implementation, one state store; editing in either
 		* place shows up in the other).
 		*
+		* NOTE: that registry is NOT a new-host feature. It is provided on 0.1.5-rc.2
+		* already (verified against the release tag), so nothing here may treat "the
+		* service answered" as "this is a recent DSH" — whether this tab or the
+		* better-sidebar page owns the guide surface is the host adapter's call.
+		*
 		* The dependency is optional at every level, mirroring `sidebar/tab.tsx`:
 		*   · the registry is waited on with `ctx.inject`, so a host without the
 		*     right Sidebar (or an older DSH) silently registers nothing, and a
@@ -8416,7 +9158,7 @@ window.__ModuleLoader__.load({
 					locale
 				});
 				scope.effect(() => {
-					const yieldTo = () => suppressesBetterSidebar() === false && rBetterSidebar();
+					const yieldTo = () => sidebarGuideOwner() === "plugin" && rBetterSidebar();
 					if (yieldTo()) return;
 					let disposeTab = null;
 					const withdraw = () => {
@@ -8454,121 +9196,6 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region src/client/header-tag.ts
-		/**
-		* Header-surface tagging.
-		*
-		* WHY A RUNTIME TAG IS NEEDED
-		* The session-header dropdowns (open-in-app, session-log, Agent Team, the job
-		* list, the subagent lineage tree) render their popover through the Menu/tree
-		* primitives, which PORTAL the list to `document.body`. A portaled list is not a
-		* DOM descendant of the header — no ancestor selector can reach it — and the
-		* primitive emits no `id`/`aria-controls` back-link to its anchor either. Pure
-		* CSS class matching was the remaining option, but 0.1.7 broke the shapes this
-		* plugin relied on: open-in-app moved from in-place to `portal` (so the old
-		* `:not(_portal)` discriminator no longer selected it), and the session row menu
-		* became a dynamic `sidebar.workspaces.session.menu.item` slot whose rows are no
-		* longer guaranteed to include a destructive one.
-		*
-		* THE SIGNAL
-		* The slot renderer stamps every registered slot with `data-slot="<key>"`
-		* (ui-renderer `scoped-slots.tsx`), and the session header's own slots are
-		* `conversation.session.header{,.actions,.utilities,.corner,.lineage}` — present
-		* on 0.1.5 through 0.1.7 alike. Those anchors live in the header subtree, so the
-		* plugin can detect when a header trigger is expanded.
-		*
-		* WHY NOT GEOMETRY
-		* A tempting link is the inline position the primitive writes on a portaled list
-		* (`style="left: …; top: …"`). It was tried and REJECTED: an `align="end"` list
-		* is flush to the trigger's right edge while the trigger itself sits at the far
-		* right of the header, so the two boxes often do not overlap horizontally (in
-		* the reported DOM the list is at `left:1012` with the trigger near x=1400). Any
-		* purely geometric proximity test therefore misses real header menus.
-		*
-		* THE ACTUAL RULE (structural, no geometry, no timing)
-		* A header dropdown can only be open while its trigger reports
-		* `aria-expanded="true"`, and opening one is what mounts the popover. So a
-		* popover tag is maintained as: "there is at least one expanded header trigger,
-		* AND this popover is not owned by another group". Popovers are only ever
-		* tagged/released on a change of that combined state, which makes the tag
-		* self-consistent and idempotent.
-		*
-		* The one hazard is a popover that is open for an unrelated reason (a composer
-		* menu, a hover card) *while* a header trigger stays expanded. Such a popover
-		* is not a candidate: it is excluded by `ownsForeignSurface`, which skips any
-		* popover carrying markers of a different slider group. In practice header
-		* dropdowns are transient (opening one closes the others), so this is a guard
-		* rather than the common path.
-		*
-		* @module
-		*/
-		/** Marker attribute the stylesheet keys on. */
-		const HEADER_POPOVER_ATTR = "data-dsh-any-header-popover";
-		/** Slot anchors that identify the session header's own surfaces. */
-		const HEADER_SLOT_SELECTOR = [
-			"[data-slot=\"conversation.session.header\"]",
-			"[data-slot=\"conversation.session.header.actions\"]",
-			"[data-slot=\"conversation.session.header.utilities\"]",
-			"[data-slot=\"conversation.session.header.corner\"]",
-			"[data-slot=\"conversation.session.header.lineage\"]"
-		].join(",");
-		/** Portaled popovers a header trigger can own. */
-		const POPOVER_SELECTOR = "[role=\"menu\"], [role=\"tree\"], [role=\"dialog\"]";
-		/** Whether any header slot anchor has an expanded trigger. */
-		function headerTriggerOpen() {
-			for (const anchor of document.querySelectorAll(HEADER_SLOT_SELECTOR)) if (anchor.querySelector("[aria-expanded=\"true\"]") !== null) return true;
-			return false;
-		}
-		/** Surfaces that belong to a different slider group and must never be claimed.
-		*  `_denseList` without `_portal` is the in-place card-side dense menu, an
-		*  `_ioCard`/`_menu`-classed body-level list belongs elsewhere, and a modal is
-		*  its own surface. */
-		function ownsForeignSurface(el) {
-			if (el.getAttribute("aria-modal") === "true") return true;
-			return el.parentElement !== document.body;
-		}
-		let observer = null;
-		let raf = null;
-		/** Recompute tags from the current open state. */
-		function refreshHeaderPopovers() {
-			const open = headerTriggerOpen();
-			const candidates = [...document.querySelectorAll(POPOVER_SELECTOR)].filter((el) => !ownsForeignSurface(el));
-			if (!open) {
-				for (const el of document.querySelectorAll(`[${HEADER_POPOVER_ATTR}]`)) el.removeAttribute(HEADER_POPOVER_ATTR);
-				return;
-			}
-			for (const el of candidates) el.setAttribute(HEADER_POPOVER_ATTR, "");
-			for (const el of document.querySelectorAll(`[${HEADER_POPOVER_ATTR}]`)) if (!candidates.includes(el)) el.removeAttribute(HEADER_POPOVER_ATTR);
-		}
-		function schedule() {
-			if (raf !== null) return;
-			raf = window.requestAnimationFrame(() => {
-				raf = null;
-				refreshHeaderPopovers();
-			});
-		}
-		/** Start tagging. Returns a teardown that stops observing and clears markings. */
-		function startHeaderPopoverTagging() {
-			if (typeof MutationObserver === "undefined" || typeof document === "undefined") return () => {};
-			refreshHeaderPopovers();
-			observer = new MutationObserver(schedule);
-			observer.observe(document.body, {
-				childList: true,
-				subtree: true,
-				attributes: true,
-				attributeFilter: ["aria-expanded"]
-			});
-			return () => {
-				observer?.disconnect();
-				observer = null;
-				if (raf !== null) {
-					window.cancelAnimationFrame(raf);
-					raf = null;
-				}
-				for (const el of document.querySelectorAll(`[${HEADER_POPOVER_ATTR}]`)) el.removeAttribute(HEADER_POPOVER_ATTR);
-			};
-		}
-		//#endregion
 		//#region src/client/index.tsx
 		/**
 		* dsh-any-background — browser half entry.
@@ -8667,13 +9294,7 @@ window.__ModuleLoader__.load({
 				customDispose?.();
 				if (colorTimerRef.current !== null) window.clearTimeout(colorTimerRef.current);
 			}, "dsh-any-background: skin dispose");
-			const styleEl = document.createElement("style");
-			styleEl.dataset.plugin = "dsh-any-background";
-			styleEl.textContent = `body[data-ds-dark-theme="dsh-any-background"]::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}${POPOVER_BLUR_RULE}${TRAJECTORY_STYLE_RULE}${INPUT_BLUR_RULE}${MOBILE_HEADER_RULE}${PANEL_TOKEN_RULE}${PANEL_PROMOTION_RULE}${PANEL_BLUR_RULE}${PRODUCED_RULE}${STROKE_RULE}${HEADER_POPOVER_RULE}${EXEMPT_DEFAULT_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(() => () => {
-				styleEl?.parentNode?.removeChild(styleEl);
-			}, "dsh-any-background: gradient");
+			ctx.effect(() => mountStaticStyles(), "dsh-any-background: stylesheet");
 			const disposeDragQuality = watchWallpaperDragQuality();
 			ctx.effect(() => () => disposeDragQuality(), "dsh-any-background: drag quality");
 			let rev = 0;
@@ -9446,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"))) {
@@ -9476,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();