@mrrisega/dsh-remote 0.6.18-beta.1 → 0.6.18-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -710,7 +710,7 @@
710
710
  /** 生成 window.WebSocket 的替换构造函数:命中策略才套 SeE2eeWs,否则原样放行。 */
711
711
  function seMakeWsCtor(NativeWS, ctx) {
712
712
  function SeWs(url, protocols) {
713
- var full = "", should = false, scoped = String(url);
713
+ var full = "", should = false, scoped = String(url), passUrl = url;
714
714
  try {
715
715
  var base = ctx.origin || (typeof window !== "undefined" ? window.location.href : undefined);
716
716
  var uo = new URL(url, base);
@@ -727,12 +727,19 @@
727
727
  scoped = seScopeToDevice(uo.pathname + uo.search, ctx.deviceId);
728
728
  var so = scoped === (uo.pathname + uo.search) ? uo : new URL(scoped, base);
729
729
  full = so.pathname + so.search;
730
- should = seShouldEncryptWs(full);
730
+ /* ★ 关键:改写结果要**留住**。原来不改写分支 return 的是原始 url,等于把
731
+ `/remote/<dev>/api/remote.mux` 又丢回根路径 —— 那正是 404 的来源。 */
732
+ passUrl = so.href;
733
+ /* ⚠️ 必须同时要求"有会话":URL 改写在无会话时也要做(这是 2026-09-26 事故的正题),
734
+ 但**加密**没有会话就做不了 —— 少了这个判断,未解锁的页面上任何
735
+ `new WebSocket("/api/…")` 都会在 ctx.sess.sessId 上抛 TypeError,
736
+ 把整个页面打挂(比原来"不装补丁"还糟)。 */
737
+ should = !!ctx.sess && seShouldEncryptWs(full);
731
738
  }
732
739
  } catch (e) { should = false; }
733
- if (!should) return new NativeWS(url, protocols);
740
+ if (!should) return new NativeWS(passUrl, protocols);
734
741
  var target = seBuildWsTarget(scoped, ctx.sess.sessId, seRandomHex(8), base);
735
- if (!target) return new NativeWS(url, protocols);
742
+ if (!target) return new NativeWS(passUrl, protocols);
736
743
  return new SeE2eeWs(NativeWS, target.href, protocols, { sess: ctx.sess, wsLabel: target.wsLabel });
737
744
  }
738
745
  SeWs.OPEN = 1; SeWs.CONNECTING = 0; SeWs.CLOSING = 2; SeWs.CLOSED = 3;
@@ -875,9 +882,28 @@
875
882
  + "一直这样请返回设备列表重新解锁(会自动重建加密通道)。");
876
883
  }
877
884
 
878
- /* ---- 安装 fetch/WS 加密补丁(有会话才安装) ---- */
885
+ /* ---- 补丁安装:**URL 改写永远装,加密按会话开关** ----
886
+ *
887
+ * 🔴 2026-09-27 修(P0-1 收尾):原来 fetch/WS 补丁只在"有会话"时安装(`_install(sess)`),
888
+ * 可**这正是它最需要生效的场景**:镜像页没有会话 → 不装补丁 → 官方客户端把 mux WS 拼成根路径
889
+ * `/api/remote.mux` → 中继 `resolveRoute` 只认 `dsh_device` cookie,cookie 过期/缺失就 404
890
+ * (`rejectUpgrade` 写状态行后立刻 destroy → nginx 只看到不透明的 009)→
891
+ * `e2ee-hello` 永远送不到宿主机 → **会话永远建不起来** → 之后每个受保护请求都是
892
+ * `unknown_session` 502。**死循环**:没会话→不装补丁→建不了会话。
893
+ * 生产已有实锤:上线 reject 分支日志后中继立刻打出
894
+ * `WS 升级被拒: reason=route_unresolved status=404 path=/api/remote.mux`。
895
+ *
896
+ * 现在:`_install()` 在 boot 阶段**无条件**安装(`ctx.sess` 先为 null),会话到了再填进去。
897
+ * 补丁里"不改写就原样放行"的分支也会带上改写后的 URL(见 seMakeWsCtor 的 passUrl)——
898
+ * 否则改写算出来又被丢掉,等于没做。
899
+ */
879
900
  var _installed = false;
