dsh-background-by-model 0.8.0 → 0.8.2

package/lib/client.js

@@ -24,12 +24,11 @@ window.__ModuleLoader__.load({
 			pageInterface: "界面",
 			pageModelBg: "模型背景",
 			pageProfile: "配置",
-			descInterface: "为主界面的各个区域单独调节透明度与模糊，营造空间层次感。这里的设置对所有模型生效",
+			descInterface: "为主界面的各个区域单独调节透明度，营造空间层次感。这里的设置对所有模型生效",
 			descModelBg: "每条规则 = 一个匹配串 + 一组背景图与外观。切换模型时，从上往下找第一条匹配串出现在模型名里的规则；都没中就使用第 1 条。一条规则可以放多张图，按你设的节奏轮换",
 			descProfile: "调整壁纸切换效果，并把当前全部规则连同图片导出备份，或从文件一键恢复",
 			uiTitle: "主界面",
 			uiOpacity: "透明度",
-			uiBlur: "模糊度",
 			uiOpacityBg: "主背景",
 			uiOpacitySide: "左侧栏",
 			uiOpacityCard: "卡片与菜单面板",
@@ -38,6 +37,7 @@ window.__ModuleLoader__.load({
 			uiSop: "设置界面透明度",
 			uiChatRegion: "对话文本框",
 			uiTrajectory: "轨迹页",
+			uiPage: "插件页面",
 			uiPreview: "右侧栏",
 			statusUnknownHint: "检测不到时一律使用第 1 条可用规则；切换一次模型或稍等片刻会自动重试",
 			statusSourceDefaultHint: "只读到宿主默认模型，它不是本会话当前选择的模型；本会话的模型选择可用后会自动纠正",
@@ -84,7 +84,7 @@ window.__ModuleLoader__.load({
 			ruleImagePendingHint: "这张图片还没有取到内容，稍后会自己出现（也可以直接替换它）",
 			ruleColor: "主题色",
 			ruleColorNone: "跟随系统主题",
-			ruleColorNoneHint: "未设颜色时跟随系统主题：界面用宿主的配色，壁纸与各部位的透明度、模糊照旧生效",
+			ruleColorNoneHint: "未设颜色时跟随系统主题：界面用宿主的配色，壁纸与各部位的透明度照旧生效",
 			ruleColorPick: "自定义颜色",
 			ruleColorPickHint: "优先从本图取色，取不到就用默认色",
 			ruleColorNoImageHint: "这条规则还没有图片，取不到色：选一个颜色可以只铺主题色，或先添加图片",
@@ -96,8 +96,9 @@ window.__ModuleLoader__.load({
 			ruleLayoutNoImage: "添加图片后可分别设置每张图的布局模式",
 			ruleFramingEdit: "编辑位置",
 			ruleOpacity: "背景透明度",
+			ruleBrightness: "背景亮度",
 			ruleBlur: "背景模糊",
-			ruleBlurHint: "背景模糊作用于壁纸层；界面页里的模糊作用于界面各区域，两者互不影响",
+			ruleBlurHint: "这三条滑块都作用于壁纸层；界面页里的透明度作用于界面各区域，两者互不影响",
 			rotTitle: "多图轮换",
 			rotEnable: "轮换这组图",
 			rotNeedTwo: "至少两张图才能轮换",
@@ -194,12 +195,11 @@ window.__ModuleLoader__.load({
 			pageInterface: "Interface",
 			pageModelBg: "Model background",
 			pageProfile: "Profile",
-			descInterface: "Tune opacity and blur per surface to build depth. These settings are global and apply to every model",
+			descInterface: "Tune opacity per surface to build depth. These settings are global and apply to every model",
 			descModelBg: "Each rule is a match string plus a set of wallpapers and one look. On a model switch the list is scanned top-down for the first match string contained in the model name; if nothing hits, rule 1 is used. A rule can hold several images and rotate through them on a rhythm you set",
 			descProfile: "Tune how the wallpaper switches, and back up every rule together with its image — or restore one from a file",
 			uiTitle: "Interface",
 			uiOpacity: "Opacity",
-			uiBlur: "Blur",
 			uiOpacityBg: "Main background",
 			uiOpacitySide: "Left panel",
 			uiOpacityCard: "Cards & menus",
@@ -208,6 +208,7 @@ window.__ModuleLoader__.load({
 			uiSop: "Settings interface opacity",
 			uiChatRegion: "Conversation text frame",
 			uiTrajectory: "Trajectory view",
+			uiPage: "Plugin pages",
 			uiPreview: "Right panel",
 			statusUnknownHint: "Without a detected model rule 1 is always used; switching the model once or waiting a moment retries automatically",
 			statusSourceDefaultHint: "Only the host-wide default model could be read — that is not necessarily this session's selection. It self-corrects once this session's model selection is available.",
@@ -254,7 +255,7 @@ window.__ModuleLoader__.load({
 			ruleImagePendingHint: "This image has no content yet — it appears once it loads; you can also replace it",
 			ruleColor: "Theme color",
 			ruleColorNone: "Follow system theme",
-			ruleColorNoneHint: "Without a color this rule follows the system theme: the host palette paints the interface while the wallpaper and every opacity/blur slider keep working",
+			ruleColorNoneHint: "Without a color this rule follows the system theme: the host palette paints the interface while the wallpaper and every opacity slider keep working",
 			ruleColorPick: "Custom color",
 			ruleColorPickHint: "Extracts from this image when it can, otherwise uses a default color",
 			ruleColorNoImageHint: "This rule has no image to take a color from: pick a color to tint the interface alone, or add an image first",
@@ -266,8 +267,9 @@ window.__ModuleLoader__.load({
 			ruleLayoutNoImage: "Add an image to give each one its own layout mode",
 			ruleFramingEdit: "Edit position",
 			ruleOpacity: "Background opacity",
+			ruleBrightness: "Background brightness",
 			ruleBlur: "Background blur",
-			ruleBlurHint: "Background blur affects the wallpaper layer; the blur on the Interface page affects interface surfaces — they are independent",
+			ruleBlurHint: "These three sliders all treat the wallpaper layer; the opacity on the Interface page affects interface surfaces — they are independent",
 			rotTitle: "Image rotation",
 			rotEnable: "Rotate these images",
 			rotNeedTwo: "At least two images are needed to rotate",
@@ -654,37 +656,6 @@ window.__ModuleLoader__.load({
 			code: .81,
 			input: .88
 		};
-		/**
-		* Interface blur (px, 0..60), global (Interface page):
-		*   `bg`         main background (AppFrame grid)
-		*   `sidebar`    sidebar column
-		*   `card`       cards/panels (center + details columns, dialog option panels)
-		*   `settings`   settings panel
-		*   `chat`       conversation text region (message column of the chat view)
-		*   `trajectory` trajectory view surface
-		*   `rightbar`   file-preview panel — the right sidebar a file click opens
-		*   `input`      input/control surfaces ([data-composer-card], [data-cordis-panel])
-		*/
-		const PART_BLUR_KEYS = [
-			"bg",
-			"sidebar",
-			"card",
-			"settings",
-			"chat",
-			"trajectory",
-			"rightbar",
-			"input"
-		];
-		const DEFAULT_PART_BLURS = {
-			bg: 0,
-			sidebar: 0,
-			card: 0,
-			settings: 0,
-			chat: 0,
-			trajectory: 0,
-			rightbar: 0,
-			input: 60
-		};
 		/** Longest allowed switch duration; 0 is a hard cut. */
 		const TRANSITION_MAX_MS = 3e3;
 		/** Every accepted `effect`, in UI order. */
@@ -805,6 +776,7 @@ window.__ModuleLoader__.load({
 				enabled: true,
 				color,
 				wallpaperOpacity: 1,
+				brightness: 100,
 				blur: 0,
 				rotate: defaultRotation()
 			};
@@ -838,6 +810,7 @@ window.__ModuleLoader__.load({
 				enabled: true,
 				color: null,
 				wallpaperOpacity: 1,
+				brightness: 100,
 				blur: 0,
 				rotate: defaultRotation()
 			};
@@ -856,12 +829,12 @@ window.__ModuleLoader__.load({
 			return {
 				rules: [blankRule("r1")],
 				opacities: { ...DEFAULT_PART_OPACITIES },
-				blurs: { ...DEFAULT_PART_BLURS },
 				transition: defaultTransition(),
 				settingsOpacity: 1,
 				chatTextOpacity: DEFAULT_CHAT_TEXT_OPACITY,
 				trajectoryOpacity: DEFAULT_TRAJECTORY_OPACITY,
 				rightbarOpacity: DEFAULT_RIGHTBAR_OPACITY,
+				pageOpacity: 0,
 				autoExtract: true,
 				holidays: {
 					enabled: false,
@@ -1048,7 +1021,8 @@ window.__ModuleLoader__.load({
 			if (images.length === 0 && !hadList) return null;
 			const rotate = normalizeRotation(r.rotate);
 			if (images.length < 2) rotate.enabled = false;
-			return {
+			const brightness = r.brightness === void 0 ? void 0 : clamp$1(r.brightness, 0, 200, 100);
+			const rule = {
 				id,
 				images,
 				match: typeof r.match === "string" ? r.match : "",
@@ -1058,6 +1032,8 @@ window.__ModuleLoader__.load({
 				blur: clamp$1(r.blur, 0, 60, 0),
 				rotate
 			};
+			if (brightness !== void 0) rule.brightness = brightness;
+			return rule;
 		}
 		/**
 		* Coerce one persisted holiday entry.
@@ -1081,6 +1057,7 @@ window.__ModuleLoader__.load({
 				...base,
 				enabled: r.enabled !== false,
 				wallpaperOpacity: clamp01(r.wallpaperOpacity, base.wallpaperOpacity),
+				brightness: clamp$1(r.brightness, 0, 200, base.brightness ?? 100),
 				blur: clamp$1(r.blur, 0, 60, base.blur),
 				images: base.images.map((image) => ({
 					slot: image.slot,
@@ -1130,20 +1107,17 @@ window.__ModuleLoader__.load({
 			const r = raw ?? {};
 			const rules = Array.isArray(r.rules) ? r.rules.map(normalizeRule).filter((x) => x !== null) : [blankRule("r1")];
 			const ops = r.opacities ?? {};
-			const bl = r.blurs ?? {};
-			const blurs = {};
-			for (const k of PART_BLUR_KEYS) blurs[k] = clamp$1(bl[k], 0, 60, DEFAULT_PART_BLURS[k]);
 			const opacities = {};
 			for (const k of PART_OPACITY_KEYS) opacities[k] = clamp01(ops[k], DEFAULT_PART_OPACITIES[k]);
 			return {
 				rules,
 				opacities,
-				blurs,
 				transition: normalizeTransition(r.transition, legacyFadeMs(r.rules)),
 				settingsOpacity: clamp01(r.settingsOpacity, 1),
 				chatTextOpacity: clamp01(r.chatTextOpacity, DEFAULT_CHAT_TEXT_OPACITY),
 				trajectoryOpacity: clamp01(r.trajectoryOpacity, DEFAULT_TRAJECTORY_OPACITY),
 				rightbarOpacity: normalizeRightbarOpacity(r.rightbarOpacity),
+				pageOpacity: clamp01(r.pageOpacity, 0),
 				autoExtract: r.autoExtract !== false,
 				holidays: normalizeHolidays(r.holidays)
 			};
@@ -1356,6 +1330,19 @@ window.__ModuleLoader__.load({
 		function rWop() {
 			return clamp01(activeRule()?.wallpaperOpacity, 1);
 		}
+		/**
+		* Brightness of the wallpaper layer, in percent (100 = the picture exactly as the
+		* file has it).
+		*
+		* Read from the ACTIVE rule like the opacity and blur beside it, and defaulted the
+		* same way: a rule whose `brightness` key is absent — every config written before
+		* the setting existed — is left alone, so an upgrade changes nothing on screen.
+		* The default and the ceiling live in ../schema, so the render layer holds no
+		* numbers of its own (see ./wallpaper's `wpFilter`).
+		*/
+		function rBrightness() {
+			return clamp$1(activeRule()?.brightness, 0, 200, 100);
+		}
 		function rBl() {
 			return clamp$1(activeRule()?.blur, 0, 60, 0);
 		}
@@ -1395,12 +1382,6 @@ window.__ModuleLoader__.load({
 			for (const k of PART_OPACITY_KEYS) out[k] = clamp01(o[k], DEFAULT_PART_OPACITIES[k]);
 			return out;
 		}
-		function rBlurs() {
-			const b = cfg.blurs ?? {};
-			const out = {};
-			for (const k of PART_BLUR_KEYS) out[k] = clamp$1(b[k], 0, 60, DEFAULT_PART_BLURS[k]);
-			return out;
-		}
 		function rSop() {
 			return clamp01(cfg.settingsOpacity, 1);
 		}
@@ -1415,6 +1396,10 @@ window.__ModuleLoader__.load({
 			const own = cfg.rightbarOpacity;
 			return typeof own === "number" && isFinite(own) ? clamp01(own, 1) : rOps().bg;
 		}
+		/** Tint behind whatever page the main slot is showing (0 = add nothing at all). */
+		function rPageOpacity() {
+			return clamp01(cfg.pageOpacity, 0);
+		}
 		/** Move a possibly-absent partial config into the shape the UI reads. */
 		function adoptConfig(raw) {
 			cfg = normalizeConfig(raw);
@@ -1670,7 +1655,7 @@ window.__ModuleLoader__.load({
 			const d = data;
 			const slots = Array.isArray(d.slots) ? d.slots.filter((s) => typeof s === "string") : [];
 			const schema = typeof d.schema === "number" && isFinite(d.schema) ? d.schema : null;
-			hostShape = schema === null ? "legacy" : schema >= 6 ? "current" : "legacy";
+			hostShape = schema === null ? "legacy" : schema >= 9 ? "current" : "legacy";
 			if (hostShape === "legacy") holdWrite();
 			return {
 				config: d.config,
@@ -3033,13 +3018,9 @@ window.__ModuleLoader__.load({
 			}
 		}
 		const SETTINGS_PANEL_SEL = "[role=\"dialog\"][aria-modal=\"true\"][aria-labelledby]";
-		const SETTINGS_STYLE_RULE = `${SETTINGS_PANEL_SEL}{background:var(--dsh-any-bg-settings-surface,var(--dsw-alias-bg-layer-2));backdrop-filter:var(--dsh-any-blur-settings,none);}html[${THEMED_ATTR}] ${SETTINGS_PANEL_SEL}{--dsw-alias-bg-layer-1:var(--dsh-any-bg-settings-layer-1);--dsw-alias-bg-layer-2:var(--dsh-any-bg-settings-layer-2);--dsw-alias-bg-layer-3:var(--dsh-any-bg-settings-layer-3)}${SETTINGS_PANEL_SEL} .dab-card{backdrop-filter:var(--dsh-any-blur-card-panels,none);-webkit-backdrop-filter:var(--dsh-any-blur-card-panels,none)}`;
+		const SETTINGS_STYLE_RULE = `${SETTINGS_PANEL_SEL}{background:var(--dsh-any-bg-settings-surface,var(--dsw-alias-bg-layer-2));}html[${THEMED_ATTR}] ${SETTINGS_PANEL_SEL}{--dsw-alias-bg-layer-1:var(--dsh-any-bg-settings-layer-1);--dsw-alias-bg-layer-2:var(--dsh-any-bg-settings-layer-2);--dsw-alias-bg-layer-3:var(--dsh-any-bg-settings-layer-3)}`;
 		const CORDIS_PANEL_SEL = "[data-cordis-panel]";
-		const INPUT_BLUR_RULE = `[data-composer-card],${CORDIS_PANEL_SEL}{-webkit-backdrop-filter:var(--dsh-any-input-blur,none);backdrop-filter:var(--dsh-any-input-blur,none)}${CORDIS_PANEL_SEL}{--dsw-specific-menu:var(--dsh-any-op-menu-cordis)!important}`;
-		function applyInputBlur(px) {
-			if (px > 0) document.documentElement.style.setProperty("--dsh-any-input-blur", `blur(${px}px)`);
-			else document.documentElement.style.removeProperty("--dsh-any-input-blur");
-		}
+		const INPUT_STYLE_RULE = `${CORDIS_PANEL_SEL}{--dsw-specific-menu:var(--dsh-any-op-menu-cordis)!important}`;
 		function applySettingsOverrides(op) {
 			const tokens = palette()?.tokens ?? {};
 			const root = document.documentElement;
@@ -3232,7 +3213,7 @@ window.__ModuleLoader__.load({
 			return paletteFadeInline(animate ? paletteFadeMs() : 0, rTransition().easing);
 		}
 		const RIGHTBAR_SEL = "div[data-sidebar-right-panel]:not(:has([data-dockkit-content],[data-dockkit-empty]))[data-sidebar-right-open],div[data-sidebar-right-panel] [data-dockkit-content]:not([data-dockkit-float]),div[data-sidebar-right-panel] [data-dockkit-empty]";
-		const RIGHTBAR_STYLE_RULE = `${RIGHTBAR_SEL}{background:var(--dsh-any-bg-rightbar,var(--dsw-alias-bg-base))!important}div[data-sidebar-right-panel][data-sidebar-right-open]{-webkit-backdrop-filter:var(--dsh-any-blur-rightbar,none);backdrop-filter:var(--dsh-any-blur-rightbar,none)}`;
+		const RIGHTBAR_STYLE_RULE = `${RIGHTBAR_SEL}{background:var(--dsh-any-bg-rightbar,var(--dsw-alias-bg-base))!important}`;
 		/** Paint the file-preview panel's surface from its own slider. */
 		function applyRightbarOverrides(op) {
 			const root = document.documentElement;
@@ -3243,26 +3224,31 @@ window.__ModuleLoader__.load({
 			}
 			root.style.setProperty("--dsh-any-bg-rightbar", withAlpha(base, op));
 		}
-		/** Extra backdrop frost for the file-preview panel (0 = no frost of its own). */
-		function applyRightbarBlur(px) {
-			if (px > 0) document.documentElement.style.setProperty("--dsh-any-blur-rightbar", `blur(${px}px)`);
-			else document.documentElement.style.removeProperty("--dsh-any-blur-rightbar");
-		}
 		let frameEl = null;
-		let sidebarEl = null;
 		let centerEl = null;
 		let detailsEl = null;
-		const PART_BLUR_CLASS = "dab-part-blur";
-		const PART_UNDERLAY_CLASS = "dab-part-underlay";
-		const PART_BLUR_RULE = `${PART_BLUR_CLASS}{isolation:isolate}.${PART_UNDERLAY_CLASS}{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;backdrop-filter:var(--dsh-any-part-blur,none);-webkit-backdrop-filter:var(--dsh-any-part-blur,none)}`;
-		let partBlurStyleEl = null;
-		function ensurePartBlurStyle() {
-			if (partBlurStyleEl?.isConnected) return;
-			partBlurStyleEl = document.createElement("style");
-			partBlurStyleEl.dataset.plugin = "dsh-background-by-model-parts";
-			markOwnSheet(partBlurStyleEl);
-			partBlurStyleEl.textContent = PART_BLUR_RULE;
-			document.head.appendChild(partBlurStyleEl);
+		/** Class-name suffixes the harness's CSS modules end the column names with. */
+		const PART_CLASS = {
+			center: "centerCol",
+			rightbar: "rightbarCol"
+		};
+		/**
+		* Whether one of the element's class names ENDS with `suffix`.
+		*
+		* A SUFFIX test, deliberately not `classList.contains`: the harness emits these
+		* classes from a CSS module, so a column carries `pI_x6G_centerCol` and matching
+		* the whole string `centerCol` is false for every column of every build. The
+		* failure mode is the quiet one — the class never matches, the part falls through
+		* to a weaker guess and a setting disappears without an error.
+		*/
+		function hasClassSuffix(el, suffix) {
+			for (const name of Array.from(el.classList)) if (name === suffix || name.endsWith(suffix)) return true;
+			return false;
+		}
+		/** The frame's direct child whose class list carries `suffix` (null when absent). */
+		function childWithClass(frame, suffix) {
+			for (const el of Array.from(frame.children)) if (el instanceof HTMLElement && hasClassSuffix(el, suffix)) return el;
+			return null;
 		}
 		function discoverParts() {
 			const overlay = document.querySelector("[data-shell-overlay]");
@@ -3270,40 +3256,12 @@ window.__ModuleLoader__.load({
 			const frame = overlay.parentElement;
 			if (frame === null) return;
 			frameEl = frame;
-			const idx = Array.from(frame.children).indexOf(overlay);
-			sidebarEl = frame.children[idx - 3] ?? null;
-			centerEl = frame.children[idx - 2] ?? null;
-			detailsEl = frame.children[idx - 1] ?? null;
-		}
-		function setBlur(el, px) {
-			if (el === null) return;
-			const underlay = el.querySelector(`:scope > .${PART_UNDERLAY_CLASS}`);
-			if (px > 0) {
-				ensurePartBlurStyle();
-				if (!el.classList.contains(PART_BLUR_CLASS) && getComputedStyle(el).position === "static") {
-					el.style.position = "relative";
-					el.setAttribute("data-dab-pos-patched", "1");
-				}
-				el.classList.add(PART_BLUR_CLASS);
-				if (underlay === null) {
-					const node = document.createElement("div");
-					node.className = PART_UNDERLAY_CLASS;
-					el.prepend(node);
-				}
-				el.style.setProperty("--dsh-any-part-blur", `blur(${px}px)`);
-			} else {
-				el.classList.remove(PART_BLUR_CLASS);
-				el.style.removeProperty("--dsh-any-part-blur");
-				underlay?.remove();
-				if (el.getAttribute("data-dab-pos-patched") === "1") {
-					el.style.removeProperty("position");
-					el.removeAttribute("data-dab-pos-patched");
-				}
-			}
-		}
-		function applySettingsBlur(px) {
-			if (px > 0) document.documentElement.style.setProperty("--dsh-any-blur-settings", `blur(${px}px)`);
-			else document.documentElement.style.removeProperty("--dsh-any-blur-settings");
+			const rightbar = frame.querySelector(":scope > [data-rightbar-col]") ?? childWithClass(frame, PART_CLASS.rightbar);
+			const overlayIdx = Array.from(frame.children).indexOf(overlay);
+			/** The direct child at `offset` relative to the overlay, when there is one. */
+			const at = (offset) => frame.children[overlayIdx + offset] ?? null;
+			centerEl = childWithClass(frame, PART_CLASS.center) ?? at(-2);
+			detailsEl = rightbar ?? at(-1);
 		}
 		/** Apply the main-background opacity to the center/details columns instead of
 		*  the frame. The frame's translucent bg-base sits UNDER the sidebar, so
@@ -3332,69 +3290,93 @@ window.__ModuleLoader__.load({
 				detailsEl.style.background = withAlpha(base, ops.bg);
 			}
 		}
-		/** Blur of the option panels inside the settings dialog (.dab-card), owned by
-		*  the "dialog option panel" (card) blur slider. Written as a plugin-owned
-		*  variable consumed by SETTINGS_STYLE_RULE — deliberately NOT applied to the
-		*  homepage center/details columns, which this slider must never touch. */
-		function applyCardPanelsBlur(px) {
-			if (px > 0) document.documentElement.style.setProperty("--dsh-any-blur-card-panels", `blur(${px}px)`);
-			else document.documentElement.style.removeProperty("--dsh-any-blur-card-panels");
+		/**
+		* Re-derive every plugin-owned interface surface that is not a palette token:
+		* the conversation view card and the function pages in the main slot.
+		*
+		* ONE pass, run by the full apply and by the frame observer: a page mounts and
+		* unmounts with a NAVIGATION, not with a slider, so its discovery has to happen
+		* on the same beat as everything else. `fade` carries the palette-moved case
+		* through to the inline-painted view card (see `applyCustomTokens`).
+		*/
+		function applyInterfaceParts(fade = false) {
+			applyViewCards(fade);
+			applyPageSurfaces();
 		}
-		/** Apply per-part interface blur to the AppFrame columns + settings panel. */
-		function applyPartBlurs(blurs) {
-			discoverParts();
-			setBlur(frameEl, 0);
-			setBlur(sidebarEl, blurs.sidebar);
-			setBlur(centerEl, blurs.bg);
-			setBlur(detailsEl, blurs.bg);
-			applyCardPanelsBlur(blurs.card);
-			applySettingsBlur(blurs.settings);
-			applyInputBlur(blurs.input);
-			applyRightbarBlur(blurs.rightbar);
-			applyViewCards();
-		}
-		/** Live per-part blur update during slider drag (no full re-apply). */
-		function setPartBlur(part, v) {
-			if (part === "settings") {
-				applySettingsBlur(v);
-				return;
-			}
-			if (part === "card") {
-				applyCardPanelsBlur(v);
-				return;
-			}
-			if (part === "input") {
-				applyInputBlur(v);
-				return;
-			}
-			if (part === "rightbar") {
-				applyRightbarBlur(v);
-				return;
-			}
-			if (part === "chat" || part === "trajectory") {
-				applyViewCards();
-				return;
+		const PAGE_ANCHOR_SEL = "[data-slot=\"main\"]";
+		const PAGE_MARK = "data-dab-page";
+		/**
+		* `!important`, because the page's own background is a class rule of the host's
+		* and equal-specificity cascade order is not something to rely on. The fallback
+		* is the host's own surface token, so a mark that ever outlives its discovery
+		* paints what that page would have painted anyway.
+		*/
+		const PAGE_STYLE_RULE = `[${PAGE_MARK}]{background:var(--dsh-any-bg-page,var(--dsw-alias-bg-base))!important}`;
+		/** The elements currently marked — unmarked again at zero or on teardown. */
+		let pageEls = [];
+		/** Every function page mounted in the centre column (empty while the chat is). */
+		function discoverPageEls() {
+			if (centerEl === null || !document.body.contains(centerEl)) return [];
+			const anchor = centerEl.querySelector(`:scope > ${PAGE_ANCHOR_SEL}`) ?? centerEl.querySelector(PAGE_ANCHOR_SEL);
+			if (anchor === null) return [];
+			const seen = /* @__PURE__ */ new Set();
+			const out = [];
+			/** Step through `display:contents` wrappers to the element that owns a box. */
+			const boxed = (start) => {
+				let el = start;
+				for (let depth = 0; depth < 10; depth++) {
+					if (getComputedStyle(el).display !== "contents") return el;
+					const next = el.firstElementChild;
+					if (!(next instanceof HTMLElement) || seen.has(next)) return null;
+					seen.add(next);
+					el = next;
+				}
+				return null;
+			};
+			for (const child of Array.from(anchor.children)) {
+				if (!(child instanceof HTMLElement) || seen.has(child)) continue;
+				seen.add(child);
+				const root = boxed(child);
+				if (root === null || root.querySelector("[data-conversation-scroll]") !== null) continue;
+				out.push(root);
 			}
+			return out;
+		}
+		/** Whether a function page is what the centre column is showing. */
+		function pageIsShowing() {
+			return discoverPageEls().length > 0;
+		}
+		/**
+		* Point the 插件页面 item at whatever the main slot is showing.
+		*
+		* Called from `applyInterfaceParts`, the one pass the full apply and the frame
+		* observer both run, and from the item's own drag: a page mounts and unmounts
+		* with a NAVIGATION, not with a slider, so the discovery has to happen on the
+		* same beat as everything else.
+		*/
+		function applyPageSurfaces() {
 			discoverParts();
-			if (part === "bg") {
-				setBlur(centerEl, v);
-				setBlur(detailsEl, v);
-			} else setBlur(sidebarEl, v);
+			const base = palette()?.tokens["--dsw-alias-bg-base"];
+			const op = rPageOpacity();
+			const paint = op > 0 && base !== void 0;
+			if (paint) document.documentElement.style.setProperty("--dsh-any-bg-page", withAlpha(base, op));
+			else document.documentElement.style.removeProperty("--dsh-any-bg-page");
+			const next = paint ? discoverPageEls() : [];
+			for (const el of pageEls) if (!next.includes(el)) el.removeAttribute(PAGE_MARK);
+			for (const el of next) el.setAttribute(PAGE_MARK, "1");
+			pageEls = next;
+		}
+		/** Hand every marked page back to the host untouched (teardown only). */
+		function removePageSurfaces() {
+			for (const el of pageEls) el.removeAttribute(PAGE_MARK);
+			pageEls = [];
 		}
 		const VIEW_CARDS = [{
 			sel: "[data-chat-flow]",
 			mark: "data-dab-chat-card",
 			prev: "dabChatPrev",
 			opacity: rChatTextOpacity,
-			blur: () => rBlurs().chat,
 			fallback: true
-		}, {
-			sel: "[data-conversation-composer-overlay]",
-			mark: "data-dab-traj-card",
-			prev: "dabTrajPrev",
-			opacity: rTrajectoryOpacity,
-			blur: () => rBlurs().trajectory,
-			plain: true
 		}];
 		const viewTargets = VIEW_CARDS.map(() => null);
 		function isScrollableY(el) {
@@ -3436,10 +3418,7 @@ window.__ModuleLoader__.load({
 			const marked = centerEl.querySelector(spec.sel);
 			const cached = viewTargets[idx];
 			if (marked !== null) {
-				if (cached !== null && cached !== marked) {
-					setBlur(cached, 0);
-					restoreCardHost(cached, spec.mark, spec.prev, spec.plain === true);
-				}
+				if (cached !== null && cached !== marked) restoreCardHost(cached, spec.mark, spec.prev);
 				viewTargets[idx] = marked;
 				return marked;
 			}
@@ -3447,7 +3426,8 @@ window.__ModuleLoader__.load({
 			viewTargets[idx] = null;
 			if (spec.fallback !== true) return null;
 			if (centerEl.querySelector("[data-conversation-scroll]") !== null) return null;
-			if (spec.opacity() <= 0 && spec.blur() <= 0) return null;
+			if (pageIsShowing()) return null;
+			if (spec.opacity() <= 0) return null;
 			let best = null;
 			let bestArea = 0;
 			for (const el of Array.from(centerEl.querySelectorAll("*"))) {
@@ -3469,16 +3449,15 @@ window.__ModuleLoader__.load({
 			return refined;
 		}
 		/** Stash the host's own inline values so teardown restores them exactly. */
-		function stashCardPrev(el, prev, plain) {
+		function stashCardPrev(el, prev) {
 			const ds = el.dataset;
 			ds[prev + "Bg"] = el.style.getPropertyValue("background");
-			if (plain) return;
 			ds[prev + "Border"] = el.style.getPropertyValue("border");
 			ds[prev + "Radius"] = el.style.getPropertyValue("border-radius");
 			ds[prev + "Padding"] = el.style.getPropertyValue("padding");
 		}
 		/** Undo the inline styling, restoring the host's previous inline values. */
-		function restoreCardHost(el, mark, prev, plain) {
+		function restoreCardHost(el, mark, prev) {
 			if (!el.hasAttribute(mark)) return;
 			const ds = el.dataset;
 			const restore = (prop, v) => {
@@ -3486,14 +3465,12 @@ window.__ModuleLoader__.load({
 				else el.style.removeProperty(prop);
 			};
 			restore("background", ds[prev + "Bg"]);
-			if (!plain) {
-				restore("border", ds[prev + "Border"]);
-				restore("border-radius", ds[prev + "Radius"]);
-				restore("padding", ds[prev + "Padding"]);
-				delete ds[prev + "Border"];
-				delete ds[prev + "Radius"];
-				delete ds[prev + "Padding"];
-			}
+			restore("border", ds[prev + "Border"]);
+			restore("border-radius", ds[prev + "Radius"]);
+			restore("padding", ds[prev + "Padding"]);
+			delete ds[prev + "Border"];
+			delete ds[prev + "Radius"];
+			delete ds[prev + "Padding"];
 			delete ds[prev + "Bg"];
 			el.removeAttribute(mark);
 		}
@@ -3501,10 +3478,7 @@ window.__ModuleLoader__.load({
 		function removeViewCards() {
 			VIEW_CARDS.forEach((spec, i) => {
 				const el = viewTargets[i];
-				if (el !== null) {
-					setBlur(el, 0);
-					restoreCardHost(el, spec.mark, spec.prev, spec.plain === true);
-				}
+				if (el !== null) restoreCardHost(el, spec.mark, spec.prev);
 				viewTargets[i] = null;
 			});
 		}
@@ -3522,9 +3496,9 @@ window.__ModuleLoader__.load({
 			"}"
 		].join("\n");
 		let tableFixStyleEl = null;
-		/** Toggle the wide-table clamp according to the chat region's opacity & blur. */
+		/** Toggle the wide-table clamp according to the chat region's opacity. */
 		function syncTableFix() {
-			if (!(rChatTextOpacity() > 0 || rBlurs().chat > 0)) {
+			if (!(rChatTextOpacity() > 0)) {
 				if (tableFixStyleEl !== null) {
 					tableFixStyleEl.remove();
 					tableFixStyleEl = null;
@@ -3539,7 +3513,7 @@ window.__ModuleLoader__.load({
 			}
 			if (!tableFixStyleEl.isConnected) document.head.appendChild(tableFixStyleEl);
 		}
-		/** Re-derive the conversation view cards from the current config. */
+		/** Re-derive the conversation view card from the current config. */
 		function applyViewCards(fade = false) {
 			discoverParts();
 			if (centerEl === null) return;
@@ -3548,31 +3522,26 @@ window.__ModuleLoader__.load({
 			VIEW_CARDS.forEach((spec, i) => {
 				const target = discoverViewTarget(i, spec);
 				if (target === null) return;
-				const plain = spec.plain === true;
 				const opacity = spec.opacity();
-				const blurPx = spec.blur();
-				if (!plain) {
-					if (!target.hasAttribute(spec.mark)) stashCardPrev(target, spec.prev, false);
-					const borderAlpha = opacity > 0 ? Math.min(1, opacity * 1.5) : blurPx > 0 ? .35 : 0;
-					target.style.transition = transition;
-					target.style.background = surface !== void 0 ? withAlpha(surface, opacity) : "transparent";
-					target.style.border = surface !== void 0 ? `1px solid ${withAlpha(surface, borderAlpha)}` : "1px solid transparent";
-					target.style.borderRadius = "16px";
-					target.style.padding = "18px";
-				}
+				if (!target.hasAttribute(spec.mark)) stashCardPrev(target, spec.prev);
+				const borderAlpha = opacity > 0 ? Math.min(1, opacity * 1.5) : 0;
+				target.style.transition = transition;
+				target.style.background = surface !== void 0 ? withAlpha(surface, opacity) : "transparent";
+				target.style.border = surface !== void 0 ? `1px solid ${withAlpha(surface, borderAlpha)}` : "1px solid transparent";
+				target.style.borderRadius = "16px";
+				target.style.padding = "18px";
 				target.setAttribute(spec.mark, "1");
-				setBlur(target, blurPx);
 			});
 			syncTableFix();
 		}
 		let partsObserver = null;
-		/** Watch for the AppFrame mounting so persisted blurs land even when the shell
-		*  renders after this plugin's apply. */
+		/** Watch for the AppFrame mounting so persisted opacities land even when the
+		*  shell renders after this plugin's apply. */
 		function watchParts() {
 			if (partsObserver !== null || typeof MutationObserver === "undefined") return;
 			partsObserver = new MutationObserver(() => {
-				if (frameEl !== null && sidebarEl !== null && centerEl !== null && detailsEl !== null && document.body.contains(frameEl) && viewTargets.every((el) => el !== null && document.body.contains(el))) return;
-				applyPartBlurs(rBlurs());
+				if (frameEl !== null && centerEl !== null && detailsEl !== null && document.body.contains(frameEl) && viewTargets.every((el) => el !== null && document.body.contains(el))) return;
+				applyInterfaceParts();
 				applyPartOpacities(rOps());
 			});
 			partsObserver.observe(document.body, {
@@ -3869,11 +3838,34 @@ window.__ModuleLoader__.load({
 			});
 			fadeTimer = window.setTimeout(() => finishFade(idx), plan.durationMs + 160);
 		}
+		/**
+		* The `filter` a wallpaper layer carries, from the active rule's brightness and
+		* blur.
+		*
+		* ONE declaration, because the two are one CSS property: assigning `filter` twice
+		* would leave whichever ran last, so a rule that is both brightened and blurred
+		* would silently lose one of them. Brightness is written first and blur second for
+		* a reason that is visible: blurring a dimmed picture softens the highlights the
+		* dimming just brought down, while dimming an already-blurred one simply darkens
+		* the result — and the order a user reads the sliders in (brightness above blur,
+		* see ModelBgPage) is the order the filter composes in.
+		*
+		* The neutral brightness is LEFT OUT rather than written as `brightness(100%)`.
+		* A layer with neither effect gets `''`, which is what an untouched wallpaper has
+		* always carried, and keeps the layer off the compositor's filter path entirely.
+		*/
+		function wpFilter() {
+			const parts = [];
+			const brightness = rBrightness();
+			if (brightness !== 100) parts.push(`brightness(${brightness}%)`);
+			const blur = rBl();
+			if (blur > 0) parts.push(`blur(${blur}px)`);
+			return parts.join(" ");
+		}
 		function applyWpEffects() {
 			if (wpEl === null || layers === null) return;
 			wpEl.style.opacity = String(rWop());
-			const blur = rBl();
-			const filter = blur > 0 ? `blur(${blur}px)` : "";
+			const filter = wpFilter();
 			layers[0].el.style.filter = filter;
 			layers[1].el.style.filter = filter;
 		}
@@ -3898,8 +3890,7 @@ window.__ModuleLoader__.load({
 			applySettingsOverrides(rSop());
 			applyTrajectoryOverrides(rTrajectoryOpacity());
 			applyRightbarOverrides(rRightbarOpacity());
-			applyPartBlurs(rBlurs());
-			applyViewCards(paletteMoved);
+			applyInterfaceParts(paletteMoved);
 		}
 		function teardownWp() {
 			dropWpContainer();
@@ -3907,16 +3898,14 @@ window.__ModuleLoader__.load({
 			tokenStyleEl?.remove();
 			tokenStyleEl = null;
 			removeViewCards();
+			removePageSurfaces();
 			document.documentElement.removeAttribute(THEMED_ATTR);
 			document.body.style.removeProperty("color-scheme");
 			clearOwnedSurfaces();
 			adoptHostScheme();
 			invalidateHostPalette();
-			document.documentElement.style.removeProperty("--dsh-any-blur-settings");
-			document.documentElement.style.removeProperty("--dsh-any-blur-card-panels");
-			document.documentElement.style.removeProperty("--dsh-any-input-blur");
 			document.documentElement.style.removeProperty("--dsh-any-bg-rightbar");
-			document.documentElement.style.removeProperty("--dsh-any-blur-rightbar");
+			document.documentElement.style.removeProperty("--dsh-any-bg-page");
 			for (const v of Object.values(OPACITY_VARS)) document.documentElement.style.removeProperty(v);
 			if (tokensRaf !== null) {
 				cancelAnimationFrame(tokensRaf);
@@ -3925,10 +3914,6 @@ window.__ModuleLoader__.load({
 			pendingOps = null;
 			tableFixStyleEl?.remove();
 			tableFixStyleEl = null;
-			setBlur(frameEl, 0);
-			setBlur(sidebarEl, 0);
-			setBlur(centerEl, 0);
-			setBlur(detailsEl, 0);
 			stopWatchingParts();
 		}
 		//#endregion
@@ -4407,6 +4392,12 @@ window.__ModuleLoader__.load({
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M11 5.6h1.2M11 8h1.2" })
 			]
 		});
+		/** A whole page of the main slot — a sheet, not one surface on it. */
+		const PageIcon = ({ size, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Glyph, {
+			size,
+			className,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3.6 2.2h5.2l3.6 3.6v8H3.6z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8.8 2.2v3.6h3.6" })]
+		});
 		const ChatIcon = ({ size, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Glyph, {
 			size,
 			className,
@@ -4632,8 +4623,7 @@ window.__ModuleLoader__.load({
 			{
 				opKey: "code",
 				labelKey: "uiOpacityCode",
-				Icon: CodeIcon,
-				noBlur: true
+				Icon: CodeIcon
 			},
 			{
 				opKey: "input",
@@ -4654,10 +4644,15 @@ window.__ModuleLoader__.load({
 				isTrajectory: true,
 				labelKey: "uiTrajectory",
 				Icon: TrajectoryIcon
+			},
+			{
+				isPage: true,
+				labelKey: "uiPage",
+				Icon: PageIcon
 			}
 		];
 		function InterfacePage({ p }) {
-			const { t, setOps, setBlurs, setSop, setRightbarOpacity } = p;
+			const { t, setOps, setSop, setRightbarOpacity } = p;
 			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 },
@@ -4678,94 +4673,77 @@ 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, isRightbar, noBlur } = part;
+					const { labelKey, Icon, isSettings, isChat, isTrajectory, isRightbar, isPage } = part;
 					const opKey = part.opKey;
-					const blurKey = isChat ? "chat" : isTrajectory ? "trajectory" : isRightbar ? "rightbar" : isSettings ? "settings" : noBlur ? null : opKey;
-					const opacity = isChat ? rChatTextOpacity() : isTrajectory ? rTrajectoryOpacity() : isRightbar ? rRightbarOpacity() : isSettings ? rSop() : rOps()[opKey];
+					const opacity = isChat ? rChatTextOpacity() : isTrajectory ? rTrajectoryOpacity() : isRightbar ? rRightbarOpacity() : isPage ? rPageOpacity() : isSettings ? rSop() : rOps()[opKey];
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 						className: "dab-card dab-card-hover dab-rise",
 						style: { "--d": i + 1 },
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dab-part-head",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "dab-part-ico",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { size: 16 })
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "dab-part-name",
-									children: t(labelKey)
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LiveSlider, {
-								label: t("uiOpacity"),
-								min: 0,
-								max: 100,
-								step: 1,
-								def: Math.round(opacity * 100),
-								fmt: (v) => `${v}%`,
-								onInput: (v) => {
-									const op = v / 100;
-									if (isChat) {
-										cfg.chatTextOpacity = op;
-										applyViewCards();
-									} else if (isTrajectory) {
-										cfg.trajectoryOpacity = op;
-										applyTrajectoryOverrides(op);
-									} else if (isRightbar) {
-										cfg.rightbarOpacity = op;
-										applyRightbarOverrides(op);
-									} else if (isSettings) {
-										cfg.settingsOpacity = op;
-										applySettingsOverrides(op);
-									} else {
-										const ops = { ...rOps() };
-										ops[opKey] = op;
-										cfg.opacities = ops;
-										applyCustomTokens(ops);
-									}
-									saveConfig();
-								},
-								onChange: (v) => {
-									const op = v / 100;
-									if (isChat) {
-										cfg.chatTextOpacity = op;
-										applyViewCards();
-										saveConfig();
-									} else if (isTrajectory) {
-										cfg.trajectoryOpacity = op;
-										applyTrajectoryOverrides(op);
-										saveConfig();
-									} else if (isRightbar) setRightbarOpacity(op);
-									else if (isSettings) setSop(op);
-									else {
-										const ops = { ...rOps() };
-										ops[opKey] = op;
-										setOps(ops);
-									}
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dab-part-head",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dab-part-ico",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { size: 16 })
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dab-part-name",
+								children: t(labelKey)
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LiveSlider, {
+							label: t("uiOpacity"),
+							min: 0,
+							max: 100,
+							step: 1,
+							def: Math.round(opacity * 100),
+							fmt: (v) => `${v}%`,
+							onInput: (v) => {
+								const op = v / 100;
+								if (isChat) {
+									cfg.chatTextOpacity = op;
+									applyViewCards();
+								} else if (isTrajectory) {
+									cfg.trajectoryOpacity = op;
+									applyTrajectoryOverrides(op);
+								} else if (isRightbar) {
+									cfg.rightbarOpacity = op;
+									applyRightbarOverrides(op);
+								} else if (isPage) {
+									cfg.pageOpacity = op;
+									applyPageSurfaces();
+								} else if (isSettings) {
+									cfg.settingsOpacity = op;
+									applySettingsOverrides(op);
+								} else {
+									const ops = { ...rOps() };
+									ops[opKey] = op;
+									cfg.opacities = ops;
+									applyCustomTokens(ops);
 								}
-							}),
-							blurKey !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LiveSlider, {
-								label: t("uiBlur"),
-								min: 0,
-								max: 60,
-								step: 1,
-								def: rBlurs()[blurKey],
-								fmt: (v) => `${v}px`,
-								onInput: (v) => {
-									const blurs = { ...rBlurs() };
-									blurs[blurKey] = v;
-									cfg.blurs = blurs;
-									setPartBlur(blurKey, v);
+								saveConfig();
+							},
+							onChange: (v) => {
+								const op = v / 100;
+								if (isChat) {
+									cfg.chatTextOpacity = op;
+									applyViewCards();
 									saveConfig();
-								},
-								onChange: (v) => {
-									const blurs = { ...rBlurs() };
-									blurs[blurKey] = v;
-									setBlurs(blurs);
+								} else if (isTrajectory) {
+									cfg.trajectoryOpacity = op;
+									applyTrajectoryOverrides(op);
+									saveConfig();
+								} else if (isRightbar) setRightbarOpacity(op);
+								else if (isPage) {
+									cfg.pageOpacity = op;
+									applyPageSurfaces();
+									saveConfig();
+								} else if (isSettings) setSop(op);
+								else {
+									const ops = { ...rOps() };
+									ops[opKey] = op;
+									setOps(ops);
 								}
-							})
-						]
-					}, blurKey ?? opKey);
+							}
+						})]
+					}, opKey ?? labelKey);
 				})
 			})] });
 		}
@@ -6478,6 +6456,15 @@ window.__ModuleLoader__.load({
 											fmt: (v) => `${v}%`,
 											onChange: (v) => p.setRule(rule.id, { wallpaperOpacity: v / 100 })
 										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LiveSlider, {
+											label: t("ruleBrightness"),
+											min: 0,
+											max: 200,
+											step: 1,
+											def: rule.brightness ?? 100,
+											fmt: (v) => `${v}%`,
+											onChange: (v) => p.setRule(rule.id, { brightness: v })
+										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LiveSlider, {
 											label: t("ruleBlur"),
 											min: 0,
@@ -7383,7 +7370,7 @@ window.__ModuleLoader__.load({
 			const styleEl = document.createElement("style");
 			styleEl.dataset.plugin = "dsh-background-by-model";
 			markOwnSheet(styleEl);
-			styleEl.textContent = `body[data-ds-dark-theme="${OWN_SCHEME}"]::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}${TRAJECTORY_STYLE_RULE}${RIGHTBAR_STYLE_RULE}${INPUT_BLUR_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="${OWN_SCHEME}"]::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}${TRAJECTORY_STYLE_RULE}${RIGHTBAR_STYLE_RULE}${PAGE_STYLE_RULE}${INPUT_STYLE_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);
@@ -7858,7 +7845,7 @@ window.__ModuleLoader__.load({
 			* left to fail at.
 			*/
 			const applyThemeFile = async (data, wipeFirst) => {
-				if (typeof data.version === "number" && data.version > 6) return false;
+				if (typeof data.version === "number" && data.version > 9) return false;
 				if (typeof data.config !== "object" || data.config === null) return false;
 				if (wipeFirst) {
 					await resetStore();
@@ -8153,12 +8140,6 @@ window.__ModuleLoader__.load({
 						sync();
 						saveConfig();
 					},
-					setBlurs: (blurs) => {
-						cfg.blurs = blurs;
-						applyWp();
-						sync();
-						saveConfig();
-					},
 					setSop: (v) => {
 						cfg.settingsOpacity = v;
 						applySettingsOverrides(v);
@@ -8207,7 +8188,7 @@ window.__ModuleLoader__.load({
 							if (url !== null) images[slot] = url;
 						}
 						const payload = {
-							version: 6,
+							version: 9,
 							exportedAt: (/* @__PURE__ */ new Date()).toISOString(),
 							config: cfg,
 							images