@dsh-plugin/dsh-ui-experience 1.0.0-dev.43486821486 → 1.0.0-dev.43487914661

package/README.md

@@ -116,12 +116,14 @@ token 的值按原样写入 CSS 变量，因此 `color-mix(...)` 这类表达式
 
 | 用途 | M3 | M3E |
 | --- | --- | --- |
-| 位移（transform、宽高、内外距、gap、圆角…） | `cubic-bezier(0.2, 0, 0, 1)` | 声明时长 ≤200ms 用 `cubic-bezier(0.42, 1.67, 0.21, 0.9)`，否则用 `cubic-bezier(0.38, 1.21, 0.22, 1)` |
-| 效果（颜色、透明度、阴影、滤镜…） | `cubic-bezier(0.2, 0, 0, 1)` | `cubic-bezier(0.34, 0.8, 0.34, 1)` |
+| 位移（transform、宽高、内外距、gap、圆角…） | `cubic-bezier(0.05, 0.7, 0.1, 1)`（emphasized decelerate） | 声明时长 ≤200ms 用 `cubic-bezier(0.42, 1.67, 0.21, 0.9)`，否则用 `cubic-bezier(0.38, 1.21, 0.22, 1)` |
+| 效果（颜色、透明度、阴影、滤镜…） | `cubic-bezier(0.2, 0, 0, 1)`（standard） | `cubic-bezier(0.34, 0.8, 0.34, 1)` |
 
-M3E 的两条位移曲线带过冲，峰值分别为 1.092 与 1.014；效果曲线不过冲。这正是 M3E 的设计意图：物体移动有惯性，颜色过冲会闪出调色板里不存在的颜色。所以位移与效果的曲线必须分开，关闭「位移与效果使用不同曲线」后一律用效果曲线。
+两族都把「移动」和「效果」分开，原因在 M3E 上最直观：它的两条位移曲线带过冲，峰值分别为 1.092 与 1.014，效果曲线不过冲。物体移动有惯性，颜色过冲则会闪出调色板里不存在的颜色。M3 的分离幅度小些，但方向一致——加速段的 decelerate 曲线只给移动，其余走 standard。
 
-M3 族的 standard 与 emphasized 在 CSS 的三次贝塞尔下都退化为同一个值（M3 的 emphasized 是五次贝塞尔，`cubic-bezier()` 表达不了），因此 M3 族整个界面只有一条曲线，这是规范本身的形状，不是实现偷懒。
+关闭「位移与效果使用不同曲线」后，两族都退化为只用效果曲线。
+
+M3 的 emphasized 整体是一条五次贝塞尔，`cubic-bezier()` 表达不了；这里用的是它减速段的等价三次形式，也正是 Material 官方 web token 里的 `emphasized-decelerate` 取值。
 
 ### 为什么是改写 CSSOM，而不是注入覆盖样式表
 
@@ -176,6 +178,7 @@ M3 族的 standard 与 emphasized 在 CSS 的三次贝塞尔下都退化为同
 - M3 动效的「位移 / 效果」判定依据属性名与关键帧内容，不分析属性的实际取值变化；判定不出来的情况（例如只由 `all` 声明的过渡）按效果处理，宁可不给过冲。
 - 跨源样式表里的规则无法改写，只会在日志中记录。
 - 本层只改写曲线与时长，不新增、不改写关键帧本身；DSH 没定义的动效不会因此出现。
+- 浏览器半在刷新页面时重载，宿主半只在进程重启时重载。两者版本不一致时（刚升级插件但没重启 DSH），M3 动效行会保持无操作并在控制台记录一行原因，配色功能不受影响。
 
 ## 样式基线
 

package/lib/client.js

@@ -77,7 +77,7 @@
     "border-bottom-left-radius",
     "border-bottom-right-radius"
   ]);
