dsh-any-background 0.2.10 → 0.3.1

package/lib/client.js

@@ -49,11 +49,14 @@ window.__ModuleLoader__.load({
 			uiOpacitySide: "侧边栏",
 			uiOpacityCard: "对话框中选项面板",
 			uiOpacityInput: "输入框与控件",
-			uiSop: "设置界面透明度",
+			uiSop: "设置界面",
 			uiChatRegion: "对话文本框",
 			uiTrajectory: "轨迹页",
-			uiPanelRegion: "better-sidebar 工作台",
+			uiPanelRegion: "bettersidebar",
+			uiPanelNative: "右方侧边栏",
+			guideDesc: "管理主题色、壁纸与界面透明度",
 			uiProduced: "产出物/高亮内容",
+			uiHeader: "顶栏选项",
 			fontPageTitle: "字体与描边",
 			fontTitle: "自定义字体",
 			fontHint: "支持 ttf/otf/woff/woff2 字体文件（上限 100MB），将应用到整个界面的文字；代码块的等宽字体保持不变。中文字体通常有几十 MB，首次上传与刷新加载需要片刻",
@@ -238,11 +241,14 @@ 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: "better-sidebar workbench",
+			uiPanelRegion: "bettersidebar",
+			uiPanelNative: "Right sidebar",
+			guideDesc: "Theme color, wallpaper and interface opacity in the right sidebar",
 			uiProduced: "Produced / highlights",
+			uiHeader: "Header popovers",
 			fontPageTitle: "Font & outline",
 			fontTitle: "Custom font",
 			fontHint: "Accepts ttf/otf/woff/woff2 files (up to 100MB) and applies them to the whole interface; code blocks keep their monospace stack. CJK fonts routinely span tens of MB, so the first upload and each reload take a moment",
@@ -407,13 +413,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,
@@ -421,7 +427,8 @@ window.__ModuleLoader__.load({
 				trajectory: 30,
 				input: 30,
 				panel: 30,
-				produced: 30
+				produced: 30,
+				header: 30
 			},
 			strokes: {
 				bg: {
@@ -468,11 +475,16 @@ window.__ModuleLoader__.load({
 					width: 0,
 					color: "auto",
 					customColor: "#808080"
+				},
+				header: {
+					width: 0,
+					color: "auto",
+					customColor: "#808080"
 				}
 			},
 			settingsOpacity: .5,
 			wallpaperOpacity: 1,
-			blur: 30,
+			blur: 0,
 			bgState: {
 				zoom: 1,
 				x: 0,
@@ -498,6 +510,7 @@ window.__ModuleLoader__.load({
 			trajectoryOpacity: .5,
 			panelOpacity: .5,
 			producedOpacity: .5,
+			headerOpacity: .5,
 			profiles: [],
 			rotation: {
 				enabled: false,
@@ -637,7 +650,8 @@ window.__ModuleLoader__.load({
 				"trajectory",
 				"input",
 				"panel",
-				"produced"
+				"produced",
+				"header"
 			]) {
 				const v = b[k];
 				out[k] = typeof v === "number" ? Math.min(60, Math.max(0, v)) : DEFAULT_CONFIG.blurs[k];
@@ -653,7 +667,8 @@ window.__ModuleLoader__.load({
 			"trajectory",
 			"input",
 			"panel",
-			"produced"
+			"produced",
+			"header"
 		];
 		const STROKE_COLOR_KEYS = [
 			"auto",
@@ -702,6 +717,9 @@ window.__ModuleLoader__.load({
 		function rProducedOpacity() {
 			return clamp01(cfg.producedOpacity, DEFAULT_CONFIG.producedOpacity);
 		}
+		function rHeaderOpacity() {
+			return clamp01(cfg.headerOpacity, DEFAULT_CONFIG.headerOpacity);
+		}
 		function rBgState() {
 			return cfg.bgState;
 		}
@@ -765,7 +783,8 @@ window.__ModuleLoader__.load({
 				chatTextOpacity: rChatTextOpacity(),
 				trajectoryOpacity: rTrajectoryOpacity(),
 				panelOpacity: rPanelOpacity(),
-				producedOpacity: rProducedOpacity()
+				producedOpacity: rProducedOpacity(),
+				headerOpacity: rHeaderOpacity()
 			};
 		}
 		/** Apply an appearance snapshot onto cfg (meta fields untouched). */
@@ -787,6 +806,7 @@ window.__ModuleLoader__.load({
 			cfg.trajectoryOpacity = clamp01(ap.trajectoryOpacity, DEFAULT_CONFIG.trajectoryOpacity);
 			cfg.panelOpacity = clamp01(ap.panelOpacity, DEFAULT_CONFIG.panelOpacity);
 			cfg.producedOpacity = clamp01(ap.producedOpacity, DEFAULT_CONFIG.producedOpacity);
+			cfg.headerOpacity = clamp01(ap.headerOpacity, DEFAULT_CONFIG.headerOpacity);
 		}
 		const num = (n, def) => typeof n === "number" ? n : def;
 		const cl = (n, lo, hi, def) => typeof n === "number" ? Math.min(hi, Math.max(lo, n)) : def;
@@ -820,7 +840,8 @@ window.__ModuleLoader__.load({
 						chatTextOpacity: clamp01(ac.chatTextOpacity, DEFAULT_CONFIG.chatTextOpacity),
 						trajectoryOpacity: clamp01(ac.trajectoryOpacity, DEFAULT_CONFIG.trajectoryOpacity),
 						panelOpacity: clamp01(ac.panelOpacity, DEFAULT_CONFIG.panelOpacity),
-						producedOpacity: clamp01(ac.producedOpacity, DEFAULT_CONFIG.producedOpacity)
+						producedOpacity: clamp01(ac.producedOpacity, DEFAULT_CONFIG.producedOpacity),
+						headerOpacity: clamp01(ac.headerOpacity, DEFAULT_CONFIG.headerOpacity)
 					}
 				});
 			}
@@ -885,7 +906,8 @@ window.__ModuleLoader__.load({
 				"trajectory",
 				"input",
 				"panel",
-				"produced"
+				"produced",
+				"header"
 			]) blurs[k] = num(bl[k], DEFAULT_CONFIG.blurs[k]);
 			const bgType = [
 				"video",
@@ -928,6 +950,7 @@ window.__ModuleLoader__.load({
 				trajectoryOpacity: clamp01(c.trajectoryOpacity, DEFAULT_CONFIG.trajectoryOpacity),
 				panelOpacity: clamp01(c.panelOpacity, DEFAULT_CONFIG.panelOpacity),
 				producedOpacity: clamp01(c.producedOpacity, DEFAULT_CONFIG.producedOpacity),
+				headerOpacity: clamp01(c.headerOpacity, DEFAULT_CONFIG.headerOpacity),
 				profiles: adoptProfiles(c.profiles),
 				rotation: adoptRotation(c.rotation),
 				schedule: adoptSchedule(c.schedule),
@@ -971,6 +994,554 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#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
+		/**
+		* Selector + declaration vocabulary shared by every per-version adapter.
+		*
+		* 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.
+		*
+		* 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
+		*/
+		/** 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. */
+		const BETTER_SIDEBAR_PANEL = "[data-dsh-bottom-panel]";
+		/** Every surface the panel opacity slider owns. Layout-neutral token re-scope. */
+		const PANEL_SURFACES = `${BETTER_SIDEBAR_PANEL},${PANEL_WRAPPER}`;
+		/** 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) + panelBlurRule(BETTER_SIDEBAR_PANEL)
+			};
+		}
+		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) + panelBlurRule(BETTER_SIDEBAR_PANEL)
+			};
+		}
+		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) + panelBlurRule(BETTER_SIDEBAR_PANEL)
+			};
+		}
+		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) + panelBlurRule(BETTER_SIDEBAR_PANEL)
+			};
+		}
+		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
+		};
+		/** 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();
+		/** 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" && looksLikeVersion(h.version.trim()) ? h.version.trim() : null;
+			const next = {
+				version,
+				channel: channelOf(version)
+			};
+			const changed = !resolved || current.version !== next.version || current.channel !== next.channel;
+			current = next;
+			resolved = true;
+			if (changed) {
+				adapterCache = null;
+				subs$1.forEach((cb) => cb());
+			}
+		}
+		/** Subscribe to the verdict landing (or changing). */
+		function subscribeHostInfo(cb) {
+			subs$1.add(cb);
+			return () => {
+				subs$1.delete(cb);
+			};
+		}
+		/** Whether the server verdict has landed at all. */
+		function adapterResolved() {
+			return resolved;
+		}
+		/** 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
 		const RPC_CHANNEL = "/dsh-any-background";
 		/** Same-origin serve URL of the persisted video (enough for <video src>/fetch). */
@@ -1035,6 +1606,7 @@ window.__ModuleLoader__.load({
 			const data = await rpcCall("read", {});
 			if (data && typeof data === "object") {
 				const d = data;
+				adoptHostInfo(d.host);
 				if (d.config) adoptConfig(d.config);
 				if (typeof d.wallpaperUrl === "string") setWpImageUrl(d.wallpaperUrl);
 				else if (d.wallpaperUrl === null) setWpImageUrl(null);
@@ -1293,6 +1865,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
@@ -2711,17 +3426,15 @@ window.__ModuleLoader__.load({
 					lastBgKey = bgKey;
 					applyPartOpacities(ops);
 				}
+				applyExemptDefaults();
 			} catch {}
 		}
 		const SETTINGS_PANEL_SEL = "[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby]";
 		const SETTINGS_STYLE_RULE = `${SETTINGS_PANEL_SEL}{background:var(--dsh-any-bg-settings-surface,var(--dsw-alias-bg-layer-2));backdrop-filter:var(--dsh-any-blur-settings,none);--dsw-alias-bg-layer-1:var(--dsh-any-bg-settings-layer-1);--dsw-alias-bg-layer-2:var(--dsh-any-bg-settings-layer-2);--dsw-alias-bg-layer-3:var(--dsh-any-bg-settings-layer-3)}${SETTINGS_PANEL_SEL} .dab-card{backdrop-filter:var(--dsh-any-blur-card-panels,none);-webkit-backdrop-filter:var(--dsh-any-blur-card-panels,none)}`;
-		const 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}";
 		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 MOBILE_HEADER_RULE = ".dsh-mobile-app-header{background:var(--dsh-any-op-bg,transparent)!important;backdrop-filter:var(--dsh-any-part-blur-global,none);-webkit-backdrop-filter:var(--dsh-any-part-blur-global,none)}";
 		/** Mirror of the bg-part blur on :root. --dsh-any-part-blur is element-scoped
 		*  to the columns, so surfaces outside their subtree (the mobile header, or
 		*  third-party styles) can never inherit it. */
@@ -2729,17 +3442,114 @@ 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);position:fixed!important;z-index:26!important}[data-sidebar-right-panel][data-sidebar-right-panel=\"fullscreen\"]{z-index:40!important}";
-		const PANEL_BLUR_RULE = "[data-dsh-bottom-panel],[data-sidebar-right-panel]{-webkit-backdrop-filter:var(--dsh-any-blur-panel,none);backdrop-filter:var(--dsh-any-blur-panel,none)}";
-		const PRODUCED_RULE = "[data-code-block-content] pre,[data-code-block-banner],[data-composer-chip],:not(pre)>code{-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}}";
+		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. */
+		function applyHeaderPopovers() {
+			const root = document.documentElement;
+			const px = rBlurs().header;
+			if (px > 0) root.style.setProperty("--dsh-any-blur-header", `blur(${px}px)`);
+			else root.style.removeProperty("--dsh-any-blur-header");
+			let opacity = rHeaderOpacity();
+			if (opacity < 0) opacity = 0;
+			if (opacity > 1) opacity = 1;
+			const menu = (paletteTokens() ?? readHostOpacityTokens())?.["--dsw-specific-menu"];
+			const el = ensureHeaderStyle();
+			const css = menu === void 0 ? "" : `${HEADER_TOKEN_SELECTOR}{--dsw-specific-menu:${toRgba(menu, opacity)}}`;
+			if (el.textContent !== css) el.textContent = css;
+		}
+		let headerStyleEl = null;
+		function ensureHeaderStyle() {
+			if (headerStyleEl?.isConnected) return headerStyleEl;
+			headerStyleEl = document.createElement("style");
+			headerStyleEl.dataset.plugin = "dsh-any-background-header";
+			document.head.appendChild(headerStyleEl);
+			return headerStyleEl;
+		}
+		/** Pin the exempt groups (confirm dialogs and the session-row menu) so no
+		*  appearance slider moves them — while KEEPING the active theme color.
+		*
+		*  "Default" here means "not faded, not blurred", NOT "host-palette original":
+		*  an earlier version restored the :root host colors, which also stripped the
+		*  picked theme color and made the menu look un-themed. The correct source is
+		*  the same one every other slider uses (the plugin palette when there is one,
+		*  else the host's resolved tokens) with alpha pinned to 1 — so the surface
+		*  keeps whatever color the theme currently dictates and only loses the slider's
+		*  translucency and blur.
+		*
+		*  Emitted as REAL literals into a dedicated stylesheet, never as
+		*  `var(--x, var(--x))`: a self-referencing fallback is a CSS cycle that
+		*  computes to the guaranteed-invalid value and turns every consuming
+		*  `background:var(--dsw-alias-bg-layer-2)` fully transparent. Literals also
+		*  mean that when no color can be resolved we emit NO declaration at all, so
+		*  the surface keeps the re-scoped value rather than going transparent. */
+		function applyExemptDefaults() {
+			if (typeof document === "undefined") return;
+			const source = paletteTokens() ?? readHostOpacityTokens();
+			const el = ensureExemptStyle();
+			const decls = [];
+			const add = (token, value) => {
+				if (value === void 0 || value === "") return;
+				decls.push(`${token}:${toRgba(value, 1)}`);
+			};
+			add("--dsw-alias-bg-layer-1", source?.["--dsw-alias-bg-layer-1"]);
+			add("--dsw-alias-bg-layer-2", source?.["--dsw-alias-bg-layer-2"]);
+			add("--dsw-alias-bg-layer-3", source?.["--dsw-alias-bg-layer-3"]);
+			add("--dsw-specific-menu", source?.["--dsw-specific-menu"]);
+			if (decls.length === 0) {
+				if (el.textContent !== "") el.textContent = "";
+				return;
+			}
+			const dialog = "[role=\"dialog\"][aria-modal=\"true\"]:not([aria-labelledby])";
+			const body = decls.join(";");
+			const css = `${dialog},${dialog} *{${body}}[role="menu"]:has([class*="_danger"]){${body}}`;
+			if (el.textContent !== css) el.textContent = css;
+		}
+		let exemptStyleEl = null;
+		function ensureExemptStyle() {
+			if (exemptStyleEl?.isConnected) return exemptStyleEl;
+			exemptStyleEl = document.createElement("style");
+			exemptStyleEl.dataset.plugin = "dsh-any-background-exempt";
+			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 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{-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-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}",
+			`${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}`
 		].join("");
@@ -2753,7 +3563,8 @@ window.__ModuleLoader__.load({
 			"trajectory",
 			"input",
 			"panel",
-			"produced"
+			"produced",
+			"header"
 		];
 		/** Resolve one group's stroke color key into a concrete CSS color.
 		*  'auto' contrasts the FONT direction (white fonts → black stroke and vice
@@ -2955,7 +3766,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);
 		}
@@ -3061,7 +3871,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;
@@ -3142,7 +3966,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 = "";
 		}
@@ -3167,6 +3992,7 @@ window.__ModuleLoader__.load({
 			applyInputBlur(blurs.input);
 			applyPanelBlur(blurs.panel);
 			applyProduced();
+			applyHeaderPopovers();
 			applyViewCards();
 		}
 		/** Produced/artifact surfaces (conversation code blocks + their banner +
@@ -3207,6 +4033,10 @@ window.__ModuleLoader__.load({
 				applyProduced();
 				return;
 			}
+			if (part === "header") {
+				applyHeaderPopovers();
+				return;
+			}
 			if (part === "chat" || part === "trajectory") {
 				applyViewCards();
 				return;
@@ -3316,6 +4146,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;
@@ -3334,6 +4165,7 @@ window.__ModuleLoader__.load({
 				if (el.clientHeight < centerEl.clientHeight * .5) continue;
 				if (el.clientHeight > (best?.clientHeight ?? 0)) best = el;
 			}
+			if (best !== null && best.closest(SETTINGS_PANEL_SEL) !== null) best = null;
 			const refined = best !== null ? refineMessageColumn(best) : null;
 			viewTargets[idx] = refined;
 			return refined;
@@ -3808,6 +4640,9 @@ window.__ModuleLoader__.load({
 				applyTrajectoryOverrides(rTrajectoryOpacity());
 			}
 			applyPanelOverrides(rPanelOpacity());
+			applyProduced();
+			applyHeaderPopovers();
+			applyExemptDefaults();
 			applyPartBlurs(rBlurs());
 			applyStrokes();
 		}
@@ -3844,6 +4679,11 @@ window.__ModuleLoader__.load({
 			document.documentElement.style.removeProperty("--dsh-any-blur-panel");
 			document.documentElement.style.removeProperty("--dsh-any-blur-prod");
 			document.documentElement.style.removeProperty("--dsh-any-prod-pct");
+			document.documentElement.style.removeProperty("--dsh-any-blur-header");
+			headerStyleEl?.remove();
+			headerStyleEl = null;
+			exemptStyleEl?.remove();
+			exemptStyleEl = null;
 			for (const v of Object.values(OPACITY_VARS)) document.documentElement.style.removeProperty(v);
 			baseTokenKey = "";
 			lastBgKey = "";
@@ -3866,7 +4706,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();
@@ -3880,6 +4720,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)}[data-composer-card]{position:relative;isolation:isolate}[data-composer-card]::before{content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;-webkit-backdrop-filter:var(--dsh-any-input-blur,none);backdrop-filter:var(--dsh-any-input-blur,none)}[data-cordis-panel]{-webkit-backdrop-filter:var(--dsh-any-input-blur,none);backdrop-filter:var(--dsh-any-input-blur,none)}[data-cordis-panel]{--dsw-specific-menu:var(--dsh-any-op-menu-cordis)!important}.dsh-mobile-app-header{background:var(--dsh-any-op-bg,transparent)!important;backdrop-filter:var(--dsh-any-part-blur-global,none);-webkit-backdrop-filter:var(--dsh-any-part-blur-global,none)}" + PANEL_TOKEN_RULE + panel.promotion + panel.blur + adapter.pluginPageRule + PRODUCED_RULE + STROKE_RULE + HEADER_POPOVER_RULE + "[role=\"dialog\"][aria-modal=\"true\"]:not([aria-labelledby]){backdrop-filter:none;-webkit-backdrop-filter:none}[role=\"menu\"]:has([class*=\"_danger\"]){backdrop-filter:none;-webkit-backdrop-filter:none;-webkit-text-stroke-width:0}[data-composer-card] textarea::placeholder,[data-composer-card] input::placeholder,[data-composer-card] [contenteditable]::placeholder,[data-cordis-panel] input::placeholder,[data-cordis-panel] textarea::placeholder,.dab-input::placeholder,.dab-input textarea::placeholder,.dab-input input::placeholder{color:var(--dsh-any-placeholder,var(--dsw-alias-label-caption,#8a8f98))!important;font-style:italic;opacity:.85}";
+		}
+		/** 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.
@@ -3947,7 +4851,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}
 
@@ -5589,12 +6497,16 @@ window.__ModuleLoader__.load({
 		*  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. */
+		*  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]",
-			"[data-sidebar-right-panel]"
+			"[data-dsh-bottom-panel]"
 		];
 		let betterSidebar = false;
 		const subs = /* @__PURE__ */ new Set();
@@ -5630,6 +6542,15 @@ window.__ModuleLoader__.load({
 			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 = [
@@ -5673,6 +6594,11 @@ window.__ModuleLoader__.load({
 				labelKey: "uiProduced",
 				Icon: TextIcon
 			},
+			{
+				isHeader: true,
+				labelKey: "uiHeader",
+				Icon: PanelIcon
+			},
 			{
 				isPanel: true,
 				labelKey: "uiPanelRegion",
@@ -5683,7 +6609,6 @@ window.__ModuleLoader__.load({
 			const { t, setOps, setBlurs, setSop, setPanelOp, useStore } = p;
 			useStore((s) => s.metaRev);
 			const hasBetterSidebar = useBetterSidebar();
-			const parts = PARTS$1.filter((part) => !(part.isPanel && !hasBetterSidebar));
 			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 },
@@ -5703,11 +6628,12 @@ window.__ModuleLoader__.load({
 				]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "dab-grid-parts",
-				children: parts.map((part, i) => {
-					const { labelKey, Icon, isSettings, isChat, isTrajectory, isPanel, isProduced } = part;
+				children: PARTS$1.map((part, i) => {
+					const { labelKey, Icon, isSettings, isChat, isTrajectory, isPanel, isProduced, isHeader } = part;
 					const opKey = part.opKey;
-					const blurKey = isChat ? "chat" : isTrajectory ? "trajectory" : isSettings ? "settings" : isPanel ? "panel" : isProduced ? "produced" : opKey;
-					const opacity = isChat ? rChatTextOpacity() : isTrajectory ? rTrajectoryOpacity() : isSettings ? rSop() : isPanel ? rPanelOpacity() : isProduced ? rProducedOpacity() : rOps()[opKey];
+					const label = isPanel ? t(hasBetterSidebar ? "uiPanelRegion" : "uiPanelNative") : 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", {
 						className: "dab-card dab-card-hover dab-rise",
 						style: { "--d": i + 1 },
@@ -5721,7 +6647,7 @@ window.__ModuleLoader__.load({
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										className: "dab-part-name",
-										children: t(labelKey)
+										children: label
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 										className: "dab-part-badge",
@@ -5753,6 +6679,9 @@ window.__ModuleLoader__.load({
 									} else if (isProduced) {
 										cfg.producedOpacity = op;
 										applyProduced();
+									} else if (isHeader) {
+										cfg.headerOpacity = op;
+										applyHeaderPopovers();
 									} else {
 										const ops = { ...rOps() };
 										ops[opKey] = op;
@@ -5777,6 +6706,10 @@ window.__ModuleLoader__.load({
 										cfg.producedOpacity = op;
 										applyProduced();
 										saveConfig();
+									} else if (isHeader) {
+										cfg.headerOpacity = op;
+										applyHeaderPopovers();
+										saveConfig();
 									} else {
 										const ops = { ...rOps() };
 										ops[opKey] = op;
@@ -5852,6 +6785,11 @@ window.__ModuleLoader__.load({
 				labelKey: "uiProduced",
 				Icon: TextIcon
 			},
+			{
+				key: "header",
+				labelKey: "uiHeader",
+				Icon: PanelIcon
+			},
 			{
 				key: "panel",
 				labelKey: "uiPanelRegion",
@@ -7224,7 +8162,8 @@ window.__ModuleLoader__.load({
 			trajectory: 0,
 			input: 0,
 			panel: 0,
-			produced: 0
+			produced: 0,
+			header: 0
 		};
 		/** Presets ship with strokes off — text outlines are an opt-in look. Fresh
 		*  objects per call so a profile restore can never alias another preset's
@@ -7244,7 +8183,8 @@ window.__ModuleLoader__.load({
 				trajectory: off(),
 				input: off(),
 				panel: off(),
-				produced: off()
+				produced: off(),
+				header: off()
 			};
 		};
 		const BUILTIN_PRESETS = [
@@ -7266,7 +8206,8 @@ window.__ModuleLoader__.load({
 					chatTextOpacity: 0,
 					trajectoryOpacity: 1,
 					panelOpacity: 1,
-					producedOpacity: 1
+					producedOpacity: 1,
+					headerOpacity: 1
 				}
 			},
 			{
@@ -7300,7 +8241,8 @@ window.__ModuleLoader__.load({
 					chatTextOpacity: 0,
 					trajectoryOpacity: .85,
 					panelOpacity: .85,
-					producedOpacity: 1
+					producedOpacity: 1,
+					headerOpacity: 1
 				}
 			},
 			{
@@ -7321,7 +8263,8 @@ window.__ModuleLoader__.load({
 					chatTextOpacity: 0,
 					trajectoryOpacity: 1,
 					panelOpacity: 1,
-					producedOpacity: 1
+					producedOpacity: 1,
+					headerOpacity: 1
 				}
 			},
 			{
@@ -7355,7 +8298,8 @@ window.__ModuleLoader__.load({
 					chatTextOpacity: 0,
 					trajectoryOpacity: .8,
 					panelOpacity: .8,
-					producedOpacity: 1
+					producedOpacity: 1,
+					headerOpacity: 1
 				}
 			},
 			{
@@ -7389,7 +8333,8 @@ window.__ModuleLoader__.load({
 					chatTextOpacity: 0,
 					trajectoryOpacity: .78,
 					panelOpacity: .75,
-					producedOpacity: 1
+					producedOpacity: 1,
+					headerOpacity: 1
 				}
 			},
 			{
@@ -7414,7 +8359,8 @@ window.__ModuleLoader__.load({
 					chatTextOpacity: 0,
 					trajectoryOpacity: 1,
 					panelOpacity: 1,
-					producedOpacity: 1
+					producedOpacity: 1,
+					headerOpacity: 1
 				}
 			}
 		];
@@ -8027,6 +8973,9 @@ window.__ModuleLoader__.load({
 			const read = (0, react.useCallback)(() => locale.getSnapshot().active, [locale]);
 			return (0, react.useSyncExternalStore)(subscribe, read, read);
 		}
+		/** Rendered inside a sidebar tab: the five pages, `surface: 'sidebar'` shell.
+		*  Shared by the better-sidebar page and the native right-Sidebar tab — both
+		*  hand a full-height column that owns its own scroll. */
 		function ThemeTab({ face, useStore, locale }) {
 			const active = useActiveLocale(locale);
 			const props = (0, react.useMemo)(() => ({
@@ -8067,19 +9016,145 @@ window.__ModuleLoader__.load({
 			ctx.inject?.(["betterSidebar"], (scope) => {
 				const service = scope.betterSidebar;
 				if (service === void 0) return;
+				const owner = sidebarGuideOwner();
+				if (owner === "host") return;
+				let disposeTab = null;
+				const unsubscribeHost = owner === "pending" ? subscribeHostInfo(() => {
+					if (sidebarGuideOwner() === "host") {
+						disposeTab?.();
+						disposeTab = null;
+						unsubscribeHost();
+					}
+				}) : () => {};
 				const face = opts.face();
-				scope.effect(() => service.registerTab({
-					id: "dsh-any-background:theme",
-					title: () => t("nav"),
-					icon: (size) => (0, react.createElement)(SunIcon, { size }),
-					order: ORDER,
-					single: true,
-					component: () => (0, react.createElement)(ThemeTab, {
-						face,
-						useStore,
-						locale
-					})
-				}));
+				scope.effect(() => {
+					disposeTab = service.registerTab({
+						id: "dsh-any-background:theme",
+						title: () => t("nav"),
+						icon: (size) => (0, react.createElement)(SunIcon, { size }),
+						order: ORDER,
+						single: true,
+						component: () => (0, react.createElement)(ThemeTab, {
+							face,
+							useStore,
+							locale
+						})
+					}) ?? null;
+					return () => {
+						unsubscribeHost();
+						disposeTab?.();
+						disposeTab = null;
+					};
+				});
+			});
+		}
+		//#endregion
+		//#region src/client/sidebar/native-tab.tsx
+		/**
+		* dsh-any-background — native right-Sidebar integration.
+		*
+		* 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
+		* official Sidebar gains a "主题" card that opens the very same five pages the
+		* 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
+		*     Sidebar that initializes after this plugin still gets the card;
+		*   · the service shape is restated as a minimal local contract instead of
+		*     imported — a value import would be rejected by the host's client-bundle
+		*     purity gate, and even a type-only import would make the package a
+		*     build-time dependency for everyone who does not run it.
+		*
+		* When dsh-better-sidebar is installed it brings its own "主题" page (registered
+		* by `sidebar/tab.tsx`), which would duplicate this card on the same guide
+		* page. The native card therefore yields: it is not registered while
+		* better-sidebar is detected, and it withdraws itself if better-sidebar mounts
+		* later (the presence verdict is sticky-true, so no re-registration path is
+		* needed). The Interface page's panel slider follows the same split:
+		* "右方侧边栏" natively, "bettersidebar" when that plugin is present.
+		*/
+		/** The tab implementation's identity, and the key the body registers under. */
+		const NATIVE_TAB_ID = "dsh-any-background:theme";
+		/** The page kind: what `openTab` names and the guide entry opens. */
+		const NATIVE_TAB_KIND = "danybg-theme";
+		/**
+		* Register the appearance pages with the native right Sidebar, if one exists.
+		*
+		* Call from the client `apply`. Both registrations sit inside the injected
+		* scope's effects, so unloading the plugin (or HMR) withdraws them — without
+		* that, the next activation would throw on the duplicate id.
+		* @param ctx - client context.
+		* @param opts.face - lazy accessor for the shared business face.
+		* @param opts.store - the plugin's store instance, or null on a host where the
+		*   store module never resolved (in that case there is nothing to bind and no
+		*   page is registered).
+		*/
+		function registerNativeSidebarTab(ctx, opts) {
+			const { store } = opts;
+			if (store === null || typeof store.getSnapshot !== "function" || typeof store.subscribe !== "function") {
+				console.warn("dsh-any-background: no observable store instance on this host; the native sidebar page stays unregistered");
+				return;
+			}
+			const locale = ctx.locale;
+			const t = locale.bind(NS);
+			const useStore = createStoreHook(store);
+			ctx.inject?.(["sidebarRightTabs"], (scope) => {
+				const tabs = scope.sidebarRightTabs;
+				if (tabs === void 0 || typeof tabs.register !== "function") return;
+				markNativeSidebarTabs();
+				const face = opts.face();
+				const ThemeBody = () => (0, react.createElement)(ThemeTab, {
+					face,
+					useStore,
+					locale
+				});
+				scope.effect(() => {
+					const yieldTo = () => sidebarGuideOwner() === "plugin" && rBetterSidebar();
+					if (yieldTo()) return;
+					let disposeTab = null;
+					const withdraw = () => {
+						disposeTab?.();
+						disposeTab = null;
+					};
+					const unsubscribeBetter = subscribe(() => {
+						if (yieldTo()) withdraw();
+					});
+					const unsubscribeHost = subscribeHostInfo(() => {
+						if (yieldTo()) withdraw();
+					});
+					disposeTab = tabs.register({
+						id: NATIVE_TAB_ID,
+						kind: NATIVE_TAB_KIND,
+						title: () => t("nav"),
+						guide: [{
+							id: "theme",
+							order: 55,
+							title: () => t("nav"),
+							description: () => t("guideDesc"),
+							icon: SunIcon
+						}]
+					});
+					return () => {
+						unsubscribeBetter();
+						unsubscribeHost();
+						withdraw();
+					};
+				}, "dsh-any-background: native sidebar theme tab");
+				scope.effect(() => ctx.slots.inject("sidebar.right.pane.tab", () => ctx.slots.register({
+					name: "sidebar.right.pane.tab",
+					key: NATIVE_TAB_ID
+				}, ThemeBody)), "dsh-any-background: native sidebar theme body");
 			});
 		}
 		//#endregion
@@ -8181,13 +9256,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_BLUR_RULE}${PRODUCED_RULE}${STROKE_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;
@@ -8461,6 +9530,7 @@ window.__ModuleLoader__.load({
 				teardownWp();
 			}, "dsh-any-background: wp cleanup");
 			ctx.effect(() => startBetterSidebarWatch(), "dsh-any-background: better-sidebar watch");
+			ctx.effect(() => startHeaderPopoverTagging(), "dsh-any-background: header popover tagging");
 			ctx.effect(() => ctx.on("theme/change", () => {
 				if (rHasColor() || rBgDark() !== null || rSchemeOverride() !== "auto") {
 					const snapshot = ctx.theme.getTheme();
@@ -8953,6 +10023,10 @@ window.__ModuleLoader__.load({
 				face: buildFace,
 				store: storeInstance
 			});
+			registerNativeSidebarTab(ctx, {
+				face: buildFace,
+				store: storeInstance
+			});
 			const navLabel = () => ctx.locale.bind(NS)("nav");
 			const applyNavIcon = () => {
 				const nav = document.querySelector("[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby]")?.querySelector("nav");