dsh-deepseek-style-theme 2.0.87 → 2.0.88

package/THIRD-PARTY-NOTICES.md

@@ -6,9 +6,7 @@ must be preserved in every redistribution.
 
 ---
 
-## dsh-theme-mineradio — code included
-
-`lib/client.js` contains a port of the fluid-shader subsystem and the glass
+## dsh-theme-mineradio — code included`lib/client.js` contains a port of the fluid-shader subsystem and the glass
 dispersion / specular-parallax subsystem of **dsh-theme-mineradio v2.3.8**:
 
 - the three GLSL programs (`VERTEX_SHADER`, `FLOW_SHADER`, `DISPLAY_SHADER`) and
@@ -20,6 +18,16 @@ dispersion / specular-parallax subsystem of **dsh-theme-mineradio v2.3.8**:
   `supportsSvgBackdropFilter`),
 - the specular cursor parallax (`startSpecularParallax`).
 
+One further technique is **re-expressed, not copied** (v2.0.88): the docked bottom bar,
+in which the composer and its stats line become a single glass slab with the backdrop
+blur on the wrapper's `::before`, the inner surfaces transparent, and one hairline at
+the seam. That structure comes from mineradio's "fused" state
+(`[data-dsh-inputbar]:has([data-dsh-stats])`), including two of its recorded lessons:
+`z-index` rather than `isolation` on the wrapper (isolation is also a backdrop root and
+would clip popup frost to the bar) and `backdrop-filter: none` on the inner surfaces so
+their blur cannot double up with the slab's. The declarations here are written against
+this plugin's own tokens (`--dshome-*`), not mineradio's `--dsh-aqua-*`.
+
 Only naming and external dependencies were adapted: plugin-scoped identifiers
 were renamed to this plugin's `dshome-` prefix, and the upstream settings/theme
 store and React layer were replaced by function parameters. **The GLSL shader

package/lib/client.js