-  var CURVE_M3_SPATIAL = "cubic-bezier(0.2, 0, 0, 1)";
+  var CURVE_M3_SPATIAL = "cubic-bezier(0.05, 0.7, 0.1, 1)";
   var CURVE_M3_EFFECTS = "cubic-bezier(0.2, 0, 0, 1)";
   var CURVE_M3E_SPATIAL_FAST = "cubic-bezier(0.42, 1.67, 0.21, 0.9)";
   var CURVE_M3E_SPATIAL = "cubic-bezier(0.38, 1.21, 0.22, 1)";
@@ -166,7 +166,7 @@
   }
   function curveFor(mode, domain, spatialSplit, originalMs) {
     if (mode === "m3") {
-      return domain === "spatial" ? CURVE_M3_SPATIAL : CURVE_M3_EFFECTS;
+      return spatialSplit && domain === "spatial" ? CURVE_M3_SPATIAL : CURVE_M3_EFFECTS;
     }
     if (mode === "m3e" && spatialSplit && domain === "spatial") {
       return originalMs !== void 0 && originalMs <= FAST_SPATIAL_MAX_MS ? CURVE_M3E_SPATIAL_FAST : CURVE_M3E_SPATIAL;
@@ -653,6 +653,7 @@
           let idleTick = 0;
           let lastRpcProblem = "";
           let lastPaletteProblem = "";
+          let motionUnsupported = false;
           let paintedWidth = "";
           let disposeOverride;
           let borderSheet;
@@ -734,18 +735,23 @@
             return envelope.value;
           };
           const adopt = (answer) => {
+            const motionAnswer = answer.motion ?? MOTION_OFF;
+            if (answer.motion === void 0 && !motionUnsupported) {
+              motionUnsupported = true;
+              console.error("ui-experience: this host build predates the motion settings; the M3 motion row stays inert until DSH restarts");
+            }
             if (answer.paths.colors !== view.paths.colors || answer.paths.tokens !== view.paths.tokens || answer.borderWidth !== view.borderWidth) {
               publish({ paths: answer.paths, borderWidth: answer.borderWidth });
             }
-            if (motionDiffers(view.motion, answer.motion)) {
-              publish({ motion: answer.motion });
-              if (bootstrapped) applyMotion(answer.motion);
+            if (motionDiffers(view.motion, motionAnswer)) {
+              publish({ motion: motionAnswer });
+              if (bootstrapped) applyMotion(motionAnswer);
             }
             if (!bootstrapped) {
               bootstrapped = true;
               setBootAttribute(answer.active);
               publish({ active: answer.active });
-              applyMotion(answer.motion);
+              applyMotion(motionAnswer);
             } else if (!writing && view.active !== answer.active) {
               publish({ active: answer.active });
               if (answer.active) {
@@ -952,11 +958,10 @@
               }, segment.label))
             );
           };
-          const checkbox = (id, checked, set, label, hint, disabled) => h(
+          const checkbox = (checked, set, label, hint, disabled) => h(
             "label",
-            { className: "dsh-uix-check", htmlFor: id },
+            { className: "dsh-uix-check" },
             h("input", {
-              id,
               type: "checkbox",
               checked,
               disabled,
@@ -1108,7 +1113,6 @@
               "div",
               { className: "dsh-uix-form" },
               checkbox(
-                "dsh-uix-motion-split",
                 current.spatialSplit,
                 (next) => {
                   void saveMotion({ spatialSplit: next });
@@ -1118,7 +1122,6 @@
                 locked
               ),
               checkbox(
-                "dsh-uix-motion-quantize",
                 current.quantize,
                 (next) => {
                   void saveMotion({ quantize: next });
@@ -1128,7 +1131,6 @@
                 locked
               ),
               checkbox(
-                "dsh-uix-motion-reduced",
                 current.reduced === "always",
                 (next) => {
                   void saveMotion({ reduced: next ? "always" : "system" });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dsh-plugin/dsh-ui-experience",
-  "version": "1.0.0-dev.43486821486",
+  "version": "1.0.0-dev.43487914661",
   "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",