@dsh-plugin/dsh-ui-experience 1.0.0-dev.43488936935 → 1.0.0-dev.43491051069

package/README.md

@@ -160,12 +160,13 @@ M3 那侧的分离要说明白：Material 3 的 `emphasized` 整体是两段首
 - `跟随系统`（默认）：系统开启「减弱动态效果」时，全部时长压到 1ms、动画只跑一轮。
 - `始终减弱动效`：无论系统设置，一律压制。
 
-这一条是整层里唯一使用 `!important` 的地方——它要压掉本层从未写过的声明，逐条改写做不到。压制期间不再改写曲线，因为没有可观察的时长。
+这一条是整层里唯一使用 `!important` 的地方——它要压掉本层从未写过的声明，逐条改写做不到。进入压制时会先撤掉已改写的曲线并停掉观察者：时长已被压到 1ms，改写既看不见，还会在压制表插入时被自己的观察者重新触发一次扫描。
 
 ### 生效范围
 
-- 覆盖页面上的全部样式表，包括其他插件注入的。首次应用时全量扫描，之后用 `MutationObserver` 监视 `head` 与 `body`，新注入的 `<style>` 在下一个微任务内被补上。
-- 通过 `document.adoptedStyleSheets` 挂载的构造式样式表不是 DOM 变更，只在首次应用与下一次 `apply` 时被读取。
+- 覆盖页面上的全部样式表，包括其他插件注入的。首次应用时全量扫描，之后用 `MutationObserver` 监视 `head` 与 `body`；只有当新增节点本身是 `<style>` / `<link>`，或子树里含有时才补扫——聊天流式输出每帧都在改 DOM，无条件补扫会把一次性开销变成每帧开销。
+- 通过 `document.adoptedStyleSheets` 挂载的构造式样式表不是 DOM 变更，观察者看不到它，只能在下一次全量扫描（切换曲线族、解除减弱动效、重新应用设置）时被读到。
+- 同理，对已挂载 `<style>` 再改 `textContent`、或在它的 `sheet` 上 `insertRule`／`replaceSync`，都不产生新增节点，也要等下一次全量扫描。DSH 自身与插件加载器都是「建 `<style>` → 设文本 → 挂载」，不受影响。
 - 跨源样式表读不到 `cssRules`，会在浏览器控制台记录一行并跳过——这类表的规则无法改写，静默跳过会让部分界面停留在原生曲线而无迹可循。（这条诊断走控制台而非 `~/.dsh/ui-experience.log`：后者由宿主半写入，浏览器半够不到文件系统。）
 - 状态会写在 `<html data-dsh-uix-motion="m3|m3e">` 上，便于区分曲线来源。
 

package/lib/client.js

@@ -195,7 +195,6 @@
   ];
   function createMotion() {
     const patches = /* @__PURE__ */ new Map();
-    const durationBase = /* @__PURE__ */ new Map();
     const unreadable = /* @__PURE__ */ new Set();
     const media = window.matchMedia("(prefers-reduced-motion: reduce)");
     let settings;
@@ -296,6 +295,7 @@
       return changed;
     }
     function scan() {
+      if (wantsReduced()) return;
       const active = settings;
       if (active === void 0 || active.mode === "off") return;
       const sheets = readableSheets();
@@ -318,14 +318,10 @@
       const root = document.documentElement;
       const computed = window.getComputedStyle(root);
       for (const token of DURATION_TOKENS) {
-        let base = durationBase.get(token);
+        const base = parseDurationMs(computed.getPropertyValue(token).trim());
         if (base === void 0) {
-          base = parseDurationMs(computed.getPropertyValue(token).trim());
-          if (base === void 0) {
-            console.error(`ui-experience: motion cannot read ${token}; durations using it keep their shipped value`);
-            continue;
-          }
-          durationBase.set(token, base);
+          console.error(`ui-experience: motion cannot read ${token}; durations using it keep their shipped value`);
+          continue;
         }
         root.style.setProperty(token, `${Math.round(base * active.durationScale)}ms`);
       }
@@ -353,13 +349,15 @@
     function realize() {
       const active = settings;
       if (active === void 0 || active.mode === "off") return;
-      const want = wantsReduced();
-      setReducedSheet(want);
-      if (want) {
+      if (wantsReduced()) {
+        observer?.disconnect();
+        observer = void 0;
+        setReducedSheet(true);
         restoreDeclarations();
         clearDurationTokens();
         return;
       }
+      setReducedSheet(false);
       applyDurationTokens();
       scan();
       observer ??= observeDocument();
@@ -372,9 +370,22 @@
         scan();
       });
     }
+    function bringsStylesheet(node) {
+      if (node === void 0) return false;
+      const name = node.nodeName?.toUpperCase();
+      if (name === "STYLE" || name === "LINK") return true;
+      return (node.querySelectorAll?.("style,link")?.length ?? 0) > 0;
+    }
     function observeDocument() {
-      const instance = new MutationObserver(() => {
-        refresh();
+      const instance = new MutationObserver((records) => {
+        for (const record of records) {
+          for (let index = 0; index < record.addedNodes.length; index += 1) {
+            if (bringsStylesheet(record.addedNodes[index])) {
+              refresh();
+              return;
+            }
+          }
+        }
       });
       instance.observe(document.head, { childList: true, subtree: true });
       instance.observe(document.body, { childList: true, subtree: true });
@@ -422,11 +433,7 @@
         document.documentElement.setAttribute(MOTION_ATTRIBUTE, next.mode);
         realize();
       },
-      refresh,
-      restore,
-      dispose() {
-        restore();
-      }
+      restore
     };
   }
 
@@ -540,9 +547,9 @@
       report(media.matches);
     };
     report(media.matches);
-    media.addEventListener?.("change", listener);
+    media.addEventListener("change", listener);
     return () => {
-      media.removeEventListener?.("change", listener);
+      media.removeEventListener("change", listener);
     };
   }
   var SOURCE = "@dsh-plugin/dsh-ui-experience";
@@ -1233,7 +1240,7 @@
             return () => {
               disposed = true;
               teardown();
-              motion.dispose();
+              motion.restore();
             };
           }, "ui-experience: page-level layers");
           void poll();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dsh-plugin/dsh-ui-experience",
-  "version": "1.0.0-dev.43488936935",
+  "version": "1.0.0-dev.43491051069",
   "type": "module",
   "description": "UI experience enhancements for DeepSeek Harness: follow the system matugen Material You palette as the interface theme, and rewrite interface motion onto Material 3 / Material 3 Expressive curves.",
   "license": "MIT",