dsh-remote-web 0.5.0 → 0.6.1

package/lib/client.js

@@ -5,12 +5,20 @@
 // factory 内只能 require shell 种子模块（react / react/jsx-runtime 等）。
 //
 // 功能：
-//   - settings.section：设置页「远程控制」栏目（位于「Agent 预设」下方，官方扩展点）
+//   - 双入口（2026-09 恢复侧栏注入，与官方共存不遮挡）：
+//       ① 官方「设置」→「远程访问」栏目（settings.section，位于「Agent 预设」下方，官方扩展点）；
+//       ② 左侧官方「设置」按钮旁注入独立「📱 远程访问」快捷按钮（id=dru-nav-remote，非 clone，
+//          插在其前方、同布局不覆盖官方按钮；点击直达该栏目，首次带引导红点）
 //   - 栏目内联渲染配置面板（浅色高对比 UI，遵循主流登录体验）
 //     · 登录态：已登录显示账号 + 退出登录；未登录显示 登录/注册 tabs
+//     · 🔒 修改密码（账号卡）：已登录账号经 图形验证码+短信验证码 重置（/dsh-remote/password/reset 代理）；
+//       成功后全部已授权设备/会话失效 → 本地登出并提示用新密码重新登录（覆盖本机 config 密码）
+//     · 忘记密码（登录卡）：未登录时登录表单内「忘记密码？」→ 同一套
+//       图形验证码+短信验证码 表单（手机号预填当前输入、可改），成功后本地登出并提示「请用新密码登录」
 //     · 登录要求图形验证码；注册要求两次密码 + 图形验证码
