dsh-any-background 0.3.3 → 0.3.5

package/lib/client.js

@@ -56,6 +56,7 @@ window.__ModuleLoader__.load({
 			guideDesc: "管理主题色、壁纸与界面透明度",
 			uiProduced: "产出物/高亮内容",
 			uiHeader: "顶栏选项",
+			uiHeaderBar: "标题栏",
 			fontPageTitle: "字体与描边",
 			fontTitle: "自定义字体",
 			fontHint: "支持 ttf/otf/woff/woff2 字体文件（上限 100MB），将应用到整个界面的文字；代码块的等宽字体保持不变。中文字体通常有几十 MB，首次上传与刷新加载需要片刻",
@@ -247,6 +248,7 @@ window.__ModuleLoader__.load({
 			guideDesc: "Theme color, wallpaper and interface opacity in the right sidebar",
 			uiProduced: "Produced / highlights",
 			uiHeader: "Header popovers",
+			uiHeaderBar: "Header bar",
 			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",
@@ -426,7 +428,8 @@ window.__ModuleLoader__.load({
 				input: 30,
 				panel: 30,
 				produced: 30,
-				header: 30
+				header: 30,
+				headerBar: 30
 			},
 			strokes: {
 				bg: {
@@ -478,6 +481,11 @@ window.__ModuleLoader__.load({
 					width: 0,
 					color: "auto",
 					customColor: "#808080"
+				},
+				headerBar: {
+					width: 0,
+					color: "auto",
+					customColor: "#808080"
 				}
 			},
 			settingsOpacity: .5,
@@ -509,6 +517,7 @@ window.__ModuleLoader__.load({
 			panelOpacity: .5,
 			producedOpacity: .5,
 			headerOpacity: .5,
+			headerBarOpacity: .5,
 			profiles: [],
 			rotation: {
 				enabled: false,
@@ -649,7 +658,8 @@ window.__ModuleLoader__.load({
 				"input",
 				"panel",
 				"produced",
-				"header"
+				"header",
+				"headerBar"
 			]) {
 				const v = b[k];
 				out[k] = typeof v === "number" ? Math.min(60, Math.max(0, v)) : DEFAULT_CONFIG.blurs[k];
@@ -666,7 +676,8 @@ window.__ModuleLoader__.load({
 			"input",
 			"panel",
 			"produced",
-			"header"
+			"header",
+			"headerBar"
 		];
 		const STROKE_COLOR_KEYS = [
 			"auto",
@@ -718,6 +729,9 @@ window.__ModuleLoader__.load({
 		function rHeaderOpacity() {
 			return clamp01(cfg.headerOpacity, DEFAULT_CONFIG.headerOpacity);
 		}
+		function rHeaderBarOpacity() {
+			return clamp01(cfg.headerBarOpacity, DEFAULT_CONFIG.headerBarOpacity);
+		}
 		function rBgState() {
 			return cfg.bgState;
 		}
@@ -782,7 +796,8 @@ window.__ModuleLoader__.load({
 				trajectoryOpacity: rTrajectoryOpacity(),
 				panelOpacity: rPanelOpacity(),
 				producedOpacity: rProducedOpacity(),
-				headerOpacity: rHeaderOpacity()
+				headerOpacity: rHeaderOpacity(),
+				headerBarOpacity: rHeaderBarOpacity()
 			};
 		}
 		/** Apply an appearance snapshot onto cfg (meta fields untouched). */
@@ -805,6 +820,7 @@ window.__ModuleLoader__.load({
 			cfg.panelOpacity = clamp01(ap.panelOpacity, DEFAULT_CONFIG.panelOpacity);
 			cfg.producedOpacity = clamp01(ap.producedOpacity, DEFAULT_CONFIG.producedOpacity);
 			cfg.headerOpacity = clamp01(ap.headerOpacity, DEFAULT_CONFIG.headerOpacity);
+			cfg.headerBarOpacity = clamp01(ap.headerBarOpacity, DEFAULT_CONFIG.headerBarOpacity);
 		}
 		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;
@@ -839,7 +855,8 @@ window.__ModuleLoader__.load({
 						trajectoryOpacity: clamp01(ac.trajectoryOpacity, DEFAULT_CONFIG.trajectoryOpacity),
 						panelOpacity: clamp01(ac.panelOpacity, DEFAULT_CONFIG.panelOpacity),
 						producedOpacity: clamp01(ac.producedOpacity, DEFAULT_CONFIG.producedOpacity),
-						headerOpacity: clamp01(ac.headerOpacity, DEFAULT_CONFIG.headerOpacity)
+						headerOpacity: clamp01(ac.headerOpacity, DEFAULT_CONFIG.headerOpacity),
+						headerBarOpacity: clamp01(ac.headerBarOpacity, DEFAULT_CONFIG.headerBarOpacity)
 					}
 				});
 			}
@@ -905,7 +922,8 @@ window.__ModuleLoader__.load({
 				"input",
 				"panel",
 				"produced",
-				"header"
+				"header",
+				"headerBar"
 			]) blurs[k] = num(bl[k], DEFAULT_CONFIG.blurs[k]);
 			const bgType = [
 				"video",
@@ -949,6 +967,7 @@ window.__ModuleLoader__.load({
 				panelOpacity: clamp01(c.panelOpacity, DEFAULT_CONFIG.panelOpacity),
 				producedOpacity: clamp01(c.producedOpacity, DEFAULT_CONFIG.producedOpacity),
 				headerOpacity: clamp01(c.headerOpacity, DEFAULT_CONFIG.headerOpacity),
+				headerBarOpacity: clamp01(c.headerBarOpacity, DEFAULT_CONFIG.headerBarOpacity),
 				profiles: adoptProfiles(c.profiles),
 				rotation: adoptRotation(c.rotation),
 				schedule: adoptSchedule(c.schedule),
@@ -999,7 +1018,9 @@ window.__ModuleLoader__.load({
 		*  a row then reports `exact` instead of `line`, and no new folder appears.
 		*  Rows may ALSO share a patch line while carrying different channels, which is
 		*  how a line says "the facts changed halfway through it" (`0.1.7-alpha.2` and
-		*  `0.1.7-rc.1` speak for `0.1.7-alpha`, `0.1.7-rc.2` opens `0.1.7-rc`).
+		*  `0.1.7-rc.1` speak for `0.1.7-alpha`, `0.1.7-rc.2` opens `0.1.7-rc`, and
+		*  `0.2.0-rc.2` opens a second answer on a line that had one — see the note on
+		*  `HostChannel` for why that row is keyed to the build).
 		*  Adding an ADAPTER means adding a channel plus a folder in
 		*  `client/host-compat/versions/`. */
 		const SUPPORTED_RELEASES = [
@@ -1026,6 +1047,14 @@ window.__ModuleLoader__.load({
 			{
 				channel: "0.2.0-rc",
 				release: "0.2.0-rc.1"
+			},
+			{
+				channel: "0.2.0-rc.2",
+				release: "0.2.0-rc.2"
+			},
+			{
+				channel: "0.2.1-alpha",
+				release: "0.2.1-alpha.1"
 			}
 		];
 		const UNKNOWN_HOST_INFO = {
@@ -1148,6 +1177,40 @@ window.__ModuleLoader__.load({
 		*  PRODUCED slider (0.3.2): a conversation artifact that happens to open in a
 		*  panel, not a page column — so it fades and frosts with the produced surfaces. */
 		const BETTER_SIDEBAR_PANEL = "[data-dsh-bottom-panel]";
+		/** The cards that take the composer seat away from the input bar: approval
+		*  (`ui-approval`), plan review and the question composer (`ui-user-questions`).
+		*  They are siblings of `[data-composer-card]`, not its children — the seat
+		*  renders the elected takeover beside the fallback bar (verified per tag in
+		*  `ConversationContent.tsx` and both packages' `slots.inject('conversation.composer')`)
+		*  — and each paints the capsule's own `--dsw-specific-input-major`, from
+		*  `dsh-v0.1.5-rc.2` through `dsh-v0.2.1-alpha.1`.
+		*
+		*  The marker sits on the wrapper, the fill on its child card:
+		*  `[data-approval-key] > div`, `[data-plan-review-key] > section`,
+		*  `[data-question-key] > section`.
+		*
+		*  One more fact these three share, and it is the reason the input-frost
+		*  treatment for them lives in a runtime pass instead of a stylesheet rule:
+		*  NO release in range declares `position` on any of the three cards (checked
+		*  per tag — 0 hits for `position:` in `ApprovalPanel.module.css`,
+		*  `PlanReviewPanel.module.css` and `QuestionComposer.module.css`), so unlike
+		*  the fallback capsule — whose `.card` is `position:relative` on every tag —
+		*  the host does not hand the plugin a containing block to mount a
+		*  `z-index:-1` underlay on. Writing that `position` from the plugin's own
+		*  stylesheet turns the card's box into a cascade race with anything else that
+		*  positions it: a host build that caps the card with a percentage
+		*  `max-height` loses its absolute containing block the moment a plugin rule
+		*  wins that race, and the whole chain collapses — content outside the card,
+		*  buttons off the viewport (dsh-any-background issue #24). The consumer that
+		*  needs the containing block (`applyTakeoverFrost`) therefore probes each card
+		*  at runtime and only anchors a box whose computed position is `static`; see
+		*  `inputBlurRule`. */
+		const COMPOSER_TAKEOVER_CARD = "[data-approval-key]>div,[data-plan-review-key]>section,[data-question-key]>section";
+		/** The takeover cards' free-text answer field — only the question composer has
+		*  one (approval and plan review are button rows). Form controls do not inherit
+		*  text properties, so the stroke group needs the editor spelled out; appending
+		*  a suffix to `COMPOSER_TAKEOVER_CARD` would bind to its LAST arm only. */
+		const COMPOSER_TAKEOVER_EDITOR = "[data-question-key]>section textarea";
 		/** Every surface the panel opacity slider owns — the host's own right Sidebar.
 		*  Layout-neutral token re-scope. (The dsh-better-sidebar workbench used to be
 		*  listed here; it moved to the produced group, see `PRODUCED_RULE`.) */
@@ -1254,6 +1317,23 @@ window.__ModuleLoader__.load({
 		*   `ScheduleCatalogAction`, the subagent lineage, `TeamAction`, `CordisPanel`,
 		*   `MenuSurface` itself) — re-declaring the token reaches the frost whoever ends up
 		*   applying it, and does not depend on any element being the painting element.
+		*
+		* `dsh-v0.2.0-rc.2` (npm `latest`) and `dsh-v0.2.1-alpha.1`: the layer and the frost
+		*   are the same files — `MenuSurface.tsx` and `MenuSurface.module.css` are
+		*   byte-identical to rc.1, and every `--dsw-menu-backdrop-filter` consumer is too —
+		*   but the sticky GROUP HEADING inside those menus changed owner. Through rc.1 the
+		*   only grouped menu was `ModelSelect`, whose own stylesheet painted that heading
+		*   from the menu token (`ModelSelect.module.css` `.groupTitle{position:sticky;
+		*   background:var(--dsw-specific-menu)}`), so the card slider drove it and a picked
+		*   wallpaper color tinted it. At rc.2 the rule is deleted and both grouped popups
+		*   (`ModelSelect`, `PopupSelectView`) render the new `ui-primitives/MenuGroup.tsx`,
+		*   whose heading stays transparent until `data-stuck` and then paints
+		*   `--dsw-alias-menu-group-header-fill` (light `rgba(248,249,250,.94)`, dark
+		*   `rgba(48,49,54,.94)`, declared in the `body` blocks of `design-platform.css`).
+		*   The surface did not go away — its token was RENAMED, and `ModelSelect.module.css`
+		*   is the one `--dsw-specific-menu` consumer that disappears at rc.2. Left alone, it
+		*   is the single menu element the fade no longer reaches: an untinted, near-opaque
+		*   band sitting on top of every row in the list the moment that list scrolls.
 		*/
 		/** The answer for the releases whose menus paint themselves: `0.1.5-rc`,
 		*  `0.1.6-alpha`, `0.1.7-alpha`. The unresolved bucket is its own variant below. */
@@ -1272,6 +1352,28 @@ window.__ModuleLoader__.load({
 			fillTokens: [MENU_FILL_TOKEN, "--dsw-menu-surface-fill"],
 			frostDecl: (value) => `--dsw-menu-backdrop-filter:${value}`
 		};
+		/** The fill the sticky group heading of a shared menu paints from — `MenuGroup`'s
+		*  own contribution to the menu's look, first emitted at `0.2.0-rc.2`. */
+		const MENU_GROUP_HEADER_FILL_TOKEN = "--dsw-alias-menu-group-header-fill";
+		/** The answer for `0.2.0-rc` from `0.2.0-rc.2` and for `0.2.1-alpha`: everything
+		*  `LAYERED_MENU_SURFACE` says, plus the heading `MenuGroup` renamed.
+		*
+		*  Riding `fillTokens` rather than being left out is a decision with evidence on
+		*  both sides, so state it: the host's README calls this token "independent of the
+		*  menu material" and gives it a 94% fill while the surface layer sits at 58%/45%.
+		*  That is a choice about an OPAQUE menu. This plugin's whole product is a menu the
+		*  wallpaper shows through, and one release earlier the very same heading read the
+		*  very same token as the card it sits on — so following it keeps rc.1's contract
+		*  ("the card slider owns every layer of a menu, in the picked color") instead of
+		*  leaving an untinted stock band inside a tinted, faded card.
+		*  Compositing is on its side too: the heading stacks on the surface layer it sticks
+		*  to, so a heading and a card at the same alpha still read as a band roughly
+		*  twice-as-dense as the card (1-(1-a)²) — occluding, at the slider's level, exactly
+		*  as it did when both came from one token. */
+		const LAYERED_MENU_SURFACE_WITH_GROUP_HEADER = {
+			fillTokens: [...LAYERED_MENU_SURFACE.fillTokens, MENU_GROUP_HEADER_FILL_TOKEN],
+			frostDecl: LAYERED_MENU_SURFACE.frostDecl
+		};
 		/** The answer when the release could not be resolved, and neither of the two
 		*  verified shapes can be asserted. Each half is chosen so that being on the
 		*  wrong line costs an inert declaration rather than a wrong pixel:
@@ -1294,7 +1396,7 @@ window.__ModuleLoader__.load({
 		};
 		/** 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.2.0-rc.1 —
+		*  and all five keys are registered from 0.1.5-rc.2 through 0.2.1-alpha.1 —
 		*  verified per tag. Adapters append the keys their own release adds. */
 		const BASE_HEADER_SLOT_KEYS = [
 			"conversation.session.header",
@@ -1337,18 +1439,18 @@ window.__ModuleLoader__.load({
 		* @module
 		*/
 		/** The wrapper carries the slide transform on this line, so it carries the blur. */
-		function panelFragments$5() {
+		function panelFragments$7() {
 			return {
 				promotion: `${PANEL_WRAPPER}{position:fixed!important;z-index:26!important}${PANEL_FULLSCREEN}{z-index:40!important}`,
 				blur: panelBlurRule(PANEL_WRAPPER)
 			};
 		}
-		function createAdapter$5(host) {
+		function createAdapter$7(host) {
 			return {
 				id: "0.1.5-rc.2/rc.3",
 				channel: "0.1.5-rc",
 				host,
-				panelFragments: panelFragments$5,
+				panelFragments: panelFragments$7,
 				pluginPageRule: "",
 				menus: LEGACY_MENU_SURFACE,
 				surface: {
@@ -1418,18 +1520,18 @@ window.__ModuleLoader__.load({
 			const m = /^alpha\.(\d+)$/.exec(pre);
 			return m === null || Number(m[1]) >= 2;
 		}
-		function panelFragments$4() {
+		function panelFragments$6() {
 			return {
 				promotion: `${PANEL_WRAPPER}{position:fixed!important;z-index:26!important}${PANEL_FULLSCREEN}{z-index:40!important}`,
 				blur: panelBlurRule(PANEL_WRAPPER)
 			};
 		}
-		function createAdapter$4(host) {
+		function createAdapter$6(host) {
 			return {
 				id: "0.1.6-alpha.1/alpha.2",
 				channel: "0.1.6-alpha",
 				host,
-				panelFragments: panelFragments$4,
+				panelFragments: panelFragments$6,
 				pluginPageRule: hasPluginManagerPage(host.version) ? PLUGIN_PAGE_FROST_RULE : "",
 				menus: LEGACY_MENU_SURFACE,
 				surface: {
@@ -1514,18 +1616,18 @@ window.__ModuleLoader__.load({
 		*
 		* @module
 		*/
-		function panelFragments$3() {
+		function panelFragments$5() {
 			return {
 				promotion: "",
 				blur: panelBlurRule(DOCKKIT_SLIDERS)
 			};
 		}
-		function createAdapter$3(host) {
+		function createAdapter$5(host) {
 			return {
 				id: "0.1.7-alpha.1/alpha.2/rc.1",
 				channel: "0.1.7-alpha",
 				host,
-				panelFragments: panelFragments$3,
+				panelFragments: panelFragments$5,
 				pluginPageRule: PLUGIN_PAGE_FROST_RULE,
 				menus: LEGACY_MENU_SURFACE,
 				surface: {
@@ -1584,18 +1686,18 @@ window.__ModuleLoader__.load({
 		*
 		* @module
 		*/
-		function panelFragments$2() {
+		function panelFragments$4() {
 			return {
 				promotion: "",
 				blur: panelBlurRule(DOCKKIT_SLIDERS)
 			};
 		}
-		function createAdapter$2(host) {
+		function createAdapter$4(host) {
 			return {
 				id: "0.1.7-rc.2",
 				channel: "0.1.7-rc",
 				host,
-				panelFragments: panelFragments$2,
+				panelFragments: panelFragments$4,
 				pluginPageRule: PLUGIN_PAGE_FROST_RULE,
 				menus: LAYERED_MENU_SURFACE,
 				surface: {
@@ -1658,18 +1760,18 @@ window.__ModuleLoader__.load({
 		*
 		* @module
 		*/
-		function panelFragments$1() {
+		function panelFragments$3() {
 			return {
 				promotion: "",
 				blur: panelBlurRule(DOCKKIT_SLIDERS)
 			};
 		}
-		function createAdapter$1(host) {
+		function createAdapter$3(host) {
 			return {
 				id: "0.2.0-rc.1",
 				channel: "0.2.0-rc",
 				host,
-				panelFragments: panelFragments$1,
+				panelFragments: panelFragments$3,
 				pluginPageRule: PLUGIN_PAGE_FROST_RULE,
 				menus: LAYERED_MENU_SURFACE,
 				surface: {
@@ -1679,6 +1781,144 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/host-compat/versions/v0-2-0-rc-2/adapter.ts
+		/**
+		* Adapter for the DSH `0.2.0-rc` line from `0.2.0-rc.2` on, verified at `0.2.0-rc.2`.
+		*
+		* The first case where one patch line AND one prerelease channel carry two
+		* answers, so this folder opens a second channel (see the note on `HostChannel`).
+		* What it took was one renamed token, and it is a menu token, which is the class of
+		* fact this table exists for:
+		*
+		*   · `ui-primitives/src/MenuGroup.tsx` + `.module.css` are NEW at rc.2 and the
+		*     headings of both grouped popups (`ModelSelect`, `PopupSelectView`) now come
+		*     from them. `ModelSelect.module.css` loses `.groupTitle{background:var(
+		*     --dsw-specific-menu)}` in the same breath — the sticky heading's paint moved
+		*     to `--dsw-alias-menu-group-header-fill`, a token that does not exist before
+		*     this tag (`git grep` at `0.1.7-rc.2` and `0.2.0-rc.1`: absent). Hence
+		*     `LAYERED_MENU_SURFACE_WITH_GROUP_HEADER` rather than the rc.1 constant: the
+		*     old claim set stayed true, it just stopped covering one element.
+		*   · the rest of the menu layer is the same code — `MenuSurface.tsx` and
+		*     `MenuSurface.module.css` are byte-identical to `0.2.0-rc.1`, and so is every
+		*     consumer of `--dsw-menu-backdrop-filter`.
+		*
+		* Also verified at this tag, and NOT a reason for a folder of its own:
+		*   · `SidebarRight.module.css` and `ui-dockkit/src/components/TabLayout.tsx` are
+		*     unchanged, so the panel is still a stationary frame whose dockkit children
+		*     slide (`panelBlurRule(DOCKKIT_SLIDERS)`, no promotion).
+		*   · the five `conversation.session.header*` slot keys, and still no `…leading`.
+		*   · `PluginManagerPage.tsx` still emits `section[data-plugin-panel]` with the card
+		*     `ul` under `[data-plugin-scope]` and `[data-plugin-loading]`.
+		*   · `TextShimmer` keeps the rc.1 shape (`data-shimmer`), so the stroke exemption
+		*     stands as written.
+		*
+		* What moved that reached this plugin WITHOUT a version branch, because the host
+		* wrote it as a chain with a fallback:
+		*   · `TurnTriggerNodeView.module.css` now fills from
+		*     `var(--dsw-alias-turn-trigger-bg, var(--dsw-alias-markdown-code-block))` and
+		*     hovers with `var(--dsw-alias-turn-trigger-bg-hover, var(--dsw-alias-interactive-bg-hover))`,
+		*     both aliases declared in `design-platform.css` at this tag. The produced
+		*     slider's arm reads the SAME chain (see `PRODUCED_RULE`), so older hosts take
+		*     the fallback and this one takes the new alias — without any release test. That
+		*     matters here rather than being pedantry: dark mode repoints the alias at
+		*     `--dsw-alias-interactive-bg-hover`, so an arm still mixing on the code-block
+		*     token would keep overriding the row with the OLD color and the row would stop
+		*     tracking its own hover.
+		*
+		* @module
+		*/
+		function panelFragments$2() {
+			return {
+				promotion: "",
+				blur: panelBlurRule(DOCKKIT_SLIDERS)
+			};
+		}
+		function createAdapter$2(host) {
+			return {
+				id: "0.2.0-rc.2",
+				channel: "0.2.0-rc.2",
+				host,
+				panelFragments: panelFragments$2,
+				pluginPageRule: PLUGIN_PAGE_FROST_RULE,
+				menus: LAYERED_MENU_SURFACE_WITH_GROUP_HEADER,
+				surface: {
+					ownsSidebarGuideSurface: true,
+					headerSlotKeys: BASE_HEADER_SLOT_KEYS
+				}
+			};
+		}
+		//#endregion
+		//#region src/client/host-compat/versions/v0-2-1-alpha-1/adapter.ts
+		/**
+		* Adapter for the DSH `0.2.1-alpha` line, verified at `0.2.1-alpha.1`.
+		*
+		* A new MINOR line opened with a prerelease, and the answer is the `0.2.0-rc.2`
+		* folder's — which is a statement this file has to earn, because "same as the
+		* release before" is exactly the reasoning that went wrong when `0.1.7-rc.2` moved
+		* the menu paint. Read at the tag instead:
+		*   · `ui-theme/src/styles/design-platform.css` is BYTE-IDENTICAL to `0.2.0-rc.2`
+		*     (`git diff --numstat` empty), so every token this plugin writes — the menu
+		*     pair, the specific-menu alias, the turn-trigger chain — resolves to the same
+		*     values.
+		*   · `MenuGroup.tsx`, `MenuGroup.module.css`, `MenuSurface.tsx` and
+		*     `MenuSurface.module.css` are byte-identical too, and `MenuGroup` is still the
+		*     only consumer of `--dsw-alias-menu-group-header-fill`. That is why the menus
+		*     here answer with `LAYERED_MENU_SURFACE_WITH_GROUP_HEADER`, the same facts the
+		*     rc.2 folder checked, and not by re-typing them.
+		*   · `ui-sidebar-right/shell/SidebarRight.module.css` and
+		*     `ui-dockkit/src/components/TabLayout.tsx` unchanged (only `.tsx` service
+		*     wiring moved), so the panel stays a stationary frame with sliding dockkit
+		*     children and no promotion.
+		*   · the five `conversation.session.header*` slot keys, still no `…leading`.
+		*   · `PluginManagerPage.tsx` still emits the three anchors of the card list.
+		*   · `TextShimmer` still marks its root `data-shimmer`, so the stroke exemption
+		*     written for rc.1 stands.
+		*
+		* What did move, and why none of it needs a fact from this folder:
+		*
+		*  1. `ui-layout/AppFrame` gains a second grid row, `div.bottomRow[data-shell-bottom]`
+		*     holding the new `shell.bottom` slot, and it paints `--dsw-alias-bg-base` —
+		*     the main-background token, which `applyCustomTokensNow` already re-emits on
+		*     `body`, so the strip follows the main-bg slider with no new binding. The row
+		*     is `min-height:0` and empty unless a plugin fills the slot, so an untouched
+		*     install shows nothing. It also sits AFTER `RightbarColumn` in the frame's
+		*     children, which is the side `discoverParts()` does not count from: it anchors
+		*     on `data-rightbar-col` and reads `rightIdx-2` / `rightIdx-1`, so the sidebar
+		*     and center column are still the same two children.
+		*  2. `ui-primitives/InlineEditor.module.css` is the new home of the inline editor's
+		*     `.editor{background:var(--dsw-alias-bg-base)}`. Same token, so the same slider
+		*     reaches it wherever the component moved to.
+		*  3. `modules/system.ts` narrowed `claimStyles` to the tags a factory itself added
+		*     (see `ensureUiCss` for what that changed about our own sheet).
+		*  4. `@deepseek-ai/dsh-invariants` is DELETED at this tag — `git ls-tree` shows no
+		*     `packages/runtime-diagnostics/invariants`, and the boot/app plugin loader never
+		*     looked for a plugin's `invariant` export. This plugin's no-op companion was
+		*     therefore already dead weight here, and it goes rather than claiming a peer
+		*     version for a package the host no longer ships.
+		*
+		* @module
+		*/
+		function panelFragments$1() {
+			return {
+				promotion: "",
+				blur: panelBlurRule(DOCKKIT_SLIDERS)
+			};
+		}
+		function createAdapter$1(host) {
+			return {
+				id: "0.2.1-alpha.1",
+				channel: "0.2.1-alpha",
+				host,
+				panelFragments: panelFragments$1,
+				pluginPageRule: PLUGIN_PAGE_FROST_RULE,
+				menus: LAYERED_MENU_SURFACE_WITH_GROUP_HEADER,
+				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".
@@ -1723,11 +1963,13 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/host-compat/versions/registry.ts
 		const ADAPTERS = {
-			"0.1.5-rc": createAdapter$5,
-			"0.1.6-alpha": createAdapter$4,
-			"0.1.7-alpha": createAdapter$3,
-			"0.1.7-rc": createAdapter$2,
-			"0.2.0-rc": createAdapter$1,
+			"0.1.5-rc": createAdapter$7,
+			"0.1.6-alpha": createAdapter$6,
+			"0.1.7-alpha": createAdapter$5,
+			"0.1.7-rc": createAdapter$4,
+			"0.2.0-rc": createAdapter$3,
+			"0.2.0-rc.2": createAdapter$2,
+			"0.2.1-alpha": createAdapter$1,
 			unknown: createAdapter
 		};
 		/** Pick the adapter for a resolved host. `host.channel` is already narrowed to
@@ -3676,6 +3918,8 @@ window.__ModuleLoader__.load({
 					for (const name of appliedTokenNames) document.body.style.removeProperty(name);
 					appliedTokenNames = Object.keys(tokens);
 				}
+				applyHeaderBar(surfaces);
+				applyNativeCaption(surfaces);
 				if (surfaces === null) {
 					if (!hasColor && override === "auto" && verdict === null) clearThemeTokens();
 					return;
@@ -3722,8 +3966,10 @@ window.__ModuleLoader__.load({
 			return `${POPOVER_MENU_SEL}{${menuFrost(CARD_BLUR_VAR)}}${POPOVER_OTHER_SEL}{${elementFrostDecl(`var(${CARD_BLUR_VAR},none)`)}}`;
 		}
 		const INPUT_FROST_CLASS = "dab-input-frost";
+		const TAKEOVER_FROST_CLASS = "dab-takeover-frost";
+		const TAKEOVER_POS_ATTR = "data-dab-pos-patched";
 		function inputBlurRule() {
-			return `.${INPUT_FROST_CLASS} [data-composer-card]{position:relative;isolation:isolate}.${INPUT_FROST_CLASS} [data-composer-card]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;-webkit-backdrop-filter:var(--dsh-any-input-blur,none);backdrop-filter:var(--dsh-any-input-blur,none)}[data-cordis-panel]{-webkit-backdrop-filter:var(--dsh-any-input-blur,none);backdrop-filter:var(--dsh-any-input-blur,none)}[data-cordis-panel]{${menuFillDecls("var(--dsh-any-op-menu-cordis)!important")}}`;
+			return `.${INPUT_FROST_CLASS} [data-composer-card]{position:relative;isolation:isolate}.${INPUT_FROST_CLASS} [data-composer-card]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;-webkit-backdrop-filter:var(--dsh-any-input-blur,none);backdrop-filter:var(--dsh-any-input-blur,none)}.${TAKEOVER_FROST_CLASS}{isolation:isolate}.${TAKEOVER_FROST_CLASS}::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)}.${TAKEOVER_FROST_CLASS}:has([role="dialog"]){isolation:auto}[data-cordis-panel]{-webkit-backdrop-filter:var(--dsh-any-input-blur,none);backdrop-filter:var(--dsh-any-input-blur,none)}[data-cordis-panel]{${menuFillDecls("var(--dsh-any-op-menu-cordis)!important")}}`;
 		}
 		function applyInputBlur(px) {
 			const root = document.documentElement;
@@ -3731,8 +3977,114 @@ window.__ModuleLoader__.load({
 			else root.classList.remove(INPUT_FROST_CLASS);
 			if (px > 0) root.style.setProperty("--dsh-any-input-blur", `blur(${px}px)`);
 			else root.style.removeProperty("--dsh-any-input-blur");
+			applyTakeoverFrost(px);
+		}
+		/** Carry the input frost on the seat's takeover cards (approval / plan review /
+		*  question), the capsule's siblings — see `inputBlurRule` for the recipe and
+		*  why it is attached here rather than by a stylesheet selector.
+		*
+		*  The anchor probe is the `setBlur` guard: `position:relative` is written
+		*  inline ONLY where the host left the card `static`, and remembered with
+		*  `TAKEOVER_POS_ATTR` so clearing it is this function's job. A card a host or a
+		*  desktop shell positions itself is left exactly as it is — its own position
+		*  supplies the underlay's containing block — so no host box ever has its
+		*  position decided by this plugin's cascade (issue #24).
+		*
+		*  Idempotent and cheap in the steady state: cards already carrying the class
+		*  (or already clear of it) are skipped without a style read. */
+		function applyTakeoverFrost(px) {
+			const cards = document.querySelectorAll(COMPOSER_TAKEOVER_CARD);
+			if (px > 0) {
+				for (const card of cards) {
+					if (card.classList.contains(TAKEOVER_FROST_CLASS)) continue;
+					if (getComputedStyle(card).position === "static") {
+						card.style.position = "relative";
+						card.setAttribute(TAKEOVER_POS_ATTR, "1");
+					}
+					card.classList.add(TAKEOVER_FROST_CLASS);
+				}
+				return;
+			}
+			for (const card of cards) {
+				if (!card.classList.contains(TAKEOVER_FROST_CLASS)) continue;
+				card.classList.remove(TAKEOVER_FROST_CLASS);
+				if (card.getAttribute(TAKEOVER_POS_ATTR) === "1") {
+					card.style.removeProperty("position");
+					card.removeAttribute(TAKEOVER_POS_ATTR);
+				}
+			}
 		}
 		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)}";
+		const HEADER_BAR_CLASS = "dab-header-bar";
+		const HEADER_BAR_ANCHOR = "[data-slot^=\"conversation.session.header\"]";
+		/** The session header bar, or null where this host has no such element. */
+		function discoverHeaderBar() {
+			if (centerEl === null || !document.body.contains(centerEl)) return null;
+			const bar = centerEl.querySelector(HEADER_BAR_ANCHOR)?.closest("header");
+			return bar instanceof HTMLElement ? bar : null;
+		}
+		/** The bar's paint. The variables are written by `applyHeaderBar`; the class is
+		*  only ever added when they are, so a host the plugin is not theming keeps its
+		*  own header untouched. */
+		const HEADER_BAR_RULE = `.${HEADER_BAR_CLASS}{background:var(--dsh-any-op-header-bar,transparent)!important;backdrop-filter:var(--dsh-any-blur-header-bar,none);-webkit-backdrop-filter:var(--dsh-any-blur-header-bar,none)}`;
+		/** Claim the bar and write its material + frost. `surfaces` arrives from the token
+		*  funnel, which already has the resolved source list; the settings sliders and the
+		*  parts pass call it without one and the sources are re-resolved here. */
+		function applyHeaderBar(surfaces) {
+			const base = (surfaces === void 0 ? paletteTokens() ?? readHostOpacityTokens() : surfaces)?.["--dsw-alias-bg-base"];
+			const root = document.documentElement;
+			discoverParts();
+			const bar = discoverHeaderBar();
+			if (base === void 0) {
+				if (bar !== null) bar.classList.remove(HEADER_BAR_CLASS);
+				root.style.removeProperty("--dsh-any-op-header-bar");
+				root.style.removeProperty("--dsh-any-blur-header-bar");
+				return;
+			}
+			root.style.setProperty("--dsh-any-op-header-bar", toRgba(base, rHeaderBarOpacity()));
+			const px = rBlurs().headerBar;
+			if (px > 0) root.style.setProperty("--dsh-any-blur-header-bar", `blur(${px}px)`);
+			else root.style.removeProperty("--dsh-any-blur-header-bar");
+			if (bar !== null) bar.classList.add(HEADER_BAR_CLASS);
+		}
+		const CAPTION_FRAME_CLASS = "dab-frame-caption";
+		const WCO_PROBE_SEL = "body > span[style*=\"--dsw-specific-sidebar-fill\"]";
+		let wcoStyleEl = null;
+		function ensureWcoStyle() {
+			if (wcoStyleEl?.isConnected) return wcoStyleEl;
+			wcoStyleEl = document.createElement("style");
+			wcoStyleEl.dataset.plugin = "dsh-any-background-wco";
+			document.head.appendChild(wcoStyleEl);
+			return wcoStyleEl;
+		}
+		/** The band's opaque material, or '' when the plugin has no theme to assert. The
+		*  sampled sidebar fill is already opaque in both source paths (the plugin's
+		*  palette builds `hsl()`, the host's own token is a static colour) — it only
+		*  misses on a host that exposes neither, and then the neutral the plugin builds
+		*  for the effective scheme stands in so the band still tracks the label ink. */
+		function captionFill(src) {
+			const sampled = src?.["--dsw-specific-sidebar-fill"];
+			if (sampled !== void 0) return sampled;
+			if (paletteTokens() === null && rBgDark() === null) return "";
+			const dark = rScheme() === "dark";
+			return genTokens(220, .04, dark ? .14 : .92, dark ? "dark" : "light").tokens["--dsw-specific-sidebar-fill"] ?? "";
+		}
+		/** Write the caption rule and mark the frame it targets. The frame is the
+		*  plugin's own discovery (`discoverParts`), not a guessed hashed class name. The
+		*  probe selector is a verified shape: an inline style that mentions the sidebar
+		*  token on a body-level span is the desktop preload's caption probe and nothing
+		*  else, so no match means no desktop caption and the rule is inert. */
+		function applyNativeCaption(surfaces) {
+			if (!document.documentElement.hasAttribute("data-windows-titlebar")) return;
+			const fill = captionFill(surfaces === void 0 ? paletteTokens() ?? readHostOpacityTokens() : surfaces);
+			const css = fill === "" ? "" : `${WCO_PROBE_SEL}{--dsw-specific-sidebar-fill:${fill}}[data-windows-titlebar] .${CAPTION_FRAME_CLASS}::before{background:${fill}!important}`;
+			const el = ensureWcoStyle();
+			if (el.textContent !== css) el.textContent = css;
+			discoverParts();
+			if (frameEl === null) return;
+			if (css === "") frameEl.classList.remove(CAPTION_FRAME_CLASS);
+			else frameEl.classList.add(CAPTION_FRAME_CLASS);
+		}
 		/** 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. */
@@ -3851,11 +4203,12 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(exemptStyleEl);
 			return exemptStyleEl;
 		}
-		const PRODUCED_RULE = `[data-code-block-content] pre,[data-code-block-banner],[data-composer-chip],[data-changed-files],[data-terminal],[data-read],[data-diff],[data-context-injection-body],[data-search],[data-web],[class*="_ioCard"],[data-inspect],[data-turn-trigger],[style*="--dsh-hover-preview-fade"],:not(pre)>code{-webkit-backdrop-filter:var(--dsh-any-blur-prod,none);backdrop-filter:var(--dsh-any-blur-prod,none)}[data-markdown-variant="compact"] :not(pre)>code{-webkit-backdrop-filter:none;backdrop-filter:none}${BETTER_SIDEBAR_PANEL}{-webkit-backdrop-filter:var(--dsh-any-blur-prod,none);backdrop-filter:var(--dsh-any-blur-prod,none)}${BETTER_SIDEBAR_PANEL}{--dsw-alias-bg-base:var(--dsh-any-prod-panel-bg-base);--dsw-alias-bg-layer-1:var(--dsh-any-prod-panel-layer-1);--dsw-alias-bg-layer-2:var(--dsh-any-prod-panel-layer-2);--dsw-alias-bg-layer-3:var(--dsh-any-prod-panel-layer-3)}@supports (background:color-mix(in srgb,red 50%,transparent)){.md-code-block{background:transparent!important}.md-code-block>div{background-color:transparent!important}.md-code-block [data-code-block-content] pre{background-color:color-mix(in srgb,var(--dsl-code-block-background,var(--dsw-alias-markdown-code-block,transparent)) var(--dsh-any-prod-pct,100%),transparent)!important}.md-code-block [data-code-block-banner]{background-color:color-mix(in srgb,var(--dsl-code-block-banner-background-color,var(--dsw-alias-markdown-code-block-banner,transparent)) var(--dsh-any-prod-pct,100%),transparent)!important}[data-code-block-banner]{background-color:color-mix(in srgb,var(--dsl-code-block-banner-background-color,var(--dsl-code-block-background,var(--dsw-alias-markdown-code-block,transparent))) var(--dsh-any-prod-pct,100%),transparent)!important}[data-code-block-content]{--shiki-background:color-mix(in srgb,var(--dsw-alias-markdown-code-block,var(--dsl-code-block-background,transparent)) var(--dsh-any-prod-pct,100%),transparent)}:not(pre)>code{background-color:color-mix(in srgb,var(--dsw-alias-markdown-inline-code,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-composer-chip]>*{background-color:color-mix(in srgb,var(--dsw-alias-interactive-bg-hover,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-terminal]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-terminal] button{background-color:transparent!important}[data-read],[data-diff]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-read]>div:first-child:not([data-code-block-banner]),[data-diff]>div:first-child:not([data-code-block-banner]){background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block-banner,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-context-injection-body]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-inspect],[data-turn-trigger]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-turn-trigger]:hover{background-color:color-mix(in srgb,var(--dsw-alias-interactive-bg-hover,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-changed-files]{background-color:var(--dsh-any-prod-layer-1,var(--dsw-alias-bg-layer-1,transparent))!important}[data-changed-files]>button:first-child{background-color:color-mix(in srgb,var(--changes-fill,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-changed-files]>button:first-child:hover{background-color:color-mix(in srgb,var(--changes-hover,var(--changes-fill,transparent)) var(--dsh-any-prod-pct,100%),transparent)!important}[data-changed-files]>button:first-child>span:first-child{background-color:color-mix(in srgb,var(--changes-fill,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[style*="--dsh-hover-preview-fade"]{background-color:color-mix(in srgb,var(--dsw-hovercard-bg,#2c2c2e) var(--dsh-any-prod-pct,100%),transparent)!important}[style*="--dsh-hover-preview-fade"][class*="_preview"]{background-color:var(--dsh-any-prod-layer-1,var(--dsw-alias-bg-layer-1,transparent))!important}[data-search]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-web]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[class*="_ioCard"]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}}`;
+		const PRODUCED_RULE = `[data-code-block-content] pre,[data-code-block-banner],[data-composer-chip],[data-changed-files],[data-terminal],[data-read],[data-diff],[data-context-injection-body],[data-search],[data-web],[class*="_ioCard"],[data-inspect],[data-turn-trigger],[style*="--dsh-hover-preview-fade"],:not(pre)>code{-webkit-backdrop-filter:var(--dsh-any-blur-prod,none);backdrop-filter:var(--dsh-any-blur-prod,none)}[data-markdown-variant="compact"] :not(pre)>code{-webkit-backdrop-filter:none;backdrop-filter:none}${BETTER_SIDEBAR_PANEL}{-webkit-backdrop-filter:var(--dsh-any-blur-prod,none);backdrop-filter:var(--dsh-any-blur-prod,none)}${BETTER_SIDEBAR_PANEL}{--dsw-alias-bg-base:var(--dsh-any-prod-panel-bg-base);--dsw-alias-bg-layer-1:var(--dsh-any-prod-panel-layer-1);--dsw-alias-bg-layer-2:var(--dsh-any-prod-panel-layer-2);--dsw-alias-bg-layer-3:var(--dsh-any-prod-panel-layer-3)}@supports (background:color-mix(in srgb,red 50%,transparent)){.md-code-block{background:transparent!important}.md-code-block>div{background-color:transparent!important}.md-code-block [data-code-block-content] pre{background-color:color-mix(in srgb,var(--dsl-code-block-background,var(--dsw-alias-markdown-code-block,transparent)) var(--dsh-any-prod-pct,100%),transparent)!important}.md-code-block [data-code-block-banner]{background-color:color-mix(in srgb,var(--dsl-code-block-banner-background-color,var(--dsw-alias-markdown-code-block-banner,transparent)) var(--dsh-any-prod-pct,100%),transparent)!important}[data-code-block-banner]{background-color:color-mix(in srgb,var(--dsl-code-block-banner-background-color,var(--dsl-code-block-background,var(--dsw-alias-markdown-code-block,transparent))) var(--dsh-any-prod-pct,100%),transparent)!important}[data-code-block-content]{--shiki-background:color-mix(in srgb,var(--dsw-alias-markdown-code-block,var(--dsl-code-block-background,transparent)) var(--dsh-any-prod-pct,100%),transparent)}:not(pre)>code{background-color:color-mix(in srgb,var(--dsw-alias-markdown-inline-code,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-composer-chip]>*{background-color:color-mix(in srgb,var(--dsw-alias-interactive-bg-hover,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-terminal]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-terminal] button{background-color:transparent!important}[data-read],[data-diff]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-read]>div:first-child:not([data-code-block-banner]),[data-diff]>div:first-child:not([data-code-block-banner]){background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block-banner,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-context-injection-body]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-inspect]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-turn-trigger]{background-color:color-mix(in srgb,var(--dsw-alias-turn-trigger-bg,var(--dsw-alias-markdown-code-block,transparent)) var(--dsh-any-prod-pct,100%),transparent)!important}[data-turn-trigger]:hover{background-color:color-mix(in srgb,var(--dsw-alias-turn-trigger-bg-hover,var(--dsw-alias-interactive-bg-hover,transparent)) var(--dsh-any-prod-pct,100%),transparent)!important}[data-changed-files]{background-color:var(--dsh-any-prod-layer-1,var(--dsw-alias-bg-layer-1,transparent))!important}[data-changed-files]>button:first-child{background-color:color-mix(in srgb,var(--changes-fill,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-changed-files]>button:first-child:hover{background-color:color-mix(in srgb,var(--changes-hover,var(--changes-fill,transparent)) var(--dsh-any-prod-pct,100%),transparent)!important}[data-changed-files]>button:first-child>span:first-child{background-color:color-mix(in srgb,var(--changes-fill,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[style*="--dsh-hover-preview-fade"]{background-color:color-mix(in srgb,var(--dsw-hovercard-bg,#2c2c2e) var(--dsh-any-prod-pct,100%),transparent)!important}[style*="--dsh-hover-preview-fade"][class*="_preview"]{background-color:var(--dsh-any-prod-layer-1,var(--dsw-alias-bg-layer-1,transparent))!important}[data-search]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[data-web]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}[class*="_ioCard"]{background-color:color-mix(in srgb,var(--dsw-alias-markdown-code-block,transparent) var(--dsh-any-prod-pct,100%),transparent)!important}}`;
 		const STROKE_RULE = [
 			`${SETTINGS_PANEL_SEL}{-webkit-text-stroke:var(--dsh-any-stroke-settings-w,0px) var(--dsh-any-stroke-settings-c,transparent);paint-order:stroke fill}`,
 			"[role=\"menu\"]:not([data-dockkit-tab-menu]),[role=\"listbox\"],body>[role=\"tree\"],body>[role=\"dialog\"]:not([aria-modal=\"true\"]){-webkit-text-stroke:var(--dsh-any-stroke-card-w,0px) var(--dsh-any-stroke-card-c,transparent);paint-order:stroke fill}",
-			"[data-composer-card],[data-cordis-panel],[data-composer-card] textarea,[data-composer-card] input,[data-composer-card] [contenteditable],[data-cordis-panel] input,[data-cordis-panel] textarea{-webkit-text-stroke:var(--dsh-any-stroke-input-w,0px) var(--dsh-any-stroke-input-c,transparent);paint-order:stroke fill}",
+			`[data-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,${COMPOSER_TAKEOVER_CARD},${COMPOSER_TAKEOVER_EDITOR}{-webkit-text-stroke:var(--dsh-any-stroke-input-w,0px) var(--dsh-any-stroke-input-c,transparent);paint-order:stroke fill}`,
+			`.${HEADER_BAR_CLASS}{-webkit-text-stroke:var(--dsh-any-stroke-headerBar-w,0px) var(--dsh-any-stroke-headerBar-c,transparent);paint-order:stroke fill}`,
 			`[data-chat-flow]{-webkit-text-stroke:var(--dsh-any-stroke-chat-w,0px) var(--dsh-any-stroke-chat-c,transparent);paint-order:stroke fill}`,
 			`[data-conversation-composer-overlay]{-webkit-text-stroke:var(--dsh-any-stroke-trajectory-w,0px) var(--dsh-any-stroke-trajectory-c,transparent);paint-order:stroke fill}`,
 			`[data-code-block-content] pre,[data-code-block-content],[data-code-block-banner],[data-composer-chip],:not(pre)>code,[data-changed-files],[data-terminal],[data-read],[data-diff],[data-inspect],[data-turn-trigger],[data-context-injection-body],[data-search],[data-web],[class*="_ioCard"],[style*="--dsh-hover-preview-fade"],${BETTER_SIDEBAR_PANEL}{-webkit-text-stroke:var(--dsh-any-stroke-produced-w,0px) var(--dsh-any-stroke-produced-c,transparent);paint-order:stroke fill}`,
@@ -3876,7 +4229,8 @@ window.__ModuleLoader__.load({
 			"input",
 			"panel",
 			"produced",
-			"header"
+			"header",
+			"headerBar"
 		];
 		/** Resolve one group's stroke color key into a concrete CSS color.
 		*  'auto' contrasts the FONT direction (white fonts → black stroke and vice
@@ -4078,7 +4432,7 @@ window.__ModuleLoader__.load({
 			if (px > 0) document.documentElement.style.setProperty("--dsh-any-blur-panel", `blur(${px}px)`);
 			else document.documentElement.style.removeProperty("--dsh-any-blur-panel");
 		}
-		const PLACEHOLDER_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}";
+		const PLACEHOLDER_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,${COMPOSER_TAKEOVER_EDITOR}::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}`;
 		/** Re-scope one surface group's layer tokens onto plugin-owned variables so a
 		*  dedicated slider owns its alpha (the host has no per-surface opacity). The
 		*  settings group additionally retints its dialog surface variable. Always
@@ -4333,6 +4687,8 @@ window.__ModuleLoader__.load({
 			applyPanelBlur(blurs.panel);
 			applyProduced();
 			applyHeaderPopovers();
+			applyHeaderBar();
+			applyNativeCaption();
 			applyViewCards();
 		}
 		/** Produced/artifact surfaces (conversation code blocks + their banner +
@@ -4383,6 +4739,10 @@ window.__ModuleLoader__.load({
 				applyHeaderPopovers();
 				return;
 			}
+			if (part === "headerBar") {
+				applyHeaderBar();
+				return;
+			}
 			if (part === "chat" || part === "trajectory") {
 				applyViewCards();
 				return;
@@ -4634,6 +4994,17 @@ window.__ModuleLoader__.load({
 		function columnsPresent() {
 			return frameEl !== null && sidebarEl !== null && centerEl !== null && rightEl !== null && document.body.contains(frameEl) && document.body.contains(centerEl);
 		}
+		/** The composer seat's elected takeover card (approval / plan review / question)
+		*  when one is mounted. It is not a view, but it shares the view cards' problem:
+		*  the host mounts a fresh element when a takeover is elected, and the pass
+		*  signature alone would skip that pass — `applyTakeoverFrost` rides
+		*  `applyInputBlur` — leaving the new card bare until a slider moves. Scoped to
+		*  the center column exactly like the view markers, because this query runs on
+		*  every coalesced mutation burst, including token streaming. */
+		function probeTakeoverCard() {
+			if (centerEl === null || !document.body.contains(centerEl)) return null;
+			return centerEl.querySelector(COMPOSER_TAKEOVER_CARD);
+		}
 		/** Snapshot of every surface the pass would style, for the identity check. */
 		function targetsNow() {
 			return [
@@ -4641,7 +5012,8 @@ window.__ModuleLoader__.load({
 				sidebarEl,
 				centerEl,
 				rightEl,
-				...viewTargets
+				...viewTargets,
+				probeTakeoverCard()
 			];
 		}
 		/** Watch for the AppFrame mounting so persisted blurs land even when the shell
@@ -5027,6 +5399,13 @@ window.__ModuleLoader__.load({
 				if (name) document.documentElement.style.removeProperty(name);
 			}
 			document.documentElement.classList.remove(INPUT_FROST_CLASS);
+			applyTakeoverFrost(0);
+			document.documentElement.style.removeProperty("--dsh-any-op-header-bar");
+			document.documentElement.style.removeProperty("--dsh-any-blur-header-bar");
+			document.querySelectorAll(`.${HEADER_BAR_CLASS}`).forEach((el) => el.classList.remove(HEADER_BAR_CLASS));
+			frameEl?.classList.remove(CAPTION_FRAME_CLASS);
+			wcoStyleEl?.remove();
+			wcoStyleEl = null;
 			document.documentElement.style.removeProperty("--dsh-any-blur-panel");
 			document.documentElement.style.removeProperty("--dsh-any-blur-prod");
 			document.documentElement.style.removeProperty("--dsh-any-prod-pct");
@@ -5119,7 +5498,7 @@ window.__ModuleLoader__.load({
 		function buildStaticStyles() {
 			const adapter = rHostAdapter();
 			const panel = adapter.panelFragments();
-			return DARK_GRADIENT + FRAME_CLEAR_RULE + SETTINGS_STYLE_RULE + popoverBlurRule() + TRAJECTORY_STYLE_RULE + inputBlurRule() + MOBILE_HEADER_RULE + PANEL_TOKEN_RULE + panel.promotion + panel.blur + adapter.pluginPageRule + PRODUCED_RULE + STROKE_RULE + headerPopoverRule() + exemptDefaultRule() + PLACEHOLDER_RULE;
+			return DARK_GRADIENT + FRAME_CLEAR_RULE + SETTINGS_STYLE_RULE + popoverBlurRule() + TRAJECTORY_STYLE_RULE + inputBlurRule() + MOBILE_HEADER_RULE + HEADER_BAR_RULE + PANEL_TOKEN_RULE + panel.promotion + panel.blur + adapter.pluginPageRule + PRODUCED_RULE + STROKE_RULE + headerPopoverRule() + exemptDefaultRule() + PLACEHOLDER_RULE;
 		}
 		/** Append the plugin's stylesheet and keep it matched to the host.
 		*  Returns a teardown for the plugin's effect scope. */
@@ -5603,6 +5982,7 @@ window.__ModuleLoader__.load({
 			if (!el) {
 				el = document.createElement("style");
 				el.id = CSS_ID;
+				el.dataset.plugin = "dsh-any-background-ui-css";
 				document.head.appendChild(el);
 			}
 			if (el.textContent !== UI_CSS) el.textContent = UI_CSS;
@@ -5859,6 +6239,18 @@ window.__ModuleLoader__.load({
 				rx: "2"
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 6.6v2M7 8h2" })]
 		});
+		/** Session header bar: a window with its title band above the content. */
+		const HeaderBarIcon = ({ size, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Glyph, {
+			size,
+			className,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+				x: "2.2",
+				y: "2.2",
+				width: "11.6",
+				height: "11.6",
+				rx: "2"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2.2 5.6h11.6" })]
+		});
 		const PlusIcon = ({ size, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Glyph, {
 			size,
 			className,
@@ -6885,6 +7277,11 @@ window.__ModuleLoader__.load({
 				labelKey: "uiHeader",
 				Icon: PanelIcon
 			},
+			{
+				isHeaderBar: true,
+				labelKey: "uiHeaderBar",
+				Icon: HeaderBarIcon
+			},
 			{
 				isPanel: true,
 				labelKey: "uiPanelNative",
@@ -6914,11 +7311,11 @@ window.__ModuleLoader__.load({
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "dab-grid-parts",
 				children: PARTS$1.map((part, i) => {
-					const { labelKey, Icon, isSettings, isChat, isTrajectory, isPanel, isProduced, isHeader } = part;
+					const { labelKey, Icon, isSettings, isChat, isTrajectory, isPanel, isProduced, isHeader, isHeaderBar } = part;
 					const opKey = part.opKey;
 					const label = t(labelKey);
-					const blurKey = isChat ? "chat" : isTrajectory ? "trajectory" : isSettings ? "settings" : isPanel ? "panel" : isProduced ? "produced" : isHeader ? "header" : opKey;
-					const opacity = isChat ? rChatTextOpacity() : isTrajectory ? rTrajectoryOpacity() : isSettings ? rSop() : isPanel ? rPanelOpacity() : isProduced ? rProducedOpacity() : isHeader ? rHeaderOpacity() : rOps()[opKey];
+					const blurKey = isChat ? "chat" : isTrajectory ? "trajectory" : isSettings ? "settings" : isPanel ? "panel" : isProduced ? "produced" : isHeader ? "header" : isHeaderBar ? "headerBar" : opKey;
+					const opacity = isChat ? rChatTextOpacity() : isTrajectory ? rTrajectoryOpacity() : isSettings ? rSop() : isPanel ? rPanelOpacity() : isProduced ? rProducedOpacity() : isHeader ? rHeaderOpacity() : isHeaderBar ? rHeaderBarOpacity() : rOps()[opKey];
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 						className: "dab-card dab-card-hover dab-rise",
 						style: { "--d": i + 1 },
@@ -6967,6 +7364,9 @@ window.__ModuleLoader__.load({
 									} else if (isHeader) {
 										cfg.headerOpacity = op;
 										applyHeaderPopovers();
+									} else if (isHeaderBar) {
+										cfg.headerBarOpacity = op;
+										applyHeaderBar();
 									} else {
 										const ops = { ...rOps() };
 										ops[opKey] = op;
@@ -6995,6 +7395,10 @@ window.__ModuleLoader__.load({
 										cfg.headerOpacity = op;
 										applyHeaderPopovers();
 										saveConfig();
+									} else if (isHeaderBar) {
+										cfg.headerBarOpacity = op;
+										applyHeaderBar();
+										saveConfig();
 									} else {
 										const ops = { ...rOps() };
 										ops[opKey] = op;
@@ -7075,6 +7479,11 @@ window.__ModuleLoader__.load({
 				labelKey: "uiHeader",
 				Icon: PanelIcon
 			},
+			{
+				key: "headerBar",
+				labelKey: "uiHeaderBar",
+				Icon: HeaderBarIcon
+			},
 			{
 				key: "panel",
 				labelKey: "uiPanelNative",
@@ -8446,7 +8855,8 @@ window.__ModuleLoader__.load({
 			input: 0,
 			panel: 0,
 			produced: 0,
-			header: 0
+			header: 0,
+			headerBar: 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
@@ -8467,7 +8877,8 @@ window.__ModuleLoader__.load({
 				input: off(),
 				panel: off(),
 				produced: off(),
-				header: off()
+				header: off(),
+				headerBar: off()
 			};
 		};
 		const BUILTIN_PRESETS = [
@@ -8490,7 +8901,8 @@ window.__ModuleLoader__.load({
 					trajectoryOpacity: 1,
 					panelOpacity: 1,
 					producedOpacity: 1,
-					headerOpacity: 1
+					headerOpacity: 1,
+					headerBarOpacity: .85
 				}
 			},
 			{
@@ -8525,7 +8937,8 @@ window.__ModuleLoader__.load({
 					trajectoryOpacity: .85,
 					panelOpacity: .85,
 					producedOpacity: 1,
-					headerOpacity: 1
+					headerOpacity: 1,
+					headerBarOpacity: .62
 				}
 			},
 			{
@@ -8547,7 +8960,8 @@ window.__ModuleLoader__.load({
 					trajectoryOpacity: 1,
 					panelOpacity: 1,
 					producedOpacity: 1,
-					headerOpacity: 1
+					headerOpacity: 1,
+					headerBarOpacity: .97
 				}
 			},
 			{
@@ -8582,7 +8996,8 @@ window.__ModuleLoader__.load({
 					trajectoryOpacity: .8,
 					panelOpacity: .8,
 					producedOpacity: 1,
-					headerOpacity: 1
+					headerOpacity: 1,
+					headerBarOpacity: .5
 				}
 			},
 			{
@@ -8617,7 +9032,8 @@ window.__ModuleLoader__.load({
 					trajectoryOpacity: .78,
 					panelOpacity: .75,
 					producedOpacity: 1,
-					headerOpacity: 1
+					headerOpacity: 1,
+					headerBarOpacity: .42
 				}
 			},
 			{
@@ -8643,7 +9059,8 @@ window.__ModuleLoader__.load({
 					trajectoryOpacity: 1,
 					panelOpacity: 1,
 					producedOpacity: 1,
-					headerOpacity: 1
+					headerOpacity: 1,
+					headerBarOpacity: .92
 				}
 			}
 		];