901
+ var _ctx = null;
880
902
  function _install(sess) {
903
+ if (sess) {
904
+ // 会话后到:只更新 ctx(补丁已装好,闭包读的是同一个对象)
905
+ if (_ctx) { _ctx.sess = sess; return; }
906
+ }
881
907
  if (_installed) return;
882
908
  _installed = true;
883
909
  seFailureHook = _reportFail;
@@ -886,7 +912,8 @@
886
912
  /* deviceId 取自**页面路径**(`/remote/<deviceId>/…`,2026-09-19 起的标准入口):
887
913
  WS 侧用它把根路径的 mux 改写成设备作用域形态,从而不再依赖会过期的 dsh_device cookie
888
914
  (见 seScopeToDevice 的长注释与 2026-09-26 的 nginx 日志证据)。读不到就留空 = 不改写。 */
889
- var ctx = { sess: sess, origin: window.location.origin, deviceId: seDeviceIdOfPath(window.location.pathname) };
915
+ _ctx = { sess: sess || null, origin: window.location.origin, deviceId: seDeviceIdOfPath(window.location.pathname) };
916
+ var ctx = _ctx;
890
917
  try {
891
918
  if (window.fetch) {
892
919
  var origFetch = window.fetch.bind(window);
@@ -906,6 +933,7 @@
906
933
  function _boot() {
907
934
  try {
908
935
  if (!(window.crypto && window.crypto.subtle && window.crypto.getRandomValues)) {
936
+ _install(null);
909
937
  _badge("warn", "未加密:环境不支持", "当前浏览器环境不支持 WebCrypto(需 HTTPS 安全上下文),镜像页数据流保持明文。");
910
938
  return;
911
939
  }
@@ -936,12 +964,16 @@
936
964
  return;
937
965
  }
938
966
  }
967
+ /* ⚠️ 即使没有会话也必须先装补丁:WS 的设备作用域改写与加密无关(见 _install 长注释)。
968
+ 否则这里 return 掉 → mux 打根路径 → 404 → 会话永远建不起来(死循环)。 */
969
+ _install(null);
939
970
  _badge("warn", "未加密:未解锁(明文)", "本次为明文连接。密钥只存内存;请返回设备列表重新点选设备解锁后,镜像页的数据请求与 WebSocket 将自动加密。");
940
971
  return;
941
972
  }
942
973
  var sess = null;
943
974
  try { sess = seSessionOfHandover(raw); } catch (e) { sess = null; }
944
975
  if (!sess) {
976
+ _install(null);
945
977
  _badge("warn", "未加密:交接单无效", "一次性交接单无法解析(可能已损坏或过期)。请返回设备列表重新解锁。");
946
978
  return;
947
979
  }
@@ -149,19 +149,37 @@ const STYLE = `
149
149
  html.dsh-ma-official-collapsed:not(.dsh-ma-user-wants-open) div.pI_x6G_sidebarCol:not(.dsh-ma-details),
150
150
  html.dsh-ma-official-collapsed:not(.dsh-ma-user-wants-open) div.dsh-ma-sidebar:not(.dsh-ma-details) { transform: translateX(-103%) !important; }
151
151
 
152
- div.pI_x6G_detailsCol, div.pI_x6G_rightbarCol, div.dsh-ma-details, div.dsh-ma-rightbar {
153
- position: fixed; right: 0; top: 0; bottom: 0; margin: 0;
154
- width: min(92vw, 400px); max-width: 96vw;
155
- z-index: 300; overflow: hidden;
156
- border-left: .5px solid var(--dsw-alias-border-l3, rgba(127,127,127,.25));
157
- box-shadow: 0 10px 44px rgba(0,0,0,.26);
158
- transform: translateX(103%);
159
- transition: transform .22s var(--ds-ease-in-out, ease);
160
- }
161
- html.dsh-ma-details-open div.pI_x6G_detailsCol,
162
- html.dsh-ma-details-open div.pI_x6G_rightbarCol,
163
- html.dsh-ma-details-open div.dsh-ma-details,
164
- html.dsh-ma-details-open div.dsh-ma-rightbar { transform: none; }
152
+ /*
153
+ ══════════════════════════════════════════════════════════════════════════════
154
+ 🚫 这里**故意什么都不写** —— 第三列(官方右栏)的显示/隐藏完全交还给官方。
155
+ ══════════════════════════════════════════════════════════════════════════════
156
+ 历史(2026-09-27 根治,业主拍板 B 方案):
157
+ 0.6.13 起我们把这列改造成自绘浮层 —— position:fixed; right:0; width:min(92vw,400px);
158
+ transform:translateX(103%),再用 html.dsh-ma-details-open … { transform:none } 滑进来。
159
+ 因为"自绘浮层会白框压屏"(2026-09-19 事故),又加了一道很严的闸门(必须"用户 8 秒内
160
+ 在正文里点过"才允许滑入);而 better-sidebar 这类插件只翻**它自己**的 store、官方
161
+ cols.rightbar 永远是 0 → 闸门永远不开 → 于是又在悬浮菜单里补了颗「打开右侧栏」按钮。
162
+
163
+ 🔴 为什么这条路是错的(真机症状:点开之后整屏一层黑遮罩、看不到右栏内容):
164
+ 官方右栏在窄屏**本来就是全屏浮层**,由官方自己做:
165
+ · .P3OORG_panel[data-sidebar-right-panel=fullscreen]{ z-index:40; position:fixed; inset:0 }
166
+ (见 @deepseek-ai/dsh-client-ui-sidebar-right)
167
+ · 官方 ctx.layout.openRightbar(track, fullscreen) —— 窄屏打开时还会顺手收掉左栏
168
+ (viewportWidth < 1024 → narrowExpanded = false)。
169
+ 而 CSS 里**只要祖先有 transform,就会给 position:fixed 的后代创建新的包含块** ——
170
+ 我们那行 translateX(103%) 于是把官方那个 inset:0 的全屏面板**一起推到屏幕外**;
171
+ 与此同时我们的闸门又把 dsh-ma-scrim-on(rgba(0,0,0,.32) 全屏遮罩)打开
172
+ ⇒ 用户看到的正是"整屏变黑、什么也没有"。
173
+ **官方本来就做对了,是我们把它挡住的。**
174
+
175
+ 现在的契约(护栏用例 mobile-adapter-guards 守着):
176
+ ① 适配层**不得**给第三列设 position / transform / width / z-index / 背景;
177
+ ② 不得用类名(如 dsh-ma-details-open)驱动第三列的显隐;
178
+ ③ 不得为第三列开遮罩;
179
+ ④ 不再需要「打开右侧栏」按钮 —— 官方右栏自己的 tab / 会话头按钮就会调 openRightbar。
180
+ 宽屏时官方把它当普通 grid 列(computeColumns),窄屏时当全屏浮层 —— 两种都不需要我们插手。
181
+ 我们只保留 (.dsh-ma-details) 这个**标记**用于"别把第三列误认成左抽屉"(见上面的 :not 守卫)。
182
+ */
165
183
 
166
184
  /* --- 展开遮罩(在浮层下、在官方弹层下) --- */
167
185
  div.dsh-ma-scrim {
@@ -1004,34 +1022,11 @@ const SCRIPT = `(() => {
1004
1022
 
1005
1023
  /* 悬浮按钮/菜单:任何宽度都要有(电脑端访问镜像页同样需要「返回设备列表」的出口),
1006
1024
  与手机端布局改造分开守门;失败也不影响布局适配。 */
1007
- /* —— 「打开右侧栏」的接线(落点见 buildRemoteMenu 里的按钮注释)——
1008
- buildRemoteMenu 在**任何宽度**都会建(电脑端也要有返回设备列表的出口),而驱动第三列滑入的
1009
- 状态机(detailsSticky / centerTouchedAt / sync)只在 boot() 的窄屏段里存在 ——
1010
- 两者作用域不同、执行顺序也不保证(fab 先建)。所以用**一个模块级回调**做唯一接口:
1011
- 菜单按钮只调 maRightPaneRequest(),状态机自己决定怎么开,两边永不互相引用私有变量。 */
1012
- let maOpenRightPane = null; // 由 boot() 的窄屏段注入;null = 还没建好或当前是宽屏
1013
- /** 官方第三列(右栏)的「展开」按钮探测 —— 只用官方 aria-label / 结构,不认第三方标记。
1014
- 官方 0.1.5-rc.2:收起态下会话头有一颗 ExpandButton,展开后它就消失 ——
1015
- 所以"找不到"是正常情况(宽屏本来就不需要),不是错误。 */
1016
- const maRightPaneExpandBtn = () => {
1017
- try {
1018
- const sels = [
1019
- '[aria-label="Expand right sidebar"]', '[aria-label="Open right sidebar"]',
1020
- '[aria-label="Expand right pane"]',
1021
- '[aria-label="展开右侧栏"]', '[aria-label="打开右侧栏"]', '[aria-label="展开右栏"]'
1022
- ];
1023
- for (let i = 0; i < sels.length; i++) {
1024
- const el = document.querySelector(sels[i]);
1025
- if (el) return el;
1026
- }
1027
- } catch (e) { /* 选择器异常/老浏览器:当作找不到 */ }
1028
- return null;
1029
- };
1030
- const maRightPaneRequest = () => {
1031
- if (typeof maOpenRightPane === "function") { try { maOpenRightPane(); return; } catch (e) { /* 落到下面兜底 */ } }
1032
- // 宽屏 / 状态机还没建好:至少替用户点一下官方那颗展开按钮(没有就什么都不做,绝不报错)
1033
- try { const b = maRightPaneExpandBtn(); if (b && b.click) b.click(); } catch (e2) { /* 忽略 */ }
1034
- };
1025
+ /* ❌ 这里曾有 maOpenRightPane / maRightPaneExpandBtn / maRightPaneRequest 三件套 ——
1026
+ 它们是「从 FAB 手动打开官方右栏」的入口。2026-09-27 根治时整条删除:
1027
+ 官方右栏的 tab / 会话头按钮本来就会调 ctx.layout.openRightbar(track, fullscreen),
1028
+ 窄屏还会自动收起左栏(viewportWidth < 1024 → narrowExpanded = false)。
1029
+ 我们插一脚只会把官方推到相反方向(这正是「点开变黑遮罩」那条链的起点)。 */
1035
1030
  let fabDone = false;
1036
1031
  const buildRemoteMenu = () => {
1037
1032
  /* ===== 统一「远程控制」悬浮按钮:字号 + 加密状态 + 返回设备列表 =====
@@ -1105,7 +1100,9 @@ const SCRIPT = `(() => {
1105
1100
  // 「打开右侧栏」(0.6.18):手机端第三列是离屏浮层,滑入闸门要求"用户 8 秒内在正文点过",
1106
1101
  // 而把按钮注册进官方右栏的第三方插件(如 dsh-better-sidebar)只翻它自己的 store,
1107
1102
  // 官方 cols.rightbar 永远是 0 → 面板永远不滑进来。这里给用户一条明路(详见下方 click 处理)。
1108
- '<button type="button" class="dsh-ma-menu-right" data-role="right-pane">📋 打开右侧栏</button>' +
1103
+ // ❌ 这里曾有颗「📋 打开右侧栏」按钮(0.6.18-beta.1/2)。已删:
1104
+ // 它是「我们自绘浮层 → 浮层会挡屏 → 加闸门 → 闸门挡住第三方插件 → 再补个手动入口」
1105
+ // 这条错误链的最后一环。官方右栏自己就能开(窄屏还会自动收左栏),不需要这颗按钮。
1109
1106
  '<button type="button" class="dsh-ma-menu-back">← 返回设备列表</button>' +
1110
1107
  '<div class="dsh-ma-load-warn" data-role="load-warn" hidden>' +
1111
1108
  '<span class="ico">⚠</span>' +
@@ -1288,26 +1285,10 @@ const SCRIPT = `(() => {
1288
1285
  };
1289
1286
  renderRtt();
1290
1287
 
1291
- /* 「打开右侧栏」:手机端第三列(官方右栏)是**离屏浮层**,唯一滑入闸门在 sync() 里:
1292
- detailsAttrLive() && !detailsCollapsed() && (用户 8s 内在正文点过 || detailsSticky)
1293
- 而 better-sidebar 这类"把按钮注册进官方右栏"的插件只翻它**自己**的 store,官方 cols.rightbar
1294
- 永远是 0 → 面板永远不会滑进来(用户报的「右侧按钮区看不见」)。
1295
- 这里给用户一条**明路**:把"我要看右侧栏"登记成和"在正文里点了一下"等价的意图(不受 8s 窗口
1296
- 限制),并在官方确实有展开按钮时替用户点一下。
1297
- ⚠️ 探测只用**官方类名/aria-label/结构**,绝不依赖 better-sidebar 的私有标记
1298
- (data-rightbar-col / data-dsh-center-col)—— 那正是 0.6.15/0.6.16 反复踩的坑:
1299
- 插件换版本或被卸载,标记就没了,适配层会跟着失灵。
1300
- ⚠️ 状态机在 boot() 的窄屏段里(buildRemoteMenu 宽窄都建、且可能更早执行),
1301
- 所以通过模块级回调 maOpenRightPane 单向调用;拿不到回调(宽屏/还没建好)时
1302
- 退化成"只点官方那颗展开按钮"。 */
1303
- const rightBtn = menu.querySelector('[data-role="right-pane"]');
1304
- if (rightBtn) {
1305
- rightBtn.addEventListener("click", (e) => {
1306
- e.stopPropagation(); e.preventDefault();
1307
- closeMenu();
1308
- maRightPaneRequest();
1309
- });
1310
- }
1288
+ /* ❌ 这里曾有「打开右侧栏」这一段与 maRightPane* 三件套 —— 2026-09-27 根治时整条删除。
1289
+ 原因见 STYLE 段顶部:官方右栏在窄屏本来就是全屏浮层,我们把它劫持成自绘浮层
1290
+ (祖先 transform 会给 fixed 后代创建包含块)才导致「点开变整屏黑遮罩」。
1291
+ 官方自己的 tab / 会话头按钮就会调 ctx.layout.openRightbar(track, fullscreen)。 */
1311
1292
 
1312
1293
  /* ---- 交互 ---- */
1313
1294
  /* 菜单跟随按钮:按钮在上半屏 → 菜单挂在它下方;按钮靠左 → 菜单左对齐(都不超出视口)。 */
@@ -1643,12 +1624,10 @@ const SCRIPT = `(() => {
1643
1624
  scrim.addEventListener("click", (e) => {
1644
1625
  e.stopPropagation();
1645
1626
  userWantsOpen = false; // 用户明确要关(遮罩的作用就是关抽屉)
1646
- centerTouchedAt = 0; detailsSticky = false; // 顺带收回"要看详情"的意图(下次在正文里点一下即可恢复)
1647
- rightPaneWanted = false; // 也收回「打开右侧栏」的显式请求
1648
1627
  const t = toggleOf();
1649
1628
  if (t) { t.click(); }
1650
1629
  /* 兜底 + 保险:无论官方 toggle 在不在,都确保"点空白处"能关掉/不再拦截 */
1651
- document.documentElement.classList.remove("dsh-ma-sidebar-open", "dsh-ma-details-open", "dsh-ma-scrim-on");
1630
+ document.documentElement.classList.remove("dsh-ma-sidebar-open", "dsh-ma-scrim-on");
1652
1631
  });
1653
1632
 
1654
1633
  /* 顶部小鲸鱼/菜单按钮 */
@@ -1704,7 +1683,7 @@ const SCRIPT = `(() => {
1704
1683
  } catch (e2) { return false; }
1705
1684
  };
1706
1685
  const sidebarInView = () => isDrawer(sidebar || document.querySelector(".dsh-ma-sidebar"));
1707
- const detailsInView = () => isDrawer(details || document.querySelector(".dsh-ma-details, .dsh-ma-rightbar"));
1686
+ // ❌ 已随 2026-09-27 根治删除:detailsInView(第三列不再由我们判显隐)。
1708
1687
  /**
1709
1688
  * 抽屉列是不是**空壳**:官方已经把内容收起来了,只剩一个宽度还在的固定柱。
1710
1689
  *
@@ -1730,19 +1709,8 @@ const SCRIPT = `(() => {
1730
1709
  return true; // 子节点为空 → 空壳(官方折叠后内容被卸载的情况)
1731
1710
  } catch (e) { return false; }
1732
1711
  };
1733
- /* 第三列折叠态:官方 0.1.2-rc.1 是 data-details-collapsed,0.1.5-rc.2 起是 data-rightbar-collapsed;
1734
- 两个都认;都不存在(未来再改名)时**不当作展开**(见下面 detailsAttrLive)。 */
1735
- const detailsCollapsed = () =>
1736
- truthyAttr(frame, "data-details-collapsed") || truthyAttr(frame, "data-rightbar-collapsed");
1737
- const detailsAttrKnown = () =>
1738
- frame.hasAttribute("data-details-collapsed") || frame.hasAttribute("data-rightbar-collapsed");
1739
- /* 官方这两个属性都是"折叠时才写,展开时**移除**"(实测 0.1.2-rc.1:展开态下属性消失)。
1740
- 所以"属性不在"既可能是"展开",也可能是"官方改名了,我们根本不认识这个属性"——必须区分:
1741
- · 只要**见过**它出现过(detailsSeenCollapsed),就说明这个名字是活的 → 之后的"不在"= 展开;
1742
- · 从没见过 → 不认识 → 一律不认(绝不把未知结构当成"展开的详情列",这是白框事故的根因)。
1743
- data-rightbar-fullscreen 一并算作"这个名字是活的"的旁证(0.1.5 起第三列的另一种开合表达)。 */
1744
- const detailsAttrLive = () =>
1745
- detailsAttrKnown() || detailsSeenCollapsed || frame.hasAttribute("data-rightbar-fullscreen");
1712
+ /* ❌ 已随 2026-09-27 根治删除:detailsCollapsed / detailsAttrKnown / detailsAttrLive 三件套 ——
1713
+ 它们的前提是「由我们决定第三列显隐」,而决定权已交还官方。 */
1746
1714
  /* 状态来源(按优先级):
1747
1715
  ① 用户意图 userWantsOpen —— 点菜单按钮打开 / 点遮罩关闭,期间**不被几何判定推翻**;
1748
1716
  ② 官方 frame 的 data 属性 —— 用户没表达意图时(初始、官方自己切换)以它为准。
@@ -1757,36 +1725,15 @@ const SCRIPT = `(() => {
1757
1725
  let officialExpandedSeen = false;
1758
1726
  let lastOfficialCollapsed = null;
1759
1727
  let scrimTimer = 0, scrimWatchdog = 0;
1760
- /* ---- 详情列(第三列)在手机端的显示条件 ----------------------------------------
1761
- ⚠️ 为什么不能"官方属性说展开就滑进来"(2026-09-19 白框事故的根因之一):
1762
- 详情列在手机端是**离屏浮层**,我们自己的 CSS 用 translateX(103%) 把它推到屏幕右侧外面,
1763
- 到底显不显示**完全由 dsh-ma-details-open 决定**。所以几何永远无法充当"要不要打开"的依据
1764
- (它永远在屏外);反过来,旧实现用带缺陷的几何判定去决定是否滑入,就把
1765
- "官方在宽屏/上次会话遗留的展开态(attr 缺失或 =false)"读成"现在就该显示",
1766
- 于是手机一载入就滑出一个**空的白色 Details 面板**盖住界面。
1767
- 现在的规则(唯一一条,很保守):
1768
- 官方说得清"此刻是展开的" **且** 用户在**主内容列**里点过至少一次 → 才滑入。
1769
- 为什么要求"用户点过主内容列":官方表达展开的方式有两种 —— 属性被移除,或写成 =false
1770
- (实测 0.1.2-rc.1 是"收起才写属性";0.1.5 起第三列改名 rightbar,写法可能与旧版不同)。
1771
- "载入时官方就是展开的"多半是宽屏/上次会话留下的状态,手机端一进来就弹一个空白白面板
1772
- 正是用户报的那个白框;而"用户在正文里点了一下"是**可靠且唯一的**用户意图信号
1773
- (点工具行必然落在主内容列里)。这样两种写法都能正确处理,也不需要猜官方的时序。
1774
- 注:用户点过之后,官方若把属性收回(=收起),下面的 !detailsCollapsed() 立刻让它退出 ——
1775
- 关掉详情面板也是即时的。 */
1776
- let detailsSeenCollapsed = false; // 是否见过官方写出折叠态(证明这个属性名是活的)
1777
- /* 手机端显示详情列的**唯一**依据:用户在主内容列里的点击(见下面 click 委托)。
1778
- · centerTouchedAt:最近一次点击时间 —— 点工具行后官方通常在同一帧内把详情置为展开,
1779
- 给一个几秒窗口足够覆盖"点击 → 官方改属性 → 我们收到通知"的时序;
1780
- · detailsSticky:一经用户动作显示过就粘住(官方没说收起之前不自己缩回去),
1781
- 否则那些 700/1600/…/12000ms 的兜底 re-sync 会在窗口过期后把面板又收起来。 */
1782
- const CENTER_TOUCH_MS = 8000;
1783
- let centerTouchedAt = 0;
1784
- let detailsSticky = false;
1785
- /* 「打开右侧栏」的**显式**请求(0.6.18,来自悬浮菜单那颗按钮)。
1786
- 与 centerTouchedAt/detailsSticky 的区别:那两个是"用户大概想看点细节"的弱信号,
1787
- 这个是"我就是要看官方右栏"的强信号 —— 强信号才允许跳过"官方说未收起"这一条
1788
- (better-sidebar 这类只翻自己 store 的插件永远不会让官方 cols.rightbar 变正)。 */
1789
- let rightPaneWanted = false;
1728
+ /* ❌ 这里曾有「详情列(第三列)在手机端的显示条件」整段判据(白框事故后打的四层闸门)。
1729
+ 2026-09-27 根治时删除:第三列的显隐**完全交还官方** —— 宽屏按 grid 列、窄屏全屏浮层。
1730
+ 我们不再有"要不要显示它"的决定权,也就不需要任何判据。 */
1731
+
1732
+ // ❌ 已随 2026-09-27 根治删除:detailsSeenCollapsed。
1733
+ // ❌ 同一批删除:centerTouchedAt / detailsSticky 的说明(自绘浮层时代的启发式)。
1734
+
1735
+ /* ❌ 已随 2026-09-27 根治删除:CENTER_TOUCH_MS / centerTouchedAt / detailsSticky / rightPaneWanted ——
1736
+ 这套「用户 8 秒内在正文点过 / 从 FAB 明确要求」的启发式闸门,是为自绘浮层打的补丁。 */
1790
1737
  /**
1791
1738
  * 官方右栏里到底有没有"宿主注册的内容"?—— 有内容才值得滑进来。
1792
1739
  * 判据只用**官方结构 + 几何**,绝不认 better-sidebar 的私有标记
@@ -1795,19 +1742,7 @@ const SCRIPT = `(() => {
1795
1742
  * 为什么重要:官方右栏收起时**面板仍然挂载**(只是平移出 frame 右缘),所以"有子节点"
1796
1743
  * 就足以说明"这颗按钮后面真有东西可看",而不是一片空白。
1797
1744
  */
1798
- const rightPaneHasContent = () => {
1799
- try {
1800
- const el = details || document.querySelector(".dsh-ma-details, .dsh-ma-rightbar");
1801
- if (!el) return false;
1802
- const kids = el.children;
1803
- if (!kids || typeof kids.length !== "number") return false;
1804
- if (kids.length === 0) return false;
1805
- /* 官方折叠时宽度会被压到 0;但我们自己在窄屏把它改成 fixed + translateX(103%),
1806
- 所以宽度不再是"官方有没有内容"的判据,只用来排除"被压成 0 宽的列"。 */
1807
- if (typeof el.clientWidth === "number" && el.clientWidth === 0) return false;
1808
- return true;
1809
- } catch (e2) { return false; }
1810
- };
1745
+ // ❌ 已随 2026-09-27 根治删除:rightPaneHasContent(「右栏里有没有内容」也交给官方判断)。
1811
1746
  /* scrim 的"到底有没有在拦"以浏览器算出来的 pointer-events 为准(class 只是我们的意图) */
1812
1747
  const scrimBlocks = () => {
1813
1748
  const html = document.documentElement;
@@ -1819,16 +1754,19 @@ const SCRIPT = `(() => {
1819
1754
  } catch (e2) { /* 忽略 */ }
1820
1755
  return true; // 认不出实际样式 → 以 class 为准(保守:当成在拦)
1821
1756
  };
1757
+ /* 遮罩的「视口里确实有一层可交互抽屉」判据 —— 现在**只认左抽屉**。
1758
+ 第三列(官方右栏)不再是我们的浮层,也就绝不应该让我们的遮罩下闸。 */
1822
1759
  const anyDrawerInView = () =>
1823
- (sidebarInView() && !isShellColumn(sidebar || document.querySelector(".dsh-ma-sidebar"))) || detailsInView();
1760
+ (sidebarInView() && !isShellColumn(sidebar || document.querySelector(".dsh-ma-sidebar")));
1824
1761
  /* 遮罩闸门:**只有此刻真的看得见抽屉**才允许拦截点击。
1825
1762
  抽屉是滑入动画(.22s),所以同步判定必然"还看不见" —— 那一瞬间不下闸即可,
1826
1763
  真正的下闸交给下一帧与动画结束后的复核(applyScrim),既不误拦也不影响手感。
1827
1764
  另外 CSS 侧已收口成"只认 dsh-ma-scrim-on 一个闸",不会再出现"某个 class 常亮 → 整屏被拦"。 */
1828
1765
  const scrimShouldBeOn = () => {
1766
+ // 只认**左抽屉**:第三列(官方右栏)交还官方之后,窄屏时官方自己做全屏浮层,
1767
+ // 不需要(也不该)由我们再盖一层遮罩 —— 那正是「点开变整屏黑」的直接成因。
1829
1768
  const html = document.documentElement;
1830
1769
  if (html.classList.contains("dsh-ma-sidebar-open") && sidebarInView()) return true;
1831
- if (html.classList.contains("dsh-ma-details-open") && detailsInView()) return true;
1832
1770
  return false;
1833
1771
  };
1834
1772
  const applyScrim = () => {
@@ -1858,7 +1796,7 @@ const SCRIPT = `(() => {
1858
1796
  if (enforceScrimInvariant()) { /* 不变量被触发:已摘掉遮罩 */ }
1859
1797
  applyScrim();
1860
1798
  const html = document.documentElement;
1861
- if (!html.classList.contains("dsh-ma-scrim-on") && !html.classList.contains("dsh-ma-sidebar-open") && !html.classList.contains("dsh-ma-details-open")) {
1799
+ if (!html.classList.contains("dsh-ma-scrim-on") && !html.classList.contains("dsh-ma-sidebar-open")) {
1862
1800
  clearInterval(scrimWatchdog); scrimWatchdog = 0;
1863
1801
  }
1864
1802
  }, 800);
@@ -1893,23 +1831,14 @@ const SCRIPT = `(() => {
1893
1831
  保持可见 + 点它可开可关(见其 click 处理),任何异常状态下都留一条出路。
1894
1832
  它的 z-index(320) 高于抽屉(310)/详情列(300)/遮罩(290) —— 判定怎么错都点得到。 */
1895
1833
  if (hamburger) hamburger.style.display = "";
1896
- /* 第三列(详情/rightbar)在手机端要不要滑进来(0.6.18 四层判据):
1897
- ① 官方说得清(detailsAttrLive)+ 官方未收起 + 用户此刻想看 → 滑入(原判据);
1898
- ② **用户从 FAB 明确要求**(rightPaneWanted)+ 右栏确实有内容 → 也滑入。为什么必须绕过
1899
- "官方未收起":better-sidebar 这类把按钮注册进官方右栏的插件只翻它**自己**的 store,
1900
- 官方 cols.rightbar 永远是 0 → 等它松口 = 面板永远打不开(用户报的「右侧按钮区看不见」)。
1901
- 而"有没有内容"用官方结构/几何判,**绝不**认任何第三方私有标记;
1902
- ③ 官方属性改名了(detailsAttrLive 为假)但右栏里确实有内容 → 在用户已表达"要看"的前提下
1903
- 也允许滑入(未来官方再改名的兜底;"载入即滑出白框"由 wantsRightPane 挡掉 —— 它要求
1904
- 先有用户动作,那正是 2026-09-19 白框事故的根因);
1905
- ④ 官方收起 → 立刻退出,并复位所有粘性意图(下次点正文 / 点 FAB 即可恢复)。 */
1906
- if (detailsCollapsed()) { detailsSeenCollapsed = true; detailsSticky = false; rightPaneWanted = false; }
1907
- const touchedRecently = centerTouchedAt !== 0 && (Date.now() - centerTouchedAt) <= CENTER_TOUCH_MS;
1908
- const wantsRightPane = touchedRecently || detailsSticky || rightPaneWanted;
1909
- const officialOpen = detailsAttrLive() && !detailsCollapsed();
1910
- const dOpen = wantsRightPane && (officialOpen || rightPaneHasContent());
1911
- if (dOpen) detailsSticky = true;
1912
- document.documentElement.classList.toggle("dsh-ma-details-open", dOpen);
1834
+ /* ❌ 2026-09-27 根治:这里曾用四层判据决定"第三列(官方右栏)要不要滑进来",
1835
+ 并 toggle dsh-ma-details-open。整段删除 —— 第三列的显隐**完全交还给官方**:
1836
+ · 宽屏:官方按 grid 列摆(computeColumns);
1837
+ · 窄屏:官方把它做成全屏浮层(.P3OORG_panel[data-sidebar-right-panel=fullscreen]
1838
+ { position:fixed; inset:0 }),并且 openRightbar() 时自动收起左栏。
1839
+ 我们插手的两个后果都已真机验证:① 祖先 transform 会给 fixed 后代创建包含块 →
1840
+ 官方全屏面板被推到屏幕外;② 我们再开遮罩 → 只剩"整屏一层黑"。
1841
+ 现在这里**刻意什么都不做**,护栏用例守着「不得出现 dsh-ma-details-open」。 */
1913
1842
  // 遮罩:同步先按当前几何下闸(抽屉已在视口内时无延迟),再在动画开始/结束后复核两次
1914
1843
  applyScrim();
1915
1844
  try {
@@ -1919,46 +1848,10 @@ const SCRIPT = `(() => {
1919
1848
  } catch (e2) { /* 忽略 */ }
1920
1849
  armScrimWatchdog();
1921
1850
  };
1922
- /* 「打开右侧栏」的真正实现(0.6.18;悬浮菜单那颗按钮通过模块级 maOpenRightPane 回调进来)——
1923
- 状态机在这里,菜单那边看不到 detailsSticky/sync(两者作用域与创建时机都不同:
1924
- 菜单宽窄都建、可能更早;状态机只在 boot() 的窄屏段)。
1925
- ① 登记"我就是要看官方右栏"的强意图(不受 8s 窗口限制);
1926
- ② 官方若真有展开按钮就替用户点一下(探测失败是正常的:宽屏/已展开时它本来就不在);
1927
- ③ sync() 立刻按意图生效;官方展开是异步的,动画结束(≈260ms)后再对齐一次。 */
1928
- maOpenRightPane = () => {
1929
- rightPaneWanted = true;
1930
- detailsSticky = true; // 双保险:即便官方 toggle 点不动,判据②也放行
1931
- centerTouchedAt = Date.now();
1932
- try {
1933
- const b = maRightPaneExpandBtn();
1934
- if (b && b.click && detailsCollapsed()) b.click();
1935
- } catch (eR) { /* 探测/点击失败不影响下面的 sync */ }
1936
- sync();
1937
- try { setTimeout(() => { try { sync(); } catch (eS) { /* 忽略 */ } }, 260); } catch (eS2) { /* 忽略 */ }
1938
- };
1939
- /* 用户在主内容列里点一下 → 视为"他要看详情"(手机端显示详情列的唯一开关)。
1940
- 为什么必须由用户动作来解锁:官方表达"详情展开"的方式有两种 —— 属性被移除,或写成 =false,
1941
- 而"载入时官方就是展开的"多半是宽屏/上次会话留下的状态;手机端一进来就滑出一个空白白面板
1942
- 正是用户报的那个白框。点了正文之后才显示,两种写法都能正确处理,也不用去猜官方时序;
1943
- 用户点空白(遮罩)即收回这个意图(见 scrim 的 click 处理)。
1944
- 只认主内容列(.dsh-ma-center),不认抽屉/菜单/适配层自己的 UI —— 不会误触发。 */
1945
- try {
1946
- document.addEventListener("click", (e) => {
1947
- try {
1948
- if (!NARROW()) return;
1949
- const t = e.target;
1950
- if (!t || !t.closest) return;
1951
- if (t.closest(".dsh-ma-sidebar, .dsh-ma-scrim, .dsh-ma-hamburger, .dsh-ma-fab, .dsh-ma-menu")) return;
1952
- if (!t.closest(".dsh-ma-center, .pI_x6G_centerCol")) return;
1953
- centerTouchedAt = Date.now();
1954
- /* 只有"官方此刻就说详情是展开的"才需要立刻重算 —— 否则这一下点击改变不了任何显示,
1955
- 白跑一次 sync()(它要读几次 getBoundingClientRect)。官方稍后把详情置为展开时,
1956
- frame 属性观察器会再触发一次 sync,那时 centerTouchedAt 已经记下了用户意图。 */
1957
- if (detailsCollapsed()) return;
1958
- sync();
1959
- } catch (e2) { /* 忽略 */ }
1960
- }, true);
1961
- } catch (e2) { /* 忽略 */ }
1851
+ /* ❌ 「打开右侧栏」的实现已整条删除(2026-09-27 根治,原因见 STYLE 段顶部的长注释)。 */
1852
+ /* ❌ 「在正文里点一下才允许详情列滑入」的 click 委托已删除(2026-09-27 根治)。
1853
+ 那道启发式闸门存在的唯一理由,是我们把官方右栏改成了自绘浮层、怕它白框压屏;
1854
+ 现在右栏完全交还给官方(官方自己 openRightbar / fullscreen),闸门没有存在意义了)。 */
1962
1855
  try {
1963
1856
  /* 观察 frame 的**全部属性**,再在回调里按名字筛(2026-09-19 手机实测后的加固):
1964
1857
  官方 0.1.5-rc.2 起表达抽屉开合的属性改过名(details→rightbar),将来还可能再改;
@@ -39,7 +39,7 @@ import {
39
39
  maybeInjectE2eeShim,
40
40
  e2eeShimEnabled
41
41
  } from "../e2ee-shim.mjs";
42
- import { loadShimCore, extractShimCore } from "./lib-e2ee-shim.mjs";
42
+ import { loadShimCore, extractShimCore, readShimScript } from "./lib-e2ee-shim.mjs";
43
43
  import { loadNativeHandoverCore, extractNativeHandoverCore, loadNativeWcCore } from "./lib-native-e2ee.mjs";
44
44
 
45
45
  const OFFICIAL_HTML = `<!doctype html>
@@ -562,3 +562,45 @@ test("fetch 包装:真实字节往返(shim 密封 → 桥端打开 → 封回
562
562
  assert.equal(res.headers.get("x-round"), String(i));
563
563
  }
564
564
  });
565
+
566
+ // ─────────────── 2026-09-27:P0-1 收尾(设备作用域必须在"没有会话"时也生效) ───────────────
567
+
568
+ test("★ WS 设备作用域:不改写就走放行分支时,也必须用**改写后**的 URL", () => {
569
+ // 事故现场:镜像页**没有会话**(未解锁)→ 不加密 → 走放行分支。
570
+ // 官方客户端把 mux 拼成根路径 `/api/remote.mux`,中继只认会过期的 dsh_device cookie → 404
571
+ // (rejectUpgrade 写状态行后立刻 destroy → nginx 只看到 009)→ e2ee-hello 送不到 →
572
+ // 会话永远建不起来 → 每个受保护请求 unknown_session 502。死循环。
573
+ const ORIGIN = "http://relay.local";
574
+ const patched = shim.seMakeWsCtor(FakeNative, { sess: null, origin: ORIGIN, deviceId: "dev-8e5fb209cdc8" });
575
+ const ws = patched(ORIGIN + "/api/remote.mux?e2ee=abc&w=def");
576
+ assert.ok(ws instanceof FakeNative, "无会话 → 不套加密代理(放行)");
577
+ assert.equal(ws.url, ORIGIN + "/remote/dev-8e5fb209cdc8/api/remote.mux?e2ee=abc&w=def",
578
+ "🔴 放行分支必须带**改写后**的设备作用域 URL —— 否则改写算了又被丢掉,等于没做");
579
+
580
+ // 反向:本来就在设备作用域里 → 一个字节都不改
581
+ const ws2 = patched(ORIGIN + "/remote/dev-x/api/remote.mux?w=1");
582
+ assert.equal(ws2.url, ORIGIN + "/remote/dev-x/api/remote.mux?w=1", "已在设备作用域 → 原样放行");
583
+
584
+ // 反向:非受保护路径(如静态资源)不做设备改写,保持原样
585
+ const ws3 = patched(ORIGIN + "/assets/index.js");
586
+ assert.equal(ws3.url, ORIGIN + "/assets/index.js", "非受保护前缀不改写");
587
+
588
+ // 反向:拿不到 deviceId(例如旧入口 `/`)→ 不改写,且不得崩
589
+ const patchedNoDev = shim.seMakeWsCtor(FakeNative, { sess: null, origin: ORIGIN, deviceId: "" });
590
+ const ws4 = patchedNoDev(ORIGIN + "/api/remote.mux");
591
+ assert.equal(ws4.url, ORIGIN + "/api/remote.mux", "没有 deviceId 时保持原样(宁可 404 也不要乱拼)");
592
+ });
593
+
594
+ test("★ 补丁必须在 boot 阶段**无条件**安装(没会话也要装,否则建不了会话)", () => {
595
+ const src = readShimScript();
596
+ // 三条"放弃会话"的早退分支,都必须在 return 之前先装补丁
597
+ for (const marker of ["未加密:未解锁(明文)", "未加密:交接单无效", "未加密:环境不支持"]) {
598
+ const i = src.indexOf(marker);
599
+ assert.ok(i > 0, `找不到分支 ${marker}`);
600
+ const before = src.slice(Math.max(0, i - 320), i);
601
+ assert.match(before, /_install\(null\)/, `🔴 「${marker}」分支必须在 return 之前先 _install(null),否则 WS 改写根本不生效`);
602
+ }
603
+ // 会话后到时只填 ctx,不重复包装(否则 fetch/WS 会被套多层)
604
+ assert.match(src, /if \(sess\) \{[\s\S]{0,200}?_ctx\.sess = sess; return;/,
605
+ "同一页面重复 _install(sess) 只能更新会话,不得重复包装 window.fetch/WebSocket");
606
+ });