dsh-client-ui-seaglass 1.6.0 → 1.6.1

package/README.en.md

@@ -2,7 +2,7 @@
 
 English | [中文](README.md)
 
-> **Compatibility** — DSH `0.1.2-rc.1` · **Updated** 2026-09-06 · Plugin v1.6.0
+> **Compatibility** — DSH `0.1.2-rc.1` · **Updated** 2026-09-06 · Plugin v1.6.1
 
 Seaglass is a highly customizable glassmorphism theme: it turns many surfaces into frosted-glass panes, and you can use your own images or videos as the backdrop. Switch the theme off and you are back to the stock UI — without changing a single line of DSH source. If you like the theme, feedback and PRs are welcome.
 
@@ -34,5 +34,6 @@ Clone the repo anywhere, then hand the **local folder** straight to `dsh plugin
 
 ```sh
 git clone https://github.com/xiyunyunyun/dsh-client-ui-seaglass.git
+npm install
 dsh plugin --profile web add "C:\\path\\to\\dsh-client-ui-seaglass"    # your actual clone path (absolute path recommended)
 ```

package/README.md

@@ -2,7 +2,7 @@
 
 [English](README.en.md) | 中文
 
-> **适配版本** — DSH `0.1.2-rc.1` · **更新日期** 2026-09-06 · 插件 v1.6.0
+> **适配版本** — DSH `0.1.2-rc.1` · **更新日期** 2026-09-06 · 插件 v1.6.1
 
 Seaglass 是一个高自由度的玻璃质感主题。把许多页面做成了磨砂玻璃片，你可以自定义图片和视频作为背景。关掉开关就回到原生界面，不改 DSH 任何一行源码。如果你喜欢该主题，欢迎提出建议或者拉到本地修改并提交PR。
 
@@ -34,6 +34,7 @@ dsh plugin --profile web add dsh-client-ui-seaglass
 
 ```sh
 git clone https://github.com/xiyunyunyun/dsh-client-ui-seaglass.git
