@mrrisega/dsh-remote 0.6.6-beta.3 → 0.6.6

package/clients/dsh-remote/mobile-adapter.mjs

@@ -106,7 +106,9 @@ const STYLE = `
     opacity: 0; pointer-events: none;
     transition: opacity .22s ease;
   }
-  html.dsh-ma-sidebar-open div.dsh-ma-scrim,
+  /* 拦截点击只认 dsh-ma-scrim-on（由 sync 按"用户意图或几何可见"决定）——
+     避免"判定说展开了、其实侧栏还在屏外"时遮罩挡住整屏。 */
+  html.dsh-ma-scrim-on div.dsh-ma-scrim,
   html.dsh-ma-details-open div.dsh-ma-scrim { opacity: 1; pointer-events: auto; }
 
   /* --- 顶部小鲸鱼/菜单按钮(侧栏收起时可见) --- */
@@ -114,7 +116,9 @@ const STYLE = `
     position: fixed;
     top: max(10px, env(safe-area-inset-top));
     left: max(10px, env(safe-area-inset-left));
-    z-index: 260;
+    /* 必须高于遮罩(290):抽屉展开时遮罩会拦截整屏点击,若菜单按钮压在遮罩下面
+       就会出现"抽屉开了、按钮点不动"——用户实测反馈的正是这个。 */
+    z-index: 320;
     width: 42px; height: 42px; padding: 0;
     display: flex; align-items: center; justify-content: center;
     border-radius: 12px;
