dsh-mpkg-wallpaper 3.15.9 → 3.16.1

package/lib/client.js

@@ -17740,7 +17740,12 @@ html body [class*="sidebarCol"]:not([data-sidebar-right-panel]) { z-index: 1 !im
    被别的 z=2000 层盖住。⇒ 左栏子树里出现**可见的**宿主弹层/对话框时给左栏打抬升标记；
    弹层关掉即摘（收纳态"左栏盖右栏"的老问题不受影响）。 */
 html body [data-mpw-side-lift] { z-index: 2500 !important; }
-[role="menu"], [role="listbox"], [role="dialog"], [role="tooltip"],
+/* ②(2026-10-05 真机定案续) 把 role=dialog 从这里拿掉：宿主的"设置"面板自己就带
+   role=dialog aria-modal（真机读数 VOzbGW_panel），把它钉到 3000 之后，宿主自己的对话框
+   （挂在 z-index:1000 的 portal root 里）永远追不上 ⇒ "设置里点查看，弹窗被压在设置底下、点不到"。
+   这里只保留**小浮层**（菜单/列表/提示/下拉）——它们需要压过面板才点得到；
+   面板/对话框的层级一律交还宿主自己的次序。我们自己的弹窗（.mpw_dialog）由上面的规则单独抬。 */
+[role="menu"], [role="listbox"], [role="tooltip"],
 [class*="_popover"], [class*="_dropdown"], [class*="_selectMenu"], [class*="_menu_"],
 [data-radix-popper-content-wrapper], [data-dsh-popover] {
 	z-index: 3000 !important;
@@ -17791,8 +17796,14 @@ html body:has([class*="_overlayLayer"]) [class*="_floatHeader_"],
 html body:has([class*="_overlay"]) [class*="_floatHeader_"] {
 	z-index: auto !important;
 }
-/* 设置/弹层本身必须最高（含其内部下拉），保证可点可选 */
-html body [class*="_overlayLayer"], html body [class*="_overlay"], html body [class*="_modal"], html body [role="dialog"] {
+/* 设置/弹层本身的层级：**只抬我们自己的弹窗，不重钉宿主自己的 overlay**。
+   ②(2026-10-05 真机定案："设置 → Agent 预设 → 查看，弹窗被压在设置底下；把壁纸/插件关掉就正常了")
+   根因就是这一条：旧写法把宿主的设置弹层（VOzbGW_overlay）一起钉成 z-index:2000，而宿主自己的
+   对话框挂在 portal root（position:fixed, z-index:1000）里 —— 层叠上下文一盖，里面的 dialog
+   再高也只能到 1000 ⇒ 永远被设置弹层压住、点不到（真机打印的祖先链：dialog → _root_w1urq_2
+   [z=1000] → BODY）。插件一关就没这条规则 ⇒ 宿主的自然次序恢复 ⇒ 弹窗正常在上面。
+   ⇒ 这里只保留我们自己的面板/弹窗类，宿主的 _overlay / _overlayLayer 一律交还宿主自己的层级。 */
+html body [class*="_modal"], html body .mpw_dialog {
 	z-index: 2000 !important;
 }
 /* 设置/对话弹层本身不做玻璃（避免 backdrop-filter 变成下拉的 containing block）。
@@ -18124,6 +18135,9 @@ html body [data-mpw-pop-bg] { background-color: var(--mpw-pop-surface) !importan
    与其"半透明却没模糊"（真机被读成"只有白色滤镜"），不如**做实在**——表面不透明度抬到 88%，
    并把 backdrop-filter 撤掉（白算一遍）。注意：只动我们自己的标记属性，宿主元素一个都不碰。 */
 html body [data-mpw-pop-trunc] { background-color: color-mix(in srgb, var(--dsw-specific-sidebar-fill) 88%, transparent) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
+/* ②(2026-10-05) 处在包装容器里的弹层：玻璃由**根级模糊层**提供（见 lib 里的 mpwPopGlassApply），
+   弹层自己保持半透明表面、不再白算一次 backdrop-filter（它那层的 root 被祖先截断，算了也看不见）。 */
+html body [data-mpw-pop-glass] { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
 html body[data-ds-dark-theme] [data-mpw-pop-bg] { background-color: var(--mpw-pop-surface-dark) !important; }
 [role="menu"] [class*="card"],
 [role="tooltip"] [class*="card"] {
@@ -24813,6 +24827,9 @@ body[data-mpw-modal] [role="dialog"] {
 			} catch { sblurObserver = null; }
 			// 窗口尺寸变化会让"近全屏"阈值与面板 rect 都变（父对话的真机判据就带视口切换）⇒ 一并重算
 			try { window.addEventListener("resize", recheck); } catch {}
+			/* ②(2026-10-05) 根级模糊层是 fixed 定位、按弹层 rect 对齐的 ⇒ 滚动/缩放时必须重贴 */
+			try { window.addEventListener("scroll", () => { try { mpwPopGlassApply() } catch (e) {} }, true); } catch {}
+			try { window.addEventListener("resize", () => { try { mpwPopGlassApply() } catch (e) {} }); } catch {}
 			check();
 		}
 
@@ -24997,142 +25014,106 @@ body[data-mpw-modal] [role="dialog"] {
 		   （`[data-mpw-pop-untrunc] { backdrop-filter: none !important; }`）——只在弹层开着期间生效，
 		   弹层关闭（无已标记表面）即摘属性、撤规则元素，宿主逐字还原。代价：属性表 + 一次
 		   querySelectorAll，挂在 prun（已 rAF 合并 + mpwHeavyGate 闸门）里，不开新观察器。 */
-		let popUntruncStyleEl = null;
-		function mpwPopUntruncStyle() {
-			if (!popUntruncStyleEl || popUntruncStyleEl.isConnected === false) {
-				popUntruncStyleEl = document.createElement("style");
-				popUntruncStyleEl.setAttribute("data-plugin", "dsh-mpkg-wallpaper");
-				popUntruncStyleEl.setAttribute("data-mpw-pop-untrunc-style", "");
-				popUntruncStyleEl.textContent = "[data-mpw-pop-untrunc] { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }";
-				(document.head || document.documentElement).appendChild(popUntruncStyleEl);
-			}
-			return popUntruncStyleEl;
+		/* ②(2026-10-05 设计收口) 三类弹层，三条路（宿主元素一个都不碰）：
+		     A. 没有模糊祖先（典型：挂在 body 下的模型/推理选择器）⇒ 我们自己的 58% 表面 + 自己的 blur；
+		     B. 祖先里有模糊、且那个祖先是**已知包装容器**（输入框卡片一类）⇒ 弹层打 `data-mpw-pop-glass`，
+		        由 `mpwPopGlassApply()` 在**根级**垫一层对齐矩形的模糊层（backdrop root = 整页），
+		        包装容器照旧保留自己的磨砂 —— 用户明确要求"弹层要模糊、输入框的模糊也不能没"；
+		     C. 祖先里有模糊、但那不是包装容器（用户正在看的面板，例如子代理展开框）⇒ 什么都不摘，
+		        给弹层打 `data-mpw-pop-trunc`（88% 实底）：糊不到页面背后，就不假装是玻璃。 */
+		/* ②(2026-10-05) 「根级模糊层」：给"处在包装容器里、自己的 backdrop 被截断"的弹层垫一层
+		   挂在 body 下的模糊层（backdrop root = 整页），位置/圆角跟着弹层走。宿主元素一个都不碰。 */
+		const popGlassLayers = new WeakMap();
+		const popGlassNodes = new Set();        // 需要清理（弹层已卸载/已摘标记）时按它遍历
+		function mpwPopGlassApply() {
+			try {
+				const blur = (() => { try { return getComputedStyle(document.body).getPropertyValue("--mpw-pop-blur").trim() || "blur(11px)" } catch (e) { return "blur(11px)" } })();
+				for (const el of Array.from(document.querySelectorAll("[data-mpw-pop-glass]"))) {
+					let layer = popGlassLayers.get(el) || null;
+					if (!layer || !layer.isConnected) {
+						layer = document.createElement("div");
+						layer.setAttribute("data-plugin", "dsh-mpkg-wallpaper");
+						layer.setAttribute("data-mpw-pop-glass-layer", "");
+						layer.style.cssText = "position:fixed;pointer-events:none;z-index:4;border-radius:12px;";
+						(document.body || document.documentElement).appendChild(layer);
+						popGlassLayers.set(el, layer);
+						popGlassNodes.add(el);
+					}
+					const r = el.getBoundingClientRect();
+					let radius = "12px";
+					try { const cs = getComputedStyle(el); if (cs.borderTopLeftRadius && cs.borderTopLeftRadius !== "0px") radius = cs.borderTopLeftRadius } catch (e) {}
+					if (r.width < 2 || r.height < 2) { layer.style.display = "none"; continue }
+					layer.style.display = "block";
+					layer.style.left = Math.round(r.left) + "px";
+					layer.style.top = Math.round(r.top) + "px";
+					layer.style.width = Math.round(r.width) + "px";
+					layer.style.height = Math.round(r.height) + "px";
+					layer.style.borderRadius = radius;
+					layer.style.backdropFilter = blur;
+					layer.style.webkitBackdropFilter = blur;
+				}
+				/* ②(2026-10-05) 清理要按**层自己**的账走：弹层正常关闭时元素会被 React 从 DOM 摘掉，
+				   那时 `[data-mpw-pop-bg]` 已经查不到它 —— 只按查询清理会**留层泄漏**（真机上会累积一堆
+				   隐形 fixed 层）。所以：surface 已断开 / 已不是 glass / 已摘标记 ⇒ 撤层。 */
+				for (const el of Array.from(popGlassNodes)) {
+					const layer = popGlassLayers.get(el);
+					const alive = el.isConnected !== false && el.hasAttribute && el.hasAttribute("data-mpw-pop-glass") && el.hasAttribute("data-mpw-pop-bg");
+					if (alive) continue;
+					if (layer && layer.parentElement) { try { layer.remove() } catch (e) {} }
+					popGlassLayers.delete(el);
+					popGlassNodes.delete(el);
+				}
+			} catch (e) {}
 		}
-		function mpwPopUntruncSync() {
+		/* 判据出口（tools/popover-glass-test.mjs 直接用） */
+		try {
+			globalThis.__mpwPopUntruncTest = {
+				sync: () => mpwPopClassifySync(),
+				/* 用 body 的子节点数（根级层就挂在 body 下）——比属性选择器更稳，桩/真机都对 */
+				glassCount: () => Array.from(((document.body || document.documentElement).children) || []).filter((e) => e && e.hasAttribute && e.hasAttribute("data-mpw-pop-glass-layer")).length,
+				truncCount: () => document.querySelectorAll("[data-mpw-pop-trunc]").length,
+			};
+		} catch (e) {}
+
+		function mpwPopClassifySync() {
 			try {
 				const surfaces = document.querySelectorAll("[data-mpw-pop-bg]");
-				const targets = new Set();
+				const glasses = 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;
-					/* ②(2026-10-05 审查建议) 只在弹层**真的压在这个祖先上面**（矩形相交）时才考虑摘：
-					   菜单飘在屏幕另一头时摘它纯属白丢磨砂，还平白制造一次重绘。 */
-					const ownRect = (() => { try { return el.getBoundingClientRect() } catch (e) { return null } })();
 					for (let p = el.parentElement, n = 0; p && p !== document.body && p !== document.documentElement && n < 12; p = p.parentElement, n++) {
 						let acs = null;
 						try { acs = getComputedStyle(p) } catch (e) { break }
 						const ablur = acs && acs.backdropFilter && acs.backdropFilter !== "none" && String(acs.backdropFilter).indexOf("blur") >= 0;
 						if (!ablur) continue;
-						/* ②(2026-10-05 真机回归) **祖先自己是"看得见的玻璃板"时绝不动它**：
-						   它是用户能看到的那层模糊（真机现场：子代理展开框/输入框卡片被我们摘掉 blur 之后
-						   "模糊背景没有了"——正是之前夸过的那处效果）。判据 = 它有可见底色（α ≥ 0.05）。
-						   这种情况下改为把**弹层自己的表面做实在**（不能糊到页面背后，就别假装是玻璃）。 */
-						/* ②(2026-10-05 真机复核) 判据收紧到"**它自己也是我们管的弹层表面**"：
-						   子代理展开框/后台任务面板这类"用户正在看的面板"本身就在我们的弹层表面集合里
-						   ⇒ 摘它的 blur = 把用户看得见的那层玻璃删掉（真机回归）。
-						   而输入框卡片 `uV2eYG_card`（有底、有 blur，但**不是**弹层表面）只是"碰巧挡在
-						   弹层前面的包装" ⇒ 摘掉它的 blur 换来弹层真模糊，代价是"菜单打开期间它自己不糊"。
-						   真机读数支持这条：四个弹层里只有 body 下的模型选择器有模糊，另三个全被卡片截断。 */
-						try {
-							if (ownRect && ownRect.width > 0 && ownRect.height > 0) {
-								const pr = p.getBoundingClientRect();
-								const overlap = pr.width > 0 && pr.height > 0
-									&& ownRect.left < pr.right && ownRect.right > pr.left
-									&& ownRect.top < pr.bottom && ownRect.bottom > pr.top;
-								if (!overlap) continue;          // 没压住它 ⇒ 不动它的 blur
-							}
-						} catch (e) { /* 量不到就按"压住"处理（保守：保功能） */ }
-						let ancestorIsSurface = false;
-						try { ancestorIsSurface = p.matches(MPW_POP_TAG_SEL) } catch (e) {}
-						if (ancestorIsSurface) { blockedByGlass = true; break }
-						/* ②(2026-10-05 审查后收紧) **只摘"已知包装容器"的 blur**：真机定案的截断者只有一类 ——
-						   输入框卡片这类"碰巧挡在弹层前面的包装"（类名含 `_card` / `composer` / `overlayAnchor`）。
-						   其余任何带 blur 的祖先（标题栏里的子代理展开框、后台任务面板、别的宿主面板）**一律不碰**：
-						   它们是用户**正在看**的玻璃，摘掉就是"效果没了"（真机已因此报过一次）。
-						   代价：包在未知面板里的弹层保持"半透明无模糊"——这是**保守但不会破坏用户看得见的东西**的一侧。 */
-						let strippableWrap = false;
-						try { strippableWrap = /(_card|composer|overlayAnchor|_seat|_stack)/i.test(String(p.className || "")) } catch (e) {}
-						if (!strippableWrap) { blockedByGlass = true; break }
-						targets.add(p);
+						let isSurface = false;
+						try { isSurface = p.matches(MPW_POP_TAG_SEL) } catch (e) {}
+						if (isSurface) { truncated.add(el); break }            // C：用户正在看的面板 ⇒ 一个像素都不动
+						let wrap = false;
+						try { wrap = /(_card|composer|overlayAnchor|_seat|_stack)/i.test(String(p.className || "")) } catch (e) {}
+						if (wrap) glasses.add(el);                              // B：已知包装容器 ⇒ 根级模糊层
+						else truncated.add(el);                                 // 未知祖先 ⇒ 保守：实底
 						break;
 					}
-					if (blockedByGlass) truncated.add(el);
-				}
-				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 给实底 */
-				const staleT = document.querySelectorAll("[data-mpw-pop-trunc]");
-				for (let i = 0; i < staleT.length; i++) { const el = staleT[i]; if (!truncated.has(el)) { try { el.removeAttribute("data-mpw-pop-trunc") } catch (e) {} } }
-				for (const el of truncated) { if (!el.hasAttribute("data-mpw-pop-trunc")) { try { el.setAttribute("data-mpw-pop-trunc", "") } catch (e) {} } }
-				if (targets.size) mpwPopUntruncStyle();
-				else if (popUntruncStyleEl && popUntruncStyleEl.parentElement) {
-					/* ②(2026-10-05 审查建议) 撤除也要**瞬时**：宿主若给这些元素写了 transition，
-					   直接撤规则会反向播一次"清晰→磨砂"的可感知跳变。先注入一条"禁过渡 + 保持 none"，
-					   下一帧再真正撤掉。 */
-					try {
-						const kill = document.createElement("style");
-						kill.setAttribute("data-plugin", "dsh-mpkg-wallpaper");
-						kill.setAttribute("data-mpw-pop-untrunc-kill", "");
-						kill.textContent = "[data-mpw-pop-untrunc]{transition:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}";
-						(document.head || document.documentElement).appendChild(kill);
-						setTimeout(() => {
-							try { kill.remove() } catch (e) {}
-							try { if (popUntruncStyleEl && popUntruncStyleEl.parentElement) popUntruncStyleEl.remove() } catch (e) {}
-							popUntruncStyleEl = null;
-						}, 0);
-					} catch (e) {
-						try { popUntruncStyleEl.remove() } catch (e2) {}
-						popUntruncStyleEl = null;
-					}
 				}
-				return targets.size + truncated.size * 1000;   // 千位段 = 被"有底玻璃祖先"挡住、改为实底的弹层数
+				const sync = (attr, want) => {
+					const stale = document.querySelectorAll("[" + attr + "]");
+					for (let i = 0; i < stale.length; i++) { const el = stale[i]; if (!want.has(el)) { try { el.removeAttribute(attr) } catch (e) {} } }
+					for (const el of want) { if (!el.hasAttribute(attr)) { try { el.setAttribute(attr, "") } catch (e) {} } }
+				};
+				sync("data-mpw-pop-glass", glasses);
+				sync("data-mpw-pop-trunc", truncated);
+				mpwPopGlassApply();
+				return glasses.size + truncated.size;
 			} catch (e) { return 0 }
 		}
-		/* ①(P3) 判据出口（tools/popover-untrunc-test.mjs 直接调 sync 断言 打标/还原/硬前提/首截断者）。 */
-		try {
-			globalThis.__mpwPopUntruncTest = {
-				sync: () => mpwPopUntruncSync(),
-				stylePresent: () => !!(popUntruncStyleEl && popUntruncStyleEl.parentElement),
-				killPresent: () => !!document.querySelector("[data-mpw-pop-untrunc-kill]"),
-			};
-		} catch (e) {}
-
-		/* ②(2026-10-05) 探针/判据出口：弹层兜底底标记与"摘截断"两件事可被**手动触发并读回**——
-		   真机排障要能区分"根本没跑"（调度被饿死、observer 没接上）与"跑了但条件不满足"（宿主
-		   自己画了不透明白底/面积超阈值…）。只读+幂等，不改变任何语义。 */
-		try {
-			globalThis.__mpwPopTagTest = {
-				run: () => { try { return mpwTagPopoverBg() } catch (e) { return -1 } },
-				untrunc: () => { try { return mpwPopUntruncSync() } catch (e) { return -1 } },
-				state: (sel) => {
-					try {
-						const el = document.querySelector(sel || "[data-mpw-pop-bg]");
-						if (!el) return null;
-						const cs = getComputedStyle(el);
-						return { cls: String(el.className).slice(0, 60), tag: el.hasAttribute("data-mpw-pop-bg"), bg: cs.backgroundColor, bf: cs.backdropFilter, display: cs.display, vis: cs.visibility };
-					} catch (e) { return null }
-				},
-			};
-		} catch (e) {}
+		/* 旧名保留（多处调用/探针判据在用） */
+		function mpwPopUntruncSync() { return mpwPopClassifySync() }
 
 		function setupPopTagWatch() {
 			if (popTagWatch !== null) return;
@@ -25152,6 +25133,7 @@ body[data-mpw-modal] [role="dialog"] {
 					   这里与弹层标记共用同一个 rAF 合并的入口（要素很少，代价可忽略）。 */
 					try { mpwTagSurfaceOuter(); } catch (e) {}
 					try { mpwSideLiftSync(); } catch (e) {}
+					try { mpwPopGlassApply(); } catch (e) {}
 					/* ①(P3) 弹层开着 ⇒ 摘截断祖先的 blur；关了 ⇒ 还原（同一入口，随突变重算） */
 					try { mpwPopUntruncSync(); } catch (e) {}
 				} catch (e) {}
@@ -25165,6 +25147,19 @@ body[data-mpw-modal] [role="dialog"] {
 					catch (e) { prun(); }
 				});
 				popTagWatch.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ["class", "style", "data-state", "aria-expanded", "hidden"] });
+				/* ②(2026-10-05) **原生 popover API**（`showPopover()`/`hidePopover()`）打开时不改任何属性、
+				   也没有 childList 突变 ⇒ 上面前两条快路都收不到信号（模型/推理选择器就是这种，真机表现为
+				   "打开要等一会儿才有底"）。`toggle` 事件在 capture 阶段能收到（它不冒泡）⇒ 当场补一次判定。 */
+				try {
+					document.addEventListener("toggle", (ev) => {
+						try {
+							const t = ev && ev.target;
+							if (t && t.nodeType === 1) mpwTagOnePopover(t);
+							mpwPopUntruncSync();
+							mpwSideLiftSync();
+						} catch (e) {}
+					}, true);
+				} catch (e) {}
 			} catch { popTagWatch = null; }
 			mpwTagPopoverBg();
 			try { mpwPopUntruncSync(); } catch (e) {}

package/package.json

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