@@ -1506,18 +1506,46 @@ body[data-dshome-dark] :is([class*="_headline"]){background:linear-gradient(120d
 :is(${USER_BUBBLE}){background:rgba(255,255,255,.6)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 16px rgba(13,30,60,.06)}
 body[data-dshome-dark] :is(${USER_BUBBLE}){background:rgba(21,42,86,.65)!important;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px rgba(0,0,0,.25)}
 ` },
-			// The line under the composer (round/step/token stats, `[data-dsh-stats]` is
-			// product markup that has never been renamed) gets the LENS touch the user
-			// asked for: "模糊效果，你对对话窗下方文字进行放大（模拟液体放大）". A real lens
-			// magnifies what is behind the glass, which a backdrop filter cannot do --
-			// but the pane is directly above this line, so scaling it a touch reads as
-			// the pane's magnification, and scaling it further while the pane leans
-			// (html[data-dshome-leaning], written by startComposerTilt) ties the motion
-			// to the hover. Small on purpose: 6% is a lens hint, 12% while leaning.
+			// The line under the composer: round/step/token stats ([data-dsh-stats]) and
+			// the whole input bar ([data-dsh-inputbar]) -- both product markup that has
+			// never been renamed.
+			//
+			// Two things happen here.
+			//
+			// 1. The DOCKED BOTTOM BAR, borrowed from dsh-theme-mineradio's fused state
+			//    (MIT, @dhicoc): once the stats line exists, the WHOLE input bar becomes
+			//    one glass slab -- a single border, radius, fill and shadow on the
+			//    wrapper, with the backdrop blur on its ::before -- and the card and the
+			//    stats turn transparent inside it, leaving one hairline at the seam. The
+			//    two surfaces can then never drift apart tonally, and the composer reads
+			//    as one designed bar instead of a card with loose text under it.
+			//    `:has()` is what makes this safe to attempt at all: when the product
+			//    does not render a stats line, none of it applies and the card keeps its
+			//    own glass.
+			//    Two details are load-bearing and inherited from mineradio's notes:
+			//    z-index (not isolation) on the wrapper -- isolation is also a backdrop
+			//    root and would clip popup frost to the bar -- and `backdrop-filter:
+			//    none` on the inner surfaces, whose own blur would otherwise double up
+			//    with the slab's.
+			//
+			// 2. The LENS touch the user asked for ("对对话窗下方文字进行放大（模拟液体放大）"):
+			//    a real lens magnifies what is behind the glass, which a backdrop filter
+			//    cannot do, so the text is scaled a touch instead -- and a touch further
+			//    while the pane leans (html[data-dshome-leaning], written by
+			//    startComposerTilt). `transform-origin: left center` keeps a
+			//    left-aligned line growing inwards instead of spilling past the slab's
+			//    right edge.
 			{ anchor: "[data-dsh-stats]", css: `
-[data-dsh-stats]{transform:scale(1.06);transform-origin:center center;transition:transform .24s cubic-bezier(.2,.8,.2,1)}
-html[data-dshome-leaning] [data-dsh-stats]{transform:scale(1.12)}
-@media (prefers-reduced-motion:reduce){[data-dsh-stats]{transition:none}}
+[data-dsh-inputbar]:has([data-dsh-stats]){position:relative;z-index:8;padding:0;border:1.5px solid rgba(255,255,255,.55);border-radius:24px;background:rgba(255,255,255,.42);box-shadow:0 8px 32px rgba(13,30,60,.1),inset 0 1px 1px hsla(0,0%,100%,.8)}
+[data-dsh-inputbar]:has([data-dsh-stats])::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;-webkit-backdrop-filter:blur(28px) saturate(1.42) brightness(1.02);backdrop-filter:blur(28px) saturate(1.42) brightness(1.02)}
+[data-dsh-inputbar]:has([data-dsh-stats]) [data-composer-card]{border:none!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
+[data-dsh-inputbar]:has([data-dsh-stats]) [data-composer-card]::before,[data-dsh-inputbar]:has([data-dsh-stats]) [data-composer-card]::after{display:none!important}
+[data-dsh-inputbar]:has([data-dsh-stats]) [data-dsh-stats]{display:block;width:100%;max-width:none;box-sizing:border-box;margin:auto 0 0;min-height:24px;padding:2px 16px;border:none;border-top:1px solid rgba(0,0,0,.06);border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform-origin:left center;transition:transform .24s cubic-bezier(.2,.8,.2,1)}
+[data-dsh-stats]{transform:scale(1.04)}
+html[data-dshome-leaning] [data-dsh-inputbar]:has([data-dsh-stats]) [data-dsh-stats]{transform:scale(1.08)}
+body[data-dshome-dark] [data-dsh-inputbar]:has([data-dsh-stats]){border-color:rgba(255,255,255,.16);background:rgba(13,30,60,.55);box-shadow:0 10px 40px rgba(0,0,0,.35),inset 0 1px 1px rgba(255,255,255,.06)}
+body[data-dshome-dark] [data-dsh-inputbar]:has([data-dsh-stats]) [data-dsh-stats]{border-top-color:rgba(255,255,255,.1)}
+@media (prefers-reduced-motion:reduce){[data-dsh-inputbar]:has([data-dsh-stats]) [data-dsh-stats]{transition:none}}
 ` },
 			// Trajectory view bar.
 			{ anchor: ".fV0t5q_root", css: `
@@ -2693,7 +2721,7 @@ html[data-dshome-blur="off"] body{
 			if (!supportsWebgl2()) return startParticles();
 			// Which build is running, readable from the page (see README). One line in
 			// the console answers "is the bundle I just installed actually live?".
-			try { window.__dshomeBuild = '2.0.87 lens-blur'; } catch (error) {}
+			try { window.__dshomeBuild = '2.0.88 fused-bar'; } catch (error) {}
 			const canvas = document.createElement('canvas');
 			canvas.setAttribute('data-dsh-deepseek-canvas', '');
 			const style = canvas.style;
@@ -2884,7 +2912,7 @@ html[data-dshome-blur="off"] body{
 		}
 
 		function startParticles() {
-			try { window.__dshomeBuild = '2.0.87 lens-blur'; } catch (error) {}
+			try { window.__dshomeBuild = '2.0.88 fused-bar'; } catch (error) {}
 			const canvas = document.createElement('canvas');
 			canvas.setAttribute('data-dsh-deepseek-canvas', '');
 			const style = canvas.style;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-deepseek-style-theme",
   "description": "DeepSeek official-home style theme: WebGL fluid-flow background, liquid glass with SVG edge refraction, glass sidebar and composer, frosted header, running-subagent progress panel, and DeepSeek brand link for the dsh web GUI",
-  "version": "2.0.87",
+  "version": "2.0.88",
   "type": "module",
   "keywords": [
     "deepseek",