dsh-mpkg-wallpaper 3.15.7 → 3.15.8

package/lib/client.js

@@ -17734,6 +17734,12 @@ html body [data-sidebar-right-panel], html body [data-dockkit-pane], html body [
 	z-index: 12 !important;
 }
 html body [class*="sidebarCol"]:not([data-sidebar-right-panel]) { z-index: 1 !important; }
+/* ②(2026-10-05 真机："设置 → Agent 预设 → 查看，弹出的框被压在设置底下")
+   根因：宿主把设置弹层渲染在**左栏子树里**（真机读数 VOzbGW_overlay[z=2000] 是 pI_x6G_sidebarCol
+   的后代），而上面那条把左栏钉成 z-index:1 ⇒ 连同里面的弹窗一起被困在 z=1 的层叠上下文里，
+   被别的 z=2000 层盖住。⇒ 左栏子树里出现**可见的**宿主弹层/对话框时给左栏打抬升标记；
+   弹层关掉即摘（收纳态"左栏盖右栏"的老问题不受影响）。 */
+html body [data-mpw-side-lift] { z-index: 2500 !important; }
 [role="menu"], [role="listbox"], [role="dialog"], [role="tooltip"],
 [class*="_popover"], [class*="_dropdown"], [class*="_selectMenu"], [class*="_menu_"],
 [data-radix-popper-content-wrapper], [data-dsh-popover] {
@@ -24845,31 +24851,6 @@ body[data-mpw-modal] [role="dialog"] {
 				return r.width * r.height <= 0.4 * vw * vh && r.height <= vh * 0.9;
 			} catch (e) { return false; }
 		}
