dsh-any-background 0.2.10 → 0.3.0

package/lib/client.js

@@ -52,8 +52,11 @@ window.__ModuleLoader__.load({
 			uiSop: "设置界面透明度",
 			uiChatRegion: "对话文本框",
 			uiTrajectory: "轨迹页",
-			uiPanelRegion: "better-sidebar 工作台",
+			uiPanelRegion: "bettersidebar",
+			uiPanelNative: "右方侧边栏",
+			guideDesc: "管理主题色、壁纸与界面透明度",
 			uiProduced: "产出物/高亮内容",
+			uiHeader: "顶栏选项",
 			fontPageTitle: "字体与描边",
 			fontTitle: "自定义字体",
 			fontHint: "支持 ttf/otf/woff/woff2 字体文件（上限 100MB），将应用到整个界面的文字；代码块的等宽字体保持不变。中文字体通常有几十 MB，首次上传与刷新加载需要片刻",
@@ -241,8 +244,11 @@ window.__ModuleLoader__.load({
 			uiSop: "Settings interface opacity",
 			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",
@@ -421,7 +427,8 @@ window.__ModuleLoader__.load({
 				trajectory: 30,
 				input: 30,
 				panel: 30,
-				produced: 30
+				produced: 30,
+				header: 30
 			},
 			strokes: {
 				bg: {
@@ -468,6 +475,11 @@ window.__ModuleLoader__.load({
 					width: 0,
 					color: "auto",
 					customColor: "#808080"
+				},
+				header: {
+					width: 0,
+					color: "auto",
+					customColor: "#808080"
 				}
 			},
 			settingsOpacity: .5,
@@ -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,95 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/host.ts
+		/**
+		* Host release detection + feature classification.
+		*
+		* 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.
+		*
+		* 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.
+		*
+		* @module
+		*/
+		let current = {
+			version: null,
+			generation: "unknown"
+		};
+		/** False until the server verdict lands; feature gates must not treat "not
+		*  asked yet" as "old host". */
+		let resolved = false;
+		const subs$1 = /* @__PURE__ */ new Set();
+		/** Adopt the verdict delivered by the server's `read` payload. */
+		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 = {
+				version,
+				generation
+			};
+			resolved = true;
+			if (changed) subs$1.forEach((cb) => cb());
+		}
+		/** Subscribe to a 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 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");
+		}
+		//#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 +1147,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);
@@ -2711,6 +2824,7 @@ window.__ModuleLoader__.load({
 					lastBgKey = bgKey;
 					applyPartOpacities(ops);
 				}
+				applyExemptDefaults();
 			} catch {}
 		}
 		const SETTINGS_PANEL_SEL = "[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby]";
@@ -2729,17 +2843,98 @@ 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 = "[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\"]";
+		/** 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-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-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 +2948,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
@@ -3167,6 +3363,7 @@ window.__ModuleLoader__.load({
 			applyInputBlur(blurs.input);
 			applyPanelBlur(blurs.panel);
 			applyProduced();
+			applyHeaderPopovers();
 			applyViewCards();
 		}
 		/** Produced/artifact surfaces (conversation code blocks + their banner +
@@ -3207,6 +3404,10 @@ window.__ModuleLoader__.load({
 				applyProduced();
 				return;
 			}
+			if (part === "header") {
+				applyHeaderPopovers();
+				return;
+			}
 			if (part === "chat" || part === "trajectory") {
 				applyViewCards();
 				return;
@@ -3808,6 +4009,9 @@ window.__ModuleLoader__.load({
 				applyTrajectoryOverrides(rTrajectoryOpacity());
 			}
 			applyPanelOverrides(rPanelOpacity());
+			applyProduced();
+			applyHeaderPopovers();
+			applyExemptDefaults();
 			applyPartBlurs(rBlurs());
 			applyStrokes();
 		}
@@ -3844,6 +4048,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 = "";
@@ -5589,12 +5798,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 +5843,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 +5895,11 @@ window.__ModuleLoader__.load({
 				labelKey: "uiProduced",
 				Icon: TextIcon
 			},
+			{
+				isHeader: true,
+				labelKey: "uiHeader",
+				Icon: PanelIcon
+			},
 			{
 				isPanel: true,
 				labelKey: "uiPanelRegion",
@@ -5683,7 +5910,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 +5929,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 +5948,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 +5980,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 +6007,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 +6086,11 @@ window.__ModuleLoader__.load({
 				labelKey: "uiProduced",
 				Icon: TextIcon
 			},
+			{
+				key: "header",
+				labelKey: "uiHeader",
+				Icon: PanelIcon
+			},
 			{
 				key: "panel",
 				labelKey: "uiPanelRegion",
@@ -7224,7 +7463,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 +7484,8 @@ window.__ModuleLoader__.load({
 				trajectory: off(),
 				input: off(),
 				panel: off(),
-				produced: off()
+				produced: off(),
+				header: off()
 			};
 		};
 		const BUILTIN_PRESETS = [
@@ -7266,7 +7507,8 @@ window.__ModuleLoader__.load({
 					chatTextOpacity: 0,
 					trajectoryOpacity: 1,
 					panelOpacity: 1,
-					producedOpacity: 1
+					producedOpacity: 1,
+					headerOpacity: 1
 				}
 			},
 			{
@@ -7300,7 +7542,8 @@ window.__ModuleLoader__.load({
 					chatTextOpacity: 0,
 					trajectoryOpacity: .85,
 					panelOpacity: .85,
-					producedOpacity: 1
+					producedOpacity: 1,
+					headerOpacity: 1
 				}
 			},
 			{
@@ -7321,7 +7564,8 @@ window.__ModuleLoader__.load({
 					chatTextOpacity: 0,
 					trajectoryOpacity: 1,
 					panelOpacity: 1,
-					producedOpacity: 1
+					producedOpacity: 1,
+					headerOpacity: 1
 				}
 			},
 			{
@@ -7355,7 +7599,8 @@ window.__ModuleLoader__.load({
 					chatTextOpacity: 0,
 					trajectoryOpacity: .8,
 					panelOpacity: .8,
-					producedOpacity: 1
+					producedOpacity: 1,
+					headerOpacity: 1
 				}
 			},
 			{
@@ -7389,7 +7634,8 @@ window.__ModuleLoader__.load({
 					chatTextOpacity: 0,
 					trajectoryOpacity: .78,
 					panelOpacity: .75,
-					producedOpacity: 1
+					producedOpacity: 1,
+					headerOpacity: 1
 				}
 			},
 			{
@@ -7414,7 +7660,8 @@ window.__ModuleLoader__.load({
 					chatTextOpacity: 0,
 					trajectoryOpacity: 1,
 					panelOpacity: 1,
-					producedOpacity: 1
+					producedOpacity: 1,
+					headerOpacity: 1
 				}
 			}
 		];
@@ -8027,6 +8274,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,22 +8317,258 @@ window.__ModuleLoader__.load({
 			ctx.inject?.(["betterSidebar"], (scope) => {
 				const service = scope.betterSidebar;
 				if (service === void 0) return;
+				const suppress = suppressesBetterSidebar();
+				if (suppress === true) return;
+				let disposeTab = null;
+				const unsubscribeHost = suppress === null ? subscribeHostInfo(() => {
+					if (suppressesBetterSidebar() === true) {
+						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 0.1.6+).
+		*
+		* 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
+		* `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).
+		*
+		* 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 = () => suppressesBetterSidebar() === false && 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
+		//#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.
@@ -8183,7 +8669,7 @@ window.__ModuleLoader__.load({
 			}, "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}`;
+			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);
@@ -8461,6 +8947,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 +9440,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");