-//     · 远程地址展示 + bridge 状态与启停开关 + 关于 dsh-remote 说明卡片
-//   - 首次安装引导：设置页栏目旁小红点（localStorage dsh-remote-seen-dot 控制）
+//     · 📱 远程访问卡：一次性访问密钥（扫码/直接打开/复制 + 到期倒计时自动刷新）与已授权设备管理
+//     · bridge 状态与启停开关 + 关于 dsh-remote 说明卡片
+//   - 首次安装引导：设置页「远程访问」栏目（官方导航 navCell）旁小红点（localStorage dsh-remote-seen-dot 控制）
 //   - shell.overlay：满意度弹窗（安装体验至少 1 小时后弹出，只弹一次）
 // 所有数据经同源 /dsh-remote/* 宿主路由读写（node 半提供）。
 window.__ModuleLoader__.load({
@@ -40,7 +48,7 @@ window.__ModuleLoader__.load({
       ".dru-settings-title{margin:0;font-size:17px;font-weight:600;color:var(--dsw-alias-label-primary,#e6edf3)}",
       ".dru-settings-sub{font-size:12px;color:var(--dsw-alias-label-tertiary,#8c959f);margin-top:2px}",
       ".dru-settings-body{display:flex;flex-direction:column;gap:14px}",
-      // 首次安装引导小红点（挂在设置页「远程控制」导航栏目右上角）
+      // 首次安装引导小红点（挂在设置页「远程访问」导航栏目右上角）
       ".dru-reddot{position:absolute;top:9px;right:12px;width:7px;height:7px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 2px var(--dsw-alias-bg-layer-2,#fff);pointer-events:none;z-index:1}",
       ".dru-card{background:#f6f8fa;border:1px solid #eaeef2;border-radius:10px;padding:14px 16px}",
       ".dru-card h3{margin:0 0 8px;font-size:13px;font-weight:700;color:#1f2328}",
@@ -60,6 +68,8 @@ window.__ModuleLoader__.load({
       ".dru-btn-ghost:hover:not(:disabled){background:#f6f8fa}",
       ".dru-btn-danger{background:#ffffff;color:#cf222e;border-color:#cf222e}",
       ".dru-btn-danger:hover:not(:disabled){background:#fff0f1}",
+      ".dru-linkbtn{display:inline-block;padding:0;border:none;background:none;color:#0969da;font-size:12.5px;line-height:1.6;cursor:pointer;font-family:inherit;text-decoration:none}",
+      ".dru-linkbtn:hover{text-decoration:underline}",
       ".dru-tabs{display:flex;gap:8px;margin-bottom:12px}",
       ".dru-tab{flex:1;padding:7px 0;text-align:center;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;color:#57606a;background:#f6f8fa;border:1px solid #d0d7de;user-select:none}",
       ".dru-tab.active{color:#0969da;background:#ffffff;border-color:#0969da}",
@@ -124,15 +134,42 @@ window.__ModuleLoader__.load({
       ".dru-popup-foot button{border:none;background:none;color:#57606a;cursor:pointer;font-size:12px;font-family:inherit;padding:4px 6px}",
       ".dru-popup-foot button:hover{color:#0969da}",
       ".dru-popup .dru-msg{text-align:left}",
+      ".dru-community-qr{display:block;width:220px;max-width:62vw;margin:0 auto;background:#ffffff;padding:10px;border-radius:10px;border:1px solid #d0d7de;box-sizing:content-box}",
+      ".dru-fb-community{margin-top:16px;padding-top:14px;border-top:1px dashed #d0d7de;text-align:center}",
+      ".dru-fb-community .dru-community-qr{width:180px;max-width:56vw}",
       // ── 自管理：版本与更新（插件面板内提供在线更新/彻底卸载，市场无更新按钮） ──
       ".dru-ver-badge{display:inline-block;font-size:11px;border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:1px}",
       ".dru-ver-badge-new{color:#9a6700;background:#fff8c5;border:1px solid #eed888}",
       ".dru-ver-badge-ok{color:#1a7f37;background:#dafbe1;border:1px solid #aceebb}",
       ".dru-up-log{margin-top:8px;background:#0d1117;color:#e6edf3;border-radius:8px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:150px;overflow:auto}",
+      // ── 📱 远程访问（一次性访问密钥 + 已授权设备管理） ──
+      ".dru-access-flex{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start;margin-top:10px}",
+      ".dru-access-col{flex:1;min-width:230px;display:flex;flex-direction:column;gap:8px}",
+      ".dru-qr-img{width:180px;height:180px;flex:none;border-radius:8px;border:1px solid #d0d7de;background:#ffffff;object-fit:contain}",
+      ".dru-qr-ph{width:180px;height:180px;flex:none;border-radius:8px;border:1px dashed #d0d7de;background:#f6f8fa;color:#8c959f;font-size:12px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;box-sizing:border-box}",
+      ".dru-url.big{font-size:13.5px;font-weight:600}",
+      ".dru-cd{font-size:12px;color:#9a6700;margin-top:2px}",
+      ".dru-cd-ok{color:#1a7f37}",
+      ".dru-key-note{font-size:12px;color:#57606a;line-height:1.6}",
+      ".dru-dev{border:1px solid #eaeef2;border-radius:8px;background:#ffffff;padding:9px 11px;margin-bottom:8px}",
+      ".dru-dev-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}",
+      ".dru-dev-name{font-size:13px;font-weight:600;color:#1f2328;flex:1;min-width:130px}",
+      ".dru-dev-meta{font-size:11.5px;color:#57606a}",
+      ".dru-dev-sub{font-size:11px;color:#8c959f;margin-top:3px}",
+      ".dru-dev-tag{font-size:10.5px;color:#8c959f;border:1px solid #d0d7de;border-radius:999px;padding:0 7px;flex:none;white-space:nowrap}",
+      ".dru-dev-tag-off{color:#cf222e;border-color:#ffb3b6;background:#fff0f1}",
+      // Phase-5:端到端加密(E2EE)状态行 —— 启用=绿字绿点,未启用=灰字(纯文字状态行,不打扰)
+      ".dru-e2ee-line{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:12px;line-height:1.5;color:#57606a}",
+      ".dru-e2ee-line.ok{color:#1a7f37}",
+      // 侧栏「远程访问」快捷按钮(2026-09 恢复注入,与官方「设置」按钮共存不遮挡):
+      // 独立 button(非 clone),插在官方「设置」按钮之前,同源同布局不覆盖官方热区。
+      ".dru-nav-remote{display:inline-flex;align-items:center;gap:6px;height:30px;margin:0 0 2px;padding:0 10px;border:1px solid #d0d7de;border-radius:8px;background:#ffffff;color:#0969da;font:500 12.5px/1 inherit;cursor:pointer;white-space:nowrap;user-select:none}",
+      ".dru-nav-remote:hover:not(:disabled){background:#f0f6ff;border-color:#0969da}",
+      ".dru-nav-remote-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 2px #fff;pointer-events:none}",
     ].join("\n");
     document.head.appendChild(styleEl);
 
-    // ── 首次安装引导小红点（设置页「远程控制」栏目，localStorage 控制） ────
+    // ── 首次安装引导小红点（设置页「远程访问」栏目，localStorage 控制） ────
     // 无 dsh-remote-seen-dot key 视为首次：在设置页导航栏目右上角显示 CSS 圆点；
     // 点击栏目/红点后写入 key（之后不再显示），重启 DSH Web 不复发。
     // 设置页由官方 shell 渲染（class 含 navCell 的导航按钮 + 栏目 label），
@@ -168,17 +205,17 @@ window.__ModuleLoader__.load({
         });
       } catch (e) {}
     }
-    /** 扫描设置页导航，找到「远程控制」栏目按钮后注入红点。 */
+    /** 扫描设置页导航，找到「远程访问」栏目按钮后注入红点。 */
     function dotScan() {
       if (dotSeen()) return;
       var cells = document.querySelectorAll("button");
       for (var i = 0; i < cells.length; i++) {
         var c = cells[i];
-        // 语义化匹配：设置页导航按钮（navCell）+ 栏目名「远程控制」。
+        // 语义化匹配：设置页导航按钮（navCell）+ 栏目名「远程访问」。
         // class 为 shell 的 hashed 类名，取子串匹配避免依赖具体 hash；
         // 若未来 hash 变化导致匹配失败，仅红点不显示，栏目本身不受影响。
         if (String(c.className || "").indexOf("navCell") === -1) continue;
-        if ((c.textContent || "").indexOf("远程控制") === -1) continue;
+        if ((c.textContent || "").indexOf("远程访问") === -1) continue;
         dotInject(c);
       }
     }
@@ -195,6 +232,104 @@ window.__ModuleLoader__.load({
       dotScan();
     }
 
+    // ── 侧栏「远程访问」快捷按钮（2026-09 恢复注入：与官方「设置」按钮共存、不遮挡） ──
+    // 用户要求：左侧官方「设置」按钮旁保留「远程访问」入口。实现为独立 <button id=dru-nav-remote>
+    // （绝不 clone 官方按钮 → 不继承官方事件委托/点击热区），插在官方「设置」按钮之前；
+    // 点击 → 打开官方设置页「远程访问」栏目。全程不点工作区会话内容：
+    //   - 候选一律限定为官方导航（class 含 navCell / 位于导航容器内）+ 短文本/aria 精确匹配；
+    //   - 命中排除自身与“菜单/更多”语义节点；
+    //   - 栏目未开时先点官方「设置」，再轮询(≤3s)补点「远程访问」栏目项。
+    var NAV_ENTRY_ID = "dru-nav-remote";
+    var NAV_TEXT_MAX = 10;
+    var NAV_POLL_MAX = 20;
+    var NAV_BAD_RE = /(^|[^a-z0-9])(menu|context|more|kebab|dropdown|popover|toolbar)($|[^a-z0-9])/i;
+    function navCleanText(el) { try { return (el.textContent || "").replace(/\s+/g, " ").trim(); } catch (e) { return ""; } }
+    function navAttrOf(el) {
+      try { return String(el.getAttribute("aria-label") || el.getAttribute("title") || "").trim(); } catch (e) { return ""; }
+    }
+    function navCellLike(el) {
+      try {
+        var cls = String(el.className || "");
+        if (cls.indexOf("navCell") !== -1) return true;
+        return !!el.closest('[role="navigation"], nav, [class*="sidebar" i], [class*="sidenav" i], [class*="appnav" i], [class*="navRail" i]');
+      } catch (e) { return false; }
+    }
+    function pickNavByToken(token) {
+      try {
+        var els = document.querySelectorAll("button, [role='tab'], [role='menuitem'], [role='button'], a, [aria-label]");
+        for (var i = 0; i < els.length; i++) {
+          var el = els[i];
+          if (!el || el.id === NAV_ENTRY_ID) continue; // 排除注入按钮自身(防递归)
+          if (!navCellLike(el)) continue;
+          if (NAV_BAD_RE.test(String(el.className || ""))) continue;
+          var t = navCleanText(el);
+          if (t && !/\r|\n/.test(t) && t.length <= NAV_TEXT_MAX &&
+              (t === token || t.indexOf(token) === 0 || t.indexOf(token) !== -1)) return el;
+          var at = navAttrOf(el);
+          if (at && (at === token || at.indexOf(token) === 0)) return el;
+        }
+      } catch (e) { /* 忽略 */ }
+      return null;
+    }
+    /** 打开「远程访问」设置栏目：栏目已渲染直接点；否则先点官方「设置」再 ≤3s 轮询补点。 */
+    function openRemoteSettings() {
+      try {
+        var cell = pickNavByToken("远程访问");
+        if (cell) { cell.click(); return; }
+        var st = pickNavByToken("设置");
+        if (!st) return;
+        st.click();
+        var tries = 0;
+        var iv = setInterval(function () {
+          tries++;
+          var c2 = pickNavByToken("远程访问");
+          if (c2) { clearInterval(iv); c2.click(); }
+          else if (tries >= NAV_POLL_MAX) clearInterval(iv);
+        }, 150);
+      } catch (e) { /* 忽略 */ }
+    }
+    /** 注入侧栏按钮到官方「设置」按钮之前（独立 button；首次未见过引导红点）。 */
+    function mountNavEntry(host) {
+      try {
+        if (document.getElementById(NAV_ENTRY_ID)) return;
+        var wrap = host && host.parentNode;
+        if (!wrap || !wrap.insertBefore || !wrap.contains) return;
+        var btn = document.createElement("button");
+        btn.type = "button";
+        btn.id = NAV_ENTRY_ID;
+        btn.className = "dru-nav-remote";
+        btn.setAttribute("data-dru-remote", "1");
+        btn.title = "打开「远程访问」设置(快捷入口)";
+        btn.style.position = "relative";
+        btn.textContent = "📱 远程访问";
+        btn.addEventListener("click", function (e) {
+          try { e.stopPropagation(); e.preventDefault(); } catch (err) {}
+          dotMarkSeen(); // 用过快捷入口=已了解入口位置 → 关闭首次红点(含官方栏目红点)
+          openRemoteSettings();
+        });
+        wrap.insertBefore(btn, host);
+        if (!dotSeen()) {
+          var d = document.createElement("span");
+          d.className = "dru-nav-remote-dot";
+          btn.appendChild(d);
+        }
+      } catch (e) { /* 忽略 */ }
+    }
+    /** 常驻确保：官方「设置」按钮出现后在它前面挂一次入口(去重；2s 心跳，成本极低)。 */
+    function navEnsureStart() {
+      if (window.__dshRemoteNavStarted) return;
+      window.__dshRemoteNavStarted = true;
+      try { window.__dshRemoteNav = { open: openRemoteSettings }; } catch (e) {}
+      var iv = setInterval(function () {
+        try {
+          if (document.getElementById(NAV_ENTRY_ID)) return; // 已注入
+          var host = pickNavByToken("设置");
+          if (host) mountNavEntry(host);
+        } catch (e) { /* 忽略 */ }
+      }, 2000);
+      try { if (iv && typeof iv.unref === "function") iv.unref(); } catch (e) {} // node 测试环境不阻塞退出
+    }
+
     // ── 宿主 API ────────────────────────────────────────────────────────────
     function api(path, options) {
       return fetch(path, options).then(function (res) {
@@ -215,10 +350,82 @@ window.__ModuleLoader__.load({
       return api(path, { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify(data || {}) });
     };
 
+    // ── 交流群（运营二维码;管理后台统一上传,node 半经公开配置下发） ─────────
+    // 设置面板「加入交流群」按钮与用户反馈页都展示同一张码;未配置(qrcode 为空)→ 不展示任何入口。
+    var COMMUNITY_TTL_MS = 5 * 60 * 1000; // 面板/反馈卡共用缓存:5 分钟内不重复请求
+    var communityCache = { at: 0, data: null };
+    /** 取交流群信息(模块级缓存;失败视为未配置,不打扰用户)。 */
+    function loadCommunity(force) {
+      if (!force && communityCache.data && Date.now() - communityCache.at < COMMUNITY_TTL_MS) {
+        return Promise.resolve(communityCache.data);
+      }
+      return api("/dsh-remote/community").then(function (b) {
+        communityCache = { at: Date.now(), data: { qrcode: (b && b.qrcode) || "", wechat: (b && b.wechat) || "" } };
+        return communityCache.data;
+      }).catch(function () {
+        communityCache = { at: Date.now(), data: { qrcode: "", wechat: "" } };
+        return communityCache.data;
+      });
+    }
+
+    // ── 登录后首次加载的自愈（0.6.1） ───────────────────────────────
+    // 现象（首次安装后立即登录）：面板在 loggedIn 翻真的瞬间就请求 /dsh-remote/access-key 与
+    // /dsh-remote/mobile-sessions；此时中继握手可能尚未就绪（bridge 刚被重启、device-login 共享密钥
+    // 刚补齐或正在轮换、中继冷启动/网络抖动），旧版只报一次红字且不重试——必须手动刷新页面才行。
+    // 现在：可重试类失败按退避自动重试（成功即自动清除红字），并给红字配「重试」按钮。
+    var LOGIN_LOAD_RETRY_MS = [1200, 3000, 6000];
+
+    /** node 半标记 retryable（中继未就绪）或网络/5xx → 值得自动重试；未登录/密码失效不重试。 */
+    function retryableFail(e) {
+      var body = e && e.body;
+      if (body && body.retryable === true) return true;
+      if (body && typeof body.hint === "string" && /^relay_/.test(body.hint)) return true;
+      var st = e && e.status;
+      if (typeof st !== "number") return true;       // fetch 本身失败（网络中断/被中止）
+      return st === 0 || st === 408 || st === 429 || st >= 500;
+    }
+
+    /** 定时器节流：tests/SSR 环境没有 setTimeout 时静默降级（不抛错、不阻塞面板）。 */
+    function later(fn, ms) {
+      try { return setTimeout(fn, ms); } catch (e) { return null; }
+    }
+    function clearLater(t) {
+      if (t == null) return;
+      try { clearTimeout(t); } catch (e) { /* 忽略 */ }
+    }
+
+    /** 一次性访问密钥 / 已授权设备列表的自动重试状态（放在组件外：不随渲染重建）。 */
+    var akeyRetry = { timer: null, attempt: 0 };
+    var devRetry = { timer: null, attempt: 0 };
+    // 请求在途标记同样放组件外：组件内 state 闭包会在定时器/轮询回调里过期，
+    // 导致 busy 护栏失效（重复请求）或误拦（该重试却跳过）。
+    var akeyInFlight = { v: false };
+    var devInFlight = { v: false };
+    function cancelAkeyRetry() { clearLater(akeyRetry.timer); akeyRetry.timer = null; }
+    function cancelDevRetry() { clearLater(devRetry.timer); devRetry.timer = null; }
+
+    /** 一次性访问 url → 升级/续费页 url（带同一 auth，进入后即登录态到 /app/promo）。 */
+    function promoUrlOf(u) {
+      var s = String(u || "");
+      if (/\/app\/\?auth=/i.test(s)) return s.replace(/\/app\/\?auth=/i, "/app/promo?auth=");
+      try {
+        var m = /auth=([^&#]+)/.exec(s);
+        var origin = s.split("/app")[0];
+        if (m && origin) return origin + "/app/promo?auth=" + m[1];
+      } catch (e) { /* fallthrough */ }
+      return s;
+    }
+
     // ── 用户反馈模块：本地状态（thread 令牌 / 弹窗节流） ───────────────────
+    // 「我的反馈」双数据源：本地 dsh-feedback-threads(thread_token 凭据,匿名/本机未同步行)
+    // + 服务端 /api/feedback/mine(登录态账号历史,见 FeedbackCard loadMine/fbRows,合并去重展示)。
     var FB_THREADS_KEY = "dsh-feedback-threads";
     var FB_POPUP_KEY = "dsh-feedback-popup";
     var FB_POPUP_DELAY_MS = 60 * 60 * 1000;   // 安装/体验后至少 1 小时才弹窗(只弹一次)
+    // 评价去重(2026-09):弹窗状态按「账号(掩码手机号)或设备」分作用域 —— 换账号/换机不重复打扰;
+    // 服务端另有 user_id/device_id 409 already_rated 兜底(同一账号/设备只收集一次 rating)。
+    var fbPopScope = "anon";
+    function setFbPopScope(scope) { fbPopScope = String(scope || "anon"); }
     var FB_CATEGORIES = [
       { value: "feature", label: "功能类" },
       { value: "bug", label: "Bug 类" },
@@ -245,10 +452,17 @@ window.__ModuleLoader__.load({
       try { localStorage.removeItem(FB_THREADS_KEY); } catch (e) {}
     }
     function fbPopState() {
-      try { return JSON.parse(localStorage.getItem(FB_POPUP_KEY) || "null"); } catch (e) { return null; }
+      try { return JSON.parse(localStorage.getItem(FB_POPUP_KEY + ":" + fbPopScope) || "null"); } catch (e) { return null; }
     }
     function fbSavePopState(s) {
-      try { localStorage.setItem(FB_POPUP_KEY, JSON.stringify(s)); } catch (e) {}
+      try { localStorage.setItem(FB_POPUP_KEY + ":" + fbPopScope, JSON.stringify(s)); } catch (e) {}
+    }
+    /** 作用域清理:旧版无作用域键也一并视为已完成,避免老用户再次被打扰。 */
+    function fbClearPopScope(scopes) {
+      try {
+        localStorage.removeItem(FB_POPUP_KEY); // 兼容旧键(无后缀)
+        if (Array.isArray(scopes)) scopes.forEach(function (sc) { localStorage.removeItem(FB_POPUP_KEY + ":" + sc); });
+      } catch (e) {}
     }
 
     /** 同源反馈代理调用（浏览器 → /dsh-remote/feedback/* → 独立反馈服务）。 */
@@ -281,9 +495,25 @@ window.__ModuleLoader__.load({
       var threadDataArr = useState(null); var threadData = threadDataArr[0]; var setThreadData = threadDataArr[1];
       var busyArr = useState(""); var busy = busyArr[0]; var setBusy = busyArr[1];
       var msgArr = useState(null); var fbMsg = msgArr[0]; var setFbMsg = msgArr[1];
+      // 账号历史（服务端 /feedback/mine 聚合列表）：null=未加载；登录态(SaaS 账号已配)打开「我的反馈」时拉取
+      var mineListArr = useState(null); var mineList = mineListArr[0]; var setMineList = mineListArr[1];
+      var mineErrArr = useState(false); var mineErr = mineErrArr[0]; var setMineErr = mineErrArr[1];
+      var mineBusyArr = useState(false); var mineBusy = mineBusyArr[0]; var setMineBusy = mineBusyArr[1];
+      // 💬 交流群:反馈页底部展示「加入交流群」二维码(与设置面板共用同一份缓存)
+      var commArr = useState(communityCache.data); var comm = commArr[0]; var setComm = commArr[1];
 
       function setMsg(kind, text) { setFbMsg({ kind: kind, text: text }); }
 
+      // 登录态(SaaS 且账号已配)→ 打开「我的反馈」拉账号历史(/mine 需要 JWT,节点半在登录态自动附加);
+      // 自建/未登录(cfg.phone 为空)→ 仍走本地 thread_token,不发 /mine。
+      var fbAccount = !!(cfg && cfg.phone && fbAuth === "account");
+
+      useEffect(function () {
+        var alive = true;
+        loadCommunity().then(function (d) { if (alive) setComm(d); });
+        return function () { alive = false; };
+      }, []);
+
       var loadCfg = useCallback(function () {
         api("/dsh-remote/feedback-config").then(function (b) {
           setCfg(b);
@@ -294,18 +524,68 @@ window.__ModuleLoader__.load({
         }).catch(function (e) { setCfg({ reachable: false }); setMsg("warn", "反馈服务未连接：" + e.message); });
       }, []);
 
+      /** 服务端账号历史行（mine 列表含该 id）→ 单条打开/回复走服务端(节点半自动附 JWT),无需本地 thread_token。 */
+      function fbRowIsAccount(id) {
+        return !!(mineList && mineList.some(function (x) { return x.id === id; }));
+      }
+
       function loadThread(id) {
         var t = threads.filter(function (x) { return x.id === id; })[0];
-        if (!t) return;
+        // 账号历史行:不带 thread_token(登录态由节点半自动附账号 JWT,服务端按账号归属放行);
+        // 匿名/纯本地行:仍按原 thread_token 逻辑(带本地凭据访问)。
+        var accountRow = fbRowIsAccount(id);
+        if (!accountRow && !t) return;
         setBusy("thread:" + id);
-        fbApi("/feedback/" + id, { token: t.token }).then(function (b) {
+        fbApi("/feedback/" + id, accountRow ? {} : { token: t.token }).then(function (b) {
           setThreadData(b.feedback);
         }).catch(function (e) {
-          setMsg("err", "加载反馈详情失败：" + e.message);
+          if (e && e.status === 401) setMsg("err", "登录已过期，请退出后重新登录后再查看该反馈");
+          else setMsg("err", "加载反馈详情失败：" + (e && e.message));
         }).finally(function () { setBusy(""); });
       }
 
+      /** 登录态拉取账号历史(/feedback/mine,翻页参数可用;节点半在登录态自动附 JWT)。 */
+      function loadMine() {
+        if (!fbAccount) return;
+        setMineBusy(true); setMineErr(false);
+        fbApi("/feedback/mine?page=1&page_size=20").then(function (b) {
+          setMineList((b && b.items) || []);
+        }).catch(function (e) {
+          setMineErr(true);
+          var eb = e && e.body && e.body.error;
+          setMsg("err", e && e.status === 401
+            ? "账号登录已过期，请退出后重新登录，再查看账号全部历史"
+            : "账号历史拉取失败：" + ((eb && eb.message) || (e && e.message)) + "（本机记录仍可查看）");
+        }).finally(function () { setMineBusy(false); });
+      }
+
+      /** 合并展示列表：账号历史(服务端 mine,新→旧)在前；本机 thread_token 行去重后保留
+       *  （匿名/本机新增但服务端未聚合的行仍可见,打开继续走本地凭据）。 */
+      function fbRows() {
+        var out = [];
+        var seen = {};
+        (mineList || []).forEach(function (it) {
+          seen[it.id] = true;
+          out.push({
+            id: it.id, acct: true,
+            status: it.status || "", category: it.category || "", title: it.title || "",
+            created_at: it.created_at || 0, reply_count: it.reply_count || 0,
+          });
+        });
+        threads.slice().reverse().forEach(function (t) {
+          if (seen[t.id]) return;
+          seen[t.id] = true;
+          out.push({ id: t.id, acct: false, status: "", category: "", title: "", created_at: 0, reply_count: 0 });
+        });
+        return out;
+      }
+
       useEffect(function () { loadCfg(); }, [loadCfg]);
+      // 登录态打开「我的反馈」→ 拉账号历史;仅在未加载且非错误态自动触发(失败后点 tab 重试,不无限重试)
+      useEffect(function () {
+        if (tab === "mine" && fbAccount && mineList === null && !mineErr && !mineBusy) loadMine();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+      }, [tab, fbAccount, mineList === null, mineErr, mineBusy]);
 
       var doSubmit = function () {
         if (!fbContent.trim()) { setMsg("err", "请填写反馈内容"); return; }
@@ -316,12 +596,13 @@ window.__ModuleLoader__.load({
           category: cat,
           title: fbTitle.trim(),
           content: fbContent.trim(),
-          contact: contact.trim() || (cfg && cfg.phone ? cfg.phone : ""),
+          contact: contact.trim() || ((cfg && cfg.phone && cfg.phone.indexOf("*") === -1) ? cfg.phone : ""),
         };
         fbApi("/feedback", { method: "POST", body: JSON.stringify(payload) })
           .then(function (b) {
             fbRememberThread(b.feedback.id, b.thread_token);
             setThreads(fbLoadThreads());
+            if (fbAccount) setMineList(null); // 账号态提交成功 → 回「我的反馈」时重新拉取(含本条)
             setFbTitle(""); setFbContent(""); setContact("");
             setMsg("ok", "✅ 反馈已提交，可在「我的反馈」查看回复");
             setTab("mine");
@@ -339,9 +620,15 @@ window.__ModuleLoader__.load({
         var text = input ? input.value.trim() : "";
         if (!text) { setMsg("err", "请填写回复内容"); return; }
         var t = threads.filter(function (x) { return x.id === id; })[0];
-        if (!t) return;
+        var accountRow = fbRowIsAccount(id);
+        // 账号历史行:服务端回复(节点半自动附 JWT,无需本地 thread_token);本地/匿名行:带 thread_token 回复
+        var replyOpts = { method: "POST", body: JSON.stringify({ content: text }) };
+        if (!accountRow) {
+          if (!t) return;
+          replyOpts.token = t.token;
+        }
         setBusy("reply:" + id);
-        fbApi("/feedback/" + id + "/replies", { method: "POST", body: JSON.stringify({ content: text }), token: t.token })
+        fbApi("/feedback/" + id + "/replies", replyOpts)
           .then(function () {
             if (input) input.value = "";
             loadThread(id);
@@ -349,7 +636,8 @@ window.__ModuleLoader__.load({
           })
           .catch(function (e) {
             var errBody = e.body && e.body.error;
-            if (errBody && errBody.code === "rate_limited") setMsg("err", "今天回复次数已达上限，请明天再试");
+            if (e && e.status === 401) setMsg("err", "登录已过期，请重新登录后再回复");
+            else if (errBody && errBody.code === "rate_limited") setMsg("err", "今天回复次数已达上限，请明天再试");
             else setMsg("err", "回复失败：" + (errBody && errBody.message ? errBody.message : e.message));
           })
           .finally(function () { setBusy(""); });
@@ -361,11 +649,83 @@ window.__ModuleLoader__.load({
         if (id !== openId) loadThread(id);
       };
 
+      /** 「我的反馈」tab 内容：账号历史行直接用服务端字段渲染(状态/类别/标题/时间/回复数)，
+       *  并保留本机未同步的 thread_token 行；单条展开/回复由 loadThread/doReply 分流。 */
+      function renderMine() {
+        var rows = fbRows();
+        if (rows.length === 0) {
+          var emptyText = fbAccount
+            ? (mineBusy ? "正在加载账号历史…" : (mineErr ? "账号历史加载失败，点上方「我的反馈」tab 重试" : "暂无反馈，提交第一条？"))
+            : "还没有提交过反馈。" + (cfg && cfg.reachable === false ? "（反馈服务未连接）" : "登录手机号账号后，可在任意设备查看账号全部历史。");
+          return h("div", null,
+            h("div", { className: "dru-fb-empty" }, emptyText),
+            fbMsg && h("div", { className: "dru-msg dru-msg-" + fbMsg.kind }, fbMsg.text)
+          );
+        }
+        return h("div", null,
+          rows.map(function (r) {
+            var open = openId === r.id;
+            var td = open ? threadData : null;
+            var st = td ? td.status : r.status;
+            var cat = td ? td.category : r.category;
+            var titleTxt = td ? (td.title || "") : r.title;
+            var ts = td ? td.created_at : r.created_at;
+            var catLbl = (function () {
+              var c = FB_CATEGORIES.filter(function (x) { return x.value === cat; })[0];
+              return c ? c.label : (cat || "反馈");
+            })();
+            return h("div", { key: r.id, className: "dru-fb-item" },
+              h("div", { className: "dru-fb-item-head" },
+                fbStatusBadge(st || "open"),
+                h("span", { className: "dru-fb-cat" }, catLbl),
+                h("span", { className: "dru-fb-item-title" }, titleTxt || ("反馈 #" + r.id.slice(-6))),
+                h("span", { className: "dru-fb-item-time" },
+                  (ts ? new Date(ts).toLocaleString() : "") +
+                  (r.acct && !open && r.reply_count > 0 ? " · " + r.reply_count + " 条回复" : ""))
+              ),
+              open && td
+                ? h("div", null,
+                    h("div", { className: "dru-fb-item-content" }, td.content),
+                    td.replies.map(function (reply) {
+                      return h("div", { key: reply.id, className: "dru-fb-reply" },
+                        h("div", { className: "dru-fb-reply-row" },
+                          h("span", { className: "dru-fb-reply-who" + (reply.author === "user" ? " user" : "") }, reply.author === "admin" ? "管理员回复" : "我"),
+                          h("span", { className: "dru-fb-reply-text" }, reply.content)
+                        ),
+                        h("div", { className: "dru-fb-item-time" }, new Date(reply.created_at).toLocaleString())
+                      );
+                    }),
+                    h("div", { className: "dru-fb-reply" },
+                      h("textarea", { id: "dru-fb-reply-" + r.id, className: "dru-fb-reply-input", placeholder: "回复管理员…", maxLength: 2000 }),
+                      h("div", { style: { textAlign: "right", marginTop: 6 } },
+                        h("button", { type: "button", className: "dru-btn dru-btn-ghost", disabled: busy !== "", onClick: function () { doReply(r.id); } }, busy === "reply:" + r.id ? "发送中…" : "回复")
+                      )
+                    ),
+                    h("div", { className: "dru-fb-item-time", style: { textAlign: "right", marginTop: 8 } },
+                      h("button", { type: "button", className: "dru-btn dru-btn-ghost", style: { padding: "2px 10px", fontSize: 12 }, disabled: busy !== "", onClick: function () { loadThread(r.id); } }, "↻ 刷新"),
+                      " ",
+                      h("button", { type: "button", className: "dru-btn dru-btn-ghost", style: { padding: "2px 10px", fontSize: 12 }, onClick: function () { setOpenId(""); setThreadData(null); } }, "收起")
+                    )
+                  )
+                : h("div", { className: "dru-fb-item-time", style: { textAlign: "right" } },
+                    h("button", { type: "button", className: "dru-btn dru-btn-ghost", style: { padding: "2px 10px", fontSize: 12 }, disabled: busy !== "", onClick: function () { openThread(r.id); } }, open ? "收起" : "查看 / 回复"))
+            );
+          }),
+          mineBusy ? h("div", { className: "dru-hint", style: { marginTop: 6 } }, "账号历史同步中…") : null,
+          fbMsg && h("div", { className: "dru-msg dru-msg-" + fbMsg.kind }, fbMsg.text)
+        );
+      }
+
+      var mineRows = fbRows(); // 「我的反馈」展示行数：账号历史 + 本机未同步线程（合并去重后）
       return h("div", { className: "dru-card" },
         h("h3", null, "💬 用户反馈"),
         h("div", { className: "dru-fb-tabs" },
           h("div", { className: "dru-fb-tab" + (tab === "submit" ? " active" : ""), onClick: function () { setTab("submit"); setFbMsg(null); } }, "提交反馈"),
-          h("div", { className: "dru-fb-tab" + (tab === "mine" ? " active" : ""), onClick: function () { setTab("mine"); setFbMsg(null); setThreads(fbLoadThreads()); } }, "我的反馈" + (threads.length ? "(" + threads.length + ")" : ""))
+          h("div", { className: "dru-fb-tab" + (tab === "mine" ? " active" : ""), onClick: function () {
+            setTab("mine"); setFbMsg(null); setThreads(fbLoadThreads());
+            // 登录态(账号已配)打开「我的反馈」→ 拉取账号历史(合并展示,换设备/重装也能看到)
+            if (fbAccount && mineList === null) loadMine();
+          } }, "我的反馈" + (mineRows.length ? "(" + mineRows.length + ")" : ""))
         ),
         tab === "submit"
           ? h("div", null,
@@ -393,52 +753,15 @@ window.__ModuleLoader__.load({
               h("button", { type: "button", className: "dru-btn dru-btn-primary", style: { width: "100%" }, disabled: busy !== "", onClick: doSubmit }, busy === "submit" ? "提交中…" : "提交反馈"),
               fbMsg && h("div", { className: "dru-msg dru-msg-" + fbMsg.kind }, fbMsg.text)
             )
-          : h("div", null,
-              threads.length === 0
-                ? h("div", { className: "dru-fb-empty" }, "还没有提交过反馈。" + (cfg && cfg.reachable === false ? "（反馈服务未连接）" : ""))
-                : threads.slice().reverse().map(function (t) {
-                    var open = openId === t.id;
-                    var td = open ? threadData : null;
-                    return h("div", { key: t.id, className: "dru-fb-item" },
-                      h("div", { className: "dru-fb-item-head" },
-                        fbStatusBadge(td ? td.status : "open"),
-                        h("span", { className: "dru-fb-cat" }, (function () {
-                          var c = FB_CATEGORIES.filter(function (x) { return x.value === (td ? td.category : ""); })[0];
-                          return c ? c.label : (td ? td.category : "反馈");
-                        })()),
-                        h("span", { className: "dru-fb-item-title" }, td ? (td.title || "反馈") : "反馈 #" + t.id.slice(-6)),
-                        h("span", { className: "dru-fb-item-time" }, td ? new Date(td.created_at).toLocaleString() : "")
-                      ),
-                      open && td
-                        ? h("div", null,
-                            h("div", { className: "dru-fb-item-content" }, td.content),
-                            td.replies.map(function (r) {
-                              return h("div", { key: r.id, className: "dru-fb-reply" },
-                                h("div", { className: "dru-fb-reply-row" },
-                                  h("span", { className: "dru-fb-reply-who" + (r.author === "user" ? " user" : "") }, r.author === "admin" ? "管理员回复" : "我"),
-                                  h("span", { className: "dru-fb-reply-text" }, r.content)
-                                ),
-                                h("div", { className: "dru-fb-item-time" }, new Date(r.created_at).toLocaleString())
-                              );
-                            }),
-                            h("div", { className: "dru-fb-reply" },
-                              h("textarea", { id: "dru-fb-reply-" + t.id, className: "dru-fb-reply-input", placeholder: "回复管理员…", maxLength: 2000 }),
-                              h("div", { style: { textAlign: "right", marginTop: 6 } },
-                                h("button", { type: "button", className: "dru-btn dru-btn-ghost", disabled: busy !== "", onClick: function () { doReply(t.id); } }, busy === "reply:" + t.id ? "发送中…" : "回复")
-                              )
-                            ),
-                            h("div", { className: "dru-fb-item-time", style: { textAlign: "right", marginTop: 8 } },
-                              h("button", { type: "button", className: "dru-btn dru-btn-ghost", style: { padding: "2px 10px", fontSize: 12 }, disabled: busy !== "", onClick: function () { loadThread(t.id); } }, "↻ 刷新"),
-                              " ",
-                              h("button", { type: "button", className: "dru-btn dru-btn-ghost", style: { padding: "2px 10px", fontSize: 12 }, onClick: function () { setOpenId(""); setThreadData(null); } }, "收起")
-                            )
-                          )
-                        : h("div", { className: "dru-fb-item-time", style: { textAlign: "right" } },
-                            h("button", { type: "button", className: "dru-btn dru-btn-ghost", style: { padding: "2px 10px", fontSize: 12 }, disabled: busy !== "", onClick: function () { openThread(t.id); } }, open ? "收起" : "查看 / 回复"))
-                    );
-                  }),
-              fbMsg && h("div", { className: "dru-msg dru-msg-" + fbMsg.kind }, fbMsg.text)
-            )
+          : renderMine(),
+        // 反馈页底部:企微交流群二维码(后台上传后出现;未配置不展示)
+        comm && comm.qrcode
+          ? h("div", { className: "dru-fb-community" },
+              h("div", { className: "dru-fb-community-title" }, "💬 加入企微交流群"),
+              h("div", { className: "dru-hint", style: { marginBottom: 8 } }, "扫码入群：安装答疑 / 使用技巧 / 版本更新 / 问题反馈"),
+              h("img", { className: "dru-community-qr", src: comm.qrcode, alt: "企微交流群二维码" }),
+              comm.wechat ? h("div", { className: "dru-hint", style: { marginTop: 8 } }, "二维码失效或群满，可加客服微信：" + comm.wechat) : null)
+          : null
       );
     }
 
@@ -524,7 +847,7 @@ window.__ModuleLoader__.load({
         var payload = {
           kind: "rating",
           category: "satisfaction",
-          content: note.trim() || (rating >= 4 ? "对远程控制功能满意" : "对远程控制功能不太满意"),
+          content: note.trim() || (rating >= 4 ? "对远程访问功能满意" : "对远程访问功能不太满意"),
           rating: rating,
           recommend: recommend === true ? 1 : 0,
         };
@@ -536,6 +859,7 @@ window.__ModuleLoader__.load({
           .catch(function (e) {
             var errBody = e.body && e.body.error;
             if (errBody && errBody.code === "rate_limited") { fbPopupLater(); setMessage({ kind: "err", text: "今日提交已达上限，明天再来吧" }); }
+            else if (errBody && errBody.code === "already_rated") { fbPopupDone(); setMessage({ kind: "ok", text: "你已评价过，感谢支持（同一账号/设备只收集一次）" }); }
             else setMessage({ kind: "err", text: "提交失败：" + ((errBody && errBody.message) || e.message) + "（可稍后再试）" });
           })
           .finally(function () { setBusy(""); });
@@ -547,7 +871,7 @@ window.__ModuleLoader__.load({
             step === "rate"
               ? h("div", null,
                   h("div", { className: "dru-popup-icon" }, "😊"),
-                  h("div", { className: "dru-popup-title" }, "您对远程控制功能满意吗？"),
+                  h("div", { className: "dru-popup-title" }, "您对远程访问功能满意吗？"),
                   h("div", { className: "dru-popup-sub" }, "使用体验已满 1 小时，说说真实感受吧（1 分钟搞定）"),
                   h("div", { className: "dru-popup-rate" },
                     [ [5, "😄", "很满意"], [3, "😐", "一般"], [1, "😞", "不满意"] ].map(function (r) {
@@ -609,8 +933,8 @@ window.__ModuleLoader__.load({
     }
 
     // ── 图标 ────────────────────────────────────────────────────────────────
-    // 通用「远程控制」图标（🖥 风格 emoji，与面板内既有 emoji 图标体系一致）：
-    // 栏目导航 label 与栏目头部均使用它。原侧边栏入口（电源图标按钮）已随入口迁移移除。
+    // 「远程访问」栏目图标沿用面板 emoji 图标体系：📱 更贴合“手机/另一台电脑远程访问”语义
+    // （原 🖥 已随入口迁移调整）；栏目导航 label 与栏目头部均使用它。
 
     // ── 版本与更新卡片（自管理：市场没有更新按钮，这里提供在线一键更新/彻底卸载） ──
     // 数据来自 node 半新增的 /dsh-remote/self* 路由；逻辑均在插件 node 半实现，
@@ -766,10 +1090,30 @@ window.__ModuleLoader__.load({
         selfMsg ? h("div", { className: "dru-msg dru-msg-" + selfMsg.kind }, selfMsg.text) : null,
         h("div", { className: "dru-hint", style: { marginTop: 8 } },
           armed ? "⚠ 再次点击后即开始彻底卸载：① 移除 dsh web 配置中的插件引用与本地文件；② 停止并移除 bridge 自启动服务（macOS com.dshremote.bridge / Linux dsh-bridge）并结束残留进程；③ 清空本地配置目录（~/.dsh-remote：账号、设备密钥、固化运行时等）。此操作不可撤销，如需再次使用请在插件市场重新安装。" :
-            "插件市场没有更新/卸载按钮（dsh 官方市场暂不提供），本卡片即官方管理入口：检测新版、一键在线更新、彻底卸载都在这里完成。")
+            "检测新版、一键在线更新、彻底卸载都在本卡片完成。")
       );
     }
 
+    // ── 端到端加密（E2EE，Phase-5）：bridge 状态 → 可读文案映射 ─────────────
+    // bridge 启停时把开关结果写入 <relayDir>/.e2ee-state.json（{enabled,reason,profile,epoch,caps}，
+    // 见 clients/dsh-remote/e2ee-client.mjs），node 半随 /dsh-remote/status 以 service.e2ee 下发；
+    // 此处只做“可读文案”映射（协议 docs/e2ee-protocol.md §2.3/§7.3）。
+    var E2EE_DISABLED_COPY = {
+      server_disabled: "端到端加密暂不可用（当前为普通安全连接 HTTPS）",
+      params_unreachable: "当前为普通安全连接（HTTPS）",
+      disabled_by_config: "当前为普通安全连接（HTTPS）",
+      derive_failed: "账号密码已变更，需在「🔑 账号」重新登录后恢复端到端加密（当前为普通安全连接（HTTPS））",
+    };
+    var E2EE_DISABLED_FALLBACK = "当前为普通安全连接（HTTPS）";
+    /** 把 service.e2ee 归一化为可读状态行；e2ee 缺失/旧 host 未下发 → null（不打扰）。 */
+    function describeE2ee(e2ee) {
+      if (!e2ee || typeof e2ee !== "object") return null;
+      if (e2ee.enabled === true) return { kind: "ok", text: "🔒 端到端加密已启用（手机解锁后生效）" };
+      var reason = typeof e2ee.reason === "string" && e2ee.reason ? e2ee.reason : "";
+      var text = E2EE_DISABLED_COPY[reason] || E2EE_DISABLED_FALLBACK; // reason 未知 → 兜底
+      return { kind: "off", text: text };
+    }
+
     // ── 面板主体（渲染于设置页 settings.section 栏目内） ─────────────────────
     function RemoteControlSection(props) {
 
@@ -807,6 +1151,31 @@ window.__ModuleLoader__.load({
       var shArr = useState(""); var selfHost = shArr[0]; var setSelfHost = shArr[1];
       var lkArr = useState(""); var localKey = lkArr[0]; var setLocalKey = lkArr[1];
 
+      // ── 📱 远程访问卡（一次性访问密钥 + 已授权设备管理）——放在全部既有字段之后，保持既有 hook 序号 ──
+      var akeyArr = useState(null); var akey = akeyArr[0]; var setAkey = akeyArr[1];             // {url,key,expires_at,ttl_ms,qr_data_url}
+      var akeyBusyArr = useState(false); var akeyBusy = akeyBusyArr[0]; var setAkeyBusy = akeyBusyArr[1];
+      var akeyMsgArr = useState(null); var akeyMsg = akeyMsgArr[0]; var setAkeyMsg = akeyMsgArr[1]; // {kind,text}
+      var nowTickArr = useState(function () { return Date.now(); }); var nowTick = nowTickArr[0]; var setNowTick = nowTickArr[1];
+      var copiedKeyArr = useState(false); var copiedKey = copiedKeyArr[0]; var setCopiedKey = copiedKeyArr[1];
+      var devSessArr = useState(null); var devSessions = devSessArr[0]; var setDevSessions = devSessArr[1]; // null=未加载
+      var devOpenArr = useState(false); var devOpen = devOpenArr[0]; var setDevOpen = devOpenArr[1];
+      var devBusyArr = useState(""); var devBusy = devBusyArr[0]; var setDevBusy = devBusyArr[1];
+      var devMsgArr = useState(null); var devMsg = devMsgArr[0]; var setDevMsg = devMsgArr[1];
+      var armedDevArr = useState(null); var armedDev = armedDevArr[0]; var setArmedDev = armedDevArr[1]; // 待二次确认的 session id（取消配对）
+      var armedDelArr = useState(null); var armedDel = armedDelArr[0]; var setArmedDel = armedDelArr[1]; // 待二次确认的 session id（删除记录）
+      var purgeArmedArr = useState(false); var purgeArmed = purgeArmedArr[0]; var setPurgeArmed = purgeArmedArr[1]; // 清理已解绑二次确认
+      // ── 🔒 修改密码（已登录 SaaS，短信重置）状态：放在全部既有字段之后，保持既有 hook 序号 ──
+      // 成功后企业端使该账号全部授权设备/会话失效（含 E2EE 派生口令）→ 本地登出、用新密码重新登录。
+      var pwdOpenArr = useState(false); var pwdOpen = pwdOpenArr[0]; var setPwdOpen = pwdOpenArr[1];   // 小表单展开
+      var pwdCapArr = useState(null); var pwdCap = pwdCapArr[0]; var setPwdCap = pwdCapArr[1];          // {id,svg} 图形验证码
+      var pwdCapTxtArr = useState(""); var pwdCapTxt = pwdCapTxtArr[0]; var setPwdCapTxt = pwdCapTxtArr[1];
+      var pwdSmsArr = useState(""); var pwdSms = pwdSmsArr[0]; var setPwdSms = pwdSmsArr[1];
+      var pwdSmsBtnArr = useState("获取验证码"); var pwdSmsBtn = pwdSmsBtnArr[0]; var setPwdSmsBtn = pwdSmsBtnArr[1];
+      var pwdNewArr = useState(""); var pwdNew = pwdNewArr[0]; var setPwdNew = pwdNewArr[1];            // 新密码（≥8）
+      // ── 💬 交流群（「加入交流群」按钮 + 弹窗）：同样放在全部既有字段之后 ──
+      var communityArr = useState(null); var community = communityArr[0]; var setCommunity = communityArr[1]; // {qrcode,wechat}；null=未加载
+      var commOpenArr = useState(false); var commOpen = commOpenArr[0]; var setCommOpen = commOpenArr[1];
+
       var refresh = useCallback(function () {
         setBusy("status");
         api("/dsh-remote/status").then(function (body) {
@@ -833,6 +1202,8 @@ window.__ModuleLoader__.load({
 
       var loggedIn = !!(st && st.config && (st.config.phone || st.config.hasLocalKey));
       var serviceRunning = !!(st && st.service && st.service.running);
+      // 账号标识（掩码手机号）：登录成功/换账号时变化 → 触发上方的重取 effect（比布尔 loggedIn 更敏感）
+      var phoneKey = (st && st.config && st.config.phone) || "";
       var launchdPid = st && st.service && st.service.launchd && st.service.launchd.pid;
 
       // 已登录(SaaS)→ 拉我的信息/配额/公共配置
@@ -844,9 +1215,301 @@ window.__ModuleLoader__.load({
       }, [st && st.config && st.config.phone]);
 
       useEffect(function () { refresh(); }, [refresh]);
+
+      // 交流群二维码(后台上传即可展示;未配置 → community.qrcode 为空,入口不出现)
+      useEffect(function () {
+        var alive = true;
+        loadCommunity().then(function (d) { if (alive) setCommunity(d); });
+        return function () { alive = false; };
+      }, []);
+      useEffect(function () {
+        // 展开「忘记密码」重置表单时不用预载登录表单验证码（收起的 reset 表单用独立 pwdCap）
+        if (st !== null && !loggedIn && mode === "saas" && authTab === "login" && !pwdOpen && !lcap) loadCaptcha("login");
+      }, [st, loggedIn, mode, authTab, pwdOpen, lcap]);
+
+      // ── 📱 远程访问卡：常量 / 轮询 / 一次性访问密钥 / 已授权设备 ─────────────────
+      var KEY_AUTO_REFRESH_MS = 25000;  // 停留栏目时约每 25s 自动轮换一把新的一次性密钥（防已用/过期）
+      var STATUS_POLL_MS = 30000;       // 连接状态行轮询间隔(审计降频:原 5s→30s;页面隐藏时暂停)
+
+      /** 轻量状态轮询：只更新 st，不改 mode（mode 由用户 Tab 选择决定，避免轮询把自建/云端来回切）。 */
+      function pollStatus() {
+        if (document.hidden) return; // 页面隐藏时不空转(审计:降低请求频率)
+        api("/dsh-remote/status").then(function (body) {
+          if (!body || !body.ok) return;
+          setSt(body);
+        }).catch(function () {});
+      }
+
+      // 时间工具（兼容 epoch 毫秒 / ISO 字符串 / 数字字符串）
+      function toMs(ts) {
+        if (ts === null || ts === undefined || ts === "") return 0;
+        var n = Number(ts);
+        if (String(ts).trim() !== "" && isFinite(n)) return n;
+        var d = new Date(ts);
+        return isNaN(d.getTime()) ? 0 : d.getTime();
+      }
+      function pad2(n) { return String(n).padStart(2, "0"); }
+      function fmtClock(ts) {
+        var ms = toMs(ts);
+        if (!ms) return "--:--:--";
+        var d = new Date(ms);
+        if (isNaN(d.getTime())) return "--:--:--";
+        return pad2(d.getHours()) + ":" + pad2(d.getMinutes()) + ":" + pad2(d.getSeconds());
+      }
+      function fmtRemain(ms) {
+        var s = Math.max(0, Math.floor((ms || 0) / 1000));
+        var h = Math.floor(s / 3600), m = Math.floor((s % 3600) / 60), sec = s % 60;
+        return (h > 0 ? pad2(h) + ":" : "") + pad2(m) + ":" + pad2(sec);
+      }
+      function fmtDT(ts) {
+        var ms = toMs(ts);
+        if (!ms) return "—";
+        var d = new Date(ms);
+        if (isNaN(d.getTime())) return "—";
+        return d.getFullYear() + "-" + pad2(d.getMonth() + 1) + "-" + pad2(d.getDate()) + " " + pad2(d.getHours()) + ":" + pad2(d.getMinutes());
+      }
+
+      /**
+       * 创建（或刷新）一次性访问密钥：GET /dsh-remote/access-key（node 半转发企业端 /api/auth-key）。
+       * 失败自愈：中继未就绪类失败（node 半 retryable / 网络 / 5xx）按退避自动重试，
+       * 见「登录后首次加载自愈」——首次安装立即登录时不再需要手动刷新页面。
+       */
+      function loadAccessKey() {
+        if (akeyInFlight.v) return;
+        // 登录前不请求企业端（避免 401/404 噪音）；由账号登录成功后触发
+        if (!(st && st.config && st.config.phone)) {
+          setAkeyMsg(null);
+          cancelAkeyRetry();
+          return;
+        }
+        akeyInFlight.v = true;
+        setAkeyBusy(true);
+        api("/dsh-remote/access-key").then(function (b) {
+          if (!b || !b.ok) {
+            var why = (b && (b.error || (b.body && b.body.error))) || "未知错误";
+            var e = new Error(why); e.body = b || null;
+            throw e;
+          }
+          // 契约容错：url 必须有；qr_data_url 取不到时仍展示链接/复制/直接打开
+          if (!b.url) {
+            setAkeyMsg({ kind: "err", text: "获取一次性访问地址失败：企业端未返回可用链接" });
+            return;
+          }
+          setAkey({
+            url: b.url || "",
+            key: b.key != null ? b.key : null,
+            expires_at: b.expires_at != null ? b.expires_at : null,
+            ttl_ms: b.ttl_ms != null ? b.ttl_ms : null,
+            qr_data_url: b.qr_data_url != null ? b.qr_data_url : null
+          });
+          setAkeyMsg(null);
+          akeyRetry.attempt = 0;
+        }).catch(function (e) {
+          var text = "获取一次性访问地址失败：" + e.message;
+          if (retryableFail(e) && akeyRetry.attempt < LOGIN_LOAD_RETRY_MS.length) {
+            scheduleAkeyRetry(text);
+            return;
+          }
+          // 自动重试额度用尽（或不该重试）→ 红字 + 「立即重试」入口，不让用户只能刷新页面
+          setAkeyMsg({ kind: "err", text: text, retry: retryAkeyManually });
+        }).finally(function () { akeyInFlight.v = false; setAkeyBusy(false); });
+      }
+
+      var copyKeyUrl = function () {
+        if (!(akey && akey.url)) return;
+        try {
+          navigator.clipboard.writeText(akey.url).then(function () {
+            setCopiedKey(true);
+            setTimeout(function () { setCopiedKey(false); }, 1500);
+          });
+        } catch (e) {}
+      };
+      /** 「直接打开」：浏览器新标签打开一次性访问地址（打开即扫码/点击进入）。 */
+      var openKeyUrl = function () {
+        if (!(akey && akey.url)) return;
+        try { window.open(akey.url, "_blank", "noopener"); } catch (e) {}
+      };
+
+      /** 加载已授权设备列表：GET /dsh-remote/mobile-sessions（失败同上：可重试类自动重试）。 */
+      function loadDevices() {
+        if (devInFlight.v || devBusy !== "") return;
+        devInFlight.v = true;
+        setDevBusy("list");
+        api("/dsh-remote/mobile-sessions").then(function (b) {
+          if (!b || !b.ok) throw new Error((b && b.error) || "加载已授权设备失败");
+          setDevSessions(Array.isArray(b.sessions) ? b.sessions : []);
+          setDevMsg(null);
+          devRetry.attempt = 0;
+        }).catch(function (e) {
+          var text = "加载已授权设备失败：" + e.message;
+          if (retryableFail(e) && devRetry.attempt < LOGIN_LOAD_RETRY_MS.length) {
+            scheduleDevRetry(text);
+            return;
+          }
+          setDevMsg({ kind: "err", text: text, retry: retryDevicesManually });
+        }).finally(function () { devInFlight.v = false; setDevBusy(""); });
+      }
+      /** 手动重试（红字旁的「重试」按钮）：重置退避计数后立即重新拉取。 */
+      var retryAkeyManually = function () {
+        cancelAkeyRetry();
+        akeyRetry.attempt = 0;
+        setAkeyMsg(null);
+        loadAccessKey();
+      };
+      var retryDevicesManually = function () {
+        cancelDevRetry();
+        devRetry.attempt = 0;
+        setDevMsg(null);
+        loadDevices();
+      };
+      /** 定时重试一次性访问密钥（黄字提示 + 退避；成功时由 loadAccessKey 清掉提示）。 */
+      function scheduleAkeyRetry(why) {
+        cancelAkeyRetry();
+        var wait = LOGIN_LOAD_RETRY_MS[akeyRetry.attempt] || LOGIN_LOAD_RETRY_MS[LOGIN_LOAD_RETRY_MS.length - 1];
+        akeyRetry.attempt += 1;
+        setAkeyMsg({
+          kind: "warn",
+          text: "中继连接尚未就绪，" + Math.round(wait / 1000) + " 秒后自动重试（第 " + akeyRetry.attempt + "/" + LOGIN_LOAD_RETRY_MS.length + " 次）：" + why,
+          retry: retryAkeyManually
+        });
+        akeyRetry.timer = later(function () {
+          akeyRetry.timer = null;
+          loadAccessKey(); // 在途标记由上一个请求的 finally 释放，退避窗口内用户也可手动刷新
+        }, wait);
+      }
+      /** 定时重试已授权设备列表（同上）。 */
+      function scheduleDevRetry(why) {
+        cancelDevRetry();
+        var wait = LOGIN_LOAD_RETRY_MS[devRetry.attempt] || LOGIN_LOAD_RETRY_MS[LOGIN_LOAD_RETRY_MS.length - 1];
+        devRetry.attempt += 1;
+        setDevMsg({
+          kind: "warn",
+          text: "中继连接尚未就绪，" + Math.round(wait / 1000) + " 秒后自动重试（第 " + devRetry.attempt + "/" + LOGIN_LOAD_RETRY_MS.length + " 次）：" + why,
+          retry: retryDevicesManually
+        });
+        devRetry.timer = later(function () {
+          devRetry.timer = null;
+          loadDevices();
+        }, wait);
+      }
+      /** 操作（取消配对/删除记录/清理已解绑）成功后静默重拉列表，覆盖行内状态。 */
+      function refreshDeviceList() {
+        api("/dsh-remote/mobile-sessions").then(function (b) {
+          if (b && b.ok) setDevSessions(Array.isArray(b.sessions) ? b.sessions : []);
+        }).catch(function () {});
+      }
+
+      var toggleDevices = function () {
+        var next = !devOpen;
+        setDevOpen(next);
+        if (next && devSessions === null && devBusy === "") loadDevices();
+        if (!next) { setArmedDev(null); setArmedDel(null); setPurgeArmed(false); }
+      };
+
+      /** 取消配对：先点一次进入确认态，再点一次才 POST revoke（同 SelfManageCard 二次确认风格）。 */
+      var doRevokeDevice = function (id) {
+        if (!id) return;
+        if (armedDev !== id) { setArmedDev(id); setArmedDel(null); setPurgeArmed(false); return; }
+        setDevBusy("revoke:" + id);
+        post("/dsh-remote/mobile-sessions/revoke", { id: id }).then(function (b) {
+          if (!b || !b.ok) throw new Error((b && (b.error || (b.body && b.body.error))) || "取消失败");
+          setArmedDev(null);
+          setDevMsg({ kind: "ok", text: "已取消，对方需重新扫码/登录" });
+          refreshDeviceList();
+        }).catch(function (e) {
+          setArmedDev(null);
+          setDevMsg({ kind: "err", text: "取消配对失败：" + e.message });
+        }).finally(function () { setDevBusy(""); });
+      };
+
+      /**
+       * 删除设备记录：任意行（含已取消/历史）都可用，整行删除并拉黑 jti——
+       * DELETE /dsh-remote/mobile-sessions/delete（body {id} → 企业端 DELETE /api/mobile-sessions/:id）。
+       * 先点一次进入确认态，再点一次才发请求。
+       */
+      var doDeleteDevice = function (id) {
+        if (!id) return;
+        if (armedDel !== id) { setArmedDel(id); setArmedDev(null); setPurgeArmed(false); return; }
+        setDevBusy("delete:" + id);
+        api("/dsh-remote/mobile-sessions/delete", {
+          method: "DELETE",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ id: id })
+        }).then(function (b) {
+          if (!b || !b.ok) throw new Error((b && (b.error || (b.body && b.body.error))) || "删除失败");
+          setArmedDel(null);
+          setDevMsg({ kind: "ok", text: "已删除该设备的记录" });
+          refreshDeviceList();
+        }).catch(function (e) {
+          setArmedDel(null);
+          setDevMsg({ kind: "err", text: "删除记录失败：" + e.message });
+        }).finally(function () { setDevBusy(""); });
+      };
+
+      /**
+       * 清理已解绑：删除本人全部 revoked 行——POST /dsh-remote/mobile-sessions/purge（企业端 purge）。
+       * 先点一次进入确认态，再点一次才发请求；成功后刷新列表并提示清理条数。
+       */
+      var doPurgeDevices = function () {
+        if (!purgeArmed) { setPurgeArmed(true); setArmedDev(null); setArmedDel(null); return; }
+        setDevBusy("purge");
+        post("/dsh-remote/mobile-sessions/purge", {}).then(function (b) {
+          if (!b || !b.ok) throw new Error((b && (b.error || (b.body && b.body.error))) || "清理失败");
+          setPurgeArmed(false);
+          var n = b.removed != null ? Number(b.removed) : 0;
+          setDevMsg({ kind: "ok", text: n > 0 ? ("已清理 " + n + " 条已解绑记录") : "已清理全部已解绑记录" });
+          refreshDeviceList();
+        }).catch(function (e) {
+          setPurgeArmed(false);
+          setDevMsg({ kind: "err", text: "清理失败：" + e.message });
+        }).finally(function () { setDevBusy(""); });
+      };
+
+      /** 升级/续费带登录态打开：取一次性访问 url，改写为 /app/promo?auth=… 后在手机端进入续费页。 */
+      var openUpgradeAuth = function () {
+        setBusy("upgrade");
+        api("/dsh-remote/access-key").then(function (b) {
+          if (!b || !b.ok || !b.url) throw new Error((b && b.error) || "生成访问链接失败");
+          var promo = promoUrlOf(b.url);
+          try { window.open(promo, "_blank", "noopener"); } catch (e2) {}
+          setMsg("ok", "✅ 升级/续费页已在新标签页打开（带登录态）");
+        }).catch(function (e) {
+          setMsg("err", "打开升级/续费页失败：" + e.message);
+        }).finally(function () { setBusy(""); });
+      };
+
+      // 停留主视图（home）时：轮询连接状态(15s,审计降频) + 每秒刷新倒计时;隐藏暂停、回前台立即刷新
       useEffect(function () {
-        if (st !== null && !loggedIn && mode === "saas" && authTab === "login" && !lcap) loadCaptcha("login");
-      }, [st, loggedIn, mode, authTab, lcap]);
+        if (view !== "home") return;
+        var pollIv = setInterval(function () { pollStatus(); }, STATUS_POLL_MS);
+        var tickIv = setInterval(function () { setNowTick(Date.now()); }, 1000);
+        var visFn = function () { if (!document.hidden) pollStatus(); };
+        document.addEventListener("visibilitychange", visFn);
+        return function () {
+          clearInterval(pollIv);
+          clearInterval(tickIv);
+          document.removeEventListener("visibilitychange", visFn);
+        };
+      }, [view]);
+
+      // 已登录云端主视图停留期间：打开即取一把新 key + 已授权设备；之后每 ~25s 自动轮换
+      // （未登录不轮询，避免 401 空转；离开栏目/切视图/退出登录即清理定时器）
+      //
+      // 依赖里带上「账号」与「bridge 运行态」：登录成功（含换账号）与 bridge 拉起/重启后立即重取，
+      // 首次安装后立即登录不再需要手动刷新页面；失败重试由 loadAccessKey/loadDevices 内部退避处理。
+      useEffect(function () {
+        if (view !== "home" || mode !== "saas" || !loggedIn) return undefined;
+        cancelAkeyRetry(); cancelDevRetry();
+        akeyRetry.attempt = 0; devRetry.attempt = 0;
+        loadAccessKey();
+        loadDevices();
+        var rotateIv = setInterval(function () { loadAccessKey(); }, KEY_AUTO_REFRESH_MS);
+        return function () {
+          clearInterval(rotateIv);
+          cancelAkeyRetry();
+          cancelDevRetry();
+        };
+      }, [view, mode, loggedIn, phoneKey, serviceRunning]);
 
       function setMsg(kind, text) { setMessage({ kind: kind, text: text }); }
 
@@ -862,6 +1525,7 @@ window.__ModuleLoader__.load({
               return post("/dsh-remote/config", { phone: phone.trim(), password: pass }).then(function (cfg) {
                 // 切换连接账号（手机号与之前不同）：清除旧账号留下的反馈线程凭据
                 if (prevPhone !== phone.trim()) fbClearThreads();
+                setPwdOpen(false); // 登录成功（可能从「忘记密码」返回）→ 收起重置表单
                 setSt(cfg); setPass(""); setLcapTxt(""); setLcap(null);
                 setMsg("ok", "✅ 登录成功，账号已保存");
               });
@@ -912,6 +1576,7 @@ window.__ModuleLoader__.load({
           .then(function (body) {
             if (body.ok || body.status === 201 || (body.body && body.body.token)) {
               return post("/dsh-remote/config", { phone: rphone.trim(), password: rpass }).then(function (cfg) {
+                setPwdOpen(false);
                 setSt(cfg);
                 setRphone(""); setRpass(""); setRpass2(""); setRsms(""); setRcap(null); setRcapTxt(""); setRInvite("");
                 setMsg("ok", "✅ 注册成功，已自动登录");
@@ -928,15 +1593,120 @@ window.__ModuleLoader__.load({
         setBusy("logout");
         post("/dsh-remote/logout").then(function (body) {
           setSt(body); setAccount(null); setQuota(null);
+          // 清空一次性访问密钥/二维码/授权设备等本地状态（退出后不得残留可见）
+          setAkey(null); setAkeyMsg(null);
           // 退出登录：清除本机保存的用户反馈线程凭据（thread_token 见 FB_THREADS_KEY），
           // 反馈历史保留在服务端（按账号校验），账号身份变化后本机不再可见旧线程。
           fbClearThreads();
+          setPwdOpen(false); // 退出登录后回到登录卡，收起重置/修改密码表单
           if (clearForm) { setPhone(""); setPass(""); setLcapTxt(""); setLcap(null); setRphone(""); setRpass(""); setRpass2(""); setRsms(""); setRsmsBtn("获取验证码"); setRcapTxt(""); setRcap(null); }
           setMessage(null);
         }).catch(function (e) { setMsg("err", "退出失败: " + e.message); })
           .finally(function () { setBusy(""); });
       };
 
+      // ---------- 🔒 修改密码 / 忘记密码（共用：短信验证码重置；企业端公开 POST /api/password/reset） ----------
+      // 图形验证码 + 短信验证码复用既有 /dsh-remote/captcha、/dsh-remote/sms-code 防刷路径；
+      // 新密码 ≥8 位。成功后企业端使全部授权设备/会话失效（含 E2EE 派生口令）→ 本地登出，
+      // 提示用新密码重新登录（登录成功会把新密码写回本地 config，覆盖旧口令并重建 E2EE 派生）。
+      // 两处入口共用同一组字段/函数（pwdOpen/pwdCap/pwdCapTxt/pwdSms/pwdSmsBtn/pwdNew 与
+      // togglePwdForm/sendPwdSms/doResetPwd/renderResetPwdForm，避免重复实现）：
+      //   - 账号卡「🔒 修改密码」：fromLogin=false，手机号以当前登录账号为准（只读）；
+      //   - 登录卡「忘记密码？」：fromLogin=true，手机号预填登录输入、可改；成功后请用新密码登录。
+      var PWD_RESET_WARN = "修改后所有已授权设备/会话将失效，需重新登录与解锁";
+
+      function pwdLoadCaptcha() {
+        setPwdCap({ id: null, svg: '<span class="dru-hint">加载中</span>' });
+        fetch("/dsh-remote/captcha").then(function (r) {
+          return r.text().then(function (text) {
+            if (!r.ok) throw new Error("http " + r.status);
+            var body = null; try { body = JSON.parse(text); } catch (e) { body = null; }
+            if (body && body.captcha_id) setPwdCap({ id: body.captcha_id, svg: body.svg || "" });
+            else if (body && body.svg) setPwdCap({ id: null, svg: body.svg });
+            else setPwdCap({ id: null, svg: null });
+          });
+        }).catch(function () { setPwdCap({ id: null, svg: null }); });
+      }
+      /** 展开/收起重置密码表单（账号卡「修改密码」与登录卡「忘记密码」共用开关）。 */
+      var togglePwdForm = function () {
+        var next = !pwdOpen;
+        setPwdOpen(next);
+        setMessage(null);
+        if (next && !pwdCap) pwdLoadCaptcha();
+      };
+      /** 发送短信验证码（图形验证码防刷；captcha_invalid → 重载验证码提示重试）。ph 由调用方给出：
+       * 账号卡=当前登录手机号；登录卡「忘记密码」=表单输入手机号。 */
+      var sendPwdSms = function (ph) {
+        ph = String(ph || "").trim();
+        // 账号卡改密(隐私契约):phone 为空 = 由服务端取本机账号真号发码;仅当显式填了非法号才报错
+        if (ph && !/^1\d{10}$/.test(ph)) { setMsg("err", "请输入正确的手机号"); return; }
+        if (!pwdCap || !pwdCap.id || !pwdCapTxt.trim()) { setMsg("err", "请输入图中验证码（点击图片可刷新）"); return; }
+        setBusy("pwd-sms");
+        post("/dsh-remote/sms-code", { phone: ph, captcha_id: pwdCap.id, captcha_answer: pwdCapTxt.trim() })
+          .then(function (body) {
+            var testCode = body && (body.test_code || (body.body && body.body.test_code));
+            setPwdCap(null); setPwdCapTxt(""); // 验证码一次性：发送后失效
+            if (testCode) setMsg("ok", "验证码已发送(测试码: " + testCode + ")");
+            else setMsg("ok", "验证码已发送");
+            var s = 60; setPwdSmsBtn(s + "s");
+            var t = setInterval(function () { s--; if (s <= 0) { clearInterval(t); setPwdSmsBtn("获取验证码"); } else setPwdSmsBtn(s + "s"); }, 1000);
+          })
+          .catch(function (e) {
+            var relayError = e.body && e.body.body && e.body.body.error;
+            if (relayError && relayError.code === "captcha_invalid") {
+              setPwdCapTxt(""); pwdLoadCaptcha();
+              setMsg("err", "发送次数较多，请输入图中验证码后重试");
+            } else setMsg("err", "发送失败: " + e.message);
+          })
+          .finally(function () { setBusy(""); });
+      };
+      /**
+       * 确认重置密码：POST /dsh-remote/password/reset → 成功后本地登出，提示用新密码登录。
+       * @param {string} ph - 手机号（账号卡=当前登录账号；登录卡「忘记密码」=表单输入）。
+       * @param {boolean} fromLogin - true=登录卡「忘记密码」；false=账号卡「修改密码」。
+       */
+      var doResetPwd = function (ph, fromLogin) {
+        ph = String(ph || "").trim();
+        if (ph && !/^1\d{10}$/.test(ph)) { setMsg("err", "请输入正确的手机号"); return; }
+        if (!ph && fromLogin) { setMsg("err", "请输入正确的手机号"); return; } // 登录卡忘记密码必须显式填号
+        if (!pwdSms.trim()) { setMsg("err", "请填写短信验证码"); return; }
+        if (pwdNew.length < 8) { setMsg("err", "新密码至少 8 位"); return; }
+        setBusy("pwd-reset");
+        post("/dsh-remote/password/reset", { phone: ph, sms_code: pwdSms.trim(), new_password: pwdNew })
+          .then(function (body) {
+            var ok = !!(body && (body.ok === true || (body.body && body.body.ok === true)));
+            if (!ok) {
+              var relayBody = (body && body.body) || body || {};
+              var errText = (relayBody.error && (relayBody.error.message || relayBody.error))
+                || relayBody.detail || ("修改失败(" + ((body && body.status) || "?") + ")");
+              setMsg("err", (fromLogin ? "重置失败：" : "修改失败：") + String(errText));
+              setPwdSms(""); // 短信验证码一次性：失败后需重新获取
+              return undefined;
+            }
+            // 成功：全部授权设备/会话已失效（含 E2EE）→ 本地登出清掉 config 旧口令与本地凭据，
+            // 提示用新密码重新登录（登录会把新口令写入 config 并重启 bridge / 重建 E2EE）。
+            setBusy("pwd-logout");
+            return post("/dsh-remote/logout").then(function (lb) {
+              setSt(lb); setAccount(null); setQuota(null);
+              setAkey(null); setAkeyMsg(null);
+              fbClearThreads();
+              setPwdOpen(false); setPwdSms(""); setPwdNew(""); setPwdCap(null); setPwdCapTxt(""); setPwdSmsBtn("获取验证码");
+              if (fromLogin) {
+                // 「忘记密码」成功：本机登出完成 → 回到登录表单提示用新密码登录（手机号保留，便于直接重登）
+                setPass(""); setLcapTxt(""); setLcap(null); loadCaptcha("login");
+                setMsg("ok", "✅ 密码已重置成功：" + PWD_RESET_WARN + "，本机已退出登录。请用新密码登录。");
+              } else {
+                setMsg("ok", "✅ 密码已修改成功：所有已授权设备与会话已失效，本机已退出登录。" +
+                  "请在下方账号卡用「新密码」重新登录——登录会更新本机保存的密码并重新启用端到端加密（E2EE）。");
+              }
+            }).catch(function (e) {
+              setMsg("err", "密码已" + (fromLogin ? "重置" : "修改") + "成功，但本机退出登录失败：" + e.message + "（建议手动「退出登录」后用新密码重新登录，以更新本机配置密码）");
+            });
+          })
+          .catch(function (e) { setMsg("err", (fromLogin ? "重置失败: " : "修改失败: ") + e.message); })
+          .finally(function () { setBusy(""); });
+      };
+
       var toggleBridge = function (start) {
         setBusy(start ? "start" : "stop");
         post(start ? "/dsh-remote/start" : "/dsh-remote/stop")
@@ -948,11 +1718,6 @@ window.__ModuleLoader__.load({
           .finally(function () { setBusy(""); });
       };
 
-      var copyUrl = function () {
-        if (!st) return;
-        try { navigator.clipboard.writeText(st.remoteUrl).then(function () { setCopied(true); setTimeout(function () { setCopied(false); }, 1500); }); } catch (e) {}
-      };
-
       var saveLocal = function () {
         if (!selfHost.trim() || !localKey.trim()) { setMsg("err", "请填写服务器地址与访问密钥"); return; }
         setBusy("local");
@@ -960,6 +1725,7 @@ window.__ModuleLoader__.load({
           .then(function (body) {
             // 切换到自建服务（连接账号上下文变为本地无账号）：清除 SaaS 账号的反馈线程凭据
             fbClearThreads();
+            setPwdOpen(false);
             setSt(body); setSelfHost(""); setLocalKey("");
             setMsg(body.ok ? "ok" : "err", body.ok ? "✅ 已切换到自建服务，bridge 已重启" : (body.error || (body.body && body.body.error) || "保存失败"));
           })
@@ -991,12 +1757,6 @@ window.__ModuleLoader__.load({
         if (!ts) return "—";
         try { var d = new Date(Number(ts)); return d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, "0") + "-" + String(d.getDate()).padStart(2, "0"); } catch (e) { return "—"; }
       }
-      /** 推广/升级页地址（/app/promo），取不到时返回空（按钮隐藏）。 */
-      function promoUrl() {
-        var base = (pub && pub.app_url) || (st && st.remoteUrl) || "";
-        if (!base) return "";
-        return base.replace(/\/+$/, "") + "/promo";
-      }
       function renderAccount() {
         var a = account;
         var plan = a ? a.plan : "free";
@@ -1004,7 +1764,6 @@ window.__ModuleLoader__.load({
         var isMember = plan === "pro" || plan === "pro_max";
         var endsAt = a && (a.plan_ends_at || a.trial_expires_at) ? Number(a.plan_ends_at || a.trial_expires_at) : 0;
         var quotaPct = quota && quota.limit_enabled ? quota.percent : null;
-        var promo = promoUrl();
         var planText;
         if (!isMember) planText = "免费额度: 带宽 ≈1Mbps" + (quotaPct !== null ? " · 本月流量已用 " + quotaPct + "%" : " · 本月流量限额 1GB");
         else if (source === "trial") planText = "试用 PRO 会员 · 到期 " + fmtDate(a.trial_expires_at);
@@ -1024,15 +1783,57 @@ window.__ModuleLoader__.load({
             h("span", null, planText)
           ),
           h("div", { className: "dru-actions", style: { marginTop: 10 } },
-            promo && h("a", { className: "dru-btn dru-btn-primary", style: { textDecoration: "none", display: "inline-flex", alignItems: "center" }, href: promo, target: "_blank", rel: "noopener" },
-              !isMember ? "🚀 升级 PRO" : source === "trial" ? "🚀 转正式 PRO" : "🔄 续费会员"),
+            h("button", { type: "button", className: "dru-btn dru-btn-primary", style: { display: "inline-flex", alignItems: "center" }, disabled: busy !== "", title: "升级/续费（带登录态打开）", onClick: openUpgradeAuth },
+              busy === "upgrade" ? "生成链接中…" : (!isMember ? "🚀 升级 PRO" : source === "trial" ? "🚀 转正式 PRO" : "🔄 续费会员")),
             h("button", { type: "button", className: "dru-btn dru-btn-ghost", disabled: busy !== "", onClick: function () { setView("invite"); loadInvite(); } }, "🎯 邀请好友赚会员"),
             h("button", { type: "button", className: "dru-btn dru-btn-ghost", disabled: busy !== "", onClick: function () { setView("feedback"); } }, "💬 用户反馈"),
+            h("button", { type: "button", className: "dru-btn dru-btn-ghost", disabled: busy !== "", onClick: togglePwdForm }, pwdOpen ? "收起修改密码" : "🔒 修改密码"),
             h("button", { type: "button", className: "dru-btn dru-btn-danger", disabled: busy !== "", onClick: function () { doLogout(false); } }, "退出登录")
           ),
-          endsAt && isMember ? h("div", { className: "dru-hint", style: { marginTop: 8 } },
-            "到期后如需继续使用会员权益，请在到期前续费。" + (promo ? "升级/续费入口在推广页。" : "")
-          ) : null
+          h("div", { className: "dru-hint", style: { marginTop: 8 } },
+            "升级/续费以带登录态方式打开：点击后生成一次性访问链接并直接跳转，无需重新登录。" +
+            (endsAt && isMember ? "到期后如需继续使用会员权益，请在到期前续费。" : "")),
+          pwdOpen ? renderResetPwdForm(false) : null
+        );
+      }
+
+      // ---------- 🔒 修改密码 / 忘记密码 共用重置表单（图形验证码 + 短信验证码 + 新密码≥8） ----------
+      // fromLogin=false：账号卡「修改密码」手机号以当前登录账号为准（只读）；
+      // fromLogin=true：登录卡「忘记密码」手机号预填登录输入、可改（成功后返回登录表单请用新密码登录）。
+      function renderResetPwdForm(fromLogin) {
+        // 隐私审计(2026-09):账号卡「修改密码」手机号只展示掩码;发送/重置时由服务端取本机账号真实号,
+        // 浏览器端不再出现明文手机号。登录卡「忘记密码」为用户自行输入,原样使用。
+        var curPhone = ((st && st.config && st.config.phone) || "");
+        var ph = fromLogin ? phone : "";
+        return h("div", { className: "dru-card", style: { marginTop: 10, border: "1px dashed #d0d7de" } },
+          h("h3", null, fromLogin ? "忘记密码（短信重置）" : "🔒 修改密码（短信验证）"),
+          h("div", { className: "dru-hint", style: { marginBottom: 8 } },
+            fromLogin
+              ? "手机号预填当前输入，可改为其它账号；" + PWD_RESET_WARN + "。"
+              : PWD_RESET_WARN + "（E2EE 用新密码重新派生）。"),
+          field("手机号", fromLogin
+            ? input({ type: "tel", value: ph, placeholder: "11 位手机号", autoComplete: "tel", onChange: function (e) { setPhone(e.target.value); } })
+            : h("input", { className: "dru-input", type: "tel", value: curPhone, disabled: true, readOnly: true, title: "以当前登录账号为准" })),
+          field("图形验证码", h("div", { className: "dru-captcha" },
+            input({ value: pwdCapTxt, placeholder: "图中数字", autoComplete: "off", inputMode: "numeric", maxLength: 6, onChange: function (e) { setPwdCapTxt(e.target.value); } }),
+            h("div", { className: "dru-captcha-box", title: "看不清？点击刷新", onClick: function () { pwdLoadCaptcha(); }, dangerouslySetInnerHTML: pwdCap && pwdCap.svg && pwdCap.svg.indexOf("<svg") === 0 ? { __html: pwdCap.svg } : void 0 },
+              pwdCap && pwdCap.svg && pwdCap.svg.indexOf("<svg") !== 0 ? pwdCap.svg : null)
+          )),
+          field("短信验证码", h("div", { className: "dru-captcha" },
+            input({ value: pwdSms, placeholder: "6 位验证码", autoComplete: "off", inputMode: "numeric", maxLength: 6, onChange: function (e) { setPwdSms(e.target.value); } }),
+            h("button", { type: "button", className: "dru-btn dru-btn-ghost", style: { flex: "none", padding: "0 14px" }, disabled: busy !== "", onClick: function () { sendPwdSms(ph); } }, pwdSmsBtn)
+          )),
+          field("新密码（至少 8 位）", input({ type: "password", value: pwdNew, minLength: 8, autoComplete: "new-password", placeholder: "至少 8 位", onChange: function (e) { setPwdNew(e.target.value); } })),
+          h("div", { className: "dru-hint", style: { marginBottom: 8 } },
+            fromLogin
+              ? "重置成功后本机会退出登录（如有已保存的旧账号），请用新密码登录。"
+              : "修改成功后，本机保存的旧密码会被清除并退出登录；请用新密码重新登录（登录会更新本机配置密码并重新启用远程访问与端到端加密）。"),
+          h("button", { type: "button", className: "dru-btn dru-btn-danger", style: { width: "100%" }, disabled: busy !== "", onClick: function () { doResetPwd(ph, fromLogin); } },
+            busy === "pwd-reset" ? "提交中…" : busy === "pwd-logout" ? "已重置，正在退出本地登录…" : (fromLogin ? "确认重置密码" : "确认修改密码")),
+          fromLogin
+            ? h("div", { style: { textAlign: "right", marginTop: 6 } },
+                h("button", { type: "button", className: "dru-linkbtn", onClick: function () { togglePwdForm(); } }, "← 返回登录"))
+            : null
         );
       }
 
@@ -1087,6 +1888,174 @@ window.__ModuleLoader__.load({
         );
       }
 
+      // ---------- 📱 远程访问卡：一次性访问地址 / 二维码 / 状态行 ----------
+      function renderAccessCard() {
+        var hasKey = !!(akey && akey.url);
+        var expMs = akey ? toMs(akey.expires_at) : 0;
+        var remainMs = expMs ? expMs - nowTick : 0;
+        var loggedInSaaS = !!(st && st.config && st.config.phone);
+        var statusTxt = st === null
+          ? "查询中…"
+          : !loggedInSaaS
+            ? "请先登录（下方账号卡片）后启用远程访问"
+            : serviceRunning ? "已连接（可远程访问）" : "等待设备连接";
+        var dotCls = "dru-dot " + (loggedInSaaS && serviceRunning ? "dru-dot-on" : "dru-dot-off");
+        // Phase-5:端到端加密(E2EE)状态行 —— 未登录/旧 host 未下发 e2ee 一律不渲染
+        // （桌面宽屏与手机镜像共用同一面板：纯文字状态行、不弹层不打扰）；启用=绿点绿字（🔒已启用），
+        // 未启用=灰字 + 中性原因文案（回退普通 HTTPS 连接，不宣称“灰度等待”）。
+        function renderE2eeBadge() {
+          if (!loggedInSaaS) return null;
+          var e = describeE2ee(st && st.service && st.service.e2ee);
+          if (!e) return null;
+          return h("div", { className: "dru-e2ee-line" + (e.kind === "ok" ? " ok" : "") },
+            h("span", { className: "dru-dot " + (e.kind === "ok" ? "dru-dot-on" : "dru-dot-off") }),
+            h("span", null, e.text));
+        }
+        return card("📱 远程访问", [
+          h("div", { className: "dru-status-line" },
+            h("span", { className: dotCls }),
+            h("span", null, statusTxt)
+          ),
+          renderE2eeBadge(),
+          akeyMsg
+            ? h("div", { className: "dru-msg dru-msg-" + akeyMsg.kind, style: { marginTop: 8 } },
+                akeyMsg.text,
+                akeyMsg.retry
+                  ? h("button", { type: "button", className: "dru-linkbtn", style: { marginLeft: 8 }, disabled: akeyBusy, onClick: akeyMsg.retry }, akeyBusy ? "重试中…" : "立即重试")
+                  : null)
+            : null,
+          hasKey ? h("div", null, [
+            h("div", { className: "dru-url big", style: { marginTop: 8 } },
+              h("span", null, akey.url),
+              h("button", { type: "button", onClick: copyKeyUrl }, copiedKey ? "已复制" : "复制")
+            ),
+            h("div", { className: "dru-access-flex" },
+              h("div", { className: "dru-access-col", style: { alignItems: "center" } },
+                akey.qr_data_url
+                  ? h("img", { className: "dru-qr-img", src: akey.qr_data_url, alt: "远程访问二维码" })
+                  : h("div", { className: "dru-qr-ph" }, "二维码生成中 / 暂不可用\n链接仍可复制或直接打开"),
+                h("div", { className: "dru-cd" + (remainMs > 0 ? " dru-cd-ok" : "") },
+                  "有效至 " + fmtClock(akey.expires_at) + " · 剩余 " + fmtRemain(remainMs))
+              ),
+              h("div", { className: "dru-access-col" },
+                h("div", { className: "dru-key-note" },
+                  "扫码即进入，30 分钟有效、用一次即失效。"),
+                h("div", { className: "dru-actions", style: { marginTop: 2 } },
+                  h("button", { type: "button", className: "dru-btn dru-btn-primary", disabled: akeyBusy, onClick: openKeyUrl }, "直接打开"),
+                  h("button", { type: "button", className: "dru-btn dru-btn-ghost", disabled: akeyBusy, onClick: loadAccessKey }, akeyBusy ? "生成中…" : "刷新二维码/访问链接")
+                ),
+                h("div", { className: "dru-hint", style: { marginTop: 4 } },
+                  !serviceRunning
+                    ? "本机 bridge 未运行：先在下方「🖥 Bridge 服务」卡启动。"
+                    : "打开链接/扫码进入即登录态；同设备重复扫码只更新授权，不新增设备。")
+              )
+            )
+          ]) : h("div", null, [
+            h("div", { className: "dru-hint", style: { marginTop: 6 } },
+              loggedInSaaS
+                ? "正在生成一次性访问链接…（手机或另一台电脑扫码/打开即可进入）"
+                : "登录下方「🔑 账号」卡片中的手机号账号后，即可生成一次性访问链接，让手机或另一台电脑远程使用同一份 dsh web。"),
+            h("div", { className: "dru-actions", style: { marginTop: 8 } },
+              h("button", { type: "button", className: "dru-btn dru-btn-primary", disabled: akeyBusy, onClick: loadAccessKey },
+                akeyBusy ? "生成中…" : "生成访问链接")
+            )
+          ])
+        ]);
+      }
+
+      // ---------- 📲 已授权设备卡（展开列表 + 行内 取消配对/删除记录 + 底部 清理已解绑） ----------
+      function deviceLabel(s) {
+        if (s && s.label) return String(s.label);
+        var parts = [];
+        if (s && s.os) parts.push(String(s.os));
+        if (s && s.browser) parts.push(String(s.browser));
+        return parts.length ? parts.join(" ") : "未知设备";
+      }
+      function deviceMeta(s) {
+        var parts = [];
+        if (s && s.os) parts.push(String(s.os));
+        if (s && s.browser) parts.push(String(s.browser));
+        return parts.join(" · ");
+      }
+      function renderDeviceList() {
+        if (devSessions === null) {
+          return h("div", { className: "dru-hint" }, devBusy === "list" ? "正在加载已授权设备…" : "加载已授权设备中，请稍候或点上方按钮重试");
+        }
+        if (devSessions.length === 0) {
+          return h("div", { className: "dru-fb-empty" }, "暂无已授权设备（手机扫码后出现）");
+        }
+        var revokedCount = devSessions.filter(function (s) { return !!(s && s.revoked_at); }).length;
+        return h("div", null, [
+          devSessions.map(function (s) {
+            var id = s && s.id;
+            var revoked = !!(s && s.revoked_at);
+            return h("div", { key: id, className: "dru-dev" },
+              h("div", { className: "dru-dev-top" },
+                h("span", { className: "dru-dev-name" }, deviceLabel(s)),
+                deviceMeta(s) ? h("span", { className: "dru-dev-meta" }, deviceMeta(s)) : null,
+                revoked ? h("span", { className: "dru-dev-tag dru-dev-tag-off" }, "已取消配对") : null
+              ),
+              h("div", { className: "dru-dev-sub" },
+                "首次配对 " + fmtDT(s && s.created_at) +
+                (s && s.last_seen_at ? " · 最近活跃 " + fmtDT(s.last_seen_at) : "") +
+                (revoked ? " · 取消于 " + fmtDT(s.revoked_at) : "")
+              ),
+              h("div", { className: "dru-actions", style: { marginTop: 8 } },
+                revoked ? null : h("button", {
+                  type: "button",
+                  className: "dru-btn dru-btn-danger",
+                  disabled: devBusy !== "",
+                  onClick: function () { doRevokeDevice(id); }
+                }, devBusy === "revoke:" + id ? "取消中…" : armedDev === id ? "⚠ 再点一次确认取消配对" : "取消配对"),
+                h("button", {
+                  type: "button",
+                  className: "dru-btn dru-btn-ghost",
+                  style: { color: "#cf222e", borderColor: "#cf222e" },
+                  disabled: devBusy !== "",
+                  onClick: function () { doDeleteDevice(id); }
+                }, devBusy === "delete:" + id ? "删除中…" : armedDel === id ? "⚠ 再点一次确认删除记录" : "删除记录")
+              )
+            );
+          }),
+          h("div", { className: "dru-hint", style: { marginTop: 4 } },
+            "取消配对后，对方需重新扫码/登录才能再次远程访问本机。"),
+          h("div", { className: "dru-actions", style: { marginTop: 8, borderTop: "1px dashed #eaeef2", paddingTop: 8 } },
+            h("button", {
+              type: "button",
+              className: "dru-btn dru-btn-ghost",
+              disabled: devBusy !== "" || revokedCount === 0,
+              onClick: doPurgeDevices,
+              title: revokedCount > 0 ? ("清理 " + revokedCount + " 条已解绑记录") : "没有已解绑记录"
+            }, devBusy === "purge" ? "清理中…" : purgeArmed ? "⚠ 再点一次确认清理已解绑" : "清理已解绑" + (revokedCount > 0 ? "（" + revokedCount + "）" : ""))
+          )
+        ]);
+      }
+      function renderDevicesCard() {
+        var count = devSessions === null ? null : devSessions.length;
+        var btnLabel = devOpen
+          ? "收起已授权设备列表"
+          : "已授权设备 " + (count === null ? "…" : count) + "（点击展开管理）";
+        return card("📲 已授权设备", [
+          h("div", { className: "dru-actions", style: { marginTop: 2 } },
+            h("button", {
+              type: "button",
+              className: "dru-btn dru-btn-ghost",
+              style: { width: "100%" },
+              disabled: devBusy !== "",
+              onClick: toggleDevices
+            }, devBusy === "list" ? "加载中…" : btnLabel)
+          ),
+          devOpen ? renderDeviceList() : null,
+          devMsg
+            ? h("div", { className: "dru-msg dru-msg-" + devMsg.kind, style: { marginTop: 6 } },
+                devMsg.text,
+                devMsg.retry
+                  ? h("button", { type: "button", className: "dru-linkbtn", style: { marginLeft: 8 }, disabled: devBusy !== "", onClick: devMsg.retry }, devBusy === "list" ? "重试中…" : "立即重试")
+                  : null)
+            : null
+        ]);
+      }
+
       // ---------- 主视图 ----------
       function renderHome() {
         var isLocal = mode === "local";
@@ -1096,16 +2065,11 @@ window.__ModuleLoader__.load({
             h("div", { className: "dru-tab" + (!isLocal ? " active" : ""), onClick: function () { setMode("saas"); setMessage(null); } }, "☁️ 云端服务"),
             h("div", { className: "dru-tab" + (isLocal ? " active" : ""), onClick: function () { setMode("local"); setMessage(null); } }, "🖥 自建服务")
           ),
-          // 云端 tab：远程控制地址 + 账号（手机号登录，官方托管）
+          // 云端 tab：📱 远程访问（一次性扫码访问 + 已授权设备）+ 账号（手机号登录，官方托管）
           !isLocal ? h("div", null,
-            card("📱 远程控制地址",
-              h("div", { className: "dru-url" },
-                h("span", null, st ? st.remoteUrl : "加载中…"),
-                h("button", { type: "button", onClick: copyUrl }, copied ? "已复制" : "复制")
-              ),
-              h("div", { className: "dru-hint", style: { marginTop: 6 } },
-                st && st.relayReachable === false ? "⚠ 云端服务不可达（地址可能不是最新）" : "手机浏览器打开此地址登录后即可远程控制本机。")
-            ),
+            renderAccessCard(),
+            // 已授权设备：仅登录后展示（登录前不显示，避免空列表/误导）
+            loggedIn && st.config.phone ? renderDevicesCard() : null,
             card("🔑 账号",
               st === null
                 ? h("div", { className: "dru-hint" }, "正在读取远控状态…")
@@ -1113,19 +2077,26 @@ window.__ModuleLoader__.load({
                   ? renderAccount()
                   : h("div", null,
                       h("div", { className: "dru-tabs" },
-                        h("div", { className: "dru-tab" + (authTab === "login" ? " active" : ""), onClick: function () { setAuthTab("login"); setMessage(null); } }, "登录"),
-                        h("div", { className: "dru-tab" + (authTab === "register" ? " active" : ""), onClick: function () { setAuthTab("register"); setMessage(null); } }, "注册")
+                        h("div", { className: "dru-tab" + (authTab === "login" ? " active" : ""), onClick: function () { setAuthTab("login"); setPwdOpen(false); setMessage(null); } }, "登录"),
+                        h("div", { className: "dru-tab" + (authTab === "register" ? " active" : ""), onClick: function () { setAuthTab("register"); setPwdOpen(false); setMessage(null); } }, "注册")
                       ),
                       authTab === "login"
-                        ? h("div", null,
-                            field("手机号", input({ type: "tel", value: phone, placeholder: "11 位手机号", autoComplete: "tel", onChange: function (e) { setPhone(e.target.value); } })),
-                            field("密码", input({ type: "password", value: pass, placeholder: "密码", autoComplete: "current-password", onChange: function (e) { setPass(e.target.value); } })),
-                            field("验证码", h("div", { className: "dru-captcha" },
-                              input({ value: lcapTxt, placeholder: "图中数字", autoComplete: "off", inputMode: "numeric", maxLength: 6, onChange: function (e) { setLcapTxt(e.target.value); } }),
-                              h("div", { className: "dru-captcha-box", title: "看不清？点击刷新", onClick: function () { loadCaptcha("login"); }, dangerouslySetInnerHTML: lcap && lcap.svg && lcap.svg.indexOf("<svg") === 0 ? { __html: lcap.svg } : void 0 },
-                                lcap && lcap.svg && lcap.svg.indexOf("<svg") !== 0 ? lcap.svg : null)
-                            )),
-                            h("button", { type: "button", className: "dru-btn dru-btn-primary", style: { width: "100%" }, disabled: busy !== "", onClick: doLogin }, busy === "login" ? "登录中…" : "登录")
+                        ? (pwdOpen
+                            // 「忘记密码」展开：与账号卡「修改密码」共用同一重置表单（手机号可编辑、预填登录输入）
+                            ? renderResetPwdForm(true)
+                            : h("div", null,
+                                field("手机号", input({ type: "tel", value: phone, placeholder: "11 位手机号", autoComplete: "tel", onChange: function (e) { setPhone(e.target.value); } })),
+                                field("密码", input({ type: "password", value: pass, placeholder: "密码", autoComplete: "current-password", onChange: function (e) { setPass(e.target.value); } })),
+                                field("验证码", h("div", { className: "dru-captcha" },
+                                  input({ value: lcapTxt, placeholder: "图中数字", autoComplete: "off", inputMode: "numeric", maxLength: 6, onChange: function (e) { setLcapTxt(e.target.value); } }),
+                                  h("div", { className: "dru-captcha-box", title: "看不清？点击刷新", onClick: function () { loadCaptcha("login"); }, dangerouslySetInnerHTML: lcap && lcap.svg && lcap.svg.indexOf("<svg") === 0 ? { __html: lcap.svg } : void 0 },
+                                    lcap && lcap.svg && lcap.svg.indexOf("<svg") !== 0 ? lcap.svg : null)
+                                )),
+                                h("button", { type: "button", className: "dru-btn dru-btn-primary", style: { width: "100%" }, disabled: busy !== "", onClick: doLogin }, busy === "login" ? "登录中…" : "登录"),
+                                // 忘记密码：小字入口，点击展开短信验证码重置表单（不抢占任何官方按钮）
+                                h("div", { style: { display: "flex", justifyContent: "flex-end", marginTop: 8 } },
+                                  h("button", { type: "button", className: "dru-linkbtn", disabled: busy !== "", onClick: togglePwdForm }, "忘记密码？"))
+                              )
                           )
                         : h("div", null,
                             field("手机号", input({ type: "tel", value: rphone, placeholder: "11 位手机号", autoComplete: "tel", onChange: function (e) { setRphone(e.target.value); } })),
@@ -1188,12 +2159,22 @@ window.__ModuleLoader__.load({
                 )
               : null
           ),
-          // 关于 dsh-remote（开源项目说明卡片）
+          // 关于 dsh-remote（v0.5+ 远程访问价值说明卡片）
           card("📖 关于 dsh-remote", [
-            h("div", { className: "dru-hint", style: { marginBottom: 6 } }, "① 为什么推荐用 SaaS：不用自己买服务器、不用折腾部署，装好客户端就能用，最省心。"),
-            h("div", { className: "dru-hint", style: { marginBottom: 6 } }, "② 会员费去向：付的是网络带宽/服务器成本，也是给开发者的合理支持，让项目持续维护。"),
-            h("div", { className: "dru-hint", style: { marginBottom: 6 } }, "③ 也可以自建：项目完全开源，有服务器可自行部署，流量走自己的服务器，闭环自控。"),
-            h("div", { className: "dru-hint" }, "④ 一句话总结：简单省心用 SaaS，技术玩家可自建。")
+            h("div", { className: "dru-hint", style: { marginBottom: 6 } }, "📱 远程访问：用手机或另一台电脑的浏览器，随时随地使用同一份 dsh web——人在哪都能用（免公网 IP、免内网穿透）；官方托管中继，4G/5G 即用，也可自建服务。"),
+            h("div", { className: "dru-hint", style: { marginBottom: 6 } }, "🛠 电脑端一键安装：bridge 与「远程访问」面板一次到位——云端/自建切换、账号登录、bridge 启停、一次性扫码访问、已授权设备管理、意见反馈都在这里。"),
+            h("div", { className: "dru-hint", style: { marginBottom: 6 } }, "🔒 安全与通道：HTTP / WebSocket 全量透传，一次性访问密钥认证，面板实时显示设备与已授权设备列表；服务端可配置流量配额。"),
+            h("div", { className: "dru-hint" }, "🛡 端到端加密：手机↔电脑之间的消息内容用「你的账号密码派生密钥」端到端加密——密钥与密码不落服务端（仅存校验值），中继只可见路径/大小/时间（详见 README「安全与隐私」）。"),
+            // 加入交流群（后台上传二维码后出现；点击弹出二维码大图便于扫码）
+            community && community.qrcode
+              ? h("div", { className: "dru-actions", style: { marginTop: 10 } },
+                  h("button", {
+                    type: "button",
+                    className: "dru-btn dru-btn-ghost",
+                    style: { width: "100%" },
+                    onClick: function () { setCommOpen(true); }
+                  }, "💬 加入交流群"))
+              : null
           ]),
           // 版本与更新（自管理：检测新版 / 一键在线更新 / 彻底卸载）
           h(SelfManageCard, null),
@@ -1201,17 +2182,41 @@ window.__ModuleLoader__.load({
         );
       }
 
-      return h("div", { className: "dru-settings-section", role: "region", "aria-label": "远程控制" },
+      /** 交流群弹窗（复用满意度弹窗的 dru-popup 视觉；点遮罩/关闭即收起）。 */
+      function renderCommunityModal() {
+        if (!commOpen || !(community && community.qrcode)) return null;
+        var close = function () { setCommOpen(false); };
+        return h("div", { className: "dru-popup", onMouseDown: function (e) { if (e.target === e.currentTarget) close(); } },
+          h("div", { className: "dru-popup-card", role: "dialog", "aria-label": "加入企微交流群" },
+            h("div", { className: "dru-popup-body" },
+              h("div", { className: "dru-popup-icon" }, "💬"),
+              h("div", { className: "dru-popup-title" }, "加入企微交流群"),
+              h("div", { className: "dru-popup-sub" }, "扫码入群：安装答疑 / 使用技巧 / 版本更新 / 问题反馈"),
+              h("img", { className: "dru-community-qr", src: community.qrcode, alt: "企微交流群二维码" }),
+              community.wechat
+                ? h("div", { className: "dru-hint", style: { marginTop: 10 } }, "二维码失效或群满，可加客服微信：" + community.wechat)
+                : h("div", { className: "dru-hint", style: { marginTop: 10 } }, "二维码失效或群满，可到 GitHub 提 Issue 联系作者")
+            ),
+            h("div", { className: "dru-popup-foot" },
+              h("span", null, "手机微信/企业微信扫码即可入群"),
+              h("button", { type: "button", onClick: close }, "关闭")
+            )
+          )
+        );
+      }
+
+      return h("div", { className: "dru-settings-section", role: "region", "aria-label": "远程访问" },
         h("div", { className: "dru-settings-head" },
-          h("span", { className: "dru-settings-icon" }, "🖥"),
+          h("span", { className: "dru-settings-icon" }, "📱"),
           h("div", null,
-            h("h2", { className: "dru-settings-title" }, "远程控制"),
-            h("div", { className: "dru-settings-sub" }, "通过手机远程控制本机 dsh web")
+            h("h2", { className: "dru-settings-title" }, "远程访问"),
+            h("div", { className: "dru-settings-sub" }, "通过手机或另一台电脑远程使用同一份 dsh web，人在哪都能用（免公网 IP）")
           )
         ),
         h("div", { className: "dru-settings-body" },
           view === "feedback" ? renderFeedback() : view === "invite" ? renderInvite() : renderHome()
-        )
+        ),
+        renderCommunityModal()
       );
     }
 
@@ -1220,13 +2225,13 @@ window.__ModuleLoader__.load({
     function apply(ctx) {
       // 面板入口迁移：从侧边栏（sidebar.footer.action）移入「设置」页官方扩展点
       // settings.section（列表槽，由 ui-settings-general 在 sidebar.settings 下声明）。
-      // order 30 > Agent 预设(20)，栏目落在「Agent 预设」下方；label 即栏目名（🖥 通用远程控制图标）。
+      // order 30 > Agent 预设(20)，栏目落在「Agent 预设」下方；label 即栏目名（📱 远程访问）。
       ctx.slots.inject("settings.section", function () {
         return ctx.slots.register({
           name: "settings.section",
           id: "dsh-remote",
           order: 30,
-          label: function () { return "🖥 远程控制"; }
+          label: function () { return "📱 远程访问"; }
         }, RemoteControlSection);
       });
       ctx.slots.inject("shell.overlay", function () {
@@ -1235,10 +2240,18 @@ window.__ModuleLoader__.load({
 
       // 首次安装引导小红点（localStorage dsh-remote-seen-dot；点击后不再显示）
       dotWatch();
+      // 侧栏「远程访问」快捷入口（2026-09 恢复注入：与官方「设置」按钮共存不遮挡）
+      navEnsureStart();
 
       // 满意度弹窗调度：首次观察到 bridge 运行（即“安装完成并体验”）后约 10 分钟弹出；
       // 每 60 秒复查一次，避免 dsh web 启动晚于到点时间。
+      // 弹窗状态按「账号/设备」分作用域(见 fbPopScope);旧版无后缀键视为已完成并迁移,不再打扰老用户。
+      var legacyPopState = null;
+      try { legacyPopState = JSON.parse(localStorage.getItem(FB_POPUP_KEY) || "null"); } catch (e) { legacyPopState = null; }
+      try { localStorage.removeItem(FB_POPUP_KEY); } catch (e) {}
       api("/dsh-remote/status").then(function (body) {
+        if (body && body.config) setFbPopScope(body.config.phone || body.config.deviceId || "anon");
+        if (legacyPopState && legacyPopState.state === "done") fbSavePopState({ state: "done", firstSeen: legacyPopState.firstSeen || Date.now(), nextAt: 0 });
         if (body && body.service && body.service.running) {
           fbEnsureFirstSeen();
           fbMaybeOpenPopup();
@@ -1249,6 +2262,7 @@ window.__ModuleLoader__.load({
         if (!s || s.state !== "pending") { clearInterval(popupTimer); return; }
         if (!fbFirstSeenAt) {
           api("/dsh-remote/status").then(function (body) {
+            if (body && body.config) setFbPopScope(body.config.phone || body.config.deviceId || "anon");
             if (body && body.service && body.service.running) {
               fbEnsureFirstSeen();
               fbMaybeOpenPopup();