@mrrisega/dsh-remote 0.7.6-beta.8 → 0.7.6-beta.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrrisega/dsh-remote",
-  "version": "0.7.6-beta.8",
+  "version": "0.7.6-beta.9",
   "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/client.js

@@ -98,7 +98,7 @@ window.__ModuleLoader__.load({
       // 绝不写 :root / body —— 否则会污染整个 GUI。JS 解析出主题后往根节点写
       // data-dru-theme="dark|light"，下面按属性切换；末一条 `:not([data-dru-theme])`
       // 是 JS 尚未执行时的纯 CSS 兜底（一旦 JS 写过属性就不再参与，不会打架）。
-      ".dru-settings-section,.dru-popup,.dru-nav-remote{",
+      ".dru-settings-section,.dru-popup,.dru-nav-remote,.dru-standalone-card{",
       "  color-scheme:light;",
       "  --dru-surface:#f6f8fa;",          // 卡片底
       "  --dru-surface-2:#ffffff;",        // 抬升面（输入框/行/弹窗卡）
@@ -149,10 +149,11 @@ window.__ModuleLoader__.load({
       // 深色：JS 写的 data-dru-theme 优先；宿主属性作 JS 未执行时的兜底。
       // 取值跟着宿主的深色基色走（body 实测 #151517 / 层 1 #232324 / 层 2 #2c2c2e / 层 3 #353638），
       // 语义色**在深底上重新取值**，不是沿用亮色值（亮色的 #1a7f37 / #cf222e 在深底对比度不足）。
-      ".dru-settings-section[data-dru-theme=\"dark\"],.dru-popup[data-dru-theme=\"dark\"],.dru-nav-remote[data-dru-theme=\"dark\"],",
+      ".dru-settings-section[data-dru-theme=\"dark\"],.dru-popup[data-dru-theme=\"dark\"],.dru-nav-remote[data-dru-theme=\"dark\"],.dru-standalone-card[data-dru-theme=\"dark\"],",
       "body[data-ds-dark-theme] .dru-settings-section:not([data-dru-theme]),",
       "body[data-ds-dark-theme] .dru-popup:not([data-dru-theme]),",
-      "body[data-ds-dark-theme] .dru-nav-remote:not([data-dru-theme]){",
+      "body[data-ds-dark-theme] .dru-nav-remote:not([data-dru-theme]),",
+      "body[data-ds-dark-theme] .dru-standalone-card:not([data-dru-theme]){",
       "  color-scheme:dark;",
       "  --dru-surface:#232324;",
       "  --dru-surface-2:#2c2c2e;",
@@ -202,6 +203,15 @@ window.__ModuleLoader__.load({
       "}",
       // 设置页栏目容器（nav 选中后渲染在 settings.section 内容区）
       ".dru-settings-section{max-width:720px;display:flex;flex-direction:column;gap:14px;padding-top:2px;color:var(--dru-fg)}",
+      // 📱 独立「远程访问」弹层（2026-10-25）：入口点击不再去"猜"官方设置面板的 DOM，
+      // 直接弹我们自己的一份设置页 —— 宿主改版也影响不到它。
+      ".dru-standalone-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--dru-overlay)}",
+      ".dru-standalone-card{width:min(760px,100%);max-height:88vh;overflow:auto;box-sizing:border-box;padding:18px 20px 22px;border:1px solid var(--dru-border);border-radius:14px;background:var(--dru-surface-2);color:var(--dru-fg);box-shadow:0 18px 60px var(--dru-shadow)}",
+      ".dru-standalone-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}",
+      ".dru-standalone-title{font-size:16px;font-weight:700}",
+      ".dru-standalone-close{appearance:none;border:1px solid var(--dru-border-ctl);background:var(--dru-surface-2);color:var(--dru-fg-muted);width:30px;height:30px;border-radius:8px;font-size:18px;line-height:1;cursor:pointer}",
+      ".dru-standalone-close:hover{background:var(--dru-hover);color:var(--dru-fg)}",
+      "@media (max-width:640px){.dru-standalone-overlay{padding:8px}.dru-standalone-card{max-height:94vh;border-radius:12px;padding:14px 14px 18px}}",
       ".dru-settings-head{display:flex;align-items:center;gap:10px;padding:6px 2px 2px}",
       ".dru-settings-icon{font-size:24px;line-height:1;flex:none}",
       // 标题/副标题优先沿用宿主语义令牌（自带深浅两套），取不到再退回本插件令牌
@@ -1117,6 +1127,61 @@ window.__ModuleLoader__.load({
        0.2 实测该槽就在侧栏底部、且**当前是空的**）—— 位置、宽度、折叠态全由宿主负责。
        所以这里不再注入任何 DOM，直接注册进槽位。id 仍保留 `dru-nav-remote`：
        公告徽标 / 首次红点那套按 id 取节点的既有逻辑因此不用改。 */
+    /* 📱 独立「远程访问」弹层（2026-10-25 用户拍板）：
+       桌面端点击侧栏入口时，不再去"点官方设置/找栏目"（宿主一改版就点错或没反应，
+       实测会点到左上角「更多→浏览插件」），而是弹出我们自己的一份设置页。
+       「设置 → 远程访问」栏目保留，正常从官方设置页进入的用户仍走那条路。
+       实现上用 shell.overlay 槽（宿主最上层，不受侧栏容器裁剪），组件常驻、按事件开关。 */
+    var standaloneOverlayMounted = false;
+    function openRemoteStandalonePanel() {
+      try { window.dispatchEvent(new CustomEvent("dsh-remote:open-standalone")); } catch (e) { /* 忽略 */ }
+    }
+    function RemoteStandaloneOverlay() {
+      var st = useState(false);
+      var open = st[0];
+      var setOpen = st[1];
+      useEffect(function () {
+        standaloneOverlayMounted = true;
+        function onOpen() { try { setOpen(true); } catch (e) { /* 忽略 */ } }
+        function onKey(e) {
+          if (!e) return;
+          if (e.key === "Escape" || e.keyCode === 27) { try { setOpen(false); } catch (e2) { /* 忽略 */ } }
+        }
+        try {
+          window.addEventListener("dsh-remote:open-standalone", onOpen);
+          window.addEventListener("keydown", onKey);
+        } catch (e3) { /* 忽略 */ }
+        return function () {
+          standaloneOverlayMounted = false;
+          try {
+            window.removeEventListener("dsh-remote:open-standalone", onOpen);
+            window.removeEventListener("keydown", onKey);
+          } catch (e4) { /* 忽略 */ }
+        };
+      }, []);
+      if (!open) return null;
+      var dark = false;
+      try { dark = !!document.body && document.body.hasAttribute("data-ds-dark-theme"); } catch (e5) { /* 忽略 */ }
+      return h("div", {
+        className: "dru-standalone-overlay",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "远程访问",
+        onClick: function (e) { if (e && e.target === e.currentTarget) setOpen(false); }
+      },
+        h("div", { className: "dru-standalone-card", "data-dru-theme": dark ? "dark" : "light" },
+          h("div", { className: "dru-standalone-head" },
+            h("b", { className: "dru-standalone-title" }, "📱 远程访问"),
+            h("button", {
+              type: "button",
+              className: "dru-standalone-close",
+              "aria-label": "关闭",
+              onClick: function () { setOpen(false); }
+            }, "×")),
+          h(RemoteControlSection, { standalone: true })
+        ));
+    }
+
     function RemoteNavEntry(props) {
       var wide = !(props && props.wide === false);
       var seenArr = useState(false);
@@ -1133,12 +1198,15 @@ window.__ModuleLoader__.load({
           try { e.preventDefault(); } catch (err) { /* 忽略 */ }
           setClicked(true);
           dotMarkSeen();                       // 用过入口 = 已了解位置 → 收起首次红点
-          // 2026-10-25（用户实测「点不动、只能从更多→设置里打开」）：
-          // 不再依赖 remoteNavOpen 的赋值时序/是否被调用过，直接走内部打开链；
-          // 打开链内部自带兜底：侧栏候选 → 官方快捷键 → 更多/账号菜单 → 栏目点击。
+          // 2026-10-25（用户拍板）：优先弹**我们自己的独立设置页**（不再依赖官方设置面板 DOM）；
+          // 只有宿主没有 shell.overlay 槽（极老版本）时才退回旧的"打开官方设置栏目"链路。
           try {
-            if (typeof remoteNavOpen === "function") remoteNavOpen();
-            else openRemoteSettings();
+            openRemoteStandalonePanel();
+            setTimeout(function () {
+              if (!standaloneOverlayMounted) {
+                try { openRemoteSettings(); } catch (e2) { /* 忽略 */ }
+              }
+            }, 150);
           } catch (errOpen) { /* 绝不因打开失败抛到宿主 */ }
         }
       }, [
@@ -6136,6 +6204,13 @@ window.__ModuleLoader__.load({
         //    公告是锦上添花，**没有任何资格**把门关上 —— 任何异常都只是"这次没有弹窗"。
       }
 
+      // 📱 独立「远程访问」弹层（入口点击用；见 RemoteStandaloneOverlay 注释）
+      try {
+        ctx.slots.inject("shell.overlay", function () {
+          return ctx.slots.register({ name: "shell.overlay", id: "dsh-remote-standalone", order: 95 }, RemoteStandaloneOverlay);
+        });
+      } catch (eStand) { /* 老宿主没有 shell.overlay：入口会在 150ms 后回退到官方设置栏目链路 */ }
+
       // 📣 公告：每次页面加载**只拉一次**（sessionStorage 一次性标记，见 annPullOnce）。
       //    放在 apply() 里是刻意的：apply 跑在 app mount **之前**，所以这里**绝不能碰产品 DOM**
       //    （那时还没有），只做数据拉取；UI 全部交给上面那个槽位与面板卡片。

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

@@ -1,6 +1,6 @@
 {
   "name": "dsh-remote-web",
-  "version": "0.7.6-beta.8",
+  "version": "0.7.6-beta.9",
   "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",

package/packages/dsh-remote-web/test/settings-entry.test.mjs

@@ -193,11 +193,13 @@ test("入口：settings.section 栏目（id/order/label）+ 侧栏底部官方
   assert.ok(String(label).includes("📱"), "栏目名应带 📱 远程访问图标（手机访问语义）");
   assert.ok(!String(label).includes("远程控制"), "栏目名不应再残留旧称「远程控制」");
 
-  // shell.overlay 仅保留满意度弹窗，浮动面板已移除
+  // shell.overlay：满意度弹窗 + 公告弹窗 + 「远程访问」独立弹层（2026-10-25 新增）
   assert.ok(plugin.injects.has("shell.overlay"));
   plugin.injects.get("shell.overlay")();
   assert.ok(plugin.registered.has("dsh-feedback-popup"), "满意度弹窗应保留在 shell.overlay");
-  assert.equal(plugin.registered.has("dsh-remote-panel"), false, "浮动配置面板不应再注册");
+  assert.ok(plugin.registered.has("dsh-remote-standalone"),
+    "入口点击要弹**独立**的远程访问设置页（不再依赖官方设置面板 DOM）");
+  assert.equal(plugin.registered.has("dsh-remote-panel"), false, "旧的浮动配置面板不应复活");
 });
 
 test("入口迁移：settings.section 里**只有一个**栏目（id=dsh-remote）——微信机器人不再是第二个栏目", () => {

package/packages/dsh-remote-web/test/setup-output.test.mjs

@@ -214,17 +214,23 @@ test("★ launchd bootout 后必须等 label 摘干净再 bootstrap（否则随
   assert.match(fn, /bootok|!boot\.ok[\s\S]{0,400}launchctl bootstrap/, "bootstrap 失败应重试一次再兜底");
 });
 
-test("★ 自启动配置里可以钉住上游（多 profile 时代，各宿主会互抢 .dsh-upstream）", () => {
+test("★ 自启动配置**默认不钉**上游端口；仅在 DSH_BRIDGE_PIN_UPSTREAM=1 时显式 opt-in", () => {
+  // 2026-10-25 事故：把安装时的动态端口写进 launchd plist 后，dsh 每次重启换端口，
+  // 守护/桥就永远连旧端口（upstream_unreachable / 设备掉线）。所以默认改为不钉。
   const src = readFileSync(SETUP, "utf8");
   assert.match(src, /function desktopAppPort\(/, "要有桌面端端口探测（lsof -c DeepSeek）");
-  assert.match(src, /PINNED_UPSTREAM/, "要有钉住上游的机制");
-  // plist 模板里必须把它写进 EnvironmentVariables（环境变量优先级高于 .dsh-upstream 文件）
+  assert.match(src, /DSH_BRIDGE_PIN_UPSTREAM/, "要有显式 opt-in 开关（部署方需要固定上游时用）");
+  // plist 模板仍支持写 DSH_BRIDGE_UPSTREAM（opt-in 时），但默认 PINNED_UPSTREAM 必须为空
   assert.match(src, /DSH_BRIDGE_UPSTREAM<\/key><string>\$\{PINNED_UPSTREAM\}/,
-    "plist 里要写入 DSH_BRIDGE_UPSTREAM，否则两端宿主会互相覆盖上游");
-  // ⚠️ 顺序：必须在写自启动文件**之前**算出来，否则 plist 里带不上（实测踩到过）
-  const pinAt = src.indexOf("PINNED_UPSTREAM = `http://127.0.0.1:${p}`");
+    "opt-in 时 plist 仍要能写入 DSH_BRIDGE_UPSTREAM");
+  // 关键回归锁：安装流程里不能再出现「把探测到的端口赋给 PINNED_UPSTREAM」
+  assert.doesNotMatch(src, /PINNED_UPSTREAM = `http:\/\/127\.0\.0\.1:\$\{p\}`/,
+    "不得再把动态端口回填进 PINNED_UPSTREAM（否则又会写进 plist，dsh 换端口即掉线）");
+  // 运行时端口仍必须写进 .dsh-upstream（守护/桥按它取最新端口）
+  assert.match(src, /UPSTREAM_FILE\)[^\n]*\n/);
+  const writeFileAt = src.indexOf("fs.writeFileSync(path.join(CONFIG_DIR, UPSTREAM_FILE)");
   const svcAt = src.indexOf("svc = installAutostart()");
-  assert.ok(pinAt > 0 && svcAt > 0 && pinAt < svcAt, "钉定必须发生在 installAutostart() 之前");
+  assert.ok(writeFileAt > 0 && svcAt > 0 && writeFileAt < svcAt, "运行时端口文件要在 installAutostart() 之前写好");
 });
 
 test("★ 桌面应用在运行时，绝不改写它的 profile（否则应用会自己退出/重启）", () => {

package/packages/dsh-remote-web/test/wechat-bot-ui.test.mjs

@@ -467,8 +467,8 @@ test("主题不变量：根节点带 .dru-settings-section + data-dru-theme；
   assert.doesNotMatch(block, /--dru-[a-z0-9-]+\s*:/, "新样式不得**声明**令牌（只许引用）");
   assert.doesNotMatch(block, /:root|\bbody\b/, "新样式不得挂在 :root/body 上（会污染整个 GUI）");
   assert.match(block, /var\(--dru-/, "新样式应复用既有令牌");
-  // 令牌声明只允许出现在那三个选择器上（原有注释所述的不变量）
-  assert.match(SOURCE, /"\.dru-settings-section,\.dru-popup,\.dru-nav-remote\{"/, "亮色令牌块的选择器不得扩大");
+  // 令牌声明只允许出现在那四个选择器上（2026-10-25 新增 .dru-standalone-card：独立远程访问弹层）
+  assert.match(SOURCE, /"\.dru-settings-section,\.dru-popup,\.dru-nav-remote,\.dru-standalone-card\{"/, "亮色令牌块的选择器不得再扩大");
   assert.doesNotMatch(SOURCE, /":root\{/);
 });