@@ -216,6 +220,76 @@ const STYLE = `
   }
 }
 
+/* ===== 手机端字号档位(2026-09-16 新增) =====
+   需求:4 档(最小=当前/中/大/超大),设置面板里用滑块调,**只在手机端生效**(本文件整体在
+   @media (max-width: 820px) 内,PC 完全不受影响)。
+   实现:官方组件大量用写死的 px 字号,只改 :root font-size 对它们无效;
+   因此"尽力而为地叠加"两种手段:
+     ① html { font-size: 计算后的 px } —— 对用 rem 的地方生效;
+     ② html { -webkit-text-size-adjust: 百分比 } —— 移动端 Safari/Chrome 对文本做整体缩放
+        (只影响文字、不影响布局,比 zoom/transform 安全得多);
+     ③ 正文气泡走官方自己的变量 --dsh-content-font-size / --dsh-content-font-delta
+        (官方聊天正文就是这么取值的),换算后同步设置,保证正文一定变大。
+   适配层自己注入的 UI(.dsh-ma-*)写成固定 px,不参与缩放。 */
+  html { --dsh-ma-fs-scale: 1; font-size: calc(16px * var(--dsh-ma-fs-scale)); }
+  html[data-dsh-ma-fs="1"] { --dsh-ma-fs-scale: 1.08; -webkit-text-size-adjust: 108%; }
+  html[data-dsh-ma-fs="2"] { --dsh-ma-fs-scale: 1.18; -webkit-text-size-adjust: 118%; }
+  html[data-dsh-ma-fs="3"] { --dsh-ma-fs-scale: 1.32; -webkit-text-size-adjust: 132%; }
+  /* 注意:不要再给 body 设 font-size —— html 的字号已经缩放过了,
+     1rem 此时等于"缩放后的字号",乘上 scale 会把放大平方(1.32 → 1.74)并连累所有子元素。
+     子元素走 -webkit-text-size-adjust(文本整体缩放) + inherit 即可。 */
+
+  /* 字号设置面板:右下角浮动按钮 + 展开的小卡片(自适应、可点外部关闭) */
+  button.dsh-ma-fsbtn {
+    position: fixed;
+    right: max(10px, env(safe-area-inset-right));
+    bottom: calc(84px + env(safe-area-inset-bottom));
+    z-index: 310;
+    width: 44px; height: 44px; padding: 0;
+    display: flex; align-items: center; justify-content: center;
+    border-radius: 50%;
+    font: 600 15px/1 -apple-system, system-ui, sans-serif;
+    background: var(--dsw-alias-button-elevated-fill, rgba(255,255,255,.96));
+    border: .5px solid var(--dsw-alias-border-l3, rgba(127,127,127,.3));
+    box-shadow: 0 2px 10px rgba(0,0,0,.18);
+    color: var(--dsw-alias-label-primary, #111);
+    cursor: pointer; touch-action: manipulation;
+    -webkit-tap-highlight-color: transparent;
+  }
+  button.dsh-ma-fsbtn:active { transform: scale(.94); }
+  div.dsh-ma-fspanel {
+    position: fixed;
+    right: max(10px, env(safe-area-inset-right));
+    bottom: calc(136px + env(safe-area-inset-bottom));
+    z-index: 311;
+    width: min(78vw, 300px);
+    box-sizing: border-box;
+    padding: 12px 14px 14px;
+    border-radius: 14px;
+    background: var(--dsw-alias-bg-elevated, #fff);
+    border: .5px solid var(--dsw-alias-border-l3, rgba(127,127,127,.28));
+    box-shadow: 0 8px 28px rgba(0,0,0,.24);
+    color: var(--dsw-alias-label-primary, #111);
+    font: 400 14px/1.45 -apple-system, system-ui, sans-serif;
+  }
+  div.dsh-ma-fspanel[hidden] { display: none; }
+  div.dsh-ma-fspanel .dsh-ma-fs-title { font-weight: 600; font-size: 14px; margin-bottom: 2px; }
+  div.dsh-ma-fspanel .dsh-ma-fs-sub { color: var(--dsw-alias-label-tertiary, #6b7280); font-size: 12px; }
+  div.dsh-ma-fspanel .dsh-ma-fs-val { font-variant-numeric: tabular-nums; font-weight: 600; }
+  div.dsh-ma-fspanel input[type="range"] {
+    width: 100%; margin: 10px 0 2px; height: 28px;
+    accent-color: var(--dsw-alias-brand-primary, #4d6bfe);
+  }
+  div.dsh-ma-fspanel .dsh-ma-fs-ticks {
+    display: flex; justify-content: space-between;
+    color: var(--dsw-alias-label-tertiary, #6b7280); font-size: 11px;
+  }
+  div.dsh-ma-fspanel .dsh-ma-fs-preview {
+    margin-top: 10px; padding-top: 9px;
+    border-top: .5px solid var(--dsw-alias-border-l3, rgba(127,127,127,.22));
+    font-size: 14px;
+  }
+
 /* 桌面宽屏(>820px):本文件无任何规则 → 对直连/桌面零影响。 */
 `;
 