+npm install
 dsh plugin --profile web add "C:\path\to\dsh-client-ui-seaglass"    # 用你的实际克隆路径（建议绝对路径）
 ```
 

package/lib/client.js

@@ -1991,7 +1991,7 @@ function closestSpot(target) {
 let spotCache = null;
 /** Drop the shared spot cache (the seam stamper calls this after touching
 *  any spot attribute; a full re-query happens on the next spotElements). */
-function invalidateSpotCache$1() {
+function invalidateSpotCache() {
 	spotCache = null;
 }
 /** Every stamped pane in document order. */
@@ -2550,12 +2550,42 @@ function stampPopoverShell(el, cs) {
 *  passes skip the memo: a root REUSED by React for a different view (same
 *  div, swapped children) gets re-judged within one catch-all period. */
 const chatViewRoots = new WeakSet();
+/** Grace period before a non-chat verdict is TRUSTED. When a session opens,
+*  the view root mounts FIRST and the chat marker set lands ~1.3s later
+*  (measured: the conversation payload is loaded asynchronously) — a root
+*  judged on its first frames reads as a plugin view, gets stamped
+*  data-dsh-view + a spot on the ROOT ITSELF, and the whole message flow
+*  tilts under the cursor until the next pass strips it (~1.7s of visibly
+*  skewed text). So a fresh root enters a grace window instead: chat
+*  markers appearing within it flip the verdict for free (every mutation
+*  pass re-judges), and only a root that is STILL non-chat after the window
+*  is stamped. The cost is a one-off ~1.5s glass delay for genuine plugin
+*  views. */
+const PLUGIN_VIEW_GRACE_MS = 1500;
+const pluginViewFirstSeen = new WeakMap();
+let graceRecheckTimer = 0;
+/** Whether the stamper's feeds are live. The grace recheck timer can outlive
+*  startSeamStamper (its closure owns no shared state with this module-level
+*  helper), so the timer checks this flag instead of a closure variable. */
+let seamStamperActive = false;
+/** One delayed full re-check pass so a root whose grace window expires
+*  between mutations still gets stamped (mutation passes alone may not fire
+*  once the view settles). Idempotent — a pending timer is never doubled. */
+function scheduleGraceRecheck() {
+	if (graceRecheckTimer !== 0) return;
+	graceRecheckTimer = window.setTimeout(() => {
+		graceRecheckTimer = 0;
+		if (!seamStamperActive) return;
+		stampAll(null);
+	}, PLUGIN_VIEW_GRACE_MS + 50);
+}
 function stampPluginViews(full) {
 	let touched = false;
 	for (const root of document.querySelectorAll("[data-slot=\"conversation.view\"] > *")) {
 		const isChat = !full && chatViewRoots.has(root) || root.querySelector("[data-slot^='conversation.chat'], [data-slot^='tool.call'], [data-composer-card], [data-dsh-inputbar]") !== null;
-		if (isChat) chatViewRoots.add(root);
 		if (isChat) {
+			chatViewRoots.add(root);
+			pluginViewFirstSeen.delete(root);
 			if (root.hasAttribute("data-dsh-view")) {
 				root.removeAttribute("data-dsh-view");
 				touched = true;
@@ -2566,6 +2596,16 @@ function stampPluginViews(full) {
 			}
 			continue;
 		}
+		const seen = pluginViewFirstSeen.get(root);
+		if (seen === undefined) {
+			pluginViewFirstSeen.set(root, performance.now());
+			scheduleGraceRecheck();
+			continue;
+		}
+		if (performance.now() - seen < PLUGIN_VIEW_GRACE_MS) {
+			scheduleGraceRecheck();
+			continue;
+		}
 		if (!root.hasAttribute("data-dsh-view")) {
 			root.setAttribute("data-dsh-view", "");
 			touched = true;
@@ -2593,6 +2633,7 @@ function stampPluginViews(full) {
 * @returns a disposer that disconnects the observer.
 */
 function startSeamStamper() {
+	seamStamperActive = true;
 	stampAll(null);
 	let scheduled = 0;
 	let disposed = false;
@@ -2624,9 +2665,12 @@ function startSeamStamper() {
 	}, 800);
 	return () => {
 		disposed = true;
+		seamStamperActive = false;
 		if (scheduled !== 0) cancelAnimationFrame(scheduled);
 		scheduled = 0;
 		window.clearInterval(catchAll);
+		if (graceRecheckTimer !== 0) clearTimeout(graceRecheckTimer);
+		graceRecheckTimer = 0;
 		observer.disconnect();
 	};
 }
@@ -3360,6 +3404,7 @@ function startSpotlight() {
 		if (current === spot) {
 			current = null;
 			session = null;
+			lastPointer = null;
 		}
 		const glow = spot.querySelector(`:scope > [${GLOW_ATTR}]`);
 		if (glow !== null) glow.style.removeProperty("background-image");
@@ -3368,6 +3413,23 @@ function startSpotlight() {
 		}
 		easeBack(spot);
 	};
+	/** The pointer position whose radial was painted last (viewport space).
+	*  Geometry refreshes (the keeper's measure) must repaint the radial
+	*  against it — see the keeper callback below. */
+	let lastPointer = null;
+	/** Write (or clear) the glow radial for a pointer position. The gradient's
+	*  at coordinates are relative to the glow overlay's box (the visible
+	*  glass union), so whenever that box moves the radial must be rewritten
+	*  in the same breath — a stale at against a moved box misplaces the glow
+	*  by exactly the box shift. */
+	const writeGlow = (s, clientX, clientY) => {
+		if (s.glow === null) return;
+		if (glowGated()) {
+			s.glow.style.backgroundImage = `radial-gradient(${GLOW_RADIUS}px at ${clientX - s.visual.left}px ${clientY - s.visual.top}px, var(--dsh-aqua-spot-color, ${GLOW_FALLBACK}), transparent 70%)`;
+		} else {
+			s.glow.style.removeProperty("background-image");
+		}
+	};
 	/** Capture (or refresh) the hover geometry; sets the glow overlay box. */
 	const measure = (spot) => {
 		const visual = visualRect(spot);
@@ -3391,6 +3453,7 @@ function startSpotlight() {
 		if (raf !== 0) return;
 		raf = requestAnimationFrame(() => {
 			raf = 0;
+			if (session !== s) return;
 			const { spot, visual, local } = s;
 			if (!inside(visual, clientX, clientY)) {
 				clearSpot(spot);
@@ -3402,11 +3465,11 @@ function startSpotlight() {
 				glow = s.glow;
 			}
 			if (glow !== null) {
-				if (glowGated()) {
-					glow.style.backgroundImage = `radial-gradient(${GLOW_RADIUS}px at ${clientX - visual.left}px ${clientY - visual.top}px, var(--dsh-aqua-spot-color, ${GLOW_FALLBACK}), transparent 70%)`;
-				} else {
-					glow.style.removeProperty("background-image");
-				}
+				lastPointer = {
+					x: clientX,
+					y: clientY
+				};
+				writeGlow(s, clientX, clientY);
 			}
 			if (tiltGated() && tiltable(spot)) {
 				const dx = Math.min(.5, Math.max(-.5, (clientX - visual.left) / visual.width - .5));
@@ -3524,7 +3587,9 @@ function startSpotlight() {
 		if (session === null || refreshRaf !== 0) return;
 		refreshRaf = requestAnimationFrame(() => {
 			refreshRaf = 0;
-			if (session !== null) session = measure(session.spot);
+			if (session === null) return;
+			session = measure(session.spot);
+			if (lastPointer !== null) writeGlow(session, lastPointer.x, lastPointer.y);
 		});
 	});
 	document.addEventListener("pointermove", onMove, { passive: true });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-client-ui-seaglass",
   "description": "Seaglass: a highly customizable glassmorphism theme for the Web surface — adjustable blur, frost, fluid or wallpaper backdrop, unified corners, and motion",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "publishConfig": {
     "access": "public"
   },
@@ -88,7 +88,9 @@
     "lib/invariant.js",
     "lib/client.js",
     "lib/types/**/*.d.ts",
-    "cordis.patch.yml"
+    "cordis.patch.yml",
+    "screenshots.json",
+    "assets/*.png"
   ],
   "dependencies": {
     "@deepseek-ai/schemastery": "3.18.2"

package/screenshots.json

@@ -0,0 +1,6 @@
+[
+  "assets/11.png",
+  "assets/12.png",
+  "assets/13.png",
+  "assets/14.png"
+]