-		function mpwTagPopoverBg() {
-			let list = null;
-			try { list = document.querySelectorAll(MPW_POP_TAG_SEL); } catch (e) { return; }
-			if (!list) return;
-			for (let i = 0; i < list.length; i++) {
-				const el = list[i];
-				let need = false;
-				try {
-					const cls = (typeof el.className === "string") ? el.className : "";
-					if (!MPW_POP_TAG_NOT.test(cls)) {
-						const cs = getComputedStyle(el);
-						if (cs && cs.display !== "none" && cs.visibility !== "hidden"
-							&& /blur\(/.test(String(cs.backdropFilter || cs.webkitBackdropFilter || ""))) {
-							const a = mpwColorAlpha(cs.backgroundColor);
-							if (a < 0.05) need = !mpwPopHasPaintedAncestor(el);
-							else if (a >= 0.999) need = mpwPopIsFloating(el);
-						}
-					}
-				} catch (e) { need = false; }
-				try {
-					if (need) { if (!el.hasAttribute("data-mpw-pop-bg")) el.setAttribute("data-mpw-pop-bg", ""); }
-					else if (el.hasAttribute("data-mpw-pop-bg")) el.removeAttribute("data-mpw-pop-bg");
-				} catch (e) {}
-			}
-		}
 		/* ②(2026-10-04 真机："右侧边栏比左栏/标题栏更白"）**嵌套表面只画最外层**：
 		   右栏/dock 家族是互相嵌套的（真机读数：两个命中元素的 rect 只差 1px），把同一枚半透明表面色
 		   刷在两层上 ⇒ 合成不透明度 1-(1-a)²（a=0.55 时 0.80）≈ 一块近白板；左栏只有一个匹配元素，
@@ -24909,62 +24890,85 @@ body[data-mpw-modal] [role="dialog"] {
 			} catch (e) { return 0 }
 		}
 
-		function mpwTagPopoverBg() {
-			let list = null;
-			try { list = document.querySelectorAll(MPW_POP_TAG_SEL); } catch (e) { return; }
-			if (!list) return;
-			for (let i = 0; i < list.length; i++) {
-				const el = list[i];
-				let need = false;
-				try {
-					const cls = (typeof el.className === "string") ? el.className : "";
-					if (!MPW_POP_TAG_NOT.test(cls)) {
-						const cs = getComputedStyle(el);
-						if (cs && cs.display !== "none" && cs.visibility !== "hidden"
-							&& /blur\(/.test(String(cs.backdropFilter || cs.webkitBackdropFilter || ""))) {
-							const a = mpwColorAlpha(cs.backgroundColor);
-							if (a < 0.05) need = !mpwPopHasPaintedAncestor(el);
-							else if (a >= 0.999) need = mpwPopIsFloating(el);
-						}
-					}
-				} catch (e) { need = false; }
-				try {
-					if (need) { if (!el.hasAttribute("data-mpw-pop-bg")) el.setAttribute("data-mpw-pop-bg", ""); }
-					else if (el.hasAttribute("data-mpw-pop-bg")) el.removeAttribute("data-mpw-pop-bg");
-				} catch (e) {}
-			}
-		}
-		/* ②(2026-10-04 真机："右侧边栏比左栏/标题栏更白"）**嵌套表面只画最外层**：
-		   右栏/dock 家族是互相嵌套的（真机读数：两个命中元素的 rect 只差 1px），把同一枚半透明表面色
-		   刷在两层上 ⇒ 合成不透明度 1-(1-a)²（a=0.55 时 0.80）≈ 一块近白板；左栏只有一个匹配元素，
-		   于是"左栏灰、右栏白"。这里按**结构**（有没有同样命中的祖先）给最外层打
-		   `data-mpw-rs-surface`，CSS 只认这个标记（与 `data-mpw-holds-layer` 同一手法）。
-		   幂等、无布局读取（只用 matches/parentElement），可随突变跑。 */
-				function mpwTagSurfaceOuter() {
+		/* ②(2026-10-05 真机："刚展开是白色的不透明背景，过一会儿才切换"）——**同步快路**：
+		   弹层插进 DOM 的那一刻就判定并打标（在同一个 mutation 回调里，早于下一帧绘制），不再等
+		   rAF 合并 + 闸门（那条路最坏 ~400ms，用户看到的就是"先白、过一会儿才变"）。
+		   只处理本次**新增子树**里的候选（与弹层数量同阶），不做全文档扫描。 */
+		/* ②(2026-10-05) 左栏里出现"可见的宿主弹层/对话框" ⇒ 给左栏打抬升标记（见上面 CSS 注释）。
+		   只读结构 + 尺寸，弹层关掉同一趟里摘掉；与弹层标记共用同一批触发点。 */
+		const MPW_OVERLAY_SEL = '[class*="_overlay"], [class*="_modal"], [role="dialog"], [role="alertdialog"]';
+		function mpwSideLiftSync() {
 			try {
-				const all = Array.from(document.querySelectorAll(MPW_RS_FAMILY));
-				if (!all.length) return 0;
-				const set = new Set(all);
-				/* 真机读数：DSH 右栏面板与 dockkit 面板/标签条**互相重叠**（rect 只差 1~2px）却不在同一条
-				   祖先链上 ⇒ 只按"有没有命中祖先"判不出重叠，两层 55% 会合成 ~80%（用户看到的"更白"）。
-				   判据：DSH 自己的右栏面板在场时，dock 子件一律不刷（它们显示的就是那块面板的表面）；
-				   只有"没有右栏面板、只有 dock"的布局（better-sidebar 底部工作台等）才由 dock 自己承担。 */
-				const panel = document.querySelector('[data-sidebar-right-panel]');
-				const isDock = (el) => { try { return el.matches('[data-dockkit-pane], [data-dockkit-strip], [data-dockkit-surface], [data-dockkit-float]') } catch (e) { return false } };
+				const sides = Array.from(document.querySelectorAll('[class*="sidebarCol"]:not([data-sidebar-right-panel])'));
+				if (!sides.length) return 0;
 				let changed = 0;
-				for (const el of all) {
-					let inner = false;
-					for (let p = el.parentElement, i = 0; p && i < 40; p = p.parentElement, i++) { if (set.has(p)) { inner = true; break } }
-					const coveredByPanel = !!(panel && panel !== el && isDock(el));
-					const want = !inner && !coveredByPanel;
-					const has = el.hasAttribute("data-mpw-rs-surface");
-					if (want && !has) { try { el.setAttribute("data-mpw-rs-surface", ""); changed++ } catch {} }
-					else if (!want && has) { try { el.removeAttribute("data-mpw-rs-surface"); changed++ } catch {} }
+				for (const side of sides) {
+					let want = false;
+					for (const dlg of Array.from(side.querySelectorAll(MPW_OVERLAY_SEL))) {
+						try {
+							const cs = getComputedStyle(dlg);
+							if (cs.position !== "fixed" || cs.display === "none" || cs.visibility === "hidden") continue;
+							if (Number(cs.opacity) === 0) continue;
+							const r = dlg.getBoundingClientRect();
+							if (r.width <= 0 || r.height <= 0) continue;
+							want = true; break;
+						} catch (e) { /* 单个读不到就跳过 */ }
+					}
+					const has = side.hasAttribute("data-mpw-side-lift");
+					if (want && !has) { try { side.setAttribute("data-mpw-side-lift", ""); changed++ } catch (e) {} }
+					else if (!want && has) { try { side.removeAttribute("data-mpw-side-lift"); changed++ } catch (e) {} }
 				}
 				return changed;
 			} catch (e) { return 0 }
 		}
 
+		function mpwTagPopoverFast(records) {
+			try {
+				let n = 0;
+				for (const rec of (records || [])) {
+					for (const node of (rec.addedNodes || [])) {
+						if (!node || node.nodeType !== 1) continue;
+						const cands = [];
+						try {
+							if (node.matches && node.matches(MPW_POP_TAG_SEL)) cands.push(node);
+							if (node.querySelectorAll) { const subs = node.querySelectorAll(MPW_POP_TAG_SEL); for (let i = 0; i < subs.length && i < 40; i++) cands.push(subs[i]); }
+						} catch (e) {}
+						for (const el of cands) { if (mpwTagOnePopover(el)) n++; }
+					}
+				}
+				try { mpwSideLiftSync(); } catch (e) {}
+				if (n) { try { mpwPopUntruncSync(); } catch (e) {} }
+				return n;
+			} catch (e) { return 0 }
+		}
+		/** 单个元素：该不该有我们的兜底底；返回是否发生了变化。 */
+		function mpwTagOnePopover(el) {
+			let need = false;
+			try {
+				const cls = (typeof el.className === "string") ? el.className : "";
+				if (!MPW_POP_TAG_NOT.test(cls)) {
+					const cs = getComputedStyle(el);
+					if (cs && cs.display !== "none" && cs.visibility !== "hidden"
+						&& /blur\(/.test(String(cs.backdropFilter || cs.webkitBackdropFilter || ""))) {
+						const a = mpwColorAlpha(cs.backgroundColor);
+						if (a < 0.05) need = !mpwPopHasPaintedAncestor(el);
+						else if (a >= 0.999) need = mpwPopIsFloating(el);
+					}
+				}
+			} catch (e) { need = false; }
+			try {
+				if (need) { if (!el.hasAttribute("data-mpw-pop-bg")) { el.setAttribute("data-mpw-pop-bg", ""); return true } }
+				else if (el.hasAttribute("data-mpw-pop-bg")) { el.removeAttribute("data-mpw-pop-bg"); return true }
+			} catch (e) {}
+			return false;
+		}
+		function mpwTagPopoverBg() {
+			let list = null;
+			try { list = document.querySelectorAll(MPW_POP_TAG_SEL); } catch (e) { return; }
+			if (!list) return;
+			for (let i = 0; i < list.length; i++) mpwTagOnePopover(list[i]);
+		}
+
 		/* ①(P3 修复 2026-10-03) 弹层玻璃的 backdrop root 被截断 ⇒ 有半透明、没模糊。
 		   读数与机制（docs/POPOVER-BLUR.md）：挂在宿主输入框卡片（uV2eYG_card，backdrop-filter:
 		   blur(14px)）子树里的弹层，其 backdrop root 被卡片截断 ⇒ 弹层自己的 blur(11px) 只能采样
@@ -24992,12 +24996,25 @@ body[data-mpw-modal] [role="dialog"] {
 				const surfaces = document.querySelectorAll("[data-mpw-pop-bg]");
 				const targets = new Set();
 				const truncated = new Set();
+				const markedNow = Array.from(document.querySelectorAll("[data-mpw-pop-untrunc]"));
 				for (let i = 0; i < surfaces.length; i++) {
 					const el = surfaces[i];
 					let cs = null;
 					try { cs = getComputedStyle(el) } catch (e) {}
 					/* 硬前提（与 mpwTagPopoverBg 同口径）：我们真的给了模糊才值得摘祖先的截断 */
 					if (!cs || !cs.backdropFilter || String(cs.backdropFilter).indexOf("blur") < 0) continue;
+					/* ②(2026-10-05 抖动修复) **已经摘过、且仍在这条祖先链上**的祖先，弹层没关就一直保持：
+					   摘掉之后它自己就没有 blur 了，若每轮都重新"找第一个带 blur 的祖先"，下一轮就找不到它
+					   ⇒ 属性被当陈旧标记摘掉 ⇒ blur 又回来 ⇒ 摘/还原来回抖（真机现象：同一个菜单时好时坏）。 */
+					let kept = false;
+					for (const mEl of markedNow) {
+						if (mEl === el) continue;
+						let onChain = false;
+						/* 用 parentElement 走链（不用 contains：桩 DOM/老引擎上不一定有） */
+						for (let q = el.parentElement, k = 0; q && k < 40; q = q.parentElement, k++) { if (q === mEl) { onChain = true; break } }
+						if (onChain) { targets.add(mEl); kept = true; break }
+					}
+					if (kept) continue;
 					let blockedByGlass = false;
 					for (let p = el.parentElement, n = 0; p && p !== document.body && p !== document.documentElement && n < 12; p = p.parentElement, n++) {
 						let acs = null;
@@ -25008,13 +25025,21 @@ body[data-mpw-modal] [role="dialog"] {
 						   它是用户能看到的那层模糊（真机现场：子代理展开框/输入框卡片被我们摘掉 blur 之后
 						   "模糊背景没有了"——正是之前夸过的那处效果）。判据 = 它有可见底色（α ≥ 0.05）。
 						   这种情况下改为把**弹层自己的表面做实在**（不能糊到页面背后，就别假装是玻璃）。 */
-						if (mpwColorAlpha(acs.backgroundColor) >= 0.05) { blockedByGlass = true; break }
+						/* ②(2026-10-05 真机复核) 判据收紧到"**它自己也是我们管的弹层表面**"：
+						   子代理展开框/后台任务面板这类"用户正在看的面板"本身就在我们的弹层表面集合里
+						   ⇒ 摘它的 blur = 把用户看得见的那层玻璃删掉（真机回归）。
+						   而输入框卡片 `uV2eYG_card`（有底、有 blur，但**不是**弹层表面）只是"碰巧挡在
+						   弹层前面的包装" ⇒ 摘掉它的 blur 换来弹层真模糊，代价是"菜单打开期间它自己不糊"。
+						   真机读数支持这条：四个弹层里只有 body 下的模型选择器有模糊，另三个全被卡片截断。 */
+						let ancestorIsSurface = false;
+						try { ancestorIsSurface = p.matches(MPW_POP_TAG_SEL) } catch (e) {}
+						if (mpwColorAlpha(acs.backgroundColor) >= 0.05 && ancestorIsSurface) { blockedByGlass = true; break }
 						targets.add(p);
 						break;
 					}
 					if (blockedByGlass) truncated.add(el);
 				}
-				const stale = document.querySelectorAll("[data-mpw-pop-untrunc]");
+				const stale = markedNow;
 				for (let i = 0; i < stale.length; i++) { const el = stale[i]; if (!targets.has(el)) { try { el.removeAttribute("data-mpw-pop-untrunc") } catch (e) {} } }
 				for (const el of targets) { if (!el.hasAttribute("data-mpw-pop-untrunc")) { try { el.setAttribute("data-mpw-pop-untrunc", "") } catch (e) {} } }
 				/* 被"有底的玻璃祖先"挡住的那批：标记在**弹层自己**身上（绝不碰宿主元素），由 CSS 给实底 */
@@ -25069,12 +25094,15 @@ body[data-mpw-modal] [role="dialog"] {
 					   之后面板出现就变成两层（真机读数：dockPane/dockStrip 仍是 0.55）。
 					   这里与弹层标记共用同一个 rAF 合并的入口（要素很少，代价可忽略）。 */
 					try { mpwTagSurfaceOuter(); } catch (e) {}
+					try { mpwSideLiftSync(); } catch (e) {}
 					/* ①(P3) 弹层开着 ⇒ 摘截断祖先的 blur；关了 ⇒ 还原（同一入口，随突变重算） */
 					try { mpwPopUntruncSync(); } catch (e) {}
 				} catch (e) {}
 			};
 			try {
-				popTagWatch = new MutationObserver(() => {
+				popTagWatch = new MutationObserver((records) => {
+					/* 同步快路：新增的弹层当场判定打标（消灭"先白后变"的过渡态） */
+					try { mpwTagPopoverFast(records); } catch (e) {}
 					if (praf) return;
 					try { praf = (typeof requestAnimationFrame === "function") ? requestAnimationFrame(prun) : setTimeout(prun, 16); }
 					catch (e) { prun(); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-mpkg-wallpaper",
-  "version": "3.15.7",
+  "version": "3.15.8",
   "description": "DSH Web 壁纸引擎 Wallpaper Engine mpkg 背景插件：浏览器内直接解析 .mpkg（preview.gif 动态背景/内嵌 mp4 视频/多时段切换），整屏统一虚化/对话框/弹层/遮罩独立虚化、镜头缩放平移、时钟、冲突检测。",
   "private": false,
   "type": "module",