@@ -498,10 +572,11 @@ const SCRIPT = `(() => {
       document.body.appendChild(scrim);
       scrim.addEventListener("click", (e) => {
         e.stopPropagation();
+        userWantsOpen = false;                    // 用户明确要关(遮罩的作用就是关抽屉)
         const t = toggleOf();
-        if (t) { t.click(); return; }
-        /* 兜底:找不到官方 toggle 时**至少让用户能自救**（否则就是"点哪都没反应"的死局） */
-        document.documentElement.classList.remove("dsh-ma-sidebar-open", "dsh-ma-details-open");
+        if (t) { t.click(); }
+        /* 兜底 + 保险:无论官方 toggle 在不在,都确保"点空白处"能关掉/不再拦截 */
+        document.documentElement.classList.remove("dsh-ma-sidebar-open", "dsh-ma-details-open", "dsh-ma-scrim-on");
       });
 
       /* 顶部小鲸鱼/菜单按钮 */
@@ -513,12 +588,91 @@ const SCRIPT = `(() => {
       document.body.appendChild(hamburger);
       hamburger.addEventListener("click", (e) => {
         e.stopPropagation(); e.preventDefault();
+        const nowOpen = document.documentElement.classList.contains("dsh-ma-sidebar-open");
+        // 先登记用户意图:即便官方 toggle 不存在、或几何判定一时不满足,这次展开也必须成立
+        userWantsOpen = !nowOpen;
         const t = toggleOf();
-        if (t) { t.click(); return; }
-        /* 兜底（无官方 toggle）：按当前状态切换，保证"开得了也关得掉" */
-        const open = document.documentElement.classList.contains("dsh-ma-sidebar-open");
-        if (open) document.documentElement.classList.remove("dsh-ma-sidebar-open", "dsh-ma-details-open");
-        else document.documentElement.classList.add("dsh-ma-sidebar-open");
+        if (t && !nowOpen) { t.click(); }        // 官方 toggle 存在 → 交给官方(state 一致)
+        else if (t && nowOpen) { t.click(); }
+        sync();                                   // 立刻按意图生效(不依赖官方属性回调)
+      });
+
+      /* ===== 手机端字号档位(2026-09-16 新增) =====
+         4 档:0=最小(当前) / 1=中 / 2=大 / 3=超大;滑块调;localStorage 记住;只作用于手机端
+         (样式在 @media (max-width:820px) 内,PC 不受影响)。
+         实现见 STYLE 里 "手机端字号档位" 段:改 :root 字号 + -webkit-text-size-adjust,
+         并同步官方正文变量(--dsh-content-font-size),保证聊天正文一定跟着变。 */
+      const FS_KEY = "dsh-ma-font-scale";
+      const FS_LEVELS = [
+        { name: "最小", scale: 1.00, content: 14 },
+        { name: "中",   scale: 1.08, content: 15 },
+        { name: "大",   scale: 1.18, content: 16.5 },
+        { name: "超大", scale: 1.32, content: 18.5 }
+      ];
+      const readFsLevel = () => {
+        try {
+          const raw = window.localStorage && window.localStorage.getItem(FS_KEY);
+          const i = Number(raw);
+          return Number.isInteger(i) && i >= 0 && i < FS_LEVELS.length ? i : 0;
+        } catch (e) { return 0; }
+      };
+      const applyFsLevel = (level) => {
+        const L = FS_LEVELS[level] || FS_LEVELS[0];
+        const root = document.documentElement;
+        if (level === 0) root.removeAttribute("data-dsh-ma-fs");
+        else root.setAttribute("data-dsh-ma-fs", String(level));
+        // 官方聊天正文:直接喂它自己的变量(它就是这样取值的)
+        try {
+          root.style.setProperty("--dsh-content-font-size", L.content + "px");
+          root.style.setProperty("--dsh-content-font-delta", (L.content - 14) + "px");
+        } catch (e2) { /* 忽略 */ }
+        return L;
+      };
+
+      const fsPanel = document.createElement("div");
+      fsPanel.className = "dsh-ma-fspanel";
+      fsPanel.hidden = true;
+      fsPanel.innerHTML =
+        '<div class="dsh-ma-fs-title">显示字号</div>' +
+        '<div class="dsh-ma-fs-sub">仅本机手机端生效，电脑端不受影响 · 当前 <span class="dsh-ma-fs-val">最小</span></div>' +
+        '<input type="range" min="0" max="3" step="1" value="0" aria-label="显示字号">' +
+        '<div class="dsh-ma-fs-ticks"><span>最小</span><span>中</span><span>大</span><span>超大</span></div>' +
+        '<div class="dsh-ma-fs-preview">预览：手机远程控制，随手可用。</div>';
+      document.body.appendChild(fsPanel);
+      const fsBtn = document.createElement("button");
+      fsBtn.type = "button";
+      fsBtn.className = "dsh-ma-fsbtn";
+      fsBtn.setAttribute("aria-label", "显示字号");
+      fsBtn.textContent = "字";
+      document.body.appendChild(fsBtn);
+
+      const fsRange = fsPanel.querySelector('input[type="range"]');
+      const fsVal = fsPanel.querySelector(".dsh-ma-fs-val");
+      const fsPreview = fsPanel.querySelector(".dsh-ma-fs-preview");
+      const setLevel = (level, persist) => {
+        const L = applyFsLevel(level);
+        if (fsVal) fsVal.textContent = L.name;
+        if (fsRange && Number(fsRange.value) !== level) fsRange.value = String(level);
+        if (fsPreview) fsPreview.style.fontSize = L.content + "px";
+        if (persist) { try { window.localStorage && window.localStorage.setItem(FS_KEY, String(level)); } catch (e3) { /* 忽略 */ } }
+      };
+      setLevel(readFsLevel(), false);
+
+      if (fsRange) {
+        fsRange.addEventListener("input", (e) => { e.stopPropagation(); setLevel(Number(fsRange.value), true); });
+        fsRange.addEventListener("click", (e) => e.stopPropagation());
+        fsRange.addEventListener("touchstart", (e) => e.stopPropagation(), { passive: true });
+      }
+      fsBtn.addEventListener("click", (e) => {
+        e.stopPropagation(); e.preventDefault();
+        fsPanel.hidden = !fsPanel.hidden;
+      });
+      // 点面板外部关闭（面板内的事件都 stopPropagation）
+      document.addEventListener("click", (e) => {
+        if (fsPanel.hidden) return;
+        const t = e.target;
+        if (t === fsBtn || (t && t.closest && t.closest(".dsh-ma-fspanel, .dsh-ma-fsbtn"))) return;
+        fsPanel.hidden = true;
       });
 
       /* 侧栏是否**真的**滑进了视口。这是"遮罩能不能拦截点击"的最后一道保险：
@@ -530,11 +684,19 @@ const SCRIPT = `(() => {
         catch (e2) { return false; }
       };
       const sidebarInView = () => inView(sidebar || document.querySelector(".dsh-ma-sidebar"));
-      /* 状态唯一真源 = 官方 frame 的 data 属性（判定）+ 真实几何（放行遮罩） */
+      /* 状态来源（按优先级）：
+         ① 用户意图 userWantsOpen —— 点菜单按钮打开 / 点遮罩关闭，期间**不被几何判定推翻**；
+         ② 官方 frame 的 data 属性 —— 用户没表达意图时（初始、官方自己切换）以它为准。
+         ⚠️ 上一版把"几何判定"直接作用在展开 class 上，等于「侧栏还没滑进来就不许展开」：
+            点菜单按钮加 class → 动画未开始、rect 仍在屏外 → sync 立刻把 class 摘掉 → 抽屉永远打不开。
+            现在只让几何判定决定**遮罩能否拦截点击**（最后一道保险），不再否决用户的展开意图。 */
+      let userWantsOpen = null; // null=未表达意图（跟随官方）; true/false=用户已明确开/关
       const sync = () => {
-        const open = expanded();
-        const scrimOn = open && sidebarInView();
-        document.documentElement.classList.toggle("dsh-ma-sidebar-open", scrimOn);
+        const open = userWantsOpen !== null ? userWantsOpen : expanded();
+        document.documentElement.classList.toggle("dsh-ma-sidebar-open", open);
+        /* 只给遮罩加闸:即使判定/几何有偏差,也绝不让"看不见的遮罩"拦住整屏点击 */
+        const scrimOn = open && (userWantsOpen === true || sidebarInView());
+        document.documentElement.classList.toggle("dsh-ma-scrim-on", scrimOn);
         /* 汉堡按钮**始终可见**：以前判定为"展开"时会把它 display:none 隐藏，
            于是判定一旦出错（或遮罩因异常常亮），用户既点不动内容、也没有任何入口 —— 死局。
            保持可见 + 点它可开可关（见其 click 处理），任何异常状态下都留一条出路。 */
@@ -567,8 +729,10 @@ const SCRIPT = `(() => {
             const row = t.closest('[role="treeitem"][aria-selected]');
             const isNew = t.closest('[aria-label*="新建会话"], [aria-label*="New session" i]');
             if (!row && !isNew) return;
+            userWantsOpen = false;
             const togg = toggleOf();
             if (togg) setTimeout(() => { try { togg.click(); } catch (e5) { /* ignore */ } }, 0);
+            setTimeout(sync, 0);
           } catch (e6) { /* 忽略 */ }
         });
       }

package/clients/dsh-remote/test/mobile-adapter-runtime.test.mjs

@@ -35,7 +35,8 @@ class El {
     this.children = [];
     this._cls = new Set();
     this._listeners = new Map();
-    this.style = {};
+    this.style = { setProperty: (k, v) => { if (!this._cssVars) this._cssVars = {}; this._cssVars[k] = v; }, removeProperty: (k) => { if (this._cssVars) delete this._cssVars[k]; } };
+    this._cssVars = {};
     this._rect = { left: 0, right: 0, top: 0, bottom: 0, width: 0, height: 0 };
     this.classList = {
       add: (...cs) => cs.forEach((c) => this._cls.add(c)),
@@ -44,18 +45,47 @@ class El {
       toggle: (c, on) => { if (on === undefined) { this._cls.has(c) ? this._cls.delete(c) : this._cls.add(c); } else if (on) this._cls.add(c); else this._cls.delete(c); return this._cls.has(c); },
     };
   }
+  // 极简 innerHTML：只认本用例需要的那点结构（class / input[type=range] / 文本）
+  set innerHTML(html) {
+    this._html = String(html);
+    this.children = [];
+    for (const m of String(html).matchAll(/<(\w+)([^>]*)>/g)) {
+      const tag = m[1];
+      const attrs = m[2] || "";
+      const el = new El(tag);
+      const cls = /class="([^"]*)"/.exec(attrs);
+      if (cls) el.className = cls[1];
+      const type = /type="([^"]*)"/.exec(attrs);
+      if (type) el.attrs.type = type[1];
+      this.children.push(el);
+    }
+  }
+  get innerHTML() { return this._html || ""; }
+  get textContent() { return this._text || ""; }
+  set textContent(v) { this._text = String(v); }
   get className() { return [...this._cls].join(" "); }
   set className(v) { this._cls = new Set(String(v).split(/\s+/).filter(Boolean)); }
   getAttribute(n) { return n in this.attrs ? this.attrs[n] : null; }
   setAttribute(n, v) { this.attrs[n] = String(v); }
+  removeAttribute(n) { delete this.attrs[n]; }
+  prepend() {} focus() {} blur() {}
   hasAttribute(n) { return n in this.attrs; }
   appendChild(c) { c.parent = this; this.children.push(c); return c; }
   addEventListener(t, fn) { (this._listeners.get(t) || this._listeners.set(t, []).get(t)).push(fn); }
   removeEventListener() {}
   dispatch(t, ev = {}) { for (const fn of this._listeners.get(t) || []) fn({ stopPropagation() {}, preventDefault() {}, ...ev }); }
   getBoundingClientRect() { return this._rect; }
-  querySelector() { return null; }
-  querySelectorAll() { return []; }
+  querySelector(sel) {
+    const s2 = String(sel);
+    const match = (el) => {
+      if (s2.includes('input[type="range"]')) return el.tagName === "INPUT" && el.attrs.type === "range";
+      if (s2.startsWith(".")) return el._cls.has(s2.slice(1));
+      if (s2.startsWith("input")) return el.tagName === "INPUT";
+      return false;
+    };
+    return this.children.find(match) || null;
+  }
+  querySelectorAll(sel) { const one = this.querySelector(sel); return one ? [one] : []; }
   matches() { return false; }
   click() { this._clicked = (this._clicked || 0) + 1; this.dispatch("click"); }
   get isConnected() { return true; }
@@ -114,7 +144,7 @@ function harness({ collapsedAttr = undefined, detailsAttr = undefined, sidebarRe
     innerWidth: width,
     innerHeight: 800,
     devicePixelRatio: 1,
-    localStorage: { getItem: () => null, setItem() {}, removeItem() {} },
+    localStorage: { _d: {}, getItem(k) { return k in this._d ? this._d[k] : null; }, setItem(k, v) { this._d[k] = String(v); }, removeItem(k) { delete this._d[k]; } },
     addEventListener() {},
     removeEventListener() {},
     getComputedStyle: () => ({ getPropertyValue: () => "" }),
@@ -148,6 +178,8 @@ const ADAPTER_DEBUG = process.env.DSH_ADAPTER_DEBUG === "1";
 function runAdapter(env) {
   try {
     vm.runInContext(adapterScript(), env.ctx, { timeout: 5000 });
+    // 让脚本内 setTimeout(0) 的收尾逻辑跑一轮
+    for (const fn of env._pendingTimers || []) { try { fn(); } catch { /* ignore */ } }
   } catch (e) {
     if (ADAPTER_DEBUG) console.error("ADAPTER THREW:", e && e.message);
     throw e;
@@ -161,20 +193,41 @@ const findHamburger = (env) => env.body.children.find((c) => c._cls.has("dsh-ma-
 
 // ── 用例 ─────────────────────────────────────────────────────────────────────
 
-test("运行时：官方属性带值写法 =false 时不得判定为展开 → 遮罩不拦截点击（用户报的整屏阴影）", () => {
-  // 官方若输出 data-sidebar-collapsed="false"（属性存在但语义为未折叠），旧实现 hasAttribute → 判定展开 → 遮罩常亮
-  const env = runAdapter(harness({ collapsedAttr: "false", sidebarRect: null }));
-  assert.ok(!env.html.classList.contains("dsh-ma-sidebar-open"),
-    "属性值 false = 未折叠 → 不应加 sidebar-open（否则遮罩会拦住整屏点击）");
+test("运行时：官方属性带值写法 =false 时遮罩不得拦截点击（用户报的整屏阴影）", () => {
+  // 官方若输出 data-sidebar-collapsed="true"（折叠），旧实现 hasAttribute 只看存在性；
+  // 带值写法下必须按值判断 —— 否则"折叠态"被当成"展开"，遮罩常亮拦住整屏点击。
+  const env = runAdapter(harness({ collapsedAttr: "true", sidebarRect: { left: 0, right: 300, top: 0, bottom: 800, width: 300, height: 800 } }));
+  assert.ok(!env.html.classList.contains("dsh-ma-scrim-on"), "折叠态 → 遮罩不得拦截点击");
+  assert.ok(!env.html.classList.contains("dsh-ma-sidebar-open"), "折叠态 → 不应处于展开态");
+  // 对照：=false 属"未折叠"，是展开态（但遮罩仍只在几何可见时拦截）
+  const env2 = runAdapter(harness({ collapsedAttr: "false", sidebarRect: { left: -300, right: 0, top: 0, bottom: 800, width: 300, height: 800 } }));
+  assert.ok(!env2.html.classList.contains("dsh-ma-scrim-on"), "侧栏在屏外 → 遮罩绝不拦截");
 });
 
-test("运行时：即使判定为展开，侧栏没真的滑进视口时也不得拦截点击", () => {
-  // 属性"存在且无值"在旧实现里就是展开；这里再叠加"侧栏几何不在视口内"（left:0/right:0）→ 仍不得拦截
+test("运行时：侧栏没真的滑进视口时，遮罩不得拦截点击（几何兜底只管遮罩，不否决展开）", () => {
   const env = runAdapter(harness({ collapsedAttr: "", sidebarRect: { left: 0, right: 0, top: 0, bottom: 800, width: 0, height: 800 } }));
-  assert.ok(!env.html.classList.contains("dsh-ma-sidebar-open"),
-    "侧栏未滑入视口 → 遮罩必须保持 pointer-events:none（几何兜底）");
-  const scrim = findScrim(env);
-  assert.ok(scrim, "遮罩元素本身仍应创建（关闭态只是不拦截）");
+  // 判定/几何可能出偏差，但"看不见的遮罩拦住整屏点击"必须不可能发生
+  assert.ok(!env.html.classList.contains("dsh-ma-scrim-on"),
+    "侧栏未滑入视口 → 遮罩必须保持不拦截（dsh-ma-scrim-on 不生效）");
+  assert.ok(findScrim(env), "遮罩元素本身仍应创建（关闭态只是不拦截）");
+  // ⚠️ 注意:展开 class 不再由几何否决 —— 否则点菜单按钮后动画还没开始、rect 仍在屏外，
+  //    sync 会把 class 立刻摘掉，抽屉永远打不开（这正是 0.6.6-beta.3 的回归）。
+});
+
+test("运行时：点菜单按钮必须能真的打开抽屉（上一版的回归点）", () => {
+  // 复现现场：侧栏初始在屏外（translateX(-103%) → rect 仍在外侧），点汉堡
+  // 从**收起态**开始（collapsedAttr="true" = 折叠），侧栏几何仍在屏外（动画未开始）
+  const env = runAdapter(harness({ collapsedAttr: "true", sidebarRect: { left: -300, right: 0, top: 0, bottom: 800, width: 300, height: 800 }, withToggle: false }));
+  assert.ok(!env.html.classList.contains("dsh-ma-sidebar-open"), "前提：初始为收起态");
+  const ham = findHamburger(env);
+  assert.ok(ham, "菜单按钮应存在");
+  assert.equal(ham.style.display, "", "菜单按钮不得被隐藏");
+  ham.dispatch("click");
+  assert.ok(env.html.classList.contains("dsh-ma-sidebar-open"),
+    "点菜单按钮后必须处于展开态（不能被几何判定立刻摘掉）—— 这正是上一版回归的点");
+  // 再点一次应能关掉
+  ham.dispatch("click");
+  assert.ok(!env.html.classList.contains("dsh-ma-sidebar-open"), "再次点击应关闭");
 });
 
 test("运行时：侧栏真的滑入视口（right>8 且有宽度）时才允许拦截点击", () => {
@@ -206,3 +259,49 @@ test("运行时：能拿到官方 toggle 时，点遮罩仍走官方 toggle（
   scrim.dispatch("click");
   assert.ok(env.toggle._clicked >= 1, "应点击官方 toggle");
 });
+
+// ── 字号档位（2026-09-16 需求：4 档滑块、仅手机端生效） ──────────────────────
+
+const findFsBtn = (env) => env.body.children.find((c) => c._cls.has("dsh-ma-fsbtn"));
+const findFsPanel = (env) => env.body.children.find((c) => c._cls.has("dsh-ma-fspanel"));
+
+test("字号：菜单/字号按钮与面板都应创建（面板默认收起）", () => {
+  const env = runAdapter(harness({}));
+  const btn = findFsBtn(env);
+  const panel = findFsPanel(env);
+  assert.ok(btn, "应有字号按钮");
+  assert.ok(panel, "应有字号面板");
+  assert.equal(panel.hidden, true, "面板默认收起（点按钮才展开）");
+  assert.ok((panel.querySelector ? panel : {}).querySelector === undefined || true);
+});
+
+test("字号：默认档 = 最小（不加缩放属性，保持当前大小）", () => {
+  const env = runAdapter(harness({}));
+  assert.equal(env.html.getAttribute("data-dsh-ma-fs"), null, "默认不应带缩放属性");
+  assert.equal(env.win.localStorage.getItem("dsh-ma-font-scale"), null);
+});
+
+test("字号：滑块改档 → 属性/正文变量/持久化都生效", () => {
+  const env = runAdapter(harness({}));
+  const panel = findFsPanel(env);
+  const range = panel && panel.querySelector && panel.querySelector('input[type="range"]');
+  assert.ok(range, "面板里应有 range 滑块");
+  // 打到「大」(level 2)
+  range.value = "2";
+  range.dispatch("input");
+  assert.equal(env.html.getAttribute("data-dsh-ma-fs"), "2", "应写入缩放属性（CSS 据此放大字号）");
+  assert.equal(env.win.localStorage.getItem("dsh-ma-font-scale"), "2", "应持久化到 localStorage");
+  const contentVar = env.html.style["--dsh-content-font-size"] || env.html._cssVars && env.html._cssVars["--dsh-content-font-size"];
+  assert.ok(contentVar, "应同步官方正文变量 --dsh-content-font-size（聊天正文才会变大）");
+});
+
+test("字号：恢复「最小」时移除缩放属性（回到当前大小）", () => {
+  const env = runAdapter(harness({}));
+  const panel = findFsPanel(env);
+  const range = panel.querySelector('input[type="range"]');
+  range.value = "3"; range.dispatch("input");
+  assert.equal(env.html.getAttribute("data-dsh-ma-fs"), "3");
+  range.value = "0"; range.dispatch("input");
+  assert.equal(env.html.getAttribute("data-dsh-ma-fs"), null, "level 0 = 最小 → 不应留缩放属性");
+  assert.equal(env.win.localStorage.getItem("dsh-ma-font-scale"), "0");
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrrisega/dsh-remote",
-  "version": "0.6.6-beta.3",
+  "version": "0.6.6",
   "description": "手机远程控制 DeepSeek Harness · Remote control DeepSeek Harness (dsh web) from any phone browser — 100% 全功能 App 级体验：发消息、看工具执行、审批权限、改设置、管凭据，含特权操作，免内网穿透。一条命令安装 npx @mrrisega/dsh-remote。Mobile remote control for DSH, self-host or SaaS, no server needed on LAN.",
   "keywords": [
     "deepseek-harness",

package/packages/dsh-remote-web/lib/index.js

@@ -1812,7 +1812,7 @@ const PLUGIN_ID = "dsh-remote-web";
 const PLUGIN_LEGACY_IDS = ["dsh-remote-ui"];
 const PLUGIN_ALL_IDS = [PLUGIN_ID, ...PLUGIN_LEGACY_IDS];
 /** 插件自身发布版本（与 dsh-remote 根包同步递增）。 */
-const PLUGIN_VERSION = "0.6.6-beta.3";
+const PLUGIN_VERSION = "0.6.6";
 const UPDATE_LOG = ".dsh-update.log";
 const UPDATE_MARKER = ".dsh-update-running";
 

package/packages/dsh-remote-web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-remote-web",
-  "version": "0.6.6-beta.3",
+  "version": "0.6.6",
   "description": "公网远程控制 DeepSeek Harness（dsh web）：安装即得专属加密地址，人在外面也能用手机访问电脑上的 dsh——无需同一局域网/WiFi、无需公网 IP 与内网穿透，全程加密；手机端 100% 还原电脑体验（对话/工具/审批/设置）。技术用户可选自建服务，流量走自己的服务器。Remote control DeepSeek Harness (dsh web) from anywhere over the public internet — install, get an encrypted URL, use it from your phone on any network (dual-half cordis plugin: Settings panel + same-origin /dsh-remote routes). (2026-09 由 dsh-remote-ui 更名 / renamed from dsh-remote-ui; dsh-remote 的 dsh web 插件半，不是纯 UI/皮肤插件)",
   "type": "module",
   "main": "lib/index.js",